/* 
 Theme Name:     Before Sales
 Author:         Before Sales
 Author URI:     https://beforesales.nl/
 Template:       Divi
 Version:        V1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.0.3
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*----------- Font veranderd op shop kleine overzicht -------------*/
.atw-wrapper
{
	font-family: "Roboto Slab" !important;
}



/*----------------------------*/

/* Css voor custom blog filtering  */
.posts-found
{
	display: none;
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item
{
	border: 1px solid #C6CDCD !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  overflow: hidden !important;
  height: auto !important;
  background-color: #fff !important;
  padding: 0 !important;
		font-family: "Roboto Slab" !important;
	color: #3f5757;
	font-weight: 400;
	line-height: 1.7em;
	font-size: 16px !important;
}

@media only screen and (max-width: 667px) {
.ymc-smart-filter-container .container-posts .post-custom-layout .post-item .read-more
{
	display: none !important;
}
	
	.ymc-smart-filter-container .container-posts .post-custom-layout .post-item a.mobile
	{
		display: inline !important;
	}
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item a.mobile
{
	display: none;
}


.ymc-smart-filter-container .container-posts .post-custom-layout .post-item a
{
	text-decoration: none !important;
	margin: 0 !important;
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item a.author.link
{
	text-decoration: none;
	color: #f08a00;
}


.ymc-smart-filter-container .container-posts .post-custom-layout .post-item img
{
	height: 320px !important;
	width: 100%;
	object-fit: cover;
}

.padded-content
{
	padding: 25px;
}

/* CSS voor blog post */
.single-post:not(.et_pb_pagebuilder_layout) .et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body
{
    max-width: 864px;
    margin: auto;
}

.single-post .et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body, .single-post .et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body .et_pb_text_0
{
	font-weight: 400;
}



/* Woocommerce tijdlijke LAATSTE EXEMPLAEREN */
.product_tag-laatste-exemplaren:before
{
    content: "Laatste exemplaren!";
    position: absolute;
    z-index: 99999;
    background-color: #f08a00;
    color: #FFF;
    font-family: "Roboto Slab";
    padding: 0px 15px 0px 15px;
    top: 25%;
    left: -5%;
    border-radius: 5px;
    transform: rotate(-25deg);
}

img.wpcsp-thumb {
    height: 210px;
}


/* Header */
/* Header sticky */
@media only screen and (min-width: 981px) {
#main-header.et-fixed-header{position:fixed;box-shadow:none!important}
}
#page-container{overflow-x:hidden;}
os.viewport{overflow-x:hidden;}

.et_pb_section_0_tb_header {min-height: 0px!important;}

/* Menu margin + kleuren */
#menu-puurstructuur > .menu-item{margin-right:10px;margin-left:10px;border-top-left-radius:10px;border-top-right-radius:10px}
#menu-puurstructuur > .menu-item:nth-child(1) > .sub-menu,#menu-puurstructuur > .menu-item:nth-child(1){background-color:#f08a00!important}
#menu-puurstructuur > .menu-item:nth-child(2) > .sub-menu,#menu-puurstructuur > .menu-item:nth-child(2){background-color:#93c476!important}
#menu-puurstructuur > .menu-item:nth-child(3) > .sub-menu,#menu-puurstructuur > .menu-item:nth-child(3){background-color:#47bac5!important}
/* Menu items + icoontjes positioning/ kiezen van plaatje voor before element */
#menu-puurstructuur > li{font-family:"Roboto Slab";font-size:20px;line-height:22px;width:321px}
#menu-puurstructuur > li > a{height:fit-content;width:120px;position:relative;left:50%;transform:translate(-90%)}
#menu-puurstructuur > li > a:first-child:after{position:absolute;top:10%;left:140%;font-family:"ETmodules";font-size:48px;font-weight:400;content:"3"}
#menu-puurstructuur > .menu-item:before{content:url(https://puurstructuur.nl/wp-content/uploads/2019/12/Slab-4-e1575885682379.png);position:relative;left:10%;top:15%}

#menu-links > .menu-item:before{content:url(https://puurstructuur.nl/wp-content/uploads/2019/12/Slab-4-e1575885682379.png);position:relative;left:-5%;bottom:3%}
#menu-midden > .menu-item:before{content:url(https://puurstructuur.nl/wp-content/uploads/2019/12/Slab-4-e1575885682379.png);position:relative;left:-5%;bottom:3%}
#menu-rechts > .menu-item:before{content:url(https://puurstructuur.nl/wp-content/uploads/2019/12/Slab-4-e1575885682379.png);position:relative;left:-5%;bottom:3%}
/* 
@media (min-width: 981px){
.et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {width: 321px;}
} */

.menus ul.et-menu > li > a:after{top: -20% !important;left: 100%;font-size: 48px !important;font-weight: 500 !important;}
.menus ul.et-menu {border-top-left-radius:10px;border-top-right-radius:10px}

#menu-links .sub-menu{width: 148%;position: absolute;left: -24% !important;top:121% !important;}
#menu-midden .sub-menu{width: 163%;position: absolute;left: -31.5% !important;top:121% !important;}
#menu-rechts .sub-menu{width: 151.5%;position: absolute;left: -25.8% !important;top:121% !important;}

/* Sub-menu border-top */
.sub-menu{border-top:2px solid #fff!important;overflow:hidden;transition:400ms}
/* Sub-menu Arrow down + list element position buiten menu */
@media only screen and (min-width: 981px) {
.sub-menu > li > a:hover:after{right:0;opacity:1}
.sub-menu > li > a:after{opacity:0;font-family:"ETmodules";content:"5";position:absolute;font-size:20px;transition:300ms;right:20px;}
.sub-menu > li > a{position:relative;left:-100%;font-weight: 300; font-size: 16px !important; width: 100% !important;}
.sub-menu > li{width:100% !important;}
/* Sub-menu hover effecten */
.menu-item:hover .sub-menu > li > a{left:0;transition:ease-in-out}
.menu-item:hover .sub-menu > li:nth-child(1) > a{transition:200ms}
.menu-item:hover .sub-menu > li:nth-child(2) > a{transition:250ms}
.menu-item:hover .sub-menu > li:nth-child(3) > a{transition:300ms}
.menu-item:hover .sub-menu > li:nth-child(4) > a{transition:350ms}
.menu-item:hover .sub-menu > li:nth-child(5) > a{transition:450ms}
.menu-item:hover .sub-menu > li:nth-child(6) > a{transition:500ms}
.menu-item:hover .sub-menu > li:nth-child(7) > a{transition:550ms}
.menu-item:hover .sub-menu > li:nth-child(8) > a{transition:600ms}
.menu-item:hover .sub-menu > li:nth-child(9) > a{transition:650ms}
.menu-item:hover .sub-menu > li:nth-child(10) > a{transition:700ms}
}

a.et_pb_menu__cart-button::after{content:"\e0f4" !important}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* Content */
/* Breadcrumb/ kruimelpad */
.breadcrumb a{text-decoration:none;text-decoration-line:underline;font-weight:700;color:#3f5757}
@media only screen and (max-width: 981px){
	.breadcrumb{display: none;}
}


/* Learndash login */
.learndash-wrapper.ld-modal-open .ld-modal{z-index:999999999999;position:fixed;top:20px}

/* Main blokken*/
@media only screen and (min-width: 981px) {
/* .blokken .et_pb_column_1_3{width: 321px;} */
}

/* Main blokken Puur Structuur pagina */
#blokken-structuur .et_pb_module{transition:150ms}
#blokken-structuur .et_pb_module:hover{transform:scale(1.05);transition:300ms}

/* Blog homepages/ global */

/* Blogs blokken vv  */

/* Afbeelding */
.et_pb_jt_filterable_grid_item .et_pb_jt_filterable_grid_item_image_container img {height: 320px;width: none !important;position: relative;left: 50%;transform: translate(-50%);}

/*Titel*/
.et_pb_jt_filterable_grid_item_post_text.et_pb_jt_filterable_grid_item_text_text {top: 45px;font-weight: 400!important;}

/*Totale blok van het blog*/
.et_pb_jt_filterable_grid_item{border: 1px solid #C6CDCD;border-bottom-left-radius:15px;border-bottom-right-radius:15px;overflow:hidden;height: auto ;background-color:#fff}

/*Knop*/
a.read-more{width:fit-content;border:2px solid #979797;border-radius:8px;padding:10px;padding-top:7px;padding-bottom:7px;background-color:#fff;color:#3f5757 !important;font-size:16px !important;font-family:"Roboto Slab";font-weight:700;text-align:center;position: relative;}
a.read-more:after{content:" 5";font-family:"ETModules";opacity:0.0;transition:300ms;}
a.read-more:hover{transition: 300ms;padding-right: 15px;padding-left: 15px; width:fit-content;}
a.read-more:hover:after{opacity:1;}

/* Blogs blokken (blog pagina) */
.locked{filter: grayscale(60%);cursor: default !important}
.locked:hover{background-color: #3f5757 !important}
.et_pb_filterable_portfolio .et_pb_portfolio_filters{border-radius: 20px;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{background-color: #3f5757;color: white;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{color: #3f5757;font-family: "Roboto Slab"; border-color: #3f5757;font-weight:600;padding-top: 13px;padding-bottom: 13px;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a{border-radius: 5px 0px 0px 5px;}
.et_pb_jt_filterable_gird_pagination{display:none}
#add-posts{cursor: pointer}

/* Lees meer knop */
.blogs a.more-link:after{font-family:"ETmodules"!important;content:"  5";font-weight:700;opacity:0;position:absolute;right:5px}
.blogs a.more-link:hover:after{transition:500ms;opacity:1}
.blogs a.more-link{border:2px solid #3f5757!important}

/* Blog image height */
.et_pb_image_container > a > img{height:200px!important}

/* Blogs structuur */
.blogs article{border-bottom-left-radius:15px;border-bottom-right-radius:15px}

/* Blog titel */
.blogs .entry-title{height:90px}

/* Blog details page */
.comment-body{border-bottom: 1px solid #efefef;padding-bottom: 50px;}
#comment-wrap > .page_title{padding-bottom: 50px;}

/* Woo css! */
/* Product grid */
.atw_grid_wrapper img{width:80%!important;padding-top:10%;margin:auto}
.atw_grid_wrapper .atw_item{background-color:#fff;height:330px;border-radius:5px}
.atw_item_title,.atw_item_info{text-align:left!important;padding-left:10%;height:52px;color:#3f5757!important}
.atw_item_title > a{color:#3f5757!important;font-weight:700}
.atw_item_info .woocommerce-Price-amount{color:#3f5757!important;font-weight:700}
/* Product space */
.et_shop_image > img{position:relative;padding:0 25px;top:65px}

/* Winkelwagen */
.woocommerce .button{background-color: #3f5757!important;border: 0px!important;color:white!important;}
div.woocommerce-message, ul.woocommerce-error, div.woocommerce-info, div.woocommerce-info>.showcoupon{background-color: #FFF !important; color: black !important;}

/* background: linear-gradient(90deg, rgba(240,138,0,1) 10%, rgba(147,196,118,1) 50%, rgba(71,186,197,1) 90%)!important; */

.product-name > a{color: #3f5757!important;font-weight: 600;}
.shipping-calculator-button{color: #f08a00;}

/* On sale Ribbon */
#page-container span.onsale{position:absolute;top:90px!important;left:-12px!important;filter:drop-shadow(2px 2px 5px #888)!important}
.onsale::before{content:"";left:0;bottom:-14px;width:0;height:0;border-bottom:15px solid rgba(255,255,255,0);border-right:12px solid #e09900;position:absolute;z-index:-1}

/* Laposta mail-box */
.laposta-form form > input:nth-child(4){border-top-left-radius:15px;border-bottom-left-radius:15px;border:none;width:300px;padding:18px 10px;font-size: 16px}
.laposta-form form > input:nth-child(5){width:120px;border-bottom-right-radius:15px;border-top-right-radius:15px;background-color:#3f5757;color:#fff;position:relative;right:5px;border:none;font-weight:600;font-size:18px;padding:13px 10px}

/* Footer */
.footerlinks > div > p > a{color:rgba(63,87,87,0.8);font-family:"Roboto Slab";font-size:16px}
.footerlinks p{padding-bottom:22px}
.et_pb_section_0_tb_footer img{max-width:75%}
#copyright_ps a{text-decoration-line:underline;color:#3f5757!important;font-family:"Roboto Slab Regular"}
.et_mobile_menu .menu-item-has-children:nth-child(1) a{background-color:#efefef; color: black !important;}
.et_mobile_menu .menu-item-has-children:nth-child(2) a{background-color:#F08A00}
.et_mobile_menu .menu-item-has-children:nth-child(3) a{background-color:#93C476}
.et_mobile_menu .menu-item-has-children:nth-child(4) a{background-color:#47BAC5}
.et_mobile_menu a{color: white !important;}
.et_mobile_menu a:hover{opacity:1 !important;}
.et_mobile_menu > li{position: relative;bottom:20px;}
#mobile_menu5{box-shadow: none !important; border-top:none !important;}

/* Vanaf ipad liggend */
@media only screen and (min-height: 768px) and (max-width: 1024px){
	.atw_grid_wrapper img{width: 60%!important;}
	.et_pb_blog_grid .et_pb_image_container img{height: 150px;}
}

/* Iphone staand */

/* La Posta */

@media only screen and (min-height: 375px) and (max-width: 667px){
	
	.laposta-form form > input:nth-child(4){border-radius: 15px;}
	.laposta-form form > input:nth-child(5){position: static;padding: 15px 10px;border-radius: 15px;margin-top: 5px;}
/* 	h3.et_pb_jt_filterable_grid_item_post_title, .post-meta {position: relative;bottom: 340px;} */
	.et_pb_jt_filterable_grid_item{border: 1px solid #C6CDCD;border-bottom-left-radius:15px;border-bottom-right-radius:15px;overflow:hidden; height:850px;background-color:#fff}
	.et_pb_jt_filterable_grid_item .et_pb_jt_filterable_grid_item_image_container img {height: 320px;width: none !important;position: relative;left: 50%;transform: translate(-50%);}
	a.read-more{border:0px!important; background-color:#fff;color:#3f5757;font-size:16px;font-family:"Roboto Slab";font-weight:700;text-align:center;position: absolute;}
	a.read-more:after{content:" 5";font-family:"ETModules";opacity:0.0;transition:300ms;}
	a.read-more:hover{transition: 300ms;padding-right: 15px;padding-left: 15px; width:fit-content;}
	a.read-more:hover:after{opacity:1;}
	ul.page-numbers {top: 40px;position: relative;}
}

/* Iphone liggend */
@media only screen and (min-height: 375px) and (max-width: 667px){
	.atw_grid_wrapper img{width: 40%!important;}
}

button#responsive-menu-pro-button {
top: 7px;
}