@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.iflori.eu/wp-content/themes/woodmart/fonts/woodmart-font-3-300.woff2") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:rgb(141,46,255);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-image: url(https://www.iflori.eu/wp-content/uploads/2019/03/camping-footer-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
}

:root{
--wd-text-font:"Albert Sans", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(56,56,56);
--wd-text-font-size:13px;
}
:root{
--wd-title-font:"Albert Sans", Arial, Helvetica, sans-serif;
--wd-title-font-weight:400;
--wd-title-color:rgb(10,10,10);
}
:root{
--wd-entities-title-font:"Albert Sans", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:rgb(12,12,12);
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Albert Sans", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Albert Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:400;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:rgb(0,0,0);
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Albert Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:capitalize;
--wd-header-el-font-size:16px;
}
html .main-page-wrapper .product-grid-item .product-wrapper .wd-entities-title{
	font-family: "Jost", Arial, Helvetica, sans-serif;font-weight: 600;font-size: 16px;
}

:root{
--wd-primary-color:rgb(65,80,160);
}
:root{
--wd-alternative-color:rgb(245,216,38);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
body{
	background-color:rgb(255,255,255);
	background-image: none;
}

.page .main-page-wrapper{
	background-color:rgb(251,248,243);
	background-image: none;
}

.woodmart-archive-shop .main-page-wrapper{
	background-color:rgb(251,248,243);
	background-image: none;
}

.single-product .main-page-wrapper{
	background-color:rgb(251,248,243);
	background-image: none;
}

.woodmart-archive-blog .main-page-wrapper{
	background-color:rgb(251,248,243);
	background-image: none;
}

.single-post .main-page-wrapper{
	background-color:rgb(251,248,243);
	background-image: none;
}

.woodmart-archive-portfolio .main-page-wrapper{
	background-color:rgb(251,248,243);
	background-image: none;
}

.single-portfolio .main-page-wrapper{
	background-color:rgb(251,248,243);
	background-image: none;
}

:root{
--btn-default-bgcolor:rgb(65,80,160);
}
:root{
--btn-default-bgcolor-hover:rgb(65,80,160);
}
:root{
--btn-accented-bgcolor:rgb(65,80,160);
}
:root{
--btn-accented-bgcolor-hover:rgb(65,80,160);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 1px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
							--btn-default-brd-radius: 35px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
			
					
					
			
							--btn-accented-brd-radius: 35px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1122px;
			}
		}

		.container {
			max-width: 1152px;
		}

		:root{
			--wd-container-width: 1152px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1122px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1132px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1142px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1152px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1162px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1182px;
		}
		@media (min-width: 1169px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1152px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
	
	
	
	
	
	
	body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {

									--wd-form-color: rgb(132,132,132);
					
							
									--wd-form-brd-color: rgb(217,217,217);
					
							
									--wd-form-bg: rgb(255,255,255);
						}
.woocommerce.cart-content-wrapper.row .datespophtmlwrap{
	flex: 0 0 100%; 
}
.product-label.featured {
	background-color: #e88637;
}
.product-label.new{
		background-color: #577c80;
}
.page-title-default {
	background: rgba(0,0,0,0.35);
	background-size:cover;
	padding:50px;
}
span.tab-label{
color:#fff;
}
#order_data .order_data_column div.address[style*="display: none"] + div.edit_address {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#billing_phone_field, #shipping_phone_field, #shipping_country_field{
	clear:none!important;
}
#billing_company_field, #shipping_company_field {
    display: flow-root!important;
}
#billing_postcode_field label, #billing_first_name_field label, #billing_last_name_field label, #billing_company_field label, #billing_address_1_field label, #billing_city_field label, #billing_state_field label, #billing_phone_field label, #billing_email_field label{
	display:none;
}
#customer_details .woocommerce-billing-fields h3,#order_review_heading, #customer_details .woocommerce-additional-fields h3{
	font-size:18px!important;
	color:#545454;
	text-transform:capitalize;
}
#bb_dates_panel_before .bb_dates_panel{
	margin-bottom:20px;
}
#bb_dates_panel_before .bb_dates_panel div{
	font-size:13px;
}
/*
 * iFlori Card Design → WoodMart
 * Container: div.products.elements-grid.grid-columns-3.row
 * Cards:     div.product-grid-item (Bootstrap col-lg-4)
 * Paste into: WoodMart → Theme Options → Custom CSS
 * ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Jost:wght@300;400;500&display=swap');

:root {
  --if-navy:      #2c3e7a;
  --if-navy-dark: #1e2d5f;
  --if-cream:     #f7f3ee;
  --if-border:    #e8e2d9;
  --if-muted:     #7a7a8a;
}

/* =====================================================
   GRID GAP — 22px
   WoodMart uses Bootstrap row + col with negative margin.
   We set the row's negative margin and each col's padding
   to exactly half the gap (11px) → 22px total spacing.
   ===================================================== */
.products.elements-grid.row,
.products.wd-products-holder.row {
  margin-left:  -11px !important;
  margin-right: -11px !important;
  row-gap:      0 !important;
}

/* Each Bootstrap column = card wrapper */
.products .product-grid-item.col-lg-4,
.products .product-grid-item[class*="col-"] {
  padding-left:  11px !important;
  padding-right: 11px !important;
  margin-bottom: 22px !important;
  margin-top:    0 !important;
  width:         33.3333% !important;
  flex:          0 0 33.3333% !important;
  max-width:     33.3333% !important;
}

/* The actual visible card is .product-wrapper — that's what
   gets the white box, border, radius. The col is just spacing. */

/* =====================================================
   CARD VISUAL  →  .product-wrapper
   ===================================================== */
.products .product-grid-item .product-wrapper {
  background:     #ffffff !important;
  border:         1px solid var(--if-border) !important;
  border-radius:  14px !important;
  overflow:       hidden !important;
  display:        flex !important;
  flex-direction: column !important;
  height:         100% !important;
  padding:        0 !important;
  margin:         0 !important;
  transition:     box-shadow .3s ease, transform .3s ease !important;
  font-family:    'Jost', sans-serif !important;
}

.products .product-grid-item:hover .product-wrapper {
  box-shadow: 0 8px 32px rgba(44,62,122,.13) !important;
  transform:  translateY(-4px) !important;
}

/* The outer col/grid-item must be transparent — no border */
.products .product-grid-item {
  background:    transparent !important;
  border:        none !important;
  box-shadow:    none !important;
  border-radius: 0 !important;
}

/* Kill WoodMart's negative-margin spacer */
.products .product-grid-item .content-product-imagin {
  display: none !important;
}

/* =====================================================
   IMAGE — full bleed, flush with card top
   ===================================================== */
.products .product-grid-item .product-element-top {
  position:      relative !important;
  overflow:      hidden !important;
  display:       block !important;
  width:         100% !important;
  height:        240px !important;
  max-height:    240px !important;
  flex-shrink:   0 !important;
  padding:       0 !important;
  margin:        0 !important;
  border-radius: 0 !important;
  line-height:   0 !important;
  font-size:     0 !important;
  background:    #ede8e0 !important;
}

.products .product-grid-item .product-image-link {
  display:  block !important;
  position: absolute !important;
  inset:    0 !important;
  width:    100% !important;
  height:   100% !important;
  padding:  0 !important;
  margin:   0 !important;
}

.products .product-grid-item .product-element-top img {
  position:        absolute !important;
  inset:           0 !important;
  width:           100% !important;
  height:          100% !important;
  max-width:       none !important;
  max-height:      none !important;
  object-fit:      cover !important;
  object-position: center !important;
  display:         block !important;
  margin:          0 !important;
  padding:         0 !important;
  border-radius:   0 !important;
  transition:      transform .5s ease !important;
}

.products .product-grid-item:hover .product-element-top img {
  transform: scale(1.05) !important;
}

/* =====================================================
   WISHLIST — hide
   ===================================================== */
.products .product-grid-item .wd-buttons {
  display: none !important;
}

/* =====================================================
   BOTTOM INFO  →  .product-element-bottom
   ===================================================== */
.products .product-grid-item .product-element-bottom {
  display:        flex !important;
  flex-direction: column !important;
  align-items:    center !important;
  text-align:     center !important;
  padding:        18px 16px 0 16px !important;
  gap:            4px !important;
  flex:           1 !important;
}

/* Order: title (1) → description (2) → price (3) → button handled separately */
.products .product-grid-item .wd-entities-title { order: 1 !important; }
.products .product-grid-item .fade-in-block      { order: 2 !important; }
.products .product-grid-item .wrap-price         { order: 3 !important; }
.products .product-grid-item .wd-add-btn         { order: 4 !important; }

/* ── Title — Jost 16px ────────────────────────────── */
.products .product-grid-item .wd-entities-title,
.products .product-grid-item .wd-entities-title a {
  font-family:    Jost !important;
  font-size:       16px !important;
  font-weight:     500 !important;
  font-style:      normal !important;
  color:           var(--if-navy) !important;
  line-height:     25.6px !important;
  margin:          0 !important;
  padding:         0 !important;
  text-align:      center !important;
  text-decoration: none !important;
}

.products .product-grid-item .wd-entities-title a:hover {
  opacity: .75 !important;
}

/* ── Subtitle (short description) ─────────────────── */
.products .product-grid-item .fade-in-block {
  display:    block !important;
  position:   static !important;
  opacity:    1 !important;
  visibility: visible !important;
  width:      100% !important;
  padding:    0 !important;
  margin:     0 !important;
  transform:  none !important;
  max-height: none !important;
}

.products .product-grid-item .hover-content-wrap,
.products .product-grid-item .hover-content,
.products .product-grid-item .wd-more-desc {
  position:   static !important;
  opacity:    1 !important;
  visibility: visible !important;
  padding:    0 !important;
  margin:     0 !important;
  background: transparent !important;
  border:     none !important;
  box-shadow: none !important;
  transform:  none !important;
  max-height: none !important;
  overflow:   visible !important;
}

.products .product-grid-item .hover-content-inner,
.products .product-grid-item .wd-more-desc-inner {
  font-family:        jost, system-ui, sans-serif !important;
  font-size:          12.5px !important;
  font-weight:        300 !important;
  color:              var(--if-muted) !important;
  text-align:         center !important;
  line-height:       20px !important;
  padding:            0 !important;
  margin:             0 !important;
  display:            -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow:           hidden !important;
}

.products .product-grid-item .wd-more-desc-btn {
  display: none !important;
}

/* ── Price — Cormorant Garamond italic ────────────── */
.products .product-grid-item .wrap-price {
  margin: 8px 0 0 !important;
}

.products .product-grid-item .price,
.products .product-grid-item span.price,
.products .product-grid-item .price .woocommerce-Price-amount,
.products .product-grid-item .price .amount,
.products .product-grid-item .price bdi,
.products .product-grid-item .price .woocommerce-Price-currencySymbol {
  font-family: 'Cormorant Garamond';
  font-size:   24px !important;
  font-weight: 400 !important;
  color:       var(--if-navy) !important;
  line-height: 38.6px !important;
  text-align:  center !important;
	margin:6px 0 12px 0;
}

.products .product-grid-item .price del,
.products .product-grid-item .price del bdi,
.products .product-grid-item .price del .amount {
  color:      var(--if-muted) !important;
  font-size:  18px !important;
  opacity:    .6 !important;
  font-style: italic !important;
}

.products .product-grid-item .price ins {
  text-decoration: none !important;
}

.products .product-grid-item .screen-reader-text {
  display: none !important;
}

/* ── Button — pill, navy, Jost uppercase ──────────── */
.products .product-grid-item .wd-add-btn {
  min-width:   249.062px !important;
  padding: 14px 28px 14px 28px !important;
  margin:  0 14px 16px 14px!important;
}

.products .product-grid-item .wd-add-btn a.button,
.products .product-grid-item .wd-add-btn a.add_to_cart_button,
.products .product-grid-item .wd-add-btn a.product_type_simple {
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  width:           100% !important;
  min-width:       249.062px !important;
  height:          50.4px !important;
  max-height:      50.4px !important;
  background:    #4150a0;
  color:           #ffffff !important;
  border:          none !important;
  border-radius:   50px !important;
  font-family:     'Jost', sans-serif !important;
  font-size:       13px !important;
  font-weight:     500 !important;
  letter-spacing: 1.56px !important;
  text-align:      center !important;
  padding:         14px 28px !important;
  cursor:          pointer !important;
  text-transform:  uppercase !important;
  box-shadow:      none !important;
  text-decoration: none !important;
  line-height:     1.4 !important;
  box-sizing:      border-box !important;
  transition:      background .2s, transform .15s !important;
}

.products .product-grid-item .wd-add-btn a:hover {
  background: #2c3576 !important;
  color:      #ffffff !important;
  transform:  scale(1.02) !important;
}

/* =====================================================
   SALE BADGE  →  .onsale.product-label
   ===================================================== */
.products .product-grid-item .product-labels {
  position: absolute !important;
  top:      12px !important;
  left:     12px !important;
  z-index:  4 !important;
}

.products .product-grid-item .onsale,
.products .product-grid-item .product-label {
  position:       static !important;
  background:     var(--if-navy) !important;
  color:          #ffffff !important;
  font-family:    'Jost', sans-serif !important;
  font-size:      10px !important;
  font-weight:    500 !important;
  letter-spacing: .06em !important;
  padding:        4px 12px !important;
  border-radius:  50px !important;
  min-width:      unset !important;
  min-height:     unset !important;
  width:          auto !important;
  height:         auto !important;
  line-height:    1.6 !important;
}

/* =====================================================
   RESPONSIVE — tablet 2 cols, mobile 1 col
   ===================================================== */
@media (max-width: 768px) {
  .products .product-grid-item.col-md-4,
  .products .product-grid-item[class*="col-"] {
    width:     50% !important;
    flex:      0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 480px) {
  .products .product-grid-item.col-6,
  .products .product-grid-item[class*="col-"] {
    width:     100% !important;
    flex:      0 0 100% !important;
    max-width: 100% !important;
  }
}
}

@media (max-width: 480px) {
  .products .product-grid-item.col-6,
  .products .product-grid-item[class*="col-"] {
    width:     100% !important;
    flex:      0 0 100% !important;
    max-width: 100% !important;
  }
}
.widget-area {
    max-width: 240px;
    border: solid 1px #ede0d6;
    background: white;
    border-radius: 14px;
    padding: 20px;
}
.wd-logo img {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 8px!important;
    min-height: 88px;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 800px;
}
/*
 * iFlori Navigation Menu → WoodMart
 * Targets WoodMart's standard header nav classes
 * Paste into: WoodMart → Theme Options → Custom CSS
 * ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');

:root {
  --if-navy:      #2c3e7a;
  --if-navy-dark: #1e2d5f;
}

/* =====================================================
   MENU LIST — single gap source = 26px
   ===================================================== */
.wd-nav-main,
.whb-header .wd-nav.wd-nav-main {
  font-family:    'Jost', sans-serif !important;
  display:        flex !important;
  align-items:    center !important;
  gap:            26px !important;
  column-gap:     26px !important;
}

/* =====================================================
   MENU ITEMS — top level links
   No horizontal padding/margin so 26px gap is exact
   ===================================================== */
.wd-nav-main > li,
.whb-header .wd-nav-main > li {
  margin:  0 !important;
  padding: 0 !important;
}

.wd-nav-main > li > a,
.whb-header .wd-nav-main > li > a,
.whb-header .wd-nav-main > li > a .nav-link-text {
  font-family:             'Jost', sans-serif !important;
  font-size:               13px !important;
  font-weight:             500 !important;
  letter-spacing:          .06em !important;
  text-transform:          uppercase !important;
  color:                   var(--if-navy) !important;
  padding:                 10px 0 !important;
  margin:                  0 !important;
  -webkit-font-smoothing:  antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transition:              color .2s ease !important;
}

/* Hover + active state */
.wd-nav-main > li > a:hover,
.wd-nav-main > li.current-menu-item > a,
.wd-nav-main > li.active > a {
  color: var(--if-navy-dark) !important;
}

/* The little underline label text inside WoodMart links */
.wd-nav-main > li > a .nav-link-text {
  position: relative !important;
}

/* Animated underline on hover */
.wd-nav.wd-style-underline > li > a::after,
.wd-nav-main > li > a::after {
  content:          "" !important;
  position:         absolute !important;
  left:             0 !important;
  right:            0 !important;
  bottom:           4px !important;
  height:           1.5px !important;
  background:       var(--if-navy) !important;
  transform:        scaleX(0) !important;
  transform-origin: left center !important;
  transition:       transform .25s ease !important;
}

.wd-nav-main > li > a {
  position: relative !important;
}

.wd-nav-main > li > a:hover::after,
.wd-nav-main > li.current-menu-item > a::after {
  transform: scaleX(1) !important;
}

/* =====================================================
   DROPDOWN / SUBMENU
   ===================================================== */
.wd-nav-main .sub-menu,
.wd-dropdown-menu {
  background:    #ffffff !important;
  border:        1px solid #e8e2d9 !important;
  border-radius: 10px !important;
  box-shadow:    0 8px 30px rgba(44,62,122,.12) !important;
  padding:       8px 0 !important;
}

.wd-nav-main .sub-menu > li > a {
  font-family:    'Jost', sans-serif !important;
  font-size:      13px !important;
  font-weight:    400 !important;
  letter-spacing: .03em !important;
  text-transform: none !important;
  color:          var(--if-navy) !important;
  padding:        9px 20px !important;
  transition:     background .15s, color .15s !important;
}

.wd-nav-main .sub-menu > li > a:hover {
  background: #f7f3ee !important;
  color:      var(--if-navy-dark) !important;
}
.widgettitle, .widget-title{
		font-family: "Jost";
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px;
    color: #2c3576;
    margin: 14px 0 8px;
}