@import "bootstrap.min.css";
@import "fontawesome.min.css";
@import "sonj-components.css";
@import "faq.css";

html { font-size: 100%; 
    -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;  
        -webkit-font-smoothing: antialiased;
     }
body {
font-weight: 400;
 line-height: 1.5;
}

.icon-lg {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 1.7rem;
    text-align: center;
    font-size: 2.2rem;
}
.rounded-circle {
    border-radius: 50% !important;
}
.bg-opacity-10 {
  opacity: 0.3;
}
.bg-primary {

    background-color: rgba(81, 67, 217,0.01) !important;

}
.text-primary {
     color: rgba(81, 67, 217,1) !important;
}
.shadow {
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15)!important;
}
.bg-card{
background-color: rgba(226,227,228,0.18);
  color: #057683;
}
ol.breadcrumb li.breadcrumb-item br{display:none}
li.breadcrumb-item br:after{content:' ';}
.sticky-button  {
	cursor: pointer;
	position: fixed;
	bottom: 25px;
	right: 10px;
 
	  background-color:#cdb04f;
    color:#000!important;
	border-radius: 5px;
	border: 1px solid #888888;

	font-size: 0.9rem;
	line-height: 1rem;
	outline: none;
	padding: 10px 10px;
	z-index: 99;
}
h2.h2title{color: #057683; font-size:2.5rem;font-weight:500}
  h3.home-subtitle {padding-bottom:0;color:#333;font-weight:500}
  
.section-title {color:#132553;font-size: 1.75rem;font-weight500}
  h4.section-title .text-muted{font-size: 1.5rem; font-weight:400}
 h4.section-title br{display:none;}
.section-subtitle{font-size:1.35rem; color:#333;font-weight:400}
.bg-blue h4 {color:#222;}
.bg-blue .h5 {color:#222;font-size: 1rem;margin-bottom:1rem
             }
.bg-white {background-color:#ffffff;}
.section-bg-green {background-color:#c9dbdd;}

.infobox {font-size: 98%;}	
a:link {color:#07426e; outline: none;}
a:visited {color:#07426e; outline: none;}
a:hover {color:#0561a6; outline: none; text-decoration:underline;}
a:active{color:#0561a6; outline: none;text-decoration:underline;}

.sec_content a:link {color:#0056b0; outline: none;  text-decoration:underline;}
.sec_content a:visited {color:#0056b0; outline: none;  text-decoration:underline;}
.accordion a:link,.accordion a:active {text-decoration:none;}
.rec-section h6.card-title, .covid-section h6.card-title, a h6.card-title, a.text-wrap, li.posteddate a:link    {color:#0056b0;text-transform:  uppercase;outline:none;}                       
                        
.border-green{border-bottom:#057683 4px solid;}


.border-dark {border-right:1px solid #132553;}
.border-btm-dark {border-bottom:3px solid #132553;}
.border-btm-thin {border-bottom:1px solid #132553;}
#members .card-title {font-size: 1.15rem;}

div.hr hr {
  display: none;
}
.lead {
    font-size: 1.1rem;
    font-weight: 400;
}
 #govQuote .blockquote  {font-size: 1.5rem;font-weight: 400;}                                                                                                              
.seal-img {width:80px!important;margin:0 auto;}

.bg-blue {background-color:rgba(75,100,166,0.3); padding:1.5em 0}
.bg-data {background-color:#13828f;}
.bg-blue-100 {background-color:rgba(75,100,166,1);color:#333; padding:1.5em 0}
.bg-teal-100 {background-color:rgba(187,215,218,1);color:#333; padding:1.5em}
.bg-teal-75 {background-color:rgba(187,215,218,0.5);color:#333; padding:1.5em}


   /*-------- Accordion-----*/
 #accordionTab {border-bottom:0}  
  #accordionTab .card {border:0 0 0px 0;}
  .dddaccHeader {background-color:#057683;}
  a.accordianDDDAnc:link,   a.accordianDDDAnc:visited,  a.accordianDDDAnc:hover,  a.accordianDDDAnc:active  {color:#fff;}   
   #accordionTab .card-body strong{color:#166f99;}
 #accordionTab .card-body {background-color:#fff;}
  .accordion a:link,.accordion a:active{text-decoration:none;}
.accordion a:link,.accordion a:active {text-decoration:none;}
                     
 .check-list {
  margin: 0;
  padding-left: 1.2rem;
}

.check-list>li {
  position: relative;
  list-style-type: none;
  padding-left: 2.5rem;
  margin-bottom: 0.5rem;
}

.check-list>li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #057683;
    transform-origin: bottom left;
    transform: rotate(45deg);
}
                       
 
 #features .card{
     position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:rgba(226,227,228,0.18);
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.099);
    border-radius: 0.5rem;
   }
#features .card-hover {border-color .2s ease-in-out,box-shadow .2s ease-in-out}
 #features .border-purple {border-top: 15px solid #322f79;}
 #features .border-red {border-top: 15px solid #A1262E;}  
 #features .border-blue {border-top: 15px solid #166f99;}
 #features a.border-purple {background-color: #322f79;color:#fff;border-top:none; padding-left:1.5em; padding-right:1.5em;}
  #features a.border-blue {background-color: #166f99;color:#fff;border-top:none;padding-left:1.5em; padding-right:1.5em;}
    #features a.border-red {background-color: #A1262E;color:#fff;border-top:none;padding-left:1.5em; padding-right:1.5em;}
#members   .card-link {background-color:#057683;color:#fff;border-top:none; padding-left:1.5em; padding-right:1.5em; text-decoration:none}
#features .card-footer{background-color:rgba(226,227,228,0);border-top:none;margin-top:none; } 
#features .card-body{padding-bottom:0}

/*------------------------------------------------------ */
/* Start Feature Section                              */
/*------------------------------------------------------ */


.services-section {
    padding-top: 80px;
    padding-bottom: 20px;
}
.feature-section {
    padding-top: 100px;
}

.feature fa{
    padding-bottom: 80px;
}

.feature {
    text-align: center;
}
.feature h6,
{
    font-size: 15px;
    color: #666;
    font-weight: 300;
    
}


.feature p, 
{
    color: #444;

    line-height: 20px;
    font-weight: 300;
}

.feature em,
 {
    font-size:2.5em;
    width: 80px;
    height: 80px;
   padding:25px;
    margin-bottom: 50px;
   position: relative;
     background: #5BB12F;
}

.feature em {
    color:#fff;
       background: #5BB12F;
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(2, 2, 2);
	-moz-transform: translate3d(2, 2, 2);
	-o-transform: translate3d(2, 2, 2);
	transform: translate3d(2, 2, 2);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}
.no-touch .feature:hover em,
	.no-touch .feature:active em,
	.no-touch .feature:focus em {		
		
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
}

.feature em {
    background: #5BB12F;
}

.no-touch .feature:hover em,
	.no-touch .feature:active em,
	.no-touch .feature:focus em {
        
        box-shadow: 0 0 0 0 #5BB12F;
}








.small{
  
font-size: 0.875em;                           
}

.tsocial {background-color:#0F3F61;color:#ffffff; }
.fsocial {background-color:#17548d;color:#ffffff; } 


                   
                   
                   
form.news .btn-sm {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;

    margin: 1px;
    background-color:#cdb04f;
    color:#000!important;
    font-weight:500;
    text-transform: uppercase;
 -webkit-font-smoothing;
    padding: 0.3rem 1.5rem;
   
    border-radius: 4px;
          font-size:98%;
}
 form.news .required {color: #6d2303;}                 
.nav-down {
    bottom: -40px;
}

strong {font-weight: 500;}
ul.check 
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.check {
  margin: 2em 0;
}

ul.check li {
  margin: 1em;
  margin-left: 3em;
}

ul.check li:before {
content: '✔';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #333;
  font-weight: 500;
}


.list-group.list-group-horizontal-md {
    display: flex;
    flex-direction: row;
}

.list-group.list-group-horizontal-md .list-group-item {
    margin-bottom: 0;
    margin-right: 0;
    border-right-width: 0;
  border:none;
  background-color: transparent!important;
}
 
ul.list-group.list-group-striped li:nth-of-type(odd){
    background: #fcfcfc;
}
ul.list-group.list-group-striped li:nth-of-type(even){
    background: #fff;
}
ul.list-group.list-group-hover li:hover{
    background: #fcfcfc;
}
ul .btn-sm, .list-group-striped.btn-link {padding-left:0!important;}
                  

@-moz-document url-prefix() {
    .date {
        padding: 0px 0 0 0;
    }
    .date p span {
    	padding: 2px 0 3px 0;
    }
}
                  
@media (max-width: 575.98px) { 
.border-dark {border-right:0 none;}
  .list-group.list-group-horizontal-md {
    display: flex;
  flex-direction: column;
}
   h2.home-subtitle {font-size:1.5rem!important;  padding-bottom:0;color:#01365e; line-height:1.5rem;}
   .lead {
    font-size: 1rem;
     line-height: 1.5rem;
   }
 h4.section-title {font-size: 1.4rem;}
  .text-muted {font-size: 1rem;margin-bottom:1.8rem;font-weight:400}
.h2title{font-size:1.6rem;}
  h5.section-subtitle{font-size:1.2rem;}
                     #members img.card-img-top {height:100%!important}
}


@media (max-width: 767.98px) { 
.border-dark {border-right:0 none;}
   .list-group.list-group-horizontal-md {
    display: flex;
  flex-direction: column;
}
 h4.section-title {font-size: 1.4rem;}
  .text-muted {font-size: 1rem;margin-bottom:1.8rem;font-weight:400}
.h2title{font-size:1.6rem;}
  h5.section-subtitle{font-size:1.2rem;}
     #members img.card-img-top {height:100%!important}
} 
 .card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 4;
  }
   @include media-breakpoint-only(md) {
    column-count: 2;
  }
  @include media-breakpoint-only(sm) {
    column-count: 1;
  }
} 
                      

@media (max-width: 575.98px) { 
.rec-section br {
    display: none;
}

  #news .row {padding-bottom:0!important;}
    .hotline .text-right {text-align:center!important;}
  .gov-bar ul .text-right {text-align:left!important;}
  #youth_board_app label{display:none;}
    .sonj-nav .navbar-nav li.nav-item{
  text-align:left;}
}


@media (min-width: 576px) and (max-width: 767.98px) 
{ .hotline .text-right{text-align:center!important;} h2.home-subtitle {font-zize:1.5rem!important}
  #news .row {padding-bottom:0!important;}
  .sonj-nav .navbar-nav li.nav-item{
  text-align:left;}
  #youth_board_app label{display:none;}
   .gov-bar ul .text-right {text-align:left!important;}
}


@media (min-width: 768px) and (max-width: 991.98px) { ... }


@media (min-width: 992px) and (max-width: 1199.98px) { ... }


@media (min-width: 1200px) { ... }