/*!
 * Start Bootstrap - 3 Col Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body{font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;overflow-x:hidden}
p{font-size:20px}p.small{font-size:16px}
a,a.active,a:active,a:focus,a:hover{color:#3A595C}
h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700}


/* *** STARS *** */
hr.star-light,hr.star-primary{padding:0;border:none;border-top:solid 5px;text-align:center;max-width:250px;margin:25px auto 30px}hr.star-light:after,

/* FontAwesome CSS Content Value Below */
hr.star-primary:after{content:"\f109";font-family:FontAwesome;display:inline-block;position:relative;top:-.8em;font-size:2em;padding:0 .25em}hr.star-light{border-color:#fff}hr.star-light:after{background-color:#808080;color:#fff}

hr.star-primary{border-color:#3A595C}hr.star-primary:after{background-color:#fff;color:#3A595C}

.img-centered{margin:0 auto}

/* Need centering for Youtube embedded videos & 'Exit' buttons */
.centered{text-align:center; margin: auto}

/* *** NAVBAR *** */
.navbar-custom{background:#f5f5f5;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;border:none}
.navbar-custom .navbar-brand,.navbar-custom .navbar-brand.active,

.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,

.navbar-custom .navbar-brand:hover{color:#000}

.navbar-custom .navbar-nav{letter-spacing:1px}

.navbar-custom .navbar-nav li a{color:#000}

.navbar-custom .navbar-nav li a:hover{color:#3A595C}

.navbar-custom .navbar-nav li a:active,

.navbar-custom .navbar-nav li a:focus{color:#3A595C}.navbar-custom .navbar-nav li.active a,

.navbar-custom .navbar-nav li.active a:active,.navbar-custom 

.navbar-nav li.active a:focus,

.navbar-custom .navbar-nav li.active a:hover{color:#fff;background:#808080}

.navbar-custom .navbar-toggle{color:#fff;text-transform:uppercase;font-size:10px;border-color:#fff}

.navbar-custom .navbar-toggle:focus,

.navbar-custom .navbar-toggle:hover{background-color:#808080;color:#fff;border-color:#808080}@media (min-width:768px){

.navbar-custom{padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s}.navbar-custom .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

.navbar-custom.affix{padding:10px 0}

.navbar-custom.affix .navbar-brand{font-size:1.5em}}

/* *** SUCCESS SECTION *** */
section{padding:100px 0}
section h2{margin:0;font-size:3em}

section.success{background:#f5f5f5;color:#000}@media (max-width:767px){
section{padding:75px 0}
section.first{padding-top:75px}}

/* *** GRAY BACKGROUND SECTION *** */
section.gray{background:#808080; color:#fff;padding-bottom:10px}@media (max-width:767px){
    section{padding:75px 0}
    section.first{padding-top:75px}
}

<!--  TODO: Make only header links white! Not all links! -->
section.gray a{color: #FFFFFF;}
section.gray a:link{color: #FFFFFF;}
section.gray a:visited{color: #FFFFFF;}
section.gray a{active: #FFFFFF;}

<!-- TODO: Figure out why font family not working with SpatialTextiles.html -->
.formula {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace !important;
}
iframe {
    margin: auto;
    border:0;
    display: block;
    padding: 20px;
}


/* *** TABLE *** */
table.center {
    margin-left:auto; 
    margin-right:auto;
    width: 70%;
}

td, th { 
    border: 1px solid gray;
    text-align: center;
    margin:auto;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

th {
    background-color: #3A595C;
    color: white;
}

tr:nth-child(even) {
    background-color: #f2f2f2
    }

/* *** Portfolio Hover Images *** */
#portfolio .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}

#portfolio .portfolio-item .portfolio-link .caption{background:rgba(24,188,156,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}

#portfolio .portfolio-item .portfolio-link .caption:hover{opacity:1; background:#7BA9A9}

#portfolio .portfolio-item .portfolio-link .caption .caption-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,#portfolio .portfolio-item .portfolio-link .caption .caption-content h4{margin:0}



/* *** FOOTER *** */
footer{color:#000}
footer h3{margin-bottom:30px}
footer .footer-above{padding-top:50px;background-color:#fff}
footer .footer-col{margin-bottom:50px}
footer .footer-below{padding:25px 0;background-color:#f5f5f5}

/* *** BUTTON *** */
.btn-outline{color:#000;font-size:20px;border:2px solid #000;background:0 0;transition:all .3s ease-in-out;margin-top:15px}
.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff;background:#000;border:2px solid #000}.btn-primary{color:#fff;background-color:#3A595C;border-color:#3A595C;font-weight:700}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#1a242f;border-color:#161f29}
.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled,.btn-primary.disabled.active,
.btn-primary.disabled:active,.btn-primary.disabled:focus,
.btn-primary.disabled:hover,.btn-primary[disabled],
.btn-primary[disabled].active,.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,fieldset[disabled] 
.btn-primary,fieldset[disabled] 
.btn-primary.active,fieldset[disabled] 
.btn-primary:active,fieldset[disabled] 
.btn-primary:focus,fieldset[disabled] 
.btn-primary:hover{background-color:#3A595C;border-color:#3A595C}.btn-primary .badge{color:#3A595C;background-color:#fff}.btn-success{color:#fff;background-color:#808080;border-color:#808080;font-weight:700}.btn-success.active,.btn-success:active,.btn-success:focus,
.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff;background-color:#128f76;border-color:#11866f}
.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{background-image:none}
.btn-success.disabled,.btn-success.disabled.active,
.btn-success.disabled:active,.btn-success.disabled:focus,
.btn-success.disabled:hover,.btn-success[disabled],
.btn-success[disabled].active,.btn-success[disabled]:active,
.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] 
.btn-success,fieldset[disabled] 
.btn-success.active,fieldset[disabled] 
.btn-success:active,fieldset[disabled] 
.btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#808080;border-color:#808080}.btn-success .badge{color:#808080;background-color:#fff}
.btn-social{display:inline-block;height:50px;width:50px;border:2px solid #000;border-radius:100%;text-align:center;font-size:20px;line-height:45px}.scroll-top{position:fixed;right:2%;bottom:2%;width:50px;height:50px;z-index:1049}.scroll-top 
.btn{font-size:20px;width:50px;height:50px;border-radius:100%;line-height:28px}