/*
Theme Name:  WPride
Theme URI: http://hbravo.com/tech/wpride
Description: Pride, tema exclusivo para Fuerza Nacional Identitaria
Author: HBRAVO
Author URI: http://www.hbravo.com
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Lato);
* { padding: 0;	margin: 0; }
header, footer, article, nav, img, form, input, a {
	transition: all 1s;
}

body{ font-family: 'Lato', Arial, Helvetica, sans-serif; }
iframe{ display: block; margin: 20px auto; }
img{ border-radius: 3px; }

/* CABECERA */
header{ 
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 245px;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1D1D1D;
	color: #AAA;
}

nav{ padding: 40px 10px; text-align: center; font-size: 14px; }
nav ul{ list-style: none; }
nav li{ padding: 0 40px; }
nav a{ display: block; color: #D8D8D8; text-decoration: none; padding: 6px 0; }
nav a:hover{ color: #A4A4A4; text-decoration: none; }
nav img{width: 35%; margin-bottom: 10px; }

#principal{ display: block; text-transform: uppercase; margin-bottom: 10px; }
#movil, #menumov{ display: none; }
#social{ margin-bottom: 10px; }
#social a{ display: inline; padding: 0; }
#social h2{ font-size: 16px; margin: 5px; }
#social p{ margin: 10px 0; }
#social iframe{ margin: 0; }
#social #suscripcion h2:before{ font-family: FontAwesome; content: "\f0e0"; display: inline-block; padding-right: 7px; }
#subscribe-text, #subscribe-email, #subscribe-submit{ font-family: 'Lato'; margin: 10px 0; }
#subscribe-email, #subscribe-submit{ display: inline; }
#subscribe-email input, header .terminput{ width: 110px !important; padding: 5px !important; box-shadow: 0 0 5px #666 inset; border-radius: 3px; border: 0; }
#subscribe-submit input, header .getresult{ padding: 5px; padding: 3px 7px 3px 7px; color: #565656; }
#social .fa { margin: 5px 7px; font-size: 20px !important; }
.item{ padding-top: 20px; }

#fb, #suscripcion, #buscar, #rss{ display: none; }

/* CUERPO */
#cuerpo { margin-left: 250px; padding: 40px 40px 0 40px; }
#cuerpo a{ color: #13235B; text-decoration: none; }
#cuerpo a:hover{ text-decoration: none; }

/* GALERIA */
.slider p, .article-header h2{ text-align: right; }
.slider p a, .article-header h2{ color: #1D1D1D !important; font-size: 26px; font-weight: bold; text-decoration: none; }
.slider p a:hover{ color: #1D1D1D !important; font-size: 26px; font-weight: bold; text-decoration: none; }
.slider img{ margin-bottom: 10px; }
.rslides{  position:relative;   list-style:none;   overflow:hidden;   width:100%;   padding:0;   margin:0}
.rslides li{  position:absolute;   display:none;   width:100%;   left:0;   top:0}
.rslides li:first-child{  position:relative;   display:block;   float:left}
.rslides img{  display:block;   height:auto;   float:left;   width:100%;   border:0}
.rslides{  margin:0 auto}
.rslides_container{ position:relative}
.centered-btns_nav{ position:absolute;   -webkit-tap-highlight-color:rgba(0,0,0,0);   top:50%;   left:0;   opacity:0.7;   text-indent:-9999px;   overflow:hidden;   text-decoration:none;   height:61px;   width:38px;   background:transparent url("http://fni.cl/wp-content/themes/wpride/images/themes.gif") no-repeat left top;  margin-top:-45px}
.centered-btns_nav:active{ opacity:1.0}
.centered-btns_nav.next{ left:auto;  background-position:right top;  right:0}
.transparent-btns_nav{ position:absolute;  -webkit-tap-highlight-color:rgba(0,0,0,0);  top:0;  left:0;  display:block;  background:#fff;   opacity:0;   filter:alpha(opacity=1);   width:48%;   text-indent:-9999px;   overflow:hidden;   height:91%}
.transparent-btns_nav.next{  left:auto;   right:0}
.large-btns_nav{  position:absolute;   -webkit-tap-highlight-color:rgba(0,0,0,0);   opacity:0.6;   text-indent:-9999px;   overflow:hidden;   top:0;   bottom:0;   left:0;   background:#141414 url('http://fni.cl/wp-content/themes/wpride/images/themes.gif') no-repeat left 50%;  width:38px}
.large-btns_nav:active{ opacity:1.0}
.large-btns_nav.next{ left:auto;  background-position:right 50%;  right:0}
.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus{ outline:none}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs{ margin-top:10px;  text-align:center}
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li{ display:inline;  float:none;  _float:left;  *float:left;  margin-right:5px}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a{ text-indent:-9999px;  overflow:hidden;  -webkit-border-radius:15px;  -moz-border-radius:15px;  border-radius:15px;  background:#ccc;  background:rgba(0,0,0,.2);  display:inline-block;  _display:block;  *display:block;  -webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);  -moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);  box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);  width:9px;  height:9px}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a{ background:#222;  background:rgba(0,0,0,.8)}

/* LEMA */
#lema { margin: 40px 0; }
#category-name { text-align: center; width: 100%; margin: 0 auto; padding-top: 38px; background: url(http://fni.cl/wp-content/themes/wpride/images/top-category-bg.png) no-repeat; }
#category-inner { background: url(http://fni.cl/wp-content/themes/wpride/images/bottom-category-bg.png) no-repeat bottom left; padding-bottom: 28px; }
#category-name h3 { color: #3b3b3b; }
#category-name p { color: #929292; }

/* NTC (Nosotros, Textos, Contacto) */
#ntc { display: flex; flex-flow: row wrap; flex-wrap: wrap; justify-content: space-around; width: 100%; }
.ntcitem { display: flex; flex-direction: column; max-width: 250px; margin-bottom: 40px; }
.ntcitem h3 { margin-bottom: 10px; }
.ntcitem p { font-size: 14px; color: #1D1D1D; text-align: justify; margin: 10px; }

/* FOOTER */
footer{ font-size: 12px; color: #1D1D1D; text-align: center; margin: 10px; }

/* ARTICULOS y PAGINAS */
.article-header{ position: relative; margin-bottom: 40px; }
.centered { position: relative; width: 100%; max-width: 660px; padding: 0; margin: 0 auto; }
.categorias { text-align: right; font-size: 12px; }
.article-image{ text-align: center; }
.article-image img{ margin-bottom: 10px; width: 100%; }
.article-content{ margin-bottom: 40px; font-size: 100%; text-align: justify; line-height: 24px; color: #1D1D1D; }
.article-content p{ margin-bottom: 10px; }
.article-content p img{ display: block; margin: 20px auto; max-width: 100%; height: auto; }
.article-content h3{ margin: 30px 0 5px 0; }
.wp-caption{ font-size: 14px; text-align: center; margin: 20px 0; width: 100% !important; }
.sd-content{ margin-top: 20px; text-align: right; }
#paypal{ margin-bottom: 40px; color: #80acb0; background: #ddf5f7; border: 1px solid #f1fafb; box-shadow: inset 0 0 45px #c6edf0; padding: 20px; font-size: 14px; text-shadow: 1px 1px 1px #ffffff; text-align: center; }
#paypal a{ color: #80acb0; font-weight: bold; }

/* ARCHIVOS */
#article-group article{ height:100px; margin-bottom: 20px; overflow: hidden; font-size: 14px; line-height: 18px; }
#article-group img.tb{ float: left; height: 100%; margin-right: 20px; }
#article-group h3{ font-size: 16px; margin: 0 0 10px 0; }
#article-group h3 a{ color: #1D1D1D; text-decoration: none; }
#article-group h3 a:hover{ color: #1D1D1D; text-decoration: none; }

/* TEXTOS */
.articles-loop{ display: flex; flex-flow: row wrap; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.loop, .list{ display: flex; flex-direction: column; max-width: 300px; margin-bottom: 40px; font-size: 14px; }
.loop{ min-width: 250px; }
.loop ul, .list ul{ list-style: none; margin: 0 10px; }
.loop .mas{ text-align: right; }

/* BUSCAR */
.article-header form{ margin-bottom: 10px; } 
.article-header .terminput{ padding: 5px 10px !important; box-shadow: 0 0 5px #666 inset; border-radius: 3px; border: 0; width: 90%; height: 26px; font-size: 16px; font-family: Lato; }
.article-header .getresult{ color: #565656; padding-top: 10px; padding-bottom: 7px; width: 6%; min-width: 40px; }
.list{ max-width: 200px; }
.list ul.children{ margin-top: 0; }
.list li, .loop li{ margin: 5px 0; }
.list a{ margin: 3px 0; }

/* CONTACTO */
#g87-nombre, #g87-email, #contact-form-comment-g87-comentario{ padding: 5px 10px !important; box-shadow: 0 0 5px #666 inset; border-radius: 3px; border: 0; width: 100%; height: 26px; font-size: 16px; font-family: Lato; }
#contact-form-comment-g87-comentario{ height: 150px; width: 98%; }
.contact-submit{ text-align: right; }
.pushbutton-wide{ color: #565656; padding: 10px; }

/* NAVEGACION */
.navegacion{ font-size: 14px; text-align: center; }
.pages{ float: left; }
.prev, .next{ margin: 0 10px; }
.page-numbers{ margin: 0 5px; }

/* TEMA MOVIL */
@media screen and (min-width: 766px) { 
	#cuerpo { margin-left: 250px; padding: 40px 40px 0 40px !important; }
}
@media screen and (max-width: 765px) {
    
header{ position: relative; height: 50px; width: 100%; }
nav{ padding: 5px; }
nav a{ padding: 0; }
nav img{ float: left; width: 40px; margin: 0; padding: 0 3px; }
#social, #principal, #menumov{ display: none; }
#movil{ display: block; float: right; padding: 7px; }
#movil i{ font-size: 30px; }
#menumov { width: 100%; float: right; text-align: right; padding: 10px 10px 20px 10px; list-style: none; background-color: #1D1D1D; color: #AAA; text-transform: uppercase; }
#menumov a{ display: block; color: #D8D8D8; text-decoration: none; padding: 6px 0; }
#menumov a:hover{ color: #A4A4A4; text-decoration: none; }
#cuerpo{ margin-left: 0; }
.centered-btns_nav { top: 0; }
#article-group article{ text-align: center; height: auto; }
#article-group img.tb{ float: none; height: 100px; margin: 0; }
#article-group h3{ font-size: 14px; }
#article-group article p{ display: none; }
.article-header .terminput{ width: 72%; }
.pages{ float: none; width: 100%; display: block; }

}