/*
Theme Name: Grimm Fan #10
Version: 10
Description: Theme by Designs by Cordy
Author: Courtney Wood
Author URI: http://designs.by.cordy.nu
*/

/* ------------------------------------------------------------------------- */
/*  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126        */
/* ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, caption, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* ------------------------------------------------------------------------- */
/*  Base Styles                                                              */
/* ------------------------------------------------------------------------- */

body {background:#f8f8f8; text-align:left; font-size:87.5%; line-height:1.75em; font-family: 'Lato', sans-serif; color:#8d8d8d; margin:0; font-weight: 400; }

#submit, input[type="submit"], a, .menu-item, li, a img, img a, img, .entry-meta span, .entry-meta2 span, td, i, .post-meta-category {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}

b, strong {color: #4e6778;}	
i, em {color: #9e0731;} 
.box i { color: #8d8d8d; }
	
li > ul, li > ol {margin: 0;}

.alignleft {display: inline;float: left;margin: 0 10px 5px 0 !important;}
.alignright {display: inline;float: right;margin: 0 0 5px 10px !important;}
.aligncenter {clear: both;display: block;margin: 0 auto !important;}


/*  Base Styles | Forms                                                      */
/* ------------------------------------------------------------------------- */

input, textarea, button, select { font-family: inherit; font-weight: 300; font-size: 1em; }
.dbc-searchform input[type="text"], .dbc-searchform input[type="password"], .dbc-searchform input[type="email"], .dbc-searchform input[type="submit"], .dbc-searchform button,  .dbc-searchform textarea { margin: 0; }

#subscribe-email input { padding: 11px 10px !important; width: 68% !important; float: left; margin-right: 5px; }

.dbc-searchform label { color: #8d8d8d; font-weight: bold; }
.dbc-searchform label .required { color: #c12020; }

.dbc-searchform input[type="text"], .dbc-searchform input[type="password"], .dbc-searchform input[type="email"], .dbc-searchform textarea, input, textarea, button, select { background: #f9f9f9; border: 1px solid #dedede; color: #8d8d8d; display: block; padding: 8px; }

.dbc-searchform input[type="submit"], .dbc-searchform button[type="submit"], input[type="submit"] { background: #4e6778; color: #fff; padding: 10px 20px; display: block; margin-right: 10px; border: none; font-weight: 500; }

.dbc-searchform input[type="submit"]:hover, .dbc-searchform button[type="submit"]:hover, input[type="submit"]:hover { background: #9e0731; }

.dbc-searchform.searchform div { position: relative; }
.dbc-searchform.searchform div input { width: 94%; padding-left: 5%; }
	#sidebar .dbc-searchform.searchform div input {width: 86% !important; 
			padding-left: 10%; }

.dbc-searchform.searchform div:before { line-height: 1.875em; color: #ed7250; font-size: 1.125em; content: "\f002"; position: absolute; left: 10px; top: 3px; font-family: 'FontAwesome'; }
	#sidebar .dbc-searchform.searchform div:before {margin: 1px 0 0 0 !important;}

div#qTip {padding: 3px 10px; display: none; color: #fff; background: #4e6778; 
	font-size: .75em; text-transform: uppercase; text-align: center; position: absolute;
	z-index: 1000; font-weight: 400; }


/*  Base Styles | Links                                                      */
/* ------------------------------------------------------------------------- */

a:link, a:active, a:visited {color: #000;text-decoration: none; }
	a:hover {color: #ee0050;text-decoration: none;}
		
.navis {clear: both; margin: 20px 0; background: #fff; padding: 20px 20px 15px 20px; }
	.navis i, .navis em { color: #c98941; }

div.links {padding: 15px 5px 13px 75px;margin: 10px 0; line-height: 1.25em;  background: #f5f5f5 url(images/links.png) left center no-repeat; }

.more-link {display: inline-block; margin: 10px auto;padding: 5px 25px; 
		border: 1px solid #8d8d8d; text-transform: uppercase; font-size: .875em;
		letter-spacing: 1px; text-align: center;}
	a.more-link, .more-link i {color: #8d8d8d;text-decoration: none;}
	.more-link:hover {background: #8d8d8d;border: 1px solid #8d8d8d; color: #fff;}
	.more-link:hover i {color: #fff;}
	

/*  Base Styles | Blockquotes                                                */
/* ------------------------------------------------------------------------- */

blockquote {display:block;font-style:italic;font-size:1em;padding:5px 10px; 
		text-align:justify;}

#content blockquote {margin: 10px 20px 10px 70px; background: #f6f6f6; 
		border-left: 2px solid #658396;}

#content blockquote:before { content: "\f10d"; display:inline-block; 
		margin: 10px 5px 0 -70px; font:normal 2em 'FontAwesome'; vertical-align: top;
		float: left; -webkit-font-smoothing: antialiased;
		color: #658396;}

#content blockquote blockquote {margin: 5px 40px 10px 40px; border: 1px solid #e6e6e6;
		padding: 1px 15px; background: #fefefe; }
	#content blockquote blockquote:before {content:'';}
	
#sidebar blockquote { margin: 8px 5px 0 5px; padding: 10px; font-size: .875em;
		line-height: 1.125em;
		background: #f6f6f6;
		border-left: 2px solid #ed7250; }	


/*  Base Styles | Lists                                                      */
/* ------------------------------------------------------------------------- */
	
#content ul li, #content ol li, #sidebar ul li, #sidebar ol li {padding: 10px;
		margin: 0;border-bottom: 1px solid #dcdcdc;}

	#content li:nth-child(even), .box li:nth-child(even) {background:#fcfcfc;}

#content ol li:before {content: "\f054"; display:inline-block; 
		color: #d9d0c5; font:normal .875em 'FontAwesome'; vertical-align: middle; 
		-webkit-font-smoothing: antialiased; margin-right: 5px;}

ul.mndvault-video-latest li { width: 94% !important; }

#content ul li:last-child, #content ol li:last-child,  #content ul li:last-child,  #content ol li:last-child, #sidebar ul li:last-child, #sidebar ol li:last-child,  #sidebar ul li:last-child,  #sidebar ol li:last-child { border-bottom: 0px; }

ul.mndvault-video-latest li, ul.mndvault-video-popular-widget li { width: 94% !important; }
ul.mndvault-video-list li { width: 96% !important; }
	
	
/*  Base Styles | Headers                                                    */
/* ------------------------------------------------------------------------- */
	

h1, h2, h3, .tableh1 {font-family:'Open Sans', sans-serif; font-weight: 800;
		font-style: italic; }

h1, .tableh1 {color: #000;padding: 5px 0 8px; margin: 0 15px; font-size:1.75em; 
		line-height: 1.125em; letter-spacing: -1px; text-transform: uppercase;}

h2 {margin: 0 0 5px 0; padding: 5px 0; font-size: 1.25em; 
		text-align: left; text-transform: uppercase; color: #595959;}
	h2:after { display: block; width: 35px; height: 2px; margin: 0; content: ''; 
		vertical-align: middle; background: #ee0050; }
	
h3 {font-size: .875em; color: #434343; text-align: center; margin: 0 0 10px 0;
		text-transform: uppercase; }		
	h3:after { display: block; width: 50px; height: 1px; margin: 5px auto; content: ''; 
		vertical-align: middle; background: #c9c9c9; }


/* ------------------------------------------------------------------------- */
/*  Section | Header                                                         */
/* ------------------------------------------------------------------------- */


#wrap { width: 100%; margin: 0 auto; background: #fff; 
		border-bottom: 1px solid #e6e6e6; }
		
.container { max-width: 1100px; margin: 0 auto; }

	.sitename { display: block; text-align: center; color: #272533; padding: 2% 0 0 0;
			letter-spacing: -1px; font-size: 3em !important; }
			
		.sitename span {color: #ec003f;}	
		
		.sitename-tag {display:block; color: #c9c9c9; font-size: .625em; 
				text-align: center; padding-bottom: 2%; margin-top: -10px; 
				text-transform: uppercase; letter-spacing: 2px; font-style: italic;}	
				
			.sitename-tag:before, .sitename-tag:after { display: inline-block;
					width: 50px; height: 1px; margin: 0 5px; content: ''; 
					vertical-align: middle; background: #c9c9c9; }

	
/*  Section | Header - Navigation                                            */
/* ------------------------------------------------------------------------- */
	
.designsbycordy-menu {
	text-decoration:none !important;
	padding: 0; font-weight: 800; font-style: italic;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	}
	
	.designsbycordy-menu a:link, .designsbycordy-menu a:visited, 
		.designsbycordy-menu a:active { text-decoration: none; }

	.designsbycordy-menu ul {list-style: none;}

.designsbycordy-menu ul.sub-menu, .designsbycordy-menu ul ul, .designsbycordy-menu li:hover > ul { display:none; } /* HIDE SUBMENUS, SORRY! */


/* ------------------------------------------------------------------------- */
/*  Section | Page Contents                                                  */
/* ------------------------------------------------------------------------- */

#content {		
width: 67%;
margin: 30px 0 0 0;
padding: 0;	
text-align: left;
float: left;
}

#sidebar {
float: right;
width: 33%;
margin: 30px 0 0 0;
padding: 0;
text-align: justify;
font-size: .875em;
line-height: 1.375em;
}

	.box { margin: 0 0 20px 0; background: #fff; padding: 15px; min-height: 100px; }


	
/*  Section | Page Contents - Post Entry                                     */
/* ------------------------------------------------------------------------- */

.entry, .maintable {
margin: 0 0 50px 0;
background: #fff;
}

.entry p {margin:10px auto !important;}

.entry-content { margin: 0; text-align: justify; padding: 20px; }

	.entry-top { display: block; padding: 15px 0 0 15px; text-transform: uppercase;
			font-size: .875em; letter-spacing: 1px; }
		.entry-top:after {display:block; width: 97%; height: 1px; content:'';
				vertical-align: center; background: #dedede; 
				margin:1px auto 10px auto;}
		
		.dates { float: left; display: inline-block; margin: 0 20px 10px 0; 
				text-align:center; font-family: 'Open Sans', sans-serif;
				font-weight: 800; font-style: italic; }
			.dates-day { display:block; font-size: 2.75em; background: #f2f2f2; 
					padding: 10px 0; color: #3e3e3e; }
			.dates-month { display:block; font-size: .75em; background: #eb003a; 
					text-transform: uppercase; letter-spacing: 1px; padding: 0 5px; 
					color: #fff; line-height: 1.625em !important; }
				
		.post-meta {padding: 5px 0 0 0; font-size: .75em; }
			.post-meta i { margin: 0 2px 0 7px; }
			.post-meta span {background: #fff; padding: 5px;}

			.post-meta-category { display: inline-block; margin: 0 10px 0 0; 
					padding: 4px 5px 2px; border: 1px solid #8ba2b2; 
					text-transform: uppercase; font-size: .875em; line-height: 1.25em;}
				.post-meta-category:hover { background: #8ba2b2; }
				
				.post-meta-category a:link, .post-meta-category a:active,
						.post-meta-category a:visited { color: #8ba2b2; }
				.post-meta-category a:hover {color: #fff; }

.entry-top i { color: #313131 !important; }
	.entry-top i:hover { color: #313131 !important; }

#wp-calendar {width: 100%;}	

	
/*  Section | Page Contents - Post Comments                                  */
/* ------------------------------------------------------------------------- */	
	
.single-entry-meta { font-size: .938em; line-height: 1.25em; font-style: italic; display:block; padding:15px; margin:20px 50px; background: #f5f5f5;}	
	.single-entry-meta:before {float: left; content: '\f073'; display:inline-block; margin:-2px 10px 0 0; font:normal 3em 'FontAwesome'; vertical-align: center; -webkit-font-smoothing: antialiased; color: #9ba0a3;} /* the summary icon */

.avatar, .gravatar {margin: 0 10px 10px 0;width: 70px;height: 70px;float:right;}

ol.comment-list {padding: 0 15px 15px 0; font-style: italic; }
#content ol.comment-list li:before{content:'';}
	.comment-list {}
	.comment-list li { vertical-align:middle !important; margin: 5px 0 !important;}
	ol.comment-list li.comment.depth-1 {border-bottom: 5px solid #e3e3e3 !important;
			background: #fff !important; }
	ol.comment-list li.comment.depth-1:hover {background: #fff !important;}

	.reply:before { content:'\f112'; display: inline-block; margin: 4px 2px 0 15px; 
			font:normal 1em 'FontAwesome'; color:#000; /* arrow next to reply link */ 
			vertical-align: top;-webkit-font-smoothing: antialiased; 
			transform:rotate(180deg); -ms-transform:rotate(180deg);  
			-webkit-transform:rotate(180deg); } 

	/* first comments */ .children {margin: 10px 50px;} 
		/* children replies */ .children .comment {padding: 0 20px 15px 20px !important; 
				background: #f5f5f5; } 
			
			.depth-2 {border: none !important;}
			.depth-3 { background: #e8e8e8 !important; }
			
			.comment-body p {display:block;}

.comment-meta {display:block; font-size: .75em; line-height: 1em; text-align: left; 
		padding: 5px;margin-bottom: 5px; text-transform:uppercase; font-style:normal; 
		font-weight:300 !important;} /* date & time comment was posted */
	.comment-meta a {color:#8d8d8d !important; text-decoration: none !important;} 
			/* so the dates don't stick out */
	.comment-meta.commentmetadata:before {content: '\f017'; display:inline-block;
			 margin:-2px 0 0 0 ; font:normal 1.125em 'FontAwesome'; 
			 vertical-align: middle; -webkit-font-smoothing: antialiased; 
			 color: #8d8d8d; font-weight:300 !important;} /* the clock icon */

.comment-author { text-transform: lowercase; letter-spacing: -1px; 
		font-style: italic;font-weight: 400;font-size: 1.65em; margin-top: -10px; }

#respond {padding: 10px;}
	.logged-in-as {font-style:italic;font-weight:300;margin: 5px 0 20px 10px;}
	
	
/* ------------------------------------------------------------------------- */	
/*  Section | Images                                                         */
/* ------------------------------------------------------------------------- */	
	
#content img.wp-smiley {
padding: 0;
background: transparent;
border: 0px;
box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
}

img.alignleft {display: inline;float: left;margin: 0 10px 10px 0 !important;}
img.alignright {display: inline;float: right;margin: 0 0 10px 10px !important;}
img.aligncenter {clear: both;display: block;margin: 0 auto !important;}

.entry img, .box img {
margin: 1px 3px;
padding: 2px;
background: #fff;
border: 1px solid #d8d8d8;
}

	.entry img:hover, .box img:hover {border: 1px solid #859dac;}

.box img.img {margin: 2px;}
span.cpg_cat br {margin: 3px 0 10px 0;}

.featured { display:block; margin:0 auto; padding:0; 
		width:100% !important; height:auto !important; 
		overflow:hidden; }
	
	.featured img { width:100% !important; height:auto !important; 
		padding:0 !important; border:0 !important; margin: 0 !important;}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; 
		height: auto;}

embed,iframe,object,video {max-width: 100%;}


/* ------------------------------------------------------------------------- */	
/*  Section | Footer                                                         */
/* ------------------------------------------------------------------------- */	

#footer {
clear: both;
padding: 30px;
margin: 20px auto 0 auto;
background: #fff;
text-align: left;
border-top: 1px solid #e6e6e6;
}
	
	
/* ------------------------------------------------------------------------- */	
/*  Plugins | WP-PageNavi                                                    */
/* ------------------------------------------------------------------------- */	
	
.wp-pagenavi { margin: 50px 0 30px 0; text-align: left; font-size: .875em;
		font-family: 'Open Sans', sans-serif; text-transform: uppercase; 
		font-weight: 800; font-style: italic; }

.wp-pagenavi span.pages {display:inline-block; color:#a5a5a5; background: #fff; 
		padding: 13px 20px; margin: 5px 5px 10px 0; border-top: 1px solid #fff;
		border-bottom: 2px solid #fff; }

span.pages:before { 
content:'\f15c';
color:#a5a5a5;
display:inline-block;
margin: 6px 5px 0 0;
font:normal 1em 'FontAwesome';
vertical-align: top;
-webkit-font-smoothing: antialiased;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.extend {
display:inline-block;text-decoration: none;
padding: 13px 25px; 
margin: 2px 3px;
color:#868686;
background: #fff;
border-top: 1px solid #fff;
border-bottom: 2px solid #fff;
border-left: none !important;
border-right: none !important;
}

.wp-pagenavi span.current {
display:inline-block;text-decoration: none;
padding: 13px 25px; 
margin: 2px 3px;
color: #444;
background: #fff;
border-top: 1px solid #fff;
border-bottom: 2px solid #eb003a;
border-left: none !important;
border-right: none !important;
}

.wp-pagenavi a:hover {
color: #444;
border-top: 1px solid #fff;
border-bottom: 2px solid #eb003a;
border-left: none !important;
border-right: none !important;
}
	
	
/* ------------------------------------------------------------------------- */	
/*  Plugins | Hard-Coded Breadcrumbs                                         */
/* ------------------------------------------------------------------------- */		
	
.breadcrumbs { text-align: left; margin-top: 10px; font-size: .75em;
		text-transform: uppercase; background: #f5f5f5; }

.breadcrumbs a {text-decoration: none !important;}
	.breadcrumbs i {display:inline-block; background:#638294; color:#fff; 
			padding:11px 10px 10px 10px; margin-right:5px;}

.breadcrumbs .separate:before {content: '\f054';display:inline-block;margin: -1px 5px 0 5px;font:normal .875em 'FontAwesome';vertical-align: middle;-webkit-font-smoothing: antialiased;} /* this is the arrow separator between breadcrumb links--if you don't want the icon, delete this and then open up functions.php and go to line 187 and but something inbetween the spans, whatever you put there will show up between the breadcrumb links!! xD */


/* ------------------------------------------------------------------------- */	
/*  Responsive Theme Elements                                                */
/* ------------------------------------------------------------------------- */

/*  FULL SITE - 1101px and higher                                            */
/* ------------------------------------------------------------------------- */
@media only screen and (min-width:1101px) {

	.container { width: 100%; margin: 0 auto; }
	#wrap { margin: 0 auto; background: #fff;}

	#header { width: 1300px; height: 350px; margin: 0 auto; }
		#head1, #head3 { width: 400px; height: 350px; float:left;}
		#head2 { width: 500px; height: 350px; float:left;}
	
		#head1 { background: url(images/left.png) top center no-repeat; }
		#head2 { background: url(images/center.png) top center no-repeat; }
		#head3 { background: url(images/right.png) top center no-repeat; }

	#welcome { position: relative; left: 10px; top: 250px; width: 440px; 
			font-size: .75em; line-height: 2.125em; padding: 0; 
			text-align: justify; color: #777; }
		#welcome strong { color: #6a8698; }
		#welcome em { color: #ed004c; }
				
	.collapse, .collapse + input, #mobileversion {display:none!important; 
			visibility:hidden!important; padding:0!important; margin:0!important; 
			height:0!important;}
	
	.designsbycordy-menu { margin: 0 auto; padding: 20px 20px 16px; font-size: .875em;
			line-height: 1.125em; text-align: left; display: inline; float: left;}
	
	.designsbycordy-menu ul {display: block;list-style: none;}
	.designsbycordy-menu .menu-item {display: inline-block; padding: 5px 0;
			margin: 1px 8px; border-bottom: 2px solid #fff;}
	.menu-item:hover {display: inline-block; border-bottom: 2px solid #ee0050;}
	
		.designsbycordy-menu a:link, .designsbycordy-menu a:active, 
				.designsbycordy-menu a:visited { color: #1e1e1e; }
	
	.socials {display: inline;float: right; padding: 21px 0 0 0; letter-spacing: 2px; }
	
		.socials i {color: #1f1f1f; }
			.socials i:hover {color: #ec0043; }

	
	#content { float: left; width: 720px; }
	#sidebar { float: right; width: 330px; }
		
}

	
/*  HANDHELD DEVICES - 1100px and lower                                      */
/* ------------------------------------------------------------------------- */	
@media only screen and (max-width:1100px) {

	.container {margin: 0 auto !important; width: 98% !important; }
	
		#header, #welcome, .socials, .ads {display:none!important; 
				visibility:hidden!important; padding:0!important; margin:0!important;
				height:0!important;}
				
				#wrap { border-bottom: none !important; }
	
	.designsbycordy-menu {background:#f8f8f8; font-size: 1.125em; line-height: 1.5em; 
			text-align: left; padding: 1%; border-bottom: 1px solid #d8d8d8; }
	.designsbycordy-menu ul {display: block;}
	.designsbycordy-menu .menu-item {display: block !important; padding: 10px; }

 	.collapse::before { content: '\f0c9'; font-family: 'FontAwesome'; padding: 10px;}
 	.collapse { background: #fff; display:block; padding: 20px 10px; 
 			text-align:center; color: #1e1f25; border-bottom: 1px solid #d8d8d8; }
 			
		.collapse + input { display:none; }
		.collapse + input + * { display:none; }
		.collapse+ input:checked + * { display:block; }
		
	#sidebar, #content, #sidebar2, #content2 { width: 95%; display: block; 
			float: none !important; margin: 20px auto 0 auto !important;}
	
	.entry-content {margin: 0 auto !important; }
	
	#sidebar .dbc-searchform.searchform div input {width: 98% !important; }
	.dbc-searchform.searchform div:after { right: 20px; top: 0px; }
	#sidebar .dbc-searchform.searchform div:after {margin: 1px -5px 0 0 !important;}
	
	#footer { width: 94% !important; padding: 2% !important; }
	
	input { max-width: 88% !important; }

}


/*  HANDHELD DEVICES - 631px and lower                                      */
/* ------------------------------------------------------------------------- */

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

	#content {width: 98%;}
		#content, #sidebar {margin: 2px auto !important;}

	#sitename {font-size:2vw !important;}

	h1 {font-size: 5vw !important; }
		.entry-meta { clear:both;}

}


/*  HANDHELD DEVICES - 431px and lower                                      */
/* ------------------------------------------------------------------------- */

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

	#sitename {font-size:3vw !important;}
	
	h1 {font-size: 6vw !important; }

}