/*
Name: Sunbelt Industries 1.0
Framework: Bootstrap
Theme URI: http://www.sunbeltokc.com
Description: A clean customized theme Sunbelt Industries, Inc.
Author: Anne Richardson
Author URI: http://www.speccreative.com
Version: 1.0

Palette:

Navy      #0D2B5A   rgb(13,43,90)  
Royal     #0D69BF   rgb(13,105,191)
Grey      #666      rgb(102,102,102)
Dark Grey #4D4D4D   rgb(77,77,77)   
Black     #000      rgb(0,0,0)
White     #FFF      rgb(255,255,255)
Offwhite  #F2F2F2   rgb(242,242,242)

links:    #0D69BF

fonts: Orbitron | Roboto+Condensed | Rubik

************************************************************/



/************************************************************
Global Styles
************************************************************/

html {
  background: url('../images/background.png');
  background-size: cover;
}

body {
  background: none;
}

nav {
  margin: 2em 0;
}

p {
  font-family: roboto condensed, sans-serif;
}

a {
  color: #0D69BF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0D69BF;
}

h1 {
  font-family: orbitron, sans-serif;
}

h2 {
  margin: 2em 0 1em 0;
  border-bottom: 2px solid #0D69BF;
}

h2,
h3,
h4,
h5,
h6 {
font-family: Rubik, sans-serif;
}

nav {
  padding-left: 3em;
  position: relative;
  z-index: 100;
}

.nav-item {
  background: #0D2B5A;
  margin: 2em 18px 0 0;
  width: 100px;
  text-align: center;
}

nav a {
  color: white;
  letter-spacing: .1em;
}

nav a:hover {
  border-radius: 0;
}

nav a:active {
  border-radius: 0;
}

/************************************************************
Header Styles
************************************************************/

header {
  position: relative;
  z-index: 1000;
}

.bannerPhone {
  background: #0D2B5A;
  border-radius: 20px;
  padding: .75em 1em;
  right: 1%;
  text-align: right;
}

.bannerPhone a {
  color: white;
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-family: rubik, sans-serif;
  font-size: 1em;
  letter-spacing: .2em;
  margin: 0;
}

.bannerPhone p {
  margin: 0;
}

.logo {
  margin-bottom: 48px;
}

.tagline {
  background: rgba(0,0,0,.4);
  border: 1px solid white;
  padding: .5em;
  font-size: 1.25em;
  letter-spacing: .1em;
  color: white;
  margin-top: 3em;
}

.tagline a {
  color: white;
  cursor: pointer;
}

.tagline a:hover {
  color: #0D2B5A;
  text-decoration: none;
}

.carousel-caption {
  color: white;
  padding: 0 0 0 3em;
  right: 0;
  left: 0;
  text-align: left;
  line-height: 1.25em;
  align-content: bottom;
}

.bannerImage {
  margin: 0 auto;
  width: 80%;
}

/************************************************************
Body Styles
************************************************************/

main {
  background: none;
  margin: 0 auto;
}

.indexText {
  margin: 2em;
}



/************************************************************
Index Page Styles
************************************************************/

.mainPara {
  background: white;
  margin-top: -3.25em;
  padding: 3em;
}

.wellHeadline {
  background: #0D2B5A;
  border-radius: 10px;
  padding: 5% 10% 5% 5%;
  color: white;
  font-size: 1.15em;
  line-height: 1.25em;
  margin-bottom: 1em;
}

.well {
  border-radius: 10px;
}



/************************************************************
About Page Styles
************************************************************/
.mainPara a {
  font-weight: bold;
}


.contactInfo {
  padding-top: 2em;
}

.contactInfo p {
  font-size: 2em;
  line-height: 1em;
}


/************************************************************
Recycling Page Styles
************************************************************/

.recycleJumbotron {
  font-size: 1.25em;
  letter-spacing: .1em;
  font-family: rubik, sans-serif;
  color: white;
  background: rgba(13,105,191,1);
  padding: .5em 1em;
}


/************************************************************
Product Page Styles
************************************************************/




/************************************************************
Contact Page Styles
************************************************************/

form {
  margin-top: 10%;
}



/************************************************************
Footer Styles
************************************************************/

footer {
}

footer .row {
  padding: 1em;
  background: #0D2B5A;
  color: white;
}

footer a {
  text-decoration: underline;
  color: white;
}

footer .row p {
  font-size: .9em;
  letter-spacing: .05em;
  padding: 0;
}

footer .row .sbName {
  font-size: 1.2em;
}

.invisible {
  color: #0D2B5A;
}

.spec {
  color: #0D69BF;
}