/*
Theme Name: Hazel Child
Theme URI: http://demo.select-themes.com/hazel/
Description: A child theme of Hazel Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: hazel
*/
@import url("../hazel/style.css");

@font-face {
    font-family: 'gt_walsheimbold';
    src: url('fonts/gt-walsheim-bold-web-webfont.eot');
    src: url('fonts/gt-walsheim-bold-web-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/gt-walsheim-bold-web-webfont.woff') format('woff'),
         url('fonts/gt-walsheim-bold-web-webfont.ttf') format('truetype'),
         url('fonts/gt-walsheim-bold-web-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	color: #333 !important;
	font-size: 14px;
	line-height: 22px;
	font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif;
	font-weight: normal;
	-webkit-font-smoothing: auto;
}

h1 {font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif;
color: #000;
text-align: center;
font-size: 19px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
font-weight: normal;}
h3 {font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif;color: #000;text-align: center;font-size: 18px;line-height: 22px;text-transform: uppercase;letter-spacing: 2px;font-weight: normal;font-weight: normal;}

.masonry_with_space .projects_holder .mix {
	padding: 20px !important
}

.home .projects_holder article .image_holder {
	padding:20px;
	border-top: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	border-left: 1px solid #7f7f7f;
}

.portfolio_standard .portfolio_description  .project_category {font-size: 12px;font-weight:bold !important}

.default_template_holder p, .post_content_holder p {margin-bottom:15px !important}
 
article h5.portfolio_title { font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif; font-weight: normal; font-size: 15px; line-height: 22px;  text-transform: capitalize; color: #333; }
article h5.portfolio_title a { color: #333; font-weight: 400; }

/*home*/ 
.home  article h5.portfolio_title { height:109px;}

.projects_holder article .portfolio_description .project_category { font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif; font-size: 14px; letter-spacing: 2px; line-height: 22px; text-transform: capitalize; color: #000; }

.projects_holder article .portfolio_description { padding: 0 0 22px; }

.projects_holder .hover_icon_holder .hover_icon, .portfolio_slider .hover_icon_holder .hover_icon, .projects_masonry_holder .hover_icon_holder .hover_icon {width:41px;height:41px;line-height:35px;font-size:22px}

.projects_holder .icon_search:before {font-size:24px}
.projects_holder .icon_link_alt:before {font-family: FontAwesome !important;content:"\f07a" !important;font-size:24px}
.projects_holder span.portfolio_like a.hover_icon:before {font-family:FontAwesome !important;content:"\f0d2" !important;font-size:24px}
.icon_search:before {font-family:FontAwesome !important; content: "\f002" !important;font-weight:600}

.projects_holder article .portfolio_description .portfolio_title:hover a, .projects_holder article .portfolio_description .portfolio_title:hover a span {color:#ecae80}

.enclosed .projects_holder.standard article .portfolio_description {
	position: absolute;
	top: 50px;
	left: 10px;
	display: none;
	z-index:20
}
.enclosed article.mix .image_holder:hover~.portfolio_description {display:block !important}

.enclosed .projects_holder article .image_holder:hover span.text_holder {z-index:10}

.vc_span4 .wpb_wrapper h3 {
	border-bottom: 1px solid #696969;
	width: 80%;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 15px;
}

.vc_responsive .wpb_row .vc_span4 {
	margin-bottom:40px
}

.wpb_wrapper h1 {
	margin-bottom:60px !important
}

header ul li { display: inline-block; }
header { width: 90%; margin: 50px 5% 0; float: left; border-bottom: 1px solid #eee; position: static; }
header .mobile { display: none; }
header #logo { max-width: 150px; left: 5%; position: absolute; z-index: 10; }
header #logo img { max-width: 150px; height: auto; margin-top: -15px; }
header #mainmenu { max-width: 1080px; margin: 0 auto; text-align: center; z-index: 10;  }

header #mainmenu ul { height: 30px; }
header #mainmenu ul li { margin-right: -4px; }
header #mainmenu ul li a { background: url(includes/images/down-arrow-small.png) no-repeat 10px 10px; color: #333; font: 12px/22px 'gt_walsheimbold', sans-serif; letter-spacing: 2px; text-decoration: none; padding: 0 18px 9px 23px; float: left; text-transform: uppercase; border-left: 1px solid transparent; border-right: 1px solid transparent; z-index: 2000; }
header #mainmenu ul li #bag {background:none}
header #mainmenu ul li:first-of-type a { background-image: none; }
header #mainmenu ul li:first-of-type a:hover { background-image: none; }
header #mainmenu ul li:hover a { background: url(includes/images/down-arrow-small.png) no-repeat 10px 10px #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; }

header #social { min-width: 120px; position: absolute; right: 5%; top: 50px; z-index: 10; }
header #social ul { float: right; }
header #social ul li { margin-left: 20px; }
header #social ul li a { opacity: 0.5; }
header #social ul li a:hover { opacity: 1; }

header #dropdowns { width: 90%; position: absolute; text-align: left; background: #fff; border-top: 1px solid transparent; border-bottom: 1px solid #eee; height: auto; left: 5%; top: 81px; display: none; z-index: 1000; }
header #dropdowns .middle { margin: 0 auto; width: 1080px; padding: 20px 0; display: table; }
header #dropdowns .sixthTitle { width: 160px; float: left; }
header #dropdowns .sixthTitle:first-of-type { margin-left: 80px;  } 
header #dropdowns .sixth { width: 155px; float: left; }
header #mainmenu ul li #dropdowns ul li { border: 0; display: block; clear: both; float: left; width: 90%; color: #555; padding: 1px 3px; font: normal 400 14px/22px serif; text-transform: none; letter-spacing: 0px; }
header #mainmenu ul li #dropdowns ul li a {font-family:"adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif; border: 0; background: none; color: #4E4E4E; border: 0; padding: 1px 3px; font: normal 400 14px/22px; text-transform: none; letter-spacing: 0px; width: 105%; text-decoration: none; }
header #mainmenu ul li.about #dropdowns ul li a:hover { border: 0; background: #f4f4ed; }
header #mainmenu ul li #dropdowns ul li a:hover { border: 0; background: rgba(243,202,171,0.51); }
header #dropdowns h4 { font: normal 400 18px/24px "adobe-garamond-pro", adobe-garamond-pro, adobe garamond, serif; color: #333; border-bottom: 1px solid #7f7f7f; margin-right: 50px; }
/*header #dropdowns.show { display: block; }*/

span.pinterestp { background: url(includes/images/pinterestp.png) no-repeat center center; margin-bottom: -15px !important; }



footer .zone {
	vertical-align: top;
	overflow: hidden;
	width: 100%;
}
footer .section {
	width: 100%;
	clear: both;
}
footer .footerContainer {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	border-top: 1px solid #e7e7e7;
	position: relative;
	margin-top: 110px;
}
footer a {
	color: #4e4e4e;
	font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}
footer .footerContainer .footer {
	margin: 0 auto;
	text-align: left;
	padding-top: 14px;
	width: 90%; 

	
	font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}
div.footerElement {
	text-align: left;
	padding: 0;
	margin: 0;
	display: inline-table;
	vertical-align: top;
	font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	width: 24%;
}
footer .footerContainer .footer span.title2 {
	color: #333;
	font: 12px/22px 'gt_walsheimbold', Serif;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
footer .longFooter {
	width: 260px;
}
footer .lastColumnFooter {
	width: 200px;
	float: right;
}
footer .mediumFooter {
	width: 280px ;
}
footer .lastFooter {
	width: 80px ;
	float: right;
}
#footerBottom {
	position: relative;
	font-size: 1.0em;
}
.KW_PromoBoxLink {
	width: 100%;
	font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	padding-top: 6px;
	line-height: 22px;
	color: #4E4E4E;
}
footer .footerElement span {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	font-family: "adobe-garamond-pro",adobe-garamond-pro,adobe garamond,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}

#mobilefooter { display:none;}

.content .container .container_inner.default_template_holder, body.page-template-blog-masonry-full-width-php .content .full_width { clear:both; }

/* events page */
.page-id-84 h3, .type-post h3 { text-align:left; text-transform:none; letter-spacing:normal;font-size:16px;}
.gallery_holder ul.v3 li, .wpb_gallery_slides .gallery_holder ul.v3 li { width: auto; padding:20px 40px;}

.wpb_column>.wpb_wrapper .separator.small { margin-bottom:45px; } 


.separator.full_width { width: 100%; !important } 


.masonry_with_space .projects_holder.v3 .mix { width:31%; } /*press*/
.projects_holder.v3 .mix { width:26%; } /* campaigns */ 


.projects_holder.v4 .mix { width:21%;} /*collections*/
.parent-pageid-40 .projects_holder article .portfolio_description {padding: 80px 0 160px;  }

.parent-pageid-42 .projects_holder article .portfolio_description { padding:20px 0 40px;}


/* collections, about - as seen in etc */
.parent-pageid-44 article h5.portfolio_title, .parent-pageid-44 .projects_holder article .portfolio_description .project_category, .parent-pageid-40 article h5.portfolio_title, .parent-pageid-40 .projects_holder article .portfolio_description .project_category 
 	{ letter-spacing:normal; color:#333; font-weight:normal !important; font-size:15px; } 

.parent-pageid-44 .projects_holder article .portfolio_description 
/*about*/ 	{ padding: 10px 0 50px; }



.parent-pageid-40 article h5.portfolio_title, .parent-pageid-44 article h5.portfolio_title 
	{ line-height: 30px; }

/*home*/
.page-id-6 article h5.portfolio_title {  font-family: 'gt_walsheimbold', sans-serif; font-weight: normal; font-size: 12px; line-height: 22px; letter-spacing: 2px; text-transform: uppercase; color: #333;height:109px; }

/*visible 2014*/
.page-id-47 .ppt { display: none!important; }

div#header { display:none; } 


/*	RESPONSIVE STUFF	----------------------  */


@media only screen and (min-width : 770px) and (max-width : 1000px) {

	header #logo { top: -40px; }
	header { margin: 80px 0 0; }
	header #social { top: -50px; }
	header #dropdowns { top: 31px; }
	header #mainmenu ul li a { padding: 0 14px 9px 19px; }
	header #dropdowns .sixthTitle:first-of-type { margin-left: 0; }
	header #dropdowns .sixth { width: 100%; clear: both; margin: 10px 0; }
	header #dropdowns .sixthTitle { width: 100%; clear: both; margin: 5px 0; }
	header #dropdowns .middle { margin: 0 auto; width: 100%; padding: 20px 0; display: table; }
	header { width: 100%; }
	.projects_holder .hover_icon_holder, .portfolio_slider .hover_icon_holder, .projects_masonry_holder .hover_icon_holder { margin-right: 10px; }
	header #dropdowns { width: 90%; padding: 0 5%; left: 0; }

	div.footerElement { width: 24%;} 
	div.longFooter { width: 220px;}

	 .page-id-6  article h5.portfolio_title { min-height:132px;}

}

@media only screen and (min-width : 320px) and (max-width : 770px) {

	header #logo { width: 50%; top: -40px; }
	header { margin: 80px 0 0; width: 100%;  }
	header .mobile { display: block; padding-bottom: 15px; font: 12px/22px 'gt_walsheimbold', sans-serif; text-transform: uppercase; color: #333; letter-spacing: 2px; }
	header #mainmenu ul { display: none; height: auto; border-top: 1px solid #e7e7e7; padding: 15px 0; width: 100%; float: left; }
	header #mainmenu ul li ul { margin-bottom: 0px; padding-bottom: 0px; }
	header #mainmenu ul li { display: block; width: 100%; float: left; margin: 0; text-align: center; }
	header #mainmenu ul li a { width: 100%; text-align: center; background-image: none; padding: 10px 0; }
	header #mainmenu ul li a,header #mainmenu ul li a:hover,header #mainmenu ul li:hover a { border: 0; background-image: none; }
	header #mainmenu ul li #dropdowns ul li { padding: 1px 0; margin: 0 5%; }
	header #dropdowns h4 { text-align: center; margin: 0; width: 100%; border: 0; }
	header #social { width: 50%; top: -50px; }
	header #dropdowns { position: relative; float: left; width: 100%; top: 0; display: none; background: #eee; left: 0; }
	header #dropdowns .sixthTitle:first-of-type { margin-left: 0; }
	header #dropdowns .sixth { width: 100%; clear: both; margin: 10px 0; }
	header #dropdowns .sixthTitle { width: 100%; clear: both; margin: 5px 0; }
	header #dropdowns .middle { margin: 0 auto; width: 100%; padding: 10px 0; display: table; }
	header #mainmenu ul li #dropdowns ul li a { border: 0; background: none; color: #555; border: 0; padding: 1px 3px; font: normal 400 14px/22px serif; text-transform: none; letter-spacing: 0px; width: 100%; text-decoration: none; }
	
	/*collections*/
	.projects_holder .hover_icon_holder, .portfolio_slider .hover_icon_holder, .projects_masonry_holder .hover_icon_holder { margin-right: 10px; }
	.projects_holder article span.text_holder span.text_outer { padding:0;}
	
	#mobilefooter { display:block; }
	#desktopfooter { display:none;}
	
	.page-id-6  article h5.portfolio_title { min-height:154px;}
	.projects_holder.v4 .mix  { width:auto;}
	
	/*campaigns*/

	
	}
@media only screen and (min-width:320px) and (max-width : 620px) {
	
/*homepage*/
	.masonry_with_space .projects_holder.v3 .mix { width:100%;} 

/*campaigns - collections - press*/
	.projects_holder.v3 .mix { width:100%;}
	.container_inner { max-width:420px;}
	
	
}