/*********************
Theme Name: LADCP
Theme URL:
Author: Humbal Shahi
Created Date: 2018.02.20
Update Date: 2021.5.12
Version: 4.4.93
*********************/
body {
  line-height: 1.5 !important;
  font-family: 'Roboto', sans-serif;
  color: #414042;
  font-size: 16px;
  letter-spacing: 0.5px !important;
  overflow-x: hidden;
}

a {
  color: #f15f27;
  text-decoration: none;
}

#cms-content a:hover{
  color: #165C7D;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

h1 {
  color: #414042;
  font-size: 44px;
  font-weight: 200;
}

h2 {
  color: #165C7D;
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 20px;
}

h3 {
  color: #f15f27;
  font-size: 25px;
  font-weight: 400 !important;
  margin-top: 35px;
}

h4 {
  color: #f15f27;
  font-size: 24px !important;
  font-weight: 400 !important;
}

h5 {
  font-size: 20px !important;
}

h6 {
  font-size: 16px !important;
}

p {
  margin-bottom: 20px !important;
}

ol, ul {
  line-height: 1.5;
}

#cms-content ul, #cms-content ol{padding-bottom: 10px;}

/** Remove border top from each table td **/
/* .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: 0;
} */

.bold-title {
  color:#0069b0;
}

#cms-content ol>li, #cms-content ul>li {
  padding-top: 5px;
  padding-bottom: 5px;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

.blockquote {
  color: #708090;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
}
.btn {
  border-radius: 0px !important;
}

.date {
  color: #999;
  font-size: 12px;
}

.clearfix, .clear {
  clear: both !important;
}

.section-content {
  padding: 0 0 15px 0;
}

.white--bg {
  background-color: #ffffff;
}

.padding-top2em {
  padding-top: 2em;
}

.white {
  color: #fff;
}

.padding10, .p-10{
  padding: 10px;
}

.padding-top0, .pt-0{
  padding-top: 0px;
}

.padding-top5, .pt-5 {
  padding-top: 5px;
}

.paddingtop10, .pt-10 {
  padding-top: 10px;
}

.paddingtop13, .pt-13 {
  padding-top: 13px !important;
}

.paddingtop15, .pt-15 {
  padding-top: 15px;
}

.paddingtop25, .pt-25 {
  padding-top: 25px !important;
}

.paddingtop35, .pt-35 {
  padding-top: 35px;
}

.padding-top40, .pt-40 {
  padding-top: 40px;
}

.paddingtop45, .pt45 {
  padding-top: 45px;
}

.padding-top50, .pt50 {
  padding-top: 50px !important;
}

.padding-top60, .pt60 {
  padding-top: 60px;
}

.padding-bottom10, .pb-10 {
  padding-bottom: 10px;
}

.padding-bottom15, .pb-15 {
  padding-bottom: 15px;
}

.padding-bottom25, .pb-25 {
  padding-bottom: 25px;
}

.padding-bottom30, .pb-30 {
  padding-bottom: 30px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pb-50 {
  padding-bottom: 50px;
}

.padding-bottom60, .pb-60 {
  padding-bottom: 60px;
}

.padding-left0, .pl-0 {
  padding-left: 0px !important;
}

.padding-left-5, .pl-5 {
  padding-left: 5px;
}

.padding-left-10, .pl-10 {
  padding-left: 10px;
}

.padding-left-15, .pl-15 {
  padding-left: 15px;
}

.padding-left-20, .pl-20 {
  padding-left: 20px;
}

.padding-left-50, .pl-50 {
  padding-left: 50px;
}

.padding-left-60, .pl-60 {
  padding-left: 60px;
}

.padding-left-80, .pl-80 {
  padding-left: 80px;
}

.padding-right0, .pr-0 {
  padding-right: 0px !important;
}

.pr-15{
  padding-right: 15px;
}

.padding-right-27, .pr-27 {
  padding-right: 27px !important;
}

.pl-30{padding-left:30px;}
.pr-30{padding-right: 30px;}
.pt-30{padding-top: 30px;}
.mb-30{margin-bottom: 30px;}

.skip-link {
  display: none;
}

.hr-line {
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #76b1d7;
}

.left--20, .l-20 {
  left: -20px;
}

.left--25, .l-25 {
  left: -25px;
}

.left-6, .l-6 {
  left: 6px;
}

.left-12, .l-12 {
  left: 12px;
}

.paragraph-multi-columns {
  width: 100%;
  padding-top: 5vw;
  padding-bottom: 5vw;
  margin-top: 45px;
  background-size: cover;
}

.full-width-content.middle-content {
  margin: -50px 0 0 0 !important;
}

.full-width-content.reduced-bottom-margin {
  margin: -62px 0 28px 0 !important;
}

.full-width-content.remove-pt-25 .row.row-wrapper .pt-25 {
  padding-top: 0 !important;
}

.paragraph-multi-columns.reduce-column-bottom-padding .para-col {
  padding: 15px 15px 0 15px;
}

.remove-margin-top {
  margin-top: 0 !important;
}

.subform-indentation {
  padding-left: 30px !important;
}

.remove-margin-bottom {
  margin-bottom: 0 !important;
}

.margin-left-15, .ml-15 {
  margin-left: 15px;
}

.line {
  border-bottom: 0.5px solid #939598;
  padding-top: 5px !important;
}

.dot-line {
  border-bottom: 0.5px dotted #939598;
}

#dot-line {
  padding-top: 15px;
  padding-bottom: 20px;
}

.list-style-none {
  list-style: none;
}

/* ADDS no bullet indent style to ckeditor */
.span-indent-body {
  margin-left:40px;
}

/*** paragraph ***/
.two-column-item {
  max-height: 260px;
  overflow: hidden;
  padding-left: 0;
}

/*
#cms-content a {
  color: #009fe3 !important;
}
*/

.full-width-button p {
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 20px;
}

.full-width-button a {
  text-decoration: none !important;
}

#bgimage-title-buttons .button {
  padding: 20px 50px !important;
  font-size: 24px;
  box-shadow: 0 10px 10px rgb(0, 0, 0, .175);
}

.background-image-with-content .rows {
  display: flex;
  gap: 10%;
}

.responsive-md {
  display: flex;
}

#intro-text {
  color: #0069b0;
  padding-bottom: 15px;
  font-size: 25px;
  line-height: 1.5;
  font-weight: 300;
}

#intro-text a {
  color: #e88012;
}

.image {
  padding-bottom: 15px;
}

.four-cols p {
  font-size: 18px;
}

.Orange {
  color: #fff;
  background-color: #f15f27;
  border-color: #f78f21;
  font-size: 18px !important;
}

.Orange:hover {
  color: #fff;
  background-color: #f15f27;
  border-color: #f68813;
  font-size: 18px !important;
}

.Gray-Light {
  color: #fff;
  background-color: #A0A8A9;
  border-color: #949b9c;
  font-size: 18px !important;
}

.Gray-Light:hover {
  color: #fff;
  background-color: #A0A8A9;
  border-color: #878e8f;
  font-size: 18px !important;
}

.Gray-Dark {
  color: #fff;
  background-color: #7b7979;
  border-color: #6d6a6a;
  font-size: 18px !important;
}

.Gray-Dark:hover {
  color: #fff;
  background-color: #7b7979;
  border-color: #5e5b5b;
  font-size: 18px !important;
}

.Fountain-Teal {
  color: #fff;
  background-color: #0EB1C2;
  border-color: #06afc1;
  font-size: 18px !important;
}

.Fountain-Teal:hover {
  color: #fff;
  background-color: #0EB1C2;
  border-color: #00afc1;
  font-size: 18px !important;
}

.Fountain-Teal-60 {
  color: #fff;
  background-color: #66d1dc;
  border-color: #59cdd9;
  font-size: 18px !important;
}

.Fountain-Teal-60:hover {
  color: #fff;
  background-color: #66d1dc;
  border-color: #4fcdda;
  font-size: 18px !important;
}

.Studio-Sky-80 {
  color: #fff;
  background-color: #609ACC;
  border-color: #5594cb;
  font-size: 18px !important;
}

.Studio-Sky-80:hover {
  color: #fff;
  background-color: #609ACC;
  border-color: #498eca;
  font-size: 18px !important;
}

.Catalina-Blue {
  color: #fff;
  background-color: #057C99;
  border-color: #027490;
  font-size: 18px !important;
}

.Catalina-Blue:hover {
  color: #fff;
  background-color: #057C99;
  border-color: #026c86;
  font-size: 18px !important;
}

.Catalina-Blue-60 {
  color: #fff;
  background-color: #66b0c1;
  border-color: #5dafc2;
  font-size: 18px !important;
}

.Catalina-Blue-60:hover {
  color: #fff;
  background-color: #66b0c1;
  border-color: #51acc1;
  font-size: 18px !important;
}
/* Photo Gallery magnific popup */
.mfp-field.mfp-all-items .field__item {
  float: left;
  padding: 4px;
}
#accordion.panel-group .field__items {
  overflow: auto;
  width: 100%;
}
img.mfp-thumbnail {
  height: 100px;
  width: auto;
}
.CPU-Venice {
  color: #fff;
  background-color: #b5d7c9;
  border-color: #9fd7c0;
  font-size: 18px !important;
}

.CPU-Venice:hover {
  color: #fff;
  background-color: #b5d7c9;
  border-color: #95d8bc;
  font-size: 18px !important;
}

.CPU-Harbor-Gate {
  color: #fff;
  background-color: #2db0a9;
  border-color: #23afa8;
  font-size: 18px !important;
}

.CPU-Harbor-Gate:hover {
  color: #fff;
  background-color: #2db0a9;
  border-color: #1aafa7;
  font-size: 18px !important;
}

.CPU-Wilmington {
  color: #fff;
  background-color: #1d3d6b;
  border-color: #183a6b;
  font-size: 18px !important;
}

.CPU-Wilmington:hover {
  color: #fff;
  background-color: #1d3d6b;
  border-color: #12376c;
  font-size: 18px !important;
}

.Azure {
  color: #fff;
  background-color: #0066cc;
  border-color: #003399;
  font-size: 18px !important;
}

.Azure:hover {
  color: #fff;
  background-color: #0066ff;
  border-color: #003399;
  font-size: 18px !important;
}

.Blue-Gray {
  color: #fff;
  background-color: #5e7393;
  border-color: #5e7393;
  font-size: 18px !important;
}

.Blue-Gray:hover {
  color: #fff;
  background-color: #546784;
  border-color: #4b5c76;
  font-size: 18px !important;
}

.Lime-Green {
  color: #fff;
  background-color: #c6d32d;
  border-color: #c6d32d;
  font-size: 18px !important;
}

.Lime-Green:hover {
  color: #fff;
  background-color: #b9c52a;
  border-color: #abb627;
  font-size: 18px !important;
}

.Med-Gray {
  color: #fff;
  background-color: #a0a8a9;
  border-color: #a0a8a9;
  font-size: 18px !important;
}

.Med-Gray:hover {
  color: #fff;
  background-color: #929899;
  border-color: #83898a;
  font-size: 18px !important;
}

.Sage {
  color: #fff;
  background-color: #87a28e;
  border-color: #87a28e;
  font-size: 18px !important;
}

.Sage:hover {
  color: #fff;
  background-color: #7a9380;
  border-color: #6d8473;
  font-size: 18px !important;
}

.Teal-Green {
  color: #fff;
  background-color: #53bda6;
  border-color: #53bda6;
  font-size: 18px !important;
}

.Teal-Green:hover {
  color: #fff;
  background-color: #4baf99;
  border-color: #439f8b;
  font-size: 18px !important;
}

.Dark-Orange {
  color: #fff;
  background-color: #f3901d;
  border-color: #f3901d;
  font-size: 18px !important;
}

.Dark-Orange:hover {
  color: #fff;
  background-color: #f38b11;
  border-color: #f3901d;
  font-size: 18px !important;
}

.Saffron-Mango {
  color: #fff;
  background-color: #fab34f;
  border-color: #fbae42;
  font-size: 18px !important;
}

.Saffron-Mango:hover {
  color: #fff;
  background-color: #f8ac40;
  border-color: #fbae42;
  font-size: 18px !important;
}

mark {
  background-color: #ff9 !important;
}

.cms-fullwidth {
  padding-bottom: 80px;
}

.center-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.button-title {
  margin-bottom: 20px;
  color: #ffffff;
  text-align: center;
  font-size: 32px !important;
  font-weight: 500;
  text-shadow: 2px 4px 4px #333;
}

.button {
  padding: 5px 40px;
  background-color: rgba(214, 130, 39, 0.9);
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff !important;
  border-radius: 8px;
}

.button:hover {
  text-decoration: none;
  color: #0b2c4b !important;
}

.margin-bottom {
  margin-bottom: 30px;
}

.front-image {
  margin-left: 25%;
}

.img-btn-link {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 18px;
  z-index: 2000;
  position: relative;
  color: #fff !important;
}

.img-btn-link:hover {
  color: #fff !important;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.text-align-justify {
  text-align: justify;
}

.text-blue {
  color: #3f5397;
}

.content_only figure {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 20px;
}

figcaption {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Adds styling for smaller descriptive text */
.desc-text {
  font-size: 15px;
  line-height: 1.3;
}

/*
# Change hyper link color dark blue inside content
# Add id="id="alink-dark-blue"
# Eg:
# <div id="alink-dark-blue"><a href="#"> ... </a></div>
*/
#alink-dark-blue a {
  color: #183357 !important;
}

/** Dynamic Tab <video> **/
.video-item {
  padding: 15px 15px 15px 0;
}

#d-tab .nav-tabs {
  padding-bottom: 10px;
}

#d-tab .nav-tabs>li {
  margin-bottom: 0px;
}

#d-tab .nav-tabs>li>a {
  border: 0px;
  border-radius: 0px;
}

#d-tab .nav-tabs>li> {
  border-right: #000 !important;
}

#d-tab .nav-tabs {
  padding-bottom: 10px;
}

#d-tab .nav>li>a {
  padding-top: 0 !important;
  padding-bottom: 0;
}

.d-tab-detail {
  padding-top: 10px;
}

.flexbox-container {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.flexbox-container>div {
  width: 50%;
  padding: 10px;
}

.flexbox-container>div:first-child {
  margin-right: 20px;
}

/** **/
.align-right {
  float: right;
}

.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.logo-wrapper{
  padding-left: 2px;
}

/****************************************
************ Mega menu ******************
*****************************************/
.tog-nav {
  padding: 0;
}

.navbar-brand {
  padding: 0 !important;
  margin-left: 0 !important;
}

.menu-region {
  padding: 10px 0;
}

#main-nav {
  text-align: left;
}

#main-nav .active {
  color: #1a9fdf !important;
}

.dropdown-menu {
  border-radius: 0px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;
}

.divider {
  font-size: 10px !important;
  color: #777;
}

.navbar-default {
  background-color: #fff;
}

.nav>li {
  padding-top: 5px;
}

.navbar {
  border-radius: 0px !important;
  min-height: 50px;
  margin-bottom: 0px !important;
}

.navbar-nav {
  padding-top: 4px;
}

.dropdown-toggle {
  text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a {
  color: gray !important;
}

.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #fff;
  border-color: #f8f8f8;
}

.navbar-search-box .navbar-nav>li>a {
  font-size: 17px;
  letter-spacing: 1px;
}

/* color change on hover */
.navbar-default .navbar-nav .mega-dropdown>a:hover {
  color: #3a5a99 !important;
  background-color: transparent;
}

/** active link **/
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  color: #3a5a99 !important;
  background-color: transparent;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 12px;
}

.mega-dropdown {
  position: static !important;
}

.mega-dropdown-menu {
  padding-bottom: 20px;
  width: 120%;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 16px !important;
  font-weight: 400 !important;
  left: -207px;
}

.mega-dropdown-menu>li>ul {
  padding: 0 0 0 10px;
  margin: 1px;
}

.mega-dropdown-menu>li>ul>li {
  list-style: none;
}

.mega-dropdown-menu>li>ul>li>a {
  display: block;
  color: #3a5a99;
  padding: 3px 5px;
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
  text-decoration: underline;
}

.mega-dropdown-menu .dropdown-header {
  font-size: 18px !important;
  color: #333333;
  padding: 5px 60px 5px 15px;
  line-height: 30px;
}

.menu-seperation {
  padding-right: 15px;
  padding-left: 0px;
  border-right: 1px dotted #3a5a99;
  margin-top: 25px;
  padding-top: 10px !important;
}

.fa-search {
  font-size: 2em !important;
  margin-top: -15;
}

.google-lan {
  padding-right: 10px;
}

.search-google-lan {
  padding-bottom: 4px;
  padding-right: 5px;
}
/** End Menu **/

/** slider **/
#slider h2 {
  color: #fff !important;
  font-size: 33px;
  line-height: 1.5em;
  padding-top: 10%;
}

#slider .read-more a {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: lighter;
}

.slide-text {
  min-height: 500px !important;
  max-height: 500px;
  left: 5px;
}

/** color boxes  **/
.planning-tag {
  margin-left: 20px;
}

_:-moz-tree-row(hover), .planning-tag {
  margin-left: -30;
}

#map-promote-preserve-wrapper {
  padding-left: 0px;
  padding-right: 0px;
  right: 5px;
  height: 64px;
  color: #fff;
  background-color: #f3901d;
  border-color: #f3901d;
  font-size: 18px !important;
}

#our-mission-wrapper {
  padding-right: 0px;
  height: 64px;
  color: #fff;
  background-color: #fab34f;
  border-color: #fbae42;
  font-size: 18px !important;
}

#blank-wrapper {
  padding-right: 0px;
  left: 5px;
  height: 64px;
  color: #fff;
  background-color: #f3901d;
  border-color: #f3901d;
  font-size: 18px !important;
}

.color-box-txt {
  text-align: center;
  vertical-align: middle;
  padding-top: 13px;
  font-size: 28px;
}

.our-mission a {
  font-weight: 400;
  color: #fff !important;
}

/** feature section :  **/
#case-search-box {
  /*left: 12;*/
  padding-left: 0;
}

#zoning-search-box {
  /* left: 6; */
}

#get-involved-box {
  padding-right: 0;
}

.featureBlock {
  background: #d4d9dd;
  min-height: 315px;
  padding-bottom: 23px;
  padding-top: 23px;
  padding-left: 15px;
}

.featureBlock h2 {
  color: #4d4e4e !important;
  font-size: 26px !important;
  font-weight: 600;
}

.featureBlock p {
  margin-bottom: 10px !important;
  font-size: 15px;
}

.featureBlock-button {
  width: 100%;
  height: 40px;
  line-height: 2;
}

.featureBlock-form {
  width: 80%;
}

/** feature section : 1 **/
.feature-section1 {
  /* padding-left: 7px; */
}

.feature-section1 h2 {
  color: #4d4e4e !important;
  font-size: 30px !important;
  font-weight: 500;
}

.btn-z-search {
  color: #fff;
  background-color: #70808c;
  border-color: #60717e;
}

.btn-get-involved {
  background-color: #70808c;
  border-color: #60717e;
  color: #fff !important;
}

.btn-get-involved:hover {
  color: #333 !important;
}

.feature-section1 .form-control::-webkit-input-placeholder,
.stay-connected-newsletter .form-control::-webkit-input-placeholder {
  text-align: center;
}

/* WebKit, Blink, Edge */
.feature-section1 .form-control:-moz-placeholder,
.stay-connected-newsletter .form-control:-moz-placeholder {
  text-align: center;
}

/* Mozilla Firefox 4 to 18 */
.feature-section1 .form-control::-moz-placeholder,
.stay-connected-newsletter .form-control::-moz-placeholder {
  text-align: center;
}

/* Mozilla Firefox 19+ */
.feature-section1 .form-control:-ms-input-placeholder,
.stay-connected-newsletter .form-control:-ms-input-placeholder {
  text-align: center;
}

/* Internet Explorer 10-11 */
.feature-section1 .form-control::-ms-input-placeholder,
.stay-connected-newsletter .form-control::-ms-input-placeholder {
  text-align: center;
}

/* Microsoft Edge */
/** feature section: 2 **/
.ft-section {
  padding: 20px 0;
}

.ft-section .caption h5 {
  text-align: center;
  text-transform: uppercase;
  font-size: 19px;
  margin-bottom: 0px;
}

.ft-section .caption h5 a {
  color: #183357 !important;
  text-decoration: none;
}

.ft-section .caption p {
  color: #183357 !important;
  text-align: center;
  line-height: 1.1em;
  padding-top: 5px;
}

.ft-section .f-block:hover h5 a,
.ft-section .f-block:hover p {
  color: #345fa6 !important;
}

.feature-block-2-fix-height {
  min-height: 265px;
}

/** Infographics **/
/* .info-bg-color {
  background: #0b2d4c;
} */

.promotion-bg {
  background: url(../images/LATradeTech-Planning.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 560px;
}

/** Social media feeds **/
.social-media {
  margin: 10px 0;
}

li.socialmedia-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 60%;
}

li.socialmedia-icons a.socialmedia-icon {
  display: flex;
}

li.socialmedia-icons a.socialmedia-icon img {
  height: 22px;
  width: 26px;
}

.social-media a, .social-media .fa {
  color: #fff !important;
}

.square {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
}

.transparent-box {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0px;
  right: 15px;
  left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  height: 85px;
}

.social-icon {
  position: absolute;
  top: 8px;
  left: 16px;
  padding: 10px;
}

.facebook-bg {
  background-color: #193358;
  min-height: 168px;
}

.twitter-bg {
  background-color: #27a6dd;
  min-height: 168px;
}

.youtube-bg {
  background-color: #f4901e;
  min-height: 168px;
}

.instagram-bg {
  background-color: #6b4ba0;
  min-height: 168px;
}

/* .box {
  overflow: hidden;
  border: 1px solid #ffffff;
  border-radius: 0px;
  display: block;
}

.social-description {
  position: relative;
  height: 405px;
}

.social-description a {
  color: #fff !important;
}

.social-description p:hover {
  text-decoration: underline !important;
}

.social-description .fa {
  padding: 10px;
}

.transparent-box {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0px;
  position: absolute;
  padding: 8px;
  width: 100%;
  left: 0;
  height: 60px;
  margin: auto;
} */

/** Stay connected  **/
#say-connected {
  background-color: #0077bd;
  color: #fff;
  position: relative;
  min-height: 200px;
}

#say-connected a {
  color: #0077bd !important;
}

.btn-circle {
  width: 70px;
  height: 70px;
  border-radius: 35px !important;
  text-align: center;
  line-height: 1.5;
}

.btn-white {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}

.stay-connected-social-icons {
  padding: 70px 35px;
}

#btn-newsletter {
  background-color: #73c5ea;
  border-color: #73c5ea;
  color: #fff;
  padding: 10px 12px !important;
}

#signup-newsletter {
  font-weight: 300;
  padding-bottom: 10px;
  font-size: 21px;
  text-align: center;
}

#stay {
  font-weight: 200;
  font-size: 45px;
  line-height: 1;
}

#connected {
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
}

#say-connected .social-icons {
  padding-left: 0;
  left: -25px;
  padding-top: 50px;
}

#say-connected .stayconnected {
  padding-top: 45px;
}

.signup-newsletter {
  padding-left: 50px;
  padding-top: 10px;
}

#stay-connected-text {
  padding-top: 50px;
  padding-bottom: 50px;
}

#say-connected button {
  margin: 4px;
}

.stay-connected-newsletter {
  padding: 47px 15px 47px 50px;
}

.newsletter-signup{
  width: 338px;
  background-color: #73c5ea;
  border-color: #73c5ea;
  color: #fff !important;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  border: 1px solid transparent;
  padding: 10px 0;
  font-size: 18px;
}
.stay-connected-newsletter .newsletter-signup a,
.stay-connected-newsletter .newsletter-signup a:hover{
  text-decoration: none;
}

#footer-contactus {
  padding-left: 80px;
}

#footer-toolkit h6, #footer-toolkit p {
  float: right !important;
}

#footer-section {
  background: url(../images/footer_background_pattern.png) no-repeat 0px 71%;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 425px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  background-color: #0b2c4b;
  border-top: 10px solid #a4a5a9;
  line-height: 2.5 !important;
}

#footer-section a {
  color: #fff !important;
}

#footer-section ul {
  padding-left: 0px;
  list-style: none;
}

#footer-section address p {
  line-height: 1.0 !important;
}

.border-line-top {
  border-top: 1px solid #fff;
  padding: 10px 20px;
}

.footer {
  padding-top: 50px;
}

#footer-section .org-profile {
  padding-left: 0;
  padding-right: 65px;
}

#footer-section .footer-sub-link {
  padding-left: 0;
}

#footer-section .copy-right {
  padding-right: 0;
  text-align: right;
}

#helpful-links {
  padding-left: 0;
}

/*** Inner pages ***/
#page-title-bg {
  position: absolute;
  overflow: hidden;
  display: block;
  height: 400px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

#main-container {
  background-color: #fff;
  position: relative;
  top: 247px;
  padding-bottom: 300px;
}

.content-wrapper {
  padding-top: 0;
}

#main-container .row {
  padding-left: 30px;
  padding-right: 30px;
}

#main-container h1 {
  padding: 15px;
}

#cms-content {
  padding-left: 30px;
  padding-right: 30px;
}

#cms-content > .row {
  padding-left: 0;
  padding-right: 0;
}

.sidebar-menu {
  padding-left: 0px;
  padding-right: 15px;
  padding-top: 6px;
}

.sidebar-menu a {
  color: #009fe3 !important;
}

.sidebar-menu .active {
  color: #3a5a99 !important;
  font-weight: bold;
}

.sidebar-menu ul li {
  text-align: center;
  padding: 6px 0 2px 0;
  list-style: none;
}

.top-bar {
  border: #b8babc solid;
  border-top-width: 15px;
  margin-left: 38px;
}

.intro {
  padding-left: 0px;
}

.intro p {
  color: #3a5a99;
  line-height: 1.8;
  font-size: x-large;
  font-weight: 300;
}

.content-col-4 {
  padding-bottom: 15px;
}

.content-col-4 h4 {
  color: #262626;
  text-transform: uppercase;
}

article img {
  padding-top: 0;
  padding-bottom: 15px;
}

#message-director img {
  min-width: 250px;
}

.message-director-social-icons {
  padding-left: 15px;
}

.message-director-social-icon {
  padding-bottom: 10px;
  padding-left: 0px;
}

.message-director-social-icon .fa {
  padding-right: 15px !important;
}

.info-bg-color-2 {
  background: #0b2d4c;
  position: relative;
  margin-bottom: 15px;
}

.fullpage-image-title {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.full-width-content {
  background: #fff !important;
  position: relative;
  z-index: 5000;
  margin: -50px 0 80px 0;
}

.inner-container {
  margin-top: 16px;
  padding: 40px;
  background-color: #fff;
  position: relative;
}

.block-qoute-wrapper {
  bottom: 25px;
  margin-top: 0px;
}

.block-quote {
  color: #fff;
  font-size: 25px;
  text-align: center;
  background-color: #3c6bb1;
  padding-left: 700px;
  padding-right: 700px;
}

#container-inner {
  background-color: #fff;
  position: relative;
  padding-bottom: 100px;
}

.inner-page-social-icon {
  color: #808081 !important;
  font-weight: 100;
  text-decoration: none !important;
}

.inner-heading {
  width: 100%;
  border-bottom: 1px solid #ccc;
  line-height: 0.4em;
  margin: 0px 0px !important;
}

.inner-heading-half {
  width: 70%;
  border-bottom: 1px solid #ccc;
  line-height: 0.4em;
  margin: 50px 0px 0px 113px !important;
}

.txt-box-over {
  background: #fff;
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.section-content hr {
  margin-top: -18px !important;
  border-top: 1px solid #ccc !important;
}

/** On image hover, change image to grayscale
.section-content img:hover {
  -webkit-filter: grayscale(100%);
  Safari 6.0 - 9.0
  filter: grayscale(100%);
} */

/* commissioners */
.tab-first-item-padding {
  padding-left: 0 !important;
}

.tab-line {
  border-right: #ccc 1px solid;
}

#commissions-tab .nav-tabs>li,
#hollywood-tab .nav-tabs>li,
#demographics-tab .nav-tabs>li,
#publication-tab .nav-tabs>li,
#commissions-meeting-tab .nav-tabs>li {
  margin-bottom: 0px;
}

#commissions-tab .nav-tabs>li>a,
#hollywood-tab .nav-tabs>li>a,
#demographics-tab .nav-tabs>li>a,
#publication-tab .nav-tabs>li>a,
#commissions-meeting-tab .nav-tabs>li>a {
  border: 0px;
  border-radius: 0px;
}

#commissions-tab .nav-tabs>li>,
#hollywood-tab .nav-tabs>li>,
#demographics-tab .nav-tabs>li>,
#publication-tab .nav-tabs>li>,
#commissions-meeting-tab .nav-tabs>li> {
  border-right: #000 !important;
}

#commissions-tab .nav-tabs,
#hollywood-tab .nav-tabs,
#demographics-tab .nav-tabs,
#publication-tab .nav-tabs,
#commissions-meeting-tab .nav-tabs {
  padding-bottom: 10px;
}

#commissions-tab .nav>li>a,
#hollywood-tab .nav>li>a,
#demographics-tab .nav>li>a,
#publication-tab .nav>li>a,
#commissions-meeting-tab .nav>li>a {
  padding-top: 0 !important;
  padding-bottom: 0;
  z-index: 100;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #f15f27 !important;
  font-weight: bold;
}

.nav-tabs>li>a:hover {
  border-color: #000;
}

.nav>li>a:focus, .nav>li>a:hover {
  background-color: transparent !important;
}

.nav-tabs a {
  color: #a3a5a8 !important;
}

/* Remove top border from panel-body in Area Planning Commission */
#apc .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 0;
}

#commissions-tab.sizer {
  font-size: 16px;
}

.team-name {
  color: #3a5a99;
  margin-bottom: 0;
}

.team-position {
  color: #333;
  margin-bottom: 10px !important;
}

#teams .fa-2x {
  font-size: 1.3em;
}

.seperation {
  padding-right: 15px;
  padding-left: 15px;
  border-right: 1px dotted #ccc;
}

.bottom {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px !important;
}

.bottom-solid-line {
  border-bottom: 1px solid #ccc;
}

.loading {
  margin: 10% auto;
  width: 60px;
  height: 60px;
  background-image: url("../images/spinner.svg");
  background-repeat: no-repeat;
}

.loading_1 {
  position: relative;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  background-image: url("../images/spinner.svg");
  background-repeat: no-repeat;
}

.commissions-tab-pane {
  padding-top: 5px !important;
}

/** Tab panel **/
.panel-heading {
  padding: 0;
}

.panel-group .panel {
  margin-bottom: 12px;
}

.panel-title>a, .panel-title>a:active {
  display: block;
  padding: 15px;
  color: #555 !important;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.panel-heading a:before {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  transition: all 0.5s;
}

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*** Global Search  ***/
.animate {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar-search-box .search-bar-search {
  display: none;
}

.navbar-search-box .search-bar-search .form-control {
  background-color: rgb(235, 235, 235);
  border-radius: 0px;
  border-width: 0px;
  font-size: 24px;
  padding: 30px 0px;
}

.navbar-search-box .search-bar-search .form-control {
  background-color: rgb(235, 235, 235);
  border-radius: 0px;
  border-width: 0px;
  font-size: 24px;
  padding: 25px 15px;
}

.navbar-search-box .search-bar-search .form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-search-box .search-bar-search .input-group-btn>.btn-default {
  background-color: rgb(245, 245, 245);
}

.nav-padding {
  padding-top: 61px;
}

.search-bar-search .btn-group-lg>.btn, .btn-lg {
  padding: 20px 17px;
  line-height: 0;
}

.search-bar-search .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#search .panel .panel-heading {
  padding: 10px;
  font-weight: 700;
}

#search p {
  padding-bottom: 0 !important;
}

#search .panel-body {
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  background-color: transparent;
}

.pagination > li > a.is-active,
.pagination > .active > a {
  background-color: #fff !important;
  border: none;
  font-weight: bold;
  color: #f15f27;
}

.pagination > li.pagination-prev.ng-scope.disabled > a {
  visibility: hidden;
}

.pagination > li.pagination-next.ng-scope.disabled > a {
  visibility: hidden;
}

.pagination > li.pagination-page:has(+ li.pagination-next.ng-scope.disabled) > a {
  border-right: none;
}

.pagination > li.pagination-prev.ng-scope.disabled + li.pagination-page  > a {
  border-left: none;
}

.pagination > li > a {
  border: none;
  color: #414042;
  padding: 5px 14px;
}

.pagination-centered {
  display: flex;
  justify-content: center;
}

.pagination > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.pagination > li:last-child > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

/** Updated global search **/
.goog-te-gadget-simple {
  height: 40px;
  padding: 10px !important;
}

#search .searchbox {
  position: relative;
  min-width: 50px;
  width: 0%;
  float: right;
  overflow: hidden;
  margin-bottom: 0px;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

#search .searchbox-icon {
  width: 50px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
  text-align: center;
  cursor: pointer;
  color: #777;
  background: #fff;
  top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#search .searchbox-submit {
  width: 50px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
  text-align: center;
  cursor: pointer;
  color: #777;
  background: #fff;
  top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}

#search .fa-search {
  padding-top: 5px !important;
  margin-top: 0px;
}

#search .searchbox-open {
  width: 100%;
  border: 1px #777 solid;
  height: 40px;
}

#search .searchbox-open input[type=search],
#search .searchbox-open input[type=search]:active,
#search .searchbox-open input[type=search]:hover {
  outline: none !important;
  width: 640px;
}

#search input[type=search] {
  -webkit-appearance: button;
  border: 0px !important;
}

/***** Staff Directory ********/
.list-group address {
  margin-top: 20px;
}

#search-directories .checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  position: inherit !important;
}

#search-directories .label-padding {
  padding-left: 20px !important;
}

#search-directories .checkbox, .radio {
  padding-left: 20px;
}

.span-flush {
  font-size: 18px;
}

.span-indent1 {
  font-size: 18px;
  margin-left: 40px;
}

.span-indent2 {
  font-size: 18px;
  margin-left: 80px;
}

.span-phone {
  font-size: 18px;
  float: right;
}

.employee_td {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}

.contact-page--p-bg {
  background: url(../images/about/contact-page-bg.jpg) no-repeat 0px 100%;
  position: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 500px;
  z-index: 999999;
}

.btn-black {
  color: #fff !important;
  background-color: #000;
  border-color: #fff !important;
  padding: 25px;
  opacity: 0.9;
}

.btn-yellow {
  color: #fff !important;
  background-color: #e08928 !important;
  border-color: #d18026 !important;
  padding: 25px;
  opacity: 0.9;
  -webkit-appearance: none !important;
}

.btn-yellow:hover {
  color: #000 !important;
  background-color: #df821a !important;
  border-color: #ea8e0c !important;
  padding: 25px;
  opacity: 0.9;
  -webkit-appearance: none !important;
}

#staff-directory .panel-title>a,
#staff-directory .panel-title>a:active {
  display: block;
  padding: 15px;
  color: #555 !important;
  font-size: 18px;
  text-transform: capitalize;
  text-decoration: none;
}

#staff-directory .panel-heading a:before {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  transition: all 0.5s;
}

#staff-directory .panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.helpful-number{
  float: right;
  padding-left: 30px;
}

.hr {
  border-top: 1px dotted #d6d5d0;
  padding-top: 5px;
  padding-bottom: 5px;
}

#sr {
  display: none;
}

.sd-search-result {
  font-size: 15px;
}

/** Agendas and Hearings **/
.filter-by {
  padding-left: 0;
}

.content-search input,
input::-webkit-input-placeholder {
  font-size: 14px !important;
  padding-left: 5px !important;
  height: 40px !important;
}

.content-search select::-webkit-input-placeholder,
.content-search select::input-placeholder {
  font-size: 14px !important;
  padding-left: 5px !important;
  height: 40px !important;
}

.content-search select, input {
  height: 40px !important;
  padding-left: 5px;
  padding-right: 5px;
}

.content-search {
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-bottom: 25px;
}

#content-search {
  padding-right: 0;
}

#content-search input {
  float: right;
  width: 300px;
}

/*******************************/
.visually-hidden {
  color: #c9e1bd !important;
  text-align: center !important;
  text-transform: capitalize !important;
  visibility: hidden;
  display: none;
}

#eirs .pagination>.active>a {
  background-color: #eee !important;
  border-color: #eee !important;
}

/*******************************
********* Calendar *************
*******************************/
/** Calender : Category color index **/
.cal-cat-hearing {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #f99e0e;
  padding-top: 19px !important;
}

.cal-cat-hearing-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #eb940b;
  padding-top: 19px !important;
}

.cal-cat-apc {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #70a300;
  padding-top: 19px !important;
}

.cal-cat-apc-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #70a300;
  padding-top: 19px !important;
}

.cal-cat-community-event {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #224a96;
  padding-top: 19px !important;
}

.cal-cat-community-event-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: #1e4388 1px solid;
  padding-top: 19px !important;
}

.cal-cat-info-session {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #7005da;
  padding-top: 19px !important;
}

.cal-cat-info-session-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #6806cb;
  padding-top: 19px !important;
}

.cal-cat-open-house {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #3399ff;
  padding-top: 19px !important;
}

.cal-cat-open-house-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #aed5fc;
  padding-top: 19px !important;
}

.cal-cat-planning-workshop {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #e3bd2d;
  padding-top: 19px !important;
}

.cal-cat-planning-workshop-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #e3bd2d;
  padding-top: 19px !important;
}

.cal-cat-drop-in-hours {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #674d3e;
  padding-top: 19px !important;
}

.cal-cat-drop-in-hours-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #674d3e;
  padding-top: 19px !important;
}

.cal-cat-hpoz-event {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #c87c6d;
  padding-top: 19px !important;
}

.cal-cat-hpoz-event-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #c87c6d;
  padding-top: 19px !important;
}

.cal-cat-event {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #0192d1;
  padding-top: 19px !important;
}

.cal-event {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #585858;
  padding-top: 19px !important;
}

.cal-event-disable {
  float: left;
  width: 20px;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #585858;
  padding-top: 19px !important;
}

.cal-box {
  float: left;
  width: 20px;
  min-height: 10px;
  border: solid 1px #ddd;
  background: #fff;
  padding-top: 19px !important;
}

.mousepointer {
  cursor: pointer;
}

.mousepointer:hover {
  background-color: #eee;
}

#ci-apc,
#ci-hearing,
#ci-community-event,
#ci-info-session,
#ci-open-house,
#ci-planning-workshop,
#ci-drop-in-hours,
#ci-hpoz-event {
  cursor: pointer;
}

/** Calendar detail **/
#main-container-calendar {
  background-color: #fff;
  position: relative;
  top: 195px;
  padding-bottom: 300px;
}

#main-container-calendar .row {
  padding-left: 15px;
  padding-right: 15px;
}

#main-container-calendar h1 {
  padding-top: 15px;
}

#calendar {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

#top {
  background: #eee;
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  line-height: 40px;
  font-size: 12px;
}

.cal-section {
  padding: 0 !important;
}

.hearing {
  border-radius: 0px !important;
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #f99e0e solid 3px !important;
}

.apc {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #70a300 solid 3px !important;
}

.community-event {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #224a96 solid 3px !important;
}

.info-session {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #7005da solid 3px !important;
}

.open-house {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #3399ff solid 3px !important;
}

.planning-workshop {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #e3bd2d solid 3px !important;
}

.drop-in-hours {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #674d3e solid 3px !important;
}

.hpoz-event {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #c87c6d solid 3px !important;
}

.event {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-left: #585858 solid 3px !important;
}

.fc-center h2 {
  color: #9ea3a9 !important;
  font-size: 28px !important;
}

#cal-hearing {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #525f7c;
  padding-top: 19px !important;
}

#cal-info-session {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #3474e0;
  padding-top: 19px !important;
}

#cal-public-meeting {
  float: left;
  width: 20px;
  min-height: 10px;
  background: #70a300;
  padding-top: 19px !important;
}

.fc-other-month .fc-day-number {
  display: none;
}

/* hide past and future dates */
#cal-index {
  font-size: 10px;
  padding-bottom: 30px;
  padding-top: 15px;
}

.cal-indexes {
  padding: 10px 0;
}

/* date inside circle*/
/* .fc-unthemed td.fc-today {
  background: #fff !important;
} */

.fc-today .fc-day-number {
  border-radius: 50%;
  background: #2d93d6;
  color: #fff;
}

td .fc-state-highlight>a.fc-day-number {
  background-color: #224a96 !important;
  color: #fff !important;
  border-radius: 50%;
  width: 12%;
  margin: 0px;
  text-align: center;
}

.fc-event {
  margin-bottom: 5px !important;
}

.fc-day-grid-event>.fc-content {
  max-height: 35px;
  white-space: inherit;
}

#script-warning {
  display: none;
  background: #eee;
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: red;
}

#loading {
  display: none;
  position: absolute;
  color: #ff6600;
}

.fc-event {
  border-radius: 0px !important;
  border-top: 1px solid #d3cfcf !important;
  border-bottom: 1px solid #d3cfcf !important;
  border-right: 1px solid #d3cfcf !important;
}

.fc-title {
  word-wrap: break-word;
}

/* popup box */
.fc-unthemed .fc-popover {
  width: 60%;
}

/* button */
.fc-state-default.fc-corner-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.fc-state-default.fc-corner-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* calendar: model view: text wrap event content */
.fc-more-popover .fc-day-grid-event .fc-content{
  white-space: normal !important;
  padding-left: 5px;
  padding-right: 5px;
}

.fc-unthemed .fc-content{
  padding-left: 2px;
  padding-right: 2px;
}

/* Inner page slider */
.carousel-caption {
  text-shadow: none !important;
  right: 0%;
  left: 57%;
  padding-bottom: 0;
  padding-top: 0;
  bottom: 40px;
  background: rgba(204, 204, 204);
  background: rgba(204, 204, 204, 0.5);
}

.carousel-control {
  color: #fff !important;
}

.carousel-caption h3,
.carousel-caption p {
  color: #fff !important;
  font-weight: bolder !important;
}

/** publication **/
/* .filter-search {
  padding: 30px 0px !important;
} */
.publication-data {
  padding-top: 10px;
}

#publication-slider .carousel-caption {
  top: 10px;
  height: 120px;
  background: rgba(250, 250, 250, 0.8);
  padding-top: 0;
  right: 0;
  left: 35%;
  text-shadow: none;
  text-align: left;
}

#publication-slider .carousel-caption p {
  float: left;
  padding-left: 20px;
  color: #708090 !important;
  clear: both;
}

#publication-slider .slider-title {
  font-weight: normal;
  color: #708090 !important;
}

#publication-slider .slider-caption {
  font-weight: 300;
}

/** Forms **/
ul#list-horizontal li {
  display: inline;
  padding: 0 3px;
}

#list-horizontal .active {
  color: #f15f27 !important;
  text-decoration: underline;
  font-weight: bold;
}

/** Blog **/
.blog-item {
  /* padding-bottom: 1px; */
  min-height: 180px;
}

.blog-item h5 {
  margin-top: 0;
}

.blog-categories {
  padding-top: 24px;
  padding-left: 5px;
}

.views-element-container h2 {
  font-size: 24px !important;
  padding-left: 40px;
}

#block-views-block-category-block-1 .field-content {
  padding-left: 42px;
}

#block-views-block-archive-block-1 ul li {
  text-align: left;
}

#blog-social-media {
  padding-top: 15px;
  padding-bottom: 15px;
}

#blog-social-media .btn-white {
  color: #fff;
  background-color: #fff;
  border-color: #3a5a99;
}

#blog-social-media .btn-circle {
  width: 40px;
  height: 40px;
  border-radius: 20px !important;
  text-align: center;
}

#blog-social-media .btn {
  padding: 0 !important;
}

#blog-buttons {
  right: -40;
}

#blog-social-media .lead {
  font-size: 20px;
  padding-top: 10px;
}

#hr-blog-top {
  margin-bottom: 41px;
  margin-top: 0px;
  border-top: 3px solid #d6d5d0;
}

#blog-social-media button a {
  color: #0077bd !important;
}

#blog-social-media button a:hover {
  color: #00588c !important;
}

/* left border in the image */
.blog-item > div:first-of-type > div:first-of-type {
  border-left: 10px solid #2995A3;  /* hack to force the #OurLA items to appear correctly */
}
.About {
  border-left: 10px solid #D32028 !important;
}
.Zoning {
  border-left: 10px solid #F15F27 !important;
}
.Policies {
  border-left: 10px solid #165C7D !important;
}
.Communities {
  border-left: 10px solid #F6CC48 !important;
}
.Resources {
  border-left: 10px solid #3E4A75 !important;
}
.Housing {
  border-left: 10px solid #68C8C6 !important;
}
.OurLA {
  border-left: 10px solid #2995A3 !important;
}
.Environment {
  border-left: 10px solid #3E9E70 !important;
}


/* social icon : share */
.st-inline-share-buttons>.st-btn>svg {
  height: 20px !important;
  width: 20px !important;
}

.st-btn[data-network='sharethis'] {
  background-color: #000 !important;
  opacity: 0.6;
}

.sharethis-inline-share-buttons {
  margin-top: -55;
  padding-right: 15px;
}

.mini-navigation {
  font-size: 1.3em;
}

/* pagination */
.pager li>a, .pager li>span {
  border-radius: 0px;
}

.is-active {
  font-weight: bold;
  background-color: #eee !important;
}

/* Public counter */
#map-2 {
  display: none;
}

#map-3 {
  display: none;
}

/** Sitemap **/
.sitemap {
  padding-top: 15px;
}

.sitemap-box h2 {
  display: none;
}

/* Pagination - ordinances */
#a-pagination .pagination>.active>a {
  background-color: #ccc;
  border-color: #ccc;
  font-weight: bold;
}

/** overlays **/
#overlays .list-group {
  list-style: none;
}

#overlays .list-group li {
  padding: 5px 15px;
  border-bottom: solid 1px #ddd;
}

#overlays .list-group li a {
  color: #414042 !important;
}

#overlays .title {
  width: 100%;
  display: block;
  font-weight: normal !important;
}

.overlay-container {
  display: flex;
  flex-direction: column;
}

.overlays-field-title {
  color: #485fb5;
}

/* inline overlays */
.overlay_content {
  padding-bottom: 25px;
}

.overlay_content ul {
  list-style: none;
}

.overlay_content li {
  display: inline;
}

.overlay_content_outer_div {
  display: table-cell;
  text-align: center;
  font-weight: bold;
  padding-right: 25px;
  padding-top: 25px;
  width: 180px;
}

.overlay_content_inner_div {
  margin-top: 10px;
  line-height: 18px;
  color: #58595B;
}

.overlay_content_appinfo_div {
  padding-left: 40px;
  padding-top: 25px;
}

.overlay_content_appinfo_div_fl {
  padding-top: 25px;
}

.overlay_content_appinfo_a a, .overlay_content_appinfo_a {
  color: #337ab7 !important;
  font-size: 18px;
  font-weight: bold;
}

.overlay-custom-button {
  width: 400px;
  text-align: left;
  height: 50px;
  padding: 15px;
  background: #f5f5f5;
  border-color: #ddd;
}
#sidebar-menu-overlay {
  padding-top: 127px;
}
/***********************
* Additional overlay styles for new content type
************************
/* All in one selector */
.plan_text_img, .guidelines_img, .ordinance_img, .prc_img, .lamc_img, .maps_img, .survey_img, .survey_link_img, .hpoz a.plan_text_img {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 94px; /* Height of new image */
  /*padding-left: 80px; /* Equal to width of new image */
  margin:0 auto;
  width:80px;
  margin-top: 15px;
}
/****************************************
Bootstrap hack clearing uneven height columns, see:
http://www.bluthemes.com/blog/3/clearing-bootstrap-3-columns

****************************************/
.page-node-type-overlay .col-md-12 h3 {
  clear: left;
}
.col-md-3.clear-hack:nth-of-type(4n+1) {
  clear: left;
}
h3 > .col-md-3.col-sm-4.col-xs-6.clear-hack {
  padding-left: 0;
}
/* Portrait and Landscape */
@media (min-width: 768px)
and (max-width: 1024px) {
  .col-sm-4.clear-hack:nth-of-type(3n+1) {
    clear:left;
  }
  .col-md-3.clear-hack:nth-of-type(4n+1), .col-xs-6.clear-hack:nth-of-type(2n+1) {
    clear: none;
  }
  .page-node-type-overlay .col-md-6 {
    float: left;
    clear: left;
  }
}
@media only screen and (max-width: 767px) {
  .col-sm-4.clear-hack:nth-of-type(3n+1) {
    clear: none;
  }
  .col-xs-6.clear-hack:nth-of-type(2n+1) {
    clear: left;
  }
}
a.plan_text_img, a.guidelines_img, a.ordinance_img {
  top:0;
  left:0;
}
.guidelines_img {
  background: url(/sites/default/files/icons/overlays/i-design-standards.png) no-repeat;
}
.plan_text_img {
  background: url(/sites/default/files/icons/overlays/i-text.png) no-repeat;
}
.ordinance_img {
  background: url(/sites/default/files/icons/overlays/i-ordinances.png) no-repeat;
}
.prc_img {
  background: url(/sites/default/files/icons/overlays/i-PRC-DIV.png) no-repeat;
}
.lamc_img {
  background: url(/sites/default/files/icons/overlays/i-LAMC.png) no-repeat;
}
.maps_img {
  background: url(/sites/default/files/icons/overlays/i-Maps.png) no-repeat;
}
.survey_img {
  background: url(/sites/default/files/icons/overlays/i-surveys.png) no-repeat;
}
.hpoz .plan_text_img {
  background: url(/sites/default/files/icons/overlays/i-text-hpoz.png) no-repeat;
}
.survey_link_img {
  background: url(/sites/default/files/icons/overlays/i-overlay-survey-archive.png) no-repeat;
}
.overlays-title {
  font-weight: 600;
  text-align: center;
  margin: 10px auto;
  vertical-align: middle;
  width: 103%;
  padding-bottom: 12px;
  line-height: 1.2;
  margin-top: 10px;
  margin-left: -4px;
}
.overlays-field {
  padding-top: 15px;
}
.icon-contents {
  width: 113%;
  margin-left: -20px;
}

/** sub heading and title box **/
.sub-heading {
  font-weight: bold;
}

/***********************************
 * Accordion / Community Plan Area
 ***********************************/
#accordion .list-group {
  padding: 15px;
  border-bottom: solid 1px #ddd;
}

#accordion .panel-title-default {
  width: 100%;
  display: block;
  color: #555 !important;
  line-height: 24px;
  font-size: 18px;
}

#accordion .panel-title-white {
  width: 100%;
  display: block;
  color: #fff !important;
  line-height: 24px;
  font-size: 18px;
}

.panelHeadingTitle-Default {
  background-color: #f5f5f5;
}

.panelHeadingTitle-Orange {
  background-color: #ffb846 !important;
}

.panelHeadingTitle-Gray-Light {
  background-color: #A0A8A9 !important;
}

.panelHeadingTitle-Gray-Dark {
  background-color: #7b7979 !important;
}

.panelHeadingTitle-Fountain-Teal {
  background-color: #0EB1C2 !important;
}

.panelHeadingTitle-Fountain-Teal-60 {
  background-color: #66d1dc !important;
}

.panelHeadingTitle-Studio-Sky-80 {
  background-color: #609ACC !important;
}

.panelHeadingTitle-Catalina-Blue {
  background-color: #057C99 !important;
}

.panelHeadingTitle-Catalina-Blue-60 {
  background-color: #66b0c1 !important;
}

.panelHeadingTitle-CPU-Venice {
  background-color: #b5d7c9 !important;
}

.panelHeadingTitle-CPU-Harbor-Gate {
  background-color: #2db0a9 !important;
}

.panelHeadingTitle-CPU-Wilmington {
  background-color: #1d3d6b !important;
}

.panelHeadingTitle-Blue-Gray {
  background-color: #5e7293 !important;
}

.panelHeadingTitle-Teal-Green {
  background-color: #53bda6 !important;
}

.panelHeadingTitle-Med-Gray {
  background-color: #a0a8aa !important;
}

.panelHeadingTitle-Lime-Green {
  background-color: #339999 !important;
}

.panelHeadingTitle-Dark-Orange {
  background-color: #f3901d !important;
}

.no-uppercase {
  text-transform: none !important;
}

.accordion .panel-heading {
  background-color: #f5f5f5;
}

.community-icon-color {
  color: #f58c29 !important;
  font-size: 14px;
  padding-left: 25px;
}

.field-community-info {
  margin-bottom: 115px;
}

/** Org Chart **/
.col-centered {
  float: none;
  margin: 0 auto;
  padding-top: 7px;
}

#org-background {
  /* background-image: linear-gradient(to bottom, royalblue, orchid 90%); height: 1049px; */
  background-image: url('../images/city-planning-bureaus/social-b.jpg');
  background-repeat: no-repeat;
  padding-top: 15px;
  padding-bottom: 15px;
}

#org-slider {
  position: relative;
  overflow: hidden;
  text-transform: capitalize;
}

.main-section {
  position: relative;
  margin: 0;
  padding: 0;
}

#org-slider .leaf {
  position: relative;
  display: block;
  float: left;
  width: 800px;
  height: 1049px;
  text-align: center;
  text-transform: capitalize;
}

.boss-card2 {
  background-image: url("../images/boss-card-6855x160.png");
  background-repeat: no-repeat;
  height: 160px;
  text-align: left;
  margin-left: 57px;
  margin-top: 50px;
  margin-bottom: 15px;
  padding: 25px;
}

.card-title {
  color: #333;
  font-weight: bold !important;
  font-size: 22px;
}

.card-text {
  color: #777;
  text-transform: uppercase;
  font-size: 15px;
}

.cursor-on {
  cursor: pointer;
}

.icon {
  cursor: pointer;
  color: #6398f8;
  padding: 20px 15px !important;
  float: right;
}

.next {
  cursor: pointer;
}

.footer-background {
  background-color: #235;
  padding-top: 5px;
  height: 47px;
}

.clear {
  clear: both !important;
}

/* Child list */
.leaf-2 {}

.child-card {
  display: table;
  width: 83%;
  padding: 13px;
  background: white;
  text-align: left;
  margin: 5px;
}

.card-list {
  display: table;
  width: 83%;
  padding: 13px;
  background: white;
  text-align: left;
  margin: 5px;
  /*  -webkit-box-shadow: 2px 6px 0px -3px #99ccff;
    -moz-box-shadow: 2px 6px 0px -3px #99ccff;
    box-shadow: 2px 6px 0px -3px #99ccff;
    */
}

.user-title {
  padding-right: 35%;
}

.user-icon {
  padding: 12px;
}

.card-list-fullname {
  color: #6398f8;
  font-weight: bold !important;
  font-size: 22px;
}

.icon-prev {
  display: block;
  margin-top: 10px;
  padding-left: 10px;
}

.p-prev-icon {
  float: left;
  margin-top: -20;
}

.child-info {
  text-align: left;
  padding-right: 0;
  padding-left: 0;
}

.scrollStyle {
  height: 800px;
  overflow-y: auto;
  margin-right: 0;
}

/** slider ***/
.swiper-button-next, .swiper-button-prev {
  top: 40% !important;
  color: #FFFFFF;
}

.slider-content {
  float: right;
  margin-top: -9%;
  z-index: 2000;
  position: relative;
  padding: 2%;
  background: rgba(250, 250, 250, 0.8);
  color: #000000;
  font-weight: bold;
}

#videos .slider-content{
  margin-top: -59.5%;
}

.gcpu-slider .slider-content {
  margin-top: -58%;
}

.front-image {
  margin-left: 25%;
}

.img-btn-link {
  float: left;
  margin-left: 16px;
  margin-top: -50px;
  z-index: 2000;
  position: relative;
  color: #ffffff !important;
}

.img-btn-link:hover {
  color: #3a5a99 !important;
}

.loading-location {
  background: url("../images/spinner.svg") no-repeat;
  width: 60px;
  height: 60px;
  text-align: center;
}

/** COMMUNITY PLAN UPDATE MENU CHANGES **/
#hollywood-tab ul.nav.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  list-style-type: none;
  margin-bottom: 2%;
}

#hollywood-tab ul.nav.nav-tabs>li.padding-top0.tab-line,
#hollywood-tab ul.nav.nav-tabs>li.padding-top0 {
  flex: 1;
  text-align: center;
}

#hollywood-tab {
  margin-top: -2%;
}

#hollywood-tab .nav>li>a {
  padding-bottom: 16px;
  display: block;
}

#hollywood .tab-content {
  margin-left: 16px;
}

/** Read More Buttons on Blogs **/
.btn.btn-primary > a {
  color: white !important;
}

/**Social media for ourLA **/

#social-buttons {
  width: 100%;
  margin-left:20px;
}

/** Web Form: Email Sign-up  **/
.email_sign_up_form label {
  margin-bottom: 15px;
}

.email_sign_up_form #edit-first-name--2 {
  float: left;
}

.email_sign_up_form #edit-last-name--2 {
  float: left;
}

.email_sign_up_form fieldset.webform-composite-hidden-title {
  margin-top: 0em;
  margin-bottom: 0em;
}

.email_sign_up_form fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.email_sign_up_form legend {
  display: none;
}

.webform-button--submit {
  margin-bottom: 35px;
}

.email_sign_up_form .form-select {
  height: 40px;
}

.email_sign_up_form .webform-button--submit {
  background-color: #009fe3;
  width: 100%;
  margin-top: 20px;
  border-radius: 0;
  border: 0;
}

/* search results highlighting */
.search_highlight {
  background-color: #ffff99;
}

/* public counters -- locations and hours page */
ul.pub-counters.ng-scope {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0px 20px 20px;
  list-style: none;
  display: inline-block;
}

.col-md-4.col-sm-6.ng-scope {
  padding-right: 50px;
}

i.fa.fa-user-circle-o.fa-2x {
  font-size: 1.7em !important;
}

ul.pub-counters:nth-of-type(1) {
  width: 41%;
  margin-right: 50px;
}

ul.pub-counters:nth-of-type(2) {
  width: 41%;
}

#metro-dsc-ss {
  padding-left: 15px;
  padding-top: 20px;
  padding-bottom:20px;
}

#metro-dsc-ss  .panel-group {width: 90%;}
#metro-dsc-ss .list-group{padding: 15px;}
#metro-dsc-ss  .panel-title a{font-size: 18px !important;}

/* special custom case for social media icons on Communications page */
.comm-blog {
  margin-top: -27px;
}

/* Custom E-Signup form */
#block-constantcontactblock .form-group {
  margin-bottom: 0;
}

#constant-contact-form .row {
  padding-left: 0;
  padding-right: 0;
}

/* Steps Graphics (blue hexagons)*/
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
  color: #4664ae;
  font-size: 20px;
  line-height: 24px;
}

.media-left img.align-left {
  height: 59%;
  width: auto;
  padding-top: 3px;
}
/*****angular animations for  ng-if*****/
.fadein.active.ng-enter {
  transition:all ease-in 0.75s;
  opacity: 0;
}
.fadein.active.ng-enter.ng-enter-active {
  opacity: 1;
}

/**** enables use of bootstrap html entities ******/
span.icon {
  font-family: 'Glyphicons Halflings';
}

/***********************************
 * Item list with hr line in the accordion
 * List should be within div #id 'list-with-hr'
 * Eg. http://ladcp.westus.cloudapp.azure.com/plans-policies/community-plans
 ***********************************/
.list-group > #list-with-hr > p {
  margin-bottom: 10px;
}

.list-group > #list-with-hr > p > a {
  color: #414042 !important;
}

.list-group > #list-with-hr > hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

/***********************************
 * TNP
 * orange: #f6ab40
 * purple: #93358d
 * slauson: #00a0a6
 * regional-connector: #5a7e94
 **********************************/
.tnp-button {
  width: 252px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  margin: 10px 0;
  border-radius: 4px !important;
}

.orange-line {
  background-color: #f6ab40;
  border-color: #f5a532;
}

.orange-line:hover {
  background-color: #fb9504;
  border-color: #fb9504;
}

.purple-line {
  background-color: #93358d;
  border-color: #811a7a;
}

.purple-line:hover {
  background-color: #920289;
}

.slauson-line {
  background-color: #00a0a6;
  border-color: #017f84;
}

.slauson-line:hover{
  background-color: #01868b;
}

.regional-connector {
  background-color: #5a7e94;
  border-color: #517992;
}

.regional-connector:hover {
  background-color: #4a7793;
}

/*********************************
 * Venice LCP : Image gallery
 *
 *********************************/
.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.flex-container > div {
  width: 22%;
  height: 118px;
  margin: 5px;
  overflow: hidden;
}

/*********************************
 * Social icon buttons in Inner page
 ********************************/
#social-icons-buttons-innerpage {
  padding-left: 0;
}


/*********************************
 * Constant form
 ********************************/
.ladcp-contact-form .row {
  padding-left: 0;
  padding-right: 0;
}

.ladcp-contact-form .button {
  background-color: #009fe3;
  border-color: #0194d3;
  border-radius: 4px;
  width: 100%;
}

/** Community Plan Area: fields **/
.cpa-fields{padding: 10px 0;}

/*********************************
 * Read more +
 ********************************/

/* Icon when the collapsible content is shown */
.readlink.collapsed::after {
  content: "READ\2009\2009MORE\2009\2009\002B";
  cursor: pointer;
}
.readlink::after {
  content: "READ\2009\2009LESS\2009\2009\2212";
  color: #000;
  text-decoration: underline;
  color: orange;
  cursor: pointer;
}

/*********************************
 * Survey Form
 ********************************/
.webform-submission-form {
  padding-left: 14px;
  padding-right: 5px;
}

#webform-submission-website-survey-add-form .form-item {
  margin-top: 0.2em;
  margin-bottom: 1em;
}

.webform-likert-table-wrapper {padding: 15px 0;}

.webform-likert-table-wrapper tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.webform-likert-table thead > tr {
  border-bottom: 1px solid #000;
}

.webform-likert-table tr th {
  border-bottom-style: none;
  background: rgba(0, 0, 0, 0.51);
}

.webform-likert-table-wrapper th:first-child,
.webform-likert-table-wrapper td:first-child {
  text-align: inherit;
  width: 40%;
}

.webform-likert-table-wrapper table tr th, table tr th a, table tr th a:hover,
table tr th a:focus {
  color: #fff;
  font-weight: bold;
  padding-left: 0;
}

.webform-likert-table table tr th {
  border-bottom-style: none;
  background: rgba(0,0,0,0.51);
}

.webform-likert-table tr td, tr th {
  padding: 4px 9px;
  border: 1px solid #fff;
}

.webform-likert-table tr {
  background: rgba(0, 0, 0, 0.063);
}

.webform-likert-table tr:hover {
  background: rgba(0, 0, 0, 0.105) !important;
}

.webform-likert-table > input[type=radio] {
  height: 20px !important;
}

.webform-likert-table > tbody > tr > td > .js-form-type-radio {
  text-align: center !important;
  padding-left: 8px;
}

#webform-submission-website-survey-add-form input[type=submit] {
  background-color: #009fe3 !important;
  margin-top: 20px;
  border-radius: 0;
  border: 0;
}

/* display required icon strike (*) */
.form-required:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  /* margin: 0 0.3em; */
  content: "";
  vertical-align: super;
  background-image: url(/core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
}

.messages {
  background: no-repeat 10px 17px;
  border: 1px solid;
  border-width: 1px 1px 1px 0;
  border-radius: 2px;
  padding: 15px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 9px 0 15px 8px;
  right: 5px;
  left: 0;
  width: 99%;
}

.messages--status {
  color: #325e1c;
  background-color: #f3faef !important;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent !important;
  box-shadow: -8px 0 0 #77b259;
}

.messages-error-status {
  color: #b06300;
  border-color: rgba(255, 245, 245, 0.9) !important;
  background-color: #ffcc99 #ffcc99 #ffcc99 transparent !important;
  box-shadow: -8px 0 0 #b06300;
  padding-bottom: 15px;
  left: 0px;
}

.webform-confirmation__message {
  background-color: #dff0d8;
  padding: 15px;
}

.webform-confirmation {
  padding:15px;
}

#webform-submission-website-survey-add-form textarea {
  width: 100%;
  padding: 5px;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red;
}

/********************************************
 * Tool tips  : General Plan Elements
 ********************************************/
.general-plan-elements-icons {vertical-align:top; padding:5px 5px 5px 5px;}

.dp-tooltip {
  display:inline-block;
  position:relative;
  text-align:left;
}

.dp-tooltip h3 {margin:12px 0; color: #f15f27; font-size: 18px !important; font-weight: bold !important;}

.dp-tooltip .dp-top {
  min-width: 250px;
  top:-10px;
  left:50%;
  transform:translate(-30%,-100%);
  padding:10px 20px;
  color:#333;
  background-color: #f5f5f5;
  font-size: 13px;
  border-radius:8px;
  position:absolute;
  z-index:99999999;
  box-sizing:border-box;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
  display:none;
}

.dp-tooltip:hover .dp-top {display:block;}

.dp-tooltip .dp-top #pointer {
  position:absolute;
  top:100%;
  left:30%;
  margin-left:-15px;
  width:30px;
  height:15px;
  overflow:hidden;
}

.dp-tooltip .dp-top #pointer::after {
  content:'';
  position:absolute;
  width:15px;
  height:15px;
  left:50%;
  transform:translate(-50%,-50%) rotate(45deg);
  background-color: #f5f5f5;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.dp-top p {margin-bottom: 10px !important;}

@media screen and (max-width: 767px) {
  .dp-tooltip .dp-top {left: 0;}
  .dp-tooltip .dp-top #pointer {left: 70%;}
}

/*** Dynamic form : inline screening form ***/
.ladcp-contact-form .radio-inline input[type="checkbox"] {height: 13px !important;}
.ladcp-contact-form .radio-inline input[type=radio] {height: 13px !important;}

/** EIR Dropdown list **/
#jumpMenuEIRSections, #jumpMenuAppendices, .eir-dropdown-list {
  height: 40px;
  width: 50%;
  padding: 5px;
}

/** Constant Contact iFrame embed **/
#cc-iframe iframe {
  height: 80%;
  width: 80%;
}

/** Warning link color (just applying to the appointment form right now **/
.laappintment-form .ladcp-warning{
  color: #d32028;
}

/** Proposed Ordinance - New **/
.bg-white{background-color:white !important;}
.td-border-top{border-top: 9px solid #c9dbe8 !important;}
.td-border-top-va{border-top: 9px solid #c9dbe8 !important; vertical-align:top;}
.ordinance-title{font-size:18p; font-weight:bold; color:#165c7d;}

/** New HEU ***/
#ajax-content .tab-content {padding-top: 25px;}
#ajax-content h3{margin-top: 0;}
#ajax-content #heu-resources{padding-left: 0; padding-right: 0;}
#ajax-content #heu-resources h3{padding-top: 0; color: #414042;}
#ajax-content ul, #ajax-content  ol{padding-bottom: 15px;}

.container-wrapper{
  padding-left:45px;
  padding-right:45px;
}

.row-wrapper{padding:15px 0;}

.col-padding{
  padding-top: 15px;
  padding-bottom: 15px;
}

.box-wrapper{
  background-color:white;
  padding:40px 60px 40px 40px;
  position: relative;
  min-height: 35vh;
}

.box-content-title{
  font-weight: 400;
  font-size: 24px;
  line-height: 1.1;
}

.box-content-title-bottom-line{
  width:50px;
  height:20px;
  border-bottom:3px solid #414042;
  padding-bottom:20px;
  margin-bottom:20px;
  display: block;
}

.box-content-desc{
  padding-bottom: 30%;
}

.button-wrapper{padding-top: 4em;}

.box-buttons{
  border: 1px solid black;
  padding: 10px 20px;
  /*display:inline-block;*/
  cursor: pointer;
  font-size:16px;
  position: absolute;
  bottom: 40px;
}

.jumbo-boxes-col .para-col-bg .box-buttons {
  bottom: 54px;
}

.box-buttons a {
  color:#414042;
  text-transform: uppercase;
  font-size: 16px;
}

.box-buttons:hover {background-color: #e6e6e6;}
.box-buttons a:hover {text-decoration: none !important;}

.col-item-title{
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bolder;
}

.odd-pr{padding-right: 25px;}
.even-pl{padding-left: 25px;}

@media screen and (max-width: 575px) and (min-width: 376px){
  .full-width-content .bg-wrapper {height: auto !important;}
}

@media only screen and (max-width: 600px) {
  #ajax-content .tab-content {padding-top: 0;}
}
@media(max-width:768px){
  .odd-pr{padding-right: 15px;}
  .even-pl{padding-left: 15px;}
}

/* Equal height */
.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/** Paragraph - column **/
.para-col{
  padding: 15px;
  display:flex;
  flex-direction: column;
  margin-bottom: 25px;
}
.para-col-bg{
  background-color: #fff;
  padding:40px;
  padding-right:60px;
  height:100%;
}

.para-col-title{
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  /*text-transform: capitalize;*/
}

.title-bottom-line{
  width:50px;
  height:20px;
  border-bottom:3px solid black;
  padding-top: 30px;
  margin-bottom:80px;
}

/* Events */
.events-row {padding: 15px 0;}
.event-image-wrap, .news-image-wrap{padding-right: 25px;}
.event-title, .news-title{margin-top: 0;margin-bottom:0;}
.event-title a {color:#414042 !important;}
.event-date {color: #414042; font-size:17px; padding-bottom: 15px;padding-top:5px;}
.bottom-solid-line-65{border-bottom: 1px solid #ccc; width: 65.56%; float: right; margin-top: -2;}

.columns-2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.list-style-dash{
  list-style-type: '- ';
  padding: 5px 30px;
  color: #f15f27;
}
.list-style-dash li{padding-left: 5px;}
.row-min-height-200{min-height: 200px;}

/** For the svg image inside Wildlife Pilot > Draft Ordinance **/
.in-conent-img-properties {max-height: 340px;}

@media(max-width:600px){
  .bottom-solid-line-65{width: 100%;}
  .event-title{padding: 10px 0;}
  #heu-resources .pl-30{padding: 15px;}

  /** column list **/
  .columns-2 {
    columns: unset;
    -webkit-columns: unset;
    -moz-columns: unset;
  }

  /** Image properties inside content  **/
  .in-conent-img-properties {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/** News **/
.news-row{padding-top: 30px;}
.big-thumbnaail .news-date{color: #777; padding-top: 10px; font-weight: 400; font-size: 1.5rem;}
.news-date{color: #777; padding-top: 10px; font-weight: 400; font-size: 1.5rem;}
.news-heading{
  font-weight: bold;
  font-size: 2 rem;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0 !important;
}
.news-heading a{color: #414042 !important;}
.pb-35{padding-bottom: 35px;}
.big-thumbnaail > .main-headline > .news-thumb-img{max-height: 334px; overflow: hidden; width: 100%; height: 334px;}
.medium-thumbnaail > .main-headline >  .news-thumb-img{max-height: 235px; overflow: hidden; height: 235px;}
.small-thumbnaail > .main-headline > .news-thumb-img{max-height: 238px; overflow: hidden; width: 349px; height: 235px;}
.small-thumbnaail > .main-headline > .news-thumb-img img{height:-webkit-fill-available;}

/* pagination for News
.list-inline>li{
	padding: 5px 14px;
	border: 1px solid #ddd;
}
*/

/** Paragraph - Left Content and Box  **/
.content-title{
  font-weight:400;
  font-size:24px;
  padding-bottom: 25px;
}

/** Three cols images **/
.three-cols-images-wrapper{
  padding-bottom: 15px;
}

.three-cols-images-item{
  padding-bottom: 15px;
}

/** Tabular layout using Div **/
.tbl-container{display: table; width: 100%;}
.tbl-row{display: table-row;}
.tbl-column{display: table-cell;}

@media screen and (max-width:767px){
  .tbl-container, .tbl-row > * {
    display: block;
    padding-bottom: 15px;
  }

  .tbl-container, .tbl-row {
    display: table-cell;
  }
}


/***************** Media Query *****************/
.show-on-landscape {
  display: none;
}

/** PDF Link color on Tabular data. Eg Commissions, Boards & Hearings, EIR **/
table>tbody>tr>td>span>a, table>tbody>tr>td>a {color: #009fe3;}
table>tbody>tr>td>span>a:hover, table>tbody>tr>td>a:hover{color: #23527c; text-decoration: underline;}

/* Small devices (mobile phone < 375 px) */
@media screen and (max-width: 375px) {
  ul.pub-counters {
    width: 100% !important;
  }

  /** navigation **/
  .navbar {
    padding-bottom: 20px;
  }
  .navbar-nav {
    margin: 0;
  }
  .visible-sm .visible-xs .navbar-nav {
    margin-right: 134px;
  }
  .navbar-brand img {
    height: 78px;
  }
  .padding-top2em {
    padding-top: 0 !important;
  }
  .navbar-toggle {
    display: block;
    top: 20px;
    bottom: 20px;
  }
  .menu-region {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-left-0 {
    padding-left: 0px;
  }
  .padding-right-0 {
    padding-right: 0px;
  }
  .goog-te-gadget-simple {
    float: right;
  }

  #main-container,
  #main-container-calendar {
    margin: 20px 10px;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    margin-top: 40px;
  }

  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu>li>a {
    padding-left: 15px;
  }

  .mega-dropdown {
    border-bottom: 1px solid #e5e5e5;
  }

  /*************************************************
     * Search
     *************************************************/
  .navbar-search-box .search-bar-search.open {
    z-index: 9;
    width: 100%;
  }
  .searchbar-mobile {
    background-color: #f3f2f2;
  }
  #search .searchbox-submit {
    background: #f3f2f2;
  }
  #search input[type=search] {
    background-color: #f3f2f2;
  }

  /** search box when open **/
  #search .searchbox-open input[type=search] {
    background-color: #f3f2f2;
  }

  #search .searchbox-icon {
    background: #f3f2f2;
  }

  .search-google-lan {
    padding: 5px 5px 10px 5px;
  }

  /** slider **/
  #slider {
    margin-top: 0 !important;
  }

  .slide-text {
    top: 0 !important;
    left: -86px !important;
    padding: 5px 18px !important;
    max-height: 220px !important;
    max-width: 290px !important;
  }

  #slider h2 {
    font-size: 1.3em !important;
  }

  #slider .item {
    height: 365px !important;
  }

  #slider .read-more a {
    font-weight: bolder;
    font-style: italic;
  }

  /** color box **/
  #map-promote-preserve-wrapper {
    height: 50px;
    right: 0px;
    top: 2px;
  }

  #blank-wrapper {
    left: 0;
  }

  .planning-tag {
    margin-left: 0;
  }

  .color-box-txt {
    padding-top: 10px;
  }
  .control-round .carousel-control.right {
    padding-top: 10px !important;
  }
  .control-round .carousel-control.left {
    padding-top: 10px !important;
  }

  /** feature-block-1 **/
  .feature-section1 {
    padding-left: 0px;
  }

  #case-search-box {
    padding-left: 15px !important;
    padding-bottom: 15px;
    left: 0;
  }

  #zoning-search-box {
    left: 0;
    padding-bottom: 15px;
  }

  #get-involved-box {
    padding-right: 15px !important;
    padding-bottom: 15px;
  }

  #feature-block-2 {
    margin-bottom: 20px;
  }

  #feature-block-1 {
    padding-top: 5px;
  }

  #slider h2 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
  }

  .message-director-social-icons {
    padding-top: 25px;
    padding-left: 0;
  }

  .filter-by, .date, .search {
    padding-bottom: 15px !important;
    padding-left: 0;
  }

  .tog-nav {
    padding-top: 0;
    margin-top: -20;
  }

  /** Masonary Social media  **/
  .social-description {
    font-size: 16px;
  }

  .box {
    margin: 15px !important;
  }

  /* Stay Connected */
  .newsletter-signup {
    width: 100%;
  }

  #stay-connected-text {
    padding: 15px;
    margin-top: 10px;
  }

  .stay-connected-social-icons {
    padding: 20px 15px;
  }

  .stay-connected-newsletter {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
  }

  #say-connected .btn-circle {
    width: 53px;
    height: 53px;
  }
  #say-connected .btn {
    padding: 5px;
  }

  #say-connected .fa-3x {
    font-size: 2.5em;
  }

  #signup-newsletter {
    text-align: left;
  }

  #footer-section .footer-sub-link {
    padding-left: 0;
  }

  #footer-contactus {
    padding-left: 15px;
    padding-top: 15px;
  }

  #footer-toolkit {
    padding: 15px;
  }

  #footer-toolkit h6 {
    padding-bottom: 15px;
  }

  #footer-toolkit h6,
  #footer-toolkit p {
    float: left !important;
    clear: both;
  }

  /* copy-right */
  .copy-right {
    text-align: left !important;
    padding-right: 15px !important;
  }

  #helpful-links {
    padding: 0;
  }

  .border-line-top {
    padding: 0;
  }

  /* quotes */
  .block-qoute-wrapper {
    margin-bottom: 15px;
  }
  .block-quote {
    padding-left: 37px;
    padding-right: 37px;
  }

  /*Set a fixed width for the navigation tabs*/
  #hollywood-tab ul.nav.nav-tabs {
    flex-direction: column;
    border-bottom: none;
  }

  /*Cause each link to fill the entire row*/
  #hollywood-tab .nav-tabs li a {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    background-color: #F9F7F5;
    padding-top: 10px !important;
  }

  #hollywood-tab .nav-tabs li a:hover {
    background-color: #f9f8ed !important;
  }

  .tab-line {
    border-right: none;
  }
  /*********************************
     * Venice LCP : Image gallery
    *
     *********************************/
  .flex-container>div {
    width: 100%;
    height: auto;
  }

  /** TNP **/
  .tnp-button {
    width: 100%;
    margin: 0;
  }

  /*************************************
    * Event calendar: navigation button
   *
    *************************************/
  .fc button {
    padding: 0.2em !important;
    margin-bottom: 10px !important;
  }

  /*********************************
   * Set navigation for tab: Commissions tab
   *
   *********************************/
  .tab-first-item-padding {
    padding-left: 15px !important;
  }

  #publication-tab ul.nav.nav-tabs,
  #commissions-tab ul.nav.nav-tabs,
  #commissions-meeting-tab ul.nav.nav-tabs,
  #d-tab ul.nav.nav-tabs {
    flex-direction: column;
    border-bottom: none;
    display: flex;
  }

  #publication-tab .nav-tabs li a,
  #commissions-tab .nav-tabs li a,
  #commissions-meeting-tab .nav-tabs li a,
  #d-tab .nav-tabs li a {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    background-color: #F9F7F5;
    padding-top: 10px !important;
  }

  #publication-tab .nav-tabs li a:hover,
  #commissions-tab .nav-tabs li a:hover,
  #commissions-meeting-tab .nav-tabs li a:hover,
  #d-tab .nav-tabs li a:hover {
    background-color: #f9f8ed !important;
  }

  #publication-tab select,
  #commissions-tab select,
  #commissions-meeting-tab select,
  #d-tab select {
    margin: 15px 0;
    width: 100%;
  }

  /*********************************
   * Publications
   *
   *********************************/
  #publication-tab ul.nav-tabs li #annual {
    padding-left: 15px !important;
  }

  /*************************************
   * paragraph--image-over-image-with-button
   *
   *************************************/
  /*
  .full-width-content .bg-wrapper {
    height: 35% !important;
  }
  */

  .full-width-content .front-image{
    margin-left: 2%;
  }

  .full-width-content .front-image img {
    width: 97% !important;
  }

  /*************************************
   *	Blog
   *************************************/
  .blog-item h5 {
    margin-top: 25px;
  }

  /*************************************
   * Video
   *************************************/
  .video-tab .video-title {
    padding-left: 15px !important;
  }

  .video-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /*************************************
 * Content search in tabular data
 *************************************/
  #content-search {
    padding-top: 15px;
    padding-left: 0;
  }

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

  #publication-tab #content-search {
    padding: 15px;
    float: left;
    width: 100%;
  }

  /*************************************
 * Staff Directory
 *************************************/
  #helpful-numbers li{padding: 10px 0;}
  .helpful-number {float: left; padding-left: 15px;}
  /*************************************
     * Locations & Hours
     *************************************/
  #metro-dsc-ss {padding-right: 0px;}
  #metro-dsc-ss  .panel-group {width: 100%;}
  #metro-dsc-ss  .panel-group .active:after{
    content: '' !important;
  }
}

/* Small devices (mobile phone < 575px) */
@media screen and (min-width: 376px) and (max-width: 575px) {
  ul.pub-counters {
    width:100% !important;
  }

  /** navigation **/
  .navbar {
    padding-bottom: 20px;
  }

  .navbar-nav { margin: 0;}

  .visible-sm .visible-xs .navbar-nav {
    margin-right: 134px;
  }

  .navbar-brand img {
    height: 78px;
  }

  .padding-top2em {
    padding-top: 0 !important;
  }

  .navbar-toggle {
    display: block;
    top: 20px;
    bottom: 20px;
  }

  .menu-region {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .padding-right-0 {
    padding-right: 0px;
  }

  .goog-te-gadget-simple {
    float: right;
  }

  #main-container,
  #main-container-calendar {
    margin: 20px 10px;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    margin-top: 40px;
  }

  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu>li>a {
    padding-left: 15px;
  }

  .mega-dropdown {
    border-bottom: 1px solid #e5e5e5;
  }

  /*************************************************
   * Search
   *************************************************/
  .navbar-search-box .search-bar-search.open {
    z-index: 9;
    width: 100%;
  }
  .searchbar-mobile {
    background-color: #f3f2f2;
  }

  #search .searchbox-submit {
    background: #f3f2f2;
  }

  #search input[type=search] {
    background-color: #f3f2f2;
  }

  /** search box when open **/
  #search .searchbox-open input[type=search] {
    background-color: #f3f2f2;
  }

  #search .searchbox-icon {
    background: #f3f2f2;
  }

  .search-google-lan {
    padding: 5px 5px 10px 5px;
  }

  /** slider **/
  #slider {
    margin-top: 0 !important;
  }

  .slide-text {
    top: 0 !important;
    left: -124px !important;
    padding: 5px 18px !important;
    max-height: 220px !important;
    max-width: 290px !important;
  }

  #slider h2 {
    font-size: 1.3em !important;
  }

  #slider .item {
    height: 365px !important;
  }

  #slider .read-more a {
    font-weight: bolder;
    font-style: italic;
  }

  /** color box **/
  #map-promote-preserve-wrapper {
    height: 50px;
    right: 0px;
    top: 2px;
  }

  #blank-wrapper {
    left: 0;
  }

  .planning-tag {
    margin-left: 0;
  }

  .color-box-txt {
    padding-top: 10px;
  }

  .control-round .carousel-control.right {
    padding-top: 10px !important;
  }

  .control-round .carousel-control.left {
    padding-top: 10px !important;
  }

  /** feature-block-1 **/
  .feature-section1 {
    padding-left: 0px;
  }

  #case-search-box {
    padding-left: 15px !important;
    padding-bottom: 15px;
    left: 0;
  }

  #zoning-search-box {
    left: 0;
    padding-bottom: 15px;
  }

  #get-involved-box {
    padding-right: 15px !important;
    padding-bottom: 15px;
  }

  #feature-block-2 {
    margin-bottom: 20px;
  }

  #feature-block-1 {
    padding-top: 5px;
  }

  #slider h2 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
  }

  .message-director-social-icons {
    padding-top: 25px;
    padding-left: 0;
  }

  .filter-by, .date, .search {
    padding-bottom: 15px !important;
    padding-left: 0;
  }

  .tog-nav {
    padding-top: 0;
    margin-top: -20;
  }

  /** Masonary Social media  **/
  .social-description {
    font-size: 16px;
  }

  .box {
    margin: 15px !important;
  }

  /* Stay Connected */
  #stay-connected-text {
    padding: 15px;
    margin-top: 10px;
  }

  .stay-connected-social-icons {
    padding: 20px 15px;
  }

  .stay-connected-newsletter {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
  }

  #say-connected .btn-circle {
    width: 53px;
    height: 53px;
  }

  #say-connected .btn {
    padding: 5px;
  }

  #say-connected .fa-3x {
    font-size: 2.5em;
  }

  .newsletter-signup {
    width: 100%;
  }

  #signup-newsletter {
    text-align: left;
  }

  #footer-section .footer-sub-link {
    padding-left: 0;
  }
  #footer-contactus {
    padding-left: 15px;
    padding-top: 15px;
  }

  #footer-toolkit{
    padding: 15px;
  }

  #footer-toolkit h6{
    padding-bottom: 15px;
  }

  #footer-toolkit h6,
  #footer-toolkit p {
    float: left !important;
    clear:both;
  }

  /* copy-right */
  .copy-right {
    text-align: left !important;
    padding-right: 15px !important;
  }

  #helpful-links {
    padding: 0;
  }

  .border-line-top {
    padding: 0;
  }

  /* quotes */
  .block-qoute-wrapper {
    margin-bottom: 15px;
  }

  .block-quote {
    padding-left: 37px;
    padding-right: 37px;
  }

  /*Set a fixed width for the navigation tabs*/
  #hollywood-tab ul.nav.nav-tabs {
    flex-direction: column;
    border-bottom: none;
  }

  /*Cause each link to fill the entire row*/
  #hollywood-tab .nav-tabs li a {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    background-color: #F9F7F5;
    padding-top: 10px !important;
  }

  #hollywood-tab .nav-tabs li a:hover {
    background-color: #f9f8ed !important;
  }

  .tab-line {
    border-right: none;
  }

  /*********************************
   * Venice LCP : Image gallery
   *
   *********************************/
  .flex-container > div {
    width: 100%;
    height: auto;
  }

  /** TNP **/
  .tnp-button {
    width: 100%;
    margin: 0;
  }

  /*************************************
    * Event calendar: navigation button
   *
    *************************************/
  .fc button{
    padding: 0.2em !important;
    margin-bottom: 10px !important;
  }

  /*********************************
 * Set navigation for tab: Commissions tab
 *
 *********************************/
  .tab-first-item-padding {
    padding-left: 15px !important;
  }

  #publication-tab ul.nav.nav-tabs,
  #commissions-tab ul.nav.nav-tabs,
  #commissions-meeting-tab ul.nav.nav-tabs,
  #d-tab ul.nav.nav-tabs {
    flex-direction: column;
    border-bottom: none;
    display: flex;
  }

  #publication-tab .nav-tabs li a,
  #commissions-tab .nav-tabs li a,
  #commissions-meeting-tab .nav-tabs li a,
  #d-tab .nav-tabs li a {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    background-color: #F9F7F5;
    padding-top: 10px !important;
  }

  #publication-tab .nav-tabs li a:hover,
  #commissions-tab .nav-tabs li a:hover,
  #commissions-meeting-tab .nav-tabs li a:hover,
  #d-tab .nav-tabs li a:hover {
    background-color: #f9f8ed !important;
  }

  #publication-tab select,
  #commissions-tab select,
  #commissions-meeting-tab select,
  #d-tab select {
    margin: 15px 0;
  }

  /*********************************
   * Publications
   *********************************/
  #publication-tab ul.nav-tabs li #annual {
    padding-left: 15px !important;
  }

  /*************************************
 * paragraph--image-over-image-with-button
 *
 *************************************/
  /*.full-width-content .bg-wrapper {
    height: 35% !important;
  }
  */

  .full-width-content .front-image{
    margin-left: 2%;
  }

  .full-width-content .front-image img {
    width: 97% !important;
  }

  /*************************************
   *	Blog
   *************************************/
  .blog-item h5 {
    margin-top: 25px;
  }

  /*************************************
   * Video
   *************************************/
  .video-tab .video-title {
    padding-left: 15px !important;
  }

  .video-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /*************************************
 * Content search in tabular data
 *************************************/
  #content-search {
    padding-top: 15px;
    padding-left: 0;
  }

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

  #publication-tab #content-search {
    padding: 15px;
    float: left;
    width: 100%;
  }

  /*************************************
 * Staff Directory
 *************************************/
  #helpful-numbers li{padding: 10px 0;}
  .helpful-number {float: left; padding-left: 15px;}

  /** Constant Contact iFrame embed **/
  #cc-iframe iframe {
    height: 100%;
    width: 100%;
  }
  /*************************************
   * Locations & Hours
   *************************************/
  #metro-dsc-ss {padding-right: 0px;}
  #metro-dsc-ss  .panel-group {width: 100%;}
  #metro-dsc-ss  .panel-group .active:after{
    content: '' !important;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sub-head {
    width: 50%
  }

  ul.pub-counters:nth-of-type(1) {
    width: 43%;
    margin-right: 22px;
  }

  ul.pub-counters:nth-of-type(2) {
    width: 43%;
  }

  #main-container,
  #main-container-calendar {
    margin-left: 15px;
    margin-right: 15px;
    top: 270px;
  }

  /** navigation **/
  .navbar {
    padding-bottom: 20px;
  }

  .navbar-nav {
    margin: 0;
  }

  .visible-sm .visible-xs .navbar-nav {
    margin-right: 134px;
  }

  .navbar-brand img {
    height: 78px;
  }

  .padding-top2em {
    padding-top: 0 !important;
  }

  .navbar-toggle {
    display: block;
    top: 20px;
    bottom: 20px;
  }

  .menu-region {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    margin-top: 40px;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu>li>a
  {
    padding-left: 15px;
  }

  .mega-dropdown {
    border-bottom: 1px solid #e5e5e5;
  }

  /*************************************************
   * Search
   *************************************************/
  .navbar-search-box .search-bar-search.open {
    z-index: 9;
    width: 100%;
  }

  .searchbar-mobile {
    background-color: #f3f2f2;
  }

  #search .searchbox-submit {
    background: #f3f2f2;
  }

  #search input[type=search] {
    background-color: #f3f2f2;
  }

  /** search box when open **/
  #search .searchbox-open input[type=search] {
    background-color: #f3f2f2;
  }

  #search .searchbox-icon {
    background: #f3f2f2;
  }

  .search-google-lan {
    padding: 5px 5px 10px 5px;
  }

  /* slider */
  .slide-text {
    top: 0 !important;
    right: 370px !important;
    width: 50%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #slider h2 {
    font-size: 1.3em;
    padding-top: 5 !important;
  }

  #slider .read-more a {
    font-weight: bolder;
    font-style: italic;
  }

  /** color box **/
  #map-promote-preserve-wrapper {
    right: 0px;
    top: 1px;
  }

  #blank-wrapper {
    left: 0;
  }

  /** feature-block-1 **/
  #case-search-box {
    left: 0;
    padding-left: 15 !important;
    padding-bottom: 15px;
  }

  #zoning-search-box {
    left: 0;
    padding-bottom: 15px;
  }

  #get-involved-box {
    padding-right: 15px !important;
    padding-bottom: 15px;
  }

  .feature-section1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* stay connected */
  #stay-connected-text {
    padding: 27px;
  }

  .stay-connected-social-icons {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .stay-connected-newsletter {
    padding: 30px 27px;
  }

  .border-line-top {
    padding: 15px;
  }

  #footer-section .copy-right {
    text-align: left;
  }

  /* quotes */
  .block-qoute-wrapper {
    margin-bottom: 15px;
  }

  .block-quote {
    padding-left: 37px;
    padding-right: 37px;
  }

  #signup-newsletter {
    text-align: left;
  }

  #footer-section .footer-sub-link {
    padding-left: 0;
  }

  #footer-contactus {
    padding-left: 15px;
    padding-top: 15px;
  }

  #footer-toolkit {
    padding: 15px;
  }

  #footer-toolkit h6 {
    padding-bottom: 15px;
  }

  #footer-toolkit h6,
  #footer-toolkit p {
    float: left !important;
    clear: both;
  }

  /* copy-right */
  .copy-right {
    text-align: left !important;
    padding-right: 15px !important;
  }

  #helpful-links {
    padding: 0;
  }

  .cal-indexes {
    font-size: 14px;
  }

  /*************************************
   *	Blog
   *************************************/
  .blog-item h5 {
    margin-top: 25px;
  }

  .sharethis-inline-share-buttons {
    padding-right: 340px !important;
  }

  /*********************************
 * Set navigation for tab: Commissions tab
 *
 *********************************/
  .tab-first-item-padding {
    padding-left: 15px !important;
  }

  #publication-tab ul.nav.nav-tabs,
  #commissions-tab ul.nav.nav-tabs,
  #commissions-meeting-tab ul.nav.nav-tabs,
  #d-tab ul.nav.nav-tabs {
    flex-direction: column;
    border-bottom: none;
    display: flex;
  }

  #publication-tab .nav-tabs li a,
  #commissions-tab .nav-tabs li a,
  #commissions-meeting-tab .nav-tabs li a,
  #d-tab .nav-tabs li a {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    background-color: #F9F7F5;
    padding-top: 10px !important;
  }

  #publication-tab .nav-tabs li a:hover,
  #commissions-tab .nav-tabs li a:hover,
  #commissions-meeting-tab .nav-tabs li a:hover,
  #d-tab .nav-tabs li a:hover {
    background-color: #f9f8ed !important;
  }

  #publication-tab select,
  #commissions-tab select,
  #commissions-meeting-tab select,
  #d-tab select {
    margin: 15px 0;
  }

  /*********************************
   * Publications
   *********************************/
  #publication-tab ul.nav-tabs li #annual {
    padding-left: 15px !important;
  }

  /*************************************
   * Video
   *************************************/
  .video-tab .video-title {
    padding-left: 15px !important;
  }

  .video-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .tab-line {
    border: 0;
  }

  /*************************************
* Staff Directory
*************************************/
  #helpful-numbers li{padding: 10px 0;}
  .helpful-number {float: left; padding-left: 15px;}

  /** Constant Contact iFrame embed **/
  #cc-iframe iframe {
    height: 100%;
    width: 100%;
  }
  /*************************************
   * Locations & Hours
   *************************************/
  #metro-dsc-ss {padding-right: 0;}
  #metro-dsc-ss  .panel-group {width: 100%;}
  #metro-dsc-ss  .panel-group .active:after{
    content: '' !important;
  }
}

/* Small devices (tablet) */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .navbar-brand {
    height: 86px;
  }

  #main-nav {
    padding-left: 15px;
  }

  .navbar-header {
    float: none;
    padding-bottom: 50px;
  }

  .navbar-toggle {
    display: block;
    top: 40px;
    padding: 15px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 435px !important;
  }

  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }

  .navbar-collapse.in {
    overflow-y: auto;
    margin-top: 8px;
  }

  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    top: 8px;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .open>.dropdown-menu {
    display: block;
  }

  .mega-dropdown-menu {
    padding-bottom: 20px;
    width: 95%;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  .nav.navbar-nav {
    padding-right: 30px !important;
  }

  .mega-dropdown {
    border-bottom: 1px solid #e5e5e5;
  }

  .nav.navbar-nav {
    padding-right: 30px !important;
  }

  .mega-dropdown {
    border-bottom: 1px solid #e5e5e5;
  }

  /*************************************************
   * Search
   *************************************************/
  .searchbar-mobile {
    background-color: #f3f2f2;
  }

  #search .searchbox-submit {
    background: #f3f2f2;
  }

  #search input[type=search] {
    background-color: #f3f2f2;
  }

  /** search box when open **/
  #search {
    padding-top: 0;
  }

  #search .searchbox-open {
    width: 96%;
  }

  #search .searchbox-open input[type=search] {
    background-color: #f3f2f2;
  }

  #search .searchbox-icon {
    background: #f3f2f2;
  }

  .search-google-lan {
    padding: 5px 5px 10px 5px;
  }


  /** slider **/
  .slide-text {
    top: 0 !important;
    margin-left: 0 !important;
    padding-left: 25px !important;
  }

  #slider .read-more a {
    font-weight: bolder;
    font-style: italic;
  }

  /** color box **/
  #map-promote-preserve-wrapper {
    right: 0px;
    top: 1px;
  }

  #blank-wrapper {
    left: 0;
  }

  /** feature-block-1 **/
  #case-search-box {
    left: 0;
    padding-left: 15 !important;
    padding-bottom: 15px;
  }

  #zoning-search-box {
    left: 0;
    padding-bottom: 15px;
  }

  #get-involved-box {
    padding-right: 15px !important;
    padding-bottom: 15px;
  }

  .feature-section1 {
    padding-left: 0px !important;
  }

  /** Masonary Social media  **/
  .social-description {
    font-size: 16px;
  }

  /* Stay Connected */
  #say-connected #stay-connected-text {
    padding-bottom: 15px;
  }

  .stay-connected-social-icons {
    padding: 20px 15px !important
  }

  .stay-connected-newsletter {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
  }

  #signup-newsletter {
    text-align: left;
  }

  #footer-toolkit h6,
  #footer-toolkit p {
    float: left !important;
    clear: both;
  }

  #footer-toolkit h6 {
    padding-bottom: 15px;
  }

  #footer-section .footer-sub-link {
    padding-left: 15px;
  }

  #footer-contactus {
    padding: 15px;
  }

  #footer-section .copy-right {
    float: left;
  }

  /* quotes */
  .block-qoute-wrapper {
    margin-bottom: 15px;
  }

  .block-quote {
    padding-left: 37px;
    padding-right: 37px;
  }

  #helpful-links {
    padding-left: 18px;
  }

  .cal-indexes {
    font-size: 14px;
  }

  .front-image {
    margin-left: 10% !important;
  }

  .front-image a img {
    width: 90% !important;
  }

  /*************************************
   *	Blog
   *************************************/
  .blog-item h5 {
    margin-top: 25px;
  }

  .sharethis-inline-share-buttons {
    padding-right: 390px !important;
  }

  .sharethis-inline-share-buttons {
    padding-right: 390px !important;
  }

  /*********************************
 * Set navigation for tab: Commissions tab
 *
 *********************************/
  .tab-first-item-padding {
    padding-left: 15px !important;
  }

  #publication-tab ul.nav.nav-tabs,
  #commissions-tab ul.nav.nav-tabs,
  #commissions-meeting-tab ul.nav.nav-tabs,
  #d-tab ul.nav.nav-tabs {
    flex-direction: column;
    border-bottom: none;
    display: flex;
  }

  #publication-tab .nav-tabs li a,
  #commissions-tab .nav-tabs li a,
  #commissions-meeting-tab .nav-tabs li a,
  #d-tab .nav-tabs li a {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    background-color: #F9F7F5;
    padding-top: 10px !important;
  }

  #publication-tab .nav-tabs li a:hover,
  #commissions-tab .nav-tabs li a:hover,
  #commissions-meeting-tab .nav-tabs li a:hover,
  #d-tab .nav-tabs li a:hover {
    background-color: #f9f8ed !important;
  }

  #publication-tab select,
  #commissions-tab select,
  #commissions-meeting-tab select,
  #d-tab select {
    margin: 15px 0;
  }

  /*********************************
   * Publications
   *********************************/
  #publication-tab ul.nav-tabs li #annual {
    padding-left: 15px !important;
  }

  /*************************************
   * Video
   *************************************/
  .video-tab .video-title {
    padding-left: 15px !important;
  }

  .video-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /********************************************
   * Tool tips  : General Plan Elements
   ********************************************/
  .dp-tooltip .dp-top {left: 0;}
  .dp-tooltip .dp-top #pointer {left: 70%;}

  /********************************************
   * Locations & Hours
   ********************************************/
  #metro-dsc-ss  .panel-group .active:after{
    content: '' !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #main-nav {
    padding-left: 15px;
  }

  .navbar-brand {
    height: 30px;
    margin-top: -85px;
  }

  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
    left: 750px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 500px !important;
  }

  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }

  .collapse.in {
    display: block !important;
  }

  .navbar-collapse.in {
    overflow-y: auto;
  }

  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 240px;
  }

  .navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .open>.dropdown-menu {
    display: block;
  }

  .mega-dropdown-menu {
    padding-bottom: 20px;
    width: 95%;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  .nav.navbar-nav {
    padding-right: 30px !important;
  }

  /** feature-block-1 **/
  #case-search-box {
    padding-left: 15px !important;
    padding-bottom: 15px;
  }

  #zoning-search-box {
    left: 0;
    padding-bottom: 15px;
  }

  #get-involved-box {
    padding-right: 15px !important;
    padding-bottom: 15px;
  }

  /* Stay Connected */
  .stay-connected-newsletter {
    padding-left: 10px !important;
    padding-top: 30px;
  }

  .stay-connected-social-icons {
    padding-left: 5px;
  }

  .social-description p {
    padding-top: 30px;
  }

  #footer-section .footer-sub-link {
    padding-left: 15px;
  }

  #footer-section .copy-right {
    padding: 0 15px;
  }

  /* quotes */
  .block-qoute-wrapper {
    margin-bottom: 300px;
  }

  .block-quote {
    padding-left: 37px;
    padding-right: 37px;
  }

  #helpful-links {
    padding-left: 18px;
  }

  /** TNP **/
  .tnp-button {
    width: 100%;
    margin: 0;
  }

  /*********************************
   * Set navigation for tab: Commissions tab
   *
   *********************************/

  .tab-first-item-padding {
    padding-left: 15px !important;
  }

  #publication-tab ul.nav.nav-tabs,
  #commissions-tab ul.nav.nav-tabs,
  #commissions-meeting-tab ul.nav.nav-tabs,
  #d-tab ul.nav.nav-tabs {
    flex-direction: column;
    border-bottom: none;
    display: flex;
  }

  #publication-tab .nav-tabs li a,
  #commissions-tab .nav-tabs li a,
  #commissions-meeting-tab .nav-tabs li a,
  #d-tab .nav-tabs li a {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    background-color: #F9F7F5;
    padding-top: 10px !important;
  }

  #publication-tab .nav-tabs li a:hover,
  #commissions-tab .nav-tabs li a:hover,
  #commissions-meeting-tab .nav-tabs li a:hover,
  #d-tab .nav-tabs li a:hover {
    background-color: #f9f8ed !important;
  }

  #publication-tab select,
  #commissions-tab select,
  #commissions-meeting-tab select,
  #d-tab select {
    margin: 15px 0;
  }

  /*********************************
   * Publications
   *********************************/
  #publication-tab ul.nav-tabs li #annual {
    padding-left: 15px !important;
  }

  /*************************************
   * Video
   *************************************/
  .video-tab .video-title {
    padding-left: 15px !important;
  }

  .video-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /********************************************
   * Tool tips  : General Plan Elements
   ********************************************/
  .dp-tooltip .dp-top {left: 0;}
  .dp-tooltip .dp-top #pointer {left: 70%;}
}

/* sm devices */
@media screen and (max-width: 991px) {

  /** navigation **/
  .navbar-toggle {
    margin-top: 0;
  }

  .navbar-brand {
    padding: 0;
  }

  .navbar-brand>img {
    padding-top: 0;
  }

  .responsive-md {
    display: block;
  }

  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 225px;
  }

  /* Search*/
  .navbar-search-box .navbar-nav>li.disabled>a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar-search-box .search-bar-search {
    background-color: rgb(235, 235, 235);
    display: block !important;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    visibility: hidden;
  }

  .navbar-search-box .search-bar-search.open {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);

    visibility: visible;
  }

  .navbar-search-box .search-bar-search>.container {
    top: 10px;
  }

  .input-group {
    right: 15px;
  }

  /* #main-container {
    margin-left: 15px;
    margin-right: 15px;
    top: 0;
    padding-bottom: 0 !important;
  } */
  #say-connected .social-icons {
    padding-left: 15px !important;
    left: 0px !important;
    padding: 25px 15px;
  }

  .signup-newsletter {
    padding-left: 15px;
    padding-top: 10px;
  }

  #say-connected .stayconnected {
    padding-top: 15px;
  }

  #footer-section .org-profile {
    padding: 15px;
  }

  #footer-section .footer-sub-link {
    padding-left: 15px;
  }

  #footer-section .border-line-top {
    padding-left: 5px;
    padding-right: 5px;
  }

  #helpful-links {
    padding-left: 16px;
  }

  /** TNP **/
  .tnp-button {
    width: 100%;
    margin: 0;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

  /*.housing-tab-section h1 {*/
  /*  white-space: nowrap;*/
  /*}*/

  /* Search*/
  .navbar-search-box .navbar-brand {
    font-size: 20px;
    height: auto;
    padding: 16px 5px;
  }

  .navbar-search-box .navbar-nav>li.disabled>a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar-search-box .search-bar-search {
    background-color: rgb(235, 235, 235);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    visibility: hidden;
  }

  .navbar-search-box .search-bar-search.open {
    display: block !important;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
    padding-top: 10px;
  }

  .navbar-search-box .search-bar-search>.container {
    padding: 0px;
  }


  #main-container {
    top: 271px;
  }

  /* #main-container {
    top: 160px;
  } */

  .sub-heading {
    padding-left: 0%;
    margin-top: -5;
  }

  .iframe-wrapper {
    margin-top: -115px;
  }
}

@media (min-width: 1441px) {

  /* slider */
  .slide-text {
    right: 650px !important;
  }
}

@media screen and (min-width: 1680px) {

  #main-container {
    top: 271px;
  }

  .sub-heading {
    padding-left: 0%;
    margin-top: 0;
  }

  .iframe-wrapper {
    margin-top: 20px;
  }

  /* slider */
  .planning-tag {
    margin-left: 11em !important;
  }
}

@media screen and (min-width: 1824px) {

  #main-container {
    top: 205px;
  }
}

@media screen and (min-width: 1900px) {
  #main-container {
    top: 270px;
  }
}

@media screen and (min-width: 2560px) {

  #main-container {
    top: 247px;
  }

  /* #main-container {
    top: 300px;
  } */

  .content-wrapper {
    padding-top: 25px;
    padding-bottom: 60px;
  }

  .content-wrapper-page {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  #main-container-calendar {
    top: 247px;
  }
}

/* public counters -- locations and hours page */
@media screen and (min-width: 900px) and (max-width: 1200px) {
  .col-md-4.col-sm-6.ng-scope {
    padding-right: 20px;
  }
}

/*** Special case for Locations and Hours ***/
@media screen and (min-width: 776px) {
  p.hours {
    margin-right:62px;
  }
}


/** Tool tips **/
#mcTooltipWrapper{left: 1260px !important;}
@media screen and (max-width: 767px) {
  #mcTooltipWrapper {left: 65px !important;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #mcTooltipWrapper {left: 440px !important;}
  #mcttCo { display: block !important; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #mcTooltipWrapper {left: 560px !important;}
  #mcttCo { display: block !important; }
}