/*
 Theme Name:   Florenzo Srl
 Theme URI:    https://generatepress.com
 Description:  Tema WordPress
 Author:       Florenzo Srl
 Template:     generatepress
 Version:      0.1
*/

/* Logo Mobile */
.site-logo.mobile-header-logo img {height: 40px !important;}

/* Header trasparente */
.inside-header {padding: 30px 0px;}

/* Linea divisore menù */
@media (min-width: 769px){
.main-navigation .main-nav ul li {position: relative;}
.main-navigation .main-nav ul li + li::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: rgba(255, 255, 255, 0.9);}}

/* Nav Button Header */
.main-navigation .main-nav ul li.nav-button a {border:1px solid #ffffff; color:#ffffff; padding: 22px; line-height: 0px; border-radius: 3px;}
.main-navigation .main-nav ul li.nav-button::before {display:none!important;}

/* Menù Sticky */
.sticky-enabled .main-navigation.is_stuck {background: #00203D; padding: 0px 0px;}
.navigation-branding img, .site-logo.mobile-header-logo img {height: 45px !important; width: auto;}

/* Menù Mobile */
.main-navigation.has-branding .menu-toggle {padding: 0px 20px !important;}


/* Menù Canvas Mobile */
.main-navigation.slideout-navigation .main-nav > ul > li > a {text-transform: capitalize; border-bottom: 1px solid #283c4e;}
.slideout-navigation.main-navigation .main-nav ul ul li a {border-bottom: 1px solid #dae7f1;}
.menu-item-has-children .dropdown-menu-toggle {padding-right: 20px;}
.offside--right.is-open:not(.slideout-transition) {width:80%}
.slideout-navigation button.slideout-exit {margin-top: 20px; font-size: 22px;}


/* Stretch Link */
.stretch-link {position:relative;}
.stretch-link a::after {content:''; position:absolute; inset:0;}
.stretch-link a:is(:focus-visible)::after {outline:2px solid;}


/* Animate JS */
@media (prefers-reduced-motion: no-preference) and (min-width: 1024px) {
.animate { opacity: 0; transform: translateY(60px); transition: opacity 1s ease, transform 0.6s ease; will-change: opacity, transform; }
.animate.is-visible { opacity: 1; transform: translateY(0); }
.editor-styles-wrapper .animate { opacity: 1 !important; transform: none !important; transition: none !important; }}


/* Layout Mobile */
@media (max-width: 1024px) {
#mobile-header.toggled .main-nav > ul, #mobile-header .menu-toggle, #mobile-header .mobile-bar-items {display: block; border: 1px solid #EAEFF3; color: #EAEFF3; margin-top: 20px; margin-bottom: 20px; border-radius: 4px; line-height: 50px; font-size: 21px;}
.main-navigation.has-branding .inside-navigation.grid-container {padding: 0px 20px 0px 0px !important; background: #00203D}}


/* Logo Sticky padding left */
@media (max-width: 1410px) {
.site-header .inside-header {padding-left: 20px; padding-right: 20px;}}


/* Start CF7 */
input[type=text], input[type=email], input[type=tel], select {padding: 15px; width: 100%;}
input[type=submit] {padding: 20px 15px; width: 100%; font-weight: bold; margin-top:15px;}
.cf7-privacy { display: flex; align-items: center; gap: 10px; }

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #d1fae5;
    color: #065f46;
    text-align: center;
    padding: 15px 20px;
    border: 2px solid #46b450;
    border-radius: 0px;
    font-weight: 600;
    transition: all 0.3s ease;}


.wpcf7 form .wpcf7-response-output {
    margin: 2em 0em 0em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;}

span.wpcf7-not-valid-tip {
  background-color: #fee2e2;
  padding: 6px 10px;
  border-radius: 0px;
  border: 1px solid #f87171;}
/* End CF7 */