@import url("//fonts.googleapis.com/css?family=Abhaya+Libre:400,700|Roboto:300i,400,400i,700");
@import url(//use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous");
        
h2 {border-bottom: none !important;}

button.btn a {
    color: #fff;
}

footer .footer-brand, footer .footer-nav, footer .footer-subscribe {float: left; }

.footer {display: block; height:auto;}

footer .footer-subscribe .form label {font-weight: normal; padding-left: 0; margin-left: 0;} 

div#WTZone12_Page1 {
    width: 100%;
}

input.form-control {line-height: normal !important;}

a.UtilitySection.UtilityAuthenticationLink {
    margin-right: 3em;
}

.top-nav a, .top-nav li, .pre-header .container {line-height: 1;}

.breadcrumb span.Disabled {display: none;}
.breadcrumb span {margin-right: .5em;}

.pre-header {padding: 18px 0 !important;}

.grid .row {margin-bottom: 50px;}

.rmSlide, .rmVertical.rmGroup.rmLevel1 {
    padding: 0px !important;
}

#page-title .center,
.ImageLink img {margin: auto;}


/*Navigation*/
.main-nav {display: block;}

.RadSiteMap .rsmLink {color: #ade5fc !important; }

@media (min-width: 1220px) {
  .main-nav > ul > li:hover {
    background: #006993; }
    .main-nav > ul > li:hover > a {
      color: #fff;
      text-decoration: none; }

.main-nav li ul a {width: 100%;}	  }


.sub-nav-head {
  color: #006993;
  font-family: "Abhaya Libre",serif;
  font-weight: 700;
  font-size: 28px;
  padding: 37.5px; }

.sub-nav-body {
    padding: 0 37.5px;
}

.rtSelected, .rtHover{color:#08c6aa;font-style:italic;text-decoration:none;padding-left:1.5em}

.rtSelected:before, .rtHover:before {
    content: '\f105';
    font-family: 'Font Awesome 5 free';
    font-weight: 700;
    left: 0;
    font-style: normal;
    padding-left: 0 !important;
}

.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {
    padding: 1em !important;
    border-bottom: solid 1px #e2e8cc;
}

.RadMenu .rmItem a.rmLink,
.RadSiteMap .rsmLink {
    padding: .5em !important;
}

.RadMenu .rmHorizontal .rmText {
    padding: 0 0 0 0 !important; 
}

/*End Navigation*/


.search-field {
    background-image: none;
	background-color: #004d6c;
    background-position: 7px -16px;
    /* padding-left: 28px !important; */
    color: #fff !important;
	font-style: italic;
    height: 50px !important;
    border-color: #004d6c;
}

#SimpleSearchBlock input[type="text"] {height: 50px; width: 300px; border: none;}

input#ctl01_ciUtilityNavigation_ctl13_GoSearch {
    background-color: #009fc3;
    width: 50px;
    height: 100%;
    color: #fff;
    border: none;
    font-size: 18px;
    font-weight: bold;
}
input, button, select, textarea {
    font-family: inherit;
}

.col-sm-12.landing-nav {
    margin-top: -50px;
    margin-bottom: 75px;
}

.row {margin-bottom: 0px;}
/*.page-heading {text-align: center;}*/

.plain-sidebar h2 {margin-bottom: 0px;}

div#ste_container_ciOBO {display: none;}

 .card-grid-2up .col-sm-6.card-grid-item:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
}
.card-grid-2up .col-sm-6.card-grid-item {
    width: 48.5%;
    margin-left: 3%;
    margin-bottom: 3%;
}

#masterHeaderBackground, .header {border-bottom: none;}

li.card-grid-item {
    text-align: center;
}

.main-nav ul .rmSelected {color:#08c6aa; border-color:#08c6aa}

.card-grid-item a.LabelLink {
    
    text-align: left;
	color: #132f3d;
}

@media (max-width: 767px) {
  .navbar {
    background-color: inherit;
  }
}

.navbar-collapse, .searchbar-collapse {
  background-color: inherit;
}


@media (min-width: 1120px) {
footer .footer-subscribe {
    margin-left: 25%;
}
}

/*Events*/
.PhotoArea img {
    width: 100% !important;
}
/*Officers*/
.officers-list-section-list-item img {
    height: 250px !important;
    width: auto !important;
}

/*TaggedList*/
span.tagImage {
    display: none;
}

/*carousel*/

.carousel-caption {
    
    z-index: inherit;
    padding-top: inherit;
    padding-bottom: 20px;
    color: inherit;
    text-align: inherit;
    text-shadow: inherit;
}

.carousel-inner {overflow: inherit;}

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, 
.carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
    color: #006993;
}
@media (min-width: 768px) {
.carousel-caption {
    left: inherit;
    right: inherit;
    padding-bottom: inherit;
}
}

.landing-carousel-item-text p {
  margin-bottom: 0; }

  

@media (min-width: 600px) {
  .has-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .has-filter .selectric-category-filter {
      margin-left: auto;
      width: 250px; }
      .has-filter .selectric-category-filter .selectric {
        margin-top: 0; } }

.landing-carousel {
  margin-bottom: 50px; }
  .landing-carousel .landing-carousel-item {
    position: relative; }
  .landing-carousel .landing-carousel-item-text {
    background: #fff;
    border-bottom: solid 1px #e2e8ec;
    padding: 25px 0 50px;
    position: relative;
    text-align: center; }
  .landing-carousel .slick-dots {
    position: absolute;
    bottom: 12.5px;
    text-align: center;
    width: 100%; }
    .landing-carousel .slick-dots li {
      display: inline-block;
      margin-left: 8px; }
      .landing-carousel .slick-dots li.slick-active button {
        background: #08c6aa; }
    .landing-carousel .slick-dots button {
      border: 0;
      background: #006993;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      text-indent: -999999px;
      padding: 0;
      cursor: pointer; }
  @media (min-width: 900px) {
    .landing-carousel img {
      margin-bottom: 50px; }
    .landing-carousel .landing-carousel-item-text-wrapper,
	.landing-carousel .carousel-caption	{
      position: absolute;
      bottom: 0;
      width: 100%; }
    .landing-carousel .landing-carousel-item-text {
      margin: 0 50px;
      padding: 25px;
      padding-right: 100px;
      text-align: left; }
    .landing-carousel .slick-dots {
      top: 80%;
      bottom: auto;
      width: auto;
      right: 75px; } 
	  
	  .carousel-caption {margin-bottom: -50px;}
	  
	  }

#ste_container_ciNewsLanding .panel-body .TaggedListPanel div:last-child {
    clear: both;
}

#ste_container_ciUpcoming .panel-body li.card-grid-item {
    text-align: left;
}

#ste_container_ciUpcoming .panel-body li.card-grid-item .ImageLink {display: none;}

/*grid colors*/

.RadScheduler_Metro .rsHeader {
    border: 1px solid #009fc3!important;
    color: #fff;
    background-color: #009fc3!important;
}

.officer-list, .officers-list h3, .officers-list p {text-align: center;}

.RadScheduler .rsCategoryGreen .rsAptContent, 
.RadScheduler .rsCategoryGreen .rsAptIn, .RadScheduler 
.rsCategoryGreen .rsAptMid, .RadScheduler .rsCategoryGreen .rsResourceMarker {
border-color: #08c6aa!important;
background-color: #f2f7fa!important;
}

@media (min-width: 1220px) {
.navbar-toggle {
    display: none;
}
}

@media (max-width: 1219px) {
.RadMenu .rmHorizontal .rmItem {
    clear: both !important;
}
.RadMenu, li.rmItem,
.RadMenu .rmLink {
    width: 100% !important; 
}
.UtilitySection.UtilityNavigationToggle {
    position: absolute;
    right: 0;
    padding-right: 20px;
	display: block !important;
}
}

div#masterContentArea {
    margin-bottom: 50px;
}

.ContentPageFooter span {
    padding: 10px 20px;
	margin-right: 10px !important;
    border: 1px solid #009fc3;
}

.ContentPageFooter span:first-child,
.ContentPageFooter span:last-child {
    border: none;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    *margin-top: 0;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}

.PanelField label,
.PanelFieldValue label {
    display: inline;
}

.card-grid-item {
    height: 285px;
}

@media (min-width: 800px) {
	.narrow-container .card-grid-item .img-right {
		margin-left: 1em;
}
}