/*
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
*/
h2 {
    font-family: 'Eagle';
    color: #000;
    margin-bottom: 25px;
}

/* header */
/* Add divider after each menu item except last */
#top .sf-menu > li {
  position: relative;

}

#top .sf-menu > li:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.4); /* divider color (adjust as needed) */
  font-size: 14px;
}

/* Remove divider from last item */
#top .sf-menu > li:last-child::after {
  content: none;
}

/* banner */

#banner h4:before {
    background: #fff !important;
}
#sec1 .row-bg.viewport-desktop.using-image {
    background-size: auto;
}
#banner h1 {
    font-family: 'Eagle' !important;
    text-transform: none !important;
    position: relative;
}
a#btn {
    font-size: 16px;
    font-weight: 400;
    border-radius: 30px !important;
    padding: 18px 35px !important;
}

#banner .ru {
    transform: scale(1.12) !important;
    transform-origin: left top;
}
#banner h1:before {
    content: url(https://devue.onlinetestingserver.com/marry/wp-content/uploads/2025/10/line.png);
    position: absolute;
    bottom: -9px;
    z-index: -1;
}
/* sec1 */
#sec1 a#btn {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000;
}

/* sec2 */
div#sec2 {
    margin-top: -70px;
}
#sec2 h3 {
    font-size: 34px;
    font-weight: 700;
    color: #000;
}
a#btn {
    font-size: 16px;
    font-weight: 400;
    border-radius: 30px !important;
    padding: 18px 35px !important;
}
a#btn i {
    right: 20px;
    font-size: 20px;
    transform: rotate(-45deg);
    top: 17px;
}
#sec2 .row-bg.viewport-desktop.using-bg-color {
    background-color: rgb(255 230 176 / 46%);
}
h4:before {
    content: '';
    width: 50px;
    height: 1px;
    margin-left: 20px;
    display: inline-block;
    background: #50311F;
    transform: translate(-10px, -5px);
}
h4 {
    color: #50311F;
    font-weight: 400;
    position: relative;
    padding-bottom: 20px;
}
/* scroll */
 .nectar-scrolling-text-inner__text-chunk {
    padding-left: 2.4em !important;
}
.nectar-scrolling-text-inner__text-chunk img {
    left: 15px !important;
    position: relative;
}
.nectar-scrolling-text-inner__text-chunk {
    font-size: 23px !important;
    text-transform: uppercase;
}
#scroll2 .nectar-scrolling-text-inner__text-chunk {
    color: #fff;
}
div#scroll2 {
    transform: rotate(-2deg);
    z-index: 99999 !important;
    top: -37px;
    width: 129%;
}
/* sec3 */
#sec3 a#btn, #sec4 a#btn {
    margin: 0px auto;
    display: table;
    padding: 18px 60px !important;
    border: 1px solid #000;
    background-color: transparent !important;
    color: #000;
}
#sec3 a#btn i, #sec4 a#btn i {
    right: 40px;
}
#sec3 .row-bg.viewport-desktop.using-image {
    background-size: 30% 90%;
    background-position: 0px -60px !important;
}
#sec3 .carousel-item:hover {
    box-shadow: 0 0 15px 0 #ccc;
	 background-color: #ffffff;
}
#sec3 .carousel-item {
   
    margin: 0 10px !important;
    padding: 50px 40px !important;
    transition: 0.9s;
}
#sec3 h3 {
    color: #000;
    margin-bottom: 0;
}
#sec3 .iwt-text p {
    color: #513321;
}
#sec3 .iwithtext .iwt-icon {
    background-color: #FFDEA1;
    padding: 17px 13px 0px !important;
    border-radius: 30px !important;
    width: 16%;
}
#sec3 .iwithtext .iwt-text {
    padding-left: 75px;
}

/* sec4 */
#sec4 .row-bg.viewport-desktop.using-bg-color {
    background-color: rgb(255 230 176 / 46%) !important;
}
span.meta-category {
    display: none;
}

#sec4 h3.title {
    font-size: 18px;
}

#sec4 h3.title a {
    color: #000 !important;
}

#sec4 .col.span_4.post {background-color: #fff;padding-bottom: 20px;}

#sec4 .col.span_4.post img {
    width: 100%;
}
#sec4 .row.blog-recent.columns-3 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 1%;
}
#sec4 h3.title , #sec4 .excerpt {
    padding: 5px 20px 0 !important;
}
#sec4 .row-bg.viewport-desktop.using-bg-color:before {
    content: url(https://devue.onlinetestingserver.com/marry/wp-content/uploads/2025/10/image-60.png);
    position: absolute;
    right: 0px;
    transform: scale(0.9);
    transform-origin: right bottom;
    bottom: 0;
}


/* Footer */
#footer #f1 h2 {
    margin-bottom: 8px;
}

#footer #f1 .tnp.tnp-widget-minimal {
    position: relative;
}

#footer #f1 .tnp.tnp-widget-minimal input.tnp-submit {
    position: absolute;
    right: 5px;
    width: auto;
    font-size: 16px;
    font-weight: 400;
    border-radius: 30px !important;
    padding: 17px 35px !IMPORTANT;
    top: 7px;
}

#footer #f1 .tnp.tnp-widget-minimal input.tnp-email {
    padding: 22px 25px !important;
    border-radius: 50px;
}

#footer div#f1 {
    margin-bottom: 35px;
    border-bottom: 1px solid gray;
    padding-bottom: 27px;
}

#footer div#f2 h2.widgettitle {
    font-family: 'Inter' !IMPORTANT;
    font-weight: bold !IMPORTANT;
    font-size: 20px !IMPORTANT;
    line-height: 1.7;
    margin-bottom: 10px;
}

#footer div#f2 ul li {
    list-style: none;
    margin-bottom: 4px;
}


#footer #f2 ul {
    margin: 0;
}

#footer #f2 ul li a {
    color: gray;
}

#footer #f2 .txt p {
    font-size: 14px;
    color: gray;
}

#footer #f2 ul li a:hover {
    color: white !IMPORTANT;
    transition: 0.9s;
}

#footer div#f2 {
    margin-bottom: 13px;
    border-bottom: 1px solid gray;
    padding-bottom: 21px;
}

@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width: 820px) {
	#banner .ru {transform: unset !important;}

div#banner {
    text-align: center;
    padding-top: 60px !IMPORTANT;
}

#banner p {
    padding-right: 0 !IMPORTANT;
    padding-top: 16px;
}

#banner .row-bg.viewport-desktop.using-image {
    background-size: cover !IMPORTANT;
}

div#sec1 {
    text-align: center;
    padding: 60px 0 !IMPORTANT;
}

div#sec2 {
    text-align: center;
    padding-top: 81px !IMPORTANT;
    padding-bottom: 21px !IMPORTANT;
}

#sec3 .row-bg.viewport-desktop.using-image {
    background-image: unset !IMPORTANT;
}

h2 {
    font-size: 27px !IMPORTANT;
}

#sec3 .carousel-item {
    padding: 20px !IMPORTANT;
}

#footer #f3 p {
    font-size: 14px;
}
}
@media (max-width: 768px) {}
@media (max-width: 480px) {}
@media (max-width: 428px) {}
@media (max-width: 414px) {}
@media (max-width: 390px) {}
@media (max-width: 375px) {}
@media (max-width: 360px) {}