/* archtecture-specific cascading style sheets */

h1#level1 {background-image:url("../images/applications/architecture/architecture_header.jpg");}

h2#sectionidentity {background-image:url("../images/applications/architecture/architecture_subheader.jpg");}


/** article#primary-content .arch-dhb-detail:nth-child(even) {background-color:#f1f1f1;} **/
    .arch-dhb-detail {overflow:auto;background:#f5fafa;border:2px solid #dedede;margin-bottom:8px;padding:2px;}
        .arch-dhb-detail .illustrationfigure {background-color:#ffffff;margin:0 auto;padding:6px 0;width:100%;}
        .arch-dhb-detail a[href$="dwg"] {display:block;padding:2px 0;background-color:#ffffff;}
.icon.dwg {width:22px;}

/* begin award projects viewer module*/
#colorbox {max-width:98% !important;}
    #cboxWrapper, #cboxContent, #cboxLoadedContent {max-width:100% !important;}
#projectimage .arch-projects-container, .projectimage .arch-projects-container {width:100%;}
#project-images .arch-projects-container {overflow:hidden;}
#project-attributes {flex-grow:1;flex-shrink:0;flex-basis:41%;
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;}
#project-attributes h2, #project-attributes h3 {margin-bottom:0;}
#project-attributes h2:first-child {margin-top:0;padding-top:0;}

#arch-projects-wrapper, .arch-projects-wrapper {background-color:#DEEAE6;overflow:auto;}

#images-container {min-height:500px;}
#projectsviewer, .#projectsviewer {position:relative;min-height:341px;}

.architecture-projects-window #primary-content {width:100%;max-width:98%;}
.architecture-projects-window #content {overflow:auto;position:relative;min-height:600px;width:100%;max-width:98%;}
.architecture-projects-window #project-images {max-width:98%;}
.architecture-projects-window #project-images img {max-width:100%;}
.arch-projects-container h2 {float:left;padding-top:12px;padding-left:1em;width:86%;font-size:1em;}
#controls, .controls {
  text-align:right;float:right;position:absolute;z-index:99;margin-top:14px;right:3px;
}
.architecture-projects-window .controls {position:relative;float:none;display:block;}
#controls a, .controls a {display:inline-block;height:20px;width:20px;background-repeat:no-repeat;margin-left:1px;}
#controls a#control-previous, .controls a#a-control-previous, .controls a.control-previous {background-image:url('../images/controls/control-previous.png');}
#controls a#control-play, .controls a#a-control-play, .controls a.control-play {background-image:url('../images/controls/control-play.png');}
#controls a#control-pause, .controls a#a-control-pause, .controls a.control-pause {background-image:url('../images/controls/control-pause.png');}
#controls a#control-next, .controls a#a-control-next, .controls a.control-next {background-image:url('../images/controls/control-next.png');}
.arch-winner-image-container {text-align:center;clear:both;overflow:hidden;}
    #primary-content .arch-winner-image-container p.photo-attribution {margin-bottom:0;}
.architecture-projects-window .arch-winner-image-container {max-width:100%;}
div#photocredits {clear:left;width:465px;height:20px;text-align:center;text-transform:lowercase;font-variant:small-caps;}
#projectlist {margin-top:8px;width:185px;float:right;font-size:0.9em;}

#projectlist h2 {text-align:center;color:#27423b;background-image:url("../images/global/down-arrow.png");background-position:bottom center;background-repeat:no-repeat;padding-top:0px;margin-top:0px;padding-bottom:8px;}

#projectlist ul {list-style-type:none;margin:0px;padding:0px 0px 12px 0px;}
#projectlist ul li {display:inline-block;margin:0px;padding:0px 0px 12px 0px;}
#projectlist a {color:#000000;text-decoration:none;display:block;padding:1px;}
#projectlist a.active, #projectlist a:hover {background-color:#ccded9;}

#imageviewer {margin:10px 0px 10px 48px;padding:0px;width:405px;float:left;}
#thumbnailcontainer {width:286px;float:left;overflow:hidden;height:64px;position:relative;}
#thumbnaillist {height:64px;width:900px;position:absolute;display:inline;margin:0px;}
#thumbnaillist div {float:left;padding:0px 5px;}
#thumbnaillist div:first-child {padding-left:0;}
#thumbnaillist img {border:1px solid black;}

#awardprojects li, .awardprojects li {opacity:0.5;}
#awardprojects li.activeSlide, .awardprojects li.activeSlide {opacity:1.0;}

#previousbutton, #nextbutton {width:41px;height:64px;float:left;background-position:11px 11px;background-repeat:no-repeat;cursor:pointer;}
#previousbutton {background-image:url("../images/global/left-slider-arrow.png");}

#nextbutton {background-image:url("../images/global/right-slider-arrow.png");background-position:9px 11px;}

#projectdescription {margin:10px -4px 0px -4px;background-color:#ccded9;padding:4px 4px 10px 4px;clear:both;min-height:400px;}
#projectdescription * {color:#000000;}
#projectdescription h3 {margin-bottom:0px;padding-bottom:2px;color:#27423b;}
#projectdescription h2 {color:#27423b;}


div.accordion.accordion-projects-viewer .panelcontent-full-width h2 {
  background-image: none;
  padding-top: 12px;
  padding-left: 1em;
  width: 86%;
  font-size: 1em;  
}

/* end award projects viewer module*/

/* begin featured projects styles */
#page-id-23302 #projectsviewer {height:296px;}
#page-id-23302 #projectimage {min-height:286px !important;}

#projectimage .note, .architecture-instructions, .projectimage .note, .architecture-instructions {color:#777;text-transform:uppercase;}

#featuredprojects {background-color:#deeae6;padding:2px 2px 6px 2px;}
#arch-feature-project-container {width:662px;height:233px;margin-bottom:6px;}
#featuredprojects h2 {float:left;margin:0;padding:0;font-weight:500;font-size:1em;width:350px;}
#featuredprojects ol#featured-projects {float:right;list-style-type:none;margin:0;padding:0;width:100px;}
ol#featured-projects li {display:inline;}
ol#featured-projects li a {display:block;float:left;width:18px;height:17px;background-color:#7194ad;color:#c4d0d9;text-decoration:none;border:1px solid #86b2d2;text-align:center;}
ol#featured-projects li a:hover, ol#featured-projects li a.active {background-color:#434b52;}

#primary-content ul.arch-category-list, ul.arch-category-list {width:190px;float:left;margin-right:8px;margin-left:20px;padding-left:14px}
#primary-content ul.arch-category-list li {margin:0;padding:2px 0;}
ul.arch-category-list a {margin:0;text-decoration:none;display:block;padding:3px 0;cursor:pointer;}
ul.arch-category-list a.active {background-color:#deeae6;}
.scroller-viewer, .slider-track {width:630px;margin-top:6px;}

#arch-projects-wrapper .scroller-viewer, .arch-projects-wrapper .scroller-viewer  {width:659px;margin-left:3px;}
 #arch-projects-wrapper #slider-track,  .arch-projects-wrapper .slider-track {margin-left:3px;margin-right:3px;}

.arch-projects {float:right;width:415px;}

.slider-handle img, .slider-handle img:hover {border:none;}
.arch-category {width:420px;}
.arch-list-container {margin-left:20px;}

#primary-content .scroller-viewer ul {
margin:0;padding:0;}
#primary-content .scroller-viewer ul li {margin:0 10px 0 0;padding:0;zoom:1;}

.scroller-viewer ul li a {
zoom:1;font-size:0.8em;
line-height:14px;vertical-align:top;white-space:normal !important;color:#777777;text-decoration:none;display:inline-block !important;width:64px;height:94px;overflow:hidden;}
.scroller-viewer ul li a p, .scroller-viewer p {padding:0 !important;margin:0 !important;border:none !important;line-height:15px;}
/* end featured projects styles */



/* begin NACIA Vote (medium sized thumbnails) */
.NACIAYearlyVoteForm #projects {
list-style-type:none !important;
padding-left:0 !important;

display:flex;
flex-wrap:wrap;
margin-top:0;
}

.NACIAYearlyVoteForm #projects li {
max-width:210px;
cursor: move;
margin:0 10px 20px 0;
padding:4px;
border-radius: 4px;
background-color: #D7D3C7;
border: 1px solid #B9CCC3;
}

.NACIAYearlyVoteForm #projects li a {
	display:block;
  position: relative;
  overflow:hidden;
}

.NACIAYearlyVoteForm #projects li a img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
    border: #B9CCC3;
    border-radius: 3px;
}

.NACIAYearlyVoteForm #projects li:hover a img {
    transform:scale(1.05);
}

.NACIAYearlyVoteForm #projects li .voteOverlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #004153; /* #3DC0F1 */
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
.NACIAYearlyVoteForm #projects li:hover .voteOverlay {
    opacity:0.8;
}

.NACIAYearlyVoteForm #projects li a .voteOverlayText {
    display:block;
    padding:0 20px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-weight:bold;
    top:20%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
.NACIAYearlyVoteForm #projects li:hover a .voteOverlayText {
    transform:translateY(0px);
    opacity:0.9;
}


.NACIAYearlyVoteForm #projects li .project-title {
  font-size:140%;
}
.NACIAYearlyVoteForm #projects li .location {font-size: 90%;}
.NACIAYearlyVoteForm #projects li .year {display:block;font-size:90%;}
.NACIAYearlyVoteForm #projects li input[type=checkbox] {
	vertical-align:middle;
	transform: scale(1.4);
  margin: 12px;
}

.NACIAYearlyVoteForm #projects li.active, #pr1 {
    box-shadow: 0 0 5px rgba(73, 155, 265, 1);
}

.NACIAYearlyVoteForm #projects li p {margin:0;}

#project-selection {width:420px;margin:0 auto;}

.vote-percentage {
    display:block;
    font-size:80%;
    color:#f6843e;
}

#max-error-message {
    min-height:80px;
    max-width:620px;
}

.NACIAYearlyVoteForm #submit-container {
    padding-left:24%;
}
/* end NACIA Vote (medium sized thumbnails) */

@media only screen and (min-width: 768px) {
    .architecture-projects-window #primary-content {
        padding:8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    }
    
    .architecture-projects-window #images-container {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;}
    
    .architecture-projects-window #project-images {float:right;height:511px;width:463px;}
    .architecture-projects-window #project-images img {max-width:463px;max-height:463px;}
}