/* CSS Document */

/* IMPORTANT: Any style changes or additions that need to be made on the Admissions website must be made on this stylesheet. DO NOT modify foundation.css, foundation.min.css, or normalize.css. */

/**** fonts ****/
    @font-face {
        font-family: SofiaWebRegular;
        src: url(/webfonts/SofiaWebRegular.woff);
    }
	@font-face {
        font-family: Sofia;
        src: url(/webfonts/SofiaWebRegular.woff);
    }
    @font-face {
        font-family: SofiaWebRegularItalic;
        src: url(/webfonts/SofiaWebRegularItalic.woff);
    }
	 @font-face {
        font-family: SofiaWebLight;
        src: url(/webfonts/SofiaWebLight.woff);
    }
	@font-face {
        font-family: SofiaWebBold;
        src: url(/webfonts/SofiaWebBold.woff);
    }
	@font-face {
        font-family: SofiaWebMedium;
        src: url(/webfonts/SofiaWebMedium.woff);
    }
	@font-face {
        font-family: MoreWebBook;
        src: url(/webfonts/MoreWebMedium.woff);
    }
	@font-face {
        font-family: MoreWebBold;
        src: url(/webfonts/MoreWebBold.woff);
    }

    @font-face {
        font-family: UBFont;
        src: url(/webfonts/UBFont.woff);
    }
/**** end fonts ****/

/**** Layout ****/
body {background: #fff; font-family: SofiaWebRegular, Arial, sans-serif; margin: 0 auto; color: #666;}
.container {background: #fff; padding: 0;}

.nopad-left {padding-left: 0!important;}
.nopad-right {padding-right: 0!important;}

header {/*height: 140px;*/ /*height: 190px;*/ width: 100%; margin: 0; padding: 0;}
header a, header a:visited {border-bottom: none!important;}
.ub-logo {background: #005bbb; width: 100%; height: 40px; padding-top: .25em;}
	.logo-int {padding-top: .75em; font-family: SofiaWebLight; color: #005bbb!important; font-size: 32px; display: block; line-height: 1.4em;}
	h1.logo {padding-top: .80em; font-family: SofiaWebLight; color: #005bbb!important; font-size: 32px;}
		h1.logo a, h1.logo a:visited {color: #005bbb!important;}
		/*h1.logo a {height: 71px; display: block; text-indent: -9999px; text-decoration: none; outline: none;}*/

/* added 4/14/18 for emergency notice */
.alert {background: #900!important; width: 100%; font-family: SofiaWebBold; color: #fff!important; }
.alert p {color: #fff!important;font-size: 17px; text-align: center; padding-top: 10px;}
.alert a, .alert a:link {color: #fff!important; text-decoration: none; border-bottom: 1px solid #fff!important;}
.alert a:hover {border-bottom: 2px solid #fff!important;}


/*** Top yellow banner for Covid-19 information ***/
.top-banner {
    background: #ffc72c;
    height: auto;
}
.top-banner p {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0;
    padding-bottom: 4px;
    text-align: center;
}

.top-banner a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2)!important;
    color: #000!important;
    font-size: .85em;
    margin-left: 10px;
}

.top-banner a::before {
    /*content: "\e906";*/
	font-family: 'UBFont';
	font-size: 9px;
	font-style: normal;
	margin: 0 6px 0 0;
	speak: none;
}

.top-banner a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 1.0)!important;
    color: #000;
}
/*** end top yellow banner ***/


.interior {top: 180px; height: 160px;}

	.hline {
		border-top: 2px solid #005bbb;
		padding: 10px 0;
	}
	.clear {clear: both;}

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


	/*** Blue banner on homepage for time-senstive messaging ***/
		.deposit {
			background: #005bbb;
		}
		.deposit p {
			text-align: center; padding: 15px 0 0;
		}
		.deposit p a {
			border-bottom: none;
			color: #fff;
			font-family: SofiaWebBold;
			font-size: 1.5rem;
			text-decoration: none;
		}
	/*** end blue banner on homepage ***/

	/*** Banner on homepage for link to online viewbook ***/
		.vb-home {	
			background: #fff;
			border-top: 1px solid #005bbb;
			border-bottom: 1px solid #005bbb;
			padding: 20px 250px;
		}
		
		.vb-home p {
			color: #005bbb;
			font-family: SofiaWebLight;
			margin-bottom: 0;
			padding: 10px 0 0 0;
			text-align: left;
		}

		.vb-home p.small {
			color: #666;
			font-size: .85rem;
			padding: 15px 0 20px 0;
		}

		.vb-home img {
			border: 1px solid #005bbb;
			float: left;
			margin-right: 20px;
		}

@media(max-width:768px) {
	.vb-home {
		padding: 20px;
	}
	
	.vb-home p.small {
		clear: both;
	}
	.stat {
		border-top: 2px dashed #ffc72c;
		height: auto!important;
		padding: .75em 0;
	}
	
	.stat br {
		display: none;
	}
	
	.stat.stat-first {
		border-top: none;
	}
	
	.stat p.figure-top-pad-more,
	.stat p.figure-top-pad-smallest {
		padding-top: 0!important;
	}
	
	
	.deposit p {
		padding: 1.25em .75em .75em;
	}
}

	/*** end viewbook banner ***/

abbr, abbr[title] {border-bottom: none; text-decoration: none;}


/**** end layout ****/

.icon {
    float: left;
    padding-right: 10px;
    padding-top: 6px;
}

.spirit {margin: 1.5em auto 0; text-align: center; display: block; }


/**** Banner: large image top of page ****/
.banner {background-image: url(../img/home-banner.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}

   .banner-legal {background-image: url(../img/banner/legal.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
   .banner-parent {background-image: url(../img/banner/parent.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
   .banner-parent-faqs {background-image: url(../img/banner/parent-faqs.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;} /* 2021-02-15 D.Kozar added per DTS-771 */
   .banner-highschool {background-image: url(../img/banner/highschool.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
	.banner-counselors {background-image: url(../img/banner/counselors.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
   .banner-contact {background-image: url(../img/banner/contact.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}

  /*** Apply section ***/
  .banner-apply {background-image: url(../img/banner/apply-2.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-apply-freshman {background-image: url(../img/banner/apply-freshman.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-how-to-apply {background-image: url(../img/banner/how-to-apply.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-special {background-image: url(../img/banner/special-requirements.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-freshman-criteria {background-image: url(../img/banner/freshman-criteria.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-dates {background-image: url(../img/banner/dates.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-ap {background-image: url(../img/banner/ap.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-eop {background-image: url(../img/banner/apply-eop.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-apply-faq {background-image: url(../img/banner/apply-faq.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-reentering {background-image: url(../img/banner/reentering.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  /* end apply section */

  /*** Visit section ***/
  .banner-visit {background-image: url(../img/banner/ADMbannertest3.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}

  .banner-virtual-vub {background-image: url(../img/banner/virtual-vub.png); height:340px; background-repeat: no-repeat; background-size: cover; margin-left: -100px;}

   .banner-visit-virtual {background-image: url(../img/banner/visit-virtual.png); height:340px; background-repeat: no-repeat; background-size: cover; margin-left: -100px;}

.visit-banner {
	background-color: #005bbb;
	height: 340px;
}

.visit-banner .home {
	margin: 0 auto;
	display: block;
	width: 600px;

	
}

.visit-banner .home p {
	color: #fff;
	font-family: SofiaWebBold;
	font-size: 6.0em;
	/*margin: 0 auto 40px;
	padding-top: 30px;*/
	text-align: center;
	left: 400px;
}

.visit-banner .home img {
	display: block;
	width: 482px;
	/*height: 100px;*/
	margin: 0 auto;
	padding-top: 60px;
}

.visit-banner .visit-tagline {
	/*background-color: #f26c52;*/
	display: block;
	position: relative;
	padding: 10px;
	border: 1px solid #fff;
	margin: -45px auto 0;
	width: 418px;
	z-index: 10;
	clear: both;
}

.visit-banner .visit-tagline p {
	/*border: 1px solid #fff;*/
	background-color: #da3c28;
	color: #fff;
	font-family: MoreWebBook;
	font-size: 1.75em;
	font-style: italic;
	letter-spacing: 1px;
	margin-bottom: 0;
	text-align: center;
	padding: 10px!important;
	z-index: 10;
}

.visit-banner hr {
	border: none;
	border-top: 1px dashed #fff;
	clear: none;
	color: #fff;
	height: 2px;
	margin: 55px auto 0;
	padding: 0;
	width: 100%!important;
	max-width: 100%!important;
}


@media(max-width:768px) {
	.visit-banner {
		height: 300px!important;
		clear: both;
		margin: 20px 0;
	}
	.at-home {
		max-width: 100%;
		height: auto;
	}
	.visit-banner .home {
		max-width: 90%;
		padding-top: 10px!important;
	}
	.visit-banner .home img {
		padding-top: 40px!important; 
		
	}
	.visit-banner .visit-tagline {
		margin: -20px auto 0;
		max-width: 90%; 
	}
	
	.visit-banner .visit-tagline p {
		font-size: 1.5em;	
	}
}

.banner-blue-bg {background-color: #005bbb; height:340px; background-size: cover;}
.banner-blue-bg .home {color: #fff;
	font-family: SofiaWebBold;
	font-size: 6.0rem;
/*margin-left: 650px;*/
text-align: center;}
.light {font-family: SofiaWebLight;}
.banner-blue-bg .tag {color: #fff;
font-family: MoreWebBook; 
text-align: center;}
  /* end visit section */

  /***Academics section ***/
  .banner-academics {background-image: url(../img/banner/home-1.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-majors-programs {background-image: url(../img/banner/majors-programs.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-majors {background-image: url(../img/banner/majors.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-combined {background-image: url(../img/banner/combined.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-research {background-image: url(../img/banner/research.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-experiential {background-image: url(../img/banner/experiential.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-scholarly {background-image: url(../img/banner/scholarly.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-early-assurance {background-image: url(../img/banner/early-assurance.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-academic-support {background-image: url(../img/banner/academic-support.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-academics-faq {background-image: url(../img/banner/academics-faq.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-internships {background-image: url(../img/banner/internships.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  /* end academics section */

  /*** Costs & Aid Section ***/
  .banner-costs {background-color: #005bbb; background-image: url(../img/banner/costs.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}

  .banner-costs-2 {background-color: #005bbb; background-image: url(../img/banner/costs-2.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  
  .banner-financial-aid {background-color: #005bbb; background-image: url(../img/banner/financial-aid.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  /* end costs & aid section */

/** UB Swag Page **/
.banner-swag {background-image: url(../img/banner/flag.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
/* end Swag page */

  /*** UB Experience section ***/
  .banner-exp {background-image: url(../img/banner/experience.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-about-ub {background-image: url(../img/banner/about-ub.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-students {background-image: url(../img/banner/students.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-faculty {background-image: url(../img/banner/faculty.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}

  .banner-campus {background-image: url(../img/banner/campus-new.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-athletics {background-image: url(../img/banner/athletics.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-housing {background-image: url(../img/banner/housing.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-dining {background-image: url(../img/banner/dining.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-transportation {background-image: url(../img/banner/transportation.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-safety {background-image: url(../img/banner/safety.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-campusfaq {background-image: url(../img/banner/campusfaq.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}

  .banner-buffalo {background-image: url(../img/banner/buffalo-new.jpg); height: 340px; background-repeat: no-repeat; background-size: cover;}
  .banner-living-bflo {background-image: url(../img/banner/living-bflo.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-food {background-image: url(../img/banner/food.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  /* end ub experience section */

  /*** Transfer section ***/
  .banner-transfer {background-image: url(../img/banner/transfer-index.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-transfer-app {background-image: url(../img/banner/transfer-step1.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-transfer-transcripts {background-image: url(../img/banner/transfer-step2.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-transfer-offer {background-image: url(../img/banner/transfer-step3.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-transfer-req {background-image: url(../img/banner/transfer-requirements.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-transfer-degree {background-image: url(../img/banner/transfer-degreeprograms.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  .banner-transfer-experience {background-image: url(../img/banner/transfer-experience.jpg); height:340px; background-repeat: no-repeat; background-size: cover;}
  /* end transfer section */


  .tagline {max-width:80%; /*float: right;*/ z-index: 60; margin: 0; padding-top: 12.0em; padding-left: 40%; position: relative; display: block;}
  p.blurb {font-size: 3.0em; font-family: SofiaWebBold; color: white;text-align: right;  /*margin-right: 0; margin-left: 25%;*/ line-height: 1.0em; text-shadow: 1px 1px 1px #000;}

.viewbook {
	border: 1px solid #e1e1e1;
	margin-top: 20px;
	padding: 25px 0;
  }
.viewbook img {
	border: 1px solid #005bbb;
	display: block;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	width: 140px;
	height: 180px;
}
.viewbook p {
	font-size: .90em;
	padding: 15px 15px 0 15px;
	margin-bottom: 0;
	text-align: center;
}

.viewbook.transfer {
	margin-top: 0!important;
	margin-bottom: 20px;
}
/**** end large image top of page ****/

/**** Homepage carousel customizations ****/
.orbit {position: absolute; /*top: 160px;*/ top: 190px /*** changed to accommodate COVID-19 information ***/; left: 0; width: 100%;} 
.orbit-wrapper {height: 340px;}
.orbit-container {height: 340px; }
.orbit-image {height: 340px; margin-top: 0; }
.orbit-caption {color: #fff; font-size: 3.0em; font-family: SofiaWebBold; text-align: right; line-height: 1.0em; text-shadow: 1px 1px 1px #000; background-color: transparent;}
.orbit-previous {background-color: #005bbb!important; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.orbit-next {background-color: #005bbb!important; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.orbit-next:focus, .orbit-previous:focus {outline: 3px solid #41b6e6!important;}

/* MEC: Apr 9, 2020 - Custom pause added for Foundation's Orbit */
.pause-orbit {
    display: block;
    position: absolute;
    left: -1px;
    bottom: -1px;
    height: 40px;
    width: 43px;
    background-color: #005bbb !important;
    color: white;
    font-weight: bold;
    text-align: center;
    z-index: 100;
    text-decoration: none;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 2px;
}
.pause-orbit:hover, .pause-orbit:visited, .pause-orbit:active, .pause-orbit:focus { color: white; }
.pause-orbit:focus { outline: 3px solid #41b6e6 !important; }
.pause-orbit span {
    display: inline-block;
    margin: auto;
}
.pause-orbit span.pause {
    transform: rotate(90deg);
}
.pause-orbit span.play {
    display: none;
}
.pause-orbit.paused span.pause {
    display: none;
}
.pause-orbit.paused span.play {
    display: inline-block;
}
/* / */

.ub-at-home {
	background-color: #005bbb; background-image: url("../img/carousel/UBatHome-bg.png") top left no-repeat;
	height: 340px!important;
	background-size: cover;
	position: relative;
}

.at-home {
	/*background-color: #005bbb;*/
	background: #005CBB;
	background: -webkit-linear-gradient(top, #005CBB, #003157);
	background: -moz-linear-gradient(top, #005CBB, #003157);
	background: linear-gradients(to bottom, #005CBB, #003157);
	top: 0;
	left: 0;
	position: relative;
}

.home-icon::after {
	content: url("../img/icons/at-home-icon.png");
	padding: 0 10px;
}

.home .home-icon::before {
	background-image: url("../img/icons/at-home-icon.png") 0 0 no-repeat;
}

.mark {
	position: absolute;
	top: 100px;
	left: 40%;
}

.tag {
	position: relative;
	color: #fff;
	font-size: 2.0rem;
	/*left: 40%;*/
	padding-top: 8px;
}

.tag a,
.tag a:link {
	color: #fff!important;
	border-bottom: 1px solid #fff!important;
}

.asd {background-image: url("../img/carousel/HayesHall.jpg"); /*Previous image was hayes.jpg*/
	height: 340px;
	margin-top: 0;
	padding-top: 0;
    background-size: cover;
}
.asd p.first-text {
	/*padding-top: 100px; NOTE: Adjusted by CHD for single line of text*/
	padding-top: 100px;
	color: #fff;
	font-family: SofiaWebBold;
	font-size: 2.75rem;
	line-height: 2.75rem;
	/*margin-left: 600px;*/
	margin-right: 350px;
	margin-right: 150px;
	text-align: right;
	text-transform: none;
	}
.asd p {
	color: #fff;
	font-size: 1.0rem;
	/*margin-left: 600px;*/
	margin-bottom: 0;
	margin-right: 350px;
	text-align: right;
	text-transform: uppercase;
	
}
.asd p a, .asd p a:link {
	color: #fff;
	border-bottom: 0;
	text-decoration: underline;
}

.asd p a:hover {
	color: #e4e4e4;
}
/**** end homepage carousel customizations ****/



/********************************************* TABS CUSTOMIZATIONS *********************************************/

.tabs {
	border: none;
}

.tabs-content {
	margin-bottom: 35px;
}

.tabs-title {
	border: 1px solid #e4e4e4;
}

.tabs-title > a {
	border-bottom: none; 
	font-size: .95rem;
	font-weight: bold;
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
	background: #005bbb;
	color: #fff;
	font-size: .95rem;
	font-weight: bold;
}

.tabs-title > a:hover {
	border-bottom: none;
	background: #005bbb;
	color: #fff;
}

.tabs-content h2 {
	font-size: 1.2rem;
}

.tabs-content p,
.tabs-content ul {
	font-size: .90rem;
}

.tabs-content button,
.tabs-content .button {
	background-color: #005bbb!important;
	border-color: #e4e4e4;
}

.tabs-content .stacked {
	margin-bottom: .5rem;
}

.tabs-panel {
	padding: 0!important;
}
.tabs-panel .lt-grey {
	background: #f0f0f0;
	padding: 1.5rem 1rem;
}

.tabs-panel .white {
	background: #fff;
	padding: 1.5rem 1rem;
}

.event-date {
	border-right: 6px solid #f26c52;
	color: #005bbb;
	float: left;
	height: 80px;
	margin: 7px 20px 0 0;
	padding-right: 8px;
	text-align: center;
	width: 100px;
}

.event-date-on-demand {
	border-right: 6px solid #2f9fd0;
	color: #005bbb;
	float: left;
	height: 80px;
	margin: 7px 20px 0 0;
	padding-right: 8px;
	text-align: center;
	width: 100px;
}

.event-deets {
	margin-left: 130px;
}

.tabs-content button:hover,
.tabs-content .button:hover {
	background-color: #2f9fd0!important;
}

.panel-ruled-on-demand {
	border: 1px solid #e1e1e1; 
	margin-bottom: 2.0em;
}

.panel-ruled-on-demand h2 {
	background-color: #005bbb;
	color: #fff;
	font-family: SofiaWebBold; 
	font-size: 1.2rem!important;
	padding: .75em;
}

.panel-ruled-on-demand p {
	font-size: .90em; 
	padding: 0 1.0em;
}

.panel-ruled-on-demand .event-deets h3 {
	font-family: SofiaWebBold; 
	font-size: 1.0rem!important;
	padding: 0 1.0em 0 0;
}

.panel-ruled-on-demand .event-deets p {
	font-size: .90em;
	padding: 0 1.0em 0 0;
}

@media(max-width:768px) { 
	ul.tabs {
		margin: 0 auto 20px;
	}
	
	.tabs-title {
		float: none;
	}
	.tabs li.tabs-title {
		margin: 0 auto;
		max-width: 75%;
		text-align: center;
	}
	ul.tabs li.tabs-title a {
		display: block;margin: 0 auto;
	}
	
	.tabs-panel h2,
	.panel-ruled .event-deets h2 {
		padding-top: 0;
	}
	
	.stacked {
		width: 90%!important;
	}

}

/********************************************* END TABS CUSTOMIZATIONS *********************************************/


/***** Academic index page layout and image backgrounds *****/
.box-success {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/student-success.jpg) 0 0 no-repeat;
		width: 100%!important;
  		height: 500px;
    }

	@media(max-width:768px) {
		.box-success {
			background: 
				linear-gradient(
				  rgba(0, 0, 0, 0.4),
				  rgba(0, 0, 0, 0)
				),	
				url(../img/content/academics/student-success-sm.jpg);
			height: 400px;
		}
	}

.box-ubc {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/ubc.jpg) 0 0 no-repeat;
		max-width: 100%;
  		height: 500px;
    }

	@media(max-width:768px) {
		.box-ubc {
			background: 
				linear-gradient(
				  rgba(0, 0, 0, 0.4),
				  rgba(0, 0, 0, 0)
				),	
				url(../img/content/academics/ubc-sm.jpg);
			height: 400px;
			margin-bottom: 20px;
		}
	}

.box-uge {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/uge.jpg) 0 0 no-repeat;
  		height: 500px;
	margin-bottom: 20px;
}

	@media(max-width:768px) {
		.box-uge {
			background: 
				linear-gradient(
				  rgba(0, 0, 0, 0.4),
				  rgba(0, 0, 0, 0)
				),	
				url(../img/content/academics/uge-sm.jpg);
			height: 400px;
		}
	}


.box-research {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/research.jpg);
		height: 500px;
}

@media(max-width:768px) {
	.box-research {
		background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/research-sm.jpg);
		height: 400px;
		margin-bottom: 20px;
	}
}

.box-internships {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/internships.jpg);
  		height: 500px;
    }

	@media(max-width:768px) {
		.box-internships {
			background: 
				linear-gradient(
				  rgba(0, 0, 0, 0.4),
				  rgba(0, 0, 0, 0)
				),	
				url(../img/content/academics/internships-sm.jpg);
			height: 400px;
			margin-bottom: 20px;
		}
	}


.box-sa {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/study-abroad.jpg);
  		height: 500px;
    }

	@media(max-width:768px) {
		.box-sa {
			background: 
				linear-gradient(
				  rgba(0, 0, 0, 0.4),
				  rgba(0, 0, 0, 0)
				),	
				url(../img/content/academics/study-abroad-sm.jpg);
			height: 400px;
		}
	}

.box-cstep {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/cstep.jpg);
  		height: 500px;
		margin-bottom: 20px;
    }

	@media(max-width:768px) {
		.box-cstep {
			background: 
				linear-gradient(
				  rgba(0, 0, 0, 0.4),
				  rgba(0, 0, 0, 0)
				),	
				url(../img/content/academics/cstep-sm.jpg);
			height: 400px;
		}
	}


.box-mcnair {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/mcnair.jpg);
  		height: 500px;
    }

	@media(max-width:768px) {
		.box-mcnair {
			background: 
				linear-gradient(
				  rgba(0, 0, 0, 0.4),
				  rgba(0, 0, 0, 0)
				),	
				url(../img/content/academics/mcnair-sm.jpg);
			height: 400px;
			margin-bottom: 20px;
		}
	}


.box-lsamp {
        background: 
			linear-gradient(
			  rgba(0, 0, 0, 0.4),
			  rgba(0, 0, 0, 0)
			),	
			url(../img/content/academics/lsamp.jpg);
  		height: 500px;
    }

	@media(max-width:768px) {
		.box-lsamp {
			background: 
				linear-gradient(
				  rgba(0, 0, 0, 0.4),
				  rgba(0, 0, 0, 0)
				),	
				url(../img/content/academics/lsamp-sm.jpg);
			height: 400px;
		}
	}



.teaser-text {
        font-family: SofiaWebMedium; z-index: 999;
        margin: 0 auto;
		padding-top: 30px;
        /*left: 0;
        right: 0;
        top: 10%;*/ /* Adjust this value to move the positioned div up and down */
        text-align: center;
		text-shadow: 1px 1px 1px #333; 
        width: 85%; /* Set the width of the positioned div */
}

.teaser-white,
.teaser-white a,
.teaser-white a:link {
	border-bottom: none!important;
	color: #fff!important;
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.teaser-white a:hover {
	border-bottom: 2px solid #fff!important;
	
}

p.arrow {
	padding: 15px 0 10px;
	margin-bottom: 0;
}
p.arrow:after {
	content: "\e904";
	font-family: 'UBFont';
	font-size: 1.5rem;
  	color: #ccc;
}

.teaser-text p {
	color: #fff;
	line-height: 1.4rem;
}

.teaser-text ul {
	color: #fff;
	margin-left: 0;
	font-size: .90rem;
}

.teaser-text ul li {
	list-style-type: none;
}
.teaser-text ul li:before {
	font-family: UBFont;
	content: "\e906";
	font-size: 9px;
	padding-right: 6px;
}
.teaser-text ul li a,
.teaser-text ul li a:link {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.teaser-text ul li a:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
}

/***** end Academics index page *********************************/

/***************************** Costs page  **********************************/
.stat-victor {
	background-color: #005bbb;
	margin-bottom: 20px;
}

.stat-victor p {
	color: #fff;
	padding: 20px;
	text-align: center;
	font-size: .95em;
	line-height: 1.35em;
}
.stat-victor a,
.stat-victor a:link {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.stat-victor a:hover {
	border-bottom: 2px solid #fff;
}

.stat-victor a:visited {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.stat-victor .number {
	color: #fff;
	font-family: SofiaWebBold;
	font-size: 2.0em;
}

.stat-victor .fif {
	color: #fff;
	font-family: SofiaWebBold;
	font-size: 1.75em;
}

h2.arrow {
	font-size: 1.10em;
	font-family: SofiaWebRegular;
	margin-top: 10px;
}
h2.arrow:before {
	content: "\e902";
	font-family: UBFont;
	font-size: .80em;
  	color: #005bbb;
	padding-right: 6px;
 	/*right: -8px;*/
}

/***************************** end costs page **********************************/

  .photo-caption {float:right; border: 1px solid #ccc; width: 35%; margin-left:2.0em;}
  .photo-caption p {font-size: .85em; padding: 1.0em;}

  .thumbnail {margin-bottom: .5em;}
  .lc-blue {color: #005bbb; font-family: SofiaWebBold;}
  .caps-blue {text-transform: uppercase; color: #005bbb; font-family: SofiaWebBold;}
		.caps-blue-sm {display: block; font-size: .80em; text-transform: none; color: #005bbb; font-family: SofiaWebBold; padding-bottom: 20px!important;}
  .text {font-size: 1.0em; color: #666; padding-bottom: 2.0em;}
  .text-one {font-size: .90em; line-height: 1.3em; padding-bottom: 1.0em; color: #666; background: url(../img/icons/bullet-1.png) 0 2px no-repeat; padding-left: 26px;}
  .text-two {font-size: .90em; line-height: 1.3em; padding-bottom: 1.0em; color: #666; background: url(../img/icons/bullet-2.png) 0 2px no-repeat; padding-left: 26px;}
  .text-three {font-size: .90em; line-height: 1.3em; padding-bottom: 1.0em; color: #666; background: url(../img/icons/bullet-3.png) 0 2px no-repeat; padding-left: 26px;}
  .text-four {font-size: .90em; line-height: 1.3em; padding-bottom: 1.0em; color: #666; background: url(../img/icons/bullet-4.png) 0 2px no-repeat; padding-left: 26px;}
  .text-five {font-size: .90em; line-height: 1.3em; padding-bottom: 1.0em; color: #666; background: url(../img/icons/bullet-5.png) 0 2px no-repeat; padding-left: 26px;}
  .text-six {font-size: .90em; line-height: 1.3em; padding-bottom: 1.0em; color: #666; background: url(../img/icons/bullet-6.png) 0 2px no-repeat; padding-left: 26px;}

/***** Swag Page *****/
.no-bullet {
	list-style-type: none!important;
	padding-bottom: 20px;
}

.no-bullet li {
	display: block;
	float: left;
	margin-right: 30px;
}

li.instagram:before {
	content: "\e915";
	font-family: UBFont;
	color: #005bbb;
	padding-right: 8px;
}

li.facebook:before {
	content: "\e90f";
	font-family: UBFont;
	color: #005bbb;
	list-style-type: none;
	padding-right: 8px;
}

li.twitter:before {
	content: "\e913";
	font-family: UBFont;
	color: #005bbb;
	list-style-type: none;
	padding-right: 8px;
}
/*** end swag page ***/

/**** Stats bar on the homepage ****/

.stat-fif {background: #005bbb; color: #fff; margin: 0 0 0 1.0em; max-width: 100%; float: right;}
.stats {float: right; width: 30%; background: #005bbb; color: #fff; margin: 0 0 2.0em 2.0em;}
.stat {border-right: 3px dashed #ffc72c; text-align: center; color: #005bbb; height: 150px;}
p.figure {font-size: 1.0em; line-height: 2.4rem; font-family: SofiaWebBold; text-align: center; color: #005bbb; margin-bottom: 0; padding-top: .5rem;}
	p.figure-top-pad {font-size: .85em;line-height: 2.4rem; font-family: SofiaWebBold; text-align: center; color: #005bbb; margin-bottom: 0; padding-top: 16px;}
		p.figure-top-pad-smaller {font-size: .80em; line-height: 2.4rem; font-family: SofiaWebBold; text-align: center; color: #005bbb; margin-bottom: 0; padding-top: 12px;}
        p.figure-top-pad-smallest {font-size: .85em; line-height: 2.0rem; font-family: SofiaWebBold; text-align: center; color: #005bbb; margin-bottom: 0; padding-top: 12px;}
	p.figure-top-pad-more {font-size: .85em;line-height: 2.4rem; font-family: SofiaWebBold; text-align: center; color: #005bbb; margin-bottom: 0; padding-top: 1.30rem;}
p.stat-info {font-size: 1.9rem; line-height: 1.75rem; padding: 0 1.0rem; margin-bottom: 0; text-align: center; color: #005bbb;}
	p.stat-info-sm {font-size: 1.3rem; line-height: 1.60rem; padding: 0 1.25rem;text-align: center; color: #005bbb;}
	p.stat-info-smaller {font-size: 1.25rem; line-height: 1.60rem; padding: 0 1.0rem;text-align: center; color: #005bbb; margin-bottom: 0;}
    p.stat-info-viewbook { font-size: 1.4rem!important; line-height: 1.60rem; padding: 2.0rem 1.25rem;text-align: center; color: #005bbb; margin-bottom: 0; }
.padded {margin-top: 2.5rem;}
.padding-top {margin-top: .75rem;}
.pad-btm {margin-bottom: .85em!important;}
    p.stat-info a {text-decoration: underline; border-bottom: none;}
span.viewbook {font-size: 1.35em; line-height: 2.4rem; font-family: SofiaWebBold; text-align: center; /*padding: 0 1.0rem;*/}
p.stat-info a:hover {color: #666;}
p.source {font-size: .80rem; color: #005bbb;}
.stat-first {border-left: 3px dashed #ffc72c;}
.number {font-size: 4.0em; font-family: SofiaWebBold; text-align: center!important;}
  .info { text-align: center; padding: 0 1.0em 2.0em 1.0em; margin-top: -1.0em;}
  	.info-padded { text-align: center; padding: 0 1.0em 2.0em 1.0em; margin-top: .5em; font-size: 1.25rem;}
  .stats-divider {border-bottom: 2px dashed #fff; margin: 0 1.5em;}
  .mac {padding-top: .75em;}
  .spirit {padding-top: .5rem; text-align: center;}

  .hero-home {background-image: url(../img/hero-home.jpg); height: 735px; background-repeat: no-repeat; background-size: 100%;}

  hr.style5 {
	background-color: #fcfcfc;
	border-top: 2px dashed #c0c0c0;
	border-bottom: none;
	margin: 1.0em auto;}

	hr.style1 {
	background-color: #fff;
	border-top: 2px dashed #005bbb;
	border-bottom: none;
	margin: 1.0em auto;}

.red {color: #900; font-family: SofiaWebBold;}

.facts {color: #666; font-size: .90em;}

/*** left column callouts to match the viewbook ***/
.callout {width: 100%; font-family: SofiaWebBold; text-align: center; border: none;}
.ub-blue {color: #005bbb; font-size: 1.5rem;}
.capen-brick {color: #900;}
.large {font-size: 2.0rem;}

.parents {
	border: 1px solid #ccc;
	padding: 10px;
}

.parents ul {
	text-align: left;
	margin-left: 0;
	padding: 0 0;
}

.parents ul li {
	font-family: SofiaWebRegular;
	font-size: .90em;
	line-height: 1.2em;
	list-style: none;
	margin: 0;
	border-bottom: 1px dashed #005bbb;
	padding: 10px 0;
}

.parents ul li.last {
	border-bottom: none;
}


.quick {
	border-left: 3px dashed #005bbb;
	margin-top: 20%;
}
.quick h2 {
	padding-left:35px;
	text-transform: uppercase;
	font-size: 1.0em;
	font-family: SofiaWebBold;
}

.quick ul {
	font-size: .90em;
	list-style: none;
	margin-left: 35px;
}

.quick li {
	padding-bottom: 9px;
}

.deadline-alert {
	background-color: #ffc72c;
}

.deadline-alert p {
	color: #000;
	padding: 15px!important;
}


/*** end left column callouts ***/


/*** shaded box, see example of usage on the visit > index.php page ***/
.panel {background: #f2f2f2; padding: 1.5em; margin-bottom: 1.5em;}
.panel h2 {font-family: SofiaWebBold; font-size: 1.4em; }
.panel h3 {font-family: SofiaWebRegular; font-size: 1.1em; /*padding: 1.5em 1.5em 0 1.5em;*/}
.panel p {/*padding: 0 1.5em;*/}
.panel ul {/*padding: 0 1.5em;*/}

.panel-leftcol {background: #f2f2f2; padding: 1.0em; margin-bottom: 1.5em;}
.panel-leftcol h2 {font-family: SofiaWebBold; font-size: 1.2em; line-height: 1.4em!important;}
.panel-leftcol p {font-size: .80em; margin-bottom: 8px;}
.panel-leftcol ul {
	font-size: .80em;
	margin-left: 1.0em;
}
.panel-leftcol ul {
	list-style: none; 
}
.panel-leftcol li:before {
	content: "\e906";
	color: #005bbb;
	font-family: UBFont;
	font-size: .80em;
	padding-right: 8px;
	margin-left: -16px;
}

.panel-leftcol p.caption,
p.caption {
	font-size: .70em;
	color: #666;
	font-style: italic;
	padding: 0 10px;
}

.panel-leftcol .cell {
	border: 1px solid #666;
	margin-bottom: 10px;
}

.test-opt h2 {
	font-size: 1.15em;
}

.test-opt p {
	font-size: .90em;
} 

.panel-ruled {border: 1px solid #e1e1e1; padding: 1.5em; margin-bottom: 2.0em;}

/* .blue {border-left: 10px solid #005bbb;} */

.blue .button {margin-bottom: 0;}

li.padding-below {margin-bottom: 1.0em;} /* 2021-02-16 D.Kozar added per DTS-771 */
li.padding-below:last-child {margin-bottom: 0;} /* 2021-02-16 D.Kozar added per DTS-771 */

/**** Academic Program pages ****/
address {padding: 0 1.0em 1.0em; font-size: .90em; word-wrap: break-word;}
.personnel {padding: 0 1.0em 1.0em; font-size: .90em; word-wrap: break-word;}
i {font-family: SofiaWebRegular; font-style: normal; color: #005bbb;}

/****  Skiplinks  ****/
/* #skiplinks {display: inline; position: absolute; left: 50px; margin: 0 auto; top: 40px; font-size: .9em;} 
#skiplinks {display: block; position: absolute; left: -1000px; top: 0px; font-size: .9em; z-index: 9000; }
	#skiplinks a, #skiplinks a:link, #skiplinks a:visited, #skiplinks a:hover {color: #005bbb; border-bottom: none;}
    #skiplinks a:focus, #skiplinks a:active {background-color: #fff; color: #005bbb; padding: 10px;}*/
#skiplinks a { position: absolute; display: block; padding: 0.5rem; top: 4px; left: -1000px; z-index: 9000; }
#skiplinks a:link, #skiplinks a:visited, #skiplinks a:hover { color: white; }
#skiplinks a:active, #skiplinks a:focus { left: 50%; margin-left: -60px; background-color: #0056b3; color: white; text-decoration: underline; outline: 4px solid #669dd6; }

/**** end skiplinks ****/


/**** Links customizations ****/
a {color: #005bbb;
  text-decoration: none;
  border-bottom: 1px solid #c3d1e3;
  line-height: inherit;}
  a:hover {color: #005bbb; border-bottom: 1px solid #005bbb; text-decoration: none;}
  a img {border: none;}
  a:visited {color: #005bbb;}
a:focus {outline: 3px solid #41b6e6;}

  header a:hover {border-bottom: 0;}

/**** end links customizations ****/


/**** Main vertical navigation area ****/

.nav-orbit-container {margin: 0!important; height: auto; padding: 0!important;}


.menu {background-color: rgba(0, 91, 187, .9); font-size: 1.0em; position: relative; z-index: 60; margin-top: -1.5em; padding: 1.0em 0 0; display: block;}
	.menu ul {padding-bottom: 1.5em;}
		.menu ul ul {padding-bottom: .50em;}
	.menu li a {color: #fff; border-bottom: 0; padding: 1.25em 1.0em;}
		.menu li.last a {color: #fff; border-bottom: 0; padding: 1.25em 1.0em 2.0em;}
	.menu li a:hover {background: #fff; color: #005bbb;}

	.menu li.divider {
      border-top: 2px dashed #fff;
      height: 0;
      padding: 0;
	  margin: 0 1.0em;
      list-style: none;}

	  .menu .active > a {background: #fff; color: #005bbb; padding-bottom: 0; font-family: SofiaWebBold;}
	  .menu .active > a:hover {border-right: 0; border-left: 0;}
			.menu .active-no-sub > a {background: #fff; color: #005bbb; padding-bottom: 1.25em; font-family: SofiaWebBold;}
	  .vertical.menu {margin-top: -360px; }
	  	.vertical.menu.nav-home {margin-top: 0;}
	  .menu.nested {background: #fff; margin-top: 0; margin-left: 0; padding-bottom: 1.0em; padding-right: 0;}

		.nested li::before {color: #005bbb; content: "\e906"; font-family: UBFont; font-size: 10px; margin-left: 1.5em; top: 2px; vertical-align: top;}

		.nested li a:link,
		.nested li a {/*background: #fff url(../img/nav-bullet.png) no-repeat 1px 4px;*/ display: inline-block; padding: 0 0 1.0em 0; color: #005bbb; border-right: 0; border-left: 0; font-size: .85em; margin-left: .75em; line-height: 1.25em; width: 80%;}
		.nested li a:hover {border-right: 0; border-left: 0; font-family: SofiaWebBold;}
		.nested li a:visited {color: #005bbb;}
		.nested li ul li {padding: 0; color: #005bbb; font-size: 1.0em; margin: 0 1.0em 0 0; list-style: none; line-height: 1.5em;}
			.nested li ul li a:link {padding: 0 0 .60em 0; display: inline-block;}
			.menu .subactive > a {font-family: SofiaWebBold; color: #005bbb;}

/**** end main vertical navigation area ****/


/**** left-hand sidebar navigation for transfer and high school counselors sections ****/
ul.menu.audience {background: #e1e1e1; margin-top: 0; padding: 0 1.0em 1.5em 1.0em; margin-bottom: 2.0em;}
	.menu.audience li {background: #e1e1e1 url(../img/nav-bullet.png) no-repeat 1px 4px; }
	.menu.audience li a {color: #005bbb; /*border-bottom: 1px solid #c3d1e3; text-decoration: none;*/ padding: 0 1.0em .75em 1.0em; font-size: .90em; line-height: 1.2em; display: block;}
		ul.menu.audience li a:hover {font-family: SofiaWebBold; background: #e1e1e1 url(../img/nav-bullet.png) no-repeat 1px 4px;}
		ul.menu.audience li a:visited {color: #666;}
	ul.menu.audience li ul {list-style: none; padding-bottom: 0;}
		ul.menu.audience li li {line-height: 1.0em;}
		ul.menu.audience li li a:link {display: block;}
		ul.menu.audience li li a:hover {font-family: SofiaWebBold; background: #e1e1e1 url(../img/nav-bullet.png) no-repeat 1px 4px;}
		ul.menu.audience li.subactive > a {font-family: SofiaWebBold; color: #005bbb; }
	h3.subhead-audience {background: #e1e1e1; color: #005bbb; padding: 1.0em 1.0em; margin: 0 0 0 0; font-size: 1.0em; font-family: SofiaWebBold;}
		h3.subhead-audience a:link {border-bottom: none;}
		h3.subhead-audience a:visited {color: #005bbb;}
/**** end sidebar nav ****/


/**** Accordion customizations ****/
	a.accordion-title {color: #005bbb!important; font-size: 1.0em; font-family: SofiaWebBold; line-height: 1.25em;}
	.accordion-content {color: #666; line-height: 1.5em; padding-bottom: 1.0em; font-size: 1.0em;}
	.accordion-content h3 {color: #005bbb; font-size: 1.0em; font-family: SofiaWebBold; padding-top:.750em; margin-bottom: 0;}
.accordion-content h4 {padding-top:.75rem;}
.accordion-content ul {line-height: 1.4em; padding-bottom: 10px;}

		.accordion-content .visit {margin-left: 60px!important;}
		.accordion-content ul.visit  {margin-left: 100px!important; margin-bottom: 15px;}
/**** end accordion customizations ****/


/**** Text customizations ****/
h1, h2, h3, h4, h5, h6 {color: #005bbb; font-family: SofiaWebRegular, Arial, sans-serif; }
h1 {font-size: 2.0em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.1em; font-family: SofiaWebBold;}
h4 {color: #666; font-size: 1.0em; font-weight: normal; font-family: SofiaWebBold;}
h5 {font-size: .85em;}
h6 {font-size: .80em;}

h3.regular-font {
  font-family: SofiaWebRegular; /* 2021-02-16 D.Kozar added per DTS-771 */	
}

p {
  color: #666;
  font-family: inherit;
  font-weight: normal;
  font-size: 1.0em;
  line-height: 1.6em;
  margin-bottom: 1.0em;
  }

  p.summary {font-size: 1.20em; margin-top: 1.0em; color: #666; font-family:MoreWebBook;}
  	p.summary a {color: #005bbb;}
	p.summary a:hover {color: #005bbb;}
  .first {margin-top: 1.0em;}
  p.nopad {margin-bottom: 0;}

ul, ol, dl {font-size: 1.0em;
  line-height: 1.60em;
  color: #666;}

  ul, ol {margin-left: 2.0em;}

  ul li ul {font-size: 1.0em;}
  ul li ol {font-size: 1.0em;}

  .indent {margin-left: 1.0em;}

  ul.address {list-style: none;}
   ul.nobullet {list-style: none;}
   	 ul.nobullet li {padding-bottom: 0; line-height: 1.6em;}

 ol li ul {margin-top: 1.5em;}
 	ol li ul li {font-size: 1.25em; margin-left: 2.0em;}

	ol.alpha {list-style: lower-alpha;}

  ul.pad-btm li, ol.pad-btm li {padding-bottom: 8px;}
  	ul.pad-btm li ul {padding: 10px 0;}
		ul.pad-btm li ul li {padding-bottom: 0;}

.border {border: 1px solid #ccc; padding: 8px; margin-bottom: 1.0em;}

.margin-left {margin: 0 0 1.0em 1.0em;}

.padded-btm {padding: 0 0 .75em 0;}
	.padded-btm-more {padding: 0 0 1.25em 0;}
.padded {padding-top: 0em;}
.pad-top {margin-top: 1.75em;}

strong {font-family: SofiaWebBold; font-weight: normal;}


a.callout {margin: 1.0em 0 0 .750em; display: block; border-bottom: 0;}
.bloggers {background-color: #005bbb; padding-top: 1.0em; margin-right: 1.0em;}
	.bloggers h2 {color: #fff; padding-top: 1.0em; text-transform:uppercase; font-size: .95em;}
	.bloggers p {font-size: .90em; color: #fff; line-height: 1.25em; border-bottom: 2px dashed #fff; padding-bottom: 1.0em;}
	.bloggers ul {margin-left: 0; border-bottom: 2px dashed #fff; /*border-top: 2px dashed #fff;*/ font-size: .90em; padding: .25em 0 1.0em;}
	.bloggers ul li {list-style: none; color: #fff; line-height: 1.40em; font-size: .95em;}
	.bloggers ul li a {color: #ffc72c;}
	.bloggers ul li img {padding-bottom: .50em; width: 100%;}

	.grey {
		background: #e4e4e4;
		margin-top: 2.0em;
	}
		.grey h3 {font-family: SofiaWebBold; font-size: 1.1em;}
		.grey ul {margin-left: 0; margin-bottom: .50em; font-size: .95em;}
		.grey ul li {
			color: #000;
			font-family: SofiaWebBold;
			line-height: 1.25em;
			padding-bottom: .75em;
		}
		.small {font-size: .75em; line-height: 1.2em;}

	.solar {background: #e4e4e4; margin-top: 1.5em; border: none;}
	.solar h3 {font-family: SofiaWebBold; color: #444; font-size: 1.2em; padding-bottom: .5em;}
	.solar p {color: #444;}
	.solar ul {margin-left: 0; color: #444; text-align: left;}
	.solar ul li {padding-bottom: .75em; text-align: left;}
	.bold {font-family: SofiaWebBold;}



.covid-callout {
	background: #ffc72c;
	margin-top: 1.5em!important;
}

.covid-callout h2 {
	font-size: 1.0em;
	font-family: SofiaWebBold;
	color: #000!important;
	line-height: 1.3em;
	text-align: left;
}

.covid-callout p.update-date {
	font-size: .80em;
	text-transform: uppercase;
	color: #000!important;
	text-align: left;
}
.covid-callout p {
	color: #000;
	font-family:SofiaWebRegular;
	font-size: .85em;
	line-height: 1.5em;
	text-align: left;
	padding-bottom: 10px;
}

.covid-callout a {
	color: #000!important;
	border-bottom: 1px solid #000;
}

.covid-callout a:hover {
	color: #000!important;
	border-bottom: 2px solid #000;
}

/********/


.reveal {
	background: #005bbb;
	padding: 30px;
}
.reveal h1,
.reveal p {
	color: #fff;
}

button.close-button {
	background-color: transparent!important;
	color: #005bbb;
}

.responsive-embed {
	margin-bottom: 30px;
}

.float-left {
    float: left;
    margin-right: 20px;
}

.float-left-padded {
    /*float: left;*/
    padding-left: 0;
    padding-top: 0!important;
    font-size: 1.4em!important;
    line-height: 1.23em;
    margin-top: -3px!important;
}

.float-right {
    float: right;
    margin-left: 20px;
}

.img-top-padded {
	margin-top: 8px;
}

.img-border {
	border: 1px solid #ccc;	
	margin-top: 5px;
}

/**** end text customizations ****/

/*** EVENTS ***/
.date {color: #fff; width: 120px; height: auto; background: #666; float: left; margin-right: 20px; display: block; text-align: center; padding: 8px;}

.event-details {display: block; margin-left: 140px;}
.event-details h3 {font-size: 1.25em;}

h3.event-title {
	color: #da3c28;
}

h3.event-title-float {
	display: block;
	margin-left: 140px;
}

.sponsor {
	font-family: SofiaWebLight;
	font-size: .90em!important;
}

p.register {
	margin-left: 140px;
}
p.month {color: #fff; text-align: center; margin-bottom: 0; padding-top: 5px; font-size: 14px;}
p.day {color: #fff; text-align: center; font-family: SofiaWebBold; font-size: 26px; margin-top: -10px;}
/*** END EVENTS ***/


/**** A to Z pagination customizations ****/
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
    background: none repeat scroll 0% 0% rgb(128, 157, 196);}
	ul.pagination li.current a {background: none repeat scroll 0% 0% rgb(128, 157, 196);}
	ul.pagination li a {padding: 0.0625rem 0.625rem; border-bottom: 0;}
/**** end pagination custominzations ****/


/**** Horizontal audience navigation on homepage ****/
.audience-nav {
   background-color: #f2f2f2; height: 88px; width: 100%; /*position: relative;*/ z-index: 20; display: block; margin: -14px 0 0 0!important; padding: 0 0 0 .40em; font-family: SofiaWebMedium;}
  .audience-nav p {float: left; padding-top: 1.0em;}
  .audience-nav ul {padding: 0 0 .10em; display: inline-block; margin-top: -10px;}
  .audience-nav li {
    float: left;
	margin: 0;
	padding: 1.0em 0 0 0;
    font-size: 0.90em;
	line-height: 1.15em;
	list-style: none;}
    .audience-nav ul li a {
      display: block;
      color: #444;
	  text-decoration: none;
	  border-bottom: 0;
	  margin-left: 0;
	  padding-left: 3.0em;}
	.audience-nav li a:hover {color: #005bbb;}
    .audience-nav li.active > a:first-child {
      color: #4d4d4d;
      }

	  /*** Audience nav styling for small screen only ***/
	  .audience-nav-sm {margin-top: 1.0em; background-color: #e1e1e1!important;}

/* end audience nav */

/**** Homepage - text over large image ****/
.home-highlight {background: rgba(0,0,0,.75); padding: 1.0em 0; margin-top: 30.0em;}
	.home-highlight p {color: #fff; padding: 0 1.5rem .75em 1.5rem; font-size: 1.2em; line-height: 1.5em; margin-bottom: 0;}
	.home-highlight h2.emphasis {font-family: SofiaWebBold; font-size: 1.75em; color: #fff!important; padding-left: 1.5rem!important; padding-right: .75em!important;}
/**** end homepage text over large image ****/


/**** Related links ****/
.related-links {border: 1px solid #005bbb; background: #fff; padding: 0 0 1.0em 0; display: block; float: right; width: 100%; margin: 0 0 2.0em 0;}
	.related-links h2 {font-size: 1.1em; padding: 1.0em .875em 0 1.0em; font-family: SofiaWebBold;}
	.related-links h3 {font-size: .90em; padding: 1.0em .875em 0 1.0em; font-family: SofiaWebBold;}
	.related-links h4 {padding: 1.0em 1.0em 0 1.0em;}
	  .related-links ul {margin-left: .875em;}
	  .related-links ul li {font-size:.80em; list-style: none; padding: .875em .875em 0 2.0em; background: transparent url(../img/related-links-bullet.png) no-repeat 0 .80em; line-height: 1.5em; margin-left: 0;}

.related-links p {font-size: .80em; padding: 0 .875em;}
/**** end related links ****/

/**** When to apply callout on /apply/index.php ****/
.when {border: 1px solid #005bbb; background: #fff; padding: 0 0 1.0em 0; display: block; width: 100%; /*margin: 2.0em 0;*/ margin: 0 0 2.0em 0;}
.when h3 {padding: 1.0em 1.0em 0;}
.when p {font-size: .90em; padding: 0 1.0em; margin-bottom: .5em; line-height: 1.3em;}
/**** end when to apply callout ****/


/**** Block ****/
.block-content {
	border: 1px solid #ccc!important;
	margin-bottom: 20px;
}

.block-content.scroll {
	overflow-y: scroll;
	/*eight: 75%;*/
}

.column-block h2 {
	/*background: #ccc;*/
	font-family: SofiaWebBold;
	font-size: 1.25em;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	padding: 20px 20px 0;
}

.column-block h3 {
	padding: 0 20px 0 20px;
}
.block-content p {font-size: .95rem;
	padding: 0 20px;
}

/* code to make two containers (one with a scroll) equal height on the parents page */
.container {
  display: flex;
}

.child {
  flex: 1 1 auto;
}

.controls-panel {
  display: flex;
  flex-direction: column;
}

.controls {
  flex: 0 0 auto;
}

.content {
  flex: 1 1 0px;
  /*width: 400px;*/
  overflow-y: auto;
}


@media only screen and (max-width: 40em) {
	.container, .content, .scroll, .child {
		display: grid;
		position: relative;
	}
	
	.quick {
		margin-top: 10px;
	}
	
	.quick h2 {
		padding-top: 0;
	}
	
	.timeline-article ul {
		margin-top: 30px!important;
	}
	
}
/****************************/

/*===== Vertical Timeline =====*/
#conference-timeline {
  position: relative;
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}

#conference-timeline .conference-center-line {
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -2px;
  background: #006570;
  z-index: -1;

}
.timeline-article {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 20px 0;
}
.timeline-article .content-left-container,
.timeline-article .content-right-container {
  max-width: 44%;
  width: 100%;
}

.timeline-article .content-left,
.timeline-article .content-right {
  position: relative;
  width: auto;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.03);
  padding: 27px 25px;
}
.timeline-article ul {
  margin: 20px 0 0 24px;
  padding: 0;
  /*font-weight: 400;*/
  color: #666;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.timeline-article span.article-number {
  position: absolute;
  /*font-weight: 300;*/
  font-size: 22px;
  top: 10px;
  left: 30px;
  color: #005bbb;
}
.timeline-article .content-left-container {
  float: left;
}
.timeline-article .content-right-container {
  float: right;
}
.timeline-article .content-left:before,
.timeline-article .content-right:before{
  position: absolute;
  top: 20px;
  font-size: 23px;
  font-family: "FontAwesome";
  color: #fff;
}
.timeline-article .content-left:before {
  content: "\f0da";
  color: #ccc;
  right: -8px;
}
.timeline-article .content-right:before {
  content: "\f0d9";
  color: #ccc;
  left: -8px;
}
.timeline-article .meta-date {
  position: absolute;
  top: 0;
  left: 50%;
  width: 62px;
  height: 62px;
  margin-left: -31px;
  color: #fff;
  border-radius: 100%;
  background: #006570;
}

.fall {background: #DA3C28!important;}
.timeline-article .meta-date .date-timeline,
.timeline-article .meta-date .month-timeline {
  display: block;
  text-align: center;
}
.timeline-article .meta-date .date-timeline {
  font-size: 30px;
  line-height: 40px;
	padding-bottom:6px;
}
.timeline-article .meta-date .month-timeline {
  font-size: 10px;
  line-height: 0;
}
/*===== // Vertical Timeline =====*/

/*===== Resonsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {
  #conference-timeline .timeline-start,
  #conference-timeline .timeline-end {
    margin: 0;
  }
  #conference-timeline .conference-center-line {
    margin-left: 0;
    left: 50px;
  }
  .timeline-article .meta-date {
    margin-left: 0;
    left: 20px;
  }
  .timeline-article .content-left-container,
  .timeline-article .content-right-container {
    max-width: 100%;
    width: auto;
    float: none;
    margin-left: 110px;
    min-height: 53px;
  }
  .timeline-article .content-left-container {
    margin-bottom: 20px;
  }
  .timeline-article .content-left,
  .timeline-article .content-right {
    padding: 10px 25px;
    min-height: 65px;
  }
  .timeline-article .content-left:before {
    content: "\f0d9";
    right: auto;
    left: -8px;
  }
  .timeline-article .content-right:before {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .timeline-article p {
    margin: 0;
  }
  .timeline-article p span.article-number {
    display: none;
  }
  
}
/*===== // Resonsive Vertical Timeline =====*/


/**** Breadcrumbs customizations ****/
.breadcrumbs {margin-top: 0; margin-bottom: 1.0em; padding: .875em 0.875rem 0.275rem 0; background: #fff; border-bottom: 1px solid #f2f2f2; border-top: none; border-left: none; border-right: none;}
.breadcrumbs li {font-size: .75em;}
	.breadcrumbs li a {text-decoration: none; color: #005bbb; border-bottom: 0; text-transform: none;}
	li.disabled { text-transform: none; color: #666!important;}
/**** end breadcrumbs ****/


/**** Social media icons in the header ****/
ul.social {float: right; width: auto; padding: 0; margin: 0; display: inline-block;}
ul.social li {/*float: left;*/ list-style: none; margin: 0 5px 0 0; padding: 0; display: inline; /*width: 32px;*/}
ul.social li a {/*float: left;*/ border: none;}
/**** end social media ****/


/**** Buttons customizations ****/
button, .button {background-color: #007681!important; border-color: #e1e1e1; color: #fff!important; line-height: 1.4em; font-family: SofiaWebBold;}

  .margin {margin: 1.75em 2.0em 0 2.0em; padding: 0.875rem 1.0rem 0.9375rem!important; font-weight: 700 !important;}
.apply {width: 32%; }
.narrow {width: 28%; margin-left: 1rem; margin-bottom: 2rem;}
.margin-top {margin: 1.0em 2.0em; padding: 0.875rem 1.0rem 0.9375rem!important;}

.stacked {
	display: inline-block;
	height: auto;
	margin-bottom: 2.0rem;
	margin-right: 20px;
	position: relative;
	width: 35%;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #005bbb!important; color: #fff!important; border: 1px solid #41b6e6;}

button:visited, .button:visited {background-color: #005bbb; color: #fff;}

button.middle, .button.middle {width: 60%; margin-left: 20%; margin-top: 1.0em;}
.contact {margin-left: 53px;}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #41b6e6; color: #fff; border: 1px solid #41b6e6;}

	.map {padding: .75em 1.0em;}
		.map img {padding-right: .5em;}

.inline-button {background-color: #007681!important; padding: .1rem .50rem .15rem; color: #fff; margin-left: .50rem; font-size: .90rem; text-transform: uppercase;}
	.inline-button:hover, .inline-button:focus { background-color: #005bbb!important; color: #fff!important;}
	.inline-button:visited, .inline-button:visited {background-color: #005bbb; color: #fff;}

.announce {background-color: #007681!important; border-color: #e1e1e1; color: #fff!important; line-height: 1.4em; font-family: SofiaWebBold; padding: 0.875rem 1.0rem 0.9375rem!important;}

/**** end buttons ****/


/**** Datestamp ****/
.datestamp {clear: both; border-top: 1px solid #ccc; margin-top: 4.0em; padding-top: .50em; text-align: right; font-size: .75em;}
/**** end datestamp ****/


/**** Table customizations ****/
table tr td {/*font-size: .90em;*/ color: #666;}

	td.nowrap {white-space:nowrap;}
	.ctr {text-align: center;}
	.rt {text-align: right;}
	td.narrow {width: 15%;}
    
	.wide {width: 70%;}
	table thead tr th {color: #fff; background-color: #005bbb; font-size: .85em;}
	caption {color:#005bbb; font-family: SofiaWebMedium; font-weight: normal;}
caption .caption-em {font-family: SofiaWebRegularItalic; color: #666; font-weight: normal; }

/** Table for costs/index.php page **/
.border {font-size: .95rem;}
.border th {font-family: SofiaWebBold; font-weight: normal;}
.border tr {border-bottom: 1px dashed #666;}
.border tr.total { font-family: SofiaWebBold; font-weight: normal;}
.border tr.total .quarter {color: #005bbb;}
tr.total td.sub {color: #005bbb;}
.border td.sub {font-family: SofiaWebMedium;}
.quarter {width: 25%; text-align: right;}
/**** end table customizations ****/


/**** Footer ****/
footer {background: #005bbb; border-top: 1px solid #fff; padding: 2.0em 0 2.0em 0; margin-top:0;}
	footer img {width: 100%;}
footer a.footer-logo, footer a.footer-logo:hover {border-bottom: none!important;}
	footer a {color: #fff; border-bottom: 0;}
		footer a:hover {color: #fff; border-bottom: 1px solid #fff;}
	.legal {/*border-top: 1px solid #fff;*/ padding: 0;
			background-image: linear-gradient(to right, #fff 50%, rgba(255,255,255,0)0);
		background-position: top left;
		background-size: 8px 1px;
		background-repeat: repeat-x;
		height: 100%;
		display: block;
			width: 100%;

}
	footer p.col-head {color: #ffebb3; text-transform: uppercase; font-size: .80em; font-family: SofiaWebBold;}
	footer ul {line-height: 1.5em; margin-left: 0;}
	footer li {list-style: none; font-size: .90em; line-height: 1.4em; padding: 1px 0 .5em 14px; color: #fff; background: url(../img/footer-bullet.png) no-repeat 1px 8px;}
		footer li a, footer p a {text-decoration: none; border-bottom: 1px solid #fff;}
		footer li a:hover, footer p a:hover {color: #bfbfbf; text-decoration: none; border-bottom: 1px solid #bfbfbf;}
 		footer li a:focus, footer .legal a:focus {color: #fff; border-bottom: 1px solid #fff; text-decoration: none;}
		footer li a:visited, footer p a:visited {color: #bfbfbf; text-decoration: none; border-bottom: 1px solid #bfbfbf;}
		footer ul.address { margin-left: 53px; padding-top: .50em;}
		footer ul.address li {list-style: none;line-height: 1.4em; font-size: .80em; padding-bottom: 0; color: #fff; background: none; padding-left: 0;}
	p.left {text-transform: uppercase; color: #fff; font-size: 0.75em; padding: 0.875em 1.0em;}
	p.right {color: #fff; font-size: .70em; padding: 0.5em 0 0; text-align: right;}
		p.right-nopad-top {color: #fff; font-size: .70em; padding: 0; text-align: right;}
		p.right-nopad-btm {color: #fff; font-size: .70em; padding: 1.5em 0 0 0; margin-bottom: .5em; text-align: right;}
	.center {padding-top: 2.0em;}


.ub-175 {
	background-image: linear-gradient(to right, #fff 50%, rgba(255,255,255,0)0);
	background-position: top left;
	background-size: 8px 1px;
	background-repeat: repeat-x;
	height: 100%;
	display: block;
	padding: 10px 0;
	margin-top: 20px;
}

.ub-175 img {
	float:left;
	padding-top: 10px;
	width: 281px;
}

.ub-175 p {
	width: 400px;
	float: right;
	color: #fff;
	font-size: 13px;
	line-height: 1.25em;
	font-style: italic;
	margin-bottom: 20px;
	padding-top: 10px;
	text-align: left;
}
/**** end footer ****/


/* Style placeholder text in search form */
::-webkit-input-placeholder {
   color: #ccc; font-size: .90em;}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc; font-size: .90em;}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc; font-size: .90em;}

:-ms-input-placeholder {
   color: #ccc; font-size: .90em;}

   input {color: #ccc; font-size: .90em;}
input:focus {outline: 3px solid #41b6e6;}

/* Search */
.search {margin-top: 2.0em;}
/*i {
  font-size: 25px; color: #e1e1e1; padding-left: 10px;
}*/

/**** Search results ****/
.search-terms {background-color: #9eba29; font-family: 'Open Sans', sans-serif;}
	.search-terms p { color: #fff; margin-left: 1em; margin-bottom: 0; }
  		.search-terms p span.search-string {font-weight: 600; }
  	.search-stats p { color: #7f9cc4; margin: .50em 0 0 1em;}
  		.search-stats span { font-weight: 600;}
  	.search-navigation { font-size: .75em; text-transform: uppercase;}
  		span.search-nav-previous { margin-right: 2em; }
  	.results { font-size: .90em; padding: 0;}
  	.result:nth-child(even) { background-color: #e8eef4; padding: 1.25em 1.0em;}
  	.result { margin: 1.5em 0; display: block; padding: .50em;}
  		.result a.search-title-link {padding: 1.50em 0 0 0; font-weight: 600;}
  		.result p {font-size: .90em; margin: .50em 0 0 0; padding: 0 0;}
  		.result a.search-link { color: #9eba29 !important; margin: .50em 0 0 0; font-size: .75em; padding: 0 0 0 0; /*display: block;*/}

	#searchSubmitBtn {margin-bottom: 0;}
	.searchbox {padding-top: 1.0em; padding-bottom: 0; margin-bottom: 0;}
	/*label {font-size: .80em; color: #005bbb; line-height: 2.0em; float: left;}*/
	/*input#search {float: left;}*/

	.visuallyhidden {
	  border: 0;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
	}

li.align-right {text-align: right; position: relative; display: block; padding-top: 0 !important; line-height: 1.5em;}

@media only screen and (max-width: 40em) {
	.logo {margin: 0 auto; padding-top: 1.0em; text-align: center;}
	.interior-logo {margin: 0 auto; padding-top: 0; text-align: center!important; font-size: 28px;}
	ul.social {margin: 0 auto 1.0em; float: none; text-align: center; display: inline-block; width: 100%;}
	.hero-home {height: auto;}
	.home-highlight {margin: 15em auto 0; width: 100%;}
	h1 {font-size: 1.5em;}
	h2 {font-size: 1.0em; padding-top: 1.0em;}
	h3.important {margin-left: 0;}
	h3 {font-size: .80em; margin-bottom: 0;}
	p.summary {font-size: .80em; font-weight: 600; margin-top: 1.0em; color: #666;}
	p {font-size: .80em;}
	ul, ol {font-size: .75em; line-height: 1.75em;}
	ul.list {font-size: .75em; line-height: 1.75em;}
	li.bullet {font-size: .75em;}
    .audience-nav-sm {margin: 1.0em auto;}
		.audience-nav-sm ul {text-align: center; list-style: none; margin-left: 0; padding: 1.0em 0; background-color: #e1e1e1;}
	.padded-btm {margin-left: .50em; margin: 0 auto;}
	.sidebar {width: 100%; padding: 0!important; margin: 1.0em 0 0 0;}
	.breadcrumbs {display: none;}
	img.main {display: none;}
    .orbit {display: none;}
    .pause-orbit {display: none;}
	.tagline {display: none;}
	.menu {clear: both; padding: .50em 0; height: auto; display: block; z-index: 0;}
	.vertical.menu {margin-top: 0;}
	.menu.vertical li a {font-size: .90em;}
	.menu .active > a {padding: 1.0em 0 .50em 1.0em;}
	.menu .subactive > a {padding-top: 0; margin-top: 0;}
		.menu li.last a {padding-bottom: 1.25em;}
	.nested {padding-top: 1.0em;}
	.nested li a:link {font-size: .80em;}
	.main-content {margin-top: .75em; padding-top: 0; clear: both; position: relative;}
	.stat {width: 100%!important; margin: 0 auto!important;border-right: none;border-left: none;}
	.related-links {width: 100%; margin: 0 auto; padding-bottom: .5em;}
	.related-links ul li {padding: .875em .875em 0 2.5em; background: transparent url(../img/related-links-bullet.png) no-repeat 0 .50em;}

	.map {width: 100%;}

	footer img {max-width: 50%;}
	footer h3 {font-size: .90em;}
	footer ul li {font-size: 1.0em;}
	footer ul.address li {font-size: 1.0em;}
	footer p  {font-size: .80em;}
	footer ul.top-pad {padding-top: 0;}
		.pad-top {margin-top: 0;}
		.no-btm-mrg {margin-bottom: 0;}
		footer p.right-nopad-top, footer p.right-nopad-btm {text-align: center;}

	/* added for alert 4/14/18*/ .alert {height: auto;}

	 } /* max-width 640px */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	footer img {max-width: 100%;}
	.orbit {position: absolute; top: 160px; left: 0; /*width: 100%; */}
	/*.orbit-wrapper {height: auto; width: 100%;}
	.orbit-container {height: auto;  width: 100%;}*/
	.orbit-image {height: 340px; margin-top: 0;  width: auto; object-fit: cover;}
	}