/****************/ /** Color **/ /****************/ :root { --lochmara: hsla(199, 95%, 39%, 1); --lochmara-5: hsla(199, 95%, 39%, .05); --lochmara-10: hsla(199, 95%, 39%, .1); --lochmara-20: hsla(199, 95%, 39%, .2); --lochmara-30: hsla(199, 95%, 39%, .3); --lochmara-40: hsla(199, 95%, 39%, .4); --lochmara-50: hsla(199, 95%, 39%, .5); --lochmara-60: hsla(199, 95%, 39%, .6); --lochmara-70: hsla(199, 95%, 39%, .7); --lochmara-80: hsla(199, 95%, 39%, .8); --lochmara-90: hsla(199, 95%, 39%, .9); --lochmaraLight: hsla(199, 95%, 76%, 1); --lochmaraLighter: hsla(199, 95%, 86%, 1); --lochmaraLightest: hsla(199, 95%, 96%, 1); --lochmaraDark: hsla(199, 95%, 29%, 1); --lochmaraDarker: hsla(199, 95%, 19%, 1); --lochmaraDarkest: hsla(199, 95%, 12%, 1); --caribbeangreen: hsla(160, 94%, 39%, 1); --caribbeangreenLight: hsla(160, 94%, 39%, 1); --caribbeangreenLighter: hsla(160, 94%, 69%, 1); --caribbeangreenLightest: hsla(160, 94%, 99%, 1); --gobage: hsla(38, 94%, 47%, 1); --gobage-5: hsla(38, 94%, 47%, .05); --gobage-10: hsla(38, 94%, 47%, .1); --gobage-20: hsla(38, 94%, 47%, .2); --gobage-30: hsla(38, 94%, 47%, .3); --gobage-40: hsla(38, 94%, 47%, .4); --gobage-50: hsla(38, 94%, 47%, .5); --gobage-60: hsla(38, 94%, 47%, .6); --gobage-70: hsla(38, 94%, 47%, .7); --gobage-80: hsla(38, 94%, 47%, .8); --gobage-90: hsla(38, 94%, 47%, .9); --gobageLight: hsla(38, 94%, 82%, 1); --gobageLighter: hsla(38, 94%, 88%, 1); --gobageLightest: hsla(38, 94%, 94%, 1); --gobageDark: hsla(38, 94%, 35%, 1); --gobageDarker: hsla(38, 94%, 25%, 1); --gobageDarkest: hsla(38, 94%, 15%, 1); --mustard: hsla(48, 100%, 67%, 1); --mustard-5: hsla(48, 100%, 67%, .05); --mustard-10: hsla(48, 100%, 67%, .1); --mustard-20: hsla(48, 100%, 67%, .2); --mustard-30: hsla(48, 100%, 67%, .3); --mustard-40: hsla(48, 100%, 67%, .4); --mustard-50: hsla(48, 100%, 67%, .5); --mustard-60: hsla(48, 100%, 67%, .6); --mustard-70: hsla(48, 100%, 67%, .7); --mustard-80: hsla(48, 100%, 67%, .8); --mustard-90: hsla(48, 100%, 67%, .9); --mustardLight: hsla(48, 100%, 77%, 1); --mustardLighter: hsla(48, 100%, 87%, 1); --mustardLightest: hsla(48, 100%, 97%, 1); --mustardDark: hsla(48, 100%, 57%, 1); --mustardDarker: hsla(48, 100%, 47%, 1); --mustardDarkest: hsla(48, 100%, 37%, 1); --mustardDarkest2: hsla(48, 100%, 27%, 1); --perolous: hsla(199, 49%, 51%, 1); --perolous-5: hsla(199, 49%, 51%, .05); --perolous-10: hsla(199, 49%, 51%, .1); --perolous-20: hsla(199, 49%, 51%, .2); --perolous-30: hsla(199, 49%, 51%, .3); --perolous-40: hsla(199, 49%, 51%, .4); --perolous-50: hsla(199, 49%, 51%, .5); --perolous-60: hsla(199, 49%, 51%, .6); --perolous-70: hsla(199, 49%, 51%, .7); --perolous-80: hsla(199, 49%, 51%, .8); --perolous-90: hsla(199, 49%, 51%, .9); --perolousLight: hsla(199, 49%, 68%, 1); --perolousLighter: hsla(199, 49%, 77%, 1); --perolousLightest: hsla(199, 49%, 95%, 1); --perolousDark: hsla(199, 49%, 41%, 1); --perolousDarker: hsla(199, 49%, 31%, 1); --perolousDarkest: hsla(199, 49%, 21%, 1); --ebonyclay: hsla(233, 41%, 20%, 1); --ebonyclay-5: hsla(233, 41%, 20%, .05); --ebonyclay-10: hsla(233, 41%, 20%, .1); --ebonyclay-20: hsla(233, 41%, 20%, .2); --ebonyclay-30: hsla(233, 41%, 20%, .3); --ebonyclay-40: hsla(233, 41%, 20%, .4); --ebonyclay-50: hsla(233, 41%, 20%, .5); --ebonyclay-60: hsla(233, 41%, 20%, .6); --ebonyclay-70: hsla(233, 41%, 20%, .7); --ebonyclay-80: hsla(233, 41%, 20%, .8); --ebonyclay-90: hsla(233, 41%, 20%, .9); --ebonyclayLight: hsla(233, 41%, 40%, 1); --ebonyclayLighter: hsla(233, 41%, 60%, 1); --ebonyclayDark: hsla(233, 41%, 15%, 1); --ebonyclayDarker: hsla(233, 41%, 10%, 1); --java: hsla(179, 88%, 45%, 1); --java-5: hsla(179, 88%, 45%, .05); --java-10: hsla(179, 88%, 45%, .1); --java-20: hsla(179, 88%, 45%, .2); --java-30: hsla(179, 88%, 45%, .3); --java-40: hsla(179, 88%, 45%, .4); --java-50: hsla(179, 88%, 45%, .5); --java-60: hsla(179, 88%, 45%, .6); --java-70: hsla(179, 88%, 45%, .7); --java-80: hsla(179, 88%, 45%, .8); --java-90: hsla(179, 88%, 45%, .9); --javaLight: hsla(179, 88%, 65%, 1); --javaLighter: hsla(179, 88%, 60%, 1); --javaDark: hsla(179, 88%, 30%, 1); --javaDarker: hsla(179, 88%, 20%, 1); --athensgray: hsla(240, 0%, 94%, 1); --athensgray-5: hsla(240, 0%, 94%, .05); --athensgray-10: hsla(240, 0%, 94%, .1); --athensgray-20: hsla(240, 0%, 94%, .2); --athensgray-30: hsla(240, 0%, 94%, .3); --athensgray-40: hsla(240, 0%, 94%, .4); --athensgray-50: hsla(240, 0%, 94%, .5); --athensgray-60: hsla(240, 0%, 94%, .6); --athensgray-70: hsla(240, 0%, 94%, .7); --athensgray-80: hsla(240, 0%, 94%, .8); --athensgray-90: hsla(240, 0%, 94%, .9); --athensgrayLight: hsla(240, 0%, 95%, 1); --athensgrayLighter: hsla(240, 0%, 97%, 1); --athensgrayLighter-80: hsla(240, 0%, 97%, .8); --athensgrayDark: hsla(240, 0%, 85%, 1); --athensgrayDarker: hsla(240, 0%, 65%, 1); --royalblue: hsla(220, 65%, 60%, 1); --royalblue-5: hsla(220, 65%, 60%, .05); --royalblue-10: hsla(220, 65%, 60%, .1); --royalblue-20: hsla(220, 65%, 60%, .2); --royalblue-30: hsla(220, 65%, 60%, .3); --royalblue-40: hsla(220, 65%, 60%, .4); --royalblue-50: hsla(220, 65%, 60%, .5); --royalblue-60: hsla(220, 65%, 60%, .6); --royalblue-70: hsla(220, 65%, 60%, .7); --royalblue-80: hsla(220, 65%, 60%, .8); --royalblue-90: hsla(220, 65%, 60%, .9); --royalblueLight: hsla(220, 65%, 70%, 1); --royalblueLighter: hsla(220, 65%, 80%, 1); --royalblueDark: hsla(220, 65%, 40%, 1); --royalblueDarker: hsla(220, 65%, 20%, 1); --brightsun: hsla(45, 71%, 63%, 1); --brightsun-5: hsla(45, 71%, 63%, .05); --brightsun-10: hsla(45, 71%, 63%, .1); --brightsun-20: hsla(45, 71%, 63%, .2); --brightsun-30: hsla(45, 71%, 63%, .3); --brightsun-40: hsla(45, 71%, 63%, .4); --brightsun-50: hsla(45, 71%, 63%, .5); --brightsun-60: hsla(45, 71%, 63%, .6); --brightsun-70: hsla(45, 71%, 63%, .7); --brightsun-80: hsla(45, 71%, 63%, .8); --brightsun-90: hsla(45, 71%, 63%, .9); --brightsunLight: hsla(45, 71%, 70%, 1); --brightsunLighter: hsla(45, 71%, 80%, 1); --brightsunDark: hsla(45, 71%, 47%, 1); --brightsunDarker: hsla(45, 71%, 40%, 1); --starship: hsla(56, 87%, 60%, 1); --starship-5: hsla(56, 87%, 60%, .05); --starship-10: hsla(56, 87%, 60%, .1); --starship-20: hsla(56, 87%, 60%, .2); --starship-30: hsla(56, 87%, 60%, .3); --starship-40: hsla(56, 87%, 60%, .4); --starship-50: hsla(56, 87%, 60%, .5); --starship-60: hsla(56, 87%, 60%, .6); --starship-70: hsla(56, 87%, 60%, .7); --starship-80: hsla(56, 87%, 60%, .8); --starship-90: hsla(56, 87%, 60%, .9); --starshipLight: hsla(56, 87%, 70%, 1); --starshipLighter: hsla(56, 87%, 80%, 1); --starshipDark: hsla(56, 87%, 40%, 1); --starshipDarker: hsla(56, 87%, 40%, 1); --wildstrawberry: hsla(330, 100%, 65%, 1); --wildstrawberry-5: hsla(330, 100%, 65%, .05); --wildstrawberry-10: hsla(330, 100%, 65%, .1); --wildstrawberry-20: hsla(330, 100%, 65%, .2); --wildstrawberry-30: hsla(330, 100%, 65%, .3); --wildstrawberry-40: hsla(330, 100%, 65%, .4); --wildstrawberry-50: hsla(330, 100%, 65%, .5); --wildstrawberry-60: hsla(330, 100%, 65%, .6); --wildstrawberry-70: hsla(330, 100%, 65%, .7); --wildstrawberry-80: hsla(330, 100%, 65%, .8); --wildstrawberry-90: hsla(330, 100%, 65%, .9); --wildstrawberryLight: hsla(330, 100%, 75%, 1); --wildstrawberryLighter: hsla(330, 100%, 85%, 1); --wildstrawberryDark: hsla(330, 100%, 45%, 1); --wildstrawberryDarker: hsla(330, 100%, 25%, 1); --white: hsla(330, 0%, 100%, 1); --white-5: hsla(330, 0%, 100%, .05); --white-10: hsla(330, 0%, 100%, .1); --white-20: hsla(330, 0%, 100%, .2); --white-30: hsla(330, 0%, 100%, .3); --white-40: hsla(330, 0%, 100%, .4); --white-50: hsla(330, 0%, 100%, .5); --white-60: hsla(330, 0%, 100%, .6); --white-70: hsla(330, 0%, 100%, .7); --white-80: hsla(330, 0%, 100%, .8); --white-90: hsla(330, 0%, 100%, .9); --black: hsla(0, 100%, 0%, 1); --black-5: hsla(0, 100%, 0%, .05); --black-10: hsla(0, 100%, 0%, .1); --black-20: hsla(0, 100%, 0%, .2); --black-30: hsla(0, 100%, 0%, .3); --black-40: hsla(0, 100%, 0%, .4); --black-50: hsla(0, 100%, 0%, .5); --black-60: hsla(0, 100%, 0%, .6); --black-70: hsla(0, 100%, 0%, .7); --black-80: hsla(0, 100%, 0%, .8); --black-90: hsla(0, 100%, 0%, .9); --alertError: hsla(359, 51%, 47%, 1); --alertErrorLight: hsla(359, 51%, 67%, 1); --alertWarning: hsla(38, 49%, 38%, 1); --alertWarningLight: hsla(38, 49%, 58%, 1); --alertSuccess: hsla(134, 58%, 30%, 1); --alertSuccessLight: hsla(134, 58%, 50%, 1); --alertInfo: hsla(194, 91%, 30%, 1); --alertInfoLight: hsla(194, 91%, 50%, 1); } /******************/ /** Font(s) **/ /******************/ @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap'); * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; padding: 0; margin: 0; line-height: 1.75; /*transition: all 0.6s ease;*/ letter-spacing: 0.04rem; outline: none; /*color: var(--lochmaraDark);*/ /*-webkit-overflow-scrolling: touch;*/ /*font-family: 'Raleway', sans-serif;*/ font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; } @media (min-device-width: 1180px) and (orientation: landscape) { .et_fixed_nav.et_show_nav #page-container { padding-top: 76px !important; } } @media (min-device-width: 1280px) and (orientation: landscape) { .et_fixed_nav.et_show_nav #page-container { padding-top: 76px !important; } } @media (min-device-width: 2400px) and (orientation: landscape) { #wpadminbar { height: 53px !important; } #wpadminbar * { font-size: 0.75rem !important; } .et_fixed_nav.et_show_nav #page-container { padding-top: 129px !important; } } @media (min-device-width: 3600px) { .et_fixed_nav.et_show_nav #page-container { padding-top: 169px !important; } } /* Responsive Typography */ html:not(.wp-toolbar), body:not(.wp-admin) { background-color: var(--bs-body-bg); position: relative; font-size: 16px; font-family: var(--bs-body-font); color: var(--bs-body-font-color); line-height: 1.75; overflow-x: hidden !important; } @media (min-device-width: 1400px) { html:not(.wp-toolbar), body:not(.wp-admin) { font-size: 16px; line-height: 1.875; } } @media (min-device-width: 1700px) { html:not(.wp-toolbar), body:not(.wp-admin) { font-size: 15px; } } @media (min-device-width: 1800px) { html:not(.wp-toolbar), body:not(.wp-admin) { font-size: 16px; } } @media (min-device-width: 1920px) { html:not(.wp-toolbar), body:not(.wp-admin) { font-size: 17px; } } @media (min-device-width: 2400px) { html:not(.wp-toolbar), body:not(.wp-admin) { font-size: 26px; } } @media (min-device-width: 3600px) { html:not(.wp-toolbar), body:not(.wp-admin) { font-size: 40px; } } body #page-container h1, body #page-container h2, body #page-container h3, body #page-container h4, body #page-container h1 *, body #page-container h2 *, body #page-container h3 *, body #page-container h4 * { /*font-family: "EB Garamond", serif !important;*/ font-weight: bold; line-height: normal; } body #page-container h1, body #page-container h2, body #page-container h3, body #page-container h4, body #page-container h5, body #page-container h6 { font-weight: 700; color: var(--lochmaraDark); } body #page-container h1, body #page-container h2 { } @media only screen and (max-width: 768px){ /* All headings that are not in the hero or not used as small headings as "H2/H3 combinations" */ body #page-container .entry-content .et_pb_section:not(:first-of-type) *:not(.et_pb_text_inner) > h1, body #page-container .entry-content .et_pb_section:not(:first-of-type) *:not(.et_pb_text_inner) > h2 { font-size: clamp(1.75rem, 4vw, 2.75rem) !important; } } @media only screen and (max-width: 992px){ .custom-slides .et_pb_slide_title { font-size: clamp(2.5rem, 4vw, 3rem) !important; } } body #page-container h2, body #page-container h3 { font-weight: 700 !important; } body #page-container h1:not(.site-title):before, body #page-container h2:before { display: none; visibility: hidden; } body #page-container a { color: var(--mustard)!important; color: #2fb8fe!important; color: var(--perolous)!important; } body #masthead a, body #footer a { color: var(--white)!important; } /* Sticky Header */ body.admin-bar.et_fixed_nav #main-header, #main-header { position: fixed !important; } #main-header { top: 0 !important; } @media only screen and (max-width: 980px){ body.admin-bar.et_fixed_nav #main-header { top: 0 !important; position: sticky !important; margin-top: -5rem; } } @media only screen and (min-width: 981px){ body.admin-bar.et_fixed_nav #main-header { top: 1.9rem !important; background: var(--white-90) !important; backdrop-filter: blur(4px); } } @media only screen and (max-width: 981px){ #page-container { margin-top: 0rem !important; padding-top: 0rem !important; } } /* Logo .logo_container, .logo_container a { display: flex; justify-content: flex-start; } .logo_container a:hover { opacity: 0.9; transform: scale(0.98); transform-origin: center center; } .et_header_style_left .logo_container { position: absolute; max-height: 100%; max-width: 12rem; width: 100%; top: 0; bottom: 0; overflow: hidden; } @media (max-width: 980px){ .et_header_style_left .logo_container { max-width: 21rem; } .et_header_style_left #logo { max-width: 100%; } } #logo { align-self: center; } */ @media only screen and (min-width: 969px) and (max-width: 1550px) { #et-top-navigation { padding-left: 0 !important; } } footer .container:after { width: 100%; clear: both; font-size: 0; display: block; } /* Main Navigation */ #top-menu li { display: inline-block; font-size: 0.875rem; padding-right: 1.375rem; } #top-menu > li > a { font-size: 1rem; color: var(--lochmaraDark) !important; opacity: 1 !important; } .et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current_page_item>a { color: var(--lochmaraDarker) !important; } #top-menu > li > a:hover { opacity: .7 !important; } #top-menu li a:hover { text-decoration: underline; } @media only screen and (min-width: 981px){ .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a { font-size: 0.875rem; } .et-fixed-header #top-menu li a { font-size: 0.875rem; } } #main-header ul:not(.sub-menu) > li.current-menu-ancestor>a, #main-header ul:not(.sub-menu) > li.current-menu-item>a, .et_header_style_left .et-fixed-header ul:not(.sub-menu) > li.current-menu-item>a, body.archive li.menu-item-26 > a, body.single li.menu-item-26 > a, .et-fixed-header #top-menu ul:not(.sub-menu) > li.current-menu-item>a, .et-fixed-header #top-menu ul:not(.sub-menu) > li.current_page_item>a, .et-fixed-header #top-menu ul:not(.sub-menu) > li.current-menu-ancestor>a { color: var(--lochmaraDarker) !important; text-decoration: underline !important; /*padding: 0.5rem .75rem !important;*/ position: relative; text-decoration: none !important; top: 0rem; } #main-header ul:not(.sub-menu) > li.current-menu-ancestor.menu-item-has-children>a { padding: 0.75rem 1.25rem 0.75rem 0.75rem !important; } @media (min-width: 767px) { #main-header ul:not(.sub-menu) > li.current-menu-ancestor.menu-item-has-children>a { padding: 0rem 1.25rem 28px .75rem !important; } } #top-menu li.current-menu-ancestor.menu-item-has-children>a:first-child:after, #et-secondary-nav li.current-menu-ancestor.menu-item-has-children>a:first-child:after { top: 0.25rem; } #top-menu li.current-menu-ancestor.menu-item-has-children>a:first-child:after, #et-secondary-nav li.current-menu-ancestor.menu-item-has-children>a:first-child:after { top: 0rem; } @media (max-width: 768px) { body.archive li.menu-item-26 > a, body.single li.menu-item-26 > a, #main-header ul > li.current-menu-item>a, .et-fixed-header #top-menu ul > li.current-menu-item>a, .et-fixed-header #top-menu ul > li.current_page_item>a, #main-header ul > li.current-menu-ancestor>a, .et-fixed-header #top-menu ul > li.current-menu-ancestor>a, .et_mobile_menu li a[aria-current="page"] { color: var(--mustardDarkest2) !important; background: var(--mustard-90); } } body.parent-pageid-14 li.menu-item-24 > a:before, body.archive li.menu-item-26 > a:before, body.single li.menu-item-26 > a:before, #main-header ul#top-menu > li.current-menu-item>a:before, #main-header ul#top-menu > li.current-menu-ancestor>a:before { position: absolute; bottom: 0.25rem; left: 0rem; right: 0rem; height: 0.313rem; width: 100%; background: var(--mustard); display: flex; content: "" !important; border-radius: 1rem; } body.archive li.menu-item-26.menu-item-has-children > a, body.single li.menu-item-26.menu-item-has-children > a, #main-header li.current-menu-item.menu-item-has-children>a, .et-fixed-header #top-menu li.current-menu-item.menu-item-has-children>a, .et-fixed-header #top-menu li.current_page_item.menu-item-has-children>a { /*padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 1.75rem !important;*/ color: var(--lochmaraDark); } body.archive li#menu-item-26.menu-item-has-children > a:hover, body.single li#menu-item-26.menu-item-has-children > a:hover, #main-header li.current-menu-item>a:hover, .et-fixed-header #top-menu li.current-menu-item>a:hover, .et-fixed-header #top-menu li.current_page_item>a:hover { text-decoration: none !important; /*border-radius: 2rem;*/ } body.archive li#menu-item-40 > a, body.archive li#menu-item-40 > a:hover, body.single li.menu-item-40 > a, body.single li.menu-item-40 > a:hover, #main-header .nav li ul a[aria-current="page"], .et_mobile_menu li a[aria-current="page"], #main-header ul.sub-menu > li.current_page_ancestor > a, #main-header .nav li ul a[aria-current="page"]:hover, .et_mobile_menu li a[aria-current="page"]:hover, #main-header ul.sub-menu > li.current_page_ancestor > a:hover { background-color: var(--mustard) !important; color: var(--mustardDarkest2) !important; text-decoration: none !important; } @media (min-device-width: 2400px){ #main-header ul.sub-menu a { font-size: .75rem; } } #main-header ul.sub-menu > li.menu-item-has-children > a:first-child:after { top: 50%; transform: translateY(-50%); } #top-menu .menu-item-has-children>a[aria-current="page"]:first-child:after, #et-secondary-nav .menu-item-has-children>a[aria-current="page"]:first-child:after, #top-menu ul > li.current-menu-ancestor>a[aria-current="page"]:first-child:after, #et-secondary-nav ul > li.current-menu-ancestor>a[aria-current="page"]:first-child:after { /*font-family: 'ETmodules'; content: "3"; font-size: 1rem; position: absolute; right: 0.5rem !important; top: 50%; font-weight: 800; transform: translateY(-50%);*/ } body.single #main-header .nav ul li.menu-item-40 a:not([aria-current="page"]) { color: var(--white) !important; } #main-header .nav ul li a:not([aria-current="page"]), #main-header .nav li ul a:not([aria-current="page"]), .et_mobile_menu li a:not([aria-current="page"]) { color: var(--lochmara); } #main-header .nav ul li a:not([aria-current="page"]):hover, #main-header .nav li ul a:not([aria-current="page"]):hover, .et_mobile_menu li a:not([aria-current="page"]):hover { background-color: var(--perolous-10); color: var(--lochmara); opacity: 1 !important; text-decoration: none !important; } @media (min-width: 767px) { #section-newsletter form p { max-width: 23% !important; } } body #page-container .milestone-item-controls-read, .et-fixed-header #top-menu li.btn-donation a, #top-menu .btn-donation a, #section-newsletter .et_pb_button { top: -0.425rem; padding: 0.5rem 1.25rem !important; color: var(--mustardDarkest2) !important; border-radius: 0rem; font-weight: 500!important; background-color: var(--mustard) !important; font-weight: 900 !important; opacity: 1 !important; text-decoration: none !important; letter-spacing: 0.0125rem; border-radius: 1.25rem; box-shadow: inset 0rem 0rem 0rem 0.125rem var(--mustard), inset 0rem 0rem 0rem 0.25rem var(--mustardLight); text-transform: uppercase; font-size: .875rem !important; font-weight: 600!important; } body #page-container .milestone-item-controls-read:hover, .et-fixed-header #top-menu li.btn-donation a:hover, #top-menu .btn-donation a:hover, #section-newsletter .et_pb_button:hover { filter: brightness(1.05); } #section-newsletter .et_pb_button, body #page-container .et_pb_section .et_pb_signup_0.et_pb_subscribe .et_pb_newsletter_button.et_pb_button { top: 0rem; color: var(--mustardDarkest2) !important; } .et_mobile_menu { overflow: scroll; height: calc(100vh - 5.5rem); padding: 5% 5% 15%; } @media (max-width: 992px) { body.logged-in .et_mobile_menu { position: fixed !important; top: 8.5rem; } body:not(.logged-in) .et_mobile_menu { position: fixed !important; top: 5.5rem; } } .mobile_menu_bar { min-height: 4rem; min-width: 4rem; display: flex; align-items: center; justify-content: flex-end; } .mobile_menu_bar button { padding: 0.5rem 1rem; border: 1px solid var(--lochmaraDark-10); border-radius: 4rem; display: flex; height: 2.5rem; justify-content: center; align-items: center; font-size: .925rem; font-weight: 600; background: transparent; color: var(--lochmaraDark); } .mobile_nav.opened .mobile_menu_bar button { background: var(--lochmaraDark); color: var(--white); } .menu-toggle-icon { width: 1rem; height: 1rem; margin-left: 0.5rem; display: inline-flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 0.125rem; position: relative; transition-duration: 1s !important; } .menu-toggle-icon .menu-toggle-icon-line-01, .menu-toggle-icon .menu-toggle-icon-line-02, .menu-toggle-icon .menu-toggle-icon-line-03 { height: .125rem; width: 100%; background: var(--mustardDarker); border-radius: 0.125rem; transition-duration: 1s !important; } .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-01, .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-02, .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-03 { position: absolute; top: 50% !important; transform-origin: center; transition-duration: 1s !important; } .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-01 { transform: translateY(-50%) rotate(319deg); } .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-02 { opacity: 0; } .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-03 { transform: translateY(-50%) rotate(45deg); } @media (max-width: 969px ){ html[data-state="showMobileMenu"], html[data-state="showMobileMenu"] body{ position: relative; min-height: 100%; top: 0px; display: block; overflow-y: hidden !important; } /* Hide the Translate action at the bottom of the pageview */ html[data-state="showMobileMenu"] #glt-translate-trigger { display: none; } } /* html[data-state="showMobileMenu"] .mobile_menu_bar button { } @media (min-width: 1025px ){ .mobile_menu_bar button { display: none !important; } } */ /* Main content Container Overrides */ @media (max-width: 992px){ #main-content { margin-top: 4.5rem !important; } } /* Main content Container Overrides */ @media (min-device-width: 576px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 540px; } } @media (max-device-width: 860px){ .et_pb_section > .et_pb_row { padding-left: 3%; padding-right: 3%; } } @media (min-device-width: 768px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 720px !important; } } @media (min-device-width: 992px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 960px !important; } } @media (min-device-width: 1200px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 1140px !important; } } @media (min-device-width: 1400px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 1320px !important; } .et_pb_section > .et_pb_row { padding-left: 3%; padding-right: 3%; } } @media (min-device-width: 1500px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 1280px !important; } .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { } } @media (min-device-width: 1800px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 1560px !important; } .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { } } @media (min-device-width: 2400px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 2090px !important; /*max-width: 100% !important;*/ } .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { } } @media (min-device-width: 3600px){ .container, .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { max-width: 3080px !important; } .et_pb_section > .et_pb_row, .custom-slides-fullwidth .et_pb_slides .et_pb_container, .block-timeline-tabs ul.block-timeline-tabs-inner, .block-timeline-decades-and-events { } } @media (max-device-width: 992px){ .et_pb_section { /*padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 2.5rem !important; padding-bottom: 2.5rem !important;*/ } #make-a-donation-section.et_pb_section > .et_pb_row { flex-direction: column-reverse; } #make-a-donation-section.et_pb_section > .et_pb_row h3 { font-size: 9vw; line-height: 1.25; padding-bottom: 0rem; } #make-a-donation-section.et_pb_section > .et_pb_row img { width: 80%; } .et_pb_section > .et_pb_row { width: 96%; } /* OLD Hero Slides row on mobile */ .et_pb_section:first-of-type:not(.custom-slides-fullwidth).custom-slides .et_pb_row { padding-top: 0rem; padding-bottom: 0rem; } .et_pb_section:first-of-type:not(.custom-slides-fullwidth).custom-slides .et_pb_slider .et_pb_slide { padding-left: 0rem !important; padding-right: 0rem !important; } } @media (max-device-width: 1400px) { .et_pb_svg_logo #logo { height: 56%; } .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { padding-left: 0 !important; } } @media (max-device-width: 1190px) { .et_pb_svg_logo #logo { max-width: 8rem; } #top-menu li { padding-right: 0.75rem !important; } #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a { font-size: 0.8rem; } } @media (min-device-width: 1400px) and (max-device-width: 1600px) { .et_pb_svg_logo #logo { max-width: 14.5rem; } #top-menu li { padding-right: 0.75rem !important; } #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a { font-size: 0.9rem; } } @media (max-device-width: 1280px) { .et_pb_svg_logo #logo { max-width: 10rem; } #top-menu li { padding-right: 0.75rem !important; } #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a { font-size: 0.8rem; } } @media (min-device-width: 1360px) and (max-device-width: 1440px) { .et_pb_svg_logo #logo { max-width: 15.5rem; } #top-menu li { padding-right: 0.75rem !important; } #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a { font-size: 0.8rem; } } @media (min-device-width: 1600px) { .et_pb_svg_logo #logo { max-width: 17.5rem; } } @media (max-device-width: 992px) { .et_pb_svg_logo #logo { max-width: 14rem; } } /************************************************************************************************************** DP Modal plugin -- Via the "Divi Plus" plugin shortcode in the footer **************************************************************************************************************/ @media screen and (max-width: 980px){ .dipl_modal .dipl_modal_inner_wrap { width: 96% !important; } } /** Fix for shorcode modals not showing in the Divi Plus popup modal **/ .dipl_modal_content_text .gform_wrapper { display: block !important; } .dipl_modal_content_text .gform_wrapper form { opacity: 1 !important; } /************************************************************************************************************** DP Floating Image plugin -- Via the "Divi Plus" plugin shortcode in the footer **************************************************************************************************************/ .offset-image-and-content-row { } .offset-image-and-content-row .et_pb_blurb { top: 48%; transform: translateY(-50%); } @media (max-width: 969px) { .offset-image-and-content-row .et_pb_blurb { margin-left: 0rem !important; max-width: 50%; } } .offset-image-and-content-row [class*=dipl_floating_image_] .dipl_floating_image_item img { max-height: 450px !important; height: 70vh !important; width: auto !important; } .offset-image-and-content-row [class*=dipl_floating_image_].show-modal-video-impact { cursor: pointer; } .offset-image-and-content-row [class*=dipl_floating_image_].show-modal-video-impact:hover img { opacity: .8; } .offset-image-and-content-row .et_pb_blurb:after { content: ''; visibility: visible; position: absolute; border: 1px solid rgba(255, 255, 255, .5); top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem; height: auto; z-index: 0; } @media (max-width: 680px) { .offset-image-and-content-row .et_pb_blurb { top: 0rem !important; transform: none; max-width: none; position: relative !important; z-index: -1; margin-top: 9.5rem; } .offset-image-and-content-row [class*=dipl_floating_image_] { position: relative !important; width: 86%; margin: 0 auto !important; } .offset-image-and-content-row [class*=dipl_floating_image_] .dipl_floating_image_item img, .dipl_floating_image .dipl_floating_images_wrapper .dipl_floating_image_item { height: auto !important; width: 100% !important; } .offset-image-and-content-row [class*=dipl_floating_image_] .dipl_floating_images_wrapper { height: auto !important; } } /************************************************************************************************************** DP Floating Image plugin -- Via the "Divi Plus" plugin shortcode in the footer **************************************************************************************************************/ [class*=dipl_floating_image_] .dipl_floating_image_item img { max-height: 450px !important; height: 70vh !important; } /************************************************************************************************************** DP Image Card plugin -- Bootstrap class names on the containing section "d-flex align-items-stretch mw-100 flex-column flex-lg-row" **************************************************************************************************************/ .et_pb_number_counter.et_pb_number_counter .percent p { justify-content: center; } /************************************************************************************************************** Google Translate action -- Via the "Google Language Translator" plugin shortcode in the footer **************************************************************************************************************/ #glt-translate-trigger { font-size: .875rem !important; text-shadow: none; border-radius: 1.5rem 1.5rem 0 0; text-transform: uppercase; box-shadow: inset 0rem 0rem 0rem 0.125rem var(--mustard), inset 0rem 0rem 0rem 0.25rem var(--mustardLight); } /************************************************************************************************************** Flip Box Module -- The "et_pb_row" has the follwing classes at the module edit level "d-flex align-content-stretch h-100" ****************************************************************************************************************/ body #page-container .flipbox-module { height: 100% !important; } body #page-container .flipbox-module .et_pb_module_inner { height: 100%; display: flex; align-items: stretch; } body #page-container .flipbox-module .et_pb_module_inner .flipbox_front, body #page-container .flipbox-module .et_pb_module_inner .flipbox_back { height: 100% !important; } body #page-container .flipbox-module .et_pb_module_inner .flipbox_front { align-items: flex-start; } body #page-container .flipbox-module .flipbox_side.flipbox_back { overflow: auto; height: 100%; align-items: flex-start; } /************************************************************************************************************** Clickcable Callout Module -- d-flex align-content-stretch h-100 flex-column flex-lg-row **************************************************************************************************************/ body #page-container .clickable-callout-module { display: flex; align-content: stretch; height: 100%; flex-direction: row; } body #page-container .clickable-callout-module .et_pb_blurb_description:has(p [class*=btn-]) { display: grid; } @media (max-device-width: 1024px) { body #page-container .clickable-callout-module { flex-direction: column; } } /************************************************************************************************************** Callout Module -- Used for the "Volunteer" page off-site opportunities callouts -- The "et_pb_row" has the following classes at the module edit level "d-flex align-content-stretch h-100" **************************************************************************************************************/ body #page-container .callout-module { height: 100% !important; align-items: stretch; display: flex; flex-direction: row; } @media (max-device-width: 1024px) { body #page-container .callout-module { flex-direction: column; } } body #page-container .callout-module .et_pb_blurb_content { height: 100%; display: grid; grid-template-rows: min-content auto; padding: 2rem; background: var(--white); border-radius: 0.5rem; } body #page-container .callout-module .et_pb_blurb_content .et_pb_blurb_container { display: grid; grid-template-rows: min-content auto; align-items: stretch; } body #page-container .callout-module .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description, body #page-container .callout-module .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description > p { align-items: flex-end; display: grid; grid-template-rows: max-content auto; } body #page-container .callout-module .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description > p { margin: 0; height: 100%; } /************************************************************************************************************** Profile Module -- Used for the "Team" and "Our Board" page profile callouts -- The "et_pb_column" has the following classes at the module edit level "d-flex align-content-stretch h-100" **************************************************************************************************************/ body #page-container .profile-module { height: 100% !important; align-items: stretch; display: flex; flex-direction: row; margin-bottom: 1.5rem !important; } @media (max-device-width: 1024px) { body #page-container .profile-module { margin-bottom: 0rem !important; } } body #page-container .profile-module .et_pb_column .et_pb_module { height: 100% !important; } /* Callout Model & Overall Button Styles: Solid-Light, Solid-Dark, and Outline */ body #page-container form input[type=submit], body #page-container form button[type=submit], body #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button, body #page-container .btn-primary-solid-dark, body #page-container .btn-primary-solid-light, body #page-container .btn-primary-solid-blue, body #page-container .btn-primary-outline, body #page-container .btn-primary-outline-light, body #page-container .btn-primary-outline-dark, body #page-container .btn-primary-solid-dark[class*=et_pb_button_], body #page-container .btn-primary-solid-light[class*=et_pb_button_], body #page-container .btn-primary-solid-blue[class*=et_pb_button_], body #page-container .et_pb_section .btn-primary-outline[class*=et_pb_button_], body #page-container .et_pb_section .btn-primary-outline-light[class*=et_pb_button_], body #page-container .et_pb_section .btn-primary-outline-dark[class*=et_pb_button_], body #page-container .et_pb_section .btn-primary-outline[class*=et_pb_button_]:hover, body #page-container .et_pb_section .btn-primary-outline-light[class*=et_pb_button_]:hover, body #page-container .et_pb_section .btn-primary-outline-dark[class*=et_pb_button_]:hover, body #page-container .callout-module .callout-module-action, .gform_wrapper.gravity-theme button, .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_footer input[type=submit], .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input, .gform_wrapper.gravity-theme .gform_page_footer input[type=submit] { color: var(--mustardDarkest); border-width: 2px !important; border-color: var(--mustard); border-radius: 100px; border-style: solid; font-size: 14px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important; font-weight: 600 !important; text-transform: uppercase !important; transition: all 300ms ease 0ms; text-decoration: underline !important; padding-top: 1rem !important; padding-right: 1.5rem !important; padding-bottom: 1rem !important; padding-left: 1.5rem !important; margin-top: 1.5rem; justify-content: center; } body #page-container .btn-primary-outline-light, body #page-container .btn-primary-outline-light[class*=et_pb_button_] { color: var(--white) !important; border-color: var(--white-40); background: transparent !important; /*box-shadow: inset 0rem 0rem 0rem 0.125rem var(--white-10), inset 0rem 0rem 0rem 0.375rem var(--white-5), inset 0rem 0rem 0rem 0.125rem transparent;*/ box-shadow: none; border-width: 2px !important; border-color: var(--white) !important; border-radius: 100px; } body #page-container .btn-primary-outline-dark, body #page-container .btn-primary-outline-dark[class*=et_pb_button_] { color: var(--lochmara) !important; border-color: var(--lochmara-40); background: transparent !important; /*box-shadow: inset 0rem 0rem 0rem 0.125rem var(--lochmara-10), inset 0rem 0rem 0rem 0.375rem var(--lochmara-5), inset 0rem 0rem 0rem 0.125rem transparent;*/ box-shadow: none; border-width: 2px !important; border-color: var(--lochmara) !important; border-radius: 100px; } body #page-container .callout-module .callout-module-action { display: flex!important; } body #page-container form input[type=submit]:hover, body #page-container form button[type=submit]:hover, body #page-container .btn-primary-solid-dark:hover, body #page-container .btn-primary-solid-light:hover, body #page-container .btn-primary-solid-blue:hover, body #page-container .btn-primary-outline:hover, body #page-container .btn-primary-outline-light:hover, body #page-container .btn-primary-outline-dark:hover, body #page-container .btn-primary-outline[class*=et_pb_button_]:hover, body #page-container .btn-primary-outline-light[class*=et_pb_button_]:hover, body #page-container .btn-primary-outline-dark[class*=et_pb_button_]:hover, body #page-container .callout-module:hover .callout-module-action, body #page-container .callout-module .callout-module-action:hover, .gform_wrapper.gravity-theme button:hover, .gform_wrapper.gravity-theme .gform_footer button:hover, .gform_wrapper.gravity-theme .gform_footer input:hover, .gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover, .gform_wrapper.gravity-theme .gform_page_footer button:hover, .gform_wrapper.gravity-theme .gform_page_footer input:hover, .gform_wrapper.gravity-theme .gform_page_footer input[type=submit]:hover { position: relative; z-index: 2; letter-spacing: 0px!important; background-color: rgba(0,0,0,.05); } /* body #page-container .btn-primary-solid-light, body #page-container .btn-primary-solid-light[class*=et_pb_button_] { background-color: var(--white) !important; border: none !important; box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.16); }*/ body #page-container .btn-primary-solid-light, body #page-container .btn-primary-solid-light[class*=et_pb_button_], body #page-container .btn-primary-solid-blue, body #page-container .btn-primary-solid-blue[class*=et_pb_button_] { color: var(--white) !important; border: none !important; letter-spacing: 0.0125rem; text-decoration: none !important; box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.16); background-color: var(--lochmara) !important; box-shadow: inset 0rem 0rem 0rem 0.125rem var(--lochmara), inset 0rem 0rem 0rem 0.25rem var(--lochmaraLight); } body #page-container form input[type=submit], body #page-container form button[type=submit], body #page-container .btn-primary-solid-dark, body #page-container .btn-primary-solid-dark[class*=et_pb_button_], body #page-container .btn-primary-outline, body #page-container .et_pb_section .btn-primary-outline[class*=et_pb_button_], body #page-container .btn-primary-outline:hover, body #page-container .et_pb_section .btn-primary-outline[class*=et_pb_button_]:hover { background-color: var(--mustard) !important; color: var(--white) !important; border: none !important; box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.16); color: var(--mustardDarkest2) !important; border-radius: 2rem !important; font-weight: 500!important; background-color: var(--mustard) !important; font-weight: 900 !important; opacity: 1 !important; text-decoration: none !important; letter-spacing: 0.0125rem; border-radius: 1.25rem; box-shadow: inset 0rem 0rem 0rem 0.125rem var(--mustard), inset 0rem 0rem 0rem 0.25rem var(--mustardLight); text-transform: uppercase; font-size: .825rem !important; font-weight: 600!important; } body #page-container form input[type=submit]:hover, body #page-container form button[type=submit]:hover, body #page-container .btn-primary-solid-dark:hover, body #page-container .btn-primary-solid-dark[class*=et_pb_button_]:hover { filter: brightness(1.05); } /* Divi Contact Form */ .et_contact_bottom_container { float: none !important; margin-top: 0rem !important; justify-content:center; } /* Gravity Forms */ .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { } .gform_wrapper.gravity-theme button, .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { color: var(--mustardDarkest) !important; background: var(--white) !important; } .gform_wrapper.gravity-theme .gform_footer input[type=submit], .gform_wrapper.gravity-theme .gform_page_footer input[type=submit] { background: var(--mustard) !important; color: var(--white) !important; } /* Footer */ #footer-bottom { background-color: var(--lochmaraDarkest); padding: .5rem 0; } #footer-info { float: none; font-size: .625rem; color: var(--white) !important; padding: 0rem; text-align: right !important; } @media (min-wdth: 992px) { #footer-info { } } #footer-bottom .photon-symbol-action { position: absolute; right: 0rem; bottom: 0rem; pointer-events: none; opacity: 0; } /***************************************************** Masthead used on interior pages at the top; and typically has some type of "Return to Parent page" action *****************************************************/ body #masthead { min-height: 70vh; } /***************************************************** Fullwidth Slides Module *****************************************************/ .custom-slides-fullwidth { padding: 0 !important; } .custom-slides-fullwidth .et_pb_slides .et_pb_container { align-items: flex-end !important; padding: 2rem 0rem; } @media (min-width: 767px){ .custom-slides-fullwidth .et_pb_slides .et_pb_container { padding: 3rem 0rem; } } .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slider_container_inner { vertical-align: bottom; } @media (min-width: 969px){ .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slider_container_inner { vertical-align: middle; } } .custom-slides-fullwidth .et_pb_slide_title { font-size: 2.125rem; font-weight: 500 !important; line-height: 1.125; } @media (min-width: 767px) { .custom-slides-fullwidth .et_pb_slide_title { font-size: 2.325rem; } } @media (min-width: 960px) { .custom-slides-fullwidth .et_pb_slide_title { font-size: 2.675rem; } } @media (min-width: 1400px) { .custom-slides-fullwidth .et_pb_slide_title { font-size: 3.125rem; } } @media (min-width: 1800px) { .custom-slides-fullwidth .et_pb_slide_title { font-size: 3rem; } } .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slide_description { /*background-color: var(--lochmara-90);*/ display: flex; /*padding: 2rem;*/ margin: 0; flex-direction: column; width: 100%; user-select: none; -webkit-user-select: none; cursor: default; } @media (max-device-width: 676px){ .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slide_description { padding-left: 1.125rem !important; padding-right: 1.125rem !important; } } @media (min-width: 992px){ .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slide_description { /*padding: 3rem;*/ max-width: 56%;/*this was 56%*/ } } @media (min-width: 1200px){ .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slide_description { max-width: 45%;/*this was 56%*/ } } @media (min-width: 1400px){ .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slide_description { max-width: 40%;/*this was 56%*/ } } @media (min-width: 1600px){ .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slide_description { max-width: 42%;/*this was 56%*/ } } @media (min-width: 1900px){ .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slide_description { max-width: 36%;/*this was 50%*/ } } .custom-slides-fullwidth .et_pb_slides .et_pb_container .et_pb_slide_description:after { /*content: ''; visibility: visible; position: absolute; border: 1px solid rgba(255, 255, 255, .5); top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem; height: auto; z-index: 0;*/ } .custom-slides-fullwidth .et_pb_slider .et_pb_slide { min-height: 88vh; } @media screen and (min-width: 960px){ .custom-slides-fullwidth .et_pb_slider .et_pb_slide { min-height: clamp(30rem, 38.375rem, 88vh); } } @media screen and (min-width: 1600px){ .custom-slides-fullwidth .et_pb_slider .et_pb_slide { min-height: clamp(30rem, 38.375rem, 95vh); } } .custom-slides-fullwidth .et_pb_slider .et_pb_slide.et_clickable { background-size: 102%; animation-direction: reverse; transition: all .5s; } .custom-slides-fullwidth .et_pb_slider .et_pb_slide.et_clickable:hover { cursor: pointer; background-size: 100%; transition-duration: .6s; animation-direction:reverse; } @media screen and (max-device-width: 767px){ .custom-slides-fullwidth .et_pb_slider .et_pb_slide.et_clickable, .custom-slides-fullwidth .et_pb_slider .et_pb_slide.et_clickable:hover { background-size: cover; } } .custom-slides-fullwidth .et_pb_slider .et_pb_slide.et_clickable .et_pb_slide_description { cursor: pointer; } .custom-slides-fullwidth .et_pb_slider .et_pb_slide.et_clickable:hover .et_pb_more_button { letter-spacing: 0px !important; } /***************************************** Divi Plus Image Card ******************************************/ .dipl_image_card .dipl_image_card_icon:not(:empty) { font-size: 1.5rem !important; height: 4rem; width: 4rem; display: inline-flex; align-items: center; justify-content: center; } /***************************************** Divi Plus Masonry Gallery (single line) ******************************************/ html:not([class*=et-fb-preview--]) .dipl_masonry_gallery { } html:not([class*=et-fb-preview--]) .dipl_masonry_gallery_custom_fullwidth { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } @media (max-width: 680px) { html:not([class*=et-fb-preview--]) .dipl_masonry_gallery_custom_fullwidth { width: 100vw !important; max-width: none !important; /*margin-left: -1.5rem !important; margin-right: -1.5rem !important;*/ padding: 0; } } html:not([class*=et-fb-preview--]) .dipl_masonry_gallery_custom_fullwidth * { transition-duration: none; } html .dipl_masonry_gallery_custom_fullwidth * { /*max-height: 9rem;*/ max-height: 7.75rem; } @media (min-width: 1300px) { html:not([class*=et-fb-preview--]) .dipl_masonry_gallery_custom_fullwidth * { /*max-height: 10rem;*/ } } @media (min-width: 1400px) { html:not([class*=et-fb-preview--]) .dipl_masonry_gallery_custom_fullwidth * { max-height: none; } } @media (min-width: 1400px) { html:not([class*=et-fb-preview--]) .dipl_masonry_gallery_custom_fullwidth * { } } html:not([class*=et-fb-preview--]).dipl_masonry_gallery_image_wrapper { } html:not([class*=et-fb-preview--]).dipl_masonry_gallery_image_wrapper img { } html:not([class*=et-fb-preview--]) .dipl_masonry_gallery_custom_fullwidth .dipl_masonry_gallery_wrapper { position: relative; height: auto !important; display: flex !important; align-content: center !important; gap: .5rem; align-items: center; justify-content: center; width: 100% !important; } @media (min-width: 767px) { html:not([class*=et-fb-preview--]) .dipl_masonry_gallery_custom_fullwidth .dipl_masonry_gallery_wrapper { gap: .75rem; } } html:not([class*=et-fb-preview--]) .dipl_masonry_gallery .dipl_masonry_gallery_item, .dipl_masonry_gallery .dipl_masonry_gallery_item { display: inline-flex !important; position: relative !important; top: initial !important; left: initial !important; flex-direction: row; flex-basis: fit-content; margin: 0 !important; padding: 0 !important; align-items: center; height: 7.75rem; overflow: hidden; } html:not([class*=et-fb-preview--]) .dipl_masonry_gallery .dipl_masonry_gallery_item_gutter { display: none !important; } /* ------------------------- USED TO FIX HEIGHT of Media Uploader content area when in edit mode on the frontend -------------------------- */ @media (min-width: 767px) { html[class*=et-fb-preview--] .media-frame-content { height: calc(100vh - 255px); } } /* ------------------------- USED TO OVERRIDE CONTAINERS MAX-WIDTHS for the TIMELINE tabs and container -------------------------- */ .alignfull { width: 100vw !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; max-width: none !important; } /* ------------------------- USED TO OVERRIDE CONTAINERS MAX-WIDTHS elsewhere that is not the timeline (via Bootstrap) -------------------------- */ .et_pb_section > .et_pb_row.mw-100 { max-width: 100% !important; } /* ------------------------- USED TO OVERRIDE Bootstrap -------------------------- */ .lead { font-size: 1.25rem; font-weight: 300; }