/*
Theme Name: Altertech_S
Theme URI: http://www.blog.altertech.it/altertech_s-wordpress-starter-theme-based-google-web-starter-kit/
Author: Bigbabert
Author URI: http://www.blog.altertech.it/author/alberto-cocchiara/
Description: New Wordpress multipropose starter theme based on Google Web Starter Kit. Altertech_S is tested up to Wordpress 4.2.2 and Woocommerce 2.3.13.
Version: 1.8.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: altertech_s
Tags: blue, white, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments

This theme, like WordPress, is licensed under the GPLV2, http://www.gnu.org/licenses/gpl-2.0.html
Use it to make something cool, have fun, and share what you've learned with others.

Google Web Starter Kit Licensed under the Apache License, Version 2.0 https://github.com/google/web-starter-kit/blob/master/LICENSE
Fancybox License: www.fancyapps.com/fancybox/#license
Genericons License: https://github.com/Automattic/Genericons/blob/master/LICENSE.txt

The entry level of the structure of the theme is made on the underscores generator  http://underscores.me
Resetting and rebuilding styles have been helped along thanks to the fine work of Google Web Starter Kit https://developers.google.com/web/starter-kit/, Google Inc and Fancybox Jquery, http://fancybox.net, mixed by Bigbabert
*/
/*--------------------------------------------------------------
1.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
1.2 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
1.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
.gallery {
				margin: auto;
                                margin-bottom: 108%;
			}
			.gallery .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 33%;
			}
			.gallery img {
				border: 2px solid #cfcfcf;
			}
			.gallery .gallery-caption {
				margin-left: 0;
			}
                        img.attachment-thumbnail {
                            width: 200px;
                            height: auto;
                        }
/*--------------------------------------------------------------
1.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right !important;
	margin-left: 1.5em;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.aligncenter {
	clear: both;
	display: block !important;
	margin: 0 auto;
}
.featured-image-borded, .size-large {
float: left;
padding: 0px;
margin: 3%;
}

/*--------------------------------------------------------------
1.4 Clearings
--------------------------------------------------------------*/
body, html {
max-width: 100% !important;
width: 100%;
overflow-x: hidden !important
    overflow-y: scroll;
}
.logged-in.admin-bar .app-bar-container {
margin-top: 1.8%;
}
ul.list-guides-intro.list-centered.list--reset.clear {
margin-right: 5%;    
}
img.gs_logo {
margin-left: 3%;
padding-bottom:1%;
width: auto;
height: auto;
max-height: 180px;
max-width: 280px;
position: relative;
top: 12px;
left: 10%;
z-index: 997;
}
.widget_price_filter h1.widget-title {
margin-bottom: 20px;
}
        @media screen and (max-width: 736px) {
            body.admin-bar #wpadminbar {
            position: absolute;    
            }
            body.admin-bar header.app-bar.promote-layer, body.admin-bar .navdrawer-container h4 {
              margin-top: 46px;
            }
}
   body.admin-bar #wpadminbar {
direction: ltr;
color: #ccc;
font: 400 13px/32px "Open Sans",sans-serif;
height: auto;
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100% !important;
min-width: 100%;
z-index: 99999;
background: #222;
display: inline-block !important;
	}
.gs_fix {
background-color: #4285f4;
display: block;
max-width: 100% !important;
}
.at_center {
text-align: center !important;
}
#secondary .gs_search, #left-sidebar .gs_search {
margin-top: 20px;
padding-right: 10px !important;
padding-left: 22px;
}
#secondary .gs_search input#s.search {
font-size: 1.2em;
}
.search a.post-edit-link {
color: #06e;
}
.gs_search {
width: 100%;
}
.gs_search  i {
font-size: 40px;
}
.author .editorial-header .container p, .author span.byline {
display: none;
}
ul.products li::before, nav.woocommerce-pagination ul.page-numbers li::before, ul.payment_methods li::before, .sd-content ul li::before, div.comment-content ul li::before, div.comment-content ol li::before, .sub-menu a::after, .nav-menu li::before, .sub-menu .sub-menu a::after, ul.select2-results li:before, ul.sub-menu li:before, li ul.sub-menu li a::after {
content: "" !important;
}
input#coupon_code.input-text {
line-height: 1.8;
margin: 12px 8px 0 0;
}
#secondary select#cat.postform, #left-sidebar select#cat.postform, #secondary select.dropdown_product_cat, #left-sidebar select.dropdown_product_cat, #secondary select, #left-sidebar select {
max-width: 98%;
margin-top: 5%;
margin-left: 5%;
}
select#cat.postform, select.dropdown_product_cat, select {
font-size:0.9em !important;
height:45px;
width:210px;
padding:0 2px 0 2px;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
text-indent:8px;
border:1px solid #4285f4;
color:#404040;
background: url(images/shop_select_bg.svg) center right 2px no-repeat transparent;
background-size: 35px 35px;
background-image:none\0;/*Only works in IE9*/
outline:none;
}
select.orderby {
height:45px;
width:100%;
padding:0 20px 0 20px;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
text-indent:0,01px;
text-overflow: '';
border:1px solid #4285f4;
color:#404040;
background: url(images/shop_select_bg.svg) center right 10px no-repeat transparent;
background-size: 35px 35px;
background-image:none\0;/*Only works in IE9*/
outline:none;
}
tr.cart_item {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.woocommerce-cart table.cart img {
width: 110px;
}
#submit, a.checkout-button.button.alt.wc-forward, input.pushbutton-wide, .woocommerce .cart .button, .woocommerce .cart input.button,.woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    display: inline-block;
    padding: 12px 32px;
    margin-bottom: 13px;
    margin-top: 13px;
    min-height: 26px;
    text-align: center;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    -webkit-transition: none;
    transition: none;
    background: #4285f4;
    color: #fff;
    border: 1px solid #1266f1;
}
.single .container.woo {
margin-top: 50px;
}
#submit:hover {
    background: #4d4d4d;
    color: #fff;
    border: 1px solid #4d4d4d;
    text-decoration: none;
}
button#searchsubmit {
    background: transparent;
    border: none;
}
input#s.search {
    line-height: 39px;
    max-width: 126px;
    font-size:0.9em;
}
label.screen-reader-text {
display: none;
}
#searchsubmit img {
    width: 70px !important;
    height: auto;
}
#secondary {
    background-color: #89c4e2;
    padding-bottom: 20%;
    padding-top: 50px;
    height: auto;
}
#left-sidebar {
    background-color: #89c4e2;
    padding-bottom: 20%;
    padding-top: 50px;
    height: auto;
}
#middle-contents .editorial-header__subtitle a{
margin-left: 12px !important;
display: block;
}
#middle-contents .editorial-header .container::before {
margin: 168px -25px 0 0;
}
.gs_mtop {
    margin-top: 50px;
}
.gs_m1xtop {
   margin-top: 44px !important;
}
a {
    text-decoration: none !important;
}
a.button--primary.pull-right {
    color: #fff;
}
time.entry-date.published.updated,
a.url.fn.n {
    text-transform: none;
}
.page-template-page-full #secondary, .page-template-page-landing #secondary, .page-template-page-full #left-sidebar, .page-template-page-landing #left-sidebar {
    display: none !important;
}
.logo {
    color: white;
}.gs_left {
    padding-left: 15% !important;
    margin-bottom: 15px;
}
.gs-top {
 padding: 35px;
}
.gs_rmmore i{
font-size: 1.5em;
font-weight: 800;
}
.gs-mrg-top {
    margin-top: 35px;
}
.gs-mrg-btn, #respond {
    margin-bottom: 50px;
}
h1.widget-title {
width: 100% !important;
font-size: 2em;
padding-right: 10px;
padding-left: 22px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #4285f4;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #1266f1;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #1266f1;
}
div.price_label {
font-size: 2em;
font-weight: bold;
display: inline-block;
margin: auto;
}
.gs_white, .comment-reply-login, .gs_white:active, .comment-reply-login:active, .gs_white:focus, .comment-reply-login:focus, .gs_white:hover, .comment-reply-login:hover, .gs_white a, .gs_white a:active, .gs_white a:focus, .gs_white a:hover {
color: #fff !important;
}
#sidebar-2 {
    margin-top: 50px;
    border-top: 1px solid #ccc
}
#gc-footer {
    background-color: #89c4e2;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #3372df;
    font-weight: bold;
    font-size: 22px;
}
#gc-footer a {
    color: #3372df;
}
.edit-link::before {
    font-family: "Genericons";
    content: "\f411";
    font-size: 18px;
    color: #3372df;
    left: -50px;
    margin-left: 20px;
    margin-right: 5px;
}
div.sharedaddy h3.sd-title {
    font-size: 26pt !important;
}
.genericon {
    vertical-align: middle !important;
}
div.sd-content.gs_widget {
    margin-top: 25px;
}
div.sd-content.gs_widget ul {
    margin-left: 10px !important;
}
.sd-content.gs_widget ul li a.sd-button::before {
    font: 400 40px/1 Genericons !important;
}
.sd-content.gs_widget ul li {
    margin-right: 10px !important;
}
.gs_brd_left {
    border-left: 1px solid #ccc;
    padding-left: 25px;
}
/*--------------------------------------------------------------
1.5 Calendar Styling
--------------------------------------------------------------*/
.widget_calendar table {
	margin: 0;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.3333;
	text-align: center;
	padding: 0;
}

.widget_calendar caption {
	font-weight: 700;
	margin: 0 0 1.6em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.widget_calendar tbody a {
	display: block;
	font-weight: 700;
}
/*--------------------------------------------------------------
1.6 Navigation
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
        margin-left: 14%;
	width: 100%;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	display: block;
	line-height: 1.5;
	padding: 15px;
	color: #fff;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #4285f4;
	color: #fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #3367d6;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
        width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
        background-color: #4285f4;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}
.menu-item-has-children a::after {
    content: "\e002";
    font-family: "icons";
    display: inline-block;
    vertical-align: bottom;
    font-weight: 400;
    font-style: normal;
    line-height: 1em;
    margin-left: 10px;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sub-menu .menu-item-has-children a::after {
    content: "\e003" !important;
    font-family: "icons";
    display: inline-block;
    vertical-align: bottom;
    font-weight: 400;
    font-style: normal;
    line-height: 1em;
    margin-left: 10px;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Navbar */
.navbar {
        max-width: 100%;
	width: 100%;
}
/*--------------------------------------------------------------
1.7 Comments Styling
--------------------------------------------------------------*/
ul.featured-list li::before {
    font-family: "Genericons";
    content: "\f516";
    font-size: 40px;
    color: #3372df;
    left: -50px
}
.comment-metadata::before {
    font-family: "Genericons";
    content: "\f307";
    font-size: 18px;
    color: #3372df;
    left: -50px;
    margin-right: 5px;
}
p.comment-form-comment {
    width: 100%;
    display: inline-block;
}
textarea#comment {
    width: 100%;
    display: block;
    margin-top: 35px;
    padding: 1%;
}
li article {
    margin-bottom: 25px;
}
ul.children {
    display: block;
    margin-bottom: 25px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
.form-allowed-tags code {
    display: inline-block;
    font-size: 14px;
}
.single .sd-content ul li a.sd-button::before {
    font: 400 32px/1 Genericons !important;
}
/*---------------------------------------------
1.8 Tablet Media Query
--------------------------------------------------------------*/
@media screen and (max-device-width: 966px){
    .app-bar .logo {
    font-size: 28px !important;
    line-height: 30px !important;
    }
    .app-bar-actions {
        margin-top: 4px;
    }
    .logo legend {
    margin-top: 10px;
    }
}
/*--------------------------------------------------------------
1.9 Phone Media Query
--------------------------------------------------------------*/
@media screen and (max-device-width: 480px){
    .app-bar-actions input#s.search {
    width: 60px;
    }
    .app-bar .logo {
    font-size: 28px !important;
    line-height: 30px !important;
    }
    .logo img {
    max-height: 60px !important;
    }
    .app-bar-actions {
        margin-top: 4px;
    }
    .logo legend {
    display: none;
    }
    	.widget_calendar td,
	.widget_calendar th {
		line-height: 2.9286;
	}

	.widget_calendar caption {
		margin: 0 0 1.5em;
	}
    .sidebar {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    textarea#comment {
max-width: 90%;
}
    ul.sub-menu {
    display: inline-block !important;    
    }
}