/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

/*General*/
.row .col p:last-child {
    line-height: 1.8em;
}

/* For Blog page */
body .meta-author {
    display: none !important;
}
body .meta-category {
    display: none !important;
}
body .meta-comment-count {
    display: none !important;
}
/* For Blog Single Pages */
body #single-below-header {
    display: none !important;
}

/* hide date and love on masonry blog */
body #post-area.masonry article.post .post-meta {
    display: none!important;
}
article.post .content-inner {
    border-bottom: none;
}

/* testimonial font styles */

.testimonial_slider p{
    font-size:16px !important;
    line-height:32px !important;
}

/*=====Simple Tooltip CSS customisation======*/
.Zebra_Tooltip .Zebra_Tooltip_Message {
    padding: 5px!important;
    font-size: 10pt;
	line-height: 1.5em;
}
.Zebra_Tooltip {
    font-family: inherit!important;
}
.Zebra_Tooltip_Message{
	width:250px;
}
.Zebra_Tooltip_Arrow_Bottom{
	display:none;
}

/*=====Start: Input fields CSS, responsive form customisation=====*/
input[type=number], input[type="email"], input[type="text"], input[type="date"] {
	padding: 8px!important;
}
input, textarea{
	background-color: #fff!important;
}
#mtBtn{
	font-size: 12pt;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dbdbdb;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #dbdbdb;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #dbdbdb;
}
.mtcheckboxes{
	line-height: 58px;
}
select{
	padding: 8px 0!important;
	width: auto!important;
	font-size: 16px!important;
	line-height: 24px!important;
	border: 1px #ccc solid!important;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0)!Important;
	box-shadow: 0 0 0 rgba(0,0,0,0)!important;
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0)!Important;
}
.wpcf7-form-control-wrap{
	display: inline!important;
}
a.pum-trigger{
	text-decoration: underline;
}
.formRow {
	display: block;
	margin-bottom: 10px;
	padding: 8px;
	}
.display-block span.wpcf7-list-item{
        display:block;
    }
.odd-row{
        background-color: #eee;
    }
.formRow:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	}
.form-heading{
	padding-top: 40px;
	padding-bottom: 20px;
	}
@media only screen and (min-width: 481px) {
.leftColumn {
	width: 50%;
	min-width: 200px;
	float: left;
	padding-right: 10px;
	}
.rightColumn {
	width: 50%;
	float: left;
	min-width: 200px;
	}
.OneThird, .TwoThirds {
	width: 33%;
	float: left;
	min-width: 200px;
	padding-right: 5px;
	}
.ThreeThirds {
	width: 33%;
	float: left;
	min-width: 200px;
	}
.OneFourth, .TwoFourths, .ThreeFourths {
	width: 25%;
	float: left;
	min-width: 200px;
	padding-right: 5px;
	}
.FourFourths {
	width: 25%;
	float: left;
	min-width: 200px;
	}
.leftColumnOneThird {
	width: 33%;
	min-width: 200px;
	float: left;
	padding-right: 10px;
	}
.rightColumnTwoThirds {
	width: 67%;
	float: left;
	min-width: 200px;
	}
}
@media only screen and (max-width: 480px) {
.leftColumn, .rightColumn {
	width: 100%;
	display: block;
	}
.OneThird, .TwoThirds, .ThreeThirds {
	width: 100%;
	display: block;
	}
.OneFourth, .TwoFourths, .ThreeFourths, .FourFourths {
	width: 100%;
	display: block;
	}
}
/*=====End: Input fields CSS, responsive form customisation=====*/

/*=====Page Header customisation=====*/
.row .col.section-title span{
	display:block;
}

/*=====Disable table row background colour=====*/
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
    background-color: inherit!important;
}

body:not(.woocommerce-cart) .main-content td{
	font-size: inherit!important;
	vertical-align: top;
}
/* Offset anchor link*/
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

/*=====site nav move right to avoid overlap with logo
#header-outer[data-format="centered-menu"] header#top .span_9, #header-outer[data-format="centered-menu"] header#top .span_9 .sf-menu{
	left:40px!important;
}
*/
/*=====Footer copyright remove gaps=====*/
#copyright{
	padding:0!important;
}

/*=====Footer copyright remove gaps=====
#to-top{
	bottom: 57px!important;
}
*/
.image-zoom{
transition: transform .2s!important;
opacity: 0.85!important;
filter: alpha(opacity=85)!important;
}

.image-zoom:hover {
  transform: scale(1.03)!important; 
opacity: 1!important;
  filter: alpha(opacity=100)!important;
}

/*Blog: hide name and catergory for featured post*/
.nectar-recent-posts-single_featured.multiple_featured .active .grav-wrap, .nectar-recent-posts-single_featured.multiple_featured .active .nectar-button{
	display:none!important;
}
.masonry.material .masonry-blog-item .grav-wrap .text a, .related-posts[data-style="material"] .grav-wrap .text a, .post-area.featured_img_left article .grav-wrap .text a{
	display:none!important;
}
.grav-wrap{
	display:none!important;
}

.grecaptcha-badge {
	z-index: 10;
	display:none!important;
}

button.cca-button {
	border: 0;
    outline: 0;
    padding: 14px 20px;
    background: rgb(81 193 170);
    color: rgb(255 255 255);
}
.button {
	border: 0!important;
    outline: 0!important;
    padding: 14px 20px!important;
    background: rgb(81 193 170)!important;
    color: rgb(255 255 255)!important;
}
input[type=submit] {
	border: 0!important;
    outline: 0!important;
    padding: 14px 20px!important;
    background: rgb(81 193 170)!important;
    color: rgb(255 255 255)!important;
}
input[type=number] {
    border: 1px solid #ccc !important;
}

.qtip-content{
	padding: 5px 9px!important;
}

/*button style on booking forms page*/
.btn-booking{
	border: solid 1px #49bea6;
}
.nectar-fancy-box .inner{
	min-height: 170px!important;
	padding-bottom: unset!important;
}

/*Multi-step Contact Form 7 Next and previous buttons styles*/
.uacf7-prev, .uacf7-next{
    background-color: #49bea6;
    padding: 10px 20px;
    font-size: 14pt;
    border: 1px solid #00816d;
	}

@media only screen and (min-width: 1000px) {
	#header-outer[data-format=centered-logo-between-menu] #top .span_9 nav .sf-menu:not(.buttons), #header-outer[data-format=centered-menu-bottom-bar] #top .span_9 nav, #header-outer[data-format=centered-menu-under-logo] #top .span_9 nav, #header-outer[data-format=centered-menu] #top .span_9 nav .sf-menu:not(.buttons) {
        margin-right: 120px;
		/*justify-content:flex-end!important;*/
    }

}

.greenborder{
	border: 2px solid #49BEA6;
  border-radius: 10px;
}
.industries{
	background: #f2f2f2;
    border: 1px solid #dde3e8;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-dark);
	white-space: nowrap;
}
.turnaround{
	background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-dark);
}
.leftborder{
	border-left: 3px solid #49BEA6;
}
.platform-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}
.platform-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    color: var(--text-dark);
    transition: border-color 0.2s;
}
.platform-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}
.platform-name {
    font-weight: 600;
}
.platform-sub {
    font-size: 12px;
    color: var(--text-light);
    margin-left: auto;
}
.platform-check {
    color: var(--teal);
    display: inline-flex;
}
.platform-item.muted {
    border-style: dashed;
    opacity: .7;
}
.panel {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 12px 32px -8px rgba(16, 24, 40, 0.10);
}
.panel-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 18px;
    margin-bottom: 4px;
    border-bottom: 1px solid #f0f0f0;
}
.panel-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4ABEA7, #00816d);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 6px 16px rgba(0, 129, 109, .28);
}
.panel-item:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
}
.panel-item-icon.dot-wrap {
    background: #f4f4f6;
}
.panel-item {
    display: flex;
    gap: 16px;
    padding: 16px 8px;
    margin: 0 -8px;
    border-radius: 10px;
    transition: background .15s;
}
.brand-dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: block;
}
.panel-item-title {
    font-size: 14.5px;
    font-weight: 500;
    margin-bottom: 3px;
}
.panel-item-desc {
    font-size: 13.5px;
    color: var(--text-mid);
    line-height: 1.6;
}
.panel-item-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #eaf7f4;
    color: var(--teal-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.hybrid-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 26px;
    align-items: center;
    background: linear-gradient(120deg, #0c2b26 0%, #0f4a40 55%, #00816d 100%);
    border-radius: 16px;
    padding: 34px 38px;
    margin-top: 32px;
    color: #fff;
}
.hybrid-icon {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.hybrid-body {
    position: relative;
    z-index: 1;
}
.process {
    max-width: 1160px;
    margin: 52px auto 0;
}
.process-track {
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.process-node-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 220px;
    text-align: center;
}
.process-badge {
    position: relative;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4ABEA7, #00816d);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 10px 22px rgba(0, 129, 109, .28);
    margin-bottom: 20px;
    transition: transform .3s ease, box-shadow .3s ease;
}
.process-card {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #fff;
    border: 1px solid #eef2f4;
    border-radius: 14px;
    padding: 20px 16px 22px;
    box-shadow: 0 2px 10px rgba(20, 40, 60, .05);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.process-eyebrow {
    display: block;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #00816d;
    margin-bottom: 7px;
}
.process-connector {
    flex: 0 0 28px;
    height: 2px;
    margin-top: 33px;
    background: linear-gradient(90deg, #4ABEA7, #00816d);
    opacity: .3;
    align-self: flex-start;
}
.process-badge .step-num {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #00816d;
    color: #00816d;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.process-badge svg {
    width: 26px;
    height: 26px;
}
@media (max-width: 1024px) {
    .process-track {
        flex-direction: column;
        align-items: center;
    }
	.process-node-col {
        max-width: 380px;
        width: 100%;
        margin-bottom: 4px;
    }
}
.story-pull {
    position: sticky;
    top: 120px;
    align-self: start;
    background: rgba(74, 190, 167, .10);
    border-radius: var(--radius-card);
    padding: 40px 34px;
    border-left: 4px solid var(--teal);
}
.story-pull-mark {
    font-size: 60px;
    line-height: 1;
    color: var(--teal);
    font-weight: 700;
    margin-bottom: 4px;
}
.story-pull blockquote {
    font-size: 21px;
    font-weight: 300;
    color: var(--text-dark);
    line-height: 1.5;
    font-style: italic;
    margin-bottom: 18px;
}
.story-pull-cite {
    font-size: 13px;
    font-weight: 600;
    color: var(--teal-dark);
    text-transform: uppercase;
    letter-spacing: .05em;
}
.whatwedo-cats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 12px;
}
.no-js .reveal {
    opacity: 1;
    transform: none;
}
.whatwedo-cat h4 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #00816d;
    margin-bottom: 20px;
}
.whatwedo-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14.5px;
    color: #444444;
    font-weight: 400;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.whatwedo-item svg {
    width: 17px;
    height: 17px;
    color: var(--teal-dark);
    flex-shrink: 0;
    margin-top: 3px;
}
.whatwedo-cat {
    background: #fff;
    border: 1px solid #eef2f4;
    border-radius: var(--radius-card);
    padding: 32px 30px;
    box-shadow: var(--shadow-card);
    position: relative;
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease;
}
.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .7s var(--ease), transform .7s var(--ease);
}
.closing-statement {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #052e26 0%, #045c4d 50%, #00816d 100%);
    padding: 108px 40px;
    text-align: center;
}
.closing-inner {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin: 0 auto;
}
.closing-statement .closing-eyebrow {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #7be0c9;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18);
    padding: 8px 18px;
    border-radius: 20px;
    margin-bottom: 28px;
}
.closing-lines {
    margin-bottom: 32px;
}
.closing-lines .line.accent {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.01em;
}
.closing-lines .line {
    font-size: 32px;
    font-weight: 300;
    color: rgba(255, 255, 255, .55);
    line-height: 1.4;
}
.closing-statement p {
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, .8);
    line-height: 1.95;
    max-width: 640px;
    margin: 0 auto 18px;
}
#footer-outer a:hover {
	text-decoration:underline;
}
#footer-outer #footer-widgets .col p {
    padding-bottom: 8px!important;
}
#footer-outer #footer-widgets .widget h4{
	margin-bottom: 25px !important;
}
/* MINI NAVIGATION */

.nav {
  list-style-type: none;
  text-align: left;
  display: inline-block;
  margin: 0;
}

/* OPTIONS */

.nav li.option-one a {
  font-size: 14px;
  color: #444;
  font-weight: 500;
}

.nav li.option-one a:hover {
  font-size: 14px;
  color: #1ebbbd;
  font-weight: 500;
}

.nav li.option-two a {
  font-size: 14px;
  color: #444;
  font-weight: 500;
}

.nav li.option-two a:hover {
  font-size: 14px;
  color: #8991dc;
  font-weight: 500;
}

.nav li.option-three a {
  font-size: 14px;
  color: #444;
  font-weight: 500;
}

.nav li.option-three a:hover {
  font-size: 14px;
  color: #e87613;
  font-weight: 500;
}

.nav li.option-four a {
  font-size: 14px;
  color: #444;
  font-weight: 500;
}

.nav li.option-four a:hover {
  font-size: 14px;
  color: #ef534e;
  font-weight: 500;
}

.nav li.option-five a {
  font-size: 14px;
  color: #444;
  font-weight: 500;
}

.nav li.option-five a:hover {
  font-size: 14px;
  color: #4abea6;
  font-weight: 500;
}

/* SELECTED */

.nav li.option-one-selected a {
  font-size: 14px;
  color: #1ebbbd;
  font-weight: 500;
}

.nav li.option-one-selected a:hover {
  font-size: 14px;
  color: #1ebbbd;
  font-weight: 500;
}

.nav li.option-two-selected a {
  font-size: 14px;
  color: #8991dc;
  font-weight: 500;
}

.nav li.option-two-selected a:hover {
  font-size: 14px;
  color: #8991dc;
  font-weight: 500;
}

.nav li.option-three-selected a {
  font-size: 14px;
  color: #e87613;
  font-weight: 500;
}

.nav li.option-three-selected a:hover {
  font-size: 14px;
  color: #e87613;
  font-weight: 500;
}

.nav li.option-four-selected a {
  font-size: 14px;
  color: #ef534e;
  font-weight: 500;
}

.nav li.option-four-selected a:hover {
  font-size: 14px;
  color: #ef534e;
  font-weight: 500;
}

.nav li.option-five-selected a {
  font-size: 14px;
  color: #4abea6;
  font-weight: 500;
}

.nav li.option-five-selected a:hover {
  font-size: 14px;
  color: #4abea6;
  font-weight: 500;
}

/* OTHER */

.nav li {
  display: inline-block;
  font-size: 14px;
  padding-right: 20px;
  font-weight: 500;
}

.nav li a {
  display: inline-block;
  color: #444444;
  font-size: 14px;
  font-weight: 500;
}

.nav li a:hover {
  display: inline-block;
  color: #49bea6;
  font-size: 14px;
  font-weight: 500;
}

.sf-menu>li ul {
    width: 25em!important;
}

/*About us page*/
.about-eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #00816d;
    background: rgba(74, 190, 167, .12);
    border: 1px solid rgba(0, 129, 109, .15);
    padding: 8px 18px;
    border-radius: 20px;
    margin-bottom: 26px;
    animation: fadeUp .7s var(--ease) both;
}

.stats-strip-wrap {
    max-width: 1120px;
	margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 2;
}
.stats-strip {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 28px 64px -20px rgba(0, 40, 35, .22);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.stat-cell {
    text-align: center;
    padding: 36px 20px;
    border-right: 1px solid #eef2f4;
    transition: background .25s ease;
}
.stat-num {
    font-size: 34px;
    font-weight: 700;
    color: #00816d;
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -.02em;
}
.stat-label {
    font-size: 12.5px;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: .05em;
}
@media (max-width: 1000px) {
    .stats-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 690px) {
    .whatwedo-cats {
        grid-template-columns: 1fr;
    }
	#footer-outer{
		text-align: center;
	}
	.social-icons{
		justify-content: center;
	}
	.social-icons a {
	align-items: center;
	justify-content: center;
	}
}
.nectar_icon{
	height: auto!important;
    width: auto!important;
    padding: 0 0 20px 0!important;
}

.nectar-cta.icon-align-right .link_wrap {
  display: block;
  width: 100%;
}

.nectar-cta.icon-align-right .link_wrap a.link_text {
  display: block;
  width: 100%;
}
.icon-align-right:before {
    content: none!important;
}
.rounded-card {
  border-radius: 12px;
  overflow: hidden;
	border: 1px solid #49BEA6;
    margin: 10px !important;
}


/*pillar on home page*/
.pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.pillar-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 32px 28px;
    transition: box-shadow .25s, transform .25s;
}
.pillar-icon {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: linear-gradient(135deg, #4ABEA7, #00816D);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.pillar-icon svg {
    width: 28px;
    height: 28px;
    stroke: #fff;
    fill: none;
}
.pillar-card h3 {
    font-size: 19px;
    color: #1c1c1c;
    margin: 0 0 10px;
    font-weight: 600;
}
.pillar-card p {
    font-size: 14.5px;
    color: #666666;
    margin: 0 0 18px;
}
.pillar-link {
    font-size: 13.5px;
    font-weight: 600;
    color: #1c1c1c
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
@media (max-width: 900px) {
    .pillars-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .pillars-grid {
        grid-template-columns: 1fr;
    }
	.pillar-icon {
		margin-left: auto;
    	margin-right: auto;
	}
}
.pillar-card:hover {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.09);
    transform: translateY(-4px);
}
#slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen){
	background-color: #f2f2f2!important;
}

/*Social icons on footer*/
.social-icons {
	display: flex;
	/*justify-content: left;*/
	gap: 20px;
}
.social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s ease;
}
.social-icons a:hover {
	opacity: 0.7;
}
/* Hide Overview duplicate on desktop only */
@media (min-width: 1000px) {
    .overview-link {
        display: none !important;
    }
}