/**
* Template Name: Resi - v2.2.1
* Template URL: https://bootstrapmade.com/resi-free-bootstrap-html-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/* Global variables */
:root {
  --rupat-color-primary: #52a4b4;
  --rupat-color-secondary: #34ca9a;
  --rupat-linea-section-ancho: 100%;
}

  /*--------------------------------------------------------------
  # Rupat elementos Generales
  --------------------------------------------------------------*/

	.bg-gris {
		background-color: #979892;
	}

	.bg-blogrupat {
		background-color: var(--rupat-color-primary);
	}

	/* Personalizacion por sitio */

		.back-to-top i {
		background: var(--rupat-color-primary);
		}

		.back-to-top i:hover {
		background: var(--rupat-color-secondary);
		}

		.contact .php-email-form button[type="submit"] {
		background: var(--rupat-color-primary);
		}

		.contact .php-email-form button[type="submit"]:hover {
		background: var(--rupat-color-primary);
		}

		.contact .info-box i {
		color: var(--rupat-color-primary);
		}

    .img-transparent:hover {
			opacity: 0.5;
		}

  /*--------------------------------------------------------------
  # Acordeon
  --------------------------------------------------------------*/

  .accordion-button:not(.collapsed) {
    /* color: #fff; */
    color: white;
    /* background-color: #34ca9a; */
    background-color: var(--rupat-color-primary);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  }

  .nav-menu a {
    text-decoration: none;
    /* text-decoration-color: #34ca9a; */
    /* color: #34ca9a; */
    text-decoration-color: var(--rupat-color-primary); 
    color: var(--rupat-color-primary)
    color: blue;
  }

  /*--------------------------------------------------------------
  # Noticias
  --------------------------------------------------------------*/
  
  .blog .sidebar .recent-posts img {
    width: 80px;
    float: left;          
  }

  .entry-title {
    /* color: #30cb65; */
    color: var(--rupat-color-primary);
    transition: 0.3s;
  }

  .entry-title:hover {
    /* color: #1f9e4c; */
    color: var(--rupat-color-secondary);
    transition: 0.3s;
  }

  .recent-posts h4 a {
    font-size: 15px;
    font-weight: bold;
    text-align:right;
  }
        
  .recent-posts h4 a {
    /* color: #30cb65; */
    color: var(--rupat-color-primary);
    transition: 0.3s;
  }

  .recent-posts h4 a:hover {
    /* color: #1f9e4c; */
    color: var(--rupat-color-primary);
    transition: 0.3s;
  }

  .recent-posts span {
    font-size: 12px; 
    margin-left: 15px;
  }