html {
color: #333;
font-size: 14px;
line-height: 1.4;
}
body {
font-size: 14px;
font-family: "Roboto", sans-serif;
position: relative;
margin: 0;
padding: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input::-ms-clear {
display: none;
width:0;
height:0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
margin: 0 0 15px 0;
color: #d51525;
}
h1 {
margin: 0;
}
h1.bottom-border,
h2.bottom-border,
h3.bottom-border,
h4.bottom-border,
h5.bottom-border,
h6.bottom-border {
position: relative;
margin: 0 auto 50px;
display: inline-block;
}
@media only screen and (min-width: 640px) {
h1.bottom-border,
h2.bottom-border,
h3.bottom-border,
h4.bottom-border,
h5.bottom-border,
h6.bottom-border {
margin: 0 auto 75px;
}
}
h1.bottom-border:after,
h2.bottom-border:after,
h3.bottom-border:after,
h4.bottom-border:after,
h5.bottom-border:after,
h6.bottom-border:after {
content: '';
position: absolute;
bottom: -20px;
width: 85%;
max-width: 75px;
height: 3px;
background-size: 100% 100%;
left: 0;
right: 0;
margin: 0 auto;
background-repeat: no-repeat;
background-image: url(../images/svg_sprite.svg#bottomBorder);
}
.photo-left h1.bottom-border:after,
.photo-left h2.bottom-border:after,
.photo-left h3.bottom-border:after,
.photo-left h4.bottom-border:after,
.photo-left h5.bottom-border:after,
.photo-left h6.bottom-border:after,
.photo-right h1.bottom-border:after,
.photo-right h2.bottom-border:after,
.photo-right h3.bottom-border:after,
.photo-right h4.bottom-border:after,
.photo-right h5.bottom-border:after,
.photo-right h6.bottom-border:after {
content: '';
position: absolute;
bottom: -20px;
width: 85%;
max-width: 75px;
height: 3px;
background-size: 100% 100%;
left: 0;
right: auto;
margin: 0 auto;
background-repeat: no-repeat;
background-image: url(../images/svg_sprite.svg#bottomBorder);
}
.text-center h1.bottom-border:after,
.text-center h2.bottom-border:after,
.text-center h3.bottom-border:after,
.text-center h4.bottom-border:after,
.text-center h5.bottom-border:after,
.text-center h6.bottom-border:after {
content: '';
position: absolute;
bottom: -20px;
width: 85%;
max-width: 75px;
height: 3px;
background-size: 100% 100%;
left: 0;
right: 0;
margin: 0 auto;
background-repeat: no-repeat;
background-image: url(../images/svg_sprite.svg#bottomBorder);
}
h1.offset-bottom-border,
h2.offset-bottom-border,
h3.offset-bottom-border,
h4.offset-bottom-border,
h5.offset-bottom-border,
h6.offset-bottom-border {
position: relative;
}
h1.offset-bottom-border:before,
h2.offset-bottom-border:before,
h3.offset-bottom-border:before,
h4.offset-bottom-border:before,
h5.offset-bottom-border:before,
h6.offset-bottom-border:before {
position: absolute;
content: '';
height: 3px;
width: 110px;
bottom: -25px;
left: 0;
background-image: url(../img/border-bottom.svg);
}
h1 {
font-size: 35px;
}
@media only screen and (min-width: 640px) {
h1 {
font-size: 45px;
}
}
h2 {
font-size: 26px;
}
@media only screen and (min-width: 640px) {
h2 {
font-size: 32px;
}
}
h2.small {
font-size: 22px;
}
@media only screen and (min-width: 640px) {
h2.small {
font-size: 28px;
}
}
h3 {
font-size: 18px;
}
@media only screen and (min-width: 640px) {
h3 {
font-size: 22px;
}
}
h4 {
font-size: 16px;
}
@media only screen and (min-width: 640px) {
h4 {
font-size: 18px;
}
}
h5 {
font-size: 16px;
text-transform: none;
}
@media only screen and (min-width: 640px) {
h5 {
font-size: 18px;
text-transform: none;
}
}
p {
font-size: 14px;
margin-bottom: 1.75rem;
}
p.small {
font-size: 13.5px;
}
p.large {
font-size: 18px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
color: #727272;
}
button {
margin: 0;
padding: 0;
border-radius: 0;
border: none;
background-color: transparent;
}
.close-button,
.close-button.medium {
font-size: 2.5em;
line-height: 1;
right: .5em;
top: .45em;
}
.hidden {
visibility: hidden;
}
hr.line {
border: 0;
padding: 0;
margin: 50px auto;
width: 80%;
max-width: 220px;
height: 4px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml;utf8,");
}
ul{
list-style-type: disc;
}
ul ul{
list-style-type: circle;
}
ul ul ul{
list-style-type: square;
}
ol{
list-style-type: decimal;
}
ol ol{
list-style-type: lower-alpha;
}
ol ol ol{
list-style-type: lower-roman;
}
ul,
ol {
padding: 0;
}
li ul{
margin-bottom: 0;
}
ul.disc {
list-style-type: disc;
font-size: 13.5px;
padding-left: 40px;
}
@media only screen and (min-width: 640px) {
ul.disc {
padding-left: 60px;
}
}
a {
text-decoration: underline;
color: #d51525;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
a:hover,
a:focus {
color: #727272;
}
a.alt {
color: #727272;
text-transform: uppercase;
font-weight: 900;
font-size: 13px;
text-decoration: none;
}
a.alt:hover {
color: #d51525;
}
.link {
position: relative;
text-transform: uppercase;
display: inline-block;
}
a.link {
text-decoration: none;
}
.link:after {
content: '';
position: absolute;
bottom: -10px;
width: 0%;
left: 0;
height: 4px;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url("../images/svg_sprite.svg#bottomBorder");
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.link:hover,
.link:focus {
color: white;
}
.link:hover:after,
.link:focus:after,
a:hover .link:after,
a:focus .link:after {
width: 100%;
}
.shadow {
box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.3);
}
.uppercase {
text-transform: uppercase !important;
}
.content-container {
padding: 50px 25px;
}
#overview .content-container {
padding: 50px 50px;
}
@media only screen and (min-width: 640px) {
.content-container {
padding: 100px 50px;
}
}
.row {
max-width: none;
}
.no-padding{
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-padding-left{
padding-left: 0 !important;
}
.no-padding-right{
padding-right: 0 !important;
}
blockquote {
position: relative;
margin: 0 0 1.75rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: none;
}
blockquote:after {
content: '';
position: absolute;
width: 100%;
height: calc(100% - .6rem);
left: 0;
bottom: 0;
border-left: 2px solid #727272;
}
.accordion {
margin-bottom: 1.75rem;
}
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #cccccc;
border-bottom: 0;
font-size: 15px;
line-height: 1;
color: #d51525;
text-decoration: none;
font-family: 'gotham_bold', sans-serif;
}
.accordion-title:focus, .accordion-title:hover {
background-color: #ededed;
color: #727272;
}
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -.5rem;
content: '\e048';
font-family: "linea-arrows-10" !important;
}
.is-active > .accordion-title::before{
content: '\e041';
}
.triangle-left,
.triangle-right {
position: relative;
overflow: hidden;
}
.triangle-left:after,
.triangle-right:after {
position: absolute;
bottom: -100px;
height: 1000px;
width: 1000px;
background-size: cover;
content: '';
display: none;
}
@media only screen and (min-width: 640px) {
.triangle-left:after,
.triangle-right:after {
display: block;
}
}
.triangle-left:after {
right: auto;
left: -700px;
background-image: url("data:image/svg+xml;utf8,");
}
@media only screen and (min-width: 1024px) {
.triangle-left:after {
left: -500px;
}
}
.triangle-left.gray-bg:after {
background-image: url("data:image/svg+xml;utf8,");
}
.triangle-left.brick-bg:after {
background-image: url("data:image/svg+xml;utf8,");
}
.triangle-left.red-bg:after {
background-image: url("data:image/svg+xml;utf8,");
}
.triangle-right:after {
right: -700px;
left: auto;
transform: scaleX(-1);
filter: FlipH;
background-image: url("data:image/svg+xml;utf8,");
}
@media only screen and (min-width: 1024px) {
.triangle-right:after {
right: -500px;
}
}
.triangle-right.gray-bg:after {
background-image: url("data:image/svg+xml;utf8,");
}
.triangle-right.brick-bg:after {
background-image: url("data:image/svg+xml;utf8,");
}
.triangle-right.red-bg:after {
background-image: url("data:image/svg+xml;utf8,");
}
.svg-border {
background-image: url(../images/svg_sprite.svg#whiteBorderBox);
pointer-events: none;
position: absolute;
width: 90%;
width: calc(100% - 30px);
height: calc(100% - 30px);
top: 15px;
left: 15px;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.white-bg .svg-border, .imge-border-section .white-bg .svg-border,
.gray-bg .svg-border, .imge-border-section .gray-bg .svg-border {
background-image: url(../images/svg_sprite.svg#redBorderBox);
}
h2.highlight {
margin: 50px 0 0;
width: 100%;
background-color: black;
color: white;
padding: 25px 50px;
}
.expand-tall {
min-height: 475px;
}
p.highlight {
margin: 0 0 50px 0;
width: 100%;
background-color: #ccc;
color: black;
padding: 25px 50px;
}
.global-wrapper {
padding: 25px;
margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.global-wrapper {
padding: 50px;
margin-bottom: 50px;
}
}
.skip-to-content {
display: block;
width: 100%;
background-color: #cccccc;
position: relative;
}
.skip-to-content #skipToContent {
background-color: #d51525;
padding: 0;
color: white;
display: block;
height: 0;
overflow: hidden;
}
.skip-to-content #skipToContent:focus {
height: auto;
height: initial;
padding: 10px 15px;
}
@media only screen and (min-width: 1200px) {
.link-container {
margin-top: 60px;
}
}
.link-container {
margin-top: 50px;
}
.link-container {
display: block;
margin-top: 35px;
overflow: hidden;
}
.nav-wrapper {
z-index: 100;
position: absolute;
top: 0;
left: 0;
width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000', GradientType=0);
/* IE6-9 */
}
nav.wrapper.nav-wrapper.white-nav {
position: static;
}
.nav-wrapper .top-nav {
overflow: hidden;
display: none;
z-index: 3;
position: relative;
}
.nav-wrapper .top-nav ul {
margin: 0;
}
.nav-wrapper .top-nav .content-container {
max-width: 1440px;
margin: 0 auto;
padding: 0;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .top-nav {
display: block;
}
}
.nav-wrapper .top-nav ul {
float: right;
}
.nav-wrapper .top-nav li {
display: inline-block;
padding: 0px 15px;
}
.nav-wrapper .top-nav li:first-child {
padding-left: 0;
}
.nav-wrapper .top-nav li:last-child {
padding-right: 25px;
}
.nav-wrapper .top-nav li:last-child a:after {
display: none !important;
}
.nav-wrapper .top-nav li a {
line-height: 28px;
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
position: relative;
display: block;
text-decoration: none;
}
.nav-wrapper .top-nav li a:after {
content: '';
width: 100%;
height: 2px;
background-color: #faa634;
position: absolute;
bottom: 0;
left: 0;
display: none;
}
.nav-wrapper .top-nav li a:hover:after {
display: block;
}
.nav-wrapper .top-nav li a.toggle-search {
height: 13px;
width: 13px;
top: 2px;
font-size: 16px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: FlipH;
-ms-filter: "FlipH";
}
.nav-wrapper .top-nav li a.toggle-search:hover, .nav-wrapper .top-nav li a.toggle-search:focus{
transform: scale(1.3);
}
.nav-wrapper .top-nav li img {
height: 13px;
}
.nav-wrapper .bottom-nav {
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
transition-delay: .15s;
z-index: 2;
position: relative;
background-color: transparent;
}
.nav-wrapper .bottom-nav .content-container {
max-width: 1440px;
margin: 0 auto;
padding: 0;
}
.nav-wrapper .bottom-nav ul {
display: flex;
align-content: center;
margin: 0;
}
.nav-wrapper .bottom-nav li {
padding: 15px;
display: none;
align-items: center;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .bottom-nav li {
padding: 15px 25px;
display: flex;
}
}
.nav-wrapper .bottom-nav li:first-child {
display: flex;
margin-right: auto;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .bottom-nav li:first-child {
max-width: none;
}
}
.nav-wrapper .bottom-nav li:first-child a:after {
display: none !important;
}
.nav-wrapper .bottom-nav li:first-child .home-page {
display: none;
}
.nav-wrapper .bottom-nav li:last-child,
.nav-wrapper .bottom-nav li:nth-last-child(2) {
display: flex;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .bottom-nav li:last-child,
.nav-wrapper .bottom-nav li:nth-last-child(2) {
display: none;
}
}
.nav-wrapper .bottom-nav li:last-child button {
padding: 7px 13px;
color: white;
border: 2px solid white;
text-transform: uppercase;
cursor: pointer;
}
.nav-wrapper .bottom-nav li:last-child button:hover {
color: #d51525;
background-color: white;
}
.nav-wrapper .bottom-nav li a {
color: white;
font-weight: bold;
font-size: 13px;
position: relative;
text-decoration: none;
}
.nav-wrapper .bottom-nav li a:after {
content: '';
position: absolute;
bottom: -10px;
width: 0%;
left: 0;
height: 4px;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url("../images/svg_sprite.svg#bottomBorder");
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (min-width: 640px) {
.nav-wrapper .bottom-nav li a:hover {
color: white;
}
.nav-wrapper .bottom-nav li a:hover:after {
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.nav-wrapper .bottom-nav li a {
font-size: 17px;
}
}
.nav-wrapper .bottom-nav li a.toggle-search {
height: 25px;
width: 15px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-size: 20px;
color: #ffffff;
}
.nav-wrapper.white-nav .bottom-nav li a.toggle-search{
color: #D51525;
}
.nav-wrapper .bottom-nav li .black-logo {
display: none;
}
/*helllo*/
.nav-wrapper .mobile-nav {
width: 100%;
min-height: 100%;
position: fixed;
top: 0;
padding: 115px 25px 50px;
left: 0;
background-color: #820000;
text-transform: uppercase;
overflow: auto;
max-height: 100%;
z-index: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .mobile-nav {
display: none !important;
}
}
.nav-wrapper .mobile-nav a {
font-size: 14px;
font-weight: 700;
color: white;
text-decoration: none;
}
.nav-wrapper .mobile-nav a:hover {
color: #faa634;
}
@media only screen and (min-width: 480px) {
.nav-wrapper .mobile-nav a {
font-size: 16px;
}
}
.nav-wrapper .mobile-nav .primary {
text-align: left;
margin-bottom: 35px;
padding-bottom: 15px;
list-style-type: none;
}
.nav-wrapper .mobile-nav .primary li {
position: relative;
padding: 15px 0;
border-bottom: 1px solid #d51525;
}
.nav-wrapper .mobile-nav .primary li a {
display: block;
position: relative;
color: white;
text-decoration: none;
}
.nav-wrapper .mobile-nav .primary li a:hover {
color: #faa634;
}
.nav-wrapper .mobile-nav .primary li a:hover:after {
background-image: url(../images/cc-right-arrow-yellow.png);
}
.nav-wrapper .mobile-nav .primary li a.button:hover {
color: white;
}
.nav-wrapper .mobile-nav .primary li a:after {
position: absolute;
right: 0px;
top: 2px;
height: 19px;
width: 11px;
content: "";
background-image: url(../images/cc-right-arrow.png);
background-position: center;
background-size: cover;
}
.nav-wrapper .mobile-nav .primary li a.button:after {
content: none;
}
.nav-wrapper .mobile-nav .primary li:last-child a {} .nav-wrapper .mobile-nav .primary li:last-child a:after {} .nav-wrapper .mobile-nav .secondary {
display: flex;
flex-wrap: wrap;
list-style-type: none;
}
.nav-wrapper .mobile-nav .secondary li {
width: 50%;
margin-bottom: 1.75rem;
padding: 0 20px 0 0;
}
.white-nav .nav-wrapper {
position: relative;
}
.white-nav .bottom-nav {
background-color: white;
}
.white-nav .bottom-nav li a {
color: #121212;
}
.white-nav .bottom-nav li a:hover {
color: #121212;
}
.white-nav .bottom-nav li a.toggle-search {
background-image: url("../images/search-icon.svg#redSearch");
}
.white-nav .bottom-nav li:first-child .black-logo {
display: flex;
}
.white-nav .bottom-nav li:first-child .white-logo {
display: none;
}
.white-nav .bottom-nav li:last-child button {
color: #d51525;
border: 2px solid #d51525;
font-weight: 700;
width: 86px;
}
.white-nav .bottom-nav li:last-child button:hover {
color: white;
background-color: #d51525;
}
.mobile-nav-open {
overflow: hidden;
}
.nav-wrapper .search-bar {
color: white;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding: 25px;
transform: translate(0, -100%);
overflow: auto;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transition-timing-function: cubic-bezier(0, 0, 0.3, 1);
}
.search-bar a {
text-decoration: none;
}
.red-bg.search-bar a:hover {
color: #FAA634;
}
@media only screen and (min-width: 640px) {
.nav-wrapper .search-bar {
padding: 50px;
}
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .search-bar {
padding: 75px;
}
}
@media only screen and (min-width: 1200px) {
.nav-wrapper .search-bar {
padding: 130px;
}
}
.nav-wrapper .search-bar .search-wrapper {
max-width: 1390px;
margin: 0 auto;
position: relative;
width: 100%;
padding: 50px 0 0 0;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .search-bar .search-wrapper {
padding: 0;
}
}
.nav-wrapper .search-bar .search-wrapper #closeSearch {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
font-size: 28px;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .search-bar .search-wrapper #closeSearch {
transform: translate(100%, -100%);
}
}
.nav-wrapper .search-bar .col {
margin-bottom: 50px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transform: translateY(50px);
opacity: 0;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .search-bar .col {
margin-bottom: 0;
padding-right: 25px;
}
}
.nav-wrapper .search-bar .col.visible {
transform: translateY(0);
opacity: 1;
}
.nav-wrapper .search-bar .input-wrapper {
margin-bottom: 35px;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .search-bar .input-wrapper {
margin-bottom: 100px;
}
}
.nav-wrapper .search-bar input {
border: 0;
font-size: 25px;
background-color: transparent;
text-align: left;
width: 100%;
color: white;
font-weight: 300;
height: auto;
margin: 0;
}
@media only screen and (min-width: 640px) {
.nav-wrapper .search-bar input {
font-size: 45px;
}
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .search-bar input {
font-size: 72px;
}
}
.nav-wrapper .search-bar input:focus,
.nav-wrapper .search-bar input:hover,
.nav-wrapper .search-bar input:focus:hover {
color: white;
font-weight: 300;
outline: none;
}
.nav-wrapper .search-bar .head {
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 35px;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .search-bar .head {
margin-bottom: 70px;
}
}
.nav-wrapper .search-bar ul {
font-size: 16px;
list-style-type: none;
margin: 0;
}
@media only screen and (min-width: 1024px) {
.nav-wrapper .search-bar ul {
font-size: 18px;
}
}
@media only screen and (min-width: 1200px) {
.nav-wrapper .search-bar ul {
font-size: 21px;
}
}
.nav-wrapper .search-bar ul li {
line-height: 50px;
margin-bottom: 12px;
}
.nav-wrapper .search-bar ul li img {
margin-right: 20px;
}
.nav-wrapper .search-bar ul li:last-child {
margin-bottom: 0;
}
.search-open {
overflow: hidden;
}
.search-open .search-bar {
transform: translate(0, 0);
}
.toggle-search:hover:after {
display: none;
}
.nav-wrapper .search-border {
height: 5px;
position: relative;
display: block;
}
.nav-wrapper .search-border img {
height: 100%;
width: 100%;
}
footer {
color: white;
font-family: "gotham_bold", sans-serif;
font-size: 14px;
}
footer a {
text-decoration: none;
}
footer .content-container {
max-width: 1440px;
margin: 0 auto;
position: relative;
}
@media only screen and (min-width: 640px) {
footer .content-container {
padding: 50px;
}
}
footer .footer-top {
justify-content: space-between;
text-transform: uppercase;
flex-wrap: wrap;
background-repeat: no-repeat;
background-position: bottom;
}
footer .seperator {
height: 8px;
width: 100%;
}
footer .buttons {
margin-bottom: 1.75rem;
}
@media only screen and (min-width: 640px) {
footer .buttons {
display: inline-block;
}
}
footer .buttons .button {
margin-bottom: 25px;
height: 47px;
padding-top: 0;
padding-bottom: 0;
line-height: 47px;
width: 100%;
}
@media only screen and (min-width: 640px) {
footer .buttons .button {
width: initial;
width: auto;
}
}
@media only screen and (min-width: 640px) {
footer .buttons {
white-space: nowrap;
}
}
footer .buttons a {
color: #faa634;
}
footer .buttons a:first-child {
margin-right: 25px;
}
footer .buttons a:hover {
color: white;
}
footer .social {
align-items: center;
margin-bottom: 40px;
text-align: center;
}
footer .social ul {
margin: 0;
}
@media only screen and (min-width: 640px) {
footer .social {
text-align: left;
}
}
footer .social span {
margin-right: 15px;
white-space: nowrap;
}
@media only screen and (min-width: 640px) {
footer .social span {
margin-right: 30px;
}
}
footer .social li {
display: inline-block;
margin: 0 15px;
position: relative;
}
@media only screen and (min-width: 1024px) {
footer .social li {
margin: 0 25px;
}
}
footer .social li:after {
content: '/';
color: #faa634;
top: 0;
right: -22px;
position: absolute;
}
@media only screen and (min-width: 1024px) {
footer .social li:after {
right: -30px;
}
}
footer .social li:first-child {
margin-left: 0;
}
footer .social li:last-child {
margin-right: 0;
}
footer .social li:last-child:after {
display: none;
}
footer .social li a {
font-size: .8em;
}
@media only screen and (min-width: 640px) {
footer .social li a {
font-size: 1em;
}
}
footer .social li a:hover,
footer .social li a:focus {
color: #faa634;
}
footer .footer-bottom {
margin-top: 40px;
max-width: none;
position: relative;
}
footer .footer-bottom:before{
content: '';
width: 100%;
height: 25px;
position: absolute;
top: -30px;
left: 0;
background-image: url(../images/svg_sprite.svg#wideThinBorder);
background-size: 100% 100%;
}
@media only screen and (min-width: 640px) {
footer .footer-bottom:before{
top: -58px;
}
}
footer .footer-bottom .col {
margin-bottom: 50px;
text-align: center;
}
@media only screen and (min-width: 640px) {
footer .footer-bottom .col {
text-align: left;
}
}
footer .footer-bottom .col-title {
color: white;
font-size: 16px;
margin-bottom: 50px;
text-transform: uppercase;
text-align: center;
}
@media only screen and (min-width: 640px) {
footer .footer-bottom .col-title {
text-align: left;
}
}
footer .footer-bottom ul {
font-size: 14px;
list-style-type: none;
margin: 0;
}
footer .footer-bottom ul li {
margin-bottom: 20px;
line-height: 1.7;
font-weight: 400;
font-family: "Roboto", sans-serif;
}
footer .footer-bottom ul li.phone {
font-size: 20px;
}
footer .footer-bottom ul li:last-child {
margin-bottom: 0;
}
footer .footer-bottom ul li a {
font-family: "gotham_bold", sans-serif;
font-weight: 400;
}
footer .footer-bottom ul li a:hover {
color: #faa634;
}
#footerScrollToTop {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: space-between;
padding: 5px 25px;
text-transform: uppercase;
text-align: center;
font-size: 13px;
z-index: 1000;
}
@media only screen and (max-width: 1023px) {
#footerScrollToTop {
background-color: #d51525;
transform: translateY(100%);
position: fixed;
bottom: 0;
height: 30px;
left: 0;
width: 100%;
top: initial;
top: auto;
color: white;
}
#footerScrollToTop span {
color: white;
}
}
#footerScrollToTop .row {
margin: 0;
}
#footerScrollToTop .desktop-view img {
transform: rotate(-90deg);
margin-bottom: 10px;
width: 40px;
display: block;
}
@media only screen and (max-width: 1023px) {
#footerScrollToTop .desktop-view img {
display: none;
}
}
#footerScrollToTop .desktop-view span {
width: 100%;
display: block;
}
#footerScrollToTop:hover {
background-color: #820000;
}
#footerScrollToTop img {
width: auto;
height: auto;
}
#footerScrollToTop .desktop-view span {
color: #faa634;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
#footerScrollToTop .desktop-view span {
color: white;
}
}
.scrolling-up #footerScrollToTop {
transform: translateY(0%);
}
.brick-button,
.red-button,
.white-button,
.rand-button {
padding: 20px 50px;
font-weight: 900;
text-transform: uppercase;
font-size: 16px;
display: inline-block;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
text-align: center;
max-width: 100%;
cursor: pointer;
font-family: "Roboto", sans-serif !important;
}
@media only screen and (min-width: 640px) {
.brick-button,
.red-button,
.red-button,
.rand-button {
padding: 20px 60px;
}
}
@media only screen and (min-width: 1200px) {
.brick-button,
.red-button,
.white-button,
.rand-button {
padding: 20px 80px;
}
}
.button,
.button.white-button {
text-decoration: none;
padding: 20px 50px;
font-weight: 900;
text-transform: uppercase;
font-size: 16px;
display: inline-block;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
text-align: center;
width: 100%;
cursor: pointer;
font-family: "Roboto", sans-serif !important;
color: #d51525;
transition: none;
background-color: transparent;
background-image: url("../images/svg_sprite.svg#whiteButtona1");
}
.button:hover,
.button:focus,
.button.white-button:hover,
.button.white-button:focus {
background-color: transparent;
background-image: url("../images/svg_sprite.svg#whiteButtons1");
color: white;
}
.button.two,
.button.white-button.two {
background-image: url("../images/svg_sprite.svg#whiteButtona2");
}
.button.two:hover,
.button.two:focus,
.button.white-button.two:hover,
.button.white-button.two:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons2");
}
.button.three,
.button.white-button.three {
background-image: url("../images/svg_sprite.svg#whiteButtona3");
}
.button.three:hover,
.button.three:focus,
.button.white-button.three:hover,
.button.white-button.three:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons3");
}
.button.four,
.button.white-button.four {
background-image: url("../images/svg_sprite.svg#whiteButtona4");
}
.button.four:hover,
.button.four:focus,
.button.white-button.four:hover,
.button.white-button.four:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons4");
}
.button.five,
.button.white-button.five {
background-image: url("../images/svg_sprite.svg#whiteButtona5");
}
.button.five:hover,
.button.five:focus,
.button.white-button.five:hover,
.button.white-button.five:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons5");
}
.button.six,
.button.white-button.six {
background-image: url("../images/svg_sprite.svg#whiteButtona6");
}
.button.six:hover,
.button.six:focus,
.button.white-button.six:hover,
.button.white-button.six:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons6");
}
@media only screen and (min-width: 640px) {
.button,
.button.white-button {
padding: 20px 60px;
width: auto;
min-width: 25%;
}
}
@media only screen and (min-width: 1200px) {
.button,
.button.white-button {
padding: 20px 80px;
}
}
.button.tiny,
.button.white-button.tiny {
padding: 10px 20px;
font-size: 12px;
}
.button.small,
.button.white-button.small {
padding: 13px 25px;
font-size: 14px;
}
.button.large,
.button.white-button.large {
font-size: 18px;
}
.gray-bg {
background-color: #ededed;
color: #121212;
}
.gray-bg h1,
.gray-bg h2,
.gray-bg h3,
.gray-bg h4,
.gray-bg h5,
.gray-bg h6 {
color: #d51525;
}
.gray-bg a,
.gray-bg .link,
.gray-bg a strong,
.gray-bg a em,
.gray-bg a label,
.gray-bg a li,
.gray-bg a p {
color: #d51525;
}
.gray-bg a:hover,
.gray-bg a:focus,
.gray-bg .link:hover,
.gray-bg .link:focus,
.gray-bg a:hover .link,
.gray-bg a:focus.link,
.gray-bg a:hover strong,
.gray-bg a:focus strong,
.gray-bg a:hover em,
.gray-bg a:focus em,
.gray-bg a:hover label,
.gray-bg a:focus label,
.gray-bg a:hover li,
.gray-bg a:focus li,
.gray-bg a:hover p,
.gray-bg a:focus p {
color: #820000;
}
.gray-bg p,
.gray-bg li,
.gray-bg label,
.gray-bg strong,
.gray-bg em {
color: #121212;
}
.gray-bg .col-title {
color: #121212;
}
.gray-bg select {
background-image: url("data:image/svg+xml;utf8,");
}
.white-bg {
background-color: white;
color: #727272;
}
.white-bg h1,
.white-bg h2,
.white-bg h3,
.white-bg h4,
.white-bg h5,
.white-bg h6 {
color: #d51525;
}
.white-bg p,
.white-bg li,
.white-bg label,
.white-bg strong,
.white-bg em {
color: #727272;
}
.white-bg a,
.white-bg .link,
.white-bg a strong,
.white-bg a em,
.white-bg a label,
.white-bg a li,
.white-bg a p {
color: #d51525;
}
.white-bg a:hover,
.white-bg a:focus,
.white-bg .link:hover,
.white-bg .link:focus,
.white-bg a:hover .link,
.white-bg a:focus.link,
a:hover .link,
.white-bg a:hover strong,
.white-bg a:focus strong,
.white-bg a:hover em,
.white-bg a:focus em,
.white-bg a:hover label,
.white-bg a:focus label,
.white-bg a:hover li,
.white-bg a:focus li,
.white-bg a:hover p,
.white-bg a:focus p {
color: #820000;
}
.white-bg .col-title {
color: #121212;
}
.white-bg .button,
.gray-bg .button {
color: #d51525;
background-image: url("../images/svg_sprite.svg#whiteButtona1");
}
.white-bg .button:hover,
.white-bg .button:focus,
.gray-bg .button:hover,
.gray-bg .button:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons1");
color: white;
}
.white-bg .button.two {
background-image: url("../images/svg_sprite.svg#whiteButtona2");
}
.white-bg .button.two:hover,
.white-bg .button.two:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons2");
}
.white-bg .button.three {
background-image: url("../images/svg_sprite.svg#whiteButtona3");
}
.white-bg .button.three:hover,
.white-bg .button.three:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons3");
}
.white-bg .button.four {
background-image: url("../images/svg_sprite.svg#whiteButtona4");
}
.white-bg .button.four:hover,
.white-bg .button.four:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons4");
}
.white-bg .button.five {
background-image: url("../images/svg_sprite.svg#whiteButtona5");
}
.white-bg .button.five:hover,
.white-bg .button.five:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons5");
}
.white-bg .button.six {
background-image: url("../images/svg_sprite.svg#whiteButtona6");
}
.white-bg .button.six:hover,
.white-bg .button.six:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons6");
}
.red-bg {
background-color: #d51525;
color: white;
}
.red-bg h1,
.red-bg h2,
.red-bg h3,
.red-bg h4,
.red-bg h5,
.red-bg h6 {
color: white;
}
.red-bg a,
.red-bg .link,
.red-bg a strong,
.red-bg a em,
.red-bg a label,
.red-bg a li,
.red-bg a p {
color: white;
}
.red-bg a:hover,
.red-bg a:focus,
.red-bg .link:hover,
.red-bg link:focus,
.red-bg a:hover .link,
.red-bg a:focus.link,
.red-bg a:hover strong,
.red-bg a:focus strong,
.red-bg a:hover em,
.red-bg a:focus em,
.red-bg a:hover label,
.red-bg a:focus label,
.red-bg a:hover li,
.red-bg a:focus li,
.red-bg a:hover p,
.red-bg a:focus p {
color: #FAA634;
}
.red-bg p,
.red-bg li,
.red-bg label,
.red-bg strong,
.red-bg em {
color: white;
}
.red-bg .col-title {
color: white;
}
.red-bg .button,
.red-bg a.button {
color: white;
background-image: url("../images/svg_sprite.svg#redButtona1");
}
.red-bg .button:hover,
.red-bg .button:focus {
background-image: url("../images/svg_sprite.svg#redButtons1") !important;
}
.red-bg .button.two {
background-image: url("../images/svg_sprite.svg#redButtona2");
}
.red-bg .button.two:hover,
.red-bg .button.two:focus {
background-image: url("../images/svg_sprite.svg#redButtons2") !important;
}
.red-bg .button.three {
background-image: url("../images/svg_sprite.svg#redButtona3");
}
.red-bg .button.three:hover,
.red-bg .button.three:focus {
background-image: url("../images/svg_sprite.svg#redButtons3") !important;
}
.red-bg .button.four {
background-image: url("../images/svg_sprite.svg#redButtona4");
}
.red-bg .button.four:hover,
.red-bg .button.four:focus {
background-image: url("../images/svg_sprite.svg#redButtons4") !important;
}
.red-bg .button.five {
background-image: url("../images/svg_sprite.svg#redButtona5");
}
.red-bg .button.five:hover,
.red-bg .button.five:focus {
background-image: url("../images/svg_sprite.svg#redButtons5") !important;
}
.red-bg .button.six {
background-image: url("../images/svg_sprite.svg#redButtona6");
}
.red-bg .button.six:hover,
.red-bg .button.six:focus {
background-image: url("../images/svg_sprite.svg#redButtons6") !important;
}
.brick-bg {
background-color: #820000;
color: white;
}
.brick-bg h1,
.brick-bg h2,
.brick-bg h3,
.brick-bg h4,
.brick-bg h5,
.brick-bg h6 {
color: white;
}
.brick-bg a,
.brick-bg .link {
color: white;
}
.brick-bg a:hover,
.brick-bg a:focus,
.brick-bg .link:hover,
.brick-bg .link:focus,
.brick-bg a:hover .link,
.brick-bg a:focus.link,
.brick-bg a:hover strong,
.brick-bg a:focus strong,
.brick-bg a:hover em,
.brick-bg a:focus em,
.brick-bg a:hover label,
.brick-bg a:focus label,
.brick-bg a:hover li,
.brick-bg a:focus li,
.brick-bg a:hover p,
.brick-bg a:focus p {
color: #FAA634;
}
.brick-bg p,
.brick-bg li,
.brick-bg label,
.brick-bg strong,
.brick-bg em {
color: white;
}
.brick-bg .col-title {
color: #faa634;
}
.brick-bg .button {
color: white;
background-image: url("../images/svg_sprite.svg#brickButtona1");
}
.brick-bg .button:hover,
.brick-bg .button:focus {
color: white;
background-image: url("../images/svg_sprite.svg#brickButtons1") !important;
}
.brick-bg .button.two {
background-image: url("../images/svg_sprite.svg#brickButtona2");
}
.brick-bg .button.two:hover,
.brick-bg .button.two:focus {
background-image: url("../images/svg_sprite.svg#brickButtons2") !important;
}
.brick-bg .button.three {
background-image: url("../images/svg_sprite.svg#brickButtona3");
}
.brick-bg .button.three:hover,
.brick-bg .button.three:focus {
background-image: url("../images/svg_sprite.svg#brickButtons3") !important;
}
.brick-bg .button.four {
background-image: url("../images/svg_sprite.svg#brickButtona4");
}
.brick-bg .button.four:hover,
.brick-bg .button.four:focus {
background-image: url("../images/svg_sprite.svg#brickButtons4") !important;
}
.brick-bg .button.five {
background-image: url("../images/svg_sprite.svg#brickButtona5");
}
.brick-bg .button.five:hover,
.brick-bg .button.five:focus {
background-image: url("../images/svg_sprite.svg#brickButtons5") !important;
}
.brick-bg .button.six {
background-image: url("../images/svg_sprite.svg#brickButtona6");
}
.brick-bg .button.six:hover,
.brick-bg .button.six:focus {
background-image: url("../images/svg_sprite.svg#brickButtons6") !important;
}
.red-button,
.red-bg .red-button {
text-decoration: none;
color: white !important;
background-image: url("../images/svg_sprite.svg#redButtona1");
}
.red-button:hover,
.red-button:focus,
.red-bg .red-button:hover,
.red-bg .red-button:hover {
background-image: url("../images/svg_sprite.svg#redButtons1") !important;
color: white !important;
}
.red-button.two {
background-image: url("../images/svg_sprite.svg#redButtona2");
}
.red-button.two:hover,
.red-button.two:focus {
background-image: url("../images/svg_sprite.svg#redButtons2") !important;
}
.red-button.three {
background-image: url("../images/svg_sprite.svg#redButtona3");
}
.red-button.three:hover,
.red-button.three:focus {
background-image: url("../images/svg_sprite.svg#redButtons3") !important;
}
.red-button.four {
background-image: url("../images/svg_sprite.svg#redButtona4");
}
.red-button.four:hover,
.red-button.four:focus {
background-image: url("../images/svg_sprite.svg#redButtons4") !important;
}
.red-button.five {
background-image: url("../images/svg_sprite.svg#redButtona5");
}
.red-button.five:hover,
.red-button.five:focus {
background-image: url("../images/svg_sprite.svg#redButtons5") !important;
}
.red-button.six {
background-image: url("../images/svg_sprite.svg#redButtona6");
}
.red-button.six:hover,
.red-button.six:focus {
background-image: url("../images/svg_sprite.svg#redButtons6") !important;
}
.brick-button,
.brick-bg .brick-button {
color: #faa634 !important;
background-image: url("../images/svg_sprite.svg#brickButtona1");
text-decoration: none;
}
.brick-button:hover,
.brick-button:focus,
.brick-bg .brick-button:hover,
.brick-bg .brick-button:focus {
color: white !important;
background-image: url("../images/svg_sprite.svg#brickButtons1") !important;
}
.brick-button.two {
background-image: url("../images/svg_sprite.svg#brickButtona2");
}
.brick-button.two:hover,
.brick-button.two:focus {
background-image: url("../images/svg_sprite.svg#brickButtons2") !important;
}
.brick-button.three {
background-image: url("../images/svg_sprite.svg#brickButtona3");
}
.brick-button.three:hover,
.brick-button.three:focus {
background-image: url("../images/svg_sprite.svg#brickButtons3") !important;
}
.brick-button.four {
background-image: url("../images/svg_sprite.svg#brickButtona4");
}
.brick-button.four:hover,
.brick-button.four:focus {
background-image: url("../images/svg_sprite.svg#brickButtons4") !important;
}
.brick-button.five {
background-image: url("../images/svg_sprite.svg#brickButtona5");
}
.brick-button.five:hover,
.brick-button.five:focus {
background-image: url("../images/svg_sprite.svg#brickButtons5") !important;
}
.brick-button.six {
background-image: url("../images/svg_sprite.svg#brickButtona6");
}
.brick-button.six:hover,
.brick-button.six:focus {
background-image: url("../images/svg_sprite.svg#brickButtons6") !important;
}
.white-button,
.white-bg .white-button {
color: #d51525 !important;
background-image: url("../images/svg_sprite.svg#whiteButtona1") !important;
text-decoration: none;
}
.white-button:hover,
.white-button:focus,
.white-bg .white-button:hover,
.white-bg .white-button:focus {
color: white !important;
background-image: url("../images/svg_sprite.svg#whiteButtons1") !important;
}
.white-button.two {
background-image: url("../images/svg_sprite.svg#whiteButtona2");
}
.white-button.two:hover,
.white-button.two:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons2") !important;
}
.white-button.three {
background-image: url("../images/svg_sprite.svg#whiteButtona3");
}
.white-button.three:hover,
.white-button.three:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons3") !important;
}
.white-button.four {
background-image: url("../images/svg_sprite.svg#whiteButtona4");
}
.white-button.four:hover,
.white-button.four:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons4") !important;
}
.white-button.five {
background-image: url("../images/svg_sprite.svg#whiteButtona5");
}
.white-button.five:hover,
.white-button.five:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons5") !important;
}
.white-button.six {
background-image: url("../images/svg_sprite.svg#whiteButtona6");
}
.white-button.six:hover,
.white-button.six:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons6") !important;
}
.full-width {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: auto;
max-width: initial;
}
input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='color'],
input:focus,
textarea[type='text'],
textarea[type='password'],
textarea[type='date'],
textarea[type='datetime'],
textarea[type='datetime-local'],
textarea[type='month'],
textarea[type='week'],
textarea[type='email'],
textarea[type='number'],
textarea[type='search'],
textarea[type='tel'],
textarea[type='time'],
textarea[type='url'],
textarea[type='color'],
textarea:focus,
select[type='text'],
select[type='password'],
select[type='date'],
select[type='datetime'],
select[type='datetime-local'],
select[type='month'],
select[type='week'],
select[type='email'],
select[type='number'],
select[type='search'],
select[type='tel'],
select[type='time'],
select[type='url'],
select[type='color'],
select:focus,
input.button[type='text'],
input.button[type='password'],
input.button[type='date'],
input.button[type='datetime'],
input.button[type='datetime-local'],
input.button[type='month'],
input.button[type='week'],
input.button[type='email'],
input.button[type='number'],
input.button[type='search'],
input.button[type='tel'],
input.button[type='time'],
input.button[type='url'],
input.button[type='color'],
input.button:focus {
box-shadow: none;
font-weight: 400;
background-color: transparent;
font-family: "Roboto", sans-serif;
}
input.placeholder,
textarea.placeholder,
select.placeholder,
input.button.placeholder {
color: #d51525;
opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
input.button:-moz-placeholder {
color: #d51525;
opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
input.button::-moz-placeholder {
color: #d51525;
opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input.button:-ms-input-placeholder {
color: #d51525;
opacity: 1;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input.button::-webkit-input-placeholder {
color: #d51525;
opacity: 1;
}
input.white,
textare.white,
select.white,
input.button.white {
border-color: #cccccc;
color: white;
}
input.white.placeholder,
textare.white.placeholder,
select.white.placeholder,
input.button.white.placeholder {
color: white;
opacity: 1;
}
input.white:-moz-placeholder,
textare.white:-moz-placeholder,
select.white:-moz-placeholder,
input.button.white:-moz-placeholder {
color: white;
opacity: 1;
}
input.white::-moz-placeholder,
textare.white::-moz-placeholder,
select.white::-moz-placeholder,
input.button.white::-moz-placeholder {
color: white;
opacity: 1;
}
input.white:-ms-input-placeholder,
textare.white:-ms-input-placeholder,
select.white:-ms-input-placeholder,
input.button.white:-ms-input-placeholder {
color: white;
opacity: 1;
}
input.white::-webkit-input-placeholder,
textare.white::-webkit-input-placeholder,
select.white::-webkit-input-placeholder,
input.button.white::-webkit-input-placeholder {
color: white;
opacity: 1;
}
input.gray,
textarea.gray,
select.gray,
input.button.gray {
color: #121212;
border-color: #ededed;
}
input.gray.placeholder,
textarea.gray.placeholder,
select.gray.placeholder,
input.button.gray.placeholder {
color: #545454;
opacity: 1;
}
input.gray:-moz-placeholder,
textarea.gray:-moz-placeholder,
select.gray:-moz-placeholder,
input.button.gray:-moz-placeholder {
color: #545454;
opacity: 1;
}
input.gray::-moz-placeholder,
textarea.gray::-moz-placeholder,
select.gray::-moz-placeholder,
input.button.gray::-moz-placeholder {
color: #545454;
opacity: 1;
}
input.gray:-ms-input-placeholder,
textarea.gray:-ms-input-placeholder,
select.gray:-ms-input-placeholder,
input.button.gray:-ms-input-placeholder {
color: #545454;
opacity: 1;
}
input.gray::-webkit-input-placeholder,
textarea.gray::-webkit-input-placeholder,
select.gray::-webkit-input-placeholder,
input.button.gray::-webkit-input-placeholder {
color: #545454;
opacity: 1;
}
select {
background-color: transparent;
font-family: "Roboto", sans-serif;
font-size: 14px;
padding: 15px 30px 15px 15px;
height: auto;
height: initial;
line-height: 1;
background-image: url("data:image/svg+xml;utf8,");
}
select.gray {
color: #121212;
border-color: #ededed;
}
select.gray.placeholder {
color: #545454;
opacity: .8;
}
select.gray:-moz-placeholder {
color: #545454;
opacity: .8;
}
select.gray::-moz-placeholder {
color: #545454;
opacity: .8;
}
select.gray:-ms-input-placeholder {
color: #545454;
opacity: .8;
}
select.gray::-webkit-input-placeholder {
color: #545454;
opacity: .8;
}
select:focus {
padding: 15px 30px 15px 15px;
}
select:focus {
color: white;
font-weight: 400;
}
#hsForm select:focus {
color: black;
font-weight: 400;
}
select option{
color: black;
display: block;
}
select option:hover{
box-shadow: 0 0 10px 100px #ededed inset;
}
[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
outline: none;
border: 1px solid inherit;
background-color: transparent !important;
box-shadow: none;
transition: none;
}
[type='submit'],
[type='submit'].button {
padding: 15px;
font-weight: 900;
border: none;
display: inline-block;
max-width: 100%;
}
.input-wrapper.border-bottom {
position: relative;
}
.input-wrapper.border-bottom:after {
content: '';
display: block;
height: 3px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-image: url(../images/svg_sprite.svg#smallBorder);
background-position: bottom center;
}
label {
margin-bottom: 10px;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
.hide-large {
display: none;
}
}
.hide-small {
display: none;
}
@media only screen and (min-width: 640px) {
.hide-small {
display: inline-block;
}
}
.split-text span {
position: relative;
}
.split-text span:last-child {
display: inline-block;
transform: translateY(30%);
}
.split-text span.slash {
margin: 0 8px 0 8px;
}
.split-text span.slash:before {
content: '';
background-image: url(../images/yellow-slash.png);
position: absolute;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 85px;
height: 180%;
top: 0;
left: 100%;
transform: translateX(-55%) translateY(-10%);
}
@media only screen and (min-width: 640px) {
.split-text span.slash:before {
width: 65px;
}
}
.split-text span.third:before {
top: 0;
transform: translateX(-55%) translateY(-10%);
left: 100%;
}
.split-text span.ampersand:before {
top: -12px;
transform: translateX(0) translateY(0);
left: -21px;
right: 0;
z-index: -1;
}
@media only screen and (min-width: 640px) {
.flex-large {
display: flex;
}
}
.col-title {
color: #820000;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 25px;
font-family: "gotham_bold", sans-serif;
letter-spacing: 1.5px;
}
@media only screen and (min-width: 640px) {
.col-title {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.col-title {
margin-bottom: 65px;
}
}
section,
header {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
section .content-container,
header .content-container {
height: 100%;
width: 100%;
max-width: 1440px;
margin: 0 auto;
position: relative;
}
section .content-container .content-block,
header .content-container .content-block {
position: relative;
}
/*
*************************************************
*************************************************
HomePage Mobile Nav List
*************************************************
*************************************************
*/
video.bkg-video {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
z-index: 0;
pointer-events: none;
}
.reveal {
border: none;
width: 100%;
max-width: 100%;
background-color: transparent;
background: white;
padding: 30px;
}
.reveal.withvideo {
padding: 0;
background: none;
}
@media only screen and (min-width: 1024px) {
.reveal {
width: 65%;
max-width: 65%;
}
}
.reveal:focus {
outline: none;
}
.responsive-embed {
margin-bottom: 0;
}
.reveal-overlay {
background-color: rgba(10, 10, 10, .9);
overflow: auto;
}
.reveal h2 {
margin-bottom: 1.75rem;
}
.reveal h3 {
margin: 0;
}
.reveal.event-modal{
padding: 0;
background: none;
max-width: 963px;
}
.reveal.event-modal .event-bar{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 67px;
background: #820000;
}
.reveal.event-modal h3{
color: white;
margin: 15px 0 0 30px;
font-size: 18pt;
}
.reveal.event-modal iframe{
margin-top: 36px;
}
.reveal.event-modal .close-button, .reveal.event-modal .close-button.medium{
color: white;
}
.reveal.event-modal .close-button:hover, .reveal.event-modal .close-button.medium:hover,.reveal.event-modal .close-button:focus, .reveal.event-modal .close-button.medium:focus{
color: #121212;
}
@media only screen and (min-width: 640px) {
.home-mobile-menu {
display: none;
}
}
.home-mobile-menu .content-container {
padding: 25px;
}
.home-mobile-menu ul.top-level {
width: 100%;
}
.home-mobile-menu ul.top-level li {
margin-bottom: 5px;
cursor: pointer;
}
.home-mobile-menu ul.top-level li .head-wrapper {
padding: 15px;
border: 1px solid #cccccc;
color: #d51525;
font-weight: 900;
font-size: 13px;
text-transform: uppercase;
position: relative;
}
.home-mobile-menu ul.top-level li a {
font-family: "Roboto", sans-serif;
color: #d51525;
text-transform: uppercase;
font-weight: 900;
}
.home-mobile-menu ul.top-level li .accordion-item {
position: relative;
}
.home-mobile-menu ul.top-level li .accordion-inner a {
color: #727272;
font-family: "Roboto", sans-serif;
display: block;
font-weight: 900;
font-size: 13px;
margin-bottom: 5px;
text-decoration: none;
}
.home-mobile-menu ul.top-level li .accordion-title {
padding: 15px;
border: 1px solid #cccccc;
text-decoration: none;
}
.home-mobile-menu ul.top-level li .accordion-title:before {
position: absolute;
right: 15px;
top: 20px;
height: 19px;
width: 11px;
content: "";
background-image: url(../images/cc-right-arrow.png);
background-position: center;
background-size: cover;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.home-mobile-menu ul.top-level li.is-active .accordion-title:before {
transform: rotate(90deg);
}
section .play-video {
display: block;
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-ms-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
}
@media only screen and (min-width: 640px) {
section .play-video{
position: absolute;
}
}
section .play-video .play-btn {
border-radius: 30px;
display: inline-block;
padding: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background: url("../images/icon-play-inactive.svg") #D51525;
background-size: 100%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
section .play-video:hover {
background: rgba(255, 255, 255, 0.2);
}
section .play-video:hover .play-btn {
padding: 35px;
border-radius: 35px;
background: url("../images/icon-play-active.svg") #D51525;
}
/*
*************************************************
*************************************************
Main home container | Main interior hero container | Secondary interior hero container | Program hero container
*************************************************
*************************************************
*/
@-webkit-keyframes playv {
from {
background-position-y: 0;
}
to {
background-position-y: -1500%;
}
}
@-webkit-keyframes playh {
from {
background-position-x: 0;
}
to {
background-position-x: -500%;
}
}
@-moz-keyframes playv {
from {
background-position-y: 0;
}
to {
background-position-y: -1500%;
}
}
@-moz-keyframes playh {
from {
background-position-x: 0;
}
to {
background-position-x: -500%;
}
}
@-ms-keyframes playv {
from {
background-position-y: 0;
}
to {
background-position-y: -1500%;
}
}
@-ms-keyframes playh {
from {
background-position-x: 0;
}
to {
background-position-x: -500%;
}
}
@keyframes playv {
from {
background-position-y: 0;
}
to {
background-position-y: -1500%;
}
}
@keyframes playh {
from {
background-position-x: 0;
}
to {
background-position-x: -500%;
}
}
.hero.home-main {
background-image: url(../images/banner-home.jpg);
height: 100vh;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.hero.home-main .content-container {
height: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.hero.home-main .content-container .live-uncommon {
display: none;
text-indent: -99999px;
width: 350px;
height: 158px;
animation-fill-mode: both, forwards, none;
background-image: url(../images/uncommon_sprite-stacked.png);
-webkit-animation: playv 3s steps(15) 1 forwards normal, playh 0.2s steps(5) 15 forwards normal;
-moz-animation: playv 3s steps(15) 1 forwards normal, playh 0.2s steps(5) 15 forwards normal;
-ms-animation: playv 3s steps(15) 1 forwards normal, playh 0.2s steps(5) 15 forwards normal;
animation: playv 3s steps(15) 1 forwards normal, playh 0.2s steps(5) 15 forwards normal;
}
.hero.home-main .content-container .live-uncommon img {
opacity: 0;
}
@media only screen and (min-width: 640px) {
.hero.home-main .content-container .live-uncommon {
width: 698px;
height: 168px;
background-image: url(../images/uncommon_sprite-tablet.png);
}
}
@media only screen and (min-width: 1024px) {
.hero.home-main .content-container .live-uncommon {
width: 997px;
height: 240px;
background-image: url(../images/uncommon_sprite-desktop.png);
}
}
.hero.home-main .content-container .content-block {
position: relative;
}
.hero.home-main img,
.hero.home-main h1 {
display: block;
}
.hero.home-main h1 {
color: white;
}
.hero.home-main h1 span {
font-family: "Leckerli One", cursive;
text-transform: none;
}
.hero.home-main .cta {
display: inline-block;
position: absolute;
bottom: -80px;
left: 50%;
transform: translateX(-50%) translateY(50%);
opacity: 0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transition-delay: 2.5s;
}
.hero.home-main .cta.visible {
transform: translateX(-50%) translateY(0%);
opacity: 1;
}
.hero.home-main a {
background-image: url("../images/svg_sprite.svg#whiteButtons1") !important;
color: white !important;
text-transform: uppercase;
display: flex;
align-items: center;
padding: 5px 10px;
font-size: 15px;
font-weight: 900;
white-space: nowrap;
}
.hero.home-main a:hover {
background-image: url("../images/svg_sprite.svg#whiteButtons1");
}
@media only screen and (min-width: 640px) {
.hero.home-main a {
padding: 5px 25px 5px 10px;
}
}
.hero.home-main a img,
.hero.home-main a .play-img {
margin-right: 15px;
width: 47px;
max-width: 47px;
height: 47px;
max-height: 47px;
padding: 0;
background-image: url("../images/icon-play-inactive.svg");
background-size: cover;
}
@media only screen and (min-width: 640px) {
.hero.home-main a img,
.hero.home-main a .play-img {
margin-right: 25px;
}
}
.hero.home-main a:hover .play-img {
background-image: url("../images/icon-play-active.svg");
}
.hero.interior-main {
overflow: hidden;
display: flex;
flex-direction: column;
background-size: cover;
}
.hero.interior-main .content-container {
display: flex;
justify-content: center;
align-items: center;
padding-top: 80px;
height: 80vh;
order: 1;
}
.hero.interior-main .content-container h1 {
text-shadow: 0px 0px 30px black;
color: white;
font-size: 24px;
text-align: center;
}
@media only screen and (min-width: 640px) {
.hero.interior-main .content-container h1 {
font-size: 40px;
}
}
.hero.interior-main-slice {
overflow: hidden;
display: flex;
flex-direction: column;
background-size: cover;
position: relative;
}
.hero.interior-main-slice .content-container {
display: flex;
justify-content: center;
align-items: center;
padding-top: 80px;
height: 80vh;
order: 1;
}
.hero.interior-main-slice .content-container h1 {
text-shadow: 0px 0px 30px black;
color: white;
font-size: 24px;
text-align: center;
}
.hero.interior-main-slice .left-slice{
position: absolute;
transform: skewX(-45deg);
left: 88%;
height: 100%;
width: 125%;
overflow: hidden;
}
.hero.interior-main-slice .right-slice{
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.hero.interior-main-slice .left-slice img{
height: 100%;
transform: skewX(45deg) translate(-50%, 12%);
max-width: none;
position: absolute;
left: 0;
}
@media only screen and (min-width: 640px) {
.hero.interior-main-slice .left-slice {
}
.hero.interior-main-slice .left-slice img {
}
}
@media only screen and (min-width: 1200px) {
.hero.interior-main-slice .left-slice {
}
.hero.interior-main-slice .left-slice img {
}
}
@media only screen and (min-width: 640px) {
.hero.interior-main-slice .content-container h1 {
font-size: 40px;
}
}
.hero.interior-secondary {
overflow: hidden;
background-size: cover;
background-position: center;
}
.hero.interior-secondary .bkg-image{
background-position:center;
background-size: cover;
flex-grow: 1;
order: 3;
}
.hero.interior-secondary .spacer{
width: calc((100% - 1440px) / 2);
order:1;
display: none;
background:#d51525;
}
@media only screen and (min-width: 1440px) {
.hero.interior-secondary .spacer{
display: block;
}
}
@media only screen and (min-width: 640px) {
.hero.interior-secondary .bkg-image{
}
}
.hero.interior-secondary .content-container {
padding: 0;
order: 1;
}
.hero.interior-secondary .content-block {
display: flex;
}
.hero.interior-secondary .copy-container {
padding: 125px 0 125px 25px;
display: inline-block;
position: relative;
order: 2;
margin-left: 0;
max-width: 75%;
background: #d51525;
}
.hero.interior-secondary .angle{
position: absolute;
top: 0;
left: calc(100% - 1px);
height: 100%;
overflow: visible;
fill:#d51525;
}
@media only screen and (min-width: 1440px) {
.hero.interior-secondary .copy-container {
padding: 125px 180px 125px 25px;
display: inline-block;
position: relative;
order: 2;
margin-left: 0;
max-width: 75%;
}
}
@media only screen and (min-width: 640px) {
.hero.interior-secondary .copy-container {
padding: 200px 0 200px 25px;
}
}
.hero.interior-secondary .copy-container h1 {
color: white;
font-size: 22px;
position: relative;
}
@media only screen and (min-width: 640px) {
.hero.interior-secondary .copy-container h1 {
font-size: 28px;
}
}
@media only screen and (min-width: 640px) {
.hero.interior-secondary .copy-container h1 {
font-size: 32px;
}
}
.hero.interior-secondary .copy-container h1.split-text:before {
display: none;
}
.hero.program-main {
position: relative;
}
.hero.program-main:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #d51525;
}
@media only screen and (min-width: 1024px) {
.hero.program-main:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d51525+0,005596+100&1+65,1+65,0+100 */
background: -moz-linear-gradient(left, #d51525 0%, #d51525 65%, rgba(0, 85, 150, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #d51525 0%, #d51525 65%, rgba(0, 85, 150, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d51525 0%, #d51525 65%, rgba(0, 85, 150, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d51525', endColorstr='#d51525', GradientType=1);
/* IE6-9 */
}
}
.hero.program-main .col-title {
margin-bottom: 25px;
}
@media only screen and (min-width: 1024px) {
.hero.program-main .col-title {
margin-bottom: 40px;
}
}
.hero.program-main p {
margin-bottom: 0;
}
.hero.program-main .content-container {
padding: 50px 25px;
z-index: 1;
}
@media only screen and (min-width: 640px) {
.hero.program-main .content-container {
padding: 50px 65px;
}
}
@media only screen and (min-width: 1024px) {
.hero.program-main .content-container {
padding: 65px 50px;
}
}
.hero.program-main .left-block {
padding: 0 0 30px 0;
position: relative;
}
@media only screen and (min-width: 1024px) {
.hero.program-main .left-block {
padding: 0 60px 0 0;
}
}
.hero.program-main .left-block:after {
position: absolute;
content: '';
height: 3px;
width: 75px;
bottom: 0;
left: 0;
background-image: url(../images/svg_sprite.svg#bottomBorder);
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media only screen and (min-width: 1024px) {
.hero.program-main .left-block:after {
width: 7px;
height: 100%;
left: initial;
left: auto;
right: 0;
top: 0;
background-image: url(../images/svg_sprite.svg#verticalBorder);
}
}
.hero.program-main .right-block {
padding: 30px 0 0 0;
}
@media only screen and (min-width: 1024px) {
.hero.program-main .right-block {
padding: 0 0 0 60px;
}
}
.hero.program-main .right-block p {
font-size: 21px;
font-family: "gotham_bold", sans-serif;
}
.hero.program-main h1 {
font-size: 31px;
text-transform: initial;
margin-bottom: 45px;
}
.banner_non {
padding: 30px 0;
}
.banner_non h1 {
text-align: center;
line-height: 1;
}
.banner_non h1 small {
color: white;
font-size: 13px;
text-transform: uppercase;
font-family: "gotham_bold", sans-serif;
letter-spacing: 1.5px;
display: block;
margin-bottom: 1.75rem;
line-height: 1;
}
/*
*************************************************
*************************************************
Text Left / Image grid right
*************************************************
*************************************************
*/
.text-grid {
color: white;
}
.text-grid:before {
content: "";
position: absolute;
width: 100%;
background-color: white;
left: 0;
bottom: 0;
display: none;
}
@media only screen and (min-width: 640px) {
.text-grid:before {
display: block;
height: 75px;
}
}
@media only screen and (min-width: 1200px) {
.text-grid:before {
display: block;
height: 100px;
}
}
.text-grid .col-left {
width: 100%;
padding: 50px 25px;
}
@media only screen and (min-width: 640px) {
.text-grid .col-left {
width: 45%;
padding: 100px 25px;
align-items: center;
}
}
.text-grid .col-left .content-block {
max-width: 450px;
text-align: center;
margin: 0 auto;
}
@media only screen and (min-width: 640px) {
.text-grid .col-left .content-block {
transform: translateY(-75px);
}
}
.text-grid .col-left h2,
.text-grid .col-left p {
margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) {
.text-grid .col-left h2,
.text-grid .col-left p {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1023px) {
.text-grid .col-left h2 {
font-size: 22px;
}
}
.text-grid .col-left p {
line-height: 2;
}
.text-grid .col-right {
width: 100%;
}
@media only screen and (min-width: 640px) {
.text-grid .col-right {
width: 55%;
padding: 0 20px 0 0;
margin-top: -90px;
}
}
.text-grid .col-right .content-block {
justify-content: space-between;
max-width: 860px;
flex-wrap: wrap;
}
.text-grid .col-right .hide-large {
margin: 40px auto 0;
text-align: center;
}
.text-grid .content-container {
padding: 50px 25px;
}
@media only screen and (min-width: 640px) {
.text-grid .content-container {
padding-bottom: 0;
margin-bottom: 40px;
}
}
.text-grid .content-container .item {
width: 100%;
text-align: center;
margin: 0 auto 20px;
position: relative;
}
.text-grid .content-container .item:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 640px) {
.text-grid .content-container .item {
width: 53%;
width: calc(50% - 10px);
opacity: 0;
transform: translateY(75px);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.text-grid .content-container .item.visible {
opacity: 1;
transform: translateY(0);
}
}
.text-grid .content-container .item .border {
pointer-events: none;
position: absolute;
width: 90%;
width: calc(100% - 30px);
height: calc(100% - 30px);
top: 15px;
left: 15px;
z-index: 1;
}
.text-grid .content-container .item .border svg,
.text-grid .content-container .item .border img {
height: 100%;
width: 100%;
}
.text-grid .content-container .item .border svg path,
.text-grid .content-container .item .border img path {
fill: none;
stroke: #faa634;
stroke-miterlimit: 10;
stroke-width: 3px;
}
.text-grid .content-container .item .item-wrapper {
position: relative;
background-color: #820000;
box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.3);
}
.text-grid .content-container .item:nth-child(odd) .item-wrapper {
background-color: #d51525;
}
@media only screen and (min-width: 640px) {
.text-grid .content-container .item {
margin: 0 0 20px;
}
.text-grid .content-container .item:nth-child(odd) {
margin-top: -25px;
}
.text-grid .content-container .item:nth-child(odd) .item-wrapper {
background-color: #820000;
}
.text-grid .content-container .item:nth-child(even) {
transition-delay: .25s;
}
.text-grid .content-container .item:nth-child(4n+4) .item-wrapper,
.text-grid .content-container .item:nth-child(4n+1) .item-wrapper {
background-color: #d51525;
}
}
.text-grid .content-container .item img {
width: 100%;
}
.text-grid .content-container .item .copy {
z-index: 2;
padding: 25px 25px 40px;
}
@media only screen and (min-width: 1024px) {
.text-grid .content-container .item .copy {
padding: 50px 50px 55px;
}
}
.text-grid .content-container .item p {
margin: 0 20px 40px;
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: white;
}
.text-grid .content-container .item a {
font-size: 15px;
font-weight: 900;
color: white;
}
.text-grid .content-container .item p .name {
display: block;
font-family: "Leckerli One", cursive;
font-size: 20px;
margin-bottom: 5px;
}
.text-grid .button-wrap {
text-align: center;
}
.ie .text-grid .content-container .item .border svg path {
stroke-miterlimit: 10;
stroke-width: 1px;
}
@media only screen and (min-width: 1200px) {
.img-wrapper {
position: relative;
}
.img-wrapper:after {
content: '';
width: 100%;
height: 100%;
background-color: #cccccc;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.visible.img-wrapper:after {
width: 0%;
left: 100%;
}
}
/*
*************************************************
*************************************************
Rotator Right with bg Image
*************************************************
*************************************************
*/
.rotator-right {
overflow: hidden;
padding: 50px 25px 118px;
background-color: #ededed;
}
@media only screen and (min-width: 640px) {
.rotator-right {
background-color: #820000;
padding: 0;
}
}
.rotator-right .rotator-bg,
.rotator-right .rotator-bg-overlay {
position: absolute;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.rotator-right .rotator-bg {
z-index: 1;
}
.rotator-right .bg-wrapper {
overflow: hidden;
position: absolute;
width: 65%;
width: calc(50% + 200px);
height: 100%;
}
@media only screen and (max-width: 640px) {
.rotator-right .bg-wrapper {
width: 100%;
position: relative;
}
.rotator-right .bg-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 66.6666666667%;
}
.rotator-right .bg-wrapper > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.rotator-right .rotator-bg-overlay {
transform: translateX(100%);
-webkit-transition: transform 0.8s ease-out;
-moz-transition: transform 0.8s ease-out;
-ms-transition: transform 0.8s ease-out;
-o-transition: transform 0.8s ease-out;
transition: transform 0.8s ease-out;
}
.rotator-right .content-container {
z-index: 2;
position: relative;
max-width: 1350px;
margin: 0 auto;
text-align: right;
}
@media only screen and (min-width: 640px) {
.rotator-right .content-container {
padding: 160px 0;
}
}
.rotator-right .rotator-section .rotator-item {
background-size: 0;
}
.rotator-right .link-container {
margin-top: auto;
max-width: 250px;
}
.rotator-right .rotator-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.rotator-right .rotator-title {
font-size: 16px;
font-weight: bold;
margin: 15px 0 35px;
font-family: "gotham_bold", sans-serif;
color: #d51525;
text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
.rotator-right .rotator-title {
margin: 25px 0 75px;
}
}
.rotator-right .rotator-title.hide-large {
text-align: center;
}
.rotator-right .rotator {
text-align: left;
background-color: white;
padding: 25px 0;
display: inline-block;
width: 610px;
max-width: 100%;
position: relative;
}
@media only screen and (min-width: 640px) {
.rotator-right .rotator {
padding: 55px 0;
}
}
.rotator-right .rotator .rotator-wrapper {
overflow: hidden;
position: relative;
display: flex;
}
.rotator-right .rotator .slider-item {
position: absolute;
display: flex;
flex-direction: column;
width: 100%;
padding: 0 25px;
background-color: white;
}
@media only screen and (min-width: 640px) {
.rotator-right .rotator .slider-item {
padding: 0 55px;
}
}
.rotator-right .rotator .slider-item.active {
z-index: 1;
position: relative;
}
.rotator-right .rotator h2 {
font-size: 24px;
text-transform: none;
color: #d51525;
line-height: 1.25;
margin-bottom: 10px;
letter-spacing: -1.5px;
}
@media only screen and (min-width: 480px) {
.rotator-right .rotator h2 {
font-size: 38px;
}
}
@media only screen and (min-width: 640px) {
.rotator-right .rotator h2 {
font-size: 48px;
}
}
.rotator-right .rotator p {
font-size: 13px;
margin-bottom: 30px;
max-width: 365px;
}
@media only screen and (min-width: 640px) {
.rotator-right .rotator p {
margin-bottom: 50px;
}
}
.rotator-right .rotator .slick-dotted.slick-slider {
margin-bottom: 10px;
}
.rotator-right .rotator .rotator-controls {
position: absolute;
bottom: 0;
right: 0;
background-color: #d51525;
padding: 10px 5px;
transform: translateY(100%);
display: flex;
align-items: center;
}
.rotator-right .rotator .rotator-controls .slide-indicators {
padding: 0 15px 0 25px;
display: flex;
}
.rotator-right .rotator .rotator-controls .slide-indicators > div {
display: inline-block;
border-radius: 50%;
width: 5px;
height: 5px;
margin-right: 8px;
}
.rotator-right .rotator .rotator-controls .slide-indicators > div:last-child {
margin-right: 0;
}
.rotator-right .rotator .rotator-controls .slide-indicators button {
height: 100%;
width: 100%;
display: block;
background-color: white;
border: none;
border-radius: 100%;
padding: 0;
font-size: 0;
}
/*
*************************************************
*************************************************
Rotator Two | Rotator Four
*************************************************
*************************************************
*/
.rotator-two,
.rotator-four {
overflow: hidden;
}
.rotator-two .rotator-bg,
.rotator-four .rotator-bg {
position: absolute;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.rotator-two .rotator-bg,
.rotator-four .rotator-bg {
z-index: 1;
}
.rotator-two .bg-wrapper,
.rotator-four .bg-wrapper {
overflow: hidden;
position: relative;
display: block;
width: 65%;
min-height: 100%;
}
@media only screen and (max-width: 640px) {
.rotator-two .bg-wrapper,
.rotator-four .bg-wrapper {
width: 100%;
position: relative;
}
.rotator-two .bg-wrapper:before,
.rotator-four .bg-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 66.6666666667%;
}
.rotator-two .bg-wrapper > .content,
.rotator-four .bg-wrapper > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
@media only screen and (max-width: 639px) {
.rotator-two .bg-wrapper,
.rotator-four .bg-wrapper {
order: -1;
}
}
.rotator-two .rotator-bg-overlay,
.rotator-four .rotator-bg-overlay {
transform: translateX(100%);
-webkit-transition: transform 0.8s ease-out;
-moz-transition: transform 0.8s ease-out;
-ms-transition: transform 0.8s ease-out;
-o-transition: transform 0.8s ease-out;
transition: transform 0.8s ease-out;
}
.rotator-two .content-container,
.rotator-four .content-container {
position: relative;
max-width: 1350px;
margin: 0 auto;
}
.rotator-two .rotator-section,
.rotator-four .rotator-section {
width: 35%;
padding: 150px 0 75px;
background-color: #820000;
}
.rotator-two .rotator-section .rotator-item,
.rotator-four .rotator-section .rotator-item {
background-size: 0;
}
@media only screen and (max-width: 639px) {
.rotator-two .rotator-section,
.rotator-four .rotator-section {
width: 100%;
padding: 50px 0;
}
}
.rotator-two .link-container,
.rotator-four .link-container {
margin-top: 90px;
text-transform: uppercase;
font-size: 15px;
text-decoration: none;
color: white;
text-align: center;
}
.rotator-two .slider-item .link-container,
.rotator-four .slider-item .link-container {
text-align: left;
font-weight: 900;
}
.rotator-two .link-container:hover,
.rotator-four .link-container:hover {
color: #FAA634;
}
.rotator-two .rotator-image,
.rotator-four .rotator-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.rotator-two .rotator-title,
.rotator-four .rotator-title {
font-size: 16px;
font-weight: bold;
margin: 15px 0 35px;
font-family: "gotham_bold", sans-serif;
color: #d51525;
text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
.rotator-two .rotator-title,
.rotator-four .rotator-title {
margin: 25px 0 75px;
}
}
.rotator-two .rotator,
.rotator-four .rotator {
text-align: left;
display: flex;
width: 100%;
position: relative;
}
@media only screen and (max-width: 639px) {
.rotator-two .rotator,
.rotator-four .rotator {
flex-direction: column;
}
}
.rotator-two .rotator .rotator-wrapper,
.rotator-four .rotator .rotator-wrapper {
overflow: hidden;
position: relative;
display: flex;
width: 100%;
}
.rotator-two .rotator .slider-item,
.rotator-four .rotator .slider-item {
position: absolute;
display: flex;
flex-direction: column;
width: 100%;
padding: 0 25px;
background-color: #820000;
}
@media only screen and (min-width: 640px) {
.rotator-two .rotator .slider-item,
.rotator-four .rotator .slider-item {
padding: 0 55px;
}
}
.rotator-two .rotator .slider-item.active,
.rotator-four .rotator .slider-item.active {
z-index: 1;
position: relative;
}
.rotator-two .rotator h2,
.rotator-four .rotator h2 {
font-size: 20px;
text-transform: none;
color: white;
line-height: 1.25;
margin-bottom: 25px;
letter-spacing: -1.5px;
}
@media only screen and (min-width: 480px) {
.rotator-two .rotator h2,
.rotator-four .rotator h2 {
font-size: 28px;
}
}
@media only screen and (min-width: 640px) {
.rotator-two .rotator h2,
.rotator-four .rotator h2 {
font-size: 36px;
}
}
.rotator-two .rotator p,
.rotator-four .rotator p {
font-size: 13px;
margin-bottom: 30px;
max-width: 365px;
}
@media only screen and (min-width: 640px) {
.rotator-two .rotator p,
.rotator-four .rotator p {
margin-bottom: 50px;
}
}
.rotator-two .rotator .slick-dotted.slick-slider,
.rotator-four .rotator .slick-dotted.slick-slider {
margin-bottom: 10px;
}
.rotator-two .rotator .rotator-controls,
.rotator-four .rotator .rotator-controls {
margin: 75px 0 0 0;
padding: 10px 50px;
}
@media only screen and (max-width: 639px) {
.rotator-two .rotator .rotator-controls,
.rotator-four .rotator .rotator-controls {
margin: 25px 0 0 0;
padding: 10px 20px;
}
}
.rotator-controls button,
.rotator-controls button {
background-color: transparent;
border: 0;
padding: 0;
margin: 0 5px;
cursor: pointer;
height: 48px;
width: 47px;
background-image: url(../images/right-arrow.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
.rotator-controls button:first-of-type,
.rotator-controls button:first-of-type {
background-image: url(../images/left-arrow.svg);
}
.rotator-two .rotator .rotator-controls .slide-indicators,
.rotator-four .rotator .rotator-controls .slide-indicators {
margin-top: 25px;
display: flex;
padding: 0 5px;
}
.rotator-two .rotator .rotator-controls .slide-indicators > div,
.rotator-four .rotator .rotator-controls .slide-indicators > div {
display: inline-block;
border-radius: 50%;
width: 5px;
height: 5px;
margin-right: 8px;
}
.rotator-two .rotator .rotator-controls .slide-indicators > div:last-child,
.rotator-four .rotator .rotator-controls .slide-indicators > div:last-child {
margin-right: 0;
}
.rotator-two .rotator .rotator-controls .slide-indicators button,
.rotator-four .rotator .rotator-controls .slide-indicators button {
height: 100%;
width: 100%;
display: block;
background-color: #727272;
border: none;
border-radius: 100%;
padding: 0;
font-size: 0;
}
.rotator-two.flip .bg-wrapper,
.rotator-four.flip .bg-wrapper {
order: -1;
}
.rotator-four .rotator {
position: relative;
padding-top: 25px;
background-color: #820000;
margin-top: 100px;
}
@media only screen and (min-width: 640px) {
.rotator-four .rotator {
padding-top: 0;
}
}
.rotator-four .rotator:before,
.rotator-four .rotator:after {
content: '';
height: 100%;
width: 100vw;
background-color: #820000;
position: absolute;
top: 0;
pointer-events: none;
}
.rotator-four .rotator:before {
left: -100vw;
}
.rotator-four .rotator:after {
left: 100%;
}
@media only screen and (min-width: 640px) {
.rotator-four .rotator .rotator-section {
width: 25%;
padding: 75px 0;
}
}
@media only screen and (min-width: 640px) {
.rotator-four .rotator .bg-wrapper {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 640px) {
.rotator-four .rotator .bg-wrapper {
margin-top: -50px;
margin-bottom: -50px;
width: 75%;
}
}
.rotator-four .rotator .slider-item {
padding-left: 0;
}
.rotator-four .rotator .rotator-controls {
padding-top: 100px;
padding-left: 0;
}
@media only screen and (max-width: 639px) {
.rotator-four .rotator .rotator-controls {
padding-top: 25px;
}
}
.rotator,
.rotator .rotator-section,
.rotator .slider-item,
.white-bg .rotator,
.white-bg .rotator .rotator-section,
.white-bg .rotator .slider-item,
.rotator:before,
.rotator:after,
.white-bg .rotator:before,
.white-bg .rotator:after {
background-color: #d51525;
}
.rotator h2,
.rotator h3,
.rotator h4,
.rotator,
.white-bg .rotator h2,
.white-bg .rotator h3,
.white-bg .rotator h4 {
color: white;
}
.rotator p,
.white-bg .rotator p {
color: #727272;
}
.rotator .rotator-controls .slide-indicators button,
.white-bg .rotator .rotator-controls .slide-indicators button {
background-color: white;
}
.rotator a.link-container,
.white-bg .rotator a.link-container {
color: white;
}
.red-bg .rotator,
.red-bg .rotator .rotator-section,
.red-bg .rotator .slider-item,
.red-bg .rotator:before,
.red-bg .rotator:after {
background-color: white;
}
.red-bg .rotator h2,
.red-bg .rotator h3,
.red-bg .rotator h4 {
color: #d51525;
}
.red-bg .rotator p {
color: #727272;
}
.red-bg .rotator-three p {
color: white;
}
.red-bg .rotator-controls button,
.red-bg .rotator-controls button {
background-image: url(../images/right-arrow-red.svg);
}
.red-bg .rotator-controls button:first-of-type,
.red-bg .rotator-controls button:first-of-type {
background-image: url(../images/left-arrow-red.svg);
}
.red-bg .rotator .rotator-controls .slide-indicators button {
background-color: #727272;
}
.red-bg .rotator a.link-container {
color: #d51525;
}
.brick-bg .rotator,
.brick-bg .rotator .rotator-section,
.brick-bg .rotator .slider-item,
.brick-bg .rotator:before,
.brick-bg .rotator:after {
background-color: white;
}
.brick-bg .rotator h2,
.brick-bg .rotator h3,
.brick-bg .rotator h4 {
color: #121212;
}
.brick-bg .rotator-controls button,
.brick-bg .rotator-controls button {
background-image: url(../images/right-arrow-red.svg);
}
.brick-bg .rotator-controls button:first-of-type,
.brick-bg .rotator-controls button:first-of-type {
background-image: url(../images/left-arrow-red.svg);
}
.brick-bg .rotator p {
color: #727272;
}
.brick-bg .rotator-three p {
color: white;
}
.brick-bg .rotator .rotator-controls .slide-indicators button {
background-color: #727272;
}
.brick-bg.rotator-right .rotator .rotator-controls .slide-indicators button {
background-color: white;
}
.brick-bg .rotator-two .rotator-controls .slide-indicators button {
background-color: #727272;
}
.brick-bg .rotator a.link-container {
color: #d51525;
}
.gray-bg .rotator,
.gray-bg .rotator .rotator-section,
.gray-bg .rotator .slider-item,
.gray-bg .rotator:before,
.gray-bg .rotator:after {
background-color: #820000;
}
.gray-bg .rotator h2,
.gray-bg .rotator h3,
.gray-bg .rotator h4 {
color: white;
}
.gray-bg .rotator p {
color: white;
}
.gray-bg .rotator .rotator-controls .slide-indicators button {
background-color: white;
}
.gray-bg .rotator a.link-container {
color: white;
}
.rotator a.link-container:hover,
.rotator a.link-container:focus {
color: #FAA634;
}
.rotator-three .rotator-controls button {
background-image: url(../images/right-arrow.svg);
}
.rotator-three .rotator-controls button:first-of-type {
background-image: url(../images/left-arrow.svg);
}
.rotator-container h2 {
text-align: left;
width: 100%;
}
.rotator-two .rotator-container h2, .rotator-two .rotator-container .col-title, .rotator-four .rotator-container h2, .rotator-four .rotator-container .col-title {
text-align: center;
}
.rotator-right .rotator-controls .slide-indicators button{
background-color: white;
}
/*
*************************************************
*************************************************
By The Numbers
*************************************************
*************************************************
*/
.by-the-numbers {
max-width: 1450px;
margin: 0 auto;
z-index: 1;
}
.by-the-numbers .content-container {
padding: 0;
flex-wrap: nowrap;
}
@media only screen and (min-width: 1200px) {
.by-the-numbers .content-container {
display: flex;
}
}
.by-the-numbers .col-left {
width: 100%;
padding: 50px 25px 0;
}
@media only screen and (min-width: 1200px) {
.by-the-numbers .col-left {
padding: 0;
transform: translateY(-40px);
max-width: 500px;
}
}
.by-the-numbers .col-left .calendar-wrapper {
box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.3);
padding: 25px;
background-color: white;
}
@media only screen and (min-width: 640px) {
.by-the-numbers .col-left .calendar-wrapper {
padding: 45px;
}
}
.by-the-numbers .col-left .calendar-wrapper .cust-tabs {
display: flex;
justify-content: space-between;
}
.by-the-numbers .col-left .calendar-wrapper .cust-tabs button {
flex-grow: 1;
font-size: 12px;
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
color: #727272;
padding-bottom: 30px;
background-image: url(../images/svg_sprite.svg#inactiveBorder);
background-size: 105% 4px;
background-position: bottom;
background-repeat: no-repeat;
cursor: pointer;
width: min-content;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.by-the-numbers .col-left .calendar-wrapper .cust-tabs button:first-of-type {
margin-right: 15px;
}
@media only screen and (min-width: 640px) {
.by-the-numbers .col-left .calendar-wrapper .cust-tabs {
justify-content: flex-start;
}
.by-the-numbers .col-left .calendar-wrapper .cust-tabs button {
font-size: 18px;
}
}
@media only screen and (min-width: 1200px) {
.by-the-numbers .col-left .calendar-wrapper .cust-tabs {
justify-content: space-between;
}
.by-the-numbers .col-left .calendar-wrapper .cust-tabs button {}
}
.by-the-numbers .col-left .calendar-wrapper .cust-tabs button.active,
.by-the-numbers .col-left .calendar-wrapper .cust-tabs button:hover {
color: #d51525;
border-bottom: 0;
background-image: url(../images/svg_sprite.svg#bottomBorder);
background-position: bottom;
background-repeat: no-repeat;
}
.by-the-numbers .col-left .calendar-wrapper .calendar.hide-cal {
display: none;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li {
display: block;
border-bottom: 1px solid #cccccc;
padding: 20px 0;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li a {
display: flex;
transition: all .3s ease;
text-decoration: none;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li a:hover {
transform: translateX(15px);
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li .date {
min-width: 115px;
text-align: center;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li .date .num {
color: #121212;
font-size: 72px;
font-family: "gotham_bold", sans-serif;
line-height: 1;
margin-bottom: 3px;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li .date .month {
color: #d51525;
font-size: 13px;
font-family: "gotham_bold", sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li .event {
padding-left: 15px;
color: #121212;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li .event .event-title {
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
font-size: 12px;
margin: 9px 0 10px;
line-height: 1;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li a:hover .event-title {
color: #faa634;
}
.by-the-numbers .col-left .calendar-wrapper .calendar ul li .event .event-description {
font-size: 15px;
line-height: 1.25;
font-weight: normal;
}
.by-the-numbers .col-left .calendar-wrapper .cal-link {
text-transform: uppercase;
color: #727272;
font-weight: 900;
margin: 30px auto 0;
display: table;
font-size: 13px;
text-decoration: none;
}
.by-the-numbers .col-left .calendar-wrapper .cal-link:hover {
color: #faa634;
}
.by-the-numbers .col-right {
width: 100%;
}
@media only screen and (min-width: 1200px) {
.by-the-numbers .col-right {
padding-left: 30px;
}
}
.by-the-numbers .col-right h2 {
font-size: 28px;
color: #d51525;
margin: 75px 0;
text-align: center;
}
@media only screen and (min-width: 640px) {
.by-the-numbers .col-right h2 {
margin: 85px 0;
}
}
.by-the-numbers .col-right .block-container {
width: 100%;
}
.by-the-numbers .col-right .block {
display: block;
width: 100%;
background-size: cover;
background-position: center;
margin-bottom: 25px;
overflow: hidden;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
position: relative;
}
.by-the-numbers .col-right .block:before {
display: block;
content: "";
width: 100%;
padding-top: 125%;
}
.by-the-numbers .col-right .block > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.by-the-numbers .col-right .block:first-child {
transition-delay: .3s;
}
.by-the-numbers .col-right .block:last-child {
transition-delay: .6s;
}
@media only screen and (min-width: 640px) {
.by-the-numbers .col-right .block {
width: calc(100% / 3);
margin-bottom: 0;
height: 540px;
}
}
.by-the-numbers .col-right .block:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(3, 2, 2, 0.2) 0%, rgba(3, 2, 2, 0) 15%, rgba(3, 2, 2, 0) 70%, #030202 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(3, 2, 2, 0.2) 0%, rgba(3, 2, 2, 0) 15%, rgba(3, 2, 2, 0) 70%, #030202 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(3, 2, 2, 0.2) 0%, rgba(3, 2, 2, 0) 15%, rgba(3, 2, 2, 0) 70%, #030202 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (min-width: 640px) {
.by-the-numbers .col-right .block {
position: relative;
opacity: 0;
}
.by-the-numbers .col-right .block:before {
display: block;
content: "";
width: 100%;
padding-top: 177.777777778%;
}
.by-the-numbers .col-right .block > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.by-the-numbers .col-right .block.visible {
opacity: 1;
}
.by-the-numbers .col-right .block:first-child {
transform: translateY(100px);
}
.by-the-numbers .col-right .block:first-child.visible {
transform: translateY(30px);
}
.by-the-numbers .col-right .block:nth-child(2) {
transform: translateY(100px);
}
.by-the-numbers .col-right .block:nth-child(2).visible {
transform: translateY(0);
}
.by-the-numbers .col-right .block:last-child {
transform: translateY(100px);
}
.by-the-numbers .col-right .block:last-child.visible {
transform: translateY(60px);
}
}
.by-the-numbers .col-right .block .bg-image {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.by-the-numbers .col-right .block .content {
z-index: 1;
}
.by-the-numbers .col-right .block .copy {
text-align: center;
position: absolute;
bottom: 25px;
width: 100%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.by-the-numbers .col-right .block .copy .num {
font-family: "gotham_bold", sans-serif;
color: white;
font-size: 92px;
line-height: 1;
margin-bottom: 10px;
text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
.by-the-numbers .col-right .block .copy .num {
font-size: 9vw;
}
}
@media only screen and (min-width: 1200px) {
.by-the-numbers .col-right .block .copy .num {
font-size: 5vw;
}
}
.by-the-numbers .col-right .block .copy .info {
color: #faa634;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
}
.by-the-numbers .col-right .block:hover .bg-image {
transform: scale(1.05);
}
.by-the-numbers .col-right .block:hover .copy {
bottom: 35px;
}
/*
*************************************************
*************************************************
Image with border testimonial
*************************************************
*************************************************
*/
.imge-border-section {
width: 100%;
display: block;
padding: 100px 25px 150px;
}
@media only screen and (min-width: 640px) {
.imge-border-section {
padding: 175px 50px;
}
}
.imge-border-section .content-container {
display: block;
padding: 0;
width: 100%;
margin: 0 auto;
max-width: 1200px;
position: relative;
}
.imge-border-section .content-container .img-container {
width: 100%;
background-size: cover;
background-position: center;
position: relative;
}
.imge-border-section .content-container .img-container:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.imge-border-section .content-container .img-container > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container .img-container {
max-width: 435px;
position: relative;
}
.imge-border-section .content-container .img-container:before {
display: block;
content: "";
width: 100%;
padding-top: 125%;
}
.imge-border-section .content-container .img-container > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.imge-border-section .content-container h2 {
text-align: center;
font-size: 22px;
margin: 0 auto 75px;
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container h2 {
position: absolute;
top: -100px;
font-size: 28px;
left: 50%;
transform: translateX(-50%);
}
}
.imge-border-section .content-container .border-wrapper {
position: relative;
}
.imge-border-section .content-container .border-wrapper:before,
.imge-border-section .content-container .border-wrapper:after {
position: absolute;
color: #faa634;
font-size: 110px;
display: block;
z-index: 1;
line-height: 0;
font-family: "gotham_black", sans-serif;
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container .border-wrapper:before,
.imge-border-section .content-container .border-wrapper:after {
font-size: 160px;
}
}
.imge-border-section .content-container .border-wrapper:before {
content: "\201C";
top: 32px;
left: 44px;
}
.imge-border-section .content-container .border-wrapper:after {
content: "\201D";
bottom: 0px;
right: 44px;
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container .border-wrapper:after {
bottom: -14px;
}
}
.imge-border-section .content-container .copy-container {
padding: 25px 50px 55px;
width: 100%;
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container .copy-container {
padding: 100px;
display: flex;
flex-direction: column;
}
}
.imge-border-section .content-container .copy-container p {
font-size: 16px;
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container .copy-container p {
font-size: 20px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1024px) {
.imge-border-section .content-container .copy-container p {
font-size: 24px;
}
}
.imge-border-section .content-container .copy-container p > div {
white-space: nowrap;
}
.imge-border-section .content-container .copy-container .name {
font-family: "Leckerli One", cursive;
font-size: 26px;
padding-right: 8px;
}
.imge-border-section .content-container .copy-container .year {
font-size: 12px;
font-family: "gotham_bold", sans-serif;
padding-left: 3px;
transform: translateY(6px);
letter-spacing: .5px;
text-transform: uppercase;
}
.imge-border-section .content-container .copy-container .seperator {
color: #faa634;
font-size: 24px;
font-family: "gotham_bold", sans-serif;
transform: translateY(5px);
}
.imge-border-section .content-container .copy-container .credential-block {
margin-top: 50px;
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container .copy-container .credential-block {
margin-top: auto;
}
}
.imge-border-section .content-container .copy-container .credential-block > span {
position: relative;
display: inline-block;
}
.imge-border-section .content-container .copy-container .excerpt {
margin-top: 50px;
}
.imge-border-section .content-container .copy-container .excerpt p {
font-size: 14px;
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container .copy-container .excerpt p {
font-size: 16px;
}
}
.imge-border-section .content-container .link-container {
position: absolute;
text-align: center;
left: 0;
right: 0;
}
.imge-border-section .content-container .column-right .link-container a {
width: 100%;
white-space: nowrap;
padding: 20px;
margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) {
.imge-border-section .content-container .column-right .link-container a {
margin-bottom: 0;
}
}
@media only screen and (min-width: 640px) {
.imge-border-section .content-container .column-right .link-container {
margin-top: 60px;
}
.imge-border-section .content-container .column-right .link-container a {
min-width: 35%;
width: auto;
}
}
@media only screen and (min-width: 1200px) {
.imge-border-section .content-container .column-right .link-container {
margin-top: 60px;
}
.imge-border-section .content-container .column-right .link-container a {
display: inline-block;
}
.imge-border-section .content-container .column-right .link-container a:first-child {
margin-right: 15px;
}
}
/*
*************************************************
*************************************************
Home Get Started
*************************************************
*************************************************
*/
.get-started-section {
margin-bottom: 50px;
padding: 100px 25px 35px;
font-family: "gotham_bold", sans-serif;
z-index: 1;
}
@media only screen and (min-width: 640px) {
.get-started-section {}
}
.get-started-section .content-container {
padding: 0;
}
.get-started-section h2 {
display: table;
margin: 0 auto 45px;
color: #d51525;
font-size: 28px;
}
.get-started-section ul {
justify-content: space-between;
list-style-type: none;
margin: 0;
}
.get-started-section ul li {
color: #d51525;
width: 100%;
text-transform: uppercase;
text-align: center;
background-color: white;
padding: 35px 25px;
margin-bottom: 1.75rem;
}
@media only screen and (min-width: 640px) {
.get-started-section ul li {
margin-bottom: 0;
width: 33.33%;
width: calc(100% / 3 - 25px);
transform: translateY(45px);
box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.3);
}
}
@media only screen and (min-width: 1200px) {
.get-started-section ul li {
padding: 45px 50px;
}
}
.get-started-section ul li .buttons {
margin-top: 35px;
}
.get-started-section ul li a {
width: 100%;
height: 44px;
line-height: 44px;
margin-bottom: 20px;
padding: 0;
background-size: 95% 95%;
}
.get-started-section ul li a:last-child {
margin-bottom: 0;
}
/*
*************************************************
*************************************************
Home Around Campus | Staggered Columns
*************************************************
*************************************************
*/
.home-around-campus-section,
.staggered-columns-section {
text-align: center;
padding: 50px 0;
}
.home-around-campus-section .content-container,
.staggered-columns-section .content-container {
padding-top: 0;
padding-bottom: 0;
}
.home-around-campus-section .block-title,
.staggered-columns-section .block-title {
text-transform: uppercase;
font-family: "gotham_bold", sans-serif;
font-size: 12px;
margin-bottom: 12px;
}
.home-around-campus-section p,
.staggered-columns-section p {
font-size: 21px;
font-weight: 700;
margin-bottom: 25px;
}
.home-around-campus-section .custom-columns,
.staggered-columns-section .custom-columns {
padding: 0;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 640px) {
.home-around-campus-section .custom-columns,
.staggered-columns-section .custom-columns {
flex-direction: row;
}
}
.home-around-campus-section .col,
.staggered-columns-section .col {
display: flex;
flex-direction: column;
width: 100%;
}
@media only screen and (min-width: 640px) {
.home-around-campus-section .col,
.staggered-columns-section .col {
display: block;
}
}
.home-around-campus-section .col:nth-child(1),
.staggered-columns-section .col:nth-child(1) {
order: 1;
}
@media only screen and (min-width: 640px) {
.home-around-campus-section .col:nth-child(1),
.staggered-columns-section .col:nth-child(1) {
order: 0;
}
}
@media only screen and (min-width: 640px) {
.home-around-campus-section .col,
.staggered-columns-section .col {
width: 33.33%;
width: calc(100% / 3);
}
.home-around-campus-section .col .sixty,
.staggered-columns-section .col .sixty {
height: 55%;
height: calc(60% - 40px);
}
.home-around-campus-section .col .forty,
.staggered-columns-section .col .forty {
height: 35%;
height: calc(40% - 40px);
}
.home-around-campus-section .col .fifty,
.staggered-columns-section .col .fifty {
height: 45%;
height: calc(50% - 40px);
}
.home-around-campus-section .col.short,
.staggered-columns-section .col.short {
position: relative;
top: 40px;
}
}
.home-around-campus-section .col .block,
.staggered-columns-section .col .block {
color: white;
position: relative;
min-height: 300px;
display: block;
}
.home-around-campus-section .col .block.has-copy:before,
.staggered-columns-section .col .block.has-copy:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(18,18,18,.8);
z-index: 1;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
transition-delay: .5s;
}
@media only screen and (min-width: 1024px) {
.home-around-campus-section .col .block.has-copy:before,
.staggered-columns-section .col .block.has-copy:before {
width: 0;
}
}
.home-around-campus-section .col .block.has-copy .bg,
.staggered-columns-section .col .block.has-copy .bg {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
transition-delay: 1.2s;
}
.home-around-campus-section .col .block .bg,
.staggered-columns-section .col .block .bg {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center;
}
.home-around-campus-section .col .block.middle,
.staggered-columns-section .col .block.middle {
background-color: #820000;
padding: 125px 25px;
font-size: 28px;
font-family: "gotham_bold", sans-serif;
text-align: center;
text-transform: uppercase;
min-height: initial;
order: -1;
}
@media only screen and (min-width: 640px) {
.home-around-campus-section .col .block.middle,
.staggered-columns-section .col .block.middle {
order: 0;
}
}
.home-around-campus-section .col .block.visible.has-copy:before,
.staggered-columns-section .col .block.visible.has-copy:before {
width: 100%;
}
.home-around-campus-section .col .block.visible.has-copy .bg,
.staggered-columns-section .col .block.visible.has-copy .bg {
filter: grayscale(100%);
}
.home-around-campus-section .col .content,
.staggered-columns-section .col .content {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 25px;
z-index: 2;
left: 0;
right: 0;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
transition-delay: 1.2s;
}
@media only screen and (min-width: 1024px) {
.home-around-campus-section .col .content,
.staggered-columns-section .col .content {
opacity: 0;
transform: translateY(-35%);
}
}
.home-around-campus-section .col .content .link,
.staggered-columns-section .col .content .link {
font-size: 13px;
text-transform: uppercase;
position: relative;
display: inline-block;
}
.home-around-campus-section .col a:hover .content .link,
.staggered-columns-section .col a:hover .content .link {
color: #FAA634;
}
.home-around-campus-section .col .block .content .link:after,
.staggered-columns-section .col .block .content .link:after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
height: 4px;
background-size: 100% 100%;
background-repeat: no-repeat;
width: 0;
background-image: url(../images/svg_sprite.svg#whiteBorder);
}
.home-around-campus-section .col .block:hover .content .link:after,
.staggered-columns-section .col .block:hover .content .link:after {
width: 100%;
}
.home-around-campus-section .col .visible .content,
.staggered-columns-section .col .visible .content {
opacity: 1;
transform: translateY(-50%);
}
.home-around-campus-section .col.center-col .block:last-child,
.staggered-columns-section .col.center-col .block:last-child {
order: -1;
}
@media only screen and (min-width: 640px) {
.home-around-campus-section .col.center-col .block:last-child,
.staggered-columns-section .col.center-col .block:last-child {
order: 0;
}
}
/*
*************************************************
*************************************************
Fixed Sticky nav on scroll | Tertiary Nav
*************************************************
*************************************************
*/
.menu a,
.menu .button {
line-height: initial;
padding: 0;
}
.tertiary-menu-mobile {
display: none;
}
.fixed-nav-on-scroll,
.tertiary-nav {
background-color: #820000;
text-align: center;
color: white;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.tertiary-nav a.active,
.tertiary-nav a.active:hover {
color: #cccccc;
cursor: default;
}
.tertiary-nav .drilldown a {
background: none;
padding: 0;
}
.tertiary-nav .drilldown .is-drilldown-submenu {
background:#820000;
padding: 0 25px 25px;
}
.drilldown .is-drilldown-submenu-parent>a::after {
position: absolute;
top: 50%;
margin-top: -16px;
right: 23px;
display: block;
width: 0;
height: 0;
color: white;
content: '\e048';
font-family: "linea-arrows-10";
font-weight: normal;
border: none;
font-size: 29px;
}
.drilldown .js-drilldown-back>a::before {
width: 0;
height: 0;
content: '\e03f';
font-family: "linea-arrows-10";
border: none;
display: inline-block;
vertical-align: middle;
margin-right: 1.5rem;
border-left-width: 0;
line-height: 0;
}
.drilldown .js-drilldown-back>a::after,
.drilldown .js-drilldown-back>a:hover:after {
background-image: none;
content: '';
}
@media only screen and (max-width: 1023px) {
.fixed-nav-on-scroll ul li a:after,
.tertiary-nav ul li a:after {
position: absolute;
right: 12px;
top: -6px;
height: 19px;
width: 11px;
content: '\e04b';
font-family: "linea-arrows-10";
font-weight: normal;
font-size: 29px;
background-image: url();
}
}
.fixed-nav-on-scroll .content-container,
.tertiary-nav .content-container {
padding: 20px 25px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fixed-nav-on-scroll ul,
.tertiary-nav ul {
display: inline-block;
padding: 0 25px 25px;
text-align: left;
width: 100%;
}
@media only screen and (min-width: 1024px) {
.fixed-nav-on-scroll ul,
.tertiary-nav ul {
text-align: center;
padding: 15px 25px;
}
}
.fixed-nav-on-scroll ul ul,
.tertiary-nav ul ul {
padding: 0;
margin: 0;
}
.fixed-nav-on-scroll ul ul li:first-child,
.tertiary-nav ul ul li:first-child {
margin-top: 0;
border-top: 1px solid #d51525;
}
.fixed-nav-on-scroll ul ul li:last-child,
.tertiary-nav ul ul li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.fixed-nav-on-scroll ul li,
.tertiary-nav ul li {
display: block;
padding: 15px 0;
}
@media only screen and (max-width: 1023px) {
.fixed-nav-on-scroll ul li,
.tertiary-nav ul li {
border-bottom: 1px solid #d51525;
}
.fixed-nav-on-scroll ul li a,
.tertiary-nav ul li a {
display: block;
position: relative;
}
.fixed-nav-on-scroll ul li a:hover,
.fixed-nav-on-scroll ul li a.active,
.tertiary-nav ul li a:hover,
.tertiary-nav ul li a.active {
color: #faa634;
}
.fixed-nav-on-scroll ul li.open > a,
.tertiary-nav ul li.open > a {
color: #faa634;
}
.fixed-nav-on-scroll ul li.open > a:after,
.tertiary-nav ul li.open > a:after {
transform: rotate(90deg);
background-image: url(../images/cc-right-arrow-yellow.png);
}
.fixed-nav-on-scroll ul li:first-child,
.tertiary-nav ul li:first-child {
border-top: 1px solid #d51525;
}
}
@media only screen and (min-width: 1024px) {
.fixed-nav-on-scroll ul li,
.tertiary-nav ul li {
display: inline-block;
padding: 5px 15px;
}
}
@media only screen and (min-width: 1200px) {
.fixed-nav-on-scroll ul li,
.tertiary-nav ul li {
padding: 5px 25px;
}
}
.fixed-nav-on-scroll ul li a,
.tertiary-nav ul li a {
color: white;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
.fixed-nav-on-scroll ul li a,
.tertiary-nav ul li a {
font-size: 16px;
}
}
.fixed-nav-on-scroll ul li a:hover,
.tertiary-nav ul li a:hover {
color: #faa634;
}
.fixed-nav-on-scroll ul li.is-accordion-submenu-parent > a:hover:after,
.fixed-nav-on-scroll ul li.is-accordion-submenu-parent > a.active:after,
.tertiary-nav ul li.is-accordion-submenu-parent > a:hover:after,
.tertiary-nav ul li.is-accordion-submenu-parent > a.active:after {
background-image: url(../images/svg_sprite.svg#plus);
}
.fixed-nav-on-scroll ul li.is-accordion-submenu-parent > a:after,
.tertiary-nav ul li.is-accordion-submenu-parent > a:after {
transform: rotate(0);
height: 16px;
width: 16px;
background-image: url(../images/svg_sprite.svg#plus);
}
.fixed-nav-on-scroll ul li.is-accordion-submenu-parent.open > a:after,
.tertiary-nav ul li.is-accordion-submenu-parent.open > a:after {
background-image: url(../images/svg_sprite.svg#close);
}
.hero.interior-main .tertiary-nav {
order: 2;
}
/*
*************************************************
*************************************************
Vertical Nav
*************************************************
*************************************************
*/
.vert-nav {
list-style-type: none;
margin: 0;
padding: 0 0 0 15px;
}
h3.vert-nav ~ ul.vert-nav, h3.vert-nav{
padding: 0;
line-height: 20px;
}
h3.vert-nav a {
text-decoration: none;
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
position: relative;
display: block;
}
h3.vert-nav span.text {
padding: 0px 0px 0px 30px;
display: block;
}
h3.vert-nav i.nav-up {
position: absolute;
top: 0px;
left: 0px;
}
h3.vert-nav i.nav-up::before {
content: '\e083';
font-family: "linea-arrows-10" !important;
top: calc(50% - 16px);
color: #727272;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 20px;
margin: 0px 10px 0px 0px;
}
.vert-nav li {
width: 100%;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding: 0 15px;
margin-top: -1px;
}
.vert-nav li:first-of-type{
border-top: none;
}
.vert-nav li a {
color: #121212;
font-size: 14px;
font-weight: bold;
padding: 15px 0;
display: block;
position: relative;
text-decoration: none;
}
.vert-nav li:hover a{
color: #121212;
}
.vert-nav li a span {
position: relative;
display: inline-block;
max-width: 90%;
line-height: 20px;
}
.vert-nav:first-child > li:first-child a span {
font-size: 18px;
color: #d51525;
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
margin: 0;
}
.vert-nav li a:hover span:before,
.vert-nav li a:focus span:before,
.vert-nav .current a span:before {
content: '';
width: 100%;
height: 2px;
background-color: #faa634;
position: absolute;
bottom: -18px;
left: 0;
}
.active.folder + .vert-nav li {
border-left: 1px solid #cccccc;
}
.vert-nav .active {
position: relative;
}
.vert-nav .active a {
color: #d51525;
}
.vert-nav .folder {
position: relative;
}
.vert-nav .folder:before {
content: '\e048';
font-family: "linea-arrows-10" !important;
position: absolute;
right: 15px;
top: calc(50% - 16px);
font-size: 20px;
}
.vert-nav .active.folder:before {
content: '\e019';
font-family: "linea-arrows-10" !important;
position: absolute;
right: 15px;
top: calc(50% - 16px);
}
.vert-nav.folder:before {
content: '';
}
@media only screen and (min-width: 1024px) {
.vert-nav {}
}
@media only screen and (min-width: 1024px) {
.vert-nav li a {
font-size: 16px;
}
}
.vert-nav li a.active:before {
position: absolute;
right: 0;
top: 17px;
height: 19px;
width: 11px;
content: "";
background-image: url(../images/cc-right-arrow.png);
background-position: center;
background-size: cover;
}
/*
*************************************************
*************************************************
Inner Nav
*************************************************
*************************************************
*/
.inner-nav {
background-color: white;
text-align: center;
color: white;
font-weight: bold;
border-bottom: 1px solid #cccccc;
}
.inner-nav .content-container {
padding: 0 25px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.inner-nav ul {
display: inline-block;
padding: 0 25px;
text-align: left;
width: 100%;
margin-bottom: 0;
}
@media only screen and (min-width: 640px) {
.inner-nav ul {
text-align: center;
padding: 0 25px;
}
}
.inner-nav ul li {
display: block;
padding: 0;
}
@media only screen and (min-width: 640px) {
.inner-nav ul li {
display: inline-block;
padding: 0 10px;
}
}
@media only screen and (min-width: 1200px) {
.inner-nav ul li {
padding: 0 15px;
}
}
.inner-nav ul li a {
color: #121212;
font-size: 14px;
font-weight: bold;
padding: 15px 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.inner-nav ul li a:after {
content: '';
width: 100%;
height: 2px;
background-color: #faa634;
position: absolute;
bottom: 0;
left: 0;
display: none;
}
@media only screen and (min-width: 1024px) {
.inner-nav ul li a {
font-size: 16px;
}
}
.inner-nav ul li a:hover:after,
.inner-nav ul li a:hover:after,
.inner-nav ul li a.active:after {
display: block;
}
/*
*************************************************
*************************************************
Centered Copy w/Circle blocks | Centered Copy Module | Centered Circle Blocks
*************************************************
*************************************************
*/
@keyframes dash {
from {
stroke-dashoffset: 560;
}
to {
stroke-dashoffset: 0;
}
}
.centered-copy-w-circles h2,
.centered-copy-module h2,
.centered-circles h2 {
font-size: 28px;
line-height: 1.25;
margin-bottom: 35px;
text-transform: none;
width: 100%;
}
@media only screen and (min-width: 640px) {
.centered-copy-w-circles h2,
.centered-copy-module h2,
.centered-circles h2 {
font-size: 36px;
}
}
.centered-copy-w-circles p,
.centered-copy-module p,
.centered-circles p {
margin-bottom: 0;
line-height: 2;
text-align: center;
}
.centered-copy-w-circles .button-container,
.centered-copy-module .button-container,
.centered-circles .button-container {
text-align: center;
justify-content: center;
}
.centered-copy-w-circles .button-container > a,
.centered-copy-module .button-container > a,
.centered-circles .button-container > a {
margin-bottom: 25px;
}
.links a,
.white-bg .links a,
.gray-bg .links a {
font-size: 13px;
text-transform: uppercase;
color: #727272;
font-weight: 700;
text-decoration: none;
}
.links a:hover,
.white-bg .links a:hover,
.gray-bg .links a:hover {
color: #FAA634;
}
.brick-bg .links a,
.red-bg .links a {
color: white;
}
.brick-bg .links a:hover,
.red-bg .links a:hover {
color: white;
}
.centered-copy-w-circles .repeating-img-row,
.centered-copy-module .repeating-img-row,
.centered-circles .repeating-img-row {
margin-top: 35px;
}
@media only screen and (min-width: 640px) {
.centered-copy-w-circles .repeating-img-row,
.centered-copy-module .repeating-img-row,
.centered-circles .repeating-img-row {
margin-top: 50px;
}
}
.circle-container {
display: flex;
margin: 0 auto 15px;
flex-wrap: wrap;
justify-content: space-around;
max-width: 1140px;
}
.circle-container.short {
margin: 15px auto;
}
.circle-container .circle-block {
position: relative;
margin: 0px 0px 50px;
padding: 0 15px;
max-width: 180px;
}
.circle-container .circle-block .circle {
position: relative;
width: 180px;
max-width: 180px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.circle-container .circle-block .circle:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.circle-container .circle-block .circle > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.circle-container .circle-block .circle svg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: rotate(-90deg);
}
.circle-container .circle-block .circle .yellow-circle {
stroke-dasharray: 560;
stroke-dashoffset: 0;
animation: dash .75s linear;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.circle-container .circle-block .circle .content {
display: flex;
justify-content: center;
align-items: center;
}
.circle-container .circle-block .number {
font-size: 60px;
font-family: "gotham_bold", sans-serif;
opacity: 0;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
transition-delay: .25s;
}
.white-bg .circle-container .circle-block .number,
.gray-bg .circle-container .circle-block .number {
color: #121212;
}
.brick-bg .circle-container .circle-block .number,
.red-bg .circle-container .circle-block .number {
color: white;
}
.circle-container .circle-block p {
font-size: 15px;
font-weight: bold;
margin-top: 20px;
}
.circle-container .circle-block.visible .circle .yellow-circle {
-webkit-animation-play-state: running;
animation-play-state: running;
}
.circle-container .circle-block.visible .number {
opacity: 1;
}
.safari .yellow-circle {
stroke-dasharray: 0 !important;
}
/*
*************************************************
*************************************************
Text Left / Offset grid right
*************************************************
*************************************************
*/
.text-offset-grid {
color: white;
z-index: 1;
}
.text-offset-grid .content-container {
padding-top: 0;
padding-bottom: 0;
}
.text-offset-grid .col-left {
width: 100%;
padding: 50px 0;
}
@media only screen and (min-width: 1024px) {
.text-offset-grid .col-left {
max-width: 435px;
padding: 100px 25px;
align-items: center;
}
}
.text-offset-grid .col-left .content-block {
max-width: 500px;
text-align: center;
margin: 0 auto;
}
.text-offset-grid .col-left h2,
.text-offset-grid .col-left p {
margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.text-offset-grid .col-left h2,
.text-offset-grid .col-left p {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.text-offset-grid .col-left h2,
.text-offset-grid .col-left p {
margin-bottom: 90px;
}
}
.text-offset-grid .col-right {
width: 100%;
padding: 0;
}
@media only screen and (min-width: 1024px) {
.text-offset-grid .col-right {
width: 55%;
padding: 0 25px 0 0;
}
}
.text-offset-grid .col-right .content-block {
justify-content: space-between;
max-width: 860px;
flex-wrap: wrap;
}
.text-offset-grid .content-container {
padding-bottom: 25px;
justify-content: space-around;
}
@media only screen and (min-width: 640px) {
.text-offset-grid .content-container {
padding-bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.text-offset-grid .content-container {
display: flex;
}
}
.text-offset-grid .content-container .item {
width: 100%;
text-align: center;
margin: 0 auto 25px;
position: relative;
display: block;
overflow: hidden;
}
@media only screen and (min-width: 640px) {
.text-offset-grid .content-container .item {
width: 50%;
margin: 0;
}
.text-offset-grid .content-container .item:nth-child(odd) {
top: -25px;
}
.text-offset-grid .content-container .item:nth-child(even) {
transition-delay: .15s;
}
}
.text-offset-grid .content-container .item .item-wrapper {
background-size: cover;
background-position: center;
position: relative;
}
.text-offset-grid .content-container .item .item-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 70%;
}
.text-offset-grid .content-container .item .item-wrapper > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.text-offset-grid .content-container .item .item-wrapper:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
transition-delay: .5s;
background: -moz-linear-gradient(top, rgba(3, 2, 2, 0.2) 0%, rgba(3, 2, 2, 0) 25%, rgba(3, 2, 2, 0) 35%, #030202 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(3, 2, 2, 0.2) 0%, rgba(3, 2, 2, 0) 25%, rgba(3, 2, 2, 0) 35%, #030202 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(3, 2, 2, 0.2) 0%, rgba(3, 2, 2, 0) 25%, rgba(3, 2, 2, 0) 35%, #030202 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (min-width: 640px) {
.text-offset-grid .content-container .item .item-wrapper:after {
opacity: 0;
}
}
.text-offset-grid .content-container .item .item-wrapper .bg-block {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
top: 0;
left: 0;
}
.text-offset-grid .content-container .item .item-wrapper .bg-block:before {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
content: '';
left: 0;
position: absolute;
height: 100%;
width: 100%;
background-color: #820000;
opacity: .85;
}
.text-offset-grid .content-container .item .item-wrapper.visible .bg-block:before {
left: 100%;
width: 100%;
}
.text-offset-grid .content-container .item .item-wrapper.visible:after {
opacity: 1;
}
.text-offset-grid .content-container .item .item-wrapper.visible .copy {
opacity: 1;
transform: translateY(0);
}
.text-offset-grid .content-container .item img {
width: 100%;
}
.text-offset-grid .content-container .item .copy {
padding: 25px 25px 40px;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media only screen and (min-width: 640px) {
.text-offset-grid .content-container .item .copy {
opacity: 0;
transform: translateY(25px);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transition-delay: .5s;
}
}
@media only screen and (min-width: 1024px) {
.text-offset-grid .content-container .item .copy {
padding: 0px 0px 25px;
}
}
.text-offset-grid .content-container .item p {
margin: 0 0 40px;
}
.text-offset-grid .content-container .item .link {
font-size: 16px;
font-weight: 900;
position: relative;
text-transform: uppercase;
display: inline-block;
max-width: 210px;
color: white;
}
.text-offset-grid .content-container .item .link:after {
content: '';
position: absolute;
bottom: -10px;
width: 0%;
left: 0;
height: 4px;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url("../images/svg_sprite.svg#bottomBorder");
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.text-offset-grid .content-container .item:hover .link:after {
width: 100%;
}
.text-offset-grid .content-container .item:nth-child(even) .item-wrapper .bg-block:before {
transition-delay: .5s;
}
.text-offset-grid .content-container .item:nth-child(even) .item-wrapper:after {
transition-delay: 1s;
}
.text-offset-grid .content-container .item:nth-child(even) .item-wrapper .copy {
transition-delay: 1s;
}
/*
*************************************************
*************************************************
Full Image Left / Half Text Right
*************************************************
*************************************************
*/
.full-img-half-text .content-container {
padding-top: 50px;
padding-bottom: 0;
max-width: none;
}
.full-img-half-text .content-container .column-left {
background-position: center;
background-size: cover;
order: -1;
position: relative;
}
@media only screen and (min-width: 640px) {
.full-img-half-text.photo-left .content-container {
padding: 100px 50px 100px 0;
}
.full-img-half-text.photo-right .content-container {
padding: 100px 0 100px 50px;
}
}
@media only screen and (min-width: 640px) {
.full-img-half-text .content-container .column-left {
order: 0;
}
}
.full-img-half-text .content-container .column-left:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.full-img-half-text .content-container .column-left > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.full-img-half-text .content-container .column-left .content {
display: flex;
padding: 50px 25px;
max-width: 770px;
width: 100%;
margin-left: auto;
}
@media only screen and (min-width: 640px) {
.full-img-half-text .content-container .column-left .content {
padding: 60px 50px;
}
}
.full-img-half-text .content-container .column-left .copy {
max-width: 435px;
margin-top: auto;
background-color: #820000;
color: white;
padding: 30px;
}
.full-img-half-text .content-container .column-left .copy h3 {
text-transform: none;
}
.full-img-half-text .content-container .column-left .copy a {
margin-top: 30px;
font-size: 13px;
display: inline-block;
}
.full-img-half-text .content-container .column-right {
padding: 50px 25px;
}
@media only screen and (min-width: 640px) {
.full-img-half-text .content-container .column-right {
padding: 50px;
}
}
@media only screen and (min-width: 1024px) {
.full-img-half-text .content-container .column-right {
padding: 150px 80px;
}
}
.full-img-half-text .content-container .column-right .copy {
max-width: 640px;
}
.full-img-half-text .content-container .column-right h2 {
margin-bottom: 35px;
}
.full-img-half-text .content-container .column-right p {
font-size: 13px;
line-height: 2.5;
}
.full-img-half-text .content-container .column-right .link-container {
display: block;
margin-top: 35px;
overflow: hidden;
}
.full-img-half-text .content-container .column-right .link-container a {
width: 100%;
}
@media only screen and (min-width: 1200px) {
.full-img-half-text .content-container .column-right .link-container {
white-space: nowrap;
}
}
.full-img-half-text .content-container .column-right .link-container a {
padding: 20px;
margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) {
.full-img-half-text .content-container .column-right .link-container a {
margin-bottom: 0;
}
}
@media only screen and (min-width: 640px) {
.full-img-half-text .content-container .column-right .link-container {
margin-top: 60px;
}
.full-img-half-text .content-container .column-right .link-container a {
min-width: 35%;
width: auto;
}
}
@media only screen and (min-width: 1200px) {
.full-img-half-text .content-container .column-right .link-container {
margin-top: 60px;
}
.full-img-half-text .content-container .column-right .link-container a {
display: inline-block;
}
.full-img-half-text .content-container .column-right .link-container a:first-child {
margin-right: 15px;
}
}
/*
*************************************************
*************************************************
Half Image Left / Half Text Right
*************************************************
*************************************************
*/
.half-img-half-text .content-container {
padding: 50px 25px;
}
@media only screen and (min-width: 640px) {
.half-img-half-text .content-container {
padding: 80px 50px;
}
}
.half-img-half-text .content-container .column-img {
order: -1;
padding: 25px 0;
}
@media only screen and (min-width: 640px) {
.half-img-half-text .content-container .column-img {
padding: 0;
order: 0;
position:relative;
}
}
.half-img-half-text .content-container .column-img .img-wrap {
height: 100%;
width: 100%;
padding: 25px;
}
@media only screen and (min-width: 640px) {
.half-img-half-text .content-container .column-img .img-wrap {
padding: 0 50px 0 0;
position:absolute;
}
.half-img-half-text.photo-right .content-container .column-img .img-wrap {
padding: 0 0 0 50px;
}
}
@media only screen and (min-width: 1024px) {
.half-img-half-text .content-container .column-img .img-wrap {
padding: 0 100px 0 0;
}
.half-img-half-text.photo-right .content-container .column-img .img-wrap {
padding: 0 0 0 100px;
}
}
@media only screen and (max-width: 640px) {
.half-img-half-text .content-container .column-img .img-wrap {
position: relative;
}
.half-img-half-text .content-container .column-img .img-wrap:before {
display: block;
content: "";
width: 100%;
padding-top: 50%;
}
.half-img-half-text .content-container .column-img .img-wrap > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.half-img-half-text .content-container .column-img .img-wrap .content {
height: 100%;
width: 100%;
background-position: center;
background-size: cover;
position: absolute;
}
@media only screen and (min-width: 640px) {
.half-img-half-text .content-container .column-img .img-wrap .content {
position: relative;
}
}
.half-img-half-text .content-container .column-text {
padding: 25px 0;
}
.title-copy-cta h2 {
margin-bottom: 35px;
text-transform: none;
}
.title-copy-cta p {
font-size: 13px;
line-height: 2.5;
}
.title-copy-cta .link-container {
display: block;
margin-top: 35px;
overflow: hidden;
}
@media only screen and (min-width: 640px) {
.title-copy-cta .link-container {
margin-top: 60px;
}
}
@media only screen and (min-width: 1200px) {
.title-copy-cta .link-container {
margin-top: 60px;
}
}
.title-copy-cta .link-container a {
margin-bottom: 20px;
padding: 20px 15px;
width: 100%;
}
@media only screen and (min-width: 640px) {
.title-copy-cta .link-container a {
min-width: 35%;
width: auto;
}
.title-copy-cta .link-container a:nth-child(odd) {
margin-right: 5%;
}
}
.half-img-half-text .play-video{
width:100%;
height:100%;
}
/*
*************************************************
*************************************************
Half Text Left / Half Image Right
*************************************************
*************************************************
*/
.half-img-half-text.flip .content-container .column-img {
order: -1 !important;
}
.half-img-half-text.flip .content-container .column-img .img-wrap {
height: 100%;
width: 100%;
padding: 25px;
}
@media only screen and (min-width: 1024px) {
.half-img-half-text.flip .content-container .column-img .img-wrap {
padding: 0 50px 0 0;
}
}
@media only screen and (min-width: 1200px) {
.half-img-half-text.flip .content-container .column-img .img-wrap {
padding: 0 100px 0 0;
}
}
/*
*************************************************
*************************************************
Get In Touch Section | From Left with Hours Right | Admissions Forms | Form - Form | Form Single Column
*************************************************
*************************************************
*/
.form-left-form-right,
.form-left-form-right {
padding: 0;
overflow: hidden;
}
.form-left-form-right .row .row,
.form-left-form-right .row .row {
margin-right: 0;
margin-left: 0;
}
.form-left-form-right .row,
.form-left-form-right .row {
width: 100%;
}
.form-left-form-right .content-container,
.form-left-form-right .content-container {
padding: 0;
}
.form-left-form-right .content-container .column-left,
.form-left-form-right .content-container .column-right,
.form-left-form-right .content-container .column-left,
.form-left-form-right .content-container .column-right {
padding: 60px 25px;
position: relative;
}
@media only screen and (min-width: 640px) {
.form-left-form-right .content-container .column-left,
.form-left-form-right .content-container .column-left {
padding: 60px 80px 60px 25px;
}
}
.form-left-form-right .content-container .column-left:before,
.form-left-form-right .content-container .column-left:before {
content: '';
background-color: #d51525;
height: 100%;
width: 9999px;
left: 0;
transform: translateX(-100%);
position: absolute;
top: 0;
}
.form-left-form-right .content-container .column-left.brick-bg:before,
.form-left-form-right .content-container .column-left.brick-bg:before {
background-color: #820000;
}
.form-left-form-right .content-container .column-left .copy-wrap,
.form-left-form-right .content-container .column-left .copy-wrap {
color: white;
font-size: 18px;
font-weight: 900;
padding-top: 40px;
}
.form-left-form-right .content-container .column-left .copy-wrap a,
.form-left-form-right .content-container .column-left .copy-wrap a {
margin-left: 5px;
}
.form-left-form-right .content-container .column-left h2,
.form-left-form-right .content-container .column-left h2 {
margin-bottom: 60px;
text-transform: none;
font-size: 20px;
}
@media only screen and (min-width: 640px) {
.form-left-form-right .content-container .column-left h2,
.form-left-form-right .content-container .column-left h2 {
font-size: 24px;
max-width: 80%;
}
}
@media only screen and (min-width: 640px) {
.form-left-form-right .content-container .column-left form,
.form-left-form-right .content-container .column-left form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
.form-left-form-right .content-container .column-left form label,
.form-left-form-right .content-container .column-left form select,
.form-left-form-right .content-container .column-left form label,
.form-left-form-right .content-container .column-left form select {
color: white;
}
.form-left-form-right .content-container .column-left form [type='submit'],
.form-left-form-right .content-container .column-left form [type='submit'] {
width: 100%;
display: block;
}
@media only screen and (min-width: 640px) {
.form-left-form-right .content-container .column-right,
.form-left-form-right .content-container .column-right {
padding: 60px 80px;
}
}
.form-left-form-right .content-container .column-right:after,
.form-left-form-right .content-container .column-right:after {
content: '';
background-color: #ededed;
height: 100%;
width: 9999px;
right: 0;
transform: translateX(100%);
position: absolute;
top: 0;
}
.form-left-form-right .content-container .column-right h2,
.form-left-form-right .content-container .column-right h2 {
margin-bottom: 60px;
text-transform: none;
font-size: 20px;
}
@media only screen and (min-width: 640px) {
.form-left-form-right .content-container .column-right h2,
.form-left-form-right .content-container .column-right h2 {
font-size: 24px;
}
}
.form-left-form-right .content-container .column-right form .input-container,
.form-left-form-right .content-container .column-right form .input-container {
width: 100%;
}
.form-left-form-right .content-container .column-right form .input-container label,
.form-left-form-right .content-container .column-right form .input-container label {
color: #545454;
}
.form-left-form-right .content-container .column-right form .input-container input,
.form-left-form-right .content-container .column-right form .input-container input {
margin-bottom: 0;
border-color: #cccccc;
}
.form-left-form-right .content-container .column-right form .input-container select,
.form-left-form-right .content-container .column-right form .input-container select {
color: #121212;
border-color: #cccccc;
}
.form-left-form-right .content-container .column-right form .input-container [type='submit'],
.form-left-form-right .content-container .column-right form .input-container [type='submit'] {
width: 100%;
margin-top: 26px;
}
.form-left-form-right .content-container .column-right .gray-submit,
.form-left-form-right .content-container .column-right .gray-submit {
padding: 15px;
}
.form-left-form-right .content-container .column-right .deadline,
.form-left-form-right .content-container .column-right .deadline {
font-weight: 900;
font-size: 12px;
text-transform: uppercase;
color: #545454;
margin: 20px auto 50px;
text-align: center;
}
.form-left-form-right .content-container .column-right .learn-about .col-title,
.form-left-form-right .content-container .column-right .learn-about .col-title {
color: #121212;
margin-bottom: 20px;
font-size: 12px;
}
.form-left-form-right .content-container .column-right .learn-about p,
.form-left-form-right .content-container .column-right .learn-about p {
color: #545454;
margin-bottom: 1.75rem;
font-size: 13px;
}
.form-left-form-right .content-container .column-right .learn-about a,
.form-left-form-right .content-container .column-right .learn-about a {
font-size: 13px;
text-transform: uppercase;
}
.form-left-form-right .content-container a img,
.form-left-form-right .content-container a img {
margin-right: 15px;
}
.form-left-form-right table tbody,
.form-left-form-right table tbody {
background-color: transparent;
font-size: 14px;
}
.form-left-form-right table tbody tr,
.form-left-form-right table tbody tr {
font-weight: 900;
}
.form-single-column .column,
.form-single-column .columns,
.form-single-column .row {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.form-single-column .col-title {
margin-bottom: 10px;
}
.form-single-column h2 {
text-transform: none;
font-size: 21px;
margin-bottom: 20px;
}
.form-single-column label,
.form-single-column input {
font-size: 12px;
margin-bottom: 5px;
}
.form-single-column input {
color: #121212;
padding: 15px;
}
.form-single-column select {
margin-bottom: 20px;
background-image: url("data:image/svg+xml;utf8,");
}
.form-single-column input[type='submit'] {
width: 100%;
}
/*
*************************************************
*************************************************
Program Filter Section
*************************************************
*************************************************
*/
.program-filter-section {
overflow: hidden;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
padding: 0 25px 65px;
background-color: #d51525;
}
.program-filter-section:before {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
content: '';
background-color: #820000;
opacity: 0.902;
}
.program-filter-section .program-item .plus {
font-size: 20px;
}
.program-filter-section .primary-filter {
position: relative;
text-align: center;
display: none;
background-color: #d51525;
}
@media only screen and (min-width: 640px) {
.program-filter-section .primary-filter {
display: block;
}
}
.program-filter-section .primary-filter .wrapper {
padding: 25px 25px 0;
width: 100%;
position: relative;
top: 0;
display: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.program-filter-section .primary-filter .wrapper.first-item {
display: block;
}
.program-filter-section .primary-filter:before,
.program-filter-section .primary-filter:after {
content: '';
height: 100%;
width: 1000px;
position: absolute;
top: 0;
display: block;
background-color: #d51525;
}
.program-filter-section .primary-filter:after {
left: 100%;
}
.program-filter-section .primary-filter:before {
content: '';
height: 100%;
width: 1000px;
position: absolute;
top: 0;
left: -1000px;
}
.program-filter-section .primary-filter .col-title {
display: inline-block;
color: white;
margin-bottom: 0;
}
.program-filter-section .primary-filter .col-title a {
display: inline-block;
color: white;
text-decoration: none;
vertical-align: middle;
}
.program-filter-section .primary-filter .col-title a:before {
height: 15px;
margin: 0 10px;
font-size: 16px;
}
.program-filter-section .primary-filter .col-title a:hover:before {
color: #820000;
}
.program-filter-section .primary-filter .col-title a img {
height: 15px;
margin: 0 10px;
}
.program-filter-section .primary-filter h3,
.program-filter-section .primary-filter .steps {
color: white;
text-transform: none;
}
.program-filter-section .primary-filter h3 span,
.program-filter-section .primary-filter .steps span {
display: block;
color: white;
margin-bottom: 25px;
}
.program-filter-section .primary-filter .steps {
font-size: 22px;
}
.program-filter-section .primary-filter.show-second .wrapper.first-item {
display: none;
}
.program-filter-section .primary-filter.show-second .wrapper.second-item {
display: block;
}
.program-filter-section .primary-filter.show-third .wrapper.first-item {
display: none;
}
.program-filter-section .primary-filter.show-third .wrapper.third-item {
display: block;
}
.program-filter-section .primary-filter.show-fourth .wrapper.first-item {
display: none;
}
.program-filter-section .primary-filter.show-fourth .wrapper.fourth-item {
display: block;
}
.program-filter-section .primary-filter ul {
display: flex;
position: relative;
margin: 20px auto 0;
padding: 0;
text-align: center;
justify-content: center;
flex-wrap: wrap;
list-style-type: none;
}
.program-filter-section .primary-filter ul li {
margin: 5px 7px;
}
.program-filter-section .primary-filter ul li a {
font-weight: 700;
padding: 7px 15px;
border: 1px solid white;
border-radius: 50px;
font-size: 13px;
display: block;
color: white;
text-decoration: none;
}
.program-filter-section .primary-filter ul li a:hover,
.program-filter-section .primary-filter ul li a.active {
color: #820000;
background-color: white;
}
.program-filter-section .programs-container {
margin: 75px auto;
max-width: 1393px;
}
.program-filter-section .programs-container .filter-wrapper {
width: 100%;
position: relative;
margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.program-filter-section .programs-container .filter-wrapper {
max-width: 325px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.program-filter-section .programs-container .filter-wrapper {
max-width: 411px;
}
}
.program-filter-section .programs-container .filter-list {
background-color: white;
overflow: hidden;
position: relative;
margin: 0;
}
.program-filter-section .programs-container .select-box {
background-color: #ededed;
color: #d51525;
font-size: 16px;
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
position: relative;
padding: 25px 0;
display: flex;
white-space: nowrap;
align-items: center;
}
.program-filter-section .programs-container .select-box a {
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.program-filter-section .programs-container .select-box a:hover {
color: white;
}
.program-filter-section .programs-container .select-box:before,
.program-filter-section .programs-container .select-box:after {
width: 100px;
position: absolute;
height: 100%;
top: 0;
content: '';
background-color: #ededed;
}
.program-filter-section .programs-container .select-box:before {
left: -100px;
}
.program-filter-section .programs-container .select-box:after {
left: 100%;
}
.program-filter-section .programs-container .select-box .select-wrapper {
padding-left: 30px;
width: 100%;
}
.program-filter-section .programs-container .fixed-close-filter {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.program-filter-section .programs-container .mobile-filter-finished {
padding: 25px;
text-align: center;
width: 100%;
color: white;
}
.program-filter-section .programs-container .search-filter {
background-color: #d51525;
width: 100%;
display: inline-block;
padding: 40px;
border: 0;
}
.program-filter-section .programs-container .search-filter input {
border: 0;
position: relative;
margin: 0;
box-shadow: none;
color: white;
background-repeat: no-repeat;
background-position: center right;
padding-left: 0;
padding-right: 25px;
background-image: url(../images/search-icon.png);
font-weight: normal;
font-size: 16px;
}
.program-filter-section .programs-container .search-filter input.placeholder {
color: white;
opacity: 1;
}
.program-filter-section .programs-container .search-filter input:-moz-placeholder {
color: white;
opacity: 1;
}
.program-filter-section .programs-container .search-filter input::-moz-placeholder {
color: white;
opacity: 1;
}
.program-filter-section .programs-container .search-filter input:-ms-input-placeholder {
color: white;
opacity: 1;
}
.program-filter-section .programs-container .search-filter input::-webkit-input-placeholder {
color: white;
opacity: 1;
}
.program-filter-section .programs-container .hide-search,
.program-filter-section .programs-container .hide-program {
display: none !important;
}
.program-filter-section .programs-container .filter-section {
margin-bottom: 35px;
}
.program-filter-section .programs-container .filter-options {
background-color: white;
padding: 30px 20px 0;
}
@media only screen and (max-width: 639px) {
.program-filter-section .programs-container .filter-options {
padding-bottom: 68px;
}
}
@media only screen and (min-width: 640px) {
.program-filter-section .programs-container .filter-options {
padding: 40px 40px 0;
}
}
.program-filter-section .programs-container .filter-options input {
margin: 0;
}
.program-filter-section .programs-container .filter-options label {
font-size: 12px;
font-weight: normal;
margin: 0;
color: #121212;
}
@media only screen and (min-width: 640px) {
.program-filter-section .programs-container .filter-options label {
font-size: 14px;
}
}
.program-filter-section .programs-container .filter-options .filter-head {
display: flex;
justify-content: space-between;
margin-bottom: 1rem;
}
.program-filter-section .programs-container .filter-options .filter-head h4 {
color: #d51525;
font-size: 16px;
font-weight: 700;
margin: 0;
}
.program-filter-section .programs-container .filter-options .filter-head a {
color: #D51525;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
border: 1px solid #D51525;
padding: 0 5px;
}
.program-filter-section .programs-container .filter-options .filter-head a:hover, .program-filter-section .programs-container .filter-options .filter-head a:focus{
color: #ffffff;
background-color: #D51525;
}
.program-filter-section .programs-container .filter-options ul.filter-list li {
margin: 0 2% 15px 0;
display: inline-block;
}
@media only screen and (min-width: 640px) {
.program-filter-section .programs-container .filter-options ul.filter-list li {
margin: 0 0 2px;
display: block;
}
}
.program-filter-section .programs-container .filter-options ul.filter-list li label {
font-weight: 700;
padding: 7px 15px;
border: 1px solid #d51525;
color: #d51525;
border-radius: 50px;
}
@media only screen and (min-width: 640px) {
.program-filter-section .programs-container .filter-options ul.filter-list li label {
border-radius: 0;
border: 0;
padding: 0;
}
}
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox {
position: absolute;
opacity: 0;
}
@media only screen and (max-width: 640px) {
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox:hover + label,
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox:checked + label {
background: #d51525;
color: white;
}
}
@media only screen and (min-width: 640px) {
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox + label {
position: relative;
cursor: pointer;
padding: 0;
text-transform: none;
}
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox + label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
background: white;
border: 1px solid #727272;
}
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox:hover + label:before {
background: #d51525;
border: none;
}
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox:focus + label:before {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox:checked + label:before {
background: #d51525;
border: none;
}
.program-filter-section .programs-container .filter-options ul.filter-list li .styled-checkbox:checked + label:before {
content: '\e006';
font-family: "linea-arrows-10" !important;
color: white;
background: #d51525;
border: none;
line-height: 1;
}
}
.program-filter-section .programs-container .mobile-filter-button {
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
padding: 30px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: white;
width: 100%;
cursor: pointer;
}
.program-filter-section .programs-container .mobile-filter-button .icon{
font-size:12pt;
}
.program-filter-section .programs-container .mobile-filter-button svg {
width: 25px;
}
.program-filter-section .programs-container .mobile-filter-button .plus-line {
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
fill: none;
stroke: #820000;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: 2px;
transform-origin: center;
}
.program-filter-section .programs-container .mobile-filter-button:hover,
.program-filter-section .programs-container .mobile-filter-button.active {
z-index: 1;
outline: none;
}
.program-filter-section .programs-container .mobile-filter-button:hover .content-wrapper,
.program-filter-section .programs-container .mobile-filter-button.active .content-wrapper {
cursor: pointer;
color: #820000;
}
.program-filter-section .programs-container .mobile-filter-button:hover .content-wrapper .plus-line,
.program-filter-section .programs-container .mobile-filter-button.active .content-wrapper .plus-line {
stroke: #820000;
}
.program-filter-section .programs-container .mobile-filter-button:hover .content-wrapper .item-header,
.program-filter-section .programs-container .mobile-filter-button.active .content-wrapper .item-header {
border-bottom: 1px solid #cccccc;
background-color: white;
}
.program-filter-section .programs-container .mobile-filter-button.filter-opened {
border-bottom: 1px solid #cccccc;
}
.program-filter-section .programs-container .mobile-filter-button.filter-opened .bottom {
transform: rotate(90deg);
}
.program-filter-section .programs-container .programs {
width: 100%;
}
.program-filter-section .programs-container .mobile-filter-button .icon:before{
content: "\e075";
font-family: "linea-arrows-10" !important;
}
.program-filter-section .programs-container .mobile-filter-button.filter-opened .icon:before{
content: "\e06d";
}
@media only screen and (min-width: 640px) {
.program-filter-section .programs-container .programs {
padding-left: 25px;
}
}
@media only screen and (min-width: 1024px) {
.program-filter-section .programs-container .programs {
padding-left: 35px;
}
}
.program-filter-section .programs-container .programs .program-alert {
position: relative;
color: white;
font-weight: bold;
font-size: 28px;
display: none;
}
.program-filter-section .programs-container .programs > ul {
width: 100%;
min-width: 100%;
margin: 0;
}
.program-filter-section .programs-container .programs>ul li {
color: white;
font-weight: 700;
font-size: 15px;
line-height: 1;
width: 100%;
float: left;
margin-bottom: 30px;
display: inline-block;
overflow: hidden;
-webkit-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
-ms-transition: height 0.3s ease-out;
-o-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
}
@media only screen and (min-width: 640px) {
.program-filter-section .programs-container .programs>ul li {
padding: 0 15px;
}
}
@media only screen and (min-width: 1024px) {
.program-filter-section .programs-container .programs>ul li {
width: 50%;
}
}
@media only screen and (min-width: 1024px) {
.program-filter-section .programs-container .programs .program-item-shown:nth-child(even) {
float: right;
}
}
.program-filter-section .programs-container .programs>ul li .content-wrapper {
-webkit-transition: max-height 0.3s ease-out;
-moz-transition: max-height 0.3s ease-out;
-ms-transition: max-height 0.3s ease-out;
-o-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
border: 3px solid white;
max-height: 88px;
}
.program-filter-section .programs-container .programs>ul li svg {
width: 25px;
}
.program-filter-section .programs-container .programs>ul li .item-header {
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
padding:0 30px;
height: 85px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
line-height: 1.3;
}
.program-filter-section .programs-container .programs > ul li .plus-line {
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
fill: none;
stroke: #fff;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: 2px;
transform-origin: center;
}
.program-filter-section .programs-container .programs > ul li:hover,
.program-filter-section .programs-container .programs > ul li.active {
z-index: 1;
outline: none;
}
.program-filter-section .programs-container .programs > ul li:hover .content-wrapper,
.program-filter-section .programs-container .programs > ul li.active .content-wrapper {
color: #820000;
}
.program-filter-section .programs-container .programs > ul li:hover .content-wrapper .plus-line,
.program-filter-section .programs-container .programs > ul li.active .content-wrapper .plus-line {
stroke: #820000;
}
.program-filter-section .programs-container .programs > ul li:hover .content-wrapper .item-header,
.program-filter-section .programs-container .programs > ul li.active .content-wrapper .item-header,
.program-filter-section .programs-container .programs>ul li .content-wrapper .item-header:focus {
border-bottom: 1px solid #cccccc;
background-color: white;
color: #820000;
}
.program-filter-section .programs-container .programs > ul li.active .bottom {
transform: rotate(90deg);
}
.program-filter-section .programs-container .programs > ul li.active .content-wrapper {
max-height: 800px;
}
.program-filter-section .programs-container .programs > ul li .program-info {
background-color: white;
padding: 35px;
}
.program-filter-section .programs-container .programs > ul li .program-info .info-title {
font-family: "Roboto", sans-serif;
font-size: 15px;
color: #820000;
line-height: 1.4;
margin-bottom: 8px;
}
.program-filter-section .programs-container .programs > ul li .program-info .secondary-title {
font-size: 14px;
font-weight: 700;
color: #545454;
line-height: 1;
margin-bottom: 10px;
}
.program-filter-section .programs-container .programs > ul li .program-info .secondary-title.alt {
font-size: 15px;
line-height: 1.4;
font-weight: 400;
}
.program-filter-section .programs-container .programs > ul li .program-info p {
font-size: 14px;
font-weight: normal;
color: #545454;
margin-bottom: 18px;
line-height: 1.5;
}
.program-filter-section .programs-container .programs > ul li .plus {
font-size: 20px;
padding: 0 0 0 5px;
}
.program-filter-section .programs-container .programs>ul li .white-button{
margin-top: 15px;
width:100%;
}
}
/*
*************************************************
*************************************************
School & Department Section
*************************************************
*************************************************
*/
.img-copy-triangle {
padding: 50px 25px;
overflow: hidden;
}
.img-copy-triangle .departments ul {
list-style-type: none;
margin: 0 0 30px 0;
}
@media only screen and (min-width: 640px) {
.img-copy-triangle {
padding: 75px 50px;
}
}
@media only screen and (min-width: 1200px) {
.img-copy-triangle {
padding: 100px;
}
}
.img-copy-triangle .content-container {
padding: 0;
position: relative;
}
.img-copy-triangle .img-container {
position: relative;
margin-bottom: 50px;
order: -1;
}
.img-copy-triangle .img-container:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.img-copy-triangle .img-container > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 640px) {
.img-copy-triangle .img-container {
position: relative;
margin-bottom: 0;
}
.img-copy-triangle .img-container:before {
display: block;
content: "";
width: 100%;
padding-top: 75%;
}
.img-copy-triangle .img-container > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.img-copy-triangle .img-container .content {
background-size: cover;
background-position: center;
height: 100%;
width: 100%;
}
.img-copy-triangle .copy-container {
display: flex;
align-items: center;
}
@media only screen and (min-width: 640px) {
.img-copy-triangle .copy-container {
padding: 0 25px 0 0;
}
.img-copy-triangle.photo-left .copy-container {
padding: 0 0 0 25px;
}
}
@media only screen and (min-width: 1024px) {
.img-copy-triangle .copy-container {
padding: 0 50px 0 0;
}
.img-copy-triangle.photo-left .copy-container {
padding: 0 0 0 50px;
}
}
@media only screen and (min-width: 640px) {
.img-copy-triangle.photo-right .copy-container {
padding: 0 25px 0 0;
order: -1;
}
}
@media only screen and (min-width: 1024px) {
.img-copy-triangle.photo-right .copy-container {
padding: 0 50px 0 0;
}
}
.img-copy-triangle.photo-right .triangle {
left: auto;
left: initial;
right: -700px;
transform: scaleX(-1);
filter: FlipH;
}
.img-copy-triangle.photo-right .triangle polygon {
fill: #ededed;
}
.img-copy-triangle h2 {
font-size: 24px;
margin-bottom: 35px;
position: relative;
color: #d51525;
}
.img-copy-triangle p {
font-size: 14px;
margin-bottom: 30px;
color: #545454;
}
.img-copy-triangle .col-title {
margin-bottom: 25px;
color: #545454;
}
.img-copy-triangle ul {
font-size: 14px;
margin-bottom: 30px;
}
@media only screen and (min-width: 480px) {
.img-copy-triangle ul {
column-count: 2;
column-gap: 25px;
}
}
@media only screen and (min-width: 640px) {
.img-copy-triangle ul {
margin-bottom: 50px;
}
}
.img-copy-triangle ul li {
color: #545454;
}
.img-copy-triangle .catalog {
display: block;
font-size: 13px;
margin-top: 20px;
text-transform: uppercase;
color: #727272;
text-decoration: none;
}
.img-copy-triangle .rand-button {
color: #d51525;
background-image: url("../images/svg_sprite.svg#whiteButtona1");
}
.img-copy-triangle .rand-button:hover,
.img-copy-triangle .rand-button:focus {
background-image: url("../images/svg_sprite.svg#whiteButtons1");
color: white;
}
.img-copy-triangle .triangle {
position: absolute;
bottom: -100px;
right: auto;
left: -700px;
height: 1000px;
width: 1000px;
display: none;
z-index:11;
pointer-events:none;
}
@media only screen and (min-width: 640px) {
.img-copy-triangle .triangle {
display: block;
}
}
.img-copy-triangle .triangle polygon {
fill: #ededed;
}
.img-copy-triangle.red-bg h2,
.img-copy-triangle.red-bg p,
.img-copy-triangle.red-bg .catalog,
.img-copy-triangle.red-bg li,
.img-copy-triangle.red-bg .col-title {
color: white;
}
.img-copy-triangle.red-bg .rand-button {
background-image: url("../images/svg_sprite.svg#redButtona2");
color: white;
}
.img-copy-triangle.red-bg .rand-button:hover,
.img-copy-triangle.red-bg .rand-button:focus {
color: white;
background-image: url("../images/svg_sprite.svg#redButtons2");
}
.img-copy-triangle.red-bg .triangle polygon {
fill: #820000;
}
.img-copy-triangle.red-bg .catalog:hover,
.img-copy-triangle.red-bg .catalog:focus {
color: #faa634;
}
.img-copy-triangle.gray-bg .rand-button {
color: #d51525;
}
.img-copy-triangle.gray-bg .rand-button:hover,
.img-copy-triangle.gray-bg .rand-button:focus {
color: white;
}
.img-copy-triangle.gray-bg p {
color: #545454;
}
.img-copy-triangle.gray-bg h2 {
color: #d51525;
}
.img-copy-triangle.gray-bg li {
color: #121212;
}
.img-copy-triangle.gray-bg .col-title {
color: #820000;
}
.img-copy-triangle.gray-bg .catalog {
color: #727272;
}
.img-copy-triangle.gray-bg .catalog:hover,
.img-copy-triangle.gray-bg .catalog:focus {
color: #faa634;
}
.img-copy-triangle.gray-bg .triangle polygon {
fill: white;
}
.img-copy-triangle.brick-bg h2,
.img-copy-triangle.brick-bg p,
.img-copy-triangle.brick-bg .catalog,
.img-copy-triangle.brick-bg li,
.img-copy-triangle.brick-bg .col-title {
color: white;
}
.img-copy-triangle.brick-bg .rand-button {
background-image: url("../images/svg_sprite.svg#brickButtona3");
color: white;
}
.img-copy-triangle.brick-bg .rand-button:hover,
.img-copy-triangle.brick-bg .rand-button:focus {
background-image: url("../images/svg_sprite.svg#brickButtons3");
}
.img-copy-triangle.brick-bg .triangle polygon {
fill: #faa634;
}
.img-copy-triangle.brick-bg .catalog:hover,
.img-copy-triangle.brick-bg .catalog:focus {
color: #faa634;
}
.img-copy-triangle .play-video {
width: 100%;
height:100%;
}
/*
*************************************************
*************************************************
Three Columns with borders
*************************************************
*************************************************
*/
.three-col-border-section {
background-size: cover;
background-position: center;
position: relative;
background-attachment: fixed;
}
.three-col-border-section .row .row {
margin: 0;
}
.three-col-border-section:before {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
content: '';
opacity: 0.9;
}
.three-col-border-section.white-bg:before {
background-color: white;
}
.three-col-border-section.white-bg .col .wrapper {
border: 3px solid #727272;
}
.three-col-border-section.white-bg h3,
.three-col-border-section.white-bg p {
color: #727272;
}
.three-col-border-section.white-bg h2 {
color: #d51525;
}
.three-col-border-section.red-bg:before {
background-color: #d51525;
}
.three-col-border-section.red-bg .col .wrapper {
border: 3px solid white;
}
.three-col-border-section.red-bg h3,
.three-col-border-section.red-bg p {
color: white;
}
.three-col-border-section.brick-bg:before {
background-color: #820000;
}
.three-col-border-section.brick-bg .col .wrapper {
border: 3px solid white;
}
.three-col-border-section.brick-bg h3,
.three-col-border-section.brick-bg p {
color: white;
}
.three-col-border-section.gray-bg:before {
background-color: #ededed;
}
.three-col-border-section.gray-bg .col .wrapper {
border: 3px solid #121212;
}
.three-col-border-section.gray-bg h3,
.three-col-border-section.gray-bg p {
color: #121212;
}
.three-col-border-section.gray-bg h2 {
color: #d51525;
}
.three-col-border-section .content-container {
padding: 50px 12.5px;
}
@media only screen and (min-width: 640px) {
.three-col-border-section .content-container {
padding: 100px 12.5px;
}
}
.three-col-border-section h2 {
color: white;
margin: 0 auto 50px;
font-size: 18px;
display: inline-block;
}
@media only screen and (min-width: 640px) {
.three-col-border-section h2 {
margin: 0 auto 75px;
}
}
.three-col-border-section h3 {
margin-bottom: 25px;
font-size: 15px;
color: white;
}
.three-col-border-section p,
.three-col-border-section a {
font-size: 14px;
color: white;
}
.three-col-border-section .link-wrapper {
margin-top: auto;
}
.three-col-border-section a {
text-transform: uppercase;
}
.three-col-border-section a.link {
display: inline-block;
}
.three-col-border-section .button {} .three-col-border-section .link-container {
text-align: center;
}
.three-col-border-section .col {
padding: 12.5px;
}
@media only screen and (min-width: 1024px) {
.three-col-border-section .col {
padding: 25px;
}
}
.three-col-border-section .col .wrapper {
border: 3px solid white;
padding: 30px;
display: flex;
flex-direction: column;
width: 100%;
}
.three-col-border-section.show-all .show-all-wrapper {
display: none;
}
/*
*************************************************
*************************************************
Three Columns Events
*************************************************
*************************************************
*/
.three-col-events-section {
background-size: cover;
background-position: center;
position: relative;
}
.three-col-events-section .row .row {
margin: 0;
}
.three-col-events-section .content-container {
padding: 50px 12.5px;
}
@media only screen and (min-width: 640px) {
.three-col-events-section .content-container {
padding: 100px 12.5px;
}
}
.three-col-events-section h2 {
margin: 0 auto 50px;
font-size: 18px;
display: inline-block;
}
@media only screen and (min-width: 640px) {
.three-col-events-section h2 {
margin: 0 auto 75px;
}
}
.three-col-events-section p,
.three-col-events-section a {
margin-bottom: 0;
text-decoration: none;
}
.three-col-events-section a.wrapper {
margin-top: auto;
transition: all .3s ease;
}
.three-col-events-section a.link {
display: inline-block;
font-size: 13px;
}
.three-col-events-section a.wrapper:hover {
transform: translateY(-15px);
}
.three-col-events-section .link-container {
margin-top: 25px;
text-align: center;
}
.three-col-events-section .col {
padding: 12.5px;
}
@media only screen and (min-width: 1024px) {
.three-col-events-section .col {
padding: 25px;
}
}
.three-col-events-section .col .wrapper {
border-bottom: 1px solid white;
padding: 30px 0;
display: flex;
flex-direction: row;
width:100%;
}
.gray-bg.three-col-events-section .col .wrapper,
.white-bg.three-col-events-section .col .wrapper {
border-bottom: 1px solid #d51525;
}
.three-col-events-section .col .date {
font-family: "gotham_bold", sans-serif;
text-align: center;
line-height: 1;
text-transform: uppercase;
padding-right: 25px;
}
.three-col-events-section .col .date .num {
font-size: 72px;
color: white;
line-height: .82;
}
.gray-bg.three-col-events-section .col .date .num,
.white-bg.three-col-events-section .col .date .num {
color: #121212;
}
.three-col-events-section .col .date .month {
font-size: 13px;
color: #faa634;
letter-spacing: 1px;
display: block;
line-height: 1.7;
}
.gray-bg.three-col-events-section .col .date .month,
.white-bg.three-col-events-section .col .date .month {
color: #820000;
}
.three-col-events-section .col .copy .col-title {
color: white;
margin-bottom: 7px;
}
.gray-bg.three-col-events-section .col .copy .col-title,
.white-bg.three-col-events-section .col .copy .col-title {
color: #121212;
}
.three-col-events-section .col .copy p {
font-size: 15px;
font-weight: 400;
}
.gray-bg.three-col-events-section .col .copy p,
.white-bg.three-col-events-section .col .copy p {
color: #121212;
}
.three-col-events-section .col a:hover .copy .col-title {
color: #FAA634;
}
.three-col-events-section .no-events{
text-align: center;
width:100%;
}
/*
*************************************************
*************************************************
Contact Information Module
*************************************************
*************************************************
*/
.contact-info-section .content-container {
padding: 65px 0;
}
@media only screen and (min-width: 640px) {
.contact-info-section .content-container {
padding: 130px 0;
}
}
.contact-info-section h2 {
margin-bottom: 45px;
}
@media only screen and (min-width: 1024px) {
.contact-info-section h2 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 640px) {
.contact-info-section h2 {
font-size: 36px;
}
}
.contact-info-section p {
margin-bottom: 0;
text-transform: uppercase;
font-family: "gotham_bold", sans-serif;
}
.contact-info-section .tel {
display: block;
color: #d51525;
font-size: 24px;
}
.contact-info-section .button {
margin-top: 45px;
display: inline-block;
}
@media only screen and (min-width: 1024px) {
.contact-info-section .button {
margin-top: 60px;
}
}
/*
*************************************************
*************************************************
Seperator Module
*************************************************
*************************************************
*/
.section-seperator {
display: block;
height: 50px;
width: 100%;
}
@media only screen and (min-width: 640px) {
.section-seperator {
height: 100px;
}
}
/*
*************************************************
*************************************************
Columns With Copy and Button | Columns With Number Links
*************************************************
*************************************************
*/
.columns-w-copy-button .content-container {
padding: 50px 0;
}
@media only screen and (min-width: 640px) {
.columns-w-copy-button .content-container {
padding: 70px 0;
}
}
.columns-w-copy-button h2 {
font-size: 18px;
}
.columns-w-copy-button p {
font-size: 14px;
margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.columns-w-copy-button p {
margin-bottom: 35px;
}
}
.columns-w-copy-button .wrapper {
padding: 0;
color: white;
}
.columns-w-copy-button a .img .option {
color: white;
padding: 0 15px;
}
.columns-w-copy-button a:hover .option {
color: #FAA634;
}
.columns-w-copy-button .col {
margin-bottom: 25px;
padding: 0 25px;
}
@media only screen and (min-width: 640px) {
.columns-w-copy-button .col {
margin-bottom: 50px;
}
}
.columns-w-copy-button .col a {
text-decoration: none;
height: 100%;
display: flex;
flex-direction: column;
}
.columns-w-copy-button .col a:focus {
outline-color: #121212;
}
.columns-w-copy-button strong.text-center {
font-size: 28px;
}
.columns-w-copy-button .img {
position: relative;
overflow: hidden;
flex: 1;
}
.columns-w-copy-button .img img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all .3s ease;
}
.columns-w-copy-button .wrapper a:hover .img img {
transform: scale(1.1);
}
.columns-w-copy-button .img .option {
position: absolute;
width: 100%;
text-align: center;
bottom: 15px;
z-index: 1;
font-size: 22px;
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
.columns-w-copy-button .img .option {
font-size: 28px;
}
}
.columns-w-copy-button .img:after {
content: '';
position: absolute;
width: 100%;
height: 110px;
left: 0;
bottom: 0;
background: -moz-linear-gradient(top, transparent 0%, black 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, transparent 0%, black 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, transparent 0%, black 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
/* IE6-9 */
}
.columns-w-copy-button .copy {
background-color: white;
padding: 15px;
line-height: 1;
}
.columns-w-copy-button .copy p {
margin-bottom: 0;
font-weight: 500;
color: #727272;
}
.columns-w-copy-button a:hover .copy p{
color: #727272;
}
.columns-w-copy-button .copy a {
display: inline-block;
font-size: 22px;
vertical-align: middle;
text-decoration: none;
}
.columns-w-copy-button .copy a.link {
color: #727272;
font-size: 15px;
}
.columns-w-copy-button .copy a small {
line-height: 1;
color: #727272;
}
.columns-w-copy-button .copy span {
display: inline-block;
color: #faa634;
margin: 0 5px;
vertical-align: middle;
}
.columns-w-copy-button .link-container {
text-align: center;
}
#facultyList h5 {
margin-top: 15px;
margin-bottom: 5px;
}
/*
*************************************************
*************************************************
Full Image with Centered Text
*************************************************
*************************************************
*/
.full-img-text-center .content-container {
padding: 0;
}
.full-img-text-center img {
width: 100%;
}
.full-img-text-center h2 {
display: block;
margin: 0 auto 45px;
}
.full-img-text-center .column {
padding: 50px 25px;
margin-bottom: 1.75rem;
}
@media only screen and (min-width: 640px) {
.full-img-text-center .column {
padding: 35px 90px;
}
}
.full-img-text-center .column p {} .full-img-text-center .column .button {
margin-top: 30px;
}
.full-img-text-center .copy-block {
margin: -50px auto 0;
}
@media only screen and (min-width: 640px) {
.full-img-text-center .copy-block {
margin: -100px auto 0;
}
}
@media only screen and (min-width: 640px) {
.full-img-text-center .copy-block {
margin: -165px auto 0;
}
}
.full-img-text-center .alt {
display: block;
}
.full-img-text-center .alt {
display: block;
}
.full-img-text-center .play-video{
position: relative;
z-index: 0;
}
/*
*************************************************
*************************************************
Columns With Text Left Aligned
*************************************************
*************************************************
*/
.columns-w-left-text .content-container {
padding-top: 50px;
padding-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.columns-w-left-text .content-container {
padding: 70px 25px 25px;
}
}
.columns-w-left-text h2 {
font-size: 18px;
}
@media only screen and (min-width: 640px) {
.columns-w-left-text .wrapper {
padding: 0 25px;
}
}
.columns-w-left-text .col {
margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.columns-w-left-text .col {
margin-bottom: 50px;
}
}
.columns-w-left-text .col a {
display: block;
text-decoration: none;
}
.columns-w-left-text .col a:focus {
border: 1px dotted #121212;
}
.columns-w-left-text .col a:hover .img .content,
.columns-w-left-text .col a:focus .img .content {
transform: scale(1.1);
}
.columns-w-left-text .img {
position: relative;
overflow: hidden;
}
.columns-w-left-text .img:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.columns-w-left-text .img > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.columns-w-left-text .img .content {
transition: all 0.3s ease;
background-size: cover;
background-position: center;
}
.columns-w-left-text .copy {
padding: 25px 0;
font-weight: 900;
font-size: 14px;
}
.columns-w-left-text .link-container {
text-align: center;
}
/*
*************************************************
*************************************************
Columns with color bg
*************************************************
*************************************************
*/
.columns-w-color-bg ul.column-wrapper {
list-style-type: none;
margin: 0;
}
.columns-w-color-bg .content-container {
padding: 50px 25px 25px;
}
@media only screen and (min-width: 640px) {
.columns-w-color-bg .content-container {
padding: 100px 15px 50px;
}
}
@media only screen and (min-width: 1024px) {
.columns-w-color-bg .content-container {
padding: 100px 25px 50px;
}
}
@media only screen and (min-width: 640px) {
.columns-w-color-bg .wrapper {
padding: 0 15px;
}
}
@media only screen and (min-width: 1024px) {
.columns-w-color-bg .wrapper {
padding: 0 25px;
}
}
.columns-w-color-bg li {
margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.columns-w-color-bg li {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1024px) {
.columns-w-color-bg li {
margin-bottom: 50px;
}
}
.columns-w-color-bg .img {
position: relative;
}
.columns-w-color-bg .img:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.columns-w-color-bg .img > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.columns-w-color-bg .img .content {
background-size: cover;
background-position: center;
}
.columns-w-color-bg .copy {
background-color: white;
padding: 50px 40px;
font-weight: 900;
font-size: 14px;
}
.columns-w-color-bg .copy p {
color: #121212;
margin-bottom: 25px;
font-weight: 900;
}
.columns-w-color-bg .copy .col-title {
margin-bottom: 10px;
color: #d51525;
}
.columns-w-color-bg .copy a {
color: #d51525;
}
/*
*************************************************
*************************************************
Breadcrumbs
*************************************************
*************************************************
*/
.breadcrumb-section {
padding: 45px 25px;
max-width: 1440px;
margin: 0 auto;
}
.breadcrumbs {
margin: 0;
}
.breadcrumbs a {
font-size: 13px;
color: #727272;
font-weight: normal;
text-decoration: none;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus {
color: #727272;
}
.breadcrumbs li {
color: #727272;
text-transform: initial;
font-size: 13px;
}
.breadcrumbs li:not(:last-child)::after {
position: relative;
margin: 0 0.3rem;
opacity: 1;
content: "/";
color: #faa634;
}
/*
*************************************************
*************************************************
Inner Page Tabs
*************************************************
*************************************************
*/
.nav-tabs {
position: relative;
height: auto;
overflow: hidden;
}
@media only screen and (min-width: 641px) {
.nav-tabs {
height: 53px;
}
}
@media only screen and (min-width: 1024px) {
.nav-tabs {
height: 69px;
}
}
@media only screen and (min-width: 1200px) {
.nav-tabs {
height: 72px;
}
}
.nav-tabs .tabs-wrapper {
max-width: 1440px;
}
.nav-tabs .more-dropdown .nav-container {
padding: 5px 10px 25px;
}
.nav-tabs .more-dropdown .nav-container a {
padding: 15px;
border-left: 0;
border-right: 0;
}
.nav-tabs .more-dropdown .nav-container li {
margin-bottom: 0;
float: none;
padding: 0;
}
.nav-tabs .more-dropdown .nav-container li:last-child {
margin-bottom: 0;
}
.tabs {
margin: 0;
border: 0;
background-color: #ededed;
position: relative;
white-space: nowrap;
}
@media only screen and (min-width: 1024px) {
.tabs {
padding: 0 15px;
}
}
.tabs li,
.tabs #viewMoreTabs {
position: relative;
text-decoration: none;
}
@media only screen and (max-width: 640px) {
.tabs li,
.tabs #viewMoreTabs,
.tabs li,
.tabs {
width: 100%;
border-bottom: 1px solid #ededed;
}
}
@media only screen and (min-width: 1024px) {
.tabs-title,
#viewMoreTabs {
padding-top: 16px;
}
}
.tabs-title > a,
#viewMoreTabs {
display: block;
padding: 20px 20px;
font-size: 13px;
line-height: 1;
font-weight: bold;
color: #121212;
background-color: #ededed;
text-decoration: none;
}
#viewMoreTabs {
padding: 20px 20px;
}
.primary li.tabs-title {
padding: 0;
}
@media only screen and (min-width: 1024px) {
.tabs-title > a,
#viewMoreTabs {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
}
@media only screen and (min-width: 1200px) {
.tabs-title > a,
#viewMoreTabs {
font-size: 16px;
padding: 20px 25px;
}
}
#viewMoreTabs {
display: inline-block;
padding-left: 20px;
padding-right: 35px;
}
#viewMoreTabs.active {
background-color: white;
}
@media only screen and (min-width: 1024px) {
#viewMoreTabs {
margin-top: 16px;
display: inline-block;
padding-left: 20px;
padding-right: 35px;
}
}
#viewMoreTabs:after {
content: '';
width: 0;
height: 0;
top: 50%;
transform: translateY(-50%);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #121212;
position: absolute;
right: 17%;
}
.tabs-title > a:focus,
.tabs-title > a:hover,
.tabs-title > a[aria-selected='true'] {
background: white;
color: #121212;
outline: 0;
}
.tabs-content {
border: 0;
border-top: 0;
background: transparent;
color: inherit;
transition: all 0.5s ease;
}
.tabs-panel {
padding: 0;
}
.more-dropdown {
position: absolute;
z-index: 1;
right: 0;
top: 0;
background: #ededed;
padding: 15px 15px 15px;
display: block;
}
@media only screen and (min-width: 640px) {
.more-dropdown {
top: 53px;
}
}
@media only screen and (min-width: 1024px) {
.more-dropdown {
top: 69px;
}
}
@media only screen and (min-width: 1200px) {
.more-dropdown {
top: 72px;
}
}
.more-dropdown ul {
margin: 0;
list-style-type: none;
display: flex;
flex-direction: column;
}
.more-dropdown ul li {
display: block;
}
@media only screen and (min-width: 640px) {
.more-dropdown {
display: none;
}
.more-dropdown.expanded {
display: block;
}
.more-dropdown ul {}
}
.more-dropdown li {} .more-dropdown a {
color: #121212;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
/*
*************************************************
*************************************************
Title Left/Info Right
*************************************************
*************************************************
*/
.title-left-info-right {
font-size: 14px;
}
.title-left-info-right .content-container {
padding: 90px 25px;
}
.title-left-info-right ul {
list-style-type: disc;
margin: 0;
}
.title-left-info-right .section-title {
color: #121212;
font-size: 15px;
font-family: "gotham_bold", sans-serif;
position: relative;
text-transform: uppercase;
margin-bottom: 50px;
}
.red-gb .title-left-info-right .section-title, .brick-gb .title-left-info-right .section-title{
color: white;
}
@media only screen and (min-width: 1024px) {
.title-left-info-right .section-title {
font-size: 18px;
}
}
.title-left-info-right .section-title:after {
content: '';
position: absolute;
bottom: -15px;
width: 85%;
max-width: 75px;
height: 3px;
background-size: 100% 100%;
left: 0;
margin: 0 auto;
background-repeat: no-repeat;
background-image: url(../images/svg_sprite.svg#bottomBorder);
}
@media only screen and (min-width: 640px) {
.title-left-info-right .section-title:after {
right: 0;
left: auto;
left: initial;
}
}
.title-left-info-right .left-col {
padding-right: 50px;
}
.title-left-info-right .requirement {
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.title-left-info-right h2 {
line-height: 1;
text-transform: none;
/*margin-bottom: 30px;*/
}
.title-left-info-right h3 {
line-height: 1.2;
text-transform: none;
margin-bottom: 1.75rem;
}
.title-left-info-right h2:nth-child(2),
.title-left-info-right h2:nth-child(3) {
margin-top: 30px;
}
.title-left-info-right .table-title {
font-family: "gotham_bold", sans-serif;
font-size: 18px;
color: #727272;
}
.title-left-info-right p,
.title-left-info-right ul {
margin-bottom: 30px;
}
.title-left-info-right p,
.title-left-info-right li {
font-size: 14px;
}
.title-left-info-right ul {
padding-left: 40px;
}
.title-left-info-right tr td:first-child {
text-transform: uppercase;
}
table {
width: 100%;
}
table th,
table tr {
font-family: "Roboto", sans-serif;
font-weight: bold;
font-size: 14px;
color: #121212;
border: 1px solid #cccccc;
}
table tr {
font-weight: normal;
}
table td {
border: 1px solid #cccccc;
}
table thead th,
table thead td,
table tfoot th,
table tfoot td,
table tbody th,
table tbody td {
padding: 17px;
}
table tbody tr:nth-child(even) {
background-color: inherit;
}
/*
*************************************************
*************************************************
News Article Section
*************************************************
*************************************************
*/
.article-section .article-info a {
text-decoration: none;
}
@media only screen and (min-width: 1024px) {
.article-section .content-container {
padding: 70px 50px;
}
}
.article-section .article-info {
margin-bottom: 50px;
}
@media only screen and (min-width: 1024px) {
.article-section .article-info {
padding: 95px 0;
margin-bottom: 0;
}
}
.article-section .article-info h1 {
font-size: 24px;
margin-bottom: 40px;
text-transform: none;
}
@media only screen and (min-width: 1024px) {
.article-section .article-info h1 {
font-size: 30px;
}
}
@media only screen and (max-width: 1023px) {
.article-section .right-container {
margin-top: 50px;
}
}
@media only screen and (min-width: 1024px) {
.article-section .right-container {
text-align: right;
}
}
.article-section .published-info {
margin-bottom: 35px;
}
.article-section .published-info .author {
text-decoration: none;
font-family: "gotham_bold", sans-serif;
color: #121212;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 1.5px;
}
.article-section .published-info .date {
font-size: 14px;
color: #727272;
}
.article-section .left-column {
margin-bottom: 50px;
}
@media only screen and (min-width: 1024px) {
.article-section .left-column {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.article-section .article-content {
padding-left: 70px;
padding-right: 15px;
}
}
@media only screen and (min-width: 1200px) {
.article-section .article-content {
padding-right: 0;
}
}
.article-section .article-content img {
max-width: 100%;
min-height: 1px;
}
.article-section .article-content h2,
.article-section .article-content h3,
.article-section .article-content h4 {
margin-bottom: 1.75rem;
text-transform: none;
}
.article-section .article-content p {
font-size: 14px;
}
.article-section .article-content p.large {
font-size: 18px;
}
.article-section .article-content ul,
.article-section .article-content ol {
margin-bottom: 1.75rem;
}
.article-section .article-content li ul,
.article-section .article-content li ol {
margin-bottom: 0;
}
.article-section .article-seperator {
padding: 35px 0 50px;
}
.article-section .article-seperator img {
margin: 0;
width: 80%;
max-width: 220px;
}
.article-section .offset-img {
padding: 25px 0 45px;
overflow: hidden;
}
@media only screen and (min-width: 1200px) {
.article-section .offset-img {
margin-left: -50%;
float: left;
padding: 25px 50px 25px 0;
}
}
.article-section .offset-img img {
margin-bottom: 0;
}
.article-section p {
line-height: 2;
}
.article-section .article-callout {
position: relative;
font-size: 22px;
margin: 50px 0;
}
@media only screen and (min-width: 1024px) {
.article-section .article-callout {
font-size: 28px;
margin: 85px 0;
}
}
.article-section .article-callout p {
color: #d51525;
line-height: 1.5;
margin-bottom: 0;
}
.article-section .article-callout .border-wrapper {
padding: 65px 45px;
position: relative;
}
@media only screen and (min-width: 1024px) {
.article-section .article-callout .border-wrapper {
padding: 90px 75px;
}
}
.article-section .article-callout .border-wrapper:before,
.article-section .article-callout .border-wrapper:after {
position: absolute;
color: #faa634;
font-size: 110px;
display: block;
z-index: 1;
line-height: 0;
font-family: "gotham_black", sans-serif;
}
@media only screen and (min-width: 640px) {
.article-section .article-callout .border-wrapper:before,
.article-section .article-callout .border-wrapper:after {
font-size: 160px;
}
}
.article-section .article-callout .border-wrapper:before {
content: "\201C";
top: 32px;
left: 44px;
}
.article-section .article-callout .border-wrapper:after {
content: "\201D";
bottom: 0px;
right: 44px;
}
@media only screen and (min-width: 640px) {
.article-section .article-callout .border-wrapper:after {
bottom: -14px;
}
}
.article-section .article-callout .svg-border {
pointer-events: none;
position: absolute;
width: 90%;
width: 100%;
height: calc(100% - 30px);
top: 15px;
left: 0;
}
.article-section .article-callout .svg-border img {
height: 100%;
width: 100%;
}
.social-share {
font-size: 13px;
color: #121212;
font-family: "gotham_bold", sans-serif;
display: flex;
}
.social-share a {
color: #d51525;
text-transform: uppercase;
text-decoration: none;
}
.social-share ul {
padding-left: 15px;
}
.social-share ul li {
display: inline-block;
position: relative;
margin-right: 5px;
padding-right: 15px;
}
.social-share ul li:after {
position: absolute;
right: 0;
content: '/';
color: #faa634;
}
.social-share ul li:last-child:after {
display: none;
margin-right: 0;
}
.article-nav {
margin-top: 50px;
}
@media only screen and (min-width: 640px) {
.article-nav {
margin-top: 120px;
}
}
.article-nav.row {
margin-left: 0;
margin-right: 0;
}
@media only screen and (min-width: 1024px) {
.article-nav.row {
padding-left: 70px;
}
}
.article-nav a {
color: white;
text-decoration: none;
}
.article-nav a:hover {
color: #FAA634;
}
.article-nav a:hover .link:after {
color: #FAA634;
width: 100%;
}
.article-nav a:hover .link {
color: white !important;
}
.article-nav .link-info {
background-size: cover;
background-position: center;
font-size: 16px;
}
.article-nav .article-title {
max-width: 270px;
margin: 0 auto 10px;
}
.article-nav .action {
position: relative;
display: inline-block;
color: #fff;
}
.article-nav .content {
padding: 75px 25px 65px;
}
.article-nav .previous .content {
background-color: rgba(126,0,6,0.85);
}
.article-nav .next .content {
background-color: rgba(206,0,43,.85);
}
/*
*************************************************
*************************************************
More Stories Module
*************************************************
*************************************************
*/
.article-list .content-container {
padding: 50px 25px 25px;
margin-bottom: 25px;
}
.article-list ul{
list-style-type: none;
}
.article-list a{
text-decoration: none;
}
@media only screen and (min-width: 640px) {
.article-list .content-container {
padding: 70px 0 25px;
margin-bottom: 50px;
}
}
.article-list .col-title {
margin-bottom: 15px;
color: #d51525;
}
.article-list h2 {
font-size: 18px;
margin-bottom: 75px;
}
.article-list a:hover h2,.article-list a:focus h2 {
color: #d51525;
}
@media only screen and (min-width: 640px) {
.article-list h2 {
margin-bottom: 115px;
}
}
.article-list .wrapper {
padding: 0 0 40px;
margin: 0 0 30px;
border-bottom: 1px solid #cccccc;
}
.article-list li:last-child .wrapper{
border-bottom: none;
}
.article-list .img {
position: relative;
margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.article-list .img {
margin-bottom: 0px;
}
}
.article-list .img img {
width: 100%;
}
.article-list .copy {
background-color: white;
}
@media only screen and (min-width: 640px) {
.article-list .copy {
padding: 0 0 0 35px;
}
}
@media only screen and (min-width: 1200px) {
.article-list .copy {
padding: 45px 0 0 35px;
}
}
.article-list .copy h2,
.article-list .copy p {
color: #121212;
}
.article-list .copy p {
margin-bottom: 0;
font-weight: 500;
}
.article-list .copy h2 {
font-size: 22px;
margin-bottom: .5rem;
}
@media only screen and (min-width: 1024px) {
.article-list .copy h2 {
font-size: 24px;
}
}
.article-list .col-title .info{
display: inline-block;
margin-right: 10px;
}
.article-list .col-title .icon{
font-size: 12pt;
margin-right: 8px;
transform: translateY(3px);
display: inline-block;
}
.article-list a .img img, .article-list a .img img{
transform: scale(1);
transition: all ease-in .1s;
}
.article-list a:hover .img img, .article-list a:focus .img img{
transform: scale(1.05);
}
.event-list{
margin-top: 30px;
}
/*
*************************************************
*************************************************
News Most Recent
*************************************************
*************************************************
*/
.offset-col-w-list-aside .row {
margin-left: 0;
margin-right: 0;
}
.offset-col-w-list-aside .content-container {
padding: 50px 25px;
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside .content-container {
padding: 0 25px 150px;
}
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside .featured-stories {
padding-right: 3%;
}
}
.offset-col-w-list-aside .featured-stories .img-wrapper {
position: relative;
}
.offset-col-w-list-aside .featured-stories .img-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.offset-col-w-list-aside .featured-stories .img-wrapper > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside .featured-stories .content-wrapper {
width: calc(100% - 7.5px);
}
}
.offset-col-w-list-aside .featured-stories .copy-wrapper {
padding: 30px 25px;
background-color: white;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside .featured-stories .copy-wrapper {
padding: 50px 45px;
}
}
.offset-col-w-list-aside .featured-stories .copy-wrapper h3 {
font-size: 18px;
}
.offset-col-w-list-aside .featured-stories .copy-wrapper .copy {
padding: 0;
}
.offset-col-w-list-aside .more-stories {
padding: 50px 0 0;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside .more-stories {
padding: 65px 0 0;
}
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside .more-stories {
padding: 65px 25px;
}
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside ul.offset-columns {
margin-top: -50px;
}
}
.offset-col-w-list-aside ul.offset-columns li {
margin-bottom: 1.75rem;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside ul.offset-columns li:nth-child(even) {
transform: translateY(15px);
}
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside ul.offset-columns li:nth-child(even) {
transform: translateY(25px);
}
}
.offset-col-w-list-aside ul.offset-columns li:nth-child(even) .content-wrapper {
margin-left: auto;
}
.offset-col-w-list-aside ul.offset-columns li a {
margin-top: 20px;
color: #d51525;
font-size: 15px;
text-transform: uppercase;
}
.offset-col-w-list-aside ul.offset-columns li a:hover {
color: #d51525;
}
.offset-col-w-list-aside .col-title {
margin-bottom: 10px;
color: #d51525;
font-size: 12px;
}
.offset-col-w-list-aside h2 {
font-size: 18px;
margin-bottom: 35px;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside h2 {
margin-bottom: 50px;
}
}
.offset-col-w-list-aside .wrapper {
padding: 0 0 25px;
margin: 0 0 25px;
border-bottom: 1px solid #cccccc;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside .wrapper {
padding: 0 0 10px;
}
}
.offset-col-w-list-aside .col {
margin-bottom: 25px;
z-index: 1;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside .col {
margin-bottom: 0;
}
}
.offset-col-w-list-aside .content {
background-size: cover;
background-position: center;
}
.offset-col-w-list-aside .img {
position: relative;
margin-bottom: 25px;
width: 95px;
}
.offset-col-w-list-aside .img:before {
display: block;
content: "";
width: 100%;
padding-top: 66.6666666667%;
}
.offset-col-w-list-aside .img > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside .img {
margin-bottom: 0px;
position: relative;
max-width: 95px;
}
.offset-col-w-list-aside .img:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.offset-col-w-list-aside .img > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.offset-col-w-list-aside .copy {
background-color: white;
padding: 0 15px 0 0;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside .copy {
padding: 0 0 0 15px;
}
}
.offset-col-w-list-aside .copy h3 {
color: #121212;
font-size: 15px;
margin-bottom: 0;
text-transform: none;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside .copy h3 {
font-size: 16px;
}
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside.flip .more-stories {
order: -1;
}
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside.flip .more-stories ul li:nth-child(even) {
transform: translateY(0);
}
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside.flip .more-stories ul li:nth-child(even) {
transform: translateY(0);
}
}
.offset-col-w-list-aside.flip .more-stories ul li:nth-child(even) .content-wrapper {
margin-left: initial;
margin-right: auto;
}
@media only screen and (min-width: 640px) {
.offset-col-w-list-aside.flip .more-stories ul li:nth-child(odd) {
transform: translateY(15px);
}
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside.flip .more-stories ul li:nth-child(odd) {
transform: translateY(25px);
}
}
.offset-col-w-list-aside.flip .more-stories ul li:nth-child(odd) .content-wrapper {
margin-left: initial;
margin-right: auto;
}
@media only screen and (min-width: 1024px) {
.offset-col-w-list-aside.flip .featured-stories {
padding-right: 0;
padding-left: 3%;
}
}
/*
*************************************************
*************************************************
Twitter Events
*************************************************
*************************************************
*/
.twitter-events .row.row {
margin-left: 0;
margin-right: 0;
}
.twitter-events h2 {
font-size: 18px;
}
.twitter-events .content-container {
padding: 50px 25px;
}
@media only screen and (min-width: 1024px) {
.twitter-events .content-container {
padding: 100px 25px;
}
}
.twitter-events .action-links {
margin: 0;
padding: 0;
display: flex;
}
.twitter-events .action-links li {
margin: 0 20px 0 0;
}
.twitter-events .action-links img {
width: 14px;
}
.twitter-events .twitter {
margin-bottom: 50px;
}
@media only screen and (min-width: 1024px) {
.twitter-events .twitter {
margin-bottom: 0;
}
}
.twitter-events .twitter li {
color: #121212;
}
.twitter-events .twitter li.twitter-post {
margin-bottom: 20px;
border-bottom: 1px solid #cccccc;
}
.twitter-events .twitter .copy {
margin-bottom: 10px;
display: block;
background-color: white;
}
.twitter-events .twitter .copy .date {
float: right;
font-family: "gotham_bold", sans-serif;
font-size: 13px;
}
.twitter-events .twitter .copy .post-link {
color: #d51525;
font-size: 14px;
}
.twitter-events .twitter .copy p {
font-size: 14px;
margin: 10px 0 15px;
color: #121212;
}
.twitter-events .twitter .copy p a {
font-size: 14px;
color: #727272;
font-weight: normal;
}
@media only screen and (min-width: 1024px) {
.twitter-events .events {
padding-left: 4%;
margin-top: 60px;
}
}
.twitter-events .events .img-wrapper {
position: relative;
width: 100%;
}
.twitter-events .events .img-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 62.5%;
}
.twitter-events .events .img-wrapper > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.twitter-events .events ul {
margin-bottom: 25px;
}
@media only screen and (min-width: 1024px) {
.twitter-events .events ul {
margin-bottom: 50px;
}
}
.twitter-events .events li {
margin: 0 0 20px;
}
@media only screen and (min-width: 640px) {
.twitter-events .events li {
margin: 0 0 40px;
}
.twitter-events .events li:nth-child(odd) {
padding-right: 20px;
}
.twitter-events .events li:nth-child(even) {
padding-left: 20px;
}
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
.twitter-events .events li:nth-child(even) {
transform: translateY(40px);
}
}
.twitter-events .events .content {
background-size: cover;
background-position: center;
}
.twitter-events .events .copy-wrapper {
display: flex;
background-color: #820000;
color: white;
padding: 20px 25px;
}
@media only screen and (min-width: 640px) {
.twitter-events .events .copy-wrapper {
padding: 25px 35px;
}
}
.twitter-events .events .date {
font-family: "gotham_bold", sans-serif;
}
.twitter-events .events .date .num {
color: white;
font-size: 50px;
line-height: 1;
}
@media only screen and (min-width: 1200px) {
.twitter-events .events .date .num {
font-size: 72px;
}
}
.twitter-events .events .date .month {
color: #faa634;
font-size: 11px;
}
@media only screen and (min-width: 1200px) {
.twitter-events .events .date .month {
font-size: 13px;
}
}
.twitter-events .events .copy {
padding-left: 20px;
}
@media only screen and (min-width: 1200px) {
.twitter-events .events .copy {
padding-left: 25px;
}
}
.twitter-events .events .copy p {
color: white;
font-size: 14px;
margin-bottom: 0;
text-transform: none;
font-weight: bold;
}
@media only screen and (min-width: 1024px) {
.twitter-events .events .copy p {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) {
.twitter-events .events .copy p {
font-size: 18px;
}
}
/*
*************************************************
*************************************************
Full Background With Text To side
*************************************************
*************************************************
*/
.full-bg-text-to-side {
padding: 50px 0;
}
@media only screen and (min-width: 640px) {
.full-bg-text-to-side {
padding: 65px 0;
}
}
.full-bg-text-to-side .content-container {
position: relative;
max-width: 1350px;
margin: 0 auto;
text-align: right;
}
.full-bg-text-to-side .bg-wrapper {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 65%;
width: calc(50% + 200px);
background-size: cover;
background-position: center;
}
.full-bg-text-to-side .link-container {
margin-top: auto;
max-width: 250px;
}
.full-bg-text-to-side .col-title {
color: #d51525;
}
@media only screen and (min-width: 640px) {
.full-bg-text-to-side .col-title {
margin: 25px 0 60px;
font-size: 16px;
}
}
.full-bg-text-to-side .copy-container {
padding: 25px;
display: inline-block;
width: 610px;
max-width: 100%;
position: relative;
}
@media only screen and (min-width: 640px) {
.full-bg-text-to-side .copy-container {
padding: 55px;
}
}
.full-bg-text-to-side .copy-container .rotator-wrapper {
overflow: hidden;
position: relative;
display: flex;
}
.full-bg-text-to-side .copy-container .slider-item {
position: absolute;
display: flex;
flex-direction: column;
width: 100%;
padding: 0 25px;
background-color: white;
}
@media only screen and (min-width: 640px) {
.full-bg-text-to-side .copy-container .slider-item {
padding: 0 55px;
}
}
.full-bg-text-to-side .copy-container h2 {
font-size: 24px;
text-transform: none;
line-height: 1.25;
margin-bottom: 10px;
letter-spacing: -1.5px;
color: #d51525;
}
@media only screen and (min-width: 480px) {
.full-bg-text-to-side .copy-container h2 {
font-size: 38px;
}
}
@media only screen and (min-width: 640px) {
.full-bg-text-to-side .copy-container h2 {
font-size: 48px;
}
}
.full-bg-text-to-side .copy-container p {
font-size: 13px;
margin-bottom: 30px;
max-width: 365px;
color: #121212;
}
@media only screen and (min-width: 640px) {
.full-bg-text-to-side .copy-container p {
margin-bottom: 50px;
}
}
.full-bg-text-to-side.flip .content-container {
text-align: left;
}
/*
*************************************************
*************************************************
Two Columns with Image Contained
*************************************************
*************************************************
*/
.two-columns-with-img-contained .content-container .column-img{
position: relative;
}
.two-columns-with-img-contained .content-container {
padding: 50px 25px 0;
}
@media only screen and (min-width: 1024px) {
.two-columns-with-img-contained .content-container {
padding: 60px 50px 0;
}
}
.two-columns-with-img-contained .content-container .column-img {
margin-bottom: 60px;
padding: 25px 0 0;
order: -1;
}
@media only screen and (min-width: 640px) {
.two-columns-with-img-contained .content-container .column-img {
padding: 0;
order: 0;
}
}
.two-columns-with-img-contained .content-container .column-img img {
max-width: 90%;
}
.two-columns-with-img-contained .content-container .column-text {
padding: 25px 0;
}
.two-columns-with-img-contained .content-container .column-text h2 {
margin-bottom: 35px;
text-transform: none;
}
.two-columns-with-img-contained .content-container .column-text p {
line-height: 2.5;
}
.two-columns-with-img-contained .content-container .column-text .copy {
max-width: 560px;
margin: 0 auto;
}
.two-columns-with-img-contained .content-container .column-text .link-container {
display: block;
margin-top: 35px;
overflow: hidden;
}
@media only screen and (min-width: 640px) {
.two-columns-with-img-contained .content-container .column-text .link-container {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.two-columns-with-img-contained .content-container .column-text .link-container {
margin-top: 60px;
}
}
.two-columns-with-img-contained .content-container .column-text .link-container a {
margin-bottom: 20px;
padding: 20px 10px;
}
@media only screen and (min-width: 1024px) {
.two-columns-with-img-contained.flip .content-container .column-img {
order: 0;
}
}
/*
*************************************************
*************************************************
Two Columns with Image Expanded
*************************************************
*************************************************
*/
.two-columns-with-img-expanded .content-container {
position: relative;
padding: 50px 25px;
}
@media only screen and (min-width: 1024px) {
.two-columns-with-img-expanded .content-container {
padding: 0 50px;
}
}
.two-columns-with-img-expanded .content-container .col-title {
margin-bottom: 50px;
}
.two-columns-with-img-expanded .content-container .img-wrap {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
position:relative;
}
@media only screen and (max-width: 1023px) {
.two-columns-with-img-expanded .content-container .img-wrap {
position: relative;
}
.two-columns-with-img-expanded .content-container .img-wrap:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.two-columns-with-img-expanded .content-container .img-wrap > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.two-columns-with-img-expanded .content-container .img-wrap {
margin: -20px auto 0;
height: 110%;
height: calc(100% + 40px);
width: 90%;
width: calc(100% - 50px);
position:absolute;
}
}
.two-columns-with-img-expanded .content-container .column-img {
z-index: 1;
padding: 25px 0 0;
margin-bottom: 25px;
order: -1;
}
@media only screen and (min-width: 640px) {
.two-columns-with-img-expanded .content-container .column-img {
order: 0;
position:relative;
}
}
@media only screen and (min-width: 1024px) {
.two-columns-with-img-expanded .content-container .column-img {
z-index: 1;
padding: 25px 0 0;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1024px) {
.two-columns-with-img-expanded .content-container .column-img {
padding: 0;
margin-bottom: 0;
}
}
.two-columns-with-img-expanded .content-container .column-img img {
max-width: 90%;
}
.two-columns-with-img-expanded .content-container .column-text {
padding: 25px;
}
@media only screen and (min-width: 1024px) {
.two-columns-with-img-expanded .content-container .column-text {
padding: 80px 25px;
}
}
.two-columns-with-img-expanded .content-container .column-text h2 {
margin-bottom: 35px;
text-transform: none;
}
.two-columns-with-img-expanded .content-container .column-text p {
line-height: 2.5;
}
.two-columns-with-img-expanded .content-container .column-text .copy {
max-width: 560px;
margin: 0 auto;
}
.two-columns-with-img-expanded .content-container .column-text .link-container {
display: block;
margin-top: 35px;
overflow: hidden;
}
@media only screen and (min-width: 640px) {
.two-columns-with-img-expanded .content-container .column-text .link-container {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.two-columns-with-img-expanded .content-container .column-text .link-container {
margin-top: 60px;
}
}
.two-columns-with-img-expanded .content-container .column-text .link-container a {
margin-bottom: 1.75rem;
padding: 20px;
}
@media only screen and (min-width: 1024px) {
.two-columns-with-img-expanded.flip .content-container .column-text {
order: 0;
}
}
.two-columns-with-img-expanded .play-video{
width:100%;
height:100%;
}
/*
*************************************************
*************************************************
Image with text column
*************************************************
*************************************************
*/
.text-column-w-image {
overflow: hidden;
}
.text-column-w-image .bg-wrapper {
overflow: hidden;
position: relative;
display: block;
min-height: 100%;
}
@media only screen and (max-width: 640px) {
.text-column-w-image .bg-wrapper {
width: 100%;
position: relative;
}
.text-column-w-image .bg-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 66.6666666667%;
}
.text-column-w-image .bg-wrapper > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
@media only screen and (max-width: 639px) {
.text-column-w-image .bg-wrapper {
order: -1;
}
}
.text-column-w-image .content-container {
position: relative;
max-width: 1350px;
margin: 0 auto;
}
.text-column-w-image .link-container {
margin-top: auto;
text-transform: uppercase;
font-size: 15px;
}
.text-column-w-image .image {
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.text-column-w-image .copy-section {
display: flex;
width: 100%;
position: relative;
padding: 22vh 0;
}
@media only screen and (max-width: 639px) {
.text-column-w-image .copy-section {
padding: 50px 0;
flex-direction: column;
width: 100%;
}
}
.text-column-w-image .copy-section .item {
position: relative;
padding: 0 25px;
}
@media only screen and (min-width: 640px) {
.text-column-w-image .copy-section .item {
padding: 0 55px;
}
}
.text-column-w-image .copy-section h2 {
font-size: 20px;
text-transform: none;
line-height: 1.25;
margin-bottom: 25px;
letter-spacing: -1.5px;
}
@media only screen and (min-width: 480px) {
.text-column-w-image .copy-section h2 {
font-size: 28px;
}
}
@media only screen and (min-width: 640px) {
.text-column-w-image .copy-section h2 {
font-size: 36px;
}
}
.text-column-w-image .copy-section p {
font-size: 13px;
margin-bottom: 30px;
max-width: 365px;
}
@media only screen and (min-width: 640px) {
.text-column-w-image .copy-section p {
margin-bottom: 50px;
}
}
.text-column-w-image.flip .bg-wrapper {
order: -1;
}
/*
*************************************************
*************************************************
Search Block
*************************************************
*************************************************
*/
.search-block .content-container {
padding-top: 35px;
padding-bottom: 35px;
}
.search-block .input-wrapper {
width: 100%;
position: relative;
}
/*.search-block .input-wrapper:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background-size: 100% 100%;
left: 0;
margin: 0 auto;
background-repeat: no-repeat;
background-image: url(../images/svg_sprite.svg#wideBorder);
}*/
.search-block .input-wrapper input {
font-size: 24px;
background-color: transparent;
color: white;
width: 100%;
border: 0;
position: relative;
font-weight: 400;
font-family: "Roboto", sans-serif;
height: auto;
height: initial;
margin-bottom: 0;
}
.search-block .input-wrapper input.placeholder {
color: white;
font-weight: 400;
}
.search-block .input-wrapper input:-moz-placeholder {
color: white;
font-weight: 400;
}
.search-block .input-wrapper input::-moz-placeholder {
color: white;
font-weight: 400;
}
.search-block .input-wrapper input:-ms-input-placeholder {
color: white;
font-weight: 400;
}
.search-block .input-wrapper input::-webkit-input-placeholder {
color: white;
font-weight: 400;
}
@media only screen and (min-width: 640px) {
.search-block .input-wrapper input {
font-size: 38px;
}
}
@media only screen and (min-width: 1024px) {
.search-block .input-wrapper input {
font-size: 72px;
}
}
.search-block .input-wrapper .search {
position: absolute;
top: 0;
right: 0;
padding: 0;
color: white;
font-size: 50px;
cursor: pointer;
transform: scale(1);
transition: all .1s ease-in;
}
.search-block .input-wrapper .search:hover, .search-block .input-wrapper .search:focus{
transform: scale(1.2);
}
@media only screen and (min-width: 640px) {
.search-block .input-wrapper .search {
top: 8px;
}
}
@media only screen and (min-width: 1024px) {
.search-block .input-wrapper .search {
top: 30px;
}
}
.search-block .input-wrapper img {
height: 20px;
}
@media only screen and (min-width: 640px) {
.search-block .input-wrapper img {
height: 30px;
}
}
@media only screen and (min-width: 1024px) {
.search-block .input-wrapper img {
height: 50px;
}
}
/*
*************************************************
*************************************************
Full Width List
*************************************************
*************************************************
*/
.full-width-list {
margin-bottom: 50px;
}
.full-width-list .row .row {
margin-left: 0;
margin-right: 0;
}
.full-width-list .columns {
margin: 0;
padding: 0;
}
.full-width-list h2 {
color: #121212;
font-size: 24px;
font-family: "Roboto", sans-serif;
font-weight: normal;
margin-bottom: 40px;
text-transform: none;
}
.full-width-list .content-container {
padding: 50px 25px 25px;
}
@media only screen and (min-width: 640px) {
.full-width-list .content-container {
padding: 70px 50px 25px;
}
}
.full-width-list ul {
margin-bottom: 1.75rem;
}
.full-width-list ul li{
position: relative;
margin-bottom: 35px;
}
.full-width-list ul li:after{
content: '';
height:1px;
width:100%;
position: absolute;
bottom:-18px;
background-color: #ededed;
}
.full-width-list ul li:last-child:after{
display: none;
}
.full-width-list ul li a{
text-decoration: none;
}
.full-width-list #main-results li a:visited .title{
color: #737373;
}
.full-width-list #main-results li a:hover .title, .full-width-list #main-results li a:focus .title{
color: #820000;
}
.full-width-list #main-results li a:hover em, .full-width-list #main-results li a:hover i, .full-width-list #main-results li a:focus em, .full-width-list #main-results li a:focus i{
color: #D51525;
}
.full-width-list #main-results li a:hover i, .full-width-list #main-results li a:focus i{
text-decoration: underline;
}
.full-width-list #main-results li a:hover p, .full-width-list #main-results li a:focus p{
color: #121212;
}
.full-width-list #main-results li a p, .full-width-list #main-results li a p{
margin-bottom: -5px;
}
.full-width-list #main-results li a i{
display: none;
}
@media only screen and (min-width: 640px) {
.full-width-list #main-results li a i{
display: block;
}
}
.full-width-list #main-results .with-image .image{
width: 80px;
height: 80px;
float: left;
background-size: cover;
background-position: center;
margin-right: 15px;
}
@media only screen and (min-width: 640px) {
.full-width-list ul li {
margin-bottom: 35px;
}
.full-width-list ul li a:before {
content: '';
position: absolute;
left: -15px;
top: 0;
height: 100%;
width: 3px;
background-image: url(../images/svg_sprite.svg#verticalBorder);
display: none;
}
.full-width-list ul li a:hover:before {
display: block;
}
}
.full-width-list ul.w-images li:before {
display: none;
}
.full-width-list ul.w-images li:hover:before {
display: none;
}
.full-width-list .col {
margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
.full-width-list .col {
margin-bottom: 50px;
}
}
.full-width-list .img {
position: relative;
margin-bottom: 25px;
background-size: cover;
background-position: center;
}
.full-width-list .img:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.full-width-list .img > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 640px) {
.full-width-list .img {
max-width: 190px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 640px) {
.full-width-list .img {
margin-right: 35px;
}
}
.full-width-list .copy {
background-color: white;
}
@media only screen and (min-width: 640px) {
.full-width-list .copy {
padding: 10px 0;
}
}
.full-width-list .copy p,
.full-width-list .copy .col-title {
margin-bottom: 10px;
color: #121212;
}
.full-width-list .copy a {
margin-bottom: 10px;
color: #727272;
font-weight: normal;
}
.full-width-list .copy a:hover,
.full-width-list .copy a:visited {
color: #727272;
}
.full-width-list .copy p,
.full-width-list .copy a {
font-size: 14px;
margin-bottom: 0;
}
.full-width-list .copy .title {
color: #121212;
font-size: 18px;
text-transform: none;
margin-bottom: 0;
font-weight: bold;
display: block;
margin-top: -4px;
line-height: 24px;
}
/*
*************************************************
*************************************************
Rotator With Copy Aside
*************************************************
*************************************************
*/
.rotator-w-copy-aside .left-side {
margin-bottom: 25px;
}
@media only screen and (min-width: 1024px) {
.rotator-w-copy-aside .left-side {
margin-bottom: 0;
}
}
.rotator-w-copy-aside .title-copy-cta .link-container a {
max-width: 100%;
}
/*
*************************************************
*************************************************
Rotator Three
*************************************************
*************************************************
*/
.rotator-three {
overflow: hidden;
text-align: left;
display: flex;
width: 100%;
position: relative;
flex-direction: column;
}
.rotator-three .rotator-wrapper {
overflow: hidden;
position: relative;
display: flex;
width: 100%;
height: 100%;
align-items: center;
}
.rotator-three .slider-item {
position: absolute;
padding: 0 25px 0 0;
opacity: 0;
}
.rotator-three .slider-item.active {
z-index: 1;
position: relative;
opacity: 1;
}
.rotator-three p {
font-size: 13px;
margin-bottom: 0;
color: #121212;
}
.rotator-three .flex-wrapper {
display: flex;
flex-direction: row;
}
.rotator-three .rotator-controls {
background-color: #d51525;
padding: 10px 5px;
flex-wrap: nowrap;
display: flex;
align-items: center;
}
.rotator-three .rotator-controls .arrow-container {
white-space: nowrap;
margin-right: 25px;
}
.rotator-three .rotator-controls .slide-indicators {
padding: 0 15px 0 25px;
display: flex;
}
.rotator-three .rotator-controls .slide-indicators > div {
display: inline-block;
border-radius: 50%;
width: 5px;
height: 5px;
margin-right: 8px;
}
.rotator-three .rotator-controls .slide-indicators > div:last-child {
margin-right: 0;
}
.rotator-three .rotator-controls .slide-indicators button {
height: 100%;
width: 100%;
display: block;
background-color: white;
border: none;
border-radius: 100%;
padding: 0;
font-size: 0;
}
.rotator-three .rotator-bg {
position: absolute;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.rotator-three .rotator-bg {
z-index: 1;
}
.rotator-three .bg-wrapper {
overflow: hidden;
position: relative;
display: block;
min-height: 100%;
width: 100%;
}
.rotator-three .bg-wrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 66.6666666667%;
}
.rotator-three .bg-wrapper > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.rotator-three .rotator-bg-overlay {
transform: translateX(100%);
-webkit-transition: transform 0.8s ease-out;
-moz-transition: transform 0.8s ease-out;
-ms-transition: transform 0.8s ease-out;
-o-transition: transform 0.8s ease-out;
transition: transform 0.8s ease-out;
}
.rotator-three .content-container {
position: relative;
margin: 0 auto;
}
.rotator-three .rotator-section {
width: 100%;
position: relative;
}
.rotator-three .rotator-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/*
*************************************************
*************************************************
Repeating Image Row
*************************************************
*************************************************
*/
.repeating-img-row > div {
margin-bottom: 50px;
}
@media only screen and (min-width: 1024px) {
.repeating-img-row > div {
margin-bottom: 0;
}
}
@media only screen and (min-width: 640px) {
.repeating-img-row .img {
padding: 0 25px;
}
}
/*
*************************************************
*************************************************
Staggered Images
*************************************************
*************************************************
*/
.staggared-image-wrapper h2 {
margin-bottom: 60px;
}
@media only screen and (min-width: 640px) {
.staggared-image-wrapper h2 {
margin-bottom: 115px;
}
}
.staggared-images {
max-width: none;
list-style-type: none;
margin: 0;
}
.staggared-images li {
color: white;
font-family: "gotham_bold", sans-serif;
font-size: 28px;
background-size: cover;
background-position: center;
margin-bottom: 25px;
position: relative;
text-align: center;
}
.staggared-images li:before {
display: block;
content: "";
width: 100%;
padding-top: 150%;
}
.staggared-images li > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.staggared-images li:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 75%;
left: 0;
background: -moz-linear-gradient(top, transparent 0%, black 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, transparent 0%, black 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, transparent 0%, black 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
/* IE6-9 */
}
.staggared-images li .content {
display: flex;
z-index: 1;
justify-content: center;
}
.staggared-images li .copy {
margin-top: auto;
padding: 30px;
}
.staggared-images li .copy .button {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.staggared-images li .copy .button:hover {
color: white;
}
.staggared-images li .text {
display: block;
margin-bottom: 1.75rem;
}
@media only screen and (min-width: 640px) {
.staggared-images li {
position: relative;
margin-bottom: 0;
}
.staggared-images li:before {
display: block;
content: "";
width: 100%;
padding-top: 175%;
}
.staggared-images li > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.staggared-images li:nth-child(1) {
transform: translateY(-30px);
}
.staggared-images li:nth-child(3) {
transform: translateY(-30px);
}
}
@media only screen and (min-width: 1024px) {
.staggared-images li {
position: relative;
}
.staggared-images li:before {
display: block;
content: "";
width: 100%;
padding-top: 200%;
}
.staggared-images li > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.staggared-images li:nth-child(1) {
transform: translateY(0);
}
.staggared-images li:nth-child(2) {
transform: translateY(-30px);
}
.staggared-images li:nth-child(3) {
transform: translateY(30px);
}
}
/*
*************************************************
*************************************************
Button Row
*************************************************
*************************************************
*/
.button-row {
margin-top: 50px;
list-style-type: none;
margin: 0;
}
.button-row.row {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.button-row a {
white-space: nowrap;
padding-right: 25px;
padding-left: 25px;
width: 100%;
}
/*
*************************************************
*************************************************
Module - Feed - Highlight
*************************************************
*************************************************
*/
.module-feed_highlight .header {
margin: 0px 0px 60px 0px;
}
.module-feed_highlight .story {
padding: 0px 0px 10px 0px;
}
.module-feed_highlight .story img {
width: 100%;
}
.module-feed_highlight .story p,
.module-feed_highlight .story h4 {
margin: 30px 0px 10px 0px;
padding: 0px 30px;
letter-spacing: normal;
}
.module-feed_highlight .story a {
margin: 20px 0px 0px 0px;
display: block;
}
.module-feed_highlight .list {
margin: 0px 0px 0px 10px;
display: flex;
flex-wrap: wrap;
}
.module-feed_highlight .list a {
text-decoration: none;
display: flex;
flex-direction: column;
width: 100%;
padding: 10px 20px 10px 10px;
margin: 0px 0px 5px 0px;
border-bottom: 1px solid #cccccc;
transition: padding .3s ease;
}
.module-feed_highlight .list p {
margin: 0px;
}
.module-feed_highlight .list a:hover {
padding: 10px 10px 10px 20px;
}
.module-feed_highlight .list .col-title {
margin: 0px 0px 5px 0px;
letter-spacing: normal;
}
.module-feed_highlight .list small {
margin: 10px 0px 10px 0px;
}
@media screen and (max-width: 64em) {
.module-feed_highlight .list {
margin: 35px 0px 0px 0px;
padding: 0px 30px;
}
}
/*
*************************************************
*************************************************
Emergency Alert Banner
*************************************************
*************************************************
*/
#emergency-alert {
display: none;
visibility: hidden;
}
#emergency-alert.active {
display: block;
visibility: visible;
}
#emergency-alert.danger {
background: #d00003;
color: #ffffff;
}
#emergency-alert.danger a {
color: #ffffff;
text-decoration: underline;
}
#emergency-alert.danger a:hover,
#emergency-alert.danger a:active {
color: #E0E0E0;
}
#emergency-alert.warning {
background: #FFE500;
color: #000000;
}
#emergency-alert.warning a {
color: #000000;
text-decoration: underline;
}
#emergency-alert.warning a:hover,
#emergency-alert.warning a:active {
color: #676767;
}
#emergency-alert .content-container {
padding: 20px;
}
#emergency-alert span {
font-size: 20px;
margin: 0px 20px;
}
#emergency-alert p {
margin-bottom: 0px;
line-height: 18px;
font-family: "Roboto", sans-serif;
}
#emergency-alert strong {
text-transform: uppercase;
font-family: "gotham_bold", sans-serif;
}
/*
*************************************************
*************************************************
MultiPanel - FullWidth
*************************************************
*************************************************
*/
.multi-panel_fullwidth {
padding: 90px 0px 0px;
}
.multi-panel_fullwidth a {
text-decoration: none;
color: #727272;
z-index: 100;
}
@media screen and (max-width: 63.9375em) {
.multi-panel_fullwidth img,
.multi-panel_fullwidth .content,
.multi-panel_fullwidth strong
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}
.multi-panel_fullwidth .content {
color: #727272;
}
.multi-panel_fullwidth img,
.multi-panel_fullwidth .button {
display: none;
}
.multi-panel_fullwidth .row {
padding: 50px 65px;
}
.multi-panel_fullwidth strong.col-title {
padding: 0px;
text-align: left;
position: relative;
background: none;
color: #D51525;
}
.multi-panel_fullwidth .column {
border: 1px solid #727272;
margin: 0px 0px -1px 0px;
padding: 10px;
}
}
@media screen and (min-width: 63.9376em) {
.multi-panel_fullwidth.white-bg strong,
.multi-panel_fullwidth.white-bg a:hover strong,
.multi-panel_fullwidth.white-bg a:focus strong {
background: #D51525;
color: #ffffff;
}
.multi-panel_fullwidth strong {
padding: 5px 25px;
text-align: center;
width: 100%;
display: block;
margin: 0px;
position: absolute;
top: 80%;
z-index: 10;
text-decoration: none;
-webkit-transition: top 0.5s ease-in-out;
-moz-transition: top 0.5s ease-in-out;
-o-transition: top 0.5s ease-in-out;
-ms-transition: top 0.5s ease-in-out;
transition: top 0.5s ease-in-out;
}
.multi-panel_fullwidth .content .button {
margin: 0px auto;
}
.multi-panel_fullwidth .content {
padding: 10% 25px 0% 25px;
position: absolute;
top: 100%;
width: 100%;
background: #ffffff;
color: #727272;
z-index: 5;
height: 100%;
opacity: 0;
text-align: center;
-webkit-transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
-moz-transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
-o-transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
-ms-transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.multi-panel_fullwidth .content p {
text-align: left;
margin: 0px 0px 10px 0px;
text-decoration: none;
}
.multi-panel_fullwidth a:hover .content,
.multi-panel_fullwidth a:focus .content {
opacity: 1;
top: 7%;
color: #727272;
}
.multi-panel_fullwidth a:hover strong,
.multi-panel_fullwidth a:focus strong {
top: 0%;
bottom: auto;
}
.multi-panel_fullwidth .column {
position: relative;
padding: 0px;
overflow: hidden;
}
.multi-panel_fullwidth .column-block {
margin: 0px;
}
}
@media screen and (min-width: 64em) {
.article-section .article-content .module-feed_highlight {
margin: 0px -125px;
}
}
/*
*************************************************
*************************************************
Program Page - Quick Facts
*************************************************
*************************************************
*/
.quickfacts {
margin: 25px 0px 0px 0px;
}
.quickfacts h3 {
margin: 60px auto 60px auto;
}
.quickfacts .left-blk {
float: left;
display: block;
width: 40%;
text-align: right;
}
.quickfacts .right-blk {
float: right;
display: block;
width: 60%;
text-align: left;
}
.quickfacts .right-blk ul {
margin-bottom: 0px;
}
.quickfacts b {
font-size: 13px;
text-transform: uppercase;
margin: 10px 0px 10px 0px;
font-family: "gotham_bold", sans-serif;
letter-spacing: 1.5px;
font-weight: normal;
display: block;
line-height: 12px;
}
.quickfacts em {
font-size: 3em;
line-height: 1em;
color: #d51525;
display: block;
font-style: normal;
font-family: "gotham_bold", sans-serif;
}
.quickfacts .fal {
font-size: 57px;
color: #d51525;
padding: 0px 10px 0px 0px;
}
#overview .centered-copy-module,
.quickfacts a,
.quickfacts ul li,
.quickfacts p {
font-size: 12px;
line-height: 15px;
word-wrap: break-word;
text-align: inherit;
}
.quickfacts .column {
margin: 25px 0px 0px 0px;
}
@media screen and (max-width: 63.9375em) {
.quickfacts .fal {
font-size: 60px;
padding: 0px;
}
.quickfacts .left-blk,
.quickfacts .right-blk {
width: 100%;
text-align: center;
float: none;
}
.quickfacts .column {
margin: 0px auto 40px auto;
}
.quickfacts ul,
.quickfacts ul li {
text-align: center;
list-style: none;
margin: 0px;
}
}
/*
*************************************************
*************************************************
EVENT DETAILS PAGE
*************************************************
*************************************************
*/
#events-page time {
margin: 0px 0px 20px 0px;
padding: 15px 0px 15px 20px;
display: block;
border-left: 9px solid #d51525;
}
#events-page time .date {
display: block;
font-size: 25px;
font-family: "gotham_bold", sans-serif;
color: #d51525;
line-height: 28px;
}
#events-page time .time {
display: block;
font-size: 18px;
font-family: "Roboto", sans-serif;
color: #d51525;
margin: 10px 0px 0px 0px;
line-height: 20px;
}
#events-page .thumb {
position: relative;
margin: 0px;
overflow: hidden;
}
#events-page .thumb .border {
position: absolute;
width: 100%;
height: 100%;
padding: 15px;
}
#events-page .label.alert {
background: #c60f13;
text-transform: uppercase;
font-family: "gotham_bold", sans-serif;
letter-spacing: 1.5px;
color: #fefefe;
font-size: 13px;
width: 100%;
margin: 0px 0px 10px 0px;
}
#events-page .label.alert.cross {
width: 200%;
text-align: center;
position: absolute;
transform: rotate(-45deg);
top: 50%;
left: -50%;
margin: 0px;
}
#events-page ul.info {
border: 2px solid #cccccc;
border-top: 0px;
list-style: none;
margin: 0px;
padding: 0px;
}
#events-page ul.info li {
border-top: none;
list-style: none;
margin: 0px;
display: block;
}
#events-page ul.info li .wrap {
display: block;
width: 100%;
padding: 0px;
position: relative;
text-decoration: none;
}
#events-page ul.info li .icon {
font-size: 22px;
display: block;
line-height: 2px;
top: 50%;
position: absolute;
left: 15px;
}
#events-page ul.info li .title {
padding: 10px 15px;
display: block;
line-height: 15px;
margin: 0px 0px 0px 35px;
overflow-wrap: break-word;
}
#events-page ul.info li.toggle .title {
margin: 0px 10px 0px 35px;
}
#events-page ul.info > li {
border-top: 2px solid #cccccc;
}
#events-page ul.info li .toggle-content {
display: none;
margin: 0px 18px 0px 18px;
padding-bottom: 10px;
}
#events-page ul.info li .toggle-content .wrap {
padding: 0px;
}
#events-page ul.info li.toggle > .wrap > .title {
margin: 0px 10px 0px 0px;
font-size: 15px;
font-family: "gotham_bold", sans-serif;
}
#events-page ul.info li .toggle-content .icon {
font-size: 18px;
left: 5px;
}
#events-page ul.info li .toggle-content li {
border: 0px;
}
#events-page ul.info li .toggle-icon {
font-size: 22px;
display: block;
line-height: 2px;
top: 50%;
position: absolute;
right: 20px;
}
#events-page ul.info ul {
padding: 0px 0px 10px 0px;
margin: 0px;
}
#events-page ul.share {
display: block;
width: 100%;
text-align: left;
padding: 15px 0px 15px 0px;
list-style-type: none;
margin: 0px 0px 0px -5px;
}
#events-page ul.share li {
display: inline;
width: auto;
text-align: center;
margin: 0px 5px;
}
#events-page ul.share li .icon {
font-size: 20px;
}
#events-page .updated {
display: block;
margin: 10px auto;
text-align: center;
}
#events-page a.btn {
display: block;
width: 100%;
margin: 10px 0px 10px 0px;
text-align: center;
color: #ffffff;
padding: 15px;
text-decoration: none;
font-size: 15px;
font-family: "gotham_bold", sans-serif;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
#events-page a.btn:hover,
#events-page a.btn:active,
#events-page a.btn:focus {
-webkit-box-shadow: 0 0 0 3px rgba(252, 165, 51, 0.5);
box-shadow: 0 0 0 3px rgba(252, 165, 51, 0.5);
background-color: #fb940d;
color: #545454;
}
@media only screen and (max-width: 640px) {
#events-page ul.share li .icon {
font-size: 30px;
}
}
#map {
width: 100%;
height: 400px;
}
/*
*************************************************
*************************************************
SKINNY CTA > PROGRAM PAGE
*************************************************
*************************************************
*/
.prg-mini-cta {
overflow: hidden;
}
.prg-mini-cta .content-container {
padding: 30px 0px;
}
.prg-mini-cta .content-area {
text-align: left;
}
.prg-mini-cta .columns {
padding-right: 0px;
}
.prg-mini-cta .content-area .copy {
width: 85%;
}
.prg-mini-cta .row {
z-index: 10;
}
.prg-mini-cta h3 {
margin: 0px 0px 5px 0px;
}
.prg-mini-cta input {
color: #727272;
caret-color: #727272;
border: 1px solid #727272;
background-color:rgba(255,255,255,1.00);
font-size: 12px;
}
.prg-mini-cta input:hover {
border: 1px solid #faa634;
}
.prg-mini-cta input:active,
.prg-mini-cta input:focus {
color: #002641 !important;
background-color:rgba(255,255,255,1.00) !important;
border: 1px solid #faa634;
box-shadow: 0 0 0 2px rgba(252, 165, 51, 1);
}
.prg-mini-cta input::placeholder {
color: #727272;
opacity: 1;
font-size: 13px;
}
.prg-mini-cta input::-webkit-input-placeholder,
.prg-mini-cta textarea::-webkit-input-placeholder,
.prg-mini-cta select::-webkit-input-placeholder {
color: #727272 !important;
font-size: 13px;
}
.prg-mini-cta .form-next {
border-radius: 0 !important;
color: #000000;
background-color: #faa634;
border-color: #faa634;
padding: 4px 0px 0px 10px;
display: block;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 5px;
font-family: "gotham_bold", sans-serif;
height: 2.4375rem;
font-weight: normal;
text-decoration: none;
overflow: hidden;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
width: 100%;
margin: 0px;
text-align: left;
}
.prg-mini-cta .form-next .fal {
font-size: 12px;
}
.prg-mini-cta .form-next .triangle {
display: block;
position: absolute;
top: 0px;
right: 0px;
border-style: solid;
border-width: 0 0 200px 200px;
line-height: 0px;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.prg-mini-cta .form-next:hover,
.prg-mini-cta .form-next:active,
.prg-mini-cta .form-next:focus {
color: #ffffff;
width: 110%;
}
.prg-mini-cta .slash {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 40%;
background: url(../../academics/_assets/banner-prg-cta.jpg) #ededed;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.prg-mini-cta .slash .mask {
position: absolute;
top: 0px;
left: 0px;
border-style: solid;
border-width: 300px 300px 0 0;
line-height: 0px;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.prg-mini-cta.red-bg .mask {
border-color: #d51525 transparent transparent transparent;
_border-color: #d51525 #000000 #000000 #000000;
}
.prg-mini-cta.red-bg .triangle {
border-color: transparent transparent #d51525 transparent;
_border-color: #000000 #000000 #d51525 #000000;
}
.prg-mini-cta.brick-bg .mask {
border-color: #820000 transparent transparent transparent;
_border-color: #820000 #000000 #000000 #000000;
}
.prg-mini-cta.brick-bg .triangle {
border-color: transparent transparent #820000 transparent;
_border-color: #000000 #000000 #820000 #000000;
}
.prg-mini-cta.ash-bg .mask {
border-color: #545454 transparent transparent transparent;
_border-color: #545454 #000000 #000000 #000000;
}
.prg-mini-cta.ash-bg .triangle {
border-color: transparent transparent #545454 transparent;
_border-color: #000000 #000000 #545454 #000000;
}
.prg-mini-cta.ash-bg h3 {
color: #faa634;
}
@media (max-width: 1024px) {
.prg-mini-cta .content-container {
padding: 30px;
}
.prg-mini-cta .slash .mask {
border-width: 500px 500px 0 0;
}
.prg-mini-cta .slash {
width: 50%;
background: #727272;
}
.prg-mini-cta .content-area .copy {
width: 100%;
}
.prg-mini-cta .form-next {
text-align: center;
}
.prg-mini-cta .form-next .triangle {
display: none;
}
.prg-mini-cta .form-next:hover,
.prg-mini-cta .form-next:active,
.prg-mini-cta .form-next:focus {
width: 100%;
}
.prg-mini-cta .slash .mask-lead {
display: none;
}
}
/*
*************************************************
*************************************************
Program Page - CourseLeaf
*************************************************
*************************************************
*/
.courseleaf .hidden {
display: none;
}
.courseleaf .areaheader,
.courseleaf .listsum td,
.courseleaf .areaheader td a {
font-weight: bold;
}
.courseleaf .areasubheader td {
border: none;
}
.courseleaf .areasubheader {
font-style: italic;
font-weight: bold;
background: #ededed;
}
.courseleaf .sc_footnotes tbody,
.courseleaf .sc_footnotes tr,
.courseleaf .sc_footnotes {
border: none;
}
.courseleaf .sc_footnotes td.symcol {
width: 15px;
}
.courseleaf .sc_footnotes td {
padding: 0 0 0.75em 0;
border: none;
}
.courseleaf .blockindent {
margin-left: 0px !important;
}
/*
*************************************************
*************************************************
RELATED CONTENT > PROGRAM PAGE
*************************************************
*************************************************
*/
.related-content {
margin: 0px 0px 50px 0px;
}
.related-content h2 {
margin: 10px 0px 25px 0px;
text-align: center;
display: block;
line-height: 22px;
}
.related-content h2 small {
display: block;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin: 10px 0px 0px 0px;
}
.related-content a.wrapper {
display: block;
height: 100%;
color: #ffffff;
text-decoration: none;
position: relative;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow: hidden;
}
.related-content-stack .column:first-of-type {
margin-bottom: 1.875rem;
padding-right: .9375rem;
padding-left: .9375rem;
}
.related-content .wrapper .category {
width: 100%;
font-size: 10px;
font-family: "roboto", sans-serif;
letter-spacing: 1.5px;
text-transform: uppercase;
line-height: 10px;
position: absolute;
top: 15px;
left: 15px;
z-index: 30;
}
.related-content .wrapper .category span {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.related-content .wrapper .category .fa-fw {
font-size: 28px;
float: left;
margin: 0px 5px 0px 0px;
width: auto;
}
.related-content .wrapper strong {
text-align: center;
color: #ffffff;
padding: 15px 50px 15px 50px;
font-family: "gotham_bold", sans-serif;
display: block;
margin: 45px 0px 45px 0px;
font-size: 25px;
line-height: 32px;
z-index: 40;
width: 100%;
font-weight: normal;
word-wrap: break-word;
}
.related-content a:active strong,
.related-content a:focus strong,
.related-content a:hover strong {
color: #ffffff;
}
.related-content .wrapper strong small {
font-size: 14px;
text-transform: uppercase;
margin: 0px 0px 30px 0px;
display: block;
line-height: 15px;
}
.related-content .wrapper strong .relbtn {
font-size: 14px;
display: table;
text-transform: uppercase;
margin: 30px auto 0px auto;
line-height: 15px;
padding: 10px;
border: 2px solid #ffffff;
position: relative;
transition: all 0.5s ease;
}
.related-content a:hover strong .relbtn {
transform: scale(1.1);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.related-content .notch {
position: absolute;
bottom: 0px;
right: 0px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 72px 72px;
border-color: transparent transparent #faa734 transparent;
line-height: 0px;
_border-color: #000000 #000000 #faa734 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
z-index: 20;
-webkit-transition: border-width .5s ease;
-moz-transition: border-width .5s ease;
-ms-transition: border-width .5s ease;
-o-transition: border-width .5s ease;
transition: border-width .5s ease;
}
.related-content .notch .fal {
right: 9px;
position: absolute;
bottom: -62px;
font-size: 30px;
}
.related-content .notch .default {
transition: opacity .3s, transform .3s;
}
.related-content .notch .hover {
transition: opacity 0.3s, transform 0.3s;
transform: rotate(-180deg) scale(0.5);
opacity: 0;
}
.related-content a:active .notch .default,
.related-content a:focus .notch .default,
.related-content a:hover .notch .default {
transform: rotate(180deg) scale(0.5);
opacity: 0;
}
.related-content a:active .notch .hover,
.related-content a:focus .notch .hover,
.related-content a:hover .notch .hover {
transform: rotate(-45deg) scale(1);
opacity: 1;
}
.related-content .background {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: 10;
filter: grayscale(70%) opacity(0.75);
-webkit-filter: grayscale(70%) opacity(0.75);
-webkit-transition: transform 1.0s ease;
-moz-transition: transform 1.0s ease;
-ms-transition: transform 1.0s ease;
-o-transition: transform 1.0s ease;
transition: transform 1.0s ease;
}
.related-content a:active .background,
.related-content a:focus .background,
.related-content a:hover .background {
transform: scale(1.1);
}
.related-content .gradient {
content: '';
background: -moz-linear-gradient(top, rgba(213,21,37,.4) 0%, rgba(130,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(213,21,37,.4) 0%,rgba(130,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(213,21,37,.4) 0%,rgba(130,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00820000', endColorstr='#820000',GradientType=0 );
z-index: 15;
}
.related-content .fill {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
/*smaller than large*/
@media screen and (max-width: 64em) {
.related-content .column,
.related-content .columns {
margin-bottom: 1.875rem;
}
.related-content-stack.columns {
margin-bottom: 0rem;
}
}
/*mid-large*/
@media screen and (max-width: 1785px) {
.related-content .wrapper strong {
padding: 20px;
line-height: 23px;
}
.related-content strong {
font-size: 20px;
}
}
/*mid-large to medium*/
@media screen and (max-width: 1200px) and (min-width: 1023px) {
.related-content .wrapper strong {
padding: 10px;
}
.related-content strong {
font-size: 20px;
}
}
/*small*/
@media screen and (max-width: 39.9375em) {
.related-content .wrapper strong {
padding: 50px 20px;
font-size: 18px;
line-height: 25px;
}
.related-content .wrapper strong small {
margin: 0px 0px 15px 0px;
}
}
/*
*************************************************
*************************************************
Home Page - Alert/Message (temp)
*************************************************
*************************************************
*/
.home-message {
position: relative;
margin: -125px 0px 0px 0px;
background: #ffffff;
width: 100%;
padding: 35px 20px;
color: #000000;
display: block;
}
.home-message .icon {
font-size: 30px;
margin: 0px 15px 0px 0px;
float: left;
}
.home-message p {
overflow: hidden;
margin: 0px;
font-family: "Roboto", sans-serif;
font-size: 20px;
}
/*
*************************************************
*************************************************
FASTFACTS BLOCK
*************************************************
*************************************************
*/
.module-fastfacts .fastfacts-list {
margin: auto;
}
.module-fastfacts .fact {
padding: 25px;
margin: .9375rem auto;
}
.module-fastfacts .fact b {
font-size: 45pt;
color: #d51525;
line-height: 45px;
font-family: "gotham_bold", sans-serif;
text-transform: uppercase;
display: block;
margin: 0px auto 15px auto;
}
.module-fastfacts .fact span {
display: block;
color: #002641;
font-size: 13px;
text-transform: uppercase;
font-family: "gotham_bold", sans-serif;
letter-spacing: 1.5px;
}
@media screen and (max-width: 1525px) and (min-width: 1024px) {
.module-fastfacts .fact b {
font-size: 25pt;
}
}