html {
scroll-padding-top: 123px;
scroll-behavior: smooth;
}
.no-top {
margin-top: 0 !important;
}
.no-bottom {
margin-bottom: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.margin-large {
margin: 5%;
}
.zoom {
transition: transform .2s;
}
.zoom:hover {
transform: scale(1.03);
}
a.txtbrk {
overflow-wrap: break-word;
}
.text-balance {
text-wrap: balance;
}
/* -- COLORS -- */
.uth-orange {
color: var(--uthorange);
}
/* -- LINKS -- */
a {
color: var(--uthorange);
word-wrap: break-word;
}
a:hover {
color: var(--gulfblue);
word-wrap: break-word;
}
#footer a {
border-bottom: none;
}
#footer a:hover {
border-bottom: none;
}
#utility-nav a {
border-bottom: none;
}
/*
.side-nav {
margin-top: 3vw;
}
*/
/* -- ICONS -- */
.icon-contact {
text-align: center;
padding-right: 0;
}
.icon-contact i {
color: var(--uthorange);
text-align: center;
padding-right: 0;
font-size: clamp(1em, 1.125em, 1.25em);
}
.icon-contact-large i {
color: var(--uthorange);
text-align: center;
padding-right: 0;
font-size: clamp(1.5em, 1.75em, 2em);
}
/* -- BUTTONS -- */
.text-capitalize {
text-transform: uppercase;
}
.button.uthorange:hover {
background-color: #fff;
color: var(--uthorange);
border: solid 1px var(--uthorange);
}
.btn-white {
background-color: transparent !important;
color: var(--snow) !important;
border: 3px solid var(--snow) !important;
}
.btn-white:hover {
color: var(--smoke) !important;
border: 3px solid var(--smoke) !important;
}
.call-to-action-container a.button.hollow {
border: 1px solid var(--uthorange-10-darker) !important;
color: var(--uthorange-10-darker) !important;
background-color: #fff !important;
transition: border .5s ease-out, color .5s ease-out;
}
.call-to-action-container a.button.hollow:hover {
background-color: var(--uthorange) !important;
color: #fff !important;
border: #fff solid 1px !important;
}
.button.hollow.btn-white {
border: none;
}
.lt-gray-hov:hover {
background: #ededed;
}
/* -- HERO HEADER -- */
.hero-background {
margin-bottom: 2.65rem;
}
@media print, screen and (min-width: 40em) {
.hero-background {
margin-bottom: 4.65rem;
}
}
.hero-title p {
color: #fff;
font-size: clamp(1.1rem, 1.0488rem + 0.2927vw, 1.4rem);
}
/*.subhead-shadow {
text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}*/
/* -- CARDS -- */
.card-orange {
background: var(--uthorange);
}
.card-sage {
background: var(--darksage);
}
.card-blue {
background: var(--gulfblue);
}
.card-cornflower {
background: var(--uthblue);
}
.card-grey {
background: var(--uthgrey);
}
.card-dusty {
background: var(--dustylavender);
}
.card a {
padding: 0 !important;
}
@media print, screen and (max-width: 640px) {
.card-img-container {
text-align: center;
}
}
.card img {
object-fit: cover;
object-position: center center;
aspect-ratio: 16/9;
width: 100%;
height: auto;
}
.card-image {
display: flex;
justify-content: center;
align-items: center;
background-color: #a5a5a5;
background-image: url('data:image/svg+xml,');background-size:30%;
background-repeat: no-repeat;
background-position: center;
}
.card-header.card-image {
padding: 0;
overflow: hidden;
}
.card-content-container h3 {
line-height: 1;
}
.card-content-container p {
line-height: 1.6;
}
.card-content-container span {
text-wrap: wrap;
}
.home-story-cards {
/* background: url(https://www.uth.edu/alumni-test/images/background-fills/orange-bg.jpg); */
background: url(https://www.uth.edu/alumni-test/images/background-fills/blurry-background-green.jpg);
background-size: cover;
background-repeat: no-repeat;
}
/* -- ANIMATIONS WITH REDUCED MOTION DEFAULT -- */
@media (prefers-reduced-motion: no-preference) {
.card-header.card-image a > img {
transition: 700ms transform ease-in-out;
}
.card:hover > .card-header.card-image a > img {
transform: scale(1.1);
}
.cell:hover > .card-header.card-image a > img {
transform: scale(1.1);
}
}
.card-section {
margin-bottom: 1em !important;
}
.card-section a {
border-bottom: none !important;
}
#story-panel a {
border: 3px solid #ececec !important;
}
#story-panel a .news-label {
text-wrap: wrap;
}
/*#story-panel a .card-content-container {
border-bottom: 3px solid #ececec;
}*/
#our-school-cards .card-section h3,
#story-cards .card-section h3 {
color: var(--uthorange);
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: 2.125rem; /* 170% */
letter-spacing: 0.125rem;
text-transform: uppercase;
margin: 0;
}
select#school {
width: 100%;
display: inline-block;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
select#school {
width: 85%;
margin-bottom: 0 !important;
}
}
#all-stories-form {
display: inline-block;
width: 100%;
}
#all-stories-form i {
vertical-align: middle;
}
#search-alumni-stories {
display: inline-block;
height: 100%;
width: 100%;
}
#search-alumni-stories .input-group {
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
#search-alumni-stories .input-group {
margin-bottom: 0;
}
}
.input-group-button .button {
border: 1px solid #cacaca;
border-left: none;
margin-bottom: 0;
}
.fa-school:before {
content: "\f549";
font-size: clamp(1.5rem, 1.4146rem + 0.4878vw, 2rem);
}
/*
#leadership-cards {
margin-top: 3vw;
}
*/
#leadership-cards .card-section {
margin-left: 0;
}
/*
#leadership-cards .card-image {
margin: 0;
padding: 1rem 0 4rem 0;
}
*/
#leadership-cards .card-section h3 {
color: var(--gulfblue);
font-family: adobe-garamond-pro, serif;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
letter-spacing: 0.075rem;
text-transform: capitalize;
}
#leadership-cards .card-section p {
color: var(--uth-colors-black, #000);
font-family: Roboto Condensed;
font-size: 1rem;
font-style: normal;
font-weight: 400;
/*padding: 1rem 0 4rem 0;*/
margin-left: 0;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 330px) and (max-width: 640px) {
#leadership-cards .card-section {
margin-left: clamp(0.625rem, 3rem, 4rem);
}
}
@media screen and (min-width: 640px) {
#leadership-cards .card-section {
padding: 1rem;
margin-left: 0.9375rem;
}
}
/* -- STATS PANEL -- */
.stat-number {
color: var(--UTHealth-Blue, #4E738A);
font-family: Roboto;
font-size: 3rem;
font-weight: 600;
}
.stat-title {
font-family: Lato;
font-size: 1.125rem;
font-weight: 700;
}
/* -- SPOTLIGHT CAROUSEL -- */
#alumni-spotlight img {
border-radius: 50%;
border: 5px solid var(--uthorange);
}
.spotlight-name {
color: var(--uthorange) !important;
font-weight: 600;
margin-bottom: 0;
}
.spotlight-title {
font-weight: 500;
margin-bottom: 0;
}
.spotlight-school {
font-weight: 500;
margin-bottom: 0;
}
#alumni-update-form .grid-container,
#student-transcripts .grid-container {
padding: 0;
}
#student-transcripts {
margin-top: 8%;
}
#home-student-transcripts .grid-container {
padding-bottom: 0;
}
.news-label-gulfblue {
border: 2px solid var(--gulfblue);
color: #4a4a4a;
border-radius: 10px;
margin: 1em auto 0 0;
padding: 0.25em 0.5em;
background: #fff;
font-size: clamp(0.75rem, 0.625rem + 0.3125vw, 1rem);
text-wrap: wrap;
}
.news-label-orange {
border: 2px solid var(--uthorange);
color: #4a4a4a;
border-radius: 10px;
margin: 1em auto 0 0;
padding: 0.25em 0.5em;
background: #fff;
font-size: clamp(0.75rem, 0.625rem + 0.3125vw, 1rem);
text-wrap: wrap;
}
.news-label-cornflower {
border: 2px solid var(--uthblue);
color: #4a4a4a;
border-radius: 10px;
margin: 1em auto 0 0;
padding: 0.25em 0.5em;
background: #fff;
font-size: clamp(0.75rem, 0.625rem + 0.3125vw, 1rem);
text-wrap: wrap;
}
.news-label-grey {
border: 2px solid var(--uthgrey);
color: #4a4a4a;
border-radius: 10px;
margin: 1em auto 0 0;
padding: 0.25em 0.5em;
background: #fff;
font-size: clamp(0.75rem, 0.625rem + 0.3125vw, 1rem);
text-wrap: wrap;
}
.news-label-dusty {
border: 2px solid var(--dustylavender);
color: #4a4a4a;
border-radius: 10px;
margin: 1em auto 0 0;
padding: 0.25em 0.5em;
background: #fff;
font-size: clamp(0.75rem, 0.625rem + 0.3125vw, 1rem);
text-wrap: wrap;
}
.news-label-sage {
border: 2px solid var(--darksage);
color: #4a4a4a;
border-radius: 10px;
margin: 1em auto 0 0;
padding: 0.25em 0.5em;
background: #fff;
font-size: clamp(0.75rem, 0.625rem + 0.3125vw, 1rem);
text-wrap: wrap;
}
.news-label-gulfblue p,
.news-label-orange p,
.news-label-cornflower p,
.news-label-grey p,
.news-label-dusty p,
.news-label-sage p {
margin-bottom: 0;
}
/* -- HOMEPAGE -- */
#home-overview {
padding: 0 3em;
}
#alumni-community {
background: linear-gradient(180deg, rgba(223, 217, 210, 0.75) 10%, rgba(223, 217, 210, 0.00) 50%);
padding: 0 3em;
}
#story-cards {
padding: 3em;
}
/* -- ALL STORIES -- */
.uth-color-blocks a {
margin-bottom: 0;
}
.story-buttons .button {
border:solid 2px #747578;
background-color:#fff;
padding: 0.55em 1em;
padding-left:.5em;
padding-right:.5em;
margin-left:0;
margin-right:.5em;
font-family:'Roboto Condensed', sans-serif;
font-weight:500;
font-size:1.125em;
}
.story-buttons .disabled.button:not(input) {
color: #fff;
opacity: 1;
background-color: #747578;
}
.story-buttons .button.plain {
border:solid 2px #747578;
background-color: #fff;
color: var(--traditional-ut-health-houston-university-gray, #747578);
}
.story-buttons .button.uthblue {
border: solid 2px var(--uthblue);
background-color: #fff;
color: var(--uthblue);
}
.story-buttons .button.uthorange {
border:solid 2px var(--uthorange);
background-color:#fff;
color:var(--uthorange);
}
.story-buttons .button.uthorange:hover {
background-color: var(--uthorange);
color: #fff;
}
.uthealth .story-buttons .disabled.button.uthorange:not(input) {
background-color: var(--uthorange);
border: var(--uthorange) solid 2px;
}
.story-buttons .button.uthblue {
border:solid 2px var(--uthblue);
background-color:#fff;
color:var(--uthblue);
}
.story-buttons .button.uthblue:hover {
background-color: var(--uthblue);
color: #fff;
}
.uthealth .story-buttons .disabled.button.uthblue:not(input) {
background-color: var(--uthblue);
border: var(--uthblue) solid 2px;
}
.story-buttons .button.darksage {
border:solid 2px var(--darksage);
background-color:#fff;
color:var(--darksage);
}
.story-buttons .button.darksage:hover {
background-color: var(--darksage);
color: #fff;
}
.uthealth .story-buttons .disabled.button.darksage:not(input) {
background-color: var(--darksage);
border: var(--darksage) solid 2px;
}
.story-buttons .button.gulfblue {
border:solid 2px var(--gulfblue);
background-color:#fff;
color:var(--gulfblue);
}
.story-buttons .button.gulfblue:hover {
background-color: var(--gulfblue);
color: #fff;
}
.uthealth .story-buttons .disabled.button.gulfblue:not(input) {
background-color: var(--gulfblue);
border: var(--gulfblue) solid 2px;
}
.story-buttons .button.uthgrey {
border:solid 2px var(--uthgrey);
background-color:#fff;
color:var(--uthgrey);
}
.story-buttons .button.uthgrey:hover {
background-color: var(--uthgrey);
color: #fff;
}
.uthealth .story-buttons .disabled.button.uthgrey:not(input) {
background-color: var(--uthgrey);
border: var(--uthgrey) solid 2px;
}
.story-buttons .button.dusty {
border:solid 2px var(--dustylavender);
background-color:#fff;
color:var(--dustylavender);
}
.story-buttons .button.dusty:hover {
background-color: var(--dustylavender);
color: #fff;
}
.uthealth .story-buttons .disabled.button.dusty:not(input) {
background-color: var(--dustylavender);
border: var(--dustylavender) solid 2px;
}
.uth-color-blocks .cell .auto-size{
border: #4A4A4A solid 1px;
border-top: none;
padding: 1em;
}
.uth-color-blocks .cell {
padding-left: auto;
padding-right: auto;
}
.uth-color-blocks .cell p {
color: var(--text-charcoal, #4A4A4A);
font-family: adobe-garamond-pro, serif;
font-size: 1.25em;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.08px;
text-transform: capitalize;
}
.input-group-button .button {
border: 1px solid #cacaca;
border-left: none;
}
/* STORY DETAIL PAGE -- */
.uthealth.giving h1.headline {
color: var(--uthorange);
}
#news-uth h1 {
font-size: 2.25rem;line-height: 2.625rem;
}
/*
#news-uth p a {
text-decoration: underline;
}
*/
aside:not(#sidebar), figure {
padding: 0.5rem;
border: 1px solid #ddd;
margin: 0.5rem;
background: #fff;
}
#youtube iframe, #flickr iframe {
display: block; margin: auto !important;
}
#fig2, #fig3, #fig4, #fig5, #fig6 {
clear: both;
float: right;
min-width: 100px;
}
figure {
border: none !important;
background: none !important;
}
figure img {
border: none !important;
width: 100%;
}
figcaption {
font-size: 0.85rem !important;
color: #666;
padding-top: 0.4rem;
}
#connect-with-us .contact-us {
color: var(--gulfblue);
font-size: clamp(1rem, 0.75rem + 0.625vw, 1.25rem);
}
#connect-with-us .contact-us a {
font-size: clamp(1rem, 0.75rem + 0.625vw, 1.25rem);
}
.related-topics-story {
margin-top: 4em !important;
}
#vidplaceholder aside {
margin: 0 0 1rem!important;
}
article footer {
background: transparent;
}
.byline {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 0 10px 0;
font-size: 0.85em !important;
color: #666666;
}
blockquote, blockquote p {
color: #6B6B6B
}
/* -- Story Details Media Queries -- */
@media only screen and (min-width: 64.0625em) {
.videoWrapper {
transition: 0.6s;
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#youtube {
margin: 0;
}
.aside.videoWrapper {
position: fixed !important;
top: 120px;
right: 0;
width: 260px;
height: 146.25px;
padding: 0;
margin-left: 1%;
margin-right: 1%;
}
#vidplaceholder {
height: 438px;
width: 100%;
margin-bottom: 0.5rem;
background: #ccc;
}
}
@media only screen and (min-width: 40.0624em) {
aside:not(#sidebar), #fig1 {
clear: both;
float: right;
width: auto;
}
aside#youtube {
width: 380px;
}
aside#youtube.fullwidth {
width: 100%;
}
}
@media only screen and (max-width: 40.0624em) {
aside, #fig1 {
width: 100% !important;
margin: 0 0 0.5rem !important;
}
}
@media only screen and (max-width: 30em) {
.videoWrapper {
transition: 0.6s;
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper.aside iframe {
position: absolute;
top: 0;
left: 0;
}
.aside.videoWrapper {
position: fixed;
width: 260px;
padding: 0;
height: 146.25px;
bottom: 15px;
right: 10px;
z-index: 999;
}
}
@media only screen and (min-width: 78.750em) {
.aside.videoWrapper {
width: 360px;
height: 202.5px;
}
}
@media only screen and (min-width: 90em) {
.aside.videoWrapper {
width: 450px;
height: 253.125px;
}
}
/* -- EVENTS -- */
#event-panels a.button {
width: auto;
}
#event-panels {
background: url(https://www.uth.edu/alumni-test/images/background-fills/blue-two-tone-background.jpg?language_id=1);
background-size: cover;
background-repeat: no-repeat;
padding: 3em;
}
.event-panel {
position: relative;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, .25);
background-color: #fff;
}
h3.event-title {
color: var(--text-gulf-blue, #002856);
font-family: Roboto Condensed;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
.event-date {
color: var(--traditional-ut-health-houston-university-gray, #747578) !important;
font-family: Lato;
font-style: normal;
font-weight: 600;
line-height: 100%;
text-transform: uppercase;
margin-bottom: 1.5em;
}
.event-date small {
overflow-wrap: break-word;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.event-buttons .button {
border:solid 2px #747578;
background-color:#fff;
padding: 0.55em 1em;
padding-left:.5em;
padding-right:.5em;
margin-left:0;
margin-right:.5em;
font-family:'Roboto Condensed', sans-serif;
font-weight:500;
font-size:1.125em;
}
.event-buttons .disabled.button:not(input) {
color: #fff;
opacity: 1;
background-color: #747578;
}
.event-buttons .button.plain {
border:solid 2px #747578;
background-color: #fff;
color: var(--traditional-ut-health-houston-university-gray, #747578);
}
.event-buttons .button.uthorange {
border:solid 2px var(--uthorange);
background-color:#fff;
color:var(--uthorange);
}
.event-buttons .button.uthorange:hover {
background-color: var(--uthorange);
color: #fff;
}
.uthealth .event-buttons .disabled.button.uthorange:not(input) {
background-color: var(--uthorange);
border: var(--uthorange) solid 2px;
}
.event-buttons .button.uthblue {
border:solid 2px var(--uthblue);
background-color:#fff;
color:var(--uthblue);
}
.event-buttons .button.uthblue:hover {
background-color: var(--uthblue);
color: #fff;
}
.uthealth .event-buttons .disabled.button.uthblue:not(input) {
background-color: var(--uthblue);
border: var(--uthblue) solid 2px;
}
.event-buttons .button.darksage {
border:solid 2px var(--darksage);
background-color:#fff;
color:var(--darksage);
}
.event-buttons .button.darksage:hover {
background-color: var(--darksage);
color: #fff;
}
.uthealth .event-buttons .disabled.button.darksage:not(input) {
background-color: var(--darksage);
border: var(--darksage) solid 2px;
}
.event-buttons .button.gulfblue {
border:solid 2px var(--gulfblue);
background-color:#fff;
color:var(--gulfblue);
}
.event-buttons .button.gulfblue:hover {
background-color: var(--gulfblue);
color: #fff;
}
.uthealth .event-buttons .disabled.button.gulfblue:not(input) {
background-color: var(--gulfblue);
border: var(--gulfblue) solid 2px;
}
.event-buttons .button.uthgrey {
border:solid 2px var(--uthgrey);
background-color:#fff;
color:var(--uthgrey);
}
.event-buttons .button.uthgrey:hover {
background-color: var(--uthgrey);
color: #fff;
}
.uthealth .event-buttons .disabled.button.uthgrey:not(input) {
background-color: var(--uthgrey);
border: var(--uthgrey) solid 2px;
}
.event-buttons .button.dusty {
border:solid 2px var(--dustylavender);
background-color:#fff;
color:var(--dustylavender);
}
.event-buttons .button.dusty:hover {
background-color: var(--dustylavender);
color: #fff;
}
.uthealth .event-buttons .disabled.button.dusty:not(input) {
background-color: var(--dustylavender);
border: var(--dustylavender) solid 2px;
}
#upcoming-events-section {
background: url(https://www.uth.edu/alumni-test/images/background-fills/orange-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.event-tag {
font-size: 1.5em;
font-family: "Roboto Condensed", arial, sans-serif;
font-size: 1.125em;
font-weight: 700;
line-height: 2em;
letter-spacing: 1.8px;
text-transform: capitalize;
text-align: center;
padding: 0.5em;
}
/* -- EVENTS -> FLICKR SECTION -- */
.flickr-title {
font-size: 1.5em;
font-family: "Roboto Condensed", arial, sans-serif;
font-size: 1.125em;
font-weight: 700;
line-height: 2em;
letter-spacing: 1.8px;
text-transform: capitalize;
text-align: center;
padding: 0.5em;
}
/* -- SUPPORT OUR SCHOOLS -- */
#schools {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-evenly;
margin: 0 1rem;
}
#schools i {
height: 75px;
width: 75px;
display: flex;
font-size: 2rem;
justify-content: center;
align-items: center;
background: #333;
border-radius: 50%;
border: 4px solid #fff;
z-index: 4;
}
#schools #cson i, #schools #cson span {
background: #172953;
}
#schools #mms i, #schools #mms span {
background: #ae6042;
}
#schools #gsbs i, #schools #gsbs span {
background: #4e738a;
}
#schools #sbmi i, #schools #sbmi span {
background: #747578;
}
#schools #sod i, #schools #sod span {
background: #7D708f;
}
#schools #sph i, #schools #sph span {
background: #567c68;
}
#schools .hide-helper {
/*border-radius: 10% 0 0 10%;*/
margin-left: -2rem;
overflow: hidden;
width: 100%;
transition: box-shadow 0.3s ease-in-out;
}
#schools .hide-helper:hover {
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
#schools .hide-helper .translate:hover {
transform: scale(1.0125);
}
#schools span:not(.icon) {
padding: .75rem 2rem .75rem 4rem;
color: #fff;
width: 100%;
font-size: clamp(0.85rem, 2vw, 1rem);
line-height: 1.25;
display: inline-block;
background: #333;
text-transform: uppercase;
transition: transform .4s ease-out;
transform: translateX(-105%);
}
#schools span.translate {
transform: translateX(0);
}
#schools > div {
color: #fff;
display: flex;
padding: .25rem;
transition: all .5s ease-in-out;
flex-direction: row;
align-items: center;
}
.white-bg {
background-color: var(--snow);
}
@media print, screen and (max-width: 640px) {
#our-school-panels #left-main-content {
padding-left: 0;
}
}
/* -- OWL CAROUSEL -- */
.owl-carousel {
padding-left: clamp(1em, 1.5em, 2.5em);
padding-right: clamp(1em, 1.5em, 2.5em);
}
.owl-nav i {
color: var(--snow);
}
/* -- RESPONSIVE SECTION SWAPS -- */
@media screen and (max-width: 1024px) {
#connect-mentoring :nth-child(1) {
order: 2;
}
#connect-mentoring :nth-child(2) {
order: 1;
}
#connect-with-classmates .right-content {
margin-top: 1em;
}
#connect-mentoring .left-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#cson-alumni-advisory-council .right-content {
margin-top: 1em;
}
#cson-alumni-stories .right-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#event-panels a.button {
margin-bottom: 2em;
}
}
@media screen and (max-width: 1024px) {
#mms-distinguished-alumnus :nth-child(1),
#mms-alumni-weekend :nth-child(1),
#cson-distinguished-alumnus :nth-child(1),
#cson-alumni-weekend :nth-child(1),
#msbmi-distinguished-alumnus :nth-child(1),
#msbmi-alumni-weekend :nth-child(1),
#gsbs-distinguished-alumnus :nth-child(1),
#gsbs-alumni-weekend :nth-child(1),
#sod-distinguished-alumnus :nth-child(1),
#sod-alumni-weekend :nth-child(1),
#sph-distinguished-alumnus :nth-child(1),
#sph-alumni-weekend :nth-child(1) {
order: 2;
margin-top: 1em;
}
#mms-distinguished-alumnus :nth-child(2),
#mms-alumni-weekend :nth-child(2),
#cson-distinguished-alumnus :nth-child(2),
#cson-alumni-weekend :nth-child(2),
#msbmi-distinguished-alumnus :nth-child(2),
#msbmi-alumni-weekend :nth-child(2),
#gsbs-distinguished-alumnus :nth-child(2),
#gsbs-alumni-weekend :nth-child(2),
#sod-distinguished-alumnus :nth-child(2),
#sod-alumni-weekend :nth-child(2),
#sph-distinguished-alumnus :nth-child(2),
#sph-alumni-weekend :nth-child(2) {
order: 1;
margin-top: 1em;
}
#mms-alumni-community .right-content,
#cson-alumni-community .right-content,
#msbmi-alumni-community .right-content,
#gsbs-alumni-community .right-content,
#sod-alumni-community .right-content,
#sph-alumni-community .right-content {
margin-top: 2em;
}
}
@media screen and (max-width: 1024px) {
#event-panels a.button {
margin-bottom: 2em;
}
}
@media screen and (max-width: 1024px) {
#sbmi-alumni-community :nth-child(1) {
order: 2;
}
#sbmi-alumni-community :nth-child(2) {
order: 1;
}
#sbmi-alumni-advisory-council .right-content {
margin-top: 1em;
}
#sbmi-alumni-community .left-content {
margin: 1em 0.625rem 3.5em;
}
#sbmi-alumni-stories .right-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#event-panels a.button {
margin-bottom: 2em;
}
}
@media screen and (max-width: 1024px) {
#gsbs-alumni-community :nth-child(1) {
order: 2;
}
#gsbs-alumni-community :nth-child(2) {
order: 1;
}
#gsbs-alumni-advisory-council .right-content {
margin-top: 1em;
}
#gsbs-alumni-community .left-content {
margin: 1em 0.625rem 3.5em;
}
#gsbs-alumni-stories .right-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#event-panels a.button {
margin-bottom: 2em;
}
}
@media screen and (max-width: 1024px) {
#sod-alumni-community :nth-child(1) {
order: 2;
}
#sod-alumni-community :nth-child(2) {
order: 1;
}
#sod-alumni-advisory-council .right-content {
margin-top: 1em;
}
#sod-alumni-community .left-content {
margin: 1em 0.625rem 3.5em;
}
#sod-alumni-stories .right-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#event-panels a.button {
margin-bottom: 2em;
}
}
@media screen and (max-width: 1024px) {
#alumni-community :nth-child(1) {
order: 2;
}
#alumni-community :nth-child(2) {
order: 1;
}
#alumni-advisory-council .right-content {
margin-top: 1em;
}
#alumni-community .left-content {
margin: 1em 0.625rem 3.5em;
}
#alumni-stories .right-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#event-panels a.button {
margin-bottom: 2em;
}
}
@media screen and (max-width: 1024px) {
/*#alumni-newsletter :nth-child(1) {
order: 2;
}
#alumni-newsletter :nth-child(2) {
order: 1;
}
#alumni-newsletter form :nth-child(1) {
order: 1;
}
#alumni-newsletter form :nth-child(2) {
order: 2;
}
#alumni-magazine .right-content {
margin-top: 1em;
}
#alumni-newsletter .left-content {
margin: 1em 0.625rem 3.5em;
}*/
#alumni-newsletter .right-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#story-cards a.button {
margin: 1em;
width: auto;
}
}
@media screen and (max-width: 1024px) {
#alumni-magazine a.button {
margin-bottom: 6em;
}
}
@media screen and (max-width: 1024px) {
#alumni-update-form .right-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#alumni-update-form .left-content {
margin-top: 1em;
}
}
@media screen and (max-width: 1024px) {
#host-an-event .right-content {
margin-top: 1em;
}
}