/** COMPILED FROM SCSS SOURCE. DO NOT EDIT DIRECTLY */
@import url("//fonts.googleapis.com/css?family=Muli:400,700|Roboto:400,700");
@font-face { font-family: justLovely; src: url(../../../../../fonts/just_lovely/JustLovelySlanted.woff); }

html, body { width: 100%; height: 100%; margin: 0; padding: 0; background: #fff; font-size: 1.0em; line-height: 1.2em; }

html img, body img { border: none; }

#isSmall { visibility: hidden; float: none; }

#isMedium { visibility: hidden; float: none; }

#isLarge { visibility: hidden; float: none; }

.w1Col { width: 12.5%; }

.w2Col { width: 25%; }

.w3Col { width: 37.5%; }

.w4Col { width: 50%; }

.w5Col { width: 62.5%; }

.w6Col { width: 75%; }

.w7Col { width: 87.5%; }

.w8Col { width: 100%; }

.floatLeft { float: left; }

.floatRight { float: right; }

.mobileMenuWrapper { display: none; }

#loading { background: rgba(255, 255, 255, 0.75) url(https://maddencdn.com/content/images/2019/aot/grandcanyon/centennial/flagstaff_logo.png) no-repeat center 56%; display: inline-block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1001; width: 100%; height: 100%; text-align: center; -webkit-transition: opacity ease .5s; -o-transition: opacity ease .5s; transition: opacity ease .5s; }

#loading.complete { opacity: 0; pointer-events: none; }

#loading img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; }

.top { position: fixed; top: 0; left: 0; text-align: left; font-family: "Roboto", sans-serif; width: 100%; height: 80px; padding: 0; z-index: 1000; background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%); }

.top .topLogo { position: absolute; top: 5px; left: 20px; z-index: 1000; width: auto; height: auto; padding: 5px; }

.top .topLogo .sponsorLogo { width: auto; height: 65px; margin: auto; }

.top .text { position: relative; width: 50%; color: white; font-family: "Muli", sans-serif; font-size: 26px; text-align: center; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-transform: uppercase; }

.chapterImage { cursor: default; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; z-index: 500; text-align: center; height: 100vh; line-height: 1.5em; overflow: visible; }

.chapterImage h1 { font-family: "Muli", sans-serif; color: white; font-size: 2.4em; font-weight: 500; line-height: 1.2em; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 90%; max-width: 1000px; }

.chapterImage h1 span { display: block; line-height: 1em; font-size: 3em; text-transform: uppercase; color: white; border-top: 1px solid white; letter-spacing: .12em; }

.chapterImage h1 span.justLovely { letter-spacing: normal; font-family: "justLovely", cursive; color: #F9FBB9; font-size: 5.5em; border: none; margin-bottom: -0.2em; text-transform: capitalize; }

.chapter { background-color: #fff; margin: 0 auto; padding: 0; width: 100%; height: auto; position: relative; z-index: 500; }

.chapter.white { background-color: white; }

.chapter.gray { background-color: #42494A; }

.chapter .stateLogo { display: block; position: absolute; left: 0; right: 0; top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 501; }

.chapter .stateLogo img { width: 140px; display: block; margin: 0 auto; }

section { position: relative; display: block; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0; margin: 0 auto; padding: 5em 0; text-align: left; color: #000; font-family: "Roboto", sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; }

section p:first-child:first-letter { font-size: 300%; }

section.white { color: white; }

section.white a:link, section.white a:visited, section.white a:active { text-decoration: underline; font-weight: 900; color: white; }

section.black { color: black; }

section.c1 { padding-top: 6em; }

section h2 { font-family: "Muli", sans-serif; font-size: 3.25em; line-height: 1em; color: #B2B9C0; text-align: center; font-weight: 500; }

section h3 { font-size: 1.75em; line-height: 1em; font-family: "Muli", sans-serif; text-align: center; color: white; font-weight: 900; border: 1px solid white; border-radius: 10px; padding: .5em; width: 50%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

section h4 { font-size: 4em; line-height: 1em; font-family: "Muli", sans-serif; margin: 1em auto; text-align: center; color: #B2B9C0; font-weight: normal; }

section p { padding: 0; }

section a:link, section a:visited, section a:active { text-decoration: underline; font-weight: 900; color: #000; }

section a:hover { text-decoration: underline; }

.slider { position: relative; width: 100%; display: block; }

.inlineShare { text-align: center; margin: 2em 0 0 0; }

.inlineShare span { position: relative; display: inline-block; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); text-transform: uppercase; font-family: "Roboto", sans-serif; font-size: 0.9em; font-weight: bold; }

.inlineShare a { text-decoration: none !important; background: none !important; }

.inlineShare a img { width: 20px; height: auto; margin-left: 8px; }

.inlineShare a:hover { background: none !important; text-decoration: none !important; }

.cta { font-family: "Muli", sans-serif; display: block; width: 100%; position: relative; height: auto; margin: 1em auto; font-size: 1.4vw; line-height: 1em; text-transform: uppercase; color: white; text-align: center; line-height: .75em; border: 2px solid #AB814A; padding: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.cta:hover { background: #414343; }

.cta a, .cta a:link, .cta a:hover, .cta a:visited { text-decoration: none !important; line-height: 1.2em; font-weight: normal !important; }

.cta span { display: block; text-transform: none; font-size: 250%; line-height: 1em; }

.pullQuote { background: #232525; color: #A7ACB8; width: calc(100vw - 20%); margin-left: -50%; font-size: 2.75em; line-height: 1.2em; padding: 1em 10%; position: relative; margin: 1.5em 0 1.5em -50%; }

.pullQuote:after, .pullQuote:before { content: ""; position: absolute; display: block; width: 100%; left: 0; top: 10px; height: 1px; background: #A7ACB8; }

.pullQuote:before { top: auto; bottom: 10px; }

.footer { position: relative; width: 100%; text-align: center; padding: 0 0 2.0em 0; z-index: 1000; background: #1e1e1e; }

.footer a { text-decoration: none; }

.footer .alsoLike { overflow: hidden; width: 90%; margin: 0 auto; text-align: center; padding: 2em 0; text-align: center; color: #fff; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 2em; line-height: 1em; text-transform: uppercase; }

.footer .alsoLikeLinkWrap .linkWrapper { position: relative; padding-bottom: 16%; width: 30%; max-width: 300px; margin: 0 1%; display: inline-block; }

.footer .alsoLikeLinkWrap .rLink { width: 100%; height: 100%; position: absolute; display: inline-block; left: 0; top: 0; background-color: #000; }

.footer .alsoLikeLinkWrap .rLink.rLink1 { background: transparent url(../../../../../images/2019/aot/grandcanyon/centennial/footer_img1.jpg) no-repeat; background-size: cover; }

.footer .alsoLikeLinkWrap .rLink.rLink2 { background: transparent url(../../../../../images/2019/aot/grandcanyon/centennial/footer_img2.jpg) no-repeat; background-size: cover; }

.footer .alsoLikeLinkWrap .rLink.rLink3 { background: transparent url(../../../../../images/2019/aot/grandcanyon/centennial/footer_img3.jpg) no-repeat; background-size: cover; }

.footer .alsoLikeLinkWrap .rLink .linkTitleWrapper { background-color: #00000099; display: table; position: absolute; width: calc(100% - 20px); bottom: 0; padding: 10px 10px 8px; }

.footer .alsoLikeLinkWrap .rLink .linkTitleWrapper a:hover, .footer .alsoLikeLinkWrap .rLink .linkTitleWrapper a:visited, .footer .alsoLikeLinkWrap .rLink .linkTitleWrapper a:hover { background-color: #F9FBB9; }

.footer .alsoLikeLinkWrap .rLink .linkTitleWrapper .linkTitle { display: table-cell; vertical-align: middle; color: #fff; font-family: "Roboto", sans-serif; font-size: 1em; line-height: 1em; text-align: left; font-weight: bolder; text-transform: capitalize; padding: 0; }