/*
Theme Name: OBSER EN CONSTRUCION
Theme URI: http://obserdiscriminacion.gob.ar
Description: Theme Desarrollado por DIGESI ENACOM en base a diseño de Institucionales
Author: ENACOM
Author URI: http://enacom.gob.ar/
Tags:  microformats, rtl-language-support, editor-style, custom-menu
Version: 1.0
License: GPL
License URI: http://enacom.gob.ar/
 */


 /*
 
 PALETA DE COLORES:
 Violeta: #9f0067;
 Fucsia:#d21e93;
 Azul Marino:#160052;
 Azul Francia: #3800d2;
 Gris de Fondo: #cccccc;
Casi Blanco:#e6e6e6;
Casi Negro: #483533;
 */


 * {
     font-family: 'Montserrat', sans-serif;
}

html{ 
      scroll-behavior: smooth;
}
body {
    background-color:#e6e6e6;
}

h1,h2,h3,h4,p,span,li,a {
    letter-spacing: .5px;;
}

a:hover{
    text-decoration: none;
}
/* MAIN APGE*/
.mainPage h1 {
 
font-weight: 900;
}

.mainPage {
    padding-top:100px;
    background-color:#cccccc;
}


.display-2 {
    font-size:40px;
    font-weight:900;
    font-family: "Montserrat";

}

p {
   max-width: 760px;
   font-size:17px;
   font-family: "Roboto";
   font-weight:400;
}
.bg-light {
    background-color:#ffffff;
}
.text-rosa {
    color:#d21e93;
}
.text-secondary {
    color:#323232 !important;
}
.bg-primary {
    background-color: #160052 !important;
}
.btn-primary {
    background-color: #160052 !important;    
}
.bg-gris {
    background-color: #cccccc;
}
/* header */
header {
    top:0;
    position: absolute;
    z-index: 99;
}

header .headerTop {
    width: 100%;
    text-align: left;
    background-color:#263238;
}

header ul li {
    flex-grow:1; 
    list-style-type: none;
}

.headerHome {
     top:120px;
     left:0;
     z-index:4
}

.headerHome h1 {
    font-size:43px;
    line-height: 1.2;
}
/* NAVBAR */
nav.navbar {
    box-shadow: 5px 0 10px #263238;
}

nav.navbar a.nav-link {
    color:#444444;
}
/* intro-header */
.intro-header {
    position: relative;   
    overflow: hidden;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
  }

  .intro-header h1,  .intro-header p 
   {
    color: white;
  }

/* FUNCIONES */
#funciones strong{
    color:#160052;
}

 /* LISTAS SIDEBAR */
 .custom-html-widget ul {
     list-style-type:none;
     padding-left:0;
 } 
 .custom-html-widget ul li {
     display: block;
 }

 .custom-html-widget ul li i{
   font-size:1.5em;
   border-radius:32px;
   border:1px solid #fff;
   background-color: #fff;
   color:#160052;
   display: inline-block;
   padding:10px;
   margin-right:20px;
   vertical-align: middle;
}
.custom-html-widget ul li span {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}
.custom-html-widget ul li a {
    color:#fff;
    padding:30px 20px;
    display:block;
}
.custom-html-widget ul li a:hover {
text-decoration:none;
}
.custom-html-widget ul li.azul_marino {
    background-color: #160052;
}
.custom-html-widget ul li.azul_francia {
    background-color: #3800d2;
}

.custom-html-widget ul li.fucsia {
    background-color: #d21e93;
}
/* PAGINACION */
.paginacion {display: block;max-width:440px;margin:2em auto;clear:both;text-align: center}
.paginacion a {display: inline-block;background-color: #3800d2;color:#ffffff;margin:0.25em;padding:4px 8px;}

/* card */
.card h3 {
    color:#fff;
    font-family: 'Encode Sans', sans-serif;
    font-size:23px;
    line-height:1.1;
    height:115px;
    overflow:hidden;
    font-weight:600;
}
.card p {
    color:#fff;
}
/* carouselPrincipal */
#carouselPrincipal.carousel {
    height:100vh;
    min-height:550px;
    width: 100%;
    overflow: hidden;
}

#carouselPrincipal.carousel .carousel-item {
    height:100vh;
    min-height:550px;
    width: 100%;
    background-size:cover;
    position: relative;
}

#carouselPrincipal.carousel .carousel-item .carousel-caption {
width:80%;
left:50%;
margin-left:-40%;
top:300px;
background-color: rgba(68,68,68,.5);
text-align:left;

bottom: inherit;
right: inherit;
}

#carouselPrincipal.carousel .carousel-item .carousel-caption h2 {
    font-size:29px;
    font-family:"Roboto";
    font-weight:900;
}

#carouselPrincipal.carousel .carousel-item .carousel-caption p {
    color:#ffffff;
    font-family:"Roboto";

font-size:19px;
font-weight:700;
}
#carouselPrincipal.carousel .carousel-item .carousel-caption a {
    color:#ffffff;
}

.carousel-control-next, .carousel-control-prev {
    top:60px;
}
/* MENU PRINCIPAL */
.colorHome ul#menu-principal li a {
color:#ffffff;
}
ul#menu-principal {
    list-style-type: none;
    padding-left:0;
}
ul#menu-principal li a {
    text-decoration: none;
    font-weight: bold;
    font-size:1em;
    color: #444444;
}

footer {
        box-shadow: 0 5px 10px #263238;

}
footer .copygrith {
    background-color: #757575;
    width: 100%;
}
footer .copygrith span {
    text-align: center;
color:#fff;
}

footer .redes {
    background-color: #263238;
    width: 100%;
}

footer .redes a {
    color:#fff;
}

footer strong {
    color:#5c5b5f;
    text-transform:uppercase;
    margin-bottom:20px;
    text-align:left;
}

footer ul {
    list-style-type: none;
    text-align: left;
    padding-left:0;
}

footer ul li a {
    text-decoration:none;
    color:#5c5b5f;

}

footer address i {
    font-size:.85em;
    color:#0697d5;
}
@media (max-width:768px) {

    .card h3 {
        height: inherit;
    }
   
.mainPage {
    padding-top:90px;
}
    #carouselPrincipal.carousel .carousel-item .carousel-caption {
        top:380px;
    }

    .headerHome {
        top:0;
        
    }

    .navbar-light a.navbar-brand {
        width: initial;

    }

    header.position-fixed {
        background-color:#263238;
    }

    header.position-fixed nav.navbar  {
        position:relative;
    }
    
    header.position-fixed nav.navbar button {
    position:absolute;
    top:-32px;
    right:5px;
    }

    a.navbar-brand {
        width: 100%;
    }
.headerHome img {
    float: inherit !important;
    display: block;
    margin:75px auto;
}




nav ul {
    padding:0;
}
  nav ul li {
      width: 100%;
      text-align: center;
      display: block;
      flex-grow: inherit;

  }    
  ul#menu-principal li a {
      color:#ffffff;

  }
}