/*	
	Side Navigation Menu V2, RWD
	===================
	Author: https://github.com/pablorgarcia
 */

 @charset "UTF-8";
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
 
 body {
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   line-height: 1.42em;
   color:#E8EAED;
background: linear-gradient(45deg, #222222, #222222);
padding-left: 0.5%;
 }

.theadinvisi { visibility: collapse; opacity: 0; border: 0 none; height: 0; border-radius: 0; }
.theadinvisi * { visibility: collapse; margin: 0.5; border: 0 none; height: 0px; border-radius: 0; }
 
 h1 {
   font-size:3em; 
   font-weight: 300;
   line-height:1em;
   text-align: center;
   color: #4DC3FA;
 }
 
 h2 {
   font-size:1em; 
   font-weight: 300;
   text-align: center;
   display: block;
   line-height:1em;
   padding-bottom: 2em;
   color: #FB667A;
 }
 
 h2 a {
   font-weight: 700;
   text-transform: uppercase;
   color: #9e4b56;
   text-decoration: none;
 }

 h3 {
      text-align: left;
       overflow: hidden;
       width: 80%;
       margin: 0 auto;
   display: table;
   padding-bottom: 10px;
    }

    @media screen and (max-width: 1250px) {
      h3 {
      min-width: 1000px;
      }
    }



 .blue { color: #113f55; }
 .yellow { color: #FFF842; }
 
 .contentbox th h1 {
       font-weight: 500;
       font-size: 1em;
   text-align: center;
   color: #889da7;
   font-family: 'Roboto', sans-serif;
 }
 
 .contentbox td {
       font-weight: 300;
       font-size: 1em;
   -webkit-box-shadow: 0 2px 2px -2px #0E1119;
        -moz-box-shadow: 0 2px 2px -2px #0E1119;
             box-shadow: 0 2px 2px -2px #0E1119;
             padding: 0;
 }

 .contentbox {
       text-align: left;
       overflow: hidden;
       width: 95%;
       margin: 0 auto;
   display: table;
   padding: 0 0 em 0;
   float: center;

 }

 @media screen and (max-width: 940px) {
  .contentbox {
  margin-left: 3px;
  
  }
}

 .other {
  text-align: left;
  width: 95%;
  margin: 0 auto;
display: table;
padding: 0 0 em 0;
float: center;


}
 
 .contentbox td, .contentbox th {
       padding-bottom: 0.8%;
       padding-top: 0.8%;
       text-align: center;  
 }
 
 /* Background-color of the odd rows */
 .contentbox tr:nth-child(odd) {
       background-color: #2E2E2E;
 }
 
 /* Background-color of the even rows */
 .contentbox tr:nth-child(even) {
       background-color: #2E2E2E;
 }
 
 .contentbox th {
       background-color: #2E2E2E;
 }
 
 .contentbox td:first-child { color: #E8EAED; }

 .contentbox td:nth-child(1) a { text-align: left; color: #9b9d9f; font-weight: 600; font-family: 'Roboto', sans-serif; }

 .contentbox td:nth-child(1) { padding-left: 7px; text-align: left; color: #9b9d9f; font-weight: 600; font-family: 'Roboto', sans-serif; }

 .contentbox td:nth-child(2) { padding-left: 7px; text-align: left; color: #9b9d9f; font-weight: 600; font-family: 'Roboto', sans-serif; }

 .historic-centres td:nth-child(2) a { text-align: left; color: #9b9d9f; font-weight: 600; font-family: 'Roboto', sans-serif; }
 
 .contentbox tr:hover {
    background-color: #464A52;
 -webkit-box-shadow: 0 6px 6px -6px #0E1119;
        -moz-box-shadow: 0 6px 6px -6px #0E1119;
             box-shadow: 0 6px 6px -6px #0E1119;
 }
 
 /* @media (max-width: 980px) {
 .contentbox td:nth-child(10),
 .contentbox th:nth-child(10) { display: none; }
 } */

 .facebook { width: 70px; background-image:url(../images/fb_logo.png); background-size: 40%; background-repeat: no-repeat; background-position: center center; object-fit: contain; }

 .instagram { width: 70px; background-image:url(../images/insta_logo.png); background-size: 46%; background-repeat: no-repeat; background-position: center center; object-fit: contain; }

 .blank { width: 70px; }

 .moreinfo { background-color: #3a3b3c; }

 .tick::before { content: "\2713"; font-weight: 300; color: #E8EAED; }

 .cross::before { content: "\0078"; font-weight: 300; color: #E8EAED; }

 .question::before { content: "\003F"; font-weight: 300; color: #E8EAED; }

 .footer a { color: #b7b1be; }

 td a { width:100%; display:inline-block; vertical-align:middle; }

.standalonetext { width: 94vw; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; text-align: left; padding-bottom: 50px; padding-top: 50px; float: center;}

@media screen and (max-width: 1250px) {
  .standalonetext {
  float: center;
  min-width: 1000px;
  
  }
}

.toptextblock { width: 94vw; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; text-align: left; padding-bottom: 50px; padding-top: 50px; float: center;}


@media screen and (max-width: 1300px) {
      .toptextblock {
      padding-top: 100px;
      
      }
    }

    @media screen and (max-width: 1250px) {
      .toptextblock {
      float: center;
      min-width: 1000px;
      
      }
    }

    /* @media screen and (max-width: 600px) {
      .standalonetext {
        font-size: 80px;
      }
    } */

.banner { margin-right: 0px; margin-top: 10px; border: 3px solid rgba(255, 255, 255, 0.137); background-image:url(../images/SRL\ Banner.png); background-size: 100%; background-repeat: no-repeat; background-position: center center; object-fit: contain;}

.maintitle { margin-left: 0px; margin-top: 10px; text-align: left; color: #666666; font-size: 50px;}

@media screen and (min-width: 1300px) {
  .visible-xs {
  display: none;
  }
}

.commentbox { margin: 800px;}

.alignleft {
	float: left;
}
.alignright {
	position: absolute;
  right: 0;
}

.styletoggle { position: relative; top: -40px; padding-bottom: -100px; margin-bottom: -95px; margin-top: 10px; min-width: 990px; }

@media screen and (max-width: 1299px) {
  .styletoggle {
  top: -30px;
  }
}

@media screen and (min-width: 1300px) {
  .styletoggle {
  top: -50px;
  }
}

.navbar {
  transition: 0.0s ease-in;
}

@media screen and (max-width: 1300px) {
  .navbar {
  height: 200px;
  top: -20px;
  }
}

.navbar.scrolled {
  /* background: #252525 !important; */
  background: #222222 !important;
}