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

/* localhost/greentech */
/* 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;
}

p:not(.wp-block-tag-cloud), h1, h2, h3, h4, h5, h6 {  
      /* overflow-wrap: break-word;*/ /* Long words will break if they overflow the container */
      /*  word-break: break-word; deprecated - use overflow-wrap instead */ 
    /*    overflow-wrap: anywhere; /* Long words will break if they overflow the container */
     /*   white-space: pre-wrap; */
        word-break: keep-all; /*this stops the word breaking*/
}

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) !important;
}

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 {
  display: block;
  max-width: 100%;
}

/* 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-family: var(--wp--preset--font-family--saira);
    font-stretch: 85%;
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--line-height--none);
    font-weight: 600;
}

.header-phone a[href*="tel:+"]::before {
    display: inline-block;
    vertical-align: top;
    font-size: var(--wp--preset--font-size--medium);
    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;
}

.site-content .wp-block-post-title  {
  /*  position: absolute !important;
    top: -9999px;
    left: -9999px; */
}

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

/* Home Page */

.home h1.wp-block-post-title {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
}

/* Group the same width as the paragraph */
.align-group-to-paragraph {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; /* Make the outer Group fit its content width */
    margin-left: auto; /* Center the outer Group if needed */
    margin-right: auto; /* Center the outer Group if needed */
}

.align-group-to-paragraph > .wp-block-paragraph.has-text-align-center {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; /* Ensure the paragraph itself fits its content */
}

/* Contact Us */
.page-contact-us h1.wp-block-post-title {
  /*  position: absolute !important;
    top: -9999px;
    left: -9999px; */
}

/* Forminator */

button.forminator-button.forminator-button-submit {
	background-color: #0c942f !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;
}

/* Make 4 columns into 2 - dividing gap between 2 columns */
/* Added class cfwd for the columns block */

/* min-width 782px and max-width 1000px */
@media only screen and (min-width: 782px) and (max-width: 1000px)  {
.wp-block-columns.cfwd-2-columns {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    gap: var(--wp--preset--spacing--medium);
}

.wp-block-columns.cfwd-2-columns .wp-block-column {
     -ms-flex: 0 0 calc(50% - var(--wp--preset--spacing--medium)/2) !important;
    flex: 0 0 calc(50% - var(--wp--preset--spacing--medium)/2) !important;
    max-width: 0 0 calc(50% - var(--wp--preset--spacing--medium)/2) !important;
}
    
} /* end media min-width 782px and max-width 1000px */



/* Make multiple columns into 3 columns - dividing gap between 3 columns */
/* We have 2 gaps divided between 3 columns

/* Add class .cfwd-3-columns for the main Columns block */

/* min-width 782px and max0width 1000px */
@media only screen and (min-width: 782px) and (max-width: 1000px)  {

.wp-block-columns.cfwd-3-columns {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    gap: var(--wp--preset--spacing--medium);
}

.wp-block-columns.cfwd-3-columns .wp-block-column {
     -ms-flex: 0 0 calc(33.33333% - var(--wp--preset--spacing--medium)*2 /3) !important;
    flex: 0 0 calc(33.33333% - var(--wp--preset--spacing--medium)*2 /3) !important;
    max-width: 0 0 calc(33.3333% - var(--wp--preset--spacing--medium)*2 /3) !important;
}

} /* end media min-width 782px and max0width 1000px */

/* 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;
}

/* Main Cover block */
/* 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: TopOverlay 3s ease-in-out;
        animation: TopOverlay 3s ease-in-out;
}

@-webkit-keyframes TopOverlay {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.55;
    }   
}

@keyframes TopOverlay {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.55;
    }   
}

/* Ken Burns effect on Hover - images are scaled to be bigger */
.ken-burns .wp-block-cover__background.has-background-dim {
     -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.ken-burns .home-cover:hover .wp-block-cover__background.has-background-dim  {
   opacity: 0.3;
}

.ken-burns .home-cover  {
-webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
        -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;    
   cursor: pointer!important;
}

.ken-burns .home-cover:hover  {
-webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
            transform: scale(1.08);
        -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;
        cursor: pointer!important;
}

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

.ken-burns-out-wrapper {
    overflow: hidden;
}
.ken-burns-out.zoomed img {
    -webkit-animation: CustomZoomOut 4s ease-in-out;
        animation: CustomZoomOut 4s ease-in-out;
  /*  -webkit-animation-delay: 5s;
        animation-delay: 5s;*/
}

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

@keyframes CustomZoomOut {

    0% {
        -webkit-transform: scale(1.5);
            transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
            transform: scale(1);
    }
}

/* 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;
}

.ken-burns-in.zoomed img {
    -webkit-animation: CustomZoomIn 10s ease-in-out;
        animation: CustomZoomIn 10s ease-in-out;
        
  /*  -webkit-animation-delay: 5s;
        animation-delay: 5s;*/
}

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

@keyframes CustomZoomIn {

    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 */

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

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

/* 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;
}       

/* 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 */
}

/* 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: #0c942f !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
   ========================================================== */

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