/*
Theme Name: Colegio diocesano
Description: Activar para sitio de colegio
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

.block-content:not(.no-top-margin){padding:60px 0 !important;}
.vc_row[data-vc-full-width].active-overflow{ overflow:visible;}

.header-style-3 #primary-menu.no-responsive > li > a{padding: 0px 8px;}
.top-area-menu .nav-menu > li{padding: 0 10px; border-right:1px solid #fff}

h2{margin:0.6em;}
#footer-menu{float:right;}
.footer-site-info{ font-size:12px;}
#footer-menu li a{font-size:12px;}
#footer-menu li + li:before{border-color:#99a9b5;}
#footer-nav{border-top-color:#0cb5a7;}
.widget-title:after,.top-area-menu .nav-menu > li a:before{content:'' !important;}
.top-area-menu .nav-menu > li a:after{ border-right: 1px solid #fff;}
.wpb_widgetised_column .widget + .widget{margin-top:0 !important;}
h3.widget-title{margin-top:0;}
.vc_images_carousel img.attachment-full{max-width: 100% !important; height: 100% !important}

/* CABECERA */

.site-title .site-logo{margin: 0 15px 0 0}
.site-title{text-transform:uppercase;padding-left:10px;color:#057f76;line-height:18px;font-size:16px;padding:15px !important;}
#site-header{background-size:cover;background-position:center center;background-image:url('./images/bck_header.png'); background-color:#fff;}
.top-area-menu .nav-menu > li:not(.trabaja):not(.tienda) a{ font-size:14px !important;line-height:14px !important;}
.top-area-menu .nav-menu > li.button.trabaja{background: url(./images/icon_trabaja.png) #217cc1 no-repeat 9px 4px !important;padding-left:34px !important;border-radius:5px;border:none;margin-left:15px; }
.top-area-menu .nav-menu > li.button.trabaja a{ content:"\f007";}
.top-area-menu .nav-menu > li.button.trabaja a:before{ content:"\f007";font-family:'FontAwesome';}
#site-header .primary-navigation{width:65% !important;}
.top-area a{color:#fff !important;font-family: 'Futura Medium' !important;}
.wpb_widgetised_column .mc4wp-form-fields, .sidebar .mc4wp-form-fields, .top-area {
    background-color: #012c46;
}
.top-area-menu .nav-menu > li.button.tienda{background-color: #217cc1;padding-left:14px !important;border-radius:5px;border:none;margin-left:15px; }
.top-area-menu .nav-menu > li.button.tienda a:before{content:'\f553';font-family:'Font Awesome 5 Free'}
/* FORMULARIOS */
.wpcf7-form .acepto{width: auto !important}

/* MENU */
#primary-menu.no-responsive > li > ul a,.header-style-3 #primary-menu.no-responsive li li.menu-item-active > a,.header-style-3 #primary-menu.no-responsive li li:hover > a{ padding:8px 20px;border:none;}




/*POSTS*/
.post-footer-sharing,.post-text,.post-meta.date-color{display:none !important;}
.blog-style-justified-3x a.gem-button,.post-footer .gem-button-container .gem-button {border-radius:30px !important;}
.justified-style-1 .description .info,.justified-style-2 .description .info{position:static !important;margin-top:0 !important;margin:auto;}
.gem-button-size-tiny{margin-top:0 !important;}
.post-read-more {display: block !important;width: 125px !important;margin: auto !important;}
.justified-style-1 .post-content-wrapper,.justified-style-2 .post-content-wrapper{padding:20px !important;}
.justified-style-1 .entry-title.title-h4 a,.justified-style-2 .entry-title.title-h4 a,.blog-style-default article .entry-title a{ display:block !important;text-align:center !important; }
.blog-style-default article{ margin-bottom:0 !important;padding-bottom:0 !important;}
body .blog{padding:0 !important;margin:0 !important;}
.blog-style-default article:not(.sticky),.justified-style-1 .post-content-wrapper{border:none !important;}

/* LISTADOS */
.gem-list > ul > li:before{text-indent:-11px !important;font-size:27px !important;color:#217cc1 !important;padding-left:4px !important;}

/* EVENTOS */
.mec-calendar .mec-event-article .mec-event-title a{color:#057f76;}
.mec-calendar .mec-event-article .mec-event-image{ height:65px;}
.mec-calendar .mec-event-article .mec-event-image img{max-width:100%;max-height:100%;}
.mec-container [class*=col-] img{height:auto;}
.mec-event-footer{display:none;}
.mec-single-event{margin-top:30px;}
.entry-content .mec-wrap h1, .entry-content .mec-wrap h2, .entry-content .mec-wrap h3, .entry-content .mec-wrap h4, .entry-content .mec-wrap h5, .entry-content .mec-wrap h6, .mec-wrap h1, .mec-wrap h2, .mec-wrap h3, .mec-wrap h4, .mec-wrap h5, .mec-wrap h6,.mec-single-event .mec-event-meta dt, .mec-single-event .mec-event-meta h3,.mec-single-event .mec-event-social h3,.mec-single-event .mec-events-meta-group-booking form>h4, .mec-single-event .mec-frontbox-title{color:#60727e;}

/* FOOTER */
.widget_nav_menu h2.widgettitle{color:#0cb5a7;margin:0;margin-bottom:30px;font-size:16px;line-height:18px;}
.widget_nav_menu ul.menu li > a{padding:3px !important;color:#99a9b5 !important;font-size:16px;line-height:18px;text-transform:inherit; letter-spacing:-0.5px;}
.widget_nav_menu li,.widget_nav_menu ul.menu{border:none !important;}
.widget_nav_menu li.secretaria{display:none;}
/*.widget_nav_menu ul.menu li > ul.sub-menu{display:block !important;}*/
.widget_nav_menu ul ul{
	background: none !important;
	padding-left: 20px;
}
.widget_nav_menu li li a::before, .widget_submenu li li a::before{content: none !important}

/* RESPONSIVE */

@media(max-width:1024px)
{
	#page-title{padding:40px 0 !important;}
	.site-logo{ width:45px !important;}
	.site-title{text-align:center;padding:15px 10px !important;text-transform:none !important;letter-spacing:-0.5px;!important;}
	.disable-custom-paggings-tablet,.disable-custom-paggings-mobile{padding-top:0 !important;padding-bottom:0 !important;}	
	#site-header .primary-navigation{width:10% !important;}
}

@media only screen and (max-width: 900px) {
	#top-area{display: block !important;}
	#site-header .primary-navigation{width: 20% !important}
	.top-area .top-area-block.top-area-menu{margin: auto; width: 80%; padding: 0;text-align: center;}
	.top-area-menu .nav-menu > li.button.trabaja{background: none !important; padding-left: 0px !important}
	.top-area-menu .nav-menu > li a, .top-area-menu .nav-menu > li:not(.trabaja) a{font-size: 10px !important}
	.top-area-alignment-right .top-area-items{text-align: center;}
}