/*
Theme Name: Maxwell Child - Koffler Sales Company
Theme URI: https://themezee.com/themes/maxwell/
Author: Koffler Sales Company
Author URI: https://themezee.com
Description: Maxwell Child Theme - Koffler Sales Company
Version: 2.3.9
Template: maxwell
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 5.6
AMP: true
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Koffler Sales Company
Tags: two-columns, custom-background, custom-header, custom-logo, custom-menu, grid-layout, blog, entertainment, news, editor-style, block-styles, rtl-language-support, featured-image-header, 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

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Maxwell is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# - CSS Variables
# - Normalize
# - Typography
# - Elements
# - Forms
# - Accessibility
# - Alignments
# - Clearings
# - Site Layout
# - Header
# - Navigation
# - Social Icons Menu
# - Posts and pages
# - Archives and Blog Layouts
# - Blocks
# - Featured Posts
# - Widgets
# - Magazine Widgets
# - Comments
# - Media
# - Footer
# - Plugins
# - Media Queries for Typography
# - Media Queries for Layout
# - Media Queries for Navigation
# - Media Queries for Featured Posts
# - Media Queries for Media
# - Theme Options
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# - CSS Variables
--------------------------------------------------------------*/

body{
	font-family: 'Open Sans', sans-serif !important;
	background:#fff;
}

:root {
	--accent-color: #cc0001;
	--button-color: #098a92;
	--link-color: #cc0001;
}

/*header css START HERE*/
.site{
	padding:0;
	max-width:100%;
}
.site-title{
	margin:0;
	font-size: 20px;
    line-height: 1;
    color: #5b5b5b;
    font-weight: 700;
    letter-spacing: 0.03em;
    display: block;
    padding: 1px 0 3px;
	font-family: 'Open Sans', sans-serif;
	margin-left: 45px;
	line-height: 12px;
	max-width:100%;
	padding:0;
}
.site-title a{
	color: #5b5b5b !important;
}
.site-title a:hover{
	text-decoration:none;
}
.site-description{
	font-size: 12px;
    color: #686868;
    font-weight: 300;
    width: 220px;
    text-decoration: none;
    line-height: 1.2;
    padding-top: 8px;
	font-family: 'Open Sans', sans-serif;
	margin-left: 45px;
	margin-bottom:0;
	text-align: left;
}
.header-main {
    padding: 22px 18px 12px 18px;
	max-width:1330px;
	margin:0 auto;
}
.primary-navigation-wrap{
	max-width:1330px;
	margin:0 auto;
	padding:0 18px;
}
.main-navigation > ul > li > a{
	border-top:0;
}
.primary-navigation-wrap{
	border-top:0;
}
.primary-navigation{
	padding-bottom:6px;
}
.main-navigation > ul > li > a{
	border-width: 2px 0;
    border-style: solid;
    border-color: transparent;
	font-family: 'Open Sans', sans-serif;
}
.main-navigation > ul > li > a, .main-navigation > ul > li > a:link, .main-navigation > ul > li > a:visited{
	font-size: 15px;
    line-height: 17px;
    color: #000;
	padding-left:0;
	padding-right:0;
	padding-bottom:7px;
	font-weight:600;
	padding-top:2px;
}
.main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:link:hover, .main-navigation > ul > li > a:visited:hover{
	border-bottom-color:#cc0001;
}
.main-navigation > ul > li.current-menu-item > a{
	border-color: transparent;
}
.site-branding{
	position:relative;
	z-index:1;
}
.site-branding .custom-logo{
	margin:0;
	position: absolute;
    left: 0;
    top: 0;
}
.header-widgets .widget_search .wp-block-search__button{
	margin-left:0;
	background-color: #cc0001;
	height: 40px;
    padding: 6px 10px;
}
.header-widgets .widget_search{
	float:left;
	width: 660px;
	margin:0 0 0 1.5em;
	font-family: 'Open Sans', sans-serif;
}
.header-widgets .widget_search .wp-block-search__input{
	font-size: 15px;
    line-height: 1.2;
    color: #606060;
    text-transform: uppercase;
    font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	border-color: #828282;
}
.custom-header-desktop{
	position:relative;
	display:block;
}
.custom-header-desktop .widget_text{
	margin:0;
}
.custom-header-desktop .widget_text p{
	margin:0;
	line-height:26px;
	margin-top: -10px;
	color:#cc0001;
	font-size: 26px !important;
    font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.header_callout{
	background-color: #cc0001;
	text-align:center;
	padding: 8px 0px;
}
.header_callout p{
	margin:0;
}
.header_callout a{
	font-size: 20px;
    line-height: 1.44;
    color: #fff;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.025em;
    text-decoration: underline;
}
.header_callout .widget_block {
	float: none;
    margin: 0;
	max-width: 100%;
}
.header-widgets{
	text-align:right;
}
.main-navigation ul ul li a{
	font-size: 15px;
    line-height: 1.33;
    color: #5a5a5a !important;
    letter-spacing: 0.01em;
	padding: 6px 0;
	font-family: 'Open Sans', sans-serif;
}
.main-navigation ul ul li a:hover{
	color:#cc0001 !important;
}
.main-navigation ul ul{
		background-color:#fff;
		padding:20px 28px 0 26px;
	}
.main-navigation .menu-item-has-children > a > .icon{
	fill:#cc0001;
	top:-1px;
}
.shop-link-header{
	position: absolute;
    right: 30px;
    bottom: -40px;
	z-index:1;
}
.shop-link-header a{
	font-size:15px;
	line-height:17px;
	color:#fff;
	font-weight:600;
	background-color:#10ab25 !important;
	border-color:#10ab25 !important;
}
.shop-link-header .wp-block-buttons{
	margin:0;
}
.shop-icon{
	width:25px !important;
}
.tele-icon a{
	position:relative;
	z-index:9;
}
/*header css END HERE*/
/*footer css START HERE*/
.footer-bar{
	font-size: 14px;
    line-height: 1.71;
    color: #080808;
    font-weight: 400;
    text-align: center;
    text-indent: 3px;
}
.footer-wrap{
	max-width: 1330px;
    padding-right: 18px;
    padding-left: 18px;
    margin: auto;
	border-top:0;
}
.site-footer .site-info{
	float: none;
    padding: 0;
}
.footer-bar a{
	color: #080808;
}
.footer-social-icons{
	list-style:none;
	padding-left:0;
	margin:0;
}
.footer-social-icons li{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.footer-social-icons li img{
	width:30px;
	height:30px;
}
.footer-social-icons li a img{
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.footer-social-icons li a:hover img{
	-webkit-transform: translateY(4px);
    transform: translateY(4px);
}
/*footer css END HERE*/

/* footer before css START HERE */
.footer-wrap{
	background-color: #f8f8f8;
	max-width: 100%;
	padding-left:0;
	padding-right:0;
	padding-top:35px;
	padding-bottom:28px;
	position:relative;
}
.footer-wrap .site-footer{
	max-width: 1330px;
    margin: 0 auto;
	padding-left:18px;
	padding-right:18px;
}
.follow-us h4 {
    margin-top: 0;
    font-size: 18px !important;
    line-height: 2 !important;
    color: #080808 !important;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: -0.04em;
    margin-bottom: 5px;
}
.footer_badges ul{
	padding-left:0;
	margin:20px 0 0 0;
}
.footer_badges ul li{
	display:inline-block;
	vertical-align:middle;
}
.footer_badges ul li img{
	max-height:30px;
}
.footer-wrap .menu{
	list-style:none;
	margin:0;
	padding-left:0;
}
.footer-wrap .menu .menu-item a{
	font-size: 15px;
    line-height: 1.75;
	color:#000;
}
.footer-wrap .menu .menu-item{
	padding:2px 0 0;
	line-height:initial;
}
.footer-menu-title a{
	 font-size: 18px !important;
    line-height: 2 !important;
    color: #080808 !important;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: -0.04em;
}
.footer-wrap .menu .menu-item a:hover{
	color: #cc0001;
}
.footer-certificate{
	max-width: 140px;
    position: absolute;
    top: -48px;
    right: 100px;
}
.newsletter-section .subscribe__field{
	border:1px solid #828282;
}
.newsletter-section .newsletters_buttonwrap button{
	border: 1px solid #828282;
    background: #cc0001;
	border-color:#cc0001;
	border-radius:0;
	position: absolute;
    top: 0;
    right: 0;
	height:40px;
}
.newsletter-section .newsletters_buttonwrap button:hover{
	background-color: #363636;
}
.newsletter-section .newsletters_buttonwrap button:focus{
	background-color: #363636;
}
.newsletter-section .newsletters-subscribe-form{
	position:relative;
	width:90%;
}
.newsletter-section .newsletters-fieldholder input{
	background:#fff;
	height:40px;
}
.newsletter-section .newsletters-fieldholder input:focus{
	box-shadow:none;
}
.newsletter-section .newsletters-fieldholder label{
	display:none;
}
.subscribe-label label{
	font-size: 18px;
    line-height: 1;
    color: #080808;
    letter-spacing: -0.04em;
    margin-bottom: 5px;
	display:block;
}
.subscribe-label span{
	font-size: 14px;
    line-height: 1.33;
    color: #5c5c5c;
    font-weight: 400;
    letter-spacing: 0em;
    display: block;
    padding: 6px 0;
}
/* footer before css END HERE */

/*site content css START HERE*/
.content-area{
    width: 85%;
}
.content-archive {
	padding-right: 0;	
}
.site-content{
	max-width:1330px;
	margin:0 auto;
	padding:40px 18px;
	font-family: 'Open Sans', sans-serif !important;
}

.post-wrapper .type-post .entry-title{
	font-family: 'Open Sans', sans-serif;
}
.pagination a{
	background-color:#999;
}

.site-main, .entry-title, .elementor-widget-text-editor, .page-title, .archive-title{
	font-family: 'Open Sans', sans-serif !important;
}
.elementor-widget-text-editor{
	color: #080808 !important;
}
.promotion{
	padding:0 15px;
}
.sidebar{
	background: #fff6f7;
	padding: 0 15px;
	border:1px solid #dcdada;
	width:14.5%;
}
.sidebar .wp-block-categories-list .cat-item a{
	color: #303030;
    font-size: 15px;
    font-weight: 500;
}
.sidebar .wp-block-categories-list .cat-item a:hover{
	color:#cc0001;
}
.sidebar .wp-block-categories-list .cat-item{
	border-bottom: 1px solid #dcdada;
    padding: 6px 0;
}
.sidebar .wp-block-categories-list .cat-item:last-child{
	border-bottom: 0;
}
.sidebar .wp-block-categories-list{
	list-style:none;
}
.sidebar .widget {
	margin:0;
}
.sidebar .wp-block-heading{
	margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 700;
}
.post-layout-columns .post-wrapper{
	margin-right:-1em;
}
.post-layout-two-columns .post-wrapper .post-column, .post-layout-three-columns .post-wrapper .post-column {
    width: 22.5%;
	position: relative;
    margin-bottom: 30px;
	padding-right:0;
	margin-right:1.5em !important;
	box-shadow:0px 10px 15px -3px rgba(0,0,0,0.1);
	padding-bottom:15px;
}

.post-wrapper .type-post .entry-title {
    font-size: 18px;
	margin-top: 10px;
	padding: 0 10px;
	margin-bottom: 10px;
}
.post-wrapper .type-post .entry-content .more-link {
    position: absolute;
	bottom: 15px;
}
.post-wrapper .type-post .entry-content {
    font-size: 15px;
	padding: 0 10px;
}
.type-post .wp-post-image, .type-page .wp-post-image{
	width:100%;
}
.first-custom-blog.post-column{
	width:100% !important;
	box-shadow: none !important;
}
.first-custom-blog.post-column .type-post .wp-post-image{
	float: left;
    margin: 0px 1.5em 1em 0px !important;
    padding: 0px;
    max-width: 61%;
}
.first-custom-blog.post-column .type-post .wp-post-image{
    max-height: 300px !important;
    min-height: 300px !important;
}
.first-custom-blog.post-column .type-post .entry-title{
	display:inline;
	font-size:24px;
	padding-left: 0;
}
.first-custom-blog.post-column .type-post{
	margin-bottom:0;
}
.first-custom-blog.post-column .type-post .entry-content{
	font-size: 18px;
}
.first-custom-blog.post-column .type-post .entry-content .more-link{
	position:relative;
}
.post-layout-columns .post-wrapper .post-column .type-post .wp-post-image {
    max-height: 165px;
    min-height: 165px;
}
/*site content css END HERE*/

/*author detail page css START HERE*/
.archive-description{
	padding:0 20px 0 0;
}
.author-profile img{
	border-radius: 100px;
    border: 2px solid #cc0001;
    padding: 3px;
}
.author-profile{
	display:flex;
	align-items:center;
}
.author-profile .archive-title{
	padding-left:20px;
}
/*author detail page css END HERE*/

/*elementor css START HERE*/
.elementor-widget-image img{
	width:100%;
}
/*elementor css END HERE*/

.search-form{
	margin-right:2rem;
}
.search-form .search-submit{
	background-color: #cc0001;
}

.header-widgets .widget_search label{
	display:none;
}

.shop-img-link{
	position:relative;
	z-index:1;
}

/*media css START HERE*/
@media only screen and (min-width: 768px){
	.primary-menu-toggle, .main-navigation .dropdown-toggle{
		display:none;
	}
	.primary-navigation{
		display:flex;
	}
	#masthead .main-navigation > ul.menu{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin: 0;
		border-bottom: none;
	}
	.main-navigation > ul{
		background:none;
	}
	.main-navigation > ul > li {
		margin-right: 1.2em;
	}
	.main-navigation > ul > li.current-menu-item > a{
		text-decoration: none;
	}
	.mobile-logo{
		display:none;
	}
	.tele-icon{
		display:none;
	}
}
@media only screen and (max-width: 1360px){
	.header-widgets .widget_search{
		width:520px;
	}
}
@media only screen and (max-width: 1279px){
	.header-widgets .widget_search{
		width:345px;
	}
	.custom-header-desktop .widget_text p a{
		font-size: 20px;
    	line-height: 1;
	}
	.footer-certificate{
		right: 40px;
	}
	.post-layout-two-columns .post-wrapper .post-column, .post-layout-three-columns .post-wrapper .post-column{
		width:30.33333%;
		margin-right:1em !important;
	}
	.sidebar .wp-block-heading{
		font-size:1.3rem;
	}
	.post-layout-columns .post-wrapper .post-column .type-post{
		margin-bottom:0;
	}
}
@media only screen and (max-width: 1023px){
	.header-widgets .widget_search{
		width:280px;
	}
}
@media only screen and (max-width: 960px){
	.site-branding{
		float:left;
	}
	.header-widgets .widget_search{
		width:260px;
	}
	.footer-certificate{
		right: 0;
	}
	.main-navigation .menu-item-has-children > a > .icon{
		display: inline-block;
		left: 0.5rem;
		top: -1px;
		width: 12px;
		height: 12px;
		position: relative;
	}
	.post-layout-two-columns .post-wrapper .post-column, .post-layout-three-columns .post-wrapper .post-column{
		width:46%;
		margin-right:2em !important;
	}
	.post-layout-two-columns .post-wrapper .post-column:nth-child(odd), .post-layout-three-columns .post-wrapper .post-column:nth-child(odd){
		margin-right:0 !important;
	}
	.first-custom-blog.post-column .type-post .wp-post-image{
		float:none;
		max-width:100%;
		margin:0;
	}
	.sidebar,
	.content-area, .site-content .content-fullwidth{
		width:100% !important;
	}
	.custom-header-desktop .widget_text p{
		font-size:22px !important;
	}
	.shop-link-header{
		right:0px;
	}
}

@media only screen and (max-width: 870px){
	.post-layout-two-columns .post-wrapper .post-column, .post-layout-three-columns .post-wrapper .post-column {
		width: 100%;
	}
	.post-wrapper .type-post .entry-content .more-link {
		position: relative;
	}
	.post-layout-columns .post-wrapper{
		margin-right:0;
	}
}
@media only screen and (max-width: 767px){
	.header_callout a{
		font-size: 15px;
		line-height: 1.2;
		font-weight: 300;
		letter-spacing: 0.015em;
	}
	.site-branding, #block-9{
		display:none;
	}
	.header-widgets .widget_search{
		width:100%;
		margin-left:0;
		position: relative;
    	top: 40px;
		margin-bottom: 45px;
	}
	.primary-menu-toggle{
		border-top:0;
		position: absolute;
    	top: -80px;
	}
	.site-header{
		position:relative;
	}
	.primary-menu-toggle .menu-toggle-text{
		display:none;
	}
	.primary-navigation-wrap{
		position: relative;
		top: -67px;
		left: 0;
	}
	.primary-menu-toggle{
		padding-left:0;
	}
	.primary-menu-toggle .icon{
		fill:#cc0001;
	}
	.main-navigation ul{
		box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    	padding: 10px;
		position: absolute;
    	width: 100%;
		background-color:#fff;
		border: 1px solid lightgray;
		top: -15px;
	}
	.main-navigation > ul > li > a, .main-navigation > ul > li > a:link, .main-navigation > ul > li > a:visited{
		margin-bottom:5px;
	}
	.mobile-logo{
		display:block;
		margin-left: 40px;
	}
	.tele-icon{
		display:block;
	}
	.tele-icon img{
		width:20px;	
	}
	.main-navigation ul ul{
		display: block;
		z-index: 1;
		position: relative;
		box-shadow: none;
		border: 0;
		padding: 0 20px;
		top:0;
		margin-bottom: 10px;
	}
	.main-navigation.toggled-on > ul.menu{
		max-height: 300px;
    	overflow-y: auto;
	}
	.shop-link-header{
		display:none;
	}
	.post-layout-two-columns .post-wrapper .post-column, .post-layout-three-columns .post-wrapper .post-column{
		margin-right:0 !important;
	}
	
}
@media only screen and (max-width: 480px){
	.site-title{
		font-size: 14px !important;
		margin-left: 40px;
	}
	.site-branding .custom-logo{
		left:-5px;
	}
	.site-description{
		width: 150px;
		font-size: 10px;
		margin-left: 40px;
	}
	.primary-menu-toggle {
		top: -77px;
	}
}
@media only screen and (max-width: 360px){
	.mobile-logo{
		margin-left:35px;
	}
	.site-title{
		font-size:13px !important;
	}
	.tele-icon img, .shop-icon{
		width:16px !important;
	}
	.primary-menu-toggle .icon{
		width:20px;
		height:20px;
	}
}
/*media css END HERE*/