/*
Theme Name: Gridbox Child
Theme URI: https://themezee.com/themes/gridbox/
Template: gridbox
Author: ThemeZee
Author URI: https://themezee.com
Description: Gridbox is a clean and solid WordPress theme featuring a three-column grid-layout for posts. The theme works out of the box and does not require any complicated setup. It is perfectly suited for a simple magazine, blog or portfolio website.
Tags: two-columns,custom-background,custom-header,custom-logo,custom-menu,editor-style,block-styles,rtl-language-support,grid-layout,blog,news,featured-images,flexible-header,custom-colors,full-width-template,sticky-post,threaded-comments,translation-ready,theme-options,one-column,left-sidebar,right-sidebar,three-columns
Version: 2.4.0.1734519443
Updated: 2024-12-18 10:57:23

*/


:root {
	--text-font: "Poppins", serif;
	--title-font: "Poppins", serif;
	--navi-font: "Poppins", serif;
	--widget-title-font: "Poppins", serif;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #111133;
}

.site-header {
    background-color: #253B49;
}

.hero {
    background-color: #f7f7f7;
    height: 350px;
    padding: 50px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.hero-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
}

.hero-search {
    width: 50%;
}

.seo-text {
    background-color: #f7f7f7;
    padding: 15px 50px;
    margin-bottom: 70px;
    height: 300px;
    overflow: auto;
}

.post-layout-four-columns .post-wrapper .type-post .entry-title {
    font-size: 15px;
    background-color: #f7f7f7;
    padding: 5px;
    display: block;
    margin-top: -15px;
}

.content-archive img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    object-fit: cover;
    height: 200px;
}


.no-sidebar .content-single, .site-content .centered-content-area {
    max-width: 1280px;
}


.single-header {
    background-color: #F7F7F7;
    padding: 10px;
	margin-bottom: 40px;
}

.archive-title, .page-title, .entry-title {
    font-size: 24px;
}



.single-post-area {
    max-width: 1200px;
    display: flex;
    column-gap: 40px;
    row-gap: 40px;
}

.single-post-area .single-left {
    width: 860px;
}

.single-post-area .single-right {
    width: 300px;
}

.ads-area-1{
    margin-bottom:40px;
}

.ads-contact-area {
    max-width: 860px;
    display: flex;
    column-gap: 40px;
    row-gap: 40px;
	margin-bottom:40px;
}

.ads-contact-area .left {
    width: 336px;
}

.ads-contact-area .right {
    width: 484px;
}




.logos-workhouse {
    max-width: 860px;
    display: flex;
    column-gap: 40px;
    row-gap: 40px;
	margin-bottom:40px;
}

.logos-workhouse .left {
    width: 500px;
}

.logos-workhouse .right {
    width: 320px;
}








.single-area {
    max-width: 1200px;
    display: flex;
    column-gap: 40px;
    row-gap: 40px;
}

.single-area .left-area {
    width: 360px;
}

.single-area .center-area {
    width: 424px;
}

.single-area .right-area {
    width: 336px;
}






.boxs {
}

.boxs a {
    display: contents;
	color:#222222;
}


.boxs .box {
    display: flex;
    align-items: center;
    border: solid 1px #ddd;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px 8px;
    padding-top: 10px;
}

.boxs .box:hover {
	background-color: #f7f7f7;
}

.boxs .box .icon {
	width: 30px;
	margin-right: 15px;
}

.boxs .box .icon img {
    min-width: 30px;
}

.content-single h2 {
    font-size: 16px;
    margin: 0;
	background-color: #f7f7f7;
    padding: 5px;
    margin-bottom: 5px;
}

.working-hours {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.day {
    display: flex;
    justify-content: space-between;
    padding: 7px 10px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 10px;
}

.day:hover {
	background-color: #f7f7f7;
}
.day:nth-child(even) {
	background-color: #f7f7f7;
}

div#footer {
    background-color: #111;
}

.info.web-site-go {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-maps {
    margin-top: 30px;
}

.google-maps iframe {
    width: 100%;
    height: 300px;
}

.about h2 {
    margin-top: 30px;
}

.about p {
    margin-top: 0;
	font-size: 15px;
}



@media(max-width:991px) {
	.boxs .box {
    	width: 100%;
	}
	
	.working-hours {
		width: 100%;
		display: flex;
		flex-direction: column;
    }
	.hero {
    	padding: 30px;
	}
	.hero-title {
		font-size: 26px;
		line-height: 32px;
	}

	.hero-search {
		width: 100%;
	}

	.site-title {
		font-size: 22px;
	}

	.seo-text {
		padding: 15px;
	}

	.seo-text h2 {
		font-size: 22px;
	}

	.seo-text h3 {
		font-size: 19px;
	}
	
	.single-header {
    padding: 5px;
    margin-bottom: 20px;
}

.archive-title, .page-title, .entry-title {
    font-size: 18px;
}
	
	
	
.single-post-area {
    display: block;
}

.single-post-area .single-left {
    width: 100%;
}

.single-post-area .single-right {
    width: 100%;
    margin-top: 30px;
}	
	

	
.ads-contact-area {
    display: block;
}

.ads-contact-area .left {
    width: 100%;
}

.ads-contact-area .right {
    width: 100%;
}	
	
	
.logos-workhouse {
    display: block;
}

.logos-workhouse .left {
    width: 100%;
}

.logos-workhouse .right {
    width: 100%;
}
	
	

.single-area {
    display: block;
}

.single-area .left-area {
    width: 100%;
}

.single-area .center-area {
    width: 100%;
}

.single-area .right-area {
    width: 100%;
    margin-top: 30px;
}
	

	
	
}