/* TPF Wed Sun 13 9:14AM  */
/* NOTE: There are more SCRIPTS in the config_fns.php which load AFTER these. */

.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#096395!important}

body { 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 	color:rgba(9,99,149,1.0);
}

/* START CookieYes CSS */
h5 {
  font-size: 1.33em;
  color:rgba(9,99,149,1.0);
  line-height: 1.5em; 
}
 
a.cky-banner-element {
	padding: 8px 30px;
    background: rgba(9,99,149,1.0);
    color: #FFF;
    border: 1px solid #DEE2E6;
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer;
}

.cky-audit-table-element {
  font-size: 1em;
 color:rgba(9,99,149,1.0);
}


/*---- Cookie Policy --- */
.cookie-policy-h1 { 
	font-size: 2em;
	color:rgba(9,99,149,1.0);
}
	
.cookie-policy-h2{
   font-size: 1.5em;
   color:rgba(9,99,149,1.0);
}

.cookie-policy-p{
  font-size: 1em;
  color:rgba(9,99,149,1.0);
  padding-bottom: 1em;
}

.cookie-policy-ol {
  font-size: 1em;
  color:rgba(9,99,149,1.0);
}

 
/*---- Privacy Policy --- */

.privacy-policy-h1 { 
  font-size: 2em;
  color:rgba(9,99,149,1.0);
}
	 
.privacy-policy-h2{
   font-size: 1.2em;
   color:rgba(9,99,149,1.0);
   padding-top: .5em;
}

.privacy-policy-p{
  font-size: 1em;
  color:rgba(9,99,149,1.0);
}

.privacy-policy-ol {
  font-size: 1em;
  color:rgba(9,99,149,1.0);
}
/* END CookieYes CSS */
 
.main_container {
   max-width: 992px; /* Set the maximum width of the container */
   margin: 0 auto;   /* Center the container horizontally */  
   background-color: #FFFFFF;
}
	
.main {
  background-color: white;
  padding: 0px;
  margin-top: 0;
  width: 100%;
  /*height: 100px; /* Used in this example to enable scrolling */
  height: 200px;
  z-index: 2;
}

.large-title{
   color:rgba(9,99,149,1.0);
   font-size: 2.85em; 
   line-height: 1.25em;
   font-weight: 700;
   padding-top: .666em; 
    padding-left: .666em; 
   /* margin-left: .666em; */
   /*margin-left: 0em; */
}

.large-text{
   color:rgba(9,99,149,1.0);
   font-size: 1.5em; 
   line-height: 1.25em;
   font-weight: 500;
   padding-top: .666em; 
   padding-left: .666em; 
   /* margin-left: .666em; */
   /*margin-left: 0em; */
}

.contact_us_button {
  position: fixed; 
  right: 3%;  
  bottom: 2%; 
  width: 100px;
  height: 60px;
  color: white;
  text-align: left;
  font-size: .8em; 
}

.contact_us_button a {
  color:rgba(9,99,149,1.0);
  text-align: left;
  padding: 12px 14px;
  text-decoration: none;
  font-size: 1.1em;
}

.bottom-right-link {
	background: url("../img/graphic/Contact-us-now.png") no-repeat top center fixed ;  
    position: fixed; /* Fixes the element relative to the viewport */
    right: 3px;  
    bottom: 0; 
    margin: 0px;    /* Optional: Adds space from edges */
    width: 125px;     /* Optional: Sets width of the image */
    height: auto;    /* Maintains aspect ratio */
	justify-content: left;
}

.footer {
  /* position: fixed; */
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  /*background-color:rgba(9,99,149,1.0);*/
  background-color: #096395;
  color: white; 
  text-align: center;
  font-size: .8em; 
}

.portrait_footer {
  /* position: fixed; */
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  /*background-color:rgba(9,99,149,1.0);*/
  background-color: #096395;
  color: white; 
  text-align: left;
  font-size: .8em; 
}

/* NEW ACCORDION CLASSES */
 
.accordion_nav {
  background-color: #eee;
  color:rgba(70,70,70,1); 
  cursor: pointer;
  padding: .666em;;
  /*margin-bottom: .1em;*/
  width: 100%;
  border: none;
  text-align: left;
  outline:  .5px solid #008A96; 
 /* border-bottom:  1px solid #008A96; */
  font-size: 1em;
  font-weight: 550;
  transition: 0.4s;
}

/* ACCORDION Title Area */
.active_accordion_nav, .accordion_nav:hover {
  background-color: #ddd;
  color:rgba(70,70,70,1);  
}

/* Plus sign */
.accordion_nav:after {
  content: '\002B';
  color:rgba(70,70,70,1); 
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

/* Minus sign */
.active_accordion_nav:after {
  content: "\2212";
  color:rgba(70,70,70,1); 
}

.accordion_nav_panel {
  padding: 0 18px;
  background-color: #eee;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

 
.navbar {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  overflow: hidden;
  background-color: #096395;
  position: fixed;
  top: 0; 
  width: 100%;
  height: 50px;
  z-index: 10;
	
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 1.1em;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}
 
   
.bar_container {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 28px;
  height: 2px;
  background-color: #FFF;
  margin: 7px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 4px);
  transform: rotate(-45deg) translate(-5px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
 
	
.nav_floating_logo {
  float: right;
  display: block;  
  margin-top: -8px;	
  text-decoration: none;
}

.nav_floating_logo a {
   float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
 /* padding: 10px 12px; */
  margin: 0px 0px;
  text-decoration: none;
  font-size: 1.1em;
}

.nav_floating_logo a:hover {
  background: #ddd;
  color: black;  
}
	
.navMenuOff{
   display: none;
   position: absolute; 
    z-index: auto;
   background-color: white;
   color: white;
}

.navMenuOn{
   display: block;
   position: absolute; 
   width: 100%;
   background-color: rgba(255,255,255, 1.0);
   color: black;
   z-index: 99; 
}
   
.navRegionLanguageOff{
   display: none;
}

.navRegionLanguageOn{
   display: block;
}
        

.image-wrapper {
  position: fixed;
  display: inline-block;
}

.image-wrapper img {
  display: block;
  width: 10%; /* Adjust as needed */
  height: auto; /* Maintain aspect ratio */
}

.active {
  background-color: rgba(255,255,255,0.96);
  color: white;
}


#nav_img {
  width: 100px;
  height: 400px;
  object-fit: none;
}    
/* Create a sticky/fixed navbar */
#navbar {
  overflow: hidden;
  background-color: rgba(255,255,255,0.96);
  padding: 20px 2px; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  top: 0; /* At the top */
  box-shadow: 0px 1px #008a96;
  z-index: 99; 
}

#navbar a {
  float: right;
  color: black;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 20px;
  border-radius: 4px;
}
    
#navbar #logo {
  font-size: 28px; /* resizes png */
  font-weight: bold;
  transition: 0.4s;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: dodgerblue;
  color: white;
}

#navbar-right {
  float: right;
}

#navbar-left {
  padding-top: 10px;
  float: left;
}
    
#navbar-burger {
  padding: 10px;;
  float: left;
}
#navbar-search {
  padding: 10px;
  float: left;  
}
#navbar-global-websites {
   padding: 10px;
  float: left;  
}


     
@media screen and (max-width: 680px) {
#navbar { padding: 20px 10px !important;} 
#navbar a {float: none;display: block;text-align: right;}
#navbar-right {float: none;}
#navbar-left {float: left;}
#navbar-burger {padding: 10px;float: left;}  
#navbar-search {display: none;}      
#navbar-global-websites{display: none;}  
}

@media screen and (max-width: 480px) {
#navbar-search {display: none;}   
}
 
 @media screen and (max-width: 600px) {
    .responsive-title {
      font-size: 5.5vw;
    }
	.responsive-text {
      font-size: 3.5vw;
    }  
  }

  @media screen and (min-width: 601px) and (max-width: 680px) {
    .responsive-title {
      font-size: 6vw;
    }
	.responsive-text {
      font-size: 3vw;
    }  
  }

 @media screen and (min-width: 681px) and (max-width: 800px) {
    .responsive-title {
      font-size: 5vw;
    }
	.responsive-text {
      font-size: 2.5vw;
    }  
  }

 @media screen and (min-width: 801px) and (max-width: 992px) {
    .responsive-title {
      font-size: 4vw;
    }
	.responsive-text {
      font-size: 2vw;
    }  
  }
	
	
  @media screen and (min-width: 993px) {
	 .responsive-title {
      font-size: 3.333vw;
    } 
    .responsive-text {
      font-size: 1.66vw;
    }
  }