/*Theme Name: PigFlex Theme
Theme URI: http://pigflex.com/
Author: Pig Flex
Author URI: http://pigflex.com/
Description: Naked Versión of WP Theme
Version: 2.6 */

/* NORMALIZE */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0; width:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* GENERAL */
body{font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; overflow-x:hidden;}
h1{font-family: "Instrument Sans", sans-serif; font-size: 2.2em; text-align: center; font-weight: 600; text-transform: uppercase; position: absolute; margin: 0 auto; z-index:9999; left: 0; right: 0; color: white; text-shadow: 4px 4px 4px #0b1200b8; letter-spacing: 2px; top:10rem;}
h2{font-family: "Instrument Sans", sans-serif !important; font-size: 2em; text-align: left; font-weight: 600; margin: 20px 0; color: #216e00; letter-spacing: 2px;}
h3{font-family: "Instrument Sans", sans-serif; font-size: 1.5em; text-align: left; font-weight: 600;margin: 20px 0; color: #216e00;}
h4{font-family: "Instrument Sans", sans-serif; font-size: 1.2em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0; letter-spacing: 1px;}
h5{font-family: "Instrument Sans", sans-serif; font-size: 1.15em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0;}
h6{font-family: "Instrument Sans", sans-serif; font-size: 1.1em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0;}
a{text-decoration: none; color: black;}
b, strong{font-weight: 600;}
p {line-height: 28px; margin: 20px 0;}
img{width:100%; max-width: 100%; height: auto;}


.instrument-sans-<uniquifier> {
  font-family: "Instrument Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;}

.whatsapp{position:fixed; right:10px; bottom:2%; float:right; width:55px; height:auto; z-index:99999999; opacity:.9;}
.whatsapp:hover{transition: .5s; opacity:1;}

/* LOGO */
#logo-fixed {position: fixed; top: 10px; z-index: 99999999; left:30px;}
#menu-fixed {right:7px;}
#logo-rwd {display: none;}


/* SLIDER */
.cabeceras{height: 290px;}
#slider-image {margin: 156px auto 0;}
.ls-v6 .ls-nav-prev, .ls-v6 .ls-nav-next {top: 90% !important;}
.ls-v6 .ls-nav-prev {left: -6px !important;}
.ls-v6 .ls-nav-next {right: 300px !important;}

/* CONTENIDOS */

.single-post #contenedor img {width:auto;}
.comunicados .iconos-footer {margin: 0 auto; float:none;}
.social-menu{margin: 0 auto;}
.social-menu img{width: 40px; margin: 20px auto -16px;}
.contendidos{margin: 0 auto;}
#top-fixed {background: #fffffffa; position: fixed; width: 100%; z-index:999999; box-shadow: 0 0 8px 0 #888888; height: 158px; top: -1px;}

.reticula{display: inline-flex;}
.blog-cnt{margin:40px auto 0;}
.iconos{margin: 0 0 0 -8px; width: 107px; height: auto;}
.quienes-somos{margin:0 auto 4em;}
.quienes-somos-tit{margin:0 auto 4em;}
.quienes-somos-rwd{display: none !important;}
.quienes-somos h2{font-weight: 400 !important; color: #000 !important;}
.blog-tit h2{font-weight: 400 !important; color: #000 !important; margin: 0 0 -22px;}

.que-hacemos{margin: 6em auto; background: url(https://www.apreflofas.or.cr/wp-content/uploads/que-haemos-apreflofas-bg.jpg) center center no-repeat; background-size:100%;}
.que-hacemos-txt{width: 40%; padding: 4em !important;}
.panel-grid-cell .widget-title {margin: -68px 0px 0px 114px; position: absolute;}
.reticula{padding: 0 !important; margin: 4em auto 0;}
.reticula-dos{padding: 0 !important; margin: -4px auto 4em;}
.reti-img{padding: 0 !important; width: 101%;}
.reti-img-dos{padding: 0 !important; width: 101%;}
.reti-img-doss{padding: 0 0 0 1px !important; width: 100%;}
.contenidos{margin: 5em auto 0; padding: 0 !important;}
.content-txt{margin: 0 auto; padding: 0 !important;}
.content-video{margin: 0 auto; padding: 0 !important;}

/* MENU */
.ayudanos{background: #f79458; padding: 0 6px; color: white !important; border-radius: 20px; line-height: 16px;}
.ayudanos a{color: white !important;}
.ayudanos:hover{background: #ff7b2b;}
.ayudanos:hover a{color: white !important;}
nav {margin: 0 12px 0 0; text-align: right; right: 0; position: fixed; z-index: 99999999;  top: 28px;}
nav > div > ul{margin: 0;}
nav > div > ul > li {display: inline-block; position: relative;}
nav > div > ul > li > a {transition: 0.6s color; font-weight:400; font-size: 15px; display: block; text-align: center; padding: 15px 10px; text-decoration: none; transition: .5s ease; text-transform: uppercase;}
nav > div > ul > li:hover > a {color: #ffb121; transition: .5s ease;}
nav > div > ul > li > ul {position: absolute; left: 0; margin: 0; padding: 0; list-style: none; text-align: left; background:#f79458; width: -moz-max-content; width: -webkit-max-content; width: max-content; display: none; z-index: 200; min-width: 100%;}
nav > div > ul > li:hover > ul{display: block;}
nav > div > ul > li > ul > li > a, nav > div > ul > li > ul > li > ul > li > a {font-size: 13px; color: #fff; display: block; padding: 15px; transition: .5s ease;}
nav > div > ul > li > ul > li:hover > a {background:#ff7724;}
nav > div > ul > li > ul > li > ul {list-style: none; padding: 0; margin: 0; display: none; position: absolute; left: 100%; top: 0; z-index: 100; width: -moz-max-content; width: -webkit-max-content; width: max-content; background: #f5c426; min-width: 100%;}
nav > div > ul > li > ul > li{position: relative;}
nav > div > ul > li > ul > li:hover > ul {display: block;}
nav > div > ul > li > ul > li > ul > li:hover > a {background: #d0a417;}

/* GRID */

.panel-grid-cell a{text-decoration: underline;}
.sow-blog article .sow-more-link {margin-top: 0 !important;}
.home #contenedor {width: 90%; margin: 0 auto; padding: 0;}
#contenedor {width: 90%; margin: 0 auto; padding: 0 0 6em;}
.single-post #contenedor {width: 90%; margin: 0 auto; padding: 6em 0;}
.grid {width: 1200px; margin: 0 auto 4em; max-width: 80%; padding: 0; text-align: center; position: relative;}
.grid-article {display: inline-block; position: relative; width: 33%; vertical-align: top; max-width: 100%;}
.grid-article > div {position: relative; margin: 20px;}
.grid-article h3 {text-align: left; font-size: 1.1em; margin: 0;}
.grid-article h3.blog-title {text-align: center; margin: 10px 0;}
.grid-article a, .grid-article img {display: block;}
.grid-article .fecha {text-align: left; margin: 0 0 10px;}
.grid-article p {font-size: 0.9em; text-align: justify;}
.grid-article span {position: absolute; bottom: 0; background-color: #f5c426; padding: 10px 45px; right: 0; color: #1c232f; text-transform: uppercase; font-weight: 900; transition: .5s ease; font-size: 14px;}
.grid-article a:hover span {background-color: #1c232f; color: white; }
#old_posts {font-size: 14px; border: 2px solid #f7e89c; width: 161px; padding: 16px 20px; border-radius: 5px; color: #1c232f; text-decoration: none; transition: 0.4s; position: absolute; right: 20px; bottom: -50px;}
#old_posts:hover {background-color: #f7e89c; color: #1c232f; transition: .5s ease; }


/* FORMULARIOS */
#newsletter {display: none;}
#form {width: 1200px; margin: 0 auto; padding: 0 20px; max-width: calc(100% - 40px); text-align: center;}
#form p, #form h3 {margin: 0 20px; text-align: left;}
#form > * {display: inline-block; vertical-align: middle; margin: 0 10px;}


/* FOOTER */
footer a{text-decoration: none; color: white;}
.footer-bg{margin:3em auto 0;}
footer {margin: 0 auto; width: 100%; clear: both; background: #104c07; color: white;}
.iconos-footer {margin: 15px 30px 0 0; float: left; width: 66px; height: auto;}
#widget-footer {width: 100%; margin: 0 1em; text-align: center;}
#widget-footer > div {width: calc(30% + 2%); display: inline-block; padding: 2em 0 1em; vertical-align:middle;}
#credits{clear: both; margin: 0 auto; padding: 0 0 30px !important;}
#credits p {margin: 0 auto; text-align: center;}
#bosque-bg{margin: 0 auto; width:101%; height: 220px; background: url(https://www.apreflofas.or.cr/wp-content/uploads/footer-forest-bg.gif) center center no-repeat; background-size:100%;}
.aniversario{width: 243px; height: auto;}
.donado{width: 255px; height: auto;}

/* CUSTOMS */
.customS{ transition: 0.6s color; font-weight: 600; font-size: 16px; letter-spacing: 1px;  display: block; text-align: center; padding: 15px; list-style: none; transition: .5s ease; text-transform: uppercase; background-color:#ffffff;}
.customS:hover{ transition: .5s ease;}

/* INTERNA */
#category-list {display: block; margin: 0 auto 4em; width: -moz-fit-content; width: -webkit-fit-content; width: -fit-content;}
#category-list h3 {text-align: left; font-size: 1.2em; margin: 15px 0;}
#subheader {text-align: center; margin: 1em 0;}
#subheader > *{display: inline-block; margin:0 10px; vertical-align: middle;}
#subheader .menu {list-style: none; margin: 0; padding: 0;}
#subheader .menu > li{position: relative;}
#subheader .menu > li > a {display: inline-block; border: 1px solid #ccc; padding: 10px; line-height: 1; font-size: 12px; color: #555; text-transform: uppercase;}
#subheader .menu > li > ul {display: none; margin: 0; padding: 0; list-style: none; position: absolute; background: #FFF; width: calc(100% - 2px); border: 1px solid #ccc; border-radius: 0 0 5px 5px; z-index: 999; top: calc(100% - 1px); text-align: center;}
#subheader .menu > li > ul > li > a {font-size: 11px; line-height: 1; color: #666; display: block; padding: 10px 5px;}
#subheader .menu a:hover{background: #efefef;}
#subheader .menu > li:hover > ul{display: block;}
#subheader script {display: none;}
body#es .addtoany_content > div::before {content: "Compartí esta página"; display: block; margin-bottom: 3px; margin-left: 5px; font-weight: bold !important;}
body#en .addtoany_content > div::before {content: "Share this page"; display: block; margin-bottom: 3px; margin-left: 5px; font-weight: bold !important;}

/* RESPONSIVE */

@media screen and (max-width:900px) {
	
	.social-menu {margin: 0 auto; display: inline-block;}
	.social-menu img {width: 56px; margin: 14px auto 0;}
	.ayudanos {line-height: 0px;}
	.iconos-footer {margin: 15px 10px 0; float: none;}
	.iconos-rwd{margin: 0 auto; width: 107px; height: auto;}
	.que-hacemos-txt {width: 100%; padding: 2em 0 2em 0 !important; margin: 0 auto;}
	.que-hacemos {margin: 6em auto; background-size: auto; background-position: top;}
	#credits {padding: 12px 0 36px !important;}
	#widget-footer > div {padding: 2em 0 0;}
	#bosque-bg{height: 70px;}
	.ayudanos {padding: 4px 12px; margin: 20px 20px !important;}
	#contenedor {padding: 7rem 0 4em;}
	.contenidos {margin: 0 auto; padding: 0 !important;}
	.cabeceras {height: 250px;}
	.so-widget-sow-blog-grid-c5ddf94ffa7e-9 .sow-blog-layout-grid .sow-blog-posts article .sow-entry-header .sow-entry-meta {text-align: center;}
	html body div.wprm-wrapper {overflow-x: hidden;}
	nav {display: none;}
	#logo-fixed {display: none;}
	#top-fixed {display: none;}
	#logo-rwd {display: block; margin:16px auto; text-align: center; width: 300px;}
	#slider-image {margin: 24px auto 0;}
	h1{font-size: 1.8em; text-align: center !important; position: absolute; margin: 8rem auto; text-shadow: none; color:#216e00; letter-spacing: 0;}
	h2{font-size: 1.6em; text-align: center !important;}
	h3{font-size: 1.4em; text-align: center !important;}
	h4{font-size: 1.2em; text-align: center !important;}
	h5{font-size: 1.15em; text-align: center !important;}
	h6{font-size: 1.1em; text-align: center !important;}
	p {text-align: center !important;}
	.quienes-somos{display: none !important;}
	.quienes-somos-rwd{display: inline-block !important;}
	.panel-grid-cell .widget-title {margin: 12px auto; position: relative;}
	#widget-footer > div {width: calc(98% + 2%);}
	#widget-footer {margin: 0 auto;}
	footer {margin: -8px auto 0;}
}