/*
Theme Name: gd-casamanara
Theme URI: http://gianesinidesign.com/
Description: WordPress custom for Casamanara
Author: Francesco Gianesini / Gianesini Design, NYC
Author URI: http://gianesinidesign.com/
Version: 1.0

Tags:

License:
License URI:

Portfolio theme. Navigation by post thumbnail.
*/


@charset "UTF-8";
/* CSS Document */


/* RESET
   ================================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Firefox Dotted Outline Fix */
a:active { 
	outline: none; 
}
	
/* Firefox Dotted Outline Fix */
a:focus { 
	-moz-outline-style: none; 
}

a {
	text-decoration:none;
	outline:none;
}






/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}


/* Clearfix */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/* ============================== WordPress CSS ============================== */

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

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

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px;
}



/* ============================== GENERAL TYPOGRAPHY + COLORS ============================== */

html {
	overflow-y: scroll; 
}

html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: "azo-sans-web",sans-serif;
	font-style: normal;
	font-weight: 300;
	color:#715e50;
	font-size:13px;
	line-height:20px;
 }

p {
	margin-bottom:20px;
}

strong {
	font-weight:600;
	color:#000;
}

em {
	font-style:italic;
	font-weight: 300;
}


h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
	color:#000;
	margin-bottom:20px;
	line-height:20px;
}

h2 {
	color:#d4af5d;
	font-weight:400;
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing:1px;
}

h3 {
	font-weight:400;
	margin-bottom:0px;
}


a {
	color:#6e635d;
}

a:hover {
	color:#d4af5d;
	
	/*-webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;*/
}

.postid-105 a { /* The Studio email links */
	color:#999;
}


/* ============================== DIVs ============================== */

#wrapper {
	position:relative;
	margin:0 auto;
	max-width:1400px;
	padding:0 8%;
	
	min-height: 100%;
}

/* ============================== HEADER ============================== */


#header {
		margin:0 1%;
		width:98%;
		/*padding-bottom: 1%;*/
		border-bottom:solid 1px #f0e6c5;
}


.page-id-927 #header {
  border-bottom: solid 1px #ddd;
}

#logo {
	width:305px;
	float:left;
	line-height:0;
	margin-bottom: 10px;
}

#logo img {
	width:100%;
	height:auto;
}

.description {
	
	/*font-size:12px;*/
	font-size: 18px;
	font-weight:400;
	color:#7f615b;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	letter-spacing: 2px;
	
	
		float:left;
width: 49%;
margin:0 0 2% 1%;
text-align: left;
}


.page-id-927 .description {
	visibility:hidden;
}




/* ================ NAV ===================*/

/* main nav */

#topNavContainer {
	float:right;
	margin-top: 78px;
	letter-spacing:1px;
	font-weight:400;
	font-size:12px;
}

#topNavContainer ul li {
		
	text-transform: uppercase;
	/*font-size: 12px;*/
	display:inline-block;
	margin-left:8px;
	
	color:#222;
}

#topNavContainer ul li a {
	color:#7f615b;
}

.page-id-273 .menu-item-291 a {
  color: #d4af5d !important;
}

.page-id-271 .menu-item-291 a {
  color: #d4af5d !important;
}

.page-id-301 .menu-item-291 a {
  color: #d4af5d !important;
}

.page-id-6 .menu-item-291 a {
  color: #d4af5d !important;
}

#topNavContainer ul li a:hover {
	color:#d4af5d;
}

#menu-main-menu .current-category-ancestor a,
#menu-main-menu .current-menu-item a,
#menu-main-menu .current-post-ancestor a,
#menu-main-menu .current-menu-parent a,
#menu-main-menu .current-post-parent a {
	
	color:#d4af5d;
}


/* edizioni */

.menu-item-933 a {
color:#ea1724 !important;
}



.menu-item-933 a:hover {
color:#c9141f !important;
}

.page-id-927 .menu-item-933 a {
  color: #c9141f !important;
}

.page-id-927 .menu-item-933 a:hover {
  color: #ea1724 !important;
}










/* sub nav */


#subNavContainer {
	float:right;
width: 49%;
margin:0 1% 2% 0;
text-align: right;
}

#subNavContainer ul li {
		
	/*text-transform: uppercase;
	font-size: 12px;*/
	display:inline-block;
	margin-left:10px;
	
	color:#222;
}

#subNavContainer ul li a {
	color:#7f615b;
}

#subNavContainer ul li a:hover {
	color:#d4af5d;
}

#menu-projects-submenu .current-menu-item a,
#menu-projects-submenu .current-post-ancestor a,
#menu-projects-submenu .current-menu-parent a,
#menu-projects-submenu .current-post-parent a {
	
	color:#d4af5d;
}



#menu-about-submenu .current-menu-item a,
#menu-about-submenu .current-post-ancestor a,
#menu-about-submenu .current-menu-parent a,
#menu-about-submenu .current-post-parent a,
#menu-about-submenu .current_page_item a {
	
	color:#d4af5d;
}

#menu-furniture-submenu .current-menu-item a,
#menu-furniture-submenu .current-post-ancestor a,
#menu-furniture-submenu .current-menu-parent a,
#menu-furniture-submenu .current-post-parent a,
#menu-furniture-submenu .current_page_item a {
	
	color:#d4af5d;
}






/* secondary nav (prev|next) */

.postnavigationlink {
background: #fff;
display: inline-block;
/*padding: 5px 10px;*/
color:#666;
/*border-top-right-radius: 10px;
border-bottom-right-radius: 10px;*/

display:none;

}

.postnavigationlink a {
	color:#999;
}

.postnavigationlink a:hover {
}



/* =============== HOMEPAGE ================== */

.slides {
	margin:0;
	width:78%;
	margin:0 1%;
	float:right;
	
	background:url(graphics/slideshow-loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

.slides img {
	width:100%;
	height:auto;
}

/* =================== CONTENT DIVs ===================== */

#content {
	position: relative;
width: 100%;
/*border-top: solid 1px #ddd;
border-bottom:solid 1px #ddd;*/
padding:5px 0 10px 0;
}

.ACFcontainer {
float: left;
width: 18%;
/*padding-right: 5%;
*/margin: 25% 1% 0 1%;
}

.ACFcontainer p {
	margin-bottom:0;
}

.ACFproject_title {
	text-transform:uppercase;
	color:#7f615b;
	letter-spacing:1px;
	
	/*border-bottom: solid 1px #f0e6c5;
padding-bottom: 2px;*/
font-weight:400;
font-size:12px;
	
}
		

.single .ACFproject_title {
	border-bottom:none;
	padding-bottom:0;
	font-weight:400;
	color:#7f615b;
	
}

.ACFproject_subtitle {
	margin-bottom:4%;
	color:#999;
	font-weight:300;
	font-size:12px;
}

.ACFproject_description {
	width:90%;
}

.ACFproject_date {
	font-size:80%;
	margin:0 0 4% 0;
	
	display:none;
}

.ACFproject_sqft {
	font-size:80%;
	margin:0 0 4% 0;
	
	display:none;
}

.ACFproject_credits {
	font-size:80%;
	margin:4% 0 8% 0;
	font-style:italic;
	color:#999;
}



.about {
	/*margin:0 auto;
	width: 50%;*/
	padding-bottom:2%;
	
	padding-bottom: 2%;
	float: right;
	width: 80%;
	margin: 0 1%;
}

.about img {
	
}

.divup {
	float:left;
}

.div-odd {
	width: 20%;
	padding-top: 35px;
}

.div-even {
	width: 75%;
padding-left: 5%;
margin-bottom: 10%;
}
	
.div-odd img {
	width:100%;
	height:auto;
}
	
.div-2 p {
}

.div-5 {	/* Damion Berger credit 
width: 100%;
padding-top:0;
text-align: right;
font-style: italic;
font-size: 10px;
color:#999;*/
}	


/* contact */

.page-template-pagetemplate-contact-php .div-odd, .page-template-pagetemplate-contact-php .div-even  {
padding:0;
margin:0;
width:50%;
}

.page-template-pagetemplate-contact-php .div-1 {
width:100%;
}


.page-template-pagetemplate-contact-php .div-2 {
width:50%;
}

.page-template-pagetemplate-contact-php .div-3 {
width:50%;
}


/* =============== EDIZIONI ================== */

#header.edizioni {
	border-bottom: solid 1px #ddd;
}

.category-edizioni .description {
	visibility:hidden;
}

.menu-item-1489 a {
  color: #c9141f !important;
}

.menu-item-1489 a:hover {
  color: #ea1724 !important;
}


/* =============== CATEGORY/THUMBNAILS ================== */

/* visual stuff */

.thumbgrid {
	float:right;
	width:80%;
}

.gridcell {
	float:left;
	position:relative;
	/* margin-bottom:-6px; 	 hide 6px of img anchor */
	line-height:0;
	width:22.5%;
	margin: 0 1.25% 1% 1.25%;
}

.gridcell img {
	width:100%;
	height:auto;
}

.gridcell-text {
	z-index:999;
	display:block;
	padding-top:5%;
	
	line-height:20px;
}


		.category .ACFproject_title {
		font-weight: 500;
		font-size: 10px;
		}
		
		.category .ACFproject_subtitle {
		font-weight: 400;
		font-size: 11px;
		}
		
		.gridcell-text {
		line-height:16px;
		}


.category-press .gridcell  {
	text-align:center;
}

.category-press .gridcell img {
	width:75%;
	box-shadow:2px 2px 2px #ccc;
}

.APRlogo {
	clear:both;
	text-align:center;
	border-top: solid 1px #f0e6c5;
	padding-top:2%;
}

.APRlogo img {
	width:150px;
	height:auto;
}

/* text stuff */

.category-about .gridcell {
	text-align:center;
	border:solid 1px #ddd;
	margin: 1.25%;
}


.category-about .gridcell .gridcell-text {
	padding:5%;
}

/*============ FOOTER + FOOTER COMPONENTS ===============*/

/*#footer a {
	color:#f25416;
}*/

#footer {
	position:relative;
	/*top:-60px;*/
	
	margin:1%;
	width:98%;
	font-size:12px;
	line-height:18px;
	text-align:left;
	letter-spacing:1px;
	
	text-align:right;
	
	/*border-top:solid 1px #ddd;
	padding-top:10px;*/
}

.addressblock {
	display:inline-block;
	margin-left:5px;
}

.street {
}

.cityZIP {
}

.telephone {
}

.email {
}

.contactmessage {
}

.copyright {
}






/* =============== ROYAL SLIDER ================== */

.royalSlider {
}

.royalSlider { overflow:hidden }

.royalSlider > .rsContent {
visibility: hidden; 
/* hide onload - or display:none depending on your needs... */
}



.rsContent {
background: #fff !important;
}


/*.rsMinW .rsArrowLeft {
bottom: -40px !important;
}

.rsMinW .rsArrowRight {
bottom: -40px !important;
}*/

.rsMinW .rsArrowLeft {
left: -25% !important;
}

.rsMinW .rsArrowRight {
left: -22% !important;
}


/* Apple 27" - 1440px wrapper, 6 columns */

@media (max-resolution: 108dpi) and (min-width: 1439px) {
	
	.gridcell {
	/*width:17.5%;*/
}

} /* e/o Apple 27" CSS */




/* IPAD PORTRAIT */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

		#wrapper {
		padding:0 2%;
		}

		/*#header {
		margin: 0 1%;
		width: 98%;
		}
		
		#logo {
		float: none;
		margin:0;
		}
		
		
		#topNavContainer {
			float:none;
			margin-top:20px;
		}
		

		#topNavContainer ul li {
			display:inline-block;
			margin-right:10px;
			margin-left:0;
		}
		
		#subNavContainer {
		width: 98%;
		text-align: left;
		margin: 0 1% 2% 1%;
		}*/
		
		.category .ACFproject_title {
		font-weight: 500;
		font-size: 10px;
		}
		
		.category .ACFproject_subtitle {
		font-weight: 400;
		font-size: 11px;
		}
		
		.thumbgrid {
		float: left;
		width: 100%;
		}
		
		.gridcell {
			width:30.75%;
		}
		
		.gridcell-text {
		line-height: 16px;
		}
		
		.home .slides {
			margin-top:10%;
		}
		
		.slides {
			width:98%;
			float:none;
		}
		
		.about {
		float: left;
		width: 98%;
		padding:0;
		margin: 2% 1%;
		}
		
		.div-even {
		width:75%;
		}
		
		.ACFcontainer {
		float: none;
		width: 98%;
		margin:2% 1% 0 1%;
		}
		
		.ACFproject_subtitle {
		margin-bottom: 0;
		}
		
		.ACFproject_credits {
		margin-top: 2%;
		}	
	
		#footer {
		margin: 4% 1%;
		width: 98%;
		}	
			
		.addressblock {
		display: inline-block;
		margin-right:10px;
		}
	
	
	.aligncenter, div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	.alignleft, img.alignleft{
		float: left;
		max-width: 40%;
		text-align: left;
		margin: 0 1% 0 0;
		}
		
	.alignright, img.alignright{
		float: right;
		max-width: 40%;
		text-align: right;
		margin-left: 0 0 0 1%;
		}

	.wp-caption, img.alignleft, img.alignright, .aligncenter{
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		}

	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
		}

	.wp-caption p.wp-caption-text {
		font-size: 0.85em;
		line-height: 1.1em;
		padding: 0 0.4em 0.4em;
		margin: 0;
		}
	

} /* e/o IPAD CSS */





/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
	
		#wrapper {
		width:300px;
		padding:0 2%;
		}

	
		#header {
		margin: 0 1%;
		width: 98%;
		/*position:absolute;
		z-index:999;*/
		}
		
		#logo {
		float: none;
		margin:0 auto;
		width:260px;
		}
		
		.description {
		width: 100%;
		margin: 0;
		font-size: 16px;
		letter-spacing: 2px;
		float: none;
		width: 49%;
		margin: 0 0 2% 1%;
		text-align: left;
		position: absolute;
		top: -50px;
		left: 20px;
	
		}
				
		#topNavContainer {
			float:none;
			margin-top:40px;
			text-align:center;
		}
		

		#topNavContainer ul li {
			display:inline-block;
			margin:0 5px;
		}
		
		#subNavContainer {
		width: 98%;
		text-align: center;
		margin: 0 1% 4% 1%;
		}
		
		#subNavContainer ul li {
		margin: 0 5px;
		}
		
		
		.gridcell-text, .category .ACFproject_title, .category .ACFproject_subtitle  {
		display:none;
		}
		
		
		.thumbgrid {
		float: left;
		width: 100%;
		}
		
		.gridcell {
			width:47.5%;
			margin:0 1.25% 2.5% 1.25%;
		}
		
		.slides {
			width:100%;
			float:none;
			margin:0;
		}
		
		.home .slides {
			margin:10% 0;
		}
		
		.about {
		float: none;
		width: 98%;
		padding: 0 1%;
		margin: 10% 0 0 0;
		text-align: left;
		}
		
		.ACFcontainer {
		float: none;
		width: 98%;
		margin:5% 1% 0 1%;
		text-align:left;
		}
		
		.ACFproject_subtitle {
		margin-bottom:1%;
		}
		
		.ACFproject_description {
		width: 98%;
		margin:0 1%;
		}	
	
		#footer {
			text-align:center;
		}	
			
		.addressblock {
		display: inline-block;
		margin-right:10px;
		}
		
		.divup {
			float:none;
		}
		
		.div-odd, .div-even {
		width: 100%;
		}
		
		.div-odd {
		text-align: center;
		padding-top: 6%;
		}
		
		.div-even {
		padding-left: 0;
		}
		
		.div-odd img {
		width: 50%;
		height: auto;
		}
		
		.page-template-pagetemplate-contact-php .div-odd, .page-template-pagetemplate-contact-php .div-even  {
		padding:0;
		margin:0;
		width:100%;
		text-align:left;
		}
		
		.page-template-pagetemplate-contact-php .div-1 {
		text-align:left;
		}
		
		.page-template-pagetemplate-contact-php .div-2 {
		width:100%;
		}
		
		.page-template-pagetemplate-contact-php .div-3 {
		width:100%;
		}
		
		.page-template-pagetemplate-contact-php .div-3 img {
		width:100%;
		height:auto;
		}
		
		.page-id-269 .about img {
		display:none;
		}
	
}