.art_object {
padding: 20px;
margin: 0px 5px 20px 5px; background-color:#f9f9f9;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
display: flex;
flex-flow: row wrap;
}
.art_object_image {
max-width: 204px;
float: left;
padding: 9px;
margin: 20px 20px 15px 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
overflow: hidden;
}
.art_object_tombstone {
padding-top: 15px;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
max-width: 351px;
}
.cdwa-title {
font-style: italic;
}
.cdwa-repository-numbers {
font-weight: bold;
}
.cdwa-creator-identity {
font-size: x-large;
font-weight: bold;
}.nivo-lightbox-content,.nivo-lightbox-overlay{height:100%;width:100%}.nivo-lightbox-overlay{position:fixed;top:0;left:0;z-index:99998;overflow:hidden;visibility:hidden;opacity:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.nivo-lightbox-overlay.nivo-lightbox-open{visibility:visible;opacity:1}.nivo-lightbox-wrap{position:absolute;top:10%;bottom:10%;left:10%;right:10%}.nivo-lightbox-title-wrap{position:absolute;bottom:0;left:0;width:100%;z-index:99999;text-align:center}.nivo-lightbox-nav{display:none}.nivo-lightbox-prev{position:absolute;top:50%;left:0}.nivo-lightbox-next{position:absolute;top:50%;right:0}.nivo-lightbox-close{position:absolute;top:2%;right:2%}.nivo-lightbox-image{text-align:center}.nivo-lightbox-image img{max-width:100%;max-height:100%;width:auto;height:auto;vertical-align:middle}.nivo-lightbox-content iframe,.nivo-lightbox-error{width:100%;height:100%}.nivo-lightbox-ajax,.nivo-lightbox-inline{max-height:100%;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.nivo-lightbox-error{display:table;text-align:center;color:#fff;text-shadow:0 1px 1px #000}.nivo-lightbox-error p{display:table-cell;vertical-align:middle}.nivo-lightbox-notouch .nivo-lightbox-effect-fade,.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,.nivo-lightbox-notouch .nivo-lightbox-effect-fall,.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap,.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);-moz-transition:all .3s cubic-bezier(.25,.5,.5,.9);-ms-transition:all .3s cubic-bezier(.25,.5,.5,.9);-o-transition:all .3s cubic-bezier(.25,.5,.5,.9);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);transform:translateX(-10%)}.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%)}.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%)}.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.nivo-lightbox-effect-fall .nivo-lightbox-wrap{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translateZ(300px);-moz-transform:translateZ(300px);-ms-transform:translateZ(300px);transform:translateZ(300px)}.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
background: #666;
background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(//blantonmuseum.org/wp-content/plugins/responsive-lightbox/assets/nivo/themes/default/loading.gif) no-repeat 50% 50%; }
.nivo-lightbox-theme-default .nivo-lightbox-nav {
top: 10%;
width: 8%;
height: 80%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
opacity: 1; 
background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
background-image: url(//blantonmuseum.org/wp-content/plugins/responsive-lightbox/assets/nivo/themes/default/prev.png); 
border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
background-image: url(//blantonmuseum.org/wp-content/plugins/responsive-lightbox/assets/nivo/themes/default/next.png); 
border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
display: block;
background: url(//blantonmuseum.org/wp-content/plugins/responsive-lightbox/assets/nivo/themes/default/close.png) no-repeat 5px 5px;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 5px;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
background: #000;
color: #fff;
padding: 7px 15px;
border-radius: 30px;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
background: #fff;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
background: #fff;
padding: 40px;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
background-image: url(//blantonmuseum.org/wp-content/plugins/responsive-lightbox/assets/nivo/themes/default/loading@2x.gif); 
background-size: 32px 32px;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
background-image: url(//blantonmuseum.org/wp-content/plugins/responsive-lightbox/assets/nivo/themes/default/prev@2x.png); 
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
background-image: url(//blantonmuseum.org/wp-content/plugins/responsive-lightbox/assets/nivo/themes/default/next@2x.png); 
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close { 
background-image: url(//blantonmuseum.org/wp-content/plugins/responsive-lightbox/assets/nivo/themes/default/close@2x.png); 
background-size: 16px 16px;
}
}p {  }
.collections .grid-33 { padding-bottom: 40px; }
.wp-caption.alignright .wp-caption-text,
.wp-caption.alignleft .wp-caption-text,
.imageCaptionContainerRight .wp-caption-text,
.imageCaptionContainerLeft .wp-caption-text {
position: relative !important;
}
.wp-caption.alignleft, .wp-caption.alignright,
.imageCaptionContainerRight .wp-caption,
.imageCaptionContainerLeft .wp-caption
{ width: auto !important;}
div.wp-caption { max-width: 100% !important;}
p.wp-caption-text { position: relative !important; margin-bottom: 30px; }
@media (min-width: 1200px) {
.single-crb_chapter .section-copy iframe {
width: 94%;
}
}
.fnormal {
font-family: 'Work Sans', sans-serif !important;
font-size: 16px;
font-style: normal !important;
text-transform: uppercase;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#footer-container h5, #footer-container h5.widget-title {
font-family: 'Work Sans';
font-weight: 700;
font-size: 24px;
}
h2 {
font-family: 'Work Sans';
font-weight: 600;
letter-spacing: -2px;
}#footer-container h5,
#footer-container h5.widget-title {
font-family: "Work Sans" !important;
font-weight: 700 !important;
font-size: 24px !important;
}
.section-content h2 {
font-family: "Work Sans" !important;
font-weight: 600 !important;
letter-spacing: -2px !important;
}
.blog-title h4,
.pad-top h4,
.section-copy h2 {
font-family: "Work Sans" !important;
font-weight: 700 !important;
letter-spacing: -1px !important;
}
.header-wrapper h1 em {
font-style: italic;
}
.section-copy blockquote {
padding-left: 35px;
padding-right: 35px;
padding-bottom: 35px;
}
.section-copy blockquote::before,
.section-copy blockquote::after {
display: none;
}
li a {
color: #e41651;
} .evcal_event_title,
.evcal_event_subtitle,
.event_description,
.evcal_evdata_cell h3,
.evcal_evdata_cell p a,
.evo_location_name {
text-transform: none !important;
font-family: "Work Sans", sans-serif !important;
}
.evcal_event_subtitle,
.evo_location_name {
font-style: italic;
}
.evo_start > em,
.evo_end > em,
.calendar_header > p {
text-transform: capitalize !important;
font-family: "Work Sans", sans-serif !important;
}
.evose_repeat_header > p > span,
.evo_repeat_series_date,
.evo_event_headers {
font-family: "Work Sans", sans-serif !important;
}
.eventon_events_list .eventon_list_event p a {
color: #e41651;
}
.eventon_main_section em {
font-style: italic;
}
.eventon_main_section img.alignright {
float: right;
margin: 0 0 1em 1em;
}
.eventon_main_section img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.eventon_main_section img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.eventon_main_section .alignright {
float: right;
}
.eventon_main_section .alignleft {
float: left;
}
.eventon_main_section .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} body.page-id-5543 > header,
body.page-id-5543 div.footer-wrapper,
body.page-id-5543 nav {
display: none;
}
body.page-id-5543 > .header-wrapper h1 {
letter-spacing: -10px;
font-family: "Work Sans", sans-serif;
}
body.page-id-5545 > header,
body.page-id-5545 div.footer-wrapper,
body.page-id-5545 nav {
display: none;
}
body.page-id-5545 > .header-wrapper h1 {
letter-spacing: -10px;
font-family: "Work Sans", sans-serif;
} p.image_caption {
font-size: x-small;
padding-top: 20px;
}
p.image_caption > em {
font-style: italic;
}
span.chapter-index > em {
font-style: italic;
} .section-copy h4 {
font-family: "Work Sans" !important;
font-weight: 700 !important;
font-size: 50px;
line-height: 1.19;
letter-spacing: -1px;
}   .koven_nav {
width: 100%;
z-index: 1500; margin-top: -123px;
}
ul#menu-action-items {
display: flex;
justify-content: center;
}
#menu-action-items li {
padding: 6px;
} #menu-action-items li a {
color: white;
font-weight: 800;
}
.section-nav .shell {
display: flex !important;
flex-direction: column !important;
} .bma-author-description {
font-style: italic;
padding-bottom: 16px;
}
ul.bma-author-posts li {
padding-top: 10px;
padding-left: 10px;
}  .primer-hero-wrapper {
width: 100%;
margin-top: 41px !important;
max-width: none;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
height: 75vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.primer-hero-wrapper .featured-ex-title-cell h3,
.primer-hero-wrapper .featured-ex-title-cell span {
color: white;
}
.primer-hero-wrapper .featured-ex-title-cell {
padding-left: 5%;
}
.primer-header-wrapper {
display: grid;
padding-top: 60px;
}
.primer-title,
.chapter-index {
justify-self: center;
}
.primer-title > h3 {
font-size: 60px;
}
.primer-copy h3 {
font-size: 20px;
padding-bottom: 12px;
letter-spacing: 0px;
}  .kelly-hero-wrapper {
width: 100%;
margin-top: 41px !important;
max-width: none;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
height: 84vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.kelly-title-cell h3,
.kelly-title-cell h3 a,
.kelly-title-cell span {
color: white;
}
.kelly-title-cell h3 {
font-size: 60px;
letter-spacing: -2px;
font-weight: 600;
}
@media (max-width: 703px) {
.kelly-title-cell h3 {
font-size: 33px;
}
.kelly-title-cell span {
font-size: 18px;
}
}
.kelly-title-cell span {
font-size: 22px;
font-weight: 300;
letter-spacing: -0.5px;
}
.kelly-title-cell em {
font-style: italic;
}
.kelly-title-cell { padding-left: 3%; padding-bottom: 1%;
padding-top: 2%;
}
.content-scroll {
float: right;
margin-bottom: -1030px;
padding-right: 26px;
}
.content-scroll i {
font-size: 40px;
}
.content-scroll a {
min-width: 50px;
}
#menu-kelly-inner-nav,
#menu-kelly-menu {
font-size: 17px;
font-weight: 300;
letter-spacing: -0.5px;
}
.page-template-kelly .alignright {
float: right;
padding-left: 40px;
}
.page-template-kelly .alignleft {
float: left;
padding-right: 40px;
}
@media (max-width: 703px) {
.page-template-kelly .alignright {
float: none;
padding: 0;
}
.page-template-kelly .alignleft {
float: none;
padding: 0;
}
}
.page-template-kelly .wp-caption img {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border: 8px solid #fff;
border-radius: 2px;
}
.page-template-kelly div.wp-caption {
max-width: 50% !important;
}
.page-template-kelly .wp-caption p {
font-size: 13px;
padding-bottom: initial;
margin-bottom: initial;
background: initial;
color: #585858;
} li.menu-item a em,
div.dd-wrapper div.section-content h6 em {
font-style: italic;
}
.section-nav .shell {
display: flex !important;
display: -webkit-flex !important;
flex-direction: column !important;
-webkit-flex-direction: column !important;
flex-wrap: wrap !important; }
.search-form-on-menu {
flex: 1 0 0;
float: none !important;
margin-top: 0;
margin-bottom: 0;
width: auto !important; display: block !important;
}
.search-form-on-menu input[type="search"] {
border: 1px solid #e41651;
border-radius: 7px;
line-height: 40px;
width: 100%;
font-size: 22px;
padding-left: 50px;
padding-right: 10px;
background: #fff url(//blantonmuseum.org/wp-content/themes/blanton-new-child/images/search-icon.png) no-repeat 10px 50%;
outline: none;
font-family: "Work Sans", arial;
letter-spacing: -1px;
color: grey;
}
.section-nav .nav {
height: calc(90vh - 100px) !important;
flex: 4 0 auto !important;
}
@media all and (max-width: 500px), all and (max-height: 700px) {
.section-nav .nav {
flex: 1 0 content !important;
}
.action_nav {
display: none;
}
.section-nav .nav {
flex: 1 0 content !important;
font-size: 1em !important;
} #menu-main-menu li {
font-size: 18px;
}
}
.action_nav {
flex: 1 0 0 !important;
} #menu-action-items {
flex-wrap: wrap !important;
}
ul#menu-action-items {
display: flex;
display: -webkit-flex;
justify-content: center;
}
#menu-action-items li {
padding: 6px;
} #menu-action-items li a {
color: rgba(255, 255, 255, 0.3);
font-weight: 800;
}
#menu-action-items li a:hover {
color: #fff;
} a > img.img_hover,
a > iframe.img_hover {
transition: visibility 0.75s, opacity 0.75s;
visibility: hidden;
opacity: 0;
height: 340px !important;
position: absolute !important;
}
a:hover > img.img_hover,
a > iframe.img_hover {
opacity: 1;
visibility: visible;
height: 340px !important;
position: absolute !important;
} @media print {
*,
*:before,
*:after,
*:first-letter,
p:first-line,
div:first-line,
blockquote:first-line,
li:first-line {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
html,
body {
height: 99% !important;
}
.kelly-hero-wrapper,
.primer-hero-wrapper {
height: 3em;
}
.header-body,
#inner-page-nav-wrapper {
display: none;
}
.yt-container {
width: 250px;
float: right;
}
.yt-container img {
width: 250px;
}
.section-copy .gallery a img {
max-width: 250px !important;
}
header.header,
.chapters-aside-nav,
#footer-wrapper,
div.share,
.pad-all,
.section-nav {
}
.primer-header-wrapper h3,
.primer-header-wrapper span {
align-self: left;
}
.primer-header-wrapper {
padding-bottom: 25px;
}
.section-copy {
font-size: 12px !important;
}
.art_object { font-size: 12px;
}
.cdwa-creator-identity {
font-size: 16px;
}
.primer-copy h3 {
page-break-after: avoid;
}
} .nivo-lightbox-theme-default .nivo-lightbox-title {
font: 12px/17px "Work Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
background: #fff;
color: #424242; border-radius: 2px;
letter-spacing: -0.5px;
}
span.nivo-lightbox-title {
display: inline-block;
text-align: left;
}
.nivo-lightbox-overlay {
background: rgba(0, 0, 0, 0.8) !important;
}
.nivo-lightbox-content {
}
div.nivo-lightbox-title-wrap {
text-align: center;
position: absolute; left: 0;
width: 100%;
z-index: 99999;
}
.nivo-lightbox-title em {
font-style: italic;
} .gallery > .gallery-item {
display: none;
}
.gallery > .gallery-item:first-child {
display: block; }
.gallery > .gallery-item:first-child figcaption {
display: none;
}
.gallery > .gallery-size-thumbnail { }
.section-copy > .gallery {
position: relative;
overflow: hidden;
width: 100%;
min-width: 50%;
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 20px;
padding-bottom: 10px;
}
.section-copy > .gallery::after {
content: "Click image to view gallery";
position: absolute;
bottom: 0;
font-size: 11px;
font-style: italic;
}
.section-copy > .gallery > figure {
width: auto;
}
@media (max-width: 703px) {
.gallery,
.yt-container,
.wp-caption {
min-width: 90%;
float: none;
}
}
.gallery-item:first-child::after {   }
.gallery-icon {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border: 8px solid #fff;
border-radius: 2px;
}        .yt-container {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border: 8px solid #fff;
border-radius: 2px;
width: 60%;
margin: 15px;
}
.yt-container i {
float: right;
font-size: 2em;
}
.yt-thumb-caption {
font-size: 13px;
}
.readmore-link {
padding-left: 5px;
}
.readmore-link i {
display: inline-flex;
vertical-align: middle;
padding-bottom: 3px;
}
.page-template-kelly .nav-pagination-chapters li {
display: list-item;
}
.page-template-kelly .nav-pagination-chapters li em {
font-style: italic;
} .page-template-landing-page-plus {
display: grid;
}
.page-template-landing-page-plus .content-scroll {
margin-top: -35px;
}
.page-template-landing-page header.header {
display: none;
}
.page-template-landing-page-plus .title,
.page-template-landing-page .title {
display: grid;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 60px 10px;
}
.page-template-landing-page-plus .landing-page-title,
.page-template-landing-page .landing-page-title {
justify-self: center;
}
#evcal_list .wp-caption-text {
padding: 10px;
color: #fff !important;
} a[href$="#special-programs"],
.hide-special-programs-nav a[href$="#special-programs"] {
display: none;
}
.show-special-programs-nav a[href$="#special-programs"] {
display: inline;
}
@media (max-width: 1202px) {
div.chapters-aside-nav {
clear: both !important;
}
} .text-for-readers {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
} @media only screen and (min-width: 1025px) {
.section-nav .dd-wrapper {
height: calc(100vh - 159px) !important;
}
}
@media (max-width: 1024px) {
body.show-nav-main .section-nav li .section-content {
visibility: visible;
opacity: 1;
}
.section-nav .nav {
height: 100% !important;
margin-top: 40px;
}
body .section-nav .dd-wrapper {
display: block; height: auto;
max-height: 0px;
overflow: hidden;
position: static;
width: 100%;
}
body .section-nav .current-menu-item .dd-wrapper {
display: block;
transition: max-height 5s ease-out;
margin-left: auto;
position: static;
width: 100%;
max-height: 2000px;
margin-top: 20px;
padding-left: 20px;
}
.section-nav .dd-wrapper .section-content h2 {
font-size: 24px;
}
.section-nav .dd-wrapper .section-content h6 {
display: none;
}
body .nav > ul > li {
max-width: 500px;
text-align: left;
}
.nav li.current-menu-item > a {
border-bottom: solid 2px #fff;
}
} .section-row em,
.section-home-hero em {
font-style: italic;
}
.section-row strong,
.section-home-hero strong {
font-weight: 800;
}
.section-home-hero {
margin-top: 61px !important;
position: relative;
}
.hero-overlay {
color: #fff;
line-height: 35px;
margin-top: 60px;
position: absolute;
}
.hero-overlay .overlay-link,
.hero-overlay .hero-marquee {
padding: 50px;
}
.hero-marquee {
background-color: #424242;
}
.hero-button {
background-color: #e41651;
}
.hero-overlay h6,
.hero-overlay h4 {
color: #fff;
font-family: "Trade Gothic LT BD", "Old Standard TT", serif;
font-size: 35px;
font-weight: 800;
text-transform: uppercase;
}
.hero-overlay h3,
.hero-overlay p {
color: #fff;
font-weight: 500;
font-size: 25px;
}
.hero-overlay .overlay-arrow {
margin: 0px -25px 0px 0px;
}
.hero-image {
max-width: 100%;
height: auto;
}
.section-row {
display: flex;
max-width: 1800px;
margin: 0 auto;
padding: 60px 60px 0px 60px;
}
.section-row .cell {
position: relative;
}
.row-overlay {
position: absolute;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 1;
}
.overlay-link {
display: block;
padding: 30px 45px;
}
.overlay-link.opaque-background {
background-color: #e41651;
}
.overlay-headline {
align-self: flex-start;
color: #fff;
float: left;
font-family: "Trade Gothic LT BD", "Old Standard TT", serif;
font-size: 60px;
font-weight: 800;
letter-spacing: 0px;
line-height: 1;
text-transform: uppercase;
}
.section-first-row .overlay-headline {
font-size: 106px;
}
.overlay-description {
clear: left;
color: #fff;
float: left;
font-family: "Work Sans";
font-size: 30px;
line-height: 1;
margin-top: 10px;
}
.overlay-arrow {
float: right;
margin-top: 10px;
}
.overlay-link:hover svg .cls-1 {
stroke: rgba(255, 255, 255, 0.1);
fill: rgba(255, 255, 255, 0.3);
transition: fill 0.4s ease-in-out;
}
.varied-background.overlay-link:hover svg .cls-1,
.standard-background.overlay-link:hover svg .cls-1 {
stroke: rgba(255, 255, 255, 0);
fill: #e41651;
transition: fill 0.4s ease-in-out;
}
.cell-image {
display: block;
height: auto;
max-width: 100%;
width: auto;
}
.section-first-row .first-cell .cell-image {
max-height: 420px;
}
.section-first-row .first-cell .overlay-description {
max-width: calc(100% - 150px);
}
.section-second-row .first-cell {
margin-right: 40px;
}
.section-second-row .first-cell .cell-image {
max-height: 729px;
}
.section-second-row .second-cell .cell-image {
max-height: 730px;
}
.section-third-row {
display: grid;
grid-template-columns: 1170px 1fr;
grid-template-areas:
"first second"
"first third";
grid-gap: 60px 40px;
}
.section-third-row .first-cell {
grid-area: first;
}
.section-third-row .second-cell {
grid-area: second;
}
.section-third-row .third-cell {
grid-area: third;
}
.section-fourth-row {
padding: 60px;
}
.section-fourth-row .first-cell {
flex: 0 0 1170px;
margin-right: 40px;
}
.section-fourth-row .second-cell {
flex: 1 0 auto;
}
.section-fourth-row .second-cell .overlay-link {
height: 100%;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.section-fourth-row .second-cell .overlay-link .overlay-description,
.section-fourth-row .second-cell .overlay-link .overlay-headline {
flex: 0 0 auto;
align-self: flex-end;
}
.section-fourth-row .first-cell .overlay-description {
max-width: calc(100% - 150px);
}
.section-fourth-row .second-cell .overlay-link .overlay-arrow {
flex: 0 0 auto;
}
@media (max-width: 1920px) {
.section-row {
margin-left: 60px;
margin-right: 60px;
padding-left: 0;
padding-right: 0;
}
.section-third-row {
grid-template-columns: 2fr 1fr;
}
.section-fourth-row .first-cell {
flex: 0 0 65%;
}
}
@media (max-width: 1650px) {
.section-row .cell {
overflow: hidden;
}
.section-first-row .cell-image-container {
width: 100%;
}
.section-first-row .cell-image {
min-width: 1536px;
min-height: 358px;
}
}
@media (max-width: 1366px) {
.hero-overlay {
line-height: 30px;
}
.hero-overlay .hero-marquee,
.hero-overlay .overlay-link {
padding: 30px;
}
.hero-overlay h6,
.hero-overlay h4 {
font-size: 30px;
}
.hero-overlay h3,
.hero-overlay p {
font-size: 20px;
}
.hero-overlay .overlay-arrow { height: 20px;
}
.hero-overlay .overlay-arrow svg {
height: 20px;
}
.section-row {
margin-left: 30px;
margin-right: 30px;
padding-left: 0;
padding-right: 0;
padding-top: 30px;
}
.section-first-row .cell-image {
min-width: auto;
min-height: 350px;
}
.section-second-row .second-cell .overlay-description {
max-width: calc(100% - 150px);
}
.section-third-row {
grid-template-columns: 1fr 1fr;
grid-template-areas:
"first first"
"second third";
grid-gap: 30px;
}
.section-third-row .first-cell .overlay-link {
min-height: 105px;
}
.section-third-row .second-cell .cell-image {
margin-bottom: 8%;
}
.section-fourth-row {
flex-wrap: wrap;
}
.section-fourth-row .cell {
flex: 1 1 100%;
margin: 0;
}
.section-fourth-row .second-cell {
margin-top: 30px;
}
.section-fourth-row .second-cell .row-overlay {
height: 170px;
position: static;
}
.overlay-link.varied-background {
background-color: #e41651;
display: flex;
align-items: flex-end;
flex-flow: column;
justify-content: flex-end;
} .overlay-link.varied-background:hover svg .cls-1 {
stroke: rgba(255, 255, 255, 0.1);
fill: rgba(255, 255, 255, 0.3);
transition: fill 0.4s ease-in-out;
}
}
@media (max-width: 1024px) {
.hero-overlay {
line-height: 30px;
}
.hero-overlay .hero-marquee,
.hero-overlay .overlay-link {
padding: 30px;
}
.hero-overlay h6,
.hero-overlay h4 {
font-size: 30px;
}
.hero-overlay h3,
.hero-overlay p {
font-size: 20px;
}
.overlay-arrow {
margin-right: -15px;
margin-top: 15px;
height: 20px;
}
.overlay-arrow svg {
height: 20px;
}
.section-first-row .cell-image {
min-height: 300px;
}
.section-first-row .overlay-headline {
font-size: 80px;
}
.section-second-row {
flex-direction: column;
}
.section-second-row .first-cell {
margin-right: 0;
margin-bottom: 30px;
}
.section-second-row .first-cell .cell-image {
max-height: 100%;
width: 100%;
}
.section-second-row .second-cell {
display: flex;
flex-direction: column-reverse;
}
.section-second-row .second-cell .row-overlay {
position: static;
height: auto;
} .section-third-row .second-cell .cell-image {
margin-bottom: 10%;
}
.section-third-row .third-cell .overlay-headline,
.section-third-row .second-cell .overlay-headline {
font-size: 40px;
}
.section-third-row .third-cell .overlay-description,
.section-third-row .second-cell .overlay-description {
font-size: 25px;
}
.section-third-row .third-cell .overlay-link {
min-height: 30%;
}
}
@media (max-width: 900px) {
.hero-overlay {
margin-top: 30px;
}
.hero-overlay .hero-marquee,
.hero-overlay .overlay-link {
padding: 20px;
}
.hero-overlay h6,
.hero-overlay h4 {
font-size: 20px;
line-height: 20px;
}
.hero-overlay h3,
.hero-overlay p {
font-size: 16px;
line-height: 24px;
}
.hero-overlay .overlay-arrow {
margin-right: -0px;
margin-top: -5px;
}
.section-row {
margin-left: 20px;
margin-right: 20px;
padding-top: 20px;
}
.overlay-headline {
letter-spacing: -1px;
font-size: 45px;
}
.overlay-description {
font-size: 24px;
}
.section-third-row {
grid-gap: 20px;
}
.section-third-row .first-cell .overlay-link {
min-height: 0;
}
}
@media (max-width: 767px) {
.section-home-hero {
margin-top: 47px !important;
}
.section-first-row .overlay-headline {
font-size: 60px;
}
.section-first-row .cell-image {
min-height: 210px;
max-width: none;
}
.section-third-row {
grid-template-columns: 1fr;
grid-template-areas:
"first"
"second"
"third";
}
.section-third-row .cell {
display: flex;
flex-direction: column-reverse;
}
.section-third-row .row-overlay {
position: static;
}
.overlay-link.varied-background {
display: block;
}
.overlay-link {
padding: 15px 30px;
}
.section-third-row .third-cell .overlay-link {
min-height: 0px;
}
.section-third-row .second-cell .cell-image {
margin-bottom: 0;
}
.section-fourth-row .first-cell .cell-image {
min-height: 170px;
width: 100%;
max-width: 100%;
}
.section-fourth-row .first-cell .cell-image-container {
margin-left: -500px;
width: 1000px;
left: 50%;
position: relative;
}
.hero-overlay .overlay-arrow {
margin-right: -20px; }
.hero-overlay .overlay-arrow svg {
height: 15px;
}
}
@media (max-width: 600px) {
.hero-overlay {
margin-top: 15px;
}
.hero-overlay .hero-marquee,
.hero-overlay .overlay-link {
padding: 15px;
}
.hero-overlay h6,
.hero-overlay h4 {
font-size: 16px;
line-height: 16px;
}
.hero-overlay h3,
.hero-overlay p {
font-size: 14px;
line-height: 30px;
}
.section-third-row .third-cell .overlay-headline,
.section-third-row .second-cell .overlay-headline,
.overlay-headline {
font-size: 30px;
}
.overlay-description {
font-size: 16px;
}
.overlay-arrow {
height: 20px;
}
.overlay-arrow svg {
height: 20px;
}
.section-first-row .overlay-headline {
font-size: 30px;
}
}
@media (max-width: 480px) {
.section-home-hero {
display: flex;
flex-direction: column-reverse;
}
.hero-overlay {
display: flex;
margin-top: 0;
position: static;
}
.hero-overlay .hero-marquee,
.hero-overlay .hero-button {
flex: 1 1 50%;
}
.hero-overlay .hero-marquee {
padding: 15px 0;
}
.hero-overlay .hero-marquee > * {
margin: 0 15px;
}
.hero-overlay h3,
.hero-overlay p {
line-height: 16px;
}
.section-first-row .second-cell .overlay-description,
.section-first-row .first-cell .overlay-description {
max-width: initial;
}
}
@media (max-width: 350px) {
.hero-overlay {
flex-wrap: wrap;
}
.hero-overlay .hero-marquee,
.hero-overlay .hero-button {
flex: 1 1 100%;
}
}