/* This image center is used on the top of page site brand banner */
.imagecenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* This is custom background coloring with white font */
.ourteam01-bg-indego01 {
    background-color: #103b5e;
    color: #fff;
    font-family: "Roboto Slab", serif !important;
}

/* Start of top of page Logo & APS banner(TopOutPane panel) css */
.combinedLogo2 {
  display: flex;
  align-items: center; /* Vertically center the text on the image */
  justify-content: center; /* Horizontally center the whole group */
  width: 100%;
}

.logoContainer2 {
   margin-right: 20px;  /* Add spacing between image and text */
   margin-left: 20px;
}

.LogoText2 {
    color: #fff; /* White font color */
    /* left: 14%; */
    font-size: 80px; /* Default font size */
    font-weight: bold;
    font-family: "Roboto Slab", serif !important;
    display: inline-block; /* Allows vertical-align to work */
    vertical-align: middle;
    position: relative;
    padding: 0px; /* Default padding */
    top: 36px; /* Adjust this value as needed */
}

.LogoText3 {
    display: flex;
   /* align-items: center; /* Vertically center the text on the image */
    justify-content: center; /* Horizontally center the whole group */
    width: 100%;
    color: #fff !important; /* White font color */
    /* font-size: 80px; /* Default font size */
    font-weight: 500;
    font-family: "Roboto Slab", serif !important;
    display: inline-block; /* Allows vertical-align to work */
    vertical-align: middle;
    position: relative;
    padding: 0px; /* Default padding */
  /*  top: 36px; /* Adjust this value as needed */
}

.BelowLogoText2_BtnText {
    color: #fff; /* White font color */
    /* left: 14%; */
    font-size: 18px; /* Default font size */
    font-weight: bold;
    font-family: Roboto, sans-serif !important;
    display: inline-block; /* Allows vertical-align to work */
    vertical-align: middle;
    position: relative;
    padding: 0px; /* Default padding */
    /*top: 60px; /* Adjust this value as needed */
    display: flex;
    justify-content: center; /* Centers horizontally */
}

.BelowLogoText2_Btn {
   /* padding: 16px 40px; /* Correct spacing */
    /*margin: 0 12px 10px 0; /* Correct spacing */
    /* border-radius: 2px; */
    /* -webkit-border-radius: 2px; */
}

#BelowLogoText2_Btn_hover{
    /* border-radius: 2px; */
    /* -webkit-border-radius: 2px; */
    font-weight: bold;
    font-family: Roboto, sans-serif !important;
    color: #fff;
    border-color: #FFFFFF;
    background: #8b0000; /* Intitial color */
}
#BelowLogoText2_Btn_hover:hover{
    background-color: #028bff; /* Change background color on hover */
    border: 1px solid #ffffff;
}

#Social_hover{
}
#Social_hover:hover{
    background-color: #028bff; /* Change background color on hover */
}

.aps-pitch-title {
color: #fff;
/* Default font size font-size: 36px; */
font-weight: normal;
line-height: normal;
margin: 0 0 30px 0;
line-height: 1.2;
}

.aps-pitch-subtitle {
color: #fff;
 /* Default font size font-size: 36px;*/
font-weight: normal;
line-height: normal;
margin: 0 0 30px 0;
line-height: 1.2;
}


/* If using blue logo on blue background*/
.bordered-image-white {
    border: 1px solid white;
}
/* END of top of page Logo & APS banner(TopOutPane panel) css */


/* Button bandaid below */
.APS_Button {
    margin: 10px auto 0 auto;
    display: table;
   /* background: rgb(15,58,93) !important; */
    background: #8b0000f4 !important;
    padding: 10px 20px;
    border-radius: 10px;
}

.Roboto_Slab {
    font-family: "Roboto Slab", serif !important;
}
.Roboto_Sans {
    font-family: Roboto, sans-serif !important;
}

/* Homepage Hero stuff 8/
/* This is for the HERO bg image on home page */
.aboutus01-stampsimg {
    /* background-image: url(/Portals/0/Images/Home/stamps0001d.jpg); */
    background-image: url(/Portals/0/Images/Home/stamps0001d-3_option2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-attachment: fixed;
    text-align: center; 
    height: 50%; /* This height was added to make room for the Attention notivce at the top of the page */
    /* padding: 220px 0 260px 0; This was commented out to make room for the Attention at the top of page */
    padding: 5% 0 5% 0;
    
}

/*  
.footer_box .footer_bg {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 1;
background-image: url(/Portals/0/Images/Home/stamps0001d.jpg);
background-color: #103b5e;
background-position: center bottom;
background-repeat: no-repeat;

background-size: cover;
background-attachment: fixed;
padding: 220px 0 260px 0;
}  
  */

#homepage-hero-btn {
    background: #8b0000f4; /* Intitial color */
}

/* Button style on hover */
#homepage-hero-btn:hover {
  background-color: rgba(2, 139, 255, 1); /* Change background color on hover */
}

/* Drop shadow on text of hero on home page */
.text-shadow1 {
    /* Drop shadow on text overlaying image backgrounds for readbility */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}

.panels-parent {
    text-align: center;
}

.panels-row {
    display: inline-block;
    text-align: left; /* Reset text alignment within the row */
}

.panels-grid {
    display: grid;
    justify-content: center; /* Centers the grid content horizontally */
}


.Login .registerGroup .buttonGroup > li, .header_top .Login .loginGroup > a, .header_top .Login a, .header_top .Login a:link, .header_top .Login a:active, .header_top .Login a:visited, .header_top .Login .sep {
    color: #103b5e;
    font-weight: 500;
}

.flex-container1 {
    display: flex;
    gap: 20px; /* Optional: Adds spacing between the divs */
}

/* if you want to make the flex items take up equal space */
.flex-container1 > .dg-thumbnail{
  flex: 1;
}

/* Full-width-image advertising css */
.banner-ad-container {
    background-color: #f9f9f9; /* Light background color */
    border: 1px solid #ddd; /* Light border */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    padding: 16px; /* Space inside the container */
    margin: 16px 0; /* Space outside the container */
    text-align: center; /* Center the content */
    max-width: 100%; /* Full width */
    margin-left: auto; /* Center horizontally */
    margin-right: auto; /* Center horizontally */
}

.banner-ad-container img {
    max-width: 100%; /* Make images responsive */
    height: auto; /* Maintain aspect ratio */
    border-radius: 4px; /* Rounded corners for images */
}

.banner-ad-container h3 {
    font-size: 1.5em; /* Larger heading */
    color: #333; /* Dark text color */
    margin-bottom: 8px; /* Space below heading */
}

.banner-ad-container p {
    font-size: 1em; /* Normal text size */
    color: #666; /* Gray text color */
    margin-bottom: 16px; /* Space below paragraph */
}

.banner-ad-container a {
    text-decoration: none; /* Remove underline from link */
}

.banner-ad-container a:hover img {
    opacity: 0.8; /* Slightly dim the image on hover */
    transition: opacity 0.3s; /* Smooth transition */
}

.CONTENT_PANE {
    padding-top: 20px;
}
/* End of Full-width-image advertising css */

/* Below here is the temporary styling for example of blue background behind top-of-page logo-APS banner area.*/
.TopOutPane {
    /* position: relative; */
    background-color: #103b5e; /* Background color for the TopOutPane itself */
    /*height: 300px; /* Example height for the TopOutPane */
    height: auto !important;
   /* min-height: 228px; */
    margin-top: 0px; /* Adds space above the TopOutPane */
    margin-bottom: 0px;  /* Adds space below the TopOutPane */
}

.TopOutPane::before,
.TopOutPane::after {
    /* content: '';
    position: absolute;
    left: 0;
    right: 0; */
   /* height: 10px;
    background-color: #103b5e; /* Background color for the area above and below */
}

.TopOutPane::before {
    /* top: -50px; /* Position above the TopOutPane */
}

.TopOutPane::after {
   /* bottom: -50px; /* Position below the TopOutPane */ 
}
/* END of the temporary styling for example of blue background behind top-of-page logo-APS banner area.*/



/* Small devices (phones, 480px and down) */
@media (max-width: 400px) {

}

/* Smallish devices (phones, 672px and down) */
@media (max-width: 672px) {

}

/* Medium devices (tablets, 992px and down) */
@media (max-width: 992px) {
  

    /* Large devices (tablets, 992px and down) */
@media (max-width: 1024px) {
  
}

        /* Large devices (tablets, 992px and down) */
@media (max-width: 2048px) {

}