@charset "utf-8";
/* CSS Document */
/*  
Dark background color  		#33363b
Active background color  	#575e68
Highlight color 					#a8a8aa
*/

body { padding-top: 0rem; font-family: sans-serif; }

.img-fluid				{ max-width:100%; height: auto; flex-shrink:0; }	

a:hover, a:focus 	{ color: #4676fa; }
a 								{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}

h1,
h2,
h3,
h4,
h5 								{font-family: sans-serif; font-weight: 600; letter-spacing: 1px; }

#services h4, 
.connect h4, 
#topics h4, 
#resources h4, 
#govnt h4, 
.mas h4 					{ padding-bottom:1em; padding-top:1em;}

h2 								{ padding:  0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}

#govnt, #topics, #connect, #resources, #services .card{ padding-top:0;font-size: 100%;  }
#resources .popular:hover {  -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow:inset 0 0 0 8px rgba(38,65,101,.4); box-shadow:inset 0 0 0 8px rgba(38,65,101,.4);
}

.bg-grey 			{ background-color: #a8a8aa;}		
.header-grey 	{ color: #33363b; padding-top: 35px; padding-bottom: 40px; font-weight:600; webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

#govnt h4 { color: #33363b; font-weight: 700;}
#govnt h5 { font-weight:600; }

#govnt .card {margin-bottom: 35px; padding-bottom: 5px;}
#govnt .card-block, #govnt .card-header, #services .card-header { border: none !important; padding: 0;}
#govnt .card-block {}
#services .card-header  {border: none !important; padding: 0; margin:0;}
#govnt .card-header, #govnt .card-title { padding:0 !important; margin-bottom: 10px; margin-top: 10px; background-color:#fff; color: #33363b;}
#services .fa, #connect .fa, #govnt .fa {
	line-height: inherit;
	color: #fff;
}
#services .card-footer { margin-bottom: 35px;}

.circle-icon 			{ background: #33363b; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; vertical-align: middle; font-size:1.3em; margin:0px auto 20px auto; margin-top: -30px;color: #fff; }
.circle-icon:hover { background: #575e68; }

#govnt .circle-icon 			{ background: #33363b; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; vertical-align: middle; font-size:1.3em; margin:0px auto 20px auto; margin-top: -30px;color: #fff; }
#govnt .circle-icon:hover { background: #575e68; }

#govnt .fa, #services .fa, #connect .fa,  { line-height: inherit; color: #fff;}
#govnt a { color:#000000 !important; }

#govnt row { margin: 0 auto 0 auto; }


.caption { padding-bottom: 15px;}

td.socialmedia .circle-icon 			{ background: #575e68; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 50px; vertical-align: middle; font-size:1.3em; margin:0px auto 0px auto; color: #fff; }
/*td.socialmedia .circle-icon:hover { background: #575e68; }*/
td.socialmedia .facebook .circle-icon a.:hover  				{ background-color: #3b5999; }
td.socialmedia .circle-icon a.fa-twitter:hover 					{ background-color: #5eaade;}
td.socialmedia .circle-icon a.fa-linkedin:hover 				{ background-color: #0177b5;}
td.socialmedia .circle-icon a.fa-instagram:hover 				{ background-color: #a67459;}

td.socialmedia a:hover 						{ text-decoration:none;}	



/*  ##################################################################################################  */

.dos-event + .dos-event {
  padding-top: 2em;
}

.dos-event {
  margin-bottom: 25px;
 /* background: #fafafa;*/
}

.dos-event .row {
  padding: 25px 10px;
  margin: 0;
  border: solid 1px #0a0a0a;
	border-radius: 10px;
  /*border-bottom: none; */
}

.dos-event-date {
  text-align: center;
}

@media screen and (max-width: 39.9375em) {
  .dos-event-date {
    font-size: .8rem;
  }
}

.dos-event-date span {
  display: block;
  text-transform: uppercase;
}

.dos-event-flag {
  color: #c8922b;
  font-size: .9em;
  font-weight: 600;
}

.dos-event-month {
  color: #33363b;   /*#c8922b;*/
  font-size: .9em;
  font-weight: 700;
}

.dos-event-day {
  font-size: 3.5em;
  line-height: 1.1em;
  font-weight: 600;
}

.dos-event-year {
  font-size: .9em;
}

.dos-event-division {
  font-weight: bold;
	font-size: 1.2em;
}

.dos-event-time {
  font-size: .9em;
}

.dos-event-time .fa {
  color: #33363b;   /*#c8922b;*/
  font-size: 1.25em;
}

.dos-event-title {
  font-weight: bold;
}

.dos-event-title .fa {
  font-size: 75%;
  margin-left: 10px;
}


.dos-event-shareBar {
  border: solid 2px #3141eb;   /*#c8922b;*/
  padding: 10px 20px;
}

@media screen and (max-width: 39.9375em) {
 .dos-event-shareBar {
    padding: 10px;
  }
}

.dos-event-shareBar .share-title {
  font-size: .8em;
}

.dos-event-shareBar .pull-right span {
  display: inline-block;
  margin-top: 3px;
  margin-left: 8px;
}

.dos-event-shareBar .pull-right a {
  color: #c8922b;
  font-size: .9em;
}

.dos-event-shareBar .fa {
  font-size: 1.25em;
  color: #c8922b;
  margin-right: 10px;
}

@media screen and (max-width: 39.9375em) {
.dos-event-shareBar .fa {
    font-size: .8em;
    margin-right: 5px;
  }
}

.dos-event-shareBar .cal-link {
  margin: 0;
}

.dos-event-shareBar .cal-link a {
  font-size: .8em;
  display: inline-block;
  margin: 0;
  float: none;
  color: #c8922b;
  background: none;
}

.dos-event-shareBar .cal-link .fa {
  color: #192857;
}

.dos-event-top .cal-link .fa {
  font-size: .8em;
  display: inline-block;
  margin: 0;
  float: none;
  color: #c8922b;
  background: none;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXX  Panal Styles XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.panel-half .panel-heading 	  { color: #fff; background-color: #33363b; }
.panel-half .panel-heading 	a { color: #fff; background-color: #33363b; }
.panel-half .panel-heading 	small { color: #fff; background-color: #33363b; }
.panel-half             		  { border-color: #33363b; }