/* 
Theme Name: AOrafting 2025
Theme URI: http://aorafting.com/blog/
Version: 6
Author: Sam A. Russo
Author URI: http://www.Click-Refresh.com
*/

:root {
--ao-primary-red: #982019;       
--dark-blue: #095599; 
--med-blue: #1E5EA6;
--lt-blue:  #428bca;   
} 
/* Top Blue Contact / Book Now Bar */    
.top-bar {padding: 6px 0 0 0 ; background: var(--lt-blue);  border-bottom: 1px solid #222;}
.top-bar-contact {float: right; display: inline-block; list-style: none;}
.top-bar-contact ul {margin-bottom: 6px;}
.top-bar-contact ul li {display: inline-block; font-size: 15px; color: #fff; padding: 0px 15px;} 
.top-bar-contact li a {display: inline-block;color: #fff; text-align: center; line-height: 25px;}
.top-bar-contact li a:hover {color: #fff; text-decoration:  underline;}
.top-bar a {color: #fff;}
.top-bar-contact .btn-primary {margin-top: 0px; padding: 2px 14px;}
    
/* Fixed Nav Styles and Overrides */
.navbar {border-radius: 0; background: rgba(255,255,255,1); padding: 5px 0; font-size:1.1em;}
.navbar-default .navbar-toggle {border-color: var(--lt-blue);}
.navbar-toggle {margin-top: 20px;}    
.navbar-default .navbar-toggle .icon-bar {background-color: var(--lt-blue);}
.navbar-default {border-color: transparent; border-bottom: 1px solid #ccc;}  
.navbar-default .navbar-nav>li>a, .dropdown-menu > li > a {color: var(--lt-blue);}
.navbar-default .navbar-nav>li>a:hover, .dropdown-menu > li > a:hover {color: var(--lt-blue); text-decoration: underline;}    
.logo {margin-top: -28px; width:100%;}
.dropdown-menu {border: none; min-width: 240px; font-size:16px;} 
.navbar-nav>li>a {padding: 5px 18px;}
.navbar-brand {height: auto; padding: 5px 10px;}
.navbar-nav {margin: 1.4% 0% 0.8% 0%;}
.container-lrg {width: 90%; padding-left: 15px; padding-right: 15px; margin: 0px auto;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: var(--lt-blue);}    

/*******Typography******/
body {background: #fff; font-family: 'Open Sans', sans-serif; color:#4e4e4e; line-height: 22px; font-size: 16px; padding-top: 128px;}
h1,h2,h3,h4,h5,h6 {font-weight: 600; font-family: 'Lato', 'sans-serif';}  

.feature h1 {color: var(--ao-primary-red); font-size: 50px; margin-bottom: 30px;}
.feature h2 {color: var(--med-blue); font-size: 32px; margin-top: 0px;}  
.feature h3 {font-size: 28px; color:  var(--ao-primary-red);}
.feature h4 {font-size: 24px; color: var(--med-blue);}
.feature p {font-size: 18px; line-height: 1.5;} 

.row-white h1, .row-gray h1 {font-size: 40px; color: var(--ao-primary-red);}
.row-white h2, .row-gray h2 {font-size: 32px; color: var(--ao-primary-red);}
.row-white h3, .row-gray h3 {font-size: 24px; color: var(--dark-blue);}
.row-white h4, .row-gray h4 {font-size: 18px; font-weight: bold; color: var(--med-blue);}
	
/*******Misc Globals******/	
hr {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;}
a {color: #428bca;}
a:hover,a:focus { color: #111; text-decoration: none; outline: none;}
img.aligncenter, figure.aligncenter  {text-align:center; margin: 0px auto;}
img.alignleft, figure.alignleft {float: left; margin-right: 5px;}
img.alignright, figure.alignright {float: right; margin-left: 5px;}
.breadcrumb {background-color: transparent; border-radius: 0px; color: var(--ao-primary-red);}
.breadcrumb a {font-size: 14px;}  
.feature {background: #f2f2f2; padding-bottom: 40px; padding-top: 20px;}    
.row-white {background-color: #fff;	padding: 20px 0px;}
.row-gray {background-color: #EDEDED; padding: 0px;}
.transparent-bg {background-color: transparent !important; margin-bottom: 0;}
.no-margin {margin: 0; padding: 0;}	
.features{padding: 0;}	
	

/* FOOTER */
.jump-top {margin-right: 4em;}	
.bottom {padding-top: 70px; padding-bottom: 70px; background: #f5f5f5; border-bottom: 5px solid #c52d2f; font-size: 14px;}
.bottom h3 {margin-top: 0; margin-bottom: 10px; text-transform: uppercase; font-size:22px; color: #000;}
.bottom h4 {margin-top: 0; margin-bottom: 10px; text-transform: uppercase; color: #000;}
.bottom ul {list-style: none; padding: 0; margin: 0;}	
.bottom ul li {display: block; padding: 5px 0;}
.bottom ul li a {color: #428bca;}
.bottom ul li a:hover {color: #c52d2f;}
.footer {padding-top: 30px; padding-bottom: 30px; color: #fff; background: #2e2e2e;}
.footer a {color: #fff;}
.footer a:hover {color: #c52d2f;}
.footer ul {list-style: none; padding: 0; margin: 0;}
.footer ul > li {display: inline-block; margin-left: 15px;} 
    
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 0}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}


#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;} 


/*-- BUTTONS --*/
a.btn-default {color: var(--lt-blue);}
.btn-primary {background:  var(--ao-primary-red); color: #fff; border:none; padding: 8px 20px; margin-top: 10px;}
.btn-primary:hover, .btn-primary:focus{background:  var(--ao-primary-red); outline: none; box-shadow: none;} 
.btn-info {background-color: var(--lt-blue); color: #fff; padding: 8px 20px; border:none; margin-top: 10px;}
.btn-info a {color: #fff;}
.btn-info:hover, .btn-info:focus{background: #236796; outline: none; box-shadow: none;} 
.btn-transparent {border: 3px solid #fff; background: transparent; color: #fff;}
.btn-center {text-align: center; margin: 0px auto;}
.btn-transparent:hover {border-color: rgba(255, 255, 255, 0.5);}

/* NEW HOMEPAGE STYLES */
.first-post-hero {width: 100%; height: 600px; padding-top:175px; margin-top: -89px;}
.first-post-hero h1 a {font-size: 70px; text-shadow: 2px 2px 2px #333;color: #fff;}
.first-post-hero h1 a:hover {color: #fff; text-shadow: none; text-decoration: underline;}
.post-box {border: 1px solid #ccc; clear: both; margin: 15px 0px; min-height: 425px; border-radius: 4px; padding-bottom: 10px;}
.first-wrapper {background: rgba(0,0,0,0.4);
border: 1px solid #444;
border-radius: 8px;
color: #fff;
padding: 15px;}
.post-box h4 {padding-left: 15px; padding-right: 15px; font-size: 18px;}
.post-box .the_excerpt {padding-left: 15px; padding-right: 15px; font-size: 15px;}


/* Captions */
.wp-caption {
	border: 1px solid #ddd; 
	text-align: center; 
	background-color: #f3f3f3; 
	padding-top: 0px; 
	margin: 10px; 					
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-width: 100%
}

.wp-caption img {margin: 0;	padding: 0;	border: 0 none; max-width: 100%;}
.wp-caption p.wp-caption-text {font-size: 12px;	line-height: 17px;	padding: 5px 10px;	margin: 0;}

.wp-block-image.wp-caption {
	border: 1px solid #ddd; 
	text-align: center; 
	background-color: #f3f3f3; 
	padding-top: 0px; 
	margin: 0px; 					
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-width: 100%;
	font-size: 12px; 
	line-height: 17px;	
}
.wp-element-caption {padding: 5px 5px 3px;}
/* End captions */
.sidebar_inner {background: #fff; border: 1px solid #ccc; margin-bottom: 30px;}
#sidebar {margin-top: 0px; padding-top: 0px;}
#sidebar h2 {color: #fff; margin: 0px;  background: #1E5EA6; padding: 10px 0px 10px 15px;}
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #1B7FCC;
}
#sidebar ul li {padding: 15px 10px 15px 15px;}
#sidebar li {
	line-height: 1.4em;
	border-top: solid #fff 1px;
}

#sidebar li a {color: #fff;}

/* -- Author Bio -- */
.author-bio {background: #ededed; border-radius: 6px; border: 1px solid #cccccc;}
.author-avatar {border: 1px solid #999; border-radius: 50%; margin: 20px auto;}

/*-- WP Page Styles - Used for Tangible Tag Pages--*/
.page-title {margin-left: 15px;}

#content ul li {line-height: 1.4; padding-bottom: 14px;}
#content {background: #fff;}

/* RECENT POSTS */
a.page-numbers {border: 1px solid #ccc; padding: 2px 5px; margin: 0px 3px;}
a.prev.page-numbers, a.next.page-numbers {border: none;}
.post-box small {padding-left: 15px; padding-right: 15px;}
#all-posts.row-white {padding: 20px 0px;}
/* END RECENT POSTS */

@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
.dropdown:hover .dropdown-menu {display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;}

}
@media (min-width: 992px) and (max-width: 1199px) {
  .top-banner-orange h2,.top-banner-red h2, .top-banner-green h2, .top-banner-blue h2 {font-size: 14px; font-weight: 700; letter-spacing: 0px;}
 /* Make Navigation Toggle on Desktop Hover */
.dropdown:hover .dropdown-menu {display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;}
.navbar-nav > li {margin-left: 10px;}
.navbar-collapse {padding-left: 0; padding-right: 0;}		
} 

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

/* Make Navigation Toggle on Desktop Hover */
.navbar {padding-bottom: 10px;	background: rgba(21,21,21,1);}	
.dropdown:hover .dropdown-menu {display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;}
.navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px;}
.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap;}
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important; margin: 25px 50px 7.5px -15px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-text {float: none; margin: 15px 0;}
.navbar-collapse.collapse.in {display: block!important;}
.collapsing {overflow: hidden!important;} 
.navbar-inverse .navbar-nav > li > a {font-size: 24px; padding: 8px 12px;}	
}

@media (max-width: 767px) {
body > section {padding: 30px 0;}    
.top-bar-contact {float: none; margin-left: auto; margin-right: auto;}
.top-bar-contact ul {padding-right: 0px; margin-left: -15px;}
.top-bar-contact ul li {font-size: 14px; color: #fff; padding: 0px 5px; line-height: 1.2}
.top-bar-contact .btn-primary {margin-top: 0px; padding: 2px 4px;}  
.top-banner-orange h2,.top-banner-red h2,.top-banner-green h2,.top-banner-blue h2 {font-size: 16px;}	
.container-fluid > .navbar-header, .container > .navbar-collapse{margin-left: -15px; }
.top-bar {padding: 10px 0px 0px 0px; margin-bottom: 0px;}
.logo {margin-top: 0px; width: 80%; margin-left: 50%; margin-right: -50%; padding-left:0px;}
.navbar-nav {margin: 0 0 0 0;}
.navbar-brand {height: auto; padding: 5px 10px; margin-left: -5px;}
.container-lrg {width: 100%; padding-left: 0px; padding-right: 0px; margin: 0px auto;}   
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: var(--dark-blue);} 
.navbar-nav>li>a {padding: 10px 18px;}    

.bottom { padding-top: 30px; padding-bottom: 20px;}	
.bottom ul li {display: block; padding: 0; line-height:2; font-size: 16px;}
.bottom ul {margin-bottom: 2em;}	
.footer ul {list-style: none; padding: 0; margin: 15px 0 0 0;}	
.footer .col-sm-6{text-align:center;}
.footer .pull-right{float: none !important;} 
.jump-top {margin-right: 2em; margin-bottom: 2em;} 
    
.roboto {font-family: 'Roboto', sans-serif; color: #fff; text-shadow: 1px 2px #151515; font-size: 20px; line-height: 1.5;}	
.row-white {background-color: #fff;	padding: 30px 0px;}	
.fa-2x {font-size: 1.7em;}
img.alignnone, .alignnone {float: none; display: block; width: 100%; height: auto; }
img.centered, .aligncenter {display: block; margin-left: 0; margin-right: 0; width: 100%; height: auto;}
img.alignright, .alignright {padding: 4px; margin: 0 0 2px 7px; display: block; width: 100%; height: auto; float: none;}
img.alignleft, .alignleft {padding: 4px; margin: 0 7px 2px 0; display: block; width: 100%; height: auto; float:none;}
.wp-caption img {width: 100% !important; height: auto !important;}
#sidebar {margin-top: 10px; padding-top: 10px;}    
	}