/*
Theme Name: gd-thealphaworkshops
Theme URI: http://gianesinidesign.com/
Description: WordPress custom The Alpha Workshops
Author: Francesco Gianesini / Gianesini Design, NYC
Author URI: http://gianesinidesign.com/
Version: 1.0

Tags:

License:
License URI:

*/


/*@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;
}





/* REMOVE WIDTH AND HEIGHT

http://wordpress.stackexchange.com/questions/32931/removing-image-and-caption-dimension-attributes/37768#37768

*/

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 100%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}



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

html {

}

body {
	margin: 0;
	padding: 0;
	font-family:'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	color: #222;
    font-size: 15px;
    font-weight: 300;
	line-height:1.6em;
 }

p {
	margin-bottom:.8em;
}

strong {
	font-weight:600;
}

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


h1, h2, h3, h4, h5, h6 {
}

h1 {	
	font-size:150%;
	margin-bottom:.8em;
	font-weight: 600;
}

h2 {
	color: #222;
    font-size: 120%;
    font-weight: 600;
	margin-bottom: .8em;
}

h2 a {
	color:#222;
}

h2 a:hover {
	color:#ff4105 !important;
}

h3 {
	color: #ff4105;
    font-size: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
	line-height: 1.2em;
}

h4 {
	font-size:80%;
	font-weight: 600;
	color:#222;
	text-transform:uppercase;
}

h4 a {
	color:#222;
}

h5 { /* date */
	font-family:'Roboto','Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:70%;
	color:#ff4105;
	text-transform:uppercase;
}

h6 {
}

.divider {
	background-image:url('graphics/divider.png');
	background-position:center;
	background-repeat:repeat-x;
	text-align:center;
	padding: 2em 0 2em 0;
}

.dividerText {
	font-size:75%;
	font-weight:400;
	/*color:#e51d7f;*/
	text-align:center;
	display: inline-block;
    background: #ff4105;
    padding: .5em 1em;
    color: #fff;
	-o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

a {
	color:#ff4105;
	text-decoration:none;
}

a:hover {
	color:#ff4105;
	text-decoration:none;
}

a:focus {outline:0 !important;}

*:focus {
    outline: 0 !important;
}

ul, ol {
	list-style:inside;
	list-style-type:square;
	margin-bottom:1.6em;
	margin-left:0;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
	clear:both;
}

.button {
    display: inline-block;
    background: #ff4105;
    padding: .5em 1em;
    text-align: center;
    color: #fff;
	text-transform:uppercase;
	-o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.button a {
	text-decoration:none;
	color:#fff;
}

.footnote {
	font-size:80%;
	font-style:italic;
}


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

#header {
}

#logo {
}

#logo a {
	text-decoration:none;
}

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

/*#logo a img {
	opacity:1;
}

#logo a:hover img {
	opacity:.5;
}*/

.description {
	font-family: georgia;
    font-style: italic;
    font-size: 18px;
	text-align:right;
	margin-top: 3em;	
}

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

/* main nav */

#topNavContainer {
	text-transform:uppercase;
	font-weight:500;
}
  

#topNavContainer ul {
	list-style: none;
}

#topNavContainer li {
	float: left;
	position: relative;
	margin:0 16px 0 0 !important;
}

#topNavContainer a {
	color: #000;
	display: block;
	text-decoration: none;
}

#topNavContainer ul ul {
	/*-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);*/
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	left: 0;
	width: 188px;
	padding-top: 15px;
	
	z-index:999999;
	
	font-size:80%;
	font-weight:300;
	line-height:1.5em;
}

#topNavContainer ul ul a {
	border-bottom: 1px solid #333;
	height: auto;
	width: 168px;
	padding: 5px 10px;
	color:#fff;
	font-size:90%;
	background: rgba(0,0,0,.9);
}

#topNavContainer ul li:hover > a,
#topNavContainer a:focus {
	color:#ff4105;
	
}

#topNavContainer ul ul li:hover > a,
#topNavContainer a:focus {
	color:#ff4105;
}


#topNavContainer ul li:hover > ul {
	display: block;
}
#topNavContainer .current_page_item > a,
#topNavContainer .current_page_ancestor > a,
#topNavContainer .current-menu-ancestor > a,
#topNavContainer .current-menu-parent > a,
#topNavContainer .current-menu-item > a {
	color:#ff4105;
}


.postnavlink {
	display:inline-block;
	font-size:180%;
}

.postnavlink a {
	color:#999;
}

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

.wrapper {
	max-width:1100px;
	margin:0 auto;
	padding:0 2em;
	text-align:left;
}

.content {
    margin-top: 0;
}

.row {
	margin:.5em 0;
}

.column {
	position:relative;
	float:left;
	padding:0 1%;
}

.full {
	width:98%;
}

.half {
	width:48%;
}

.onequarter {
	width:23%;
}

.threequarters {
	width:73%;
}

.onethird {
	width:31.333%;
}

.twothirds {
	width:64.666%;
}


/* PAGE TEMPLATE =============== HOMEPAGE ================== */

.homeslides {
}

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

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

.homeHighlights p img { /* hide images in the post's content */
	display:none;
	height:0;
}

.homepage-video p {
	margin-bottom:0;
}

span.moretext {
    display: block;
}

.homeHighlights ul {
	list-style:none;
}

.homeHighlights h3 {
    margin-bottom: .8em;
    text-transform: none;
    letter-spacing: 0;
    min-height: 2em;
}

.special-announcement {
	text-align:center;
}


/* PAGE TEMPLATE =============== ABOUT ================== */

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

/* Mission */

.page-id-24 .content {
    margin-top: 3em;
}

/* How to Help */

.page-id-36 .content .button {
    margin: 1em auto 2em auto;
    display: block;
}

.page-id-38 .content a {
	color:#222;
}

.page-id-38 .content a:hover {
	color:#ff4105;
}

/* Licensed Designs */

.page-id-42 .content img {
	float:left;
	width:33.333%;
}






/* Board */

/*.page-id-28 .content p {
	margin-bottom:0;
}*/

/* PAGE TEMPLATE =============== STATEMENT ================== */

.page-template-pagetemplate-mission .content {
	text-align:center;
}

.mission {
    max-width: 500px;
    margin: 0 auto 4em auto;
}

.mission-statement {
       margin: 1em 0;
    font-size: 120%;
    line-height: 1.5em;
    border-top: solid 1px #ddd;
    padding: 1em 0 0 0;
}



/* AWARD PAGE */


.page-id-1197 .content hr {
    margin-bottom: 2em;
    margin-top: 2em;
}




/* =============== SINGLE / components ================== */

#singleHeader a { /* client name, url and post nav container */
	/*color:#999;*/
}

#servicesrendered ul {
	list-style-type:none;
	margin-left:0 !important;	
}

#servicesrendered ul li {
	/*display:inline-block;
	margin-right: 10px;	*/
}

.visualContainer {
	text-align:center;
}

.visualContainer img {
	max-width:300px;
	height:auto;
}

.textContainer {
}

.galleryContainer {
}

/*.gallery-item {
    margin: 0 !important;
	padding: 0 !important;
	margin-bottom:10px !important;
}

.gallery-item img {
    width: 380px;
    height: auto;
    border: none !important;
    margin: 0 !important;
}*/


.button.sampleRequest {
	float:right;
}

.postid-934 .button.sampleRequest { /* COM */
	display:none;
}



/* =============== GRID / GALLERIES ================== */

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

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

.gridcell-text {
	text-align:center;
	margin:.5em 0;
}

/* BLOG */

.category-blog .gridcell {
	float:left;
	position:relative;
	margin-bottom:-6px; 	/* hide 6px of img anchor */
	width:31.333%;
	margin:1%;
	border-top:solid 1px #ddd;
}

.category-blog .gridcell-text {
	text-align:left;
	margin:.5em 0;
}

.category-blog .gridcell p img { /* hide images in the post's content */
	display:none;
}






.FeaturedImageTax--item {
	width: 31% !important;
    margin: 1% !important;
}

.FeaturedImageTax--item img {
	width:100%;
	height:auto;
}

h2.FeaturedImageCat.FeaturedImageTax--category {
	color: #ff4105;
    font-size: 100%;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
	line-height: 1.2em;
}


.gallery-item {
    margin-bottom: 1em !important;
}



.gallery-icon img {
    width: 96% !important;
    max-width: 96% !important;
	padding: 0 !important;
    margin: 2% 2% 0 2% !important;
}

/*.gallery-caption {
    position: absolute !important;
    bottom: 12px !important;
    width: 100% !important;
    background: rgba(255,255,255,.8) !important;
    padding: 5px 0 !important;
}
*/


/* =============== PRODUCT INDEX PAGES ================== */

.page-template-pagetemplate-lighting h2, .page-template-pagetemplate-furniture h2, .page-template-pagetemplate-wallpapers h2 {
    border-top: solid 1px #ddd;
    padding-top: 1em;
}





ul#filters {
	text-align:center;
	border:solid 1px #ddd;
	padding:20px;
}

ul#filters li {
	display:inline-block;
	margin: 0 8px !important;
}

ul#filters li a.active {
    color: #000;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/*============ SIDEBAR ===============*/

.widget {
	margin-bottom:1.8em;
}

.widget a {
	color:#222;
}

.widget a:hover {
	color:#ff4105;
}

.widget ul {
	list-style:none;
}

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

#footer {
	border-top:solid 1px #ddd;
	padding-top:1em;
}

.copyright {
	font-size: 60%;
	color: #999;
	text-align:right;
}

.social {
	font-size:160%;
	text-align:right;
}

.social a {
	color:#ff4105;
}

.social a:hover {
	color:#000;
}

.social img {
	width:25px;
	height:auto;
}






/* ROYAL SLIDER */


/* Royal Slider */

/*.royalSlider {
}

.royalSlider { overflow:hidden }

.royalSlider > .rsContent {
visibility: hidden; 
}

.rsContent {
background: #fff !important;
}*/


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

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





/* COLLAPSE-O-MATIC */

.collapseomatic {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    color: #999;

	background-image:url('graphics/arrow-down.png') !important;
}

.collapseomatic_content {
    margin-left: 0 !important;
}

.colomat-close {
	background-image:url('graphics/arrow-up.png') !important;
}

.colomat-hover {
	text-decoration:none !important;
}





/* SHARE */

.ssba {
}



/* LIGHTBOX */

span.screen-reader-text {
	display:none;
}




/* MASONRY TEST */

.page-template-pagetemplate-masonrytest {
}

.brick {
	width:372px;
	margin:10px;
	padding:0;
	line-height:0;
}

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

.page-template-pagetemplate-masonrytest .gallery-item {
	width:372px !important;
	margin:10px !important;
	padding:0 !important;
	line-height:0 !important;
}

.page-template-pagetemplate-masonrytest .gallery-item img {
	width:100%;
	height:auto;
}




/* IPAD PORTRAIT */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
 
	
	.column {
		float:none;
		width:100%;
		padding:0;
		clear:both;
	}
	
	.full, .half, .onethird, .twothirds, .onequarter, .threequarters {
		float:none;
		width:100%;
		margin:0;
	}
	
	.wrapper {
    	max-width: 750px;
	}
	
	.description {
		margin-top: 0em;
	}
	
	
	
	/* HOME */
	
	
	
	.row.homeHighlights .column {
		position:relative;
		float:left;
		padding:0 1%;
		clear:none;
	}
	
	.row.homeHighlights .onethird {
		width:31.333%;
	}
	
	.row.homeHighlights p {
		margin-bottom: .8em;
		font-size: 85%;
		line-height: 1.6em;
	}

	
	/* PRODUCTS OVERVIEW */
	
	.page-id-40 .visuals img {
		float: left;
		width: 24%;
		margin: .5%;
	}
	
	/* HISTORY */
	
	.page-id-26 .visuals img {
		float:left;
		width: 18%;
		margin: 1%;
	}
	
	/* SINGLE */
	
	.button.sampleRequest {
		float: left;
	}
	
	.thumbgrid {
		margin-top: 1em;
	}
	
	
	
	.category-blog h2 {
		color: #222;
		font-size: 100%;
		font-weight: 600;
		margin-bottom: .8em;
		line-height: 1.2em;
	}
	
	
} /* e/o IPAD CSS */



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	
	/* Alignment */

	.alignleft {
		float: none;
		display: block;
	}
	
	.alignright {
		float: none;
		display: block;
	}
	
	img.alignnone {
		width:100%;
		height:auto;
	}
	
	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	blockquote.alignleft,
	img.alignleft {
		margin: 7px 0 7px 0;
		width:100%;
		height:auto;
	}
	
	.wp-caption.alignleft {
		margin: 7px 14px 7px 0;
	}
	
	blockquote.alignright,
	img.alignright {
		margin: 7px 0 7px 0;
		width:100%;
		height:auto;
	}
	
	.wp-caption.alignright {
		margin: 7px 0 7px 14px;
	}
	
	blockquote.aligncenter,
	img.aligncenter,
	.wp-caption.aligncenter {
		margin: 7px 0 7px 0;
		width:100%;
		height:auto;
	}
	
	.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;
	}
	
	
	
	
	.column {
		float:none;
		width:100%;
		padding:0;
		clear:both;
	}
	
	.full, .half, .onethird, .twothirds, .onequarter, .threequarters {
		float:none;
		width:100%;
		margin:0;
	}
	
	.wrapper {
    	max-width: 300px;
	}
	
	#header {
		margin-top: 3em;
	}

	.description {
		margin-top: 0em;
		font-size: 14px;
	}
	
	#topNavContainer { /* TEMP! */
		display:none;
	}
	
	#footer {
		text-align: center;
	}
	
	.social {
		text-align: center;
		margin-top: 1em;
	}
	
	.copyright {
		text-align:center;
	}
	
	.myCustomSkin .rsGCaption {
		display:none;
	}
	
	.thumbgrid {
		margin-top: 1em;
	}
	
	.gridcell {
		float: none;
		position: relative;
		width: 100%;
		margin: 0 0 10% 0;
	}
	
	.category-blog .gridcell {
		width: 100%;
		margin: 0%;
	}
	
	.gallery-item {
		margin-bottom: 1em !important;
		width: 100% !important;
	}

	.gallery-icon img {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.button.sampleRequest {
		float:none;
	}
	
	.page-id-42 .content img {
		float: none;
		width: 100%;
	}

	.page-id-44 .visuals {
		display:none;
	}

}
