/*
 Theme Name:  Het is Netwerken
 Theme URI:    https://www.parelenmoer.nl
 Description:  Child Theme for Het is Netwerken
 Author:       Marco van Keijzerswaard
 Author URI:   https://www.parelenmoer.nl
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/


/*** GENERAL SETTINGS ***/
body {
 font-weight: 400;
 }

h2 {
    font-size: 23px!important;
}
h3 {
    font-size: 18px!important;
}
h4 {
    font-size: 16px!important;
}
h5 {
    font-size: 16px!important;
}
h6 {
    font-size: 16px!important;
}

/* Set rows on mobile, tablet & desktop */
@media only screen and (max-width: 980px) {
  .three-columns .et_pb_column {
    width: 31% !important;
  }
  .three-columns .et_pb_column:not(:last-child) {
    margin-right: 3.5%;
  }
}

@media only screen and (max-width: 950px) {
  .three-columns .et_pb_column {
    width: 100% !important;
  }
}

/*** BLURBS SETTINGS ***/

/*** blurb no animation ***/
.et_pb_animation_top.et-animated {
  opacity: 100;
  -webkit-animation: fadeTop 0s cubic-bezier(0.77, 0, 0.175, 1) 1;
  animation: fadeTop 0s cubic-bezier(0.77, 0, 0.175, 1) 1;
}

/*** TOGGLE SETTINGS ***/
.et_pb_toggle_title:before {
  content: "\35";
  position: absolute;
  right: 0;
  font-size: 26px;
  color: #ec1b23;
  top: 50%;
  margin-top: -0.5em;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
  content: "\33";
}

/*** SIDEBAR SETTINGS ***/

/*** 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;
}
}

/*** MENU DESKTOP SETTINGS ***/

/*** menu mouse-over ***/
.et_pb_menu_1_tb_header.et_pb_menu .current-menu-item a::before,
.et_pb_menu_1_tb_header.et_pb_menu .current_page_item a::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}
.et_pb_menu_1_tb_header.et_pb_menu li a:before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  right: 100%;
  bottom: 15%;
  background: #ec1b23;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.et_pb_menu_1_tb_header.et_pb_menu li a:hover {
  opacity: 1 !important;
}
.et_pb_menu_1_tb_header.et_pb_menu li a:hover:before {
  right: 0;
}
.et_pb_menu_1_tb_header.et_pb_menu li li a:before {
  bottom: 10%;
}

/*** Space between menu-items ***/
.et-menu-nav>ul>li {
    padding: 0 25px!important;

}

/*** Menu-items alignment desktop size ***/
@media (max-width: 1260px){
.main-menu .et_pb_menu__wrap {
    justify-content: flex-end!important;
}
}

/*** Search bar position & style ***/
.et_pb_fullwidth_menu .et_pb_menu__search-input, .et_pb_menu .et_pb_menu__search-input {
    border: solid 1px #F5F1F1!important;
    width: 30%;
    color: #333;
    background: transparent;
    position: absolute!important;
    padding: 6px 6px 6px 6px!important;
    border-radius: 4px;
    right: 57px!important;
    bottom: 0px!important;
}

/*** Hide menu-items on desktop primairy menu ***/
@media only screen and (min-width: 981px) {
    .hide-on-desktop {
        display: none !important;
    }
}


/*** MENU MOBILE SECUNDAIRY & FOOTER ***/

/*** Show and hide different menu's on mobile ***/
@media (max-width: 980px){
.secondairy-menu .et_pb_menu__menu {
    display: none!important;
}
}

.secondairy-menu .et_mobile_nav_menu {
    display: none!important;
}

@media (max-width: 980px){
.footer-menu .et_pb_menu__menu {
    display: flex!important;
}
}

.footer-menu .et_mobile_nav_menu {
    display: none!important;
}



/*** BLOG SETTINGS ***/
@media (min-width: 767px) {

/*** set the image width ***/
.blog-image-list .entry-featured-image-url  {
width: 25%;
float: right;
margin-bottom: 0!important;
}

/*** set the details width ***/
.blog-image-list .entry-title,
.blog-image-list .post-meta,
.blog-image-list .post-content {
width: 70%;
float: left;
padding-right: 30px;
}
}

/*style the Divi blog link text as a button ***/
.et_pb_post a.more-link {
  color: #707070!important;
	background: #D8D8D8;
	padding: .3em .8em;
	margin-top: 20px;
	display: inline-block;
}

/*** style the Divi blog link text as a button on hover ***/
.et_pb_post a.more-link:hover {
	background: #707070;
	color: #D8D8D8;
}

/*** style page navigation ***/
.wp-pagenavi {
    text-align: right;
    border-top: 1px solid #e2e2e2;
    padding-top: 13px;
    clear: both;
    margin-bottom: 30px;
}

.wp-pagenavi a, .wp-pagenavi span {
    font-size: 14px!important;
	color: #707070!important;
	padding: .7em 1em!important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #000!important;
		font-weight: 500!important;
}


/*** BLOKKEN SETTINGS ***/

/*** blocks general***/
.blokken-text .et-pb-icon {
    position: absolute;
    margin-top: 4px!important;
    margin-left: 5px;
    font-size: 25px;
}

.blokken .et_pb_blurb_container {
  padding: 9px;
  background-color: #fff;
  bottom: 0px !important;
  position: absolute;
  margin: 9px;
}

.blokken .et_pb_blurb_content {
  display: flex;
}

.blokken .et_pb_main_blurb_image {
  display: inline-block;
  margin-bottom: 0px;
  line-height: 0;
  max-width: 100%;
}

.nolink .et_pb_blurb_content {
  display: flex;
}

.nolink .et_pb_blurb_container {
  padding: 9px;
  background-color: #fff;
  bottom: 0px !important;
  position: absolute;
  margin: 9px;
}

.nolink .et_pb_main_blurb_image {
  display: inline-block;
  margin-bottom: 0px;
  line-height: 0;
  max-width: 100%;
}


.nolink .et_pb_main_blurb_image {
  display: inline-block;
  margin-bottom: 0px;
  line-height: 0;
  max-width: 100%;
}

.blokken .et_pb_blurb_description p:after {
  font-family: "ETmodules" !important;
  content: " \24";
  font-size: 20px;
  vertical-align: middle;
  margin-left: -5px !important;
  color: #ec1b23;
}

/*** BLOG SETTINGS ***/

/*** blog list settings general pages***/
.blog-list .et_pb_post {
	text-decoration: underline;
	margin-bottom: 20px;
}

.et_pb_post {
    margin-bottom: 0px!important;
}

.blog-image-list .et_pb_post {
    margin-bottom: 40px!important;
}

/*set the width of the rows inside the Post Content module*/
.et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}

/*blog list paddings single post page*/
@media (min-width: 981px){
.et_pb_column_single {
    padding: 0;
}
}

.et_pb_section.et_pb_section_0.et_section_regular {
    padding-top: 0;
    padding-bottom: 0;
}

.et-l .et-l--post .et_builder_inner_content .et_pb_row {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

/*blog list paddings & margins single post page rechterkolom*/
.single .et_pb_post {
    margin-bottom: 0px;
}

.single .post {
    padding-bottom: 0px;
}

/*** WOO SETTINGS ***/

/*Only on payment succesfull page*/
.woocommerce .woocommerce-customer-details {
  display: none;
}

.woocommerce .woocommerce-error {
  margin-bottom: 10px;
}

/*** error button ***/
.woocommerce .woocommerce-error a.wc-backward {
    display: none;
}

/*** FORMS SETTINGS ***/

/*** hide only more p's contact form ***/
.et-pb-contact-message p:not(:only-child) {
  display: none !important;
}

/*** checkbox terms contact form ***/
.et_pb_contact_field_checkbox {
  font-size: 14px !important;
}

/*** Contact - Form settings ***/
.et_contact_bottom_container {
  float: left;
}

/*** Contactpagina Bericht na versturen ***/
.et-pb-contact-message {
    font-style: italic;
    color: #ec1b23;
}

/*** Title & Tekst Privacy Policy ***/
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
    margin-bottom: .5em;
    margin-top: 1em;
    font-weight: 600;
    color: #000;
}

span.et_pb_contact_field_options_list label {
    color: #707070;
}

span.et_pb_contact_field_options_list label a {
    color: #ec1b23;
		font-weight: 300;
}

/*** DONATION PAGE SETTINGS ***/
/*donation page number field settings*/
input#donation_amount_field {
    margin-left: 10px!important;
    vertical-align: middle;
    font-size: 16px;
    border-radius: 3px;
    padding: 8px 12px 8px 12px;
    border: 1px solid #EFEFF1!important;
}

/*disable zoom & hide glass icon*/
.woocommerce-product-gallery__image {
    pointer-events: none;
}

/*** Donate Glass ***/
a.woocommerce-product-gallery__trigger {
    display: none!important;
}

/*** Donate Button ***/
button.single_add_to_cart_button.button.alt.ajax_add_to_cart {
    font-size: 16px!important;
}

/*** Donate Label ***/
.wc-donation-amount label {
  display: none;
}

.wc-donation-amount:before {
  content: 'Bedrag';
}