﻿/*
 Theme Name:     BCFood
 Description:    Divi Child Theme
 Template:       Divi
 Version:        1.0.0
*/


:root {
    --blue-background:#BFCED9;
    --green-background:#C5CEB3;
    --black-background:#121212;
    --gray-background:#F1F6F6;
    --dark-blue:#18304b;
    --orange:#ff8c5f;
    --yellow:#FFCF32;
}

body {
    font-weight:300;
}

.et_pb_row {
    width:90%;
}

.title h1 {
    font-size:80px;
    font-weight:600;
}

.title h2 {
    font-size:60px;
    font-weight:600;
}

.title h3 {
    font-size:40px;
    font-weight:600;
}

.title h4 {
    font-size:20px;
    font-weight:400;
}

.centra {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.white img {
    filter: brightness(-200);
}

@media (max-width:767px) {
    .title h1 {
    font-size:40px;
    
}

.title h3 {
    font-size:28px;
   
}
}


/* hero */

#hero {
    padding-top:0!important;
}

#hero h1 {
    font-size:110px;
    font-weight:600;
}

#hero .et_pb_slides {
    height:100%;
}

.blurb-center h4 {
    padding-bottom:0;
}

.blurb-center .et_pb_blurb_container {
    vertical-align: middle;
}

/* end hero */

/* icon box */

.icon-box {
    display: flex;
    flex-wrap: wrap;
}

.icon-box .et_pb_blurb {
    width:33%;
}

.icon-box .et_pb_blurb h4 {
    font-size:22px;
    font-weight:600;
    min-height:66px;
    line-height:1.2;
}

.icon-box .et_pb_blurb .et_pb_blurb_description {
    font-size:14px;
    line-height:1.5;
}

.icon-box .et_pb_blurb .et_pb_blurb_content {
    padding:20px;
}

.icon-box .et_pb_blurb img {
    transition: all .5s;
 }

.icon-box .et_pb_blurb:hover img {
   transform: scale(1.1);
}
/* end icon box */


/* icon box item */

.icon-box-item {
    display: flex;
    flex-wrap: wrap;
}

.icon-box-item .et_pb_blurb {
    width:25%;
}

.icon-box-item .et_pb_blurb h4 {
    font-size:18px;
    font-weight:600;
    line-height:1.2;
}


.icon-box-item .et_pb_blurb .et_pb_blurb_content {
    padding:20px;
}

.icon-box-item .et_pb_blurb img {
    transition: all .5s;
 }

.icon-box-item .et_pb_blurb:hover img {
   transform: scale(1.1);
}
/* end icon box */
