@import url('https://fonts.googleapis.com/css2?family=Orelega+One&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import "reset.css";

/*
Fonts:
font-family: 'Orelega One', cursive;
font-family: 'Source Sans Pro', sans-serif;

Colors:
Red: #EA551B
Gray: #444445
Blue: #23BAE6
Tan: #F3EFE8
Red Button Background Hover/Tan Button Text Hover: #FF872E
Social Icons Background Hover: #B5B3AE
Main Text color: #707070
*/


/*
-----------------------
Global
----------------------- 
*/

html,body {
    min-height:100%;
    box-sizing:border-box;
}
html {
	padding-top: 50px !important;
}
body {
    font-family:'Source Sans Pro', sans-serif;
    font-size:16px;
    background:#F3EFE8;
    /* border:18px solid #EA551B; */
    color:#707070;
}

a {
    color:#EA551B;
}

h1, h2, h3, h4 {
    font-family: 'Orelega One', sans-serif;
}

h2 {
    font-size:52px;
}
h3 {
    font-size:40px;
}
h4 {
    font-size:32px;
}

a {
    text-decoration:none;
}

p + p,
p + ul,
p + h2,
p + h3,
p + h4,
h2 + p,
h3 + p,
h4 + p,
h2 + ul,
h3 + ul,
h4 + ul,
ul + p,
ul + h2,
ul + h3,
ul + h4
{
    margin-top:20px;
}

input[type="text"],
input[type="email"],
input[type="password"] {
    border:none;
    border-radius:12px;
    padding:15px;
    box-sizing:border-box;
    outline:0;
}

input[type="submit"] {
    border:none;
    border-radius:12px;
    padding:15px 60px;
    box-sizing:border-box;
    outline:0;
    background:#EA551B;
    color:white;
    text-transform: uppercase;
    font-weight:600;
    cursor:pointer;
}

input[type="submit"]:hover {
    background:#FF872E;
}

.btn {
    display:inline-block;
    border-radius:8px;
    padding:15px 60px;
    font-size:16px;
    color:#F3EFE8;
    background:#EA551B;
    margin:20px 0;
    font-weight:600;
    text-transform: uppercase;
    transition: all 0.3s;
}

.btn-announcement {
    display:inline-block;
    border-radius:8px;
    padding:10px 20px;
    font-size:16px;
    color:#F3EFE8;
    background:#EA551B;
    margin:20px 0;
    font-weight:600;
    text-transform: uppercase;
    transition: all 0.3s;
}

.btn.light {
    background:#F3EFE8;
    color:#EA551B;
}

.btn:hover {
    opacity:0.8;
}

.desktop {
    display:block;
}

.mobile {
    display:none;
}

/*
-----------------------
Layout
----------------------- 
*/

.wrap {
    max-width:1280px;
    margin:0 auto;
    padding:0 20px;
}

header#main-header {
    text-align:center;
    padding:25px 0 15px 0;
  	border-bottom:1.5px solid #454546;
}

header#main-header * {
    transition:all 0.5s;
}

header#main-header.active {
    background:#EA551B;
}

header#main-header nav {
    height:0;
    overflow:hidden;
}

header#main-header nav ul {
    font-family:'Orelega One', sans-serif;
    font-size:50px;
    color:#F3EFE8;
}

header#main-header nav ul li {
    background-image:url('../img/01_Global Assets/Navbar/Nav Divider.png');
    background-repeat:no-repeat;
    background-position:50% top;
    padding:30px 0 20px 0;
}

header#main-header nav ul li:first-child {
    background:none;
}

header#main-header nav ul li a {
    color:#F3EFE8;
}

header#main-header nav ul li a:hover {
    opacity:0.7;
}

header#main-header.active nav {
    height:auto;
}

header#main-header .wrap {
    position:relative;
}

header#main-header .logo svg {
    width:225px;
    height:auto;
    /* margin:0 auto; */
}

header#main-header .logo svg.mobile {
    width:200px !important;
    height:auto;
}

header#main-header.active .logo svg path {
    fill:#F3EFE8;
}

header#main-header.active .logo text {
	fill:#F3EFE8;
}

header#main-header .social {
    position:absolute;
    top:20px;
    left:20px;
}

header#main-header .social svg {
    width:34px;
    height:34px;
    margin-right:5px;
}

header#main-header .social a:hover svg path {
    fill:#B5B3AE;
}

header#main-header.active .social a:hover svg path {
    fill:white;
    
}

header#main-header.active .social a:hover svg {
    opacity:0.7;
}

header#main-header.active .social svg path {
    fill:#F3EFE8;
}

header#main-header .hamburger {
    position:absolute;
    top: 2px;
    right:20px;
    cursor:pointer;
}

header#main-header .hamburger #bottom {
    margin-top:-3px;
}

header#main-header.active .hamburger #top {
    padding-bottom:3px;
}

header#main-header.active .hamburger #bottom {
    padding-top:3px;
}

header#main-header.active .hamburger svg path {
    fill:#F3EFE8;
}

header#main-header .wavy-line {
    margin:30px 0;
    text-align:center;
    overflow:hidden;
}

header#main-header.active .wavy-line svg path {
    stroke:#F3EFE8;
}

footer#main-footer {
    background:#444445;
    color:white;
    padding:30px 0;
    text-align:center;
    overflow:hidden;
}

footer#main-footer .wrap {
    max-width:600px;
}

footer#main-footer h3 {
    font-size:36px;
    margin-bottom:20px;
}

footer#main-footer a {
    color:white;
}

footer#main-footer .menu {
    padding:30px 0;
}

footer#main-footer .menu ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

footer#main-footer .menu ul li,
footer#main-footer .menu ul li a {
    display:inline-block;
}
footer#main-footer .menu ul li a {
    padding:0 15px;
    text-transform:uppercase;
    font-weight:600;
    font-size:18px;
    transition:all 0.5s;
}

footer#main-footer .menu ul li a:hover {
    opacity:0.7;
}

footer#main-footer .hours-columns .column {
    display:inline-block;
    padding:10px 30px;
    text-align:center;
}

/* footer#main-footer .mailing-list {
    display:none;
} */

footer#main-footer .mailing-list input[type="email"], footer#main-footer .mailing-list input[type="text"] {
    width:48%;
    margin:1%;
    float:left;
}

footer#main-footer .mailing-list input[type="submit"] {
    clear:left;
    margin-top:15px;
}

footer#main-footer .hours {
    margin:15px 0;
    padding:15px 0;
}

footer#main-footer .hours-columns {
    padding-bottom:10px;
}

footer#main-footer .hours .wavy-line {
    height:15px;
    background:url('../img/01_Global Assets/Footer/Wavy Line Footer.png') 50% top no-repeat;
    margin:20px 0;
}

footer#main-footer .hours h4 {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size:20px;
    font-weight:600;
    margin:0;
    padding:0;
}

footer#main-footer .hours .column p {
    margin:5px 0 0 0;
    padding:0;
}

footer#main-footer .contact p {
    text-transform: uppercase;
    font-weight:600;
    line-height:175%;
}

footer#main-footer .contact a {
    color:white;
    transition:all 0.5s;
}

footer#main-footer .contact a:hover {
    opacity:0.7;
}

footer#main-footer .contact a.red-link {
    color:#EA551B;
}

footer#main-footer .disclaimer {
    font-size:14px;
    margin-top:30px;
    opacity:0.7;
}

footer#main-footer .social {
    margin:10px 0 40px 0;
}

footer#main-footer .social a {
    display:inline-block;
    margin:0 3px;
    transition:all 0.5s;
}

footer#main-footer .social a:hover {
    opacity:0.7;
}

footer#main-footer .social svg path {
    fill:white;
}

.page-content {
    color:#444;
}

.page-content p {
    line-height:150%;
    font-size:18px;
    font-weight:500;
}

.light-text h2,
.light-text h3,
.light-text h4,
.light-text p {
    color:#F3EFE8 !important;
}

.wavy-line-separator {
    text-align:center;
}

.wavy-line-separator svg {
    margin:0 auto;
}

.wavy-line-separator .wpb_wrapper {
    overflow:hidden;
    text-align:center;
}

.truck-and-cart-row img {
    max-height:250px;
    margin:0 auto;
    width:auto;
}

.underline-bold b, .underline-bold strong {
    text-decoration: underline;
}

.announcement-bar {
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:50px;
    text-align:center;
    /*background:#23BAE6; */
  	background-image: url(https://bravas.kinnaleycreativeservices.com/wp-content/uploads/2025/08/bravas_background.png);
  	background-size: 10%;
    color:white;
}

@media only screen and (max-width: 700px) { 
  .announcement-bar {
  	background-size: 30%;
  }

}

.announcement-bar .content {
    font-size:26px;
    font-family: 'Orelega One', sans-serif;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
}


.announcement-bar .content svg {
    width:35px;
    height:24px;
    margin-bottom:-2px;
}

/*
-----------------------
Homepage
----------------------- 
*/

#homepage #directions {
    padding-top:250px;
    margin-top:150px;
    text-align:center;
    background:#EA551B;
    color:white;
    padding-bottom:40px;
}

#homepage #directions img {
    width:415px;
    max-width:100%;
    height:auto;
    margin-top:-300px;
}

#homepage .hero {
    border:15px solid #EA551B;
    box-sizing:border-box;
    padding:20% 20px;
    text-align:center;
    color:white;
    background-size:cover;
}

#homepage .hero h2 {
    font-size:70px;
}

#homepage .hero .btn {
    font-size:16px;
    padding:15px 60px;
}

#homepage .hero .btn:hover {
    background:#FF872E;
    opacity:1;
}

#homepage .blocks {
    margin:40px 0;
    display:flex;
    justify-content: space-between;
}

#homepage .blocks .block {
    text-align:center;
    padding:18% 0;
    width:48%;
    background-color:#23BAE6;
    background-size:cover;
    box-sizing:border-box;
}

#homepage .blocks .block a {
    color:white;
    font-size:30px;
    font-family: 'Orelega One', cursive;
    display:inline-block;
    font-size:70px;
    position:relative;
    padding:25px 40px 30px 40px;
    overflow-x:hidden;
}

#homepage .blocks .block a::after,
#homepage .blocks .block a::before {
    position:absolute;
    content:"";
    background-image:url('../img/01_Global Assets/Misc/wavy-line-light.svg');
    background-repeat:repeat-x;
    width:1482px;
    height:15px;
    left:0;
}

#homepage .blocks .block a::after {
    bottom:0px;
}
#homepage .blocks .block a::before {
    top:0px;
}

#homepage .blocks .block a:hover::after,
#homepage .blocks .block a:hover::before {
    animation: slide 60s linear infinite;
}

@keyframes slide{
    0%{
        transform: translate3d(0, 0, 0);
    }
    100%{
        transform: translate3d(-1482px, 0, 0);
    }
}

#homepage .hiring {
    padding:40px 0;
    text-align:center;
}

#homepage .hiring h2 {
    font-size:40px;
    margin-bottom:20px;
}

#homepage .hiring a {
    display:inline-block;
    text-transform: uppercase;
    font-size:22px;
    line-height:24px;
    font-weight:600;
}

#homepage .hiring a:hover svg {
    padding-left:5px;
}

#homepage .hiring svg {
    width:35px;
    height:24px;
    margin-bottom:-3px;
    position:relative;
    transition: all 0.2s;
}

/*
-------------------------
Visual Composer Overrides
-------------------------
*/

.vc_btn3.vc_btn3-color-danger, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {
    background:#EA551B !important;
}

.vc_btn3.vc_btn3-color-danger, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover {
    background:#FF872E !important;
}

/*
-----------------------
Ninja Forms Overrides
----------------------- 
*/

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    border-radius:12px !important;
    background:transparent !important;
    border:3px solid #444 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background:#EA551B !important;
    color:white !important;
    margin:0 auto !important;
    font-family: 'Source Sans Pro', sans-serif !important; 
    border-radius:12px !important;
    padding:15px 60px !important;
    font-size:16px !important;
    text-transform:uppercase !important;
    display:inline-block !important;
    cursor:pointer !important;
}

.nf-form-content button, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
    background:#FF872E !important;
}

.submit-wrap .nf-field-element {
    text-align:center !important;
}

.nf-error.field-wrap .nf-field-element:after {
    border-top-right-radius:12px !important;
    border-bottom-right-radius:12px !important;
    top:0 !important;
    bottom:0 !important;
    height:50px !important;
    right:-1px !important;
}

@media only screen and (max-width: 700px) {
    .desktop {
        display:none;
    }
    
    .mobile {
        display:block;
    }

    .blocks {
        display:block !important;
    }
    .blocks .block {
        width:auto !important;
        margin-top:40px;
    }

    .block a {
        font-size:42px !important;
    }

    header#main-header .social {
        display:none;
    }

    header#main-header .hamburger {
        top:-4px;
    }
    
    footer#main-footer .hours-columns .column {
        display:block;
    }

    footer#main-footer .mailing-list input[type="email"], footer#main-footer .mailing-list input[type="text"] {
        float:none;
        width:100%;
        margin:15px 0;
    }

    #homepage .hero h2 {
        font-size:45px;
    }

    #homepage .hiring h2 {
        font-size:32px;
    }

    footer#main-footer .menu {
        display:none;
    }

    footer#main-footer .social {
        margin-top:20px;
    }

    #homepage .blocks .block {
        padding:25% 20px;
    }

    .announcement-bar, .announcement-bar .content {
        width:100%;
    }

    .announcement-bar .content {
        font-size:22px;
    }

    .announcement-bar .content svg {
        margin-bottom:-4px !important;
    }
}