* {  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%}


.mastercontainer {margin:0; padding:0; max-width:1920px;}
.container {margin:0; padding:0; max-width:1920px;}

/* 1.5.22 -jt - alternate technique - use calc() -- code for bb5_1 = background-position-x: calc(-270px - (1920px - 100vw)); */

.bigblue {background: rgba(13,32,74,0.9); min-width:700px; height:100vh; padding:0px 0px 0px 0px; margin:0 4em 0 0; padding:0; float:right}

.searchbar {display:flex; padding:3px 0 0 0}
#lowsearch {display:inline-flex}
.desktopsearchbutton {display:inline-block; margin:0 4px 0 4px}
#desktopkeywords {display:inline-block}
.searchicon {color:#fff}
.quickaction {list-style-type:none; display:inline-block; font-size:16px; margin:0px 10px; padding:0 3px; color:#fff; border-radius:.25rem;}
.quickaction:hover {background-color:#fff; color:#0d204a;}
.logobar {margin-top:3em}
.bbthiellogo {height:90px; margin:10px}
.menubar {display:flex; padding:10px; margin-top:3em}
.menuoption {list-style-type:none; display:inline-block; color:#fff; font-size:18px; padding:3px 5px; border-radius:.25rem; }
.menuoption:hover {background-color:#fff; color:#0d204a; }
.worldleaders {margin:5em 15px 0 0}
.launching {font-size:36px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:1em; letter-spacing:.1rem; text-align:center}
.betomcat {margin:2em 15px 0 0}
.greattime {font-size:28px; font-weight:400; color:#fff; font-style:italic; }
.ctabar {margin:2em 15px 0 0}
.ctabutton {list-style-type:none; display:inline-block; padding:3px 10px; margin:20px; background-color:#fff; color:#0d204a; font-size:28px; line-height:1em; font-weight:bold; text-transform:uppercase; border-radius:.25rem;}
.ctabutton:hover {background-color:#998643; color:#fff}


.mobilehero {display:none}
.mobilenav {display:none}
.homecomingbox {background-color:#998643; padding:.5em; border:3px solid white; position:absolute; top:12px; left:12px;}
.xmasbox {background-color:transparent; padding:0; position:absolute; left:12px; top:12px; border:3px solid #ccc;}
.matchdaybox {background-color:transparent; padding:0; position:absolute; left:12px; top:12px; width:32%; }
.matchdaygfx {padding:0px;}
.matchdaytxt {font-size:18px; color:#998643; font-weight:bold; display:none; line-height:0}
@media (max-width: 700px) {.deposit {height:26px; }}
@media (max-width: 700px) {.commence {height:70px; }}
@media (max-width: 1100px) {.matchdaybox {top:100px }}

@media (max-width: 600px) {.matchdaygfx {display:none; }}
@media (max-width: 599px) {.matchdaytxt {display:inline; }}
@media (max-width: 599px) {.matchdaybox {background-color: rgba(255,255,255,0.85); border:3px solid #ccc; text-align:center; border-radius:5px; }}


@media (max-width: 1100px) {.homecomingbox {top:92px; }}
@media (max-width: 420px) {.homecomingbox {top:80px; left:8px; }}
@media (max-width: 1100px) {.xmasbox {top:92px; }}
@media (max-width: 420px) {.xmasbox {top:80px; left:8px; }}
.homecomingboxtext {margin:0px; padding:0px; color:#fff; font-size:16px; font-weight:bold; text-align:center}
.xmasboxtext {font-size:12px; font-weight:bold; text-align:center; line-height:1em; color:#fff; }


@media (max-width: 1100px) {.bbthiellogo {display:none; }}
@media (max-width: 1100px) {.menubar {display:none; }}
@media (max-width: 1100px) {.bigblue {background: rgba(13,32,74,1); float:none; height:auto; width:100vw; min-width:320px; border-top:5px solid #f0f0f0;}}
@media (max-width: 1100px) {.searchbar {display:none}}
@media (max-width: 1100px) {.mobilehero {display:block}}
@media (max-width: 1100px) {.worldleaders {margin-top:2em;}}
@media (max-width: 1100px) {.heroimagecont {background:none; min-height:400px}}
@media (max-width: 1100px) {.mobilenav {display:block;}}

@media (max-width: 700px) {.launching {font-size:28px;}}
@media (max-width: 700px) {.worldleaders {margin-top:1em}}
@media (max-width: 700px) {.betomcat {margin-top:1em}}
@media (max-width: 700px) {.greattime {font-size:22px;}}
@media (max-width: 700px) {.ctabutton {font-size:24px;}}

@media (max-width: 440px) {.launching {font-size:20px;}}
@media (max-width: 440px) {.worldleaders {margin-top:0em}}
@media (max-width: 440px) {.greattime {font-size:16px;}}
@media (max-width: 440px) {.ctabutton {font-size:18px; margin:10px}}

/*  using all-left mobile nav    -- snp_all_left_mobilenavbar --     */
.mobilemenubar {background-color:#fff; border-bottom:1px solid #f0f0f0; display:none}
@media (max-width: 1100px) {.mobilemenubar {display:flex; }}
.mobilethiellogo {height:60px; margin:10px}
@media (max-width: 420px) {.mobilethiellogo {height:50px; }}
.mmicon {margin:10px; font-size:36px; color:#0d204a; padding:0 }
@media (max-width: 420px) {.mmicon {font-size:24px; }}
/* end mobile nav */

/* 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}
/* end thiel mobile menu */


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

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



/* Student Success  */
.homesectiontitle {font-size:24px; font-weight:bold; color:#0d204a; text-transform:uppercase; display:block; margin:1.5em 0 1.5em 0; padding:0 0 0 .5em; border-bottom:3px solid #998643; border-left:15px solid #998643;}
.successbullet {background-color:#f0f0f0; border-color:#ccc; margin:0; padding:2.5em; text-align:center; width:100%;}
.successbullettext {font-size: 20px; color:#000; }
.plusforty {font-size:200%; line-height:1.3em}
@media (max-width: 700px) {.successbullet {padding:1.5em;}}
@media (max-width: 700px) {.successbullettext {font-size:18px;}}
@media (max-width: 576px) {.sslinebreak {display:none;}}
@media (max-width: 576px) {.ssicon {display:none;}}
@media (max-width: 576px) {.plusforty {font-size:100%; line-height:auto;}}
@media (max-width: 576px) {.successbullet {padding:.5em 1.5em .5em 1.5em; border-top:1px solid #ccc}}
.disthiel {background-color:#fff; margin:0px; padding:0px; text-align:center}
.disthiel:hover {background-color:#998643;}
.dislearnmore {color: #998643; text-align:center; font-size:20px; font-weight:bold; line-height:1.4em; font-style:italic;}
.dislearnmore:hover {color: #fff; text-decoration:none}


/* newsroom */
.newscont {margin:1em 0 0 0; padding:0;}
.newsarticle {border-top:5px solid #f0f0f0; border-right:5px solid #f0f0f0; padding:2em}
/*.newsarticle:hover {border-top:5px solid #99525e;}*/
.newsarticletitle {font-size:20px}
.fullarticle {position:absolute; bottom:0px; right:3px; font-size:16px; font-weight:bold; font-style:italic; background-color:#99525e; color:#fff; display:inline; padding:0px 4px 0px 4px; border-radius:.25rem!important; }
@media (max-width: 700px) {.newssummary {display:none;}}
.fullnews {display:block; font-weight:bold; text-align:center; margin:1em 0 0 0}

/*calendar*/
.calendarcont {margin:0 0 0 0; padding:0;}
.calendarevent {background-color:#0d204a; color:#fff; margin:0; padding:1em; border:15px solid #fff}
.eventtitle  {font-size:20px; border-bottom:1px solid}
.eventcta {position:absolute; bottom:8px; right:8px; font-size:12px; font-style:italic; margin:0; padding:0}
.fullcalendar {display:block; font-weight:bold; text-align:center}

/*  Partners */
.homepagepartners {margin:0; padding:0}
.homegenerictitle {font-size:24px; font-weight:bold; background-color:#0d204a; color:#fff; text-transform:uppercase; font-style:italic; display:block; margin:0; padding:0 0 0 1em}
.homepagepartnerslogos {width:100%; height:200px; overflow-x:hidden; margin:0px; padding:0px; background-image: url("/images/css/2025-partners-strip-200pxv1.png");}
/* switch this back to 300 if issues */
.nou:hover {text-decoration:none}
.sparkle { animation-duration: 2s; animation-name: backgroundshift; animation-iteration-count: infinite; animation-direction:alternate; }

@keyframes backgroundshift {
  from { background-color:#998643; }
  to { background-color:#0d204a;  }
}

.partnerslide { animation-duration: 36s; animation-name: slidein; animation-iteration-count: infinite; animation-direction:alternate; animation-timing-function: linear;}

@keyframes slidein {
  from { background-positon:left; }
  to { background-position:right  }
}

.nada {margin:0; padding:0}
/* Calendar Modal Styles Added 2.13.23  - needs trimmed  */
.otherdt {padding:.25rem 1rem; }
.modalcalname {margin:.75em 0em .25em 0em; font-size:11px; }
.modaladd {margin:.25em 0em; font-size:11px; z-index:10}
.modaladdtocal {margin:0; padding:0}
#calModal {padding-right:6px; z-index:10000}
.mobilecalevent {padding-right:1px}
.eventpagetitle {font-size:2.5em}
.eventpagelocation {border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:1em 1em 1em 0;}
.eventpageeventwrapper {margin:0; padding:2em; background-color:#fff;}
@media (max-width: 700px) {.eventpageeventwrapper {padding:1em }}
.eventpagedt {font-weight:bold; color:#000; background-color:#f0f0f0}
.incalendar {font-size:smaller; background-color:#f0f0f0; border-radius:.25em; display:inline-block;}