/*
Theme Name: Dragonfly Theme
Theme URI: mailto:web.carmelobaglieri@gmail.com
Author: Carmelo Baglieri
Author URI: https://www.carmelobaglieri.it/
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

*/

/* fonts 

@import url('./assets/fonts/Asap/stylesheet.css');
@import url('./assets/fonts/Bebaskai/stylesheet.css');
@import url('./assets/fonts/Ibarra_Real_Nova/stylesheet.css');
@import url('./assets/fonts/Merriweather/stylesheet.css');
@import url('./assets/fonts/Montserrat/stylesheet.css');
@import url('./assets/fonts/OpenSans/stylesheet.css');
@import url('./assets/fonts/Oxygen/stylesheet.css');
@import url('./assets/fonts/Playfair/stylesheet.css');
@import url('./assets/fonts/Poppins/stylesheet.css');
@import url('./assets/fonts/ProximaNova/stylesheet.css');
*/

@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Oxygen:wght@300;400;700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/photoswipe.min.css');
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');

/* TYPOGRAPHY */

body{
   --df-body-font-family: "Oxygen";
   --ff-secondary: "Asap";
   font-family: "Oxygen";
}
.ff-secondary{
   font-family: var(--ff-secondary) !important;
}
p, ul, ol {
   line-height: 1.6875;
}
.fw-500{
   font-weight: 500 !important;
}
@media (min-width: 1200px){
   .fs-5 {
      font-size: 1.25rem !important;
   }
}
.link-initial {
   color: inherit;
   text-decoration: underline;
}
.title_description {
   font-size: 1.125rem;
   line-height: 1.6875rem;
}
/* BOOTSTRAP / JS COMPOSER */
.text-underline{
   text-decoration: underline!important;
}
.container{
   max-width: 1500px;
}
@media (max-width: 575px){
   .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{
      --df-gutter-x: 10px
   }
}
.max-80p{
   max-width: 80%;
   margin: 0 auto;
}
.max-150{
   max-width: 150px;
}
.max-400{
   max-width: 400px;
}
.max-500{
   max-width: 500px;
}
.max-1160{
   max-width: 1160px;
}
.vc_row.wpb_row:not(.vc_inner){
   padding-top: 60px;
   padding-bottom: 35px;
}
body.hidden .vc_row{
   z-index: -1;
}
.df-box {
   padding: 1rem;
   border-radius: 10px;
   transition: all 0.4s ease;
   border: 1px solid #eaeaea;
   background-color: #fff;
   text-decoration: none;
}
.rounded-20{
   border-radius: 20px;
}
.no-btn{
   background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

@media (min-width: 768px){
   .px-md-7 {
      padding-right: 8rem !important;
      padding-left: 8rem !important;
   }
}

.btn{
   padding: 0.7rem 1.5rem;
   border-radius: 1.25rem;
}
.btn-light {
   background-color: white;
   /* border: 1px solid var(--df-gray-600); */
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.btn-light:hover{
   background-color: var(--df-gray-100);
   /* border: 1px solid var(--df-gray-600); */
}
.z-index-10{
   z-index: 10!important;
}

.form-control, .form-select{
   border-color: var(--df-gray-400);
}
hr.sep-line {
   margin: 30px 0;
   background-color: var(--df-gray-300);
   opacity: 1;
}
abbr{ text-decoration: none!important; }

body.logged-in .hide-logged,
body:not(.logged-in) .hide-not-logged{
   display: none!important;
}

/* HEADER */
#masthead {
   position: sticky;
   z-index: 15;
   top: 0;
}
.main-header{
   background-color: white;
}
.main-header .menu-item a:not(.btn) {
   line-height: 1.3125rem;
   white-space: nowrap;
}
/* admin bar */
.admin-bar #masthead{
   top: 32px;
}
body.admin-bar{ margin-top: 32px; }
@media screen and (max-width: 782px) {
   body.admin-bar{ margin-top: 46px; }
}
/* dropdowns */
.accordion .widget .menu .current-menu-item > a {
   background: #efefef;
}
.dropdown-item:hover, .dropdown-item:focus{
   background: #efefef;
}
/* body:not(.hidden) #breadcrumbs:after, body.home:not(.hidden) #masthead:after{
   z-index: 11;
} */
#mini-cart .cart-items {
   background-color: var(--df-purple);
   top: 1px;
   font-size: 12px;
   width: 20px;
   line-height: 20px;
}
.main-header .navbar-nav > .menu-item > a:not(.btn) span {
   position: relative;
}
.main-header .menu-item a.current_page_item:not(.btn){
   color: var(--df-primary);
   padding: 15px 10px;
   border-radius: 0.5rem;
}

/* FOOTER */
footer {
   font-size: 0.95rem;
}
#colophon ul.menu a{
   display: inline-block;
   color: var(--df-gray-700);
}

/* SHORTCODES */
.df-iconbox.style_3 .image img {
   max-width: 50px;
}
.iconbox-steps {
   background: white;
   border-radius: 20px;
}
.iconbox-steps .df-iconbox {
   background: transparent;
}
.iconbox-steps .df-iconbox .image {
   margin: -60px auto 20px auto;
   background-color: var(--df-indigo);
   border-radius: 0 20px;
   box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.iconbox-steps .df-iconbox .content {
   max-width: 170px;
   margin: 0 auto;
}

.df-slide .title, .text-shadow{
   text-shadow: 2px 3px 4px #0f0f0f;
}
.swiper-button-next, .swiper-button-prev{
   --swiper-navigation-color: white;
   text-shadow: 2px 3px 4px #404040;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
   content: "\f105";
   font-family: 'Font Awesome 6 Pro';
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
   content: "\f104";
   font-family: 'Font Awesome 6 Pro';
}
.testimonial-slider .swiper-button-next, 
.testimonial-slider .swiper-button-prev {
   color: var(--color--body);
   --swiper-navigation-size: 25px;
   text-shadow: unset;
   background: white;
   box-shadow: 1px 1px 3px #00000020;
   border-radius: 100%;
   width: 35px;
   height: 35px;
}
.overlay-bg-white:before{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(255,255,255,0.15);
}

/* WOOCOMMERCE */

/* PAYPAL */
#ppcp-recaptcha-v2-container {
   margin: 0 !important;
}

/* CUSTOM */
.single-store .woocommerce.columns-5 {
   columns: 1;
}

@media (min-width: 992px){
   .top-banner-slide:before {
      content: '';
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='420' viewBox='0 0 102 420' fill='none'%3E%3Cpath d='M45.5922 0C48.8588 -0.12625 52.0042 7.87268 55.0231 12C77.1989 42.3177 92.5497 79.5625 99 125C109.402 198.272 83.4121 274.424 55.7985 331C29.8655 384.133 2.5 420 2.5 420L0 420V0H45.5922Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
      background-size: cover;
      background-position: center center;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      height: 100%;
      width: 90px;
      background-repeat: no-repeat;
      z-index: 2;
   }
}

@media (max-width: 991px){
   .top-banner {
      flex-direction: column-reverse;
   }
   .top-banner-slide:before {
      content: '';
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768' height='54' viewBox='0 0 768 54' fill='none'%3E%3Cpath d='M2.87831e-07 29.8629C7.08343 28.1336 14.3958 26.4684 21.9429 24.8701C77.3809 13.13 145.486 5.00309 228.571 1.58823C362.555 -3.91871 501.804 9.84065 605.257 24.4596C702.415 38.1889 768 52.6765 768 52.6765L768 54L0 54L2.87831e-07 29.8629Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
      background-size: cover;
      background-position: center center;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 70px;
      width: 100%;
      background-repeat: no-repeat;
      z-index: 2;
   }
}

/* SHORTCODES */
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
   border-radius: 1rem;
}

#colophon .privacy input{
   --color: white
}
#colophon .wpcf7-not-valid-tip{
   font-size: 13px;
   margin-top: 2px;
}
.wpcf7-form input[type=checkbox],
.df-checkbox-wrap input[type="checkbox"],
.df-radio-wrap input[type="radio"],
.woocommerce-additional-fields input[type="radio"]{
   top: 3px;
}
.google-button iframe {
   margin: 0 auto !important;
}

.header-cat-item-wrap {
   max-width: fit-content;
}

.fascia-verde-rtl {
   background-image: url("https://www.mercatoitinerante.it/wp-content/uploads/2023/02/fascia-verde-rtl.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.fascia-verde{
	background-image: url('https://www.mercatoitinerante.it/wp-content/uploads/2023/02/fascia-verde.svg');
	background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.scroll-m-top{
	scroll-margin-top: 100px;
}