/* CUSTOM CSS FOR V5 WORDPRESS */

.full-width-title {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/wp-content/uploads/2023/06/Pyro-Breadcrumbs-V3.jpg);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff; /* Change this to suit the color of your title text */
    padding: 20px 0; /* Add padding as needed */
}

h1.entry-title {
    text-align: center;
}

.site-content {
    width: 80%;
    margin: 0 auto;
    box-sizing: border-box; /* This ensures the padding doesn't increase the width */
    padding: 20px; /* Add padding as needed */
}

#primary {
    width: 70%;
    float: left;
}

#secondary {
    width: 30%;
    float: right;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

div.uicore-nav-menu ul.uicore-menu li.menu-item a:hover {
    text-decoration: none;
}

/***************************************
/* ADJUSTMENTS FOR POST DISPLAY REPORT
****************************************/
body.page-id-3442 div#primary {
    width: 100%;
}

body.page-id-3442 div#secondary {
    display: none;
}

/***************************************
/* ADJUSTMENTS FOR BLOG
****************************************/

body.blog div#primary {
    width: 100%;
}

body.post-template-default.single.single-post div#primary {
    width: 100%;
}

body.post-template-default.single.single-post div#primary div.uicore-type-post {
    max-width: unset;
}

/***************************************
/* ADJUSTMENTS FOR THE HOME PAGE
****************************************/

body.page-id-2305 div.full-width-title {
    display: none;
}

body.page-id-2305 div#content {
    padding-top: 0px;
}

body.page-id-2305 #secondary {
    display: none;
}


table.rental-vehicle {
    width: 100%;
    color: #000;
}

/***************************************
/* MOBILE DISPLAY
****************************************/
@media only screen and (max-width: 768px) {
    #primary {
        width: 100%;
    }
    #secondary {
        display: none;
    }
    .uicore-navbar .uicore-branding a .uicore-logo.uicore-mobile-main {
        position: relative;
        height: 35px;
    }
}