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

#page-header-bg h1 {
    font-size: 39px !important;
    line-height: 44px !important;
}

:root{
    --c:var(--nectar-accent-color);
--c1: var(--nectar-extra-color-1);
	--c2: var(--nectar-extra-color-2);
	--c3: var(--nectar-extra-color-3);
--g: linear-gradient(180deg, var(--c) 0%, var(--c1)  100%);
	--g1: linear-gradient(180deg, var(--c) 0%, var(--c1)  50%, var(--c)  100%);
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
	background: var(--c);
}
::selection {
  background:  var(--c);
	color:white;
}
/*------typography-----------*/
html body h1{
	font-family:font1 !important;
}
html body h2{
	font-family:font1  !important;
}
html body h3{
	font-family:font1  !important;
}
html body h4{
	font-family:font1  !important;
}
html body p,html body em,html body a,html body button,html body input,html body label,html body legend,html body .wpb_text_column li,html body .nectar-split-heading li,html body .nectar-fancy-ul li{
font-family:Inter !important;
}
html body strong{
font-family:inherit;
}
/*------typography-----------*/
body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
background: var(--c) !important;
}
div#blog-inner img {
    width: 100%;
}
#s5 .test-box .vc_column-inner {
    background: var(--c);
    padding: 0px 30px 30px 30px;
    border-radius: 15px;
}
div#s2.cont-sec h3 strong {
    font-family: ui-rounded;
}
div#con_pg_sec_01 .iwt-icon i {
    color: #fff !important;
    font-size: 24px;
}
div#con_pg_sec_01 .iwt-text a {
    color: #fff;
}
#con_pg_sec_01 input#gform_submit_button_1 {
    width: 100%;
    font-size: 18px;
}
#con_pg_sec_01 input {
    background-color: #fff;
    border: 1px solid #cccc;
    color: #000;
    font-family: font1;
}
#con_pg_sec_01 textarea {
    background: #fff;
    border: 1px solid #cccc;
    border-radius: 5px !important;
    color: #000;
	height: 96px;
}
#con_pg_sec_01 input::placeholder {
    color: #000000;
}
#con_pg_sec_01 textarea::placeholder {
    color: #000000;
}
#s1 .t1 h4 {
    font-family: 'Inter' !important;
    font-size: 20px;
    line-height: 30px;
    padding-top: 10px;
    text-transform: capitalize;
}
#s2 .t2 p {
    width: 89%;
}

a#b1 {
    font-family: 'font1' !important;
    font-size: 18px;
    line-height: 28px;
    padding-block: 15px !important;
    padding-inline: 40px;
    font-weight: 400;
    letter-spacing: 1px;
}

#s1 img.img-with-animation.m1.skip-lazy {filter: grayscale(1);}

#top ul li a span {
    font-family: 'font1' !important;
    letter-spacing: 1px;
}
#s2 h1 strong {
    font-family: 'Inter' !important;
}
#s3 .t2 p {width: 83%;}

#s5 .carousel-item {
    background: var(--c);
    padding: 0px 30px 30px 30px;
    border-radius: 15px;
    margin-inline: 15px;
}

#s5 .t1 p,#s5 .t1 h4 {
    color: #fff;
}

#s5 .t1 p {
    font-size: 20px;
    line-height: 29px;
    margin-inline: auto;
    width: 94%;
}

#s5 .owl-stage-outer {
    overflow: visible;
}

#s5 .comma {
    margin-inline: auto;
    margin-bottom: -60px;
}

#s5 .owl-carousel {
    width: 70%;
    margin-inline: auto;
}

#s5 .owl-stage {
    padding-block: 0px;
}

#s5 .owl-dots {
    display: none;
}
#s6 .carousel-item {
    padding: 25px;
    border: 1px solid #EEEEEE;
    margin-inline: 14px;
    border-radius: 10px;
    min-height: 583px !important;
}

#s6 img.attachment-large.size-large.wp-post-image {
    border-radius: 10px;
    filter: grayscale(1);
}

#s6 span.meta-date {
    background: var(--c);
    color: #fff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0px 20px;
    width: 44px;
    align-items: center;
    text-align: center;
    height: 88px;
    border-radius: 10px;
    padding-inline: 47px;
    font-family: 'Cinzel' !important;
    font-weight: bold;
    order: 1;
}

#s6 .item-main {
    display: flex;
    flex-direction: column;
}

#s6 span.nectar-post-grid-item__meta-wrap {
    order: -1;
    margin-bottom: 20px;
    margin-top: -80px;
    margin-left: auto;
    right: 20px;
    position: relative;
}

#s6 a#b1 {
    margin-inline: auto;
    display: table;
}

#s6 span.link_text {
    font-family: 'Inter' !important;
    text-transform: uppercase;
    color: #111111;
}
#s6 h3.post-heading, #s6 h3.post-heading span {
    max-width: 100%;
    font-family: 'font1' !important;
}
#s6 .owl-stage {
    padding-block: 0px;
}
#nav_menu-3 {
    margin-inline: auto;
    display: table;
}

#text-3 {
    width: 120%;
}

#footer-widgets .icn ul li {
    display: inline-block;
    margin-right: 5px;
}

#footer-widgets .icn ul li a i {
    top: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #fff;
    border-radius: 40px !important;
}

#footer-outer #footer-widgets .col input[type=email] {
    background: transparent;
    border: unset;
    border-bottom: 1px solid #ffff;
    border-radius: 0px;
}

#footer-outer #footer-widgets .col input[type=submit] {
    margin-top: 20px;
    background: #FFFFFF !important;
    width: 148px;
    color: #000;
    font-family: 'font1' !important;
    font-size: 18px;
}
#footer-outer #footer-widgets .col input[type=email]::placeholder {
    color: #FFFFFF94;
}
#footer-outer #footer-widgets .col input[type=email] {
    color: #FFFFFF94;
}

#footer-outer #footer-widgets .col input[type=email]:focus {
    background: transparent !important;
}
#footer-outer #footer-widgets .col ul li>a {
    text-transform: capitalize !important;
}
#copyright {
    padding-block: 20px !important;
}

#footer-widgets .row {
    border-bottom: 1px solid #FFFFFF40;
}
.portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg, .portfolio-items[data-ps="8"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
    background-color: transparent !important;
}
#s2 .t2 h1 {
    font-size: 39px;
}
#s3 img.img-with-animation.m1.skip-lazy {
    border: 15px solid #730000;
}
#s6 h3.post-heading {
    font-size: 24px !important;
    line-height: 34px !important;
}

/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
#s3 .t2 p {
    width: 85%;
}

#s5 .owl-carousel {
    width: 55%;
}

#s5 .t1 p {
    font-size: 15px;
    line-height: 25px;
    width: 100%;
}
#s2 .t2 p {
    width: 94%;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
#s1 h1 {
    font-size: 33px;
    line-height: 42px;
}

#s1 .t1 h4 {
    font-size: 18px;
    line-height: 28px;
}

#s2 .t2 h1 {
    font-size: 35px;
    line-height: 46px;
}

#s3 .t2 p {
    width: 92%;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
#s1 h1 {
    font-size: 27px;
    line-height: 36px;
}

#s1 .t1 h4 {
    font-size: 14px;
    line-height: 24px;
}

#s2 .t2 h1 {
    font-size: 27px;
    line-height: 36px;
}

html body p, html body em, html body a, html body button, html body input, html body label, html body legend, html body .wpb_text_column li, html body .nectar-split-heading li, html body .nectar-fancy-ul li {
    font-size: 12px;
    line-height: 22px;
}

#s5 .t1 p {
    font-size: 12px;
    line-height: 22px;
}

#s6 span.meta-excerpt {
    font-size: 12px;
    line-height: 22px;
    max-width: 100%;
}

#footer-widgets .icn ul li a i {
    font-size: 18px;
    width: 42px;
    height: 42px;
    line-height: 42px;
}
.owl-theme[data-desktop-cols] .owl-dots .owl-dot.active span {
    background: var(--c);
}
#s2 .t2 p {
    width: 100%;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
#s1 {
    text-align: center;
}

#s1 .m1 {
    margin-inline: auto;
}

#s2 {
    text-align: center;
}

#s2 .m1 {
    margin-inline: auto;
}

#s3 {
    text-align: center;
}
#s3 .t2 p {
    width: auto;
}
#s3 img.img-with-animation.m1.skip-lazy {
    margin-inline: auto;
}
#s5 .owl-carousel {
    width: 70%;
}
#s5 .owl-dots {
    display: block;
}
#nav_menu-3 {
    margin: unset;
}
#text-3 {
    width: auto;
}

html body p, html body em, html body a, html body button, html body input, html body label, html body legend, html body .wpb_text_column li, html body .nectar-split-heading li, html body .nectar-fancy-ul li {
    font-size: 15px;
    line-height: 25px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
#s1 h1 br {
    display: none;
}

#s1 h1 {
    font-size: 21px;
    line-height: 31px;
}

#s2 .t2 h1 {
    font-size: 20px;
    line-height: 30px;
}

html body p, html body em, html body a, html body button, html body input, html body label, html body legend, html body .wpb_text_column li, html body .nectar-split-heading li, html body .nectar-fancy-ul li {
    font-size: 13px;
    line-height: 23px;
}

#s5 .owl-carousel {
    width: auto;
}

#s5 .carousel-item {
    margin-inline: 8px;
	padding-inline: 15px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}