body.site-default.navigation-default.theme-default.layout-home1.com_content.view-archive.item-101.mouseuser.not-at-top.top-away{background: #fff !important} :root { --color-primary: #1d3557 !important; --color-secondary: #1d1f22; --color-success: #28a745; --color-info: #17a2b8; --color-warning: #ffc107; --color-danger: #dc3545; --color-light: #f8f9fa; --color-dark: #3f3836; --color-white: #ffffff; --color-black: #000000; --body-bg-color: #ffffff !important; --body-text-color: #585858; --body-link-color: #1d3557 !important; --body-gold-color: #b78806; --body-link-hover-color: #FCB900 !important; --page-size-subtitle: 45px !important; --primary_light: #f7f7f7 !important; --body-font-size: 16px !important; --body-title-size: 27px !important; --font: Oswald, sans-serif !important; --font-sub-title: Oswald, sans-serif !important; --heading-font-family: Oswald, sans-serif !important; --body-home-bg-color: #fff !important;} body{background: var(--body-home-bg-color) !important} /* ============= NO JS STYLES ========== */ .no-js .faded { opacity:1 !important; } .no-js [data-aos] { opacity: 1 !important; transform: translate(0) scale(1) !important; } .no-js .m-hero__captionareacontent img { opacity: 1 !important; } /* ======== LAYOUT TWEAKS FOR HOMEPAGE DIFF FROM CONTENT PAGE ======== */ #main_content .content_wrapper { display: none; } #main_content { background-color: #fff; overflow-x: initial; } main > section:first-of-type { margin-top: 0; } .flame-topbar__menu-button { -webkit-backface-visibility: hidden; backface-visibility: hidden; right: 0; opacity: 1; transition: all 0.25s; } .flame-topbar.is-hidden .flame-topbar__menu-button { right: -7.462rem; opacity: 0; } #main-header a.nav-link { color: #fff !important; } @media only screen and (min-width: 968px) { .flame-topbar__logo { visibility: hidden; } .flame-topbar { background: transparent; box-shadow: none; border-color: transparent; justify-content: right; margin-left: calc(100% - 125px); } #main_content { margin-top: -84px; } } .t4-section.section-overlap { z-index: 2 !important; } .navbar-expand-lg { z-index: 999; margin-top: -90px !important; } /* =========== SHARED ================== */ .hr-separator { display: block; border-width: 0 0 2px 0; border-style: solid; border-color: #FCB900; width: 28%; max-width: 400px; margin: 0; text-align: left; margin-bottom: 2rem; } .row-heading { font-size: 60px; font-weight: 100; margin-left: 6%; margin-right: 6%; margin-top: 0; margin-bottom: 3rem; padding: 0; color: #041e39; line-height: 1.0em; font-family: var(--heading-font-family)!important; } .row-heading a, .odd-heading { font-weight: inherit; color: inherit; text-decoration: none; } .row-heading a:hover, .row-heading a:focus, .odd-heading:hover, .odd-heading:focus { text-decoration: none; color: inherit; } a.button--home, span.button--home { display: inline-block; background: #eff0f0; color: #041e39; letter-spacing: 0.07em; padding: 1rem; text-decoration: none; text-transform: uppercase; font-size: .94rem; font-weight: 500; text-align: center; width: 100%; transition: all .3s; } a.button--home:hover, a.button--home:focus { text-decoration: none; color: #041e39; background: #e5e7e8; } a.button--home.hover { transition: all .3s !important; } @media only screen and (min-width: 600px) { a.button--home { width: auto; padding: 1rem 2.6rem; } } @media only screen and (min-width: 1220px) { .row-heading { margin-left: 3.96%; } .o-people .row-heading { margin-left: 6%; } } /* About FLAME Home page */ .about-flame-uni{background:#041e39; overflow: hidden; padding-bottom: 80px;} .liberal-title h2{color: #FCB900;margin-top: 0; font-size: 45px; line-height: 2.1 !important; } span.big-text { font-size: 70px; line-height: 1; } .liberal-title{position: relative} .liberal-title h2:before{ display: inline-block; content: ''; height: 3px; background: #FCB900; position: absolute; width: 200vh; top:56px; left: -197vh; margin-left: 0px;} .liberal-title h2:after{ display: inline-block; margin: 0; height: 5px; content: " "; text-shadow: none; background-color: #FCB900; width: 301vh; position: absolute; bottom: 35px; /* left: revert; */ margin-left: -10px; } .link-box-style .l_hp__overview_btn{background: transparent !important; position: absolute; bottom: 20px;} .box-4-link .link-box-style .boder-box-1{ margin-bottom: 30px;} @media (min-width: 3700px){ .liberal-title h2:before { left: -199vh !important; } } @media (min-width: 3500px){ .liberal-title h2:before { left: -198vh !important; } } @media (min-width: 1920px){ .liberal-title h2{color: #FCB900;margin-top: 0; font-size: 45px; } .liberal-title h2:before{ width: 200vh; top:56px; left: -197vh; margin-left:0px !important} span.big-text { font-size: 90px; line-height: 1; } } @media (min-width: 1200px){ .liberal-title h2:before { width: 200vh; top: 64px; left: -198vh; margin-left: 7px; } } .liberal-text p{margin-top: 10px; color: #fff; line-height: 1.5;} .alert-latest { background: #eaeceb; width: 100%; } .tribe-alert__header { background: #4a070e; background: -moz-linear-gradient(left, #4a070e 20%, #b61122 50%, #4a070e 80%); background: -webkit-gradient(linear, left top, right top, color-stop(20%,#4a070e), color-stop(50%,#b61122), color-stop(80%,#4a070e)); background: -webkit-linear-gradient(left, #4a070e 20%,#b61122 50%,#4a070e 80%); background: -o-linear-gradient(left, #4a070e 20%,#b61122 50%,#4a070e 80%); background: -ms-linear-gradient(left, #4a070e 20%,#b61122 50%,#4a070e 80%); background: linear-gradient(to right, #4a070e 20%,#b61122 50%,#4a070e 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a070e', endColorstr='#4a070e',GradientType=1 ); position: relative; width: 100%; color: #fff; font-size: 1.123rem; font-weight: 500; text-transform: uppercase; text-align: center; letter-spacing: 0.05em; padding: 10px 16px; line-height: 1.6; margin-bottom: 0; } .tribe-alert__header .desktop { display: none; } .tribe-alert__toggle { background: transparent; padding: 0 16px; position: absolute; right: 0; top: 0; font-size: .8rem; font-weight: 400; letter-spacing: 0; cursor: pointer; margin:0; height: 100%; width: 100%; text-align:right; } .tribe-alert__toggle .button-text { display: none; } .tribe-alert__toggle:hover, .tribe-alert__toggle:focus { text-decoration: underline; background: initial; } .tribe-alert__toggle .fa { margin-left: 16px; } .tribe-alert__content { padding: 0 22px; position: relative; color: #000; margin: 0 auto; z-index: 20; max-width: 990px; font-size: 1rem; letter-spacing: 0.015em; overflow: hidden; transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in; height:auto; max-height:none; opacity: 1; } .tribe-alert__content[aria-hidden="true"] { opacity: 0; } .tribe-alert__icon { display: none; } .tribe-alert__title { font-weight: 500 !important; text-transform: uppercase; font-size: 1.15rem; letter-spacing:0.05em; color: #8f0614; padding: 1.8rem 0 0; line-height: 1.6; margin: 0 0 .1rem; } .tribe-alert__date { margin-bottom: .75rem; } .tribe-alert__desc { padding-bottom: 2.5rem; } .tribe-alert__desc a { color: #87673D; text-decoration: none; } .tribe-alert__desc a:hover, .tribe-alert__desc a:focus { text-decoration: underline; } .tribe-alert__more { white-space: nowrap; } .alert-prev { width: 100%; padding: 3.4rem 22px 5.4rem; background: #dee0e1; color: #000; font-size: 1rem; letter-spacing: 0.015em; } .alert-prev h2, .alert-resources h2 {font-family: var(--heading-font-family)!important; font-size: 2.25rem; font-weight: 600; text-align: center; margin: 0 0 2.5rem; } .tribe-alert--history { max-width: 990px; margin: 0 auto; padding: 2rem 0 1.5rem; position: relative; } .tribe-alert--history::after { content: ""; height: 1px; width: 100%; background: rgba(0,0,0,.3); position: absolute; bottom: 0; left: 0; } .tribe-alert--history:last-of-type::after { content: none; } .tribe-alert__desc--history[aria-hidden="true"] { opacity: 0; } .tribe-alert__desc--history { overflow: hidden; transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in; max-height: none; opacity: 1; } .tribe-alert__desc--history a { color: #041e39; text-decoration: underline; } .tribe-alert__desc--history a:hover, .tribe-alert__desc--history a:focus { color: #000; } .tribe-alert__desc--history::after { content:""; height: 1.5rem; display: block; } .tribe-alert__title--history { color: #000; font-weight: 500; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.6; margin: 0 0 .1rem; } .tribe-alert__date--history { margin: 0 0 .75rem; } .major-emergency__toggle { background: transparent; padding: 10px 5px; position: absolute; right: 0; bottom: 0; font-size: .8rem; font-weight: 400; letter-spacing: 0; cursor: pointer; margin:0; text-align:right; color: #041e39; } .major-emergency__toggle:hover, .major-emergency__toggle:focus { text-decoration: underline; color: #041e39; background: initial; } .major-emergency__toggle .fa { margin-left: 16px; } .alert-resources { padding: 3.4rem 0 3.4rem; max-width: 650px; text-align: center; font-size: 1rem; letter-spacing: 0.015em; color: #000; } .alert-resources p { padding: 0 22px; margin-bottom: 2rem; } .resource-icons { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin: 3rem auto 0; padding: 0 16px; } .resource-icons li { width: 120px; list-style: none; font-size: .975rem; line-height: 1.2; margin-bottom: 2rem; } .resource-icons a, .resource-icons a:hover, .resource-icons a:focus { color: #041e39; text-decoration: none; letter-spacing: 0.01em; font-weight: 500; } .resource-icons a span { display: block; color: #FCB900; font-size: 2.8rem; padding-bottom: 2.1rem; transition: all .3s; } .resource-icons a:hover span, .resource-icons a:focus span { color: #041e39; } @media only screen and (min-width: 450px) { .tribe-alert__header .mobile { display: none; } .tribe-alert__header .desktop { display: inline; } } @media only screen and (min-width: 600px) { .resource-icons li { width: 140px; } } @media only screen and (min-width: 700px) { .tribe-alert__toggle .button-text { display: inline; } } @media only screen and (min-width: 800px) { .tribe-alert__icon { display: block; color: #8f0614; font-size: 60px; position: absolute; top: 40px; } .tribe-alert__title, .tribe-alert__date, .tribe-alert__desc { margin-left: 12%; } .tribe-alert__title { display: block; } .alert-prev { padding: 3.4rem 6% 5.4rem; } .alert-prev .tribe-alert--history { padding: 2rem 16px 1.5rem; } .alert-prev .tribe-alert--history::after { width: 90%; left: 5%; } .tribe-alert__title--history { margin: 0 12% .1rem; } .tribe-alert__date--history{ margin: 0 12% .75rem; } .tribe-alert__desc--history{ margin: 0 12%; } .major-emergency__toggle { right: 5%; } } /* ===== HERO ======================================================================================= */ @keyframes heroin { 0% { opacity: 0;} 100% { opacity:1;} } @-moz-keyframes heroin { 0% { opacity: 0;} 100% { opacity:1;} } @-webkit-keyframes heroin { 0% { opacity: 0;} 100% { opacity:1;} } @-ms-keyframes heroin { 0% { opacity: 0;} 100% { opacity:1;} } @-o-keyframes heroin { 0% { opacity: 0;} 100% { opacity:1;} } .heroin { -webkit-animation: heroin 0.9s; -moz-animation: heroin 0.9s; -ms-animation: heroin 0.9s; -o-animation: heroin 0.9s; animation: heroin 0.9s; animation-timing-function: ease; } @keyframes logoin { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity:1;} } @-moz-keyframes logoin { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity:1;} } @-webkit-keyframes logoin { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity:1;} } @-ms-keyframes logoin { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity:1;} } @-o-keyframes logoin { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity:1;} } .m-desktoplogo { -webkit-animation: logoin 1.4s; -moz-animation: logoin 1.4s; -ms-animation: logoin 1.4s; -o-animation: logoin 1.4s; animation: logoin 1.4s; animation-timing-function: ease; animation-iteration-count: 1; } .hidden { display: none; } .menubackdrop-dark { position: relative!important; z-index: auto; top: 0; left: 0; -webkit-overflow-scrolling: none; width: 100%; height: 100%; cursor: auto; transition: opacity 0.4s; opacity: 0; background: rgba(0, 0, 0, 0.9); touch-action: none; overscroll-behavior: none; } .m-desktoplogo { display: none; position: absolute; z-index: 3; background: #fff; left: 50%; transform: translateX(-50%); padding: 16px 18px 14px 18px; width: 240px; height: 134px; border-top: 0.82552rem solid #041e39; /*#FCB900;*/ -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0 0 1px 1px; } .m-desktoplogo::after { content: ""; background: transparent; height: 0; position: absolute; left: 0; bottom: -26px; border-top: 26px solid #fff; border-left: 120px solid transparent; border-right: 120px solid transparent; z-index: -1; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*@supports (-ms-ime-align:auto) {*/ /* .m-desktoplogo::after {*/ /* bottom: -26px;*/ /* }*/ /*}*/ .m-desktoplogo img { width: 100%; margin-bottom: -6px; } .o-homehero { overflow-x: hidden; width: 100%; /*margin-top: 66px;*/ min-height: 50vh; padding-bottom: 66px; } .m-hero { display: flex; flex-direction: column; height: auto; position: relative; background: #fff; overflow-x: hidden; -ms-overflow-y: hidden; } .m-hero__image, .m-hero__video { width: 100%; height: calc(56.25vw); position: relative; overflow-x: hidden; max-height: calc(56.25vw); } .m-hero__video .videocontainer { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .m-hero__video .videocontainer.hidden { display: none; } .m-hero__video.focus::after { content: ""; position: absolute; border: 1px dotted #FFF; top: 2px; left: 3px; right: 3px; bottom: 2px; } .m-hero__video video { width: 100%; height: 100%; object-fit: cover; } @supports (-ms-ime-align:auto) { .m-hero__video video { margin-top: -4px; } } .m-hero__image span { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #video_button, #events_video_button { position: absolute; bottom: 22px; left: 22px; color: #000; background: rgba(208,211,212,.3); padding: 7px; width: 35px; height: 35px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-size: 1rem; z-index: 2; margin: 0; } #video_button i.fa-pause, #events_video_button i.fa-pause { margin-left: .1em; } #video_button i.fa-play, #events_video_button i.fa-play { margin-left: .3em; } #video_button:hover, #video_button:focus, #events_video_button:hover, #events_video_button:focus { color: #000; background: rgba(208,211,212,.8); } .m-hero__captionarea { width: 100%; height:100%; background: #041e39; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .m-hero__captionareacontent img { display: none; height: 100%; transition: opacity 1.4s; transition-delay: 1.2s; opacity: 0; margin: 0; } .m-hero__caption { border-bottom: 78px solid #041e39; opacity: 0; transition: transform .6s, opacity .8s; transition-delay: .4s; } .m-hero__captioncontent { padding: 34px 40px 64px 40px; } .m-hero__captioncontent h2 { font-size: 2.75rem; line-height: 1em; margin: 0 0 .4em 0; font-family: "Freight Display Pro W01", "Times", "Times New Roman", georgia, serif; color: #000; font-weight: 100; display: inline-table; transition: transform .6s, opacity .6s; transition-delay: .3s; opacity: 0; transform: translate3d(0,20px,0); } .m-hero__captiontext { margin: 0; font-size: 1rem; transition: transform .6s, opacity .6s; transition-delay: 0.4s; opacity: 0; transform: translate3d(0,20px,0); } .m-hero__more { position: absolute; right: -250px; bottom: 29px; margin-top: 22px; transition: right .6s; transition-delay: .5s; } .m-hero__more a::after { position: absolute; content: ""; background: rgba(255,255,255,.5); height: 1px; left: 20px; bottom: 26px; width: calc(100% - 20px); transition: width .3s; } .m-hero__more a::before { content: ""; background: #FCB900; position: absolute; width: 18.5%; height: 100%; top: 0; left: -9%; bottom: 0; transform: skew(-20deg); z-index: 0; transition: background .3s; } .m-hero__more a { display: block; position: relative; width: 100%; color: #fff; line-height: 100%; padding: 30px 80px 36px 30px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.02em; background: #FCB900; white-space: nowrap; font-size: 1.1rem; font-weight: 400; height: 84px; transition: background .3s; } .m-hero__more a:hover, .m-hero__more a:focus, .m-hero__more a:hover::before, .m-hero__more a:focus::before { background: #FCB900; } .m-hero__more a:hover::after, .m-hero__more a:focus::after { width: calc(100% - 100px); } /* ANIMATION: after slideshow fade in */ .o-homehero__content.aos-animate .m-hero__caption { opacity: 1; } .o-homehero__content.aos-animate .m-hero__captioncontent h2 { opacity: 1; transform: translate3d(0,0,0); } .o-homehero__content.aos-animate .m-hero__captiontext { opacity: 1; transform: translate3d(0,0,0); } .o-homehero__content.aos-animate .m-hero__more { right: 0; } .o-homehero__content.aos-animate .m-hero__captionareacontent img { opacity: 1; } /* For removing extra animations on mobile devices */ @media (any-hover: none) { .m-hero__more a:hover::after, .m-hero__more a:focus::after { width: inherit; } } @media only screen and (min-width: 968px) { .m-desktoplogo { display: block; } .o-homehero__content { border-top: 13px solid #041e39; box-shadow: inset 1px 1px 3px #000; } .m-hero__image, .m-hero__video { border-bottom: 78px solid #041e39; width: 100%; height: calc(56.25vw + 300px); max-height: calc(56.25vw + 300px); } /* because Edge doesn't support object fit for video */ .m-hero__video video { position:absolute; min-height:100%; min-width:100%; width: auto; height: 100%; top:50%; left:50%; transform:translate(-50%, -50.01%); } @supports (-ms-ime-align:auto) { .m-hero__video video { margin-top: 0px; } } /* Firefox doesn't love the hack for Edge, fix jittering on scroll */ @-moz-document url-prefix() { .m-hero__video video { width: 100%; height: 100%; object-fit: cover; position: relative; top:auto; left:auto; transform:none; } } #video_button, #events_video_button { bottom: 33px; left: 33px; right: auto; } .m-hero__caption { border-bottom: 0; position: absolute; top: 100%; width:62%; right: 0; transform: translateX(33%) translateY(-100%) translateZ(0); margin-top: -29.5px; } .m-hero__captioncontent h2 { margin-right: 22px; transition-delay: 1s; } .m-hero__captiontext { transition-delay: 1.1s; } .m-hero__more { transition-delay: 1.2s; } .leftside { width: 100%; position: absolute; top: -1px; bottom: -1px; transform: skew(-20deg); background: #fff; z-index: -1; left: -16%; } .rightside { width: 100%; position: absolute; top: -1px; bottom: -1px; transform: skew(-20deg); background: #fff; z-index: -1; right: -25%; } .m-hero__captioncontent { padding: 40px 0 48px 0; } .m-hero__captioncontent h2 { font-size: 2.875rem; } .h-hero__more { display: flex; flex-direction: row; align-content: flex-end; } .m-hero__captiontext { width: 100%; } .m-hero__more { position: relative; bottom: 0; margin-left: 15px; } .m-hero__more a { padding: 24px 80px 30px 20px; top: 100%; transform: translateY(-100%); font-size: .9rem; height: auto; } .m-hero__more a::before { content: none; } .m-hero__more a::after { bottom: 22px; } /* ANIMATION: after slideshow fade in */ .o-homehero__content.aos-animate .m-hero__caption { opacity: 1; transform: translateX(0%) translateY(-100%) translateZ(0); } } #t4-header{display: none !important;} @media only screen and (min-width: 1200px) { .m-hero { flex-direction: row; min-height: 720px; height: 100vh; max-height: calc(100vw * .5625); } .m-hero.is-broadcast { height: calc(100vh - 62px); } .m-hero__image, .m-hero__video { width: calc(100vw - 390px); border-bottom: 0; height: 100%; } .m-hero__image span { border-bottom: 0; } .m-hero__captionarea { height: 100%; right: 0; width: 31vw; position: absolute; z-index: 0; } .m-hero__captionarea::before { content: ""; background: #041e39; width: 31vw; transform: skew(-20deg); height: 100%; position: absolute; top: 0; right: 11vw; z-index: -1; } .m-hero__captionareacontent { height: 100%; padding: 5rem 0 0 3rem; } .m-hero__captionareacontent img { display: block; } .m-hero__caption { border-bottom: 0; position: absolute; top: 50%; margin-top: 92px; width: 44%; right: 0; transform: translateX(33%) translateY(-50%) translateZ(0); } .m-hero__captioncontent { padding: 40px 0 30px 0; } .m-hero__captioncontent h2 { font-size: 3.75rem; } .m-hero__captiontext { margin-bottom: 30px; margin-right: 10px; } /* ANIMATION: after slideshow fade in */ .o-homehero__content.aos-animate .m-hero__caption { transform: translateX(0%) translateY(-50%) translateZ(0); } } @media only screen and (min-width: 1300px) { .leftside { left: -14%; } } @media only screen and (min-width: 1600px) { .m-desktoplogo { width: 280px; height: 153px; } .m-desktoplogo::after { bottom: -30px; border-top: 30px solid #fff; border-left: 140px solid transparent; border-right: 140px solid transparent; } @supports (-ms-ime-align:auto) { .m-desktoplogo::after { bottom: -29px; } } .m-hero__captionarea { background: linear-gradient(135deg, transparent 0%, transparent 20%, #041e39 20%); } .m-hero__captionarea, .m-hero__captionarea::before { width: 496px; } .m-hero__captionarea::before { right: 190px; } .m-hero__caption { width: 690px; } } @media only screen and (min-width: 1800px) { .m-hero__captionarea, .m-hero__captionarea::before { width: 566px; } .m-hero__caption { width: 760px; } } @media (prefers-reduced-motion) { .m-hero__captionareacontent img { transition-delay: 0s; } .m-hero__caption { transition: transform 0s, opacity .8s; } .m-hero__captioncontent h2, .m-hero__captiontext { transition: transform 0s, opacity .6s; } .m-hero__more, .m-hero__more a::after { transition: none; } .m-hero__more a:hover::after, .m-hero__more a:focus::after { width: calc(100% - 20px); } } /* =============== CALLOUT =================================== */ .o-homecallout { position: relative; padding: 66px 22px; width: 100%; background-color: #fff; } .o-homecallout__content { margin-left: auto; margin-right: auto; max-width: 1236px; background: #041e39; padding: 14px; display: flex; flex-direction: column; min-height: 250px; } .o-homecallout__content[data-aos="fade-up"] { transform: translate3d(0,80px,0); } .o-homecallout__text { color: #fff; order: 2; } .o-homecallout__text h3 { color: #fff;font-family: var(--heading-font-family)!important; font-size: 2.125rem; font-weight: 500; line-height: 1.18em; letter-spacing: 0.015em; margin: 1.5rem 0; } .o-homecallout__text p { margin-top: 0; color: #fff; font-family: "Avenir Next W01", Verdana, sans-serif; } .o-homecallout__text .more { line-height: 1.2; } .o-homecallout__text .more a { color: #fff; font-size: 1.5rem;font-family: var(--heading-font-family)!important; text-decoration: none; letter-spacing: 0.02em; display: inline-block; position: relative; padding-right: 33px; } .o-homecallout__text .more a:before{ top: calc(50% - 5px); right:0; content: ""; display: inline-block; width: 10px; height: 10px; border-right: 2px solid #FCB900; border-top: 2px solid #FCB900; transform: rotate(45deg); position:absolute; transition: all .2s ease-in-out; } .o-homecallout__text .more a:after{ content:''; width:25px; height:2px; background:#FCB900; right:0; top:50%; position:absolute; transition: all .2s ease-in-out; } .o-homecallout__text .more a:hover, .o-homecallout__text .more a:focus { text-decoration: underline; } .o-homecallout__text .more a:hover::before, .o-homecallout__text .more a:focus::before { transform: translate3d(10px,0,0) rotate(45deg); } .o-homecallout__text .more a:hover::after, .o-homecallout__text .more a:focus::after { transform: translate3d(10px,0,0); } .o-homecallout__textwrapper { margin: 1rem; } .o-homecallout__imagewrapper { height: 100%; width: 100%; background-size: cover; background-position: center; } .o-homecallout__image img { max-width: 100%; opacity: 0; max-height: 300px; } /* For removing extra animations on mobile devices */ @media (any-hover: none) { .o-homecallout__text .more a:hover::after, .o-homecallout__text .more a:focus::after { transform: none; } .o-homecallout__text .more a:hover::before, .o-homecallout__text .more a:focus::before { transform: rotate(45deg); } } @media only screen and (min-width: 600px) { .o-homecallout__content { padding: 24px; } .o-homecallout__textwrapper { margin: 2rem 2rem 0 2rem; } } @media only screen and (min-width: 968px) { .faded-desktop { opacity: 0; } .o-homecallout__content { flex-direction: row; overflow: hidden; } .o-homecallout__text { max-width: 544px; flex: 1; order: 0; z-index: 1; } .o-homecallout__textwrapper { margin: 1rem .5rem 1rem 2.5rem; } .o-homecallout__text h3 { margin-bottom: 2rem; } .o-homecallout__text .more { padding-top: 1rem; } .o-homecallout__image { max-width: 670px; max-height: auto; flex: 1; position: relative; overflow: hidden; } .o-homecallout__image::before { content: ""; background: transparent; position: absolute; top: 0; width: 0; border-width: 1600px 0 0 584px; border-color: transparent transparent transparent #041e39; border-style: solid; transform: translate3d(0,-100px,0); transition: transform .3s ease-out; transition-delay: .3s; } .o-homecallout__content.aos-animate .o-homecallout__image::before { transform: translate3d(0,0px,0); } .o-homecallout__image img { display: none; } } @media only screen and (min-width: 1250px) { .o-homecallout__textwrapper { margin: 1.25rem .5rem 1.25rem 2.5rem; } .o-homecallout__content { padding: 14px; } } /* ============== GLANCE ======================================*/ .o-homeglance { padding: 66px 0; width: 100%; position: relative; } .o-homeglance__content { max-width: 1250px; margin: auto; padding: 0 22px 22px; } .m-stats { width: 100%; } .m-stats__row { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; max-width: 723px; } .m-stats__box { background: #eff0f0; padding: 22px; margin: 16.5px; flex-grow: 1; position: relative; height: 280px; max-width: 280px; width: 100%; } .m-stats__box:hover { cursor: pointer; } .m-stats__boxborder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .m-stats__boxborder::before, .m-stats__boxborder::after { content: ""; position: absolute; border: 2px solid transparent; width: 0; height: 0; } .m-stats__boxborder::before { top: -2px; left: auto; bottom: auto; right: -2px; transition: border-color 0s ease .3s, width 0.3s ease-out, height 0.3s ease-out; } .m-stats__boxborder::after { top: auto; left: -2px; bottom: -2px; right: auto; transition: border-color 0s ease .3s, width 0.3s ease-out, height 0.3s ease-out; } .m-stats__box:hover .m-stats__boxborder::before, .m-stats__box:hover .m-stats__boxborder::after { width: 100%; height: 100%; } .m-stats__box:hover .m-stats__boxborder::before { border-top-color: #FCB900; border-right-color: #FCB900; transition: height 0.3s ease-out, width 0.3s ease-out; } .m-stats__box:hover .m-stats__boxborder::after { border-left-color: #FCB900; border-bottom-color: #FCB900; transition: height 0.3s ease-out, width 0.3s ease-out; } .m-stats__box p { margin:0; padding:0; } .m-stats__box:after { content: ""; display: block; padding-bottom: 110%; visibility: hidden; } .m-stats__boxtop { width: 100%; position: absolute; top: 5px; left: 0; display: flex; justify-content: center; align-items: center; color: #ac834d; font-size: 85px; font-weight: 600; line-height: 1.2; text-align: center; font-family: "Freight Text W01", "Freight Display Pro W01", serif; } .m-stats__boxtop .prepend, .m-stats__boxtop .append { font-size: 33px; text-transform: uppercase; font-style: italic; font-weight: 900; } .m-stats__boxtop .number {font-family: var(--heading-font-family)!important; margin: 0 5px; } .m-stats__boxtop .number.em { font-style: italic; } .m-stats__boxtop::after { content: ""; height: 1px; width: 22%; position: absolute; left: 39%; background: #FCB900; bottom: -16%; } .m-stats__boxbottom { width: 100%; position: absolute; top: 49%; left: 0; display: block; color: #000; font-size: 22px; font-weight: 500; line-height: 1.2; text-align: center; padding: 0 11%; font-family: "Freight Text W01", "Freight Display Pro W01", serif; } .m-stats__boxlink { position: absolute; bottom: 16px; padding: 10px 0; left: 22px; right: 22px; color: #000; text-align: center; text-transform: uppercase; letter-spacing: .07rem; font-size: 0.93809rem; font-weight: 500; transition: all .3s; } .m-stats__box:hover .m-stats__boxlink, .m-stats__boxlink:hover, .m-stats__boxlink:focus { text-decoration: none; color: #041e39; } .m-stats__widget { background: #eff0f0; padding: 33px; margin:16.5px; flex-grow: 2; max-width: 280px; min-height: 290px; width: 100%; display: flex; flex-direction: column; } .m-stats__widgetimage { width: 100%; background-size: cover; background-position: left; height: 100%; min-height: 180px; } .m-stats__row:first-of-type .m-stats__widgetimage { background-image: url("../_homepage/_media/opening_day.jpg"); } .m-stats__row:last-of-type .m-stats__widgetimage { background-image: url("../_homepage/_media/campus-tour.jpg"); } .m-stats__widgetcontent { width: 100%; height: 100%; /*display: flex;*/ /*flex-direction: column;*/ /*justify-content: space-between;*/ order: 2; } .m-stats__widgetcontent h3 { font-family: "Freight Text W01", "Freight Display Pro W01", serif; font-size: 25px; margin-top: .6rem; margin-bottom: .8rem; font-weight: 900; } .m-stats__widgetcontent p { margin: 0 0 1.2rem; } .m-stats__widgetcontent .content_button { width: 100%; padding: 1rem; margin: 0; display: block; } .m-schools { width: 100%; text-align: center; } .m-schools p { margin: 0; } .m-schools__header { width: 100%; font-size: 25px; font-family: "Freight Text W01"; font-weight: 900; text-align: center; margin: 3.5rem 0 1.5rem; } .m-schools__row { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 20px; } .m-schools__box { padding: 11px 0; max-width: 80%; min-width: 280px; margin: 0; flex-grow: 1; position: relative; } .m-schools__box:after { content: ""; display: block; padding-bottom: 22%; visibility: hidden; } .m-schools__link { position: relative; display: block; width: 100%; height: 100%; background: #eff0f0; transition: background .3s; overflow: hidden; /* -webkit-tap-highlight-color: transparent; */ } .m-schools__link:hover, .m-schools__link:focus { background: #041e39; text-decoration: none; } .m-schools__link:hover::after, .m-schools__link:focus::after { transform: translateY(0px); } .m-schools__image { position: absolute; width: 27%; top: 22%; height: 56%; left: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .m-schools__image img { height: 100%; } /*.m-schools__box.aas .m-schools__image {*/ /* background-image: url("//test-www.wm.edu/_homepage/_media/aas-static.svg");*/ /*}*/ /*.m-schools__box.aas .m-schools__link:hover .m-schools__image,*/ /*.m-schools__box.aas .m-schools__link:focus .m-schools__image {*/ /* background-image: url("//test-www.wm.edu/_homepage/_media/aas-hover.svg");*/ /*}*/ /*.m-schools__image svg{*/ /*opacity: .3;*/ /* height: 100%;*/ /* overflow: visible;*/ /*}*/ /*.m-schools__link path {*/ /* fill: #a8a8a8;*/ /*}*/ /*.m-schools__link:hover svg,*/ /*.m-schools__link:focus svg {*/ /* opacity: 1;*/ /*}*/ /*.m-schools__link:hover path,*/ /*.m-schools__link:focus path {*/ /* fill: #FCB900;*/ /*}*/ .m-schools__label { position: absolute; display: block; font-family: "Freight Text W01", "Freight Display Pro W01", serif; line-height: 1.2; color: #868686; font-size: 18px; font-weight: 500; transition: all .3s; bottom: auto; top: 50%; transform: translateY(-50%); text-align: left; margin-left: 32%; width: 66%; } .m-schools__link:hover .m-schools__label, .m-schools__link:focus .m-schools__label { color: #fff; } .m-schools .content_button { padding: 1rem .9rem; min-width: 280px; } .m-schools [data-aos="fade-up"] { transform: translate3d(0,20px,0); } .m-schools .content_button { margin: 44px auto 0 !important; } @media only screen and (min-width: 550px) { .m-schools__box { padding: 0; margin: 20px; min-width: 200px; max-width: calc(20% - 40px); } .m-schools__box:after { padding-bottom: 100%; } .m-schools__link::after { content: ""; height: 6px; width: 100%; background-color: #FCB900; position: absolute; bottom: 0; left: 0; transition: all .3s; transform: translateY(6px); } .m-schools__image { width: 100%; height: 32%; } /*.m-schools__box:nth-child(4) .m-schools__image {*/ /* height: 32%;*/ /* top: 22%;*/ /*} */ .m-schools__label { width: 100%; bottom: 20%; top: auto; transform: none; text-align: center; margin-left: 0; } .m-schools__box:last-of-type .m-schools__label { width: 64%; left: 18%; } .m-schools .content_button { margin-top: 0; } } @media only screen and (min-width: 590px) { .m-stats__row { margin: 0 auto 17px; } .m-stats__box { max-width: none; width: auto; } .m-stats__widget { max-width: none; flex-direction: row; } .m-stats__widgetimage { width: calc(50% - 16.5px); } .m-stats__widgetcontent { width: calc(50% + 16.5px); } .m-stats__row:first-of-type .m-stats__widgetcontent { padding-left: 33px; } .m-stats__row:last-of-type .m-stats__widgetcontent { padding-right: 33px; order: unset; } } @media only screen and (min-width: 700px) { .m-schools .content_button { padding: 1rem 2.5rem; } } @media only screen and (min-width: 1000px) { .m-schools__row { width: 80%; } } @media only screen and (min-width: 1100px) { .m-stats__row { max-width: 100%; } .m-stats__box { width: auto; max-width: calc(25% - 33px); max-height: 311px; height: auto; } /*.m-stats__boxbottom {*/ /* padding: 0 18%;*/ /*}*/ .m-stats__widget { max-width: calc(50% - 33px); width: auto; } } @media only screen and (min-width: 1250px) { .m-schools__row { width: 75%; } .m-stats__box:after { padding-bottom: 110%; } } @media only screen and (min-width: 1300px) { .m-schools__row { width: 100%; } } @media (prefers-reduced-motion) { [data-aos="slide-right"] { transform: translate3d(0,0,0); } .m-stats__boxborder::before, .m-stats__boxborder::after, .m-stats__box:hover .m-stats__boxborder::before, .m-stats__box:hover .m-stats__boxborder::after, .m-schools__link::after { transition: none; } .m-schools [data-aos="fade-up"] { transform: translate3d(0,0,0); } } @media (any-hover: none) { .m-stats__boxborder { display: none; } } /* ======= PEOPLE ==================================================================================== */ /* Animations =========================== */ @keyframes personin { from { transform: translate3d(100%,0,0) scale(1.1); } to { transform: translate3d(0,0,0) scale(1);} } @-moz-keyframes personin { from { transform: translate3d(100%,0,0) scale(1.1); } to { transform: translate3d(0,0,0) scale(1);} } @-webkit-keyframes personin { from { transform: translate3d(100%,0,0) scale(1.1); } to { transform: translate3d(0,0,0) scale(1);} } @-ms-keyframes personin { from { transform: translate3d(100%,0,0) scale(1.1); } to { transform: translate3d(0,0,0) scale(1);} } @-o-keyframes personin { from { transform: translate3d(100%,0,0) scale(1.1); } to { transform: translate3d(0,0,0) scale(1);} } @keyframes bioin { 0% { opacity: 0;} 50% { opacity: 0} 100% { opacity:1;} } @-moz-keyframes bioin { 0% { opacity: 0;} 50% { opacity: 0} 100% { opacity:1;} } @-webkit-keyframes bioin { 0% { opacity: 0;} 50% { opacity: 0} 100% { opacity:1;} } @-ms-keyframes bioin { 0% { opacity: 0;} 50% { opacity: 0} 100% { opacity:1;} } @-o-keyframes bioin { 0% { opacity: 0;} 50% { opacity: 0} 100% { opacity:1;} } .m-person__image { opacity: 1; transition: all .7s; max-width: 100%; -webkit-animation: personin .7s; -moz-animation: personin .7s; -ms-animation: personin .7; -o-animation: personin .7; animation: personin .7s; animation-timing-function: ease-in-out; } .m-person__bio { opacity: 1; transition: all .7s; max-width: 100%; -webkit-animation: bioin 1.2s; -moz-animation: bioin 1.2s; -ms-animation: bioin 1.2s; -o-animation: bioin .1.2s; animation: bioin 1.2s; animation-timing-function: ease-in-out; } .m-person__caption > .m-person__button { opacity: 1; transition: all .7s; -webkit-animation: bioin 1.4s; -moz-animation: bioin 1.4s; -ms-animation: bioin 1.4s; -o-animation: bioin .1.4s; animation: bioin 1.4s; animation-timing-function: ease-in-out; padding-left: 6%; } .m-person { opacity: 1; transition: all .8s ease-in-out; z-index: 10; } .personout { opacity: 0; position: absolute !important; top: 0; transform: scale(.9); } .m-person.personout { z-index: 0; } /* Layout =============================== */ .o-people { width: 100%; } .o-people__content { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; } .m-people-main { width: 100%; order: 1; } .m-people-main__bottom { position: relative; width: 100%; height: 86.6vw; margin: 0 auto; } .m-people-thumbs { margin-bottom: 50px; position: relative; display: flex; flex-wrap: wrap; overflow-x: auto; order: 2; } .m-people-thumbs__content { display: flex; flex-flow: wrap; flex-shrink: 0; } .m-people-thumbs__separator { flex-basis: 100%; height: 0; display: none; } /* Typography =============================== */ .o-people .row-heading { margin-bottom: 0; } .o-people__caption { text-transform: uppercase; margin-left: 9%; margin-right: 6%; font-size: .9rem; margin-top: .75rem; margin-bottom: 1.25rem; letter-spacing: 0.1em; /*0.156em;*/ font-weight: 100; color: #000; } /* Person (Active "slide") =================================== */ .m-person { width: 100%; height: 100%; overflow: hidden; position: relative; } .mouseuser .m-person:focus { outline: none; } .m-person[hidden=""] { display: none; } .m-person__image { width: 100%; height: 100%; background-size: cover; background-position: center; position: relative; } .m-person__image::after { content: ""; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.0) 70%); top: 0; bottom: 0; left: 0; right: 0; width: 100%; position: absolute; } .m-person__image img { opacity: 0; min-height: 325px; } .m-person__caption { color: #fff; font-size: 14px; position: absolute; top: auto; bottom: 40px; left: 0; right: 0; font-weight: 500; overflow: hidden; } .m-person__bio { position: absolute; padding: 0 11px; bottom: 11px; top: 0; width: 100%; } .m-person__biocontent { position: absolute; bottom: 0; } .m-person__name { color: #fff; line-height: 1em; font-family: var(--heading-font-family); font-size: 32px; font-weight: 900; letter-spacing: 0.017em; margin-bottom: 1.5rem; margin-top: 0; } .m-person__bio p.m-person__major, .m-person__bio p.m-person__role { margin: 0 0 0.25rem; } .m-person__bio p.m-person__major { letter-spacing: 0.036em; } .m-person__button a span { position: inherit; padding: 0; transform: skew(-20deg); display: block; opacity: 0; } .m-person__category { position: absolute; left: 0; width: max-content; } .m-person__category a { font-size: 13px; font-weight: 500; color: #041e39; text-transform: uppercase; letter-spacing: 0.036em; padding: 5px 10px; display: inline-block; background: rgba(0,0,0,.3); transition: all .3s; } .m-person__category a:hover, .m-person__category a:focus { text-decoration: none; background: rgba(0,0,0,.5); color:#fff !important; } /* Thumbnails =============================== */ .m-people-thumbs__button { width: 28vw; height: 19.5vw; position: relative; border: 0; margin: 0; padding: 0; cursor: pointer; overflow: hidden; flex: 1 0 auto; background: #eff0f0; min-width: 164px; min-height: 114.511px; z-index: 0; background-position: center; background-size: cover; } .m-people-thumbs__button:focus::before { outline:1px dotted #000; } .m-people-thumbs__button::after { content: ""; background: transparent; transform: scale3d(1.3,1.3,1); transition: background .3s ease, transform .3s ease; position: absolute; left: 12px; top: 12px; bottom: 12px; right: 12px; z-index: 2; perspective: 1000px; backface-visibility: hidden; -moz-transform-style: preserve-3d; } .m-people-thumbs__button:hover::after, .m-people-thumbs__button:focus::after, .m-people-thumbs__button[aria-selected="true"]::after { content: ""; background: rgba(0,0,0,.25); position: absolute; } .m-people-thumbs__button::before { content: ""; background: transparent; transform: scale3d(1.3,1.3,1); transition: background .3s ease, transform .3s ease; border: 13px solid #FCB900; position: absolute; left: -1px; top: -1px; bottom: -1px; right: -1px; z-index: 1; perspective: 1000px; backface-visibility: hidden; -moz-transform-style: preserve-3d; } .m-people-thumbs__button-image { position: absolute; top: 0; right: -1px; bottom: -1px; left: 0; background-size: cover; background-position: center; display: block; transform: scale3d(1,1,1); transition: transform .3s ease; perspective: 1000px; backface-visibility: hidden; -moz-transform-style: preserve-3d; } .m-people-thumbs__button:hover .m-people-thumbs__button-image, .m-people-thumbs__button:focus .m-people-thumbs__button-image, .m-people-thumbs__button[aria-selected="true"] .m-people-thumbs__button-image { transform: scale3d(1.11,1.11,1); } .m-people-thumbs__button[aria-selected="true"]::before { transform: scale3d(1,1,1); } .m-people-thumbs__button[aria-selected="true"]::after { background: rgba(0,0,0,.5); transform: scale3d(1,1,1); } /* More Stories Button =========================== */ .o-people__buttonwrapper { width: 100%; position: absolute; right: 0; bottom: -22px; text-align: center; z-index: 2; } .o-people__button { display: inline-block; padding: 22px; text-align: center; text-decoration: none; color: rgba(0, 0, 0, 0.7); text-transform: uppercase; letter-spacing: .188rem; font-size: .875rem; font-weight: 400; transition: all .3s; } .o-people__button:hover, .o-people__button:focus { color: rgba(0, 0, 0, 1); } /* =============== Media Queries ==================== */ @media only screen and (min-width: 600px) { .m-people-main__bottom { width: 88%; height: 59.5vw; } .m-people-thumbs { margin-left: 6%; } .m-person__bio { padding: 0 22px; bottom: 22px; } .m-people-thumbs__button { width: 14vw; min-width: 82px; } .m-people-thumbs__separator { display: block; } } @media only screen and (min-width: 930px) { .o-people__content .m-person__image::after { background: linear-gradient(90deg,rgba(0, 0, 0, 0.8) 0%,rgba(0,0,0,0) 50%); } .m-person__image img { padding-bottom: 0; } .m-person__bio { position: relative; padding-top: 18%; padding-left: 6%; max-width: 50%; } .m-person__bio p.m-person__major { max-width: 500px; } .m-person__bio p.m-person__role { max-width: 501px; } .m-person__biocontent { position: relative; bottom: auto; } .m-person__button { margin-top: 1.25rem; } .m-person__button .l_hp__overview_btn{background: transparent; color: #fcb900;} .m-person__button .l_hp__overview_btn:after { border: solid #fcb900; border-width: 0 1px 1px 0; display: inline-block; padding: 2px; content: ''; top: 5px; right: 5px; transform: rotate( 270deg); position: absolute; -webkit-transform: rotate( 270deg); } .m-person__category a:hover{color: #fff} .m-person__button a span { opacity: 1; } .m-person__category { position: relative; background: #fcb900; width: fit-content; padding: 0px 20px; margin-bottom: 20px; } .m-person__category a { background: none; padding: 5px 0; } .m-person__category a:hover, .m-person__category a:focus { text-decoration: underline; background: none; } } @media only screen and (min-width: 1220px) { /* at certain window aspect ratios, display single col thumbs */ .single-col-thumbs .m-people-thumbs, .single-col-thumbs .m-people-thumbs__button, .single-col-thumbs .o-people__buttonwrapper { width: 18vw; } .single-col-thumbs .m-people-main__shadow-top, .single-col-thumbs .m-people-main__shadow-bottom { width: 19vw; } .single-col-thumbs .m-people-thumbs__button { height: 12.568281938326vw; } .single-col-thumbs .m-people-main { width: 79%; } .single-col-thumbs .m-people-main__shadow-top, .single-col-thumbs .m-people-main__shadow-bottom { right: -26.59%; } .single-col-thumbs .o-people__button { padding: 22px 0; } .o-people__content { display: flex; justify-content: center; flex-wrap: wrap; position: relative; } .m-people-main { width: 66%; height: 100vh; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; } .m-people-main__top { display: inline-block; width: 100%; } .m-people-main__shadow-top { background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; width: 31vw; height: 70px; right: -51.5151515152%; z-index: 1; display: none; } .m-people-main__shadow-bottom { background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); position: absolute; bottom: 0; width: 31vw; height: 70px; right: -51.5151515152%; z-index: 1; opacity: 1; transition: opacity .2s; display: none; } .m-people-main__shadow-bottom.hide { opacity: 0; } .m-people-main__bottom { height: calc(100vh - 148px); width: 100%; } .m-person__image { width: 100%; height: 100%; } .m-people-thumbs { width: 26vw; margin-top: 98px; flex-wrap: wrap; margin-left: 0; } .m-people-thumbs__content { display: flex; flex-wrap: wrap; width: 100%; } .m-people-thumbs__button { width: 13vw; height: 10.47356828193833vw; flex-grow: 0; flex-shrink: 1; } .o-people__buttonwrapper { width: 26vw; } .m-people-thumbs__separator { display: none; } } .o-people .link{margin-bottom: 70px;} @media (prefers-reduced-motion) { .personout { transform: none; } .m-person__image, .m-person__bio, .m-person__caption > .m-person__button { animation: none; } .m-people-thumbs__button::before, .m-people-thumbs__button::after { transition: background .3s ease, transform 0s ease; } .flame-topbar .flame-topbar__menu-button { transition: opacity .6s, right 0s; } .flame-topbar.is-hidden .flame-topbar__menu-button { transition: opacity .6s, right 0s ease .6s; } } /* ====== NEWS ======================================================================================== */ .o-homenews { z-index: 1; position: relative; padding: 66px 0; width: 100%; } .o-homenews__content { margin-left: auto; margin-right: auto; width: 88%; max-width: 1440px; } .o-homenews__content [data-aos="fade-up"] { transform: translate3d(0,20px,0); } .m-heading--homenews h2 { text-transform: uppercase; font-size: 1.31rem; font-weight: 100; font-family: "Avenir Next W01", Verdana, sans-serif; color: #041e39; margin-bottom: 2.25rem; letter-spacing: 0.0239em; } .m-list--homenews { margin: 0 auto; position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; } .m-col--homenews { width: 100%; margin-bottom: 1.5rem; } .m-col--homenews:nth-child(3) .m-listitem--homenews { padding: .5rem 0; position: relative; } .m-col--homenews:nth-child(3) .m-listitem--homenews a::after { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 0; } .m-col--homenews:nth-child(3) .m-listitem--homenews:nth-child(4) a::after { background: #fff; } .m-listitem--homenews { font-weight: normal;font-family: var(--heading-font-family)!important; font-size: 1.45rem; line-height: 1.8rem; } .m-listitem--homenews a{ color: #000; text-decoration: none; font-weight: 400; letter-spacing: 0.02em; } .m-col--homenews:last-of-type a:not(.button--home) { display: block; transition: padding .3s; padding-right: 10px; padding-left: 0; } .m-listitem--homenews a:hover, .m-listitem--homenews a:focus { color: #041e39; } .m-col--homenews:last-of-type .m-listitem--homenews a:not(.button--home):hover, .m-col--homenews:last-of-type .m-listitem--homenews a:not(.button--home):focus { padding-left: 10px; padding-right: 0; } .m-listimage { width: 100%; overflow: hidden; } .m-listimage__inner { width: 100%; /*height: 100%;*/ background-position: center; background-size: cover; transform: scale(1) translateZ(0); transition: transform 0.3s ease; } .m-listimage__inner::after { content: ""; background: transparent; transition: background .3s ease; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .m-listitem--homenews a:hover .m-listimage__inner::after, .m-listitem--homenews a:focus .m-listimage__inner::after { background: rgba(0,0,0,.25); } .m-listitem--homenews a:hover .m-listimage__inner, .m-listitem--homenews a:focus .m-listimage__inner { transform: scale(1.1) translateZ(0); } .m-listimage__img { opacity: 0; } .headline--homenews { padding: 1rem 0; } .m-buttonrow--homenews .button--home { width: 100%; } .m-buttonrow--homenews .button--home:first-of-type { margin-bottom: 1.5rem; } .m-buttonrow--homenews { display: flex; justify-content: space-between; flex-flow: row wrap; padding: 66px 0 0; width: 100%; } /* For removing extra animations on mobile devices */ @media (any-hover: none) { /*.m-listitem--homenews a:hover .m-listimage__inner, .m-listitem--homenews a:focus .m-listimage__inner {*/ /* transform: scale(1) translateZ(0);*/ /*}*/ .m-col--homenews:last-of-type .m-listitem--homenews a:not(.button--home):hover, .m-col--homenews:last-of-type .m-listitem--homenews a:not(.button--home):focus { padding-left: 0; padding-right: 10px; } } @media only screen and (min-width: 700px) { .m-col--homenews { width: 48%; padding: 0; } .m-col--homenews:nth-child(3) { width: 100%; padding: 0; } .m-listitem--homenews { font-size: 1.6rem; } .m-col--homenews:nth-child(3) .m-listitem--homenews { font-size: 1.25rem; line-height: 1.45rem; } .m-buttonrow--homenews .button--home { width: 49%; } .m-buttonrow--homenews .button--home:first-of-type { margin-bottom: 0; } } @media only screen and (min-width: 968px) { .m-col--homenews:last-of-type { display: flex; flex-flow: wrap row; justify-content: space-between; } .m-col--homenews:nth-child(3) .m-listitem--homenews { width: 48%; } .m-col--homenews:nth-child(3) .m-listitem--homenews:nth-child(3) a::after, .m-col--homenews:nth-child(3) .m-listitem--homenews:nth-child(4) a::after { background: #fff; } } @media only screen and (min-width: 1200px) { .m-heading--homenews { margin: 0 4%; } .m-col--homenews { width: 28%; padding: 0 1rem 0 0; margin-bottom: 0; } .m-col--homenews:nth-child(3) { display: initial; padding: 0 0 1.5rem 1.5rem; width: 44%; } .m-col--homenews:nth-child(3) .m-listitem--homenews { padding: 0; } .headline--homenews { padding: 1rem .5rem; } .headline--homenews { padding: 1rem; } .m-col--homenews:nth-child(3) .headline--homenews { padding: 1.05rem 0; } .m-col--homenews:nth-child(3) .m-listitem--homenews { width: 100%; font-size: 1.25rem; line-height: 1.4rem; } .m-col--homenews:nth-child(3) .m-listitem--homenews:nth-child(3) a::after { background: #ddd; } } @media (prefers-reduced-motion) { .m-col--homenews .m-listitem--homenews { transition-delay: 0s !important; transition-duration: 0.6s !important; } .o-homenews__content [data-aos="fade-up"] { transform: translate3d(0,0,0); } .m-listitem--homenews a:hover .m-listimage__inner, .m-listitem--homenews a:focus .m-listimage__inner { transform: scale(1); } .m-col--homenews:last-of-type .m-listitem--homenews a:not(.button--home):hover, .m-col--homenews:last-of-type .m-listitem--homenews a:not(.button--home):focus { padding-left: 0; } } @media (any-hover: none) { .m-listitem--homenews a:hover .m-listimage__inner, .m-listitem--homenews a:focus .m-listimage__inner { transform: scale(1) translateZ(0); } .m-col--homenews:last-of-type .m-listitem--homenews a:not(.button--home):hover, .m-col--homenews:last-of-type .m-listitem--homenews a:not(.button--home):focus { padding-left: 0; } } /* ================= EVENTS ===================================== */ .o-homeevents { position: relative; padding: 66px 0; width: 100%; overflow-x: hidden; background-color: #fff; } .o-homeevents__content { margin-left: auto; margin-right: auto; width: 88%; max-width: 1440px; } .o-homeevents__content [data-aos="fade-up"] { transform: translate3d(0,20px,0); } .m-heading--homeevents h2 { text-transform: uppercase; font-size: 1.31rem; letter-spacing: 0.0239em; font-weight: 100; font-family: "Avenir Next W01", Verdana, sans-serif; color: #041e39; margin-bottom: 1.5rem; } .m-list--homeevents * { text-decoration: none; } .button--homeevents { display: none; text-transform: uppercase; text-decoration: none; font-family: "Avenir Next W01", Verdana, sans-serif; font-weight: 500; font-size: 1.25rem; position: relative; color: #FCB900; padding-left: 2.5rem; text-align: right; } .button--homeevents::after { content: ""; position: absolute; bottom: -.1rem; right: 0; width: 100%; background: #c6c6c6; height: 1px; transition: width .3s; } .button--homeevents:hover, .button--homeevents:focus { text-decoration: none; color: #FCB900; } .button--homeevents:hover::after, .button--homeevents:focus::after { background: #FCB900; width: calc(100% - 2.5rem); } .button--homeevents { display: block; float: right; margin-top: 2rem; } .m-calentry a { display: flex; flex-direction: row; flex-wrap: wrap; color: #282828; } .m-calentry a:hover, .m-calentry a:focus{ text-decoration: none; } .m-calentry a:hover h3, .m-calentry a:focus h3 { color: #041e39; } .m-calentry .cal, .m-calentry .info { padding: 1rem 0; text-decoration: none; } .m-calentry .info { padding-right: 1rem; transition: all .3s; transform: translate3d(0,0,0); } .m-calentry .cal { width: 24%; text-transform: uppercase; } .m-calentry .cal h3 { color: #282828; font-weight: 100; font-family: "Avenir Next W01", Verdana, sans-serif; text-transform: uppercase; font-size: .9rem; letter-spacing: 0.1em; } .spotlight .m-calentry .cal h3 { width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .m-calentry .date { color: #fff; /*background-color: #aaa;*/ /*border-radius: 50%;*/ text-align: center; line-height: 1em; font-size: 1.05rem; font-weight: 500; width: 64px; height: 64px; margin: 0; position: relative; z-index: 1; } #upcoming_events .m-calentry .date::after { content: ""; background: #aaa; width: 100%; height: 100%; position: absolute; left: 0; border-radius: 100%; z-index: -1; transition: all .3s; transform: scale(1) translateZ(0); } .month { position: absolute; top: 36%; transform: translate(-50%, -50%); left: 50%; white-space: nowrap; } .day { position: absolute; bottom: 33%; transform: translate(-50%, 50%); left: 50%; } .m-calentry > a:hover .title, .m-calentry > a:focus .title { color: #041e39; } .m-calentry .info { width: 75%; } .m-calentry .title { font-weight: 500; margin-bottom: .6rem; line-height: 1.3em; margin-top: .75rem; } .m-calentry .summary { font-size: .92rem; margin-top: .4rem; } .m-calentry .summary a { display: inline; color: #FCB900; font-weight: bold; } .m-calentry .summary a:hover, .m-calentry .summary a:focus { text-decoration: underline; } .m-calentry .summary p:last-of-type { margin-bottom: 0; } .m-calentry .location, .m-calentry .time { font-style: italic; font-size: .87rem; line-height: 1.4em; font-weight: 100; } .spotlight .m-calentry .cal { width: 100%; padding: 0; position: relative; min-height: 180px; background-size: cover; background-position: center; text-transform: none; background-color: #dcdedd; } .spotlight .m-calentry .cal::after { content: ""; background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%,rgba(0,0,0,0.0) 70%); width: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute; } .spotlight .m-calentry .cal a { width: 100%; height: 100%; align-content: center; } .spotlight .date { color: #fff; font-size: 2rem; display: flex; flex-direction: row; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: none; margin-left: .5rem; } .spotlight .month, .spotlight .day { position: relative; transform: none; left: auto; top: auto; bottom: auto; align-self: flex-end; margin-bottom: 1rem; } .spotlight .month { margin-left: .5rem; margin-right: .5rem; } .spotlight .m-calentry .info { width: 100%; padding: 2.5rem 0; } .spotlight .m-calentry .info > a { display: inline-block; } .spotlight .m-calentry .info > a:hover .title, .spotlight .m-calentry .info > a:focus .title { /*text-decoration: underline;*/ color: #041e39; } .spotlight .m-calentry .info div { margin-left: 2.5rem; margin-right: 2.5rem; } .spotlight .button--homeevents { position: absolute; right: 0; top: -4.3rem; } .m-list--homeevents { background-color: #eaeceb; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; } .m-list--homeevents.spotlight { border-top: 6px solid #CAB64B; width: 114%; margin-left: -7%; margin-right: -7%; } .m-list--homeevents.upcoming { padding-top: 2rem; padding-bottom: 2rem; background-color: #fff; } .m-decorativestrip--homeevents { width: 100%; background-color: #eff0f0; display: none; height: 255px; overflow: hidden; position: relative; } .m-decorativestrip--homeevents.focus::after { content: ""; position: absolute; border: 1px dotted #FFF; top: 2px; left: 3px; right: 3px; bottom: 2px; } .m-decorativestrip--homeevents video { width: 100%; height: 100%; /*top: 50%;*/ /*transform: translateY(-50%);*/ object-fit: cover; position: relative; } #upcoming_events { display: flex; flex-direction: column; justify-content: center; } #upcoming_events .m-calentry.c1 .date::after{ background-color: #64CCC9; } #upcoming_events .m-calentry.c2 .date::after{ background-color: #E56A54; } #upcoming_events .m-calentry.c3 .date::after{ background-color: #789D4A; } #upcoming_events .m-calentry.c4 .date::after{ background-color: #5B6770; } #upcoming_events .m-calentry a:hover .date::after, #upcoming_events .m-calentry a:focus .date::after{ transform: scale(.96) translateZ(0); } #upcoming_events .m-calentry a:hover .info, #upcoming_events .m-calentry a:focus .info { transform: translate3d(8px,0,0); } #upcoming_events .m-calentry { opacity: 0; transition-property: opacity; transition-duration: .6s; } .upcoming.aos-animate #upcoming_events .m-calentry { opacity: 1; } #upcoming_events .m-calentry.c1 { transition-delay: 0s; } #upcoming_events .m-calentry.c2 { transition-delay: 0.05s; } #upcoming_events .m-calentry.c3 { transition-delay: 0.1s; } #upcoming_events .m-calentry.c4 { transition-delay: 0.15s; } /* For removing extra animations on mobile devices */ @media (any-hover: none) { #upcoming_events .m-calentry a:hover .date::after, #upcoming_events .m-calentry a:focus .date::after { transform: none; } #upcoming_events .m-calentry a:hover .info, #upcoming_events .m-calentry a:focus .info { transform: none; } } @media only screen and (min-width: 410px) { .m-calentry .date { margin: 0 auto; } } @media only screen and (min-width: 968px) { .m-heading--homeevents h2 { margin-bottom: 3rem; } .m-list--homeevents.spotlight { width: 100%; margin-left: auto; margin-right: auto; max-width: 1200px; } .m-calentry .date { width: 70px; height: 70px; } .spotlight .m-calentry { display: flex; flex-direction: row; } .spotlight .m-calentry .cal { width: 38%; background-image: none !important; } .spotlight .m-calentry .cal::after { content: none; } .spotlight .m-calentry .cal h3 { margin-top: 0; text-align: center; margin-right: 10%; margin-bottom: .75rem; width: 100%; height: auto; clip: auto; -webkit-clip-path: none; clip-path: none; } .spotlight .date { color: #041e39; position: relative; width: auto; height: auto; margin-left: auto; } .m-decorativestrip--homeevents { display: block; } .m-list--homeevents.upcoming { background-color: #eff0f0; } #upcoming_events { flex-direction: row; } #upcoming_events .eventcol{ width: 50%; max-width: 500px; } .button--homeevents { margin-top: 3rem; } } @media only screen and (min-width: 1200px) { .m-heading--homeevents { margin: 0 4%; } } @media (prefers-reduced-motion) { #upcoming_events .m-calentry a:hover .date::after, #upcoming_events .m-calentry a:focus .date::after, #upcoming_events .m-calentry a:hover .info, #upcoming_events .m-calentry a:focus .info { transform: none; } .button--homeevents:hover::after, .button--homeevents:focus::after { width: 100%; } } @media (any-hover: none) { #upcoming_events .m-calentry a:hover .date::after, #upcoming_events .m-calentry a:focus .date::after, #upcoming_events .m-calentry a:hover .info, #upcoming_events .m-calentry a:focus .info { transform: none; } .button--homeevents:hover::after, .button--homeevents:focus::after { width: 100%; } } /* ====== PHOTOS ======================================================================================== */ .o-homephotos { position: relative; padding: 66px 0 0; margin-bottom: 66px; background: #fff; width: 100%; overflow: hidden; } .o-homephotos__content { width: 100%; overflow: hidden; background: #eff0f0; padding-top: 3.5rem; } .m-heading--homephotos { margin-left: auto; margin-right: auto; width: 88%; padding-bottom: 3rem; } .m-heading--homephotos h2 { color: #282828; font-weight: 100; text-transform: uppercase; font-size: .9rem; letter-spacing: 0.1em; } .m-heading--homephotos p { font-size: 3.25rem; font-weight: 100; margin-top: 0; margin-bottom: 0; padding: 0; color: #041e39; line-height: 1.0em;font-family: var(--heading-font-family)!important; } .button--homephotos { display: none; position: absolute; top: 4.1rem; right: -1rem; background: #fff; text-decoration: none; text-transform: uppercase; font-weight: 900; font-family: "Avenir Next W01", Verdana, sans-serif; text-transform: uppercase; font-size: .82rem; letter-spacing: 0.15em; color: #FCB900; padding: 0 6rem 0 3rem; transform: skew(-20deg); } .button--homephotos span { display: block; transform: skew(20deg); } .button--homephotos.mobile { display: block; text-transform: uppercase; text-decoration: none; font-family: "Avenir Next W01", Verdana, sans-serif; font-weight: 500; font-size: 1.25rem; letter-spacing: 0; position: absolute; color: #FCB900; padding: 0 0 0 2.5rem; text-align: right; transform: none; top: auto; right: 1rem; bottom: 1rem; margin: 0; } .button--homephotos.mobile::after { content: ""; position: absolute; bottom: -.1rem; right: 0; width: 100%; background: #c6c6c6; height: 1px; transition: all .3s; } .button--homephotos.mobile:hover, .button--homephotos.mobile:focus { text-decoration: none; background: #FCB900; } .button--homephotos.mobile:hover::after, .button--homephotos.mobile:focus::after { background: #FCB900; width: calc(100% - 2.5rem); } #homephotos { display: flex; flex-wrap: wrap; margin: 0 -.2vw; padding-top: .2vw; background: #fff; width: 103vw; padding-bottom: 4rem; min-height: calc(77.2vw + 4rem); } #homephotos > a { display: block; } .griditem { position: relative; flex: 1 0 28vw; width: 38vw; height: 38vw; margin: .2vw; color: #fff; overflow: hidden; } .griditem figure{ width: 100%; height: 100%; position: relative; padding: 0; margin: 0; background-size:cover; background-position: center; transform: scale3d(1,1,1); transition: all .3s ease; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .griditem figure::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: all .3s; background-color: #000; } .griditem a:hover figure, .griditem a:focus figure { transform: scale3d(1.1,1.1,1); } .griditem a:hover figure::after, .griditem a:focus figure::after { opacity: .4; } .griditem figure::before { content: "\f16d"; position: absolute; top: 50%; color: #fff; font-weight: normal; left: 50%; font-family: "Font Awesome 5 Brands"; font-size: 28px; line-height: 1px; transform: translate(-50%); transition: opacity .5s; opacity: 0; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .griditem a:hover figure::before, .griditem a:focus figure::before { opacity:1; z-index: 1000; } .griditem img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; } .griditem:nth-child(13), .griditem:nth-child(12), .griditem:nth-child(11), .griditem:nth-child(10), .griditem:nth-child(9), .griditem:nth-child(8), .griditem:nth-child(7), .griditem:nth-child(6) { display: none; } .griditem:nth-child(2), .griditem:nth-child(4), .griditem:nth-child(5) { flex: 1 0 44vw; } @media only screen and (min-width: 968px) { .o-homephotos { margin-bottom: 0; } .m-heading--homephotos p { margin-left: 2%; margin-right: 2%; } #homephotos { padding-bottom: .2vw; min-height: 29.2vw; } .button--homephotos { display: block; } .button--homephotos.mobile { display: none; } .button--homephotos { line-height: 3.5rem; position: absolute; bottom: auto; top: 8.6rem; right: 0; background: #fff; text-decoration: none; text-transform: uppercase; font-weight: 900; font-family: "Avenir Next W01", Verdana, sans-serif; text-transform: uppercase; font-size: .82rem; letter-spacing: 0.15em; color: #FCB900; padding: 0 6rem 0 3rem; transform: skew(-20deg) translateX(40px); transition: all .3s ease-in-out; } .button--homephotos::after { content: none; } .button--homephotos:hover, .button--homephotos:focus { transform: skew(-20deg) translateX(20px); } .button--homephotos span { display: block; transform: skew(20deg); } .griditem:nth-child(2), .griditem:nth-child(4), .griditem:nth-child(5) { flex: 1 0 16vw; } .griditem { flex: 1 0 16vw; width: 16vw; height: 16vw; } .griditem:nth-child(11), .griditem:nth-child(10), .griditem:nth-child(9), .griditem:nth-child(8), .griditem:nth-child(7), .griditem:nth-child(6) { display: block; } } @media only screen and (min-width: 1200px) { .m-heading--homephotos p { font-size: 3.75rem; } .griditem:nth-child(2), .griditem:nth-child(4), .griditem:nth-child(5) { flex: 1 0 14vw; } .griditem { flex: 1 0 14vw; width: 14vw; height: 14vw; } .griditem:nth-child(13), .griditem:nth-child(12), .griditem:nth-child(11){ display: block; } } @media only screen and (max-width: 968px) { [data-aos-delay] { transition-delay: 0s !important; } } @media (prefers-reduced-motion) { .button--homephotos:hover, .button--homephotos:focus { transform: skew(-20deg) translateX(40px); } .button--homephotos.mobile:hover::after, .button--homephotos.mobile:focus::after { width: 100%; } .griditem a:hover figure, .griditem a:focus figure { transform: none; } } @media (any-hover: none) { .button--homephotos.mobile:hover::after, .button--homephotos.mobile:focus::after { width: 100%; } .griditem a:hover figure, .griditem a:focus figure { transform: none; } } .sub-title{font-size: 18px; font-weight: 600; color: #fc8a17} .flame_stats .flame-mian-title{margin-bottom: 15px} .pose-sush{position: relative} .top-yellow-boder{border-top:8px solid #FCB900} .box-color-pad{ background: #fff; padding-top: 30px; top: -90px; z-index: 2; position: absolute; right: 0; left: 0; width: 100%;} #real-world h4{text-transform: uppercase;} .logo-inner { display: block !important; } /* spotlight main box*/ .pose-sush .row{margin: 0 !important; } /* spotlight*/ .pose-sush .carousel-item img{width:200px !important; float: left !important;} .pose-sush .carousel-item { background: #fff !important; } .pose-sush .carousel-inner { background: #fff !important; max-height: 190px; overflow: hidden; } .pose-sush .carousel-caption { position: relative !important; right: 0 !important; bottom: 1.25rem !important; left: 21px !important; top:0; padding-bottom: 1.25rem !important; color: #041e39 !important; width: 95%; text-align: left !important; } .pose-sush .carousel-control-next, .pose-sush .carousel-control-prev { position: absolute !important; padding: 6px; width: fit-content !important; top: auto !important; z-index: 999; bottom: 16px !important;} .pose-sush .carousel-control-prev { left: auto !important; right: 60px !important; } .pose-sush .l_hp__overview_btn { background: #fff; border-radius: 15px; box-shadow: none; color: #041e39; display: inline-block; font-size: 1rem; font-weight: 500; margin-left: -.1em; margin-top: -20px; padding: 8px 20px; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; border:1px solid #FCB900; transition: .3s; border-radius: 0; } .pose-sush .carousel-control-next { right: 20px !important; } .pad-fsk .col-lg-6::after, .pad-fsk .col-lg-3::after{content: ''; position: absolute !important; right: 0 !important; top: 0 !important; height: 100% !important; width: 1px !important; z-index: 999; background: #e4e4e4; } @media only screen and (max-width: 600px) { .pose-sush .carousel-inner { background: #fff !important; max-height: 590px; overflow: hidden; } .pad-top-120 { padding-top: 30px !important; } .box-color-pad { background: #fff; padding-top: 30px; top: 0px; z-index: 2; position: relative; right: 0; left: 0; width: 100%; } .pad-fsk .col-lg-6::after, .pad-fsk .col-lg-3::after { display: none } .m-person__category { bottom: 230px; } .m-people-main__top .sub-title, .m-people-main__top .flame-mian-title{margin-left: 20px} #ingallery-1 .ingallery-cell { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; width: 50% !important; } } /* flame-event*/ .brnone br{display: none} .flame-event{margin-bottom: 35px !important} .f-event{width: 85px !important; height: 85px !important; background: #FCB900 !important; text-align: center !important; float: left !important; margin-right: 15px !important; margin-bottom: 15px !important;} .event-title{line-height: 18px;padding-top: 10px;} .date-event{font-size: 28px !important; color: #fff !important; margin: 0 !important; padding: 0 !important; font-weight: 800 !important; margin-top: 9px !important; margin-bottom: -16px !important;font-family:var(--body-font-family); } .month-event{font-size: 14px !important; margin: 0 !important; margin-top: 5px !important; padding: 0 !important; color: #041e39 !important;font-family:var(--body-font-family);} .time-event{font-size: 15px !important; color: #fff !important; margin: 0 !important; padding: 0 !important; margin-top: 5px !important;font-family:var(--body-font-family);} .event-title a{color: #041e39 !important; font-size: 14px !important; line-height: 16px !important;} .mod_events_latest_table tr { border-bottom: 0px solid #ccc; } /* In the media*/ .in-media-item { min-height: 103px; } .in-media{margin-bottom: 20px;} .in-media-item p { color: #041e39; margin-bottom: 5px; line-height: 16px !important; } .in-media-item p a{ color: #041e39; font-size: 14px !important; line-height: 16px !important; } .in-media-item p:last-child{font-size: 10px; color: #1D1D1D; margin-bottom: 15px; } .no-b-f::after{display: none; } .link{margin-top: 15px} .icon-link-bg{padding:10px; background: #041e39; border-radius: 100%;} .box-4-link{background: #041e39;} .pad-top-120{padding-top:410px;} .flame-sl-more_list { display: block; padding-top: 0; padding-left: 0; } .flame-sl-more_list:before { background:url("../images/link-rev.svg") no-repeat 50% 50% #041e39; background-size:60% auto; border-radius:50%; content:""; display:inline-block; height:2rem; margin-right:1.875rem; -webkit-transform:translateY(0.7em); -moz-transform:translateY(0.7em); -ms-transform:translateY(0.7em); -o-transform:translateY(0.7em); transform:translateY(0.7em); width:2rem } .flame-sl-more_li { display:inline-block; font-weight:500; height:98%; position:relative } .mod_events_latest_table, .mod_events_latest_table td, .mod_events_latest_table tr{ border: 0 !important} .sub-title:after { background: url(../images/diags-three.svg); background-position: 50% 50%; content: ""; display: inline-block; height: 35px; width: 40px; background-repeat: no-repeat; margin-bottom: -10px; } /* home 4 box link*/ .box-4-link{padding-bottom: 100px} .link-box-style .sub-title{margin-bottom: 30px} .link-box-style .sub-title-1{margin-bottom: 30px; color: #fff} .link-box-style .sub-title:after { background: url("../images/diags-three-light.svg"); background-position: 50% 50%; content: ""; display: inline-block; height: 35px; width: 40px; background-repeat: no-repeat; margin-bottom: -10px; } .box-4-link .link-box-style .boder-box-1{border: 1px solid #7DAFF6; color: #fff; font-size: 22px; font-weight: 600; padding: 44px 20px; margin-bottom: 35px; line-height: 1.2; height: 100%; padding-bottom: 10px; width: 100%;} .box-4-link .link-box-style .boder-box-1 a{ text-transform: uppercase; line-height: 1.2} .box-4-link .link-box-style .boder-box-1 p{ font-size: 16px; line-height: 1.4; font-weight: 400; margin-top: 15px;} .padding-20{padding: 20px; } .boder-box-1::after { content: ''; width: 0; height: 0; border-bottom: 20px solid #FCB900; border-left: 20px solid transparent; right: 28px; position: absolute; bottom: 12px; } .journey-flame{color: #f7f7f7;} .link-box-style a{color: #fff;} #flame-about-home, .teams{padding-top: 100px; } .flame-shild { width: 65px; float: left; margin-right: 24px; margin-top: 69px; } .flame-abt-text{float: left; width:85%} .flame-abt-text p {text-align: justify} #flame-about-home .flame-mian-title{color: #041e39;line-height: 52px; font-size: 47px; margin-bottom: 50px} #flame-about-home p{font-size: 14px} .m-person__major a{color: #ffc107} @media (max-width: 1400px){ .owl-carousel.home-slider .slider-item .slider-text h1 { font-size: 36px; } .event-title a { font-size: 13px !important; line-height: .9 !important; } } @media (max-width: 800px){ .owl-carousel.home-slider .slider-item .slider-text h1 { font-size: 17px; line-height: 1; } } @media only screen and (max-width: 600px) { .flame-shild{display: none} .flame-abt-text { float: none; width: 100%; } .sub-title { font-size: 15px; } } /*People of FLAME*/ .bg-flame-people-blue { position: absolute; background: #041e39; /* bottom: 0; */ height: 60vh; left: 0; right: 0; margin-top: -60vh; z-index: -9; overflow: hidden; width: 100%; } .o-people .flame-sl-more_list:before { background: url(../images/link-rev.svg) no-repeat 50% 50% #FCB900; background-size: 60% auto; border-radius: 50%; content: ""; display: inline-block; height: 2rem; margin-right: 1.875rem; -webkit-transform: translateY(0.7em); -moz-transform: translateY(0.7em); -ms-transform: translateY(0.7em); -o-transform: translateY(0.7em); transform: translateY(0.7em); width: 2rem; } @media all and (min-width: 580px) { .flame-sl-more_li:nth-child(n+2) { margin-left:4.375rem } } .flame-sl-more_li a { color:#FCB900; display:block; height:100%; text-decoration:none; line-height:3.875rem } .flame-sl-more_li a:hover { text-decoration:underline } .flame-sl-more_li:nth-child(n+2):before { background: #e7e7e7; content: ""; display: inline-block; height: 1.875rem; left: -2.3125rem; position: absolute; top: 1.0625rem; -webkit-transform: rotate( -45deg ); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 1px; } @media only screen and (max-width: 600px) { .o-people .link{display: none} } /* Research FALEM */ .research-flame-home{background:#041e39; padding-bottom: 80px; } .flame_stats{background: #fff; position: relative;} .flame_stats a{color: #041e39} .margin-right-flame{margin-left: 80px !important; margin-right: 50px!important; padding-bottom: 30px; } .flame_stats:before { background: -webkit-repeating-linear-gradient(45deg, #16407b, #16407b 9px, rgb(29 53 87 / 52%) 9px, rgb(29 53 87 / 59%) 18px) #fff; background: -moz-repeating-linear-gradient(45deg, #041e39, #16407b 9px, rgb(29 53 87 / 52%) 9px, rgb(29 53 87 / 59%) 18px) #fff; background: -o-repeating-linear-gradient(45deg, #041e39, #16407b 9px, rgb(29 53 87 / 52%) 9px, rgb(29 53 87 / 59%) 18px) #fff; background: repeating-linear-gradient( 45deg, #041e39, #16407b 9px, rgb(29 53 87 / 52%) 9px, rgb(29 53 87 / 59%) 18px) #fff; content: ""; display: block; position: absolute !important; overflow: hidden; height: 100%; width: 50px; } .flame-top-line::before { background: -webkit-repeating-linear-gradient(45deg, #C8C8C8, #C8C8C8 10%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 50%, #C8C8C8 50%) top left fixed; background: -moz-repeating-linear-gradient(45deg, #C8C8C8, #C8C8C8 10%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 50%, #C8C8C8 50%) top left fixed; background: -o-repeating-linear-gradient(45deg, #C8C8C8, #C8C8C8 10%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 50%, #C8C8C8 50%) top left fixed; background: repeating-linear-gradient(45deg, #C8C8C8, #C8C8C8 10%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 50%, #C8C8C8 50%) top left fixed; background-size: auto; background-size: 7px 7px; content: ""; display: block; height: 10px; z-index: 3; margin: 40px 30px 40px 0; width: 100%; top: 41px; } .bor-top-sush{border-top: 1px solid #ccc;} @media only screen and (max-width: 600px) { .flame_stats .col-lg-6{min-width: 100%} } /* Life at FLAME */ .life-at-flame{background:#041e39; padding-top:100px } .life-at-flame .sub-title:after { background: url(../images/diags-three-light.svg); background-position: 50% 50%; content: ""; display: inline-block; height: 35px; width: 40px; background-repeat: no-repeat; margin-bottom: -10px; } .life-at-flame .flame-mian-title { color: #fff;} .life-box-s{background:#fff;} .life-box-s h4{padding:20px 0; text-align:center;} .life-box-s h4 a{color:#041e39; font-weight:500} .life-at-flame .flame-sl-more_list:before { background: url(../images/link-rev.svg) no-repeat 50% 50% #FCB900; background-size: 60% auto; border-radius: 50%; content: ""; display: inline-block; height: 2rem; margin-right: 1.875rem; -webkit-transform: translateY(0.7em); -moz-transform: translateY(0.7em); -ms-transform: translateY(0.7em); -o-transform: translateY(0.7em); transform: translateY(0.7em); width: 2rem; } .life-at-flame .bor-top-sush { border-top: 1px solid #f1f1f1; margin: 37px 0 0 0; } @media only screen and (max-width: 600px) { .life-at-flame .col-lg-3{min-width: 100%} } /* GLOBAL CONNECT*/ .gc-s { background-image: url("images/gb-s.jpg"); background-attachment: fixed; } .gc-s .flame_stats{background: #fff; position: relative; width:60%; margin:200px 0} .gc-s .sub-title{margin-top:60px} .gc-s .flame-mian-title { margin-bottom: 20px; } #carouselExampleControls {margin: auto} #carouselExampleControls img{width: 100%} .gc-s .bor-top-sush{padding-top: 20px; border-top: 2px solid #FCB900} .gc-s .carousel-inner .item, .gc-s .carousel-inner .item.active, .gc-s .carousel-inner .item img { margin: auto; padding: 0px; width: 100%; overflow: hidden; height: 100px; } .carousel-inner > .item > img, .carousel-inner > .item > a > img{ margin:auto; } .menu-open .flame-site-menu { width: 80%; max-width: 1652px; border-left: 5px solid #0c3f6a; box-shadow: -449px 0px 100px #000 !important; } .menu-open .menubackdrop-dark, .info-open .menubackdrop-dark{position: fixed !important;} @media (max-width: 1000px) { .gc-s .flame_stats { width: 90% !important; } .m-people-main__top { margin-left: 57px; } .m-person__caption { bottom: 60px !important; overflow: visible !important; } .m-person__category { bottom: 199px; } .m-person__category a { background: rgb(252, 185, 0) !important; transition: all .3s; } .m-person__caption > .m-person__button { position: absolute; bottom: -40px; padding-left: 3% !important; } } /*real world*/ #real-world .sub-title, #insta .sub-title{padding-top: 80px} #real-world {padding-bottom: 100px} .box-3-link{background:#041e39 !important; padding-bottom: 120px;} .pad-top-80{padding-top: 80px} .box-3-link .link-box-style .boder-box-1 { border: 1px solid #7DAFF6 !important; max-height: 120px; color: #fff !important; font-size: 28px; font-weight: 500; padding-right: 25px; padding-top: 10px; font-family: var(--heading-font-family); min-height: 120px; background: #041e39 !important; } .box-3-link .link-box-style .boder-box-1::after { content: ''; width: 0; height: 0; border-bottom: 20px solid #FCB900; border-left: 20px solid transparent; right: 28px; position: absolute; top: -10px; height: 120px; } .links-area::before { background: -webkit-repeating-linear-gradient(45deg, #8cc4ff, #041e39 1%, rgba(255,255,255,0) 2%, rgba(255,255,255,0) 1%, #041e39 1%) top left fixed !important; background: -moz-repeating-linear-gradient(45deg, #8cc4ff, #041e39 1%, rgba(255,255,255,0) 2%, rgba(255,255,255,0) 1%, #041e39 5%) top left fixed !important; background: -o-repeating-linear-gradient(45deg, #8cc4ff, #041e39 1%, rgba(255,255,255,0) 1%, rgba(255,255,255,0) 1%, #041e39 1%) top left fixed !important; background: repeating-linear-gradient(45deg, #8cc4ff, #041e39 1%, rgba(255,255,255,0) 1%, rgba(255,255,255,0) 1%, #041e39 1%) top left fixed !important; background-size: auto; background-size: 7px 7px; content: ""; display: block; height: 100%; left: 14px; opacity: .25; position: absolute; width: 10px; top: -8px; } .alumnimajor{color: #FCB900} .sboard.sb-default .sb-item .sb-container { margin: 0px !important; overflow: hidden; box-shadow: none !important; -webkit-box-shadow: none!important; -moz-box-shadow: none !important; border-radius: 0 !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } .sboard .sb-item .sb-container.sb-noinner .sb-thumb a img{border-radius: 0px; -moz-border-radius: 0; -webkit-border-radius: 0px;} .sboard.sb-default.sb-carousel .sb-item { margin: 0 !important; } #insta .flame-mian-title { margin-bottom: 50px !important; } @media (max-width: 1199px) and (min-width: 900px) { #t4-menu { z-index: 9999 !important; } .liberal-title h2:after { margin-left: 295px; } } @media (max-width: 1199px) { .liberal-title h2:after { margin-left: 295px; } } @media (max-width: 1024px) { .logo-inner{display: none !important;}} @media (max-width: 860px) { .logo-inner{display: none !important;} .box-color-pad { position: relative; } .container.pose-sush { background: #041e39; max-width: 100%; } .logo-inner{display: none !important} .pad-top-120 { padding-top: 40px; } .liberal-title h2::before { left: -198vh; } .liberal-title h2::after { margin-left: -10px; } .link-box-style .col-sm-6{margin-bottom: 30px;} .m-person__biocontent { position: absolute; bottom: 58px; } } .everlasting-happning { width: 200px; float: right; display: block; position: absolute; right: 30px; bottom: 0; z-index: 999; } .everlasting-distinctive-combi { width: 200px; float: right; display: block; position: absolute; right: 30px; bottom: 0; z-index: 999; } .everlasting-alumni-in-focus { width: 200px; float: right; display: block; position: absolute; right: 30px; bottom: 0; z-index: 999; } .everlasting-study-abroad { width: 200px; float: right; display: block; position: absolute; right: 30px; bottom: 0; z-index: 999; } @media (max-width: 767.98px) { .pose-sush .carousel-item img { width: 100% !important; float: none !important; } .pose-sush .carousel-caption { height: 200px} .flame-shild { width: 29px; float: left; margin-right: 17px; margin-top: 50px; } #flame-about-home .flame-mian-title { color: #041e39; font-size: 30px; margin-bottom: 50px; } .flame-sl-more_list { padding-top: 0; padding-left: 0; } .m-person__caption { overflow: visible; } .link-box-style .boder-box-1 { border: 1px solid #7DAFF6; color: #fff; font-size: 30px; font-weight: 600; padding-top: 34px; margin-bottom: 20px; line-height: 1.2; } .everlasting-happning, .everlasting-distinctive-combi, .everlasting-alumni-in-focus, .everlasting-study-abroad { width: 150px; float: right; display: block; position: absolute; right: -193px; bottom: 0; z-index: 999; } .box-3-link .link-box-style .boder-box-1 { padding-top: 34px; } .margin-right-flame { margin-left: 7px !important; margin-right: 7px!important; padding-bottom: 30px; } .flame_stats .col{width: 100%} .flame_stats:before { display: none; } .flame_stats .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .pose-sush .carousel-caption { position: relative !important; right: 0 !important; bottom: 1.25rem !important; left: 3px !important; padding-bottom: 1.25rem !important; color: #041e39 !important; width: 95%; text-align: left !important; top: 5px; } .m-person__button a { position: absolute; width: fit-content; background: transparent; color:#fff; } .m-person__button .l_hp__overview_btn:after { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #FCB900; content: ""; display: inline-block; margin-left: 12px; width: 0; } .m-people-main .m-person__button a { position: relative; width: 160px; height: auto; padding: .4rem 1rem .4rem calc(6% + 40px); background: #FCB900; transform: skew( 0deg) translateX(-40px); transition: all .3s ease-in-out; font-family: "Avenir Next W01", Verdana, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: .143em; text-decoration: none; display: inline-block; color: #fff !important; text-transform: uppercase; } .m-person__name { font-size: 25px; font-weight: 500; letter-spacing: 0.017em; } .pose-sush .sub-title{font-size: 25px;} .pose-sush .link:after{content: ''; height: 2px; background: #f1f1f1; width: 100%; display: block;} .life-at-flame .flame-sl-more_list:before, .flame-sl-more_list:before { margin-right: 0.5rem; } .research-flame-home .container,.gc-s .container{ width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .flame-top-line::before{display: none} .m-person__category a { font-size: 13px; font-weight: 500; color: #fff !important; text-transform: uppercase; letter-spacing: 0.036em; padding: 5px 10px; display: inline-block; background: rgba(0,0,0,.3); transition: all .3s; } .m-person__biocontent { position: absolute; bottom: 27px; padding-right: 20px; } .m-people-main__top { margin-left: 0; } #t4-section-1{max-width: 100%; overflow: hidden;} .box-3-link .link-box-style .boder-box-1::after { top: -31px !important; } } .mb-3{font-weight:500 !important;} .counter-section .counter-inner { position: relative; background-color: #ffaa17; padding: 100px; margin-bottom: 20px; } div#t4-menu{z-index:9999!important} @media only screen and (max-width: 800px) { .everlasting-happning { width: 200px; float: right; display: block; position: absolute; right: -242% !important; bottom: 0; z-index: 999; } } @media only screen and (max-width: 600px) { .gc-s .flame_stats { background: #fff; position: relative; width: 100% !important; margin: 0px auto !important; } .gc-s .margin-right-flame { margin-left: 10px !important; margin-right: 10px!important; padding-bottom: 30px; } .liberal-title h2::before { left: -197vh; } .everlasting-happning { right: -193px!important; } } @media (max-width: 1150px){ #customers-teams .item { min-height: 680px !important; text-align: center; margin-bottom: 40px; opacity: 0.2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } } @media (max-width: 1200px){ .f-event { width: 55px !important; height: 55px !important; background: #FCB900 !important; text-align: center !important; float: left !important; margin-right: 10px !important; margin-bottom: 10px !important; } .month-event { margin-top: 8px !important; } .date-event { font-size: 20px !important; margin-top: 10px !important; } .time-event { font-size: 12px !important; margin-top: -3px !important; } .jevbootstrap .mod_events_latest_date, .jevbootstrap .mod_events_latest_content { line-height: 2px; } .pose-sush .carousel-caption p{ line-height: 15px !important; font-size: 13px; } #customers-teams .item { min-height: 680px; text-align: center; margin-bottom: 40px; opacity: 0.2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } } @media (min-width: 2200px){ .sb-container.sb-imgnormal.sb-nofooter.sb-noinner.sb-nometa { height: 300px !important; } #timeline_feed1default.sboard.sb-default.sb-carousel .sb-item .sb-thumb { height: 300px !important; } }