/*
	Theme Name:     Minimalart
	Theme URI:      https://minimalart.co/
 	Description:    Minimalart Theme for Cepas de Oro
 	Author:         Max Kraszewski
 	Author URI:     https: //minimalart.co/
 	Template:       herald
 	Version:        1.0.2

-------------------------------------------------------------- */

/* ########################################################## */
/* HEADINGS                 
/* ########################################################## */
.page-template-template-modules h1,
.page-template-default h1 {
	text-transform: uppercase;
}

/* ======================== */
/* HEADER                   */
/* ======================== */
.mco-btn-header-phone {
	font-size: 22px;
	margin-top: -3px
}

@media (max-width: 767px) {
	.h1.site-title {
		line-height: 5rem;
	}

	.herald-logo-mini {
		width: 100px !important;
	}
}

/* ======================== */
/* HELPERS 									*/
/* ======================== */

.mco-cols {
	width: 100%;
}

.mco-col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	min-height: 30px;
	margin-left: 2.564102564102564%;
}

.mco-col:after {
	content: '';
	display: block;
	clear: both;
}

.mco-col-1-3 {
	width: 31.623931623931625%;
}

.mco-cols [class*="mco-"]:first-child {
	margin-left: 0;
}

/* ########################################################## */
/* HOME 
/* ########################################################## */

/* SLIDER */
@media (max-width:767px) {
	.mco-home-slider .herald-txt-module {
		margin-bottom: 0;
	}
}

/* COUNTER */
.mco-counter-box {
	margin-bottom: 40px;
}

.mco-counter-text {
	font-family: 'Barlow Condensed';
	font-weight: 600;
	color: #777777;
}

.mco-counter-stats {
	border-bottom: 3px solid #96CA56;
}

.mco-counter-stats i {
	color: #96CA56;
	font-size: 4rem;
}

.mco-counter-stats span {
	font-family: 'Barlow Condensed';
	font-weight: 600;
	color: #777777;
}

@media (max-width:767px) {
	.mco-counter-box {
		text-align: center;
		padding: 0 10px;
	}

	.mco-counter-count {
		display: block;
	}

	.mco-counter-stats span {
		font-size: 3.5rem;
	}

	.mco-counter-text {
		margin-top: 5px;
		font-size: 1.8rem;
		line-height: 1.3;
	}

}

@media (min-width:768px) {
	.mco-counter-box {
		text-align: left;
	}

	.mco-counter-stats {
		margin: 0 50px 10px 0;
		padding-bottom: 10px;
	}

	.mco-counter-stats i {
		padding-right: 20px;
	}

	.mco-counter-stats span {
		font-size: 4.5rem;
	}

	.mco-counter-text {
		font-size: 2.2rem;
	}

}


/* BLOQUE DESTACADOS 
------------------------------------------------------------- */

@media (min-width:768px) {
	.herald-no-sid .herald-fa-2 .herald-fa-list {
		height: 420px;
	}
}

@media (max-width: 400px) {
	.herald-fa-2 .herald-fa-item img {
		height: 100%;
	}
}

/* GENERAL 
------------------------------------------------------------- */

.herald-entry-content p {
	margin: 0 0 2rem;
}

/* CTA MENU - DONACIONES 
------------------------------------------------------------- */
.mco-btn-header-donacion a {
	background: #ee2e5a !important;
	color: #ffffff;
	border-radius: 5px;
	padding: 20px;
}

.mco-btn-header-donacion a:hover {
	background: #96ca56 !important;
}

.mco-btn-header-phone a:hover {
	background: none !important;
	color: #ee2e5a !important;
}

/*FORMULARIO CONTACTO SIDEBAR
------------------------------------------------------------- */
.mco-form-contacto {
	background: #fafafa;
	padding: 2%;
}

/*BACKGROUND MINIATURAS
------------------------------------------------------------- */
.herald-post-thumbnail {
	background-color: transparent;
}

/* WIDGETS */

/* BANNER DONACIÓN 
------------------------------------------------------------- */
.banner-donacion {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	box-shadow: 10px 10px 10px 0 lightgrey;
}

/* BOTON DONACIÓN FULL 
------------------------------------------------------------- */
.mks_button_large {
	width: 100%;
	text-align: CENTER;
	font-size: 20PX;
	border-radius: 2px;
	margin-bottom: 40px !important;
}


/* CAMPAÑAS EN POSTS
------------------------------------------------------------- */
.mco_post_campanas {
	border-bottom: 2px solid #77aa43;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.mco_post_campanas::after {
	content: "";
	display: table;
	clear: both;
}

.mco_post_campanas_item {
	float: left;
	font-family: 'Barlow Condensed';
	font-size: 18px;
	text-transform: uppercase;
	margin-right: 40px;
	color: #77aa43
}

.mco_post_campanas_icon {
	float: left;
	width: 75px;
}

.mco_post_campanas_item img {
	width: 75px;
}

.mco_post_campanas_stats {
	float: left;
}

.mco_post_campanas_stats span {
	display: block;
	font-size: 24px;
	line-height: 2rem;
}

/* PAGINA COLABORA 
------------------------------------------------------------- */
.page-template-template-colabora #content {
	background: url('https://bibliotecamovil.org/wp-content/themes/minimalart/assets/mco-colabora-color.jpg') no-repeat top center;
	padding: 0 !important;
}

.page-template-template-colabora .entry-title {
	display: none;
}

.page-template-template-colabora .mco-colabora-desc {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 3%;
	border-radius: 5px;
}

.page-template-template-colabora .mco-colabora-desc h2 {
	color: #a9ee5b;
	text-transform: uppercase;
}

.page-template-template-colabora .mco-colabora-desc p {
	font-size: 1.2em;
}

@media (max-width: 720px) {
	.page-template-template-colabora #content {
		background-position: bottom left;
		background-attachment: fixed;
	}

	.page-template-template-colabora .mco-colabora-desc p {
		font-size: 1em;
	}
}

.mco-colabora-form {
	background: rgba(255, 255, 255, 0.9);
	padding: 3%;
	border-radius: 5px;
}

.mco-colabora-form select {
	margin-top: 12px;
	height: 32px;
}

#field_2_2,
#field_2_3 {
	margin-top: 0 !important;
}

.mco-colabora-box {
	background-color: #eee;
	text-align: center;
	margin-bottom: 20px;
}

.mco-colabora-box a.mks_button.mks_button_large {
	padding: 12px 36px;
	margin-top: 5px;
	margin: 20px auto !important;
	width: 80%;
}

.mco-colabora-box a.mks_button.mks_button_large:hover {
	padding: 12px 36px;
}

.mco-colabora-widget-info {
	background-color: #d7d7d7;
	color: #242323;
	padding: 25px 25px 10px 25px;
	text-align: justify;
	border-radius: 5px;
	margin-top: 72px;
}

.mco-colabora-widget-info .icon {
	text-align: center;
	margin-top: -50px;
	margin-bottom: 15px;
}

.mco-colabora-widget-info i {
	color: #ee2e5a;
	font-size: 4rem;
}

.mco-colabora-widget-datos {
	padding: 0 10px;
}

.mco-colabora-widget-datos h3 {
	border-bottom: 3px solid;
}

.mco-colabora-widget-datos h5 {
	margin-top: 15px;
}

.mco-colabora-widget-datos p {
	margin-bottom: 0.5rem;
}

/* POST 
------------------------------------------------------------- */
h5 {
	color: #666;
}

.entry-content ul li {
	margin-bottom: 0rem;
}

.herald-entry-content blockquote p {
	text-align: left;
}

/* NOSOTR@S 
------------------------------------------------------------- */
.mks_pullquote {
	border: 1px solid #eee;
	margin-bottom: 20px;
	box-shadow: 8px 8px 8px 0 lightgrey;
}

/* ########################################################## */
/* GRAVITY FORMS *
/* ########################################################## */

/* BOTON DONAR
------------------------------------------------------------- */
input[type='submit'] {
	width: 100% !important;
	border-radius: 3px !important;
}

/* ########################################################## */
/* FOOTER
/* ########################################################## */
/* #region   */

/* FOOTER > COPYRIGHTS
------------------------------------------------------------- */
.herald-copyright {
	display: flex;
}

.devcopy,
.devcopy a {
	font-size: 11px !important;
	text-transform: uppercase;
	letter-spacing: 3px !important;
	margin-left: 5px;
	border-bottom: none !important;
	color: #fff;
}

.devcopy a {
	color: #1ce9ff;
	letter-spacing: 4px;
}

.devcopy a:hover {
	color: #69ae18;
	border-bottom: none !important;
}