/*!
Theme Name: ARG
Author: Dave Granvold
Author URI: http://specimenbox.com
Description: Custom Wordpress Template for ARG
*/

html, body {
	-webkit-font-smoothing:antialiased !important;
	-moz-osx-font-smoothing:grayscale !important;
	-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
	-webkit-text-size-adjust:100% !important;
	padding:0;
	margin:0;
}

body { 
	font-family: Helvetica, Arial, sans-serif;
	font-style:normal; 
	font-weight:400;
	letter-spacing:0;
    background:white;
	color:#888888;
	font-size:12px;
	line-height:200%;
}
@media screen and (prefers-color-scheme:dark) {
  body {
    background:white;
	color:#888888;
  }
}

img	{ -ms-interpolation-mode:bicubic; border:0; outline:none; padding:0; margin:0; width:100%; }
p, div, h1, h2, h3, h4, h5	{ padding:0; margin:0; }
a	{ outline:none; padding:0; margin:0; }
img.rollover { cursor:pointer; }

h1 {
    margin-block: 0;
    font-size: 1em;
    font-weight: 400;
}

.CF { clear:both; height:0; font-size:1px; line-height:0px; }

.bodyFont  { font-family: Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: 0; color: #888888; }

.titleFont { font-family: 'Cinzel',Times,serif; font-weight: 600; color: #222222; }


#divTopNavSmall { position:fixed; z-index:1; top:0; background-color:white; width:100%; height:0; }
@media only screen and (max-width: 767px) { #divTopNavSmall{ height:138px; } }

#divLogo { position:fixed; z-index:2; padding:20px 20px 0 40px; left:0; top:0; width:200px; }
@media only screen and (max-width: 767px) { 
	#divLogo { padding:20px 20px 0 20px; } 
}
@media (hover: hover) {
	#divLogo:hover { cursor:pointer; opacity:0.75; } }
}



.logoImg { width:212px; }
@media only screen and (max-width: 767px) { .logoImg { width:170px; } }


#leftSideBar  { display:block; position:fixed; z-index:1; top:172px; padding:0 20px 20px 40px; width:200px; background-color: white; }
@media only screen and (max-width: 767px) { 
	#leftSideBar{ 
		display:none; 
		width: calc(100% - 40px);
        top: 120px;
        padding: 20px;
		height:calc(100vh - 160px);
	} 
}


#divMenuBtn { position:fixed; z-index:2; right:20px; top:45px; display:none; font-size: 16px; color: #222222;}
@media only screen and (max-width: 767px) { 
	#divMenuBtn { display:block; } 
}
@media only screen and (hover:hover) { #divMenuBtn:hover { cursor:pointer; opacity:0.75; } }

.menuIconLine {
  width: 23px;
  height: 2px;
  background-color: #999999;
  margin: 5px 0;
}
.menuWord {
	float:right;
}

.menuIcon { float:right; margin-top: -2px; display:block; }

.closeMenuBtn { display:none; float:right; width: 24px; height: 24px; margin-right: -12px; }



#divZoneMapImg { width:100%; }
@media only screen and (max-width: 767px) { #divZoneMapImg{ display:none;  } }

#contentBlock { margin-left:260px; padding:20px 40px 20px 20px; width:calc(100% - 332px); float:left; }
@media only screen and (max-width: 767px) { #contentBlock{ margin:120px 20px 20px 0; padding: 20px; width: calc(100% - 40px); float:none;  } }

.priNav  { 
	font-family: Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; 
	font-size:12px; 
	letter-spacing: 0; 
	color: #888888; 
	padding: 15px 0; 
}
@media only screen and (max-width: 767px) { .priNav { text-align:center;  } }

@media (hover: hover) {
	#divZoneMapBtn:hover { cursor:pointer; filter:brightness(0.5); }
}

.dot {
  height: 12px;
  width: 12px;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
  margin-right:8px;
}
.noZoneBtn { border-top:1px solid lightgrey; }

#divPopupCloseBtn {
	position:fixed;
	z-index: 10001;
	height:32px; 
	width:32px; 
	display:none;
	right: 20px; 
	top: 20px; 
}
@media (hover: hover) {
	#divPopupCloseBtn:hover { cursor:pointer; opacity:0.75; }
}


#divPopupImage { 
	position:fixed;
	z-index: 10000;
	height:100%; 
	width:100%; 
	display:none;
	left: 0; 
	top: 0; 
	background-color: rgba(0, 0, 0, 0.9);
}

.popupImg {
	object-fit:contain;
	height:100%; 
	width:100%; 
}
@media (hover: hover) {
	#divZoneSearchBtn input[type="submit"]:hover { cursor:pointer; }
}

a:link    {text-decoration:none; color:#888888; }
a:visited {text-decoration:none; color:#888888; }
a:hover   {text-decoration:none; color:black; }
a:active  {text-decoration:none; color:black; }