/* Box sizing reset */
*,
*::before,
*::after {
    box-sizing: border-box;
}


/* ===== Global ===== */

:root { 
    
    --primary-color: #5e7480;
    --secondary-color: #5e7480;
    --heading-font_primary: 'Dancing Script', cursive;
    --heading-font_secondary: 'Belleza', sans-serif;
    --table-font-color: #5e5e5e;
    --navbar-link-color: rgba(255,255,255,.55);

}   

/* ===== Typography ===== */

h1 {
    font-family: var(--heading-font_primary);
}

h2 {
    font-family: var(--heading-font_secondary);
    font-size: 1.5rem;
}

p {
    font-family: 'open sans', 'arial', 'sans-serif';
    color: rgb(90, 88, 88);
}

h1.hero-header {

    font-size: 5rem;
}

.banner-header {
    font-size: 4rem;
}

section.quote-banner h2 {
    font-size: 2rem !important;
}

section.quote-banner p {
font-size: 1.5rem;
 font-family: var(--heading-font_secondary);   
}

table.table td {
    color: var(--table-font-color);
}


/* ===== NavBar ===== */


.navbar-nav li {
    text-decoration: none;

}

.navbar-nav a {
    text-decoration: none;
}

.navbar-nav li a {
    color: var(--navbar-link-color);
    font-weight: 500;
    padding: 8px 10px;
}

.navbar-nav li a:hover {
    color: #f5d3a4;
}

.navbar-nav .current-menu-item a {
    color: white;
 
}

@media (max-width: 991px) {

    ul.navbar-nav {
        margin-top: 10px;
    }

    .navbar-nav li {
        margin-bottom: 10px;
    }

}

/* ===== Decorator Elements ===== */

a.btn.btn-primary,
button.btn.btn-primary {
    background-color: var(--primary-color);
    border: none;
}

/* ===== Images ===== */

img.section-image {
    border-radius: 20px;;
}


section.hero-section {
    width: 100%;
    background-image: url("../images/hero_img.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 60vh;
}


section.quote-banner {
    width: 100%;
    background-image: url("../images/banner_background_model.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 260px;
}

section.contact {
    width: 100%;
    background-image: url("../images/floral_pattern.jpg");
    background-repeat: repeat;
    min-height: 85vh;
    
}

.contact-form {
    border-radius: 10px;
}

section.service-categories img {

}


.service-table {
    border: 1px solid #e5e5e5;
}

.service-table th {
    background: #f7f7f7;
    font-weight: 600;
    padding: 14px 18px;
}

.service-table td {
    padding: 16px 18px;
}

.service-table tr {
    border-bottom: 1px solid #e5e5e5 !important;
}

.service-table tr:last-child {
    border-bottom: none;
}

/* ===== MODAL CSS ===== */
    
.modal-dialog-scrollable .modal-body {
  max-height: 60vh;
  overflow-y: auto;
}