/* Theme Name: LOFAC 
Theme URI: http://lofac.com.mx 
Author: Urano PyME Author URI: https://urano.mx/ 
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready Version: 1 Requires at least: 5.0 Tested up to: 5.4 Requires PHP: 7.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwenty This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */
@charset "utf-8";
#translator {
padding-top: 20px;
}
.lofac {
background-image: url(http://lofac.com.mx/wp-content/themes/lofac/images/fdo-lofac.jpg);
background-repeat: no-repeat;
height: 100vh!important;
background-attachment: fixed;
background-size: cover;
background-position: bottom;
padding-top:13%;
}
/* SIDEBAR CONTACTO */
#contacto {
margin-top:211px;
position:fixed;
z-index:9999;
}
.side-menu {
width: 120px;
height: 40px;
margin-left: -232px;
/* Esto es lo que da movimiento */
transition: margin-left 0.5s ease-out, background-color 1s;
margin-bottom:0px;
}
/* Esto indica a donde moverse */
.side-menu:hover {
background-color: #fffdfa;
margin-left:-10px;
}
.side-menu:hover > p {
border-color: #143b8e;
}
.side-menu > p {
width: 40px;
height: 40px;
/* margin: 5px;
*/
/* border: 1px solid black;
*/
float: right;
transition: border-color 0.5s;
}
.side-menu > a {
color: #333;
font-family: 'Questrial', sans-serif;
line-height: 40px;
/* width: 160px;
*/
display: inline-block;
line-height:90%;
font-size:15px;
line-height:10px;
text-align:center;
}
#fondos {
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
text-align:center;
}
.bloque {
text-align:center;
color:#fff;
height: 100vh!important;
}
.bloque p {
font-size:1.3em;
text-shadow: 1px 1px 1px #000;
font-weight:3500;
}
.bloque3 {
color:#fff;
margin-top:30px;
margin-bottom:30px;
height: 99vh!important;
padding-top:23%;
}
.bderecha {
text-align:right;
}
.bizquierda {
text-align:left;
}
#biblioteca {
background-image:url(images/biblioteca.jpg);
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
}
.naranja {
color:#e25100;
}
#footer {
text-align:center;
color:#999;
padding:10px;
background-color:#f7f7f7;
}
#footer p {
font-weight:300;
}
.linkb {
text-decoration:none;
color:#fff;
}
.linkb:hover {
text-decoration:none;
color:#e25100;
transition:all 0.5s;
}
.btn-warning1 {
--bs-btn-color: #fff;
--bs-btn-bg: #e25100;
--bs-btn-border-color: #e25100;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0b0648;
--bs-btn-hover-border-color: #fff;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #e25100;
--bs-btn-active-border-color: #e25100;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-border-color: #e25100;
color:#fff;
text-transform:uppercase;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
margin-top:20px;
}
.linkf {
text-decoration:none;
color:#999;
}
.linkf:hover {
text-decorastion:none;
color:#e25100;
transition:all 0.5s;
}
.navbar-nav a {
color: #0b0648;
font-size: 1.2em;
text-transform: uppercase;
font-weight:300;
}
.navbar-nav a:hover {
color: #e25100;
font-size: 1.2em;
text-transform: uppercase;
font-weight:300;
}
.navbar-nav .navbar-text {
color: #0b0648;
font-size: 1.2em;
text-transform: uppercase;
}
.header {
position: fixed;
top: 0;
width: 100%;
background-repeat:repeat;
padding: 7px;
text-align: center;
display: none;
font-size:0.85em;
background-color:#fff;
}
.header2 {
position: fixed;
top: 0;
width: 100%;
background-repeat:repeat;
padding: 7px;
text-align: center;
font-size:0.85em;
display:block;
background-color:#fff;
z-index:9999;
}
.m20 {
margin-bottom:27px;
}
.content {
margin-top: 100px;
padding: 20px;
}
.visible {
display: block!important;
}
.izq {
float:left;
}
.wpcf7-submit {
--bs-btn-color: #fff!important;
--bs-btn-bg: #e25100!important!important;
--bs-btn-border-color: #e25100!important;
color: #fff!impòrtant;
text-transform: uppercase;
box-shadow: rgba(0,0,0,.19) 0 10px 20px, rgba(0,0,0,.23) 0 6px 6px;
margin-top: 20px;
}
.btn-warning1 {
--bs-btn-color: #fff!important;
--bs-btn-bg: #e25100!important!important;
--bs-btn-border-color: #e25100!important;
color: #fff!impòrtant;
text-transform: uppercase;
box-shadow: rgba(0,0,0,.19) 0 10px 20px, rgba(0,0,0,.23) 0 6px 6px;
margin-top: 20px;
}
.pageb {
background-color:#fff;
}
.pagina p {
color:#333;
font-family: 'Open Sans', sans-serif;
font-size:1.em;
font-weight:300;
}
ul li {
color:#333;
font-family: 'Open Sans', sans-serif;
font-size:1.em;
font-weight:300;
}
.pagina h1 {
color:#e25100;
font-family: 'Open Sans', sans-serif;
font-size:1 em;
font-weight:700;
text-transform:uppercase;
}
.uppercase {
text-transform:uppercase;
}
.tpage {
color: #fff;
text-shadow: 2px 2px 2px #000;
text-align: center;
font-size: 3em!important;
text-align:center!important;
}
img.alignright {
float:right;
margin:0 0 1em 1em
}
img.alignleft {
float:left;
margin:0 1em 1em 0
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a img.alignright {
float:right;
margin:0 0 1em 1em
}
a img.alignleft {
float:left;
margin:0 1em 1em 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.fa-ul a, .pdf a{
text-decoration:none;
color:#333;
}
.bloque2 {
padding-top:14%!important;
color:#fff;
height: 100vh!important;
}
.bloque2 p {
color:#333;
font-family: 'Open Sans', sans-serif;
font-size:1.8em;
font-weight:300;
}
.bloque2 h2 {
text-shadow: 1px 1px 1px #000;
margin-bottom:1.8em;
font-size:2.5em;
text-transform:uppercase;
text-align:center;
}
.bloque2 ul li {
list-style:none;
font-size:1.6em;
margin-bottom:2em;
text-shadow: 1px 1px 1px #000;
font-weight:bold;
}
#fondos .tpage {
color: #fFF!important;
font-size: 1.9em!important;
text-transform: uppercase!important;
text-shadow: 1px 1px 1px #000;
height: 99vh!important;
}
.btn-warning1 {
--bs-btn-color: #fff;
--bs-btn-bg: #e25100!important;
--bs-btn-border-color: #e25100;
color: #fff;
text-transform: uppercase;
box-shadow: rgba(0,0,0,.19) 0 10px 20px, rgba(0,0,0,.23) 0 6px 6px;
margin-top: 20px;
}
.btn-warning1 hover {
--bs-btn-color: #fff;
--bs-btn-bg: #101D48!important;
--bs-btn-border-color: #101D48;
color: #fff;
box-shadow: rgba(0,0,0,.19) 0 10px 20px, rgba(0,0,0,.23) 0 6px 6px;
}
input[type=email], input[type=text], textarea, wpcf7-validates-as-email{
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 40px;
padding-left: 10px;
border-width: 1px;
border-color: #c9c9c9;
}
textarea{
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 100px;
padding-left: 10px;
border-width: 1px;
border-color: #c9c9c9;
}
.entry-content ul li a {
color:#333;
font-family: 'Open Sans', sans-serif;
text-decoration:none;
font-weight:300;
}
.bloque {
text-align: center;
color: #fff;
}
.bloque h2 {
text-shadow: 1px 1px 1px #000;
margin-bottom:1.8em;
font-size:3em!important;
text-transform:uppercase;
}
.publicacionHome {
box-sizing:border-box;
height:450px;
margin-top:25px;
}
.titulosPublicaciones a {
color:#e25434;
text-decoration:none;
font-size:0.8em;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
line-height: 20px!important;
height: 20px!important;
padding: 0px 15px 0px 15px!important;
vertical-align: baseline;
width: auto;
display: block;
color: #101d48;
text-transform: none;
text-decoration: none;
text-align: center;
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 0;
font-family: inherit;
font-size: 21px;
font-weight: 300;
outline: none;
}
.bloque h2 {
text-shadow: 1px 1px 1px #000;
margin-bottom: 1.8em;
font-size: 3em!important;
text-transform: uppercase;
margin-top: 20%;
}
.menu {
margin-top:10px!important;
}

.display_archive {
    color:#333;
font-family: 'Open Sans', sans-serif;
font-size:1.em;
font-weight:300;

}
.campaign {line-height: 200%; margin: 5px;}

#nosotros {
    text-align:center;
    
}

#nosotros p {
    text-align:center;
    font-weight:300;
    
}
#nosotros h3 {
    text-align:center;
    font-weight:300;
    font-size: 20pt;
    color: #e25434;
}

.fa-arrows-to-circle, .fa-shield-heart, .fa-square-check, .fa-compass {
    font-size: 20pt;
    color: #101d48;
}
.pagination {
  text-align: center; /* Centrar la paginación horizontalmente */
}

.pagination-list {
  display: inline-block; /* Mostrar la lista horizontalmente */
  list-style: none; /* Eliminar los puntos de la lista */
  padding: 0;
  margin: 0;
}

.pagination-list li {
  display: inline; /* Mostrar los elementos de la lista en línea */
  margin-right: 5px; /* Espacio entre los números de página */
}

.pagination-list li:last-child {
  margin-right: 0; /* Eliminar el margen derecho del último número de página */
}

.paginador {
    padding:30px;
}
.paginador li {
    color:#e25434;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;

}

.paginador a {
    color:#0F1C47;

    font-weight: bold;
    text-decoration: none;
}

select  {
    width: 100%;
    padding: 10px;
    font-weight: 600;
 font-family: 'Open Sans', sans-serif;
}

.vce-text-block {
    color:#333;
font-family: 'Open Sans', sans-serif;
font-weight:300;
}

/* Alinear a la izquierda */
.alignleft {
    float: left;
    margin: 0 20px 20px 0; /* Margen derecho e inferior */
}

/* Alinear a la derecha */
.alignright {
    float: right;
    margin: 0 0 20px 20px; /* Margen izquierdo e inferior */
}

/* Alinear al centro */
.aligncenter {
    display: block;
    margin: 0 auto 20px; /* Margen inferior y centrar horizontalmente */
}

.vce-single-image-figure-inner {
    margin-top: 30px;
}

.tposts {
    text-transform: uppercase;
    color:#E05433;
    font-size:2.5em;
    margin-top:1em;
    text-align: center;
    margin-bottom: 1em;
    
}
.fechap {
    color:#666;
    text-transform: lowercase;
    font-style: italic;
    margin-bottom: -3px;
}
.mdestacada {
    margin-bottom: 10px;
}



.tmargenp  a {
    font-size:0.8em;
    text-decoration: none;
    color:#333;    
    margin-top: -30px;
}
.tmargenp  a:hover {
        color:#0a0647;    

}
.tmargenp  {
    margin-bottom: 2em;
}
.pagination-wrapper {
   text-align: center;
   margin: 20px; /* Agrega un margen superior para separar de los elementos anteriores */
   color:#0F1C47;
    font-size:1.25em;
}
.pagination-wrapper a {
    color:#E05433;
    text-decoration: none;
}