@font-face { font-family: 'Avenir Next Medium'; src: url("AvenirNext-Medium.eot"); src: url("AvenirNext-Medium.eot?#iefix") format("embedded-opentype"), url("AvenirNext-Medium.woff2") format("woff2"), url("AvenirNext-Medium.woff") format("woff"), url("AvenirNext-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Avenir Next Italic'; src: url("AvenirNext-MediumItalic.eot"); src: url("AvenirNext-MediumItalic.eot?#iefix") format("embedded-opentype"), url("AvenirNext-MediumItalic.woff2") format("woff2"), url("AvenirNext-MediumItalic.woff") format("woff"), url("AvenirNext-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Avenir Next Bold'; src: url("AvenirNext-Bold.eot"); src: url("AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("AvenirNext-Bold.woff2") format("woff2"), url("AvenirNext-Bold.woff") format("woff"), url("AvenirNext-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Fixture Medium'; src: url("Fixture-Medium.eot"); src: url("Fixture-Medium.eot?#iefix") format("embedded-opentype"), url("Fixture-Medium.woff2") format("woff2"), url("Fixture-Medium.woff") format("woff"), url("Fixture-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Fixture Bold'; src: url("Fixture-Bold.eot"); src: url("Fixture-Bold.eot?#iefix") format("embedded-opentype"), url("Fixture-Bold.woff2") format("woff2"), url("Fixture-Bold.woff") format("woff"), url("Fixture-Bold.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Fixture Condensed Bold'; src: url("Fixture-CondensedBold.eot"); src: url("Fixture-CondensedBold.eot?#iefix") format("embedded-opentype"), url("Fixture-CondensedBold.woff2") format("woff2"), url("Fixture-CondensedBold.woff") format("woff"), url("Fixture-CondensedBold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Fixture Semi Bold'; src: url("Fixture-SemiBold.eot"); src: url("Fixture-SemiBold.eot?#iefix") format("embedded-opentype"), url("Fixture-SemiBold.woff2") format("woff2"), url("Fixture-SemiBold.woff") format("woff"), url("Fixture-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Fixture Condensed Medium'; src: url("Fixture-CondensedMedium.eot"); src: url("Fixture-CondensedMedium.eot?#iefix") format("embedded-opentype"), url("Fixture-CondensedMedium.woff2") format("woff2"), url("Fixture-CondensedMedium.woff") format("woff"), url("Fixture-CondensedMedium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Fixture Condensed SemiBold'; src: url("Fixture-CondensedSemiBold.eot"); src: url("Fixture-CondensedSemiBold.eot?#iefix") format("embedded-opentype"), url("Fixture-CondensedSemiBold.woff2") format("woff2"), url("Fixture-CondensedSemiBold.woff") format("woff"), url("Fixture-CondensedSemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } body { background-color: #FFFFFF; font-family: 'Fixture Condensed SemiBold'; font-size: 0px; letter-spacing: 0px; color: #3E3E3E; overflow-x: hidden; } body.no-scroll { overflow: hidden; } div.mainContainer { display: block; position: relative; width: 100%; max-width: 100vw; height: auto; padding: 0px; margin: 0px; } div.mainContainer div, div.mainContainer a, div.mainContainer p, div.mainContainer span, div.mainContainer input { box-sizing: border-box; /*transition:.5s;*/ } div.mainContainer a { text-decoration: none; } div.mainContainer .caps { text-transform: uppercase; } div.mainContainer div.intro { display: block; position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; background: #000000; z-index: 3000; } div.mainContainer div.intro div#intro-video { display: block; position: relative; left: 0px; top: 0px; width: 100%; height: 100%; } div.mainContainer div.intro div.buttons { display: block; position: absolute; opacity: 0; right: 40px; bottom: 40px; text-align: right; transition: .5s; } div.mainContainer div.intro div.buttons.show { opacity: 1; } div.mainContainer div.intro div.buttons a, div.mainContainer div.intro div.buttons span.divider { display: inline-block; position: relative; vertical-align: middle; text-decoration: none; color: #FFFFFF; font-size: 40px; line-height: 30px; text-transform: uppercase; } div.mainContainer div.intro div.buttons a.hide, div.mainContainer div.intro div.buttons span.divider.hide { display: none; } div.mainContainer div.intro div.buttons a.btn-sound span, div.mainContainer div.intro div.buttons span.divider.btn-sound span { display: inline-block; position: relative; vertical-align: middle; top: -3px; margin-right: 5px; width: 38px; height: 31px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/Volume-off.svg"); } div.mainContainer div.intro div.buttons span.divider { width: 2px; height: 30px; background: #FFFFFF; margin: 0px 15px; top: -2px; } div.mainContainer div.mainContent { display: block; position: relative; width: 100%; padding-top: 100px; background: #FFFFFF; } div.mainContainer div.mainContent.show { opacity: 1; transition: opacity .5s; } div.mainContainer div.mainContent.public { /* div.nav { div.menu { div.buttons.other-buttons { div.content { a.btn-summary {display:none;} } } } } */ } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info { z-index: 12; position: absolute; /*width:640px;*/ width: auto; left: calc(50% - 320px); bottom: 20px; margin-top: 0px; } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info img.rep-photo { display: none; } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info p.representative { display: none; } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info div { font-size: 26px; line-height: 38px; } @media (max-width: 480px) { div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info div { font-size: 21px; line-height: 26px; } } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info div br { display: block; } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info div span.representative { display: none; } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info div span, div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info div a { color: #1F5733; } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info div span:hover, div.mainContainer div.mainContent.public div.main.home div.content div.rep-info div.info div a:hover { color: #000000; } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info a.btn-rep { background-image: none; background: #1F5733; } @media (max-width: 880px) { div.mainContainer div.mainContent.public div.main.home div.content { transform: translate(0px, 0px); } } @media (max-width: 640px) { div.mainContainer div.mainContent.public div.main.home div.content { transform: translate(0px, 0px); } div.mainContainer div.mainContent.public div.main.home div.content div.rep-info { width: calc(100vw - 40px); left: 20px; } } div.mainContainer div.mainContent div.nav { display: block; position: fixed; z-index: 1000; width: 100%; left: 0px; top: 0px; height: auto; background: #1F5733; text-transform: uppercase; text-align: center; } div.mainContainer div.mainContent div.nav div.mobile { display: none; } div.mainContainer div.mainContent div.nav div.menu { display: block; position: relative; width: 100%; } div.mainContainer div.mainContent div.nav div.menu div.buttons { display: block; position: relative; width: 100%; } div.mainContainer div.mainContent div.nav div.menu div.buttons div.content { display: inline-block; position: relative; width: 100%; max-width: 1000px; text-align: left; white-space: nowrap; } div.mainContainer div.mainContent div.nav div.menu div.buttons.other-buttons div.content { text-align: right; } div.mainContainer div.mainContent div.nav div.menu div.buttons.other-buttons div.content a { display: inline-block; position: relative; vertical-align: top; width: auto; min-width: 140px; padding: 8px 10px; background-image: linear-gradient(0deg, #9A864A 0%, #C3A259 43%, #F5D28F 100%); color: #FFFFFF; font-family: 'Fixture Condensed Bold'; font-size: 15px; line-height: 16px; margin-left: 10px; text-align: center; } div.mainContainer div.mainContent div.nav div.menu div.buttons.other-buttons div.content a.on { pointer-events: none; cursor: default; background-image: linear-gradient(0deg, #9A864A 0%, #E7C985 60%, #DCB363 100%); } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons { height: 70px; background: #FFFFFF; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content a.btn-home, div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections { display: inline-block; position: relative; vertical-align: middle; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content a.btn-home { width: 62px; height: 62px; margin-right: 58px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/Cubs-Logo.png"); } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections { display: inline-flex; width: calc(100% - 120px); justify-content: space-between; align-items: center; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections.right-align { justify-content: flex-end; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group { display: block; position: relative; width: auto; height: 70px; font-family: 'Fixture Condensed Medium'; font-size: 14px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group.home { display: none; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a { text-align: center; font-family: 'Fixture Medium'; color: #7F7F7F; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section { display: flex; position: relative; width: auto; height: 70px; justify-content: center; align-items: center; padding: 0px 20px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.no-caps { text-transform: initial !important; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.page:hover { background-image: linear-gradient(179deg, #EBEBEB 0%, #F2F2F2 100%); } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.no-page { cursor: default; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.on { border-bottom: 4px solid #DCB363; padding-top: 4px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.on.page { pointer-events: none; cursor: default; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub { display: block; position: absolute; width: auto; height: auto; max-height: 0px; overflow: hidden; background: #FFFFFF; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub a { display: block; position: relative; width: 100%; height: auto; padding: 14px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub a span { text-transform: lowercase !important; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub a:hover { background-image: linear-gradient(179deg, #EBEBEB 0%, #F2F2F2 100%); } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub a.on { background-image: linear-gradient(179deg, #EBEBEB 0%, #F2F2F2 100%); pointer-events: none; cursor: default; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group:hover div.sub { max-height: 360px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.border-bottom { display: none; position: relative; width: 100%; height: 1px; transform: translate(0px, -1px); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.8); pointer-events: none; cursor: default; } div.mainContainer div.mainContent div.main { display: none; position: relative; width: 100%; height: auto; min-height: calc(100vh - 100px); text-align: center; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); /*div.content {display:inline-block; position:relative; width:100%; max-width:1000px; text-align:center; }*/ } div.mainContainer div.mainContent div.main.no-shadow { box-shadow: none; } div.mainContainer div.mainContent div.main.show { display: block; } div.mainContainer div.mainContent div.main.home div.content { display: block; position: relative; text-align: center; } div.mainContainer div.mainContent div.main.home div.content div.greetings { z-index: 10; display: flex; position: relative; width: 100%; height: calc(100vh - 220px); justify-content: center; align-items: center; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../images/home-bg.jpg"); /*padding-left:60px;*/ box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2); pointer-events: none; cursor: default; } div.mainContainer div.mainContent div.main.home div.content div.greetings div.board { width: 534px; height: 366px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/Marquee.png"); padding: 202px 80px 0px 80px; } div.mainContainer div.mainContent div.main.home div.content div.greetings div.board p { text-align: center; font-family: 'Fixture Bold'; color: #FDDDA0; font-size: 30px; line-height: 30px; text-transform: uppercase; } div.mainContainer div.mainContent div.main.home div.content div.greetings div.player { height: calc(100% - 30px); } div.mainContainer div.mainContent div.main.home div.content div.greetings div.player img { height: 100%; transform: translate(0px, 80px); } div.mainContainer div.mainContent div.main.home div.content div.welcome { display: block; position: relative; width: 100%; height: calc(100vh - 100px); padding: 60px 0px 60px 0px; } div.mainContainer div.mainContent div.main.home div.content div.welcome div.bg-video { z-index: 9; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; overflow: hidden; padding: 0px; } div.mainContainer div.mainContent div.main.home div.content div.welcome div.bg-video iframe { width: calc((100vh - 100px) * 16 / 9); height: calc(100vh - 100px); left: calc(50vw - (50vh - 50px) * 16 / 9); top: 0px; } @media (min-aspect-ratio: 16 / 9) { div.mainContainer div.mainContent div.main.home div.content div.welcome div.bg-video iframe { width: 100vw; height: calc(100vw * 9 / 16); left: 0px; top: calc((50vh - 50px) - 50vw * 9 / 16); } } div.mainContainer div.mainContent div.main.home div.content div.welcome div.box { z-index: 10; display: flex; justify-content: center; align-items: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; flex-direction: column; padding: 0px 10px 80px 10px; background: rgba(0, 0, 0, 0.5); } div.mainContainer div.mainContent div.main.home div.content div.welcome div.box p { color: #FFFFFF; font-family: 'Fixture Condensed SemiBold'; font-size: 30px; line-height: 30px; letter-spacing: 6px; margin-top: 20px; text-align: center; text-transform: uppercase; } @media (max-width: 1040px), (max-height: 1040px) { div.mainContainer div.mainContent div.main.home div.content div.welcome div.box p { font-size: 24px; line-height: 22px; } } div.mainContainer div.mainContent div.main.home div.content div.welcome div.box p.large { font-family: 'Fixture Condensed Bold'; font-size: 128px; line-height: 110px; letter-spacing: 0px; margin-top: 10px; } @media (max-width: 720px) { div.mainContainer div.mainContent div.main.home div.content div.welcome div.box p.large { font-size: 70px; line-height: 58px; } } @media (max-width: 390px) { div.mainContainer div.mainContent div.main.home div.content div.welcome div.box p.large { font-size: 60px; line-height: 52px; } } @media (max-width: 360px) { div.mainContainer div.mainContent div.main.home div.content div.welcome div.box p.large { font-size: 52px; line-height: 46px; } } @media (max-width: 880px) { div.mainContainer div.mainContent div.main.home div.content div.welcome { height: calc(100vh - 60px); } div.mainContainer div.mainContent div.main.home div.content div.welcome div.bg-video iframe { width: calc((100vh - 60px) * 16 / 9); height: calc(100vh - 60px); left: calc(50vw - (50vh - 30px) * 16 / 9); top: 0px; } } @media (max-width: 880px) and (min-aspect-ratio: 16 / 9) { div.mainContainer div.mainContent div.main.home div.content div.welcome div.bg-video iframe { width: 100vw; height: calc(100vw * 9 / 16); left: 0px; top: calc((50vh - 30px) - 50vw * 9 / 16); } } div.mainContainer div.mainContent div.main div.content div.rep-info { z-index: 9; display: inline-block; position: relative; margin-top: 36px; /*width:100%;*/ width: auto; max-width: 640px; height: 52px; white-space: nowrap; background: #FFFFFF; text-transform: uppercase; text-align: left; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); } div.mainContainer div.mainContent div.main div.content div.rep-info img, div.mainContainer div.mainContent div.main div.content div.rep-info div.info, div.mainContainer div.mainContent div.main div.content div.rep-info a.btn-rep { display: inline-block; position: relative; vertical-align: middle; } div.mainContainer div.mainContent div.main div.content div.rep-info img { height: 100%; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info { margin: 5px 10px; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info p { font-family: 'Fixture Condensed Medium'; font-size: 19px; color: #3E3E3E; line-height: 20px; text-align: left; white-space: nowrap; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info div { font-family: 'Fixture Condensed Medium'; font-size: 19px; color: #9A864A; line-height: 20px; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info div a, div.mainContainer div.mainContent div.main div.content div.rep-info div.info div span { display: inline-block; position: relative; vertical-align: middle; margin-right: 3px; color: #9A864A; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info div a.mobile, div.mainContainer div.mainContent div.main div.content div.rep-info div.info div span.mobile { display: none; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info div a:hover, div.mainContainer div.mainContent div.main div.content div.rep-info div.info div span:hover { color: #DCB363; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info div span.divider { width: 4px; height: 4px; border-radius: 50%; background: #3E3E3E; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info.mobile { display: none; } div.mainContainer div.mainContent div.main div.content div.rep-info a.btn-rep { width: 142px; height: 100%; color: #FFFFFF; font-family: 'Fixture Condensed Bold'; font-size: 19px; line-height: 20px; padding: 16px 0px; text-align: center; background-image: linear-gradient(0deg, #9A864A 0%, #C3A259 43%, #F5D28F 100%); float: right; } div.mainContainer div.mainContent div.main div.content div.rep-info br { display: none; } div.mainContainer div.mainContent div.main.section { z-index: 100; } div.mainContainer div.mainContent div.main.section.bg-white { background-image: url("../images/bg-white.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.mainContainer div.mainContent div.main.section div.page { display: flex; position: relative; width: 100%; height: auto; min-height: calc(100vh - 100px); padding-top: 0px; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2); } div.mainContainer div.mainContent div.main.section div.page.bg-green { background-image: url("../images/bg-green.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.mainContainer div.mainContent div.main.section div.page.bg-white { background-image: url("../images/bg-white.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.mainContainer div.mainContent div.main.section div.page div.content { display: inline-block; position: relative; width: 100%; max-width: 1000px; text-align: center; padding: 40px 0px; } div.mainContainer div.mainContent div.main.section div.page div.content.small { max-width: 650px; } div.mainContainer div.mainContent div.main.section div.page div.content div.title { display: block; position: relative; text-align: center; } div.mainContainer div.mainContent div.main.section div.page div.content div.title.white { color: #FFFFFF; } div.mainContainer div.mainContent div.main.section div.page div.content div.title p { font-family: 'Fixture Condensed SemiBold'; font-size: 54px; line-height: 53px; text-transform: uppercase; text-align: center; } div.mainContainer div.mainContent div.main.section div.page div.content div.title p span { text-transform: lowercase; } div.mainContainer div.mainContent div.main.section div.page div.content div.title span.line { display: inline-block; position: relative; width: 200px; height: 4px; background-image: linear-gradient(270deg, #DCB363 0%, #E0C48C 29%, #DCB363 100%); box-shadow: 0 0 10px 5px rgba(220, 179, 99, 0.24); margin: 15px 0px; } div.mainContainer div.mainContent div.main.section div.page div.content ul { display: inline-block; position: relative; text-align: left; list-style: outside disc; margin-top: 15px; } div.mainContainer div.mainContent div.main.section div.page div.content ul li { margin-left: 18px; font-family: 'Avenir Next Medium'; font-size: 14px; line-height: 22px; padding: 1px 0; } div.mainContainer div.mainContent div.main.section div.page div.content ul li strong { text-transform: uppercase; /*font-weight:700;*/ } div.mainContainer div.mainContent div.main.section div.page div.content em { font-family: 'Avenir Next Italic'; } div.mainContainer div.mainContent div.main.section div.page div.content strong { font-family: 'Avenir Next Bold'; } div.mainContainer div.mainContent div.main.section div.page.intro { z-index: 10; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery { z-index: 10; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery div.photos { display: block; position: relative; width: 100%; height: 100%; white-space: nowrap; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery div.photos span { display: inline-block; position: relative; vertical-align: middle; width: 100%; height: 100%; margin-right: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery div.overlay { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(31, 87, 51, 0.8) 0%, rgba(31, 87, 51, 0.8) 24%, rgba(31, 87, 51, 0) 92%); } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery a.arrow { display: flex; position: absolute; width: 67px; height: 100%; top: 0px; justify-content: center; align-items: center; opacity: 0; pointer-events: none; cursor: default; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery a.arrow img { width: 100%; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery a.arrow.show { opacity: 1; pointer-events: auto; cursor: pointer; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery a.arrow.next { right: 60px; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery a.arrow.prev { left: 60px; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery a.arrow.prev img { transform: rotate(180deg); } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery div.dots { display: block; position: absolute; left: 0px; bottom: 30px; width: 100%; height: auto; text-align: center; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery div.dots.top { bottom: auto; top: 30px; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery div.dots a { display: inline-block; position: relative; vertical-align: middle; width: 14px; height: 14px; border-radius: 50%; background: #FFFFFF; margin: 0px 5px; } div.mainContainer div.mainContent div.main.section div.page.intro div.back-gallery div.dots a.on { background: #DCB363; pointer-events: none; cursor: default; } div.mainContainer div.mainContent div.main.section div.page.intro.with-back-gallery div.intro-content { padding-left: 120px; padding-right: 120px; pointer-events: none; cursor: default; background: none; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content { z-index: 20; display: flex; position: relative; width: 100%; height: auto; min-height: calc(100vh - 100px); padding-bottom: 100px; background-image: linear-gradient(90deg, rgba(31, 87, 51, 0.8) 0%, rgba(31, 87, 51, 0.8) 24%, rgba(31, 87, 51, 0) 92%); flex-direction: column; justify-content: center; align-items: center; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content { text-align: left; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.title { text-align: left; width: 100%; max-width: 480px; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.title p { text-align: left; color: #FFFFFF; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.title img.sold-out { display: inline-block; position: relative; width: auto; max-width: 138px; height: auto; } @media (min-width: 640px) { div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.title img.sold-out { position: absolute; bottom: 20px; right: -20px; } } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy { display: block; position: relative; width: 100%; max-width: 480px; font-family: 'Avenir Next Medium'; font-size: 20px; line-height: 28px; color: #FFFFFF; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy ul { margin-top: 15px; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy ul li { font-size: 20px; line-height: 24px; padding: 3px 0; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy.attachment { margin-top: 20px; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy.attachment p a { color: #FFFFFF; text-decoration: underline; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy div.my-buttons { display: block; position: relative; margin-top: 20px; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy div.my-buttons a { display: inline-block; position: relative; vertical-align: top; width: auto; min-width: 140px; padding: 8px 10px; margin: 0px 5px 5px 0px; background-image: linear-gradient(0deg, #9A864A 0%, #C3A259 43%, #F5D28F 100%); color: #FFFFFF; font-family: 'Fixture Condensed Bold'; font-size: 15px; line-height: 16px; text-align: center; text-transform: uppercase; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy p { margin-top: 20px; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy p:first-child { margin-top: 0px; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy p a { text-decoration: underline; color: #FFFFFF; } div.mainContainer div.mainContent div.main.section div.page.intro div.button { z-index: 30; display: block; position: absolute; left: 0px; bottom: 24px; width: 100%; text-align: center; } div.mainContainer div.mainContent div.main.section div.page.intro div.button a.arrow { display: inline-block; position: relative; width: 150px; height: 68px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/Down-Arrow.svg"); } div.mainContainer div.mainContent div.main.section div.page.intro div.button a.arrow:hover { background-image: url("../images/Down-Arrow-Hover.svg"); } div.mainContainer div.mainContent div.main.section div.page.intro div.button a.btn-contact { display: inline-block; position: absolute; right: 20px; bottom: 0px; padding: 10px 25px; font-size: 24px; line-height: 24px; background: #1F5733; color: #FFFFFF; font-family: 'Fixture Condensed Bold'; text-align: center; text-transform: uppercase; } @media (max-width: 720px) { div.mainContainer div.mainContent div.main.section div.page.intro div.button a.btn-contact { font-size: 20px; line-height: 20px; } } div.mainContainer div.mainContent div.main.section div.page.video { z-index: 8; } div.mainContainer div.mainContent div.main.section div.page.video div.content div.my-video { display: inline-block; position: relative; margin-top: 10px; width: 1000px; height: 544px; box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2); background-image: url("../images/ideal-suite-level/20-game-suite-packages/20-Game-Suite-Packages-01-Hero.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.mainContainer div.mainContent div.main.section div.page.gallery { z-index: 7; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery { display: block; position: relative; padding-bottom: 40px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery div.photos { display: block; position: relative; width: 1000px; height: 544px; white-space: nowrap; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery div.photos span { display: inline-block; position: relative; vertical-align: middle; width: 100%; height: 100%; margin-right: 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2); } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow { display: flex; position: absolute; width: 67px; height: 100%; top: 0px; justify-content: center; align-items: center; opacity: 0; pointer-events: none; cursor: default; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow span { display: inline-block; position: relative; background-position: center center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 100px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.show { opacity: 1; pointer-events: auto; cursor: pointer; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.next { right: -50px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.next span { background-image: url("../images/Right-Arrow.svg"); } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.next:hover span { background-image: url("../images/Right-Arrow-Hover.svg"); } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.prev { left: -50px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.prev span { background-image: url("../images/Left-Arrow.svg"); } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.prev:hover span { background-image: url("../images/Left-Arrow-Hover.svg"); } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery div.dots { display: block; position: relative; margin-top: 20px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery div.dots a { display: inline-block; position: relative; vertical-align: middle; width: 14px; height: 14px; border-radius: 50%; background: #FFFFFF; margin: 0px 5px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery div.dots a:hover { background: #DCB363; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery div.dots a.on { background: #DCB363; pointer-events: none; cursor: default; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub { min-height: calc(100vh - 170px); display: none; padding: 120px 0px; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub.show { display: flex; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub div.content div.copy { display: block; position: relative; text-align: center; padding: 0px 50px; color: #7F7F7F; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub div.content div.copy p { font-family: 'Avenir Next Medium'; font-size: 14px; line-height: 24px; text-align: center; margin-bottom: 20px; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub div.content div.copy p.bold { font-family: 'Fixture Condensed SemiBold'; font-size: 20px; line-height: 20px; color: #4A4A4A; text-transform: uppercase; margin-bottom: 10px; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub div.my-gallery div.dots { height: 0px; margin-top: 0px; transform: translate(0px, -28px); } div.mainContainer div.mainContent div.main.section div.page.seating { z-index: 6; display: block; position: relative; white-space: nowrap; padding-top: 0px; } div.mainContainer div.mainContent div.main.section div.page.seating div.block { display: inline-block; position: relative; vertical-align: top; height: calc(100vh - 100px); } div.mainContainer div.mainContent div.main.section div.page.seating div.block.photo { width: calc(100% * 336 / 1440); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.mainContainer div.mainContent div.main.section div.page.seating div.block.seat-map { display: inline-flex; width: calc(100% - 100% * 336 / 1440); padding: 50px 150px 50px 50px; justify-content: center; align-items: center; } div.mainContainer div.mainContent div.main.section div.page.seating div.block.seat-map div.my-map { display: block; position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } div.mainContainer div.mainContent div.main.section div.page.seating div.block.seat-map div.my-map a { display: block; position: absolute; padding: 0px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/zoom-in.svg"); } div.mainContainer div.mainContent div.main.section div.page.seating div.block.seat-map div.my-map a:hover { background-image: url("../images/zoom-in-Hover.svg"); } div.mainContainer div.mainContent div.main.section div.page.benefits { z-index: 5; } div.mainContainer div.mainContent div.main.section div.page.benefits.non-game { padding: 120px 0px; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits { display: inline-block; position: relative; width: 100%; text-align: left; white-space: nowrap; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit { display: inline-block; position: relative; vertical-align: middle; width: 300px; height: 300px; margin: 25px 50px 25px 0px; text-align: center; text-transform: uppercase; pointer-events: auto; cursor: pointer; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit.no-more, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit.no-more { pointer-events: none; cursor: default; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; padding: 10px 0px; width: 100%; height: 100%; left: 0px; top: 0px; background: #FFFFFF; transform: rotate3d(0, 1, 0, 0deg); transition: .5s; white-space: normal; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side.active.side1, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side.active.side1 { transform: rotate3d(0, 1, 0, 90deg); opacity: 0; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side.active.side2, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side.active.side2 { transform: rotate3d(0, 1, 0, 0deg); opacity: 1; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side.side2, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side.side2 { transform: rotate3d(0, 1, 0, -90deg); opacity: 0; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side.show0, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side.show0 { visibility: visible; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side.hide0, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side.hide0 { visibility: hidden; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side span.icon, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side span.icon { display: inline-block; position: relative; width: 120px; height: 120px; background-position: center center; background-repeat: no-repeat; background-size: contain; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side p, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side p { display: block; position: relative; width: 100%; height: 60px; padding: 0px 20px; text-align: center; font-size: 28px; color: #3E3E3E; line-height: 28px; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side p.benefit-title, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side p.benefit-title { height: auto; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side p.copy, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side p.copy { height: auto; font-family: 'Avenir Next Medium'; font-size: 12px; line-height: 14px; margin-top: 20px; text-transform: none; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit div.side span.more-info, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit div.side span.more-info { display: inline-block; position: relative; padding: 10px 20px; margin-top: 10px; font-family: 'Fixture Condensed Bold'; color: #FFFFFF; text-transform: uppercase; font-size: 16px; line-height: 16px; background-image: linear-gradient(270deg, #DCB363 0%, #E0C48C 29%, #DCB363 100%); } div.mainContainer div.mainContent div.main.section div.page.subs { z-index: 9; height: 70px; min-height: 70px; /*border-bottom:1px solid #DCDCDC;*/ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); } div.mainContainer div.mainContent div.main.section div.page.subs div.content { white-space: nowrap; padding: 0px; } div.mainContainer div.mainContent div.main.section div.page.subs div.content a { display: inline-block; position: relative; vertical-align: top; width: calc(25% - 2px); height: 70px; border-right: 1px solid #DCDCDC; color: #7F7F7F; } div.mainContainer div.mainContent div.main.section div.page.subs div.content a.first { border-left: 1px solid #DCDCDC; } div.mainContainer div.mainContent div.main.section div.page.subs div.content a span.sub-title { display: flex; position: relative; left: 0px; top: 0px; width: 100%; height: 100%; justify-content: center; align-items: center; font-family: 'Fixture Medium'; color: #4A4A4A; font-size: 14px; line-height: 14px; text-transform: uppercase; } div.mainContainer div.mainContent div.main.section div.page.subs div.content a span.line { display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 4px; background-image: linear-gradient(270deg, #DCB363 0%, #E0C48C 29%, #DCB363 100%); opacity: 0; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.subs div.content a.on { pointer-events: none; cursor: default; } div.mainContainer div.mainContent div.main.section div.page.subs div.content a.on span.line { opacity: 1; } div.mainContainer div.mainContent div.main.section div.page.footer { z-index: 10; /*height:calc(100vw * 448 / 1440); min-height:200px; max-height:448px;*/ height: 528px; max-height: 528px; min-height: 528px; } div.mainContainer div.mainContent div.main.section div.page.footer div.content { display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; max-width: 100%; } div.mainContainer div.mainContent div.main.section div.page.footer div.content.c0 { height: calc(100% - 80px); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.mainContainer div.mainContent div.main.section div.page.footer div.content.c1 { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } div.mainContainer div.mainContent div.main.section div.page.priority-list { z-index: 9; text-transform: uppercase; color: #4A4A4A; box-shadow: none; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content { padding: 60px 0px 150px 0px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.title { color: #4A4A4A; text-align: center; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.title p { text-align: center; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.intro-copy { display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; margin-top: 20px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.intro-copy p { display: inline-block; position: relative; max-width: 600px; text-align: center; font-family: 'Avenir Next Medium'; font-size: 16px; line-height: 20px; color: #3E3E3E; text-transform: none; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.intro-copy p.bold { font-family: 'Avenir Next Bold'; font-size: 20px; line-height: 28px; color: #1F5733; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.intro-copy p a { color: #3E3E3E; text-decoration: underline; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.intro-copy div.button { display: block; position: relative; text-align: center; margin: 30px 0px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.intro-copy div.button a { display: inline-flex; position: relative; justify-content: center; align-items: center; width: auto; height: 100%; color: #FFFFFF; font-family: 'Fixture Condensed Bold'; font-size: 19px; line-height: 20px; padding: 16px 30px; text-align: center; background: #1F5733; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs { display: inline-block; position: relative; width: 100%; max-width: 880px; height: auto; margin-top: 40px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs h4 { font-family: 'Fixture Condensed SemiBold'; color: #1F5733; font-size: 32px; line-height: 36px; text-transform: uppercase; text-align: left; margin: 20px 0px 10px 0px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq { display: block; position: relative; margin-bottom: 10px; width: 100%; height: auto; border-radius: 6px; background: #1F5733; /*&:first-child {margin-top:0px;}*/ } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq p, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq ul, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq li { text-align: left; color: #FFFFFF; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq p a, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq ul a, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq li a { color: #FFFFFF; text-decoration: underline; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.item, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.question { display: flex; position: relative; justify-content: center; align-items: center; padding: 10px 20px; height: auto; min-height: 70px; pointer-events: auto; cursor: pointer; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.item p, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.question p { font-family: 'Fixture Condensed SemiBold'; font-size: 20px; line-height: 20px; text-transform: uppercase; width: calc(100% - 40px); margin-right: 20px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.item div.btn, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.question div.btn { display: inline-block; position: relative; width: 20px; height: 20px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.item div.btn span, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.question div.btn span { display: block; position: absolute; left: 0px; top: 8px; width: 20px; height: 4px; background: #FFFFFF; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.item div.btn span.l1, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq a.question div.btn span.l1 { transform: rotate(-90deg); transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.info, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.answer { display: block; position: relative; height: auto; max-height: 0px; overflow: hidden; transition: .5s; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.info div.copy, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.answer div.copy { display: block; position: relative; padding: 20px 20px; margin: 0px; border-top: 1px solid #000000; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.info div.copy p, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.answer div.copy p { font-family: 'Avenir Next Medium'; font-size: 14px; line-height: 22px; margin-top: 20px; text-transform: none; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.info div.copy p:first-child, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.answer div.copy p:first-child { margin-top: 0px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.info div.copy p a, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.answer div.copy p a { color: #FFFFFF; text-decoration: underline; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.info div.copy p.note, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq div.answer div.copy p.note { font-size: 12px; line-height: 18px; } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq.open a.item div.btn span.l1, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq.open a.question div.btn span.l1 { transform: rotate(0deg); } div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq.open div.info, div.mainContainer div.mainContent div.main.section div.page.priority-list div.content div.faqs div.faq.open div.answer { max-height: 1600px; } div.mainContainer div.mainContent div.main.section div.page.schedule { z-index: 9; text-transform: uppercase; color: #4A4A4A; box-shadow: none; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content { padding: 60px 0px 150px 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.title { color: #4A4A4A; text-align: left; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.title p { text-align: left; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note { display: block; position: relative; /*white-space:nowrap;*/ font-family: 'Fixture Condensed SemiBold'; color: #4A4A4A; margin: 15px 0px 5px 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note p, div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note span, div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div { display: inline-block; position: relative; vertical-align: middle; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note p { width: calc(100% - 200px); text-align: left; font-size: 40px; line-height: 40px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note p.small { font-size: 20px; line-height: 24px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note p a.btn-link { color: #1F5733; text-decoration: underline; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div { width: 200px; text-align: right; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div span { font-size: 24px; line-height: 24px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div span.circle { width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div span.circle.green { background: #1F5733; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div span.circle.gold { background: #DCB363; margin-left: 20px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note.small { margin: 20px 0px 10px 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note.small p { width: 100%; text-align: center; text-transform: none; font-size: 20px; line-height: 24px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule { display: block; position: relative; width: 100%; height: auto; white-space: nowrap; text-align: left; font-family: 'Fixture Condensed SemiBold'; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month { display: inline-block; position: relative; width: calc((100% - 32px) / 3); margin: 16px 16px 0px 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.title { display: block; position: relative; width: 100%; height: auto; text-align: center; font-size: 24px; line-height: 36px; background-image: linear-gradient(0deg, #EBEBEB 0%, #FFFFFF 22%, #FFFFFF 100%); border: 1px solid #e4e7e5; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days { display: block; position: relative; width: 100%; height: auto; margin-top: 0px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row { display: block; position: relative; width: 100%; height: auto; white-space: nowrap; border-left: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; font-size: 0px; letter-spacing: 0px; overflow: hidden; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.week { background-image: url("../images/bg-white.jpg"); } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.week span { display: inline-block; position: relative; vertical-align: top; width: calc(100% / 7); border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; font-size: 20px; line-height: 28px; text-align: center; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day { display: inline-block; position: relative; vertical-align: top; width: calc(100% / 7); height: 60px; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; /*background:#BFBFBF;*/ background: #CDCDCD; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day span { display: block; position: relative; width: 100%; height: auto; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day span.date { font-size: 9px; line-height: 13px; text-align: center; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day span.team { height: 20px; margin-top: 5px; background-position: center center; background-repeat: no-repeat; background-size: contain; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day span.time { height: 13px; margin-top: 5px; font-family: 'Fixture Semi Bold'; font-size: 13px; line-height: 13px; color: #4A4A4A; text-align: center; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home { background: #FFFFFF; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home span.date { color: #FFFFFF; background: #1F5733; /*@include shadow;*/ } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home a { display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.double-game span.team { position: absolute; top: 13px; width: 35%; height: calc(100% - 13px); margin-top: 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.double-game span.time { display: flex; justify-content: center; align-items: center; justify-content: flex-end; padding-right: 5px; height: calc(50% - 7px); font-size: 11px; margin-top: 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.double-game a { height: calc(50% - 7px); top: 13px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.double-game a:last-child { top: auto; bottom: 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.concert { background: #1F5733; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.concert span.date { color: #000000; background: #CDCDCD; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.concert span.team { height: 14px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.concert span.time { white-space: normal; height: auto; color: #FFFFFF; font-size: 10px; line-height: 10px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.concert.away span.date { color: #FFFFFF; background: #DCB363; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.home.concert.away span.team { display: block; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.away span.date { color: #FFFFFF; background: #DCB363; /*@include shadow;*/ } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.away span.team { display: none; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.prev-month span, div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month div.week-days div.row.days div.day.next-month span { opacity: .3; } div.mainContainer div.pop-up { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100vw; height: 100vh; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.95); padding: 0px; margin: 0px; } div.mainContainer div.pop-up.open { display: flex; } div.mainContainer div.pop-up div.content { display: none; width: auto; height: auto; max-height: calc(100vh - 20px); } div.mainContainer div.pop-up div.content.open { display: block; } div.mainContainer div.pop-up div.content.map div.my-content { display: block; position: relative; width: calc(100vw - 20px); height: calc(100vh - 20px); background-position: center center; background-repeat: no-repeat; background-size: contain; } div.mainContainer div.pop-up div.content.map div.my-content a.btn-close { display: block; position: absolute; background-image: url("../images/Close-Icon.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; } div.mainContainer div.pop-up div.content.map div.my-content a.btn-close:hover { background-image: url("../images/Close-Icon-Hover.svg"); } div#stripeContainer { display: none; position: fixed; justify-content: center; align-items: center; z-index: 2000; left: 0px; top: 0px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); overflow: hidden; } div#stripeContainer.open { display: flex; } div#stripeContainer a.btn-close-form { display: block; position: absolute; top: 10px; right: calc(50vw - 450px - 100px); width: 32px; height: 32px; padding: 10px; } div#stripeContainer a.btn-close-form span { display: inline-block; position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/Close-Icon-white.svg"); } @media (max-width: 985px) { div#stripeContainer a.btn-close-form { right: 0px; top: 0px; width: 24px; height: 24px; } div#stripeContainer a.btn-close-form span { background-image: url("../images/Close-Icon.svg"); } } div#stripeContainer #cubs-payment { max-width: 905px; max-height: calc(100vh - 120px); overflow: auto; } @media (max-width: 985px) { div#stripeContainer #cubs-payment { max-height: calc(100vh - 40px); } div#stripeContainer #cubs-payment .rank .input select { width: 40%; } div#stripeContainer #cubs-payment .payment-title-holder { height: auto; } div#stripeContainer #cubs-payment .payment-title-holder div.logos { display: flex; position: relative; justify-content: center; align-items: center; justify-content: space-between; width: calc(100% - 40px); height: auto; } div#stripeContainer #cubs-payment .payment-title-holder div.logos #logo1914, div#stripeContainer #cubs-payment .payment-title-holder div.logos #logoBarrel, div#stripeContainer #cubs-payment .payment-title-holder div.logos #logoCubs, div#stripeContainer #cubs-payment .payment-title-holder div.logos #logoW, div#stripeContainer #cubs-payment .payment-title-holder div.logos #logoCatalina { width: 18%; max-width: 120px; top: auto; left: auto; right: auto; position: relative; } div#stripeContainer #cubs-payment .payment-title-holder .bar { position: relative; top: auto; margin: 20px 0px; } div#stripeContainer #cubs-payment .payment-title-holder .payment-title { margin-top: 0px; } } div#stripeContainer #cubs-payment p { font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 22px; margin-bottom: 10px; } div#stripeContainer #cubs-payment .payment-ui .charge-amount { margin-top: 0px; } div#stripeContainer #cubs-payment p.input.expiry .expiry-year { margin-left: 5px; } @media (max-width: 1000px) { div.mainContainer div.mainContent div.nav div.content div.buttons-other { /*div.sections {margin:0px 10px; min-width:200px; a {margin:0px 10px; br {display:block;} } }*/ } } @media (max-width: 880px) { body.no-scroll { overflow: auto; } div.mainContainer { overflow-x: hidden; } div.mainContainer div.mainContent { padding-top: 60px; } div.mainContainer div.mainContent div.nav { height: auto; max-height: 100vh; overflow: hidden; background-image: url("../images/bg-green-mobile.jpg"); background-repeat: repeat; background-size: auto; } div.mainContainer div.mainContent div.nav.open div.mobile { background: none; } div.mainContainer div.mainContent div.nav.open div.mobile a.btn-menu div.hamburger span.line { background: #FFFFFF; } div.mainContainer div.mainContent div.nav.open div.mobile a.btn-menu div.hamburger span.line.line0 { top: 8px; transform: rotate(45deg); } div.mainContainer div.mainContent div.nav.open div.mobile a.btn-menu div.hamburger span.line.line1 { top: 8px; transform: rotate(45deg); } div.mainContainer div.mainContent div.nav.open div.mobile a.btn-menu div.hamburger span.line.line2 { top: 8px; transform: rotate(-45deg); } div.mainContainer div.mainContent div.nav.open div.mobile a.btn-home { display: none; } div.mainContainer div.mainContent div.nav.open div.menu { display: flex; } div.mainContainer div.mainContent div.nav div.mobile { display: block; position: fixed; left: 0px; top: 0px; width: 100%; height: 60px; background-image: url("../images/bg-white-mobile.jpg"); background-repeat: repeat; background-size: auto; } div.mainContainer div.mainContent div.nav div.mobile a { display: block; position: absolute; } div.mainContainer div.mainContent div.nav div.mobile a.btn-home { left: 20px; top: 5px; width: 49px; height: 49px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/Cubs-Logo.png"); } div.mainContainer div.mainContent div.nav div.mobile a.btn-menu { top: 0px; right: 0px; width: 45px; height: 60px; padding: 20px 20px 20px 0px; } div.mainContainer div.mainContent div.nav div.mobile a.btn-menu div.hamburger { display: inline-block; position: relative; width: 100%; } div.mainContainer div.mainContent div.nav div.mobile a.btn-menu div.hamburger span.line { display: block; position: absolute; width: 25px; height: 4px; left: 0px; background: #4A4A4A; } div.mainContainer div.mainContent div.nav div.mobile a.btn-menu div.hamburger span.line.line0 { top: 0px; transition: .3s; } div.mainContainer div.mainContent div.nav div.mobile a.btn-menu div.hamburger span.line.line1 { top: 8px; transition: .3s; } div.mainContainer div.mainContent div.nav div.mobile a.btn-menu div.hamburger span.line.line2 { top: 16px; transition: .3s; } div.mainContainer div.mainContent div.nav div.menu { display: none; flex-direction: column-reverse; height: 100vh; padding-top: 10px; padding-bottom: 10px; overflow: auto; justify-content: center; align-items: center; } div.mainContainer div.mainContent div.nav div.menu div.buttons { display: block; position: relative; width: 100%; } div.mainContainer div.mainContent div.nav div.menu div.buttons.other-buttons div.content { text-align: center; white-space: normal; } div.mainContainer div.mainContent div.nav div.menu div.buttons.other-buttons div.content a { margin: 10px 5px 0px 5px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons { height: auto; background: none; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content a.btn-home { display: none; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections { display: block; position: relative; width: 100%; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group { width: 100%; height: auto; margin: 15px 0px; font-size: 20px; line-height: 20px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group.home { display: block; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a { color: #FFFFFF; white-space: normal; padding: 10px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a br { display: none; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section { display: block; position: relative; width: 100%; height: auto; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.page:hover { background-image: none; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.no-page { cursor: default; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.on { border-bottom: none; padding-top: 0px; background-image: none; color: #DCB363; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group a.section.on.no-page { background-image: none; color: #DCB363; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub { display: block; position: relative; width: 100%; padding: 0px 0px; height: 0px; max-height: 0px; overflow: hidden; background: none; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub a { font-size: 16px; line-height: 16px; padding: 10px; margin: 0px 0px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub a:hover { background-image: none; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group div.sub a.on { color: #DCB363; background-image: none; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.content div.sections div.group.open div.sub { height: auto; max-height: 300px; padding: 5px 0px 0px 0px; } div.mainContainer div.mainContent div.nav div.menu div.buttons.main-buttons div.border-bottom { visibility: hidden; } div.mainContainer div.mainContent div.main.home div.content { width: 100%; max-width: 100%; padding: 0px 0px; transform: translate(0px, -20px); } div.mainContainer div.mainContent div.main.home div.content div.greetings { display: flex; position: relative; width: 100%; height: calc(100vw * 3 / 4); flex-direction: column; padding-left: 0px; } div.mainContainer div.mainContent div.main.home div.content div.greetings div.board { width: 293px; height: 201px; background-position: center center; background-repeat: no-repeat; background-size: contain; padding: 114px 40px 0px 40px; transform: translate(0px, 20px); } div.mainContainer div.mainContent div.main.home div.content div.greetings div.board p { font-size: 16px; line-height: 16px; } div.mainContainer div.mainContent div.main.home div.content div.greetings div.player { width: auto; height: auto; } div.mainContainer div.mainContent div.main.home div.content div.greetings div.player img { height: 243px; transform: translate(0px, 30px); } div.mainContainer div.mainContent div.main.home div.content div.rep-info { width: calc(100% - 20px); margin-top: 30px; } div.mainContainer div.mainContent div.main div.content div.rep-info { width: 100%; height: auto; white-space: nowrap; background: #EAEAEA; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info { margin: 5px 10px; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info p { font-size: 17px; line-height: 18px; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info p span.desktop { display: none; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info div { font-size: 17px; line-height: 18px; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info div a.desktop, div.mainContainer div.mainContent div.main div.content div.rep-info div.info div span.desktop { display: none; color: #3E3E3E; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info div a.mobile, div.mainContainer div.mainContent div.main div.content div.rep-info div.info div span.mobile { display: inline-block; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info.mobile { display: block; position: relative; width: 100%; margin: 0px; padding: 5px 10px; background: #FFFFFF; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info.mobile a { display: block; } div.mainContainer div.mainContent div.main div.content div.rep-info div.info.mobile a.btn-rep { display: flex; position: absolute; padding: 5px 20px; justify-content: center; align-items: center; height: 100%; bottom: 0px; right: 0px; } div.mainContainer div.mainContent div.main div.content div.rep-info a.btn-rep.desktop { display: none; } div.mainContainer div.mainContent div.main.section.bg-white { background-image: url("../images/bg-white-mobile.jpg"); background-repeat: repeat; background-size: auto; } div.mainContainer div.mainContent div.main.section div.page { min-height: 1px; } div.mainContainer div.mainContent div.main.section div.page.bg-green { background-image: url("../images/bg-green-mobile.jpg"); background-repeat: repeat; background-size: auto; } div.mainContainer div.mainContent div.main.section div.page.bg-white { background-image: url("../images/bg-white-mobile.jpg"); background-repeat: repeat; background-size: auto; } div.mainContainer div.mainContent div.main.section div.page div.content { width: 100%; max-width: 100%; padding: 40px 20px; } div.mainContainer div.mainContent div.main.section div.page div.content.small { max-width: 100%; } div.mainContainer div.mainContent div.main.section div.page div.content div.title p { font-size: 32px; line-height: 29px; } div.mainContainer div.mainContent div.main.section div.page.intro { display: flex; min-height: calc(100vh - 60px); /*div.button {display:none;}*/ } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content { min-height: calc(100vh - 60px); padding: 40px 0px; background-image: linear-gradient(90deg, #1f5733 0%, rgba(31, 87, 51, 0.8) 50%, rgba(31, 87, 51, 0) 92%); } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content { text-align: left; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.title { text-align: left; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.title p { font-size: 50px; line-height: 52px; } div.mainContainer div.mainContent div.main.section div.page.intro div.intro-content div.content div.copy { font-size: 14px; line-height: 21px; } div.mainContainer div.mainContent div.main.section div.page.video div.content div.my-video { width: 100%; height: calc((100vw - 40px) * 9 / 16); } div.mainContainer div.mainContent div.main.section div.page.gallery div.content { padding-bottom: 10px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery { width: calc(100% - 40px); } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery div.photos { width: 100%; height: calc((100vw - 40px) * 9 / 16); } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow { width: 42px; height: calc(100% - 40px); } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.next { right: -18px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery a.arrow.prev { left: -18px; } div.mainContainer div.mainContent div.main.section div.page.gallery div.my-gallery div.dots a { width: 8px; height: 8px; border-radius: 50%; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub { min-height: 1px; display: flex; padding: 40px 0px 40px 0px; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub div.content { padding: 0px 20px; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub div.content div.copy { padding: 0px 0px; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub div.my-gallery { padding-bottom: 0px; } div.mainContainer div.mainContent div.main.section div.page.gallery.sub div.my-gallery a.arrow { height: 100%; } div.mainContainer div.mainContent div.main.section div.page.seating div.block { display: block; height: auto; } div.mainContainer div.mainContent div.main.section div.page.seating div.block.photo { display: none; } div.mainContainer div.mainContent div.main.section div.page.seating div.block.seat-map { width: 100%; height: calc((100vw - 40px) * 4 / 3); padding: 0px; } div.mainContainer div.mainContent div.main.section div.page.seating div.block.seat-map div.my-map a { display: none; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content { padding: 40px 10px; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits { white-space: normal; text-align: center; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits br { display: none; } div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits div.benefit, div.mainContainer div.mainContent div.main.section div.page.benefits div.content div.my-benefits a.benefit { width: calc(100% - 20px); max-width: 300px; margin: 10px; } div.mainContainer div.mainContent div.main.section div.page.subs { display: none; } div.mainContainer div.mainContent div.main.section div.page.footer { height: 25vw; max-height: 25vw; min-height: 25vw; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content { padding: 40px 20px 60px 20px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note { margin: 0px 0px 5px 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note p, div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div { display: block; width: 100%; text-align: left; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note p { font-size: 24px; line-height: 24px; white-space: normal; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div { margin-top: 10px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div span { font-size: 20px; line-height: 20px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note div span.circle { width: 12px; height: 12px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note.small { margin-top: 10px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.note.small p { font-size: 16px; line-height: 16px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule { display: block; position: relative; width: calc(100% + 20px); left: -10px; white-space: normal; text-align: center; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule br { display: none; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month { width: calc(50% - 20px); max-width: 440px; margin: 10px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month br { display: block; } } @media (max-width: 660px) { div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule { width: 100%; left: 0px; } div.mainContainer div.mainContent div.main.section div.page.schedule div.content div.my-schedule div.month { width: 100%; max-width: 620px; margin: 10px 0px; } } /*# sourceMappingURL=cubs.css.map */