/*
Theme Name: Cherie Child
Theme URI: https://firstsight.design/cherie/beauty/
Template: cherie
Author: firstsight_design
Author URI: https://themeforest.net/user/firstsight_design
Description: Cherie is modern, convenient and highly thought-out WordPress theme with fascinating design.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,full-width-template,post-formats,sticky-post,theme-options,translation-ready
Version: 1.0
*/

/* Add your custom CSS Here */

footer.art-main-footer
{
	padding: 30px 0 !important;
}

@media (min-width: 1000px) {
	header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > .nav-item
	{
		padding: 21px 16px!important;
	}
}

@media (max-width: 1200px) {
	header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li
	{
		padding: 25px!important;
	}
}

@media  (max-width: 1199px) {
	
	#art-main-holder > div > footer > div 
	{
		max-width: 90%;
	}

	#art-main-holder > div > footer > div > div > div.footer-widget-area.art-footer-first-column
	{
		max-width: 100%;
	}
	
	#art-main-holder > div > footer > div > div > div.footer-widget-area.art-footer-second-column
	{
		max-width: 33%;
	}
	
	#art-main-holder > div > footer > div > div > div.footer-widget-area.art-footer-third-column
	{
		max-width: 33%;
	}
	
	#art-main-holder > div > footer > div > div > div.footer-widget-area.art-footer-fourth-column
	{
		max-width: 33%;
	}

}

@media  (max-width: 500px) {
	#art-main-holder > div > footer > div > div > div.footer-widget-area.art-footer-second-column
	{
		max-width: 100%;
	}
	
	#art-main-holder > div > footer > div > div > div.footer-widget-area.art-footer-third-column
	{
		max-width: 100%;
	}
	
	#art-main-holder > div > footer > div > div > div.footer-widget-area.art-footer-fourth-column
	{
		max-width: 100%;
	}
	
	.art-main-footer-container > .row {
		display: flex;
		flex-direction: column;
	}
}

