/*

Theme Name: StanleyWP

Theme URI: http://gentsthemes.com

Description: Responsive WordPress theme with all the Twitter Bootstrap elements and features.



Author: Brad Williams & Carlos Alvarez & Carlos Alvarez

Author URI: http://gentsthemes.com

Version: 3.0.3

Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, bootstrap, twitter



Copyright (C) 2011-2014 Gents Themes

License: GNU General Public License, version 3 (GPLv3)

License URI: license.txt

	

CREATE CHILD THEME.

See: http://codex.wordpress.org/Child_Themes

	

CSS Rules: Sorted alphabetically for better organization.

*/



/* FONT */

@font-face {

  font-family: 'vremenagroteskbook';

  src: url('fonts/vremena-grotesk-book.eot'); /* IE9 Compat Modes */

  src: url('fonts/vremena-grotesk-book.eot?#iefix') format('embedded-opentype'), 

       url('fonts/vremena-grotesk-book.ttf')  format('truetype'), 

       url('fonts/vremena-grotesk-book.woff2') format('woff2'), 

       url('fonts/vremena-grotesk-book.woff') format('woff'), 

       url('fonts/vremena-grotesk-book.svg#vremena-book') format('svg'); /* Legacy iOS */

}



@font-face {

  font-family: 'vremenagroteskbookitalic';

  font-style: italic;

  src: url('fonts/vremena-grotesk-book-italic.eot'); /* IE9 Compat Modes */

  src: url('fonts/vremena-grotesk-book-italic.eot?#iefix') format('embedded-opentype'),

       url('fonts/vremena-grotesk-book-italic.ttf')  format('truetype'),

       url('onts/vremena-grotesk-book-italic.woff2') format('woff2'), 

       url('fonts/vremena-grotesk-book-italic.woff') format('woff'),

       url('fonts/vremena-grotesk-book-italic.svg#vremena-book-italic') format('svg'); /* Legacy iOS */

}



@font-face {

  font-family: 'vremenabook';

  src: url('fonts/vremena-book.eot'); /* IE9 Compat Modes */

  src: url('fonts/vremena-book.eot?#iefix') format('embedded-opentype'), 

       url('fonts/vremena-book.ttf')  format('truetype'), 

       url('fonts/vremena-book.woff2') format('woff2'), 

       url('fonts/vremena-book.woff') format('woff'), 

       url('fonts/vremena-book.svg#vremena-book') format('svg'); /* Legacy iOS */

}



@font-face {

  font-family: 'vremenaitalic';

  font-style: italic;

  src: url('fonts/vremena-italic.eot'); /* IE9 Compat Modes */

  src: url('fonts/vremena-italic.eot?#iefix') format('embedded-opentype'),

       url('fonts/vremena-italic.ttf')  format('truetype'),

       url('fonts/vremena-italic.woff2') format('woff2'), 

       url('fonts/vremena-italic.woff') format('woff'),

       url('fonts/vremena-italic.svg#vremena-italic') format('svg'); /* Legacy iOS */

}



/* GLOBAL */

button:focus { outline: none !important; }

p { color: #000 !important; font-family: 'vremenabook', 'times new roman', times, serif !important; font-size: 1.6em !important; line-height: 1.2em; }

blockquote { padding: 0px 20px; border-left: 1px solid #000; }

  ::selection { background: rgba(0,0,0,0.99); color: #fff; /* WebKit/Blink Browsers */ }

  ::-moz-selection { background: rgba(0,0,0,0.99); color: #fff; /* Gecko Browsers */ }

*::-webkit-scrollbar { display: none; }

/* MENU */

body { font-family: 'vremenabook', 'times new roman', times, serif !important; background-color: #eee !important; text-rendering:optimizeLegibility!important; -webkit-font-smoothing:antialiased!important; }

header { background-color: #eee !important; }

nav { background-color: #eee !important; }

.navbar-inverse { background-color: #eee !important; height: 75px; border: 0px !important; padding: 12px 15px 15px 15px !important; position: fixed; width: 100%; }

.navbar-inverse .navbar-nav > li > a { letter-spacing: 0.6px !important; color: #bbb !important; font-family: 'vremenabook', 'times new roman', times, serif !important; font-size: 1.9em !important; line-height: 1.2em; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.navbar-inverse .navbar-nav > li > a:hover { color: #000 !important; }

.navbar-inverse .navbar-nav > li.active > a { color: #000 !important; }

.navbar-brand { height: auto; padding: 10px; }

.navbar-brand .tldw-esteso { display: none; }

.navbar-brand .tldw-sintetico { color: #000; font-weight: 200; font-size: 3.6em; margin-top: 30px; position: relative; font-family: 'vremena', helvetica, arial, sans-serif; display: inline-block; }

.navbar-brand:hover .tldw-esteso { display: inline-block; color: #000 !important; font-weight: normal !important; font-size: 1.4em !important; line-height: 1.2em; letter-spacing: 0.6px !important; }

.navbar-brand:hover .tldw-sintetico { display: none; }

.navbar { text-transform: capitalize !important; }

ul.navbar-nav { float: left !important; }

.navbar-inverse .navbar-toggle .icon-bar { background-color: #000; height: 2px; }

.navbar-toggle .icon-bar+.icon-bar { margin-top: 6px !important; }

.navbar-toggle { margin-right: 0px; padding: 9px 0px; }

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #eee !important; }

.navbar-collapse { border-top: 0px solid; box-shadow: none !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px; }

.nav>li>a { padding: 0px 30px 10px 0px; }

.container>.navbar-header, .container>.navbar-collapse { margin: 0 !important; }

.d-kern { margin-right: -5px; }

.alignnone { margin: 0px 20px 15px 0 !important; }



/* GRID */

#wrapper { padding: 130px 30px 0px !important; min-height: 100vh; }

article.item { display: inline-block; }

.container { width: 100%; }

.container-fluid { margin-top: 0px; }

.container.item { width: auto; }

.item { width: 100%; padding-bottom: 15px; padding-top: 25px; border-top: 1px solid #000; 

	

/* background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 14%, rgba(0,0,0,0) 97%); 

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0) 97%); 

background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0) 97%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); */

}



.item .project-metadata p { color: #000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

.item h3.title { color: #000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

.item a:hover {  }

.isotope-list {display: inline !important; position: relative;}

.item--width2 { width: 50%; }

h1, h2, h3, h4, h5, h6 { font-family: 'vremenabook', 'times new roman', times, serif !important; color: #000; font-weight: normal !important; }

h3.title { font-size: 3.2em !important; line-height: 1.2em; letter-spacing: 1px !important; margin-top: 0px; margin-bottom: 0px; color: inherit; }

.col-md-9.archive { padding-left: 7px; }

.item:hover h3.title, .item:hover .project-metadata p { color: #ccc !important; }

/*
.thumbnail-img { position: relative; top: 0px; left: 0px; }
.thumbnail-img img { width: 100%; display: none; }

.item:hover .thumbnail-image { display: block;  }
.thumbnail-image { position: fixed; top: 130px; left: 30px; display: none; }
.thumbnail-image img { width: 22vw !important;  }
*/

/* FOOTER */

#footer { position: relative; bottom: 0px; width: 100%; background-color: #eee !important; }



/* FILTERS */

ul#filters a { font-family: 'vremenagroteskbook', helvetica, arial, sans-serif !important; text-transform: lowercase; color: #000; opacity: 0.25; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; display: inline-block; }

ul#filters a:hover { opacity: 1; }

ul#filters a.selected { opacity: 1; }

ul#filters { display: inline-block; float: left; position: fixed; bottom: 30px; left: 30px; }

ul#filters li { float: left; margin-right: 15px; font-size: 1.2em !important; line-height: 1.2em; width: 100%; letter-spacing: 1px !important; }

.nav-filters { width: 100%; height: 40px; position: relative; }

.filters.col-xs-12 { padding-left: 7px; padding-right: 7px; }

.category-news ul#filters { display: none; }



/* LOGO */

.logo { height: 90px; width: 90px; position: fixed; bottom: 30px; right: 30px; -ms-transform: rotate(20deg); /* IE 9 */ -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */ transform: rotate(20deg); }

.logo img { height: 100%; width: 100%;  }

.logo.arrow { -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); }



/* POSTS */

article { background-color: #eee !important; }

.project-metadata { height: auto; display: inline-block; }

.project-metadata p { font-size: 1.3em !important; margin-right: 30px; margin-bottom: 0px; display: inline-block; float: left; font-family: 'vremenagroteskbook', helvetica, arial, sans-serif !important; color: #000; font-weight: normal !important; }

h3.title.work { margin-bottom: 30px; color: #000 !important; }

.specs { display: inline-block; float: left; position: fixed; bottom: 30px; width: 20%; }

.post .container { padding-left: 0px; padding-right: 0px; }

.post-entry > p { width: 65.5% !important; }

.post-entry p { font-size: 1.4em !important; line-height: 1.2em !important; margin-bottom: 15px; margin-top: 0px; }

.post-entry img { width: 100%; }

img.tappeto-verde { width: auto; }

.img-zoom { position: relative !important; }

.fluidbox__thumb { opacity: 1; }



/* TABS */

.osc-res-tab > div:first-child { width: 30% !important; float: right; margin-top: 15px; clear: none !important; }

.osc-res-tab > div:first-child a { font-size: 0.85em; text-transform: uppercase; letter-spacing: 0px !important; }

.osc-res-tab > div:nth-child(2) { width: 65.5% !important; display: inline-block; float: left; clear: none !important; }

.osc-res-nav { font-family: 'vremenagroteskbook', helvetica, arial, sans-serif !important; font-size: 1.5em !important; line-height: 1.2em; }

ul.tab-content { background-color: transparent !important; }

.osc-res-tab .nav-tabs>li.active>a, .osc-res-tab .nav-tabs>li.active>a:hover, .osc-res-tab .nav-tabs>li.active>a:focus { border: 0px !important; }

.osc-res-tab .nav-tabs { border: 0px !important; }

.osc-res-tab .nav-tabs>li>a { border: 0px !important; margin-right: 0px !important; padding: 0px 15px 10px 0px !important; letter-spacing: 1px !important; }

.osc-res-tab .nav-tabs>li>a:hover { border: 0px !important; margin-right: 0px !important; color: #000 !important; }

.osc-res-tab ul.tab-content { padding: 0px !important; }



/* SPECS */

.specs.mobile { display: none; }

.specs.desktop { display: inline-block; }

.specs { font-family: 'vremenagroteskbook', helvetica, arial, sans-serif !important; }

.specs p { border-top: 2px solid #ccc; padding-top: 15px; margin-top: 10px; margin-bottom: 0px; }

.specs table {font-size: 1.2em; color:#000; border-bottom: 2px solid #ddd; }

.specs table tr { border-top: 2px solid #ddd; }

.specs.mobile tr { border-top: 1px solid; }

.specs td { vertical-align: top; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }

.specs td:empty { display: none; }

.specs .lowercase { text-transform: uppercase; }



/* PAGINA */

.pagina p { text-align: left; }

.page .column-group-1 .col-xs-12 { width: 60%; }

.col-md-9.pagina { padding-left: 0px !important; } 

.csRow { font-size: 1.2em !important; line-height: 1.2em !important; color: #000; }

.csColumnGap:first-child { display: none; }

.csColumn img { width: 100% !important; margin-bottom: 10px; }

.col-md-9.single { padding-right: 135px; padding-left: 7px; }



/* HOMEPAGE */

#homepage .navbar-inverse { background-color: transparent !important; }

#homepage .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent !important; }

#homepage header { background-color: transparent !important; }

#homepage nav { background-color: transparent !important; }

body.custom-background { background-position: center !important; background-size: cover !important; }

#homepage .target.background--light { color: #000; }

#homepage .target.background--dark { color: #fff; }

#homepage .target.background--complex { color: #bbb; }



.enter {     position: fixed;

    bottom: 20px;

    right: 20px;

    color: #000 !important;

    font-size: 24px !important;

    font-weight: normal !important;

    font-size: 1.9em !important;

    line-height: 1.2em;

    letter-spacing: 1px !important; }



.enter a { color: #000 !important; text-transform: uppercase; }



@media (max-width: 1200px) {

.item { width: 100%; }

}



@media (max-width: 992px) {

.item { width: 100%; }

.specs td { width: 100%; display: inline-block; }

.csColumn { width: 100% !important; }

.specs td:first-child { border-bottom: 1px solid #ccc; }

.nav > li > a { padding: 0px 30px 0px 0px; }

.navbar-brand:hover:before { display: none; }

.navbar-brand:hover .tldw { display: block; }

.navbar-inverse .navbar-brand { color: #000 !important; }

.container > .navbar-collapse { padding-top: 0px; }

.navbar-inverse { height: 110px; }

.navbar-brand .tldw-sintetico { color: #000; font-weight: 200; font-size: 3em; margin-top: 20px; position: relative; font-family: 'vremena'; display: inline-block; }

.nav>li>a { padding: 0px 20px 10px 0px; }

.navbar-brand:hover .tldw-esteso { display: none; }

.navbar-brand:hover .tldw-sintetico { display: inline-block; }



}



@media (min-width: 769px) {

  .container > .navbar-header { width: 25%; }

.container > .navbar-collapse { width: 75%; float: left; padding-top: 10px; }

}



@media (max-width: 768px) {

  .nav>li>a { padding: 10px 20px 0px 0px; }

	#wrapper { padding-top: 30px !important; }

.item { width: 100%; }

.navbar-header { width: 100%; }

ul#menu-tommasolucinato { -moz-column-count: 2;

       -moz-column-gap: 20px;

       -webkit-column-count: 2;

       -webkit-column-gap: 20px; 

       width: 100%;

       border-bottom: 1px solid;

    padding-bottom: 20px;

    margin-bottom: 20px; }

ul#filters { position: relative; -moz-column-count: 3;

       -moz-column-gap: 20px;

       -webkit-column-count: 3;

       -webkit-column-gap: 20px; 

       left: 0px;

       max-width: 100%; }

.post-entry img { width: 100%; }

h3.title { font-size: 2.6em !important; }

.navbar-inverse { position: relative; padding: 0px; height: auto; }

.navbar-brand { padding: 10px 15px 10px 0px; }

.navbar-nav { margin: 7.5px 0px; }

.navbar .container { padding-left: 7px !important; padding-right: 7px !important; }

.specs.mobile { display: inline-block; position: relative; width: 100%; margin-top: 30px; }

.specs.desktop { display: none; }

.col-xs-12#specs { padding-left: 7px !important; padding-right: 7px !important; }

.post-entry p { margin-right: 0px; }

.logo { display: none; }

.item:hover h3.title, .item:hover .project-metadata p { color: #000 !important; }

.specs td { width: 100%; display: inline-block; }

.col-md-9.single { padding-right: 7px; padding-left: 7px; }

.csColumn { text-align: left !important; margin-left: 0px !important; margin-right: 0px !important; width: 100% !important; margin-bottom: 30px !important; }

.navbar-toggle .icon-bar { height: 1px; }

.osc-res-tab > div:first-child { width: 100% !important; float: left; margin-top: 15px; clear: none !important; }

.osc-res-tab > div:first-child a { font-size: 0.9em; }

.osc-res-tab > div:nth-child(2) { width: 100% !important; display: inline-block; float: left; clear: none !important; }

.page .column-group-1 .col-xs-12 { width: 100%; }

.logo.arrow { display: block; }

/* .item:hover .thumbnail-image { display: none;  } */

.post-entry > p { width: 100% !important; }

}



body {

	-webkit-overflow-scrolling: touch;

	-webkit-font-smoothing: antialiased;

	background-color: #ffffff;

	color: #555;

	font-family: 'Montserrat', sans-serif;

	font-size: 14px;

	font-weight: 400;

}



/* Titles */

h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Montserrat', sans-serif; font-weight: 700; }



h1 { font-size: 35px; margin-bottom: 30px; margin-top: 30px; }



.author-avatar img { -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; }





/* Paragraph & Typographic */

p { font-size: 18px; line-height: 28px; margin-bottom: 25px; }



.centered { text-align: center; }



/* Links */

a {

	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;

	-o-transition: color 0.1s ease-in, background 0.1s ease-in;

	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;

	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;

	color: #ababab;

	transition: color 0.1s ease-in, background 0.1s ease-in;

	word-wrap: break-word;

}



a:hover,

a:focus { color: #000; outline: 0; text-decoration: none; }



a:before,

a:after {

	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;

	-o-transition: color 0.1s ease-in, background 0.1s ease-in;

	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;

	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;

	transition: color 0.1s ease-in, background 0.1s ease-in;

}



hr {

	border: 0;

	border-top: 1px solid #ccc;

	display: block;

	height: 1px;

	margin: 1em 0;

	padding: 0;

}





.navbar { margin-bottom: 0px; text-transform: uppercase; }



.navbar-inverse { padding-bottom: 70px; padding-top: 70px; }



.navbar-inverse { background-color: #1abc9c; border-color: #16a085; }



.navbar-inverse .navbar-nav > li > a { color: white; }



.navbar-inverse .navbar-nav > li > a:hover { color: #222222; }



.navbar-brand { font-size: 20px; font-weight: 700; letter-spacing: 0.6px; }



.navbar-inverse .navbar-brand { color: white; }



.navbar-inverse .navbar-toggle { border-color: transparent; }



.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover { background-color: transparent; color: #222222; }



.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: transparent; color: #222222; }



.progress-bar-theme { background-color: #1abc9c; }





/* Helpers */



.mt { margin-bottom: 40px; margin-top: 40px; }



.pt { padding-bottom: 50px; padding-top: 50px; }





/* +++++ WRAP SECTIONS +++++ */



#ww { padding-bottom: 70px; padding-top: 0px; }





#footer { background-color: #2f2f2f; padding-bottom: 50px; padding-top: 50px; display: none; }



#footer p { color: white; }



#footer h4 { color: white; padding-bottom: 20px; text-transform: uppercase; }





/* +++++ Color Wraps / Blog Page +++++ */



#grey { background-color: #f2f2f2; padding-bottom: 60px; padding-top: 0px; }



#white { background-color: #eee; padding-bottom: 60px; padding-top: 0px; }







/* Blog Date*/

bd {

	color: #d2d2d2;

	font-size: 12px;

	font-weight: 700;

	text-transform: uppercase;

}



/* Blog Author*/

ba { font-size: 12px; padding-left: 5px; text-transform: uppercase; }



/* Blog Quote */

.bq { font-size: 22px; padding-top: 30px; }



/* Blog Tags */

bt { font-size: 12px; }



/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */

/* Effects also are controled by hover.zoom.js */

.zoom { 

    display:block; 

    position:relative; 

    overflow:hidden; 

    background:transparent url(images/loader.gif) no-repeat center;

}





.zoomOverlay {

    position:absolute;

    top:0; left:0;

    bottom:0; right:0;

    display:none;

    background-image:url(images/zoom.png);

    background-repeat:no-repeat;

    background-position:center;

}



.zoom2 {

	opacity: 1;

}



.zoom2:hover {

	opacity: 0.5;

}



/* glyphicon Configuration */



.glyphicon { color: #1abc9c; font-size: 40px; }



/* WP User Avatar */



.wp-user-avatar {margin: 0;}