/*
Theme Name: Bootstrap Basic Child
Theme URI: https://rundiz.com
Author: Rundiz-WP team
Author URI: https://github.com/Rundiz-WP
Template: bootstrap-basic
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. To follow what was changed, please look for <a href="https://github.com/Rundiz-WP/bootstrap-basic" target="commits">commits</a> of this theme at Github or changelog.md file that come with the theme.
Version: 1.2.5
Requires PHP: 5.4
Requires at least: 4.0
Tested up to: 6.5
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/

.page-container {
    background-color: #f9fafb;
}

.header-phone {
    font-size: 2.5rem; 
    font-weight: 700; 
    color: black; 
}

.header-phone:hover {
    color: rgb(173, 2, 2);
    text-decoration: none;
}

.header-tenants-link {
    border: 1px rgb(153 27 27) solid;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
    color: rgb(153 27 27);
    font-size: 1.6rem;
    font-weight: bold;
    margin-left: 15px;
}

.header-tenants-link:hover {
    border: 1px rgb(122, 21, 21) solid;
    color: rgb(122, 21, 21);
    text-decoration: none;
}

.header-rent-link {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
    text-align: center;
    padding-top: 15px;
    border-radius: 5px;
    color: white;
    font-size: 1.6rem;
    font-weight: bold;
    margin-left: 15px;
    background-color: rgb(153 27 27);
}

.header-rent-link:hover {
    background-color: rgb(122, 21, 21);
    text-decoration: none;
    color: white;
}

.header-right-link {
    float: left;
}

@media (max-width: 500px) {
    .header-right-link {
        margin-top: 30px;
        float: none;
    }
    .header-rent-link {
        margin-left: 0px;
    }

    .header-tenants-link {
        margin-left: 0px;
    }
}

#main-header {
    padding-top: 15px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10;
    background-color: white;

}

#fixed-wrapper {
    margin-top: 170px;
}

@media (max-width: 1250px) {
    #fixed-wrapper {
        margin-top: 190px;
    }
}

@media (max-width: 1200px) {
    #fixed-wrapper {
        margin-top: 245px;
    }
}

@media (max-width: 500px) {
    #fixed-wrapper {
        margin-top: 350px;
    }
}

.header-branding {
    padding-left: 15px; 
    padding-right: 15px;
    max-width: 1600px; 
    margin-left: auto !important;
    margin-right: auto !important;
}

.header-logo {
    width: 17.5rem;
}

.msb-nav-bar {
    background-color: #111827;
    color: white;
    font-weight: bold;
}

.msb-nav-link {
    color: #f1f1f1 !important; 
    font-weight: bold !important;
    font-size: 1.6rem;
}

.msb-nav-link:hover {
    text-decoration: underline !important;
}

.msb-nav-item-active {
    text-decoration: underline !important;
}

.msb-navbar-ul {
    display:flex; 
    justify-content: center;
    width: 100%;
}

.msb-navbar-li {
    width: 200px;
    text-align: center;
}

@media (max-width: 768px) {
    .msb-navbar-ul {
        display:block; 
    }

    .msb-navbar-li {
         text-align: left;
    }
}

.navbar {
    border: none !important;
}

.msb-bottom-nav-link {
    color: white !important; 
    font-weight: bold !important;
    font-size: 1.6rem;
}

.msb-bottom-nav-link:hover {
    text-decoration: underline !important;
}

.footer-info {
    color: white;
    font-size: 1.4rem;
}

.footer-info:hover {
    text-decoration: none;
    color: white;
}

@media (max-width: 768px) {
    #footer-nav {
        display:none; 
    }
}

.msb-header-links {
    margin-top: 20px;
}

#site-footer {
    background-color: #111827 !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

#content {
    padding-left: 25px; 
    padding-right: 25px;
    max-width: 1600px; 
    margin-left: auto;
    margin-right: auto;
}

.map-container {
    height:500px;
    background-image:url(https://www.mystoragebox.com/assets/images/map.jpg);
    border: 1px solid white;
}

.map-box {
    margin-top: 100px; 
    min-height: 300px; 
    background: white; 
    border-left: 10px solid #991b1b;
    padding: 10px 30px 30px 30px;
    max-width: 600px;
}

.map-box-large-margin {
    margin-top: 40px;
}

.map-box-small-margin {
    margin-top: 20px;
}

.map-box-company {
    margin-left: 15px;
}

.map-box-company-name {
    font-size: 1.9rem;
}

.map-box-hours {
    margin-left: 15px;
}

.map-box-hours-title {
    font-size: 1.9rem;
}

.map-box-phone-row {
    margin-top: 25px;
}

.map-box-phone-container {
    font-size: 2.5rem; 
    margin-left: 15px;
}

.map-box-phone-number {
    color: black;
}

.map-box-phone-number:hover {
    text-decoration: none;
}

#main {
    border: 1px rgb(156 163 175) solid; border-radius: 5px; padding: 5px 5px 5px 5px;
    background-color: white;
}

.sidebar-wrapper {
    border: 1px rgb(156 163 175) solid; 
    border-radius: 5px;
    background-color: white;
}

@media (max-width: 992px) {
    .sidebar-wrapper {
        margin-top: 20px;
    }
}

.entry-title a {
    color: black;
    text-transform: uppercase;
    font-family: Yanone Kaffeesatz, sans-serif;
    font-weight: 900;
    font-size: 6rem;
    line-height: 1;
}

.entry-title a:hover {
    color: black;
    text-decoration: none;
}

.entry-title a:visited {
    color: black;
    text-decoration: none;
}

.wp-block-heading {
    color: black;
    text-transform: uppercase;
    font-family: Yanone Kaffeesatz, sans-serif;
    font-weight: 800;
    font-size: 3rem;
    line-height: 2.25rem;
}