/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

blockquote {display: inline-block;}

a {text-decoration: none !important;}

h2.phoenix, h2.sep, h1.phoenix, h1.sep {position: relative; display: inline-block; text-align: center;}
h2.phoenix:before, h1.phoenix:before {content: ''; display: block; position: absolute; width: 49px; height: 50px; background: url(/wp-content/uploads/2018/07/phoenix.png) no-repeat; left: -60px;}
h2.sep, h1.sep, #sidebar .widget-title {margin-bottom: 34px !important;}
h2.sep:before, h1.sep:before , #sidebar .widget-title:before {content: ''; display: block; position: absolute; width: 60px; height: 4px; background: #af9569; bottom: -15px; left: 50%; transform: translateX(-50%); }

.custom-button {display: inline-block; text-decoration: none !important; padding: 12px 0px; text-align: center; font-family: "Neutra Display Bold"; text-transform: uppercase; font-size: 1.3em; letter-spacing: .5px; position: relative; transition: .3s; -webkit-transition: .3s;}
.custom-button.wit {color: #fff;}
.custom-button.zwart {color: #333;}
.custom-button.wit:before {content: ''; display: block; position: absolute; width: 100px; height: 3px; background: #fff; top: 0; left: 50%; transform: translateX(-50%); transition: background-color .3s linear .4s, width .3s linear 0s; -webkit-transition: background-color .3s linear .4s, width .3s linear 0s;}
.custom-button.wit:after {content: ''; display: block; position: absolute; width: 100px; height: 3px; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%); transition: background-color .3s linear .4s, width .3s linear 0s; -webkit-transition: background-color .3s linear .4s, width .3s linear 0s;}
.custom-button.wit:hover:before, .custom-button.wit:hover:after {width: 100%; background-color: #af9569;}
.custom-button.zwart:before {content: ''; display: block; position: absolute; width: 100px; height: 3px; background: #333; top: 0; left: 50%; transform: translateX(-50%); transition: background-color .3s linear .4s, width .3s linear 0s; -webkit-transition: background-color .3s linear .4s, width .3s linear 0s;}
.custom-button.zwart:after {content: ''; display: block; position: absolute; width: 100px; height: 3px; background: #333; bottom: 0; left: 50%; transform: translateX(-50%); transition: background-color .3s linear .4s, width .3s linear 0s; -webkit-transition: background-color .3s linear .4s, width .3s linear 0s;}
.custom-button.zwart:hover:before, .custom-button.zwart:hover:after {width: 100%; background-color: #af9569;}

.theme-button {font-size: 1.3em; background: transparent !important; position: relative; color: #af9569;} 
.theme-button:before {content: ''; display: block; position: absolute; width: 60%; height: 3px; background: #af9569; top: 0; left: 50%; transform: translateX(-50%); transition: background-color .3s linear .4s, width .3s linear 0s; -webkit-transition: background-color .3s linear .4s, width .3s linear 0s;}
.theme-button:after {content: ''; display: block; position: absolute; width: 60%; height: 3px; background: #af9569; bottom: 0; left: 50%; transform: translateX(-50%); transition: background-color .3s linear .4s, width .3s linear 0s; -webkit-transition: background-color .3s linear .4s, width .3s linear 0s;}
.theme-button:hover:before, .theme-button:hover:after {width: 100%;}
.theme-button:hover {color: #af9569 !important;}

#site-scroll-top {background: url(/wp-content/uploads/2018/07/scroll-up.png) no-repeat !important; background-color: transparent !important; width: 64px !important; height: 32px !important; border-radius: 0px; font-size: 0 !important; transition: .3s; -webkit-transition: .3s;}
#site-scroll-top:hover {opacity: .35;}

.tekst-justify {text-align: justify;}

blockquote {position: relative; padding-right: 55px;}
blockquote:after {content: ''; display: block; background: url(/wp-content/uploads/2018/07/quote-rechts.png) no-repeat center center; width: 31px; height: 29px; position: absolute; top: 0; right: 0;}

/*** CUSTOM FONT ***/
@font-face {
    font-family: 'Neutra Display Bold';
    src: url('fonts/NeutraDisp-Bold.woff') format('woff'); /* Modern Browsers */
}

/*** HOME ***/
.home #site-logo {display: none !important;}

.home-header-row {text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.vc_row.home-header-row:before {content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.35);}
.arrowdown-row {margin-top: -84px; text-align: center;}
.arrowdown-blok {display: inline-block; text-align: center;}
.arrowdown-blok img {transition: .3s; -webkit-transition: .3s;}
.arrowdown-blok:hover img {opacity: .6;}

.services-row.first {margin-top: 12px;}
.blokInner {padding: 15%; text-align: center; transition: .3s; -webkit-transition: .3s; cursor: pointer; z-index: 10; position: relative;}
.blokInner h2 {color: #fff !important; transition: .3s; -webkit-transition: .3s; display: inline-block; position: relative; margin-top: 10px !important;}
.blokInner img {display: block; margin: 0 auto; max-width: 100px; transition: .3s; -webkit-transition: .3s;}
.blokInner:hover img {transform: scale(1.1);}
.blokInner:hover h2 {padding-left: 10px;}
.blokInner h2:after {content: ''; display: block; position: absolute; right: -50px; top: 10px; width: 0;  height: 0;  border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid white; transition: .3s; -webkit-transition: .3s; opacity: 0;}
.blokInner:hover h2:after {opacity: 1; right: -30px;}
.kolom-belangen.active .blokInner, .kolom-wetgeving.active .blokInner, .kolom-collectie.active .blokInner, .kolom-maatwerk.active .blokInner {opacity: 0;}
.kolom-belangen.active .tekst, .kolom-wetgeving.active .tekst, .kolom-collectie.active .tekst, .kolom-maatwerk.active .tekst {opacity: 1 !important;}
.services-row.second:after {content: ''; display: block; position: absolute; bottom: -40px; right: -30px; background: #fff; width: 60px; height: 100px; transform: rotate(45deg); z-index: 100;}
.tekst h3 {color: #fff;}

.partners-row {text-align: center; padding-top: 80px; margin-bottom: 20px !important; }
.owl-carousel .owl-item {line-height: 200px;}
.wpex-carousel.owl-carousel .owl-item img {display: inline-block !important; vertical-align: middle; max-width: 80%; transition: .3s; -webkit-transition: .3s;}
.wpex-carousel.owl-carousel .owl-item img:hover {-webkit-filter: none; filter: none;}
.wpex-carousel.arrwpos-abs .owl-prev {left: -50px; background: url(/wp-content/uploads/2018/07/arrow-left.png) no-repeat center center !important; background-color: transparent;}
.wpex-carousel.arrwpos-abs .owl-next {right: -50px; background: url(/wp-content/uploads/2018/07/arrow-right.png) no-repeat center center !important; background-color: transparent;}
.wpex-carousel.arrwpos-abs span.fa {display: none;}
.wpex-carousel.arrwpos-abs .owl-prev, .wpex-carousel.arrwpos-abs .owl-next {height: 79px; line-height: 79px;}
.wpex-carousel.arrwpos-abs .owl-prev:hover, .wpex-carousel.arrwpos-abs .owl-next:hover {opacity: .6;}

.rob-row {padding-top: 60px; padding-bottom: 20px; text-align: center;}
.rob-row h2 {color: #fff !important;}
.rob-row .custom-button {margin-top: 20px;}
.rob-row:before {content: ''; display: block; position: absolute; top: -40px; left: -30px; background: #fff; width: 60px; height: 100px; transform: rotate(45deg); z-index: 100;}

.home-blog-row {text-align: center;}

.script-row {display: none !important;}

@media (min-width: 768px) {
	.tekst {opacity: 0; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; transition: .3s; -webkit-transition: .3s; cursor: pointer; text-align: justify; width: 75%;}
}

@media (max-width: 959px) {
	.services-row.first {display: flex; flex-direction:column-reverse;}
}

@media (max-width: 767px) {
	.tekst {opacity: 0; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; transition: .3s; -webkit-transition: .3s; cursor: pointer; text-align: justify; width: 100%;}
	.kolom-belangen.active .tekst, .kolom-wetgeving.active .tekst, .kolom-collectie.active .tekst, .kolom-maatwerk.active .tekst {position: relative; top: unset; left: unset; transform: none; padding: 10%;}
	.kolom-belangen.active .blokInner, .kolom-wetgeving.active .blokInner, .kolom-collectie.active .blokInner, .kolom-maatwerk.active .blokInner {position: absolute; }
	h2.phoenix:before, h1.phoenix:before {display: none;}
}

@media (max-width: 480px) {
	.blokInner h2 {font-size: 1.2em !important;}
	.blokInner h2:after {top: 0px;}
}

@media (min-width: 1030px) {
	.home #site-header-inner {display: none;}
}


/*** HEADER ***/
.navbar-style-four .dropdown-menu>li>a>span.link-inner, .navbar-style-three .dropdown-menu>li>a>span.link-inner {padding: 0; }
#site-navigation >ul li {margin: 0em 0.8em;}
.navbar-style-four .dropdown-menu>li>a, .navbar-style-three .dropdown-menu>li>a {padding: 4px 0px; margin: 0 5px; height: 60px; line-height: 50px;}
/*#site-navigation .dropdown-menu >.current-menu-item >a:before, #site-navigation .dropdown-menu >.current-menu-parent >a:before {content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background: #af9569;}*/
.navbar-style-four, .navbar-style-three {border-bottom: 0px;}
.current-menu-item a.active {color: #af9569 !important;}
.pagina-titel-row {text-align: center; padding-top: 70px;}
.vc_row.pagina-titel-row:before {content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;  border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 50px solid #1d1d1b; z-index: 0;}

/*** FORMULIER ***/
.gform_wrapper .top_label .gfield_label {display: none !important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea {padding: .6em !important; background: transparent !important; border: 0px solid #1d1d1b; border-bottom: 2px solid #1d1d1b;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .gform_wrapper textarea:focus, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):active, .gform_wrapper textarea:active {border-color: #af9569 !important;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .theme-button {font-family: "Neutra Display Bold"; letter-spacing: .5px; text-transform: uppercase;}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {border: 0px !important; border-bottom: 2px solid red !important;}
.gform_wrapper .validation_message {color: red !important; padding-top: 6px !important;}
.gform_wrapper div.validation_error {border-top-color: red !important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background: transparent !important; border: 0px !important;}

/*.gform_wrapper .gform_footer {width: auto !important; display: inline-block; text-align: center; padding: 0px !important; margin: 0px !important;}
.gform_button {color: #af9569 !important; background: transparent !important; margin-right: 0px !important; padding-bottom: 8px !important; font-size: 1.3em !important;}
.gform_wrapper .gform_footer {position: relative;}
.gform_wrapper .gform_footer:before {content: ''; display: block; position: absolute; width: 60%; height: 3px; background: #af9569; top: 0; left: 50%; transform: translateX(-50%); transition: background-color .3s linear .4s, width .3s linear 0s; -webkit-transition: background-color .3s linear .4s, width .3s linear 0s;}
.gform_wrapper .gform_footer:after {content: ''; display: block; position: absolute; width: 60%; height: 3px; background: #af9569; bottom: 0; left: 50%; transform: translateX(-50%); transition: background-color .3s linear .4s, width .3s linear 0s; -webkit-transition: background-color .3s linear .4s, width .3s linear 0s;}
.gform_footer:hover:before, .gform_footer:hover:after {width: 100%;}*/
.gform_button {padding: 12px 20px 8px 20px !important; font-size: 1.2em !important; transition: .3s !important; -webkit-transition: .3s !important;}
.gform_button:hover {background: #1d1d1b !important;}
.gform_wrapper form {text-align: center !important;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper textarea.medium {width: 100% !important; }

@media (min-width: 641px) {
	.formulier-row .gform_wrapper .gform_body {width: 50% !important; display: block; margin: 0 auto;}
	#sidebar .gform_wrapper .gform_body {width: 100% !important;}
	.gform_wrapper textarea.medium {height: 100px !important;}
}

@media only screen and (max-width: 641px) {
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {line-height: 1.5 !important; margin-bottom: 0px;}
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {margin-bottom: 0px !important;}
}

/*** BLOG ***/
.vcex-blog-entry-details {border: 2px solid #1d1d1b !important; text-align: center;}
.vcex-blog-entry-title {background: #1d1d1b; color: #fff !important; padding: 20px; margin: -20px !important;}
.vcex-blog-entry-excerpt {margin-top: 40px !important;}
.vcex-blog-entry-inner {position: relative;}
.vcex-blog-entry-inner:before {content: ''; display: block; position: absolute; top: -40px; left: -30px; background: #fff; width: 50px; height: 100px; transform: rotate(45deg); z-index: 100;}
.vcex-blog-entry {overflow: hidden;}

#sidebar {background: #efefef; padding: 50px 25px; margin-top: 40px;}
#sidebar .gform_wrapper {margin: 0px 0 !important;}
#sidebar .gform_wrapper .gform_footer {padding: 0px 0 !important;}
.sidebar-box {margin-bottom: 0px; text-align: center;}
#sidebar .widget-title {text-align: center; position: relative; display: inline-block; }

.single-post #primary {padding-top: 40px;}
.single-post .custom-button {font-size: 1em;}

/*** FOOTER ***/
.custom-footer-row {background: #1d1d1b; border-top: 4px solid #af9569 !important; text-align: center;}
.linkedin {display: inline-block; font-size: 2.5em; position: relative;}
.linkedin:before {content: ''; display: block; position: absolute; top: 0; left: -60px; width: 0; height: 0;  border-left: 80px solid transparent; border-right: 80px solid transparent; border-top: 80px solid #af9569; z-index: 0;}
.linkedin a {color: #fff; position: relative; z-index: 10; top: -6px; transition: .3s; -webkit-transition: .3s;}
.linkedin a:hover {color: #1d1d1b;}
.custom-footer-row .phoenix-blok {margin-top: 50px;}
.custom-footer-row .phoenix-blok img {max-width: 280px;}
.custom-footer-row .tekst-blok {border-top: 1px solid #fff; display: inline-block; padding-top: 20px; margin-top: 50px;}
.custom-footer-row .tekst-blok a {color: #af9569;}