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

 Theme Name:   Adviesraad Steenbergen
 Theme URI:    https://studio-stone.nl
 Description:  v2.0
 Author:       Roel Looijen
 Author URI:   https://studio-stone.nl
 Template:     Divi
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*
Theme Name:  Adviesraad Stb
Theme URI:   
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site HT Service | Dintelmond.
Author:      Studio-Stone 
Author URI:  https://studio-stone.nl
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.4
***********************************************************************/
a.rfbp-link{
	color: #1e429b !important;
}

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

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

/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------
  donkerblauw  color: #230d54;
  Rood:#b8122b */

a {
    color: #1e429b;
    font-weight: bold;
}
.et-search-form, .et_mobile_menu, .footer-widget li:before, .nav li ul, blockquote {
    border-color: #1e429b;
}

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important; } }
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}


.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    margin: 20px auto;
    max-width: 800px;
    width: 100%;
}

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
#et_search_icon:hover, .mobile_menu_bar::before, .mobile_menu_bar::after, .et-social-icon a:hover, .comment-reply-link, .form-submit .et_pb_button, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
    color: #b8122b;
}

/*------------------------------------------------*/
/*-------------------[Teampage met cirkel]--------*/
/*------------------------------------------------*/


/*Transparent header text*/
.ds-team-header h2 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, Lucida, sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3em;
    line-height: 1.4em;
    text-align: center;
    padding: 7% 12%;
    color: white !important;
    mix-blend-mode: multiply;
}

/*Transparent header text mobile settings*/
@media only screen and (max-width: 767px) {
.ds-team-header h2 {
    font-size: 2em;
    line-height: 1em;
    padding: 10% 12%;
    }
}

/*Animated gradient background*/
.ds-gradient-overlay {
  background: rgba(176,202,201,.7);
  -webkit-animation:colour 15s linear infinite;
  -moz-animation:colour 15s linear infinite;
}

@-webkit-keyframes colour{
	0%{
		background:rgba(176,202,201,.7);
	}

	25%{
		background:rgba(166,163,158,.7);
	}

	50%{
		background:rgba(247,247,247,.7);
	}

	75%{
		background:rgba(166,163,158,.7);
	}
    
    100%{
		background:rgba(176,202,201,.7);
	}
}

@-moz-keyframes colour{
	0%{
		background:rgba(176,202,201,.7);
	}

	25%{
		background:rgba(166,163,158,.7);
	}

	50%{
		background:rgba(247,247,247,.7);
	}

	75%{
		background:rgba(166,163,158,.7);
	}
    
    100%{
		background:rgba(176,202,201,.7);
	}
}

/*Person Module OVerlay*/
.et_pb_imagerl img {
    border-radius: 50% !important;

}
.et_pb_google_icon:before {
	content: "\e076" !important;
}
/*Person Module*/
.ds-person-module img {
    border-radius: 50%;
    margin-top: -50%;
}


.ds-person-module .et_pb_team_member_description {
    padding: 20px;
}

.ds-person-module .et_pb_member_social_links, .ds-person-module h4, .ds-person-module .et_pb_member_position {
    text-align: center !important;
}

.ds-person-module .et_pb_member_position {
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    color: #B0CAC9 !important;
    padding-top: 10px;
}

.ds-person-module p {
    text-align: justify !important;
}

.ds-person-module .et_pb_member_social_links li {
    margin-right: 0;
}

.ds-person-module .et_pb_member_social_links a:before {
    color: #f7f7f7;
}

.ds-person-module .et_pb_member_social_links a {
    color: #fff;
    background: #1E429B;
    padding: 10px;
    width: 35px;
    height: 35px;
    padding: 5px;
    margin: 10px;
    border-radius: 50%;
    -webkit-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    transition: background-color .7s ease;
}

.ds-person-module .et_pb_member_social_links a:hover {
    background: transparent !important;
}

.ds-person-module .et_pb_member_social_links a:hover:before {
    color: #a6a39e;
}

/*Person module mobile settings*/
@media only screen and (max-width: 980px) and (min-width: 767px) {
    .ds-person-module .et_pb_member_social_links {
    width: 280px;
    margin: -50px 0 0 -325px;
    }
    
    .ds-person-module {
    margin-bottom: 50%;
    }
}

.ds-profile-button {
    width: 100%;
    border: none;
    padding: 10px 20px;
    font-weight: normal !important;
    margin-top: 5px;
    -webkit-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    transition: background-color .7s ease;
}

body #page-container .et_pb_button_0 {
  background:#0CAE4B !important;

}




/*------------------------------------------------*/
/*---------------[Mobile MENU]------------------*/
/*------------------------------------------------*/
.et_mobile_menu {
    border-top: 3px solid #ce2031;
    }

#et-info-phone {
    display: none;
}

/*------------------------------------------------*/
/*---------[GQ - MOBILE MENU BUTTON 1]------------*/
/*------------------------------------------------*/
 
    .mobile_menu_bar:before {
            background-color: #FFF;
            padding: 2px 0px 2px 0px;
            top:15px;
            color: #0cae4b!important;}
    .mobile_menu_bar::after {
            font-family: Arial;	
            font-size: larger;
            content: "MENU";
            position: relative;
            top:6px;
            padding: 10px 20px 10px 5px;
            background-color: #FFF;
            color: #0cae4b!important;
        cursor: pointer;}
    .mobile_nav.opened .mobile_menu_bar:before {
        content: "\4d";}

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#main-content {
		min-height: calc(100vh - 220px); /Make Bottom Bar Sticky/
	}

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/
@media (min-width: 981px){
.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module {
	margin-bottom: 0px !important;
}
}
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.ds_mobile_side_dark .mobile_nav.opened #mobile_menu {
    background:  #0cae4b none repeat scroll 0 0 !important;
    transform: rotateY(0deg);
    transform-origin: right center 0;
    transition: all 0.8s ease-in-out 0s;
}


/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/

@media only screen and (max-width: 1402px) and (min-width: 981px) {
#top-menu li a { font-size: 14px !important}
}
@media only screen and (max-width: 1402px) and (min-width: 981px) {
#logo { max-height: 55%; }

/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and (max-width: 1248px) and (min-width: 980px) {
 #top-menu-nav { display:none; }
}
@media only screen and (max-width: 1248px) and (min-width: 980px) {
 #et_mobile_nav_menu { display:block }
}



/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1384px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	.et_pb_svg_logo #logo {
    height: 50% !important;

	
}}
.et_header_style_left .mobile_menu_bar {
    padding-bottom: 49px;

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

@media screen and ( max-width: 782px ) {

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}
.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
    padding-bottom: 50px !important;
}