/* CSS Styles for Coastal Resiliency Subsite */

#portaltab-about,  
#portaltab-topics, 
#portaltab-library, 
#portaltab-projects, 
#portaltab-cproducts, 
#portaltab-partners,  {
  display:none !important;
}


body {
  background: url("https://northatlanticlcc.org/teams/coastal-resiliency/projects/hurricane-sandy/coastal-images/waves.jpg") no-repeat center center fixed #fff!important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body.subsection-beach-resiliency {
   background: url("https://northatlanticlcc.org/teams/coastal-resiliency/projects/hurricane-sandy/coastal-images/beach-bg.jpg") no-repeat center center fixed #fff!important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
}

body.subsection-aquatic-resiliency-and-connectivity {
   background: url("https://northatlanticlcc.org/teams/coastal-resiliency/projects/hurricane-sandy/coastal-images/stream-bg.jpg") no-repeat center center fixed #fff!important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
}


body.subsection-hurricane-sandy-marsh-resiliency {
   background: url("https://northatlanticlcc.org/teams/coastal-resiliency/projects/hurricane-sandy/coastal-images/marsh-bg.jpg") no-repeat center center fixed #fff!important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
}

#visual-portal-wrapper {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1060px;
    min-height: 600px;
}

.img-responsive img {
   max-width:100%;
   height:auto;
}

#portal-header {
    background: url("https://northatlanticlcc.org/teams/coastal-resiliency/projects/hurricane-sandy/coastal-images/coastal-header.png") no-repeat scroll 0 0 #fff;
    border-color: transparent;
    border-style: none;

}

#portal-logo {
    display: inline-block;
    left: 1em;
    position: relative;
}

#portal-siteactions {
    background: none repeat scroll 0 0 #4e4644;
    margin: 0 auto;
}

   
#portal-globalnav li a {
    padding: 0.4em 1em;
}

#content h1.documentFirstHeading {
    font-size: 220%;
    margin-bottom: 0;
    margin-top: 1em;
}

.documentByLine {
    display: block;
    margin: 0 0 1em;
}


/* ------ Bootstrap layout ---------- */

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .span4 {
    width: 33.25%;
}

.row-fluid .span3 {
    width: 24.25%;
}

.span3last {
    width: 24.25%;
    margin-right:0px;
   float:right;
}

.row-fluid [class*="span"] {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 30px;
}

/* -------- END --------- */

.featurebox {
    border: 1px solid #aa9f97;
    border-radius: 6px;
    margin: 0 12px;
    min-height: 500px;
}


.featurebox:hover {
    background:#ededed;
}

.featurebox .image-inline {
    max-width: 100% !important;
}

.featurebox > img {
    max-width: 100%;
}

.featurebox .description {
    padding: 0px 15px;
}


.featurebox .description h3 > a {
    color: #3591cb !important;
    margin: 10px 0 0;
    padding: 0;
}

.featurebox .readmore {
    display:block;
    padding:5px 10px;
    background: #205c90;
}

#content .btn-sm {
    background: #3BA6CE none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    font-size: 0.8rem;
    margin: 0.75em 0.5em 0.25em 0;
    padding: 0.4em 0.7em;
    transition: background 0s ease 0s, all 0.2s ease 0s;

}


#content a.btn-sm {
    color: #fff !important;
    text-transform: uppercase;
}

#content .btn-sm a:hover {
    color:#fff!important;
    text-decoration:none;
}

#content .btn-sm:hover {
   background:#3591CB;
}


#portal-footer {
   background: #585450 url(https://northatlanticlcc.org/teams/coastal-resiliency/projects/hurricane-sandy/cs-footer-bg.jpg) repeat-x;
   font-size: 80%;
   height: auto;
   line-height: 2em;
   margin: 0 0;
   padding: 1.5em;
   text-align: left;
}