/*
Theme Name: emandlo 2015
Author: Rob & Joey
Author URI: http://wordpress.org/
Description: Awesome custom theme for emandlo.com based on twentyfourteen
*/

div { position:relative; }
ol, ul { list-style:none; padding:0; margin:0; }
li { padding:0; margin:0 }

body {
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	font-size:14px;
	color:#444
}

a { text-decoration:none; color:#50b5d2; }
a:hover,
.greatest-hits .item a:hover { color:#e84646; }


#page {
	margin:0 auto;
	max-width:1200px; 
}

.header {
	width:100%;
	/*border-top: #647177 3px solid;*/
	border-bottom: 0;
	font-size:18px;
	position:relative;
}

.header-top { width:100%; height:auto; overflow:hidden; text-align:center; }

.secondary-nav { float:left; text-align:left; margin-top:10px; }

.logo { width:35%; display:inline-block; margin-left:auto; margin-right:auto; padding-top:8px; padding-bottom:4px; }

.header .subscribe { float:right; margin-top:10px; font-size:14px; color:#666; max-width:200px; min-width:180px; }
.header .subscribe .fa { color:#666 !important; margin-right:4px; }
.header .subscribe .mc4wp-form p { white-space:nowrap; text-align:right; margin:4px 2px;}
.header .subscribe .mc4wp-form input[type=email] { width:87%;}
.header .subscribe .mc4wp-form input[type=submit] { padding:4px 6px; background-color:#4DAAD6; color:#fff; border-radius:5px; -webkit-border-radius:5px; border:none; }
.header .subscribe .mc4wp-form input[type=submit] { background-color:#31B743; }
.header .subscribe .mc4wp-form input[type=submit]:hover { background-color:#EF4744; }

.subscribe-popup { position:fixed; bottom:0; right:-500px; width:380px; padding:10px 26px 30px 26px; background-color:#fff; border-top:7px solid #ef4744; z-index:100; -webkit-box-shadow: -4px -4px 26px 0px #333; -moz-box-shadow: -4px -4px 26px 0px #333; box-shadow: -4px -4px 26px 0px #333; }
.subscribe-popup #mc4wp-form-1 h1 { font-size:24px; margin:0; }
.subscribe-popup #mc4wp-form-1 p { margin:0; }
.subscribe-popup #mc4wp-form-1 input[type=email] { width:92%; margin-top:13px; margin-bottom:13px; }
.subscribe-popup #mc4wp-form-1 input[type=submit] { background-color:#ef4744; color:#fff; width:94%; border:none; }
.subscribe-popup #mc4wp-form-1 input[type=submit]:hover { background-color:#D1271E ; }
.subscribe-popup #mc4wp-form-1 .mc4wp-response { margin-top:13px; }
.subscribe-popup .close { left:370px; }
.subscribe-popup .close .fa { font-size:20px; color:#888; cursor:pointer; }
.subscribe-popup .close .fa:hover { color:#EF4744; }

.newsletter {} /* about newsletter page */
.newsletter .entry-content .mc4wp-form {  padding:26px; width:300px; -webkit-box-shadow: 4px 4px 26px 0px #333; -moz-box-shadow: 4px 4px 26px 0px #333; box-shadow: 4px 4px 26px 0px #333;  }
.newsletter .entry-content .mc4wp-form p .fa { display:none; }
.newsletter .entry-content .mc4wp-form p { font-size:22px; color:#D1271E; }
.newsletter .entry-content .mc4wp-form p a { color:#D1271E; }
.newsletter .entry-content .mc4wp-form #mc4wp_email { padding:8px; border: 1px solid #EF4744; }
.newsletter .entry-content .mc4wp-form input[type=submit] { padding:4px 6px; background-color:#4DAAD6; color:#fff; border-radius:5px; -webkit-border-radius:5px; border:none; }
.newsletter .entry-content .mc4wp-form input[type=submit] { background-color:#EF4744; }
.newsletter .entry-content .mc4wp-form input[type=submit]:hover { background-color:#D1271E; }



.timed-popup { position:fixed; top:0px; }


.nav-line { clear:both; height:6px; border-top: 1px solid #e8e8e8; }

#main { margin-top:20px; clear:both; }


/*.main-content { float:left; width:846px; }
.left-column { float:left; width:284px; }
.middle-column { float:right; width:530px;}
.right-column { float:right; width:28%; max-width: 300px; }
*/
.main-content { vertical-align:top; position:relative; }

.main-content { float:left; width:72%; }
.right-column { float:right; width:25.6%; min-width:300px; }
.left-column { float:left; width:25%; }
.middle-column { float:right; width:72%; }


.main-content br { height:1px; }
.main-content.second, .right-column.second { padding-top:8px; }



/* //////////////// HOMEPAGE ////////////////// */


.title { font-family: 'Playfair Display', serif; }

.hero-editorial { height:460px; overflow:hidden; position:relative; }
.hero-editorial .image { width:100%; height:466px; }
.hero-editorial .image img { width:100%; height:auto; }
.hero-editorial .title { position:absolute; bottom:0px; padding:18px 33px; width:95%; background-color:rgba(0,0,0,0.5); }
.hero-editorial .title a { color:#fff; font-size:44px; }

.home-section { width:100%; margin-top:10px; }


.home-section.what-saying, 
.home-section.latest 
{ margin-top:18px; }

div.recommended.home-section.right-section {
	padding-top:18px;
}

.home-section .heading,
.right-section .heading,
.greatest-hits .heading,
.favorite-finds .heading,
.footer-section .heading 
{ color:#333; text-transform:uppercase; font-size:18px; width:100%; padding-bottom:8px; border-bottom:2px solid #e84646; }

.home-section .heading .fa,
.greatest-hits .heading .fa,
.right-section .heading .fa 
{ color:#e84646; margin-right:8px; }

.left-column .home-section .heading .fa,
.hot-topics .home-section .heading .fa { margin-left:2px; }


.home-section .story { margin-top:14px; padding-bottom:2px; border-bottom:1px solid #ddd; }
.home-section .story .image { float:left; width:100px; height:100px; margin-bottom:10px; margin-top:4px; z-index:1; }
.home-section .story .image img { width:100%; height:auto; }
.home-section .story .category, .home-section .story .category a { color:#e84646; text-transform:uppercase; font-size:16px; }
.home-section .story .title a { color:#000; font-size:28px; line-height:1.2em; cursor:pointer; }
.home-section .story .excerpt { margin-top:8px; font-size:14px; }
.home-section .story .time { margin-left:5px; color:#aaa; font-size:12px; text-transform:none; }
.home-section .story .category,
.home-section .story .title,
.home-section .story .excerpt { margin-left:116px; } /* move right of the image, prevents wrap under image */

.placeholder { width:100%; height:250px; background-color:#ccc; }

.home-row { clear:both; height:120px; background-color:#ccc;}


/* Latest book */
.latest-book .content { text-align:center; }
.latest-book .content p { margin:0; padding-top:10px; }
.latest-book .content img { width:100%; height:auto; }
.latest-book a {font-size:14px; font-weight: bold;}


/* Left column ad */
/*.ad.home-section .heading { border-bottom:none; }*/

.ad.home-section .content p,
.ad.right-section .content p { margin-top:0; }

.ad.home-section img { width:100%; height:auto; }


/* Recent comments (not used) */
.comment-item { background-color:#59A8D6; padding:12px; border-bottom:1px dotted #9ECFE1;}
.comment-item .content { padding:6px; border-radius:6px; background-color:#fff; }
.comment-item .triangle { width:17px; height:10px; top:-3px; left:12px; }
.comment-item .triangle img { width:100%; height:100%; }
.comment-item .author { line-height:1.17em; }
.comment-item .author a { color:#fff; line-height:0.7em; }


/* DISQUS recent comments (not used) */
.recent-comments { min-height:758px; background-color:#59A8D6; }
#disqus_rcw_title { display:none; }
.disqus_rcw_single_comment_wrapper { background-color:#59A8D6; padding:12px; border-bottom:1px dotted #9ECFE1; }
.disqus_rcw_avatar  { border-radius:17.5px; overflow:hidden; }
.disqus_rcw_avatar { width:35px; height:auto; display:inline-block; margin-right:5px; }
.disqus_rcw_author_name { display:inline-block; top:-15px; }
.disqus_rcw_author_name a { color:#333; }
.disqus_rcw_thread_title { color:white; left:40px; font-family:'Playfair Display',serif; }
.disqus_rcw_thread_title:hover { color:black; }
.disqus_rcw_post_time { color:#2675A8; }
.disqus_rcw_comment_actual_wrapper { margin-top:4px; padding:6px; border-radius:6px; background-color:#fff; color:#333; }
.disqus_rcw_comment_actual_wrapper a { color:#333; }


/* HOT TOPICS */
.hot-topics { top:-2px; clear:both; }
.hottopic { width:19%; float:left; margin-right:1%; position:relative; margin-bottom:18px; }
.hottopic img { width:100%; height:auto; }
.hot-topics a:last-child .hottopic { margin-right:0; float:right;}
.hottopic .image { width:100%; height:auto; position:absolute; }
.hottopic .text { position:absolute; padding:10px 14px 10px 14px; width:40%; font-size:40px; line-height:37px; margin-top:24%; margin-left:24%; text-align:center; }


/* AROUND THE WEB */
/*.around-the-web {  }
.around-the-web .item  { width:19%; display:inline-block; margin-right:1%; }
.around-the-web .item:last-child { margin-right:0; float:right;}
.around-the-web .item .image { width:100%; height:140px; background-color:#ccc; }
.around-the-web .item .title { font-size:15px; font-family:'Playfair Display',serif; }*/


/* GREATEST HITS */
.greatest-hits { margin-bottom:20px;  }
.greatest-hits .item  { width:49%; float:left; margin-bottom:14px; }
.greatest-hits .item.second, .greatest-hits .item.fourth { float:right; }
.greatest-hits .item .image { width:100%; height:220px; background-color:#ccc; overflow:hidden; }
.greatest-hits .item .image img { width:100%; height:auto; }
.greatest-hits .item a { color:#333; }
.greatest-hits .item a:hover { color:#e84646; }
.greatest-hits .item .title { color:white; font-family:'Playfair Display',serif; position:absolute; bottom:0px; padding:14px; font-size:19px; line-height:1.18em;}
.greatest-hits .item .title a { color:white; }





/* //////////////// HOMEPAGE Right Column ////////////////// */


.homepage .right-column.top {  }
.right-section { clear:both; }


/* Special */
.special-month { width:100%; border:1px solid #59A8D6; }
.special-month .heading { font-size:18px; padding:5px; background-color:#59A8D6; text-align:center; color:white; vertical-align:middle; text-transform:uppercase; border-bottom:none; width:auto; }
.special-month .heading span { position:relative; top:-8px; }

.ornament { width:auto; height:30px; margin-left:10px; margin-right:10px; } /* img */

.special-image img { width:100%; height:auto; }
.special-text { padding:0 10px 0px 10px; text-align:center; }
.special-text p { margin-top:6px; margin-bottom:0px; }
.special-text .manufacturer-logo { width:100px; height:auto; border:none !important; } /* img */


/* Toys youll love */
.toys-youll-love { margin-top:17px; }
.single .toys-youll-love { margin-top:20px; }
.twl-item { width:32.8%; height:33%; float:left; border-right:1px solid #aabbbb; border-bottom:1px solid #aabbbb; overflow:hidden; padding-bottom:6px; 
			text-align:center; font-weight:bold; font-size:12px; }
.twl-item img { width:100%; height:auto; }
.twl-item:nth-child(1), .twl-item:nth-child(4) { border-left:1px solid #aabbbb; }
.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
/* no borders */
/*.twl-item, .twl-item:nth-child(1), .twl-item:nth-child(4) { border:none; }*/


/* Greatest hits */
.greatest-hits.right-section { margin-top:10px; }

/* Trending */
.single .recommended { padding-top:20px; }

.right-column-item { position:relative; height:180px; overflow:hidden; padding-top:15px; }
.right-column-item.first { padding-top:0px; }
.right-column-item .gradient { position:absolute; }
.right-column-item .gradient img { width:100%; }
.right-column-item .bg { position:absolute;  }
.right-column-item .bg img { width:100%; }

.right-column-item .title { color:white; position:absolute; bottom:0px; padding:14px; font-size:19px; line-height:1.18em;}
.right-column-item .title a { color:white; }

.small { font-size:11px; }





/* ////////////// ARTICLE RIGHT COLUMN /////////////// */

.single .right-section { margin-top:14px; }







/* //////////////// ARCHIVE PAGES (category, tag) ////////////////// */

.archive-title { font-size:24px; text-transform:uppercase; margin-bottom:30px; }
.archive-title .fa { color:#e84646; margin-right:8px; }
.category .date { font-size:12px; color:#aaa; }

.archive .entry-title, 
.search .entry-title, 
.blog .entry-title { margin-bottom:5px; }
.entry-summary p { margin-top:0; }

.blog article,
.more-latest article,
.search article,
.favorite-finds article,
.archive article
{ clear:both; margin-bottom:30px; }

.blog .post-image,
.more-latest .post-image,
.search .post-image,
.favorite-finds .post-image,
.archive .post-image
{ width:30%; float:left; margin-bottom:20px; }

.favorite-finds .post-image { max-height:150px; overflow:hidden; }
.favorite-finds .post-image img { position:relative; top:-50px; }

.blog .entry-title, .blog .entry-summary, .blog .category,
.search .entry-title, .search .entry-summary, .search .category,
.more-latest .entry-title, .more-latest .entry-summary, .more-latest .category,
.favorite-finds .entry-title, .favorite-finds .entry-summary, .favorite-finds .category,
.archive .entry-title, .archive .entry-summary, .archive .category
{ margin-left:32%; }

.blog .entry-title,
.search .entry-title,
.more-latest .entry-title,
.favorite-finds .entry-title,
.archive .entry-title
{ font-size:22px; }

.blog .category,
.search .category,
.more-latest .category,
.archive .category,
.favorite-finds .category
{ color:#e84646; text-transform:uppercase; font-size:16px; }

/*.blog .main-content,
.archive .main-content,
.more-latest .main-content
{ padding-right:5%; }*/

.more-posts { clear:both; margin-left:27%; text-align:center; padding-bottom:40px; }


/* not used */
.previous-next { clear:both; font-size:18px; padding-bottom:40px; }
.previous-next .previous { float:left; }
.previous-next .next { float:right; }




/* search & 404 */
.search-form label .screen-reader-text { display:none; }
.search-page .main-content { width:72% !important; }
.search-page .secondary-page { max-width:none !important; }
.search-page .entry-content .entry-title { margin-bottom:30px; }
.list { display:inline-block; width:28%; margin-right:3%; vertical-align:top; margin-bottom:30px; }
.list.half { width:44%;}
.list ul { margin:0; padding:0; }
.list li { margin:0; padding:0; margin-bottom:12px; list-style:none; line-height:1em; }



/* //////////////// ARTICLE HOT ////////////////// */


.single .hot { width:100%; height:120px; position:relative; overflow:hidden; margin-bottom:21px; top:-9px;}
.single .hot .item { display:inline-block; width:19%; height:120px; position:relative; overflow:hidden; margin-right:1%; }
.single .hot .item.i5 { margin-right:0; }
.single .hot .item .gradient { position:absolute; }
.single .hot .item .gradient img { width:100%; }
.single .hot .item .image { position:absolute;  }
.single .hot .item .image img { width:100%; }

.single .hot .item .title { display:none; color:white; position:absolute; bottom:0px; padding:14px; font-size:19px; line-height:1.18em;}
.single .hot .item .title a { color:white; }

.single .hot .item:hover > .title { display:block; }




/* //////////////// ARTICLES ////////////////// */


/*.single .main-content, 
.blog .main-content, 
.archive .main-content, 
.search .main-content { margin:0 5%; }*/

#comments { max-width:700px; }


.article-left-column { position:absolute; width:12%; float:left; text-align:center; color:#aaa; }
.article-left-column .category { color:#E84646; text-align:center; text-transform:uppercase; top:8px; }
.article-left-column .category a { color:#E84646; }

.article-left-column .author-side { margin-top:14px; text-align:center; font-size:12px; }
.article-left-column .author-side .author-photo { float:none; margin:0 auto; top:0px; text-align:center; margin-top:8px; width:80px; height:80px; border-radius:40px; overflow:hidden; }
.article-left-column .author-side .byline {  margin:0 auto; float:none; top:0px; width:90%; margin-top:5px; text-align:center; font-size:16px; line-height:1em; margin-bottom:4px;}

.author-top { display:none; }

img.responsive { width:100%; height:auto; }


.article-content,
#comments,
.single .greatest-hits,
.single .favorite-finds,
.single #contentad58787,
.single #ac_58787
{ width:80%; margin-left:14%; }


.entry-title { font-size:36px; line-height:1.2em; margin-bottom:10px; }

.entry-meta { font-size:16px; padding-top:8px; margin-bottom:6px; color:#aaa; vertical-align:middle; }
.author-top .byline, .author-top { float:left; top:11px; }
.author-top .author-photo { float:left; margin-right:8px; width:38px; height:34px; overflow:hidden; top:-5px;} 
.author-photo img { width:100%; height:auto; }
.comments-link { position:relative; float:right; }
.comments-link .comments { width:40px; height:40px; border-radius:20px; margin-left:12px; float:right; font-size:30px; text-align:center; background-color:#E84646; } 	
.comments-link .comments i { top:-1px; position:relative; font-size:28px; color:white; }
.comments-link .label { position:relative; top:11px; font-size:16px; }
.comments-link .number { position:absolute; width:20px; top:10px; font-size:14px; text-align:center; right:10px; color:#E84646; }


.social-icons { float:left; }
.social-icons div { width:40px; height:40px; border-radius:20px; display:inline-block; margin-right:10px; color:white; font-size:30px; text-align:center; }
.social-icons .facebook { background-color:#3F5598;} 	.social-icons .facebook i { top:2px; position:relative; }
.social-icons .twitter { background-color:#35A9ED;}		.social-icons .twitter i {top:3px; position:relative; }
.social-icons .google { background-color:#D64B3B;}		.social-icons .google i { top:3px; position:relative; }
.social-icons .pinterest { background-color:#C41E2A;}	.social-icons .pinterest i { top:3px; position:relative; }
.social-icons .email { background-color:#76B325;} 		.social-icons .email i { top:-2px; position:relative; font-size:24px; }
/*.social-icons .comments { background-color:#E97F1A;} 	.social-icons .comments i { top:-2px; position:relative; font-size:27px; }*/
.social-icons div:hover { background-color:#222; }

.social-icons.top { /*float:right;*/ margin-bottom:10px; } /* this changes for mobile */
.social-icons.top a:last-child div { margin-right:0; }

/*.comments-link { float:right; top:11px; }*/ /* this changes for mobile */

.social-icons.bottom { margin-bottom:30px; }

.social-icons.side { opacity:0; top:94px; float:right;}
.social-icons.side div { display:block; margin-bottom:5px; margin-right:0; }


.post-image img { width:100%; height:auto; }
.image-credit { top:-24px; right:4px; float:right; }

.entry-content { max-width:100%; font-size:18px; line-height:25px; margin-bottom:60px; }

.about .entry-content p { clear:both; }

.entry-content img { max-width:100%; height:auto; overflow:hidden; } 
.entry-content img.fullwidth { width:100%; height:auto; margin-top:14px; margin-bottom:14px; }

.entry-content .wp-caption-text { font-size:12px; line-height:1.2em; }

.entry-content blockquote { padding:10px 26px 10px 26px; background-color:#e8fbff; margin:10px; }

.entry-content iframe { max-width:100%; }

.entry-content ol { list-style: decimal outside none; margin-left:20px; margin-top:18px; }
.entry-content ul { list-style: disc outside none; margin-left:45px; margin-right:45px; margin-top:18px; }
  .search-page .entry-content ul { margin-left:0; margin-right:0; }
.entry-content li { margin-bottom:16px; }


.ad.end-of-post { width:100%; overflow:hidden; margin-bottom:40px; }
.ad.end-of-post img { width:100%; height:auto; }

.share-this { margin-bottom:40px; }

.share-this .heading, 
.around-the-web .heading, 
.morelikethis .heading,
.favorite-finds .heading { font-size:18px; padding-bottom:8px; }

.share-this .heading i, 
.around-the-web .heading i, 
.morelikethis .heading i,
.favorite-finds .heading i { color:#e84646; margin-right:8px; }

.share-this .heading { width:150px;}
.share-this .redline { height:2px; background-color:#e84646; margin-bottom:14px; }
.share-this .comments-link { float:right; }

.tag-links { float:right; z-index:30; color:#50b5d2; margin-bottom:15px; }
.tag-links .fa-tags { color:#aaa; }
.tag-links a { font-size:16px; }


/* ads article sponsorships */
.entry-content .ad.sponsor { width:100%; }
.entry-content .ad.sponsor img { width:100%; height:auto; }

.around-the-web { max-width:700px; margin-top:30px; margin-left:14%; }

/*.morelikethis a { color:#222; }
.morelikethis a:hover { color:#e84646; }
.morelikethis .item { float:left; width:31.3%; margin-right:3%;}
.morelikethis a:nth-child(5) .item { margin-right:0; }
.morelikethis .image { width:100%; height:120px; overflow:hidden; margin-bottom:8px; }
.morelikethis .image img { width:100%; height:auto; }
.morelikethis .title { font-size:15px; margin-bottom:6px; }
*/

/* MORE LIKE THIS */
.morelikethis { margin-bottom:20px;  }
.morelikethis .item  { width:49%; float:left; margin-bottom:14px; }
.morelikethis .item.second, .morelikethis .item.fourth { float:right; }
.morelikethis .item .image { width:100%; height:220px; background-color:#ccc; overflow:hidden; }
.morelikethis .item .image img { width:100%; height:auto; }
.morelikethis .item a { color:#333; }
.morelikethis .item a:hover { color:#e84646; }
.morelikethis .item .title { color:white; font-family:'Playfair Display',serif; position:absolute; bottom:0px; padding:14px; font-size:19px; line-height:1.18em;}
.morelikethis .item .title a { color:white; }

/* GREATEST HITS (ARTICLE) */
.single .greatest-hits { margin-top:30px; /*padding-bottom:20px;*/ }
.single .greatest-hits a:hover { color:#e84646; }
.single .greatest-hits .item { float:left; width:31.3%; margin-right:3%;}
.single .greatest-hits .item.third { margin-right:0; float:right; }
.single .greatest-hits .image { width:100%; height:120px; overflow:hidden; margin-bottom:8px; }
.single .greatest-hits .image img { width:100%; height:auto; }
.single .greatest-hits .item .title { position:relative; color:#222; font-size:15px; margin-bottom:6px; padding:0; text-shadow:none; }

/* FAVORITE FINDS (ARTICLE) */
.single .favorite-finds { margin-top:30px; }
.single .favorite-finds a { font-family:'Source Sans Pro', Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:10px; }
.single .favorite-finds a:hover { color:#e84646; }
.single .favorite-finds .item { float:left; width:16.5%; margin-right:4.2%;}
.single .favorite-finds .item.fifth { margin-right:0; float:right; }
.single .favorite-finds .image { width:100%; height:120px; overflow:hidden; margin-top:5px; margin-bottom:5px; }
.single .favorite-finds .image img { width:100%; height:auto; }
.single .favorite-finds .item .title { position:relative; color:#222; font-size:12px; margin-bottom:6px; text-align:center; padding:0; text-shadow:none; }




/* //////////////// MISC /////////////////// */

.hide-on-desktop { display:none; }

img[title="Dream_On_It_100"] { margin-right:20px; margin-bottom:12px; }

.alignleft { float:left; margin-right:12px; }
.alignright { float:right; margin-left:12px; }
.alignnone { float:none; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }


.about p.person img { vertical-align:top; }
.about p.person { overflow:auto; padding-top:10px; padding-bottom:10px; vertical-align:top; clear:both; }

.about .separator { clear:both; display:block; }




/* //////////////// DISQUS /////////////////// */

#disqus_thread { padding-top:60px; padding-bottom:40px; }








/* //////////////// COMMENTS (not currently used) ////////////////// */


#comments { font-size:14px; margin-bottom:50px; }

#comments .fa-comments { color:#e84646; margin-right:7px; }
#comments .comments-title { font-size:18px; color:#333; text-transform:uppercase; font-weight:normal; border-bottom:2px solid #e84646; margin-bottom:30px; }

#comments .comment-list { list-style-type:none; padding:0; }
#comments .comment-list li { padding-bottom:20px; border-bottom:1px dotted #ccc; margin-bottom:20px; }
#comments .comment-list article { width:80%; margin-left:0; }

#comments .comment-list .comment-metadata a { color:#ccc; }
#comments .comment-list .comment-metadata,
#comments .comment-list .reply { font-size:12px; }

#comments ol.children { margin-left:6%; width:94%; }
#comments article.comment-body { margin-bottom:14px;  }
#comments .comment-list .children li { border-bottom:none; margin-bottom:0; }



#comments .comment-list .says, 
#comments .comment-list .edit-link,
.logged-in-as,
.form-allowed-tags,
.comment-form-comment label { display:none; }

.comment-form-comment textarea { width:80%;}

.nav-previous { display:inline-block; margin-bottom:16px; }
.nav-next { float:right; margin-bottom:16px; }

.comment-navigation h1.screen-reader-text { display:none; }


/* //////////////// FOOTER /////////////////// */

.site-footer { padding:20px 10px 20px 30px; padding-bottom:20px; background-color:#E14548; color:white; }
.site-footer .column { width:16%; display:inline-block; vertical-align:top; }
.site-footer .column.last { float:right; }
.site-footer input[type=submit] { background-color:#66B3DF; color:#fff; border-radius:5px; -webkit-border-radius:5px; border:none; }
.site-footer .column li a { color:#fff; } .site-footer .column li a:hover { color:#FEBD8C; }
.copyright { margin-top:14px; text-align:center; }






/* ////// rob.css ////// */


/**
 * Top Nav
 * ----------------------------------------------------------------------------
 */


 .tagline {
 	position: relative;
 	top: -12px;
 	left: 18%;
 	font-size: 1em;
 	font-style: italic;
 	color: #999;
 }

 .secondary-nav {
 	display:inline-block;
 	vertical-align:middle;
 }

 .secondary-nav ul {
 	padding-left: 3px;
 }

.secondary-nav li a {
	text-decoration: none;
	color: #212121;
}

i.fa.fa-dot-circle-o {
	font-size:20px;
}

.secondary-nav li {
	line-height: 26px;
	list-style: none;
}

 .secondary-nav .fa {
 	color: #4DAAD6;
 	width: 20px;
 	padding-right: 6px;
 }





 .nav {
 	height: 44px;
 	width: 100%;
 	text-align:center;
 	background-color: #E84646;
 	border-bottom: 4px solid #CA2622;
 	z-index: 1;
 }

.nav ul {
	margin: 0 auto;
}

 .nav li {
 	position: relative;
 	display: inline-block;
 	padding: 10px 18px 0;
 }

 .nav li a {
 	color: #fff;
 	text-decoration: none;
 }

.sub-menu {
	
	display: none;
	background-color: rgba(232,70,70,.88);
	position: absolute;
	left: 0;
	padding: 5px 12px;
}

.sub-menu li {
	text-align: left;
	padding: 8px 5px;
	display: block;
}

.sub-menu li:first-child {
	padding-top:20px;
}

.nav li:hover > .sub-menu {
	display: block;
 }


.fa  {
 	/*color: #fff;*/
 	display: inline-block;
 }

 .email-signup-box {
 	float:right;
 	font-size: .77777778em;
 	font-weight: 700;
 	color: #575757;
 	background-color: #F1F5F8;
 	border: 1px solid #DADBDC;
 	margin-top:2%;
 	width: 260px;
 	height: 64px;
 }

 .email-signup-box .fa {
 	color: #4DAAD6;
 	margin: 8px 4px 0 10px;
 }

 .email-signup-box input[type=email] {
   margin: 5px 0 0 10px;
   font-weight: 300;
   padding-left: 5px;
   width: 166px;
}

.email-signup-box input[type=submit] {
	background-color: #66B3DF;
	color: #fff;
	font-weight: normal;
	border:none;
	margin-left:9px;
}

 .social-box {
 	font-size: 1.33333333em;
 	position:absolute;
 	top:0px;
 	right:0px;
 	padding: 9px 12px 3px;
 	border-left: 1px solid #CA2622;
 	background-color: #D92420;
 	color: #fff;
 	height: 32px;
 	
 }

 .social-box a {
 	color:#fff;
 }

 .social-box i:last-child {
 	padding-left: 12px;
 }


 .nav .social {
 	font-size: 1.33333333em;
 	position:absolute;
 	top:0px;
 	right:0px;
 	padding: 9px 12px 3px;
 	border-left: 1px solid #CA2622;
 	background-color: #D92420;
 	color: #fff;
 	height: 32px;
 }
 .nav .social div { 
 	width: 32px;
 	height: 32px;
 	display:inline-block;
 	background-color: white;
 	border-radius: 16px;
 }

.nav .social a .fa {
 	color:#D92420;
 	position: relative;
 	top:2px;
 }
.nav .social a .twitter .fa {
	left:2px;
}
 .nav .social div:last-child {
 	margin-left: 6px;
 }


/* ------------- COLUMNS/TEMPLATE ----------------- */

.container {
	width: 100%;
	/*display:table;*/
}

.main-content {
  display: table-cell;
  /*display:inline-block;*/
  /*float:none;*/
  vertical-align: top;
  /*width:auto;*/
}

.hero {
  width:98%;
}


.left-column {
  display:inline-block;
  vertical-align:top;
	min-width:180px;
	width: 25%;
	float:none;
  	margin-right:20px;
	min-height: 100px;
}

.middle-column {
  display:inline-block;
  vertical-align:top;
  float:none;
	width:72%;
	min-width:300px;
	min-height: 100px;
}

.right-column {
	width:300px;
	/*margin-left: 20px;*/
}

/* ------------- HOMEPAGE ----------------- */

.home-section .story {
	margin-top:18px;
	padding-bottom:4px;
	border-bottom: 1px solid #e8e8e8;
}

.home-section .story .title a {
	line-height:1.3em;
}

.hot-topics {
	top:0;
}

div.hot-topics.home-section {
	margin-top:18px;
}


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

.special-month .heading {
	background-color: #647177;
	padding:7px 5px 3px 5px;
}

.special-month {
	border: 1px solid #e8e8e8;
}

.special-month img {
	border-bottom: 1px solid #f7f7f7;
}

.special-month .heading img {
	border:none;
}

.special-month .heading span {
	top: -9px;
}

.special-image {
	border-bottom: 1px solid #f7f7f7;
}

.twl-item {
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}

.twl-item:nth-child(1), .twl-item:nth-child(4) {
	border-left:1px solid #e8e8e8;
}

/* --------------------- COMMENTS -------------------------- */

#comments {
	width: 80%;
	margin-left:14%;
}

h3#wc-comment-header {
	text-transform: uppercase;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size: 18px;
font-weight:500;
width: 100%;
padding-bottom: 8px;
border-bottom: 2px solid #e84646;
}

#wpcomm .wc-field-comment .wc-field-textarea {
	margin-left:0;
}


/*-------------- WHAT YOU'RE SAYING WIDGET ---------------------*/

.comment-item .content a {
	color: #212121;
}


/* ------------- DISQUS RECENT COMMENTS WIDGET ----------------- */

#disqus_recent_comments-2 {
	background-color: none;
		 
}



.disqus_rcw_single_comment_wrapper {

	background-color:#4DAAD6;
	border-bottom: 1px dashed #83A8BE;
	
	
}

.disqus_rcw_single_comment_wrapper:before {
    content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right,#66B3DF,#95CEEF);
		opacity: 1; 
  }

div.disqus_rcw_comment_actual_wrapper {
	border:1px solid #DEDEDE;
}

.triangle {
	margin:-5px 0 0 7px;

}

.disqus_rcw_avatar {
	float:left;
}

.disqus_rcw_author_name {
	float:none;
	top:0;
	color: #434343;
}

a.disqus_rcw_thread_title  {
	color: #fff;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
}

.disqus_rcw_post_time {
	color: #5E7E91;
}


/* ------------- HOT TOPICS ----------------- */

.hot-topics {
	

}

.hottopic {
	margin-right:1.25%;
	background-color:#f7f7f7;
}

.topic {
      background-color: #84BACE;
      border: 1px solid #e8e8e8;
      width:500px; 
      height:500px; 
      position: relative;

    }

    .title-box {
      background-color: #000; 
      color: #fff; 
      font-size: 60px; 
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }

/* ------------- SECONDARY PAGES ----------------- */

.secondary-page {
	/* max-width: 600px;*/
	margin:0 5%;
}

.entry-content h2 {
	line-height: 1.5em;
}

/* used for similar article text at bottom of posts (since June 2017) */
.entry-content h4 { font-size:2em; margin:0.67em 0; line-height: 1.2em; }


/*.single .main-content {
	max-width: 874px;
}*/


/* ------------- GREATEST HITS ----------------- */

/*.greatest {
	width: 28%;
	height: auto;
	min-height:180px;
	min-width:180px;
}

.greatest-hits .item .image {
	height: 140px;
}

.greatest-hits .item .image img {
	height:100%;
}

.greatest-hits {
	margin-left: 2%;
}

.greatest-hits .item, .greatest-hits .item:last-child {
	float:none;
	display:inline-block;
	vertical-align: top;

}
*/

/* ------------- MISC ----------------- */

.caption {
	font-size:12px;
	margin-top:-20px;
}




.ghost-button,
a.ghost-button, input.wpcf7-form-control.wpcf7-submit, .wc-field-submit input {
	color: #66B3DF;
	background: #fff;
	border: 1px solid #66B3DF;
	font-size: 18px;
	padding: 12px 22px;
	font-weight: normal;
	text-align:center;
	margin: 0 auto;
	margin-top: 24px;
	display: inline-block;
	text-decoration: none;
	min-width: 120px;
	-webkit-transition: background 500ms ease;
	-moz-transition: background 500ms ease;
	-ms-transition: background 500ms ease;
	-o-transition: background 500ms ease;
	transition: background 500ms ease;
}

.ghost-button:hover, .ghost-button:active,
a.ghost-button:hover, a.ghost-button:active, input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:active, .wc-field-submit input:hover, .wc-field-submit input:active {
    color:#fff;
    background:#66B3DF;
}
.ghost-button:hover a, .ghost-button:active a {
    color:#fff;
}

input.wpcf7-form-control.wpcf7-submit {
	margin-top:0;
}

#wpcomm .wc-field-submit input[type="button"] {
	border: 1px solid #66B3DF;
	padding: 12px 22px;
	font-size: 18px;

}

textarea.wpcf7-form-control.wpcf7-textarea {
	padding:9px;
}

.button-section {
	width:100%;
	text-align:center;
}

.entry-content {
	line-height: 27px;
}

.entry-content h1 {
	line-height:42px;
}

.lazy {
	width:100%;
	height:auto;
}

img.lazy {
	width:100%;
	height:auto;
}



.gradient {

}

.clearit {
	clear:both;
}

.image {
	background-size: cover;
}

.cover-image {
	background-size: cover; 
	width:auto;
	height:180px;
}

.hot .cover-image { height:auto; }

.cover-image:before, .hot-top:before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 44%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(44%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  }

  

div.lazy.cover-image {
	width:300px;
	height:180px;
}

.single div.lazy.cover-image {
	width:100%;
	height:180px;
}

.single .hot .item .title, .right-column-item .title, .greatest-hits .title {
	text-shadow: 0px 0px 4px #000;
}


img.lazy {display:none}



/* hidden - for googlebot only */
.googlebot-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}




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

.email-signup-box {
		width: 224px;
	}

.email-signup-box input[type=email] {
	width: 133px;
}	

.middle-column {
	width:70%;
}

.home-section .heading, h3#wc-comment-header {
		font-size:17px;
	}

}


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

	.middle-column {
	width:66%;
}

	.home-section .story .title a {
		font-size:22px;
	}

	.home-section .heading, h3#wc-comment-header {
		font-size:16px;
	}

	.social-icons.top {
		/*clear:both;*/
		float:left;
		/*margin-top:18px;*/
	}

	.author-top {
		clear:both;
	}


}


 /* iPads (portrait and landscape) ----------- */
@media only screen and (max-width: 917px) {



	.nav {
		text-align:left;
		
	}

	.nav ul {
		display:inline-block;
	}

	.nav ul.sub-menu {
		display: none;
	}

	.sub-menu {
		display: none;
	}

	.email-signup-box {
		margin-top:2.7%;
	}

	.main-content {
		display:block;
		margin-bottom:33px;
	}

	.left-column {
		margin-left: 16px;
	}


	.lelo-section {
		display:inline-block;
		/*width:300px;*/
		vertical-align:top;
	}

	.right-column {
		width:100%;
	}
	
	.recommended {
		width: 60%;
		display:inline-block;
		vertical-align:top;

	}
	.div.recommended.home-section.right-section {
		padding-top:0;
		margin-left:16px;
	}

	.right-column-item {
		display:inline-block;
		vertical-align:top;
		width:48%;
		padding-top:0;
	}

	.right-column-item:last-of-type {
		/*display:none;*/
	}


	div.recommended.home-section.right-section {
		padding-left:20px;
		margin-top:-20px;
	}

	.trending-stories .right-column-item {
		width:30.2%;
		margin-right:2%
	}

	.hottopic {
		width:32%;
	}


}

 /*  Responsive nav ----------- */
@media only screen and (max-width: 800px) {
	/*.email-signup-box, .secondary-nav, .logo, .social-box, .nav-line {*/
	.email-signup-box, .secondary-nav, .social-box, .subscribe {
		display:none; 
	}

	.logo { margin:0 auto; left:auto; float:none; width:90%; }

	.nav li { padding:10px 10px;}
	.submenu li { }

	.header .nav .social .facebook, .header .nav .social .twitter { display:none; }



	.single .hot {
		display:none;
	}


	.lazy .cover-image {
		width:100% !important;
	}

	#comments {
	width: 96%;
	margin-left:2%;
	}

	/*.nav {
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 4;
	}*/

	#main {
		margin-top:0;
	}

	.main-content { width:100% }

	.search-page .main-content { width:auto !important; }
	.search-page .entry-content .list { width:42%; margin-right:20px; }

	.archive-title { margin-top:20px; }

	.blog .entry-title, .blog .entry-summary, .blog .category, 
	.more-latest .entry-title, .more-latest .entry-summary, .more-latest .category,
	.search .entry-title, .search .entry-summary, .search .category,
	.favorite-finds .entry-title, .favorite-finds .entry-summary, .favorite-finds .category, 
	.archive .entry-title, .archive .entry-summary, .archive .category
	{ margin-left:0; }

	.blog .post-image,
	.more-latest .post-image,
	.search .post-image,
	.favorite-finds .post-image,
	.archive .post-image 
	{ float:none; width:auto; margin-bottom:5px; }

	.favorite-finds .post-image { max-height:300px; overflow:hidden; }
	.favorite-finds .post-image img { top:-20px; }


}

	 /*  Small screens ----------- */
@media only screen and (max-width: 680px) {

	.nav ul .menu-item-has-children:nth-child(4),
	.nav ul .menu-item-has-children:nth-child(5),
	#menu-item-39373, #menu-item-39375
	{display:none;}

	.hero-editorial { height:250px; }
	.hero-editorial .image { height:250px; background-position:50% 50%; }
	.hero-editorial .title { padding:10px 5px 10px 15px; width:95%; }
	.hero-editorial .title a { font-size:24px; }

	.home-section .heading .fa { margin-left:6px; }
	.home-section .story { width:96%; }
	.home-section .story .image { width:78px; height:78px; }
	.home-section .story .category,
	.home-section .story .title,
	.home-section .story .excerpt { margin-left:88px; }

	.ad.home-right, .ad.posts-right { text-align:center; }



	.main-content { width:100%; }
	.archive .main-content { width:96%; margin-left:2%; }

	.secondary-page { width:96%; margin:0; margin-left:2%; }

	.entry-title { font-size:24px; margin-top:10px; margin-bottom:0; }

	.entry-content blockquote { margin:10px; }

	.around-the-web { margin-left:0px; }

	.more-posts { margin-left:0; }

	.byline { top:0px; }

	.tag-links { float:none; width:100%; }

	#disqus_thread {
		padding-top:0;
	}

	.left-column {
		display:none;
	}

	.middle-column {
		width: 100%;
		/*margin: 0 5%;*/
		/*margin: 0 16px;*/
	}

	.right-column {
		margin-left:0;
	}

	.lelo-section {
		width:100%;
		/*padding-left:18%;*/ /* commenting this out fixes mobile header & footer not full width */
	}

	.hot-topics a:nth-child(5),
	.hot-topics a:nth-child(6) {
		display:none;
	}

	.right-column-item {
		width: 47%;
		margin:1.5%;
	}

	div.recommended.home-section.right-section {
		margin: 22px 0 0 0 ;
		width: 100%;
		padding: 0;
	}

	.right-column-item,
	.morelikethis .item,
	.greatest-hits .item,
	.single .greatest-hits .item {
		width:95%;
		margin:2.5%
	}

	.latest-book .content { width:95%; }
	.latest-book .content img { width:60%; height:auto; }


	div.lazy.cover-image {
	 	width:100% !important;
	 	height:auto !important;
	 	min-height:200px;
	}


	.article-left-column {
		display: none;
	}

	.article-content {
		width: 96%;
		margin-left: 0;
		margin:0 auto;
	}

	.single .greatest-hits,
	.single #disqus_thread
	{ margin-left:0; width:100%; }

	/* show byline below title */
	.author-top { 
		display:block; 
	}

	.social-icons { clear:both;}
	.social-icons div { margin-right:4px; }

	.social-icons.top { margin-top:8px; margin-bottom:8px; }

	.comments-link.top { top:8px; }
	.comments-link.top .label, .comments-link.bottom .label { display:none; }


	.site-footer .column { width:45%; margin-right:10px; border-top:1px dotted #FEBD8C; padding-top:10px; margin-top:10px; }
	.site-footer .column li { font-size:16px; margin-bottom:8px; }
	.site-footer .column.last { width:100%; text-align:center; }


}