.elementor-kit-7{--e-global-color-primary:#FBAAE2;--e-global-color-secondary:#FBAC84;--e-global-color-text:#1E1E1E;--e-global-color-accent:#61CE70;--e-global-color-511cd44:#FDFC91;--e-global-color-010896c:#FFFD5E;--e-global-color-d6017a6:#FBFBFB;--e-global-typography-primary-font-family:"Nae";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nae";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"NaeSerif", Sans-serif;font-size:45px;font-weight:700;}.elementor-kit-7 h2{color:#000000;font-family:"Nae", Sans-serif;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-right:0px;padding-left:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.customgrad .elementor-button {
  
  background-image: linear-gradient(351deg, rgb(253, 252, 145) 0%, rgb(251, 172, 132) 32%, rgb(253, 177, 194) 78%) !Important;

}


.customlog .woocommerce-button.button.woocommerce-form-login__submit {
  background:
#FBAC84;
  color: white;
  text-transform: uppercase;
  font-weight: normal;
}


.customlog .woocommerce form.login {
  border:
1px solid #464646;
  padding:
20px;
  margin:
2em 0;
  text-align: left;
  border-radius:
5px;
}




.menu-item-2863 {
   background: linear-gradient(173deg, rgba(253,252,145,1) 0%, rgba(251,172,132,1) 41%, rgba(253,177,194,1) 78%);
}



.menu-item-2858 {
  background: rgba(103, 207, 238, 0.56); 
}


.menu-item-2859 {
background: rgba(255,205,108,0.75);
}


.menu-item-2860 {
  background: rgba(255, 117, 190, 0.56);
}


.menu-item-2861 {
  background: rgba(0,62,145,0.56);
}


.menu-item-2862 {
  background: rgba(150,183,149,0.56);
}


.proddesc {
  font-size: 20px;
  line-height: 1.4em;
}


.naemenumob .elementor-nav-menu--dropdown.elementor-nav-menu__container {
  padding: 15px 0px;
}

.naemenumob .sub-menu {

  padding: 10px 0px !important;
}

.page-id-835 body {
  overflow-x: hidden;
}


.elementor-835 .elementor-element.elementor-element-2276991:not(.elementor-motion-effects-element-type-background), .elementor-835 .elementor-element.elementor-element-2276991 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("https://drnae.com/wp-content/uploads/2022/08/Nadine-Gradient-Panel.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.linkpic .elementor-widget-image a {
  display: block;
}

.signed {
  font-size: 20px !important;
  border: 1px solid;
  padding: 20px;
  background: linear-gradient(144deg, rgb(251, 170, 226) 0%, rgb(251, 172, 132) 10%, rgb(253, 252, 145) 100%);
}


.gform_wrapper.gravity-theme .ginput_product_price {
      color: #6a9926 !important;
}

.gform_required_legend {
  display: none;
}


.ginput_stripe_creditcard label {
  margin-bottom: 10px;
}


#field_4_3 .gfield_label.gfield_label_before_complex {
  font-size: 20px;
}


#socialcustom .elementor-social-icon {
  background: linear-gradient(173deg, rgba(253,252,145,1) 0%, rgba(251,172,132,1) 41%, rgba(253,177,194,1) 78%);;
}

#socialcustom .elementor-icon i::before, .elementor-icon svg::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-shadow: 0px 2px 2px rgba(243.00000000000003, 129.42391304347825, 154.82909038901605, 0.97);
}


.grad-tri {
	background: linear-gradient(173deg, rgba(253,252,145,1) 0%, rgba(251,172,132,1) 41%, rgba(253,177,194,1) 78%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}


.grad-po {
	background: linear-gradient(180deg, rgba(251,170,226,1) 0%, rgba(251,172,132,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.grad-yw {
	background: linear-gradient(173deg, rgba(255,255,255,1) 0%, rgba(253,252,145,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.grad-blkg {
	background: linear-gradient(173deg, rgba(0,0,0,1) 0%, rgba(150,150,150,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}


.reveal.fadeIn::before {
   	position: absolute;
   	content: '';
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left:0;
   	background: linear-gradient(180deg, rgba(251,170,226,1) 0%, rgba(251,172,132,1) 100%);
   	z-index: 9;
   	animation: yshowText 1.38s ease 0.18s forwards;
   	transform-origin: 0% 100%;
   }
   
   .reveal.fadeIn::after {
   	position: absolute;
   	content: '';
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left:0;
   	background:  linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
   	z-index: 8;
   	animation: yshowText 1.38s ease 0.66s forwards;
   	transform-origin: 0% 100%;
   }
   
   @keyframes yshowText {
   	0% {
   		transform: scaleY(1)
   	}
   	100% {
   		transform: scaleY(0)
   	}
   }
   

.c-btn {
  color: #FFF;
font-weight:700;
  position: relative;
  display: inline-block;
  font-size: 23px;
  height: 100%;
  transition: all 0.5s ease;
}

.c-btn:hover {
 
  color: #000;
  
}


.c-btn:after {
  content: '';
  display: block;
  position: absolute;
}
.c-btn:before {
  content: '';
  display: block;
  position: absolute;
}
.c-btn--line:after {
  transform-origin: left;
  transform: scaleX(1);
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color:  background: rgb(253,252,145);
background: linear-gradient(77deg, rgba(253,252,145,1) 0%, rgba(255,255,255,0.5) 100%); ;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
  bottom: -5px;
}
.c-btn--line:hover:after {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}

   

.c-btnwhitebg {
  color: #000;
font-weight:700;
  position: relative;
  display: inline-block;
  font-size: 18px;
  height: 100%;
  transition: all 0.5s ease;
}

.c-btnwhitebg:hover {
 
  color: #fbac84;
  
}

.blog-button {
  background: #FBAAE2;
  color: #000 !important;
}

.c-btnwhitebg:after {
  content: '';
  display: block;
  position: absolute;
}
.c-btnwhitebg:before {
  content: '';
  display: block;
  position: absolute;
}
.c-btnwhitebg--line:after {
  transform-origin: left;
  transform: scaleX(1);
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color:  background: rgb(253,252,145);
background: linear-gradient(77deg, rgba(251,170,226,1) 0%, rgba(251,172,132,1) 53%, rgba(253,252,145,1) 100%); 
  transition: transform .6s cubic-bezier(.55,0,.1,1);
  bottom: -5px;
}
.c-btnwhitebg--line:hover:after {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}



.c-btn--double-line:after {
  transform-origin: left;
  transform: scaleX(0);
  top: 0;
  height: 2px;
  width: 100%;
  background-color: #FFF;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}

.c-btn--double-line:before {
  transform-origin: left;
  transform: scaleX(0);
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #FFF;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}
.c-btn--double-line:hover:after {
  transform: scaleX(1);
  transform-origin: left;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}
.c-btn--double-line:hover:before {
  transform: scaleX(1);
  transform-origin: right;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}
.c-btn--big-line:after {
  content: attr(data-hover-name);
  color: #000;
  height: 100%;
  width: 100%;
  top: 0;
  opacity: 0;
  transition: all .2s cubic-bezier(.55,0,.1,1);
}
.c-btn--big-line:before {
  content: '';
  display: block;
  position: absolute;
  transform-origin: right;
  transform: scaleX(0);
  height: 100%;
  width: 100%;
  top: 0;
  background-color: #FFF;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}
.c-btn--big-line:hover:after {
  opacity: 1;
  transition: all .3s cubic-bezier(.55,0,.1,1);
  transition-delay: .3s;
}
.c-btn--big-line:hover:before {
  transform: scaleX(1);
  transform-origin: left;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}
.c-btn--border-line {
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 2px transparent;
  padding: 12px;
}
.c-btn--border-line:after,
.c-btn--border-line:before {
  box-sizing: border-box;
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.c-btn--border-line:after {
  top: 0;
  left: 0;
  transition: border-color 0s ease-in .8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}
.c-btn--border-line:before {
  bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}
.c-btn--border-line:hover:after,
.c-btn--border-line:hover:before {
  width: 100%;
  height: 100%;
}
.c-btn--border-line:hover:after {
  border-top-color: #e64040;
  border-right-color: #e64040;
  transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.c-btn--border-line:hover:before {
  border-bottom-color: #e64040;
  border-left-color: #e64040;
  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}







.c-btnmultibg {
  color: #000;
font-weight:700;
  position: relative;
  display: inline-block;
  font-size: 18px;
  height: 100%;
  transition: all 0.5s ease;
}

.c-btnmultibg:hover {
 
  color: #5b5b5b;
  
}


.c-btnmultibg:after {
  content: '';
  display: block;
  position: absolute;
}
.c-btnmultibg:before {
  content: '';
  display: block;
  position: absolute;
}
.c-btnmultibg--line:after {
  transform-origin: left;
  transform: scaleX(1);
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color:  background: rgb(253,252,145);
background: linear-gradient(77deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 53%, rgb(253, 252, 145) 100%);
  transition: transform .6s cubic-bezier(.55,0,.1,1);
  bottom: -5px;
}
.c-btnmultibg--line:hover:after {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .6s cubic-bezier(.55,0,.1,1);
}





#gform_submit_button_4 {
  background: #fff;
  text-transform: uppercase;
  font-weight: 700;
  color: #fbac84;
  border: 1px solid #fbac84;
  font-size: 20px;
}

#gform_submit_button_4:hover {
  color: #000;
}


#gform_submit_button_8 {
  background: #fbac84;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  border: 1px solid #fbac84;
  font-size: 20px;
}

#gform_submit_button_8:hover {
  color: #fff;
}




#gform_submit_button_7 {
  background: #fff;
  text-transform: uppercase;
  font-weight: 700;
  color: #fbac84;
  border: 1px solid #fbac84;
  font-size: 20px;
}

#gform_submit_button_7:hover {
  color: #fbaae2;
}




#gradbutton {
  background: linear-gradient(173deg, rgb(253, 252, 145) 0%, rgb(251, 172, 132) 51%, rgb(251, 170, 226) 100%);
  border-radius: 20px;
  color: #fff;
  text-shadow: 0px 2px 2px rgba(243.00000000000003, 129.42391304347825, 154.82909038901605, 0.97);
}

#bggrad {
  background-color: #fff !important;
  background-image: linear-gradient(144deg, rgba(251,170,226,1) 0%, rgba(251,172,132,1) 53%, rgba(253,252,145,1) 100%);;
  background-size: 180% 70%;
  background-repeat: no-repeat;
  animation: gradient-animation 20s ease infinite;
}



#bggrad .c-btn {
  color: #FFF;
font-weight:700;
  position: relative;
  display: inline-block;
  font-size: 20px;
  height: 100%;
  transition: all 0.5s ease;
}


#naeblogpost h4 {
  font-size: 25px;
  font-family: 'NaeSerif';
  margin-bottom: 10px;
  margin-top: 37px;
  color: #FBAC84;
}

#naeblogpost hr {
  border: 1px solid #ececec;
  margin: 30px 0px;
}



#blackbgprod .proddesc {
  color: #fff;
}

#blackbgprod p {
  color: #fff;
}


.naeblog ol li::before {
  content: counter(mycounter);
  counter-increment: mycounter;
  position: absolute;
  width: 25px;
  height: 25px;
  left: -5px;
  font-family: 'naeserif';
  line-height: 26px;
  border-radius: 50%;
  color: #fff;
  background: #fbaae2;
  text-align: center;
  margin-top: 5px;
  font-size: 16px;
  margin-left: 20px

}

.naeblog ol {
  list-style: none;
  counter-reset: mycounter;
  padding:0;
  margin-left: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.naeblog ol li {
 margin-left: 30px;
 margin-bottom: 10PX;
}

.naeblog .button {
  background: linear-gradient(173deg, rgb(253, 252, 145) 0%, rgb(251, 172, 132) 51%, rgb(251, 170, 226) 100%);
  border-radius: 20px;
  color: #fff;
  text-shadow: 0px 2px 2px rgba(243.00000000000003, 129.42391304347825, 154.82909038901605, 0.97);
  padding: 10px 20px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.2px;
  transition: all .2s ease-in;
  display: inline-block;
  margin-top: 10px;
}

.naeblog .button:hover {
  background: linear-gradient(173deg, rgb(253, 252, 145) 0%, rgb(251, 172, 132) 51%, rgb(251, 170, 226) 100%);
  color: #000;
  text-shadow: 0px 2px 2px rgba(243.00000000000003, 129.42391304347825, 154.82909038901605, 0.97);

}



.naeblog .btn {
  background: linear-gradient(173deg, rgb(253, 252, 145) 0%, rgb(251, 172, 132) 51%, rgb(251, 170, 226) 100%);
  border-radius: 20px;
  color: #fff;
  text-shadow: 0px 2px 2px rgba(243.00000000000003, 129.42391304347825, 154.82909038901605, 0.97);
  padding: 10px 20px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.2px;
  transition: all .2s ease-in;
  display: inline-block;
  margin-top: 10px;
}

.naeblog .btn:hover {
  background: linear-gradient(173deg, rgb(253, 252, 145) 0%, rgb(251, 172, 132) 51%, rgb(251, 170, 226) 100%);
  color: #000;
  text-shadow: 0px 2px 2px rgba(243.00000000000003, 129.42391304347825, 154.82909038901605, 0.97);

}





.naeblog .newbu li {
  margin-bottom: 10px;
}


.naeblog a {
  color: #55B1CC;
}

.naeblog ul {
  margin-bottom: 20px;
}


.naeblog ul li {
  margin-bottom: 5px;
}

.naeblog h3 {
  color: #FBAC84;
  font-family: "naeserif";
  margin-top: 35px;
}


.esg-fullscreen-forcer p {
  margin-top: 0;
  margin-bottom: 0px;
}

.bulletprod {
  margin-bottom: 15px;
}

#prodpage h2 {
  font-size: 26px;
}


#gform_submit_button_5 {
  background: #FBAC84;
  border: none;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
}

#gform_submit_button_5:hover {
  background: #FBAAE2;

}


.linkhead a {
  text-decoration: underline;
}


@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


    #widercol {
  flex-basis: 16.66%

}



#widercol2 {
  flex-basis: 23%;
  padding: 0px 20px;
}


#flexywexy .elementor-container.elementor-column-gap-default {
    flex-wrap: wrap !important;
    justify-content: center;

}

#flexywexy .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 16px;
}

@media (min-width: 1600px){


.elementor-835 .elementor-element.elementor-element-51b4ecd > .elementor-widget-container {
  margin: -128px 0px 0px 0px !important;

}
}


@media (max-width: 1600px){
    
    #widercol {
  flex-basis: 25% !important;

}


    #widercol2 {
  flex-basis: 43%;
 padding: 0px 50px;

}



#flexywexy .elementor-container.elementor-column-gap-default {
    flex-wrap: wrap;
    justify-content: center;

}

}


@media (max-width: 1024px){
    
    
#bggrad {
  background-color: #fff !important;
  background-image: linear-gradient(144deg, rgba(251,170,226,1) 0%, rgba(251,172,132,1) 53%, rgba(253,252,145,1) 100%);;
  background-size: 180% 100%;
  background-repeat: no-repeat;
  animation: gradient-animation 20s ease infinite;
}


    #widercol {
  flex-basis: 33% !important;

}

    #widercol2 {
  flex-basis: 50%;
  padding: 0px 20px;

}



#flexywexy .elementor-container.elementor-column-gap-default {
    flex-wrap: wrap;
    justify-content: center;

}

}




@media (max-width: 767px){
    
    



    #widercol {
  flex-basis: 50% !important;

}

.ginput_stripe_creditcard label {
  margin-bottom: 10px;
  margin-top: 10px;
}


#field_4_3 .gfield_label.gfield_label_before_complex {
  line-height: 1.4em;
}


    #widercol2 {
  flex-basis: 100%;
  padding: 0px;

}


.responsetxt h2 {
  font-size: 5vw !important;
}


#prodpage h2 {
  font-size: 20px;
}



}



@media (max-width: 600px){
    
    
.responsetxt h2 {
  font-size: 6.5vw !important;
}


    #widercol {
  flex-basis: 100% !important;

}


    #widercol2 {
  flex-basis: 100%

}


}


@media (max-width: 435px){
    
    .combutton {
        margin-top: 15px;
    }
}


@media (max-width: 450px) {
  .elementor-4658 .elementor-element.elementor-element-27d61e6c {
    width: 75%;
  }
  
  
   .elementor-4658 .elementor-element.elementor-element-4c18798c {
    width: 25%;
  }
}



.page-id-6594 .header-inner {
  display: none;
}


#gfield_description_8_14 {
  padding: 0px;
  margin-top: -10px;
  margin-bottom: 20px;
  line-height: 1.4em;
}



.media-logos {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 24px 36px;
      padding: 20px;
    }

    .media-logos iMg {
      height: 40px;
      width: auto;
      object-fit: contain;
      opacity: 0.75;
      transition: opacity 0.2s ease;
      filter: grayscale(100%);
    }


    /* On small screens, shrink logos a bit */
    @media (max-width: 480px) {
      .media-logos img {
        height: 28px;
      }
      .media-logos {
        gap: 16px 24px;
      }
    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nae';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://drnae.com/wp-content/uploads/2022/08/Nae-Bold.woff2') format('woff2'),
		url('https://drnae.com/wp-content/uploads/2022/08/Nae-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Nae';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://drnae.com/wp-content/uploads/2022/08/Nae-Regular.woff2') format('woff2'),
		url('https://drnae.com/wp-content/uploads/2022/08/Nae-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Nae';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://drnae.com/wp-content/uploads/2022/08/Nae-Light.woff2') format('woff2'),
		url('https://drnae.com/wp-content/uploads/2022/08/Nae-Light.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NaeSerif';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://drnae.com/wp-content/uploads/2022/08/Naeserif-Bold.woff2') format('woff2'),
		url('https://drnae.com/wp-content/uploads/2022/08/Naeserif-Bold.woff') format('woff');
}
@font-face {
	font-family: 'NaeSerif';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://drnae.com/wp-content/uploads/2022/08/Naeserif-Regular.woff2') format('woff2'),
		url('https://drnae.com/wp-content/uploads/2022/08/Naeserif-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */