/*****
Theme Name: MH Etwinning SP
Theme URI: 
Description: To MH Etwinning SP είναι για χρήση στο etwinning magazine. Βασισμένο στο MH Magazine lite.
Author: schoolpress.sch.gr
Author URI: https://schoolpress.sch.gr
Template: mh-magazine-lite
Version: 1.0.1
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, news
Text Domain: mh-etwinning-sp
Domain Path: /languages/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

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

body { font-family:  -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif; color: #4c2b2b; background: #E5E5E5; }
h1, h2, h3, h4, h5, h6, .mh-custom-posts-small-title { font-family:  -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif; color: #4c2b2b; }
blockquote { border-color: #3EA4CF; }
a { color: #4c2b2b; }
a:hover { color: #3EA4CF; }

.mh-wrapper {
      background: #FFFFFF;
}
.mh-site-logo {
    padding: 10px 20px;
}
/***** Header *****/

.mh-header-title { font-size: 28px; font-size: 1.75rem; color: #4c2b2b; }
.mh-header-tagline { color: #3EA4CF; }

/***** Navigation *****/

.mh-main-nav-wrap { background: #3EA4CF; }
.mh-main-nav { background: #3EA4CF; border-bottom: none; }
.mh-main-nav li:hover { background: #3EA4CF; }
.mh-main-nav ul li:hover > ul { background: #3EA4CF; }
.mh-main-nav .menu > .current-menu-item { background: none; }
.mh-main-nav .menu > .current-menu-item:hover { background: #3EA4CF; }

/***** SlickNav Custom Style *****/

.slicknav_btn { background: #3EA4CF; }
.slicknav_menu { border-color: #3EA4CF; background: #3EA4CF; }
.slicknav_nav ul { border-color: #3EA4CF; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { background: #3EA4CF; }
.mh-main-nav-wrap .slicknav_btn, .mh-main-nav-wrap .slicknav_menu, .mh-main-nav-wrap .slicknav_nav .slicknav_item:hover, .mh-main-nav-wrap .slicknav_nav a:hover { background: transparent; }
.mh-main-nav-wrap .slicknav_nav ul { border-color: #3EA4CF; }
.mh-main-nav-wrap .slicknav_nav ul ul { border: none; }

/***** Posts/Pages *****/

.entry-content a { color: #3EA4CF; }
.entry-content a:hover, .mh-meta a:hover { color: #3EA4CF; }
.entry-tags li { background: #3EA4CF; }
.entry-tags li:hover, .entry-tags .fa { background: #3EA4CF; }
.wp-caption-text, .wp-block-image figcaption, .wp-block-audio figcaption { color: #4c2b2b; }

/***** Loop / Archives / Search Results *****/

.mh-posts-grid { padding-bottom: 20px; border-bottom: 1px dotted #ebebeb; }
.mh-posts-grid-col { width: 48.24%; margin-left: 3.52%; }
.mh-posts-grid-col:first-child { margin: 0; }
.mh-posts-grid-thumb { position: relative; margin-bottom: 10px; }
.mh-posts-grid-thumb img { width: 100%; max-width: 326px; }
.mh-posts-grid-title { font-size: 20px; font-size: 1.25rem; }
.mh-posts-grid-meta { margin-top: 5px; }
.mh-posts-grid-excerpt { margin-top: 10px; }
.mh-posts-grid-more { margin-top: 20px; }

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

.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink, .pagelink { background: #3EA4CF; }

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

.mh-footer { background: #3EA4CF; }
.mh-footer a, .mh-footer .mh-meta, .mh-footer .mh-meta a, .mh-footer .mh-meta a:hover { color: #fff; }
.mh-copyright-wrap { border-color: rgba(255, 255, 255, 0.3); background: #3EA4CF; }
.mh-copyright, .mh-copyright a { color: #fff; }

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

.bypostauthor .mh-comment-meta-author:after, .mh-comment-meta-links .comment-reply-link:before, #respond #cancel-comment-reply-link:before { color: #3EA4CF; }

/***** Forms *****/

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: #3EA4CF; }
input[type=submit] { background: #3EA4CF; }
input[type=submit]:hover { background: #3EA4CF; }

/***** Widgets *****/

.mh-widget-title { font-size: 14px; font-size: 0.875rem; color: #fff; padding-bottom: 0; border-bottom: 3px solid #3EA4CF; }
.mh-widget-title a { color: #fff; }
.mh-widget-title-inner, .mh-footer-widget-title-inner { display: inline-block; padding: 5px 15px 2px; background: #3EA4CF; }

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

.mh-slider-widget img { width: 100%; display: block; }
.mh-slider-widget .flex-control-paging li a.flex-active { background: #3EA4CF; }
.mh-slider-caption { border-color: #3EA4CF; background: #3EA4CF; background: rgba(5, 193, 182, 0.8); }
.mh-widget-col-1 .mh-slider-caption { background: #3EA4CF; }
.mh-footer-widget .mh-slider-caption { background: rgba(255, 255, 255, 0.1); }

/***** MH Posts Stacked Widget *****/

.mh-posts-stacked-title { background: #3EA4CF; background: rgba(5, 193, 182, 0.8); }
.mh-posts-stacked-meta { background: #3EA4CF; }
#mh-mobile .mh-footer-widget .mh-posts-stacked-overlay { border-color: #3EA4CF; }

/***** MH Tabbed Widget *****/

.mh-tabbed-widget a:hover { color: #3EA4CF; }
.mh-tabbed-widget .tagcloud a { color: #fff; }
.mh-tab-buttons { border-bottom: 3px solid #3EA4CF; }
.mh-tab-button.active, .mh-tab-button.active:hover { color: #fff; background: #3EA4CF; }
.mh-tab-comment-excerpt { background: rgba(255, 255, 255, 0.6); }
.mh-footer-widget .mh-tabbed-widget, .mh-footer-widget .mh-tabbed-widget a { color: #fff; }
.mh-footer-widget .mh-tab-button.active { background: #3EA4CF; }
.mh-footer-widget .mh-tab-comment-excerpt { background: #3EA4CF; }

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

.mh-widget .tagcloud a { background: #3EA4CF; }
.mh-footer-widget .tagcloud a { background: rgba(255, 255, 255, 0.1); }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { background: #3EA4CF; }

/***** Media Queries *****/

@media screen and (max-width: 900px) {
	#mh-mobile .mh-slider-caption { background: #3EA4CF; background: rgba(5, 193, 182, 1); }
	#mh-mobile .mh-footer-widget .mh-slider-caption { background: rgba(255, 255, 255, 0.1); }
}
@media screen and (max-width: 767px) {
	.mh-posts-grid-col { width: 48.75%; margin-left: 2.5%; }
	.mh-posts-grid-thumb img { max-width: 100%; }
}
@media screen and (max-width: 620px) {
	#mh-mobile .mh-posts-grid { padding: 0; border: none; }
	#mh-mobile .mh-posts-grid-col { float: none; width: 100%; margin: 20px 0 0 0; border-bottom: 1px dotted #ebebeb; }
	#mh-mobile .mh-posts-grid-col:first-child { margin-top: 0; }
	.mh-posts-grid-thumb { float: left; max-width: 80px; margin: 0 15px 20px 0; }
	.mh-posts-grid-title { font-size: 14px; font-size: 0.875rem; }
	.mh-posts-grid-meta { font-size: 11px; font-size: 0.6875rem; }
	.mh-posts-grid-excerpt { display: none; }
}
@media only screen and (max-width: 420px) {
	.mh-copyright-wrap { padding: 15px 20px; }
}


/**SP **/
@media screen and (max-width: 767px) {
.js .mh-main-nav {
    display: block;
	}
}

.mh-header-text {
    margin: 0;
    text-transform: none;
}

.mh-main-nav li a {
    padding: 5px 20px;
}

.mh-container-outer {
   margin: 0 auto;
    }
    
.content-lead {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #ebebeb;
}

.mh-widget li {
    display: block;
    padding: 5px 0;
    border-bottom: 1px dotted #ebebeb;
}

/**TEYXH **/

.entry-meta {
    text-transform: none;
}


.SerTable {
    float:left;
    width:27%;
    min-height: 292px;
    margin:0 0.5%;
    padding:2%;
    text-align: center;
}

@media only screen and (max-width: 40em) {
    .SerTable {
        float:none;
        width:100%;
        margin-bottom:5px
    }
}

@media only screen and (max-width: 980px) {
    .js .main-nav {
        display: block;
    }
}