/*
Theme Name: Bevin 2017
Theme URI: Kentucky.gov
Author: The Kentucky Interactive Team
Author URI: http://www.kentucky.gov
Description: This is a custom made template for Governor Matthew Bevin
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Custom made and crafted for Governor.ky.gov
Text Domain: blank
*/


/* wordpress tweaks */

.admin-bar .navbar {
    margin-top: 0px;
    border-radius: 0;
}

.not-visible {
    visibility: hidden;
}
/* Base */

@media only screen and (min-width: 100px) {
    body {
        font-family: 'Rubik', sans-serif;
        color: #666666;
        font-size:15px;
        line-height:24px;
        font-weight:400;
        font-style: normal;
    }
    h1,
    h3 {
        font-family: 'PT Serif', serif;
    }
    .breadcrumbs {
        -webkit-animation-delay: 0.6; /* Safari 4.0 - 8.0 */
        animation-delay: 0.6s;
    }
    h1 {
        color: #031927;
        font-weight: 700;
        font-size: 36px;
        -webkit-animation-delay: 0.7; /* Safari 4.0 - 8.0 */
        animation-delay: 0.7s;
    }
    .mainContent {
        -webkit-animation-delay: 0.825; /* Safari 4.0 - 8.0 */
        animation-delay: 0.825s;
    }
    .relativeContent {
        -webkit-animation-delay: 0.95; /* Safari 4.0 - 8.0 */
        animation-delay: 0.95s;
    }
    .relativeContent img {
        width:100%;
        height:auto;
        max-height:auto;
    }
    .homepage-middle .col-sm-5,
    .homepage-middle .col-sm-7 {
        -webkit-animation-delay: 0.7; /* Safari 4.0 - 8.0 */
        animation-delay: 0.7s;
    }
    h2 {
        color: #666;
        font-weight: 300;
        font-size: 22px;
    }
    h3 {
        color: #031927;
        font-weight: 700;
        font-size: 28px
    }
    h4 {
        color: #031927;
        font-weight: 700;
        font-size: 16px
    }
    h5 {
        display: inline-block;
        border-top: 6px solid #9dd1f1;
        margin-bottom: 20px;
        color: #031927;
        padding-top: 10px;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-top: 25px;
    }
    blockquote {
        font-family: 'PT Serif', serif;
        border-left: none;
        background: transparent;
        color: #031927;
        border-top: 1px solid #BA1200;
        border-bottom: 1px solid #BA1200;
        font-size: 30px;
        line-height:30px;
        font-weight: 700;
        padding: 30px 0;
        width:75%;
    }
    blockquote:before {
        content: '\201C';
        margin-right: -15px;
        position: relative;
        right: 15px;
    }
    blockquote:after {
        content: ' \201D';
        margin-left: -15px;
        position: relative;
        left: 10px;
    }
    .hero .well.quote h1 span {
        display:block;
    }
    .hero .well.quote h1 span:before {
        content: '\201C';
        position: relative;
        margin-right: -18px;
        right: 18px;
    }
    .hero .well.quote h1 span:after {
        content: ' \201D';
        margin-left: -15px;
        position: relative;
        left: 0px;
    }
    blockquote p {
        display:inline;
        margin-bottom: 0;
    }
    p {
        margin-bottom: 30px;
    }
    p a {
        color: #BA1200;
        text-decoration: underline
    }
     a.link-primary,
    .link-primary {
        display: inline-block;
        color: #031927 !important;
        font-weight: 700 !important;
        border: 2px solid #BA1200 !important;
        padding: 16px 40px !important;
        text-align: center !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        box-shadow: inset 0 0 0 1px #BA1200 !important;
        margin-bottom:15px !important;
        background:transparent !important;
        transition: .2s;
        position: relative !important;
        z-index:1;
    }
    a.link-primary:hover,
    a.link-primary:focus,
    .link-primary:hover,
    .link-primary:focus {
        box-shadow: inset 0 0 0 2px #BA1200 !important;
        color:#fff !important;
    }
    a.link-primary:before,
    .link-primary:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scale(0, 1);
        transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
        background: #BA1200;
        content: '';
        transform-origin: right top;
        z-index:-1;
    }
    a.link-primary:hover:before,
    a.link-primary:focus:before,
    .link-primary:hover:before,
    .link-primary:focus:before {
        transform: scale(1, 1);
        transform-origin: left top;
    }
    a.link-primary:active,
    .link-primary:active {
        color: #fff !important;
        background: #BA1200 !important;
    }

    p.lead,
    div.lead {
        margin-bottom:35px;
        max-width:800px;
    }
    /* breadcrumb */
    .breadcrumbs > span a {
        color: #031927;
        font-weight: 500;
    }
    .breadcrumbs > span:last-of-type a {
        color: #BA1200;
    }
    /* navigation */
    .navbar .caret {
        display: none;
    }
    .navbar {
        background: #031927;
        border: 0;
        height: auto;
        margin-bottom: 0;
        border-bottom: 1px solid #031927;
    }
    .container-fluid>.navbar-header,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
    }
    .navbar-toggle {
        padding: 9px 15px;
        margin: 12px 0px 12px 9px;
    }
    .navbar-toggle i.fa {
        color: #fff;
        font-size: 28px;
    }
    .navbar .navbar-brand {
        height: auto;
        background: #031927;
        color: #fff;
        font-size: 33px;
        border-left: 9px solid #BA1200;
        padding: 11px 17px 15px 20px;
        font-weight: 300;
    }
    .navbar .navbar-brand small {
        display: block;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 7px;
    }
    .navbar .navbar-brand strong {
        font-weight: 500
    }
    .navbar-nav>li>a {
        padding: 20px 15px;
        font-weight: 500;
    }
    .navbar-nav a {
        text-transform: uppercase;
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 12px 0;
    }
    .nav .open > a,
    .nav .open > a:focus,
    .nav .open > a:hover,
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus {
        box-shadow: inset 4px 0 0 0 #BA1200;
        background: none;
    }
    .navbar .dropdown .dropdown-menu {
        background: #031927;
        padding: 0px 15px 0 15px;
        border:none;
    }
    .navbar .dropdown .dropdown-menu li {
        display: block;
    }
    .navbar .dropdown .dropdown-menu a {
        color: #fff;
        display: block;
        padding: 15px 0px;
        font-weight: 500;
        letter-spacing: 1.1px;
    }
    .navbar .dropdown .dropdown-menu a:hover,
    .navbar .dropdown .dropdown-menu a:focus {
        background: transparent;
        box-shadow: inset 4px 0 0 0 #BA1200;
        margin-left: -15px;
        padding-left: 15px;
    }
    .navbar .dropdown .dropdown-menu .dropdown-menu {
        border-top: 1px solid #fff;
        display: block;
        padding-top: 4px;
        border-radius: 0;
    }
    .navbar .dropdown-menu .dropdown-menu {
        display: block;
        width: 100%;
        position: relative;
        box-shadow: none;
        border: none;
        border-bottom: 1px solid #fff;
        padding: 0 0 8px 0;
        margin: 0;
    }
    .navbar .dropdown .dropdown-menu .dropdown-menu a {
        text-transform: initial;
        padding: 7px 0;
        color: #ddd;
        font-weight: 300;
        letter-spacing: 1px;
        dislpay: block;
        width: 100%;
        white-space:normal;
    }
    .navbar .dropdown .dropdown-menu .dropdown-menu a:focus,
    .navbar .dropdown .dropdown-menu .dropdown-menu a:hover,
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        box-shadow: inset 4px 0 0 0 #BA1200;
        margin-left: -15px;
        padding-left: 15px !important;
        background: transparent;
    }
    .navbar .navbar-right {
        border-top: 1px solid #fff;
        padding-top: 8px;
    }
    .navbar .navbar-right a {
        padding: 26px 15px;
    }
    .navbar .navbar-right li {
        display: inline-block;
    }
    .navbar .navbar-right .fa {
        font-size: 20px;
        color: #fff;
    }
    .navbar .kygov {
        background: #031927;
        float: right;
    }
    .navbar .kygov a {
        color: #fff;
        text-transform: lowercase;
        text-align: center;
        padding: 17px 20px 16px;
        font-weight: 300;
        font-size: 12px;
    }
    .navbar .navbar-right a:hover,
    .navbar .navbar-right a:active,
    .navbar .navbar-right a:focus {
        box-shadow: none;
        background: none;
    }
    .navbar .kygov a img {
        max-height: 19px;
        display: block;
        margin-bottom: 3px;
        image-rendering: crisp-edges;
    }
    /* Hero Homepage */
    .hero .overlay-blue {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        background: rgba(81, 138, 168, .8);
    }
    .hero header {
        height:50vh;
        min-height:300px;
        max-height:450px
    }
    .hero .center {
        display:table;
        height:60vh;
        width:100%;
    }
    .hero .center .this {
        display:table-cell;
        vertical-align: middle;
    }
    .hero {
        position: relative;
        overflow:hidden;
        margin-bottom:0;
    }

    .priority-icons {
        background-color:#fafafa;
        padding:30px 0px 50px 0px;
        background-image:url('images/zig-1.png');
        background-repeat: repeat;
        background-attachment: fixed;
    }
    .priority-icons .center {
        text-align: center;
        margin:0px auto;
        display:block;
    }
    .priority-icons h3 {
        margin:20px auto;
        text-align: center;
        padding-top: 6px;
        border-top: 6px solid #9dd1f1;
        display:inline-block;
    }
    .priority-icons .icon-wrapper {
        display: flex;
        flex-flow: row wrap;
        margin-bottom:30px;
    }
    .priority-icons .priority {
        margin: 0;
        box-sizing:border-box;
        flex: 0 0 50%;
        padding:10px;
    }
    .priority-icons .priority img {
        display:block;
        width:100px !important;
        height:auto;
        max-height:auto;
        margin:0 auto
    }
    .priority-icons .priority .livicon-evo-holder {
        width:100% !important;
        height:100px !important;
    }
    .priority-icons .priority .livicon-evo-holder .lievo-svg-wrapper {
        width:100% !important;
        height:100px !important;
        padding-bottom:0px !important;
        text-align: center;
    }
    .priority-icons .priority .livicon-evo-holder .lievo-svg-wrapper svg {
        position: relative;
        display:inline-block;
        width:100px !important
    }
    .priority-icons .priority span {
        text-align: center;
        display:block;
        margin:0px auto;
        color:#555 !important;
    }
    /* Alert for homepage */
    .alert {
        background:#BA1200;
        padding:40px 0;
        border:none;
        border-radius:0;
        margin:0;
    }
    .alert .container {
        position: relative;
    }
    .alert h3 {
        margin:0 0 20px 0;
    }
    .alert p {
        font-size:21px;
    }
    .alert h3,
    .alert p {
        color:#fff;
        text-shadow:-1px 1px 1px #333;
    }
    .link-simple {
        display: inline-block;
        color: #fff !important;
        font-weight: 700 !important;
        border: none !important;
        padding: 16px 40px !important;
        text-align: center !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        background:#031927  !important;
    }



    /* Sections */
    section.page {
        padding: 40px 0;
    }
    section.page.homepage {
        padding:70px 0;
    }
    section.page-priority .img-responsive.visible-xs {
        margin: -40px 0 15px 15px;
    }
    section.page-flag .img-responsive.visible-xs {
        margin: -40px 0 15px 15px;
    }
    .sidebar {
        background: #fff;
        padding: 1px 20px;
    }
    .sidebar h2 {
        font-size: 20px;
        color: #031927
    }
    .sidebar ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .sidebar ul li {
        position: relative;
    }
    .sidebar ul a {
        font-family: 'PT Serif', serif;
        font-size: 24px;
        line-height:36px;
        font-weight: 700;
        color: #031927 !important;
        text-decoration: none !important;
        padding: 5px 0;
        display: block;
        background: none !important;
    }
    .sidebar ul li a:before {
        content: '\f054';
        font-family: 'fontawesome';
        color: #BA1200;
        position: absolute;
        left: -20px;
        transition: .2s;
        opacity: 0;
    }
    .sidebar ul li a:hover:before,
    .sidebar ul li.active a:before{
        opacity: 1;
    }
    /* Footer */
    /* social media #ff-stream-5=instagram, #ff-stream-2=twitter, #ff-stream-3=facebook */
    .insta-footer .ff-stream {
        margin: 0;
        padding: 0 !important;
        max-height: initial !important;
        min-height: initial !important;
        background:none !important;
    }
    .insta-footer .ff-stream .ff-stream-wrapper {
        padding-bottom: 0 !important;
        margin: 0 !important;
        max-height: initial !important;
        height: auto !important;
    }
    .insta-footer .ff-stream .ff-instagram {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none!important;
        width: 33.33% !important;
        float: left !important;
        display: inline-block !important;
        margin: 0 !important;
    }
    .insta-footer #ff-stream-5 .ff-item {
        margin:0 !important;
        padding:4px;
    }
    .insta-footer .ff-stream .ff-instagram .picture-item__inner {
        padding:0;
        background:transparent !important;
        box-shadow:none !important !important;
        border-radius:0 !important;
    }
    .insta-footer .ff-item-cont {
        height:auto !important;
    }
    .insta-footer .insta-footer .ff-stream .ff-instagram .ff-item-cont {
        border: none;
        border-radius: 0;
        padding: 5px;
    }
    .insta-footer .ff-stream .ff-instagram .ff-img-holder {
        margin: 0 !important;
        height: 100px !important;
        width: 100% !important;
        position: relative;
        border-radius: 0px !important;
    }
    .insta-footer .ff-stream .ff-instagram .ff-img-holder img {
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        object-fit: cover;
        height: 100% !important;
        width: auto !important;
        min-height:130px !important;
    }
    .insta-footer .ff-stream .ff-instagram.ff-item:hover .ff-img-holder img {
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .insta-footer .ff-stream .ff-instagram .ff-content,
    .insta-footer .ff-stream .ff-loadmore-wrapper {
        display: none;
    }
    .insta-footer .ff-stream .ff-instagram .ff-item-meta {
        display: none;
    }
    .insta-footer .ff-stream .ff-instagram .ff-share-wrapper {
        display: none;
    }
    .insta-footer #ff-stream-5 .ff-overlay-wrapper {
        display:none;
    }
    #ff-stream-5-slideshow li.ff-show {
        opacity: 0;
        visibility: hidden;
    }
    #ff-stream-5-slideshow li.ff-current {
        background: #fff;
        opacity: 1;
        visibility: visible;
    }
    #ff-stream-5-slideshow .ff-item-cont,
    #ff-stream-5-slideshow .ff-nav-info-keys,
    #ff-stream-5-slideshow nav,
    #ff-stream-5-slideshow .ff-share-wrapper {
        display: none;
    }
    /* twitter */
    .twitter-footer #ff-stream-2 {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        max-width: initial !important;
        min-height: initial !important;
    }
    .twitter-footer #ff-stream-2 .ff-stream {
        min-height: initial !important;
        min-width: initial !important
    }
    .twitter-footer #ff-stream-2 .ff-stream-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }
    .twitter-footer #ff-stream-2 .ff-share-wrapper,
    .twitter-footer #ff-stream-2 .ff-img-holder {
        display: none !important;
    }
    .twitter-footer #ff-stream-2 .ff-item {
        position: relative !important;
        transform: none !important;
        margin: 0 !important;
        border-top: 1px solid #666;
        width:100% !important;
    }
    .twitter-footer #ff-stream-2 .ff-item:last-of-type {
        border-bottom: 1px solid #666;
    }
    .twitter-footer #ff-stream-2 .ff-item-cont {
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        height:auto !important;
    }
    .twitter-footer #ff-stream-2 .ff-content {
        padding: 10px 0 !important;
        margin:0;
        color:#ddd;
    }
    .twitter-footer .ff-loadmore-wrapper,
    .twitter-footer .ff-label-wrapper,
    .twitter-footer .ff-item-bar{
        display:none;
    }
    .twitter-footer #ff-stream-2 .picture-item__inner {
        background:transparent;
        border-radius:0;
    }
    .twitter-footer article + article {
        display:none;
    }
    /* facebook */
    .facebook-footer .ff-header {
        display:none;
    }
    .facebook-footer {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        max-width: initial !important;
        min-height: initial !important;
    }
    .facebook-footer .ff-stream {
        min-height: initial !important;
        min-width: initial !important;
        background:none !important;
        padding:0 !important;
    }
    .facebook-footer .ff-stream-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }
    .facebook-footer .ff-share-wrapper,
    .facebook-footer .ff-img-holder,
    .facebook-footer .ff-icon {
        display: none !important;
    }
    .facebook-footer .ff-item {
        position: relative !important;
        transform: none !important;
        margin: 0 !important;
        border-top: 1px solid #666;
        min-height: 70px;
        width:100% !important;
    }
    .facebook-footer .ff-item:last-of-type {
        border-bottom: 1px solid #666;
    }
    .facebook-footer .ff-item-cont {
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        height: auto !important;
    }
    .facebook-footer .ff-item-cont h4 {
        margin: 0px 0 0 0 !important;
        padding: 10px 0 0px 60px;
        color:#ddd !important;
        text-indent: 0;
    }
    .facebook-footer .ff-content {
        padding: 10px 0 10px 60px !important;
        height: 73px !important;
        margin:0 !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        color:#ddd !important;
    }
    .facebook-footer .ff-item-meta {
        height: auto !important;
        position: absolute;
        top: 0;
        left: 0;
        margin:8px 8px 8px 0px;
    }
    .facebook-footer .ff-item-meta .ff-userpic {
        height: 50px;
        width: 50px;
        border-radius:0;
    }
    .facebook-footer .ff-item-meta .ff-name,
    .facebook-footer .ff-item-meta .ff-timestamp,
    .facebook-footer .ff-controls-wrapper,
    .facebook-footer .ff-loadmore-wrapper,
    .facebook-footer .ff-item-bar {
        display: none;
    }
    .facebook-footer .picture-item__inner {
        background:transparent !important;
        border:none;
    }
    /*.facebook-footer article + article {
        display:none;
    }*/
    /* youtube video page */
    #ff-stream-4 {
        min-height: initial !important;
    }
    #ff-stream-4 .ff-stream-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        display: flex;
        flex-flow: row wrap;
    }
    #ff-stream-4 .ff-item {
        transform: none !important;
        position: relative !important;
        flex: 0 0 100%;
        margin: 0 0 10px 0 !important;
    }
    #ff-stream-4 .picture-item__inner {
        padding: 0 20px 0 0 !important;
        margin: 0 0 20px 0 !important;
        border-radius: 0;
        box-shadow: none !important;
    }
    #ff-stream-4 .picture-item__inner:hover:before {
        background: transparent !important;
    }
    #ff-stream-4 .ff-item-cont {
        height: auto;
    }
    #ff-stream-4 .ff-item-cont .ff-img-holder {
        height:auto;
    }
    #ff-stream-4 .ff-item-cont .ff-img-holder .ff-initial-image {
        height:auto !important;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    #ff-stream-4 .ff-item-cont .ff-item-meta {
        margin:0;
    }
    #ff-stream-4 .ff-item-cont .ff-item-meta span.ff-userpic,
    #ff-stream-4 .ff-item-cont .ff-item-meta h6 {
        display:none;
    }
    section.page #ff-stream-4 .ff-item-cont .ff-item-meta .ff-timestamp {
        color:#666 !important;
        font-weight:500;
        font-size:15px;
    }
    #ff-stream-4 .ff-label-wrapper,
    #ff-stream-4 .ff-item-bar {
        display:none;
    }
    section.page #ff-stream-4 .ff-item-cont h4 {
        margin:10px 0 0 0;
        color:#031927 !important;
    }
    #ff-stream-4 .ff-item-cont .ff-content {
        margin: 0;
        display:none;
    }
    #ff-stream-4 .ff-share-wrapper {
        display: none;
    }
    #ff-stream-4 .ff-btn {
        display: inline-block;
        color: #031927;
        background: #fff !important;
        font-weight: 700;
        border: 2px solid #BA1200;
        border-radius: 0;
        padding: 15px 40px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        box-shadow: inset 0 0 0 1px #BA1200;
        height: auto;
        font-size: 16px;
        margin: 10px 0 0 0;
        line-height: initial;
    }
    #ff-stream-4 .ff-btn:hover,
    #ff-stream-4 .ff-btn:focus {
        box-shadow: inset 0 0 0 2px #BA1200;
    }
    #ff-stream-4 .ff-btn:active {
        color: #fff;
        background: #BA1200;
    }
    /* end social stylea */
    footer .footer-top {
        padding: 30px 0;
        background: #343535;
    }
    footer .footer-bottom {
        padding: 0 0 15px 0;
        background: #05131D;
    }
    footer .footer-brand {
        border-left: 8px solid #BA1200;
        padding: 18px 0px 0px 10px;
        font-size: 33px;
        line-height: 25px;
        color: #fff;
        font-weight: 300;
        margin-bottom:20px;
    }
    footer .footer-brand small {
        display: block;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 2px;
    }
    footer .footer-brand strong {
        font-weight: 500;
    }
    footer h5 {
        color: #fff;
        text-transform: uppercase;
        margin: 30px 0px;
    }
    footer .footer-bottom .footer-title {
        color: #fff;
        margin: 25px 0 20px 0;
        display: block;
    }
    footer .footer-bottom ul {
        margin: 0;
        list-style: none;
        padding: 0;
    }
    footer .footer-bottom ul li a {
        color: #bbb;
        font-size: 12px;
        padding: 4px 0;
        display: inline-block;
    }
    footer .footer-social .fa {
        color: #fff !important;
        font-size: 24px;
        padding: 0px 8px;
    }
    footer .flag-status {
        border: 1px solid #fff;
        padding: 10px 25px;
        color: #fff;
        float: right;
        text-align: center;
        text-transform: uppercase;
        font-weight: 500;
        margin-top: 40px;
    }
    footer .flag-status .fa {
        font-size: 20px;
        margin-right: 5px;
        color: #aaa
    }
    footer .flag-status small {
        font-weight: 300;
    }
    footer .flag-status span {
        display: block;
        font-size: 18px;
    }
    footer .flag-status p {
        margin:0;
    }
    .mainContent .flag-status .textwidget {
        font-size: 26px;
        font-weight: 500;
        margin-top: 5px;
    }
    footer .footer-end img {
        height: 125px;
        width: 125px;
        margin: 15px 0;
    }
    .copyright-row {}
    .copyright-row p {
        display: block;
        margin: 0 0 10px 0;
        font-size: 12px;
        ;
        color: #aaa;
    }
    .copyright-row ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: none;
    }
    .copyright-row ul li {
        display: inline;
        margin: 0 10px 0 0;
    }
    /* Homepage */
    .embed-responsive.embed-responsive-16by9 {
        box-shadow: 2px 4px 12px 4px rgba(0, 0, 0, 0.5)
    }
    .homepage-numbers h5 {
        margin-bottom:30px;
    }
    .by-the-numbers {
        text-align: center;
        float: left;
        margin-bottom: 20px;
    }
    .by-the-numbers img {
        display: block;
        margin: 0 auto;
        height: 100px;
        width: 100px;
    }
    .by-the-numbers-number {
        display: block !important;
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
        font-family: 'PT Serif', serif;
        color: #031927;
    }
    .by-the-numbers-title {
        display: inline-block;
        font-size: 20px;
        border-bottom: 2px solid #031927;
        color: #031927;
    }
    .by-the-numbers .text-prepend {
        display:inline-block;
        position: relative;
        top:4px;
        left:15px;
    }
    .by-the-numbers .text-append {
        font-size:32px;
        display:inline-block;
        margin-left:-10px;
    }
    /* NEWS FEED */
    .news-rollup {
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: row wrap;
    }
    .news-rollup .news-item {
        flex: 0 0 100%;
        width: 100%;
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0 30px 0 0;
    }
    .news-rollup .news-item h3 {}
    .news-rollup .news-item span.rss-date {
        font-weight: 700;
        color: #444;
    }
    .news-rollup .news-item span.rss-description {
        display: block;
        margin-bottom: 10px;
    }
    .news-rollup .news-item a {
        color: #BA1200;
        display: block;
        padding: 0;
    }
    .news-rollup .news-item.main-story h5 {
        margin-bottom: 20px
    }
    .news-rollup .news-item.with-image img {
        width: 100%;
        box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.5);
        margin-bottom: 20px;
    }
    /* main story - first item */
    .news-rollup .news-item.main-story {
        flex: 100%;
    }
    .news-rollup .news-item.main-story h5 {
        margin-bottom: 25px
    }
    .news-rollup .news-item.main-story h3 {
        font-size: 36px;
        border-bottom: 1px solid #BA1200;
        padding-bottom: 15px;
        margin-bottom: 15px;
        margin-top: 0;
    }
    .news-rollup .news-item.main-story span.rss-description {
        margin-bottom: 15px;
    }
    .news-rollup .news-item.main-story a {
        display: inline-block;
        color: #031927;
        font-weight: 700;
        border: 2px solid #BA1200;
        padding: 12px 40px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        box-shadow: inset 0 0 0 1px #BA1200;
    }
    .news-rollup .news-item.main-story a:hover,
    .news-rollup .news-item.main-story a:focus {
        box-shadow: inset 0 0 0 2px #BA1200;
    }
    .news-rollup .news-item.main-story a:active {
        color: #fff;
        background: #BA1200;
    }
    .news-rollup .news-item.main-story.with-image {}
    /* flag status */
    section.page .flag-status {
        padding: 10px 30px;
        border: 2px solid #031927;
        box-sizing: border-box;
        text-align: center;
        display: inline-block;
    }
    section.page .flag-status .fa {
        color: #666;
        font-size: 24px;
        margin-right: 10px;
    }
    section.page .flag-status small {
        display: inline-block;
        font-size: 22px;
        color: #666
    }
    section.page .flag-status span {
        font-size: 28px;
        text-transform: uppercase;
        font-weight: 700;
        color: #031927;
    }
    section.page .flag-status p {
        height: 0;
        margin: 0;
        display: none;
    }
    /* gubernatorial and leadership */
    .gubernatorial,
    .leadership {
        display: flex;
        flex-flow: row wrap;
        padding-top:20px;
    }
    .gubernatorial .guber,
    .leadership .person {
        flex: 0 0 80%;
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0 30px 0 0;
    }
    .leadership .person h4 {
        font-size:16px;
        margin: 20px 0 5px 0;
    }
    .page-gubernatorial .person p,
    .leadership .person p,
    .col-sm-4.person p {
        margin-bottom:0;
    }
    .col-sm-4.person img,
    .page-gubernatorial .person img {
        margin-bottom: 20px;
    }
    .leadership .person p:last-of-type {
        margin-top: 5px;
    }
    .guber h3 {
        font-size:24px;
        margin-bottom: 5px;
    }

    /* contact us form */
    #wpforms-form-459 {

    }
    div.wpforms-container-full .wpforms-form .wpforms-field-label {
        font-size: 14px;
        text-transform: uppercase;
    }
    #wpforms-form-459 .wpforms-field-container {
        width:100%;
        display:flex;
        flex-flow: row wrap;
    }
    #wpforms-form-459 .wpforms-field {
        clear:none;
        flex: 0 0 50%;
    }
    #wpforms-form-459 .wpforms-field-medium {
        max-width:93%;
        backround-color:#f1f1f1;
    }
    #wpforms-form-459 .wpforms-field.wpforms-field-textarea,
    #wpforms-form-459 .wpforms-field.full-width {
        flex: 0 0 100%
    }
    #wpforms-form-459 .wpforms-field.wpforms-field-textarea textarea {
        width:100%;
        max-width: 97%;
    }
    #wpforms-form-459 .wpforms-field input,
    #wpforms-form-459 .wpforms-field select,
    #wpforms-form-459 .wpforms-field textarea {
        background-color: #ebebeb !important;
        border:1px solid #959595 !important;
    }
    #wpforms-form-459 .wpforms-field.half-width,
    #wpforms-form-459 .wpforms-field.full-width {
        flex: 0 0 100%
    }
    #wpforms-form-459 .wpforms-field.full-width input {
        width:100%;
        max-width: 97%;
    }
    #wpforms-form-459 .wpforms-field.half-width select {
        max-width:47%;
    }
    .contact-well {
        padding:0px;
    }
    .priorities {
        display:flex;
        flex-flow: row wrap;
        margin-bottom:30px;
    }
    .priority-icon {
        flex: 0 0 100%;
        text-align: center;
        padding:0 10px;
        min-height:150px;
    }
    .priority-icon img {
        max-width:100px;
        margin:0 auto;
        display:block;
    }
    .priority-icon span {
        font-weight:300;
        font-size:18px;
        color:
    }
}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    .gubernatorial .guber,
    .leadership .person {
        flex: 0 0 50%;
    }
}


/* Small Devices, Tablets */
@media only screen and (min-width: 550px) {
    .priority-icon {
        flex: 0 0 50%;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .priority-icons .priority {
        flex: 0 0 16.666%;
    }
}

@media only screen and (min-width: 768px) {
     h1 {
        font-size:48px;
    }
    .navbar {
        background: #031927;
        border-radius: 0;
    }
    .gubernatorial .guber,
    .leadership .person {
        flex: 0 0 33.3%;
    }
    #ff-stream-4 .ff-item {
        flex: 0 0 50%;
    }

    /* Sections */

    section.page-priority {
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 50%;
    }
    /* Footer */
    footer .footer-social .fa {
        color: #888;
    }
    .copyright-row p {
        display: inline-block;
    }
    .copyright-row ul {
        float: right;
    }
    .facebook-footer article + article {
        display:block;
    }
    .twitter-footer article + article {
        display:block;
    }
    /* news */
    .news-rollup .news-item {
        flex: 0 0 50%;
    }
    .contact-well {
        padding: 0px 0px 0px 60px
    }
    .sidebar {
        position: relative;
        margin-top:31vw;
    }
}

@media only screen and (min-width: 992px) {
     .alert .link-simple {
         position: absolute;
         right:0;
         top:10%;
    }
    .alert .container {
        padding-right:225px;
    }
    .alert p {
        margin:0;
    }
    .gubernatorial .guber,
    .leadership .person {
        flex: 0 0 24.9%;
    }
    #ff-stream-4 .ff-item {
        flex: 0 0 33.3%;
    }
    .news-rollup .news-item {
        flex: 0 0 33.3%;
    }
    .news-rollup .news-item.main-story.with-image img {
        float: left;
        width: 30%
    }
    .news-rollup .news-item.main-story.with-image .article {
        float: right;
        width: 65.5%;
    }
    .news-rollup .news-item.main-story.with-image h3 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1159px) {
    .navbar .container-fluid {
        padding-right: 0;
    }
    .navbar .navbar-nav > li.kygov {
        background: #031927;
        float: right;
    }
    .navbar .navbar-right {
        margin: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {}
    .navbar .collapse.in {
        display: block !important;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .navbar .open > .dropdown-menu {
        position: static;
        display:block;
        width:100%;
        float:none;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1160px) {
    /* Navigation */
    .navbar {
        border-radius: 0;
        background: #fff;
    }
    .navbar-nav>li>a {
        padding:27.5px 15px;
        transition: .3s;
    }
    .navbar-nav>li>a:after {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        height: 6px;
        margin-top: -38px;
        transform: scale(0, 1);
        transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
        background: #BA1200;
        content: '';
        transform-origin: right top;
      }
      .navbar-nav>li>a:hover:after {
        transform: scale(1, 1);
        transform-origin: left top;
      }

    .navbar a {
        color: #031927
    }
    .navbar .navbar-right {
        padding-top: 0;
        border-top: none;
    }
    .navbar .navbar-right .fa {
        color: #666;
    }
    .nav > li.current_page_item > a {
       /* nothing */
    }
    .nav > li.current-menu-item > a,
    .nav > li.current-menu-parent > a,
    .nav > li.current-page-parent > a,
    .nav > li.current_page_ancestor > a,
    .nav > .open > a,
    .nav > .open > a:active,
    .nav > .open > a:hover,
    .nav > .open > a:focus,
    .navbar-nav > li > a:active,
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus {
        box-shadow: none;
        background: #031927;
        color: #fff;
    }
    .navbar {
        background: #fff
    }
    .navbar .container-fluid {
        padding-right:0
    }
    .navbar .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        overflow-x: visible !important;
    }
    .navbar .navbar-toggle {
        float: none;
        display: none;
    }
    .navbar .navbar-header {
        float: left;
    }
    .navbar .navbar-nav > li {
        float: left;
    }
    .navbar .dropdown-menu {
        position: absolute;
    }
    .navbar .navbar-nav {
        float: left;
    }
    .hero .carousel-caption {
        position: absolute;
        bottom: auto;
        width: 500px;
        top: 11%;
        right: 6%;
        left: auto;
        padding: 0;
        box-shadow:  2px 4px 10px 4px rgba(0, 0, 0, 0.7);
    }
    .hero .carousel-caption .well {
        box-shadow: none;
    }
}

@media only screen and (max-width: 800px) {
    #ff-stream-5-slideshow li {
        padding: 10px;
        transform: none;
    }
    #ff-stream-5-slideshow .ff-img-holder {}
    #ff-stream-5-slideshow .ff-slide-wrapper {}
    #ff-stream-5-slideshow {}
}


@media only screen and (min-width: 100px) {
    .by-the-numbers {
        width: 100%
    }
    .home .hero {
        height:auto;
    }
    .home .hero .center {
        height:auto;
        display:block;
    }
    .home .hero .center .this {
        height:auto;
        display:block;
        vertical-align: initial;
    }
    .hero .fullscreen-bg {
        position: relative;
    }
    .home .hero .hero-content {
        padding:110px 15px 130px;
        position:relative;
        z-index:20;
    }
    .home .hero h1,
    .home .hero h1 + div {
        animation-delay: 1.5s !important;
    }
    .home .hero h1,
    .home .hero p.lead {
        color:#fff;
        text-shadow:-2px 2px 2px #333;
        margin:0px auto;
        max-width:700px;
        text-align: center;

    }
    .home .hero h1 {
        margin-bottom: 30px;
        font-size:32px;
    }
    .hero .homepage-numbers {
        background: rgba(255, 255, 255,0.75);
        position: relative;
        z-index:19
    }
    .hero img {
        width: 100%;
    }
    .hero .fullscreen-bg video {
        display:none;
    }
    .hero {
        background-image: url(http://govky.ehawaii.gov/wp-content/uploads/2017/04/priority_hero.jpg);;
        background-size:cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 560px) {
    .by-the-numbers {
        width: 50%
    }
    .home .hero h1 {
        font-size:42px;
    }
    .home .hero p.lead {
        font-size:20px;
    }
}

/* this is the break point for the homepage hero */
@media only screen and (min-width: 992px) {
    .hero {
        background-image:none;
    }
    .hero .fullscreen-bg video {
        display:block;
    }
    .by-the-numbers {
        width:25%;
    }
    .home .hero {
        min-height:750px;
        max-height:750px;
    }
    .hero .hero-content {
        position: relative;
        z-index:10;
    }
    .home .hero p.lead {
        font-size:24px;
    }
    .home .hero h1 {
        margin-bottom: 30px;
        font-size: 60px;
    }
    .hero .fullscreen-bg {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 0;
    }
    .hero .fullscreen-bg video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
    top: 25%;
    -webkit-transform: translate(-50%, -25%);
    -moz-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
}
 /* super large */
@media only screen and (min-width : 1600px) {
    top: 35%;
    -webkit-transform: translate(-50%, -35%);
    -moz-transform: translate(-50%, -35%);
    -ms-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
}
@media only screen and (min-width: 1200px) {
    .leadership .person {
        flex: 0 0 19.98%;
    }
}