/*iframe [src*="youtube"] {width:100%;min-height:350px;}
iframe[src*="youtube"] {
max-width: 100%    !important;
height: auto   !important;border:10px solid red;
}
*/


html {
  scroll-padding-top: 4.5rem;
}

a[name]{
/* modified 1/31/22 it breaks a name oI Courseleaf APi */
	display: block;	margin-top: 80px; /*same height as header*/
	visibility: hidden;
}

/* removed for text 9/1/21 MR
h2:not([class]) {font-size:2.25rem;
	line-height: 1.25;
}

h3:not([class]) {font-size:2rem;
	line-height: 1.25;
}*/

blockquote:not([class])::before {
	font-size: 2.5rem;
	content: '\f10d';
	font-family: FontAwesome;
}

td {vertical-align:top;padding:0 2% 0 0;}

/*.table__scroll {
overflow: hidden;
-webkit-overflow-scrolling: touch;
}*/

.button--white {border:1px solid #003DA5;margin-bottom:.25rem;}

.button--slide, .button--slide:hover  {
	background-color: #003da5;
	color:#fff;
}

.accordion__content {
	overflow: auto!important;
	max-height: 10% !important;

}

.accordion__toggle__text {color:#003da5;}

.stat__number {color:#6f563a;line-height:1;}

/*.hero__wrap{position:relative;padding-bottom:125%}
@media (min-width:32em){.hero__wrap{padding-bottom:100%}}
@media (min-width:48em){.hero__wrap{padding-bottom:75%}}
@media (min-width:64em){.hero__wrap,.hero__wrap--large{padding-bottom:70%}}
*/
@media (min-width:1em){.on-mobile{display:block !important;}.on-desktop{display:none !important;}}
@media (min-width:33em){.on-desktop{display:block !important;}.on-mobile{display:none !important;}}
@media only screen and (max-width: 640px) {
	.hero__video {
		display: none;
	}
}

/*preference is to have all table cells align to the top*/
td {vertical-align:top;padding:0 2% 0 0;}

/*for undergraduate counselors headshots - style subject to change if needed*/
img.headshot {width:100px;height:auto;margin:0 2% 3% 0;}

img.headshot-left {float:left;margin-right:1rem;max-width:40%;margin-bottom: 1rem;}
img.headshot-right {float:right;margin-left:1rem;max-width:40%;margin-bottom: 1rem;}

/*mainly written to clear out counselor sections for undergraduate counselors page*/
hr {clear:both;}

.banner--tan{background-color:#C8C9C7;}
.banner--grey, .banner-gray{background-color:#f0f0f0;margin:0}

/*added space to make dropdown text more presentable
option {padding: .125rem 5% .125rem .75rem;}*/
option {padding: .25rem 5% .25rem .5rem}
.col33 .form__select select {
	margin: 0 0 2rem 0;
	width:85%;
}

form .col50 {float:left;width:47%;margin-right:3%;}
form .col50:first-child {margin-right:0;}
form .col33 {margin-right:0;width:33%;float:left;}
form .col33:last-child {margin-right:0;}

.accordion__toggle, h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]) {font-weight:400;}

/*italic is not as readable*/
address {font-style: normal;}

.header__logo-center {width:9.75rem;}

@media only screen and (max-width: 1024px) {
	.header-fixed .header__logo-left {
		display: block;
		width: 14rem;
		height:auto;
		margin-top:.25rem;
	}

	.header__logo-left .svgstore--logo-left {
		display:block;
		width: 8rem;
		height:auto;
		top:-1.25rem;
	}
	.svgstore--logo-nursing-left,
	.svgstore--logo-doisy-left,
	.svgstore--logo-philosophy-left,
	.svgstore--logo-socialjustice-left,
	.svgstore--logo-healthoutcomes-left,
	.svgstore--logo-albert-left,
	.svgstore--logo-arts-sciences-left,
	.svgstore--logo-professional-studies-left,
	.svgstore--logo-parks-left,
	.svgstore--logo-business-left,
	.svgstore--logo-law-left,
	.svgstore--logo-medicine-left,
	.svgstore--logo-education-left,
	.svgstore--logo-dental-left,
	.svgstore--logo-arts-sciences-left,
	.svgstore--logo-bab-left,
	.svgstore--logo-madrid-left
	{
		display:block;
		padding-bottom: 45.42857%;
		width: 105%;
	}

}

@media only screen and (min-width: 64em) {
	.header-fixed .header__logo-left {
		display: block;
		width: 14rem;
		height:auto;
		margin-top:.25rem;
	}
	.header__logo-left .svgstore--logo-left {
		display:block;
		width: 8rem;
		height:auto;
		top:-1.25rem;
	}

	.svgstore--logo-left,
	.svgstore--logo-nursing-left,
	.svgstore--logo-doisy-left,
	.svgstore--logo-philosophy-left,
	.svgstore--logo-socialjustice-left,
	.svgstore--logo-healthoutcomes-left,
	.svgstore--logo-albert-left,
	.svgstore--logo-arts-sciences-left,
	.svgstore--logo-professional-studies-left,
	.svgstore--logo-parks-left,
	.svgstore--logo-business-left,
	.svgstore--logo-law-left,
	.svgstore--logo-medicine-left,
	.svgstore--logo-education-left,
	.svgstore--logo-dental-left,
	.svgstore--logo-arts-sciences-left,
	.svgstore--logo-bab-left,
	.svgstore--logo-madrid-left
	{		
		width: 100%;
	}	
}

.svgstore--logo-accelerating-excellence {width:80%;}

@media only screen and (max-width: 1024px) {
	.svgstore--logo-accelerating-excellence {width:100%;}
}
}

#logo-accelerating-excellence > path.cls-2 {fill:#cac8c8;}
#logo-madrid-left > path.cls-orange {fill:#db8916;}
.helper-text
{
	margin-right: 1rem;
	font-size: 90%;
	top: -1.75rem;
	position: relative;
}

label.error {
	clear:both;
	margin-top:-2rem;

	font-weight:normal;
	line-height:12px;
	visibility:visible;
	border:1px solid #D8000C;
	padding:2%;
	color: red;
	background-color: #FFBABA;
	display:block;
}


.form__select select {
	margin-bottom: 2rem;
}

.events__date{color:#444;font-weight:400;width:30%;clear:both;}

/* override google site search styles */
.gsc-search-box-tools .gsc-search-box .gsc-input {
	height: 3rem !important;
}

.gsc-input-box {
	height: 3.5rem !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	padding: 21px 27px !important;
	box-sizing: content-box !important;
	margin-top: 4px !important;
}

.gsc-control-cse table {
	border-collapse: separate !important;
}

.gsst_a {
	padding-top: 11px !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0 !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *{
	font-size: 19px !important;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result{
	font-size: 17px !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
	margin-right: 15px !important;
}

input.gsc-search-button-v2:hover {
	background: #00286c !important;
}


/*light boxed gallery edits */
.modal {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.modal-content{position:relative;}

.gallery-description{
	color: white;
	margin: -6px 2px 2px 2px;
	padding: .5rem;
	position: absolute;
	font-size: 1.2rem;
}

.media__type {height: 2.2rem;}

.modal__item.gallery-description {position: relative; text-align:center;}

/*Snippet img/caption left & right */
.snippet--img-caption-left{width:45%; float:left; padding: 0 1.2rem 1.2rem 0;}
.snippet--img-caption-right{width:45%; float:right; padding: 0 0 1.2rem 1.2rem;}

/*ou-table-with-caption snippet edits to include footer */
table.ou-table-with-caption .table-scroll-option{
	background-color: #FFFFFF !important;
	color: #000000;
	font-size: inherit;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

table.ou-table-with-caption .table-scroll-option:before {
	content: 'Type scroll or leave area blank to modify how the table acts in mobile.';
	display: block;
	width: 100%;
	/* font-size: 0.7rem; */
	padding: 5px 15px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
	font-weight: 800;
	font-size: 14px;
	vertical-align: middle;
}

.table-image-option:before {
	content: 'Type full, leftcaption, rightcaption, left, or right to control the layout of images. .';
	display: block;
	width: 100%;
	/* font-size: 0.7rem; */
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
	font-weight: 800;
	font-size: 14px;
	vertical-align: middle;
}

/* Facebook styling to prevent links from breaking css width */
.facebook a {
	word-wrap: break-word !important;
	word-break: break-word !important;
}

.widget a {
	word-wrap: break-word !important;
	word-break: break-word !important;
}

/*///////////////////////////////////////////////////////
/ NATES Table test ////////
/////////////////////////////////////////////////////*/

.col-heading{
	background: #003da5; color: #fff; font-size: 1.25rem; font-weight: 400; padding: .625rem 1.25rem;
}

.col-items{
	padding: .625rem 1.25rem;
}
.col-items:nth-child(odd) {
	background: #f0f0f0;
}

/* ///////////////////////////////////////////////////*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contact .accordion {border-color:#fff;margin:0 0 1rem 0;padding:0;}
.contact .accordion__item {border-color:#ffffff;margin:0;padding:0;}
.contact .accordion__toggle {margin:0;padding:0;}
.contact .accordion__toggle__text {font-size:1.2rem; text-align:right;padding:0 .5rem;}
.contact .date  {text-align:left;padding:0;}
.contact .accordion__content p {text-align:right;padding:0 .5rem;}

.contact2 .accordion {border-color:#fff;display:block;width:100%;float:right;clear:both;}
.contact2 .accordion__item {border-color:#fff;margin:0;padding:0;}
.contact2 .left {width:65%;float:left;text-align:left;}
.contact2 .accordion__toggle {margin:0;padding:0;display:inline;width:30%;float:right;}
.contact2 .accordion__toggle__text {font-size:1.2rem; text-align:right;padding:0 .5rem;width:90%;}
.contact2 .date  {text-align:left;padding:0;}
.contact2 .accordion__content {display:block;width:100%;padding:1rem;float:right;clear:both;background-color:#f1f1f1;}
.contact2 .accordion__content p {text-align:right;padding:0 .5rem;}
.contact2 .accordion__toggle__icon {margin:3px 0 0 0;padding:0;}

.col1-bold tr > td:first-child {font-weight:600;}

/* Table styling /*/

table.thirty {width:100%;}
.five tr > td:first-child {width:5%;}
.ten tr > td:first-child {width:10%;}
.fifteen tr > td:first-child {width:15%;}
.twenty tr > td:first-child {width:20%;}
.twenty-five tr > td:first-child {width:25%;}
.thirty tr > td:first-child {width:30%;}
.thirty-five tr > td:first-child {width:35%;}
.fourty tr > td:first-child {width:40%;}
.fifty tr > td:first-child {width:50%;}
.seventy-five tr > td:first-child {width:75%;}

td.ten {width:10%;}
td.fifteen {width:15%;}
td.twenty {width:20%;}
td.twenty-five {width:25%;}
td.thrity {width:30%;}
td.fourty {width:40%;}
td.fifty {width:50%;}
td.seventy-five {width:75%;}

td.right {text-align:right;}
td.center {text-align:center;}

.slu-blue tr th {background-color:#003da5;color:#fff;font-weight:700;line-height:110%;padding:1rem;text-align:left;}
.slu-blue tr {border:.0125rem solid #cdcdcd;}
.slu-blue tr td {padding:1rem;line-height:110%}
.slu-blue tr th {border-right:1px solid #fff;}
.slu-blue {margin:0 0 2rem 0;}

.tiger tr:nth-child(even) {background: #f1f1f1;}
.tiger tr:nth-child(odd) {background: #fff;}

.tiger tr:hover {background:#ccc;}

.borders tr td {border-left:.0125rem solid #cdcdcd}


/* Responsive */

@media (max-width: 767px) {
	
	.thirty-five tr > td:first-child {width:100%;}

    .slu-blue {
        display: block;
        width: 100%;
		overflow-y: auto;
    }
    .slu-blue:before{
        content: "Scroll horizontally >";
        display: block;
        text-align: right;
        font-size: 90%;
        color: #000;
        padding: 0 0 1rem;
    }
    .slu-blue thead, .slu-blue tbody, .slu-blue thead th {
        display: block;
    }
    .slu-blue thead th:last-child{
        border-bottom: none;
    }
    .slu-blue thead {
        float: left;
    }
    .slu-blue tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .slu-blue td, .slu-blue th {
        padding: .5rem;
        height: 100px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: visible;
        overflow-y: auto;
        min-width: 100%;
        font-size: 100%;
        text-overflow: ellipsis;
    }
    .slu-blue thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }
    .slu-blue tbody tr {
        display: table-cell;
    }
    .slu-blue tbody tr:nth-child(odd) {
        background: none;
    }
    .slu-blue tr:nth-child(even) {
        background: transparent;
    }
    .slu-blue tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }
    .slu-blue tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }
    .slu-blue tbody td {
        display: block;
        text-align: center;
    }
    .slu-blue th:first-child, .slu-blue td:first-child {
        height: 150px;

    }
}







.list tr > th {margin:3rem 0;padding:.75rem;font-weight:600;padding:.5rem;text-align:left;border-top:1px solid #000;}
.list tr > th.head {background-color:#003DA5;color:#fff;border-top:none;}
.list tr > td {margin:0;padding:0 0 .75rem 2rem;}

.text-left tr > td:first-child {text-align:left;}
.text-right tr > td:first-child {text-align:right;}

.tm {top:0;font-size:50%;}

a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
}
/* a.skip-main:focus, a.skip-main:active {
	color: #fff;
	background-color:#000;
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow:auto;
	margin: 10px 35%;
	padding:5px;
	border-radius: 15px;
	border:4px solid yellow;
	text-align:center;
	font-size:1.2em;
	z-index:999;
} */

.tweet__meta{
	width:100%;
	overflow: hidden;
}
.tweet__text p a, .facebook__text p a  {
	text-decoration: underline;
}

/*

.juicer-feed .j-twitter-text::before, .juicer-feed .j-twitter-date,.j-on,
.juicer-feed .j-meta a, .juicer-feed .j-meta,
.juicer-feed .j-meta .j-twitter-intents a.j-twitter-reply,
.juicer-feed .j-meta .j-twitter-intents a.j-twitter-retweet,
.juicer-feed .j-meta .j-twitter-intents a.j-twitter-like,
.j-message p, .j-twitter-date

{
color: #000;
}
.j-paginate,
a.juicer-button,
.juicer-feed .j-paginate {border-color:#003da5;color:#fff;background:#003da5;}

.juicer-feed .j-paginate:hover {background:#00286c;}

.j-twitter .j-twitter-text .j-social .j-twitter-post-icon,
.juicer-feed .j-twitter-text {
color: #000;
background: none;
}

.juicer-feed .j-meta .j-twitter-date {
color: #000;
}

*/
.error {padding-left: 5px; color:red; font-weight:bold;}
.bg-diag-striped {background-image:url("/_resources/css/_img/diag-striped.png");background-repeat: repeat;}
.pattern-diagonal-blue {background-image:url("/_resources/css/_img/pattern-diagonal-blue.png");background-repeat: repeat;}

.bg-deco {background-image:url("/_resources/css/_img/deco.png");}
.bg-chevron-10 {background-image:url("/_resources/css/_img/patterns-chevron-10.png");}
.bg-chevron-50 {background-image:url("/_resources/css/_img/patterns-chevron-50.png");}
.bg-chevron-100 {background-image:url("/_resources/css/_img/patterns-chevron-100.png");}

.bg-line-orange {background-image:url("/_resources/css/_img/line-orange.png"); background-repeat:repeat-x;background-position:left center;}
.bg-line-bronze {background-image:url("/_resources/css/_img/line-bronze.png"); background-repeat:repeat-x;background-position:left center;}
/*added 4/10/19 MR -- hides sidebar nav is _nav is empty uses jQuery function */
.hideDropdown {display:none;}

/*.hero__title::after {font-family:FontAwesome,Arial,sans-serif; font-weight: 900; content: "\f078";clear:both;}*/

.hero__headline {text-shadow: 0px 0px 3px rgba(0,0,0,.5);color:#fff;margin:0 auto; margin:10% 12.5%;width:75%; -webkit-text-stroke-width: .25px;
  -webkit-text-stroke-color: black;}

.hero__title-float {bottom:40%;}

iframe.majorsquiz {margin: 0 auto 2rem; padding: 0; width: 100%; height: 600px;overflow:auto;}

/* custom twitter display for sidebar */
@media (min-width:32em){.move-to-left {left: 0;position: relative;width:100%;}}
@media (min-width:48em){.move-to-left {left: 0;position: relative;width:100%;}}
@media (min-width:64em){.move-to-left {left: -12%;position: relative;width:112%;}}

.grid--scroll {margin-bottom:2rem;}

.alert-box-wrap {width:100%;padding:.75rem .75rem .25rem;background-color:#ffdf00;}
.alert-box-text {width:80%;margin:0 auto;padding:.75rem 0 0;}

p.subhead,.main + p.subhead,
h2 + p.subhead,
h3 + p.subhead {font-family:brandon-grotesque,sans-serif;font-size:130%;line-height: 1.5;font-weight:500;color:gray;margin-bottom:.5rem;}

.subhead-orig {font-family:brandon-grotesque,sans-serif;font-size:140%;line-height: 1.5;font-weight:400;color:#777;margin-bottom:.5rem;}