/*   
Theme Name: Malina child-theme
Theme URI: http://themeforest.net/user/artstudioworks/portfolio
Description: Malina is the perfect and stylish template to present your ideas online. With wide range of project layouts, from full-screen to iconic grid, you can easily create template you need, that will engaging visitors and potential clients.
Author: ArtstudioWorks
Author URI: http://themeforest.net/user/artstudioworks
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: malina
Tags: white, black, blue, fluid-layout, fixed-layout, custom-colors, custom-background, theme-options, translation-ready
Designed by MontaukCo: http://themeforest.net/user/montaukco

All PHP code is released under the GNU General Public Licence version 3.0
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/*	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MAIN */
/* #main 																	{ padding-left: 20px; padding-right: 20px; } */
#main .container 														{ max-width: 1400px; /*padding: 0 20px;*/ }
#content.sidebar-left 													{ padding-left: 100px; }
@media only screen and (max-width: 782px)  								{ 
	#content.sidebar-left 												{ padding-left: 0; }
}

.search-area 															{ z-index: 99; }

/*	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MENU */
/* #page-wrap-blog 														{ margin-top: 50px; } */
#mobile-header .logo													{ padding: 10px 0; }
#mobile-header .logo .logo_main img										{ max-width: 100px; }
#header.header4 .logo 													{ padding: 14px 0 14px 0px; }

@media only screen and (max-width: 1300px) and (min-width: 782px) 		{
	#header.header4 .logo, #header.header4 .social-icons-block 			{ width: 20%; }
/* 	#header.header4 .social-icons-block 								{ order: 3; } */
/* 	#header.header4 > .container > .span12 #navigation-block 			{ width: 60%; order: 2; } */
}

	
#navigation-block .wpmm-vertical-tabs-nav 								{ max-width: 15%; }
#navigation-block .wpmm-vertical-tabs-content 							{ max-width: 85%; }
#navigation-block .wpmm-vertical-tabs-nav .wpmm-tab-btns a				{ word-break: break-word; }
#navigation-block #wp-megamenu-main_navigation>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu .wpmm-tab-btns li a { max-width: unset; }
//.wp-megamenu-sub-menu 													{ background: white; }

@media only screen and (max-width: 1300px) and (min-width: 783px) 		{
	#navigation-block .wpmm-vertical-tabs-nav 							{ max-width: 20%; }
	
	#navigation-block .wpmm-vertical-tabs-content 						{ max-width: 80%; }
	
	.wpmm-vertical-tabs .wpmm-tab-pane.active .wpmm-grid-post-row .wpmm-grid-post { width: 50%; }
	.wpmm-vertical-tabs .wpmm-tab-pane.active .wpmm-grid-post-row .wpmm-grid-post:last-child { display: none;  }
}

/*	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// FOOTER */
#footer																	{ z-index: 10; }
#footer .special-bg														{ height: 75%; }
#footer #before-footer													{ max-width: 1200px!important; padding-bottom: 0; }
#footer #before-footer .insta-follow-link								{ border-radius: 0; width: auto; height: auto; }
#footer #footer-widgets 												{ background: #1d1f20; padding-top: 50px; }
#footer #footer-widgets .widget											{ margin-bottom: 15px; }
#footer #footer-widgets .widget.widget_recent_entries ul				{ padding-left: 0; }
#footer #footer-widgets .widget.widget_recent_entries ul li				{ margin-bottom: 15px; }
#footer #footer-widgets .widget.widget_recent_entries ul a				{ color: white; }
#footer #footer-widgets .widget.widget_recent_entries ul a:hover		{ color: #58b39d; }
#footer #footer-widgets .widget-title									{ color: white; text-align: left; }
#footer .social-icons .unstyled											{ text-align: left; }
#footer .social-icons i::before											{ font-size: 22px; }
#footer .copyright-text a:hover											{ color: white; }

.widget .instagram-item a 												{ height: 0; }

@media only screen and (max-width: 782px) 								{
	#footer .social-icons .unstyled 									{ text-align: center; margin-bottom: 20px!important; }
}

/*	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// BANNER HOME */
#blog-herosection .herosection_text 									{ font-size: 75px; width: 45%; max-width: 600px; margin-left: -600px; }
#blog-herosection .owl-carousel 										{ height: 440px; }
#blog-herosection .recent-posts .recent-post-item .post-img 			{ border: 7px solid white; width: 100%; height: 0; padding-bottom: 60%; position: relative; display: block; overflow: hidden; }
#blog-herosection .recent-posts .recent-post-item .post-img img 		{ min-width: 100%; width: unset; position: absolute; height: auto; transform: translate(-50%, -50%); left: 50%; top: 50%; }

.post-img 																{ position: relative; }
.recent-post-item.cvom-advertorial .post-img::after,
.cvom-advertorial .post-img::after										{ content: "Advertorial"; background: #1d1f20; color: white; position: absolute; left: 0; bottom: 0; font-size: 16px; padding: 5px 10px; } 
/* .recent-post-item.cvom-advertorial .post-img::after						{ content: ""; background: #1d1f20; color: white; position: absolute; left: 0; top: 10px; font-size: 16px; padding: 5px 10px; } */

@media only screen and (min-width: 1200px) 								{
	#main #blog-herosection .bg .blog-herosection-image 				{ height: 600px; overflow: hidden; }
	#main #blog-herosection .bg .blog-herosection-image img 			{ position: absolute; left: 0; width: 100%; height: auto; top: 50%; transform: translateY(-50%); }
}
@media only screen and (max-width: 1199px) 								{
	#blog-herosection .herosection_text 								{ font-size: 60px; }	
}
@media only screen and (max-width: 991px) 								{
	#blog-herosection .herosection_text 								{ font-size: 40px; width: 75%; max-width: 600px; margin-left: -600px; }	
}

/*	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// SIDEBAR */
.widget_categories ul li 												{ display: flex; justify-content: space-between; }
.widget_categories ul li a 												{ width: 100%; text-align: left; }

.widget_products ul 													{ list-style: none; padding-left: 0; }
.product_list_widget li 												{ text-align: center; }
.product_list_widget li a img 											{ margin-bottom: 20px; }
.product_list_widget li a .product-title 								{ display: block; }

/*	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// WOOCOMMERCE */
.woocommerce-page .woocommerce .page-title 								{ margin-top: 60px; }
.woocommerce-page.single-product #content 								{ padding-left: 15px; padding-right: 15px; }
#content .woocommerce form.cart .quantity 								{ flex: 0 0 160px; }

@media only screen and (max-width: 782px)  								{ 
	.woocommerce-images .woocommerce-product-images  					{ display: flex; flex-wrap: wrap; }
	.woocommerce-images .woocommerce-product-images p 					{ float: none; margin: 0 auto; width: calc(100% / 4); }
	.woocommerce-images .woocommerce-product-images p:first-child 		{ width: 50%; margin-left: 25%; margin-right: 25%; }
	.woocommerce-images .woocommerce-product-images p:nth-last-child(1):nth-child(odd) { width: 25%; }
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 100%; }
}

/*	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// AD BANNERS SHORTCODE */
.sc_banner 																{ display: block; position: relative; width: 100%; margin: 50px auto 15px; }
.sc_banner.desktop 														{ /* 1.5x formaat */ max-width: 1092px; /* 2x formaat | max-width: 1456px; */ }
.sc_banner.mobile 														{ /* 1.5x formaat */ max-width: 480px; /* 2x formaag | max-width: 640px; */ }
.sc_banner.all 															{ /* 1.5x formaat */ max-width: 450px; /* 2x formaat |  max-width: 600px; */ }
.sc_banner a 															{ display: block; }
.sc_banner img 															{ width: 100%; }