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

@import url('https://fonts.googleapis.com/css2?family=Days+One&family=Inter:wght@100..900&family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
	

.wpb_wrapper h1.vc_custom_heading.heading {
	font-size: calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))) !important;
	line-height: 1.3 !important;
}
.wpb_wrapper h2.vc_custom_heading.heading {
	font-size: calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))) !important;
	line-height: 1.3 !important;
}
.wpb_wrapper h3.vc_custom_heading.heading {
	font-size: calc(25px + (36 - 25) * ((100vw - 360px) / (1920 - 360))) !important;
	line-height: 1.4 !important;
}
.wpb_wrapper h4.vc_custom_heading.heading {
	font-size: calc(20px + (24 - 20) * ((100vw - 360px) / (1920 - 360))) !important;
	line-height: 1.3 !important;
}
.wpb_wrapper h5.vc_custom_heading.heading {
	font-size: calc(17px + (20 - 17) * ((100vw - 360px) / (1920 - 360))) !important;
	line-height: 1.3 !important;
}
.wpb_wrapper h6.vc_custom_heading.heading {
	font-size: calc(15px + (18 - 15) * ((100vw - 360px) / (1920 - 360))) !important;
	line-height: 1.3 !important;
}
#page-header-bg .inner-wrap h1 {
	font-size: calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))) !important;
	line-height: 1.3 !important;
	margin-bottom: 0
}
.txtBlock p {
	font-size: calc(14px + (16 - 14) * ((100vw - 360px) / (1920 - 360))) !important;
	line-height: 1.4 !important;
}


/* header */

#top nav ul li a {
    font-family: "Inter", sans-serif;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px; 
}

#s2 img {
    width: 100%;
}

div#s2 {
    padding: 80px 0 !IMPORTANT;
}
#s2 .vc_col-sm-7 .vc_column-inner {
    padding-left: 60px;
    padding-right: 200px;
}

p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; 
    font-family: "Inter", sans-serif;
}

div#s3 {
    padding: 50px 0 !important;
    padding-top: 158px !IMPORTANT;
}

#s3 .row-bg.viewport-desktop.using-image {
    background-size: contain !important;
}

#s3 p {
    color: white;
    width: 60%;
    margin: 31px auto;
}

#s3 .article-content-wrap {
    padding: 0 0;
    padding-top: 25px;
}

#s3 .blog-recent[data-style*=classic_enhanced] .inner-wrap {
    box-shadow: none !important;
    padding-bottom: 0;
}

span.meta {
    background: #26545b;
    color: white;
    font-family: 'Inter';
    padding: 7px 15px;
    border-radius: 18px;
}

.blog-recent[data-style*=classic_enhanced][data-color-scheme=light] h3.title {
    margin-top: 15px;
    color: #245054;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px; 
    font-family: "Playfair Display", serif;
}

.excerpt {
    color: #000;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
}

#s3 a.upcoming-programs {
    display: none;
}
#s4 .col.span_12 {
    padding: 0;
    margin-top: 30px;
}

div#s4 {
    padding-bottom: 70px !important;
}
#s4 h4 {
    border-radius: 10px 10px 0px 0px;
    background: #245054;
    display: inline-flex;
    padding: 0px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: "Inter", sans-serif !important;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 60px;
    margin: 0;
}
#s4 .vc_separator.wpb_content_element.vc_separator_align_left.vc_sep_width_100.vc_sep_pos_align_left.vc_sep_color_grey.vc_separator-has-text {
    align-items: end;
}

#s4 .vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #245054;
    margin-top: -1px;
}
#s4 .blog-recent[data-style=minimal] .meta {
    display: none;
}

#s4 h3.title {
    color: #245054;
    font-family: "Playfair Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px; 
}

#s4 .excerpt {
    margin-bottom: 19px;
}
div#s6 {
    padding: 140px 0 !important;
}

div#footer-outer {
    background: #245054;
}

#footer-outer ul#menu-main-menu-2 {
    display: flex;
    align-items: end;
    justify-content: end;
}

div#nav_menu-2 {
    margin-bottom: 0 !important;
}

div#media_image-2 {margin-bottom: 0 !important;}

div#footer-widgets .row {
    display: flex;
    align-items: center;
}

#footer-outer #footer-widgets .col ul li a {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px; 
    font-family: "Inter", sans-serif;
    margin-left: 29px;
}

.col.span_6 {}

div#footer-widgets .col.span_6:nth-child(1) {
    width: 35%;
}

div#footer-widgets .col.span_6:nth-child(2) {
    width: 65%;
}

#footer-outer #copyright p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px; 
    font-family: "Inter", sans-serif;
    padding: 10px 0;
}

div#copyright .container {
    border-top: 1px solid white;
}

div#copyright {padding: 0 !IMPORTANT;}

#footer-outer #footer-widgets .col ul li a:hover {
    color: black !important;
}

#s3 .blog-recent[data-style*=classic_enhanced] .inner-wrap {
    background: transparent !important;
}
#footer-outer 
 div#text-2 p {
    color: #FFF;
    font-family: "Playfair Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px; /* 112.5% */
}

div#text-2 {
    margin-bottom: 0 !IMPORTANT;
}
div#footer-widgets .container {
    padding: 0 0 !important;
}
#page-header-bg .inner-wrap h1 {
    font-family: 'Playfair Display';
}
/* Contact Page Start */
#contactOne {
  margin-bottom: 0;
}
#contactOne .divider-wrap {
  margin-bottom: 20px;
}
#contactOne .iwithtext {
  display: flex;
  margin-bottom: 15px;
}
#contactOne .iwithtext .iwt-icon {
  position: relative;
  height: auto;
  width: auto;
  line-height: unset;
}
#contactOne .iwithtext .iwt-icon i {
  font-size: 22px;
}
#contactOne .iwithtext .iwt-text {
  padding-left: 7px;
}
#contactOne .iwithtext .iwt-text,
#contactOne .iwithtext .iwt-text a {
  color: #000;
  transition: .5s ease-in-out;
}
#contactOne .iwithtext .iwt-text a:hover {
	    color: #1e73be;
}
#contactOne .colRight .vc_column-inner {
  background-color: #245054;
  border: 1px solid #832729;
  border-radius: 40px;
  padding: 50px 50px;
}
#homeContact .heading em {
    font-style: normal;
    color: #000;
    font-weight: 500;
}
.wpcf7-form .txtField, .wpcf7-form .txtMsg {
	color: #000;
    background-color: #fff;
    border: 1px solid rgba(102, 102, 102, 0.80);
    border-radius: 30px;
    padding: 13px;
    margin-bottom: 15px;
}
.wpcf7-form .txtMsg {
	height: 150px;
}
.wpcf7-form .subBtn {
    width: 100%;
    transition: .5s ease-in-out !important;
}
.wpcf7-form .subBtn:hover {
    background-color: #000;
}
.wpcf7-not-valid-tip {
  /* position: absolute; */
  top: 0;
  right: 0;
  background-color: #fff0;
  box-shadow: none !important;
  color: red !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
  background-color: #fff0;
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
  color: red;
}
.wpcf7 form .wpcf7-response-output {
  color: #00a0d2;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #00fd17;
}

#contactOne h3 {
    font-size: 35px;
    line-height: 44px;
    font-weight: 600;
    font-family: "Playfair Display", serif;
}

#contactOne h6 {
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: 30px;
}

#contactOne input.wpcf7-form-control.wpcf7-submit.has-spinner.subBtn {
    border-radius: 36px !important;
    background: white;
    color: black !IMPORTANT;
}
#contactOne .iwithtext .iwt-text {
    font-size: 16px;
    font-family: 'Open Sans';
}
p br {
    display: none;
}

h2 br {
    display: none;
}


#contactOne .colRight .vc_column-inner p {
    color: white;
}
#contactOne .iwithtext .iwt-text a:hover {
    color: #245054 !important;
}
li#menu-item-33 a {
    background: #245054 !important;
    color: white !important;
    border-radius: 40px;
    padding: 0 30px !important;
}
li#menu-item-31 a {
    background: #245054 !important;
    color: white !important;
    border-radius: 40px;
    padding: 0 30px !important;
}

div#prayer {
    padding-bottom: 0px !important;
}

#prayer .wpb_wrapper h4.vc_custom_heading.heading {
    text-align: center !IMPORTANT;
}
#prayer .vc_col-sm-2 .vc_column-inner:hover h4.vc_custom_heading.heading {
    color: white !important;
}
#prayer .vc_col-sm-2 .vc_column-inner {
    border: 8px solid #245054;
    border-radius: 50%;
    outline: 2px solid #245054;
    outline-offset: 4px;
    height: 180px;
    margin: 9px 0;
}

div#prayersub {
    padding-top: 60px;
}

#prayer .vc_col-sm-2 .vc_column-inner:hover {
    background: #245054 !important;
    transition: 0.6s ease-in-out;
    outline-offset: 6px;
}

#prayer .vc_col-sm-2 .vc_column-inner:hover p {
    color: white !important;
}
/* Contact Page End */

div#s3 img {
    margin: 0 auto;
    margin-top: 60px;
}
div#marqueetext {
    background: #245054;
    padding: 12px 0 !IMPORTANT;
}

div#marqueetext div {
    font-size: 16px;
}
.give-recurring-donors-choice .give-recurring-donors-choice-period {
    color: #245054;
    font-weight: bold;
    border-bottom:2px solid
}
#s2 h4 {
    margin-top: 30px !IMPORTANT;
}
td {
    background: transparent !important;
}

tbody tr:nth-child(1) td {
    color: #245054 ! IMPORTANT;
    font-size: 36px !IMPORTANT;
    line-height: 66px !important;
    font-family: Playfair Display;
    font-weight: 600 !important;
}

tbody tr:nth-child(2) {
    background: #245054 ! IMPORTANT;
}

tbody tr td {
    font-size: 18px !IMPORTANT;
    line-height: 33px;
}

tbody tr:nth-child(2) td {
    font-weight: 600;
}

tbody tr:nth-child(3) {
    background: #24505436 !important;
    color: white;
}
tbody tr:nth-child(5) {
    background: #24505436 !important;
    color: white;
}
tbody tr:nth-child(7) {
    background: #24505436 !important;
    color: white;
}
li#menu-item-31 a {
    margin-right: 0 !IMPORTANT;
}
#s4 .wpb_wrapper h3.vc_custom_heading.heading {
    margin-top: 60px;
}
div#masjidi-iqamadiv {
    display: flex;
    justify-content: center;
}
li#menu-item-138 a {
    background: #245054 !important;
    color: white !important;
    border-radius: 40px;
    padding: 0 30px !important;
}
@media (max-width: 1600px) {
	div#s3 {
    padding-top: 70px !important;
}

}
@media (max-width: 1440px) {
	#s2 .vc_col-sm-7 .vc_column-inner {
    padding-right: 90px;
}

div#s3 {
    padding-top: 26px !important;
}
div#footer-widgets .container {
    padding: 0 80px !IMPORTANT;
}
	
}
@media (max-width: 1366px) {
	#prayer .vc_col-sm-2 .vc_column-inner {
    height: 170px;
}
	div#s3 {
    padding-top: 46px !important;
}
}
@media (max-width: 1280px) {
	#prayer .vc_col-sm-2 .vc_column-inner {
    height: 160px;
}
	#s2 .vc_col-sm-7 .vc_column-inner {
    padding-right: 50px;
    padding-left: 30px;
}
}
@media (max-width: 1024px) {
	#prayer .vc_col-sm-2 .vc_column-inner {
    height: 130px;
}
	#footer-outer div#text-2 p {
    text-align: center;
    margin-bottom: 10px;
}
	body[data-slide-out-widget-area-style="slide-out-from-right"]:not([data-header-color="custom"]).material .slide_out_area_close:before {
    background: black;
}

#slide-out-widget-area .inner .off-canvas-menu-container li a {
    font-weight: 400;
}

#s2 .vc_col-sm-7 .vc_column-inner {
    padding: 0 20px;
}
div#s2 {
    padding: 40px 0 !IMPORTANT;
}

.blog-recent[data-style*=classic_enhanced][data-color-scheme=light] h3.title {}

#s4 h3.title {
    font-size: 28px;
}
div#s6 {
    padding: 100px 0 !important;
}

div#footer-widgets .col.span_6:nth-child(1) {
    width: 100% !important;
}

div#footer-widgets .col.span_6:nth-child(2) {
    width: 100%;
}

div#footer-widgets .row {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div#media_image-2 {
    text-align: center;
}

#footer-outer ul#menu-main-menu-2 {
    justify-content: center;
}
}
@media (max-width: 999px) {
	#prayer .vc_col-sm-2 .vc_column-inner {
    height: 240px;
}
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 55px !important;
}
	#s2 img {
    width: 60%;
    margin: 0 auto;
}

div#s2 {
    text-align: center;
}

#s2 h3 {
    text-align: center !important;
    margin-top: 19px;
}
#s2 h5 {
    text-align: center !important;
    margin-top: 19px;
}
#s2 h4 {
    text-align: center !important;
}

#s3 img {
    margin: 0 auto;
}

#s3 .col.span_4 {
    width: 47%;
}
}
@media (max-width: 800px) {
	#s3 p {
    width: 100%;
}

#footer-outer ul#menu-main-menu-2 {
    flex-wrap: wrap;
}
}
@media (max-width: 690px) {
	#s3 .row-bg.viewport-desktop.using-image {
    background-size: cover !important;
}

#s3 .col.span_4 {
    width: 100%;
    text-align: center;
}

#s3 .article-content-wrap {
    padding: 20px 10px;
}
	#footer-outer #footer-widgets .col ul li a {
    margin: 0 12px;
}
	#contactOne .colRight .vc_column-inner {
    padding: 23px;
}

#contactOne .colRight .vc_column-inner .col.span_12 {
    margin-bottom: 0;
}

#contactOne .colRight .vc_column-inner .col.span_6 {
    margin-bottom: 0;
}
}
@media (max-width: 480px){
	#prayer .vc_col-sm-2 .vc_column-inner {
    height: 190px;
    margin: 10px 6px !important;
}
}
@media (max-width: 479px) {
	#s2 img {
    width: 80%;
}

p {
    font-size: 16px;
}



div#footer-widgets .container {
    padding: 0 !IMPORTANT;
}

#footer-outer div#text-2 p {
    font-size: 32px;
    margin-bottom: 0;
}
#footer-outer #copyright p {
    line-height: 35px;
}
	div#prayersub {
    padding-top: 20px;
}
	tbody tr:nth-child(1) td {
    font-size: 25px !important;
    line-height: 40px !IMPORTANT;
}

}
@media (max-width: 414px) {
	#prayer .vc_col-sm-2 .vc_column-inner {
    height: 160px;
    margin: 10px 6px !important;
}
}
@media (max-width: 375px) {
	#prayer .vc_col-sm-2 .vc_column-inner {
    height: 150px;
}
}
@media (max-width: 360px) {
	#prayer .vc_col-sm-2 .vc_column-inner {
    height: 140px;
}
}