/* custom css here */
body { overflow-x: hidden;}
body.admin-bar #wrapper-navbar.fixed-top {
    top: 32px;
}
.alignfull {
	margin: 0px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}
.p-75 {
	padding: 75px;
}

.p-60 {
	padding: 60px;
}

.px-60 {
	padding-left: 60px;
	padding-right: 60px;
}

.navbar-dark { background-color: #000000;}

/* home hero area */
.hero-title {
	font-size: 6rem;
	line-height: 5.75rem;
	margin-bottom: 0;
}
#homepage-hero .hero-title { font-size: 5.25rem; line-height: 5rem;}

.hero-description {
	font-size: 1.625rem;
	line-height: 2.25rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.home #homepage-hero { max-height: 570px; overflow: hidden;}

#homepage-hero,#innerpage-hero {
	position: relative;
	margin-top: 0;

}
#homepage-hero .herobackgroundimg, #innerpage-hero .herobackgroundimg {
	background-repeat: no-repeat;
	background-size: cover;
}

#homepage-hero .hero__inner,#innerpage-hero .hero__inner {
	line-height: 1;
}

#homepage-hero .hero__inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #FFFFFF;
	line-height: 1;
}

#homepage-hero .hero__inner .row .container {
	display: table;
}

#homepage-hero .hero__inner .row .container header {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.hero__overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.6;
}

.show-in-mobile { display: none;}

#homepage-hero .heroimg { visibility: hidden;}

 	.embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
        /*padding-top: 25px;*/
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#homepage-hero .embed-container { z-index: 4;}
#homepage-hero .hero__overlay { z-index: 5;}
#homepage-hero .hero__inner { z-index: 6;}

/* mission statement section */
.mission-statement {
	padding-top: 40px;
	padding-bottom: 20px;
}
.callout-boxes h2, .mission-statement h1 {
	font-size: 42px;
	line-height: 40px;
	margin-bottom: 35px;
}

.about-section {
	/*padding-bottom: 60px;
	padding-top: 60px;*/
	/*background-size: 33%;*/
	background-repeat: no-repeat;
}

.aboutimg-hidden { display: none;}

@media screen and (min-width: 1400px) {
	/*.about-section {
		background-size: 24%;
	}*/
}

/*.about-section .aboutheroimg { visibility: hidden; margin: 0px auto;}*/
@media screen and (max-width: 991px) {
	/*.about-section .aboutheroimg { visibility: visible;}*/
	/*.about-section { background: transparent !important;}*/
}

.about-section h2 {
	font-size: 42px;
	line-height: 46px;
	margin-bottom: 35px;
}
.about-section .about-copy { margin-bottom: 40px;}

/* Callout Boxes */
.callout-boxes .boxitem { transition: all 0.3s ease-in-out;}
.callout-boxes .boxitem .boxlabel { margin-top: 20px;}
.callout-boxes .boxitem .boxlabel a{
    font-weight: 600;
    color: #000000;
    text-decoration: none;
}
.callout-boxes .boxitem:hover .boxlabel a, .callout-boxes .boxitem:active .boxlabel a,.callout-boxes .boxitem:focus .boxlabel a { text-decoration: underline;}


.callout-boxes .boxitem a.imgoverlay:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    content: "";
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
/*.callout-boxes .boxitem a.imgoverlay:after {
    position: absolute;
    width: 100%;
    content: "Explore";
    top: 50%;
    margin-top: -15px;
    left: 0;    
    vertical-align: middle;
    display: table-cell;
    opacity: 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}*/

.callout-boxes .boxitem span {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -15px;
    left: 0;    
    vertical-align: middle;
    display: table-cell;
    opacity: 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}

.callout-boxes .boxitem a.imgoverlay {
    display: block;
    height: auto;
    position: relative;
}

/*.callout-boxes .boxitem a.imgoverlay:hover:after,*/ .callout-boxes .boxitem a.imgoverlay:hover:before {
    opacity: 1;
}

.callout-boxes .boxitem a.imgoverlay:hover span { opacity: 1;}

/* callout boxes */
.callout-boxes {
	padding-top: 60px;
	padding-bottom: 60px;
}

/* callout-stats */
.callout-stats {
	/*background: url(../images/homepage_stats_background_2x.jpg) no-repeat center center;*/
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 110px;
	padding-bottom: 30px;
	color: #FFFFFF;
	z-index: 0;
}

.callout-stats:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.7;
	top: 0;
	left: 0;
	z-index: -1;
}

.callout-stats .statsitem {
	text-align: center;
	margin-bottom: 80px;
}

.callout-stats .statsitem i[class*="fa-"] {
    font-size: 5rem;
}

.callout-stats .statsitem img {
	margin-bottom: 30px;
	width: auto;
	height: auto;
	max-height: 85px;
}

.callout-stats .statsval {
	font-size: 52px;
	letter-spacing: 1px;
	line-height: 62px;
	text-align: center;
}

.callout-stats h2 {
	font-size: 42px;
	letter-spacing: 0.05px;
	line-height: 52px;
	text-align: center;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

/* featured video */
.featured-video { padding-top: 60px; padding-bottom: 60px;}
.featured-video iframe {}
.featured-video .fvideo-title {
	font-size: 42px;
	line-height: 45px;
	margin-bottom: 20px;
}

.featured-video .fvideo-desc {
	margin-bottom: 40px;
}

.featured-video .featured-video-image{ position: relative; display: inline-block; width: auto;}

#page-wrapper {
    padding: 0px;
}
.cards {
	padding-top: 60px;
	padding-bottom: 60px;
}
.cards .row .card-box {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0);
}

.cards .row .card-box:hover,
.cards .row .card-box:focus {
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 0px 11px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 0px 11px 0px rgba(0, 0, 0, 0.35);
}

.cards .row .card-box a:hover,
.cards .row .card-box a:focus,
.cards .row .card-box a:active { text-decoration: none;}
.cards .row .card-box .card-link { display: block;}
.postscarousel { padding-top: 60px; padding-bottom: 60px;}
.postitem {
	border-top: solid 1px #DFDFDF;
	border-left: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
}

.relatedaffiliate .postitem {
	border-bottom: solid 1px #DFDFDF;
}

#wrapper-footer { text-align: center;}

/* SIP */
.aboutfixed, .quote, .relatedaffiliate {
	padding-top: 60px;
	padding-bottom: 60px;
}

.aboutfixed .about-title { margin-bottom: 1.25rem;}

.relatedcarousel { padding-top: 60px; }

.quote h3 { 
	margin-bottom: 1.5rem;
	font-size: 2.25rem;
	line-height: 1.5;
}
.quote .quote-text p{
	font-size: 1.5rem;
	line-height: 1.5;
}

.relatedaffiliate {
	background-color: #f7f7f7;
}

@media screen and (min-width: 1200px) {
	.callout-stats h2 { max-width: 50%;}
}

/*responsive*/
@media screen and (max-width: 991px) {
	.hero-title { font-size: 4rem; line-height: 4.35rem; margin-bottom: 1.5rem; }
	.hero-description { font-size: 1.65rem; line-height: 2.35rem; }
	.navbar-toggler-icon { width: 1.5em; height: 1.5em;     border-radius: 0;}
	.navbar-toggler { border-radius: 0;}
}
@media screen and (max-width: 767px) {
	.show-in-mobile { display: block;}
	#homepage-hero .hero-title,
	#innerpage-hero .hero-title { font-size: 2rem; line-height: 2.5rem; margin-bottom: 1rem; }

	.hero-description { font-size: 1.25rem; line-height: 1.5rem; }
	#homepage-hero .hero-description { font-size: 1.5rem; margin-top: 1rem; margin-bottom: 1rem;}
}