/* TABLE OF CONTENT*/
/*1. =GLOBAL BANNER CONTENT */
/*2. =GLOBAL ENROLLMENT STYLES */
/*3. =GLOBAL BANNER IMAGE */
/* ---Standard */
/* ---Large */
/* ---Widest */
/* ---Mobile */
/*4. =BANNER SPECIFIC STYLES */
/*5. =Annoucement Banner */



.linkmobile {
	font-size: 0.8rem;
}

/* =============GLOBAL BANNER CONTENT============== */
 .inner {
	 position: absolute;
	 height: 100%;
	 width: 100%;
}
 .text-area {
	 position: absolute;
	 top: 0;
	 left: 0;
	 background-color: rgba(255,255,255,0.9);
	 height: 100%;
	 width: 100%;
	 max-width: 450px;
	 padding: 2rem;
	 display: flex;
}
 .text-area h2 {
	 font-size: 2rem;
}
 .text-inner {
	 margin-top: 3rem;
}
 .btn-orange {
	 background-color: #f15a22;
	 font-weight: bold;
	 margin-top: 1rem;
}
 .btn-orange a{
	 color: #0c2340;
	 font-size: 1rem;
	 font-weight: bold;
}
 .orange-bar a{
	 color: #fff;
	 text-decoration: underline;
	 margin-left: 10px;
}
 .blue-box {
	 background-color: #0c2340;
	 color: #fff;
	 width: 100%;
	 height: auto;
	 min-height: 226px;
	 padding: 1.5rem;
	 text-align: center;
	 display: flex;
	 max-width: 360px;
	 margin: 0 auto;
}
 .blue-box p {
	 font-size: 1rem;
	 color: #fff;
}
 p.quote {
	 font-size: 1.25rem;
	 margin-top: auto;
	 margin-bottom: auto;
}
 .blue-bg{
	 background-color: #0c2340;
	 color: #fff;
	 padding: 2rem 0;
}
 .blue-bg a {
	 color: #fff;
}
 .blue-bg p {
	 font-size: 1rem;
}
 .blue-bg h2, .blue-bg p, .blue h3{
	 color: #fff;
}
 .orange-bar a.text-blue {
	 color: #0c2340;
	 text-decoration: none;
}
 .bg-blue {
	 background-color: #0c2340;
}
 .bg-blue .btn {
	 border-radius: 0;
	 padding: 10px;
	 font-size: 0.85rem;
	 font-style: italic;
}
 .bg-dark-orange {
	 background-color: #d3430d;
}
 .section-sixup .containerWrapper {
	 display: flex;
	 flex-wrap: wrap;
	 margin-right: -15px;
	 margin-left: -15px;
}

 .page-content {
	 background-color: white;
	 background-image: url(data:image/png;
	 base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAIAAAAmdTLBAAAAZElEQVR4AaXMgQbAMAwA0fz/325mLZN0neIA5hqJgHtx3G3t2Vpmjn9TVVfvs6J3RCxGE1Fj7BAxzxH0mqDXBL0j6B1B7wh6R9A7gt4R9I6gdwS9I+gdEU/mDhHz7RBfrwl6Tbwfhhbg5QRf0gAAAABJRU5ErkJggg==);
	 background-size: 10px;
	 background-color: #fff;
	 background-attachment: fixed;
}
 @media only screen and (max-width: 767px) {
	 .section-sixup .col-sm-4 {
		 max-width: 50%;
		 flex: 0 0 50%;
	}
}
 @media only screen and (max-width: 574px) {
	 .section-sixup .col-sm-4 {
		 max-width: 100%;
		 flex: 0 0 100%;
	}
}
 .light-blue-bg {
	 background-color: #e5eaeb;
}
 section#video .lead {
	 font-size: 1.25rem;
}
 @media screen and (max-width: 720px) {
	 .text-area {
		 position: relative;
		 margin: 0 auto;
	}
	 .inner {
		 position: relative;
	}
}
 .home-video-container h1, .home-video-container h2, .home-video-container h3, .home-video-container h4, .home-video-container h5, .home-video-container h6 {
	 color: #fff;
}
/* =============GLOBAL ENROLLMENT STYLES============== */
 .orange-bar {
	 background-color: #f15a22;
	 color: #fff;
}
 .enrollment-header {
	 color: #0c2340;
	 font-weight: bold;
	 font-style: italic;
	 font-size: 1.8rem;
}

/* =============GLOBAL BANNER IMAGE============== */
/* Text Styles - medium & up */
.text-area h1 {
	font-size: 2.125rem;
	text-transform: uppercase;
}

.text-area h2 {
	font-size: 1.5rem;
	font-weight: normal;
}

/* ---Standard screen - ex. file-name.png--- */
 .banner-area {
	 background-color: #0c2340;
	 background-image: url('/_files/images/home/slides/commencement-may-2021.png');
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: top center;
	 position: relative;
	 min-height: 450px;
	 overflow: hidden;
}

.banner-area.rrdays {
    background-image: url('/_files/images/home/slides/RoadrunnerDays-Homepage.png');
    background-color: #0C2340;
}

.banner-area.coeaid {
    background-image: url('/_files/images/home/slides/coeaid.png');
    background-color: #fffff4;
}

.banner-area.orientation-reminder {
    background-image: url('/_files/images/home/slides/orientation-reminder.png');
}

.banner-area.itc-visioning-kickoff {
    background-image: url('/_files/images/home/slides/itc-visioning-kickoff.png');
}

.banner-area.mackenzie-scott-dan-jewett{
    background-image: url('/_files/images/home/slides/mackenzie-scott-dan-jewett.png');
}

.banner-area.bold-cyber {
    background-image: url('/_files/images/home/slides/bold-cyberhouse.png');
}

.banner-area.bold-sa-strong {
       background-image: url('/_files/images/home/slides/sa-strong.jpg');
    }
    
.banner-area.race-building {
   background-image: url('/_files/images/home/slides/race-building.png');
}

.banner-area.ssa {
   background-image: url('/_files/images/home/slides/advancing-the-arts.png');
}


/* ---Large screen - ex. file-name-hd.png--- */
 @media screen and (max-width: 1200px){
	 .banner-area {
		 background-image: url('/_files/images/home/slides/commencement-may-2021.png');
	}
	.banner-area.orientation-reminder {
        background-image: url('/_files/images/home/slides/orientation-reminder-hd.png');
    }
    .banner-area.rrdays {
        background-image: url('/_files/images/home/slides/RoadrunnerDays-Homepage-hd.png');
    }
    .banner-area.itc-visioning-kickoff {
        background-image: url('/_files/images/home/slides/itc-visioning-kickoff-hd.png');
    }
    .banner-area.mackenzie-scott-dan-jewett{
    background-image: url('/_files/images/home/slides/mackenzie-scott-dan-jewett-hd.png');
}
.banner-area.coeaid {
    background-image: url('/_files/images/home/slides/coeaid-hd.png');
}
.banner-area.bold-cyber {
    background-image: url('/_files/images/home/slides/bold-cyberhouse-hd.png');
}

.banner-area.bold-sa-strong {
       background-image: url('/_files/images/home/slides/sa-strong-hd.jpg');
    }
    .banner-area.race-building {
       background-image: url('/_files/images/home/slides/race-building-hd.png');
    }
}
.banner-area.ssa {
   background-image: url('/_files/images/home/slides/advancing-the-arts-hd.png');
}
/* ---END Large Screen--- */
/* ---Widest Screen - ex. commencement-may-2021-hd.png --- */
/* NOTE: this is the same as hd with different background- position and size */
 @media screen and ( min-width: 2070px) {
	 .banner-area {
		 background-image: url('/_files/images/home/slides/commencement-may-2021-hd.png');
		 background-size: contain;
	}
	.banner-area.orientation-reminder {
        background-image: url('/_files/images/home/slides/orientation-reminder-hd.png');
    }
     .banner-area.rrdays {
        background-image: url('/_files/images/home/slides/RoadrunnerDays-Homepage-hd.png');
    }
    
    .banner-area.itc-visioning-kickoff {
        background-image: url('/_files/images/home/slides/itc-visioning-kickoff-hd.png');
    }
    
    .banner-area.mackenzie-scott-dan-jewett{
        background-image: url('/_files/images/home/slides/mackenzie-scott-dan-jewett-hd.png');
    }
    
    .banner-area.coeaid {
        background-image: url('/_files/images/home/slides/coeaid-hd.png');
    }
    
    .banner-area.bold-cyber {
        background-image: url('/_files/images/home/slides/bold-cyberhouse-hd.png');
    }
    
    .banner-area.bold-sa-strong {
       background-image: url('/_files/images/home/slides/sa-strong-hd.jpg');
    }
    
    .banner-area.race-building {
       background-image: url('/_files/images/home/slides/race-building-hd.png');
    }
    
    .banner-area.ssa {
        background-image: url('/_files/images/home/slides/advancing-the-arts-hd.png');
    }
}
/* ---END widest screen--- */

/* ---Mobile screens - ex. file-name-mobile.png--- */
 @media screen and (max-width: 975px){
	 .banner-area .mobile-banner {
		 /*background-image: url('/_files/images/home/slides/commencement-may-2021-mobile.png');*/
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: bottom center;
		 position: relative;
		 min-height: 450px;
		 min-height: 50vh;
	}
	
	.banner-area {
        background-image: none !important;
    }
	
	.banner-area.orientation-reminder .mobile-banner {
        background-image: url('/_files/images/home/slides/orientation-reminder-mobile.png');
    }
      .banner-area.rrdays .mobile-banner {
        background-image: url('/_files/images/home/slides/RoadrunnerDays-Homepage-mobile.png');
        background-size: cover;
    }
    .banner-area.itc-visioning-kickoff .mobile-banner {
        background-image: url('/_files/images/home/slides/itc-visioning-kickoff-mobile.png');
    }

    .banner-area.mackenzie-scott-dan-jewett .mobile-banner {
        background-image: url('/_files/images/home/slides/mackenzie-scott-dan-jewett-mobile.png');
    }
    
    .banner-area.coeaid .mobile-banner{
        background-image: url('/_files/images/home/slides/coeaid-mobile.png');
    }
    
    .banner-area.bold-cyber .mobile-banner{
    background-image: url('/_files/images/home/slides/bold-cyberhouse-mobile.png');
}
    
    .banner-area.mackenzie-scott-dan-jewett {
       background-color: #0d294d;
    }
    
    .banner-area.bold-sa-strong .mobile-banner {
       background-image: url('/_files/images/home/slides/sa-strong-mobile.jpg');
    }
    
    .banner-area.race-building .mobile-banner{
       background-image: url('/_files/images/home/slides/race-building.png');
    }
    
    .banner-area.ssa .mobile-banner {
        background-image: url('/_files/images/home/slides/advancing-the-arts-mobile.png');
    }


    /* Mobile global styles */

	 .text-inner h1 {
		 font-size: 2rem;
	}
	 .text-area h2 {
		 font-weight: normal;
		 font-size: 1.25rem;
	}
	
	 .inner {
		 position: relative;
	}
	 .text-area {
		 position: relative;
		 max-width: 100%;
		 background-color: #fff;
	}
	 .text-inner {
		 /*margin: auto 1.5rem;*/
		 	margin: auto;
	    text-align: center;
	}
	 .text-inner a.btn.btn-orange {
		 font-size: 1rem;
		 width: 100%;
		 margin-top: 2rem;
	}
	 .banner-area .container {
		 max-width: 100%;
		 padding: 0;
	}
}
/* ---END Mobile screen--- */

 /* =============4. BANNER SPECIFIC STYLES============== */
 .banner-area.orientation-reminder h2 {
	font-size: 1.5rem;
	line-height: 1.5;
}

.banner-area.orientation-reminder h1 {
	font-size: 3.25rem;
	margin: 0;
}

.itc-visioning-kickoff h1 {
	font-size: 2.75rem;
}

.itc-visioning-kickoff h2 {
	font-size: 1.75rem;
}

.banner-area.mackenzie-scott-dan-jewett h1 {
    font-size: 2.125rem;
	margin: 0;
	margin-bottom: 1rem;
	line-height: 1.5;
}

.banner-area.mackenzie-scott-dan-jewett h2 {
	font-size: 1.25rem;
	line-height: 1.5;
}

.banner-area.coeaid h1 {
	font-size: 1.75rem;
	text-transform: uppercase;
}

.banner-area.coeaid h2 {
	font-size: 1.25rem;
	font-weight: normal;
}

.banner-area.bold-cyber h1,
.banner-area.bold-sa-strong h1{
	font-size: 2rem;
}

.banner-area.bold-cyber h2 {
	font-size: 1.5rem;
}

.banner-area.rrdays .text-inner{
    margin-top: 0;
}


/* horizontal */
@media (orientation: landscape) {
    .banner-area .mobile-banner {
        background-size: contain;
        min-height: 265px;
    }
}

/*5. ====Annoucement Banner===== */
.home-annoucement-banner {
    background-color: #DBDEE3;
    padding: 2rem 0;
}

.home-annoucement-banner.home-annoucement-banner--orange {
	background-color: #F15A22;
}

.home-annoucement-banner h2 {
	font-size: 2.25rem;
	font-variant: lining-nums;
	color: #fff;
}

.home-annoucement-banner p {
	font-size: 1.125rem;
	margin: auto 0;
}

.home-annoucement-banner [class^="col-"] {
    margin: auto 0;
}

.home-annoucement-banner a.btn.btn-annoucement,
.home-annoucement-banner a.btn {
	font-size: 1rem;
	margin: auto 0;
}

a.btn-annoucement .fas {
	margin-left: 1rem;
}


/* Overides */
 .tiny {
	 font-size: 1.35rem !important;
	 line-height: 1.25;
}