/*
 Theme Name:   Best Roof Box - GeneratePress
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.main-featured-boxed .o-posts-grid-post {
    max-height: 420px;
}

.main-featured-boxed .o-posts-grid-post-body {
    position: absolute;
    bottom: 0;
    background: #fff;
    margin: 30px;
    border-radius: 5px;
}

.img-rounded img {
    border-radius: 10px;
}

.overflow-hidden {
	overflow: hidden;
}

p.is-style-outline.car-brand-btns.wp-block-tag-cloud {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
}

.car-brand-btns .tag-cloud-link {
    background: #222222;
    border: none !important;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    position: relative;
    padding: 10px !important;
}

.car-brand-btns .tag-cloud-link .tag-link-count {
    background-color: orange;
    padding: 10px;
    border-radius: 0 5px 5px 0;
    margin-left: 10px;
    color: #222222;
    right: 0;
    position: absolute;
    top: 0;
}

.roofbar-info {
    padding: 20px;
    border: solid 1px #000;
    background-color: #f0f0f0;
}

@media screen and (max-width: 768px) {
	.site-logo {
		display: inline-block;
		max-width: 75%;
	}	
	
	.menu-toggle {
		padding: 0 15px;
		line-height: 45px;
	}
	
	p.is-style-outline.car-brand-btns.wp-block-tag-cloud {
		grid-template-columns: repeat(2, 1fr);
	} 
	
	.main-featured-boxed .o-posts-grid-post-body {
    position: relative;
		margin: 0;
	}
	
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
		padding: 10px;
	}	
}