/* 
 Theme Name:     Kruger - catalogue
 Author:         Eklore Marketing
 Author URI:     https://eklore.ca
 Template:       Divi
 Version:        1.0 
*/ 
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
:root{
--black:#333333;
--white:#ffffff;
--green:#007852;
--darkgreen:#0E553F;
--lightgreen:#00B288;
--orange:#F38B00;
--grey:#D8D1CA;
--beige:#f4efe9;
}

@font-face {font-family: "Gothic";src: url("/wp-content/themes/kruger/assets/GothicA1-Regular.ttf");}
@font-face {font-family: "Gothic-Bold";src: url("/wp-content/themes/kruger/assets/GothicA1-Bold.ttf");}


@media screen and (min-width: 768px){}
@media screen and (min-width: 1024px){}
@media screen and (min-width: 1200px){}


/** HEADER **/
@media (min-width: 981px){.et_vertical_nav #page-container #main-header {height: 100%!important;background: #f4efe9;}}
/** NAV **/
/*Mobile Menu Collapse
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
  background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
  text-align: center;
  opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: '\33';
  color: #1c203f;
  background: #f0f3f6;
  border-radius: 50%;
  padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
  content: '\32';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: '';
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
  position: relative;
  display: block;
  padding-top:20px;
  line-height: 0;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff!important;
  border-radius: 10px;
}

#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {
	content: "5";}

@media (min-width: 981px){
.et_vertical_nav #main-header #top-menu>li>a { line-height: 1.15em;	}
.et_vertical_nav #main-header #logo {margin-bottom: 0px;}
.et_vertical_fixed.admin-bar #page-container #main-header {top: 15px;}}

li.btn-vert a {background-color:var(--green); color:var(--white)!important;padding:10px 0px 10px 10px!important;}
li.btn-vert {margin-bottom:15px;margin-left:-10px;}
#top-menu a {color: var(--darkgreen);}
.archive .container {width:90%;max-width:90%;}
#et_top_search {display:none;}

@media screen and (max-width:980px){
	body:lang(fr) 
	.logo_container > a:after {
    content: 'Catalogue Kruger';
    display: inline-block;
    position: relative;
    font-size: 20px;
    margin-left: 12px;
    top: 3px;
	}
	body:lang(en) 
	.logo_container > a:after {    content: 'Kruger Catalogue';
		    display: inline-block;
    position: relative;
    font-size: 20px;
    margin-left: 12px;
    top: 3px;
	}}

ul#top-switch, #top-menu-kruger li {list-style-type: none;padding:3px 0 0 0;font-size:14px;float: right; margin-left:10px;margin-right:10px;}
#top-menu-kruger li#quote-li-icon {max-width: fit-content;float: right;}

/** BODY **/
.et-l--body p, .et-l--body ol, .et-l--body ul {font-size:1.2rem}
#main-content h1{font-size:calc(20px + 1vw);}
#main-content h2, .product .related h2 {font-size:calc(16px + 0.25vw)!important; font-weight:700;}
#main-content h3{font-size:calc(14px + 0.25vw); font-weight:700}
#main-content h4{font-size:calc(12px + 0.25vw); font-weight:700}
#main-content h5{font-size:1.5em}
#main-content h6{font-size:1.2em}
h1,h2,h3,h4,h5,h6 {font-family: 'Gothic-Bold';}
td, th{padding:10px;}
th {color:#333;background-color:var(--beige);}
body{font-size:1.2rem;font-family: 'Gothic';color:var(--black);}
sup{font-size:0.6em;;line-height:1em;}

.corner1 {
    bottom: 0;
    border-width: 300px 300px 0 0;
    border-color: #fff transparent transparent;
}
.corner2 {
    top: 0;
    left: -15px;
    border-width: 300px 0 0 300px;
    border-color: transparent transparent transparent #fff;
}
/** MODULES **/
.et_pb_toggle_open .et_pb_toggle_title:before {
  color: #ed1a3b!important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 36px;
  content: "+";
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);}

.et_pb_toggle_close .et_pb_toggle_title:before {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 36px;
  content: "+";
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

/** WOOCOMMERCE **/
.woocommerce button.button, .woocommerce button.button.alt:hover {color:var(--green);}
.woocommerce table.shop_attributes td {padding:8px;}
.woocommerce table.shop_attributes td a {color:var(--green)!important;}
.woocommerce table.shop_attributes tr:nth-child(even) th {background:var(--beige);}
.woocommerce table.shop_attributes tr:nth-child(even) td {background: inherit;}
#attributs h2 {display:none;}
.et_pb_widget {padding-bottom: 35px; margin-bottom:0!important;}
form.woocommerce-ordering  {display:none;}
.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover {
	color: var(--darkgreen);}
.et-cart-info { display:none!important; }
.woocommerce-message {background: var(--green);}
#quote-li-icon .dashicons-cart {margin-top: -3px;}
.woocommerce .woocommerce-breadcrumb a {color: var(--lightgreen);}
*:lang(fr-CA) .in-stock:after {content:' en inventaire'}
*:lang(en-CA) .in-stock:after {content:' in stock'}
.onsale {display:none;}
.woocommerce-cart-form__quote-item .in-stock{display:none;}

/** DIVERS **/
.btn-cat-vert {width: -webkit-fill-available;
	min-height: 125px;}
span.price {display:none!important;}
a.btn-cat-vert {	
	display:flex!important;
align-items:center;
	justify-content:center;}
#search_home {margin:0 30px;}
#search_home .sf-input-text{min-width: auto!important; min-height: 40px;width: -moz-available;}
/** Styles for Firefox **/
@-moz-document url-prefix() {
    #search_home .sf-input-text{max-width: 170px;}
}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #fff;
    border: 1px solid #007852;
    padding: 2px;
    color: #4e4e4e;
}
.search-filter-reset {
    background: var(--green);
    color: white;
    border: none;
	border-radius:3px;
    padding: 10px;
}
.sf-input-text, .sf-input-select {
    min-width: 200px!important;
    min-height: 40px;
}

/* Search */
body:lang(en) li.sf-field-taxonomy-pa_calibre:before{content:"Other filters (if necessary)";font-size:0.9rem;font-weight:bold;color:var(--green);background:var(--beige);padding: 10px;margin-bottom:10px;}
body:lang(en) li.sf-field-taxonomy-pa_manufacturier:before{content:"Availables Filters";font-size:0.9rem;font-weight:bold;color:var(--green);background:var(--beige);padding: 10px;margin-bottom:10px;}
body:lang(fr) li.sf-field-taxonomy-pa_manufacturier:before{content:"Filtres applicables";font-size:0.9rem;font-weight:bold;color:var(--green);background:var(--beige);padding: 10px;margin-bottom:10px;}
body:lang(fr) li.sf-field-taxonomy-pa_calibre:before{content:"Autres filtres (si nécessaire)";font-size:0.9rem;font-weight:bold;color:var(--green);background:var(--beige);padding: 10px;margin-bottom:10px;}
li.sf-field-taxonomy-pa_calibre h4, li.sf-field-taxonomy-pa_manufacturier h4{padding-top:15px;}

/* Hide AI */
.et-fb-icon.et-fb-icon--divi-ai,
button.et-fb-button.et-fb-button.et-fb-button--info.et-fb-ai-options-button {
display: none !important;
}