/* Theme Name: Excelis
Version: 1.0
Author: Big Apple Design Group
*/

/* Imports
------------------------------------------------*/
@import "css/bootstrap.min.css";
@import "fonts/fonts.css";

/* Body
-------------------------------------------------*/
body {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: 400;
	background-color: #e7e7e8;
	background-attachment: fixed;	
}

/* Padding Adjustments
-------------------------------------------------*/
.nopadding {padding: 0; margin: 0;}
.nopadding-left {padding-left: 0;}
.nopadding-right {padding-right: 0;}
.margin-adjustleft {margin-left: -35px;}

/* Colors
-------------------------------------------------*/
.red {color: #ce1126;}
hr.dark {border-color: #444;}
.darkbg {background: #444; color: #FFF; padding: 15px; font-size: 13px;}

.btn-thepopup {background: #222; font-family: 'Sabon'; color: #FFF; font-style: italic; font-size: 22px; border-radius: 0; padding: 5px 10px; margin: 15px 0; text-wrap: normal; width: 100%; max-width: 85%;}
.btn-thepopup a, .btn-thepopup:hover, .btn-thepopup:active, .btn-thepopup:focus {color: #FFF; background: none;text-decoration: none;  }

.btn-popup, .btn-popup:hover, .btn-popup:active, .btn-popup:focus {text-decoration: none; background: #222; font-family: 'Sabon'; color: #FFF; font-style: italic; font-size: 22px; border-radius: 0; padding: 5px 10px; margin: 15px 0; text-wrap: normal;}

.btn-popup-less, .btn-popup-less:hover, .btn-popup-less:active, .btn-popup-less:focus {background: #222; font-family: 'Sabon'; color: #FFF; font-style: italic; font-size: 22px; border-radius: 0; padding: 5px 10px; margin: 5px 0;}

/* Headings
-------------------------------------------------*/
h1 {
	font-family: 'Sabon';	
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 28px;
}

h3 {
	font-weight: 700;
	font-size: 20px;
	margin: 0;
	padding: 15px 0 3px 0;
}


/* Navbar
-------------------------------------------------*/
.navbar-default {
	background-image: url('images/bodybg.png');
	background-position: top center;
	background-repeat: repeat-x;
	border: 0;
	padding-top: 10px;
}

#navbar ul.nav {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	padding-top: 15px;
}

.navbar-default .navbar-nav>li>a {color: #333;}

#navbar ul.nav > li > a:after {
	content: "|";
	padding-left: 30px;
}

#navbar ul.nav>li:last-child>a:after {content: ""; padding-left: 0;}

/* Container
-------------------------------------------------*/
.top-gap {padding-top: 80px; width: 100%; max-width: 1050px; margin: 0 auto;}
.container {width: 100%; max-width: 1050px; margin: 0 auto;}
footer {margin-top: 25px;}
footer a, footer a:hover {color: #FFF;}

/* Copy Size
-------------------------------------------------*/
.the-intro {
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	width: 100%;
	max-width: 896px;
}

.regular-text {
	font-weight: 300;
	font-size: 20px;
	line-height: 150%;
}

p.link {font-size: 16px;}


@media (max-width: 767px) {
	.navbar {min-height: 75px;}
	.the-intro, .regular-text {font-size: 16px;}
	.margin-adjustleft {margin-left: -16px;}
	.mobile-margin {margin-left: 0px;}
	.mobile-nopadding {padding-left: 0;}
	.topbg {min-height:10px;background-size: 100%;}
	.topbg .logo {padding: 5px 0 0 15px;}
	#banner-animation {position: absolute; top: 15px; left: 15px;}
	#banner-animation p {font-size: 20px;}	
	.banner-foot p {font-size: 18px;}
	.banner-foot {padding: 15px;}
	.menuindicator {text-align: right; padding: 0 20px 0 0;}
	.cd-bouncy-nav-trigger {font-size: 20px;}
	header.sticky {width: 100%; max-width: 100%; top: 0; left: 0; right: 0;}
	#navbar ul.nav>li>a:after {content: ""; padding-left: 0;}
}