/******************************************************************
 Theme Name:   Jeffrey's Installatietechniek
 Theme URI:    https://www.jeffreysinstallatietechniek.nl
 Author:       Marc Dingena
 Author URI:   https://marcdingena.com
 Description:  Client design for Jeffrey's Installatietechniek.
 Template:     hestia
 Version: 1.0.0
 License: Copyright © jeffreysinstallatietechniek.nl
 
 Theme templates are loading CSS files from library/css/
******************************************************************/
@import url('../hestia/style.css');

/* Brand design colours:
 * Red  : #ff321e  rgb(255,50,30)
 * Blue : #1c59bc  rgb(28,89,188)
 */

.about, 
.hestia-about {
    padding: 65px 0;
}

.carousel .item .container {
	position: absolute;
	top: initial;
	bottom: 0;
	width: 100%;
	max-width: initial;
	transform: initial;
}

@media (max-width: 991px) {
	.carousel .item .container {
		width: calc( 100% - 60px );
	}
}

.page-header .container .hestia-title,
.carousel span.sub-title{
    text-indent: 101%;
    white-space: nowrap;
	overflow: hidden;
}

.header-filter {
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #dddddd;
	background-image: url( 'https://www.jeffreysinstallatietechniek.nl/wp-content/uploads/Header.png' ), linear-gradient( to bottom, #d0d6eb 0%, #dddddd 100% ) !important;
}

.header-filter::before {
	display: none;
}

/* Colour overwrites.
 * Not required because of Customizer's "Colors" customisation but left here for good measure
 * 
input[type="button"], 
input[type="button"]:hover, 
input[type="submit"], 
input[type="submit"]:hover, 
input#searchsubmit, 
.pagination span.current, 
.pagination span.current:focus, 
.pagination span.current:hover, 
.btn.btn-primary, 
.btn.btn-primary:link, 
.btn.btn-primary:hover, 
.btn.btn-primary:focus, 
.btn.btn-primary:active, 
.btn.btn-primary.active, 
.btn.btn-primary.active:focus, 
.btn.btn-primary.active:hover, 
.btn.btn-primary:active:hover, 
.btn.btn-primary:active:focus, 
.btn.btn-primary:active:hover, 
.hestia-sidebar-open.btn.btn-rose, 
.hestia-sidebar-close.btn.btn-rose, 
.hestia-sidebar-open.btn.btn-rose:hover, 
.hestia-sidebar-close.btn.btn-rose:hover, 
.hestia-sidebar-open.btn.btn-rose:focus, 
.hestia-sidebar-close.btn.btn-rose:focus, 
.label.label-primary, 
.hestia-work .portfolio-item:nth-child(6n+1) .label, 
.nav-cart .nav-cart-content .widget .buttons .button {
    background-color: #1c59bc !important;
}
input[type="submit"], 
input[type="button"], 
.btn.btn-primary, 
.hestia-sidebar-open.btn.btn-rose, 
.hestia-sidebar-close.btn.btn-rose {
    -webkit-box-shadow: 0 2px 2px 0 rgba(28,89,188,0.14), 0 3px 1px -2px rgba(28,89,188,0.2), 0 1px 5px 0 rgba(28,89,188,0.12) !important;
    box-shadow: 0 2px 2px 0 rgba(28,89,188,0.14), 0 3px 1px -2px rgba(28,89,188,0.2), 0 1px 5px 0 rgba(28,89,188,0.12) !important;
}
input[type="submit"]:hover, 
input[type="button"]:hover, 
input#searchsubmit:hover, 
.pagination span.current, 
.btn.btn-primary:hover, 
.btn.btn-primary:focus, 
.btn.btn-primary:active, 
.btn.btn-primary.active, 
.btn.btn-primary:active:focus, 
.btn.btn-primary:active:hover, 
.hestia-sidebar-open.btn.btn-rose:hover, 
.hestia-sidebar-close.btn.btn-rose:hover, 
.pagination span.current:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(28,89,188,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(28,89,188,0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(28,89,188,0.42), 0 4px 23px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(28,89,188,0.2) !important;
    color: #fff;
}
.navbar:not(.navbar-transparent) li:not(.btn):hover > a, 
.navbar:not(.navbar-transparent) li.on-section:not(.btn) > a, 
.navbar.full-screen-menu.navbar-transparent li:not(.btn):hover > a, 
.navbar.full-screen-menu .navbar-toggle:hover, 
.navbar:not(.navbar-transparent) .nav-cart:hover, 
.navbar:not(.navbar-transparent) .hestia-toggle-search:hover {
    color: #1c59bc !important;
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav>li>a:hover, 
	.navbar-default .navbar-nav>li>a:focus, 
	.navbar .navbar-nav .dropdown .dropdown-menu li a:hover, 
	.navbar .navbar-nav .dropdown .dropdown-menu li a:focus, 
	.navbar button.navbar-toggle:hover, 
	.navbar .navbar-nav li:hover > a i {
        color: #1c59bc !important;
	}
}
.form-group.is-focused .form-control {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#1c59bc),to(#1c59bc)),-webkit-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2)) !important;
    background-image: -webkit-linear-gradient(#1c59bc),to(#1c59bc),-webkit-linear-gradient(#d2d2d2,#d2d2d2) !important;
    background-image: linear-gradient(#1c59bc),to(#1c59bc),linear-gradient(#d2d2d2,#d2d2d2) !important;
}
.card .header-primary, 
.card .content-primary {
    background: #1c59bc !important;
}
*/