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

/* h2 {
     color: red;
} */


.site-container {
     position: relative;
}

.clb-background-square {
     position: absolute;
     height: 50px;
     width: 50px;
     top: 100px;
     left: 100px;
     background: #D1FFF2;
     z-index: -10;
     opacity: .75;
}

.clb-hello-bar-wrapper {
     text-align: center;
     background: var(--primary);
     color: var(--white);
     padding-top: 6px;
     padding-bottom: 6px;
     display: flex;
     gap: 12px;
     justify-content: center;
     align-items: center;
}

.clb-hello-bar-wrapper a {
     text-decoration: none;
     color: var(--white);
}

.clb-hello-bar-wrapper a.button {
     padding: 4px 16px;
     background: transparent;
     border: 1px solid var(--white);
     color: var(--white);
     font-weight: 400;
}

.clb-hello-bar-wrapper a.button:hover {
     background: var(--black);
     border: 1px solid var(--black);
}



@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;
     }


}