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


/****************************** Typography ***************************************************/
h1 {
	font-family: 'akira';
}
h2 {
	font-family: 'akira';
}
h3 {
	font-family: 'gtwalbd';
}
h4 {
	font-family: 'gtwalbd';
}
p {
	font-family: 'gtwal';
}

/****************************** Secondary Header ***************************************************/







/****************************** Menu ***************************************************/
#header-outer[data-lhe="default"] #top nav > ul > li > a, #header-outer .nectar-header-text-content, body[data-header-search="false"][data-full-width-header="false"] #header-outer[data-lhe="animated_underline"][data-format="default"][data-cart="false"] .nectar-header-text-content {
    padding-left: 0px;
    padding-right: 0px;
}
#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a, #header-outer.transparent .slide-out-widget-area-toggle a i.label, #header-outer.transparent #top .span_9 > .slide-out-widget-area-toggle a.using-label .label, #header-outer.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.transparent #top nav ul #nectar-user-account a span, #header-outer.transparent #top nav > ul > li > a > .sf-sub-indicator i, #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer.transparent #top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon, #header-outer.transparent .nectar-header-text-content, #header-outer.transparent .nectar-mobile-only.mobile-header li:not([class*="menu-item-btn-style"]) a {
    opacity: 1;
}
#header-outer ul.sf-menu>li>a>.nectar-menu-icon-img {
    max-height: 40px;
    width: 48px;
    opacity: 1 !important;
}
#top a#logo {
    margin-left: -250px;
}



li.slide-out-widget-area-toggle a span {
    background-image: url(https://testedwebsite.us/kstmusic/wp-content/uploads/2023/06/Untitled-1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 30px 30px;
}
#header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines:before {
    background-color: #ffffff00!important;
	display: none;
}
#header-outer.transparent:not(.side-widget-open) #top nav ul .slide-out-widget-area-toggle a .lines-button:after {
	opacity: 0;
}
#header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines:after {
    background-color: #ffffff00!important;
	display: none;
}

#header-outer[data-format=centered-menu-bottom-bar].transparent #top .span_3 nav>.buttons li span {
    margin-top: -30px;
}


/****************************** Slider ***************************************************/
#slider h2.ns-heading-el {
    font-size: 110px;
    line-height: 120px;
    letter-spacing: 2px;
}
#slider h2.ns-heading-el::before {
/*     content: url(https://testedwebsite.us/kstmusic/wp-content/uploads/2023/06/Vector-Smart-Object-copy-6guitar.png) !important; */
    position: absolute;
    top: -455px;
    transform: scale(0.9);
    right: 0px;
}
#slider .buttons .button.solid_color a.primary-color {
    padding: 16px 23px;
    font-size: 16px;
    font-family: 'akira';
    border-radius: 0px !important;
    margin-left: 40px;
}


/******* Animation ************/


/****************************** Sec-1 ***************************************************/
#sec-1 h1 {
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
    color: #0000;
    font-weight: 100;
    font-size: 50px;
}
#sec-1 .sec-1-btn {
    padding: 15px 50px;
    font-size: 16px;
    font-family: 'akira';
    border-radius: 0px !important;
}



/******* Animation ************/


/****************************** sec-2 ***************************************************/
#sec-2 h1 {
    margin-left: -245px;
    padding-top: 40px;
    padding-right: 40px;
}
#sec-2 p {
    opacity: 0.7;
    font-size: 21px;
    font-weight: 100;
    line-height: 32px;
}
#sec-2 .sec-2-btn {
    padding: 15px 50px;
    font-size: 16px;
    font-family: 'akira';
    border-radius: 0px !important;
}


/******* Animation ************/

/****************************** sec-3 ***************************************************/
#sec-3 h1 {
    font-size: 73px;
    padding-bottom: 20px;
}
.sec-3-col1 .vc_column-inner {
    padding-top: 90%;
    padding-bottom: 20px;
    padding-left: 23px;
}
.sec-3-col .vc_column-inner {
    padding-top: 90%;
    padding-bottom: 20px;
    padding-left: 23px;
    margin-top: 40px;
}
.sec-3-col2 .vc_column-inner {
    padding-top: 90%;
    padding-bottom: 20px;
    padding-left: 23px;
    margin-top: -40px;
}
#sec-3 h3 {
    font-size: 20px;
}
#sec-3 .iwt-icon img {
    width: 45px;
    margin-top: -7px;
}
#sec-3 .sec-3-btn {
    padding: 15px 50px;
    font-size: 16px;
    font-family: 'akira';
    border-radius: 0px !important;
    margin: 0px auto;
    display: table;
    margin-top: 50px;
}


/******* Animation ************/


/****************************** sec-4 ***************************************************/
#sec-4 .sec-4-img1 {
    width: 107%;
}

/******* Animation ************/


/****************************** sec-5 ***************************************************/
#sec-5 strong {
    font-family: akira;
    -webkit-text-stroke-color: #ffffff4a;
    -webkit-text-stroke-width: 1px;
    color: #0000;
    font-weight: 100;
    font-size: 135px;
    position: absolute;
    left: 440px;
    margin-top: -50px;
    letter-spacing: 30px;
}
#sec-5 h1 {
    font-size: 55px;
}
#sec-5 p {
    font-size: 17px;
}
#sec-5 input[type=text] {
    font-size: 14px;
    background: #0000;
    border-bottom: 1px solid #ffffff75;
    padding-left: 0px;
    margin-bottom: 30px;
}
#sec-5 input[type=email] {
    font-size: 14px;
    background: #0000;
    border-bottom: 1px solid #ffffff75;
    padding-left: 0px;
    margin-bottom: 30px;
}
#sec-5 input[type=tel] {
    font-size: 14px;
    background: #0000;
    border-bottom: 1px solid #ffffff75;
    padding-left: 0px;
    margin-bottom: 30px;
}
#sec-5 textarea.wpcf7-form-control.wpcf7-textarea {
    font-size: 14px;
    background: #0000;
    border-bottom: 1px solid #ffffff75;
    padding-left: 0px;
    margin-bottom: 50px;
    height: 48px;
}
#sec-5 input.wpcf7-form-control.has-spinner.wpcf7-submit {
    font-size: 16px;
    font-family: 'akira';
    border-radius: 0px !important;
    margin: 0px auto;
    display: table;
    letter-spacing: 2px;
    padding: 18px 30px !important;
    background-color: #062366;
}
#sec-6 .divider-border {
    margin: 35px auto 35px auto;
    background-color: rgb(255 255 255 / 34%);
    height: 1px;
}







/******* Animation ************/


/****************************** sec-6 ***************************************************/


/******* Animation ************/


/****************************** Footer ***************************************************/






div#footer-1::before {
    content: url(https://testedwebsite.us/kstmusic/wp-content/uploads/2023/06/Vector-Smart-Object-copy-11.png);
    position: absolute;
    right: -220px;
}
#footer h2 {
    font-size: 28px;
}
#footer p {
    font-weight: 500;
}
.footer-menu li a:hover {
    color: #0068b6 !important;
    transition: .9s;
}

.footer-menu li a {
}
.footer-menu li {
    list-style-type: none;
    margin-left: -28px;
    font-weight: 500;
    line-height: 40px;
}
#footer .iwt-icon img {
    width: 100%;
}
#footer .iwithtext .iwt-text {
    padding-left: 35px;
    padding-right: 30px;
    font-weight: 500;
}
#footer .iwt-text a {
    font-weight: 500;
}
#footer .iwt-text a:hover {
    color: #0068b6 !important;
    transition: .9s;
}

#footer .socliy li a:hover {
    background: transparent;
    transition: .9s;
    border: 1px solid #636363;
    color: #636363;
}
#footer .socliy li a {
    background: #000;
    color: #fff;
    padding: 11px 13px;
    font-size: 20px;
    border-radius: 0px !important;
    border: 1px solid #fff;
    margin-left: 10px;
}
#footer .socliy li {
    list-style-type: none;
    display: inline-block;
}
#footer .socliy {
    margin-left: -30px;
}
#footer .socliy li i.fa.fa-facebook {
    padding: 0px 4px;
}
#footer .socliy li i.fa.fa-instagram {
    padding: 0px 2px;
}
#footer input[type=submit] {
    background-image: url(https://testedwebsite.cloud/atlaspope/wp-content/uploads/2023/01/plane.png);
    background-repeat: no-repeat;
    font-size: 0px;
    background-position: 10px;
    padding: 20px 20px !important;
    border-radius: 40px !important;
    position: absolute;
    bottom: 86px;
    right: 5px;
    background-color: transparent;
}
#footer input[type=submit] {
    box-shadow: 0px 0px 0px 0px !important;
}
#footer input[type=email] {
    background: transparent;
    border: 1px solid #000;
    border-radius: 40px;
    padding: 10px 20px;
    color: #000;
}



.footer-col2 .vc_column-inner {
    padding-left: 100px;
}


.footer-col1 .divider-vertical.nectar-bg-default {
    height: 200px;
    position: absolute;
    top: 30px;
    right: -30px;
}
.footer-col2 .divider-vertical.nectar-bg-default {
    height: 200px;
    position: absolute;
    top: 30px;
    right: 30px;
}
.footer-col3 .divider-vertical.nectar-bg-default {
    height: 200px;
    position: absolute;
    top: 30px;
    right: 20px;
}




/****************************** Responsive ***************************************************/

/****************** 1680 ****************************/
@media (max-width: 1680px) {}

/****************** 1600 ****************************/
@media (max-width: 1600px) {}

/****************** 1440 ****************************/
@media (max-width: 1440px) {}

/****************** 1366 ****************************/

@media (max-width: 1366px) {}


/****************** 1326 ****************************/
@media (max-width: 1326px) {}

/****************** 1280 ****************************/

@media (max-width: 1280px) {}


/****************** 1024 ****************************/

@media (max-width: 1024px) {}



/****************** 800 ****************************/

@media (max-width: 800px) {}

/****************** 768 ****************************/

@media (max-width: 768px) {}

/****************** 760 ****************************/

@media (max-width: 760px) {}

/****************** 640 ****************************/

@media (max-width: 640px) {}

/****************** 600 ****************************/

@media (max-width: 600px) {}


/****************** 480 ****************************/

@media (max-width: 480px) {}


/****************** 515 ****************************/

@media (max-width: 515px) {}


/****************** 414 ****************************/

@media (max-width: 414px) {}



/****************** 375 ****************************/

@media (max-width: 375px) {}


/****************** 360 ****************************/

@media (max-width: 360px) {}


/****************** 320 ****************************/

@media (max-width: 320px) {}