/**
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 ************/

/* header */
.fl-theme-builder-header-sticky {
    /*-webkit-box-shadow:  0px 10px 40px 0px rgba(47,47,47,0.1);
    box-shadow:  0px 10px 40px 0px rgba(47,47,47,0.1);*/
	box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

.fl-theme-builder-header-shrink-module-bottom .fl-photo img {max-width: 80%;}

.fl-theme-builder-header-shrink-module-top.fl-module-content {margin-top: 10px;}
.fl-theme-builder-header-shrink-module-bottom.fl-module-content {margin-bottom: 10px;}

/* begin MENU's SAMENVOEGEN kleine schermen */
@media screen and (min-width: 1280px) {
	.verberg-item-kl-s {display:none!important;}
}
@media screen and (max-width: 1280px) {
	.verberg-rij-s {display:none!important;}
}
/* einde MENU's SAMENVOEGEN kleine schermen */

/* HEADER telefoon en email */
.inline-list ul {text-align: left;}
.inline-list li {display: inline-block;margin-right: 20px!important;}
.inline-list .uabb-info-list-content-wrapper.uabb-info-list-left .uabb-info-list-icon {margin-right: 5px;}
.inline-list .uabb-info-list-content-wrapper.uabb-info-list-left .uabb-info-list-content {width: auto;}

/* begin BULLETS voor opsommingen */
.bullet ul {list-style:none;margin-left:30px;padding-left:0}
.bullet li {display:block;position:relative;padding-left:0;margin-left:0}
.bullet li:before {content: "\e952";font-family: 'Ultimate-Icons'!important;position:absolute;top:0;left:-30px;}
.grijs li:before {color:#6f808e;}
.geel li:before {color:#ffd200;}
/* einde BULLETS voor opsommingen */

.ops-nul ul {margin-left:20px;margin-top:-20px}

/* begin PRE HEADER */
.headertop p {margin:0}
/*.headertop .uabb-button-wrap {min-width:265px;}*/
li.zoek-veld-menu {border-radius: 30px;background-color: #fff;padding: 5px 10px;}
li.zoek-veld-menu .is-form-style input.is-search-input {border-width:0!important;background-color:#fff;}
li.zoek-veld-menu .is-search-icon {background-color:#fff;border-width:0!important}
/* hide menu on main menu as of 1280px */
@media screen and (min-width: 1280px) {
	.fl-builder-content-60 li.zoek-veld-menu {display:none}
}
@media screen and (max-width: 1280px) {
	.is-menu.default form {max-width: 100%;}
}
/* einde PRE HEADER */

/* begin HEADERMENU speciale contactknop */
#menu-headermenu .but-cont a {position:relative;z-index:1;background-color:#ffd200;padding:15px 50px 15px 30px!important;border-radius:25px;border:1px solid #f7f8f9!important}
#menu-headermenu .but-cont a:hover {background-color:#6f808e;}
#menu-headermenu .but-cont a .menu-item-text {color:#6f808e!important}
#menu-headermenu .but-cont a:hover .menu-item-text {color:#fff!important}
#menu-headermenu .but-cont a::after {content: "\e952";font-family: 'Ultimate-Icons'!important;display: block;position: absolute;top: 15px;right:20px;z-index: 2;color:#6f808e;font-size: 18px;}
#menu-headermenu .but-cont:hover a::after {color:#fff}
#menu-headermenu li.but-cont {height:auto!important;margin-right:15px}
/* einde HEADERMENU speciale contactknop */

/* taxonomie buttons links uitlijnen */
.tax-links ul {margin-left:0!important;}

/* begin INSPIRATIEBANK blogs */
.inspiratiebank-blogs .uabb-blog-post-content {padding:0!important}
.inspiratiebank-blogs .cat-blok {position: absolute;top: 0;left: 0;margin: 15px 0 0 15px;width: auto;display: inline-block;height: auto;z-index: 5;}
.inspiratiebank-blogs .cat-blok a {color: #fff !important;padding: 5px 12px;border-radius: 40px;}
.inspiratiebank-blogs .taaltips {background-color:rgb(193, 86, 84)}
.inspiratiebank-blogs .schrijfadvies {background-color:rgb(83, 182, 180)}
.inspiratiebank-blogs .taalchecks {background-color:rgb(192, 151, 51)}
.inspiratiebank-blogs .content-blok {padding:20px 20px 0 0;}
.inspiratiebank-blogs .content-blok h3 {margin-bottom:5px!important}
.inspiratiebank-blogs .uabb-text-editor, .inspiratiebank-blogs .uabb-text-editor p {margin-bottom:0!important;}
.inspiratiebank-blogs .uabb-read-more-text a {font-weight:bold;font-size:16px}
.inspiratiebank-blogs .uabb-read-more-text a:hover {color:#ffd200!important}
.inspiratiebank-blogs .uabb-read-more-text {padding-top: 0;padding-bottom: 25px;}
.inspiratiebank-blogs .uabb-read-more-text i {position:relative;top:3px}
.inspiratiebank-blogs h5 {font-size:16px}
/* einde INSPIRATIEBANK blogs */

/* begin RIJ PROJECTEN 3/4 OFF-CANVAS*/
.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: -185px;max-width: 100%;color: #fff;z-index: 3;-webkit-font-smoothing: antialiased;transition-timing-function: ease-out;transition: all 0.8s;padding: 30px 30px 15px;background: #000;opacity:0.8}
.portfolio-grid .post-heading:before {font-family: 'Ultimate-Icons' !important;content: "\e96b";color:red;font-size:60px;display: block;height: 30px;width: 30px;position: absolute;top: 0;right:40px;z-index: 10;}
.portfolio-grid .post-heading h3 {margin-bottom: 20px !important;}
.portfolio-grid .post-heading h4 {margin-top: auto;margin-bottom: 25px !important;color: #fff;font-family: Saira, sans-serif!important;font-weight: 400;!important}
.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}
/* einde RIJ PROJECTEN 3/4 OFF-CANVAS */


/* begin 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:before {font-family: 'Ultimate-Icons' !important;content: "\e96b";color:#fff;font-size:30px;display: block;height: 30px;width: 30px;position: absolute;bottom: 50px;right:70px;z-index: 10;}
.projecten-grid .post-heading .tekst {margin-top: auto;font-size:16px;}
.projecten-grid .post-heading h3 {margin-bottom: 25px !important;color: #fff;font-family: Saira, sans-serif!important;font-weight: 400!important;font-size:20px}
.projecten-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}
.projecten-grid .post-heading h5 {margin-bottom: 20px !important;font-family: Saira, sans-serif!important;color:#d0131b!important;font-weight: 300!important;}
.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%}
/* einde PROJECTEN OPSOMMING */


/* begin VACATURE OPSOMMING */ 
.vacature-grid .uabb-post-thumbnail {position: relative;height: 100%;margin-bottom: 0 !important;}
.vacature-grid a.color-overlay {position: relative;display: block;}
.vacature-grid a .uabb-post-thumbnail img {overflow: hidden;transition: all 0.5s ease-in-out;filter: grayscale(0);filter: none;opacity: 1;}
.vacature-grid a:hover .uabb-post-thumbnail img {transform: scale(1.07);transition: all 0.5s ease-in-out;filter: grayscale(100%);filter: black;}
.vacature-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;}
.vacature-grid .plus-button .uabb-icon i, 
.vacature-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;}
.vacature-grid .uabb-blog-post-content:not(:focus):hover .plus-button {top: 50%;margin-top: -50px;}
.vacature-grid .post-heading {display: flex;flex-direction: column;justify-content: flex-start;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: #ffd200;}
/*.vacature-grid .post-heading::after {font-family: 'Ultimate-Icons' !important;content: "\e96b";color:#6f808e;font-size:30px;display: block;height: 30px;width: 30px;position: absolute;bottom: 30px;left:51px;z-index: 10;}
.vacature-grid .post-heading::before {font-family: 'Ultimate-Icons' !important;content: "\e96b";color:#6f808e;font-size:50px;display: block;height: 30px;width: 30px;position: absolute;top: 20px;right:60px;z-index: 10;}*/
.vacature-grid.geen-plus .post-heading::before {content:''!important;}
.vacature-grid .post-heading h3 {margin-bottom: 20px !important;}
.vacature-grid .post-heading h4 {margin-top: auto;margin-bottom: 200px !important;color: #6f808e;font-family: Viga, sans-serif!important;font-weight: 400!important}
.vacature-grid .post-heading h5 {margin-bottom: 20px !important;font-family: Viga, sans-serif!important;color:#6f808e!important;font-weight: 300!important;}
.vacature-grid .post-heading h6 { margin-top:-80px;}
.vacature-grid .post-heading h6 { position:relative;top:-110px;left:0;display: inline; list-style: none;font-family: Viga, sans-serif!important;font-size:18px;color:#6f808e;height: 0; overflow: visible; }
.vacature-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}
.vacature-grid h6  { position:relative;top:-70px;left:50px;font-family: Viga, sans-serif!important;font-size:18px;color:#fff;height: 0;overflow: visible; }
.vacature-grid .post-heading .project_categorie{text-transform: uppercase;font-size: 15px;}
.vacature-grid .post-heading .dashicons-before:before {position:relative;top:5px;font-size: 17px;}
.vacature-grid .uabb-blog-post-content:not(:focus):hover .post-heading {bottom: 0px;height:100%}
.vacature-button {position:relative;z-index:5}
.vacature-grid ul.uabb-masonary-filters {margin-left:-10px!important;}
/* einde VACATURE OPSOMMING */ 


/* begin NIEUWS opsomming */
.nieuws-grid .uabb-post-thumbnail {position: relative;height: 100%;margin-bottom: 0 !important;}
.nieuws-grid a {background-color:#349880}
.nieuws-grid a.color-overlay {position: relative;display: block;}
.nieuws-grid a .uabb-post-thumbnail img {overflow: hidden;transition: all 0.5s ease-in-out;opacity: 1;width:100%}
.nieuws-grid a:hover .uabb-post-thumbnail img {transform: scale(1.07);transition: all 0.5s ease-in-out;opacity:0.3}
.nieuws-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;}
.nieuws-grid .plus-button .uabb-icon i, 
.nieuws-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;}
.nieuws-grid .uabb-blog-post-content:not(:focus):hover .plus-button {top: 50%;margin-top: -50px;}
.nieuws-grid .post-heading {display: flex;flex-direction: column;justify-content: flex-start;align-items:end;position: absolute;left: 0px;right: 0px;bottom: -185px;max-width: 100%;color: #fff;z-index: 3;-webkit-font-smoothing: antialiased;transition-timing-function: ease-out;transition: all 0.8s;padding: 30px 30px 15px;background: #349880;opacity:0.9}
.nieuws-grid .post-heading:before {font-family: 'Ultimate-Icons' !important;content: "\e97e";color:#fff;font-size:20px;display: block;height: 30px;width: 30px;position: absolute;bottom: 76px;left:20px;z-index: 10;}
.nieuws-grid .post-heading h3 {margin-bottom: 20px !important;}
.nieuws-grid .post-heading h4 {margin-top: auto;margin-bottom: 0px!important;margin-left:20px;color: #fff;font-weight: 400!important;font-size:20px}
.nieuws-grid .post-heading h5 {margin-bottom: 20px!important;margin-left:20px;font-size:24px; color:#fff!important;font-weight: 300!important;}
.nieuws-grid .post-heading .project_categorie{text-transform: uppercase;font-size: 15px;}
.nieuws-grid .post-heading .dashicons-before:before {position:relative;top:5px;font-size: 17px;}
.nieuws-grid .uabb-blog-post-content:not(:focus):hover .post-heading {bottom: 0px;height:100%}
.nieuws-button {position:relative;z-index:5}
.nieuws-grid ul {margin-left:-10px;}
/* einde NIEUWS opsomming */

/* BLOG BERICHT */

.blog-inhoud blockquote,
.blog-inhoud blockquote p,
.blog-inhoud .case,
.blog-inhoud .example {
     margin: 0;
     position: relative;
}

body.single-references .blog-inhoud blockquote {
    font-size: 1.5em;
    line-height: initial;
    margin: 0 1.0em 1.34em 1.0em;
}
     body.single-references .blog-inhoud blockquote i.fas {
          font-size: 1.5em;
          margin: 0 0.5em 0 0;
          color: #bbb;
     }

.blog-inhoud .example,
.blog-inhoud .case,
.blog-inhoud .example p,
.blog-inhoud .case p  {
     background: #f2f2f2;
     /*padding: 8px;*/
	margin-bottom: 15px;
	
}

.blog-inhoud p.last {
	margin-bottom: 0;
}

.blog-inhoud .example,
.blog-inhoud .case {
     margin-bottom: 1.4em;
     border-style: solid;
     border-color: #f9d436;
     border-width: 0px 0px 0px 50px;
	 padding: 20px;
}

     .taaltips .blog-inhoud .example,
     .taaltips .blog-inhoud .case,
     .schrijfadvies .blog-inhoud .example,
     .schrijfadvies .blog-inhoud .case {
          border-color: #c55757;
     }

     .schrijfadvies .blog-inhoud .example,
     .schrijfadvies .blog-inhoud .case {
          border-color: #36b9b4;
     }

     .tekstchecks .blog-inhoud .example,
     .tekstchecks .blog-inhoud .case,
     .taal-in-beeld .blog-inhoud .example,
     .taal-in-beeld .blog-inhoud .case {
          border-color: #c7962c;
     }

     .taalblogs .blog-inhoud .example,
     .taalblogs .blog-inhoud .case,
     .taalparels .blog-inhoud .example,
     .taalparels .blog-inhoud .case
      {
          border-color: #82b941;
     }


.blog-inhoud blockquote em,
.blog-inhoud blockquote i,
.blog-inhoud blockquote cite {
     font-style: normal;
}
.blog-inhoud blockquote cite {
     color: #666;
     font-weight: 300;
     letter-spacing: 0.05em;
     text-transform: uppercase;
}

.blog-inhoud blockquote.explanation,
.blog-inhoud blockquote.explanation p
{
     background: #cfe3ea;
}

.example-column {
     display: block;
     background: #f2f2f2;
     padding: 10px 0px 10px 10px;
     font-size: 14px;
     font-weight: 100;
     line-height: 1.3em;
     margin-bottom: 1.4em;
     margin-right: 20px;
     text-align: center;
}

.blog-inhoud .example-column.column {
	padding: 0px;
}
.blog-inhoud .example-column p {
     padding: 20px 20px 20px 20px;
     margin-bottom: 0px;
     font-size: 16px;
}

.blog-inhoud .icon,
.blog-inhoud .case .icon {
     display: block;
     height: 100%;
     width: 50px;
     position: absolute;
     top: 0px;
     left: -50px;
     color: #fff;
     text-align: center;
}
/* example */
.blog-inhoud .example:before,
.blog-inhoud .case:before {
	position: absolute;
	top: 50%;
	left: -25px;
    content: "\f054";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.3em;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/* example */
.blog-inhoud .explanation:before {
     content: "\f054"; /*url(images/icon-arrow-right-white.png) 50% no-repeat;*/
}
/* quote */
.blog-inhoud .case.quote:before {
	content: "\f27a";
	font-weight: 300;
}
/* (suit)case */
.blog-inhoud .case.suitcase:before {
    content: "\f0f2";
}
/* book */
.blog-inhoud .case.book:before {
    content: "\f518";
}
/* lamp */
.blog-inhoud .case.lamp:before {
    content: "\f0eb";
}
/* actie / potlooad */
.blog-inhoud .case.pencil:before {
    content: "\f040";
}
/* correct */
.blog-inhoud .case.correct:before {
    content: "\f058";
	font-weight: 300;
}
/* wrong */
.blog-inhoud .wrong.case:before {
    content: "\f057";
}
.ast-page-builder-template .comments-area {
	border-top: 0;
	padding-left: 0px;
    padding-right: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

.comment-reply-title {padding-top: 0;}

.single .content-area .fl-post-info-terms a {
	display: inline-block;
	font-size: 13px;
	line-height: 1.5rem;
	border-bottom: none;
	text-transform: uppercase; 
}


.single .content-area .tags .fl-post-info-terms a {
	padding: 5px 8px;
	border-bottom: none;
	margin-bottom: 4px;
	margin-right: 2px;
	border-radius: 2px;
	background: none repeat scroll 0 0 #f5f5f5;
	color: #444;
	border: 1px #ddd solid;
}

.single .content-area .tags .fl-post-info-terms a:hover {background: #f9d436;color: #fff;border-color: #f9d436;}

.single .content-area .cats .fl-post-info-terms  {color: #7b8ca6;}
.single .content-area .cats .fl-post-info-terms a {	padding: 5px 12px;color: #fff;color: #444;border: 1px #ddd solid;font-weight: 400;font-size: 14px;background: none repeat scroll 0 0 #f5f5f5;}

.taaltips.single .content-area .cats .fl-post-info-terms a {background-color:rgb(193, 86, 84);border: 0;color: #fff;}
.schrijfadvies.single .content-area .cats .fl-post-info-terms a {background-color:rgb(83, 182, 180);border: 0;}
.taalchecks.single .content-area .cats .fl-post-info-terms a {background-color:rgb(192, 151, 51);border: 0;}


/* BUTTONS UITLIJNEN OP BOTTOM IN EQUAL-HEIGHT KOLOM */
.equal-height-buttons {
	display: flex;
	justify-content: left;
	align-items: flex-end;
	flex: 1 1 0;
}