@charset "utf-8";
/* CSS Document */
/* CSS.css */

/* large / Desktop window */

html, body {
	margin: 0;
	padding: 0;
	/* background-color: #273840; */
	background-color: #fff;
}

.title-tagline {
	display: none;
}

#title-banner {
	margin-top:0;
	padding: 0 5px 5px;
	margin-left: auto;
	margin-right: auto;
	max-width: 50%;
	background-color: rgba(0, 0, 0, .2);
}
#title-banner h1 {
	margin:0;
	padding: 0;
	color: #fff;
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	font-weight: 500;
	font-size: 38pt;
}
#title-banner h2 {
	margin:0;
	padding: 0;
	color: #fff;
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	font-weight: 500;
	font-size: 14pt;
}

.indent2em {
	padding-left: 2em;
}

#content-wrapper-welcome {
	background-image: url("../icons/framing2-1920-opaque-white.jpg");
	background-color: #6C909C;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.opaque-30 {
	background-image: url("../icons/opaque-30.png");
}
#content-wrapper-regular {
	background-color: #f1f1f1;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#content {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0px;
	/* padding: 0 0 40px; */
}
#content-left {
	float:left;
	width:75%;
	overflow:hidden;
	padding-right:1%;
}

.static-font {
	font-family: Helvetica, MuseoSans, Arial, Sans-serif;
    font-size: 90%;
	font-weight: 300;
}
.static-font b {
    font-size: 105%;
	font-weight: 700;
}
.static-font h1 {
	font-size: 210%;
	font-weight: 600;
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
}
.static-font h2 {
	font-size: 155%;
	font-weight: 600;
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
}
.static-font h3 {
    font-size: 140%;
	font-weight: 600;
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
}
.static-font h4 {
    font-size: 120%;
	font-weight: 600;
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	margin-bottom: 5px;
}
.static-font h5 {
    font-size: 110%;
	font-weight: 600;
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	margin-bottom: 0;
}
.static-font h6 {
    font-size: 100%;
	font-weight: 600;
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	margin-bottom: 0;
}

.static-font a:link {
	color: #026994;
}
.static-font a:visited {
	color: #026994;
}		

#acc h3 {
        font-size: 120%;
}

.emphasis {
	font-size: 120%;
    font-weight: 500;
}
.right {float: right;}
.left {float: left;}

.box {
	background-color: #fff;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 20px;
}

abbr[title], acronym[title], .abbr, .abbreviation {
    cursor: help;
    text-decoration: none;
    border-bottom: 1px #000 dashed;
}

/* GENERIC BUTTONS - BEGIN */

.button {
  /* background-color: #4CAF50; */ /* Green */
  border: none;
  color: white;
  padding: 4px 9px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 90%;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}

.button1:hover {
  background-color: #4CAF50;
  color: white;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}


/* .button {
  font-size: 1em;
  margin: 5px 0 5px 15px;
  padding: 5px;
  color: #067789;
  border: 1px solid #067789;
  border-radius: 5px;  
  transition: all 0.3s ease-out; */
  /* border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
} */
/* .button:hover {
  /* background: #06D85F; */
  /* transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
} */

/* GENERIC BUTTONS - END */



/* TAN BUTTONS - BEGIN */
.button-tan {
  /* background-color: #e3ddc7; */
  border: none;
  color: #000;
  padding: 12px 40px;
  width: 50%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 10px 20px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}

.button-tan1 {
  background-color: #e3ddc7; 
  color: #000; 
  /* border: 2px solid #e3ddc7; */
}

.button-tan1:hover {
  background-color: #f4efdb;
  color: #505050;}

.center-text-50 {
	width:50%;
}
/* TAN BUTTONS - END */


/* BUBBLE ICONS - BEGIN */

.topic-row {
        /* border: 2px #fff solid; */
        width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}
.topic-button {
	/* background-color: #fff;*/
	/* border: 2px #fff solid; */
        margin: 20px;
	padding-top: 10px;
	display: inline-block;
	height: 180px;
	width: 200px;
	overflow: none;/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
.topic-button:hover .icon img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.topic-button:hover .button-text a {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.icon img {
	max-width: 120px;
	max-height: 100%;
	transition: transform .2s; /* Animation */
	border: 0;
}
/* .icon img:hover { */
	/* transform: scale(1.2); */ /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
/* } */
.button-text {
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	font-size: 14pt;
	color: #fff;
}
.button-text a {
	text-decoration: none;
	color: #fff;
	/* transition: .3s background-color; old code */
	display: block;
}
.button-text a:hover {
        /* background-color: #457783; */
	text-decoration: none;
	color: #fff;
}

/* BUBBLE ICONS - END */

/* ACCORDION CODE - BEGIN */


code {
	font-family: "Courier New", Courier;
}
/* #options {
	margin: 0 20px;
	text-align: right;
	color: #9ac1c9;
}
#options a {
	text-decoration: none;
	color: #9ac1c9;
}
#options a:hover {
	color: #033;
} */
#acc {
	list-style: none;
	/* color: #033; */
	margin: 0;
	font-size: 110%;
}
#acc ul  {
	padding-left: 0px;
}

.acc ul {
	padding-left: 0px;
}

/* #acc h3 {
	border: 1px solid #9ac1c9;
	padding: 6px 6px 8px;
	font-weight: bold;
	margin-top: 5px;
	cursor: pointer;
	background-color: #f0f3f4; */
}

#acc h3:hover {
	/* background: url(images/header_over.gif) */
	background-color: #ccc;
}

#acc .acc-section {
	overflow: hidden;
	background: #fff;
}
#acc .acc-content {
	padding: 15px 5px 15px 15px;
	border: 1px solid #9ac1c9;
	border-top: none;
	background: #fff;
}
#acc .acc-question {
	font-size: 110%;
	/* padding-bottom: 20px; */
}
#nested, #nested2, #nested3, #nested4, #nested5 {
	list-style: none;
	/* color: #033; */
	margin-bottom: 15px;
}
#nested h3, #nested2 h3, #nested3 h3, #nested4 h3, #nested5 h3   {
	/* border: 1px solid #9ac1c9; */	
	background-image: url("https://prmdev.sonomacounty.ca.gov/CitizenAccess/Customization/SONOMACO/icons/plus.png");
	background-repeat: no-repeat;
	background-position:10px 50%;
	border: 1px solid #A9A9A9;
	padding: 15px 15px 15px 35px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0;
	cursor: pointer;
	background-color: #eee;
	transition: 0.4s;
}

#nested h3:hover, #nested2 h3:hover, #nested3 h3:hover, #nested4 h3:hover, #nested5 h3:hover {
	background-color: #ccc;
	font-weight: bold;
}
#nested .acc-section, #nested2 .acc-section, #nested3 .acc-section, #nested4 .acc-section, #nested5 .acc-section {
	overflow: hidden;
	background-color: #fff;
	margin-top: 0;
}
#nested .acc-content, #nested2 .acc-content, #nested3 .acc-content, #nested4 .acc-content, #nested5 .acc-content {
	padding-top: 10px;
	/* border: 1px solid #9ac1c9; */
	border: 1px solid #A9A9A9;
	border-top: none;
	/* background-color: #ddd;
	margin-left: 0;
	padding-left: 0; */
}
#nested .acc-selected, #nested2 .acc-selected, #nested3 .acc-selected, #nested4 .acc-selected, #nested5 .acc-selected {
	background-image: url("https://prmdev.sonomacounty.ca.gov/CitizenAccess/Customization/SONOMACO/icons/minus.png");
	background-repeat: no-repeat;
	background-position:10px 50%;
	background-color: #ccc;
	padding-left: 35px;
}


/* ACCORDION CODE - END */

/* RIGHT COLUMN - BEGIN */

#rct {
	float:right;
	width:20%;
	/* height:auto; */
	background-color: #f8f8f8;
	border: 1px #A9A9A9 solid;
	margin: 20px 0;
}

#rct b, #rct strong {
	font-weight: 700;
}

#rct ul {
	margin-top: 0;
	padding-left: 15px;
}
#rct li {
	padding-top: 5px;
}

.rct-head {
	border-bottom: 1px #A9A9A9 solid;
	padding: 7px;
}
.rct-body {
	padding: 7px;
}
#rct h2 {
	margin:0;	
}

#rct h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* RIGHT COLUMN - END */


/* POP UP - BEGIN  */ 

.box {
  /* width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  /* padding: 35px; */
  /* border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center; */
}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup1, .popup2 {
  margin: 1300px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup1 h2, .popup2 h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup1 .close, .popup2 .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  /* color: #333; */
}
.popup1 .close:hover, .popup2 .close:hover {
  /* : #06D85F; */
  color: #067789;
  /* transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); */
}
.popup1 .close-underline:hover, .popup2 .close-underline:hover {
  /* : #06D85F; */
  color: #067789;
  /* transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); */
}
.popup1 .content-pop1, .popup2 .content-pop2 {
  max-height: 30%;
  overflow: auto;
}

/* POP UP - END */


#footer-wrapper {
	border-top: 13px solid #3a475d;
	padding-top: 10px;
	padding-bottom: 10px;
	/* background-color: #3B515F; */
	background-color: #fff;
	width: 100%;
	/* color: #ccc; */
	color: #505050;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: .8em;
}
#footer {
	overflow: hidden;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.footer-title {
	/* color: #fff; */
	color: #505050;
	/* font-size: 1.1em; */
	font-weight: bold;
	margin-bottom: -10px;
}
#footer ul {
	padding: 0 0 0 15px;
	margin: 0;
	margin: 0.75em 0;
	padding: 0 1em;
	list-style: none;
}
#footer li {
	padding-bottom: 0;
			font-size: 13px !important;
}
#footer li:before {
	content: "";
	/* border-color: transparent #fff; */
	border-color: transparent #505050;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.55em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 0.9em;
	position: relative;
}
#footer a {
	/* text-decoration: none; */
	text-decoration: underline dotted;
	/* color: #ccc; */
	color: #505050;
		font-size: 13px !important;
}
#footer a:hover {
	text-decoration: underline;
	/* color: #ccc; */
	color: #b6491a;
}

.quarter {
	float: left;
	padding-left:10px;
}
.quarter-left {
	width: 333px;
}
.quarter-center {
	width: 333px;
}
.quarter-wide {
	width: 401px;
}
#subfooter-wrapper {
	border-top: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	/* background-color: #273840; */
	background-color: #fff;	
	width: 100%;
	/* color: #fff; */
	color: #505050;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size:13px !important;	
}
#subfooter {
	overflow: hidden;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
#subfooter ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
#subfooter li {
	list-style: none;
	display: inline;	
}

#subfooter a {
	/* text-decoration: none; */
	text-decoration: underline dotted;
	/* color: #ccc; */
	color: #505050;
	padding-right: 45px;
	padding-left: 45px;
}

#subfooter a:hover {
	text-decoration: underline;
	/* color: #fff; */
	color: #b6491a;
}

.narrow-hide {
	color:#ccc;
}
.narrow-hide a:hover, .narrow-hide span:hover {
	color:#fff;
}



/* medium window */
@media (min-width:621px) and (max-width:904px) {

/* .title {
	font-size: 1.4em !important;
	padding-right: 5px;
} */

#title-banner {
	max-width: 75%;
}

#content {
	padding: 0 10px 40px;
}

#content-left {
	float:left;
	/* max-width:878px; */
}
#rct {
	float:right;
	height:auto;
	margin: 20px 0 20px 20px;
}

.topic-button {
	margin: 30px;
}

/* POP UP - BEGIN  */
.popup1, .popup2 {
	margin: 70px auto;
	width: 90%;
  }
/* POP UP - END  */

#footer {
	margin-left: auto;
	margin-right: auto;
	max-width: 690px;
	padding-left: 5px;
}
.quarter {
}
.quarter-left {
	padding-left:40px;
	width: 145px;
}
.quarter-center {
	width: 145px;
}
.quarter-wide {
	width: 233px;
}
#subfooter {
	margin-left: auto;
	margin-right: auto;
	max-width: 690px;
	padding-left: 5px;
}
#subfooter ul {
	/* text-align: left; */
}
#subfooter a {
	padding-right: 5px;
	padding-left: 2px;
	border-right: 1px solid #888;
}
.narrow-hide {
	display: block;
}

}



/* narrow window */
@media screen and (max-width: 620px) {

.title-main {
	margin-bottom: -10px;
	padding: 0;
	font-size: 22.5px !important;
}

.title-tagline {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 85%;
}

#title-banner {
	display: none;
}

#content {
	padding: 0 10px 15px;
}

#content-left {
	float:none;
	width:100%;
}

.static-font {
	font-size: 100%;
}

.box ul {
	padding-left:1.1em;	
}

/* TAN BUTTONS - BEGIN */
.button-tan {
  /* background-color: #e3ddc7; */
  border: none;
  color: #000;
  padding: 12px 12px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 10px 20px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}


/* TAN BUTTONS - END */

#rct {
	float: none;
	width:100%;
	height:auto;
	border: none;
	background-color: #fff;
	border-top: 1px #ccc solid;
	margin: 20px 0 0;
	padding: 0;
}
.rct-head {
	border-bottom: none;
	padding: 10px 0;
}
.rct-body {
	padding: 0;
}

.indent2em {
	padding-left: 0;
}
.topic-button {
	margin: 10px;
}

/* POP UP - BEGIN  */
.popup1, .popup2 {
	margin: 70px auto;
	width: 90%;
  }
/* POP UP - END  */

#footer-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
#footer {
	width: 100%;
}
.quarter {
	float: none;
	border-bottom: 1px solid #888;
	padding: 5px 5px 0;
	display: block;
	width: 100%;
}
#subfooter-wrapper {
	border-top: none;
	padding-top: 0;
	padding-bottom: 0;
}

#subfooter {
	width: 100%;
}
#subfooter ul {
	text-align: left;
}
#subfooter li {
	line-height: 35px;
	height: 35px;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #888;
	display: block;
}
#subfooter a {
	padding-right: 10px;
	padding-left: 10px;
}

}
div#content-wrapper-regular.aca_wrapper{
	font-size:14px;
	padding-top:10px;
}