@import "variables.css";

/* 
 * Styles here are load in editor too 
 */

/* ANCHOR - block common settings */

.alignwide {
    margin-left  : calc( (100vw - 100%) / 4  * -1 );
    margin-right : calc( (100vw - 100%) / 4  * -1 );
    /* Padding the same amount as the margin when you don't want the content to expand due to the width. */
    padding-left  : calc( (100vw - 100%) / 4 );
    padding-right : calc( (100vw - 100%) / 4 );
}
.alignfull {
    max-width : 100vw;
    margin-left  : calc( (100vw - 100%) / 2  * -1 );
    margin-right : calc( (100vw - 100%) / 2  * -1 ); 
    /* Padding the same amount as the margin when you don't want the content to expand due to the width. */
    padding-left  : calc( (100vw - 100%) / 2 );
    padding-right : calc( (100vw - 100%) / 2 );
}

/* ANCHOR - acf-innerblocks-container */

.acf-innerblocks-container > *:first-child {
    margin-top: 0;
}
.acf-innerblocks-container > *:last-child {
    margin-bottom: 0;
}
.block-container .acf-innerblocks-container {
    padding: 0 var(--gap-lg);
}

/* ANCHOR - core/heading */

/* hide h1 in editor */
.block-library-heading-level-dropdown
.components-dropdown-menu__menu
button:nth-child(1) {
    display: none;
}

/* ANCHOR - core/image */

[style="background-color: #06246B;"] .wp-block-image figcaption {
    color: white;
}

/* ANCHOR - core/quote */

.wp-block-quote {
    position: relative;
    padding: var(--gap-xl) 0;
}
.wp-block-quote::before {
    content: ' ';
    display: block;
    background-image: var(--svg-quotation);
    height: 86px;
    width: 107px;
    background-repeat: no-repeat;
    position: absolute;
    right: 15%;
    top: var(--gap-md);
}
.wp-block-quote * {
    position: relative;
}
.wp-block-quote p {
    font-size: var(--fs-lg);
}

/* ANCHOR - core/button */

.button_link,
.button_primary,
.button_secondary{}

.wp-block-buttons {
    margin: var(--gap-md) 0;
}
.wp-block-button {
    display: inline-block;
}
.wp-block-button__link.acc-target-blank[target="_blank"]:after {
    content: ' '!important;
}
.wp-block-button .wp-block-button__link,
.wp-block-button.is-style-default .wp-block-button__link,
.wp-admin .editor-styles-wrapper .wp-block-button__link
{
    border: solid 2px var(--brand-secondary-color);
    background-color: var(--brand-secondary-color);
    color: black;
    font-weight: 600;
    border-radius: var(--gap);
    padding: calc( var(--gap) + 2px ) var(--gap) var(--gap) calc(var(--gap) * 8);
    display: flex;
    gap: var(--gap-sm);
    align-items: center;
    text-indent: 0;
    transition: all .3s;
}
.wp-block-button:not(.no-hover) .wp-block-button__link:hover 
{
    text-indent: -15px;
    text-decoration: none;
}
.wp-block-button .wp-block-button__link::after 
{
    content: ' ';
    background-image: var(--svg-arrow-log);
    background-repeat: no-repeat;
    width: 22px;
    height: 13px;
    top: -1px;
    position: relative;
    display: inline-block;
    opacity: 0;
    transition: all .3s;
}
.wp-block-button:not(.no-hover) .wp-block-button__link:hover::after 
{
    opacity: 1;
    width: 37px;
}
.wp-block-button.is-style-secondary .wp-block-button__link 
{
    background-color: white;
    color: black;
}
.wp-block-button.is-style-tertiary .wp-block-button__link 
{
    position: relative;
    border-color: transparent;
    background-color: transparent;
    color: black;
    padding: 0;
    border-radius: 0;
}
.wp-block-button.is-style-tertiary .wp-block-button__link::before
{
    content: " ";
    width: 100%;
    height: 2px;
    background-color: black;
    position: absolute;
    bottom: 0;
}
.wp-block-button.is-style-tertiary .wp-block-button__link::after 
{
    content: ' ';
    background-image: var(--svg-arrow);
    background-repeat: no-repeat;
    width: 15px;
    height: 10px;
    top: -1px;
    position: relative;
    display: inline-block;
    opacity: 1;
}
.wp-block-button .has-white-color.wp-block-button__link::before
{
    background-color: white;
}
.wp-block-button.is-style-tertiary .wp-block-button__link.has-white-color::after 
{
    filter: invert(1);
}
.wp-block-button.is-style-tertiary .wp-block-button__link:hover::after 
{
    content: ' ';
    background-image: var(--svg-arrow-log);
    background-repeat: no-repeat;
    width: 32px;
    height: 13px;
    top: -1px;
    position: relative;
    display: inline-block;
    transform: rotate(0deg);
    opacity: 1;
}
.wp-block-button.is-style-tertiary .wp-block-button__link:hover
{
    text-decoration: none;
    text-indent: 0;
}
.wp-block-button.is-style-tertiary .wp-block-button__link:hover::before
{
    background-color: var(--brand-secondary-color);
}

/* ANCHOR - core/table */

body .wp-block-table td,
body .wp-block-table th {
    word-break: normal!important;
}
.wp-block-table.is-style-stripes thead {
    border-bottom: 0px;
}
.wp-block-table.is-style-stripes thead tr {
    background-color: var(--brand-secondary-color)!important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: transparent!important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: var(--brand-secondary-color-light)!important;
}
.wp-element-caption {
    margin-bottom: 1px;
}

/* ANCHOR - core/separator */

.wp-block-separator {
    margin: var(--gap-md) 0;
}

/* ANCHOR - core/list */

.wp-block-list li::marker {
    font-weight: 800;
}
ol.wp-block-list {
    padding-left: 36px;
}
ol.wp-block-list li {
    padding-left: 6px;
}

/* ANCHOR - core/file */

.wp-block-file {
    display: flex;
    align-items: center;
    margin: var(--gap-md) 0;
    font-size: 1em!important;   
}
.wp-block-file a:not(.wp-element-button) {
    text-decoration: underline;
}
.wp-block-file .wp-element-button {
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    border-color: transparent!important;
    background-color: transparent!important;
    margin: 0 !important;
    font-weight: 500;
}
.wp-block-file .wp-element-button::before {
    background-image: var(--svg-arrow);
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    background-repeat: no-repeat;
}

/* ANCHOR - core/video */

.wp-block-embed.is-type-video iframe {
    width: clamp(350px, 90vw, 650px);
    height: auto;
    aspect-ratio: 16 / 9;
}

/* ANCHOR - core/gallery */

/* masonry */
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) {
    column-gap: var(--gap-md);
    display: block!important;
}
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) .wp-block-image {
    padding-bottom: var(--gap-md);
}
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) .wp-block-image,
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) .wp-block-image a,
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) .wp-block-image img {
    min-width: 100%;
}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
    body:not(.wp-admin) .wp-block-gallery:not(.is-cropped,.columns-1) {
        column-count: 2!important;
    }
}
@media (max-width: 575.98px) {
    body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) {
        column-count: 1!important;
    }
}
/**/
.wp-block-gallery .wp-block-image a {
    border-bottom: none;
} 
/**/
.wp-block-gallery .wp-element-caption {
    display: none;
    font-size: 1rem!important;
}
.vrx-fslightbox-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 70vw;
}
.vrx-fslightbox-wrapper img {
    height: auto!important;
}
.vrx-fslightbox-wrapper figcaption {
    padding: var(--gap-sm) 0;
    color: white;
}
.fslightbox-open {
    overflow: auto!important;
    height: auto!important;
}

/* ANCHOR - core/columns */

@media (max-width: 781px) {
    .wp-block-columns.is-style-revert-mobile {
        flex-direction: column-reverse;
    }
}

/* ANCHOR - gform */

.gform_wrapper.gravity-theme .gfield_label {
    font-size: 1rem!important;
}
.gform_wrapper.gravity-theme .gfield_required {
    font-size: .8rem!important;
}
.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, .gform_wrapper.gravity-theme textarea {
    font-size: 1rem!important;
}

.gform_wrapper textarea,
.gform_wrapper input {
    background-color: var(--grey);
    border-color: var(--grey);
}
.gform_wrapper input[type="submit"] {
    border: solid 2px var(--brand-secondary-color);
    background-color: var(--brand-secondary-color);
    color: black;
    font-weight: 500;
    border-radius: var(--gap);
    padding: var(--gap) var(--gap-xl);
    display: flex;
    align-items: center;
    font-size: 1.125em;
}

/* ANCHOR - ? */

.card-events-block {
    display: flex;
    flex-direction: row;
    background-color: var(--brand-primary-color-dark);
}
.card-events-block figure {
    position: relative;
    margin: 0;
    min-width: 45%;
}
.card-events-block figure img {
    position: relative;
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: var(--gap) 0 0 var(--gap) ;
    aspect-ratio: 2 / 1;
}
.card-events-block section {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
    padding: var(--gap-md) 0 var(--gap-md) var(--gap-md);
    color: white
}
.card-events-block section::before {
    position: absolute;
    top: 26px;
    left: -20px;
    content: ' ';
    width: 56px;
    height: 68px;
    display: inline-block;
    background-image: var(--svg-hex-single-pink);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.card-events-block section strong {
    z-index: 2;
    position: relative;
}
.card-events-block section a {
    color: white;
    display: inline-flex;
    align-items: center;
    gap: var(--gap-sm);
    font-weight: 600;
}
.card-events-block section a:hover {
    text-decoration: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}
.card-events-block section a::after {
    content: ' ';
    background-image: var(--svg-arrow);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;
    top: -1px;
    position: relative;
    display: inline-block;
    /* transform: rotate(180deg); */
    opacity: 1;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
    .events {
        margin: var(--gap-sm) 0;
    }
    .card-events-block {
        flex-direction: column;
        margin: 0;
    }
    .card-events-block figure img {
        border-radius: var(--gap);
    }
}
@media (max-width: 575.98px) {}

/* layout */

.layout_white .card-events-block {
    background-color: white;
}
.layout_white .card-events-block section::before {
    top: -13px;
    background-image: var(--svg-hex-single-grey);
}
.layout_white .card-events-block section,
.layout_white .card-events-block section a {
    color: black;
    text-decoration: none;
}
.layout_white .card-events-block section a {
    border-bottom: solid 1px black;
    text-decoration: none;
}
.layout_pink .card-events-block section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    gap: var(--gap-md);
    padding: calc( var(--gap-md) * 2) var(--gap-md);
    padding-right: var(--gap);
    color: white;
}
.layout_pink .card-events-block section a::after {
    filter: invert(1);
}
.layout_pink .card-events-block section a {
    border-bottom: solid 1px white;
    text-decoration: none;
}
.layout_pink .card-events-block figure img {
    aspect-ratio: 2 / 1.3;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}


/* ANCHOR - template-parts/card-content-lifting.php */

.card-content-lifting {
	display: flex;
    border-radius: var(--border-radius);
}
.card-content-lifting figure {
    position: relative;
    margin: 0;
    min-width: 48%;
}
.card-content-lifting figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.card-content-lifting section {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
    padding: var(--gap-lg);
}
.card-content-lifting strong {
    font-size: var(--fs-lg);
    position: relative;
    line-height: 1.2;
}
.card-content-lifting strong a,
.card-content-lifting strong a:hover {
    text-decoration: none;
    color: black;
}
.card-content-lifting strong span {
    position: relative;
    z-index: 2;
}
.card-content-lifting strong::before {
    position: absolute;
    top: -10px;
    left: -31px;
    content: ' ';
    width: 46px;
    height: 53px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.card-content-lifting section > div > a {
    display: inline-flex;
    align-items: center;
    gap: var(--gap-sm);
    color: black;
    border-bottom: solid 1px black;
    text-decoration: none;
}
.card-content-lifting section > div > a::after {
    content: ' ';
    background-image: var(--svg-arrow);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;
    top: -1px;
    position: relative;
    display: inline-block;
    opacity: 1;
}
/* layout .. white .. pink */
.layout_white .card-content-lifting {
    background-color: white;
}
.layout_pink .card-content-lifting {
    background-color: var(--brand-primary-color-dark);
}
/* 
.layout_white .card-content-lifting strong::before {
    background-image: var(--svg-hex-single-grey);
}
.layout_pink .card-content-lifting strong::before {
    background-image: var(--svg-hex-single-pink);
} 
*/
.layout_pink .card-content-lifting section,
.layout_pink .card-content-lifting section a {
    color: white!important;
    border-color: white;
}
.layout_pink .card-content-lifting section a::after {
    filter: invert(1);
}
/* direction .. horizontal .. vertical */
.direction_horizontal .card-content-lifting {
	flex-direction: row;
}
/* img */
.direction_horizontal .card-content-lifting figure{
    aspect-ratio: 3 / 2;
}
.direction_vertical .card-content-lifting figure{
    position: relative;
    aspect-ratio: 400 / 267;
    overflow: hidden;
}
.direction_horizontal .card-content-lifting img {
    /* aspect-ratio: 3 / 2; */
	border-radius: var(--gap) 0 0 var(--gap);
}
.direction_vertical .card-content-lifting img {
    /* aspect-ratio: 3 / 1.5; */
	border-radius:  var(--border-radius) var(--border-radius) 0 0; 
}
.layout_white .card-content-lifting img {
    border-radius:  var(--border-radius); 
}
.layout_white.direction_horizontal .card-content-lifting section {
    padding: 0 var(--gap-md);
}
.layout_pink.direction_horizontal .card-content-lifting section {
    padding: var(--gap-xl) var(--gap-lg);
}
.direction_vertical .card-content-lifting {
	flex-direction: column;
}
.direction_vertical .card-content-lifting strong::before {
    top: -42px;
    left: -9px;
}
.layout_white.direction_vertical .card-content-lifting section {
    padding-top: var(--gap-md);
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
    .direction_horizontal .card-content-lifting {
        flex-direction: column;
    }
    .direction_horizontal .card-content-lifting img {
        aspect-ratio: 3 / 1.5;
        border-radius:  var(--gap) var(--gap) 0 0; 
    }
    .direction_horizontal .card-content-lifting strong::before {
        top: -42px;
        left: -9px;
    }
    .layout_pink.direction_horizontal .card-content-lifting section {
        padding: var(--gap-lg);
    }
    .layout_white.direction_horizontal .card-content-lifting section {
        padding: var(--gap-lg) 0;
    }
}
@media (max-width: 575.98px) {}

/* ANCHOR - /template-parts/component-h2-readmore.php */

/* .title-readmore */
.header-h2 h2 {
    margin-bottom: 0;
}
.header-h2 {
	display: flex;
    align-items: center;
    gap: var(--gap-sm);
    justify-content: space-between;
	margin-bottom: var(--gap-xl);
}
.header-h2 a {
	display: flex;
	align-items: center;
	gap: var(--gap-sm);
	color: black;
	font-weight: 600;
	text-decoration: none;
	border-bottom: solid 1px black;
}
.header-h2 a::after {
	display: block;
	content: ' ';
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMi43OTQnIGhlaWdodD0nMTAuNDUyJyB2aWV3Qm94PScwIDAgMTIuNzk0IDEwLjQ1Mic+PHBhdGggaWQ9J2Fycm93LXJpZ2h0JyBkPSdNNy4yMTgsNzcuNTIxbDQuNDczLDQuNDczYS4yMTEuMjExLDAsMCwxLDAsLjNMNy4yMTgsODYuNzY1YS4yMTEuMjExLDAsMCwxLS4zLS4zbDQuMTEzLTQuMTEzSC4yMTJhLjIxMS4yMTEsMCwwLDEsMC0uNDIySDExLjAzM0w2LjkxOSw3Ny44MThhLjIxLjIxLDAsMSwxLC4zLS4zWicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMC40OTkgLTc2LjkxOCknIHN0cm9rZT0nIzAwMCcgc3Ryb2tlLXdpZHRoPScxJy8+PC9zdmc+IA==");
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 10px;
}
.header-h2 a:hover::after {
    content: ' ';
    background-image: var(--svg-arrow-log);
    background-repeat: no-repeat;
    width: 32px;
    height: 10px;
    margin-right: -17px;
    top: -1px;
    position: relative;
    display: inline-block;
}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
    .header-h2 {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: var(--gap-xl);
    }
}
@media (max-width: 575.98px) {}

/* ANCHOR - site and editor common */

/* NOTE - .grid-list 
 * - grid list of cards
 * - data-cols="2" - 2 columns
*/

.grid-list
{
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-lg);
}
.grid-list--center            
{
	justify-content: center;
}
.grid-list .card
{
	width: calc( (100% - var(--gap-lg) * 2 ) / 3 );
}
.grid-list[data-cols="1"] .card
{
	width: 100%;
}
.grid-list[data-cols="2"] .card
{
	width: calc( (100% - var(--gap-lg) * 1 ) / 2 );
}
.grid-list[data-cols="3"] .card
{
	width: calc( (100% - var(--gap-lg) * 2 ) / 3 );
}
.grid-list[data-cols="4"] .card
{
	width: calc( (100% - var(--gap-lg) * 3 ) / 4 );
}
@media (max-width: 1199.98px) {
	.grid-list[data-cols="4"] .card
	{
		width: calc( (100% - var(--gap-lg) * 2 ) / 3 );
	}
}
@media (max-width: 991.98px) {
	.grid-list .card,
	.grid-list[data-cols="4"] .card
	{
		width: calc( (100% - var(--gap-lg) * 1 ) / 2 );
	}
}
@media (max-width: 767.98px) {
	.grid-list .card
	{
		width: 100%!important;
	}
}
@media (max-width: 575.98px) {}