/*
Theme Name: DGN Intakes theme
Description: Theme for DGN website
Author: Euretco DIT
Author URI: http://euretco-online.com
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: intakes
Version: 1.0.0
*/

/*
===================================================
FONTS
===================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/*
===================================================
BODY
===================================================
*/

body {
	font-family: Roboto;
}

.wp-block-column figure img{
    max-width: 100%;
    height: auto;
}
	

/*
===================================================
HEADER
===================================================
*/

.navbar{
	height: 100px;
}

.navbar-brand .img-fluid{
	height: 50px !important;
}

.usp{
	font-size: 14px;
	color: #333;
	font-weight: 300;
}
div.mdl-layout__drawer > nav.mdl-navigation > a.mdl-navigation__link {
    display: inline-flex;
    vertical-align: middle;
}


.headermenu ul {
    padding-top: 0px;
	padding-left: 0px !important;
}

.headermenu h4{
	color: #FFD540;
	font-size: 20px;
}

.headermenu ul > li {
    display: inline-block;
    zoom:1;
}

.headermenu ul > li a{
    text-decoration: none;
	font-family: "Ciutadella-Light","Helvetica Neue",Roboto, Arial,sans-serif;
	color: #FFFFFF;
	font-weight: 100;
	font-size: 14px;
	padding-right: 16px;
}

.headermenu .input-group-sm input{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-color: #FFF;
}

.headermenu .input-group-text{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border: 2px solid #FFF;
	background: #FFFFFF;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

.headermenu form{
	margin-bottom: 0px !important;
	width: 100% !important;
}

.headermenu .input-group-sm button{
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
		border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border: 2px solid #FFF;
	background: #FFD540;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

.hdr{
	height: 111px;
	background-color: #000000;
}

.hdr svg{
	margin-top: 10px;
}

.menuitems{
	background-color: #3F3F3F !important;
}
/*
===================================================
SIDEBAR
===================================================
*/
.sidebar-sticky{
	padding-top: 30px;
}
.assortiment_header{
	border-bottom: 1px solid rgb(222, 226, 230);	
	font-size: 16px;
	line-height: 38px;
	height: 70px;
}

.product-categories {
	padding: 0 0 0 0;
}
   
.product-categories li{
	list-style-type: none;
}  

.product-categories li a{
	color: #666;
	text-decoration: none;
} 

.product-categories li a:hover{
	color: #000;
	text-decoration: none;
	font-weight: 500;
} 

.product-categories li.current-cat{
	color: #000;
	text-decoration: none;
	font-weight: 500;
} 
.product-categories li.current-cat .children{
	color: #000;
	text-decoration: none;
	font-weight: 400;
	list-style-type: circle;
} 

.product-categories .children li{
	list-style-type: circle;
} 

.sidebar-sticky table tr td, .sidebar-sticky table tr td a, .sidebar-sticky table tr th{
	font-size: 14px;
	color: #333;
}


/*
===================================================
PRODUCT OVERVIEW PAGE
===================================================
*/

main{
	background-color: #FFF ;
}
.products{
	background-color: #FFF ;
}

.products h2{
	color :#000;
	text-align: left;
	font-size: 17px;
	text-transform: lowercase;
}

.table-frontpage .size-woocommerce_thumbnail{
	width: 150px !important;
	height: auto !important;
	border: 1px solid #CCC;
	border-color: rgb(222,226,230);
	/* margin: 10px 0 10px 0;*/
}

.products h2:first-letter {
 text-transform:uppercase;
}


.products .product{
	/* padding: 10px !important; */
	background-color: #FFF;
	border: 0px solid #EEE;
	box-shadow: 0 4px 8px rgb(0 0 0 / 15%);
}

.woocommerce-product-gallery{
	box-shadow: 0 4px 8px rgb(0 0 0 / 15%);
}

.woocommerce ul.products li.product .price {
	color :#666 !important;
	text-align: left;
	padding-left: 10px;
}

.woocommerce ul.products li.product .table td {
	font-size: 14px !important;
	}

.woocommerce-pagination{
	margin-bottom: 30px;
	text-align: right !important;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
	line-height: 24px !important;
	color: #666;
	width: 40px;
	text-align: center;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
	background: 
}

.woocommerce-loop-product__title{
	height: 80px;
    overflow: hidden;
	padding: 10px !important;
}

.products ins .woocommerce-Price-amount.amount bdi{
	color: #000 !important;
	font-weight: 700;
	font-size: 18px;
}

.products del .woocommerce-Price-amount.amount bdi{
	color: #666 !important;
	font-weight: 500 !important;
	font-size: 16px !important;
}

.products .price .woocommerce-Price-amount.amount bdi{
	color: #000 !important;
	font-weight: 700;
	font-size: 18px;
}

.staffelkorting{
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: rgb(255, 213, 64);
	background-color: #333;
	line-height: 16px;
}


/*
===================================================
PRODUCT DETAIL PAGE
===================================================
*/

h1.h2{
font-weight: 600;
font-size: 49px	
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button {
	background: rgb(255, 213, 64) !important;
	border-radius: 30px !important;
	border: 0px solid #f58220 !important;
	color: #000000 !important;
	font-weight: 700 !important;
	font-size: 1rem;
	/* text-transform: UPPERCASE !important; */
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover {
	color: rgb(255, 213, 64) !important;
	background-color: #212529 !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price{
	color: #666 !important;
	font-weight: 700;
	font-size: 24px;
}

ins .woocommerce-Price-amount.amount bdi{
	color: #000 !important;
	font-weight: 700;
	font-size: 38px;
}

del .woocommerce-Price-amount.amount bdi{
	color: #666 !important;
	font-weight: 500 !important;
	font-size: 24px !important;
}

.price .woocommerce-Price-amount.amount bdi{
	color: #000 !important;
	font-weight: 700;
	font-size: 38px;
}

.tagged_as, .posted_in{
	display: block;
}

.tagged_as a, .posted_in a{
	color: #666;
	text-decoration: none;
}

.tagged_as a:hover, .posted_in a:hover{
	color: #000;
	text-decoration: none;
}

.tagged_as, .sku_wrapper, .posted_in{
	font-weight: 500;
}

.tagged_as a, .sku_wrapper .sku, .posted_in a{
	font-weight: 400;
}

.woocommerce div.product form.cart{
	margin-top: 2em;
	border-radius: 40px;
}

.center .woocommerce ul.products li.product .price{
	text-align: left;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
border-radius:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active
{
 
background:#FFF !important;
color:#212529;
border: 0px solid #FFF !important;
border-bottom: 5px solid #d3ced2 !important;
}
 
.related.products ul {
 border-top:1px solid #d3ced2;
 width: 100%;
} 

.related.products h2{
	background:#FFF !important;
	color:#212529;
	border: 0px solid #FFF !important;
	border-bottom: 5px solid #d3ced2 !important;
	font-size: 16px;
	font-weight: 700;
	display: table-cell;
	padding: 8px;
	margin-left: 16px;
	line-height: 24px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
	padding-left:0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
background:transparent;
border:0;
}

.related.products li img{
	padding-top: 30px;
}

.related.products li h2{
	border-bottom: 0px !important;
	text-align: left;
}

.related.products li .product_type_external{
	display:none;
}

.btn_yllw{
		background: rgb(255, 213, 64) !important;
	border-radius: 30px !important;
	border: 0px solid #f58220 !important;
	color: #000000 !important;
	font-weight: 700 !important;
	font-size: 1rem;
}

.cntnt a{
	color: #000000;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
}

.woocommerce-Tabs-panel h2{
display: none !important;
}

 
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs
{
border-bottom:0px solid #212529
}

/* Product image full width

.woocommerce div.product .images {
    position: relative !important;
    float: left !important;
    width: 100% !important;
}

.woocommerce div.product .summary {
    float: left !important;
    clear: right !important;
    width: 100% !important;
    padding-top: 25px !important;
} */

.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background-color: #FFF !important;
	border: 0px solid #FFF !important;
	border: 0px solid #FFF !important;
	border: 0px solid #FFF !important;
}

.onsale{
	display: none !important;
}


.input-text.qty.text{
	height: 36px;
	border-radius: 30px;
	border: 1px solid #CCC;
}

.coupon .input-text{
	height: 36px;
	border-radius: 30px;
	border: 1px solid #CCC;
}

.wdp_table{
	width: 100%;
}

/*
===================================================
ACCOUNT PAGE WOOCOMMERCE
===================================================
*/

.woocommerce-MyAccount-navigation ul {
	padding: 0px;
}
.woocommerce-MyAccount-navigation ul li {
	display:inline;
	padding: 0 20px 0 0;
}


/*
===================================================
FOOTER
===================================================
*/

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
	display: block;
	height: 60px;
}

.footer .bg-dark{
	color: #EEE;
	font-size: 14px;
}

.footer .menu{
	list-style-type: none;
	padding-left: 0px;
}

.footer .menu li a{
	color: #666;
	text-decoration: none;
	font-weight: 300;
}

.footer .menu li a:hover{
	color: #333;
	font-weight: 700;
}

.material-icons{
  vertical-align:middle;
} 

.footer .custom-html-widget{
		color: #666;
	text-decoration: none;
	font-weight: 300;
}

.accordion-button{
	border: 0px solid #f5f5f5 !important;
}

.accordion-button:not(.collapsed){
	background: #f5f5f5 !important;
	color: #212529 !important;
}

.accordion-button:focus{
	border: 1px solid #000 !important;

}

.tdheadersmall{
	font-size: 11px;
	font-weight: 400;
	background-color: #F5F5F5  !important;
	color: #3F3F3F  !important;
	
}

.smalltable, .smalltable a{
	vertical-align: top;
	width: 100%;
	font-size: 12px;
	margin-bottom: 0px;
}

.product .cart {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	margin-top: 10px;
}

.product .cart button[type="submit"] {
    margin: 0 10px !important;
}

.table-frontpage .input-text.qty {
	width: 60px !important;
	padding-left: 10px;
	height: 26px;
	font-size: 14px;
	margin-bottom: 15px;

}

.table-frontpage button{
	background-color: rgb(255, 213, 64) !important;
	color: #000;
	border: 0px solid rgb(255, 213, 64);
	width: 60px !important;
	border-radius: 30px;
}

.sidebarbutton{
	background-color: rgb(255, 213, 64) !important;
	color: #000;
	border: 0px solid rgb(255, 213, 64);
	border-radius: 30px;
	padding: 0 10px 0 10px;
	font-weight: 500;
}

.intakesprice span{
	font-weight: 500;
	font-size: 14px;
}

.border-left{
	border-left: 1px solid rgb(222,226,230);
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	border-top: 1px solid rgb(222,226,230);

}
.border-right{
	border-right: 1px solid rgb(222,226,230);
}

.accordion-collapse{
	border: 0px solid #FFF;
}

.foundit td {
	
}

.didntfindit td {
	background-color: #f5f5f5;
	color: #666;
}

.didntfindit td img {
	opacity:0.6;
}

tr.cart-subtotal{
	display: none;
}



th.rotate > div {
  transform: 
    /* Magic Numbers */
    /* translate(25px, 51px) */
    /* 45 is really 360 - 45 */
    rotate(0deg);
  width: 30px;
}
/* CIRCLE STYLE */
.woocommerce ul.products li.product .new-badge.tonsale, .new-badge.tonsale  {
	background: #ffcc00;
	right: auto;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.9em;
	border-radius: 0px;
	border-radius: 999px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	min-width: 3em;
	min-height: 3em;
	line-height: 3em;
	padding: 0 10px 0 10px;
	position: absolute;
	text-align: center;
	top: .5em;
	left: .0em;
}

.new-badge.tonsale_small  {
	background: #ffcc00;
	right: auto;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.6em;
	border-radius: 0px;
	border-radius: 999px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	min-width: 3em;
	min-height: 2em;
	line-height: 2em;
	padding: 0 10px 0 10px;
	position: absolute;
	text-align: center;
	top: .6em;
	left: .0em;
	margin: 10px 0 0 8px;
}

.currency{
	text-align: right;
}
.currency:before {
   content: "€";
   float: left;
   padding-right: 4px;
}

.openid-connect-login-button{
	background-color: #FFF;
	padding: 20px 0 20px 0 !important;
	border: 1px solid #c3c4c7;
}

.openid-connect-login-button .button{
	background-color: #ea5546 !important;
	color: #FFF !important;
	font-weight: bold !important;
	font-size: 13px !important;
	border: 0px !important;
	box-shadow: 1px 1px 5px #CCC !important;
}