/* Custom CSS by Osatohanmwen David Okoro. Questions? www.osatoworks.com */

.home-banner-container {padding-top: 100px;}
.home-banner-container h2 {text-align: right;}

.whowereachcontainer li a p {color: #222;}
.whowereachcontainer li a {padding: 10px 20px !important;}

.partner-logos {margin: 6em auto !important;}
.partner-logos div img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.partner-logos div img:hover {-webkit-filter: grayscale(0); filter: none;}

.full-height {min-height: 85vh !important; padding: 2em 0 !important;}

.video-wrapper {
	position: relative;
	padding-bottom: 57%; /* 16:9 */
}
.video-wrapper  iframe {
	position: absolute;
	top: 0;
	border-radius: 10px;
	left: 0;
	width: 100%;
	height: 100%;
}


.home-about-seniors {
	background-image: url("../img/home-banner-3.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}
.home-about-seniors h3, .home-about-seniors p {display: none;}


@media (max-width: 991px) {
	.home-banner-container {
		padding-bottom: 50px;
		height: 100vh;
	}
	.home-banner-container h2 {
		padding-top: 0em !important;
		text-align: center;
	}
	.custom-slider-text-1 {line-height: 120%;}
	.home-banner-container img {display: none;}

	.home-about-seniors {
		background-image: url("../img/home-banner-3-no-text.png");
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	.home-about-seniors h3, .home-about-seniors p {display: block;}
	.home-about-seniors p {opacity: .8;}

	.feature-box br {display:none;}
}

 
/*
* Team members
*/
.feature-box.custom-feature-box {
    margin-bottom: 19.2px;
    margin-bottom: 1.2rem;
}

    .feature-box.custom-feature-box.custom-feature-box-active .feature-box-icon, .feature-box.custom-feature-box:hover .feature-box-icon {
        box-shadow: 0px 0px 40px 4px rgba(200, 200, 200, 0.5);
    }

        .feature-box.custom-feature-box.custom-feature-box-active .feature-box-icon img, .feature-box.custom-feature-box:hover .feature-box-icon img {
            transform: translate3d(-50%, -50%, 0) scale(1.1);
        }

    .feature-box.custom-feature-box .feature-box-icon {
        flex: 0 0 auto;
        background: transparent;
        width: 100px;
        position: relative;
        height: 100px;
        border: 6px solid #FFF;
        border-radius: 100%;
        padding: 5px;
        margin-top: 0;
        overflow: hidden;
        z-index: 1;
        transition: ease box-shadow 300ms;
    }

        .feature-box.custom-feature-box .feature-box-icon img {
            position: absolute;
            width: 113%;
            top: 50%;
            left: 50%;
            z-index: 0;
            transform: translate3d(-50%, -50%, 0) scale(1);
            transition: ease transform 300ms;
        }

@media (max-width: 991px) {
    .col-md-12 .feature-box.feature-box-style-2.custom-feature-box .feature-box-info {
        padding-left: 115px;
    }
}

/*
* Side Bar
*/
.sidebar-bottom {
    display: none;
}
@media (max-width: 991px) {
    .sidebar-bottom {
        display: block;
    }
    .sidebar-top {
        display: none;
    }
}
.p-alignment{
    text-align:right
}
.h2-alignment {
    text-align: right
}
@media (max-width: 991px) {
    .p-alignment {
        text-align: center
    }
    .h2-alignment {
        text-align: center
    }
}

/*
* Nav bar with old style but decrease spacing
*/
/*
@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        color: #000;
    }
    #header .header-nav-main nav > ul:not(:hover) > li > a.active {
        background-color: transparent;
        color: #ec4f4f;
    }
    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
        background: transparent;
        
    }
    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li.accessibility-open > a, #header .header-nav-main nav > ul > li:hover > a {
        color: #ec4f4f;
    }
    #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
        border-bottom: 0px solid transparent;
    }
     
}
*/
@media (max-width: 875px){
    .text-endCenter {
        margin-top: 20px;
        text-align: center !important;
    }   
    .CenterXs
    {
         text-align: center !important;
    }   
}
@media (min-width: 992px){
#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    content: "\f078";
    font-weight: 900;
    border: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 4px;
    font-size: 0.6rem;
}
#header .header-nav-main nav > ul > li > a {
   
    padding: 0.5rem 0.8rem;
    
}
}