/*
 Theme Name:   Kaiser Permanente Dental
 Theme URI:    https://www.upsweptcreative.com/
 Description:  Theme for Upswept Creative, built as GeneratePress child theme
 Author:       Chynna Lew for Upswept Creative
 Author URI:   https://www.upsweptcreative.com
 Template:     generatepress
 Version:      1.0
*/

/* TABLE OF CONTENTS
* 0. FONTS AND COLORS
* 1. TYPOGRAPHY
* 2. ELEMENTS
-- 2.1 BUTTONS
-- 2.2 COLOR BARS
-- 2.3 TRIANGLES
-- 2.4 TEXT BUBBLES
-- 2.5 SHORTCODES
-- 2.6 INTERIOR HEADER
-- 2.7 CENTERED BLOCKS
-- 2.8 ICON COLUMNS
-- 2.9 FAQ ACCORDION
* 3. NAVIGATION
* 4. HOMEPAGE
-- 4.1 HOMEPAGE HERO
* 5. SINGLE POSTS AND PAGES
-- 5.1 OUR APPROACH
-- 5.2 ENGAGEMENT
-- 5.3 CONTACT
-- 5.4 SEARCH RESULTS
* 6. FOOTER
*/


/* ---------------
0. FONTS AND COLORS
----------------- */
@font-face {
    font-family: 'Gotham Bold';
    src: url('/wp-content/themes/KaiserDental/assets/fonts/GothamBold.otf');
}
@font-face {
    font-family: 'Gotham Medium';
    src: url('/wp-content/themes/KaiserDental/assets/fonts/GothamMedium.otf');
}

:root {
	--navy: #003B71;
	--op-navy: #003B71c7;
	--purple: #583985;
	--blue: #0078B3;
	--blue-lt: #92CCF0;
	--blue-lt-30: rgba(146, 204, 240, 0.3);
	--aqua: #20A29E;
	--gray: #444444;
	--lt-gray: #E6EBF1;
	--teal: #009CBD;
	--lt-purple: #846EAD;
	--lilac: #DCC4DF;
}

body {
    background-color: var(--lt-gray);
    color: var(--gray);
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.inside-article {
    background-color: transparent;
}

/* ---------------
1. TYPOGRAPHY
----------------- */
h1, h2, h3, h4, h5, h6, nav a, .large-text, .wp-block-cover .wp-block-cover__inner-container h1, .wp-block-cover .wp-block-cover__inner-container h2, .wp-block-cover .wp-block-cover__inner-container h3, .wp-block-cover .wp-block-cover__inner-container h4, .wp-block-cover .wp-block-cover__inner-container h5, .wp-block-cover .wp-block-cover__inner-container h6{
	color: var(--navy);
	font-family: 'Gotham Medium';
}

.large-text{
	font-size: 3.8rem;
}
a {
	color: var(--lt-purple);
}
.standalone p{
	color: var(--gray);
	font-family: 'Gotham Medium';
}

@media (max-width: 1000px){
		.large-text{
					font-size: 3.2rem;
	}
}
@media (max-width: 781px){
	h2{
		font-size: 1.8rem;
	}
	.large-text{
		font-size: 3rem;
	}
}
@media (max-width: 550px){
	h1, .home-hero h1{
		font-size: 1.6rem;
	}
	h2{
		font-size: 1.2rem;
	}
	.large-text{
		font-size: 2.2rem;
	}
}
/* ---------------
2. ELEMENTS
----------------- */
/* override wp-presets */
.z-10{
	position: relative;
	z-index: 10;
}
.inside-article{
	padding:0px !important
}
.site-main{
	margin: 0px !important;
}
.wp-block-image img {
	border-radius: 5px;
}
.entry-content{
	    z-index: 0;
    position: relative;
}
@media (max-width: 781px){
	.wp-block-columns
	{
		gap: 0px;
	}
}
/* ---------------
-- 2.1 BUTTONS
----------------- */
.wp-block-button a.wp-block-button__link,
.gform_button, button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
	background-image: linear-gradient(45deg, var(--blue) 50%, var(--lt-purple) 50%);
	background-position: 100% 0%;
	background-size: 250% 100%;
	border: white solid 1px;
	font-family: 'Gotham Bold';
	font-size: 1.2rem;
	font-weight: bold;
	padding: 12px 55px 10px 20px;
	position: relative;
	text-transform: uppercase;
	transition: all 1s;
}
#gform_submit_button_1, #gform_submit_button_2{
	padding: 12px 20px 10px 20px;
}
.wp-block-button a.wp-block-button__link.has-blue-background-color{
		background-image: linear-gradient(45deg, var(--lt-purple) 50%, var(--blue) 50%);
}
.wp-block-button a.wp-block-button__link:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, a.wp-block-button__link:not(.has-background):hover,
.gform_button {
	background-position: 0% 0%;
	color: white;
}
.wp-block-button__link svg,
.gform_button svg{
	fill: white;
	height: 100%;
	right: 20px;
	position: absolute;
	top:0;
	width: 1.8rem;
}
.gform_button {
	border-radius: 30px;
}
@media (max-width: 781px){
.wp-block-button a.wp-block-button__link,
.gform_button {
	font-size: 1rem;
	}
}
/* ---------------
-- 2.2 COLOR BARS
----------------- */
body, html {
    overflow-x: hidden !important;
	max-width: 100vw;
}

.wp-block-group {
    position: relative;
    z-index: 10;
}

.wp-block-group:has(.color-bars),
.page-header:has(.color-bars),
.wp-block-column:has(.color-bars),
.wp-block-cover:has(.color-bars) {
    overflow: visible;
    position: relative;
}

.color-bars {
    height: 350px;
    position: absolute;
    width: 100%;
    z-index: 1;
    overflow: visible;
}

.color-bars::before,
.color-bars::after {
	clip-path: polygon(0% 0%,100% 0%,100% 100%,175px 100%);
    content: "";
    height: 50%;
    opacity: 0;
    position: absolute;
    transition: opacity 1s ease, transform 1s ease;
    width: 100%;
}

.color-bars.animate::before,
.color-bars.animate::after {
    opacity: 1;
}

.color-bars::before {
    background-color: var(--blue);
	left: 55%;
}

.color-bars::after {
    background-color: var(--purple);
	bottom: 0px;
}

.wp-block-group:has(.color-bars), .page-header:has(.color-bars), .wp-block-column:has(.color-bars), .wp-block-cover:has(.color-bars){
	overflow: hidden;
}

/* Animate bars when parent has 'animate' class */
.color-bars.animate::before,
.color-bars.animate::after {
    opacity: 1;
}

.color-bars.down-from-right {
	right: -25%;
    transform: rotate(-45deg);
	top: 60%;
}
/* ---------------
-- 2.3 TRIANGLES
----------------- */
.wp-block-group:has(.triangles), .wp-block-column:has(.triangles){
	position: relative;
	z-index: -1;
}
.wp-block-columns:has(.triangles){
	margin-bottom: 0px;
}
.triangle-columns {
	background: white;
	padding-top: 80px;
}
.triangle-columns .wp-block-column.slide-in {
	padding-bottom: 80px;
}
.triangles{
	bottom: -40px;
	height: 1px;
	left: -50px;
	opacity: 0;
	position: absolute;
	transition: opacity .5s;
	width: 760px;
}
.triangles.animate{
	opacity: 1;
}
.triangle {
  aspect-ratio: 2;
	bottom: 0px;
  clip-path: polygon(50% 0,100% 100%,0 100%);
	position: absolute;
	transition: transform 1s ease-in-out;
}
.triangles .set-one{
	bottom: 0;
	clip-path: polygon(50% 0,100% 100%,0 100%);
	height: 240px;
	left:0;
	overflow: hidden;
	position: absolute;
	width: 480px;
	transform: translate(-100px);
	transition: transform 1s ease-in-out;
	z-index: 3;
}
.lilac-t{
	background: var(--lilac);
	height: 240px;
	left: 0;
}
.blue-t{
	background: var(--blue);
	height: 160px;
	left: 160px;
	transform: translate(200px);
}
.navy-t{
	background: var(--navy);
	height: 380px;
	left: 160px;
	transform: translate(100px);
	z-index:1;
}
.animate .set-one, .animate .lilac-t, .animate .blue-t, .animate .navy-t{
	transform: translate(0px);
}
@media (max-width: 782px){
	.wp-block-group:has(.triangles) .wp-block-column:has(p), .wp-block-group:has(.color-bars):not(.interior-top-header) .wp-block-columns:not(:has(.border-bubble)), .wp-block-cover:not:has(.border-bubble):has(.color-bars):not(.interior-top-header) .wp-block-columns, .triangle-columns .wp-block-column:has(p){
		background-color: rgba(255,255,255,0.9);
		border-image: url('/wp-content/uploads/2025/11/short-line-1.png') 30;
	border-top: transparent solid 10px;
		margin: 10px;
		padding: 30px;
	}
		.wp-block-group:has(.triangles) .wp-block-column:has(p){
		background-color: rgba(255,255,255,0.9);
		border-image: url('/wp-content/uploads/2025/11/short-line-1.png') 30;
	border-top: transparent solid 10px;
		margin: 10px;
		padding: 30px;
	}
	.wp-block-group:has(.color-bars):not(.interior-top-header) .wp-block-columns.icon-columns{
		border-top: 0px;
	}
}
/* ---------------
-- 2.4 TEXT BUBBLES
----------------- */
.border-bubble{
	background: rgba(255,255,255,0.9);
	border-image: url('/wp-content/uploads/2025/11/short-line-1.png') 30;
	border-top: transparent solid 10px;
}

.wp-block-columns:has(.image-column):not(.image-column) .border-bubble {
	height: 100%;
}

.wp-block-column:has(.border-bubble), 
.wp-block-column:has(.slide-in){
	opacity: 0;
	z-index: 10;
}

.wp-block-column:nth-of-type(odd):has(.border-bubble.animate),
.testimonial-cover .border-bubble.animate,
.faq .border-bubble.animate, .slide-in.animate {
	position: relative;
	opacity: 1;
	animation: slideFade 1s ease-in-out;
	z-index: 10;
}

.wp-block-column:nth-of-type(even):has(.border-bubble.animate) {
	position: relative;
	opacity: 1;
	animation: slideFadeReverse 1s ease-in-out;
	z-index: 10;
}


/* ---------------
-- 2.5 SHORTCODES
----------------- */
/* TESTIMONIAL SLIDER SHORTCODE */
.slideshow-container {
    position: relative;
    transition: height 0.4s ease;
}

.slide-image {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 20px);
    z-index: 0;
}

.slide-image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: relative;
    top: 0;
    transition: opacity 2s ease;
    width: 100%;
	z-index: 1;
/* 	opacity: 0.5; */
}

.slide-image .bg-slide {
    animation: wipe-right 2s forwards;
	position: absolute;
	transition: all 2s ease;
    z-index: 10;
}
.slide-image img.base-img.reverse {
    animation: wipe-left 1s forwards ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.slide-image img.base-img.reverse + img.bg-slide {
    animation: none;
}

.mySlides {
    background-color: rgba(255, 255, 255, 0.9);
    border-image: url('/wp-content/uploads/2025/11/short-line-1.png') 30;
    border-top: transparent solid 10px;
    display: none;
    margin-bottom: 200px;
    padding: 40px;
    position: relative;
    width: calc(50% - 20px);
    z-index: 10;
}

.mySlides.animate {
    animation: slideFade 1s;
}

.mySlides.animate.reverse {
    animation: slideFadeReverse 1s ease-in-out;
}

.prev,
.next {
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7));
	background-color: rgba(255,255,255,0.1);
    border: white solid 2px;
    border-radius: 50%;
    bottom: 40px;
    color: white;
    cursor: pointer;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7));
    padding: 10px 10px 2px 10px;
    position: absolute;
    transform: translateY(-50%);
    transition: 0.3s ease-in-out;
    z-index: 10;
}

.prev {
    right: calc(50% + 120px);
}

.next {
    right: calc(50% + 40px);
}

.prev svg,
.next svg {
    fill: white;
    height: 40px;
}

.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

@keyframes wipe-right {
    0% {
        clip-path: polygon(-100% 0, -60% 0, 0 100%, -100% 100%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 140% 100%, 0 100%);
    }
}

@keyframes wipe-left {
    0% {
        clip-path: polygon(0 0, 100% 0, 140% 100%, 0 100%);
    }
    100% {
        clip-path: polygon(-100% 0, -60% 0, 0 100%, -100% 100%);
    }
}

@keyframes slideFade {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    10% {
        opacity: 0.2;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideFadeReverse {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.testimonial-cover .color-bars::before {
	left: 40%;
}
@media (max-width: 850px){
	.slideshow-container{
		display: flex;
		flex-direction: column;
		height: fit-content !important;;
	}
	.slide-image{
		height: 550px;
		min-height: 550px;
	}
	.slide-image img{
		object-position: 50% -50px;
	}
	.slide-image, .mySlides{
		position: relative;
		width: 100%;
	}
	.mySlides{
		margin-bottom: 160px;
	}
	.prev {
    right: calc(50% + 20px );
}

.next {
    right: calc(50% - 60px);
}
	
	.testimonial-order .wp-block-group__inner-container{
		display: flex;
		flex-direction: column
	}
	.testimonial-order h2.large-text{
		order: 1;
	}
	.testimonial-order .slideshow-container{
		order: 2;
	}
	.testimonial-order .testimonial-text{
		order: 3;
	}
	.testimonial-order .image-column{
		order: 4;
	}

}
@media (max-width: 550px){
	.slide-image{
		height: 400px;
		min-height: 400px;
	}
	.slide-image img{
		object-position: inherit
	}
}

/* MAP SHORTCODE */
.leaflet-control-attribution{
	display: none !important;
}
.map-with-sidebar {
        align-items: stretch;
        box-sizing: border-box;
        display: flex;
        gap: 12px;
        height: 70vh;
        min-height: 480px;
    }

    .map-sidebar {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
        flex: 0 0 40%;
        overflow: auto;
        padding: 12px;
    }

    .map-area {
        
        border-radius: 8px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
        flex: 1 1 0;
        overflow: hidden;
    }

    #map {
        height: 100%;
        width: 100%;
    }

    .filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 8px;
    }

    .filters select,
    .filters button,
    .filters input {
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
        padding: 6px 8px;
    }

    .marker-list {
        margin-top: 8px;
    }

    .marker-item {
        border: 1px solid transparent;
        border-radius: 6px;
        cursor: pointer;
        display: flex;
        gap: 8px;
        margin-bottom: 10px;
        padding: 8px;
        transition: background .12s, border-color .12s;
    }

    .marker-item:hover {
        background: #f8f9fb;
        border-color: #e6eef9;
    }

    .marker-thumb {
        border-radius: 6px;
        flex-shrink: 0;
        object-fit: cover;
        width: 100px;
    }

    .marker-info {
        flex: 1;
        min-width: 0;
    }

    .marker-item .title {
		color: var(--navy);
        font-weight: 600;
        margin-bottom: 2px;
    }

    .marker-item .meta {
        color: #666;
        font-size: 13px;
        margin-bottom: 3px;
    }

    .marker-item .desc {
        color: var(--purple);
        font-size: 13px;
    }

    @media (max-width: 782px) {
        .map-with-sidebar {
            display: block;
            height: auto;
        }

        .map-sidebar {
            margin-bottom: 12px;
            max-height: 40vh;
            overflow: auto;
            width: 100%;
        }

        .map-area {
            height: 55vh;
        }

        .marker-item {
            flex-direction: row;
        }
    }
/* ---------------
-- 2.6 INTERIOR HEADER
----------------- */
.interior-header, .interior-top-header {
	overflow: hidden;
	position: relative;
}
.interior-top-header .color-bars.animate::before,
.interior-top-header .color-bars.animate::after, .interior-header .color-bars.animate::before, .interior-header .color-bars.animate::after {
    opacity: .8;
}
.inside-page-hero .wp-block-group.animate, .interior-top-header .wp-block-group.animate{
	opacity: 1;
}
.interior-header, .interior-top-header, .interior-header h1, .interior-top-header h1, .interior-header h2, .interior-top-header h2, .interior-header h3, .interior-top-header h3, .interior-header p, .interior-top-header p{
	color: white !important;
}

.iinside-page-hero {
  scrollbar-width: none; 
	-ms-overflow-style: none; 
}
.inside-page-hero::-webkit-scrollbar {
  display: none;
}
.interior-top-header {	
	/* margin-bottom: 80px; */
	margin-top: -160px;
	min-height: 75vh;
	padding-top: 160px;
	vertical-align: bottom;
	z-index: 0;
}

.interior-top-header .wp-block-group,
.inside-page-hero .wp-block-group {
	position: relative;
	opacity: 0;
	animation: slideFade 1s ease-in-out;
}
.interior-header h1{
	position: relative;
	z-index: 10;
}
.interior-top-header h1 {
	color: var(--blue-lt) !important;
	font-size: 1.4em;
	margin-top: 100px;
	margin-bottom: 5px;
}

.interior-top-header h1:after {
    background: #9ACCEC;
	background: linear-gradient(90deg,rgba(154, 204, 236, 1) 0%, rgba(154, 204, 236, 0) 80%);
    content:"";
    display: inline-block;
    height: 5px;
    vertical-align: bottom;
    width: 30%;
    margin-right: -100%;
    margin-left: 10px;
	margin-bottom: 10px;
}


.interior-top-header h2 {
	font-size: 2.5em;
}
.page-hero h1,
.page-hero h2,
.interior-top-header h1,
.interior-top-header h2,
.interior-top-header h3{
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}

.interior-top-header p {
	font-family: 'Gotham Medium', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.interior-top-header .wp-block-group__inner-container .wp-block-column:first-of-type {
	background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 95%);
	margin-left: -30px;
	padding: 30px 30px 10px 30px;
}
@media (max-width: 782px){
	.interior-top-header h2{
		font-size: 2rem;
	}
	.interior-top-header p {
		font-size: 1.3rem;
	}
}
/* ---------------
-- 2.7 CENTERED BLOCKS
----------------- */
.block-centered {
	background-color: var(--blue-lt-30);
	border: 1px solid #003B7152;	
	margin-bottom: 50px;
	overflow: hidden;
	padding: 0px 20px;
}

.block-centered .overlay {
	background-image: linear-gradient(135deg, var(--blue) 0%);
	background-size: 600%;
	background-position: 100% 0%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}

.block-centered .overlay2 {
	background-image: linear-gradient(45deg, var(--teal) 0%);
	background-size: 600%;
	background-position: 0% 0%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.block-centered.animate .overlay {
	background-image: linear-gradient(135deg, rgba(146, 204, 240,0) 85%, var(--blue) 85%);
	background-size: 100%;
	background-position: 85% 0%;
	transition: all 3s ease;
}

.block-centered.animate .overlay2 {
	background-image: linear-gradient(45deg, var(--teal) 15%, rgba(146, 204, 240,0) 15%);
	background-size: 100%;
	background-position: 15% 0%;
	transition: all 3s ease;
}

.block-centered .wp-block-group__inner-container h2 {
	font-size: 42px;
}

.block-centered .wp-block-group__inner-container {
	font-family: 'Gotham Medium', Arial, Helvetica, sans-serif;
	font-size: 20px;
	max-width: 800px;
	padding: 100px 0;
	text-align: center;
	text-wrap: balance;
}

.site-header {
	z-index: 2;
}

#inlineframe {
	min-height: 500px;
	width: 100%;
}
@media (max-width: 781px){
	.block-centered .wp-block-group__inner-container{
		margin: 0px 20px;
	}
	.block-centered .wp-block-group__inner-container h2{
		font-size: 1.8rem
	}
}
/* ----------------------
-- 2.8 ICON COLUMNS
----------------------- */
.icon-columns .wp-block-group__inner-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 20px 10px 20px;
}
.icon-columns h3{
	font-size: 1.3rem;
}
.icon-columns svg{
	fill: var(--lt-purple);
	height: 50px;
	margin-right: 10px;
}
/* ----------------------
-- 2.9 FAQ ACCORDION
----------------------- */
.accordion-icon {
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 0.5em;
  transition: color 0.3s ease;
  width: 1em;
}

.faq .border-bubble h3 {
  align-items: center;
  cursor: pointer;
  display: flex;
}

.faq, .faq > .wp-block-group__inner-container{
	margin: 0px !important;
	padding: 0px !important;
}

.faq .border-bubble > .wp-block-group__inner-container {
	padding: 20px 30px 0px 30px;
}

.faq .border-bubble {
	transition: all .5s;
}

.faq .border-bubble:hover {
	background-color: var(--blue-lt-30);
	transition: all .5s;
}

/* ---------------
3. NAVIGATION
----------------- */
.header-wrap{
		z-index: 20;
}
.site-header, .header-wrap .site-header{
	background-color: var(--op-navy);
	border-radius: 0px 0px 30px 30px;
}
.site-header .main-navigation a{
	color: white;
	text-transform: uppercase;
}
nav .long-text a{
	    max-width: 222px;
    line-height: 20px !important;
    text-align: center;
    margin-top: 20px;
}
@media (min-width: 1190px){
	.site-header .main-navigation .gp-icon.icon-arrow{
		display: none;
	}

}
@media (max-width: 1189px){
		.site-header{
		position: absolute;
			width: 100%;
	}
	.site-header .main-navigation .sub-menu{
		background-color: transparent;
	}
}
/* ---------------
4. HOMEPAGE
----------------- */

/* ---------------
-- 4.1 HOMEPAGE HERO
----------------- */
.home-hero{
	overflow: hidden;
	position: relative;
}
.home-hero .color-bars.animate::before,
.home-hero .color-bars.animate::after{
	opacity: .8
}
.home-hero .inside-page-hero{
		overflow-x: hidden;
}
.home-hero h1{
	font-size: 3rem;
	text-shadow: 2px 2px 3px var(--gray);
}
.home-hero h2{
	font-size: 1.8rem;
}
	.testimonial-order .large-text{
		max-width: 500px; 
}
@media (min-width: 1110px){
	.testimonial-order .large-text{
		margin-top: -140px;
	}
	.testimonal-text .wp-block-spacer{
		height: 00px !important;
	}
}
@media (min-width: 782px){
	.home-hero .inside-page-hero h1,.home-hero .inside-page-hero h2{
		width: 50%;
	}

}

@media (max-width: 781px){
		.home-hero h1{
		font-size: 2.5rem
	}
	.home-hero h2{
	font-size: 1.6rem;
}
		.testimonial-order .large-text{
			max-width: 100%;;
	}
}
@media (max-width: 550px){
	.home-hero h1{
		font-size: 1.8rem;
	}
	.home-hero h2{
		font-size: 1.2rem
	}
}


/* ----------------------
5. SINGLE PAGES AND POSTS
----------------------- */
/* ----------------------
-- 5.1 OUR APPROACH
----------------------- */
/* AWARDS COLUMNS */
@media (min-width: 782px) and (max-width:1000px){
	.awards .wp-block-columns{
		flex-wrap: wrap !important;
	}
	.awards .wp-block-column{
		max-width: calc(50% - 20px);
		min-width: calc(50% - 20px);
		width: calc(50% - 20px);
	}
}
/* ----------------------
-- 5.2 ENGAGEMENT
----------------------- */
/* BENEFITS COLUMNS */
@media (min-width: 782px) and (max-width:1000px){
	.benefits .wp-block-columns.icon-columns{
		flex-wrap: wrap !important;
	}
	.benefits .icon-columns .wp-block-column{
		max-width: calc(50% - 20px);
		min-width: calc(50% - 20px);
		width: calc(50% - 20px);
	}
}
@media (max-width: 781px){
	.icon-columns.wp-block-columns{
		gap: 20px;
	}
}
/* ----------------------
-- 5.3 CONTACT
----------------------- */
@media (max-width: 781px){
	.contact-columns.wp-block-columns{
		gap: 20px;
	}
}
/* ----------------------
-- 5.4 SEARCH RESULTS
----------------------- */
.search-results article{
	background-color: rgba(255, 255, 255, .6);
	padding: 40px;
}
/* ---------------
6. FOOTER
----------------- */
.site-footer{
	margin-top: -20px;
}
.site-footer > .wp-block-group{
	border-radius: 20px 20px 0px 0px;
	padding: 60px 40px;
}
.site-footer ul{
	list-style: none;
}
.site-footer .wp-block-column > ul > li{
	font-weight: bold;
}
.site-footer .wp-block-column > ul > li:not(first-child){
	font-weight: bold;
	margin-top: 10px;
}
.site-footer .wp-block-column > ul > li >ul >li{
	font-weight: normal;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{
	background-color: var(--lt-purple)
}