@import url("../../../../stellar2/styles/scuba.css");
body.modal-open { position: fixed; width: 100%; }
body {font-family: Lato, Helvetica, Sans-serif;}

html{
 max-width: 100%;
}

.customHeader {background-color: #002141; padding-top: 15px; padding-left:15px; padding-bottom: 15px;}
#page-wrapper
{
  width:100%;

}
.customLogonHeader div {} 
.row.customLogonHeader {border-top: 0px;}

.customLogo {height:55px;background-repeat: no-repeat;background-position: center;}
.navbar-right{
    margin-right:0px;
    margin-top: 12px; /* change this if image is different height */
}
.navbar-nav>li>a{
font-family: Raleway;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
}
.customFooter {background-color:#002141;margin:5px; width: 100%;}
.customFooter .headerText {color: #fff;}
.customFooter .text {color:#ccc;}
.customFooter ol,ul {list-style:none;padding-inline-start: 0px}
.customFooter li>a {color:#fff;}
.footerText {text-align: left; color: #fff;}
.footerText a {color: #fff;}
.footList {font-family: "Libre Bodoni", "Times New Roman", serif; opacity: 1; background-color: #002141}
.footList:hover {background-color: #1967D2;}
.footButton {font-family: "Libre Bodoni", "Times New Roman", serif; background-color: #4e467b; min-width: 250px; text-align: left;}
.footButton:active {background-color: #4e467b;}
.footButton:hover {background-color: #4e467b;}
.footDropdown {color:#000; opacity: 1; background-color: #002141;}
.footerRedRow {background-color: #c34c5f; color: fff; text-align: center; padding-bottom: 20px; padding-top: 20px; font-size: 20px;}
.footerRedRow a {color: #fff; text-decoration: none;}
.footerRedRow a:hover {opacity: 0.6;}
.contactLink {font-family: "Libre Bodoni", "Times New Roman", serif;}
.visitLogo {height:20px; filter: invert(1) brightness(2);}
.DSCtext {font-size: 12px; text-align: right;}

.dcs-web-controller {width:95vw; margin:auto;}

/*add price band colours here */
.dcs-band-O {background-color:#10b196;}


.footer {background-color:#002141;}

/* Dropdown Button */
.dropbtn {
  
  color: #01C1D8;
  padding: 16px;
  border: none;
  Sans-serif font: Arial, Helvetica, sans-serif; 
font-weight: 700;
color: #01C1D8;
text-transform: uppercase;
    font-size: 14px;
	display: inline-block;
}
.dropbtn a {color: #01C1D8;}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #01C1D8;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-weight: 700;
}

/* Change color of dropdown links on hover 
.dropdown-content a:hover {background-color: #ddd;} */

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown 
.dropdown:hover .dropbtn {background-color: #3e8e41;}*/

/* Dropdown Button */
.dropSerif {
  
  color: #fff;
  padding: 16px;
  border: none;
  font-family: serif; 
font-weight: 700;
color: #01C1D8;
text-transform: uppercase;
    font-size: 14px;
	display: inline-block;
}
.dropSerif a {color: #fff; font-family:"GFS Didot", serif;}

/* The container <div> - needed to position the dropdown content */
.dropmenu {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.menu-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.menu-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-weight: 700;
}

.inItalics {font-style: italic;}
.no-decor {text-decoration: none; color: #ffffff;}
.policy {text-align:right;}
.policy a {text-decoration: none;
	color: #01C1D8;
	font-family: serif;
	font-size: 16px;
}

/* change images from 50% opacity to 100% when hovered over: */
.hover-fade {
  /* Starts grey (brings opacity down to 50%) */
  opacity: 0.5; 
  width: 120px;
  height: 120px;
  object-fit: contain; /* Prevents your images from stretching awkwardly */
  border-radius: 8px;
  
  /* Smooth transition effect */
  transition: opacity 0.3s ease; 
}

.hover-fade:hover {
  /* Turns full white on hover */
  opacity: 1; 
}
/* social media icons */
.social-icon {
        width: 40px;
        height: 40px;
        object-fit: contain;
        transition: transform 0.2s ease; /* Smooth hover effect */
    }
	
@media only screen and (max-width: 768px)
{
 .footMobileHide {display:none;}
}