/*

  Theme Name: Luigi Rosselli Architects Theme

  Theme URI: rdotr.com

  Description: Architect Theme

  Author: RdotR

  Author URI: rdotr.com



/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

* { -webkit-font-smoothing: antialiased;}

.chromeframe {position: absolute; top: 0;}



/* Layout

-------------------------------------------------------------------------------*/

body {padding-top:30px; background-color: #fff;}

.wrapper {width:805px; margin:0px auto;}

header {width:800px; margin-right: 5px;}

header h1 {display: block; float:left; width:183px;}

body {font: 12px 'proxima-nova', Helmet, Freesans, sans-serif; line-height: 17px;}

body, select, input, textarea {color: #555;}

a {color: #888;}

a:hover {color: #333;}

.logo {display:block; width:183px; height:18px;  background: url("img/logo.png") 0 0 no-repeat;}

text-indent: 100%; white-space: nowrap; overflow: hidden; margin:-2px 0 0 0;}

a.image-header {display:block; height:258px;}

strong {font-family: "proxima-nova",sans-serif;

font-style: normal;

font-weight: 700;}

/* Social Media

-------------------------------------------------------------------------------*/

div.social-media {padding-top:inherit; padding-bottom:inherit; 
height:40px; padding-right:62%; padding-left:0%; opacity:.7;}
a.social {height:100%; width:100%; margin-right:4px}
a.social img {height:100%; width:auto;}
a.social img:hover{background-color:lightgray;}

/* Shared Navigation

-------------------------------------------------------------------------------*/

#navigation-box {position:relative; height: 87px;}

.navigation {width: 600px; float: right;}

.navigation > ul {float: right;}

.navigation ul {list-style-type: none;}

.primary li, .secondary > li{padding:0 0 0 18px;}

.navigation a {	transition: all .3s ease-in-out;

   				-moz-transition: all .3s ease-in-out;

   				-webkit-transition: all .3s ease-in-out;}

#navigation-box .primary a, .secondary li, .secondary a {text-decoration: none; font-size: 13px; padding-right:2px; cursor: pointer;}

#navigation-box .secondary li, .secondary a {color: #999;}

#navigation-box .secondary li:hover, .secondary a:hover   {color: #c24c48;}

#navigation-box .secondary li:active, .secondary a:active  {color: #c24c48;}

#navigation-box .secondary .current-cat, .secondary .current_page_item, .secondary .current-menu-item  > a {color:#c24c48;}

#navigation-box .primary a {color: #6D6D6D; padding-right: 1px !important;}

#navigation-box .primary a:hover {color: #c24c48;}

#navigation-box .primary a:active {color: #c24c48;}

#navigation-box .primary .current-menu-item a, #navigation-box .primary .current-category-ancestor a,
.page-id-665 #navigation-box li.menu-item-31 a, .page-id-667 #navigation-box li.menu-item-31 a, #navigation-box .current-cat a {color:#c24c48;}
.residential #navigation-box .primary .menu-item-34 a,.public #navigation-box .primary .menu-item-33 a, .plans #navigation-box .primary .menu-item-32 a {color:#c24c48;}
#navigation-box .current-cat ul.children a {color:#999;}
#navigation-box .current-cat ul.children a:hover {color:#c24c48;}

/* Faux Menu Addition

-------------------------------------------------------------------------------*/

.category-plans-competitions #menu-item-31 a {color:#c24c48;} 

/* Primary Navigation

-------------------------------------------------------------------------------*/

#fixed-navigation-sticky-wrapper {color: #fff;}

#fixed-navigation-sticky-wrapper #fixed-navigation {background-color: #fff; width:800px; padding: 10px 0 5px 0; z-index: 1000; 

  transition : border 500ms ease-in-out; 

  -webkit-transition : border 500ms ease-in-out; 

  -moz-transition : border 500ms ease-in-out;}

.stuck #fixed-navigation { border-bottom: 1px solid #eee;}

.primary {margin-right: 5px;} 

.primary li {display: inline;}	



/* Secondary Navigation

-------------------------------------------------------------------------------*/

.secondary {margin-top:40px;}



/* Logic */

ul.main > li {display:inline-block;}

ul.main ul {display:none; }

ul.main > li {position:relative; }

ul.main li:hover ul {display:block; position: absolute; top: 100%; right:0;}

ul.main li:hover ul ul {position:relative;}



/* Style */

ul.main > li {padding-bottom: 5px; padding-left:18px;}

ul.main > li:hover.dropdown {background-color:#f1f1f1;}

ul.main li:hover ul { background-color:#f1f1f1; z-index: 10; }

ul.main li:hover ul ul {width:150px; padding:2px 0 2px 0;}

ul.main li ul li {padding-left: 2px}

ul.main li ul ul a {padding:4px 4px 4px 16px;}

ul.children li {padding-top:2px;}



/* Main Content

-------------------------------------------------------------------------------*/

#lr .content h1, #lr .content h2 {font-weight:normal; color: #282828; font-size: 13px; margin-bottom:6px;}
#lr .content figcaption h2 {font-weight:normal; color: #363636; font-size: 15px; margin-bottom:6px; margin-top:6px;}

#lr .content .project h2 {padding-top:4px;}
blockquote {padding:12px; color: #333; }


/* Main Content brickwork

-------------------------------------------------------------------------------*/

#tiles {list-style-type: none; position: relative; margin: 0; padding: 0;}

#tiles li { width: 395px; display: none; /** Hide items initially to avoid a flicker effect **/ margin:0px; left:0;}

#tiles li.project {cursor: pointer;}  			

#tiles li.inactive {visibility: hidden; opacity: 0;}

#tiles li img { color: #fff;}



/* Project Page

-------------------------------------------------------------------------------*/

.description, .data {float: left; width:450px;}

.data {padding-left: 40px; width:310px;}

figcaption {color:#777; font-size: 12px;}

figcaption a {color:#777;}

figure {margin-bottom: 24px;}

figure.highlight, .project-information {margin-bottom: 16px;}

#lr .project-information h1 {font-weight:normal;  color: #282828; font-size: 16px; margin-bottom:10px; }

#lr .project-information p {margin-bottom:10px; line-height: 18px; font-size: 13px;}



/* Content list items

-------------------------------------------------------------------------------*/

h2 time {font-size: 11px; padding-right: 6px; color: gray;}

.readmore {color: gray; font-size: 11px; padding-left: 10px; opacity:0; position: absolute; bottom:7px; right: 6px; 

  transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

background: -moz-linear-gradient(left, rgba(255,255,255,0.2) 0%, rgba(243,243,243,1) 32%, rgba(243,243,243,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.2)), color-stop(32%,rgba(243,243,243,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(243,243,243,1) 32%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(243,243,243,1) 32%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(243,243,243,1) 32%,rgba(243,243,243,1) 100%); /* IE10+ */

background: linear-gradient(to right, rgba(255,255,255,0.2) 0%,rgba(243,243,243,1) 32%,rgba(243,243,243,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */

padding-left:40px;

   }



li.page-summary, li.project {border-bottom:5px solid white;}

.page-summary p {margin-top: 5px;}

#lr .page-summary { padding: 10px 5px 6px 5px; background-color: #f7f7f7;}

#main li.project p { padding-bottom: 6px; border-bottom: 1px solid #eee;}

#main .project p, .project h2 {padding:0 5px;}

#main .project {background-color: #f7f7f7;}

#main .project:hover {background-color: #f3f3f3;}

#main .project:hover p {}

#main .project img {opacity:0.80; 

	transition: opacity .3s ease-in-out; 

	-moz-transition: opacity .3s ease-in-out; 

	-webkit-transition: opacity .3s ease-in-out;}

#main .project:hover img {opacity: 1;}

#main .project:hover .readmore {opacity:1;}

#main .project a, .project a:active {text-decoration: none; color: #555;} 

#main .project a:hover p {color: #333;}

#main .project a h2 {transition: text-shadow .3s ease-in-out;}

#main .project a:hover h2 {color: #111; text-shadow: 1px 1px 1px #aaa;}



.page .left {float:left; width:485px;}

.page .right {float:left; width:310px; padding-left: 10px; }

.page .right img {width:300px; height: auto;}

#map {width: 485px; height: 313px; border: #EEE 1px solid; margin-top: 10px; }

#map_canvas,#map img {max-width: none;}

footer {padding: 20px 0 30px 00;}



/* Text styles!

-------------------------------------------------------------------------------*/

/* We like off-black for text. */

ins {background-color: #fcd700; color: #000; text-decoration: none;}

mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: 700;}

/* Mozilla dosen't style place holders by default */

input:-moz-placeholder { color:#a9a9a9;}

textarea:-moz-placeholder { color:#a9a9a9;}



/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}

div.data + div.sharing {width:315px; float: right; margin-left:-6px;}

div.sharing {padding: 5px 0 30px 0;}


@font-face {
    font-family: 'si';
    src: url('icons/socicon.eot');
    src: url('icons/socicon.eot?#iefix') format('embedded-opentype'),
         url('icons/socicon.woff') format('woff'),
         url('icons/socicon.ttf') format('truetype'),
         url('icons/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(icons/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 12px;
    color: #ffffff;
    background-color: #d62042;
}

.soc a:hover {
    z-index: 2;
    background-color:#ea3456 !important;
}

.soc-icon-last{
    margin:0 !important;
}
.soc-pinterest {cursor:pointer;}

.soc-pinterest:before {
    content:'d';
}
.soc-twitter:before {
    content:'a';
}
.soc-facebook:before {
    content:'b';
}
.soc-google:before {
    content:'c';
}

/* Image Fader

-------------------------------------------------------------------------------*/

.fadein { position:relative; width:800px; height:256px; }
.fadein img { position:absolute; left:0; top:0; }
/* Responsive video */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;