/*
 Theme Name:   Rella Paolini Rogers 2018
 Theme URI:    http://www.genexmarketing.com/
 Description:  Genex Marketing Bootstrap Starter Theme
 Author:       Genex Marketing
 Author URI:   http://www.genexmarketing.com
 Template:     toolset-starter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("https://use.typekit.net/ues1arz.css");
@import url('css/additionalStyles.css');

/*
Color Palete
Yellow: #faa74a;
faded Yellow: #ddab75;
Dark Gray: #475048;
Gray: #d3d4d3;
Light Gray: #eaebea;
*/

:root{
	--mainBgColor:#eaebea;
	
	--mainColor: #faa74a;
	--secondaryColor: #d3d4d3;
	--tertiaryColor: #ddab75;
	--darkGray: #475048;

	--menuBarBGColor: #000;
	/* Small Screen Menu BG Color */
	--SSMenuBarBGColor: transparent;
	
	--menuItemsColor: #fff;
	--menuItemsHoverBGColor: rgba(255,255,255,.23);
	--subMenuItemsColor: var(--darkGray);
	--subMenuItemsHoverColor: var(--mainColor);
	
	--footerBGColor: var(--darkGray);
	--footerHeaderColor: var(--tertiaryColor);
	--footerTextColor: #eaebea;
	--footerMenuBulletColor: var(--tertiaryColor);
	
	--mainFont: "museo-sans",sans-serif;
	--headerFont: "museo-sans",sans-serif;	
}

/* Typo */

.bodyWrapper h1,
.bodyWrapper h2,
.bodyWrapper h3,
.bodyWrapper h4,
.bodyWrapper h5,
.bodyWrapper h6{
	font-family: var(--headerFont);
	text-transform: uppercase;
	margin-top: 0;
}


.bodyWrapper h1 strong,
.bodyWrapper h2 strong,
.bodyWrapper h3 strong,
.bodyWrapper h4 strong,
.bodyWrapper h5 strong,
.bodyWrapper h6 strong{
	font-weight: 900;
}

.bodyWrapper h1 .colorize,
.bodyWrapper h2 .colorize,
.bodyWrapper h3 .colorize,
.bodyWrapper h4 .colorize,
.bodyWrapper h5 .colorize,
.bodyWrapper h6 .colorize{
	color: var(--mainColor);
}

.bodyWrapper blockquote {
	padding: 30px 30px 30px 65px;
	margin: 0 0 30px;
	font-size: 17.5px;
	/*border-left: 5px solid #faa74a;*/
	border-left: none;
	position: relative;
	
	background-color: #fff;
	border: 1px solid #000;
}


.bodyWrapper blockquote::before{
	font-family: "FontAwesome";
	content: "\f10d";
	font-size: 2.5em;
	color: var(--mainColor);
	position: absolute;
	left: 12px;
	top: 3px;
}

.bodyWrapper{
	font-family: var(--mainFont);
	font-size: 16px;
}

.bodyWrapper main ul.customList {
	list-style: none;
	padding-left: 30px;
}

.bodyWrapper main ul.customList li:before {
	font-family: "FontAwesome";
	content: "\f0a9";
	color: var(--mainColor);
	margin-right: 5px;
	margin-left: -17px;
}

hr {
	border: 0;
	height: 0;
	width: 70%;
	border-bottom: 1px solid var(--mainColor);
}

/* Navigation */

.bodyWrapper a{
	color:var(--mainColor); 
	transition: all .2s;
}

.bodyWrapper a:link{
}

.bodyWrapper a:visited{
}

.bodyWrapper a:active{
}

.bodyWrapper a:focus,
.bodyWrapper a:hover{
	color: var(--tertiaryColor);
	/*text-decoration: none;*/
}

nav.navbar.bootsnav{
	border-bottom: none;
}

nav.navbar.bootsnav ul.nav.navbar-nav>li>a{
	font-family: var(--headerFont);
	color: var(--menuItemsColor);
	font-size: .9em;
}


nav.navbar.bootsnav ul.nav.navbar-nav>li:hover>a{
	color: var(--mainColor);
}

nav.navbar.bootsnav ul.nav.navbar-nav>li.dropdown li a{
	color: var(--subMenuItemsColor);
}

nav.navbar.bootsnav ul.nav.navbar-nav>li.dropdown li:hover>a{
	color: var(--subMenuItemsHoverColor);
}

.bodyWrapper .btn.btn-default{
	background-color: transparent;
	padding: .3em 1em;
	font-size: 1.3em;
	border-color: #000;
	transition: all .2s;
	color:#000;
}

.bodyWrapper .btn.btn-default:hover,
.bodyWrapper .btn.btn-default:focus{

	border-color: var(--mainColor);
	color: var(--mainColor);

	outline: none;
	box-shadow: none;
}

.bodyWrapper .btn.btn-default.alt{
	border-color: var(--mainColor);
	color: var(--mainColor);
}

.bodyWrapper .btn.btn-default.alt:hover,
.bodyWrapper .btn.btn-default.alt:focus{
	color: #000;
	border-color: #000;
}


/* Layout */

nav.navbar.bootsnav .menuBar{
	background-color: var(--menuBarBGColor);
	transition: all .5s;
}

nav.navbar.bootsnav.scroll .menuBar{
	border-bottom: 5px solid var(--mainColor);
}

nav.navbar.bootsnav .logo {
	width: 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity .5s;
}

nav.navbar.bootsnav.scroll .logo {
	width: 300px;
	visibility: visible;
	opacity: 1;
}

.logoWrapper {
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: 8px solid var(--mainColor);
	transition: all .3s;
}

.logoWrapper .mainLogo{
	width: 450px;
	transition: all .3s;
}

.attr-nav > ul > li > a {
	color: var(--mainColor);
}

.attr-nav > ul > li > a:hover {
	color: #fff;
}

main{
	background-color: var(--mainBgColor);
}

main .container.mainContainer{
	padding-top:3em;
	padding-bottom: 3em;
}


footer{
	background-color: var(--footerBGColor);
	border-top: 5px solid var(--mainColor);
}

footer .footerLogo {
	width: 280px;
	margin-top: 23px;
}

footer h3{
	color:var(--footerHeaderColor);
	font-weight: 900;
}

footer .footerContents{
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	color: var(--footerTextColor);
}

footer .footerContents ul.menu {
	list-style: none;
	padding-left: 30px;
}

footer .footerContents ul.menu li::before {
	font-family: "FontAwesome";
	content: "\f0a9";
	color: var(--footerMenuBulletColor);
	margin-right: 10px;
	margin-left: -16px;
}