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

/* ============================
   Imports
============================ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('/font-awesome-4.6.3/css/font-awesome.min.css');

/* ============================
   Root Variables
============================ */
:root {
  /* Site Fonts */
  --ff-header: 'Outfit';
  --ff-body: 'Outfit';

  /* Font Sizes */
  --h1: 62px;
  --h2: 48px;
  --h3: 40px;
  --h4: 34px;
  --h5: 30px;
  --h6: 24px;
  --p: 17px;

  /* Font Weights */
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: normal;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;

  /* Colours */
  --text-color: #000000;

  /* Layout */
  --padding-left-right-var: 15px;
}

/* Equal height recent posts grid - Salient */
.blog-recent .col {
  display: flex;
  flex-direction: column;
}

.blog-recent .col .inner-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.blog-recent .col .inner-wrap .post-content {
  flex: 1;
}

/* ============================
   Typography
============================ */
body :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ff-header) !important;
  font-weight: var(--fw-600);
  color: var(--text-color);
}

body :is(p) {
  font-family: var(--ff-body) !important;
  font-size: var(--p);
  font-weight: var(--fw-400);
  color: var(--text-color);
}

body :is(strong) {
  font-family: var(--ff-body) !important;
  font-size: var(--p) !important;
  font-weight: var(--fw-700) !important;
}

/* Heading sizes - default (desktop) */
body :is(h1, h1 *) {
  font-size: var(--h1);
  line-height: 78px;
  word-break: break-word;
  hyphens: auto;
}

body :is(h2, h2 *) {
  font-size: var(--h2);
  line-height: 60px !important;
  word-break: break-word;
  hyphens: auto;
}

body :is(h3, h3 *) {
  font-size: var(--h3);
  line-height: 52px;
  word-break: break-word;
  hyphens: auto;
}

body :is(h4, h4 *) {
  font-size: var(--h4);
  line-height: 44px !important;
  word-break: break-word;
  hyphens: auto;
}

body :is(h5, h5 *) {
  font-size: var(--h5);
  line-height: 40px !important;
  word-break: break-word;
  hyphens: auto;
}

body :is(h6, h6 *) {
  font-size: var(--h6);
  line-height: 35px !important;
  word-break: break-word;
  hyphens: auto;
}

/* Responsive for mobile devices */
@media (max-width: 600px) {
  body :is(h1, h1 *) {
    font-size: calc(var(--h1) * 0.7);
    line-height: 54.6px;
  }

  body :is(h2, h2 *) {
    font-size: calc(var(--h2) * 0.55); /* more aggressive shrink */
    line-height: 36px !important;
  }

  body :is(h3, h3 *) {
    font-size: calc(var(--h3) * 0.7);
    line-height: 36.4px;
  }

  body :is(h4, h4 *) {
    font-size: calc(var(--h4) * 0.7);
    line-height: 30.8px !important;
  }

  body :is(h5, h5 *) {
    font-size: calc(var(--h5) * 0.7);
    line-height: 28px !important;
  }

  body :is(h6, h6 *) {
    font-size: calc(var(--h6) * 0.7);
    line-height: 24.5px !important;
  }
}

.nectar-fancy-ul ul li {
  list-style: disc;
}

/* ============================
   Responsive Typography
============================ */
@media only screen and (max-width: 999px) {
  :root {
    --mb-h1: 48px;
    --mb-h2: 40px;
    --mb-h3: 34px;
    --mb-h4: 28px;
    --mb-h5: 24px;
    --mb-h6: 20px;
  }

  body :is(h1, h1 *) {
    font-size: 48px !important;
    line-height: 60px !important;
  }

  h2 span.inner {
    font-size: 40px !important;
    line-height: 40px !important;
  }

  body :is(h2) {
    font-size: var(--mb-h2);
    line-height: 49px !important;
  }

  body :is(h3) {
    font-size: var(--mb-h3);
    line-height: 48px !important;
  }

  body :is(h4) {
    font-size: var(--mb-h4);
    line-height: 36px !important;
  }

  body :is(h5) {
    font-size: var(--mb-h5);
    line-height: 36px !important;
  }

  body :is(h6) {
    font-size: var(--mb-h6);
    line-height: 30px !important;
  }
}

/* ============================
   Global Background
============================ */
.container-wrap {
  background: #f4f4f4;
}

/* ============================
   Images
============================ */
.bck-img-contain .using-image {
  background-size: contain !important;
}

.image-cover .column-image-bg {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* ============================
   Buttons
============================ */
.nectar-button span {
  font-size: var(--p);
}

.nectar-button:hover {
  background: #BD1E25 !important;
  color: white !important;
  opacity: 1;
}

.nectar-button.see-through-2 {
  border-color: #BD1E25 !important;
}

.full-width-btn {
  width: 100%;
  text-align: center;
}

/* ============================
   Flipboxes
============================ */
.nectar-flip-box .flip-box-front[data-bg-overlay=true]:after {
  opacity: 0;
}

.nectar-flip-box .flip-box-back,
.nectar-flip-box .flip-box-front {
  border-radius: 10px;
}

/* Icon overrides */
.flip-one .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/5-growth-1.svg');
}

.flip-two .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group.svg');
}

.flip-three .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-2.svg');
}

.flip-four .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-19229.svg');
}

.flip-five .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-1.svg');
}

.flip-six .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-19228.svg');
}

.flip-one-white .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-19414.svg');
}

.flip-two-white .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-19416.svg');
}

.flip-three-white .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Icon.svg');
}

.flip-four-white .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-19415.svg');
}

.flip-five-white .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-19417.svg');
}

.flip-six-white .icon-default-style::before {
  content: url('/wp-content/uploads/2025/07/Group-3.svg');
}

.flickity-page-dots {
  bottom: -10px !important;
}

.nectar-flip-box .flip-box-back .inner,
.nectar-flip-box .flip-box-front .inner {
  color: black !important;
}

/* ============================
   Icons
============================ */
.industry-icons img {
  height: 50px !important;
  width: 50px !important;
}

/* ============================
   Homepage Posts
============================ */
#single-below-header,
.post-header {
  margin-top: -10%;
  margin-bottom: 12px;
  padding: 5% 3%;
  color: black;
  background: white;
  border-radius: 20px;
  position: relative;
  z-index: 999999999999999;
}

.post-header h3 {
  font-size: 24px;
  line-height: 33.2px;
  padding-top: 3%;
}

.span_12.light [data-style=list_featured_first_row] .meta-category a {
  font-family: var(--ff-body) !important;
  background: #F8F8F8;
  border-radius: 20px;
  color: #7B7B7B;
  padding: 2%;
  font-weight: 600;
  opacity: 1.72;
}

#ajax-content-wrap .blog-recent[data-style=list_featured_first_row] .featured img {
  border-radius: 20px;
}

/* ============================
   Icon List Numbers
============================ */
.list-dark .list-icon-holder {
  background: white !important;
  color: black !important;
}

.list-dark .list-icon-holder span {
  color: black !important;
}

.list-dark .nectar-icon-list:after {
  background-color: rgba(255, 255, 255, 1.1);
  height: 80% !important;
}

.list-dark .nectar-icon-list-item {
  margin-bottom: 37px;
}

/* ============================
   Dark Accordion
============================ */
.dark-accordian .toggle > .toggle-title a {
  color: black !important;
  font-size: 24px !important;
  font-weight: 600;
}

.dark-accordian div[data-style="minimal_small"] .toggle {
  margin-bottom: 1.4em;
  border-bottom: 2px solid #B9B9B9;
  padding-bottom: 20px;
}

h6.number {
  border: 1px solid #474747;
  width: 53px;
  padding: 2%;
  padding-left: 5%;
  border-radius: 100%;
}

.inner-toggle-wrap p {
  color: black !important;
}

/* ============================
   Header Transparency
============================ */
/* Dropdown menus fit content width */
#header-outer .sf-menu ul,
#header-outer .sf-menu ul li ul {
  width: auto !important;
  min-width: fit-content !important;
  max-width: none !important;
  white-space: nowrap; /* stops long labels breaking into two lines */
}

#header-outer #top {
  border-radius: 16px;
  background: rgba(255, 255, 255, 1.0);
}

body #header-outer .container {
  background: rgba(255, 255, 255, 0.0);
}

body #header-outer {
  /*background: rgba(255, 255, 255, 0.4);*/
	background:#666666!important;
}

/* Force Salient buttons to use Outfit font */
.salient-button,
.nectar-button,
input[type="submit"],
button,
.button {
  font-family: 'Outfit', sans-serif !important;
}


/* Change Gravity Forms Submit Button Color */
body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_footer input[type="button"],
body .gform_wrapper .gform_page_footer input[type="submit"],
body .gform_wrapper .gform_page_footer input[type="button"] {
    background-color: #bd1e25 !important; /* Change this to your desired color */
    color: #ffffff !important; /* Text color */
    border: none !important;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

/* Hover Effect */
body .gform_wrapper .gform_footer input[type="submit"]:hover,
body .gform_wrapper .gform_footer input[type="button"]:hover,
body .gform_wrapper .gform_page_footer input[type="submit"]:hover,
body .gform_wrapper .gform_page_footer input[type="button"]:hover {
    background-color: #bd1e25 !important; /* Darker shade on hover */
}

/* ============================
   CUSTOM
============================ */

.nectar-flip-box{
	transform-style: inherit!important; 
    -webkit-transform-style: inherit!important; 
    perspective: inherit!important; 
    -webkit-perspective: inherit!important;
	transition:0.5s;
	cursor:pointer;
}
.nectar-flip-box .flip-box-front{
	-webkit-transform:  inherit!important; 
    transform: inherit!important;
    -webkit-transform-style:  inherit!important;
    -ms-transform-style:  inherit!important;
    transform-style:  inherit!important;
	transition:0.5s;
}

.nectar-flip-box .flip-box-back{
	-webkit-transform:  inherit!important;  
    transform:  inherit!important;
    -webkit-transform-style:  inherit!important;
    -ms-transform-style:  inherit!important;
    transform-style:  inherit!important;
	z-index:10;
	opacity:0;
	transition:0.5s;
}

.nectar-flip-box:hover .flip-box-back{
	opacity:1;
	transition:0.5s;
}

.nectar-flip-box .flip-box-back[data-text-color=light] .inner{
	color:#FFF!important;
	font-size:16px;
}


body #header-outer .container{
	background:rgba(0,0,0,0.6);
	border-radius:15px;
}

body #header-outer .container ul.sf-menu > li > a{
	
	font-weight:400!important;
}

body #header-outer #top nav > ul > li > a{
	color:#FFF!important;
}

body #header-outer.transparent #top nav>ul>li[class*=button_bordered]>a:before, 
#top nav>ul>li[class*=button_bordered]>a:before{
	border: 2px solid #BD1E25!important;
}

body #header-outer.transparent #top nav>ul>li[class*=button_bordered]:hover>a:before, 
#top nav>ul>li[class*=button_bordered]:hover>a:before{
	background:#BD1E25;
}

body #header-outer.transparent #top nav>ul>li[class*=button_bordered]:hover>a,
#top nav>ul>li[class*=button_bordered]:hover>a{
	color:#FFF!important;
}
body #header-outer #top nav > ul > .button_bordered_2 > a:hover{
	color:#FFF!important;
}
body #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after{
	border-color:#FFF;
}
body #header-outer[data-lhe=animated_underline] #top nav>ul>li>a{
	font-size:16px;
}

body #header-outer #logo img{
	height:26px;
	margin-top:2px;
}
ul.sub-menu.tracked-pos{
	margin-top:-10px;
}

ul.sf-menu.sf-arrows li{
	margin-right:10px;
}

header#top{
	background:none!important;
}
header#top .container{
	background:none!important;
}


.nectar-global-section.before-footer{
	max-height:1500px;
}

@media (max-width: 480px) {
	.nectar-global-section.before-footer{
		max-height:1730px;
	}
	
	.nectar-global-section.before-footer .credit{
		padding-left: 3px;
    	margin-top: -18px;
	}
	
	.nectar-global-section.before-footer .vc_col-sm-2{
		width:100%!important;
	}
	
	.nectar-global-section.before-footer .divider-wrap,
	.nectar-global-section.before-footer .divider{
		height:20px!important;
	}
	
	.nectar-global-section.before-footer .img-with-animation{
		height: 65px;
		width: auto;
		margin-top: 22px;
	}
}