/*a[name] {display:block;padding:40px;border:none;outline:0;}*/

a[name]{
  display: block;
  height: 80px; /*same height as header*/
  margin-top: -80px; /*same height as header*/
  visibility: hidden;
}


.tweet__meta{
	width:100%;
	overflow: hidden;
}

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

.table__scroll {
    overflow: none;
    -webkit-overflow-scrolling: touch;
}

.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;}}

/*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;}

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

.banner--tan{background:#C8C9C7;}

/*added space to make dropdown text more presentable
option {padding: .125rem 5% .125rem .75rem;}*/
option {padding: .25rem 5% .25rem .5rem}
.form__select select {
	margin: 0 0 2rem 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;}

.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
{
	padding-bottom: 45.42857%;
    width: 150%;
}

.helper-text
{
	margin-right: 1rem;
    font-size: 14px;
    top: -1.75rem;
    position: relative;
}

label.error {
	clear:both;
	top: -1.75rem;
    position: relative;
    font-weight:normal;
    line-height:12px;
    visibility:visible;
    border:1px solid #D8000C;
    padding:1%;
    color: red;
    background-color: #FFBABA;
	display:block;
}

.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;}

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

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

table.thirty {width:100%;}

.thirty tr > td:first-child {width:30%;}
.fourty tr > td:first-child {width:40%;}
.fifty tr > td:first-child {width:50%;}

.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%;}