/* CLB Custom Front-End CSS, loaded after theme and child theme styles */

/* h2 {
     color: red;
} */


.site-header {
     background: var(--color-primary);
     border-bottom: 2px solid var(--color-yellow-accent);
}

.site-header a {
     color: var(--color-white);
}

.site-title a {
     font-family: var(--header-font-stack);
}

.site-title a:hover {
     color: var(--color-yellow-accent);
}

.title-area {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     gap: 8px;
}

#sitelogo img {
     max-width: 30px;
}

.site-header .wrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.genesis-nav-menu a {
     font-family: var(--header-font-stack);
     font-weight: 800;
}

.site-footer, .site-footer a {
     background: var(--color-blue-accent);
     color: var(--color-white);
     text-decoration: none;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: var(--color-yellow-accent);
}

.genesis-nav-menu .sub-menu a {
    color: var(--color-black);
}

.genesis-nav-menu .sub-menu a:hover {
     color: var(--color-blue-accent);
}

.menu-toggle, .sub-menu-toggle,
.menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover {
     color: var(--color-white);
}

.page .entry-title {
     margin-bottom: 30px;
     padding: 20px;
     text-align: center;
     background: var(--color-yellow-accent);
     font-size: 48px;
}

.collapse-button-area {
     display: flex;
     align-items: center;
     text-align: left;
     gap: 20px;
     justify-content: space-between;
     line-height: 1.4;
     font-weight: 400;
}

.home .clb-icon-card-area:hover {
     background: var(--color-blue-accent) !important;
}

.clb-move-img-to-top {
     margin-top: -30px;
}

.clb-shadow {
     box-shadow: 0 0 20px rgba(0,0,0,.1);
}




.page-id-164 .clb-icon-card-area:hover {
     background: #eee !important;
     border: 2px solid #eee;
     transform: none;
}

.page-id-164 .clb-icon-card-area {
     border: 2px solid #f5f5f5;
     border-radius: 0;
}

.clb-pay-ticket-can-afford .clb-card-icon {
     color: green;
}

.clb-pay-ticket-cannot-afford .clb-card-icon {
     color: #ca3f0c;
}


.page-id-164 .clb-can-pay-fulltext {
     background: #eee;
     padding: 30px;
     padding-left: 48px;
}

.page-id-164 .clb-cannot-pay-fulltext {
     background: #eee;
     padding: 30px;
}

.clb-pay-ticket-can-afford.clb-selected-icon-card {
     background: #eee !important;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 2px solid green;
     border-bottom: none;
}

.clb-pay-ticket-can-afford.clb-selected-icon-card:hover {
     border: 2px solid green;
     border-bottom: 0;
}



.clb-pay-ticket-cannot-afford.clb-selected-icon-card {
     background: #eee !important;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 2px solid #ca3f0c;
     border-bottom: none;
}

.clb-pay-ticket-cannot-afford.clb-selected-icon-card:hover {
     border: 2px solid #ca3f0c;
     border-bottom: 0;
}

.clb-icon-card-area.clb-unselected {
     border: 2px solid #f5f5f5;
     margin-bottom: 20px;
     border-radius: 0;
}

.clb-pay-ticket-can-afford.clb-unselected:hover,
.clb-pay-ticket-cannot-afford.clb-unselected:hover {
     border: 2px solid #f5f5f5;
}

.clb-can-pay-fulltext.clb-fulltext-selected {
     border-radius: 0;
     border-top-left-radius: 0;
     border: 2px solid green;
     margin-top: -2px;
}

.clb-cannot-pay-fulltext.clb-fulltext-selected {
     border-radius: 0;
     border-top-right-radius: 0;
     border: 2px solid #ca3f0c;
     margin-top: -2px;
}

.clb-hide {
     display: none;
}





@media only screen and (min-width: 1024px) {

    .content-sidebar-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .sidebar-primary .widget:last-child {
        position: -webkit-sticky;
        position: sticky;
        top: 112px;
    }

    .admin-bar .sidebar-primary .widget:last-child {
        top: 140px;
    }

}






@media only screen and (min-width: 800px) {


     /* Sticky Footer, Holy Grail */

     .site-container {
          display: -ms-flexbox;
          display:-webkit-flex;
          display:-webkit-box;
          display:flex;
          -ms-flex-direction:column;
          -webkit-flex-direction:column;
          -webkit-box-orient:vertical;
          -webkit-box-direction:normal;
          flex-direction:column;
          min-height:100vh;
     }

     .admin-bar .site-container {
          min-height: calc(100vh - 28px);
     }

     .site-inner {
          -ms-flex:1;
          -webkit-flex:1;
          -webkit-box-flex:1;
          flex:1;
          width: 100%;
          padding: 60px 30px 0;
          word-wrap: break-word;
     }

     /* .clb-homepage-top {
          background-image: linear-gradient(rgba(255, 232, 179, 0.8), rgba(255, 232, 179, .98)), url('/wp-content/uploads/2021/08/real-id-license-500-blur.png');
          background-position: center;
          background-size: 20%;
          background-repeat: repeat;
     } */


}