/*
Theme Name:         AOC Theme
Theme URI:          https://www.ao-consultants.com/
Description:        Theme designed and developed for AO Consultants. 
Version:            1.0.0
Author:             Dave Hanas
Author URI:         http://davehanas.com/
*/

/* =WordPress Core -------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px;  border: 1px solid #ccc;}
.alignleft { float: left; margin: 5px 20px 20px 0; border: 1px solid #ccc; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
figure { margin: 0 0 24px; padding: 0; }

/*====================================== reset.css is here ========================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
.clear { clear: both; font-size: 0px; line-height: 0px; display: block; }
.last { margin: 0 !important; }
.pad_last { padding: 0 !important; }
.no_bg { background: none !important; }
header, nav, section, article, aside, footer, hgroup { display: block; }
html { }
body { color: #b1b1b1; font-family: 'Lato', sans-serif; font-size: 14px; background: #ffffff; }
.flt_lt { float: left; display: inline; }
.flt_rt { float: right; display: inline; }

/**************************************************************************************/
a { color: #76951f; text-decoration: none; outline: 0 none; }
a:hover { color: #597114; text-decoration: underline; }
body h1 { color: #43577d; font-family: 'Lato', sans-serif; font-size: 32px; font-weight: 900; }
.banner h1 { color: #fff; font-family: 'Lato', sans-serif; font-size: 36px; font-weight: 200; }
.banner h2 { color: #fff; font-weight: 200; }
h2 { color: #43587f; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 700; line-height: 32px; padding: 0 0 20px; }
h3 { font-size: 18px; font-family: 'Lato', sans-serif; }
h4 { font-size: 16px; font-family: 'Lato', sans-serif; padding-bottom: 16px; }
h5 { font-size: 14px; font-family: 'Lato', sans-serif; }
h6 { font-family: 'Lato', sans-serif; font-size: 12px; letter-spacing: 0.125em; padding-bottom: 12px; text-transform: uppercase; }
.subheader { font-weight: 100; }

/* ----------------------- layout ----------*/
.wrapper { margin: 0 auto; }
.container { width: 950px; margin: 0 auto; }
header { background: none repeat scroll 0 0 #fff; border-bottom: 3px solid #d9e2b8; padding: 12px 0 0; position: relative; }
header h2.subheader.text-center {font-size: 16px;  display: none;}
/* ------------------ HEADER -------------------*/
.preheader { background: none repeat scroll 0 0 #e8e9e9; display: block; position: relative; width: 100%; }
.preheader a.button { border: 1px solid #76951f; color: #fff; display: inline-block; font-size: 12px; line-height: 22px; margin-top: 0; padding: 0 10px; text-align: center; transition: color 0.5s ease 0s, background 0.5s ease 0s, border 0.5s ease 0s; width: 100%; }
.preheader a.button:hover { text-decoration: none; border: 1px solid #b3c46f; }
.contact-info { padding-top: 44px; }
.logo { float: left; margin: 4px 0 16px 40px; }
.contact, .contact a { font-size: 13px; font-weight: 400; letter-spacing: 0.075em; line-height: 22px; }
.contact .tel {padding-right: 6px;}
header .contact, header .contact a { text-decoration: none; }
/* ------------------------- NAVIGATION ---------------*/
nav { }
nav ul { display: inline-block; float: right; margin-bottom: -3px; }
nav ul li { display: inline-block; float: left; margin: 0 0 0 18px; position: relative; }
nav ul li a { display: block; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; padding: 0 0 6px; color: #355781; transition: background 0.5s ease 0s, color 0.5s ease 0s, border 0.5s ease 0s; border-bottom: 3px solid #d9e2b8; }
nav ul li a:hover { color: #597114; text-decoration: none; border-bottom: 3px solid #597114; }
nav ul li.current-menu-item a, nav ul li.current-page-ancestor a, nav ul li.current-menu-ancestor a, nav ul li.current-menu-parent a, nav ul li.current-page-parent a, nav ul li.current_page_parent a, nav ul li.current_page_ancestor a { color: #76951f; border-bottom: 3px solid #b3c46f; }
#nav li ul.sub-menu { display: none; }
li.draft, #nav li ul.sub-menu li.draft {display:  none;}

/* NO JS */
.no-js #nav li:hover ul.sub-menu { display: block; }
#nav li ul.sub-menu { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); list-style: none outside none; margin: 0; padding: 17px 0 13px; position: absolute; width: 225px; z-index: 99999; left: 0; box-shadow: 1px 1px 21px 1px rgba(0,0,0,0.2); }
html.ie #nav li ul.sub-menu { background: #ffffff; }
#nav li ul.sub-menu li { display: block; margin: 0; width: 100%; }
#nav li ul.sub-menu li a { border: none !important; background: none repeat scroll 0 0 transparent; display: block; padding: 4px 12px !important; text-align: left; text-decoration: none; text-indent: 0; font-size: 14px; margin: 0; height: auto !important; line-height: 16px; }
#nav li ul.sub-menu li a { color: #0b121d !important; transition: background .5s linear, color .5s; -moz-transition: background .5s, color .5s; -webkit-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; }
#nav li ul.sub-menu li a:hover { color: #ffffff !important; background: #597114; }
.sidebox li { margin: 0px; list-style: none; }
.sidebox li a:hover { }
.sidebox li a, .sidebox.widget_nav_menu li a:active, .sidebox.widget_nav_menu li a:visited { color: #355781 !important; }
.sidebox li.current-menu-item a, .sidebox li.current-menu-ancestor > a, .sidebox li.current-menu-parent > a {}
/* ------------------------ MIAN CONTENT --------------*/
.no-svg .banner,
.no-js .banner,
.svg .banner { 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf7be+0,d3edb6+100 */
background: #07254a; /* Old browsers */
background: -moz-linear-gradient(left, #759527 0%, #07254a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #759527 0%,#07254a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #759527 0%,#07254a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759527', endColorstr='#07254a',GradientType=1 ); /* IE6-9 */
}
.banner { border-bottom: 2px solid #d9e2b8; display: block; position: relative; width: 100%; }
.banner .titlewrap { padding-bottom: 7px; padding-top: 44px; }

.button, input[type="submit"] { margin: 19px 0 0 0; text-decoration: none;}
.button, input[type="submit"] { background: #76951f; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 14px; color: #ffffff; text-align: center; padding: 10px 20px; letter-spacing: 1px; }
.button:hover, input[type="submit"]:hover { background: #465a0e; text-decoration: none; }
#subscribe-submit > input { border: medium none; }
.quick-bg { background: #f0f0f1; position: relative; margin: 0 0 34px; padding: 22px 0 44px; }
.quick-bg h4 { display: block; font-size: 14px; font-weight: 900; letter-spacing: 0.225em; text-align: center; text-transform: uppercase; color: #393935; }
.quick-bg blockquote { border: none; }
.quick-bg blockquote p { color: #7f7f7f; font-size: 17px; font-style: oblique; font-weight: 300; line-height: 27px; padding-bottom: 12px; }
.main { background: #ffffff; margin: 0 auto; padding: 24px 0 55px; }
.about { float: left; width: 232px; margin: 0px 48px 0 0; padding: 9px 0 0 0; }
.about h2 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 21px; color: #a4a9ad; padding: 0px 0 15px 0; }
.about-img1 { margin: 0; }
.main strong, .main b {color: #000;}
.main article h1 {font-weight: 600;line-height: 36px;padding-bottom: 12px;}
.main p { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px; color: #2f2e2a; line-height: 25px; padding: 0px 0px 20px 0px; }
.main ol { color: #656461; font-size: 14px; list-style: decimal outside none; padding-left: 24px; }
.main blockquote { border-left: 1px solid #DDD2B8; padding-left: 24px; margin-bottom: 34px; position: relative; }
.main blockquote:before { color: #E0E0E0; content: "\f10d"; font-family: FontAwesome; font-size: 84px; left: 10px; opacity: 0.3; position: absolute; top: -40px; }
.main blockquote:after { color: #E0E0E0; content: "\f10e"; font-family: FontAwesome; font-size: 84px; opacity: 0.3; position: absolute; right: 4%; bottom: -30px; }
.main blockquote p { color: #a08647; font-size: 21px; font-style: oblique; font-weight: 300; line-height: 27px; }
.main blockquote h5 { font-variant: small-caps; letter-spacing: 0.095em; }
.main blockquote cite { font-family: 'Lato', sans-serif; font-size: 12px; letter-spacing: 0.125em; padding-bottom: 12px; text-transform: uppercase; }
.main ul { color: #656461; font-size: 14px; padding-left: 24px; padding-bottom: 20px; list-style: square outside none; }
.main ol {padding-bottom: 20px;}
.main ul li ul { list-style: circle outside none; }
.main ul.pricing-table { padding-left: 0px; }
.sidebox { background: none repeat scroll 0 0 #f2f9ff; margin-bottom: 24px; padding: 36px 18px 36px 38px; }
.home-sidebar-right { background: #f8f8f8; padding: 12px 0 8px 40px; }
.extensive-recent-posts-widget-pro-class h2, .widget_jetpack_display_posts_widget h2 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 21px; padding: 0 0 16px 0; }
.extensive-recent-posts-widget-pro-class p a {}
.extensive-recent-posts-widget-pro-class p a:hover {color: #b3c46f;}
.cw-erpw-post-wrapper { padding-right: 24px; }
.cw-erpw-post-wrapper header, .main header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important; box-shadow: none !important; padding: 0; z-index: inherit; }
.extensive-recent-posts-widget-pro-class h4, .widget_jetpack_display_posts_widget h4 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 17px !important; color: #a25fb0; line-height: 26px !important; }
.post-thumbnail-link.no-thumb {background: url("images/touch/apple-touch-icon-57x57-precomposed.png") repeat scroll center top rgba(0, 0, 0, 0) !important;}
.extensive-recent-posts-widget-pro-class h6, .widget_jetpack_display_posts_widget h6 { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 13px !important; color: #656461; line-height: 19px; }
.extensive-recent-posts-widget-pro-class p, .widget_jetpack_display_posts_widget p { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px !important; color: #656461; line-height: 21px; }
.jetpack-display-remote-posts p {padding: 0 34px 0 0 !important;}
.extensive-recent-posts-widget-pro-class p a, .widget_jetpack_display_posts_widget p a { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; line-height: 26px; display: block; }
.extensive-recent-posts-widget-pro-class p a:hover, .widget_jetpack_display_posts_widget p a:hover { color: #b3c46f; }
.bottom-img { background: url(/wp-content/uploads/2018/09/aoc-stats-background.png) no-repeat fixed center top / cover rgba(0, 0, 0, 0);    min-height: 50vh;padding: 10%;}
.bottom-text { margin: 0 auto; display: block; padding: 40px 0 0 0; }
.bottom-text h4 { color: #fff; display: block; font-size: 21px; font-weight: 900; letter-spacing: 0.225em; text-align: center; }
.bottom-text p { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 17px; color: #393935; text-align: center; display: block; line-height: 28px; padding: 5px 0 0 0; }
.bottom-text .textwidget {
    background-color: #fff;
    border-radius: 4px;
    padding: 24px;
}
.client-logos {
    background-color: #e8e8e8;
    min-height: 180px;
}
.photo { float: left; margin-right: 24px; }
.get { margin: 18px auto 0 auto; width: 295px; }
.get a { width: 262px; background: #b3c46f; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 14px; color: #ffffff; text-transform: uppercase; display: block; text-align: center; padding: 10px 0; letter-spacing: 1px; }
.get a:hover { background: #76951f; }
.attachment-single-post-thumbnail {margin-bottom: 17px;}
/* ------------------ FOOTER --------------------------*/
footer { background: #07254a; margin: 30px auto 0; display: block; min-height: 150px; color: #c1c1c1; }
.footer_top { background-color: #031a38;padding: 24px 0px;}
.copyright a { font-size: 12px !important; letter-spacing: 0.085em; line-height: 22px; text-transform: uppercase; }
.footer_bottom { padding-top: 24px; padding-bottom: 76px; }
.footer_bottom .widget_nav_menu { border-right: 1px solid #43587f; padding-bottom: 10px; }
.widget_nav_menu ul { }
.widget_nav_menu ul li { padding: 0 25px 0 0; }
.widget_nav_menu ul li a { display: block; font-family: 'Lato', sans-serif; font-size: 13px; color: #c1c1c1;  }
.menu-footer-menu-container ul li a:hover { color: #ffffff; }
.footer_bottom h4 { color: #c1c1c1; font-weight: 700; letter-spacing: 0.095em; }
.footer_bottom #blog_subscription-2 label { color: #727272; font-weight: 700; letter-spacing: 0.095em; text-transform: uppercase; }
#subscribe-email #jetpack-subscribe-label {display: none;}
footer p { font-family: 'Lato', sans-serif; font-weight: 400; color: #a4a9ad; font-size: 13px; }
.footer_bottom .menu li { padding: 0 0 6px; }
footer a { color: #a4a9ad; font-weight: 400; line-height: 17px; }
footer a:hover { color: #ffffff !important; }
footer .right { border-bottom: 1px solid #5f5f5b; padding: 0 0 10px 0; }
.vcard { display: inherit; margin: 0px; border: none; padding: 0px 0px 14px 0px; }
/*Landing Page */
body.page-template-template-landing-php header h1 { padding-bottom: 24px; }
body.page-template-template-landing-php .banner h2 { width: 76%; }

/* Widgets and Misc CSS */
.widget ul { display: block; margin: 0; padding: 0.875rem 0; list-style-type: none; list-style-position: inside; }
.widget ul li { font-size: 0.875rem; }
.panel.callout { background: none repeat scroll 0 0 #edeff0; border-color: #ced8df; }
#wpstats { display: none; }
.gform_wrapper span.gform_description { line-height: 21px; }
/*BREADCRUMBS */
.breadcrumbs { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: -moz-use-text-color -moz-use-text-color gainsboro; border-style: none none solid; border-width: medium medium 1px; display: block; list-style: none outside none; margin-bottom: 36px; margin-left: 0; overflow: hidden; padding: 0.5625rem 0.875rem; }
.breadcrumbs > * { color: #355781; float: left; font-size: 0.6875rem; line-height: 0.6875rem; margin: 0; text-transform: uppercase; }
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; color: #76951f !important }
.breadcrumbs > * a { color: #355781; }
.breadcrumbs > .current { color: #333; cursor: default; }
.breadcrumbs > .current a { color: #333; cursor: default; }
.breadcrumbs > .current:hover, .breadcrumbs > .current:hover a, .breadcrumbs > .current:focus, .breadcrumbs > .current:focus a { text-decoration: none; }
.breadcrumbs > .unavailable { color: #999; }
.breadcrumbs > .unavailable a { color: #999; }
.breadcrumbs > .unavailable:hover, .breadcrumbs > .unavailable:hover a, .breadcrumbs > .unavailable:focus, .breadcrumbs > .unavailable a:focus { color: #999; cursor: default; text-decoration: none; }
.breadcrumbs > *:before { color: #aaa; content: "/"; margin: 0 0.75rem; position: relative; top: 1px; }
.breadcrumbs > *:first-child:before { content: " "; margin: 0; }
.social-nav { }
.social-nav a { background: none repeat scroll 0 0 #7cb6d6; border-right: 1px solid #609cbc; color: #eff3f4; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; text-align: center; transition: color 0.5s ease 0s, background 0.5s ease 0s, border 0.5s ease 0s; width: 44px; z-index: 2; }
.footer_top .social-nav a { background: none repeat scroll 0 0 #555; border-right: 1px solid #666; display: inline-block; float: left; height: 24px; line-height: 22px; }
.social-nav a:hover { background: none repeat scroll 0 0 #556f16; color: #ffffff !important; }
.social-nav .searchdropicon { background: none repeat scroll 0 0 #1173aa; }
.search-button .text-input { display: block; font-size: 13px !important; height: 24px !important; margin: 0 auto; padding: 2px 4px !important; }
.search-button #searchsubmit { height: 24px; margin: auto; padding-bottom:inherit; width: 100%; position: relative; border: 1px solid #556f16; }
#searchform i { color: #fff; position: absolute; left: 35%; top: 5px; z-index: 2; font-size: 14px; }
/*SHAREDADDY OVERRIDES */
div.sharedaddy h3.sd-title { display: block; }

/*Home Page*/
.home-slides { overflow: hidden; margin-bottom: 0px !important;}
.home-slides .slick-slider {margin-bottom: 0px !important;}
body.home .home-banner {
    background: #002855; 
    max-height: 548px;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 0;}
.home-title-wrap { min-height: 548px;padding-top: 146px; }
.home-title-wrap h1 { color: #b3c46f; font-family: 'Lato', sans-serif; font-size: 44px; font-weight: 100; text-shadow: 1px 0px 12px rgba(0,0,0,0.5); }
.home-title-wrap h2 { color: #fff; padding: 0 60px; text-shadow: 1px 0px 12px rgba(0,0,0,0.5); }



/* SIDEBOX STYLES */
.cta-sidebox { background: none repeat scroll 0 0 #f3f3f3; color: #fff !important; }
.cta-sidebox h5 { color: #355781; text-transform: uppercase; }
.cta-sidebox p { color: #355781; line-height: 21px; }
.cta-sidebox blockquote {border: medium none !important;font-size: 14px !important;padding-left: 0;}
.cta-sidebox blockquote p {color: #846f3f;font-size: 15px;line-height: 21px;}
.alert-box.success {background-color: #dcede2;border-color: #b3c46f;color: #76951f;font-size: 15px;line-height: 21px;}

/* Assessment Page Layout */
.assessmentblock .assessment { border-bottom: 1px solid #ccc; margin-bottom: 32px; min-height: 290px; }
.assessmentblock .assessment, .caseblock .casestudy { border-bottom: 1px solid #ccc; margin-bottom: 32px; min-height: 350px; }
body.single-assessment .menu-item-33 a, body.post-type-archive-assessment .menu-item-33 a, body.single-casestudy .menu-item-33 a, body.post-type-archive-casestudy .menu-item-33 a { border-bottom: 3px solid #355781 !important; color: #355781 !important; }
body.single-assessment .menu-item-33 a:hover, body.post-type-archive-assessment .menu-item-33 a:hover, body.single-casestudy .menu-item-33 a:hover, body.post-type-archive-casestudy .menu-item-33 a:hover { border-bottom: 3px solid #b3c46f !important; color: #fb8e2e !important; }
body.single-assessment .menu-item-2242 a, body.single-casestudy .menu-item-2437 a { border-bottom: 3px solid #b3c46f !important; color: #b3c46f !important; }
/* Hides PXT Select on Assessment list, prevents duplication */
.assessmentblock.tag-featured,  .assessmentblock .tag-featured {display: none !important;}

/*Case Study Page Tweaks */
.case-image { border: 1px solid #ccc; }
/* YouTube CHannel */
ul.ytvideos {
    margin: 0;
    padding: 24px 0 0;
}
#player { background: none repeat scroll 0 0 gray; border: 2px solid gray; height: 240px; overflow: hidden; position: absolute; width: 100%; }
.youtube .carousel { height: 100%; overflow: auto; position: absolute; right: 0; width: 20%; z-index: 3; }
.youtube .thumbnail { border: 1px solid black; margin: 2px; width: 80%; }
.youtube iframe.player { border: 0 none; height: 240px; overflow: auto; width: 80%; }
#youtubevideos { margin: 0 auto; }
#ytPlayer { border: 1px solid #ccc; cursor: move; margin-bottom: 15px; padding: 12px; }
#ytPlayer a { color: #333; font-size: 12px; top: -10px; }
a.ytLink:before { color: #fff; content: ""; font-family: FontAwesome; font-size: 54px; left: 30%; opacity: 0.8; position: absolute; top: 10%; }
a.ytLink:hover:before { color: #b3c46f; }
span.ytLink { font-size: 11px; font-style: normal; font-weight: bold; }
#channel_div .video { display: block; float: left; margin: 4px 6px; min-height: 180px; overflow: hidden; width: 13%; position: relative; }


/* #Media Queries
================================================== */
 @media only screen and (max-width: 40em) {
    .contact.right.small-text-center { padding-top: 24px; }
    .banner h1 { font-size: 24px !important; letter-spacing: 0 !important; }
}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
    .contact-info { padding-top: 0; }
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
    .contact-info { padding-top: 0; }
    .home-slides { min-height: 360px; }
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    .contact-info { padding-top: 0; }
        .home-title-wrap { padding-top: 54px; }
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        .contact-info { padding-top: 0; }
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .preheader { display: none; }
        .contact-info { padding-top: 0; }
        .home-title-wrap h1 { font-size: 21px !important; }
        .home-title-wrap h2 {padding: 0px; }
        header .contact-info {display: none;}
        .footer_bottom .widget_nav_menu {border-right: none !important;padding-left: 0px;}
}