/* TABULA 2025 */

:root {
    --primary-rgb: 37, 128, 122;
    --secondary-rgb: 241, 231, 207;
    --dark-rgb: 25, 87, 83;
	--tab-brand: #25807A;
	--tab-brand-dark: #1a5854;
  }
  
  .btn { 
    border: none;
    border-radius: 0;
  }
  
  .btn-brand {
	  background: var(--tab-brand);
	  color: white;
  }
  
  .btn-brand:hover {
	  background: var(--tab-brand-dark);
  }
  
    .current-btn {
    background-color: #deeceb;
    border: 1px solid rgb(var(--dark-rgb))
  }
  
  .current-btn:hover {
    background-color: #8ABCB9;
    border: 1px solid rgb(var(--dark-rgb))
  }
  
  .hero-component.hero-component--text-color-light.hero-component--text-bg .hero-component--content {
    background-color: rgb(var(--primary-rgb)) !important;
    padding-bottom: 15px;
    h2 {
      color: white !important;
    }
  }
  
  .boxstyle_.boxa {
    background-color: rgb(var(--secondary-rgb));
	padding-bottom: 0;
	margin-right: -20px;
    h2, h3, h4 {
      color: black;
    }
  }
  
  /* TEXT COLOURS */
  
    .text-unauth {
    color: #af2723;
  }
  
  .text-auth {
    color: #204f79;
  }
  
  .text-attend {
    color: #596e31;
  }
  
  .text-late {
    color: #be410c;
  }
  
  /* Styles for images*/
  /* screenshots */
  .screenshot {
    border: 1px solid black;
    margin-bottom: 10px;
  }
  
  .smaller {
	  width: 60%;
  }