/* Custom CSS */

/* Body Styles */
/* Padding added at the top of the body */
body {
    padding-top: 78px;
}

/* Font weight for body */
strong{
    font-weight: 700;
}

/* ID Selectors */

/* Header Styles */
/* Padding for container class inside #header id */
#header .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

/* Footer Styles */
/* Background color and text color for #footer id */
#footer {
    background-color: #3d3935;
    color: #fff;
}

/* Text color for child elements in #footer id */
#footer * {
    color: #fff;
}

/* Font weight and color on hover for links in #footer id */
#footer a:hover {
    /*font-weight: 900;*/
    color: var(--primary-color);
}

ol, ul {
    padding-left: 25px;
    font-size: 1rem;
}

h4 {
    margin-bottom: 1.5rem;
}

/* Class Selectors */

/* Display Classes */
/* Font size, weight and line height for .display-6 class */

.display-5 {
    font-size: 2.5em !important;
    font-weight: 300;
    line-height: 1.4;
}


.display-6 {
    font-size: 1.6em !important;
    font-weight: 300;
    line-height: 1.4;
}

/* Font size, weight and line height for .display-7 class */
.display-7 {
    font-size: 1.6em !important;
    font-weight: 300;
    line-height: 1.2;
}

/* Icon Classes */
/* Styles for large icons */
i.icon-large {
    width: 80px;
    height: 80px;
    background: var(--primary-color);
    border-radius: 50%!important;
    text-align: center;
    padding: 25px 10px;
    color: white;
    margin: 10px;
    cursor: pointer;
    font-size: 30px;
}

/* Rounded Border Classes */
/* Large rounded border */
.rounded {
    border-radius: 1.5rem!important;
}

/* Small rounded border */
.rounded-small {
    border-radius: 1rem!important;
}

/* Button Classes */
/* Disabled button background color */
.btn:disabled {
    background: var(--gray-color-800);
}

/* Container Classes */
/* Max-width and padding for .container class */
.container {
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Dropdown Item Classes */
/* Empty class for future customization */
.dropdown-item {}

/* Background color, transition effect, and color when .dropdown-item class is active */
.dropdown-item:active {
    background-color: var(--primary-color);
    transition: none;
    color: var(--white-color);
}

/* Navbar Classes */
/* Height of .navbar class */
.navbar {
    height: 78px;
}

/* Font size of the icons in .navbar class */
.navbar i {
    font-size: 2em;
}

/* Navbar Brand Classes */
/* Width, display type, and right margin of .navbar-brand class */
.navbar-brand {
    width: 140px;
    display: block;
    margin-right: 60px;
}

/* Width and height of logo in .navbar-brand class */
.navbar-brand .logo {
    width: 100%;
    height: auto;
}

/* Offcanvas Header Classes */
/* Padding, and height of .offcanvas-header class */
.offcanvas-header {
    padding: 0;
    height: 78px;
    padding: 0 0.75rem;
}


.navbar-nav .dropdown-menu {
    background-color: #fff;
    border: 1px solid #e9ecef;
    /*border-radius: 0.5rem;*/
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 0;
    margin-top: 0.5rem;
    /*font-size: calc(1.2em + 0.5vw);*/
}
.navbar-nav .dropdown-menu li {
    padding: 0.3rem 0;

}


/*Cookie disclaimer*/
.offcanvas-bottom {
    min-height: 30vh;
    height: initial;
}


/* Media Queries */

/* Font size for .display-6 and .display-7 classes in specific viewport */
@media (min-width: 1200px) {
    .display-6 {
        /*font-size: 2em !important;*/
    }
    .display-7 {
        font-size: 1.6em !important;
    }
}

@media screen and (max-width: 600px) {
 
    #frmAddress button {width: 100%; margin-bottom: 10px}
    
    
}

/* Max-width and padding for various .container class instances in specific viewport */
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

/* Max-width for various .container class instances for larger viewport */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}