/* Foco Web Font }*/
@import url("https://use.typekit.net/jvg2nwj.css");

@media print{ 

    div:not(.reveal-modal) {
    display: inherit !important;
    }
        
    #charm-bar,
    #top-nav,
    #charm-toggle,
    #alert {
    display:none !important;
    }

    #dynamic-bg,
    #header-right,
    #top-nav,
    #sidenav-col,
    #bcrumbs,
    #social-media-center,
    #goog-gt-tt,
    img.footer-logo,
    input.submit-btn,
    #dynamic-top-nav
    {
    display:none !important;
    }


    #page-footer, #page-body{
    display:block !important; float:left  !important; clear:both  !important; position:relative  !important;
    }

}


/* This is the hilight color when you select text on the website. */
::selection {
background: #232323; /* Safari */
color: #fff;
}
::-moz-selection {
background: #232323; /* Firefox */
color: #fff;
}


/* force safari mobile devices to not automatically render rounded corners on search iput */
#site-search input,
    .site-search input {
-webkit-border-radius: 0 !important;
}

.fontsize a{float:none !important;height:22px; margin:0px 5px 0px 0px !important; text-decoration:underline;}
.fontsize a.selected{text-decoration:none;}                                    
#fontsize0{font-size:1em; /*=10px*/}                           
#fontsize1{font-size:1.1em; /*=11px*/}
#fontsize2{font-size:1.3em; /*=13px*/}



/*------------.size0 */   
.size0{
font-size:.825em;
}
#side-nav.size0 .sf-menu a{
font-size:1em;
}



/*-------------.size1 */
.size1{
font-size:1em;
}

#side-nav.size1 .sf-menu a{
font-size:1.15em;
}

/*-----------.size2 */
.size2{
font-size:1.4em;
}

#side-nav.size2 .sf-menu a{
font-size:1.325em;
}


/******************************************************************
base.css
-------------------------------------------------------------------
Stylesheet: Base Mobile
-------------------------------------------------------------------

Be light and don't over-style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. These styles will be applied across all viewports.

******************************************************************/

/*------------------------------------------------------------------
--> Foundation Columns
------------------------------------------------------------------*/

/* --> Column Padding --------------------------------------------*/

.row .column, .row .columns {
padding: 0 8px;
}

#page-wrap .row {
margin-right: auto;
margin-left: auto;
}

/*------------------------------------------------------------------
--> Branding Styles
------------------------------------------------------------------*/

/* --> Defaults --------------------------------------------------*/

body {
font-family:"foco";
font-family: foco, sans-serif;
font-size: 62.5%; /* Sets base font-size to 10px so 1.0em = 10px */
color: #333;
}

/* Set default font-size to 14px */
p, a, .button {
font-size: 1.5em;
font-family:"foco";
font-family: foco, sans-serif;
transition: font-size .3s ease-in-out; 
-o-transition: font-size .3s ease-in-out; 
-moz-transition: font-size .3s ease-in-out; 
-webkit-transition: font-size .3s ease-in-out;
}

/* Make sure that links in paragraphs are not larger */
p a { font-size: inherit; }


/* --> Anchors ---------------------------------------------------*/

a, a:visited {
color: #a41e34;
font-weight: bold;
transition: color .3s ease-in-out; 
-o-transition: color .3s ease-in-out; 
-moz-transition: color .3s ease-in-out; 
-webkit-transition: color .3s ease-in-out;
}

a:hover, a:focus {
color: #000;
}

a:active { color: #000; }

/* --> Button and Cancel Button style -----------------------------*/
.button, .button:visited{
background-color: #a41e34;
border-color: #a41e34;
border-radius: 4px;

transition: background-color .3s ease-in-out; 
-o-transition: background-color .3s ease-in-out; 
-moz-transition: background-color .3s ease-in-out; 
-webkit-transition: background-color .3s ease-in-out;
}

.button:hover{
background-color: #d14336;
border-color: #d14336;
}

.button:active{
background-color: #d14336;
border-color: #d14336;
}

.button-cancel, .button-cancel:visited {
background-color: #a41e34;
border-color: #a41e34;
border-radius: 4px;
}

.button-cancel:hover{
background-color: #d14336;
border-color: #d14336;
}

.button-cancel:active{
background-color: #bf360c;
border-color: #bf360c;
}

/* --> Headings --------------------------------------------------*/

/* All headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family:"foco";
font-family: foco, sans-serif;
font-weight: normal;
color: #3b3b3b;
}

h1, .h1 {
color: #a41e34;
font-size: 3.6em;
font-weight: bold;
}

h2, .h2 {
font-size: 3.2em;
}

h3, .h3 {
font-size: 2.8em;
}

h4, .h4 {
font-size: 2.4em;
}

h5, .h5 {
font-size: 1.425em;
font-weight: bold;
}

h6, .h6 {
font-size: 1.25em;
font-weight: bold;
}


/* --> Tables ----------------------------------------------------*/

table {
background: none;
border: 0;
margin: 0;
width: 100%;
font-size: 1.4em; 
}

table table,
table tr td span,
table tr td font {
font-size: inherit;
}

/* Default scale for <table> elements */
table tr th { 
font-size: inherit;
background: none repeat scroll 0 0 #a41e34;
color: #fff;
text-align: left;
padding: 10px 15px;
line-height:20px;
font-size: inherit;
}

table tr td { 
font-size: inherit;
padding: 10px 15px;
}

table tr td p,
table tr td a {
font-size: inherit;
margin: 0;
}

/* Override background color from Foundation */
table tr.even, table tr.alt,
table tr:nth-of-type(even) {
background: none repeat scroll 0 0 #fff;
}

hr {
display: inline-block;
width: 100%;
margin:30px 0;
}


/* --> Calendar  -------------------------------------------------*/
font.short, font.long { visibility:hidden; }

/*for calendar event layout 1 */
font.caltime { float: right;}
table.caltable { border-bottom: 2px solid #F2F2F2; }

.admin-log {
position: absolute;
z-index: 555555;
right:15px;
top: 15px;
}
    
/*------------------------------------------------------------------
--> Page Header
------------------------------------------------------------------*/

/* --> Header Base -----------------------------------------------*/

header#page-header {
width: 100%;
position: relative;
display: inline-block;
}

#header-top{
background:rgba(0,0,0,0.9);
margin: 0 auto;
position: relative;
width: 100%;
height: 100%;
padding:10px 0;     
}

#header-middle {
background-color: rgba(255,255,255,0.66);
background-repeat: no-repeat;
background-position: center; 
background-size: contain;
margin: 0 auto;
position: relative;
width: 100%;
height: 100%;
padding: 5px 0 5px 0 ;
text-align: center;
}

#header-bottom{
margin: 0 auto;
position: relative;
width: 100%;
height: 100%;
padding:0;     
}

/* --> Header Logo -----------------------------------------------*/

#dynamic-logo a,
a#logo-header {
display: inline-block;
width: 100%;
position: relative;
padding: 10px 0;
}

#dynamic-logo a img {
width: 100%;
max-width: 400px;
}

/* --> Header Links ----------------------------------------------*/

ul.head-links {
list-style: none;
margin: 0;
display:block;
padding-top: 0;
font-size: 1.4em;
}

ul.head-links li {
display: inline-block;
vertical-align: middle;
font-size: inherit;
}

span#header-date {
color: #ece4d5;
cursor: default;
}

#header-right a.city_site {
display: none;
}

a.head-link {
display: inline-block;
font-size: inherit;
color: #ece4d5;
margin-right: 25px;
font-weight: normal;
margin-bottom: 0;
}

a.head-link:hover{
color: #ece4d5;
}

a#mywh{
font-style: italic;
}

.head-links .fontsize {
margin-right: 25px;
position: relative;
}

/* --> Header Weather ----------------------------------------------*/

span.temperature{
color: #ece4d5;
}

.weather-cont {
margin-right: 17px;
}

.weather-cont img{
width: auto;
height: 22px;
vertical-align: middle;
margin-right: 5px;
}

/*------------------------------------------------------------------
--> Site Search
------------------------------------------------------------------*/

#search_wrapper {
display: inline-block;
width: 33%;
position: relative;
vertical-align: top;
}

.search-wrapper {
background: #fff;
border: 1px solid #bcbdbd;
display: inline-block;
width: 100%;
position: relative;
padding: 0;
}

/* --> Search Input ----------------------------------------------*/


#search_inbox form{
margin: 0;
}

input#site-search,
input.site-search {
margin: 0;
padding: 0 0 0 10px;
font-size: 1.4em;
outline: none;
height: 30px;
width: 97%;
border:0;

-webkit-appearance: none !important;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;

transition: box-shadow .6s ease-in-out; 
-o-transition: box-shadow .6s ease-in-out; 
-moz-transition: box-shadow .6s ease-in-out; 
-webkit-transition: box-shadow .6s ease-in-out;
}

input#site-search:hover,
input.site-search:hover {
border-color: #5aabed;
}

input#site-search:focus,
input.site-search:focus {
border-color: #5aabed;
}

/* --> Search Button ---------------------------------------------*/


a#site-search-btn,
a.site-search-btn {
height: 30px;
width: 40px;
position: absolute;
right: 10px;
top: 0;
padding-top: 9px;
background: url('/img/00/layout/searchicon.png') white no-repeat right center;
color: transparent;
margin: 0;
border:0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
}

a#site-search-btn:hover {
text-decoration: none;
background: url('/img/00/layout/searchicon.png') white no-repeat right center;
}

:-moz-placeholder { /* Firefox 18- */
color: #7d98a9;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #7d98a9;
}

:-ms-input-placeholder {  
color: #7d98a9;
}

/*------------------------------------------------------------------
--> Background Image
------------------------------------------------------------------*/   
#big-bg-image {display: block;position: fixed;top: 0;left: 0;width: 100%;z-index: -1;overflow: hidden;background-color: #ffffff;}

#big-bg-image img {
width: 100%;
opacity: 0.2;
-webkit-transition: all .2s ease-in-out;
}

/*------------------------------------------------------------------
--> Main Navigation
------------------------------------------------------------------*/

/* --> Main Navigation Container ---------------------------------*/

section#top-nav {
background:rgba(164,30,52,0.90);
min-height: 47px;
}

/* Remove menu padding for mobile */
section#top-nav .nav-row .columns { padding: 0; }

/* Remove Foundation default background color for top-bar */
nav.main-nav, nav.main-nav.expanded {
background: none;
width: 100%;
}

/* --> Main Navigation Title -------------------------------------*/

/* Show the navigation Title for mobile */
nav.main-nav .name {
display: block;
}


/* --> Main Navigation Item Link ---------------------------------*/

nav.main-nav ul li.nav-item a {
font-size: 1.2em;
font-weight: bold;
white-space: normal;
background: transparent;
text-transform: uppercase;
transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-o-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-moz-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-webkit-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
}

nav.main-nav ul li.nav-item a:hover {
text-decoration: none;
background:rgba(255,90,71,0.1);
}

/* Active Item Link */
nav.main-nav ul li.active a {
background:rgba(255,90,71,0.1);
}


/* --> Main Navigation Mobile Styles -----------------------------*/

/* Main Navigation Title */
.main-nav ul.title-area .mainnav-mobile-title {
font-family:"foco";
font-family: foco, sans-serif;
text-transform: none;
line-height: 40px;
}

.main-nav ul.title-area .mainnav-mobile-title:hover {
background: none;
}

/* Menu collapse/expand link icon */
nav.main-nav .toggle-topbar.menu-icon a {
font-family:"foco";
font-family: foco, sans-serif;
font-size: 1.4em;
text-indent: -70px;
line-height: 30px;
}

nav.main-nav .toggle-topbar.menu-icon a:hover {
background: none;
}

/* Mobile Display Back Link */
nav.main-nav .dropdown li.title h5 a {
font-size: inherit;
font-weight: bold;
}

/* Mobile Display Back Link (Mega-Menu) */
nav.main-nav div.mega-menu li.title h5 a:hover {
background: #eee;
}

/* Mobile-Mode Back Link (Mega-Menu) */
nav.main-nav .mega-menu li.title h5 a {
color: #1a1a1a;
}


/*------------------------------------------------------------------
--> Main Navigation Menus
------------------------------------------------------------------*/

/* Dropdown Menu Item Link */
nav.main-nav .dropdown li.nav-item a {
font-family:"foco";
font-family: foco, sans-serif;
text-transform: none;
font-size: 0.9em;
line-height: 18px;
background: none;
padding: 10px 15px;
border-bottom: 1px solid #444;
}

nav.main-nav .dropdown li.nav-item a:hover {
background: rgba(187,59,48,1);
padding-left: 30px;
color: white;
}


/* --> Main Navigation Dropdown Container ------------------------*/

nav.main-nav .dropdown {
border: 1px solid #333;
}

/* Dropdown Menu Last Item Link */
nav.main-nav .dropdown li.nav-item.last a {
border-bottom: 0;
}

/*------------------------------------------------------------------
--> Side Navigation
------------------------------------------------------------------*/

/* --> Side Navigation Heading -----------------------------------*/

.page-nav-heading {
cursor: default;
color: #7c0e05;
font-size: 2.5em;
font-weight: bold;
padding-left: 24px;
margin-bottom: 10px;
text-shadow: 0 1px 0 #fff;
margin-top:0px;
text-transform: uppercase;
}

#side-nav {
margin-bottom: 20px;
background-color: #fff;
padding: 15px 0 0;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
float: left;
width: 100%;
}

/* --> Side Navigation List ---------------------------------------*/

nav#side-nav ul.side-nav-list {
margin-bottom: 20px;
}

/* --> Side Navigation Item ---------------------------------------*/

nav#side-nav .sf-vertical,
nav#side-nav .sf-vertical li {
width: 100%;
}

nav#side-nav .sf-menu li {
background: #fff;
padding: 0;
}

/* --> Side Navigation Item Link ----------------------------------*/

nav#side-nav .sf-menu a {
color: #a41e34;
border: 0;  
padding: 10px 25px;
line-height: 20px;
font-size: 1.6em;
font-weight: normal;

transition: background-color .6s ease-out, padding .6s ease-out; 
-o-transition: background-color .6s ease-out, padding .6s ease-out; 
-moz-transition: background-color .6s ease-out, padding .6s ease-out; 
-webkit-transition: background-color .6s ease-out, padding .6s ease-out; 
}

nav#side-nav .sf-menu a:hover,
nav#side-nav .sf-menu a:focus,
nav#side-nav .sf-menu a:active {
background: transparent;
background: #f4f4f4; 
}

/* Last Item Link */
nav#side-nav .sf-menu li.last a {
border-bottom: 0;
}


/* --> Side Navigation Flyout Menu -------------------------------*/

nav#side-nav .sf-menu ul {
left: 0;
width: 100%;
border: 1px solid #ccc;
position: relative;
display: inline-block;
}

/* Flyout Indicator (Arrow) */
nav#side-nav .sf-sub-indicator {
left: 95%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color:  #ccc;
border-left-color:transparent;
border-width: 5px;
margin-top: -5px;
display: block;
background: transparent;
}

/*------------------------------------------------------------------
--> BreadCrumbs / System Buttons
------------------------------------------------------------------*/

/* --> Breadcrumbs ----------------------------------------------*/

#widget-content section#bcrumbs {
background: #fff;
margin-bottom: 20px;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
}

/* Breadcrumb Span */
section#bcrumbs {
width: 100%;
padding: 0;
}

#crumbs,
#editor {
padding: 0;
}

/* Breadcrumb List */
ul.bcrumb-list {
display: inline-block;
list-style: none;
margin: 0;
font-size: 1.5em;
}

ul.bcrumb-list a{
color: #292929;
font-weight: normal;
font-size: inherit;
}

/* Breadcrumb Item */
ul.bcrumb-list li {
display: inline-block;
vertical-align: middle;
font-size: inherit;
margin-right: 10px;
font-weight: normal;
padding: 10px 0;
}

/* Breadcrumb Item Arrow & Current Item */
ul.bcrumb-list li.arr {
font-size: inherit;
cursor: default;
color: #a41e34;
}

ul.bcrumb-list li.current {
font-size: inherit;
cursor: default;
}


/* --> System Buttons ----------------------------------------------*/

/* Column that contains the system buttons */
.columns.system-btns-col { padding: 0; }

/* Email, Edit, Print List Container */
ul.system-btns-list {
float: left;
width: 100%;
list-style: none;
margin: 0;
}

/* System Button Item */
ul.system-btns-list > li {
float: left;
margin: 0 auto;
width: 50%;
margin-bottom: 15px;
padding: 0 10px;
}

/* System Button Link Text */
ul.system-btns-list li a.button {
font-size: 1.15em;
margin-bottom: 0;
text-align: left;
}

/* System Button Styles */
.button.system-button {
width: 100%;
color: #333;
margin:0;
background-color: #fff;
border: none;
padding: 10px 10px;
box-shadow: none;

transition: background-color .6s ease-out, box-shadow .6s ease-out;
-o-transition: background-color .6s ease-out, box-shadow .6s ease-out;
-moz-transition: background-color .6s ease-out, box-shadow .6s ease-out;
-webkit-transition: background-color .6s ease-out, box-shadow .6s ease-out;
}

.button.system-button:hover,
.button.system-button.hover {
background-color: #fff !important;
box-shadow: 0 0 8px #666;
color:#0f3da8;
}

/* System Button Dropdown Menu */
ul.system-menu {
list-style: none;
display: none;
position: absolute;
width: inherit;
background-color: #fff;
margin: 0;
padding: 5px;
right:0px;
border-radius: 6px;
box-shadow: 0 4px 6px #666;
z-index: 90;
}

/* Show dropdown menu on hover */
li:hover ul.system-menu {
display: block;
}

/* System Button Dropdown Menu Item Link */
ul.system-menu li a {
display: block;
font-weight: normal;
padding: 6px 0;
color: #333;
text-indent: 35px;
border: 1px solid transparent;
}

ul.system-menu li a:hover {
color: #a41e34;
text-decoration: none;
border-color: #ddd;
border-radius: 6px;
}

/* Email */
#btn-email {
background: #fff url('/img/00/icons/icon-email.png') no-repeat 5px 3px;
padding-left: 40px;
}

/* Edit */
#btn-edit {
background: #fff url('/img/00/icons/icon-edit.png') no-repeat 5px 4px;
padding-left: 40px;
}

/* Print */
#btn-print {
background: #fff url('/img/00/icons/icon-print.png') no-repeat 5px 3px;
padding-left: 40px;
}

/* Alter styles of system buttons that have a dropdown menu */
#btn-email:hover,
#btn-email.hover,
#btn-edit:hover,
#btn-edit.hover {
border-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

/* Send A Link */
ul.system-menu li.send-link {
background: url('/img/00/icons/icon-email-send.png') no-repeat 0 center;
}

/* Contact Us */
ul.system-menu li.contact-us {
background: url('/img/00/icons/icon-email-contact.png') no-repeat 0 center;
}

/* HTML Editor */
ul.system-menu li.html-editor {
background: url('/img/00/icons/icon-edit-html.png') no-repeat 0 center;
}

/* Layout */
ul.system-menu li.layout {
background: url('/img/00/icons/icon-edit-layout.png') no-repeat 0 center;
}

/* Navbuilder */
ul.system-menu li.navbuilder {
background: url('/img/00/icons/icon-edit-navbuilder.png') no-repeat 0 center;
}

/* Services */
ul.system-menu li.services {
background: url('/img/00/icons/icon-edit-services.png') no-repeat 0 center;
}

/* Status */
ul.system-menu li.status-not-done,
ul.system-menu li.status-done {
background: url('/img/00/icons/icon-edit-status.png') no-repeat 0 center;
}

/* Site Notes */
ul.system-menu li.site-notes {
background: url('/img/00/icons/icon-edit-notes.png') no-repeat 0 center;
}

/* Issue */
ul.system-menu li.issue {
background: url('/img/00/icons/icon-edit-issue.png') no-repeat 0 center;
}

/* Admin */
ul.system-menu li.admin {
background: url('/img/00/icons/icon-edit-admin.png') no-repeat 0 center;
}



/*------------------------------------------------------------------
--> Page Body Section
------------------------------------------------------------------*/

#page-body {
width: 100%;
background: transparent;
}

#page-body:after {
content: "";
width: 100%;
position: absolute;
background: url('/img/00/layout/footer-fade.png') repeat-x bottom center;
height: 100%;
bottom: 45em;
z-index: -1;
}

/* All secondary pages have their content wrapped in a row
with either of these classes. */
.content-row{
padding-top: 30px;
}

#page-body > .widget-layout-row{
padding-top: 30px;
}


/*------------------------------------------------------------------
--> HTML Content
------------------------------------------------------------------*/

/* --> Page Title ----------------------------------------------*/

.pgtitle {
padding: 0;
}

h1.content-title {
font-size: 2.5em;
color: #fff;
padding: 25px;
margin: 0;
text-transform: uppercase;
cursor: default;
background-color: #a41e34;
background-image: url(/img/00/layout/header-title.jpg);
background-size: contain;
background-position: right;
background-repeat: no-repeat;
}


/* --> Page Content ----------------------------------------------*/

section#page-content {
margin-bottom: 50px;
background-color: #fff;
padding: 6px;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
}

/*------------------------------------------------------------------
--> Homepage Contents
------------------------------------------------------------------*/

#homepge-wrapper {
padding-top: 30px;
width: 100%;
}

h1.home-title {    
font-size: 2.5em;
color: #fff;
padding: 25px;
margin: 0;
text-transform: uppercase;
cursor: default;
background-color: #a41e34;
}

/* --> Home Slideshow --------------------------------------------*/

#hp-slideshow-wrapper .nivo-caption h1, #hp-slideshow-wrapper .nivo-caption h2, 
#hp-slideshow-wrapper .nivo-caption h3, #hp-slideshow-wrapper .nivo-caption h4, 
#hp-slideshow-wrapper .nivo-caption h5, #hp-slideshow-wrapper .nivo-caption h6 {
color: #470f0b;
cursor: default;
font-size: 3.5em;
margin: 0;
line-height: 30px;
font-weight: normal;
padding: 0;
}

.theme-default .nivo-controlNav{
position: relative;
}

#hp-slideshow-wrapper #slick-start {
position: relative;
background: #fff;
margin-bottom: 10px;
height: 100%;
border: 5px solid #fff;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
}

#hp-slideshow-wrapper #slick-start img {display: none;}

#hp-slideshow-wrapper .caption-box {
position: absolute;
background: rgba(255,255,255, 0.9);
color: #fff;
width: 100%;
z-index: 8;
left: 0;
bottom: 0;
padding: 25px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#slick-start .slick-slide {
-webkit-background-size: cover;
position: relative;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: inherit;
background-position: center;
background-repeat: no-repeat;
height: 345px;
}

#hp-slideshow-wrapper .captiontitle {
color: #000;
margin: 0 0 8px;
font-size: 25px;
line-height: 25px;
}

#hp-slideshow-wrapper .caption-subtxt {
font-size: 18px;
color: #000;
margin: 0;
}

#newbritain-twitter,
#newbritain-news {
display: inline-block;
position: relative;
vertical-align: top;
width: 100%;
background: #fff;
border:5px solid #fff;
margin-bottom: 25px;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
}

#newbritain-twitter .news-wrapper-twitter {padding: 5px;}

.news-wrapper,
.news-wrapper-twitter {
display: inline-block;
position: relative;
width: 95%;
padding: 25px;
margin-bottom: 25px;
vertical-align: top;
height: 400px;
}

.newlinks {
position: absolute;
top: 36px;
right: 20px;
color: #fff;
font-size: 1.7em;
}

.newlinks:hover{color: #fff;}

/* --> Most Popular ----------------------------------------------*/

section#newbritain-twitter {
background: #fff;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);
width: 100%;
padding: 0;
}

.mostpop-wrap {
display: inline-block;
vertical-align: top;
position: relative;
width: 100%;
padding: 20px 10px 20px 15px;
margin: 0;
}

.mostpop-wrap ul.az-list {
list-style: none;
margin-left: 10px;
margin-bottom: 0;
}

.mostpop-wrap ul.az-list li {
width: 100%;
display: inline-block;
vertical-align: top;
}

.mostpop-wrap ul.az-list li a {
display: inline-block;
width: 100%;
font-weight: bold;
color: #a41e34;
line-height: 35px;
font-size: 1.6em;
}

.mostpop-wrap ul.az-list li a:hover {color: #000;}

/*------------------------------------------------------------------
--> Secondary Pages
------------------------------------------------------------------*/

#side-buttons {
float: left;
vertical-align: top;
clear: left;
margin-bottom: 15px; 
}

#col2Content {
float: left;
}

#mainbox{
display: inline-block;
position: relative;
width: 100%;
}

.code_snippet_box{
margin-bottom: 0;
width: 100%;
margin-right: 0;
float: left;
}

.details_box {
width: 100%;
margin-top: 0;
padding-top: 20px;
}

.details_right{
float: left;
width: 100%;
}

#mainbox .details_box h2 a {
color:#222;
font-size: inherit;
text-transform: uppercase;
}

#mainbox .details_box p {
clear: both;
padding-top: 5px;
}

#mainbox .details_box span {
text-transform: uppercase;
font-weight: bold;
}

#mainbox .details_box ul {
list-style: none;
margin-left: 0;
font-size: 1.2em;
}

#mainbox .details_box ul li {
margin-bottom: 5px;
}


/* --> Side Buttons ----------------------------------------------*/

/* Side Button Wrapper */

#dynamic-side-btns .mm-buttongen-cont {
float: left;
width: 100%;
text-align: center;
}

#dynamic-side-btns .mm-button-wrap{
width: 100%;
position: relative;
max-width: 263px;
display: inline-block;
margin: 0 5px;
cursor: pointer;
}

/* Side Button Link Wrapper */
#dynamic-side-btns a.mm-button-link {
font-weight: bold;
display: inline-table;
width: 100%;
font-size: 2.25em;
text-shadow: 0 1px 0 #08518C;
color:#fff;
margin-bottom: 15px;
text-align: center;
background-size: cover !important;
height: 95px;
text-decoration: none;
}

#dynamic-side-btns .mm-button-txt-wrap {
height: 95px;
width: 100%;
padding: 0 15px;
text-align: center;
vertical-align: middle;
display:  table-cell;
background: rgba(138,17,6,0.6);

transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-webkit-transition: background .3s ease-in-out;
}

#dynamic-side-btns .mm-button-txt-wrap:hover{  background: rgba(171,21,7,0.9); }

/* Back To Top */

.civica-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #a41e34 url('/img/00/cd-top-arrow.png') no-repeat center 50%;
visibility: hidden;
opacity: 0;
z-index: 690;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}

.civica-top.civica-is-visible, .civica-top.civica-fade-out, .no-touch .civica-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.civica-top.civica-is-visible {
visibility: visible;
opacity: 1;
}
.civica-top.civica-fade-out {
opacity: .5;
}
.no-touch .civica-top:hover {
background-color: #a41e34;
opacity: 1;
}

/*------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/

/* --> Footer Base -----------------------------------------------*/

footer#page-footer {
background-color: #fff;
color: #a41e34;
padding-bottom: 0;
text-align: center;
margin-top: -1em;
}

#footer-top {
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 2em;
}

#footer-bottom {
border-top: 1px solid #81221d;
width: 100%;
display: inline-block;
vertical-align: top;
}

h1.city-quote-title {
color: #81221d;
font-size: 2em;
font-style: italic;
font-weight: bold;
margin:0;
display: inline-block;
vertical-align: middle;
}

.footer-logo,
.city-quote {
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 0 15px;
text-align: center;
}

/* --> Mayor Message -----------------------------------------*/

#page-footer-top {
width: 100%;
margin-top: 4em;
position: relative;
vertical-align: middle;
text-align: center;
background-color: #fff;
}

.page-footer-row {
background-image: url(/img/00/layout/footer-bees.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: inherit;
padding: 3em 0 6em 0;
}

#footer-message .mm-button-txt {
display: inline-block;
width: 100%;
color: #a41e34;
font-size: 2.5em;
margin-bottom: 10px;
font-style: italic;
font-weight: 100;
text-align:center;
}

#footer-message .mm-button-subtxt {
color: #a41e34;
font-size: 1.4em;
padding: 25px;
background: rgba(255,255,255,0.6);
border: 1px solid #d5d5d5;
border-radius: 30px;
width: 100%;
display: inline-block;
position: relative;
line-height: 21px;
}

#footer-message .mm-button-subtxt:before {
content: "";
position: absolute;
width: 12px;
left: -12px;
height: 35px;
background: url(/img/00/layout/quotemessage.png);
bottom: 23px;
z-index: 5555;
}


#footer-message .mm-button-img {
vertical-align: bottom;
border-radius: 50%;
width: 110px;
margin-right: 20px;
}

#footer-message .mm-button-txt-wrap {
display: inline-block;
width: 45%;
text-align: left;
vertical-align: middle;
}

/* --> Footer Navigation -----------------------------------------*/

/* Navigation list */
nav.foot-nav ul.foot-nav-list {
list-style: none;
margin-top: 20px;
}

nav.foot-nav ul li:first-child {
margin-left: 0;
}

/* Navigation list item */
nav.foot-nav ul li { 
margin-bottom: 3px; 
display: inline-block; 
vertical-align: middle;
margin-left: 5%; 
}

/* Navigation list item link */
nav.foot-nav ul.foot-nav-list li a {
font-size: 1.6em;
text-transform: uppercase;
}

.address,
.extralinks {
display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
}

.footer-address p {
font-size: 1.2em;
margin: 0;
color: #2a2a2a;
} 

/* Navigation list */
.extralinks ul.foot-nav-list {
list-style: none;
margin-top: 15px;
}

.extralinks ul li:first-child {
margin-left: 0;
}

/* Navigation list item */
.extralinks ul li { 
margin-bottom: 3px; 
display: inline-block; 
vertical-align: middle;
margin-left:5%; 
}

/* Navigation list item link */
.extralinks ul.foot-nav-list li a {
font-size: 1.2em;
color: #2a2a2a;
font-weight: normal;
}

#dynamic-social-btns .mm-button-wrap {
display: inline-block;
width: 29px;
margin-left: 1%;
position: relative;
vertical-align: middle;
margin-top: 20px;
}

/* --> Google Translate ------------------------------------------*/

#google_translate_element {
width: 100%;
margin-bottom: 0;
background: url('/img/00/layout/pv_dm_tabbed.png') no-repeat right center;
}

.goog-te-gadget-simple{
background:none !important;
border:0 !important;
display: block !important;
font-size: inherit !important;
padding: 0 !important;
}

.goog-te-gadget-simple .goog-te-menu-value span{
border:0 !important; 
color: transparent !important; 
font-size: .7em; 
font-family: 'Raleway', sans-serif;
text-decoration: underline !important;
}

.goog-te-gadget-simple img{display: none;}
select.goog-te-combo { padding: 5px;  border:none; }
#google_translate_element .goog-te-gadget { color: #fff; }
#google_translate_element .goog-te-gadget a.goog-logo-link { color: #eaf6ff; }


/* --> Divider (Mobile only)--------------------------------------*/

hr.footer-divider {
border-color: #0099ff;
box-shadow: 0 1px 4px #000;
}


/* --> Powered by Civica -----------------------------------------*/

#civica-foot-logo { 
float: left;
text-align: center;
}

/* Civica logo */
#civica-foot-logo a{
text-align: center;
margin: 10px 0;
display: inline-block;
vertical-align: middle;
width: 190px;
}

/* --> Copyright -------------------------------------------------*/

/* Copyright span background */
#page-footer-bottom { 
background-color: #fff;
padding: 10px 0 30px 0;
}

/* Copyright text */
#page-footer-bottom p.copyright {
text-align: center;
color: #eee;
margin: 10px 0;
}

/*------------------------------------------------------------------
--> Press Release
------------------------------------------------------------------*/
tr.prHeadline {
border-bottom: 3px solid #08bcd5;
}

.prHeader {
margin: 0;
}

table.pressRTable p {
padding: 0;
margin: 0;
}

/*------------------------------------------------------------------
--> Jobs 
------------------------------------------------------------------*/

h3.jobTitle {
margin: 0;
}

/*------------------------------------------------------------------
--> Phone Directory Phone Book
------------------------------------------------------------------*/

input#phone-search {
height: 35px;
font-size: 1.4em;   
}

a#phone-search-btn {
color: #fff;
height: 33px;
font-size: 1.4em;
}

/*------------------------------------------------------------------
--> Map Alerts
------------------------------------------------------------------*/

/* Alert Box */

#alert_block {
background: #e2f3ff;
border: 1px solid #8fb2c9;
padding: 10px;
margin-bottom: 20px;
}

#alert_block #status_headline {
font-family:"foco";
font-family: foco, sans-serif;
font-size: 3.4em;
margin-bottom: 10px;
}

#alert_block #status_description {
margin: 0;
}


/* Alert Aggregate Page */

.date_formatted {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

.Status .entry-name {
font-family:"foco";
font-family: foco, sans-serif;
font-size: 2.4em;
margin-bottom: 5px;
}

.StatusDiv .Status {
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: 1px solid #ccc;
}



/*------------------------------------------------------------------
--> Additional
------------------------------------------------------------------*/

/* Galleria slideshows require a defined height */
#galleria { 
height: 300px; 
height: auto;
background: #232323;
border: 0px solid transparent;
}

/* Foundation tooltip styles */
.tooltip { font-size: 1.4em; }

/* Foundation Reveal modal - Close 'X' */
.reveal-modal .close-reveal-modal { font-size: 2.0em; }


.floater{ float:left; margin: 0;}

/* Search result Pagination Style */
a.youreHere{
cursor: default;
font-weight: bold;
}

a.youreHere:hover{
text-decoration:none;
}

/** Imported from M.Segura's CSS**/

#page-last-updated{clear:both;}
#media-bucket-0 .galleria-read-more {display:none;}

/**Project Map CSS**/

#projectMap {position:relative;height:auto;}                                                       

#projectMap .hide-for-small { 
display: block;
height: 95%;
left: 2%;
position: absolute;
top: 2%;
width: 74%;} 

#projectMap #Picture1{width: 74%;}
                       
#projectMap .hide-for-small a{ position:absolute;line-height:0px;} 
#projectMap .hide-for-small img{margin:0px;width:100%;height:100%; } 
#projectMap .hide-for-small a:hover{ position:absolute;border:1px dashed #366647; text-decoration:none;} 
                                                          
#projectMap .hide-for-small a.parking{    height: 2.6%;left: 17.8%;top: 19.5%;width: 2.3%;}               
#projectMap .hide-for-small a.current_ops{    height: 5%;left: 80%;top: 80%;width: 5%;} 
#projectMap .hide-for-small a.parking_improv{    height: 1.2%;left: 41.5%;top: 58.4%;width: 2.5%;}   
#projectMap .hide-for-small a.retail{    height: 9.5%;left: 39%;top: 28%;width: 4.5%;} 

/*HOMEPAGE ALERT*/

/*------------------------------------------------------------------
--> Homepage Alerts
------------------------------------------------------------------*/

#alert_overlay {
position: fixed;
right: auto;
bottom: -170px;
margin-top: 0px;
z-index: 100;
width: 100%;
    
transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}

#alert_overlay a{color: white;}

#alert-overlay-inner {
border: 1px solid #cd6900;
background: rgba(0, 0, 0, 0.8);
height: 100%;
padding: 0;
margin: 0;
display: inline-block;
position: relative;
}

.alert_title{
background: red;
padding: 15px !important;
margin: 0;
cursor: pointer;
z-index: 10000;
}

.alert_title:before, .alert_title:after {
position: absolute;
top: 100%;
content: '';
width: 50%;
height: 25px;
}

.alert_title:before {
left: 0;
background: linear-gradient(to left bottom, red 50%, transparent 50%);
}

.alert_title:after {
right: 0;
background: linear-gradient(to bottom right, red 50%, transparent 50%);
}

.alert_body{
padding: 33px 15px 30px 15px !important;
margin: 0;
text-align: center;
font-size: 1.4em;
}

.alert_body span {
font-size: inherit; 
font-weight: bold;
display: inline-block;
position:relative;
padding-bottom: 10px;
}

.alert_body p{
margin: 0;
line-height: 20px;
font-size: inherit;
}


.alert_body a{
font-size: inherit;
}

#alert-overlay-inner h3{
font-size: 1.6em;
color: white;
margin: 0;
padding: 0;
font-weight: bold;
text-align: center;
}

#alert_overlay img.close{
position: absolute;
top: -14px;
right: -7px;
left: auto;
cursor:pointer;
opacity: 1;
z-index:140000;
transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-webkit-transition: opacity .6s ease-in-out;
}

#alert_overlay img.active{
opacity: 0;
}

/*SITE WIDE ALERT*/

/*------------------------------------------------------------------
--> Site Wide Alerts
------------------------------------------------------------------*/

#alert p { 
font-size: inherit; 
margin:0;  
display: inline-block; 
}

#alert {
background: red;
border-bottom: 3px solid #691A00;
box-shadow: 0 0 8px #BBBBBB;
font-size: 1.4em;
font-weight: normal;
padding: 10px;
line-height: 25px;
margin: 0;
transition: background-color 0.6s ease-in-out 0s;
max-width:100%;
width:100%;  
}
                                                              
#alert .title {
font-size:0.8em; 
color:#efefef; 
text-align:center;
margin: 0 auto;
margin-bottom: 10px;
}

#alert .title img { display: inline-block; }

#alert .title h3{ 
position: relative;
display: inline-block;
margin-left: 8px;
color:#fff;
vertical-align: top;
font-family:"foco";
font-family: foco, sans-serif;
font-size: 1.4em;
}

#alert .body a {
color: #fff;
display: block;
text-align: center;
font-size: 1em;
padding: 10px;
border:2px solid #cc0000;
background: #e50000;
}

#alert .body .date {
font-size:1em;
font-weight: bold;
color:#fff; 
display: inline-block;   
padding-right: 10px;
}

#pm-gallery-sml00 .scrollable div.img-wrap {
height: 60px;
border-bottom: 1px solid #000;
}

/*------------------------------------------------------------------
--> Simple Forms Styles
------------------------------------------------------------------*/
/*remove border around fieldset*/
fieldset{ border: 0px solid transparent; }
/* normalize table based form */
div#sfmQuestionForm td { background-color: #fcfcfc !important; }

/*Option and Check Boxes*/
td.sFoption{
width: 5%;
}

.border{ border: 5px solid red; }

div#sfmQuestionForm .button{ 
font-size: 1em;
font-weight: normal;
margin: 0 20px 0 0;
}

div#sfmQuestionForm .button{ 
font-size: 1em;
font-weight: normal;
margin: 0 20px 0 0;
}

div#sfmQuestionForm .button.sfReset {
background: #a41e34;
border: 1px solid #a41e34;
}

/*------------------------------------------------------------------
--> faqs
------------------------------------------------------------------*/
h3.newsheader { font-size: inherit; }   

/*------------------------------------------------------------------
--> faqs
------------------------------------------------------------------*/

span.faqarrow {
font-size: 1.425em;
margin: 0 15px 0 0;
padding: 0;
line-height: 0; 
text-decoration: none !important;
}       

ul.faq-upper-links {
list-style:none;
}

ul.faq-upper-links a:hover { 
text-decoration:none;
}

.auto-height{height:auto;}

input.submit-btn{
font-weight: normal;
font-size: 1.4em;
color:#fff;
height: 40px;
border: 1px solid #691a00;
margin: 0;
line-height: 36px;
background: #9c2800;
box-shadow: 0 0 8px #bbb;
transition: background-color .6s ease-in-out;
-o-transition: background-color .6s ease-in-out;
-moz-transition: background-color .6s ease-in-out;
-webkit-transition: background-color .6s ease-in-out;
}

input.submit-btn:hover{
text-decoration: none;
background-color: #18679a;
border-color: #104466;
cursor:pointer;
}

.invisible{
display:none;
}

/*------------------------------------------------------------------
--> Photo Manager and Photo Book Styles
------------------------------------------------------------------*/

#jqGalleryDiv table tr.even, 
#jqGalleryDiv table tr.alt, 
#jqGalleryDiv table tr:nth-of-type(2n) {
background: none;
}

#pm-gallery00 {
height:auto !important;
position: relative;
}

/*  Photobook Styles  */
.Photosizer{
position: relative;
overflow: hidden;
}

.PhotoBG {
width: 100%;
max-width: 250px;
height: 100%;
-webkit-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
box-shadow: 0px 0 5px rgba(0,0,0,0.40);
}

/*  Photobook Styles  */

.Photosizer img {
overflow: hidden;
}

#jqGalleryDiv {margin: 30px;}

#jqGalleryDiv span.caption_text{
display: inline-block;
position: absolute;
background: rgba(0, 0, 0, 0.7);
color: #fff319;
bottom: 1px;
font-size: 1.4em !important;
padding: 20px;
width: 100%;
}

#jqGalleryDiv h2{
padding: 20px;
color: #fff319;
position: absolute;
width: 100%;
bottom: 4px;
background: rgba(0, 0, 0, 0.7);
z-index: 10;
}

#jqGalleryDiv h2 span {
color: #fff319;
font-size: inherit;
}

#pm-gallery00 .scrollable {
position:relative;
overflow:hidden;
width: 84%;
height:120px;
padding-left: 10px;
display: inline-block;
}

#pm-gallery00 .scrollable .items {
width:20000em;
position:absolute;
clear:both;
}

#pm-gallery00 .items div {
float:left;
display: block;
}

#pm-gallery00 .scrollable div.img-wrap {
margin: 29px 5px 29px 5px;
padding:0px;
}

#pm-gallery00 .scrollable img {
border: 3px solid #fff;
-webkit-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
box-shadow: 0px 0 5px rgba(0,0,0,0.40);
margin: 0;
opacity: .5;

-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

#pm-gallery00 .scrollable img:hover{
opacity: 1;
border: 3px solid #0b67a5;   
}

#image_wrap img{
cursor: default;
margin:0;
border: 0;
-webkit-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
box-shadow: 0px 0 5px rgba(0,0,0,0.40);
}

#galBackOuter > div {
margin-left: 10px;
margin-top: 20px;
}

#image_wrap_g img{
cursor: default;
padding-bottom: 15px;
width: 100%;
max-width: 815px;
}

.cv-photo-gallery .img-wrap {
display: inline-block;
padding: 5px;
} 

#image_wrap_g {
position: relative;
}

.img-wrap:hover{
cursor:pointer;
}

#pm-gallery00 .scrollable .active {
border: 3px solid #0b67a5;
position:relative;
cursor:default;
opacity: 1;
}

#gallery-wrap{
position: relative;
display: block;
padding: 0 5px;
}

#caption_wrap{
position: relative;
width: 100%;
bottom: 6px;
padding: 10px 10px 20px 10px;
background:#11374e;
border-top: 1px solid #0b67a5;
}

#caption_wrap .title {
color: #fff;
}

#pm-gallery00 .scrollable {
float:left; 
}


#pm-gallery00 a.browse {
background:url('/custom/photomanager/hori_large.png') no-repeat;
display:block;
width: 4%;
height:30px;
float:left;
margin:40px 5px;
cursor:pointer;
font-size:1px;
}

#pm-gallery00 a.right           { background-position: 0 -40px; clear:right; margin-right: 5px;}
#pm-gallery00 a.right:hover     { background-position:-30px -40px; }
#pm-gallery00 a.right:active    { background-position:-60px -40px; } 
#pm-gallery00 a.right.disabled  {opacity: .5}

}
#pm-gallery00 a.left            { margin-left: 10px; } 
#pm-gallery00 a.left:hover      { background-position:-30px 0; }
#pm-gallery00 a.left:active     { background-position:-60px 0; }
#pm-gallery00 a.left.disabled   {opacity: .5}

#pm-gallery00 #image_wrap {
width:100%;
margin:0;
position: relative;
}

#pm-gallery00 #image_wrap_g {

width:100%;
min-height:400px;
height:100% ;
margin:0;
}

#pm-gallery00 #scrollable_wrap {
width: 100%;
padding: 0;
}

#pm-gallery00 #text_wrap {
width: 100%;
margin:0 10px;
color: white;
}

#pm-gallery00 h1, #pm-gallery00 h2, #pm-gallery00 h3 {
margin: 0 10px 0 10px;
color: white;
}

#pm-gallery00 #overlay
{
width: 300px;
height: 240px;
background: #e4e2e3;
display: none;
font: normal normal normal 13px/125% tahoma,sans-serif;
color: #000;
}

#pm-gallery00 #overlay #edtdiv
{
font: normal normal normal 13px/125% tahoma,sans-serif;
color: #c00;
}

#pm-gallery00 #overlay #title font
{
font: normal normal bold 27px/33px Garamond, Times, serif;
color:#b4b08c;
display:block;
font-variant: small-caps;
}

/*Start: Code Snippet Custom Side Columns*/
#pageHTML { position: relative; }
.edt-main-content{ float: left; padding: 10px !important; }

.edt-side-content{
background: #f5f5f5;
float: right;
padding: 10px !important;
}

.edt-side-content-custom{
background: #00747e;
color: #fff;
float: right;
padding: 10px !important;
}

/*End: Code Snippet Custom Side Columns*/

.smlCal002_wrap .long, .smlCal002_wrap .short {
display: none;
visibility: visible;
}


/* Image Captions Defualt --------------------------------------------------------------------------*/

.caption_left{
float: left;
display: block;
position: relative;
padding: 0 18px;
margin: 0 0 20px 0;
}

.caption_right{
float: left;
display: block;
position: relative;
padding: 0 18px;
}

.caption_right img,
.caption_left img {
margin: 0 !important;
}

span.caption_text{
display: block;
position: relative;
background: transparent;
color: #333;
bottom: 8px;
font-size: 1.4em !important;
padding: 10px 15px 10px 15px;
}

/* Image Captions Full --------------------------------------------------------------------------*/

.caption_full{
float: left;
display: block;
position: relative;
padding: 0;
margin: 0 0 20px 0;
}

.caption_full img {
margin: 0 !important;
}

.caption_full span.caption_text{
padding: 20px;
color: #fff;
font-size: 1.4em !important;
position: absolute;
width: 100%;
bottom: 6px;
background: rgba(160,40,29,0.90);
}

.edtdiv .rightimg p {
margin: 0 15px 15px 15px;
font-size: 0.8em;
line-height: 18px !important;
}

#page-body .info-section {
background: #f5f5f5;
position: relative;
padding: 0;
}

#page-body .background-info img {display: none;}

#page-body .background-info {
position: absolute;
height: 100%;
top: 0;
left: 0;
background-size: cover !important;
background-position: 50% 50% !important;
z-index: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
opacity: 1;
background: #f5f5f5;
}

#page-body .info-section_content {
position: relative;
height: 21.25em;
}

#page-body .background-info.book-img {
background-size: 100% !important;
}

.imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content) {
padding: 4em;
float: none;
overflow: hidden;
}

#page-body .info-section .info-box.box-left {
padding: 0;
float: right;
}

#page-body .info-section .info-box.box-right {
padding: 0;
float: left;
}

#page-body .info-wrapper {
padding: 35px 25px;
}

#page-body .info-wrapper h1 {
margin: 0 0 35px 0;
padding: 0 14px;
line-height: 31px;
}

#page-body .background-info:not([class*='col-']) {
width: 100%;
}

#page-body .home-img-vis {
height: 254px;
padding: 0;
margin: 1em 0;
}

#page-body .top-wrapper {
display: inline-block;
width: 100%;
padding: 20px 10px;
}

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
Shared Styles
----------------------------------------- */
/* Mobile */

@media only screen and (max-width: 767px) {

    table.responsive {
        margin-bottom: 0;
    }
    .scrollable.swipeMsg::before {
        background: rgba(255, 200, 0, 0.2) none repeat scroll 0 0;
        border: 1px solid #ffcc00;
        border-radius: 5px;
        color: #666;
        content: "<< Swipe for more content >>";
        display: block;
        font-size: 0.8em;
        margin: 0.3em 0;
        padding: 0.2em;
        text-align: center;
        width: 100%;
    }
    .pinned {
        background: #fff none repeat scroll 0 0;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        left: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        width: 35%;
    }
    .pinned table {
        border-left: medium none;
        border-right: medium none;
        width: 100%;
    }
    .pinned table th, .pinned table td {
        white-space: nowrap;
    }
    .pinned td:last-child {
        border-bottom: 0 none;
    }
    div.table-wrapper {
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
    }
    div.table-wrapper div.scrollable {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    table.responsive td, table.responsive th {
        overflow: hidden;
        position: relative;
        white-space: nowrap;
    }

}


.smlCal002_wrap .long, .smlCal002_wrap .short {
display: none;
visibility: visible;
}