/* Reset
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {line-height: 1.3em;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Highlight Changed to Brand Colors */
::selection {
  background: var(--color-accent);
  color: var(--color-black);
}

html {background: url('../img/handmadepaper.png') top left repeat; overflow-y: scroll;}
.noscroll {overflow: hidden; position: relative; height: 100%;}
body {line-height: 1.5em; font-size: 13px; font-family: "Lato","Corbel","Calibri","Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif; background-color: var(--surface-secondary); color: var(--text-primary); overflow-x: hidden;}
ul, ol {list-style: none; list-style-position: inside !important; margin-bottom: 20px;}
ol {list-style: decimal;}
ul.list {list-style: disc; list-style-position: outside !important;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
table img {max-width: inherit !important;}
td {vertical-align: middle;}
th {font-weight: bold;}
a, a:visited {text-decoration: none; color: var(--text-link); font-weight: bold; cursor: pointer;}
a.btn, a.btn:visited {color: var(--color-white);}
a:hover, a:active {text-decoration: none; color: var(--color-tertiary-darker);}
a.btn:hover, a.btn:active {color: var(--color-white);}
h1,h2.modified-h1, .gcu.reg .banner h1  {font-family: 'Oswald', arial, serif; font-size: 2.5em; color:#777;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
h2 {font-size: 1.5em; color: var(--color-secondary);text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);margin-bottom: 10px;border-bottom: 1px solid var(--color-gray-100);padding-bottom:5px;font-weight:normal;line-height:1.3em;}
h3, h1.modified-h3 {font-family: 'Oswald', arial, serif; font-size: 2em; color: var(--color-tertiary);margin-bottom:20px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);clear:left;}
h4 {font-size: 1.2em; color: var(--color-gray-500);margin-bottom:10px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);clear:both;letter-spacing: 0px;font-weight:normal;line-height:1.4em;}
h5 {font-size: 1.2em; color: var(--text-muted);text-transform: uppercase;margin-bottom: 15px;clear:left;line-height: 1.4em;letter-spacing: 0px;font-weight:normal;}
h6 {font-size: 1.2em; color: var(--color-secondary);text-transform: uppercase;margin-bottom: 5px;clear:left;line-height: 1.4em;font-weight:bold;letter-spacing: 0px;}
p {margin-bottom: 1.3em; line-height: 1.4em; font-size: 1.1em;}
html.noscroll{overflow: hidden;}

/* Base
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Legacy buttons */
a.button, button, .learn-more, #featured_profile_next {display: inline-block; border: none;}
button img, a.button img {margin: 0 5px -4px 0; padding: 0; border: none; width: 16px; height: 16px; float: none;}
a.button, button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 10px;   /*** Links ***/
  border:none;
  background-color: #ddd;
  font-size:100%;
  line-height:150%;
  text-decoration:none;
  font-weight:normal;
  color:#555;
  cursor:pointer;
  font-family:Lato,sans-serif;
  border-radius: 8px;
}

/* Form wrappers */
.input_wrapper {margin-right: 45px; padding: 0; float: none; height: 0;}
.input_wrapper.l-button {margin-right: 100px;}

/* Form element defaults */
form div {clear: both;}
input {float: left; margin: 0; padding: 0; line-height: 1em;}
input[type='checkbox'], input[type='radio'] {margin-right: 10px;}
label {margin-bottom: 0; cursor: pointer;}
label span {font-weight: normal; font-style: italic;}
span.req-star {color: #ff1111; margin-left: 5px;}
input[type="date"], input[type="email"], input[type="tel"], input[type='text'], input[type='password'], input[type='number'] {
  padding: 7px 3px;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
}
select {width: 100%;}
input::placeholder {color: var(--text-muted);}

.content {width: 100%; max-width: 1260px; margin: 0 auto; position: relative; overflow: hidden;}
.flex-grid {display: flex; align-items: top; justify-content: space-between; flex-wrap: wrap;}
.top_bar .flex-grid {align-items: center;}
.grow {display: flex;}
.col1 {flex: 1;}
.col2 {flex: 2;}
.col3 {flex: 3;}
.col4 {flex: 4;}
.col5 {flex: 5;}
.col6 {flex: 6;}
.col7 {flex: 7;}
.col25{width: 25%; float: left;}
.col30 {width: 30%;}
.showonmobile {display: none;}
.page-title {padding: 110px 0 25px 0; text-align: center; background: url('../img/handmadepaper.png') top left repeat;}
.middle, .reg.acu-faq .middle {padding: 20px 0; border-top: 1px solid #ddd; background: var(--surface-primary);}
.middle .content, .purple_overlay .content {width: 96%; padding: 0 2%;}
.accordion-container ul {display: none;}
.ft_heading {text-transform: uppercase; color: var(--color-black); letter-spacing: 3px; font-size: 14px; font-weight:bold; margin-bottom: 4px; font-family: proxima-soft, sans-serif;}
.button:visited {color: var(--color-gray-600);}
.button.selected, .button.selected:hover, .button.selected:visited {background-color: var(--text-link); color: var(--color-white);}
button img, a.button img {top: 4px !important;}
.btn.sm, button.sm {font-size: var(--btn-font-size-sm); padding: var(--btn-padding-sm);}
.btn.ex-sm, button.ex-sm {font-size: 12px; padding: var(--btn-padding-xs); margin-bottom: 5px;}
a.btn.normal:hover, button.normal:hover, a.btn.normal:visited, button.normal:visited {color: var(--color-gray-500) !important; background: var(--color-gray-200);}
.btn.stretch, button.stretch {width: 96%; padding: 15px 2%; background-color: auto !important; border: none !important; margin-bottom: 10px;}
button.stretch {width: 100% !important;}
.go {background: var(--btn-go-bg) !important; color: var(--btn-go-text) !important;}
.go:hover, .go.saved, #bbo #bbo_btn_y:hover {background: var(--btn-go-hover)!important;}
a.btn.go-dark:hover {color: var(--color-black) !important;}
.go-dark, .go-dark:active {background: var(--color-go) !important; color: var(--color-black) !important;}
.go-dark:hover, .go-dark:visited {background: var(--color-go-dark) !important;}
.btn, button {color: var(--color-white); padding: var(--btn-padding); cursor: pointer; font-size: var(--btn-font-size); display: inline-block; border-radius: 0; float: none; transition: var(--btn-transition); margin: 0; margin-bottom: 20px; border-radius: var(--btn-radius); text-align: center;}
.bookmark {background: var(--btn-bookmark-bg) !important; color: var(--btn-bookmark-text) !important;}
.bookmark:hover {background: var(--btn-bookmark-hover) !important;}
.compare, .compare:visited {background: var(--btn-compare-bg)!important; color: var(--btn-compare-text) !important;}
.compare:hover, .compare:active, .btn.compare.selected {background: var(--btn-compare-hover)!important;}
button.normal, a.normal {background: #ddd; color: var(--color-gray-600) !important; font-weight: normal;}
.btn.ghost, .btn.ghost:visited, .grad_details .btn.compare.sm, .grad_details .btn.compare.sm:visited {background: transparent !important; border: 2px solid var(--color-white); font-size: 13px; padding: 17px 7px; border-radius: 20px;width: 130px; float: left; text-align: center; margin-right: 10px;transition: .5s;}
.btn.ghost:hover, .btn.ghost:active, .grad_details .btn.compare.sm:hover, .grad_details .btn.compare.sm:active {background: var(--color-gray-200) !important; border-color: var(--color-gray-200); color: var(--color-gray-800) !important;}
a.btn.duo {width: 45%; padding: 10px 2%; margin-right: 2%; float: left; text-align: center;}
a.btn.duo:nth-child(2) {margin-right: 0;}
.fav-tag {cursor: pointer;}
.fav-tag:hover, .fav-tag:active {text-decoration: underline;}
.align-c {text-align: center !important;}
.align-r {text-align: right !important;}
.align-l {text-align: left !important;}
.float-l {float: left !important;}
.float-r {float: right !important;}
.clear-b{clear: both;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clear-l {clear: left;}
.mt-0 {margin-top: 0 !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-50{margin-top: 50px !important;}
.mr-5{margin-right: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-20 {margin-right: 20px !important;}
.ml-0 {margin-left: 0 !important;}
.ml-20 {margin-left: 20px !important;}
.m10 {margin: 10px;}
.m15-sides {margin: 0 15px;}
.p10, .p-10 {padding: 10px !important; background: var(--surface-primary);}
.p15 {padding: 15px;}
.p20, .p-20 {padding: 20px;}
.p20-sides {padding: 0 20px;}
.p30-sides {padding: 0 30px;}
.p10-20 {padding: 10px 20px; background: var(--surface-primary);}
.pt-40 {padding-top: 40px !important;}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.p-0 {padding: 0 !important;}
.force_100 {display: block; width: 100%;}
.first {padding-left: 0 !important;}
.last {padding-right: 0 !important;}
.raleway {font-family: raleway !important;}
.o-hidden {overflow: hidden;}
.hidden {display: none;}
.b-rad-20 {border-radius: 20px !important;}
.center, .img-cntr {margin: 0 auto; display: block; max-width: 100%;}
.shadow-3d {box-shadow: 0 0 10px var(--color-gray-200);}
.capitalize {text-transform: capitalize !important;}
button:disabled, button:disabled:hover {background: #dddddd !important; cursor: not-allowed;}
.bord-all {border: 1px solid #d7d7d7;}
.trans-bg {background: transparent !important;}
.visually-hidden {display: none;}
.column-2 {column-count: 2; column-gap: 35px;}
label.error, span.err {background-color: var(--color-error); padding: 10px 2%; display: block; clear: both; margin-bottom: 15px; margin-top: -13px; color: var(--color-white); font-weight: bold; width: 96%; text-align: center;}
span.err {position: relative;top: -13px;}
.field.radio span.err {top: 0;}
.mystuff-container span.err {top: 0;}
.mystuff-container span.err a.inline {color: var(--color-white);}
.radio {margin-bottom: 10px;}
.radio label {padding-right: 10px; margin-top: -3px;}
.go-top {position: fixed; bottom: 11em; right: 2em; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.4); font-size: 12px; padding: 1em; display: none; z-index: 999;}
.go-top:hover {background-color: rgba(0, 0, 0, 0.6); color: var(--color-white);}
:is(.articles_microsite, .cs-explore, .gcu, .homepage-out, .lists-explore, .my_stuff, .school_details, .sps, .cs) .middle {background-color: var(--surface-tertiary);}
.showonmobile {display: none !important;}
.lined {width:100%;margin-bottom:25px;}
.lined th, .lined td  {text-align: left;padding: 5px 20px 5px 0;border-bottom: var(--table-border);vertical-align: top;}
.lined th {font-weight:bold;padding-right:50px;}
.lined td {font-weight:normal;text-align: right;}
.lined tr:last-child th, .lined tr:last-child td {border:none;}
.heart, .compare-icon {width: 30px; height: 30px; background: url('../img/icons/heart-animate.png') no-repeat; background-position: -5px -5px; cursor: pointer; transition: background-position 1s steps(28); transition-duration: 0s; background-color: #eff5f5; border-radius: 20px; display: inline-block; position: relative;}
.infotip[data-descr]:hover::after {content: attr(data-descr); position: absolute; left: -75px; top: -5px; border-radius: 10px; background: rgba(0, 0, 0, 0.7); padding: 12px; color: var(--color-white); font-size: 14px; z-index: 1;}
.infotip.award-icon[data-descr]:hover::after {top: -40px; left: -50px; width: 100px;}
.college-header.lg .infotip[data-descr]:hover::after, .gcu .infotip[data-descr]:hover::after {left: 0px; top: -50px;}
.cs_results .toggle-wrapper {display: inline-block; vertical-align: top;}
.compare-icon {background-image: url('../img/icons/compare.png');}
.heart.saved, button.heart.saved, .cs .cs_results input[type="checkbox"]:checked + label .compare-icon, .my_stuff input[type="checkbox"]:checked + label .compare-icon {transition-duration: 1s; background-position: -1125px -5px; background-color: #dbe0e0 !important;}
button.heart {padding: 0; background-color: #eff5f5 !important; margin-bottom: 0; outline: none; position: relative;}
.college-header.slim button.heart {position: relative;}
button.counselor.btn{ width: 100%; padding: 15px 30px; font-size: 15px; margin-bottom: 20px; background-color: #F36A22;}
button.counselor.btn:hover{background-color: #af4014;}
.larger-line-height{line-height: 1.6em;}
.link-fill {display: block; width: 100%; height: 100%;}

/* Font Styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.italic-head {font-style: italic;font-size: 1.4em;line-height: 1.5em;color: var(--color-gray-500);}
.announcement {display:block;padding:10px;border:1px solid #5b752c;background-color:var(--color-secondary);color: white;font-weight:bold; text-align: center;}
.note {color: var(--color-black); font-weight: 400;}
.footnote {text-transform: none; font-size: 11px; font-weight: normal;}
.italic {font-style: italic; font-size: 13px;}
.additional-info {font-size: 12px; margin-bottom: 10px; color: var(--color-gray-700);}
.highlighted {background-color: var(--color-highlight-bg); border: 1px solid var(--color-highlight-border); border-left: none; border-right: none; padding: 3px 5px;}
.interested {color: var(--color-white); font-style: italic; margin-bottom: 10px;}
.ribbon-full {background: var(--color-primary); text-align: center; font-size: 17px; line-height: 23px; font-style: italic; color: var(--color-white); margin: 0 -30px 20px; padding: 15px 40px;}
.ribbon-full p {color: var(--color-white);}
.sbox.align-l .ribbon-full p {margin-bottom: 0; text-align: center;}
.ribbon-full .tagline {border: 1px solid var(--color-white); padding: 10px;}

/* Error Messaging
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.error_container {position:fixed;width:320px;z-index: 1001;top:400px;left:-380px;font-weight:bold;box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2) ; word-break: break-word; animation: slideInOut 9s ease-in-out forwards;}
@keyframes slideInOut {
  0% { left: -380px; }
  11% { left: 0; }
  89% { left: 0; }
  100% { left: -380px; }
}
ul.messages {list-style-type: none; margin-bottom: 0;} /* 'flash' messages */
ul.messages li {padding:30px;margin-bottom:0;background-color:var(--color-gray-50);font-size: 20px;line-height: 31px;}
ul.messages li.success {background-color: var(--color-secondary); border:1px solid var(--color-secondary);color:var(--color-white);}
ul.messages li.error{color:var(--color-white);background-color: var(--color-error); border:#913939 solid 1px;}
ul.messages li.notice {background-color: var(--color-primary-light); border:1px solid #1c4e75;color:var(--color-white);}
ul.messages li a {color: #f8ff46; text-decoration: underline;}

/* Table Styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {background: var(--surface-primary); width: 100%;}
table.results td {padding: var(--table-cell-padding);}
.ss-search.results th {color: var(--color-white); background: var(--color-primary-light); font-weight: 400; padding: 7px 10px;}
.resources .results td:nth-child(2n) {max-width: 625px;}

/* Scholarship results tables */
table.results {border: 0; border-bottom: 1px solid var(--border-light); width: 100%; margin-bottom: 30px;}
table.results input {float: none;}
table.results td, table.results th {border-right: 0; padding: .32em;}
table.results th {padding-top: 0;}
table.results td {border-top: 1px solid var(--border-light); color: var(--color-gray-600);}
table.results th {border-bottom: 1px solid var(--color-gray-200);}
table.results tr:nth-child(even) td {background-color: var(--surface-secondary);}
table.results tfoot td, table.results tfoot th {border-bottom: none;}
table.results a.scholarship {font-weight: bold;}
table.results .sponsor {color: var(--color-gray-800); font-style: italic;}
table.td-center td, table.td-center th {text-align: center;}
table.td-center tr td:first-child, table.td-center tr th:first-child {text-align: left;}

/* Internal debug dump tables */
table.dump {border: 0;}
table.dump pre {margin-bottom: 0;}
table.dump th {border-right: 0; margin: 0; padding: .1em .5em;}
table.dump td {margin: 0; padding: 0;}
table.dump th, table.dump td {border-bottom: 1px solid #ff9999;}
table.dump tr:nth-child(even) th, table.dump tr:nth-child(even) td {background-color: #ffeeff;}
table.dump tr th {font-family: monaco, "Lucida Console", courier, monospace;}

/* Admin ruled tables */
table.ruled th {padding: 8px; text-align: left;}
table.ruled td {border-right: 0; padding: 8px; text-align: left;}
table.ruled tr:nth-child(even) td {background-color: var(--surface-secondary);}
table.ruled tr:nth-child(even) th {background-color: var(--surface-secondary);}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.top_bar .content {overflow: visible;}
.top_bar {background: var(--surface-primary); position:fixed; width:100%; z-index: 300; top: 0; transition:0.5s; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); height: 90px; display: flex; justify-content: center; align-items: center;}
.top_bar.nav-up {top: -136px;}
.top_bar .menu-collapse {position: absolute;top: 0; right: 0; background: url('../img/icons/menu-sprite.png') center center no-repeat; z-index: 5000;}
.top_bar #logo {padding: 10px 0; max-width: 211px; height: auto; display: block; vertical-align: middle;}
.top_bar #logo img {width: 211px; max-width: 211px;}
#corporate {width: 194px; height: auto;}
.top_bar .searchbox{width: 100%; margin: 0; height: auto; padding: 10px 40px 10px 20px; background: var(--color-gray-150); border: none; border-radius: 22px; overflow: visible; outline: none; position: relative; margin-left: 40px;}
.top_bar button.right_btn.icon {margin: 0; padding: 0; height: 41px; margin-left: -4px; border-radius: 0; position: absolute; right: -45px; top: -4px; width: 50px; background: none; border: none !important;}
.top_bar .searchbox-close {display:none; position: absolute; left: -243px; top: 2px; height: 32px; width: 32px; font-size: 15px; line-height: 27px; background: var(--color-gray-150); color: #8d8d8d; border-radius: 50%; cursor: pointer; text-align: center;}
.input_wrapper {position: relative;}
#sub_nav {text-align: right; padding-top: 20px;}

/* Navigation */
#nav-close {cursor: pointer;}
#nav_background {background: var(--text-link);}
nav a, nav a:visited {color: var(--nav-link-color); font-weight: normal;}
nav li.selected > a, nav a:hover, nav a:visited {text-decoration: underline;}
nav li.selected > a, nav a:hover {color: var(--nav-link-hover-color);}
nav li.link-category {background: var(--surface-primary);}
.main_nav {margin-bottom: 0;}
.main_nav > li, #sub_nav > ul > li {display: inline-block;}
.main_nav > li > a, #sub_nav > ul > li> a  {display: inline-block; font-size: var(--nav-link-font-size); font-weight: var(--nav-link-font-weight); padding: var(--nav-link-padding);}
#sub_nav > ul > li> a {padding: 0 0 0 10px; cursor: pointer;}
nav li > ul {display: none; width: 100%; position: absolute; left: 0; background:var(--surface-primary); box-shadow: 0px 2px 2px rgb(0 0 0 / 20%);}
nav li > ul li {max-width: 1260px; margin: 0 auto;}
nav li > ul a {background:var(--surface-primary); border: none; padding: 8px; border-right: 1px solid var(--color-primary-deep); border-bottom: 1px solid var(--color-primary-deep); text-align: left; display: block; position: relative; overflow: hidden; font-size: 13px;}
nav li > ul .toggle-wrapper a {background: transparent;}
nav li ul a:hover {background:#113152; text-decoration: none;}
nav li ul .p10 {background: transparent;}
nav li ul .p10 ul {margin-top: 15px; margin-bottom: 0;}
nav li ul .p10 a {color: var(--color-gray-800); text-decoration: underline; border: none; padding: 0; margin-bottom: 13px; padding-left: 10px;}
nav li ul .p10 a.callout, nav li ul .p10 a.callout:visited {color: var(--text-link) !important; padding-top: 10px; font-size: 14px; font-weight: bold; text-decoration: none;}
nav li ul .p10 a.callout:hover, nav li ul .p10 a.callout:active {color: var(--color-tertiary) !important;}
nav li ul .p10 a.hidden-link {width: 100%; height: 100%; background: transparent; margin: 0; padding: 0;}
nav li ul .p10 a.link-title {text-decoration: none;}
nav li ul .p10 a:hover {background: transparent; color: var(--color-black);}
nav li ul .p10 a.link-title:hover {color: var(--color-black);}
.top_bar nav li ul .flex-grid {align-items: flex-start;}
nav li ul .flex-grid p, nav li ul .flex-grid p a {color: var(--color-gray-800); text-align: center; font-size: 13px;}

#menuToggle {display: flex;flex-direction: column;position: relative;left: 0;user-select: none; margin: 0 15px;}
#menuToggle input{width: 0;height: 0;cursor: pointer;opacity: 0;}
#menuToggle span{display: flex;width: 25px;height: 3px;margin-bottom: 5px;position: relative;background: #6b6b6b;border-radius: 3px;z-index: 1;transform-origin: 0 0;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{opacity: 1;transform: rotate(45deg) translate(-5px, -17px);}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, 12px);}
#menu{width: 100%;max-width: 400px;max-height: 100%;padding: 0 20px; z-index: 9000;background: var(--surface-primary);position: fixed;top: 90px;overflow-y: auto; display: none; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}
#menu h5 {color: var(--color-black); text-transform: none; margin-bottom: 5px; font-weight: bold;}
#menu ul {padding-bottom: 12px;border-bottom: 1px solid #6b6b6b;
  columns: 2;}
#menu ul.bb {border-bottom: none;}
#menu ul.privacy {font-size: 11px; margin-top: -20px; font-style: italic;}
#menu li{padding-bottom: 8px;transition-delay: 2s;}
#menuToggle input:checked ~ ul{transform: none;}

/* NEW Navigation */
.nav-arrow{top:42px; width: 9px;}
.main_nav .content_category>a{font-family: proxima-soft, sans-serif; font-size: 1.1rem; vertical-align: middle; position: relative;}
#logged-out .primary{font-size: 13.5px; padding: 10px 25px; margin-bottom: 0px; border-radius: 22px; margin-right:5px;}
#logged-out .primary-reverse {font-size: 13.5px; padding: 8px 23px; background-color: var(--color-white); border: 2px solid var(--color-primary); color: var(--color-primary) !important; margin-bottom: 0px; border-radius: 22px;}
#logged-out .primary-reverse:hover, #logged-out .primary-reverse:active {color: var(--color-primary-dark) !important; border-color: var(--color-primary-dark);}
#logged-out {margin-left: 10px;}
#logged-in{margin-left: 5px;}
#logged-in{order: 5; margin-top: 4px; cursor: pointer;}
#user-menu{display: none; background-color: var(--surface-primary); width: 100%; max-width: 200px; position: fixed;box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); top: 89px; right: 10px; padding: 0 20px;z-index: 1000;}
#user-menu h5{font-family: proxima-soft, sans-serif; color:var(--color-black); margin-bottom: 5px;}
#user-menu li{padding: 5px 0px; font-family: proxima-soft, sans-serif; }
.nav-padding{padding: 0px 10px; width: 100%;}
.large_landing .intro .content.center{padding-top: 35px;}

@media (max-width: 1500px){
  .main_nav .content_category>a{font-size: 13.5px;}
  .main_nav > li > a, #sub_nav > ul > li> a {padding: 15px;}
}

@media (max-width: 1259px){
  #searchbar .input_wrapper > .searchbox{font-size: 13.5px; line-height: 16px !important;}
  .main_nav > li > a, #sub_nav > ul > li> a {padding: 15px 11px;}
}

#user-icon {width: 35px; height: auto;}
#user-icon .st0{fill:var(--color-primary);}
#user-icon .st1{fill-rule:evenodd;clip-rule:evenodd;fill:var(--color-white);}
#user-icon .st2{fill:var(--color-white);}
#logged-in button, #menuToggle {background: none !important; padding: 0 !important; margin-bottom: 0 !important; display: inline-flex !important;}

/* Showcase
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.showcase {height: 134px; margin: 5px auto; position: relative; overflow: hidden; max-width: 240px; border-radius: var(--radius-md); border: var(--card-border) !important;}
.main_nav .col1 a.btn {width: 96%; padding: 10px 2%; text-align: center; text-decoration: none; border-radius: 8px; max-width: 240px;}
.showcase .heart {position: absolute; top: 5px; right: 10px;}
nav li ul .p10 .toggle-wrapper a, nav li ul .p10 a.contents-link {display: contents;}
.showcase .client-logo {background-color: var(--color-white); width: 85px; height: 85px; border-radius: 15px; overflow: hidden; display: block; margin: 0 auto; background-position: center center; background-size: 70%; background-repeat: no-repeat; background-origin: border-box; float: right; margin: 10px 30px 0 0; position: absolute; top: 0; left: 10px;}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer{background-color: var(--footer-bg);border-top: 1px solid var(--border-light);}
footer #social img[src*=".svg"] {max-width: 32px; height: 32px;}
footer .flex-grid {align-items: stretch; padding-bottom: 20px;}
footer p {color: #0c0c0c; font-size: .9em; margin-bottom: .8em;}
footer p a, footer p a:visited {color: #0c0c0c;}
footer  a:hover, footer a:active {color: var(--footer-link-hover); text-decoration: underline;}
footer a, footer a:visited{color: var(--footer-link-color);}
footer #social {width: 262px; margin: 0 auto; margin-bottom: 12px; background: transparent;}
footer .social-icon-container img:hover {opacity: 0.5;}
footer .social-icon-container {margin-top: 4em;}
footer .social-icon-container img{width: 40px;}
footer .social-icon-container a{padding: 5px;}
footer  .carnegie-logo{width: 150px;}
footer li a{display: block; padding: 4px 0px;}
footer .content{max-width: none;}
footer .accordion-container .accordion:hover {padding-top: 15px; text-decoration: underline;}
footer .flex-grid select{border: none; padding: 3px;}
footer span{ font-family: proxima-soft, sans-serif; font-weight: bold; cursor:pointer; }
.reg footer{background-color: var(--surface-secondary);}
footer .rotate {transform: rotate(180deg);}
footer .toggle img {margin-left: 5px;vertical-align: middle;}
footer .note{max-width: 500px;}
.span-4.footer-links img {max-width: 150px;}

/* Breadcrumb
–––––––––––––––––––––––––––––––––––––––––––––––––– */
div.mystuff-breadcrumb-container{margin-top: 18px;}
#mystuff-breadcrumb a.mystuff-home, #mystuff-breadcrumb a.mystuff-home:hover {padding-left: 3.2em; background-image: url('../img/icons/home-icon.png'); background-repeat: no-repeat; background-position: 10px center;}
#mystuff-breadcrumb{overflow: hidden; width: 100%;}
#mystuff-breadcrumb li{float: left;margin: 0 2em 0 0;margin-bottom: 10px !important;}
#mystuff-breadcrumb li.toggled {margin: 0 .5em 0 0;}
#mystuff-breadcrumb a{padding: .7em 1em .7em 2em; float: left; text-decoration: none; color: var(--color-white); background: var(--color-primary-pale);  position: relative; z-index: 1; border-radius: .4em 0 0 .4em; font-weight: normal; font-size: 15px;}
#mystuff-breadcrumb a:hover{background: var(--color-primary-light); color: var(--color-white);}
#mystuff-breadcrumb a::after{background: var(--color-primary-pale); content: ""; height: 2.3em; margin-top: -1.15em; position: absolute; right: -1em; top: 50%; width: 2.3em; z-index: -1; border-radius: .4em;
  transform: rotate(45deg);
}
#mystuff-breadcrumb a:hover::after, #mystuff-breadcrumb a.current::after{background: var(--color-primary-light);}
#mystuff-breadcrumb .regular {background: var(--color-primary-pale) !important;}
#mystuff-breadcrumb .regular:hover {background: var(--color-primary-light) !important;}
#mystuff-breadcrumb .current, #mystuff-breadcrumb .regular, #mystuff-breadcrumb .current:hover{background: var(--color-primary-light); border-radius: .4em .4em; padding: .7em 2em .7em 2em; color: var(--color-white);}
#mystuff-breadcrumb .current::after, #mystuff-breadcrumb .regular::after {content: normal;}

/* Ads
––––––––––––––––––––––––––––––––––––––––––––––––– */
div#content-ads div.ad_ops {margin: 0 auto;}
#google_ads, .ads {overflow: hidden; position: relative; width: 100%;}
.sps #google_ads, .sps .ads {width: auto;}
#google_ads div, .ads div {margin: 0 auto; margin-bottom: 15px; text-align: center;}
#google_ads iframe, .ads iframe {max-width: 100%;}
.leaderboard-showcase .ad_ops {margin: 0 auto;}
.google_related #aswift_0_expand {width: 100% !important;}
.ad_ops {margin-bottom: 20px; display: block; margin: 0 auto 20px auto;}

/* macros */
#feat-schol-link .feat-schol{background-color:var(--color-primary); padding: 10px; display:block; background-image: url('../img/links/money-pile.png'); background-repeat: no-repeat; background-position: right; border-radius:10px;}
#feat-schol-link{display:block;}
#feat-schol-link .btn{background-color:var(--color-go); color: var(--color-black); margin-bottom: 0px; text-align: center; font-family: proxima-soft, sans-serif; font-weight: 700; font-size: 17px; padding: 15px 2%; position: relative; border-radius:20px;}
#feat-schol-link p{font-family: proxima-soft, sans-serif; font-weight: 700; color:var(--color-white); margin-bottom: 70px; font-size:25px; line-height:1.2em;}
#feat-schol-link img{height:26px; top: 10px; position: absolute;}
@media (max-width: 1165px) {
  #feat-schol-link .feat-schol{background-image: url('../img/links/money-pile-2.png');background-size:contain;}
}
@media (max-width: 700px) {
  #feat-schol-link .feat-schol{background-image: url('../img/links/money-pile.png'); background-size:auto;}
}

/* SLIDE OUT */
.slide_up, .slide_up_in {position:fixed; bottom: 0; left: 0; z-index: 297; width: 100%; background: #f9f2e8; background: rgba(249, 242, 232, .9); height: 110px; display: none;}
.slide_up .fb-inside, .slide_up_in .fb-inside {position:absolute;z-index: 298;bottom:7px;left:50%; margin-left: -364px; height: 90px; width: 728px; background: white;}
.close_banner {position: absolute; top: -4px; left: -4px; cursor: pointer; z-index: 299}

/* Registration
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.reg-existing .page-title {padding-top: 120px;}
.reg .page-title{padding-top: 120px;}
.reg .middle .content {overflow: visible;}
.reg .middle {background-color: #dbdbdb; padding: 50px 0; border-top: 0;}
.reg.collegeFit .middle {padding-top: 70px; background:url('../img/handmadepaper.png') top left;}
.collegeFit #left-reg {background: url('../img/landing/CX-liquid-MaleLeft.jpg') top right no-repeat; background-size: contain; left: -20px;}
.collegeFit #right-reg {background: url('../img/landing/CX-liquid-MaleRight.jpg') top left no-repeat; background-size: contain; right: 0;}
.collegeFit .middle .content {position: static;}
.half-background {width: calc(50% - 270px); height: calc(100% - 85px); position: absolute; top: 101px;}
h1.reg-header, h2.reg-header, #bbo h1{color: var(--color-black); font-family: 'proxima-soft'; font-size: 30px; text-align: center; line-height: 1em; margin-bottom: 20px; text-shadow: none; font-weight: bold;}
.registration{max-width: 550px; display: block; margin: 0 auto; background: var(--color-white); position: relative; width: 96%; padding: 2%;}
.int .registration {background: #F9F9F9;}
input, select, textarea {font-size: var(--input-font-size); line-height: 16px;}
select {appearance: none; -webkit-appearance: none; text-indent: 0.01px; text-overflow: ''; background: url('../img/select_arrow.png') var(--color-white); background-position: 98% 53%, center center; background-repeat: no-repeat, repeat-x; width: 100%;}
.registration ::placeholder {text-transform: uppercase; color: #1c1c1c; color: transparent;}
.registration :is(input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], select, textarea) {margin-bottom: 15px; padding: var(--input-padding); border: var(--input-border); transition: var(--transition-fast); overflow: visible; -webkit-appearance: none; appearance: none;}
.registration select {padding: var(--input-padding) 25px var(--input-padding) var(--input-padding);}
.registration input.error, .registration select.error, .registration textarea.error {border: 3px solid var(--color-error) !important;}
.registration .input-holder {position: relative; padding-left: 30px; margin-left: -30px;}
.registration .input-holder .select-label label {float: none;}
.registration :is(input, select):is(:focus, .active) {border-color: var(--color-primary); outline:0;}
.registration input:-webkit-autofill, .registration select:-webkit-autofill {border-color: var(--color-primary); outline:0;}
.registration .floating-label {position: absolute; pointer-events: none; left: 50px; top: 15px; transition: 0.3s; font-size: 13px;}
.registration input:focus ~ .floating-label, .registration input.active ~ .floating-label, .registration .input-holder .select-label{top: -15px;left: 50px;font-size: 11px;opacity: 1;background: var(--color-white);padding: 10px 4px 0 5px;}
.registration input:-webkit-autofill ~ .floating-label {top: -15px;left: 50px;font-size: 11px;opacity: 1;background: var(--color-white);padding: 10px 4px 0 5px;}
.registration .input-holder .select-label {position: absolute;}
.registration button {width: 100%;}
.reg .registration img.icon {margin-top: -5px; margin-left: 15px; float:left; margin-bottom: 10px; border: 1px solid #5493b2;}
.reg .registration img.icon.hidden, .reg .non_user {display: none !important;}
.registration p {clear: left;}
.registration input[type="number"]::-webkit-outer-spin-button, .registration input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.registration input[type="number"] {appearance: textfield;}
.reg .more-info {padding-top: 100px; background-color: var(--color-gray-200); background-color: rgba(255,255,255,0.55); border-right: none; position: relative; z-index: 250; margin-top: 30px;}
.reg .registration li label {max-width: 88%;}
.collegeFit .col1.more-info, .collegeFit .tabs {display: none; flex: 0;}
.counselor.reg .more-info {padding-top: 0;}
.counselor.reg .more-info h4 {color: #111111; font-size: 15px; margin-bottom: 15px; text-align: center;}
.reg .more-info .heavy-border {border: 12px solid #343536; margin-bottom: 10px;}
.reg .middle .flex-grid {align-items: flex-start; max-width: 816px; margin: 0 auto;}
.registration .tabs {position: absolute; right: -50px; width: 50px; top: 30px;}
.registration .tabs .section-icon {background-image:url('../img/icons/top-nav-icons.png');background-repeat: no-repeat; width: 50px; height: 50px; left: 2px; top: 0; z-index: 3; margin-bottom: 15px;}
.section-icon.cs {background-position: 6px 6px; background-color: #3386C7;}
.section-icon.gcu {background-position: -202px -113px; background-color: #6019b7;}
.section-icon.ss {background-position: -49px 7px; background-color: var(--color-secondary-light);}
.section-icon.aa {background-position: -245px -71px; background-color: #936735;}
.section-icon.pp {background-position: -102px 11px; background-color: #19b7b9;}
.section-icon.sp {background-position: -202px -72px; background-color: #cbbc19;}
.section-icon.lr {background-position: -154px 7px; background-color: var(--color-tertiary);}
#hs_name_box, #college_name_box {margin-bottom: 20px;}
.reg .contain-schools {max-width: 100%; background: var(--color-white); padding: 20px;}
.column-4 {column-count: 4; column-gap: 20px; padding:0; margin-bottom: 40px;}
.column-4 .column {clear:none;}
.column-4 h5 {color: var(--color-gray-800); margin: 0 auto; margin-bottom: 2px;}
.dontsplit {display: inline-block; width: 100%;}
.featured-programs .profile_item, .featured-sponsors .profile_item {float: left; width: 25%; min-height: 40px;clear: none;}
.featured-programs{display: flex; align-items: normal; justify-content: left; margin-bottom: 40px; flex-wrap: wrap;}
.no-pb{margin-bottom: 20px;}
.reg input[type="radio"], .reg input[type="checkbox"] {margin-left: 15px; background: none;}
.reg input[type="checkbox"] {margin-right: 5px;}
.reg input[type="radio"], .reg input[type="checkbox"], .cs input[type="checkbox"], .my_stuff input[type="checkbox"] {display: none;}
.reg input[type="radio"] + label, .reg input[type="checkbox"] + label, .cs input[type="checkbox"] + label {background:url('../img/icons/checkmark-circle-unchecked.svg') top left no-repeat; line-height: 15px;border-radius: 10px; vertical-align:middle; cursor:pointer; padding:  5px 10px 5px 25px; background-size: 20px;}
.cs input[type="checkbox"] + label {padding-top: 18px;}
.reg input[type="checkbox"] + label, .cs input[type="checkbox"] + label {clear: both;}
.reg input[type="radio"]:checked + label, .reg input[type="checkbox"]:checked + label{background:url('../img/icons/checkmark-circle.svg') top left no-repeat; background-size: 20px;}
.reg label.large-check {background: none; display: block; float: none; font-size: 16px; padding: 15px 0 15px 40px;}
.reg input[type="checkbox"].option-input {display: block; margin-left: 0; background: #cbd1d8;}
.column-4 div.state {position: relative;  background: var(--color-primary); padding: 10px 15px; cursor: pointer; border-radius: 30px;}
.column-4 div.state h5 {font-size: 20px; color: var(--color-white); float: left;}
.column-4 div.state input[type="checkbox"] {display: inline-block; margin: 8px 0 0 0;}
.reg input[type="checkbox"].option-input {
  -webkit-appearance: none;
  appearance: none;
  top: 14px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: absolute;
  z-index: 1000;
  border-radius: 60px;
}
.reg input[type="checkbox"].option-input:hover {
  background: #dbdbdb;
}
.reg input[type="checkbox"].option-input:checked {
  background: var(--color-primary);
}
.reg input[type="checkbox"].option-input:checked::before {
  width: 30px;
  height: 30px;
  display:flex;
  content: '\2713';
  font-weight:bold;
  position: absolute;
  align-items:center;
  justify-content:center;
  font-size: 15px;
  left: -1px;
  top: -1px;
}
.reg input[type="checkbox"].option-input:checked::after {
  animation: click-wave 0.65s;
  background: var(--color-primary);
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

@keyframes click-wave {
  0% {
    height: 30px;
    width: 30px;
    border-radius: 60px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 62px;
    width: 62px;
    border-radius: 124px;
    margin-left: -16px;
    margin-top: -16px;
    opacity: 0;
  }
}

.college-choices #scid_list label {float: none !important; display: block;}
/* Specialties Filter on Long List */
#specialties {background: var(--surface-primary); width: 100%;}
#specialties {padding: 10px 0;}
#specialties ul {text-align: center;}
#specialties ul li {display: inline-block;}
#specialties button{color: var(--color-gray-500); background: var(--text-link); padding: 10px 12px; font-size: 11px; background-color: var(--color-gray-50); margin: 0 5px 5px 0;box-shadow: 1px 1px 2px rgba(2, 2, 8, 0.3); text-transform: none; height: auto;border-radius: 0; transition: 0s; border-radius: 20px;}
#specialties ul li button:hover, #specialties ul li.selected button {background: var(--color-primary); color: var(--color-white);}
#specialties button.lg {border-radius: 80px !important; padding: 20px; width: auto; min-width: 155px; font-size: 14px;}
#specialties #li-I37, #specialties #li-M34, #specialties #li-T34 {display: none;}
span.disabled {color: #aaa; font-weight: bold; cursor: not-allowed;}
.profile_item span.disabled {font-size: 16px; font-weight: normal; display: block; margin: 3px 0;}
.profile_item span.disabled .sent {width: 23px;}
input:-webkit-autofill,  select:-webkit-autofill{-webkit-box-shadow: 0 0 0 30px white inset;}
.top_bar .searchbox:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px var(--color-gray-150) inset;}
.confirmation {background: #26c27d; padding: 30px 0;}

.reg .top_bar #logo {flex: 100%; padding: 3px 0; max-width: 260px !important; margin: 0 auto;}
.reg .top_bar #logo img {display: block; width: 100% !important; max-width: 260px !important; margin: 0 auto;}
.reg.signup .top_bar #logo, .reg.signup .top_bar #logo img {margin: 0;}
.reg .top_bar .content {width: 96%; max-width: 1630px; padding: auto 2%;}
#cx-network img.p10 {max-width: 250px; padding: 0 !important;}
#cx-network img:nth-child(2){max-width: 105px;}
.reg .top_bar #menuToggle, .reg #nav, .reg #search_bar {display: none;}
.reg.existing_user .top_bar {height: auto;}

/* New Registration Styles */
.max-width2000, .reg.counselor .middle .content {max-width: 1630px; overflow: hidden;  margin: 0 auto; padding: 0; width: 100%;}
.signup-new .col30{width:30%;}
.signup-new .col40{width:40%;}
.signup-new .col60{width:60%;}
.signup-new .col70{width:70%;}
.signup-new .col-left{float: left; padding-bottom: 800px;margin-bottom: -800px;}
.signup-new .col-right{float: left; background: var(--color-white); padding-bottom: 800px;margin-bottom: -800px;}
.signup-new .short-list-school>.school-location{font-size: 12px;}
.signup-new .registration{max-width: 550px; display: block; background:var(--color-white); position: relative; width: 550px; padding: 0;}
.signup-new .middle .content {overflow: visible; max-width: 100%; width:96%; background-color:white;}
.signup-new .middle {background:none;}
.signup-new .subheading{font-family: Lato,arial,sans-serif; color: #3f3f3f; font-size: 1.2em;}
#id_short_list .pick-me{border: 3px solidvar(--color-primary);}
#right-reg{clear: both; z-index: -50;}
#new-max-width{max-width: 100%; width: 100%; padding: 0;}
.signup-new .reg-text>h2{font-size: 2.5em; padding: 30px 75px 0px 75px; border: none; color:black; text-align: center;}
#sticker-sticky-wrapper>.registration.no-max-width{max-width: 100%;}
#sticker{padding: 0; max-width: 100%; width: auto;}
.signup-new .col-left>h2 {font-size: 50px; margin-bottom:20px; padding: 20px 75px 0 75px; border: none; color:var(--color-primary); text-shadow: none; text-transform: uppercase; font-family: Oswald; font-weight: bold;}
.signup-new .col70.col-left>h2 {font-size: 65px; max-width: 700px; margin-bottom: 20px;}
.signup-new .col-left h3{font-family: Lato,arial,sans-serif; font-size: 20px; color: #3f3f3f; padding-left: 75px; padding-right: 75px; text-shadow: none;}
.signup-new .reg-text h3 {padding-right: 75px; font-size: 18px;}
.signup-new .col-left ul {margin-left: 75px; margin-bottom: 10px;}
.signup-new .col-left.profiles-bkg ul {margin-left: 0;}
.signup-new .col-left .circlecheck-list li{max-width: 500px;}
.reg .col70 ul.circlecheck-list {columns: 2;}
.circlecheck-list>li{background:url('../img/icons/checkmark-circle.svg') no-repeat; background-size: 28px 28px; background-position: 0px -2px; padding-left: 30px;}
.circlecheck-list>li{font-family: Lato,arial,sans-serif;font-size: 15px; color:#3f3f3f; padding: 0 20px 13px 0; position: relative; break-inside: avoid-column; display:table; will-change: transform; padding-left: 30px;}
.reg .go, #bbo #bbo_btn_y {font-size: 1.3rem !important;font-weight: 700 !important; text-transform: uppercase; color: #F5F5F5 !important; padding: 30px 70px !important; margin-top: 20px !important; background-color: var(--color-primary)!important;background-size: 250% 100% !important;background-position: 100% 50% !important;transition: 0.5s all !important;}
.reg .go:hover,.reg .go:focus, .reg .go.saved, #bbo #bbo_btn_y:hover { background-position: 0% 50% !important; background-color: var(--color-primary-dark) !important;}
.reg .btn, .reg button {color: var(--color-white); padding: 15px 40px; cursor: pointer; font-size: 16px; display: block; border-radius: 0; float: none; transition: 0.6s; margin: 0 auto 20px auto; border-radius: 40px;}
.reg #bbo_buttons button {color: var(--color-black);}
.reg .featured-bg {width: 100%; background-color: transparent; background-image:url('../img/collegekids.jpg'); background-size: cover; background-repeat: none; background-position: center center; height: 800px; margin-top: 40px;}
.reg.counselor .featured-bg {background-image:url('../img/landing/counselor.jpg');}
.reg .top_bar {position: static; border-bottom: 1px solid var(--color-gray-200);}
.p-tb-0 .middle {padding-top: 0 !important; padding-bottom: 0 !important;}
#progressbar {margin: 30px auto; overflow: hidden; text-align: center; max-width: 780px;}
#progressbar li {list-style-type: none; color: #4d4d4d; text-transform: uppercase; font-size: 9px; width: 20%; float: left; position: relative;}
.int #progressbar li {width: 25%;}
.gcu #progressbar li {width: 33%;}
#progressbar li a, #progressbar li a:hover, #progressbar li:active, #progressbar li:visited {color: inherit;}
#progressbar li:before {content: ''; height: 20px; border-radius: 20px; width: 20px; line-height: 20px; display: block; font-size: 10px; color: var(--color-gray-800);background:#D5F2F9; margin: auto auto 5px auto; background-position: center center; background-repeat: none; position: relative; z-index: 2;}
#progressbar li:after {content: ''; width: 100%; height: 2px; background: #D5F2F9; position: absolute; top: 9px; z-index: 1; left: calc(-50% + 10px);}
#progressbar li:first-child:after {content: none;}
#progressbar li.active:before,  #progressbar li.active:after{background-color: var(--color-primary); color: var(--color-white); background-image: url('../img/icons/progress-dot.png');}
#progressbar li.active.finished:before,  #progressbar li.active.finished:after{background-image: url('../img/icons/progress-check.png');}
.reg .client-schools h2 {color: var(--color-black); text-align: left; font-size: 25px; font-family: 'proxima-soft'; text-align: center; font-weight: bold;}
.profile_item {break-inside: avoid-column; display:block; position: relative; margin-bottom: 10px;}
.reg .featured-bg.sm {height: 600px;}
.reg .profile1.featured-bg {background-image:url('../img/profile1.jpg');}
.reg .profile2-0.featured-bg {background-image:url('../img/profile2.jpg');}
.reg .profile2-1.featured-bg {background-image:url('../img/profile3.jpg');}
.reg .profile2-2.featured-bg {background-image:url('../img/profile4.jpg');}
.reg .profile2-3.featured-bg {background-image:url('../img/profile5.jpg');}
.reg .profile2-4.featured-bg {background-image:url('../img/profile6.jpg');}
.reg .profile2-5.featured-bg {background-image:url('../img/profile7.jpg');}
.reg .profile2-6.featured-bg {background-image:url('../img/profile8.jpg');}
.column-5 {column-count: 5; column-gap: 15px; padding:0; margin-bottom: 15px;}
.p20.align-c.mb-0.e_footer{padding-left: 20px;}
/* Updated Short List */
.cx.reg .contain-schools{background: none; display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; gap: 10px;}
.cx.reg.gcu{background-color: var(--color-white);}
.cx.reg .client-schools form{background-color: var(--color-white); padding: 5px 20px 20px 20px;}
.reg input[type="checkbox"].option-input{border: 2px solid var(--color-accent-deep); background: none;top: 7px; left: 6px;}
.reg .featured-programs .profile_item{box-shadow: 2px 3px 6px 1px #b8b8b8; margin: 10px; border-radius: 10px; max-width: 270px; width: auto;}
.reg .featured-programs label.large-check{padding: 10px 5px 10px 43px;}
.reg .state-flex .profile_item, .reg .featured-flex .profile_item, .reg .public-flex .profile_item{box-shadow: 2px 3px 6px 1px #b8b8b8; padding: 5px;border-radius: 5px;}
.reg .state-flex .profile_item.checked, .reg .featured-flex .profile_item.checked, .reg .public-flex .profile_item.checked, .reg .featured-programs .profile_item.checked{box-shadow: 0px 0px 0px 2px var(--color-accent-deep);}
.reg .state-flex .profile_item:hover, .reg .featured-flex .profile_item:hover, .reg .public-flex .profile_item:hover, .reg .featured-programs .profile_item:hover{box-shadow: 0px 0px 0px 2px var(--color-accent-deep);}
.reg .state-flex, .reg .featured-flex, .reg .public-flex{display: block; margin-bottom: 20px;}
.reg .state-flex label.large-check, .reg .featured-flex label.large-check, .reg .public-flex label.large-check{padding: 5px 10px 5px 40px;}
.reg .featured-profiles h5{color: var(--color-white); margin-bottom: 0px; display: inline-block; font-size: 1.3em;}
.reg input[type="checkbox"].option-input:checked{background: #dbdbdb; border: none;}
.reg input[type="checkbox"].option-input{color: var(--color-accent-deep);}
.reg .state-check{display: inline; color: var(--color-white); margin-left: 10px; width: 96%;}
.reg span.select-states{font-style: normal; border: 1px solid var(--color-white); border-radius: 15px;padding: 2px 6px; font-size: 12px; float: right;}
.reg span.select-states.allselected{font-weight: bold; background-color: var(--color-gray-100); color: var(--color-black);}
.reg div.anchors {margin-top: 24px; align-content: center; flex-basis:18%; }
.reg div.anchors div> a {padding: 5px 5px 5px 0px; color: var(--color-accent-deep); font-size: 14px;}
.reg div.anchors > #sticky-wrapper > span{font-size: 15px;}
.reg div.anchors div> a:hover{color: var(--color-primary-dark); text-decoration: underline;}
.reg div.anchors > span{padding: 8px 10px;}
.reg .contain-schools .no-pb{flex-basis: 100%; margin-bottom: 0px;}
.cx.reg .flex-column{flex-basis: 81%;}
.reg .profile_item:has(.disabled), .reg .profile_item:has(.disabled):hover, .reg .profile_item.checked:has(.disabled) {box-shadow: none !important;}
.reg.cnc .content-nav.nav-padding{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.reg .content-nav.nav-padding .redish{text-decoration: underline;}
.reg .content .footer-links{text-align: center;}
.reg div.anchors > #sticky-wrapper {font-weight: bold; display: flex; flex-wrap: wrap; gap: 5px; align-content: center; flex-direction: column; position: fixed; max-width: 219px;}
.cx.reg #logged-in picture{display: none;}
.reg.school-lists .middle{background-color: var(--color-white); padding-top: 10px;}
.reg #featured-profiles, .reg.pcu .featured-profiles, .reg .state-flex, .reg .public-flex {column-count: 3;}
.reg .state{background-color: var(--color-accent-deep); padding: 8px; border-radius: 5px; margin-bottom: 8px;}
.terms.new-branding .page-title{background: none; background-color: var(--color-white); padding-top: 170px;}
.terms.new-branding .page-title h1{text-shadow: none;font-family: 'proxima-soft', sans-serif; font-weight: bold; font-size: 3em;}

/* Registration Updates
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.reg.new-branding .middle {padding: 50px; background: url('../img/squiggle-corner-light.svg') no-repeat; background-size: 90%; background-position: bottom left;}
.reg.new-branding .parametercheck-list {margin-bottom: 550px;}
.reg.new-branding.no-bg .middle {background: transparent !important;}
.signup-new .col-right {padding-bottom: 0; margin-bottom: 0;}
.signup-new .col-right, .signup-new .registration {border-radius: 20px;}
.signup-new .registration {max-width: 100%; display: block; background:var(--color-white); position: relative; width: 100%; padding: 0;}
.new-branding .middle .content  h1.reg-header {color: var(--color-black); margin-bottom: 20px; text-transform: none;}
.new-branding .middle .content  h1.reg-header span {line-height: 100%;}
.new-branding .middle .content .col-left h1.reg-header {font-size: 50px;}
.new-branding .middle .content .signup-new .col-right h2 {text-transform: none; margin-bottom: 20px;}
.new-branding .middle .content .signup-new .col-right p {font-size: 15px;}
.new-branding .middle .content .signup-new .col-left h3 {padding: 0; font-family: Raleway; font-size: 25px; font-weight: normal; line-height: 1.4em;}
.new-branding .middle .content .signup-new .col-left .circlecheck-list li {font-size: 19px;}
.reg.new-branding .middle .content .signup-new .col-right input[type="checkbox"] + label {line-height: 1.4em; padding-top: 0; font-size: 15px;}
.signup-new .col-left ul {margin-left: 10px;}
.registration.no-max-width .p20 {padding: 25px 50px;}
.side-by-side {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px;}
.svg-icon {fill: var(--color-primary); max-width: 100px; display: block; margin: 0 auto; margin-bottom: 10px;}
.reg.no-bg.new-branding .signup-new .col-left {background-color: inherit !important;}
.reg.no-bg.new-branding .signup-new .col-left .p20 {padding: 0; padding-right: 40px;}
.reg.no-bg.new-branding .middle {padding: 50px !important;}
.reg.no-bg.new-branding .imgCntr {border-radius: 50px; margin-bottom: 20px;}
.column-5 label {padding-top: 0 !important; margin-bottom: 15px; font-size: 13px; break-inside: avoid;}
.new-branding.reg .middle .content .college-info h1 {color: var(--color-black); margin-bottom: 5px; font-size: 25px;}
.new-branding.reg .middle .content .college-info p {line-height: 1em;}
.new-branding.reg .middle .content .school-details h2 {font-size: 20px; text-align: center; text-transform: none;}
.new-branding.reg .middle .content .school-details p.large-value {font-family: lato; font-weight: bold;}

@media (max-width: 1200px) {
  .reg.new-branding .parametercheck-list {margin-bottom: 0;}
  .new-branding .middle .content .signup-new .col-left h3 {text-align: left;}
  .reg.no-bg.new-branding .signup-new .col-left .p20 {padding-right: 0px;}
  .reg.no-bg.new-branding .middle {padding: 20px !important;}
  .reg.new-branding .middle {background: inherit;}
}

@media (max-width: 800px) {
  .side-by-side {grid-template-columns: repeat(1, 1fr);}
  .registration.no-max-width .p20 {padding: 20px;}
  .cx.reg .client-schools form, .reg .contain-schools {padding: 0;}
  .reg #featured-profiles, .reg.pcu .featured-profiles, .reg .state-flex, .reg .public-flex {column-count: 2;}
}

@media (max-width: 650px){
  .reg.new-branding #sub_nav {display: none;}
}

@media (max-width: 600px) {
  .reg #featured-profiles, .reg.pcu .featured-profiles, .reg .state-flex, .reg .public-flex {column-count: 1;}
  .reg.new-branding .middle {padding: 0 20px;}
}

/* Profile List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.profile-list .profile-card{background-color: var(--card-bg); border-radius: var(--card-radius);}
.profile-list.new-branding .middle, .widgets.new-branding .middle {padding-top: 100px;}
.profile-list.new-branding .middle .content select{border-radius: 5px;}
.profile-list.new-branding .middle .content .card-title{padding-left: 5px; align-self: stretch; line-height: 1.1em; position: absolute; top:10px; font-weight: 600; color: var(--color-gray-800); text-align: left;}
.profile-list .profile-container{display: flex;flex-wrap: wrap; margin-bottom: 60px;}
.profile-list .profile-container .square{position: relative;flex-basis: calc(14.2% - 20px);margin: 10px;background-color: var(--card-bg); border-radius: 15px; box-shadow: 7px 7px 15px -2px rgba(0,0,0,0.3);transition: 0.3s all;}
.profile-list .profile-container .square:before{content: '';display: block;padding-top: 100%;}
.profile-list .profile-container .square:hover{box-shadow: none; transform: scale(1.1);}
.profile-list .profile-container .square:hover .card-title{color: var(--color-primary);}
.profile-list .profile-container .square .content {position: absolute; top: 0;right: -3px;height: 100%;width: 100%;display: flex; flex-direction: column; justify-content: flex-end;}
.profile-list .profile-container .square .card-icon{max-width: 110px;width: 70%;height: auto;align-self: flex-end;}
.profile-list.new-branding .middle .content .btn.go.featured{border-radius: 15px; box-shadow: 7px 7px 15px -2px rgba(0,0,0,0.3);}
.profile-list.new-branding .middle .content .clear-b{text-align: center;}
.profile-list.new-branding .middle .content h3{margin-bottom: 10px; margin-top: 0; color: var(--color-white); font-size: 2em; margin-left: 10px;}
.profile-list.new-branding .middle .content h1 {color: var(--color-primary); font-size: 3em; margin-bottom: 10px;}
.profile-list.new-branding .middle .content h1.alternative {color: var(--color-black); font-size: 2.4em;}

/* Popup
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.popoverlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: var(--modal-overlay-bg); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 9999;}
.popoverlay.showit {visibility: visible; opacity: 1;}
.popup {margin: 70px auto; padding: var(--modal-padding); background: var(--surface-primary); border-radius: var(--modal-radius); width: 96%; max-width: 600px; position: relative; transition: all 2s ease-in-out;}
.popup .close {position: absolute; top: 0; right: 20px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: var(--color-gray-800);}
.popup .btn.close {color: var(--color-white);}
.popit {cursor: pointer;}
.popup p a, .popup p a:visited {color: var(--text-link) !important; font-weight: bold; text-decoration: underline;}
.popup p a:active, .popup p a:hover {color: #244567 !important;}

.reg #featured-programs .popup {position: fixed; position: fixed; top: 50%; margin-top: -100px; left: 50%; max-width: 250px; margin-left: -125px; z-index: 9999; display: none; border-radius: 15px; cursor: pointer; padding-top: 40px !important; padding-bottom: 20px !important;}
.reg #featured-programs .popup p {text-align: center;}
.reg #featured-programs .popup .btn.close.primary {position: static; margin: 0 auto; font-size: 15px;}

/* SBOX
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sbox {position: relative; width: 100%;}
.articles .sbox, .gcu .sbox, .lists .sbox, .lists_details .sbox {width: auto;}
.large-value, p.large-value{margin-bottom: 0;font-size: 42px !important; line-height: 50px !important; font-weight: 700; text-align: center;}
.sbox .list {margin-left: 20px;}
.sbox h2 {color: var(--text-link); border-bottom: none; text-align: center;}
.sbox p {text-align: center;}
sub, sup {font-size: 60%; line-height: 0; position: relative;}
sup {top: -.5em;}
.sbox.ten-k h2 {text-align: center;}
.sbox.ten-k {border: 2px solid var(--color-primary-pale);}

/* Home
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.my_stuff .middle, .lists-explore .middle, .lists_details .middle {padding-top: 0; border-top: none;}
.notification {width: 100%; background: var(--color-gray-700)444; min-height: 40px;}
.notification .content img {float: left; margin-right: 10px; margin-top: 7px;}
.notification .content p {color: var(--color-white); font-size: 15px; font-family: arial,sans-serif; padding-top: 9px; margin-bottom: 0; text-align: left; padding-bottom: 9px;}
.notification p a {color: #FF0; font-weight: 400;}
.color-repeater {background: url('../img/color-repeater.jpg') repeat-x; height: 3px;}
h2.blue-heading, h2.brown-heading, h2.green-heading, h2.magenta-heading, h2.orange-heading, h2.purple-heading, h2.yellow-heading {background: var(--color-primary-light); color: var(--color-white); font-family: Lato,arial,sans-serif; font-size: 16px; font-weight: 400; text-shadow: none; padding: 8px; margin-bottom: 0; position: relative;}
h2.green-heading {background: #83a841;}
h2.orange-heading {background: var(--color-tertiary);}
h2.purple-heading {background: #505991;}
h2.yellow-heading {background: #d8c713;}
h2.brown-heading {background: #a77f51;}
h2.magenta-heading {background: #8b197c;}
.featured-college, ul.quick-start li a h2 {font-size: 16px; padding-bottom: 0; border-bottom: 0; margin-bottom: 0;}
.cx_image_holder {width: 18%; margin-right: 2%; height: 150px; background-position: center center;float: left; background-size: cover;}
.panel {margin-bottom: 10px; border-bottom: 1px solid var(--color-gray-200);}
div#home-article-slider h4.article-title, div#home-article-slider p {float: right; width: 80%; margin-top: 0; clear: none; text-align: left;}
div.leader-board h4 {color: var(--color-tertiary);font-size: 1.4em;text-align: center;background: url('../img/double.gif') 0 -2px repeat-x;margin: 10px 0;}
div.leader-board h4 span {background: var(--color-white); padding: 20px;}
ul.quick-start li {border-bottom: 2px solid var(--color-gray-200); padding: 6px 0; position: relative;}
ul.quick-start li.first {padding-top: 0;}
ul.quick-start li.last {border-bottom: none;}
ul.quick-start li a {padding: 10px 75px 10px 75px; color: var(--color-gray-700); font-weight: normal; display: block; background: url('../img/icons/quick-start-sprite.png') no-repeat; height: 58px;}
ul.quick-start li a h2 {font-size: 16px; padding-bottom: 0; color: var(--text-link)}
ul.quick-start li a.myschools{background-position: 0 13px;}
ul.quick-start li a.myscholarships{background-position: 0 -55px;}
ul.quick-start li a.mybookmarks{background-position: 0 -124px;}
ul.quick-start li a.myprofile{background-position: 2px -192px;}
ul.quick-start li a span.arrow-left {background: url('../img/icons/blue-arrow-right.png') 0 0  no-repeat; height: 29px; width: 26px; position: absolute; bottom: 30px; right: 30px; display: none;}
ul.quick-start li a:hover span.arrow-left{display: block;}
.school-details table {width:100%;margin-bottom:30px;}
.school-details table.mini {margin-bottom: 0;}
.school-details h3 {margin-bottom:10px;}
.school-details h5 {margin:0px 0 2px 0; }
.school-details td, .school-details th {vertical-align:top;text-align:center;padding:5px 0;border-bottom: 1px solid var(--border-light);}
.school-details th {padding:5px 5px 5px 0;}
.school-details table tr:last-child td, .school-details table tr:last-child th {border-bottom:none;}
.school-details td ul {margin-top:10px;margin-bottom:10px;}
.school-details table.lined td {text-align:left;}
.school-details th {border-bottom: 1px solid var(--border-light);}
.school-details th, .school-details td {border-right: 1px solid var(--border-light);}
.school-details th:first-child, .school-details th:last-child, .school-details td:first-child, .school-details td:last-child  {border-right: none;}
.school-details tr td:first-child,
.school-details tr th:first-child {text-align:left;}
.home-blogs p {margin-bottom: 0;}
.home-blogs p.db_date {margin-bottom: 5px;}
.home-blogs .dateBox {float: left; margin: 0 11px 20px 0;}
.home-blogs a {margin-right: 0; margin-left: 50px; display:block;}
.home-blogs {clear:both;overflow:auto;}
.micro-landing .home-blogs {clear:none;}
.dateBox.dateBox-mini {width:40px;}
.dateBox-mini p.db_date {font-size: 1em;line-height: 1em;}
.home-blogs h4 {clear:none;margin-right:5px;}
.dateBox {padding:0;float:right;width:100px;text-align:center;margin: 0 0 20px 20px; border: 1px solid var(--color-gray-200);}
.dateBox p {margin:5px 0;}
p.db_banner {letter-spacing:1px;margin:0;background-color:var(--color-tertiary);color:var(--color-white); text-transform: uppercase;padding:3px 3px 5px 3px;}
p.db_date {font-size: 3em;color: var(--text-muted);line-height: 1.2em;}

/* My Stuff
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.text-left {text-align: left !important;}
table.my-stuff th {text-shadow: 1px 1px 1px #2c79b6; color: var(--color-white); height: 100%; padding: 0; vertical-align: middle; background: linear-gradient(to bottom, #3184c5, var(--color-primary-light)); padding: 10px 15px;}
table.my-stuff th a {color: var(--color-white) !important;}
table.my-stuff td img {vertical-align: middle;}
.referral-leaderboard table tr.user td, table.leader-board tr.user td {color: var(--color-white); background-color: var(--color-primary) !important;}
.referral-leaderboard table td, .referral-leaderboard table th {padding: 10px;}
.past-winners li {padding:5px 10px; color:#9e7436; background-color: #f4f2ef; margin-bottom:1px; width: 100%;}

.new-branding .middle .content .mystuff-container h1{font-size: 24px; color: var(--color-gray-800); text-align: left; margin-bottom: 5px;}
.new-branding .middle .content .mystuff-container h2{font-size: 24px; line-height: 1em; text-transform: none;}
.new-branding .middle .content .mystuff-container h2.major-heading {color: var(--color-black);}
.new-branding .middle .content .mystuff-container .profile-box p {color: var(--color-white); line-height: 1.2em;}

.table-flex {background: transparent;border-collapse: separate; border-spacing: 0 var(--table-row-gap);}
.table-flex a {font-size: 18px; font-family: proxima-soft, sans-serif; font-weight: bold; color: var(--color-gray-800);}
.table-flex a.btn {padding: 10px 20px; border-radius: 15px;}
.table-flex tr {border-bottom: var(--table-row-gap) solid #f2f4f8;}
.table-flex td {padding: var(--table-cell-padding); background: var(--surface-primary);}
.table-flex tr td:first-child {border-radius: 10px 0px 0px 10px; padding-left: 10px;}
.table-flex tr td:last-child {border-radius: 0px 10px 10px 0px; padding-right: 10px;}
.table-flex .delete-contain {width: 15px;}
.table-flex .delete-contain img {cursor: pointer; opacity: 0.25;}
.table-flex .delete-contain img:hover {opacity: 1;}
.table-flex .logo-contain, .table-flex .select-contain {width: 170px;}
.table-flex .logo-contain img {display: block; max-height: 55px; width: auto; margin: 0 auto;}
.table-flex .compare-contain {width: 30px; position: relative;}
.table-flex .note {color: #535252;}
.table-flex .select-contain select{font-family: proxima-soft, sans-serif; height: 35px; padding: 5px 10px; border-radius: 5px; box-shadow: none; color: var(--color-gray-800); border: none; outline: none; display: inline-block; -webkit-appearance: none; appearance: none; cursor: pointer; background: url('../img/icons/down-arrow.svg') no-repeat 92% var(--color-white); border: 1px solid #9b9b9b; background-size: 15px;}
.school-details .table-flex.mini td {border-right: none; text-align: left; border-radius: 0 !important;}
.table-flex.mini a {font-size: 15px; line-height: 20px;}
.table-flex.mini .button-contain {width: 165px;}
.table-flex.mini .logo-contain {width: 55px;}
.table-flex.mini .logo-contain img {height: auto; max-height: inherit; max-width: 55px !important; width: inherit;}

.my_stuff.new-branding .middle {padding-top:89px; padding-bottom: 0; background: #bdbdbd;}
.my_stuff .middle .content {max-width: 100%; background: var(--surface-tertiary); width: 100%; padding: 0;}
.my_stuff .middle .compare-tool .content {background: var(--color-black);}
.my_stuff .profile-info {background: var(--card-bg); max-width: 260px;}
.my_stuff .flex-grid {justify-content: flex-start;}
.mystuff-container .breadcrumbs {padding-top: 20px;}
.mystuff-container .breadcrumbs:after {content: ""; height: 2px; background: #9b9b9b; display: block; margin-top: 4px;}
.mystuff-container .breadcrumbs li {display: inline-block; margin-right: 60px;}
.mystuff-container .breadcrumbs li a, .mystuff-container .breadcrumbs li a:visited {font-size: 18px; color: #9b9b9b; text-decoration: none !important; position: relative;}
.mystuff-container .breadcrumbs li a:active, .mystuff-container .breadcrumbs li a:hover, .mystuff-container .breadcrumbs li a.selected {color: var(--color-gray-800);}
.mystuff-container .breadcrumbs li.new ::before {content: "new"; position: absolute; white-space: pre; display: inline; top: 3px; background: var(--color-error); color: var(--color-white); height: 26px; width: 26px; transform: translate(85%, -18px); border-radius: 50%; font-size: 8px; text-align: center; right: 0;}
.mystuff-container .breadcrumbs li:last-child {margin-right: 0;}
.mystuff-container .breadcrumbs.registration, .mystuff-container .sortby.registration {max-width: 100%; background: transparent; padding: 20px 0 0 0; margin-bottom: 20px;}
.mystuff-container .breadcrumbs select {display: none;}
.mystuff-container .profile-box .p20 {background: url('../img/icons/profile.png') no-repeat 20px center; padding-left: 85px;}
.mystuff-container .profile-links li {padding: 5px 0 5px 44px;}
.mystuff-container .profile-links li a, .mystuff-container .profile-links li a:visited {color: var(--color-gray-800);}
.mystuff-container .profile-links li a:hover, .mystuff-container .profile-links li a:active {color: var(--color-black);}
.mystuff-container .profile-links li.degree {background: url('../img/icons/degree.svg') no-repeat 0px center;  background-size: 35px auto;}
.mystuff-container .profile-links li.sport {background: url('../img/icons/sport.svg') no-repeat 0px center;  background-size: 35px auto;}
.mystuff-container .profile-links li.religion {background: url('../img/icons/religion.svg') no-repeat 0px center;  background-size: 35px auto;}
.mystuff-container .btn.primary, .mystuff-container .btn.primary:visited {width: calc(100% - 80px); font-family: proxima-soft, sans-serif; font-weight: bold; border-radius: 30px; max-width: 200px; display: block; margin: 0 auto; text-align: center;}
.my_stuff.new-branding .mystuff-container form {width: 100%;}
.mystuff-container .btn#compare.primary {max-width: 280px; margin-left: 10px;}
.mystuff-container .btn.primary:hover, .mystuff-container .btn.primary:active {background: var(--color-primary-dark);}
.mystuff-container .flex-100 {flex: 100%;}
.mystuff-container .school-details.flex-100 {margin: 20px 0;}
.mystuff-container .school-details {position: relative;}
.new-branding .middle .content .mystuff-container .school-details h2 {color: var(--color-primary); font-size: 18px;}
.mystuff-container .school-details .btn.primary {font-size: 15px; float: right; padding: 15px;}
.mystuff-container .school-details .btn.primary.float-n {float: none;}
.mystuff-container .school-details div {border-radius: 15px;}
.mystuff-container .content-flex .school-details div {border-radius: 0 0 15px 15px;}
.mystuff-container .school-details div .p10 {padding: 15px 15px 10px 15px !important;}
.mystuff-container .profile-box .student-info .email {word-break: break-all;}
.mystuff-container .sortby {margin-top: 0; float: right; max-width: 200px !important;}
.mystuff-container .sortyby select {background-position: 93% 53%, center center;}
.mystuff-container .p10.leader-board {min-height: 285px;}
.mystuff-container a.inline, .mystuff-container a.inline:visited {color: var(--color-gray-800); text-decoration: underline;}
.mystuff-container a.inline:hover, .mystuff-container a.inline:active {color: var(--color-black);}
.content-flex {columns: 3; column-gap: 1rem; margin-bottom: 40px;}
.content-flex .col1 {break-inside: avoid-column;}
.content-flex .col1 img {max-width: 96%; display: block; margin: 0 auto; border-radius: 15px; position: relative; z-index: 6;}
.content-flex .col1 a.content-link {position: relative; display: block;}
.content-flex .col1 a.content-link:after {content: ""; position: absolute; bottom: 0; width: 100%; height: 70%; background: var(--color-white); z-index: 5; border-radius: 15px 15px 0 0;}
.new-branding .middle .content .mystuff-container .content-flex .school-details h2 {font-size: 14px;}
.new-branding .middle .content .content-flex h3 {margin-top: 5px; font-size: 20px;}
.new-branding .middle .content .content-flex .col1:nth-child(3n) .mr-20 {margin-right: 0 !important;}
.new-branding .middle .content .content-flex p {font-size: 15px;}
.mystuff-container .content-flex .school-details div.mb-20 {padding-top: 20px;}
.mystuff-container .displaced-img {width: 100%; height: auto; margin-top: -40px; margin-bottom: 10px; border-radius: 30px;}
body.large_landing.homepage-out .middle {display: none;}
.new-branding .middle .content .mystuff-container .todo h2{color: var(--color-gray-800); text-transform: none; margin-bottom: 5px;}
.mystuff-container .fav-count {margin-bottom: 20px; border-top: 1px solid #d1cdcd; border-bottom: 1px solid #d1cdcd;}
.mystuff-container .fav-count td {padding: 10px 0;}
.new-branding .middle .content .fav-count p {line-height: 20px;}
.new-branding .middle .content .fav-count a.inline {text-decoration: none; font-weight: normal;}
.mystuff-container .todo ul {list-style: disc;}
.mystuff-container .todo ul, .mystuff-container .todo ol {list-style-position: outside !important; margin-left: 25px;}
.my_stuff.new-branding .middle .cs p {font-size: 14px;}
.my_stuff.new-branding .middle .cs {width: 100%; max-width: 100%; overflow: hidden;}
.my_stuff.new-branding .middle .cs .slider {position: relative;}
.my_stuff.new-branding .middle .cs .slides, .thank-you .cs .slides {display: block; white-space: nowrap; width: 88%; margin: 0 auto;}
.thank-you .cs .slides {margin-bottom: 20px;}
.thank-you .cs .slider .arrow-left {left: 15px;}
.thank-you .cs .slider .arrow-right {right: 15px;}
.my_stuff.new-branding .middle .cs .slides > div,  .thank-you .cs .slides > div {flex: 300px; max-width: 230px; background: var(--card-bg); display: inline-table; word-wrap:break-word; white-space:normal;}
.my_stuff.new-branding .middle .col2 {overflow: hidden;}
.scroll-horizontal {width: 50px; height: 50px; padding: 10px; background: var(--color-white); border-radius: 50px; border: 1px solid var(--color-gray-200); position: absolute; z-index: 4; cursor: pointer; top: 50%; margin-top: -50px;}
.scroll-horizontal.arrow-left {left: 0;}
.scroll-horizontal.arrow-right {right: 0;}

.my_stuff #offers {margin-top: 20px;}
.my_stuff #offers .col1.offer {flex: 33%; max-width: calc(33% - 60px); margin: 0 10px 20px 10px; padding: 20px 20px 65px 20px; background: var(--card-bg); border-radius: var(--radius-xl); position: relative; overflow: hidden;}
.my_stuff #offers .col1.offer h3 {margin-top: 0;}
.my_stuff #offers button {background: var(--color-primary); padding: 10px 20px; border-radius: 20px; margin-bottom: 0; position: absolute; bottom: 20px; right: 20px;}
.my_stuff #offers .flex-grid.center-align {justify-content: left; align-items: center; margin-bottom: 20px;}
.my_stuff #offers .logo.col1 {max-width: 75px; flex: 75px; margin-right: 15px;}
.my_stuff #offers .logo img{max-width: 75px; height: auto; border-radius: 50%; float: left; display: inline-block; border: 1px solid var(--border-light)eee;}
.my_stuff #offers button:hover, .my_stuff #offers button:active {background: var(--color-primary-dark);}
.my_stuff #offers .col1.offer.completed {padding-bottom: 110px;}
.my_stuff #offers .offer.completed::before {content: "You've viewed this offer before"; width: 96%; padding: 2% 10px; color: var(--color-secondary); font-weight: bold; font-size: 16px; position: absolute; left: 15px; bottom: 85px; text-align: left;}
.mystuff-container #offers.content-flex .school-details div {border-radius: 15px;}

.svg-callout.map {background:url('../img/map-search.svg') no-repeat var(--color-black); background-size: 280px; background-position: right -52px bottom -57px;}
.svg-callout h2, .new-branding .middle .content .mystuff-container .svg-callout h2 {font-size: 38px; text-transform: none; color: var(--color-white);}
.svg-callout .text {padding-right: 370px;}
.svg-callout p {color: var(--color-white);}
.svg-callout .btn.cta {font-family: proxima-soft, sans-serif; font-size: 20px; border-radius: 30px;}

.small-card .col1 {max-width: calc(50% - 40px); position: relative;}
.small-card .col1.p10 {padding-bottom: 40px !important;}
.small-card .col1 .featured-img {background-repeat: no-repeat; background-size: cover; background-position: top center; position: absolute; top: 0; left: 0; width: 100%; height: 80px; border-radius: 20px 20px 0 0; z-index: 5;}
.featured-logo {width: 75px; height: 75px; border: 1px solid var(--color-gray-200); background-size: 60px auto; background-repeat: no-repeat; background-position: center center; background-color: var(--color-white); position: relative;}
.small-card .featured-logo {position: relative; z-index: 8; margin-top: 25px;}
.small-card .heart {position: absolute; z-index: 8; top: 8px; right: 8px;}
.small-card .btn {position: absolute; width: 96%; padding: 10px 2% !important; left: 0; bottom: 0; border-radius: 0 0 20px 20px;}
.textlike-select {font: inherit; padding: 4px 1.2em 4px 5px; margin: 8px 0; display: inline; cursor: pointer; vertical-align: baseline; width: auto; font-size: inherit !important;}
.textlike-select:focus {outline: none;}
.waves {background: #215f79; max-width: 100%; width: 96%; padding: 50px 2%;}
.wave-reflect-1, .wave-1 {fill-opacity: .3;}
.wave-reflect-1, .wave-reflect-2, .wave-1, .wave-2 {fill: #2e7ea3;}
.wave-reflect-3, .wave-3 {fill: var(--color-primary);}
.wave-reflect-2, .wave-2 {fill-opacity: .5;}
.new-branding .middle .content .mystuff-container .waves h1, .new-branding .middle .content .mystuff-container .waves h2.modified-h1 {text-transform: none; font-size: 38px; text-align: center; color: var(--color-white) !important;}
.new-branding .middle .content .mystuff-container .waves p {line-height: 1.4em; font-size: 16px; margin-bottom: 0; text-align: center; color: var(--color-white) !important; max-width: 1100px; margin: 0 auto;}
.new-branding .middle .content .mystuff-container .waves p a {color: var(--color-white) !important;}
.new-branding .middle .content .mystuff-container .waves p a:hover, .new-branding .middle .content .mystuff-container .waves p a:active {color: var(--color-gray-100) !important;}
.new-branding .middle .content .user-nav li {margin-bottom: 3px;}
.new-branding .middle .content .user-nav .flex-grid {align-content: center; align-items: center;}
.new-branding .middle .content .user-nav .col1 {flex: 1 !important;}
.new-branding .middle .content .user-nav .col1.icon {max-width: 30px !important; margin-right: 10px;}
.new-branding .middle .content .user-nav li a, .new-branding .middle .content .user-nav li a:visited {display: block; text-decoration: none; color: #acaeb4 !important; padding: 12px; border-radius: 5px; font-family: proxima-soft, sans-serif; font-size: 18px;}
.new-branding .middle .content .user-nav li a.selected, .new-branding .middle .content .user-nav li a:active, .new-branding .middle .content .user-nav li a:hover {color: #025465 !important; background: #e3faff;}
.new-branding .middle .content .user-nav li a svg, .new-branding .middle .content .user-nav li a:visited svg{stroke: #acaeb4;}
.new-branding .middle .content .user-nav li a.selected svg, .new-branding .middle .content .user-nav li a:active svg, .new-branding .middle .content .user-nav li a:hover svg {stroke: #025465;}
.flex-grid.school-profiles {display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch;}
.flex-grid.school-profiles .col1 {display: flex; align-items: center; flex: 0 0 calc(100% / 6 - 10px); box-sizing: border-box; background: var(--card-bg); color: var(--color-black); border-radius: 5px; text-align: center; font-family: proxima-soft; font-size: 14px;}
.flex-grid.school-profiles .col1 a {font-family: proxima-soft; color: var(--color-black);  padding: 10px 0; display:block; width: 100%; font-weight: normal;}
.flex-grid.school-profiles .col1 a:hover {font-weight: bold;}
.new-branding .middle .content .user-nav li svg {display: block; height: 28px; width: auto; margin-right: 5px;}
.my_stuff .flex-grid.mystuff-container {max-width: 1950px; margin: 0 auto;}
.school-list .btn-cell {text-align: center;}

/* User Icons Nav */
.home-st0, .school-st1, .scholarships-st1, .todo-st0, .bookmarks-st0, .offers-st1, .profile-st1, .store-st0 {stroke-linejoin: round;}
.home-st0, .home-st1, .school-st0, .school-st1, .scholarships-st0, .scholarships-st1, .todo-st0, .bookmarks-st0, .bookmarks-st1, .offers-st0, .offers-st1, .profile-st0, .profile-st1, .store-st0, .store-st1 {fill: none; stroke-width: 4.5px;}
.home-st1, .school-st0, .scholarships-st0, .bookmarks-st1, .offers-st0, .profile-st0, .store-st1 {stroke-miterlimit: 10;}

@media (max-width:1335px) {
  .mystuff-container .breadcrumbs li {margin-right: 30px;}
  .mystuff-container .breadcrumbs li a {font-size: 15px;}
  .table-flex tr {background: var(--card-bg); position: relative; width: 100%; display: table; border-radius: 15px; border: none; margin-bottom: 15px;}
  .table-flex.mini tr {margin-bottom: 0;}
  .table-flex td {display: inline-block;}
  .table-flex td.select-contain {width: calc(50% - 15px); padding: 0 0 0 10px; display: block; float: left;}
  .table-flex .select-contain select {width: 100%; padding: 5px 2%; background: url('../img/icons/down-arrow.svg') no-repeat 95% var(--color-white); background-size: 15px;}
  .table-flex td.compare-contain {position: absolute; top: 10px; right: 30px; background: transparent; padding: 0 !important;}
  .table-flex td.delete-contain {position: absolute; top: 19px; right: 8px; background: transparent; padding: 0 !important;}
  .table-flex .logo-contain {display: none;}
  .table-flex .schoolinfo-contain {width: calc(100% - 70px); padding: 0 60px 10px 10px;}
  .table-flex .clearfix:after, .table-flex .clearfix:before {display: block;}
  .table-flex.mini td {border-bottom: none;}
  .table-flex.mini td.button-contain {width: 100%; border-bottom: 1px solid var(--border-light); padding: 0 0 15px 0; border-radius: 0;}
  .table-flex.mini tr:last-child td.button-contain{border-bottom: none;}
  .content-flex {columns: 2;}
  .my_stuff #offers .col1.offer {flex: 50%; max-width: calc(50% - 60px);}
}

@media (max-width:1200px) {
  .mystuff-container .raf-img {display: none;}
  .school-details table.leader-board, .school-details .leader-board h2 {margin-left: 0; width: 100%;}
  .mystuff-container .p10.leader-board {min-height: auto;}
}

@media (max-width: 770px) {
  .mystuff-container .svg-callout p {max-width: 100%;}
  .mystuff-container .svg-callout .btn.cta {margin-left: 0;}
}

@media (max-width:960px) {
  .my_stuff .middle .content {width: 100%; margin-right: 0;}
  .my_stuff .middle .content .flex-grid.ml-20, .mystuff-container .breadcrumbs {margin-right: 20px;}
  .my_stuff .profile-info.col1 {flex: 100%; max-width: 100%; display: none;}
  .flex-grid .flex-grid .col1.split {flex: 1;}
  .my_stuff .profile-links {display: none;}
  .my_stuff.new-branding .middle .cs .slides {overflow-x: scroll;}
  .my_stuff.new-branding .middle .col2 {overflow: visible; max-width: 100%;}
}

@media (max-width:600px) {
  .mystuff-container .breadcrumbs li {display: none;}
  .mystuff-container .breadcrumbs select {display: block;}
  .mystuff-container .breadcrumbs.registration {width: calc(100% - 40px); margin: 0 20px 20px 20px;}
  .content-flex {columns: 1;}
  .flex-grid .flex-grid .col1.split {flex: 100%;}
  .flex-grid .flex-grid .col1.split .mr-10, .flex-grid .flex-grid .col1.split .ml-10 {margin-right: 0 !important; margin-left: 0 !important;}
  .mystuff-container .suggestions.float-r {margin: 0 0 10px 0; padding: 15px 0;}
  .my_stuff #offers .col1.offer {flex: 100%; max-width: calc(100% - 60px);}
  .school-list table.results .logo-cell {display: none;}
}

@media (max-width:460px) {
  .mystuff-container .suggestions.float-r, .mystuff-container .suggestions.float-l {float: none !important; display: block; text-align: center !important; width: 100%; max-width: 100%;}
  .new-branding .middle .content .mystuff-container h1 {text-align: center;}
  .mystuff-container .sortby.float-r {display: block !important; float: left !important;}
  .small-card .col1 {max-width: 100%;}
  .school-list .btn-cell .btn.sm {padding: 10px; border-radius: 5px;}
}

/* Graduate Search
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.gcu .middle {border-top: none; padding-top: 0; padding-bottom: 0;}
.gcu .banner h1, .gcu .banner h2.modified-h1 {position: static; font-family: lato; font-weight: 300; margin-top: 20px;text-align: center; color: var(--color-white);text-shadow: none; font-size: 2.2em;}
.gcu .middle .content {overflow: visible;}
.purple_overlay {width: 100%; height: 100%; padding: 136px 0 20px; background: rgba(0,0,0,0.8);}
.gcu .grad-banner.searched {padding-top: 0;}
.gcu .banner_form {position: absolute; top: -240px; left: 0; z-index: 299; width: 100%; display: block; margin: 0 auto;}
form div.col25 {clear: none;}
.gcu .chzn-container {display: block;}
.gcu .chzn-container-single .chzn-single span {margin-top: 3px;}
.gcu .banner.small_banner {height: 90px;}
.searched .col25 {width: 100%; float: none;}
.gcu .name-state {border-right: 1px dashed var(--color-white);}
.grad_details h1 {color: var(--color-white); font-family: 'Lato', sans-serif; font-weight: 300; font-size: 57px; line-height: 64px; margin-bottom: 0; text-align: left;}
.grad_details h1.long-title {font-size: 33px; line-height: 42px; width: 100%;}
.gcu img.featured-image {max-width: 100%; height: auto; margin: 0 auto;}
.grad-facts {background: var(--color-primary); color: var(--color-white); text-align: center; padding: 15px 0;}
.grad-facts .flex-grid {align-items: center;}
.grad-facts .col1 .p20-sides {border-right: 1px solid var(--color-white); min-height: 55px;}
.grad-facts .col1 .p20-sides.last {border-right: none;}
.grad-facts dt {color: #dadada; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}
.grad-facts dd {font-size: 20px; margin-bottom: 0; line-height: 17px; color: var(--color-white);}
.grad-facts a dt, .grad-facts a dd {font-weight: normal;}
.gcu .small_text, .grad-facts dd.t_varies {font-size: 11px;}
.gcu span.small_text {font-size: 14px; font-style: italic;}
.gcu .bottom_fade {width: 100%; height: 200px; z-index: 99; position: absolute; bottom: 0; left: 0; background: url('../img/bottom-fade.png') bottom center repeat-x;}
.gcu .program-less, .gcu .program-show {position: absolute; bottom: 10px;right: 10px; cursor: pointer;}
.sbox.grad_profile {background: var(--card-bg); overflow: hidden;}
.sbox.expanded {height: auto;}
.flex-grid .duo .col1 {align-self: flex-end; color: var(--color-white);}
.female {background-color: #cd90ca; position: relative;}
.male {background-color: var(--color-primary-pale); position: relative;}
.sbox h3 {color: var(--color-gray-800); font-size: 18px; clear: both; text-align: center; font-family: Lato,sans-serif;}
.sbox.align-l p{text-align: left;}
#ACT-value, #English-act-value, #Math-act-value, #Math-sat-value, #Writing-sat-value, #full-ACT-value, #full-English-act-value, #full-Math-act-value, #full-Math-sat-value, #full-Writing-sat-value, #out-state-value {display: none;}
#grad-programs {width: 100%; overflow: hidden;}
.gcu .video-container {max-width: inherit;}
.gcu .video-container > video {max-width: inherit; margin-top: 50px; width:96%;}
.gcu .video-container > .btn.compare {width: 60%;}
#grad-programs table.results td, #grad-programs table.results th{border: 1px solid var(--border-light);}
#grad-programs table.results th {position: sticky; background-color: var(--color-accent-deep); color: var(--color-white);}

/* GCU PPC LP */
.reg.gcu.landing .middle {background: var(--color-white); padding-top: 20px; border-top: none; min-height: 700px;}
.reg.gcu.landing .content {overflow: visible;}
.reg.gcu.landing  .top_bar {display: none;}
.reg.gcu.landing .banner {padding-top: 0; height: auto; overflow: visible;}
.reg.gcu.landing .purple_overlay {padding: 15px 0;}
.reg.gcu.landing .grad-land-content {width: 50%; padding-left: 2%;}
.reg.gcu.landing .grad-land-subheader {background: #1b8db7; padding: 10px; color: var(--color-white); font-size: 14.2px;}
.reg.gcu.landing .banner h1 {position: relative; color: var(--color-white); font-family: "Lato"; text-shadow: none; top: inherit; left: inherit; text-align: left; line-height: 37px; padding-top: 10px; margin-top: 0; margin-bottom: 30px; font-weight: normal; font-size: 28px;}
.reg.gcu.landing .banner h1.larger {margin-bottom: 0; font-family: "Oswald"; color: var(--color-tertiary-dark); font-size: 35px;}
.reg.gcu.landing .banner h1.long-title {font-size: 25px; line-height: 37px; width: 100%;}
.reg.gcu.landing .banner img {margin-bottom: 5px;}
.reg.gcu.landing .banner img.center {width: 100%; height: auto;}
.reg.gcu.landing ul li {background: url('../img/icons/arrow-bullet.jpg') left 3px no-repeat; margin-bottom: 20px; padding-left: 23px;}
.reg.gcu.landing .gcu-form {position: absolute; background: var(--color-white); right: 0; top: -15px; z-index: 999; max-width: 40%;}
.reg.gcu.landing .form-instructions {background: #1b8db7; color: var(--color-white); padding: 20px 0; text-align: center; font-size: 18px; line-height: 23px;}
.reg.gcu.landing .gcu-form label {float: none;}
.reg.gcu.landing .registration div.field, .reg.gcu.landing .registration label + div {margin-left: 0;}

.reg.gcu.landing .registration {background: none; padding-top: 0;}
.reg.gcu.landing .gcu-fact {max-width: 200px; margin: 0 auto;}
.reg.gcu.landing .registration button {font-size: 15px;}

/* Graduate Search Hub*/
.cs.grad-search-hub .middle .content,  .cs.grad-search .middle .content{max-width: 1260px; width: 96%; padding: 0 2%;}
.cs.grad-search-hub.search #graduate-search-form {padding:15px 20px 0 20px; border-radius: 20px;}
#id_offers_housing_True {margin-left: 3px;}
.grad-search-hub .banner{background:  url('/static/img/banners/gradsearch.jpg') no-repeat center center var(--color-gray-700);background-size: cover;text-align: left; padding-bottom: 35px; padding-left: 10px; padding-right: 10px;}
.grad-search-hub h1, .gcu.grad-search-hub h1{text-align: center; font-family: 'proxima-soft', sans-serif; color: var(--color-white);font-size: 5em; font-weight: 700; margin-top: 0;}
.grad-search-hub .banner select{border-radius: 10px; width: 100%; max-width: 1000px;}
.grad-search-hub #program_select{text-align: center;}
.grad-search-hub .grad-advanced-search>p{padding-right:20px; background: url('../img/home/arrow-right.svg') 190px 0px no-repeat; margin: 0 auto; max-width: 200px;color: white; font-family: 'proxima-soft', sans-serif; font-size: 1.2em; cursor: pointer;}
.grad-search-hub .grad-advanced-search{text-align: center; max-width: 75%; margin: 0 auto;}
.grad-search-hub #program-search{position:absolute; width: 100%; max-width: 400px; left: -100%; top: 341px; z-index:99; transition: all .3s;}
.grad-search-hub #program-search.active{left: 0 !important;}
.grad-search-hub #graduate-search-form{background-color: var(--color-white);}
#graduate-search-form select{padding: 12px 13px;}
.grad-search-hub #graduate-search-form > div{padding: 10px 0px;}
.grad-search-hub #graduate-search-form > div#has-housing {margin-top: -20px;}
.grad-search-hub #graduate-search-form .chzn-container {width: 100%; border-radius: 5px;}
.grad-search-hub #id_offers_housing_True {margin-top: 6px; display: inline-block;}
.grad-search-hub #graduate-search-form #id_state{background: none;}
.grad-search-hub #graduate-search-form .close{font-size: 1.7em;font-weight: 800; cursor: pointer; font-size: 14px;}
.grad-search-hub #graduate-search-form #has-housing label:first-of-type{padding-left: 0px; background: none;}
.grad-search-hub #programs_table{justify-content: center; max-width: 1020px; margin: 0 auto;}
.new-branding.content-layout.grad-search-hub .middle{padding-top: 20px;}
.new-branding.content-layout.grad-search-hub #programs_introduction > h3{text-align: center; margin-top: 15px;}
.new-branding.content-layout.grad-search-hub .middle .content h2{color: var(--color-black); font-size: 4em; text-align: center;}
.grad-search-hub .program-tile.flex-grid{align-items: center; flex-direction: column; padding: 20px; max-width: 140px; justify-content: start;}
.new-branding.content-layout.grad-search-hub .middle .content .program-tile h4{max-width: 200px; text-align: center; margin-top: 2px;}
.new-branding.content-layout.grad-search-hub .middle .content .program-tile h4 a, .new-branding.content-layout.grad-search-hub .middle .content .program-tile h4 a:visited {color: var(--color-black); text-decoration: underline;}
.new-branding.content-layout.grad-search-hub .middle .content .program-tile h4 a:hover, .new-branding.content-layout.grad-search-hub .middle .content .program-tile h4 a:active {color: var(--color-gray-600)555;}
.grad-search-hub .heading-row{color: white; height: 110px; font-size: 1.1em;border-radius: 10px 10px 0px 0px; background-color: var(--surface-secondary);}
.grad-search-hub .heading-row th{vertical-align: middle; padding: 10px;position: sticky;top: 0; background-color: var(--color-primary); z-index: 2; font-size: 1.2em;}
.grad-search-hub .program-table{overflow-y: auto; max-height: 600px; display: block; margin: 0 auto; border-radius: 0px 0px 0px 0px;}
.grad-search-hub .program-table tr{text-align: center;}
.grad-search-hub .program-table td{padding: 15px;font-family: 'proxima-soft', sans-serif; color: black; font-size: 1.2em; font-weight: 700;}
.new-branding.grad-search-hub .middle .program-table p{font-family: 'proxima-soft', sans-serif; color: black; font-size: 1.2em; font-weight: 700; margin-bottom: 10px;}
.grad-search-hub .middle{background: var(--surface-secondary);}
.grad-search-hub .program-table tr:nth-child(2n+0){background-color: var(--color-white);}
.grad-search-hub .program-table tr:nth-child(odd):not(.heading-row){background-color: #f4f4f4;}
.grad-search-hub .program-table .client-logo{margin: 0 auto;}
.grad-search-hub .bulk_request{background-color:var(--color-secondary); border-radius: 15px;box-shadow: 4px 3px 12px 0px rgba(0,0,0,0.25); font-size: 1em; font-weight: bold; padding: 15px 30px;}
.grad-search-hub .bulk_request:hover{background: var(--color-secondary-dark)!important; box-shadow: none;}
.grad-search-hub .program-table .inquiry_btn{border-radius: 10px;}
.new-branding.grad-search-hub.content-layout .middle .content h4{font-size: 1.2em; margin-top: 0px;}
.grad-search-hub .content-flex .col1 div{border-radius: 0px 0px 15px 15px;}
.grad-search-hub.new-branding.content-layout .middle .content .content-flex a.inline{color: var(--color-black);}
.grad-search-hub #graduate-search-form button {width: 100%;}
.grad-search-hub .multiple .chzn-container-multi .chzn-choices, #graduate-search-form select {border: 1px solid var(--color-gray-200); border-radius: 5px;}
.grad-search-hub .multiple .chzn-container-multi .chzn-choices {background-image: none; padding: 6px 5px !important;}
.grad-search-hub #featured-colleges .cs.slider {width: 100%; position: relative;}
.grad-search-hub #featured-colleges .cs .slides {flex-wrap: nowrap; display: block; white-space: nowrap; width: 88%;margin: 0 auto; overflow-x: scroll;}
.grad-search-hub #featured-colleges .cs .slides::-webkit-scrollbar {display: none;}
.grad-search-hub #featured-colleges .cs .slides > div {flex: none; max-width: 275px; display: inline-table; min-height: 375px; white-space: initial; padding-left: 0 !important; padding-right: 0 !important;}
.grad-search-hub #featured-colleges .cs.arrows img.scroll-horizontal {width: 50px; height: 50px; top: 50%; margin-top: -45px;}
.grad-search-hub #featured-colleges .cs.arrows img.scroll-horizontal:hover {background: #9a9a9a;}
.grad-search-hub #featured-colleges .cs.arrows img.scroll-horizontal {width: 50px; padding: 10px; background: var(--color-white); cursor: pointer; position: absolute; top: 40%; margin-top: -60px; transition: all 0.6s ease;}
.grad-search-hub.new-branding .middle .content #graduate-search-form li {font-size: 13px;}
.grad-search-hub .middle .flex-grid .favorite {max-width: 100px !important; display: block; margin: 0 auto;}
.grad-search-hub .tuition .title, .grad-search .tuition .title {font-size: 11px;}
.grad-search-hub.cs .middle .toggle.right, .grad-search-hub.cs .middle .toggle.left, .grad-search.cs .middle .toggle.right, .grad-search.cs .middle .toggle.left {top: 25px;}
.grad-search-hub.cs .middle .outstate, .grad-search.cs .middle .outstate {top: 15px; left: 0;}
.grad-search.cs .middle .slides .toggle.right, .grad-search.cs .middle .slides .toggle.left {top: 15px;}

@media all and (max-width: 860px) {
  .grad-search-hub .col7 h1{font-size: 4em;}
  .new-branding.content-layout.grad-search-hub .middle .content h2{font-size: 3em;}
  .grad-search-hub .program-table th, .grad-search-hub .program-table td, .grad-search-hub .program-table p{font-size: 1em;}
}
@media all and (max-width: 822px) {
  .grad-search-hub #featured_graduate_programs {display: none;}
  .grad-search-hub .school_program_row:before{top: 6px;}
}
@media all and (max-width: 800px) {
  .grad-search-hub .advanced-search.static {width: calc(100% - 40px); padding: 20px; padding-top: 80px !important;}
}
@media all and (max-width: 630px) {
  .grad-search-hub .salary-box p{font-size: 1em; line-height: 1.2em;}
  .grad-search-hub .flex-grid .program-info p{font-size: 1em;}
  .grad-search-hub .flex-grid h3{font-size: 1.5em;}
  .grad-search-hub.new-branding .p-20{padding: 10px;}
  .grad-search-hub.new-branding .banner{padding-top: 75px !important;}
  .new-branding.content-layout.grad-search-hub .middle .content h2{font-size: 2em;}
}

/* Graduate Search */
.grad-search .col7 h1{text-align: center; font-family: 'proxima-soft', sans-serif; color: var(--color-white);font-size: 5em; font-weight: 700;}
.grad-search .banner{background:  url('../img/banners/grad-search.jpg') no-repeat center center var(--color-gray-700);background-size: cover;text-align: left;}
.grad-search .banner.art-architecture {background-image:url('../img/grad/grad-search-100.jpg');}
.grad-search .banner.biological-life-sciences {background-image:url('../img/grad/grad-search-101.jpg');}
.grad-search .banner.business-mba {background-image:url('../img/grad/grad-search-102.jpg');}
.grad-search .banner.computers-technology {background-image:url('../img/grad/grad-search-103.jpg');}
.grad-search .banner.education-teaching {background-image:url('../img/grad/grad-search-104.jpg');}
.grad-search .banner.engineering {background-image:url('../img/grad/grad-search-105.jpg');}
.grad-search .banner.health-care-public-health {background-image:url('../img/grad/grad-search-106.jpg');}
.grad-search .banner.humanities-cultures {background-image:url('../img/grad/grad-search-107.jpg');}
.grad-search .banner.law-criminal-justice {background-image:url('../img/grad/grad-search-108.jpg');}
.grad-search .banner.nursing-medicine {background-image:url('../img/grad/grad-search-109.jpg');}
.grad-search .banner.physical-earth-sciences {background-image:url('../img/grad/grad-search-110.jpg');}
.grad-search .banner.public-affairs-policy {background-image:url('../img/grad/grad-search-111.jpg');}
.grad-search .banner.social-behavioral-sciences {background-image:url('../img/grad/grad-search-112.jpg');}
.grad-search.new-branding .banner > .flex-grid{max-width: 1300px; margin: 0 auto;}
.grad-search .flex-grid h3{color:var(--color-white); font-family: 'proxima-soft', sans-serif;}
.new-branding.content-layout.grad-search .middle .content h2{color: var(--color-black);}
.grad-search .career_total{background-color: var(--color-primary);}
.grad-search .salaries p{text-align: right; line-height: 1.6em; padding-right: 5px;}
.grad-search .graph-wrap th{padding: 15px; font-size: 18px;}
.grad-search .salaries tr>th{padding: 0px 15px;}
.grad-search .flex-grid .program-info p{color: var(--color-white);}
.grad-search .salary-box{background-color: var(--color-white); border-radius: 15px; padding: 5px; margin-bottom: 30px;}
.grad-search table{background: none;}
.grad-search table.results {border-bottom: none;}
.new-branding.content-layout.grad-search .middle{padding-top: 25px;}
.new-branding.content-layout.grad-search .middle .content h2{font-size: 4em;}
.grad-search .salary-box p{font-weight: bold; font-family: 'proxima-soft', sans-serif; font-size: 1.5em; margin-bottom: 5px;}
.grad-search .heading-row{color: white; height: 120px; font-size: 1.2em;border-radius: 10px 10px 0px 0px; background-color: var(--surface-secondary);}
.grad-search .heading-row th{vertical-align: middle; padding: 20px;position: sticky;top: 0; background-color: var(--color-primary); z-index: 2;}
.grad-search .heading-row th:first-child {border-radius: 10px 0px 0px 0px;}
.grad-search .heading-row th:last-child {border-radius: 0px 10px 0px 0px;}
.grad-search .program-table{overflow-y: auto; max-height: 600px; display: block; margin: 0 auto; border-radius: 10px 10px 0px 0px;}
.grad-search .program-table tr{text-align: center;}
.grad-search .program-table td{padding: 15px;font-family: 'proxima-soft', sans-serif; color: black; font-size: 1.2em; font-weight: 700;}
.new-branding.grad-search .middle .program-table p{font-family: 'proxima-soft', sans-serif; color: black; font-size: 1.2em; font-weight: 700; margin-bottom: 10px;}
.grad-search .middle{background: var(--surface-secondary);}
.grad-search .program-table tr:nth-child(2n+0){background-color: var(--color-white);}
.grad-search .program-table tr:nth-child(odd):not(.heading-row){background-color: #f4f4f4;}
.grad-search .program-table .client-logo{margin: 0 auto;}
.grad-search .bulk_request{background-color:var(--color-secondary); border-radius: 15px;box-shadow: 4px 3px 12px 0px rgba(0,0,0,0.25);}
.grad-search .bulk_request:hover{background: var(--color-secondary-dark)!important; box-shadow: none;}
.grad-search #featured-colleges .bulk_request {position: relative; top: -10px; left: 5px;}
.grad-search .program-table .inquiry_btn{border-radius: 10px;}
.grad-search #featured-colleges .cs.slider {width: 100%; position: relative;}
.grad-search #featured-colleges .cs .slides {flex-wrap: nowrap; display: block; white-space: nowrap; width: 88%;margin: 0 auto; overflow-x: scroll;}
.grad-search #featured-colleges .cs .slides::-webkit-scrollbar {display: none;}
.grad-search #featured-colleges .cs .slides > div {flex: none; max-width: 275px; min-height: 630px; display: inline-table; white-space: initial; padding-left: 0 !important; padding-right: 0 !important;}
.grad-search #featured-colleges .cs.arrows img.scroll-horizontal {width: 50px; height: 50px; top: 50%; margin-top: -45px;}
.grad-search #featured-colleges .cs.arrows img.scroll-horizontal:hover {background: var(--color-primary-dark);}
.grad-search #featured-colleges .cs.arrows img.scroll-horizontal {width: 50px; padding: 10px; background: var(--color-white); cursor: pointer; position: absolute; top: 40%; margin-top: -60px; transition: all 0.6s ease;}
.new-branding.grad-search.content-layout .middle .content h4{font-size: 1.2em; margin-top: 0px;}
.grad-search .content-flex .col1 div{border-radius: 0px 0px 15px 15px;}
.grad-search.new-branding.content-layout .middle .content .content-flex a.inline{color: var(--color-black);}
.grad-search .dropdown-box select{border-radius: 10px; width: 75%; max-width: 1000px;}
.grad-search .dropdown-box {background-color: var(--color-primary); text-align: center; padding: 25px 0px;}
.grad-search .dropdown-box  h3{color: var(--color-white); font-family: 'proxima-soft', sans-serif; font-weight: 700;}
.grad-search-hub.search #graduate-search-form{background: transparent; border: none; padding: 0;}

@media all and (max-width: 860px) {
  .grad-search .col7 h1{font-size: 4em;}
  .new-branding.content-layout.grad-search .middle .content h2{font-size: 3em;}
  .grad-search .program-table th, .grad-search .program-table td, .grad-search .program-table p{font-size: 1em;}
}
@media all and (max-width: 822px) {
  .grad-search .grad-program-table {display: none;}
  .new-branding.grad-search .middle .program-table p{padding-right:10px;}
  .grad-search .school_program_row:before{top: 6px;}
}
@media all and (max-width: 630px) {
  .grad-search .salary-box p{font-size: 1em; line-height: 1.2em;}
  .grad-search .flex-grid .program-info p{font-size: 1em;}
  .grad-search .flex-grid h3{font-size: 1.5em;}
  .grad-search.new-branding .p-20{padding: 10px;}
  .grad-search.new-branding .banner{padding-top: 75px !important;}
  .new-branding.content-layout.grad-search .middle .content h2{font-size: 2em;}
}

@media all and (max-width: 530px){
  .grad-search #featured-colleges .bulk_request {top: auto; padding: 15px 25px;}
}

/* Grad Survey */
.gcu_survey.new-branding .middle .content h1 {color: var(--color-primary);}
.gcu_survey.new-branding .middle .content .top-head li {font-size: 13px;}
.gcu_survey .abs_bot-left {position: absolute; left: 8px; bottom: 5px;}
.gcu_survey #stick-container {background: var(--surface-primary);}
.gcu_survey #sticky-table-head {width: 100%; background: #E2E5E7; position: relative;}
.gcu_survey #sticky-table-head ul li {display: inline-block; text-align: center; font-weight: bold;}
.gcu_survey .top-head {width: 220px; text-align: center;}
.gcu_survey .top-head li {width: 70px; text-align: right;}
.gcu_survey .bot-head {padding-right: 2px;}
.gcu_survey .bot-head li {width: 20.5px;}
.gcu_survey .bot-head li.last {padding-right: 1px;}
.gcu_survey #programs {width: 100%;}
.gcu_survey #programs thead{width: 100%;}
.gcu_survey #programs tr:nth-child(even) td {background-color: #f4f2ef;}
.gcu_survey #programs input[type=checkbox] {display: inline; margin-left: 5px; margin-right: 5px;}
.gcu_survey td.program {vertical-align: middle;}
.gcu_survey .lvl1 {font-weight: bold;}
.gcu_survey .lvl2 {font-weight: bold; padding-left: 1em;}
.gcu_survey .lvl3 {padding-left: 2em;}
.gcu_survey .degree-type-M {background-color: #e0e0e0 !important ; border-top: 1px solid #f4f2ef; border-bottom: 1px solid #f4f2ef;}
.reg.gcu_survey .middle {background: #e7e7e7;}
.reg.gcu_survey .registration{background: var(--color-white);}
.reg.gcu_survey p{font-family: raleway, sans-serif;}
.reg.gcu_survey h1,  .reg.gcu_survey h2{color: var(--color-primary);font-family: proxima-soft, sans-serif; font-weight: 700; text-shadow: none;}
.reg.gcu_survey h1{margin-bottom: 15px;}
.reg.gcu_survey a:hover{color:var(--color-primary-dark)}
.reg.gcu_survey .registration input, .reg.gcu_survey .registration select{margin-bottom: 15px;}
.gcu_survey .registration div.field, .gcu_survey .registration label + div {margin-left: 235px;}
.gcu_survey .registration div.field.submit{margin-left: 0px;}
.gcu_survey button, .gcu_survey button:active{background-color: var(--color-primary);}
.gcu_survey button:hover{background-color: var(--color-primary-dark);}
.gcu_survey fieldset {border: 3px solid #eaeaea; padding:15px; margin-bottom: 50px;}
.gcu_survey legend {padding: 0 10px; font-size: 2em; line-height: 1.7em; color: var(--color-primary);font-family: proxima-soft, sans-serif; font-weight: 700;}
.gcu_survey .registration input[type="url"] {box-sizing: border-box; margin-bottom: 10px; padding: var(--input-padding); width: 100%; border: var(--input-border);}
.gcu_survey .registration input[type="url"].active, .gcu_survey .registration input[type="url"]:focus{border: var(--input-border-focus);}
.gcu_survey .program-container {overflow-y: scroll; max-height: 500px; scrollbar-gutter: stable;}
.gcu_survey .program-container::-webkit-scrollbar {width: 10px;}
.gcu_survey .program-container::-webkit-scrollbar-thumb {background-color: gray; border-radius: 5px;}
.gcu_survey .program-container::-webkit-scrollbar-track {background-color: #dcdcdc; border-radius: 5px;}
.gcu_survey #programs thead {position: sticky; top: 0; z-index: 1;}
.gcu_survey #programs thead th {background: var(--surface-secondary);}
.gcu_survey #programs thead th.key {font-weight: normal; font-size: 10px; text-align: right; padding: 6px 5px;}
.gcu_survey #programs thead th.alternate {background: #e0e0e0;}

@media all and (max-width: 480px)  {
  .gcu_survey .registration div.field, .gcu_survey .registration label + div {margin-left: 0;}
  .reg.gcu_survey .contain-schools  {width:96%;padding:2%;}
  .gcu_survey #stick-container {display: none;}
}

/* 404 Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.new-branding.errors .social-banner{background:url('../img/banners/errors.jpg') no-repeat; background-size: cover; background-position: center center;}
.gif-burst {background-repeat: no-repeat; background-position: center -33px; background-size: cover; width: 100%;}
.gif-burst img {display: block; width: 100% !important; height: auto;}
.gif-image0 {background-image: url('../img/gifs/double-cat.gif');}
.gif-image1 {background-image: url('../img/gifs/knockknock.gif');}
.gif-image2 {background-image: url('../img/gifs/treadmill.gif');}
.gif-image3 {background-image: url('../img/gifs/glasses.gif');}
.gif-image4 {background-image: url('../img/gifs/stairs.gif');}
.gif-image5 {background-image: url('../img/gifs/broken.gif');}
.gif-image7 {background-image: url('../img/gifs/sad.gif');}

/* CSS Lightbox
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.overlay {display: none; position: fixed; z-index: 999; width: 100%; height: 100%; top: 0;left: 0; background: var(--modal-overlay-bg);}
.option-content {display: block; background: var(--surface-primary); width: 80%; max-width: 800px; margin: 200px auto 0 auto; z-index: 998; position: relative;}
.close-btn {position: absolute; right: -21px; top: -14px;width: 40px; cursor: pointer;}
.option {cursor: pointer; text-align: center;}
a .option p {font-weight: normal; color: var(--color-gray-800);}
.option img {height: 203px; width: auto;}

/* College Search
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pr-0 {padding-right: 0 !important;}
.pr-10 {padding-right: 10px !important;}
.pl-0 {padding-left: 0 !important;}

.cs .middle {background: var(--surface-secondary);}
.cs .middle .content {overflow: visible;}
.cs .middle .tuition {position: relative; z-index: 1;}
.cs .middle .toggle {position: absolute; top: 8px; font-size: 30px; cursor: pointer; z-index: 100;}
.cs .middle .toggle.right {right: 10px;}
.cs .middle .toggle.left {left: 10px;}
.cs .middle .visually-hidden {display: block; visibility: hidden;}
.cs .middle .outstate {position: absolute; top: 0; width: 100%;}
.cs_results .p10, .cs_results table, .cs_results .p10-20 {background: transparent;}
.page-title.not-searched .content {width: 96%; padding: auto 2%;}
.page-title.not-searched {background: linear-gradient(to bottom, #121719, #0E1D27, #122036, #242141, #3C1E45); padding: 0; margin-top: 90px; position: relative; overflow: hidden;}
.page-title.not-searched h1, .page-title.not-searched h2 {font-family: 'Proxima-Soft'; font-weight: bold; color: var(--color-white); text-shadow: none; font-size: 71px; max-width: 955px; margin: 0 auto 15px auto; padding-top: 50px; line-height: 1em;}
.page-title.not-searched h1 {max-width: 100%;}
.page-title.not-searched #collegeSearch {margin-bottom: 40px;}
.page-title.not-searched .dots-1 {display: none;}
.cs .primary-text-dark{color: var(--color-accent);}
.page-title.not-searched h2 {font-size: 50px; max-width: 100%; border-bottom: none; padding-top: 0;}
.cs .page-title form, .lists .page-title form {position: relative; max-width: 720px; margin: 0 auto; margin-bottom: 50px;}
.cs .page-title form {max-width: 610px;}
.cs .page-title form {margin-bottom: 10px;}
#collegeSearch #id_search_keywords {background: linear-gradient(white, white) padding-box, linear-gradient(to right, hsla(190, 100%, 51%, 1) 0%, hsla(266, 79%, 77%, 1) 100%) border-box;}
#keywords, #id_search_keywords{padding: 17px 75px 17px 25px; width: 100%; font-size: 16px; margin-bottom: 0; line-height: 23px; border-radius: 50px; font-family: raleway; position: relative; border-radius: 50em; border: 3px solid transparent;}
#keywords:focus, #id_search_keywords {outline: none;}
#collegeSearch .magnify {background: linear-gradient(to right, hsla(190, 100%, 51%, 1) 0%, hsla(266, 79%, 77%, 1) 100%); background-color: #BF98F3 !important;}
.magnify {position: absolute; width: auto; top: 0px; right: 1px; height: 84%; margin-bottom: 0; border-radius: 50%;}
#collegeSearch .magnify:hover {background: #BF98F3 !important;}
.magnify.btn.sm {padding: 8px 18px; margin: 5px;}
button.magnify.btn.sm img {margin: 6px 0 0 0; width: 18px; height: auto;}
.cs h2, .cs h3{font-family: 'Proxima-Soft'; font-weight: bold; font-size: 30px; margin-bottom: 20px; color: var(--color-black); border: none;}
.cs h3 {font-size: 17px; margin-bottom: 2px; font-family: raleway; text-shadow: none;}
.search-instructions .col1 {background: var(--card-bg); margin: 0 10px 20px 10px; border-radius: var(--card-radius); border: 1px solid var(--color-gray-200); overflow: visible; position: relative;}
.search-instructions.flex-grid > .col1 > .p20 {padding: 20px !important;}
.search-instructions .col1::before {content:""; width: 30px; height: 30px; background: var(--color-primary); position: absolute; top: -15px; left: 50%; margin-left: -15px; border-radius: 50%; text-align: center; font-size: 13px; color: var(--color-white); line-height: 28px; font-weight: bold; font-family: raleway;}
.search-instructions .col1.first::before {content: "1";}
.search-instructions .col1.second::before {content: "2";}
.search-instructions .col1.third::before {content: "3";}
.search-instructions svg {max-width: 85px; height: auto; padding-top: 10px;}
.scroll-schools .cs.slider {position: relative;}
.scroll-schools .cs .slides {display: block; white-space: nowrap; width: 86%; margin: 0 auto; overflow-x: scroll; scrollbar-width: none;}
.scroll-schools .cs .slides::-webkit-scrollbar {display: none;}
.scroll-schools .cs.slider {position: relative;}
.scroll-schools .cs.slider .arrow-left {left: 15px;}
.scroll-schools .cs.slider .arrow-right {right: 15px;}
.scroll-schools .cs .slides > div,  .thank-you .cs .slides > div {flex: 300px; max-width: 230px; background: var(--card-bg); display: inline-table; word-wrap:break-word; white-space:normal; height: 385px;}
.cs #summary {color: var(--color-primary); font-family: 'Proxima-Soft'; text-shadow: none; font-weight: bold; font-size: 30px;}
.search-options.large {font-size: 21px; margin-bottom: 70px; font-family: 'Proxima-Soft'; font-weight:bold; color: var(--color-white);}
.search-options .col1 {z-index: 2; background: var(--card-bg); text-align: left; max-width: 250px; border-radius: var(--card-radius); margin: 0 10px; background-size: 80px auto; background-position: 5px center; background-repeat: no-repeat; box-shadow: 0 20px 6px -6px rgb(68 68 68 / 0.1); transition: all 0.35s ease; margin-bottom: 20px;}
.search-options .col1.guide {background-image: url('../img/icons/guide.svg');}
.search-options .col1.map {background-image: url('../img/icons/marker.svg');}
.search-options .col1.award {background-image: url('../img/icons/award.svg');}
.search-options .col1 a {color: var(--color-gray-800); font-weight: bold; font-family: raleway; padding: 20px 20px 20px 95px; display: block; margin-bottom: 0;}
.search-options .col1:hover, .search-options .col1:active {background-size: 85px auto;}
.search-options .col1 a:hover, .search-options .col1 a:active {color: var(--color-black);}
.search-options.flex-grid {justify-content: center;}
.cs .search-options.flex-grid {margin-top: -75px;}
.search-options, .search-options a {font-weight: normal; font-size: 16px; margin-bottom: 10px; font-family: raleway;}
.search-options.advanced {margin-bottom: 40px; font-weight: bold; font-family: raleway; color: var(--color-white) !important;}
.advanced-search {position: fixed; z-index: 301; top: 0; bottom: 0; left: -100%; overflow-y: scroll; height: auto; text-align: left; transition: 0.6s; background: var(--surface-primary); box-sizing: padding-box; width: 100%; max-width: 315px; padding-top: 30px;}
.advanced-search.static {background-color: transparent; position: static; margin-top: 70px; box-shadow: none; overflow: hidden;}
.grad-search-hub .advanced-search.static {overflow: visible;}
.advanced-search h4 {color: var(--color-black); text-shadow: none; margin-bottom: 5px;}
.advanced-search #id_has_housing_1, .advanced-search #id_is_international {margin-left: 5px; margin-top: 3px; display: block;}
.advanced-search .on-campus-check, .advanced-search .is-international-checkbox {margin-top: -8px; margin-bottom: 15px;}
.advanced-search.left, .advanced-search.static.left{left: 0;}
.flex-grid.three {padding: 10px 0 0 0;}
.toggle-advanced {cursor: pointer; font-size: 12px;}
.cs .slider .blue-heading {display: none;}
.cs .slider {width: 100%;}
.cs .slides {border: none; display: flex; justify-content: center; flex-wrap: wrap;}
.cs .slides .panel-bot .float-l {float: none !important;}
.cs .slides .btn.bookmark.sm {display: none;}
.cs .slides .btn.bookmark.go.sm {display: inherit;}
.cs .slides .btn.go.sm, .cs .slides .btn.compare.sm.mb-0 {width: 100%; font-size: 14px; position: absolute; left: 0; bottom: 0; padding: 14px 0; border-radius: 0 0 15px 15px;}
.cs .slides > div {flex: 1; padding: 0 20px; border: 1px solid var(--color-gray-200); margin: 10px; width: 100%; position: relative; padding-bottom: 50px !important; border-radius: var(--card-radius);}
.cs-explore .cs .slides > div {flex: 20%; width: 253px; max-width: 253px; background: var(--card-bg);}
.cs-explore .cs .slides > div:last-child {display: block;}
.cs .slides > div:last-child {display: none;}
.content_list .cs .slides > div {background: var(--card-bg);}
.thank-you .cs .slides > div:last-child {display: inline-table;}
.cs .slider_results input {width: 49%; float: left;}
.cs .slider_results #id_enrollment_min {margin-right: 2%;}
.cs .close-btn {top: 20px; right: 20px; width: 30px;}
.cs .advanced-search.static .close-btn {display: none;}
.ui-slider-handle {background: #7d9ab1 !important; border: 1px solid #586d7d !important; height: 30px !important; cursor: pointer !important;}
.chzn-container-multi .chzn-choices {padding: 4px 0 !important; margin-bottom: 8px !important;}
.cs .refine {background:url('../img/refine.png') center left no-repeat; font-size: 17px; padding-left: 27px; margin-bottom: 20px; float: none;}
.cs .refine.toggle-advanced {display: none;}
.cs .registration, .ss .registration {width: auto; max-width: inherit; padding: 0;}
.cs .advanced-search.registration {width: 100%; max-width: 600px;}
.cs .sortby {width: 250px; display: inline-block; margin-top: 9px; margin-bottom: 20px !important;}
.cs .middle .flex-grid .name {font-size: 24px;}
.cs.grad-search-hub .middle .flex-grid .name {font-size: 18px;}
.cs.grad-search-hub .middle .flex-grid .program {font-size: 24px; color: var(--color-black); font-family: 'Proxima-Soft';}
.cs .middle .flex-grid .name a, .cs .middle .flex-grid .name a:visited {color: var(--color-black); font-family: 'Proxima-Soft'; text-decoration: underline;}
.cs .middle .flex-grid .name a:hover, .cs .middle .flex-grid .name a:active {color: var(--color-gray-600)555;}
.cs .middle .flex-grid .note {font-family: raleway; font-size: 16px;}
.cs .middle .flex-grid label span {font-style: normal; font-weight: bold;}
.cs .middle .flex-grid .stats {font-weight: bold; text-transform: uppercase; display: block; text-align: center; font-family: 'Proxima-Soft';}
.cs .middle .flex-grid .quick-info {border-left: 1px solid #efefef;}
.cs .middle .flex-grid .ctas {font-size: 12px; text-transform: none; border-top: 1px solid #efefef; max-width: 200px; margin: 0 auto; cursor: pointer;}
.cs.grad-search-hub .middle .flex-grid .ctas {max-width: 100%; text-align: center;}
.cs .middle .flex-grid .ctas td {padding: 10px; vertical-align: center;}
.cs .middle .flex-grid .stats .info {font-size: 16px; color: var(--color-black); margin-bottom: 20px;}
.cs .middle .flex-grid .flex-grid .flex-grid {color: #6b6f70; background: var(--card-bg); border-radius: 20px 0px 0px 20px;}
.cs .middle .flex-grid .flex-grid .flex-grid .bord-all {border-bottom: none; border-left: none;}
.cs .middle .flex-grid .flex-grid .flex-grid .bord-all:last-child {border-right: none;}
.cs .middle .flex-grid {position: relative;}
.cs .middle .advanced-search .chzn-container-multi .chzn-choices, .cs .middle .advanced-search input {background-image: none; border: 1px solid var(--color-gray-200); border-radius: 5px;}
.cs .middle .advanced-search input {padding: 10px 5px;}
.cs_results {position: relative;}
.cs_results .featured-img {max-width: 100%; display: block; height: auto;}
.cs_results .logo {float: left; max-width: 100px !important; height: auto; margin-bottom: 20px;padding: 7px;background: white;border-radius: 20px;margin-right: 20px;}
.grad-search-hub.new-branding .middle .content .profile {font-size: 14px; line-height: 1.4em;}
.cs_results .infotip[data-descr]:hover::after {display: none;}
.cs_results .sortby select {margin-bottom: 0; margin-top: -4px; padding: 9px 25px 9px 13px;}
.cs_results .claim {font-size: 13px; font-style: italic;}
.cs .middle .flex-grid .stats div.buttons {font-size: 14px; font-weight: normal;}
.compare-tool {position: fixed; background: var(--color-black); bottom: 0; padding: 10px 2%; width: 96%; left: 0; z-index: 297; text-align: center; color: var(--color-white); font-size: 16px; display: none;}
.compare-tool button {margin-left: 10px;}
.cs input[type="checkbox"] + label {float: none; padding: 0; background: none; border-radius: 0; display: block; transition: all 0.35s ease;}
.cs ul.featured_profiles, .school_details ul.dropdown{display: none;}
.slider .sidebar .client-logo {width: 120px; height: 120px; margin-top: 105px !important; margin-bottom: 15px;}
.sidebar .client-logo {background-color: var(--color-white); width: 200px; height: 200px; border-radius: 15px; overflow: hidden; display: block; margin: 0 auto; background-position: center center; background-size: 70%; background-repeat: no-repeat; background-origin: border-box; margin-bottom: 10px;}
.sidebar .btn.sm {display: block; text-align: center; margin-bottom: 10px !important;}
.sidebar .toggle-wrapper {display: inline-block; vertical-align: top;}
.sidebar h1 {font-family: "Lato"; font-size: 21px; color: var(--text-link);}
ul.ic_lists li a {display: block; padding: 5px; font-weight: 400; border-radius: 5px; overflow: auto; clear: both;border: 1px solid var(--color-white);}
.school-details {margin-top: 10px;}
.school-details .list-box {display: block; float: left; position: relative; height: 200px; width: 48%; background-position: top center;
  margin-right: 4%; margin-bottom: 10px; background-size: cover; }
.school-details .list-box.last {margin-right: 0;}
.school-details .list-box span {display: block; width: 96%; padding: 5px 2%;left: 0; bottom: 0; background-color: #369; background-color: rgba(35,95,123,.95); color: var(--color-white); font-weight: 400; min-height: 39px; position: absolute; text-align: center;}
.school-details .list-box:hover {opacity: 0.8;}
.sbox h2 .note {float: right; font-size: 14px; font-style: italic;color: #1a1a1a;font-weight: 400;}
.school-details .sbox.details {padding-bottom: 60px !important;}
.school-details .sbox.details a.btn.compare.stretch {position: absolute; bottom: -10px; margin-left: -10px; border-radius: 0;}
.sbox.scholarships li a, .sbox.fun-facts li {background: url('../img/icons/money.png') 2px 5px no-repeat; padding:5px 0px 5px 25px; font-weight: normal; display: block;}
.sbox.fun-facts li {background: url('../img/icons/cog.png') 2px 5px no-repeat; padding: 2px 0 12px 28px;}
ul.ic_lists li span.list-icon { width:25px;height:20px;background: url('../img/icons/page_white_text.png') 0px 0px no-repeat;}

#ACT-value, #full-ACT-value {display: none;}
.sat-act {float:right;}
.sbox .button.duo {color: var(--color-black);}
.sbox .button.duo.selected {color: var(--color-white);}
.read-math-write {width:30%;float:left;text-transform: uppercase;}
.act-scores-chart, .sat-scores-chart, .full-act-scores-chart, .full-sat-scores-chart {width: 70%; float:left;}
.range {width:75px;float:left;clear:left;text-align: center;}
.score-bar {width:200px;height:16px;background-color: var(--color-secondary-light);float:left;}
.score-percent {float:left;margin-left:5px;}
.school_details .middle img {max-width: 100%; height: auto; display: block;}
.school_details .middle .profile-imgs img {width: 30%; float: left;}
.school_details .middle .profile-imgs img.featured {width: 17.4%; margin: 2px 11.3% 0;}
#Math-sat-value, #Writing-sat-value, #Math-act-value, #English-act-value, #full-Math-sat-value, #full-Writing-sat-value, #full-Math-act-value, #full-English-act-value  {display: none;}
.large-green {color: var(--color-secondary); font-size: 1.5em;}

.cs_results .registration .input-holder .select-label {top: -20px;}
.cs_results .registration .input-holder .select-label, .cs_results .sortby select {background-color: #f7f7f7;}
.cs .not-searched input#keywords::placeholder {color: #999999; opacity: 1;}

.cs .flex-grid.non-feature {align-items: center;}
.cs .middle .flex-grid.non-feature .ctas {border-top: none;}
.cs .middle .flex-grid.non-feature .quick-info {border: none;}
.cs .middle .flex-grid.non-feature .col7 {border-right: 1px solid #efefef;}

.cs #keyboard .st0 {fill: none; stroke: var(--color-black); stroke-miterlimit: 10; stroke-width: 2px;}
.cs #touch .st0 {stroke-miterlimit: 10;}
.cs #touch .st0, .cs #touch .st1, .cs #touch .st2 {fill: none; stroke: var(--color-black); stroke-width: 2px;}
.cs #touch .st1 {stroke-linecap: round;}
.cs #touch .st1, .cs #touch .st2 {stroke-linejoin: round;}
.cs #mail .st0 {stroke-miterlimit: 10;}
.cs #mail .st0, .cs #mail .st1 {fill: none; stroke: var(--color-black); stroke-width: 2px;}
.cs #mail .st1 {stroke-linejoin: round;}

.cs .flex-grid .advanced-search {background: var(--card-bg); border-radius: 15px; border: 1px solid var(--color-gray-200); font-size: 15px; font-family: 'proxima-soft';}

.flex-direction-nav a {text-decoration: none; display: block; width: 50px; height: 100%; margin: 0 0 0; position: absolute; z-index: 9999; top: 0; overflow: hidden; opacity: 1; background: var(--color-primary); cursor: pointer; color: transparent;}
.flex-direction-nav a:before {content: url('../img/icons/chevronleft.svg'); display: block; padding: 10px; position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -30px;}
.flex-direction-nav a.flex-next:before {content: url('../img/icons/chevronright.svg');}
.flex-direction-nav .flex-next {right: 0;}

/* College Search ai
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cs .college_search .ai_section_container{padding-top: 25px !important; position: relative; width: 100%; background: linear-gradient(to bottom, #121719, #0E1D27, #122036, #242141, #3C1E45); background-size: cover; padding: 0; margin-top: 70px; position: relative;}
.cs .college_search .ai_section_container h1{color: var(--color-white); text-align: center; font-family: 'Proxima-Soft'; font-weight: bold; font-size: 45px;display: inline-block; margin: 10px 0px; text-transform: capitalize; text-shadow: none;}
.cs #ai_results{display: flex; position: relative; width: 95%; overflow-x: auto;margin: auto; flex-direction: column;}
.cs .slider{display: flex; flex-wrap: nowrap; gap:10px;}
.cs #ai_results .client-logo{width: 85px; height: 85px; overflow: hidden; display: block; background-position: center center; background-size: 70%; background-repeat: no-repeat; border-radius: 15px; background-color: var(--color-white); margin-bottom: 10px; margin-right: 10px;}
.cs #ai_results>p{margin:0 auto; font-weight: bold; font-family: raleway, sans-serif; font-size: 17px;}
.cs #ai_results .col7 p{font-size: 1em;}
.cs #ai_results .col7 .note{font-size: 15px;}
.cs #ai_results .name{font-size: 20px; padding-right: 30px;}
.cs #ai_results div.ai_slide {padding: 13px; background: var(--card-bg);border: 2px solid #BF98F3; border-radius: 10px; position: relative; text-align: center; min-width: calc(25% - 12px); max-width: calc(25% - 12px); box-sizing: border-box;}
.cs #rec{flex: 0 0 auto; width: 100%; max-width: 600px; min-width: 600px; margin: 0 auto;border: 2px solid #bf98f3;border-radius: 10px;padding: 20px; position: relative; margin-top: 30px; margin-bottom: 20px;}
.cs #rec p{color: var(--color-white); margin-bottom: 0px;}
.cs #rec::before{content: "Pro Tip"; position: absolute;color: white;position: absolute;left: 39%;top: -16px;padding: 4px 33px;background-color: #21213f; font-family: raleway; font-weight: bold; font-size: 23px; text-align: center;}
.cs #ai_results > div>.col1{margin-right: 10px; min-width: 140px;}
.cs #ai_results > div .ctas{background: transparent;border: none; display: inline-block;width: auto;}
.cs #ai_results .ai_slide .col1 > a{float: left;}
.cs .middle .content .college_search .cs_results{padding-top: 20px;}
.cs .advanced-search.static{margin-top: 0px; padding-top: 20px;}
.cs .middle #ai_results .quick-info .stats{display: flex; gap: 3px;margin-bottom: 10px;flex-wrap: wrap;}
.cs .middle #ai_results .quick-info .stats > .col1{flex: 48%;}
.cs .middle #ai_results .quick-info {border-left: none;}
.cs .middle #ai_results .quick-info .stats .col1 .title {font-size: 12px; margin-bottom: 10px;}
.cs .middle #ai_results .mb-20.ai_slide>.flex-grid{background: url('../img/icons/ai-sparkle.png')top right no-repeat;background-size: 35px;flex-direction: column;}
.cs .middle #ai_results .ctas .ai-compare{padding-left:20px;}
.cs .loading p{margin-bottom: 1em; font-size: 20px;}
.cs .loading {--speed-of-animation: 0.9s; --gap: 6px;--first-color: var(--color-accent);--second-color: #4EA7D4;--third-color: #7D93D7;--fourth-color: #9780D8;--fifth-color: #BF98F3;display: flex;justify-content: center;align-items: center;width: 500px;gap: 6px;height: 90px;margin: 50px auto;text-align: center; margin-bottom: 310px;}
 .loading span {width: 4px;height: 50px;animation: scale var(--speed-of-animation) ease-in-out infinite;}
 .loading span:nth-child(2) {background: var(--second-color);animation-delay: -0.8s;}
 .loading span:nth-child(3) {background: var(--third-color);animation-delay: -0.7s;}
 .loading span:nth-child(4) {background: var(--fourth-color);animation-delay: -0.6s;}
 .loading span:nth-child(5) {background: var(--fifth-color);animation-delay: -0.5s;}
 @keyframes scale {0%, 40%, 100% {transform: scaleY(0.05);}20% {transform: scaleY(1);}}
 .cs .ai_section_container #collegeSearch>input{float: none; margin: 0 auto;border: 1px solid var(--color-white);border-radius: 50px; padding: 17px 25px; font-size: 16px;}
 .cs .ai_section_container .magnify.btn.sm{padding: 9px 15px;}
 .cs .ai_section_container #collegeSearch{width: 40%; margin: 0px auto; position: relative;}
 .cs .ai_section_container #ai_results .mb-20 .flex-grid .col1>.p10-20.clearfix{display: inline-block;}
 .cs .college_search .ai_section_container .scroll-horizontal{width: 40px;  height: 40px;display: none; margin-top: 100px;}
 .cs .college_search .ai_section_container .ai-arrow-right{right: 10px;}
 .cs .middle .college_search .toggle.right{right: 0px}
 .cs .middle .college_search .toggle.left{left: 0px}
 .cs .middle .ai-outstate {position: absolute; top: 0; width: 100%;}
 .cs #ai_results .scroll.justify{justify-content: center;}
 .cs #ai_results .scroll{display: flex;overflow-x: auto;gap: 16px; scroll-behavior: smooth; margin-top: 20px;}
 .cs #ai_results .scroll::-webkit-scrollbar {width: 5px;height: 8px;background-color: var(--color-gray-150);border-radius: 10px; cursor: grab;}
 .cs #ai_results .scroll::-webkit-scrollbar-thumb {background: #BF98F3; border-radius: 10px; cursor: grab;}
 .cs #ai_results .scroll::-webkit-scrollbar-track {border-radius: 10px; cursor: grab;}
 .cs #ai_results .inquiry{margin-top: 2%;}
 .cs #ai_results .inquiry > .inquiry_btn{text-align: center; width: 75%;}
 .cs #ai_results .ai_slide>.flex-grid{flex-wrap: nowrap;}
 .cs .middle #ai_results .ctas.extra-padding{padding-top: 0%;}
 .cs .middle .ai_section_container h5{text-align: center; font-family: 'Proxima-Soft'; font-weight: bold; text-transform: capitalize; font-size: 25px; color: var(--color-gray-800);margin-top: 0px !important;}
 .cs .middle .college_search h5{margin-top: 25px; text-align: center; font-family: 'Proxima-Soft'; font-weight: bold; text-transform: capitalize; font-size: 25px; color: var(--color-gray-800);}
 .cs .middle .college_search h5.no-ai {margin-top: 110px;}
 .cs .middle .ai_section_container .align-c img{display: inline-block; padding-right: 10px; position: relative; bottom: -2px;}
 .cs .ai_section_container #collegeSearch > label ,  .cs #collegeSearch .refine{font-family: 'Proxima-Soft' !important;}
 .cs .ai_section_container .ai-college-title{min-height: 96px;}
 .cs .ai-instructions {color: var(--color-white);font-family: 'Raleway'; margin-bottom: 30px !important; position: relative; max-width: 630px; margin: 0 auto;}
 .cs .ai-instructions img{position: absolute; bottom: -30px;}
 .cs .ai_section_container .ai_slide .col7 > .clear-b.align-l{min-height: 84px;}
.cs h1 .ai-style{color: #bf98f3; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color:  #bf98f3; display: inline-flex; align-items: center; gap: 10px; line-height: 1; white-space: nowrap; align-items: baseline;}
.cs h1 .ai-style img {display: block; width: 1.2em; height: 1.2em; flex: 0 0 auto;}
.dots-1{position: absolute; left: -60px; rotate: 90deg; top: 70px; animation: pulse 3s infinite ease-in-out;}
.dots-2{position: absolute; right:-13px; top: 250px; animation: pulse 4s infinite ease-in-out;}
.star-1{position: absolute; top: 53px;right: 124px;rotate: 45deg;animation: rotate 10s linear infinite;}
.star-2{position: absolute; bottom: 100px; left: 50px; rotate: 45deg;animation: rotate 10s linear infinite;}
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.1); /* Slightly enlarge the SVG */}
  100% {transform: scale(1);}
}
@keyframes rotate {
  0% {transform: rotate(0deg); /* Start at 0 degrees */}
  100% {transform: rotate(360deg); /* Complete a full rotation */}
}
.cs .no-results{border: 2px solid #BF98F3; border-radius: 10px;padding: 20px; margin-bottom: 50px !important; max-width: 600px; min-width:600px; margin: 0 auto; position: relative; margin-top: 30px;}
.cs .no-results > p{color: var(--color-white) !important; margin-bottom: 0px;}
.cs .no-results::before{content:"You've stumped us!"; color: var(--color-white); font-size: 23px;position: absolute;left: 181px;top: -16px;padding: 7px 33px;background-color: #1D213C; font-family: raleway; font-weight: bold;}


/* campus life */
.youvisit-embed{display: block; margin: 0 auto;}
dl.campus-life {overflow: auto;margin:0;}
dl.campus-life dt {text-align:left;background:url('../img/student-life-icons.png') center -407px no-repeat;width:60px;color:white;font-weight: bold;text-align: center;padding:16px 0 10px 0;float:left;clear:left; margin-bottom: 10px;}
dl.campus-life dd {float:left;padding:16px 0 10px 10px;width:83%; margin-bottom: 10px;}
dl.campus-life dt.house.negative {background-position: center -508px;}
dl.campus-life dt.car {background-position: center -207px;}
dl.campus-life dt.car.negative {background-position: center -307px;}
dl.campus-life dt.alcohol {background-position: center -8px;padding-top:35px;}
dl.campus-life dt.alcohol.negative {background-position: center -108px;}
dl.campus-life dd.alcohol {padding-top:22px;}
dl.campus-life dt.male {height:50px;background-position: center -608px;}
dl.campus-life dt.female {height:50px;background-position: center -808px;}

/* admissions */
h5.head1 {color:#2E6228;}
h5.head2 {color:#5C5C14;}
h5.head3 {color:#914018;}
h5.head4 {color:#913939;}
.bottom-rank-labels {float:left;width:120px; margin-top: 10px;}
.top-rank-labels {float:left;width:107px;}
.bottom-rank-labels dt, .top-rank-labels dt {float:left;clear:both;padding:5px;}
.bottom-rank-labels dd, .top-rank-labels dd {float:right;color:white;padding:5px 0;width:43px;text-align: center;margin-bottom:5px;}
.bottom-rank-labels dd {background-color:#441D0E;}
.top-rank-labels dd {background-color:#122C40;}
.class-rank-chart {float:left;width:161px;height: 100px;position: relative;margin-left:5px;}
.class-rank-chart div {position: absolute;}
.class-rank-chart .rank-bottom {right:0;bottom:0;}
.class-rank-chart .rank-top {left:0;top:0;}
.class-rank-chart .half {height:100px;}
.class-rank-chart .quarter {height:50px;}
.class-rank-chart .tenth {height:20px;}
.rank-bottom {background-color:#441D0E;}
.rank-top {background-color:#122C40;}
.school-rank .rank-bottom.half {background-color:#8D4120;}
.school-rank .rank-bottom.quarter {background-color: #692F17;}
.school-rank .rank-top.half {background-color: #265D87;}
.school-rank .rank-top.quarter {background-color: #1B4364;}

span.social-icon {width:32px;height:32px;display:block;float:left;background:url('../img/icons/social_sprite.png') -47px -215px no-repeat; }
span.social-label {display: block;float:left;padding:6px 0 0 8px;}
.social-list li {margin-bottom: 10px;}
.social-list a.facebook span.social-icon {background-position: -89px -89px;}
.social-list a.youtube span.social-icon {background-position: -257px -299px;}
.social-list a.twitter span.social-icon {background-position: -89px -257px;}
.social-list a.ustream span.social-icon {background-position: -5px -341px;}
.social-list a.flickr span.social-icon {background-position: -47px -89px;}
.social-list a.linkedin span.social-icon {background-position: -47px -131px;}
.social-list a.googleplus span.social-icon {background-position: -299px -299px;}
.social-list a.pinterest span.social-icon {background-position: -47px -341px;}
.social-list a.vimeo span.social-icon {background-position: -5px -257px;}
.social-list a.googleplay span.social-icon {background-position: -89px -341px;}
.social-list a.tumblr span.social-icon {background-position: -131px -257px;}
.social-list a.storify span.social-icon {background-position: -131px -341px;}
.social-list a.foursquare span.social-icon {background-position: -173px -341px;}
.social-list a.blog span.social-icon {background-position: -89px -215px;}
.social-list a.futurity span.social-icon {background-position: -215px -341px;}
.social-list a.podcast span.social-icon {background-position: -257px -341px;}
.social-list a.instagram span.social-icon {background-position: -299px -341px;}
.social-list a.picasa span.social-icon {background-position: -257px -215px;}
.social-list a.wikipedia span.social-icon {background-position: -5px -383px;}
.social-list a.pandora span.social-icon {background-position: -5px -173px;}
.social-list a.tiktok span.social-icon {background-position: -47px -383px;}
.social-list a.snapchat span.social-icon {background-position: -89px -383px;}
.social-list a.threads span.social-icon {background-position: -173px -383px;}


#breakdown-chart {height: 280px; width: 280px; float: left;margin-right: 18px;}
.legend {float:left; margin: 10px 0 0 0;}
.legend dt {float:left;clear:left;width: 50px;text-align: center;color: white;font-weight: normal;padding:5px 0;}
.legend dt:nth-of-type(1) {background-color: #9246B2;}
.legend dt:nth-of-type(2) {background-color: var(--color-tertiary);}
.legend dt:nth-of-type(3) {background-color: #49AFB2;}
.legend dt:nth-of-type(4) {background-color: var(--color-secondary-light);}
.legend dt:nth-of-type(5) {background-color: #3fa0ea;}
.legend dt:nth-of-type(6) {background-color: var(--color-primary-pale);}
.legend dt:nth-of-type(7) {background-color: var(--text-link);}
.legend dt:nth-of-type(8) {background-color: #AD874B;}
.legend dt:nth-of-type(9) {background-color: #D4C417;}
.legend dd {margin:0 0 3px 53px;text-align: left;padding:5px;background-color: var(--color-gray-50);}

.vert-bar p.outside-bar {color:var(--color-gray-500); position: absolute; left: 50%; margin-left: -34px;}
.sidebar .registration {max-width: 100%; background: transparent; width: 100%; padding: 0;}

.featured-buttons{margin: 0 auto; text-align: center; display: inline-block;}
.profile-buttons h2 {color: var(--color-black); border-bottom: none;}
.profile-buttons a, .profile-buttons a:visited{color: var(--text-link); background: var(--color-white); font-size: 16px; padding: 10px 20px;}
.profile-buttons a.selected, .profile-buttons a.selected:visited, .profile-buttons a:hover {background: var(--color-primary-dark); color: var(--color-white);}
.school-nav {background: var(--color-primary); clear: both;}
.school-nav li {display: inline-block; font-size: 0;}
.school-nav li a {background: var(--color-primary); color: var(--color-white); display: block; padding: 10px 15px; border-right: 1px solid var(--color-white); font-size: 13px; margin-left: -2px;}
.school-nav li.selected a,  .school-nav li a:hover {background: var(--color-primary-dark);}
.profile-view {background: var(--surface-primary);}
.school_details .middle {border-top: 0; padding-bottom: 0;}

.college-header {padding-top: 90px; background: var(--surface-tertiary); overflow: visible;}
.college-header .client-logo, .school-header .client-logo {background-color: var(--color-white); width: 130px; height: 130px; border-radius: 15px; overflow: hidden; display: block; margin: 0 auto; background-position: center center; background-size: 70%; background-repeat: no-repeat; background-origin: border-box; float: right; margin: 10px 20px 0 0;}
.college-header .content {background-color: var(--surface-primary); padding-top: 20px;}
.college-header .college-info {margin: 60px 0; padding: 10px 20px; background: rgba(255, 255, 255, 0.95); display: inline-block;}
.college-header h1, .college-header.slim h5 {font-family: Lato; font-weight: bold; color: var(--color-black); font-size: 30px;}
.college-header h1.long-title {font-size: 30px;}
.college-header p {font-size: 16px;}
.college-header .toggle-wrapper {display: inline-block;}
.college-header .btn-rnd {top: 5px; position: relative; display: flex; gap: 5px;}
.college-header .btns {margin-bottom: 0; text-align: right;}
.college-header .btns .inquiry_btn {padding: 6px 30px 5px 30px; font-size: 13px;}
.college-header.lg .btns .inquiry_btn, .college-header.lg .btns .apply_now, .college-header.lg .btns .go {padding: 20px 30px 20px 30px; font-size: 15px; display: inline-block; margin-right: 20px; border: 2px solid var(--color-white); box-shadow: 0 0 20px var(--color-white);}
.college-header.lg.non-client .btns .extra-btns {top: 7px; left: 3px; padding-top: 25px;}
.college-header .btns .extra-btns {display: inline-block; position: relative; width: 58px; top: -18px; left: 3px;}
.college-header.lg .btns .extra-btns {display: block;}
.college-header .button, .college-header .button:visited {background: var(--text-link); color: var(--color-white);}
.college-header .button:hover, .colleg-header .button:active, .college-header .button.selected {background: #1e3d5b; color: var(--color-white);}
.college-header .sp {float: left; padding-right: 10px; padding-top: 5px; clear: both;}
.college-header.slim {position: fixed; bottom: 0; z-index: 998; padding-top: 10px; width: 100%; clear: both; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2); display:none; background: var(--surface-primary);}
.college-header.slim .content {padding: 7px 0 10px 0;}
.college-header.slim h5 {font-size: 16px; text-transform: none; margin-bottom: 0;}
.college-header.slim .btns {margin: 0; font-size: 12px;}
.college-header.slim .college-info {float: left; margin: 0; padding: 0; text-align: left;}
.college-header.slim p  {margin-bottom: 0 !important;}
.college-header.slim .btns {float: right; left: -70px; top: -5px; position: relative; display: flex; gap: 5px;}
.college-header.slim .sp, .college-header.slim a.button, .college-header.slim .align-l {display: none;}
.college-header.slim .btn.sm {font-size: 13px;padding: 6px 18px; position: relative; top: 3px; line-height: 2em;}
.school_details .slide_up, .school_details .slide_up_in {display: none !important;}
.college-header.lg .heart, .college-header.lg .compare-icon {border-radius: 0; position: absolute; top: 6px; left: -3px; height: 31px;}
.college-header.lg .compare-icon {left: 27px; border-left: 1px solid var(--color-gray-200);}

.profile-content.p10 {padding-top: 0 !important; margin-top: -10px;}
.profile-content h3 {position: relative; top: -25px; font-size: 25px; display: inline-block; background: var(--color-white); margin-bottom: 0; padding: 10px; padding-bottom: 0; margin-left: -10px;}
.profile-content h3 p {margin-bottom: 0;}
.school_details .content_list iframe {width: 100%; height: 100%; margin: 0; background: black;}

.school_details .col1.cluster img {width: 100%; height: auto;}
.school_details .accolades table td{padding: 10px;}
.school_details .accolades table img, .gcu #accolades table img {max-width: 85px !important; height: auto;}

.sbox .cx-testimonials-wrapper h3 {font-family: 'Oswald'; color: var(--color-black);}
.testimonial-container {width: 100%;}
.cx-testimonials-wrapper {position: relative; width: 100%; max-width: 100%; margin: 0 auto; padding: 20px 0; z-index: 1; background: var(--color-white); font-family: 'Oswald';}
.testimonial-content {max-width: 1000px;width: 80%;margin: 0 auto;}
.cx-testimonials {text-align: center; list-style: none; padding: 0; margin: 0;}
.cx-testimonials > li {position: absolute; opacity: 0;}
.cx-testimonials > li:first-child {position: relative; opacity: 1;}
.testimonial-content p {color: #656466; font-size: 20px;}
.cx-author-info span p {display: inline-block; font-size: 16px; padding-left: 0;}
.cx-author img, .cx-author .cx-author-info {display: inline-block; vertical-align: top;}
.cx-author img {width: 55px; height: 55px !important; border-radius: 50%; margin: 0 auto;}
.cx-author .cx-author-info {text-align: center; font-size: 16px; color: var(--color-black); text-align: center;}
ul.cx-author-info {list-style: none;}
ul.cx-author-info li span {font-size: 14px; line-height: 24px; color: var(--color-primary); text-transform: uppercase;}
.flex-control-paging li a {width: 6px; height: 6px; display: block; background: var(--color-gray-500); background: rgba(0, 0, 0, 0.4); cursor: pointer; text-indent: -9999px; border-radius: 20px;}
.flex-control-paging li a:hover {background: var(--color-gray-800);}
.flex-control-paging li a.flex-active {background: var(--color-black); cursor: default;}
.flex-control-nav {bottom: 15px; position: absolute; margin: 0 auto; padding: 0; text-align: center; width: 100%;}
.flex-control-nav li {display: inline-block; padding: 0px 5px 0px 5px;}

.lightbox {display: none; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8);}
.lightbox img {max-width: 90%; max-height: 80%; margin: 2% auto 0 auto;}
.lightbox:target {outline: none; display: block;}
.school_details .content_list .top-feature a, .school_details .content_list .top-feature a:visited {position: relative; background: transparent; padding: 0;}

.school-nav li.profile-nav-list, .school-nav li.profiles-drop {display: none;}
.school_details .sbox {background: var(--card-bg);}
.school_details .sbox.youtube.force100 {height: 457px;}
.college-header.lg .registration {background: transparent; max-width: 100%; width: 100%; padding: 0;}
.college-header.lg .registration select {margin-bottom: 0;}

.school_details footer {padding-bottom: 150px;}

.school_details .bb .registration {max-width: 100%; padding: 20px; border-radius: 0;}

@media (max-width:1200px) {
  .college-header{width: 96%; padding: 0 2%; margin-left: -1px; padding-top: 90px;}
  .profile-buttons.secondary-nav {display: none;}
  .college-header.lg .btns::after {display: block; text-align: left; background: var(--surface-tertiary); color: var(--text-primary); padding: var(--space-3) 0; content: "Quick Navigation"; }
  .gcu .college-header.lg .btns::after {content: ""; padding: 0;}
  .school_details .middle .content_list .top-feature .col1 {flex-basis: 50% !important;}
  .school_details .middle .flex-grid .col1 {flex: 1 !important;}
  .school_details .middle .flex-grid .col1.grow {flex: 100% !important;}
}

@media (max-width:1165px) {
  .cs .middle .flex-grid .quick-info, .cs .middle .flex-grid.non-feature .quick-info {border-left:none; border-top: 1px solid #efefef;}
  .cs .middle .flex-grid .stats.p10 {display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #efefef;}
  .cs.grad-search-hub .middle .flex-grid .stats.p10 {border-bottom: none;}
  .cs .flex-grid .cs_results .flex-grid .flex-grid .col1 {flex: 1;}
  .cs .middle .flex-grid .stats .info {margin-bottom: 0;}
  .cs .middle .flex-grid .ctas {border-top: none;}
  .cs .middle .flex-grid.non-feature .col7 {border-right: none; border-radius: 20px;}
  .cs .middle #ai_results .flex-grid .quick-info {border-left:none; border-top: none;}
  .cs .middle .content .college_search .cs_results {padding: 20px;}
  .svg-callout.map {background-image: none;}
}

@media (max-width:1000px) {
  .school_details .middle .flex-grid .col2 {flex: 100% !important;}
  .school_details .middle .flex-grid .col2.p20-sides, .school_details .middle .flex-grid .col1.p20-sides {padding: 0 !important;}
  .school_details .middle .flex-grid .col2.p20-sides.first, .school_details .content_list .flex-grid.top-feature .clusters{flex: 100% !important; padding: 0;}
  .school_details .ten-k.registration {padding: 0;}
  .claim-profile h2 {float: none !important;}
  .claim-profile .ml-20 {margin-left: 0 !important;}
}

@media (max-width: 800px) {
  .flex-grid > .col1.advanced-options {flex: none;}
  .advanced-search.static {position: fixed; z-index: 301; top: 0; bottom: 0; left: -100%; overflow-y: scroll; height: auto; text-align: left; transition: 0.6s; background: var(--color-white); box-sizing: padding-box; width: 100%; max-width: 100%; padding-top: 30px; margin-top: 0;}
  .cs .flex-grid .advanced-search {border-radius: 0; border: none;}
  .cs .refine.toggle-advanced {display: block; float: right;}
  .cs .advanced-search.static .close-btn {display: block;}
}

@media (max-width:860px) {
  .school_details .col1.m10.featured-1 {margin: 0 !important;}
  .school_details .content_list iframe {height: 400px;}
  .school_details .content_list .flex-grid.top-feature .cluster {height: auto;}
  .school_details .content_list .flex-grid.top-feature .featured-1, .school_details .content_list .flex-grid.top-feature .clusters1 {flex: 100% !important;}
}

@media (max-width:650px) {
  .profile-view .float-r.pr-20.pt-10 {display: block; width: 100%;}
}

@media (max-width:765px) {
  .lightbox img {margin-top: 50%;}
  .college-header h1 {font-size: 20px;}
  .college-header p {font-size: 14px;}
  .college-header .client-logo {width: 100px; height: 100px; display: block; margin: 0 auto; float: none;}
  .college-header .college-info {display: block; text-align: center; margin: 20px 0;}
  .cs .middle .flex-grid .stats .info {margin-bottom: 10px;}
}

@media (max-width: 550px) {
  .cs .flex-grid .cs_results .flex-grid .flex-grid .col1 {flex: 44%;}
  .cs .middle .flex-grid .name {font-size: 18px; margin-bottom: 5px;}
  .cs .middle .flex-grid .note {font-size: 15px;}
  .cs .middle p.inquiry {text-align: center;}
}

@media (max-width:480px) {
  .school_details  .content_list .flex-grid.top-feature .cluster {flex-basis: 50%; max-width: 50%;}
}

/* AI College Search Updates
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cs .middle .content {padding: 0;}
.cs .advanced-options.col1 {max-width: 310px;}
#filterSearch .btn {border-radius: 8px;}
#double_column {display: flex; flex-wrap: wrap; gap: 20px;}
#double_column .box {flex: 0 0 calc(50% - 10px); box-sizing: border-box; min-width: 250px; background: var(--card-bg); border: var(--card-border); border-radius: var(--radius-md); overflow: hidden; position: relative; font-family: 'Raleway'; padding-bottom: 73px;}
#double_column .box p {font-size: 13px;}
#double_column .box img {max-width: 100%; height: auto;}
#double_column .box .client-banner {height: 140px; background-size: cover; background-position: center center;}
#double_column .box .client-logo {background-color: var(--color-white); width: 92px; height: 92px; border: 1px solid #cfcfcf; border-radius: 15px; overflow: hidden; display: block; margin: -50px 0 0 20px; background-position: center center; background-size: 70%; background-repeat: no-repeat; background-origin: border-box; margin-bottom: 10px;}
#double_column .box p.school-name {font-family: 'Proxima-Soft'; font-size: 20px; font-weight: bold;}
#double_column .box p.school-location {font-size: 14px; color: #6a6b85;}
#double_column table.school-stats {margin-bottom: 20px;}
#double_column table.school-stats td {padding-top: 5px;}
#double_column .box .school-ctas {display: flex; align-content: center; align-items: center; gap: 10px; position: absolute; bottom: 20px; width: calc(100% - 40px);}
#double_column .box .school-ctas .btn {display: block; width: 100%; padding: 15px 0; border-radius: 8px; margin-bottom: 0;}
#double_column .box .school-ctas .btn.learn, #double_column .box .school-ctas .btn.learn:visited {color: #1c1c1c !important; border: 1px solid var(--color-gray-200);}
#double_column .box .school-ctas .btn.learn:hover, #double_column .box .school-ctas .btn.learn:active {color: var(--color-black) !important; background-color: var(--color-gray-200);}
#double_column .box svg {height: 17px; width: auto; float: left; padding-right: 4px;}
#double_column .box .button-icons {max-width: 200px;}
#double_column .box .button-icons .pr-5 {padding-right: 5px;}
#double_column .box .geo-icon .st0, #double_column .box .student-icon .st0, #double_column .box .money-icon .st0, #double_column .box .acceptance-icon .st0{fill: none; stroke: #6a6b85; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;}
#double_column .box .student-icon .st0, #double_column .box .money-icon .st0, .acceptance-icon .st0 {stroke: #343434;}
.cs_results #google_ads {margin-top: 40px;}


@media (max-width: 1050px) {
  .flex-grid > .col1.advanced-options {flex: none;}
  .advanced-search.static {position: fixed; z-index: 301; top: 0; bottom: 0; left: -100%; overflow-y: scroll; height: auto; text-align: left; transition: 0.6s; background: var(--color-white); box-sizing: padding-box; width: 100%; max-width: 100%; padding-top: 30px; margin-top: 0;}
  .cs .flex-grid .advanced-search {border-radius: 0; border: none;}
  .cs .refine.toggle-advanced {display: block; float: right;}
  .cs .advanced-search.static .close-btn {display: block;}
}

@media all and (max-width: 800px){
  #double_column .box {flex: 100%;}
  #double_column .box .p20{padding: 20px !important;}
}

@media all and (max-width: 400px){
  #double_column .box {padding-bottom: 124px;}
  #double_column .box .school-ctas {display: block; bottom: 10px;}
  #double_column .box .school-ctas .col1 {margin-bottom: 10px;}
}

/* College Map
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.college-map #map {height: calc(100vh - 90px) !important; width: 100%; margin-top: 90px;}
.college-map .gm-style-iw {max-width: 100%; width: 300px; max-height: 600px !important;}
.college-map .gm-style-iw-d {max-height: 600px !important;}
.college-map .gm-style .banner {max-width: 100%; width: 300px; height: 150px; position: absolute; top: 0; left: 0; right: 0; background-size: cover;}
.college-map .gm-style .logo {width: 80px; height: 80px; padding: 5px; border-radius: 50%; position: absolute; top: 100px; left: 50%; margin-left: -42px; background-size: 65px auto; background-position: center center; background-repeat: no-repeat; background-color: var(--color-white);}
.college-map .gm-style p.name {padding-top: 185px; text-align: center; font-size: 18px; line-height: 20px;}
.college-map .gm-style p.name .location {font-size: 13px; font-style: italic;}
.college-map.new-branding .middle {padding: 0 !important;}
.college-map button.gm-ui-hover-effect {background: var(--color-white) !important; opacity: 1 !important; padding: 20px; border-radius: 50%; top: 10px !important; right: 10px !important;}
.college-map #map_contain {position: relative;}
.college-map #zip_search {position: absolute; bottom: 20px; left: 50%; margin-left: -150px; width: calc(100% - 40px); max-width: 300px; z-index: 49;}
.college-map #zip_contain {position: relative;}
.college-map #zip_contain input {border: 3px solid var(--color-primary); border-radius: 50px; padding: 15px 20px; font-size: 16px; line-height: 24px; margin-bottom: 0;}
.college-map #zip_contain input:focus{outline: none;}
.college-map #zip_contain .btn.sm.search {position: absolute; background-color: var(--color-primary); right: 9px; top: 7px; margin-bottom: 0; padding: 11px; border-radius: 50px;}
.college-map #zip_contain button img{height: 20px; width: 20px; margin: 0 1px -4px 0;}
.college-map .gm-style-iw-d .title {font-size: 10px; font-weight: bold;}
.college-map .gm-style-iw-d .flex-grid.stats .col1 {flex-basis: 50%; font-size: 14px;}
.college-map .gm-style-iw-d .tuition .bord-all, .gm-style-iw-d .enrollment .bord-all {border-right: none;}
.college-map .gm-style-iw-d .tuition .bord-all, .gm-style-iw-d .scholarships .bord-all {border-bottom: none;}
.college-map .gm-control-active>img {transform: none; margin-left: -13px; margin-top: 2px;}

@media all and (max-width: 400px){
  .college-map #zip_search {bottom: inherit; top: 80px;}
}

/* College Compare
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.new-branding.college-compare .compare-table td, .compare-table td.header {width: 250px; max-width: 250px; text-transform: capitalize;}
.new-branding.college-compare .lined {overflow-x: scroll; table-layout: fixed; width: inherit; margin: 0 auto; margin-bottom: 20px;}
.new-branding.college-compare .lined td.header {font-family: 'Proxima-Soft'; font-weight: bold; font-size: 18px; padding: 10px; background: var(--color-white); position: sticky; left: 0; z-index: 1; width: 175px;}
.new-branding.college-compare .lined .school-name {font-size: 18px;}
.new-branding.college-compare .lined td {text-align: left; font-family: 'Proxima-Soft'; font-size: 15px; vertical-align: top; padding: 10px;}
.new-branding.college-compare .middle .content .lined li {font-size: 15px; font-family: 'Proxima-Soft';}
.new-branding.college-compare .lined .showcase {max-width: 100%; height: 150px; margin: 15px 0; background-image: url('../img/icons/checkmark-circle.svg');}
.new-branding.college-compare .lined .btn.add {border-radius: 80px; padding: 13px 35px; font-size: 40px; font-family: 'Proxima-Soft'; font-weight: bold; margin-bottom: 0;}
.new-branding.college-compare .middle .content h1 {color: var(--color-black); text-transform: inherit; font-size: 40px; text-align: left;}
.new-branding.college-compare .middle {padding: 0;}
.new-branding.college-compare .compare-scroll::-webkit-scrollbar {height: 30px; margin-bottom: 20px;}
.new-branding.college-compare .compare-scroll::-webkit-scrollbar-track {background-color: #f4f4f4; border-radius: 20px;}
.new-branding.college-compare .compare-scroll::-webkit-scrollbar-thumb {background-color: var(--color-primary); border-radius: 20px; border: 6px solid transparent; background-clip: content-box;}
.new-branding.college-compare .compare-scroll::-webkit-scrollbar-thumb:hover {background-color: #088aa3;}
.new-branding.college-compare .lined td.bb-0 {border-bottom: none; padding-bottom: 0;}
.new-branding.college-compare #school_search {max-width: 400px;}
.new-branding.college-compare .compare-scroll {cursor: pointer; max-width: initial; overflow-x: auto; margin-bottom: 20px; background: var(--color-white); width: 100%; padding: 0;}
.new-branding.college-compare .compare-scroll.active {cursor: grabbing;}
.new-branding.college-compare .compare-container {padding: 130px 0 0 0; background: var(--color-white);}
.new-branding.college-compare .go {width: 96%; padding: 15px 2%; border-radius: 20px; text-align: center; font-size: 15px;}

/* EU Cookie Popup
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cc-banner .cc-message {flex: inherit !important; margin: 0 auto !important;}

/* New Branding
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.primary {background: var(--btn-primary-bg); color: var(--btn-primary-text);}
.btn.primary:hover, .btn.primary:active {background: var(--btn-primary-hover);}
.secondary {background: var(--color-tertiary-dark);}
.btn.secondary:hover, .btn.secondary:active {background: var(--color-tertiary-darker);}
.tertiary {background: var(--color-primary);}
.btn.tertiary:hover, .btn.tertiary:active {background: #354951;}
.quaternary {background: var(--color-gray-800);}
.new-branding .middle {padding-top: 20px; border-top: none;}
.new-branding .social-banner {background:url('../img/banners/faq.jpg') no-repeat; background-size: cover; background-position: center center;}
.new-branding .social-banner h1 {padding-top: 125px;}
.new-branding .social-banner .social-words {max-width: 100%;}
.new-branding .middle .content li {margin-bottom: 20px; font-size: 17px; margin-bottom: 2px;}
.new-branding .middle .content .ate-interests li {font-size: 15px; margin-bottom: 0;}
.new-branding .middle .content h1 {font-family: proxima-soft, sans-serif; font-weight: bold; text-shadow: none; text-transform: uppercase; text-align: center; color: var(--color-white); margin-bottom: 30px;}
.new-branding .middle .content h2 {font-family: proxima-soft, sans-serif; font-weight: bold; text-transform: uppercase; text-align: left; color: var(--color-primary); margin-bottom: 20px; border-bottom: none; border-radius: 30px; padding: 0; text-shadow: none; font-size: 31px;}
.new-branding .middle .content p {font-family: raleway, sans-serif; font-weight: 400; font-size: 17px; line-height: 1.7em;}
.new-branding .middle .content li {font-family: raleway, sans-serif;}
.new-branding .middle .content p a, .new-branding .middle .content ul li a, .new-branding .middle .content ol li a{text-decoration: underline;}
.new-branding .middle .content ul li a.btn {text-decoration: none;}
.new-branding .middle .content .ate-interests li a {text-decoration: none;}
.new-branding .middle .content p a.btn {text-decoration: none;}
.new-branding .middle .content ul.menu li a {text-decoration: none;}
.new-branding .lt-blue-bg li:last-child {border-bottom: none;}
.new-branding .middle .content h3 {color: var(--color-gray-800); text-shadow: none; font-family: proxima-soft, sans-serif; font-weight: bold; margin-bottom: 10px; font-size: 24px; margin-top: 35px;}
.new-branding .page-title{background: none;}
.new-branding .page-title h1{text-shadow: none;}


/* Card Swipe Widget
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.swipe-container {font-family: proxima-soft, sans-serif; width: 90%; max-width: 320px; position: relative; height: auto; display: block; margin: 0 auto;}
.swipe-container .card {display: none; opacity: 0; cursor: pointer; position: absolute; width: 100%; max-width: 320px; background-color: var(--card-bg); border-radius: var(--radius-md); border: 1px solid var(--color-gray-200); text-align: center; overflow: hidden; transition: transform 0.3s ease, opacity 0.3s ease; user-select: none;}
.swipe-container .card.active {display: block;opacity: 1;transform: translateX(0);}
.swipe-container .card.next {display: block; opacity: 0.5; transform: translateX(20px);}
.swipe-container .card:active {cursor: grab;}
.swipe-container .card .client-logo{background-color: var(--color-white); width: 120px; height: 120px; border-radius: 120px; overflow: hidden; display: block; margin: 0 auto; background-position: center center; background-size: 70%; background-repeat: no-repeat; background-origin: border-box; position: absolute; left: 50%; margin-left: -60px; top: 100px;}
.swipe-container .card img {width: 100%;display: block; height: auto;}
.swipe-container .card .align-c .go.btn {display: none;}
.swipe-container .card h3 {margin: 10px 0;}
.swipe-container .card p {margin: 5px 0 15px; color: var(--color-black);}
.swipe-header {width: 100%; max-width: 320px; text-align: center; margin: 0 auto;}
.swipe-header p.title {font-size: 20px !important; line-height: 1em !important; font-weight: bold !important;}
.swipe-header p {font-size: 16px !important; line-height: 1.5em !important;}
.swipe-header .title {font-weight: bold; font-size: 20px; text-align: center;}
.swipe-container .card .school-name {font-size: 20px; padding-top: 60px; margin-bottom: 0;}
.swipe-container .buttons {margin-bottom: 15px;}
.swipe-container .buttons button {padding: 10px 20px; margin: 5px; border: none; cursor: pointer;}
.swipe-container .buttons button.go {font-size: 16px; padding: 15px 50px;}
.swipe-container button.reject, .swipe-container button.like {background-color: var(--color-white); color: #a7a7a7; margin: 10px; width: 60px; height: 60px; position: relative; text-align: center; line-height: 170px; border-radius: 50%; outline: none; border: 1px solid rgba(96, 96, 96, 0.2); cursor: pointer;}
.swipe-container .buttons button.reject {color: white; background: url(../img/icons/dislike_button.svg) no-repeat scroll center center; background-size: 20px 20px;}
.swipe-container .buttons button.like {color: white; background: url(../img/icons/like_button.svg) no-repeat scroll center center; background-size: 20px 20px;}
.swipe-container button.reject:hover, .swipe-container button.like:hover {background-color: #f7f7f7;}
.swiper .end-message {text-align: center; padding: 20px; border-radius: 15px; display: none; font-family: proxima-soft, sans-serif; font-weight: bold; border: 1px solid var(--color-gray-200); font-size: 20px; width: calc(100% - 40px); max-width: 320px; margin: 0 auto;}

/* Social Network page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.social-banner {height: 350px; background:url('../img/banners/social-networks-banner.jpg') no-repeat;background-size: cover; background-position-y: -142px;margin-top: 90px;}
.social-banner h1{padding-top: 75px; font-family: proxima-soft, sans-serif; font-weight: 700;text-shadow: none; color:var(--color-white); font-size: 5em; margin-bottom: 20px;}
.social-banner .social-words{text-align: center; max-width: 600px;margin: 0 auto;}
.social-networks .middle .social-icon-container{display:inline-block; width: 96%; text-align: center; margin-top:20px;}
.social-networks .middle .social-icon-container>*{margin: 2em;}
.social-networks .circlecheck-list{columns: 2; margin-top:20px;}
.social-networks h3{text-align: center; font-family: raleway, sans-serif; text-shadow: none; color:#1f1222; margin-top:20px;}
.social-banner .social-words p{font-family: raleway, sans-serif; font-weight: 400; color:var(--color-white); font-size: 1.3em;}
.social-networks h5{text-align: center; font-family: raleway, sans-serif; text-shadow: none; color:#1f1222; margin-top:20px; text-transform: initial;}
.social-networks .middle .social-icon-container-counselor>*{margin: 1.5em;}

/* Unbounce Overrides
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ub-emb-iframe-wrapper .ub-emb-close {margin: inherit !important; top: 20px !important; right: 20px !important; bottom: inherit !important; left: inherit !important;}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (hover: none) {
  a:hover {color: inherit; text-decoration: inherit;}
}.reg.new-branding #sub_nav

@media (hover:on-demand) {
  a:hover {color: inherit; text-decoration: inherit;}
}

@media all and (max-width: 1550px){
.cs #ai_results .mb-20.ai_slide{min-width: calc(33% - 12px);max-width: calc(33% - 12px); box-sizing: border-box;}
}

@media all and (max-width: 1315px){
  .top_bar button.right_btn.icon {right: -14px;}
  #logged-out .primary{padding:9px 18px;}
  #logged-out .primary-reverse{padding:8px 17px;}
  .top_bar .searchbox {margin-bottom: 0; font-size: 13px !important;margin-left: 10px; padding: 10px 20px; line-height: 16px;}
  #search_log .flex-grid .col1 {flex: 1;}
  #search_bar .input_wrapper{margin-right: 10px;}
}
@media all and (max-width: 1259px) {
  input, select, textarea {font-size: 16px !important; line-height: 24px;}
  .showonmobile {display: block !important;}
  .hideonmobile {display: none !important;}
  .top_bar .menu-collapse {width: 60px; height: 55px; background-position: -179px -129px; cursor: pointer;}
  .top_bar .close-menu {float: right; width: 30px; padding: 20px 20px 0 0; cursor: pointer;}
  #logo, #logo img {width: 100%;}
  #sub_nav {margin-right: 20px; padding-top: 10px;}
  .page-title, .reg .page-title{padding-top: 110px;}
  .reg.collegeFit .middle .flex-grid {margin-top: 68px;}
  .half-background {top: 141px;}
  .sps .banner, .summer-programs .banner {margin-top: 90px;}
  .lists_details .page-title {padding: 90px 0 0 20px;}
  .list_details ul li span.name {float: none; width: 100%; display: block; padding-bottom: 10px;}
  .gcu .banner h1 {margin-top: 0;}
  .gcu .banner_form {top: -250px}
  .page-title.not-searched {margin-top: 90px;}
  .sps .col3 .p20-sides {padding: 0;}
  .sps .back {margin-left: 5px; margin-top: 9px !important;}
  .banner_form.registration button {padding: 16px 0;}
  .lists .page-title.not-searched {margin-top: 90px;}
  .gcu .banner.small_banner {height: 50px;}
  .signup-new .not-fragment{background-size: cover;}
  .reg.existing_user #search_log {display: none;}
  .cs .college_search .ai_section_container .scroll-horizontal{width: 30px; height: 30px;}
}
@media all and (max-width: 1200px) {
  .reg.gcu.landing .featured-img2 {display: none;}
  .content_list .middle .flex-grid.section-1 .col3 {flex-basis: 100%; max-width: 100%;}
  .signup-new .col70, .signup-new .col30, .signup-new .col60, .signup-new .col40 { width: 96%; padding-left: 2%; padding-right: 2%; margin-bottom: auto; padding-bottom: inherit;}
  .reg.no-bg .signup-new .col60 {width: 100%; padding: 0;}
  .reg.no-bg .signup-new .col60 p.subheading, .reg.no-bg .signup-new ol {width: 96%; margin-left: 2%; margin-right: 2%;}
  .reg.no-bg.transfer .signup-new .col-left > h2{padding: 20px 20px 0px 10px;}
  .reg.no-bg.transfer .signup-new .col60 p.subheading{width: auto;}
  .reg.no-bg .signup-new ol {width: calc(96% - 10px);}
  .reg.rt h2{font-size: 2.5em; margin-top: 0;}
  .reg.affiliate .fragment-logo{margin: 0 auto; max-width: 300px;}
  .reg.affiliate .col70 h2{width:96%;}
  .reg.affiliate .fragment-list{margin-bottom: 20px;}
  .signup-new .col-left ul {margin-left: 0}
  .reg ul.circlecheck-list {margin-left:10px;}
  .signup-new .col70.col-left > h2 {max-width: 100%; font-size: 50px;}
  .signup-new .col-left > h2, .signup-new .col-left h3 {text-align: center; padding-left: 0px; padding-right: 0px;}
  .signup-new .subheading {text-align: left; padding-left: 0px; padding-right: 0;}
  .reg .featured-bg, .reg .featured-bg.sm {height: 300px;}
  .signup-new .reg-text > h2 {padding: 30px 0 0 0;}
  #progressbar {margin: 15px auto 10px auto;}
  .reg.affiliate.transfer .featured-bg{background-position: 0% 15%;}
  .Tenk_text_CTA p{text-align: center; width: 60%; margin: 1.3em auto;}
  .reg.no-bg.rt .signup-new .col60 ul.circlecheck-list{margin-left:75px;}
  .reg.no-bg.rt h3{padding:0 20px; font-size: 2em;}
  .reg.no-bg.rt .signup-new .col-left > h2 {padding: 0px 10px;}
  .cs-explore .cs .slides > div {max-width: 33%;}
  .top_bar.logged-out .searchbox {display: none;}
  .top_bar.logged-out button.right_btn.icon {position: relative; right: -12px; background: var(--color-gray-150); width: 35px; height: 35px; border-radius: 18px; top: 0px;}
  .top_bar.logged-out button img {margin: 4px 0 0 0;}
  .top_bar.logged-out #search_bar .searchbox.searchbox-open{display:block; padding: 10px 20px;position: absolute; width: 250px; right: -15px;}
}

@media all and (max-width: 1165px) {
  .main_nav  .col1 {flex: 1 !important;}
  .flex-grid .flex-grid .col2, .flex-grid .flex-grid .col1 {flex: 100%;}
  .flex-grid .flex-grid.school-profiles .col1 {flex: 0 0 calc(100% / 6 - 10px);}
  .cs_results .flex-grid .flex-grid .col2 {order: 1;}
  .cs_results .flex-grid .flex-grid .col1 {order: 2;}
  .flex-grid .flex-grid .col2 .p20-sides, .flex-grid .flex-grid .col1 .p20-sides {padding: 0;}
  .col30 {width: 50%;}
  .column-2 {column-count: 1;}
  .word-game .middle .col1 {flex: 30%;}
  .word-game .middle .col2 {flex: 70%;}
  .gcu .flex-grid .flex-grid .col1 {flex: 1;}
  .cs .flex-grid .flex-grid .flex-grid {flex-wrap: wrap;}
  .cs .flex-grid .flex-grid .flex-grid .col1 {flex: 44%;}
  .cs .flex-grid .flex-grid .flex-grid .col1.bord-all:nth-of-type(2) {border-right: none;}
  .profile-list .profile-container .square {flex-basis: calc(20% - 20px);}
  .new-branding .middle .content p.open {display: inline-block;}
}

@media all and (max-width: 1137px) {
  .top_bar .flex-grid #nav.col2{flex: 3;}
  .top_bar #search_log .float-r {float: none !important;}
  .top_bar #menuToggle { flex: 0;}
  header .flex-grid #search_log{order: 3; right: 10px; margin-top: 5px;}
  header .flex-grid #search_log {margin: 0;}
  header .flex-grid #logged-out {order: 4;}
  .cs #ai_results .mb-20.ai_slide {min-width: calc(50% - 12px);max-width: calc(50% - 12px); box-sizing: border-box;}
  .cs #ai_results .scroll.justify:not(.cs #ai_results .scroll.justify.justify1):not(.cs #ai_results .scroll.justify.justify2){justify-content: flex-start;}
}
@media all and (max-width: 1070px) {
  .top_bar.logged-in .searchbox {display: none;}
  .top_bar.logged-in button.right_btn.icon {position: relative; right: -12px; background: var(--color-gray-150); width: 35px; height: 35px; border-radius: 18px; top: 0px; float: left;}
  .top_bar.logged-in button img {margin: 4px 0 0 0;}
  .top_bar.logged-in #search_bar .searchbox.searchbox-open{display:block; padding: 10px 20px;position: absolute; width: 250px; right: -12px;}
  .cx.reg div.anchors, .cx.reg .flex-column{flex-basis: 96%;}
  .reg div.anchors > #sticky-wrapper{align-content: normal; position: relative;}
}
@media all and (max-width: 1050px) {
  .school_details .middle .flex-grid .col1.sidebar {flex: 100% !important; padding: 0;}
  .school_details .middle .flex-grid .col5.p20-sides {padding-left: 0;}
  .sidebar {padding: 0 20px;}
  .sidebar h1.align-c {font-size: 26px; margin-top: 10px;}
  .sidebar .btn.sm {width: auto; margin-right: 2px; padding: 10px 15px;}
  .sidebar .btn.sm.bookmark {margin-right: 0;}
  .sidebar .toggle-wrapper {display: inline-block;}
  .sps .client-img {display: none;}
  .gcu .col3 {flex: 100%;}
  .gcu .col3 .p20-sides, .gcu .col1 .p20-sides {padding: 0;}
  .reg.affiliate .fragment-bottom-left{width: 96%;}
  .reg.affiliate .fragment-bottom-right{width: 96%;}
  .reg.affiliate .fragment-bottom-right video{margin: 0 auto;}
  #grad-programs #stick-container {display: none; height: 0 !important;}
  #grad-programs table, #grad-programs thead, #grad-programs tbody, #grad-programs th, #grad-programs td, #grad-programs tr{display: block;}
  #grad-programs tr {border: 1px solid var(--color-gray-200);}
  #grad-programs td {border: none; border-bottom: 1px solid var(--border-light); position: relative; padding-left: 60%; width: 38%; display: none;}
  #grad-programs td:before { position: absolute; top: 6px; left: 34px; width: 38%; padding-right: 10px; white-space: nowrap;}
  #grad-programs td.show {display: block;}
  #grad-programs td:nth-of-type(1):before {content: "+"; left: 15px; top: 19px}
  #grad-programs td:nth-of-type(1).minify:before {content: "-";}
  #grad-programs td:nth-of-type(1) {font-weight: bold; font-size: 14px; color: var(--color-white); text-align: center; padding-left: 0; background: #3C1D5F; width: calc(100% - 60px); padding: 20px 30px; display: block; cursor: pointer; }
  #grad-programs td:nth-of-type(2):after {content: "Certificate"}
  #grad-programs td:nth-of-type(2):before { content: "Campus"; }
  #grad-programs td:nth-of-type(3):before { content: "Hybrid"; }
  #grad-programs td:nth-of-type(4):before { content: "Online"; }
  #grad-programs td:nth-of-type(5):after {content: "Master's"}
  #grad-programs td:nth-of-type(5):before { content: "Campus"; }
  #grad-programs td:nth-of-type(6):before { content: "Hybrid"; }
  #grad-programs td:nth-of-type(7):before { content: "Online"; }
  #grad-programs td:nth-of-type(8):after {content: "Doctorate"}
  #grad-programs td:nth-of-type(8):before { content: "Campus"; }
  #grad-programs td:nth-of-type(9):before { content: "Hybrid"; }
  #grad-programs td:nth-of-type(10):before { content: "Online"; }
  #grad-programs td:nth-of-type(2), #grad-programs td:nth-of-type(5), #grad-programs td:nth-of-type(8) {border-top: 2px solid var(--color-gray-200);}
  #grad-programs td:nth-of-type(2):after, #grad-programs td:nth-of-type(5):after, #grad-programs td:nth-of-type(8):after  {position: absolute; transform: rotate(-90deg); display: block; background: #F3F3F3; width: 125px; padding: 0; font-size: 14px; left: -53px; top: 51px; z-index: 100; text-align: center;}
}
@media all and (max-width: 1024px){
  .top_bar.logged-out #nav.col2 {display: none;}
  .top_bar.logged-out #logo{max-width: none;}
  .large_landing.home_testimonials .top_bar .flex-grid>#logo {max-width: none;}
}

@media all and (max-width: 970px) {
  img {max-width: 100%; height: auto;}
  .cnc.reg img.logo{max-height: 70px;}
  .reg.gcu.landing img {height: 150px; width: auto;}
  ul.quick-start span.italic {display: none;}
  .articles_microsite .middle .col6, .articles_microsite .middle .col1 {flex: 100%;}
  .cs .slides > div {flex: 50%; max-width: 300px;}
  .reg .col70 ul.circlecheck-list {columns: 1;}
  .thank-you .bg-wrapper.black .content {width: 96%; margin: 2%; padding-top: 0; margin-top: 75px;}
  .social-networks .social-icon-container img{height: 75px;}
  .social-networks .social-icon-container-counselor img, .social-networks img.mt-20{height: 40px;}
  .cs-explore .cs .slides > div {width: 300px; max-width: 300px;}
  .cs .middle .ai_section_container .align-c > picture img{height: 30px;}
  .cs .ai-style img{max-height: 80px;}
  .cs .ai-instructions img{max-width: 50px !important;}
  .cs .middle .ai_section_container .align-c > img{height:60px;}
  .dots-1, .dots-2{display: none;}
  .star-1, .star-2{height: 30px;}
  .cs .no-results{width: 90%;}
  .cs .no-results > h3, .cs #rec h3{font-size: 20px; padding-bottom: 3px;}
}

@media all and (max-width: 960px) {
  .scholarship-winners h3 {text-align: center;}
  .scholarship-winners img {display: block; margin: 0 auto; float: none !important; margin-bottom: 10px;}
  .scholarship-winners div div {float: none; width: 100%; text-align: center; display: block;margin: 0 auto;}
  .featured-programs .profile_item, .featured-sponsors .profile_item {width: 50%;}
  .column-4 {column-count: 2; column-gap: 20px;}
  .lists_details .col2 > .p20 {padding: 0;}
  .lists_details .col1 {flex: 100%;}
  .page-title, .reg .page-title {padding: 70px 0 20px 0;}
  .tagged-items .page-title {padding-top: 90px;}
  .lists-explore  .page-title{padding-top: 110px;}
  #menu ul.privacy {margin-bottom: 120px;}
  .lists_details .page-title {padding: 56px 0 0 20px;}
  .gcu .banner {padding-top: 70px;}
  .column-5 {column-count: 4; column-gap: 15px;}
  .social-networks .social-icon-container>*{margin: 1em;}
  .social-banner{margin-top:55px; }
  @media (prefers-color-scheme: dark){
  .dark-mode.home_testimonials #tenk-cta .content{background: var(--color-black);}
  .dark-mode.home_testimonials #testimonials-container .slide{background: var(--color-black);}
  }
}

@media all and (max-width: 900px) {
  .flipcards div:nth-child(3n) .card {margin-right: 10px !important;}
  .flipcards div:nth-child(2n) .card {margin-right: 0px !important;}
  .card-container{flex: 50% !important;}
  .col25 {width: 50%;}
  .sub-nav-lists {height: auto;}
  .sub-nav-lists .content {padding: 12px 0;}
  .sub-nav-lists span.list-btn, .sub-nav-lists span.sort {display: none;}
  .sub-nav-lists select {float: none; width: 96%; margin-bottom: 10px; padding: 10px 2%; margin-left: 2%;}
  .gcu .banner {height: 350px;}
  .gcu .banner_form {top: -305px;}
  .lists .col2.p20-sides {flex: 100%; padding: 0;}
  .lists-explore .card-container{flex: 50%; max-width: 50%;}
  .sortby {margin-top: 20px;}
  .cs_results .options .float-r {float: none !important; text-align: center;}
  .cs_results .options .float-r .btn {display: block; text-align: center; clear: both; margin-top: 10px;}
  .cs_results form {display: block;}
  .cs_results .options .float-r button {width: 100%;}
  .cs .sortby {width: 100%;}
  .refine {float: right;}
  .top_bar.logged-in #nav.col2 {display: none;}
  .top_bar.logged-in #logo{max-width: none;}

}

@media all and (max-width: 860px) {
  .list-thumb.float-r {float: none !important; padding-top: 10px;}
  .lists_details h1 {text-align: center; padding-top: 10px;}
  .float-l.list-btns {float: none !important; display: inline-block; margin: 0 auto;}
  .lists_details .page-title {padding: 70px 20px 0 20px;}
  .col5 .school-details .flex-grid > .col2 > .flex-grid .col1.p20-sides {padding: 0 20px;}
  .school_details .middle .flex-grid .col5.p20-sides {padding-right: 0;}
  .col5 .school-details .flex-grid > .col2 {flex: 100% !important;}
  .col5 .school-details .flex-grid > .col1.p20-sides, .col5 .school-details .flex-grid > .col2.p20-sides, .col5 .school-details .flex-grid > .col2 div.p20-sides, .col5 .school-details .flex-grid > .col2 > .flex-grid > .col1.p20-sides.p0  {padding: 0;}
  .col5 .school-details #overview-area.short .flex-grid > .col1.p20-sides{flex: 100% !important;}
  .col5 .school-details .registration {padding: 2% 0; max-width: 100%;}
  .sbox.p10 {width: 96%; padding: 10px 2% !important;}
  .col5 .school-details .flex-grid > .col2 > .flex-grid > .col1.p20-sides {padding: 0 20px;}
  .school-details .sbox.details a.btn.compare.stretch {margin-left: -2%;}
  .store h1.float-l, .store h2, .store div.float-r  {float: none!important;text-align: center;}
  .profile-list .profile-container .square {flex-basis: calc(25% - 20px);}
  .resources .results td:first-child {display: none;}
  .new-branding.resources .middle .content .results h3 {font-size: 18px;}
  .new-branding.resources .middle .content .results .btn {font-size: 14px; line-height: 16px;}
}

@media all and (max-width: 800px) {
  .page-title h1 {font-size: 2em;}
  .reg .middle .flex-grid .col1 {display: none;}
  .reg .middle .flex-grid.three .col1 {display: block; margin-top: 50px;}
  .flex-grid > .col1 {flex: 50%;}
  .ate.new-branding .flex-grid > .col2 {flex: 100%;}
  .ate.new-branding .flex-grid > .col2.p20-sides, .ate.new-branding .flex-grid > .col1.p20-sides {padding: 0;}
  .flex-grid.three > .col1 {flex: 33%;}
  .lists_details .flex-grid > .col1, .gcu .flex-grid > .col1, .sps .flex-grid > .col1 {flex: 100%;}
  .flex-grid > .col1.small {flex: 1;}
  .articles .middle .col6, .articles .middle .col1 {flex: 100%;}
  .cs.grad-search-hub .row .flex-grid {display: block;}
  .articles .middle .col6 .p20-sides, .articles .middle .col1 .p20-sides, .flex-grid > .col2 .p20-sides {padding: 0;}
  .reg.gcu.landing .grad-land-content {width: 100%;}
  .reg.gcu.landing .banner h1 {text-align: center;}
  .reg.gcu.landing .gcu-form {position: relative; max-width: 100%; width: 100%;}
  .reg.gcu.landing #grad-images {display: block; max-width: 300px; margin: 0 auto; padding-bottom: 30px;}
  .reg.gcu.landing #grad-images img {max-height: 115px; height: auto;}
  .reg.gcu.landing .middle {min-height: auto;}
  .gcu img.featured-image {display: none;}
  .gcu .name-state {border: none;}
  .gcu .grad-facts .flex-grid > .col1 {flex: 50%;}
  .gcu .grad-facts .flex-grid .col1 .p20-sides {padding: 10px !important; height: 75px; border: 1px solid var(--color-white) !important;}
  .grad-facts dd {font-size: 16px;}
  .mobileinvis {display: none;}
  .word-game .middle .col1 {flex: 30%;}
  .word-game .middle .col2 {flex: 70%;}
  .page-title.not-searched h1 {font-size: 40px;}
  .page-title.not-searched h2 {font-size: 21px;}
  .cs .middle form {margin-bottom: 30px;}
  .articles .col3.p20-sides {padding: 0;}
  .search-options-overlap {position: relative; bottom: -10px;}
  .search-options .list-category {margin: 0 5px; height: 150px;}
  .lists .gradientblack {margin-top: -80px;}
  .lists .middle {padding-top: 20px;}
  .search-options .overlay-box {line-height: 135px;}
  .reg.rt .middle .content .flex-grid .more-info{display: block;}
  .reg.rt .list_10k{text-align: center;}
  .Tenk_text_CTA p{text-align: center; width: 90%; margin: 1.3em auto;}
  .Tenk_text_CTA .btn, .Tenk_text_CTA .btn:visited{width: 80%;}
  .top_bar > .content-nav > .flex-grid #logo{flex:50%;}
  .cs .middle .flex-grid .flex-grid .flex-grid {color: #6b6f70; background: var(--color-white); border-radius: 20px;}
  .cs #ai_results .ai_slide .col1{flex: 1;}
  .cs .college_search .ai_section_container h1{font-size: 30px;}
  .cs .middle .ai_section_container .align-c > img{height: 40px;}
  .cs .ai-style img{max-height: 70px;}
}

@media all and (max-width: 750px){
  #search_log .flex-grid .col1 {flex: 22%;}
  .top_bar .searchbox {width: 100%;}
  .sbox.lists-intro-bg .btn {text-align: center;}
  #cx-network img:nth-child(2) {display: none;}
  .cs .col1.small {flex: 100% !important;}
  .cs .col1.small.p10 {padding: 0 !important;}
  .school_details .middle .profile-imgs img.featured {display: block; max-width: 100%; width: auto; margin: 0 auto; margin-bottom: 10px; float: none;}
  .school_details .middle .profile-imgs img {display: none;}
  .content_list .flex-grid.top-feature .cluster {flex-basis: 50%; max-width: 50%;}
  .content_list h1.float-l {float: none !important; text-align: center;}
  .content_list .middle select.category.float-r {float: none !important; margin: 0 auto; display: block; margin-bottom: 20px;}
  .signup-new .col-left > h2, .signup-new .col70.col-left > h2 {font-size: 40px;}
  .signup-new .col-left h3 {font-size: 16px;}
  .reg.affiliate.raf .subheading, .reg.affiliate.raf .raf-list, .reg.reg.affiliate.raf .raf-list>li {font-size: 16px;}
  .social-banner{margin-top:55px; min-height: 200px; height: auto; padding-bottom: 20px; background-position-y: 0;}
  .social-networks .social-words h1, .why-cx .social-banner h1{font-size: 3em; padding-top: 30px;}
  .why-cx .social-banner h1, .new-branding .social-banner h1 {padding-top: 75px; font-size: 30px;}
  .social-banner .social-words p{font-size: 1em; padding: 0 1em;}
  .cs .ai_section_container #collegeSearch{width: 75%;}
  .cs #ai_results .mb-20.ai_slide {min-width: calc(100% - 12px);max-width: calc(100% - 12px); box-sizing: border-box;}
  .cs .ai-style img{max-height: 60px;}
  .cs #rec{max-width: 90%;}
  .cs #ai_results .scroll.justify.justify2{justify-content: flex-start;}
}

@media all and (max-width: 690px) {
  .reg .tabs {display: none;}
  .reg .middle .flex-grid {width: 100%; margin-top: 0;}
  .col3 {flex: 100%;}
  .featured-scholarship-img, .featured-scholarship-description {width: 100%}
  .featured-scholarship-img img {display: block; margin: 0 auto; margin-bottom: 10px;}
  .testDates .middle .col4 {display: none;}
  .cs .slides > div {flex: 25%;}
  .table-hide {display: none;}
  .refer-box {margin-right: 0;}
  .referral .col3.p20-sides {padding: 0;}
  div.leader-board h4 {color: var(--color-tertiary);font-size: 1.4em;text-align: center; background: none;}
  div.leader-board h4 span {padding: 0;}
  .column-5 {column-count: 3; column-gap: 10px;}
  .campusreel-video-aspect-ratio{width: 50% !important;}
  footer .flex-grid{flex-direction: column; max-height: none;}
  footer .flex-grid .col3{width: 100%}
  .star-1, .star-2{display: none;}
  .cs .no-results{margin-bottom: 20px;}
  .cs .no-results::before{left: 27%;}
  .cs .no-results, .cs #rec{min-width: 280px;}
  .flex-grid .flex-grid.school-profiles .col1 {flex: 0 0 calc(100% / 3 - 10px);}
}

@media all and (max-width: 600px) {
  .float-l.list-btns {display: none;}
  .col30 {width: 100%; float: none;}
  .column-2 {column-count: inherit;}
  .flex-grid.three > .col1 {flex: 100%;}
  .sps .banner_form.registration {max-width: 94%; margin-left: 3%; left: 0;}
  .reg.tenk h2 br{display: none;}
  .reg.rt h2 br{padding: 0px 20px;}
  .reg.affiliate .fragment-bottom-right{width: 90%;padding-top: 2em;}
  .reg.affiliate .fragment-bottom-right video{padding-left: 0em;}
  .reg #sub_nav span.mr-5 {margin-right: 0 !important;}
  .reg #sub_nav {text-align: center; margin-right: 0;}
  .reg.signup .top_bar #logo, .reg.signup .top_bar #logo img {margin: 0 auto;}
  .college-header.slim .college-info {float: none; text-align: center;}
  .college-header.slim .btns {float: none; margin-top: -5px; display: flex; justify-content: center; align-items: center; padding-bottom: 10px; background: white; top: 10px; left: 0;}
  .college-header.slim .btn.sm {top: 0;}
  .college-header.slim .btn-rnd {top: 2px; left: 2px;}
  .social-networks .social-icon-container img{height: 65px;}
  .profile-list .profile-container .square {flex-basis: calc(33.33% - 20px);}
  .profile-list.new-branding .middle .content h3{margin-bottom: 1em;}
  .top_bar #logo img {width: 100%;}
  .top_bar.logged-out #logo img {display: block; margin: 0 auto;}
  header .flex-grid #logged-out {display: none;}
  .cs .college_search .ai_section_container h1{font-size: 25px;}
}
@media all and (max-width: 560px){
  .page-title.not-searched, .sps .banner, .lists .page-title.not-searched {margin-top: 80px;}
  .cs .middle .ai_section_container h5{font-size: 20px;}
  .cs .ai_section_container #collegeSearch{margin: 15px auto;}
  .cs .college_search .ai_section_container h6{font-size: 18px;}
}
@media all and (max-width: 569px){
  .top_bar > .content-nav > .flex-grid #logo{flex: 25%;}
  #menu {top:80px;}
  .cs .ai-style img{max-height: 40px;}
}
@media all and (max-width: 536px){
  .reg .middle {background: var(--color-white); padding: 20px 0;}
  .reg .contain-schools {padding: 0 20px; margin-top: -15px;}
  .gcu .col25 {width: 100%; float: none;}
  .gcu .banner {height: 450px;}
  .gcu .banner_form {top: -412px;}
  .purple_overlay {padding-top: 80px; padding-bottom: 0;}
  .grad_details h1 {text-align: center;}
  .school-header .client-logo {float: none; margin: 0 auto;}
  .gcu-logo.float-l {float: none !important; margin: 0 auto 20px auto !important; display: block;}
  .col5 .school-details .flex-grid > .col2 > .flex-grid > .col1.p20-sides {flex: 100% !important; padding: 0;}
  table#suggestions .btn.sm {font-size: 12px; padding: 8px;}
  table#suggestions th {width: auto;}
  #menu {width: 96%; padding: 2%;}
  .main_nav > li:nth-child(4){display: none;}
  .reg.rt h2{font-size: 2.2em}
  .reg.rt .logo_10k{max-width: 250px; padding: 10px 0 0 0;}
  .signup-new .col-left>h2, .signup-new .col70.col-left > h2{font-size: 30px;}
  .signup-new .reg-text > h2 {font-size: 27px;}
  .signup-new .short-list-grid > li label{display: block; padding: 25px 5px 10px 5px; width: 100%;}
  .signup-new .short-list-grid > li input[type="checkbox"] + label {background-position: top center;}
  .signup-new .short-list-grid>li {width: calc(50% - 12px); text-align: center;}
  .signup-new .short-list-grid > li img {margin: 0 auto;}
  .e_footer {display: none;}
  .social-networks .social-icon-container img{height: 55px;}
  .social-networks .social-words h1 {font-size: 2.2em;}
  .social-networks h3{font-size:1.5em;}
  #id_count_container {bottom: 1em; right: 1em; width: 330px;}
  #id-count{font-size: 16px; margin: 10px 5px 0px 15px;}
  #id_count_message{font-size: 16px;}
  #id_count-icon{padding: 15px 0px 10px 10px;}
  .cs #ai_results div.mb-20.ai_slide {padding: 13px 28px;}
  .cs .no-results::before{left: 20%;}
  .cs #rec::before, .cs .no-results::before{font-size: 17px;}
}

@media all and (max-width: 480px){
  .flex-grid > .col1 {flex: 100%;}
  .flex-grid.search-options .col1 {flex: 50%;}
  .flex-grid > .col1 > .p20, .flex-grid > .col1 > .p20-sides {padding: 0;}
  .svg-callout .p20 {padding: 20px !important}
  footer {padding-top: 20px;}
  footer .flex-grid > .col1 > .p20 {padding: 5px 0;}
  .flex-grid > .col3 .p20 {padding: 20px 0;}
  .scholarship-winners div {display: none;}
  .scholarship-winners div:nth-child(2) {display: block;}
  .featured-programs .profile_item, .featured-sponsors .profile_item {width: 100%;}
  .column-4 {column-count: 1; column-gap: 20px;}
  .sub-nav-lists a {display: block;}
  .word-game .col1 {order: 2;}
  .word-game .middle .col2 {order: 1;}
  .word-game .middle .col2 .p20-sides {padding: 0;}
  .column-5 {column-count: 2; column-gap: 7px;}
  .parametercheck-list>li{padding-left: 10px;}
  .social-networks .social-icon-container{ display: block;}
  .social-networks .social-icon-container{max-width:320px; margin: 0 auto;}
  .social-networks .circlecheck-list {columns: 1;}
  .reg.no-bg.rt .signup-new .col60 p.subheading{padding-left: 0px; margin-left: 5px;}
  .profile-list .profile-container .square {flex-basis: calc(50% - 20px);}
  .profile-list.new-branding .middle .content h3{font-size: 2em;}
  .school_details .sbox.youtube.force100 {height: 200px;}
  .new-branding.college-compare .lined td.header {position: static;}
  .mystuff-container .btn#compare.primary {max-width: 100%; margin-left: 0;}
  footer .social-icon-container img {width: 32px;}
  .cs #ai_results .mb-20.ai_slide .col1{min-width: 115px;}
  .cs .middle #ai_results .quick-info .stats{flex-wrap: wrap;}
  .cs #ai_results  .mb-20 .col1 .p10-20{padding: 10px 8px;}
  .cs .middle #ai_results .mb-20 .flex-grid{flex-direction: column;}
  .cs .ai_section_container #collegeSearch{margin: 10px auto;}
  .dots-1{top: 200px;}
  .cs .loading{width: 100%;}
  .cs .no-results, .cs #rec{padding: 12px;}
  .cs #rec::before{left:34%;}
  .p15 {padding: 0;}
  .flex-direction-nav a {display: none;}
}

@media all and (max-width: 380px){
  .cs #rec::before{left:27%;}
  .cs .no-results::before{left: 17%;}
}

@media all and (max-width: 340px){
  .reg.rt .col70 {padding-bottom: 0;}
  .page-title.not-searched h1{font-size: 30px;}
  .cs .no-results::before{left: 14%;}
}