/* Navbar */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,500,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700italic,700,600italic,600);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,900,800);
@import url('https://fonts.googleapis.com/css?family=Courgette|Nothing+You+Could+Do');
/* navbar */

a {
    transition: all 0.5s ease 0s;
}

h1 {
    font-size:2.2em;
}

body {
  background-color:#f8f8f8;
}


hr {
    border-top: 1px solid #ddd;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}

.region-first-left-half,
.region-first-right-half,
.region-left-half,
.region-right-half {


  border-top: 1px solid #0a335d;
  padding: 10px;
  margin-top:5px;
}

.embed-responsive-item {
    padding: 15px;
}



.breadcrumb {
    background-color: #777;
    margin-top:25px;
}

.breadcrumb .active {
    color: #f8f8f8;
}

.mainHead {
    background: url('https://www.charlestonwv.gov/sites/default/files/homepage/bigHeadBackBlue.jpg') no-repeat center center;
    background-size: cover;
    margin-top:-20px;
    border-bottom:3px solid #0a335d;
}

.carousel-inner .item {

    border: 2px solid #f8f8f8;


}



.carousel {
    margin-top:45px;
    margin-bottom:45px;
}

.carouselBack {
    border-radius: 10px;
    margin-bottom: 10px;
}

.carouselBack h1 {
    font-weight: 500;
    padding-top:5px;
    margin-top:0;
    text-shadow: 2px 2px 2px black;
}

.carousel-caption .btn {
    margin-bottom: 15px;
}

.carousel-caption {
    bottom: -50px;
    display:none;
}

.carousel-caption h1 {
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}

.headlinePic img {
    border-radius: 36px 0px 36px 0px;
-moz-border-radius: 36px 0px 36px 0px;
-webkit-border-radius: 36px 0px 36px 0px;
}

@media(max-width: 768px) {
    .carousel-caption h1 {
        font-size: 1.4em;
    }

    /*.carousel-indicators {
        display:none;
    }

    .carousel {
        max-height:250px;
    } */

    .headlinePic img {
        max-width:100px;
        max-height:100px;
    }
}

@media(max-width: 480px) {

    .headlinePic {
        display:none;
    }
    .carousel-caption {
        display:inline;
    }
}

.carousel-indicators li {
    width: 15px;
    height:15px;
    border:1px solid #fff;
}

ol .carousel-indicators {
    margin-top: 55px;
}

.carousel-indicators .active {
    background-color:#fff;
    width: 15px;
    height:15px;
}

.carousel-indicators {
    bottom: -50px;
}

.headlinePic img {
    border-left: 2px solid #0a335d;
}

/* Council styles */
.councilRow {
    color: #444;
}

.councilRow img {
    border-left: 1px solid #0a335d;
}

/*   footer  */

footer {
    background-color:rgb(10,51,93);
    background-size: cover;
    background-width:100%;
}

.footer {
    border-top:5px solid #0a335d;
}

footer li,
footer h4,
footer h2,
footer p {
    color: #f8f8f8;
    font-family: 'Open Sans', sans-serif;
}

.footLeft {
    border-right: 1px solid #f8f8f8;
}

.footLeft img {
    padding-bottom:5px;
    max-height:175px;
}

.footLeft h4 {
    color: lightblue;
}

.lowFoot img {
    margin: 25px auto;
}

.blockBorder {
    border-right: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
}

.upperSpace {
    margin-top:25px;
    padding:15px;
}

.bottomSpace {
    margin-top:25px;
}

.lowerFooter {
    margin-top:25px;
    //background-color:rgba(0,0,0,.5);
    border-top: 1px solid #f8f8f8;
}

.lowerFooter p {
    padding-top:15px;
}

.lowerFooter cite {
    color:#f8f8f8;
}

.footBPic img {
    margin:0 auto;
    padding-top:25px;
}

.thumbs img {
    padding:5px;
    border:1px solid #ccc;
    border-radius:4px;
}



/* homepage */
.homeBlock img {
    border-left: 2px solid #0a335d;
}


.homeBlock h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 500;
}

.homeBlock hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.homeBlock a:hover {
    text-decoration:underline;
}

.serviceBlock {

}

.serviceBlock h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}

.serviceBlock img {
    border: 1px solid #CCC;
}



@media(max-width: 768px) {
    .serviceBlock img {
    max-width: 300px;
}

}

@media(max-width: 400px) {
    .serviceBlock img {
    max-width: 200px;
}

}

#block-sidetestblock {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
}


.newsTitle {
    margin-top:5px;
}

.region-first-left-half .block-title,
.region-first-right-half .block-title,
.region-left-half .block-title,
.region-right-half .block-title {
   /*
    background-color:#e7e7e7;
    border-radius:5px;
    border-bottom:1px solid #0a335d;
    color: #444;
    padding:10px 5px;
    font-weight: 400;
    font-size: 1.6em;
   */
    font-family: 'Open Sans', sans-serif;
    color: #444;
    padding:0 5px;
    font-weight:400;
    font-size: 2.0em;
    margin-top: 5px;


}

.serviceSpace {
    margin-bottom: 15px;
    border-right: 2px solid #e7e7e7;
}

@media(max-width:768px) {
    .serviceSpace {
        border-right:none;
    }

    .footLeft {
        border-right:none;
    }
}

.field--name-node-post-date {
    font-style: italic;
    font-weight: 600;
}

.field--name-field-council-member,
.field--name-field-council-member-contact-inf,
.field--name-field-council-email,
.field--name-field-committeelist {
    margin-bottom:25px;
}

.media i {
    color: #333;
    transition: all 0.5s ease 0s;
}

.media i:hover {
    color: #0a335d;
}

.media-heading a:hover,
.serviceSpace a:hover,
.serviceSpaceRight a:hover {
    text-decoration: underline;
}

/* pages */

.page-header {

    border-radius: 5px;
    border-bottom:1px solid #777445;
    padding-top:15px;
    font-weight: 400;
}

.field--name-field-news-image img,
.mayorPic img {
    margin-bottom: 10px;
    margin-top:10px;
    border-left: 2px solid #0a335d;
}

.newsTitle {
    font-size: 1.2em;
}

/*  List styles */

li a {
    color: white;
}

.node-readmore a {
    color:#337ab7;
}

.socialMedia i {
    color: #f8f8f8;
    transition: all 0.5s ease 0s;
}

.socialMedia i:hover {
    color: #0a335d;
}

/*  small slider */

#carousel-custom img {
    width:100%;
    max-width:500px;
    border-left: 2px solid #0a335d;
    transition: all 0.5s;
}

#carousel-custom img:hover {
    opacity: 0.5;
}

#carousel-custom .carousel-inner {
    max-height:250px;
}


#carousel-custom {
    margin: 0 auto;
    max-width: 500px;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}

/*  Meetings  */

.meetingCol {

}

.meetingRow .field-content a {
    font-weight:600;
    font-size:1.4em;
}

.meetingRow .field-content p {
    padding-bottom: 5px;
}


.meetingRow {
    margin:25px;
    border-left: 1px solid #fff;
    padding:15px;
}

/*  Life Page  */

.lifePage img {
    border-left: 4px solid #0a335d;
    border-bottom: 4px solid #0a335d;
}

.lifePage {
    margin-bottom: 15px;
}

/* documents */

.file>span {
    border:none;
    background:#f8f8f8;
}


/*  side Lists */

.sideList a {
    color: #444;
}

.sideList a:hover {
    text-decoration:underline;
}


/*  background pics */

.boatHeader {
    background: url('https://www.charlestonwv.gov/sites/default/files/homepage/boatingBack.jpg')no-repeat bottom center;
    max-width:100%;
    height: auto;
    padding:20px;
    border-radius:10px;
}



.deerHeader {
    background: url('https://www.charlestonwv.gov/sites/default/files/homepage/deerPage.jpg')no-repeat center center;
    max-width:100%;
    height: auto;
    border-radius:10px;
}

.mayorHeader {
    background: url('https://www.charlestonwv.gov/sites/default/files/homepage/mayorBack.jpg')no-repeat center center;
    max-width:100%;
    height: auto;
    border-radius:10px;
}

.specPageHeader h4 {
    color:#f8f8f8;
    text-shadow: 2px 2px 1px black;
    font-weight:600;
    padding:50px 0 50px 10px;
}

.list-group-item:last-child {
    margin-bottom:-1px;
}

.region-sidebar-second .block-title {
    text-shadow: 0 -1px 0 #286090;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
    background-repeat: repeat-x;
    border-color: #2b669a;

    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    color:white;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1.3em;
}

.region-sidebar-second .list-group-item a:hover{
    text-decoration: underline;
}

.region-sidebar-second .list-group-item a {
    color:#444;
}


.pageImages img {
    border-left: 2px solid #0a335d;
    border-bottom: 2px solid #0a335d;
}

/*recycling */
.recyclingYes {
    color:green;
}

.recyclingNo {
    color:red;
}

/*B&W*/
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.bw:hover {
  -webkit-filter: grayscale(100%);
}

/* work pages */

.hint {
    background-color:#ccc;
    padding:15px;
    margin-bottom:15px;

}

.step {
    border: 5px solid orange;
    padding:15px;
    margin-bottom:15px;
}

.step h2 {
    color:orange;
    font-weight:800;
    margin-top:5px;
}

.step h3 {
    color:#0a335d;
    font-weight:700;
    margin-top:0;
}

.hint h4 {
    margin-top:5px;
    font-weight:600;
}

.grow:hover {
    transition:all 0.3s ease;
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.grow {
    transition:all 0.3s ease;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}


li h3 a {
    color:#337ab7;
}

.pager li > a,
.pager li > span {
  background-color: #777;
}

/*  front blue block */
.frontBlueBlock {
    background: url(https://www.charlestonwv.gov/sites/default/files/homepage/2017-12/blueBlock4.jpg) no-repeat bottom center fixed;
    background-size: cover;
    background-width: 100%;
    margin-top:50px; margin-bottom:50px;
}

.frontBlueBlock a,
.frontBlueBlock i,
.frontBlueBlock p {
    color:white;
}

.frontBlueBlock .block-title {
   color: #fdfdfd;
    font-weight:400;
    font-family: 'Open Sans', sans-serif;
}

.list-groupBlue {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    /* background-color: #fff; */
    border-bottom: 1px solid #ddd;
}

.list-charevent {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  border-bottom: 1px solid #ddd;
}


.frontBlueBlock .field.field--name-field-event-date.field--type-datetime.field--label-hidden.field--item {
    color: #fdfdfd;
    font-style:italic;
    font-weight:600;
}

.frontBlueBlock a,
.frontBlueBlock i,
.frontBlueBlock p {
  color:white;
}

.frontBlueBlock .block-title {
  color: #fdfdfd;
  font-weight:400;
  font-family: 'Open Sans', sans-serif;
}

.frontBlueBlock .field.field--name-field-city-event-date.field--type-datetime.field--label-hidden.field--item {
  color: #fdfdfd;
  font-style:italic;
  font-weight:600;
}

.frontBlueBlock img {
  border: 1px solid #f8f8f8;
  padding: 3px;
}

.form-group {
  margin-top:30px;
}

.block-views .form-group {
    margin-top:0;
}

/* page header */
.pagehead .container-fluid {
    padding-left: 0;
    padding-right:0;
}


.pagehead h2 {
    color:#fdfdfd;
    text-shadow: 1px 1px 1px #222;
}




.lw { width: 100%; background-color: rgba(0,0,0,0); overflow: hidden; }

.lw a { text-decoration: none; color: #f8f8f8; }

.lw a:hover { text-decoration: underline; color: #444; }

#lwe { list-style: none; padding: 0; max-width: 960px; color:#f8f8f8;}

.lwe { margin: 5px 0; font-size: 14px; background: rgba(0,0,0,0); overflow: hidden; }
.lwe { padding: 10px 20px; overflow: hidden; vertical-align: text-top; }

.lwi1 { display: block; float: left; overflow: hidden; max-width: 35%; position:relative; }
.lwl0 { font-size: 12px; text-transform: uppercase;  }

.lwi1 a img { top: 50%; left: 50%; margin-right:15px; position:relative; transform: translate(-50%, 0%); height: 80px; width:auto;}


.lwn a { color: #f8f8f8; font-weight: bold; line-height: 16px; font-size:14px; overflow:hidden; }
.lwn a:hover { color: #fff;}

.lwn0 { font-size: 16px; text-transform: uppercase;  }