/** Mobile Menu styling */ /* BANNER. */ /* SHOW BANNER SETTINGS */ /* HOMEPAGE BANNER SETTINGS */ /* rest settings are like for show banner */ /* former 220px */ /* BANNER. */ /* SHOW BANNER SETTINGS */ /* HOMEPAGE BANNER SETTINGS */ /* rest settings are like for show banner */ /* former 220px */ /* BANNER. */ /* SHOW BANNER SETTINGS */ /* HOMEPAGE BANNER SETTINGS */ /* rest settings are like for show banner */ /* former 220px */ @font-face { font-family: SpartanMBRegular; src: url("../../fonts/SpartanMB-Regular.otf") format("opentype"); } @font-face { font-family: SpartanMBSemiBold; src: url("../../fonts/SpartanMB-SemiBold.otf") format("opentype"); } @font-face { font-family: SpartanMBBold; src: url("../../fonts/SpartanMB-Bold.otf") format("opentype"); } /* Play Button icon for media thumbnails in Seasons */ /* line 46, ../../vendor/foundation/scss/components/_off-canvas.scss */ html, body { height: 100%; } /* line 51, ../../vendor/foundation/scss/components/_off-canvas.scss */ .off-canvas-wrapper { width: 100%; overflow-x: hidden; position: relative; backface-visibility: hidden; -webkit-overflow-scrolling: auto; } /* line 59, ../../vendor/foundation/scss/components/_off-canvas.scss */ .off-canvas-wrapper-inner { position: relative; width: 100%; min-height: 100%; transition: transform 0.5s ease; } /* line 142, ../../vendor/foundation/scss/util/_mixins.scss */ .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { content: ' '; display: table; } /* line 152, ../../vendor/foundation/scss/util/_mixins.scss */ .off-canvas-wrapper-inner::after { clear: both; } /* line 68, ../../vendor/foundation/scss/components/_off-canvas.scss */ .off-canvas-content, .off-canvas-content { min-height: 100%; background: white; transition: transform 0.5s ease; backface-visibility: hidden; z-index: 1; padding-bottom: 0.1px; box-shadow: ""; } /* line 83, ../../vendor/foundation/scss/components/_off-canvas.scss */ .js-off-canvas-exit { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; cursor: pointer; transition: background 0.5s ease; } /* line 157, ../../vendor/foundation/scss/components/_off-canvas.scss */ .off-canvas { position: absolute; background: white; z-index: -1; max-height: 100%; overflow-y: auto; transform: translateX(0); } /* line 173, ../../vendor/foundation/scss/util/_mixins.scss */ [data-whatinput='mouse'] .off-canvas { outline: 0; } /* line 160, ../../vendor/foundation/scss/components/_off-canvas.scss */ .off-canvas.position-left { left: -300px; top: 0; width: 300px; } /* line 125, ../../vendor/foundation/scss/components/_off-canvas.scss */ .is-open-left { transform: translateX(300px); } /* line 161, ../../vendor/foundation/scss/components/_off-canvas.scss */ .off-canvas.position-right { right: -300px; top: 0; width: 300px; } /* line 125, ../../vendor/foundation/scss/components/_off-canvas.scss */ .is-open-right { transform: translateX(-300px); } @media screen and (min-width: 32em) { /* line 168, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-left.reveal-for-medium { left: 0; z-index: auto; position: fixed; } /* line 148, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 300px; } /* line 172, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-right.reveal-for-medium { right: 0; z-index: auto; position: fixed; } /* line 148, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 300px; } } @media screen and (min-width: 120em) { /* line 168, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-left.reveal-for-large { left: 0; z-index: auto; position: fixed; } /* line 148, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 300px; } /* line 172, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-right.reveal-for-large { right: 0; z-index: auto; position: fixed; } /* line 148, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 300px; } } @media screen and (min-width: 120em) { /* line 168, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-left.reveal-for-xlarge { left: 0; z-index: auto; position: fixed; } /* line 148, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-left.reveal-for-xlarge ~ .off-canvas-content { margin-left: 300px; } /* line 172, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-right.reveal-for-xlarge { right: 0; z-index: auto; position: fixed; } /* line 148, ../../vendor/foundation/scss/components/_off-canvas.scss */ .position-right.reveal-for-xlarge ~ .off-canvas-content { margin-right: 300px; } } /* line 26, ../../scss/modules/mobile_menu.scss */ .button--off-canvas-trigger { background-color: #000; color: #ffffff; border-color: transparent; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; text-decoration: none; position: absolute; margin-top: 4.0625rem; margin-right: 0; padding: 0.3125rem 0.625rem; right: 0; } @media screen and (min-width: 120em) { /* line 26, ../../scss/modules/mobile_menu.scss */ .button--off-canvas-trigger { display: none !important; } } /* line 38, ../../scss/modules/mobile_menu.scss */ .button--off-canvas-trigger i { font-size: 2.1875rem; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /* line 43, ../../scss/modules/mobile_menu.scss */ .button--off-canvas-trigger:hover { background-color: #000; cursor: pointer; } /* line 47, ../../scss/modules/mobile_menu.scss */ .button--off-canvas-trigger:focus { background-color: #A71E3F; } /* line 52, ../../scss/modules/mobile_menu.scss */ .button--off-canvas-close:focus { color: #ffffff; text-decoration: underline; } @media screen and (max-width: 119.9375em) { /* line 58, ../../scss/modules/mobile_menu.scss */ .off-canvas-wrapper { background-color: white; } } @media screen and (min-width: 120em) { /* line 65, ../../scss/modules/mobile_menu.scss */ .off-canvas-wrapper { overflow-y: hidden; } } @media screen and (min-width: 120em) { /* line 71, ../../scss/modules/mobile_menu.scss */ .off-canvas-wrapper-inner nav.off-canvas { display: none; } } /* line 15, ../../vendor/foundation/scss/components/_accordion-menu.scss */ .off-canvas .is-accordion-submenu-parent > a { position: relative; } /* line 18, ../../vendor/foundation/scss/components/_accordion-menu.scss */ .off-canvas .is-accordion-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: white transparent transparent; border-top-style: solid; border-bottom-width: 0; position: absolute; top: 50%; margin-top: -4px; right: 1rem; } /* line 27, ../../vendor/foundation/scss/components/_accordion-menu.scss */ .off-canvas .is-accordion-submenu-parent[aria-expanded='true'] > a::after { transform-origin: 50% 50%; transform: scaleY(-1); } /* line 229, ../../scss/base/_mixins.scss */ .off-canvas h2 { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; } /* line 237, ../../scss/base/_mixins.scss */ .off-canvas h2:active, .off-canvas h2:focus { position: static !important; clip: auto; } /* line 83, ../../scss/modules/mobile_menu.scss */ .off-canvas.is-open { z-index: 1; overflow-y: visible; } /* line 87, ../../scss/modules/mobile_menu.scss */ .off-canvas .button--off-canvas-trigger { right: auto; position: absolute; left: -2.75rem; } /* line 95, ../../scss/modules/mobile_menu.scss */ .expand-chevron { height: 70px; float: left; display: block; height: 68px; float: left; display: block; background: url(/profiles/ami/themes/custom/amicorp/static/images/expand.svg); background-repeat: no-repeat; width: 31px; background-position: center; margin-left: 15px; transform: rotate(180deg); } /* line 111, ../../scss/modules/mobile_menu.scss */ .mobile-menu { margin: 0; list-style-type: none; padding: 0 0 0 1.125rem; padding-left: 0px; } /* line 46, ../../vendor/foundation/scss/components/_menu.scss */ .mobile-menu > li { display: table-cell; vertical-align: middle; } /* line 173, ../../vendor/foundation/scss/util/_mixins.scss */ [data-whatinput='mouse'] .mobile-menu > li { outline: 0; } /* line 59, ../../vendor/foundation/scss/components/_menu.scss */ .mobile-menu > li > a { display: block; /* padding: $menu-item-padding; */ } /* line 65, ../../vendor/foundation/scss/components/_menu.scss */ .mobile-menu input, .mobile-menu a, .mobile-menu button { margin-bottom: 0; } /* line 119, ../../vendor/foundation/scss/components/_menu.scss */ .mobile-menu > li { display: block; } /* line 118, ../../scss/modules/mobile_menu.scss */ .mobile-menu li > a { font-family: 'SpartanMBRegular', sans-serif; font-size: 1.25rem; font-style: normal; font-weight: normal; line-height: 1.625rem; color: #000; margin-top: 0px; margin-bottom: 0px; color: black; font-size: 1.125rem; font-weight: 500; letter-spacing: -.01em; text-decoration: none; padding-left: 0.9375rem; line-height: inherit; display: table-cell; vertical-align: middle; padding-top: 2px; color: #000; } /* line 365, ../../scss/base/_mixins.scss */ .mobile-menu li > a a { text-decoration: none; color: #000; } /* line 18, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu li > a a:visited { color: #000; } /* line 21, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu li > a a:focus { color: #A71E3F; } /* line 24, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu li > a a:hover { color: #A71E3F; } /* line 27, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu li > a a:active { color: #A71E3F; } /* line 368, ../../scss/base/_mixins.scss */ .mobile-menu li > a a:hover, .mobile-menu li > a a:focus { text-decoration: underline; } /* line 18, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu li > a:visited { color: #000; } /* line 24, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu li > a:hover { color: #000; } /* line 27, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu li > a:active { color: #000; } /* line 133, ../../scss/modules/mobile_menu.scss */ .mobile-menu li > a:focus, .mobile-menu li > a:hover { text-decoration: underline; } /* line 138, ../../scss/modules/mobile_menu.scss */ .mobile-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { margin-top: -5px; } /* line 143, ../../scss/modules/mobile_menu.scss */ .mobile-menu .has-sub-menu { padding-left: 0px !important; } /* line 147, ../../scss/modules/mobile_menu.scss */ .mobile-menu li { border-bottom: #b3b3b3; border-bottom-style: solid; border-width: 1px; color: #ffffff; background: #003d68; padding-left: 3.125rem; position: relative; } /* line 156, ../../scss/modules/mobile_menu.scss */ .mobile-menu li:first-child { border-top-width: 0; } /* line 160, ../../scss/modules/mobile_menu.scss */ .mobile-menu li a { color: white; font-family: SpartanMBSemibold; font-size: 3.125rem; height: 68px; } /* line 167, ../../scss/modules/mobile_menu.scss */ .mobile-menu li a:focus { outline: none; } /* line 170, ../../scss/modules/mobile_menu.scss */ .mobile-menu li a:visited { color: #ffffff; } /* line 181, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested { margin-TRUE: 1rem; border-color: #ffffff; background-color: #0f314e; background-color: #ffffff; padding-left: 0px; } /* line 190, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested a { font-family: SpartanMBRegular; font-size: 1.375rem; letter-spacing: -.01em; padding: 0.9375rem 1.25rem; color: #ffffff; } /* line 18, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu.nested a:visited { color: #ffffff; } /* line 24, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu.nested a:hover { color: #ffffff; } /* line 27, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */ .mobile-menu.nested a:active { color: #ffffff; } /* line 196, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested a::after { border-color: #000 transparent transparent; } /* line 201, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested li { /* background-color: $blue;*/ background-color: #f3f4f6; } /* line 205, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested li a { color: black; } /* line 209, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested li a { color: black; } /* line 213, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested li a:hover { color: black; } /* line 217, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested li .expand-button { filter: invert(100%); } /* line 223, ../../scss/modules/mobile_menu.scss */ .mobile-menu .nested .nested { padding: 0 0; } /* line 227, ../../scss/modules/mobile_menu.scss */ .mobile-menu .nested .nested li { border-top-color: transparent; } /* line 231, ../../scss/modules/mobile_menu.scss */ .mobile-menu .nested .nested a { text-transform: none; font-weight: 500; /*padding-top:0;*/ /*font-size: 0.9rem;*/ padding-left: 20px; } /* line 241, ../../scss/modules/mobile_menu.scss */ .mobile-menu--essential li a { font-size: 1.875rem; padding-left: 20px; } /* line 250, ../../scss/modules/mobile_menu.scss */ .off-canvas-content { overflow: hidden; } /* line 254, ../../scss/modules/mobile_menu.scss */ #mobileMenu > ul { border-left-style: solid; border-left-width: 1px; border-left-color: #b3b3b3; } @media screen and (min-width: 120em) { /* line 260, ../../scss/modules/mobile_menu.scss */ .mobile-menu { display: none; } } @media screen and (min-width: 120em) { /* line 267, ../../scss/modules/mobile_menu.scss */ .is-open-right { transform: translateX(0px); } } /* line 275, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar { background-color: #eff0f5; } /* line 278, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar .show-display-preferences { width: 100%; background-color: #eff0f5; border-bottom-width: 2px; border-bottom-color: #bbbbbf; border-bottom-style: solid; } /* line 290, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar .mobileMenu-toggle-button { width: 65px; height: 65px; display: block; margin-top: 0px; background-color: #eff0f5; border-top-width: 2px; border-top-color: #bbbbbf; border-top-style: solid; border-bottom-width: 2px; border-bottom-color: #bbbbbf; border-bottom-style: solid; border-right-width: 2px; border-right-color: #bbbbbf; border-right-style: solid; float: left; } /* line 313, ../../scss/modules/mobile_menu.scss */ .mobileMenu-toggle-button { position: relative; } /* line 317, ../../scss/modules/mobile_menu.scss */ .mobileMenu-toggle-button img { width: 36px; height: 36px; margin: auto auto; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; } /* line 331, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar .search--input-field { width: 100%; } /* line 335, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar .form-submit { display: none; } /* line 339, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar .form-search { background-color: #eff0f5; height: 65px; border-top-width: 2px; border-top-color: #bbbbbf; border-top-style: solid; border-bottom-width: 2px; border-bottom-color: #bbbbbf; border-bottom-style: solid; font-size: 1.375rem; padding: 16px; /* */ } @media screen and (min-width: 120em) { /* line 339, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar .form-search { font-size: 1rem; } } /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search::-webkit-input-placeholder { background-repeat: no-repeat; background-image: url("/profiles/ami/themes/custom/amicorp/static/images/search-icon.svg"); line-height: 2.125rem; content: ' '; color: black; } @media screen and (max-width: 31.9375em) { /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search::-webkit-input-placeholder { background-size: 31px; } } @media screen and (max-width: 31.9375em) { /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search::-webkit-input-placeholder { color: transparent; } } /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search:-moz-placeholder { background-repeat: no-repeat; background-image: url("/profiles/ami/themes/custom/amicorp/static/images/search-icon.svg"); line-height: 2.125rem; content: ' '; color: black; } @media screen and (max-width: 31.9375em) { /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search:-moz-placeholder { background-size: 31px; } } @media screen and (max-width: 31.9375em) { /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search:-moz-placeholder { color: transparent; } } /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search::-moz-placeholder { background-repeat: no-repeat; background-image: url("/profiles/ami/themes/custom/amicorp/static/images/search-icon.svg"); line-height: 2.125rem; content: ' '; color: black; } @media screen and (max-width: 31.9375em) { /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search::-moz-placeholder { background-size: 31px; } } @media screen and (max-width: 31.9375em) { /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search::-moz-placeholder { color: transparent; } } /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search:-ms-input-placeholder { background-repeat: no-repeat; background-image: url("/profiles/ami/themes/custom/amicorp/static/images/search-icon.svg"); line-height: 2.125rem; content: ' '; color: black; } @media screen and (max-width: 31.9375em) { /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search:-ms-input-placeholder { background-size: 31px; } } @media screen and (max-width: 31.9375em) { /* line 537, ../../scss/base/_mixins.scss */ .mobile--top-bar .form-search:-ms-input-placeholder { color: transparent; } } @media screen and (max-width: 31.9375em) { /* line 370, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar .form-search::-moz-placeholder { background-position-y: 0.9375rem; background-position-x: 0.8125rem; } } /* line 382, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar input { margin-bottom: 0px; } /* line 386, ../../scss/modules/mobile_menu.scss */ .mobile--top-bar .search-block-form { overflow: hidden; } /* line 390, ../../scss/modules/mobile_menu.scss */ ul.mobile-menu--essential li { background-color: white; padding-left: 0px; height: 14.4vh; } /* line 396, ../../scss/modules/mobile_menu.scss */ ul.mobile-menu--essential li a { color: black; vertical-align: middle; display: table-cell; height: 14.4vh; } /* line 403, ../../scss/modules/mobile_menu.scss */ ul.mobile-menu--essential li a:visited { color: black; } /* line 408, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested { display: none; } /* line 412, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested.expanded { display: block !important; } /* line 416, ../../scss/modules/mobile_menu.scss */ .mobile-menu.nested a:visited { color: black; } /* line 420, ../../scss/modules/mobile_menu.scss */ .mobileMenu-toggle-button { height: 36px; width: 36px; } /* line 425, ../../scss/modules/mobile_menu.scss */ .mobileMenu-toggle-button .open-img { display: block; background-image: url("/profiles/ami/themes/custom/amicorp/static/images/mobile-menu.svg"); } /* line 430, ../../scss/modules/mobile_menu.scss */ .mobileMenu-toggle-button .close-img { display: none; background-image: url("/profiles/ami/themes/custom/amicorp/static/images/close-menu.svg"); } /* line 435, ../../scss/modules/mobile_menu.scss */ .mobileMenu-toggle-button.expanded .close-img { display: block; } /* line 439, ../../scss/modules/mobile_menu.scss */ .mobileMenu-toggle-button.expanded .open-img { display: none; }