/*
 Theme Name:   CFF Theme
 Template:     neve
 Description:  CFF Theme
 Author:       kevin@formulate.ca
 Version:      1.0.4
*/


/* HEADER */

.header img.neve-site-logo {
    max-height:100px;
    width:auto;
    margin:0 0 5px 0;
}


/* NAV */

.builder-item.has-nav {
    margin:0;
}

.nav-menu-primary ul {
    margin-right:10px;
}

.nav-menu-primary .nav-ul li {
    margin:0;
}

.nav-menu-primary ul li a {
    padding:0 20px 5px 20px;
    font-size:16px;
}

.nav-menu-primary div.caret {
    display:none;
}

.nav-menu-primary ul.sub-menu {
    padding-bottom:10px;
    padding-top:5px;
    background:#005e7d;
}

.nav-menu-primary ul.sub-menu li a {
    min-height:20px;
    padding:0 10px;
}

.header-menu-sidebar ul {
    border:none;
    margin:0;
}

.header-menu-sidebar ul li {
    border:none;
    padding-left:15px;
}

.header-menu-sidebar ul li li {
    padding:0;
}


/* HERO */

.cff_hero, .cff_hero2 {
  /* break out of Neve's content container */
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-bottom:6px solid #046C8D;
  margin-bottom:0;
}

.cff_hero img, .cff_hero2 img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.cff_hero2 {
    margin:-15px 0 0 0;
    border:none;
}


/* H1 HEADER */

h1.wp-block-heading {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding:8px 15px 18px 15px;
  line-height:1.3em;
  font-weight:400;
  font-size:38px;
  background:#046C8D;
}


/* HOME CTAS */

.cff_home_ctas {
    width:100%;
    max-width:1240px;
    color:#fff;
    line-height:1.4em;
    font-size:18px;
    font-weight:500;
    margin:35px auto 40px auto;
    column-gap:20px;
    padding:0 20px;
}

.cff_home_ctas .wp-block-column {
    border-radius:12px;
}

.cff_home_ctas .wp-block-column .wp-block-image figure {
    width:100%;
}

.cff_home_ctas .wp-block-column .wp-block-image figure img {
    width:100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.cff_home_ctas h2 {
    font-weight:400;
    font-size:38px;
    margin:0 0 10px 0;
}

.cff_home_ctas p.has-text-align-center {
    padding:0 10px;
    margin-bottom:20px;
}

.cff_home_ctas .wp-block-column ul {
  column-count: 2; 
  column-gap: 2rem;
  padding-inline-start: 1;
  padding:15px 0 5px 20px;
  list-style:none;
  margin:15px 0 0 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;   
}

.cff_home_ctas .wp-block-column li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid; 
  margin: 0 0 5px 0;
  position: relative;
  padding: 1px 3px 7px 33px; /* keeps space for icon */
  font-size: 17px;
  line-height: 1.2em;
}

.cff_home_ctas .wp-block-column li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;               /* size of your PNG circle */
  height: 22px;
  background: url('/wp-content/themes/cff/images/checkmark.png') no-repeat center center;
  background-size: contain;  /* scale the PNG nicely */
  border-radius: 50%;        /* keep circle shape if PNG has transparency */
}

.cff_home_ctas .wp-block-buttons {
    margin-bottom:10px;
}

.cff_home_ctas .wp-block-button a {
    border-radius:6px;
    color:#fff;
    font-weight:500;
    font-size:16px;
    width:220px;
    margin:5px;
    padding:10px;
    text-align:center;
}

.cff_home_ctas .is-style-primary a {
    font-size:22px;
    padding:12px 35px 13px 35px;
    width:fit-content;
    border:none;
}

.cff_home_consumers {
    background-color:#856A87;
}

.cff_home_consumers ul {
    background:#79617A;    
}

.cff_home_consumers .wp-block-button a {
    background:#553A58;
}

.cff_home_manufacturers .wp-block-button a {
    background:#934134;
}

.cff_home_manufacturers {
    background-color:#C6685E;
}

.cff_home_manufacturers ul {
    background:#B15F57;
}


/* HOME ABOUT */

.cff_home_about {
    background:#046C8D;
    width:100%;
    margin:0;
}

.cff_home_about > div:first-child {
    flex-basis: 20% !important;
}

.cff_home_about .wp-block-image img {
    width:100%;
    max-width:220px;
    padding:15px 10px 0 10px;
    margin-bottom:-30px;
}

.cff_home_about h2.wp-block-heading {
    margin:20px 0 15px 0;
    font-size:30px !important;
    font-weight:400;
}

.cff_home_about .wp-block-button a {
    background:#fff;
    color:#046C8D;
    font-weight:500;
    text-transform:uppercase;
    font-size:18px;
    padding:10px 40px;
    border-radius:6px;
}


/* HOME BLOG */

.cff_home_posts_title {
    border-bottom:1px solid #046C8D;
    font-size:30px;
    color:#046C8D;
    font-weight:400;
    margin:40px 30px 40px 30px;
}

.cff_home_posts_title span {
    display:block;
    position:relative;
    top:17px;
    background:#fff;
    width:fit-content;
    margin:0 auto;
    padding:0 20px;
}

.cff_home_posts {
    margin-bottom:-25px;
    padding:0 30px;
    text-align:center;
}

.cff_home_posts .wp-block-post-date {
    display:none;
}

.cff_home_posts .post h2 {
    font-size:22px;
    line-height:1.2em;
    margin-top:10px;
    font-weight:400;
}


/* FOOTER */

.hfg_footer {
    margin-top:40px;
}

.hfg_footer .builder-item--footer-one-widgets img {
    width:100%;
    max-width:140px;
}

.hfg_footer .footer-bottom-inner .builder-item .item--inner {
    color:#99C6D5;
    font-size:16px;
}

.hfg_footer .builder-item.cr {
    display:none;
}

/* MEDIA QUERIES */

@media (max-width: 1199px) {
  .cff_home_ctas .wp-block-column ul { column-count: 1; }  
}

@media (min-width: 1200px) {
    .cff_home_ctas {
    column-gap:40px;
    padding:0 20px;
    }

    .nav-menu-primary ul li a {
        font-size:18px;
    }
    
    .cff_home_posts ul {
        gap:3em;
    }
    
    .footer-menu {
        gap:20px;
    }
    .footer-menu li a {
        font-size:20px;
    }

}