/* -------------------- TEMPLATE  ------------------*/
body {
    font-family: 'Lato', 'Arial', sans-serif;
    background-color: #FFFFFF;
    color: #000000;

    background-image: url('https://htsat.co.uk/img/background2023_white.jpg');
    background-position: center;
    background-repeat: repeat;

    padding-top: 56px; /*Due to the fixed navbar*/
  height: 100%;
  margin: 0;
}






nav {
    background-color: #2E6D95;    
}

footer, .offcanvas {
    background-color: #2E6D95;
    background-image: url('https://htsat.co.uk/img/background2023_galaxy_tiled.jpg');
    background-position: center;
}
.dropdown-menu-dark {
    background-color: transparent !important;
    border:  none !important;
}


    footer img:not(.noshadow) {filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8)); }
    footer {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); }



@media (min-width: 768px) {
    body {
      background-image: url('https://htsat.co.uk/img/background2023_white.jpg');
    }
    footer, .offcanvas {
      background-image: url('https://htsat.co.uk/img/background2023_galaxy_tiled.jpg');
    }
}

@media (min-width: 1200px) {
    .container{
        max-width: 992px;
    }
}



h1, h2, h3, h4, h5, h6, .navbar {
    font-family: 'Arvo', 'Arial', sans-serif;
    font-weight: bold;
}


.menuitem_displaytext_sub {
    font-family:'Lato', 'Arial', sans-serif;
    margin-left: 10px;
}



.cryptedmail:after {
      content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
    }


/* LINK COLOURS */

a:link, a:visited, a:active {
    color: #000000;    
    text-decoration-color: #B700B7;
    text-decoration-thickness: .125em;
    text-underline-offset: 0.2em;
}

a:hover {
    color: #47005B !important;
    text-decoration-color: #47005B;
    text-decoration-thickness: .165em;
}

a:hover.nounderline {
    text-decoration:none !important;
}

.HTSATDark, .HTSATBright1, .HTSATMid2, .HTSATMid1, .HTSATBright2
{ color: #FFFFFF !important; }

footer a:link, footer a:visited, footer a:hover, footer a:active
, .HTSATDark a:link, .HTSATDark a:visited, .HTSATDark a:hover, .HTSATDark a:active
, .HTSATMid1 a:link, .HTSATMid1 a:visited, .HTSATMid1 a:hover, .HTSATMid1 a:active
, .HTSATMid2 a:link, .HTSATMid2 a:visited, .HTSATMid2 a:hover, .HTSATMid2 a:active
, .HTSATBright1 a:link, .HTSATBright1 a:visited, .HTSATBright1 a:hover, .HTSATBright1 a:active
, .HTSATBright2 a:link, .HTSATBright2 a:visited, .HTSATBright2 a:hover, .HTSATBright2 a:active
{ color: #FFFFFF !important; }

.HTSATBright1 a:link, .HTSATBright1 a:visited, .HTSATBright1 a:hover, .HTSATBright1 a:active
{ text-decoration-color: #47005B; }





/* MENU THINGS */

a:link.nav-link, a:visited.nav-link, a:hover.nav-link, a:active.nav-link, .navbar a:link.dropdown-item, .navbar a:visited.dropdown-item, .navbar a:hover.dropdown-item, .navbar a:active.dropdown-item {
    color: #FFFFFF !important;
}

.nav-item {
    margin-bottom: 1em;
}

.navbar .dropdown-menu li {
    margin-bottom: 0.4em;
    margin-left:  1.2em;
}


.navbar .dropdown-item.active, .navbar .dropdown-item:hover {
    background-color: #47005B !important;
}

.nav-link.active, .nav-link:hover {
    background-color: #B700B7 !important;
}


.nav-link {
  --notchSize: 0.5em;

  background-color: #47005B;
  padding: 1em;
  font-size: 1.3em;
  
  clip-path: 
    polygon(
      0% var(--notchSize), 
      var(--notchSize) 0%, 
      calc(100% - var(--notchSize)) 0%, 
      100% var(--notchSize), 
      100% calc(100% - var(--notchSize)), 
      calc(100% - var(--notchSize)) 100%, 
      var(--notchSize) 100%, 
      0% calc(100% - var(--notchSize))
    );
}
.navbar .dropdown-item {
  --notchSize: 0.5em;

  background-color: #63007E;
  padding: 0.7em;
  font-size: 1.1em;
  
  clip-path: 
    polygon(
      0% var(--notchSize), 
      var(--notchSize) 0%, 
      calc(100% - var(--notchSize)) 0%, 
      100% var(--notchSize), 
      100% calc(100% - var(--notchSize)), 
      calc(100% - var(--notchSize)) 100%, 
      var(--notchSize) 100%, 
      0% calc(100% - var(--notchSize))
    );
}



/* HTSAT sections */

.HTSATSection, .HTSATSection { background-position: center; }

.HTSATBlock { border-radius: 1rem 3rem; }


.HTSATDark {background-image: url('https://htsat.co.uk/img/background2023_dark.jpg'); }
@media (min-width: 768px) {.HTSATDark {background-image: url('https://htsat.co.uk/img/background2023_dark.jpg'); } }

.HTSATMid1 {background-image: url('https://htsat.co.uk/img/background2023_mid1.jpg'); }
@media (min-width: 768px) {.HTSATMid1 {background-image: url('https://htsat.co.uk/img/background2023_mid1.jpg'); } }

.HTSATSpecial {background-image: url('https://htsat.co.uk/img/background2023_special_tiled.jpg'); }
@media (min-width: 768px) {.HTSATSpecial {background-image: url('https://htsat.co.uk/img/background2023_special_tiled.jpg'); } }

.HTSATMid2 {background-image: url('https://htsat.co.uk/img/background2023_mid2.jpg'); }
@media (min-width: 768px) {.HTSATMid2 {background-image: url('https://htsat.co.uk/img/background2023_mid2.jpg'); } }

.HTSATBright1 {background-image: url('https://htsat.co.uk/img/background2023_bright1.jpg'); }
@media (min-width: 768px) {.HTSATBright1 {background-image: url('https://htsat.co.uk/img/background2023_bright1.jpg'); } }

.HTSATBright2 {background-image: url('https://htsat.co.uk/img/background2023_bright2.jpg'); }
@media (min-width: 768px) {.HTSATBright2 {background-image: url('https://htsat.co.uk/img/background2023_bright2.jpg'); } }



/* OTHER THINGS */

.anchor {
  scroll-margin-top: 76px;   /* the height of the fixed navbar*/   /*Fixes the fixed header and anchors not showing as they are underneath the header*/
}



.accordion-button:not(.collapsed) {
    color: #2E6D95 !important;
}











.menuHTSAT a.btn {
    font-size: 1.5rem;
    background-color: #2E6D95 !important;
}

.menuHTSAT a:link, .menuHTSAT a:visited, .menuHTSAT a:active {
    color: #FFFFFF;    
}

.menuHTSAT a:hover {
    color: #47005B !important;
}

.menuHTSAT .container {
    height: 100%;
}

.menuHTSAT {
  background-image: url('https://htsat.co.uk/img/background2023_galaxy_tiled.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
/*  height: 100vh;*/
}





.HTSATText {
    text-transform: uppercase;
    font-family: "Arvo";
    font-weight: 700;
    padding: 0 0.2rem;
/*    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);*/
}

.HTSATText110 { font-size: 110%; }
.HTSATText70 { font-size: 70%; }
.HTSATText85 { font-size: 85%; }

.HTSATTextPurple { color: #47005B; }
.HTSATTextGreen { color: #00C100; }
.HTSATTextYellow { color: #FFD700; }
.HTSATTextBlue { color: #00C1C1; }
.HTSATTextWhite { color: #FFFFFF; }

.HTSATTextTransparentBG { background-color: transparent; }
.HTSATTextWhiteBG { background-color: #FFFFFF; }
.HTSATTextBlueBG { background-color: #00C1C1; }
.HTSATTextGreenBG { background-color: #00C100; }






div.HTSATHeader {

  background-color: white;
  padding: 0 0.7rem;
  margin: 3rem 0;

  transform: skew(-8deg) rotate(-8deg);
  font-family: "Arvo";
  font-weight: 700;
  font-size: 3rem;
  text-transform: uppercase;
  box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.3);
  letter-spacing: -1.5px;
  display: inline-block;

    position: relative;
    z-index: 2;

    color: #47005B;
}





    .QuoteBlock {
      position: relative;
    }

    .quote-icon {
      position: absolute;
      top: 0;
      left: 1rem;
      font-size: 4rem; 
      color: #fff; 
      opacity: 0.3;
    }