/******************************************************************
Theme Name: Eagle Power
Theme URI: http://sparkitive.com
Description: A theme created specifically for Eagle Power
Author: Sparkitive, LLC
Author URI: http://sparkitive.com
Version: 1.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: CSS
******************************************************************/

/******************************************************************
Notes:
	blue #1459a6;
	dark blue #0F3D70;
	font-family: 'Noto Sans', sans-serif;
	font-family: 'Merriweather', serif;

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

/******************************************************************
	Base Styles (rarely change from site to site)
******************************************************************/
html {font-size:18px;}
iframe, object { max-width: 100%!important; }
.Spacer {clear:both; display:block; height:30px;}
#inner-content, #inner-content p {font-size:1rem;}
div.row, .row {max-width:100%!important;padding:0px;}
div.row div.large-12.columns {padding:0px;}
.textL {text-align: left;} .textC {text-align: center;} .textR {text-align: right;}
.alignleft {float:left;} .alignright {float:right;}
#inner-content img.alignright {padding-left:5px; padding-bottom:5px;} #inner-content img.alignleft {padding-right:5px; padding-bottom:5px;} #inner-content img.aligncenter {display:block;margin:auto; text-align: center;}
img.alignleft, .alignleft img {margin:0px 20px 5px 0px;}
img.alignright, .alignright img {margin:0px 0px 5px 20px;}
.clearfix {clear:both; display:block;width:100%;}
.Spacer {clear:both; display:block; height:60px; width:100%;}
textarea {color:#000!important;}
.PostNav {margin-top:30px; border-top:1px solid #ccc; padding-top:10px;}
.PostNav .postLink {clear:both; padding:7px 0px;}
.noPad {padding:0px!important;}
img.fullImage, .fullImage img {width:100%;}

/******************************************************************
	Customized Styles (exist on every site, but need to be customized for fonts/colors/etc)
******************************************************************/
body {color:#333; background:#E5E7E9;}
body, p {font-family: 'Noto Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather', sans-serif; font-weight: bold;}
#content h1 {font-size:2.3rem;} #content h2 {font-size:2rem;} #content h3 {font-size:1.8rem;} 
#content h4 {font-size:1.4rem;}  #content h5, .largerText{font-size:1.2rem;} #content h6 {font-size:1rem;} 
.inner-wrap a, .inner-wrap #content a {color:#333; text-decoration:none!important;}
#inner-wrap a:hover, .inner-wrap #content a:hover {background:none; text-decoration:underline; color:#111!important;}
.pageContent #inner-content #main a {color:#0DA1BD; text-decoration: underline;}
.pageContent #inner-content  #main a:hover {color:#4a4786;}
a.Button, .inner-wrap #content a.Button {background:#333; color:#fff!important; padding:5px 10px; text-decoration: none!important; padding:10px 20px;}
a.Button:hover, .inner-wrap #content a.Button:hover {background:#1459a6!important; color:#fff!important; text-decoration: none!important;}

/******************************************************************
	Header Styles
******************************************************************/
#LogoWrap img {padding:20px 0px;}
.contactInfo {padding-top:10px;}

/******************************************************************
	Menu Styles
******************************************************************/
.desktopMenu { z-index: 1000; position: relative; border:1px solid #ccc; height:auto; text-align: left; margin:0px auto 0px auto;
    background:#fff!important;display:block; clear:both; padding:0px 10px; }
.desktopMenu nav.top-bar, .desktopMenu .top-bar, .desktopMenu ul, .desktopMenu ul li, .desktopMenu ul li a {background:none!important; height:auto!important; 
    line-height: 10px!important; } 
.desktopMenu nav.top-bar {padding:0px 10px;}
.desktopMenu nav.top-bar section ul.right {float:none!important; margin:auto!important; text-align: center; display:block;}
.desktopMenu nav.top-bar li {float:none;display:inline-block; float:none; display: inline-block;}
.desktopMenu ul li a {color:#000; line-height:16px!important; font-size:16px; display:inline-block; padding: 10px 20px!important; margin:5px auto 5px auto; 
    border-radius:50px; border:1px solid #fff; }
.desktopMenu ul li a:hover, .desktopMenu ul li.current_page_item a {color:#000!important; border:1px solid #4a4786; }
.off-canvas-list ul li a {font-size:1.4rem;}

.desktopMenu ul li:hover a {
color: #000!important;
}

/******************************************************************
	Hero Styles
******************************************************************/
#heroWrap {height:400px; overflow:hidden; position:relative; color:#fff!important; text-align: center; padding-top:75px;z-index: 0;
    background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url(images/heroImg.jpg); background-repeat: no-repeat;
    background-position: 0px 40%; background-size: cover;}
#heroWrap h1 {text-transform: uppercase; color:#fff; padding:20px 10px; margin:0px;font-size:2.8rem; font-weight: bold;}
#heroWrap h1 span {color: #73ADEE;}
#heroWrap p {font-size:1.5rem;}
.inner-wrap #content #heroWrap a.Button {font-size:1.3rem; margin-top:20px; display:inline-block; padding:10px 40px; background:#1459a6;  padding:10px 40px; box-shadow: 0px 0px 6px 1px #B4B1EB;}
.inner-wrap #content #heroWrap a.Button:hover {background:#0F3D70; color:#fff!important; text-decoration: none;}

/******************************************************************
	Box Styles
******************************************************************/
.photoBGBox {background-repeat: no-repeat; background-size: cover; padding:20px 0px;}
.photoBGText {background:rgba(255,255,255,0.7); padding:20px;}

.linkBoxWrap {height:200px;}
.inner-wrap #content a.linkBox {display: block;width:100%;height:100%; padding:75px 10px 10px 10px;background:#ccc; border:2px solid #fff;}
.inner-wrap #content a.linkBox h4 {font-weight: normal;}
.inner-wrap #content a.linkBox:hover, .inner-wrap #content a.linkBox:hover h4 {background:#1459a6!important; color:#fff!important;}
.inner-wrap #content .linkBox {display: block;width:100%;height:100%; padding:75px 10px 10px 10px;background:#ccc; border:2px solid #fff;}
.inner-wrap #content .linkBox h4 {font-weight: normal;}
.inner-wrap #content .linkBox:hover, .inner-wrap #content .linkBox:hover h4 {background:#1459a6!important; color:#fff!important;}

.tintBox {padding:40px 0px; clear:both; display:block;}
.lightTintBox {background:#fff;}

#content .dependWrap h2 {font-size: 1.6rem;}
div.wp_cta_container {overflow:hidden;}
div.wp_cta_container img,div.inbound-cta-container {max-width:100%!important;}

/******************************************************************
	Blog Styles
******************************************************************/

/******************************************************************
	Services Styles
******************************************************************/

/******************************************************************
	About Us Styles
******************************************************************/

/******************************************************************
	Custom Page Styles
******************************************************************/


/******************************************************************
	FOOTER 
******************************************************************/
.topFooter {padding:40px 0px;}
footer.footer {background:#323030;}
footer.footer, footer.footer a {color:#fff;}
p.copyright {padding:20px 0px; margin:0px auto; font-size:0.8rem;}
img.footerLogo {margin-top:-20px;}

/******************************************************************
	FORMS
******************************************************************/

.ninja-forms-form .half-field-wrap {width:49%; display: inline-block;margin:0px;}
.ninja-forms-form .half-field-wrap:nth-child(2n+1){float:right;}
.ninja-forms-form .submit-wrap input[type="submit"], button, html input[type="button"], input[type="reset"], input[type="submit"]
	 {background: #333;outline: none;border: 1px solid #fff;padding: 10px 20px;float: right;color: #333;text-transform: uppercase;}
.ninja-forms-form .submit-wrap input[type="submit"]:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, 
	input[type="submit"]:hover {cursor:hand; cursor:pointer; background:#333; color:#fff;}
#container .ninja-forms-form .submit-wrap input[type="submit"] {background:#333; color:#fff!important;}
#container .ninja-forms-form .submit-wrap input[type="submit"]:hover {background:#111!important;}

/******************************************************************
	Miscellaneous Styles
******************************************************************/


/******************************************************************
	Media Queries
******************************************************************/

@media only screen { 

} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
html {font-size:16px;margin-top:0px!important;}
    .small-textC {text-align: center;}
    .small-noFloat {float:none;}
    h1.smallMenuTitle {font-family: 'PT Sans', sans-serif; font-size:1.2rem; text-transform: uppercase;}
    #socialLinks a {font-size:1.4rem;}
    #logoWrapper img {padding:0px;}
    .large-12.columns {padding:0px;}
    img.alignright, .alignright img, img.alignleft, .alignleft img {margin:auto; float:none; clear:both; display:block;}
    #wpadminbar {display:none;}
    div .halfField-wrap {width:100%;}
    body.single-landing-page .inbound-button-submit {width:100%; font-size:18px!important; padding:10px;}
    body.single-landing-page div.lp_form_right {width:100%;}
    div.inbound-cta-container { width: 100%!important;}

    html {font-size:14px;}
    .small-textC {text-align: center;}
    .small-noFloat {float:none;}
    .large-12.columns {padding:0px;}

    .large-11.noPad p {padding:0px 10px;}

    .wrapBox {margin-bottom:40px;}
 } 

/* ------------------------------------------
    Medium screens 
    min-width 641px, medium screens 
*/ ------------------------------------------
@media only screen and (min-width: 40.063em) { 

} 

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	html {font-size:18px;}
    div .halfField-wrap {width:100%;}
    body.single-landing-page .inbound-button-submit {width:100%; font-size:18px!important; padding:10px;}
    .med-textC {text-align:center;}

    html {font-size:16px;}

    .large-11.noPad {padding:0px 15px!important;}
} 

/* ------------------------------------------
    Large screens
    min-width 1025px, large screens 
*/ ------------------------------------------
@media only screen and (min-width: 64.063em) { 

} 

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 

} 

/* ------------------------------------------
    XLarge screens
    min-width 1441px, xlarge screens
*/ ------------------------------------------
@media only screen and (min-width: 90.063em) { 

}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { 

} 

/* ------------------------------------------ 
    XXLarge screens
    min-width 1921px, xxlarge screens
*/ ------------------------------------------
@media only screen and (min-width: 120.063em) { 

}