/* Theme Name: Connect Our Kids Description: A custom theme for Connect Our Kids based on the parent theme Enfold. Do not delete the parent theme from your site. Version: 1.0 Author: ACS Creative Author URI: http://www.acscreative.com/ Template: enfold */ /* ---- @import url('includes/elements.css'); ---- */ /* ------------------------------------------------------------ Global ------------------------------------------------------------ */ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap" rel="stylesheet'); /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– ROOT –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ :root { /* CONTAINER WIDTH */ --max-width-base: 720px; --max-width-md: 820px; --max-width-lg: 920px; /* COLORS */ --black: #000000; --darker: #030E25; --dark: #061432; --orange: #EE844D; --blue: #0283AD; --white: #ffffff; --background: #FBFCFE; --grey: #E0E3E6; --silver: #BABABA; --platinum: #EFEFEF; --steel: #8C959D; --bone: #656F77; --blue-baltic: #1B6196; --blue-frosted: #A1DAE3; --blue-icy: #A3D4F2; /* FONT FAMILY */ --oswald: "Oswald", sans-serif; --helvetica: "Helvetica Neue", sans-serif; /* FONT SIZES */ --text-xs: clamp(0.7rem, 0.65rem + 0.25vw, 0.75rem); /* ~11–12px */ --text-sm: clamp(0.8rem, 0.75rem + 0.3vw, 0.875rem); /* ~13–14px */ --text-base: clamp(0.95rem, 0.9rem + 0.4vw, 1rem); /* ~15–16px */ --text-md: clamp(1.05rem, 1rem + 0.5vw, 1.125rem); /* ~17–18px */ --text-lg: clamp(1.25rem, 1.15rem + 0.8vw, 1.5rem); /* ~20–24px */ --text-xl: clamp(1.5rem, 1.35rem + 1vw, 1.875rem); /* ~24–30px */ --text-2xl: clamp(1.8rem, 1.6rem + 1.2vw, 2.25rem); /* ~29–36px */ --text-3xl: clamp(2.2rem, 2rem + 1.8vw, 3rem); /* ~35–48px */ --text-4xl: clamp(2.75rem, 2.4rem + 2.5vw, 4rem); /* ~44–64px */ /* OPACITY */ --opacity-full: 1; --opacity-half: 0.5; --opacity-quarter: 0.25; /* TRANSITION */ --transition: all .5s ease-in-out; --transition-long: all .7s ease-in-out; /* BORDER RADIUS */ --radius-xs: 0.875rem; --radius-sm: 1rem; --radius-base: 1.125rem; --radius-md: 24px; --radius-lg: 2.25rem; --radius-full: 99px; /* ANIMATION */ --fade-up-duration: 800ms; --fade-up-delay: 0ms; --fade-up-ease: cubic-bezier(.2,.9,.3,1); --fade-up-distance: 24px; /* SHADOW */ --shadow-panel-dark: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --shadow-image-orange-standard: 0 60px 17px 0 rgba(255, 125, 61, 0.00), 0 39px 15px 0 rgba(255, 125, 61, 0.00), 0 22px 13px 0 rgba(255, 125, 61, 0.00), 0 10px 10px 0 rgba(255, 125, 61, 0.05), 0 2px 5px 0 rgba(255, 125, 61, 0.07); --shadow-image-orange-hover: 0 60px 17px 0 rgba(255, 125, 61, 0.00), 0 39px 15px 0 rgba(255, 125, 61, 0.02), 0 22px 13px 0 rgba(255, 125, 61, 0.07), 0 10px 10px 0 rgba(255, 125, 61, 0.12), 0 2px 5px 0 rgba(255, 125, 61, 0.14); --shadow-panel-orange-hover: 29px 8px 0 rgba(238, 132, 77, 0.00), 0 19px 7px 0 rgba(238, 132, 77, 0.01), 0 10px 6px 0 rgba(238, 132, 77, 0.05), 0 5px 5px 0 rgba(238, 132, 77, 0.09), 0 1px 3px 0 rgba(238, 132, 77, 0.10); } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– GLOBALS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ .content{ padding-top: 20px !important; } .content-centered .entry-content-wrapper, .content-centered{ display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center; } /* VIDEO */ #tablet-mockup { margin-bottom: 24px !important; } #tablet-mockup .avia-iframe-wrap, #tablet-mockup .mejs-container{ padding: 24px !important; object-fit: cover !important; background-color: var(--dark) !important; border: 4px solid var(--bone) !important; overflow: hidden !important; border-radius: var(--radius-md) !important; box-shadow: 0 138px 39px 0 rgba(6, 20, 50, 0.00), 0 88px 35px 0 rgba(6, 20, 50, 0.01), 0 50px 30px 0 rgba(6, 20, 50, 0.05), 0 22px 22px 0 rgba(6, 20, 50, 0.09), 0 6px 12px 0 rgba(6, 20, 50, 0.10) !important; } #tablet-mockup iframe, #tablet-mockup video{ padding: 14px !important; object-fit: cover !important; border-radius: var(--radius-md) !important; overflow: hidden !important; } #top .avia-video .mejs-container, #top .avia-video .mejs-container video, .avia-video{ background-color: var(--background); } #tablet-mockup.avia-video{ background-color: transparent !important; background: transparent !important; } #tablet-mockup .avia_video{ background-color: var(--dark) !important; } /* IMG */ .image-overlay, .image-overlay .image-overlay-inside{ display: none !important; } .avia-image-container img{ border-radius: var(--radius-base) !important; overflow: hidden !important; } /* WIDTH LAYOUT */ .max-width-base{ max-width: var(--max-width-base) !important; margin: auto !important; } .max-width-md{ max-width: var(--max-width-md) !important; margin: auto !important; } .max-width-lg{ max-width: var(--max-width-lg) !important; margin: auto !important; } /* Text Block */ .av_textblock_section{ margin-bottom: 16px !important; } /* FLEX */ .flex{ display: flex !important; } .flex-row{ flex-direction: row !important; } .justify-center{ justify-content: center !important; } /* SHADOW */ .shadow-lg-blue{ box-shadow: 0 72.281px 20.48px 0 rgba(2, 131, 173, 0.00), 0 46.982px 18.07px 0 rgba(2, 131, 173, 0.02), 0 26.503px 15.661px 0 rgba(2, 131, 173, 0.07), 0 12.047px 12.047px 0 rgba(2, 131, 173, 0.12), 0 2.409px 6.023px 0 rgba(2, 131, 173, 0.14) !important; } .shadow-panel-dark{ box-shadow: var(--shadow-panel-dark) !important; } /* BORDER RADIUS */ .border-radius-base{ border-radius: var(--radius-base); } /* PANELS */ .panel-white{ background-color: var(--white); border-radius: var(--radius-base); } /* PADDINGS */ .p-24{ padding: 24px !important; } /* MARGIN */ .mt-0{ margin-top: 0px !important; } /* Scale */ .scale-15{ scale: 1.5 !important; } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– TYPOGRAPHY –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ strong{ color: inherit !important; } .av-subheading_above{ color: var(--steel); font-style: normal; font-weight: 800; line-height: 150%; /* 24px */ letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 16px; } .special_amp{ font-family: inherit !important; color: inherit !important; font-weight: inherit !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– FONTS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2 { overflow: hidden !important; } h1{ /* --------- Minimum font size: 60px ; Maximum font size 80px ---- Minimum viewport width: 300px ; Maximum viewport width: 3000px --------- */ font-weight: 400 !important; line-height: 1.25 !important; padding-bottom: 0.5rem; } h2{ text-transform: uppercase !important; padding-bottom: 0.3rem; font-family: var(--oswald) !important; } h3{ color: var(--bone) !important; font-weight: 300 !important; margin-top: 16px !important; line-height: 1.4; } h4{ padding-bottom: 0.15rem; line-height: 1.4; } h5{ padding-bottom: 0.35rem; line-height: 1.4; } h6{ line-height: 1.5; padding-bottom: 0.35rem; } p{ line-height: 1.6; padding-bottom: 0.35rem; } a, a:hover{ /* Firefox */ -moz-transition: all .3s ease-in-out; /* WebKit */ -webkit-transition: all .3s ease-in-out; /* Opera */ -o-transition: all .3s ease-in-out; /* Standard */ transition: all .3s ease-in-out; font-family: inherit !important; text-decoration: underline; } button:focus, a:focus { color: var(--steel) !important; outline-offset: 4px; color: var(--steel) !important; } .av-special-heading .av-subheading_above p{ font-family: var(--oswald) !important; } b{ color: inherit !important; } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– ACCORDIONS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ .togglecontainer { gap: 8px !important; } .togglecontainer .toggle_icon{ content: url("/wp-content/uploads/chevron-down-solid-full.svg"); right: 18px !important; width: 20px !important; height: 20px !important; left: auto !important; border: none !important; transition: var(--transition); } .togglecontainer .toggler.activeTitle .toggle_icon{ transform: rotate(-180deg); transition: var(--transition); } .togglecontainer .toggler { transition: var(--transition); background-color: var(--platinum); box-shadow: 0 4.399px 6.599px -1.1px rgba(30, 41, 59, 0.05), 0 2.2px 4.399px -1.1px rgba(30, 41, 59, 0.06); border-top-right-radius:0px !important; border-top-left-radius: 0px !important; border: 0px !important; top: 0 !important; padding-left: 24px !important; padding-right: 40px !important; } .togglecontainer .toggle_content, .togglecontainer .toggler.activeTitle { background-color: var(--white) !important; } .togglecontainer .single_toggle{ border: 1px solid var(--platinum); border-radius: var(--radius-xs) !important; background: var(--white); overflow: hidden !important; } .togglecontainer .toggler:hover { transition: var(--transition); background-color: var(--white); box-shadow: 0 4.399px 6.599px -1.1px rgba(1, 142, 182, 0.05), 0 2.2px 4.399px -1.1px rgba(1, 142, 182, 0.06); padding-left: 30px !important; padding-right: 34px !important; border: 1px solid var(--blue); } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– HEADER –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ #header .container{ line-height: 64px !important; background-color: var(--white); border-radius: 0px 0px 36px 36px; padding: 0px 8px 0px 36px !important; box-shadow: 0 4px 6px -1px rgba(30, 41, 59, 0.05), 0 2px 4px -1px rgba(30, 41, 59, 0.06); } #header .container::before{ content: url("/wp-content/uploads/wing-left.svg"); position: absolute; left: -30px; top: -2px; width: 60px; height: 35px; visibility: visible !important; } #header .container::after{ content: url("/wp-content/uploads/wing-right.svg"); position: absolute; right: -30px; top: -2px; width: 60px; height: 35px; visibility: visible !important; } #header .header_bg{ background: transparent !important; } /* LOGO */ #header .logo svg{ max-width: 210px !important; } /* MENU ITEMS */ #header .main_menu .menu-item, #header .main_menu .menu-item a{ height: 64px; line-height: 64px; } #header .main_menu .menu-item .avia-menu-text{ color: var(--dark); font-family: "Helvetica Neue"; font-size: var(--text-base) !important; font-style: normal !important; font-weight: 400 !important; transition: var(--transition); } /* MENU ITEMS HOVER */ #header .main_menu .menu-item .avia-menu-text:hover{ color: var(--blue); text-decoration: underline !important; transition: var(--transition); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– HEADER MENU ITEMS DOUBLE BUTTONS (DONATE x REQUEST DEMO) –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* DONATE BUTTON */ #header .main_menu .menu-item.two-buttons-left a{ padding-right: 0px !important; padding-left: 2px !important; } #header .main_menu .menu-item.two-buttons-left::before{ border-radius: 99px 0px 0px 99px; background-color: var(--platinum); content: ''; width: 100% !important; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; } #header .main_menu .menu-item.two-buttons-left .avia-menu-text, #header .main_menu .menu-item.two-buttons-right .avia-menu-text{ padding: 20px 28px; border-radius: var(--radius-full); position: relative; z-index: 10 !important; border: none; } /* DONATE BUTTON HOVER */ #header .main_menu .menu-item.two-buttons-left:hover .avia-menu-text{ background-color: var(--blue); color: var(--white) !important; transition: var(--transition); } /* DEMO BUTTON */ #header .main_menu .menu-item.two-buttons-right{ padding-left: 4px !important; margin-left: 0px !important; } #header .main_menu .menu-item.two-buttons-right a{ padding-right: 2px !important; } #header .main_menu .menu-item.two-buttons-right::before{ border-radius: 0px 99px 99px 0px; background-color: var(--platinum); content: ''; width: 100% !important; height: 100%; position: absolute; right: 0; top: 0; z-index: 0; } #header .main_menu .menu-item.two-buttons-right .avia-menu-text{ background-color: transparent !important; position: relative !important; } #header .main_menu .menu-item.two-buttons-right .avia-menu-text::before{ content: ''; position: absolute; border-radius: var(--radius-full); background-color: var(--blue); width: 100%; height: 100%; transition: var(--transition); top: 0; right: 0; z-index: -1 !important; } #header .main_menu .menu-item.two-buttons-right .avia-menu-text::after{ padding-left: 8px !important; margin-left: 0px !important; content: url("/wp-content/uploads/arrow-right-white.svg") !important; width: 16px; height: 16px; transition: var(--transition); background-color: transparent !important; } /* DEMO BUTTON HOVER */ #header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text::after{ padding-left: 30px !important; content: url("/wp-content/uploads/arrow-right-black.svg") !important; transition: var(--transition); background-color: transparent !important; } #header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text{ padding-right: 24px !important; padding-left: 10px !important; transition: var(--transition); color: var(--blue) !important; text-decoration: underline !important; } #header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text::before{ background-color: var(--orange); width: 58px; height: 100%; transition: var(--transition); top: 0; right: 0; } /* MENU - SEARCH */ #menu-item-search { padding-left: 2px; } #menu-item-search a { width: 62px !important; height: 62px !important; border-radius: var(--radius-full); background-color: var(--platinum) !important; display: flex; justify-content: center; align-items: center; border: 2px solid var(--white); } #menu-item-search a svg{ width: 26px; z-index: 1 !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– HEADER SUBMENU –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* MENU ITEMS HOVER */ #header .main_menu .menu-item .avia-menu-text:hover{ color: var(--blue); text-decoration: underline !important; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children:not(.sub-menu *) > a:hover { background-color: var(--background); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: var(--radius-sm) var(--radius-sm) 0px 0px; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children:not(.sub-menu *) > a > .avia-menu-text{ padding-right: 24px ; position: relative; } #header .main_menu .menu-item.menu-item-has-children:not(.sub-menu *) > a > .avia-menu-text::after{ width: 16px; height: auto; content: url("/wp-content/uploads/chevron-down-dark.svg"); position: absolute; right: 0; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children:hover > a { background-color: var(--background); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; border-radius: var(--radius-sm) var(--radius-sm) 0px 0px; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children:hover { background-color: var(--background); border-radius: var(--radius-sm) var(--radius-sm) 0px 0px; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children:hover > a > .avia-menu-text::after { transform: rotate(-180deg); content: url("/wp-content/uploads/chevron-down-blue.svg"); transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children:hover > a > .avia-menu-text { color: var(--blue); text-decoration: underline; transition: var(--transition); } /* SUBMENU ITEMS */ /* Initial hidden state */ #header .main_menu .menu-item.menu-item-has-children .sub-menu { opacity: 0; visibility: hidden; transform: translateY(-20px); transition: opacity .1s ease, transform .3s ease; padding: 8px 8px 16px 8px; z-index: -1 !important; border-radius: 0px 0px 14px 14px; } /* Hover state */ #header .main_menu .menu-item.menu-item-has-children:hover .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity .1s ease, transform .3s ease; } #header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item{ height: auto !important; padding: 8px 0px 2px 0px; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a{ height: auto !important; padding: 4px 8px 4px 8px; line-height: 20px !important; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item .avia-menu-text{ position: relative; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item .avia-menu-text::after{ content: url("/wp-content/uploads/arrow-right-blue.svg"); left: -14px !important; position: absolute; opacity: 0 !important; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover{ height: auto !important; padding: 4px 0px 4px 16px; line-height: 20px !important; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover .avia-menu-text{ padding-left: 18px; padding-right: 0px; color: var(--blue); text-decoration: underline !important; transition: var(--transition); } #header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover .avia-menu-text::after{ content: url("/wp-content/uploads/arrow-right-blue.svg"); left: -4px !important; opacity: 1 !important; transition: var(--transition); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– HEADER SEARCH –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #searchform .av_searchform_search.avia-svg-icon{ height: 24px !important; display: flex !important; justify-content: center !important; align-items: center !important; } .avia-search-tooltip{ left: -126px !important; top: 66px !important; border-radius: 14px !important; } #searchsubmit.button{ border-radius: var(--radius-full) !important; width: 43px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– HEADER TABLET –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ @media only screen and (max-width: 1170px) { html.av-burger-overlay-active, .av-burger-overlay-active body { /* Prevent the main content from scrolling */ overflow: hidden !important; } html body #main{ transition: var(--transition); } /* On some mobile browsers, you may also need to set a fixed position */ /* to prevent the content behind the overlay from shifting */ html.av-burger-overlay-active body { position: fixed; top: 0px; right: 0; bottom: 0; left: 0; /* Optional: Hide any scrollbar that might still appear */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ transition: var(--transition); } html.av-burger-overlay-active body #main{ filter: blur(0.2rem) !important; transition: var(--transition); } html.av-burger-overlay-active body::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } #menu-item-search { display: none; } #menu-item-search a { padding-left: 0px !important; } #header .container{ width: 100% !important; max-width: 100vw !important; margin: auto; padding: 0px 24px !important; } #header .container .av-burger-overlay{ height: 100vh !important; } #header .container .av-burger-overlay-bg{ width: 104vw; height: 100vh; position: fixed; left: -2vw; opacity: 0.94 !important ; } } @media only screen and (max-width: 1070px) { #header .main_menu .menu-item .avia-menu-text{ font-size: 15px !important; } } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– HEADER MOBILE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ @media only screen and (max-width: 989px) { #header .main_menu #menu-item-search.menu-item { display: flex !important; justify-content: end !important; align-items: end !important; flex-direction: column !important; width: 50px !important; height: 64px !important; } #header .main_menu #menu-item-search.menu-item a{ width: 50px !important; height: 50px !important; line-height: 50px !important; } /* BURGER MENU */ #header .main_menu .av-burger-menu-main{ padding-left: 2px !important; display: flex !important; flex-direction: column !important; justify-content: end !important; align-items: center !important; height: 64px !important; } #header .main_menu .av-burger-menu-main a{ padding: 4px !important; height: 50px !important; width: 50px !important; background-color: var(--blue) !important; border-radius: var(--radius-full) !important; position: relative !important; display: flex !important; justify-content: center !important; align-items: center !important; } .av-hamburger-box{ width: 28px !important; } .av-hamburger-inner::before{ top: -8px; } .av-hamburger-inner::after{ bottom: -8px; } /* MOBILE MENU ITEM */ #header .main_menu #av-burger-menu-ul{ padding-right: 24px !important; padding: 90px 24px !important; vertical-align: top !important; } #header .main_menu .top-menu-item, #header .main_menu .top-menu-item a{ text-align: right !important; padding: 0px !important; } #header .main_menu .top-menu-item{ margin-top: 8px !important; } #header .main_menu #av-burger-menu-ul .avia-menu-text{ font-size: var(--text-lg) !important; color: var(--white); font-family: var(--oswald) !important; text-transform: uppercase; } #header .main_menu #av-burger-menu-ul .sub-menu .avia-menu-text{ font-size: var(--text-base) !important; color: var(--silver); font-family: var(--helvetica) !important; text-transform: inherit !important; } #header .main_menu #av-burger-menu-ul .sub-menu li{ margin: 0px !important; padding-top: 0px !important; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li{ line-height: 1.1em ; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a{ padding: 2px 0px 0px 0px; } /* DONATE BUTTON */ #header .main_menu #av-burger-menu-ul .two-buttons-left{ position: absolute !important; top: -16px !important; left: -8px !important; } #header .main_menu #av-burger-menu-ul .two-buttons-left a{ width: fit-content !important; } #header .main_menu #av-burger-menu-ul .two-buttons-left .avia-menu-text{ font-size: var(--text-base) !important; border: 2px solid var(--orange) !important; border-radius: 0px var(--radius-full) var(--radius-full) 0px !important; display: flex !important; color: var(--dark); background-color: var(--orange); } /* REQUEST A DEMO BUTTON */ #header .main_menu #av-burger-menu-ul li.two-buttons-right{ position: fixed !important; top: -webkit-calc(100vh - 85px); top: calc(100vh - 85px) !important; bottom: 0; left: 8px !important; } #header .main_menu #av-burger-menu-ul li.two-buttons-right a{ background: var(--blue) !important; width: 100% !important; padding: 8px 24px !important; } #header .main_menu #av-burger-menu-ul li.two-buttons-right .avia-menu-text{ font-size: var(--text-base) !important; color: var(--white); background: transparent !important; padding: 0px; border: 0px !important; } } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– FOOTER –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ #footer{ position: relative !important; background-color: var(--dark); border-radius: var(--radius-lg) var(--radius-lg) 0px 0px; } #footer h2 { font-size: var(--text-lg) !important; text-transform: uppercase !important; } #footer::after{ content: url("/wp-content/uploads/line-pattern-footer.svg"); right: 0 !important; bottom: 0 !important; position: absolute; opacity: 1 !important; transition: var(--transition); } /* Footer - Logo */ #footer #footer-logo img{ width: 400px; height: auto; } /* Footer - Social Icons */ #footer #footer-socials ul.avia-icon-list{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; } #footer #footer-socials ul.avia-icon-list li{ padding-bottom: 0px !important; } #footer #footer-socials .iconlist_icon{ scale: 0.8 !important; margin: 0px !important; } #footer #footer-socials a.iconlist_icon{ transition: var(--transition); } #footer #footer-socials a.iconlist_icon:hover { transition: var(--transition) !important; background-color: var(--orange) !important; color: var(--dark); } #footer #footer-socials a.iconlist_icon:hover svg{ fill: var(--dark); } /* Footer - MENU */ #footer-menu-container .footer-menu, #footer-menu-container .footer-menu .footer-columns{ display: flex; flex-direction: row; justify-content: start; gap: 36px; } #footer-menu-container .footer-menu h2{ font-size: var(--text-lg); color: var(--bone); } /* Footer - MENU STRUCTURE */ #footer-menu-container .footer-menu{ flex-wrap: nowrap; } #footer-menu-container .footer-menu nav{ flex-grow: 1; } #footer-menu-container .footer-menu .footer-columns{ width: 100%; justify-content: space-between; gap: 40px; } /* Footer - MENU ITEMS */ #footer-menu-container .footer-menu .footer-columns nav{ position: relative; } #footer-menu-container .footer-menu .footer-columns nav ul, #footer-menu-container .footer-menu .footer-columns nav li{ list-style: none !important; margin-left: 0px; } #footer-menu-container .footer-menu .footer-columns nav li{ padding-top: 12px !important; } #footer-menu-container .footer-menu .footer-columns nav li::marker{ display: none !important; } #footer-menu-container .footer-menu .footer-columns nav li a{ font-size: var(--text-base); color: var(--white); transition: var(--transition); padding-right: 24px !important; position: relative !important; } #university-footer #footer-menu-container .footer-menu .footer-columns nav li a::before{ top: 4px !important; } #footer-menu-container .footer-menu .footer-columns nav li a::before{ content: url("/wp-content/uploads/arrow-right-orange.svg"); left: -14px !important; position: absolute; opacity: 0 !important; transition: var(--transition); } #footer-menu-container .footer-menu .footer-columns nav li a:hover{ color: var(--orange); transition: var(--transition); padding-left: 20px; padding-right: 4px !important; text-decoration: underline; } #footer-menu-container .footer-menu .footer-columns nav li a:hover::before{ left: 0px !important; position: absolute; opacity: 1 !important; transition: var(--transition); } /* Footer - SUBSCRIBE */ #footer-menu-container .footer-menu .footer-subscribe { position: relative; } #footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_1_1{ grid-column: span 12 !important; } #footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_1_1 input{ padding: 16px !important; background-color: var(--dark) !important; border: 1px solid var(--orange) !important; border-radius: var(--radius-full) !important; height: 56px !important; } #footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit{ position: absolute; right: 0 !important; height: 56px !important; width: 56px !important; content: '' !important; background-color: var(--orange); border-radius: var(--radius-full); transition: var(--transition); border: 2px solid var(--orange); } #footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit #gform_submit_button_1 { width: 54px; height: 54px; padding: 16px; background-color: transparent !important; border: 0; transition: var(--transition); } #footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit:hover{ background-color: var(--dark); transition: var(--transition); border: 2px solid var(--orange); } #footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit::before { content: url("/wp-content/uploads/arrow-right-orange.svg"); left: -14px !important; position: absolute; opacity: 0 !important; transition: var(--transition); scale: 1.5; top: 16px; z-index: 2 !important; } #footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit:hover::before { content: url("/wp-content/uploads/arrow-right-orange.svg"); left: 21px !important; opacity: 1 !important; transition: var(--transition); } #footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit:hover #gform_submit_button_1 { padding: 18px 0px 18px 18px; transition: var(--transition); scale: 1 !important; } /* Footer - TOOLBAR */ #footer #footer-toolbar p, #footer #footer-toolbar a{ font-size: var(--text-xs) !important; color: var(--steel) !important; transition: var(--transition) !important; margin: 0px !important; } #footer #footer-toolbar a:hover{ color: var(--orange) !important; text-decoration: underline !important; transition: var(--transition) !important; } #footer #footer-toolbar .footer-toolbar-links{ display: flex; flex-direction: row; gap: 16px; justify-content: end; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– FOOTER TABLET –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ @media only screen and (max-width: 1170px) { #footer-menu-container .footer-menu{ display: flex; flex-direction: column; justify-content: center; align-items: center; } /* Footer - SUBSCRIBE */ #footer-menu-container .footer-menu .footer-subscribe { position: relative; width: 50%; } #footer-menu-container .footer-menu .footer-columns { justify-content: center; } } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– FOOTER MOBILE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ @media only screen and (max-width: 989px) { #footer-menu-container .footer-menu .footer-columns { flex-wrap: wrap !important; justify-content: start !important; } #footer-menu-container .footer-menu .footer-subscribe{ width: 100%; } #footer-menu-container .footer-menu .footer-subscribe h2{ text-align: center !important; padding-bottom: 8px; } #footer #footer-toolbar p{ text-align: center !important; } #footer #footer-toolbar .footer-toolbar-links{ display: flex; flex-direction: row; gap: 16px; justify-content: center; } } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– BUTTONS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ .avia-button { font-weight: 400 !important; display: inline-flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border-radius: var(--radius-full); } /* --------- BUTTONS STANDARD --------- */ #top .main_color .avia-button.avia-size-small, #top .main_color .avia-button.avia-size-medium, #top .main_color .avia-button.avia-size-large{ background-color: transparent; position: relative; border: none !important; } #top .main_color .avia-button:hover .avia_iconbox_title{ transition: var(--transition); /* animate width */ text-decoration: underline; } #top .main_color .avia-button.avia-size-small::before, #top .main_color .avia-button.avia-size-medium::before, #top .main_color .avia-button.avia-size-large::before{ content: ''; position: absolute; top: 0; width: 100%; /* full width initially */ height: 100%; border-radius: var(--radius-full); transition: var(--transition); /* animate width */ } /* --------- BUTTONS BACKGROUND SIZE --------- */ #top .main_color .avia-button.avia-size-small.avia-icon_select-yes-right-icon:hover::before, #top .main_color .avia-button.avia-size-small.avia-icon_select-yes-left-icon:hover::before{ width: 46px; transition: var(--transition); } #top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-right-icon:hover::before, #top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-left-icon:hover::before{ width: 52px; transition: var(--transition); } #top .main_color .avia-button.avia-size-large.avia-icon_select-yes-right-icon:hover::before, #top .main_color .avia-button.avia-size-large.avia-icon_select-yes-left-icon:hover::before{ width: 62px; transition: var(--transition); } #top .main_color .avia-button.avia-icon_select-no.avia-size-small{ padding: 14px 24px !important; } /* --------- BUTTONS FONT SIZES --------- */ .avia-button.avia-size-large { font-size: var(--text-lg) ; } .avia-button.avia-size-medium { font-size: var(--text-md) ; } .avia-button.avia-size-small { font-size: var(--text-sm) ; } /* --------- BUTTONS BACKGROUNDS --------- */ /* STANDARD */ #top .main_color .avia-button.avia-color-theme-color::before{ background-color: var(--blue); } /* HIGHLIGHT */ #top .main_color .avia-button.avia-color-theme-color-highlight::before{ background-color: var(--orange); } /* SUBTLE */ #top .main_color .avia-button.avia-color-theme-color-subtle::before{ border: 1px solid var(--blue); } /* WHITE */ #top .main_color .avia-button.avia-color-white::before{ border: 1px solid var(--platinum); } /* --------- BUTTONS BACKGROUNDS HOVER --------- */ /* STANDARD */ #top .main_color .avia-button.avia-color-theme-color:hover::before{ background-color: var(--orange); transition: var(--transition); } /* HIGHLIGHT */ #top .main_color .avia-button.avia-color-theme-color-highlight:hover::before{ background-color: var(--blue); transition: var(--transition); } /* SUBTLE */ #top .main_color .avia-button.avia-color-theme-color-subtle:hover::before{ background-color: var(--blue); transition: var(--transition); } /* WHITE */ #top .main_color .avia-button.avia-color-white:hover::before{ border: 1px solid var(--platinum); background-color: var(--blue); transition: var(--transition); } /* --------- BUTTONS STANDARD -- BLUE --------- */ #top .main_color .avia-button.avia-icon_select-yes-right-icon.avia-color-theme-color .avia_button_icon, #top .main_color .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color .avia_button_icon{ color: var(--white) ; } #top .main_color .avia-button.avia-icon_select-yes-right-icon.avia-color-theme-color:hover .avia_iconbox_title, #top .main_color .avia-button.avia-icon_select-yes-right-icon.avia-color-theme-color:hover .avia_button_icon, #top .main_color .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color:hover .avia_button_icon, #top .main_color .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color:hover .avia_iconbox_title{ color: var(--dark); } #top .main_color .avia-button.avia-icon_select-yes-right-icon.avia-color-theme-color:hover svg, #top .main_color .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color:hover svg{ fill: var(--dark); } #top .main_color .avia-button.avia-icon_select-no.avia-color-theme-color:hover .avia_iconbox_title{ color: var(--dark) !important; } /* --------- BUTTONS HIGHTLIGHT -- ora--orange --------- */ #top .main_color .avia-button.avia-color-theme-color-highlight .avia_button_icon, #top .main_color .avia-button.avia-color-theme-color-highlight .avia_iconbox_title{ color: var(--dark); } #top .main_color .avia-button.avia-color-theme-color-highlight svg{ fill: var(--dark) !important; } #top .main_color .avia-button.avia-color-theme-color-highlight:hover svg{ fill: var(--white) !important; } #top .main_color .avia-button.avia-color-theme-color-highlight:hover .avia_iconbox_title{ color: var(--blue); } #sticky-section .avia-button.avia-color-theme-color-highlight:hover .avia_iconbox_title, #top #cta-subscribe.main_color .avia-button.avia-color-theme-color-highlight:hover .avia_iconbox_title{ color: var(--orange) !important; } #top .main_color .avia-button.avia-color-theme-color-highlight .avia_button_icon{ color: var(--dark); } /* --------- BUTTONS SUBTLE -- RECESSIVE --------- */ #top .main_color .avia-button.avia-color-theme-color-subtle .avia_button_icon, #top .main_color .avia-button.avia-color-theme-color-subtle .avia_iconbox_title{ color: var(--blue); transition: var(--transition); } #top .main_color .avia-button.avia-color-theme-color-subtle svg{ fill: var(--blue) !important; } #top .main_color .avia-button.avia-color-theme-color-subtle:hover .avia_button_icon{ color: var(--white) !important; transition: var(--transition); } #top .main_color .avia-button.avia-color-theme-color-subtle:hover svg{ fill: var(--white) !important; } #top .main_color .avia-button.avia-color-theme-color-subtle:hover .avia_iconbox_title{ color: var(--blue) !important; } #top .main_color .avia-button.avia-color-theme-color-subtle::before{ border: 1px solid var(--blue); } #top .main_color .avia-button.avia-icon_select-no.avia-color-theme-color-subtle:hover .avia_iconbox_title{ color: var(--white); } /* --------- BUTTONS WHITE --------- */ #top .main_color .avia-button.avia-color-white:hover::before{ border: 1px solid var(--platinum); background-color: var(--blue); transition: var(--transition); } #top .main_color .avia-button.avia-color-white:hover svg{ fill: var(--white); stroke: var(--white); } #top .main_color .avia-button.avia-color-white:hover .avia_iconbox_title{ color: var(--blue) !important; } /* --------- BUTTONS -- ICON RIGHT --------- */ /* ICON RIGHT -- SMALL */ #top .main_color .avia-button.avia-size-small.avia-icon_select-yes-right-icon{ padding: 14px 18px 14px 24px !important; transition: var(--transition); } /* ICON RIGHT -- SMALL HOVER */ #top .main_color .avia-button.avia-size-small.avia-icon_select-yes-right-icon:hover{ padding: 14px 18px 14px 12px !important; transition: var(--transition); } /* ICON RIGHT -- MEDIUM */ #top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-right-icon{ padding: 14px 24px 14px 24px !important; transition: var(--transition); } /* ICON RIGHT -- MEDIUM HOVER */ #top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-right-icon:hover{ padding: 14px 24px 14px 12px !important; transition: var(--transition); } /* ICON RIGHT -- LARGE */ #top .main_color .avia-button.avia-size-large.avia-icon_select-yes-right-icon{ padding: 14px 28px 14px 24px !important; transition: var(--transition); } /* ICON RIGHT -- LARGE HOVER */ #top .main_color .avia-button.avia-size-large.avia-icon_select-yes-right-icon:hover{ padding: 14px 34px 14px 6px !important; transition: var(--transition); } #top .main_color .avia-button.avia-icon_select-yes-right-icon .avia_button_icon{ margin-right: 2px !important; width: 15px !important; height: 15px !important; margin-top: -4px !important; } #top .main_color .avia-button.avia-icon_select-yes-right-icon .avia_iconbox_title{ padding-right: 8px; transition: var(--transition); } #top .main_color .avia-button.avia-icon_select-yes-right-icon:hover .avia_iconbox_title{ padding-right: 20px; transition: var(--transition); } #top .main_color .avia-button.avia-icon_select-yes-right-icon::before{ right: 0; /* anchor to right */ transition: var(--transition); } /* --------- BUTTONS -- ICON LEFT --------- */ /* ICON LEFT -- SMALL */ #top .main_color .avia-button.avia-size-small.avia-icon_select-yes-left-icon{ padding: 14px 24px 14px 18px !important; transition: var(--transition); } /* ICON LEFT -- SMALL HOVER */ #top .main_color .avia-button.avia-size-small.avia-icon_select-yes-left-icon:hover{ padding: 14px 12px 14px 18px !important; transition: var(--transition); } /* ICON LEFT -- MEDIUM */ #top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-left-icon{ padding: 14px 24px 14px 24px !important; transition: var(--transition); } /* ICON LEFT -- MEDIUM HOVER */ #top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-left-icon:hover{ padding: 14px 12px 14px 24px !important; transition: var(--transition); } /* ICON LEFT -- LARGE */ #top .main_color .avia-button.avia-size-large.avia-icon_select-yes-left-icon{ padding: 14px 24px 14px 28px !important; transition: var(--transition); } /* ICON LEFT -- LARGE HOVER */ #top .main_color .avia-button.avia-size-large.avia-icon_select-yes-left-icon:hover{ padding: 14px 6px 14px 34px !important; transition: var(--transition); } #top .main_color .avia-button.avia-icon_select-yes-left-icon .avia_button_icon{ margin-left: 2px !important; width: 15px !important; height: 15px !important; display: inline-flex !important; } #top .main_color .avia-button.avia-icon_select-yes-left-icon .avia_iconbox_title{ padding-left: 8px; transition: var(--transition); } #top .main_color .avia-button.avia-icon_select-yes-left-icon:hover .avia_iconbox_title{ padding-left: 20px; transition: var(--transition); } #top .main_color .avia-button.avia-icon_select-yes-left-icon::before{ left: 0; /* anchor to right */ transition: var(--transition); } /* --------- BUTTONS -- FULL WIDTH --------- */ #top .main_color .avia-button.avia-button-fullwidth{ border-radius: var(--radius-full); } #top .main_color .avia-button.avia-button-fullwidth.avia-icon_select-yes-right-icon .avia_button_icon, #top .main_color .avia-button.avia-button-fullwidth.avia-icon_select-yes-left-icon .avia_button_icon { width: auto !important; height: auto !important; margin-top: 0px !important; } /* --------- BUTTONS BACKGROUNDS --------- */ /* STANDARD */ #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color{ background-color: var(--blue); transition: var(--transition); } /* HIGHLIGHT */ #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-highlight{ background-color: var(--orange); transition: var(--transition); } #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-highlight .avia_iconbox_title{ color: var(--dark); transition: var(--transition); } #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-highlight svg{ fill: var(--dark); transition: var(--transition); } /* SUBTLE */ #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-subtle{ background-color: transparent; border: 2px solid var(--blue); transition: var(--transition); } #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-subtle .avia_iconbox_title{ color: var(--blue); transition: var(--transition); } #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-subtle svg{ fill: var(--blue); transition: var(--transition); } /* WHITE */ #top .main_color .avia-button.avia-button-fullwidth.avia-color-white:hover{ border: 1px solid var(--platinum); background-color: var(--blue); transition: var(--transition); } /* --------- BUTTONS BACKGROUNDS HOVER --------- */ /* STANDARD */ #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color:hover{ background-color: var(--orange); transition: var(--transition); } #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color:hover .avia_iconbox_title{ color: var(--dark); transition: var(--transition); } #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color:hover svg{ fill: var(--dark) !important; transition: var(--transition); } /* HIGHLIGHT */ #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-highlight:hover .avia_iconbox_title{ color: var(--white); transition: var(--transition); } /* SUBTLE */ #top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-subtle:hover{ background-color: var(--blue); transition: var(--transition); } /* WHITE */ #top .main_color .avia-button.avia-button-fullwidth.avia-color-white:hover{ border: 1px solid var(--platinum); background-color: var(--blue); transition: var(--transition); } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTAs –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- FAMILY CONNECTIONS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #cta h2{ margin-bottom: 24px !important; text-transform: uppercase !important; } #cta p{ font-size: 18px !important; line-height: 1.5 !important; color: var(--bone) !important; } #cta .av-special-heading{ max-width: 640px !important; } #cta #cta-family-connections-image-desktop img{ max-height: 350px !important; width: auto !important; border-radius: var(--radius-base); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- MOBILE APP –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- SUCCESS STORIES –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #cta.cta-stories .entry-content-wrapper, #cta.cta-mobile-app .entry-content-wrapper{ position: relative; border-radius: var(--radius-base); background-color: #EFEFEF; } #cta.cta-stories .flex_column_table::before, #cta.cta-mobile-app .flex_column_table::before { content: ""; position: absolute; inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */ background-image: url("/wp-content/uploads/cta-mobile-app-img.svg"); background-repeat: no-repeat; background-position: bottom center; /* <-- align to bottom */ background-size: cover; /* or cover */ background-color: #EFEFEF; border-radius: var(--radius-base); z-index: 0; pointer-events: none; } #cta.cta-stories .cta-mobile-app-content, #cta.cta-mobile-app .cta-mobile-app-content{ padding: 24px 36px !important; } #cta.cta-mobile-app .flex_column, #cta.cta-mobile-app .avia-image-container{ margin-bottom: 0px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- MOBILE APP –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #cta.cta-mobile-app .avia-image-container{ border-radius: var(--radius-sm); overflow: hidden !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- SUCCESS STORIES –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #cta.cta-stories .avia-slide-wrap{ border-radius: var(--radius-sm); overflow: hidden !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- SOCIAL ICON LINKS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Footer - Social Icons */ #content-socials ul.avia-icon-list{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; } #content-socials.content-socials-left ul.avia-icon-list{ justify-content: start; } #content-socials ul.avia-icon-list li{ padding-bottom: 0px !important; } #content-socials .iconlist_icon{ scale: 0.8 !important; margin: 0px !important; } #content-socials a.iconlist_icon{ transition: var(--transition); } #content-socials a.iconlist_icon:hover { transition: var(--transition) !important; background-color: var(--blue) !important; color: var(--white) !important; } #content-socials a.iconlist_icon:hover svg{ fill: var(--white) !important; } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– UNIVERSITY –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ #university-header #header .container{ background-color: var(--dark) !important; box-shadow: 0 2px 4px rgba(1, 142, 182, 0.06), 0 4px 6px rgba(1, 142, 182, 0.05); } #university-header #header .container .top-menu-item{ display: none !important; } #university-header #header .container::before{ content: url("/wp-content/uploads/wing-left-dark.svg"); } #university-header #header .container::after{ content: url("/wp-content/uploads/wing-right-dark.svg"); } #university-header #header .header_bg{ background: transparent !important; } /* UNIVERSITY LOGO */ #university-header #header .logo{ display: flex; } #university-header #header .logo a{ content: url("/wp-content/uploads/Connect-Our-Kids-University-Logo-white.svg") !important; width: 180px; height: auto; transition: var(--transition); } #university-header #header .main_menu .menu-item .avia-menu-text{ color: var(--white); transition: var(--transition); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– UNIVERSITY HEADER MENU ITEMS DOUBLE BUTTONS (DONATE x REQUEST DEMO) –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* UNIVERSITY DONATE BUTTON */ #university-header #header .main_menu .menu-item.two-buttons-left::before{ background-color: var(--dark); } /* UNIVERSITY DONATE BUTTON HOVER */ #university-header #header .main_menu .menu-item.two-buttons-left:hover .avia-menu-text{ background-color: var(--orange); color: var(--dark) !important; transition: var(--transition); } /* UNIVERSITY DEMO BUTTON */ #university-header #header .main_menu .menu-item.two-buttons-right .avia-menu-text{ color: var(--dark) !important; transition: var(--transition); } #university-header #header .main_menu .menu-item.two-buttons-right::before{ background-color: var(--dark); } #university-header #header .main_menu .menu-item.two-buttons-right .avia-menu-text::before{ background-color: var(--orange); transition: var(--transition); } #university-header #header .main_menu .menu-item.two-buttons-right .avia-menu-text::after{ content: url("/wp-content/uploads/arrow-right-black.svg") !important; transition: var(--transition); } /* UNIVERSITY DEMO BUTTON HOVER */ #university-header #header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text::after{ content: url("/wp-content/uploads/arrow-right-black.svg") !important; transition: var(--transition); background-color: transparent !important; } #university-header #header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text{ transition: var(--transition); color: var(--orange) !important; text-decoration: underline !important; } /* UNIVERSITY MENU - SEARCH */ #university-header #menu-item-search a { background-color: var(--dark) !important; border: 2px solid var(--dark); } #university-header #menu-item-search a svg { fill: var(--white) !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– UNIVERSITY FOOTER –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #university-footer #footer{ position: relative !important; background-color: var(--dark); box-shadow: 0 -4px 6px -1px rgba(1, 142, 182, 0.05), 0 -2px 4px -1px rgba(1, 142, 182, 0.06); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– UNIVERSITY CONTENT –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .university-page-html, .university-page-html #university-header #wrap_all, .university-page-html #university-header #header, .university-page-html #university_content.main_color, .university-page-html #university-footer{ background-color: var(--dark) !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– SEARCH –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #menu-item-search svg{ pointer-events: none !important; } #top div .av_ajax_search_entry{ width: 100% !important; display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: start !important; background-color: transparent !important; height: auto !important; line-height: 1 !important; border-radius: 0px 0px 16px 16px !important; transition: var(--transition); } #top div .ajax_search_response h4{ color: var(--steel); font-style: normal; font-weight: 800 !important; letter-spacing: 1.6px; text-transform: uppercase; font-size: 16px !important; } #top div .av_ajax_search_entry .av_ajax_search_title{ font-size: 14px !important; } #top div .av_ajax_search_image { width: 30px !important; height: 30px !important; overflow: visible !important; } #top div .av_ajax_search_entry:hover{ background-color: var(--blue) !important; transition: var(--transition); } #top div .av_ajax_search_entry:hover .av_ajax_search_title, #top div .av_ajax_search_entry:hover .ajax_search_excerpt{ color: var(--white) !important; transition: var(--transition); } .search_form_field h4{ font-size: 30px !important; text-transform: uppercase; font-weight: 800 !important; letter-spacing: 1.6px; } body.search .content{ margin-top: 24px !important; } body.search .page-heading-container{ margin-bottom: 14px !important; } body.search .search_form_field{ padding: 24px !important; background-color: var(--blue) !important; border-radius: var(--radius-base) !important; } body.search .search_form_field p{ color: var(--white) !important; margin-top: 0px !important; } body.search .search_form_field h4{ color: var(--white); } #top.search #searchform>div { max-width: 560px !important; border-radius: var(--radius-full) !important; overflow: hidden !important; } #top.search #searchsubmit{ width: 58px !important; background-color: var(--orange) !important; } #top.search #searchsubmit:hover{ background-color: var(--dark) !important; } #top.search input[type='search'] { padding: 18px 24px !important; } #top.search #searchform .av_searchform_search.avia-svg-icon{ height: 34px !important; width: 31px !important; } #top.search .template-search.content .entry-content-wrapper{ padding-bottom: 36px; } #top.search .date-container{ font-size: var(--text-sm) !important; color: var(--bone) !important; } #top.search .text-sep, #top.search .blog-author, #top.search .blog-categories{ display: none !important; } #top.search .entry-content{ margin-top: -18px !important; font-size: var(--text-base) !important; } #top.search .post-title, #top.search .entry-title { color: var(--blue) !important; margin-bottom: 4px !important; } #top.search .entry-title:hover { color: var(--black) !important; } #top.search .pagination{ border-top: 1px solid var(--platinum) !important; padding-top: 36px !important; } #top.search .pagination-meta { font-size: var(--text-base) !important; } #top.search .pagination .previous_page, #top.search .pagination .next_page{ height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: var(--text-md) !important; background-color: var(--blue) !important; color: var(--white); } #top.search .pagination .previous_page{ margin-right: 8px !important; } #top.search .pagination .next_page{ margin-left: 8px !important; } #top.search .pagination .current { height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: var(--text-md) !important; background-color: var(--platinum) !important; } /* PAGINATION - HOVER */ #top.search .pagination .previous_page:hover, #top.search .pagination .next_page:hover{ background-color: var(--orange) !important; color: var(--black); } /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– PAGES –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* */ /* */ /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– HOMEPAGE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #home-hero .container{ padding: 0px !important; } #home-hero h1{ /* Minimum viewport width: 300px ; Minimum font size: 35px --- Maximum viewport width: 3000px ; Maximum font size: 65px */ font-size: clamp(2.1875rem, 1.9792rem + 1.1111vw, 4.0625rem) !important; } #home-hero .max-width-lg h3{ /* Minimum viewport width: 300px ; Minimum font size: 26px --- Maximum viewport width: 3000px ; Maximum font size: 32px */ font-size: clamp(1.625rem, 1.5833rem + 0.2222vw, 2rem) !important; } #home-hero .flex_column_table{ margin-top: -320px !important; padding: 0px 50px !important; } /* I AM A DROPDOWN */ .i-am-dropdown-container { display: flex !important; justify-content: start !important; align-items: center !important; gap: 16px !important; } .i-am-dropdown-container p{ margin: 0px !important; padding: 0px !important; } .i-am-dropdown-container .i-am-dropdown-select{ margin: 0px !important; padding: 16px 24px !important; min-width: 260px !important; background-color: var(--blue) !important; box-shadow: var(--shadow-panel-dark) !important; border-radius: var(--radius-sm) !important; border: 1px solid var(--blue); color: var(--white) !important; transition: var(--transition); appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; } .i-am-dropdown-container .i-am-dropdown{ position: relative; } .i-am-dropdown-container .i-am-dropdown::after { content: url("/wp-content/uploads/chevron-down-white.svg") !important; height: auto; top: 14px !important; right: 16px !important; height: auto; transition: var(--transition); background-color: transparent !important; position: absolute !important; fill: var(--white) !important; pointer-events: none !important; } /* I AM A DROPDOWN -- HOVER */ .i-am-dropdown-container .i-am-dropdown-select:hover{ background-color: var(--orange) !important; box-shadow: var(--shadow-panel-orange-hover) !important; border: 1px solid var(--orange); color: var(--dark) !important; transition: var(--transition); cursor: pointer !important; } /* HOME NUMBERS */ .home-number .avia-animated-number-title{ justify-content: start; display: flex; } .home-number .avia-single-number{ font-weight: 600 !important; color: var(--steel) !important; font-family: var(--oswald); } .home-number .avia-animated-number-content p{ text-align: left !important; text-transform: uppercase !important; font-weight: 600 !important; } /* HOME EVENT LISTING */ #events-standard .featured-event article .slide-address, #events-standard .featured-event article .slide-wrapper{ display: flex; flex-direction: row; align-items: start; gap: 8px; } #events-standard .featured-event article .slide-wrapper{ margin-top: 24px !important; } /* HOME EVENT LISTING --DATE */ #events-standard .featured-event article .slide-meta{ padding: 16px !important; display: flex; flex-direction: column; justify-content: center; align-items: center; } #events-standard .featured-event article .slide-meta-date{ font-size: var(--text-4xl) !important; text-align: center; font-family: var(--oswald) !important; color: var(--blue); font-weight: 600 !important; transition: var(--transition); } #events-standard .featured-event article .slide-meta-monthyear{ color: var(--blue); font-weight: 600 !important; padding: 16px !important; font-size: var(--text-base) !important; text-transform: uppercase !important; text-align: center !important; font-family: var(--oswald) !important; transition: var(--transition); } #events-standard .featured-event article .slide-content{ flex-grow: 1 !important; } #events-standard .featured-event article .venue-name{ color: var(--blue); font-weight: 600 !important; font-size: var(--text-base) !important; text-transform: uppercase !important; text-align: center !important; transition: var(--transition); font-family: var(--oswald) !important; } #events-standard .featured-event article .slide-address p{ margin: 0px !important; } #events-standard .featured-event article .slide-address svg{ fill: var(--blue) !important; transition: var(--transition); } #events-standard .featured-event article:hover .venue-name, #events-standard .featured-event article:hover .event-address p, #events-standard .featured-event article:hover .slide-meta-monthyear, #events-standard .featured-event article:hover .slide-meta-date, #events-standard .featured-event article:hover .slide-address svg{ fill: var(--dark) !important; color: var(--dark); transition: var(--transition); } @media only screen and (min-width: 990px) and (max-width: 1230px) { #home-hero .flex_column_table{ margin-top: -240px !important; } } @media only screen and (max-width: 989px) { #home-hero .flex_column_table{ margin-top: -180px !important; } } @media only screen and (max-width: 767px) { #home-hero .flex_column_table{ margin-top: -120px !important; padding: 0px !important; } } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– SUCCESS - STORIES ARTICLES LISTING –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .stories-article-listing .stories-article-listing-container{ display: flex; flex-direction: column; justify-content: center; align-items: center; } /* FILTER */ .stories-article-listing .stories-listing-filter-container{ margin-bottom: 24px; max-width: 90% !important; } .stories-article-listing .stories-listing-filter-container .stories-listing-filter{ display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px !important; border-top: 1px solid var(--platinum); border-bottom: 1px solid var(--platinum); padding: 14px 24px 14px 24px !important; } .stories-listing-filter .stories-filter-wrapper { border-radius: var(--radius-sm) !important; overflow: hidden !important; margin-bottom: 0px !important; } .stories-listing-filter select.filter { font-size: 18px; color: var(--white) !important; background-color: var(--blue) !important; padding: 18px 24px 18px 24px !important; border-radius: var(--radius-sm) !important; overflow: hidden !important; margin-bottom: 0px !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; } .stories-listing-filter select.filter::after { padding-left: 8px !important; margin-left: 0px !important; content: url("/wp-content/uploads/arrow-right-white.svg") !important; width: 16px; height: 16px; transition: var(--transition); background-color: transparent !important; } .stories-listing-filter .stories-listing-clear-filter{ display: flex; justify-content: center; align-items: center; grid-column: 1 / span 3; } .stories-listing-filter .stories-listing-clear-filter button{ border: none !important; padding: 4px 8px; background: transparent; color: var(--blue); font-size: 15px !important; text-transform: uppercase !important; } /* ARTICLE LISTING */ #stories-listing-item-container{ display: flex; flex-direction: column; gap: 8px !important; } #press-featured .slide-entry-wrap, #press-listing .slide-entry-wrap, #blog-listing .slide-entry-wrap, #events-standard .event-listing-standard-wrapper, #stories-listing-item-container .stories-listing-item-featured, #stories-listing-item-container .stories-listing-item-standard{ display: grid !important; gap: 16px !important; } /* FEATURED SPECIFIC LISTING */ #press-featured .slide-entry-wrap, #stories-listing-item-container .stories-listing-item-featured{ grid-template-columns: repeat(2, minmax(0, 1fr)); } #stories-listing-item-container .stories-listing-item-featured article .slide-image img{ height: 280px !important; } /* STANDARD SPECIFIC LISTING */ #press-standard.one-col .slide-entry-wrap{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } /* STANDARD SPECIFIC LISTING */ #press-standard .slide-entry-wrap, #blog-listing .slide-entry-wrap, #events-standard .event-listing-standard-wrapper, #stories-listing-item-container .stories-listing-item-standard{ grid-template-columns: repeat(3, minmax(0, 1fr)); } #events-standard .event-listing-standard-wrapper article img, #stories-listing-item-container .stories-listing-item-standard article .slide-image img{ height: 220px !important; } /* PRESS RELEASES SPECIFIC LISTING */ #press-featured .slide-image, #press-standard .slide-image{ display: none !important; } #press-featured .slide-entry-wrap, #press-standard .slide-entry-wrap{ margin-bottom: 16px !important; } #press-featured article .entry-content-header, #press-standard article .entry-content-header{ margin-top: 16px !important; } /* BOTH ARTICLES LISTING */ #press-featured article, #press-standard article, #blog-listing article, #events-standard article, #custom-event-listing .event-listing-standard-wrapper article, #stories-listing-item-container article{ padding: 8px !important; background-color: var(--white); border-radius: var(--radius-base); transition: var(--transition); border: 1px solid var(--platinum); width: 100% !important; margin: 0px !important; } #events-standard article .slide-image, #stories-listing-item-container article .slide-image{ padding: 8px !important; } #blog-listing article .slide-image{ border-radius: var(--radius-base) !important; overflow: hidden !important; border: 2px solid var(--white); box-shadow: var(--shadow-panel-dark); display: flex; transition: var(--transition); margin-bottom: 16px; } #blog-listing article .slide-image img{ width: auto; object-fit: cover; width: 100% !important; margin-bottom: 0px !important; transition: var(--transition); transform: scale(1); border: 2px solid var(--white); border-radius: var(--radius-base) !important; transform: scale(1); } #events-standard article .slide-image .slide-image-wrapper, #stories-listing-item-container article .slide-image .slide-image-wrapper{ border-radius: var(--radius-base) !important; overflow: hidden !important; border: 1px solid var(--platinum); box-shadow: var(--shadow-panel-dark); display: flex; width: 100% !important; height: 100%; transition: var(--transition); } #events-standard article .slide-image img, #stories-listing-item-container article .slide-image img{ width: auto; object-fit: cover; width: 100% !important; margin-bottom: 0px !important; transition: var(--transition); transform: scale(1); } #blog-listing article .slide-content, #events-standard article .slide-content, #press-featured article .slide-content, #press-standard article .slide-content, #stories-listing-item-container article .slide-content{ padding: 0px 16px 8px 16px !important; } #stories-listing-item-container article .slide-meta { margin-top: 16px !important; } #events-standard article .event-flag, #stories-listing-item-container article .slide-meta time{ font-size: var(--text-sm); text-transform: uppercase; color: var(--bone); transition: var(--transition); } #blog-listing article h3, #events-standard article h3, #press-featured article h3, #press-standard article h3, #stories-listing-item-container article h3 { font-weight: 300 !important; line-height: 1.4 !important; color: var(--blue) !important; transition: var(--transition); margin-top: 4px !important; padding: 4px 0px 8px 0px !important; } #blog-listing article .slide-entry-excerpt, #events-standard article .slide-entry-excerpt, #press-featured article .slide-entry-excerpt, #press-standard article .slide-entry-excerpt, #stories-listing-item-container article p, #stories-listing-item-container article .slide-entry-excerpt { margin-top: 0px !important; color: var(--bone) !important; transition: var(--transition); padding-bottom: 4px !important; } #blog-listing article .read-more-link, #events-standard article .read-more-link, #press-featured article .read-more-link, #press-standard article .read-more-link, #stories-listing-item-container article .read-more-link { display: flex !important; justify-content: end !important; flex-direction: row !important; align-items: center !important; gap: 4px !important; color: var(--blue); padding: 16px 8px 4px 0px !important; transition: var(--transition); } #blog-listing article .read-more-link svg, #events-standard article .read-more-link svg, #stories-listing-item-container article .read-more-link svg{ fill: var(--blue); } /* ARTICLES LISTING - HOVER */ #blog-listing article:hover, #events-standard article:hover, #press-featured article:hover, #press-standard article:hover, #stories-listing-item-container article:hover{ box-shadow: var(--shadow-image-orange-hover); transition: var(--transition); cursor: pointer !important; } #blog-listing article:hover .slide-image, #events-standard article:hover .slide-image .slide-image-wrapper, #stories-listing-item-container article:hover .slide-image .slide-image-wrapper{ border: 1px solid var(--orange); box-shadow: var(--shadow-image-orange-hover); } #blog-listing article:hover .slide-image img, #stories-listing-item-container article:hover .slide-image img{ transform: scale(1.05); transition: var(--transition); } #events-standard article:hover h3, #blog-listing article:hover h3, #press-featured article:hover h3, #press-standard article:hover h3, #stories-listing-item-container article:hover h3 { color: var(--dark) !important; text-decoration: underline; transition: var(--transition); } #blog-listing article:hover .slide-entry-excerpt, #press-featured article:hover .slide-entry-excerpt, #press-standard article:hover .slide-entry-excerpt, #stories-listing-item-container article:hover p, #stories-listing-item-container article:hover .slide-entry-excerpt { color: var(--dark) !important; transition: var(--transition); } #events-standard article:hover .read-more-link, #blog-listing article:hover .read-more-link, #press-featured article:hover .read-more-link, #press-featured article:hover .read-more-link, #press-standard article:hover .read-more-link, #stories-listing-item-container article:hover .read-more-link { gap: 2px !important; color: var(--dark) !important; padding: 16px 0px 4px 0px !important; transition: var(--transition); } /* PAGINATION */ #stories-listing-item-container .ss-stories-pagination{ margin: 24px 0px !important; } #stories-listing-item-container ul.ss-pagination-list{ display: flex !important; justify-content: center !important; align-items: center !important; margin-left: 0 !important; list-style: none !important; gap: 4px; padding: 16px 0px; } #stories-listing-item-container ul.ss-pagination-list li{ margin-left: 0px !important; } #stories-listing-item-container ul.ss-pagination-list li.ss-page-prev, #stories-listing-item-container ul.ss-pagination-list li.ss-page-next{ margin-right: 8px !important; color: var(--bone); } #stories-listing-item-container ul.ss-pagination-list a { padding: 12px 18px !important; border-radius: var(--radius-xs) !important; background-color: var(--white) !important; border: 1px solid var(--platinum); transition: var(--transition); } #stories-listing-item-container ul.ss-pagination-list li.current { padding: 8px 18px !important; border-radius: var(--radius-xs) !important; background-color: var(--platinum) !important; border: 1px solid var(--platinum) !important; } #stories-listing-item-container ul.ss-pagination-list li.ss-page-next{ margin-left: 8px !important; } #stories-listing-item-container ul.ss-pagination-list li.ss-page-prev a, #stories-listing-item-container ul.ss-pagination-list li.ss-page-next a{ border: 1px solid var(--white); color: var(--blue); } /* PAGINATION - HOVER */ #stories-listing-item-container ul.ss-pagination-list li.ss-page-prev a:hover, #stories-listing-item-container ul.ss-pagination-list li.ss-page-next a:hover, #stories-listing-item-container ul.ss-pagination-list a:hover { background-color: var(--orange) !important; border: 1px solid var(--orange); color: var(--dark); transition: var(--transition); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– ARTICLES / POSTS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* padding Top */ #article-post #content{ padding-top: 8px !important ; width: 100% !important; margin-left: 0px !important; } /* <- Back button */ #article-post .article-post-back-button{ width: auto; display: inline-block; margin-bottom: 2px; } #article-post .article-post-back-button .back-icon svg{ width: 14px; } #article-post .article-post-back-button .back-link{ display: flex; flex-direction: row; gap: 4px; justify-content: start; padding: 4px 8px; transition: var(--transition); } #article-post .article-post-back-button .back-text{ font-size: 15px; } #article-post .article-post-back-button a:hover { padding: 4px 8px 4px 0px; transition: var(--transition); color: var(--dark) !important; text-decoration: underline; transition: var(--transition); fill: var(--orange); } /* Hero section */ #article-post .single-post-hero{ border-radius: var(--radius-md); background: linear-gradient(180deg, rgba(239, 239, 239, 0.50) 0%, rgba(239, 239, 239, 0.00) 100%); padding: 14px !important; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } /* Image */ #article-post .single-post-hero .single-featured-image{ width: 100%; } #article-post .single-post-hero img{ border-radius: var(--radius-base); width: 100%; max-height: 450px; border-radius: 18px; object-fit: cover; } /* Preheader */ #article-post .single-post-hero .post-meta-entry{ font-size: 16px; font-family: var(--oswald); color: var(--steel); font-weight: 800 !important; letter-spacing: 2px !important; } /* Preheader */ #article-post .single-post-hero .single-post-header{ max-width: var(--max-width-md); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; margin-top: 30px !important; } /* CONTENT */ #article-post .entry-content{ max-width: var(--max-width-base); margin: auto; padding-bottom: 24px; } /* FOOTER */ #single-post-footer{ max-width: 820px; display: flex; align-items: center; justify-content: center; padding: 24px 16px 70px 16px; margin: 24px auto; border-top: 1px solid var(--platinum); } #single-post-footer .av-share-link-description{ font-size: var(--text-base) !important; text-transform: uppercase; text-align: center; color: var(--bone); } #single-post-footer .av-share-box{ margin-top: 8px; } #single-post-footer ul.av-share-box-list{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; } #single-post-footer ul a{ padding: 6px; width: 40px; height: 40px; border-radius: var(--radius-full); border: 1px solid var(--blue); } #single-post-footer ul svg{ fill: var(--blue); width: 20px; height: 20px; } /* RELATED LISTING */ #article-post .related-posts header{ display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; justify-content: space-between; padding: 24px 0px; } #article-post .related-posts header h2.related-title{ text-transform: uppercase !important; } #article-post .related-posts .related-posts-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; } #article-post .related-posts article{ grid-column: span 1 / span 1; width: 100%; display: flex; flex-direction: column; background-color: var(--white); border: 1px solid var(--platinum); border-radius: var(--radius-base); transition: var(--transition); padding: 8px !important; } #article-post .related-posts article .related-post-image{ border-radius: 14px; display: flex; overflow: visible; transition: var(--transition); } #article-post .related-posts article .related-post-img{ border: 1px solid var(--blue); border-radius: 14px; display: flex !important; overflow: hidden !important; transition: var(--transition); box-shadow: 0 32px 9px 0 rgba(0, 0, 0, 0.00), 0 21px 8px 0 rgba(0, 0, 0, 0.00), 0 12px 7px 0 rgba(0, 0, 0, 0.02), 0 5px 5px 0 rgba(0, 0, 0, 0.03), 0 1px 3px 0 rgba(0, 0, 0, 0.03); } #article-post .related-posts article .related-post-image img{ height: 180px; width: auto; object-fit: cover; } #article-post .related-posts article h3{ margin-top: 16px; padding: 8px 8px 0px 8px; color: var(--blue); font-family: "Helvetica Neue"; font-size: 22px !important; font-style: normal; font-weight: 300 !important; line-height: 1.3; transition: var(--transition); } #article-post .related-posts article .related-excerpt{ padding: 0px 8px 8px 8px; color: var(--bone); font-size: 16px; font-style: normal; font-weight: 300 !important; transition: var(--transition); } #article-post .related-posts article .read-more{ padding: 8px 16px; display: flex; justify-content: end; align-items: center; color: var(--blue); font-size: 15px; font-style: normal; transition: var(--transition); } #article-post .related-posts article .read-more svg{ fill: var(--blue); } #article-post .related-posts article:hover { border: 1px solid var(--orange); background: var(--white); transition: var(--transition); box-shadow: var(--shadow-image-orange-hover); } #article-post .related-posts article:hover .image-overlay { display: none !important; } #article-post .related-posts article a:hover .related-post-image{ transition: var(--transition); } #article-post .related-posts article a:hover .related-post-img{ border: 1px solid var(--orange); transition: var(--transition); box-shadow: var(--shadow-image-orange-hover); } #article-post .related-posts article:hover h3, #article-post .related-posts article:hover .related-excerpt{ color: var(--dark); transition: var(--transition); } #article-post .related-posts article:hover h3{ text-decoration: underline !important; transition: var(--transition); } #article-post .related-posts article:hover .read-more{ padding: 8px 8px; transition: var(--transition); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– EVENTS PAGE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .tribe-events-notices{ background-color: var(--bone) !important; border-radius: var(--radius-base) !important; box-shadow: var(--shadow-panel-dark) !important; } .tribe-events-notices ul::before{ content: url("/wp-content/uploads/triangle-exclamation-white.svg"); left: 18px !important; width: 24px !important; height: 24px !important; left: auto !important; border: none !important; transition: var(--transition); position: absolute !important; } .tribe-events-notices li{ padding-left: 30px !important; font-size: 16px !important; font-weight: 600 !important; text-transform: uppercase !important; font-family: var(--oswald); } .av-single-event-meta-bar{ padding-bottom: 45px !important; } .av-single-event-meta-bar-inner{ background-color: var(--white) !important; border-radius: var(--radius-base) !important; box-shadow: var(--shadow-panel-dark) !important; border: 1px solid var(--platinum) !important; } .av-single-event-content h2.tribe-events-single-event-title{ font-family: var(--helvetica) !important; font-size: 55px !important; font-weight: 400 !important; line-height: 1.25 !important; padding-bottom: 0.5rem; text-transform: inherit !important; } .av-single-event-content .tribe-events-schedule{ margin-top: 0px !important; } .av-single-event-content .tribe-events-schedule h3{ font-family: var(--oswald) !important; font-size: 18px !important; font-weight: 600 !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– ABOUT - MISSION –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .mission-number{ display: flex; justify-content: end !important; } .mission-number h2{ display: inline-flex; border-radius: var(--radius-full); background: var(--background); box-shadow: 0 15.5px 23.25px -3.875px rgba(0, 0, 0, 0.10), 0 7.75px 15.5px -3.875px rgba(0, 0, 0, 0.06); padding: 16px 24px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– DONATE PAGE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ body.page-id-48 .container{ padding-top: 0px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– TEAM LISTING –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .team-filter-category-title { cursor: pointer; font-weight: 600; position: relative; padding-right: 24px; } .team-filter-category-title::after { content: "+"; position: absolute; right: 16px; top: 6px; font-size: 18px; } .filter-accordion.is-open .team-filter-category-title::after { content: "–"; } .filter-accordion-submenu { margin-top: 12px; } .team-filter li { margin-bottom: 6px; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– PRICING PAGE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #price-panel{ padding: 40px !important; border-radius: var(--radius-base); } #price-panel.price-panel-standard{ background-color: var(--white); box-shadow: var(--shadow-panel-dark); } #price-panel.price-panel-featured{ background-color: var(--dark); box-shadow: var(--shadow-image-orange-hover); color: var(--white); scale: calc(1.04); z-index: 3; } #price-panel .price-title h2{ text-transform: uppercase !important; color: var(--bone); } #price-panel.price-panel-featured .price-title h2{ text-transform: uppercase !important; color: var(--white); } #price-panel.price-panel-featured .price-featured-icon{ position: absolute !important; right: 20px; top: 20px; } /* Price Container */ #price-panel .price-container{ padding-top: 18px; } #price-panel .price-container h2{ text-transform: uppercase !important; color: var(--blue); font-size: var(--text-3xl) !important; font-weight: 400 !important; } #price-panel.price-panel-featured .price-container h2{ color: var(--orange); } #price-panel.price-panel-featured .price-container .price-prefix{ font-size: var(--text-base) !important; color: var(--white) !important; text-transform: inherit !important; } /* Price Container Listing */ #price-panel .price-container li::marker { width: 15px !important; height: 15px !important; } #price-panel .price-container li { list-style-image: url(/wp-content/uploads/icon-check-orange.svg); margin-left: 24px; padding: 8px 16px; } #price-panel .price-container li.feature-none { list-style-image: url(/wp-content/uploads/icon-check-bone.svg); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– INSIGHTS LISTING –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* CARD TEXT OVERLAY */ #card-text-overlay-video #card-text, #card-text-overlay-image #card-text{ position: absolute !important; left: 0 !important; bottom: 36px !important; width: 100%; transition: var(--transition); z-index: 10 !important; } #card-text-overlay-video #card-icon, #card-text-overlay-image #card-icon{ background-color: var(--dark); position: absolute !important; bottom: 12px !important; right: 12px !important; padding: 12px 12px 4px 12px; border: 1px solid var(--orange); border-radius: var(--radius-full); transform: rotate(-45deg); transition: var(--transition); z-index: 10 !important; } #card-text-overlay-video #card-text .avia_textblock, #card-text-overlay-image #card-text .avia_textblock{ position: relative !important; transition: var(--transition); } #card-text-overlay-video video, #card-text-overlay-image .avia-image-container img{ transform: scale(1); transition: var(--transition); } #card-text-overlay-video #card-text h2, #card-text-overlay-image #card-text h2{ color: var(--white); padding: 0; transition: var(--transition); } /* CARD TEXT OVERLAY - HOVER */ #card-text-overlay-video:hover, #card-text-overlay-image:hover{ transition: var(--transition); box-shadow: var(--shadow-panel-orange-hover) !important; } #card-text-overlay-video:hover video, #card-text-overlay-image:hover .avia-image-container img{ transform: scale(1.05); transition: var(--transition); } #card-text-overlay-video:hover #card-text h2, #card-text-overlay-image:hover #card-text h2{ color: var(--orange); transition: var(--transition); margin-bottom: 0px; } #card-text-overlay-video:hover #card-icon, #card-text-overlay-image:hover #card-icon{ background-color: var(--orange); transform: rotate(0deg); transition: var(--transition); } #card-text-overlay-video:hover #card-icon svg, #card-text-overlay-image:hover #card-icon svg{ fill: var(--dark); transition: var(--transition); stroke: var(--dark); } /* CARD TEXT OVERLAY -- IMAGE */ #card-text-overlay-image #card-text{ padding: 24px 60px 24px 24px; } #card-text-overlay-image .avia-image-container{ position: relative !important; margin-bottom: 0px !important; overflow: hidden !important; border-radius: var(--radius-base); } #card-text-overlay-image .avia-image-container::after{ width: 100%; content: ''; position: absolute; bottom: -100px; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(6, 20, 50, 0.00) 10%, rgba(6, 20, 50, 0.00) 35.58%, rgba(6, 20, 50, 0.90) 59.62%, #061432 76.44%); border-radius: var(--radius-base); transition: var(--transition); } #card-text-overlay-image.card-text-overlay-image-no-sub .avia-image-container::after{ background: linear-gradient(180deg, rgba(6, 20, 50, 0.00) 10%, rgba(6, 20, 50, 0.10) 46.16%, rgba(6, 20, 50, 0.50) 64.91%, rgba(6, 20, 50, 1) 78.37%, #061432 100%); } #card-text-overlay-image #card-text .avia_textblock{ display: flex; flex-direction: column; justify-content: start; gap: 0px; height: 100% !important; transition: var(--transition); transform: translateY(100%); } #card-text-overlay-image #card-text p{ transition: var(--transition); transform: translateY(100%); opacity: 0; } /* CARD TEXT OVERLAY -- IMAGE - HOVER */ #card-text-overlay-image:hover #card-text{ transition: var(--transition); bottom: 0 !important; } #card-text-overlay-image:hover .avia-image-container::after{ background: linear-gradient(180deg, rgba(6, 20, 50, 0.00) 10%, rgba(6, 20, 50, 0.00) 35.58%, rgba(6, 20, 50, 0.90) 59.62%, #061432 76.44%); transition: var(--transition); bottom: 0 !important; } #card-text-overlay-image.card-text-overlay-image-no-sub:hover .avia-image-container::after{ background: linear-gradient(180deg, rgba(6, 20, 50, 0.00) 10%, rgba(6, 20, 50, 0.10) 46.16%, rgba(6, 20, 50, 0.50) 64.91%, rgba(6, 20, 50, 0.80) 78.37%, #061432 100%); } #card-text-overlay-image:hover #card-text p{ margin: 0px; transform: translateY(0); opacity: 1; transition: var(--transition); } #card-text-overlay-image:hover #card-text .avia_textblock{ gap: 8px; transition: var(--transition); transform: translateY(0); } /* CARD TEXT OVERLAY -- VIDEO */ #card-text-overlay-video #card-text{ padding: 8px 60px 8px 24px; width: 75% !important; } #card-text-overlay-video #video-bg{ margin-bottom: 0px !important; border-radius: var(--radius-base) !important; overflow: hidden; } #card-text-overlay-video #video-bg::after{ width: 100%; content: ''; position: absolute; left: 0; height: 100%; width: 100%; background: linear-gradient(270deg, rgba(6, 20, 50, 0.00) 0%, rgba(6, 20, 50, 0.00) 42.64%, rgba(6, 20, 50, 0.89) 62.13%, rgba(6, 20, 50, 0.90) 73.61%, #061432 94.12%); transition: var(--transition); z-index: 8 !important; border-radius: var(--radius-base) !important; overflow: hidden; } #card-text-overlay-video #card-text .read-more-link{ display: flex; justify-content: start; align-items: start; gap: 8px; transition: var(--transition); color: var(--orange); } /* CARD TEXT OVERLAY -- VIDEO - HOVER */ #card-text-overlay-video:hover #card-text .read-more-link{ padding-left: 8px; gap: 12px; transition: var(--transition); color: var(--orange); text-decoration: underline; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– EVENT LISTING PAGE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* EVENT FEATURED ITEM */ #events-featured{ margin-bottom: 50px !important; } #event-listing-featured{ background-color: var(--white); border-radius: var(--radius-base); padding: 8px !important; transition: var(--transition); border: 1px solid var(--platinum) !important; } #event-listing-featured .event-listing-featured-wrapper{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; } #event-listing-featured .event-content{ grid-column: span 4 !important; } /* Featured Listing Item -- IMG */ #event-listing-featured .slide-image{ grid-column: span 1 !important; border-radius: var(--radius-base); overflow: hidden !important; height: 380px !important; transition: var(--transition); border: 1px solid var(--white); } #event-listing-featured .slide-image img{ height: 100% !important; width: auto !important; object-fit: cover !important; margin-bottom: 0px !important; transition: var(--transition); transform: scale(1); } /* Featured Listing Item -- DATEYEAR */ #event-listing-featured .event-content-wrapper{ grid-column: span 1 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px !important; } /* Featured Listing Item -- DATEYEAR */ #event-listing-featured .event-dateyear{ grid-column: span 1 !important; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100% !important; transition: var(--transition); } #event-listing-featured .event-dateyear .event-date h4{ font-family: var(--oswald) !important; font-size: var(--text-4xl) !important; font-weight: 800 !important; color: var(--blue); transition: var(--transition); } #event-listing-featured .event-dateyear .event-year h4{ font-family: var(--helvetica) !important; font-size: var(--text-sm) !important; font-weight: 600 !important; text-transform: uppercase !important; color: var(--blue); transition: var(--transition); } /* Featured Listing Item -- CONTENT */ #event-listing-featured .event-content{ grid-column: span 4 !important; display: flex; flex-direction: column; justify-content: center; align-items: start; padding: 24px; } #event-listing-featured .event-flag{ color: var(--blue); font-style: normal; font-size: var(--text-sm); font-weight: 800; line-height: 150%; /* 24px */ letter-spacing: 1.6px; text-transform: uppercase; } #event-listing-featured .event-title h3{ font-size: var(--text-2xl) !important; font-weight: 600 !important; font-family: var(--oswald) !important; color: var(--dark) !important; transition: var(--transition); text-transform: uppercase; padding-bottom: 8px !important; } #event-listing-featured .event-location{ display: flex; justify-content: start; align-items: start; gap: 8px; } #event-listing-featured .event-icon svg{ fill: var(--blue); transition: var(--transition); } #event-listing-featured .venue-name{ font-weight: 800 !important; } #event-listing-featured .tribe-address{ color: var(--bone) !important; } /* Featured Listing Item -- HOVER */ #event-listing-featured:hover{ transition: var(--transition); border: 1px solid var(--white) !important; box-shadow: var(--shadow-panel-orange-hover) !important; } #event-listing-featured:hover .event-title h3{ color: var(--blue) !important; transition: var(--transition); text-decoration: underline !important; } #event-listing-featured:hover .event-icon svg{ transition: var(--transition); fill: var(--orange); } #event-listing-featured:hover .event-dateyear .event-date h4, #event-listing-featured:hover .event-dateyear .event-year h4, #event-listing-featured:hover .event-flag, #event-listing-featured:hover .venue-name{ transition: var(--transition); color: var(--orange) !important; } #event-listing-featured:hover .tribe-address{ color: var(--dark) !important; } /* Featured Listing Item -- IMG */ #event-listing-featured:hover .slide-image{ box-shadow: var(--shadow-image-orange-hover) !important; border: 1px solid var(--orange); transition: var(--transition); } #event-listing-featured:hover img{ transform: scale(1.02); } /* EVENT STANDARD ITEM */ #custom-event-listing #events-standard{ display: flex; flex-direction: column; gap: 50px !important; } #custom-event-listing #events-standard .event-listing-header{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 24px !important; } #events-standard article h3{ margin-top: 2px !important; } /* ------------------------------------------------------------ FORM ------------------------------------------------------------ */ /* GRAVITY FORMS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #top input[type=checkbox]::before{ color: var(--blue) !important; } .gform-theme--framework { overflow: hidden !important; } .gform-theme--framework .gfield--type-choice .gfield_radio .gfield-choice-input::before{ background-color: var(--blue) !important; } #top input[type=checkbox]:focus, .gform-theme--framework .gfield--type-choice .gfield_radio .gfield-choice-input:focus{ outline: 4px solid rgba(255, 125, 61, 0.9) !important; border: 1px solid var(--blue); } .gform-theme--framework .gf_step_completed .gf_step_number::after { background-color: var(--blue) !important; color: var(--dark) !important; border: 2px solid var(--blue) !important; } .gform-theme--framework .gf_page_steps .gf_step_completed .gf_step_label{ color: var(--dark) !important; } .gform-theme--framework .gf_page_steps .gf_step_active .gf_step_number{ background-color: var(--dark) !important; color: var(--white) !important; } .gform-theme--framework .gf_page_steps .gf_step_active .gf_step_label{ color: var(--dark) !important; } .gform-theme--framework .gf_page_steps .gf_step_pending { background-color: transparent !important; color: var(--dark) !important; } .gform-theme--framework .gf_page_steps .gf_step_pending .gf_step_number { background-color: transparent !important; border: 1px solid var(--blue); color: var(--blue); } .gform-theme--framework .gf_page_steps .gf_step_pending .gf_step_label { color: var(--blue); } .gform-theme--foundation .gform_fields{ gap: 16px !important; } body .gform_wrapper .gform_body .gform_fields .large-form-title label { color: var(--dark) !important; font-size: 24px !important; } body .gform_wrapper .gform_body .gfield_label{ color: var(--dark) !important; font-size: 20px !important; font-weight: 600 !important; text-transform: uppercase !important; } body .gform_wrapper .gform_body .gform-field-label{ color: var(--dark) !important; font-size: 14px !important; text-transform: uppercase !important; } body .gform_wrapper .gform_body .gfield_consent_label{ color: var(--dark) !important; font-size: 14px !important; font-weight: 400 !important; text-transform: none !important; } body .gform_wrapper .gform_body .gfield_required{ margin-left: 4px !important; } body .gform_wrapper .gform_body .gform_fields .gfield select { height: 60px !important; padding: 18px 16px !important; font-size: 14px !important; color: var(--grey); font-family: inherit !important; border: none !important; } #top label span, #top legend span{ color: var(--blue) !important; } body .gform_wrapper .gform_body .gfield{ margin-bottom: 16px !important; } body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea{ color: var(--dark) !important; border: none !important; font-size: 18px !important; font-family: inherit !important; background-color: var(--offwhite) !important; border-bottom: 2px solid var(--blue) !important; border-radius: 0px !important; } body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input, body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input, body .gform_wrapper .gform_body .gform_fields .gfield .address_city input, body .gform_wrapper .gform_body .gform_fields .gfield .address_state select, body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input, body .gform_wrapper .gform_body .gform_fields .gfield .address_country select, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price input, body .gform_wrapper .gform_body .gform_fields .gfield .name_first input, body .gform_wrapper .gform_body .gform_fields .gfield .name_last input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website input { height: 60px !important; padding: 18px 16px !important; font-size: 18px !important; font-family: inherit !important; margin-bottom: 8px !important; color: var(--dark) !important; background-color: var(--offwhite) !important; border: none !important; border-bottom: 2px solid var(--blue) !important; border-radius: 0px !important; } body .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox label { font-size: 16px !important; font-family: inherit !important; font-weight: 400 !important; } body .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox .gfield_label { font-size: 24px !important; font-family: inherit !important; font-weight: 700 !important; padding-top: 16px !important; } body .gform_wrapper .gform_body .gform_fields .gfield textarea { padding: 18px 16px !important; font-size: 18px !important; font-family: inherit !important; } body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files { background-color: var(--blue) !important; color: #212733 !important ; border-radius: 0px !important; } body .gform_wrapper .gform_page_footer input[type=button].gform_previous_button, body .gform_wrapper .gform_page_footer input[type=button].gform_next_button, body .gform_wrapper .gform_page_footer input[type=submit].gform_button, #blog_content .blog_content-subscribe .blog-subscribe-panel .gform_page_footer input[type=submit].gform_button, body .gform_wrapper .gform_footer input[type=submit] { background-color: transparent !important; border-radius: var(--radius-full) !important; border: 2px solid var(--blue) !important; color: var(--blue) !important ; padding: 16px 20px !important; font-size: 15px !important; font-weight: 600 !important; text-transform: uppercase !important; transition: var(--transition); } body .gform_wrapper .gform_page_footer input[type=button]:hover.gform_previous_button, body .gform_wrapper .gform_page_footer input[type=button]:hover.gform_next_button, body .gform_wrapper .gform_page_footer input[type=submit]:hover.gform_button, body .gform_wrapper .gform_footer input[type=submit]:hover { background-color: var(--orange) !important; border-radius: var(--radius-full) !important; color: var(--white) !important; transition: var(--transition); border: 2px solid var(--orange) !important; } body .gform_wrapper .gform_body .gform_fields .gfield--type-total label { font-size: 18px !important; } body .gform_wrapper .gform_body .gform_fields .gfield--type-total .ginput_container_total input { background-color: var(--dark) !important; font-size: 36px !important; text-transform: uppercase !important; color: var(--dark) !important; border: none !important; font-weight: 800 !important; } .gform-theme--foundation .gf_page_steps{ display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: scroll; padding-bottom: 24px; margin-bottom: 24px !important; border-bottom: 1px solid var(--light-grey); } .gform-theme--foundation .gf_page_steps{ display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: scroll; padding-bottom: 24px; margin-bottom: 24px !important; border-bottom: 1px solid var(--light-grey); } /* Hover –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input:hover, body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input:hover, body .gform_wrapper .gform_body .gform_fields .gfield .address_city input:hover, body .gform_wrapper .gform_body .gform_fields .gfield .address_state select:hover, body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input:hover, body .gform_wrapper .gform_body .gform_fields .gfield .address_country select:hover, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price:hover input, body .gform_wrapper .gform_body .gform_fields .gfield .name_first:hover input, body .gform_wrapper .gform_body .gform_fields .gfield .name_last:hover input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:hover, body .gform_wrapper .gform_body .gform_fields .gfield select option:hover, body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:hover, body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:hover, body .gform_wrapper .gform_body .gform_fields .gfield textarea:hover, body .gform_wrapper .gform_body .gform_fields .gfield select:hover, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text:hover input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email:hover input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number:hover input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone:hover input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website:hover input { background-color: #ffffff !important; /* Firefox */ -moz-transition: all .2s ease-in-out; /* WebKit */ -webkit-transition: all .2s ease-in-out; /* Opera */ -o-transition: all .2s ease-in-out; /* Standard */ transition: all .2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-bottom: 2px solid var(--orange) !important; box-shadow: rgba(255, 125, 61, 0.05) 0px 4px 16px, rgba(255, 125, 61, 0.05) 0px 8px 24px, rgba(255, 125, 61, 0.05) 0px 16px 56px !important; } /* Focus –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .address_city input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .address_state select:focus, body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .address_country select:focus, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price:focus input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus, body .gform_wrapper .gform_body .gform_fields .gfield select option:focus, body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus, body .gform_wrapper .gform_body .gform_fields .gfield select option:focus, body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:focus, body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus, body .gform_wrapper .gform_body .gform_fields .gfield select:focus, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text]:focus, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input:focus, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website input:focus { background: #ffffff !important; box-shadow: rgba(255, 125, 61, 0.1) 0px 4px 16px, rgba(255, 125, 61, 0.1) 0px 8px 24px, rgba(255, 125, 61, 0.1) 0px 16px 56px !important; -moz-transition: all .2s ease-in-out; /* WebKit */ -webkit-transition: all .2s ease-in-out; /* Opera */ -o-transition: all .2s ease-in-out; /* Standard */ transition: all .2s ease-in-out; border-bottom: 2px solid var(--dark) !important; } /* Validation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ body .gform_wrapper .gform_validation_errors { background-color: var(--dark) !important; text-transform: uppercase; border-bottom: 2px solid var(--orange) !important; border-radius: 0px 0px 4px 4px !important; border-radius: var(--radius-sm) !important; } body .gform_wrapper .gform_validation_errors ol li a { text-transform: none !important; color: var(--blue) !important; } body .gform_wrapper .gform_validation_errors ol li a:hover { text-transform: none !important; color: var(--dark) !important; } body .gform_wrapper .gform_validation_errors h2 { color: var(--orange) !important; font-size: var(--text-md) !important; text-transform: uppercase; } body .gform_wrapper .gform_validation_errors .gform-icon { border: 2px solid var(--white) !important; color: var(--white) !important; } body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message { background-color: var(--dark) !important; padding: 8px 16px !important; color: var(--white) !important; margin-top: 0px; border-right: 1px solid var(--orange) !important; border-bottom: 1px solid var(--orange) !important; border-left: 1px solid var(--orange) !important; border-radius: var(--radius-sm); } body .gform_wrapper .gform_body .gform_fields .gfield_error .name_first input, body .gform_wrapper .gform_body .gform_fields .gfield_error .name_last input, body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_email input, body .gform_wrapper .gform_body .gform_fields .gfield_error .textarea, body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_text input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_email input, body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_number input, body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_phone input, body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_website input { border: 2px solid var(--light-grey) !important; } .gform_confirmation_wrapper .gform_confirmation_message{ font-size: 16px !important; color: var(--dark) !important; font-weight: 600 !important; } .sptp-popup-section.style-1 button:hover.mfp-close::before{ color: var(--dark) !important; } @media only screen and (max-width: 989px) { /* Featured Listing Item -- DATEYEAR */ #event-listing-featured .event-content-wrapper{ display: flex !important; flex-direction: column !important; justify-content: center; align-items: start; gap: 8px !important; } /* Featured Listing Item -- DATEYEAR */ #event-listing-featured .event-dateyear{ display: flex; flex-direction: row; justify-content: start; align-items: end; gap: 8px !important; height: auto !important; transition: var(--transition); padding-left: 24px !important; } #event-listing-featured .event-dateyear .event-year h4, #event-listing-featured .event-dateyear .event-date h4{ font-family: var(--oswald) !important; font-size: var(--text-lg) !important; font-weight: 800 !important; color: var(--dark); transition: var(--transition); margin-bottom: 0px !important; padding-bottom: 0px !important; } #event-listing-featured .event-content{ padding-top: 0px !important; } } @media only screen and (max-width: 767px) { /* Featured Listing Item */ #event-listing-featured .event-listing-featured-wrapper{ display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 8px !important; } /* Featured Listing Item -- DATEYEAR */ #event-listing-featured .event-content-wrapper{ grid-column: span 1 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px !important; margin-top: 16px !important; } /* Featured Listing Item -- DATEYEAR */ #event-listing-featured .event-dateyear{ grid-column: span 1 !important; display: flex; flex-direction: column; justify-content: start; align-items: center; height: 100% !important; transition: var(--transition); } #event-listing-featured .event-dateyear .event-date h4{ font-family: var(--oswald) !important; font-size: var(--text-3xl) !important; font-weight: 800 !important; color: var(--blue); transition: var(--transition); } #event-listing-featured .event-dateyear .event-year h4{ font-family: var(--helvetica) !important; font-size: var(--text-sm) !important; font-weight: 600 !important; text-transform: uppercase !important; color: var(--blue); transition: var(--transition); } /* Featured Listing Item -- IMG */ #event-listing-featured .slide-image{ grid-column: span 1 !important; border-radius: var(--radius-base); overflow: hidden !important; height: auto !important; transition: var(--transition); } #event-listing-featured .slide-image img{ height: 100% !important; width: auto !important; object-fit: cover !important; margin-bottom: 0px !important; transition: var(--transition); } } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– ALL CONNECTED PAGE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .all-connected-list-content{ display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 16px !important; } .all-connected-list-content .number{ padding: 14px 26px !important; background-color: var(--orange) !important; border-radius: 99px !important; font-size: 30px !important; font-weight: 600 !important; margin-top: -16px !important; } #all-connected-related .flex_column{ padding: 8px !important; } #all-connected-related .avia-video{ border-radius: var(--radius-sm) !important; box-shadow: var(--shadow-image-orange-standard) !important; transition: var(--transition); border: 1px solid var(--platinum) !important; } #all-connected-related .avia-video::before{ content: ''; height: calc(100% + 16px); width: calc(100% + 16px); position: absolute; top: -8px; left: -8px; border: 1px solid var(--orange); border-radius: var(--radius-base) !important; transition: var(--transition); } #all-connected-related .avia-video:hover{ box-shadow: var(--shadow-image-orange-hover) !important; transition: var(--transition); border: 1px solid var(--orange) !important; transform: scale(1.03); } #all-connected-related .avia-video:hover::before{ border: 1px solid var(--blue); border-radius: var(--radius-sm) !important; transition: var(--transition); } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– I AM A -- PROFESSIONS -- PAGES –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .i-am-a-button-links { position: absolute; bottom: 8px !important; } .i-am-a-button-links p{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; } .i-am-a-button-links a{ display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 8px; padding: 0px 8px 0px 0px; transition: var(--transition); } .i-am-a-button-links a:hover{ padding: 0px 4px 0px 8px; gap: 4px; transition: var(--transition); text-decoration: underline !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– TEAM PAGES –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .team-listing-section{ grid-template-columns: repeat(8, minmax(0, 1fr)); display: grid !important; gap: 24px !important; padding: 36px !important; } .team-filter-container{ grid-column: span 2 / span 2; align-self: start; /* REQUIRED for sticky in grid */ } .team-listing-container{ grid-column: span 6 / span 6; } .filter-accordion .team-filter-category-title { font-family: var(--oswald); font-size: var(--text-base) !important; color: var(--blue) !important; text-transform: uppercase !important; border-radius: 4px; border: 1px solid var(--blue); margin: 0 0 8px 0; padding: 8px 16px; transition: var(--transition-long); } .filter-accordion.is-open .team-filter-category-title{ color: var(--bone) !important; transition: var(--transition-long); } .filter-accordion.is-open{ border: 1px solid var(--platinum) !important; box-shadow: var(--shadow-panel-dark); margin-bottom: 16px; } .team-listing-section .team-filter{ list-style-type: none !important; margin-left: 0px !important; padding: 4px 16px 8px !important; } .team-listing-section .team-filter li{ list-style-type: none !important; margin: 0px !important; font-size: 15px !important; } .filter-accordion .team-filter-category-title:hover{ background-color: var(--blue) !important; color: var(--white) !important; transition: var(--transition-long); } .filter-accordion.is-open{ transition: var(--transition-long); background-color: var(--white) !important; } .filter-accordion.is-open .team-filter-category-title{ color: var(--white) !important; background-color: var(--blue) !important; transition: var(--transition-long); } .filter-accordion.is-open .team-filter-category-title:hover{ color: var(--white) !important; background-color: var(--bone) !important; transition: var(--transition-long); } .team-listing-section article{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; display: grid !important; gap: 24px !important; padding: 24px !important; background-color: var(--white) !important; border-radius: var(--radius-sm) !important; border: 1px solid var(--platinum); } .team-listing-section article .team-image{ grid-column: span 1 / span 1 !important; } .team-listing-section article .team-profile{ grid-column: span 4 / span 4 !important; } .team-listing-section .team-article-listing{ display: flex; flex-direction: column; gap: 8px !important; } .team-listing-section article .team-image img{ border-radius: var(--radius-sm) !important; } .team-listing-section article .team-profile .team-title{ font-family: var(--oswald) !important; font-size: var(--text-sm) !important; color: var(--bone); text-transform: uppercase !important; margin-bottom: 0px !important; font-weight: 600 !important; } .team-listing-section article .team-profile h3.team-name{ font-family: var(--helvetica) !important; font-size: var(--text-xl) !important; color: var(--blue) !important; margin: 0px !important; font-weight: 500 !important; } .team-listing-section h2{ margin: 16px 0px 8px 0px !important; padding: 16px 0px 8px 0px !important; } .responsive body.page-id-2920 { overflow-x: visible !important; -webkit-overflow-scrolling: auto !important; -webkit-overflow-scrolling: touch !important; position:relative; } .page-id-2920 #wrap_all, .page-id-2920 .team-listing-section { overflow: visible !important; -webkit-overflow-scrolling: auto !important; -webkit-overflow-scrolling: touch !important; position:relative; } .page-id-2920 .team-filter-container { position: -webkit-sticky !important; position: sticky !important; align-self: flex-start !important; top: 120px !important; height: 90vh; display: flex; flex-direction: column; justify-content: start; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CONTACT PAGE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .background-family-connect{ background-image: url("/wp-content/uploads/card_demo-bg.webp"); background-repeat: no-repeat; background-position: bottom right !important; /* <-- align to bottom */ background-size: cover; /* or cover */ } .background-family-connect h3{ padding: 8px 0px 4px 24px !important; color: var(--black); /* Text color */ text-shadow: -1px -1px 0 var(--white), /* Top-left shadow */ 1px -1px 0 var(--white), /* Top-right shadow */ -1px 1px 0 var(--white), /* Bottom-left shadow */ 1px 1px 0 var(--white); /* Bottom-right shadow */ background: linear-gradient(90deg, #FFF 68.27%, rgba(255, 255, 255, 0.23) 84.62%); } /* Footer - Social Icons */ #icon-listing ul.avia-icon-list{ display: flex; flex-direction: row; justify-content: end; align-items: end; gap: 0px; } #icon-listing ul.avia-icon-list li{ padding-bottom: 0px !important; } #icon-listing .iconlist_icon{ scale: 0.7 !important; margin: 0px !important; } #icon-listing a.iconlist_icon{ transition: var(--transition); } #icon-listing a.iconlist_icon:hover { transition: var(--transition) !important; background-color: var(--blue) !important; color: var(--white); } #icon-listing a.iconlist_icon:hover svg{ fill: var(--white) !important; transition: var(--transition) !important; } @media only screen and (max-width: 1099px) { } @media only screen and (max-width: 1230px) { /* CARD TEXT OVERLAY -- IMAGE */ #card-text-overlay-image .avia-image-container::after{ width: 100%; content: ''; position: absolute; bottom: -50px; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(6, 20, 50, 0.00) 10%, rgba(6, 20, 50, 0.00) 35.58%, rgba(6, 20, 50, 0.90) 59.62%, #061432 76.44%); border-radius: var(--radius-base); transition: var(--transition); } #card-text-overlay-image #card-text h2{ font-size: var(--text-lg) !important; } /* CARD TEXT OVERLAY -- VIDEO */ #card-text-overlay-video #card-text{ width: 96% !important; bottom: 0 !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– SUCCESS - STORIES ARTICLES LISTING –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* FILTER */ .stories-article-listing .stories-listing-filter-container{ margin-bottom: 24px; width: 100% !important; } .stories-article-listing .stories-listing-filter-container .stories-listing-filter{ display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px !important; border-top: 1px solid var(--platinum); border-bottom: 1px solid var(--platinum); padding: 14px 24px 14px 24px !important; } } @media only screen and (min-width: 1100px) and (max-width: 1230px) { } @media only screen and (max-width: 1230px) { /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- FAMILY CONNECTIONS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #cta.cta-family-connections .av-special-heading{ background: linear-gradient(90deg, #EFEFEF 15.38%, rgba(239, 239, 239, 0.71) 89.32%, rgba(239, 239, 239, 0.00) 100%) !important; } } @media only screen and (max-width: 1099px) { #cta.cta-stories .flex_column_table::before, #cta.cta-mobile-app .flex_column_table::before { content: ""; position: absolute; inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */ background-image: url("/wp-content/uploads/cta-mobile-app-img-mobile.svg"); background-repeat: no-repeat; background-position: bottom center; /* <-- align to bottom */ background-size: cover; /* or cover */ background-color: #EFEFEF; border-radius: var(--radius-base); z-index: 0; pointer-events: none; } } @media only screen and (max-width: 989px) { /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- FAMILY CONNECTIONS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #cta.cta-family-connections .flex_column { height: 100% !important; } #cta.cta-family-connections .av-special-heading{ padding: 24px !important; max-width: 100% !important; } #cta.cta-family-connections .avia-button-wrap{ padding: 8px 24px 0px 24px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– CTA -- MOBILE APP –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #cta.cta-mobile-app .flex_column { height: 100% !important; } #cta.cta-mobile-app .cta-mobile-app-image{ border-radius: var(--radius-base) var(--radius-base) 0px 0px ; } #cta.cta-mobile-app .cta-mobile-app-content{ padding: 24px !important; border-radius: 0px 0px var(--radius-base) var(--radius-base); } #cta.cta-mobile-app .flex_column, #cta.cta-mobile-app .avia-image-container{ margin-bottom: 0px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– RELATED POSTS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #article-post #content{ margin: 0px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– DONATE PAGE #hero-donate .flex_column{ background-image: url("/wp-content/uploads/donate-hero-bg-mobile.webp") !important; background-position: top center !important; background-size: cover !important; background-repeat: no-repeat !important; } –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ #hero-donate .flex_column{ padding-top: 0px !important; } /* CARD TEXT OVERLAY */ #card-text-overlay-video #card-text h2, #card-text-overlay-image #card-text h2{ margin-bottom: 0px; } /* CARD TEXT OVERLAY -- IMAGE */ #card-text-overlay-image #card-text, #card-text-overlay-image #card-text .avia_textblock, #card-text-overlay-image #card-text p{ transition: var(--transition); transform: translateY(0) !important; opacity: 1; bottom: 0px !important; } #card-text-overlay-image #card-text{ transition: var(--transition); bottom: 0 !important; } #card-text-overlay-image .avia-image-container::after{ background: linear-gradient(180deg, rgba(6, 20, 50, 0.00) 10%, rgba(6, 20, 50, 0.00) 35.58%, rgba(6, 20, 50, 0.90) 59.62%, #061432 76.44%); transition: var(--transition); bottom: 0 !important; } #card-text-overlay-image #card-text p{ margin: 0px; transform: translateY(0); opacity: 1; transition: var(--transition); } #card-text-overlay-image #card-text .avia_textblock{ gap: 8px; transition: var(--transition); transform: translateY(0); } /* CARD TEXT OVERLAY -- VIDEO */ #card-text-overlay-video #card-text{ position: relative !important; padding-top: 24px !important; margin-top: -50px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– SUCCESS - STORIES ARTICLES LISTING –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .stories-article-listing .stories-listing-filter-container .stories-listing-filter{ display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; border-top: 1px solid var(--platinum); border-bottom: 1px solid var(--platinum); padding: 14px 24px 14px 24px !important; } #blog-listing .slide-entry-wrap, #events-standard .event-listing-standard-wrapper, #press-featured .slide-entry-wrap, #press-standard .slide-entry-wrap, #stories-listing-item-container .stories-listing-item-standard, #stories-listing-item-container .stories-listing-item-featured{ grid-template-columns: repeat(1, minmax(0, 1fr)); } #stories-listing-item-container .stories-listing-item-featured article .slide-image img{ height: 280px !important; } #events-standard .event-listing-standard-wrapper article img, #stories-listing-item-container .stories-listing-item-standard article .slide-image img{ height: 220px !important; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– TEAM LISTING –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .team-listing-section{ grid-template-columns: repeat(8, minmax(0, 1fr)); display: grid !important; gap: 24px !important; padding: 0px !important; } .team-listing-section .team-bio{ font-size: 15px !important; } .page-id-2920 .team-filter-container{ top: 40px !important; } .team-listing-section article .team-profile h3.team-name{ font-size: var(--text-lg) !important; } .filter-accordion .team-filter-category-title{ font-size: var(--text-sm) !important; padding: 8px 24px 8px 10px !important; } } @media only screen and (max-width: 767px) { /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– TEAM PAGES –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ .responsive #top #wrap_all #team-listing .container{ width: 100% !important; max-width: 100% !important; } .team-listing-container{ padding: 60px 30px 30px 30px; } .team-listing-section{ display: flex !important; flex-direction: column; gap: 8px !important; padding: 0px !important; } .team-filter-container{ width: 100%; } /* Hidden by default */ .team-filter-container::before { content: ''; width: 100%; background-color: var(--white); height: 80px; display: block; position: absolute; top: 0; left: 0; box-shadow: var(--shadow-panel-dark); /* Smooth transition for a professional feel */ opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out; } /* Shown only when the scrolled class is present */ .team-filter-container.is-scrolled::before { opacity: 1; visibility: visible; } #team-filter-wrapper { width: 100%; padding: 16px 0px; mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent); } /* Target the first accordion only */ #team-filter-wrapper .filter-accordion:first-child { margin-left: 30px !important; /* Adjust value as needed */ } /* Target the last accordion only */ #team-filter-wrapper .filter-accordion:last-child { margin-right: 30px !important; /* Adjust value as needed */ } .filter-accordion .team-filter-category-title{ font-family: var(--oswald); font-size: var(--text-sm) !important; color: var(--blue) !important; text-transform: uppercase !important; margin: 0px; padding: 8px 24px 8px 10px !important; white-space: nowrap; } .team-filter-category-title::after{ right: 8px; top: 4px; } .filter-accordion { border-radius: 4px; padding: 2px 0; margin: 0; border: 1px solid var(--blue); background-color: var(--white); font-size: var(--text-sm); color: var(--blue); text-transform: uppercase; white-space: nowrap; transition: var(--transition); height: 100%; } .filter-accordion.is-open{ border: 1px solid var(--platinum) !important; box-shadow: var(--shadow-panel-dark); } .team-listing-section .team-filter{ list-style-type: none !important; margin-left: 0px !important; } .team-listing-section .team-filter li{ list-style-type: none !important; margin: 0px !important; font-size: 15px !important; } .responsive body.page-id-2920, .page-id-2920 #wrap_all, .page-id-2920 .team-listing-section { overflow: visible !important; -webkit-overflow-scrolling: auto !important; -webkit-overflow-scrolling: touch !important; position:relative; } .page-id-2920 #team-filter-wrapper { position: absolute !important; display: flex; flex-direction: row; justify-content: start; gap: 8px; height: auto !important; overflow-x: auto; overflow-y: hidden; /* Enables smooth momentum scrolling on mobile */ -webkit-overflow-scrolling: touch; /* Optional: Hide scrollbars for a "draggable" look */ scrollbar-width: none; /* Firefox */ } .page-id-2920 .team-filter-container { height: auto !important; top: 0px !important; } .page-id-2920 #team-filter-wrapper::-webkit-scrollbar { display: none; } .responsive #top #wrap_all .container{ width: 90% !important; max-width: 90% !important; } #article-post .related-posts header { display: flex; flex-direction: column; justify-content: start; align-items: start; } #article-post .related-posts .related-posts-grid{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 4px; } #article-post .related-posts article .related-post-img{ width: 100% !important; } #article-post .related-posts article .related-post-img img{ height: auto !important; width: 100% !important; } } @media only screen and (max-width: 480px) { } @media only screen and (min-width: 989px) { .avia-button.av-desktop-hide{ display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .avia-button.av-medium-hide{ display: none !important; } } @media only screen and (max-width: 767px) { .avia-button.av-small-hide{ display: none !important; } }