/*
Theme Name: meQropolis
Author: weeki
Author URI: https://weeki.mx
Template: javapaper
Description: Periodismo Digital
Version: 1.1
Text Domain: javapaper
*/

/* =Basic structure
-------------------------------------------------------------- */
:root{
	--main-brand-color: #29b7c3;
	--e-global-color-primary: #29b7c3;
	--second-brand-color: #28394d;
}

/* Body, links, basics */
html {
	font-size: 90.5%;
}
body {
	font-family: "Roboto", Helvetica, Arial, sans-serif;	
	font-size: 14px;
	line-height:20px;
	color: #777;	
	font-display: "swap";
	text-rendering: optimizeLegibility;
}
a {
	outline: none;
	color: #050505;
	text-decoration:none;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
a:hover {
	color: #666;
	text-decoration:underline !important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
#site-footernavigation a:hover,
#site-navigation a:hover {
	text-decoration:none!important;
}

#masthead :is(.header-top, .header-middle, .nav-mainwrapper){
	background-color: var(--main-brand-color);
} 
.header-top{
	border: none;
}
.header-top .simple-marquee-container{
	background-color: color(srgb 1 1 1 / 0.3);
}
.nav-mainwrapper{
	border: none !important;
}
#masthead .header-middle .javapaperlogo img{
	max-width: 480px;
	margin-top:30px;
}
.mega_main_menu > .menu_holder > .menu_inner > ul > li{
	background-color: var(--second-brand-color) !important;
}
.mega_main_menu > .menu_holder > .menu_inner > ul > li:hover, .mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-item, .mega_main_menu > .menu_holder > .menu_inner > ul > li.current-post-ancestor{
	background-color: #ececec !important;
}
.mega_main_menu.primary_menu > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li > .item_link, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li > .item_link *{
	color: white !important;
}
.mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li:hover > .item_link, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li > .item_link:hover *, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li > .item_link:hover, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li > .item_link:focus, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.keep_open > .item_link *, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li:hover > .item_link *, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link *, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.current-page-ancestor > .item_link *, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.current-post-ancestor > .item_link *, .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link *{
	color:var(--second-brand-color) !important;
	border-color:var(--second-brand-color) !important;
}
.mega_main_menu.primary_menu li.nav_search_box{
	display: none !important;
}

.module-cat a, .sosmed{
	background-color: var(--main-brand-color) !important;
}
.module-cat:before{
	border-top: 8px solid var(--main-brand-color) !important;
}
.module16-time:before {
	color: var(--main-brand-color) !important;
}
/*.switch{
	border: 1px solid #000000 !important;
}
.switch__input:checked + .switch__label + .switch__marker{
	background-color: var(--main-brand-color);
}
.switch__marker:before, .switch__input:checked + .switch__label + .switch__marker:after{
	color: black;
}
*/
@media screen and (max-width: 768px) {
	.mainheader{ margin: 0 !important;}
	nav#site-navigation{
		margin-top:-20px;
	}
}
@media screen and (min-width: 768px) {
    .wrapper-header {
        padding: 0 !important;
        margin-bottom: 25px;
        margin: 0 auto;
        max-width: 100% !important;
    }
    .header-top{
    	border: none !important;
    }
}