/* Module or special stylesheets are called in below... */

/***************************
 	F & G TAG STYLES
***************************/

body,html { 
	margin: 0;
    padding: 0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
    font-size: 15px;
	line-height: 20px;
	background-color: #fff;
}


/* Advanced Checkbox Hack */
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }


h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-family: 'Playfair Display', serif;
	font-weight:normal;
}

h1{ font-size: 1.6rem; color:#292A86; }

h2{ font-size: 1.8rem; color:#292A86; }

h3{ font-size:1.4rem; color:#292A86; }

h4{ font-size:1.4rem; color:#292A86; }

p {
	padding: 0px;
	margin: 0px;
}

ul {
	list-style:none;
	padding:0;
	margin:0;
}

a {
	text-decoration: none;
	color: #4E91C2;
}

table{
	margin: 0px;
	padding: 0px;
}

/***************** END TAG STYLES **************************/


/************************************************************
  				HEADER AND NAVIGATION
*************************************************************/

.covid-t{
	background-color: rgba(50, 102, 166, 0.7);
	text-align: center;
	font-size: 16pt;

}

.covid-t > a {
	color:#FFF;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

#wrapper {
	width: 980px;
	padding:50px 80px;
	color: #000000;
	margin: auto;
	overflow:hidden;
	box-shadow:0px 0px 8px 5px #DDD;
}

#header {
	position:relative;
	z-index:999;
	width:980px;
	height: 100px;
	margin: auto;
	color: #2f3583;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
}

#logo {
	margin-left:-50px;
}

#phone {
	padding-top:25px;
	font-size:1.5rem;
	line-height: 1.8rem;
	font-weight:bold;
}
#phone span { display:block; }

#header-wrapper {
    position:absolute;
    -moz-box-ordinal-group:1;
    box-ordinal-group:1;
    -ms-box-ordinal-group: 1;
    order:1;

    top:0px;

    background:rgba(255,255,255,0.7);
    z-index:999;
    width:100%;
}

#nav {
	position:absolute;
	background-color: rgba(41,42,134,0.85); /* rgba(51,102,154,0.85); */
	width: 100%;
	height: 50px;
	z-index:9999;
	text-align:center;

    top:100px;

    -moz-box-ordinal-group:2;
    box-ordinal-group:2;
    -ms-box-ordinal-group: 2;
    order:2;
}


#nav > ul {
	margin:auto;
	width: 980px;
	padding-top: 14px;
}

#nav > ul > li{
	display: inline-block;
}

#nav > ul > li > a {
	color: #FFFFFF;
	font-size: 1.2rem;
	font-family: 'Playfair Display', serif;
	font-weight:400;
	text-decoration: none;
	padding: 11px 30px 13px 30px;
}

#nav > ul > li:hover > a {
	background-color: #010289;
}

#active-menu a {
	background-color: #010289;
}

input[type=checkbox] {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

label {
	display:none;
	cursor: pointer;
	user-select:none;
}

#nav li.has-dropdown {
	position:relative;
}

#nav li.has-dropdown:hover > ul {
	display:block;
	position:absolute;;
}

#nav li ul.dropdown {
	position:absolute;
	z-index:9999999;
	width:250px;
	background: #010289;
	top:35px;
	left:-65px;
	display:none;
	padding:10px 0px;
}

#nav li ul.dropdown li {
	padding:5px 0px;
}

#nav li ul.dropdown li:hover {
	background:#939597;
}

#nav li ul.dropdown a {
	color:white;
	font-size:0.95rem;
	font-family: "Playfair Display", serif;

}



/****************** END HEADER & NAVIGATION ********/


/***************************************************
					  STYLES
****************************************************/
#slider {
	width: 100%;
	height: auto;
	/*background: url(images/sliderBg.png) bottom center no-repeat;*/
	float: left;
	margin-top:-166px;
}

#slider .galleryLayer img {
	width:100%;
}

#homeslider{
	z-index: 0;
	text-align:center;
}

#overlay {
	position: relative;
	top: 0;
	z-index: 1;
	margin-top: -95px;
	text-align: right;
	padding-right: 15px;
}

#overlay img {
	padding: 2px;
	border: 1px solid #000;
	background-color: #FFF;
	cursor: pointer;
}


.hero {
	position: relative;
	height: 0;
	padding-bottom: 12.5%; /*(1600x200)*/
	border-bottom: 4px solid #DDDDDD;
	overflow: hidden;
}

.hero img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.banner {
	padding-bottom: 37.5%; /*(1600x600)*/
	overflow: hidden;
}

.banner .prev,
.banner .next {
	position: absolute;
	z-index: 15;
	height: 50px;
	width: 50px;
	cursor: pointer;
	margin-top: -25px;
	bottom:0;
	background-repeat: no-repeat;
	opacity: 0.8;
}

.banner .prev:hover,
.banner .next:hover {
	opacity: 1;
}

.banner .prev {
	background-image: url('../../uploads/layout/slidernav.png');
	width:30px;
	left: 20px;
}

.banner .next {
	background-image: url('../../uploads/layout/slidernav.png');
	background-position: -30px 0;
	right: 0;
}

.banner .slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.banner .slide img {
	width: 100%;
	height: 100%;
}

.banner .slide .wrap {
	position: relative;
	height: 0;
	padding-bottom: 37.5%; /*(1600x600)*/
}

.banner .slide .wrap .caption {
	position: absolute;
	top: 45%;
	right: 15%;
	width: 25%;
	text-align:center;
}

.banner .caption .title {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #8B2031;
	font-size: 30px;
	text-transform: uppercase;
	padding: 5px 25px;
}

.banner .caption .title a {
	color: #FFF;
	text-decoration: none;
}

.banner .caption .text {
	background-color: rgba(255,255,255,0.6);
	padding: 20px;
	color: #292A86;
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	line-height:32px;
}

.banner .caption .text .btn a {
	display: block;
	background-color: #8B2131;
	color: #FFF;
	font-weight: bold;
	border: 0;
	border-radius: 4px;
	padding: 5px 15px;
	text-decoration: none;
	margin-top: 10px;
}

/************ END SLIDER STYLES **********/



/*******************************************
				SERVICES
********************************************/

#services {
	margin-bottom:20px;
}

.service {
	float: left;
	width: 32.3134%;
	height: 160px;
	margin:0px 5px;
	position:relative;
}

.service h2 {
	color:white;
	text-align:center;
	line-height:30px;
	font-size: 24px;
	font-weight: 700;
	margin-top:50px;
	position:relative;
}

.service a {
	display:block;
	text-align:right;
	position:absolute;
	bottom:2px;
	right:10px;
	color:white;
	text-decoration: underline;
}
.service.blue { background: #4E91C2; }
.service.orange { background: #F5851F; }
.service.blue:hover { background: #F5851F; }
.service.orange:hover { background: #4E91C2; }

.service .icon, .service:hover .icon {
	position:absolute;
	margin-top:-60px;
	margin-left:-150px;
	top:50%;
	left:50%;
	width:300px;
	height:120px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}

.bookkeeping {
	background:url('../../images/icons/bookkeeping.png');
}
.service.blue:hover .bookkeeping {
	background-image:url('../../images/icons/bookkeeping-orange.png');
}
.auditing {
	background:url('../../images/icons/reviews.png');
}

.service.blue:hover .auditing {
	background-image:url('../../images/icons/auditing.png');
}

.tax-prep {
	background:url('../../images/icons/planning.png');
}

.service.blue:hover .tax-prep {
	background-image:url('../../images/icons/tax-prep.png');
}

/********************* END SERVICES *********************/


/********************************************************
					QUICKLINKS SIDEBAR
*********************************************************/
#quickLinks {
	float: right;
	margin-top: 15px;
	width: 25%;
	height: auto;
	background-color: #939597;
	position:relative;
}

#quickLinks h3 {
	margin-bottom:20px;
	color:#FFFFFF;
	text-shadow: 2px 2px 5px #000;
	padding:10px 0px;
}

#quickLinks ul{

}

#quickLinks ul li{
	display: block;
	list-style-type:circle;
}

#quickLinks ul li a {
	color: #ffffff;
	text-decoration: none;
	padding: 5px 15px;
	display: block;
}

#quickLinks ul li a:hover {
	background:#666666;
	text-decoration: underline;
}


/******************** END QUICKLINKS ********************/

#content {
	width: 69%;
	margin-top: 15px;
	float: left;
	position: relative;
	padding:0px 0px 0px 50px;
}

/**********************************************************
						FOOTER STYLES
***********************************************************/

#bottom {
	background: #3c6051;
	width: 900px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footerBg {
	margin-top: 40px;
	text-align:center;
	min-height: 100px;
	background: url('images/footerbg.png') repeat-y bottom center #FFF;
	position:relative;
}

#footerwrapper {
	display:inline-block;
 }

#footerMessage {
	padding-top:20px;
	color: #163660;
	font-family: "Playfair Display", serif;	
}

#footerMessage p {
	color: #8195ae;
	float: left;
}

#fnav {
	margin: auto;
}

#fnav ul {
	padding-top:15px;
}

#fnav ul li {
	display: inline;
	margin-top:25px;
	margin-right:30px;
}

#fnav ul li:last-child { margin-right:0; }

#fnav ul li a {
	color: #ffffff;
	text-decoration: underline;
	font-family: "Playfair Display", serif;
	font-weight:700;
	font-size:1.2rem;
}

#fnav ul li:hover a {
	color: #dbdcdd;
	text-decoration: underline;
}


/******************************************
				GENERAL STYLES
/******************************************/

.left { float: left; }
.right { float: right; }
.orange { color:orange; font-family: 'Playfair Display', serif; }
.pull { right: 75%;}
.push { left: 25%; }
.header-container {
    position:relative;

    display:box;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-box;


    box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;

    box-direction:reverse;
    -moz-box-direction: reverse;
    -webkit-box-direction: reverse;

    width:100%;
    height:150px;
}
#social {
	position:relative;
	display:block;
	float:left;
	padding:25px;
}

#fb, #linkedin {
	width:50px;
	display:inline-block;
}

.content.sidebar {
	color: white;
}

/********************************************
				MEDIA QUERIES
/********************************************/

@media only screen and (min-width : 640px) and (max-width : 1160px) {

	#wrapper {
		width: 100%;
		padding: 50px 0px;
	}

	#header {
		width:100%;
	}

	#logo {
		margin: 0;
	}

	#phone {
		margin-right: 10px;
	}

	#services {
		width:100%;
		display:block;
	}

	.service {
		width:30%;
		margin:0px 5%;
	}

	.service h2 {
		margin-top:40px;
	}

	.service.first, .service.last {
		margin:0;
	}

	#content {
		width:65%;
	}

	#quickLinks {
		float:right;
	}

	/********************************************************
						NAVIGATION
	*********************************************************/
	#nav ul li a {
		color: #FFFFFF;
		font-size: 1.0rem;
		font-family: 'Playfair Display', serif;
		font-weight:400;
		text-decoration: none;
		padding: 11px 12px 13px 12px;
	}

	#nav ul {
		width: 100%;
	}

}

@media only screen and (min-width : 640px) and (max-width : 780px) {
	#nav ul li a {
		color: #FFFFFF;
		font-size: 0.8rem;
	}

    .header-container {
        height:200px;
    }

}

@media only screen and (max-width : 640px) {

	#header {
		width:100%;
		height:auto;
	}

	#logo {
		display:block;
		margin:0;
		width:100%;
		float:none;
	}

	#phone {
		display:block;
		float:none;
		width:100%;
		text-align: center;
		padding:0;
		margin-top:-10px;
		padding-bottom:10px;
	}

	#phone span {
		display:inline;
	}

	#slider {
		margin-top: -200px;
        display:none;
	}

	/**************************
			MOBILE NAV
	***************************/

	#nav ul {
		display: none;
		width:100%;
		position:relative;
		z-index:9999;
		background:#163660;
	}

	#nav label {
		position: relative;
		display: block;
		width: 100%;
		line-height: 1.5em;
		font-size: 1.8em;
		margin: 0;
		color:white;
		text-align:left;
		min-height:2.8rem;
	}

	#nav label:after {
		position: absolute;
		left: 0;
		top: 0;
		content: "\2261";
		font-size: 1.8em;
	}

	#nav input[type=checkbox]:checked ~ label:after {
		color: #222;
	}

	#nav input[type=checkbox]:checked ~ ul {
		display: block;
	}

	#nav input[type=checkbox]:checked ~ ul > li {
		width: 100%;
		opacity: .8;
		text-align: center;
		display:block;
		line-height:2.2rem;
	}

	#nav input[type=checkbox]:checked ~ ul > li:after {
		position: absolute;
		right: .25em;
		content: "\203A";
		font: bold 1.4em sans-serif;
	}

	#nav ul li a {
		color: #FFFFFF;
		font-size: 1.2rem;
		font-family: 'Playfair Display', serif;
		font-weight:400;
		text-decoration: none;
	}

	#nav ul li:hover a, #nav ul li a:hover {
		padding:0;
		background:none;
	}

	#nav ul li:hover {
		background: #010289;
	}

	#active-menu { background: #010289; }
	#active-menu a { background: none; }


	/********* END MOBILE NAV **********/

    .header-container {
        position:relative;
        display: box;
        display: -moz-box;
        display: -webkit-box;
        display: -ms-box;
        box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        box-direction: normal;
        -webkit-box-direction: normal;
        overflow:visible;
    }

    #nav {
        top:0px;
    }

    #header-wrapper {
        top:50px;
    }

	/*********************************
				SERVICES
	*********************************/

	#services {
		padding:0;
		margin:0;
	}

	.service {
		display:block;
		width:100%;
		margin:0;
	}

	/********************************************************
                        QUICKLINKS SIDEBAR
    *********************************************************/

	#quickLinks {
		width:100%;
		display:block;
		position:relative;
	}

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

	/*******************************
                 FOOTER
	*********************************/

	#fnav ul li a {
		color: #ffffff;
		text-decoration: underline;
		font-family: "Roboto", sans-serif;
	}

	#social {
		float:none;
	}

	/***********************************
			   GENERIC STYLES
	***********************************/

	.left, .right {
		float:none;
	}

	#wrapper {
		padding:0;
		margin:0;
		width:100%;
	}

	#content {
		width:auto;
		margin:0;
		float:none;
		display:block;
		position:relative;
		padding: 10px 5px;
	}

	.push, .pull {
		left:0;
		right:0;
	}
}