/******/
/*** SECTIONS ***/
/******/

/* BLOG */

.blog-img-padding {
	padding-bottom: 2.25rem;
}

.blog-item img {
	max-height: 14.125rem;
	object-fit: cover;
}

.blog-main {
	max-height: 39.75rem;
	object-fit: cover;
}

.post-content img {
	border-radius: var(--radius-3xl);
}

.blog-category, .gallery-category, .event-category {
	border-radius: 2.5rem !important;
	padding: 1.25rem 2.5rem !important;
	margin-right: .75rem;
	margin-bottom: .75rem;
}

@media screen and (max-width: 47.9375rem) {
	.blog-category, .gallery-category, .event-category {
		padding: .75rem .75rem !important;
	}
}

.category-links {
	padding-bottom: 2rem;
}

.blog-category.active, .gallery-category.active, .event-category.active {
	background-color: var(--color-blue);
	color: var(--color-cream) !important;
}

.clear-all {
	color: var(--color-blue) !important;
	opacity: 0.4;
}

.category-links:has(.category-link.active) .clear-all {
    opacity: 1;
}

/* BUBBLE TEXT IMAGE */

.bubble-icon {
	max-width: 6.21019rem;
}

.bubble-text-image .bubble, .bubble-padding {
	padding: 3rem;
}


@media screen and (max-width: 47.9375rem) {
	.bubble-text-image .bubble, .bubble-padding {
		padding: 1.5rem;
	}
	
	.bubble-icon {
		max-width: 3.21019rem;
	}
	
	.bubble {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

/* BUBBLES */

.bubble {
	border-radius: var(--radius-3xl);
	background-size: cover;
}

.rounded-img img {
	border-radius: var(--radius-3xl);
}

.rounded {
	border-radius: var(--radius-3xl);
}

.height-inherit {
	height: inherit;
}

ul.split-list {
	columns: 2;
	-webkit-columns: 2; /* Safari/Chrome */
	-moz-columns: 2;    /* Firefox */
	padding-top: .625rem;
}

@media screen and (max-width: 47.9375rem) {
	ul.split-list{
		columns: 1;
		-webkit-columns: 1; /* Safari/Chrome */
		-moz-columns: 1;    /* Firefox */
	}
}

.bubbles p {
	font-size: 1rem;
}


.split-list li {
	margin-block-start: 0;
	margin-block-end: 1rem;
	font-size: var(--text-base);
  	break-inside: avoid;
  	-webkit-column-break-inside: avoid;
}

.no-background {
	background-color: transparent;
}

/* BUBBLE DETAIL */

.bubble-details h2 {
	margin-block-start: 0;
}

.bubble-details .background-green .details-dropdown__title {
	color: var(--color-yellow);
}

.bubble-details .background-mint .details-dropdown__title {
	color: var(--color-brown);
}

.bubble-details .background-yellow .details-dropdown__title {
	color: var(--color-blue);
}

.flex-1 {
	flex: 1;
}


/* CAMP TABS*/

.tab-sessions {
	border-radius: var(--radius-3xl);
}

.tab-info h2 {
	color: var(--color-red);
}

.tab-border {
	border: solid .25rem var(--color-red);
	border-radius: 1.25rem;
	padding-left: 3rem;
	padding-right: 3rem;
}

@media screen and (max-width: 48rem) {
	.tab-border {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-top: 2rem;
	}
	
	.mobile-no-border {
		padding-left: 0rem;
		padding-right: 0rem;
		border: 0 !important;
	}
	
	.camp-tabs .tab-content-wrapper {
		padding-top: 4rem;
	}
}

.camps-tabs-list {
	padding-inline-start: 0rem;
	gap: 1.5rem;
	display: flex;
	margin-top: -3rem;
}

@media (max-width: 47.9375rem) {
	.camps-tabs-list {
		gap: 0rem;
	}
}

.camps-tab-item {
    color: var(--color-dust); /* inactive */
    display: flex;
    align-items: center;
    cursor: pointer;
	display: flex;
	padding: .5rem 1rem;
	align-items: center;
	gap: 1rem;
	border-radius: 2.5rem;
	border: solid .25rem var(--color-dust);
	background-color: var(--color-cream);
}

.tab-sessions > :first-child {
    padding-right: 1.5rem;
}

.tab-sessions > :second-child {
    padding-left: 1.5rem;
}

.tab-sessions {
	padding: 3rem;
}

@media screen and (max-width: 47.9375rem) {
	.tab-sessions {
		padding: 1.5rem;
	}
	
	.tab-sessions > :first-child {
		padding-right: 0rem;
	}

	.tab-sessions > :second-child {
		padding-left: 0rem;
	}
}

.session-text p {
	font-size: 1rem;
}

.camps-tab-item svg {
    width: 3rem;
    fill: currentColor; /* SVG inherits text color */
    flex-shrink: 0;
}

.camps-tab-item.active {
    color: var(--color-cream); /* active */
	background-color: var(--color-red);
	border: solid .25rem var(--color-red);
}

.details-dropdown__title {
    cursor: pointer;
    padding-right: 2rem; /* space for arrow */
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-bottom: 0;
	position: relative;
}

.event-section .details-dropdown__title {
	padding-top: 0rem;
}

.details-dropdown__title::after {
    border-style: solid;
	border-width: .125rem .125rem 0 0;
	content: " ";
	display: inline-block;
	height: 1.5rem;
	position: absolute;
	right: 0;
	transform: rotate(135deg);
	transition: 0.3s ease-in-out;
	vertical-align: top;
	width: 1.5rem;
	bottom: 2rem;
	left: auto;
}

.details-dropdown-wrapper.active .details-dropdown__title::after {
    transform: rotate(-45deg);
}

.background-mint.bubble {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

@media screen and (max-width: 47.9375rem) {
	.background-mint.bubble {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.mobile-margin-bottom {
		margin-bottom: 1rem;
	}
}

.pricing-table th {
	color: var(--color-cream);
}

.pricing-table th,
.pricing-table td {
	text-align: left;
	padding: 0.5rem 0.5rem;
	width: 50%;
}

.pricing-table td {
	background-color: var(--color-cream);
}

.pricing-table table {
	border: 0.125rem solid var(--color-brown);
	border-radius: 0.5rem;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
	background-color: var(--color-brown);
}

.pricing-table tbody tr:not(:first-child) td {
	border-top: 0.125rem solid var(--color-brown);
}

.pricing-table tbody td:not(:last-child) {
	border-right: 0.125rem solid var(--color-brown);
}

.background-cream.camp-tabs .swiper-button-prev, .background-cream.camp-tabs .swiper-button-next {
	color: var(--color-red) !important;
}

.background-cream.camp-tabs.tabs-horizontal .swiper-button-prev, .background-cream.camp-tabs.tabs-horizontal .swiper-button-next {
	color: var(--color-blue) !important;
}

.camp-tabs .mobile-arrows {
	height: 2rem;
	padding-bottom: 5rem;
}

.mobile-camp-tab {
	position: absolute;
	top: 0rem;
	left: 50%;
 	transform: translateX(-50%);
	width: 80%;
}
@media (max-width: 47.9375rem) {
	.display-block-mobile {
		display: block;
	}
}

.desktop-tabs, .desktop-tab-content { display: block; }
.mobile-display-flex, .mobile-display-block, .camp-swiper, .mobile-swiper-nav { display: none; }
@media (max-width: 47.9375rem) {
	.desktop-tabs, .desktop-tab-content { display: none !important; }
	.mobile-display-flex { display: flex !important; }
	.mobile-display-block { display: block !important; }
}

/* COLUMNS */

.icon img {
	width: 2.5rem;
}

.link {
	color: inherit;
	text-decoration: underline;
}

/* CALL TO ACTION */

.background-dots {
    position: relative;
    z-index: 0; /* ensures pseudo-element stays behind content */
}

.background-dots {
    position: relative;
    background-image: url('/wp-content/themes/down-home-ranch/assets/images/backgrounds/dots-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: lighten;
}

.tabs .background-dots {
	background-image: url('/wp-content/themes/down-home-ranch/assets/images/backgrounds/background-dots-tabs.png');
}

.background-dots.background-yellow, .background-dots.background-pink, .background-dots.background-mint {
	background-blend-mode: screen;
}

.call-to-action .background-dots::before {
	opacity: 50%;
}

.call-to-action.background-yellow .button.primary {
	background-color: var(--color-green);
	color: var(--color-yellow);
}

.call-to-action.background-yellow .button.secondary {
	background-color: var(--transparent);
	border: solid .125rem var(--color-green);
	color: var(--color-green);
}

.call-to-action.background-yellow .subhead-1 {
	color: var(--color-green);
}


/* EVENTS */

.mobile-arrows {
	display: none;
	position: relative;
}

.mobile-arrows.swiper-button-prev {
	left: 0;
}

.mobile-arrows.swiper-button-next {
	right: 0;
}

.mobile-arrow-container {
	padding-top: 4rem;
}

.events-association .event-image img {
	height: 25rem;
	object-fit: cover;
}

@media (max-width: 47.9375rem) {
	.desktop-arrows {
		display: none;
	}
	.mobile-arrows {
		display: block;
	}
	
	.events-association .event-image img {
		height: 18rem;
	}
}

.event-info, .event-info p {
	font-size: var(--text-base);
}

.event-info h4 {
	color: var(--color-blue);
}

.blue-event-info h4 {
	color: var(--color-yellow);
}

.event-image img {
	border-radius: var(--radius-3xl);
}

.price h4 {
	padding-left: .2rem;
}

.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1rem;
}

.events .event-details h4 {
	color: var(--color-blue);
}

.events .event, .blog-item {
	border-top: .125rem solid var(--color-blue);
}

.related-event, .related-blog {
	border-radius: 1.25rem;
	border: .25rem solid var(--color-blue);
	padding: 2rem;
}

.related-container .grid-33 {
	padding-right: 2rem;
}

@media screen and (max-width: 47.9375rem) {
	.related-container .grid-33 {
		padding-right: 0rem;
	}
}

.event-block-start {
	padding-top: 2.25rem;
}

/* FAQ */

.faqs.background-yellow .button {
	border-color: var(--color-blue) !important;
	color: var(--color-blue) !important;
}

/* FAQ FULL */

.faq-sticky {
	position: sticky;
	top: 0;
}

@media screen and (max-width: 47.9375rem) {
	.faq-sticky {
		position: relative;
		padding-bottom: 2rem;
	}
}

.faq-sticky .button-container {
	padding-top: 1rem;
}

.page-faq {
	position: relative;
}

.faq-full.intro {
	padding-top: 3rem;
}

.faq-full :target {
	scroll-margin-top: 2rem;
}


/* GALLERY */
section.image-gallery .swiper-button-next, section.image-gallery .swiper-button-prev {
	position: relative;
}

.gallery-container *,
.gallery-container {
    user-select: none;
}

.masonry-grid {
	column-count: 4;
	column-gap: 24px;
}
.masonry-item {
	break-inside: avoid;
	margin-bottom: 24px;
	width: 100%;
	cursor: pointer;
}
	
#gallery-modal .modal-swiper {
	color: var(--color-yellow) !important;
	position: absolute !important;
	top: 50%;
}

.modal-swiper-prev{
	left: 0;
}

.modal-swiper-next{
	right: 0;
}
	
.modal-image-wrapper {
	height: 70vh;
}
	
@media screen and (max-width: 47.9375rem) {
	.masonry-grid {
		column-count: 2;
	}
	
	.modal-image-wrapper {
		height: 40vh;
	}
}
	
.slider-image {
	height: 100%;
	object-fit: contain;
}
	
.gallery-modal {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: var(--color-brown);
	mix-blend-mode: multiply;
	backdrop-filter: blur(4.150000095367432px);
	justify-content: center;
	align-items: center;
	z-index: 100;
	overflow-x: hidden;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;    
	-ms-user-select: none;      
	cursor: default;
}

.gallery-container {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
}

.gallery-modal-content {
	position: relative;
	background: none;
	padding-left: 10px;
	padding-right: 10px;
	max-height: 90%;
	overflow: hidden;
}
	
.body-lock-scroll {
	overflow: hidden;
	width: 100%;
	position: relative;
}
	
.gallery-modal-close-icon {
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	z-index: 101;
}

.gallery-modal-close-icon::before,
.gallery-modal-close-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 2px;
	transform-origin: center;
}

.gallery-modal-close-icon::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.gallery-modal-close-icon::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.gallery-modal-close-icon::before,
.gallery-modal-close-icon::after {
	background-color: var(--color-yellow);
}

.gallery-modal-close-icon {
	top: 10px;
	right: 15px;
}

.modal-image-wrapper img {
	
}

.gallery-item img {
	border-radius: var(--radius-3xl);
}

.gallery-container img[data-dominant-color]:not(.has-transparency) {
	background-color: transparent !important;
}

.gallery-pagination-container {
    margin-top: 1.875rem;
    text-align: center;
    width: 100%;
    clear: both;
}

.gallery-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.gallery-pagination li {
    display: inline-block;
}

.gallery-pagination a,
.gallery-pagination span {
   	padding: 8px 12px;
    border: 2px solid var(--color-blue);
    color: var(--color-blue);
    text-decoration: none;
    transition: all 0.3s;
	height: 1.2rem;
	display: flex;
	border-radius: .5rem;
    align-items: center;
}

.gallery-pagination .current,
.gallery-pagination a:hover {
    background-color: var(--color-blue);
    color: var(--color-cream);
}

/* IMAGE COLUMNS */

.image-column-bubble {
	border-radius: 7rem;
	margin-top: -6rem;
	padding: 3rem;
	z-index: 5;
}

@media (max-width: 47.9375rem) {
	.image-column-bubble {
		padding: 1rem;
		margin-top: 0rem;
	}
	
	.icon {
		padding-bottom: 1rem;
	}
}

/* INTRO CAMP */

.intro-camp-icon img {
	margin-top: -4rem;
	position: relative;
}

.intro-camp {
	padding-bottom: 4rem;
}

/* INTRO INNER */

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.intro-inner li {
	margin-left: 1rem;
}

@media screen and (max-width: 47.9375rem) {
	.intro-inner .tab-logo {
		bottom: 0.5rem;
	}
}

/* INTRO HOME */

.intro {
	padding-top: 10rem;
}

.enllax-foreground {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	width: 18.75rem; 
	height: 18.75rem;
	z-index: 1;
}

.horizontal-scroll-wrapper {
	position: relative;
	width: 100vw;
	padding-bottom: 3rem;
	overflow: hidden;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-x;
}

.horizontal-scroll-track {
	display: flex;
	height: 100%;
	will-change: transform;
	position: sticky;
	top: 0;
	gap: 0.75rem;
	width: max-content;
}

.scroll-image-item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.scroll-image-item img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
}

.horizontal-scroll-track::-webkit-scrollbar {
	display: none;
}

.horizontal-scroll-track {
	scrollbar-width: none;
	-ms-overflow-style: none;
	height: 20.1875rem;
	margin-left: -5rem;
}

body, html {
	scroll-behavior: smooth;
}

@media (max-width: 47.9375rem) {
	.intro {
		padding-top: 7rem;
	}
	
	.horizontal-scroll-track {
		height: 14.1875rem;
	}
	
	.scroll-image-item img {
		width: auto;
		height: auto;
		max-width: 100%;
        max-height: 100%;
		object-fit: cover;
	}
}

.horizontal-scroll-wrapper {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-x;
	scrollbar-width: none;
}

/* Hide scrollbar for WebKit browsers */
.horizontal-scroll-wrapper::-webkit-scrollbar {
	display: none;
}



/*NEWSLETTER DISCOUNT */

.newsletter-discount h2 {
	color: var(--color-green);
	padding-bottom: 2rem;
}

@media screen and (max-width: 47.9375rem) {
	.newsletter-discount h2 {
		padding-bottom: 1rem;
		padding-top: 1rem;
	}
}

/* STAT TEXT */

.stat-icon img {
	width: 2.8125rem;
	height: 2.8125rem;
	padding-right: 1.5rem;
}

.stat-text h3 {
	margin-block-start: 0rem;
}

/* TABS */

.tabs ul {
  list-style-type: none;
}

.tab-item {
	border-top: .125rem solid var(--color-cream);
	cursor: pointer;
}

.button-0.primary {
	color: var(--color-mint) !important;
}

.button-2.primary {
	color: var(--color-brown) !important;
}

.button-3.primary {
	color: var(--color-green) !important;
}

.button-4.primary {
	color: var(--color-pink) !important;
}

.background-tabs::before {
    background-image: url('/wp-content/themes/down-home-ranch/assets/images/backgrounds/tabs-background.png');
}

.tab-logo {
	position:absolute;
	bottom:-3.5rem;
	left:-0.5rem;
}

.tab-stars {
	position:absolute;
	top:-3.5rem; 
	right:-0.5rem;
}

.tabs .tab-logo {
	bottom: -7rem;
	left:-5rem !important;
}

.tabs .tab-stars {
	top: -1rem;
	right:-5rem !important;
}

@media screen and (max-width: 80rem) {
	.tabs .tab-logo {
		left:-3rem !important;
	}

	.tabs .tab-stars {
		right:-3rem !important;
	}
}

.tab-logo,
.tab-stars {
	position: absolute;
	will-change: transform;
	transition: transform 0.1s linear;
}

.tabs {
	position: relative;
}

.tabs-background-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	z-index: -1;
}

.tabs-background-left,
.tabs-background-right {
	flex: 1;
	transition: background-color 0.3s ease;
}

.tabs-background-left {
	background-color: var(--color-red);
}

.tabs-background-right {
	background-color: var(--color-mint);
}

.tab-left,
.tab-right {
	position: relative;
	z-index: 1;
}

.tabs-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tab-item {
	border-top: 2px solid var(--color-red);
	cursor: pointer;
	transition: border-color 0.3s ease;
}

.tab-item.active {
	border-top-color: var(--color-brown);
}

.tabs-main h2 {
	font-size: 2.5rem;
}

@media screen and (max-width: 47.9375rem) {
	.tabs:not(.tabs-vertical) {
		position: static;
		padding-top: 0;
	}
	
	.tabs .tab-image-container svg {
		width: 7.51875rem !important;
		height: 7.51875rem !important;
	}
	
	.tabs-background-container {
		position: static;
		flex-direction: column;
	}
	
	.tabs-background-left,
	.tabs-background-right {
		flex: none;
		width: 100%;
		position: relative;
	}
	
	.tab-left,
	.tab-right {
		position: static;
	}
	
	.tab-image-container {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.tabs .tab-logo {
		left: 0rem !important;
		bottom: -3rem;
	}

	.tabs .tab-stars {
		right: 0rem !important;
		top: 1rem;
	}
	
	.tabs .tab-image img {
		height: 18rem;
		object-fit: cover;
		border-radius: var(--radius-3xl);
	}
}


/* TABS HORIZONTAL */

.tabs-horizontal h2 {
    color: var(--color-blue);
}

.tabs-horizontal .bubble-text h2 {
    color: var(--color-red);
}

.tabs-horizontal .bubble img {
	max-width: 21.5625rem;;
}

.tabs-horizontal .price h2 {
	color: var(--color-brown);
}

.tabs-horizontal .tab-border {
	border: solid .25rem var(--color-blue);
}

.tabs-horizontal .camps-tab-item.active {
	background-color: var(--color-blue);
	border-color: var(--color-blue);
}

.tabs-horizontal .camps-tab-item img {
	width: 2.13494rem;
}

/* TABS VERTICAL */

.tabs-vertical.background-blue .tab-border,  .tabs-vertical.background-blue .tab-border .tab-item{
	color: var(--color-yellow);
	border-color: var(--color-yellow);
}

.tabs-vertical.background-blue .active, .tabs-vertical.background-blue .active a {
	color: var(--color-cream) !important;
	border-color: var(--color-cream) !important;
}

.tabs-vertical.background-brown .tab-border,  .tabs-vertical.background-brown .tab-border .tab-item{
	color: var(--color-pink);
	border-color: var(--color-pink);
}

.tabs-vertical.background-brown .active {
	color: var(--color-cream) !important;
	border-color: var(--color-cream) !important;
}

.tabs-vertical.background-green .tab-border,  .tabs-vertical.background-green .tab-border .tab-item{
	color: var(--color-yellow);
	border-color: var(--color-yellow);
}

.tabs-vertical.background-green .active {
	color: var(--color-cream) !important;
	border-color: var(--color-cream) !important;
}

.tabs-vertical.background-cream .tab-border,  .tabs-vertical.background-cream .tab-border .tab-item{
	color: var(--color-green);
	border-color: var(--color-green);
}

.tabs-vertical.background-cream .active {
	color: var(--color-brown) !important;
	border-color: var(--color-brown) !important;
}

.tabs-vertical.background-cream .active .button {
	background-color: var(--color-brown) !important;
	color: var(--color-cream) !important;
	border-color: var(--color-cream) !important;
}

.tabs-vertical .tab-text ul {
	list-style: initial;
}

.tabs-vertical .tab-title img {
	width: 3rem;
	padding-top: .5rem;
}

.tabs-vertical .tab-image img {
	max-height: 37.5rem;
	border-radius: 1.5rem;
	object-fit: cover;
}


.tabs-vertical .tab-right {
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

/* Hide scrollbars (WebKit) */
.tabs .tab-right::-webkit-scrollbar,
.tabs .tab-right .tabs-list::-webkit-scrollbar {
    display: none;
}

/* List scroll area inside */
.tabs .tabs-list {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-right: 10px;
	margin-block-start: 0;
}

@media screen and (max-width: 47.9375rem) {
	.tabs-vertical .tab-image img {
		height: 13rem;
		object-position: center 13%;
	}
}


/* TEAM */

.team-image img {
	border-radius: var(--radius-3xl);
	object-fit: cover;
}

/* TEAM CRAFT */

.team-craft-modal h5 {
	color: var(--color-pink) !important;
}

.team-craft-modal p {
	color: var(--color-cream) !important;
}

.team-craft-modal#gallery-modal .modal-swiper {
	color: var(--color-pink) !important;
}

.team-close::before, .team-close::after {
	background-color: var(--color-pink) !important;
}

.craft-info svg {
	margin-top: .1rem;
}

@media screen and (max-width: 47.9375rem) {
	.team-craft .swiper-slide img {
		height: 18rem;
		object-fit: cover;
		border-radius: 10px;
	}
}

@media screen and (max-width: 47.9375rem) {
    .team-craft-modal .gallery-modal-content {
        max-height: 90vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .team-craft-modal .gallery-container {
		padding-top: 2rem;
        max-height: 90vh;
        overflow-y: auto;
    }

    .team-craft-modal .swiper-slide > div:last-child {
        overflow-y: auto;
        max-height: calc(90vh - 100px);
    }
}


/* TEXT IMAGE PARALLAX */

.pos-top-left {
	top: auto !important;
	bottom: 140% !important;
	right: auto !important;
}

.pos-top-right {
	top: auto !important;
	bottom: 140% !important;
	left: auto !important;
}

.pos-bottom-left {
	top: 150% !important;
	right: auto !important;
}

.pos-bottom-right {
	top: 150% !important;
	left: auto !important;
}

.pos-center {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
}

.parallax-1 {
	width: 13.56rem !important;
	height: 14.81rem !important;
	z-index: 2;
}

.parallax-2 {
	width: 30.13rem !important;
	height: 29.56rem !important;
	z-index: 1;
}

.parallax-3 {
	width: 20.31rem !important;
	height: 14.25rem !important;
	z-index: 2;
}

@media screen and (max-width: 47.9375rem) {
	.pos-top-left {
		bottom: 50% !important;
	}

	.pos-top-right {
		bottom: 50% !important;
	}

	.pos-bottom-left {
		top: 60% !important;
	}

	.pos-bottom-right {
		top: 60% !important;
	}
	
	.parallax-1 {
		width: 13rem !important;
		height: 13rem !important;
	}

	.parallax-2 {
		width: 100% !important;
		top:25% !important;
	}

	.parallax-3 {
		width: 13rem !important;
		height: 13rem !important;
	}
}

/* TEXT FORM */

@media screen and (max-width: 47.9375rem) {
	.text-form {
		padding-top: 4rem;
	}
}


/* VIDEO CENTERED */

.video-embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio = 9/16*100 */
    height: 0;
}

.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* SWIPER */

.background-cream .swiper-button-next, .background-cream .swiper-button-prev {
	color: var(--color-blue) !important;
}

.background-blue .swiper-button-next, .background-blue .swiper-button-prev {
	color: var(--color-yellow) !important;
}




/* FOOTER */

.footer-menu ul, .socials-menu ul {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: flex-start;
  	justify-content: flex-start;
	flex-wrap: wrap;
}

@media screen and (max-width: 47.9375rem) {
	.footer-menu ul {
		align-items: center;
		justify-content: center;
	}
}

.footer-menu li, .socials-menu li {
	width: calc(33% - .75rem);
	margin-bottom: .75rem;
}

.socials-menu li {
	width: calc(100% - .75rem);
	margin-bottom: .75rem;
}

.footer-watermark img {
	opacity: .05;
	margin-bottom: -7.5rem;
}

.footer-border {
	border-top: solid 0.125rem var(--color-cream);
}

.hyphenate-desktop {
	word-wrap: break-word;
	hyphens: auto;
	text-transform: lowercase;
}

@media screen and (max-width: 47.9375rem) {
	
	.hyphenate {
		word-wrap: break-word;
    	hyphens: auto;
    	text-transform: lowercase;
	}
	
	.services-accordion .accordion-panel p {
		margin: 0;
	}
	
	.frame-border {
		border-width: 1rem;
		border-radius: 2rem;
	}

	.border-2 {
		border-radius: 0rem;
	}
	
	.cards .card {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.order-initial{
		order: initial;
	}

	.order-mobile-1 {
		order: 1;
	}

	.order-mobile-2 {
		order: 2;
	}
	
	.order-mobile-3 {
		order: 3;
	}
	
	.order-mobile-4 {
		order: 4;
	}
	
	.order-mobile-5 {
		order: 5;
	}
	
	.order-mobile-6 {
		order: 6;
	}
	
	.order-mobile-7 {
		order: 7;
	}
	
	.order-mobile-8 {
		order: 8;
	}
	
	.order-mobile-9 {
		order: 9;
	}
	
	.order-mobile-10 {
		order: 10;
	}
	
	.mobile-height-100 {
		height: 100vh;
	}
	
	.footer-menu li, .socials-menu li {
		width: calc(50%);
		display: flex;
		justify-content: center;
		margin-bottom: 1.5rem;
	}
	
	.footer-menu ul, .footer-info {
		text-align: center;
	}
	
	.footer-wrap a {
		width: 100%;
	}
	
	#menu-footer-mobile-menu {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

}

@media screen and (max-width: 37.5rem) {
	
  .services-accordion #wrapper {
    display: flex;
    flex-flow: column wrap;
    height: auto;
    min-height: 100vh;
  }
  
  .services-accordion .accordion-panel {
    min-height: 25rem;
    background-position: center top;
  }
	
}