/**
Theme Name: Boostrz Child Theme
Author: Boostrz
Author URI: https://www.boostrz.nl
Description: Childtheme developed by Boostrz
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boostrz-child-theme
Template: astra
*/


/********** standaard stijl instellingen in => standaard.css ************/


/* BEGIN STANDAARD VOOR DEZE SITE */

/* Retina logo */

.retina-logo img {max-width: 250px;}

/* Breadcrumbs */
.breadcrumbs {font-size:16px!important}

/* button met pijltje rechts - grootte */
.but-pijl-grootte .uabb-creative-button-wrap .uabb-creative-button i {font-size:6px;}

/* BUTTON LINE + ARROW AFTER */
@media screen and (min-width: 992px) {
	.but-streep-pijl .uabb-button-wrap {position:relative;display: inline-block;}
	.but-streep-pijl .uabb-button-wrap:before {background-color: #fff;content: "";display: inline-block;height: 0.5px;position: absolute;top:24px;width: 1000px;}
}
.but-streep-pijl.voor .uabb-button-wrap:before {left:-1040px}
.but-streep-pijl.na .uabb-button-wrap:before{right:-1040px}
.but-streep-pijl.oranje .uabb-button-wrap:before { background-color: #cf5f17!important; }

.but-streep-pijl .uabb-button-wrap a {position:relative}
.but-streep-pijl .uabb-button-wrap a:after {position:absolute;content:"\e900";font-family: 'icomoon' !important;right:25px;font-size:6px} 

/* FORM BUTTON pijltje */
.form-but-pijl .gform_footer {position:relative;display:inline-block!important;z-index:1;width:auto!important}
.form-but-pijl .gform_footer::after {position:absolute;content:"\e900";font-family: 'icomoon' !important;right:40px;top:26px;font-size:6px;color:#fff;width:20px;height:5px;display:block;} 
.form-but-pijl .gform_footer:hover::after {color:#fff}
.form-but-pijl.solliciteren .gform_body {padding-bottom:20px}
.form-but-pijl.solliciteren .gform_footer {padding-top:10px!important}


.schuine-divider .fl-col-content {position:relative}
@media screen and (min-width: 768px) { .schuine-divider .fl-col-content:after {content: "";background-color: #fff;  position: absolute;width: 1px;height: 50px;top: 30px;right: 16%;display: block;transform: skew(-45deg);} }
@media screen and (min-width: 992px) { .schuine-divider .fl-col-content:after {right: 27%;} }
/* EINDE STANDAARD VOOR DEZE SITE */



/* BEGIN HEADERMENU lijntje onder menu items */
@media screen and (min-width: 768px) {
	header .uabb-creative-menu ul li {position:relative;}
	header .uabb-creative-menu ul li:hover:before, header .uabb-creative-menu li.current-menu-item:before {content: '';width: 1px;height: 50px;background: #cf5f17;position: absolute;top: 100%;left: 50%;margin-left: -1px;}
}
/* EIND HEADERMENU lijntje onder menu items */



/* BEGIN HEADERMENU speciale contactknop */
@media screen and (min-width: 768px) {
	header .but-cont a {position:relative;z-index:1;background-color:#fff;padding:15px 70px 15px 30px!important;border-radius:25px;border:1px solid #cf5f17!important}
	header .but-cont a:hover {background-color:#cf5f17;}
	header .but-cont a .menu-item-text {color:#cf5f17!important}
	header .but-cont a:hover .menu-item-text {color:#fff!important}
	header .but-cont a::after {content:"\e900";font-family: 'icomoon' !important;display: block;position: absolute;top: 20px;right:25px;z-index: 2;color:#cf5f17;font-size: 6px;}
	header .but-cont:hover a::after {color:#fff}
}
/* EIND HEADERMENU speciale contactknop */

/* BRANCHES OPSOMMIN */
.home-project-slider .fl-col-content {margin-right:-150px;}
@media screen and (min-width: 1200px) { .home-project-slider .fl-col-content {margin-right:-350px;} }

.home-project-slider .uabb-blog-posts .slick-next, .home-project-slider .uabb-blog-posts .slick-prev {top:auto!important;bottom: -60px!important;}
.home-project-slider .uabb-blog-posts .slick-next {left:calc(52vw + 35px)!important;}
.home-project-slider .uabb-blog-posts .slick-prev {left:52vw!important}

.portfolio-grid .uabb-post-thumbnail {position: relative;height: 100%;margin-bottom: 0 !important;}
.portfolio-grid a.color-overlay {position: relative;display: block;}
.portfolio-grid a .uabb-post-thumbnail img {overflow: hidden;transition: all 0.5s ease-in-out;filter: grayscale(0);filter: none;opacity: 1;}
.portfolio-grid a:hover .uabb-post-thumbnail img {transform: scale(1.07);transition: all 0.5s ease-in-out;filter: grayscale(100%);filter: black;}

/*.portfolio-grid .plus-button {position: absolute;top: -200px;width: 100%;z-index: 3;vertical-align: middle;text-align: center;z-index: 3;-webkit-font-smoothing: antialiased;transition-timing-function: ease-out;transition: all 0.8s;}
.portfolio-grid .plus-button .uabb-icon i, 
.portfolio-grid .plus-button .uabb-icon i::before {color: #ffff;font-size: 80px;height: auto;width: auto;line-height: 80px;height: 80px;width: 80px;text-align: center;margin: 0 auto;}

.portfolio-grid .uabb-blog-post-content:not(:focus):hover .plus-button {top: 50%;margin-top: -50px;}*/
.portfolio-grid .post-heading {display: flex;flex-direction: column;justify-content: flex-start;align-items:end;position: absolute;left: 0px;right: 0px;bottom: -100%;max-width: 100%;color: #fff;z-index: 3;-webkit-font-smoothing: antialiased;transition-timing-function: ease-out;transition: all 0.8s;padding: 30px 50px 15px 50px;background: #cf5f17;}

.portfolio-grid .post-heading:before {font-family: 'icomoon' !important;content: "\e900";color:#fff;font-size:12px;display: block;height: 30px;width: 30px;position: absolute;bottom: 37px;right:70px;z-index: 10;}

.portfolio-grid .post-heading .tekst {margin-top: auto;font-size:16px;}

.portfolio-grid .post-heading h3 {margin-bottom: 25px !important;color: #fff;font-family: Saira, sans-serif!important;font-weight: 400!important;font-size:20px}
/*.portfolio-grid h3.h4kop {position:relative;height:0;overflow:visible;bottom:77px;left:50px;color: #fff;font-family: Saira, sans-serif!important;font-weight: 400!important;font-size:20px}*/

.portfolio-grid .post-heading h5 {margin-bottom: 20px !important;font-family: Saira, sans-serif!important;color:#d0131b!important;font-weight: 300!important;}
.portfolio-grid .post-heading .project_categorie{text-transform: uppercase;font-size: 15px;}
.portfolio-grid .post-heading .dashicons-before:before {position:relative;top:5px;font-size: 17px;}
/*.portfolio-grid .uabb-blog-post-content:not(:focus):hover .post-heading {bottom: 0px;height:100%}*/
.projecten-button {position:relative;z-index:5}

/* EIND RIJ PROJECTEN 3/4 OFF-CANVAS */


/* PROJECTEN OPSOMMING */ 
.projecten-grid .uabb-post-thumbnail {position: relative;height: 100%;margin-bottom: 0 !important;}
.projecten-grid a.color-overlay {position: relative;display: block;}
.projecten-grid a .uabb-post-thumbnail img {overflow: hidden;transition: all 0.5s ease-in-out;filter: grayscale(0);filter: none;opacity: 1;}
.projecten-grid a:hover .uabb-post-thumbnail img {transform: scale(1.07);transition: all 0.5s ease-in-out;filter: grayscale(100%);filter: black;}
.projecten-grid .plus-button {position: absolute;top: -200px;width: 100%;z-index: 3;vertical-align: middle;text-align: center;z-index: 3;-webkit-font-smoothing: antialiased;transition-timing-function: ease-out;transition: all 0.8s;}
.projecten-grid .plus-button .uabb-icon i, 
.projecten-grid .plus-button .uabb-icon i::before {color: #ffff;font-size: 80px;height: auto;width: auto;line-height: 80px;height: 80px;width: 80px;text-align: center;margin: 0 auto;}
.projecten-grid .uabb-blog-post-content:not(:focus):hover .plus-button {top: 50%;margin-top: -50px;}
.projecten-grid .post-heading {display: flex;flex-direction: column;justify-content: flex-start;align-items:end;position: absolute;left: 0px;right: 0px;bottom: -100%;max-width: 100%;color: #fff;z-index: 3;-webkit-font-smoothing: antialiased;transition-timing-function: ease-out;transition: all 0.8s;padding: 30px 50px 15px 50px;background: #cf5f17;}

.projecten-grid .post-heading::after {font-family: 'icomoon' !important;content: "\e900";color:#fff;font-size:12px;display: block;height: 30px;width: 30px;position: absolute;bottom: 30px;left:51px;z-index: 10;}
.projecten-grid .post-heading::before {font-family: 'Ultimate-Icons' !important;content: "\e96b";color:#fff;font-size:50px;display: block;height: 30px;width: 30px;position: absolute;top: 20px;right:60px;z-index: 10;}
.projecten-grid.geen-plus .post-heading::before {content:''!important;}

.projecten-grid .post-heading h3 {margin-bottom: 20px !important;}
.projecten-grid .post-heading h4 {margin-top: auto;margin-bottom: 180px !important;color: #fff;font-family: Viga, sans-serif!important;font-weight: 400!important}
.projecten-grid .post-heading h5 {margin-bottom: 20px !important;font-family: Viga, sans-serif!important;color:#d0131b!important;font-weight: 300!important;}
.projecten-grid .post-heading h6 { margin-top:-80px;}
.projecten-grid .post-heading h6 { position:relative;top:-90px;left:0;display: inline; list-style: none;font-family: Viga, sans-serif!important;font-size:18px;color:#fff;height: 0; overflow: visible; }

.projecten-grid h4.h4kop {position:relative;height:0;overflow:visible;bottom:120px;left:50px;color: #fff;font-family: Viga, sans-serif!important;font-weight: 400!important}
.projecten-grid h6  { position:relative;top:-70px;left:50px;font-family: Viga, sans-serif!important;font-size:18px;color:#fff;height: 0;overflow: visible; }

.projecten-grid .post-heading .project_categorie{text-transform: uppercase;font-size: 15px;}
.projecten-grid .post-heading .dashicons-before:before {position:relative;top:5px;font-size: 17px;}
.projecten-grid .uabb-blog-post-content:not(:focus):hover .post-heading {bottom: 0px;height:100%}
.projecten-button {position:relative;z-index:5}

.projecten-grid ul.uabb-masonary-filters {margin-left:-10px!important;}



/* DOWNLOADS speciale thema php file */

.dlm-downloads {list-style: none;padding-left: 0;margin-left: 0;}
.dlm-downloads li {	position:relative;border-bottom: 1px solid #253d7a;text-transform: normal;padding: 10px 5px;}
.dlm-downloads li:hover {background: #f7f7f7;font-weight: bold;}

.content-area .dlm-downloads li:before { position:absolute;content:"\e900";font-family: 'icomoon' !important;left:5px;top:30px;font-size:6px;color:#cf5f17;width:20px;height:5px;display:block; }
.dlm-downloads li a {color: #253d7a;font-size:16px!important;padding-left:40px;font-family: 'Viga',sans-serif!important;}
.download-btn {display: inline-block;float: right;color: #cf5f17;font-size:16px!important;font-family: 'Viga',sans-serif!important;padding-top:10px;}