Virtual Tour

<!DOCTYPE html> <html lang="en"> <head>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-THCR25'); </script>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" /> <title>Virtual Tour </title> <meta name="title" content="Virtual Tour " />  <meta property="og:url" content="https://www.smu.edu/admission/visit/virtualtour" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Virtual Tour" /> <meta property="og:description" content="" /> <meta property="og:image" content="https://www.smu.edu/-/media/Site/DevelopmentExternalAffairs/MarketingCommunications/digital-marketing/dallas-hall-sunset.png" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Virtual Tour" /> <meta name="twitter:description" content="" /> <meta name="twitter:site" content="https://www.smu.edu/admission/visit/virtualtour" /> <meta name="twitter:image" content="https://www.smu.edu/-/media/Site/DevelopmentExternalAffairs/MarketingCommunications/digital-marketing/dallas-hall-sunset.png" /> <meta name="twitter:creator" content="@SMU" />  <link href="https://www.smu.edu/admission/visit/virtualtour" rel="canonical" /> <link href="/style/Peruna/components/font-awesome.min.v-kykq9xy79zvallanpsbrmw.css" rel="stylesheet" /> <link href="/style/Cornerstone/default.min.v-xey19atwx96fhqhuy74og.css" rel="stylesheet" /> <link href="/style/Cornerstone/smu/framework.min.v-pqiufjmh29etmepzcsbw.css" rel="stylesheet" /> <link href="/style/Peruna/components/BannerTitleImage.v-1jnnjfpui55kumrbyqmsg.css" rel="stylesheet" /> <link href="/style/Peruna/components/Breadcrumb.v-tm8y6g9fycl3zn2bqu2a.css" rel="stylesheet" /> <link href="/style/Peruna/components/PageTitle.v-ttt5sz24r7r7gezntlo4jq.css" rel="stylesheet" /> <link href="/style/Peruna/components/SideMenu.v-lvqyq8nhcuy8oca6llvq.css" rel="stylesheet" /> <link href="/style/Cornerstone/components/FooterContentBlock.min.v-vdcy17puo6hqqqf14witbg.css" rel="stylesheet" /> <script src="/Js/jquery.min.js"></script> <script src="/Js/smu.web.accessibility.js"></script>  <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=851069, version=2.1, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var i=this.getSettings(),n=d.createElement('script'),r=this;t=t||{};if(i){n.textContent=i;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var i=this.hide_element(),n=i?i+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=n;else t.appendChild(d.createTextNode(n));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var n=d.createElement('div');n.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;';n.setAttribute('id','_vis_opt_path_hides');n.classList.add('_vis_hide_layer');t.parentNode.insertBefore(n,t.nextSibling)}var o='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:o})}else{this.load(o+'&x=true')}}};w._vwo_code=code;code.init();})(); </script>  <style> .alert{ border: 0 !important; } @media screen and (max-width: 767px) { .footer__SMU-logo .smu-branding__link img { max-width: 100px; } } /*#top > section.overlay-menu--search > div.overlay-inner > div > div > div > div:nth-child(1) { display: none!important; }*/ .main-nav .nav__item-link:hover { color: rgba(255, 255, 255, 0.6)!important; } .header-subsite__explore-cta:hover, .header-subsite__explore-cta:focus, .tease-button:hover, .tease-button:focus, .btn-light.component-cta__button-link:hover, .btn-light.component-cta__button-link:focus { color: #FFFFFF!important; } @media screen and (max-width: 767px){ .component-split-tease .split-tease__multi:before { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 1.5vw; right: 1.5vw; height: 100%; z-index: -10!important; } } .component-alert-list .alert-list__badge--red { min-width: 200px; } @media screen and (max-width: 767px){ .component-alert{ max-width: 300px!important; } } /*.container-fluid { padding: 0!important;}*/ #sideMenu .list-group-item.subnavigation-item.active{ background-color: transparent!important; border-color: transparent!important; } /* #sideMenu .list-group-item.subnavigation-item.active a{ color: #cc0035; }*/ #sideMenu .list-group-item.subnavigation-item{ padding: 0!important; } /*#sideMenu .subnavigation-title__link::before { content: "Also in "; display: inline-block; margin-right: 5px; color: #767676; font-weight: 400; }*/ .subnavigation-title__link::before:hover { color: #767676!important; } #sideMenu>.card-header { font-size: 17px; margin: 0px!important; padding: 0!important; } @media screen and (min-width: 100px) { #sideMenu>.card-header { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { #sideMenu>.card-header { font-size: 21px; } } #sideMenu>.card-header { background-color: transparent!important; } .action button { -webkit-text-size-adjust: 100%; font-family: "america", sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; letter-spacing: normal; text-align: center; box-sizing: border-box; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); border-radius: 30px; color: #000000; display: inline-block; font-weight: 700; max-width: calc(100vw - 10vw); text-transform: uppercase; padding: 7px 25px; font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); background-color: #dddddd; } .breadcrumb-item:first-child:before { display: none; } .row-fluid { display: flex; justify-content: space-between; margin: 1rem auto; } @media screen and (max-width: 767px) { flex-direction: column; } </style> <style> /*! Style Name: SMU Main Description: Custom styles for SMU top-level sites Author: Upstatement Version: 1.0.0 */ .component-cta--white .component-cta__content:before { background-color: #ffffff; } .component-cta--white .component-cta__content { background-color: #ffffff; } .component-cta--white .component-cta__content, .component-cta--white .component-cta__heading { color: #000000; } .component-landing-page-header--white .landing-page-header__content { background-color: #ffffff; } .component-landing-page-header--white .landing-page-header__title, .component-landing-page-header--white .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--white { background-color: #ffffff; } .component-stat--row .component-stat__item.component-stat__item--white .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--white .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--white .component-stat__item-value { color: #ffffff; } .component-image-with-text--white .component-inner:before { background: #ffffff; } .component-image-with-text--white .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--white .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--white .component-inner .image-with-text__content a:hover, .component-image-with-text--white .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--white .header-subsite__explore-cta { background-color: #ffffff; } .header-subsite--white .header__subsite { background: #ffffff; color: #000000; } .header-subsite--white .header__subsite .branding-link, .header-subsite--white .header__subsite .nav__item-link { color: #000000; } .header-subsite--white .header__subsite path { fill: #000000; } .header-subsite--white .header__subsite .nav__item-link:hover, .header-subsite--white .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--white .header__subsite .main-nav__button:hover, .header-subsite--white .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--white .header__subsite::before { background-color: #000000; } .theme--white .featured-oval-svg { fill: #ffffff; } .theme--white.component-story-header { background-color: #ffffff; } .theme--white.component-story-header .story-header__title, .theme--white.component-story-header .story-header__subhead, .theme--white.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-white.component-tease-featured { background-color: #ffffff; } .component-cta--red .component-cta__content:before { background-color: #cc0035; } .component-cta--red .component-cta__content { background-color: #cc0035; } .component-cta--red .component-cta__content, .component-cta--red .component-cta__heading { color: #ffffff; } .component-landing-page-header--red .landing-page-header__content { background-color: #cc0035; } .component-landing-page-header--red .landing-page-header__title, .component-landing-page-header--red .landing-page-header__intro { color: #ffffff; } .component-stat--row .component-stat__item.component-stat__item--red { background-color: #cc0035; } .component-stat--row .component-stat__item.component-stat__item--red .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--red .component-stat__item-description { color: #ffffff; } .component-stat--grid .component-stat__item--red .component-stat__item-value { color: #cc0035; } .component-image-with-text--red .component-inner:before { background: #cc0035; } .component-image-with-text--red .component-inner .image-with-text__content * { color: #ffffff; } .component-image-with-text--red .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #ffffff; box-shadow: inset 0 -1px #ffffff; } .component-image-with-text--red .component-inner .image-with-text__content a:hover, .component-image-with-text--red .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); } .header-subsite--red .header-subsite__explore-cta { background-color: #cc0035; } .header-subsite--red .header__subsite { background: #cc0035; color: #ffffff; } .header-subsite--red .header__subsite .branding-link, .header-subsite--red .header__subsite .nav__item-link { color: #ffffff; } .header-subsite--red .header__subsite path { fill: #ffffff; } .header-subsite--red .header__subsite .nav__item-link:hover, .header-subsite--red .header__subsite .nav__item-link:focus { color: rgba(255, 255, 255, 0.6); } .header-subsite--red .header__subsite .main-nav__button:hover, .header-subsite--red .header__subsite .main-nav__button:focus { border-color: rgba(255, 255, 255, 0.5); } .header-subsite--red .header__subsite::before { background-color: #ffffff; } .theme--red .featured-oval-svg { fill: #cc0035; } .theme--red.component-story-header { background-color: #cc0035; } .theme--red.component-story-header .story-header__title, .theme--red.component-story-header .story-header__subhead, .theme--red.component-story-header .story-header__figure-caption { color: #ffffff; } .theme--bg-red.component-tease-featured { background-color: #cc0035; } .component-cta--magenta .component-cta__content:before { background-color: #ff1053; } .component-cta--magenta .component-cta__content { background-color: #ff1053; } .component-cta--magenta .component-cta__content, .component-cta--magenta .component-cta__heading { color: #ffffff; } .component-landing-page-header--magenta .landing-page-header__content { background-color: #ff1053; } .component-landing-page-header--magenta .landing-page-header__title, .component-landing-page-header--magenta .landing-page-header__intro { color: #ffffff; } .component-stat--row .component-stat__item.component-stat__item--magenta { background-color: #ff1053; } .component-stat--row .component-stat__item.component-stat__item--magenta .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--magenta .component-stat__item-description { color: #ffffff; } .component-stat--grid .component-stat__item--magenta .component-stat__item-value { color: #ff1053; } .component-image-with-text--magenta .component-inner:before { background: #ff1053; } .component-image-with-text--magenta .component-inner .image-with-text__content * { color: #ffffff; } .component-image-with-text--magenta .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #ffffff; box-shadow: inset 0 -1px #ffffff; } .component-image-with-text--magenta .component-inner .image-with-text__content a:hover, .component-image-with-text--magenta .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); } .header-subsite--magenta .header-subsite__explore-cta { background-color: #ff1053; } .header-subsite--magenta .header__subsite { background: #ff1053; color: #ffffff; } .header-subsite--magenta .header__subsite .branding-link, .header-subsite--magenta .header__subsite .nav__item-link { color: #ffffff; } .header-subsite--magenta .header__subsite path { fill: #ffffff; } .header-subsite--magenta .header__subsite .nav__item-link:hover, .header-subsite--magenta .header__subsite .nav__item-link:focus { color: rgba(255, 255, 255, 0.6); } .header-subsite--magenta .header__subsite .main-nav__button:hover, .header-subsite--magenta .header__subsite .main-nav__button:focus { border-color: rgba(255, 255, 255, 0.5); } .header-subsite--magenta .header__subsite::before { background-color: #ffffff; } .theme--magenta .featured-oval-svg { fill: #ff1053; } .theme--magenta.component-story-header { background-color: #ff1053; } .theme--magenta.component-story-header .story-header__title, .theme--magenta.component-story-header .story-header__subhead, .theme--magenta.component-story-header .story-header__figure-caption { color: #ffffff; } .theme--bg-magenta.component-tease-featured { background-color: #ff1053; } .component-cta--yellow .component-cta__content:before { background-color: #f9c80e; } .component-cta--yellow .component-cta__content { background-color: #f9c80e; } .component-cta--yellow .component-cta__content, .component-cta--yellow .component-cta__heading { color: #000000; } .component-landing-page-header--yellow .landing-page-header__content { background-color: #f9c80e; } .component-landing-page-header--yellow .landing-page-header__title, .component-landing-page-header--yellow .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--yellow { background-color: #f9c80e; } .component-stat--row .component-stat__item.component-stat__item--yellow .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--yellow .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--yellow .component-stat__item-value { color: #f9c80e; } .component-image-with-text--yellow .component-inner:before { background: #f9c80e; } .component-image-with-text--yellow .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--yellow .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--yellow .component-inner .image-with-text__content a:hover, .component-image-with-text--yellow .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--yellow .header-subsite__explore-cta { background-color: #f9c80e; } .header-subsite--yellow .header__subsite { background: #f9c80e; color: #000000; } .header-subsite--yellow .header__subsite .branding-link, .header-subsite--yellow .header__subsite .nav__item-link { color: #000000; } .header-subsite--yellow .header__subsite path { fill: #000000; } .header-subsite--yellow .header__subsite .nav__item-link:hover, .header-subsite--yellow .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--yellow .header__subsite .main-nav__button:hover, .header-subsite--yellow .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--yellow .header__subsite::before { background-color: #000000; } .theme--yellow .featured-oval-svg { fill: #f9c80e; } .theme--yellow.component-story-header { background-color: #f9c80e; } .theme--yellow.component-story-header .story-header__title, .theme--yellow.component-story-header .story-header__subhead, .theme--yellow.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-yellow.component-tease-featured { background-color: #f9c80e; } .component-cta--turquoise .component-cta__content:before { background-color: #59c3c3; } .component-cta--turquoise .component-cta__content { background-color: #59c3c3; } .component-cta--turquoise .component-cta__content, .component-cta--turquoise .component-cta__heading { color: #000000; } .component-landing-page-header--turquoise .landing-page-header__content { background-color: #59c3c3; } .component-landing-page-header--turquoise .landing-page-header__title, .component-landing-page-header--turquoise .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--turquoise { background-color: #59c3c3; } .component-stat--row .component-stat__item.component-stat__item--turquoise .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--turquoise .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--turquoise .component-stat__item-value { color: #59c3c3; } .component-image-with-text--turquoise .component-inner:before { background: #59c3c3; } .component-image-with-text--turquoise .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--turquoise .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--turquoise .component-inner .image-with-text__content a:hover, .component-image-with-text--turquoise .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--turquoise .header-subsite__explore-cta { background-color: #59c3c3; } .header-subsite--turquoise .header__subsite { background: #59c3c3; color: #000000; } .header-subsite--turquoise .header__subsite .branding-link, .header-subsite--turquoise .header__subsite .nav__item-link { color: #000000; } .header-subsite--turquoise .header__subsite path { fill: #000000; } .header-subsite--turquoise .header__subsite .nav__item-link:hover, .header-subsite--turquoise .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--turquoise .header__subsite .main-nav__button:hover, .header-subsite--turquoise .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--turquoise .header__subsite::before { background-color: #000000; } .theme--turquoise .featured-oval-svg { fill: #59c3c3; } .theme--turquoise.component-story-header { background-color: #59c3c3; } .theme--turquoise.component-story-header .story-header__title, .theme--turquoise.component-story-header .story-header__subhead, .theme--turquoise.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-turquoise.component-tease-featured { background-color: #59c3c3; } .component-cta--blue .component-cta__content:before { background-color: #354ca1; } .component-cta--blue .component-cta__content { background-color: #354ca1; } .component-cta--blue .component-cta__content, .component-cta--blue .component-cta__heading { color: #ffffff; } .component-landing-page-header--blue .landing-page-header__content { background-color: #354ca1; } .component-landing-page-header--blue .landing-page-header__title, .component-landing-page-header--blue .landing-page-header__intro { color: #ffffff; } .component-stat--row .component-stat__item.component-stat__item--blue { background-color: #354ca1; } .component-stat--row .component-stat__item.component-stat__item--blue .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--blue .component-stat__item-description { color: #ffffff; } .component-stat--grid .component-stat__item--blue .component-stat__item-value { color: #354ca1; } .component-image-with-text--blue .component-inner:before { background: #354ca1; } .component-image-with-text--blue .component-inner .image-with-text__content * { color: #ffffff; } .component-image-with-text--blue .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #ffffff; box-shadow: inset 0 -1px #ffffff; } .component-image-with-text--blue .component-inner .image-with-text__content a:hover, .component-image-with-text--blue .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); } .header-subsite--blue .header-subsite__explore-cta { background-color: #354ca1; } .header-subsite--blue .header__subsite { background: #354ca1; color: #ffffff; } .header-subsite--blue .header__subsite .branding-link, .header-subsite--blue .header__subsite .nav__item-link { color: #ffffff; } .header-subsite--blue .header__subsite path { fill: #ffffff; } .header-subsite--blue .header__subsite .nav__item-link:hover, .header-subsite--blue .header__subsite .nav__item-link:focus { color: rgba(255, 255, 255, 0.6); } .header-subsite--blue .header__subsite .main-nav__button:hover, .header-subsite--blue .header__subsite .main-nav__button:focus { border-color: rgba(255, 255, 255, 0.5); } .header-subsite--blue .header__subsite::before { background-color: #ffffff; } .theme--blue .featured-oval-svg { fill: #354ca1; } .theme--blue.component-story-header { background-color: #354ca1; } .theme--blue.component-story-header .story-header__title, .theme--blue.component-story-header .story-header__subhead, .theme--blue.component-story-header .story-header__figure-caption { color: #ffffff; } .theme--bg-blue.component-tease-featured { background-color: #354ca1; } .component-cta--light-blue .component-cta__content:before { background-color: #33b2f0; } .component-cta--light-blue .component-cta__content { background-color: #33b2f0; } .component-cta--light-blue .component-cta__content, .component-cta--light-blue .component-cta__heading { color: #000000; } .component-landing-page-header--light-blue .landing-page-header__content { background-color: #33b2f0; } .component-landing-page-header--light-blue .landing-page-header__title, .component-landing-page-header--light-blue .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--light-blue { background-color: #33b2f0; } .component-stat--row .component-stat__item.component-stat__item--light-blue .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--light-blue .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--light-blue .component-stat__item-value { color: #33b2f0; } .component-image-with-text--light-blue .component-inner:before { background: #33b2f0; } .component-image-with-text--light-blue .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--light-blue .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--light-blue .component-inner .image-with-text__content a:hover, .component-image-with-text--light-blue .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--light-blue .header-subsite__explore-cta { background-color: #33b2f0; } .header-subsite--light-blue .header__subsite { background: #33b2f0; color: #000000; } .header-subsite--light-blue .header__subsite .branding-link, .header-subsite--light-blue .header__subsite .nav__item-link { color: #000000; } .header-subsite--light-blue .header__subsite path { fill: #000000; } .header-subsite--light-blue .header__subsite .nav__item-link:hover, .header-subsite--light-blue .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--light-blue .header__subsite .main-nav__button:hover, .header-subsite--light-blue .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--light-blue .header__subsite::before { background-color: #000000; } .theme--light-blue .featured-oval-svg { fill: #33b2f0; } .theme--light-blue.component-story-header { background-color: #33b2f0; } .theme--light-blue.component-story-header .story-header__title, .theme--light-blue.component-story-header .story-header__subhead, .theme--light-blue.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-light-blue.component-tease-featured { background-color: #33b2f0; } .component-cta--light-gray .component-cta__content:before { background-color: #d8dade; } .component-cta--light-gray .component-cta__content { background-color: #d8dade; } .component-cta--light-gray .component-cta__content, .component-cta--light-gray .component-cta__heading { color: #000000; } .component-landing-page-header--light-gray .landing-page-header__content { background-color: #d8dade; } .component-landing-page-header--light-gray .landing-page-header__title, .component-landing-page-header--light-gray .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--light-gray { background-color: #d8dade; } .component-stat--row .component-stat__item.component-stat__item--light-gray .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--light-gray .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--light-gray .component-stat__item-value { color: #d8dade; } .component-image-with-text--light-gray .component-inner:before { background: #d8dade; } .component-image-with-text--light-gray .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--light-gray .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--light-gray .component-inner .image-with-text__content a:hover, .component-image-with-text--light-gray .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--light-gray .header-subsite__explore-cta { background-color: #d8dade; } .header-subsite--light-gray .header__subsite { background: #d8dade; color: #000000; } .header-subsite--light-gray .header__subsite .branding-link, .header-subsite--light-gray .header__subsite .nav__item-link { color: #000000; } .header-subsite--light-gray .header__subsite path { fill: #000000; } .header-subsite--light-gray .header__subsite .nav__item-link:hover, .header-subsite--light-gray .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--light-gray .header__subsite .main-nav__button:hover, .header-subsite--light-gray .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--light-gray .header__subsite::before { background-color: #000000; } .theme--light-gray .featured-oval-svg { fill: #d8dade; } .theme--light-gray.component-story-header { background-color: #d8dade; } .theme--light-gray.component-story-header .story-header__title, .theme--light-gray.component-story-header .story-header__subhead, .theme--light-gray.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-light-gray.component-tease-featured { background-color: #d8dade; } .component-cta--black .component-cta__content:before { background-color: #333333; } .component-cta--black .component-cta__content { background-color: #333333; } .component-cta--black .component-cta__content, .component-cta--black .component-cta__heading { color: #ffffff; } .component-landing-page-header--black .landing-page-header__content { background-color: #333333; } .component-landing-page-header--black .landing-page-header__title, .component-landing-page-header--black .landing-page-header__intro { color: #ffffff; } .component-stat--row .component-stat__item.component-stat__item--black { background-color: #333333; } .component-stat--row .component-stat__item.component-stat__item--black .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--black .component-stat__item-description { color: #ffffff; } .component-stat--grid .component-stat__item--black .component-stat__item-value { color: #333333; } .component-image-with-text--black .component-inner:before { background: #333333; } .component-image-with-text--black .component-inner .image-with-text__content * { color: #ffffff; } .component-image-with-text--black .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #ffffff; box-shadow: inset 0 -1px #ffffff; } .component-image-with-text--black .component-inner .image-with-text__content a:hover, .component-image-with-text--black .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); } .header-subsite--black .header-subsite__explore-cta { background-color: #333333; } .header-subsite--black .header__subsite { background: #333333; color: #ffffff; } .header-subsite--black .header__subsite .branding-link, .header-subsite--black .header__subsite .nav__item-link { color: #ffffff; } .header-subsite--black .header__subsite path { fill: #ffffff; } .header-subsite--black .header__subsite .nav__item-link:hover, .header-subsite--black .header__subsite .nav__item-link:focus { color: rgba(255, 255, 255, 0.6); } .header-subsite--black .header__subsite .main-nav__button:hover, .header-subsite--black .header__subsite .main-nav__button:focus { border-color: rgba(255, 255, 255, 0.5); } .header-subsite--black .header__subsite::before { background-color: #ffffff; } .theme--black .featured-oval-svg { fill: #333333; } .theme--black.component-story-header { background-color: #333333; } .theme--black.component-story-header .story-header__title, .theme--black.component-story-header .story-header__subhead, .theme--black.component-story-header .story-header__figure-caption { color: #ffffff; } .theme--bg-black.component-tease-featured { background-color: #333333; } .component-cta--parchment .component-cta__content:before { background-color: #fcf8f4; } .component-cta--parchment .component-cta__content { background-color: #fcf8f4; } .component-cta--parchment .component-cta__content, .component-cta--parchment .component-cta__heading { color: #000000; } .component-landing-page-header--parchment .landing-page-header__content { background-color: #fcf8f4; } .component-landing-page-header--parchment .landing-page-header__title, .component-landing-page-header--parchment .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--parchment { background-color: #fcf8f4; } .component-stat--row .component-stat__item.component-stat__item--parchment .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--parchment .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--parchment .component-stat__item-value { color: #fcf8f4; } .component-image-with-text--parchment .component-inner:before { background: #fcf8f4; } .component-image-with-text--parchment .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--parchment .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--parchment .component-inner .image-with-text__content a:hover, .component-image-with-text--parchment .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--parchment .header-subsite__explore-cta { background-color: #fcf8f4; } .header-subsite--parchment .header__subsite { background: #fcf8f4; color: #000000; } .header-subsite--parchment .header__subsite .branding-link, .header-subsite--parchment .header__subsite .nav__item-link { color: #000000; } .header-subsite--parchment .header__subsite path { fill: #000000; } .header-subsite--parchment .header__subsite .nav__item-link:hover, .header-subsite--parchment .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--parchment .header__subsite .main-nav__button:hover, .header-subsite--parchment .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--parchment .header__subsite::before { background-color: #000000; } .theme--parchment .featured-oval-svg { fill: #fcf8f4; } .theme--parchment.component-story-header { background-color: #fcf8f4; } .theme--parchment.component-story-header .story-header__title, .theme--parchment.component-story-header .story-header__subhead, .theme--parchment.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-parchment.component-tease-featured { background-color: #fcf8f4; } .component-cta--stone .component-cta__content:before { background-color: #edeae7; } .component-cta--stone .component-cta__content { background-color: #edeae7; } .component-cta--stone .component-cta__content, .component-cta--stone .component-cta__heading { color: #000000; } .component-landing-page-header--stone .landing-page-header__content { background-color: #edeae7; } .component-landing-page-header--stone .landing-page-header__title, .component-landing-page-header--stone .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--stone { background-color: #edeae7; } .component-stat--row .component-stat__item.component-stat__item--stone .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--stone .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--stone .component-stat__item-value { color: #edeae7; } .component-image-with-text--stone .component-inner:before { background: #edeae7; } .component-image-with-text--stone .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--stone .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--stone .component-inner .image-with-text__content a:hover, .component-image-with-text--stone .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--stone .header-subsite__explore-cta { background-color: #edeae7; } .header-subsite--stone .header__subsite { background: #edeae7; color: #000000; } .header-subsite--stone .header__subsite .branding-link, .header-subsite--stone .header__subsite .nav__item-link { color: #000000; } .header-subsite--stone .header__subsite path { fill: #000000; } .header-subsite--stone .header__subsite .nav__item-link:hover, .header-subsite--stone .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--stone .header__subsite .main-nav__button:hover, .header-subsite--stone .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--stone .header__subsite::before { background-color: #000000; } .theme--stone .featured-oval-svg { fill: #edeae7; } .theme--stone.component-story-header { background-color: #edeae7; } .theme--stone.component-story-header .story-header__title, .theme--stone.component-story-header .story-header__subhead, .theme--stone.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-stone.component-tease-featured { background-color: #edeae7; } .component-cta--sand .component-cta__content:before { background-color: #eee9e0; } .component-cta--sand .component-cta__content { background-color: #eee9e0; } .component-cta--sand .component-cta__content, .component-cta--sand .component-cta__heading { color: #000000; } .component-landing-page-header--sand .landing-page-header__content { background-color: #eee9e0; } .component-landing-page-header--sand .landing-page-header__title, .component-landing-page-header--sand .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--sand { background-color: #eee9e0; } .component-stat--row .component-stat__item.component-stat__item--sand .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--sand .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--sand .component-stat__item-value { color: #eee9e0; } .component-image-with-text--sand .component-inner:before { background: #eee9e0; } .component-image-with-text--sand .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--sand .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--sand .component-inner .image-with-text__content a:hover, .component-image-with-text--sand .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--sand .header-subsite__explore-cta { background-color: #eee9e0; } .header-subsite--sand .header__subsite { background: #eee9e0; color: #000000; } .header-subsite--sand .header__subsite .branding-link, .header-subsite--sand .header__subsite .nav__item-link { color: #000000; } .header-subsite--sand .header__subsite path { fill: #000000; } .header-subsite--sand .header__subsite .nav__item-link:hover, .header-subsite--sand .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--sand .header__subsite .main-nav__button:hover, .header-subsite--sand .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--sand .header__subsite::before { background-color: #000000; } .theme--sand .featured-oval-svg { fill: #eee9e0; } .theme--sand.component-story-header { background-color: #eee9e0; } .theme--sand.component-story-header .story-header__title, .theme--sand.component-story-header .story-header__subhead, .theme--sand.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-sand.component-tease-featured { background-color: #eee9e0; } .component-cta--concrete .component-cta__content:before { background-color: #d8d0ca; } .component-cta--concrete .component-cta__content { background-color: #d8d0ca; } .component-cta--concrete .component-cta__content, .component-cta--concrete .component-cta__heading { color: #000000; } .component-landing-page-header--concrete .landing-page-header__content { background-color: #d8d0ca; } .component-landing-page-header--concrete .landing-page-header__title, .component-landing-page-header--concrete .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--concrete { background-color: #d8d0ca; } .component-stat--row .component-stat__item.component-stat__item--concrete .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--concrete .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--concrete .component-stat__item-value { color: #d8d0ca; } .component-image-with-text--concrete .component-inner:before { background: #d8d0ca; } .component-image-with-text--concrete .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--concrete .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--concrete .component-inner .image-with-text__content a:hover, .component-image-with-text--concrete .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--concrete .header-subsite__explore-cta { background-color: #d8d0ca; } .header-subsite--concrete .header__subsite { background: #d8d0ca; color: #000000; } .header-subsite--concrete .header__subsite .branding-link, .header-subsite--concrete .header__subsite .nav__item-link { color: #000000; } .header-subsite--concrete .header__subsite path { fill: #000000; } .header-subsite--concrete .header__subsite .nav__item-link:hover, .header-subsite--concrete .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--concrete .header__subsite .main-nav__button:hover, .header-subsite--concrete .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--concrete .header__subsite::before { background-color: #000000; } .theme--concrete .featured-oval-svg { fill: #d8d0ca; } .theme--concrete.component-story-header { background-color: #d8d0ca; } .theme--concrete.component-story-header .story-header__title, .theme--concrete.component-story-header .story-header__subhead, .theme--concrete.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-concrete.component-tease-featured { background-color: #d8d0ca; } .component-cta--bluegray .component-cta__content:before { background-color: #c8d0dc; } .component-cta--bluegray .component-cta__content { background-color: #c8d0dc; } .component-cta--bluegray .component-cta__content, .component-cta--bluegray .component-cta__heading { color: #000000; } .component-landing-page-header--bluegray .landing-page-header__content { background-color: #c8d0dc; } .component-landing-page-header--bluegray .landing-page-header__title, .component-landing-page-header--bluegray .landing-page-header__intro { color: #000000; } .component-stat--row .component-stat__item.component-stat__item--bluegray { background-color: #c8d0dc; } .component-stat--row .component-stat__item.component-stat__item--bluegray .component-stat__item-value, .component-stat--row .component-stat__item.component-stat__item--bluegray .component-stat__item-description { color: #000000; } .component-stat--grid .component-stat__item--bluegray .component-stat__item-value { color: #c8d0dc; } .component-image-with-text--bluegray .component-inner:before { background: #c8d0dc; } .component-image-with-text--bluegray .component-inner .image-with-text__content * { color: #000000; } .component-image-with-text--bluegray .component-inner .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #000000; box-shadow: inset 0 -1px #000000; } .component-image-with-text--bluegray .component-inner .image-with-text__content a:hover, .component-image-with-text--bluegray .component-inner .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.4); } .header-subsite--bluegray .header-subsite__explore-cta { background-color: #c8d0dc; } .header-subsite--bluegray .header__subsite { background: #c8d0dc; color: #000000; } .header-subsite--bluegray .header__subsite .branding-link, .header-subsite--bluegray .header__subsite .nav__item-link { color: #000000; } .header-subsite--bluegray .header__subsite path { fill: #000000; } .header-subsite--bluegray .header__subsite .nav__item-link:hover, .header-subsite--bluegray .header__subsite .nav__item-link:focus { color: rgba(0, 0, 0, 0.6); } .header-subsite--bluegray .header__subsite .main-nav__button:hover, .header-subsite--bluegray .header__subsite .main-nav__button:focus { border-color: rgba(0, 0, 0, 0.5); } .header-subsite--bluegray .header__subsite::before { background-color: #000000; } .theme--bluegray .featured-oval-svg { fill: #c8d0dc; } .theme--bluegray.component-story-header { background-color: #c8d0dc; } .theme--bluegray.component-story-header .story-header__title, .theme--bluegray.component-story-header .story-header__subhead, .theme--bluegray.component-story-header .story-header__figure-caption { color: #000000; } .theme--bg-bluegray.component-tease-featured { background-color: #c8d0dc; } .component-wrapper--peach { background-color: #fff0e4; } .component-wrapper--peach .heading__heading { color: #000000; } .component-wrapper--peach .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--peach .component-table__head { color: #000000; } .component-wrapper--peach .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--peach .component-inner h1, .component-wrapper--peach .component-inner h2, .component-wrapper--peach .component-inner h3, .component-wrapper--peach .component-inner h4, .component-wrapper--peach .component-inner h5, .component-wrapper--peach .component-inner h6, .component-wrapper--peach .component-inner a:hover { color: #000000; } .component-wrapper--peach .component-inner p, .component-wrapper--peach .component-inner li, .component-wrapper--peach .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--peach .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--peach .component-inner a:hover, .component-wrapper--peach .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--peach .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--peach .component-inner a.button-main:hover, .component-wrapper--peach .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--red { background-color: #cc0035; } .component-wrapper--red .heading__heading { color: #ffffff; } .component-wrapper--red .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--red .component-table__head { color: #ffffff; } .component-wrapper--red .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--red .component-inner h1, .component-wrapper--red .component-inner h2, .component-wrapper--red .component-inner h3, .component-wrapper--red .component-inner h4, .component-wrapper--red .component-inner h5, .component-wrapper--red .component-inner h6, .component-wrapper--red .component-inner a:hover { color: #ffffff; } .component-wrapper--red .component-inner p, .component-wrapper--red .component-inner li, .component-wrapper--red .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--red .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--red .component-inner a:hover, .component-wrapper--red .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--red .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--red .component-inner a.button-main:hover, .component-wrapper--red .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--orange { background-color: #ff753a; } .component-wrapper--orange .heading__heading { color: #ffffff; } .component-wrapper--orange .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--orange .component-table__head { color: #ffffff; } .component-wrapper--orange .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--orange .component-inner h1, .component-wrapper--orange .component-inner h2, .component-wrapper--orange .component-inner h3, .component-wrapper--orange .component-inner h4, .component-wrapper--orange .component-inner h5, .component-wrapper--orange .component-inner h6, .component-wrapper--orange .component-inner a:hover { color: #ffffff; } .component-wrapper--orange .component-inner p, .component-wrapper--orange .component-inner li, .component-wrapper--orange .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--orange .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--orange .component-inner a:hover, .component-wrapper--orange .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--orange .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--orange .component-inner a.button-main:hover, .component-wrapper--orange .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--yellow { background-color: #ffdc00; } .component-wrapper--yellow .heading__heading { color: #000000; } .component-wrapper--yellow .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--yellow .component-table__head { color: #000000; } .component-wrapper--yellow .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--yellow .component-inner h1, .component-wrapper--yellow .component-inner h2, .component-wrapper--yellow .component-inner h3, .component-wrapper--yellow .component-inner h4, .component-wrapper--yellow .component-inner h5, .component-wrapper--yellow .component-inner h6, .component-wrapper--yellow .component-inner a:hover { color: #000000; } .component-wrapper--yellow .component-inner p, .component-wrapper--yellow .component-inner li, .component-wrapper--yellow .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--yellow .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--yellow .component-inner a:hover, .component-wrapper--yellow .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--yellow .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--yellow .component-inner a.button-main:hover, .component-wrapper--yellow .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--green { background-color: #13b867; } .component-wrapper--green .heading__heading { color: #ffffff; } .component-wrapper--green .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--green .component-table__head { color: #ffffff; } .component-wrapper--green .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--green .component-inner h1, .component-wrapper--green .component-inner h2, .component-wrapper--green .component-inner h3, .component-wrapper--green .component-inner h4, .component-wrapper--green .component-inner h5, .component-wrapper--green .component-inner h6, .component-wrapper--green .component-inner a:hover { color: #ffffff; } .component-wrapper--green .component-inner p, .component-wrapper--green .component-inner li, .component-wrapper--green .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--green .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--green .component-inner a:hover, .component-wrapper--green .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--green .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--green .component-inner a.button-main:hover, .component-wrapper--green .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--turquoise { background-color: #26a9ad; } .component-wrapper--turquoise .heading__heading { color: #ffffff; } .component-wrapper--turquoise .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--turquoise .component-table__head { color: #ffffff; } .component-wrapper--turquoise .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--turquoise .component-inner h1, .component-wrapper--turquoise .component-inner h2, .component-wrapper--turquoise .component-inner h3, .component-wrapper--turquoise .component-inner h4, .component-wrapper--turquoise .component-inner h5, .component-wrapper--turquoise .component-inner h6, .component-wrapper--turquoise .component-inner a:hover { color: #ffffff; } .component-wrapper--turquoise .component-inner p, .component-wrapper--turquoise .component-inner li, .component-wrapper--turquoise .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--turquoise .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--turquoise .component-inner a:hover, .component-wrapper--turquoise .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--turquoise .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--turquoise .component-inner a.button-main:hover, .component-wrapper--turquoise .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--blue { background-color: #354ca1; } .component-wrapper--blue .heading__heading { color: #ffffff; } .component-wrapper--blue .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--blue .component-table__head { color: #ffffff; } .component-wrapper--blue .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--blue .component-inner h1, .component-wrapper--blue .component-inner h2, .component-wrapper--blue .component-inner h3, .component-wrapper--blue .component-inner h4, .component-wrapper--blue .component-inner h5, .component-wrapper--blue .component-inner h6, .component-wrapper--blue .component-inner a:hover { color: #ffffff; } .component-wrapper--blue .component-inner p, .component-wrapper--blue .component-inner li, .component-wrapper--blue .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--blue .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--blue .component-inner a:hover, .component-wrapper--blue .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--blue .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--blue .component-inner a.button-main:hover, .component-wrapper--blue .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--purple { background-color: #793edb; } .component-wrapper--purple .heading__heading { color: #ffffff; } .component-wrapper--purple .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--purple .component-table__head { color: #ffffff; } .component-wrapper--purple .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--purple .component-inner h1, .component-wrapper--purple .component-inner h2, .component-wrapper--purple .component-inner h3, .component-wrapper--purple .component-inner h4, .component-wrapper--purple .component-inner h5, .component-wrapper--purple .component-inner h6, .component-wrapper--purple .component-inner a:hover { color: #ffffff; } .component-wrapper--purple .component-inner p, .component-wrapper--purple .component-inner li, .component-wrapper--purple .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--purple .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--purple .component-inner a:hover, .component-wrapper--purple .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--purple .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--purple .component-inner a.button-main:hover, .component-wrapper--purple .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-green { background-color: #2a4e12; } .component-wrapper--dark-green .heading__heading { color: #ffffff; } .component-wrapper--dark-green .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-green .component-table__head { color: #ffffff; } .component-wrapper--dark-green .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-green .component-inner h1, .component-wrapper--dark-green .component-inner h2, .component-wrapper--dark-green .component-inner h3, .component-wrapper--dark-green .component-inner h4, .component-wrapper--dark-green .component-inner h5, .component-wrapper--dark-green .component-inner h6, .component-wrapper--dark-green .component-inner a:hover { color: #ffffff; } .component-wrapper--dark-green .component-inner p, .component-wrapper--dark-green .component-inner li, .component-wrapper--dark-green .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-green .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--dark-green .component-inner a:hover, .component-wrapper--dark-green .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--dark-green .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-green .component-inner a.button-main:hover, .component-wrapper--dark-green .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-blue { background-color: #034283; } .component-wrapper--dark-blue .heading__heading { color: #ffffff; } .component-wrapper--dark-blue .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-blue .component-table__head { color: #ffffff; } .component-wrapper--dark-blue .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-blue .component-inner h1, .component-wrapper--dark-blue .component-inner h2, .component-wrapper--dark-blue .component-inner h3, .component-wrapper--dark-blue .component-inner h4, .component-wrapper--dark-blue .component-inner h5, .component-wrapper--dark-blue .component-inner h6, .component-wrapper--dark-blue .component-inner a:hover { color: #ffffff; } .component-wrapper--dark-blue .component-inner p, .component-wrapper--dark-blue .component-inner li, .component-wrapper--dark-blue .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-blue .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--dark-blue .component-inner a:hover, .component-wrapper--dark-blue .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--dark-blue .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-blue .component-inner a.button-main:hover, .component-wrapper--dark-blue .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-purple { background-color: #2e0a60; } .component-wrapper--dark-purple .heading__heading { color: #ffffff; } .component-wrapper--dark-purple .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-purple .component-table__head { color: #ffffff; } .component-wrapper--dark-purple .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-purple .component-inner h1, .component-wrapper--dark-purple .component-inner h2, .component-wrapper--dark-purple .component-inner h3, .component-wrapper--dark-purple .component-inner h4, .component-wrapper--dark-purple .component-inner h5, .component-wrapper--dark-purple .component-inner h6, .component-wrapper--dark-purple .component-inner a:hover { color: #ffffff; } .component-wrapper--dark-purple .component-inner p, .component-wrapper--dark-purple .component-inner li, .component-wrapper--dark-purple .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-purple .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--dark-purple .component-inner a:hover, .component-wrapper--dark-purple .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--dark-purple .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-purple .component-inner a.button-main:hover, .component-wrapper--dark-purple .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-pink { background-color: #780827; } .component-wrapper--dark-pink .heading__heading { color: #ffffff; } .component-wrapper--dark-pink .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-pink .component-table__head { color: #ffffff; } .component-wrapper--dark-pink .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-pink .component-inner h1, .component-wrapper--dark-pink .component-inner h2, .component-wrapper--dark-pink .component-inner h3, .component-wrapper--dark-pink .component-inner h4, .component-wrapper--dark-pink .component-inner h5, .component-wrapper--dark-pink .component-inner h6, .component-wrapper--dark-pink .component-inner a:hover { color: #ffffff; } .component-wrapper--dark-pink .component-inner p, .component-wrapper--dark-pink .component-inner li, .component-wrapper--dark-pink .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-pink .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--dark-pink .component-inner a:hover, .component-wrapper--dark-pink .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--dark-pink .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-pink .component-inner a.button-main:hover, .component-wrapper--dark-pink .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-gray { background-color: #313131; } .component-wrapper--dark-gray .heading__heading { color: #ffffff; } .component-wrapper--dark-gray .heading__body { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-gray .component-table__head { color: #ffffff; } .component-wrapper--dark-gray .component-list--numbers .component-list__item-title:before { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-gray .component-inner h1, .component-wrapper--dark-gray .component-inner h2, .component-wrapper--dark-gray .component-inner h3, .component-wrapper--dark-gray .component-inner h4, .component-wrapper--dark-gray .component-inner h5, .component-wrapper--dark-gray .component-inner h6, .component-wrapper--dark-gray .component-inner a:hover { color: #ffffff; } .component-wrapper--dark-gray .component-inner p, .component-wrapper--dark-gray .component-inner li, .component-wrapper--dark-gray .component-inner a { color: rgba(255, 255, 255, 0.75); } .component-wrapper--dark-gray .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.75); } .component-wrapper--dark-gray .component-inner a:hover, .component-wrapper--dark-gray .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.2); } .component-wrapper--dark-gray .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--dark-gray .component-inner a.button-main:hover, .component-wrapper--dark-gray .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-green { background-color: #d5f0ca; } .component-wrapper--light-green .heading__heading { color: #000000; } .component-wrapper--light-green .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-green .component-table__head { color: #000000; } .component-wrapper--light-green .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-green .component-inner h1, .component-wrapper--light-green .component-inner h2, .component-wrapper--light-green .component-inner h3, .component-wrapper--light-green .component-inner h4, .component-wrapper--light-green .component-inner h5, .component-wrapper--light-green .component-inner h6, .component-wrapper--light-green .component-inner a:hover { color: #000000; } .component-wrapper--light-green .component-inner p, .component-wrapper--light-green .component-inner li, .component-wrapper--light-green .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-green .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--light-green .component-inner a:hover, .component-wrapper--light-green .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--light-green .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-green .component-inner a.button-main:hover, .component-wrapper--light-green .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-blue { background-color: #cdeaf9; } .component-wrapper--light-blue .heading__heading { color: #000000; } .component-wrapper--light-blue .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-blue .component-table__head { color: #000000; } .component-wrapper--light-blue .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-blue .component-inner h1, .component-wrapper--light-blue .component-inner h2, .component-wrapper--light-blue .component-inner h3, .component-wrapper--light-blue .component-inner h4, .component-wrapper--light-blue .component-inner h5, .component-wrapper--light-blue .component-inner h6, .component-wrapper--light-blue .component-inner a:hover { color: #000000; } .component-wrapper--light-blue .component-inner p, .component-wrapper--light-blue .component-inner li, .component-wrapper--light-blue .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-blue .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--light-blue .component-inner a:hover, .component-wrapper--light-blue .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--light-blue .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-blue .component-inner a.button-main:hover, .component-wrapper--light-blue .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-purple { background-color: #ede5f4; } .component-wrapper--light-purple .heading__heading { color: #000000; } .component-wrapper--light-purple .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-purple .component-table__head { color: #000000; } .component-wrapper--light-purple .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-purple .component-inner h1, .component-wrapper--light-purple .component-inner h2, .component-wrapper--light-purple .component-inner h3, .component-wrapper--light-purple .component-inner h4, .component-wrapper--light-purple .component-inner h5, .component-wrapper--light-purple .component-inner h6, .component-wrapper--light-purple .component-inner a:hover { color: #000000; } .component-wrapper--light-purple .component-inner p, .component-wrapper--light-purple .component-inner li, .component-wrapper--light-purple .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-purple .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--light-purple .component-inner a:hover, .component-wrapper--light-purple .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--light-purple .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-purple .component-inner a.button-main:hover, .component-wrapper--light-purple .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-pink { background-color: #f5b3a3; } .component-wrapper--light-pink .heading__heading { color: #000000; } .component-wrapper--light-pink .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-pink .component-table__head { color: #000000; } .component-wrapper--light-pink .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-pink .component-inner h1, .component-wrapper--light-pink .component-inner h2, .component-wrapper--light-pink .component-inner h3, .component-wrapper--light-pink .component-inner h4, .component-wrapper--light-pink .component-inner h5, .component-wrapper--light-pink .component-inner h6, .component-wrapper--light-pink .component-inner a:hover { color: #000000; } .component-wrapper--light-pink .component-inner p, .component-wrapper--light-pink .component-inner li, .component-wrapper--light-pink .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-pink .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--light-pink .component-inner a:hover, .component-wrapper--light-pink .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--light-pink .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-pink .component-inner a.button-main:hover, .component-wrapper--light-pink .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-gray { background-color: #d8dade; } .component-wrapper--light-gray .heading__heading { color: #000000; } .component-wrapper--light-gray .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-gray .component-table__head { color: #000000; } .component-wrapper--light-gray .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-gray .component-inner h1, .component-wrapper--light-gray .component-inner h2, .component-wrapper--light-gray .component-inner h3, .component-wrapper--light-gray .component-inner h4, .component-wrapper--light-gray .component-inner h5, .component-wrapper--light-gray .component-inner h6, .component-wrapper--light-gray .component-inner a:hover { color: #000000; } .component-wrapper--light-gray .component-inner p, .component-wrapper--light-gray .component-inner li, .component-wrapper--light-gray .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--light-gray .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--light-gray .component-inner a:hover, .component-wrapper--light-gray .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--light-gray .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--light-gray .component-inner a.button-main:hover, .component-wrapper--light-gray .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--parchment { background-color: #fcf8f4; } .component-wrapper--parchment .heading__heading { color: #000000; } .component-wrapper--parchment .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--parchment .component-table__head { color: #000000; } .component-wrapper--parchment .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--parchment .component-inner h1, .component-wrapper--parchment .component-inner h2, .component-wrapper--parchment .component-inner h3, .component-wrapper--parchment .component-inner h4, .component-wrapper--parchment .component-inner h5, .component-wrapper--parchment .component-inner h6, .component-wrapper--parchment .component-inner a:hover { color: #000000; } .component-wrapper--parchment .component-inner p, .component-wrapper--parchment .component-inner li, .component-wrapper--parchment .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--parchment .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--parchment .component-inner a:hover, .component-wrapper--parchment .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--parchment .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--parchment .component-inner a.button-main:hover, .component-wrapper--parchment .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--stone { background-color: #edeae7; } .component-wrapper--stone .heading__heading { color: #000000; } .component-wrapper--stone .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--stone .component-table__head { color: #000000; } .component-wrapper--stone .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--stone .component-inner h1, .component-wrapper--stone .component-inner h2, .component-wrapper--stone .component-inner h3, .component-wrapper--stone .component-inner h4, .component-wrapper--stone .component-inner h5, .component-wrapper--stone .component-inner h6, .component-wrapper--stone .component-inner a:hover { color: #000000; } .component-wrapper--stone .component-inner p, .component-wrapper--stone .component-inner li, .component-wrapper--stone .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--stone .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--stone .component-inner a:hover, .component-wrapper--stone .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--stone .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--stone .component-inner a.button-main:hover, .component-wrapper--stone .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--sand { background-color: #eee9e0; } .component-wrapper--sand .heading__heading { color: #000000; } .component-wrapper--sand .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--sand .component-table__head { color: #000000; } .component-wrapper--sand .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--sand .component-inner h1, .component-wrapper--sand .component-inner h2, .component-wrapper--sand .component-inner h3, .component-wrapper--sand .component-inner h4, .component-wrapper--sand .component-inner h5, .component-wrapper--sand .component-inner h6, .component-wrapper--sand .component-inner a:hover { color: #000000; } .component-wrapper--sand .component-inner p, .component-wrapper--sand .component-inner li, .component-wrapper--sand .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--sand .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--sand .component-inner a:hover, .component-wrapper--sand .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--sand .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--sand .component-inner a.button-main:hover, .component-wrapper--sand .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--concrete { background-color: #d8d0ca; } .component-wrapper--concrete .heading__heading { color: #000000; } .component-wrapper--concrete .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--concrete .component-table__head { color: #000000; } .component-wrapper--concrete .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--concrete .component-inner h1, .component-wrapper--concrete .component-inner h2, .component-wrapper--concrete .component-inner h3, .component-wrapper--concrete .component-inner h4, .component-wrapper--concrete .component-inner h5, .component-wrapper--concrete .component-inner h6, .component-wrapper--concrete .component-inner a:hover { color: #000000; } .component-wrapper--concrete .component-inner p, .component-wrapper--concrete .component-inner li, .component-wrapper--concrete .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--concrete .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--concrete .component-inner a:hover, .component-wrapper--concrete .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--concrete .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--concrete .component-inner a.button-main:hover, .component-wrapper--concrete .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--bluegray { background-color: #c8d0dc; } .component-wrapper--bluegray .heading__heading { color: #000000; } .component-wrapper--bluegray .heading__body { color: rgba(0, 0, 0, 0.7); } .component-wrapper--bluegray .component-table__head { color: #000000; } .component-wrapper--bluegray .component-list--numbers .component-list__item-title:before { color: rgba(0, 0, 0, 0.7); } .component-wrapper--bluegray .component-inner h1, .component-wrapper--bluegray .component-inner h2, .component-wrapper--bluegray .component-inner h3, .component-wrapper--bluegray .component-inner h4, .component-wrapper--bluegray .component-inner h5, .component-wrapper--bluegray .component-inner h6, .component-wrapper--bluegray .component-inner a:hover { color: #000000; } .component-wrapper--bluegray .component-inner p, .component-wrapper--bluegray .component-inner li, .component-wrapper--bluegray .component-inner a { color: rgba(0, 0, 0, 0.7); } .component-wrapper--bluegray .component-inner a { -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } .component-wrapper--bluegray .component-inner a:hover, .component-wrapper--bluegray .component-inner a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); } .component-wrapper--bluegray .component-inner a.button-main { -webkit-box-shadow: none; box-shadow: none; } .component-wrapper--bluegray .component-inner a.button-main:hover, .component-wrapper--bluegray .component-inner a.button-main:focus { -webkit-box-shadow: none; box-shadow: none; } @-webkit-keyframes opacityTransitionIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opacityTransitionIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes opacityTransitionOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes opacityTransitionOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes itemTransitionIn { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes itemTransitionIn { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes itemTransitionSlideIn { 0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes itemTransitionSlideIn { 0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes itemTransitionScale { 0% { opacity: 0; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes itemTransitionScale { 0% { opacity: 0; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /* base ================================================================= */ /* Box model ----------------------------------------------------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* HTML5 display definitions ----------------------------------------------------------------- */ /* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue:no IE 6 support. */ [hidden] { display: none !important; } /* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; font-size: 0; } /* Base ----------------------------------------------------------------- */ /* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. 3. Normalize font rendering in Firefox */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-osx-font-smoothing: gray; /* 3 */ } /* Address `font-family` inconsistency between `textarea` and other form elements. */ html, button, input, select, textarea { font-family: inherit; } /* Address margins handled incorrectly in IE 6/7. */ body { background-color: #ffffff; color: #666666; margin: 0; font-size: 16px; font-family: "america", sans-serif; line-height: 1.55; -moz-font-feature-settings: 'liga' on; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } section { margin: 0; } /* Embedded content ----------------------------------------------------------------- */ /* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } img, a img { width: 100%; height: auto; } object, embed { max-width: 100%; height: auto; } /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } ::-moz-selection { background: #666666; color: #fff; text-shadow: none; } ::selection { background: #666666; color: #fff; text-shadow: none; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .svg-filters { position: fixed; top: 100%; left: 100%; width: 0; height: 0; } a { color: #1557e4; } a:active, a:hover { text-decoration: none; } .base-body a { text-decoration: none; } h1, .h1 { font-size: 72px; line-height: 1.2; margin: 0 0 27px 0; } h2, .h2 { font-size: 36px; line-height: 1.2; margin: 0 0 25px 0; } h3, .h3 { font-size: 28px; line-height: 1.3; margin: 0 0 25px 0; } h4, .h4 { font-size: 22px; line-height: 1.4; margin: 0 0 25px 0; } h5, .h5 { font-size: 18px; line-height: 1.55; margin: 0 0 25px 0; } h6, .h6 { font-size: 16px; line-height: 1.55; margin: 0 0 25px 0; } h1, h2, h3, h4, h5, h6 { color: #000000; font-family: "tiempos-h", serif; font-weight: 700; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #666666; font-size: 0.75em; font-weight: normal; } hgroup { margin: 0 0 25px 0; } hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6, hgroup p { margin: 0; } a { text-decoration: none; color: #1557e4; } abbr[title] { border-bottom: 1px dotted; cursor: help; } b, strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } em, i { font-style: italic; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; -moz-box-sizing: content-box; height: 0; } mark { color: #666666; background-color: rgba(102, 102, 102, 0.05); } p, pre { margin: 0 0 25px 0; } code, kbd, pre, samp { font-family: monospace; font-size: 16px; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: .65em; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } [hidden] { display: none !important; } dl, menu, ol, ul { margin: 0 0 25px 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } nav li a { text-decoration: none; } ul ul, ul ol, ol ul, ol ol { margin: 0; } .highlight { background-color: rgba(102, 102, 102, 0.1); } hr { background-color: #666666; display: block; height: 1px; border: 0; margin: 36px 0; padding: 0; } .overline { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 45px; text-align: center; } @media (min-width: 100px) and (max-width: 1999px) { .overline { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .overline { font-size: 14px; } } .wrapper { background-color: #ffffff; position: relative; } .js-menu-open .wrapper, .js-menu-search-open .wrapper { overflow: hidden; pointer-events: none; } body.js-menu-open, body.js-menu-search-open { height: 100vh; overflow-y: hidden; } .component-wrapper { padding-top: 12.5vmin; padding-bottom: 12.5vmin; margin-bottom: 45px; } @media (min-width: 768px) { .component-wrapper { padding-top: 10vmin; padding-bottom: 10vmin; } } @media (min-width: 1500px) { .component-wrapper { padding-top: 7.5vmin; padding-bottom: 7.5vmin; } } @media (min-width: 768px) { .component-wrapper { margin-bottom: 90px; } } @media (min-width: 1200px) { .component-wrapper { margin-bottom: 120px; } } @media (min-width: 1700px) { .component-wrapper { margin-bottom: 180px; } } .component-wrapper .component { padding-bottom: 0; } .component-wrapper .component+.component { margin-top: 15px; } @media (min-width: 768px) { .component-wrapper .component+.component { margin-top: 30px; } } @media (min-width: 1500px) { .component-wrapper .component+.component { margin-top: 45px; } } @media (min-width: 768px) { .component-group { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component { padding-left: 5vw; padding-right: 5vw; padding-bottom: 45px; } @media (min-width: 768px) { .component { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component { padding-bottom: 90px; } } @media (min-width: 1200px) { .component { padding-bottom: 120px; } } @media (min-width: 1700px) { .component { padding-bottom: 180px; } } .article--main .component, .article--meadows .component { padding-bottom: 30px; } @media (min-width: 768px) { .article--main .component, .article--meadows .component { padding-bottom: 45px; } } @media (min-width: 1200px) { .article--main .component, .article--meadows .component { padding-bottom: 60px; } } .component-overline { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; } @media (min-width: 100px) and (max-width: 1999px) { .component-overline { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .component-overline { font-size: 14px; } } .viewall { text-align: center; padding-top: 30px; } @media (min-width: 768px) { .viewall { padding-top: 60px; } } @media (min-width: 1200px) { .viewall { padding-top: 90px; } } @media (min-width: 1700px) { .viewall { padding-top: 120px; } } .viewall>* { -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 16px; background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-weight: 700; padding: 7px 25px; text-transform: uppercase; } @media screen and (min-width: 100px) { .viewall>* { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .viewall>* { font-size: 18px; } } .viewall>*:hover, .viewall>*:focus { background-color: rgba(0, 0, 0, 0.65); } .tease-type { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; } @media (min-width: 100px) and (max-width: 1999px) { .tease-type { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .tease-type { font-size: 14px; } } .tease-art { margin-bottom: 15px; } @media (min-width: 768px) { .tease-art { padding-left: 1.5vw; padding-right: 1.5vw; } } .tease-image-link { display: block; } .tease-figure { overflow: hidden; } .tease-figure-caption { letter-spacing: -.025em; color: #767676; font-size: 13px; line-height: 1.35; margin-top: 10px; } .tease-title { font-size: 26px; display: block; margin-bottom: 0; } @media screen and (min-width: 100px) { .tease-title { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .tease-title { font-size: 48px; } } .tease-title-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; } .tease-title-link:hover, .tease-title-link:focus { color: #767676; } .tease-description, .tease-category { font-size: 17px; color: #767676; font-family: "america", sans-serif; line-height: 1.35; margin-bottom: 0; } @media screen and (min-width: 100px) { .tease-description, .tease-category { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .tease-description, .tease-category { font-size: 21px; } } .tease-description p:last-child, .tease-category p:last-child { margin-bottom: 0; } .tease-description { letter-spacing: -.025em; margin-top: 10px; } .tease-description p { display: inline; } .tease-description p+p:before { content: '\A'; display: block; margin-top: 10px; } .tease-category, .tease-meta { font-weight: 700; padding-right: 5px; } .tease-category-link { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; } .tease-category-link:hover, .tease-category-link:focus { color: #666666; } .tease-meta { color: #000000; } .tease-date { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 10px; } @media (min-width: 100px) and (max-width: 1999px) { .tease-date { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .tease-date { font-size: 14px; } } .xscroll__viewport { overflow: hidden; margin-left: -5vw; margin-right: -5vw; } @media (min-width: 768px) { .xscroll__viewport { margin-left: -1.5vw; margin-right: -1.5vw; } } .xscroll__viewport .tns-ovh { overflow: visible; } .xscroll__arrow { width: 36px; height: 36px; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border: 1px solid #999999; border-radius: 50%; padding: 0; } @media (min-width: 768px) { .xscroll__arrow { width: 44px; height: 44px; } } .xscroll__arrow svg { -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); display: block; } .xscroll__arrow[disabled] { pointer-events: none; opacity: .2; } .xscroll__arrow:hover, .xscroll__arrow:focus, .xscroll__arrow:active { background-color: #000000; cursor: pointer; outline: none; } .xscroll__arrow:hover svg *, .xscroll__arrow:focus svg *, .xscroll__arrow:active svg * { fill: #ffffff; } .xscroll__arrow--left svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .xscroll__arrow--right svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tns-outer { padding: 0 !important; } .tns-outer [hidden] { display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } @media (min-width: 768px) { .tns-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } .tns-slider { -webkit-transition: all 0s; transition: all 0s; padding: 0; margin: 0; list-style: none; position: relative; } .tns-cloned-node { position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel>.tns-item { display: inline-block; vertical-align: top; white-space: normal; } .tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; } .tns-horizontal.tns-no-subpixel>.tns-item { float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item { margin-right: -100%; } .tns-no-calc { position: relative; left: 0; } .tns-gallery { position: relative; left: 0; min-height: 1px; } .tns-gallery>.tns-item { position: absolute; left: -100%; -webkit-transition: opacity 0s, -webkit-transform 0s; transition: opacity 0s, -webkit-transform 0s; transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s, -webkit-transform 0s; } .tns-gallery>.tns-slide-active { position: relative; left: auto !important; } .tns-gallery>.tns-moving { -webkit-transition: all 0.25s; transition: all 0.25s; } .tns-autowidth { display: inline-block; } .tns-lazy-img { -webkit-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0.6; } .tns-lazy-img.tns-complete { opacity: 1; } .tns-ah { -webkit-transition: height 0s; transition: height 0s; } .tns-ovh { overflow: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; } .tns-vpfix { white-space: nowrap; } .tns-vpfix>div, .tns-vpfix>li { display: inline-block; } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; } .tns-t-ct { width: 2333.33333%; width: calc(100% * 70 / 3); position: absolute; right: 0; } .tns-t-ct:after { content: ''; display: table; clear: both; } .tns-t-ct>div { width: 1.42857%; width: calc(100% / 70); height: 10px; float: left; } .carousel__controls { padding-left: 5vw; padding-right: 5vw; margin-top: 15px; } @media (min-width: 768px) { .carousel__controls { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .carousel__controls { margin-top: 30px; } } .carousel__controls .carousel__controls-inner { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 15px; } .carousel__controls .carousel__controls-inner::before { content: " "; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .carousel__controls .carousel__controls-inner::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 768px) { .carousel__controls .carousel__controls-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .carousel__controls .carousel__controls-inner { margin-left: 25%; margin-right: 25%; padding-top: 30px; width: 50%; } } .carousel__controls .carousel__arow { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 36px; height: 36px; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border: 1px solid #999999; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .carousel__controls .carousel__arow:focus { outline: 0; } @media (min-width: 768px) { .carousel__controls .carousel__arow { width: 44px; height: 44px; } } .carousel__controls .carousel__arow svg * { -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .carousel__controls .carousel__arow:hover, .carousel__controls .carousel__arow:focus { background-color: #000000; cursor: pointer; } .carousel__controls .carousel__arow:hover svg *, .carousel__controls .carousel__arow:focus svg * { fill: #ffffff; } .carousel__controls .carousel__arow--left svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .carousel__controls .carousel__arow--right svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .article--main { padding-bottom: 45px; } @media (min-width: 768px) { .article--main { padding-bottom: 90px; } } @media (min-width: 1200px) { .article--main { padding-bottom: 120px; } } @media (min-width: 1700px) { .article--main { padding-bottom: 180px; } } .article--main .component:last-child { padding-bottom: 0; } .component .button-main { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component .button-main { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component .button-main { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component .button-main { font-size: 18px; } } .component .button-main:hover, .component .button-main:focus { background-color: rgba(0, 0, 0, 0.65); } @media (min-width: 768px) { .component-group--home-news-events { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-group--home-news-events { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .component-group--home-news-events .component-newslist.component-newslist--feature { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-group--home-news-events .component-newslist.component-newslist--feature { width: 58.33333%; } } @media (min-width: 1200px) { .component-group--home-news-events .component-newslist.component-newslist--feature { width: 66.66667%; } } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news { display: block; margin-left: 0; width: 100%; } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-art, .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-content, .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-titles, .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-description { width: 100%; } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-content, .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-titles { display: block; } @media (min-width: 768px) { .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-content { width: 57%; } } @media (min-width: 1200px) { .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-content { width: 50%; } } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-titles { padding-bottom: 10px; } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-title { font-size: 17px; margin-bottom: 0; padding-bottom: 0; } @media screen and (min-width: 100px) { .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-title { font-size: 21px; } } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news .tease-description { margin-top: 0; } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news:first-child { display: block; margin-left: 0; width: 100%; } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news:first-child .tease-art { width: 100%; } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news:first-child .tease-title { font-size: 23px; padding-bottom: 0; } @media screen and (min-width: 100px) { .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news:first-child .tease-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news:first-child .tease-title { font-size: 34px; } } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news:first-child .tease-description { margin-top: 0; } .component-group--home-news-events .component-newslist.component-newslist--feature .tease--news:last-child .tease-description { padding-bottom: 0; } @media (min-width: 768px) { .component-group--home-news-events .component-newslist.component-newslist--feature .tease-cta { margin-left: 0; width: 100%; text-align: left; } } @media (min-width: 768px) { .component-group--home-news-events .component-event-list.component-event-list--feature { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-group--home-news-events .component-event-list.component-event-list--feature { margin-top: 0; width: 41.66667%; } } @media (min-width: 1200px) { .component-group--home-news-events .component-event-list.component-event-list--feature { width: 33.33333%; } } .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event { display: block; margin-left: 0; width: 100%; } .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-art, .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-content, .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-title, .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-description { width: 100%; } .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-content { display: block; } .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-title { font-size: 17px; padding-bottom: 10px; } @media screen and (min-width: 100px) { .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-title { font-size: 21px; } } .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event .tease-title { margin-bottom: 0; } .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event:first-child { display: block; margin-left: 0; width: 100%; } .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event:first-child .tease-art, .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event:first-child .tease-content { width: 100%; } .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event:first-child .tease-title { font-size: 23px; } @media screen and (min-width: 100px) { .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event:first-child .tease-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-group--home-news-events .component-event-list.component-event-list--feature .tease--event:first-child .tease-title { font-size: 34px; } } @media (min-width: 768px) { .component-group--home-news-events .component-event-list.component-event-list--feature .tease-cta { margin-left: 0; width: 100%; text-align: left; } } .search__search { padding-left: 5vw; padding-right: 5vw; padding-bottom: 45px; } @media (min-width: 768px) { .search__search { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .search__search { padding-bottom: 90px; } } @media (min-width: 1200px) { .search__search { padding-bottom: 120px; } } @media (min-width: 1700px) { .search__search { padding-bottom: 180px; } } @media (min-width: 768px) { .search__search-form { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .search__search-form { margin: -30px auto 0; width: 66.66667%; } } @media (min-width: 1200px) { .search__search-form { margin-top: -60px; width: 50%; } } .search__search-form-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; position: relative; width: 100%; } .search__search-form-inner:focus-within { border-color: #000000; } .search__search-input { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 17px; margin-left: 25px; margin-right: 25px; width: 100%; } .search__search-input:focus { outline: 0; } @media screen and (min-width: 100px) { .search__search-input { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .search__search-input { font-size: 21px; } } .search__search-submit { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 75px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search__search-submit:focus { outline: 0; } .search__search-submit:hover, .search__search-submit:focus { cursor: pointer; } .search__search-submit svg { width: 20px; height: 20px; } .component-alert { padding-bottom: 0; } @media (min-width: 768px) { .component-alert { padding-left: 0; padding-right: 0; } } .component-alert .component-inner { background-color: #000000; border: 1px solid #ffffff; border-radius: 15px; color: #ffffff; padding: 25px 28px 0; position: relative; width: 100%; display: none; } @media (min-width: 768px) { .component-alert .component-inner { margin-right: 30px; width: 315px; } } .component-alert.component-alert--visible .component-inner { display: block; } .alert__body { letter-spacing: -.025em; font-size: 17px; line-height: 1.4; } @media screen and (min-width: 100px) { .alert__body { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .alert__body { font-size: 21px; } } .alert__button { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #ffffff; border: 1px solid #ffffff; border-radius: 50px; color: #000000; display: inline-block; margin-bottom: 30px; padding: 10px 20px; } .alert__button:focus { outline: 0; } @media (min-width: 100px) and (max-width: 1999px) { .alert__button { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .alert__button { font-size: 14px; } } .alert__button:hover { background-color: transparent; color: #ffffff; } .alert__close { position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), border-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), border-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000000; border: 1px solid #ffffff; border-radius: 50%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; } .alert__close .close-icon { width: 12px; height: 12px; position: relative; } .alert__close .close-icon svg { position: absolute; top: 1px; left: 1px; } .alert__close:hover { background-color: #ffffff; border-color: #000000; } .alert__close:hover svg * { fill: #000000; } .alert__close .alert__close-text { display: none; } .alert__close svg { width: 10px; height: 10px; -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .alert__close svg * { fill: #ffffff; } .component-alert--emergency .component-inner { background-color: #cc0035; } .component-alert--emergency .alert__close { background-color: #cc0035; } .component-alert--emergency .alert__close:hover { background-color: #ffffff; border-color: #cc0035; } .component-alert-list { padding-bottom: 0; } .component-alert-list>.component-inner { position: fixed; bottom: 5vw; left: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; z-index: 100; } @media (min-width: 768px) { .component-alert-list>.component-inner { position: fixed; bottom: 1.5vw; left: 1.5vw; } } .alert-list__group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 768px) { .alert-list__group { display: -webkit-box; display: -ms-flexbox; display: flex; } } .alert-list__group .component-alert .component-inner { margin-top: 15px; } @media (min-width: 768px) { .alert-list__group .component-alert .component-inner { margin-bottom: 0; } } .alert-list__group .component-alert .component-inner:last-child { margin-bottom: 0; } .alert-list__badge { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 40px; height: 40px; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), border-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), border-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 16px; background-color: #000000; border: 1px solid #ffffff; border-radius: 50%; color: #ffffff; cursor: pointer; font-weight: 700; margin-left: 5vw; display: none; } .alert-list__badge:focus { outline: 0; } @media screen and (min-width: 100px) { .alert-list__badge { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .alert-list__badge { font-size: 18px; } } @media (min-width: 768px) { .alert-list__badge { margin-left: 0; margin-right: 25px; } } .alert-list__badge:hover { background-color: #ffffff; border-color: #000000; color: #000000; } .alert-list__badge--visible { display: block; } .component-button .component-inner { position: relative; } @media (min-width: 768px) { .component-button .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-button .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button__item { font-size: 18px; } } .component-button__item:hover, .component-button__item:focus { background-color: rgba(0, 0, 0, 0.65); } .component-button__item+.component-button__item { margin-left: 15px; } .component-button--center .component-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .component-button--right .component-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } @media (min-width: 768px) { .component-list--course .component-inner { width: 66.66667%; } } @media (min-width: 1200px) { .component-list--course .component-inner { width: 50%; } } .course-list__header { font-size: 23px; display: block; margin-bottom: 15px; } @media (min-width: 768px) { .course-list__header { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .course-list__header { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .course-list__header { font-size: 34px; } } .course-list__list { position: relative; list-style: none; margin: 0; padding: 0; } .course-list__list::before { content: " "; display: block; position: absolute; right: 0; bottom: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .course-list__list::before { left: 1.5vw; right: 1.5vw; } } .course-list__item { position: relative; padding-bottom: 15px; padding-top: 15px; position: relative; } .course-list__item::before { content: " "; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .course-list__item::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 768px) { .course-list__item--link { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .course-list__item-info { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .course-list__item-info { width: 50%; } } .course-list__item-label { font-size: 16px; color: #767676; letter-spacing: 0.025em; margin-bottom: 0; text-transform: uppercase; } @media screen and (min-width: 100px) { .course-list__item-label { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .course-list__item-label { font-size: 18px; } } .course-list__item-title { font-size: 17px; font-family: "america", sans-serif; line-height: 1.35; margin-bottom: 0; } @media screen and (min-width: 100px) { .course-list__item-title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .course-list__item-title { font-size: 21px; } } .course-list__item-instructor { font-size: 17px; color: #000000; font-weight: 400; line-height: 1.35; } @media screen and (min-width: 100px) { .course-list__item-instructor { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .course-list__item-instructor { font-size: 21px; } } .course-list__item-instructor-label { font-size: 16px; color: #767676; display: none; margin-bottom: 0; } @media screen and (min-width: 100px) { .course-list__item-instructor-label { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .course-list__item-instructor-label { font-size: 18px; } } .course-list__item-instructor-name { letter-spacing: -.025em; margin-bottom: 0; } .course-list__item-description { letter-spacing: -.025em; font-size: 16px; color: #767676; } @media (min-width: 768px) { .course-list__item-description { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .course-list__item-description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .course-list__item-description { font-size: 18px; } } @media (min-width: 768px) { .course-list__item-description { width: 50%; } } @media (min-width: 768px) { .component-list--course.component-list--center .component-inner { margin: 0 auto; } } @media (min-width: 768px) { .component-list--course.component-list--right .component-inner { margin: 0 0 0 33.33333%; } } @media (min-width: 1200px) { .component-list--course.component-list--right .component-inner { margin: 0 0 0 50%; } } .component-list--course.component-list--course-basic .course-list__list { width: 100%; } .component-list--course.component-list--course-basic .course-list__item-instructor, .component-list--course.component-list--course-basic .course-list__item-description { display: none; } @media (min-width: 768px) { .component-list--course.component-list--course-basic .course-list__item-info { width: 100%; } } @media (min-width: 768px) and (min-width: 768px) { .component-list--course.component-list--course-basic .course-list__item-info { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-list--course.component-list--course-basic .course-list__item-titles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; } } @media (min-width: 768px) { .component-list--course.component-list--course-basic .course-list__item-label { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-list--course.component-list--course-basic .course-list__item-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; width: 33.33333%; } } .component-list--course.component-list--course-basic .course-list__item-title { font-weight: 400; } @media (min-width: 768px) { .component-list--course.component-list--course-basic .course-list__item-title { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-list--course.component-list--course-basic .course-list__item-title { width: 66.66667%; } } .component-list--course.component-list--course-intermediate .course-list__list { width: 100%; } .component-list--course.component-list--course-intermediate .course-list__item { padding-bottom: 20px; padding-top: 20px; } .component-list--course.component-list--course-intermediate .course-list__item-description { display: none; } .component-list--course.component-list--course-intermediate .course-list__item-info { width: 100%; } @media (min-width: 768px) { .component-list--course.component-list--course-intermediate .course-list__item-info { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) and (min-width: 768px) { .component-list--course.component-list--course-intermediate .course-list__item-info { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-list--course.component-list--course-intermediate .course-list__item-titles { width: 66.66667%; } } @media (min-width: 768px) and (min-width: 768px) { .component-list--course.component-list--course-intermediate .course-list__item-titles { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-list--course.component-list--course-intermediate .course-list__item-instructor { width: 33.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .component-list--course.component-list--course-intermediate .course-list__item-instructor { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-list--course.component-list--course-intermediate .course-list__item-instructor-label { display: block; } } @media (min-width: 768px) { .component-list--course.component-list--course-expanded .component-inner { width: 83.33333%; } } @media (min-width: 1200px) { .component-list--course.component-list--course-expanded .component-inner { width: 66.66667%; } } .component-list--course.component-list--course-expanded .course-list__item { padding-bottom: 20px; padding-top: 20px; } .component-list--course.component-list--course-expanded .course-list__item-description p:last-child { margin-bottom: 0; } @media (min-width: 768px) { .component-list--course.component-list--course-expanded.component-list--right .component-inner { margin: 0 0 0 16.66667%; } } @media (min-width: 1200px) { .component-list--course.component-list--course-expanded.component-list--right .component-inner { margin: 0 0 0 33.33333%; } } .component-list--course.component-list--course-expanded .course-list__item-info { padding-bottom: 25px; } .component-cta .component-inner { padding: 30px; position: relative; } @media (min-width: 768px) { .component-cta .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-cta .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0; padding-bottom: 0; } } @media (min-width: 1200px) { .component-cta .component-inner { margin-left: 8.33333%; margin-right: 8.33333%; width: 83.33333%; } } @media (min-width: 1700px) { .component-cta .component-inner { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } .component-cta__content { color: #000000; } @media (min-width: 768px) { .component-cta__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px; width: 50%; } } .component-cta__content:before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ffdc00; } @media (min-width: 768px) { .component-cta__content:before { left: 1.5vw; right: 1.5vw; top: 60px; } } .component-cta__heading { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 20; } @media (min-width: 768px) { .component-cta__heading { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-cta__heading { padding-top: 30px; padding-bottom: 30px; padding-left: 30px; } } .component-cta__description { letter-spacing: -.025em; font-size: 17px; position: relative; z-index: 20; } @media (min-width: 768px) { .component-cta__description { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .component-cta__description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-cta__description { font-size: 21px; } } @media (min-width: 768px) { .component-cta__description { margin-bottom: 0; padding-bottom: 30px; padding-left: 30px; } } @media (min-width: 768px) { .component-cta__side { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-cta__side { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50%; } } .component-cta__art { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 30px; } @media (min-width: 768px) { .component-cta__art { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-cta__art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-top: 0; padding-bottom: 30px; padding-right: 30px; } } .cta-figure { position: relative; z-index: 20; } .component-cta__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; z-index: 20; } @media (min-width: 768px) { .component-cta__buttons { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-cta__buttons { display: block; margin-left: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 30px; padding-right: 30px; width: 50%; } } .component-cta__button { margin-bottom: 0; margin-right: 0; width: 100%; } .component-cta__button+.component-cta__button { margin-top: 15px; } @media (min-width: 768px) { .component-cta__button { margin: 30px 0 0; width: 100%; } } .component-cta__button:last-child { margin-right: 0; } .component-cta__button-link { -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 16px; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 30px; color: #000000; cursor: pointer; border-radius: 30px; display: inline-block; font-weight: 400; padding: 10px 15px 11px; text-align: center; text-transform: uppercase; border: none; white-space: nowrap; width: 100%; } @media screen and (min-width: 100px) { .component-cta__button-link { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-cta__button-link { font-size: 18px; } } .component-cta__button-link:hover, .component-cta__button-link:focus, .component-cta__button-link:active { background-color: #000000; border-color: transparent; color: #ffffff; } @media (min-width: 768px) { .component-cta__button-link { border: none; } } @media (min-width: 768px) { .component-cta.component-cta--no-image .component-cta__content { margin-top: 0; } } @media (min-width: 768px) { .component-cta.component-cta--no-image .component-cta__content:before { top: 0; } } @media (min-width: 768px) { .component-cta.component-cta--no-image .component-cta__side { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @charset "UTF-8"; @media (min-width: 768px) { .component-event-list .component-inner { margin: 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .component-event-list .component-inner { width: 66.66667%; } } .component-event-list .event-list__header { font-size: 23px; } @media (min-width: 768px) { .component-event-list .event-list__header { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .component-event-list .event-list__header { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list .event-list__header { font-size: 34px; } } .component-event-list .tease-title { font-size: 23px; padding-top: 0; } @media screen and (min-width: 100px) { .component-event-list .tease-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list .tease-title { font-size: 34px; } } .component-event-list .tease-description { font-size: 17px; margin-top: 10px; padding-bottom: 10px; } @media screen and (min-width: 100px) { .component-event-list .tease-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list .tease-description { font-size: 21px; } } @media (min-width: 768px) { .component-event-list .tease-description { margin-top: 15px; padding-bottom: 35px; } } .component-event-list .tease-date { font-size: 17px; color: #000000; font-weight: 700; text-transform: none; } @media screen and (min-width: 100px) { .component-event-list .tease-date { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list .tease-date { font-size: 21px; } } .component-event-list .tease-date:after { content: ' — '; } .component-event-list .tease-location-link { color: #000000; font-weight: 700; } .component-event-list .tease-location-link:after { content: ' '; } @media (min-width: 768px) { .component-event-list .tease:last-child .tease-art { margin-bottom: 0; } } .component-event-list .tease:last-child .tease-description { padding-bottom: 0; } .component-event-list .tease-cta { padding-top: 30px; } @media (min-width: 768px) { .component-event-list .tease-cta { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-event-list .tease-cta { padding-top: 45px; } } @media (min-width: 768px) { .component-event-list--basic.component-event-list--left .component-inner { margin: 0; } } @media (min-width: 768px) { .component-event-list--basic.component-event-list--right .component-inner { margin: 0 0 0 16.66667%; } } @media (min-width: 1200px) { .component-event-list--basic.component-event-list--right .component-inner { margin-left: 33.33333%; } } @media (min-width: 768px) { .component-event-list--basic.component-event-list--no-images .component-inner { margin: 0 0 0 8.33333%; width: 83.33333%; } } @media (min-width: 1200px) { .component-event-list--basic.component-event-list--no-images .component-inner { margin-left: 16.66667%; width: 66.66667%; } } @media (min-width: 768px) { .component-event-list--basic.component-event-list--no-images.component-event-list--left .component-inner { margin-left: 0; } } @media (min-width: 768px) { .component-event-list--basic.component-event-list--no-images.component-event-list--right .component-inner { margin-left: 16.66667%; } } @media (min-width: 1200px) { .component-event-list--basic.component-event-list--no-images.component-event-list--right .component-inner { margin-left: 33.33333%; } } @media (min-width: 768px) { .component-event-list--basic.component-event-list--no-images .tease--event { padding-left: 0; padding-right: 0; } } .component-event-list--basic.component-event-list--no-images .tease-content { width: 100%; } @media (min-width: 768px) { .component-event-list--basic.component-event-list--no-images .tease-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list--basic.component-event-list--no-images .tease-content { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-event-list--basic.component-event-list--no-images .tease-title { width: 50%; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list--basic.component-event-list--no-images .tease-title { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-event-list--basic.component-event-list--no-images .tease-description { margin-top: 0; width: 50%; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list--basic.component-event-list--no-images .tease-description { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-event-list--basic .tease--event { margin-top: 15px; } @media (min-width: 768px) { .component-event-list--basic .tease--event { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; } } @media (min-width: 1200px) { .component-event-list--basic .tease--event { margin-top: 45px; } } .component-event-list--basic .tease--event:first-child { margin-top: 0; } @media (min-width: 768px) { .component-event-list--basic .tease-art, .component-event-list--basic .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-event-list--basic .tease-art, .component-event-list--basic .tease-content { width: 50%; } } @media (min-width: 768px) { .component-event-list.component-event-list--grid .component-inner { width: 100%; } } @media (min-width: 768px) { .component-event-list.component-event-list--grid .event-list__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-event-list.component-event-list--grid .tease--event { border-top: 1px solid rgba(0, 0, 0, 0.1); counter-increment: grid-list-count; margin-top: 15px; padding-top: 15px; position: relative; } @media (min-width: 768px) { .component-event-list.component-event-list--grid .tease--event { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-event-list.component-event-list--grid .tease--event { border-top-width: 0; margin-top: 0; padding-top: 0; width: 33.33333%; } } @media (min-width: 1200px) { .component-event-list.component-event-list--grid .tease--event { width: 25%; } } .component-event-list.component-event-list--grid .tease--event:first-child { border-top-width: 0; padding-top: 0; } @media (min-width: 768px) { .component-event-list.component-event-list--grid .tease--event:before { content: ''; width: 1px; height: 100%; background-color: #000000; opacity: 0.1; display: block; position: absolute; -webkit-transform: translateX(-1.5vw); transform: translateX(-1.5vw); } } .component-event-list.component-event-list--grid .tease--event:first-child:before { width: 0; } @media (min-width: 768px) { .component-event-list.component-event-list--grid .tease--event:nth-child(3n+1):before { width: 0; } } @media (min-width: 1200px) { .component-event-list.component-event-list--grid .tease--event:nth-child(3n+1):before { width: 1px; } } @media (min-width: 1200px) { .component-event-list.component-event-list--grid .tease--event:nth-child(4n+1):before { width: 0; } } @media (min-width: 768px) { .component-event-list.component-event-list--grid .tease--event:nth-child(n+4) { margin-top: 60px; } } @media (min-width: 1200px) { .component-event-list.component-event-list--grid .tease--event:nth-child(4) { margin-top: 0; } } @media (min-width: 1200px) { .component-event-list.component-event-list--grid .tease--event:nth-child(n+5) { margin-top: 60px; } } .component-event-list.component-event-list--grid .tease-title { font-size: 23px; } @media screen and (min-width: 100px) { .component-event-list.component-event-list--grid .tease-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list.component-event-list--grid .tease-title { font-size: 34px; } } @media (min-width: 768px) { .component-event-list.component-event-list--grid .tease-title { font-size: 20px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-event-list.component-event-list--grid .tease-title { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-event-list.component-event-list--grid .tease-title { font-size: 28px; } } .component-event-list.component-event-list--grid .tease-description { padding-bottom: 0; } @media (min-width: 768px) { .component-event-list.component-event-list--grid .tease-art { padding-left: 0; padding-right: 0; } } .component-event-list.component-event-list--grid .component-event-list__item-description { font-size: 16px; } @media screen and (min-width: 100px) { .component-event-list.component-event-list--grid .component-event-list__item-description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list.component-event-list--grid .component-event-list__item-description { font-size: 18px; } } @media (min-width: 768px) { .component-event-list.component-event-list--grid .tease:last-child .tease-art { margin-bottom: 15px; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .component-inner { width: 100%; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event { margin: 0 0 0 8.33333%; width: 83.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event { padding-left: 0; padding-right: 0; } } @media (min-width: 1200px) { .component-event-list.component-event-list--feature .tease--event { margin-left: 16.66667%; width: 66.66667%; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 35px 0; width: 100%; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child:before { display: none; } } .component-event-list.component-event-list--feature .tease--event:first-child .tease-art { display: block; } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-art { width: 50%; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-content { display: block; width: 50%; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-event-list.component-event-list--feature .tease--event:first-child .tease-title { font-size: 30px; width: 100%; } @media screen and (min-width: 100px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-title { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-title { font-size: 66px; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-title { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-title { padding-bottom: 10px; } } .component-event-list.component-event-list--feature .tease--event:first-child .tease-location-link { font-size: 17px; } @media screen and (min-width: 100px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-location-link { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-location-link { font-size: 21px; } } .component-event-list.component-event-list--feature .tease--event:first-child .tease-description { font-size: 17px; width: 100%; padding-bottom: 20px; } @media screen and (min-width: 100px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-description { font-size: 21px; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-description { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease--event:first-child .tease-description { margin-top: 10px; padding-bottom: 10px; } } .component-event-list.component-event-list--feature .tease-art { display: none; } .component-event-list.component-event-list--feature .tease-content { width: 100%; } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list.component-event-list--feature .tease-content { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease-title { margin-bottom: 0; padding-bottom: 35px; width: 50%; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list.component-event-list--feature .tease-title { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-event-list.component-event-list--feature .tease-description { padding-bottom: 20px; } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease-description { margin-top: 0; padding-bottom: 35px; width: 50%; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list.component-event-list--feature .tease-description { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-event-list.component-event-list--feature .tease-cta { margin: 0 0 0 8.33333%; width: 83.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .component-event-list.component-event-list--feature .tease-cta { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .component-event-list.component-event-list--feature .tease-cta { margin-left: 16.66667%; width: 66.66667%; } } .component-filters { padding-bottom: 0; position: relative; } @media (min-width: 768px) { .component-filters { padding-left: 0; padding-right: 0; } } .component-filters.component-filters--collapsed { width: 0; } .component-filters.component-filters--expanded { padding-bottom: 15px; width: 100%; } @media (min-width: 768px) { .component-filters.component-filters--expanded { width: 25%; } } .component-filters .component-inner { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; border-bottom: 1px solid #dddddd; display: initial; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } @media (min-width: 768px) { .component-filters .component-inner { border-bottom: none; width: 100%; } } .filters-toggle { letter-spacing: -.025em; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 16px; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 30px; color: #000000; cursor: pointer; border-radius: 30px; display: inline-block; font-weight: 400; padding: 10px 15px 11px; text-align: center; text-transform: uppercase; font-size: 17px; -webkit-appearance: none; background-image: none; color: #000000; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: initial; } @media screen and (min-width: 100px) { .filters-toggle { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .filters-toggle { font-size: 18px; } } .filters-toggle:hover, .filters-toggle:focus, .filters-toggle:active { background-color: #000000; border-color: transparent; color: #ffffff; } @media screen and (min-width: 100px) { .filters-toggle { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .filters-toggle { font-size: 21px; } } @media (min-width: 768px) { .filters-toggle { padding: 11px 24px 12px; } } .filters-toggle:focus, .filters-toggle:active { outline: none; } .filter-group__toggle { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; -webkit-appearance: none; background-image: none; border: none; color: #767676; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; width: 100%; background-color: transparent; } @media (min-width: 100px) and (max-width: 1999px) { .filter-group__toggle { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .filter-group__toggle { font-size: 14px; } } .filter-group__toggle:focus, .filter-group__toggle:active { outline: none; } .filter-group__toggle .filter-group__toggle-icon { color: #000000; font-size: 21px; font-weight: 400; line-height: 0.5; } @media (min-width: 768px) { .filter-group { padding-left: 1.5vw; padding-right: 1.5vw; } } .filter-options { list-style: none; margin: 0; padding: 0; margin-top: 15px; margin-bottom: 15px; } .filter-group--collapsed .filter-options { display: none; } .filter-option { letter-spacing: -.025em; font-size: 16px; color: #000000; line-height: 1.2; margin-bottom: 15px; padding-left: 24px; position: relative; } @media screen and (min-width: 100px) { .filter-option { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .filter-option { font-size: 18px; } } .filter-option label { cursor: pointer; } .filter-option input { position: absolute; opacity: 0; height: 0; width: 0; overflow: hidden; left: -9999px; } .filter-option .filter-option__input { position: absolute; top: 3px; left: 0; width: 14px; height: 14px; background-color: #ffffff; border: 1px solid #000000; border-radius: 50%; } @media (min-width: 768px) { .filter-option .filter-option__input { top: 4px; } } .filter-option .filter-option__input:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; content: ""; opacity: 0; border-radius: 50%; background-color: #000000; margin-top: -4px; margin-left: -4px; } .filter-option input:checked+.filter-option__input:after { opacity: 1; } .component-filters--collapsed .component-inner { border-bottom: none; } .component-filters--collapsed .filter-group { display: none; } @media (min-width: 768px) { .component-group .component-filters+.component { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-group .component-filters+.component { margin: 0; width: 75%; } } .component-group .component-filters+.component .component-inner { margin: 0; width: 100%; } @media (min-width: 768px) { .component-group .component-filters+.component .component-inner { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-group .component-filters--collapsed+.component { width: 100%; } } .component-heading { padding-bottom: 0; } .component-heading .component-inner { margin-bottom: 20px; } @media (min-width: 768px) { .component-heading .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-heading .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 30px; } } @media (min-width: 1200px) { .component-heading .component-inner { margin-bottom: 45px; } } .heading__heading { font-size: 26px; color: #000000; font-family: "tiempos-h", serif; font-weight: 700; line-height: 1.2; margin-bottom: 0; width: 100%; } @media screen and (min-width: 100px) { .heading__heading { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .heading__heading { font-size: 48px; } } .heading__body { margin: 0 auto; width: 100%; } .heading__body h1, .heading__body .h1 { font-size: 36px; line-height: 1.1; } @media screen and (min-width: 100px) { .heading__body h1, .heading__body .h1 { font-size: calc(36px + 60 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .heading__body h1, .heading__body .h1 { font-size: 96px; } } .heading__body p+h1, .heading__body ul+h1, .heading__body ol+h1 { margin-top: 60px; } @media (min-width: 768px) { .heading__body p+h1, .heading__body ul+h1, .heading__body ol+h1 { margin-top: 90px; } } .heading__body h2, .heading__body .h2 { font-size: 30px; line-height: 1.1; } @media screen and (min-width: 100px) { .heading__body h2, .heading__body .h2 { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .heading__body h2, .heading__body .h2 { font-size: 66px; } } .heading__body p+h2, .heading__body ul+h2, .heading__body ol+h2 { margin-top: 10vmin; } @media (min-width: 1200px) { .heading__body p+h2, .heading__body ul+h2, .heading__body ol+h2 { margin-top: 5vmin; } } .heading__body h3, .heading__body .h3 { font-size: 26px; line-height: 1.1; } @media screen and (min-width: 100px) { .heading__body h3, .heading__body .h3 { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .heading__body h3, .heading__body .h3 { font-size: 48px; } } @media (min-width: 768px) { .heading__body p+h3, .heading__body ul+h3, .heading__body ol+h3 { margin-top: 45px; } } .heading__body h4, .heading__body .h4 { font-size: 23px; } @media screen and (min-width: 100px) { .heading__body h4, .heading__body .h4 { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .heading__body h4, .heading__body .h4 { font-size: 34px; } } @media (min-width: 768px) { .heading__body p+h4, .heading__body ul+h4, .heading__body ol+h4 { margin-top: 35px; } } .heading__body h5, .heading__body .h5 { font-size: 17px; } @media screen and (min-width: 100px) { .heading__body h5, .heading__body .h5 { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .heading__body h5, .heading__body .h5 { font-size: 21px; } } @media (min-width: 768px) { .heading__body p+h5, .heading__body ul+h5, .heading__body ol+h5 { margin-top: 25px; } } .heading__body h6, .heading__body .h6 { font-size: 16px; } @media screen and (min-width: 100px) { .heading__body h6, .heading__body .h6 { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .heading__body h6, .heading__body .h6 { font-size: 18px; } } .heading__body ul, .heading__body ol { margin-bottom: 25px; } .heading__body ul { list-style-type: disc; padding-left: 20px; } .heading__body p, .heading__body li { letter-spacing: -.025em; font-size: 17px; font-family: "america", sans-serif; line-height: 1.6; } @media screen and (min-width: 100px) { .heading__body p, .heading__body li { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .heading__body p, .heading__body li { font-size: 21px; } } .heading__body li { margin-bottom: 10px; } @media (min-width: 768px) { .heading__body li { margin-bottom: 15px; } } .heading__body li:last-child { margin-bottom: 0; } .heading__body ol { counter-reset: base-ol-count; list-style: none; padding-left: 0; } .heading__body ol li { counter-increment: subnav-count; padding-left: 30px; position: relative; } .heading__body ol li:before { position: absolute; top: -0.075em; left: 0; color: #333333; content: counter(subnav-count) "."; font-family: "america", sans-serif; } .heading__body>p:last-child { margin-bottom: 0; } .heading__heading+.heading__body { margin-top: 15px; } .component-heading--left { text-align: left; } .component-heading--center { text-align: center; } @media (min-width: 768px) { .component-heading--side-by-side.component-heading .component-inner, .component-heading--side-by-side.component-heading--wide .component-inner { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading .component-inner, .component-heading--side-by-side.component-heading--wide .component-inner { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 83.33333%; } } @media (min-width: 1200px) { .component-heading--side-by-side.component-heading .component-inner, .component-heading--side-by-side.component-heading--wide .component-inner { width: 66.66667%; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading .heading__heading, .component-heading--side-by-side.component-heading .heading__body, .component-heading--side-by-side.component-heading--wide .heading__heading, .component-heading--side-by-side.component-heading--wide .heading__body { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading .heading__heading, .component-heading--side-by-side.component-heading .heading__body, .component-heading--side-by-side.component-heading--wide .heading__heading, .component-heading--side-by-side.component-heading--wide .heading__body { width: 50%; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading .heading__heading+.heading__body, .component-heading--side-by-side.component-heading--wide .heading__heading+.heading__body { margin-top: 0; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading--wide .component-inner { width: 100%; } } @media (min-width: 1200px) { .component-heading--side-by-side.component-heading--wide .component-inner { width: 83.33333%; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading--full .component-inner { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading--full .component-inner { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading--full .heading__heading, .component-heading--side-by-side.component-heading--full .heading__body { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading--full .heading__heading { margin-left: 0; margin-right: 0; width: 50%; } } @media (min-width: 1200px) { .component-heading--side-by-side.component-heading--full .heading__heading { width: 50%; } } @media (min-width: 768px) { .component-heading--side-by-side.component-heading--full .heading__body { margin-left: 0; margin-right: 0; width: 50%; } } @media (min-width: 1200px) { .component-heading--side-by-side.component-heading--full .heading__body { margin-right: 16.66667%; width: 33.33333%; } } .component-heading--small .heading__heading { font-size: 20px; } @media screen and (min-width: 100px) { .component-heading--small .heading__heading { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-heading--small .heading__heading { font-size: 28px; } } .component-heading--normal .heading__heading { font-size: 26px; } @media screen and (min-width: 100px) { .component-heading--normal .heading__heading { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-heading--normal .heading__heading { font-size: 48px; } } .component-heading--big .heading__heading { font-size: 30px; } @media screen and (min-width: 100px) { .component-heading--big .heading__heading { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-heading--big .heading__heading { font-size: 66px; } } .component-heading--huge .heading__heading { font-size: 36px; } @media screen and (min-width: 100px) { .component-heading--huge .heading__heading { font-size: calc(36px + 84 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-heading--huge .heading__heading { font-size: 120px; } } @media (min-width: 768px) { .component-heading--column .component-inner { width: 66.66667%; } } @media (min-width: 1200px) { .component-heading--column .component-inner { width: 50%; } } @media (min-width: 768px) { .component-heading--wide .component-inner { width: 83.33333%; } } @media (min-width: 1200px) { .component-heading--wide .component-inner { width: 66.66667%; } } @media (min-width: 768px) { .component-heading--full .component-inner { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-heading--full .component-inner { width: 100%; } } @media (min-width: 768px) { .component-heading--full .heading__heading, .component-heading--full .heading__body { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-gallery .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .component-gallery .component-art { margin-bottom: 15px; } @media (min-width: 768px) { .component-gallery .component-art { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-gallery .component-figure-caption { line-height: 1.3; } @media (min-width: 768px) { .component-gallery .component-figure-caption { margin-right: 0; } } @media (min-width: 1200px) { .component-gallery .component-figure-caption { margin-top: 20px; } } @media (min-width: 768px) { .component-gallery--baseline .component-inner { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media (min-width: 768px) { .component-gallery--center .component-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 768px) { .component-gallery--two-even .component-art:first-child { margin-left: 8.33333%; width: 41.66667%; } } @media (min-width: 768px) { .component-gallery--two-even .component-art:nth-child(2) { margin-right: 8.33333%; width: 41.66667%; } } @media (min-width: 768px) { .component-gallery--two-left .component-art:first-child { width: 50%; } } @media (min-width: 768px) { .component-gallery--two-left .component-art:nth-child(2) { margin-left: 8.33333%; margin-right: 8.33333%; width: 33.33333%; } } @media (min-width: 768px) { .component-gallery--two-right .component-art:first-child { margin-left: 8.33333%; margin-right: 8.33333%; width: 33.33333%; } } @media (min-width: 768px) { .component-gallery--two-right .component-art:nth-child(2) { width: 50%; } } @media (min-width: 768px) { .component-gallery--three-even .component-art { width: 33.33333%; } } @media (min-width: 768px) { .component-gallery--three-right .component-art { width: 25%; } } @media (min-width: 768px) { .component-gallery--three-right .component-art:nth-child(3) { width: 50%; } } @media (min-width: 1200px) { .component-gallery--three-right .component-art:nth-child(3) .component-figure-caption { margin-right: 50%; } } @media (min-width: 768px) { .component-gallery--three-left .component-art { width: 25%; } } @media (min-width: 768px) { .component-gallery--three-left .component-art:nth-child(1) { width: 50%; } } @media (min-width: 1200px) { .component-gallery--three-left .component-art:nth-child(1) .component-figure-caption { margin-right: 50%; } } @media (min-width: 768px) { .component-gallery--three-center .component-art { width: 25%; } } @media (min-width: 768px) { .component-gallery--three-center .component-art:nth-child(2) { width: 50%; } } @media (min-width: 1200px) { .component-gallery--three-center .component-art:nth-child(2) .component-figure-caption { margin-right: 50%; } } @media (min-width: 768px) { .component-image .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-image .component-inner { margin: 0 auto; } } .component-art, .component-figure, .component-img { width: 100%; } .component-figure-caption { letter-spacing: -.025em; font-size: 16px; color: #767676; line-height: 1.35; margin-top: 10px; } @media screen and (min-width: 100px) { .component-figure-caption { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-figure-caption { font-size: 18px; } } @media (min-width: 768px) { .component-figure-caption { margin-right: calc(50% + 1.5vw); } } @media (min-width: 1200px) { .component-figure-caption { margin-top: 20px; } } @media (min-width: 768px) { .component-image--column .component-inner { width: 66.66667%; } } @media (min-width: 1200px) { .component-image--column .component-inner { width: 50%; } } @media (min-width: 768px) { .component-image--expanded .component-inner { width: 83.33333%; } } @media (min-width: 1200px) { .component-image--expanded .component-inner { width: 66.66667%; } } @media (min-width: 768px) { .component-image--wide .component-inner { width: 100%; } } @media (min-width: 768px) { .component-image--wide .component-figure-caption { margin-right: calc(66.66667% + 1.5vw); } } .component-image--full { padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .component-image--full .component-inner { padding-left: 0; padding-right: 0; } } .component-image--full .component-figure-caption { padding-left: 5vw; padding-right: 5vw; } @media (min-width: 768px) { .component-image--full .component-figure-caption { margin-right: calc(66.66667% + 1.5vw); padding-left: 3vw; padding-right: 3vw; } } .component-image-with-text .component-inner { position: relative; } @media (min-width: 768px) { .component-image-with-text .component-inner { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 100%; } } @media (min-width: 1200px) { .component-image-with-text .component-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .component-image-with-text .component-inner:before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; z-index: 10; } @media (min-width: 768px) { .component-image-with-text .component-inner:before { left: 1.5vw; right: 1.5vw; } } .image-with-text__art { margin-bottom: 25px; position: relative; z-index: 20; } @media (min-width: 768px) { .image-with-text__art { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .image-with-text__art { margin-bottom: 0; width: 50%; } } .image-with-text__figure { background-size: cover; background-position: 50% 50%; height: 100%; overflow: hidden; position: relative; } @media (min-width: 768px) { .image-with-text__img { opacity: 0; } } @media (min-width: 1200px) { .image-with-text__img { opacity: 1; } } .image-with-text__content { padding: 0 25px 25px; position: relative; z-index: 20; } @media (min-width: 768px) { .image-with-text__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .image-with-text__content { padding-top: 3vw; padding-bottom: 3vw; padding-right: 4.5vw; width: 50%; } } @media (min-width: 1500px) { .image-with-text__content { margin-left: 8.33333%; margin-right: 8.33333%; width: 33.33333%; } } .image-with-text__content p { letter-spacing: -.025em; font-size: 17px; } @media screen and (min-width: 100px) { .image-with-text__content p { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .image-with-text__content p { font-size: 21px; } } .image-with-text__content p:last-child { margin-bottom: 0; } .image-with-text__content p a { -webkit-transition: -webkit-box-shadow 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-box-shadow 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 450ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } @media (min-width: 768px) { .component-image-with-text--transparent .component-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .component-image-with-text--transparent .image-with-text__figure { background-size: 0 0; height: auto; } @media (min-width: 768px) { .component-image-with-text--transparent .image-with-text__img { opacity: 1; } } .component-image-with-text--transparent .image-with-text__content { padding: 0; } @media (min-width: 768px) and (min-width: 768px) { .component-image-with-text--transparent .image-with-text__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-image-with-text--right .image-with-text__art { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 768px) { .component-image-with-text--right .image-with-text__content { padding-top: 3vw; padding-bottom: 3vw; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 1.5vw; padding-left: 4.5vw; } } @media (min-width: 768px) { .component-image-with-text--right.component-image-with-text--transparent .image-with-text__content { padding-top: 0; padding-bottom: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 1.5vw; padding-left: 1.5vw; } } @media (min-width: 768px) { .component-image-with-text--full .component-inner, .component-image-with-text--full-center .component-inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media (min-width: 768px) { .component-image-with-text--full .image-with-text__art, .component-image-with-text--full-center .image-with-text__art { overflow: hidden; width: 100%; } } @media (min-width: 768px) { .component-image-with-text--full .image-with-text__art:after, .component-image-with-text--full-center .image-with-text__art:after { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 1.5vw; right: 1.5vw; background-color: rgba(0, 0, 0, 0.4); } } .component-image-with-text--full .image-with-text__figure, .component-image-with-text--full-center .image-with-text__figure { background-size: cover; background-position: 50% 50%; height: 100%; overflow: hidden; } @media (min-width: 768px) { .component-image-with-text--full .image-with-text__content, .component-image-with-text--full-center .image-with-text__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 3vw; padding-bottom: 3vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 8.33333%; padding-right: 1.5vw; width: 41.66667%; } } @media (min-width: 1500px) { .component-image-with-text--full .image-with-text__content, .component-image-with-text--full-center .image-with-text__content { margin-right: 8.33333%; width: 33.33333%; } } @media (min-width: 768px) { .component-image-with-text--full .image-with-text__content>*, .component-image-with-text--full-center .image-with-text__content>* { color: #ffffff; } } @media (min-width: 768px) { .component-image-with-text--full .image-with-text__content a, .component-image-with-text--full-center .image-with-text__content a { -webkit-box-shadow: inset 0 -1px #ffffff; box-shadow: inset 0 -1px #ffffff; color: #ffffff; } .component-image-with-text--full .image-with-text__content a:hover, .component-image-with-text--full .image-with-text__content a:focus, .component-image-with-text--full-center .image-with-text__content a:hover, .component-image-with-text--full-center .image-with-text__content a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); color: #ffffff; } } @media (min-width: 768px) { .component-image-with-text--full-center .component-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 768px) { .component-image-with-text--full-center .image-with-text__content { position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); margin-left: 0; margin-right: 0; text-align: center; width: 50%; } } @media (min-width: 1500px) { .component-image-with-text--full-center .image-with-text__content { width: 33.33333%; } } .linklist-list { list-style: none; margin: 0; padding: 0; counter-reset: link-list-count; } .linklist-header { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; margin: 6px 0 12px; } @media (min-width: 100px) and (max-width: 1999px) { .linklist-header { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .linklist-header { font-size: 14px; } } .linklist-item { font-size: 16px; margin-bottom: 12px; } @media screen and (min-width: 100px) { .linklist-item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .linklist-item { font-size: 18px; } } .component-linklist--numbers .linklist-item { counter-increment: link-list-count; padding-left: 35px; position: relative; } .component-linklist--numbers .linklist-item:before { position: absolute; top: 0; left: 0; color: #cccccc; content: "0" counter(link-list-count); } .linklist-item__link { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; color: #000000; } .linklist-item__link:hover, .linklist-item__link:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } @media (min-width: 768px) { .component-list .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-list .component-inner { margin: 0 auto; width: 66.66667%; } } @media (min-width: 1200px) { .component-list .component-inner { width: 50%; } } .component-list__list { list-style: none; margin: 0; padding: 0; } .component-list__item { margin-top: 15px; } @media (min-width: 1200px) { .component-list__item { margin-top: 30px; } } .component-list__item:first-child { margin-top: 0; } .component-list__item-link { display: block; height: 100%; } .component-list__item-title { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 23px; margin-bottom: 5px; } @media screen and (min-width: 100px) { .component-list__item-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-list__item-title { font-size: 34px; } } .component-list__item-link:hover .component-list__item-title, .component-list__item-link:focus .component-list__item-title { color: #767676; } .component-list__item-description { letter-spacing: -.025em; font-size: 17px; color: #767676; } @media screen and (min-width: 100px) { .component-list__item-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-list__item-description { font-size: 21px; } } .component-list__item-description p:last-child { margin-bottom: 0; } .component-list--numbers .component-list__list { counter-reset: number-list-count; } .component-list--numbers .component-list__item { counter-increment: number-list-count; } .component-list--numbers .component-list__item-title:before { color: #cccccc; content: "0" counter(number-list-count); display: inline; font-family: "america-comp", sans-serif; font-size: 1.5em; font-weight: 700; line-height: 1; margin-right: 10px; } .component-list--numbers .component-list__item:nth-child(n+10) .component-list__item-title:before { content: counter(number-list-count); } @media (min-width: 768px) { .component-list--basic.component-list--left .component-inner { margin: 0; } } @media (min-width: 768px) { .component-list--basic.component-list--right .component-inner { margin: 0 0 0 33.33333%; } } @media (min-width: 1200px) { .component-list--basic.component-list--right .component-inner { margin-left: 50%; } } @media (min-width: 768px) { .component-list--big .component-inner { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-list--big .component-inner { width: 100%; } } @media (min-width: 1200px) { .component-list--big .component-inner { width: 83.33333%; } } .component-list--big .component-list__item { position: relative; padding-top: 15px; } .component-list--big .component-list__item::before { content: " "; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .component-list--big .component-list__item::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 1200px) { .component-list--big .component-list__item { padding-top: 30px; } } .component-list--big .component-list__item:first-child { padding-top: 0; } .component-list--big .component-list__item:first-child:before { height: 0; } .component-list--big .component-list__item-content { position: relative; } @media (min-width: 768px) { .component-list--big .component-list__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .component-list--big .component-list__item-title { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-list--big .component-list__item-title { margin-bottom: 0; margin-right: 8.33333%; width: 50%; } } @media (min-width: 1200px) { .component-list--big .component-list__item-title { margin-right: 10%; width: 50%; } } .component-list--big .component-list__item-description { font-size: 16px; } @media (min-width: 768px) { .component-list--big .component-list__item-description { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .component-list--big .component-list__item-description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-list--big .component-list__item-description { font-size: 18px; } } @media (min-width: 768px) { .component-list--big .component-list__item-description { width: 41.66667%; } } @media (min-width: 768px) { .component-list--big .component-list__item-description { width: 40%; } } @media (min-width: 768px) { .component-list--numbers.component-list--big .component-list__item-content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media (min-width: 768px) { .component-list--numbers.component-list--big .component-list__item-title { margin-left: 8.33333%; margin-right: 8.33333%; width: 41.66667%; } } @media (min-width: 1200px) { .component-list--numbers.component-list--big .component-list__item-title { margin-left: 10%; margin-right: 10%; width: 40%; } } .component-list--numbers.component-list--big .component-list__item-title:before { display: block; margin-right: 0; margin-bottom: 5px; } @media (min-width: 768px) { .component-list--numbers.component-list--big .component-list__item-title:before { position: absolute; top: 0; left: 1.5vw; } } @media (min-width: 768px) { .component-list--grid .component-inner { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-list--grid .component-inner { width: 100%; } } @media (min-width: 768px) { .component-list--grid .component-list__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .component-list--grid .component-list__item { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; position: relative; } @media (min-width: 768px) { .component-list--grid .component-list__item { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-list--grid .component-list__item { border-top-width: 0; margin-top: 0; padding-top: 0; width: 33.33333%; } } @media (min-width: 1200px) { .component-list--grid .component-list__item { width: 25%; } } .component-list--grid .component-list__item:first-child { border-top-width: 0; padding-top: 0; } @media (min-width: 768px) { .component-list--grid .component-list__item:before { content: ''; width: 1px; height: 100%; background-color: #000000; opacity: 0.1; display: block; position: absolute; -webkit-transform: translateX(-1.5vw); transform: translateX(-1.5vw); } } .component-list--grid .component-list__item:first-child:before { width: 0; } @media (min-width: 768px) { .component-list--grid .component-list__item:nth-child(3n+1):before { width: 0; } } @media (min-width: 1200px) { .component-list--grid .component-list__item:nth-child(3n+1):before { width: 1px; } } @media (min-width: 1200px) { .component-list--grid .component-list__item:nth-child(4n+1):before { width: 0; } } @media (min-width: 768px) { .component-list--grid .component-list__item:nth-child(n+4) { margin-top: 60px; } } @media (min-width: 1200px) { .component-list--grid .component-list__item:nth-child(4) { margin-top: 0; } } @media (min-width: 1200px) { .component-list--grid .component-list__item:nth-child(n+5) { margin-top: 60px; } } @media (min-width: 768px) { .component-list--grid .component-list__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-list--grid .component-list__item-description { font-size: 16px; } @media screen and (min-width: 100px) { .component-list--grid .component-list__item-description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-list--grid .component-list__item-description { font-size: 18px; } } @media (min-width: 768px) { .component-list--numbers.component-list--grid .component-list__list { -ms-flex-line-pack: end; align-content: flex-end; } } .component-list--numbers.component-list--grid .component-list__item-title:before { display: block; margin-right: 0; margin-bottom: 5px; } @media (min-width: 768px) { .component-list--numbers.component-list--grid .component-list__item-title:before { position: absolute; top: 0; left: 1.5vw; } } @media (min-width: 768px) { .component-list--numbers.component-list--grid .component-list__item-content { -ms-flex-line-pack: end; align-content: flex-end; height: 100%; padding-top: 10vh; } } @charset "UTF-8"; @media (min-width: 768px) { .component-mixed-teases .component-inner { margin: 0 auto; width: 100%; } } .component-mixed-teases .mixed-teases__header { font-size: 23px; } @media (min-width: 768px) { .component-mixed-teases .mixed-teases__header { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .component-mixed-teases .mixed-teases__header { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-mixed-teases .mixed-teases__header { font-size: 34px; } } @media (min-width: 768px) { .component-mixed-teases .mixed-teases__list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .component-mixed-teases .mixed-teases__item { margin-bottom: 30px; } .component-mixed-teases .tease-type { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; display: block; margin-bottom: 8px; } @media (min-width: 100px) and (max-width: 1999px) { .component-mixed-teases .tease-type { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .component-mixed-teases .tease-type { font-size: 14px; } } .component-mixed-teases .tease-art { margin-bottom: 15px; } @media (min-width: 768px) { .component-mixed-teases .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-mixed-teases .tease-title { font-size: 23px; padding-top: 0; } @media screen and (min-width: 100px) { .component-mixed-teases .tease-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-mixed-teases .tease-title { font-size: 34px; } } .component-mixed-teases .tease-description { font-size: 17px; margin-top: 10px; padding-bottom: 10px; } @media screen and (min-width: 100px) { .component-mixed-teases .tease-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-mixed-teases .tease-description { font-size: 21px; } } @media (min-width: 768px) { .component-mixed-teases .tease-description { margin-top: 15px; padding-bottom: 35px; } } .component-mixed-teases .tease-date { font-size: 17px; color: #000000; font-weight: 700; text-transform: none; } @media screen and (min-width: 100px) { .component-mixed-teases .tease-date { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-mixed-teases .tease-date { font-size: 21px; } } .component-mixed-teases .tease-date:after { content: ' — '; } .component-mixed-teases .tease-location-link { color: #000000; font-weight: 700; } .component-mixed-teases .tease-location-link:after { content: ' '; } @media (min-width: 768px) { .component-mixed-teases--three-up .mixed-teases__item { width: 25%; } } @media (min-width: 768px) { .component-mixed-teases--three-up .mixed-teases__item:nth-child(2) { width: 50%; } } @media (min-width: 768px) { .component-mixed-teases--two-up .component-inner { margin: 0 auto; width: 100%; } } @media (min-width: 1200px) { .component-mixed-teases--two-up .component-inner { margin: 0 auto; width: 83.33333%; } } .component-mixed-teases--two-up .mixed-teases__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .component-mixed-teases--two-up .mixed-teases__item { width: 50%; } } @media (min-width: 768px) { .component-mixed-teases--two-up .mixed-teases__item:first-child { width: 50%; } } @media (min-width: 768px) { .component-newslist .component-inner { margin: 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .component-newslist .component-inner { width: 66.66667%; } } .component-newslist .news-list__header { font-size: 23px; } @media (min-width: 768px) { .component-newslist .news-list__header { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .component-newslist .news-list__header { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-newslist .news-list__header { font-size: 34px; } } .component-newslist .tease-title { font-size: 23px; } @media screen and (min-width: 100px) { .component-newslist .tease-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-newslist .tease-title { font-size: 34px; } } .component-newslist .tease-description, .component-newslist .tease-category { font-size: 17px; } @media screen and (min-width: 100px) { .component-newslist .tease-description, .component-newslist .tease-category { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-newslist .tease-description, .component-newslist .tease-category { font-size: 21px; } } .component-newslist .tease-description { margin-top: 10px; } @media (min-width: 768px) { .component-newslist .tease-description { margin-top: 15px; } } .component-newslist .tease-description p a { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; } .component-newslist .tease-description p a:hover, .component-newslist .tease-description p a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .component-newslist .tease:last-child .tease-content { margin-bottom: 0; } .component-newslist .tease-cta { padding-top: 30px; } @media (min-width: 768px) { .component-newslist .tease-cta { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-newslist .tease-cta { padding-top: 45px; } } @media (min-width: 768px) { .component-newslist--basic.component-newslist--left .component-inner { margin: 0; } } @media (min-width: 768px) { .component-newslist--basic.component-newslist--right .component-inner { margin: 0 0 0 16.66667%; } } @media (min-width: 1200px) { .component-newslist--basic.component-newslist--right .component-inner { margin-left: 33.33333%; } } .component-newslist--basic .tease--news { margin-top: 15px; } @media (min-width: 768px) { .component-newslist--basic .tease--news { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; } } @media (min-width: 1200px) { .component-newslist--basic .tease--news { margin-top: 45px; } } .component-newslist--basic .tease--news:first-child { margin-top: 0; } @media (min-width: 768px) { .component-newslist--basic .tease--news .tease-art, .component-newslist--basic .tease--news .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-newslist--basic .tease--news .tease-art, .component-newslist--basic .tease--news .tease-content { width: 50%; } } @media (min-width: 768px) { .component-newslist--grid .component-inner { width: 100%; } } @media (min-width: 768px) { .component-newslist--grid .component-newslist__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .component-newslist--grid .tease--news { border-top: 1px solid rgba(0, 0, 0, 0.1); counter-increment: grid-list-count; margin-top: 15px; padding-top: 15px; position: relative; } @media (min-width: 768px) { .component-newslist--grid .tease--news { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-newslist--grid .tease--news { border-top-width: 0; margin-top: 0; padding-top: 0; width: 33.33333%; } } @media (min-width: 1200px) { .component-newslist--grid .tease--news { width: 25%; } } .component-newslist--grid .tease--news:first-child { border-top-width: 0; padding-top: 0; } @media (min-width: 768px) { .component-newslist--grid .tease--news:before { content: ''; width: 1px; height: 100%; background-color: #000000; opacity: 0.1; display: block; position: absolute; -webkit-transform: translateX(-1.5vw); transform: translateX(-1.5vw); } } .component-newslist--grid .tease--news:first-child:before { width: 0; } @media (min-width: 768px) { .component-newslist--grid .tease--news:nth-child(3n+1):before { width: 0; } } @media (min-width: 1200px) { .component-newslist--grid .tease--news:nth-child(3n+1):before { width: 1px; } } @media (min-width: 1200px) { .component-newslist--grid .tease--news:nth-child(4n+1):before { width: 0; } } @media (min-width: 768px) { .component-newslist--grid .tease--news:nth-child(n+4) { margin-top: 60px; } } @media (min-width: 1200px) { .component-newslist--grid .tease--news:nth-child(4) { margin-top: 0; } } @media (min-width: 1200px) { .component-newslist--grid .tease--news:nth-child(n+5) { margin-top: 60px; } } .component-newslist--grid .tease-title { font-size: 20px; } @media screen and (min-width: 100px) { .component-newslist--grid .tease-title { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-newslist--grid .tease-title { font-size: 28px; } } @media (min-width: 768px) { .component-newslist--grid .tease-art { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-newslist--collage .component-inner { width: 100%; } } @media (min-width: 768px) { .component-newslist--collage .component-newslist__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .component-newslist--collage .tease--news { margin-top: 15px; padding-top: 15px; position: relative; } @media (min-width: 768px) { .component-newslist--collage .tease--news { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-newslist--collage .tease--news { margin-top: 0; padding-top: 0; width: 33.33333%; } } @media (min-width: 1200px) { .component-newslist--collage .tease--news { width: 25%; } } .component-newslist--collage .tease--news:first-child { border-top-width: 0; padding-top: 0; } @media (min-width: 768px) { .component-newslist--collage .tease--news:nth-child(4n+1) { width: 66.66667%; } .component-newslist--collage .tease--news:nth-child(4n+1) .tease-title { font-size: 26px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-newslist--collage .tease--news:nth-child(4n+1) .tease-title { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-newslist--collage .tease--news:nth-child(4n+1) .tease-title { font-size: 48px; } } @media (min-width: 1200px) { .component-newslist--collage .tease--news:nth-child(4n+1) { width: 50%; } } @media (min-width: 768px) { .component-newslist--collage .tease--news:nth-child(1) { width: 66.66667%; } } @media (min-width: 1200px) { .component-newslist--collage .tease--news:nth-child(1) { width: 50%; } } @media (min-width: 768px) { .component-newslist--collage .tease--news:nth-child(n+1) { margin-top: 60px; } } @media (min-width: 1200px) { .component-newslist--collage .tease--news:nth-child(n+1) { margin-top: 0; } } @media (min-width: 768px) { .component-newslist--collage .tease--news:nth-child(3) { margin-top: 60px; } } @media (min-width: 1200px) { .component-newslist--collage .tease--news:nth-child(3) { margin-top: 0; } } @media (min-width: 768px) { .component-newslist--collage .tease--news:nth-child(n+4) { margin-top: 60px; } } @media (min-width: 768px) { .component-newslist--collage .tease-art { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-group .component-filters--expanded+.component-newslist--basic .tease-art { width: 33.33333%; } } @media (min-width: 768px) { .component-group .component-filters--expanded+.component-newslist--basic .tease-content { width: 66.66667%; } } @media (min-width: 768px) { .component-group .component-filters--collapsed+.component-newslist--basic .tease-art { width: 25%; } } @media (min-width: 768px) { .component-group .component-filters--collapsed+.component-newslist--basic .tease-content { width: 75%; } } @media (min-width: 1200px) { .component-group .component-filters--collapsed+.component-newslist--basic .tease-content .tease-description { width: 50%; } } @media (min-width: 1200px) { .component-group .component-filters--expanded+.component-newslist--grid .tease--news { width: 33.33333%; } } @media (min-width: 1200px) { .component-group .component-filters--expanded+.component-newslist--grid .tease--news:nth-child(2n+1):before { width: 1px; } } @media (min-width: 1200px) { .component-group .component-filters--expanded+.component-newslist--grid .tease--news:nth-child(3n+1):before { width: 0; } } @media (min-width: 1200px) { .component-group .component-filters--expanded+.component-newslist--grid .tease--news:nth-child(1):before { width: 0; } } @media (min-width: 1200px) { .component-group .component-filters--expanded+.component-newslist--grid .tease--news:nth-child(4) { margin-top: 60px; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .component-inner { width: 100%; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news { margin: 0 0 0 8.33333%; width: 83.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news { padding-left: 0; padding-right: 0; } } @media (min-width: 1200px) { .component-newslist.component-newslist--feature .tease--news { margin-left: 16.66667%; width: 66.66667%; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 35px 0; width: 100%; } } @media (min-width: 768px) and (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child:before { display: none; } } .component-newslist.component-newslist--feature .tease--news:first-child .tease-art { display: block; } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-art { width: 50%; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-content { display: block; width: 50%; } } @media (min-width: 768px) and (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-newslist.component-newslist--feature .tease--news:first-child .tease-titles { width: 100%; } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-titles { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-titles { padding-bottom: 10px; } } .component-newslist.component-newslist--feature .tease--news:first-child .tease-title { font-size: 30px; } @media screen and (min-width: 100px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-title { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-title { font-size: 66px; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-title { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 10px; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-date { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .component-newslist.component-newslist--feature .tease--news:first-child .tease-location-link { font-size: 17px; } @media screen and (min-width: 100px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-location-link { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-location-link { font-size: 21px; } } .component-newslist.component-newslist--feature .tease--news:first-child .tease-description { font-size: 17px; width: 100%; padding-bottom: 20px; } @media screen and (min-width: 100px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-description { font-size: 21px; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-description { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease--news:first-child .tease-description { margin-top: 10px; padding-bottom: 10px; } } .component-newslist.component-newslist--feature .tease-art { display: none; } .component-newslist.component-newslist--feature .tease-content { width: 100%; } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) and (min-width: 768px) { .component-newslist.component-newslist--feature .tease-content { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease-titles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; padding-bottom: 35px; width: 50%; } } @media (min-width: 768px) and (min-width: 768px) { .component-newslist.component-newslist--feature .tease-titles { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease-title { margin-bottom: 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease-date { margin-bottom: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .component-newslist.component-newslist--feature .tease-description { padding-bottom: 20px; } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease-description { margin-top: 0; padding-bottom: 35px; width: 50%; } } @media (min-width: 768px) and (min-width: 768px) { .component-newslist.component-newslist--feature .tease-description { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-newslist.component-newslist--feature .tease-cta { margin: 0 0 0 8.33333%; width: 83.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .component-newslist.component-newslist--feature .tease-cta { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .component-newslist.component-newslist--feature .tease-cta { margin-left: 16.66667%; width: 66.66667%; } } @charset "UTF-8"; .component-page-header { margin-top: 30px; } @media (min-width: 1200px) { .component-page-header { margin-top: 60px; } } .component-page-header .component-inner { position: relative; } @media (min-width: 768px) { .component-page-header .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .breadcrumb-list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; } @media (min-width: 768px) { .breadcrumb-list { padding-left: 1.5vw; padding-right: 1.5vw; } } .breadcrumb-item { color: #767676; font-size: 11px; padding-left: 8px; } .breadcrumb-item:before { content: "·"; } .breadcrumb-item:first-child { padding-left: 0; } .breadcrumb-item:first-child:before { content: ""; } .breadcrumb-item__link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #767676; margin-left: 8px; text-transform: uppercase; } .breadcrumb-item__link:hover, .breadcrumb-item__link:focus { color: #000000; } .breadcrumb-item:first-child .breadcrumb-item__link { margin-left: 0; } .page-header__art { margin-bottom: 15px; position: relative; } @media (min-width: 768px) { .page-header__art { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .page-header__art { margin-bottom: 0; } } .page-header__figure-caption { border-bottom: 1px solid #dddddd; color: #767676; font-size: 13px; line-height: 1.35; margin-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .page-header__figure-caption { border-bottom: none; padding-bottom: 0; } } @media (min-width: 768px) { .page-header__content { padding-left: 1.5vw; padding-right: 1.5vw; } } .page-header__title { margin-bottom: 0; } @media (min-width: 768px) { .component-page-header--center .component-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-page-header--center .breadcrumb-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (min-width: 768px) { .component-page-header--center .page-header__art { margin-bottom: 30px; margin-left: 8.33333%; margin-right: 8.33333%; width: 83.33333%; } } @media (min-width: 1200px) { .component-page-header--center .page-header__art { margin-bottom: 45px; margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } @media (min-width: 768px) { .component-page-header--center .page-header__figure-caption { margin-right: calc(50% + 1.5vw); } } @media (min-width: 768px) { .component-page-header--center .page-header__content { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } @media (min-width: 1200px) { .component-page-header--center .page-header__content { margin-left: 25%; margin-right: 25%; width: 50%; } } .component-page-header--center .page-header__title { text-align: center; } @media (min-width: 768px) { .component-page-header--left .page-header__art, .component-page-header--left .page-header__content, .component-page-header--right .page-header__art, .component-page-header--right .page-header__content { width: 50%; } } .component-page-header--right .page-header__art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .component-page-header--right .page-header__art { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .component-page-header--right .page-header__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-page-header--right .page-header__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-page-header--right .page-header__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 768px) { .component-page-header--image.component-page-header--full { margin-top: 0; } } .component-page-header--image.component-page-header--full .component-inner { padding-top: 0; } @media (min-width: 768px) { .component-page-header--image.component-page-header--full .component-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-page-header--image.component-page-header--full .breadcrumb-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (min-width: 768px) { .component-page-header--image.component-page-header--full .breadcrumb-list { margin-bottom: 15px; position: static; } } @media (min-width: 768px) { .component-page-header--image.component-page-header--full .page-header__art { margin-bottom: 30px; width: 100%; } } @media (min-width: 1200px) { .component-page-header--image.component-page-header--full .page-header__art { margin-bottom: 45px; } } @media (min-width: 768px) { .component-page-header--image.component-page-header--full .page-header__figure-caption { margin-right: calc(50% + 1.5vw); } } @media (min-width: 768px) { .component-page-header--image.component-page-header--full .page-header__content { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } @media (min-width: 1200px) { .component-page-header--image.component-page-header--full .page-header__content { margin-left: 25%; margin-right: 25%; width: 50%; } } .component-page-header--image.component-page-header--full .page-header__title { text-align: center; } @media (min-width: 768px) { .component-page-header--no-image .component-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1200px) { .component-page-header--no-image .component-inner { padding-top: 45px; } } .component-page-header--no-image .breadcrumb-list { width: 100%; } @media (min-width: 768px) { .component-page-header--no-image .breadcrumb-list { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-page-header--no-image .breadcrumb-list { margin-bottom: 15px; position: static; } } @media (min-width: 768px) { .component-page-header--no-image .page-header__content { margin-left: 8.33333%; margin-right: 16.66667%; padding-top: 30px; width: 75%; } } @media (min-width: 1200px) { .component-page-header--no-image .page-header__content { margin-right: 33.33333%; width: 58.33333%; } } .component-page-header--no-image .page-header__title { text-align: left; } @media (min-width: 768px) { .component-page-header--no-image .page-header__title { margin-bottom: 0; } } .component-page-header--no-image.component-page-header--left .component-inner, .component-page-header--no-image.component-page-header--right .component-inner { padding-top: 0; } .component-page-header--no-image.component-page-header--left .page-header__content, .component-page-header--no-image.component-page-header--right .page-header__content { padding-top: 0; } .component-page-header--no-image.component-page-header--center .component-inner, .component-page-header--no-image.component-page-header--full .component-inner { padding-top: 0; } .component-page-header--no-image.component-page-header--center .page-header__content, .component-page-header--no-image.component-page-header--full .page-header__content { padding-top: 0; } @media (min-width: 768px) { .component-page-header--no-image.component-page-header--center .page-header__content, .component-page-header--no-image.component-page-header--full .page-header__content { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } @media (min-width: 1200px) { .component-page-header--no-image.component-page-header--center .page-header__content, .component-page-header--no-image.component-page-header--full .page-header__content { margin-left: 25%; margin-right: 25%; width: 50%; } } .component-page-header--no-image.component-page-header--center .breadcrumb-list, .component-page-header--no-image.component-page-header--full .breadcrumb-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .component-page-header--no-image.component-page-header--center .breadcrumb-list, .component-page-header--no-image.component-page-header--full .breadcrumb-list { margin-bottom: 15px; margin-left: 0; } } .component-page-header--no-image.component-page-header--center .page-header__title, .component-page-header--no-image.component-page-header--full .page-header__title { text-align: center; } .component-page-header-index { margin-top: 30px; } @media (min-width: 768px) { .component-page-header-index { margin-top: 60px; } } .component-page-header-index .component-inner { position: relative; } @media (min-width: 768px) { .component-page-header-index .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-page-header-index .component-inner { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } @media (min-width: 1200px) { .component-page-header-index .component-inner { margin-left: 25%; margin-right: 25%; width: 50%; } } .component-page-header-index .breadcrumb-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 30px; width: 100%; } .page-header-index__title { font-size: 36px; font-family: "tiempos-f", serif; margin-bottom: 0; padding-top: 20px; text-align: center; } @media screen and (min-width: 100px) { .page-header-index__title { font-size: calc(36px + 60 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header-index__title { font-size: 96px; } } .page-header-index__intro { margin-top: 30px; } .page-header-index__intro h1, .page-header-index__intro .h1 { font-size: 36px; line-height: 1.1; } @media screen and (min-width: 100px) { .page-header-index__intro h1, .page-header-index__intro .h1 { font-size: calc(36px + 60 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header-index__intro h1, .page-header-index__intro .h1 { font-size: 96px; } } .page-header-index__intro p+h1, .page-header-index__intro ul+h1, .page-header-index__intro ol+h1 { margin-top: 60px; } @media (min-width: 768px) { .page-header-index__intro p+h1, .page-header-index__intro ul+h1, .page-header-index__intro ol+h1 { margin-top: 90px; } } .page-header-index__intro h2, .page-header-index__intro .h2 { font-size: 30px; line-height: 1.1; } @media screen and (min-width: 100px) { .page-header-index__intro h2, .page-header-index__intro .h2 { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header-index__intro h2, .page-header-index__intro .h2 { font-size: 66px; } } .page-header-index__intro p+h2, .page-header-index__intro ul+h2, .page-header-index__intro ol+h2 { margin-top: 10vmin; } @media (min-width: 1200px) { .page-header-index__intro p+h2, .page-header-index__intro ul+h2, .page-header-index__intro ol+h2 { margin-top: 5vmin; } } .page-header-index__intro h3, .page-header-index__intro .h3 { font-size: 26px; line-height: 1.1; } @media screen and (min-width: 100px) { .page-header-index__intro h3, .page-header-index__intro .h3 { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header-index__intro h3, .page-header-index__intro .h3 { font-size: 48px; } } @media (min-width: 768px) { .page-header-index__intro p+h3, .page-header-index__intro ul+h3, .page-header-index__intro ol+h3 { margin-top: 45px; } } .page-header-index__intro h4, .page-header-index__intro .h4 { font-size: 23px; } @media screen and (min-width: 100px) { .page-header-index__intro h4, .page-header-index__intro .h4 { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header-index__intro h4, .page-header-index__intro .h4 { font-size: 34px; } } @media (min-width: 768px) { .page-header-index__intro p+h4, .page-header-index__intro ul+h4, .page-header-index__intro ol+h4 { margin-top: 35px; } } .page-header-index__intro h5, .page-header-index__intro .h5 { font-size: 17px; } @media screen and (min-width: 100px) { .page-header-index__intro h5, .page-header-index__intro .h5 { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header-index__intro h5, .page-header-index__intro .h5 { font-size: 21px; } } @media (min-width: 768px) { .page-header-index__intro p+h5, .page-header-index__intro ul+h5, .page-header-index__intro ol+h5 { margin-top: 25px; } } .page-header-index__intro h6, .page-header-index__intro .h6 { font-size: 16px; } @media screen and (min-width: 100px) { .page-header-index__intro h6, .page-header-index__intro .h6 { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header-index__intro h6, .page-header-index__intro .h6 { font-size: 18px; } } .page-header-index__intro ul, .page-header-index__intro ol { margin-bottom: 25px; } .page-header-index__intro ul { list-style-type: disc; padding-left: 20px; } .page-header-index__intro p, .page-header-index__intro li { letter-spacing: -.025em; font-size: 17px; font-family: "america", sans-serif; line-height: 1.6; } @media screen and (min-width: 100px) { .page-header-index__intro p, .page-header-index__intro li { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header-index__intro p, .page-header-index__intro li { font-size: 21px; } } .page-header-index__intro li { margin-bottom: 10px; } @media (min-width: 768px) { .page-header-index__intro li { margin-bottom: 15px; } } .page-header-index__intro li:last-child { margin-bottom: 0; } .page-header-index__intro ol { counter-reset: base-ol-count; list-style: none; padding-left: 0; } .page-header-index__intro ol li { counter-increment: subnav-count; padding-left: 30px; position: relative; } .page-header-index__intro ol li:before { position: absolute; top: -0.075em; left: 0; color: #333333; content: counter(subnav-count) "."; font-family: "america", sans-serif; } @media (min-width: 768px) { .page-header-index__intro { margin-top: 60px; } } .page-header-index__intro *:last-child { margin-bottom: 0; } .component-subsite-page-header { padding: 0 0 65px; } @media (min-width: 768px) { .component-subsite-page-header { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-subsite-page-header { padding: 0 0 3vw; } } .component-subsite-page-header .component-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 5vw; position: relative; overflow: hidden; } @media (min-width: 768px) { .component-subsite-page-header .component-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 100%; } } .component-subsite-page-header .component-inner:before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: -1.5vw; height: 100%; z-index: 10; } .subsite-page-header__figure { height: 100%; overflow: hidden; position: relative; } .subsite-page-header__art { overflow: hidden; width: 100vw; } @media (min-width: 768px) { .subsite-page-header__art:after { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: -1.5vw; background-color: rgba(0, 0, 0, 0.4); } } .subsite-page-header__img { height: 100%; width: 100vw; } @media (min-width: 768px) { .subsite-page-header__img { height: auto; width: 100%; } } .subsite-page-header__content { margin: 0 auto; padding: 5vw 0; text-align: center; width: 100%; z-index: 20; } @media (min-width: 768px) { .subsite-page-header__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .subsite-page-header__content { position: absolute; top: 25%; right: 0; left: 0; padding: 0; width: 83.33333%; } } @media (min-width: 1200px) { .subsite-page-header__content { top: 33.33%; width: 50%; } } .subsite-page-header__content .subsite-page-header__title { font-size: 36px; font-family: "america-comp", sans-serif; margin-bottom: 5px; text-transform: uppercase; } @media screen and (min-width: 100px) { .subsite-page-header__content .subsite-page-header__title { font-size: calc(36px + 84 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .subsite-page-header__content .subsite-page-header__title { font-size: 120px; } } @media (min-width: 768px) { .subsite-page-header__content .subsite-page-header__title { color: #ffffff; } } .subsite-page-header__content .subsite-page-header__subhead { letter-spacing: -.025em; font-size: 17px; margin: 0 auto; } @media screen and (min-width: 100px) { .subsite-page-header__content .subsite-page-header__subhead { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .subsite-page-header__content .subsite-page-header__subhead { font-size: 21px; } } .subsite-page-header__content .subsite-page-header__subhead:last-child { margin-bottom: 0; } @media (min-width: 768px) { .subsite-page-header__content .subsite-page-header__subhead { color: #ffffff; max-width: 400px; } } .subsite-page-header__ctas { position: relative; margin-top: 30px; z-index: 30; } @media (min-width: 768px) { .subsite-page-header__ctas { margin-top: 50px; } } .subsite-page-header__cta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #cc0035; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; cursor: pointer; margin-right: 24px; } @media (min-width: 768px) { .subsite-page-header__cta { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .subsite-page-header__cta { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .subsite-page-header__cta { font-size: 18px; } } .subsite-page-header__cta:hover, .subsite-page-header__cta:focus { background-color: rgba(204, 0, 53, 0.65); } @media (min-width: 768px) { .subsite-page-header__cta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #ffffff; border-radius: 30px; color: #000000; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; margin: 0 12px; } } @media (min-width: 768px) and (min-width: 768px) { .subsite-page-header__cta { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 100px) { .subsite-page-header__cta { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 2000px) { .subsite-page-header__cta { font-size: 18px; } } @media (min-width: 768px) { .subsite-page-header__cta:hover, .subsite-page-header__cta:focus { background-color: rgba(255, 255, 255, 0.65); } } .subsite-page-header__cta:hover { background-color: #000000; color: #ffffff; } .component-pagination .component-inner { position: relative; } @media (min-width: 768px) { .component-pagination .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-pagination .component-inner { margin: 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .component-pagination .component-inner { width: 50%; } } .pagination-nav__text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pagination-nav__text.focusable:active, .pagination-nav__text.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .pagination-nav__previous { position: absolute; top: 0; left: 1.5vw; } @media (min-width: 768px) { .pagination-nav__previous { left: 1.5vw; } } .pagination-nav__next { position: absolute; top: 0; right: 0; } @media (min-width: 768px) { .pagination-nav__next { right: 1.5vw; z-index: 20; } } .pagination-nav__icon { width: 36px; height: 36px; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border: 1px solid #999999; border-radius: 50%; padding: 0; } @media (min-width: 768px) { .pagination-nav__icon { width: 44px; height: 44px; } } .pagination-nav__icon svg { -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); display: block; } .pagination-nav__disabled .pagination-nav__icon { pointer-events: none; opacity: .2; } .pagination-nav__icon:hover, .pagination-nav__icon:focus, .pagination-nav__icon:active { background-color: #000000; cursor: pointer; outline: none; } .pagination-nav__icon:hover svg *, .pagination-nav__icon:focus svg *, .pagination-nav__icon:active svg * { fill: #ffffff; } .pagination-nav__previous .pagination-nav__icon svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .pagination-nav__next .pagination-nav__icon svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .pagination-pages-list { list-style: none; margin: 0; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; padding-left: 44px; padding-right: 44px; width: 100%; z-index: 10; } @media (min-width: 768px) { .pagination-pages-list { min-height: 44px; padding-left: 60px; padding-right: 60px; } } .pagination-list-item { font-size: 17px; line-height: 1; margin-left: 10px; } @media screen and (min-width: 100px) { .pagination-list-item { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .pagination-list-item { font-size: 21px; } } .pagination-list-item:first-child { margin-left: 0; } .pagination-list-item--link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #555555; padding: 5px; } .pagination-list-item--link:hover, .pagination-list-item--link:focus { color: #000000; } .pagination-list-item--current { width: 44px; height: 44px; font-size: 17px; border: 1px solid #000000; border-radius: 50px; color: #000000; font-weight: 700; line-height: 1; padding: 11px; text-align: center; } @media screen and (min-width: 100px) { .pagination-list-item--current { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .pagination-list-item--current { font-size: 21px; } } @media (min-width: 768px) { .component-people-list .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } .people-list__header { margin-bottom: 0; } @media (min-width: 768px) { .people-list__header { padding-left: 1.5vw; padding-right: 1.5vw; } } .people-list__title { font-size: 17px; font-family: "tiempos-h", serif; line-height: 1; } @media screen and (min-width: 100px) { .people-list__title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .people-list__title { font-size: 21px; } } .people-list__list { list-style: none; margin: 0; padding: 0; } .people-list__item { margin-top: 15px; } @media (min-width: 1200px) { .people-list__item { margin-top: 30px; } } .people-list__item-description { font-size: 17px; color: #767676; line-height: 1.35; } @media screen and (min-width: 100px) { .people-list__item-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .people-list__item-description { font-size: 21px; } } .people-list__item-description p:last-child { margin-bottom: 0; } .people-list__item-name { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; font-weight: 700; } .people-list__item-name:after { content: ' '; } .people-list__item-area { letter-spacing: -.025em; font-size: 17px; color: #767676; display: block; } @media screen and (min-width: 100px) { .people-list__item-area { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .people-list__item-area { font-size: 21px; } } .people-list__item-bio { letter-spacing: -.025em; color: #555555; } @media (min-width: 768px) { .component-people-list--grid .component-inner { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-people-list--grid .component-inner { width: 100%; } } @media (min-width: 768px) { .component-people-list--grid .people-list__list { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-people-list--grid .people-list__item { padding-top: 15px; position: relative; } @media (min-width: 768px) { .component-people-list--grid .people-list__item { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-people-list--grid .people-list__item { margin-bottom: 0; padding-top: 0; width: 33.33333%; } } @media (min-width: 1200px) { .component-people-list--grid .people-list__item { width: 25%; } } .component-people-list--grid .people-list__item:first-child { margin-top: 0; padding-top: 0; } @media (min-width: 768px) { .component-people-list--grid .people-list__item .tease-art { padding-left: 0; padding-right: 0; } } .component-people-list--grid .people-list__item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .component-people-list--grid .people-list__item-inner { display: block; } } .component-people-list--grid .tease-art { margin-bottom: 0; width: 40%; } @media (min-width: 768px) { .component-people-list--grid .tease-art { margin-bottom: 15px; width: 100%; } } .component-people-list--grid .people-list__item-content { padding-left: 15px; width: 60%; } @media (min-width: 768px) { .component-people-list--grid .people-list__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; width: 100%; } } @media (min-width: 768px) { .component-people-list--carousel .component-inner { padding-left: 0; padding-right: 0; } } .component-people-list--carousel .people-list__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 768px) { .component-people-list--carousel .people-list__header { margin-left: 8.33333%; } } .component-people-list--carousel .people-list__title { margin-bottom: 0; } .component-people-list--carousel .people-list__list { position: relative; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .component-people-list--carousel .people-list__list { margin-left: 8.33333%; } } .component-people-list--carousel .people-list__item { padding-left: 5vw; padding-right: 5vw; padding-right: 0; position: relative; } @media (min-width: 768px) { .component-people-list--carousel .people-list__item { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-people-list--carousel .people-list__item:not(.tns-item) { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 50%; } @media (min-width: 768px) { .component-people-list--carousel .people-list__item:not(.tns-item) { width: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; } } @media (min-width: 1200px) { .component-people-list--carousel .people-list__item:not(.tns-item) { width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } } @media (min-width: 768px) { .component-people-list--carousel .people-list__item .tease-art { padding-left: 0; padding-right: 0; } } .component-people-list--carousel .people-xscroll__controls { display: -webkit-box; display: -ms-flexbox; display: flex; } .component-people-list--carousel .people-xscroll__controls .xscroll__arrow--left { margin-right: 1rem; } @media (min-width: 768px) { .component-people-list--stacked .component-inner { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-people-list--stacked .component-inner { width: 100%; } } @media (min-width: 1200px) { .component-people-list--stacked .component-inner { margin-left: 16.66667%; width: 66.66667%; } } .component-people-list--stacked .people-list__item { margin-bottom: 30px; } @media (min-width: 768px) { .component-people-list--stacked .people-list__item { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; width: 100%; } } @media (min-width: 768px) { .component-people-list--stacked .people-list__item .people-list__item-inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media (min-width: 768px) { .component-people-list--stacked .people-list__item .tease-art { margin-bottom: 0; width: 33.33333%; } } @media (min-width: 1200px) { .component-people-list--stacked .people-list__item .tease-art { width: 37.5%; } } @media (min-width: 768px) { .component-people-list--stacked .people-list__item .people-list__item-content { width: 66.66667%; } } @media (min-width: 768px) and (min-width: 768px) { .component-people-list--stacked .people-list__item .people-list__item-content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .component-people-list--stacked .people-list__item .people-list__item-content { width: 62.5%; } } .component-people-list--stacked .people-list__item .people-list__item-name { font-size: 26px; display: block; font-family: "america-comp", sans-serif; font-weight: 700; line-height: 1.1; text-transform: uppercase; } @media screen and (min-width: 100px) { .component-people-list--stacked .people-list__item .people-list__item-name { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-people-list--stacked .people-list__item .people-list__item-name { font-size: 48px; } } @media (min-width: 768px) { .component-people-list--list .component-inner { padding-left: 0; padding-right: 0; } } .component-people-list--list .people-list__item { position: relative; margin-top: 15px; padding-bottom: 15px; } .component-people-list--list .people-list__item::before { content: " "; display: block; position: absolute; right: 0; bottom: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .component-people-list--list .people-list__item::before { left: 1.5vw; right: 1.5vw; } } .component-people-list--list .people-list__item:first-child { margin-top: 0; } .component-people-list--list .tease-art { display: none; } @media (min-width: 768px) { .component-people-list--list .people-list__item-description { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .component-people-list--list .people-list__item-link, .component-people-list--list .people-list__item-area { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-people-list--list .people-list__item-link, .component-people-list--list .people-list__item-area { width: 50%; } } @media (min-width: 768px) { .component-people-list--small.component-people-list--grid .people-list__item { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-people-list--small.component-people-list--grid .people-list__item { width: 25%; } } @media (min-width: 1200px) { .component-people-list--small.component-people-list--grid .people-list__item { width: 16.66667%; } } .component-people-list--small.component-people-list--grid .people-list__item-description { font-size: 16px; } @media screen and (min-width: 100px) { .component-people-list--small.component-people-list--grid .people-list__item-description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-people-list--small.component-people-list--grid .people-list__item-description { font-size: 18px; } } .component-people-list--small.component-people-list--grid .people-list__item-description .people-list__item-name { display: block; } .component-people-list--small.component-people-list--grid .people-list__item-description .people-list__item-area { font-size: 16px; } @media screen and (min-width: 100px) { .component-people-list--small.component-people-list--grid .people-list__item-description .people-list__item-area { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-people-list--small.component-people-list--grid .people-list__item-description .people-list__item-area { font-size: 18px; } } @media (min-width: 1200px) { .component-people-list--small.component-people-list--stacked .component-inner { margin-left: 25%; width: 50%; } } @media (min-width: 768px) { .component-people-list--small.component-people-list--stacked .tease-art { width: 33.33333%; } } @media (min-width: 768px) { .component-people-list--small.component-people-list--stacked .people-list__item-content { width: 66.66667%; } } @media (min-width: 768px) { .component-group .component-filters--expanded+.component-people-list--grid .people-list__item { width: 33.33333%; } } @media (min-width: 768px) { .component-qa .component-inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 100%; } } @media (min-width: 1200px) { .component-qa .component-inner { width: 83.33333%; } } .component-qa__art { margin-bottom: 15px; } @media (min-width: 768px) { .component-qa__art { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-qa__art { margin-bottom: 0; width: 41.66667%; } } @media (min-width: 1200px) { .component-qa__art { width: 50%; } } @media (min-width: 768px) { .component-qa__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-qa__content { width: 58.33333%; } } @media (min-width: 1200px) { .component-qa__content { width: 50%; } } .component-qa__title { font-size: 26px; margin-bottom: 10px; } @media screen and (min-width: 100px) { .component-qa__title { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-qa__title { font-size: 48px; } } @media (min-width: 768px) { .component-qa__title { margin-bottom: 20px; } } .component-qa__description { letter-spacing: -.025em; font-size: 17px; padding-bottom: 30px; } @media screen and (min-width: 100px) { .component-qa__description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-qa__description { font-size: 21px; } } @media (min-width: 768px) { .component-qa__description { padding-bottom: 0; } } .component-qa__description p:last-child { margin-bottom: 0; } .component-qa__description a { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; } .component-qa__description a:hover, .component-qa__description a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .component-qa__cta { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-top: 0; } @media (min-width: 768px) { .component-qa__cta { padding-top: 35px; } } @media (min-width: 768px) { .component-qa.component-qa--no-image .component-inner { margin: 0 auto; width: 66.66667%; } } @media (min-width: 1200px) { .component-qa.component-qa--no-image .component-inner { width: 50%; } } .component-qa.component-qa--no-image .component-qa__content { width: 100%; } @media (min-width: 768px) { .component-qa--image.component-qa--reverse .component-inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-left: 0; margin-right: 0; } } @media (min-width: 1200px) { .component-qa--image.component-qa--reverse .component-inner { margin-left: 8.33333%; } } @charset "UTF-8"; @media (min-width: 768px) { .component-quote .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-quote .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .component-quote .component-inner { width: 66.66667%; } } .quote__text { font-size: 26px; color: #000000; font-family: "tiempos-h", serif; font-style: italic; font-weight: 700; line-height: 1.2; position: relative; text-align: center; } @media screen and (min-width: 100px) { .quote__text { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .quote__text { font-size: 48px; } } .quote__text:before { content: "“"; } .quote__text:after { content: "”"; } .quote__attr { letter-spacing: -.025em; font-size: 17px; font-family: "america", sans-serif; margin-bottom: 0; text-align: center; width: 100%; } @media screen and (min-width: 100px) { .quote__attr { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .quote__attr { font-size: 21px; } } .component-quote--left .quote__text, .component-quote--left .quote__attr { padding-left: 3px; text-align: left; } @media (min-width: 768px) { .component-quote--left .quote__text, .component-quote--left .quote__attr { padding-left: 0; } } .component-quote--left .quote__text:before { position: absolute; right: 100%; } .component-recirculation { padding-bottom: 120px; } @media (min-width: 1200px) { .component-recirculation { padding-bottom: 150px; } } .component-recirculation .component-overline { text-align: center; } .recirculation-group--carousel { margin-left: -5vw; margin-right: -5vw; } @media (min-width: 768px) { .recirculation-group--carousel { margin-left: -1.5vw; margin-right: -1.5vw; } } @media (min-width: 768px) { .recirculation-group:not(.recirculation-group--carousel) { margin-left: 8.33333%; margin-right: 8.33333%; width: 83.33333%; } } @media (min-width: 1200px) { .recirculation-group:not(.recirculation-group--carousel) { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } .recirculation-group { position: relative; } .recirculation-group .carousel__controls { position: absolute; top: 32vw; margin-top: 0; width: 100%; } @media (min-width: 768px) { .recirculation-group .carousel__controls { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .recirculation-group .carousel__controls { top: 14vw; } } .recirculation-group .carousel__controls .carousel__controls-inner { padding-top: 0; } @media (min-width: 768px) { .recirculation-group .carousel__controls .carousel__controls-inner { margin: 0; width: 50%; margin-left: 25%; } } @media (min-width: 768px) and (min-width: 768px) { .recirculation-group .carousel__controls .carousel__controls-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } .recirculation-group .carousel__controls .carousel__controls-inner:before { display: none; } .recirculation-group .carousel__controls .carousel__controls-inner .carousel__arow--left { margin-left: -22px; } .recirculation-group .carousel__controls .carousel__controls-inner .carousel__arow--right { margin-right: -22px; } .recirculation-list { list-style: none; margin: 0; padding: 0; } .tns-slide-active:not(.slide--focus) * { cursor: -webkit-grab; cursor: grab; } @media (min-width: 768px) { .tease--recirculation { padding-left: 1.5vw; padding-right: 1.5vw; } } .tns-slider .tease--recirculation { -webkit-transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0.25; -webkit-transform: scale(0.9); transform: scale(0.9); } .slide--focus .tease--recirculation { opacity: 1; } @media (min-width: 768px) { .slide--focus .tease--recirculation { -webkit-transform: scale(1); transform: scale(1); } } .tease--recirculation .tease-art { padding: 0px; } .tease--recirculation .tease-type { margin-bottom: 10px; } @media (min-width: 768px) { .tease--recirculation .tease-type { padding-left: 0; padding-right: 0; } } .marquee__title { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 30px; text-align: center; } @media (min-width: 768px) { .marquee__title { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 100px) and (max-width: 1999px) { .marquee__title { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .marquee__title { font-size: 14px; } } @media (min-width: 1200px) { .marquee__title { margin-bottom: 45px; } } .marquee__tracks { margin-left: -5vw; margin-right: -5vw; overflow: hidden; } @media (min-width: 768px) { .marquee__tracks { margin-left: -1.5vw; margin-right: -1.5vw; } } .marquee__track { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 0; } .marquee__track:nth-child(odd) { margin-left: 10vh; } .marquee__track:nth-child(even) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; left: -10vh; } .marquee-track__item { letter-spacing: -.025em; font-size: 1.5rem; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media (min-width: 768px) { .marquee-track__item { font-size: 4vw; } } .marquee-track__item+.marquee-track__item { margin-left: .5em; } .marquee-track__item+.marquee-track__item:before { content: "/"; margin-right: .5em; color: #dddddd; } .marquee-track__item-link { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 0 rgba(21, 161, 229, 0.3); box-shadow: inset 0 0 rgba(21, 161, 229, 0.3); color: #000000; } .marquee-track__item-link:hover, .marquee-track__item-link:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .scroller-marquee-cta { margin-top: 30px; text-align: center; } @media (min-width: 768px) { .scroller-marquee-cta { margin-top: 45px; } } @media (min-width: 1200px) { .scroller-marquee-cta { margin-top: 60px; } } .scroller-marquee-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .scroller-marquee-button { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .scroller-marquee-button { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .scroller-marquee-button { font-size: 18px; } } .scroller-marquee-button:hover, .scroller-marquee-button:focus { background-color: rgba(0, 0, 0, 0.65); } @media (min-width: 768px) { .component-search-list { margin: 0 auto; max-width: 75%; } } @media (min-width: 1200px) { .component-search-list { max-width: 50%; } } @media (min-width: 768px) { .component-search-list .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-search-list .component-inner { width: 100%; } } @media (min-width: 768px) { .component-group .component-filters--collapsed+.component-search-list { margin: 0 auto; } } .component-search-list__list { list-style: none; margin: 0; padding: 0; } .component-search-list__item { position: relative; margin-top: 15px; padding-top: 15px; } .component-search-list__item::before { content: " "; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .component-search-list__item::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 768px) { .component-search-list__item { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .component-search-list__item { margin-top: 30px; padding-top: 30px; } } .component-search-list__item:first-child { margin-top: 0; padding-top: 0; } .component-search-list__item:first-child:before { height: 0; } .component-search-list__item-content { position: relative; } @media (min-width: 768px) { .component-search-list__item-content { padding-right: 100px; } } .component-search-list__item-title { letter-spacing: -.025em; font-size: 17px; font-family: "america", sans-serif; margin-bottom: 5px; } @media screen and (min-width: 100px) { .component-search-list__item-title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-search-list__item-title { font-size: 21px; } } .component-search-list__item-title-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; } .component-search-list__item-title-link:hover, .component-search-list__item-title-link:focus { color: #cc0035; } .component-search-list__item-description { letter-spacing: -.025em; font-size: 17px; color: #767676; margin-bottom: 0; } @media screen and (min-width: 100px) { .component-search-list__item-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-search-list__item-description { font-size: 21px; } } .component-search-list__item-url { font-size: 16px; margin-bottom: 5px; } @media screen and (min-width: 100px) { .component-search-list__item-url { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-search-list__item-url { font-size: 18px; } } .component-search-list__item-url-link { color: #767676; text-decoration: underline; word-break: break-word; } .component-search-list__item-url-link:hover, .component-search-list__item-url-link:focus { text-decoration: none; } .component-search-list__item-type { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 5px; pointer-events: none; } @media (min-width: 100px) and (max-width: 1999px) { .component-search-list__item-type { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .component-search-list__item-type { font-size: 14px; } } @media (min-width: 768px) { .component-search-list__item-type { position: absolute; top: 0; right: 0; } } .component-split-tease { padding-bottom: 60px; } @media (min-width: 768px) { .component-split-tease { padding-bottom: 45px; } } @media (min-width: 768px) { .component-split-tease>.component-inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 25px; width: 100%; } } @media (min-width: 1070px) { .component-split-tease>.component-inner { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media (min-width: 768px) { .component-split-tease .split-tease__multi, .component-split-tease .split-tease__single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .component-split-tease .split-tease__multi { position: relative; } @media (min-width: 768px) { .component-split-tease .split-tease__multi { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -1.5vw; width: calc(50% + 3vw); } } @media (min-width: 768px) and (min-width: 768px) { .component-split-tease .split-tease__multi { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-split-tease .split-tease__multi-primary-tease { text-align: center; z-index: 10; } @media (min-width: 768px) { .component-split-tease .split-tease__multi-primary-tease { margin: 0 auto; width: 100%; padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 768px) and (min-width: 768px) { .component-split-tease .split-tease__multi-primary-tease { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .component-split-tease .split-tease__multi-primary-tease { width: 66.66667%; } } .component-split-tease .split-tease__multi-primary-title { font-size: 30px; border-top: 3px solid #333333; font-family: "tiempos-f", serif; line-height: 1em; padding-top: 25px; } @media screen and (min-width: 100px) { .component-split-tease .split-tease__multi-primary-title { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-split-tease .split-tease__multi-primary-title { font-size: 66px; } } @media (min-width: 768px) { .component-split-tease .split-tease__multi-primary-title { border-top: none; padding-top: 0; } } .component-split-tease .split-tease__multi-primary-description { letter-spacing: -.025em; font-size: 17px; line-height: 1.45em; margin-bottom: 30px; } @media screen and (min-width: 100px) { .component-split-tease .split-tease__multi-primary-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-split-tease .split-tease__multi-primary-description { font-size: 21px; } } .component-split-tease .split-tease__multi-primary-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #cc0035; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-split-tease .split-tease__multi-primary-button { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-split-tease .split-tease__multi-primary-button { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-split-tease .split-tease__multi-primary-button { font-size: 18px; } } .component-split-tease .split-tease__multi-primary-button:hover, .component-split-tease .split-tease__multi-primary-button:focus { background-color: rgba(204, 0, 53, 0.65); } .component-split-tease .split-tease__multi-primary-button:hover, .component-split-tease .split-tease__multi-primary-button:focus { background-color: #000000; } .component-split-tease .split-tease__multi-subteases { margin-bottom: 40px; margin-top: 40px; } @media (min-width: 768px) { .component-split-tease .split-tease__multi-subteases { margin-bottom: 0; margin-top: 0; } } @media (min-width: 768px) and (min-width: 768px) { .component-split-tease .split-tease__multi-subteases { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1070px) { .component-split-tease .split-tease__multi-subteases { position: absolute; bottom: 0; left: 0; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } .component-split-tease .split-tease__multi-subtease { margin-bottom: 15px; text-align: center; } @media (min-width: 1070px) { .component-split-tease .split-tease__multi-subtease { margin-bottom: 0; width: 33.33333%; } } @media (min-width: 1070px) and (min-width: 768px) { .component-split-tease .split-tease__multi-subtease { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-split-tease .split-tease__multi-subtease:last-child { margin-bottom: 0; } } .component-split-tease .split-tease__multi-subtease-category { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; line-height: 1.35em; display: inline-block; } @media (min-width: 100px) and (max-width: 1999px) { .component-split-tease .split-tease__multi-subtease-category { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .component-split-tease .split-tease__multi-subtease-category { font-size: 14px; } } .component-split-tease .split-tease__multi-subtease-title { font-size: 17px; } @media screen and (min-width: 100px) { .component-split-tease .split-tease__multi-subtease-title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); font-weight: 700; font-family: "tiempos-h", serif; line-height: 1.3; color: #000; } } @media screen and (min-width: 2000px) { .component-split-tease .split-tease__multi-subtease-title { font-size: 21px; } } @media (min-width: 1200px) { .component-split-tease .split-tease__multi-subtease-title { margin-bottom: 0; } } @media (min-width: 768px) { .component-split-tease .split-tease__multi-subtease-title:last-child { margin-bottom: 0; } } .component-split-tease .split-tease__multi-subtease-title a { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; } .component-split-tease .split-tease__multi-subtease-title a:hover, .component-split-tease .split-tease__multi-subtease-title a:focus, .component-split-tease .split-tease__multi-subtease-title a:active { color: #cc0035; } .component-split-tease .split-tease__multi-subtease-stat { margin-bottom: 4px; } .component-split-tease .split-tease__multi-subtease-description { font-size: 16px; line-height: 1.4em; } @media screen and (min-width: 100px) { .component-split-tease .split-tease__multi-subtease-description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-split-tease .split-tease__multi-subtease-description { font-size: 18px; } } @media (min-width: 768px) { .component-split-tease .split-tease__multi-subtease-description { margin-bottom: 0; } } .component-split-tease .split-tease__single { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -5vw; margin-right: -5vw; position: relative; } @media (min-width: 768px) { .component-split-tease .split-tease__single { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-split-tease .split-tease__single { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: 0; margin-right: 0; width: calc(50% - 3vw); } } .component-split-tease .split-tease__single:before { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 1.5vw; right: 1.5vw; height: 100%; z-index: 10; } .component-split-tease .split-tease__single-art { margin-left: -1.5vw; overflow: hidden; width: calc(100% + 3vw); z-index: 10; } .component-split-tease .split-tease__single-art:after { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 10; } .component-split-tease .split-tease__single-figure { height: 100%; overflow: hidden; position: relative; } .component-split-tease .split-tease__single-content { position: absolute; top: auto; right: 5vw; left: 5vw; bottom: 10vw; z-index: 20; } @media (min-width: 768px) { .component-split-tease .split-tease__single-content { position: absolute; top: auto; right: 3vw; left: 3vw; bottom: 30px; } } @media (min-width: 1200px) { .component-split-tease .split-tease__single-content { position: absolute; top: auto; right: 35px; left: 35px; bottom: 40px; width: 66.66667%; } } @media (min-width: 1500px) { .component-split-tease .split-tease__single-content { width: 60%; } } .component-split-tease .split-tease__single-title { font-size: 23px; color: #ffffff; font-family: "tiempos-f", serif; margin-bottom: 10px; } @media screen and (min-width: 100px) { .component-split-tease .split-tease__single-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-split-tease .split-tease__single-title { font-size: 34px; } } .component-split-tease .split-tease__single-description { letter-spacing: -.025em; font-size: 17px; color: #ffffff; line-height: 1.4em; } @media screen and (min-width: 100px) { .component-split-tease .split-tease__single-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-split-tease .split-tease__single-description { font-size: 21px; } } .component-split-tease .split-tease__single-description:last-child { margin-bottom: 0; } .component-split-tease .split-tease__single-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #ffffff; border-radius: 30px; color: #000000; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } @media (min-width: 768px) { .component-split-tease .split-tease__single-button { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-split-tease .split-tease__single-button { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-split-tease .split-tease__single-button { font-size: 18px; } } .component-split-tease .split-tease__single-button:hover, .component-split-tease .split-tease__single-button:focus { background-color: rgba(255, 255, 255, 0.65); } .component-split-tease .split-tease__single-button:hover, .component-split-tease .split-tease__single-button:focus { background-color: #000000; color: #ffffff; } .component-split-tease .video-play-button { position: absolute; top: 0; bottom: auto; left: 0; width: 60px; height: 60px; -webkit-transform: translateY(-80px); transform: translateY(-80px); } .component-split-tease .video-play-button svg { width: 60px; height: 60px; } .component-split-tease .video-play-button circle { -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .component-split-tease .video-play-button:hover circle { fill: #cc0035; } .component-split-tease .video-play-button path { -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .component-split-tease .video-play-button:hover path { fill: #ffffff; } @media (min-width: 768px) { .component-split-tease--right .component-inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 768px) { .component-split-tease--right .split-tease__multi { margin-right: -1.5vw; } } @media (min-width: 768px) { .component-split-tease--right .split-tease__single { margin-left: 1.5vw; margin-right: 1.5vw; } } @media (min-width: 768px) { .component-stat .component-inner { margin: 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .component-stat .component-inner { width: 66.66667%; } } @media (min-width: 768px) { .component-stat__header { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-stat__heading { font-size: 20px; margin-bottom: 5px; } @media screen and (min-width: 100px) { .component-stat__heading { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat__heading { font-size: 28px; } } .component-stat__description { letter-spacing: -.025em; font-size: 16px; margin-bottom: 0; } @media screen and (min-width: 100px) { .component-stat__description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat__description { font-size: 18px; } } .component-stat__list { list-style: none; margin: 0; padding: 0; } @media (min-width: 768px) { .component-stat__list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .component-stat__item { margin-top: 15px; } @media (min-width: 768px) { .component-stat__item { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-stat__item { margin-top: 0; } } .component-stat__item-image { display: none; } .component-stat__item-value { font-size: 26px; font-family: "tiempos-f", serif; margin-bottom: 10px; } @media screen and (min-width: 100px) { .component-stat__item-value { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat__item-value { font-size: 48px; } } .component-stat__item-description { letter-spacing: -.025em; font-size: 16px; color: #767676; line-height: 1.35; } @media screen and (min-width: 100px) { .component-stat__item-description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat__item-description { font-size: 18px; } } .component-stat__item-description p:last-child { margin-bottom: 0; } .component-stat--simple .component-stat__header { margin-bottom: 30px; } @media (min-width: 768px) { .component-stat--simple .component-stat__header { margin-bottom: 60px; margin-right: 50%; width: 50%; } } @media (min-width: 768px) { .component-stat--simple .component-stat__list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -15px; } } .component-stat--simple .component-stat__item { margin-top: 15px; } @media (min-width: 768px) { .component-stat--simple .component-stat__item { width: 33.33333%; } } @media (min-width: 768px) { .component-stat--row .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } .component-stat--row .component-stat__header { padding-bottom: 15px; } @media (min-width: 768px) { .component-stat--row .component-stat__header { padding-bottom: 0; width: 25%; } } @media (min-width: 768px) { .component-stat--row .component-stat__list { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; } } .component-stat--row .component-stat__item { background-color: #000000; margin-top: 0; padding: 30px; position: relative; } @media (min-width: 768px) { .component-stat--row .component-stat__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 50vmin; padding: 30px 1.5vw; width: 33.33333%; } } .component-stat--row .component-stat__item-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000000; background-position: 50% 50%; background-size: cover; display: block; z-index: 10; } .component-stat--row .component-stat__item-image:before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 10; } .component-stat--row .component-stat__item-value, .component-stat--row .component-stat__item-description { color: #ffffff; position: relative; z-index: 20; } .component-stat--row .component-stat__item-value { font-size: 30px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media screen and (min-width: 100px) { .component-stat--row .component-stat__item-value { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat--row .component-stat__item-value { font-size: 66px; } } @media (min-width: 768px) { .component-stat--row .component-stat__item-description { padding-top: 5vh; } } @media (min-width: 768px) { .component-stat--grid .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } } @media (min-width: 768px) { .component-stat--grid .component-inner { width: 83.33333%; } } .component-stat--grid .component-stat__header { margin-bottom: 30px; width: 100%; } @media (min-width: 768px) { .component-stat--grid .component-stat__header { margin-bottom: 60px; } } .component-stat--grid .component-stat__heading, .component-stat--grid .component-stat__description { text-align: center; } @media (min-width: 768px) { .component-stat--grid .component-stat__heading, .component-stat--grid .component-stat__description { margin-left: auto; margin-right: auto; width: 50%; } } .component-stat--grid .component-stat__list { border: 1px solid #dddddd; border-width: 1px 0 0 1px; } @media (min-width: 768px) { .component-stat--grid .component-stat__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-stat--grid .component-stat__item { border: 1px solid #dddddd; border-width: 0 1px 1px 0; margin-top: 0; padding: 30px; } @media (min-width: 768px) { .component-stat--grid .component-stat__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; width: 33.33333%; } } .component-stat--grid .component-stat__item-value, .component-stat--grid .component-stat__item-description { text-align: center; } .component-stat--grid .component-stat__item-value { font-size: 30px; } @media screen and (min-width: 100px) { .component-stat--grid .component-stat__item-value { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat--grid .component-stat__item-value { font-size: 66px; } } @media (min-width: 768px) { .component-story-footer .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-story-footer .component-inner { margin: 0 auto; width: 66.66667%; } } @media (min-width: 1200px) { .component-story-footer .component-inner { width: 50%; } } .story-footer__top { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; } @media (min-width: 100px) and (max-width: 1999px) { .story-footer__top { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .story-footer__top { font-size: 14px; } } @media (min-width: 768px) { .story-footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .story-footer__author { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 0 rgba(21, 161, 229, 0.3); box-shadow: inset 0 0 rgba(21, 161, 229, 0.3); color: #000000; margin-right: 10px; } .story-footer__author:hover, .story-footer__author:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .story-footer__date { display: block; } @media (min-width: 768px) { .story-footer__date { display: inline; } } .story-footer__tags { padding-top: 25px; } .story-footer__tag { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; font-size: 16px; margin-right: 10px; } .story-footer__tag:hover, .story-footer__tag:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } @media screen and (min-width: 100px) { .story-footer__tag { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .story-footer__tag { font-size: 18px; } } .story-footer__tag:last-child { margin-right: 0; } .story-footer__icon { border-top: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; padding-top: 15px; } .story-footer__icon svg { width: 45px; height: 45px; } .story-footer__share { display: block; margin-top: 15px; position: relative; } @media (min-width: 768px) { .story-footer__share { margin-top: 0; } } .share-menu { list-style: none; margin: 0; padding: 0; z-index: 30; } @media (min-width: 768px) { .share-menu { position: absolute; top: 20px; right: 0; background: #ffffff; border: 1px solid #000000; display: none; min-width: 150px; } } .story-footer__share:hover .share-menu, .story-footer__share-link:focus .share-menu, .story-footer__share-link:active .share-menu { display: block; } .share-menu__item-link { -webkit-transition: background-position 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-position 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; display: block; padding-top: 5px; } @media (min-width: 768px) { .share-menu__item-link { background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, #000000), to(#000000)); background-image: linear-gradient(to left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); background-size: 200% 100%; background-position: 100% 0%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px; } } .share-menu .share-menu__item-link:focus, .share-menu .share-menu__item-link:hover { color: #000000; } @media (min-width: 768px) { .share-menu .share-menu__item-link:focus, .share-menu .share-menu__item-link:hover { background-position: 0% 0%; color: #ffffff; } } .component-story-meta { padding-bottom: 40px; } @media (min-width: 768px) { .component-story-meta .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-story-meta .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 66.66667%; } } @media (min-width: 1200px) { .component-story-meta .component-inner { width: 50%; } } .story-meta__category { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; width: 100%; } @media (min-width: 100px) and (max-width: 1999px) { .story-meta__category { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .story-meta__category { font-size: 14px; } } .story-meta__category-link { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 0 rgba(21, 161, 229, 0.3); box-shadow: inset 0 0 rgba(21, 161, 229, 0.3); color: #000000; } .story-meta__category-link:hover, .story-meta__category-link:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .story-meta__content { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; width: 100%; } @media (min-width: 100px) and (max-width: 1999px) { .story-meta__content { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .story-meta__content { font-size: 14px; } } @media (min-width: 768px) { .story-meta__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .story-meta__content:last-child { margin-right: 0; } .story-meta__author { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 0 rgba(21, 161, 229, 0.3); box-shadow: inset 0 0 rgba(21, 161, 229, 0.3); color: #000000; margin-right: 10px; } .story-meta__author:hover, .story-meta__author:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .story-meta__date { display: block; } @media (min-width: 768px) { .story-meta__date { display: inline; } } .story-meta__share-link { margin-right: 0; } .story-meta__share { display: block; margin-top: 15px; position: relative; } @media (min-width: 768px) { .story-meta__share { margin-top: 0; } } .story-meta__share:hover .share-menu, .story-meta__share-link:focus .share-menu, .story-meta__share-link:active .share-menu { display: block; } @media (min-width: 768px) { .component-subnavigation .component-inner { margin-top: .5em; } } .subnavigation-title { font-size: 17px; margin-bottom: 20px; } @media screen and (min-width: 100px) { .subnavigation-title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .subnavigation-title { font-size: 21px; } } .subnavigation-title span { color: #767676; font-weight: 400; } .subnavigation-title__link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; } .subnavigation-item { letter-spacing: -.025em; font-size: 17px; color: #767676; line-height: 1.25; margin-bottom: 15px; position: relative; } @media screen and (min-width: 100px) { .subnavigation-item { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .subnavigation-item { font-size: 21px; } } .subnavigation-item:last-child { margin-bottom: 0; } .subnavigation-item__link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #767676; display: block; } .subnavigation-item__link:hover, .subnavigation-item__link:focus { color: #000000; } @media (min-width: 768px) { .component-subnavigation--default { width: 25%; } } @media (min-width: 1200px) { .component-subnavigation--default { margin-left: 8.33333%; } } @media (min-width: 768px) { .component-group .component-subnavigation--default+.component-text { margin: 0 8.33333% 0 0; width: 66.66667%; } } @media (min-width: 1200px) { .component-group .component-subnavigation--default+.component-text { margin-right: 16.66667%; width: 50%; } } .component-group .component-subnavigation--default+.component-text .component-inner { margin: 0; width: 100%; } @media (min-width: 768px) { .component-group .component-subnavigation--default+.component-text .component-inner { padding-left: 0; padding-right: 0; } } .component-subnavigation--full { width: 100%; } @media (min-width: 768px) { .component-subnavigation--full { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-subnavigation--full .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-subnavigation--full .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 66.66667%; } } @media (min-width: 1200px) { .component-subnavigation--full .component-inner { width: 50%; } } .component-subnavigation--full .subnavigation-title, .component-subnavigation--full .subnavigation-block, .component-subnavigation--full .subnavigation-list { width: 100%; } @media (min-width: 768px) { .component-subnavigation--full .subnavigation-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3vw; -moz-column-gap: 3vw; column-gap: 3vw; } } @media (min-width: 768px) { .component-group .component-subnavigation--full+.component-text { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-table .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-table .component-inner { width: 100%; } } @media (min-width: 1200px) { .component-table .component-inner { margin-left: 16.66667%; width: 66.66667%; } } .component-table__title { font-size: 17px; } @media screen and (min-width: 100px) { .component-table__title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-table__title { font-size: 21px; } } .component-table__head, .component-table__cell { font-size: 17px; color: #555555; line-height: 1.35; padding: 15px; } @media screen and (min-width: 100px) { .component-table__head, .component-table__cell { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-table__head, .component-table__cell { font-size: 21px; } } @media (min-width: 768px) { .component-table__head, .component-table__cell { padding-bottom: 15px; padding-top: 15px; } } @media (min-width: 768px) and (min-width: 768px) { .component-table__head, .component-table__cell { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-table__head { color: #000000; font-weight: 700; } .component-table__cell { letter-spacing: -.025em; } .component-table__cell p:last-child, .component-table__cell li:last-child, .component-table__cell ul:last-child, .component-table__cell ol:last-child { margin-bottom: 0; } .component-table__cell p, .component-table__cell li { color: #555555; } .component-table__cell ul { list-style: none; padding-left: 0; } .component-table__cell li { margin-bottom: 10px; } .component-table__cell a { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; } .component-table__cell a:hover, .component-table__cell a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } @media (min-width: 768px) { .component-table__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .component-table__col { border-bottom: 1px solid #dddddd; margin-bottom: 30px; width: 100%; } @media (min-width: 768px) { .component-table__col { border: 1px solid #dddddd; border-right: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; } .component-table__col:last-child { border-right: 1px solid #dddddd; } } .component-table__col .component-table__head, .component-table__col .component-table__cell { border: 1px solid #dddddd; border-bottom: none; } @media (min-width: 768px) { .component-table__col .component-table__head, .component-table__col .component-table__cell { border: none; border-bottom: 1px solid #dddddd; } } .component-table__col .component-table__cell:last-child { border-bottom: none; } @media (min-width: 768px) { .component-table__rows { width: 100%; } } .component-table__row { margin-bottom: 30px; border-bottom: 1px solid #dddddd; } @media (min-width: 768px) { .component-table__row { -ms-flex-line-pack: center; align-content: center; border: none; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; } } .component-table__row:last-child { border-bottom: 1px solid #dddddd; } .component-table__row .component-table__head, .component-table__row .component-table__cell { border: 1px solid #dddddd; border-bottom: none; } @media (min-width: 768px) { .component-table__row .component-table__head, .component-table__row .component-table__cell { border: none; border-left: 1px solid #dddddd; } } @media (min-width: 768px) { .component-table__row .component-table__head, .component-table__row .component-table__cell { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 768px) { .component-table__row--multiple-cells .component-table__head { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } } @media (min-width: 1200px) { .component-table.component-table--wide .component-inner { margin-left: 8.33333%; width: 83.33333%; } } @media (min-width: 1200px) { .component-table.component-table--full .component-inner { margin-left: 0; width: 100%; } } @media (min-width: 768px) { .component-table--featured .component-table__head, .component-table--featured .component-table__row { border: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; } } @media (min-width: 768px) and (min-width: 768px) { .component-table--featured .component-table__head, .component-table--featured .component-table__row { padding-left: 0; padding-right: 0; } } .component-table--featured .component-table__head:last-child, .component-table--featured .component-table__row:last-child { border-bottom: none; } .component-table--featured .component-table__row { border-bottom: none; } @media (min-width: 768px) { .component-table--featured .component-table__row { border-top: none; } } @media (min-width: 768px) { .component-table--featured .component-table__col { border-bottom: none; border-top: none; } } @media (min-width: 768px) and (min-width: 768px) { .component-table--featured .component-table__col { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-table--featured .component-table__col:first-child { border-left: none; padding-left: 0; } .component-table--featured .component-table__col:last-child { border-right: none; padding-right: 0; } .component-table--featured .component-table__col .component-table__head { padding: 0; } .component-table--featured .component-table__col .component-table__cell { padding-bottom: 0; } } .component-table--featured .component-table__head { border-left: none; border-right: none; padding-left: 0; padding-right: 0; } .component-table--featured .component-table__cell { border-left: none; border-right: none; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .component-table--featured .component-table__cell { border: none; } } @charset "UTF-8"; .component-tease-single--event .tease-meta span:nth-child(2):before { content: ' — '; } @media (min-width: 768px) { .component-tease-single--center .tease--event .tease-description { width: 50%; } } .component-text h1, .component-text .h1 { font-size: 36px; line-height: 1.1; } @media screen and (min-width: 100px) { .component-text h1, .component-text .h1 { font-size: calc(36px + 60 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-text h1, .component-text .h1 { font-size: 96px; } } .component-text p+h1, .component-text ul+h1, .component-text ol+h1 { margin-top: 60px; } @media (min-width: 768px) { .component-text p+h1, .component-text ul+h1, .component-text ol+h1 { margin-top: 90px; } } .component-text h2, .component-text .h2 { font-size: 30px; line-height: 1.1; } @media screen and (min-width: 100px) { .component-text h2, .component-text .h2 { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-text h2, .component-text .h2 { font-size: 66px; } } .component-text p+h2, .component-text ul+h2, .component-text ol+h2 { margin-top: 10vmin; } @media (min-width: 1200px) { .component-text p+h2, .component-text ul+h2, .component-text ol+h2 { margin-top: 5vmin; } } .component-text h3, .component-text .h3 { font-size: 26px; line-height: 1.1; } @media screen and (min-width: 100px) { .component-text h3, .component-text .h3 { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-text h3, .component-text .h3 { font-size: 48px; } } @media (min-width: 768px) { .component-text p+h3, .component-text ul+h3, .component-text ol+h3 { margin-top: 45px; } } .component-text h4, .component-text .h4 { font-size: 23px; } @media screen and (min-width: 100px) { .component-text h4, .component-text .h4 { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-text h4, .component-text .h4 { font-size: 34px; } } @media (min-width: 768px) { .component-text p+h4, .component-text ul+h4, .component-text ol+h4 { margin-top: 35px; } } .component-text h5, .component-text .h5 { font-size: 17px; } @media screen and (min-width: 100px) { .component-text h5, .component-text .h5 { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-text h5, .component-text .h5 { font-size: 21px; } } @media (min-width: 768px) { .component-text p+h5, .component-text ul+h5, .component-text ol+h5 { margin-top: 25px; } } .component-text h6, .component-text .h6 { font-size: 16px; } @media screen and (min-width: 100px) { .component-text h6, .component-text .h6 { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-text h6, .component-text .h6 { font-size: 18px; } } .component-text ul, .component-text ol { margin-bottom: 25px; } /* .component-text ul { list-style-type: disc; padding-left: 20px; } */ .component-text p, .component-text li { letter-spacing: -.025em; font-size: 17px; font-family: "america", sans-serif; line-height: 1.6; } @media screen and (min-width: 100px) { .component-text p, .component-text li { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-text p, .component-text li { font-size: 21px; } } .component-text li { margin-bottom: 10px; } @media (min-width: 768px) { .component-text li { margin-bottom: 15px; } } .component-text li:last-child { margin-bottom: 0; } .component-text ol { counter-reset: base-ol-count; list-style: none; padding-left: 0; } .component-text ol li { counter-increment: subnav-count; padding-left: 30px; position: relative; } .component-text ol li:before { position: absolute; top: -0.075em; left: 0; color: #333333; content: counter(subnav-count) "."; font-family: "america", sans-serif; } @media (min-width: 768px) { .component-text .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-text .component-inner { margin: 0 auto; width: 66.66667%; } } @media (min-width: 1200px) { .component-text .component-inner { width: 50%; } } .component-text .component-inner>*:last-child { margin-bottom: 0; } @media (min-width: 768px) { .component-text--left .component-inner { margin: 0; } } @media (min-width: 768px) { .component-text--right .component-inner { margin: 0 0 0 33.33333%; } } @media (min-width: 1200px) { .component-text--right .component-inner { margin-left: 50%; } } .component-text--intro .component-inner p:first-of-type { font-size: 20px; color: #000000; line-height: 1.4; } @media screen and (min-width: 100px) { .component-text--intro .component-inner p:first-of-type { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-text--intro .component-inner p:first-of-type { font-size: 28px; } } .component-text--drop-cap .component-inner p:first-of-type:first-letter { color: #000000; float: left; font-family: "america-comp", sans-serif; font-size: 5.3em; font-weight: 700; margin: -.075em 0.25em -0.15em -0.025em; line-height: 1; padding-top: 0.015em; } .component-text--drop-cap .component-inner p:first-of-type:first-line { color: #000000; font-weight: 700; } @media (min-width: 768px) { .component-text--two-col .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-text--two-col .component-inner { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3vw; -moz-column-gap: 3vw; column-gap: 3vw; display: block; width: 83.33333%; } } @media (min-width: 1200px) { .component-text--two-col .component-inner { width: 66.66667%; } } .component-text--two-col .component-inner>p { margin-bottom: 1.6em; } @media (min-width: 768px) { .component-text--right.component-text--two-col .component-inner { margin-left: 16.66667%; } } @media (min-width: 1200px) { .component-text--right.component-text--two-col .component-inner { margin-left: 33.33333%; } } .text-image, .text-image--left, .text-image--right { margin-bottom: 25px; } .text-image .component-figure-caption, .text-image--left .component-figure-caption, .text-image--right .component-figure-caption { margin-right: 0; margin-top: 15px; } .text-image--left, .text-image--right { float: left; position: relative; width: 100%; } @media (min-width: 768px) { .text-image--left, .text-image--right { margin-top: 10px; margin-left: 0; margin-right: 1.5vw; padding-right: 1.5vw; width: 50%; } } @media (min-width: 1200px) { .text-image--left, .text-image--right { margin-left: -17.777%; margin-bottom: 20px; } } .component-text--left .text-image--left, .component-text--two-col .text-image--left { margin-left: 0; } .text-image--right { float: right; } @media (min-width: 768px) { .text-image--right { margin-left: 1.5vw; margin-right: 0; padding-left: 1.5vw; padding-right: 0; } } @media (min-width: 1200px) { .text-image--right { margin-right: -17.777%; } } .component-text--right .text-image--right, .component-text--two-col .text-image--right { margin-right: 0; } .component-video { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; } .component-video .component-inner { width: 100%; } @media (min-width: 768px) { .component-video .video-wrapper { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-video .video-wrapper-inner { position: relative; padding-bottom: 56.25%; height: 0; } .component-video .overlay-wrapper { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; width: 100%; z-index: 9; } .component-video .video-button { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; margin: 0 auto; padding: 0; width: 100%; } .component-video .video-button:focus { outline: 0; } .component-video .thumbnail-image { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .component-video .video-play-button { content: " "; display: block; position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; pointer-events: none; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0; } @media (min-width: 768px) { .component-video .video-play-button { width: 85px; height: 85px; } } .component-video .video-play-button svg { width: 42px; height: 42px; display: block; } @media (min-width: 768px) { .component-video .video-play-button svg { width: 85px; height: 85px; } } .component-video .video-button.active .video-play-button { -webkit-transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; } .component-video .embedded-video { position: absolute; top: 0; left: 0; height: 100%; opacity: 0; width: 100%; } .component-video .overlay-wrapper-hidden+.embedded-video { opacity: 1; } .component-video .overlay-wrapper-hidden { pointer-events: none; visibility: hidden; } .component-video .component-overline { margin-bottom: 10px; } .component-video .video-content { margin-top: 15px; } @media (min-width: 768px) { .component-video .video-content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-video .video-content { margin-top: 0; } } .component-video .video-title { margin-bottom: 15px; } .component-video .video-description { letter-spacing: -.025em; font-size: 17px; color: #767676; } @media screen and (min-width: 100px) { .component-video .video-description { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-video .video-description { font-size: 21px; } } .component-video .video-description p:last-child { margin-bottom: 0; } @media (min-width: 768px) { .component-video--center .video-wrapper { margin: 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .component-video--center .video-wrapper { width: 66.66667%; } } .component-video--center .video-content { margin-top: 15px; } @media (min-width: 768px) { .component-video--center .video-content { margin-left: auto; margin-right: auto; margin-top: 30px; width: 66.66667%; text-align: center; } } @media (min-width: 1200px) { .component-video--center .video-content { width: 50%; } } @media (min-width: 768px) { .component-video--right .component-inner, .component-video--left .component-inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .component-video--right .video-wrapper, .component-video--left .video-wrapper { width: 66.66667%; } } @media (min-width: 768px) { .component-video--right .video-content, .component-video--left .video-content { width: 33.33333%; } } .component-video--right .video-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .component-video--right .video-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .component-video--right .video-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-video--right .video-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @charset "UTF-8"; .component-view-controls { max-width: 100%; overflow: hidden; padding-bottom: 30px; position: relative; } .component-view-controls .component-inner { position: relative; } @media (min-width: 768px) { .component-view-controls .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-view-controls .view-controls__main { position: relative; padding-bottom: 20px; text-align: center; } .component-view-controls .view-controls__main::before { content: " "; display: block; position: absolute; right: 0; bottom: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .component-view-controls .view-controls__main::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 768px) { .component-view-controls .view-controls__main { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } @media (min-width: 0) and (max-width: 767px) { .component-view-controls .view-controls__main .filters-toggle { margin: 0 auto; } } .view-controls__result-count { position: absolute; bottom: 18px; left: 50%; font-size: 17px; display: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (min-width: 100px) { .view-controls__result-count { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .view-controls__result-count { font-size: 21px; } } @media (min-width: 768px) { .view-controls__result-count { bottom: auto; display: block; } } .view-controls__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } @media (min-width: 768px) { .view-controls__wrapper { margin-bottom: 0; } } .view-controls__overline { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 5px; text-align: left; width: 100%; } @media (min-width: 100px) and (max-width: 1999px) { .view-controls__overline { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .view-controls__overline { font-size: 14px; } } .view-control__group { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } @media (min-width: 768px) { .view-control__group { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .view-control__group:before { content: " "; display: block; position: absolute; top: 0.5em; right: 0; border: 6px solid transparent; border-top-color: #000000; pointer-events: none; } .view-control__group+.view-control__group { border-left: 1px solid #dddddd; margin-left: 15px; padding-left: 15px; } .view-control__select { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 17px; padding-right: 30px; width: 100%; } .view-control__select:focus { outline: 0; } @media screen and (min-width: 100px) { .view-control__select { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .view-control__select { font-size: 21px; } } .view-control__select:hover, .view-control__select:focus { cursor: pointer; } .view-controls__toggle { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .view-control__button { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 17px; background-color: white; background-image: none; border: none; -webkit-box-shadow: none; box-shadow: none; color: #000000; cursor: pointer; display: inline-block; font-weight: 400; margin-right: 15px; padding: 0; position: relative; text-align: right; -webkit-appearance: none; } .view-control__button:hover, .view-control__button:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } @media screen and (min-width: 100px) { .view-control__button { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .view-control__button { font-size: 21px; } } @media (min-width: 768px) { .view-control__button { display: block; margin-right: 0; opacity: 0; padding-right: 15px; } } .view-control__button.view-active { font-weight: 700; } @media (min-width: 768px) { .view-control__button.view-active { position: absolute; right: 0; bottom: 0; display: block; opacity: 1; } } .view-control__button.view-active:hover { color: #000000; } @media (min-width: 768px) { .view-control__button.view-active:after { position: absolute; top: 0; right: 0; content: "↓"; font-weight: 400; } } @media (min-width: 0) and (max-width: 767px) { .view-control__button:after { position: absolute; top: 0; right: -10px; color: #999999; content: "|"; font-weight: 400; } } @media (min-width: 0) and (max-width: 767px) { .view-control__button:last-child:after { content: ""; } } .view-control__button:hover, .view-control__button:focus, .view-control__button:active { -webkit-box-shadow: none; box-shadow: none; outline: none; } .view-control__button:hover { color: #767676; } .view-controls__filters { padding-top: 25px; display: none; } .view-controls__filters.active { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -5vw; overflow: scroll; padding-bottom: 5px; padding-left: 5vw; white-space: nowrap; width: calc(100% + 10vw); } @media (min-width: 768px) { .view-controls__filters.active { margin-left: -1.5vw; padding-bottom: 0; padding-left: 3vw; width: calc(100% + 3vw); } } .view-controls__filter--option { letter-spacing: -.025em; -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; color: #000000; cursor: pointer; margin-bottom: 20px; margin-right: 25px; padding: 0; padding-left: 20px; position: relative; } .view-controls__filter--option:hover, .view-controls__filter--option:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .view-controls__filter--option:focus { outline: 0; } @media screen and (min-width: 100px) { .view-controls__filter--option { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .view-controls__filter--option { font-size: 18px; } } @media (min-width: 768px) { .view-controls__filter--option { margin-bottom: 18px; } } .view-controls__filter--option:before { position: absolute; top: -3px; left: 0; -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); content: '×'; color: #999999; font-size: 21px; margin-right: 8px; } @media (min-width: 768px) { .view-controls__filter--option:before { top: -2px; } } .view-controls__filter--option:hover:before { color: #000000; } .view-controls__filter--clear { letter-spacing: -.025em; -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; color: #000000; cursor: pointer; margin-bottom: 18px; margin-right: 25px; padding: 0; white-space: nowrap; } .view-controls__filter--clear:hover, .view-controls__filter--clear:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .view-controls__filter--clear:focus { outline: 0; } @media screen and (min-width: 100px) { .view-controls__filter--clear { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .view-controls__filter--clear { font-size: 18px; } } .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button__item { font-size: 18px; } } .component-button__item:hover, .component-button__item:focus { background-color: rgba(0, 0, 0, 0.65); } .component-button--black .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button--black .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button--black .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button--black .component-button__item { font-size: 18px; } } .component-button--black .component-button__item:hover, .component-button--black .component-button__item:focus { background-color: rgba(0, 0, 0, 0.65); } .component-button--white .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #ffffff; border-radius: 30px; color: #000000; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button--white .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button--white .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button--white .component-button__item { font-size: 18px; } } .component-button--white .component-button__item:hover, .component-button--white .component-button__item:focus { background-color: #dddddd; } .component-button--red .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #cc0035; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button--red .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button--red .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button--red .component-button__item { font-size: 18px; } } .component-button--red .component-button__item:hover, .component-button--red .component-button__item:focus { background-color: #000000; } .component-button--blue .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #354ca1; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button--blue .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button--blue .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button--blue .component-button__item { font-size: 18px; } } .component-button--blue .component-button__item:hover, .component-button--blue .component-button__item:focus { background-color: #000000; } .course-list__header { font-size: 17px; font-family: "america-cond", sans-serif; line-height: 1; text-transform: uppercase; } @media screen and (min-width: 100px) { .course-list__header { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .course-list__header { font-size: 21px; } } .course-list__item-title { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .course-list__item:hover .course-list__item-title, .course-list__item:focus .course-list__item-title { color: #cc0035; } .component-cta__content { border-radius: 5px; } @media (min-width: 768px) { .component-cta__content { border-radius: 15px; } } .component-cta__content:before { border-radius: 5px; } @media (min-width: 768px) { .component-cta__content:before { border-radius: 15px; } } .component-directory-header>.component-inner { padding-top: 60px; } @media (min-width: 768px) { .component-directory-header>.component-inner { padding-top: 90px; } } @media (min-width: 1200px) { .component-directory-header>.component-inner { margin-left: 8.33333%; padding-top: 110px; width: 83.33333%; } } .component-directory-header .breadcrumb-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } @media (min-width: 768px) { .component-directory-header .breadcrumb-list { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-directory-header .component-linklist { margin-top: 35px; padding: 0; } @media (min-width: 768px) { .component-directory-header .component-linklist { margin-top: 0; width: 33.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .component-directory-header .component-linklist { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .component-directory-header .component-linklist { margin-left: 10%; width: 30%; } } .directory-header__title { font-size: 30px; font-family: "tiempos-f", serif; line-height: 1.1; margin-bottom: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .directory-header__title { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .directory-header__title { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .directory-header__title { font-size: 66px; } } @media (min-width: 768px) { .directory-header__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .directory-header__main { margin-top: 10px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media (min-width: 768px) { .directory-header__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 25px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 768px) { .directory-header__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .directory-header__content { width: 66.66667%; } } @media (min-width: 1200px) { .directory-header__content { width: 60%; } } .directory-header__intro { letter-spacing: -.025em; font-size: 20px; color: #000000; margin-bottom: 0; margin-top: 15px; } @media screen and (min-width: 100px) { .directory-header__intro { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .directory-header__intro { font-size: 28px; } } @media (min-width: 768px) { .directory-header__intro { margin-top: 0; } } .directory-header__intro a { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; } .directory-header__intro a:hover, .directory-header__intro a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .directory-header__art { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 35px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } @media (min-width: 768px) { .directory-header__art { margin-top: 50px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (min-width: 768px) { .directory-header__art .directory-header__figure { padding-left: 1.5vw; padding-right: 1.5vw; } } .directory-header__art .directory-header__figure:not(:first-child) { padding-left: 5vw; } @media (min-width: 768px) { .directory-header__art .directory-header__figure:not(:first-child) { padding-left: 1.5vw; } } @media (min-width: 768px) { .component-directory-header--one-up .directory-header__figure { width: 100%; } } @media (min-width: 768px) { .component-directory-header--two-up .directory-header__figure { width: 66.66667%; } } @media (min-width: 1200px) { .component-directory-header--two-up .directory-header__figure { width: 60%; } } @media (min-width: 768px) { .component-directory-header--two-up .directory-header__figure:last-child { width: 33.33333%; } } @media (min-width: 1200px) { .component-directory-header--two-up .directory-header__figure:last-child { width: 40%; } } @media (min-width: 768px) { .component-directory-header--three-up .directory-header__figure { width: 33.33333%; } } @media (min-width: 1200px) { .component-directory-header--three-up .directory-header__figure { width: 30%; } } @media (min-width: 1200px) { .component-directory-header--three-up .directory-header__figure:nth-child(2) { width: 40%; } } .component-directory-section>.component-inner { position: relative; padding-top: 45px; } .component-directory-section>.component-inner::before { content: " "; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .component-directory-section>.component-inner::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 768px) { .component-directory-section>.component-inner { padding-top: 90px; } } @media (min-width: 1200px) { .component-directory-section>.component-inner { margin-left: 8.33333%; padding-top: 120px; width: 83.33333%; } } .component-directory-section .component-linklist { margin-top: 35px; padding: 0; } @media (min-width: 768px) { .component-directory-section .component-linklist { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-directory-section .component-linklist { margin-top: 0; width: 41.66667%; } } @media (min-width: 1200px) { .component-directory-section .component-linklist { width: 40%; } } @media (min-width: 768px) { .directory-section__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .directory-section__header { font-size: 23px; } @media (min-width: 768px) { .directory-section__header { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .directory-section__header { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .directory-section__header { font-size: 34px; } } @media (min-width: 768px) { .directory-section__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .directory-section__content { width: 58.33333%; } } @media (min-width: 1200px) { .directory-section__content { width: 60%; } } .directory-section__body { font-size: 17px; margin-bottom: 30px; } @media screen and (min-width: 100px) { .directory-section__body { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .directory-section__body { font-size: 21px; } } .directory-section__body a { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; } .directory-section__body a:hover, .directory-section__body a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .directory-section__cta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #cc0035; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .directory-section__cta { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .directory-section__cta { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .directory-section__cta { font-size: 18px; } } .directory-section__cta:hover, .directory-section__cta:focus { background-color: rgba(204, 0, 53, 0.65); } .directory-section__cta:hover, .directory-section__cta:focus { background-color: #000000; } .component-event-list .event-list__header { font-size: 17px; font-family: "america-cond", sans-serif; line-height: 1; text-transform: uppercase; } @media screen and (min-width: 100px) { .component-event-list .event-list__header { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-event-list .event-list__header { font-size: 21px; } } .component-event-list .tease-title { line-height: 1.15; } .component-event-list .tease-title-link:hover, .component-event-list .tease-title-link:focus { color: #cc0035; } .footer { position: relative; } @media (min-width: 768px) { .footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .back-to-top { position: absolute; right: 5vw; bottom: 90px; width: 36px; height: 36px; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; z-index: 20; } @media (min-width: 768px) { .back-to-top { width: 44px; height: 44px; border-radius: 22px; } } .back-to-top svg * { -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .back-to-top:hover, .back-to-top:focus { background-color: #000000; cursor: pointer; } .back-to-top:hover svg *, .back-to-top:focus svg * { fill: #ffffff; } @media (min-width: 768px) { .footer--subscribe .back-to-top { bottom: auto; right: 1.5vw; top: 50%; -webkit-transform: translateY(-22px); transform: translateY(-22px); } } @media (min-width: 1200px) { .footer--subscribe .back-to-top { bottom: auto; right: 1.5vw; top: 50%; } } @media (min-width: 768px) { .footer--no-subscribe .back-to-top { bottom: auto; right: 4.5vw; top: 11px; } } @media (min-width: 1200px) { .footer--no-subscribe .back-to-top { top: 9px; } } .back-to-top__text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .back-to-top__text.focusable:active, .back-to-top__text.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .footer-top { padding-left: 5vw; padding-right: 5vw; background-color: #eeeeee; } @media (min-width: 768px) { .footer-top { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .footer-top { width: 100%; } } .footer--no-subscribe .footer-top { margin-top: 30px; } .footer-links { padding-left: 5vw; padding-right: 5vw; background-color: #eeeeee; padding-top: 15px; padding-bottom: 30px; } @media (min-width: 768px) { .footer-links { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 100%; padding-bottom: 45px; } } @media (min-width: 1200px) { .footer-links { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 90px; padding-bottom: 90px; } } .footer-links__heading { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 15px; } @media (min-width: 100px) and (max-width: 1999px) { .footer-links__heading { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .footer-links__heading { font-size: 14px; } } .footer-links-group { margin-top: 30px; } @media (min-width: 768px) { .footer-links-group { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .footer-links-group { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 25%; max-width: 25%; } } @media (min-width: 1200px) { .footer-links-group { margin-top: 0; min-width: 16.66667%; max-width: 25%; } } @media (min-width: 768px) { .footer-links-group:first-child { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 33.33333%; } } .footer-links__list { list-style: none; margin: 0; padding: 0; margin-bottom: 25px; } @media (min-width: 768px) { .footer-links__list { margin-bottom: 0; } } .footer-links__list:last-child { margin-bottom: 0; } .footer-links__item { line-height: 1.35; margin-bottom: 5px; } @media (min-width: 768px) { .footer-links__item { margin-bottom: 10px; } } .footer-links__item-link { letter-spacing: -.025em; -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 17px; color: #000000; } @media screen and (min-width: 100px) { .footer-links__item-link { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .footer-links__item-link { font-size: 21px; } } .footer-links__item-link:hover, .footer-links__item-link:focus { color: #767676; } .footer--subscribe { padding-top: 10vw; } @media (min-width: 768px) { .footer--subscribe { padding-top: 0; } } .footer--subscribe:before { content: " "; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #ffffff; height: 10vw; } @media (min-width: 768px) { .footer--subscribe:before { height: 0; } } .footer-subscribe-wrapper { margin-top: -10vw; } @media (min-width: 768px) { .footer-subscribe-wrapper { margin-top: 0; position: relative; } } @media (min-width: 768px) { .footer-subscribe-wrapper:before { content: " "; display: block; position: absolute; top: 0; right: -1.5vw; bottom: 50%; left: -1.5vw; background-color: #ffffff; } } .footer-subscribe-wrapper-inner { background-color: #354ca1; border-radius: 5px; padding: 30px 5vw; position: relative; } @media (min-width: 768px) { .footer-subscribe-wrapper-inner { border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: calc(8.33333% + 1.5vw); margin-right: calc(8.33333% + 1.5vw); padding-left: 1.5vw; padding-right: 1.5vw; width: calc(83.33333% - 3vw); } } @media (min-width: 1200px) { .footer-subscribe-wrapper-inner { margin-left: calc(16.66667% - 1.5vw); margin-right: 16.66667%; width: calc(3vw + 66.66667%); } } .footer-subscribe { padding-bottom: 30px; } @media (min-width: 768px) { .footer-subscribe { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .footer-subscribe { margin-right: 0; padding-bottom: 0; width: 70%; } } @media (min-width: 1200px) { .footer-subscribe { width: 50%; } } .footer-subscribe__heading { font-size: 20px; color: #ffffff; margin-bottom: 15px; } @media screen and (min-width: 100px) { .footer-subscribe__heading { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .footer-subscribe__heading { font-size: 28px; } } .footer-subscribe__description { letter-spacing: -.025em; font-size: 16px; color: #ffffff; } @media screen and (min-width: 100px) { .footer-subscribe__description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .footer-subscribe__description { font-size: 18px; } } .footer-subscribe__form-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-subscribe__form-inner:focus-within .footer-subscribe__submit { opacity: 1; } .footer-subscribe__input { letter-spacing: -.025em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 15px 10px; } .footer-subscribe__input:focus { outline: 0; } @media screen and (min-width: 100px) { .footer-subscribe__input { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .footer-subscribe__input { font-size: 18px; } } @media (min-width: 768px) { .footer-subscribe__input { padding: 15px; } } .footer-subscribe__submit { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1), background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1), background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border: 1px solid #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .025em; opacity: .25; margin-right: 10px; padding: 8px 12px; text-transform: uppercase; white-space: nowrap; } .footer-subscribe__submit:focus { outline: 0; } @media (min-width: 768px) { .footer-subscribe__submit { font-size: 15px; padding: 6px 15px; } } .footer-subscribe__submit:hover, .footer-subscribe__submit:focus { background-color: #ffffff; color: #000000; cursor: pointer; opacity: 1; } .footer-ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (min-width: 768px) { .footer-ctas { padding-left: 1.5vw; padding-right: 1.5vw; } } .footer--no-subscribe .footer-ctas { position: absolute; top: -19px; left: 0; } @media (min-width: 400px) { .footer--no-subscribe .footer-ctas { left: 0; width: 100%; } } @media (min-width: 768px) { .footer--no-subscribe .footer-ctas { top: 11px; } } @media (min-width: 1200px) { .footer--no-subscribe .footer-ctas { margin-left: 25%; top: 9px; width: 50%; } } .footer-subscribe-wrapper .footer-ctas { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .footer-subscribe-wrapper .footer-ctas { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 30%; } } @media (min-width: 1200px) { .footer-subscribe-wrapper .footer-ctas { margin-left: 25%; width: 25%; } } .footer__cta-button { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #ffffff; border-radius: 30px; color: #000000; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 16px; font-weight: 700; letter-spacing: .025em; } .footer__cta-button:focus { outline: 0; } @media (min-width: 768px) { .footer__cta-button { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .footer__cta-button { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .footer__cta-button { font-size: 18px; } } .footer__cta-button:hover, .footer__cta-button:focus { background-color: rgba(255, 255, 255, 0.65); } @media screen and (min-width: 100px) { .footer__cta-button { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .footer__cta-button { font-size: 18px; } } .footer__cta-button:hover, .footer__cta-button:focus { background-color: #000000; color: #ffffff; cursor: pointer; } .footer--no-subscribe .footer__cta-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #354ca1; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .footer--no-subscribe .footer__cta-button { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .footer--no-subscribe .footer__cta-button { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .footer--no-subscribe .footer__cta-button { font-size: 18px; } } .footer--no-subscribe .footer__cta-button:hover, .footer--no-subscribe .footer__cta-button:focus { background-color: rgba(53, 76, 161, 0.65); } .footer--no-subscribe .footer__cta-button:hover, .footer--no-subscribe .footer__cta-button:focus { background-color: #000000; color: #ffffff; cursor: pointer; } .footer--no-subscribe .footer__cta-button+.footer__cta-button { margin-left: 1.5vw; } .footer-subscribe-wrapper .footer__cta-button { text-align: center; width: 100%; } .footer-subscribe-wrapper .footer__cta-button+.footer__cta-button { margin-top: 15px; } .footer-bottom { padding-left: 5vw; padding-right: 5vw; padding-bottom: 30px; padding-top: 30px; } @media (min-width: 768px) { .footer-bottom { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .footer-bottom { width: 100%; } } @media (min-width: 1200px) { .footer-bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 45px; padding-top: 45px; } } .footer__SMU-logo { width: 200px; margin-bottom: 15px; } @media (min-width: 768px) { .footer__SMU-logo { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .footer__SMU-logo { margin-bottom: 0; width: 250px; } } .footer__SMU-copyright { letter-spacing: -.025em; font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; font-size: 11px; color: #767676; margin-bottom: 0; } @media (min-width: 768px) { .footer__SMU-copyright { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 100px) and (max-width: 1999px) { .footer__SMU-copyright { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .footer__SMU-copyright { font-size: 14px; } } @media screen and (min-width: 100px) { .footer__SMU-copyright { font-size: calc(11px + 3 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .footer__SMU-copyright { font-size: 14px; } } .header-subsite { padding-left: 5vw; padding-right: 5vw; } @media (min-width: 768px) { .header-subsite { padding-left: 1.5vw; padding-right: 1.5vw; } } .header-subsite .header__smu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .header-subsite .header__smu { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .header-subsite .header__smu { padding-top: 15px; padding-bottom: 15px; } } .header-subsite .smu-branding__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .header-subsite .smu-branding__link { width: auto; } } @media (min-width: 768px) and (min-width: 768px) { .header-subsite .smu-branding__link { padding-left: 0; padding-right: 0; } } .header-subsite .smu-branding-icon { line-height: 0; } .header-subsite .smu-branding-icon>svg { width: 23px; height: 23px; } @media (min-width: 768px) { .header-subsite .smu-branding-icon>svg { width: 31px; height: 31px; } } .header-subsite .smu-branding-text { color: #354ca1; font-family: "tiempos-h", serif; font-size: 21px; line-height: 1; margin-left: 7px; } @media (min-width: 768px) { .header-subsite .smu-branding-text { font-size: 27px; padding-bottom: 2px; } } .header-subsite .header__smu-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 11px; color: #767676; text-transform: uppercase; } @media screen and (min-width: 100px) { .header-subsite .header__smu-link { font-size: calc(11px + 3 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .header-subsite .header__smu-link { font-size: 14px; } } .header-subsite .header__smu-link:hover, .header-subsite .header__smu-link:focus { color: #000000; } .header__subsite { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -5vw; margin-right: -5vw; padding: 15px 5vw; } .header__subsite::before { content: " "; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .header__subsite::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 768px) { .header__subsite { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .header__subsite { margin-left: -1.5vw; margin-right: -1.5vw; padding: 30px 3vw; } } .header__subsite::before { opacity: 0.2; } .header__subsite .branding-link { color: #000000; font-family: "tiempos-f", serif; font-size: 25px; font-weight: 200; line-height: 1; margin-right: 30px; } @media (min-width: 768px) { .header__subsite .branding-link { font-size: 32px; padding-bottom: 2px; } } .header__subsite .main-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .header__subsite .main-nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: auto; } } @media (min-width: 768px) and (min-width: 768px) { .header__subsite .main-nav { padding-left: 0; padding-right: 0; } } .header__subsite .nav__list { display: none; } @media (min-width: 768px) { .header__subsite .nav__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 30px; } } .header__subsite .nav__item { letter-spacing: -.025em; font-size: 17px; margin-left: 15px; white-space: nowrap; } @media screen and (min-width: 100px) { .header__subsite .nav__item { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .header__subsite .nav__item { font-size: 21px; } } @media (min-width: 1200px) { .header__subsite .nav__item { margin-left: 30px; } } .header__subsite .nav__item:first-child { margin-left: 0; } .header__subsite .nav__item-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #555555; } .header__subsite .nav__item-link:hover, .header__subsite .nav__item-link:focus { color: #000000; } .header__subsite .main-nav__button { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 36px; height: 36px; -webkit-transition: border-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: border-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); border: 1px solid #dddddd; border-radius: 18px; display: block; padding: 0; } .header__subsite .main-nav__button:focus { outline: 0; } @media (min-width: 768px) { .header__subsite .main-nav__button { width: 44px; height: 44px; border-radius: 22px; } } .header__subsite .main-nav__button:hover, .header__subsite .main-nav__button:focus { border-color: #000000; cursor: pointer; } .header__subsite .main-nav__button+.header__subsite .main-nav__button { margin-left: 15px; } .header__subsite .main-nav__button-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .header__subsite .main-nav__button-text.focusable:active, .header__subsite .main-nav__button-text.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .header-subsite__explore { -webkit-transition: max-height 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: max-height 450ms cubic-bezier(0.215, 0.61, 0.355, 1); display: block; max-height: 0; overflow: hidden; } @media (min-width: 768px) { .header-subsite__explore { display: -webkit-box; display: -ms-flexbox; display: flex; } } .js-header-explore-open .header-subsite__explore { max-height: 1000px; } @media (min-width: 768px) { .js-header-explore-open .header-subsite__explore { max-height: 600px; } } .header-subsite__explore-inner { height: 100%; width: 100%; } @media (min-width: 768px) { .header-subsite__explore-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header-subsite__explore-list { opacity: 0; padding-left: 0; } @media (min-width: 768px) { .header-subsite__explore-list { -webkit-transform: translateY(50px); transform: translateY(50px); } } @media (min-width: 768px) { .header-subsite__explore-list { width: 33.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .header-subsite__explore-list { padding-left: 1.5vw; padding-right: 1.5vw; } } .js-header-explore-open .header-subsite__explore-list { -webkit-transition: all 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 450ms cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; } .js-header-explore-open .header-subsite__explore-list:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .js-header-explore-open .header-subsite__explore-list:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .js-header-explore-open .header-subsite__explore-list:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .js-header-explore-open .header-subsite__explore-list:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .js-header-explore-open .header-subsite__explore-list:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .js-header-explore-open .header-subsite__explore-list:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .js-header-explore-open .header-subsite__explore-list:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .js-header-explore-open .header-subsite__explore-list:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .js-header-explore-open .header-subsite__explore-list:nth-child(9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .js-header-explore-open .header-subsite__explore-list:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s; } @media (min-width: 768px) { .js-header-explore-open .header-subsite__explore-list { -webkit-transform: translateY(0); transform: translateY(0); } } .header-subsite__explore-item { line-height: 1.25; margin-bottom: 5px; } .header-subsite__explore-list--primary .header-subsite__explore-item { margin-bottom: 10px; } .header-subsite__explore-list--primary .header-subsite__explore-item a { font-size: 20px; color: #000000; font-weight: 700; } @media screen and (min-width: 100px) { .header-subsite__explore-list--primary .header-subsite__explore-item a { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .header-subsite__explore-list--primary .header-subsite__explore-item a { font-size: 28px; } } .header-subsite__explore-list--primary .header-subsite__explore-item a:hover { opacity: 0.6; } @media (min-width: 768px) { .header-subsite__explore-list--secondary { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 3vw; -moz-column-gap: 3vw; column-gap: 3vw; } } .header-subsite__explore-list--secondary .header-subsite__explore-item a { font-size: 17px; color: #000000; } @media screen and (min-width: 100px) { .header-subsite__explore-list--secondary .header-subsite__explore-item a { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .header-subsite__explore-list--secondary .header-subsite__explore-item a { font-size: 21px; } } .header-subsite__explore-list--secondary .header-subsite__explore-item a:hover { opacity: 0.60; } .header-subsite__explore-ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .header-subsite__explore-ctas { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 33.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .header-subsite__explore-ctas { padding-left: 1.5vw; padding-right: 1.5vw; } } .header-subsite__explore-cta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #354ca1; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; font-size: 11px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 700; margin-bottom: 20px; margin-right: 15px; padding: 11px 22px; text-align: center; width: auto; } @media (min-width: 768px) { .header-subsite__explore-cta { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .header-subsite__explore-cta { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .header-subsite__explore-cta { font-size: 18px; } } .header-subsite__explore-cta:hover, .header-subsite__explore-cta:focus { background-color: rgba(53, 76, 161, 0.65); } @media (min-width: 100px) and (max-width: 1999px) { .header-subsite__explore-cta { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .header-subsite__explore-cta { font-size: 14px; } } @media screen and (min-width: 100px) { .header-subsite__explore-cta { font-size: calc(11px + 3 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .header-subsite__explore-cta { font-size: 14px; } } @media (min-width: 768px) { .header-subsite__explore-cta { margin-right: 0; } } .header-subsite__explore-cta:last-child { margin-right: 0; } .header-subsite--default .header__subsite::before { opacity: 0.1; } .header { padding-left: 5vw; padding-right: 5vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 20; } @media (min-width: 768px) { .header { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .header { padding-top: 25px; padding-bottom: 25px; } } .smu-branding__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .smu-branding__link { padding-left: 1.5vw; padding-right: 1.5vw; } } .smu-branding-icon { line-height: 0; } .smu-branding-icon>svg { width: 34px; height: 34px; } @media (min-width: 768px) { .smu-branding-icon>svg { width: 40px; height: 40px; } } .smu-branding-text { color: #354ca1; font-family: "tiempos-h", serif; font-size: 27px; line-height: 1; margin-left: 8px; padding-bottom: 2px; } @media (min-width: 768px) { .smu-branding-text { font-size: 27px; padding-bottom: 2px; } } @media (min-width: 768px) { .wrapper--white .smu-branding-text { color: #ffffff; } } .main-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 768px) { .main-nav { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .main-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .nav__list { display: none; } @media (min-width: 768px) { .nav__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 30px; } } .nav__item { letter-spacing: -.025em; font-size: 15px; margin-left: 15px; white-space: nowrap; } @media (min-width: 1200px) { .nav__item { font-size: 17px; margin-left: 30px; } } @media screen and (min-width: 1200px) and (min-width: 100px) { .nav__item { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 1200px) and (min-width: 2000px) { .nav__item { font-size: 21px; } } .nav__item:first-child { margin-left: 0; } .nav__item-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; } .nav__item-link:hover, .nav__item-link:focus { color: #555555; } @media (min-width: 768px) { .wrapper--white .nav__item-link { color: #ffffff; } } @media (min-width: 768px) { .wrapper--white .nav__item-link:hover, .wrapper--white .nav__item-link:focus { color: rgba(255, 255, 255, 0.75); } } .main-nav__button { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 36px; height: 36px; -webkit-transition: border-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: border-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #ffffff; border: 1px solid #dddddd; border-radius: 18px; padding: 0; } .main-nav__button:focus { outline: 0; } @media (min-width: 768px) { .main-nav__button { width: auto; height: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; border-radius: 50px; padding: 10px 18px; } } .main-nav__button:hover, .main-nav__button:focus { border-color: #000000; cursor: pointer; } .main-nav__button+.main-nav__button { margin-left: 15px; } .main-nav__button svg { margin-top: 3px; } .main-nav__button-text { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; margin-right: 7px; } @media (min-width: 100px) and (max-width: 1999px) { .main-nav__button-text { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .main-nav__button-text { font-size: 14px; } } @media (min-width: 0) and (max-width: 767px) { .main-nav__button-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .main-nav__button-text.focusable:active, .main-nav__button-text.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } } .component-heading--condensed .heading__heading { font-family: "america-comp", sans-serif; font-weight: 700; line-height: 1; text-transform: uppercase; } .home-intro-wrapper { padding-bottom: 45px; } @media (min-width: 768px) { .home-intro-wrapper { padding-bottom: 90px; } } @media (min-width: 1200px) { .home-intro-wrapper { padding-bottom: 120px; } } @media (min-width: 1700px) { .home-intro-wrapper { padding-bottom: 180px; } } .home-intro-wrapper .component { padding-bottom: 0; } .home-intro__content { margin-bottom: 0; } @media (min-width: 768px) { .home-intro__content { margin-bottom: 65px; } } .home-intro__headline { font-size: 30px; font-family: "tiempos-f", serif; line-height: 1.1; margin-bottom: 30px; } @media (min-width: 768px) { .home-intro__headline { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .home-intro__headline { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .home-intro__headline { font-size: 66px; } } @media (min-width: 768px) { .home-intro__headline { margin-left: 8.33333%; margin-right: 25%; margin-bottom: 60px; width: 66.66667%; } } @media (min-width: 1200px) { .home-intro__headline { margin-left: 8.33333%; margin-right: 41.66667%; width: 50%; } } .home-intro__body { letter-spacing: -.025em; font-size: 17px; } @media (min-width: 768px) { .home-intro__body { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .home-intro__body { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .home-intro__body { font-size: 21px; } } @media (min-width: 768px) { .home-intro__body { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 3vw; -moz-column-gap: 3vw; column-gap: 3vw; margin-left: 16.66667%; } } @media (min-width: 1200px) { .home-intro__body { margin-left: 25%; margin-right: 8.33333%; width: 66.66667%; } } .home-intro__middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .home-intro__middle { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } } .home-intro__art { padding-bottom: 30px; } @media (min-width: 768px) { .home-intro__art { margin-left: -1.5vw; padding-bottom: 0; width: 66.66667%; } } @media (min-width: 1200px) { .home-intro__art { width: 75%; } } .home-intro__quicklinks { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .home-intro__quicklinks { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 3vw; padding-right: 1.5vw; width: 33.33333%; } } @media (min-width: 1200px) { .home-intro__quicklinks { width: 25%; } } .home-intro__list-header { font-size: 17px; margin-bottom: 15px; } @media screen and (min-width: 100px) { .home-intro__list-header { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .home-intro__list-header { font-size: 21px; } } .home-intro__list { list-style: none; margin: 0; padding: 0; counter-reset: home-list-count; } @media (min-width: 768px) { .home-intro__list { padding-bottom: 60px; } } @media (min-width: 1200px) { .home-intro__list { padding-bottom: 120px; } } .home-intro__list-item { letter-spacing: -.025em; font-size: 17px; counter-increment: home-list-count; margin-top: 10px; } @media screen and (min-width: 100px) { .home-intro__list-item { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .home-intro__list-item { font-size: 21px; } } @media (min-width: 768px) { .home-intro__list-item { margin-top: 15px; } } .home-intro__list-item:first-child { margin-top: 0; } .home-intro__list-item:before { color: #cccccc; content: "0" counter(home-list-count); padding-right: 8px; } .home-intro__link { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; } .home-intro__link:hover, .home-intro__link:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .home-intro-wrapper--image .component-cta { padding-top: 30px; } @media (min-width: 768px) { .home-intro-wrapper--image .component-cta { margin-top: -30px; padding-top: 0; } } @media (min-width: 1200px) { .home-intro-wrapper--image .component-cta { margin-top: -90px; } } @media (min-width: 768px) { .home-intro-wrapper--image .component-cta .component-inner { margin-left: 16.66667%; margin-right: 0; width: 83.33333%; } } @media (min-width: 1200px) { .home-intro-wrapper--image .component-cta .component-inner { margin-left: 25%; width: 75%; } } @media (min-width: 1700px) { .home-intro-wrapper--image .component-cta .component-inner { margin-left: 33.33333%; width: 66.66667%; } } @media (min-width: 768px) { .home-intro-wrapper--image .component-cta .component-cta__buttons { margin-left: 25%; width: 75%; } } @media (min-width: 1200px) { .home-intro-wrapper--image .component-cta .component-cta__buttons { margin-left: 50%; width: 50%; } } .component-image-with-text .component-inner:before { border-radius: 5px; overflow: hidden; } @media (min-width: 768px) { .component-image-with-text .component-inner:before { border-radius: 15px; } } .component-image-with-text .image-with-text__figure { border-radius: 5px 5px 0 0; overflow: hidden; } @media (min-width: 768px) { .component-image-with-text .image-with-text__figure { border-radius: 15px 0 0 15px; } } @media (min-width: 768px) { .component-image-with-text.component-image-with-text--right .image-with-text__figure { border-radius: 0 15px 15px 0; overflow: hidden; } } @media (min-width: 768px) { .component-image-with-text.component-image-with-text--full .image-with-text__art:after, .component-image-with-text.component-image-with-text--full .image-with-text__figure, .component-image-with-text.component-image-with-text--full-center .image-with-text__art:after, .component-image-with-text.component-image-with-text--full-center .image-with-text__figure { border-radius: 15px; overflow: hidden; } } .component-image-with-text.component-image-with-text--transparent .image-with-text__figure { border-radius: 5px; overflow: hidden; } @media (min-width: 768px) { .component-image-with-text.component-image-with-text--transparent .image-with-text__figure { border-radius: 15px; } } .component-list__item-link:hover .component-list__item-title, .component-list__item-link:focus .component-list__item-title { color: #cc0035; } .component-list--numbers .component-list__item-title:before { font-size: 23px; line-height: .95; } @media screen and (min-width: 100px) { .component-list--numbers .component-list__item-title:before { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-list--numbers .component-list__item-title:before { font-size: 34px; } } .component-list--big .component-list__item-title { font-size: 30px; } @media screen and (min-width: 100px) { .component-list--big .component-list__item-title { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-list--big .component-list__item-title { font-size: 66px; } } @media (min-width: 768px) { .component-list--big .component-list__item-title { font-family: "tiempos-f", serif; } } .component-list--numbers.component-list--big .component-list__item-title:before { font-size: 26px; } @media screen and (min-width: 100px) { .component-list--numbers.component-list--big .component-list__item-title:before { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-list--numbers.component-list--big .component-list__item-title:before { font-size: 48px; } } @media (min-width: 768px) { .component-list--numbers.component-list--big .component-list__item-title:before { bottom: .2em; margin-bottom: 0; top: auto; } } .majorsminors__header { position: relative; padding-bottom: 10px; position: relative; } .majorsminors__header::before { content: " "; display: block; position: absolute; right: 0; bottom: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .majorsminors__header::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 768px) { .majorsminors__header { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0; } } @media (min-width: 1200px) { .majorsminors__header { margin-left: 33.33333%; } } .majorsminors__header-item { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 10px; } @media (min-width: 768px) { .majorsminors__header-item { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 100px) and (max-width: 1999px) { .majorsminors__header-item { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .majorsminors__header-item { font-size: 14px; } } @media (min-width: 768px) { .majorsminors__header-item { width: 16.66667%; } } @media (min-width: 1200px) { .majorsminors__header-item { width: 25%; } } .majorsminors__header-item:first-child { display: none; } @media (min-width: 768px) { .majorsminors__header-item:first-child { display: block; width: 50%; } } .majorsminors__header-item .view-control__group { border: 1px solid #dddddd; border-radius: 15px; padding: 5px 5px 5px 15px; width: 100%; } @media (min-width: 768px) { .majorsminors__header-item .view-control__group { border: none; padding: 0; } } .majorsminors__header-item .view-control__group:before { right: 10px; top: 14px; } @media (min-width: 768px) { .majorsminors__header-item .view-control__group:before { right: 0; top: .5em; } } .majorsminors__header-item .view-control__select { font-size: 16px; } @media screen and (min-width: 100px) { .majorsminors__header-item .view-control__select { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .majorsminors__header-item .view-control__select { font-size: 18px; } } .majorsminors__header-label { margin-bottom: 5px; } .majorsminors__list-item { position: relative; position: relative; } .majorsminors__list-item::before { content: " "; display: block; position: absolute; right: 0; bottom: 0; left: 0; background-color: #000000; height: 1px; opacity: 0.1; } @media (min-width: 768px) { .majorsminors__list-item::before { left: 1.5vw; right: 1.5vw; } } @media (min-width: 1200px) { .majorsminors__list-item { margin-left: 33.33333%; } } .majorsminors__list-item.js-hidden { display: none; } .majorsminors__item-details { -webkit-transition: max-height 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: max-height 450ms cubic-bezier(0.215, 0.61, 0.355, 1); max-height: 0; overflow: hidden; } @media (min-width: 768px) { .majorsminors__item-details { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media (min-width: 1200px) { .majorsminors__item-details { position: fixed; top: 50%; left: 1.5vw; -webkit-transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #ffffff; display: block; max-height: 100vh; overflow: hidden; opacity: 0; padding-bottom: 30px; padding-top: 30px; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 32.3%; z-index: 100; } } .js-details-open .majorsminors__item-details { max-height: 1000px; } @media (min-width: 1200px) { .majorsminors__item-content:hover+.majorsminors__item-details { opacity: 1; } } .majorsminors__item-art { -webkit-transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); margin-bottom: 10px; opacity: 0; } @media (min-width: 768px) { .majorsminors__item-art { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .majorsminors__item-art { margin-bottom: 30px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 33.33333%; } } @media (min-width: 1200px) { .majorsminors__item-art { margin-bottom: 15px; opacity: 1; width: 100%; } } .majorsminors__item-art .majorsminors__item-figure { width: 100%; } .js-details-open .majorsminors__item-art { opacity: 1; } @media (min-width: 1200px) { .js-details-open .majorsminors__item-art { opacity: initial; } } .majorsminors__item-description { -webkit-transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1); margin-bottom: 15px; opacity: 0; } @media (min-width: 768px) { .majorsminors__item-description { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .majorsminors__item-description { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 30px; width: 50%; } } @media (min-width: 1200px) { .majorsminors__item-description { margin-bottom: 0; opacity: 1; width: 100%; } } .js-details-open .majorsminors__item-description { opacity: 1; } @media (min-width: 1200px) { .js-details-open .majorsminors__item-description { opacity: initial; } } .majorsminors__item-description h2 { font-size: 17px; margin-bottom: 5px; } @media screen and (min-width: 100px) { .majorsminors__item-description h2 { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .majorsminors__item-description h2 { font-size: 21px; } } .majorsminors__item-description ul { list-style-type: disc; padding-left: 20px; } .majorsminors__item-description p, .majorsminors__item-description li { letter-spacing: -.025em; font-size: 16px; line-height: 1.35; margin-bottom: 10px; } @media screen and (min-width: 100px) { .majorsminors__item-description p, .majorsminors__item-description li { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .majorsminors__item-description p, .majorsminors__item-description li { font-size: 18px; } } .majorsminors__item-description p:last-child, .majorsminors__item-description li:last-child { margin-bottom: 0; } .majorsminors__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .majorsminors__item-content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .majorsminors__item-title { letter-spacing: -.025em; font-size: 23px; font-family: "america", sans-serif; line-height: 1.15; margin-bottom: 0; margin-right: 45px; position: relative; width: 100%; } @media (min-width: 768px) { .majorsminors__item-title { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .majorsminors__item-title { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .majorsminors__item-title { font-size: 34px; } } @media (min-width: 768px) { .majorsminors__item-title { margin-bottom: 0; margin-right: 0; width: 50%; } } .majorsminors__item-title-link { display: block; padding-top: 15px; padding-bottom: 10px; } @media (min-width: 768px) { .majorsminors__item-title-link { padding-top: 30px; padding-bottom: 30px; } } .majorsminors__item-degrees, .majorsminors__item-type { letter-spacing: -.025em; font-size: 16px; line-height: 1.3; margin-bottom: 0; padding-right: 15px; padding-bottom: 15px; width: 50%; } @media (min-width: 768px) { .majorsminors__item-degrees, .majorsminors__item-type { padding-left: 1.5vw; padding-right: 1.5vw; } } @media screen and (min-width: 100px) { .majorsminors__item-degrees, .majorsminors__item-type { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .majorsminors__item-degrees, .majorsminors__item-type { font-size: 18px; } } @media (min-width: 768px) { .majorsminors__item-degrees, .majorsminors__item-type { padding-top: 30px; padding-bottom: 30px; width: 16.66667%; } } @media (min-width: 1200px) { .majorsminors__item-degrees, .majorsminors__item-type { width: 25%; } } .majorsminors__item-title-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); color: #000000; } .majorsminors__item-title-link:hover, .majorsminors__item-title-link:focus { color: #cc0035; } .majorsminors__more { position: absolute; top: 15px; right: 0; } @media (min-width: 768px) { .majorsminors__more { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .majorsminors__more { padding-top: 30px; padding-bottom: 30px; position: static; text-align: right; width: 16.66667%; } } @media (min-width: 1200px) { .majorsminors__more { display: none; } } .majorsminors__more-button { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 30px; height: 30px; border: 1px solid #dddddd; border-radius: 15px; padding: 0; } .majorsminors__more-button:focus { outline: 0; } .majorsminors__more-button:hover, .majorsminors__more-button:focus { cursor: pointer; } .majorsminors__more-button svg { -webkit-transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .js-details-open .majorsminors__more-button svg { -webkit-transform: rotateZ(135deg); transform: rotateZ(135deg); } .overlay-menu--search { position: fixed; top: 0; right: 0; height: 100%; opacity: 0; pointer-events: none; overflow: auto; width: 100%; z-index: 100; } @media (min-width: 768px) { .overlay-menu--search { overflow: hidden; } } .js-menu-search-open .overlay-menu--search { opacity: 1; pointer-events: auto; } @media (min-width: 768px) { .overlay-menu--search .overlay-menu__cover:hover, .overlay-menu--search .overlay-menu__cover:focus { cursor: url("/static/img/close-search-cursor.png") 30 30, auto; } } .overlay-search-inner { position: relative; width: 100%; } @media (min-width: 768px) and (min-width: 768px) { .overlay-search-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } .overlay-search-inner:before { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; background-color: #333333; width: 100%; z-index: 10; } .search-group { -webkit-transition: all 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .search-group:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .search-group:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .search-group:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .search-group:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .search-group:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .search-group:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .search-group:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .search-group:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .search-group:nth-child(9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .search-group:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s; } @media (min-width: 768px) { .search-group { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } } .js-menu-search-open .search-group { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .menu__item { font-size: 17px; } @media screen and (min-width: 100px) { .menu__item { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .menu__item { font-size: 21px; } } .menu__item-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .overlay-search { padding-left: 5vw; padding-right: 5vw; padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 20; } @media (min-width: 768px) { .overlay-search { background-color: transparent; height: 100vh; overflow: auto; padding-bottom: 5vmin; padding-left: 1.5vw; padding-right: 1.5vw; padding-top: 5vmin; width: 100%; } } .overlay__search-bar { padding-top: 70px; padding-bottom: 30px; } @media (min-width: 768px) { .overlay__search-bar { padding-bottom: 50px; } } .overlay__search-form-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; position: relative; width: 100%; } .overlay__search-input { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 17px; margin-left: 25px; margin-right: 25px; width: 100%; } .overlay__search-input:focus { outline: 0; } @media screen and (min-width: 100px) { .overlay__search-input { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .overlay__search-input { font-size: 21px; } } .overlay__search-submit { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 75px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .overlay__search-submit:focus { outline: 0; } .overlay__search-submit:hover, .overlay__search-submit:focus { cursor: pointer; } .overlay__search-submit svg { width: 20px; height: 20px; } .overlay-search .menu__heading { font-size: 23px; color: #ffffff; margin-bottom: 15px; } @media screen and (min-width: 100px) { .overlay-search .menu__heading { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .overlay-search .menu__heading { font-size: 34px; } } @media (min-width: 768px) { .overlay-search .menu__heading { margin-bottom: 25px; } } .overlay-search .menu__overline { font-size: 12px; color: #cccccc; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; border-bottom: 1px solid #444444; padding-bottom: 5px; margin-bottom: 15px; } @media (min-width: 100px) and (max-width: 1999px) { .overlay-search .menu__overline { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .overlay-search .menu__overline { font-size: 14px; } } .overlay-search .menu__list { list-style: none; margin: 0; padding: 0; padding-bottom: 30px; width: 100%; } @media (min-width: 768px) { .overlay-search .menu__list { padding-bottom: 45px; } } .overlay-search .menu__item { line-height: 1.25; margin-top: 10px; } .overlay-search .menu__item:first-child { margin-top: 0; } .overlay-search .menu__item-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 16px; color: #ffffff; font-weight: 400; } @media screen and (min-width: 100px) { .overlay-search .menu__item-link { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .overlay-search .menu__item-link { font-size: 18px; } } .overlay-search .menu__item-link:hover, .overlay-search .menu__item-link:focus { color: #999999; outline: none; } @media (min-width: 768px) { .overlay-search-suggestions .menu__list { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 3vw; -moz-column-gap: 3vw; column-gap: 3vw; } } .overlay-search-suggestions .menu__item { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .overlay-menu--search .menu__ctas { border-top: 1px solid #444444; margin-top: 0; padding-top: 60px; width: 100%; } @media (min-width: 768px) { .overlay-menu--search .menu__ctas { padding-top: 75px; } } .overlay-menu { position: fixed; top: 0; right: 0; height: 100%; opacity: 0; pointer-events: none; overflow: auto; width: 100%; z-index: 100; } @media (min-width: 768px) { .overlay-menu { overflow: hidden; } } .js-menu-open .overlay-menu { opacity: 1; pointer-events: auto; } .overlay-menu__cover { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 10; } @media (min-width: 768px) { .overlay-menu__cover { display: block; } } @media (min-width: 768px) { .overlay-menu__cover:hover, .overlay-menu__cover:focus { cursor: url("/static/img/close-menu-cursor.png") 30 30, auto; } } .overlay-inner { position: absolute; top: 0; right: 0; height: auto; overflow: auto; width: 100%; z-index: 20; } @media (min-width: 768px) { .overlay-inner { width: calc(66.25% + 1.5vw); } } @media (min-width: 1200px) { .overlay-inner { width: calc(50% + 1.5vw); } } .overlay-nav { position: relative; width: 100%; } @media (min-width: 768px) { .overlay-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) and (min-width: 768px) { .overlay-nav { padding-left: 1.5vw; padding-right: 1.5vw; } } .overlay-nav:before { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; background-color: #333333; width: 100%; z-index: 10; } .menu-group { -webkit-transition: all 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .menu-group:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .menu-group:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .menu-group:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .menu-group:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .menu-group:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .menu-group:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .menu-group:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .menu-group:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .menu-group:nth-child(9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .menu-group:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s; } @media (min-width: 768px) { .menu-group { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } } .js-menu-open .menu-group { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .menu__item { font-size: 17px; } @media screen and (min-width: 100px) { .menu__item { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .menu__item { font-size: 21px; } } .menu__item-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .menu--main { padding-left: 5vw; padding-right: 5vw; padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 20; } @media (min-width: 768px) { .menu--main { background-color: transparent; height: 100vh; overflow: auto; padding-bottom: 5vmin; padding-left: 1.5vw; padding-right: 1.5vw; padding-top: 5vmin; width: 100%; } } .menu--main { padding-top: 100px; } @media (min-width: 768px) { .menu--main { padding-top: 135px; } } .menu--main .menu__heading-link { -webkit-transition: background-position 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-position 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 23px; color: #ffffff; background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, transparent), to(transparent)); background-image: linear-gradient(to right, #ffffff 0%, #ffffff 50%, transparent 50%, transparent 100%); background-size: 205% 1px; background-position: 100% 100%; background-repeat: no-repeat; } @media screen and (min-width: 100px) { .menu--main .menu__heading-link { font-size: calc(23px + 11 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .menu--main .menu__heading-link { font-size: 34px; } } .menu--main .menu__heading-link:hover, .menu--main .menu__heading-link:focus { background-position: 0% 100%; } .menu--main .menu__list { border-bottom: 1px solid #444444; margin-bottom: 30px; padding-bottom: 30px; width: 100%; } @media (min-width: 768px) { .menu--main .menu__list { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 3vw; -moz-column-gap: 3vw; column-gap: 3vw; margin-bottom: 45px; padding-bottom: 50px; } } .menu--main .menu__list.menu__list--big .menu__item { margin-top: 20px; } .menu--main .menu__list.menu__list--big .menu__item:first-child { margin-top: 0; } .menu--main .menu__list.menu__list--big .menu__item-link { font-size: 20px; font-family: "tiempos-t", serif; font-weight: 700; } @media screen and (min-width: 100px) { .menu--main .menu__list.menu__list--big .menu__item-link { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .menu--main .menu__list.menu__list--big .menu__item-link { font-size: 28px; } } .menu--main .menu__list.menu__list--big .menu__item-link:hover, .menu--main .menu__list.menu__list--big .menu__item-link:focus { color: #cc0035; } .menu--main .menu__item { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; line-height: 1.25; margin-top: 10px; } .menu--main .menu__item:first-child { margin-top: 0; } .menu--main .menu__item-link { -webkit-transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 16px; color: #ffffff; font-weight: 400; } @media screen and (min-width: 100px) { .menu--main .menu__item-link { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .menu--main .menu__item-link { font-size: 18px; } } .menu--main .menu__item-link:hover, .menu--main .menu__item-link:focus { color: #999999; outline: none; } .menu__buttons { position: absolute; top: 20px; right: 5vw; } @media (min-width: 768px) { .menu__buttons { right: 1.5vw; } } @media (min-width: 1200px) { .menu__buttons { top: 25px; } } .menu__button { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 36px; height: 36px; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; position: relative; z-index: 30; } .menu__button:focus { outline: 0; } @media (min-width: 768px) { .menu__button { width: auto; height: auto; padding: 10px 18px; } } .menu__button:hover, .menu__button:focus { background-color: #333333; cursor: pointer; } .menu__button:hover .menu__button-text, .menu__button:focus .menu__button-text { color: #ffffff; } .menu__button:hover svg *, .menu__button:focus svg * { fill: #ffffff; } .menu__button+.menu__button { margin-left: 15px; } .menu__button svg { margin-top: 3px; } .menu__close { background-color: #333333; } .menu__close .menu__button-text { color: #ffffff; } .menu__close svg * { fill: #ffffff; } .menu__close:hover, .menu__close:focus { background-color: #ffffff; cursor: pointer; } .menu__close:hover .menu__button-text, .menu__close:focus .menu__button-text { color: #000000; } .menu__close:hover svg *, .menu__close:focus svg * { fill: #000000; } .menu__button-text { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; margin-right: 7px; } @media (min-width: 100px) and (max-width: 1999px) { .menu__button-text { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .menu__button-text { font-size: 14px; } } @media (min-width: 0) and (max-width: 767px) { .menu__button-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .menu__button-text.focusable:active, .menu__button-text.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } } .menu__ctas { padding-bottom: 20px; padding-top: 20px; z-index: 100; } .menu__cta-button { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; border: 1px solid #ffffff; border-radius: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 24px 12px; } .menu__cta-button:focus { outline: 0; } .menu__cta-button:hover, .menu__cta-button:focus { background-color: #333333; cursor: pointer; } .menu__cta-button:hover .menu__cta-button-text, .menu__cta-button:focus .menu__cta-button-text { color: #ffffff; } .menu__cta-button .menu__cta-button-text { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; } @media (min-width: 100px) and (max-width: 1999px) { .menu__cta-button .menu__cta-button-text { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .menu__cta-button .menu__cta-button-text { font-size: 14px; } } .menu__cta-button+.menu__cta-button { margin-left: 5vw; } @media (min-width: 768px) { .menu__cta-button+.menu__cta-button { margin-left: 15px; margin-top: 30px; } } .component-newslist .news-list__header { font-size: 17px; font-family: "america-cond", sans-serif; line-height: 1; text-transform: uppercase; } @media screen and (min-width: 100px) { .component-newslist .news-list__header { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-newslist .news-list__header { font-size: 21px; } } @media (min-width: 768px) { .breadcrumb-list { margin-bottom: 15px; } } @media (min-width: 1200px) { .breadcrumb-list { margin-bottom: 30px; } } .page-header__title { font-size: 30px; font-family: "tiempos-f", serif; line-height: 1.1; } @media screen and (min-width: 100px) { .page-header__title { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .page-header__title { font-size: 66px; } } @media (min-width: 768px) { .page-header__title { text-align: center; } } @media (min-width: 768px) { .component-page-header--left .page-header__art, .component-page-header--right .page-header__art { width: 50%; } } @media (min-width: 1200px) { .component-page-header--left .page-header__art, .component-page-header--right .page-header__art { width: 66.66667%; } } @media (min-width: 768px) { .component-page-header--left .page-header__content, .component-page-header--right .page-header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; } } @media (min-width: 1200px) { .component-page-header--left .page-header__content, .component-page-header--right .page-header__content { width: 33.33333%; } } @media (min-width: 768px) { .component-page-header--left .breadcrumb-list, .component-page-header--right .breadcrumb-list { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-page-header--left .breadcrumb-list, .component-page-header--right .breadcrumb-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 768px) { .component-page-header--left .page-header__title, .component-page-header--right .page-header__title { font-size: 26px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-page-header--left .page-header__title, .component-page-header--right .page-header__title { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-page-header--left .page-header__title, .component-page-header--right .page-header__title { font-size: 48px; } } .component-page-header--no-image .page-header__title { font-size: 30px; } @media screen and (min-width: 100px) { .component-page-header--no-image .page-header__title { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-page-header--no-image .page-header__title { font-size: 66px; } } @media (min-width: 768px) { .component-page-header--no-image.component-page-header--left .page-header__content, .component-page-header--no-image.component-page-header--right .page-header__content { width: 66.66667%; } } @media (min-width: 1200px) { .component-page-header--no-image.component-page-header--left .page-header__content, .component-page-header--no-image.component-page-header--right .page-header__content { width: 50%; } } .component-page-header--no-image.component-page-header--left .breadcrumb-list, .component-page-header--no-image.component-page-header--right .breadcrumb-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .component-page-header--no-image.component-page-header--center .breadcrumb-list, .component-page-header--no-image.component-page-header--full .breadcrumb-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .component-page-header--no-image.component-page-header--center .page-header__title, .component-page-header--no-image.component-page-header--full .page-header__title { text-align: center; } .landing-page-header { padding-bottom: 45px; } @media (min-width: 768px) { .landing-page-header { padding-bottom: 90px; } } @media (min-width: 1200px) { .landing-page-header { padding-bottom: 120px; } } @media (min-width: 1700px) { .landing-page-header { padding-bottom: 180px; } } .landing-page-header .component { padding-bottom: 0; } @media (min-width: 768px) { .landing-page-header .component { padding-bottom: 0; } } @media (min-width: 1500px) { .landing-page-header .component { padding-bottom: 0; } } .component-landing-page-header { padding-top: 30px; } .component-landing-page-header .component-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media (min-width: 768px) { .component-landing-page-header .component-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .landing-page-header__figure { background-size: cover; background-position: 50% 50%; height: 100%; overflow: hidden; position: relative; } .landing-page-header__title { font-size: 26px; margin-bottom: 0; } @media screen and (min-width: 100px) { .landing-page-header__title { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .landing-page-header__title { font-size: 48px; } } .landing-page-header__intro { letter-spacing: -.025em; font-size: 17px; color: #000000; line-height: 1.4; margin-bottom: 0; margin-top: 15px; } @media screen and (min-width: 100px) { .landing-page-header__intro { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .landing-page-header__intro { font-size: 21px; } } @media (min-width: 768px) { .landing-page-header__intro { margin-top: 0; } } @media (min-width: 768px) { .component-landing-page-header--bottom .component-inner, .component-landing-page-header--top .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-landing-page-header--bottom .component-inner, .component-landing-page-header--top .component-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .component-landing-page-header--bottom .landing-page-header__figure, .component-landing-page-header--top .landing-page-header__figure { width: 100%; } .component-landing-page-header--bottom .landing-page-header__content, .component-landing-page-header--top .landing-page-header__content { padding: 5vw; position: relative; } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__content, .component-landing-page-header--top .landing-page-header__content { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px; } } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__title, .component-landing-page-header--top .landing-page-header__title { width: 50%; } } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__intro, .component-landing-page-header--top .landing-page-header__intro { margin-left: 11%; width: 39%; } } @media (min-width: 1200px) { .component-landing-page-header--bottom .landing-page-header__intro, .component-landing-page-header--top .landing-page-header__intro { margin-left: 19.75%; width: 30.25%; } } .component-landing-page-header--top .landing-page-header__art { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .component-landing-page-header--top .landing-page-header__figure { border-radius: 0 0 5px 5px; } @media (min-width: 768px) { .component-landing-page-header--top .landing-page-header__figure { border-radius: 0 0 15px 15px; } } .component-landing-page-header--top .landing-page-header__content { border-radius: 5px 5px 0 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .component-landing-page-header--top .landing-page-header__content { border-radius: 15px 15px 0 0; } } .component-landing-page-header--bottom .landing-page-header__figure { border-radius: 5px 5px 0 0; } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__figure { border-radius: 15px 15px 0 0; } } .component-landing-page-header--bottom .landing-page-header__content { border-radius: 0 0 5px 5px; } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__content { border-radius: 0 0 15px 15px; } } @media (min-width: 768px) { .component-landing-page-header--left .component-inner, .component-landing-page-header--right .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-landing-page-header--left .landing-page-header__art, .component-landing-page-header--right .landing-page-header__art { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__art, .component-landing-page-header--right .landing-page-header__art { -webkit-box-ordinal-group: auto; -ms-flex-order: auto; order: auto; width: 50%; } } @media (min-width: 1200px) { .component-landing-page-header--left .landing-page-header__art, .component-landing-page-header--right .landing-page-header__art { width: 67%; } } @media (min-width: 1700px) { .component-landing-page-header--left .landing-page-header__art, .component-landing-page-header--right .landing-page-header__art { width: 75.75%; } } .component-landing-page-header--left .landing-page-header__figure, .component-landing-page-header--right .landing-page-header__figure { border-radius: 0 0 5px 5px; width: 100%; } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__figure, .component-landing-page-header--right .landing-page-header__figure { border-radius: 5px 5px 0 0; } } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__img, .component-landing-page-header--right .landing-page-header__img { opacity: 0; } } @media (min-width: 1200px) { .component-landing-page-header--left .landing-page-header__img, .component-landing-page-header--right .landing-page-header__img { opacity: 1; } } .component-landing-page-header--left .landing-page-header__content, .component-landing-page-header--right .landing-page-header__content { border-radius: 5px 5px 0 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 5vw; position: relative; } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__content, .component-landing-page-header--right .landing-page-header__content { border-radius: 0 0 5px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 30px; width: 50%; } } @media (min-width: 1200px) { .component-landing-page-header--left .landing-page-header__content, .component-landing-page-header--right .landing-page-header__content { width: 33%; } } @media (min-width: 1700px) { .component-landing-page-header--left .landing-page-header__content, .component-landing-page-header--right .landing-page-header__content { width: 24.25%; } } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__intro, .component-landing-page-header--right .landing-page-header__intro { margin-top: 15px; } } @media (min-width: 1700px) { .component-landing-page-header--left .landing-page-header__intro, .component-landing-page-header--right .landing-page-header__intro { margin-top: 30px; } } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__figure { border-radius: 15px 0 0 15px; } } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__content { border-radius: 0 15px 15px 0; } } @media (min-width: 768px) { .component-landing-page-header--right .landing-page-header__art { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 768px) { .component-landing-page-header--right .landing-page-header__figure { border-radius: 0 15px 15px 0; } } @media (min-width: 768px) { .component-landing-page-header--right .landing-page-header__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-radius: 15px 0 0 15px; } } .landing-page-header .component-subnavigation--full { padding-top: 30px; } @media (min-width: 768px) { .landing-page-header .component-subnavigation--full { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .landing-page-header .component-subnavigation--full { padding-top: 45px; } } @media (min-width: 1500px) { .landing-page-header .component-subnavigation--full { padding-top: 60px; } } .component-people-list .people-list__title { font-size: 17px; font-family: "america-cond", sans-serif; line-height: 1; text-transform: uppercase; } @media screen and (min-width: 100px) { .component-people-list .people-list__title { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-people-list .people-list__title { font-size: 21px; } } .people-list__item-link:hover .people-list__item-name, .people-list__item-link:focus .people-list__item-name { color: #cc0035; } .component-recirculation .tease-title-link:hover, .component-recirculation .tease-title-link:focus, .component-recirculation .tease-category-link:hover, .component-recirculation .tease-category-link:focus { color: #cc0035; } .component-story-header { margin-top: 30px; } @media (min-width: 768px) { .component-story-header { margin-top: 60px; } } .component-story-header .component-inner { position: relative; } @media (min-width: 768px) { .component-story-header .component-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .story-header__content { margin-bottom: 30px; } @media (min-width: 768px) { .story-header__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .story-header__content { margin-bottom: 0; } } .story-header__title { font-size: 36px; font-family: "tiempos-f", serif; line-height: 1; margin-bottom: 0; } @media screen and (min-width: 100px) { .story-header__title { font-size: calc(36px + 60 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .story-header__title { font-size: 96px; } } .story-header__title strong { font-weight: 700; } .component-story-header--condensed .story-header__title { font-family: "america-comp", sans-serif; text-transform: uppercase; } .story-header__subhead { letter-spacing: -.025em; font-size: 17px; margin-bottom: 0; margin-top: 15px; } @media screen and (min-width: 100px) { .story-header__subhead { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .story-header__subhead { font-size: 21px; } } @media (min-width: 768px) { .story-header__subhead { margin-top: 30px; } } .story-header__art { z-index: 10; } @media (min-width: 768px) { .story-header__art { padding-left: 1.5vw; padding-right: 1.5vw; } } .story-header__art-wrapper { display: block; position: relative; overflow: hidden; } .story-header__figure-caption { color: #767676; font-size: 13px; line-height: 1.35; margin-top: 10px; position: relative; z-index: 30; } .story-header__img { position: relative; z-index: 30; } @media (min-width: 768px) { .component-story-header--center .component-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .component-story-header--center .story-header__art { width: 100%; } } @media (min-width: 1200px) { .component-story-header--center .story-header__art { margin-left: 8.33333%; margin-right: 8.33333%; width: 83.33333%; } } @media (min-width: 768px) { .component-story-header--center .story-header__figure-caption { margin-right: calc(50% + 1.5vw); } } @media (min-width: 768px) { .component-story-header--center .story-header__content { margin-bottom: 30px; margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } @media (min-width: 1200px) { .component-story-header--center .story-header__content { margin-bottom: 45px; margin-left: 25%; margin-right: 25%; width: 50%; } } .component-story-header--center .story-header__title, .component-story-header--center .story-header__subhead { text-align: center; } @media (min-width: 768px) { .component-story-header--left .component-inner, .component-story-header--right .component-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 768px) { .component-story-header--left .story-header__art, .component-story-header--right .story-header__art { margin-left: 8.33333%; width: 58.33333%; } } @media (min-width: 1200px) { .component-story-header--left .story-header__art, .component-story-header--right .story-header__art { margin-left: 8.33333%; margin-right: 8.33333%; width: 50%; } } @media (min-width: 768px) { .component-story-header--left .story-header__content, .component-story-header--right .story-header__content { margin-left: 0; width: 33.33333%; z-index: 30; } } @media (min-width: 768px) and (min-width: 768px) { .component-story-header--left .story-header__content, .component-story-header--right .story-header__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .component-story-header--left .story-header__content, .component-story-header--right .story-header__content { margin-left: 8.33333%; width: 25%; } } @media (min-width: 768px) { .component-story-header--left .story-header__figure-caption, .component-story-header--right .story-header__figure-caption { margin-right: 1.5vw; } } .component-story-header--left .story-header__art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .component-story-header--left .story-header__art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .component-story-header--left .story-header__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-story-header--left .story-header__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 0; margin-right: 8.33333%; } } @media (min-width: 768px) { .component-story-header--full-top, .component-story-header--full-bottom { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-story-header--full-top .component-inner, .component-story-header--full-bottom .component-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-story-header--full-top .story-header__art, .component-story-header--full-bottom .story-header__art { margin-left: -5vw; margin-right: -5vw; } @media (min-width: 768px) { .component-story-header--full-top .story-header__art, .component-story-header--full-bottom .story-header__art { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-story-header--full-top .story-header__art, .component-story-header--full-bottom .story-header__art { margin-left: auto; margin-right: auto; width: 100%; } } .component-story-header--full-top .story-header__figure-caption, .component-story-header--full-bottom .story-header__figure-caption { padding-left: 5vw; padding-right: 5vw; } @media (min-width: 768px) { .component-story-header--full-top .story-header__figure-caption, .component-story-header--full-bottom .story-header__figure-caption { margin-right: calc(50% + 1.5vw); padding-left: 3vw; padding-right: 3vw; } } @media (min-width: 768px) { .component-story-header--full-top .story-header__content, .component-story-header--full-bottom .story-header__content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px; width: 100%; } } @media (min-width: 1200px) { .component-story-header--full-top .story-header__content, .component-story-header--full-bottom .story-header__content { margin-bottom: 60px; margin-left: 8.33333%; margin-right: 8.33333%; width: 83.33333%; } } @media (min-width: 768px) { .component-story-header--full-top .story-header__title, .component-story-header--full-bottom .story-header__title { width: 60%; } } @media (min-width: 768px) and (min-width: 768px) { .component-story-header--full-top .story-header__title, .component-story-header--full-bottom .story-header__title { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-story-header--full-top .story-header__subhead, .component-story-header--full-bottom .story-header__subhead { margin-top: 0; width: 40%; } } @media (min-width: 768px) and (min-width: 768px) { .component-story-header--full-top .story-header__subhead, .component-story-header--full-bottom .story-header__subhead { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-story-header--full-top { margin-top: 0; } @media (min-width: 768px) { .header+.article--main .component-story-header--full-top { margin-top: -80px; } } @media (min-width: 1200px) { .header+.article--main .component-story-header--full-top { margin-top: -90px; } } .component-story-header--full-top .story-header__art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .component-story-header--full-top .story-header__art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .component-story-header--full-top .story-header__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-story-header--full-top .story-header__content { margin-bottom: 0; margin-top: 45px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 1200px) { .component-story-header--full-top .story-header__content { margin-top: 60px; } } .component-story-header--half-left, .component-story-header--half-right { margin-top: 0; } @media (min-width: 768px) { .component-story-header--half-left, .component-story-header--half-right { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .header+.article--main .component-story-header--half-left, .header+.article--main .component-story-header--half-right { margin-top: -80px; } } @media (min-width: 1200px) { .header+.article--main .component-story-header--half-left, .header+.article--main .component-story-header--half-right { margin-top: -90px; } } @media (min-width: 768px) { .component-story-header--half-left .component-inner, .component-story-header--half-right .component-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 768px) { .component-story-header--half-left .story-header__content, .component-story-header--half-left .story-header__art, .component-story-header--half-right .story-header__content, .component-story-header--half-right .story-header__art { width: 50%; } } @media (min-width: 1200px) { .component-story-header--half-left .story-header__content, .component-story-header--half-right .story-header__content { margin-left: 8.33333%; margin-right: 8.33333%; padding-top: 30px; padding-bottom: 30px; width: 33.33333%; } } @media (min-width: 768px) { .component-story-header--half-left .story-header__art, .component-story-header--half-right .story-header__art { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-story-header--half-right .story-header__content { padding-left: 3vw; } } .component-story-header--half-left .story-header__art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .component-story-header--half-left .story-header__art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .component-story-header--half-left .story-header__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-story-header--half-left .story-header__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 3vw; } } @media (min-width: 768px) { .component-story-header--half-left .story-header__figure-caption { padding-left: 3vw; } } @media (min-width: 768px) { .component-story-header--no-image .component-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .component-story-header--no-image.component-story-header--center { margin-top: 0; } @media (min-width: 768px) { .component-story-header--no-image.component-story-header--center .story-header__content { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } @media (min-width: 1200px) { .component-story-header--no-image.component-story-header--center .story-header__content { margin-left: 25%; margin-right: 25%; width: 50%; } } .component-story-header--no-image.component-story-header--left, .component-story-header--no-image.component-story-header--right, .component-story-header--no-image.component-story-header--half-left, .component-story-header--no-image.component-story-header--half-right { margin-top: 0; } .component-story-header--no-image.component-story-header--left .story-header__content, .component-story-header--no-image.component-story-header--right .story-header__content, .component-story-header--no-image.component-story-header--half-left .story-header__content, .component-story-header--no-image.component-story-header--half-right .story-header__content { padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .component-story-header--no-image.component-story-header--left .story-header__content, .component-story-header--no-image.component-story-header--right .story-header__content, .component-story-header--no-image.component-story-header--half-left .story-header__content, .component-story-header--no-image.component-story-header--half-right .story-header__content { width: 58.33333%; } } @media (min-width: 768px) and (min-width: 768px) { .component-story-header--no-image.component-story-header--left .story-header__content, .component-story-header--no-image.component-story-header--right .story-header__content, .component-story-header--no-image.component-story-header--half-left .story-header__content, .component-story-header--no-image.component-story-header--half-right .story-header__content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 1200px) { .component-story-header--no-image.component-story-header--left .story-header__content, .component-story-header--no-image.component-story-header--right .story-header__content, .component-story-header--no-image.component-story-header--half-left .story-header__content, .component-story-header--no-image.component-story-header--half-right .story-header__content { width: 41.66667%; } } .component-story-header--no-image.component-story-header--half-left, .component-story-header--no-image.component-story-header--half-right { padding-left: 5vw; padding-right: 5vw; } @media (min-width: 768px) { .component-story-header--no-image.component-story-header--half-left, .component-story-header--no-image.component-story-header--half-right { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-story-header--no-image.component-story-header--right .story-header__content, .component-story-header--no-image.component-story-header--half-right .story-header__content { margin-left: 41.66667%; margin-right: 0; } } @media (min-width: 1200px) { .component-story-header--no-image.component-story-header--right .story-header__content, .component-story-header--no-image.component-story-header--half-right .story-header__content { margin-left: 50%; margin-right: 8.33333%; } } .component-story-header--no-image .story-header__subhead, .component-story-header--no-image .story-header__figure-caption { opacity: 1; } .component-story-header--no-image.component-story-header--full-top, .component-story-header--no-image.component-story-header--full-bottom { margin-top: 0; } @media (min-width: 768px) { .component-story-header--no-image.component-story-header--full-top .story-header__content, .component-story-header--no-image.component-story-header--full-bottom .story-header__content { margin-top: 0; margin-bottom: 0; } } .component-story-header[class*='theme--'] { margin-bottom: 45px; padding-top: 12.5vmin; padding-bottom: 12.5vmin; margin-top: 0; } @media (min-width: 768px) { .component-story-header[class*='theme--'] { margin-bottom: 90px; } } @media (min-width: 1200px) { .component-story-header[class*='theme--'] { margin-bottom: 120px; } } @media (min-width: 1700px) { .component-story-header[class*='theme--'] { margin-bottom: 180px; } } @media (min-width: 768px) { .component-story-header[class*='theme--'] { padding-top: 10vmin; padding-bottom: 10vmin; } } @media (min-width: 1500px) { .component-story-header[class*='theme--'] { padding-top: 7.5vmin; padding-bottom: 7.5vmin; } } @media (min-width: 768px) { .header+.article--main .component-story-header[class*='theme--'] { margin-top: -80px; padding-top: calc(10vmin + 80px); } } @media (min-width: 1200px) { .header+.article--main .component-story-header[class*='theme--'] { margin-top: -90px; padding-top: calc(7.5vmin + 90px); } } @media (min-width: 768px) { .component-story-header--half-left.component-story-header--image[class*='theme--'], .component-story-header--half-right.component-story-header--image[class*='theme--'] { padding-top: 0; padding-bottom: 0; } } @media (min-width: 768px) { .header+.article--main .component-story-header--half-left.component-story-header--image[class*='theme--'], .header+.article--main .component-story-header--half-right.component-story-header--image[class*='theme--'] { padding-top: 0; } } @media (min-width: 1200px) { .header+.article--main .component-story-header--half-left.component-story-header--image[class*='theme--'], .header+.article--main .component-story-header--half-right.component-story-header--image[class*='theme--'] { padding-top: 0; } } .component-story-header--half-left.component-story-header--image[class*='theme--'] .story-header__figure, .component-story-header--half-right.component-story-header--image[class*='theme--'] .story-header__figure { position: relative; } @media (min-width: 768px) { .component-story-header--half-left.component-story-header--image[class*='theme--'] .story-header__figure-caption, .component-story-header--half-right.component-story-header--image[class*='theme--'] .story-header__figure-caption { position: absolute; top: 100%; color: #767676; } } .component-story-header--full-top[class*='theme--'] .story-header__figure-caption, .component-story-header--full-bottom[class*='theme--'] .story-header__figure-caption { opacity: .7; } @media (min-width: 768px) { .component-story-header--full-top.component-story-header--image[class*='theme--'] { padding-top: 0; } } @media (min-width: 1200px) { .component-story-header--full-top.component-story-header--image[class*='theme--'] { padding-top: 0; } } @media (min-width: 768px) { .header+.article--main .component-story-header--full-top.component-story-header--image[class*='theme--'] { padding-top: 0; } } @media (min-width: 1200px) { .header+.article--main .component-story-header--full-top.component-story-header--image[class*='theme--'] { padding-top: 0; } } @media (min-width: 768px) { .component-story-header--full-bottom.component-story-header--image[class*='theme--'] { padding-bottom: 0; } } .component-story-header--full-bottom.component-story-header--image[class*='theme--'] .story-header__figure { position: relative; } @media (min-width: 768px) { .component-story-header--full-bottom.component-story-header--image[class*='theme--'] .story-header__figure-caption { position: absolute; top: 100%; color: #767676; } } .subnavigation-title__link:hover, .subnavigation-title__link:focus { color: #cc0035; } .subnavigation-list { border-top: 3px solid #000000; } .subnavigation-item { border-bottom: 1px solid #dddddd; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; margin-bottom: 0; } .subnavigation-item__link { padding-top: 15px; padding-bottom: 15px; } .component-tease-featured { margin-bottom: 45px; max-width: 100vw; overflow: hidden; padding-bottom: 0; position: relative; z-index: 10; } @media (min-width: 768px) { .component-tease-featured { margin-bottom: 90px; } } @media (min-width: 1200px) { .component-tease-featured { margin-bottom: 120px; } } @media (min-width: 1700px) { .component-tease-featured { margin-bottom: 180px; } } .header+.component-tease-featured { margin-top: -76px; padding-top: 20px; } @media (min-width: 768px) { .header+.component-tease-featured { margin-top: -80px; padding-top: 0; } } @media (min-width: 1200px) { .header+.component-tease-featured { margin-top: -90px; } } .component-tease-featured .tease { min-height: 67vh; padding-top: 60px; padding-bottom: 60px; position: relative; } @media (min-width: 768px) { .component-tease-featured .tease { min-height: 0; } } @media (min-width: 768px) { .component-tease-featured .tease--featured { height: 75vh; min-height: 75vh; } } @media (min-width: 1200px) { .component-tease-featured .tease--featured { height: 100vh; min-height: 100vh; } } .component-tease-featured .tease-art, .component-tease-featured .tease-content { position: relative; z-index: 20; } .component-tease-featured .tease-circle-bg { position: absolute; top: 15px; left: 0; z-index: 10; } @media (min-width: 768px) { .component-tease-featured .tease-circle-bg { bottom: 30px; left: 50%; right: auto; top: 30px; } } .component-tease-featured .tease-circle-bg svg { height: auto; width: 100%; } @media (min-width: 768px) { .component-tease-featured .tease-circle-bg svg { -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: auto; } } .component-tease-featured .tease-circle-bg svg image { opacity: .2; } .component-tease-featured .tease-img-bg { position: absolute; top: 0; left: 0; z-index: 10; } @media (min-width: 768px) { .component-tease-featured .tease-img-bg { bottom: 0; left: 50%; right: auto; } } .component-tease-featured .tease-image-link { display: block; } .component-tease-featured .tease-figure { overflow: visible; } .component-tease-featured .tease-img-bg { display: none; } .component-tease-featured .tease-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .component-tease-featured .tease-overline { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(0, 0, 0, 0.6); margin-bottom: 5px; margin-top: 15px; position: relative; text-align: center; z-index: 20; } @media (min-width: 100px) and (max-width: 1999px) { .component-tease-featured .tease-overline { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .component-tease-featured .tease-overline { font-size: 14px; } } @media (min-width: 768px) { .component-tease-featured .tease-overline { margin-top: 0; } } .component-tease-featured .tease-title { font-size: 36px; font-family: "tiempos-f", serif; line-height: 1.05; position: relative; text-align: center; z-index: 20; } @media screen and (min-width: 100px) { .component-tease-featured .tease-title { font-size: calc(36px + 84 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-tease-featured .tease-title { font-size: 120px; } } .component-tease-featured .tease-title-link:hover, .component-tease-featured .tease-title-link:focus { color: #000000; cursor: url("/static/img/arrow-cursor.png") 22 22, auto; } .component-tease-featured .tease-description { color: #000000; text-align: center; } .component-tease-featured .tease-cta { margin-bottom: 0; margin-top: 15px; position: relative; text-align: center; z-index: 20; } @media (min-width: 768px) { .component-tease-featured .tease-cta { margin-top: 30px; } } .component-tease-featured .tease-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-tease-featured .tease-button { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-tease-featured .tease-button { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-tease-featured .tease-button { font-size: 18px; } } .component-tease-featured .tease-button:hover, .component-tease-featured .tease-button:focus { background-color: rgba(0, 0, 0, 0.65); } .theme--text-black .tease-title-link, .theme--text-black .tease-description, .theme--text-black .tease-title-link:hover, .theme--text-black .tease-title-link:focus { color: #000000; } .theme--text-white .tease-title-link, .theme--text-white .tease-description, .theme--text-white .tease-title-link:hover, .theme--text-white .tease-title-link:focus { color: #ffffff; } @media (min-width: 768px) { .theme--text-white .tease-title-link, .theme--text-white .tease-description, .theme--text-white .tease-title-link:hover, .theme--text-white .tease-title-link:focus { color: #ffffff; } } .theme--text-white .tease-overline { color: rgba(255, 255, 255, 0.6); } @media (min-width: 768px) { .theme--text-white .tease-overline { color: rgba(255, 255, 255, 0.6); } } @media (min-width: 768px) { .text-alignment--left .tease-title, .text-alignment--left .tease-description, .text-alignment--left .tease-overline, .text-alignment--left .tease-cta { text-align: left; } } @media (min-width: 768px) { .text-alignment--right .tease-title, .text-alignment--right .tease-description, .text-alignment--right .tease-overline, .text-alignment--right .tease-cta { text-align: right; } } .text-alignment--right .tease-content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 1200px) { .text-alignment--right .tease-description { margin-left: 43%; } } @media (min-width: 768px) { .text-alignment--center .tease-title, .text-alignment--center .tease-description, .text-alignment--center .tease-overline, .text-alignment--center .tease-cta { text-align: center; } } .text-alignment--center .tease-description { margin: 0 auto; } .text-alignment--center .tease-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .text-alignment--center .tease-content { -ms-flex-item-align: center; align-self: center; } } @media (min-width: 1200px) { .text-alignment--center .tease-content { -ms-flex-item-align: auto; align-self: auto; } } .theme--text-serif-bold .tease-title { font-family: "tiempos-f", serif; } .theme--text-serif-regular .tease-title { font-family: "tiempos-f", serif; font-weight: 400; } .theme--text-condensed .tease-title { letter-spacing: -.025em; font-family: "america-cond", sans-serif; text-transform: uppercase; line-height: .9; } .component-tease-featured--bg .tease-img-bg { position: absolute; top: -5vw; right: -5vw; bottom: 0; left: -5vw; display: block; opacity: .25; overflow: hidden; pointer-events: none; z-index: 1; } @media (min-width: 768px) { .component-tease-featured--bg .tease-img-bg { left: 0; opacity: .35; right: 0; top: 0; } } .component-tease-featured--bg .tease-img-bg-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50% 50%; -webkit-filter: blur(4px); filter: blur(4px); -webkit-transform: scale(1.05); transform: scale(1.05); } .component-tease-featured--custom-bg .tease-img-bg { opacity: 1; } @media (min-width: 768px) { .component-tease-featured--custom-bg .tease-img-bg { opacity: 1; } } .component-tease-featured--custom-bg .tease-img-bg-inner { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 768px) { .component-tease-featured--bg-left .tease-img-bg { position: absolute; top: 0; right: 50%; bottom: 0; left: 0; } } @media (min-width: 768px) { .component-tease-featured--bg-left .tease-img-bg-inner { right: -100%; } } @media (min-width: 768px) { .component-tease-featured--bg-right .tease-img-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; } } @media (min-width: 768px) { .component-tease-featured--bg-right .tease-img-bg-inner { left: -100%; } } @media (min-width: 768px) { .component-tease-featured--center .component-inner, .component-tease-featured--center-side-by-side .component-inner, .component-tease-featured--left-crop .component-inner, .component-tease-featured--right-crop .component-inner { width: 100%; } } .component-tease-featured--center .tease--featured, .component-tease-featured--center-side-by-side .tease--featured, .component-tease-featured--left-crop .tease--featured, .component-tease-featured--right-crop .tease--featured { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .component-tease-featured--center .tease--featured, .component-tease-featured--center-side-by-side .tease--featured, .component-tease-featured--left-crop .tease--featured, .component-tease-featured--right-crop .tease--featured { width: 100%; } } .component-tease-featured--center .tease-art, .component-tease-featured--center-side-by-side .tease-art, .component-tease-featured--left-crop .tease-art, .component-tease-featured--right-crop .tease-art { margin-bottom: 0; padding: 0; position: static; width: 100%; } @media (min-width: 768px) { .component-tease-featured--center .tease-art, .component-tease-featured--center-side-by-side .tease-art, .component-tease-featured--left-crop .tease-art, .component-tease-featured--right-crop .tease-art { position: absolute; top: 30px; right: 0; bottom: 30px; left: 0; z-index: 1; } } .component-tease-featured--center .tease-art .tease-figure:after, .component-tease-featured--center-side-by-side .tease-art .tease-figure:after, .component-tease-featured--left-crop .tease-art .tease-figure:after, .component-tease-featured--right-crop .tease-art .tease-figure:after { content: " "; display: block; padding-bottom: 100%; } .component-tease-featured--center .tease-art .tease-figure, .component-tease-featured--center-side-by-side .tease-art .tease-figure, .component-tease-featured--left-crop .tease-art .tease-figure, .component-tease-featured--right-crop .tease-art .tease-figure { border-radius: 50%; background-size: cover; background-position: 50% 50%; overflow: hidden; width: 100%; } @media (min-width: 768px) { .component-tease-featured--center .tease-art .tease-figure, .component-tease-featured--center-side-by-side .tease-art .tease-figure, .component-tease-featured--left-crop .tease-art .tease-figure, .component-tease-featured--right-crop .tease-art .tease-figure { width: calc(75vh - 60px); } } @media (min-width: 1200px) { .component-tease-featured--center .tease-art .tease-figure, .component-tease-featured--center-side-by-side .tease-art .tease-figure, .component-tease-featured--left-crop .tease-art .tease-figure, .component-tease-featured--right-crop .tease-art .tease-figure { width: calc(100vh - 60px); } } .component-tease-featured--center .tease-art .tease-img, .component-tease-featured--center-side-by-side .tease-art .tease-img, .component-tease-featured--left-crop .tease-art .tease-img, .component-tease-featured--right-crop .tease-art .tease-img { display: none; } @media (min-width: 768px) { .crop--rectangle.component-tease-featured--center .tease-art, .crop--rectangle.component-tease-featured--center-side-by-side .tease-art, .crop--rectangle.component-tease-featured--left-crop .tease-art, .crop--rectangle.component-tease-featured--right-crop .tease-art { top: 75px; } } @media (min-width: 1200px) { .crop--rectangle.component-tease-featured--center .tease-art, .crop--rectangle.component-tease-featured--center-side-by-side .tease-art, .crop--rectangle.component-tease-featured--left-crop .tease-art, .crop--rectangle.component-tease-featured--right-crop .tease-art { top: 45px; } } .crop--rectangle.component-tease-featured--center .tease-art .tease-figure, .crop--rectangle.component-tease-featured--center-side-by-side .tease-art .tease-figure, .crop--rectangle.component-tease-featured--left-crop .tease-art .tease-figure, .crop--rectangle.component-tease-featured--right-crop .tease-art .tease-figure { border-radius: 15px; } @media (min-width: 768px) { .crop--rectangle.component-tease-featured--center .tease-art .tease-figure, .crop--rectangle.component-tease-featured--center-side-by-side .tease-art .tease-figure, .crop--rectangle.component-tease-featured--left-crop .tease-art .tease-figure, .crop--rectangle.component-tease-featured--right-crop .tease-art .tease-figure { width: 50%; } } @media (min-width: 1200px) { .crop--rectangle.component-tease-featured--center .tease-art .tease-figure, .crop--rectangle.component-tease-featured--center-side-by-side .tease-art .tease-figure, .crop--rectangle.component-tease-featured--left-crop .tease-art .tease-figure, .crop--rectangle.component-tease-featured--right-crop .tease-art .tease-figure { width: 45.5%; } } @media (min-width: 1200px) { .crop--rectangle.component-tease-featured--left-crop .tease-art, .crop--rectangle.component-tease-featured--right-crop .tease-art { top: 75px; } } @media (min-width: 768px) { .component-tease-featured--center .tease-figure, .component-tease-featured--center-side-by-side .tease-figure { position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 768px) { .component-tease-featured--center .tease-description, .component-tease-featured--center .tease-overline, .component-tease-featured--center .tease-cta, .component-tease-featured--center-side-by-side .tease-description, .component-tease-featured--center-side-by-side .tease-overline, .component-tease-featured--center-side-by-side .tease-cta { text-align: left; width: 100%; } } .component-tease-featured--center .tease-titles, .component-tease-featured--center .tease-details { text-align: center; } @media (min-width: 768px) { .component-tease-featured--center .tease-titles, .component-tease-featured--center .tease-details { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-featured--center .tease-titles, .component-tease-featured--center .tease-details { width: 100%; } } @media (min-width: 1200px) { .component-tease-featured--center .tease-titles, .component-tease-featured--center .tease-details { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } .component-tease-featured--center .tease-title { text-align: center; } .component-tease-featured--center .tease-details { text-align: center; } @media (min-width: 768px) { .component-tease-featured--center .tease-details { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-featured--center .tease-details { margin-left: 16.66667%; margin-right: 16.66667%; width: 66.66667%; } } @media (min-width: 1200px) { .component-tease-featured--center .tease-details { margin-left: 25%; margin-right: 25%; width: 50%; } } .component-tease-featured--center .tease-overline, .component-tease-featured--center .tease-description, .component-tease-featured--center .tease-cta { text-align: center; } @media (min-width: 768px) { .component-tease-featured--center-side-by-side .tease--featured { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 768px) { .component-tease-featured--center-side-by-side .tease-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 768px) { .component-tease-featured--center-side-by-side .tease-titles { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-featured--center-side-by-side .tease-titles { width: 50%; } } @media (min-width: 1200px) { .component-tease-featured--center-side-by-side .tease-titles { margin-left: 8.33333%; } } .component-tease-featured--center-side-by-side .tease-title { text-align: center; } @media (min-width: 768px) { .component-tease-featured--center-side-by-side .tease-title { text-align: left; } } @media (min-width: 768px) { .component-tease-featured--center-side-by-side .tease-details { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-featured--center-side-by-side .tease-details { width: 50%; } } @media (min-width: 1200px) { .component-tease-featured--center-side-by-side .tease-details { margin-left: 16.66667%; width: 25%; } } @media (min-width: 768px) { .component-tease-featured--bg.component-tease-featured--center, .component-tease-featured--bg.component-tease-featured--center-side-by-side { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-tease-featured--bg.component-tease-featured--center .tease--featured, .component-tease-featured--bg.component-tease-featured--center-side-by-side .tease--featured { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-featured--bg.component-tease-featured--center .tease--featured, .component-tease-featured--bg.component-tease-featured--center-side-by-side .tease--featured { overflow: hidden; } } @media (min-width: 768px) { .component-tease-featured--bg.component-tease-featured--left-crop, .component-tease-featured--bg.component-tease-featured--right-crop { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .component-tease-featured--bg.component-tease-featured--left-crop .tease--featured, .component-tease-featured--bg.component-tease-featured--right-crop .tease--featured { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-featured--left-crop .tease-figure, .component-tease-featured--right-crop .tease-figure { position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 1200px) { .component-tease-featured--left-crop .tease-figure, .component-tease-featured--right-crop .tease-figure { -webkit-transform: translateX(0); transform: translateX(0); } } .component-tease-featured--left-crop .tease-content, .component-tease-featured--right-crop .tease-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-tease-featured--left-crop .tease-content, .component-tease-featured--right-crop .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-featured--left-crop .tease-content, .component-tease-featured--right-crop .tease-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 50%; } } @media (min-width: 1200px) { .component-tease-featured--left-crop .tease-content, .component-tease-featured--right-crop .tease-content { width: 41.66667%; } } @media (min-width: 768px) { .component-tease-featured--left-crop .tease-overline, .component-tease-featured--right-crop .tease-overline { margin-bottom: 30px; } } .component-tease-featured--left-crop .tease-title, .component-tease-featured--right-crop .tease-title { font-size: 36px; position: relative; z-index: 20; } @media screen and (min-width: 100px) { .component-tease-featured--left-crop .tease-title, .component-tease-featured--right-crop .tease-title { font-size: calc(36px + 84 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-tease-featured--left-crop .tease-title, .component-tease-featured--right-crop .tease-title { font-size: 120px; } } @media (min-width: 768px) { .component-tease-featured--left-crop .tease-title, .component-tease-featured--right-crop .tease-title { margin-bottom: 15px; } } @media (min-width: 1200px) { .component-tease-featured--left-crop .tease-description, .component-tease-featured--right-crop .tease-description { width: 57%; } } @media (min-width: 768px) { .component-tease-featured--left-crop .tease-content { width: 50%; } } @media (min-width: 1200px) { .component-tease-featured--left-crop .tease-content { margin-left: 50%; margin-right: 8.33333%; } } @media (min-width: 1200px) { .component-tease-featured--left-crop .tease-figure { left: 3vw; top: 0; } } @media (min-width: 1200px) { .component-tease-featured--left-crop.component-tease-featured--bg-left .tease-img-bg, .component-tease-featured--left-crop.component-tease-featured--bg-right .tease-img-bg { position: absolute; top: 0; right: 66%; bottom: 0; left: 0; } } @media (min-width: 768px) { .component-tease-featured--left-crop.component-tease-featured--bg-left .tease-img-bg-inner, .component-tease-featured--left-crop.component-tease-featured--bg-right .tease-img-bg-inner { left: 0; right: -100%; } } @media (min-width: 1200px) { .component-tease-featured--left-crop.component-tease-featured--bg-left .tease-img-bg-inner, .component-tease-featured--left-crop.component-tease-featured--bg-right .tease-img-bg-inner { left: 0; right: -190%; } } @media (min-width: 768px) { .component-tease-featured--right-crop .tease-content { width: 50%; } } @media (min-width: 1200px) { .component-tease-featured--right-crop .tease-content { margin-left: 0; margin-right: 8.33333%; } } @media (min-width: 1200px) { .component-tease-featured--right-crop .tease-figure { left: auto; right: 3vw; top: 0; } } @media (min-width: 768px) { .component-tease-featured--right-crop.component-tease-featured--bg-left .tease-img-bg, .component-tease-featured--right-crop.component-tease-featured--bg-right .tease-img-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; } } @media (min-width: 1200px) { .component-tease-featured--right-crop.component-tease-featured--bg-left .tease-img-bg, .component-tease-featured--right-crop.component-tease-featured--bg-right .tease-img-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 66%; } } @media (min-width: 768px) { .component-tease-featured--right-crop.component-tease-featured--bg-left .tease-img-bg-inner, .component-tease-featured--right-crop.component-tease-featured--bg-right .tease-img-bg-inner { left: -100%; right: 0; } } @media (min-width: 1200px) { .component-tease-featured--right-crop.component-tease-featured--bg-left .tease-img-bg-inner, .component-tease-featured--right-crop.component-tease-featured--bg-right .tease-img-bg-inner { left: -190%; right: 0; } } @media (min-width: 768px) { .component-tease-featured--left .tease, .component-tease-featured--right .tease { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 1500px) { .component-tease-featured--left .tease, .component-tease-featured--right .tease { padding-top: 90px; padding-bottom: 90px; } } .component-tease-featured--left .tease .tease-img-bg, .component-tease-featured--right .tease .tease-img-bg { display: none; } .component-tease-featured--left .tease .tease-art, .component-tease-featured--right .tease .tease-art { margin-bottom: 30px; } @media (min-width: 768px) { .component-tease-featured--left .tease .tease-art, .component-tease-featured--right .tease .tease-art { margin-bottom: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 50%; } } @media (min-width: 1200px) { .component-tease-featured--left .tease .tease-art, .component-tease-featured--right .tease .tease-art { margin-right: 0; margin-left: 8.33333%; width: 41.66667%; } } .component-tease-featured--left .tease .tease-figure, .component-tease-featured--right .tease .tease-figure { padding: 30px 45px 0 45px; } @media (min-width: 768px) { .component-tease-featured--left .tease .tease-figure, .component-tease-featured--right .tease .tease-figure { padding: 0; } } .component-tease-featured--left .tease .tease-content, .component-tease-featured--right .tease .tease-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-tease-featured--left .tease .tease-content, .component-tease-featured--right .tease .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-featured--left .tease .tease-content, .component-tease-featured--right .tease .tease-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 50%; } } @media (min-width: 1200px) { .component-tease-featured--left .tease .tease-content, .component-tease-featured--right .tease .tease-content { margin-left: 0; margin-right: 8.33333%; width: 41.66667%; } } @media (min-width: 768px) { .component-tease-featured--left .tease .tease-overline, .component-tease-featured--right .tease .tease-overline { margin-bottom: 30px; } } .component-tease-featured--left .tease .tease-title, .component-tease-featured--right .tease .tease-title { font-size: 36px; position: relative; z-index: 20; } @media screen and (min-width: 100px) { .component-tease-featured--left .tease .tease-title, .component-tease-featured--right .tease .tease-title { font-size: calc(36px + 84 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-tease-featured--left .tease .tease-title, .component-tease-featured--right .tease .tease-title { font-size: 120px; } } @media (min-width: 768px) { .component-tease-featured--left .tease .tease-title, .component-tease-featured--right .tease .tease-title { margin-bottom: 15px; } } @media (min-width: 1200px) { .component-tease-featured--left .tease .tease-description, .component-tease-featured--right .tease .tease-description { width: 57%; } } .component-tease-featured--right .tease .tease-art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .component-tease-featured--right .tease .tease-art { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 1200px) { .component-tease-featured--right .tease .tease-art { margin-left: 0; margin-right: 8.33333%; } } .component-tease-featured--right .tease .tease-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-tease-featured--right .tease .tease-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 1200px) { .component-tease-featured--right .tease .tease-content { margin-left: 8.33333%; margin-right: 0; } } .tease { position: relative; } @media (min-width: 768px) { .tease-type { padding-left: 1.5vw; padding-right: 1.5vw; } } .tease-title-link:hover, .tease-title-link:focus, .tease-category-link:hover, .tease-category-link:focus { color: #cc0035; } @media (min-width: 768px) { .component-tease-single--center .component-inner { margin: 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .component-tease-single--center .component-inner { width: 66.66667%; } } @media (min-width: 768px) { .component-tease-single--center .tease-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .component-tease-single--center .tease-title, .component-tease-single--center .tease-description { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-single--center .tease-title, .component-tease-single--center .tease-description { width: 50%; } } @media (min-width: 768px) { .component-tease-single--left .tease, .component-tease-single--right .tease { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .component-tease-single--left .tease-type, .component-tease-single--right .tease-type { position: absolute; top: 0; left: 0; } } @media (min-width: 768px) { .component-tease-single--left .tease-art, .component-tease-single--right .tease-art { margin-bottom: 0; width: 66.66667%; } } @media (min-width: 768px) { .component-tease-single--left .tease-content, .component-tease-single--right .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-single--left .tease-content, .component-tease-single--right .tease-content { -ms-flex-line-pack: end; align-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 33.33333%; } } @media (min-width: 768px) { .component-tease-single--left .tease-type { left: calc(66.66667%); } } .component-tease-single--right .tease-art { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .component-tease-single--right .tease-art { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .component-tease-single--right .tease-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 768px) { .component-tease-single--right .tease-content { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-tease-single--right .tease-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .component-text h1 a, .component-text h2 a, .component-text h3 a, .component-text h4 a, .component-text h5 a, .component-text h6 a, .component-text p a, .component-text li a { -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: inset 0 -1px #15a1e5; box-shadow: inset 0 -1px #15a1e5; color: #000000; } .component-text h1 a:hover, .component-text h1 a:focus, .component-text h2 a:hover, .component-text h2 a:focus, .component-text h3 a:hover, .component-text h3 a:focus, .component-text h4 a:hover, .component-text h4 a:focus, .component-text h5 a:hover, .component-text h5 a:focus, .component-text h6 a:hover, .component-text h6 a:focus, .component-text p a:hover, .component-text p a:focus, .component-text li a:hover, .component-text li a:focus { -webkit-box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } .component-text p a, .component-text li a { word-break: break-word; } .component-text p strong, .component-text li strong { color: #000000; } .component-video .overlay-wrapper circle { -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .component-video .overlay-wrapper:hover circle { fill: #cc0035; } .component-video .overlay-wrapper path { -webkit-transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: fill 450ms cubic-bezier(0.215, 0.61, 0.355, 1); } .component-video .overlay-wrapper:hover path { fill: #ffffff; } </style> <style> /* Stats */ @media (min-width: 768px) { .component-stat .component-inner { margin: 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .component-stat .component-inner { width: 66.66667%; } } @media (min-width: 768px) { .component-stat__header { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-stat__heading { font-size: 20px; margin-bottom: 5px; } @media screen and (min-width: 100px) { .component-stat__heading { font-size: calc(20px + 8 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat__heading { font-size: 28px; } } .component-stat__description { letter-spacing: -.025em; font-size: 16px; margin-bottom: 0; } @media screen and (min-width: 100px) { .component-stat__description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat__description { font-size: 18px; } } .component-stat__list { list-style: none; margin: 0; padding: 0; } @media (min-width: 768px) { .component-stat__list { display: flex; } } .component-stat__item { margin-top: 15px; } @media (min-width: 768px) { .component-stat__item { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-stat__item { margin-top: 0; } } .component-stat__item-image { display: none; } .component-stat__item-value { font-size: 26px; font-family: "tiempos-f", serif; margin-bottom: 10px; } @media screen and (min-width: 100px) { .component-stat__item-value { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat__item-value { font-size: 48px; } } .component-stat__item-description { letter-spacing: -.025em; font-size: 16px; color: #767676; line-height: 1.35; } @media screen and (min-width: 100px) { .component-stat__item-description { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat__item-description { font-size: 18px; } } .component-stat__item-description p:last-child { margin-bottom: 0; } .component-stat--simple .component-stat__header { margin-bottom: 30px; } @media (min-width: 768px) { .component-stat--simple .component-stat__header { margin-bottom: 60px; margin-right: 50%; width: 50%; } } @media (min-width: 768px) { .component-stat--simple .component-stat__list { flex-wrap: wrap; margin-top: -15px; } } .component-stat--simple .component-stat__item { margin-top: 15px; } @media (min-width: 768px) { .component-stat--simple .component-stat__item { width: 33.33333%; } } @media (min-width: 768px) { .component-stat--row .component-inner { display: flex; width: 100%; } } .component-stat--row .component-stat__header { padding-bottom: 15px; } @media (min-width: 768px) { .component-stat--row .component-stat__header { padding-bottom: 0; width: 25%; } } @media (min-width: 768px) { .component-stat--row .component-stat__list { flex-wrap: wrap; width: 75%; } } .component-stat--row .component-stat__item { background-color: #000000; margin-top: 0; padding: 30px; position: relative; } @media (min-width: 768px) { .component-stat--row .component-stat__item { display: flex; flex-direction: column; justify-content: space-between; min-height: 50vmin; padding: 30px 1.5vw; width: 33.33333%; } } .component-stat--row .component-stat__item-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000000; background-position: 50% 50%; background-size: cover; display: block; z-index: 10; } .component-stat--row .component-stat__item-image:before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 10; } .component-stat--row .component-stat__item-value, .component-stat--row .component-stat__item-description { color: #ffffff; position: relative; z-index: 20; } .component-stat--row .component-stat__item-value { font-size: 30px; flex: 1 0 auto; } @media screen and (min-width: 100px) { .component-stat--row .component-stat__item-value { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat--row .component-stat__item-value { font-size: 66px; } } @media (min-width: 768px) { .component-stat--row .component-stat__item-description { padding-top: 5vh; } } @media (min-width: 768px) { .component-stat--grid .component-inner { display: flex; flex-wrap: wrap; width: 100%; } } @media (min-width: 768px) { .component-stat--grid .component-inner { width: 83.33333%; } } .component-stat--grid .component-stat__header { margin-bottom: 30px; width: 100%; } @media (min-width: 768px) { .component-stat--grid .component-stat__header { margin-bottom: 60px; } } .component-stat--grid .component-stat__heading, .component-stat--grid .component-stat__description { text-align: center; } @media (min-width: 768px) { .component-stat--grid .component-stat__heading, .component-stat--grid .component-stat__description { margin-left: auto; margin-right: auto; width: 50%; } } .component-stat--grid .component-stat__list { border: 1px solid #dddddd; border-width: 1px 0 0 1px; } @media (min-width: 768px) { .component-stat--grid .component-stat__list { flex-wrap: wrap; } } .component-stat--grid .component-stat__item { border: 1px solid #dddddd; border-width: 0 1px 1px 0; margin-top: 0; padding: 30px; } @media (min-width: 768px) { .component-stat--grid .component-stat__item { display: flex; flex-direction: column; padding: 30px; width: 33.33333%; } } .component-stat--grid .component-stat__item-value, .component-stat--grid .component-stat__item-description { text-align: center; } .component-stat--grid .component-stat__item-value { font-size: 30px; } @media screen and (min-width: 100px) { .component-stat--grid .component-stat__item-value { font-size: calc(30px + 36 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .component-stat--grid .component-stat__item-value { font-size: 66px; } } /* Buttons */ .directory-section__cta:hover { color: white!important; } .component-button .component-inner { position: relative; } @media (min-width: 768px) { .component-button .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-button .component-inner { display: flex; flex-wrap: wrap; } } .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button__item { font-size: 18px; } } .component-button__item:hover, .component-button__item:focus { background-color: rgba(0, 0, 0, 0.65); } .component-button__item+.component-button__item { margin-left: 15px; } .component-button--center .component-inner { justify-content: center; text-align: center; } .component-button--right .component-inner { justify-content: flex-end; text-align: right; } .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button__item { font-size: 18px; } } .component-button__item:hover, .component-button__item:focus { background-color: rgba(0, 0, 0, 0.65); } .component-button--black .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #000000; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button--black .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button--black .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button--black .component-button__item { font-size: 18px; } } .component-button--black .component-button__item:hover, .component-button--black .component-button__item:focus { background-color: rgba(0, 0, 0, 0.65); } .component-button--white .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #ffffff; border-radius: 30px; color: #000000; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button--white .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button--white .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button--white .component-button__item { font-size: 18px; } } .component-button--white .component-button__item:hover, .component-button--white .component-button__item:focus { background-color: #dddddd; } .component-button--red .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #cc0035; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button--red .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button--red .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button--red .component-button__item { font-size: 18px; } } .component-button--red .component-button__item:hover, .component-button--red .component-button__item:focus { background-color: #000000; } .component-button--blue .component-button__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; transition: background-color 450ms cubic-bezier(0.215, 0.61, 0.355, 1), color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #354ca1; border-radius: 30px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; max-width: calc(100vw - 10vw); padding: 7px 17px; text-transform: uppercase; } @media (min-width: 768px) { .component-button--blue .component-button__item { font-size: 16px; padding: 7px 25px; } } @media screen and (min-width: 768px) and (min-width: 100px) { .component-button--blue .component-button__item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 768px) and (min-width: 2000px) { .component-button--blue .component-button__item { font-size: 18px; } } .component-button--blue .component-button__item:hover, .component-button--blue .component-button__item:focus { background-color: #000000; } /*LInk LIst*/ .linklist-list { list-style: none; margin: 0; padding: 0; counter-reset: link-list-count; } .linklist-header { font-size: 12px; color: #767676; font-family: "america", sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; margin: 6px 0 12px; } @media (min-width: 100px) and (max-width: 1999px) { .linklist-header { font-size: calc( 12px + (14 - 12) * ( 100vw - 100px) / (2000 - 100)); } } @media (min-width: 2000px) { .linklist-header { font-size: 14px; } } .linklist-item { font-size: 16px; margin-bottom: 12px; } @media screen and (min-width: 100px) { .linklist-item { font-size: calc(16px + 2 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .linklist-item { font-size: 18px; } } .component-linklist--numbers .linklist-item { counter-increment: link-list-count; padding-left: 35px; position: relative; } .component-linklist--numbers .linklist-item:before { position: absolute; top: 0; left: 0; color: #cccccc; content: "0" counter(link-list-count); } .linklist-item__link { transition: box-shadow 500ms cubic-bezier(0.215, 0.61, 0.355, 1), color 500ms cubic-bezier(0.215, 0.61, 0.355, 1); box-shadow: inset 0 -1px #15a1e5; color: #000000; color: #000000; } .linklist-item__link:hover, .linklist-item__link:focus { box-shadow: inset 0 -0.5em rgba(21, 161, 229, 0.4); color: #000000; } /* end - LinkList */ /* hide util elements */ ._util-label, ._util-select { display: none!important; } .landing-page-header { padding-bottom: 45px; } @media (min-width: 768px) { .landing-page-header { padding-bottom: 90px; } } @media (min-width: 1200px) { .landing-page-header { padding-bottom: 120px; } } @media (min-width: 1700px) { .landing-page-header { padding-bottom: 180px; } } .landing-page-header .component { padding-bottom: 0; } @media (min-width: 768px) { .landing-page-header .component { padding-bottom: 0; } } @media (min-width: 1500px) { .landing-page-header .component { padding-bottom: 0; } } .component-landing-page-header { padding-top: 30px; } .component-landing-page-header .component-inner { display: flex; flex-direction: column; position: relative; } @media (min-width: 768px) { .component-landing-page-header .component-inner { flex-direction: row; } } .landing-page-header__figure { background-size: cover; background-position: 50% 50%; height: 100%; overflow: hidden; position: relative; } .landing-page-header__title { font-size: 26px; margin-bottom: 0; } @media screen and (min-width: 100px) { .landing-page-header__title { font-size: calc(26px + 22 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .landing-page-header__title { font-size: 48px; } } .landing-page-header__intro { letter-spacing: -.025em; font-size: 17px; color: #000000; line-height: 1.4; margin-bottom: 0; margin-top: 15px; } @media screen and (min-width: 100px) { .landing-page-header__intro { font-size: calc(17px + 4 * ((100vw - 100px) / 1900)); } } @media screen and (min-width: 2000px) { .landing-page-header__intro { font-size: 21px; } } @media (min-width: 768px) { .landing-page-header__intro { margin-top: 0; } } @media (min-width: 768px) { .component-landing-page-header--bottom .component-inner, .component-landing-page-header--top .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .component-landing-page-header--bottom .component-inner, .component-landing-page-header--top .component-inner { flex-direction: column; } } .component-landing-page-header--bottom .landing-page-header__figure, .component-landing-page-header--top .landing-page-header__figure { width: 100%; } .component-landing-page-header--bottom .landing-page-header__content, .component-landing-page-header--top .landing-page-header__content { padding: 5vw; position: relative; } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__content, .component-landing-page-header--top .landing-page-header__content { display: flex; padding: 30px; } } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__title, .component-landing-page-header--top .landing-page-header__title { width: 50%; } } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__intro, .component-landing-page-header--top .landing-page-header__intro { margin-left: 11%; width: 39%; } } @media (min-width: 1200px) { .component-landing-page-header--bottom .landing-page-header__intro, .component-landing-page-header--top .landing-page-header__intro { margin-left: 19.75%; width: 30.25%; } } .component-landing-page-header--top .landing-page-header__art { order: 2; } .component-landing-page-header--top .landing-page-header__figure { border-radius: 0 0 5px 5px; } @media (min-width: 768px) { .component-landing-page-header--top .landing-page-header__figure { border-radius: 0 0 15px 15px; } } .component-landing-page-header--top .landing-page-header__content { border-radius: 5px 5px 0 0; order: 1; } @media (min-width: 768px) { .component-landing-page-header--top .landing-page-header__content { border-radius: 15px 15px 0 0; } } .component-landing-page-header--bottom .landing-page-header__figure { border-radius: 5px 5px 0 0; } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__figure { border-radius: 15px 15px 0 0; } } .component-landing-page-header--bottom .landing-page-header__content { border-radius: 0 0 5px 5px; } @media (min-width: 768px) { .component-landing-page-header--bottom .landing-page-header__content { border-radius: 0 0 15px 15px; } } @media (min-width: 768px) { .component-landing-page-header--left .component-inner, .component-landing-page-header--right .component-inner { padding-left: 1.5vw; padding-right: 1.5vw; } } .component-landing-page-header--left .landing-page-header__art, .component-landing-page-header--right .landing-page-header__art { order: 2; } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__art, .component-landing-page-header--right .landing-page-header__art { order: auto; width: 50%; } } @media (min-width: 1200px) { .component-landing-page-header--left .landing-page-header__art, .component-landing-page-header--right .landing-page-header__art { width: 67%; } } @media (min-width: 1700px) { .component-landing-page-header--left .landing-page-header__art, .component-landing-page-header--right .landing-page-header__art { width: 75.75%; } } .component-landing-page-header--left .landing-page-header__figure, .component-landing-page-header--right .landing-page-header__figure { border-radius: 0 0 5px 5px; width: 100%; } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__figure, .component-landing-page-header--right .landing-page-header__figure { border-radius: 5px 5px 0 0; } } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__img, .component-landing-page-header--right .landing-page-header__img { opacity: 0; } } @media (min-width: 1200px) { .component-landing-page-header--left .landing-page-header__img, .component-landing-page-header--right .landing-page-header__img { opacity: 1; } } .component-landing-page-header--left .landing-page-header__content, .component-landing-page-header--right .landing-page-header__content { border-radius: 5px 5px 0 0; order: 1; padding: 5vw; position: relative; } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__content, .component-landing-page-header--right .landing-page-header__content { border-radius: 0 0 5px 5px; display: flex; flex-direction: column; justify-content: flex-end; order: 2; padding: 30px; width: 50%; } } @media (min-width: 1200px) { .component-landing-page-header--left .landing-page-header__content, .component-landing-page-header--right .landing-page-header__content { width: 33%; } } @media (min-width: 1700px) { .component-landing-page-header--left .landing-page-header__content, .component-landing-page-header--right .landing-page-header__content { width: 24.25%; } } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__intro, .component-landing-page-header--right .landing-page-header__intro { margin-top: 15px; } } @media (min-width: 1700px) { .component-landing-page-header--left .landing-page-header__intro, .component-landing-page-header--right .landing-page-header__intro { margin-top: 30px; } } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__figure { border-radius: 15px 0 0 15px; } } @media (min-width: 768px) { .component-landing-page-header--left .landing-page-header__content { border-radius: 0 15px 15px 0; } } @media (min-width: 768px) { .component-landing-page-header--right .landing-page-header__art { order: 2; } } @media (min-width: 768px) { .component-landing-page-header--right .landing-page-header__figure { border-radius: 0 15px 15px 0; } } @media (min-width: 768px) { .component-landing-page-header--right .landing-page-header__content { order: 1; border-radius: 15px 0 0 15px; } } .landing-page-header .component-subnavigation--full { padding-top: 30px; } @media (min-width: 768px) { .landing-page-header .component-subnavigation--full { padding-left: 1.5vw; padding-right: 1.5vw; } } @media (min-width: 768px) { .landing-page-header .component-subnavigation--full { padding-top: 45px; } } @media (min-width: 1500px) { .landing-page-header .component-subnavigation--full { padding-top: 60px; } } @media screen and (max-width: 1200px){ .split-tease__multi { justify-content: flex-start!important; } } @media screen and (min-width: 1762px){ .component-text ul { padding-left: 40px!important; } } </style> <style> .alert-list__badge { width: fit-content!important; height: auto!important; border-radius: 20px!important; } .alert-list__badge--red { background-color: #cc0035; border-color: #cc0035; } .alert-list__badge--red:hover { background-color: #ffffff; border-color: #cc0035; color: #cc0035; } </style> </head> <body> <div id="smu-main" class="smu-admission"> <div id="top" tabindex="-1"> <a class="sr-only sr-only-focusable" href="#main-content">Skip to main content</a> <header id="smu-header-explore"> <div class="container-fluid d-flex header-subsite" id="smu-menu-explore"> <div class="col"> <a class="smu-branding__link" href="https://www.smu.edu"> <span class="smu-branding-icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288.74 84.56"> <defs> <style> .cls-blue-type { fill: #354ca1; } </style> </defs> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path class="cls-blue-type" d="M288.74,77.45a5.05,5.05,0,1,1-5.05-5A5,5,0,0,1,288.74,77.45Zm-.82,0a4.24,4.24,0,1,0-4.24,4.37A4.23,4.23,0,0,0,287.92,77.45Zm-5.29,3h-.81v-6h2.31c1.34,0,1.94.59,1.94,1.66a1.63,1.63,0,0,1-1.39,1.68l1.68,2.66h-.93L283.8,77.8h-1.16v2.66Zm.94-3.35c.78,0,1.66,0,1.66-1,0-.84-.68-1-1.31-1h-1.3v2h.95Z" /> <path class="cls-blue-type" d="M89,70.76Z" /> <path class="cls-blue-type" d="M272.53,1.63H255.16v7s4.17,1.24,4.28,5.1V46.45c0,11.41-4.31,18.78-16.2,18.78-11.53,0-17.47-7.13-17.47-18.78V15.34l0,0c0-6.28,4.41-6.78,4.41-6.78V1.64H201.51v7s4.18,1.25,4.28,5.11h0V47.75c0,20.92,13.31,36,37.44,36,24.48,0,36.17-16.64,36.17-36V14.12c.55-4.94,4.34-5.54,4.34-5.54V1.64H272.53" /> <path class="cls-blue-type" d="M190.05,1.64h-21.6L139.73,29.4,111,1.64H89.41v7s3.92.55,4.37,5.76V69.08c0,5.88-4.45,6.12-4.45,6.12v7.27H118.1V75.21h0c-.09,0-3.81,0-4.34-5V33.53l26,25,26-25V70.24c-.53,4.93-4.25,5-4.34,5h0v7.26h28.77V75.19s-4.45-.24-4.45-6.12V14.37c.44-5.21,4.37-5.76,4.37-5.76v-7" /> <path class="cls-blue-type" d="M38.71,0c-3.54,0-9.14.23-12.18.6C14,2.12,0,9.63,0,25.33,0,36.5,5,43.63,17.3,46.67c14,3.46,26.31,3.46,32.94,4.61S58.31,56,58,59.5,53.43,65.19,50,66a76.4,76.4,0,0,1-12.13.92,55.31,55.31,0,0,1-11.4-1.11,18.45,18.45,0,0,1-12.29-9.44l-12.71.11.1,25.75h7A3.77,3.77,0,0,1,12,79.4a5.28,5.28,0,0,1,1.52.25c6.45,2.76,16.74,4.63,23.33,4.85q1.88.06,3.66.06c8.73,0,18.26-1.21,24.75-5.16S76.9,69.19,77.76,58.93c.93-11.11-6-22.31-22-25.28-13.8-2.56-21.43-2.56-26.7-3.4s-9.45-2.94-9.6-6.07c-.13-3,3.25-5,7.19-6.06a60.66,60.66,0,0,1,13.55-1.45,55.7,55.7,0,0,1,12.63,1.45,20.33,20.33,0,0,1,9.71,5.57c.42,0,11.35-.24,11.35-.24V1.59h-6S67.22,3.3,64.56,3.3a7.76,7.76,0,0,1-1.12-.09A102.28,102.28,0,0,0,38.71,0" /> </g> </g> </svg> </span> <span class="smu-branding-text sr-only">SMU</span> </a> </div> <div class="col d-flex justify-content-end d-print-none"> <a id="explore-smu-label" class="header__smu-link js-toggle-class" role="button" aria-controls="smu-menu-explore-expanded" aria-expanded="false" data-t-class="js-header-explore-open" data-t-selector="body" data-t-toggle-text="Close Menu" href="#">Explore SMU</a> </div> </div> <div id="smu-menu-explore-expanded" class="container-fluid header-subsite__explore" role="navigation" aria-label="Explore SMU Menu"> <div class="header-subsite__explore-inner"> <ul class="header-subsite__explore-list header-subsite__explore-list header-subsite__explore-list--primary"> <li class="header-subsite__explore-item"> <a href="/admission/academics" target="">Academics</a> </li> <li class="header-subsite__explore-item"> <a href="/studentaffairs" target="">Student Affairs</a> </li> <li class="header-subsite__explore-item"> <a href="/aboutsmu" target="">About SMU</a> </li> </ul> <ul class="header-subsite__explore-list header-subsite__explore-list header-subsite__explore-list--secondary"> <li class="header-subsite__explore-item"> <a href="/news" target="">News </a> </li> <li class="header-subsite__explore-item"> <a href="http://calendar.smu.edu" target="">Events Calendar</a> </li> <li class="header-subsite__explore-item"> <a href="/research" target="">Research</a> </li> <li class="header-subsite__explore-item"> <a href="/bushcenter" target="">George W. Bush Presidential Center</a> </li> <li class="header-subsite__explore-item"> <a href="http://www.smu.edu/InfoFor/Students" target="">Current Students</a> </li> <li class="header-subsite__explore-item"> <a href="http://smu.edu/alumni" target="">Alumni</a> </li> <li class="header-subsite__explore-item"> <a href="/infofor/faculty-staff" target="">Information for Faculty & Staff</a> </li> </ul> <div class="header-subsite__explore-ctas"> <a class="header-subsite__explore-cta" href="/Admission/Apply" target="_blank">Apply to SMU</a><a class="header-subsite__explore-cta" href="https://link.smu.edu/giving/GiveNow?scode=DMWCACALLALP1PNW2206" target="_blank">Give Now</a> </div> </div> </div> <div class="container-fluid bg-primary " id="department-brand"> <div class="header__subsite"> <div class="branding-links"> <a class="branding-link" href="/admission" target="">Undergraduate Admission</a> </div> <nav class="main-nav d-print-none" aria-label="Primary menu"> <ul class="nav__list"> <li class="nav__item"> <a class="nav__item-link" href="/admission/apply">Apply</a> </li> <li class="nav__item"> <a class="nav__item-link" href="/admission/visit">Visit</a> </li> <li class="nav__item"> <a class="nav__item-link" href="/admission/financialaid">Financial Aid</a> </li> </ul> <button id="flyout-menu-label" class=" main-nav__button main-nav__button-menu js-toggle-menu"> <span class="menu-icon"> <svg height="12px" viewBox="0 0 12 12" width="12px" aria-hidden="true"> <path d="M12,10 L12,12 L0,12 L0,10 L12,10 Z M12,5 L12,7 L0,7 L0,5 L12,5 Z M12,0 L12,2 L0,2 L0,0 L12,0 Z" fill="#000000"></path> </svg> </span> <span class="main-nav__button-text">Menu</span> </button> <button id="search-menu-label" class="main-nav__button main-nav__button--search js-toggle-search"> <span class="search-icon"> <svg height="12px" viewBox="0 0 12 12" width="12px" aria-hidden="true"> <path d="M5.07692308,0 C7.88083027,0 10.1538462,2.27301589 10.1538462,5.07692308 C10.1538462,6.13253193 9.83167901,7.11289461 9.28030499,7.92505085 L11.8416252,10.5361972 L10.5361973,11.8416251 L7.96466279,9.25313836 C7.14486031,9.82108211 6.1497523,10.1538462 5.07692308,10.1538462 C2.27301589,10.1538462 0,7.88083027 0,5.07692308 C0,2.27301589 2.27301589,0 5.07692308,0 Z M5.07692308,1.84615385 C3.2926185,1.84615385 1.84615385,3.2926185 1.84615385,5.07692308 C1.84615385,6.86122765 3.2926185,8.30769231 5.07692308,8.30769231 C6.86122765,8.30769231 8.30769231,6.86122765 8.30769231,5.07692308 C8.30769231,3.2926185 6.86122765,1.84615385 5.07692308,1.84615385 Z" fill="#000000"></path> </svg> </span> <span class="main-nav__button-text">Search</span> </button> </nav> </div> </div> </header> <div class="wrapper" id="main-content" role="main"> <section class="banner-image component-page-header component-page-header--center"> <div class="container"> <div class="page-header__art d-none d-md-block"> </div> </div></section> <section class="container"> <div id="bcHeaderId" > <nav aria-label="breadcrumb menu"> <ol class="breadcrumb breadcrumb-list"> <li class="breadcrumb-item"> <a class="breadcrumb-item__link" href="/admission">Undergraduate Admission</a> </li> <li class="breadcrumb-item"> <a class="breadcrumb-item__link" href="/admission/visit">Visit</a> </li> <li class="breadcrumb-item active"> <a class="breadcrumb-item__link" href="/admission/visit/virtualtour" aria-current="page">Virtual Tour</a> </li> </ol> </nav> </div> <h1 class="page-header__title page-title ">Virtual Tour</h1> </section> <section> <div class="container-fluid page-with-sidebar"> <div class="row flex-md-row flex-column-reverse"> <div class="col-md-3 offset-xl-1"> <div class="subnavigation card border-0 rounded-0 d-print-none" id="sideMenu"> <div class="card-header rounded-0"> <h2 class="subnavigation-title"> <a class="subnavigation-title__link" href="/admission/visit" target="">Visit</a> </h2> </div> <nav class="subnavigation-block" aria-label="Subpage menu"> <ul class="list-group list-group-flush subnavigation-list"> <li class="list-group-item subnavigation-item "> <a class="subnavigation-item__link" href="/admission/visit/virtual-campus-experience" target=""> Virtual Campus Experience </a> </li> <li class="list-group-item subnavigation-item "> <a class="subnavigation-item__link" href="/admission/visit/in-person-visit" target=""> In-Person Visit </a> </li> <li class="list-group-item subnavigation-item active"> <a class="subnavigation-item__link" href="/admission/visit/virtualtour" target=""> Virtual Tour </a> </li> <li class="list-group-item subnavigation-item "> <a class="subnavigation-item__link" href="/admission/visit/admissionevents" target=""> Admission Events </a> </li> <li class="list-group-item subnavigation-item "> <a class="subnavigation-item__link" href="/admission/visit/mapsdirections" target=""> Maps and Directions </a> </li> <li class="list-group-item subnavigation-item "> <a class="subnavigation-item__link" href="/admission/visit/residentialcommonstour" target=""> Residential Commons Tour </a> </li> <li class="list-group-item subnavigation-item "> <a class="subnavigation-item__link" href="/admission/visit/wheretostay" target=""> Where to stay </a> </li> </ul> </nav></div> </div> <div class="col-xl-6 col-md-8 component-text"> <section> </section> <div class="body-content"> <p><span style="color: #cc0035;">Mustang Strong.</span> </p> <p><a href="http://www.smu.edu/visit">Visit</a> campus virtually or in person.</p> <div class="embed-responsive embed-responsive-16by9"> <iframe title="SMU Campus tour video on YouTube" class="embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/CRDEZ8wNGh8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe> </div> <br /> <p>Explore the Hilltop – from the resources that drive academic success and the spirit and traditions that energize student life to ways to get involved on campus, how you can stay active, and so much more! </p> <p>Learn more about the enriching <a href="/admission/campuslife">campus experience at SMU</a>.</p> <div class="embed-responsive embed-responsive-16by9"> <iframe title="SMU Virtual Tour" class="embed-responsive-item" width="560" height="315" src="https://sites.smu.edu/apps/admission/SMU-Virtual-Tour/SMU%20Virtual%20Tour.html" frameborder="0"></iframe> </div> <br /> <p>Experience an engaging tour of the SMU campus. Tour highlights include Dedman College of Humanities and Sciences, Dedman School of Law, Cox School of Business, Simmons School of Education and Human Development, Lyle School of Engineering, Meadows School of the Arts and other various locations, including the Centennial Reading Room and Fondren Library Center.</p> </div> </div> </div> </div> </section> <section class="section " > <div data-component="AlertList" class="component component-alert-list js-alert-list"> <div class="component-inner"> <div class="alert-list__group"> <div data-component="Alert" class="component component-alert js-alert component-alert--default"> <div class="component-inner"> <div class="alert__body"> <p>Request Information</p> <div id="form_3a02fd33-6748-4dbc-802d-d14ac265d91c">Loading...</div> <script> /*<![CDATA[*/ var script = document.createElement('script'); script.async = 1; script.src = 'https://admission.smu.edu/register/?id=3a02fd33-6748-4dbc-802d-d14ac265d91c&output=embed&div=form_3a02fd33-6748-4dbc-802d-d14ac265d91c' + ((location.search.length > 1) ? '&' + location.search.substring(1) : ''); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s); /*]]>*/ </script> <p> </p> </div><button class="alert__close js-close-alert"><span class="close-icon"><svg width="12px" height="12px" viewBox="0 0 12 12"><path stroke="none" d="M10.5714286,-1.97196037e-10 L12,1.43762207 L7.436,6.008 L12,10.5714286 L10.5661621,12 L6.005,7.442 L1.45672607,12 L6.29639743e-11,10.5714286 L4.566,6.005 L1.19486317e-10,1.44293213 L1.42857143,-9.82968151e-11 L6,4.572 L10.5714286,-1.97196037e-10 Z" fill="#000000"></path></svg></span><span class="alert__close-text">Close Menu</span></button></div> </div> </div><button class="alert-list__badge alert-list__badge--red js-alert-badge">0</button></div> </div> </section> </div> <footer class="footer footer--no-subscribe"> <div class="footer-top"><div class="footer-top-inner"><div class="footer-ctas"><a href="/Admission/Apply" class="footer__cta-button"><span class="footer__cta-button-text">Apply Now</span></a><a href="/Admission/Visit" class="footer__cta-button"><span class="footer__cta-button-text">Visit Us</span></a></div><a href="#top" class="back-to-top" role="button"><svg aria-hidden="true" width="14px" height="14px" viewBox="0 0 14 14"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M7.07106781,1.42152956e-12 L14.1421356,7.07106781 L12.7279221,8.48528137 L8,3.757 L8,14 L6,14 L6,3.899 L1.41421356,8.48528137 L5.97299987e-12,7.07106781 L7.07106781,1.42152956e-12 Z" fill="#000000"></path></g></svg><span class="back-to-top__text">Back to top</span></a></div></div> <div class="footer-links"> <div class="footer-links-group"> <h2 class="footer-links__heading">Academics</h2> <ul class="footer-links__list"> <li class="footer-links__item"> <a class="footer-links__item-link" href="/cox" target="" title="Cox School of Business">Cox School of Business</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/dedman" target="" title="Dedman College of Humanities and Sciences">Dedman College of Humanities and Sciences</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/law" target="" title="Dedman School of Law">Dedman School of Law</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/lyle" target="" title="Lyle School of Engineering">Lyle School of Engineering</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/meadows" target="" title="Meadows School of the Arts">Meadows School of the Arts</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/moody" target="" title="Moody School of Graduate and Advanced Studies">Moody School of Graduate and Advanced Studies</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/perkins" target="" title="Perkins School of Theology">Perkins School of Theology</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/simmons-site" target="" title="Simmons School of Education & Human Development">Simmons School of Education & Human Development</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/cape" target="" title="SMU CAPE">SMU CAPE</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/libraries" target="" title="SMU Libraries">SMU Libraries</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/guildhall" target="" title="SMU Guildhall">SMU Guildhall</a> </li> </ul> </div> <div class="footer-links-group"> <h2 class="footer-links__heading">Audience Links</h2> <ul class="footer-links__list"> <li class="footer-links__item"> <a class="footer-links__item-link" href="/infofor/students" target="" title="Undergraduate Students">Undergraduate Students</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/moody" target="" title="Graduate Students">Graduate Students</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/alumni" target="" title="Alumni">Alumni</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/infofor/faculty-staff" target="" title="Faculty & Staff">Faculty & Staff</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/news" target="" title="Media">Media</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/studentaffairs" target="" title="Parents">Parents</a> </li> </ul> </div> <div class="footer-links-group"> <h2 class="footer-links__heading">Quick Links</h2> <ul class="footer-links__list"> <li class="footer-links__item"> <a class="footer-links__item-link" href="/ignited" target="" title="<em>SMU Ignited: Boldly Shaping Tomorrow</em>"><em>SMU Ignited: Boldly Shaping Tomorrow</em></a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/corporate-foundation-relations" target="" title="Corporate and Foundation Relations">Corporate and Foundation Relations</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/diversityinclusion" target="" title="Diversity and Inclusion">Diversity and Inclusion</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/bushcenter" target="" title="Bush Center">Bush Center</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://smu.bncollege.com/shop/smu/home" target="" title="SMU Store">SMU Store</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/enrollmentservices/registrar/academiccalendarscoursecatalogs/academiccalendars" target="" title="Academic Calendar">Academic Calendar</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/academic-ceremonies" target="" title="Academic Ceremonies">Academic Ceremonies</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://calendar.smu.edu/" target="" title="Events Calendar">Events Calendar</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/businessfinance/hr/workingatsmu" target="" title="Employment">Employment</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://giving.smu.edu" target="" title="Giving to SMU">Giving to SMU</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/admission/visit/virtualtour" target="" title="Virtual Tour">Virtual Tour</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/stories" target="" title="SMU Stories">SMU Stories</a> </li> </ul> </div> <div class="footer-links-group"> <h2 class="footer-links__heading">Get in Touch</h2> <ul class="footer-links__list"> <li class="footer-links__item"> <a class="footer-links__item-link" href="/aboutsmu/contactsmu" target="" title="Contact Us">Contact Us</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/aboutsmu/maps" target="" title="Maps Directions">Maps Directions</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/compliance" target="" title="Compliance">Compliance</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/legaldisclosures" target="" title="Legal Disclosures">Legal Disclosures</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/legaldisclosures/privacystatement" target="" title="Privacy Policy Statement">Privacy Policy Statement</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/sexualharassment" target="" title="Report Sexual Harassment">Report Sexual Harassment</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/studentaffairs/get-help/bert" target="" title="Reporting a Bias Incident">Reporting a Bias Incident</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/aware" target="" title="SMU Aware">SMU Aware</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="/businessfinance/risk-management/emergency-management-fire-safety" target="" title="Emergency Preparedness">Emergency Preparedness</a> </li> </ul> </div> <div class="footer-links-group"> <h2 class="footer-links__heading">Follow Us</h2> <ul class="footer-links__list"> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://www.facebook.com/smudallas" target="" title="Facebook">Facebook</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://www.instagram.com/smudallas/" target="" title="Instagram">Instagram</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://www.linkedin.com/school/smudallas/mycompany/" target="" title="LinkedIn">LinkedIn</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://www.tiktok.com/@smu" target="" title="TikTok">TikTok</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://www.youtube.com/channel/UCbLRmiYkXF2YHOXzIqasjzg" target="" title="YouTube">YouTube</a> </li> <li class="footer-links__item"> <a class="footer-links__item-link" href="https://twitter.com/smu/" target="" title="X">X</a> </li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer__SMU-logo"> <a class="smu-branding__link" href="/admission"> <img src="/-/media/site/brand/logos/main/logobluetype2x.png?h=170&iar=0&w=578&hash=CF37EB998B1A32C1F8F475E5DE8E458C" alt="SMU | World Changers Shaped Here" width="578" height="170" DisableWebEdit="False" /> </a> </div> <p class="footer__SMU-copyright"> © Southern Methodist University </p> </div> </footer> <section id="flyout-menu-main" class="overlay-menu" data-component="Menu_Main"> <div class="overlay-menu__cover js-toggle-menu"></div> <div id="flyout-overlay" class="overlay-inner" role="dialog" aria-modal="true" aria-labelledby="flyout-menu-main-label"> <h2 class="sr-only" id="flyout-menu-main-label">Primary navigation menu</h2> <nav class="overlay-nav" tabindex="-1"> <div class="menu--main"> <div class="menu__buttons"> <button class="menu__button menu__close js-toggle-menu"> <span class="close-icon"> <svg height="12px" viewBox="0 0 12 12" width="12px" aria-hidden="true"> <path d="M10.5714286,-1.97196037e-10 L12,1.43762207 L7.436,6.008 L12,10.5714286 L10.5661621,12 L6.005,7.442 L1.45672607,12 L6.29639743e-11,10.5714286 L4.566,6.005 L1.19486317e-10,1.44293213 L1.42857143,-9.82968151e-11 L6,4.572 L10.5714286,-1.97196037e-10 Z" fill="#000000" stroke="none"></path> </svg> </span> <span class="menu__button-text"><span class="sr-only">Close </span>Menu</span> </button> <button id="flyout-menu-open" class="menu__button menu__button--search js-toggle-search"> <span class="search-icon"> <svg height="12px" viewBox="0 0 12 12" width="12px" aria-hidden="true"> <path d="M5.07692308,0 C7.88083027,0 10.1538462,2.27301589 10.1538462,5.07692308 C10.1538462,6.13253193 9.83167901,7.11289461 9.28030499,7.92505085 L11.8416252,10.5361972 L10.5361973,11.8416251 L7.96466279,9.25313836 C7.14486031,9.82108211 6.1497523,10.1538462 5.07692308,10.1538462 C2.27301589,10.1538462 0,7.88083027 0,5.07692308 C0,2.27301589 2.27301589,0 5.07692308,0 Z M5.07692308,1.84615385 C3.2926185,1.84615385 1.84615385,3.2926185 1.84615385,5.07692308 C1.84615385,6.86122765 3.2926185,8.30769231 5.07692308,8.30769231 C6.86122765,8.30769231 8.30769231,6.86122765 8.30769231,5.07692308 C8.30769231,3.2926185 6.86122765,1.84615385 5.07692308,1.84615385 Z" fill="#000000"></path> </svg> </span> <span class="menu__button-text">Search</span> </button> </div> <div class="menu-group"> <h3 class="menu__heading"> <a class="menu__heading-link" href="/admission/apply" target="">Apply</a> </h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/firstyear" target="">First-Year Domestic Student* Application</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/veterans" target="">U.S. Military Veterans</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/firstyearinternational" target="">First-Year International Student* Application</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer" target="">Transfer</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/forms-and-applications" target="">Forms and Applications</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/readmission" target="">Readmission to SMU</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/graduate" target="">Graduate Studies</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/frequently-asked-questions-testoptional" target="">FAQs | Undergraduate Test-Optional Policy</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/student-resources" target="">Student Resources</a> </li> </ul> </div> <div class="menu-group"> <h3 class="menu__heading"> <a class="menu__heading-link" href="/admission/visit" target="">Visit</a> </h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/visit/virtual-campus-experience" target="">Virtual Campus Experience</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/visit/in-person-visit" target="">In-Person Visit</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/visit/virtualtour" target="">Virtual Tour</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/visit/admissionevents" target="">Admission Events</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/visit/mapsdirections" target="">Maps and Directions</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/visit/residentialcommonstour" target="">Residential Commons Tour</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/visit/wheretostay" target="">Where to stay</a> </li> </ul> </div> <div class="menu-group"> <h3 class="menu__heading"> <a class="menu__heading-link" href="/admission/academics" target="">Academics</a> </h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/majors" target="">Majors and Minors</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/schools" target="">Schools</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/faculty" target="">Faculty</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/virtualconnections" target="">Virtual Connections</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/supportresources" target="">Support and Resources</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/honors" target="">Honors and Scholars</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/tips" target="">Tips for applying</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/abroad" target="">SMU Abroad</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/taos" target="">SMU-in-Taos</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/faqsacademics" target="">FAQs | Academics</a> </li> </ul> </div> <div class="menu-group"> <h3 class="menu__heading"> <a class="menu__heading-link" href="/admission/campuslife" target="">SMU Experience</a> </h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/visit" target="">Visit SMU</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/activitiesorganizations" target="">Activities and Organizations</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/dallas" target="">SMU & Dallas</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/dining" target="">Dining</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/diversity-at-smu" target="">Diversity At SMU</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/faqlivingoncampus" target="">FAQs | Living on Campus</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/faqstudentlife" target="">FAQs | Student Life</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/fitnessrecreation" target="">Fitness and Recreation</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/healthandsafety" target="">Health and Safety</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/residencelife" target="">Residence Life</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/spirittraditions" target="">Spirit and Traditions</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/sports" target="">Sports</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife/spirituallife" target="">Spiritual Life</a> </li> </ul> </div> <div class="menu-group"> <h3 class="menu__heading"> <a class="menu__heading-link" href="/admission/financialaid" target="">Financial Aid</a> </h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/costs" target="">Cost of Attendance</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/types-of-aid" target="">Types of Aid</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/access-smu" target="">Access SMU</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/financial-aid-process" target="">Financial Aid Process</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/payment-plans" target="">Payment Plan Options</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/smu-net-price-calculator" target="">SMU Net Price Calculator</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/mustangscholars" target="">Mustang Scholars</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/ndallashighschool" target="">Robert H. Dedman Scholarship for North Dallas High School</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/contactus" target="">Contact Us</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/deadlines" target="">Deadlines</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/faqs" target="">FAQs</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/faqsfinancial-aid" target="">FAQs | Financial Aid</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/faqstuitionfeesdeadlines" target="">FAQs | Tuition, Fees, and Deadlines</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid/scholarships-and-assistance" target="">Scholarships and Assistance</a> </li> </ul> </div> <div class="menu-group"> <h3 class="menu__heading"> <a class="menu__heading-link" href="/admission/connectwithus" target="">Connect</a> </h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/counselors" target="">Find your admission counselor</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/school-contacts" target="">School contacts</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/requestinfo" target="">Request information</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/highschoolcounselors" target="">High school counselor information</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/parents" target="">Parent information</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/socialmedia" target="">Social Media and Zoom Backgrounds</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/faq" target="">Frequently asked questions</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/ambassadors" target="">Student ambassadors</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/covid-19-updates" target="">Coronavirus (COVID-19) updates</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/incomingandcurrent" target="">Incoming and Current Students</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/prospective-student-resources" target="">Prospective student resources</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/connectwithus/wallpaper" target="">Wallpapers</a> </li> </ul> </div> <div class="menu-group"> <h3 class="menu__heading"> <a class="menu__heading-link" href="/admission/international" target="">International </a> </h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/admission-requirements" target="">Admission Requirements </a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/application-checklist-deadlines" target="">Application checklist and deadlines</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/howtoapply" target="">How to apply</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/student-support" target="">International student support</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/visitsmu" target="">Visit SMU</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/lifeindallas" target="">Life in Dallas</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/livingatsmu" target="">Living at SMU</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/internationalstudentevents" target="">International student events</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/interculturalengagement" target="">Intercultural engagement</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/athleticsatsmu" target="">Athletics at SMU</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/spiritandtraditions" target="">Spirit and traditions</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/immigrationinformation" target="">Immigration information</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/international/obtainingsmui20" target="">Obtaining an I-20</a> </li> </ul> </div> <div class="menu-group"> <h3 class="menu__heading"> <a class="menu__heading-link" href="/admission/apply/transfer" target="">Transfer</a> </h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/transferscholarships" target="">Transfer Scholarships</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/applicationprocess" target="">Transfer Application Process</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/trn-datesanddeadlines" target="">Transfer Dates and Deadlines</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/pathwayguides" target="">Transfer Pathway Guides</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/transfer-equivalency-tool" target="">Transfer Equivalency Tool</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/meadows-auditions-and-portfolios" target="">Meadows Auditions and Portfolios</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/formsapplications" target="">Transfer Forms and Applications</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/internationaltransfer" target=""> International Transfer Students</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/faqtransfer" target="">FAQs</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply/transfer/howcreditstransfer" target="">How Credits Transfer</a> </li> </ul> </div> </div> </nav> </div> </section> <script> // old js for the search form function SubmitSearch(sVal, site, e) { var keynum; keynum = 0; if(window.event) { keynum = e.keyCode; } else if(e.which) { keynum = e.which; } if (keynum == 13) { document.location.href='https://www.smu.edu/search?q=' + sVal; return false; } } $( document ).ready(function() { $('#searchbutton').on('click', function(event) { event.preventDefault(); console.log('clicked'); let sVal = $('#q2').val(); document.location.href='https://www.smu.edu/search?q=' + sVal; }); }); </script> <section role="region" id="search-menu-main" class="overlay-menu--search" data-component="MenuSearch_Main"> <div class="overlay-menu__cover js-toggle-search"></div> <div class="overlay-inner"> <div class="overlay-search-inner"> <div id="overlay-search-wrapper" tabindex="-1" class="overlay-search" role="dialog" aria-modal="true" aria-labelledby="search-main-menu-label"> <h2 class="sr-only" id="search-main-menu-label">Search the SMU website</h2> <div class="menu__buttons"> <button id="search-menu-open" class="menu__button js-toggle-menu"> <span class="menu-icon"> <svg height="12px" viewbox="0 0 12 12" width="12px" aria-hidden="true"> <path d="M12,10 L12,12 L0,12 L0,10 L12,10 Z M12,5 L12,7 L0,7 L0,5 L12,5 Z M12,0 L12,2 L0,2 L0,0 L12,0 Z" fill="#000000"></path> </svg> </span> <span class="menu__button-text">Menu</span> </button> <button class="menu__button menu__close menu__button--search js-toggle-search"> <span class="close-icon"> <svg height="12px" viewbox="0 0 12 12" width="12px" aria-hidden="true"> <path d="M10.5714286,-1.97196037e-10 L12,1.43762207 L7.436,6.008 L12,10.5714286 L10.5661621,12 L6.005,7.442 L1.45672607,12 L6.29639743e-11,10.5714286 L4.566,6.005 L1.19486317e-10,1.44293213 L1.42857143,-9.82968151e-11 L6,4.572 L10.5714286,-1.97196037e-10 Z" fill="#000000" stroke="none"></path> </svg> </span> <span class="menu__button-text"><span class="sr-only">Close </span>Search</span> </button> </div> <div class="google-search-wrapper"> <div class="overlay__search-bar" role="search"> <h3 class="menu__heading" id="q2-label">Search</h3> <div class="overlay__search-form"> <div class="overlay__search-form-inner"> <input aria-label="Search the SMU website" onkeydown="return SubmitSearch(this.value, 'default_collection', event)" id="q2" onfocus="if(this.value==='Search')this.value=''" placeholder="Search" name="q2" class="overlay__search-input search-query" type="search"> <a role="button" id="searchbutton" href="#" class="overlay__search-submit" aria-label="Submit Search"> <span class="overlay__search-submit-icon"> <svg width="12px" height="12px" viewBox="0 0 12 12"><path fill="#000000" d="M5.07692308,0 C7.88083027,0 10.1538462,2.27301589 10.1538462,5.07692308 C10.1538462,6.13253193 9.83167901,7.11289461 9.28030499,7.92505085 L11.8416252,10.5361972 L10.5361973,11.8416251 L7.96466279,9.25313836 C7.14486031,9.82108211 6.1497523,10.1538462 5.07692308,10.1538462 C2.27301589,10.1538462 0,7.88083027 0,5.07692308 C0,2.27301589 2.27301589,0 5.07692308,0 Z M5.07692308,1.84615385 C3.2926185,1.84615385 1.84615385,3.2926185 1.84615385,5.07692308 C1.84615385,6.86122765 3.2926185,8.30769231 5.07692308,8.30769231 C6.86122765,8.30769231 8.30769231,6.86122765 8.30769231,5.07692308 C8.30769231,3.2926185 6.86122765,1.84615385 5.07692308,1.84615385 Z"></path></svg> </span> <span class="visually-hidden">Submit</span> </a> </div> </div> </div> <div class="overlay-search-suggestions"> <div class="search-group"> <h3 class="menu__overline">Popular Searches</h3> <ul class="menu__list"> <li class="menu__item"> <a class="menu__item-link" href="/admission/apply" target="">Apply</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics" target="">Academics</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/campuslife" target="">SMU Experience</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/academics/majors" target="">Majors and Minors</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/visit" target="">Visit</a> </li> <li class="menu__item"> <a class="menu__item-link" href="/admission/financialaid" target="">Financial Aid</a> </li> </ul> </div> </div> <div class="menu__ctas"> <h3 class="menu__heading fst-italic">Did you know?</h3> <p class="text-white font-weight-bold">SMU's main campus is located in the nation's fourth largest metropolitan area, Dallas-Fort Worth, with 7.4 million people and more than 20 Fortune 500 headquarters.</p><a href="https://www.smu.edu/Admission/CampusLife/Dallas" class="menu__cta-button"><span class="menu__cta-button-text">Learn More</span></a></div> </div> </div> </div> </div> </section> </div> </div> <script src="/js/SMU.Foundation.Frameworks.min.v-xaixnditxn48q0wiydqg.js"></script> <script src="/js/cornerstone/framework/globals-min.v-5yn5pumvc8urbkoqk8na.js"></script> <script src="/js/components/pushy.min.v-fakxfp26v8nakbyekijcra.js"></script> <script> /** * Handles all the alert triggers. */ class Alert { constructor(el) { this.alert = el; this.closeButtons = el.querySelectorAll('.js-close-alert'); this.visible = false; this.init(); } init() { this.closeButtons.forEach(btn => btn.addEventListener('click', this.hide.bind(this))); } show() { this.visible = true; this.alert.classList.add('component-alert--visible'); } hide() { this.visible = false; this.alert.classList.remove('component-alert--visible'); if (typeof this.closeHandler === 'function') { this.closeHandler(); } } onClose(fn) { this.closeHandler = fn; } } class AlertList { constructor(el) { this.alerts = Array.from(el.querySelectorAll('.js-alert')).map(alertEl => { const alert = new Alert(alertEl); alert.onClose(this.handleClose.bind(this)); return alert; }); this.badge = el.querySelector('.js-alert-badge'); this.hiddenCount = this.alerts.length; this.init(); } init() { this.hideAllAlerts(); if (this.badge) { this.badge.addEventListener('click', this.showAllAlerts.bind(this)); } } showAllAlerts() { this.hiddenCount = 0; this.alerts.forEach(alert => alert.show()); this.updateBadge(); } hideAllAlerts() { this.hiddenCount = 1; this.alerts.forEach(alert => alert.hide()); this.updateBadge(); } handleClose() { this.hiddenCount += 1; this.updateBadge(); } updateBadge() { if (this.badge) { //this.badge.innerText = this.hiddenCount; this.badge.innerText = "Request Information"; if (this.hiddenCount > 0) { this.badge.classList.add('alert-list__badge--visible'); } else { this.badge.classList.remove('alert-list__badge--visible'); } } } } const initAlertList = () => { const alertLists = document.querySelectorAll('.js-alert-list'); alertLists.forEach(el => new AlertList(el)); }; window.addEventListener('DOMContentLoaded', initAlertList); </script> </body> </html>

CINXE.COM

Virtual Tour