/* Estilos adicionales para Cuba Periodistas */

/* Patua One */
@import "https://fonts.googleapis.com/css?family=Patua+One";

/* Open Sans */
@import "https://fonts.googleapis.com/css?family=Open+Sans";

@font-face {
	font-family: 'Patua One';
}

/* Open Sans */
@font-face {
	font-family: 'Open Sans', sans-serif;
}


body {
font-family: 'Open Sans';
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Patua One";
	letter-spacing: 0.05em;
}

h3 { line-height: 65%; }

h3.slide-title, h3.block-title {
	line-height: 132% !important;
}

h3.block-title a {
	text-transform: uppercase !important;
}

h1.entry-title {
	text-transform: none;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	text-transform: none  !important;
}

/*
#content img {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	transition-property: -webkit-filter, filter;
	transition-duration: 1s;
}

#content img:hover {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(0%);
	filter: gray;
	filter: grayscale(0%);
}
*/

#top-header-navigation {}

/* Elementos de Primer Nivel*/
#top-header-navigation .top-menu li.menu-item-has-children {
	position: relative;
}

#top-header-navigation .top-menu .sub-menu {
	position: absolute;
	z-index: 50000;
	display: none;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu, #top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu {
	width: 200px;
	background-color: #ededed;
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu {
	padding-top: 20px;
	top: 12px;
	left: 0;
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children:hover > .sub-menu {
	display: block;
	
}

/* Elementos de Segundo Nivel */
#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li,
#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li > a {
	display: block;
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li {
	border-bottom: #000 solid 1px;
	border-left: none;
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li > a {
	padding: 10px;
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu {
	left: 190px;
	top: 0;
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu > li, #top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu > li > a {
	display: block;
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu > li {
	border-left: none;
	border-bottom: #000 solid 1px;
}

#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu > li > a {
	padding: 10px;
}
#top-header-navigation .top-menu > ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:hover > .sub-menu {
	display: block;
}

.category-button a {
	font-weight: 700;
	letter-spacing: 0.1em;
}

.author > a, .vcard > a { letter-spacing: 0.05em; }

.logo-ads-wrapper {
	padding: 0;
}

.logo-ads-wrapper > .mt-container {
	width: 100% !important;
}

.site-branding {
	width: 100%;
}

.custom-logo-link {
	display: block;
	width: 100%;
	position: relative;
	margin: 0;
	overflow: hidden;
	text-align: center;
}

.custom-logo-link img {}

.mt-footer-widget {}

#top-footer {
	padding: 40px 0 20px 0 !important;
}

/*.mt-second-footer-widget .widget.widget_media_image,
.mt-second-footer-widget .widget.widget_text {
	text-align: right;
}*/

.mt-second-footer-widget .widget.widget_text {
	margin-right: 15px;
}

.mt-second-footer-widget * {
	text-align: right;
}

.featured-post-wrapper .post-cat-list {
	/*margin-left: -10px;*/
	display: none;
}

.slider-content-wrapper .post-cat-list,
.block-grid-wrapper .post-cat-list { margin-left: -20px; }

.slider-content-wrapper .post-cat-list .category-button a,
.block-grid-wrapper .post-cat-list .category-button a { padding-left: 20px; }

/* HACK para la llenar los espacios de la derecha del Slider */
.featured-post-wrapper .featured-left-section .single-featured-wrap,
.featured-post-wrapper .featured-right-section .single-featured-wrap { overflow: hidden; }

.featured-post-wrapper .featured-left-section .single-featured-wrap img,
.featured-post-wrapper .featured-right-section .single-featured-wrap img {
	object-fit: cover;
	width: 100%;
}

.featured-post-wrapper .featured-left-section {}

.featured-post-wrapper .featured-left-section .single-featured-wrap img  { height: 205px; }
.featured-post-wrapper .featured-right-section .single-featured-wrap img { height: 420px; }

.home-primary-wrapper .post-cat-list { display: none; }

/* Social Network */
.footer-menu > ul {
	position: relative;
	top: 3px;
}

.footer-menu .menu-item a {
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	width: 50px;
	height: 20px;
}

.footer-menu .menu-item a:before {
	display: block;
	position: relative;
	margin: 0 auto;
	content: "";
	background-position: center;
	background-repeat: no-repeat;
}

.footer-menu .menu-item.fb a:before {
	width: 11px;
	height: 20px;
	background-image: url(assets/images/social-net/fb.svg);
}

.footer-menu .menu-item.tw a:before {
	width: 25px;
	height: 20px;
	background-image: url(assets/images/social-net/tw.svg);
}

.footer-menu .menu-item.inst a:before {
	width: 20px;
	height: 20px;
	background-image: url(assets/images/social-net/inst.svg);
}

.footer-menu .menu-item.yt a:before {
	width: 20px;
	height: 20px;
	background-image: url(assets/images/social-net/yt.svg);
}

.footer-menu .menu-item.scrb a:before {
	width: 20px;
	height: 20px;
	background-image: url(assets/images/social-net/scribd.svg);
}

.footer-menu .menu-item.rss a:before {
	width: 20px;
	height: 20px;
	background-image: url(assets/images/social-net/rss.svg);
}

/* Solución temporal para la sección de Opinión */

.op-section-wrapper {
	margin-top: 20px;
}

.op-content {
	display: flex;
	flex-wrap: nowrap;
	margin-top: 45px;
}

.op-content .block {
	width: 25%;
}

.op-content .block .content {
	display: flex;
	
}

.op-content .block .content .photo-content {
	width: 25%;
}

.op-content .block .content .info-content {
	width: 55%;
}

.op-content .block .content .info-content h4,
.op-content .block .content .info-content h6 {
	padding-left: 20px;
}

.op-content .block .content .info-content h4 {
	font-size: 14px;
}


.op-content .block .content .info-content h6 {
	font-family: "Open Sans";
	font-size: 12px;
}

.op-content .block .photo-content .photo {
	width: 100%;
	border-radius: 50%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: silver;
}

.op-content .block.block-1 .photo-content .photo {
	background-image: url(http://www.cubaperiodistas.cu/wp-content/uploads/2018/02/claro-1.jpg);
}

.op-content .block.block-2 .photo-content .photo {
	background-image: url(http://www.cubaperiodistas.cu/wp-content/uploads/2018/04/Roger-Ricardo-Luis-1.jpg);
}

.op-content .block.block-3 .photo-content .photo {
	background-image: url(http://www.cubaperiodistas.cu/wp-content/uploads/2018/08/ricardo-ronquillo-bello-presidente-dela-UPEC-1.jpg);
}

/* Directivos de la UPEC */
.grid {
	display: flex;
	flex-wrap: wrap
}

.grid h5 {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	border-bottom: #ccc solid 1px;
	padding: 10px;
	text-transform: uppercase;
}

.grid .direct-block {
	width: 33.3%;
	margin-bottom: 40px;
	text-align: center;
}

.direct-block .photo {
	width: 175px;
	height: 175px;
	margin: 0 auto 10px auto;
	background-color: silver;
	background-position: center;
	background-size: cover;
	border-radius: 50%;
}

.direct-block .direct-brief-info {
	font-size: medium;
}

.direct-block h6 {
	font-size: 13px;
	color: #666;
	font-weight: lighter
}

/* Directivos Detalles */
.single-directivo .single-post-image {
	margin: 20px auto 10px auto;
	width: 300px;
	height: 300px;
}

.single-directivo .single-post-image img {
	border-radius: 50%;
}

.single-directivo .entry-title {
	text-align: center;
}

.single-directivo .entry-meta,
.single-directivo .editorial-author-wrapper,
.single-directivo .post-navigation {
	display: none;
}


.home .post-content-wrapper .post-content {
	max-height: 120px;
}

.home .post-content-wrapper .post-content p {
	line-height: 20px;
}

#site-navigation ul li {
	text-transform: none;
}

.archive .entry-meta {
	text-align: left;
}

.entry-content p img.alignleft {
	margin-right: 30px;
	margin-bottom: 20px;
}

.entry-content .twitter-tweet {
	margin-left: auto;
	margin-right: auto;
}

.menu-item-37451.mt-cat-12 {
	display: none;
}

.archive .entry-header,
.archive.archive-classic .entry-content,
.archive-classic .entry-footer { text-align: left; }

.author-box { padding-bottom: 30px; }

.author-box > ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

.author-box > ul li {
	border-bottom: rgba(0,0,0,0.1) solid 1px;
}

.author-box > ul li:last-child {
	border-bottom: none;
}

.author-box > ul li a {
	display: block;
	padding: 10px;
}

.author-meta-info {
	display: flex;
	align-items: center;
}

.author-meta-info {
	margin-bottom: 20px;
}

.author-meta-info + h6 { margin-bottom: 10px;}

.author-box > .author-meta-info img {
	border-radius: 50%;
}

.author-box > .author-meta-info h4 {
	padding-left: 15px;
	margin-bottom: 0  !important;
}

.single-post-image, .post-image {
	/*height: 400px;
	overflow: hidden;*/
}

.single-post-image figure img,
.post-image figure img {
	position: relative;
	width: 100%;
	/*margin-top: -10% !important;*/
}

.archive.archive-classic .entry-title a:after {
	display: none;
}

#mt-scrollup {
	border-radius: 0;
}

.ss-inline-share-wrapper .ss-social-share-label {
	display: inline-block !important;
	position: relative;
	top: -15px;
	right: 5px;
}

.ss-inline-share-wrapper .ss-social-share-label span {
	margin-bottom: 0;
}

#commentform label {
	width: 100%;
}

/* Directivos */

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

	.featured-post-wrapper .featured-left-section .single-featured-wrap img { height: 171px; }

	.featured-post-wrapper .featured-right-section .single-featured-wrap img { height: 353px; }
	
	.related-posts-wrapper .single-post-wrap {
		width: 44%;
		margin-right: 3%;
	}

}

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

	.featured-post-wrapper .featured-left-section .single-featured-wrap img { height: 260px; }

	.featured-post-wrapper .featured-right-section .single-featured-wrap img { height: 530px; }

	.author-box {
		display: none;
	}

	.single-post-image, .post-image {
		height: auto;
	}

	.op-content {
		flex-wrap: wrap;
	}
	
	.op-content .block {
		width: 50% !important;
		margin-bottom: 40px;
	}

	.op-content .block .content {
		align-items: center;
	}

	.op-content .block .content .info-content {
		width: 50%;
	}

	.op-content .block .content .info-content h6 {
		margin-bottom: 0
	}

	.mt-footer-widget-wrapper {
		display: flex;
	}

	#mt-scrollup {
		bottom: 80px;
	}

	#bottom-footer .mt-container {
		text-align: center;
	}

	#bottom-footer .site-info, #footer-navigation {
		float: none;
	}

	#bottom-footer .site-info {
		margin-top: 15px;
	}

	#footer-navigation {
		margin: 30px 0 20px 0;
	}

}

@media screen and (max-width: 470px) {
	
	.grid .direct-block {
		width: 100%;
	}
	
	.entry-content .wp-caption, .entry-content p img {
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
	}
	
	.related-posts-wrapper .single-post-wrap {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	.mt-footer-widget, .mt-second-footer-widget * {
		text-align: center !important;
	}
	
	.footer-menu ul {
		display: flex;
		margin: 10px 0 !important;
	}

	.footer-menu .menu-item a {
		width: 37px;
	}

	.op-content {
		flex-wrap: wrap;
	}
	
	.op-content .block {
		width: 100% !important;
		margin-bottom: 30px;
	}

	.op-content .block .content {
		align-items: center;
	}

	.op-content .block .content .info-content {
		width: 70%;
	}

	.op-content .block .content .info-content h6 {
		margin-bottom: 0;
	}

	#mt-scrollup {
		bottom: 80px;
	}

	.mt-footer-widget-wrapper {
		display: block;
	}

	#bottom-footer .mt-container {
		text-align: center;
	}

	#bottom-footer .site-info, #footer-navigation {
		float: none;
	}

	#bottom-footer .site-info {
		margin-top: 15px;
	}

	#footer-navigation {
		margin: 30px 0 20px 0;
	}
}