/* grid uitgezet */

.hs-main-header::after,
.slide-banner-overlay {
  display: none;
}

/* hoogte header aangepast */

#hs-home-slider-section {
  min-height: 90px; 
}


/* kleur header lijn */
#hs-masthead {
  border-top: 2px solid #000000;
}

/* breadcrumbs weg */
.hs-breadcrumbs {
  display: none;
}

/* kleur letters menu */
.page-template-home-template .hs-main-navigation .current_page_item > a, .page-template-home-template .hs-main-navigation .current-menu-item > a, .page-template-home-template .hs-main-navigation .current_page_ancestor > a, .home.blog .hs-main-navigation .current_page_item > a, .home.blog .hs-main-navigation .current-menu-item > a, .home.blog .hs-main-navigation .current_page_ancestor > a {
	color: #000000;
}
/* kleur letters menu */
.hs-main-navigation a {
	color: #000000;
}
/* kleur letters menu */
.hs-main-navigation .current_page_item > a, .hs-main-navigation .current-menu-item > a, .hs-main-navigation .current_page_ancestor > a, .page-template-home-template .hs-main-navigation .current > a, .page-template-home-template .hs-white.fadeInDown .hs-main-navigation .current > a, .home.blog .hs-main-navigation .current > a, .home.blog .hs-white.fadeInDown .hs-main-navigation .current > a {
	color: #000000;
}

/* kleur titel pagina's */
.hs-main-title {
	color: #000000;
}

/* site info weg */
.hs-site-info {
	float: right;
  display: none;
}

/* streepje onder menu tekst */
.hs-menu > ul > li > a::after {
	border-bottom: 2px solid #848484;
}

/* hover menu tekst */
.hs-main-navigation li:hover > a, .page-template-home-template .hs-main-navigation .current_page_item:hover > a, .page-template-home-template .hs-main-navigation .current-menu-item:hover > a, .page-template-home-template .hs-main-navigation .current_page_ancestor:hover > a, .page-template-home-template .hs-white.fadeInDown .hs-main-navigation li:hover > a, .home.blog .hs-main-navigation .current_page_item:hover > a, .home.blog .hs-main-navigation .current-menu-item:hover > a, .home.blog .hs-main-navigation .current_page_ancestor:hover > a, .home.blog .hs-white.fadeInDown .hs-main-navigation li:hover > a {
	color: #848484;
}

/* streepjes klein menu */
.hs-toggle-menu span {
	background: #000000;
	box-shadow: 0 10px 0px 0px #000000, 0 -10px 0px 0px #000000;
}

/* animatie kleur */
.hs-featured-icon {
	height: 40px;
	width: 80px;
	margin: 55px 0;
	position: relative;
	display: inline-block;
	color: #FFF;
	background: #848484;
	font-size: 32px;
	line-height: 40px;
}

/* animatie kleur onderkant*/
.hs-featured-icon::after {
	content: "";
	border-top: 25px solid #848484;
}

/* animatie kleur bovenkant*/
.hs-featured-icon::before {
	content: "";
	border-bottom: 25px solid #848484;
}

/* portfolio kleur pijltje */
.hs-portfolio-cat-name::after, .hs-portfolio-cat-name.active::after {
	border-color: #848484 transparent transparent transparent;
}

/* portfolio kleur ovaal */
.hs-portfolio-cat-name:hover, .hs-portfolio-cat-name.active {
	background: #848484;
	color: #fff;
	border: 1px solid #848484;
}

/* kleur pijltje omhoog site */
#hs-back-top {
	background: #b4b4b4;
	font-family: Arial;
	position: fixed;
	right: 20px;
	bottom: 20px;
	height: 36px;
	width: 36px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
	font-size: 20px;
}

/* kleur contact achtergr */
#hs-contact-section .hs-contact-overlay {
	background: #848484;
}

/* kleur privacy achtergr */
#hs-top-footer {
	background: #000;
	color: #FFF;
	padding: 30px 0 15px;
}
/* hover tekst diensten */
.hs-featured-post h3 a:hover {
	color: #848484;
}

/* portfolio link kleur */
.hs-portfolio-caption a {
	background: #848484;
}
/* kleur stuur knop form */
button, input[type="button"], input[type="reset"], input[type="submit"] {
	background: #000000;
	padding: 0 20px;
	color: #FFF;
	border: 0;
	line-height: 46px;
	height: 46px;
}
/* kleur * en error contactform */
.wpforms-required-label {
    color: #000000 !important;
}
.wpforms-container label.wpforms-error {
	color: #000000 !important;
}
.wpforms-container .wpforms-field input.wpforms-error, .wpforms-container .wpforms-field textarea.wpforms-error, .wpforms-container .wpforms-field select.wpforms-error {
	border: 1px solid #000000 !important;
}

/* icoon test */
.fa-check:before {
    content: "\f5bd";
}

.fa-paint-brush::before {
    content: "\f55b";
}

.fa-user::before {
    content: "\f249";
}


.fa.fa-play-circle-o::before {
content: "\f044";
}

/*title transparant
.hs-slide-cap-title {
    text-align: center;
    font-size: 50px;
    color: #FFF0;
    font-weight: 700;
    line-height: 1.2;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.hs-slide-cap-desc {
    text-align: center;
    font-size: 25px;
    color: #FFF0;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

*/

/*overlay transparant
.hs-slide-overlay {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(images/overlay.png);
        background-color: #FFF0;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: url("images/overlay.png");
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
    z-index: 9;
}
*/

/*title verbergen*/
.hs-slide-caption {
  display: none;
}


/*overlay verbergen*/
.hs-slide-overlay {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(images/overlay.png);
    display: none;
}

/*pijltjes slideshow verbergen*/
.bx-controls-direction {
  display: none;
}

/*laat masthead header meescrollen bij desktop*/
.page-template-home-template .hs-white.fadeInDown#hs-masthead, .home.blog .hs-white.fadeInDown#hs-masthead {
    background-image: url("http://www.studio-letterwerk.nl/wordpress/wp-content/uploads/2019/01/slider.gif");
}

/*masthead header desktop*/
.hs-white#hs-masthead {
    background-image: url("http://www.studio-letterwerk.nl/wordpress/wp-content/uploads/2019/01/slider.gif") !important;
}

/*masthead header mobile/tablet */
@media screen and (max-width:768px) {
.hs-white#hs-masthead {
    background-image: url("http://www.studio-letterwerk.nl/wordpress/wp-content/uploads/2019/01/slider-mobile.gif") !important;
  }

/*mobile slider verbergen*/
#hs-home-slider-section {
    display: none;
}
  }