/*--
	Theme Name: theme46569
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.5.x + from Template-Help.com Collection
	Author: Template_Help.com
	Author URL: http://www.Template-Help.com/
	Template: CherryFramework
	Version: 2.1
	MotoPress Version: 1.0
--*/
@import url("main-style.css");

/* ----------------------------------------
	Please, You may put custom css here
---------------------------------------- */
a {
	color:#0095D9;
  -o-transition:.25s;
  -ms-transition:.25s;
  -moz-transition:.25s;
  -webkit-transition:.25s;
  /* ...and now for the proper property */
  transition:.25s;
}
a:hover {text-decoration:none !important;}

#sub-header-nav { background-color: #0095D9; }
#sub-header-nav #topnav { float: left; padding-left: 0; }
.nav.nav__primary ul.sf-menu li:first-child { margin-left: 0;  }
#sub-header-nav .nav.nav__primary ul.sf-menu li:first-child > a { margin-left: 0 !important;  }
#sub-header-nav .nav.nav__primary ul.sf-menu li > a { border-bottom: solid 3px transparent; }
@media print {
    header.header {display:none;}
    #sub-header-nav {display:none;}
    ul.breadcrumb {display:none;}
    .post_meta {display:none;}
    ul.share-buttons {display:none;}
    .post-author {display:none;}
    p.nocomments {display:none;}
    #respond {display:none;}
    #sidebar {display:none;}
    footer.footer {display:none;}
    .title-header {overflow:visible !important;}
    .post__holder {overflow:visible !important;}
    .span8, .span12, .container {width:auto !important; overflow:visible !important;}
}

#menu-secondary-nav {
	list-style-type: none;
	float: right;
	margin: 38px 0;
}
#menu-secondary-nav > li { float: left; margin-left: 10px;}
#menu-secondary-nav > li > a {
  font-family: Roboto Condensed;
  text-transform: uppercase;
  background-color: rgb(0, 0, 0);
  border: 0px solid rgb(91, 91, 91);
  color: #dddddd;
  display: inline-block;
  padding: 4px 8px;
  text-shadow: none;
  border-radius: 20px;
  opacity: 0.6; 
}
#menu-secondary-nav > li > a:hover { opacity: 1;  }
.logo img {
	margin-top: 11px; 
}


.header-search {
	display: inline-block;
	float: right;
	margin-top: 24px;
	padding: 11px 0px 11px 22px;
	border-left: 1px solid #656462;
}
.search_pop {
	display: inline-block;
    position: absolute;
    right: 0;
}
.search_pop form {display:none; margin:0px;}
.search_pop form input[type=submit] {padding-top:5px;padding-bottom:5px;margin-left:2px;}

.title-box {position:relative;}	/* for some reason, the default positioning (static?) is messing up the h2's in some cases */
.extra-wrap .inner-title {position:relative;text-transform:uppercase;}
.extra-wrap h5 a {font-size: 14px;}

.header .social-nets-wrapper .social, .header .social-nets-wrapper  .header-search {
	float:right;
	display:inline-block;
	margin-top:33px;
	padding:11px 0;
	padding-left:22px;
}
.header .social { margin-left: 22px; }
@media (min-width: 1200px) {
	.header .social, .header .header-search { border-left:1px solid #656462; }
}
@media (max-width: 767px) {
	.header .social, .header .header-search {
		display:block;
		float:none;
		margin-top:33px;
		padding:11px 0 11px 0px;
		text-align:center;
	}
}
@media (max-width: 768px) {
	.header .social-nets-wrapper {text-align:center;}
	.header .social, .header .header-search {
		display: inline !important;
		width: 100% !important;
		float: none !important;
		border-left: none !important;
		margin-left:0px;
	}
	input.search-form_it {width:400px;}
	#sidebar {width:100% !important;}
}
.header .social li, .header .header-search li {
	list-style:none;
	display:inline-block;
	margin-left:11px;
}
@media (min-width: 768px) and (max-width: 979px) {
	.header .social-nets-wrapper {width:auto; margin-left:0px; padding-left:0px;}
	.header .social li, .header .header-search li { margin-left:4px; }
}
.header .social li a:hover, , .header .header-search li a:hover { opacity:0.5; }
#cc_email_signup_wrapper {display:block; float:right; padding-bottom:4px;}
#cc_email_signup_wrapper a.button {
	font-family:Roboto Condensed; 
	text-transform:uppercase; 
	background-color: rgb(0, 0, 0); 
	border: 0px solid rgb(91, 91, 91); 
	color: #dddddd; 
	display: inline-block; 
	padding: 4px 8px; 
	text-shadow: none; 
	border-radius: 20px;	
}
@media (max-width: 767px) {
	#cc_email_signup_wrapper {display:block; float:none; padding-bottom:4px;}
}

.calloutbox article {
	max-width:200px;
	padding: 8px;
}
@media (max-width: 500px) {
	.search-form_is.btn.btn-primary {width:75px !important;}
	input.search-form_it {width:340px;}
	#sidebar {width:100% !important;}
}
@media(max-width: 400px){
	.calloutbox article {
		max-width:100%;
	}
	.wp-post-image {
		max-width:100%;
		float:none !important;
		display:block;
	}
	input.search-form_it {width:180px;}
}

.calloutbox article {margin-bottom:8px;}
.calloutbox article:last-child {margin-bottom:0px;}

.custom-list {text-align:center;}
.list.styled > ul {margin-top:1em !important;}

.wrap-grid h5 {line-height: 18px !important;}

/* Make the sidebar a light blue and reformat various elements to fit */
#sidebar {
    background-color: rgba(0, 149, 217, 0.15);
    padding-left: 8px;
    padding-right: 8px;
    width: 354px;	/* sidebar = 370 (span4), so reduce it by padding */
}
.search-form_is.btn.btn-primary {width:125px;}
@media (min-width:1020px) and (max-width:1100px) {
	#sidebar {width: 280px;}
	.search-form_is.btn.btn-primary {width: 70px;}
	.search-form_it {width: 190px;}
}

/* Homepage mods */
.home .extra-wrap:before {background:url(images/wrap.png) bottom repeat-x #0095D9 !important;}
.home .extra-wrap a, .home .extra-wrap h1, .home .extra-wrap h2 {color:white;}
.home .extra-wrap a:hover {color:#484745;}
.home .banner-wrap h5 {text-transform: none;}

.footer, .footer p, .footer div, .footer span, .footer .textwidget {color: #9a9a9a;}
#wyoinc {float:right; text-transform:none;}