@import url("../fonts/stylesheet.css"); /* Using a url */
html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Avenir', sans-serif;
    font-size: 18px;
    line-height: 1.8;
}


.fontAvenir{
    font-family: 'Avenir', sans-serif;
}

.lineHeight30{
    line-height: 40px;
}

.fontIndustry{
    font-family: 'Industry', sans-serif;
}

h1,h2,h3,h4,h5{
    font-family: 'Industry', sans-serif;
    font-weight: bold;
}
.darkBrownBg{
    background-color: #2A0800;
}

.greyColor{
    color:#555555;
}
.orangeColor{
    color:#FAAA28;
}

a.orangeColor:hover{
    color:#FAAA28;
}

.redColor{
    color:#D92E00;
}

.textGrey{
    color:#ccc;
}

.btn{
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn{
    font-weight: bold;
}

.containMaxWidth{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.backgroundImage{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.navbar{

}

.custom-logo-link img{
    max-width: 200px !important;
    height: auto !important;
}

ul.navbar-nav li a{
    font-family: 'Industry', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color:#fff;
    font-size:16px;
}

button.navbar-toggler i{
    color:#fff;
    font-size: 24px;
}

button.navbar-toggler{
    border:solid 1px #fff;
}

ul.navbar-nav div.dropdown-menu a{
    color:#212529;
}
ul.navbar-nav li.active a{
    color:#FAAA28;
}
ul.navbar-nav li a:hover{
    color:#FAAA28;
}

#navbarNav{
    background-color:rgba(0,0,0,0.8);
    padding:10px;
    border-radius: 10px;
    border-top-left-radius: 0;
    border: 1px solid #fff;
}

.slideWrapper{
    width:100%;
    height: 100vh;
    position: relative;
}

.vh50{
    height: 50vh;
}
.vh75{
    height: 75vh;
   }

.bgPositionCenterCenter{
    background-position: center center !important;
}
.bgPositionTopCenter{
    background-position: top center !important;
}

.slideWrapper:after{
    content: "";
    position: absolute;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 997;
    top:0;
    left: 0;
}

.signInMenu{
	display:"none";
}


.navWrapper{
    width:250px;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 999;
}
.heroWrapper{
    width:100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 996;
}

.heroImage{
    width:100%;
    height: 100%;
}



.heroTextWrapper{
    position: absolute;
    bottom: 0;
    left:0;
    z-index: 998;
    color:#fff;
    padding:10px;
}

.heroTextWrapper h1{
    font-size: 2rem;
}
.heroIndicator{
    width:30px;
    height: 30px;
    border:solid 1px #fff;
    margin: 5px;
    display: inline-block;
    cursor: pointer;
}

div.heroIndicator.cycle-pager-active{
    background-color: #FAAA28;
    border: solid 1px #FAAA28;
}

.headerBg{
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url("../images/kenge_header.svg");
    background-repeat: repeat-x;
    background-size: contain;
}

.testimonialImage{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.testimonialImage img{
    width:100%;
}

.owl-carousel{
    height: 150px;
}

.owl-item > div {
    cursor: pointer;
    margin: 6% 8%;
    transition: margin 0.4s ease;
}
.owl-item.center > div {
    cursor: auto;
    margin: 0;
}
.owl-item:not(.center) > div:hover {
    opacity: .75;
}

.rounded10{
    border-radius: 10px;
}
.roundedCircular{
    border-radius: 50%;
}

.boxShadow{
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25);
}

.directoryResultWrapper{

}

.memberAvatar{
    max-width: 150px;
}

.avatar{
    width: 120px;
    height: 120px;
    background-color: #2A0800;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.avatarInitials{
    font-size: 48px;
    color:#fff;
    font-weight: bold;
}

.accordList li{
    margin-bottom: 15px;
}

.contactIcon{
    width:32px;
    height: 32px;
    padding: 3px;
    margin: 5px;
    border-radius: 10px;
    border:solid 1px #A3A3A3;
}

.blogPostBox{
    cursor:pointer;
}

.blogPostBox:hover{
    background-color:#eee;
}

.blogPostBoxImage{
	height:200px;
	
}

.blogPostBoxImage img{
	object-fit: cover;
	width:100%;
	height:100%;
}


.authorInfoWrapper{
    width:100%;
}

.authorImage{
    height: 50px;
    width: 50px;
    margin-right: 20px;
}

.authorImage img{
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
}

.authorImage i{
    font-size: 48px;
}

.authorDetails span{
    text-decoration: underline;
    cursor: pointer;
}

.authorDetails span:hover{
    color:#D92E00;
}

.fullOverlay{
    width:100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top:0;
    left: 0;
    background-color:#fff;
}

.fullOverlay a{
    color:#333;
}

.fullOverlay a:hover{
    color:#D92E00;
}

blockquote{
    position: relative;
    padding-top:60px;
    padding-bottom: 60px;
    color:#D92E00;
    text-align: center;
    font-style: italic;
    font-size: 24px;
}

blockquote:before{
    background-image: url("../images/kenge_small.png");
    background-repeat: repeat-x;
    height: 41px;
    width: 100%;
    position: absolute;
    content : ' ';
    top: 0;
    left: 0;
}

blockquote:after{
    background-image: url("../images/kenge_small.png");
    background-repeat: repeat-x;
    height: 41px;
    width: 100%;
    position: absolute;
    content : ' ';
    bottom: 0;
    left: 0;
}

footer{
    background-image: url("../images/footer.svg");
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
}

footer ul{
    padding:0;
    list-style: none;
}

footer ul li{
    padding-top: 5px;
    display:inline;
    padding-bottom: 5px;
    margin-right: 10px;
}

footer ul li a{
    color:#fff;
    font-family: 'Industry', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

#socialWrapper a{
    color:#fff;
    font-size: 32px;
    margin-right: 10px;
}

#socialWrapper a:hover {
    color:#FAAA28;
}

footer ul li a:hover{
    color:#FAAA28;
}

/*
    WORDPRESS FIXES
 */

form.regForm div.form-check br, form.regForm div.form-check p
{
    display: none;
}

.select2-container--bootstrap .select2-selection--single {
    height: calc(1.5em + .75rem + 2px);
}

.form-control, .select2-container--bootstrap, .select2-selection {
    font-size:16px!important;
}
div.crp_related div a figure{
	overflow:hidden;
}

div.crp_related div a figure{
	width:100%;
	height:200px;
	overflow:hidden;
	position:relative;
	border-radius:5px;
}
div.crp_related div a figure:after{
	content:'';
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}

div.crp_related div a figure img{
	object-fit: cover;
	width:100%;
	height:100%;
	transition: transform .1s; /* Animation */
	
}
div.crp_related div a span.crp_title{
	position:absolute;
	display:block;
	top:40%;
	width:calc(100% - 30px);
	padding-left:15px;
	padding-right:15px;
	font-family: 'Industry', sans-serif;
	color:#fff;
	font-size:24px;
	line-height:32px;

}

div.crp_related div a:hover span.crp_title{
	color:#FAAA28!important;
}

div.crp_related div a:hover figure img{
	transform: scale(1.5);
}




@media (min-width: 576px) {
    #navbarNav{
        background:none;
        border:none;
    }

    .mobileFullTimeNav{
        background-color:rgba(0,0,0,0.8) !important;
        border: 1px solid #fff !important;
    }
	
	.heroTextWrapper{
        left: 270px;
    }
	.hideDesktop{
		display:none;
	}
	
	.signInMenu{
		position: absolute;
		top:25px;
		right: 20px;
		z-index: 999;
		width:300px;
	}
	.signInMenu ul{
		display:block;
		text-align:right
	}

	.signInMenu ul li{
		display:inline-block;
		margin-left:15px;
	}



	.signInMenu ul.navbar-nav li a.btn {

		color:#212529!important;
	}
}


@media (min-width: 768px) {
    #navbarNav{
        justify-content:right;
    }
    
    .heroTextWrapper h1{
        font-size: 2.5rem;
    }

    .overlayCloseBtnWrapper{
        padding-top: 100px;
    }

}


@media (min-width: 992px) {  }


@media (min-width: 1200px) { }