@font-face {
font-family: ThirstyScriptBold;
src: url("//weber.edu/wsuimages/WSUDavis/css/fonts/ThirstyScriptBold.ttf");
}

@font-face {
font-family: ClarendonBold;
src: url("//weber.edu/wsuimages/WSUDavis/css/fonts/ClarendonLTStd-Bold.ttf");
}

.main-content {
padding: 0;
}

.main-content h2 {
font-family: 'tradegothicltstd-extended', sans-serif;
font-size: 2em;
margin-bottom: 20px !important;
}


/************************BANNER********************/
.banner-wrap {
display: flex;
background-image: url('https://www.weber.edu/wsuimages/WSUDavis/banners/davis_home_banner_color_tiles_rev2_1x.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: calc( 100vw / 4 );
max-height: 650px;
min-height: 350px;
align-items: center;
justify-content: center;
}

.title-wrap {
display: flex;
text-align: center;
}

.text-wrap {
color: #FFF;
display: flex;
flex-direction: column;
justify-content: center;
}

.text-wrap p {
margin: 0;
line-height: 1em;
}


.discover {
font-family: tradegothicltstd-boldext, sans-serif;
font-family: "ThirstyScriptBold";
font-size: 6vw;
}

.davis-title {
font-family: tradegothicltstd-boldext, sans-serif;
font-size: 8vw;
}


/*************************ADMISSIONS FEATURE******************/
.admissions-feature .adm-cat {
padding-top: 0;
}

.admissions-feature a {
padding-top: 80px;
font-family: 'tradegothiclt', sans-serif;
text-decoration: none;
}


/***********************QUICK TILES******************/

.row.quick-tiles {
margin-top: 30px;
margin-bottom: 50px;
}

.theme-box, .core-title p {
text-align: center;
}

.theme-box {
padding: 10px;
}

.theme-box h3 {
margin-bottom: 40px !important;
color: #492365;
}

.quick-link {
display: block;
border: 4px solid white;
text-decoration: none !important;
padding: 20px;
color: #FFF !important;
font-size: 1.2em;
font-weight: bold;
}

.cashier-link {
background:
    linear-gradient(
      rgba(163, 213, 93, 0.75), 
      rgba(163, 213, 93, 0.75)
    ),
 url('https://www.weber.edu/wsuimages/WSUDavis/images/cashier_tile.jpg') no-repeat center top;
background-size: 120%;
}

#hours-link {
background:
    linear-gradient(
      rgba(0, 95, 113, 0.75), 
      rgba(0, 95, 113, 0.75)
    ), url('https://www.weber.edu/wsuimages/WSUDavis/images/hours_tile.jpg') no-repeat center top;
background-size: 120%;
}

#store-link {
background:
    linear-gradient(
      rgba(132, 70, 172, 0.75), 
      rgba(132, 70, 172, 0.75)
    ), url('https://www.weber.edu/wsuimages/WSUDavis/images/store.jpg') no-repeat center top;
background-size: 120%;
}

#lab-link {
background:
    linear-gradient(
      rgba(72, 54, 39, 0.75), 
      rgba(72, 54, 39, 0.75)
    ), url('https://www.weber.edu/wsuimages/WSUDavis/images/computer_tile.jpg') no-repeat center top;
background-size: 120%;
}

#testing-link {
background:
    linear-gradient(
      rgba(210, 93, 18, 0.65), 
      rgba(210, 93, 18, 0.65)
    ), url('https://www.weber.edu/wsuimages/WSUDavis/images/testing.jpg') no-repeat center top;
background-size: 120%;
}

#fitness-link {
background:
    linear-gradient(
      rgba(37,202,211, 0.65), 
      rgba(37,202,211, 0.65)
    ), url('https://www.weber.edu/wsuimages/WSUDavis/images/fitness_center.jpg') no-repeat center top;
background-size: 120%;
}

.theme-box-inner {
position: relative;
padding: 10% 18%;
//height: 100%;
-webkit-transition: background-size .3s ease-in-out;
transition: background-size .3s ease-in-out;
}

.theme-box-inner:hover {
background-size: 130% !important;
-webkit-transition: background-size .3s ease-in-out;
transition: background-size .3s ease-in-out;
cursor: pointer;
overflow: hidden;
}



/*********************DIRECTIONS***********************/

.directions {
/*height: 402px;*/
/*background: linear-gradient(
      rgba(164, 145, 178, 0.6), 
      rgba(164, 145, 178, 0.6)
    ),url('https://apps.weber.edu/wsuimages/WSUDavis/banners/davis_home_03a.jpg');*/
background: linear-gradient(
      rgba(52, 96, 148, 0.6), 
      rgba(52, 96, 148, 0.6)
    ),url('https://www.weber.edu/wsuimages/WSUDavis/banners/davis_home_03a.jpg');
background-size: cover;
background-position: left center;
color: #FFF;
}

.direction-flex {
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
}

.direction-buttons {
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
margin-top: 20px;
}

.directions h2 {
color: #FFF;
}

.direc-link {
text-align: center;
font-size: 1.2em;
font-weight: bold;
margin: 0 20px;
}

.direc-btn {
margin-bottom: 30px;
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #492365;
transition: all 0.3s linear;
}

.direc-btn:hover {
background-color: #8446AC;
}

.direc-anchor {
text-decoration: none !important;
color: #FFF !important;
}

.direc-anchor:hover {
color: #8446AC !important;
}


/*****************FEATURED EVENTS****************/
.featured-events {
padding: 4em 0 2em !important;
}

.featured-events h2 {
text-align: center;
}


/***************PANES**********************/

.pane {
padding: 90px;
display: flex;
align-items: center;
flex-direction: row;
color: #492365;
}

.left-pane {
border-right: 1px solid #492365;
}

.first-row {
border-bottom: 1px solid #492365;
}

.inner-div {
flex: 1;
}

.ratio img {
max-width: 270px;
}

.ratio p {
text-align: center;
color: #492365;
text-transform: uppercase;
line-height: 1.5em;
margin-bottom: 0;
}

.princeton img {
max-width: 165px;
}

.affordable .inner-div {
text-align: center;
}

.seventeenth {
font-family: ClarendonBold;
font-size: 4em;
margin-bottom: 0;
line-height: 1em;
}

.full-degrees {
align-items: start;
}

.full-degrees img {
max-width: 160px;
}

#hi {
display: inline-block;
text-decoration: none;
padding: 10px 30px;
background-color: #492365;
color: #FFF;
font-weight: bold;
}

#hi:hover {
background-color: #A491B2;
}

/*******************FAST FACTS********************/

.mar-panes-revision p {
line-height: 1;
margin: 0;
}

.attention-holder {
max-width: 363px;
}

.personal-attention-icon {
height: 116px;
width: 100px;
float: left;

}

.access-to-services {
clear: both;
text-align: center;
}

.mar-panes-revision p.percentage {
font-family: ClarendonBold;
font-size: 4.1em;
margin-bottom: -10px;
}

.solar-power img {
min-width: 220px;
max-width: 70%;
}

.solar-font {
font-family: ClarendonBold;
font-size: 2.5em;
}

.study-group {
text-align: center;
}

#weekends {
display: inline-block;
text-decoration: none;
padding: 10px 30px;
background-color: #492365;
color: #FFF;
}

#weekends:hover {
background-color: #8446AC;
}


/*******************MEDIA QUERIES*****************/

@media only screen and (max-width: 1024px) {
.discover {
font-size: 11vw;
}

.davis-title {
font-size: 15vw;
}
.left-pane {
border-right: 0;
}

.first-row {
border-bottom: 0;
}
.pane:not(.full-degrees) {
border-bottom: 1px solid #492365;
}
.pane {
flex-direction: column;
align-items: center;
}
.ratio .inner-div:first-child {
padding-bottom: 20px;
}
}


@media only screen and (max-width: 29.9375em) {
.pane {
text-align: center;
}
.direction-buttons {
flex-direction: column;
align-items: center;
}
.text-wrap .discover {
font-size: 16vw;
}
.text-wrap .davis-title {
font-size: 20vw;
}
}