/*
Theme Name: MH-Magazine-lite Child
Description: Guild of Scientific Troubadours Child theme for MH Magazine Lite
Author: Grant Balfour
Template: mh-magazine-lite
*/
d

/* write custom css */

/* grant removes the thumbnails here - commented out (see also images in posts below) */
/* .loop-thumb { display: none; } */

/* grant is editing the slider here */
/* older version .fa_slide_content { background-color: #DBE6B3 ; } */
/* older version .fa_slide_content a { background-color: #E1EAC0 ; } */
/* older version .fa-slideshow {background-color: #E1EAC0 ; } */

.fa_slide_content { background-color: #C4D68a; padding-left:1px; padding-top:5px; padding-bottom:3px; padding-right:1px; margin-right:auto; margin-left:auto; }
.fa_slide_content a { color: #343824; }
.fa-slideshow {background-color: #C4D68a ; }


h1 { font-size: 32px; font-size: 2rem; }
h2 { font-size: 24px; font-size: 1.5rem; }
h3 { font-size: 20px; font-size: 1.25rem; }
h4 { font-size: 18px; font-size: 1.125rem; }
h5 { font-size: 16px; font-size: 1rem; }
h6 { font-size: 14px; font-size: 0.875rem; }

/* grant changed the title font here */

h1, h2, h3, h4, h5, h6 { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; color: #000; line-height: 1.3; font-weight: 600; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
h2.mh-header-tagline {color:#0D2811;}
.mh-widget-title, .mh-footer-widget-title { padding-bottom: 5px; margin-bottom: 20px; margin-bottom: 1.25rem; text-transform: uppercase; border-bottom: 3px solid #C4D68a; }


/******Header******/
/* grant inserted #C4D68a to replace the #e64946 (red) in the menus */
.mh-header-tagline { display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1; color: #C4D68a; padding-top: 10px; margin-top: 10px; border-top: 1px solid #C4D68a; }

/* title underlining here */
h4.mh-widget-title {border-bottom:4px,#C4D68a;}

/* grant is making "small" and "big" a percentage here */
small { /* font-size: 6px; font-size: 0.375rem; */ font-size: 75%; }
big { /* font-size: 20px; font-size: 1.25rem; */ font-size: 120%; }

/* grant un-italicsed blockquotes here */
blockquote { padding: 0px 20px; padding: 0rem 1.25rem; border-left: 3px solid #C4D68a; background: #f7f7f7; color: #000; display: inline-block; }

/* grant monkeyed with the way links appear here */
a { color:#0D2811; background-color: #F2FFF2; text-decoration: none; padding:2px; }
a:hover { color: #C4D68a; background-color:#EDF3DC; text-decoration: none; }
.mh-excerpt a, .widget-title a { color:#0D2811; background-color: #F9FFF0; text-decoration: none; }

/***** Header *****/

.mh-header-tagline { display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1; color: #C4D68a; padding-top: 10px; margin-top: 10px; border-top: 1px solid #e5e5e5; }

/***** Typography *****/

/* grant styles blockquotes */
blockquote { font-size: 15px; font-size: 0.9375rem; line-height: 1.6; font-style: normal; color: #666; padding: 15px; padding: 0.9375rem; border-left: 5px solid #C4D68a; border-right: 2px solid #C4D68a; display: inline-block; box-shadow: 2px 2px 15px #ccc; }


/***** Navigation *****/
/* grant inserted #C4D68a to replace the #e64946 (red) in the menus */

.mh-main-nav-wrap { background: #2a2a2a; }
.mh-main-nav { text-transform: uppercase; border-bottom: 5px solid #C4D68a; }
.mh-main-nav li { float: left; position: relative; font-weight: 700; }
.mh-main-nav li:first-child a { border: none; }
.mh-main-nav li:hover { background: #C4D68a; }
.mh-main-nav li:hover a { color: #fff; }
.mh-main-nav li a { display: block; color: #fff; padding: 10px 20px; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.mh-main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }
.mh-main-nav ul ul { display: none; position: absolute; }
.mh-main-nav ul ul li { width: 16em; }
.mh-main-nav ul ul ul { left: 100%; top: 0; }
.mh-main-nav .current-menu-item { background: #C4D68a; }
.slicknav_menu { display: none; }

/* update - for the background of the home tab on the navbar */
.mh-main-nav .menu > .current-menu-item { background: #C4D68a; }
.mh-main-nav .menu-item-home { background: #C4D68a; }

/***** Navigation OLDER *****/
.main-nav { background: #2a2a2a; text-transform: uppercase; border-bottom: 5px solid #C4D68a; }
.main-nav li { float: left; position: relative; border-left: 1px solid #000; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; }
.main-nav li:first-child { border: none; }
.main-nav li:hover { background: #C4D68a; }

.mh-main-nav li, .entry-tags li, .tagcloud a { -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; transition: 0.25s ease-out; }
.slicknav_menu { display: none; }
.mh-main-nav { text-transform: uppercase; border-bottom: 5px solid #C4D68a; }
.mh-main-nav li:hover { background: #C4D68a; }
.mh-main-nav .current-menu-item { background: #C4D68a; }

/* grant is trying to fix the menu display here */
ul.menu { display: block; color: #fff; background-color: #2a2a2a; padding: 0.416em 1em; text-decoration: none; }
li.menu-item  { display: block; color: #fff; background-color: #2a2a2a; padding: 0.416em 1em; text-decoration: none; }
li.menu-item a { display: block; color: #fff; background-color: #2a2a2a; padding: 0.416em 1em; text-decoration: none; }
li.current-menu-item { display: block; color: #fff; background-color: #C4D68a; padding: 0.416em 1em; text-decoration: none; }

.main-nav li a { display: block; color: #fff; background-color: #2a2a2a; padding: 0.416em 1em; text-decoration: none; }
.main-nav li a:hover { display: block; color: #AAC3AA; background-color: #2a6a2a; padding: 0.416em 1em; text-decoration: none; }
.main-nav ul li:hover > ul { display: block; color: #1D4A1D; z-index: 9999; }

 .main-nav .current-menu-item { background: #C4D68a; } 
.slicknav_menu { display: none; }


/***** SlickNav User Default Style *****/

/***** SlickNav Custom Style *****/
/* grant swapped the #e64946 (red) for #C4D68a (green) here, too  */

.slicknav_btn { background: #C4D68a; }
.slicknav_menu { padding: 0; border-bottom: 1px solid #2a2a2a; background: #C4D68a; display: none; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { color: #fff; background: #C4D68a; }

/***** FlexSlider Custom Styles *****/

.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.no-js .slides > li:first-child { display: block; }
.slider-normal { width: 620px; max-width: 100%; }
.slide-caption { width: 25em; max-width: 100%; position: absolute; background: #2a2a2a; color: #fff; top: 0; right: 0; border-bottom: 3px solid #DBE6B3; opacity: 0.6; filter: alpha(opacity=60); }
.slide-wrap:hover .slide-caption { opacity: 1; filter: alpha(opacity=100); }
.slide-title { color: #fff; margin-bottom: 10px; margin-bottom: 0.625rem; }
.slide-title:hover { color: #C4D68a; }
.slide-data { padding: 10px; padding: 0.625rem; }

/***** Posts/Pages *****/
/* grant changed the #e64946 for #C4D68a or #DBE6B3 here, too */

.mh-meta a:hover, .mh-footer .mh-meta a:hover { color: #DBE6B3; }

.entry-content a { font-weight: 600; color: #C4D68a; }
.entry-content a:hover { color: #C4D68a; text-decoration: underline; }
.entry-tags li:hover { background: #C4D68a; }
.entry-tags li {color: #DBE6B3; }
.entry-tags a {color: #DBE6B3; }
.entry-tags .fa { float: left; padding: 10px; margin-right: 6px; background: #C4D68a; color: #DBE6B3; }

.mh-subheading { display: inline-block; font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 5px 10px; margin-bottom: 10px; margin-bottom: 0.625rem; background: #C4D68a; text-transform: uppercase; }

.post-header { margin-bottom: 20px; margin-bottom: 1.25rem; }
.entry-title { padding-bottom: 3px; padding-bottom: 0.1875rem; }

/* grant changed links in entries here */
.entry-content a { font-weight: 600; color: #003300; background-color: #efffef}

/* grant hid featured-image thumbnails in posts here */
.entry-thumbnail {display:none;} 

.page-title-top, .subheading-top { border-bottom: 3px solid #2a2a2a; }
.page-title { font-size: 24px; font-size: 1.5rem; color: #fff; padding: 0px 10px 3px; padding: 0rem 0.625rem 0.1875rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #DBE6B3; display: inline-block; }
.subheading { font-size: 15px; font-size: 0.9375rem; color: #fff; line-height: 1.3; font-weight: 400; margin-bottom: 10px; margin-bottom: 0.625rem; padding: 2px 7px 3px; padding: 0.125rem 0.4375rem 0.1875rem; background: #DBE6B3; display: inline-block; }
.meta { font-size: 13px; font-size: 0.8125rem; color: #9a9b97; font-style: italic; }
.post-meta { margin-top: 10px; margin-top: 0.625rem; padding: 5px; padding: 0.3125rem; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.post-thumbnail { margin-bottom: 20px; margin-bottom: 1.25rem; }
.post-thumbnail img { width: 100%; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry p, .entry blockquote, .entry .flex-vid, .entry row { margin-bottom: 20px; margin-bottom: 1.25rem; }
.entry blockquote p:last-child { margin: 0; }



/***** Authorbox *****/

.mh-author-box a:hover { color: #C4D68a; }

.author-box { line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f7f7f7; border-top: 3px solid #DBE6B3; border-bottom: 3px solid #C4D68a; }
.author-box-wrap { padding: 10px; }
.author-box-avatar { float: left; margin-right: 10px; }
.author-box-name { margin-bottom: 10px; }

/***** Loop / Archives / Search Results *****/
/* grant changed #e64946 (red) for #C4D68a or #DBE6B3 here, too */

.loop-wrap { padding-bottom: 20px; padding-bottom: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-bottom: 1px solid #ebebeb; }
.loop-data { margin-bottom: 10px; margin-bottom: 0.625rem; }
.loop-thumb { float: left; margin-right: 20px; }
.mh-category-desc { color: #000; padding: 20px; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f5f5f5; border-top: 3px solid #C4D68a; border-bottom: 3px solid #C4D68a; }

/***** Pagination *****/

.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink { color: #fff; background: #C4D68a; }
.pagelink { display: inline-block; font-weight: 700; color: #fff; padding: 10px 15px; background: #C4D68a; }
.mh-post-nav a:hover { color: #C4D68a; }

/***** Footer *****/

footer { font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 20px; padding: 1.25rem; background: #2a2a2a; }

/* grant had to change the background color here. Go figure */
footer a { color: #f7f7f7; background-color: #2a2a2a }
.copyright-wrap { background: #2a2a2a; border-top: 3px solid #999; }
.copyright { font-size: 11px; font-size: 0.6875rem; padding: 2px 10px; padding: 0.125rem 0.625rem; color: #999; }
.copyright a { color: #999; }



/***** Images / Video *****/

img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; vertical-align: bottom; }
iframe { max-width: 100%; }
.aligncenter { display: block; margin: 0 auto; }
.alignleft { display: inline; float: left; margin: 0 10px 0 0; margin: 0 0.625rem 0 0; }
.alignright { display: inline; float: right; margin: 0 0 0 10px; margin: 0 0 0 0.625rem; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 12px; font-size: 0.75rem; line-height: 1.4; color: #9a9b97; margin-top: 5px; margin-top: 0.3125rem; display: inline-block; }
.alignleft .wp-caption-text, .alignright .wp-caption-text { margin-bottom: 0; }
.gallery dl { margin: 0; }
.gallery dt { list-style: none; }
.gallery-caption { position: relative; display: none; }


/***** Comments *****/

.bypostauthor .mh-comment-meta { border-bottom: 2px solid #C4D68a; }
.mh-comment-info { color: #C4D68a; margin: 20px 0; margin: 1.25rem 0; }

/***** Comment Form *****/

#respond a:hover { color: #C4D68a; }
#respond #cancel-comment-reply-link { font-size: 12px; font-size: 0.75rem; color: #fff; padding: 5px 10px; background: #C4D68a; }
#commentform p { margin-bottom: 10px; margin-bottom: 0.625rem; }
.required { color: #C4D68a; }

.no-comments { padding: 10px; padding: 0.625rem; margin-top: 20px; margin-top: 1.25rem; background: #f6f6f6; border: 1px solid #d7d8d8; }
.commentlist { margin-bottom: 40px; margin-bottom: 2.5rem; list-style: none; }
.commentlist .comment .vcard { line-height: 2.5; padding: 10px 0px; padding: 0.625rem 0rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.commentlist .comment .avatar { width: 2.5em; height: 2.5em; padding: 2px; padding: 0.125rem; margin-right: 6px; margin-right: 0.375rem; background: #fff; border: 1px solid #f7f7f7; vertical-align: middle; }
.commentlist .bypostauthor .vcard { border-left: 3px solid #C4D68a; }
.commentlist .bypostauthor .avatar { margin-left: 6px; margin-left: 0.375rem; }
.commentlist .children { list-style: none; }
.commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6 { margin-bottom: 20px; margin-bottom: 1.25rem; }
.comment-text p, .comment-text blockquote { margin-bottom: 20px; margin-bottom: 1.25rem; }
.comment-text blockquote p:last-child { margin: 0; }
.comment-info { color: #C4D68a; margin: 20px 0px; margin: 1.25rem 0rem; }
.comments-pagination { margin-bottom: 20px; margin-bottom: 1.25rem; }
.pinglist { margin-bottom: 20px; margin-bottom: 1.25rem; }
.pinglist .pings:first-child { border-top: 1px solid #ebebeb; }
.pinglist .pings { line-height: 2.5; padding: 10px 0px; padding: 0.625rem 0rem; border-bottom: 1px solid #ebebeb; }

/***** Forms - this seems to affect the Featured Slider as well??*****/

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border: 1px solid #C4D68a; }

input[type=submit] { display: inline-block; min-width: 100px; font-weight: 700; color: #fff; padding: 10px 15px; background: #C4D68a; cursor: pointer; text-transform: uppercase; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-appearance: none; }

input { font-size: 12px; font-size: 0.75rem; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
input[type=text] { width: 60%; }
input[type=submit] { min-width: 75px; color: #fff; padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #DBE6B3; text-decoration: none; cursor: pointer; display: inline-block; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; }
textarea { width: 96%; line-height: 1.5; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; }

/***** Comment Form OLDER *****/
/* grant changed #e64946 (red) for #C4D68a or #DBE6B3 here, too */

#respond a:hover { color: #C4D68a; }
#respond #cancel-comment-reply-link { font-size: 12px; font-size: 0.75rem; color: #fff; padding: 5px 10px; background: #C4D68a; }

#respond { padding: 10px; padding: 0.625rem; background: #f6f6f6; border: 1px solid #d7d8d8; }
#respond h3 { margin-bottom: 20px; margin-bottom: 1.25rem; }
#commentform p { margin-bottom: 10px; margin-bottom: 0.625rem; }
#cancel-comment-reply-link { font-size: 12px; font-size: 0.75rem; background: #DBE6B3; padding: 5px; padding: 0.3125rem; color: #fff; }
#cancel-comment-reply-link:hover { background: #2a2a2a; text-decoration: none; }
.required { color: #C4D68a; }

/***** Contact Form 7 *****/

.wpcf7-form { font-size: 12px; font-size: 0.75rem; padding: 10px; padding: 0.625rem; border: 1px solid #d7d8d8; background: #f7f7f7; }
.wpcf7-form input[type=email] { width: 60%; }
.wpcf7-form input[type=email]:hover { border: 1px solid #C4D68a; }
.wpcf7-form p { margin-bottom: 10px; margin-bottom: 0.625rem; }
.wpcf7-response-output { background: #fff; }

/***** Searchform *****/

#searchform { padding: 5px; padding: 0.3125rem; background: #f6f6f6; border: 1px solid #ebebeb; overflow: hidden; }
#searchform #s { width: 100%; font-size: 12px; font-size: 0.75rem; color: #444; background: none; border: none; }
#searchform #s:focus { outline: none; }
#searchsubmit { display: none; }

/***** Widgets *****/
/* grant replaced #e64946 with #C4D68a here in the titles */

.widget-title, .footer-widget-title { margin-bottom: 20px; margin-bottom: 1.25rem; }
.footer-widget-title { color: #fff; }
.widget-title, .footer-widget-title { border-bottom: 3px solid #C4D68a; padding-bottom: 3px; }
.sb-widget, .footer-widget { margin-bottom: 20px; margin-bottom: 1.25rem; overflow: hidden; }

.mh-slider-widget .flex-control-paging li a.flex-active { background: #C4D68a; border: 1px solid #fff; }
.mh-slider-caption { position: absolute; width: 350px; max-width: 100%; top: 0; right: 0; color: #fff; border-bottom: 3px solid #C4D68a; background: #2a2a2a; background: rgba(42, 42, 42, 0.8); }
.mh-widget-title, .mh-footer-widget-title { padding-bottom: 5px; margin-bottom: 20px; margin-bottom: 1.25rem; text-transform: uppercase; border-bottom: 3px solid #C4D68a; }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { color: #fff; background: #C4D68a; }


/***** MH Slider Widget *****/

.mh-slider-widget .flex-control-paging li a.flex-active { background: #C4D68a; border: 1px solid #fff; }
.mh-slider-caption { position: absolute; width: 350px; max-width: 100%; top: 0; right: 0; color: #fff; border-bottom: 3px solid #C4D68a; background: #2a2a2a; background: rgba(42, 42, 42, 0.8); }


/***** MH Posts Large Widget *****/

.mh-posts-large-caption { position: absolute; top: 0; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #fff; padding: 10px 15px; background: #C4D68a; text-transform: uppercase; }
.mh-tabbed-widget a:hover { color: #C4D68a; }
.mh-tab-buttons { border-bottom: 3px solid #C4D68a; }
.mh-tab-button.active, .mh-tab-button.active:hover { color: #fff; background: #C4D68a; }
.mh-footer-widget .mh-tab-button.active { background: #C4D68a; }

/***** WP Tag Cloud Widget *****/

.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { color: #fff; background: #C4D68a; }