/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: SPOT - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */
 
/* FONTS
@import url(/theme/css/lato.css);
@import url(/theme/css/raleway.css);
*/
@import url(/theme/css/roboto.css);

/* OVERALL ASPECT */

body
{background-color: #f2f2f2;
 font-family: "Roboto";
/* font-weight: 300;*/
 font-size: 20px;
 color: #555;
 -webkit-font-smoothing: antialiased;
 -webkit-overflow-scrolling: touch;
 margin-top: 70px;
} /* body */

/* Titles */

h1
{font-family: "Roboto";
/* font-weight: 300;*/
 color: black;
 margin-top: 25px;
 font-size: 70px;
 font-weight: 300;
 letter-spacing: 3px;
} /* h1 */

h5
{font-family: "Roboto";
/* font-weight: 300;*/
/* color: #333;*/
 color: black;
} /* h5 <joke>*/

h2, h3, h4, h6 /* used to also be h1, h5; these are now co-opted... */
{font-family: "Roboto";
/* font-weight: 300;*/
/* color: #333;*/
 color: black;
} /* h2, h3, h4, h6 */

/* Paragraph & Typographic */

p
{line-height: 28px;
 margin-bottom: 25px;
} /* p */

.centered
{text-align: center;
}

.left-justified
{text-align: left;
}

.right-justified
{text-align: right;
}

/* Links */

a
{color: #f85c37;
 word-wrap: break-word;
 -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 transition: color 0.1s ease-in, background 0.1s ease-in;
} /* a */

a:hover, a:focus
{color: #7b7b7b;
 text-decoration: none;
 outline: 0;
} /* a:hover, a:focus */

a:before, a:after
{-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 transition: color 0.1s ease-in, background 0.1s ease-in;
} /* a:before, a:after */

hr
{display: block;
 height: 5px;
 border: 0;
 border-top: 1px solid black;
 margin: 1em 0;
 padding: 0;
} /* hr */

.navbar
{font-weight: 800;
 font-size: 14px;
/*
 padding-top: 15px;
 padding-bottom: 15px;
*/
 padding-top: 5px;
 padding-bottom: 5px;
} /* .navbar */

.navbar-toggle
{float: left !important;
} /* .navbar-toggle */

.navbar-inverse
{background: #2d2d2d;
 border-color: #2d2d2d;
} /* .navbar-inverse */

.navbar-inverse .navbar-nav > .active > a
{background: #c4281b
}

.navbar-inverse .navbar-brand
{color: #999999;
 font-weight: bolder;
 font-size: 22px;
 letter-spacing: 1px;
} /* .navbar-inverse .navbar-brand */

.navbar-inverse .navbar-brand i
{color: #c4281b;
 font-size: 22px;
 letter-spacing: 1px;
} /* .navbar-inverse .navbar-brand i */

.tilt
{-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
} /* .tilt */
 
.tilt:hover
{-webkit-transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
 -o-transform: rotate(-10deg);
 -ms-transform: rotate(-10deg);
 transform: rotate(-10deg);
} /* .tilt:hover */

/* ==========================================================================
   Wrap Sections
   ==========================================================================
 */

#headerwrap
{
/*
 background: url(/theme/img/header.jpg) no-repeat center top;
*/
/* margin-top: -10px;*/
/* padding-top: 20px;*/
 text-align: center;
 background-attachment: relative;
 background-position: center center;
 min-height: 100px;
 width: 100%;
 -webkit-background-size: 100%;
 -moz-background-size: 100%;
 -o-background-size: 100%;
 background-size: 100%;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
} /* #headerwrap */

#headerwrap h1
{margin-top: 25px;
/*
 margin-top: 100px;
*/
 color: white;
 font-size: 55px;
 font-weight: 300;
 letter-spacing: 3px;
} /* #headerwrap h1 */

#headerwrap h2
{color: white;
 font-size: 40px;
 font-weight: 700;
 letter-spacing: 2px;
 text-transform: uppercase;
} /* #headerwrap h2 */

/* Dark Grey Wrap */

#dg
{background: #e0e0e0;
 padding-top: 70px;
 padding-bottom: 70px;
 text-align: center;
} /* #dg */

#dg h4
{font-weight: 700;
}

/* Light Grey */

#lg
{background: #ebebeb;
 padding-top: 70px;
 padding-bottom: 70px;
 text-align: center;
} /* #lg */

#lg h4
{font-weight: 700;
}

/* Red Wrap */

#r
{background: #c4281b;
 padding-top: 15px;
 padding-bottom: 0px;
} /* #r */

#r h4
{color: black;
 font-weight: 700;
} /* #r h4 */

#r p
{color: black;
}

/* Silver Wrap */

#silver
{
/*
 background: #3498db;
*/
 background: silver;
 padding-top: 10px;
 height: 160px;
 padding-bottom: 10px;
 margin-top: -10px;
} /* #silver */

#silver h4
{color: white;
 font-weight: 700;
} /* #silver h4 */

#silver p
{color: white;
}

/* Footer Wrap */

#f
{background: #2d2d2d;
 padding-top: 10px;
 padding-bottom: 10px;
} /* #f */

#f i
{color: #bdbdbd;
 font-size: 30px;
 padding: 20px;
} /* #f i */

#f i:hover
{color: #c4281b;
}

/****** SECTIONS *****/

.w
{/*padding-top: 10px;*/
}

.w h4
{font-weight: 700;
}

.w i
{color: #c4281b;
 font-size: 30px;
} /* .w i */


.wb
{padding-top: 35px;
 margin-bottom: 0px;
} /* .wb */

.wb h4
{font-weight: 700;
}

.desc
{padding-top: 35px;
}

.desc h4
{font-weight: 700;
}

.desc i
{color: #c4281b;
 font-size: 12px;
 padding: 5px;
} /* .desc i */

/***** MODAL CONTACT *****/

.modal-content
{border-radius: 0px;
}

.modal-header
{background: #bdbdbd;
 color: white;
 padding: 5px;
} /* .modal-header */

.modal-header h4
{font-weight: 700;
}

.modal-body
{background: #f2f2f2;
 font-family: "Roboto";
/* font-weight: 300;*/
 font-size: 20px;
 color: #555;
} /* .modal-body */

.modal-footer
{background: #f2f2f2;
 margin-top: 0px; 
} /* .modal-footer */

/* Contact Form... */

#contactWrapper .requiredNote
{margin: 20px 0px 20px;
 color: #333;
 font-weight: bold;
} /* #contactWrapper .requiredNote */

#contactWrapper .success
{padding: 10px;
 background: #f0ffc1;
 border: 1px solid #819934;
 margin-bottom: 15px;
 color: #819934;
} /* #contactWrapper .success */

#contactWrapper .success p
{margin: 0px;
} /* #contactWrapper .success p */

.error
{font-size: 14px;
 letter-spacing: 1px;
 font-style: italic;
 font-weight: bold;
 color: red;
 line-height: 20px;
 margin-top: 5px;
 margin-bottom: 5px;
} /* .error */

.success
{font-size: 18px;
 letter-spacing: 1px;
 font-style: italic;
 font-weight: bold;
 color: #00ff00; /* a bright green... */
 line-height: 20px;
 margin-top: 5px;
 margin-bottom: 5px;
} /* .success */

/* Other... */

.hidden
{display: none;
}

.white
{color: white;
}

.highlight
{background-color: khaki;
}

.big
{font-size: 50px;
 font-weight: 300;
} /* .huge */

.red
{color: #c4281b;
}

.huge
{font-size: 75px;
 font-weight: 300;
} /* .huge */

.link
{background-color: #c4281b;
 color: white;
} /* .link */

.divider
{width: 300px;
 color: white;
 /*border: solid 0px white;*/
 text-align: center;
 margin: 0 auto;
} /* .divider */

.aclu
{text-align: justify;
}