/*
Theme Name:     APPEC Theme
Theme URI:      https://www.appec.org.py/
Author:         NISA Studio
Author URI:     https://www.nisastudio.com/
Description:    Theme creado para la organización APPEC
Version:        4.0.2
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Template:       appec-666
*/

/* Import CSS Files */
/* @import url("../aprosemp-610/style.css"); */

/*----------------------------------------------------------------------------------
	GENERAL
----------------------------------------------------------------------------------*/
:root {
	--brand-green: #00873c;
	--brand-light-green: #6bcb2c;
    --brand-light-grey: #b2b2b2;
    --brand-light-grey-25: #ececec;
	--white: #ffffff;
}

.padding-row-sm {padding: 24px 0;}
.padding-row-md {padding: 48px 0;}
.padding-row-lg {padding: 96px 0;}
.padding-row-xl {padding: 144px 0;}

#main, .home #main {padding: 0;}

h1::after, h2::after, h3::after, h4::after, h5::after, h6::after,
.h1::after, .h2::after, .h3::after, .h4::after, .h5::after, .h6::after {content: none;}

h1, .h1 {font-size: 48px !important;}
p {font-size: 16px !important;}

.page_title {margin-top: 0 !important; margin-bottom: 32px !important; padding: 24px 0 !important; background-color: transparent !important;}
.page_title h1 {margin: 0; color: var(--brand-light-green) !important;}

.main-title-row h1 {color: var(--brand-light-green) !important; font-size: 64px !important; line-height: normal !important;}
.main-title-row h2, .main-title-row h3 {color: #ffffff; line-height: normal; margin: 0; padding: 4px 0;}
.main-title-row p {color: #ffffff !important; font-size: 24px !important; line-height: normal !important;}

.txt-green {color: var(--brand-green);}
.txt-light-green {color: var(--brand-light-green);}
.txt-light-grey {color: var(--brand-light-grey);}
.txt-white {color: var(--white);}
.txt-red {color: red; font-weight: bold; font-size: 16px;}

.img-right img {-webkit-border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px;}
.img-left img {-webkit-border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0;}
.img-shadow img {box-shadow: 0 8px 24px 0 rgba(00,00,00,0.15);}
.img-border, .img-border img {border-radius: 16px;}
.shadow {box-shadow: 0 8px 24px 0 rgba(00,00,00,0.1);}
.wpcf7-form {overflow: inherit;}


/*----------------------------------------------------------------------------------
	HEADER
----------------------------------------------------------------------------------*/
.header_style_2 .header-box .container > div {margin: 4px 0;}

.header_style_2.mobile_grid_landscape .header-box .container .main_menu_nav > li > a {color: #999999;}
.header_style_2.mobile_grid_landscape .header-box .container .main_menu_nav > li.current-menu-item > a,
.header_style_2.mobile_grid_landscape .header-box .container .main_menu_nav > li > a:hover,
.header_style_2.mobile_grid_landscape .header-box .container .main_menu_nav > li.current-menu-ancestor > a {color: var(--brand-light-green);}
.main_menu_nav > li .sub-menu > li:hover > a {background: var(--brand-green);}

.header_style_2 .header-box .container .header_search .search-icon {color: #999999;}
.header_style_2 .header-box .container .header_search:hover .search-icon {color: var(--brand-light-green);}
.menu-toggle button, .menu-toggle button::after, .menu-toggle button::before {background: var(--brand-green);}

.only-mobile-btn {width: 88px;}
.only-mobile-btn .btn-search {
	display: none;
	background-color: var(--brand-light-grey);
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 99em;
}

/*----------------------------------------------------------------------------------
	CONTENT
----------------------------------------------------------------------------------*/

/* pagina principal ---------------------*/
.slider {height: 80vh; color: var(--white); display: flex; align-items: center;}
.slider-pic1 {background: url('images/slider-pic-1.webp') center no-repeat; background-size: cover;}
.slider-pic2 {background: url('images/slider-pic-2.webp') center no-repeat; background-size: cover;}
.slider-pic3 {background: url('images/slider-pic-3.webp') center no-repeat; background-size: cover;}
.slider .vc_column_container > .vc_column-inner {width: 75%; margin: auto;}
.slider h1, .slider h2 {color: #ffffff;}
.slider p {color: #ffffff !important; font-size: 28px !important; line-height: normal !important;}
.ult-carousel-wrapper {margin-bottom: 0 !important; padding-bottom: 0 !important;}

.main-cta {background: url('images/bg-cta-home.webp') center no-repeat; background-size: cover;}
.main-cta h1 {color: var(--white);}
.main-cta p {color: var(--white) !important;}

.stm_news .news_list li .image img {width: 100%; height: auto; border-radius: 12px;}
.stm_news .news_list li .image a::before {border-radius: 12px;}
.stm_news .news_list li h5::before {display: none;}
.stm_news .news_list li h5 a {color: #444444;}
.stm_news .news_list li h5 a:hover {color: var(--brand-light-green);}
.stm_news .news_list li .date::before {content: '\f073'; top: 5px; color: var(--brand-light-green);}

.socio-row {position: relative; padding: 48px 0; border-radius: 16px 0 0 16px; display: flex; align-items: center;}
.socio-row h2, .socio-row p {color: #ffffff !important;}
.socio-row::after {/*content: ''; display: block;*/ position: absolute; background-color: var(--brand-light-green); width: 100%; height: 100%; left: 1140px;}

.stm_works_wr.grid.style_3 .stm_works_grid_wrap .stm_works_item .work_wrap .image {border-radius: 12px;}

.newsletter-row h2 {font-size: 48px; line-height: normal;}
.newsletter-row p {font-size: 18px !important; /*line-height: 26px !important;*/}
.cta .vc_general.vc_btn3 {font-size: 16px;}


/* pagina reporte semanal ---------------------*/
.table-info-content table {/*table-layout: fixed; width: 100%;*/ text-align: center;}
.table-info-content	td {width: 25%;}
.table-info-content	th {text-align: center; background-color: #efefef;}

.others .wpb_content_element {margin-bottom: 0;}
.others .vc_cta3.vc_general {padding: 4px 0;}
.others .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon {color: var(--brand-light-green);}


/* pagina nosotros ---------------------*/
.bg-nosotros {background: url('images/bg-nosotros.webp') center top no-repeat;}
.bg-nosotros h1 {font-size: 64px !important; line-height: normal !important;}
.bg-nosotros p {font-size: 24px !important; line-height: normal !important;}
.bg-nosotros::before {
	content: "";
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.bg-quote-nosotros {background: url('images/bg-nosotros-quote.webp') center no-repeat;}
.mb-0 {margin-bottom: 0 !important;}


/* pagina socios ---------------------*/
.bg-socios {background: url('images/bg-socios.webp') center no-repeat;}
.beneficios-row h4 {font-size: 64px; color: var(--brand-green); margin-bottom: 24px;}

.socios-form .fieldset-cf7mls-wrapper {overflow: inherit;}
.socios-form .wpb_text_column.wpb_content_element ul li {padding: 0;}
.socios-form .wpb_text_column.wpb_content_element ul li::before {transform: none; content: ""; position: relative; display: inherit; background-color: #dddddd;}
.socios-form .cf7mls_progress_bar li .cf7mls_progress_bar_title {margin: 0;}
.socios-form .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li::after {top: 24px; background: #cccccc;}
.socios-form form.cf7mls input.wpcf7-form-control.wpcf7-submit {padding: 12px}

.socios-form button.wpcf7-field-group-add, .socios-form button.wpcf7-field-group-remove {
	border: 2px solid #cccccc;
	border-radius: 8px;
	padding: 6px 12px;
	margin: 0 8px 40px 0;
}
.socios-form button.wpcf7-field-group-add::before {content: "\f055"; font-family: "Font Awesome 6 Free"; font-size: 18px; margin-right: 8px; vertical-align: sub;}
.socios-form button.wpcf7-field-group-remove::before {content: "\f056"; font-family: "Font Awesome 6 Free"; font-size: 18px; margin-right: 8px; vertical-align: sub;}
.socios-form .wpcf7 form.sent .wpcf7-response-output {display: none;}


/* pagina noticia (category) ---------------------*/
.category-title {background-color: var(--brand-green); margin-bottom: 40px;}
.category-title h1 {margin-bottom: 0; color: #ffffff;}

.posts_grid .post_thumbnail {margin: 0 0 16px;}
.posts_grid .post_thumbnail img {width: 100%; height: auto; border-radius: 12px;}
.posts_grid .post_thumbnail a::before {border-radius: 12px;}
.posts_grid .post_date .fa {color: var(--brand-light-green);}
.posts_grid h5::before {display: none;}
.posts_grid h5 a {color: #444444;}
.posts_grid h5 a:hover {color: var(--brand-light-green) !important;}

.page-numbers .page-numbers {color: var(--brand-green);}
.page-numbers .page-numbers.current, .page-numbers .page-numbers:hover {border-color: var(--brand-green);}


/* pagina noticia (single) ---------------------*/
.breadcrumbs {font-size: 14px; margin-bottom: 16px;}
.page_title .breadcrumbs > span a:hover {color: var(--brand-green) !important;}
.stm_post_details ul li i {color: var(--brand-light-green);}
#share-buttons a {display: inline-block; width: 40px; height: 40px; padding: 8px; /*border-radius: 4px;*/}
.copylink-alert {
	background-color: #e6e7e8;
	color: #252526;
	padding: 8px 24px;
	max-width: 240px;
	margin: auto;
	text-align: center;
}

.sidebar-area {padding: 0 0 0 12px;}
.wp-block-latest-posts__featured-image img {margin-bottom: 4px; border-radius: 8px;}
a.wp-block-latest-posts__post-title {margin: 0 0 4px !important;}


/* pagina resultados de busqueda (search) ---------------------*/
.search-title {background-color: var(--brand-light-grey-25); margin-bottom: 40px;}
.search-title h1 {margin-bottom: 16px;}


/* pagina newsletter, informes ---------------------*/
.vc_gitem-zone {border-radius: 12px;}
.vc_gitem-zone h5 {padding: 0; margin: 6px 0 0 0;}
.vc_gitem-post-data {margin-bottom: 8px !important;}

.vc_custom_heading a:hover {color: var(--brand-light-green) !important;}
.vc_gitem-post-data-source-post_date::before {content: "\f073"; color: var(--brand-light-green);}


/* pagina newsletter, informes (single) ---------------------*/
.pb-single {padding-bottom: 48px;}


/* página contactos ----------------- */
.bg-contactos {background: url('images/bg-contactos.webp') center no-repeat; background-size: cover;}

.info-data {margin-top: -72px;}
.info-data a {color: var(--brand-green);}
.info-data .vc_column-inner > .wpb_wrapper {
	background-color: var(--white);
	padding: 40px 0;
	height: 360px;
	border-radius: 16px;
	box-shadow: 0 8px 24px 0 rgba(00,00,00,0.1);
}

.margin-field, .margin-field-col {margin-bottom: 24px;}
.wpcf7-form-control {background: #ffffff; border: 2px solid #e8e8e8; border-radius: 4px;}
.wpcf7-form-control:active, .wpcf7-form-control:focus {box-shadow: 0 0 0 2px var(--brand-green);}

input[type="submit"] {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid var(--brand-green);
    background: var(--brand-green);
}

input[type="submit"]:hover {background: #19934f;}


/*----------------------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------------------*/
#footer {background: url('images/bg-footer.webp') center; background-size: cover; border-top: thick solid var(--brand-light-green);}
.widget .widget_title {border-top: 0;}
#footer h4 {padding-top: 0;}
#footer .footer_widgets .widget .widget_title {padding-bottom: 16px; margin: 0 0 24px;}
#footer .footer_widgets .widget.widget_nav_menu ul li::before {
	content: '';
	display: block;
	background-color: var(--brand-light-green);
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: 18px;
	top: 7px;
}
#footer .footer_widgets .widget.widget_nav_menu ul li {display: block; font-size: 14px; width: 100%; margin: 0 0 16px; padding: 0 0 0 32px; position: relative;}
#footer .footer_widgets .widget.widget_nav_menu ul li a {color: var(--white);}
#footer .copyright_row .copyright_row_wr {padding: 16px 0 24px;}
#footer .copyright_row .copyright_row_wr .copyright {line-height: 20px; padding: 0;}
#footer .copyright_row .copyright_row_wr .socials ul li a i {line-height: 32px;}
#footer .copyright_row .copyright_row_wr .socials ul li a {
	line-height: 30px;
	font-size: 18px;
	background: var(--white);
	color: var(--brand-green);
	opacity: .75;
	transition: opacity .3s ease;
}
#footer .copyright_row .copyright_row_wr .socials ul li a:hover {opacity: 1; background: var(--white); color: var(--brand-green);}

#footer .info {color: var(--white); margin-bottom: 16px; position: relative;}
#footer .info a:link {color: var(--white);}
#footer .info > .item {padding-left: 28px;}
#footer .info > .item-address::before {content: '\e90a'; position: absolute; left: 2px; top: 2px; display: block; font-family: 'stm'; font-size: 18px; color: var(--brand-light-green);}
#footer .info > .item-phone::before {content: '\ea42'; position: absolute; left: 0; display: block; font-family: 'stm'; font-size: 18px; color: var(--brand-light-green);}
#footer .info > .item-email::before {content: '\e9f1'; position: absolute; left: 0; display: block; font-family: 'stm'; font-size: 14px; color: var(--brand-light-green);}
#footer img.logo-appec {display: block; width: 255px; margin: auto;}

#footer-sign {clear: both; padding: 20px 0 10px 0; overflow: hidden; background-color: #007333;}
#footer-sign > div {margin: auto; max-width: 128px; overflow: hidden;}
.left-sign {float: left; font-size: 13px; color: #eeeeee; margin-top: 5px;}
.right-sign {float: right; width: 100px;}


/*----------------------------------------------------------------------------------
	MEDIA QUERIES
----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
	/* pagina principal */
	.socio-row::after {left: 970px;}
}

@media only screen and (max-width: 1024px) {
	/* header */
	.header_style_2 .header-box .container > div {margin: 0;}
	.mobile_grid_landscape .header-box .container .logo-box {padding: 16px;}
	.mobile_grid_landscape .header-box .container .nav-box {background-color: #eeeeee;}
	.mobile_grid_landscape .header-box .container .header_search {margin: 12px 8px 12px auto !important;}
	.mobile_grid_landscape .header-box .container .header_search .search-form {z-index: 2;}
	.mobile_grid_landscape .header-box .container .logo-box .menu-toggle {display: inline-block; top: 4px; z-index: 1;}
	.only-mobile-btn .btn-search {display: inline-block;}

	.mobile_grid_landscape .header-box .container .nav-box .main_menu_nav > li.menu-item-has-children .arrow i::before,
	.mobile_grid_landscape .header-box .container .nav-box .main_menu_nav > li.menu-item-has-children .arrow i::after,
	.mobile_grid_landscape .header-box .container .nav-box .main_menu_nav > li.menu-item-has-children .arrow.active i::before,
	.mobile_grid_landscape .header-box .container .nav-box .main_menu_nav > li.menu-item-has-children .arrow.active i::after {background: var(--brand-light-green);}
	.mobile_grid_landscape .header-box .container .nav-box .main_menu_nav > li:hover > a {color: var(--brand-light-green);}
	.mobile_grid_landscape .header-box .container .nav-box .main_menu_nav .sub-menu li:hover > a {background: var(--brand-green) !important;}
	.mobile_grid_landscape .header-box .container .nav-box .main_menu_nav .sub-menu::before {display: none;}
}

@media only screen and (max-width: 991px) {
	/* pagina principal */
	.slider {height: 60vh; padding: 80px 0;}
	.slider h1, .slider .h1 {font-size: 32px !important; line-height: normal;}
	.socio-row::after {left: 750px;}
	.newsletter-row h2 {font-size: 40px;}
}

@media only screen and (max-width: 767px) {
	/* general */
	.img-right img, .img-left img {border-radius: 0;}
	
	/* pagina principal */
	.socio-row {display: block; border-radius: 0; padding: 0 0 24px 0;}
	.socio-row::after {visibility: hidden;}

	/* página contactos */
	.info-data .vc_column-inner > .wpb_wrapper {margin-bottom: 40px;}
}

@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 479px) {
}