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


/*
Theme Name:  Salient
Version:     17.3.1
Description: An Ultra Responsive Multi-Purpose Theme.
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author:      ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
License:     Custom license
License URI: https://themeforest.net/licenses/terms/regular
Text Domain: salient
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder.
/*-------------------------------------------------------------------------*/

div#footer-widgets .row{
	max-width: 1500px;
	margin: 0 auto;
}
.wpb_row.vc_row-fluid.vc_row,
.row-bg-wrap {
    --scroll-bar-w: -1px !important;
}
h1 {
  font-family: rockwell, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 130px; /* default desktop size */
  line-height: .9; /* keeps spacing balanced */
}
h2{
    font-family: rockwell, san-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 80px;
  line-height: 1.1;
}
h3{
    font-family: rockwell, san-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 1.2;
}
/*------------------------    Community Resources Page    ----------------------------*/
div[data-style="minimal"] .toggle {
	border-bottom: 2px solid #42ABC9 !important;
}
h3.toggle-title a {
	font-size: 16px !important;
}
div[data-style="minimal"] .toggle > .toggle-title a{
	padding-bottom: 5px !important;
}
.toggle>.toggle-title a i{
	background-color: #42ABC9 !important;
}
div[data-style*=minimal] .toggle>.toggle-title i{
	border: 2px solid #09438f !important;
}
div[data-style="minimal"] .toggle > .toggle-title i:before,
div[data-style="minimal"] .toggle > .toggle-title i:after{
	background-color: #09438f !important;
}
/*------------------------    Home Page    ----------------------------*/
.home-hero-subhead{
    font-family: rockwell, san-serif;
    font-style: normal;
    font-weight: 900;
  color: white;
    font-size: 70px;
}
.hero-txt {
  text-transform: uppercase;
  color: #1b2c7a; /* dark blue text color */
  line-height: .2;
  font-weight: 900;
    position: relative;
  padding: 60px 0 060px 0;
}

.hero-txt.short-bg{
    padding: 60px 0 60px 0;
}
.hero-txt::before {
  content: "";
  position: absolute;
  top:-50px;
  left: -30px;
 width: 1100px;
  height: 130%;
background-image: url('/wp-content/uploads/2025/09/DPH-Gun-Violence-Yellow-Bursh-Stroke-BG-Long.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}
.hero-txt.short-bg::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -35px;
  width: 1000px;
  height: 128%;
background-image: url('/wp-content/uploads/2025/09/DPH-Gun-Violence-Yellow-Bursh-Stroke-BG-Short.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}

.right-align-content .vc_column-inner {
    align-items: flex-end;
}
.right-align-content .vc_column-inner {
    display: flex;
    flex-flow: column;
        align-items: flex-end;
}
.center-align-content .vc_column-inner {
    align-items: center;
}
.center-align-content .vc_column-inner .wpb_wrapper{
    max-width: 700px;

}
.img-radius img.skip-lazy {
    border-radius: 60px;
}
.align-hero-content{
    display: flex;
    justify-content: center;
}


.align-hero-content .row_col_wrap_12.col.span_12.dark.left {
    justify-content: center;
}
.hero-sub-heading{
    width: 500px;
}

.home-hero-subhead{
    font-family: rockwell, san-serif;
    font-style: normal;
    font-weight: 900;
  color: white;
    font-size: 70px;
}
.hero-txt {
  text-transform: uppercase;
  color: #1b2c7a; /* dark blue text color */
  line-height: .2;
  font-weight: 900;
    position: relative;
  padding: 60px 0 060px 0;
}

.hero-txt.short-bg{
    padding: 60px 0 60px 0;
}
.hero-txt::before {
  content: "";
  position: absolute;
  top:-50px;
  left: -30px;
 width: 1100px;
  height: 130%;
background-image: url('/wp-content/uploads/2025/09/DPH-Gun-Violence-Yellow-Bursh-Stroke-BG-Long.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}
.hero-txt.short-bg::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -35px;
  width: 1000px;
  height: 128%;
background-image: url('/wp-content/uploads/2025/09/DPH-Gun-Violence-Yellow-Bursh-Stroke-BG-Short.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}

.right-align-content .vc_column-inner {
    align-items: flex-end;
}
.right-align-content .vc_column-inner {
    display: flex;
    flex-flow: column;
        align-items: flex-end;
}
.center-align-content .vc_column-inner {
    align-items: center;
}
.center-align-content .vc_column-inner .wpb_wrapper{
    max-width: 700px;

}
.img-radius img.skip-lazy {
    border-radius: 60px;
}
.align-hero-content{
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 691px){
.footer-address{
	padding-left: 50px;
}
}
@media screen and (min-width: 1000px){
h3.toggle-title a {
    font-size: 18px !important;
	}
	#footer-widgets[data-cols="5"] .container .row >div:nth-child(2){
	width: 15% !important;
}
}
/* Large laptops / small desktops */
@media screen and (max-width: 1400px) {
  h1 {
    font-size: 100px;
  }
  .home-hero-subhead{
    font-size: 50px;
}
}

/* Tablets (landscape & portrait) */
@media screen and (max-width: 1024px) {
  h1 {
    font-size: 80px;
  }
   .home-hero-subhead{
    font-size: 40px;
}
}

/* Large mobile (phablets) */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 60px;
  }
   .home-hero-subhead{
    font-size: 30px;
}
	 .toggle-heading span:nth-of-type(2) {
    display: none;
  }
}

/* Small mobile */
@media screen and (max-width: 480px) {
  h1 {
    font-size: 40px;
  }
   .home-hero-subhead{
    font-size: 20px;
}
}