* {  font-family: "Whitney A","Whitney B","proxima-nova-n4","proxima-nova","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;	/* font-family: 'Montserrat', sans-serif; */ }
body { font-family: "Whitney A","Whitney B", "Whitney","proxima-nova-n4","proxima-nova","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; text-rendering: optimizeLegibility; color:#1f1f1f; }
h1, h2, h3, h4, h5, h6 {padding-top: .273em; line-height: 1.2em; padding-bottom:.273em;}
h2 {font-size: 2em; font-weight: 800; color: #998643;}
h3, h5 {font-size: 1.125rem; color: #0d204a; font-weight: bold; margin: 15px 0 10px;}
p {text-align:left; font-size: 1rem; line-height:1.625em; font-weight:400; margin-bottom:13px;}
img {max-width:100%}


/*  @media (-webkit-device-pixel-ratio: 1.5) { * { zoom: 0.75; } }  - 9.2.22  -jess - Scaling fix - does not work */

.mastercontainer {margin:0; padding:0}
.container { max-width: 1880px; }
.contentarea {padding:0 12em 0 12em}
@media (max-width: 1580px) {.contentarea {padding:0 8em 0 8em;}}
@media (max-width: 1230px) {.contentarea {padding:0 6em 0 6em;}}
@media (max-width: 1060px) {.contentarea {padding:0 4em 0 4em;}}
@media (max-width: 780px) {.contentarea {padding:1em 0 1em 1em;}}

/* all sally stuff 
8.26.22 CLOSING NOTES - At the 768 breakpoint (B,C,D gets stacked) there is no need to keep the herotext high - bump threeboxes AND the herotext DOWN.

.sallyhero {background: url("/images/css/sally-tommy.jpg") no-repeat fixed top left;  width: 100%;  min-height: 80vh;}   8.29.22  -jt Moved to CP
*/
.sallyheroheader {font-size:180px; color:rgba(255,255,255,0.5); font-weight:bold; line-height:1em; margin:0px; padding:0px}
.sallyherotext {font-size:18px; color:#fff; line-height:1.3em}
.sallyherotextb {font-size:14px; color:#fff; line-height:1.1em}
.sallyblue {background-color:#0d204a; padding:1em}
.sallygold {background-color:#998643; padding:1em}
.sallyred {background-color:#99525e; padding:1em}
.threeboxes {padding:0px 100px 0px 100px; margin:-80px 0 0 0}
.sallyboxheader {font-size:24px; color:#fff; font-weight:bold}
.sallyboxtext {font-size:16px; color:#fff;}
.sallyboxtextbigger {font-size:24px; color:#fff;}
.athleticsbutton {text-align:center; padding:1em}
/* @media (max-width: 1060px) {.sallyhero {background-position-x:-700px; background-position-y:-100px }}   9.1.22  moved to CP  */
@media (max-width: 1280px) {.threeboxes {padding:0px 30px 0px 30px; }}
@media (max-width: 560px) {.threeboxes {padding:0px 20px 0px 20px; }}
@media (max-width: 560px) {.sallyherotext {line-height:1.3em}}
@media (-webkit-device-pixel-ratio: 1.5) { h4 { zoom: 0.8; } }

/*end sally*/





.sectionbar {display:block; background-color:#0d204a;}
.sectionbartitle {display: inline-block; font-size:16px; font-weight:bold; color:#fff; text-transform:uppercase; margin:0; padding:.4em; letter-spacing:.2em}


.actionlinks {list-style-type:none; display:inline-block; text-align:right; float:right; margin:0 0 0 1.5em; color:#998643; font-size:16px; font-weight:bold; text-transform:uppercase; padding:.4em;}
.actionlinks:hover {background-color:#998643; color:#fff;}
@media (max-width: 780px) {.actionlinks {display:none }}
@media (max-width: 780px) {.actionlinksql {display:inline-block; margin:0; padding:4px 4px 0 4px}}


.mainthiellogo {margin:15px; height:120px}
@media (max-width: 1580px) {.mainthiellogo {height:100px; }}
@media (max-width: 1230px) {.mainthiellogo {height:80px; }}
@media (max-width: 1060px) {.mainthiellogo {height:60px; }}
@media (max-width: 780px) {.mainthiellogo {display:none; }}


.mainmenu {display:block; background-color:#998643;}
.mainmenuoption {display:block; color:#0d204a; font-size:32px; font-weight:bold; padding:0 1em 0 0; margin:0; text-align:right; line-height:1.4em}
.mainmenuoption:hover {background-color:#0d204a; color:#fff; font-style:italic;}
.mmoselected {text-align:left; padding-left:.5em; color:#fff; background-color:#998643}
@media (max-width: 1230px) {.mainmenuoption {font-size:28px; }}
@media (max-width: 1060px) {.mainmenuoption {font-size:24px; }}
@media (max-width: 780px) {.mainmenuoption {display:none }}
@media (max-width: 780px) {.mmoselected {display:block }}
@media (max-width: 780px) {.desktopsearch {display:none }}


.mobilemenubar {background-color:#fff; border-bottom:1px solid #f0f0f0; display:none}
@media (max-width: 780px) {.mobilemenubar {display:flex; }}

.mmicon {margin:10px; font-size:36px; color:#0d204a; padding:0 }
@media (max-width: 420px) {.mmicon {font-size:24px; }}

.fasburger {color:#fff; margin:8px 12px 0 0;}

.mobilethiellogo {height:60px; margin:10px}
@media (max-width: 420px) {.mobilethiellogo {height:50px; }}




.catoptitle {color:#0d204a; background-color:#f0f0f0; display:block; margin:0.3em 0 .5em 0; padding:0; font-size:48px; text-align:left}
@media (max-width: 1230px) {.catoptitle {font-size:36px; margin:0.6em 0 .6em 0; }}

.maincontentimage {margin:0 0 1em 0}

/* Thiel mobile menu  */
.thielmobilemenu {background-color:#385592;}
.thielmobilemenu > a {text-decoration:none;}
.thielmobilemenuleft {width:50%; margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; background-color:#385592;}
.thielmobilemenuright {width:50%; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; background-color:#385592; border-left:1px solid #fff;}
.mobilemenuoptionleft {list-style-type:none; font-size:20px; font-weight:bold; text-align:right; color:#fff; text-transform:uppercase; margin:15px 0 0 0;}
.mobilemenuoptionthissection {background-color:#99525e; list-style-type:none; font-size:24px; font-weight:bold; text-align:left; color:#fff; text-transform:uppercase; margin:0; padding:0 0 0 1em}
.mobilemenuoptionright {list-style-type:none; font-size:20px; font-weight:200; text-align:left; color:#fff; margin:15px 0 0 0;}

#thielsearchmenu {background-color:#f0f0f0; padding:4px}


/* Left side menu */

.sidemenu {padding:0}
.sidemenu a:link {text-decoration:none;}
.ulsidemenu {padding:0px 0px 0px 12px;}
.menudivider {margin:0px; padding:0px 0px 5px 0px; border-width:4px}
li.menumastertitle {padding:0px 3px 3px 3px; list-style-type:none; color:#fff; color:#0d204a; font-size:175%; font-style:italic; font-weight:bold;}
li.menumastertitle:hover {background-color:#385592; color:#fff }
li.nav1 {border-bottom:1px solid #f0f0f0; padding:3px; list-style-type:none; color:#0d204a; text-align:right; margin:0px 28px 0px 0px;}
li.nav1:hover {background-color:#ccc; }
li.nav2 {border-left: 8px solid #998634; padding:2px 2px 2px 10px; list-style-type:none; color:#1f4cad; background-color:#f0f0f0;}
li.nav2:hover {background-color:#ccc; }
li.nav3 {border-left: 24px solid #998634; padding:2px 2px 2px 10px; list-style-type:none; color:#1f4cad; background-color:#fff; border-top-right-radius: .2em; border-bottom-right-radius: .2em;}
li.nav3:hover {background-color:#ccc; }
li.requestinfo {margin:2em 1em 0 0; padding:.4em; background-color:#99525e; list-style-type:none; text-align:center; font-weight:bolder; color:#fff; border-radius:.25rem; border: 6px solid #99525e;}
li.requestinfo:hover {border: 6px solid #998634;}
.sidemenucontact {background-color:#f0f0f0; border:1px solid #ccc; border-top:4px solid #0d204a; border-radius:.25rem; margin:40px 1em 20px 1em; padding:10px 20px 10px 20px;}
.sidemenucontactheader {font-size:smaller; font-weight:bold; background-color:#4d4d4d; color:#fff; padding:5px; margin-left:-20px; text-transform:uppercase;}
.smallerbold {font-size:smaller; font-weight:bold;}
.browseby {margin:20px 0 20px 40px; padding:10px 20px 10px 20px;}

.mmsidemenubutton {display:block; background-color:#fff; color:#99525e; margin:0; padding:4px; text-transform:uppercase; font-size:18px; font-weight:bold; text-align:left; font-style:italic;}

.reposidemenu {position:absolute; top:156px; left:0; right:0; margin:auto; z-index:300; background-color:#fff; border:3px solid #99525e; width:90%;}

#desktopkeywords {width:80%;}
#desktopsearch {background-color:#f0f0f0; padding:5px 0 5px 12px; margin:0px}
.desktopsearchbutton {float:right;}

/* address and social media footers */
.footercombo {background-color:#f5f5f5; border-top:1px solid #dcdcdc; padding:.3em 0 0 0; margin:3em 0 0 0;}
.footeraddress {margin:auto; justify-content:start; padding:0}
.footerboxaddress {display:inline-block; margin:.5em; vertical-align:top}
.footersm {margin:auto; font-size:1.4em; padding:0; border-top:1px solid #dcdcdc;}
.footersmleft {margin:0px; padding:10px}
.footersmright {margin:0px; padding:10px; text-align:end;}

.footerboxleft {display:inline-block; margin:.5em; vertical-align:top}
.footerboxright {display:inline-block; margin:.5em; vertical-align:top; float:right}
li.footer-social {display:inline-block; border-radius:.25rem!important; text-align:center; color:#0d204a; padding:.2em; margin-right:.3em;}
li.footer-social:hover {background-color:#0d204a; color:#fff;}

.nada {margin:0px; padding:0px}


/* modal quick links */
.modalql {border:5px solid #fff; font-weight:bold; text-align:center; padding:.7em; }  /* 4.8.22 -jt great idea -filter:grayscale(1); worthless on mobile  */
.modalql:hover {border-color:#f0f0f0; border-radius:.25rem; filter:grayscale(0);}
.modalqlicon {display:inline; width:40px; padding:1px 10px 1px 0px}
.qlicontext {padding:0px 10px 0px 10px;}   /* 8.4.22  padding will not work in a span   */
.qlfirstcont {border-left:5px dotted #999;}
.qlcont {border-left:5px dotted #f0f0f0;}

/*course offerings pages */
.courseid {background-color:#ccc; color:#fff; margin-bottom:5px}
.coursetitle {font-weight:bolder;}
.coursedesc {border-top:1px solid #ccc; margin-top:.2em; padding-top:.2em; margin-bottom:1em}
.coursecr {font-style:italic}

/* sidemenu events */
.smupcomingevents {background-color: #0d204a; color:#fff; padding:5px; font-weight:bold; border-radius:.25rem!important;}
.smevents {padding-left:40px}
.smevent {border-bottom:1px solid #ccc; margin:0px 0px 20px 0px;}
.smeventtitle {list-style-type:none}

/* staff-faculty pages */
.memberprofile {padding:.7em; border-bottom: 1px solid #f0f0f0;}

/*acad dept pages*/
.alumnistory {margin:0 0 1em 0; border-bottom:1px solid #f0f0f0}