/*
Theme Name: Ministerio de telcomuniacciones
Theme URI: http://www.mintcnt.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.1
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: mtcnt


/*

 
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";

/*-reset -*/
/* variable de colores*/
:root {
    --primary:#105d84;
    --white: #ffffff;
    --bg-boton-rojo-header:red;
    --bg-primary:#105d84;
   
}

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;
} 

/* 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:#119ee6;
   
  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  #daeaf0;
    background: #f5f5f5;
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
    border-radius: 5px;
    overflow: hidden;
    padding: 30px;
    margin: 4px;
}

.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;
    display:none;

}

.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: 48px;
    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: #da0000;
}
.serv-section-desc h4 a:hover{
    color: #da0000;
}


/*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 #da0000;
    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 #da0000;
}
.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;  
} 

blockquote {
    border-color: #e93314;
  }
  blockquote {
    float: left;
    padding: 20px 20px 10px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 15px solid #eee;
      border-left-color: rgb(238, 238, 238);
    background: #f9f9f9;
    position: relative;
  }


  .lista {
    list-style-type: square;
    display: list-item;
    text-align: left;

}

.lista_ordenada li::before {
    counter-increment: step-counter;
    content: counter(step-counter);
  }

b, strong {
    font-weight: 600;
  }

  /*documetacion*/
  .documetacion i.fa.fa-download.icon-xs {
    padding-top: 0px;
    color: darkred;
    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;
  }

  /*************************************************
  increase submenu direcciones
  **************************************************/
  li#menu-item-227.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-227 ul {
    min-width: 490px !important;
  }
/*************************************************
Formulario de registro de buques css
**************************************************/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background:#725f4c;
color:#FFF;
font-family:lora, sans-serif; 
font-style:italic;    
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#f0f2fb;
/*width:100%;*/
text-align:center;
text-transform:uppercase;
}


.wpcf7-form-control.wpcf7-textarea{
  width:100%;
}
.wpcf7-form-control.wpcf7-text{
     width:100%;
       
}
.wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
background-color:#105d84;
width: 50%;
text-align: center;
text-transform: uppercase;
background:#105d84;
color: #fff;
padding: 3px 36px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
      float: left;
border: none;
border: 1px solid #e1e1e1;
background: #f9f9f9;
/*width: 100%;*/
padding: 15px 30px;
border-radius: 4px;
color: #000;
font-size: 12px;
-webkit-appearance: none;
font-family: 'Poppins', sans-serif;
}

.wpcf7-form label {width:100% !important;}
 /* formulio del INSTIT*/
#notas-list  li {
	list-style-type: none ;
}

#notas-wrapper {
  padding: 25px 18px;
  background: #f4f4f4;
  background: #29bfbf;
  margin: 23px 0px;
}

div#notas-wrapper h3{
	color:#fff;
	font-size:22px;
}

 .notice.success {
   
    font-size: 15px !important;
}

/* formulario Instic 2*/
.notice.error {
	 font-size: 15px !important;
   }

.alert-success{
	font-size:15px;
}

/**css for mobile*/

@media (max-width: 768px) {
    form {
       
        flex-direction: column;
        align-items: center;
			/* Centra todo horizontalmente */
    }

    form input[type="text"],
    form input[type="email"],
    form input[type="date"],
    form input[type="number"],
    form select,
    form textarea,
    form input[type="submit"] {
        width: 100% !important; /* Ancho uniforme */
        max-width: 400px; /* Límite de ancho */
        height: 45px !important; /* Alto uniforme */
        box-sizing: border-box;
        font-size: 16px;
        border: 1px solid #00bcd4;
        border-radius: 5px;
        padding: 8px 10px;
        margin-bottom: 15px;
        background-color: #fff;
    }

    /* Botón de envío */
    form input[type="submit"] {
        background-color: #007bff;
        color: #fff;
        border: none;
        cursor: pointer;
        font-weight: bold;
        transition: background-color 0.3s ease;
    }

    form input[type="submit"]:hover {
        background-color: #0056b3;
    }

    /* Asegurar que el campo date se vea igual */
   form input[type="date"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        line-height: normal;
		
    }

    /* Select sin flecha personalizada */
    form select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #fff;
    }
}

#pdf-wrapper{
	padding: 15px 0px;
  margin: 18px;
}

.bg-danger {
  background-color: #e81c1c !important;
  color: #fff;
	font-size: 14px !important;

}