/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/************************Embedding Fonts*****************************/

@font-face {
  font-family: Gobold Regular;
  src: url(font/gobold/gobold_regular.otf);
}

@font-face {
  font-family: Gobold Hollow Bold;
  src: url(font/gobold/gobold_hollow_bold.otf);
}

@font-face {
  font-family: Gobold Thin Light;
  src: url(font/gobold/gobold_thin.otf);
}

@font-face {
  font-family: Gobold High Bold;
  src: url(font/gobold/gobold_high_bold.otf);
}

@font-face {
  font-family: Gobold Thin;
  src: url(font/gobold/gobold_thin.otf);
}

/************************Embedding Fonts Ends Here*****************************/

/************************Global*****************************/

body,
p {
  font-family: Gobold Regular;
}

#search-btn {
  display: none !important;
}

.sf-menu .slide-out-widget-area-toggle {
  display: none !important;
}

header .span_9 {
  background-color: #212121 !important;
}

header .container {
  max-width: 100% !important;
  padding: 0px !important;
}

#top .menu-title-text {
  font-family: Gobold Hollow Bold !important;
  font-size: 17px;
  line-height: 19px;
}

#top nav {
  padding-top: 20px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#top .span_3 {
  padding-left: 5%;
  padding-right: 5%;
}

#top nav > ul > li > a .menu-title-text:after {
  border: none !important;
}

#logo {
  float: left !important;
}

.menu-toprightmenu-container {
  width: 100% !important;
}

#menu-toprightmenu {
  float: right !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#menu-toprightmenu li {
  float: left;
  padding: 40px 20px;
  border-left: 1px solid #ffffff;
}

#menu-toprightmenu:last-child {
  border-right: 1px solid #ffffff;
}

#menu-toprightmenu li a {
  padding: 16px;
  font-family: Gobold Thin Light !important;
  color: #ffffff;
  font-size: 18px !important;
  text-transform: uppercase !important;
}

.span_5 {
  width: 18% !important;
}

#footer-outer {
  background: linear-gradient(90deg, #ff254f 50%, #ff4383 100%);
}

.footcustmenu li,
.widget_block h3 {
  font-family: Gobold Regular !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 18px !important;
  letter-spacing: 0.15em !important;
}

#footer-widgets li {
  list-style: none !important;
}

#footer-widgets {
  padding-top: 10%;
  padding-bottom: 3%;
}

#copyright {
  padding-bottom: 30px !important;
}

#copyright p {
  font-family: Gobold Regular !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-size: 10px !important;
  line-height: 18px !important;
  letter-spacing: 0.15em !important;
}

.wp-social-link-twitter,
.wp-social-link-facebook,
.wp-social-link-instagram {
  background-color: unset !important;
}

#block-9 {
  margin-bottom: 5px !important;
}

/*.mainbg{background: linear-gradient(0deg, #265180 0%, #CF69A1 43.85%, #E98B39 73.97%, #F3B030 100%);*/

.mainbg {
  background: url("/wp-content/uploads/2022/01/center-bg.png");
  background-repeat: no-repeat;
  background-position: 0px 191px;
  background-size: 100%;
  padding-bottom: 0px !important;
}

.container-wrap {
  background: linear-gradient(
    0deg,
    #265180 0%,
    #cf69a1 43.85%,
    #e98b39 73.97%,
    #f3b030 100%
  ) !important;
}

.hometitle {
  font-family: Gobold High Bold !important;
  border-bottom: 1px solid #ffffff;
  font-style: italic;
  font-weight: bold;
  font-size: 36px;
  line-height: 46px;
}

.yellow_tit {
  color: #fbff25;
}

.green_tit {
  color: #7bea6e;
}

.blue_tit {
  color: #38d0ff;
}

.beauflowtit {
  font-family: Gobold Regular !important;
  font-style: normal;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 24px;
  line-height: 31px;
}

.orangecolor {
  color: #ffb571 !important;
}

.greencolor {
  color: #7bea6e !important;
}

.bluecolor {
  color: #38d0ff !important;
}

.pinkcolor {
  color: #ff5693 !important;
}

.beauFlowMainCnt {
  padding: 10% 3% 0px 3% !important;
}

.beauFlowMainCnt table tr,
.beauFlowMainCnt table {
  background-color: unset !important;
  border: none !important;
}

.beauFlowMainCnt table tr td {
  border: none !important;
  padding: 0px !important;
}

.beauflowrighttext {
  font-family: Gobold Thin !important;
  font-style: normal;
  font-weight: 300;
  text-align: right !important;
  font-size: 19px;
  line-height: 23px;
  color: #ffffff;
}

.beauflowdesc p {
  font-family: Merriweather !important;
  letter-spacing: 1px !important;
  font-style: normal;
  font-weight: 300;
  font-size: 16px !important;
  line-height: 20px;
  color: #ffffff;
}

#flowbtn {
  background-color: unset !important;
}

.beasuflowbtn {
  font-family: Gobold Regular !important;
  padding: 20px !important;
  letter-spacing: 1px !important;
  font-style: normal;
  font-weight: bold;
  font-size: 24px !important;
  line-height: 31px;
  text-transform: uppercase;
}

.aboutBeauMainCnt {
  padding-top: 15% !important;
  padding-bottom: 15% !important;
}

.abouttitle h1 {
  font-family: Gobold Regular !important;
  color: #ffffff !important;
  letter-spacing: 2px !important;
  margin-bottom: 60px !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 48px !important;
  line-height: 62px;
}

.aboutdesc p {
  font-family: Merriweather !important;
  color: #ffffff !important;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
}

.whatMoodRow {
  padding-top: 15% !important;
  padding-bottom: 15% !important;
}

.whatmoodimgcnt .img-with-animation {
  background: #c4c4c4 !important;
  padding: 20px !important;
}

.whatmoodimgcnt .wpb_text_column {
  padding-left: 10%;
}

.whatmoodimgcnt p {
  font-family: Gobold Regular !important;
  color: #ffffff !important;
  padding: 0px 20px 60px 20px !important;
  font-style: normal;
  letter-spacing: 1px;
  font-weight: 500;
  text-align: center;
  font-size: 48px;
  line-height: 62px;
  margin-top: -36%;
  position: absolute;
}

img.energyimg {
  box-shadow: rgb(244 190 39) -33px 30px !important;
}
img.vibeimg {
  box-shadow: rgb(54 162 97) -33px 30px !important;
}
img.serenityimg {
  box-shadow: rgb(66 112 170) -33px 30px !important;
}

.enerygyContent p {
  margin-left: 20%;
}

.vibeContent p {
  margin-left: 25%;
}

.serenityContent p {
  margin-left: 14%;
}

#purplebg {
  background-position: right !important;
}

.aboutLeftFirstImg {
  background: linear-gradient(180deg, #4b7dbb 0%, #2c5281 100%);
  padding: 20px !important;
}

.aboutLeftSecondImg {
  background: linear-gradient(180deg, #f3b030 0%, #eb8328 100%);
  padding: 20px !important;
  margin-left: 50px;
  margin-top: -36%;
}

.leftImgYellowBorder {
  background: linear-gradient(180deg, #eb8328 0%, #f3b030 100%);
}

.leftImgGreenBorder {
  background: linear-gradient(180deg, #2c814e 0%, #7bea6e 100%);
}

.leftImgPinkBorder {
  background: linear-gradient(180deg, #cf69a1 0%, #a62c74 100%);
}

.leftImgBlueBorder {
  background: linear-gradient(180deg, #38d0ff 0%, #4b7dbb 100%);
}

.leftFirstImg {
  padding: 20px !important;
}

.leftSecondImg {
  padding: 20px !important;
  margin-left: 50px;
  margin-top: -36%;
}

.dotImgCnt {
  padding-top: 10% !important;
  padding-bottom: 0% !important;
}

.flowersImgCnt {
  padding-top: 10% !important;
  padding-bottom: 15% !important;
}

.slideMainCnt {
}

.slidertitle p {
  font-family: Gobold High Bold !important;
  border-bottom: 1px solid #ffffff !important;
  text-transform: uppercase !important;
  font-style: italic !important;
  font-weight: bold !important;
  font-size: 36px !important;
  line-height: 46px !important;
  text-align: left !important;
}

.slideHeading p {
  font-family: Gobold Regular !important;
  color: #ffffff !important;
  margin-top: 40px !important;
  letter-spacing: 2px !important;
  margin-bottom: 60px !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 45px !important;
  line-height: 62px !important;
  text-align: left !important;
}

.slidedesc p {
  font-family: Merriweather !important;
  color: #ffffff !important;
  letter-spacing: 1px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 24px !important;
  line-height: 30px !important;
  text-align: left !important;
  margin-bottom: 80px !important;
}

.slideBtn a {
  font-family: Gobold Regular !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  background-color: unset !important;
  padding: 0px !important;
  letter-spacing: 1px !important;
  line-height: 31px;
  text-align: center;
  color: #ffffff;
}

.shopFlowBtn {
  background: linear-gradient(95.14deg, #3bb56c 0%, #2c814e 100%) !important;
  padding: 10px 40px 10px 40px !important;
  float: right;
  margin-right: 50px;
}

.shopVapeBtn {
  background: linear-gradient(95.14deg, #4b7dbb 0%, #2c5281 100%) !important;
  padding: 10px 40px 10px 40px !important;
}

.slideRightImg img {
  background: linear-gradient(180deg, #4b7dbb 0%, #2c5281 100%) !important;
  padding: 20px !important;

  /*position:relative;
top:-25px;*/
}
.slideRightImg .n2-ss-item-content {
  overflow: unset !important;
}

.slidePinkBoxShadow img {
  box-shadow: rgba(166 44 116) -33px 100px !important;
}

.slideGreenBoxShadow img {
  box-shadow: rgba(57 173 103) -33px 100px !important;
}

.slideRightLogo {
  margin-left: 9%;
  z-index: 10;
}

.n2-ss-layers-container {
  max-width: 100% !important;
}

.n2-ss-control-bullet-vertical {
  padding-top: 30%; /*Slider Bullets*/
  padding-right: 2%;
}

.sliderCont {
  padding-top: 5% !important;
}

.whatMoodTitleCnt {
  padding-top: 10%;
}

#header-outer #top .slide-out-widget-area-toggle a .lines:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:before,
#header-outer #top .slide-out-widget-area-toggle a .lines-button:after,
body.material.mobile
  #header-outer.transparent:not([data-permanent-transparent="1"])
  header
  .slide-out-widget-area-toggle
  a
  .close-line,
body.material.mobile
  #header-outer:not([data-permanent-transparent="1"])
  header
  .slide-out-widget-area-toggle
  a
  .close-line,
#search-outer .close-wrap .close-line,
#header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line,
.nectar-slide-in-cart.style_slide_in_click .close-cart .close-line,
.nectar-ajax-search-results h4 a:before {
  background-color: #ffffff !important;
}

.slideLogo {
  padding-left: 33%;
}

.mobile-icon {
  padding-right: 20px !important;
}

.subTitleTop p {
  font-family: Gobold Regular !important;
  letter-spacing: 2px;
  font-style: normal;
  line-height: 70px;
  font-weight: bold;
  font-size: 48px;
  color: #ffffff !important;
}

.subTitBelDesc p {
  font-family: Merriweather !important;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  color: #ffffff !important;
}

.imgRightAbout {
  padding-top: 20% !important;
}

.page-id-130 .container-wrap {
  background: linear-gradient(0deg, #265180 0%, #cf69a1 100%) !important;
}

.page-id-152 .container-wrap {
  background: linear-gradient(0deg, #cf69a1 0%, #265180 100%) !important;
}

@media only screen and (max-width: 1100px) {
  .slideHeading p {
    font-size: 35px !important;
  }

  .slidedesc p {
    font-size: 20px !important;
  }

  .slideBtn a {
    font-size: 16px !important;
  }

  .abouttitle h1 {
    font-size: 38px !important;
  }

  .whatmoodimgcnt p {
    margin-top: -50%;
  }

  .whatmoodimgcnt .wpb_text_column {
    padding-left: 0%;
  }

  .abouttitle h1 {
    font-size: 28px !important;
  }

  .aboutdesc p {
    font-size: 20px;
  }

  .aboutBeauCnt {
    padding-left: 10% !important;
  }

  .slideLogo {
    padding-left: 30%;
    margin-top: -8%;
  }
}

@media only screen and (max-width: 999px) {
  .slideLogo {
    padding-left: 30%;
    margin-top: -8%;
  }

  #footer-widgets .container .col {
    width: 18% !important;
  }

  #copyright .span_5 {
    margin: 0 auto !important;
  }

  #menu-toprightmenu {
    float: none !important;
    text-align: center;
    margin: 0 auto !important;
  }

  #logo {
    width: auto !important;
    padding-right: 20px;
    padding-left: 20px;
  }
  #top .span_3 {
    padding-left: 0%;
  }
  #header-outer #top .col.span_3 {
    display: flex !important;
  }
  #top #logo {
    width: auto !important;
  }

  #menu-toprightmenu {
    overflow: visible !important;
  }

  #menu-toprightmenu li {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  #mobile-menu ul li {
    font-family: Gobold Hollow Bold !important;
    background-color: #212121 !important;
    text-align: center !important;
    font-size: 17px;
    line-height: 19px;
  }

  #top .span_3 {
    padding-left: 45%;
  }

  .mobile-search {
    display: none !important;
  }

  .slide-out-widget-area-toggle {
    background-color: #ff254f !important;
  }

  .slideHeading p {
    font-size: 30px !important;
  }

  .slidedesc p {
    font-size: 18px !important;
  }

  .beauFlowMainCnt img {
    display: block !important;
    margin: 0 auto !important;
  }

  .aboutBeauCnt {
    padding-left: 0% !important;
  }

  .abouttitle h1 {
    text-align: center;
  }

  .aboutdesc p {
    line-height: 10px;
    text-align: center;
  }

  .aboutLeftImgCnt {
    padding-left: 20% !important;
  }

  .whatmoodimgcnt {
    margin-top: 120px !important;
  }

  .whatmoodimgcnt p {
    margin-top: -15%;
    font-size: 35px;
  }

  .serenityContent p {
    margin-left: 40%;
  }

  .vibeContent p {
    margin-left: 44%;
  }

  .enerygyContent p {
    margin-left: 42%;
  }

  #footer-widgets .container .col {
  }
}

@media only screen and (max-width: 768px) {
  .slideLogo {
    padding-left: 27%;
    margin-top: -13%;
  }

  .n2-ss-control-bullet-vertical {
    padding-top: 0% !important;
    padding-right: 10%;
    margin-top: -40%;
  }

  .slideHeading p {
    font-size: 35px !important;
  }

  .abouttitle h1 {
    font-size: 45px !important;
    text-align: left !important;
  }

  .slidertitle {
    margin-top: 15% !important;
  }

  .slidedesc p {
    font-size: 23px !important;
  }

  .aboutdesc p {
    line-height: 28px;
    font-size: 25px !important;
    text-align: left !important;
  }

  .whatmoodimgcnt p {
    margin-top: -21%;
  }

  .serenityContent p {
    margin-left: 38%;
  }

  .vibeContent p {
    margin-left: 42%;
  }

  .enerygyContent p {
    margin-left: 40%;
  }

  #footer-widgets .container .col {
    width: 100% !important;
    justify-content: center;
    display: flex;
  }

  .footcustmenu {
    text-align: center !important;
  }

  .swap-on-mobile .row_col_wrap_12_inner,
  .swap-on-mobile {
    display: flex !important;
    flex-direction: column-reverse;
  }

  .aboutLeftImgCnt {
    padding-top: 80px !important;
  }

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

@media only screen and (max-width: 689px) {
  .span_5 {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  #top .span_3 {
    padding-left: 0%;
  }
  #header-outer #top .col.span_3 {
    display: flex !important;
  }
  #top #logo {
    width: auto !important;
  }
}

@media only screen and (max-width: 600px) {
  .slideLogo {
    padding-left: 17%;
    margin-top: -20%;
    min-width: 35%;
  }

  .whatmoodimgcnt p {
    margin-top: -34%;
  }

  .serenityContent p {
    margin-left: 36%;
  }

  .vibeContent p {
    margin-left: 40%;
  }

  .enerygyContent p {
    margin-left: 38%;
  }

  .aboutLeftImgCnt {
    padding-left: 0% !important;
  }

  .slideHeading p {
    font-size: 35px !important;
  }

  .n2-ss-control-bullet-vertical {
    padding-right: 0% !important;
  }

  .abouttitle h1 {
    font-size: 35px !important;
  }

  .aboutdesc p {
    font-size: 16px !important;
  }

  .slidedesc p {
    margin-bottom: 50px !important;
  }

  .slidePinkBoxShadow img {
    box-shadow: rgba(166 44 116) -33px 44px !important;
  }

  .slideGreenBoxShadow img {
    box-shadow: rgba(57 173 103) -33px 44px !important;
  }

  .slideRightImg {
    margin-right: 10% !important;
    margin-left: 8% !important;
  }

  .n2-ss-item-image-content {
    padding: 20px !important;
  }
}

@media only screen and (max-width: 500px) {
  .slideLogo {
    margin-top: -25%;
  }

  .serenityContent p {
    margin-left: 34%;
  }

  .vibeContent p {
    margin-left: 38%;
  }

  .enerygyContent p {
    margin-left: 36%;
  }

  .slideBtn a {
    font-size: 12px !important;
  }

  .abouttitle h1 {
    font-size: 30px !important;
  }

  .slidertitle {
    margin-top: 30% !important;
  }

  .n2-ss-control-bullet-vertical {
    margin-top: -70%;
  }

  .n2-section-smartslider {
    padding-right: 0px;
    padding-left: 0px;
  }

  .slideHeading p {
    font-size: 26px !important;
    line-height: 43px !important;
  }

  .slidedesc p {
    font-size: 15px !important;
  }

  .aboutLeftImgCnt {
    padding-right: 30px !important;
  }
}

@media only screen and (max-width: 480px) {
  .whatmoodimgcnt p {
    margin-top: -40%;
  }

  .slidedesc p {
    font-size: 16px !important;
    line-height: 19px !important;
  }

  .serenityContent p {
    margin-left: 30%;
  }

  .vibeContent p {
    margin-left: 34%;
  }

  .enerygyContent p {
    margin-left: 32%;
  }

  .aboutdesc p {
    font-size: 13px;
  }

  .slidertitle p {
    font-size: 26px !important;
  }

  .hometitle {
    font-size: 26px !important;
  }

  .slideBtn {
    padding: 15px !important;
  }

  .n2-ss-control-bullet-vertical {
    margin-top: -90%;
  }

  .slideBtn a {
    font-size: 15px !important;
  }
}

@media only screen and (max-width: 400px) {
  .n2-ss-control-bullet-vertical {
    margin-top: -80%;
  }

  .slideHeading p {
    font-size: 24px !important;
    line-height: 33px !important;
  }

  .slidedesc p {
    font-size: 13px !important;
  }

  .abouttitle h1 {
    font-size: 23px !important;
    line-height: 40px;
  }

  .subTitleTop p {
    font-size: 34px !important;
    line-height: 50px;
  }

  .subTitBelDesc p {
    font-size: 20px;
  }
}

.privacy-policy-headline {
  display: flex;
  justify-content: center;
  width: 100% !important;
  padding: 15px 0px 0px 2px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  background-color: #212121;
  color: #fff;
  font-size: 18px;
  z-index: 999;
}

.privacy-policy-headline a.privacy-policy-link {
  color: white !important;
  text-decoration: underline;
}

.privacy-policy-headline #close-headline a {
  position: relative;
  top: 2px;
  padding: 10px 15px;
  color: #fff !important;
  font-weight: bold;
}