/*
Theme Name: Coral Reef Child
description: Client Theme - Coral Reef
Template: coral-reef-parent
Version: 1.0.0
Text Domain: coral-reef-child
Author: BCW
*/

.btn, .button {color:#fff;}
.business-col, .business-col a {color:#fff !important;}
.business-col a:hover {color:var(--color-2) !important;}

.other {
    position: relative;   
    width: 100px;
    height:50px;
    display: block;
}
.other:after {
    content: "Online Ordering";
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    background: #fff;
    color: var(--color-1);
    font-size: 18px;
    border-radius: 3px;
    line-height: 18px;
    padding: 5px;
}
.link a:hover .other:after{
    background:var(--color-2); color:#fff;
}
.primary-footer .footer-row .social {align-items: center;}

.primary-footer .business-col .logo-row .logo-col img {
    max-width: 203px;
}


.mobile-header .mobile-c2a a:hover, .mobile-header .mobile-c2a a:focus, a:hover, a:focus, .mobile-header .mobile-c2a a, .main-nav .current_page_item a, .main-nav a:hover, .main-nav a:focus {
    color: var(--color-5);
}

.buttons {display: flex; justify-content: center; flex-wrap: wrap; column-gap: 15px; row-gap: 15px;}
.buttons br {display: none;}

body.sticky .primary-header .logo-col img {
    max-height: 90px;
    width: auto;
    transition: all ease .3s;
    max-width: unset;
}

.home #content-section {color:#000;}

.ip-heading h1 {color: #fff;}

.primary-footer .copyright a:hover, .primary-footer .copyright a:focus {
    color: var(--color-2);
}

.services-section .services .service .heading {color:#fff;}

.form-col .inner {width:100%;}

.home .gallery-section .grid-gallery {
    display: flex; flex-wrap: wrap;
    grid-template-columns: unset;
    grid-template-rows:unset;
    column-gap:15px; row-gap:15px; justify-content: center;
}
.home .gallery-section .grid-gallery .item {
    width: 32%;
}

.services-section .services .service .heading {
    background-color: var(--color-2);}

.secheading {font-size:40px; text-align: center;font-family: var(--secondary-font); background:var(--color-3); color:#fff; width:1140px; max-width: 100%;margin:0 auto;}

.services-section .services .service {
    background-color: var(--color-4);
    flex: 0 1 calc(50% - 6px);
}


@media screen and (max-width:991px){
    .services-section .services .service {
    flex: 1 1 calc(50% - 6px);
}
}