/*  
Theme Name: tipico
Theme URI:
Description: A simple themes for WP
Version: 1.0
Author: AB&A
Author URI: https://www.abea-studios.com/
*/

/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.clear 		{clear: both;}
.hide 		{display: none;}
.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 1rem;
  padding: 0.5rem 1rem;
  background: #000;
  color: #fff;
  z-index: 1000;
}

/*----------------------------------Generici------------------------------*/
body {padding:0; margin:0;width:100%;float:left;font-family: "Poppins", sans-serif;}
a{text-decoration:underline;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:active	{outline: none;}
a:focus, button:focus, input:focus{text-decoration:underline;outline-offset: 2px;/*outline: 3px solid #....;*/ }
a:hover{text-decoration:underline;}
a img:hover{opacity:0.7;}
p{font-size:clamp(1em, 1.2vw, 1em);line-height:1.5;font-family: "Poppins", sans-serif;color:#222;}
h1{font-size: clamp(1.5em, 4vw, 2em);line-height:1.5;font-family: "Poppins", sans-serif;color:#791f1f;text-transform:uppercase;}
h2{font-size: clamp(1.375em, 3vw, 1.75em);line-height:1.5;font-family: "Poppins", sans-serif;color:#791f1f;margin-bottom:3%;}
h3 {font-size: clamp(1.125em, 2.5vw, 1.5em);line-height:1.5;font-family: "Poppins", sans-serif;color:#791f1f;}
h4 {font-size: clamp(1em, 2vw, 1.25em);line-height:1.5;font-family: "Poppins", sans-serif;color:#791f1f;}
h5 {font-size: clamp(0.9em, 1.5vw, 1em);font-family: "Poppins", sans-serif;color:#791f1f;}
h6 {font-size: clamp(0.8em, 1.2vw, 0.875em);font-family: "Poppins", sans-serif;color:#791f1f;}

button{font-size:1em;line-height:1.5;font-family: "Poppins", sans-serif;}
header {position:absolute;top: 0;z-index: 199999;display:flex;width:100%;} 
header #int-header {width:1400px;margin:0 auto;}
header nav {width:43%;float:left;margin-top:5%;text-transform:uppercase;}
header #logo {width:14%;float:left;}
header #logo img {width:100%;height:auto;}
header .bottoni-header {width:43%;float:left;margin-top:4.5%;text-align:right;}
header .bottoni-header button {background-color:#e6a700;border: 0;padding: 2% 5%;margin-left: 2%;border-radius:36px;}
header .bottoni-header button a {color:#222;text-decoration:none;text-transform:uppercase;}
main{width:1400px !important; margin:0 auto;}
main section p strong {color:#791f1f;}
main section p a {color:#791f1f;}
#foot-int{width:1400px; margin:0 auto;}
#foot-int h2 {color:#e6a700;}
#foot-int p {color:#fff;}
#foot-int p a{color:#fff;}
#foot-int p strong {color:#e6a700;}
footer {background-color:#791f1f;width:100%;float:left;padding:2% 0 0;margin-top:2%;}
#foot-int #credits {text-align:center;}
#foot-int .ragione {margin-top:3%;}
footer #credits {text-align:center;background-color:#f4eedd;margin-top:2.5%;font-size:0.9em;padding:0.5%;}
footer #credits a {color:#222;}


div.wpcf7-response-output{float:left;}


/* Gutemberg */
.alignfull {
	margin: 32px calc(50% - 50vw);
	max-width: 99vw;
	width: 100vw;
}

.alignwide{width:1400px;}

@media screen and (max-width: 1400px) {
     .alignwide  {
          width:  100vw;
          max-width:  99vw;
          margin-left:  calc(50% - 50vw);
     }
}
.wp-block-columns {width:100%}
.wp-block-image img {height:auto;}
.wp-block-buttons button {border:0;background-color:transparent;}
.wp-block-buttons button .wp-block-button__link.has-text-color {background-color:#fff;}
.wp-block-buttons {width:100%;}
.blocks-gallery-grid, .wp-block-gallery {float:left;}

/*--------Menu---------*/
#mainmenu #menu-menu-1{float:left;width:100%;margin: 0; padding: 0;display:flex;gap:12px;}
#mainmenu li{list-style:none;display: block;float: left;position: relative;}
#mainmenu .current-menu-item{}
#mainmenu .current-menu-item a{color:#e6a700;}
#mainmenu li a {display: block;color:#222;text-decoration:none;font-size:0.96em;}
#mainmenu ul ul {display: none;position: absolute;}
#mainmenu ul ul li {float:left;width: 100%;}
#mainmenu li a:hover{color:#e6a700;}
#mainmenu .current-menu-parent a:hover{}
#mainmenu .current-menu-item ul{}
#mainmenu .current-menu-item ul li a{}
#mainmenu li li a:hover{}
#mainmenu ul ul li a {}
#mainmenu ul li:hover > ul {display: block;}
#mainmenu ul ul li ul {left: 150px;top: 0;}
#mainmenu .current-menu-parent{}
#mainmenu .current-menu-parent a{color: #e6a700;}
#mainmenu .current-menu-parent ul .current-menu-item{}
#mainmenu .current-menu-parent ul .current-menu-item{}
#mainmenu .current-menu-item a:hover{}
#menu-top #mainmenu .current-page-ancestor .sub-menu .current_page_item a{}
#mainmenu .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover{}

/*--------Home---------*/
section.slider-home {margin-top:0;}
#metaslider-id-22 .flexslider .caption-wrap {opacity:1;width:26%;bottom:50%;left:38%;}
#metaslider-id-22 .flexslider .caption-wrap .caption {font-size:2em;text-align:center;padding:4% 0;}
.home .testo-intro {margin-top:-100px;position:relative;margin-bottom:8%;}
.home .testo-intro .wp-block-columns {gap:0 !important;}
.home .testo-intro .wp-block-columns .txt-int {padding:8%;}
.home .testo-intro .wp-block-columns .is-vertically-aligned-bottom {border-bottom:2px solid #e6a700;margin-bottom:4%;}
.home .colonna-home {padding:10%;}
.home .colonna-home .wp-block-buttons button .wp-block-button__link.has-text-color {border:2px solid #791f1f; margin-top:10%;}
.home .prodotti-home {float:left;padding:4%;margin-bottom:0;}
.home .prodotti-home .wp-block-gallery figure {padding:1%;}
.home .prodotti-home .wp-block-gallery figure figcaption {font-size:1.1em !important;text-shadow:none !important;background:none !important;position:relative !important;color:#791f1f !important;font-weight:bold;}
.home .prodotti-home .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {display:none;}
.home main section {margin-top:0;margin-bottom:0;}
.home main section .wp-block-columns {gap:0;}
.home main section .wp-block-columns figure.wp-block-image {margin-bottom:0;}
.home footer {margin-top:0;}

/*--------Page---------*/
section.testata {margin-top:0;}
section.testata .wp-block-post-featured-image {margin-top:0;}
.page-template-default header {background-color:#ffffffe8;}
.page-template-default header nav {margin-top:4%;}
.page-template-default header .bottoni-header {margin-top:3%;}
.page-template-default header #logo {text-align:center;}
.page-template-default header #logo img {width:50%;height:auto;}
.prodotti-bott {padding:6%;}
.prodotti-bott p {padding:0 10%;}
.prodotti-bott .wp-block-column {background-color:#fff;padding:1.5% 0;}

/*--------Archive---------*/
.archive header {background-color:#ffffffe8;}
.archive header nav {margin-top:4%;}
.archive header .bottoni-header {margin-top:3%;}
.archive header #logo {text-align:center;}
.archive header #logo img {width:50%;height:auto;}
.archive h1 {margin-bottom:2%;}
.archive #elenco {display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 30px;
    width: 100%;}
.archive #elenco article {flex-basis:30%;}
.archive #elenco article img {width:100%;height:auto;}
.archive #elenco article h2 a {color:#791f1f;text-decoration:none;}

/*--------Single---------*/
.single header {position:relative;margin-bottom:4%;}
.single header nav {margin-top:4%;}
.single header .bottoni-header {margin-top:3%;}
.single header #logo {text-align:center;}
.single header #logo img {width:50%;height:auto;}