/*
Theme Name:     Cynamics
Description:    A custom theme for Cynamics based on the parent theme Enfold. Do not delete the parent theme from your site.
Version:		1.0
Author:         ACS Creative
Author URI:		http://www.acscreative.com/
Template:		enfold
*/

/* ---- @import url('includes/elements.css'); ---- */
@import url('https://fonts.googleapis.com/css2?family=Questrial&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');




/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
ROOT
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
	
	--bg: url("https://cynamics.acscreativedev.com/wp-content/uploads/background-1.webp");


	/* COLORS */
	--white : #ffffff;
	--cyan : #00B8EC;
	--coral : #EB5D5A;
	--grey : #40444C;
	--yellow : #F8B752;
	--darkBlue : #071C36;
	--dullBlue : #2E3A47;
	--black : #010510;
	--transparent : transparent;


	/* FONT SIZES */
	--fontSize-h1 : 50px;
	--fontSize-h2 : 40px;
	--fontSize-h3 : 30px;
	--fontSize-h4 : 26px;
	--fontSize-h5 : 22px;
	--fontSize-h6 : 20px;
	--fontSize-p : 18px;
	--fontSize-sm : 16px;
	--fontSize-xs : 14px;

  /* FONT WEIGHT */
	--font-bold: 800;
	--font-standard: 400;

  /* OPACITY */
  --radius-sm : 0.4vw ;
  --radius-md : 0.8vw ;
  --radius-lg : 0.16vw ;
  --radius-full : 9999px ;

	/* OPACITY */
	--half-opacity: 0.5;
	--quarter-opacity: 0.25;

	/* TRANSITION */
	--transition-standard: all .5s ease-in-out;
	--transition-long: all .7s ease-in-out;

}





/* ------------------------------------------------------------
	Global
------------------------------------------------------------ */

/* --------- Insert your custom styles on next rows --------- */



/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
TYPOGRAPHY
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

h1 {
  line-height: 1.2;     /* 60px */
  margin: 0 0 18px;  
  padding: 0;
}

h2 {
  line-height: 1.3;     /* 52px */
  margin: 8px 0 16px;
  padding: 0;
}

h3 {
  line-height: 1.3;     /* 39px */
  margin: 8px 0 16px;
  padding: 0;
}

h4 {
  line-height: 1.4;     /* ~36px */
  margin: 8px 0 16px;
  padding: 0;
}

h5 {
  line-height: 1.4;     /* ~31px */
  margin: 8px 0 16px;
  padding: 0;
}

h6 {
  line-height: 1.5;     /* 30px */
  margin: 0 0 16px;
  padding: 0;
}

p {
  line-height: 1.6;     /* ~29px */
  margin: 0 0 16px;
  padding: 0;
}


strong{
  color: inherit !important;
}






/* Text Highlight 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
::selection {
	color: var(--black);
	background: var(--white); /* WebKit/Blink Browsers */
}
::-moz-selection {
	color: var(--black);
	background: var(--white); /* Gecko Browsers */
}


/* Disable Fancy Ampersand 
------------------------------------------------------------ */
.special_amp { 
	color: inherit!important; 
	font-family: inherit; 
	font-size: inherit; 
	font-style: normal;
}




/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
REUSABLE CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.md-hide{
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .sm-hide{
    display: none !important;
  }
  .md-hide{
    display: block !important;
  }
}

/* TEXT COLOR */
.text-blue{
  color: var(--cyan) !important;
}



/* GREY BACKGROUND PANEL */
.grey-panel{
  border-radius: var(--radius-md) !important;
  background-color: var(--grey) !important;
}

.grey-panel h2{
  margin-bottom: 8px !important;
  margin-top: 8px !important;
}

.grey-cta .entry-content-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.grey-cta .grey-panel h4{
  margin: 0px !important;
}

.grey-cta .grey-panel{
  padding: 50px 36px !important;
}



/* GREY BACKGROUND PANEL - USE CASES PAGE */
.grey-use-case-panel{
	padding: 40px 36px !important;
  border-radius: var(--radius-md) !important;
  background-color: var(--grey) !important;
	box-shadow: 0 3.957px 5.935px -0.989px rgba(0, 0, 0, 0.10), 0 1.978px 3.957px -0.989px rgba(0, 0, 0, 0.06);
	border-radius: var(--small);
	display: flex;
	justify-content: center;
}


/* CUSTOM BULLET POINT / LIST */
ul.custom-bullet {
  display: flex;
  flex-direction: column;
  gap: 10px !important;
}

ul.custom-bullet li {
  list-style: none;
  position: relative;
  padding-left: 46px; /* space for bullet */
  margin-left: 0px !important;
}

ul.custom-bullet li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;  /* match your bullet image size */
  height: 30px;
  background: url("/wp-content/uploads/bullet.webp") no-repeat center / contain;
}

ul.custom-bullet-green {
  display: flex;
  flex-direction: column;
  gap: 10px !important;
}

ul.custom-bullet-green li {
  list-style: none;
  position: relative;
  padding-left: 46px; /* space for bullet */
  margin-left: 0px !important;
}

ul.custom-bullet-green li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;  /* match your bullet image size */
  height: 30px;
  background: url("/wp-content/uploads/Green.webp") no-repeat center / contain;
}





/* TEXT CONTAINER WIDTH */
.text-container-width-medium{
  max-width: 960px;
}

.text-container-width-medium.text-container-position-center{
  margin: auto !important;
}


.content-centered .entry-content-wrapper{
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
}



.padding-x-50{
	padding: 0px 8vw !important;
}

@media (max-width: 767px){
.padding-x-50{
	padding: 0px 2vw !important;
}
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GLOBAL COMPONENTS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* --------- BUTTONS STANDARD -- YELLOW --------- */

#top .main_color .avia-button.avia-color-theme-color{
	padding: 16px 24px;
	background-color: var(--yellow);
	transition: var(--transition-standard);
	border: none;
}

#top .main_color .avia-button.avia-color-theme-color .avia_iconbox_title{
	color: var(--black);
	font-size: var(--fontSize-sm);
	transition: var(--transition-standard);
}

/* BUTTONS STANDARD -- YELLOW -- HOVER */
#top .main_color .avia-button.avia-color-theme-color:hover{
	padding: 16px 24px;
	background-color: var(--darkBlue);
	transition: var(--transition-standard);
	border: none;
}
#top .main_color .avia-button.avia-color-theme-color:hover .avia_iconbox_title{
	color: var(--white);
	transition: var(--transition-standard);
}



/* --------- BUTTONS HIGHLIGHT -- BLUE/CYAN --------- */

#top .main_color .avia-button.avia-color-theme-color-highlight{
	padding: 16px 24px;
	background-color: var(--cyan);
	transition: var(--transition-standard);
	border: none;
}

#top .main_color .avia-button.avia-color-theme-color-highlight .avia_iconbox_title{
	color: var(--black);
	font-size: var(--fontSize-sm);
	transition: var(--transition-standard);
}


/* BUTTONS STANDARD -- YELLOW -- HOVER */
/* BUTTONS HIGHLIGHT -- BLUE/CYAN -- HOVER */
#top .main_color .avia-button.avia-color-theme-color-highlight:hover,
#top .main_color .avia-button.avia-color-theme-color:hover{
	padding: 16px 24px;
	background-color: var(--darkBlue);
	transition: var(--transition-standard);
	border: none;
}
#top .main_color .avia-button.avia-color-theme-color-highlight:hover .avia_iconbox_title,
#top .main_color .avia-button.avia-color-theme-color:hover .avia_iconbox_title{
	color: var(--white);
	transition: var(--transition-standard);
}


/* --------- BUTTONS SUBTLE -- RECESSIVE YELLOW --------- */

#top .main_color .avia-button.avia-color-theme-color-subtle{
	padding: 16px 24px;
	background-color: var(--transparent);
	transition: var(--transition-standard);
	border: 1px solid var(--yellow);
}

#top .main_color .avia-button.avia-color-theme-color-subtle .avia_iconbox_title{
	color: var(--yellow);
	font-size: var(--fontSize-sm);
	transition: var(--transition-standard);
}

/* BUTTONS SUBTLE -- RECESSIVE YELLOW -- HOVER */

#top .main_color .avia-button.avia-color-theme-color-subtle:hover{
	padding: 16px 24px;
	background-color: var(--yellow);
	transition: var(--transition-standard);
	border: 1px solid var(--yellow);
}

#top .main_color .avia-button.avia-color-theme-color-subtle:hover .avia_iconbox_title{
	color: var(--black);
	transition: var(--transition-standard);
}








/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

#top #header .logo img,
#top #header .logo svg{
	max-width: 200px !important;
}

#top #header .logo a{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

#top #header .av-main-nav > li > a{
	padding: 0px 16px;
}

#top #header .av-main-nav > li > a .avia-menu-text{
	font-weight: 400 !important;
	transition: var(--transition-standard);
	color: var(--white);
}

#top #header .av-main-nav > li.current-menu-item > a .avia-menu-text{
	font-weight: 400 !important;
	transition: var(--transition-standard);
	color: var(--cyan);
}

#top #header .av-main-nav > li > a:hover .avia-menu-text{
	font-weight: 400 !important;
	transition: var(--transition-standard);
	color: var(--grey);
}


/* HEADER COLORED BUTTON */
#top #header .av-main-nav > li.av-menu-button-colored.current-menu-item > a .avia-menu-text,
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text{
	padding: 12px 24px;
	color: var(--black);
	transition: var(--transition-standard);
	background-color: var(--yellow);
	border: none;
}

#top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text{
	padding: 12px 24px;
	color: var(--white);
	transition: var(--transition-standard);
	background-color: var(--darkBlue);
	border: none;
}






/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
MOBILE MENU
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */



/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

  #footer .content{
    padding-bottom: 0px !important;
  }

    #footer .footer-container {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      justify-content: space-between;
      align-items: flex-start;
      max-width: 820px;
      margin: 0 auto;
      gap: 2rem;
    }


    #footer .footer-menu {
      grid-column: span 1 / span 1;
    }

    #footer .footer-social {
      grid-column: span 2 / span 2;
    }

    #footer .footer-certifications {
      grid-column: span 4 / span 4;
      display: flex;
      flex-direction: row;
      justify-content: end;
      gap: 24px;
    }

    #footer .footer-social h4,
    #footer .footer-menu h4 {
      margin-bottom: 0.5rem;
      font-size: var(--fontSize-h5) !important;
      font-weight: var(--font-bold) !important;
    }

    #footer .footer-menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #footer .footer-menu ul li {
      margin-bottom:2px;
      margin-left: 0px !important;
      font-size: var(--fontSize-sm);
    }

    #footer .footer-menu a {
      color: var(--white);
      text-decoration: none;
      transition: var(--transition-standard);
    }

    #footer .footer-menu a:hover {
      text-decoration: underline;
      color: var(--yellow);
      transition: var(--transition-standard);

    }

    #footer .social-icons {
      display: flex;
      gap: 0.8rem;
      margin-top: 0.5rem;
    }

    #footer .social-icons a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: var(--yellow);
      border: 2px solid var(--yellow);
      transition: var(--transition-standard);
    }

    #footer .social-icons svg {
      width: 16px;
      height: 16px;
      fill: var(--black);
      transition: var(--transition-standard);
    }


    #footer .social-icons a:hover {
      background: var(--black);
      border: 2px solid var(--yellow);
      transition: var(--transition-standard);
    }

    #footer .social-icons a:hover svg path {
      fill: var(--yellow) !important;
      transition: var(--transition-standard);
    }

    #footer .footer-certifications img {
      height: 94px;
      max-width: 100%;
      object-fit: contain;
    }

    #footer .footer-bottom {
      margin: 2rem 0px;
      padding-top: 1rem;
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: 16px;
    }

    #footer .footer-bottom-links,
    #footer .footer-bottom-links nav{
      text-align: center;
      font-size: var(--fontSize-xs);
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: 16px;
    }

    #footer .footer-bottom a {
      color: #fff;
      text-decoration: none;
    }

    #footer .footer-bottom .footer-bottom-links a:hover {
      text-decoration: underline !important;
      color: var(--yellow) !important;
      transition: var(--transition-standard);
    }


    #footer .footer-logo{ 
      display: flex;
      justify-content: center;
      margin-top: 8px;
    }





/*
/
/
/
/
/
PAGES
/
/
/
/
/
*/


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - HOMEPAGE
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

.logos-slider h4 {
  text-align: center !important;
  margin-bottom: 0px !important;
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - NDR - SOLUTIONS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Left column table */
#feature-table > .pricing-table-wrap:first-of-type {
  width: 540px !important;
  max-width: 540px;
}

#feature-table > .pricing-table-wrap:first-of-type .first-table-item {
  font-size: var(--fontSize-h3);
  color: var(--cyan);
}

#feature-table > .pricing-table-wrap:first-of-type li {
  background-color: var(--dullBlue);
  border-bottom: 1px solid var(--black);
  padding: 24px 36px;
  font-size: var(--fontSize-h5);
}

#feature-table > .pricing-table-wrap:first-of-type li:last-child {
  border-bottom: none;
}


/* Right column table */
#feature-table > .pricing-table-wrap:nth-of-type(2) .first-table-item {
  font-size: var(--fontSize-h3);
  color: var(--cyan);
}

#feature-table > .pricing-table-wrap:nth-of-type(2) li {
  background-color: var(--black);
  border-bottom: 1px solid var(--grey);
  padding: 24px 36px;
  font-size: var(--fontSize-p);
  text-align: left;
}

.table-mobile h4 {
    color: var(--cyan) !important;
}






/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - HOW IT WORKS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero-interior .entry-content-wrapper{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

}


.hero-interior .hero-interior-video.pattern-patch{
  position: relative;
  overflow: visible !important;
  padding: 0px 150px 50px 150px !important;
}


.pattern-patch .grey-panel{
  border-radius: var(--radius-md) !important;
  background-color: var(--dullBlue);
  padding: 24px !important;
}

#top.page-id-33 .pattern-patch .av_textblock_section{
  position: relative !important;
}

/* PATTERN PATCH */
.pattern-patch::before {
  content: "";
  display: block;
  position: absolute;
  opacity: 1 !important;
  visibility: visible !important;
}

.pattern-patch.pattern-patch-small::before {
  width: 240px;
  height: 240px;
}

.pattern-patch.pattern-patch-large::before {
  width: 320px;
  height: 320px;
}


.pattern-patch.pattern-patch-top-left::before {
  top: -60px !important;
  left: -80px !important;
}

.pattern-patch.pattern-patch-1::before{
  background: url('/wp-content/uploads/cynamics-pattern-patch-1.webp') no-repeat center/cover;
}

.pattern-patch.pattern-patch-2::before{
  background: url('/wp-content/uploads/cynamics-pattern-patch-2.webp') no-repeat center/cover;
}

.pattern-patch.pattern-patch-3::before{
  background: url('/wp-content/uploads/cynamics-pattern-patch-3.webp') no-repeat center/cover;
}

.pattern-patch.pattern-patch-4::before{
  background: url('/wp-content/uploads/cynamics-pattern-patch-4.webp') no-repeat center/cover;
}








/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
ELEMENTS - BLOG LISTING
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.blog-listing{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.blog-listing article{
  grid-column: span 1 / span 1;
  width: 100%;
  background-color: var(--black);
  transition: var(--transition-standard) !important;
  padding: 24px;
  border: 1px solid var(--black);
}

.blog-listing article .entry-title{
  font-size: 28px !important;
  transition: var(--transition-standard) !important;
}

.blog-listing article .read-more-link{
 margin-top: 8px;
}

.blog-listing article .comment-container,
.blog-listing article .blog-author,
.blog-listing article .post-meta-infos .text-sep:nth-of-type(2),
.blog-listing article .post-meta-infos .text-sep:nth-of-type(3),
.blog-listing article .post-meta-infos .text-sep:nth-of-type(4),
.blog-listing article .post-meta-infos .text-sep:nth-of-type(5),
.blog-listing article .post_delimiter{
 display: none !important;
}

.blog-listing article .more-link{
  background-color: var(--yellow) !important;
  border-radius: 2px !important;
  color: var(--black) !important;
  transition: var(--transition-standard) !important;
}


.blog-listing article .blog-categories {
  color: transparent;
}

.blog-listing article .blog-categories a {
   color: var(--yellow);
   font-size: 17px !important;
}

/* Alternative precise way if 'in' is always plain text before the <a> tag */
.blog-listing article .blog-categories {
  font-size: 0; /* hide text */
}


.blog-listing article:hover {
  cursor: pointer;
  border: 1px solid var(--yellow);
}

.blog-listing article:hover .entry-title{
  color: var(--yellow) !important;
  transition: var(--transition-standard) !important;
}


.blog-listing article:hover .more-link{
    color: var(--white) !important;
    transition: var(--transition-standard) !important;
    background-color: var(--darkBlue) !important;
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - RESOURCES
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#sub_menu1 .avia-menu-text{
  font-size: 17px !important;
  transition: var(--transition-standard);
}


#sub_menu1 .menu-item .avia-menu-text:hover{
  color: var(--grey) !important;
  transition: var(--transition-standard);
}

#sub_menu1 .menu-item.av-menu-button-bordered .avia-menu-text{
  border: none !important;
  color: var(--cyan) !important;
  transition: var(--transition-standard);
}



.blog-listing.color-inverted article{
  grid-column: span 1 / span 1;
  width: 100%;
  background-color: var(--white);
  transition: var(--transition-standard) !important;
  padding: 24px;
  border: 1px solid var(--white);
}

.blog-listing.color-inverted article .entry-title{
  color: var(--black) !important;
}

.blog-listing article .more-link{
  background-color: var(--yellow) !important;
  border-radius: 2px !important;
  color: var(--black) !important;
  transition: var(--transition-standard) !important;
}


.blog-listing.color-inverted article .post-meta-infos,
.blog-listing.color-inverted article .date-container,
.blog-listing.color-inverted article .text-sep,
.blog-listing.color-inverted article .blog-categories a {
   color: var(--black) !important;
   font-size: 17px !important;
  transition: var(--transition-standard) !important;
}

.blog-listing.color-inverted article:hover .post-meta-infos,
.blog-listing.color-inverted article:hover .date-container,
.blog-listing.color-inverted article:hover .text-sep,
.blog-listing.color-inverted article:hover .blog-categories a {
    color: var(--white) !important;
    transition: var(--transition-standard) !important;
}


.blog-listing.color-inverted article:hover {
  cursor: pointer;
  border: 1px solid var(--yellow);
  background-color: var(--black);
  transition: var(--transition-standard) !important;
}

.blog-listing.color-inverted article:hover .entry-title{
  color: var(--yellow) !important;
  transition: var(--transition-standard) !important;
}


.blog-listing article:hover .more-link{
    color: var(--white) !important;
    transition: var(--transition-standard) !important;
    background-color: var(--darkBlue) !important;
}









/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - BLOG CONTENT
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.blog-content .content{
    margin-top: -350px;
}

.blog-content .flex_column{
    padding: 80px;
    background-color: #40444B;
}







/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - REQUEST A DEMO
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#form-container{
  padding: 24px !important;
  background-color: var(--grey) !important;
  border-radius: var(--radius-sm);
}




/*
/
/
/
/
/
FORM - GRAVITY FORMS
/
/
/
/
/
*/

/* ------------------------------------------------------------
	FORM
------------------------------------------------------------ */
/* GRAVITY FORMS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */


.gform-theme--foundation .gform_fields{
	gap: 16px !important;
}

body .gform_wrapper .gform_body .gfield_required{
	margin-left: 4px !important;
}
body .gform_wrapper .gform_body input::-webkit-input-placeholder {
  color: var(--white);
}

#top label span,
#top legend span{
	color: #1C43FF !important;
}

body .gform_wrapper .gform_body .gfield{
	margin-bottom: 16px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input,
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input,
body .gform_wrapper .gform_body .gform_fields .gfield .address_city input,
body .gform_wrapper .gform_body .gform_fields .gfield .address_state select,
body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input,
body .gform_wrapper .gform_body .gform_fields .gfield .address_country select,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website input {
	height: 60px !important;
	padding: 18px 16px !important;
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
	margin-bottom: 8px !important;
	color: var(--white) !important;
	background-color: var(--dullBlue) !important;
	border-radius: var(--radius-sm) !important;
  border: 1px solid var(--white) !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox label {
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 400 !important;
	text-transform: none !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox .gfield_label {
	font-size: 16px !important;
	font-weight: 500 !important;
	font-family: 'Helvetica Neue', sans-serif !important;
	padding-top: 12px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	padding: 18px 16px !important;
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
	margin-bottom: 8px !important;
	color: var(--white) !important;
	background-color: var(--dullBlue) !important;
	border-radius: var(--radius-sm) !important;
  border: 1px solid var(--white) !important;
}


body .gform_wrapper .gform_footer input[type=submit] {
	background-color: var(--yellow) !important;
	color: var(--black) !important ;
	padding: 16px 24px !important;
	font-size: var(--fontSize-sm) !important;
	font-weight: 400 !important;
	font-family: 'Helvetica Neue', sans-serif !important;
	text-transform: uppercase !important;
}


body .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: var(--dullBlue) !important;
	border-radius: 0 !important;
	color: var(--white) !important ;
}



/* Hover
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_city input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_state select:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_country select:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield select option:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:hover,
body .gform_wrapper .gform_body .gform_fields .gfield select:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text:hover input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website:hover input  {
	background-color: var(--darkBlue) !important;
	/* Firefox */
	-moz-transition: all .2s ease-in-out;
	/* WebKit */
	-webkit-transition: all .2s ease-in-out;
	/* Opera */
	-o-transition: all .2s ease-in-out;
	/* Standard */
	transition: all .2s ease-in-out;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border: 1px solid var(--darkBlue) !important;
	box-shadow: rgba(248, 183, 82, 0.05) 0px 4px 16px, rgba(248, 183, 82, 0.05) 0px 8px 24px, rgba(248, 183, 82, 0.05) 0px 16px 56px !important;

}

/* Focus
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_city input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_state select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_country select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price:focus input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select option:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select option:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website input:focus  {
	background: var(--black) !important;
	box-shadow: rgba(0, 184, 236, 0.1) 0px 4px 16px, rgba(0, 184, 236, 0.1) 0px 8px 24px, rgba(0, 184, 236, 0.1) 0px 16px 56px !important;
	-moz-transition: all .2s ease-in-out;
	/* WebKit */
	-webkit-transition: all .2s ease-in-out;
	/* Opera */
	-o-transition: all .2s ease-in-out;
	/* Standard */
	transition: all .2s ease-in-out;
	border: 1px solid var(--cyan) !important;
}



/* Validation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

body .gform_wrapper .gform_validation_errors {
	background: #212733 !important;
	text-transform: uppercase;
	border-bottom: 2px solid #1C43FF !important;
	border-radius: 0px 0px 4px 4px !important;
}

body .gform_wrapper .gform_validation_errors ol li a {
	text-transform: none !important;
	color: #ffffff !important;
}

body .gform_wrapper .gform_validation_errors ol li a:hover {
	text-transform: none !important;
	color: #ffffff !important;
	font-family: "Helvetica Neue", sans-serif !important;
}


body .gform_wrapper .gform_validation_errors h2 {
	color: #ffffff !important;
	text-transform: uppercase;
	font-family: "Helvetica Neue", sans-serif !important;
	font-size: 20px !important;
}

body .gform_wrapper .gform_validation_errors .gform-icon {
	border: 2px solid #0B0E19 !important;
	color: #ffffff !important;
	font-family: "Helvetica Neue", sans-serif !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
	background: #212733 !important;
	padding: 8px 16px !important;
	color: #ffffff !important;
	margin-top: 0px;
	border-right: 1px solid #1C43FF !important;
	border-bottom: 1px solid #1C43FF !important;
	border-left: 1px solid #1C43FF !important;
	font-family: "Helvetica Neue", sans-serif !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .name_first input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .name_last input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_email input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .textarea,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_text input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_email input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_number input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_phone input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_website input 
 {
	border: 2px solid #2E3C40 !important;
}



.gform_confirmation_wrapper .gform_confirmation_message{
	font-size: 16px !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	font-family: "Helvetica Neue", sans-serif !important;
}

.sptp-popup-section.style-1 button:hover.mfp-close::before{
	color: #0B0E19 !important;	
}






/*
/
/
/
/
/
QUERIES
/
/
/
/
/
*/


@media only screen and (min-width: 1100px) and (max-width: 1230px) {

}

@media only screen and (max-width: 1230px) {

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - HOW IT WORKS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

.hero-interior .hero-interior-video.pattern-patch{
  position: relative;
  overflow: visible !important;
  padding: 0px 50px 50px 50px !important;
}





/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - BLOG CONTENT
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

.blog-content .flex_column{
    padding: 40px;
    background-color: #40444B;
}




}




@media only screen and (max-width: 1099px) {
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - HOW IT WORKS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero-interior .hero-interior-video.pattern-patch{
  position: relative;
  overflow: visible !important;
  padding: 0px 28px 28px 28px !important;
}


}

@media only screen and (max-width: 989px) {

  /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  MOBILE MENU
  –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  .html_av-overlay-side .av-burger-overlay-bg{
    opacity: 0.9 !important;
  }

  html.av-burger-overlay-active body{
    position: fixed;
  }

   .avia-menu .av-burger-overlay-scroll{
    border-left: 1px solid var(--cyan);
   }

  .avia-menu #av-burger-menu-ul li a{
    border: none !important;
  }

  .avia-menu #av-burger-menu-ul li a .avia-menu-text{
    font-size: var(--fontSize-h5);
  }

  
  /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  FOOTER
  –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */


  #footer .content{
    padding-bottom: 0px !important;
  }

    #footer .footer-container {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    #footer .footer-menu {
      grid-column: span 1 / span 1;
    }

    #footer .footer-social {
      grid-column: span 1 / span 1;
    }

    #footer .footer-certifications {
      grid-column: span 2 / span 2;
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: 16px;
    }

    #footer .footer-menu h4 {
      text-align: right;
    }

    #footer .footer-menu ul {
      display: flex;
      flex-direction: row;
      gap: 16px;
      justify-content: end;
    }


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGE - HOW IT WORKS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero-interior .hero-interior-video.pattern-patch{
  position: relative;
  overflow: visible !important;
  padding: 0px !important;
}



}

@media only screen and (max-width: 767px) {

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

  #footer .content{
    padding-bottom: 0px !important;
  }

    #footer .footer-container {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #footer .footer-menu,
    #footer .footer-social,
    #footer .footer-certifications {
      grid-column: span 1 / span 1;
      justify-content: center !important;
    }
    
    #footer .footer-menu ul,
    #footer .social-icons,
    #footer .footer-social h4,
    #footer .footer-menu h4 {
      text-align: center !important;
      justify-content: center !important;
    }

    #footer .footer-bottom{
      flex-direction: column;
    }




    /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
    PAGE - BLOG CONTENT
    –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
    .blog-content .content{
        margin-top: 0px;
    }

    .blog-content .post-entry{
        margin-top: -450px;
        padding: 24px;
        background-color: #40444B;
    }

    .blog-content .flex_column{
        padding: 0px;
        background-color: transparent;
    }



  /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  ELEMENTS - BLOG LISTING
  –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  .blog-listing{
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 16px;
  }

}

@media only screen and (max-width: 480px) {

}