/*@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=PT+Serif+Caption&display=swap');*/ :root { --stratos: hsla(236, 94%, 14%, 1); --stratos-0: hsla(236, 94%, 14%, .0); --stratos-10: hsla(236, 94%, 14%, .1); --stratos-20: hsla(236, 94%, 14%, .2); --stratos-30: hsla(236, 94%, 14%, .3); --stratos-40: hsla(236, 94%, 14%, .4); --stratos-50: hsla(236, 94%, 14%, .5); --stratos-60: hsla(236, 94%, 14%, .6); --stratos-70: hsla(236, 94%, 14%, .7); --stratos-80: hsla(236, 94%, 14%, .8); --stratos-90: hsla(236, 94%, 14%, .9); --deepcove: hsla(225, 87%, 12%, 1); --deepcove-0: hsla(225, 87%, 12%, .0); --deepcove-10: hsla(225, 87%, 12%, .1); --deepcove-20: hsla(225, 87%, 12%, .2); --deepcove-30: hsla(225, 87%, 12%, .3); --deepcove-40: hsla(225, 87%, 12%, .4); --deepcove-50: hsla(225, 87%, 12%, .5); --deepcove-60: hsla(225, 87%, 12%, .6); --deepcove-70: hsla(225, 87%, 12%, .7); --deepcove-80: hsla(225, 87%, 12%, .8); --deepcove-90: hsla(225, 87%, 12%, .9); --denim: hsla(222, 85%, 42%, 1); --denim-0: hsla(222, 85%, 42%, .0); --denim-10: hsla(222, 85%, 42%, .1); --denim-20: hsla(222, 85%, 42%, .2); --denim-30: hsla(222, 85%, 42%, .3); --denim-40: hsla(222, 85%, 42%, .4); --denim-50: hsla(222, 85%, 42%, .5); --denim-60: hsla(222, 85%, 42%, .6); --denim-70: hsla(222, 85%, 42%, .7); --denim-80: hsla(222, 85%, 42%, .8); --denim-90: hsla(222, 85%, 42%, .9); --gulfblue: hsla(225, 87%, 19%, 1); --gulfblue-0: hsla(225, 87%, 19%, .0); --gulfblue-10: hsla(225, 87%, 19%, .1); --gulfblue-20: hsla(225, 87%, 19%, .2); --gulfblue-30: hsla(225, 87%, 19%, .3); --gulfblue-40: hsla(225, 87%, 19%, .4); --gulfblue-50: hsla(225, 87%, 19%, .5); --gulfblue-60: hsla(225, 87%, 19%, .6); --gulfblue-70: hsla(225, 87%, 19%, .7); --gulfblue-80: hsla(225, 87%, 19%, .8); --gulfblue-90: hsla(225, 87%, 19%, .9); --midnight: hsla(221, 97%, 13%, 1); --midnight-0: hsla(221, 97%, 13%, .0); --midnight-10: hsla(221, 97%, 13%, .1); --midnight-20: hsla(221, 97%, 13%, .2); --midnight-30: hsla(221, 97%, 13%, .3); --midnight-40: hsla(221, 97%, 13%, .4); --midnight-50: hsla(221, 97%, 13%, .5); --midnight-60: hsla(221, 97%, 13%, .6); --midnight-70: hsla(221, 97%, 13%, .7); --midnight-80: hsla(221, 97%, 13%, .8); --midnight-90: hsla(221, 97%, 13%, .9); --tangaroa: hsla(234, 90%, 12%, 1); --tangaroa-0: hsla(234, 90%, 12%, .0); --tangaroa-10: hsla(234, 90%, 12%, .1); --tangaroa-20: hsla(234, 90%, 12%, .2); --tangaroa-30: hsla(234, 90%, 12%, .3); --tangaroa-40: hsla(234, 90%, 12%, .4); --tangaroa-50: hsla(234, 90%, 12%, .5); --tangaroa-60: hsla(234, 90%, 12%, .6); --tangaroa-70: hsla(234, 90%, 12%, .7); --tangaroa-80: hsla(234, 90%, 12%, .8); --tangaroa-90: hsla(234, 90%, 12%, .9); --mako: hsla(217, 9%, 28%, 1); --mako-0: hsla(217, 9%, 28%, .0); --mako-10: hsla(217, 9%, 28%, .1); --mako-20: hsla(217, 9%, 28%, .2); --mako-30: hsla(217, 9%, 28%, .3); --mako-40: hsla(217, 9%, 28%, .4); --mako-50: hsla(217, 9%, 28%, .5); --mako-60: hsla(217, 9%, 28%, .6); --mako-70: hsla(217, 9%, 28%, .7); --mako-80: hsla(217, 9%, 28%, .8); --mako-90: hsla(217, 9%, 28%, .9); --shuttlegray: hsla(221, 8%, 40%, 1); --shuttlegray-0: hsla(221, 8%, 40%, .0); --shuttlegray-10: hsla(221, 8%, 40%, .1); --shuttlegray-20: hsla(221, 8%, 40%, .2); --shuttlegray-30: hsla(221, 8%, 40%, .3); --shuttlegray-40: hsla(221, 8%, 40%, .4); --shuttlegray-50: hsla(221, 8%, 40%, .5); --shuttlegray-60: hsla(221, 8%, 40%, .6); --shuttlegray-70: hsla(221, 8%, 40%, .7); --shuttlegray-80: hsla(221, 8%, 40%, .8); --shuttlegray-90: hsla(221, 8%, 40%, .9); --buddhagold: hsla(47, 100%, 40%, 1); --buddhagold-0: hsla(47, 100%, 40%, .0); --buddhagold-10: hsla(47, 100%, 40%, .1); --buddhagold-20: hsla(47, 100%, 40%, .2); --buddhagold-30: hsla(47, 100%, 40%, .3); --buddhagold-40: hsla(47, 100%, 40%, .4); --buddhagold-50: hsla(47, 100%, 40%, .5); --buddhagold-60: hsla(47, 100%, 40%, .6); --buddhagold-70: hsla(47, 100%, 40%, .7); --buddhagold-80: hsla(47, 100%, 40%, .8); --buddhagold-90: hsla(47, 100%, 40%, .9); --pirategold: hsla(47, 100%, 34%, 1); --pirategold-0: hsla(47, 100%, 34%, .0); --pirategold-10: hsla(47, 100%, 34%, .1); --pirategold-20: hsla(47, 100%, 34%, .2); --pirategold-30: hsla(47, 100%, 34%, .3); --pirategold-34: hsla(47, 100%, 34%, .4); --pirategold-50: hsla(47, 100%, 34%, .5); --pirategold-60: hsla(47, 100%, 34%, .6); --pirategold-70: hsla(47, 100%, 34%, .7); --pirategold-80: hsla(47, 100%, 34%, .8); --pirategold-90: hsla(47, 100%, 34%, .9); --supernova: hsla(47, 100%, 50%, 1); --supernova-0: hsla(47, 100%, 50%, .0); --supernova-10: hsla(47, 100%, 50%, .1); --supernova-20: hsla(47, 100%, 50%, .2); --supernova-30: hsla(47, 100%, 50%, .3); --supernova-50: hsla(47, 100%, 50%, .4); --supernova-50: hsla(47, 100%, 50%, .5); --supernova-60: hsla(47, 100%, 50%, .6); --supernova-70: hsla(47, 100%, 50%, .7); --supernova-80: hsla(47, 100%, 50%, .8); --supernova-90: hsla(47, 100%, 50%, .9); --mustard: hsla(47, 100%, 66%, 1); --mustard-0: hsla(47, 100%, 66%, .0); --mustard-10: hsla(47, 100%, 66%, .1); --mustard-20: hsla(47, 100%, 66%, .2); --mustard-30: hsla(47, 100%, 66%, .3); --mustard-50: hsla(47, 100%, 66%, .4); --mustard-50: hsla(47, 100%, 66%, .5); --mustard-60: hsla(47, 100%, 66%, .6); --mustard-70: hsla(47, 100%, 66%, .7); --mustard-80: hsla(47, 100%, 66%, .8); --mustard-90: hsla(47, 100%, 66%, .9); --purpleheart: hsla(250, 68%, 56%, 1); --purpleheart-0: hsla(250, 68%, 56%, .0); --purpleheart-10: hsla(250, 68%, 56%, .1); --purpleheart-20: hsla(250, 68%, 56%, .2); --purpleheart-30: hsla(250, 68%, 56%, .3); --purpleheart-50: hsla(250, 68%, 56%, .4); --purpleheart-50: hsla(250, 68%, 56%, .5); --purpleheart-60: hsla(250, 68%, 56%, .6); --purpleheart-70: hsla(250, 68%, 56%, .7); --purpleheart-80: hsla(250, 68%, 56%, .8); --purpleheart-90: hsla(250, 68%, 56%, .9); --purpleheart-light: hsla(250, 100%, 68%, 1); --purpleheart-light-0: hsla(250, 100%, 68%, .0); --purpleheart-light-10: hsla(250, 100%, 68%, .1); --purpleheart-light-20: hsla(250, 100%, 68%, .2); --purpleheart-light-30: hsla(250, 100%, 68%, .3); --purpleheart-light-50: hsla(250, 100%, 68%, .4); --purpleheart-light-50: hsla(250, 100%, 68%, .5); --purpleheart-light-60: hsla(250, 100%, 68%, .6); --purpleheart-light-70: hsla(250, 100%, 68%, .7); --purpleheart-light-80: hsla(250, 100%, 68%, .8); --purpleheart-light-90: hsla(250, 100%, 68%, .9); --persimmon: hsla(11, 100%, 67%, 1); --persimmon-0: hsla(11, 100%, 67%, .0); --persimmon-10: hsla(11, 100%, 67%, .1); --persimmon-20: hsla(11, 100%, 67%, .2); --persimmon-30: hsla(11, 100%, 67%, .3); --persimmon-50: hsla(11, 100%, 67%, .4); --persimmon-50: hsla(11, 100%, 67%, .5); --persimmon-60: hsla(11, 100%, 67%, .6); --persimmon-70: hsla(11, 100%, 67%, .7); --persimmon-80: hsla(11, 100%, 67%, .8); --persimmon-90: hsla(11, 100%, 67%, .9); --persimmon-light: hsla(11, 100%, 78%, 1); --persimmon-light-0: hsla(11, 100%, 78%, .0); --persimmon-light-10: hsla(11, 100%, 78%, .1); --persimmon-light-20: hsla(11, 100%, 78%, .2); --persimmon-light-30: hsla(11, 100%, 78%, .3); --persimmon-light-50: hsla(11, 100%, 78%, .4); --persimmon-light-50: hsla(11, 100%, 78%, .5); --persimmon-light-60: hsla(11, 100%, 78%, .6); --persimmon-light-70: hsla(11, 100%, 78%, .7); --persimmon-light-80: hsla(11, 100%, 78%, .8); --persimmon-light-90: hsla(11, 100%, 78%, .9); --fiord: hsla(208, 26%, 31%, 1); --fiord-0: hsla(208, 26%, 31%, .0); --fiord-10: hsla(208, 26%, 31%, .1); --fiord-20: hsla(208, 26%, 31%, .2); --fiord-30: hsla(208, 26%, 31%, .3); --fiord-50: hsla(208, 26%, 31%, .4); --fiord-50: hsla(208, 26%, 31%, .5); --fiord-60: hsla(208, 26%, 31%, .6); --fiord-70: hsla(208, 26%, 31%, .7); --fiord-80: hsla(208, 26%, 31%, .8); --fiord-90: hsla(208, 26%, 31%, .9); --pictonblue: hsla(204, 88%, 56%, 1); --pictonblue-0: hsla(204, 88%, 56%, .0); --pictonblue-10: hsla(204, 88%, 56%, .1); --pictonblue-20: hsla(204, 88%, 56%, .2); --pictonblue-30: hsla(204, 88%, 56%, .3); --pictonblue-50: hsla(204, 88%, 56%, .4); --pictonblue-50: hsla(204, 88%, 56%, .5); --pictonblue-60: hsla(204, 88%, 56%, .6); --pictonblue-70: hsla(204, 88%, 56%, .7); --pictonblue-80: hsla(204, 88%, 56%, .8); --pictonblue-90: hsla(204, 88%, 56%, .9); --bg-yes: hsl(120deg 73% 90%); --bg-no: hsl(350deg 100% 96%); --bg-sometimes: hsl(60deg 80% 94%); --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); --athensgray: hsla(240, 0%, 94%, 1); --athensgrayLight: hsla(240, 0%, 95%, 1); --athensgrayLighter: hsla(240, 0%, 97%, 1); --athensgrayDark: hsla(240, 0%, 90%, 1); --athensgrayDarker: hsla(240, 0%, 85%, 1); --white: hsla(330, 0%, 100%, 1); --white-05: 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, 0%, 0%, 1); --black-05: hsla(0, 0%, 0%, .05); --black-10: hsla(0, 0%, 0%, .1); --black-20: hsla(0, 0%, 0%, .2); --black-30: hsla(0, 0%, 0%, .3); --black-40: hsla(0, 0%, 0%, .4); --black-50: hsla(0, 0%, 0%, .5); --black-60: hsla(0, 0%, 0%, .6); --black-70: hsla(0, 0%, 0%, .7); --black-80: hsla(0, 0%, 0%, .8); --black-90: hsla(0, 0%, 0%, .9); } .bg-yes { background-color: var(--bg-yes) !important; } .bg-no { background-color: var(--bg-no) !important; } .bg-sometimes { background-color: var(--bg-sometimes) !important; } *:focus { outline: var(--pictonblue-50) auto 0.063rem; box-shadow: 0 0 0 .25rem var(--pictonblue-10), 0 0 .5rem var(--white), 0 0 .75rem var(--pictonblue-50); border-radius: .25rem; } ::-moz-selection { background-color: var(--pictonblue-30); } ::selection { background-color: var(--pictonblue-30); } .disable-all { pointer-events: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; opacity: .75; filter: blur(.25rem);/**/ } .disabled-all *:focus { outline: 0; } .disable-fade-all { pointer-events: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; opacity: .25; filter: blur(.25rem); } .disable-fade-all *:focus { outline: 0; } .disable-form-submitting { pointer-events: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; opacity: .9; filter: blur(2px); } .disable-form-submitting *:focus { outline: 0; } .bg-color-white { background: var(--white) !important; } .text-color-white-90 { color: var(--white-90) !important; } .text-color-white-80 { color: var(--white-80) !important; } .text-color-white-70 { color: var(--white-70) !important; } .text-color-white-60 { color: var(--white-60) !important; } .text-color-white-50 { color: var(--white-50) !important; } .text-color-white-40 { color: var(--white-40) !important; } .text-color-white-30 { color: var(--white-30) !important; } .text-color-white-20 { color: var(--white-20) !important; } .text-color-white-10 { color: var(--white-10) !important; } .text-color-black-90 { color: var(--black-90) !important; } .text-color-black-80 { color: var(--black-80) !important; } .text-color-black-70 { color: var(--black-70) !important; } .text-color-black-60 { color: var(--black-60) !important; } .text-color-black-50 { color: var(--black-50) !important; } .text-color-black-40 { color: var(--black-40) !important; } .text-color-black-30 { color: var(--black-30) !important; } .text-color-black-20 { color: var(--black-20) !important; } .text-color-black-10 { color: var(--black-10) !important; } .text-color-red { color:var(--alertErrorLight) !important; } /* Hero */ .et_pb_fullwidth_header .header-content { max-width: none !important; } .et_pb_fullwidth_header .header-content .et_pb_module_header { font-size: 1rem; } .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead { font-size: 3.125rem; } .et_pb_fullwidth_header .et_pb_header_content_wrapper { font-size: 1.125rem !important; } /* Buttons */ .et_pb_button { font-size: 1rem !important; } /* Headings */ #page-container h2:not(.et_pb_module_header, .wp-block-heading, [class]), .media-modal-content h2:not([class]) { font-size: 2.5rem; } :not(.header-content) h4, :not(.media-modal-content) h4 { font-size: 1.25rem !important; } /* Page-Loader */ body.loading .page-loader-overlay { background-color: var(--purpleheart); color: var(--white); position: fixed; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 999999; top: 0; left: 0; gap: 0.5rem; flex-direction: column; } body.loading .page-loader-overlay-title { position: absolute; display: inline-flex; padding: 0; margin: 0; color: var(--white); font-size: .875rem; text-transform: uppercase; } body.loading .page-loader-overlay .page-loader-overlay-spinner { border: .125rem solid var(--white); border-top: .125rem solid var(--purpleheart-light); border-radius: 100%; width: 12rem; height: 12rem; animation: page-loader-spinner .8s linear infinite; } @keyframes page-loader-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Footer */ #footer-bottom { padding: 1rem 0; } #footer-bottom .container:first-of-type { display: grid; align-items: center; justify-content: center; text-align: center; } @media (min-width: 960px) { #footer-bottom .container:first-of-type { grid-template-columns: 1fr 1fr 1fr; text-align: left; } } #footer-bottom .bottom-nav { margin: 0; justify-self: center; gap: 1rem; display: grid; } @media (min-width: 960px) { #footer-bottom .bottom-nav { display: flex; } } #footer-bottom .bottom-nav li { font-size: 0.75rem !important; padding: 0 !important; } #footer-info { text-align: center; font-size: .625rem; opacity: 0.4; } #footer-info, #footer-info a { font-size: 0.625rem !important; color: var(--white); float: none; padding: .5rem 0; } .footer-bottom-logo { } .footer-bottom-logo img { filter: grayscale() invert(); } .footer-bottom-social { display: flex; gap: 1rem; flex-basis: auto; margin: 0rem; padding: 0rem; justify-self: center; } @media (min-width: 960px) { .footer-bottom-social { justify-self: flex-end; } } .footer-bottom-social li { } .footer-bottom-social a.icon { color: var(--white-80); } .footer-bottom-social a.icon:hover { color: var(--white); } .footer-bottom-social .et-social-linkedin a.icon:before { content: "\E09D"; } /* Base Typography Responsiveness */ /**/ @media (min-device-width: 320px ), only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { html, body { font-size: 16px !important; width:100% !important; margin: 0; padding: 0; } body.admin-bar { padding-top: 0rem; } } /*@media (min-device-width: 1500px ),*/ @media (min-device-width: 1500px ), only screen and (min-device-width: 1700px ), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){ html, body { font-size: 18px !important; } } @media (min-device-width: 2000px ){ html, body { font-size: 26px !important; line-height: 1.75 !important; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container { max-width: 1920px !important; } .et_pb_fullwidth_header_0_tb_body.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content { max-width: 50% !important; } #left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul { line-height: inherit !important; } } @media (min-device-width: 3000px ){ html, body { font-size: 42px !important; } } /* Responsive tweaks */ @media (width < 767px) { html { margin-top: 0px !important; } } html.lock-scrolling, html.lock-scrolling > body { overflow-y: hidden !important; } /***************************************** Hide scrollbars but keep functionality ******************************************/ /* Hide scrollbar for Chrome, Safari and Opera */ *::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ * { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /***************************************** Date Picker Calendar Icon ******************************************/ ::-webkit-calendar-picker-indicator { background-image: url('data:image/svg+xml;utf8,'); } /***************************************** Change Text Selection Color ******************************************/ ::-moz-selection { /* Code for Firefox */ background: lightblue; } ::selection { background: lightblue; } /* a, a:visited, .login #backtoblog a, .login #nav a, .login #backtoblog a:hover, .login #nav a:hover { color: var(--white-80) !important; text-decoration: underline; } a:hover { text-decoration: none !important; } .h1-small { font-size: 1.5rem; display: flex; align-items: flex-start; flex-wrap: wrap; } h1 { font-size: 2rem; letter-spacing: .05rem !important; line-height: normal; margin-bottom: 1.25rem; } @media only screen and (min-device-width: 680px) { h1 { font-size: 2.5rem; } } h1, h2, h3, h1 *, h2 *, h3 * { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 700 !important; color: rgba(0,0,0,.8)!important; line-height: 1.5em; } h4, h5, h6 { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif !important; } p { font-size: 1rem; font-weight: 300; line-height: 1.75; opacity: 1; }*/ ul.list-style-disc { list-style-type: disc; padding: 0 0 23px 2em; line-height: 26px; } .microcopy { font-size: .75rem !important; line-height: normal !important; } .microcopy .microcopy-heading { margin-bottom: 0 !important; color: var(--bs-alert-color); } .microcopy p { margin: 0rem !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .img img { display: none; visibility: hidden; opacity: 0; } * { -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; outline: none; } p:not(.has-background):last-of-type { padding-bottom: 0; margin-bottom: 0; display: inline-block; } ul:not([class]) { list-style: disc; } .et-l--body ul li { margin-bottom: 0.5rem; } /* * { -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.2; letter-spacing: .02rem !important; outline: none; } #page-container * { transition: all .6s ease; } h1:not(.site-title):before, h2:before { display: none; visibility: hidden; } */ #main-header * { transition: none !important; } /* Header */ #top-menu li a { font-size: 1rem !important; } .et_pb_svg_logo #logo { height: auto; } @media (max-width: 980px){ #logo { max-width: none !important; max-height: 3.75rem !important; } } .logo_container a { display: grid; position: absolute; top: 50%; transform: translateY(-50%); text-decoration: none; gap: 0rem; } @media (max-width: 980px){ .logo_container a { height: inherit !important; } } .logo_container a img { max-height: 5.375rem; } .logo_container a:after { content: "Child Holistic Individualized Lifelong Development"; display: block; white-space: nowrap; font-size: 0.25rem; width: auto; position: relative; color: var(--black-50); top: -0.5rem; padding-left: 0.5rem; } @media (max-width: 980px){ .logo_container a:after { font-size: 0.2rem; left: -0.375rem; } } #top-menu li > a { } #top-menu li > a:hover { opacity: 1; } .mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-parent>a, #top-menu li.current-menu-item>a { color: var(--pictonblue); } #top-menu li li.current-menu-item>a, body.archive.tax-product_cat #top-menu li li#menu-item-53222>a, body.single-product #top-menu li li#menu-item-53222>a { color: var(--white) !important; background-color: var(--pictonblue);/*var(--persimmon);*/ } #top-menu li li a { padding: 10px 20px; width: 100% !important; } /* Hide the Login/Register action in the Primary menu */ #top-menu li.not-logged-in a { display: none; } @media (width < 676px) { #top-menu li.not-logged-in a { display: block; } } body.logged-in #top-menu li.not-logged-in a, [data-location="my-account"] #top-menu li.not-logged-in a { display: none; } #main-header { position: sticky; top: 0rem; z-index: 10 !important; } #main-header .nav li ul li:not(.current-menu-item)>a:hover { color: var(--pictonblue); } /* #main-header .logo_container a { display: inline-flex; width: 100%; max-width: 21rem; }*/ @media only screen and (min-width: 981px){ #logo { max-height: 4rem; } } @media only screen and (min-width: 960px) and (max-width: 1280px){ li#menu-item-23 { display: none; } } @media only screen and (min-width: 981px){ #top-menu li { padding-right: 1rem; } li#menu-item-23 { display: inline-block; } } @media only screen and (min-width: 1200px){ #logo { max-height: 5.375rem; } #top-menu li { padding-right: 1.5rem; } } #top-menu li li { padding: 0rem; margin: 0rem; display: block; } #top-menu .nav li ul a { color: rgba(0,0,0,.7); display: flex; width: auto; } *:disabled, button[disabled= disabled], *:disabled:hover, button[disabled= disabled]:hover, *:disabled:active, button[disabled= disabled]:active, *:disabled:visited, button[disabled= disabled]:visited { opacity: .5; color: var(--black-60) !important; background-color: #ccc !important; cursor: not-allowed !important; border-color: #ccc !important; box-shadow: none !important; } /*---------------------------------------------------------------- >>> CONNECT/ CONTACT ----------------------------------------------------------------*/ html[data-location="connect"] p.et_pb_contact_field.et_pb_contact_field_2.et_pb_contact_field_last { width: 100%; margin-bottom: 2rem; } html[data-location="connect"] p.et_pb_contact_field.et_pb_contact_field_2.et_pb_contact_field_last textarea { resize: none; } html[data-location="connect"] .et-pb-contact-message { font-size: clamp(4vw, 2rem, 7rem); text-align: center; color: var(--white-60); } html[data-location="connect"] .et_pb_row.et_pb_row_1 .et_pb_blurb_description a { color: var(--white-80); } /*---------------------------------------------------------------- >>> MY ACCOUNT ----------------------------------------------------------------*/ @media (width > 767px) { [data-location="my-account"] #et-main-area > .et_pb_section:first-of-type { padding-top: 0rem !important; } } [data-location="cart"] h1, [data-location="my-account"] h1 { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; font-weight: 700 !important; font-size: 2.5rem !important; line-height: 1.4; padding: .625rem 0rem; } @media (width > 767px) { [data-location="cart"] h1, [data-location="my-account"] h1 { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; font-weight: 700 !important; font-size: 3rem !important; line-height: 1.4em; padding: .625rem 0rem; } } #page-container h1, #page-container h2, #page-container h3, #page-container h4, #page-container h5 { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 700 !important; color: var(--black-80); line-height: normal; } /* hide the My Accoutn H1 on the accoutn page */ body.woocommerce-account:not(.woocommerce-lost-password) #page-container header:has(h1) { display: none; } input:not([type=checkbox],[type=radio],[type=submit]) { color: var(--black-80) !important; font-size: 1rem !important; } ul.acf-checkbox-list label { cursor: pointer; } form#form-about_yourself { } form#form-about_yourself .acf-fields { display: grid; } @media (width > 767px) { form#form-about_yourself .acf-fields { grid-template-columns: 33.33% 66.66%; } } form#form-about_yourself .acf-fields [data-name="profile_picture"] { grid-row-start: 1; grid-row-end: 6; border-top-width: 0px; } @media (width < 767px) { form#form-about_yourself .acf-image-uploader .image-wrap { margin: 1.5rem auto 0; width: 12rem; float: none; } } form#form-about_yourself .acf-image-uploader .image-wrap { border: 2px solid transparent; box-shadow: 0px 0px 0px 1px #bbb; overflow: hidden; border-radius: 1.125rem; } form#form-about_yourself .acf-image-uploader .image-wrap:hover .acf-actions { /*top: 1rem; right: 1rem;*/ opacity: .8; } form#form-about_yourself .acf-image-uploader input::file-selector-button { margin: 0.25rem 1rem 0.25rem 0.25rem; } form#form-about_yourself .acf-fields [data-name="first_name"]{ border-top-width: 0px; } form#form-about_yourself .acf-fields [data-name="first_name"], form#form-about_yourself .acf-fields [data-name="last_name"], form#form-about_yourself .acf-fields [data-name="short_bio"] { } form#form-about_yourself .acf-fields .acf-form-submit { } @media (width < 575px) { form#form-about_yourself .acf-fields .acf-form-submit { padding: .5rem 0 1rem; } form#form-about_yourself .acf-fields .acf-form-submit button { width: 100%; } } /*---------------------------------------------------------------- >>> TABS: ----------------------------------------------------------------*/ #page-container [role="tablist"] { display: flex; width: 100%; justify-content: start; align-items: stretch; overflow: visible; } @media (width < 575px) { #page-container [role="tablist"] { padding: 0; } } @media (width < 1024px) { #page-container [role="tablist"] { overflow-x: scroll; width: calc(100vw); margin-left: 50%; background: var(--white); padding: 0 1rem; transform: translateX(-50%); } #page-container .tab-content { position: relative; } #page-container .tab-content:after { content: ''; background: linear-gradient(-90deg, var(--white), transparent); display: block; width: .9rem; height: 3.125rem; position: absolute; top: 0; right: -1.5rem; z-index: 1; } } #page-container [role="tablist"] [role="tab"] { background-image: linear-gradient(0deg,#eee 0%,var(--white) 30%)!important; padding: .875rem !important; white-space: nowrap; font-size: 1.125rem; color: rgba(0,0,0,.6) !important; font-weight: 500; line-height: 1.2; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; box-shadow: inset 0rem -1.125rem 1.5rem 0rem var(--athensgray), inset 0rem 0rem 0rem .05rem #ccc; border-radius: .75rem .75rem 0 0; cursor: pointer; } #page-container [role="tablist"] [role="tab"].active { background-image: none!important; background-color: var(--purpleheart)!important; color: var(--white) !important; box-shadow: inset 0rem -.25rem 0rem 0rem var(--purpleheart), inset 0rem .125rem 0rem .125rem var(--purpleheart); text-decoration: none; } #page-container [role="tablist"] [role="tab"]:nth-child(1) { /*background-color: hsl(37deg 100% 66%);*/ } #page-container [role="tablist"] [role="tab"]:nth-child(2) { /*background-color: hsl(37deg 100% 59%);*/ } #page-container [role="tablist"] [role="tab"]:nth-child(3) { /*background-color: hsl(37deg 100% 50%);*/ } #page-container [role="tablist"] [role="tab"]:nth-child(4) { /*background-color: hsl(37deg 100% 47%);*/ } #page-container [role="tablist"] [role="tab"]:nth-child(5) { /*background-color: hsl(37deg 100% 44%);*/ } #page-container [role="tablist"] [role="tab"]:nth-child(6) { /*background-color: hsl(37deg 100% 40%); border-radius: 0rem 5rem 0rem 0rem;*/ } } [data-location="my-account"] #orderhistory-pane { padding: 1.25rem 0rem; } /*---------------------------------------------------------------- >>> ACCORDION: FAQs ----------------------------------------------------------------*/ .accordion { border: 1px solid var(--black-20) !important; border-radius: 0.5rem; overflow: hidden; } .accordion-row:not(:last-child) { border-bottom: 1px solid var(--white-50); } .accordion-header [aria-expanded]:hover { /* padding-left: .5rem; */ } .accordion-header h2 { font-size: 1.125rem; margin-bottom: 0rem !important; padding-bottom: 0rem !important; } .accordion-header h2 button { position: relative; display: flex; width: 100%; padding: 1.25rem 1.5rem; background-color: var(--white-80); border: none; font-weight: 600; color: var(--black-80) !important; font-size: 1rem !important; border-radius: 0 !important; } .accordion-row:first-child, .accordion-row:first-child .accordion-header h2 button { border-radius: 0.5rem 0.5rem 0rem 0rem !important; } .accordion-row:last-child, .accordion-row:last-child .accordion-content { border-radius: 0rem 0rem 0.5rem 0.5rem !important; } .accordion-row { border-left: 1px solid var(--black-20); border-right: 1px solid var(--black-20); } .accordion-row:first-child { border-top: 1px solid var(--black-20); } .accordion-row:last-child { border-bottom: 1px solid var(--black-20); } .accordion-header h2 button:hover { background-color: var(--white); color: var(--black-80) !important; } .accordion-header h2 button[aria-expanded=true], .accordion-header h2 button[aria-expanded=true]:hover { background-color: var(--fiord); color: var(--white) !important; } .accordion-row:not(:last-child) .accordion-header.collapsed { box-shadow: 0rem 1px var(--black-20); } .accordion-header i { position: absolute; top: 50%; right: 1.25rem; font-size: 1.75rem; font-style: normal; font-weight: 400; transition-duration: .6s; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .accordion-header [aria-expanded]:hover i { /*right: .5rem;*/ } .accordion-header [aria-expanded='true'] i { transform: translateY(-50%) rotate(45deg); opacity: 1; } .accordion-header [aria-expanded='true']:hover i, .accordion-header [aria-expanded='false']:hover i { opacity: 1; } .accordion-header [aria-expanded='false'] i { transform: translateY(-50%) rotate(0deg); opacity: .4; } .accordion-header-number { padding-right: 0.5rem; } .accordion-content { padding: 1rem 1.5rem; background-color: var(--white); } .accordion-content.show { box-shadow: 0rem 1px var(--black-30); } .accordion-content p:last-of-type, .accordion-content ul:last-of-type { margin-bottom: 0rem; } /*---------------------------------------------------------------- >>> ACCORDION: GLOSSARY ----------------------------------------------------------------*/ .glossary-controls { display: flex; gap: 0.75rem; align-items: center; padding: 0rem 0rem 1.75rem; overflow-x: auto; } @media (min-device-width: 767px) { .glossary-controls { flex-wrap: wrap; justify-content: center; } } .glossary-controls .glossary-controls-character { background-color: var(--black-05); padding: .5rem .875rem; border-radius: 0.25rem; font-weight: 900; color: var(--black-40); cursor: default; } .glossary-controls [role=link].glossary-controls-character { background-color: var(--persimmon); color: var(--white); font-weight: 900; cursor: pointer; } .glossary-controls .glossary-controls-separator { } .glossary-row-group-heading { background-color: var(--persimmon); color: var(--white); font-weight: 900; padding: 0rem 0.875rem; } .accordion-content .glossary-entry-wrapper:not(:last-of-type) { border-bottom: 1px solid var(--black-20); margin-bottom: 2rem; } /*---------------------------------------------------------------- >>> CONSULTATION ----------------------------------------------------------------*/ body:not(.logged-in) .chdp_consultation_create_account_button { text-align: center; } body:not(.logged-in) .et_pb_row:has(.chdp_consultation_create_account_button) { align-items: center; display: flex; } @media (width < 960px) { body:not(.logged-in) .et_pb_row:has(.chdp_consultation_create_account_button) { flex-direction: column; } } /* Hide the ".returned_empty" chlid element is inserted into Divi UI "rows" when nothing is returned via PHP SHORTCODE functions to be albe to hide "empty Divi rows on the page" */ body:not(.woocommerce-shop) .et_pb_module:has(.returned_empty:empty) { display: none !important; } .et_pb_button, button.et_pb_button:not(disabled) { cursor: pointer; } /*---------------------------------------------------------------- >>> CASE REVIEWS ----------------------------------------------------------------*/ body:not(.logged-in) .chdp_casereviews_create_account_button { text-align: center; background-color: var(--purpleheart); padding: 4% 0; margin-bottom: 2rem; width: 100vw; } body:not(.logged-in) .et_pb_row:has(.chdp_casereviews_create_account_button) { align-items: center; display: flex; } /*---------------------------------------------------------------- >>> SCALES & CHILD PROFILES ----------------------------------------------------------------*/ #scales_categories_callout_group .chdp_create_child_profile_button { margin: 0; margin-bottom: 5.5%; } body:not(.logged-in) #scales_categories_callout_group { /*max-height: clamp(400px, 50vh, 800px);*/ } body:not(.logged-in) #scales_categories_callout_group:after, #scales_categories_callout_group.has_no_child_profiles:after { content: ''; position: absolute; bottom: 0; z-index: 2; display: block; width: 100%; height: 25rem; background: linear-gradient(0deg, rgba(255, 255, 255, .8) 30%, rgb(255 255 255 / 0%) 100%); } @media (min-width: 676px) { body:not(.logged-in) #scales_categories_callout_group { /*max-height: 800px;*/ } } @media (min-width: 1200px) { body:not(.logged-in) #scales_categories_callout_group { /*max-height: 800px;*/ } } @media (min-width: 1300px) { body:not(.logged-in) #scales_categories_callout_group { /*max-height: 800px;*/ } } /*[data-location*="assessment-tool"] body.logged-in .et_pb_section_0_tb_body,*/ [data-location*="assessment-tool"] body.logged-in .et_pb_section_1_tb_body, [data-location*="assessment-tool"] body.logged-in .et_pb_section_2_tb_body { display: none; visibility: hidden; } [data-location*="assessment-tool"] body.logged-in .et_pb_section_3_tb_body { padding-top: 0px; padding-bottom: 0px; } #child_profiles_controls_group, #child_profiles_callout_group, #child_profile_categories_callout_group, #scales_categories_callout_group { width: 100%; display: flex; column-gap: 5%; flex-wrap: wrap; justify-content: space-between; } #child_profiles_controls_group .et_pb_blurb, #child_profiles_callout_group .et_pb_blurb, #child_profile_categories_callout_group .et_pb_blurb { display: flex; } #child_profiles_callout_group .hidden-child-profile, #child_profiles_callout_group .child-profile-zero-state, .child-profile-categories-zero-state { background-color: var(--athensgray); padding: 1.5rem 0.75rem; border-radius: 1rem !important; border: 1px solid var(--black-10); display: flex; top: .75rem; justify-content: center; } #child_profiles_callout_group .child-profile-zero-state { width: 100% !important; padding: 3rem !important; } .child-profile-categories-zero-state { width: 100% !important; } #child_profiles_callout_group .hidden-child-profile .et_pb_main_blurb_image .et_pb_image_wrap, #child_profiles_callout_group .hidden-child-profile h3 { background-color: var(--athensgray); box-shadow: 0rem 0rem 0.5rem var(--athensgray) !important; } @media (min-device-width: 676px){ #child_profiles_callout_group .et_pb_blurb, #child_profile_categories_callout_group .et_pb_blurb { width: calc(50% - 2.5%); margin-bottom: 2.5%; } } #child_profiles_controls_group .et_pb_blurb, #scales_categories_callout_group .et_pb_blurb, #scales_categories_callout_group .et_pb_blurb[data-slug*=above-age] { width: calc(100%); display: flex; } #scales_categories_callout_group .et_pb_blurb[data-slug*=above-age] { background-color: var(--mustard-60) !important; color: var(--black) !important; } #child_profiles_callout_group_heading.et_pb_blurb, #child_profile_categories_callout_group_heading.et_pb_blurb, #scales_categories_callout_group_heading.et_pb_blurb, #scales_results_callout_group_heading.et_pb_blurb { width: calc(100%) !important; margin-bottom: 0rem !important; grid-column-start: 1; grid-column-end: 4; } #child_profiles_callout_group_heading.et_pb_blurb, #child_profile_categories_callout_group_heading.et_pb_blurb { padding: 1.25rem .75rem; border-bottom: 1px solid var(--black-20); } #scales_results_callout_group_heading.et_pb_blurb, #scales_results_callout_group_overview.et_pb_blurb { grid-column-start: 1; grid-column-end: 3; } [data-location*="assessment-tool"] body.admin-bar #scales_categories_callout_group_heading.et_pb_blurb { margin-top: 3rem; } body.logged-in [data-location*="assessment-tool"] #scales_categories_callout_group_heading.et_pb_blurb { top: 0; margin: 0; } @media (min-device-width: 768px) and (max-device-width: 1024px) { .et_pb_row { width: calc(100% - 1.5rem); } } @media (max-device-width: 676px) { .et_pb_row { width: 90%; } [data-location*="assessment-tool"] body.admin-bar .et_pb_blurb_position_left .et_pb_blurb_container{ padding-left: 0 !important; } } @media (min-device-width: 676px) { [data-location*="assessment-tool"] body.admin-bar #scales_categories_callout_group_heading.et_pb_blurb { margin-top: 3.5rem; } } @media (min-device-width: 676px) { #child_profiles_callout_group_heading.et_pb_blurb, #child_profile_categories_callout_group_heading.et_pb_blurb, #scales_categories_callout_group_heading.et_pb_blurb, #scales_results_callout_group_heading.et_pb_blurb, [data-location="my-account"] [role="tablist"] { position: sticky !important; top: 7.75rem; background-color: var(--white); z-index: 3; box-shadow: 0rem 0rem .5rem var(--white); } body.admin-bar #child_profiles_callout_group_heading.et_pb_blurb, body.admin-bar #child_profile_categories_callout_group_heading.et_pb_blurb, body.admin-bar #scales_categories_callout_group_heading.et_pb_blurb, body.admin-bar #scales_results_callout_group_heading.et_pb_blurb { top: 11.25rem; } [data-location="my-account"] [role="tablist"] { padding-top: 1.5rem; top: 6.75rem; } [data-location="my-account"] #child_profiles_callout_group_heading.et_pb_blurb, [data-location="my-account"] #child_profile_categories_callout_group_heading.et_pb_blurb, [data-location="my-account"] #scales_categories_callout_group_heading.et_pb_blurb, [data-location="my-account"] #scales_results_callout_group_heading.et_pb_blurb { top: 14.925rem; } [data-location*="assessment-tool"] #scales_categories_callout_group_heading.et_pb_blurb { } [data-location*="assessment-tool"] body.logged-in #scales_categories_callout_group_heading.et_pb_blurb { top: 0rem; } [data-location*="assessment-tool"] body.admin-bar #scales_categories_callout_group_heading.et_pb_blurb { top: 2.75rem; } } @media (min-device-width: 1200px) { #child_profiles_callout_group_heading.et_pb_blurb, #child_profile_categories_callout_group_heading.et_pb_blurb, #scales_categories_callout_group_heading.et_pb_blurb, #scales_results_callout_group_heading.et_pb_blurb { top: 7.75rem; } body.admin-bar #child_profiles_callout_group_heading.et_pb_blurb, body.admin-bar #child_profile_categories_callout_group_heading.et_pb_blurb, body.admin-bar #scales_categories_callout_group_heading.et_pb_blurb, body.admin-bar #scales_results_callout_group_heading.et_pb_blurb { top: 9.75rem; } [data-location="my-account"] [role="tablist"] { padding-top: 1.5rem; top: 6.75rem; } [data-location="my-account"] #child_profiles_callout_group_heading.et_pb_blurb, [data-location="my-account"] #child_profile_categories_callout_group_heading.et_pb_blurb, [data-location="my-account"] #scales_categories_callout_group_heading.et_pb_blurb, [data-location="my-account"] #scales_results_callout_group_heading.et_pb_blurb { top: 11.925rem; } [data-location*="assessment-tool"] #scales_categories_callout_group_heading.et_pb_blurb { } [data-location*="assessment-tool"] body.admin-bar #scales_categories_callout_group_heading.et_pb_blurb { /*top: 8.5rem;*/ } } @media (min-device-width: 1300px) { #child_profiles_callout_group_heading.et_pb_blurb, #child_profile_categories_callout_group_heading.et_pb_blurb, #scales_categories_callout_group_heading.et_pb_blurb, #scales_results_callout_group_heading.et_pb_blurb { top: 6.75rem; } body.admin-bar #child_profiles_callout_group_heading.et_pb_blurb, body.admin-bar #child_profile_categories_callout_group_heading.et_pb_blurb, body.admin-bar #scales_categories_callout_group_heading.et_pb_blurb, body.admin-bar #scales_results_callout_group_heading.et_pb_blurb { top: 6.425rem; } [data-location="my-account"] [role="tablist"] { padding-top: 1.5rem; top: 5.75rem; border-bottom: 1px solid var(--black-10); } [data-location="my-account"] body.admin-bar [role="tablist"] { top: 7.75rem; } [data-location="my-account"] #child_profiles_callout_group_heading.et_pb_blurb, [data-location="my-account"] #child_profile_categories_callout_group_heading.et_pb_blurb, [data-location="my-account"] #scales_categories_callout_group_heading.et_pb_blurb, [data-location="my-account"] #scales_results_callout_group_heading.et_pb_blurb { top: 10.325rem; } [data-location*="assessment-tool"] #scales_categories_callout_group_heading.et_pb_blurb { } [data-location*="assessment-tool"] body.admin-bar #scales_categories_callout_group_heading.et_pb_blurb { } } #child_profiles_callout_group .et_pb_blurb_content, #child_profile_categories_callout_group .et_pb_blurb_content { width: 100%; } #child_profiles_callout_group_heading .et_pb_blurb_container, #scales_results_callout_group_heading .et_pb_blurb_container { } #child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action, #child_profile_categories_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action, #scales_results_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action { display: table-cell; width: 10%; white-space: nowrap; vertical-align: middle; } #child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action, #child_profile_categories_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action { vertical-align: bottom; } #child_profiles_callout_group_heading.et_pb_blurb #child_profile_categories_callout_group_heading .et_pb_blurb { background-color: var(--white); } #child_profiles_callout_group .et_pb_blurb .et_pb_blurb_container, #child_profile_categories_callout_group .et_pb_blurb .et_pb_blurb_container, #scales_results_callout_group .et_pb_blurb .et_pb_blurb_container { display: table; width: 100%; } @media (width < 767px) { #child_profiles_callout_group .et_pb_blurb .et_pb_blurb_container, #child_profile_categories_callout_group .et_pb_blurb .et_pb_blurb_container, #scales_results_callout_group .et_pb_blurb .et_pb_blurb_container { display: grid; /*row-gap: 1rem;*/ } } #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image, #child_profile_categories_callout_group .et_pb_blurb .et_pb_main_blurb_image { display: table-cell; vertical-align: top; width: 10%; } @media (width < 767px) { #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image, #child_profile_categories_callout_group .et_pb_blurb .et_pb_main_blurb_image { display: none; } } #child_profiles_callout_group .et_pb_blurb .et-pb-icon, #child_profile_categories_callout_group .et_pb_blurb .et-pb-icon { font-size: 1.75rem; font-weight: 900; color: var(--white); width: 3rem; height: 3rem; line-height: normal; justify-content: center; align-items: center; display: inline-flex; border-radius: 100%; margin-top: 1rem; margin-right: 1rem; } #child_profiles_callout_group .et_pb_blurb .et-pb-icon[aria-label="Male"] { border: 1px solid currentColor; color: skyblue; } #child_profiles_callout_group .et_pb_blurb .et-pb-icon[aria-label="Female"] { border: 1px solid currentColor; color: pink; } #child_profiles_callout_group .et_pb_blurb .et-pb-icon[aria-label="Intersex"] { border: 1px solid currentColor; color: mediumpurple; } #child_profiles_callout_group .et_pb_blurb .et_pb_blurb_content, #scales_categories_callout_group_heading.et_pb_blurb .et_pb_blurb_content, #scales_categories_callout_group .et_pb_blurb .et_pb_blurb_content, #scales_results_callout_group .et_pb_blurb .et_pb_blurb_container { max-width: none; } @media (min-width: 767px) { #scales_categories_callout_group [data-slug] .et_pb_blurb_content { display: grid; grid-template-columns: max-content auto; } #scales_categories_callout_group [data-slug] .et_pb_blurb_content .et_pb_blurb_container { display: grid; grid-template-columns: auto max-content; column-gap: .75rem; } #scales_categories_callout_group [data-slug] .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, #scales_categories_callout_group [data-slug] .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_minimum_age, #scales_categories_callout_group [data-slug] .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { grid-column-start: 1; } #scales_categories_callout_group [data-slug] .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_action { grid-column-start: 2; grid-row-start: 1; grid-row-end: 4; } } #scales_categories_callout_group .et_pb_main_blurb_image { width: 100%; margin-bottom: 0; } @media (min-width:767px) { #scales_categories_callout_group .et_pb_main_blurb_image { max-width: 4rem; } } @media (min-width:1200px) { #scales_categories_callout_group .et_pb_main_blurb_image { width: 6.5rem; } } #scales_categories_callout_group .et_pb_blurb .et_pb_image_wrap { display: block; margin: auto; aspect-ratio: 1; overflow: hidden; } #scales_results_callout_group { width: calc(100% - 0rem); display: grid; /*grid-template-columns: repeat(auto-fill, 30.33%);*/ grid-template-columns: repeat(auto-fill, 50%); justify-content: space-between; column-gap: 2.5%; } #scales_results_callout_group {} #scales_categories_callout_group .et_pb_blurb:not(#scales_categories_callout_group_heading):not(#scales_categories_callout_group_content), #scales_results_callout_group .et_pb_blurb:not(#scales_results_callout_group_heading):not(#scales_results_callout_group_overview):not(#scales_results_callout_group_content) { padding: 1rem; border: 2px solid lightgray; border-radius: .75rem; margin-bottom: 3.82%; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; line-height: 2em; border-radius: 5px 5px 5px 5px; overflow: hidden; border-top-width: 10px; border-top-color: var(--purpleheart); padding-top: 31px!important; padding-right: 30px!important; padding-bottom: 31px!important; padding-left: 30px!important; background-color: var(--white); box-shadow: 0px 20px 45px -5px rgb(0 0 0 / 7%); } [data-location="my-account"] #scales_results_callout_group .et_pb_blurb:not(#scales_results_callout_group_heading):not(#scales_results_callout_group_overview):not(#scales_results_callout_group_content) { /*position: sticky; top: 19.75rem;*/ } #scales_results_callout_group_overview { margin-bottom: 2rem; } #scales_categories_callout_group .et_pb_blurb { position: relative; overflow: visible !important; } @media (min-width: 768px){ #scales_categories_callout_group .et_pb_blurb { width: calc(50% - 2.5%); } } body:not(.logged-in) #scales_categories_callout_group .et_pb_blurb:not(:nth-child(1), :nth-child(2), :nth-child(3), :nth-child(4), :nth-child(5), :nth-child(6)), body:not(.logged-in) #scales_categories_callout_group .et_pb_blurb:nth-child(6):after, body.logged-in #scales_categories_callout_group.has_no_child_profiles .et_pb_blurb:not(:nth-child(1), :nth-child(2), :nth-child(3), :nth-child(4), :nth-child(5), :nth-child(6)), body.logged-in #scales_categories_callout_group.has_no_child_profiles .et_pb_blurb:nth-child(6):after { display: none; } body:not(.logged-in) #scales_categories_callout_group .et_pb_blurb:nth-child(6), body.logged-in #scales_categories_callout_group.has_no_child_profiles .et_pb_blurb:nth-child(6) { margin-bottom: 0rem !important; } #scales_categories_callout_group .et_pb_blurb:nth-child(2) { margin-bottom: 1rem; } #scales_categories_callout_group .et_pb_blurb:nth-child(2), #scales_categories_callout_group .et_pb_blurb:nth-child(3), #scales_categories_callout_group .et_pb_blurb:nth-child(6), #scales_categories_callout_group .et_pb_blurb:nth-child(9), #scales_categories_callout_group .et_pb_blurb:nth-child(12), #scales_categories_callout_group .et_pb_blurb:nth-child(15), #scales_categories_callout_group .et_pb_blurb:nth-child(18), #scales_categories_callout_group .et_pb_blurb:nth-child(21), #scales_categories_callout_group .et_pb_blurb:nth-child(24), #scales_categories_callout_group .et_pb_blurb:nth-child(25) { width: 100%; } #scales_categories_callout_group .et_pb_blurb:after, #scales_categories_callout_group .et_pb_blurb:after, #scales_categories_callout_group .et_pb_blurb:after, #scales_categories_callout_group .et_pb_blurb:after, #scales_categories_callout_group .et_pb_blurb:after, #scales_categories_callout_group .et_pb_blurb:after, #scales_categories_callout_group .et_pb_blurb:after, #scales_categories_callout_group .et_pb_blurb:after { display: flex; position: absolute; font-size: 3rem; font-weight: 900; color: var(--persimmon); height: 2.25rem; width: clamp(2rem, 10%, 3rem); align-items: center; justify-content: center; z-index: 1; } @media (max-width: 767px) { /*#scales_categories_callout_group .et_pb_blurb:nth-child(4):after, #scales_categories_callout_group .et_pb_blurb:nth-child(5):after #scales_categories_callout_group .et_pb_blurb:nth-child(7):after, #scales_categories_callout_group .et_pb_blurb:nth-child(10):after, #scales_categories_callout_group .et_pb_blurb:nth-child(13):after, #scales_categories_callout_group .et_pb_blurb:nth-child(16):after, #scales_categories_callout_group .et_pb_blurb:nth-child(19):after, #scales_categories_callout_group .et_pb_blurb:nth-child(22):after,*/ #scales_categories_callout_group .et_pb_blurb[data-slug]:not([data-slug=scale-23]):after { content: '\21E3' !important; bottom: -2.5rem !important; left: 50% !important; top: auto !important; right: auto !important; transform: translateX(-50%) !important; font-size: 2.75rem !important; font-weight: 100; } } #scales_categories_callout_group .et_pb_blurb:nth-child(3):after, #scales_categories_callout_group .et_pb_blurb:nth-child(6):after, #scales_categories_callout_group .et_pb_blurb:nth-child(9):after, #scales_categories_callout_group .et_pb_blurb:nth-child(12):after, #scales_categories_callout_group .et_pb_blurb:nth-child(15):after, #scales_categories_callout_group .et_pb_blurb:nth-child(18):after, #scales_categories_callout_group .et_pb_blurb:nth-child(21):after, #scales_categories_callout_group .et_pb_blurb:nth-child(24):after { content: '\21E3';/* left down arrow */ bottom: -2.5rem; left: 10%; /*background-color: yellow;*/ } #scales_categories_callout_group .et_pb_blurb:nth-child(4):after, #scales_categories_callout_group .et_pb_blurb:nth-child(7):after, #scales_categories_callout_group .et_pb_blurb:nth-child(10):after, #scales_categories_callout_group .et_pb_blurb:nth-child(13):after, #scales_categories_callout_group .et_pb_blurb:nth-child(16):after, #scales_categories_callout_group .et_pb_blurb:nth-child(19):after, #scales_categories_callout_group .et_pb_blurb:nth-child(22):after { content: '\21E2';/* middle right arrow */ top: 50%; right: -10%; transform: translateY(-50%); /*background-color: orange;*/ } #scales_categories_callout_group .et_pb_blurb:nth-child(5):after, #scales_categories_callout_group .et_pb_blurb:nth-child(8):after, #scales_categories_callout_group .et_pb_blurb:nth-child(11):after, #scales_categories_callout_group .et_pb_blurb:nth-child(14):after, #scales_categories_callout_group .et_pb_blurb:nth-child(17):after, #scales_categories_callout_group .et_pb_blurb:nth-child(20):after, #scales_categories_callout_group .et_pb_blurb:nth-child(23):after { content: '\21E3';/* right down arrow */ bottom: -2.5rem; left: 20%;/*right*/ /*background-color: lightgreen;*/ } .tab-pane h2:not(.et_pb_module_header, .wp-block-heading, [class]), #child_profile_categories_callout_group h2, #child_profiles_callout_group h2, #scales_categories_callout_group h2, #scales_results_callout_group h2 { /* font-size: 2.25rem; line-height: 1.4em;*/ padding: 0rem; margin: 0rem; font-size: 2rem !important; } .tab-pane form[class*=woocommerce] h2, .tab-pane#accountinfo-pane h2, .tab-pane#tipsandfaqs-pane h2:not(:has(button)) { padding: 1.25rem .75rem; margin: 0rem; } .tab-pane form[class*=woocommerce] .form-row { padding: .25rem .75rem; } #child_profiles_callout_group h2 small, #scales_categories_callout_group h2 small, #scales_results_callout_group h2 small { font-size: 1rem; position: relative; top: -0.25rem; padding-left: 0.5rem; font-weight: normal; } #child_profiles_callout_group h2 small a, #scales_categories_callout_group h2 small a, #scales_results_callout_group h2 small a { color: var(--bs-link-color); padding-left: 0.5rem; } #child_profiles_callout_group h3, #scales_categories_callout_group h3, #child_profiles_callout_group h4, #scales_categories_callout_group h4 { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; padding-bottom: 0rem; } #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap, #child_profiles_callout_group h3 { } @media (min-device-width: 676px){ #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap, #child_profiles_callout_group h3 { position: sticky !important; top: 9rem; z-index: 2; box-shadow: 0rem 0rem .5rem var(--white); } body.admin-bar #child_profiles_callout_group .et_pb_main_blurb_image .et_pb_image_wrap, body.admin-bar #child_profiles_callout_group h3 { position: sticky !important; top: 11rem; z-index: 1; box-shadow: 0rem 0rem .5rem var(--white); } } @media (min-device-width: 1200px) { #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image .et_pb_blurb .et_pb_image_wrap, #child_profiles_callout_group h3 { top: 9rem; } body.admin-bar #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap, body.admin-bar #child_profiles_callout_group h3 { top: 11rem; } } @media (min-device-width: 1300px) { #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap { top: 13.25rem; } body.admin-bar #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap { top: 22rem; } [data-location="my-account"] #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap { top: 19rem; } [data-location="my-account"] body.admin-bar #child_profiles_callout_group .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap { top: 21.375rem; } #child_profiles_callout_group h3 { top: 11rem; } body.admin-bar #child_profiles_callout_group h3 { top: 20rem; } [data-location="my-account"] #child_profiles_callout_group h3 { top: 16.675rem; } [data-location="my-account"] body.admin-bar #child_profiles_callout_group h3 { top: 17.575rem; } } #child_profiles_callout_group h3 { background-color: var(--white); box-shadow: 0rem 0rem .5rem var(--white); padding: 1.5rem 5rem .5rem 0rem; font-size: 1.375rem; } #child_profiles_callout_group h4 { background-color: var(--fiord); color: var(--white) !important; font-size: 1.125rem !important; padding: .625rem; margin-bottom: .625rem; border-radius: .425rem; position: relative; } @media (min-device-width: 676px){ #child_profiles_callout_group h4 { position: sticky !important; top: 12.875rem; z-index: 1; box-shadow: 0rem 0rem .5rem var(--white); } body.admin-bar #child_profiles_callout_group h4 { position: sticky !important; top: 14.875rem; z-index: 2; box-shadow: 0rem 0rem .5rem var(--white); } } @media (min-device-width: 1200px) { #child_profiles_callout_group h4 { top: 12.875rem; } body.admin-bar #child_profiles_callout_group h4 { top: 14.875rem; } } @media (min-device-width: 1300px) { #child_profiles_callout_group h4 { top: 15.625rem; } body.admin-bar #child_profiles_callout_group h4 { top: 22rem; } [data-location="my-account"] #child_profiles_callout_group h4 { top: 22.525rem; } } #child_profiles_callout_group h4[role="accordion"] { cursor: pointer; } #child_profiles_callout_group h4[role="accordion"] i { position: absolute; top: 50%; right: 1.25rem; font-size: 1.75rem; font-style: normal; font-weight: 400; transition-duration: .24s; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10+ */ user-select: none; } #child_profiles_callout_group h4[role="accordion"][aria-expanded='false'] i { transform: translateY(-50%) rotate(0deg); opacity: .8; } #child_profiles_callout_group h4[role="accordion"][aria-expanded='true'] i { transform: translateY(-50%) rotate(45deg); opacity: 1; } #child_profiles_callout_group h4[role="accordion"][aria-expanded='true']:hover i, #child_profiles_callout_group h4[role="accordion"][aria-expanded='false']:hover i { opacity: 1; } #child_profiles_callout_group [id*=accordion_content_]{ transition-duration: .24s; } #child_profiles_callout_group [id*=accordion_content_][aria-expanded='false']{ height: 0; overflow-y: hidden; } #child_profiles_callout_group [id*=accordion_content_][aria-expanded='true']{ height: auto; overflow-y: hidden; } #child_profiles_callout_group .et_pb_blurb_description { margin-top: 1rem; } #scales_categories_callout_group .et_pb_blurb_description { margin-bottom: .625rem; } @media (min-device-width: 676px){ #scales_categories_callout_group .et_pb_blurb_description { /*margin-right: 11rem; margin-bottom: 0rem;*/ } } #child_profiles_callout_group .et_pb_blurb_description_long p { /*padding: 0rem .625rem;*/ font-size: .875rem; } /* #child_profiles_callout_group .et_pb_blurb_description_long p:first-of-type { padding: 0rem 0rem .625rem; }*/ #child_profiles_callout_group .et_pb_blurb_description_long .et_pb_blurb_action { margin-bottom: 1rem; } #child_profiles_callout_group .et_pb_blurb_description_short { display: none; margin-bottom: 1rem; } #child_profiles_callout_group .et_pb_blurb_description_short p { padding-bottom: 0rem; margin-bottom: 0rem; } #child_profiles_callout_group .et_pb_blurb_description_long { display: block; margin-bottom: 0rem; } #child_profiles_callout_group .et_pb_blurb_description_short .et_pb_blurb_action { padding-top: .625rem; display: inline-flex; gap: .625rem; } #scales_categories_callout_group .et_pb_blurb_action { display: flex; flex-direction: column; gap: .75rem; text-align: center; } @media (min-device-width: 676px){ #scales_categories_callout_group .et_pb_blurb_action { /*position: absolute; top: 50%; right: 0; transform: translateY(-50%);*/ } } #child_profiles_controls_group { position: sticky; top: 0.75rem; z-index: 4; background-color: var(--white-80); /* width: 74%; */ margin: 0; backdrop-filter: blur(4px); } @media (max-device-width < 575px){ #child_profiles_controls_group { top: 11.25rem; } } @media (min-device-width: 676px){ #child_profiles_controls_group { top: 11.25rem; /*width: 100%;*/ } } @media (min-device-width: 1300px) { #child_profiles_controls_group { top: 10.475rem; /* width: 100%; */ } body.admin-bar #child_profiles_controls_group { top: 12.175rem; /* width: 100%; */ } } #child_profiles_controls_group .btn-group .dropdown-menu.show { overflow-y: scroll; max-height: 21.875rem; } #child_profiles_callout_group .visible-child-profile, #child_profiles_callout_group .hidden-child-profile { margin-top: .25rem; } #child_profiles_callout_group .hidden-child-profile { padding-top: 0.25rem; } #child_profiles_callout_group .visible-child-profile .tag-upgraded, #child_profiles_callout_group .hidden-child-profile .tag-upgraded, #child_profiles_callout_group .visible-child-profile .tag-notupgraded, #child_profiles_callout_group .hidden-child-profile .tag-notupgraded, #child_profiles_callout_group .visible-child-profile .tag-upgradeonhold, #child_profiles_callout_group .hidden-child-profile .tag-upgradeonhold, #child_profiles_callout_group .visible-child-profile .tag-notofage, #child_profiles_callout_group .hidden-child-profile .tag-notofage, #child_profiles_callout_group .visible-child-profile .tag-aboveage-access:not(p .tag-aboveage-access), #child_profiles_callout_group .hidden-child-profile .tag-aboveage-access:not(p .tag-aboveage-access), #child_profiles_callout_group .visible-child-profile .tag-aboveage-access:not(p .tag-aboveage-access), #child_profiles_callout_group .hidden-child-profile .tag-aboveage-access:not(p .tag-aboveage-access) { position: sticky; top: 22rem; z-index: 2; } #child_profiles_callout_group .visible-child-profile .tag-upgraded, #child_profiles_callout_group .visible-child-profile .tag-notupgraded, #child_profiles_callout_group .visible-child-profile .tag-upgradeonhold, #child_profiles_callout_group .visible-child-profile .tag-notofage, #child_profiles_callout_group .visible-child-profile .tag-aboveage-access:not(p .tag-aboveage-access), #child_profiles_callout_group .visible-child-profile .tag-aboveage-access:not(p .tag-aboveage-access) { transform: none; position: absolute; top: 1.725rem; right: 0; box-shadow: 0rem 0rem 0rem 0.05rem var(--white), 0rem 0rem 0.375rem 0.5rem var(--white); } #child_profiles_callout_group .hidden-child-profile .tag-upgraded { position: absolute; top: 1.725rem; right: 0rem; } /* @media (min-device-width: 1300px){ #child_profiles_callout_group .visible-child-profile .tag-upgraded, #child_profiles_callout_group .visible-child-profile .tag-notupgraded, #child_profiles_callout_group .visible-child-profile .tag-upgradeonhold, #child_profiles_callout_group .visible-child-profile .tag-aboveage-access:not(p .tag-aboveage-access), #child_profiles_callout_group .visible-child-profile .tag-aboveage-access:not(p .tag-aboveage-access) { transform: translateX(calc(100% + 3.5rem)); transform: none; position: absolute; top: 1.875rem; right: 0; box-shadow: 0rem 0rem 0rem 0.05rem var(--white), 0rem 0rem 0.375rem 0.5rem var(--white); } #child_profiles_callout_group .hidden-child-profile .tag-upgraded, #child_profiles_callout_group .hidden-child-profile .tag-notupgraded, #child_profiles_callout_group .hidden-child-profile .tag-upgradeonhold, #child_profiles_callout_group .hidden-child-profile .tag-notofage, #child_profiles_callout_group .hidden-child-profile .tag-aboveage-access:not(p .tag-aboveage-access), #child_profiles_callout_group .hidden-child-profile .tag-aboveage-access:not(p .tag-aboveage-access) { transform: translateX(calc(100% + 5rem)); } } */ #child_profiles_callout_group .upgrade-promo .tag-upgraded, #child_profiles_callout_group .upgrade-promo .tag-notupgraded, #child_profiles_callout_group .upgrade-promo .tag-upgradeonhold, #child_profiles_callout_group .upgrade-promo .tag-notofage, #child_profiles_callout_group .upgrade-promo .tag-aboveage, #child_profiles_callout_group .upgrade-promo .tag-aboveage-access { position: relative; top: 0rem; z-index: 0; margin: 0rem; display: inline; box-shadow: none; } /* Child Profile Layouts */ #child_profiles_callout_group[data-layout=compact]{ column-gap: .75rem; justify-content: flex-start; } @media (max-device-width: 676px) { #child_profiles_callout_group .visible-child-profile, #child_profiles_callout_group .hidden-child-profile { margin-top: 0rem; margin-bottom: 0rem; width: 100%; } } @media (min-device-width: 676px) { #child_profiles_callout_group[data-layout=compact] *:not([id*=child_profile_]) .et_pb_blurb { width: calc(50% - .5rem); margin-bottom: 0.5%; margin-top: 0; } #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] { width: calc(50% - .625rem); } } #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] { box-shadow: 0 0 0rem 0.125rem var(--black-20); padding: 0rem 1rem 1rem; border-radius: .75rem; margin-bottom: 0rem; margin-top: .75rem; margin-left: .125rem; margin-right: .125rem; } #child_profiles_callout_group[data-layout=compact] .et_pb_blurb_description { margin-top: 0.5rem; display: none; } #child_profiles_callout_group[data-layout=compact] .et_pb_blurb_description_long { display: none; } #child_profiles_callout_group[data-layout=compact] .et_pb_blurb_description_short { display: none; } #child_profiles_callout_group[data-layout=compact] .et_pb_blurb .et-pb-icon { font-size: 1.25rem; width: 2rem; height: 2rem; } #child_profiles_callout_group[data-layout=compact] .et_pb_blurb .et_pb_main_blurb_image { display: none; } #child_profiles_callout_group[data-layout=compact] h3 { font-size: 1.5rem; margin-bottom: 0rem; } #child_profiles_callout_group[data-layout=compact] h3 .child-profile-name { white-space: nowrap; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; } #child_profiles_callout_group[data-layout=compact] .upgrade-promo { padding-top: 0.75rem; } #child_profiles_callout_group[data-layout=compact] h4[role="accordion"] { font-size: .875em; } #child_profiles_callout_group[data-layout=compact] h4[role="accordion"] i { right: 0.5rem; font-size: 1.25rem; } #child_profiles_callout_group[data-layout=compact] .et_pb_blurb_description_long [aria-expanded]:nth-child(1), #child_profiles_callout_group[data-layout=compact] .et_pb_blurb_description_long [aria-expanded]:nth-child(2), #child_profiles_callout_group[data-layout=compact] .et_pb_blurb_description_long [aria-expanded]:nth-child(3), #child_profiles_callout_group[data-layout=compact] .et_pb_blurb_description_long [aria-expanded]:nth-child(4) { display: none; } #child_profiles_callout_group[data-layout=compact] .helpful-things, #child_profiles_callout_group[data-layout=compact] .upgrade-promo { padding: 0.75rem; display: none; } #child_profiles_callout_group[data-layout=compact] .helpful-things { display: none; } #child_profiles_callout_group[data-layout=compact] .helpful-things h5, #child_profiles_callout_group[data-layout=compact] h5 { font-size: 1.125rem; } #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] .et_pb_blurb_content .et_pb_blurb_container { display: flow-root; padding-bottom: 1.5rem; } #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] .child-profile-id, #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] .child-profile-date-created, #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] .child-profile-date-modified { } #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] .child-profile-id, #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] .child-profile-date-created, #child_profiles_callout_group[data-layout=compact] [id*=child_profile_] .child-profile-date-modified { /*display: none;*/ } #child_profiles_callout_group[data-layout=compact] .scale-results-callout-list-description small:not(:first-of-type) { display: none; } #child_profiles_callout_group[data-layout=compact] ul.scale-results-callout-list li:first-of-type { display: none; } #child_profiles_callout_group[data-layout=compact] .scale-results-callout-list-description small:first-of-type { margin-top: 0.5rem; line-height: 1.25 !important; display: flow-root; } #child_profiles_callout_group .child-profile-actions { } #child_profiles_callout_group[data-layout=compact] .child-profile-actions { margin-top: 0.75rem; } #child_profiles_callout_group:not([data-layout=compact]) .layout-compact-view-scale-results { display: none; } #child_profiles_callout_group[data-layout=compact] .layout-compact-view-scale-results { display: inline-flex; align-items: center; column-gap: .25rem; margin-top: .25rem; } #child_profiles_callout_group .child-profile-actions .dashicons { display: inline-flex; width: auto; height: auto; line-height: 1.625rem; } #child_profiles_callout_group .btn-modify-options-child-profile, #child_profiles_callout_group .btn-modify-child-profile, #child_profiles_callout_group .btn-remove-post { text-decoration: none; } [data-name="phone_number"] select, [data-name="phone_number"] input[type="number"] { min-height: 3.625rem !important; } [data-name="phone_number"] input[type="number"]:last-of-type { max-width: none !important; } /* Child Profile Search */ #child_profiles_callout_group_search { position: relative; width: clamp(30.33%, 100%, 40rem); padding-right: 0.75rem; } #child_profiles_callout_group .label-group-search { display: none; } #child_profiles_callout_group_search input[type=text] { color: var(--black-80) !important; font-size: 1rem !important; height: 2.75rem; text-indent: .75rem; text-overflow: ellipsis; border-radius: .5rem; -webkit-appearance: none; background-color: #eee; max-width: 100%; border-width: 0; border-radius: 0; color: #999; font-size: 14px; line-height: 1.7em; border-style: solid; width: 99%; border-width: 1px; } #child_profiles_callout_group_search_clear, #child_profiles_callout_group_search_list { display: none; position: absolute; } #child_profiles_callout_group_search_clear { top: 0; right: 0; height: 100%; width: 3rem; z-index: 2; background: var(--white) !important; color: var(--purpleheart) !important; box-shadow: inset 0rem 0rem 0rem 0.175rem var(--purpleheart-60) !important; border-color: transparent; font-weight: 900; } #child_profiles_callout_group_search_clear { height: 2.75rem; } #child_profiles_callout_group_search_list { background-color: var(--white); box-shadow: 0rem .5rem 2rem .125rem var(--black-30); border-radius: .5rem; border-radius: 0; left: .75rem; z-index: 1; } #child_profiles_callout_group_search_list.active, #child_profiles_callout_group_search_clear.active { display: block; } #child_profiles_callout_group_search_list ul { margin: 0; padding: 0.125rem; list-style: none; } #child_profiles_callout_group_search_list li { padding: .75rem; max-width: 14rem; text-overflow: ellipsis; overflow: hidden; } #child_profiles_callout_group_search_list li:not(:last-child) { border-bottom: 1px solid var(--black-30); } #child_profiles_callout_group_search_list li:hover { background-color: var(--pictonblue); color: var(--white); cursor: pointer; } #child_profiles_callout_group_search_list li.selected { background-color: var(--pictonblue); color: var(--white); } /* Child Profile Categories Table */ #child_profile_categories_callout_table { padding: .75rem 1.5rem 1.5rem; } #child_profile_categories_callout_table table { padding: .75rem 1.5rem 1.5rem; } #child_profile_categories_callout_table tr { border-bottom: 1px solid var(--black-30); } #child_profile_categories_callout_table th { padding: .5rem; vertical-align: top; } #child_profile_categories_callout_table th:nth-child(2) { width: 30%; } #child_profile_categories_callout_table th:nth-child(4) { width: 10%; } #child_profile_categories_callout_table td { padding: .5rem; } #child_profile_categories_callout_table td:not(:last-child) { } #child_profile_categories_callout_table td .child-profile-categories-callout-table-assigned-to { display: flex; column-gap: .125rem; align-items: center; margin-right: -0.125rem; } #child_profile_categories_callout_table td .child-profile-categories-callout-table-assigned-to a[data-toggle=tooltip]{ font-size: 1rem; display: inline-flex; align-items: center; justify-content: center; } #child_profile_categories_callout_table td .child-profile-categories-callout-table-assigned-to a[data-toggle=tooltip] .dashicons { } /*---------------------------------------------------------------- >>> SHOP ----------------------------------------------------------------*/ @media only screen and (max-width: 767px) { .dipl_woo_products_category_layout { } .dipl_woo_products_category_layout .dipl_woo_products_category_isotope_item { width: 100% !important; float: left !important; } } /*---------------------------------------------------------------- >>> BUTTONS ----------------------------------------------------------------*/ .gform_wrapper.gravity-theme .gfield_checkbox button, form#form-about_yourself .acf-image-uploader input::file-selector-button, .form-submit input[type=submit], :root :where(.wp-element-button, .wp-block-button__link), #child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action button, .chdp_create_account_button .et_pb_button, #child_profiles_callout_group .et_pb_blurb_action button, #scales_categories_callout_group .et_pb_blurb_action button, #page-container button[type=submit], .modal button, *:not(.media-modal) .button, .btn-primary, .btn-secondary, .btn-secondary-outline { color: var(--white); border-width: 10px !important; border-color: transparent; border-style: solid; background-color: var(--persimmon); border-radius: 70px !important; font-size: 1rem !important; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 700 !important; padding: .25rem .5rem; align-items: center; display: inline-flex; justify-content: center; line-height: normal; } /* .btn-primary { color: var(--white) !important; border-color: var(--persimmon) !important; background-color: var(--persimmon) !important; box-shadow: 0rem 0rem 0rem 0.175rem var(--persimmon) !important; } .gform_wrapper.gravity-theme .gfield_checkbox button:hover, form#form-about_yourself .acf-image-uploader input::file-selector-button:hover, .form-submit input[type=submit]:hover, :root :where(.wp-element-button, .wp-block-button__link):hover, #child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action button.btn-primary:hover, .chdp_create_account_button .et_pb_button:hover, #child_profiles_callout_group .et_pb_blurb_action button.btn-primary:hover, #scales_categories_callout_group .et_pb_blurb_action button.btn-use-this-scale:hover, #page-container button[type=submit]:hover, .modal button:hover, *:not(.media-modal) .button:hover, .btn-primary:hover { background-color: var(--persimmon) !important; border-color: var(--persimmon) !important; box-shadow: 0rem 0rem 0rem 0.25rem var(--persimmon-60) !important; } */ .modal .af-submit button[type="submit"]{ margin-right: 10px !important; } /*#child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action button, .chdp_create_account_button .et_pb_button, #scales_categories_callout_group .et_pb_blurb_action button,*/ .gform_wrapper.gravity-theme .gfield_checkbox button, .btn-secondary { background-color: var(--purpleheart) !important; } .btn-secondary:hover, .btn-secondary:active { background-color: var(--purpleheart-light) !important; } .form-submit input[type=submit]:hover, .form-submit input[type=submit]:active, .btn-primary:hover, .btn-primary:active { background-color: var(--persimmon); } /*#child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action button:hover, #child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action button:active, .chdp_create_account_button .et_pb_button:hover, .chdp_create_account_button .et_pb_button:active, #scales_categories_callout_group .et_pb_blurb_action button:hover, #scales_categories_callout_group .et_pb_blurb_action button:active, button:hover, button:active,*/ .btn-primary:hover, .btn-primary:active { background-color: var(--persimmon-light); } .gform_wrapper.gravity-theme .gfield_checkbox button, form#form-about_yourself .acf-image-uploader input::file-selector-button, :root :where(.wp-element-button, .wp-block-button__link), .btn-secondary-outline { background: var(--white) !important; color: var(--purpleheart) !important; box-shadow: 0rem 0rem 0rem 0.175rem var(--purpleheart-60) !important; border-color: var(--white) !important; } .gform_wrapper.gravity-theme .gfield_checkbox button:hover, .gform_wrapper.gravity-theme .gfield_checkbox button:active, form#form-about_yourself .acf-image-uploader input::file-selector-button:hover, form#form-about_yourself .acf-image-uploader input::file-selector-button:active, :root :where(.wp-element-button, .wp-block-button__link):hover, :root :where(.wp-element-button, .wp-block-button__link):active, .btn-secondary-outline:hover, .btn-secondary-outline:active { box-shadow: 0rem 0rem 0rem 0.25rem var(--purpleheart) !important; border-color: var(--white) !important; } .btn-modify-child-profile, .btn-modify-options-child-profile { cursor: pointer; } .btn-link, .dropdown-toggle { color: var(--bs-link-color); text-decoration: underline; margin: 0 !important; padding: 0!important; border: none; background: transparent; } .btn-link:hover, .btn-link.show { text-decoration: none; } .dropdown-toggle[aria-expanded=true]:after, .btn-link.show.dropdown-toggle:after { transform: rotate(180deg); } .dropdown-toggle[aria-expanded=true]{ color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .dropdown-menu.show { z-index: 3; max-height: 12rem; overflow-y: auto; } #child_profiles_controls_group .btn-toolbar { align-items: center; gap: 1rem; padding: 0rem 0rem 1rem; } #child_profiles_controls_group .btn-toolbar label { font-weight: 600; padding-left: 0.75rem; } #child_profiles_controls_group .btn-toolbar label:first-of-type { /*padding-left: 1.75rem;*/ } #child_profiles_controls_group .btn-toolbar { align-items: center; justify-content: center; justify-content: flex-start; gap: 1rem; /*padding: 1rem 0rem 0rem;*/ padding: 1.575rem 0rem; /*transform: translateY(-1rem);*/ width: 100%; /*height: 7rem;*/ display: flex; align-items: center; /*justify-content: space-between;*/ flex-wrap: nowrap; } @media (min-device-width: 676px){ #child_profiles_controls_group .btn-toolbar { gap: .75rem; } } #child_profiles_controls_group .btn-toolbar .btn-group-toggle-visibility { flex-wrap: nowrap; white-space: nowrap; } #child_profiles_controls_group .btn-toolbar .btn-group-toggle-visibility button { padding: .125rem .5rem; } #child_profiles_controls_group .btn-toolbar .btn-group-toggle-visibility button .badge, #child_profiles_callout_group h4[role="accordion"] .badge { color: white !important; text-shadow: 0px 1px var(--black-60), 1px 1px var(--black-60) !important; } #child_profiles_controls_group .btn-toolbar .btn-group-toggle-layout > button { text-transform: capitalize; } #child_profiles_controls_group .btn-toolbar.btn-toolbar-mobile-controls { display: none; } @media (width < 575px) { #child_profiles_controls_group { position: sticky; top: 0.75rem; z-index: 4; background-color: var(--white); margin: 0; backdrop-filter: blur(4px); box-shadow: 0 0 0 .125rem var(--white); border-bottom: 1px solid var(--black-20); } #child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action { width: 100%; } #child_profiles_callout_group_heading .et_pb_blurb_container .et_pb_blurb_action button { width: 100%; } #child_profiles_callout_group_heading.et_pb_blurb, #child_profile_categories_callout_group_heading.et_pb_blurb { padding: 1.25rem 0rem 0rem; } #child_profiles_controls_group { top: 0rem; z-index: 3; } #child_profiles_controls_group .btn-toolbar.btn-toolbar-mobile-controls { display: grid; grid-template-columns: 100%; justify-content: space-between; column-gap: .25rem; padding: 1rem 0; width: auto; } #child_profiles_controls_group .btn-toolbar.btn-toolbar-mobile-controls button { text-align: left; display: inline-flex; align-items: center; } #child_profiles_controls_group .btn-toolbar.btn-toolbar-mobile-controls:has(button:not([aria-expanded=true])) ~ .btn-toolbar { display: none; } #child_profiles_controls_group .btn-toolbar.btn-toolbar-mobile-controls:has(button[aria-expanded=true]) ~ .btn-toolbar { display: grid; } #child_profiles_controls_group .btn-toolbar:not(.btn-toolbar-mobile-controls) > label, #child_profiles_callout_group .label-group-search { position: relative; width: unset; height: unset; padding: 0 !important; margin: unset; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-grid; align-items: center; } #child_profiles_controls_group .btn-toolbar:not(.btn-toolbar-mobile-controls) > label, #child_profiles_callout_group_search > label { display: unset; max-width: unset; } #child_profiles_controls_group .btn-toolbar:not(.btn-toolbar-mobile-controls) { background-color: hsl(0deg 0% 88.85%); display: grid; padding: 1.5rem; grid-template-columns: 25% 75%; justify-content: space-between; column-gap: .25rem; border-radius: .75rem; border: .125rem solid var(--black-20); box-shadow: 0 0 0 .25rem var(--athensgray), 0rem 1.125rem 1.25rem .25rem var(--black-10); background-color: var(--purpleheart) !important; /* color: var(--white); */ background-image: linear-gradient(0deg, #eee 0%, var(--white) 30%) !important; position: absolute; top: 3.5rem; } #child_profiles_callout_group_search input[type=text] { width: unset; max-width: unset; background-color: var(--white); border-radius: .5rem; border-width: .125rem; } #child_profiles_callout_group_search { position: relative; width: unset; padding-right: 0; display: grid; grid-column-start: 1; grid-column-end: 3; grid-template-columns: 25% 75%; justify-content: space-between; } #child_profiles_callout_group_search_list { right: 0rem; width: 100%; top: 2.75rem; z-index: 1; } #child_profiles_callout_group_search_list li { max-width: unset; } #child_profiles_callout_group_search .microcopy.d-none { display: inline-grid !important; grid-column-start: 2; grid-column-end: 3; padding: .5rem 0 0 .25rem; } .btn.btn-secondary-outline.dropdown-toggle { justify-content: space-between; display: inline-flex; } .btn-group-has-scale.active button .btn-group-has-scale-label { top: -0.25rem; } .btn-group-has-scale.active button .btn-group-has-scale-value { top: 0.325rem; } } .btn-group-toggle-helpfulthingstoknow { user-select: none; -ms-user-select: none; } .btn-group-toggle-helpfulthingstoknow .dropdown-menu { z-index: 4; min-width: 16rem; font-size: .875rem; padding: 1rem .5rem 1rem 0rem; } .btn-group-toggle-helpfulthingstoknow .dropdown-menu > li { } .btn-group-toggle-helpfulthingstoknow .dropdown-menu > li > ul > li { line-height: 1.4; } .btn-group-toggle-helpfulthingstoknow .dropdown-menu li:not(:last-child) { padding-bottom: .5rem; } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .btn-group-has-scale button .btn-group-has-scale-label { } .btn-group-has-scale button .btn-group-has-scale-value { } .btn-group-has-scale.active button .btn-group-has-scale-label { font-size: .625rem; display: block; text-align: left; position: absolute; top: -0.125rem; opacity: 0.8; } @media (width < 575px) { .btn-group-has-scale.active button .btn-group-has-scale-label { top: -0.325rem; } } .btn-group-has-scale.active button .btn-group-has-scale-value { font-size: .75rem; position: relative; top: 0.313rem; } .btn-group-has-scale .btn-group-has-scale-clear-btn { display: none; justify-content: center; align-items: center; padding-left: 1rem; font-size: .875rem; } .btn-group-has-scale.active .btn-group-has-scale-clear-btn { display: flex; } .tag-upgraded, .tag-productisincart, .tag-notupgraded, .tag-upgradeonhold, .tag-notofage, .tag-aboveage, .tag-aboveage-access, .tag-alreadyhasscale { display: inline-flex; background-color: lightgreen; padding: 0.25rem 0.425rem; color: darkgreen; font-size: .575rem; font-weight: 600; line-height: normal; border-radius: 0.25rem; margin: 0 0.5rem; transform: translateY(-0.125rem); text-decoration: none; } .tag-upgraded[data-toggle=tooltip]:hover { color: lightgreen; background-color: darkgreen; } ul.use-this-scale-child-profile-options [class^=tag-] { margin-right: 0; } .tag-productisincart, .tag-alreadyhasscale { background-color: var(--alertError); color: var(--white); } .tag-notupgraded { background-color: var(--athensgrayDark); color: var(--black-50); } .tag-aboveage-access { background-color: hsl(204 88% 90% / 1); color: hsl(204 88% 26% / 1); } .tag-upgradeonhold { background-color: var(--alertWarningLight); color: var(--white); } .tag-noscaleresults, .tag-notofage, .tag-aboveage { background-color: #f8d7da; color: #842029; } #child_profiles_callout_group .et_pb_blurb_action button:active { transform-origin: center; transition-duration: 1s; transform: scale(.9); } #child_profiles_callout_group .et_pb_blurb_description_child_indent { display: inline-block; padding: 0rem .875rem .5rem; font-size: .875rem; } #scales_categories_callout_group_content p { margin-bottom: 1rem; padding-bottom: 0rem; } #scales_categories_callout_group_content p:last-of-type { padding-bottom: 0rem; } #child_profiles_callout_group .helpful-things, #child_profiles_callout_group .upgrade-promo { padding: 0rem 1rem; } #child_profiles_callout_group .upgrade-promo { padding-top: 1rem; border: 1px solid var(--black-05); box-shadow: inset 0rem -1.125rem 1.5rem 0rem var(--athensgray), inset 0rem 0rem 0rem 0.05rem var(--athensgrayDark); border-radius: .425rem; } #child_profiles_callout_group .helpful-things h5, #child_profiles_callout_group .upgrade-promo h5 { padding: 0rem; } #child_profiles_callout_group .helpful-things p, #child_profiles_callout_group .upgrade-promo p { padding: 0rem; margin-bottom: 0.5rem; font-size: .875rem; } #child_profiles_callout_group .helpful-things ul, #child_profiles_callout_group .upgrade-promo ul { padding-left: 1rem; font-size: .875rem; } #child_profiles_callout_group ul.scale-results-callout-list { padding: 0rem; display: grid; grid-row-gap: 0.5rem; } #child_profiles_callout_group ul.scale-results-callout-list li { display: grid; padding: 1rem; column-gap: .425rem; border: 1px solid var(--black-05); box-shadow: inset 0rem -1.125rem 1.5rem 0rem var(--athensgray), inset 0rem 0rem 0rem 0.05rem var(--athensgrayDark); border-radius: .425rem; grid-template-columns: auto min-content; } #child_profiles_callout_group ul.scale-results-callout-list:has( li[class*=scale-results-callout-]) li:first-child { box-shadow: none; padding: 0 1rem .5rem; border: none; justify-content: flex-start; font-size: .875rem; } #child_profiles_callout_group ul.scale-results-callout-list li:last-child { border-bottom: none; } #child_profiles_callout_group .scale-results-callout-list-name { grid-column-start: 1; grid-column-end: 2; } #child_profiles_callout_group .scale-results-callout-list-description { padding: 0rem !important; margin: 0rem; grid-row-start: 2; grid-row-end: 3; color: var(--black-60); font-size: .875rem !important; } #child_profiles_callout_group .scale-results-callout-list-description small { font-size: .75rem; line-height: .5rem !important; color: var(--bs-body-color); display: inline-block; padding: 0.25rem; margin-bottom: 0.25rem; } #child_profiles_callout_group .scale-results-callout-list-description small:first-of-type { margin-top: 1rem; } #child_profiles_callout_group .scale-results-callout-list-description small span { padding: 0.125rem 0.25rem; border-radius: 0.25rem; } #child_profiles_callout_group .scale-results-callout-list-action { grid-row-start: 1; grid-row-end: 4; font-size: 1rem; font-weight: 600; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; display: inline-grid; align-items: center; justify-content: center; text-align: center; color: var(--white); text-decoration: none; padding: 1rem; border-radius: .425rem; background-color: var(--persimmon); /*min-width: 7rem;*/ } #child_profiles_callout_group .scale-results-callout-list-action:hover { text-decoration: none; background-color: var(--persimmon-light); } #child_profiles_callout_group .scale-results-callout-list-action:not(.btn-use-this-scale) { background-color: var(--purpleheart); } #child_profiles_callout_group .scale-results-callout-list-action:not(.btn-use-this-scale):hover { text-decoration: none; background-color: var(--purpleheart-light); } #child_profiles_callout_group .btn-remove-post.scale-results-callout-list-action:not(.btn-use-this-scale) { background-color: var(--persimmon) !important; } #child_profiles_callout_group .btn-remove-post.scale-results-callout-list-action:not(.btn-use-this-scale):hover { text-decoration: none; background-color: var(--persimmon-light) !important; } /*---------------------------------------------------------------- >>> My Account ----------------------------------------------------------------*/ .acf-image-uploader .image-wrap .acf-actions, .acf-image-uploader .image-wrap:hover .acf-actions { display: block; } .acf-icon { background-color: var(--persimmon) !important; font-size: 1.5rem; font-weight: 700; } /* .btn-secondary { color: var(--white) !important; border-width: 10px !important; border-color: rgba(65,65,144,0) !important; border-radius: 70px !important; font-size: 1rem !important; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 700 !important; background-color: var(--persimmon) !important; cursor: pointer; } .btn-secondary:hover { }*/ /*---------------------------------------------------------------- >>> WOOCOMERCE HIDE MAIN NAV CART ACTION in Divi ----------------------------------------------------------------*/ .et-cart-info { display:none; } a.remove, .woocommerce a.remove { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*width: 1em; height: 1em; vertical-align: middle;*/ text-align: center; align-items: center; justify-content: center; } a.remove, a.remove:hover, .woocommerce a.remove, .woocommerce a.remove:hover { color: var(--white) !important; background-color: var(--alertError); content: "\f335"; font-family: none; font-weight: 600; font-size: 1.75rem; } a.remove i.iconRemove:before, .woocommerce a.remove i.iconRemove:before { content: "\f335"; font-style: normal; } .woocommerce-privacy-policy-text { font-size: 13px; } /*---------------------------------------------------------------- >>> WOOCOMERCE FORM LAYOUT FIXES ----------------------------------------------------------------*/ .woocommerce form .form-row > *:not([type='submit']) { width: 100%; } .woocommerce form .form-row select { cursor: pointer; margin: 0; height: 3rem; border: none; background-color: var(--black-05); text-indent: .75rem; } /*---------------------------------------------------------------- >>> WOOCOMERCE LOST PASSWORD: CHECK EMAIL ----------------------------------------------------------------*/ body.woocommerce-lost-password h2 { display: none; } /*---------------------------------------------------------------- >>> WOOCOMERCE PRIVACY POLICY ----------------------------------------------------------------*/ .woocommerce-privacy-policy-text { font-size: 13px; } /*---------------------------------------------------------------- >>> WOOCOMERCE PASSWORD FIELDS & RESET PASSWORD PAGE /my-account/lost-password/?show-reset-form=true&action ----------------------------------------------------------------*/ .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { position: absolute; right: .75; cursor: pointer; top: 50%; display: flex; line-height: normal; align-items: center; width: 2rem; height: 2rem; justify-content: center; } body.browser-duckduckgo .woocommerce form .show-password-input, body.browser-duckduckgo .woocommerce-page form .show-password-input { right: 2.75rem; } body.browser-safari .woocommerce form .password-input:has(input[name=password]:focus-within) .show-password-input, body.browser-safari .woocommerce-page form .password-input:has(input[name=password]:focus-within) .show-password-input, body.browser-safari .woocommerce form .woocommerce-form-row:has(input[name=password]:focus-within) .show-password-input, body.browser-safari .woocommerce-page form .woocommerce-form-row:has(input[name=password]:focus-within) .show-password-input { display: none; } .woocommerce form .show-password-input:not(.display-password)::after, .woocommerce-page form .show-password-input:not(.display-password)::after { color: var(--black); font-family: dashicons; content: "\f177" !important; } .woocommerce form .show-password-input.display-password::after, .woocommerce-page form .show-password-input.display-password::after { color: var(--black); font-family: dashicons; content: "\f530" !important; } .woocommerce-password-strength { text-align: center; font-weight: 600; padding: .25rem .5rem; font-size: .75rem; } #add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small { color: var(--white); } .woocommerce-checkout .checkout .col-2 .notes { width: 100%; } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; padding: 3rem 0rem; } .checkout #payment, .checkout #payment { margin-bottom: 3rem; } /*---------------------------------------------------------------- >>> WOOCOMERCE SINGLE PRODUCTS: ----------------------------------------------------------------*/ body.single-product #content-area { padding-bottom: 58px; } .woocommerce div.product div.images { opacity: 1 !important; } .woocommerce.single-product figure.woocommerce-product-gallery__wrapper { display: contents; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper [data-thumb] { border-radius: 1rem; } /*---------------------------------------------------------------- >>> WOOCOMERCE PRODUCTS: ----------------------------------------------------------------*/ html[data-location=shop] body:not(.logged-in) #main-content .et_pb_fullwidth_header_container { min-height: 65vh; } .woocommerce .products ul, .woocommerce ul.products { margin: 0 -.5rem 1em; } @media only screen and (max-width: 680px ){ .entry-content .woocommerce { display: flex; flex-direction: column; } } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; margin: 0 0 .5rem; } @media only screen and (min-device-width: 960px ){ .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { margin: 0; padding: 0 .5rem .75rem; width: 25%; } } @media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait), only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 50% !important; } } .woocommerce-LoopProduct-link { display: block; width: 100%; padding: .375rem; margin-bottom: .25rem; text-decoration: none !important; } .woocommerce-LoopProduct-link > .img { position: relative; border-radius: .125rem .125rem 0rem 0rem; min-height: 17rem; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 1.125rem; box-shadow: inset rgb(255 255 255) 0px 0px 0px 3px, rgb(187, 187, 187) 0px 0px 0px 1px; } @media only screen and (min-device-width: 1025px ){ .woocommerce-LoopProduct-link > .img { min-height: 11rem; } } .woocommerce-LoopProduct-link > .img:after { /*content: ''; display: block; border: 1px solid var(--white-80); position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid transparent; box-shadow: inset 0px 0px 0px 1px #bbb; overflow: hidden; border-radius: 1.125rem;*/ } .woocommerce ul.products li.product a img { opacity: 0; margin: 0; } @media only screen and (max-width: 680px){ .woocommerce ul.products li.product a img { display: none; } } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { top: .75rem; right: .75rem; z-index: 1; position: absolute; left: initial; background-image: linear-gradient( 180deg, var(--supernova) 0%, var(--mustard) 79%); border: 1px solid var(--buddhagold); box-shadow: 0 -2px 4px 0 var(--white-20), inset 0 0 1px 2px var(--white) , 0 2px 4px 0 var(--denim-50); width: 3.25rem; height: 3.25rem; text-transform: uppercase; font-size: .75rem; display: flex; align-items: center; justify-content: center; color: var(--gulfblue); line-height: normal; transform-origin: top right; } .woocommerce span.onsale { right: initial; left: 1rem; } @media only screen and (min-device-width: 680px){ .woocommerce ul.products li.product .onsale { transform: scale(1); } } @media only screen and (min-device-width: 1280px){ .woocommerce ul.products li.product .onsale { transform: scale(.75); } } .woocommerce-LoopProduct-link .product-item-content { padding: .75rem; display: flex; justify-content: space-between; flex-direction: column; } .woocommerce-LoopProduct-link .product-item-content .woocommerce-loop-product__title { font-family: 'PT Sans', sans-serif !important; font-weight: bold; color: var(--gulfblue); padding: 0 0 .25rem !important; text-shadow: none; } .woocommerce ul.products li.product .price { font-size: 1.25rem; font-weight: bold; color: var(--mako) !important; white-space: nowrap; max-width: 90%; margin: 0; overflow: hidden; text-overflow: ellipsis; text-shadow: none !important; } .woocommerce ul.products li.product .price del { margin-right: .425rem; } .woocommerce ul.products li.product .price ins { } .woocommerce .related.products { clear: both; } .woocommerce .related.products h2 { margin: 0rem 0rem 1.5rem; font-size: 1.25rem; } .woocommerce .variations { margin: 1.5rem 0; } .woocommerce .variations td { padding: .75rem; } .woocommerce div.product p.price, .woocommerce div.product span.price, .entry-summary p.price span { font-size: 3rem !important; margin-bottom: 0rem; padding-bottom: 0rem; } .woocommerce div.product .stock { font-weight: bold; } .woocommerce.single-product .entry-header, .woocommerce-product-details__short-description { display: none; } .woocommerce.single-product figure.woocommerce-product-gallery__wrapper { border: 1px solid var(--white); } .woocommerce.single-product .product-description > p { margin-bottom: 1.5rem; } .woocommerce.single-product .product-description ul { list-style: circle; list-style-position: outside; margin-left: 1rem; } .woocommerce div.product div.images .flex-control-thumbs { margin-top: 1rem; } .woocommerce div.product div.images .flex-control-thumbs li { padding: 0 1rem 0 0; } .woocommerce .post-navigation { float: left; width: 100%; } .nav-links { display: flex; justify-content: space-between; font-weight: bold; color: var(--white) !important; text-decoration: none; background: var(--midnight) !important; border: 1px solid var(--denim); box-shadow: none; } .nav-previous a[rel='prev'], .nav-next a[rel='next'] { display: inline-flex; } .nav-next a[rel='next'] { flex-direction: row-reverse; } .nav-previous p.meta-nav, .nav-next p.meta-nav { width: .1px; overflow: hidden; white-space: nowrap; } .nav-links p.meta-nav, .nav-links .post-title { text-decoration: none; height: 2rem; margin: 0 .125rem; justify-content: space-between; align-items: center; display: inline-flex; } .nav-previous a[rel='prev'] .svg-icon, .nav-next a[rel='next'] .svg-icon { display: inline-flex; margin: 0 .5rem; } .pswp__bg { background: var(--deepcove-60); backdrop-filter: blur(2px); } /*---------------------------------------------------------------- >>> WOOCOMERCE CART: ----------------------------------------------------------------*/ [data-location=cart] .woocommerce-cart table.cart img, [data-location=cart] .woocommerce-checkout table.cart img { width: 100%; max-width: 100px; } [data-location=cart] td.product-remove { text-align: center; } [data-location=cart] dt.variation-ChildProfile { display: none !important; } [data-location=cart] .woocommerce table.shop_table td.product-thumbnail { width: 12%; } /*---------------------------------------------------------------- >>> UTILITY NAV: ----------------------------------------------------------------*/ .utility-menu-list-button { font-size: 1.250rem; background-color: var(--black-05); border: 1px solid var(--black-30); /*box-shadow: 0 2px 5px -1px var(--black-30);*/ border-radius: 5rem; display: flex; padding: 0 .875rem 0 .25rem; min-width: 2.5rem; height: 2.5rem; justify-content: center; align-items: center; cursor: pointer; transform: translateX(-.425rem); -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10+ */ user-select: none; } @media only screen and (width < 1200px) { .utility-menu-list-button { padding: 0 0.25rem; } } @media only screen and (width > 767px) { .utility-menu-list-button { transform: translateX(-1rem); } } /*[data-location="my-account"] .utility-menu-list-button,*/ body.logged-in .utility-menu-list-button:hover, .dropdown.show .utility-menu-list-button, .utility-menu-list-button:hover { background: var(--fiord); border: 1px solid var(--fiord); /*box-shadow: 0 .125rem 1rem -.063rem var(--denim-60);*/ } .utility-menu-list-button .img { display: inline-flex; width: 2rem; height: 2rem; margin-right: .5rem; background-color: var(--athensgray); background-size: auto 110%; background-position: center; background-repeat: no-repeat; border-radius: 100%; border: 2px solid transparent; box-shadow: inset 0px 0px 0px 3px var(--white-40); } @media only screen and (width < 1200px) { .utility-menu-list-button .img { margin-right: 0; } } .utility-menu-list-button .txt { font-size: .625em; font-weight: bold; color: var(--black-60); white-space: nowrap; max-width: 3.875rem; text-overflow: ellipsis; overflow: hidden; display: inline-flex; height: 100%; line-height: normal; align-items: center; } @media only screen and (width < 1200px) { .utility-menu-list-button .txt { display: none; } } body.logged-in .utility-menu-list-button:hover .txt, .dropdown.show .utility-menu-list-button .txt, .utility-menu-list-button:hover .txt { color: var(--white); } .dropdown-menu { padding: .5rem; background-color: var(--athensgray); box-shadow: 0rem .5rem 2rem .125rem var(--black-30); border-radius: .375rem; } #utility-menu-list .dropdown-menu { position: absolute; left: initial !important; -webkit-user-select: none; -ms-user-select: none; user-select: none; border-top: 3px solid var(--pictonblue); border-radius: 0; right: 0rem; } #utility-menu-list.show .dropdown-menu { display: block; } @media screen and ( width < 767px ){ #utility-menu-list .dropdown-menu { position: absolute !important; transform: none !important; width: 100vw !important; right: -5.75rem; top: 3.5rem; } } @media screen and ( width > 767px ){ #utility-menu-list .dropdown-menu { transform: translate3d(-1rem, 2rem, 0rem) !important; } } @media screen and ( width > 969px ){ #utility-menu-list .dropdown-menu { transform: translate3d(-1rem, 1.625rem, 0rem) !important; } } #utility-menu-list .dropdown-menu ul { margin: 0rem; padding: 0rem; } #utility-menu-list .menu-item:last-child a { border-top: 1px solid var(--mako-40); } body.logged-in.admin-bar ul#utility-menu-list { } ul#utility-menu-list { list-style-type: none; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; position: relative; padding-left: .5rem; } @media screen and (min-width: 767px) { ul#utility-menu-list { top: -.818rem; } body.logged-in ul#utility-menu-list { padding-left: 2.5rem; } } /* @media only screen and (min-device-width: 680px) { ul#utility-menu-list { transform: translateX(-49%) !important; } body.logged-in ul#utility-menu-list { transform: translateX(-52%) !important; } } @media only screen and (min-device-width: 1200px) { ul#utility-menu-list { transform: translateX(-49%) !important; } body.logged-in ul#utility-menu-list { transform: translateX(-11%) !important; } } @media only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape), only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { ul#utility-menu-list { transform: translateX(-47%) !important; } body.logged-in ul#utility-menu-list { } } @media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait), only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { ul#utility-menu-list { transform: translateX(-64%) !important; } body.logged-in ul#utility-menu-list { transform: translateX(-43%) !important; } } @media only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { ul#utility-menu-list { transform: translateX(-56%) !important; } body.logged-in ul#utility-menu-list { transform: translateX(-32%) !important; } } @media only screen and (min-device-width: 1400px) { ul#utility-menu-list { transform: translateX(-48%) !important; } body.logged-in ul#utility-menu-list { transform: translateX(-26%) !important; } } @media only screen and (min-device-width: 1500px){ ul#utility-menu-list { transform: translateX(-37%) !important; } body.logged-in ul#utility-menu-list { transform: translateX(-8%) !important; } } @media only screen and (min-device-width: 1800px) { ul#utility-menu-list { transform: translateX(-41%) !important; } body.logged-in ul#utility-menu-list { transform: translateX(-15%) !important; } } @media only screen and (min-device-width: 2000px) { ul#utility-menu-list { transform: translateX(-37%) !important; } body.logged-in ul#utility-menu-list { transform: translateX(-8%) !important; } } */ .menu-button-container.page-scrolled-up, .site-branding.page-scrolled-up { left: -50vw !important; opacity: 0; } /* #edition-list.page-scrolled-up, #utility-menu-list.page-scrolled-up { top: -25vh !important; opacity: 0; } @media only screen and (min-device-width: 1100px) { .menu-button-container.page-scrolled-up, .site-branding.page-scrolled-up { left: 0vw !important; opacity: 1; } } @media only screen and (min-device-width: 680px) { ul#edition-list.page-scrolled-up, ul#utility-menu-list.page-scrolled-up { transform: translateX(-49%) !important; } } @media only screen and (max-device-width: 680px) { #page:before { content: ''; display: block; width: 100%; height: 0; background-color: var(--midnight-90); backdrop-filter: brightness(1) blur(1px) invert(1); box-shadow: 0 0 .5rem var(--midnight-90); position: fixed; left: 0; right: 0; z-index: 2; opacity: 0; } } */ #utility-menu-list > li:not(:last-child) { position: relative; } #utility-menu-list > li:first-child a .dashicons { display: inline-flex; } #utility-menu-list > li:first-child a .link-label { display: none; } @media only screen and (width > 767px) { #utility-menu-list > li:first-child a .dashicons { display: none; } #utility-menu-list > li:first-child a .link-label { display: inline-flex; } } @media only screen and (min-device-width: 1025px) and (orientation: landscape) { #utility-menu-list > li:not(:last-child) { } } #utility-menu-list > li > a { white-space: nowrap; } body:not(.logged-in) #utility-menu-list > li:not(:last-child) > a { padding: 0 1.25rem 0; } #utility-menu-list > li:not(:last-child) > a { padding: 0 1.25rem 0 0; } #utility-menu-list .menu-item a { font-size: 1rem; font-weight: 500; color: var(--black-80) !important; text-decoration: none !important; position: relative; display: flex; align-items: center; white-space: nowrap; line-height: normal; padding: 10px 20px; } @media ( width < 767px) { #utility-menu-list .menu-item a { padding: 1rem 1.125rem; } } #utility-menu-list .menu-item a:hover { color: var(--white) !important; background-color: var(--pictonblue);/*var(--persimmon);*/ } #utility-menu-list .menu-item a i { font-size: .75rem; margin: .5rem; } #utility-menu-list .menu-item a i:empty { display: none; } /*#utility-menu-list > li:first-child > a:after { content: ''; background: var(--black-60); height: 1.25rem; width: 1px; display: block; position: absolute; top: 50%; right: 0%; transform: translateY(-44%); }*/ #utility-menu-list > li > a:not(.btn-cart):hover{ text-decoration: underline !important; } #utility-menu-list .btn-cart { font-size: 1.250rem; background-color: var(--black-05); border: 1px solid var(--black-30); border-radius: 100%; display: flex; width: 2.5rem; height: 2.5rem; justify-content: center; align-items: center; text-decoration: none; padding: 0rem !important; position: relative; } #utility-menu-list .btn-cart:hover { color: var(--white); background-color: var(--fiord); border: 1px solid var(--fiord); } #utility-menu-list .btn-cart .btn-cart-count { font-size: .625rem; font-weight: bolder; color: var(--black-80); letter-spacing: .024rem; text-align: center; line-height: 1.25rem; background: var(--supernova); border: 2px solid var(--buddhagold); display: inline-flex; width: .95rem; height: 1rem; justify-content: center; align-items: center; border-radius: 100%; top: 0rem; right: -.25rem; position: absolute; } #utility-menu-list .btn-cart .iconCart { color: var(--black-60); } body.woocommerce-cart #utility-menu-list .btn-cart, body.woocommerce-cart #utility-menu-list .btn-cart:hover, #utility-menu-list .btn-cart:hover { color: var(--white); background: var(--fiord); border: 1px solid var(--fiord); opacity: 1 !important; } body.woocommerce-cart #utility-menu-list .btn-cart .iconCart, body.woocommerce-cart #utility-menu-list .btn-cart:hover .iconCart, #utility-menu-list .btn-cart:hover .iconCart { color: var(--white); } #utility-menu-list .btn-cart .iconCart:before { font-family: ETmodules!important; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0 0; direction: ltr; } #utility-menu-list .btn-cart .iconCart:before { content: "\e07a" } /*---------------------------------------------------------------- >>> GOOGLE TRANSLATE: via Google Language Translator plugin ----------------------------------------------------------------*/ #glt-translate-trigger { z-index: 8; } /*---------------------------------------------------------------- >>> MOBILE HEADER ----------------------------------------------------------------*/ .et_fixed_nav #et-top-navigation { display: grid; grid-template-columns: auto min-content min-content; } @media only screen and (max-device-width: 960px) { #page-container { overflow: visible !important; padding-top: 0rem !important; } body.logged-in.admin-bar #page-container { padding-top: 2.875rem !important; } #page-container #main-header { position: sticky !important; top: 0rem !important; } .et_mobile_menu { height: calc(100vh - 5rem); overflow-y: auto; } .et_mobile_menu li a { border-bottom: 1px solid rgba(0, 0, 0, .03); color: #666; padding: 10px 5%; display: block; font-size: 1rem; font-size: 1rem; font-weight: 500; position: relative; display: flex; align-items: center; line-height: normal; color: var(--black-80) !important; white-space: nowrap; padding: 10px 20px; text-decoration: none !important; } .et_mobile_menu > li:not(:first-child, :last-child) a { border-top: 1px solid var(--mako-20); } .et_mobile_menu > li.current-menu-item > a, .sub-menu li.current-menu-item a { color: var(--white) !important; background-color: var(--pictonblue); } } /*---------------------------------------------------------------- >>> MOBILE TOGGLE ----------------------------------------------------------------*/ .et_header_style_left #et-top-navigation .mobile_menu_bar { padding-left: 0.5rem; } @media screen and (min-width: 776px) { .et_header_style_left #et-top-navigation .mobile_menu_bar { padding-left: 1rem; } } /*---------------------------------------------------------------- >>> CONTAINERS ----------------------------------------------------------------*/ @media screen and (max-width: 776px) { .et_pb_fullwidth_header .et_pb_fullwidth_header_container { width: calc(100% - 2rem); } .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { width: auto; } } /*---------------------------------------------------------------- >>> ALERT COMPONENTS: ----------------------------------------------------------------*/ .woocommerce-notices-wrapper { } .woocommerce-error, .woocommerce-info, .woocommerce-message, .login #login_error, .login .message, .login .success, /*[data-location='build-your-lighthouse'] .error, [data-location='build-your-lighthouse'] .warning, [data-location='build-your-lighthouse'] .info, [data-location='build-your-lighthouse'] .success, [data-location='shared-inner-light'] .error, [data-location='shared-inner-light'] .warning, [data-location='shared-inner-light'] .info, [data-location='shared-inner-light'] .success,*/ [role='alert'].error, [role='alert'].warning, [role='alert'].info, [role='alert'].success, [role='message'].error, [role='message'].warning, [role='message'].info, [role='message'].success { padding: .75rem 2rem .75rem 2.75rem !important; margin: 0 0 .75rem; position: relative; top: 0rem !important; background-color: transparent; color: var(--white); border: 2px solid transparent; list-style: none outside; width: auto; word-wrap: break-word; border-radius: 2.5rem; box-shadow: 0 2px 1px 0 var(--denim-30); align-items: flex-start; display: flex; align-items: center; } .login #login_error, .login .message { display: block; } [role='alert'].error, [role='alert'].info, [role='alert'].warning, [role='alert'].success { position: relative; /*position: fixed !important; z-index: 99999; top: -50%; left: 50%; width: min(100%, 80vw); transform: translateX(-50%);*/ } [data-location='my-account'] [role='alert'].error, [data-location='my-account'] [role='alert'].warning, [data-location='my-account'] [role='alert'].info, [data-location='my-account'] [role='alert'].success, [data-location='assessment-tool'] [role='alert'].error, [data-location='assessment-tool'] [role='alert'].warning, [data-location='assessment-tool'] [role='alert'].info, [data-location='assessment-tool'] [role='alert'].success { top: 20vh !important; left: 50% !important; position: fixed !important; width: 80vw !important; z-index: 10 !important; transform: translateX(-50%) !important; } @media only screen and (max-width: 680px){ .woocommerce-error, .woocommerce-info, .woocommerce-message, .login #login_error, .login .message, .login .success, /*[data-location='build-your-lighthouse'] .error, [data-location='build-your-lighthouse'] .info, [data-location='build-your-lighthouse'] .success, [data-location='shared-inner-light'] .error, [data-location='shared-inner-light'] .info, [data-location='shared-inner-light'] .success,*/ [role='alert'].error, [role='alert'].info, [role='alert'].success, [role='message'].error, [role='message'].info, [role='message'].success { flex-direction: column; } } .woocommerce-error:before, .woocommerce-info::before, .woocommerce-message::before, .login #login_error::before, .login .message::before, .login .success::before, /*[data-location='build-your-lighthouse'] .error:before, [data-location='build-your-lighthouse'] .info:before, [data-location='build-your-lighthouse'] .success:before, [data-location='shared-inner-light'] .error:before, [data-location='shared-inner-light'] .info:before, [data-location='shared-inner-light'] .success:before,*/ [role='alert'].error:before, [role='alert'].warning:before, [role='alert'].info:before, [role='alert'].success:before, [role='message'].error:before, [role='message'].warning:before, [role='message'].info:before, [role='message'].success:before { color: var(--white); top: 50%; left: 1rem; transform: translateY(-50%); position: absolute; content: 'ⓘ'; } @media only screen and (min-device-width: 680px){ .woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .login #login_error a, .login .message a, .login .success a, /*[data-location='build-your-lighthouse'] .error a, [data-location='build-your-lighthouse'] .info a, [data-location='build-your-lighthouse'] .success a, [data-location='shared-inner-light'] .error a, [data-location='shared-inner-light'] .info a, [data-location='shared-inner-light'] .success a,*/ [role='alert'].error a, [role='alert'].info a, [role='alert'].success a, [role='message'].error a, [role='message'].info a, [role='message'].success a { margin-left: .625rem; display: inline; } } .woocommerce-error, .login #login_error, .woocommerce-password-strength.short, .woocommerce-password-strength.bad, /*[data-location='build-your-lighthouse'] .error, [data-location='shared-inner-light'] .error,*/ [role='alert'].error, [role='message'].error { background: var(--alertError) !important; border: 2px solid var(--alertErrorLight) !important; } .woocommerce-message, .woocommerce-info, .login .message, /*[data-location='build-your-lighthouse'] .info, [data-location='shared-inner-light'] .info,*/ [role='alert'].info, [role='message'].info { background: var(--alertInfo) !important; border: 2px solid var(--alertInfoLight) !important; } .woocommerce-password-strength.good, /*[data-location='build-your-lighthouse'] .warning, [data-location='shared-inner-light'] .warning,*/ [role='alert'].warning, [role='message'].warning { background: var(--alertWarning) !important; border: 2px solid var(--alertWarningLight) !important; } .woocommerce-message, .login .success, .woocommerce-password-strength.strong, /*[data-location='build-your-lighthouse'] .success, [data-location='shared-inner-light'] .success,*/ [role='alert'].success, [role='message'].success { background: var(--alertSuccess) !important; border: 2px solid var(--alertSuccessLight) !important; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: none; order: 2; margin-left: .75rem; } .woocommerce form .form-row.woocommerce-invalid label { color: var(--alertError) !important; background: var(--white-80); padding: .25rem; border-bottom: 4px solid var(--alertError); } [role='alert'] .btn-remove-alert { display: flex; justify-content: center; position: absolute; top: 0; right: .25rem; background: transparent; border: none; padding: .875rem; color: var(--white); } /*---------------------------------------------------------------- >>> ACF OVERRIDES ----------------------------------------------------------------*/ #acf-popup { z-index: 9999 !important; } #acf-popup form { z-index: 9999 !important; } #acf-popup .acf-popup-box { } #childProfileAddModal .acf-button-group label.selected:nth-child(1) { border-color: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)); background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple); color: var(--white); } #childProfileAddModal .acf-button-group label.selected:nth-child(2) { border-color: var(--wp--preset--gradient--luminous-dusk); background: var(--wp--preset--gradient--luminous-dusk); color: var(--white); } /*---------------------------------------------------------------- >>> BOOSTRAP OVERRIDES ----------------------------------------------------------------*/ html.modal-open, body.modal-open { /*overflow: hidden !important;*/ } .modal-backdrop { z-index: 99 !important; } .modal { z-index: 999 !important; } .modal-dialog.modal-xl { } @media (width < 1024px) { .modal-dialog.modal-xl { max-width: 98%; } } .modal-header { position: sticky; top: 0; z-index: 2; background-color: var(--white); backdrop-filter: blur(1px); box-shadow: 0 0.125rem 0rem var(--white-90), 0 0.25rem 0.5rem var(--white-20); } .modal-title { display: inline-flex; flex-wrap: wrap; column-gap: 0.75rem; padding-bottom: 0rem; align-items: center; } .modal-title .modal-title-description { font-size: small; font-weight: normal; width: 100%; padding-left: 2rem; color: var(--black-50); } #useThisScaleModal .modal-title { } #useThisScaleModal .modal-title .et-pb-icon { font-size: 1.25rem; height: max-content; } #useThisScaleModal .use-this-scale-child-profile-options.position-sticky { position: sticky; top: 5.325rem; background: var(--white); z-index: 2; } .modal .scales-results-print-button { color: var(--black-80) !important; font-size: 1rem !important; font-weight: normal !important; border-radius: .5rem !important; background-color: #ffc107; } .modal-body .af-page-wrap { position: sticky; z-index: 2; margin: 0rem; font-weight: 500; font-size: 1.25rem; letter-spacing: .0313rem; grid-column-start: 1; grid-column-end: 3; } .modal-body .acf-fields { position: relative; } .modal-body .af-page-wrap .af-page-button.enabled .title { display: inline-flex; } .modal-body .af-page-button { display: inline-flex; align-items: center; padding: 0 1rem; } .modal-body .af-page-button:not(:first-child) { padding-left: 1.5rem; } @media (width < 767px) { .modal-body .af-page-wrap .af-page-button .title { font-size: 0rem; overflow: hidden; } } .modal-body .af-page-wrap .af-page-button .title:before { display: block; font-size: .875rem; } @media (min-width-device: 768px) { .modal-body .af-page-wrap .af-page-button .title:before { font-size: 1rem; } } .modal-body .af-page-wrap .af-page-button.enabled .title:before { color: var(--pictonblue); } .modal-body .af-page-wrap .af-page-button:not([data-index="0"]) .title:before { padding-left: 0.75rem; } @media (width < 767px) { .modal-body .af-page-wrap .af-page-button:not(.current) .title:before { margin-top: 3.125rem; padding-left: 0; } .modal-body .af-page-wrap .af-page-button[data-index="0"] .title:before { content: 'Pt. 1'; } .modal-body .af-page-wrap .af-page-button[data-index="1"] .title:before { content: 'Pt. 2'; } .modal-body .af-page-wrap .af-page-button[data-index="2"] .title:before { content: 'Pt. 3'; } .modal-body .af-page-wrap .af-page-button[data-index="3"] .title:before { content: 'Pt. 4'; } .modal-body .af-page-wrap .af-page-button[data-index="4"] .title:before { content: 'Pt. 5'; } } @media (width > 767px) and (width < 960px) { .modal-body .af-page-wrap .af-page-button .title { vertical-align: middle; opacity: 1; font-size: .875rem; } } @media (width > 960px) { .modal-body .af-page-wrap .af-page-button .title { vertical-align: middle; opacity: 1; font-size: 1rem; } } #childProfileAddModal .modal-body .acf-fields { display: grid; grid-template-columns: 50% 50%; } #childProfileAddModal .modal-body .acf-fields [data-type=text], #childProfileAddModal .modal-body .acf-fields [data-type=select], #childProfileAddModal .modal-body .acf-fields [data-type=date_picker], #childProfileAddModal .modal-body .acf-fields [data-type=button_group], #childProfileAddModal .modal-body .acf-fields .af-submit { grid-column-start: 1; grid-column-end: 3; } .modal-body .acf-fields [data-type="message"], .modal-body .acf-fields [data-name="upload_parental_consent_form"], .modal-body .acf-fields [data-name="confirm_upload"] { grid-column-start: 1; grid-column-end: 3; } #useThisScaleModal .af-page-wrap { top: 11.625rem; } #childProfileAddModal .af-page-wrap { top: 5.325rem; } #childProfileAddModal[data-state=health-history] .af-page-wrap { top: 13.875rem; } @media (width < 575px) { #childProfileAddModal[data-state=health-history] .af-page-wrap { top: 17.75rem; } } #childProfileAddModal .add-child-profile-overview { top: 5.5rem; position: sticky; z-index: 2; display: none; box-shadow: 0 -0.5rem 0 var(--white); } #childProfileAddModal[data-state=health-history] .add-child-profile-overview { display: block; } #useThisScaleModal [data-type="message"] .acf-label { position: sticky; z-index: 1; margin: 0; } #useThisScaleModal [data-type="message"] .acf-label > label, #useThisScaleModal [data-type="calculated"] .acf-label > label { font-size: 1.25rem; margin: 0; } .modal-body .btn-cancel { margin-right: 10px; } @media (width < 768px) { .modal-body .btn-cancel { margin-bottom: 1rem; } .modal-body .af-previous-button { font-size: 0rem !important; } .modal-body .af-previous-button:before { content: 'Prev'; display: block; font-size: 1rem !important; } .modal-body .btn-cancel { width: calc(33.33%); } .modal-body .af-previous-button, .modal-body .af-next-button { width: calc(33.33% - 10px); } .modal-body .af-next-button { margin-right: 0; } .modal-body .af-submit-button, .modal-body .btn-saveforlater { width: 100%; } .modal-body .acf-fields > .acf-field { padding: 1rem 0; } .modal-body table.af-field-include td.af-field-include-child-profile-section { padding: 0 !important; } table.af-field-include tr.af-field-include-child-profile .af-field-include-child-profile-heading, table.af-field-include tr.af-field-include-child-profile .af-field-include-child-profile-subheading { margin-left: 0rem !important; margin-right: 0rem !important; } } /*-------------------------------------------------------------------------------- >>> WOOCOMMERCE PRODUCT DETAIL PAGE ---------------------------------------------------------------------------------*/ .woocommerce div.product div.images .woocommerce-product-gallery__trigger { z-index: 1; } /*-------------------------------------------------------------------------------- >>> CHILD PROFILE WOOCOMMERCE PRODUCT DETAIL PAGE & SCALES FORM RADIO OPTIONS ---------------------------------------------------------------------------------*/ .woocommerce .quantity input.qty { background: var(--white); opacity: 1; box-shadow: inset 0rem 0rem 0rem 0.125rem var(--black-40); color: var(--black); } .woocommerce .quantity input.child-profile-qty-active { background: var(--white) !important; opacity: 1 !important; box-shadow: inset 0rem 0rem 0rem 0.125rem var(--black-40) !important; color: var(--black) !important; } ul.use-this-scale-child-profile-options, ul.child-profile-product-upgrade-options { display: flex; flex-direction: column; list-style-type: none !important; padding-left: 0 !important; max-height: 80vh; overflow-y: auto; } /* Options */ ul.use-this-scale-child-profile-options li, ul.child-profile-product-upgrade-options li { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; display: flex; flex-direction: column; padding: 0.5rem 0.75rem; border-bottom: 1px dotted var(--black-20); } ul.use-this-scale-child-profile-options li[disabled], ul.child-profile-product-upgrade-options li[disabled] { background-color: var(--supernova-10); padding-left: 0.75rem; } ul.child-profile-product-upgrade-options li[disabled] { order: -1; } ul.use-this-scale-child-profile-options li[disabled] { order: 999999; } ul.use-this-scale-child-profile-options label, ul.child-profile-product-upgrade-options label { line-height: normal; display: grid !important; padding: 0.5rem 0rem; cursor: pointer; font-weight: 600; grid-template-columns: min-content 100%; grid-template-rows: min-content min-content; column-gap: 0.25rem; row-gap: 0.25rem; } ul.use-this-scale-child-profile-options label[disabled], ul.child-profile-product-upgrade-options label[disabled] { cursor: not-allowed; } ul.use-this-scale-child-profile-options label[disabled]:hover, ul.child-profile-product-upgrade-options label:not([disabled]):hover { } ul.use-this-scale-child-profile-options label .dashicons, ul.use-this-scale-child-profile-options label input[type=radio], ul.use-this-scale-child-profile-options label input[type=checkbox], ul.child-profile-product-upgrade-options label .dashicons, ul.child-profile-product-upgrade-options label input[type=radio], ul.child-profile-product-upgrade-options label input[type=checkbox] { margin-right: 0.5rem; accent-color: currentColor; height: 1.25rem; width: 1.25rem; place-self: end; } ul.use-this-scale-child-profile-options label .dashicons, ul.child-profile-product-upgrade-options label .dashicons { color: transparent; border: 1px solid var(--black-20); border-radius: 100%; font-size: .5rem; line-height: normal; justify-content: center; align-items: center; display: flex; background-color: var(--black-20); box-shadow: inset 0rem 0rem 0rem 0.2rem var(--white); } .use-this-scale-child-profile-options-microcopy, .child-profile-product-upgrade-options-microcopy { grid-column-start: 2; } @media (width < 768px) { .use-this-scale-child-profile-options-microcopy, .child-profile-product-upgrade-options-microcopy { text-overflow: ellipsis; padding-right: 8rem; overflow: hidden; display: block; white-space: nowrap; } } .use-this-scale-child-profile-options-microcopy #changeChildProfileBtn { place-self: normal; position: absolute; right: 1rem; } /* Upgrade More & less toggle */ li.use-this-scale-child-profile-options-controls, li.child-profile-product-upgrade-options-controls { order: -1; position: sticky; top: 0; z-index: 1; background-color: var(--white-80); backdrop-filter: blur(4px); } li.use-this-scale-child-profile-options-controls button, li.child-profile-product-upgrade-options-controls button { border-radius: 0rem !important; background-color: forestgreen; padding: 0rem; justify-content: center; display: flex; align-items: center; gap: 0.25rem; width: max-content; margin-left: -0.75rem; margin-bottom: 1rem; } li.use-this-scale-child-profile-options-controls button { background-color: var(--black-70); } li.child-profile-product-upgrade-options-controls button:hover { background-color: hsl(120deg 61% 40%); } li.use-this-scale-child-profile-options-controls button:hover { background-color: var(--black-60); } li.use-this-scale-child-profile-options-controls button[aria-pressed=true], li.child-profile-product-upgrade-options-controls button[aria-pressed=true] { background-color: darkgreen; } li.use-this-scale-child-profile-options-controls button[aria-pressed=true]:hover, li.child-profile-product-upgrade-options-controls button[aria-pressed=true]:hover { background-color: hsl(120deg 100% 14%); } /*---------------------------------------------------------------- >>> DATE PICKER ----------------------------------------------------------------*/ div#ui-datepicker-div { top: 50% !important; left: 50% !important; z-index: 1000000 !important; position: fixed !important; transform: translate(-50%, 0%); } body > div:not(.modal) .select2-container--open .select2-dropdown--below { top: 50% !important; left: 50% !important; z-index: 999 !important; position: fixed !important; transform: translate(-50%, -50%); } body.modal-open .select2-container .select2-dropdown { position: absolute !important; z-index: 999 !important; top: -2rem !important; } /* select2-container select2-container--default select2-container--open */ /* select2-dropdown select2-dropdown--above */ /*---------------------------------------------------------------- >>> FORMS ----------------------------------------------------------------*/ [data-name="phone_number"] > .acf-input .acf-fields { grid-template-columns: minmax(auto, 10rem) 7rem 5.75rem 4.5rem !important; justify-content: flex-start; border: none; align-items: center; } [data-name="phone_number"] > .acf-input .acf-fields .acf-label { display: none; } [data-name="phone_number"] .acf-fields > .acf-field:not(:first-child) { padding-left: 0rem; padding: 0rem; } [data-name="phone_number"] .acf-fields > .acf-field:not(:last-child) { padding-right: 0rem; padding: 0rem; border: none; } [data-name="phone_number"] input[type=number] { min-width: 4rem; border: 1px solid #ccc; height: 2.25rem; border-radius: 0rem !important; } [data-name="country_code"] select { text-overflow: ellipsis; height: 2.25rem; } [data-name="area_code"] { } [data-name="prefix"] { } [data-name="line_number"] { } [data-name="phone_number"] .acf-input-prepend, .acf-input-append, .acf-input-prepend, .acf-input-append { height: 3.625rem; border: none; background: none; padding: 0 0.5rem; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; color: var(--black-60); position: relative; top: 0rem; } .acf-range-wrap input[type=range] { appearance: auto !important; } .acf-range-wrap input[type=range] { min-width: 4rem; border: 1px solid #ccc; } /* Remove Arrows/Spinners */ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } #form-child_profile_modify_options .af-page-wrap, #form-child_profile_modify_options .af-previous-button { display: none; } .acf-loading, .acf-spinner { height: 1.25rem; width: 1.25rem; vertical-align: text-top; background: var(--pictonblue); border-radius: 100%; animation-name: spinnerRotate; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; } @media (width > 768px) { .acf-loading, .acf-spinner { margin-left: 0.625em; } } .acf-loading, .acf-spinner:before { content: ''; width: 0.313rem; height: 0.313rem; display: block; background: var(--white) !important; border-radius: 100%; top: 0.25rem; left: 0.25rem; position: relative; } @keyframes spinnerRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*---------------------------------------------------------------- >>> TESTIMONIALS / REVIEWS ----------------------------------------------------------------*/ .testimonial { display: grid; grid-template-columns: repeat(3, 32%); justify-content: space-between; /* width: calc(100% - 5.75%); */ row-gap: 2rem; text-align: center; } @media (max-width: 980px) { .testimonial { grid-template-columns: 100%; width: 100%; gap: 1rem; } } .testimonial .testimonial_item { background-color: #ffffff; border-radius: 5px 5px 5px 5px; overflow: hidden; border-top-width: 10px; border-style: solid; padding-top: 60px!important; padding-right: 30px!important; padding-bottom: 60px!important; padding-left: 30px!important; box-shadow: 0px 20px 45px -5px rgba(0,0,0,0.07); } .testimonial .testimonial_item:nth-child(1n) { border-top-color: #2b76df; } .testimonial .testimonial_item:nth-child(2n) { border-top-color: #FF7355; } .testimonial .testimonial_item:nth-child(3n) { border-top-color: #FF9700; } .testimonial .testimonial_image { float: none; display: block; margin: 0 auto 20px; } .testimonial_image { float: left; position: relative; display: block; width: 90px; height: 90px; margin-right: 30px; background-repeat: no-repeat; background-position: 50%; background-size: cover; -webkit-box-sizing: content-box; box-sizing: content-box; border: 2px solid #ccc; border-radius: 100%; } .testimonial_description { display: block; position: relative; } .testimonial_content { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; line-height: 2em; } .testimonial_content p { padding-bottom: 1em; } /*---------------------------------------------------------------- >>> RESOURCES ----------------------------------------------------------------*/ .resource_item { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; line-height: 2em; border-radius: 5px 5px 5px 5px; overflow: hidden; border-top-width: 10px; border-top-color: var(--purpleheart); border-style: solid; padding-top: 31px!important; padding-right: 30px!important; padding-bottom: 31px!important; padding-left: 30px!important; box-shadow: 0px 20px 45px -5px rgba(0,0,0,0.07); margin-bottom: 2.75%; } .resource_content { max-width: 550px; margin: 0 auto; position: relative; text-align: left; word-wrap: break-word; width: 100%; } @media (min-width: 768px) { .resource_content { display: grid; grid-template-columns: 3rem auto; grid-template-rows: auto auto; column-gap: 1rem; } } .resource .resource_title { font-size: 1.25rem; color: var(--black) !important; line-height: 1.7em; margin: 0; } .resource .resource_subtitle { font-size: .875rem; color: var(--black) !important; line-height: 1.7em; margin: 0; } .resource .resource_image { grid-row-start: 1; grid-row-end: 3; } .resource .resource_image .et-pb-icon { font-size: 2rem; color: var(--purpleheart); } .resource .resource_description { grid-column-start: 2; } /*---------------------------------------------------------------- >>> REFERENCES ----------------------------------------------------------------*/ .reference_item { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; line-height: 2em; border-radius: 5px 5px 5px 5px; overflow: hidden; border-top-width: 10px; border-top-color: var(--persimmon); border-style: solid; padding-top: 31px!important; padding-right: 30px!important; padding-bottom: 31px!important; padding-left: 30px!important; box-shadow: 0px 20px 45px -5px rgba(0,0,0,0.07); margin-bottom: 2.75%; } .reference_content { margin: 0 auto; } @media (min-width: 768px) { .reference_content { width: 90%; display: grid; grid-template-columns: 6rem calc(100% - 3rem); grid-template-rows: min-content 100%; column-gap: 1.5rem; justify-content: space-evenly; } } .reference .reference_title { margin-bottom: .5rem; } .reference .reference_title, #page-container .reference .reference_title h2 { font-size: 1.25rem !important; display: inline; line-height: 1.7em; } .reference .reference_title h2 { display: inline; } .reference .reference_image { grid-row-start: 1; grid-row-end: 3; } @media (max-width: 768px) { .reference .reference_image { padding-bottom: 1rem; text-align: center; } .reference .reference_image img { max-height: 10rem; } } .reference .reference_image .et-pb-icon { font-size: 2rem; color: var(--purpleheart); } .reference .reference_description { grid-column-start: 2; } .reference .reference_description p { font-weight: 500; } .reference .reference_publication { display: grid; grid-template-columns: min-content min-content auto; margin-bottom: .5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .reference .reference_publication .reference_publication_date, .reference .reference_publication .reference_publication_link { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .reference .reference_publication .reference_publication_link { max-width: 30rem; } .reference .reference_publication .reference_publication_delimeter { padding-right: .5rem; } /*---------------------------------------------------------------- >>> SINGLE POST ----------------------------------------------------------------*/ body.single #sidebar h2 { font-size: .875rem; letter-spacing: .05rem !important; line-height: normal; margin: 0rem; padding: 0rem 0rem 0.75rem; } body.single #sidebar #block-7 { margin: 0rem; } body.single #sidebar .wp-block-categories-list, body.single #sidebar .wp-block-latest-posts { padding: 0rem 0rem 0rem 1rem; list-style: square; line-height: normal; } /*---------------------------------------------------------------- >>> BREADCRUMBS ----------------------------------------------------------------*/ .block-breadcrumbs.alignwide .block-breadcrumbs-item-content-container-inner { left: 4%; } /******************* Breadcrumb ********************/ .block-breadcrumbs { overflow: hidden; position: sticky; display: block; width: 100%; z-index: 4; background-color: var(--white); backdrop-filter: blur(2px); box-shadow: 0rem 0rem 0rem .5rem var(--white); white-space: nowrap; margin-bottom: 1rem !important; } .block-breadcrumbs { top: 4.5rem; } body.admin-bar .block-breadcrumbs { top: 7rem; } @media (min-width: 767px){ .block-breadcrumbs { top: 4.75rem; } body.admin-bar .block-breadcrumbs { top: 7.5rem; } } @media (min-width: 960px){ body.admin-bar .block-breadcrumbs { top: 6.625rem; } } @media (min-width: 1200px){ .block-breadcrumbs { top: 6.75rem; } body.admin-bar .block-breadcrumbs { top: 8rem; } } @media (min-width: 3000px){ .block-breadcrumbs { top: 6.625rem; } body.admin-bar .block-breadcrumbs { top: 8.425rem; } } .block-breadcrumbs-inner { align-items: center; display: flex; gap: 0.75rem; font-size: .875rem !important; list-style-type: none; padding: 0 !important; margin: 0 !important; } .block-breadcrumbs-inner li { gap: 0.75rem; display: inline-flex; align-items: center; line-height: normal; margin: 0rem !important; } .block-breadcrumbs-inner [itemprop="item"], .block-breadcrumbs-inner a[itemprop="item"] { display: inline-flex; padding: 1rem 0rem; font-weight: 600; } .block-breadcrumbs-current-page { } .block-breadcrumbs-current-page [itemprop=name] { width: 100%; max-width: calc(60vw /2); overflow: hidden; text-overflow: ellipsis; place-self: flex-start; white-space: nowrap; } @media (min-width: 767px){ .block-breadcrumbs-current-page [itemprop=name] { max-width: calc(116vw /2); } } .block-breadcrumbs-back-arrow-link { font-size: .75rem; color: var(--black-70); text-decoration: none !important; } .block-breadcrumbs-link, .block-breadcrumbs-current-page { flex-direction: column; } .block-breadcrumbs-link { color: var(--black-70); } .block-breadcrumbs-separator { font-weight: 600; } .block-breadcrumbs-inner li::marker { content:"" !important; } .coupon-callout { font-size: 1.13rem; background-color: #FFFFFF; border-radius: 1rem 1rem 1rem 1rem; overflow: hidden; border-width: 4px; border-style: dashed; border-color: #eab346; padding-top: 1rem !important; padding-right: 3rem !important; padding-bottom: 1rem !important; padding-left: 3rem !important; width: 100%; max-width: 900px; word-wrap: break-word; margin-left: auto !important; margin-right: auto !important; text-align: center; } .coupon-callout-inner { position: relative; } @media (min-width: 992px) { .container, .container-lg, .container-md,.container-sm { max-width: 1000px; } } .card-1st-child-profile-created { border-color: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple); background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple); color: var(--white); } .card-1st-child-profile-created .card-body h5, .card-1st-child-profile-created .card-body h6, .card-1st-child-profile-created .card-body a { color: var(--white) !important; } #gform_confirmation_message_1.gform_confirmation_message { color: var(--white) !important; text-align: center !important; padding: 4rem; background-color: var(--black-10); border-radius: .5rem; box-shadow: inset 0rem 0rem 25px 8px var(--black-05); border: 7px double var(--black-20); } #gform_confirmation_message_1.gform_confirmation_message h3 { color: var(--white) !important; margin-bottom: 1rem !important; padding-bottom: 0rem !important; } body.error404 #main-content .container:before { content: ""; position: absolute; top: 0; height: 100%; width: 1px; background-color: #e2e2e2; display: none !important; } body.error404 #main-content { background: radial-gradient(var(--white) -100%, var(--purpleheart) 200%); } body.error404 #main-content .container { min-height: 70vh; display: flex; align-items: center; padding: 8%; } body.error404 #content-area { display: flex; text-align: center; width: 100%; } body.error404 #left-area { float: none !important; padding: 0rem !important; width: 100% !important; } body.error404 #left-area article { display: flex; flex-direction: column; background-color: var(--white-90); border-radius: .75rem; width: -webkit-max-content; padding: 3.5rem 2rem; margin: 0 auto !important; box-shadow: inset 0rem 0rem 0rem .25rem var(--purpleheart-70) , 0rem 2rem 1rem .25rem var(--purpleheart-20); } body.error404 #left-area .entry { max-width: 92%; margin: 0 auto; } body.error404 #left-area .entry .error-type { margin-bottom: 0.75rem; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.025rem; color: var(--purpleheart-light); text-transform: uppercase; } body.error404 #left-area .entry h1 { margin-bottom: 0.25rem; color: var(--fiord); } body.error404 #left-area .entry p { margin: 0; padding: 0; font-size: 1.125rem; letter-spacing: 0.025rem; color: var(--fiord); } body.error404 #left-area .entry svg { height: 8rem; margin-bottom: 2rem; } .embed-vid video { border-radius: 1rem; }