@charset "UTF-8";
/* CSS Document */
/*
Theme Name: CPRA 2013
Author: Westguard Solutions
Author URI: http://www.westguardsolutions.com
Description: This is the theme for the Coastal Protection and Restoration Authority of Louisiana.

*/

* { margin: 0; padding: 0; border: 0; }

html { height: 100%; }
body { height: 100%; font-family: 'Lato', sans-serif; background: #231f20; }

h1 { color: #ffffff; }
h2 { color: #444444; font-size: 11px; margin: 0px 0px 10px 0px; padding: 0px; font-style: italic; }
h3 { font-size: 24px; color: #000000; margin-bottom: 20px; }
h4 { font-size: 18px; padding-bottom: 10px; }
p { margin-bottom: 20px; line-height:24px;}
hr { color: #000; background-color: #000; width:80%; margin:0 0 15px 15px; height: 3px }
a { color: #0095d9; }
a:visited { color:#0095d9; }
ul, ol { margin-bottom:10px; }
ul li { padding-bottom:10px; }
ol li { padding-bottom:10px; margin-left: 20px;}

.cB { clear: both; }

img.alignleft { float: left; }

span.highlight { background-color:#fff000; }

#whiteWrap { background: #ffffff; padding-top: 28px; width: 100%; }

#tinymce { background-color:#ffffff; }

header { background: url(images/headerBackground.jpg) top center; margin: 0px auto 10px auto; min-width:960px; } 

#headerWrapper { width: 960px; height: 100px; margin: 20px auto 25px auto; }

#headerLeft { float: left; width: 625px; min-width: 625px;}
#headerLeft h1 a { color:#ffffff; -webkit-touch-callout: none; text-decoration:none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#headerLeftLogo { float: left; margin: 5px 20px 0px 10px; }
#headerLeftTitle { float: left; margin: 9px 0px 0px 0px; }

#headerRight { float: right; width: 335px; }
#headerRightSearch { float: right; margin: 25px 0px 0px 0px; text-align: right; }
#headerRightSearch input[type="text"] { color: #000; font-size: 11px; padding: 5px; margin: 0px 5px 0px 0px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
#headerRightSearch input[type="submit"] { color: #000; font-size: 11px; height: 20px; width: 42px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background: #fff; }

section { width:960px; margin: 0px auto 0px auto; }
#fullMap { width:100%; margin:0px auto; padding-bottom:25px; }

nav { width:960px; margin: 0px auto 25px auto; }
nav ul li { display:inline; font-family: "Lato", sans-serif; }
#menu-primary { max-width: 960px; background-color: #e0dfe0; height: 68px; }
#menu-primary li { display:inline; font-size: 16px; font-family: "Lato", sans-serif; }
#menu-primary li a { background: #e0dfe0; text-decoration:none; color:#000; padding: 24px 22px 25px 23px;}

.contentColumns { margin-top:35px;}

#columnLeftHome { float:left; width: 230px; background-color: #f1f0f1; padding: 10px 10px 10px 10px; }
#columnLeft { float:left; width: 200px; background-color: #f1f0f1; padding: 10px 10px 10px 10px; }
#columnLeft .page_item { list-style: none; font-size: 15px; padding: 10px 0px 10px 0px; line-height: 1.0; }
#columnLeft .page_item a { text-decoration: none; color: #3f3f3f; }
#columnLeft .page_item .children a { color: #3f3f3f; padding-left: 15px; }

li.selectedSub { background-color:#e0dfe0; padding-bottom:0px; } /*This will have to be marked as !important if we want the bottom line of dark grey to be removed from the selected nav's subnav area. That then takes off the bottom padding from selected nav without a subnav below it, which is bad. That would then have to be fixed as well for this to work */


#columnLeft .sidenav ul.secondsub > li > ul { list-style: disc; margin-top: -20px; padding: 10px; }
#columnLeft .sidenav ul.secondsub > li > ul > li { margin-bottom: 5px; margin-left: 30px; }
#columnLeft .sidenav ul.secondsub > li > ul > li > a { padding: 0; }

#columnLeft .sidenav ul.secondsub > li.currentPage a:hover { background-color: #fff; color: #000; }
#columnLeft .sidenav ul.secondsub > li.currentPage > ul { background-color: #fff; }
#columnLeft .sidenav ul.secondsub > li:hover { background-color: #888; }

#columnLeft nav { width: auto; }
#columnRight header { min-width: auto; }
#columnRight img { max-width: 100%; }
#columnRight nav { width: auto; }

.homeContent { padding: 40px 5px 30px 5px; }
.emergencyLinks { margin: 50px auto; }
.emergencyLinks img { padding-left:18px; padding-top:10px; }
.emergencyLinks img#fight-fraud { padding-left: 69px; padding-top: 20px; }
.emergencyLinks img.laGov { margin-left: 26px; }
.emergencyLinks .subscribe { padding:20px auto; text-align:center; margin-top:40px; }
.emergencyLinks .subscribe a { color:#0095d9; font-weight:bold; }

/*New Sidenav Sidebar */
#menu-primary .current-menu-item, #menu-primary .current_page_item, #menu-primary .current-menu-ancestor, #menu-primary .current-page-ancestor { background-color:#e0dfe0; }
#columnLeft .sidenav ul { list-style: none; font-size:15px; line-height: 1.0; margin-bottom:0px; }
ul.sidenav { list-style:none; margin-bottom:0px; }
#columnLeft.wide { width: 690px; background-color: #ffffff; }
li .page_item .current_page_item a { color: #0095d9; }
li.selectedSub { padding-bottom: 0px !important; }

.sidenav li { padding: 0px; }
.sidenav li.currentPage > a { background-color: #ffffff; }
.sidenav li a { color: #000000; text-decoration:none; padding: 20px 10px 20px 10px; display: block; } 
.sidenav li a:hover { background-color: #888888; color: #ffffff; }
.secondsub li a { padding-left: 20px; }

#columnLeft .columnTitle { margin: 20px 0px 15px 0px; }
#columnCenter { float: left; width:440px; padding: 10px; }
#columnCenter h1 { padding: 15px 0 15px 10px;}
#columnRight { float: right; padding: 10px 10px 10px 10px; }
#columnRight.narrow { width: 230px; background-color: #f1f0f1; }
#columnRight.wide { width: 690px; }
#columnRight.wide b span, #columnRight.wide strong span { font-size: 18px; }
#columnRight.project { background: #f8941d; }
#columnRight.project .section { margin-bottom: 10px; }
#columnRight.project .section a { font-size: 12px; }
#columnRight ul li { margin-left: 30px; }

.entry-content #s { border-color: #000; border: 1px solid; font-size: 15px; }
.error404search { padding-top: 50px; }

p.wp-caption-text { text-align: center; background-color: #eeeeee;}
div.aligncenter { margin: 0px auto; text-align:center;}

.projectDetails { font-size: 12px; }
.projectDetails p { font-size: 12px; }
.projectTitle { font-size: 16px; margin-bottom:13px; font-weight: bold; }
.columnTitle { font-size: 20px; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #000000; }
.icon { margin:12px auto; text-align:center;}
.type-icon { float: left; }
.typedescription { float:left; width: 625px; }
.projectLinks { list-style:square; padding-left: 18px; }
.projectLinks li a { font-size: 12px; color: #000000; }
.projectLinks li { list-style-type: square; }


/*Tables on Pages*/
table { border-spacing:0px; font-size:14px; }
table td { border: 1px #e8e8e8 solid; }
#contracts, #bids, #policies, #forms, #construction-bids, #construction, #master-reports, #quarter-reports, #annual-reports, #opened-bids { width:700px; margin:5px auto 50px auto; }
#contracts th { background-color: #00a14b; color: #f1f0f1; line-height: 29px; border: 1px #efefef solid; height: 60px;}
#bids th{ background-color: #7f4099; color: #f1f0f1; border: 1px #efefef solid; line-height:29px; height: 60px;}
#opened-bids th {background-color: #7f4099; color:#f1f0f1; border: 1px #efefef solid; line-height:29px; height: 60px;}
#contracts td, #bids td, #policies td, #forms td, #construction-bids td, #construction td, #opened-bids td {  vertical-align:middle; padding: 10px; line-height: 24px; }
#policies th { background-color: #ffdd17; color: #000; line-height: 29px; border: 1px #efefef solid; height: 60px;}
#forms th { background-color:#23acad; color:#000; line-height:29px; border: 1px #efefef solid; height: 60px;}
#construction-bids th { background-color:#f7931d; color:#ffffff; line-height:29px; border: 1px #efefef solid; height: 60px;}
#construction th { background-color:#00a14b; color:#f1f0f1; line-height:29px; border: 1px #efefef solid; height: 60px;}
#bids td, #opened-bids td { font-size: 13px; }
#master-reports td, #quarter-reports td, #annual-reports td { text-align:center; vertical-align:middle; padding: 10px; border: 1px black solid; }
#contracts .result-content { border-bottom:none; }
span.preBid { color:#F00; }

.homeWhatsNew { margin-bottom: 10px; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #dddddd; }
.homeWhatsNewTitle { font-size: 16px; margin-bottom: 5px; }
.homeWhatsNewTitle a { color: #000000; text-decoration: none; }
.homeWhatsNewDate { font-size: 12px; font-style: italic; }

.homeInTheNews { margin-bottom: 10px; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #dddddd; }
.homeInTheNewsTitle { font-size: 16px; margin-bottom: 5px; }
.homeInTheNewsTitle a { color: #000000; text-decoration: none; }
.homeInTheNewsExcerpt { font-size: 12px; margin-bottom: 5px;  }
.homeInTheNewsExcerpt p { line-height: 16px; }
.homeInTheNewsDate { font-size: 12px; font-style: italic; }

div.newsList { padding-bottom: 10px; border-bottom: 1px solid black; margin-bottom: 15px; }
.newsList h4 { text-align:left; }
.newsList .date a { color: #0095d9; padding-left:10px; text-decoration:none;}
.newsStory { margin-bottom: 150px; }
.newsListing { margin-bottom:25px; }
.newsList h4 a { color: #0095d9; font-size: 16px;  }
p.newsTimeStamp { font-style: italic; }
p.instructions { font-style: italic; float: left; }

p.whatsnewlink a { color:#666; font-size:14px; }

/* Calendar Archive Page*/
.date-meta ul li { height: 20px; clear:both; margin: 0 0 15px 0;}
.date-meta ul li label { width: 100px; display:block; float:left; padding-top:4px; }
.date-meta ul li input { width:125px; display:block; float:left; }
.date-meta ul li em { width: 200px; display:block; float:left; color:gray; margin-left:10px; padding-top: 4px; }

/*.result-content { margin: 0px 0px 40px 20px; } */
.result-content { margin-bottom: 20px; /*border-bottom: 1px solid black;*/ }
.result-content h4 { text-align:left; }
.result-content .address p, .result-content .contact p { font-size: 14px; line-height:10px; padding-bottom: 0px; }
.address p { padding: 0px; line-height: 14px;}
.address { margin: 20px 0px; }
.contact a h5 { color: #000000; font-weight: normal; line-height: 2; }
.contact a { color:#000000; }
.result-content .special-event { font-size:14px; }
.result-content .special-event p { margin-bottom:20px; }
.result-content .special-event ul { margin:20px 10px; }

.projectList { margin-bottom: 40px; }
.projectList img { float:left; margin-right:25px; }
.projectList p { padding-top:20px; }
.projectList h4 { text-align:left; }
.projectList h4, .projectList p { padding-left: 224px; }
.projectList a { text-decoration:none; }
.projectCategories { padding-bottom: 30px; display:table; width: 100%; position: relative; margin-bottom: 16px; }
.projectCategories a { display: table-cell; }
.projectCategories hr { width: 100%; bottom: 0; left: 0; position: absolute; }
.projectCategories img { padding: 0 16px 0 12px; }
#resiliency, #protection, #restoration { padding-bottom:40px; }
#resiliency p, #protection p, #restoration p, #resiliency h5, #protection h5, #restoration h5 { padding-left: 25px; }
#resiliency h5, #protection h5, #restoration h5 { font-size: 18px; padding-bottom: 10px; }
#resiliency { margin-bottom: 70px; }
#resiliency h4, #protection h4, #restoration h4 { font-size: 24px; color: #000000; margin-bottom: 20px; }

.textarea { width: 500px; height:500px; }

img.left { float:left; padding: 0px 5px 5px 0px; }
img.right { float:right; padding: 0px 0px 5px 5px; }

.column { float:left; margin: 0px 8px 10px 8px; text-align: center; }
.column:last-child { margin-right: 0px; }
.column3 { width: 130px; }

.homeIcon { width: 90px; height: 90px; margin: 0px 0px 5px 0px; }
.homeIconCaption { font-size: 14px; }

.articleCount { float:right;}
.articleNext { padding-left:150px;}

.entry-header h1 { color: #000000; padding: 0px !important; }

.orange { background-color:#f8941d;}

/* Slides Styling */
#slides { margin-bottom:50px;}
.slides_container { width:960px; height:375px; margin-left:auto; margin-right:auto; margin-bottom:50px; overflow:hidden; position:relative; display:block;}
.slides_container div { width:960px; height:95px; margin-left:auto; margin-right:auto;}

/*Pagination (Slides)*/
.pagination { width: 100px; z-index:120; margin: -30px 10px 0px 0px;}
.news-pagination { width: 220px; float: right; }
.pagination li { float:left; margin:0 1px; list-style:none;}
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(images/pagination.gif); background-position:0 0;}
.pagination li.current a { background-position:0 -12px;}

.caption { z-index:500; position:relative; top: -168px; left:473px; padding:10px 20px 10px 20px; background:rgba(255,255,255,.80); width:450px; font-size:1.2em; line-height:1.33; color:#000; border-top:none; text-shadow:none; }
.caption p { width:450px; font-size: 22px; line-spacing: 30px; }

/*Pagination (Calendar)*/
.cal-pagination { min-width: 150px; float: right; max-width:250px; }
.cal-pagination a {color:#000; font-weight:bold; }
.cal-pagination .prev, .cal-pagination .next { color: #0195dd; }

/* Calendar (Single) */
.calendar-template-default.single-calendar section .contact {
	margin-bottom: 100px;
}

/* Superfish (essential) */
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:	none; }
.sf-standard ul li ul { z-index:999; }
.sf-menu ul { position:absolute; top:-999em;}
.sf-menu ul li { width: 220px;}
/*#menu-item-311 { padding-right: 25px !important; } */
/*#menu-item-166 { padding-left: 27px !important; } */
/*Superfish Dropdown that we removed but will add back in */
.sf-menu li:hover { visibility:inherit;}
.sf-menu li { float:left; position:relative;}
.sf-menu a { display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:4.25em; z-index:999;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em;}
#menu-item-10 li:hover ul, ul.sf-menu li li.sfHover ul { left:10.25em; top:0;}
#menu-item-12 li:hover ul, ul.sf-menu li li.sfHover ul { left:11.25em; top:0;}
#menu-item-311 a { padding-right: 4px; }
.sf-menu li.sfHover li li { top:-999em; }
ul.sf-menu li li:hover li li:hover ul { visibility:inherit;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; top:0;}


/* Skin */
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#13a;}
.sf-menu .sub-menu { background: #aeadae !important; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #888888 !important; color: #ffffff !important; outline:0;}
.sf-menu a.sf-with-ul { padding-right: 2.5em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}


.sf-vertical li li { background-color:#ffffff; }
.sf-vertical ul li { width:200px; }
.sf-vertical li:hover ul { top: 5.25em; }

#subToggle li ul { display: none; }
*/

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* Footer */
#footer { height: 0px; position: relative; bottom: 183px; z-index: 99999; clear: both; min-width:960px;}
#footerInner { width: 100%; padding-top: 240px; height: 176px; display: block; background: url(images/footer.png) top center no-repeat; }
.footernav { margin: 0px auto; width: 960px; margin-bottom: 30px; }
#menu-footer li { display:inline; font-family: "Lato", sans-serif; color:#fff; padding:15px 21px;}
#menu-footer li a { text-decoration:none; color:#fff;}
.footerinfo { color:#fff; text-align: center; font-size:11px; font-family: 'Helvetica', sans-serif; }
.footerinfo p { margin-bottom: 10px; }
#footer #fight-fraud { margin: 0px auto; width: 498px; margin-top: 20px; }

.footernav form { float:right; margin-bottom:30px; }
.footernav form input[type="text"] { color: #000; font-size: 11px; padding: 5px; margin: 0px 5px 0px 0px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.footernav form input[type="submit"] { color: #000; font-size: 11px; height: 20px; width: 42px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background: #fff; }
.menu-footer-container { text-align: center; }

/*Search Results */
.page-header h1 { color: #000000; }
.page-header hr { position: relative; left: -15px; width: 80%; height: 1px; border: none; }
header.entry-header { background: none; }
h1.entry-title a { color:#0095da; }
.entry-summary a { color:#000; font-size: 14px; }
article { margin-bottom: 20px; }
#primary { padding-bottom: 150px; }
#searchsubmit { font-size: 15px; padding: 5px; }

/*Password Protected*/
.page-template-pageSignIn-php form { margin-bottom: 20px; }
form input[name="user_login"] { padding: 5px; border-width: 1px; border-color: #000; border-style: solid; }
#columnRight form input[type="submit"] { margin: 10px; padding: 5px; -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75); }

/*Archive List Results */
.result-content h4 a { text-decoration: none; color: #0095da; }
.result-content h4 a:visited { color: #0176ac; }

/*Project Page Tabs */
.etabs { margin: 0 0 15px 0; padding: 0; background-color: #efefef; height: 39px; border-radius: 10px; }
.tab { display: inline-block; zoom:1.1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding-bottom:0px; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration:none; color:#000; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; color: #000; text-decoration: none; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }

#tab-container .projectTitle { font-weight: bold; }
#tab-container .projectDetails { margin-bottom: 30px; }
/*#tab-container { height:750px; }*/

.columnTitle span { float:right; margin-right: 15px; }
a.backlink { font-size: 12px; text-decoration:none; }

/*Special Project Tabs ex: CCRP */
.specialTabs { display: table; width 100%; }
.specialTabs .pagetab { display: table-cell; text-align: center; vertical-align: top; }
.specialTabs a { font-size: 12px; padding-top: 5px; outline: none; width: 90px; height: 37px; background-color: #eeeeee; text-decoration: none; color: #000; display: inline-block; padding: 7px 10px 0px 10px; border: 1px solid #999; border-bottom: none; border-radius: 10px 10px 0px 0px; }
.specialTabs.specialTabsSmall a { width: 77px; }
.special .pagetab a { line-height:1em; }
.currentTabSpecial a{ background-color:#ffffff; }
/*.specialTabs .nonstructural-projects , .specialTabs .resilience-working-groups, .specialTabs .resilience-approach { position:relative; top:15px;  }
.specialTabs .dwh-nrda-early-restoration { position:relative; top:26px; }*/
.specialTabs.oilspill a { line-height:13px; height:42px; }
.projectContent { width:676px; }
.projectContent .col1 { width:215px; float:left; padding-right:10px; }
.projectContent .col1 a img { margin-bottom:5px; }
.projectContent ul { padding-left: 20px; }
.projectContent li { list-style-type:square; }
.projectContent ul.resourceList li { padding-bottom:30px; list-style-type: square; }
.projectContent .threecol { margin-top:20px; }
.projectContent .threecol .col1 p { line-height:19px; margin-bottom:10px;}
.projectContent .colfour { width: 158px; float: left; padding-right: 11px; }
.projectContent .colfour p { font-size: 13px; line-height: 16px; }
.projectContent .colfour p a { font-weight: bold; }
.projectContent .colthree { width: 214px; float: left; padding-right: 11px; }
.projectContent .colthree a { display: block; }
.projectContent .colthree p { font-size: 13px; line-height: 16px; }
.projectContent .colthree p a { font-weight: bold; }
.projectContent .coltwo p { font-size:14px; line-height:15px; padding-top: 3px; }
.projectContent #documentsTabPage .colfour img { border: 1px black solid; }
.projectContent .resourceSection { margin-bottom:35px; }
/*.projectTitle a { text-decoration:none; }*/
.projectTables table { width:676px; margin-bottom: 50px; }
.projectTables table th { font-size:16px; background-color:#26adb0; color:#ffffff; height: 30px; }
.projectTables table td { padding:10px; }
.projectContent .coltwo { width: 308px; float: left; padding: 0px 15px; }
.lilbox { width:25px; height:25px; float: left; margin-right: 5px; }
.lilbox.aqua { background-color:#26adb0; }
.lilbox.blue { background-color:#0094da; }
.lilbox.green { background-color:#aec32a; }
.lilbox.yellow { background-color:#f2ce06; }
.lilbox.purple { background-color:#842694; }
/*.projectContent .coltwo a { color:#000000; text-decoration:none; }*/
.projectContent .tabBack { font-size:12px; text-decoration:none; }
span.bold { font-weight:bold; }
p.photocreds { font-size: 14px; color: #999999; font-style: italic; }
.projectContent span.projectTitle { margin-top: -10px; }

/*Gallery in Photos Tab*/
.gallery-item .gallery-caption { text-align: left; font-size: 16px; width: 331px; }

/*History Timeline*/
#timeline, .storyjs-embed { width: 702px; height: 850px !important; }
#timeline .slider-container-mask { width: 702px !important; height: 615px; }
.content-container, .layout-text-media { width:455px; }
#timeline .slider-item { width: 560px !important; display: table; overflow-y: auto; height: 1320px; }
#timeline .container h2.start { width:600px !important; }
#timeline .media-image img { width: 450px !important; max-width: 450px !important;max-height:360px !important; }
#timeline .content-container .text { display:block !important; width:100% !important;}
.vco-slider .slider-item .content .content-container .text { width: 100%; max-width:100%; }
.vco-slider .slider-item .content .content-container { display:block !important; }
#timeline .flag-content h3 { font-size: 12px !important; line-height: 14px !important; }
#timeline h2 { margin-bottom: 15px; font-size: 18px !important; line-height: 16px; margin-top: 20px; }
#timeline .icon { margin:3px auto; }
#timeline p { width: 450px !important; }
.vco-slider .slider-item .content .content-container .media { min-width: 83% !important; width: 455px; margin: 10px auto;}
.vco-slider .slider-item .content .pad-left .text .container { width: 455px; padding-left:15px !important; padding-right:30px !important; }
.vco-timeline .vco-navigation .timenav-background .timenav-interval-background { top: 152px !important; }

/* Videos Page */
#columnRight.videoplayers { padding-bottom: 100px; }
.videoplayers .video-single { float: left; width: 48%; padding: 20px 1%; }
.videoplayers .video-single h4 { text-align: center; color: #0195dd; }
a.video-link { text-decoration: none; }
.video-single img { cursor: pointer; }
#columnRight ul.etabs li { margin-left: 0px; }

/* New 2017 Master Plan Content */
table#planning-team-table { width: 375px; margin: 0px auto; }
table#planning-team-table thead { background-color: #019599; color: #ffffff; }
table#planning-team-table th, table#planning-team-table td { padding: 5px; }
ol#mp-list li strong { font-weight: bold; font-size: 18px; }
ul.no-bullets li { list-style: none; line-height: 12px; }

/* LaGov Password-Protected Pages */
div.image-link-bar div { margin: 20px auto; text-align:center; }
div.image-link-bar div img { padding:0px 10px; }
h3.laGovHeader { background-color:#0095d9; color:#fff; text-align:center; font-size:20px; padding: 5px 0px; margin-top:40px; }


.searchResult { padding-bottom: 20px; border-bottom: 1px solid #bbbbbb; margin-bottom: 20px; }
.searchResult:last-child { border-bottom: none; }

#email-signup { width: 394px; position: relative; top: 12px; right: -16px; background-color: #e0dfe0;}
#email-signup p { font-size:15px; font-weight:bold; margin-bottom:0;}
#email-signup table td { padding-right: 10px; font-size: 12px; border: none; }
#email-signup input[type="text"], #email-signup input[type="email"] { padding:3px;}
#email-signup input[type="submit"] { float: right; background-color: #f8941d; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 11px !important; cursor:pointer; }

.social {
	list-style: none;
	padding-left: 0;
	position: relative;
	right: -16px;
	top: 15px;
}

.social li {
	background-color: #888888;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-bottom: 0;
	text-align: center;
	width: 20px;
}

.social li + li {
	margin-left: 6px;
}

.social a {
	color: #FFFFFF;
}

#map_canvas { width: 690px; height: 481px; z-index: 99; margin-bottom: 20px; }
.projectmap { margin-bottom:180px; }
.fullSizeMap { width:100%; height:100%; margin:0px auto 145px auto; }
#map_canvas_full { width: 100%; height: 800px; z-index: 99; margin-bottom: 20px; }
.markerContent h1.firstHeading { font-size: 18px; text-align: center; color: #000000; }
.gm-style-iw { position: absolute; left: 12px; top: 9px; overflow: auto; width: 320px; height: 280px; }
.markerContent hr { width: 100%; margin-left: 0px; color: #0095d9; background-color: #0095d9; height: 3px; margin-bottom: 5px; }
span.projectMapLink { margin: 6px 100px; }
span.projectMapLink a { font-size:16px !important; }

.input-field {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #CECED2;
	border-radius: 0;
	color: #000000;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.42857;
	margin: 0;
	padding: 8.5px 10px;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-transition: border-color 200ms ease-in-out, background-image 200ms ease-in-out;
	transition: border-color 200ms ease-in-out, background-image 200ms ease-in-out;
	width: 100%;
}

.button {
  background-color: #CECED2;
  border: 1px solid #CECED2;
  border-radius: 0;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  padding: 8.5px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.button.full {
	width: 100%;
}

[data-toggle="modal"] {
  cursor: pointer;
}

body.modal-open {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
}

.modal-backdrop {
  background-color: rgba(43,46,56,.9);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

.modal {
  bottom: 0;
  display: none;
  left: 0;
  letter-spacing: -4px;
  overflow: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: fixed;
  text-align: center;
  right: 0;
  top: 0;
  vertical-align: middle;
  z-index: 10000;
}
.modal:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.modal.extra-small .modal-content {
  max-width: 0;
}
.modal.small .modal-content {
  max-width: 544px;
}
.modal.medium .modal-content {
  max-width: 768px;
}
.modal.large .modal-content {
  max-width: 992px;
}
.modal.extra-large .modal-content {
  max-width: 1400px;
}
.modal .modal-content {
  background-color: #FFFFFF;
  border: #CECED2 solid 1px;
  border-radius: 0;
  display: inline-block;
  letter-spacing: normal;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 20px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
.modal .modal-content  h1 {
 color: #000;
}
.modal .modal-content  h1 .close {
	color: #000;
	font-weight: normal;
	float: right;
	text-decoration: none;
}

ul.list-unstyled, ul.list-inline, ol.list-unstyled, ol.list-inline, dl.list-unstyled, dl.list-inline {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

img.responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.grid.extra-small-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.grid.extra-small-middle {
  -webkit-box-align: middle;
      -ms-flex-align: middle;
          align-items: middle;
}

.grid.extra-small-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.grid.extra-small-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.grid.extra-small-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grid.extra-small-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.grid.extra-small-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.grid.extra-small-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 544px) {
  .grid.small-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .grid.small-middle {
    -webkit-box-align: middle;
        -ms-flex-align: middle;
            align-items: middle;
  }
  .grid.small-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .grid.small-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .grid.small-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .grid.small-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .grid.small-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .grid.small-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 788px) {
  .grid.medium-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .grid.medium-middle {
    -webkit-box-align: middle;
        -ms-flex-align: middle;
            align-items: middle;
  }
  .grid.medium-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .grid.medium-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .grid.medium-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .grid.medium-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .grid.medium-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .grid.medium-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 1200px) {
  .grid.large-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .grid.large-middle {
    -webkit-box-align: middle;
        -ms-flex-align: middle;
            align-items: middle;
  }
  .grid.large-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .grid.large-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .grid.large-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .grid.large-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .grid.large-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .grid.large-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 1400px) {
  .grid.extra-large-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .grid.extra-large-middle {
    -webkit-box-align: middle;
        -ms-flex-align: middle;
            align-items: middle;
  }
  .grid.extra-large-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .grid.extra-large-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .grid.extra-large-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .grid.extra-large-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .grid.extra-large-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .grid.extra-large-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.grid .tile {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

.grid .tile.extra-small-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.grid .tile.extra-small-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.grid .tile.extra-small-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.grid .tile.extra-small-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.grid .tile.extra-small-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.grid .tile.extra-small-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.grid .tile.extra-small-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.grid .tile.extra-small-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.grid .tile.extra-small-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.grid .tile.extra-small-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.grid .tile.extra-small-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.grid .tile.extra-small-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.grid .tile.extra-small-left-0 {
  right: auto;
}

.grid .tile.extra-small-left-1 {
  right: 8.3333333333%;
}

.grid .tile.extra-small-left-2 {
  right: 16.6666666667%;
}

.grid .tile.extra-small-left-3 {
  right: 25%;
}

.grid .tile.extra-small-left-4 {
  right: 33.3333333333%;
}

.grid .tile.extra-small-left-5 {
  right: 41.6666666667%;
}

.grid .tile.extra-small-left-6 {
  right: 50%;
}

.grid .tile.extra-small-left-7 {
  right: 58.3333333333%;
}

.grid .tile.extra-small-left-8 {
  right: 66.6666666667%;
}

.grid .tile.extra-small-left-9 {
  right: 75%;
}

.grid .tile.extra-small-left-10 {
  right: 83.3333333333%;
}

.grid .tile.extra-small-left-11 {
  right: 91.6666666667%;
}

.grid .tile.extra-small-left-12 {
  right: 100%;
}

.grid .tile.extra-small-right-0 {
  left: auto;
}

.grid .tile.extra-small-right-1 {
  left: 8.3333333333%;
}

.grid .tile.extra-small-right-2 {
  left: 16.6666666667%;
}

.grid .tile.extra-small-right-3 {
  left: 25%;
}

.grid .tile.extra-small-right-4 {
  left: 33.3333333333%;
}

.grid .tile.extra-small-right-5 {
  left: 41.6666666667%;
}

.grid .tile.extra-small-right-6 {
  left: 50%;
}

.grid .tile.extra-small-right-7 {
  left: 58.3333333333%;
}

.grid .tile.extra-small-right-8 {
  left: 66.6666666667%;
}

.grid .tile.extra-small-right-9 {
  left: 75%;
}

.grid .tile.extra-small-right-10 {
  left: 83.3333333333%;
}

.grid .tile.extra-small-right-11 {
  left: 91.6666666667%;
}

.grid .tile.extra-small-right-12 {
  left: 100%;
}

@media (min-width: 544px) {
  .grid .tile.small-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid .tile.small-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid .tile.small-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .grid .tile.small-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid .tile.small-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid .tile.small-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .grid .tile.small-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid .tile.small-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid .tile.small-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .grid .tile.small-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid .tile.small-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid .tile.small-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .grid .tile.small-left-0 {
    right: auto;
  }
  .grid .tile.small-left-1 {
    right: 8.3333333333%;
  }
  .grid .tile.small-left-2 {
    right: 16.6666666667%;
  }
  .grid .tile.small-left-3 {
    right: 25%;
  }
  .grid .tile.small-left-4 {
    right: 33.3333333333%;
  }
  .grid .tile.small-left-5 {
    right: 41.6666666667%;
  }
  .grid .tile.small-left-6 {
    right: 50%;
  }
  .grid .tile.small-left-7 {
    right: 58.3333333333%;
  }
  .grid .tile.small-left-8 {
    right: 66.6666666667%;
  }
  .grid .tile.small-left-9 {
    right: 75%;
  }
  .grid .tile.small-left-10 {
    right: 83.3333333333%;
  }
  .grid .tile.small-left-11 {
    right: 91.6666666667%;
  }
  .grid .tile.small-left-12 {
    right: 100%;
  }
  .grid .tile.small-right-0 {
    left: auto;
  }
  .grid .tile.small-right-1 {
    left: 8.3333333333%;
  }
  .grid .tile.small-right-2 {
    left: 16.6666666667%;
  }
  .grid .tile.small-right-3 {
    left: 25%;
  }
  .grid .tile.small-right-4 {
    left: 33.3333333333%;
  }
  .grid .tile.small-right-5 {
    left: 41.6666666667%;
  }
  .grid .tile.small-right-6 {
    left: 50%;
  }
  .grid .tile.small-right-7 {
    left: 58.3333333333%;
  }
  .grid .tile.small-right-8 {
    left: 66.6666666667%;
  }
  .grid .tile.small-right-9 {
    left: 75%;
  }
  .grid .tile.small-right-10 {
    left: 83.3333333333%;
  }
  .grid .tile.small-right-11 {
    left: 91.6666666667%;
  }
  .grid .tile.small-right-12 {
    left: 100%;
  }
}

@media (min-width: 788px) {
  .grid .tile.medium-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid .tile.medium-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid .tile.medium-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .grid .tile.medium-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid .tile.medium-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid .tile.medium-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .grid .tile.medium-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid .tile.medium-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid .tile.medium-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .grid .tile.medium-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid .tile.medium-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid .tile.medium-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .grid .tile.medium-left-0 {
    right: auto;
  }
  .grid .tile.medium-left-1 {
    right: 8.3333333333%;
  }
  .grid .tile.medium-left-2 {
    right: 16.6666666667%;
  }
  .grid .tile.medium-left-3 {
    right: 25%;
  }
  .grid .tile.medium-left-4 {
    right: 33.3333333333%;
  }
  .grid .tile.medium-left-5 {
    right: 41.6666666667%;
  }
  .grid .tile.medium-left-6 {
    right: 50%;
  }
  .grid .tile.medium-left-7 {
    right: 58.3333333333%;
  }
  .grid .tile.medium-left-8 {
    right: 66.6666666667%;
  }
  .grid .tile.medium-left-9 {
    right: 75%;
  }
  .grid .tile.medium-left-10 {
    right: 83.3333333333%;
  }
  .grid .tile.medium-left-11 {
    right: 91.6666666667%;
  }
  .grid .tile.medium-left-12 {
    right: 100%;
  }
  .grid .tile.medium-right-0 {
    left: auto;
  }
  .grid .tile.medium-right-1 {
    left: 8.3333333333%;
  }
  .grid .tile.medium-right-2 {
    left: 16.6666666667%;
  }
  .grid .tile.medium-right-3 {
    left: 25%;
  }
  .grid .tile.medium-right-4 {
    left: 33.3333333333%;
  }
  .grid .tile.medium-right-5 {
    left: 41.6666666667%;
  }
  .grid .tile.medium-right-6 {
    left: 50%;
  }
  .grid .tile.medium-right-7 {
    left: 58.3333333333%;
  }
  .grid .tile.medium-right-8 {
    left: 66.6666666667%;
  }
  .grid .tile.medium-right-9 {
    left: 75%;
  }
  .grid .tile.medium-right-10 {
    left: 83.3333333333%;
  }
  .grid .tile.medium-right-11 {
    left: 91.6666666667%;
  }
  .grid .tile.medium-right-12 {
    left: 100%;
  }
}

@media (min-width: 1200px) {
  .grid .tile.large-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid .tile.large-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid .tile.large-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .grid .tile.large-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid .tile.large-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid .tile.large-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .grid .tile.large-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid .tile.large-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid .tile.large-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .grid .tile.large-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid .tile.large-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid .tile.large-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .grid .tile.large-left-0 {
    right: auto;
  }
  .grid .tile.large-left-1 {
    right: 8.3333333333%;
  }
  .grid .tile.large-left-2 {
    right: 16.6666666667%;
  }
  .grid .tile.large-left-3 {
    right: 25%;
  }
  .grid .tile.large-left-4 {
    right: 33.3333333333%;
  }
  .grid .tile.large-left-5 {
    right: 41.6666666667%;
  }
  .grid .tile.large-left-6 {
    right: 50%;
  }
  .grid .tile.large-left-7 {
    right: 58.3333333333%;
  }
  .grid .tile.large-left-8 {
    right: 66.6666666667%;
  }
  .grid .tile.large-left-9 {
    right: 75%;
  }
  .grid .tile.large-left-10 {
    right: 83.3333333333%;
  }
  .grid .tile.large-left-11 {
    right: 91.6666666667%;
  }
  .grid .tile.large-left-12 {
    right: 100%;
  }
  .grid .tile.large-right-0 {
    left: auto;
  }
  .grid .tile.large-right-1 {
    left: 8.3333333333%;
  }
  .grid .tile.large-right-2 {
    left: 16.6666666667%;
  }
  .grid .tile.large-right-3 {
    left: 25%;
  }
  .grid .tile.large-right-4 {
    left: 33.3333333333%;
  }
  .grid .tile.large-right-5 {
    left: 41.6666666667%;
  }
  .grid .tile.large-right-6 {
    left: 50%;
  }
  .grid .tile.large-right-7 {
    left: 58.3333333333%;
  }
  .grid .tile.large-right-8 {
    left: 66.6666666667%;
  }
  .grid .tile.large-right-9 {
    left: 75%;
  }
  .grid .tile.large-right-10 {
    left: 83.3333333333%;
  }
  .grid .tile.large-right-11 {
    left: 91.6666666667%;
  }
  .grid .tile.large-right-12 {
    left: 100%;
  }
}

@media (min-width: 1400px) {
  .grid .tile.extra-large-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid .tile.extra-large-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid .tile.extra-large-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .grid .tile.extra-large-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid .tile.extra-large-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid .tile.extra-large-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .grid .tile.extra-large-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid .tile.extra-large-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid .tile.extra-large-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .grid .tile.extra-large-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid .tile.extra-large-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid .tile.extra-large-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .grid .tile.extra-large-left-0 {
    right: auto;
  }
  .grid .tile.extra-large-left-1 {
    right: 8.3333333333%;
  }
  .grid .tile.extra-large-left-2 {
    right: 16.6666666667%;
  }
  .grid .tile.extra-large-left-3 {
    right: 25%;
  }
  .grid .tile.extra-large-left-4 {
    right: 33.3333333333%;
  }
  .grid .tile.extra-large-left-5 {
    right: 41.6666666667%;
  }
  .grid .tile.extra-large-left-6 {
    right: 50%;
  }
  .grid .tile.extra-large-left-7 {
    right: 58.3333333333%;
  }
  .grid .tile.extra-large-left-8 {
    right: 66.6666666667%;
  }
  .grid .tile.extra-large-left-9 {
    right: 75%;
  }
  .grid .tile.extra-large-left-10 {
    right: 83.3333333333%;
  }
  .grid .tile.extra-large-left-11 {
    right: 91.6666666667%;
  }
  .grid .tile.extra-large-left-12 {
    right: 100%;
  }
  .grid .tile.extra-large-right-0 {
    left: auto;
  }
  .grid .tile.extra-large-right-1 {
    left: 8.3333333333%;
  }
  .grid .tile.extra-large-right-2 {
    left: 16.6666666667%;
  }
  .grid .tile.extra-large-right-3 {
    left: 25%;
  }
  .grid .tile.extra-large-right-4 {
    left: 33.3333333333%;
  }
  .grid .tile.extra-large-right-5 {
    left: 41.6666666667%;
  }
  .grid .tile.extra-large-right-6 {
    left: 50%;
  }
  .grid .tile.extra-large-right-7 {
    left: 58.3333333333%;
  }
  .grid .tile.extra-large-right-8 {
    left: 66.6666666667%;
  }
  .grid .tile.extra-large-right-9 {
    left: 75%;
  }
  .grid .tile.extra-large-right-10 {
    left: 83.3333333333%;
  }
  .grid .tile.extra-large-right-11 {
    left: 91.6666666667%;
  }
  .grid .tile.extra-large-right-12 {
    left: 100%;
  }
}

.grid .tile.extra-small-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.grid .tile.extra-small-middle {
  -ms-flex-item-align: center;
      align-self: center;
}

.grid .tile.extra-small-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (min-width: 544px) {
  .grid .tile.small-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .grid .tile.small-middle {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .grid .tile.small-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

@media (min-width: 788px) {
  .grid .tile.medium-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .grid .tile.medium-middle {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .grid .tile.medium-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

@media (min-width: 1200px) {
  .grid .tile.large-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .grid .tile.large-middle {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .grid .tile.large-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

@media (min-width: 1400px) {
  .grid .tile.extra-large-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .grid .tile.extra-large-middle {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .grid .tile.extra-large-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

.boxes {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
  height: 100%;
}

.boxes *, .boxes *:before, .boxes *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.boxes .box {
  margin-bottom: 20px;
}

.boxes .box img {
  margin-bottom: 10px;
}

.boxes .box .entry-meta {
	font-style: italic;
}

.boxes .box p {
  margin-bottom: 5px;
}


/* CL - Button Styles */
.flex-buttons {
	margin: 40px 0;
    display: grid;
    gap: 20px;
    align-items: stretch;
    justify-content: space-between;
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 980px) {
	.flex-buttons {
         grid-template-columns: repeat(2, 1fr);
     }
}

.flex-buttons a {
	border: 1px solid #284d36;
	background-color: #284d36;
    padding: 7px 15px;
	font-family: Verdana,Geneva,sans-serif; 
    font-size: 14px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    transition-duration: .3s;
    flex: 1;
	display: flex;
    height: 100px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 20px;
    line-height: 1.4em;
}

.flex-buttons a:hover {
	transform: scale(1.1);
}


/* CL - WRAPPER EDITS */ 
#footer {
	z-index: 20;
}

/* PAGE SPECIFIC EDITS*/ 
.single-post.postid-65245 h4{
	font-size: 26px;
}

/*CL - Form Styling*/
body section form input, 
body section form textarea {
	border: 1px solid #000000;
	margin: 5px;
	padding: 8px;
	border-radius: 10px;
}

/*CL -End Form Styling*/

/* CL - CALENDAR EDITS */
.calendar-template-default.single-calendar section {
	padding-bottom: 100px; /*footer is overlapping with text*/
}

/* Covalent Logic - News Edits */ 
.newsStory {
	display: flex;
	flex-flow: column nowrap;
}

.newsStory .addthis_tool {
	order: 100;
}

/* ELEMENT EDITS */ 
.cboxOverlay {
	z-index: 21;
}