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

: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 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-ol li{
	font-family:'Barlow' !important;
}
html body h3, h4, h5, h6{
	font-family:'Barlow' !important;
}
html body strong{
	font-family:inherit;
}
html body h3 {text-transform: uppercase;}
html body h2 {
    color: var(--c2);
}
#top ul .s1 a span {
    border: 1px solid var(--c3);
    padding: 15px 40px;
    border-radius: 40px;
    transition: .65s;
}

#top ul .s1 a span:hover {
    background: var(--c);
    border: 1px solid var(--c1);
}

/*------typography-----------*/

body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
    background: var(--c) !important;
}
#top a#logo img {
    transform-origin: left top;
    scale: 1.6;
}
#top ul.sf-menu.sf-js-enabled.sf-arrows li a {
    position: relative;
}
div#event-sec1 .nectar-fancy-ul ul {
    margin: 10px 0px 10px 0px !important;
}
#top ul.sf-menu.sf-js-enabled > li > a:before {
    content: '';
    position: absolute;
    right: 0;
    border-right: 1px solid #fff;
    height: 20px;
    top: 10%;
}

#top ul.sf-menu.sf-js-enabled.sf-arrows li:last-child a:before {
    display: none;
}

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

a#b1 {
    font-size: 18px;
    line-height: 28px;
    border-radius: 40px !important;!i;!;
    border: 1px solid #fff;
    background-color: transparent !important;!i;!;
    opacity: 1;
}
div#footer div#f2 .ft1 {
    column-count: 5;
}
#s1 a#b1:hover {
    background-color: var(--c) !important;!i;!;
    border: 1px solid var(--c1);
}
div#staff-sec .team-member .team-meta h5, h3 {
    font-family: 'Barlow';
    color: #000 !important;
}
div#staff-sec .team-member .team-meta p {
    font-family: 'Barlow';
    color: #000 !important;
}
div#footer div#f2 .fh1 h3 {
    color: #fff !important;
}
div#about h3 {
    font-family: 'Forum' !important;
    font-size: 35px;
    font-weight: 500 !important;
}
#page-header-bg h1 {
    text-align: unset;
    font-size: 60px;
}
#s1 h3 {
    font-family: 'Forum';
    font-size: 138px;
    line-height: 38px;
}

#s1 h3 strong {
    font-size: 28px;
    line-height: 38px;
    font-family: 'Barlow';
    font-weight: 400;
}
#s1 .t2 {
    padding-top: 70px;
}

#s1 .t3 {
    float: right;
    width: 29%;
    margin-top: -215px;
}

#s1 .t3 h5 {
    color: var(--c1);
    font-size: 75px;
}

#s1 .t3 h6 {
    font-size: 18px;
    line-height: 28px;
    font-family: 'Barlow';
    font-weight: 400;
    text-transform: uppercase;
}

.t1 p,.t3 p {
    line-height: 32px;
}

#s1 .down {
    margin-inline: auto;
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
}
div#s1 {
    padding-block: 300px !important;!i;!;
}
div#s1 div#s11 {
    position: relative;
    left: -500px;
}
div#s1 div#s11 .t1 h1 {
    font-size: 75px;
    line-height: 1.1;
}
/* div#s1 {
    padding-block: 180px 175px !important;!i;!;
} */
div#s2 {
    text-align: center;
    padding-block: 100px !important;!i;!;
}

#s2 .t1 {
    text-align: left;
    width: 65%;
    margin-top: -50px;
    margin-left: 52px;
}

#s2 .owl-item.active .m1 {transform-origin: right;}

#s2 .t2 {
    margin-bottom: -27px;
    position: relative;
    top: 15px;
}

#s2 .owl-item.active {
    transform-origin: left;
    scale: 0.8;
}

#s2 .owl-item.active+.owl-item.active {
    scale: 1.3;
    transform-origin: unset;
}

#s2 .owl-item.active+.owl-item.active+.owl-item.active {
    scale: 0.8;
    transform-origin: right;
}

#s2 .owl-item {
    transition: .65s;
}

#s2 .owl-stage {
    padding-block: 61px 36px;
}

#s2 .mc2 .m1 {margin-inline: auto;display: table;/* animation: 3s move1 linear alternate infinite; */}

@keyframes move1{
    0%{
        transform:rotate(10deg)
    }
        50%{
        transform:rotate(-10deg)
    }     
    100%{
        transform:rotate(10deg)
    }
         50%{
        transform:rotate(-10deg)
    }
}

#s2 .mc2 {
    padding-top: 40px;
}

#s2 .text1 {
    padding-top: 30px;
}
#s2 .owl-item.active+.owl-item.active p {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

#s2 .owl-item.active+.owl-item.active .t1 {
    width: 70%;
    margin-inline: auto;
}
#s2 a#b1 {
    margin-top: -20px;
    top: -130px;
    font-size: 12px;
    line-height: 22px;
    padding: 10px 20px;
}
/* Page header */
h1 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

/* Table styling */
table {
    font-size: 18px;
    text-align: left;
}

th, td {
    padding: 12px 15px;
    border: 1px solid #ddd;
}

th {
    font-weight: bold;
    color: #333;
}

/* Row styling */

tr:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

/* Status-specific styling */
.done {
    color: green;
    font-weight: bold;
}

.upcoming {
    color: orange;
    font-weight: bold;
}


#s3 th {
    background: transparent;
    border-bottom: unset;
    padding: 15px 40px;
}

#s3 td {
    border-bottom: unset;
    background: transparent !important;
    padding-bottom: 70px;
    padding-left: 40px;
    color: #000 !important;!i;!;
}

#s3 tr th:first-child {
    border-left: unset !important;
}

div#s3 {
    padding-block: 80px !important;
}
/* #s3 h2 {
    text-align: center;
    margin-bottom: 30px;
} */
#s4 .t1 h2 {
    font-size: 60px;
    line-height: 70px;
}
div#s33 .owl-stage {
    padding: 0px !important;
}
div#s33 .owl-dots {
    display: none !important;
}
.t2 p {
    line-height: 40px;
    font-size: 20px;
}

#s4 a#b1 {
    border: 1px solid var(--c);
}

div#s4 {
    padding-block: 100px !important;
}

#s4 .t3 {
    text-align: center;
    margin-top: -120px;
    position: relative;
}
#s4 .text-design {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.text-design {
  text-align: center;
  padding: 20px;
}

.grow,.grace {
  font-weight: 400;
  letter-spacing: 5px;
  font-family: 'Forum';
  font-size: 100px;
  line-height: 100px;
  color: #fff;
}

.subtext {
  display: block;
  font-size: 40px;
  margin: 10px 20px;
  color: #fff;
  font-family: 'Forum';
  width: 13%;
  line-height: 40px;
}

#s4 .t3 h2 {
    color: var(--c3);
}
div#sin3 {
    padding-top: 20px;
}

div#s5 {padding-block: 100px !important;}

div#s5 .main_list {
    padding: 0px 120px;
}

div#s5 .main_list .inner h3 a {
    font-size: 70px;
    line-height: 70px;
    font-family: 'Forum' !important;
    color: #fff;
}
div#s5 .main_list .inner h3 {
    padding-block: 20px;
}

div#s5 .main_list .inner h3 a span {
    font-size: 30px;
}

#s5 h3 {
    text-align: center;
    border-bottom: 1px solid rgb(17, 133, 45);
}

#s5 .main_list .inner h3:hover {
    background: linear-gradient(90deg, rgba(7,47,16,1) 0%, rgba(10,69,24,1) 40%, rgba(7,48,17,1) 70%);
}

/* #s5 ol li a {
    font-size: 70px;
    line-height: 130px;
    font-family: 'Forum' !important;
    font-weight: 400;
    color: #fff;
}

#s5 ol li {
    list-style: decimal-leading-zero;
    font-family: 'Forum' !important;!i;!;
}

#s5 ol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.text-block-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#s5 li {text-align: center;transition: all 0.3s ease;cursor: pointer;}

#s5 hr {
    width: 100%;
    border: none;
    height: 2px;
    background-color: #11852d;
} */


/* / Active State / */
/* #s5 li.active {
  color: #fff;
} */

/* / Hover Effect for All Blocks / */
/* #s5 li.active:hover {
    background: linear-gradient(90deg, rgba(7,47,16,1) 0%, rgba(10,69,24,1) 30%, rgba(7,48,17,1) 70%);
}
#s5 h3 {
    margin: 0;
} */

#s6 .c2 {
    padding-inline: 0.75%;
    margin-inline: -5px;
}

#s6 .c1 {
    padding-right: 0.5%;
}

#s6 .c3 {
    padding-left: 0.5%;
}

#s6 img {
    transition: .65s;
}

#s6 img:hover {
    filter: brightness(0.5);
    scale: 0.9;
}

#s6 .img-with-aniamtion-wrap:hover {
    filter: drop-shadow(2px 4px 6px var(--c));
}

div#s6 {
    padding-block: 80px !important;!imp;!imp`;!imp;!im;
}

#s6 h2 {
    font-size: 85px;
    line-height: 95px;
}
#s7 .owl-dots {
    display: none;
}

#s7 .carousel-item {
    margin: 0px 25px;
}

#s7 h3.post-heading {
    font-size: 50px;
    line-height: 60px;
    font-family: 'forum' !important;!i;!;
}

#s7 h3.post-heading a {
    font-family: 'Forum' !important;!i;!;
}

span.link_text.hover {
    font-family: 'Barlow' !important;!i;!;
    text-transform: uppercase;
}
#s7 .owl-stage-outer {
    width: 200%;
}
#s7 a#b1 {
    border: 1px solid var(--c);
    color: var(--c);
    position: absolute;
    top: 50px;
    right: 0;
}

div#s7 {
    padding-block: 100px 30px !important;!i;!i;!i
    m;!i;!i;!;
}

#s7 .owl-stage {
    padding: 0;
}
div#footer {
    padding-block: 80px 20px !important;!i;!;
}

#footer .i1 {
    margin: auto;
    display: table;
}

#f1 .ft1 {
    text-align: center;
    float: left;
}

#f1 .ft2 p {
    text-align: center;
    float: right;
}

#f1 {
    border-bottom: 1px solid #395840;
    padding-bottom: 30px;
}

#footer h4 {
    font-size: 14px;
    line-height: 24px;
}

#f2 .ft1 p {
    line-height: 36px;
    padding: 0;
}

#f2 a {
    opacity: 1;
    text-transform: uppercase;
}
div#about a#b1 {
    border: 1px solid var(--c);
}
#s3 a#b1 {
    border: 1px solid var(--c);
}
#s6 a#b1 {
    border: 1px solid var(--c);
}
#f3 h3 {
    color: #ffffffed !important;
    font-size: 150px;
    line-height: 160px;
    font-family: 'Forum';
    letter-spacing: 19px;
}

div#f3 {
    padding-block: 30px 0px;
}
span.link_text {
    text-transform: uppercase;
}
.wpcf7-response-output {
    background-color: transparent !important;
    border: unset !important;
}
.slide-out-widget-area-toggle .label::after{content:"Pine Grove Church";font-size: 14px;font-weight:600;}
#top .span_9>.slide-out-widget-area-toggle i.label {
    font-size: 0px !important;
}
body .container-wrap {
    min-height: unset !important;
}

/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
div#s1 {
    padding-block: 250px !important;
}

#s1 .down {
    top: 180px !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
div#s1 {
    padding-block: 250px !important;
}
	div#s1 div#s11 {
    left: -400px;
}
#s1 h1 {
    font-size: 100px;
    line-height: 100px;
}

#s1 .t2 {
    padding-top: 50px;
}

#s1 .t3 {
    margin-top: -225px;
}

#s2 .mc2 {
    padding-top: 20px;
}

div#s7 {
    padding-block: 60px !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
#s1 h1 {
    font-size: 80px;
    line-height: 80px;
}

#s1 h3 {
    font-size: 100px;
    line-height: 38px;
}

#s1 h3 strong {
    font-size: 20px;
    line-height: 30px;
}

#s1 .t3 {
    margin-top: -165px;
}

#s1 .t2 {
    padding-top: 10px;
}

#s1 .down {
    top: 20px;
}

div#s1 {
    padding-block: 230px !important;
}
div#s1 div#s11 {
        left: -350px;
    }
#s2 .owl-item.active+.owl-item.active .t1 {width: 80%;}

#s2 .mc2 .m1 {
    width: 14%;
}

#s2 .mc2 {
    padding-top: 60px;
}

.t2 p {
    font-size: 18px;
    line-height: 32px;
}

#s7 h3.post-heading {
    font-size: 45px;
    line-height: 55px;
}
#s5 ol li a {
    font-size: 50px;
    line-height: 110px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
#s1 .t3 p {font-size: 16px;line-height: 32px;}

#s1 h3 {
    font-size: 90px;
    line-height: 38px;
}
div#s1 {
        padding-block: 230px 150px !important;
    }
	div#s1 div#s11 .t1 h1 {
    font-size: 65px;
    line-height: 1.1;
}
#s1 h3 strong {
    font-size: 18px;
    line-height: 28px;
}
    div#s1 div#s11 {
        left: -340px;
    }
	div#footer div#f2 .ft1 {
    column-count: 4;
}
	
#s1 .t2 {
    margin: 0;
}

#s1 .t3 {
    margin-top: -137px;
}

#s1 .down {
        top: 80px !important;
    }

#s2 a#b1 {
    padding: 10px 15px;
    line-height: 20px;
    font-size: 10px;
}

#s2 .t1 {
    width: 75%;
}

div#s2 {
    padding-block: 60px !important;
}

#s2 .mc2 {
    padding-top: 30px;
}

#s4 .t1 h2 {
    font-size: 50px;
    line-height: 60px;
}

div#s6 {
    padding-block: 60px !important;
}
.subtext {
    font-size: 35px;
    line-height: 35px;
}
div#s5 {
    padding-block: 50px !important;
}
div#s5 .main_list .inner h3 a {
    font-size: 55px;
    line-height: 55px;
}
div#s5 .main_list .inner h3 a span {
    font-size: 20px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
#s3 th {
    padding: 15px 30px;
}

#s3 td {
    padding-left: 30px;
}

#s4 .t1 h2 {
    font-size: 40px;
    line-height: 50px;
}

.t2 p {
    font-size: 14px;
    line-height: 34px;
}

.home p {
    font-size: 14px;
}

#s7 h3.post-heading {
    font-size: 35px;
    line-height: 45px;
}

div#s7 {
    padding-block: 50px !important;
}

div#s4 {
    padding-block: 50px !important;
}

div#s3 {
    padding-block: 50px !important;
}

html body h2 {
    font-size: 50px;
    line-height: 60px;
}

#s2 .t2 {
    top: 5px;
}

#s2 a#b1 {
    top: -30px;
    border: 1px solid var(--c);
    color: var(--c);
}

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

.t1 h4 {
    font-size: 14px !important;!i;!;
    line-height: 24px !important;!i;!;
}

#top a#logo img {
    scale: 1.2;
}

#s1 .t3 p {font-size: 12px;line-height: 24px;}

#s1 .t3 {
    margin-top: -50px;
}

#s1 .t2 {
    padding: 0;
}

#s1 .down {
    top: 50px;
}

#s2 .owl-item.active+.owl-item.active p {
    font-size: 12px;
    line-height: 22px;
}

#s2 .owl-item.active+.owl-item.active .t1 {
    width: 86%;
}

#s2 .t1 {
    width: 75%;
}
#s5 ol li a {
    font-size: 50px;
    line-height: 100px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
div#s1 {
    padding-block: 100px 30px !important;
    text-align: center;
}

#s1 .t2 {
    padding-top: 50px;
}

#page-header-bg h1 {
    text-align: unset;
    font-size: 50px !important;
}

#s1 .t3 {
    float: unset;
    width: 100%;
    margin-top: 50px;
}

.home p {
    font-size: 16px !important;!i;!;
    line-height: 26px !important;!i;!;
}

#s1 .t3 p {
    margin: auto;
    width: 60%;
}

#s1 .down {
    display: none;
}

#s2 .owl-item.active {transform: unset !important;!i;!;scale: unset;}

#s2 .owl-item.active+.owl-item.active {
    scale: unset;
}
#event-sec .nectar-hor-list-item .nectar-list-item {
    text-align: center !important;
}
#s2 .owl-stage {
    padding: 0;
}

html body h2 {
    font-size: 40px !important;!i;!;
    line-height: 50px !important;!i;!;
}

#s2 .text1 {
    padding: 0;
}

#s3 td {padding-inline: 20px;text-align: center;vertical-align: middle;}

div#s4 {
    text-align: center;
}

.grow, .grace {
    font-size: 70px;
    line-height: 70px;
}

.subtext {
    font-size: 25px;
    line-height: 35px;
}

#s4 .t3 {
    margin-top: -100px;
}

#s4 .vc_col-sm-3 {
    width: 50%;
}

#s4 .vc_col-sm-3:last-child, #s4 .vc_col-sm-3:nth-child(3) {
    margin-top: 20px;
}

#s6 .vc_col-sm-4 {
    width: 33.33%;
    padding: 1%;
}

div#s6 {
    padding-block: 50px !important;
}

#s7 a#b1 {
    top: 15px;
}

#s7 .carousel-item {
    margin: 0px 15px;
}

    #f1 .vc_col-sm-4 {
        width: 33.33%;
        margin-bottom: 10px !important;
    }

#footer .i1 {
    width: 80%;
}

#f1 {
    padding-bottom: 15px;
}

#f2 .vc_col-sm-3 {
    width: 25%;
}

#f2 a {
    font-size: 12px;
    line-height: 28px;
}

div#f3 {
    padding-block: 0px;
}

#f3 h3 {
    font-size: 100px;
    line-height: 110px;
}
#s7 .owl-dots {
    display: block;
}
    #s5 ol li a {
        font-size: 40px;
        line-height: 90px;
    }
div#s5 .main_list .inner h3 a {
    font-size: 40px;
    line-height: 50px;
}
div#s5 .main_list .inner h3 a span {
    font-size: 14px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
#s1 h1 {
    font-size: 36px;
    line-height: 46px;
}
#event-sec .nectar-hor-list-item .nectar-list-item {
    text-align: center !important;
}
#s1 a#b1 {
    font-size: 12px;
    line-height: 22px;
}

#s1 .t3 p {
    width: 100%;
}

.home div#s2 {
    padding-block: 30px 50px  !important;!i;!;
}

html body h2 {
    font-size: 23px !important;!i;!;
    line-height: 33px !important;!i;!;
}

html body h2 br {
    display: none;
}

#s2 .mc2 .m1 {
    width: 37%;
}

#s3 table {
    overflow-y: auto;
}

#s3 .wpb_raw_code.wpb_raw_html.wpb_content_element {overflow-y: auto;}

#s4 .t3 {
    margin-top: 0px;
}

.grow, .grace {
    color: var(--c);
    font-size: 30px;
    line-height: 40px;
}

.subtext {
    color: var(--c);
    font-size: 12px;
    line-height: 22px;
}

.subtext br {
    display: none;
}

#s4 .text-design {
    flex-wrap: wrap;
    gap: 0px 0px;
}

#s4 .vc_col-sm-3 {
    width: 100%;
}

#s4 .vc_col-sm-3:last-child, #s4 .vc_col-sm-3:nth-child(3) {
    margin-top: auto;
}

#s6 .vc_col-sm-4 {
    padding-inline: 1%;
}

#s6 img {
}

#s6 .hover-wrap {
    margin-bottom: 3px;
}

.home div#s6 {
    padding-block: 50px 20px !important;!i;!;
}

#s7 a#b1 {
    top: unset;
    position: relative;
    left: 0;
    right: 0;
    margin-inline: auto;
    display: table;
}

#s7 h2 {
    font-size: 40px !important;!i;!;!;
    line-height: 50px !important;!i;!;
}

#s7 h3.post-heading {
    font-size: 25px;
    line-height: 35px;
}

#s7 .owl-stage-outer {
    width: 100%;
}

#s7 .carousel-item {
    margin: 0px 10px;
}

#f1 .vc_col-sm-4 {
    width: 100%;
}

#f1 .ft2 p {
        float: unset;
        text-align: center;
    }

    #footer .i1 {
        width: 50%;
        margin: 0 auto;
    }

#f1 .vc_col-sm-4 {
    display: flex;
}

#f1 .vc_col-sm-4:nth-child(2) {
    order: -1;
}
	div#footer div#f2 .ft1 {
    column-count: 2;
    text-align: center;
}

div#footer {
    padding-block: 50px 20px !important;
}

    #f1 .ft1 {
        float: unset;
    }

#f2 .vc_col-sm-3 {
    width: 100%;
}

#f2 a {
    font-size: 16px;
    line-height: 32px;
}

#footer h4 {
    font-size: 18px;
    line-height: 32px;
}
#s3 td {
        padding-inline: 5px;
        text-align: center;
        vertical-align: middle;
        padding-block: 10px;
        font-size: 12px;
        line-height: 22px;
    }
#s5 ol li a {
    font-size: 25px;
    line-height: 65px;
}
div#s5 .main_list {
    padding: 0px 0px;
}

div#s5 .main_list .inner h3 a {
    font-size: 25px;
    line-height: 35px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {
	#page-header-bg h1 {
    text-align: unset;
    font-size: 40px !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}