/*  
Theme Name: Antonio Martins
Version: 1.0
*/
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
@font-face {
    font-family: 'Gotham';  src: url('fonts/gotham.eot');  src: url('fonts/gotham.eot?#iefix') format('embedded-opentype'),
	 url('fonts/gotham.woff') format('woff'),
	 url('fonts/gotham.ttf') format('truetype'),
	 url('fonts/gotham.svg#gotham') format('svg');  font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'GothamL';
	src: url('fonts/gotham-light.eot');
	src: local('☺'), url('fonts/gotham-light.woff') format('woff'), url('fonts/gotham-light.ttf') format('truetype'), url('fonts/gotham-light.svg#webfontGothamL') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'GothamM';
	src: url('fonts/gotham-med.eot');
	src: local('☺'), url('fonts/gotham-med.woff') format('woff'), url('fonts/gotham-med.ttf') format('truetype'), url('fonts/gotham-med.svg#webfontGothamM') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'GothamB';  src: url('fonts/gotham-bold.eot');  src: url('fonts/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold.woff') format('woff'),
         url('fonts/gotham-bold.ttf') format('truetype'),
         url('fonts/gotham-bold.svg#gothambold') format('svg');  font-weight: normal; font-style: normal;
}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
html {  }
body { padding:0px; margin:0px; font-family:'Gotham'; font-size:14px; color:#000; min-width:1040px; /* border:1px solid #ff0000; */ line-height:1.5em; /*overflow:hidden*/ }


.clearfix:after { content: ""; display: block; height:0px; clear: both; visibility: hidden; }
.clearfix { zoom: 1; /* IE*/} 
.clr { float:none; clear:both }

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

.transition, #content a { -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all;  transition-property: all;  }

h1, h2, h3, h4, h5 { font-weight:normal; font-family: 'Gotham'; color:#000;   }
h1 a, h2 a { color:#000; }  
h1, h2  { font-size:15px; text-transform:uppercase; margin-bottom:8px; line-height:1.1em; }
h3 		 { font-size:14px; text-transform:uppercase; margin-bottom:7px; line-height:1.1em; }
h4 		{ font-size:14px; text-transform:uppercase; margin-bottom:7px;  }

h4.title-workcat { font-size:14px; color:#FFFFFF; font-family:'Gotham'; text-transform:uppercase; padding:36px 0px; line-height:1em; margin:0px;}

.desktop-noshow { display:none !important}
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
.wrap { position:relative; width:1240px; margin:auto; padding:0px 20px; overflow:hidden }
#content { float:none; clear:both; position:relative; width:100%;  }
#header, #footer { display:block; position:relative; width:100%;}

/*------------------------------------------------*/
/*--------------[HEADER / NAV]--------------------*/
/*------------------------------------------------*/
#header { position:relative; clear:both; height:90px; }
	#header #logo { /*position:absolute; */ position:relative; margin:9px 0px 0px -3px; width:252px; height:68px; background-image:url(images/logo.png); background-repeat:no-repeat;
	background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	  }
	#header #logo a { display:block; text-indent:-9999px; width:100%; height:100%; }
	
	.top-nav { position:absolute; top:39px; right:0px;   }
		.top-nav > li, .footer-nav > li { display:inline-block; font-family:'Gotham'; font-size:14px; text-transform:uppercase}
		.top-nav li, .footer-nav li { padding:0px 16px; }
			.top-nav li a, .footer-nav a { color:#959595 }
			.top-nav li a:hover, 
			.top-nav li.current-menu-item a,
			.footer-nav a:hover,
			.footer-nav li.current-menu-item a  { color:#896632 }
			
#mobile_links { display:none  }
.et_mobile_menu { display: none; }
.closed { }		
/*	
#header { margin-bottom:30px;}
body.home #header,
body.page-template-page-template-works-php #header { margin-bottom:0px; }		
*/	
/*------------------------------------------------*/
/*------------[FLEXSLIDER]------------------------*/
/*------------------------------------------------*/
#featured-area.flexslider { width:100% !important; overflow:hidden !important; margin-bottom:0px;  }
#featured-area.flexslider { background-image:none !important }

#featured-area.flexslider .slides li { width:100%; overflow:hidden }
	#featured-area.flexslider li > img { height:auto !important }	
	
#featured-area.banner img { width:100%;  height:auto; min-width:1000px}		

.page #featured-area { margin-bottom:0px; }
.home #featured-area { margin-bottom:0px;}

/*------------------------------------------------*/
/*------------[POSTS / PAGES]---------------------*/
/*------------------------------------------------*/
article { position:relative; display:block }
.one_half { float:left; width:40%; margin:0px 9% 30px 0px;}
.one_half.last { float:right; margin-right:0px;}

img.alignleft { float:left; margin:0px 45px 5px 0px }
img.alignright { float:right; margin:0px 0px 5px 45px; }
img.aligncenter { float:none; display:block; margin:0px auto 5px auto; }

.post-content p { padding-bottom:20px}
.post-content b, .post-content strong { font-weight:normal; font-family:'GothamB'}

.page article, .single-post article { margin:35px 0px;  } 
/*.page article.has-post-thumbnail { margin-top:80px; border:1px solid #333} */
.page .post-thumbnail { float:left; margin:0px 45px 30px 25px; }


/**** WORK DETAILS ***/
.single-work article { margin-top:35px; }


/**** PRESS DETAILS ***/
.single-press article { margin-top:35px; }
	.single-press h1 { margin-bottom:24px; }
	.single-press article { margin-bottom:45px; }
	
.post-edit-link { position:absolute; right:20px; top:0px; display:inline-block; padding:4px 9px; background-color:#ececec}

/*------------------------------------------------*/
/*---------------------[FORMS / BUTTONS]------------*/
/*------------------------------------------------*/
.button { color:#fff; text-transform:uppercase; font-size:14px; background-color:#896632; padding:0px 15px; height:37px; line-height:38px; display:inline-block; }


/*------------------------------------------------*/
/*---------------------[LOOP WORKS] ---------------*/
/*------------------------------------------------*/
/*.base { position:relative; display:table; width:100%; } */
.ul-works { position:relative; display:block; width:1240px; float:none; clear:both; /*background-color:#ddd  */ }
.ul-works li { position:relative; width:600px; float:left; text-transform:uppercase; text-align: center; line-height: 160%; overflow:hidden; margin:0px 15px 15px 0px; padding:0px; }
	.ul-works li {
  display: inline-block;
  background: #FFF;
  /* You need this line for the centered h1 below to work. */
  position: relative;
}

.ul-works li img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.8;
  display: block;
}

.ul-works li img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 0.8;
  display: block;
  transition: 0.8s ease;
}

.ul-works li h3 {
 display:none;
 }

.ul-works li:hover h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  color: #fff;
  font-size: 21px;
  display: block;
 }
.ul-works li span { display:block }
.ul-works li .work-thumbnail { display:block; width:100%; height:auto;}

@media (min-width: 1281px) {
.ul-works li .work-thumbnail { display:block; width:600px; height:450px;}

}


/*------------------------------------------------*/
/*---------------------[LOOP PRESS] ---------------*/
/*------------------------------------------------*/
.ul-press { position:relative; margin-right:-30px;  }
.ul-press li.item { position:relative; float:left; width:236px; font-size:12px; background-color:#ececec; margin:0px 17px 27px 0px; border:1px solid #ececec; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
	.ul-press li:hover { background-color:#646464 } 
	.ul-press li .press-thumbnail { }
	.ul-press li h3 { text-transform:none; margin:0px; font-size:12px; padding:10px 7px; margin-top:1px;  }
	.ul-press li:hover h3 { color:#fff }

.navigation { text-transform:uppercase; margin:20px 0px 0px 0px }	
	.navigation a { color:#896632; font-size:14px; }
	.navigation .prev { display:inline-block; }
	.navigation .next { float:right; display:inline-block}
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer { float:none; clear:both; padding:60px 0px 70px 0px;  }
#footer:before { position:absolute; display:block; left:0px; top:67px; width:100%; height:1px; border-bottom:1px solid #b09976; content:''}
#footer:after { position:absolute; display:block; left:0px; top:68px; width:100%; height:1px; border-bottom:1px solid #d8ccbb; content:''}
#footer.no-nav:after, #footer.no-nav:before { display:none !important; }
#footer.no-nav { padding:30px 0px 50px 0px}

	.footer-nav { position:absolute; right:-10px; background-color:#fff; z-index:999; padding:0px 15px 0px 15px;  }
	
	#footer .copy { text-align:right; font-size:10px; color:#959595; text-transform:uppercase; padding-top:40px; }
	#footer.no-nav .copy { padding-top:0px }@charset "UTF-8";
/* CSS Document */

