/*
Theme Name: Rocksolid-Child Files
Theme URI: http://rocksolid.gibraltarsoftware.com/
Author: two38Design
Author URI: http://www.two38deisgn.com/
Description: Custom Theme for Rock Solid the bolg of Gibraltar Software
Version: 4.2.1
Tags: one-column, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready
Template: Rocksolid-Core
*/
@import url("../Rocksolid-Core/style.css");

/*---------------------------
      HEADER STYLES
----------------------------*/
#top-bar {
	display: none;
}
.logo-left #navigation {
	text-align: left;
	background-color: #f7933d;
}
#header #navigation {
    height: 60px;
    max-width: 100%;
    padding: 0;
}
#main-nav {
	padding: 11px 0 4px;
}

.style-minimal #header {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.logo-classic {
    background: none repeat scroll 0 0 #f7933d !important;
}
.logo-classic .navigation-holder {
    margin-top: -10px;
    padding-bottom: 7px;
}
#header {
	background: #231f20;
	padding: 0; /* 20px 0 0 */
}
#header .wf-table {
    height: 0px;
	min-height: 0px;
}

.holder-box {
	margin: 0 auto;
	width: 100%;
	padding-top: 19px;
}
.holder-box:after{
	content:'';
	display:block;
	clear:both;
}
.logo{
	background:url(images/logo.png) no-repeat;
	width:206px;
	height:18px;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	
}
.logo a{
	height:100%;
	display:block;
}
.logo:hover,
#nav>ul>li>a:hover,
#nav>ul>li:hover>a,
.social li a:hover,
.chat-link:hover,
.search-link:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#nav {
	background:url(images/separator.gif) no-repeat;
	float: left;
	width: auto;
	padding: 2px 0 0 39px;
    margin: 0 453px 0 27px;
    /*padding: 2px 0 0 39px;
    margin: 0 355px 0 27px;*/
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul li {
	float: left;
	position: relative;
	margin: 0 26px 0 0;
	padding: 0 0 21px;
}
#nav>ul>li.has-drop-down:before {
	content: "";
	background: url(images/arrow-drop3.png) no-repeat;
	height: 13px;
	width: 24px;
	position: absolute;
	left: 0px;
	bottom:0;
	margin: 0 0 0 -180px;
}
#nav>ul>li>a {
	height: 16px;
	display: block;
	opacity: 0.36;
	filter: alpha(opacity=36);
}
#nav .link1,
#nav .link2 {
	text-indent:-9999px;
}
#nav ul li.link1>a {
	background:url(images/ico-link1.png) no-repeat;
	width:109px;
}
#nav ul li.link2>a {
	background:url(images/ico-link2.png) no-repeat;
	width:145px;
}
#nav ul li .drop-holder,
#nav ul li .drop-holder .drop {
	position: absolute;
	left: 0;
	top:37px;
	z-index: 2;
	background: #f7933d;
	width: 955px;
	padding: 20px 0 3px;
  	margin: 0 -272px;
}
#nav ul li .drop-holder:after{
	content:'';
	display:block;
	clear:both;
}
#nav ul li .drop-holder > ul > li {
	text-indent: 0;
	margin: 0 19px 0 0;
}
#nav>ul>li>.drop-holder > ul > li>a {
	text-transform: uppercase;
	padding: 7px 8px;
}
#nav>ul>li>.drop-holder > ul > li>a:hover,
#nav>ul>li>.drop-holder > ul > li:hover>a,
#nav>ul>li>.drop-holder > ul > li.active>a {
	border-radius: 7px 7px 0 0;
	text-decoration: none;
	background: #dc7720;
}
#nav>ul>li>.drop-holder > ul > li>.has-drop-down-a:hover,
#nav>ul>li>.drop-holder > ul > li:hover>.has-drop-down-a {
	background:url(images/arrow-drop.png) no-repeat 90% 50% #dc7720;
}
#nav ul li:hover .drop-holder {
	display: block;
}
#nav ul li:hover .drop a {
	color: #231f20;
}
#nav ul li .drop-holder .drop {
	width: 117px;
	height: auto;
	background: #dc7720;
	display: none;
	padding: 16px 10px 10px;
	margin: 0;
	top: 21px;
}
#nav ul li .drop-holder .drop li {
	float: none;
	margin: 0 0 8px;
    padding: 0;
}
#nav ul li .drop-holder .drop li a {
	color: #fff;
	background:url(images/arrow-drop2.png) no-repeat 0 3px;
	padding: 0 0 0 15px;
}
#nav ul li .drop-holder li:hover .drop {
	display: block;
}
#nav .drop-holder .has-drop-down-a {
	background:url(images/arrow-drop.png) no-repeat 90% 50%;
	padding: 7px 20px 7px 8px;
}
.social {
	margin:0 42px 0 0;
	padding:0;
	list-style:none;
	float: left;
}
.social li {
	display: inline-block;
	margin: 0 4px 0 0;
}
.social li a {
	height: 17px;
	width: 17px;
	display: block;
	background: url(images/ico-social.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.36;
	filter: alpha(opacity=36);
}
.social li.twitter a {
	background-position: -24px 0;
}
.social li.linkedin a {
	background-position: -48px 0;
}
.chat-link,
.search-link {
	float: left;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.36;
	filter: alpha(opacity=36);
	background: url(images/ico-chat.png) no-repeat;
}
.chat-link {
	width: 64px;
	margin: -4px 17px 0 0;
}
.search-link {
	background-position: -74px 0;
	width: 26px;
	margin: -6px 37px 0 0;
}
.login-link {
	color: #f7933d;
	text-transform: uppercase;
	text-decoration: none;
	background: url(images/ico-login.png) no-repeat;
	font-weight: 700;
	padding: 0 0 0 18px;
	float: left;
}
.login-link:hover {
	text-decoration: none;
}

/*--------------------
      FOOTER BAR
----------------------*/


/*--------------------
      MISC STYLES
----------------------*/
#main {
	padding: 0 0 40px;
}
.rsWelcomeImg {
	display: block;
	background: url('images/welcome-image.jpg') no-repeat 0 0 #656364;
	min-height: 140px;
	text-indent: -9999px;
}
.style-minimal .page-title {
	background-color: #fff;
}
.page-title.title-left h1, .page-title.title-right h1 {
    font: 48px/48px "Open Sans",Helvetica,Arial,Verdana,sans-serif;
    text-transform: none;
}
.titleBox {
    width: auto;
}
.style-minimal .breadcrumbs li {
	padding-left: 21px;
	font-size: 14px;
	color: rgba(161, 161, 161, 1);
}
.style-minimal .breadcrumbs li:before {
    content: ">>";
	color: rgba(161, 161, 161, 1);
}
.sidebar-bg-off #content:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}
.hr-breadcrumbs.divider-heder {
    margin: 19px 0 10px;
}
#page.boxed {
	margin: 0 auto;
	box-shadow: none;
}
.largerFont {
	font: 24px/31px "Open Sans",Helvetica,Arial,Verdana,sans-serif;
}
.entry-date {
    color: #959595;
    float: left;
    margin-bottom: 10px;
}
#widget_sp_image-2 {
	background-color: #656363;
    margin-top: -10px;
    padding: 15px 33px 0 0 !important;
}
#search-4 > .widget-title{
	color: #fff;
}
.widget.widget_search {
    background-color: #656363;
    margin-top: -10px;
    padding: 15px 33px 25px 20px !important;
}
.post-meta {
    margin-left: 15px;
}
#main-nav.menu-frame-on > li.act, .csstransforms3d #main-nav.fancy-rollovers.menu-frame-on > li.act, #mobile-menu {
    background-color: #f7933d;
}

/*-------------------------
    MOBILE SCREEN FIXES
---------------------------*/
@media only screen and (max-device-width: 480px) {
	#nav {
		background: none !important;
		
	}
	#nav ul li {
		margin: 0 !important;
		padding: 11px 0 10px !important;
	}
}
@media only screen and (max-device-width: 360px) {
	#nav {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: left;
		margin: 0 0 0;
		padding: 22px 0 0;
		width: 346px;
	}
	#nav ul li {
		margin: 0 !important;
		padding: 11px 0 10px !important;
	}
	
}

@media screen and (max-width: 640px) {
	#nav {
		background: url(images/separator.gif) no-repeat scroll 123px 14px rgba(0, 0, 0, 0);
   		float: left;
   		margin: 0 0 0 9px;
   		padding: 2px 37px 0;
	    width: auto !important;
	}
	.social {
		margin: 0px;
	}
}
@media screen and (max-width: 760px) {
	.rsWelcomeImg {
		background: url('images/welcome-image-720.jpg') no-repeat 0 0 #656364 !important;
	}
	#nav > ul > li.has-drop-down:before {
		background: none !important;
	}
	#nav {
		 margin: 0 !important;
	}
	.social {
		margin: 0px;
	}
}
@media screen and (max-width: 1290px) {
	#nav { margin: 0 !important; background: url("images/separator.gif") no-repeat scroll 17px 0px rgba(0, 0, 0, 0); }
}
@media screen and (max-width: 985px) {
	.rsWelcomeImg { background: url('images/welcome-image-720.jpg') no-repeat 0 0 #656364 !important; }
}
@media screen and (max-width: 770px) {
	.rsWelcomeImg { background: url('images/welcome-image-mobile.jpg') no-repeat 0 0 #656364 !important; }
}
@media screen and (max-width: 825px) {
	#nav > ul > li.has-drop-down:before { background: none !important; }
	
}
@media only screen and (max-width: 1024px) {
	.holderBox {
		padding-left: 10px;
	}
	#header #navigation {
    	padding: 0 0 0 10px;
	}
}
@media screen and (max-width: 615px) {
	.rsWelcomeImg { background: url('images/welcome-image-mobile.jpg') no-repeat 0 0 #656364 !important; }
	
}
@media screen and (max-width: 590px) {
	
}