/**
 * @file
 * Formatting for pages referencing this CSS in the content section
 * (currently Destination 2040 Long Range Transportation Plan pages)
 */
/* 
 ***********************************
 
 ***********************************
 */
body.page-node-type-page .region-content a,
body.page-node-type-page .region-content a:visited,
body.page-node-type-page .region-content a:hover,
body.page-node-type-page .region-content a:active {
  text-decoration: none;
}
body.page-node-type-page .region-content a {
  color: #DE4F26;
}
body.page-node-type-page .region-content a:hover {
  color: #36B9CA;
}
/* body .region-content a:visited, */
body.page-node-type-page .region-content a:active {
  color: #36B9CA;
}
body .region-content li,
body .region-content ul,
body .region-content ul li {
  font-family: sans-serif;
  color: #282828;
  line-height: 1.43em;
  font-size: 1em;
  padding: revert;
}
body .region-content h2,
body .region-content h3,
body .region-content h4,
body .region-content p {
  font-family: sans-serif;
  margin: 14px auto 14px 0;
}
body .region-content h2,
body .region-content h3,
body .region-content h4 {
  font-weight: bold !important;
}
body .region-content h3,
body .region-content h4,
body .region-content p {
  font-size: 1em;
}
body .region-content h1 {
  height: 1px;
  width: 1px;
  overflow: hidden;
}
body.page-node-type-page .region-content h2 {
  font-size: 1.14em;
  color: #D1461F;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}
body nav #nav-heading1 {
  font-size: 16px;
  color: #D1461F;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}
body.page-node-type-page .region-content h3 {
  color: #36B9CA;
  font-weight: bold;
  margin-top: 0.85em;
  margin-bottom: 0.85em;
}
body.page-node-type-page .region-content h4 {
  color: #000000;
}
body .region-content p {
  color: #282828;
  line-height: 1.43em;
}
body .region-content strong {
  color: #000000;
}
body .region-content img {
  vertical-align: revert;
  max-width: 100%;
}
body .region-content hr {
  border-color: #F89A37;
  border-style: dotted;
  border-width: revert;
  margin-top: 25px;
  margin-bottom: 25px;
}
body .region-content blockquote {
  padding: unset;
  margin: revert;
  font-size: inherit;
  border-left: unset;
}
/* COLUMN LAYOUT STYLING */
body.page-node-type-page .region-content .pagecontentleft {
  box-sizing: content-box;
  width: 585px;
  float: left;
  height: auto;
  border-right: 1.5px solid #DE4F26;
  padding-right: 20px;
}
body.page-node-type-page .region-content .pagecontentright {
  width: 350px;
  float: right;
  height: auto;
  text-align: center;
}
body.page-node-type-page .region-content .even-column-left {
  width: 48%;
  float: left;
  margin-right: 1em;
}
body.page-node-type-page .region-content .even-column-right {
  width: 48%;
  float: right;
}
body.page-node-type-page .region-content .callout {
  align-content: center;
  text-align: cente;
  background: #DE4F26;
  color: #fff;
  border-radius: 10px;
  padding: 15px;
  font-weight: bold;
}
body .region-content .button {
  background-color: #D1461F;
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  font-size: 0.86em;
  /* 12px; */
  cursor: pointer;
}
body .region-content .button:hover {
  background-color: #fff;
  color: #D1461F;
  border: 1px solid #D1461F;
}
body .region-content .button2 {
  background-color: #087D90;
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  font-size: 0.86em;
  /* 12px; */
  cursor: pointer;
  min-height: 40px;
}
body .region-content .button2:hover {
  background-color: #fff;
  color: #087D90;
  border: 1px solid #087D90;
}
body .region-content,
body .region-content .headerimage,
body .region-content .header,
body .region-content .button,
body .region-content .divbutton {
  margin-left: auto;
  margin-right: auto;
}
body .region-content .divbutton {
  min-width: 700px;
  /* max-width: 850px; */
}
body .region-content .meeting {
  margin-left: 5px;
}
body .region-content .meetingicon {
  float: left;
  padding-right: 25px;
  min-height: 150px;
  text-align: center;
  width: 150px;
}
body .region-content .solid {
  /* max-width: 850px; */
  border: 0.5px solid #8B8B8B;
  margin-bottom: 30px;
}
body .region-content .calloutright {
  width: 45%;
  float: right;
  background-color: #FEF5EB;
  padding: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
}
body .region-content .calloutright h1 {
  min-width: auto;
}
body .region-content .calloutright p {
  min-width: auto;
}
body .region-content .timelineright {
  width: 250px;
  float: right;
  background-color: #FEF5EB;
  padding: 30px;
  margin-bottom: 100px;
  margin-left: 30px;
}
body .region-footer a,
body .region-footer a:visited,
body .region-footer a:hover,
body .region-footer a:active,
body .region-bottom a,
body .region-bottom a:visited,
body .region-bottom a:hover,
body .region-bottom a:active {
  color: black;
  text-decoration: dotted;
}
body .region-footer a:hover,
body .region-bottom a:hover {
  text-decoration: underline;
}
/*  timeline block */
body .region-content .timelineright a,
body .region-content .timelineright a:visited,
body .region-content .timelineright a:hover,
body .region-content .timelineright a:active {
  color: #076574;
}
body .region-content .timelineright a:hover {
  text-decoration: underline;
}
body .region-content .timelineright h1 {
  font-weight: bold !important;
  color: #D1461F;
  text-align: center;
  padding-right: 1em;
  text-transform: uppercase;
  font-size: 1.1em;
  min-width: auto;
  margin-top: 0;
}
body .region-content .timelineright h2 {
  font-weight: bold !important;
  color: #D1461F;
  margin: 6px 0px 3px 0px;
  position: relative;
  left: -0.2em;
  font-size: 1.21em;
}
body .region-content .timelineright ul {
  position: relative;
  border-left: #F89A37 thick solid;
  list-style: none;
  padding-left: 20px;
  margin: 0px;
}
body .region-content .timelineright li div.timeline-item {
  display: inline-block;
  width: 85%;
  /* min-height: 4em; */
  padding-left: 0.4em;
}
body .region-content .timelineright li div.timeline-item-title {
  line-height: 1.3em;
  font-weight: bold;
  margin-top: 2px;
}
body .region-content .timelineright li div.timeline-item ul {
  border-left: none;
  margin: 6px 0px 0px 0px;
  list-style: none;
  padding-left: 0px;
  font-weight: normal;
}
body .region-content .timelineright li div.timeline-item li {
  padding: 2px 0px 4px 0px;
  font-size: 0.9em;
  line-height: 1.2em;
}
body .region-content .timelineright li div.timeline-date {
  display: inline-block;
  vertical-align: top;
  color: #D1461F;
  font-weight: bold;
  font-size: 1.21em;
  min-width: 1.3em;
  text-align: right;
}
body .region-content .timelineright li div p {
  margin: 0;
}
body .region-content .timelineright li {
  position: relative;
  padding-top: 1em;
  overflow-wrap: break-word;
}
/* #block-views-engagement-timeline-block li:after {
		content: url(/data/images/timeline_connector.jpg);
		position: absolute;
		left: -39px;
		top: 1.5em;
	} */
body .timelineright li div.timeline-meeting {
  min-height: 3.5em;
}
body .timelineright li div.timeline-meeting:before {
  content: url(/sites/all/themes/ctps/images/lrtp-dev/timeline-small-meeting.png);
  width: 29px;
  height: 29px;
  position: absolute;
  left: -58px;
  top: -1em;
  transform: scale(0.25);
}
body .timelineright li div.timeline-office-hours {
  min-height: 3.5em;
}
body .timelineright li div.timeline-office-hours:before {
  content: url(/sites/all/themes/ctps/images/lrtp-dev/timeline-small-office-hours.png);
  width: 29px;
  height: 29px;
  position: absolute;
  left: -58px;
  top: -1em;
  transform: scale(0.25);
}
body .timelineright li div.timeline-ext-event {
  min-height: 3.5em;
}
body .timelineright li div.timeline-ext-event:before {
  content: url(/sites/all/themes/ctps/images/lrtp-dev/timeline-small-ext-event.png);
  width: 29px;
  height: 29px;
  position: absolute;
  left: -59px;
  top: -1em;
  transform: scale(0.25);
}
body .timelineright li div.timeline-other-event {
  min-height: 3.5em;
}
body .timelineright li div.timeline-other-event:before {
  content: url(/sites/all/themes/ctps/images/lrtp-dev/timeline-small-other-event.png);
  width: 29px;
  height: 29px;
  position: absolute;
  left: -58px;
  top: -1em;
  transform: scale(0.25);
}
body .timelineright li div.timeline-open-house {
  min-height: 3.5em;
}
body .timelineright li div.timeline-open-house:before {
  content: url(/sites/all/themes/ctps/images/lrtp-dev/timeline-small-open-house.png);
  width: 29px;
  height: 29px;
  position: absolute;
  left: -58px;
  top: -1em;
  transform: scale(0.25);
}
/* overrides for narrow displays such as mobile displays */
/* COLUMN LAYOUT STYLING */
@media (max-width: 1199px) and (min-width: 992px) {
  body.page-node-type-page .region-content .pagecontentleft {
    width: 47%;
  }
}
@media (max-width: 991px) {
  /* COLUMN LAYOUT STYLING */
  body.page-node-type-page .region-content .pagecontentleft {
    box-sizing: content-box;
    width: auto;
    float: none;
    border-right: none;
    padding-right: 0;
  }
  body.page-node-type-page .region-content .pagecontentright {
    width: auto;
    float: none;
    text-align: center;
  }
  body.page-node-type-page .region-content .even-column-left {
    width: auto;
    float: none;
    margin-right: 0;
  }
  body.page-node-type-page .region-content .even-column-right {
    width: auto;
    float: none;
  }
}
@media (max-width: 767px) {
  body {
    min-width: 300px;
    background-color: #FFFFFF;
    background-image: none;
  }
  body #page {
    min-width: auto;
  }
  body #main {
    box-shadow: initial;
    padding: 55px 50px 0 50px;
  }
  body #navigation {
    left: 0;
    text-align: center;
  }
  body #block-block-18 {
    float: none;
    width: auto;
    padding: 0;
  }
  body #block-block-18 p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  body .region-content h1,
  body .region-content h2,
  body .region-content h3 {
    font-weight: bold !important;
  }
  body .region-content h2,
  body .region-content h3,
  body .region-content p {
    font-size: 1em;
    /* 14px; */
  }
  body .region-content h1 {
    font-size: 1.14em;
    /* 16px; */
    color: #D1461F;
  }
  body .region-content h2 {
    color: #087D90;
  }
  body .region-content h3 {
    color: #000000;
    /* line-height: normal; */
  }
  body .region-content p {
    color: #282828;
    line-height: 1.43em;
    /* 20px; */
    /* margin-left: auto; */
    margin: 14px auto 14px 0;
  }
  body .region-content img {
    resize: both;
  }
  body .region-content .divbutton {
    min-width: auto;
  }
  body .region-bottom {
    min-width: 300px;
  }
  body .region-footer {
    top: auto;
  }
  body .region-footer #block-text-resize-0 {
    position: relative;
    top: auto;
    margin: 0 13px 10px 50px;
  }
  body .region-footer #block-block-4 {
    position: absolute;
    top: auto;
  }
  /* Footer links LRTP Development */
  body .region-footer #block-block-21 {
    position: relative;
    top: auto;
    padding: 0.5em 0 0 0;
  }
  body .region-bottom {
    top: auto;
    height: auto;
  }
  body .region-bottom p {
    min-width: auto;
    padding: 1em;
  }
  /*	.container, .header, .return{
		margin-left: auto;
		margin-right: auto;
		align-content: center;
		}
	.container{
		background-color: #fff;
		margin-top: 0px;
		box-shadow: none;
		font-family: sans-serif;
		padding: 50px;
		max-width: 500px;
		min-width: 350px;
	}
	.header {
		margin-top: 25px;
		min-width: 250px;
		max-width: 500px;
	}
	#return{
		margin-top: -30px;
	} */
}