/* BASE.CSS */

body { 
    line-height:1.65;
    font-size: 75%;
}
*:empty { margin:0; padding:0; }
p:empty { display:none; }
a { color:#298AC4; outline: none; text-decoration:none; }
a:hover { color:#298AC4; text-decoration:underline; }
a:active { color:#298AC4; outline: none; }
:focus, a:focus { -moz-outline-style: none; outline:none;}
:link:focus, :visited:focus { -moz-outline: none; ouline:none; }
img {
    outline:none;
    border:none;
    padding:0;
    margin:0;
}

/* Bootstrap CSS Map Fix*/
/* Without this, the images and widgets that google maps loads are wonky */
#Map img { max-width: none; }
#Map label { 
  width: auto; 
  display:inline; 
} 
.gmnoprint img {
    max-width: none; 
}
            
#DesktopMapContainer,
#MobileMapContainer,
.map-page, 
.ui-content,
html, 
body,
#MobileMap,
#DesktopMap {
    width: 100%; 
    height: 100%;
    padding: 0; 
}

.globalheader,
#DesktopMapContainer,
#MobileMapContainer {
    display:none;
}

.triangle { 
    position:absolute;
    top:100%;
    left: 45%;
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent; 
    border-right: 12px solid transparent; 
    border-top: 12px solid #999;
} 

.triangle-solid { 
    position:absolute;
    top:100%;
    left: 45%;
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent; 
    border-right: 12px solid transparent; 
    border-top: 12px solid #999;
}
.triangle-left { 
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent; 
    border-right: 12px solid #999; 
    border-bottom: 12px solid transparent;
    position: absolute;
    right: 100%;
    top: 50%; 
}



.MobileInfoPage--address a,
.TabletInfo--address a,
.DesktopInfo--address a {
    display: inline-block;
    float: right;
    text-indent:-999em; 
}
.MobileInfoPage--address a::before,
.TabletInfo--address a::before,
.DesktopInfo--address a::before {
    content:"";
    background-image:url(../../../content/dam/normanmap/design/directions.png); 
    background-repeat:no-repeat;
    background-position:center center;
    display: inline-block;
    float: right;
    width:14px;
    height:14px;
}
.MobileInfoPage--address a:hover::before,
.TabletInfo--address a:hover::before,
.DesktopInfo--address a:hover::before {
    opacity:0.5;    
}

.searcherrors { padding:1em; }
.searcherrors-desktop { padding:0.5em; }
.searcherrors-desktop:empty { padding:0;}

#DesktopInfo .DesktopInfo--img,
#TabletInfo .TabletInfo--img,
#MobileInfoPage .MobileInfoPage--img {
    background-image:url(../../../content/dam/normanmap/design/ou-logo-red.png);
    background-position:center center;
    background-repeat:no-repeat;
    -moz-box-shadow: inset 0 0 30px 1px #000;
    -webkit-box-shadow: inset 0 0 30px 1px #000;
    box-shadow: inset 0 0 30px 1px #000;    
}

.map-content {
    width: 100%;
    height: 100%;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}