/*
Theme Name: Enclude 
Author: Elegant Seagulls
Author URI: http://elegantseagulls.com
*/


body { background:#20353e; padding:0px; margin:0px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; }

#viewport { width:100%; position:relative; overflow:hidden; }

.container { margin:auto; width:1100px; position:relative; }

img { max-width:100%; }

.indent {padding: 0 20px;}

/* 

-------------------------------------------------------------

HEADER

*/

header { height:170px; background:#344952; position:relative; }

#logo { height:104px; width:201px; position:absolute; left:0px; top:-20px; }

/* social */

#social-bar { background:#20353e; height:50px; text-align:right; font-size:14px; line-height:50px; letter-spacing:2px; }

#social-bar a { color:#8a9ca4; text-decoration:none; margin-left:20px; }

#social-bar a:hover { color:#ffffff; }

/* navigation */

#navigation-bar { height:130px; width:100%; position:absolute; left:0px; top:50px; background:url(assets/img/bg-nav.png) bottom repeat-x; z-index:100; }

nav { width:650px; height:120px; position:absolute; left:360px; top:0px; }

nav ul { list-style:none; margin:0px; padding:0px; width:650px; }

nav ul li { float:left; position:relative; }

nav ul a { display:block; line-height:120px; font-size:13px; color:#a0b1b8; text-decoration:none; font-weight:600; padding:0px 15px; }

nav ul a:hover { color:#ffffff; }

/* subnav */

nav ul li:hover .subnav { left:0px; }

nav .subnav { position:absolute; width:250px; top:120px; left:-9999px; background:#20353e; }

nav .subnav li { float:none; }

nav .subnav a { line-height:50px; border-top:2px solid #1a2b32; }


/* search */

#search { position:absolute; width:120px; height:120px; position:absolute; right:0px; top:0px; background:#2f9fce; }

#search-btn { display:block; width:120px; height:120px; background:url(assets/img/bg-searchbtn.jpg) top center repeat-x; }

#search-btn:hover { background-position:bottom center; }

#search-main { height:0px; background:#3d86c6; overflow:hidden; }

#search-txt { background:transparent; font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size:40px; color:#ffffff; width:70%; border:none; padding:50px 0px; }

#search-gobtn { display:block; width:120px; height:150px; float:right; }

/* menu */

#menu { width:80px; height:80px; position:absolute;  right:0px; top:0px; display:none; background:url(assets/img/bg-menubtn.jpg) top center repeat-x; }



/* 

-------------------------------------------------------------

HERO

*/

#hero { background:#000000; }

#hero-slider { position:relative; height:500px; z-index:0; }

#hero-slider .slide { width:100%; height:500px; }

.hero-column { width:2000px; height:500px; position:absolute; left:755px; top:0px; background:url(assets/img/bg-herocol.png) repeat; z-index:5; }

/* hero navigation */

#hero-slider-nav { position:absolute; bottom:40px; left:0px; width:100%; height:20px; z-index:100; }

#hero-slider-nav a { display:inline-block; height:20px; width:20px; background:url(assets/img/btn-heronav.png) top center no-repeat; margin-right:8px; }

#hero-slider-nav a:hover, #hero-slider-nav a.active { background-position:bottom center; }

/* hero left */

.hero-left { width:720px; float:left; padding-top:60px; color:#ffffff; font-size:18px; line-height:30px; }

.hero-left h1 { font-size:85px; line-height:85px; color:#ffffff; }

.hero-left h1 span { color:#d0da2f; }

/* hero right col */

.hero-right { width:310px; float:right; position:relative; z-index:10; padding-top:50px; }

.hero-right-featured { margin-bottom:20px; width: 100%; overflow: hidden;}

.hero-right-featured a img {max-width: 100%;}

.hero-right-project { color:#3d86c6; letter-spacing:2px; font-size:15px; line-height:30px; }

.hero-right-name a { color:#ffffff; font-size:30px; line-height:35px; text-decoration:none; }

.hero-right-name a:hover { color:#d0da2f; }

.learnmore-btn {color: #fff;}

/* 

-------------------------------------------------------------

INTRO

*/

#intro-bg {background:#e8ecee url(assets/img/bg-intro2.png) top right no-repeat;}

#intro { padding:90px 0px; background:url(assets/img/bg-intro.png) bottom left no-repeat; color:#636363; line-height:30px; font-size:18px; text-align:center; }

#intro h1 { margin-bottom:30px; }

#intro-btn { color:#3f79b2; font-size:24px; display:inline-block; border:2px solid #c9d0d3; text-decoration:none; font-weight:200; padding:0px 80px; line-height:60px; margin-top:30px; -webkit-border-radius:30px; border-radius:30px; }

#intro-btn:hover { border:2px solid #3f79b2; }



/* 

-------------------------------------------------------------

INTRO MAP

*/

#intro-map { height:700px; background:#3877b6; position:relative; color:#ffffff; text-align:center; font-size:18px; }

#map-canvas { height:700px; width:100%; z-index:1; }

#map-info { position:absolute; left:300px; top:150px; z-index:10; padding:30px 0px; width:500px; border-radius:100px; background:url(assets/img/bg-mapinfo.png) repeat; }

#map-info h3 { font-weight:200; margin:0px; font-size:30px; line-height:30px; }

#map-info p {font-size: 16px; padding: 0px 10px;}

/* 

-------------------------------------------------------------

INTERIOR

*/

#interior { background:#e8ecee url(assets/img/bg-interior.jpg) top center repeat-y; color:#636363; line-height:28px; font-size:16px; }

#interior-column { padding-bottom:50px; background:#e8ecee url(assets/img/bg-interior-col.jpg) top right repeat-y; }

#interior h1 { margin-bottom:20px; }

#interior h2 { margin-bottom:20px; font-weight:200; font-size:40px; line-height:40px; color:#3f4446; }

#interior h3 { font-weight:normal; color:#3f4446; letter-spacing:3px; font-size:16px; margin:0px; line-height:20px; margin-top:30px; text-transform:uppercase; }

#interior p { margin-top:10px; margin-bottom:20px; }

#interior img { margin-bottom:-5px; }

/* interior left */

#interior-left { width:720px; float:left; }

#interior .callout-box { background:#f1f4f5; padding:20px; margin-top:20px; margin-bottom:20px; }

#interior .callout-box ul {margin: 0px; padding: 0px;}

#interior-left ul, .capacity-left ul { list-style:none; margin:20px 0px; padding:0px; line-height:30px; }

#interior-left ul li, .capacity-left ul li { background:url(assets/img/icon-list.png) top left no-repeat; padding-left:30px; }

#interior-left ul li ul li {

    background: inherit;
    list-style-type: circle;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 5px;
}

#interior-engagements h2 {margin: 0px; font-size: 28px;}

/* interior breadcrumbs */

#interior-breadcrumbs { font-size:17px; line-height:80px; padding-top:10px; margin-bottom:30px; border-bottom:1px solid #cfd3d5; color:#abb2b6; }

#interior-breadcrumbs a { color:#abb2b6; text-decoration:none; }

#interior-breadcrumbs a.active, #interior-breadcrumbs a:hover { color:#3f4446; }

#interior-breadcrumbs span { margin:0px 10px; }

/* interior right */

#interior-right { width:310px; float:right; padding-top:45px; }

#interior-right a {text-decoration: none;}

#interior-right em {text-decoration: none; font-size: 14px;}

#interior-right .line { margin:30px 0px; border-top:1px solid #bbbfc1; }

#interior-featured {  }

#interior-map-canvas { margin-top:20px; height:230px; width:100%; }

ul.links { list-style:none; margin:0px; padding:0px; }

ul.links a { display:block; border-bottom:1px solid #bbbfc1; line-height:50px; color:#3f4446; text-decoration:none; padding-left:5px; }

ul.links a:hover, ul.links a.active { color:#2f9fce; }

ul.links-list { margin:0px 0px 0px 15px; padding:0px; }

ul.links-list a { line-height:35px; color:#3f4446; text-decoration:none; }

ul.links-list a:hover, ul.links-list a.active { color:#2f9fce; }

/* Engagements */


#interior-engagements h3 {margin-top: 10px; letter-spacing: normal; margin-bottom: -10px;}



/* 

-------------------------------------------------------------

SEARCH RESULTS

*/

#search-results { padding-top:20px; }

#search-results h3 { margin-bottom:30px; }

#search-results .line { margin:30px 0px; }



/* 

-------------------------------------------------------------

BLOG

*/

#blog-interior { padding-top:50px; }

.blog-post {  }

.blog-title a { font-size:40px; line-height:50px; font-weight:200; text-decoration:none; color:#3f4446; }

.blog-title a:hover { color:#6b7275; }

.blog-more a { color:#2f9fce; }

.blog-more a:hover { color:#3ebbef; }

.blog-info { font-style:italic; color:#8d8d8d; }

.line-sep { width:100px; border-top:1px solid #cfd3d5; margin:30px 0px; }



/* 

-------------------------------------------------------------

EXPERTISE DROPDOWNS

*/

.expert-drop { background-color:#f5f7f8; line-height:50px; font-size:15px; font-weight:bold; margin-bottom:4px; }

.expert-drop a { display:inline-block; padding:0px 15px; color:#636363; text-decoration:none; }

.expert-drop a:hover { color:#ea8b2d; }

.expert-drop a.expert-plus { padding:0px; vertical-align:top; text-align:center; color:#ea8b2d; display:inline-block; line-height:50px; font-size:20px; width:50px; border-right:4px solid #e8ecef; }

.expert-drop-content { background-color:#f5f7f8; border-top:4px solid #e8ecef; padding:20px; }

.expert-drop-content p { margin:0px; padding:0px; line-height:13px; font-size:15px; font-weight:normal; }

.hidden-drop-content { display:none; }

#expertise-contact { padding-top:20px; }

#expertise-contact p { margin:0px; }

#interior-left .block-list { list-style:none; margin:0px; padding:0px; }

#interior-left .block-list li { margin-bottom:4px; padding:0px; background:transparent; }

#interior-left .block-list a { display:block; background-color:#f5f7f8; padding:0px 15px; padding-left:0px; line-height:50px; font-size:15px; font-weight:bold; color:#636363; text-decoration:none; }

#interior-left .block-list a:hover { color:#ea8b2d; }

#interior-left .block-list a span { vertical-align:top; text-align:center; color:#ea8b2d; display:inline-block; line-height:50px; font-size:20px; width:50px; margin-right:15px; border-right:4px solid #e8ecef; }

#expertise-engagement ul {margin-left: 16px; padding-left: 0px;}

#expertise-engagement ul li a:hover {color:#ea8b2d;}

/* 

-------------------------------------------------------------

CAPACITY

*/

.capacity-left { width:720px; float:left; padding-bottom:30px; }

.capacity-right { width:310px; float:right; }

.capacity-info { font-style:italic; }

.capacity-info a { text-decoration:none; }

.capacity-info span { margin:0px 5px; color:#cccccc; }

.capacity-line { margin:30px 0px; border-top:1px solid #b4b8b9; }



/* 

-------------------------------------------------------------

TEAM

*/

.team-img { width:100px; height:100px; line-height:100px; text-align:center; float:left; background-color:#f5f7f8; margin-bottom:5px; }

.team-content { width:575px; padding:20px 20px; height:60px; float:right; background-color:#f5f7f8; margin-bottom:5px; }

.team-content:hover {background-color: #ffffff;}

a.team-title { line-height:25px; font-size:15px; font-weight: bold; color: #636363; text-decoration: none; }

a.team-title:hover {  }

a.team-title span { display:block; font-size:12px; font-weight:normal; }



/* 

-------------------------------------------------------------

GLOBAL-REACH

*/

#interior-column-reach { padding-bottom:50px; background:#e8ecee url(assets/img/bg-interior-global.jpg) top right repeat-y; }

#interior-column-reach .line{width: 95%; }

/* interior left */

#interior-left-reach { width:950px; float:left; }

.internal-container {width: 95%;}

#interior-left-reach ul, .capacity-left ul { list-style:none; margin:20px 0px; padding:0px; line-height:30px; }

#interior-left-reach ul li, .capacity-left ul li { background:url(assets/img/icon-list.png) top left no-repeat; padding-left:30px; }

#interior-left-reach ul li ul li {

    background: inherit;
    list-style-type: circle;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 5px;
}


/* interior right */

#interior-right-reach {position: relative; width:140px; float:right; padding-top:45px; }

#interior-right-reach a {text-decoration: none;}

#interior-right-reach em {text-decoration: none; font-size: 14px;}

#interior-right-reach .line { margin:30px 0px; border-top:1px solid #bbbfc1; }

#interior-right-reach h3 {margin-bottom: 10px; border-bottom:1px solid #bbbfc1;}

#interior-right-reach form {position: fixed;}

#interior-right-reach ul.links { list-style:none; margin:0px; padding:0px; }
#interior-right-reach ul.links a {font-size: 13px; display:block; border-bottom:1px solid #bbbfc1; line-height:30px; color:#3f4446; text-decoration:none; padding-left:5px; }
#interior-right-reach ul.links a:hover, ul.links a.active { color:#2f9fce; }
#interior-right-reach ul.links-list { margin:0px 0px 0px 5px; padding:0px; }
#interior-right-reach ul.links-list a { line-height:35px; color:#3f4446; text-decoration:none; }
#interior-right-reach ul.links-list a:hover, ul.links-list a.active { color:#2f9fce; }

/* 

-------------------------------------------------------------

FOOTER

*/

footer { border-top:10px solid #1d3038; padding-top:50px; padding-bottom:100px; color:#ffffff; font-size:16px; line-height:30px; }

footer a { color:#d0da2f; }

footer a:hover { color:#f3ff38; }

footer span { margin:0px 10px; color:#597079; }

#footer-logo { height:104px; width:201px; position:absolute; right:0px; top:10px; }

#footer-nav { font-size:18px; margin-bottom:20px; }

#footer-nav a { color:#a0b1b8; text-decoration:none; margin-right:30px; }

#footer-nav a:hover { color:#ffffff; }

.address-block { width:200px; float:left; margin-right:20px; font-size:14px; line-height:20px; }

.address-block a {text-decoration: none; color: #fff;}

.address-block a:hover {color:#d0da2f;}

.disclaimers {font-size: 10px;}


/* 

-------------------------------------------------------------

GENERAL

*/

h1 { color:#3f4446; font-size:50px; line-height:50px; font-weight:200; margin:0px; }

h2 a {text-decoration: none; margin: 0px;}

h4 { color:#3f4446; font-size:18px; margin:0px; }

a { color:#2f9fce; }

a img { border:none; }

.clear { clear:both; }

.line { border-top:1px solid #cfd3d5; margin:30px 0px; }

.side-video iframe, .side-video img {max-width: 100%; border: none; margin-bottom: 20px;}

/**
 * Responsive WordPress Core Theme Styles
 * http://jeffsebring.com/responsive-wordpress-images/
--------------------------------------------------- */

.sticky,
.bypostauthor,
.gallery-caption {
   display: normal;
}

.alignnone {
   margin: 0em 1.5em 1.5em 0;
}

.aligncenter,
div.aligncenter {
   display:block;
   margin: 1.5em auto;
}

.alignright {
   float:right;
   margin: 0 0 1.5em 1.5em;
}

.alignleft {
   float:left;
   margin: 0 1.5em 1.5em 0;
}

.aligncenter {
   display: block;
   margin: 1em auto;
}

img,
img[class*="align"],
img[class*="wp-image-"] {
   max-width: 100%;
   height: auto;
}

img.wp-smiley {
   border: none;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0;
}

img.alignright {
   margin-left: 0em 0em 1.5em 1.5em;
}

img.alignleft {
   margin: 0em 1.5em 1.5em 0;
}

img.aligncenter{
   display: block;
   margin: 1.5em auto;
}

img#wpstats {
   display: block;
   margin: 0 auto;
}

img[class*="align"],
img[class*="wp-image-"],
   .gallery .gallery-icon img {
   border: none;
}

.wp-caption {
   margin-bottom: 1.5em;
   margin-left: 0;
   max-width: 96%;
   text-align: center;
}

.wp-caption img {
   display: block;
   margin: 0 auto;
}

.wp-caption-text {
   position: relative;
   font-size: .8em;
}

.gallery {
   margin: 0 auto;
}

.gallery .gallery-item  {
   margin: 0;
   float: left;
   text-align: center;
   width: 33%;
}

.gallery a img {
   border: none;
}

.gallery-columns-4 .gallery-item {
   width: 25%;
}

.gallery-columns-4 .gallery-item img {
   width: 100%;
   height: auto;
}

.comments ol    {
   padding-left: 0;
}

.comments ol li {
   margin: 0;
}

.comment-author {
   padding: 0;
   text-decoration: none;
}


@media only screen and (max-width: 800px) {

   embed,
   object {
      max-width: 100%;
   }

}

@media only screen and ( max-width: 650px ) {

   .gallery-columns-3 .gallery-item {
      width: 33.33%;
   }

   .gallery-columns-3 .gallery-item img {
      width: 100%;
      height: auto;
   }

}

@media only screen and (max-width: 480px) {

   .gallery-columns-2 .gallery-item {
      width: 50%;
   }

   .gallery-columns-2 .gallery-item img {
      width: 100%;
      height: auto;
   }

}