/* Theme Name: T1D to 100 2024 Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Child Theme of Divi by Elegant Themes Author: Dave Mosso for Spacious Mind Creative Solutions Author URI: https://www.spaciousmind.com Template: Divi Version: 1.0.0 */ /* ------------------------------------------------------- */ /* Color Key Dark Orange: #ef9a61 rgba(239, 154, 97, 1) Sky Blue: #4aabcf rgba(74, 171, 207, 1) Light Purple: #b69bea rgba(182, 155, 234, 1) Dark Mint: #77b3a5 rgba(119, 179, 165, 1) Lavender: #ad8e9d rgba(173, 142, 157, 1) Teal: #048797 rgb(4, 135, 151, 1) Cream: #f9dab2 rgba(249, 218, 178, 1) */ /* Custom CSS */ body, .et_pb_section, #main-content { background: #fcfcfc; } .home #main-content { margin-top: 110px !important; } #main-content { margin-top: 140px !important; } .blog { margin-top: 120px !important; } .blog #main-content { margin-top: 0 !important; } .blog #main-content .container { padding-top: 0 !important; } /* Master Font Sizes */ h1 { font-size: 36px !important; margin-bottom: 12px; line-height: 110%; font-weight: 600 !important; } h2 { font-size: 28px !important; letter-spacing: -.25px; line-height: 120%; font-weight: 600 !important; } h3 { font-size: 24px !important; letter-spacing: -.25px; line-height: 115%; font-weight: 600 !important; } h4 { font-size: 22px !important; letter-spacing: -.25px; line-height: 135%; font-weight: 600 !important; } h5 { font-size: 20px !important } h6 { font-size: 18px !important } p, li { font-size: 18px; } li { margin-bottom: .5em; } .large { font-size: 24px; } .medium { font-size: 20px } .regular { font-size: 16px } .small { font-size: 14px; } .tiny { font-size: 12px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0C71C3; font-family:'Aleo', serif; } h2.content-break { font-size: 36px !important; padding: 0; text-shadow: .5px .5px 1px #000; } a:not(.et_pb_button) { /* animated link underline, see https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css */ /* and https://replit.com/@dyguo/animated-multiline-link-underlines#style.css */ color: #0C71C3; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size .2s; } a:hover, a:focus { background-size: 100% 2px; /* background: #0C71C3; color: white; */ } a img:hover, a img:focus { background-size: 100% 0px; /* background: #0C71C3; color: white; */ } header { position: relative; z-index: 1000000 !important; } #global-header-section { box-shadow: .5px .5px 10px #ccc; height: 140px; } #global-header-section .et_pb_column_1_4 .et_pb_image_wrap { display: flex !important; justify-content: center; align-items:center; min-height: 120px; } #top-primary-menu-nav .et_pb_menu__menu { width: 100%; } #top-primary-menu-nav .et-menu-nav { display: flex; justify-content: flex-end; width: 100%; } #top-primary-menu-nav .et-menu-nav #menu-main-menu { display: flex; justify-content: flex-end; max-width: 600px; } #top-primary-menu-nav .et-menu-nav #menu-main-menu ul li { font-family: 'Aleo', serif; font-weight: bold; } #top-primary-menu-nav .et-menu-nav #menu-main-menu li a { border: 1px solid #0C71C3; display: flex; justify-content: center; align-items: center; padding: .375em .5em; } #top-primary-menu-nav .et-menu-nav #menu-main-menu li a { font-family: 'Aleo', serif; font-weight: bold; } #top-primary-menu-nav .et-menu-nav #menu-main-menu li a:hover { color: white !important; background: #0C71C3; opacity: 1; } #top-primary-menu-nav .et-menu-nav #menu-main-menu .current-menu-item a { background: #0C71C3; color: white; } #top-secondary-menu-nav .et_pb_menu__wrap { display: flex; justify-content: flex-end; width: 100%; } #top-secondary-menu-nav .et-menu-nav { display: flex; justify-content: flex-end; max-width: 600px; } #top-secondary-menu-nav .et-menu-nav li a { font-family: 'Archivo', sans-serif; font-weight: 600; margin-left: .375em; } a.et_pb_menu__icon, button.et_pb_menu__icon { margin:0 0 0 18px; position: relative; top: -3px; } .et_pb_menu .et_pb_menu__search-input { border: 1px solid #ccc; padding: .5em 1em; font-size: 18px; } /* li.menu-social-icon { padding: 0 .5em 0 .5em !important; } li.menu-social-icon a { display: block; background: #0C71C3; color: white; padding: 7px 6.5px 7px !important; height: 30px !important; border-radius: 2em; top: -8px; margin: 0 !important; } li.menu-social-icon a:hover { background-size: 0%; } */ #top-secondary-menu-nav { } #top-secondary-menu-nav.et_pb_menu .et-menu > li.menu-social-icon { padding: 0 .75em 0 0 !important; } #top-secondary-menu-nav.et_pb_menu .et-menu > li.menu-social-icon a:hover { background-image: none !important; } #top-secondary-menu-nav .et-menu-nav li a { padding-bottom: 0 !important; } .menu-text-link { height: 24px; } /* MOBILE MENU */ #mobile_menu3 { margin-top: 0; padding-top: 1em !important; background: white !important; } #mobile_menu3 li a { font-family: 'Aleo', serif; font-weight: bold; } /* SEE https://victorduse.com/blog/six-tips-for-a-better-divi-mobile-menu/ /* Text left of hamburger in the Theme Builder */ .et_mobile_nav_menu:before { content: 'MENU'; position: absolute; right: 40px; margin-top:8px; color: #333; font-size:14px; font-family: 'Aleo', serif; font-weight: bold; } /* Text left of hamburger in Divi 3 */ #et_mobile_nav_menu:before { content: 'MENU'; position: absolute; right: 33px; bottom:30px; color: #333; font-size:14px; font-family: 'Aleo', serif; font-weight: bold; } /* X icon in expanded mobile menu */ .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } /* Remove the top line in the mobile menu*/ .et_mobile_menu { border-top:0; } /* Center-align moble menu items */ .et_mobile_menu li { text-align:center !important; border: 1px solid #ccc; width: 80%; margin: .5em auto .5em; } .et_mobile_menu li li, .et_mobile_menu li ul { padding-left:0 !important; } /* Make mobile menu fullwidth */ .et_mobile_menu { min-width: 100vw; margin-left: -10vw; } /* Make the mobile menu full height */ .et_mobile_menu { min-height:100vh !important; min-height: -webkit-fill-available; padding-top:50px !important; } html { height: -webkit-fill-available; } /* Remove the animation to avoid delay */ .mobile_nav.opened .et_mobile_menu { display:block !important; } /* SEARCH RESULTS PAGE */ .search-results-result .et_pb_post { padding: 2em; } /* ADDITIONAL RESOURCES BOX */ .additional-resources-box { background-color: #e8e8e8 !important; padding: 1em; } .additional-resources-box h2, .additional-resources-box h3 { margin: 1em 0 0 0; border-top: 1px solid #ccc; padding-top: .5em; } .additional-resources-box h2:first-of-type, .additional-resources-box h3:first-of-type { border: 0; padding-top: 0em; } .additional-resources-box p { padding-bottom: .5em !important; } .additional-resources-box p:last-of-type { border-bottom: 0; } /* SUBSCRIBE CTA */ .subscribe-section .et_pb_module.et_pb_toggle { } .subscribe-section h5.et_pb_toggle_title, .subscribe-section .et_pb_toggle_content a.et_pb_toggle_title { max-width: 160px; margin: 0 auto; background: #0c71c3; padding: 0; font-family:'Archivo'; font-weight: bold; text-transform: uppercase; color: white; padding: .375em 1em; border-radius: 25px; border: 2px solid #0c71c3; font-size: 1.1em !important; transition: all ease-in-out .1s; } .subscribe-section h5.et_pb_toggle_title:hover { background: white; color: #0c71c3; } .subscribe-section h5.et_pb_toggle_title::before, .subscribe-section .et_pb_toggle_content a.et_pb_toggle_title::before { display: none !important; } /* .subscribe-section .et_pb_toggle_content { padding-top: 2.5em; } .subscribe-section .et_pb_toggle_content p:last-of-type { display: flex; justify-content: center; } .subscribe-section .et_pb_toggle_content a.et_pb_toggle_title { display: inline-block; background: #bbb; border: 0; text-align: center; padding: .375em .75em; opacity: 1; } .subscribe-section .et_pb_toggle_content a.et_pb_toggle_title:hover { background: white; color: #0c71c3; } */ .subscribe-section #toggleContent button { background: #ccc; color: white; border: 0; border-radius: 25px; padding: .75em .75em; } .subscribe-section #toggleContent button:hover { opacity: .5; cursor: pointer; } .subscribe-section #toggleButtonContainer { height: 40px; } /* CALENDAR */ .page-id-5529 .sugar-calendar-event-list-block__event__desc { display: none; } .page-id-5529 .sugar-calendar-event-list-block__listview__event { border-bottom: 1px solid #d6d6d6; padding-bottom: 2em; } .page-id-5529 #sc-code-1 .sugar-calendar-block__controls { display: none; } .page-id-5529 #sc-code-1 a { color: #0C71C3; } .page-id-5529 #sc-code-1 a:hover { text-decoration: none; } .page-id-5529 #sc-code-1 a:after { content: ' \f138'; font-family: fontawesome; font-size: .75em; margin-left: .125em; top: -1px; position: relative; } .page-id-5529 #sc-code-1 .sugar-calendar-event-list-block__listview__event__body__content__time img { display:none; } .single-sc_event.et_right_sidebar #left-area { margin: 0 auto !important; width: 100%; padding: 0 5%; max-width: 840px; float: none; } .single-sc_event.et_right_sidebar #main-content .container::before { border-width: 0 !important; content: none; } .sc_event .post-meta, .sc_event .sc-frontend-single-event__details__calendar { display: none !important; } .sc_event .sc-frontend-single-event__details { border: 1px solid #ccc; padding: .5em; font-weight: bold; font-size: 1.25em; margin-bottom: 2em; } .sc_event .sc-frontend-single-event__details .sc-frontend-single-event__details__date, .sc_event .sc-frontend-single-event__details .sc-frontend-single-event__details__time { font-weight: normal; } .sc_event .sc-frontend-single-event__details .sc-frontend-single-event__details__time:after { content:'Pacific Time'; } .sc_event a.et_pb_button { display: inline-block; margin-top: 1em !important; padding: .5em 1em; } .sc_event a.et_pb_button:hover { padding-right: 2.25em; } /* SIDEBAR */ .sidebar-blog-module { } .sidebar-blog-module a img { } .sidebar-blog-module a.entry-featured-image-url img { margin-bottom: .5em;} .sidebar-blog-module h2.entry-title { line-height: 1em !important; } .sidebar-blog-module h2 a { font-size: .75em; } /* PAGES */ /* HOME */ .home #home-hero-section { background-size: cover !important; /*animation: home-hero-bganimate 20s infinite;*/ } /* @keyframes home-hero-bganimate { /* see https://dev.to/maame-codes/day9-css-animations-changing-background-colors-and-positions-13md * / 0% {background-color: rgba(4,71,137,0.875);} 25% {background-color:rgba(165,191,0,0.875);} 50% {background-color:rgba(66,122,162,0.875);} 75% {background-color:rgba(102,148,153,0.875);} 100% {background-color:rgba(4,71,137,0.875);} } */ .home-hero-row { border-radius: 50px; } .home-hero-row .home-hero-row-column-one { background: white; border-radius: 25px; margin-top: 2em; border: 2px solid white; box-shadow: .5px .5px 10px #ccc;} .home-hero-row .home-hero-row-column-one p { font-family: 'Aleo', serif; margin-bottom: 0em; padding-bottom: .75em; } .home-hero-row .home-hero-row-column-one p.intro-message:nth-child(2) { margin-bottom: 0; padding-bottom: .25em; } .home-hero-row .home-hero-row-column-one img { margin: 0 !important; padding: 0 !important; } .home-hero-row .home-hero-row-column-two { border-radius: 25px; margin-top: 2em; border: 2px solid white; display: flex; box-shadow: .5px .5px 10px #ccc; animation: quotes-bganimate 30s infinite;} @keyframes quotes-bganimate { /* see https://dev.to/maame-codes/day9-css-animations-changing-background-colors-and-positions-13md */ 0% {background-color: rgba(239, 154, 97, 0.75);} 16% {background-color:rgba(74, 171, 207, 0.75);} 32% {background-color:rgba(182, 155, 234, 0.875);} 50% {background-color:rgba(119, 179, 165, 0.75);} 66% {background-color:rgba(173, 142, 157, 0.75);} 82% {background-color:rgba(4, 135, 151, 0.75);} 100% {background-color: rgba(239, 154, 97, 0.75);} } .home-hero-row .home-hero-row-column-two .home-hero-module-quotes { display: flex; flex-grow: 1; } .home-hero-row .home-hero-row-column-two .home-hero-module-quotes #home-hero-module-quotes-container { display: flex; flex-grow: 1; height: 100%; padding: 2em; } .home-hero-row .home-hero-row-column-two .home-hero-module-quotes #home-hero-module-quotes-container div { justify-content: center; align-items: center; flex-grow: 1; background: rgba(0,0,0,0.15); border: 1px solid white; border-radius: 25px; } .home-hero-row .home-hero-row-column-two .home-hero-module-quotes #home-hero-module-quotes-container div p { font-family:'Aleo', serif; font-weight: 700; font-size: 1.5em; text-align: center; color: white; max-width: 90%; line-height: 1.25em; text-shadow: 1px 1px 1px rgba(0,0,0,.375); } .home-hero-row .home-hero-row-column-two .home-hero-module-quotes #home-hero-module-quotes-container div p span.home-quotes-attribution { display: block; margin-top: .875em; font-size: .625em; text-transform: uppercase; font-weight: 600; text-shadow: 1px 1px 1px rgba(0,0,0,.375); } .et_pb_toggle_open h5 { display: none; } .home-stories-post { } .home-stories-post article.et_pb_post a img { max-width: 360px; margin-right: 2em; float: left; border: .5px solid #ccc; transition: all ease-in-out .2s; } .home-stories-post article.et_pb_post a img:hover { transform:scale(1.05); } /* HOME 2 */ .home2 #home-hero-section { background:; repeat 0 0; -webkit-animation: slide 120s linear infinite; } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: 1920px 0px; } } /* SPECIAL */ .text-module-25-percent-image-float-left .et_pb_text_inner { display: flex; } .text-module-25-percent-image-float-left div.text-module-25-percent-image-float-left-image { width: 25%; } .text-module-25-percent-image-float-left div.text-module-25-percent-image-float-left-text { width: 75%; padding-left: 2em; } .text-module-25-percent-image-float-right .et_pb_text_inner { display: flex; } .text-module-25-percent-image-float-right div.text-module-25-percent-image-float-right-image { width: 25%; } .text-module-25-percent-image-float-right div.text-module-25-percent-image-float-right-text { width: 75%; padding-right: 2em; } .text-module-50-percent-image .et_pb_text_inner { display: flex; justify-content: space-between } .text-module-50-percent-image div.text-module-50-percent-text { width: 47.5%; } .text-module-50-percent-image div.text-module-50-percent-image { width: 47.5%; } /* SPECIAL SECTION WITH SIDEBAR */ .spec-section-with-sidebar .et_pb_column.et_pb_column_2 { } .spec-section-with-sidebar .sidebar-blog-module article img, .sidebar-blog-module img { max-width: 100% !important; } /* STORIES */ /* MAIN STORIES PAGE */ .page-id-486 .stories-post article.et_pb_post a img { max-width: 360px; margin-right: 2em; float: left; transition: all ease-in-out .2s; } .page-id-486 article.et_pb_post a img:hover { transform:scale(1.05); } .single-post .container { padding-top: 0 !important; } .story-deck { font-size: 1.2em; line-height: 1.5em; font-style: italic; } .pagination { display: flex; justify-content: center; } .pagination div { float: none !important; } .pagination a { width: 200px !important; display: block; transition: ease-in-out .3s all; background: #0C71C3; border: 2px solid #0C71C3; padding: .5em .75em; font-family: 'Archivo', sans-serif; font-weight: bold; text-transform: uppercase; color: white; border-radius: 25px; } .pagination a:hover { background: white; } /* see https://almostinevitable.com/divi-changing-pagination-text/ */ .pagination .alignleft a, .pagination .alignright a { color: rgba(255,255,255,0); position: relative; } .pagination .alignleft a:after, .pagination .alignright a:after { position: absolute; text-align: center !important; display: inline-block; padding: 0 1em; color: white; width: 160px; } .pagination .alignleft a:after { content: "< Older Posts"; left: 0; } .pagination .alignright a:after { content: "Newer Posts >"; right: 0; } .pagination a:hover:after { color: #0C71C3; } /* FORMS */ .nf-field-element input { font-size: 1em; padding: .5em; } .nf-field-element input[type="submit"] { background: #0c71c3; font-family:'Archivo'; font-weight: bold; text-transform: uppercase; color: white; padding: .5em 1em !important; border-radius: 25px; border: 2px solid #0c71c3 !important; font-size: 1.1em !important; transition: all ease-in-out .1s; } .nf-field-element input[type="submit"]:hover { background: white; color:#0c71c3; transition: all ease-in-out .1s; } #nf-form-2-cont .mc4wp_optin-container { display: none; } #nf-form-2-cont #nf-field-8-wrap .nf-field-element { display: flex; justify-content: center;} /* FOOTER */ .footer-links-list .et_pb_text_inner { text-align: center; display: flex; justify-content: center; } .footer-links-list ul { border-top: 1px solid #ccc; list-style: none; margin: 0 auto; padding: 1em 0 0; width: 100%; } .footer-links-list li { margin: 0 1em; display: inline-block; } #footer-socials ul.footer-socials-list { max-width: 720px; margin: 1em auto 0; list-style: none; display: flex; justify-content: center; } #footer-socials ul.footer-socials-list li { margin: 0 .75em; } #footer-socials ul.footer-socials-list li a { display: block; font-size: 2.5em; background: #0C71C3; color: white; border-radius: 25px; padding: 10px 6px; transition: all ease-in-out .3s; } #footer-socials ul.footer-socials-list li a:hover { transform: scale(1.2); } .footer-friends { display: flex; justify-content: center; align-items: center; } .footer-friends a:hover { background-size: 0; } /* ======== MEDIA QUERIES ======== */ @media all and (max-width: 1080px) { #top-primary-menu-nav .et-menu-nav #menu-main-menu li a { font-size: .875em; } .et_pb_menu .et-menu > li { padding: 0 5px; } } /*** Responsive Styles Tablet And Below ***/ @media all and (max-width: 980px) { #global-header-section-mobile { padding-top: 12px; height: 120px; } .et_pb_menu_2_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap, .et_pb_menu_2_tb_header .et_pb_menu__logo-slot { width: 240px; min-width: 180px; } .home #main-content { margin-top: 80px !important; } #main-content { margin-top: 120px !important; } .nf-form-cont .one-half { width: 100% !important; margin-left: 0 !important; } .home-stories-post article.et_pb_post a img { max-width: 100%; margin-right: 0em; float: none; } } @media all and (max-width: 840px) { #global-header-section-mobile { padding-top: 12px; height: 106px; } .home #main-content { margin-top: 50px !important; } #main-content { margin-top: 106px !important; } } @media all and (max-width: 720px) { #global-header-section-mobile { padding-top: 12px; height: 96px; } .home #main-content { margin-top: 40px !important; } #main-content { margin-top: 96px !important; } } @media all and (max-width: 640px) { #global-header-section-mobile { padding-top: 12px; height: 84px; } .home #main-content { margin-top: 20px !important; } #main-content { margin-top: 84px !important; } } @media all and (max-width: 339px) { .et_mobile_nav_menu::before { display: none; } } /* SOCIAL ICONS ON SIDE - see https://codepen.io/codewithshabbir/pen/mZWjre .sticky-icon { z-index:2 !important; position:fixed; top:50%; right:0%; width:210px; display:flex; flex-direction:column;} .sticky-icon a { transform:translate(160px,0px); border-radius:50px 0px 0px 50px; text-align:left; margin:2px; text-decoration:none; text-transform:uppercase; padding:8px; font-size:18px; font-family:'Aleo', sans-serif; font-weight: bold; transition:all 0.8s;} .sticky-icon a:hover { color:#FFF; transform:translate(0px,0px);} .sticky-icon a:hover i { transform:rotate(360deg);} /*.search_icon a:hover i { transform:rotate(360deg);} * / .Facebook { background-color:#2C80D3; color:#FFF;} .Instagram { background-color:#FD1D1D; color:#FFF;} .LinkedIn { background-color:#000000; color:#FFF;} .sticky-icon a i { background-color:#FFF; height:32px; width:32px; color:#000; text-align:center; line-height:32px; border-radius:50%; margin-right:20px; transition:all 0.5s;} .sticky-icon a i.fa-facebook-f { background-color:#FFF; color:#2C80D3;} .sticky-icon a i.fa-instagram { background-color:#FFF; color:#FD1D1D;} .sticky-icon a i.fa-linkedin { background-color:#FFF; color:#000000;} */