/*
 Theme Name:   Colibri Child Theme
 description: >- A child theme of the Colibri WordPress theme
 Author:       Eric Detzel
 Template:     colibri-wp
 Version:      1.0.0
*/

body{
  
}

body > * {
  color: #264B88 !important;
  font-family: 'Lato', sans-serif !important;
}
body h4,
body h1,
body h2,
body h3,
body h5 {
  font-family: 'Lato', sans-serif !important;
}

.cc-bg-color-blue {
  background-color: #264B88 !important;
  color: #F6F5EB !important;
}

.cc-bg-color-green {
  background-color: #2C6948 !important;
  color: #FFC3B1 !important;
}

.cc-bg-color-slate {
  background-color: #6C8383 !important;
  color: #FBE655 !important;
}

.cc-bg-color-sand {
  background-color: #F6F5EB !important;
  color: #264B88 !important;
}

.cc-bg-color-yellow {
  background-color: #FBE655 !important;
  color: #2C6948 !important;
}

.cc-bg-color-pink{
  background-color: #FFC3B1 !important;
  color: #6C8383 !important;
}

/* MENU */

#colibri #menu-primary-menu.bordered-active-item > li::before,
#colibri #menu-primary-menu.bordered-active-item > li::after{
  background-color: #264B88;
}

#navigation.style-32,
#navigation-2.style-32{
  padding-bottom: 0px;
}

#hero .style-local-30-h26-outer {
  padding-top:0px;
  padding-bottom:0px;
}

#hero .style-local-30-h26 {
  padding-top:0px;
}

#colibri .h-navigation_overlap #navigation.h-navigation_sticky .cc-menu-item > *,
#colibri .h-navigation_overlap #navigation.h-navigation_sticky .cc-menu-item .fa-angle-down,
#colibri #navigation .cc-menu-item > *,
#colibri #navigation .cc-menu-item .fa-angle-down,
#colibri .h-navigation_overlap #navigation-2.h-navigation_sticky .cc-menu-item > *,
#colibri .h-navigation_overlap #navigation-2.h-navigation_sticky .cc-menu-item .fa-angle-down,
#colibri #navigation-2 .cc-menu-item > *,
#colibri #navigation-2 .cc-menu-item .sub-menu .cc-menu-item > *,
#colibri #navigation-2 .cc-menu-item .fa-angle-down {
  color: #264B88;
}

.h-navigation_outer #navigation,
.h-navigation_outer #navigation-2.h-navigation_sticky {
  box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 50%);
}

.h-navigation_overlap #navigation-2 {
  box-shadow: inherit;
}

#colibri #navigation-2 [data-placeholder-provider="navigation-logo"] a,
#colibri #navigation [data-placeholder-provider="navigation-logo"] a
 {
    height: 29px;
    width: 180px;
    margin-left:5px;
    background-size: contain;
}

#colibri #navigation-2 [data-placeholder-provider="navigation-logo"] a{
  background-image: url(https://www.craftsandcompany.com/wp-content/uploads/2021/06/CraftsNCo_Logo_Wordmark_RGB_Sand.png);
}

#colibri .h-navigation_overlap #navigation-2.h-navigation_sticky [data-placeholder-provider="navigation-logo"] a,
#colibri #navigation [data-placeholder-provider="navigation-logo"] a
{
  background-image: url(https://www.craftsandcompany.com/wp-content/uploads/2021/06/CraftsNCo_Logo_Wordmark_RGB_Blue.png);
}

#colibri .h-navigation_overlap #navigation .cc-menu-item > *,
#colibri .h-navigation_overlap #navigation .cc-menu-item .fa-angle-down,
#colibri .h-navigation_overlap #navigation-2 .cc-menu-item > *,
#colibri .h-navigation_overlap #navigation-2 .cc-menu-item .fa-angle-down {
  color:  #F6F5EB;
}

#colibri .style-745-icon {
    background-color: #264B88;
}


.page-content {
  background-color: #fafafa;
}

/* FOOTER */
.page-footer {
  background-color: #333;
  color: #ccc;
  font-size:12px;
}

#copyright{
  margin-top:-30px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.page-footer .style-local-54-c95-outer {
  width: 100% ;
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
}

.page-footer .style-local-54-c97-outer,
.page-footer .style-local-54-c103-outer,
.page-footer .style-local-54-c106-outer{
  width: 33.33% ;
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
}

.page-footer .style-367, 
.page-footer .style-370, 
.page-footer .style-369,
.page-footer .style-371 {
  text-align: center;
  height: auto;
  min-height: unset;
  padding:0px;
}

.page-footer .style-375, 
.page-footer .style-382, 
.page-footer .style-377 {
  text-align: center;
  margin-bottom: 5px;
}

.page-footer .style-376, 
.page-footer .style-383, 
.page-footer .style-377,
.page-footer .style-377 p,
.page-footer .style-379,
.page-footer .style-379 p,
.page-footer .style-377 p {
  font-size: 11px;
  color: rgb(153, 153, 153);
}

.page-footer .style-374 .social-icon-container {
  margin-right: 15px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#colibri .page-footer .social-icon-container:hover,
#colibri .page-footer a:hover {
  cursor: pointer;
}

#colibri .page-footer .style-374 .icon-container:hover,
#colibri .page-footer a:hover {
  fill: #fff;
  color:#fff;
}

.page-footer .style-374 .icon-container {
  fill: rgb(204, 204, 204);
  width: 28px;
  height: 28px;
}

.page-footer .style-378 h6,
.page-footer .style-372 h6 {
  font-size: 14px;
  text-align: center;
  color: rgb(204, 204, 204);
}

.page-footer .footer-title {
    margin-bottom:20px !important;
}

.h-column-container.style-local-54-c4-outer:hover,
.h-column-container.style-local-54-c8-outer:hover,
.h-column-container.style-local-54-c12-outer:hover {
  background-color: rgb(240,240,240);
}

.h-column-container.style-local-54-c4-outer:active,
.h-column-container.style-local-54-c8-outer:active,
.h-column-container.style-local-54-c12-outer:active {
  border: 1px solid rgb(200,200,200,.5);
}

.half-width-content {
  width:50%;
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  margin: 0 auto;
}

.h-section-global-spacing {
  padding:30px;
}

.h-image__frame {
  background-color: #FFC3B1 !important;
  border-color: #FFC3B1 !important;
}


/* BOOK A PARTY FORM */

form.wpcf7-form.sent .book-a-party {
    display:none;
}

.book-a-party {
  display:flex;
  flex-direction: column;
  padding:20px;
  background-color: white;
  border: 1px solid #264B88;
  box-shadow: 2px 2px 2px rgba(38,75,136, .2);
  width:80%;
  margin: 0 auto;
}

form .row {
  display:flex;
  flex-direction: row;
  margin-bottom:10px;
}

form .row .col {
  display: flex;
  flex-direction: column;
}

form .row .col:first-child {
  margin-right:20px;
}

form .row .col.full {
  margin-right: 0px;
}

form .row .col.half {
  width: 50%;
  flex-direction:row;
}

form .row .col.third {
  width: 33.33%;
}

form .row .col.full {
  width: 100%;
}

form .row .col .small {
  width: 70px;
}

form .row .col .medium {
  width: 200px;
}


form input, .form input {
  font-size: 16px;
    box-shadow: 14 1px 4px 0 rgb(0 0 0 / 10%);
    padding: 8px 8px;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    color: #444;
}

form input[type="text"], .form input[type="text"]{
  width: 100%;
}

form textarea, .form textarea {
  color:#444;
}

form select, .form select {
  color:#444;
}

form label, .form label {
  color: #555;
  font-size: 14px;
  width: 100%;
}

form .book-a-party span.required {
  color: red;
  display:inline;
}

#colibri form .book-a-party .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
  color: red;
}

@media only screen and (max-width:600px){
    #faqs {
        width:90%;
    }
}

@media only screen and (min-width:601px){
    #faqs{
        width: 80%;
    }
}

@media only screen and (min-width:801px){
    #faqs{
        width: 60%;
    }
}

#faqs{
    margin: 10px auto;
}

/* Privacy Policy */
.policy-page{
  font-size: 14px;
}

.policy-page div {
  margin-bottom:10px;
}

.policy-page h4, .policy-page h5 {
  margin-top: 10px;
  display: inline-block;
  margin-bottom: 0px;
}

.policy-page h5 {
  font-size:13px;
}

.h-offcanvas-panel {
    z-index:10000000;
}

@media only screen and (max-width:600px){
    .book-a-party {
        width: 100%;
    }

    form .row {
        flex-direction:column;
    }

    form .row .col:first-child {
        margin-right:0px;
    }

    form .row .col.half {
        width: 100%;
        flex-direction:column;
    }

    form .row .col.third {
        width: 100%;
    }

    #colibri .style-617 p {
        line-height: 20px;
    }

    #colibri .style-610 {
        padding: 10px 5px;
    }

    #colibri .style-614 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .em.em-list{
        grid-template-columns: 1fr !important;
    }
}

/* Events */
.em.em-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.em.em-list::after, .em.em-list::before {
    display:none;
}

.cc-event {
    display: flex;
    flex-direction: column;
    border: 1px solid gray;
    border-radius: 5px;
    width:100%;
    box-shadow: 1px 1px 5px #aaa;
    text-align:center;
}

.cc-event .cc-event-date {
    display: flex;
    flex-direction: column;
    width: 100px;
    align-items: center;
    justify-content: center;
    border-right: 1px solid;
}

.cc-event .cc-event-date .day {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;
}

.cc-event .cc-event-date .month {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

.cc-event .cc-event-info{
    display:flex;
    flex:1;
}

.cc-event .cc-event-sub {
    padding:10px;
    width:100%;
    display: flex;
    flex-direction: column;
}

.cc-event .cc-event-sub .cc-event-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.cc-event .cc-event-name {
    font-size: 20px;
    padding:5px;
}

.cc-event .cc-event-signup{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:12px;
    margin-top: 5px;
}

.cc-event .cc-event-signup a:hover {
    background-color: #ddd !important;
    box-shadow: 1px 1px 1px #ccc !important;
}

.cc-event .cc-event-signup a{
    border: 1px solid gray;
    padding: 10px;
    border-radius: 5px;
    color: black !important;
    width:100%;
}