/*
 Theme Name:   Ionmoon
 Theme URI:    http://ionmoon.nl/
 Description:  Divi Child Theme
 Author:       Ionmoon
 Author URI:   http://ionmoon.nl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/



/*portfolio image aspect ratio portrait 9:16*/

.pa-portfolio-image-9-16 .et_portfolio_image {
  padding-top: 177.77%;
  display: block;
}

.pa-portfolio-image-9-16 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*portfolio image aspect ratio portrait 3:4*/

.pa-portfolio-image-3-4 .et_portfolio_image {
  padding-top: 133.33%;
  display: block;
}

.pa-portfolio-image-3-4 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


/* hide Woo breadcrumbs */
.woocommerce-breadcrumb { visibility:hidden; }

/* change icon shop*/

.pa-menu-shop > a:before {
    font-family: 'ETMODULES';
    content: '\e022';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cba6c;
    font-size: 1em;
    transition: all .3s ease;
}

a.et-cart-info span:before{
    font-family: 'ETMODULES';
    content: '\e058';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
	margin-top: -20px;
    color: #38383a;
    font-size: 1.7em;
    transition: all .3s ease;
	
	border: 1px;
	
}
/* custom tabs */
#blurb-tabs .tab-title {
width: 25%;
transition: all .3s ease-in-out;
	margin: 3px;
}


#blurb-tabs .et_pb_column  {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

#blurb-tabs .tab-title:hover {
cursor: pointer;
background-color: #38383a;
	color: white !important;
}


@media screen and (max-width: 768px) {
  #blurb-tabs .tab-title {
    width: 33%;    
  }
}
@media screen and (max-width: 476px) {
  #blurb-tabs .tab-title {
    width: 100%;    
  }
}

.tab-content {
display: none;
}

.tab-open {
	display:block;
}

#blurb-tabs .tab-title.active-tab {
	color: #38383a !important;
	border-color: #38383a;

}

#blurb-tabs h4.et_pb_module_header #blurb-tabs .tab-title.active-tab {
background-color: #38383a !important;
	color: white !important;
	border-color: #38383a;
}

/* Menu*/
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
	color: #698aa7;
}
#top-menu li.current-menu-item>a {
    color: #698aa7;
}

/* ppagina producten woo paginisatie */
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #38383a;
    color: #f7f7f7;
	border-color: #38383a;
	font-weight: 600;
	padding: 0.7em;
}
.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: #38383a;
    color: #f7f7f7;
	font-weight: 600;
	padding: 0.7em;
}
.woocommerce nav.woocommerce-pagination ul li a {
    color:#38383a;
	padding: 0.7em;
}
.woocommerce nav.woocommerce-pagination ul {
   border: 1px solid #38383a !important;
}

/* orderby products */

Select.orderby{
	display: none;
}

p.woocommerce-result-count {
    font-weight: 500;
    font-family: 'Poppins';
    font-size: 14px;
    color: #38383a;
}

/* padding filter projecten */
.et_pb_de_mach_filter_posts_0 .divi-filter-item {
		background-color: #ffffff;
		padding-top: 4px;
		padding-left: 30px;
		padding-bottom: 20px !important;
}
.et_pb_de_mach_search_posts_item_0 .limit_filter_text.showmore {
		display: none !important;
}

/* menu color selected */
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #908f47;
}

/* blog fixed row */
.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}
.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}


/* contact formulier */

#gform_submit_button_1 {
	font-size: 18px;
	font-weight: 500;
    border-radius: 1px;
	border-color: #38383a !important;
    padding: .3em 1em;
    border: 1px solid;
    background-color: #38383a;
	color: #fff;
}
input.text, input.title, input[type=text], select, textarea {
    border-radius: 6px;
    padding: 8px 8px !important;
	font-family: poppins;
}


input.text, input.title, input[type=text], select, textarea {
	border-radius: 3px;
	padding: 8px 8px !important;
}


.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 500!important;
    font-size: 18px!important;
	font-family: poppins;
	padding-top: 20px;
}

.ew-quote-menu-item > a:before {
    font-family: 'ETMODULES';
    content: '\e0e6';
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #ffffff;
    font-size: 1em;
    transition: all .3s ease;
	font-weight: normal;
}
.et_pb_fullwidth_menu .et_pb_menu__search-input {
	color: #ffffff;
}

.pum-theme-4396 .pum-content + .pum-close, .pum-theme-standaard-thema .pum-content + .pum-close {
	background-color: rgb(144, 143, 71);
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
  
/*** Hide Sidebar ***/
#sidebar {display:none;}
  
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/* aanmeld form talkshow*/
#gform_submit_button_7 {
	font-size: 18px;
	font-weight: 500;
    border-radius: 1px;
	border-color: #38383a !important;
    padding: .3em 1em;
    border: 1px solid;
    background-color: #38383a;
	color: #fff;
}

/* standaard lettertypes (Noto en Nunito werden door elkaar gebruik) */

body, input, textarea, select, p {
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
	font-size: 17px !important;
}

.et_pb_blurb_1.et_pb_blurb .et_pb_module_header, h4 {
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 600 !important;
}



/*Hugo: lettergrootte van sub- en superscript was 100%. Aangepast naar 60% (conform standaard)*/
sub, sup {
	font-size: 60% !important
}

/* Hugo: nette opsommingen (ordered & unordered lists) */
.entry-content ol, .entry-content ul {
padding: 30px 0px 30px 50px !important;
list-style-position: outside !important;
}


/* Hugo: Stop verkleinen offerte-button op productpagina bij hover (leidde tot verspringen van banner) */
a.add-request-quote-button.button:hover {padding: 1rem 2rem !important}


/* Hugo: alle thumbnailfoto's zelfde hoogte op K&K-overzichtspagina */
/*.et_pb_blog_grid .et_pb_image_container img {height:30vh; min-height: 200px; object-fit:cover}*/


/* Hugo: Verberg tags in thumbnails op overzichtspagina Kennis en Kunde */
.post-meta {
	display:none
}

/* Hugo: kruimelpad op werkweldpagina's */
.werkveld {font-family: 'Nunito'; letter-spacing:0.2em; text-transform: uppercase; color: #5d5c5b; font-size:13px; font-weight:800}
.werkveld-arrow {font-family: 'Nunito'; letter-spacing:0.2em; text-transform: uppercase; color: #698aa7; font-size:13px; font-weight:800}

.werkveld-arrow::after {
  font-family: 'ETmodules';
  content: '5';
}

.werkveld-sectie-top-header {font-family: 'Nunito'; letter-spacing:0.2em; text-transform: uppercase; color: #5d5c5b; font-size:13px !important; font-weight:800; padding-bottom: 0em !important}

/* Schaduw headers in banners */

.banner-header {
	filter: drop-shadow(1px 2px 8px rgba(0,0,0,0.6))}