/*
Theme Name: Zupper WEB
Author: Silviu C - Th3Ph4r4oH
Author URI: http://www.csdesign.ro
Theme URI: http://www.zupperweb.net/
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, theme-options, translation-ready 
Version: 1.2.0
Description: Zupper WEB - A Multipurpose, Responsive WooCommerce WordPress Theme.
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: zupper-web
*/
 
@import url("library/zupper-styles/general.css"); 
@import url("library/zupper-styles/compat.css"); 
@import url("library/zupper-styles/main-menu.css"); 
@import url("library/zupper-styles/styles.css"); 
@import url("library/zupper-styles/wordpress.css"); 
@import url("library/zupper-styles/woocommerce.css"); 

/*--------------------------------------------------
	01. Zupper WEB WP Theme
--------------------------------------------------*/
	.zupper-web-site {
		max-width:1230px; margin:0px auto 0;
		padding:30px 15px; background-color:#FFFFFF; 
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
	}
	/* Mobile overwrites */
	@media all and (max-width: 768px) {	
		.zupper-web-site { padding-left:0px!important; padding-right:0px!important; }
	}

/*--------------------------------------------------
	02. Zupper WEB Header
--------------------------------------------------*/
	.hclass { 
		padding:5px 0; height:54px; overflow:hidden; /* background-color:#FFFFFF; */
	}
	.hclass.fixed { position:fixed; top:0px; width:100%; z-index:9999; margin:0 auto; }
	.hclass.static { position:static; width:100%; z-index:336; }
	.hdleft{ text-align:left; }
	.hdleft a { display:inline-block; padding:3px 8px; border:solid 1px #DDDDDD; margin:5px 5px 5px 0px; text-decoration:none; }
	.hdleft a i { font-size:16px; }
	.header-socials { text-align:right; }
	.header-socials a { display:inline-block; padding:3px 8px; /* border:solid 1px #DDDDDD; */ margin:8px 0px 5px 5px; text-decoration:none; }
	.header-socials a i { font-size:14px; }

/*--------------------------------------------------
	03. Zupper WEB Containers
--------------------------------------------------*/
	/* Breadcrumbs */
	.breadcrumbs { margin:0px; padding: 0 0 20px 0; background-color:#FFFFFF; color:#a8a8a8; }
	.breadcrumbs span { color:#a8a8a8; }
	.breadcrumbs a { text-decoration:none; }
	.breadcrumbs a span { text-decoration:none; }
	
/*--------------------------------------------------
	04. Zupper WEB Templates
--------------------------------------------------*/
	/* Portfolio */
	.cat_element {
		overflow:hidden;	
	}
	.cat_element .scat_element {
		position:relative; overflow:hidden;	
	}
	.dzsportfolio .preloader, .dzsportfolio .preloader-circle1 {
		top: 200px!important;
	}
	.dzsportfolio .selector-con {
		margin-bottom:25px; margin-top:10px;
	}
	.dzsportfolio .selector-con .categories {
	  font-size: 14px; text-align:left!important; 
	}
	.dzsportfolio .categories .a-category {
		padding:5px 15px!important; border:none!important;
		color:#5F5F5F!important; background:#f3f3f3!important;
		margin-right:15px!important; margin-top:5px;
	}
	.dzsportfolio .categories .a-category:after {
		content: ""!important;
	}	
	.dzsportfolio > .items {
		margin-right:-15px!important; margin-left:-15px!important; width:auto!important;
	}
	.dzsportfolio .portitem {
		margin-right:0!important; margin-bottom:15px!important; 
		padding-left:15px!important; padding-right:15px!important;
	}
	.dzsportfolio.delay-effects .portitem {
		margin-right:0!important; margin-bottom:15px!important; 
		padding-left:15px!important; padding-right:15px!important;
	}
	.dzsportfolio .portitem .the-title {
		font-size:14px; margin-bottom:0px; font-weight:bold;
	}
	.holder-con > .close-btn { border:none!important; top:0px!important; }
	@media all and (max-width: 992px) {		
		.dzsportfolio.delay-effects .portitem {
			width:50%!important;
		}
	}
	@media all and (max-width: 768px) {		
		.dzsportfolio.delay-effects .portitem {
			width:100%!important;
		}
	}	
	h4 .span_project { display:inline!important; width:auto!important; border:none!important; font-weight:normal; }
	.portofolio_abs_icon{
		position: absolute;
		top: 10px; right: 20px;
		font-size: 18px;
		color: white; padding:3px 10px;
		background:rgba(0, 0, 0, 0.1);
	}
 
	/* Blog articles */
	div.article .nocomm a, div.article .nocomm i { color:#FFFFFF; text-decoration:none; }
	div.article .nocomm { 
		position:absolute; top:15px; right:15px; z-index:8; color:#FFFFFF; font-size:18px; 
		background: url(images/image-on-black.png) repeat; padding: 5px 10px;
	}
	div.article .posty a, div.article .posty i { color:#FFFFFF; text-decoration:none; }
	div.article .posty { 
		position:absolute; top:4%; left:2%; z-index:8; color:#FFFFFF; font-size:28px; 
		background: url(images/image-on-black.png) repeat; padding: 6px 12px;
	}
	
	/* Blog gallery */
	.gallery-columns-1, .gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 { overflow:auto; margin:15px 0; }
	.gallery-columns-1 img, .gallery-columns-2 img, .gallery-columns-3 img, .gallery-columns-4 img, .gallery-columns-5 img, .gallery-columns-6 img,.gallery-columns-7 img, .gallery-columns-8 img, .gallery-columns-9 img { 
		width:95%; height:auto; 
		-moz-box-shadow: 0px 0px 4px 0px #c3c3c3;
		-webkit-box-shadow: 0px 0px 4px 0px #c3c3c3;
		box-shadow: 0px 0px 4px 0px #c3c3c3;
		border:solid 2px #FFFFFF;
	}
	.gallery-columns-1 figure.gallery-item { display:inline; float:left; width:100%; text-align:center; margin:5px 0;  }
	.gallery-columns-2 figure.gallery-item { display:inline; float:left; width:50%; text-align:center; margin:5px 0;  }
	.gallery-columns-3 figure.gallery-item { display:inline; float:left; width:33.33333333%; text-align:center; margin:5px 0;  }
	.gallery-columns-4 figure.gallery-item { display:inline; float:left; width:25%; text-align:center; margin:5px 0;  }
	.gallery-columns-5 figure.gallery-item { display:inline; float:left; width:20%; text-align:center; margin:5px 0;  }
	.gallery-columns-6 figure.gallery-item { display:inline; float:left; width:16.66666666%; text-align:center; margin:5px 0;  }
	.gallery-columns-7 figure.gallery-item { display:inline; float:left; width:14,28571428%; text-align:center; margin:5px 0;  }
	.gallery-columns-8 figure.gallery-item { display:inline; float:left; width:12.5%; text-align:center; margin:5px 0;  }
	.gallery-columns-9 figure.gallery-item { display:inline; float:left; width:11.11111111%; text-align:center; margin:5px 0;  }
	@media all and (max-width: 1200px) {	
		.gallery-columns-1 figure.gallery-item { width:100%; }
		.gallery-columns-2 figure.gallery-item { width:50%; }
		.gallery-columns-3 figure.gallery-item { width:33.33333333%; }
		.gallery-columns-4 figure.gallery-item { width:25%; }
		.gallery-columns-5 figure.gallery-item { width:20%; }
		.gallery-columns-6 figure.gallery-item { width:16.66666666%; }
		.gallery-columns-7 figure.gallery-item { width:14,28571428%; }
		.gallery-columns-8 figure.gallery-item { width:12.5%; }
		.gallery-columns-9 figure.gallery-item { width:11.11111111%; }
	}
	@media all and (max-width: 992px) {	
		.gallery-columns-1 figure.gallery-item { width:100%; }
		.gallery-columns-2 figure.gallery-item { width:50%; }
		.gallery-columns-3 figure.gallery-item { width:33.33333333%; }
		.gallery-columns-4 figure.gallery-item { width:25%; }
		.gallery-columns-5 figure.gallery-item { width:20%; }
		.gallery-columns-6 figure.gallery-item { width:16.66666666%; }
		.gallery-columns-7 figure.gallery-item { width:14,28571428%; }
		.gallery-columns-8 figure.gallery-item { width:12.5%; }
		.gallery-columns-9 figure.gallery-item { width:11.11111111%; }
	}
	@media all and (max-width: 768px) {	
		.gallery-columns-1 figure.gallery-item { width:100%; }
		.gallery-columns-2 figure.gallery-item { width:50%; }
		.gallery-columns-3 figure.gallery-item { width:33.33333333%; }
		.gallery-columns-4 figure.gallery-item { width:25%; }
		.gallery-columns-5 figure.gallery-item { width:20%; }
		.gallery-columns-6 figure.gallery-item { width:16.66666666%; }
		.gallery-columns-7 figure.gallery-item { width:14,28571428%; }
		.gallery-columns-8 figure.gallery-item { width:12.5%; }
		.gallery-columns-9 figure.gallery-item { width:11.11111111%; }
	}
	.article-list-1-col .wp-post-image, .article-list-2-col .wp-post-image, .article-list-3-col .wp-post-image, .article-list-inline .wp-post-image, .blog-article .wp-post-image { 
		margin-top:15px; margin-bottom:15px;
	}
	.article-list-inline .wp-post-image { 
		margin-top:5px;
	}
	.article-short {
		margin-top:15px;
	}
	.article-details {
		margin-top:15px;
	}
	
	/* Blog Comments */
	.comment-form label { display:block; margin-bottom:0px; }
	ul#comments { 
		-moz-padding-start: 0px;
		-webkit-padding-start: 0px;
		-khtml-padding-start: 0px;
		-o-padding-start: 0px;
		padding-start: 0px;
		margin-top:25px;
	}
	ul#comments li ul { 
		margin-top: 15px; margin-bottom: 15px;
	}
	.comment { border:solid 1px #EEEEEE; padding:5px; margin:5px 0; }
	.comment-metadata a time, .comment-metadata span a { font-size:12px; margin-top:5px; color:#a8a8a8; text-decoration:none!important; }
	#comments li { list-style-type:none; }
	.comment-respond div { margin-top:4px; margin-bottom:3px; }
	.comment-respond input { width:70%; padding:10px 15px; border:solid 1px #dddddd; margin:15px 0; } 
	.comment-respond textarea { width:70%; height:150px; padding:10px 15px; border:solid 1px #dddddd; margin:15px 0; } 
	.comment-respond input[type="submit"] { padding:10px 30px; margin:10px 0 10px 0; width:auto; } 
	@media all and (max-width: 768px) {	
		.comment-respond input, .comment-respond textarea { width:100%; } 
	}
	.form-submit input { padding-left:12px; padding-right:12px; padding-top:2px; padding-bottom:2px; }
	.navigation.pagination { padding:0; margin:0; }
	.navigation.pagination h2 { display:none; }
	a.page-numbers, span.page-numbers.current { border:solid 1px #EEEEEE; margin:3px 0; padding:5px 10px; }
	span.page-numbers.current { font-weight:bold; }
	.article-nav-links a span.page-numbers, .article-nav-links span.page-numbers { 
		border:solid 1px #EEEEEE; margin:3px 0; padding:5px 10px; 
	}
	.article-nav-links span.page-numbers { font-weight:bold; }

	/* Contact */
	.c_info div { margin-top:4px; margin-bottom:3px; }
	.input_contact { width:100%; padding:10px 15px; border:solid 1px #dddddd; margin:15px 0; } 
	.textarea_contact { width:100%; padding:10px 15px; border:solid 1px #dddddd; margin:15px 0; } 
	.submit_contact { padding:10px 30px; margin:10px 0 10px 0; } 

/*--------------------------------------------------
	 05. Zupper WEB Sidebars 
--------------------------------------------------*/
	.sidebar_right { padding-left:30px; border-left:solid 1px #EEEEEE; }
	.sidebar_left { padding-right:30px; border-right:solid 1px #EEEEEE; }
	@media all and (max-width: 768px) {	
		.sidebar_css { padding-left:0px!important; padding-right:0px!important; border:none!important; }
	}
	.sidebar_title {
		padding:0px; margin-bottom:15px;
	}
	.sidebar_content {
		border-bottom:solid 1px #EEEEEE; padding-bottom:15px; margin-bottom:15px; 
		
	}	
	.sidebar_content ul {
		margin:0 0 15px 20px; padding:0 10px;
		list-style-type:none; color:#000000;
	}
	.sidebar_content ul li:before {
		content: "\f0da";
		font-family: FontAwesome; color:#000000;
		display: inline-block;
		margin-left: -1.2em;
		width: 1.2em;
	}
	.sidebar_content ul li:hover:before {
		margin-left: -1.6em;
		width: 1.6em;
	}
	.sidebar_content ul li:hover {
		transition: all 0.6s ease; color:#000000;
	}
	.sidebar_content ul li:hover:before {
		color:#000000; transition: all 0.6s ease;
	}
	.sidebar_content .row.latest_posts.article .col-xs-3 { padding-right: 0px; }
	.sidebar_content_footer .row.latest_posts.article .col-xs-3 { padding-right: 0px; }
	.sidebar_content .row.latest_posts h6 { margin: 5px 0px 0px 0px; }
	.sidebar_content_footer .row.latest_posts h6 { margin: 5px 0px 0px 0px; }
	.sidebar_content .navbar-form.navbar-right { float:none!important; }
	.sidebar_content .navbar-form.navbar-right .form-group { width:100%!important; }
	.sidebar_content .navbar-form.navbar-right input { width:100%!important; }
	.sidebar_content .navbar-form.navbar-right button { margin-top:6px; }
	.cta_widget { 
		text-align:left; 
	}
	.cta_widget a { display:block; padding:5px 10px; margin:0px 0px 15px 0px; text-decoration:none; font-size:16px; }
	.cta_widget a i { display:inline-block; width:30px; text-align:center; font-size:24px; }
	.cta_widget .wgt_arr_right{ font-size:14px; visibility:visible; float:right; padding-right:0px; padding-top:5px; transition: all 0.6s ease; }
	.cta_widget:hover .wgt_arr_right { visibility:visible; margin-right:-15px; transition: all 0.6s ease; }
	
/*--------------------------------------------------
	 06. Zupper WEB Footer 
--------------------------------------------------*/
	.footer-socials { margin-top:30px;  margin-bottom:30px; text-align:center; }
	.footer-socials a i { transition: all 0.6s ease; }
	.footer-socials a:hover i { transition: all 0.6s ease; }
	.footer_top .row.latest_posts { margin-bottom:5px; margin-top:5px; }
	.footer_top ul li, .footer_top ol li { padding-top:5px; padding-bottom:5px; }
	.footer_top div.relative_on img {
		border: none;
	}
	.footer_top .sidebar_title_footer h4 span {
		display:block; margin-top:12px; width:45px; height:1px;
		border-top:solid 1px #FFFFFF; transition: all 0.6s ease;
	}
	.footer_top .sidebar_content_footer {
	}
	.footer_top .sidebar_content_footer ul {
		margin:0 0 15px 20px; padding:0;
		list-style-type:none;
	}
	.footer_top .sidebar_content_footer ul li:before {
		content: "\f0da";
		font-family: FontAwesome;
		display: inline-block;
		margin-left: -1.2em;
		width: 1.2em;
	}
	.footer_top .sidebar_content_footer ul li:hover:before {
		margin-left: -1.6em; 
		width: 1.6em; 
	}
	.footer_top .sidebar_content_footer ul li a {
		transition: all 0.6s ease;
	}
	.footer_top .sidebar_content_footer ul li:hover a {
		transition: all 0.6s ease;
	}
	.footer_bottom {
		padding-top:25px; padding-bottom:20px; border-radius:0px!important;
	}
	.footer_bottom nav ul { margin:0; padding:0; }
	.footer_bottom nav ul li { margin:0; padding:0; list-style-type:none; display:inline-block; }
	.footer_bottom nav ul li a { display:block; margin: 2px 4px; padding: 2px 4px; }


/*--------------------------------------------------
	 WIDGETS 
--------------------------------------------------*/
	.codt { display:inline-block; width:44px; height:44px; border-radius:22px; padding:12px 4px 2px 4px; text-align:center; transition: all 0.6s ease; }
	.cosdt { display:inline-block; width:44px; height:44px; border-radius:22px; padding:12px 4px 2px 4px; text-align:center; transition: all 0.6s ease; }
	.row.latest_posts { margin-bottom:10px; margin-top:10px; }
	.latest_posts .about-latest-article { margin-top:4px; font-size:12px; }
	
	/* Newsletter subscription */
	.input_subscription { width:100%; padding:8px 12px; border:solid 1px #dddddd; margin:5px 0; } 
	.textarea__subscription { width:100%; padding:10px 15px; border:solid 1px #dddddd; margin:5px 0; } 
	.submit_subscription { padding:10px 30px; margin:15px 0 5px 0; } 
	#wp-calendar { width:100%; }
	#wp-calendar caption { text-transform:capitalize; font-size:16px; margin-bottom:12px; }
	#wp-calendar th, #wp-calendar td { padding:4px; background:#FBFBFB; text-align:center; }
	#wp-calendar td a { font-weight:bold; }
	#wp-calendar td#today { color:#FFFFFF; }