/*
Theme Name: Mtfess
Theme URI: http://www.mintrabajo.gob.gq
Author: Departamento de Web y Multimedia - CNIAPGE
Author URI: http://cniapge.gq/miembros
Description: Ministerio - Desiño web para los ministerio WordPress Theme
Version: 3
License: 
- GNU General Public License v2 or later
License URI: 
- http://www.gnu.org/licenses/gpl-2.0.html

Tags: ministerio, ministerio, politico

Text Domain: Mtfess


/*

 
NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".

@charset "utf-8";
/* variable de colores*/
:root {
    --white: #ffffff;
    --mtfess-btn-destacada:rgb(23, 44, 110);
    --mtfess-bg-header:#182d6f;
    --mtfess-bg-footer-1:#000c33;
    --mtfess-bg-footer-2:#000a29;
	--mtfess-bg-btn-destacada:red;
 
}
/*-reset -*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-decoration: none;
    margin: 0;
    padding: 0
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

 :focus {
    outline: 0
}

 

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

a {
    text-decoration: none!important;
    position: relative;
    color: #000
}

audio,
video,
canvas {
    max-width: 100%
}

.acuerdo-bandera{ 
    height: 90px!important; 
}

.acuerdo-content h3{ 
    font-size: 14px!important;
}

i.fa.fa-file-pdf { 
    font-size: 30px!important;
    padding-top: 5px;
    color: darkred;
}

/*
i.fa.fa-download.icon-xs { 
    padding-top: 10px;
    color: darkred;
} */

 .documetacion i.fa.fa-download.icon-xs {
  padding-top: 0px;
  color: darkred;
  font-size: 25px;
  line-height: 55px;
}

/* DATA TABLE*/
.tableleft {
    text-align: left;
}
.dataTables_wrapper .dataTables_filter input {
    height: 36px;
    padding: 4px 20px;
    font-size: 16px;
    margin-bottom: 26px!important;
}
table.dataTable tbody th, table.dataTable tbody td { 
    font-size: 15px;
}


.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    background-color: #222; 
} 

.pagination>li>a, .pagination>li>span {

    float: none!important;
    background-color: #222
}


li.paginate_button>.previous>.disabled> a{
    line-height: 27px;
}


.footer-list li:before{
    color: #999696!important;
}
/**
PAGINATION 
**/
 
/* category pagination */
/* .pagination { 
  margin: 0 0 10px 0; padding: 10px 0; border-top: 1px solid #ccc;
} */

.page-numbers.current {
  background: #0e35b1;
   
  float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    border-right: 1px solid rgba(255,255,255,0.15);
}
/* .page-numbers.dots { 
  padding: 3px 5px;
} */

/* a.page-numbers { 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  padding: 3px 10px;
  background: #000;
  text-decoration: none;
} */

a.page-numbers:hover { 
  background: #888;
}
a.prev, a.next { 
  text-transform: uppercase; 
}

/* ACUERDOS */

 .imgserviceBox {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 0;
    content: " ";
    width: 112px;
    height: 66px;
    background: #f5f5f5;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
} 

.mt-40{
    margin-top:40px;
}
.mt-40{
    margin-top:50px;
}
.mt-60{
    margin-top:60px;
}
.section-block-grey {
    padding: 90px 0px 90px 0px;
    background-color: #f9f9f9;
}

.serv-section-2 {
    position: relative;
    border: 1px solid #eee;
    background: #f5f5f5;
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
    border-radius: 5px;
    overflow: hidden;
    padding: 30px;
}

.serv-section-2:before {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 0;
    content: " ";
    width: 85px;
    height: 85px;
    background: #f5f5f5;
    border-bottom-left-radius: 75px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;

}

.serv-section-2-icon {
    position: absolute;
    top: 18px;
    right: 22px;
    max-width: 100px;
    z-index: 1;
    text-align: center;
}

.serv-section-2-icon i {
    color: #5f27cd;
    font-size: 33px !important;
    line-height: 65px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-desc {
    position: relative;
}

.serv-section-2 h4 {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    width: 60%;
    text-align: left;
}

.serv-section-2 h5 {
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
}

.section-heading-line-left {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #da0000;
    border-radius: 25%;
    margin-top: 15px;
    margin-bottom: 5px;
}

.serv-section-2 p {
    margin-top: 25px;
    padding-right: 50px;
}

.serv-section-2:hover .serv-section-2-icon i {
    color: #fff;
}

.serv-section-2:hover:before {
    background:#1d2e71;
}
.serv-section-desc h4 a:hover{
    color:#1d2e71;
}


/*miembros*/

.our-team{
    overflow: hidden;
}
.our-team .pic{
    transform:scale(1,1);
    transition:transform 0.30s ease;
    position: relative;
}
.our-team:hover .pic{
    transform:scale(1.1,1.1);
}
.our-team .pic:before{
    content: "";
    width:100%;
    height:100%;
    position: absolute;
    transition:background 0.50s ease-in-out ;
}
.our-team:hover .pic:before{
    background:rgba(255, 255, 255,0.5);
}
.our-team .pic img{
    width: 100%;
    height: auto;
}
.our-team .team-content{
    border-top: 1px solid #172c6e;
    position: relative;
    bottom: 0;
    background:#fff;
    text-align:center;
    padding: 11px 14px 3px;
    transition: all 0.3s ease 0s;
}
.our-team:hover .team-content{
    bottom:15%;
}
.our-team .post-title{
    margin:0;
    color:#000;
    font-size:15px; 
    font-weight: 600;
}
.our-team .post-title:after{
    content: "";
    width: 15%;
    display: block;
    margin: 3% auto 2%;
    border-bottom: 2px solid #172c6e;
}
.our-team .post-title small{
    display: block;
    font-size:11px;
    margin-top:3%;
    letter-spacing:1px;
    text-transform:uppercase;
}
.our-team .social-link{
    padding:0;
    margin:0 0 4% 0;
}
.our-team .social-link li{
    list-style:none;
    display:inline-block;
    margin-right:15px;
}
.our-team .social-link li a{
    font-size:19px;
    color:#333;
}
.our-team .social-link li a.fa-facebook:hover{
    color:#5d82d1;
}
.our-team .social-link li a.fa-google:hover{
    color:#eb5e4c;
}
.our-team .social-link li a.fa-twitter:hover{
    color:#40bff5;
}
.our-team .description{
    line-height: 23px;
    padding: 0 20px;
    position: inherit;
    text-align: center;
    font-size: 13px;
    transition: opacity 0.3s ease 0s;
}

.footer_diviser {
    margin: 52px 0;
    height: 0px;
    cursor: pointer;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.copyright span {
    color: #eee!important;
}

.social-header-top {
    background: none!important;
    font-size: 21px!important;
    color: white;
}
.social-one {
    width: 163px!important; 
    margin-right: 40px!important; 
    background: none!important;
    line-height: 32px;
    color: white;
}
.social-two {
    width: 115px!important; 
    margin-right: 40px!important; 
    background: none!important;
    line-height: 32px;
    color: white;
}
.social-three{
    width: 106px!important; 
    background: none!important;
    line-height: 32px;
    color: white;
}


  /* css para añadir listas en el fornted*/
  .single-post-content_text ul {
    list-style: disclosure-closed !important;
    margin-left: 45px;
}

.single-post-content_text ul li {
	position: relative;
	padding-left: 10px;
	min-height: 40px;
    text-align: left;
}

.single-post-content_text ul li::marker{
	
	color: var(--mfpra-base);
	font-size: 18px; 
    font-weight: 700;
	line-height: 48px;  
} 
/* css personnificado single*/
b, strong {
    font-weight: 600;
  }
  
  /* css para la docuemntacion*/
  .serv-section-2 {
    position: relative;
    border: 1px solid #eee;
    background: #f5f5f5;
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    margin: 4px;
  }
  .serv-section-2-icon {
    position: absolute;
    top: 4px;
    right: 22px;
    max-width: 100px;
    z-index: 1;
    text-align: center;
  }

  /*fondo para área del ciudadano*/
   .white-bg{
        background-color: #fff !important;
   }

   li#menu-item-246.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-246 ul {
    min-width: 549px!important; 
}

/*slider home small images*/
.hsc-list_item-content h2 {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    text-align: left;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
    line-height: 21px;
  }

  /*increase submenu entiaddes */
  li#menu-item-373.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-373 ul {
    min-width: 350px !important;
  }

  /*documetacion*/
  .documetacion i.fa.fa-download.icon-xs {
    padding-top: 16px;
    color:#000;
    font-size: 25px !important;
    line-height: 34px;
  }

  /* css enlace de descargas*/
.bg-enlace.serv-section-2 {
    position: relative;
    border: 1px solid #c8e6eb;
    background: #fdfdfd;
    box-shadow: none;
    border-radius: 5px;
    padding: 25px;
  }
  
  .enlace i.fa.fa-download.icon-xs {
    padding-top: 0px;
    color: darkred;
    font-size: 25px;
    line-height: 34px;
  }
  .enlace .serv-section-2 h4 {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    width: 90%;
    text-align: left;
  }


/* emleos ofertas caducadas*/
.empleo-expirado-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 6px 12px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 3px;
    z-index: 20;
    pointer-events: none; /* para que no interfiera con el enlace */
}

/* Si no usas Bootstrap, define los colores */
.btn-danger {
    background-color: red !important;
    border: none;
    color: #fff;
}

.text-white {
    color: #fff !important;
}

/* Opcional: que la imagen se vea un poco opaca si está expirado */
.gallery-item .empleo-expirado-btn + a .bg-wrap img {
    opacity: 0.7;
}