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





/* ==============header=================== */
#top  .current-menu-item span {
    color: #DF9734;
    padding-bottom: 10px;
    position: relative;
}
#top .current-menu-item span:before {
    content: '';
    position: absolute;
    border: 1px solid #DF9734;
    width: 100%;
    bottom: 0;
}
/* ==============header=================== */
/* ==============banner=================== */

div#banner a#b1:nth-child(3) {
    background-color: white !important;
    color: #111111 !important;
    margin-left: 12px !important;
}
div#banner a#b1 {
    font-weight: 500;
}

div#banner .text2 p {
    width: 85%;
    padding-bottom: 24px;
    text-align: left;
    float: right;
}
div#banner .c2 .wpb_wrapper {
    padding-bottom: 12px;
}
div#banner {
    padding-top: 680px !important;
}

div#banner .row-bg.viewport-desktop.using-image {
    background-size: cover;
}
/* ==============banner=================== */
/* ===================about=========================== */
div#Meet {
    padding-block: 60px !important;
    width: 85%;
    margin: 0 auto;
}
div#Meet .c2 {
    padding-left: 43px;
}
div#Meet .text2  {
    background-color: #F3F3F3;
    padding-block: 18px;
    padding-inline: 20px;
}
a#b1 {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    border-radius: 0px !important;
    padding-block: 14px 12px !important;
    padding-inline: 40px !important;
    margin: 0;
}
h4 {
    margin-bottom: 0 !important;
}
div#Meet .text2 em {
    font-weight: 500;
}
div#SPACE {
    padding-block: 50px !important;
}
div#SPACE div#SPACEin .vc_col-sm-3 .hover-wrap:before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg,rgba(17, 17, 17, 0) 43%, rgba(17, 17, 17, 1) 100%);
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0;
    top: 0;
    transition: 0.9s;
    pointer-events: none;
}
div#SPACE div#SPACEin .vc_col-sm-3:hover .hover-wrap:before {
    background: linear-gradient(180deg,rgba(17, 17, 17, 0) 43%, rgba(223, 151, 52, 1) 100%);
}
div#SPACE div#SPACEin .vc_col-sm-3 .hover-wrap {margin-bottom: 0;}
div#SPACE div#SPACEin .vc_col-sm-3 .text2 {position: absolute;bottom: 0;z-index: 100;padding-inline: 13px;padding-bottom: 19px;width: 100%;}
div#SPACE div#SPACEin .vc_col-sm-3 .text2 h3 {
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
}
div#SPACE div#SPACEin .vc_col-sm-3 .text2 h3:before {
    content: '';
    position: absolute;
    border: 1px solid #c89a7538;
    width: 10%;
    bottom: 0;
}
div#SPACE div#SPACEin .vc_col-sm-3 .text2 p {
    font-size: 13px;
    line-height: 23px;
}
div#SPACE a#b1 {
    margin: 0 auto;
    display: table;
}
div#BUILD {
    padding-block: 60px 20px !important;
}
a#b2 {
    margin: 0;
    background: transparent !important;
    color: #111111;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
}
a#b2 span {
    text-decoration: underline;
}
div#BUILD .carousel-item {
    border: 1px solid #00000021;
    padding-block: 30px 20px;
    padding-inline: 23px;
    margin-inline: 8px;
    transition: 0.9s;
}

div#BUILD .carousel-item h6 {
    margin-top: -38px;
    float: right;
}
div#BUILD .carousel-item  h3 {
    font-size: 22px;
    line-height: 32px;
}
div#BUILD .carousel-item:hover {
    border: 1px solid #F4F2ED;
    background-color: #F4F2ED;
    transform: translatey(-20px);
}
div#BUILD div#BUILDin {
    margin-bottom: 0;
}
div#ABOUT {
    padding-block: 60px !important;
}
div#ABOUT h2 {
    font-size: 40px;
    line-height: 50px;
}
a#b3 {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    border-radius: 0px !important;
    padding-block: 14px 12px !important;
    padding-inline: 40px !important;
    margin: 0;
    color: #111;
    background: transparent !important;
    border: 1px solid #111;
}
div#ABOUT a#b3 {
    margin: 0 auto;
    display: table;
}
div#Portfolio {
    padding-block: 60px !important;
}
div#Portfolio div#Portfolioin .hover-wrap-inner:before {
        content: '';
        position: absolute;
        background: linear-gradient(180deg, rgba(17, 17, 17, 0) 43%, rgb(17 17 17 / 56%) 100%);
        z-index: 9;
        transition: 0.9s;
        pointer-events: none;
        width: 95%;
        height: 95%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
}
div#Portfolio div#Portfolioin .hover-wrap-inner:hover:before {
    background: linear-gradient(182deg, rgba(223, 151, 52, 0) 0%, rgb(223 151 52 / 67%) 100%);
}
div#Portfolio div#Portfolioin .text2 {
    position: absolute;
    bottom: 0;
    padding-inline: 25px;
    padding-bottom: 20px;
    z-index: 99;
    width: 100%;
}
div#Portfolio div#Portfolioin .text2 h6 {
    margin-top: -49px;
    float: right;
    letter-spacing: 0;
}
div#Portfolio a#b3 {
    margin: 0 auto;
    display: table;
}
div#Portfolio .img2 {
    aspect-ratio: 1/1;
    object-fit: cover;
}
div#STARTCONVERSATION {
    padding-block: 80px !important;
}
div#STARTCONVERSATION .text2 p a {
    display: flex;
    align-items: center;
    gap: 8px;
}
div#STARTCONVERSATION .text2 p a img {
    margin: 0;
    transition: 0.9s;
}
div#STARTCONVERSATION .text2 p a:hover img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(23%) saturate(6547%) hue-rotate(332deg) brightness(91%) contrast(91%);
}
div#STARTCONVERSATION  span.share-btn {
    padding: 0;
    color: white;
    text-transform: uppercase;
}
.line h2   {
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
}
.line h2:before {
    content: '';
    position: absolute;
    border: 1px solid #AD6332;
    width: 20%;
    bottom: 0;
}
div#STARTCONVERSATION div#wpforms-63 {
    margin-top: 0;
}
div#STARTCONVERSATION div#wpforms-63 label {
    color: #FCFAF6;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    opacity: 70%;
}
div#STARTCONVERSATION div#wpforms-63 input,div#STARTCONVERSATION div#wpforms-63 select,div#STARTCONVERSATION div#wpforms-63 textarea {
    background-color: transparent;
    border-bottom: 1px solid #fcfaf69c;
    padding-inline: 0;
}
div#STARTCONVERSATION div#wpforms-63 button#wpforms-submit-63 {
    background-color: #FCFAF6;
    color: #111;
    border-radius: 0px !important;
    height: 49px;
    padding-top: 18px !important;
    width: 170px !important;
}
#footer-outer #footer-widgets .row {
    padding-block: 50px !important;
    border-bottom: 1px solid #ffffff36;
}
#footer-outer #footer-widgets .row div#media_image-2 {
    margin-bottom: 12px;
}

#footer-outer #footer-widgets .row div#media_image-2 img {
    width: 62%;
}
img {
    filter: drop-shadow(2px 4px 6px #cccc);
}

#footer-outer #footer-widgets  h4 {
    padding-bottom: 21px;
}
#footer-outer #footer-widgets ul#menu-contact-info li {
    margin-bottom: 10px;
	font-size:12px;
}
#footer-outer #footer-widgets ul#menu-contact-info li i {
    padding-right: 12px;
    color: transparent;
    -webkit-text-stroke: 1px white;
    transition: 0.9s;
}
#footer-outer #footer-widgets ul#menu-contact-info li:hover i {
    -webkit-text-stroke: 1px #DF9734 !important;
}
#footer-outer #footer-widgets ul#menu-contact-info li:hover a {
    opacity: 1;
}
div#copyright {
    padding-block: 15px !important;
}
div#copyright strong {
    color: #DF9734;
    font-weight: 300;
}
/* ==================================== */
@media (max-width: 1600px){
    div#banner {
    padding-top: 550px !important;
}
}
/* ==================================== */
@media (max-width: 1440px){
    div#banner {
    padding-top: 460px !important;
}
}
/* ==================================== */
@media (max-width: 1366px){
    h1 {
    font-size: 60px !important;
    line-height: 70px;
}

div#banner .text2 p {
    width: 92%;
}

div#banner {
    padding-top: 420px !important;
}
    div#Meet {
    width: 95%;
}
h2 {
    font-size: 45px !important;
    line-height: 55px !important;
}
div#BUILD .carousel-item {
    padding-inline: 13px;
}

div#ABOUT h2 {
    font-size: 35px !important;
    line-height: 45px !important;
}

}
/* ==================================== */
@media (max-width: 1280px){
    div#Meet .c2 {
    padding-left: 20px;
}
div#BUILD .carousel-item h3 {
    font-size: 19px;
    line-height: 28px;
}
}
/* ==================================== */
@media (max-width: 1024px){
    h1 {
    font-size: 45px !important;
    line-height: 55px !important;
}
div#banner a#b1 {
    padding-inline: 14px !important;
}

div#banner {
    padding-bottom: 20px !important;
    padding-top: 310px !important;
}
    div#Meet {width: 100%;}
h2 {
    font-size: 35px !important;
    line-height: 45px !important;
}
p {
    font-size: 12px !important;
    line-height: 22px !important;
}
a#b1,a#b2,a#b3 {
    font-size: 14px !important;
    padding-block: 10px 9px !important;
    padding-inline: 30px !important;
}
div#SPACE {
    padding-block: 40px !important;
}
div#SPACE div#SPACEin .vc_col-sm-3 .text2 h3 {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
div#BUILD {
    padding-block: 40px 20px !important;
}
div#BUILD .carousel-item h3 {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0;
}
div#BUILD .carousel-item {
    padding-block: 12px 11px;
}
div#BUILD .owl-stage {
    padding-block: 10px;
}

div#ABOUT h2 {
    font-size: 25px !important;
    line-height: 35px !important;
}
div#ABOUT .text1 {margin-bottom: 10px;}
h4 {
    font-size: 12px !important;
}
div#ABOUT {
    padding-block: 40px !important;
}
div#Portfolio {
    padding-block: 30px !important;
}
h3 {
    font-size: 18px !important;
    line-height: 28px !important;
}
div#Portfolio div#Portfolioin .text2 h6 {
    font-size: 12px !important;
}
div#Portfolio div#Portfolioin .text2 {
    padding-inline: 17px;
}
div#STARTCONVERSATION {
    padding-block: 31px !important;
}
div#STARTCONVERSATION div#wpforms-63 label {
    margin-bottom: 0;
    font-size: 12px !important;
}
div#STARTCONVERSATION div#wpforms-63 textarea {
    height: 70px !important;
}
	body #footer-outer i {
    font-size: 14px;
    width: auto;
    background-color: transparent;
}
body #sidebar h4, body .widget h4, body #footer-outer .widget h4 {
    font-size: 18px !important;
    line-height: 28px !important;
}
div#footer-outer a {
    font-size: 12px !important;
    line-height: 22px !important;
}
div#footer-outer div#nav_menu-2 {
    margin: 0 auto;
    display: table;
}
#footer-outer #footer-widgets .row {
    padding-block: 40px 20px  !important;
}
}
/* ==================================== */
@media (max-width: 912px){
    div#banner {
    padding-top: 150px !important;
}

div#banner .text2 p {
    width: 50%;
    float: none;
    padding-bottom: 0;
    text-align: center;
    margin: 0 auto;
}

div#banner  .row-bg-wrap {
    filter: brightness(0.5);
}
    div#footer-outer a {
    font-size: 14px !important;
}

div#footer-outer div#nav_menu-2 {
    margin: unset;
}

div#footer-outer .col.span_3 {
    margin-bottom: 0;
}
div#banner .row_col_wrap_12.col.span_12.dark.left {
    padding-top: 0;
}
div#Meet {
    padding-block: 30px !important;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
div#Meet .c2 {
    padding-inline: 5px;
}
div#Meet .c1 {
    width: 70%;
    margin: 0 auto;
}
div#BUILD div#BUILDin {
    text-align: center;
}
div#BUILD div#BUILDin .vc_col-sm-6 {
    margin-bottom: 0;
}
div#ABOUT .c1 {
    display: none;
}
div#ABOUT .c3 img {
    margin: 0 auto;
    display: table;
}
div#ABOUT {
    width: 80%;
    margin: 0 auto;
}
div#ABOUT .c3 {
    width: 60%;
    margin: 0 auto;
}
div#Portfolio div#Portfolioin .vc_col-sm-6 {
    width: 50%;
    margin-bottom: 0;
}
div#Portfolio div#Portfolioin .vc_col-sm-4 {
    width: 33.33%;
    margin-bottom: 0;
}
div#Portfolio div#Portfolioin .text2 h6 {
    float: unset;
    margin: unset;
}
div#STARTCONVERSATION .c1 {
    text-align: center;
}
div#STARTCONVERSATION .c1 a {
    justify-content: center;
}
div#STARTCONVERSATION  .nectar-social-inner {
    margin: 0 auto;
    display: table;
    width: 100%;
}
div#STARTCONVERSATION .text2 {
    margin-bottom: 0;
}

.line h2:before {
    left: 0;
    right: 0;
    margin: 0 auto;
}
    div#STARTCONVERSATION span.share-btn {
    display: none;
}

}
/* ==================================== */
@media (max-width: 800px){
}
/* ==================================== */
@media (max-width: 480px){
    h2 {
    font-size: 25px !important;
    line-height: 35px !important;
}

div#Meet {
    width: 100%;
}

div#Meet .c1 {
    width: 100%;
}

div#ABOUT {
    width: 100%;
}

div#ABOUT .c3 {
    width: 100%;
}

div#Portfolio div#Portfolioin .vc_col-sm-6,div#Portfolio div#Portfolioin .vc_col-sm-4 {
    width: 100%;
}

div#Portfolio div#Portfolioin  img {
    aspect-ratio: 2/1;
}

div#Portfolio div#Portfolioin {
    margin-bottom: 0;
}

div#footer-outer .col.span_3 {
    margin-bottom: 30px;
}
    h1 {
    font-size: 25px !important;
    line-height: 35px !important;
}

div#banner .c1 {
    margin-bottom: 0;
}

div#banner .text2 p {
    width: 100%;
}
}
/* ==================================== */