@charset "UTF-8";
/*
Theme Name: Customfit Blocks
Text Domain: customfit-blocks
Version: 2.0.0
*/

/* CSS Reset
---------------------------------------------------------------------------- */
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; /* Change the default tap highlight to be completely transparent in iOS */
  /*  or */
  /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
  -ms-overflow-style: scrollbar; /* Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to counteract. */
}

html:focus-within {
  scroll-behavior: smooth;
}

html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none; 
}

@media screen and (prefers-reduced-motion: reduce) {
  scroll-behavior: auto;
}

/* increase the font size on mobile devices */
/* max-width: 781px */ 
@media only screen and (max-width: 781px) {
	body {
          /*  font-size: var(--wp--preset--font-size--medium) !important; */
            font-size: 20px !important;
	}	
} /* end media query for max-width: 781px */

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

/* Target the main wrappers in Block Themes */
.wp-site-blocks, 
.entry-content,
.wp-block-post-content {
    /* The Modern Standard */
    overflow-wrap: anywhere; 
}

/* Specific elements that often cause 'blowouts' */
h1, h2, h3, h4, h5, h6, p, li, figcaption, td, a {
    /* Compatibility fallback */
    word-wrap: break-word; 
    /* The smart breaking rule */
    overflow-wrap: anywhere;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* The 'Nuclear Option' for technical strings only */
code, pre, .is-word-break-all {
    word-break: break-all;
}


b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

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),
ul:where(.wp-block-categories-list),
ul:where(.wp-block-archives-list),
ul:where(.wp-block-page-list),
ul:where(.wp-block-latest-posts__list)
{
	padding-inline-start: var(--wp--preset--spacing--medium);
}

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

/* Button */

.wp-block-button a.wp-block-button__link {
   -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; 
}

/* Overriding global padding with class has-background */
:where(.wp-block-group.has-background) {
     padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium);
}

.site-footer {
  /*  margin-top: -1px !important; /* if adding a svg above the footer */
}

/* Add negative margin to expand the SVG - get rid of little gap */
.expand {
    display: block !important;
    margin-left: -1px !important;
    margin-right: -1px !important;
    max-width: calc(100% + 2px) !important; 
}

/* 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 {
	-webkit-appearance: none;
        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--main);
	border-radius: 2px;
	border: solid 1px #c4c4c4;
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--small);
	width: 100%;
}

input:focus, input:focus-visible, 
textarea:focus, textarea:focus-visible,
select:focus, select:focus-visible {
    /* outline-color: var(--wp--preset--color--primary); */
	outline: none !important;
}

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

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

::placeholder {
	color: var(--wp--preset--color--main);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}

img, picture, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

svg {
  display: block;
  width: 100%; /* Forces iOS to calculate the aspect ratio correctly */
  height: auto;
}

@media only screen and (max-width: 781px) {
	/* 1. Keep your working container settings */
	figure.alignfull:has(img[src$=".svg"]) {
		display: block !important;
		padding: 0px !important;
		line-height: 0 !important;
		font-size: 0px !important;
	}	
} 

/* woocommerce Hide second image on the mini-cart */
/* Force hide elements that WooCommerce's Interactivity API wants hidden */
[data-wp-bind--hidden="state.isProductHiddenFromCatalog"],
[data-wp-bind--hidden="context.isImageHidden"] {
    display: none !important;
}

/* Helper styles
---------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--tertiary);
	font-weight: var(--wp--custom--font-weight--medium);;
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

.wp-block-categories {
	position: relative;
}

/* Adjust terms at bottom of posts */
.single .wp-block-group .wp-block-post-terms,
.blog .wp-block-group .wp-block-post-terms {
	margin-bottom: -8px !important;
}

/* Remove margin on term description on archive pages */
.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

/* Remove last separator on post list */
.remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
	display: none;
}

/* Hide post meta div if no tags assigned */
.single .wp-block-group:has(> .post-meta:empty) {
	display: none;
}

.wp-block-group:empty:has(+ .comment-respond) {
	display: none;
}

.row-logos > figure {
	flex-shrink: 1 !important;
}

@media (max-width: 781px) {
	.cfwd-hide-on-mobile {
		display: none;
	}

	.cfwd-unstick-mobile {
		position: static;
	}
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

iframe {
  
}

.iframe-container {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 105%; /* height of the video "527"" / width of the video "500" x 100 */
    max-width: 100% !important;	
}

.iframe-container iframe, 
.iframe-container object, 
.iframe-container embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

/* video portrait */
.iframe-container.iframe-container-long {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 183%; /* height of the video "1109" / width of the video "604" x 100 */
    max-width: 100% !important;	
}

/* Header */
/* hide site title - keep for SEO */
h1.wp-block-site-title  {
  /*  position: absolute !important;
    top: -9999px;
    left: -9999px;*/
}

/* Fontawesome header phone icon */
.header-phone a {
   /* display: none; */
}

/* min-width: 728px  */
@media only screen and (min-width: 728px)  {
    .header-phone a {
        display: block;
    }
} /* end media query for min-width: 728px */  

.header-phone a {
    text-decoration: none;
    font-size: var(--wp--preset--font-size--medium);
    font-size: 28px !important;
    font-weight: 450;
    line-height: var(--wp--custom--line-height--none);
}

.header-phone a[href*="tel:+"]::before {
    display: inline-block;
    vertical-align: top;
    font-size: var(--wp--preset--font-size--medium);
    font-size: 28px !important;
    line-height: var(--wp--custom--line-height--none);
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Brands","Font Awesome 5 Free";
    font-weight: 900;
    content: "\f095";
    margin-right: 10px;
}

/* Hide page title (not on Blog page)*/
body.page .wp-block-post-title.no-title  {
    position: absolute !important;
    top: -9999px;
    left: -9999px; 
}

/* Delete margin if no title */
.entry-content {
  /*  margin-top: 0; */
}

/* Home Page */

.box-title  {
    height: 90px !important;
    display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}


/* Gallery - add .cfwd-2-columns class to the gallery */
@media only screen and (max-width: 599px){
  .wp-block-gallery.cfwd-2-columns .wp-block-image {
    width: 100% !important;
  }
} /* end media max-width 599px */

/* min-width 600px and max-width 1000px */

@media only screen and (min-width: 600px) and (max-width: 1000px)  {
    .wp-block-gallery.cfwd-2-columns  {
       gap: var(--wp--preset--spacing--small);
    } 
    
    .wp-block-gallery.cfwd-2-columns .wp-block-image {
     -ms-flex: 0 0 calc(50% - var(--wp--preset--spacing--small)/2) !important;
        flex: 0 0 calc(50% - var(--wp--preset--spacing--small)/2) !important;
        max-width: 0 0 calc(50% - var(--wp--preset--spacing--small)/2) !important;
}
} /* end media min-width 600px and max-width 1000px */

/*last gallery item to show up in the same size like all the others, 
and not stretched over the whole width of the gallery */
.wp-block-gallery.has-nested-images figure.wp-block-image {
   flex-grow: unset !important;
}

.wp-block-gallery.has-nested-images {
    /* use this only if the above flex-grow is unset !important */
    -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
}

.wp-block-gallery.has-nested-images  {
    margin-bottom: 0 !important;
}

/* make the cover block clickable to a page */

.container-with-link {
    position: relative;
    height: 2px;
}

.container-with-link a {
    color: transparent;
    font-size: 0;
    line-height: 1;
}
.container-with-link a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}


/* KEN BURNS EFFECT  */
/* Ken Burns Hover Effect (Screens 781px and wider) */
@media screen and (min-width: 781px) {
/* Main COVER BLOCK */
/* Container constraint */
.wp-block-cover.ken-burns {
    overflow: hidden !important;
    position: relative !important;
    cursor: pointer !important;
}

/* Initial state of background image */
.wp-block-cover.ken-burns .wp-block-cover__image-background {
     -webkit-transition: -webkit-transform 0.4s ease-out !important;
       transition: -webkit-transform 0.4s ease-out !important;
       transition: transform 0.4s ease-out !important;
       transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out !important;
    -webkit-transform-origin: center center !important;
        -ms-transform-origin: center center !important;
            transform-origin: center center !important;
}

/* Hover scales ONLY the image inside */
.wp-block-cover.ken-burns:hover .wp-block-cover__image-background {
    -webkit-transform: scale(1.1) !important;
          -ms-transform: scale(1.1) !important;
              transform: scale(1.1) !important;
}
} /* end media query min width 781px */

/* ------------------------------------------------------------------  */

/* COLUMN / GROUP */
/* Container frame */
@media screen and (min-width: 781px) {
.wp-block-column.ken-burns,
.wp-block-group.ken-burns {
    overflow: hidden !important;
    position: relative !important;
    cursor: pointer !important;
    /* Forces safari and Chrome flex containers to respect border clipping */
    -webkit-transform: translateZ(0);
              transform: translateZ(0); 
}

/* Target any image or cover background inside the Group / Column */
.ken-burns img,
.ken-burns .wp-block-cover__image-background {
    -webkit-transition: -webkit-transform 0.4s ease-out !important;
      transition: -webkit-transform 0.4s ease-out !important;
      transition: transform 0.4s ease-out !important;
      transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out !important;
    -webkit-transform-origin: center center !important;
        -ms-transform-origin: center center !important;
            transform-origin: center center !important;
}

/* Zoom image on hover */
.ken-burns:hover img,
.ken-burns:hover .wp-block-cover__image-background {
    -webkit-transform: scale(1.08) !important;
         -ms-transform: scale(1.08) !important;
             transform: scale(1.08) !important;
}

} /* end media query min width 781px */
/*  Group / Column */
/* ------------------------------------------------------------------  */

/* dim overlay on cover block with a class top-overlay */
.wp-block-cover.top-overlay .wp-block-cover__background.has-background-dim {
    opacity: 0.55;
    -webkit-animation: topOverlayFade 3s ease-in-out forwards !important;
             animation: topOverlayFade 3s ease-in-out forwards !important;
}

 @-webkit-keyframes topOverlayFade {
    0% {
        opacity: 0.1 !important;
    }
    100% {
        opacity: 0.55 !important;
    }   
}
   @keyframes topOverlayFade {
    0% {
        opacity: 0.1 !important;
    }
    100% {
        opacity: 0.55 !important;
    }   
}

/* Ken Burns effect image Zoom out animation when the browser reaches this div 
   Additional JS - assets/js/animate-scroll.js
*/

.ken-burns-out-wrapper {
    overflow: hidden;
}

/* 1. Base State: The image starts at normal size (scale 1) */
.ken-burns-out img {
    -webkit-transform: scale(1);
            transform: scale(1);
    cursor: pointer !important;   

    /* Your exact transition block kept as a smooth fallback reset */
    -webkit-transition: -webkit-transform 0.4s linear 0s;
    transition: -webkit-transform 0.4s linear 0s;
    -o-transition: transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s, -webkit-transform 0.4s linear 0s;
}

/* 2. Zoomed State: Glides down to the smaller size over 4s and stops permanently */
.ken-burns-out.zoomed img {
    /* Runs a single 4-second motion. 'forwards' freezes it at scale(0.85) */
    -webkit-animation: CustomSmoothZoomOutOnly 4s ease-in-out forwards;
            animation: CustomSmoothZoomOutOnly 4s ease-in-out forwards;
}

/* The Timeline: Starts at 1 and glides smoothly down to 0.85 */
@-webkit-keyframes CustomSmoothZoomOutOnly {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        /* The final frame where the image will stay frozen */
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
    }   
}

@keyframes CustomSmoothZoomOutOnly {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
    }
}

/* Ken Burns effect image Zoom IN animation when the browser reaches this div 
   Additional JS - assets/js/animate-scroll.js
*/

.ken-burns-in-wrapper {
    overflow: hidden;
}

/* 1. Base State: The image starts at normal size (scale 1) */
.ken-burns-in img {
    -webkit-transform: scale(1);
            transform: scale(1);
    cursor: pointer !important;   

    /* Your exact transition block kept as a smooth fallback reset */
    -webkit-transition: -webkit-transform 0.4s linear 0s;
    transition: -webkit-transform 0.4s linear 0s;
    -o-transition: transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s, -webkit-transform 0.4s linear 0s;
}

/* 2. Zoomed State: Glides up to the larger size over 4s and stops permanently */
.ken-burns-in.zoomed img {
    /* Runs a single 4-second motion. 'forwards' freezes it at scale(1.2) */
    -webkit-animation: CustomSmoothZoomInOnly 4s ease-in-out forwards;
            animation: CustomSmoothZoomInOnly 4s ease-in-out forwards;
}

/* The Timeline: Starts at 1 and glides smoothly up to 1.2 */
@-webkit-keyframes CustomSmoothZoomInOnly {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        /* The final frame where the image will stay frozen */
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }   
}

@keyframes CustomSmoothZoomInOnly {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
}

/*  MEDIA QUERIES */

/* max-width: 599px */ 
@media only screen and (max-width: 599px) {
} /* end media query for max-width: 599px */

 /* min-width: 600px  */
@media only screen and (min-width: 600px)  {
} /* end media query for min-width: 600px */

/* max-width: 640px */ 
@media only screen and (max-width: 640) {
} /* end media query for max-width: 640px */

 /* min-width: 641px  */
@media only screen and (min-width: 641px)  {
} /* end media query for min-width: 641px */

/* min-width: 600px and max-width 781px   */
@media only screen and (min-width: 600px) and (max-width: 781px)  {
} /* end media query for min-width: 600x and max-width 781px */

/* max-width: 781px  */
@media only screen and (max-width: 781px )  {
} /* end media query for max-width: 781px */  

/* min-width: 782px  */
@media only screen and (min-width: 782px)  {
} /* end media query for min-width: 782px */ 

/* min-width: 782px and max-width 991px  */
@media only screen and (min-width: 782px) and (max-width: 991px)  {
} /* end media query for min-width: 782px and max-width 991px */

/* max-width: 991px  */
@media only screen and (max-width: 991px )  {
} /* end media query for max-width: 991px */  

/* min-width: 992px  */
@media only screen and (min-width: 992px)  {
} /* end media query for min-width: 992px */  
 
/* max-width: 1199px */
@media only screen and (max-width: 1199px) {
} /* end media query for max-width: 1199px */

 /* min-width: 1200px  */
@media only screen and (min-width: 1200px)  {
} /* end media query for min-width: 1200px */

/* Colors */

/*
Primary:  #316a8b;  rgb  49,106, 139

Secondary: #08426a; rgb 8,66,106

Light Blue:  #0082b6;  rgb  0,130,182

Medium Blue:  #0c4360;  rgb 12,67,96

Dark Blue: #0b192c;  rgb 11,25,44

Light Gray: #ececec;  rgb 236,236,236

Dark Gray:  #d2d2d2;  rgb 210,210,210

*/

/* Alternative: How to Make Marcellus Bolder via CSS
If you prefer to stick with the exact shapes of Marcellus, you can use Webkit text stroke or SVG filter bolding in CSS to achieve a true bold weight without distortion:
*/

.text-shadow {
  /* -webkit-text-stroke: 0.6px #fff; /* Adds clean perimeter thickness */
  text-shadow: 4px 4px 8px #000;    /* Fills out inner kerning curves */
}

.underline {
    text-decoration: underline;
    text-underline-offset: 4px;
    color: currentColor;
}

/* Popup Maker */
.popmake-content img {
    margin-left: auto;
    margin-right: auto;
}

/* Masonry layout */

.is-style-masonry.columns-default {
   -webkit-columns: 3; /* Chrome, Safari, Opera */
   -moz-columns: 3; /* Firefox */
   columns: 3; /* Standard syntax */
}

.is-style-masonry{
   display: block !important;
}

.is-style-masonry .wp-block-image{
   width: 100% !important;
   margin-bottom: var(--wp--style--unstable-gallery-gap) !important;
}

.is-style-masonry.columns-1 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}

.is-style-masonry.columns-2 {
   -webkit-columns: 2; /* Chrome, Safari, Opera */
   -moz-columns: 2; /* Firefox */
   columns: 2; /* Standard syntax */
}

.is-style-masonry.columns-3 {
   -webkit-columns: 3; /* Chrome, Safari, Opera */
   -moz-columns: 3; /* Firefox */
    columns: 3; /* Standard syntax */
}

.is-style-masonry.columns-4 {
   -webkit-columns: 4; /* Chrome, Safari, Opera */
   -moz-columns: 4; /* Firefox */
   columns: 4; /* Standard syntax */
}

.is-style-masonry.columns-5 {
   -webkit-columns: 5; /* Chrome, Safari, Opera */
   -moz-columns: 5; /* Firefox */
   columns: 5; /* Standard syntax */
}

.is-style-masonry.columns-6 {
   -webkit-columns: 6; /* Chrome, Safari, Opera */
   -moz-columns: 6; /* Firefox */
   columns: 6; /* Standard syntax */
}

.is-style-masonry.columns-7 {
   -webkit-columns: 7; /* Chrome, Safari, Opera */
   -moz-columns: 7; /* Firefox */
   columns: 7; /* Standard syntax */
}

.is-style-masonry.columns-8 {
   -webkit-columns: 8; /* Chrome, Safari, Opera */
   -moz-columns: 8; /* Firefox */
   columns: 8; /* Standard syntax */
}

/* max-width: 600px  */
@media only screen and (max-width: 600px )  {
    .is-style-masonry.columns-1,.is-style-masonry.columns-2,
    .is-style-masonry.columns-3,.is-style-masonry.columns-4,
    .is-style-masonry.columns-5,.is-style-masonry.columns-6,
    .is-style-masonry.columns-7,.is-style-masonry.columns-8 {
        -webkit-columns: 1 !important; /* Chrome, Safari, Opera */
        -moz-columns: 1 !important; /* Firefox */
        columns: 1 !important; /* Standard syntax */
    }  
} /* end media query for max-width: 600px */ 

/* min-width: 601px and max-width 920px   */
@media only screen and (min-width: 601px) and (max-width: 920px)  {
    .is-style-masonry.columns-1,.is-style-masonry.columns-2,
    .is-style-masonry.columns-3,.is-style-masonry.columns-4,
    .is-style-masonry.columns-5,.is-style-masonry.columns-6,
    .is-style-masonry.columns-7,.is-style-masonry.columns-8 {
        -webkit-columns: 2 !important; /* Chrome, Safari, Opera */
        -moz-columns: 2 !important; /* Firefox */
        columns: 2 !important; /* Standard syntax */
    }  
} /* end media query for min-width 601px and max-width: 920px */  
  
  
.is-style-masonry figure.wp-block-image {
    margin-top: 0 !important;
}    
    
.red {
    background: red;
}    

/* Blog Page */
/* Read More Link */
 .wp-block-read-more.more-link::after {
        vertical-align: top;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content:"\f30b";
        font-family: "Font Awesome 5 Brands","Font Awesome 5 Free";
        font-weight: 900;
        display: inline-block;
        margin-left: 10px;
    }
    
    /* Disable Animation.css on Small Devices, Tablets */

/* max-width: 767px  */
@media only screen and (max-width: 767px )  {
	.animate__animated {
		/*CSS transitions*/
		-o-transition-property: none!important;
		-moz-transition-property: none!important;
		-ms-transition-property: none!important;
		-webkit-transition-property: none!important;
		transition-property: none!important;
		/*CSS transforms*/
		-o-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-webkit-transform: none!important;
		transform: none!important;
		/*CSS animations*/
		-webkit-animation: none!important;
		-moz-animation: none!important;
		-o-animation: none!important;
		-ms-animation: none!important;
		animation: none!important;
	}
} /* end media query for max-width: 767px */  
    
.wp-block-details.award[open]  {
    -webkit-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
        transition: all 0.5s ease-in-out !important;
}

 .wp-block-details.award {
     color: var(--wp--preset--color--secondary) !important;
     font-weight: var(--wp--custom--font-weight--medium);    
 }
 
 .wp-block-details.award p,
 .wp-block-details.award ul {
     color: var(--wp--preset--color--main) !important;
     font-weight: var(--wp--custom--font-weight--regular);
     margin-top: var(--wp--preset--spacing--x-small) !important; 
}
 
.wp-block-details.award summary::before  {
    display: inline-block;
    vertical-align: top;
    /*font-size: ...
        line-height: ...
        color: ...*/
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Brands","Font Awesome 5 Free";
    font-weight: 900;
   /* content: "\f0a4"; */ /* hand */
   content: "\f0fe"; /* plus */
    margin-right: 12px;
}

.wp-block-details.award summary::before {
   /* content: "\f0a4"; */ /* hand */
   content: "\f0fe"; /* plus */ 
   font-weight: 900;
}

.wp-block-details.award[open] summary::before{
   /* content: "\f151"; */ /* up arrow */
    content: "\f146"; /* minus */
}

/* footer */
/* Target the Row block and set its inner layout to a column on mobile */
@media (max-width: 767px) {
  .site-footer .wp-block-group.is-content-justification-space-between {
    /* Set the direction to column, so items stack vertically */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    
    /* Center all content horizontally */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .site-footer .wp-block-group.is-content-justification-center {
    /* For rows that are already centered, this ensures they remain centered */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* Forminator */
.forminator-guttenberg {
    font-size: var(--wp--preset--font-size--base) !important;
}
/*
 * This CSS file ensures the Forminator submit button
 * maintains its styling on mobile devices.
 *
 * To use this, paste the code into your WordPress Customizer's
 * "Additional CSS" section.
 */

/* ==========================================================
   ENSURES BUTTON STYLING IS CONSISTENT ON MOBILE
   ========================================================== */

@media (max-width: 768px) {
  /* Targets all Forminator submit buttons on screens up to 768px */
  .forminator-ui .forminator-button-submit {
    /* Prevents the background color from reverting to default */
    background-color: #316a8b !important; 
    color: #fff !important;
	  
    /* Ensures the button border is consistent */
    border: none !important;
    
    /* Maintains text color for readability */
    color: #ffffff !important;
    
    /* Adds consistent padding */
    padding: 12px 24px !important;
    
    /* Smooths out transitions */
    transition: all 0.3s ease !important;
    
    /* Sets font size to be readable on mobile */
   /* font-size: var(--wp--preset--font-size--base) !important; */
	  font-size: 20px !important;
  }
	.forminator-label {
    font-size: 20px !important;
} 

/* Targets all Forminator labels on screens up to 768px */
  .forminator-ui .forminator-label {
    font-size: 20px !important;
  }

}

/* ==========================================================
   ADDS HOVER EFFECT FOR BUTTON ON MOBILE AND DESKTOP
   ========================================================== */

button.forminator-button.forminator-button-submit {
	background-color: #316a8b !important;
	color: #fff !important;
        /* Smooths out transitions */
    transition: all 0.3s ease !important;
    margin-top: var(--wp--preset--spacing--medium);
}

.forminator-ui .forminator-button-submit:hover {
    background-color: #3b4346 !important;
	color: #fff !important;
}


.forminator-ui.forminator-custom-form[data-design=basic] .forminator-button-upload {
    margin-left: 0;
    margin-right: 10px;
}

.forminator-textarea {
    max-height: 150px !important;
}

/* This targets the main outer shell of the form */
.forminator-ui.forminator-custom-form {
    background-color: rgba(236,236,236,0.8) !important; /* Change this to your color */
    padding: 20px !important;
    margin-left: var(--wp--preset--spacing--medium) !important;
    margin-right: var(--wp--preset--spacing--medium) !important;
    border-radius: 8px !important;
}

/* This targets the internal wrapper if the one above doesn't cover it */
.forminator-form-wrapper {
    background-color: transparent !important;
}

/*  calendar */
#calendar {
    max-width: 100%;
    margin: 0 auto;
}

.fc-event {
    cursor: pointer;
    padding: 2px 4px;
}

/* SVG */
/* Mirror the image horizontally (Left to Right) */
.wp-block-image.flip-horizontal img {
    -webkit-transform: scaleX(-1) !important;
        -ms-transform: scaleX(-1) !important;
            transform: scaleX(-1) !important;
}

/* WordPress Editor backend canvas view */
.wp-block-image.flip-horizontal .components-resizable-box__container {
    -webkit-transform: scaleX(-1) !important;
        -ms-transform: scaleX(-1) !important;
            transform: scaleX(-1) !important;
}

/* Flip the image vertically (Upside Down) */
.wp-block-image.flip-vertical img {
    -webkit-transform: scaleY(-1) !important;
        -ms-transform: scaleY(-1) !important;
            transform: scaleY(-1) !important;
}

/* WordPress Editor backend canvas view */
.wp-block-image.flip-vertical .components-resizable-box__container {
    -webkit-transform: scaleY(-1) !important;
        -ms-transform: scaleY(-1) !important;
            transform: scaleY(-1) !important;
}