/*
	Theme Name: Mozza & Co
	Theme URI: http://we-enjoy.it/
	Description: Wordpress theme by We-Enjoy.IT for Mozza & Co
	Version: 1.1
	Author: Gabriel Kaam
	Author URI: http://gabriel.budhaz.com

	Copyright: All Rights Reserved

	Based on HTML5 Blank v1.4.2 (http://html5blank.com) by Todd Motto (http://toddmotto.com)
	*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@font-face{
    font-family : "CenturyGothic";
    src : url('gothic.ttf');
}

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font: 400 12px/1.3em CenturyGothic, 'Century Gothic', Arial, sans-serif;
	color: #444;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-x: hidden;
	-webkit-text-stroke: .2px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
br.clear {
	clear: both;
}
img {
	height: auto;
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
	min-height: 90px;
	position: relative;
	background: #141e28;
}
.header > .container {
	width: 70%;
	margin: auto;
}
/* logo */
.logo {
	margin-left: 30px;
}
.logo > a {
	float: left;
	display: block;
	padding: 30px 0;
	margin-top: 5px;
}
.logo-img {

}

.cover-container {

    height: 400px;
    display: table;
    width: 100%;

}

.cover-content {

    display: table-cell;
    width: 100%;
    vertical-align: middle;
    background-color: rgba(0,0,0,0.5);

}

img.cover-img-title {

    width: 100px;
    margin: 0 auto;
    display: block;    

}

.cover-title {

    padding: 30px 0;

}

.cover-title h1 {

    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;

}

.cover-title h1 span {

    font-weight: bold;

}
/* nav */
.nav {
	float: right;
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav > ul {
	float: left;
	margin-right: 10px;
}
.nav > .social_btn {
	float: right;
	margin: 15px 0;
	height: 70px;
	padding-top: 10px;
	padding-left: 20px;
	border-left: 1px #2b2b2b dashed;
}
.nav > .social_btn a {
	width: 23px;
	height: 23px;
	display: block;
	margin-bottom: 5px;
	background: none no-repeat 0 0;
}
.nav > .social_btn a.twitter {
	background-image: url('img/sprite_small_twitter.png');
}
.nav > .social_btn a.twitter:hover {
	background-position: 0px -24px;
}
.nav > .social_btn a.fb {
	background-image: url('img/sprite_small_fb.png');
}
.nav > .social_btn a.fb:hover {
	background-position: 0px -24px;
}
#subnav {
	background: #f25657;
}
#subnav-bar {
	margin: auto;
	font-size: 1.1em;
	line-height: 2.7em;
	text-align: center;
	position: relative;
	text-transform: uppercase;
}
#subnav-bar > * {
	width: 33.3%;
	text-align: center;
	display: inline-block;
}
#subnav-bar a {
	color: #fff;
	white-space: nowrap;
}
#subnav-bar .form-magical {
	background: #141e28;
}
#subnav-bar .form-magical .newsletter-email {
	border: 0;
	color: #000;
	padding: 3px 5px;
	line-height: 16px;
	background: #2b2b2b;
}
#subnav-bar .social-btn span {
	padding-left: 35px;
	display: inline-block;
	background: none no-repeat left center;
	background-size: auto 60%;
}
#subnav-bar .social-btn a {
	display: block;
}
#subnav-bar .store span {
	background-image: url('https://old.mozzaandco.it/wp-content/uploads/2014/07/subnav_store.png');
}

#subnav-bar .insta span {
	background-image: url('https://old.mozzaandco.it/wp-content/uploads/2014/07/subnav_insta.png');
}

#subnav-bar .fb span {
	background-image: url('https://old.mozzaandco.it/wp-content/uploads/2014/07/subnav_fb.png');
}



/* sidebar */
.sidebar {

}
/* footer */
.footer {
	height: 230px;
	position: relative;
	background: #f2f2f2 url('img/logo_footer.png') no-repeat center center;
}
.footer .copyright {
	right: 20px;
	bottom: 20px;
	position: absolute;
}
.footer .copyright a {
	color: #000;
}

/*------------------------------------*\
    MENU
\*------------------------------------*/

ul.top-menu > li.menu-item {
	float: left;
	z-index: 15;
	position: relative;
}
ul.top-menu > li.menu-item > a {
	color: #fff;
	margin: 0 10px;
	font-size: 1.1em;
	white-space: nowrap;
	padding: 40px 0 20px;
	display: inline-block;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
}
ul.top-menu > li.menu-item > a:hover,
ul.top-menu > li.menu-item.current-menu-item > a {
	color: #f25657;
	border-bottom-color: #f25657;
}
li.menu-item-where-plugin > ul.sub-menu {
	z-index: 20;
	display: none;
	overflow-y: auto;
	min-width: 300px;
	padding: 20px 20px 0;
	position: absolute;
	background: #f25657;
}
li.weit-store-all {
	background: #c93d3c;
}
li.weit-store-all > a {
	color: #fff;
	width: 100%;
	padding: 0 20px;
	text-align: center;
	line-height: 39px;
	white-space: nowrap;
	display: inline-block;
	text-transform: uppercase;
	background: url('img/arrow-menu-where.png') no-repeat left top, url('img/arrow-menu-where_inv.png') no-repeat right top;
}
div.weit-store-item {
	margin: 2em 0;
	padding-top: 2em;
	border-top: 1px solid #841413;
}
div.weit-store-item-0 {
	margin-top: 2em;
	padding-top: 0em;
	border: 0;
}
div.weit-store-item h3 {
	color: #fff;
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: .2em;
	text-transform: uppercase;
}
div.weit-store-item p.infos {
	margin-bottom: .5em;
	text-transform: uppercase;
}
div.weit-store-item p.excerpt {
	color: #fdd;
}
div.weit-store-item p.excerpt a.view-articles {
	margin-top: 1em;
	white-space: nowrap;
	display: inline-block;
}
.newsletter.newsletter-subscription > form > table {
	margin: auto;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#main-section {
	z-index: 5;
	text-align: center;
	position: relative;
	margin: 40px auto;
	overflow: hidden;
}
#main-section > h1,
.page-title {
	line-height: 1em;
	padding: 25px 30px;
	margin-top: 1em;
	margin-bottom: 1em;
	display: inline-block;
	text-transform: uppercase;
	border: 1px solid #9e9e9e;
	border-right-width: 0;
	border-left-width: 0;
}
#main-section h1.notitle {
	padding: 0;
	height: 6px;
	width: 400px;
	max-width: 100%;
	overflow: hidden;
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
	margin-bottom: 1.5em;
	border-bottom-width: 0;
}
article.page > p {
	font-size: 1.2em;
	margin: auto;
	width: 80%;
}
#carousel-container {
	margin: auto;
	padding: 0 50px;
	position: relative;
}
#carousel > img {
	margin: 0 1em;
	vertical-align: top;
	display: inline-block;
}
#carousel-prev, #carousel-next {
    top: 50%;
    width: 46px;
    height: 41px;
    margin-top: -23px;
    cursor: pointer;
    position: absolute;
    text-decoration: none;
    background: url('img/sprite-arrow.png') no-repeat;
}
#carousel-prev				{	left: 0; background-position: 0 0;				}
#carousel-next				{	right: 0; background-position: 0 -182px;	}
#carousel-prev:hover	{	background-position: 0 -91px;		}
#carousel-next:hover	{	background-position: 0 -273px;	}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
/* Black'n'White effet */
.desaturate{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url('img/desaturate.svg#greyscale');
  filter: gray;
  -webkit-filter: grayscale(1);
}
.slider-top {
	z-index: 4;
	overflow: hidden;
	position: relative;
}
.slider-top .flexslider {
	margin-bottom: 0;
	overflow: hidden;
	max-height: inherit;
	border: 0 !important;
}
/* Home */
article.post-home .thumbnail {
	overflow: hidden;
}
article.post-home .thumbnail img {
	width: 100%;
	border-radius: 5px;
}
article.post-home .thumbnail.small	{ max-height: 100px;}
article.post-home .thumbnail.medium	{ max-height: 150px;}
article.post-home .thumbnail.large	{ max-height: 200px;}
/* Store view */
article.weit-store {
	width: 32%;
	margin: 5px;
	position: relative;
	vertical-align: top;
	display: inline-block;
}
article.weit-store.featured {
	width: 99%;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 15px;
	display: block;
	margin-left: 0;
	margin-bottom: 2em;
	border-radius: 5px;
	background: #e6e6e6;
}
article.weit-store > div.pin-featured {
	display: none;
	height: 66px;
	width: 51px;
	position: absolute;
	top: -13px;
	right: 35px;
	background: url('img/pin-featured.png') no-repeat;
	z-index: 30;
}
article.weit-store.featured > div.pin-featured {
	display: block;
}
article.weit-store > .div_thumbnail {
	z-index: 10;
	overflow: hidden;
	max-height: 200px;
	position: relative;
	border-radius: 5px;
}
article.weit-store.featured > .div_thumbnail {
	width: 33%;
	float: left;
}
article.weit-store > .div_thumbnail > img {
	width: 100%;
}
article.weit-store > .div_thumbnail > .hover {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	display: none;
	position: absolute;
	background: url('img/back_black_60.png') repeat;
}
article.weit-store > .div_thumbnail:hover > .hover {
	display: block;
}
article.weit-store > .div_thumbnail > .hover > a {
	color: #fff;
	height: 100%;
	display: block;
	line-height: 2em;
	text-align: center;
	position: relative;
	text-transform: uppercase;
}
article.weit-store > .div_thumbnail > .hover > a > div {
	height:50px;
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-25px;
}
article.weit-store > .div_thumbnail > .hover > a img {
	margin: auto;
	display: block;
}
article.weit-store h2 {
	color: #000;
	margin: .8em 0 .2em;
	text-transform: uppercase;
}
article.weit-store.featured h2 {
	margin: .3em 0 .3em;
	color: #f25657;
}
article.weit-store.featured .content {
	margin-left: 35%;
}
article.weit-store p.date {
	color: #f25657;
	margin-bottom: 1em;
	text-transform: uppercase;
}
article.weit-store.featured p.date {
	color: #888;
}
article.weit-store p.infos {
	color: #a4a4a4;
	margin-top: 1em;
	text-transform: uppercase;
}
article.weit-store.featured p.infos {
	color: inherit;
}
article.page-card a#link-to-card {
  color: #fff;
  margin: 3em auto 0;
  position: relative;
  display: inline-block;
  padding: 15px 30px;
  text-transform: uppercase;
  background: #f25657;
}
article.page-card a#link-to-card span {
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -24px;
	width: 50px;
	height: 32px;
	background: transparent url('img/back-card_link-arrow.png') no-repeat;
}
article.page-contact {
	text-align: left;
}
article.page-contact div.contact-info {
	display: inline-block;
	vertical-align: top
}
article.page-contact div.contact-info {
	font-size: 1.2em;
}
article.page-contact div.contact-info h3 {
	color: #f25657;
	margin-top: 0;
}
article.page-contact div.contact-info p {
	margin-bottom: 1em;
}
div.wpcf7 {
	width: 80%;
	margin-right: 3%;
	display: inline-block;
}
div.wpcf7 input,
div.wpcf7 select {
	width: 80%;
	height: 3em;
}
div.wpcf7 input.wpcf7-submit {
	width: 30%;
	float: right;
	padding: 10px;
	color: #962625;
	background: #f25657;
	display: inline-block;
}
div.wpcf7 input,
div.wpcf7 select,
div.wpcf7 textarea {
	border: 0;
	width: 100%;
	resize: none;
	color: #969696;
	display: block;
	overflow: auto;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #f3f3f3;
}
div.wpcf7 input:focus,
div.wpcf7 select:focus,
div.wpcf7 textarea:focus {
	outline-offset: -2px;
	outline: -webkit-focus-ring-color auto 5px;
}
div.wpcf7 br {
	display: none;
}
#content-scroll article {
	width: 32%;
	margin-right: 1%;
	margin-bottom: 2em;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
#content-scroll article h2 {
	margin: .5em 0 .2em;
	font-size: 1.2em;
	text-transform: uppercase;
}
#content-scroll article span.date {
	display: block;
	color: #F25657;
	margin-bottom: .7em;
}
#content-scroll article p {
	text-align: left;
}
#pagination {
	height: 40px;
	margin: 1em auto 3em;
	background: #f3f3f3 url('img/see_more.png') no-repeat center center;
}
#pagination:hover {
	background: #141e28 url('img/see_more-hover.png') no-repeat center center;
}
#pagination * {
	display: block;
	width: 100%;
	height: 100%;
}
body.page-template-template-about-php section#main-section > article {
	margin-bottom: 4em;
}
article.about-concept ul li {
	float: left;
	width: 33%;
}
article.about-concept a.link-red-arrow {
	margin-top: 2em;
}
article.about-concept > span {
	text-transform: uppercase;
	padding-right: 1em;
}
article.about-team .gallery-item {
	width: 49%;
	float: left;
	margin-right: 1%;
	position: relative;
}
/*
article.about-concept img,
article.about-team img {
	width: 100% !important;
*/
}
article.about-team .gallery-item .gallery-caption {
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	margin: auto;
	display: none;
	padding: 1.5em 1em;
	font-size: 1.2em;
	text-align: left;
	position: absolute;
	background: #f25657;
	text-transform: uppercase;
}
article.about-team .gallery-item .gallery-caption span {
	display: block;
	color: #9e2423;
}
article.about-presse p {
	background: url('img/img-presse.png') no-repeat 10% top;
	background-size: auto 100%;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 3em 0;
	font-size: 1.2em;
	width: 100%; /* overrides 60% thing */
	color: #999;
}
article.about-presse strong {
	color: #000;
}
a.link-red-arrow {
	color: #a42a29;
	background: url('img/back-arrow-red-0.png') left center no-repeat, url('img/back-arrow-red-1.png') right center no-repeat;
	display: inline-block;
	padding-left: 20px;
	padding-right: 14px;
	text-transform: uppercase;
	vertical-align: baseline;
	background-size: auto 100%;
}
a.link-red-arrow span {
	height: 100%;
	display: block;
	line-height: 21px;
	white-space: nowrap;
	padding: 5px 10px 5px 15px;
	background: #f15654 none no-repeat left center;
}
a.link-red-arrow span.noicon {
	padding-left: 0px;
}
a.link-red-arrow.link-red-arrow-map span {
	background-image: url('img/small-location.png');
}
a.link-red-arrow.link-red-arrow-person span {
	background-image: url('img/small-person.png');
}
article.about-presse p a.link-red-arrow {
	font-size: .7em;
	line-height: 1.2em;
}

/* Other stuffs */
.magical-div-0 {
}
.magical-div-1 {
	display: none;
}
/* Stick slider images to bottom

.slider-top .flexslider li.slide {
	position: relative;
}
.slider-top .flexslider li.slide > img {
	position: absolute;
	bottom: 0;
}
*/

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
#sticky-sidebar {
	position: fixed;
	z-index: 100;
	display: none;
	top: 50%;
	left: -20px;
	width: 45px;
	height: 45px;
	border-left: 0;
	margin-top: -50px;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-shadow: 0 0 30px #666;
	background: #666 url('img/facebook-share.png') no-repeat center center;
}
#sticky-sidebar a {
	display: block;
	width: 100%;
	height: 100%;
}
#infscr-loading > img {
	width: 50px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

#main-section,
#subnav-bar {
	width: 960px;
	max-width: 100%;
}

@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
	li.menu-item-where-plugin:hover {
		background: #f25657 url('img/ico-menu-where.png') no-repeat center center;
	}
	li.menu-item-where-plugin:hover > a {
		visibility: hidden;
        border-bottom-width: 25px !important;
	}
	li.menu-item-where-plugin:hover > ul.sub-menu {
		display: block;
	}
    body.page-template-template-store-php #sticky-sidebar {
	    display: block;
    }
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {
}
@media only screen and (-webkit-max-device-pixel-ratio:1.5),
	   only screen and (max-resolution:144dpi) {
}
@media only screen and (max-width:1280px) {
	.header > .container {
		width: 80%;
	}
}
@media only screen and (max-width:1140px) {
}
@media only screen and (max-width:1024px) {
	.header > .container {
		width: 97%;
	}
	.logo {
		margin: 0;
	}
	#content-scroll article,
	article.weit-store {
		width: 48%;
		margin-left: 1%;
		margin-right: 0;
	}
	article.about-presse p {
		background: none;
	}
}
@media only screen and (max-width:768px) {
	.logo > a {
		margin: 0;
		margin-bottom: 10px;
		float: none;
		text-align: center;
	}
	.nav {
		float: none;
	}
	.nav > .social_btn {
		clear: both;
		float: none;
		border: 0;
        height: auto;
		text-align: center;
	}
	.nav > .social_btn a {
		display: inline-block;
		margin: 0 15%;
	}
	#subnav-bar > * {
		width: 100%;
	}
	article.page > p {
		width: 90%;
	}
	#content-scroll article,
	article.weit-store {
		width: 98% !important;
	}
	div.wpcf7 {
		width: 95%;
	}
	article.page-contact div.contact-info {
		margin-left: 10%
	}
	.nav > ul {
		width: 100%;
        text-align: center;
    }
    ul.top-menu > li.menu-item {
        float: none;
        display: inline-block;
    }
    ul.top-menu > li.menu-item > a {
		padding: 0;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	article.weit-store.featured > div.pin-featured {
		display: none;
	}
}
@media only screen and (max-width:480px) {
	article.about-team .gallery-item {
		float: none;
	}#main-section
	article.about-team .gallery-item,
	article.about-concept ul li {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	article.about-concept a.link-red-arrow {
		margin-top: 0;
	}
}
@media only screen and (max-width:320px) {
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}