/* agenda.css - ctyclerk > for meeting agenda - css document*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #444; /* background-color: #F8F8F8; */ padding:0px; margin:0; /* margin-bottom: 25px; */ margin-left: auto; margin-right: auto; width: 100%; line-height: 1.5em; }

/* Use these classes to set the header/footer */
#headerContainer { background: #0279B1; height: auto;}
#header { max-width: 980px; padding: 0; margin: 0 auto; height: auto;}

#header span {
    color: #FFF;
    font-size: 28px;
    /*top: 90%;
    transform: translateY(90%);*/
    padding: 0;
    text-align: left;
    /* margin-left: 150px; */
    font-weight: normal;
    margin-top: 0;
}

/* header change for GT v5 */
#header .cov-title-blue {
    margin: 0 20px;
    line-height: 3.5em;
    display: inline-block;
}

#header .cov-title-blue .nav-app-title {
    margin-right: 10px;
}

.container-fluid.nav-cov-logo {
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fff;
    display: block;
}
.cov-logo {
	margin: 5px 20px;
}
.nav-cov-logo a {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px
}
.nav-cov-logo a:hover, .nav-cov-logo a:active, .nav-cov-logo a:focus {
	text-decoration: none;
}
.nav-cov-logo a.cov-logo {
    color: #0279b1;
    max-width: 175px;
}
.nav-cov-logo img {
    width: 34px;
    height: 24px;
    margin-right: 5px;
}
.skip-links.container {
	text-transform: capitalize;
    font-weight: 500;
}
.container-fluid.nav-cov-logo nav.container {
    max-width: 980px;
    margin: auto;
    padding: 5px 0px;
}
#header a.cov-title-blue:focus, #header a.cov-title-blue:active,
.nav-cov-logo a:focus, .nav-cov-logo a:active
{
    background-color: transparent;
    outline: 3px solid #F5A623;
    outline-offset: 0;
    /* width: max-content; */
}
.skip-links .sr-only-focusable:active, .skip-links .sr-only-focusable:focus {
    position: absolute;
    z-index: 100;
    margin-left: 700px;
    margin-top: 10px;
    color: #fff;
    background-color: #0279b1;
    text-decoration: none;
    /* font-size: 1em; */
    padding: 3px 10px;
}
.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}
@media screen and (max-width: 767px) {
	.skip-links .sr-only-focusable:active, .skip-links .sr-only-focusable:focus {
		position: static;
		z-index: 100;
		width: calc(100% - 25px);
    	margin: 3px;
    	font-size: initial;
	}
}
/* end of header change for GTv5 */

.meetingTitle {
	font-family: 'Tahoma', Chicago, sans-serif;
	font-weight: normal;
	font-size:1.7em;
	line-height: 1.35em;
}

#content #nom .meetingTitle p {
	margin: 0.5em 0;
}
/* 2017-05-15 */
.meetingDetail {
	margin: 0 1em 1em 0;
	/* background: #f8f8f8;
	border: 1px solid #d9d9d5; */
	padding: 0em 0 0.5em 0;
}


.covLogo {
    background: url(/images/CoV.png);
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    margin: 10px 15px 0px 15px;
    width: 122px;
    height: 55px;
    float: left;
}
.covLogo:hover {
    opacity: 0.8;
}

#bodyContainer {
    max-width: 980px;
    margin: 0 auto;
    background: #fff;
}

#footerContainer { border-top: solid 1px #B2B2B2; font-size: 1em; background: #0279B1; color: #FFF; }
/*#footerContainer a {color: #FFF;text-decoration: none;}
#footerContainer a:hover {text-decoration: underline;}*/
.footer { text-align: left; margin: 0 auto!important; background: #0279B1; max-width: 980px; /*min-height: 4.5em;*/ margin-left: 180px; padding-top: 5px; padding-bottom: 10px;}
.footer-copyright { float: left; margin: 0 20px;}
.footer-links { float: right; margin: 0 20px; }
.footer-links a:link, .footer-links a:visited { line-height: 1.35; color: #FFF; margin-left: 20px; text-decoration: underline; }

.footer-links a:hover, .footer-links a:visited:hover, .footer-links a:visited:focus, .footer-links a:visited:active {
    color: #D9D9D5;
}

.footer-links a:focus, .footer-links a:active {
    color: #D9D9D5;
    background-color: transparent;
    outline: 3px solid #F5A623;
    outline-offset: 0;
}

#container {
    width: 980px;
    padding: 0px;
    position: relative;
    margin: 0px;
    top: 0px;
    left: 0px;
    text-align: left;
}

#content {
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-right: 10px;
    padding: 0 10px;
    padding-bottom: 20px;
}

#nav {
    height: 1.4em;
    margin-bottom: 18px;
}

.asterisksCentre { text-align:center; }


h1 {
	font-family: 'Tahoma', Chicago, sans-serif;
	font-weight: normal;
	font-size:1.7em;
	line-height: 1.35em;
}

h2 {
    font-family: 'Tahoma', Chicago, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em 0;
}
h3 {
	font-family: 'Tahoma', Chicago, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding: 0.5em 0;
}

/***** skip navigation ********/
a.skip {position: absolute; left: -1000em; width: 20em;}

a:link { color: #0279B1; text-decoration: none;}
a:visited { color: #0279B1; text-decoration: none;}
a:hover { color: #0279B1; text-decoration: underline;}
a:active { color: #0279B1; text-decoration: underline;}

a.blue-button {
	background-color: #0279B1;
    color: white;
    /* padding: 0.5em 1.2em; */
    padding: 8px 13px;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
    margin-left: 0;
    line-height: 2em;
    display: inline-block;
    cursor: pointer;
    border: 0;
    border: #0279B1 1px solid;
}
a.blue-button:hover {
    background-color: #FFF;
    color: #0279B1;
    text-decoration: none;
    border: #d9d9d5 1px solid;
}

a.white-button {
	background-color: #fff;
    color: #0279B1;
    padding: 0.5em 1.2em;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
    margin-left: 0;
    line-height: 2em;
    display: inline-block;
    cursor: pointer;
    border: 0;
    border: #d9d9d5 1px solid;
}
a.white-button:hover {
    background-color: #0279B1;
    color: #fff;
    text-decoration: none;
    border: #0279B1 1px solid;
}

/* select all but the first one */
a.white-button:nth-child(n+2) {
     margin-left: 5px;
}

a.white-button:active, a.white-button:focus {
outline: 0 !important;
box-shadow: 0 0 0 3px rgb(245, 166, 35);
background-color: rgb(2, 121, 177);
color: rgb(255, 255, 255) !important;
border: #0279b1 1px solid;
padding: 0.5em 1.2em;
}

a.blue-button:active, a.blue-button:focus {
outline: 0 !important;
box-shadow: 0 0 0 3px rgb(245, 166, 35);
padding: 0.5em 1.2em;
background-color: #FFF;
color: #0279B1;
text-decoration: none;
border: #d9d9d5 1px solid;
}

@media screen and (max-width: 599px) {
  a.white-button, a.blue-button {
      line-height: 1.4em;
      /* padding: 0.5em 1.2em; */
      padding: 8px 13px;
      text-align: center;
      font-size: 0.88rem;
      width: calc(100% - 28px);
      max-width: calc(100% - 9px);
    }
    a.white-button:active, a.white-button:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgb(245, 166, 35);
    background-color: rgb(2, 121, 177);
    color: rgb(255, 255, 255) !important;
    border: #0279b1 1px solid;
    padding: 0.5em 1.2em;
    }

    a.blue-button:active, a.blue-button:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgb(245, 166, 35);
    padding: 0.5em 1.2em;
    background-color: #FFF;
    color: #0279B1;
    text-decoration: none;
    }
}

hr {
  border: 1px solid #d9d9d5;
  margin: 3em 0;
}



/*  NOTE: "nom" stands for "Notice of Meeting" */
/*  The following CSS styles the masthead of the agendas, including the city crest, headings, and date/time/place/panel of the meeting */
/*
#container #content h1 {
	color: #333;
	font-size: 1.1em;
}*/
/*#content h2 { margin: 1.5em 0 .5em 0; }*/
#content h2 {
    /* margin: 1.5em 0 .5em 0; */
    /* font-weight: normal; */
}

#container #content h1.asterisksCentre { text-align: center; font-size: 1.3em;}
/*#content p { padding: 0; margin: 1em 0 1em 0; line-height: 1.5; }*/

#nom { width:100%; padding-bottom:1em; background-position:0 top; background-repeat:no-repeat;
/* 2017-05-15 */
/* margin-bottom: 1em;  */
}

/* 2017-05-15 */
/*#content #nom p { padding:0 0 0 0; margin:0 0 0 0; }*/
/*
#content #nom h1 { padding:.15em 0; margin:0 210px; text-align:center; }
*/
#content #nom h2 { padding:.15em 0;  margin:0 210px;text-align:center; }

/* #nom table {padding:0; margin-left:auto; margin-right:auto; font-size:1em;} */
#nom table th { text-align: left; padding: .1em .25em .1em .1em; vertical-align: top; }
#nom table td { padding: .1em .1em .1em .1em; vertical-align:top; }
#nom table td p { margin: 0 0 0 0; padding:0 0 0 0; }
.nomTableCol1 {width:5.5em;}
/* #nom table { width: 375px; margin-right: auto; margin-left: auto; padding:0; margin-top: 1em; } */
#nom table {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #D9D9D5;
}
/* 2017-05-15 */
#content #nom p.dateUpdated { /*font-size:0.85em; text-align:right; width: 200px; float: right; */ margin-top: 0px; margin: 0 0 0 0; font-style: normal; }
#content div.dateUpdated { /*font-size:0.85em;*/ text-align:right; width: 200px; float: right; margin: 0px;  font-style: normal; padding:0;}
#content .dateUpdated p { /*font-size:0.85em;*/ text-align:right;  margin-top: 0px; margin: 0 0 0 0; font-style: normal; }

/* 2017-05-15 */
#content .meetingDateLocation {
	padding: 1em;
	border: 1px solid #D9D9D5;

	position: relative;
	float: left;
	width: 300px;
	padding: 1em;
	margin: 0 1em 1em 0;
	box-sizing: border-box;
	background: #f8f8f8;
}

/* 2017-05-15 */
#content .meetingDateLocation h3, #pleasenote h3 {
  margin-top: 0;
  padding: 0.5em 0;
}

/* please note section directly below meeting date, time, place details */
/* 2017-05-15 */
/*
#pleasenote { width:90%; padding-bottom:25px;
	margin: 1em 0;
    padding: 1em;
    border: 1px solid #D9D9D5;
}
*/
#pleasenote {
	float: right;
	/* position: relative; */
	width: calc(100% - 300px - 1em);
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #0279b1;
	/* border-radius: 5px;*/
	box-sizing: border-box;
	min-height: 193px;
	min-width: 500px;
}


/*#pleasenote ul {margin:0 0 1.5em 32px; list-style-type:square; }*/
/*#pleasenote p {margin:0; padding:0;}*/
/* 2017-05-15 */
/*
#pleasenote h3 {
    padding: 0;
}
*/

/* 2017-05-15 */
.agendaQuestions {
	width: 300px;
	margin: 0 1em 1em 0;
	box-sizing: border-box;
	float: left;
}

/* 2017-05-15 */
.main-content {
	clear: both;
}

.heading { margin-bottom: 1.5em; margin: 0 0 1.5em 0; }
/*.heading h1 { margin:0; padding-top:0; margin-top: -3px; font-size: 1.8em; }*/
.heading h2 { margin:0 0 0 0; margin-top:0; padding:0; padding-top:0; }

.content .heading { margin-bottom: 1em; margin: 0 0 1.5em 0; padding-top: 0px; }
.content .heading h1 { margin:0; padding-top:0; padding:0; margin-bottom: .25em; }
/*.content .heading h2 { margin:0; margin-top:0; padding:0; padding-top:0; }*/
.content .heading h2 { margin:0; padding:0; line-height: 1.5em; }


.box { padding-right: 25px; margin-bottom: 0px; padding-bottom: 0px; }
.content .hd { font-weight: bold; }


#content .pleasenote { margin-bottom: 0.75em; font-size: 0.9em; padding-top: 0em; margin-top: 0.25em; padding-left: 0; }

.note { color: #5E8532; font-weight: bold; }


.imgPDF { display: inline; float: none; vertical-align: text-top; padding: 0 .1em; }
.imgInline, .icon, .pdf { float: none; vertical-align: text-top; padding: 0 .25em; display: inline; }
/*img.pdf { padding: 0 .25em; vertical-align: text-top; }*/
.video { float: none; vertical-align: top; padding: 0 .25em; display: inline; border: none; text-decoration: none; }
a.video img { border:none;}
.pleasenote p.plainText { margin-bottom: 0.75em; font-style: normal; }
#content .pleasenote p { padding: 0 0 0 0; margin: .25em 0; }
#content .pleasenote p.note { padding: 0 0 0 0; margin: 0 0; }
#notes { margin-bottom: 1em; padding-top: 0.25em; }
#notes ul { margin-top: 0.25em; padding-top:0; margin-bottom: 0.25em; padding-bottom:0; }
#notes ul li { margin-top: 0.5em; padding-top:0; margin-bottom: 0.25em; padding-bottom:0; }

.pleasenote li { font-style: italic; }
p.plainText, span.plainText, span.notitalic { font-style: normal; }
.details h3 { color: #3C3C3C; font-weight: bold; margin-top: 0px; }
/*#agenda .heading h1 { font-size: 1.7em; margin-top: -3px; }*/

.pleasenote .contact p { font-style: normal; margin-right: 2em; margin-bottom: 0px; }
hr.line { float: none; margin: 0 0 .5em 0; border: none; height: 1px; color: #dedede; }
hr.hline { padding-right: 25px; margin: 0 0 0 0; height: 1px; color: #C8C8C8; }


.content .pleasenote .box { border-top: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8; padding: .5em 0; margin: .5em 0; }
.content .pleasenote { margin-bottom: 0.75em; font-size: 0.9em; padding-top: 0.25em; clear: both; margin-top: 0.25em; }

.content ul li { list-style-type: disc; line-height: 1.8em; margin: 0 0 0 1.5em; }

.contact { margin-top: 1em; margin-bottom: 1.5em; text-align: center; }
.contact p { margin-top: .25em; margin-bottom: 0; }

/*  NOTE: "nom" stands for "Notice of Meeting" */
/*  The following CSS styles the masthead of the agendas, including the city crest, headings, and date/time/place/panel of the meeting */
/*#nom { width:100%; padding-bottom:1em; background-image:url(/images/van-emblem-rgb.jpg); background-position:0 top; background-repeat:no-repeat; } */



#lastP { font-weight: bold; text-align: center; }

/* 2017-05-15 */
.agendaPDF {
	padding-top: 5em;
}

.main-content table {
    width: auto;
	border-spacing: 0;
}


.main-content table th {
    border-bottom: 3px #deddd6 solid;
    background-color: #f1f0eb;
    padding: 4px 8px;
    font-weight: normal;
}

.main-content table td {
    border: 1px #f1f0eb solid;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 8px;
}


@media (max-width: 980px) {
	#container {
	    width: 100%;
	}
}

@media all and (max-width: 900px) {
  #pleasenote {
	  min-width: 0px;
  }
}

/* 2017-05-15 */
@media all and (max-width: 765px) {
  #content .meetingDateLocation, #pleasenote, .agendaQuestions {
      float: none;
      width: 100%;
	  min-width: 80%;
  }
  #header .cov-title-blue {
      line-height: 2.5em;
  }
}

@media (max-width: 650px) {
	a.white-button:nth-child(n+2) {
	     margin-left: 0;
	}

	.footer-copyright, .footer-links {
		float: inherit;
	}
	.footer-links a:link {
		display: block;
		margin-left: 0;
		margin-bottom: 15px;
	}
	
	.footer-links a:focus, .footer-links a:active {
		display: inline-block;
	}

}