/********************
AFPIMS ARSOUTH CSS
AUTHOR: U.S. ARMY SOUTH
VERSION: 1.0.21
Updated Version
July 10, 2020
July 13, 2020
August 18, 2020
August 21, 2020
August 28, 2020
August 31, 2020
September 16, 2020
***********************/

/***********************
 Our Units Page Styles
************************/

/**************************
     AOR MAP Style
***************************/

.mapWrapper {
    max-width: 1080px;
    margin: 0px auto;
}
.mapWrapper img {
    margin: 0px;
    padding: 0px;
}

.mapCaption {
    background-color: #36424a;
    opacity: 0.82;
    padding: 10px;
    max-width: 1080px;
    width:100%;
    font-size: 13px;
    line-height: 17px;
    color: #ffffff;
    position: absolute;
    /*right: 46px;*/
    top: 0px;
    margin: 0px;
}
.mapCaption h3 {
    margin: 0;    
    text-transform: uppercase;
    color: #fff;
}
.mapCaption p {
    margin: 5px 0 0 0;
}
/* If the screen size is 601px wide or more, set the font-size */
@media screen and (min-width: 601px) {
  div.mapCaption h3 {
    font-size:1.375em;
    line-height:1.5;
  }
    .mapCaption p{
        font-size: 1em;
    }
}

/* If the screen size is 600px wide or less, set the font-size */
@media screen and (max-width: 600px) {
    .mapCaption{
       margin:10px 10px;
       right:0px;
       padding:5px;
    }
    div.mapCaption h3 {
        font-size:.50em;
        line-height:normal;
        padding:0px;
    }
    .mapCaption p{
        font-size:.40em;
    }
}


/************************
  Popover Content Styles
***************************/
img.imgPopOverHdr {
    max-width: 60px;
    float: left;
}
.PopOverHdrTitle {
    text-align: center;
    margin:0px 0px 0px 60px;
    height:60px;
    line-height:60px;
}
.popOverUnitText {
}
/******************************
    BootStrap Popover Styles
*******************************/
/* Popover */
.popover {
    min-width:39%;
    max-width: 55%;
    max-height: 100%;
}
/* Popover Header */
.popover-title {
  min-height: 75px;
  color: #e0dfdc;
  background: #556677;
  letter-spacing: .1em;
  text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 22px 30px rgba(0,0,0,0.9), -6px -6px 2px rgba(206,89,55,0);
}