/* CSS Document */
/* ----- CORE STYLES ----- */
:root {
font-size: 16px;
line-height: 1.75em;
color: #333333;
}

html, body {
-webkit-text-size-adjust: none;
}

body {
overflow-x: hidden;
position: relative;
}

a {
text-decoration: none;
transition: 0.2s;
color: #333333;
}

.not-front .contentArea .content a[href="#"],
.footerWrap .content a[href="#"] {
font-size: 0.8rem;
color:#990000 !important;
font-weight:bold;
}

a:hover,
a:focus,
a:active {
color: #fbaa1c;
}

a.btn {
display: inline-block;
vertical-align: top;
background: #fbaa1c;
color: #fff;
font-weight: bold;
font-size: 1.25rem;
text-align: center;
padding: 0.75em 4em;
line-height: 1.3em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

a.btn i,
.blogListingHp .views-field-title i {
margin-left: 0.5em;
}

a.btn:hover {
background: #7d8324;
}

.not-front .views-field-edit-node a {
background: #fbaa1c;
color: #fff;
font-size: 0.9rem;
text-align: center;
padding: 0.25em 0.5em;
border: 3px solid #fff;
}

.not-front .views-field-edit-node a:hover {
background: #fbaa1c;
}

ul,
ul li,
.item-list ul,
.item-list ul li {
list-style: none;
padding: 0;
margin: 0;
}

img {
max-width: 100% !important;
height: auto !important;
}

hr {
color: #f6f6f6;
border: 0;
height: 2px;
background: #e8e8e8;
margin: 2em 0;
position: relative;
}

h1, h2, h3, .field-name-field-page-subtitle {
font-size: 2.5rem;
line-height: 1.25em;
font-weight: bold;
color: #3b2717;
margin-bottom: 1em;
}

h2 {
font-size: 1.5rem;
}

h3 {
font-size: 1.375rem;
}

* ~ h1, * ~ h2, * ~ h3 {
margin-top: 1em;
}

.contentImg {
margin-bottom: 1em;
line-height: 0;
}

@media (max-width: 660px) {
.contentImg {
text-align: center;
background: #fafafa;
padding: 1em;
}

.contentImg img.fltRight {
float: none;
margin: 0;
}
}

iframe {
max-width: 100%;
}

/* ---------- OVERALL ---------- */
.pageWrapOuter {
background: #fff;
}

.pageWrap {
max-width: 1120px;
margin: 0 auto;
}


/* ---------- HEADER ---------- */
.headerWrap {
max-width: 1120px;
margin: 0 auto;
position: relative;
padding: 20px;
}

.header-fixed {
z-index: 101;
}

@media (max-width: 700px) {
.header-fixed {
position: static;
height: auto;
}
}

.headerWrapOuter {
background: transparent;
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.75) 50%, rgba(7, 39, 51, 1));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.75) 50%, rgba(7, 39, 51, 1));
background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.75) 50%, rgba(7, 39, 51, 1));
color: #fff;
-webkit-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s; 
}

.not-front .headerWrap {
padding-bottom: 10px;
}

@media (max-width: 900px) {
.headerWrapOuter {
height: auto;
text-align: center;
}
}

.headerWrapOuter.sm {
height: auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#020202+0,072733+100 */
background: #020202; /* Old browsers */
background: -moz-linear-gradient(top, #020202 0%, #222 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #020202 0%,#222 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #020202 0%,#222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#072733',GradientType=0 ); /* IE6-9 */
}

@media (max-width: 1060px) {
.headerWrapOuter.sm,
.not-front .headerWrap {
text-align: center;
height: auto;
}
}

.not-front .headerWrapOuter {
height: auto;
}

.siteLogo {
position: absolute;
top: 20px;
left: 50%;
-webkit-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s; 
width: 318px;
}

.not-front .headerWrapOuter .siteLogo {
display: inline-block;
position: static;
width: 238px !important;
margin: 0; 
}

.headerWrapOuter.sm .siteLogo {
position: relative;
display: block;
width: 251px !important;
top: 0;
left: 0;
margin-left: 0; 
}

.not-front .headerWrapOuter .siteLogo img {
margin-left: 0;
}

.siteLogo img {
margin-left: -159px;
}

.headerWrapOuter.sm .siteLogo img {
margin-left: 0;
}

@media (max-width: 1060px) {
.headerWrapOuter .siteLogo,
.headerWrapOuter.sm .siteLogo {
display: inline-block;
}
}

@media (max-width: 900px) {
.headerWrapOuter .siteLogo,
.headerWrapOuter.sm .siteLogo,
.not-front .headerWrapOuter .siteLogo {
position: static;
margin-top: 10px;
display: inline-block;
margin-left: 0;
position: static;
width: 190px !important;
}

.headerWrapOuter .siteLogo img {
margin-left: 0;
}
}

@media (max-width: 500px) {
.headerWrapOuter .siteLogo,
.headerWrapOuter.sm .siteLogo,
.not-front .headerWrapOuter .siteLogo {
width: 150px !important;
margin-top: 0;
}
}

a.btn-client-login {
position: absolute;
top: 0.75em;
right: 3em;
font-size: 0.6em;
padding: 0.25em 0.5em;
border-radius: 3px;
}

@media (max-width: 1060px) {
a.btn-client-login {
right: auto;
left: 1em;
}
}

.alert {
background: #fbaa1c;
color: #fff;
padding: 1.5em;
/font-size: 0.9em;
line-height: 1.75;
text-align: center;
/opacity: 0.95;
}

.alert strong {
/color: #444;	
font-style: italic;
}


/* --------------------------------------------- CALLOUT SECTION -- */
.calloutWrapOuter * + p {
margin-top: 1em;
}


/* ------------------------------------------- CONTENT WRAP --- */
.contentWrap {
position: relative;
z-index: 1;
transition: 0.2s;
text-align: center;
}

.contentWrap * + p {
margin-top: 1em;
}

.contentArea ul,
.contentArea ul li {
list-style: none;
padding: 0;
margin: 0 0 0 1em;
}

.contentArea * ~ ul {
margin-top: 1em !important;
}

.contentArea ul li {
margin-bottom: 0.5em;
font-size: 0.9em;
}

.contentArea ul li:before {
content: '\f054';
font-family: 'FontAwesome';
float: left;
margin-left: -1.25em;
}

.contentArea,
.sidebarArea {
width: 100%;
display: inline-block;
vertical-align: top;
text-align: left;
}

.sidebarArea * + .block-block {
margin-top: 2em;
}


/* ----------------------------------------------- FOOTER --- */ 
.footerWrapOuter {
position: relative;
background: #020202;
}

.footerWrap {
max-width: 1120px;
margin: 0 auto;
padding: 4em 2em;
position: relative;
color: #613d39;
}

@media (max-width: 680px) {
.footerWrap {
padding: 3em 2em 3em;
position: relative;
color: #613d39;
}
}

.footerSect {
display: inline-block;
vertical-align: top;
width: 30%;
}

.footerSocialNav a {
color: #fff;
font-size: 1.125rem;
}

.footerNavLinks {
margin-bottom: 3em;
}

@media (max-width: 950px) {
.footerNavLinks {
margin-bottom: 2em;
}
}

@media (max-width: 680px) {
.footerNavLinks {
display: none;
}
}

.footerNavLinks p + p {
margin-top: 0.25em;
} 

.footerSocial {
font-size: 2em !important;
}

@media (max-width: 800px) {
.footerSocial {
//font-size: 1.5rem !important;
}
}

@media (max-width: 680px) {
.footerSocial {
//font-size: 2rem !important;
}
}

.footerSocial + .footerSocial {
margin-left: 0.25em;
}

@media (max-width: 950px) {
.footerSocial + .footerSocial {
margin-left: 0;
}
}

@media (max-width: 680px) {
.footerSect {
display: block;
width: 90%;
margin-left: 5%;
text-align: center;
}

.footerSect + .footerSect {
margin-top: 2em;
}
}

.footerContact {
text-align: center;
color: #fff;
}

.footerLogo,
.footerAddress {
font-weight: 100;
margin-bottom: 1em;
}

.footerLogo img {
width: 250px !important;
}

.footerAddress span {
display: block;
}

.footerPhone,
.footerTollFree {
font-weight: bold;
}

.footerPhone {
font-size: 1.25rem;
}

.footerTollFree {
font-size: 1rem;
}


/* --------------------------------------------- PREFOOTER TESTIMONIALS -- */
.prefooter-testimonials {
margin: 0 auto;
padding: 40px 0px 20px 0px;
background: #efefef;
}

@media (max-width: 510px) {
.prefooter-testimonials {
padding: 3em 0 4em;
}
}

.prefooter-testimonials .view {
max-width: 1120px;
padding: 0 1.5em;
margin: 0 auto;
}

.prefooter-testimonials .views-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;	
}

.prefooter-testimonials .views-field-field-test-author-pic {
margin-right: 2em;
}

.prefooter-testimonials .views-field-field-test-author-pic img {
//transform: rotate( -15deg );
-webkit-filter: drop-shadow ( 1px 1px 8px #666 );
filter: drop-shadow( 1px 1px 8px #666 );
}

.prefooter-testimonials .views-field-field-test-author-pic + .views-field-field-testimonial {
max-width: 60%;	
}
    
.prefooter-testimonials .views-field-title {
margin-top: 1.5em;
font-size: 1.25em;      
font-weight: bold;
}

.testimonial-hp-quote {
font-size: 1.5em;
line-height: 1.5;
margin-bottom: 1em;
font-weight: 100;
}

.testimonial-hp-author-company {
line-height: 1.25;	
}

.testimonial-hp-author {
font-size: 1.15em;	
font-weight: bold;
}

.testimonial-hp-company {
display: block;	
font-size: 0.9em;
font-weight: 100;
}