/*
    Theme Name:  Divi Child
    Theme URI:    https://vicspace.nl
    Description:  Child Theme for Divi
    Author:       Victor van Rijn
    Author URI:   https://vicspace.nl
    Template:     Divi
    Version:      1.0.0
*/
/*
@font-face {
    font-family: 'Calibri Light';
    font-style: normal;
    font-weight: normal;
    src: local('Calibri Light'), url('/wp-content/calibril.woff') format('woff');
}
@font-face {
    font-family: 'Century Gothic Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Century Gothic Regular'), url('/wp-content/GOTHIC.woff') format('woff');
}
@font-face {
    font-family: 'Century Gothic Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Century Gothic Bold'), url('/wp-content/GOTHICB.woff') format('woff');
} */

/* html, body {
    font-family: 'Calibri Light';
} */
#page-container {
	/* padding-top: 107px; */
}
.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
	padding-top: 94px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway';
    font-weight: 900;
	color: #444;
	text-transform: uppercase;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}
#main-content a:not(.et_pb_button):hover, #main-content a:not(.et_pb_button):focus, #main-content a:not(.et_pb_button):active {
	text-decoration: none !important;
}
blockquote {
    border-color: #118960;
    font-style: italic;
    font-size: 1.25rem;
    color: #118960;
    margin: 0 0 30px 0;
    border-left-width: 7px;
    font-weight: bold;
	padding: .5rem 1rem;
}
blockquote p:last-child {
	margin-bottom: 0 !important;
}
#top-menu-nav #top-menu > li > a:hover,
#mobile_menu_slide a:hover {
    color: #00BCD4 !important;
    opacity:1 !important;
}

#top-menu li.current-page-ancestor a {
    color: #00BCD4;
}
#main-footer {
    display: none !important;
}
#footer {
	color: #fff;
}
#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration: underline;
}
#main-content a:not(.et_pb_button):hover, #main-content a:not(.et_pb_button):focus, #main-content a:not(.et_pb_button):active {
	text-decoration: underline;
}
#top-menu li {
	margin-left: 0;
	margin-bottom: 0;
	padding-right: 10px;
}
#top-menu li li {
	width: 100%;
	padding: 0 10px;
}
#top-menu li li a, .et-fixed-header #top-menu li li a, .et-fixed-header #top-menu li li.current-menu-item > a {
	width: 100%;
	display: block;
	padding: 6px 10px;
	color: #444 !important;
}
#top-menu li a:hover, #top-menu li a:focus, #top-menu li a:active {
	color: #fff !important;
	opacity: 1 !important;
}
#top-menu li li a:hover, #top-menu li li a:focus, #top-menu li li a:active, #top-menu li li.current_page_item a,
.et-fixed-header #top-menu li li a:hover, .et-fixed-header #top-menu li li a:focus, .et-fixed-header #top-menu li li a:active, .et-fixed-header #top-menu li li.current_page_item a {
	background-color: #00BCD4;
	color: #fff !important;
}
#top-menu li.current_page_item a {
/* 	font-weight: bold; */
}
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a {
	color: #00BCD4
}
.sub-menu, .nav li ul {
	padding: 10px 0;
	width: 300px;
	border: 0;
}
.nav li ul {
	box-shadow: 3px 5px 10px rgba(0,0,0,.25);
}
#main-header .nav li ul {
	background-color: #fff !important;
}
.single-post #top-menu .menu_blog > a:link, .single-post #top-menu .menu_blog > a:visited {
	color: #00BCD4;
}
.single-post #mobile_menu .menu_blog > a:link, .single-post #mobile_menu .menu_blog > a:visited {
	color: #00BCD4;
}

.mobile_menu_bar::before {
    color: #00BCD4 !important;
}
.mobile_menu_bar:hover::before {
    color: #00BCD4 !important;
}
.et_mobile_menu {
    padding: 1em;
}
.et_mobile_menu li a {
    padding: 1em;
	font-weight: bold;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
    opacity: 1;
    color: #00BCD4;
    background-color: #eee;
}
.et_mobile_menu li.current_page_item a {
    color: #00BCD4;
    font-weight: bold;
}
.mobile_menu_bar::before {
    color: #00BCD4;
}
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}
.et_mobile_menu .sub-menu {
	width: 100%;
}
.et_mobile_menu .menu-item-has-children > a {
	background-color: transparent ;
}
.et_pb_scroll_top.et-pb-icon {
    background-color: #00BCD4;
    color: #fff;
    padding: 10px;
}
.et_pb_fullwidth_header .header-content {
    padding: 0;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container{
    width: 95%;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 95%;
}
.et_pb_row, .container {
    width: 90%;
}
.et_pb_toggle_content p:last-of-type, p:not(.has-background):last-of-type {
    padding-bottom: 1em;
}
blockquote p:not(.has-background):last-of-type {
	padding-bottom: 0;
}
p ~ ul, p ~ ol {
    margin-top: -0.5em;
}
ul li, ol li {
    margin-bottom: 0.5em;
}
.dsm_contact_form_7.home_contact_form .wpcf7-form-control.wpcf7-textarea, .dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea {
    height: auto !important;
}

#left-area ul, .comment-content ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul, body.et-pb-preview #main-content .container ul {
	padding: 0 0 0 1.25rem;
}
#left-area ol, .comment-content ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol, body.et-pb-preview #main-content .container ol {
	list-style-position: outside;
	padding: 0 0 1rem 1.5rem;
}

.blurb_left .et_pb_main_blurb_image {
	width: 15%;
	padding-top: .5rem;
}
.et_pb_module.et_pb_blurb {
	margin-bottom: 3.5% !important;
}

.cc-window.cc-floating {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: none;
	min-width: 100%;
	display: block;
	padding: 1em 2em 0.75em 2em;
}
.cc-floating .cc-message {
	float: left;
	display: block;
	flex: none;
}
.cc-window.cc-floating .cc-compliance {
	display: inline-block;
	float: right;
	flex: none;
}
.cc-btn {
    border-radius: 25px;
    background-color: #fff;
}
.cc-btn:hover, .cc-btn:focus, .cc-btn:active {
    color: #fff !important;
    background-color: #00BCD4 !important;
}

.wpcf7-checkbox input[type="checkbox"], .wpcf7-acceptance input[type="checkbox"] {
    margin-left: -2em;
}
span.wpcf7-list-item {
    display: block;
    margin: 0 0 0 1.5em;
}
.wpcf7-list-item-label {
    display: inline-block;
    margin-left: 1em;
    vertical-align: top;
}

input.wpcf7-form-control, .wpcf7-form-control.wpcf7-textarea {
    padding: .5rem 0.75rem;
    /* box-shadow: inset 2px 2px 2px lightgray; */
    box-shadow: none;
	border-radius: 0;
	border: 1px solid #ddd;
	color: #444;
	width: 100%;
	font-size: 1rem;
}


input.wpcf7-form-control:focus, .wpcf7-form-control.wpcf7-textarea:focus {
	border: 1px solid #00BCD4;
}
input.wpcf7-submit {
	color: #00BCD4;
	padding: .75em 1.5em !important;
	font-size: 16px;
	background-color: #fff;
	border-width: 2px !important;
	border-color: #00BCD4;
	border-radius: 50px;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	letter-spacing: 0.5px;
	cursor: pointer;
	width: auto;
}
input.wpcf7-submit:hover, input.wpcf7-submit:focus, input.wpcf7-submit:active {
	background-color: #00BCD4;
	color: #fff;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border-width: 1px;
	background: lightyellow;
}
div.wpcf7-response-output {
	border: 1px solid #00BCD4;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaa !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa !important;
}


.cleanlogin-container {
    max-width: 360px;
}
.cleanlogin-form label {
    text-align: left;
    text-transform: none;
    font-size: 0.75em;
}
.cleanlogin-container h4 {
    text-align: left;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 0;
}
.cleanlogin-form input[type="text"], .cleanlogin-form input[type="password"], .cleanlogin-form input[type="email"], .cleanlogin-form input[type="submit"] {
    font-size: 1em;
    /* font-size: 18px;/ */
    color: #444444 !important;
    background-color: #eee;
    border: 0;
    padding: 0.5em 1em;
    height: auto;
}
.cleanlogin-form input[type="submit"] {
    background-color: #118960;
    color: #fff !important;
    font-weight: bold;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    border-radius: 25px;
    width: auto;
    padding: 0.5em 1em;
    font-size: 18px;
    height: auto;
}
.cleanlogin-form input[type="submit"]:hover, .cleanlogin-form input[type="submit"]:focus, .cleanlogin-form input[type="submit"]:active {
    background-color: #118960;
    color: #fff !important;
}

/*styles the wp-pagenavi pagination links*/
.wp-pagenavi {
	clear: both;
	margin-bottom: 1rem;
	padding-top: 0;
	border-top: none;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
  padding: 0.25em 0.75em !important;
  font-size: 1.25rem !important;
  color: #118960;
  line-height: 1.5;
  background: #eee;
  border-radius: 5px;
  transition: all .5s;
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
	color: #118960 !important;
}
/*styles the wp-pagenavi current page number*/
.wp-pagenavi span.current {
  color: #ffffff !important;
  background: #118960 !important;
}

/*styles the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover {
  color: #ffffff !important;
  background: #118960 !important;
  text-decoration: none !important;
}

/*styles the wp-pagenavi pages text*/
.wp-pagenavi .pages {
  background: none;
  display: none;
}

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

@media (min-width: 768px) {

    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
        width: 90%;
    }
}
@media (max-width: 768px) {
    /* h2, .product .related h2, .et_pb_column_1_2 .et_quote_content blockquote p {
        font-size: 24px !important
    } */

    .home .et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
        padding-bottom: 0;
    }
}
@media (max-width: 640px)  {

}

@media (max-width: 980px) {
    /* .home .header-logo {
        display: none;
    } */
    #logo {
        max-height: 80% !important;
        margin-left: -0.5em;
    }
}
@media (min-width: 981px) {
	#main-header.et-fixed-header {
		box-shadow: 0 5px 7px rgba(0,0,0,.1) !important;
	}
}