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

/* Start Header CSS */

div#header-space {
    position: absolute !important;
}

div#header-outer {
    background: #ffffff00 !important;
}

div#header-secondary-outer .nectar-center-text {
    font-family: Neometric !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    letter-spacing: 10px !important;
    text-transform: uppercase !important;
}

#header-outer header ul.sf-menu.sf-js-enabled li a {
    font-family: 'Neometric' !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
}

p.Green, h2.Green {
	color: #7B8980 !important;
}

::selection {
    background: #7b8980 !important;
    color: #000  !important;
}

p.Black, h2.Black {
	color: #2B2B2B !important;
}


img::selection {
    background: #fffff000 !important;
}

#page-header-bg h1 {
    margin-top: 70px !important;
    font-size: 70px !important;
    line-height: 60px !important;
    font-family: 'Inknut Antiqua' !important;
    font-weight: 400 !important;
    color: #fff !important;
}

header#top ul.sf-menu.sf-js-enabled.sf-arrows ul.sub-menu {
    padding: 5px 5px !important;
    backdrop-filter: blur(2.5px) !important;
    box-shadow: 0px 8px 17px  #1e1e1e !important;
    border: 1px solid #ffffff4f !important;
}

header#top ul.sf-menu.sf-js-enabled.sf-arrows ul.sub-menu li a {
    outline: 1px solid #ffffff00 !important;
    transition: 0.3s !important;
}

header#top ul.sf-menu.sf-js-enabled.sf-arrows ul.sub-menu li:hover a {
    outline-color: #7b8980 !important;
    box-shadow: inset 0px 0 35px 5px #e4e4e4d1 !important;
    transform: scale(1.04);
    transition: 0.3s !important;
}

header#top ul.sf-menu.sf-js-enabled.sf-arrows ul.sub-menu li a span {
    line-height: 22px !important;
    font-size: 18px !important;
	text-transform: initial !important;
	font-weight: 300 !important;
} 

header#top ul.sf-menu.sf-js-enabled.sf-arrows ul.sub-menu li.current-menu-item a  {
    outline-color: #ffffff !important;
    box-shadow: inset 0px 0 35px 0px #e1e1e1 !important;
    transform: scale(1.06) !important;
}

header#top ul.sf-menu i.nectar-menu-icon {
    position: absolute !important;
    top: 1px !important;
    right: -10px !important;
}

#header-outer header ul.sf-menu.sf-js-enabled li.current-menu-item a span {
    font-weight: 500 !important;
}

#search-outer #search #search-box input[type="text"] {
    color: #9a1b20 !important;
    font-family: 'Inknut Antiqua' !important;
    font-weight: 400 !important;
}

#search-outer #search input[type="text"]::placeholder {
    color: #9a1b20 !important;
}

#search #close a:before {
    background: #2b2b2b !important;
}

.material #search-outer #search .span_12 span {
    color: #2b2b2b !important;
    opacity: 1 !important;
    font-weight: 400 !important;
    font-family: 'Inknut Antiqua' !important;
}

div#ajax-content-wrap div#page-header-bg {
    height: 500px !important;
    background-image: url(https://ikejimequality.thedesignwonders.co.uk/wp-content/uploads/2024/03/Certificate.jpg) !important;
}

#page-header-bg .result-num {
    color: #fff !important;
    font-family: 'Inknut Antiqua' !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
}

/* End Header CSS */

/* Start HomeBanner CSS */

div#HomeBanner {
    margin-top: 40px !important;
}

div#HomeBanner .HeadMain {
    font-size: 120px !important;
    line-height: 130px !important;
    text-transform: inherit !important;
}

.UpperTxt {
    font-family: Radley !important;
    font-size: 50px !important;
    font-weight: 500 !important;
    line-height: 50px !important;
    letter-spacing: 4px !important;
    color: #9A1B20 !important;
}

.HeadMain {
    font-family: Inknut Antiqua !important;
    font-size: 50px !important;
    line-height: 50px !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

p, p.ParaMain {
    font-family: Neometric !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #fff !important;
}

div#HomeBanner p {
    margin-top: 40px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 30px !important;
}

#BtnMain {
    margin: 0 !important;
    font-family: Neometric !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 18px 40px !important;
    border-radius: 30px !important;
}


/* End Home Banner CSS */

/* Start About Sec CSS */

.page-id-12 div#AboutSec .inner-wrap.row-bg-layer::before {
    content: "" !important;
    background-image: url(https://ikejimequality.thedesignwonders.co.uk/wp-content/uploads/2024/03/AboutBannerBefore.png) !important;
    inset: 0 !important;
    position: absolute !important;
    z-index: 999 !important;
    background-size: cover !important;
    height: 230px !important;
    top: -220px !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
}

div#AboutSec .inner-wrap.row-bg-layer.using-image {
    overflow: visible !important;
}

div#AboutSec p {
    width: 60% !important;
    margin: 0 auto !important;
}

div#LeftHeader p {
    width: 50% !important;
}

div#LeftHeader {
    text-align: left !important;
}

/* End About Sec CSS */

/* Start Text Slider Sec */

@keyframes slide {
	from{
		transform: translateX(0);
	}
	to{
		transform: translateX(-100%);
	}
}

#TextSliderSec .MainRow {
	overflow: visible !important;
	padding: 0px 0;
	white-space: nowrap;
	border-bottom: 2px solid #6b7e78 !important;
	display: flex !important;
}

#TextSliderSec .SliderMain{
	animation: 60s slide infinite linear;
	width: 100% !important;
}

#TextSliderSec .SildingTxt {
	display: flex !important;
}

#TextSliderSec .SildingTxt h2 {
    font-family: Radley !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    color: #7B8980 !important; !important;
    padding: 0 30px !important;
}

#TextSliderSec .SildingTxt h2::before {
    content: "." !important;
    position: relative !important;
    top: -5px !important;
    bottom: inherit !important;
    right: 10px !important;
    font-size: 50px !important;
}

#TextSliderSec:hover .SliderMain {
    animation-play-state: paused !important;
}

/* End Text Slider CSS */

/* Start Procedure CSS */

div#ProcedureSec .flip-box-back p.ParaMain {
    font-size: 16px !important;
    text-align: center !important;
}

div#ProcedureSec .vc_col-sm-3 {
    padding: 0 7px !important;
}

div#ProcedureSec .flip-box-front .inner {
    font-family: Radley !important;
    font-size: 40px;
    line-height: 40px;
    top: inherit !important;
    bottom: 0 !important;
    padding: 0 0 0 20px !important;
    text-align: left !important;
}

div#ProcedureSec .flip-box-back .inner {
   padding: 0 30px !important;
}

div#ProcedureSec .flip-box-front::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgb(123 137 128 / 23%) 0%, rgba(31, 35, 33, 1) 100%);
    opacity: .7;
    bottom: 0px !important;
    transition: .5s ease-in-out !important;
}

div#ProcedureSec .flip-box-back::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgb(123 137 128 / 91%);
    opacity: 0;
    transition: 1s ease-in-out !important;
}

div#ProcedureSec .nectar-flip-box:hover .flip-box-back::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgb(123 137 128 / 79%);
    opacity: 1;
    transition: 1s ease-in-out !important;
}

div#ProcedureSec .wpb_text_column.wpb_content_element {
    margin-bottom: 30px !important;
}

/* End Procedure CSS */

/* Start Video Sec CSS */

div#VideoSec img.WaterMark {
    position: absolute !important;
    top: 70px !important;
    left: 50px !important;
    z-index: 9 !important;
}

div#VideoSec .nectar-video-box {
    border-top: 5px solid #7b8980 !important;
    border-bottom: 5px solid #7b8980 !important;
}

/* End Video Sec CSS */

/* Start Partners CSS */

div#CenterHeader {
    text-align: center !important;
    margin-bottom: 40px !important;
}

/* End Partners CSS */

/* Start Partners CSS */

.PartnerImg{
    width: 560px !important;
    transition: .5s ease-in-out !important;
    margin: 0 auto !important;
}

div#ContentSec .PartnerImg {
    width: 400px !important;
    transition: .5s ease-in-out !important;
    margin: 0 auto !important;
}

div#FirstRow .col, div#SecondRow .col, div#ThirdRow .col {
    padding: 0 10px !important;
    align-items: center !important;
    display: flex !important;
}

.page-id-12 div#FirstRow {
    margin-bottom: 5px !important;
}

.page-id-180 div#FirstRow .col, div#SecondRow .col, div#ThirdRow .col {
	padding: 10px 10px !important;
}

div#FirstRow , div#SecondRow, div#ThirdRow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

div#FirstRow {
    margin-top: 30px !important;
}

div#CenterHeader p {
    width: 60% !important;
    margin: 0 auto !important;
}

.PartnerImg:hover {
    transform: scale(1.05) !important;
    transition: .5s ease-in-out !important;
}

/* End Partners CSS */

/* Start Contact CSS */

div#ContactSec div#LeftHeader p {
    width: 90% !important;
}

div#ContactSec input.wpcf7-form-control.wpcf7-text, textarea {
    background: #ffffff00 !important;
    font-family: Neometric !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #fff !important;
    border-bottom: 2px solid #fff !important;
    border-radius: 0 !important;
    padding: 15px 10px !important;
}

div#ContactSec input.wpcf7-form-control.wpcf7-text:focus, div#ContactSec textarea:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 2px solid #fff !important;
}

div#ContactSec .Inline {
    display: flex !important;
    gap: 30px !important;
    justify-content: space-between !important;
}

div#ContactSec .Inline p {
    width: 100% !important;
}

div#ContactSec input.wpcf7-form-control.wpcf7-text::placeholder, div#ContactSec textarea::placeholder {
    color: #ffffff96 !important;
}

div#ContactSec textarea {
    height: 200px !important;
    resize: none !important;
}

div#ContactSec input#ContactBtn {
    background: #fff !important;
    color: #7b8980 !important;
    font-family: 'Neometric' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border-radius: 30px !important;
    padding: 17px 70px !important;
    float: left !important;
}

div#ContactSec .wpcf7-response-output {
    background: #fff !important;
    border: 0 !important;
    font-family: 'Neometric' !important;
    text-align: left !important;
    color: #7b8980 !important;
    margin-top: 50px !important;
}

div#ContactSec .col:nth-last-child(1) .vc_column-inner {
    padding: 60px 100px 60px 60px !important;
}

div#ContactSec span.wpcf7-spinner {
    bottom: -20px !important;
}

div#ContactSec div#LeftHeader {
    margin-bottom: 30px !important;
}

/* End Contact CSS */

/* Start TestimonialSec CSS */

div#TestimonialSec blockquote.is-selected {
    opacity: 1 !important;
    padding: 0 15px !important;
}

div#TestimonialSec blockquote .inner {
    background: #7B8980 !important;
    border-radius: 0 !important;
    height: 300px !important;
}

div#TestimonialSec blockquote {
    opacity: 0 !important;
    width: 50% !important;
    padding: 10px 20px !important;
}

div#TestimonialSec span.testimonial-name {
    font-size: 45px !important;
    font-family: Radley !important;
    font-weight: 500 !important;
    color: #E1E1E1 !important;
    line-height: 45px !important;
}

div#TestimonialSec .inner p {
    font-size: 18px !important;
    line-height: 34px !important;
    font-family: 'Neometric' !important;
    font-weight: 300 !important;
    color: #E1E1E1 !important;
    text-align: left !important;
}

div#TestimonialSec blockquote .inner::after {
    content: "\201D" !important;
    position: absolute !important;
    top: 40px !important;
    right: 90px !important;
    font-size: 80px !important;
    font-weight: 400 !important;
    color: #7b8980 !important;
    background: white !important;
    padding: 26px 17px !important;
    height: 10px !important;
    border-radius: 50px !important;
}

div#TestimonialSec ol.flickity-page-dots {
    bottom: -30px !important;
}

div#TestimonialSec ol.flickity-page-dots li::before {
    height: 8px !important;
    border-radius: 5px !important;
    transform: scale(1) !important;
    width: 40px !important;
    margin: 0 !important;
    box-shadow: 0 0 0 #000 !important;
    background: black !important;
}

div#TestimonialSec ol.flickity-page-dots li {
    width: 50px !important;
}

div#TestimonialSec li.dot.is-selected::before {
   width: 80px !important;
   background: #000000c4 !important;
}

div#TestimonialSec ol.flickity-page-dots li.dot.is-selected {
    width: 90px !important;
}

div#TestimonialSec span.open-quote, span.close-quote {
    display: none !important;
}

div#TestimonialSec .flickity-viewport {
    height: 350px !important;
}

/* End TestimonialSec CSS */

/* Start Footer CSS */

#footer-outer #footer-widgets .col:nth-child(1) {
    display: flex !important;
    margin: 0 !important;
    width: 40% !important;
    align-items: center !important;
}

#footer-outer #footer-widgets .col:nth-child(1) img {
    width: 930px !important;
}

#footer-outer #footer-widgets .col:nth-child(1)  p {
    font-size: 16px !important;
    font-weight: 300 !important;
    margin: 0 20px 0px 20px !important;
}

#footer-outer #footer-widgets .col:nth-child(2), #footer-outer #footer-widgets .col:nth-child(3), #footer-outer #footer-widgets .col:nth-child(4) {
    width: 19% !important;
    margin: 0 !important;
}

#footer-outer .row {
    display: flex !important;
    justify-content: space-between !important;
}

#footer-outer .widget {
    margin: 0 !important;
}

#footer-outer #footer-widgets .widget h4 {
    font-family: Radley !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    margin-top: 20px !important;
    color: #ffffffc9 !important;
    text-transform: uppercase !important;
}

#footer-outer .widget ul li {
    font-family: 'Neometric' !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 30px;
    letter-spacing: .5px !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    width: fit-content !important;
}

#footer-outer #footer-widgets .col ul li a {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
}

#footer-outer #footer-widgets .col ul li i.fas.fa-envelope {
    font-size: 18px !important;
}

.material #footer-outer #footer-widgets .col ul li:hover a {
    color: #7b8980 !important;
    opacity: 1 !important;
}

#footer-outer #footer-widgets .row {
    padding: 80px 0 60px 0 !important;
}

#footer-outer #footer-widgets .col ul li.current-menu-item a {
    color: #7b8980 !important;
}

#footer-outer #copyright p {
    font-size: 16px !important;
    font-weight: 300 !important;
}

#footer-outer #copyright .col ul {
    display: flex !important;
    gap: 20px !important;
    margin: 0 !important;
}

#footer-outer #copyright .col ul li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    height: 36px !important;
    width: 38px !important;
    background: #f6f0dd !important;
    border-radius: 30px !important;
    transition: .3s ease !important;
    transition: .5s ease-in-out !important;
    
}

#footer-outer #copyright .col ul li i {
    color: #000000 !important;
    transition: .5s ease-in-out !important;
}

#footer-outer #copyright .col ul li:hover i {
    color: #ffffff !important;
    transform: rotate(360deg) !important;
    transition: .5s ease-in-out !important;
}

#footer-outer #copyright .col ul li:hover {
    background: linear-gradient(180deg, rgb(43 43 43) 0%, rgb(0 0 0 / 81%) 100%) !important;
    transform: scale(1.2) !important;
    transition: .5s ease-in-out !important;
    box-shadow: 0 0 12px 1px #0000002b !important;
}

div#copyright .container {
    display: flex !important;
    align-items: center !important;
}


/* End Footer CSS */

/* Start Content Sec CSS */

div#ContentSec div#ImgRow img {
    width: 100% !important;
    height: 700px !important;
    object-fit: cover !important;
}

div#ContentSec Img {
    width: 100% !important;
}

div#ContentSec ol, div#ContentSec ul {
    font-family: 'Neometric' !important;
    font-size: 18px !important;
    color: #2b2b2b !important;
}

div#ContentSec .PaddingTxt {
    text-align: center !important;
    margin-top: 60px !important;
}

/* End Content Sec CSS */