/*
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/bebaskai/stylesheet.css');

/* CUSTOM */

body{
   font-family: "Montserrat";
}
.bebaskai{
   font-family: 'Bebas Kai';
}
.max-80p{
   max-width: 80%;
   margin: 0 auto;
}
.max-150{
   max-width: 150px;
}
.max-400{
   max-width: 400px;
}
.max-500{
   max-width: 500px;
}
.vc_row.wpb_row:not(.vc_inner){
   padding-top: 80px;
   padding-bottom: 65px;
}

/** shortcode */

/* iconbox */
.df-iconbox {
   border: none;
   background-color: transparent;
   box-shadow: 0px 1px 30px 0px rgb(112 112 112 / 15%);
}

/* fancybox */
.fancybox {
   position: relative;
}
.fancytitle {
   position: absolute;
   left: -10px;
   margin: 0;
   font-weight: 700;
   color: var(--df-dark);
   font-family: 'Bebas Kai';
   font-size: 3rem;
   letter-spacing: 1.5px;
}
.fancytitle.left {
   transform: rotate(180deg);
   writing-mode: vertical-rl;
   text-orientation: mixed;
}
.fancybox .text {
   padding-left: 70px;
   padding-bottom: 3rem;
}

/* flat claim */
.flat-claim {
   font-family: 'Bebas Kai';
   font-size: 45px;
   line-height: 45px;
}
.flat-claim .top {
   color: var(--df-dark);
}
.flat-claim .center .t {
   font-size: 280%;
   line-height: 0.9;
}
.flat-claim .center .b {
   position: relative;
}
.flat-claim .bottom {
   font-size: 50%;
   line-height: 0.2;
}


/* HEADER */

.dropdown-menu{
   background-color: var(--df-dark);
}

.main-header .menu-item a {
   text-transform: uppercase;
}

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

/* CUSTOM */
.vc_row.wpb_row:not(.vc_inner){
   padding-top: 80px;
   padding-bottom: 45px;
}
.btn{
   border-radius: 20px;
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active{
   background: var(--df-primary);
   color: white;
   box-shadow: unset!important;
   outline: none;
}
.btn-lg, .btn-group-lg > .btn{
   padding: 1rem 1.75rem;
   border-radius: 30px;
}
/* header */
.main-header{
   text-transform: uppercase;
}
.main-header .menu-item:first-child{
   margin-left: 0;
}
.main-header .menu-item a:not(.btn){
   color: var(--df-secondary);
}
/* body */
.sec-title h2, .sec-title h3 {
   position: relative;
   font-weight: 700;
   color: #0f3a4a;
   padding-bottom: 14px;
   letter-spacing: 1px;
   text-align: center;
}
.sec-title.left h2, .sec-title.left h3 {
   text-align: left;
   padding-bottom: 39px;
   margin-bottom: 32px;
}
.sec-title.center h2, .sec-title.center h3 {
   padding-bottom: 39px;
   margin-bottom: 32px;
}
.sec-title.left h2:before, .sec-title.left h3:before {
   position: absolute;
   content: '';
   background: url(assets/images/shap.png);
   width: 80px;
   height: 7px;
   left: 0;
   bottom: 0;
}
.title-text {
   position: relative;
   padding-bottom: 28px;
   margin-bottom: 60px;
   text-align: center;
}
.title-text:before, .sec-title.center h2:before, .sec-title.center h3:before {
   position: absolute;
   content: '';
   background: url(assets/images/shap.png);
   width: 80px;
   height: 7px;
   left: 50%;
   margin-left: 10px;
   bottom: 0;
   animation-name: float-bob;
   animation-duration: 15s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   -webkit-animation-name: float-bob;
   -webkit-animation-duration: 15s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -moz-animation-name: float-bob;
   -moz-animation-duration: 15s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-timing-function: linear;
   -ms-animation-name: float-bob;
   -ms-animation-duration: 15s;
   -ms-animation-iteration-count: infinite;
   -ms-animation-timing-function: linear;
   -o-animation-name: float-bob;
   -o-animation-duration: 15s;
   -o-animation-iteration-count: infinite;
   -o-animation-timing-function: linear;
}

.line-title{
   position: relative;
   margin-bottom: 50px;
}
.line-title:after{
   content: '';
   background: url(assets/images/line-title.png);
   background-size: cover;
   width: 207px;
   height: 13px;
   position: absolute;
   bottom: -20px;
   left: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   overflow: visible;
}


.slide h1, .slide .h1{
   color: white;
   font-size: calc(3rem + 1.65vw);
}
.slide h2, .slide .h2, .slide .slogan{
   color: white;
   font-size: calc(1rem + 1.05vw);
   font-weight: normal;
   font-family: 'Open Sans';
}

.box-infocontatti {
   list-style-type: none;
   padding: 0;
}
.box-infocontatti li, .box-infocontatti a {
   margin-bottom: 15px;
   display:flex;
   align-items:center;
   text-decoration: none;
   color: inherit;
}
.box-infocontatti i{
   margin-right: 0.5rem;
   font-size: 2rem;
   text-align: center;
   width: 35px;
   color: var(--df-primary);
}

.box-wrap{
   border-radius: 20px;
   overflow: hidden;
}
.box-wrap .box{
   background-color: var(--df-primary);
   padding: 1rem;
   color: white;
   font-weight: bold;
   font-size: 1.25rem;
   text-align: center;
}

@media (min-width: 576px){
   .box-wrap{
      display: flex;
      flex-wrap: wrap;
   }
   .box-wrap .box{
      width: calc(50% - 3px);
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .box-wrap .box:nth-child(even){
      margin-left: 3px
   }
   .box-wrap .box:nth-child(odd){
      margin-right: 3px
   }
   .box-wrap .box:nth-child(1), .box-wrap .box:nth-child(2){
      margin-bottom: 6px;
   }
}
@media (max-width: 575px){
   .box-wrap .box:not(:last-child){
      margin-bottom: 5px;
   }
}

/* footer  */
#colophon{
   background: #fff;
}
#colophon .accordion .widget .menu a{
   color: #9b9fa6!important;
   background: transparent;
   padding: 0.5rem 0.5rem 1rem 0;
   font-weight: inherit;
}
#colophon ul.menu li{
   margin-bottom: 0;
   border: none;
}
#colophon ul.menu li:before{
   padding: 0.5rem 0;
}
.widgettitle{
   font-family: 'Playfair Display';
   color: white;
   margin-bottom: 2rem;
}
.widgettitle:after{ content: none;}


@media (max-width:  1199px){
   #fixed-masthead .hide-fixed-header{
      display: none!important;
   }
}