/* 

Theme Name: Mad Media Responsive Child Theme 

Theme URI: http://dewesecom 

Description: Custom child theme for Mad Media using Responsive Theme parent.

Template: responsive

Version: 1.0.0

Author: David Dewese

Author URI: http://dewese.com



*/



/* =Import Styles

-------------------------------------------------------------- */

@import url('../responsive/style.css');





	

/* =Start From Here

-------------------------------------------------------------- */





body {

font-family: Arial, Verdana, Helvetica, Sans;

font-size: 13px;

color: #808080;

background:#151515;



}



#container {

margin: 0 auto;

max-width: 960px;

padding: 0px 0px !important;

background: #000;

}



#wrapper {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

background-color: transparent !important;

border: 0px solid #e5e5e5;

border-radius: 0px;

clear: both;

margin: 0px auto 20px auto;

padding: 0 10px 20px 10px;

position: relative;

}



.col-620 {

width: 68.957446808511% !important;

margin-right: 0.127659574468% !important;

}



.col-300 {

width: 30.914893617021% !important;

}



.noborder {

border:none;

padding:0px;

}



a {color: #808080;text-decoration:underline;}

a:hover {text-decoration:none; color: #fff;}





h1 {

display: block;

font-size: 24px;

font-weight: 700;

line-height: 23px;

margin: 0 0 10px 0;

padding: 0 0 10px 0;

text-align: left;

border-bottom: 1px #333 solid;

font-family: 'Share Tech Mono';

text-transform: uppercase;

font-weight: 400;

}









#mailing-list {

	border: 1px solid #333333;

	background-color: #000000;

	padding:10px;

	font-size: 14px;

}



#logo {

float: left;

margin: 0 0 0 20px;

}



/*

.main-nav {

clear: right;

width: 670px;

float: right;

}

*/





.menu {

background-color: transparent !important;

background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));

background-image: -webkit-linear-gradient(top, #000, #000);

background-image: -moz-linear-gradient(top, #000, #000);

background-image: -ms-linear-gradient(top, #000, #000);

background-image: -o-linear-gradient(top, #000, #000);

background-image: linear-gradient(top, #000, #000);

clear: both;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000, endColorstr=#000);

margin: 0 auto;

font-family:'Share Tech Mono';

text-transform: uppercase;

letter-spacing:-1px;

}



ul.menu {float:right !important;margin-right: 11px;}





.menu .current_page_item a, .menu .current-menu-item a {

background-color: #000;

}



.menu a {

border-left: 0px solid #585858;

color: #808080;

cursor: pointer;

display: block;

font-size: 13px;

font-weight: 400;

height: 28px;

line-height: 28px;

margin: 0;

padding: 0 0.8em;

position: relative;

text-decoration: none;

text-shadow: 0 -1px 0 #000000;

white-space: nowrap;

}



.menu a:hover {

background-color: transparent !important;

background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));

background-image: -webkit-linear-gradient(top, #000, #000);

background-image: -moz-linear-gradient(top, #000, #000);

background-image: -ms-linear-gradient(top, #000, #000);

background-image: -o-linear-gradient(top, #000, #000);

background-image: linear-gradient(top, #000, #000);

color: #ffffff;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000, endColorstr=#000);

}



.header-top {

background: 		url('/wp-content/themes/madmedia-responsive/images/header-background.gif') top left repeat-x;

height: 			38px;

}



.header-top-logo {

	float: 				right;

	margin-right: 		10px;

}



#search {

	margin-top: 		-1px;

	float:right;

	padding-top: 		10px;

	

}



#search form {

	margin: 			0px;

	padding: 			0px;

	vertical-align: 	middle;

}



#search form input {

	margin: 			0px;

	width: 				185px;

	border: 			0px;

	background-color: 	#cbcbcb;

	padding: 			1px 3px;

	color: 				#808080;

	font-size: 			12px;

	font-weight: 		bold;

}



#search form input.submit {

width: auto;

background: #333333 !important;

color: #999 !important;

text-shadow: none !important;

}



#footer {

clear: both;

margin: 0 auto;

max-width: 960px;

padding: 0 0px 0 0px;

background: #000;

}



.footer-top {

	text-align:right;

	color:#3c3c3c;

	font-size:10px;

}



.footer-top img {

margin: 0px 10px -3px 0px;

border: 0px;

vertical-align: text-bottom;

}



.footer-top a {text-decoration:none;color:#3c3c3c !important;}



.footer-gray {

	height: 			37px;

	background: 		url('/wp-content/themes/madmedia-responsive/images/footer-background.png') top left repeat-x;

}



.footer-gray img {

display: block;

margin: 10px 0 0 20px;

border: 0px;

width: 200px;

}



#contact {

	margin: 			10px;

}



#contact a {color:#808080;text-decoration:none;}

#contact a:hover {color:#fff;}



.navigation {display:none !important;}



/*

.gallery .gallery-item {margin:10px;}

*/

.gallery .gallery-item {

margin: 0 0 20px 0;

}



.gallery-icon img {

	padding:0px;

	border:0px;

}



a img.alignright {

    float: right;

    margin: 0px;

}



a img.alignnone {

    margin: 0px;

}



a img.alignleft {

    float: left;

    margin: 0px;

}





/* ------------------------ SIDEBAR ----------------------- */

.widget-wrapper {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

background-color: transparent;

border: 0px solid #e5e5e5;

border-radius: 0px;

margin: 0 0 0px;

padding: 0 0px 20px 20px;

}



.widget-title, .widget-title-home h3 {

display: block;

font-size: 24px;

font-weight: 700;

line-height: 23px;

margin: 0 0 10px 0;

padding: 0 0 10px 0;

text-align: left;

border-bottom: 1px #333 solid;

font-family: 'Share Tech Mono';

text-transform: uppercase;

font-weight: 400;

}



#widgets {

margin-top: 28px;

font-size: 12px;

line-height: 14px;

}



.widget-news {

margin-top: 40px !important;

}



#widgets ul, #widgets ol {

padding: 0 0 0 0px;

list-style-type: none;

margin:0px !important;

}



#widgets ul li {

border-bottom: 1px solid #333;

padding: 0px 0 5px 0;

margin: 0 0 5px 0;

}





#madstagram img, .madstagram-sidebar-thumb {

width: 53px !important;

height: 53px !important;

float: left !important;

margin: 5px !important;

}



.wp-caption {

background: none;

border: 0px;

max-width: 100%;

padding: 0px;

text-align: center;

}



.wp-caption p.wp-caption-text {

font-size: 12px;

line-height: 1.5em;

margin: 10px 0 0px 0;

padding: 0px;

}





/* ------------------------ HOME PAGE ----------------------- */



.grid.col-940.slider {

margin-top: 20px;

margin-bottom: 0px !important;

}



.responsive-slider.flexslider .slide .slide-title {

margin: 0;

padding: 0;

display: none;

}



.responsive-slider.flexslider {

margin-bottom: 0px !important;

}



#social-media {

margin: 0 0 0px 0px;

border-bottom: 1px solid #333;

padding: 0 0 10px 0;

}



.cat-news-home {

width: 100%;

height: 209px;

margin: 0 0px 20px 0;

}



.cat-news-home-thumb.wp-post-image {

float: left;

margin: 0px;

width:300px;

height:209px;

}



.cat-title-home {

background: #151515;

padding: 5px;

float: right;

height: 199px;

overflow: hidden;

margin: 0 0 0 0px;

width: 325px;

font-size: 12px;

}



.cat-title-home p {

margin: 10px 0 5px 0;

line-height: 18px;

}



/* ------------------------ CATEGORY NEWS ----------------------- */



.cat-news {

background: #151515;

width: 206px;

float: left;

height: 184px;

overflow: hidden;

margin: 0 10px 20px 0;

}



.cat-news-thumb.wp-post-image {

margin: 0px;

}



.cat-title {

padding: 3px 5px;

line-height: 18px;

}



.cat-title a {

color: #fff;

text-decoration: none;

font-weight: bold;

}



.cat-title a:hover {

color: #888;

}



#social-media-post {

height: 30px;

line-height: 15px;

}



.social-media-entry {

float: right;

width: 70px;

margin-right: 10px;

padding: 0px;

line-height: 15px;

}



.cat-news-thumb.wp-post-image {

margin: 0px;

width:300px;

height:150px;

}



.alignleft, alignright, alignnone {

	margin: 0px;

	padding: 0px;

}







/* ------------------------ CATEGORY MARKETING, VIDEO, WEB, IDENTITY ----------------------- */



.cat-root {

background: #151515;

width: 215px;

float: left;

height: 190px;

overflow: hidden;

margin: 0 20px 20px 0;

}



.cat-root-thumb.wp-post-image {

margin: 0px;

width: 215px;

overflow:hidden;

}



.gallerywrap {

        height:120px;

	width:215px;

	overflow:hidden;

}



/* ------------------------ CATEGORY MADSTAGRAM ----------------------- */



.cat-mad img {

width: 146px;

float: left;

height: 146px;

overflow: hidden;

margin: 0 10px 20px 0;

}



.cat-mad-thumb.wp-post-image {



}





/* ------------------------ CATEGORY FILM/TV ----------------------- */



#filmtv {

	margin-top:-47px;

}



.subcategories {

font-size: 11px;

font-family: arial;

text-transform: uppercase;

font-weight: normal;

margin-bottom: 50px;

}



.subcategories ul {

list-style-type: none;

margin: 0px;

padding: 0px;

}



.subcategories ul li {

float:right;

margin:5px;

}



.subcategories ul li a {

margin:0 0 20px 0;

background-color: #303030;

color: #999999;

padding: 5px;

text-decoration: none;

}



.subcategories ul li a:hover {

color:#fff;	

}



/* ------------------------ SINGLE.PHP ----------------------- */



.single-entry-title h4 {

margin:5px 0;

color: #fff;

font-size: 16px;

}



.single-entry-title a {

text-decoration: none;

color: #fff;

}



.single-entry-title a:hover {

text-decoration: none;

color: #999;

}



.single-entry-date {

	font-size: 11px;

}



//* =Media Print

    If you're working on a Child Theme, make sure that all

    media queries are included in your style.css

-------------------------------------------------------------- */

@media print {



	h1 {

		page-break-before: always;

	}



	h1,  h2,  h3,  h4,  h5,  h6 {

		page-break-after: avoid;

	}



	ul,  ol,  dl {

		page-break-before: avoid;

	}

}



/*  Retina (HiDPI) Display

	http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html

-------------------------------------------------------------- */

@media 

	only screen and (-moz-min-device-pixel-ratio:1.5), 

	only screen and (-o-min-device-pixel-ratio:3/2), 

	only screen and (-webkit-min-device-pixel-ratio:1.5), 

	only screen and (min-device-pixel-ratio:1.5) {



	body {}

}



/* =Responsive (Mobile) Design

-------------------------------------------------------------- */







@media screen and (max-width: 3200px) {



.main-nav {

clear: right;

width: 670px;

float: right;

}



}









@media screen and (max-width: 980px) {



	body {}



.main-nav {

clear: both;

width: 100%;

float: right;

/*border:1px blue solid; COLOR OUTLINE FOR TESTING */

}





	.grid, 

	.grid-right {

		float: none;

	}



	.copyright,

	.scroll-top,

	.powered {

		float: left;

	}



	#featured-image .fluid-width-video-wrapper {

		margin: 20px 0 0 0;

	}



	.front-page  #widgets {

		margin-top: 40px;

	}



	.top-widget,

	.front-page  .top-widget {

		margin-top: 0 !important;

	}



	.hide-desktop {

		display: block;

	}



	.show-desktop {

		display: none;

	}



	.hide-980 {

		display: none;

	}



	.show-980 {

		display: block;

	}





}



@media screen and (max-width: 650px) {



	body {}



.main-nav {

clear: right;

width: 100%;

float: right;

margin: 20px 0 20px 0;

/* border:red 1px solid; COLOR OUTLINE FOR TESTING */

}





	#logo {

		float: none;

		margin: 0;

		text-align: center;

	}



	.grid, 

	.grid-right {

		float: none;

	}



	#featured-image .fluid-width-video-wrapper {

		margin: 20px 0 0 0;

	}

	

	.top-widget {

		float: none;

		margin: 0 auto 10px auto;

		position: relative;

		text-align: center;

		width: auto;

	}

	

	.top-widget .widget-title {

		text-align: center;

	}

	

	.js .sub-header-menu {

		display: none;

	}

	

	.js .main-nav {

		position: relative;

		background-color: #585858;

		background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));

		background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);

		background-image: -moz-linear-gradient(top, #585858, #3d3d3d);

		background-image: -ms-linear-gradient(top, #585858, #3d3d3d);

		background-image: -o-linear-gradient(top, #585858, #3d3d3d);

		background-image: linear-gradient(top, #585858, #3d3d3d);

		clear: both;

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);

		margin: 0 auto;

		margin-top:20px;

	}

	

	.js .main-nav .menu {

		display: none;

		position: absolute;

		width: 100%;

		top: 30px;

		z-index: 1000;

	}

	

	.js .main-nav .menu ul {

		margin-top: 1px;

	}

	

	.js .main-nav .menu li {

		float: none;

		background-color: #000;

		border: none;

	}

	

	.js .main-nav .menu li a {

		color: #444;

		font-size: 13px;

		font-weight: normal;

		height: 45px;

		line-height: 45px;

		padding: 0 10px;

		border: none;

		border-bottom: 1px solid #111;

		text-shadow: none;

		text-align: left;

		cursor: pointer;

	}

	

	.js .main-nav .menu li.current_page_item,

	.js .menu .current_page_item a,

	.js .menu .current-menu-item a {

		background-color: #f5f5f5;

	}

	

	.js .main-nav .menu li li:hover {

		background: none!important;

	}

	

	.js .main-nav .menu li li a {

		position: relative;

		padding: 0 10px 0 30px;

	}

	

	.js .main-nav .menu li li li a {

		position: relative;

		padding: 0 10px 0 40px;

	}

	

	.js .main-nav .menu li a:hover,

	.js .main-nav .menu li li a:hover {

		background-image: none;

		filter: none;

		background-color: #f5f5f5!important;

	}

	

	.js .main-nav .menu li li a::before {

		content: '\2013';

		position: absolute;

		top: 0;

		left: 20px;

	}

	

	.js .main-nav .menu li li li a::before {

		content: '\2013';

		position: absolute;

		top: 0;

		left: 20px;

	}

	

	.js .main-nav .menu li li li a::after {

		content: '\2013';

		position: absolute;

		top: 0;

		left: 30px;

	}

	

	.js .main-nav .menu li ul {

		position: static;

		visibility: visible;

		background-color: #fff;

	}



	.js .main-nav .menu ul {

		min-width: 0;

	}



	.js .main-nav #responsive_current_menu_item {

		display: block;

		padding: 5px 40px 5px 10px;

		color: #fff;

		font-weight: 700;

		cursor: pointer;

	}

	

	.js .main-nav a#responsive_menu_button {

		position: absolute;

		display: block;

		top: 0;

		left: 100%;

		height: 30px;

		width: 23px;

		margin-left: -30px;

		background: url('core/images/select-icons.png') 0 5px no-repeat;

		cursor: pointer;

	}

	

	.js .main-nav a#responsive_menu_button.responsive-toggle-open {

		background: url('core/images/select-icons.png') 0 -46px no-repeat;

	}

		

	

	.top-menu, 

	.footer-menu li {

		float: none;

		font-size: 11px;

		text-align: center;

	}

	

	.tinynav {

		display: block;

	}

	

	.sb-holder {

		display: block;

	}

	

	#author-meta {

		padding: 20px;

	}

	

	.hide-650 {

		display: none;

	}

	

	.show-650 {

		display: block;

	}



	.hide-mobile {

		display: none;

	}



	#footer {

		text-align: center;

	}



	#footer .social-icons {

		padding-bottom: 10px;

		text-align: center;

	}

}



@media screen and (max-width: 480px) {



	body {}



	#logo {

		float: none;

		text-align: center;

	}



	.grid, 

	.grid-right {

		float: none;

	}

	

	#featured-image .fluid-width-video-wrapper {

		margin: 20px 0 0 0;

	}

	

	.featured-title {

		font-size: 40px;

		padding: 40px 20px 0 20px

	}

	

	.featured-subtitle {

		font-size: 24px;

	}

	



	

	.navigation .next,

	.navigation .previous {

		display: block;

		margin: 0 auto;

		text-align: center;

	}

	.menu ul, 

	.menu li, 

	.top-menu, 

	.footer-menu li, 

	.sub-header-menu li {

		float: none;

		text-align: center;

		text-rendering: optimizeSpeed;

	}

	

	.hide-480 {

		display: none;

	}

	

	.show-480 {

		display: block;

	}

	

	#footer {

		text-align: center;

	}



	#footer .social-icons {

		text-align: center;

	}

}



@media screen and (max-width: 320px) {

	

	body {}



.main-nav {

clear: both;

width: 100% !important;

float: right;

margin-bottom:20px !important;

}

	

	#featured p {

		font-size: 12px;

		line-height: 1.5em;

	}



	.featured-title {

		font-size: 35px;

	}

	

	.featured-subtitle {

		font-size: 15px;

	}



	.call-to-action a.button {

		font-size: 14px;

		padding: 7px 17px;

	}



	.hide-320 {

		display: none;

	}

	

	.show-320 {

		display: block;

	}

}



@media screen and (max-width: 240px) {

	

	body {}

	

	#featured p {

		font-size: 11px;

		line-height: 1.5em;

	}



	.featured-title {

		font-size: 20px;

	}

	

	.featured-subtitle {

		font-size: 11px;

	}



	.call-to-action a.button {

		font-size: 12px;

		padding: 5px 15px;

	}

	

	.top-widget area,

	.top-widget select,

	.top-widget textarea,

	.top-widget input[type="text"], 

	.top-widget input[type="password"],

	.top-widget input[type="email"] {

		width: 75%;

	}

	

	.widget-title,

	.widget-title-home h3 {

		font-size: 14px;

		height: 13px;

		line-height: 13px;

		text-align: left;

	}

	

	.hide-240 {

		display: none;

	}

	

	.show-240 {

		display: block;

	}

}





/*The last 29 days of the month are the hardest."- Nikola Tesla*/