@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%;  
     }

a {
  color: #0065D1;
}

.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;

}
.alert-warning{
/*background-color: #ffcc33;*/
  font-size:102%;
color: #132668 !important;
font-weight:500;
border: 1px solid #ffcc33;

}
.alert-warning a:link{color:#0056b0; outline: none;  text-decoration:underline;}
#site-name .department {
    color: #13285f;
    font-size: 2.5rem;
    font-weight: 500;
}

.infobox {font-size: 98%;}	
a:link,{color:#132553; outline: none;}
#main-content a:link {text-decoration:underline;color:#132553;}
a:visited {color:#0056b0; outline: none;}
a:hover {color:#0a33be; outline: none; text-decoration:underline;}
a:active{color:#0a33be; outline: none;text-decoration:underline;}
.accordion a:link,.accordion a:active{text-decoration:none;}
         
.sec_content a:link {color:#0a33be; outline: none;  text-decoration:underline;}
.sec_content a:visited {color:#0a33be; outline: none;  text-decoration:underline;}
.sec_content a:hover {color:#0a33be; 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;}                       
.carousel-caption h2,h3.home-subtitle,card-title  {   color: #13285f;}    
.carousel-caption p.lead p,.carousel-caption p{ font-size:103%!important;}
/*h2.page-title{ width:100%; text-align:left; border-bottom: 1px solid #132668; line-height:0.1em; margin:10px 0 20px; } 
h2.page-title span { background:#fff; padding:0 1.5rem 0 0;font-size:2rem; font-weight:500 }*/
   h3.page-subtitle  {color:#132668;font-weight:500}                                              
h3.subtitle, h3.sec-subtitle{color:#132668;}

h3.sec-subtitle span { background:#fff; padding:0 1.5rem  0 0;font-weight:500 }
h2.sec-page-title {color:#333;margin-bottom:3rem;  font-size: 2.3rem; font-weight:500}
h3.sec-subtitle {width:100%; text-align:left; border-bottom: 1px solid #132668; line-height:0.1em; margin:10px 0 20px;color:#132668;margin-bottom:3rem;margin-top:3rem}
h3.home-subtitle{ width:100%; text-align:center; border-bottom: 1px solid #132668; line-height:0.1em; margin:10px 0 20px; } 
h3.home-subtitle span { background:#fff; padding:0 1.5rem;font-size:2rem; font-weight:500 }

.img-85 {max-height:85%;width:auto}

.table-striped th {background-color:#fef9ea}

.rec-section .rscSect_icon{color:#A89048;} 
.yellow {color:#a89048;}
.icon-dark-blue {color:#132553;}
.icon-gold {color:#A89048;}
.accordion-blue { color: #000;background-color:#fff;}
.bg-gray{ background: #fcfcfc;}

.border-color0 {border-top: 10px solid #A89048;}
.border-color1 {border-top: 10px solid #132553;}
#news .border-yellow {border-top: 10px solid #F2BE3D;}
.border-blue-dark {border-left:7px solid #132553;}
.border-gold-left {border-left:7px solid #A89048;}

.tsocial {background-color:#0F3F61;color:#ffffff; }
.fsocial {background-color:#17548d;color:#ffffff; } 
.dddaccHeader {}
.gray-bg {
    background-color:#E8EBEE;
}
  ul.custom_list, .custom_list ul {list-style: none}                         
.custom_list li::before {
                        }
.custom_list li::before { /* add the new bullet point */
  display: inline-block;
    content: '';
   /* -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;*/
    height: 0.45rem;
    width: 0.45rem;
    margin-right: 0.8rem;
    background-color: #f3c82f;
    vertical align:top;
  
 
}

.custom_list ul li::before { /* and another color */
  background-color: #ccc;
}

.custom_list li {
  text-indent: -0.75em; /* this is only needed if you want to align wrapped text */
   line-height:1.9rem;
}

.btn-gold {border: 0;
 
   
    margin: 1px;
    background-color:#ffcc33;
    color:#132668!important;
    font-weight:500;
  text-transform: uppercase;
 -webkit-font-smoothing;
    padding: 0.4rem 1.5rem;
   
    border-radius: 4px;
          font-size:99%;}
                   

                   
                   
                   
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;
}

.link {
  font-size: 0.45em;
}

.border-dark {border-right:1px solid #132553;}
.border-btm-dark {border-bottom:7px solid #006699;}



div.hr hr {
  display: none;
}
.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;}
                  
.date {
	width: 60px; height: 65px;
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
	.date p {
		font-family: Helvetica, sans-serif;
		font-size: 1.5em; text-align: center; color: #797777; 
            padding: 0px 0 0 0;
	}
	
	.date p span {
		background: #132553; 
		background: linear-gradient(top, #1e3c89  0%, #132553 100%);
		background: -moz-linear-gradient(top, #1e3c89  0%, #132553 100%);
		background: -webkit-linear-gradient(top, #1e3c89 %, #132553 100%);
		font-size: 0.8rem; font-weight: bold; color: #fff; text-transform: uppercase; 	
		display: block;
		border-top: 1px solid #132553;
		border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
	
		padding: 2px 0 4px 0;
	}

@-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;
}
}


@media (max-width: 767.98px) { 
.border-dark {border-right:0 none;}
   .list-group.list-group-horizontal-md {
    display: flex;
  flex-direction: column;
}
} 
 .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;
}
  h2.home-subtitle {font-size:1.7rem}
  #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;}
  h3.home-subtitle,   h3.home-subtitle span{line-height:1.2;font-size:1.6rem} 
  h3.sec-subtitle { line-height:1.2; }
  h4.card-title { line-height:1.2; font-size:1.4rem }
}


@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;}
    .hotline .text-right {text-align:center!important;} 
  #youth_board_app label{display:none;}
   .gov-bar ul .text-right {text-align:left!important;}
 h3.home-subtitle,   h3.home-subtitle span{line-height:1.2;font-size:1.6rem} 
  h3.sec-subtitle { line-height:1.2; }
  h4.card-title { line-height:1.2; font-size:1.4rem }
}


@media (min-width: 768px) and (max-width: 991.98px) { .carousel-caption h2{ line-height:1; } 
}


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


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