/*
 Theme Name:   Kjell Olovsson Theme
 Description:  Kjell Olovsson theme. Child theme of gateway
 Template:     gateway
 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:  kjellolovsson
*/
/* 
body{
    background:#10017c;
}

main{
    background:#eeeeee;
    width:90%;
    margin:auto;
    padding:20px;
} */

.site-content{
    margin-top:0;
}

.site-content .row:first-of-type{
    width:100%;
    margin:0;
    max-width: 100%;;
}

.featured-image{
    margin:0;
    width:100%;
    display: flex;
    align-items: center;
    vertical-align: middle;
    position: relative;
    min-height:450px;
    background-position: center 60%;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.entry-title-container{
    padding:40px;
    background-color: rgba(20, 20, 20, 0.692);
    color:white;
    align-self: center;
    min-width: 40%;
    margin:auto;
    text-align: center;
}

.entry-title-container h1{
    color: white;
    font-size: 2.5em;
}

.entry-title.home{
    margin-left:auto;
    margin-right: auto;
    text-align: center;
    color:white;
    max-width: 800px;
    font-size: 1.5em;
}
section.top-bar-section {
    display: inline-block;
    z-index: 9999999;
}
.top-bar, .top-bar-section ul li{
    background:#10017c !important;
}

 .top-bar-section li.active:not(.has-form) ,.menu-item
,
.menu-item .menu-item-type-post_type .menu-item-object-page .menu-item-27{

    background:#10017c;
}
#menu-meny *{
    background:#10017c;
    color:white;
    font-weight: 700;
}

.content a{
    color: #10017c;
}

.page-template-template-full-php .bg-image{
    height:150px;
}

.page-template-template-full-php .site-branding{
    padding-top:1em;
}

.hero-widgets-wrap a{
    background-color: black;
}

main a{
    color:#10017c;
}
main a:hover{
    color: #1400ad;
    
}

html input[type="button"], .wpcf7-form-control.wpcf7-submit{
    background-color: #10017c !important;
}

.product-image{
    width:100% !important;
    overflow: hidden;
    object-fit: contain;
}

.product-image img{
    max-height: 400px !important;
    min-height: 400px !important;
    width:100% !important;
    
    object-fit: scale-down;
}

.hero-widgets-wrap{

}

.home-header-bg.clearfix{
    position: relative;
}

.home-header-bg.clearfix video{
    position: absolute;
    min-width:100%;
    top:0;
    z-index: 0;
    max-height:100%;
    object-fit: cover;
    object-position: center center;
}
.site-branding{
    z-index: 3;
    position: relative;
}

.hero-widgets-wrap .button:hover{
    background-color: #4b4b4b;
}

@media screen and (max-width:640px){
	.site-header{
		position: absolute;
		top:0;
		width:100%;
		z-index: 90;
	}
	.home-header-bg video, .home-header-bg .site-branding{
		margin-top:65px;
	}
	.hero-widgets-wrap{
		display: none;
	}
	.entry-title.home{
		font-size:110%;
		text-shadow: 1px 1px 3px black;
	}

}
.home-header-bg.clearfix *{
		text-shadow: 1px 1px 3px black;
	
}