/*
Theme Name: Verisol
Theme URI: https://oceanwp.org/
Description: Child theme developed for Verisol
Author: Mentall
Author URI: https://www.mentall.be/
Template: oceanwp
Version: 1.0
*/

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

/*-- General --*/

#main #content-wrap {
    padding-left: 10px;
    padding-right: 10px;
}

#fp-nav.fp-right {
    left: 17px !important;
}

#fp-nav ul li a.active span {
	border-radius: 0 !important;
}

#fp-nav ul li a span {
	color: #294685 !important;
}

.background-image-page-header .site-breadcrumbs a, .site-breadcrumbs ol li .breadcrumb-sep {
    color: #294685;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

/*-- Top bar --*/

#top-bar {
    padding: 8px 10px;
}

div#top-bar-content {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
}

span.topbar-content {
    position: absolute;
    left: 0;
}

span.topbar-divider {
	display: inline-block;
	width: 20px;
}

.top-bar-left.has-content #top-bar-nav {
	margin-right: 0;
}

/*-- header --*/

.shm-sticky {
	position: fixed !important;
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
	background: #ffffff !important;
}

#site-header.transparent-header {
    position: fixed;
    top: 50px;
}

.logged-in #site-header.transparent-header {
	top: 80px;
}

div#top-bar-wrap {
    position: fixed;
    left: 0;
    right: 0;
}

ul#menu-top-menu .current-menu-item a {
    color: #47AF5F;
}

#site-header-inner {
    padding: 0 10px;
}

.home #transparent-header-wrap {
    height: 0;
}

ul#menu-main-menu li a span:hover {
	color: #294685;
	cursor: pointer;
}

#site-navigation li.current-menu-item > a > span {
    background: #47AF5E;
	padding: 8px 10px;
    border-radius: 20px;
	color: #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	cursor: pointer;
}

.sub-menu li.current-menu-item > a > span {
    background: #f8f8f8 !important;
	padding: 0 !important;
    border-radius: 20px;
	color: #294685 !important;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	cursor: pointer;
}

.dropdown-toggle {
    background: none !important;
}


/*-- Home Page --*/

.shm-top-cover-wrap::before {
    content: url(http://verisol.mentall.be/wp-content/uploads/2020/04/arrow.svg);
	left: 10px;
    position: absolute;
    bottom: -90px;
}

.cover-btn-sec {
    opacity: 0.6;
	cursor: pointer;
}

.cover-btn-active {
    opacity: 1;
}

.v-box-wrapper {
    display: flex;
	align-items: baseline;
    border: 1px solid #dddfe7;
    padding: 70px 40px;
    border-radius: 5px;
}

.v-text-block {
    width: 60%;
}

.v-text-block h2 {
	color: #294685;
}

.v-cta-wrap {
    width: 40%;
	text-align: center;
}

.v-cta-wrap h2 {
    font-size: 40px;
    color: #294685;
	margin: 0;
}

.v-cta-wrap p {
	font-size: 20px;
}

.v-cta-wrap a {
    background: #47AF5E;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16) !important;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16) !important;
}

.v-cta-wrap a:hover {
	color: #fff !important;
}

.home span.elementor-post-date {
    margin-top: 19px;
    display: block;
}

.home .elementor-post__text {
    display: flex;
    flex-direction: column;
	justify-content: space-between !important;
    height: 200px;
	padding: 0 15px !important;
}


.home a.elementor-post__read-more {
    align-self: flex-end;
}

.elementor-5 .elementor-element.elementor-element-be3f516 .elementor-post__read-more {
    color: #2a4684 !important;
}

/*--- Single Post ---*/

.page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
	font-weight: 600;
}

.single-post.content-max-width #related-posts {
	max-width: 700px;
}

#related-posts .col {
	text-align: left;
}

.background-image-page-header .site-breadcrumbs {
	margin-top: 0;
}

.single #site-navigation-wrap .dropdown-menu >li >a {
	color: #294685;
}

.related-post-title {
    font-size: 16px;
    font-weight: 400;
    margin: 12px 0;
    text-align: left;
    color: #294685;
}

#related-posts {
	border-top: none;
}

.single .entry-share {
    padding: 0 !important;
    max-width: 660px !important;
	margin-top: 0 !important;
	
}
ul.oss-social-share li a {
	border-color: #fff !important;
}

.entry-share ul li a {
	width: 16px !important;
}

h3.theme-heading.social-share-title, .related-posts-title {
    color: #2a4684;
    text-transform: unset;
    letter-spacing: 0;
    font-weight: 600;
}
.related-posts-title .text::before {
	display: none !important;
}


/*--- Footer ---*/
.footer-custom-menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer-custom-menu a {
	color: #ffffff;
}

.footer-custom-menu a:hover {
	color: #47AF5E;
}

#scroll-top {
	right: 15px;
	bottom: 90px;
}

/*--- form ---*/

.shm_col.span_1_of_1 {
    width: 100%;
}

.wpcf7 form>div {
    margin-bottom: 0 !important;
}

.form-txt {
    padding: 17px 0;
}

.elementor-5 .elementor-element.elementor-element-4b33aa6 .eael-contact-form-7 .wpcf7-form input[type="submit"] {
	float: right;
}

.diensten-span{line-height: 40px; display: block;}

/*---  Media Query ---*/

@media only screen and (max-width:768px) {
	.shm-top-cover-wrap::before {
		display: none;
	}
	
	#top-bar {
		height: 32px;
		padding: 8px 0;
	}
	
	header#site-header {
        background: #fff !important;
    }
	
	#site-header-inner {
		padding: 0;
	}
	
	.v-box-wrapper {
		display: block;
	}
	
	.v-text-block {
    	width: 100%;
	}
	
	.v-cta-wrap {
    	width: 100%;
	}
	
	/* single post */
	.has-transparent-header .page-header {
		padding: 180px 30px 80px;
	}
	
	.single .entry-share {
		padding-top: 10px !important; 
	}
	
	.single .entry-share h3 {
		margin-bottom: 0 !important;
	}
}

/* Contact form columns */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.shm_col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.shm_col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.shm_col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.shm_col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*--- text Animation ---*/
span.typed-cursor {
    display: none;
}

/*--- Referer URL CF7 hiden ---*/
#referer-page { 
	display:none; 
}