/*
Theme Name: By Your Side Support
Theme URI: 
Author: By Your Side Support
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: by-your-side-support
Tags: 

/* CSS Reset
---------------------------------------------------------------------------- */

/* CSS Reset
---------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

b,
strong {
	font-weight: 600;
}

ol,
ul {
	padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--md);
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--neutral-9);
	font-size: var(--wp--preset--spacing--xs);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

img,
figure {
	max-width: 100%;
	height: auto;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--neutral-10);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--neutral-10);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--text-base);
	width: 100%;
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--neutral-10);
	font-size: var(--wp--preset--font-size--text-sm);
	opacity: 0.75;
}

/* Post Comment Button */
input[type="submit"].wp-block-button__link {
	padding-top: var(--wp--custom--block--button--padding-y);
	padding-right: var(--wp--custom--block--button--padding-x);
	padding-bottom: var(--wp--custom--block--button--padding-y);
	padding-left: var(--wp--custom--block--button--padding-x);
}

input[type="submit"].wp-block-button__link:hover {
	background-color: var(--wp--preset--color--neutral-12);
	color: var(--wp--preset--color--light);
	border-color: var(--wp--preset--color--neutral-12);
}

:root {
    --focus-ring-color: var(--wp--preset--color--neutral-10);
    --focus-ring-offset: 2px;
}

/* :where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid;
    outline-color: var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
} */

.wp-element-button,
.wp-block-button__link {
    transition: all 0.2s ease-in-out;
}
/* ----------------------------------------------------------------------------- */
/* REUSABLE CLASS */
.hidden{
	display: none !important;
}
@media (max-width:920px){
	.swap .swap-order-2{
		order: 2;
	}
}

/* TEMPLATE 01 */
@media (min-width:920px){
	.template-01 .wp-block-group.is-layout-grid.gap-128{
		gap: clamp(2rem, -3.52rem + 9.6vw, 8rem);
	}
	.template-01 .wp-block-group.is-layout-grid.gap-96{
		gap: clamp(2rem, -3.52rem + 9.6vw, 8rem);
	}
}
@media (max-width:920px){
	.template-01 .wp-block-group.is-layout-grid{
		grid-template-columns: repeat(1, minmax(0, 80%));
		gap: clamp(1.5rem, -0.6rem + 8vw, 4rem);
		justify-content: center;
	}

}
@media (max-width:600px){
	.template-01 .wp-block-group.is-layout-grid{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

/* IMAGE LAYOUT 1 */
.img-layout-01{
	position: relative;
}
.img-layout-01 .img-container {
	position: relative;
	max-width: 458px;
	margin: auto;
	aspect-ratio: 4/5;
	z-index: 2;
}
.img-layout-01 .img-container figure:first-of-type{
	position: absolute;
	z-index: 2;
	aspect-ratio: 3/4;
	width: 52.4%;
}
.img-layout-01 .img-container figure:last-of-type{
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	aspect-ratio: 4/3;
	width: 70%;
}
.img-layout-01 .dots-container{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.img-layout-01 .dots-container .wp-block-outermost-icon-block{
	width: 57.4%;
}

.img-layout-01 .dots-container>div:first-of-type{
	position: absolute;
  	right: 0;
	top: 84px;
}
.img-layout-01 .dots-container>div:last-of-type{
	position: absolute;
 	bottom: 110px;
}

/* TEMPALTE 2 */
@media (min-width:920px){
	.template-02>.is-layout-flex{
		gap: clamp(2rem, -1.68rem + 6.4vw, 6rem);
		justify-content: space-between;
	}
}
@media (max-width:920px){
	.template-02>.is-layout-flex{
		flex-direction: column;
		align-content: start;
	}
	.img-layout-02 .dots-container .wp-block-outermost-icon-block .icon-container{
		width: 100% !important;
	}
}	

/* IMAGE LAYOUT 2 */
.img-layout-02{
	width: 100%;
	aspect-ratio: 1;
	align-items: center;
	display: flex;
}
.img-layout-02>figure{
	width: 87.47%;
	aspect-ratio: 1;
  	z-index: 2;
}
.img-layout-02>figure img{
	width: 100%;
}
.img-layout-02 .dots-container,
.img-layout-02 .dots-container-v2 {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: unset;
	z-index: 1;
}
.img-layout-02 .dots-container .wp-block-outermost-icon-block,
.img-layout-02 .dots-container-v2 .wp-block-outermost-icon-block{ 
	width: 67.59%;
	aspect-ratio: 17/9;
}
.img-layout-02 .dots-container>div:first-of-type{
	position: absolute;
	top: 0;
}
.img-layout-02 .dots-container>div:last-of-type{
	position: absolute;
	bottom: 0;
	right: 0;
}
/* IMAGE LAYOUT 2 alternate*/
.img-layout-02 .dots-container-v2>div:first-of-type{
	position: absolute;
	right: 0;
	top: 0;
}
.img-layout-02 .dots-container-v2>div:last-of-type{
	position: absolute;
	bottom: 0;
	left: 0;
}

/* CTA PATTERN */
.template-CTA{
	height: clamp(14.375rem, -27.5605rem + 129.0323vw, 34.375rem);
	min-height: unset;
}

.value-proposition-cards{
	margin-top: -130px !important;
	z-index: 1;
}
.value-proposition-cards .wp-block-column{
	border-radius: 8px;
	overflow: hidden;
	transition: .3s;
	box-shadow: 0px 5px 20px rgba(3, 7, 18, 0.04);

}
.value-proposition-cards .wp-block-column:hover{
	transition: .3s;
	box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.01),
	0px 5px 4px rgba(3, 7, 18, 0.01),
	0px 12px 9px rgba(3, 7, 18, 0.02),
	0px 20px 15px rgba(3, 7, 18, 0.03),
	0px 32px 24px rgba(3, 7, 18, 0.04);

}


/* BUTTON CUSTOM */
.wp-block-button .wp-block-button__link i.left{
	margin-right: 8px;
}
.wp-block-button .wp-block-button__link i.right{
	margin-left: 8px;
}
.wp-block-button .wp-block-button__link i::before{
	font-size: var(--wp--preset--font-size--text-xl)
}
.flex-container a {
    display: flex;
    align-items: center;
}
/* FILL BUTTON RED */
.btn-fill-02 a{
	background-color: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
}
.btn-fill-02 a:hover{
	background-color: var(--wp--preset--color--custom-custom-color-1);
	border-color: var(--wp--preset--color--custom-custom-color-1);
}


/* HOME BANNER */
.wp-container-core-group-is-layout-6 > * + *{
	margin-block-start: clamp(0.75rem, -1.875rem + 10vw, 1.875rem);
}
.banner-inner{
	padding-top: clamp(0rem, -14.625rem + 45vw, 11.25rem) !important;
  	padding-bottom: clamp(0rem, -7.8rem + 24vw, 6rem) !important;
}


/* FOOTER */
@media (max-width:781px){
	footer .wp-block-columns .wp-block-column figure{
		align-self: center;
	}
}
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"], .wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--custom-custom-color-2) !important;
}

/* HEADER */
header {
    transition: .3s;
    box-shadow: none;
	position: relative;
}
header.scrolled {
    box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.01),
                0px 5px 4px rgba(3, 7, 18, 0.01),
                0px 12px 9px rgba(3, 7, 18, 0.02),
                0px 20px 15px rgba(3, 7, 18, 0.03),
                0px 32px 24px rgba(3, 7, 18, 0.04);
}
.nav-mobile, .hidden-desktop{
	display: none !important;
}
.page-id-372 main .template-banner, .page-id-355 .template-banner{
	height: clamp(20rem, -18.3871rem + 100.8065vw, 30rem);
}
@media (max-width:900px){
	.nav-mobile, .hidden-desktop{ display: block !important;}
	.nav-desktop, .hidden-mobile{ display: none !important;}
	#modal-1{
		position: fixed;
		top: clamp(7.26875rem, 7.059rem + 0.8605vw, 7.5rem);
		padding-top: 10px;
		height: fit-content;
		padding: unset;
		box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.01),
					0px 5px 4px rgba(3, 7, 18, 0.01),
					0px 12px 9px rgba(3, 7, 18, 0.02),
					0px 20px 15px rgba(3, 7, 18, 0.03),
					0px 32px 24px rgba(3, 7, 18, 0.04);
	}
	#modal-1 .wp-block-navigation__responsive-dialog{
		margin: unset;
	}
	#modal-1-content{ padding: unset;}
	#modal-1-content ul, #modal-1-content li{
		width: 100%;
	}
	#modal-1-content ul li a{
		width: inherit;
		padding: clamp(0.5rem, 0.0625rem + 1.6667vw, 1rem) clamp(1rem, 0.125rem + 3.3333vw, 2rem);
	}
	#modal-1-content ul li a:hover{
		background-color: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--light) !important;
		transition: .3s;
	}
	#modal-1-content .wp-block-navigation__submenu-container{
		padding: unset;
	}
}



/* BANNER TEMPLATE */
.template-banner{
	height: clamp(14.375rem, -18.3871rem + 100.8065vw, 30rem);
  	min-height: unset;
}
@media (max-width:820px){
	.main-banner img{
		object-position: clamp(-34.375rem, -44.0116rem + 39.5349vw, -23.75rem) !important;
	}
	.template-CTA img{
		object-position: 70% !important;
	}
}

/* CONTACT FORM */
.gform_description, .gform_required_legend{
	display: none;
}

.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select{
	font-size: 1.125rem;
	border-radius: unset;
	border-color: var(--wp--preset--color--neutral-8);
	padding: 12px 20px;
	line-height: 1.15%;
}
.gform_wrapper.gravity-theme textarea{
	font-size: 1.125rem;
	border-radius: unset;
	border-color: var(--wp--preset--color--neutral-8);
}
.gform_wrapper.gravity-theme .gfield_label{
	font-size: 1.125rem;
	font-weight: 400;
}
#gform_submit_button_1{
	border-radius: 8px;
	font-size: var(--wp--preset--font-size--text-base);
	font-style: normal;
	font-weight: 500;
	padding-top: 20px;
	padding-right: var(--wp--preset--spacing--lg);
	padding-bottom: 20px;
	padding-left: var(--wp--preset--spacing--lg);
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}
#gform_submit_button_1:hover{
	background-color: var(--wp--preset--color--neutral-12);
	border-color: var(--wp--preset--color--neutral-12);
	transition: .4s;
}

.map-container iframe{
	transform: translateY(7px);
	width: 100%;
}
@media (min-width:20px) and (max-width:920px){
	.contact-grid.wp-container-core-group-is-layout-13{
		grid-template-columns: repeat(1, minmax(0, 1fr));
		margin: 0 clamp(0rem, -240.5008px + 46.25vw, 185px) !important;
	}
}

.grecaptcha-badge{
	z-index: 99;
}

.gchoice.gchoice_1_10_1{
	display: flex !important;
}

#to_top_scrollup:hover{
	background-color: var(--wp--preset--color--primary);
	opacity: 1;
}
p strong{
	font-weight: 800;
}
.template-banner p strong{
	font-weight: 700;
}
#label_1_10_1 a{
	color: var(--wp--preset--color--custom-highlight-text-colo-1);
}
#label_1_10_1 a:hover{
	color: var(--wp--preset--color--custom-custom-color-2);

}
@media (max-width:820px){
	.swap-template-02 .swap-order-2{
		order: 2;
	}
	.template-02 .breakpoit-820 .wp-block-columns{
		flex-direction: column;
	}
	.template-02 .breakpoit-820 .wp-block-columns .col-2{
		width: 80%;
	}
}


/* -------------------------------------- */
@media (max-width:920px){
	.our-values .values-grid{
		grid-template-columns: repeat(2, minmax(0, 50%));
		gap: clamp(1rem, 0.1414rem + 3.2323vw, 2rem);
	}
}
@media (max-width:480px){
	.our-values .values-grid{
		grid-template-columns: repeat(1, minmax(0, 100%));
	}
}
.our-team .team-grid{
	gap: clamp(2rem, -1.4343rem + 12.9293vw, 6rem);

}
.our-team .team-grid .team-cards, .our-team .team-grid{
	width: fit-content;
}

.emoji{
	width: 25px;
}
.apex{
	width: 100%;
}

.wp-block-navigation__responsive-container-close{
	right: 20px;
	top: 10px;
}

@media (orientation: landscape) and (max-height: 420px){
	#modal-1{
		max-height: 62%;

	}
}
@media (max-width:680px){
	.swap-template-02 .col-1 .support-purpose .font-alter{
		font-size: clamp(1.125rem, 0.9844rem + 0.625vw, 1.25rem) !important;
	}
	.swap-template-02 .col-1 .support-purpose .wp-block-outermost-icon-block .icon-container{
		width: 50px !important;
	}
}
@media (min-width:1200px){
	.banner-inner{
		padding-top: clamp(1.125rem, -23.8403rem + 29.2419vw, 11.25rem) !important;
	}
}

#gform_submit_button_1:hover{
    cursor: pointer;
}

@media (max-width:768px){
    .contact-grid{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.wp-block-columns.services-list.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    flex-wrap: nowrap !important;
  }
@media (max-width: 620px) {
    .template-01 .is-layout-grid .wp-container-content-4 .services-list{
        gap: var(--wp--preset--spacing--sm) !important;
    }
    
  .wp-block-columns.services-list.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 920px) {
    .wp-block-group.wp-container-content-4.is-vertical.is-layout-flex.wp-container-core-group-is-layout-19.wp-block-group-is-layout-flex{
        order: 2;
    }
}

@media (max-width: 600px) {
    .wp-block-group.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-group-is-layout-6.wp-block-group-is-layout-constrained, .wp-block-group.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-group-is-layout-6.wp-block-group-is-layout-constrained{
        margin-block-start: var(--wp--preset--spacing--md);
    }
}