/*
Theme Name: Dragonfly Theme
Theme URI: mailto:web.carmelobaglieri@gmail.com
Author: Carmelo Baglieri
Author URI: mailto:web.carmelobaglieri@gmail.com
Description: Wordpress theme extremely compatible.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: woocommerce, visual composer, professional, business
Text Domain: df_theme
Domain Path: /languages

*/

@import url('./assets/fonts/montserrat/stylesheet.css');
@import url('./assets/fonts/Josefin/stylesheet.css');
/* @import url('./assets/fonts/bebaskai/stylesheet.css');
@import url('./assets/fonts/Bodega/stylesheet.css'); */

/* CUSTOM */

body{
   font-family: "Montserrat";
   font-size: 16px;
}
img{
   height: auto;
}
.overflow-inherit{
   overflow: inherit!important;
}
.z-index-5{
   z-index: 5!important;
}
.max-80p{
   max-width: 80%;
   margin: 0 auto;
}
.max-150{
   max-width: 150px;
}
.max-400{
   max-width: 400px;
}
.max-500{
   max-width: 500px;
}
.text-shadow {
   text-shadow: 2px 2px 11px #161616;
}
.text-shadow-sm {
   text-shadow: 2px 2px 1px #5e5e5e;
}
.vc_row.wpb_row:not(.vc_inner){
   padding-top: 30px;
   padding-bottom: 15px;
}

.image-caption {
   margin-top: 0.5em;
   font-size: .8em;
}

.btn-xl, .btn-group-xl > .btn {
   padding: 1rem 40px;
   font-size: calc(1.25625rem + 0.075vw);
   border-radius: 0.3rem;
}
.form-label {
   font-weight: 600;
}

@media (min-width: 1200px){
   .btn-xl, .btn-group-xl > .btn {
      font-size: 1.3125rem;
   }
}

/* .btn{
   border-radius: 0;
} */

@keyframes blinked {
   0%   {transform: scale(1)}
   25%  {transform: scale(1.2)}
   /*50%  {top: 100px; left: 100px; background: yellow;}
   75%  {top: 100px; left: 0px; background: green;}*/
   100% {transform: scale(0.7);}
}


.blinked:hover img {
   animation: blinked 1s;
   animation-fill-mode: forwards;
}

.table >:not(caption) > * > * {
   padding: 0.75rem 0.5rem;
}

/* colori */
.bg-azzurro{
   background-color: #eef4fd;
}

/* typhography */
.ff-secondary{
   font-family: 'Josefin Sans';
   line-height: 1;
   letter-spacing: -1px;
}
h1, .h1{
   font-family: 'Josefin Sans';
   color: var(--df-primary);
   line-height: 1;
   letter-spacing: -1px;
}
h1:not(.no-border):after, .h1:not(.no-border):after {
   border: 1px solid var(--df-secondary);
   width: 100px;
   content: '';
   display: block;
   margin: 0.75rem 0 1.5rem;
}
h1.border-center:after, .h1.border-center:after{
   margin-left: auto;
   margin-right: auto;
}
h2, .h2{
   font-size: 1.9rem;
}
h3, .h3{
   font-size: 1.4rem;
}

/* HEADER */

/* header home */
body.home #masthead {
   box-shadow: unset!important;
   position: absolute;
   width: 100%;
   z-index: 20;
}
body.home #fixed-masthead{
   background-color: var(--df-body-bg);
   border: none;
}
body.home #masthead.main-header .navbar-nav > .menu-item > a,
body.home #masthead #toggle-sidebar{
   color: white;
}
body:not(.home) #masthead, body:not(.home) #fixed-masthead{
   background-color: white;
}
body:not(.home) #masthead .header-logo{
   display: none;
}
body:not(.home) #masthead .fixedheader-logo{
   display: block;
}
body.home #masthead .lang-wrap a, body.home #masthead .lang-wrap {
   color: white;
}

.main-header .menu-item a {
   text-transform: uppercase;
}
#fixed-masthead .logo img, 
body:not(.home) #masthead .logo img {
   max-width: 150px!important;
}


@media (min-width: 992px){
   
   #menu-header > .menu-item {
      margin-left: 1.2rem;
   }
   
   /* #menu-header > .menu-item:not(:first-child):before {
      content: '';
      position: absolute;
      left: -1.5rem;
      top: 50%;
      transform: translateY(-50%);
      height: 7px;
      width: 7px;
      background: var(--df-secondary);
      border-radius: 50%;
   } */
}

@media ( min-width: 768px ) and ( max-width: 991px ) {
   .main-header .menu-item {
      font-size: 12px;
   }
   #fixed-masthead .logo img, body:not(.home) #masthead .logo img {
      max-width: 100px!important;
   }
}

@media ( min-width: 768px ){
   
   body.home #masthead > .container > div {
      flex-direction: column;
   }

   body.home #masthead > .container > div .left {
      margin-bottom: 1.5rem;
   }

}

#breadcrumbs{
   background-color: #f5f5f5!important;
}
#breadcrumbs li.home a:before {
   content: "\f015";
   font-family: var(--fa-style-family, "Font Awesome 6 Pro");
   font-weight: 400;
}
#breadcrumbs li.home span[itemprop="name"] {
   display: none;
}

@media ( max-width: 575px ){
   #breadcrumbs .contact-info a {
      display: block;
      margin-bottom: 0.5rem;
   }
}
/** SHORTCODES */
.card{
   border-radius: 10px;
   overflow: hidden;
}
.card-title{
   font-family: 'Josefin Sans';
   line-height: 1;
   letter-spacing: -1px;
   color: inherit;
   text-decoration: none;
}
.wpb_single_image img {
   border-radius: 10px;
}
.wpb_video_widget .wpb_wrapper iframe {
   border-radius: 10px;
}

.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab>a {
   border-color: transparent!important;
   background-color: transparent!important;
   color: #404040!important;
}
.vc_tta.vc_tta-shape-square .vc_tta-tab>a{
   border-radius: 0.5rem!important;
}
.vc_tta-container .vc_active .vc_tta-title-text {
   font-weight: 600!important;
}
.vc_tta-container .vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab.vc_active>a {
   background-color: #eaeaea!important;
   color: inherit!important;
}
.vc_tta-container .vc_tta-panels-container {
   box-shadow: 0px 1px 30px 0px rgb(112 112 112 / 15%)!important;
   margin-top: 1rem!important;
}
.vc_tta.vc_general .vc_tta-panel-body{
   padding: 1.5rem!important;
   background-color: white!important;
}

/* POMELIA */

.dettagli-scheda {
   list-style-type: none;
   padding: 0;
   margin: 0;
   flex-wrap: wrap;
   display: flex;
}
.dettagli-scheda li {
   display: flex;
   justify-content: space-around;
   width: 50%;
   padding: 0.5rem 0.5rem;
}
.dettagli-scheda li .left, .dettagli-scheda li .right {
   width: 50%;
}
.dettagli-scheda li .left {
   font-weight: 500;
}
.dettagli-scheda li .right {
   padding-left: 0.5rem;
}

.main-header .menu-item.has-mega-menu{
   position: inherit;
}
.dropdown-menu.df-mega-menu {
   padding: 0 20px;
   width: 800px;
   max-width: 100%;
   left: 50%;
   transform: translateX(-50%);
}
.df-mega-menu .vc_row.wpb_row:not(.vc_inner){
   padding-top: 20px;
   padding-bottom: 20px;
}
.df-mega-menu .widget_nav_menu ul {
   list-style-type: none;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
}
.df-mega-menu .widget_nav_menu ul li {
   margin: 0;
   width: 50%;
   padding-right: 20px;
}
.df-mega-menu .widget_nav_menu ul .menu-item a {
   padding: 0.5rem 0;
   font-size: 1rem;
}
.main-header .menu-item .df-mega-menu a{
   text-transform: inherit;
}

[href="#richiedi-preventivo"]{
   margin-top: -1.5rem;
}