@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;
}

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--x-large) !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;
}
figure.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    position: absolute; 
    bottom: 0;
    left: 0;  
    right: 0; 
    max-height: 50%; 
    width: 100%;
    font-size: var(--wp--preset--font-size--x-small);
    line-height: 1.5;
    padding: 10px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
   /* background: #e5e5e5; */
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
    -webkit-backdrop-filter: blur(3px);
     backdrop-filter:blur(3px); 
    content: "";
    height: 100%;
    -webkit-mask-image: linear-gradient(0deg,#000 20%,#0000);
    mask-image: linear-gradient(0deg,#000 20%,#0000);
    max-height: 40%;
    display:  none;
}

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

/* 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: 768px  */
@media only screen and (min-width: 768px)  {
    .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);
    line-height: var(--wp--custom--line-height--none);
    font-weight: 600; 
}

.footer-phone a {
    text-decoration: none;
    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;
}

.footer-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;
}

/* back to top button */
#back-to-top {
   width: 40px;
   height: 40px;
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 9999;
   border: none;
   outline: none;
   font-size: 20px !important;
   line-height: 1;
   color: white;
   cursor: pointer;
   padding: 10px;
   border-radius: 50%;
   box-shadow: 1px 1px 5px #fff;
   background-color: #743762;
}

#back-to-top:hover {
   background-color: #aeaeae;
   color: #743762;
   box-shadow: 1px 1px 5px #743762;
}


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

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

/* Home Page */
.wp-block-post-title {
   /* position: absolute !important;
    top: -9999px;
    left: -9999px;*/
}
    
.blog .wp-block-post-title {
  /*  position: static !important;*/
}

/* Home page slider */

@media (max-width: 800px) {
    
    .n2-ss-slider .n2-ss-section-main-content  {
      -webkit-box-pack: end !important;
       -ms-flex-pack: end !important;
           justify-content: flex-end !important;
     
    }
    
    .slide-wrap-1 br {
        display: none;
    }
    
    .slide-wrap-1,
    .slide-wrap-2,
    .slide-wrap-3,
    .slide-wrap-4,
    .slide-wrap-5,
    .slide-wrap-6 {
       background: rgba(0,0,0,0.7);  
    }
    
    .slide-wrap-1 p,
    .slide-wrap-2 p,
    .slide-wrap-3 p,
    .slide-wrap-4 p,
    .slide-wrap-5 p,
    .slide-wrap-3 p  {
      text-align: center !important;
      color: #fff !important;
      font-size: 20px !important;
      font-weight: 400 !important;
      padding: 4px;
    }
    
}
   
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (min-width: 800px) {

.slide-wrap-1 {
 opacity: 0;
-webkit-animation: fadeIn 1s ease-out 1s forwards;
            animation: fadeIn 1s ease-out 1s forwards;
            left: 6%; 
}

.slide-wrap-2 {
     opacity: 0;
     -webkit-animation: fadeIn 1s ease-out 6s forwards;
            animation: fadeIn 1s ease-out 6s forwards;
}
    
.slide-wrap-3 {
     opacity: 0;
     -webkit-animation: fadeIn 1s ease-out 12s forwards;
            animation: fadeIn 1s ease-out 12s forwards;
}
.slide-wrap-4 {
     opacity: 0;
     -webkit-animation: fadeIn 1s ease-out 18s forwards;
            animation: fadeIn 1s ease-out 18s forwards;
}

.slide-wrap-5 {
     opacity: 0;
     -webkit-animation: fadeIn 1s ease-out 24s forwards;
            animation: fadeIn 1s ease-out 24s forwards;
}

.slide-wrap-6 {
     opacity: 0;
     -webkit-animation: fadeIn 1s ease-out 30s forwards;
            animation: fadeIn 1s ease-out 30s forwards;
}
    
} /* end media query min width 800px */

     
 /* Targets the main slide wrapper that handles the transition movement */
.n2-ss-slider .n2-ss-slide-wrapper {
    /* Sets the duration of the transition to 2.5 seconds (2500ms) */
    /* Change '2.5s' to your desired visual transition speed */
   /* transition-duration: 2.5s !important;*/
}

/* Optional: Targets the main slide itself for broader compatibility */
.n2-ss-slider .n2-ss-slide {
  /*  transition-duration: 2.5s !important;*/
}   

/* Home page - about us */

.success-wrap  {
       position: relative;
    }
    

.success {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* Dark semi-transparent color: black at 20% opacity */
        background-color: rgba(0, 0, 0, 0.2); 
        z-index: 2; /* Place the overlay over the background image */
        background-image: url(.//./assets/images/shake-hands.jpg);
        background-size: cover;
        background-position: 50% 50%;
        height: 100%;
    }
    
 /* Solutions */
 .page-solutions .solutions {
     
 }
 
.page-solutions .mobile-service,
.page-solutions .our-service {
    position: relative;
}

.services-icon {
    position: absolute;
    top: 0;
    left: 0; 
    margin-left: var(--wp--preset--spacing--medium) !important;
}
 
.services-icon i  {
    background: #743762;
    font-size: 40px;
    text-align: center;
    line-height: 80px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    border: 2px solid #eae9ee; 
    margin-top: -40px !important;
}

.page-solutions .mobile-service {
    margin-top: calc(var(--wp--preset--spacing--medium) *2) !important;
}

/* min-width: 992px  */
@media only screen and (min-width: 992px)  {
    .page-solutions .solutions {
        position: relative;      
        margin-left: calc(var(--wp--preset--spacing--medium) *-3);
        margin-top: calc(var(--wp--preset--spacing--medium) *-1);
        z-index: 500; 
    }
    .page-solutions .solutions:after {
        position: absolute;
        border-bottom: calc(var(--wp--preset--spacing--medium) *1.5) solid transparent;
        border-right: calc(var(--wp--preset--spacing--medium) *2) solid #4d4d4d;
        bottom: 0;
        border-bottom: var(--wp--preset--spacing--medium)  solid transparent;
        border-right: calc(var(--wp--preset--spacing--medium) *2) solid #4d4d4d;
        bottom: 0;
        margin-bottom: calc(var(--wp--preset--spacing--medium) *-1);
        left: 0;
        content: '';
        display: block;
        height:0;
        width: 0; 
        z-index: 1000;
    }
    .page-solutions .solutions h2 {
        padding-left: calc(var(--wp--preset--spacing--medium) *2) !important; 
    }
    
} /* end media min-width 992px */

/* Design Process */
.page-design-process .wp-block-post-title   {
    position: static !important;
}

/* FAQ */

.page-faq .faq-bg .faq-inner {
    position: relative;
    width: 100%;
    z-index: 200;
}

.page-faq .faq-bg .faq-inner::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f128";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    font-size: 70vw; /* Adjust for desired "cover" effect, using viewport units */
    color: #ececec;
    top: 50%; 
    left: 50%;
     -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); /* Center the icon */
    z-index: -1 !important;
}

/* Portfolio */

.page-portfolio .wp-block-post-title {
    position: static !important;
}

/* Payments */

.page-payments .wp-block-post-title {
    position: static !important;
}

 /* .pp-ZBN6L3R45YPCQ */
  
form.paypal-button input[type="submit"] {
        margin-bottom: 12px;
        background-color: #FFD140;
	color:#000000;
	font-family:"Helvetica Neue",Arial,sans-serif;
	font-size: 18px;
	line-height:1.25;
	font-weight: bold;
	padding: 10px 40px;
	text-transform: initial;
	border-radius: 6px;
}
  
form.paypal-button section {
	margin-top: 6px;
	font-size: 16px;
	text-align: center;
	min-width: 18.6rem;
	padding: 0 3.2rem;
	height: 1.45rem;
}

form.paypal-button section img  {
	display: inline;
}

/* Contact */
/* Ninja form */

.page-contact .nf-form-cont {
    background: rgba(184,183,188,0.8);
    border-radius: 30px 0px 0px 0px;
    border: 2px solid #eae9ee;
    max-width: 600px;
    margin: 0 auto;
}

.page-contact .nf-form-cont h3 {
    margin-top: 0;
    margin-bottom: 0;
}

 .nf-field-container.form-heading {
   margin-bottom: 0 !important; 
}

.ninja-separator   {
    margin-bottom: 24px !important;
}

.page-contact .nf-form-wrap  {
    padding: 24px;
}

#businessMap {
        height: 400px; /* Adjust height as needed */
        width: 100%;
    }



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

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

#header-wrapper {
  position: relative;  
  z-index: 200;
}

#canvas-wrapper {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
	margin-top: calc(var(--wp--preset--spacing--small) *-1) !important;
}
		
#myCanvas {                      
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

/* max-width: 767px  */
@media only screen and (max-width: 767px)  {
    .header-wrap {
        gap: 0 !important; 
    }
} /* end media query for max-width: 767px */