/*
Theme Name:     Sethmatics.com
Description:    Child theme for Whitelabel Framework
Author:         sethmatics, bigj9901
Template:       whitelabel-framework
Version: 0.1.2

All child theme specific styles can go in this file directly. Also, this file will 
be loaded last so you can overwrite any of the other styles on the page with these styles.
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic);
@import url("../whitelabel-framework/style.css");
@import url("style.typography.css");
@import url("style.colorsheet.css");

/* Typography
----------------------------------------------- */
ul.social li {
  font-family: 'PTSansBold',sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}

ul#menu-primary {
  font-family: 'PTSansBold',sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

div.gform_wrapper .top_label .gfield_label {
	font-family: 'PTSansBold', sans-serif;
	text-transform: uppercase;
	font-size: 11px;
}

/* General
----------------------------------------------- */
body { border-top:none; border-bottom: 50px solid #000; }

a { text-decoration:none; }

a:link, a:active, a:visited {
  -moz-transition: all 0.3s ease-in-out 0s;
  text-decoration: none;
}
a:link, a:active, a:visited {
  color: #666666;
}
a:hover {
	color: #BD2323 !important;
}

h2, .widget-container h5, h3.widget-title {
	border-bottom: 0px;
}

#middleWrapper li.page_item, li.cat-item,
#bottomWrapper li.page_item, li.cat-item,
.widget_recent_entries li, 
.widget_recent_comments li {
	margin-top: 5px;
	padding-bottom: 0px;
	padding-left: 14px;
	background: url('appearance/images/arrow-right.gif') no-repeat left 7px transparent;
	display: block;
	text-transform: capitalize;
}


/* Header
----------------------------------------------- */
#topWrapper {
	background:#fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#header { 
	height:52px;
}

#top {
  background-image: url("appearance/images/minimal_grunge_1_dark.jpg");
  border-bottom: 1px solid #BD2323;
}

#top a:hover {
  color: #CCCCCC;
}

#header .logo img {
	max-width: none;
}
/* Navigation
----------------------------------------------- */
ul.social, #footer ul.social{
  float: right;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

ul.social li, #footer ul.social li {
  display: inline-block;
  background: none;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  line-height:22px;
}

ul.social li a:hover, #footer ul.social li a:hover {
  border-bottom: 1px solid #BD2323;
  color: #CCCCCC;
}

ul.social li a, #footer ul.social li a {
  border-bottom: 1px solid transparent;
}
.logo-sibling-right, .after_logo_aside {
	display: none !important;
}
#nav_below_header {
	width: auto;
	clear: none;
	float: right;
}
#nav_below_header, #nav_below_header .menu a:hover, #nav_below_header .menu li:hover, #nav_below_header .menu .sub-menu {
	background: none;
}
#nav_below_header .menu {
  list-style-type: none;
  margin: 6px 0 0;
  padding: 0;
  z-index: 999;
  float:right;
}

#nav_below_header .menu  li a {
  color: #000000;
  font-family: 'PTSansBold', sans-serif;
  font-size: 12px;
  text-shadow: none;
  display: block;
  letter-spacing: 1px;
  line-height:22px;
  padding: 0 0 7px 29px;
  text-decoration: none;
  text-transform: uppercase;
}
#nav_below_header .menu li a:hover, #nav_below_header .menu li.current-menu-item a {
  color: #BD2323;
}

#nav_below_header .menu li ul.sub-menu, #nav_below_header .menu li ul.children {
	background-color: rgba(33, 33, 33, 0.8);
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
#nav_below_header .menu li ul.sub-menu li a, #nav_below_header .menu li ul.children li a {
  color: #F5F5F5;
  border-top-width: 0;
  margin: 0;
  padding: 7px 15px;
  width: 170px;
  display: list-item;
  float: none;
  border-bottom: 1px solid transparent;
  color: #F5F5F5;
  text-transform: uppercase;
}

#nav_below_header .menu li ul.sub-menu li a:hover, #nav_below_header .menu li ul.children li a:hover {
  border-bottom: 1px solid #BD2323;
}

/* Teaser
----------------------------------------------- */
h3.big {
	margin:0;
	padding:0;
	color:#f5f5f5;
}
h3.small {
	font-size: 14px;
	line-height:28px;
	margin:0;
	padding:0;
	color:#ccc;
}
.teaser {
	padding-bottom:20px;
	padding-top:20px;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url('appearance/images/teaser_bg.jpg');
}
.c {
	text-align:center;
}
.teaser h3 a { color: #CCCCCC !important; }
.teaser h3 a:hover { color: #F5F5F5 !important; }

/* ENABLE BREADCRUMBS ON PAGES*/
.page #breadCrumbs {
	display: block;
}
#breadCrumbs_wrapper {
	background-color: #F5F5F5;
}
#breadCrumbs { 
	margin: 0px auto;
	padding-bottom: 10px; padding-top: 10px; 
	font-family: 'PTSansBold',sans-serif;
    font-size: 11px;
    text-transform: uppercase;
	
}
#breadCrumbs a, #breadCrumbs strong { padding-left: 5px; padding-right: 5px; }


/* Slider
----------------------------------------------- */
.responsive-slider {
    min-height: 200px;
    min-width: 320px;
}
.responsive-slider .html,
.responsive-slider .video {
    width: 100%;
    height: 100%;
}
.caption-content strong {
float: left;
clear: left;
padding: 5px 9px 5px 9px;
}
.minimal-dark .slide-wrapper {
border: 2px solid black;
}
.advanced-slider .layer.black {
	background: transparent;
}

/* Front Page
----------------------------------------------- */
#recent_posts {
	padding: 0 0 30px 0;
	/* height: 149px; */
}
#recent_posts li {
	overflow:hidden;
	position:relative;
}

#recent_posts img, #recent_posts li .post_info {
	height: 149px;
	width: 298px;
	max-width: 298px;
}

#recent_posts li .post_info {
	position:absolute;
	top:-150px;
	z-index:2;
	background:  url(https://lh3.googleusercontent.com/-GJHqNp1RIOA/UD6l3sbm_2I/AAAAAAAAGM8/vSA-ky-923Q/w223-h223-n-k/opacity_60_black.png);
	border-bottom: 1px solid #BD2323;

}

#recent_posts li h4 {
	background: #000;
	margin: 0 0 2px 0px;
	padding: 15px 15px 3px 15px;
	color: #FFF;
}
#recent_posts a h4:hover {
	color: #BD2323 !important;
}
#recent_posts li .cat-list {
	background: #000;
	margin: 2px 0 0 0;
	color: #BD2323;
	padding: 3px 15px;
	line-height: 2em;
	font-family: 'PTSansBold', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1;
	font-size: 11px;
}

.home.page #breadCrumbs, .home.page #comments, .home .teaser {
	display: none;
}

.home #underSlider.teaser {
	display: block;
}

.home.page #contentColWide {
	padding-top: 30px;
	margin-bottom: 0px;
	border-bottom: 0px;
}

.home.page #middleWrapper {
	padding-top: 0px;
}

.home .content .grid_5 div, .home .content .grid_6 div {
	margin-left: 87px;
}

/* Content
----------------------------------------------- */
#middleContainer { min-height: 300px; }
.entry_hover {
	position: relative;
	float: left;
	padding: 0;
}
#middleWrapper, .content.container_fullwidth {
	background-image: url('appearance/images/content_bg.jpg') !important;
	background-repeat:repeat-x !important;
	padding-top: 30px;
}

.page #contentColWide .entry-meta {
	display: none;
}
#comments {
	margin-top: 36px;
	padding-top: 12px;
	border-top: 1px solid #BD2323;
}
#comments .form-allowed-tags {
	display: none;
}

.blog_post ul li {
	margin-top: 10px;
	list-style-position: inside;
	list-style-type: square;
}

ul.entry_details li {
	margin: 0 0 0 10px !important;
	display: block;
}

.comment .comments-number {
color: #BD2323;
font-size: 9px !important;
font-weight: normal;
margin: 0 5px 0 0;
float: left;
}

/* Forms
----------------------------------------------- */
.wpcf7-form input { width: auto; }
.wpcf7-form label { display:inline; }
.wpcf7-form table { border: none; }
.wpcf7-form table td { padding: 2px; border: none; text-align: left;  }
.wpcf7-form-control-wrap .wpcf7-text { float: right; }
.wpcf7-form-control-wrap #budget { float: right; width: 215px; font-size: 16px; }
.wpcf7-form select, input, textarea { font:12px arial,helvetica,verdana,sans-serif; }

input.button, #respond input[type="submit"] {
	cursor:pointer;
	background-color:#000;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	display: inline-block;
	overflow-x: hidden;
	overflow-y: hidden;
}
input.button, #respond input[type="submit"] {
	text-decoration:none;
}
input.fancyinput:focus, textarea.fancyinput:focus {
	background:#f5f5f5;
	color:#000;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
textarea {
	width: 97%;
}
input, textarea {
	padding:8px !important;
	background:#FFF;
	color:#f5f5f5;
	border:1px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin:0;
}
#middleContainer input[type="text"], #middleContainer textarea{ color: #666666 !important;  background-color: #FFFFFF !important; }
#middleContainer input[type="text"]:focus, #middleContainer textarea:focus{ color: #FFFFFF !important; background-color: #42CC02 !important; }
#middleContainer input.button{ color: #FFFFFF !important;  background-color: #333333 !important; }
#middleContainer input.button:hover{ color: #BD2323 !important; background-color: #000000 !important; }

/* Sidebar and Widgets
----------------------------------------------- */
.content-secondary.gutter-right {
	/*move whitespace between main content and sidebar*/
	padding-right: 0px;
	padding-left: 20px;
}

.widget-container ul li {
	border-top: 0px solid;
	border-bottom: 0px solid;
}

.wp-caption {
	padding: 15px;
	text-align: center;
	background: #f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #fff;
	display: inline;
}

.widget_search label, .widget_search #searchsubmit {
	display: none;
}
.widget_search #s {
	width: 100%;
}

## CPT (Testimonials) Sidebar Styles
div.custom-sidebar ul.ctp-type-testimonials li {
	list-style: none;
	background: none;
	padding-left: 0px;
}
.testimonials-excerpt {
	display: block;
	background: #00559f;
	padding: 5px 10px;
	border-radius: 0.4em;
	color: #eee;
	background-color: #000;
	color: #ccc;
	background-repeat: repeat;
	background-position: center top;
	background-image: url('appearance/images/footer_bg.jpg');
}
.testimonials-author {
	display: block;
	width: 80%;
	padding: 5px 26px 0px 15px;
	background: transparent url(appearance/images/comment-bubble-black-pike-down.png) top right no-repeat;
}

/*	
-------------------------------------------
	9. Widget lists
-------------------------------------------
*/
.widget {
	display:block;
}
ul.widget_list {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.widget_list li {
	margin-bottom:10px;
	display:block;
}
ul.widget_list a {
	text-decoration:none;
}
.tagcloud {
	margin-top:5px;
}
#container .tagcloud a,
#container .tagcloud a:hover,
.tagcloud a,
.tagcloud a:hover,
#page-links span {
	padding:2px 6px;
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid#fff;
	margin:5px;
	display:inline-block;
	float:left;
	font-size:11px !important;
	text-transform:capitalize;
	color: #666 !important;
}
#footer .tagcloud a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	float:left;
	font-size:13px !important;
	background:none;
	margin:0 5px 0 0;
	padding:0;
	border:none !important;
	border-bottom:1px solid transparent !important;
	text-transform:capitalize;
}
#footer .tagcloud {
	margin-top:10px;
}
.widget h4 {
	margin:0;
}
.sidebar_right .fancy_box, 
.sidebar_left .fancy_box, 
#footer .fancy_box {
	margin-top:10px;
}
#calendar_wrap {
	margin-top:10px;
}

#footer ul.sidebar_tweet,
ul.sidebar_tweet, 
ul.sidebar_tweet li{
	list-style:none;
	background:none !important;
	padding-left:0 !important;
}
.textwidget p, .textwidget {
	margin-top:10px !important;
}

#footer select,
.sidebar_right select,
.sidebar_left select { 
	margin-top:10px !important;
}

/*	
-------------------------------------------
	5. Pagination
-------------------------------------------
*/
.older_post {
	border:1px #ddd solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display:inline-block;
}
.older_post:hover {
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid#fff;
}
.older_post span {
	margin:0;
	padding:5px 15px;
	display:inline-block;
}

/*	
	H) FANCY CAPTION & ENTRY HOVER
-------------------------------------------
	2. Entry Hover
-------------------------------------------
*/
.entry_hover {
	position: relative;
	float: left;
	padding: 0;
}
#middleContainer .entry_hover a{
	position:absolute;
	top: 35%;
	left: 50%;
	margin-left:-50px;
	display: none;
	cursor:pointer;
	color: #F5F5F5 !important;
}
#middleContainer a.workbutton{
	color: #F5F5F5 !important;
}
.entry_hover a:hover {
	text-decoration:none;
}

/*	
-------------------------------------------
	I) Tooltip
-------------------------------------------
*/
.blackTip .content {
	width: 80px;
	padding: 2px 6px;
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid#000;
	background:#000;
	color:#f0f0f0;
}
.blackTip .bottom {
	height: 10px;
	background: url('../img/notch-black.png') top center no-repeat;
}


/* Category Pages
----------------------------------------------- */
body.category h3.blog_title {
    float: left;
    width: 50%;
}

/* Footer
----------------------------------------------- */
#bottomWrapper, #belowBottomWrapper {
	background-color:#000;
	color:#ccc;
	background-repeat: repeat;
	background-position: center top;
	background-image: url('appearance/images/footer_bg.jpg');
}
#belowBottomWrapper, #belowBottomWrapper p, #belowBottomWrapper a {
	font-family: 'PTSansBold', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
}
#footer {
	background: none;
	padding-top: 30px;
}
#footer a {
	text-decoration:none;
	border-bottom:1px solid transparent;
}
#footer h4 {
	color:#f5f5f5;
	margin:0;
}
#footer h5 {
	color:#f5f5f5;
}
#footer li.cat-item,
#footer li {
	padding-left:14px;
	background:url('appearance/images/footer_arrow.png') no-repeat left 7px transparent;
	margin-top:10px;
	display:block;
	border:none;
	padding-bottom:0;
	text-transform:capitalize;
}
#footer ul.contact li {
	padding-left:0;
	background-image:none;
}
#footer .textwidget {
	margin-top:10px;
}
#footer .fancy_box {
	background:transparent;
	padding:0;
	border:none;
}


#footer * { color:#CCCCCC !important; } 	
#footer a { color:#999999 !important; } 	
#footer a:hover { color: #CCCCCC !important; } 	
#footer input[type="text"], #footer textarea{ color: #000000 !important;  background-color: #FFFFFF !important; }
#footer input[type="text"]:focus, #footer textarea:focus{ color: #000000 !important; background-color: #FFFFFF !important; }
#footer .button{ color: #000000 !important;  background-color: #FFFFFF !important; }
#footer .button:hover{ color: #000000 !important; background-color: #FFFFFF !important; }



/* Mobile
----------------------------------------------- */
@media screen and (max-width: 480px) {
	#nav_below_header.js_on {
		background-color: rgba(33, 33, 33, 0.8);
		width:100%;
	}
}

/* Class Style Shortcuts
----------------------------------------------- */
.red {
	color: #BD2323
}