/*
* Created By: MDC Web Services
* Description: 
* Revised:
*/


/*Masthead Code*/

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/
    font-weight: normal;
    color: #243340;
    margin-top: 0;
}

h2 {
    font-size: 2em;
}

section:nth-child(even) {
    background-color: #fff;
    /*background-color: #f2f2f2;*/
}

.thumbnail h3 {
    font-size: 16px;
}

.break {
    display: block;
}

.highlight {
    color: #C9302C;
}

#siteNav {
    text-transform: uppercase;
}

#siteNav.navbar-default {
    background-color: #005dab;
}

#siteContent {
    margin-top: 0;
}

#siteContent .btn {
    white-space: normal;
}

#home h2:not(.sub-headline),
#home h3 {
    border-bottom: 1px solid #d7dbe0;
    margin-bottom: 1.2em;
    padding-bottom: 0.5em;

}

#siteNav {
    border-bottom: 0;
}

#home .navbar {
    margin-bottom: 0;
}

.title-name,
#intro .btn {
    border: 5px solid;
}

.title-name {
    background-color: #19243c;
    opacity: 0.9;
    margin: 2em auto;
    display: inline-block;
    padding: 1em 2em;
}

.title-name h1 {
    /*font-size: 24px;*/
    margin: 0;
    opacity: 1;
    text-transform: uppercase;
    color: #fff;
}

.title-name h1 span {
    color: #bebfbf;
}

.title-container {
    text-align: center;
}

.site-masthead {
    background-image: url("../img/site-bg2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1565c0;
    color: #fff;
}

.title-name.title-background span {
    background-color: rgba(0, 0, 0, 0.3);
    padding-left: 12px;
    padding-right: 12px;
}

#intro {
    text-align: center;
    background: url("../img/hero-bg.jpg");
    color: #fff;
}

#intro p {
    line-height: 1.5em;
}

#intro .btn,
.sub-headline {
    text-transform: uppercase;
    font-weight: bolder;
}

#intro .btn {
    letter-spacing: 2px;
    padding-top: 0;
    padding-bottom: 0;
    height: 5em;
}

.sub-headline {
    color: #fff;
}

.dt {
    display: table;
}

.dt a {
    display: table-cell;
    vertical-align: middle;
}

.vote-cta {
    display: table;
    width: 100%;
    margin: 2% 2% 0;
}

.vote-cta a {
    display: table-cell;
    vertical-align: middle;

}

.amendment-lead a {
    font-size: 20px;
}

.amendment-list .glyphicon {
    font-size: 1.5em;
    margin-right: 0.5em;
}

.amendment-list .glyphicon-thumbs-up {
    color: green;
}

.amendment-list .glyphicon-thumbs-down {
    color: #C9302C;
}

body.get-informed section {
    padding: 1em;
    margin: 1em auto;
}

body.get-informed .amendments.seven {
    border-color: #0d47a1;
    border-width: 2px;
}

.icon-set {
    margin-top: 1.0em;
}

.vote-icon {
    margin-top: 1.5em;
}

.register-link {
    font-size: 0.8em;
}

.register-link a:link, .register-link a:visited {
    color: #eee;
    text-decoration: underline !important;
}

.register-link a:hover, .register-link a:active, .register-link a:focus {
    text-decoration: none !important;
}

/*Banner: Vote together*/
#vote-together {
    background: url('../img/vote-together-bg.jpg') no-repeat 0 0;
    background-size: cover;
}

.banner {
    position: relative;
    overflow: hidden;
     /*text-shadow: 0px 4px 11.31px rgba(0, 0, 0, 0.58);*/
    color: rgb(255, 255, 255);
    text-align: center;
}

#home .banner h3 {
    line-height: 1.632;
    color: #000;
    border-bottom: none;
    text-transform: none;
    font-weight: bolder;
    margin: 0 auto;
}

.banner img.inline-bg {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.banner .content {
    background-color: #fd6567;
    color: #303030;
    font-size: 1.2em;
    max-width: 970px;
    z-index: 1;
    padding: 2em 3em;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}


.banner .content a.btn-primary {
    background-color: #fff;
    /*color: #337abd;*/
    color: #2A659D;
    border-color: #eee;
    font-size: 1em;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    white-space: normal;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    max-width: 450px;
}

.banner .content a.btn-primary:hover {
    background-color: #000;
    color: #eee;
    border-color: #000;
}

.banner .content p {
    margin-bottom: 1.2em;
}

.banner .content a {
    margin-bottom: 1em;
    /*color: #fff;*/
    color: #303030;
}

.banner .content span {
    font-size: 1.5em;
}

/*Social Media Feed*/

.powered-by {
    display: none !important;
}


#home .social-buttons {
    text-align: center;
    width: 100%;
}

#share h3 {
    text-align: center;
}

#home .social-buttons .at-share-btn {
    background-color: #000 !important;
    color: #fff;
}


/*Dates*/

.related-content dt {
    color: #C9302C;
}


.outline-section {
    display: block;
    /*border: 1px solid #ddd;*/
    text-align: center;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*Responsive Queries*/

@media (max-width: 349px) {
    #intro {
        font-size: 1.1em;
    }

    .headline {
        font-size: 1.3em;
    }

    .sub-headline {
        font-size: 1.6em;
    }
}

@media (min-width: 350px) and (max-width: 640px) {
    #intro {
        font-size: 1.3em;
    }

    .headline {
        font-size: 1.3em;
    }

    .sub-headline {
        font-size: 1.5em;
        /*font-size: 4vw;*/
    }
}

@media (min-width: 480px) and (max-width: 640px) {}

@media (max-width: 570px) {
    .dt {
        margin: 4% auto;
    }

    .banner .content {
        padding: 2em 1.5em;
    }

    .banner .content a.btn-primary {
        font-size: 0.9em;
    }

    #home .banner h3 {
        font-size: 1.25em;
    }

    #vote-together {
        /*height: 36em;*/
    }
}


@media (min-width: 571px) {
    .dt {
        float: left;
        width: 45%;
        margin: 2% 2% 0;
    }

    #vote-together {
        height: 34em;
    }

    .banner .content {
        padding: 2em 3em;
    }
}

@media (max-width: 640px) {
    .amendment-education section.col-sm-6 {
        width: 95%;
        margin: 1em auto;
    }

    .inline-bg {
        display: none;
    }

    .banner .content {
        margin: 1.5em auto;
    }
}

@media (min-width: 641px) {
    #intro {
        font-size: 1.5em;
    }

    .banner .content {
        position: absolute;
        /*width: 80%;*/
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        /*box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);*/
    }

    .tint {
        background-color: rgba(230, 208, 208, 0.5);
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    #intro {
        font-size: 1.3em;
    }

    #intro .btn {
        font-size: 0.8em;
    }

    .headline {
        font-size: 1.3em;
    }

    .sub-headline {
        font-size: 1.5em;
        font-size: 4vw;
    }

    .amendment-education section.col-sm-6 {
        /*width: 95%;*/
        margin: 1em auto;
    }

    .banner {
        height: 300px;
    }

    .banner img.inline-bg {
        width: auto;
        height: 100%;
    }

    .banner h3 {
        font-size: 2em;
    }


}

@media (max-width: 767px) {
    .site-masthead {
        padding: 10px 0;
    }

    #intro p+.sub-headline {
        margin-bottom: 1em;
    }

    .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

/*
  .title-area { 
    width: 100%; 
    position: relative;
  }
  */
  .title-container { 
    height: 100%;
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    display: table; 
  }

  /*
  .title-name {
    display: table-cell; 
    vertical-align: middle;
  }
  */

  /*#home .social-buttons {
        text-align: right;
   }*/


    #siteNav .navbar-nav,
    #siteNav .navbar-nav>li {
        float: none;
        text-align: center;
    }

    #siteNav .navbar-nav>li {
        display: inline-block;
    }

    #intro {
        font-size: 1.5em;
    }

    .banner h3 {
        font-size: 2.5em;
    }

}



/* Small devices (tablets, 768px and up) */

@media (max-width: 991px) {
    section {
        padding: 2em 0;
    }

    .video-wrap {
        margin-bottom: 2em;
    }

    .slimfit {
        width: 95%;
    }

    .related-content dt {
        font-size: 1.3em;
    }

    .banner .content {
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    /*
  .title-area { 
    height: 120px;  
  }
  .title-name h1 {
    font-size: 37px;
  }
  */
    #intro .btn {
        font-size: 0.7em;
    }

    .headline {
        font-size: 1.5em;
    }

    .sub-headline {
        font-size: 1.7em;
    }

    .amendment-education section.col-sm-6 {
        height: 27em;
        width: 46%;
        margin: 1em;
    }

    .amendment-list:after {
        content: "";
        display: table;
        clear: both;
    }

    .amendment-list .row {
        display: none;
    }

    #vote-together {
        /*background: url('../img/vote-together-bg.jpg') no-repeat 0 0;*/
        /*height: 34em;*/
    }

}

@media (min-width: 992px) {
    .title-name h1 {
        font-size: 2em;
    }

    .title-name h1 span {
        font-size: 0.8em;
    }

    .slimfit {
        width: none;
        /*width: 75%;*/
    }

    #intro {
        padding: 5em 0;
    }

    .headline {
        margin-bottom: 0;
    }

    .sub-headline {
        margin-top: 0;
        margin-bottom: .5em;
    }

    #intro .btn {
        padding-top: 0;
        padding-bottom: 0;
        height: 5em;
        font-size: 0.8em;
    }

    #about h2 {
        /*display: inline-block;*/
        clear: both;
    }

    article .content,
    .video-wrap {
        float: right;
    }

    .video-wrap {
        width: 50%;
        margin-left: 3em;
        margin-bottom: 1em;
        /*margin-top: 2em;*/
    }

    /*Get informed*/
    .amendment-education {
        margin: 1.2em auto;
    }

    body.get-informed section {
        /*height: 35em;*/
        /*
        height: 32em;
        padding: 1em;
        margin: 1em;
        margin: 1em 0.7477em;
        */
    }

    body.get-informed section .sect-contain {
        padding: 1.2em 1.2em 0;
    }

    /* .amendment-list section.three,
    .amendment-list section.six,
    .amendment-list section.nine,
    .amendment-list section.twelve {
        margin-right: 0;
    }*/
    .banner {
        /*margin: -1.5em auto;*/
    }

    .banner .content a.btn-primary {
        width: 65%;
    }

    #vote-together {
        /*background: url('../img/vote-together-bg.jpg') no-repeat 0 0;*/
        /*height: 36em;*/
    }
}

@media (min-width: 1025px) {
    .banner .content {
        width: 46%;
    }
}

@media (max-width: 1024px) {}

@media (min-width: 991px) and (max-width: 1024px) {}




/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199px) {

   
  .title-area { 
    height: 180px;  
  }
   /*
  .title-name h1 {
    font-size: 48px;
  }
  */
    section {
        padding: 3em 0;
    }

    .headline {
        font-size: 1.5em;
    }

    .sub-headline {
        font-size: 1.6em;
    }

    .related-content dt {
        font-size: 1.3em;
    }

    #home .social-buttons .at-share-btn {
        margin: auto 2%;
    }

    .amendment-education section.col-md-4 {
        /*width: 30.4%;*/
        width: 32.3%;
    }
}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

   
  .title-area { 
    height: 190px;  
  }
   /*
  .title-name h1 {
    font-size: 60px;
  }
  */
    section {
        padding: 4em 0;
    }

    .headline {
        font-size: 1.75em;
    }

    .sub-headline {
        font-size: 1.4em;
    }

    #home .social-buttons .at-share-btn {

        width: 15%;
        margin: auto 1%;
    }

    #home .social-buttons .at-share-btn .at-label {
        background-color: #000 !important;
        color: #fff;
        font-size: 16px !important;
        margin: auto 1%;
    }

    #home .social-btn-rounded .social-buttons .at-share-btn {
        text-align: center;
    }

    #home .social-btn-rounded .social-buttons .at-icon-wrapper {
        float: none !important;
        position: relative;
        top: 3px;
    }

    #home .social-btn-rounded .social-buttons .at-icon-wrapper svg {
        display: block;
    }

    #home .social-btn-rounded .social-buttons .at-share-btn {
        margin: auto 3%;
        width: 120px !important;
        border-radius: 120px !important;
        height: 120px !important;
        line-height: 120px !important;
    }

    .related-content dt {
        font-size: 1.5em;
    }

    .amendment-education section.col-md-4 {
        /*
        width: 30.9%;
        width: 31.5%;
        */
        width: 32.5%;
    }


}

@media (min-width: 1200px) and (max-width: 1400px) {}

@media (min-width: 1400px) {}

#home h3.sample-ballot {
    border-bottom: none;
    font-size: 20px;
    margin-bottom: .1em;
    color: #C9302C;
}

.early-vote-schedule .well {
    text-align: center;
    color: #fff;
    background-color: #03355b;
}

.early-vote-schedule strong {
    font-size: 30px;
    line-height: 31px;
    font-weight: 400;
}

.early-vote-schedule a {
    color: #fff;
}

.early-vote-schedule p {
    margin-bottom: 10px;
}

.early-vote-miami .well h3,
h4 {
    margin-top: 0;
}

.campus-maps .well strong {
    color: #C9302C;
    font-size: 16px;
}

.campus-maps h4,
h5 {
    margin-bottom: 4px;
}

/*Get informed*/
body.get-informed section {
    background-color: transparent;
    border: 1px solid #eee;
}

body.get-informed section .sect-contain {
    /*border: 1px solid #eee;*/
}

.getinformed-cta h3 {
    margin-top: 0;
}

.amendment-education h3,
h4,
h5 {
    margin-top: 0;
}

.getinformed-cta h3 {
    font-size: 24px;
    font-weight: 600;
}

.amendments h4 {
    font-size: 24px;
    margin-bottom: 4px;
    font-weight: 600;
}

.amendments h5 {
    font-size: 20px;
    text-transform: none;
}

.getinformed-cta .well {
    background-color: #fff;
}

.amendment-education .well {
    background-color: #fff;
}

.amendment-7 {
    font-size: 22px;
    margin-top: 1em;
}
/*NVRD*/
.campus-activities h4 {
    font-weight: bold;
    font-size: 22px;
}
.campus-activities h5 {
    font-weight: bold;
    text-transform: none;
    margin-top: 12px;
}


.embed-responsive-16by9 {
    margin-top: 20px;
    margin-bottom: 20px;
}