/*
Theme Name: Viritec 
Description: Website for Viritec by Mull2media
Author: Mull2media
Author URI: https://www.mull2media.nl/
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
.awb-menu__sub-ul.awb-menu__sub-ul_main {border-style: solid; border-width: 1px; border-color: #8bc63e;}
.awb-menu__main-li_regular.current-menu-ancestor .awb-menu__main-background-active_center-vertical, .awb-menu__main-li_regular.current-menu-item .awb-menu__main-background-active_center-vertical, .awb-menu__main-li_regular.current-menu-parent .awb-menu__main-background-active_center-vertical, .awb-menu__main-li_regular.expanded .awb-menu__main-background-active_center-vertical, .awb-menu__main-li_regular.hover .awb-menu__main-background-active_center-vertical, .awb-menu__main-li_regular:active .awb-menu__main-background-active_center-vertical, .awb-menu__main-li_regular:focus .awb-menu__main-background-active_center-vertical, .awb-menu__main-li_regular:focus-within .awb-menu__main-background-active_center-vertical, .awb-menu__main-li_regular:hover .awb-menu__main-background-active_center-vertical {border-color:#8bc63e;}
body header a.fusion-button.fusion-button-default:hover, body header a.fusion-button.fusion-button-default:focus {border-color:#fff!important;background-color:#fff!important;}
.page-title-container:before {content:'';width:25%;height:100%;position:absolute;left:0;top:0;background-color:#0c3635;pointer-events:none;}
.intro-container:before {content:'';width:60%;height:100%;position:absolute;left:0;top:0;background-color:#0c3635;opacity:.85;pointer-events:none;}
.before-line:before {content:'';width:25px;height:50%;position:absolute;left:0;bottom:0;background-image:url('/img/line.svg');background-size:cover;pointer-events:none;}
.intro-container h1 u {text-decoration:none!important;font-style: italic;}
.green-before:before  {content:'';width:50%;height:100%;position:absolute;left:0;bottom:0;background-color:#8bc63e;opacity:.85;pointer-events:none;}
footer:after {content:'';width:300px;height:300px;position:absolute;right:0;bottom:0;background-color:#8bc63e;opacity:.85;pointer-events:none;}
footer p a:hover {color:#fff;}
footer a.fusion-button {background:transparent!important;}
footer a.fusion-button i {width:17px;text-align:center;}
.off-canvas-content .fusion-text p a:hover {color:#8bc63e!important;}

.intro-block {display:block;position:relative;}
.intro-block:before {content:'';position:absolute;left:0;top:0;height:100%;width:65%;z-index:10;background-color:rgba(12,54,53,0.65);pointer-events:none;}

.diensten-container .fusion-imageframe {display:block;position:relative;height:250px;overflow:hidden;margin-bottom:25px;}
.diensten-container .fusion-imageframe img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:none!important;max-height:300px;width:auto;}
.fusion-tb-footer ul.awb-menu__sub-ul {border:0!important;}
@media screen and (max-width: 1256px) {
	.green-before:before {left:auto;right:0;width:40%;}
	h1 {font-size:40px!important}
	h2 {font-size:35px!important}
	h3 {font-size:30px!important}

}
@media screen and (max-width: 1300px) {
	.before-line:before {display:none;}
	.page-title-container:before {width:40%;}
}
@media screen and (max-width: 1024px) {
	.intro-container h1 {font-size:45px!important;}
	.news-container ul.fusion-grid-posts-cards {margin-bottom:50px;}
	.news-container ul.fusion-grid-posts-cards li h4.fusion-title-heading {font-size:20px!important;}
}
@media screen and (max-width: 800px) {
	.page-title-container:before {width:55%;}
	footer:after {width:75px;height:75px;}
	.intro-container h1, h2 {font-size:30px!important;}
	.intro-block:before {width:63%;}
}
@media screen and (max-width: 700px) {
	.news-container ul.fusion-grid-posts-cards {margin-bottom:0}
	.intro-container:before {width:100%;}
	.intro-block:before {width:100%;}
	.intro-block h1 {font-size:32px!important;}
	.green-before:before {display:none;}
	h4 {font-size:20px!important;}
	.title-header h1 {font-size:30px!important;}
	.awb-circles-info .awb-circles-info-wrapper .awb-circles-info-content-wrapper .awb-circles-info-title {font-size:16px!important;font-weight:bold;}
	.awb-circles-info .awb-circles-info-wrapper .awb-circles-info-content-wrapper .awb-circles-info-text {font-size:10px!important}
}
@media screen and (max-width: 550px) {
	.title-header h1 {font-size:20px!important;}

}