﻿/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2015 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/licenses/fontsite/webfont
 *
 *
 */

@font-face {
    font-family: 'copperplate_fsregular';
    src: url('/include/fonts/Copperplate-Regular-webfont.eot');
    src: url('/include/fonts/Copperplate-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/Copperplate-Regular-webfont.woff') format('woff'),
         url('/include/fonts/Copperplate-Regular-webfont.ttf') format('truetype'),
         url('/include/fonts/Copperplate-Regular-webfont.svg#copperplate_fsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
	color: #fff;
	font-family: "copperplate_fsregular",serif;
	background-color: #43413f;
}
a, a:visited, a:active	{ color: #fff; }
a.yellow, a.yellow:visited, a.yellow:active	{ color: #d7be49; }
a.blue, a.blue:visited, a.blue:active	{ color: #5175e9; }
hr	{ border-top: 1px solid #fff; }
hr.nosho	{ border: none; margin: 20px 0; }
.dropshad { box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.75); }
.btn-cat { color:#fff;background-color:#6c5f4d;border-color:#645c55; white-space: normal; }
.btn-cat:hover, .btn-cat:active { color:#fff;background-color:#645c55;border-color:#645c55; }
input[type=text], select, textarea  { color: #000; }

header	{ margin: 2%; }
h1 span.small	{ color: #fff; }
.top-bump	{ padding-top: 1%; line-height: 2em; }
.navbar-toggle	{ float: none; border: 1px solid #fff; }
.navbar-toggle .icon-bar	{ background-color: #fff; }

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-header .navbar-toggle {
	border-color: #fff;
}
.navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus {
	background-color: #999;
}
.navbar-header .nav > li > a, .navbar-header .nav > li > a:hover, .navbar-header .nav > li > a:active {
	color: #fff;
}
.navbar-header .nav > .active > a {
	color: #fff;
	background-color: #3071a9;
	border-color: #285e8e;
}
.navbar-header .nav > li > a:hover, .navbar-header .nav > li > a:focus {
	color: #fff;
	background-color: rgba(255,255,255,0.6);
}
.nav-justified > li > a, .nav-justified > li > a:hover, .nav-justified > li > a:active {
	color: #fff;
}
.nav-justified > li > a:hover, .nav-justified > li > a:active { background-color:#666; }

div#categories div.row  { margin-bottom: 20px; }
div#categories div.row div.col-sm-4 > div.col-sm-6.text-center  { margin-top: 0; margin-bottom: 2em; }
div#pics div.row div.col-sm-4 img { margin-top: 0; margin-bottom: 2.5em; }

footer	{ margin: 4% 0; padding-top: 2%; border-top: 6px solid rgba(255,255,255,0.5); font-size: 0.8em; letter-spacing: 0.35em; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
	.nav-justified > li { border-bottom: 6px solid #fff; overflow:visible; }
	/*.nav-justified > li a { margin-bottom: -35px; padding: 10px 15px 40px 15px; }*/
	.nav-justified > li:first-child a { border-right: 2px solid #fff; }
	.nav-justified > li:last-child a { border-left: 2px solid #fff; }
	
	div#cCode   { margin-top: 30px; }
	div#blah p   { margin-top: 60px; }
	div#categories  { margin-top: 20px; }
	div#categories div.row  { margin-bottom: 40px; }
	div#categories div.row div.col-sm-4 > div.col-sm-6.text-center  { margin-top: 4em; margin-bottom: 0; }
}
@media (min-width: 992px) {

}
