@charset "utf-8";
/*
Theme Name: mgTheme-2
Theme URI: http://www.massimograni.com/
Author: massimograni.com
Author URI: http://www.massimograni.com/
Version: 1.0


-------------------------------------------------------------- */











.stelline {
    display: inline;
    float: left;
}

-------------------------------------------------------------- */
/* new 11/01/2015 */

div.alert-message {
    display: flex;
    padding: 13px 12px 12px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background-color: #2ba6cb;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    position: relative;
}
div.alert-message .box-icon {
    display: block;
    float: left;
    background-image: url('icon.png');
    padding: 0px 11px 0px 0px;
    width: 40px;
    height: 25px;
    margin-top: -2px;
    margin-right: 5px;
    background-position: -4px -8px;
}
div.alert-message p {
    margin: 0px;
}
div.alert-message.success {
    background-color: #5da423;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.success .box-icon {
    background-position: -40px -8px;
}
div.alert-message.warning {
    background-color: #e3b000;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.warning .box-icon {
    background-position: -80px -8px;
}
div.alert-message.error {
    background-color: #c60f13;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.error .box-icon {
    background-position: -120px -8px;
}


#productoskey {
  text-align: justify;
  padding: 10px;
  width: 100%;
  column-count: 3;
  column-gap: 3em;
  column-rule: 2px solid #158BCB;
  -moz-column-count: 3;
  -moz-column-gap: 2em;
  -moz-column-rule: 2px solid #158BCB;
  -webkit-column-count: 3;
  -webkit-column-gap: 3em;
  -webkit-column-rule: 2px solid #158BCB;
  margin: 25px 0px 10px 0px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

@media screen and (max-width: 767px) {
  #productoskey {
    column-count: 1;
    column-gap: 0;
    column-rule: none;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -moz-column-rule: none;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -webkit-column-rule: none;
    display: block;
    float: none;
    margin: 10px 0;
    text-align: center;
  }
}





/*---------------------------------------------
--------- mgTheme-2 15/01/2023 -----------
---------------------------------------------*/


/*---- Colores corporativos ---*/
.color-corporative{
  color: #158BCB;
    }

    a.company-link {
    color: #158BCB;
  }


  a.company-link {
    color: #191b1f;
  }

  a {
  color: #158BCB;
  text-decoration: underline;
}

  a.no-link-effect {
  text-decoration: none; /* no underline */
}


div.title a {
  color: black;
  text-decoration: none;
}

h1.title a {
  color: black;
  text-decoration: none;
}

h4.title a {
  color: black;
  text-decoration: none;
}

h3.title.is-4.has-text-centered a {
  color: black;
  text-decoration: none;
}

h3.title.is-3.has-text-centered a {
  color: black;
  text-decoration: none;
}

a.link-white {
  color: white !important;
   text-decoration: none !important;
}

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

.100% {
   text-decoration: none !important;
}


/*---- header-multisite ---*/
.grayscale {
  filter: brightness(120%) grayscale(100%); /* convierte la imagen en escala de grises */
  transition: filter 0.3s; /* agrega una transición suave al cambio de filtro */
}

.grayscale:hover {
  filter: grayscale(0%); /* elimina el filtro grayscale cuando el cursor del mouse se posiciona sobre la imagen */
}

/*---- navbar ---*/

.navbar-item {
    color: #158BCB;
  }

  .navbar-item img {
    max-height: 3.00rem !important;
  }

 a.navbar-item:active{
  background-color: #fafafa;
    color: #158BCB;
}

  a.navbar-item:visited{
  background-color: #fafafa;
    color: #158BCB;
}

 a.navbar-item:hover{
  background-color: #fafafa;
    color: #158BCB;
}




 

  /*---- scrollmenu ---*/

  div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white !important;
  text-align: center;
  padding: 14px;
  text-decoration: none !important;
}

div.scrollmenu a:hover {
  background-color: #158BCB;
}

@media (max-width: 768px) {
div.scrollmenu::-webkit-scrollbar { /* Oculta la barra de scrolling en navegadores webkit (Chrome, Safari, etc.) */
display: none;
}
}

/*---- sidebar ---*/

.sidenav {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    height: 300px;
    color: #fff;
    top: 10px;
    bottom: auto;
    }




/*---- tags in scheda ---*/

.tags-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tag-item {
  background-color: #158BCB;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  margin: 0 5px 5px 0;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.tag-item:hover {
  background-color: #158BCB;
}

.tag-item a {
  color: #fff;
}



.title-white a { 
    color: white !important;
}
a.title-white:hover{
    color: white !important;
}

.va {
  display: flex;
  align-items: center;
}

.hero {
  background: #060606;
}


.blog-posts {
  background: #191b1f;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.blog-posts article {
  padding: 1.5rem;
}

.blog-posts .post img {
  border-radius: 6px;
}

.blog-posts .post .post-category {
  color: #3b7adf;
}

.blog-posts .post .post-title {
  font-size: 2.2rem;
}

.blog-posts .post .post-excerpt {
  line-height: 1.5rem;
  letter-spacing: .03rem;
  font-size: 1.2rem;
  color: #92a3ab;
}

.blog-posts .post .featured .featured-image img {
  height: 380px;
}
.title-white{
  color:#000000;
}

.wpcf7-submit {
    width: 100%;
    background-color: #158BCB !important;
    border-color: #158BCB !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 1rem !important;
    height: 3em !important;
}

.wpcf7-submit:hover {
    width: 100%;
    background-color: #158BCB !important;
    border-color: #158BCB !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 1rem !important;
    height: 3em !important;
}

input[type="submit"]{
    width: 100%;
    background-color: #158BCB !important;
    border-color: #158BCB !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 1rem !important;
    height: 3em !important;
}

.buttoncorporativo{
    width: 100%;
    background-color: #158BCB !important;
    border-color: #158BCB !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 1rem !important;
    height: 3em !important;
    align-items: center;
    justify-content: center;
}

.buttoncorporativo-white{
    width: 100%;
    background-color: #fff !important;
    border-color: #158BCB !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-size: 1rem !important;
    height: 3em !important;
    align-items: center;
    justify-content: center;
}

.buttonpreventivowhatsapp{
    width: 100%;
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    border-radius: 4px !important;
    color: #fff !important; 
    font-size: 1rem !important;
    height: 3em !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

select.wpcf7-form-control.wpcf7-select{
     width: 100%;
     border-color: #158BCB:
     height: 3em;
}

/*---- pagenavi ---*/

@media screen and (max-width: 767px) {
.wp-pagenavi a.page, span.extend, a.last {
display: none;
}
}





/*---- old ---*/



.article-date {
    border-bottom: 1px solid #dddddd;
    color: #777;
    font-family: Metrophobic, sans-serif;
    font-size: 13px;
    line-height: 1.1rem;
    margin: 0 0 5px;
    padding: 5 0 5px;
    text-align: right;
}