@import url('https://fonts.googleapis.com/css?family=Montserrat');

/*lgardner - added important to font-family, added color,font-size and a margin on the bottom of body p tags*/
/*#Body {font-family:'Montserrat',sans-serif !important;border-top:2px solid #008996; overflow-x: hidden;color: rgba(85, 87, 89, 0.8) !important;font-size: 16px !important;}*/
#Body {font-family:'Montserrat',sans-serif !important;border-top:2px solid #008996; overflow-x: hidden;color: #555759 !important;font-size: 16px !important;font-weight: 300;}
#Body p { margin-bottom: 20px;}


.mp3link {
    padding-right: 17px; 
    background: url(/portals/_default/Skins/Westminster/images/audio.png) no-repeat scroll right center;}

.OffSiteLink {
    padding-right: 17px; 
    background: url(/portals/_default/Skins/Westminster/images/external_link_icon.png) no-repeat scroll right center;}

.pdflink {
    padding-right: 15px; 
    background: url(/portals/_default/Skins/Westminster/images/pdflink.gif) no-repeat scroll right center;}

.excellink {
    padding-right: 15px; 
    background: url(/portals/_default/Skins/Westminster/images/excellink.gif) no-repeat scroll right center;}
		
.cadlink {
    padding-right: 15px; 
    background: url(/portals/_default/Skins/Westminster/images/cadlink.png) no-repeat scroll right center;}

.glyphicon-volume-up, .glyphicon-film, .glyphicon-share {padding-left:3px; font-size:13px; color:#008996;}

.button-teal {display:inline-block; font-size: 1.2em; padding:10px 80px 10px 20px; color:#FFFFFF;background-color: #008996;font-weight:bold;margin:10px;}
.button-orange {display:inline-block; font-size: 1.2em; padding:10px 80px 10px 20px; color:#FFFFFF;background-color: #FF4710;font-weight:bold;margin:10px;}
.button-green {display:inline-block; font-size: 1.2em; padding:10px 80px 10px 20px; color:#FFFFFF;background-color: #1AB57F;font-weight:bold;margin:10px;}
.button-gray {display:inline-block; font-size: 1.2em; padding:10px 80px 10px 20px; color:#FFFFFF;background-color: #555759;font-weight:bold;margin:10px;}
.button-purple {display:inline-block; font-size: 1.2em; padding:10px 20px 10px 20px; color:#FFFFFF;background-color: #684359;font-weight:bold;margin:10px;}
.button-teal:hover {background-color: #006A73;color:#FFFFFF;}
.button-orange:hover {background-color: #FF2404;color:#FFFFFF;}
.button-green:hover {background-color: #00995C;color:#FFFFFF;}
.button-gray:hover {background-color: #434749;color:#FFFFFF;}
.button-purple:hover {background-color: #462137;color:#FFFFFF;}
.button-style, .button-style:hover, .button-style:visited {text-decoration: none !important; color:#FFFFFF !important; padding:10px 20px 10px 20px; text-transform: uppercase; }


/*h1 {color:#555759; margin: 50px 0; font-size: 51px;  font-weight: 600;}
h2 {color:#555759; margin:30px 0; font-size:36px; font-weight: 700;}
h3 {color:#555759; text-transform:uppercase; font-size:28px; font-weight:700;}*/
h1 {color:#555759; margin:50px 0; font-size:36px; font-weight:600;}
h2 {color:#555759; margin:35px 0 17px 0; text-transform:uppercase; font-size:28px; font-weight:700;}
h3 {color:#555759; margin:35px 0 17px 0; text-transform:capitalize; font-size:26px; font-weight:700;}
h4 {color:#555759; margin:30px 0 17px 0; font-size:20px; font-weight:700;}
h5 {color:#555759; margin:30px 0 17px 0; font-size:16px; font-weight:700;}
h6 {color:#555759; margin:30px 0 17px 0; text-transform:capitalize; font-size:13px; font-weight:700;}
.caption {color:#555759; font-size:12px; font-weight:700;}

a, a:visited {color: #008995;}
a:focus, a:hover {color: #008995;text-decoration:underline;}

ul { list-style: square; margin-left:45px; clear:both;} /*tinya added clear both to fix bullet floating right*/

.hidden {display:none;}
.extra {display: none;}
.required {color:red;}

div {min-height: 0 !important;}
.LabelEditTextClass {color:#333333 !important;}
.EditBarEmptyPane, .DnnModule-DNN_HTML {z-index:10;}
.dnnModuleManager.dnnSortable{z-index:12;}
.Normal, .Normal p {font-size:16px; line-height:20px; color:#555759;}
.Normal p {margin:0 0 25px;}
.extra-margin-module .DnnModule {margin:30px 0;}
/* RETINA OVERWRITE */
.Header .container, .Footer .container, .gray-subnav-bar .container, .container.relative {width:1410px;}
/* RETINA OVERWRITE END*/l
/*lgardner - commented out so h3 is consistent*/
/*.DNNModuleContent h3 {margin-top:25px; margin-bottom:35px; font-size:20px;}*/
/*lgardner - commented out and added underline to a: hover above*/
/*.DNNModuleContent a {text-decoration:underline;}*/
blockquote { padding: 15px 35px; width: 50%; border: 0; color:#a9abac; float:left; position: relative;  font-family: Montserrat; font-size: 24px; line-height:36px; font-weight: 300; font-style:normal;}
blockquote::before {content: ''; width: 33px; height: 33px; position: absolute; background:url(images/quotes.jpg) no-repeat center center; top: 8px; left:0;}
.relative {position:relative;}
/* lgardner - changed z-index for floating-breadcrumb from 999 to 98 so that stationary secondary nav would show over floating breadcrumb*/
.floating-breadcrumb {background:rgba(255,255,255, 0.7); position:absolute; top:0; padding:20px 20px 20px 0px; z-index:98;}
.floating-breadcrumb a {color: #555759 !important; font-size: 11px; font-weight: 200;}
.floating-breadcrumb:before {content:''; position:absolute; left:-600%; top:0; bottom:0; width:600%; background:rgba(255,255,255, 0.7);}

/* lgardner - added styling for non-floating breadcrumb and page title added to Subpage_NoImage template*/
.non-floating-breadcrumb { padding:20px 20px 20px 0px;}
.non-floating-breadcrumb a {color: #555759 !important; font-size: 11px; font-weight: 200;}
.non-floating-page-title { margin: 0px;}

/*tinya*/
.module-header{border:2px solid #684359;text-align:center; padding: 20px 0;}
.module-header h4 {color:#684359;margin:0;text-transform:uppercase;}
.module-footer{display:inline-block; width:100%; padding:10px;}
.article-navigation-row {text-align:center;padding-top:20px;}
.article-all {font-weight:700;}

.page-no-subnav .gray-subnav-bar {display:none;}

.no-padding {padding:0;}
/* Padding Top */
.padT0 {padding-top: 0px;}
.padT10 {padding-top: 10px;}
.padT20 {padding-top: 20px;}
.padT30 {padding-top: 30px;}
.padT40 {padding-top: 40px;}
.padT50 {padding-top: 50px;}
.padT60 {padding-top: 60px;}
.padT70 {padding-top: 70px;}
.padT80 {padding-top: 80px;}
.padT90 {padding-top: 90px;}
.padT100 {padding-top: 100px;}
/* Padding Bottom */
.padB0 {padding-bottom: 0px;}
.padB10 {padding-bottom: 10px;}
.padB20 {padding-bottom: 20px;}
.padB30 {padding-bottom: 30px;}
.padB40 {padding-bottom: 40px;}
.padB50 {padding-bottom: 50px;}
.padB60 {padding-bottom: 60px;}
.padB70 {padding-bottom: 70px;}
.padB80 {padding-bottom: 80px;}
.padB90 {padding-bottom: 90px;}
.padB100 {padding-bottom: 100px;}
/* Padding top Bottom */
.padTB0 {padding: 0px 0px;}
.padTB10 {padding: 10px 0px;}
.padTB20 {padding: 20px 0px;}
.padTB30 {padding: 30px 0px;}
.padTB40 {padding: 40px 0px;}
.padTB50 {padding: 50px 0px;}
.padTB60 {padding: 60px 0px;}
.padTB70 {padding: 70px 0px;}
.padTB80 {padding: 80px 0px;}
.padTB90 {padding: 90px 0px;}
.padTB100 {padding: 100px 0px;}
.padTB120{padding: 120px 0px;}

.dnnEditState .alert-row {display:block !important;}
.alert-row {background:#ff4710; color:#ffffff;}
.alert-row .DnnModule {position: unset!important;}
.alert-row .container {position:relative;}
.alert-row .warning-icon {background:#e7400e; padding:20px; text-align:center; margin-right:15px; color:#f1967a; font-size:36px; line-height:36px; font-family:'Georgia'; position:absolute; left:0; top:0; bottom:0; width:80px;}
.alert-row .message-box { padding:20px 20px 20px 100px;}
.alert-row .message-box h1 {display:inline-block; width:auto; margin:0; color:#ffffff;font-size: 36px; font-weight:700;}
.alert-row .message-box a {margin-left:15px;}
.alert-row .message-box a, .alert-row .message-box p {display:inline-block; color:#ffffff; font-size: 18px; text-decoration:none;}
.alert-row .message-box a i {margin-left:10px;}
.alert-row .close-button {position:absolute; right:10px; top:5px; cursor:pointer;}
.alert-row .close-button i {color:#ffffff; font-size:18px;}
.alert-row a, .alert-row a:link, .alert-row a:visited, a:active  {font-weight:bold;color:#FFFFFF;text-decoration: underline;}
.alert-row a:hover { color:#555759 ;}

.notification .alert-icon {background:#15929e; padding:20px; text-align:center; margin-right:15px; color:#5db3bc; font-size:36px; line-height:24px; font-family:'Georgia'; position:absolute; left:0; top:0; bottom:0; width:65px;}
.notification, .notification p {color:#ffffff; font-weight:200;}
.notification .message-box { padding:10px 20px 10px 100px;}
.notification p {margin:10px 0;}

.PgFll {position:relative;}
.Header {padding:10px 0 0;}
.Header .container { position:relative;}
.Navigation {background:#19638b;}
.no-position {position:unset;}
.Content {background:#ffffff;}
.navbar-toggle {border:2px solid #ededed !important; padding:8px!important; border-radius:0px !important; position:absolute !important; top:0px !important; right:0px !important;}
.navbar-toggle i {color:#555759; font-size:24px;}
.navbar-collapse {}
.logo-mobile {background:url(images/mobile_logo.jpg) no-repeat center center; width:241px; height:50px; display:block; margin:0 0 15px;}
.SbPg .gray-row {padding:0;}
/*tinya - comment out to remove gray bars at end of page*/
/*.SbPg .gray-row .CntntPn {margin:30px 0;}*/

.HeaderLogo a {display:block; text-align:center;}
.HeaderLogo a img {max-width:100%;float: left;}
.top-links-search {margin: 10px -15px 0;}

.top-links {width:60%; display:inline-block;}
.top-links ul {float:right;font-weight:600;}
.top-links ul li {margin:0; list-style-type:none;} /*top links*/
.top-links ul li a {display:none; color:#555759; font-size:13px;} /*hides "top links" link*/
.top-links ul li ul {margin:8px 0;} /*utility bar items container*/
.top-links ul li ul li {display:block; float:left; margin:0 30px 0 0;} /*utility bar items*/
/*.top-links ul li ul li.active {border-bottom:3px solid #c2c2c2;}*/
/*lgardner - commented out below to set hover state on link in utility bar*/
/*.top-links ul li ul li:hover a {text-decoration:none;}*/
.top-links ul li ul li a {display:block;}
/*lgardner - added teal underline to active state for utility nav items.   Having issues using before getting underine centered*/
.utility-nav li.utility-nav-active { border-bottom: 2px solid #008996; }

.top-links-mobile {display: inline-block; width: 100%;padding: 0;margin: 0;}
.top-links-mobile ul { display: inline-block;padding: 0;margin: 0 auto; width: 100%;font-weight: 600;}
.top-links-mobile ul li {margin:0 auto;padding: 5px;list-style-type:none;display: inline-block;float:left;}
.top-links-mobile ul li a {color:#555759; font-size:13px; text-decoration: underline;}
.top-links-mobile ul li ul {display: inline-block;}
.top-links-mobile ul li ul li { margin: 0 auto;}

.input-holder {display:block; float:right; width:20%; background:#684359;}
.input-holder #gSearchInput {width:85%; padding: 5px 5px 5px 10px; box-sizing:border-box; border:0; font-size: 10px; line-height: 20px; color:#555759; border:2px solid #ededed; border-radius: 0px !important; -webkit-appearance: none; float:left;}
.input-holder #gSearchInput::placeholder {color:#c4c4c4;}
.input-holder #gSearchInput::-webkit-input-placeholder {color:#c4c4c4;}
.input-holder #gSearchInput::-moz-placeholder {color:#c4c4c4;}
.input-holder #gSearchInput:-ms-input-placeholder {color:#c4c4c4;}
.input-holder #gSearchInput:-moz-placeholder {color:#c4c4c4;}
.input-holder #gSearchButton {padding:7px; width:15%; display: block; float: right; box-sizing:border-box;text-align: center;}
.input-holder #gSearchButton .glyphicon {color:#ffffff; font-size:12px; margin-left:-2px; line-height: 19px;}

.input-holder-mobile {display:block; float:right; width:100%; background:#684359;margin-bottom: 20px;padding: 0;}
.input-holder-mobile #gSearchInput {width:85%;margin: 0; padding: 5px 5px 6px 10px; box-sizing:border-box; border:0; font-size: 15px; line-height: 20px; color:#555759; border:2px solid #ededed; border-radius: 0 !important; -webkit-appearance: none; float:left;}
.input-holder-mobile #gSearchInput::placeholder {color:#c4c4c4;}
.input-holder-mobile #gSearchInput::-webkit-input-placeholder {color:#c4c4c4;}
.input-holder-mobile #gSearchInput::-moz-placeholder {color:#c4c4c4;}
.input-holder-mobile #gSearchInput:-ms-input-placeholder {color:#c4c4c4;}
.input-holder-mobile #gSearchInput:-moz-placeholder {color:#c4c4c4;}
.input-holder-mobile #gSearchButton {padding:7px; width:15%; display: block; float: right; box-sizing:border-box;text-align: center;}
.input-holder-mobile #gSearchButton .glyphicon {color:#ffffff; font-size:12px; margin-left:-2px; line-height: 19px;}

.breadcrumbs-row {padding:30px 0;}
.breadcrumbs-row .breadcrumbs, .breadcrumbs-row .breadcrumbs a {color:#c5c8c9; font-size:11px; letter-spacing:1px; text-decoration:none; font-weight:200;}
.breadcrumbs-row h1 {color:#ffffff; margin:10px 0; text-transform:uppercase;}

.primary-button {display:block; padding:15px 35px 15px 25px; background:#008996; color:#ffffff; font-size:18px; font-weight: 700; text-decoration:none;width: 35%; position:relative;}
.primary-button:before {position: absolute; content:''; background-color: #008996; transform: skew(40deg); -webkit-transform: skew(40deg); -moz-transform: skew(40deg);-o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); right: -10%; top: 0; bottom: 0; width: 20%;}
.primary-button:after {position: absolute; content:''; background-color: #008996; right: -20%; top: 0; bottom: 0; width: 20%;}
.primary-button:hover:after {display:none;}

.secondary-button {display:block; padding:15px 35px 15px 25px; background:#555759; color:#ffffff; font-size:18px; font-weight: 700; text-decoration:none;width: 35%; position:relative;}
.secondary-button:before {position: absolute; content:''; background-color: #555759; transform: skew(40deg); -webkit-transform: skew(40deg); -moz-transform: skew(40deg);-o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); right: -10%; top: 0; bottom: 0; width: 20%;}
.secondary-button:after {position: absolute; content:''; background-color: #555759; right: -20%; top: 0; bottom: 0; width: 20%;}
.secondary-button:hover:after {display:none;}

.color-row {background:#008995;}
.color-row .CntntPn {padding:30px 0;}
.color-row .CntntPn.DNNEmptyPane {padding:0 !important;}
.gray-row {background:#ededed; padding:30px 0;}
.dark-gray-row {background:#555759;}
.dark-gray-row h1 {color:#ffffff;}

.gray-container {display: inline-block; width:100%; background: #ededed; padding:25px; margin:0 0 20px;}
.gray-container  .newsletter-signup h3 {margin:25px 0 20px;}
.bordered-container {border:2px solid #ededed; padding:25px; display: inline-block; width: 100%;}
.bordered-container h1 {color:#a9abac; text-transform:uppercase; letter-spacing:1px; font-weight:700;margin:25px 0 20px;}
.bordered-container h2 {color:#a9abac; text-transform:uppercase; letter-spacing:1px; font-weight:700;margin:25px 0 20px;}
.bordered-container h3 {color:#a9abac; text-transform:uppercase; letter-spacing:1px; font-weight:700;margin:25px 0 20px;}
/*.sharethis-inline-share-buttons.st-inline-share-buttons {margin:10px 0 0; margin: 4px 0 0; display: inline-block !important; width:100%;}
.sharethis-inline-share-buttons.st-inline-share-buttons .st-btn {float:left; display:block !important; background:none!important; position:relative; box-sizing:border-box; margin:10px 0 !important; width:48%;}
.sharethis-inline-share-buttons.st-inline-share-buttons .st-btn  svg { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"  !important;filter: alpha(opacity=0)  !important;	-moz-opacity:0 !important; -khtml-opacity: 0 !important; opacity: 0 !important;}
.sharethis-inline-share-buttons.st-inline-share-buttons#st-1 .st-btn[data-network="facebook"]:before {display:block; content: "\f230";   font-family: 'FontAwesome'; color:#3b5998; position:absolute; left:0; font-size:30px;}
.sharethis-inline-share-buttons.st-inline-share-buttons#st-1 .st-btn[data-network="linkedin"]:before {display:block;  content: "\f08c";   font-family: 'FontAwesome'; color:#007ab5; position:absolute; left:0; font-size:30px;}
.sharethis-inline-share-buttons.st-inline-share-buttons#st-1 .st-btn[data-network="twitter"]:before {display:block; content: "\f099";   font-family: 'FontAwesome'; color:#00aced; position:absolute; left:0; font-size:30px;}
.sharethis-inline-share-buttons.st-inline-share-buttons#st-1 .st-btn[data-network="email"]:before {display:block; content: "\f0e0";  font-family: 'FontAwesome'; color:#008996; position:absolute; left:0; font-size:24px;}
.sharethis-inline-share-buttons.st-inline-share-buttons#st-1 .st-btn[data-network="facebook"]:after {display:block; content: "Facebook";   font-size:16px; color:#555759; position:absolute; left:50px; top: 0;}
.sharethis-inline-share-buttons.st-inline-share-buttons#st-1 .st-btn[data-network="linkedin"]:after {display:block;  content: "LinkedIn";   font-size:16px; color:#555759; position:absolute; left:50px; top: 0;}
.sharethis-inline-share-buttons.st-inline-share-buttons#st-1 .st-btn[data-network="twitter"]:after {display:block; content: "Twitter";   font-size:16px; color:#555759;position:absolute; left:50px; top: 0;}
.sharethis-inline-share-buttons.st-inline-share-buttons#st-1 .st-btn[data-network="email"]:after {display:block; content: "Email"; font-size:16px; color:#555759; position:absolute; left:50px; top: 0;}
*/

/* lgardner added z-index to gray subnav*/
.gray-subnav-bar {background:#ededed; display:inline-block; width:100%;}
.gray-subnav-bar ul {margin:0;}
.gray-subnav-bar ul li {display:none;}
.gray-subnav-bar ul li.active {display:block; z-index: 99;}
.gray-subnav-bar ul li:hover  {display:block; z-index: 99;}
/* lgardner - added so that on hover, drop down for Residents > Water is not on top of next submenu nav item Assistance Programs*/
.gray-subnav-bar ul li.active ul li {display:block; z-index: 99;}
.gray-subnav-bar ul li:hover ul li {display:block; z-index: 99;}

.gray-subnav-bar ul li.active a {display:none;}
.gray-subnav-bar ul li.active ul {display:table; width:100%;}
.gray-subnav-bar ul li.active ul li {display:table-cell; padding:0 10px; position: relative;}
.gray-subnav-bar ul li.active ul li a {display:block;}


.gray-subnav-bar ul li.active ul li a { padding:22px 10px; color:#555759; font-size:16px; line-height:100%;}
/*.gray-subnav-bar ul li.active ul li a.external:after {content: "\f08e"; color:#a9abac; font-family: 'FontAwesome'; padding-left:6px; font-size:11px;}*/

.gray-subnav-bar ul li.active ul li ul {display:none;}
.gray-subnav-bar ul li.active ul li ul li {display:none;}
.gray-subnav-bar ul li.active ul li:hover ul {display:block; position:absolute; top:100%; background:#ededed; z-index:99;left: 0; right:-25%;}

.gray-subnav-bar ul li.active ul li:hover ul li {display:block; float:left; width:100%;}


/* lgardner - Set fixed width and  increase width of stationary sub nav drop down to correct examples like Residents > Water > subnav was inheriting width of Water, 
   so Water > Conservation, the work Conservation was cut off */
.gray-subnav-bar ul li.active ul ul { display: block; width: 225px; background: #ededed;}

/* lgardner - reduced top/bottom padding on stationary sub nav drop down items */
.gray-subnav-bar ul li.active ul ul li a { padding-top: 15px; padding-bottom: 15px; }

/*lgardner - set font-weight back to 400*/
/*.gray-subnav-bar ul li.active ul li:hover ul li:last-child a {color:#555759; font-weight: 400;}*/

/*lgardner - removed color:#555759; - not sure why this was ever set to gray as it should have already been gray.   With color:#555759; left in, the last item on the 
   stationary subnav drop down form Parks/Libraries was gray instead of white.  Hopefully this didn't break something somewhere else.
*/
/*.gray-subnav-bar ul li.active ul li:hover ul li:last-child a {font-weight: 400;}*/

/*lgardner - added to center stationary secondary nav items */
/*.gray-subnav-bar ul li ul { list-style-type: none;width: 100%;margin: 0;padding: 0;overflow: hidden;display: table;}*/
.gray-subnav-bar > ul > li > ul { list-style-type: none;width: 100%;margin: 0;padding: 0;overflow: hidden;display: table;text-align: center;}
/*.gray-subnav-bar ul li ul li{display: table-cell;text-align: center;}*/

.TopNavMain {margin: 10px 0 0;}
.TopNavMain ul.nav {position:unset;}
.TopNavMain ul, .TopNavMain ul li {display:block; margin:0px; padding:0px; list-style-type:none; position:unset;}
.TopNavMain ul.nav li a {display:block;  background:none;}
.TopNavMain ul.nav li a span {display:block;}
.TopNavMain ul.nav > li > a {position:static; padding:17px 20px; color:#555759; font-size:16px; line-height:100%; letter-spacing: 1px;}
/*lgardner - 05-31-2017 - updated so that on top nav, active state did not have gray background, hover state has gray background*/
/*.TopNavMain ul.nav > li > a.active, .TopNavMain ul.nav > li > a:hover {background:none;}*/
/*.TopNavMain ul.nav > li > a.active {background:#ededed;}
.TopNavMain ul.nav > li > a:hover {background:none;}*/
/*lgardner - added background color so active link stays underlined even on hover*/
.TopNavMain ul.nav > li > a.active::before {background:#008996 !important;}
.TopNavMain ul.nav > li > a:hover {background:#ededed;}

.TopNavMain ul.nav {display:table; width:95%; float:right;}
.TopNavMain ul.nav > li {display:table-cell;}
.TopNavMain ul.nav > li > a {text-align:center; position:relative;}
.TopNavMain ul.nav > li > a.active::before {left:20%; right:20%; margin:0 auto; width:60px; bottom:10px; height:2px; cursor:pointer; content:""; background:#008996; position:absolute;}
.TopNavMain ul.nav > li > .column-wrap {position:absolute; left:0px; top:100%; right:0;  margin:0px 0px 50px 0px; min-width:100%; background:#ededed; z-index:1010; visibility:hidden; transition:visibility 0s linear 0.2s;}
.TopNavMain ul.nav > li:hover {background:#ededed;}
.TopNavMain ul.nav > li:hover a.first-level::before {left:20%; right:20%; margin:0 auto; width:60px; bottom:10px; height:2px; cursor:pointer; content:""; background:none; position:absolute;}
.TopNavMain ul.nav > li:hover .column-wrap {visibility:visible; transition-delay:0.2s;}

/*.TopNavMain ul.nav li ul li a {}*/
/*.TopNavMain ul.nav li .sub-menu { display: table; position:relative; width:100%; text-align:left;}*/
/*lgardner - set width of sub menu to auto so image sizes stay consistent instead of upsizing to fill the width when there are less sub nav items*/
.TopNavMain ul.nav li .sub-menu { display: table; position:relative; width:auto !important; text-align:left;}
.TopNavMain ul.nav li .sub-menu li {display:table-cell; padding:20px 10px 35px; vertical-align: top;}
/*.TopNavMain ul.nav li .sub-menu li:first-child {}*/
/* lgardner - 06-19-2017 - Per discussions in today's meeting, remove orange/green components from subnav */
/*.TopNavMain ul.nav li:nth-child(2) .sub-menu li:last-child {background:#ff4710; }
.TopNavMain ul.nav li:nth-child(3) .sub-menu li:last-child {background:#1ab57f;}*/
/*lgardner - set font to white for 3rd level pages in nav for Libraries and Parks and Rec*/
/* lgardner - 06-19-2017 - Per discussions in today's meeting, remove orange/green components from subnav */
/*.TopNavMain ul.nav li:nth-child(2) .sub-menu li:last-child a {color:#ffffff;}
.TopNavMain ul.nav li:nth-child(3) .sub-menu li:last-child a {color:#ffffff;}*/
/*lgardner - set background to none for 3rd level pages in nav*/
/*.TopNavMain ul.nav li:nth-child(1) .sub-menu li ul li:last-child,
.TopNavMain ul.nav li:nth-child(2) .sub-menu li ul li:last-child,
.TopNavMain ul.nav li:nth-child(3) .sub-menu li ul li:last-child,
.TopNavMain ul.nav li:nth-child(4) .sub-menu li ul li:last-child,
.TopNavMain ul.nav li:nth-child(5) .sub-menu li ul li:last-child,
.TopNavMain ul.nav li:nth-child(6) .sub-menu li ul li:last-child {background:none;}*/
/*lgardner - set font to base (not white) for 3rd level pages in nav*/
/*.TopNavMain ul.nav li:nth-child(1) .sub-menu li ul li:last-child a,
.TopNavMain ul.nav li:nth-child(2) .sub-menu li ul li:last-child a,
.TopNavMain ul.nav li:nth-child(3) .sub-menu li ul li:last-child a,
.TopNavMain ul.nav li:nth-child(4) .sub-menu li ul li:last-child a,
.TopNavMain ul.nav li:nth-child(5) .sub-menu li ul li:last-child a,
.TopNavMain ul.nav li:nth-child(6) .sub-menu li ul li:last-child a {color: #797b7c;}*/
/*lgardner - set font to white for Parks and Rec and Libraries sub menus for 3rd level pages in nav*/
/*.TopNavMain ul.nav li:nth-child(2) .sub-menu li:last-child ul li:last-child a,
.TopNavMain ul.nav li:nth-child(3) .sub-menu li:last-child ul li:last-child a {color: #ffffff;}*/

.TopNavMain ul.nav li .sub-menu li img {width:100%; display:block; float:left; border:2px solid #ffffff;}
/* lgardner - added fixed height so sub ul would top align even when parent's text wrapped'*/
.TopNavMain ul.nav li .sub-menu a {height: 20px; display:inline-block;  margin:10px 0 20px; padding:5px 0px; color:#555759; font-size:16px; line-height:100%;  font-weight:bold;}


/* sets width of images in subnav - will need to expand if we ever add more than 8 */
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(1),
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(1) ~ li {width: 100%;}
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(2),
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(2) ~ li {width: 50%;}
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(3),
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(3) ~ li {width: 33.33%;}
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(4),
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(4) ~ li {width: 25%;}
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(5),
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(5) ~ li {width: 20%;}
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(6),
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(6) ~ li {width: 16.66%;}
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(7),
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(7) ~ li {width: 14.28%;}
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(8),
.TopNavMain ul.nav li .sub-menu li:first-child:nth-last-child(8) ~ li {width: 12.5%;}

.TopNavMain ul.nav li .sub-menu ul li {width:100% !important; display:block; float:left; text-align:left; padding:0; margin:10px 0 0;}
.TopNavMain ul.nav li .sub-menu ul a {padding:5px 0; font-size:13px; color:#797b7c; font-weight:normal;}
/* lgardner - added height so sub ul would top align even when parent's text wrapped'*/
.TopNavMain ul.nav li .sub-menu li ul li a {margin:0;height: 100%;}
.TopNavMain ul.nav li .sub-menu li ul li:first-child {padding:0;}
/*.TopNavMain ul.nav li .sub-menu li ul li:last-child {background:none;}
.TopNavMain ul.nav li .sub-menu li ul li:last-child a {color:#797b7c;}*/
.TopNavMain ul.nav li .sub-menu ul li ul {display:none;}

.SldrPn {position:relative;}
.SldrPn .overflow-box {background:rgba(255,255,255, 0.85); width:460px;}
.SldrPn .overflow-box h1 {font-size:42px; padding:30px 30px 10px; color:#008996; text-transform:uppercase; line-height:125%; margin:0 0 20px;}
.SldrPn .overflow-box a {display:block; padding:15px 55px 15px 25px; background:#008996; color:#ffffff; font-size:18px; font-weight: 700; text-decoration:none;width: 35%;}
.SldrPn .title-box {background:rgba(255,255,255, 0.85); max-width:460px;}
.SldrPn .title-box h1 {font-size:42px; padding:30px 30px; color:#008996; text-transform:uppercase; line-height:125%; margin:0;}
.SldrPn .title-box a {display:block; padding:15px 55px 15px 25px; background:#008996; color:#ffffff; font-size:18px; font-weight: 700; text-decoration:none;width: 35%;}
.SldrPn .ls-bottom-nav-wrapper {background: #ffffff !important; bottom: 0% !important; left: 0 !important; right: 0 !important; width: 100% !important; position: absolute !important; z-index: 5; height: 40px;}
.SldrPn .overflow-box a {display:block; padding:15px 35px 15px 25px; background:#008996; color:#ffffff; font-size:18px; font-weight: 700; text-decoration:none;width: 35%; position:relative;}
.SldrPn .overflow-box a:before {position: absolute; content:''; background-color: #008996; transform: skew(40deg); -webkit-transform: skew(40deg); -moz-transform: skew(40deg);-o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); right: -10%; top: 0; bottom: 0; width: 20%;}
.SldrPn .overflow-box a:after {position: absolute; content:''; background-color: #008996; right: -20%; top: 0; bottom: 0; width: 20%;}
.SldrPn .overflow-box a:hover:after {display:none;}

.ls-v5 .ls-bottom-slidebuttons, .ls-v5 .ls-nav-start, .ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides {top:0 !important;}
.ls-slide img {/*width: 100% !important;*/ margin:0 !important;}
.ls-v5 .ls-bottom-slidebuttons a {margin:10px 5px;}
.ls-v5 .ls-bottom-slidebuttons a.ls-nav-active, .ls-v5 .ls-bottom-slidebuttons a:hover, .ls-v5 .ls-bottom-slidebuttons a, .ls-v5 .ls-bottom-slidebuttons a {background:none !important; text-decoration:none;}
.ls-v5 .ls-bottom-slidebuttons a.ls-nav-active:before, .ls-bottom-slidebuttons a:hover:before { content: "\f111"; color:#684359;font-family: 'FontAwesome';}
.ls-v5 .ls-bottom-slidebuttons a:before, .ls-v5 .ls-bottom-slidebuttons a:before { content: "\f10c"; color:#d3d5d7;font-family: 'FontAwesome';font-size: 20px !important;}

.access-westminster {background:url(images/access.png) no-repeat center center; width:255px; height:83px; display:block; margin:30px 0 10px;}
.padded-box {padding:0 20px;}
.position-unset {position:unset;}

/*BEGIN Site Search Input*/
.large-search {}
.large-search .input-holder {display:inline-block; float:none; width:70%; background:#684359; border:2px solid #ededed;}
.large-search .input-holder #gSearchInput {width:75%; float:left; padding: 5px 5px 5px 10px; box-sizing:border-box; border:0; font-size: 16px; line-height: 25px; padding:10px; color:#595b5d;}
.large-search .input-holder #gSearchButton {padding: 14px; width:25%; display: block; float: right; box-sizing:border-box; padding:9px;}
.large-search .input-holder #gSearchButton .glyphicon {color:#ffffff; font-size:16px; margin-left:-2px; line-height: 24px;}
.large-search .input-holder #gSearchButton .glyphicon:after {color:#ffffff; content:'Search'; font-size:18px; line-height: 24px; font-weight:700; margin-left:10px; font-family:'Montserrat',sans-serif;}
/*END Site Search Input*/

/*lgardner - BEGIN Libraries Catalog Search
#lib-catalog-search-title{color: #ffffff;}
#lib-catalog-search-select{padding: 14px 10px;margin-left: 15px;border: none;}
.lib-catalog-search-input{width: 45%; height: 45% !important; margin-left: 15px; border: none; float:top; padding: 15px 10px 15px 10px}
.lib-catalog-search-button{width: 15%; height: 135% !important; margin-left: 5px; border: none;font-size: 18px; padding: 12px 0px; }
.lib-search-button-wrapper{position: relative;display:inline;color: #ff4710; }
.lib-search-button-wrapper .glyphicon{position: absolute;  right: 30%;font-weight:700;font-size:16px; pointer-events: none; text-align:center; display: block !important; top: -18px !important; line-height: -50px !important;}
.lib-search-button-wrapper .glyphicon:after{Content: 'Search'; font-size:20px; font-weight:700; margin-left:5px; font-family:'Montserrat',sans-serif;white-space: nowrap;}
.lib-catalog-search-form .col-lg-2{padding-right: 0;}
.lib-catalog-search-form .col-lg-10{padding-left: 0px;}
.lib-catalog-search-form .col-margin {margin-top: 10px; margin-bottom: 10px; }
.search-input-column{padding-left: 0px; height: 50%; float: top !important;}
.lib-search-button-wrapper input{background-color: ButtonFace;}
#q{text-align: justify; top:0px;}


@media all and (max-width : 775px) { 
#lib-catalog-search-title{ color: #ffffff;}
#lib-catalog-search-select{padding: 12px 10px;margin-left: 15px;border: none;}
.lib-catalog-search-input{ width: 15%;padding: 5px 63px;margin-left: 30px; margin-top: 5px; border: none;}
.lib-catalog-search-button{ width: 15%;padding: 3px 5px;margin-left: 5px; margin-top: 5px; border: none;font-size: 18px;}
.lib-search-button-wrapper{ position: relative;display:inline;color: #ff4710; }
.lib-search-button-wrapper .glyphicon{ display:inline-block; left: 4px; top: .1px !important; position: absolute; font-weight:700;font-size:16px; pointer-events: none; text-align: center;}
.lib-search-button-wrapper .glyphicon:after{ Content: 'Search'; font-size:20px; font-weight:700; margin-left:5px; font-family:'Montserrat',sans-serif;white-space: nowrap;}
.lib-catalog-search-form .col-lg-2{ padding-right: 0;}
.lib-catalog-search-form .col-lg-10{ padding-left: 0px;}
.lib-catalog-search-form .col-margin { margin-top: 10px; margin-bottom: 10px; }
.search-input-column{ padding-left: 0px;}
.lib-search-button-wrapper input{background-color: ButtonFace;}
}
*/
/*Rbennett Libraries*/
#Lib{
    /*border-radius: 5px;*/
    background-color: #ff4710;
    padding: 10px;
    width:90%;
}
/*ID for Dropdown*/
#lib-catalog-search-select {
    width: 100%;    
	-webkit-appearance: menulist-button;
	height: 45px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px;
    color: #808080;    
	margin-bottom:10px;
}
/*ID for Search Textbox*/
#q {
    width: 100%;    
	height: 45px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px;
    color: #808080;
	margin-bottom:10px;	
	
}
/*ID for Search Button*/
#btnWMSearch {
    width: 100%;
    background-color: #f0f0f0;
    color: #ff4710 !important;
    height: 45px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 20px;
	margin-bottom:10px;
	border: 0 !important;
	padding: 0px;
	font: bold;
}
#lib-catalog-search-title {    
    font-size: 28px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
h2{
    
    margin: 35px 0 17px 0;
    text-transform: uppercase;
    font-size: 28px !important;
    font-weight: 700;
}
#cs2{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
#cs4 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
#row{
    margin-left:5px !important;
	line-height:2.5em
}
#lib-catalog-search-title{
	color: #FFF;
}
/* END Library Catalog Search Styles*/


.modal-dialog {margin:15% auto 0;}
.modal-dialog .modal-header p {margin: 0;}
.modal-dialog .modal-body {padding:0 15px;}
.modal-dialog .modal-body ul {margin:0; padding:0 20px;}
.modal-dialog .modal-body ul li {list-style-type:none;}
.modal-dialog .modal-body ul li i {float:right; color:#008995; position:absolute; right:0; top:5px;}
.modal-dialog .modal-body ul li a {list-style-type:none; font-size:16px; color:#87898A; font-weight:200; text-decoration:underline; line-height:24px; margin:15px 0; display:block; padding-right:25px; position:relative;}
.modal-dialog .modal-footer {background:#008995;}
.modal-dialog .modal-footer ul {display:inline-block; width:100%; text-align:center; margin:0;}
.modal-dialog .modal-footer ul li {display:inline-block; list-style-type:none; color:#ffffff; vertical-align: middle; padding:0 5px; text-transform:uppercase;}
.modal-dialog .modal-footer ul li a {color:#ffffff;}
.modal-dialog .modal-footer li:nth-child(2) a {display:block; width:26px; height:26px; background:url(images/facebook.png) no-repeat center center;}
.modal-dialog .modal-footer li:nth-child(3) a {display:block; width:26px; height:26px; background:url(images/twitter.png) no-repeat center center;}
.modal-dialog .modal-footer li:nth-child(4) a {display:block; width:56px; height:26px; background:url(images/youtube.png) no-repeat center center;}
.modal-dialog .modal-footer li:nth-child(5) a {display:block; width:26px; height:26px; background:url(images/instagram.png) no-repeat center center;}

.white-row {overflow:hidden;}
.white-row h1.TitleH1 {color:#565859;}
.dark-gray {background:#555759;}
.dark-gray .DnnModule {padding:10px 0;}
/*.dark-gray {position:unset;}
.dark-gray * {position:unset;}*/
.jump-to-section {font-size:18px; font-weight:bold; background:#555759;}
.jump-to-section.open {position:absolute; z-index:99999;}
.jump-to-section .jump-to-trigger {color:#ffffff; margin:5px 0; text-decoration:none; display:none; font-size:21px;}
.jump-to-section .jump-to-trigger i {margin-left:15px; font-size:12px;}
.jump-to-section ul {display:inline-block; width:100%; margin:0; padding:0; text-align:center;}
.jump-to-section ul li {list-style-type:none; display:inline-block; box-sizing:border-box; margin:0 15px;}
.jump-to-section ul li a {display:block; padding:15px 10px; color:#ffffff; text-decoration:none; font-size:21px;}
.modal-fullscreen#jump-to-mobile {background: #555759; text-align:center;}
.modal-fullscreen#jump-to-mobile .modal-header {border-color:#646568;}
.modal-fullscreen#jump-to-mobile ul {display:block;}
.modal-fullscreen#jump-to-mobile ul li {margin:25px 0;}
.modal-fullscreen#jump-to-mobile ul li a {color:#ffffff; padding:10px 0; font-weight:bold; text-decoration:none; width:auto; display:inline; font-size:21px;}
.modal-fullscreen#jump-to-mobile .modal-content {background: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}
.modal-backdrop.modal-backdrop-fullscreen {background: #ffffff;}
.modal-backdrop.modal-backdrop-fullscreen.in {opacity: .97; filter: alpha(opacity=97);}
.modal-fullscreen .modal-dialog {margin: 0;margin-right: auto; margin-left: auto; width: 100%;}

.scroll-top {display:none;}

.detail-template {}
.detail-template .gray-row {display:inline-block; width:100%; position:relative; padding:30px 0 !important;}
.detail-template .gray-row:before {position:absolute; content:''; position:absolute; left:-100%; top:0; bottom:0; background:#ededed; width:100%;}
.detail-template .gray-row:after {position:absolute; content:''; position:absolute; right:-100%; top:0; bottom:0; background:#ededed; width:100%;}
.detail-template .main-image {padding-left:0;}
.detail-template .main-image img {width:100%; border:2px solid #ffffff;}
.detail-template .detail-title h1 {margin-bottom:15px; color:#555759;}
.detail-template .publish-date {color:#008996; font-weight:200; font-size:17px; letter-spacing: 1px;}
.detail-template .publish-date i {color:#a9abac; margin-right:10px;}
.detail-template .main-content {display:inline-block; width:100%;  margin:30px 0; color: #555759; font-family: Montserrat; font-size: 16px; font-weight:300; line-height:24px;}
.detail-template .main-content p {margin:0 0 30px;}
.detail-template .image-wrapper {float:right; width:50%;}
.detail-template .image-wrapper:after {clear:left;}
.detail-template .detail-footer {padding:40px 0; margin: 35px 0;}
.detail-template .detail-footer a {color:#a9abac; font-size:18px; font-weight:bold; text-decoration:none;}
.detail-template .detail-footer a:hover {color:#008995;}

.turquoise-row {background:#008995; color:#ffffff;}
.turquoise-row h1 {color:#ffffff;}
.turquoise-row h2 {color:#ffffff; margin:50px 0;}

.tilted-top-bar {padding:15px 0 15px 25px; position:absolute; top:8%; right:0; z-index:2; width:40%;}
.tilted-top-bar:before {position: absolute; content:''; z-index:-1; transform: skew(330deg); -webkit-transform: skew(330deg); -moz-transform: skew(330deg);-o-transform: skew(330deg); -ms-transform: skew(330deg); transform: skew(330deg); left: -10%; top: 0; bottom: 0; width: 20%;}
.tilted-top-bar:after {position: absolute; content:''; z-index:-1; background:#ededed; width:100%; top:0; right:-100%; bottom:0;}
.tilted-top-bar a { color: #a9abac; font-size: 18px; text-decoration: none; font-stretch: normal; font-weight: 500; text-align: left; display:block; float:left; margin-right:25px;}
.tilted-top-bar a i {color:#008995; margin-left:10px; font-size:12px;}
.tilted-top-bar a.view-all {float:left;}
.tilted-top-bar a.closures-delays {float:right;}
.tilted-top-bar img {padding-left:10px;}

/*lgardner - commented out so h2 is consistent*/
/*.white-row h2 {padding: 18px; margin-top: 50px;}*/


/*lgardner - original - commented out to test using styles from .tilted-top-bar and overriding at .tilted-top-bar-short  */
/*.tilted-top-bar-short {padding:15px 0 15px 25px; position:absolute; top:8%; right:0; z-index:2; width:20%; background:#ededed;}
.tilted-top-bar-short:before {position: absolute; content:''; z-index:-1; transform: skew(330deg); -webkit-transform: skew(330deg); -moz-transform: skew(330deg);-o-transform: skew(330deg); -ms-transform: skew(330deg); transform: skew(330deg); left: -10%; top: 0; bottom: 0; width: 20%; background:#ededed;}
.tilted-top-bar-short:after {position: absolute; content:''; z-index:-1; background:#ededed; width:100%; top:0; right:-100%; bottom:0;}
.tilted-top-bar-short a { color: #a9abac; font-size: 18px; text-decoration: none; font-stretch: normal; font-weight: 500; text-align: left; display:block; float:left; margin-right:25px;}
.tilted-top-bar-short a.full-calendar {float:right;}
.tilted-top-bar-short img {padding-left:10px;}
.white-row h2 {padding: 18px; margin-top: 50px;}*/

.tilted-top-bar-short {top:2%; width: 16%}
.tilted-top-bar-short:before {left: -10%; top: 0; bottom: 0; width: 20%;}
.tilted-top-bar-short:after {background:#ededed; width:200%; right:-200%; }
.tilted-top-bar-short a { text-align: right; width: 100%}
.white-row h2.tilted-top-bar-short-title { padding-left: 0;}

.tilted-top-bar-long {top:2%;}
.tilted-top-bar-long:before {left: -10%; top: 0; bottom: 0; width: 20%;}
.tilted-top-bar-long:after {background:#ededed; width:200%; right:-200%; }
.tilted-top-bar-long a { text-align: right; display: unset; float: unset;}

/*
.tilted-top-bar-long {width: auto; }
.tilted-top-bar-long a {width: auto; }  */

.featured-news-wrapper {display:inline-block; margin: 12% 0 0; width:100%;}
.title-container .featured-news-wrapper {display:inline-block; margin: 0; width:100%;}
.title-container .tilted-top-bar, .title-container .tilted-top-bar-short, .title-container .tilted-top-bar-long {top:0;}
.featured-news-wrapper ul {}
.featured-news-wrapper li {list-style-type:none;}
.featured-news-wrapper .featured-block  {border:1px solid #ffffff;padding:0 0 35px; display:block; float:left; margin-left:0;}
.featured-news-wrapper .featured-block .featured-news-image {width:100%; display:block;}
.featured-news-wrapper .featured-block .featured-news-image img {display:block; width:100%;}
.featured-news-wrapper .featured-block .publish-date {display:block; margin:20px 0 0; font-size: 13px; font-style: normal; font-stretch: normal; font-weight: 700;text-transform:uppercase; letter-spacing:1px;}
.featured-news-wrapper .featured-block  h2.news-title  {margin:25px 0 !important;}
.featured-news-wrapper .featured-block  h2.news-title a {display:block;  font-size: 21px; font-style: normal; font-stretch: normal; font-weight: 700; margin:10px 0 !important; text-transform:uppercase; text-decoration:none;}
.featured-news-wrapper .featured-block .featured-summary {display:block; margin:0 0 15px;}
.featured-news-wrapper .featured-block .featured-summary, .featured-news-wrapper .featured-summary p {font-size: 16px; line-height:24px; font-style: normal; font-stretch: normal; font-weight: 300;}
.featured-news-wrapper .featured-block a {display:block; }
.featured-news-wrapper ul li {float:left; width:46%; margin:0; padding:25px 0; margin: 0 2%;}
.featured-news-wrapper ul li .col-md-12 {padding:0;}
.featured-news-wrapper ul li:nth-child(3n) {clear:left;}
.featured-news-wrapper ul li .featured-news-image, .featured-news-wrapper ul li .publish-date, .featured-news-wrapper ul li .featured-summary, .featured-news-wrapper ul li .read-more {display:none;}
.featured-news-wrapper ul li a {font-size: 18px; font-style: normal; font-stretch: normal; font-weight: 700; text-decoration:none;} 
.featured-news-wrapper ul li h2 {margin:20px 0;}
.featured-news-wrapper .view-more-less {display:none;text-align:center; width:100%; padding: 15px 0 25px; color:#afd7dc; font-size:18px; cursor:pointer;}
.featured-news-wrapper .additional-articles{width: auto;}
.featured-news-wrapper .additional-articles.in {display: block;}

.all-news-wrapper {margin:30px 0 0;}
.all-news-wrapper .results {font-weight:200;}
.all-news-wrapper .news-item {float:left; width:100%; margin:0; padding:25px 0; margin: 15px 0; border-bottom:2px solid #cccfd2;}
.all-news-wrapper .news-item:last-child {border:0;}
.all-news-wrapper .news-item a {font-size: 18px; font-style: normal; font-stretch: normal; font-weight: 700; text-decoration:none;} 
.all-news-wrapper .all-news-pagination .page-item a {color:#555759;}
.all-news-wrapper .all-news-pagination .page-item.active a {background-color: #008995; border-color: #008995; color:#ffffff;}

.turquoise-row .tilted-top-bar {background:#ededed;}
.turquoise-row .tilted-top-bar:before {background-color: #ededed;}
.turquoise-row .featured-news-wrapper .featured-block  {background:#ffffff;}
.turquoise-row .featured-news-wrapper .featured-block .publish-date {color:#a9abac;}
.turquoise-row .featured-news-wrapper .featured-block  h2.news-title a {color: #008995 !important;}
.turquoise-row .featured-news-wrapper .featured-block .featured-summary, .featured-news-wrapper .featured-summary p {color:#555759;}
.turquoise-row .featured-news-wrapper .featured-block a {color:#a9abac;}
.turquoise-row .featured-news-wrapper ul li {border-bottom:2px solid #309fa9;}
.turquoise-row .featured-news-wrapper ul li a {color: #ffffff;} 

.news-connect-list{list-style:none; float:right;margin-right:30px;}
.news-connect-list li {font-size:14px; color:#ffffff; text-transform:uppercase;float:left; padding:0 10px;}
.news-connect-list li:first-child {padding-left:0;}

.news-connect-list li:nth-child(2) a {display:block; width:26px; height:26px; background:url(images/facebook.png) no-repeat center center;}
.news-connect-list li:nth-child(3) a {display:block; width:26px; height:26px; background:url(images/twitter.png) no-repeat center center;}
.news-connect-list li:nth-child(4) a {display:block; width:56px; height:26px; background:url(images/youtube.png) no-repeat center center;}
.news-connect-list li:nth-child(5) a {display:block; width:26px; height:26px; background:url(images/instagram.png) no-repeat center center;}
.news-connect-list li:nth-child(6) a {display:block; width:26px; height:26px; background:url(images/nextdoor.png) no-repeat center center;}


/* 10-22-2019 - lgardner - playing with adding social media icons to newsletter signup section */
.newsletter-connect-list{list-style:none; float:right;margin-right:30px;}
.newsletter-connect-list li {font-size:14px; color:#ffffff; text-transform:uppercase;float:left; padding:0 10px;}
.newsletter-connect-list li:first-child {padding-left:0; padding-top:10px;}
.newsletter-connect-list li:nth-child(2) a {display:block; width:40px; height:40px; background:url(images/facebook32x32_free.png) no-repeat center center;}
.newsletter-connect-list li:nth-child(3) a {display:block; width:40px; height:40px; background:url(images/twitter32x32_free.png) no-repeat center center;}
.newsletter-connect-list li:nth-child(4) a {display:block; width:40px; height:40px; background:url(images/youtube32x32_free1.png) no-repeat center center;}
.newsletter-connect-list li:nth-child(5) a {display:block; width:40px; height:40px; background:url(images/instagram32x32_free.png) no-repeat center center;}
.newsletter-connect-list li:nth-child(6) a {display:block; width:40px; height:40px; background:url(images/nextdoor32x32_free.png) no-repeat center center;}

.park-news-connect-list{list-style:none; float:right;margin-right:30px;}
.park-news-connect-list li {font-size:14px; color:#00BB7E; text-transform:uppercase;float:left; padding:0 10px;}
.park-news-connect-list li:first-child {padding-left:0;}
.park-news-connect-list li:nth-child(2) a {display:block; width:26px; height:26px; background:url(images/icons/facebook.svg) no-repeat center center;}
.park-news-connect-list li:nth-child(3) a {display:block; width:26px; height:26px; background:url(images/icons/icon-twitter.svg) no-repeat center center;}
.park-news-connect-list li:nth-child(4) a {display:block; width:56px; height:26px; background:url(images/icons/icon-youtube.svg) no-repeat center center;}
.park-news-connect-list li:nth-child(5) a {display:block; width:26px; height:26px; background:url(images/icons/icon-instagram.svg) no-repeat center center;}
.park-news-connect-list li:nth-child(6) a, .park-news-connect-list li:nth-child(6) a:visited, .park-news-connect-list li:nth-child(6) a:active {display:block; width:26px; height:26px; background:url(images/icons/nextdoor.svg) no-repeat center center;}

.dark-gray-row .tilted-top-bar {background:#ffffff;}
.dark-gray-row .tilted-top-bar:before {background-color: #ffffff;}
.white-row .tilted-top-bar:after {background-color: #ffffff;}
.dark-gray-row .featured-news-wrapper .featured-block  {background:#ffffff;}
.dark-gray-row .featured-news-wrapper .featured-block .publish-date {color:#a9abac;}
.dark-gray-row .featured-news-wrapper .featured-block  h2.news-title a {color: #008995 !important;}
.dark-gray-row .featured-news-wrapper .featured-block .featured-summary, .featured-news-wrapper .featured-summary p {color:#555759;}
.dark-gray-row .featured-news-wrapper .featured-block a {color:#a9abac;}
.dark-gray-row .featured-news-wrapper ul li {border-bottom:2px solid #757678;}
.dark-gray-row .featured-news-wrapper ul li .publish-date {display:block; color:#ffffff;}
.dark-gray-row .featured-news-wrapper ul li a {color: #ffffff;} 
.dark-gray-row .featured-news-wrapper .view-more-less {color:#bfe1e4;}

.white-row .tilted-top-bar {background:#ededed;}
.white-row .tilted-top-bar:before {background-color: #ededed;}
.white-row .tilted-top-bar:after {background-color: #ededed;}
.white-row .featured-news-wrapper .featured-block  {background:#1ab57f;}
.white-row .featured-news-wrapper .featured-block .publish-date {color:#c5ecde;}
.white-row .featured-news-wrapper .featured-block  h2.news-title a {color: #ffffff !important;}
.white-row .featured-news-wrapper .featured-block .featured-summary, .featured-news-wrapper .featured-summary p {color:#ffffff;}
.white-row .featured-news-wrapper .featured-block a {color:#ffffff;}
.white-row .featured-news-wrapper ul li .publish-date {display:block; color:#a9abac; text-transform:uppercase;}
.white-row .featured-news-wrapper ul li {border-bottom:2px solid #d0d3d5;}
.white-row .featured-news-wrapper ul li a {color: #555759;} 
.white-row .dark-gray-row .featured-news-wrapper .view-more-less {color:#1ab57f;}

.newsletter-signup {font-weight:200;}
.newsletter-signup p {line-height:24px;}
.newsletter-signup h3 {color:#684359; text-transform:uppercase; letter-spacing:1px; font-weight:700; margin:10px 0 20px;}
.newsletter-signup .signup-holder {display:inline-block; float:none; width:100%; background:#684359; border:2px solid #ededed;}
.newsletter-signup .signup-holder input {width:70%; float:left; padding: 17px 15px !important; box-sizing:border-box; border:0; font-size: 16px; line-height: 23px; padding:15px; color:#595b5d; border-radius:0px !important;}
.newsletter-signup .signup-holder a {width:30%; display: block; float: right; box-sizing:border-box; color:#ffffff; font-weight:700; text-decoration:none; text-align:center; font-size:18px; line-height:27px; padding:15px;}
.signup-modal .modal-dialog {margin:30px auto; width:800px;}
.signup-modal .modal-dialog .modal-body {padding:15px;}
.signup-modal .modal-dialog h4.check-header, .signup-modal .modal-dialog .Content_Header {color:#555759; text-transform:uppercase; font-weight:700; font-size:16px;}
.signup-modal .modal-dialog label {color:#989b9d;}
.signup-modal .modal-dialog label strong {font-size: 14px; color:#989b9d;}
.signup-modal .modal-dialog label, .signup-modal .modal-dialog input {display:inline-block; width:100%; font-weight:200;}
.signup-modal .modal-dialog input {border:2px solid #d0d3d5; padding:5px;}
.signup-modal .modal-dialog input.error  {border:2px solid rgba(255,0,0,0.6) !important;}
.signup-modal .modal-dialog label input {float:left; margin-right:5px; width:20px;}
.signup-modal .submit-button {display: block; float: right; background:#684359; padding:10px 25px; width:auto; box-sizing:border-box; border:0; color:#ffffff; font-weight:700; text-decoration:none; text-align:center; font-size:18px;}

.col-1-5 {float:left; width:20%; box-sizing:border-box; padding:0 15px; margin:15px 0;}
.grid-layout .col-1-5.dim {opacity:.5;}
.grid-layout {padding: 50px 0; display: inline-block; width: 100%;}
.grid-layout .col-1-5 {padding:0 6px;}
.grid-layout .image-box {position: relative; overflow: hidden; width:100%; border:2px solid #d1d4d6; height: 250px;}
.grid-layout .image-box .image-wrap {width:100%;}
.grid-layout .image-box h3 {color: #008995; font-size: 18px; font-weight:bold; text-transform:uppercase; padding:25px 10px 20px; margin:0; text-align:center; letter-spacing:1px;}
.grid-layout .image-box a {position:absolute; top:0; left:0; right:0; bottom:0;}
.grid-layout .hover-box {position: relative; overflow: hidden; width:100%; border:2px solid #d1d4d6; padding:0 0 105px;}
.grid-layout .hover-box:hover .caption{opacity: 1;   transform: translateY(-100px);  -webkit-transform:translateY(-100px);   -moz-transform:translateY(-100px);  -ms-transform:translateY(-100px);   -o-transform:translateY(-100px);}
.grid-layout .hover-box .caption {position: absolute; box-sizing:border-box; top:150px;  -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;width: 100%;  }
.grid-layout .hover-box .caption h3 {color: #008995; font-size: 18px; font-weight:bold; text-transform:uppercase; margin:25px 0 20px; text-align:center;}
.grid-layout .hover-box .overlay {height: 205px; z-index: 5;  position: absolute; width: 100%;}
.grid-layout .hover-box .caption-text {z-index: 10; position: absolute; height: 205px; top:0; width: 100%; padding:0 15px 15px; background-color: #ffffff;}
.grid-layout .hover-box .caption-text p {color: #57595b; font-size: 13px; font-weight: 200; line-height: 18px; text-align: center; display:none; padding-bottom:15px;}
.grid-layout .hover-box .caption-text a {display:none; width:100%; background:#008995; color:#ffffff; padding:10px 20px; text-align:center; text-decoration:none; position:absolute; bottom:0; left:0; right:0; font-weight:bold; font-size:14px;}
.grid-layout .hover-box:hover .caption-text p, .grid-layout .hover-box:hover .caption-text a {display:block;}
.grid-layout .view-more-less {display:none; text-align:center; width:100%; padding:10px 0; color:#a9abac; font-size:18px; cursor:pointer;}
.grid-layout .additional-boxes.in {width: 100%;}
.grid-layout .additional-boxes.in {display:block;}

.panel-group .panel { border-radius: 0;  box-shadow: none;  border: 2px solid #d0d3d5;}
.panel-default {margin:10px 0 15px !important;}
.panel-default .panel-heading { padding: 0; text-transform:uppercase; border-radius: 0; background: #ffffff; }
.panel-title {font-size: 21px; font-weight:700;}
.panel-title a {color: #008995; border-bottom:1px solid #d0d3d5;}
.panel-title a { display: block; padding: 25px; text-decoration: none; }
.panel-title a.collapsed {color:#555759; border-bottom:0;}
.panel-title a.collapsed:after {font-family: 'FontAwesome'; content: "\f067"; float:right; font-size:12px; line-height: 21px; color: #555759;}
.panel-title a:after {font-family: 'FontAwesome'; content: "\f068"; float:right; font-size:12px; line-height: 21px; color:#555759;}
.panel-body {padding:50px 25px; color: #555759;  font-size: 16px; line-height:24px; font-weight:200; }

.promo-box-wrapper {position:relative; /*overflow:hidden;*/ margin:35px 0;}
.promo-box-wrapper .CntntPn {}
.promo-box-wrapper .container {position:unset;}
.promo-box-wrapper .Normal p {margin:0;}
.promo-box-wrapper .row {margin:0; position:unset;}
.promo-box-wrapper .promo-table  {position:unset; display:table; width:100%}
.promo-box-wrapper .col-md-6 {padding:0; position:relative; display:table-cell; float:none;;}
.promo-box-wrapper .left-promo {background:#555759;}
.promo-box-wrapper .left-promo-box {position:relative; padding-right:20px; display: inline-block; width: 100%;}
.promo-box-wrapper .left-promo:before {position:absolute; left:-100%; top:0; bottom:0; content:''; background:#555759; width: 100%;}
.promo-box-wrapper .left-promo:after {position: absolute; content:''; background-color: #555759; transform: skew(40deg); -webkit-transform: skew(40deg); -moz-transform: skew(40deg);-o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); right:0%; top: 0; bottom: 0; width: 20%; z-index:3; border-right:3px solid #ffffff;}
.promo-box-wrapper .right-promo {background:#008995;}
.promo-box-wrapper .right-promo-box {position:relative; padding-left:20px; display: inline-block; width: 100%;}
.promo-box-wrapper .right-promo:after {position:absolute; right:-100%; top:0; bottom:0; content:''; background:#008995; width: 100%;}
.promo-box-wrapper .right-promo:before {position: absolute; content:''; background-color: #008995; transform: skew(40deg); -webkit-transform: skew(40deg); -moz-transform: skew(40deg);-o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); left: 0%; top: 0; bottom: 0; width: 20%; border-left:3px solid #ffffff;}
.promo-box-wrapper .promo-image {padding:0;}
.promo-box-wrapper .promo-image {display:block; border:2px solid #ffffff; float:left; transition: all .2s ease-in-out; height:200px; overflow:hidden; margin-top:-20px; margin-bottom:-20px;}
.promo-box-wrapper .promo-image img {width:100%;}
.promo-box-wrapper .left-promo:hover:after {border-right:20px solid #ffffff;}
.promo-box-wrapper .left-promo:hover .promo-image img { transform: scale(1.2); }
.promo-box-wrapper .right-promo:hover:before {border-left:20px solid #ffffff;}
.promo-box-wrapper .right-promo:hover .promo-image img { transform: scale(1.2); }
.promo-box-wrapper .promo-text {z-index:10; padding: 50px 15px;}
.promo-box-wrapper .promo-text p, .promo-box-wrapper .promo-text a {color:#ffffff; font-size:20px;  line-height: 24px; font-weight: 700; letter-spacing:1px; text-decoration:none; text-transform:uppercase;}

.author-pull-left {left:0 !important;}
.author-credit {display:inline-block;}
.author-credit .trigger {display:block; float:left; width:60px; height:60px; background:url(images/author-credit.png) no-repeat center center rgba(255,255,255, 0.75); background-size: 40%; position:relative; z-index:9999;}
.author-credit .info-box { width:auto; float:left; font-weight:200; -webkit-transition: left 0.3s ease-out; -moz-transition: left 0.3s ease-out; -o-transition: left 0.3s ease-out; transition: left 0.3s ease-out; margin-left:-100%; color:#555759; font-size: 11px; font-weight: 200; padding:21px; line-height:18px; background:rgba(255,255,255, 0.90)}
.author-credit .info-box a {color:#555759;}
.author-credit:hover .info-box {margin-left:0; transition:all 0.2s;}

.Footer {position:relative; color:#ffffff; background:#555759; position:relative;}
/*.Footer:before {content:''; background:#a9abac; top:0; left:0; bottom:0; width:28%; position:absolute;}*/
.Footer h3 {font-size:21px; font-weight:bold; color:#ffffff; margin:70px 0 10px; text-transform:uppercase;}
.Footer h4 {font-size:16px; font-weight:bold; color:#ffffff; margin:40px 0 15px;}
.Footer .footer-mobile-links {background:#ededed;display: inline-block; width: 100%; padding: 25px 15px;}
.Footer .footer-mobile-links ul {margin:0; display:inline-block; width:100%;}
.Footer .footer-mobile-links ul li {display:block; float:left; width:100%;}
.Footer .footer-mobile-links ul li a {display:none;}
.Footer .footer-mobile-links ul li ul {margin:0 0 10px;}
.Footer .footer-mobile-links ul li ul li {display:block; float:left; margin:0 0 5px; width:25%;}
.Footer .footer-mobile-links ul li ul li a {display:block; color:#555759; font-weight:bold;font-size:14px;}
.Footer .footer-mobile-links .input-holder {border: 2px solid #d0d3d5;}
.Footer .footer-mobile-links .input-holder input {color:#333333;}
.Footer .footer-mobile-links a {color:#555759 !important;}
.Footer a {color:#ffffff !important;}
.Footer ul {margin:10px 0; padding:0;}
.Footer ul li {list-style-type:none;}
.Footer ul.footer-left-links {margin:30px 0;}
.Footer ul.footer-left-links li {margin:5px 0 30px;}
.Footer ul.footer-left-links li a {color:#ffffff; font-size:16px; font-weight:200; text-decoration:none;}
.Footer ul.footer-left-links li a:hover {text-decoration:underline;}
.Footer ul.footer-left-links li i {font-size:10px; margin-left:7px; color:#d0d3d5;}
.Footer .contact-list {margin:30px 0;}

/*lgardner - Talked to Jodie and she prefers the bootstrap glyphs in place of the below icons.  Comment out below and added glyphs in footer.ascx
   ************  ISSUE - Because glyph span is inside li, on mobile text wraps under glyph.  Added -margin and div to adjust left spacing *****************
*/
/* lgardner - changed margin to eliminate 1 px space between teal bar and page bottom*/
.Footer .contact-list li {padding-left:25px; margin: 5px 0 7px; font-weight: 200;}
/*.Footer .contact-list li:nth-child(1) {background:url(images/phone.jpg) no-repeat center left;}
.Footer .contact-list li:nth-child(2) {background:url(images/marker.jpg) no-repeat center left;}
.Footer .contact-list li:nth-child(3) {background:url(images/clock.jpg) no-repeat center left;}*/
.Footer .contact-list .contact-list-glyph-phone:before { content: "\e183" ; font-family: 'Glyphicons Halflings'; float: left;  margin-left: -20px; }
.Footer .contact-list .contact-list-glyph-map:before { content: "\e062"; font-family: 'Glyphicons Halflings'; float: left;  margin-left: -20px; }
.Footer .contact-list .contact-list-glyph-dir:before { content: "\e043" ; font-family: 'Glyphicons Halflings';}
.Footer .contact-list .contact-list-glyph-clock:before { content: "\e023"; font-family: 'Glyphicons Halflings';  float: left;  margin-left: -20px; }
.Footer .contact-list .contact-list-glyph-drop:before { content: "\e064"; font-family: 'Glyphicons Halflings';  float: left;  margin-left: -20px; }

.Footer .list-grid {margin:30px 0;}
.Footer .list-grid li {text-align:left; display:block; float:left; width:50%; margin:0 0 20px; font-weight: 200;}
/* lgardner - commented out to match AOR designs*/
/*.Footer .list-grid li:nth-child(2n) {text-align:right;}*/
.Footer .important-links {display:inline-block; width:100%; margin:40px 20px 20px 0;}
.Footer .important-links li {float:left; padding:0 10px; line-height:10px;}
.Footer .important-links li:first-child {padding-left:0; border-right:1px solid #ffffff;}
.Footer .important-links li a {font-weight:200; text-decoration:none !important;}
.Footer .important-links li a:hover {text-decoration:underline;}
.Footer .google-translate {padding:30px 20px 0 20px;}
#google_translate_element .skiptranslate.goog-te-gadget {color:#FFFFFF;}
#google_translate_element .goog-te-combo {color:#666;}
.Footer .connect-list li {font-size:14px; color:#ffffff; text-transform:uppercase;float:left; padding:0 10px;}
.Footer .connect-list li:first-child {padding-left:0;}
.Footer .connect-list li:nth-child(2) a {display:block; width:26px; height:26px; background:url(images/facebook.png) no-repeat center center;}
.Footer .connect-list li:nth-child(3) a {display:block; width:26px; height:26px; background:url(images/twitter.png) no-repeat center center;}
.Footer .connect-list li:nth-child(4) a {display:block; width:56px; height:26px; background:url(images/youtube.png) no-repeat center center;}
.Footer .connect-list li:nth-child(5) a {display:block; width:26px; height:26px; background:url(images/instagram.png) no-repeat center center;}
.Footer .connect-list li:nth-child(6) a {display:block; width:26px; height:26px; background:url(images/nextdoor.png) no-repeat center center;}
.Footer .grey-bar-bottom {background:#97999a; position:absolute; left:0; bottom:0; height:66px; width:34.8%;}
.Footer .light-grey { padding:50px 0 0; background:#a9abac; position:relative;}
.Footer .light-grey:before {content:''; position:absolute; background:#a9abac; left:-100%; top:0; bottom:0; width: 100%;}
.Footer .dark-grey { padding:20px 0 0;}
.Footer .medium-grey {background: #97999a; padding: 18px 0; font-weight: 200; font-size: 11px; margin: 49px 0 0; position:relative;}
.Footer .medium-grey:before {content:''; position:absolute; background:#97999a; left:-100%; top:0; bottom:0; width: 100%;}
.Footer .left-part {position:absolute; top:0; left:0; height:300px;}
.Footer .right-part {background:#555759; padding:20px 0; position:absolute; top:0; right:0; height:300px;}
.bottom-row-mobile {display:none;}
.tilted-row {background-color: #008996; padding:15px 30px 15px; width: 95%; position:relative; display:inline-block;}
.tilted-row:after {position: absolute; content:''; background-color: #008996; transform: skew(40deg); -webkit-transform: skew(40deg); -moz-transform: skew(40deg);-o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); right: -10%; top: 0; bottom: 0 !important; width: 20%;}
.scroll-top {float:right; box-sizing:border-box; padding: 15px 10px; width:80px; float:right; background:#97999a;}
.scroll-top i {width:100%; text-align: center;}
.scroll-top span {display:block; width:100%; margin:10px 0 0; font-size:15px; text-align: center;}

/*Login
-------------------------------------*/
.topUserBar { background:#008995; color:#ffffff; padding: 4px 0; }
.login { float: right; }

/* User Controls Menu */
.userProperties {
    float: right;
    max-width: 260px; /* grow user information to a max of 260px */
}
    .userProperties > ul {
        float: right;
        padding: 0;
        margin: 0;
    }
        .userProperties > ul li {
            position: relative;
            list-style: none;
            padding: 0;
            margin: 0;
        }
            .userProperties > ul li.userLogin a {
                border-left: solid 1px #fff;
            }
        .userProperties > ul > li,
        .userProperties > ul > li > span {
            float: left;
        }
            /*.userProperties > ul > li. img, */
            .userProperties > ul > li > a {
                width: auto;
                display: block;
                color: #fff;
                font-size: 12px;
                font-weight: normal;
                text-decoration: none;
            }
.userName,
.userRegister,
.userLogin {
    padding-top: 0px;
}
    .userRegister > a,
    .userLogin > a {
        display: inline-block;
        line-height: 1;
        padding: 0 8px;
        margin-top: 8px;
        background: none;
    }
        .userRegister > a:hover,
        .userLogin > a:hover,
        .userName > a:hover {
            color: #fff;
        }

.userName {
    max-width: 200px; /* user name and arrow max width */
}
    .userName > a {
        display: inline-block;
        padding: 5px 25px 5px 10px;
        margin-right: 1px;
        background: url("images/arrowDown.png") no-repeat 95% center;
        /* styles to handle long names */
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 3px;
    }
        .userName > a.active {
            color: #fff;
        }
.userProfile .userProfileImg {
    float: right;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 28px;
}
    .userProfile .userProfileImg img {
        width: 28px;
        height: 28px;
    }
.userProfile .userMessages {
    display: none;
}
    .userProfile .userMessages:after {
        content: '';
        position: absolute;
        left: -4px;
        top: 5px;
        width: 0px;
        height: 0px;
        font-size: 0px;
        line-height: 0px;
        border-bottom: 4px solid transparent; /* left arrow slant */
        border-top: 4px solid transparent; /* right arrow slant */
        border-right: 4px solid #f7f7f7; /* bottom, add background color here */
    }

/* User Controls Menu Drop Down */
.userProperties ul.userMenu {
    z-index: 100;
    display: none;
    position: absolute;
    width: 225px;
    top: 10px;
    left: 0;
    border: 1px solid #fff;
    margin: 25px 0 0 0;
    background: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
    -webkit-animation-duration: .25s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .25s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .25s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .25s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    padding: 5px;
}
    .userProperties ul.userMenu li {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
    }
.userProperties li.userNotifications,
.userProperties li.userProfilename {
    border-bottom: 1px dotted #999;
}
.userProperties ul.userMenu a {
    display: block;
    padding: 5px 15px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    transition: all ease-in 100ms;
    -moz-transition: all ease-in 100ms;
    -webkit-transition: all ease-in 100ms;
    -o-transition: all ease-in 100ms;
    -ms-transition: all ease-in 100ms;
    text-transform: none;
}
    .userProperties ul.userMenu a span {
        padding: 0px 4px;
        background: rgba(0,0,0,0.45);
        border-radius: 3px;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
		display: none;
    }
.userProperties ul.userMenu li:last-child > a {
    padding-top: 10px;
}
.userProperties ul.userMenu li:hover > a,
.userProperties ul.userMenu li:hover > a strong {
    color: #ff4710;
    background: #f4f4f4;
}

/*tinya - colors for visualizers*/
.contact-content h4 {color: #008C95;}
.contact-content .contact-hours a, .contact-content .contact-hours a:visited, .contact-content .contact-hours a:active{color: #008C95;}
.box-tile-1-5 a h4, .box-tile-1-5 a:visited h4, .box-tile-1-5 a:active h4 {color: #008C95;}
.box-tile-1-5 a:hover h4 {color: #006A73; text-decoration: inherit;}
.box-tile-1-5 a:hover .box-container {border:2px solid #006A73;}
.slider-content-container h1 {color: #008996;}
.slider-content-container .learn-more {background-color: #008996;background-color: rgba(0, 140, 149, 1.0);}
.slider-content-container .learn-more:hover {background-color:  #006A73;}
/*end tinya*/

/*lgardner - Thunderstone Search Results Styles*/
#ThunderstoneSearchResults { margin-top: 90px;}
#ThunderstoneSearchForm .search-panel {border: solid 1px !important;}
#search-help .panel-body{ border: none !important;}
#ThunderstoneSearchResults .panel-body .table > tbody > tr > td { border: none; }
#ThunderstoneSearch .table-bordered { border: none;}
#ThunderstoneSearchResults #ThunderstoneSearch input[name=refine] {border: none; padding-top: 0px;}
#ThunderstoneSearchForm input[name=query] { width: 95%;}
#ThunderstoneSearch a {color: #008996;}
#ThunderstoneSearchForm .col-margin { margin-top: 10px; margin-bottom: 10px;}
/*.search-for-this{ margin-left: 0;margin-right: 0;}*/
#ThunderstoneSearch .panel-body{ margin-top: 10px; padding-top: 25px;padding-bottom: 25px;}
#ThunderstoneSearchForm .panel-body{ padding-top: 25px;padding-bottom: 25px;}
#ThunderstoneSearchForm .panel-body .advanced-search-top {padding-bottom: 10px;}
#ThunderstoneSearchForm .advanced-search-bottom { margin-top: 0;padding-bottom: 0;}
#ThunderstoneSearchForm .search-result-separator { border: solid 1px #ededed !important; width: 100%!important;}
#ThunderstoneSearchForm .fileIcon { margin-right: 5px;}
#ThunderstoneSearchForm input[name=refine] { margin-right: 5px; }
#ThunderstoneSearchForm #search-within {text-align: center;}
#ThunderstoneSearchForm #search-within-column {font-weight: inherit;}
#ThunderstoneSearchForm #search-within-column label {font-weight: inherit;}
#ThunderstoneSearchForm .without-this-row {text-align: center;}
#ThunderstoneSearchForm .order-by {text-align: center;}
#ThunderstoneSearchResults input[type=submit] { margin-right: 5px; background-color: #008996; font-family: Montserrat, sans-serif; color: #fff; border: none;}
#ThunderstoneSearchResults input[type=submit]:hover {background-color: #006A73;}
#ThunderstoneSearchForm .advanced-search-top { overflow-x: hidden;text-align: center;}
#ThunderstoneSearchForm .advanced-search-bottom { overflow-x: hidden;border: none !important;text-align: center; }
#ThunderstoneSearchForm #search-help, #search-proximity, #search-ranking-factors { text-align: left;}
#ThunderstoneSearchForm #search-help .container { width: 95%;}
#ThunderstoneSearchForm #search-proximity .container { width: 95%;}
#ThunderstoneSearchForm #search-ranking-factors .container { width: 95%;}
#ThunderstoneSearchForm #search-proximity br { display: none;}

/* lgardner - find a better way to do this.   Could not get z-index to work, so added white background so auto-complete suggestions drop down was on top isolate to search!!
*/
.ui-autocomplete {padding: 5px 25px 5px 5px; width: 75px; background-color: #fff;}
.ui-menu-item {list-style: none;}
.ui-menu-item .ui-corner-all { color: #008996;}
.ui-helper-hidden-accessible { display: none;}

/*Search Help Styles*/
.accordion-panel h3{ margin-top: 0px;}
.accordion-panel h4{ margin-top: 0px;}
.accordion-panel .panel-body{ padding-top: 20px;}
.accordion-panel table { margin-bottom: 20px;margin-left: 20px;}

/*End Thunderstone Search Results Styles*/

@media screen and (min-width:0px) and (max-width:1600px) {
.Header .container, .Footer .container, .gray-subnav-bar .container, .container.relative  {width:1170px;}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.top-links-search {margin: 0 -15px 0;}
.col-md-2.HeaderLogo {padding-right: 0;}
.TopNavMain {margin:0;}
.TopNavMain ul.nav li a {padding: 17px 5%;}
.input-holder {width: 30%;}
.tilted-top-bar a {font-size:16px; margin-right:10px;}
.access-westminster {width:90%; background-size: 100% !important; height: 75px; margin: 30px 0 20px;}
.Footer {display:table; width:100%;}
.Footer .dark-grey, .Footer .light-grey {display:table-cell; float: none; vertical-align: top;}
.Footer .medium-grey {position:absolute; left:0; right:0; bottom:0;}
.tilted-row {width:85%;}

#ThunderstoneSearchForm .search-for-this .col-margin {text-align: left;}
#ThunderstoneSearchForm #order-by-column, #search-within-column, #without-this-column{text-align: left;margin-left: 15px;padding-left: 0;}
#ThunderstoneSearchForm .advanced-search-top { overflow-x: hidden;text-align: center;}

.lib-catalog-search-button { width: 140px;}

/*lgardner - used to identify media break when testing*/
/*.tilted-top-bar-short-title {color: purple;}*/

.tilted-top-bar-short {padding-right: 15px; width: 20%}
.tilted-top-bar-long {padding-right: 15px; }
}
@media screen and (min-width:991px){
.footer-mobile-links {display:none !important;}
}
@media screen and (min-width:0px) and (max-width:1169px)
{
.Header .container, .Footer .container, .gray-subnav-bar .container, .container.relative {width: 970px;}
.alert-row .message-box a {margin-left:0;}

.lib-catalog-search-button { width: 40px;}
.lib-catalog-search-form .col-lg-10 { padding-left: 15px;}
.lib-search-button-wrapper .glyphicon:after{display: none;}
}
@media screen and (min-width:768px) and (max-width:1169px)
{
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {width:140% !important; height:auto !important; margin-left:-40% !important;}
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-inner,  .ls-container {height:420px !important;}
}
@media screen and (min-width:0px) and (max-width:991px)
{
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); display:block !important;}
.navbar-collapse.collapse {display: none!important;}
.navbar-collapse.collapse.in {display: block!important;}
/*.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container.ls-v5, .ls-inner, .ls-slide {height:500px !important;}*/
.ls-bg, .ls-preloaded {height:auto !important;}
.SldrPn .overflow-box, .SldrPn .title-box {width:auto !important; left:20% !important; right:20% !important; padding: 0 20px;}
.SldrPn .overflow-box h1, .SldrPn .title-box h1 {padding:15px 0; margin:0;}
.SldrPn .overflow-box a, .SldrPn .title-box a {width: 40%;}
.author-credit {display:none !important;}
.large-search .input-holder {width:100%;}
.large-search .input-holder #gSearchInput {width:84%;}
.large-search .input-holder #gSearchButton {width:16%;}
.large-search .input-holder #gSearchButton .glyphicon:after {display:none;}
.large-search .input-holder #gSearchInput {font-size:14px;}
.container {width:100% !important;}
.scroll-top {display:block;}
.gray-subnav-bar {display:none;}
.Footer:before {display:none;}
.Footer .grey-bar-bottom {display:none;}
.Footer .footer-left-links {display:block; padding-left:12px;}
.Footer .light-grey { padding:0; background:#a9abac; float:left; width:100%;}
.Footer .dark-grey { padding:20px 0 0; float:left; width:100%;}
.Footer h3 {margin:30px 0 10px;}
.Footer .access-westminster {background:url(images/access.png) no-repeat 10px center; background-size:70%; width:200px; height:76px; display:block; float: left; margin:0px;}
.tilted-row {width:100%;}
.news-connect-list {padding:10px 10px 10px 30px; margin:0 auto; width: 100%; display: inline-block;}
.news-connect-list li {font-size:14px; color:#ffffff; text-transform:uppercase; float:left; padding:0 10px;}
.news-connect-list li:first-child {padding-left:0; width:100%; margin:0 0 15px;}
.news-connect-list li:nth-child(2) {padding-left:0;}
.park-news-connect-list {padding:10px 10px 10px 30px; margin:0 auto; width: 100%; display: inline-block;}
.park-news-connect-list li {font-size:14px; color:#ffffff; text-transform:uppercase; float:left; padding:0 10px;}
.park-news-connect-list li:first-child {padding-left:0; width:100%; margin:0 0 15px;}
.park-news-connect-list li:nth-child(2) {padding-left:0;}
.Footer .connect-list {padding:10px 0;width: 100%; display: inline-block;}
.Footer .connect-list li {font-size:14px; color:#ffffff; text-transform:uppercase; float:left; padding:0 10px;}
.Footer .connect-list li:first-child {padding-left:0; width:100%; margin:0 0 15px;}
.Footer .connect-list li:nth-child(2) {padding-left:0;}
.Footer .medium-grey {margin:0; height:auto;}
.Footer .important-links {margin:10px 0;}
.Footer .important-links li a {text-decoration:underline;}
.Footer .dark-grey .important-links {display:none;}
.Footer .dark-grey .google-translate {display:none;}
.Footer .list-grid {display:inline-block; width:100%;}
.tilted-row:after {display:none;}
.Footer .medium-grey.horizontal-padding {padding:15px;}
.navbar-collapse {padding:0;}
.navbar-toggle {display:block;}
.TopNavMain .full-menu {display:none;}
.TopNavMain .main-menu {display:block;}
.TopNavMain .full-menu-trigger {display:block; background: #ededed;}
.TopNavMain ul.mobile-nav {background: #ededed; float:left; width:100%;}
.TopNavMain ul.mobile-nav li, .full-menu-trigger {width:100%; display:block; float: left; background: none; border-bottom:2px solid #ffffff; position:relative;}
.TopNavMain ul.mobile-nav li a, .full-menu-trigger {text-align:left; padding: 15px;color: #555759; }
.TopNavMain ul.mobile-nav li i, .full-menu-trigger i {position: absolute; top: 0; bottom: 0; height: 100%; color: #008996; text-align: right; right: 0; width: 40px;padding: 15px;}
.TopNavMain ul.mobile-nav li .column-wrap {position:relative;display:none;}
.TopNavMain ul.mobile-nav li.active {background:#684359;}
.TopNavMain ul.mobile-nav li.active a, .TopNavMain ul.mobile-nav li.active i {color:#ffffff;}
.TopNavMain ul.mobile-nav li .sub-menu {background:#ffffff; float:left;display:none;}
.TopNavMain ul.mobile-nav li .sub-menu li {position:relative; display:block; width:100% !important; padding:0; margin:0; z-index:99999;font-size: 15px; line-height: 100%; font-weight:200; background:#f8f8f8;}
.TopNavMain ul.mobile-nav li .sub-menu li a {position:relative; display:block; width:100%; margin:0; padding:15px; padding-left:30px; float: left; color:#999b9c; font-weight:200;}
.TopNavMain ul.mobile-nav li .sub-menu li a.active {color:#684359 !important; font-weight:bold !important;}
.TopNavMain ul.mobile-nav li .sub-menu li:last-child {border:0; background:#f8f8f8;}
.TopNavMain ul.mobile-nav li.active .sub-menu {display:block;}
.TopNavMain ul.mobile-nav li.active .sub-menu li ul{display:none;}
.TopNavMain ul.mobile-nav li.active .sub-menu li.active ul {display:block;}
.TopNavMain ul.mobile-nav li.active .sub-menu li.active ul li ul {display:none;}
.TopNavMain ul.mobile-nav li.active .sub-menu li.active ul li.active ul {display:block;}
.TopNavMain ul.mobile-nav li .sub-menu li i {color:#d0d4d7;}
.TopNavMain ul.mobile-nav li:hover ul, .TopNavMain ul.mobile-nav.nav li ul {display:none; z-index:99999;}
.TopNavMain ul.mobile-nav li .sub-menu li:last-child a {color:#999b9c;}
.TopNavMain ul.mobile-nav li .sub-menu li ul li , .TopNavMain ul.mobile-nav li .sub-menu li ul li:first-child {padding:0; margin:0; background:#ffffff;}
.TopNavMain ul.mobile-nav li .sub-menu li ul li a {padding-left:40px;}
.TopNavMain ul.mobile-nav li .sub-menu li ul li a.has-sub-menu {border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
.TopNavMain ul.mobile-nav li .sub-menu li ul li:last-child a {color:#999b9c;}
.TopNavMain ul.mobile-nav li .sub-menu li ul li ul li a {padding-left:55px;}
/*.TopNavMain ul.nav li:nth-child(2) .sub-menu li:last-child {background:#f8f8f8;}
.TopNavMain ul.nav li:nth-child(3) .sub-menu li:last-child {background:#f8f8f8;}*/
.TopNavMain ul.full-menu {}
.TopNavMain .full-menu li.level0 {display:block;}
.TopNavMain .full-menu li ul , .TopNavMain ul.full-menu li ul li ul,
.TopNavMain .full-menu ul.mobile-nav li.active .sub-menu,
.TopNavMain .full-menu ul.mobile-nav li.active .sub-menu li.active ul{display:none;}
.navbar-collapse .TopNavMain ul.nav > li > a.active::before {display:none;}
.SbPg .TopNavMain .main-menu ul.mobile-nav li.level0 {display:block;}
.SbPg .TopNavMain .main-menu ul.mobile-nav li.level0:not(.active) {display:none;}
.Header .input-holder  {margin:0 0 15px;}
.top-links-search {padding:0 15px;}
.input-holder {width:100%; background:#ffffff; border:2px solid #ededed;}
.input-holder #gSearchInput {float:left; width:80%; border:none;}
.input-holder #gSearchButton {width: 40px; background: #684359; text-align:center;}
.jump-to-section .jump-to-trigger {display:block; color:#ffffff; text-align:center; padding:15px 0;}
.jump-to-section ul {display:none;}
.jump-to-section ul li {display:block; width:100%; margin:0;}
.modal-fullscreen#jump-to-mobile .modal-dialog {width: 100%;}
blockquote {margin:15px 0; width:100%;}
.detail-template .main-image {padding:0;}
.detail-template .detail-title {float:left !important; padding:0; margin:0 0 20px;}
.detail-template .detail-title h1 {margin:15px 0;}
.detail-template .image-wrapper {float:right; width:100%;}
.no-padding-mobile {padding:0;}
.no-margin-mobile {margin:0;}
.Footer .important-links {width:auto;}
.turquoise-row h1 {text-align:center;}
.turquoise-row h2 {text-align:center;}
.dark-gray-row .tilted-top-bar {background:none;}
.turquoise-row .tilted-top-bar {background:white; margin-bottom:10px; padding:5px;}
.turquoise-row.tilted-top-bar-short:before, .turquoise-row.tilted-top-bar-short:after {display:none;}
.tilted-top-bar {background:#008995; position:relative; width:100%; display:inline-block; padding:15px 0;}
.tilted-top-bar:before, .tilted-top-bar:after {display:none;}
.tilted-top-bar a {margin:0;}
.tilted-top-bar a, .tilted-top-bar a i {color:#bfe1e4;}
.tilted-top-bar a, .tilted-top-bar a i {color:#a9abac; padding: 0 20px;float:right;}  /* REMOVED  .turquoise-row; FROM .turquoise-row .tilted-top-bar a, .turquoise-row .tilted-top-bar a i */
.white-row .tilted-top-bar {background:#ffffff;}
.white-row .tilted-top-bar a  {color:#1ab57f;}

/*lgardner - use to identify media breaks when testing*/
/*.tilted-top-bar-short-title {color: orange;}*/

.tilted-top-bar-short-title {text-align: center; margin-bottom: 5px;}
.white-row .tilted-top-bar-short { width: 100%; background-color: #ededed; padding: 5px; color: #a9abac;}
.white-row .tilted-top-bar-short a {color: #a9abac;}

.tilted-top-bar-long:before, .tilted-top-bar-long:after {display:none;}
.white-row .tilted-top-bar-long { width: 100%; background-color: #ededed; padding: 5px; color: #a9abac;}
.white-row .tilted-top-bar-long a {color: #a9abac;}

#ThunderstoneSearchForm .search-for-this .col-margin {text-align: left;}
#ThunderstoneSearchForm #order-by-column, #search-within-column, #without-this-column {text-align: left;margin-left: 15px;padding-left: 0;}
#ThunderstoneSearchForm .advanced-search-top { overflow-x: hidden;text-align: center;}

.lib-catalog-search-button { width: 40px;}
.lib-catalog-search-form .col-lg-10 { padding-left: 15px;}
.lib-search-button-wrapper .glyphicon:after{display: none;}

.featured-news-wrapper ul {display: inline-block; margin:10px 0; padding:0;}
.featured-news-wrapper ul li {display:none; width:100%; margin:0; padding:25px 5px; border-bottom:0 !important; border-top-width:2px; }
.featured-news-wrapper ul li:first-child {border:0 !important;}
.white-row .featured-news-wrapper ul li {border-top:2px solid #d0d3d5;}
.dark-gray-row .featured-news-wrapper ul li {border-top:2px solid #757678;}
.turquoise-row .featured-news-wrapper ul li {border-top:2px solid #309fa9;}
.grid-layout .view-more-less, 
.featured-news-wrapper .view-more-less {display:block;}
.grid-layout .col-1-5 {width:100%; /*display:none;*/}
.grid-layout .image-box {height:auto;}
.grid-layout .image-box .image-wrap {width:25%; display:table-cell;}
.grid-layout .image-box .image-wrap img {width:100%;}
.grid-layout .image-box h3 {display:table-cell; padding:15px; vertical-align:middle; text-align:left;}
.promo-box-wrapper {margin:0;}
.promo-box-wrapper .container {padding: 0;}
.promo-box-wrapper .left-promo:before,.promo-box-wrapper .left-promo:after,
.promo-box-wrapper .right-promo:before,.promo-box-wrapper .right-promo:after {display:none;}
.promo-box-wrapper .col-md-6 {width: 50%; box-sizing: border-box; vertical-align:top;}
.promo-box-wrapper .left-promo-box, .promo-box-wrapper .right-promo-box {padding:0 !important;}
.promo-box-wrapper .left-promo {border-right:2px solid #ffffff; overflow:hidden; text-align:right;}
.promo-box-wrapper .right-promo {border-left:2px solid #ffffff; overflow:hidden; text-align:left;}
.promo-box-wrapper .promo-image {width:100%; height:0; border:0; margin:0; float:none;}
.promo-box-wrapper .promo-image img {width:100%;}
.promo-box-wrapper .right-promo:hover .promo-image img,
.promo-box-wrapper .left-promo:hover .promo-image img { transform: scale(1.05);}
.promo-box-wrapper .right-promo .promo-image img,
.promo-box-wrapper .left-promo .promo-image img  {/*margin-top:-20%;*/}
.promo-box-wrapper .promo-image {height:auto; overflow:visible; max-height: 200px;overflow: hidden;}
.promo-box-wrapper .promo-image.pull-right {float:none !important;}
.promo-box-wrapper .promo-text {padding: 20px 15px; }
.promo-box-wrapper .promo-text a {font-size: 0.8em; line-height: 1.3em;}
.promo-box-wrapper .left-promo p {text-align:right;}
.promo-box-wrapper .right-promo p {text-align:left;}
.promo-box-wrapper .left-promo .promo-text {background:#555759;}
.promo-box-wrapper .right-promo .promo-text {background:#1ab57f;}
.panel-title a {padding-right: 50px;}
.panel-title a::after {margin-right: -25px;}
.detail-template .gray-row {padding:15px !important;}
.detail-template .gray-row:before {display:none;}
.detail-template .gray-row:after {display:none;}
.detail-template .main-content {padding:0 15px;}
.modal-header .close {margin-top: -14px; font-size:40px;}
.max-wd-320 {max-width:420px;}
.alert-row .warning-icon {line-height:20px;}
.alert-row .message-box h1 {font-size:1.2em;}
.alert-row .message-box {padding: 20px 20px 20px 90px;}
.alert-row .message-box a, .alert-row .message-box p {font-size: .8em;}
.bottom-row-mobile {display:block !important;}
}
@media screen and (min-width:1170px) and (max-width:1400px){
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {width:120% !important; height:auto !important; margin-left:-20% !important;}
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-inner,  .ls-container {height:420px !important;}
}
@media screen and (min-width:768px) and (max-width:1169px)
{
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {width:140% !important; height:auto !important; margin-left:-40% !important;}
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-inner,  .ls-container {height:420px !important;}
}
@media screen and (min-width:768px) and (max-width:991px){
.Footer .medium-grey {display:none;}
.navbar-collapse.collapse {display: none; height: auto !important; padding-bottom: 0;  overflow: visible !important;}
.ls-inner .ls-l {left:25%!important; right:25%!important;}
.SldrPn .overflow-box a {width: 30%;}
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {width:160% !important; height:auto !important; margin-left:-40% !important;}
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-inner,  .ls-container {height:400px !important;}
html .SbPg  * .ls-container img, body .SbPg * .ls-container img, #ls-global * .ls-container img {width:180% !important; height:auto !important; margin-left:-40% !important;}
}
@media screen and (min-width:436px) and (max-width:767px)
{
	html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {width:240% !important; height:auto !important; margin-left: -100% !important;}
	.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-inner, .ls-container {height:350px !important;}
	.ls-inner .ls-l {left:10%!important; right:10%!important;}
}
@media screen and (min-width:610px) and (max-width:767px)
{
html .SbPg  * .ls-container img, body .SbPg * .ls-container img, #ls-global * .ls-container img {width:200% !important; height:auto !important; margin-left:-30% !important;}
}
@media screen and (min-width:436px) and (max-width:609px)
{
html .SbPg  * .ls-container img, body .SbPg * .ls-container img, #ls-global * .ls-container img {width:280% !important; height:auto !important; margin-left:-30% !important;}
}
@media screen and (min-width:0px) and (max-width:435px)
{
.grid-layout .image-box .image-wrap {width:37%; display:table-cell;}
.grid-layout .image-box h3 {font-size: .8em;}
.sharethis-inline-share-buttons.st-inline-share-buttons .st-btn {width:100%;}
.newsletter-signup a {font-size:.9em !important;}
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-inner, .ls-container {height:300px !important;}
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {width:250% !important; height:auto !important; margin-left: -100% !important;}
.ls-inner .ls-l {left:25px!important; right:25px!important;}
.ls-inner .ls-l .overflow-box h1 {font-size: 7.8em;}
.ls-inner .ls-l .overflow-box a {font-size:3.8em;}

.lib-search-button-wrapper .glyphicon { right: 15%;}
}
@media screen and (min-width:0px) and (max-width:335px)
{
.input-holder #gSearchInput {float:left; width:80%;}
}
@media screen and (min-width:0px) and (max-width:365px)
{
.Footer .footer-mobile-links ul li ul li {text-align:left; display:block; float:left; width:50%; margin:0 0 20px;}
.Footer .footer-mobile-links ul li ul li:nth-child(2n) {text-align:right;}
.logo-mobile {background-size:90%; background-position:left center;}
}
@media screen and (min-width:0px) and (max-width:400px)
{
.tilted-top-bar a {color: #bfe1e4; font-size: 0.9em;}

/*lgardner - use to identify media breaks when testing*/
/*.tilted-top-bar-short-title {color: green;}*/

html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {width:300% !important;}
#ThunderstoneSearchResults { margin-top: 100px;}
#ThunderstoneSearchForm #search-within-column {text-align: left;}
/* #hide-advanced-margin { margin-top: 10px; margin-bottom: 10px;}*/

table.table-responsive {font-size:10px;}
}

/** IE Fixes **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.no-position{ position:static;}
	.TopNavMain ul.nav li {position:static;}
	.input-holder #gSearchInput {padding:5px 5px 12px 10px;}
	.large-search .input-holder #gSearchInput {padding:17px;}
	.newsletter-signup .signup-holder a {line-height:23px;}
    /* lgardner - added so teal/gray bar in footer would bottom align */
    .Footer .contact-list li {margin: 5px 0 5px;}
    .Footer .tilted-row{ padding-bottom: 17px;}
    .Footer .important-links {margin-bottom: 22.5px; }
    .lib-catalog-search-input{ padding: 11px 10px 15px 10px;}
    .lib-catalog-search-button{ padding: 8.75px 10px 11px 10px;}
}
/** Chrome and Safari iPad fix **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@media screen and (min-width:991px){
	.no-position{ position:static;}
	.TopNavMain ul.nav li {position:static;}
	}
	@media screen and (min-width:992px) and (max-width:1199px) {
	.tilted-top-bar:after {display:none;}

    /*lgardner - use to identify media breaks when testing*/
    /*.tilted-top-bar-short-title {color: blue;}*/

	.promo-box-wrapper .left-promo:before,.promo-box-wrapper .left-promo:after,
	.promo-box-wrapper .right-promo:before,.promo-box-wrapper .right-promo:after {display:none;}
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	 body, html {overflow: hidden!important;}
	 .tilted-top-bar:after {display:none;}
     #ThunderstoneSearchForm #search-within-column {text-align: left;}

     /*lgardner - use to identify media breaks when testing*/
    /*.tilted-top-bar-short-title {color: darkmagenta;}*/
}

.actionMenu {opacity:1 !important;}

/*lgardner - make error message in form builder forms red*/
.form-builder-canvas .error-message, .form-builder-canvas .submit-message{ color: red;}

/*titran-make labels not read, make required element red*/
.form-builder-canvas .form-canvas-label{ color: #777; text-align:left;}
.form-builder-canvas .required label:after{ color: red;}

/* RB Changes color of connect with us text */
.connect-with-us{color: #684359 !important;}

#cs12{
	padding-bottom:8px;
}