@font-face
{
   font-family: "heading_font";
   src: url("/fonts/Montserrat-Light.ttf") format("truetype");
}
@font-face
{
   font-family: "nav_font";
   src: url("/fonts/Montserrat-Light.ttf") format("truetype");
}
@font-face
{
   font-family: "main_font";
   src: url("/fonts/Montserrat-Light.ttf") format("truetype");
}
@font-face
{
   font-family: "footer_font";
   src: url("/fonts/Montserrat-Light.ttf") format("truetype");
}





:root
{
   --colour_white:  #FFFFFF; 
   --colour_black:  #000000;
   --colour_header_bg:  #111111;
   --colour_nav_bg:     #DDDDDD;
   --colour_footer_bg:  #111111;
   --colour_logo_blue:  #0674BB;
   --colour_text:   #111111;
}





BODY
{
   font-family: "main_font", sans-serif;
   text-decoration: none;
   font-size: 20px;
   background-color: var(--colour_footer_bg);
   padding: 0;
   margin: 0;
}



P, LI
{
   font-family: "main_font", sans-serif;
   text-decoration: none;
   font-size: 14px;
   line-height: 1.75em;
   color: #99BBCC;
   padding: 0 10px;
   text-align: justify;
}
P STRONG, LI STRONG
{
   font-weight: bold;
   color: #CCEEFF;
}

A
{
   text-decoration: none;
   color: inherit;
}


P A
{
   text-decoration: none;
   /*outline: none;*/
   padding: 0;
   margin: 0;
   color: var(--colour_logo_blue);
   position: relative;
   transition: all 0.2s ease-in-out;
}
P A:hover
{
   color: #EEEEEE;
}
P A::before
{
   content: '';
   /* background-image: linear-gradient(#4F2A6C, #777777); */
   background-color: #4F2A6C;
   position: absolute;
   left: -2px;
   bottom: 0;
   width: 100%;
   height: 2px;
   z-index: -1;
   transition: all 0.2s ease-in-out;
   padding: 0 2px;
}

P A:hover::before
{
   bottom: 0;
   height: 100%;
}





HEADER
{
   background-color: var(--colour_header_bg);
   width: 100%;
   font-family: "main_font", sans-serif;
   padding: 0;
   margin: 0;
   top: 0;
   z-index: 10;
}

.header
{
   padding: 0;
   width: 100%;
   text-align: center;

   margin: 0 auto;
}


.header_title
{
   display: inline-block;
   padding: 30px 0;
   text-align: center;
   font-family: "logo_font", sans-serif;
   line-height: 20px;
   font-size: 30px;
   white-space: nowrap;
}

.logo_image
{
   vertical-align: middle;
   max-width: 95%;
   margin: 0 0 10px 0;
}





.nav_block
{
   border-top: var(--colour_logo_blue) 1px solid;   
}


.nav_item_outer
{
   background: var(--colour_nav_bg);
   padding: 30px 0;
   border-bottom: var(--colour_logo_blue) 2px solid;
}

.nav_item
{
   width: 350px;
   margin: auto;
   font-family: "nav_font", sans-serif;
   font-weight: bold;
   font-size: 24px;
   color: var(--colour_logo_blue);
   text-align: left;
   white-space: nowrap;
}







FOOTER
{
   background-color: var(--colour_footer_bg);
   width: 100%;
   font-family: "main_font", sans-serif;
   color: #FFFFFF;
   padding: 0;
   margin: 0;
}



.footer2
{
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
   padding: 20px 0;

   font-family: "main_font", sans-serif;
   font-size: 14px;
   line-height: 30px;
   color: #CCCCCC;
}
.footer2_text
{
   display: block;
   padding: 5px 10px;
   margin: auto 0;
   text-align: center;
}