/* ------------------------------- *\
           BODY SETTINGS
\* ------------------------------- */

body, input, textarea { font-family: 'Ek Mukta', sans-serif; }
body { /*padding-top:50px;*/ }
body.home{padding-top:0}
p { line-height: 1.5em; margin-bottom: 1em; }
.main { background:#d0d0ff; }
.row { margin-left:0; margin-right:0; }
.dataTables_wrapper div.row { margin: 0 -15px; }
.carousel-inner > .item > img { width:100%; }
ul.dropdown-menu > .row  { background: black none repeat scroll 0 0; }
.map img { padding-bottom:20px; }
a:hover { text-decoration: none; }
hr { margin: 20px 0px; }
pre { margin: 0 0 10px; }

table.calendar td.header { font-size: 1.6em; }
table.staff th {
	text-align: left !important;
	background: #ddd;
}
p.calendaritem, p.newsitem, p.fileitem  { margin: 0 0 15px !important; }
div.main div.panel-body {
  height: 500px;
  overflow: scroll;
padding:8px 15px!important;
}
div.sidecol div.panel-body {
	height: auto;
	overflow: auto;
	padding: 0;
}
#box_calendar, #box_news{padding:0;}
div.calendarItem {
  background: #ccc none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 12px;
  margin: 0 0 6px;
  padding: 2px 5px;
}
img.page-img { border-radius: 5px; }
.input-group-addon { display:none; }
.navbar-nav > li > a { font-size:1.2rem; padding-bottom:0; }
td.formfield span.checkbox {
margin:0;
width:50%;
float:left;
padding:5px 2px;
}
#nav.container.affix {
    padding: 0;
}
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
#nav.affix-top {
    padding: 0;
}
.contactListItem {
  float: left;
  width: 50%;
}
.list-inline.text-center a { 
color: #27894b; 
display:block;
text-align:center;
}
.list-inline.text-center a:hover { color: #000!important; }
.list-inline li:hover { 
background-color:#eee!important;
}
.list-inline li { 
margin:0 5px 15px;
background:#fff;
border-radius:5px!important;
}
div.page table td { padding:5px; vertical-align:top; }
td p { padding:0!important; margin:0!important; }
.pageSubNav {
  float: right;
  width: 30%;
}
div.pageSubNav.col-md-4 img{
max-width:200px;
}
.form-group { margin-left:0px!important; margin-right:0px!important; }

/* .CatFile { float: left; margin: 0 5% 0 0; width: 45%; } */

.page-links li a.external-links:after {
content:"\f08e";
font-family: FontAwesome;
padding-left:7px;
color:#EC971F;
}
.page-links a.external-links:hover::after {
content:"\f14c";
font-family: FontAwesome;
padding-left:7px;
color:#EC971F;
}
.page-links .parent a{
font-size: 24px;
font-weight:500;
text-indent:1em;
}

#top-alert { padding:0; }
#top-alert p { padding:5px; }
#top-alert .managetop { text-align: center !important; }
.top-alert { background-color:#8F1010; color:white; padding:10px 5px; }
.top-alert a { color: white; font-weight: bold; text-decoration: underline; }
.top-alert h1, .top-alert h2, .top-alert h3, .top-alert h4 {
  margin: 0;
  padding: 0 20px 5px;
  text-align: center;
}
.top-alert p {
  margin: 0;
  padding: 0px;
  text-align: center;
}

.e > ul > li {
	font-size: 1.8em;
}
/*-------------------
--Font-Sizer
---------------------*/
.font-sizer a {
	color: var(--dark);
}
	.font-sizer a:hover {
		opacity: 0.7;
	}
.font-sizer ul {
margin-bottom: 0 !important;
padding: 0;
}
#font__size--0{
		font-size: 100% !important;
	}
#font__size--1{
		font-size: 120% !important;
	}
#font__size--2{
		font-size: 150% !important;
	}
/* ------------------------------- *\
         HELPER CLASSES
\* ------------------------------- */
.top{
margin-top:25px;
}
.top-big{
margin-top:50px;
}
.bottom{
margin-bottom:25px;
}
.shadow {
	box-shadow: 0px 0px 2px #000;
}

.logo-top{
padding-top:50px;
}
/* ---------------------------------------------------------------- *\
                         Page images
\* ---------------------------------------------------------------- */

.filelist img { margin-bottom:0!important; }

/* ---------------------------------------------------------------- *\
                          Sub-nav Section
\* ---------------------------------------------------------------- */

.sub-nav {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,1737B4+100;Blue+3D+%23+16 */
background: #1737B4; /* Old browsers */
background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #1737B4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#1737B4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#1737B4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#1737B4',GradientType=0 ); /* IE6-9 */
margin-top:-30px;
  overflow: hidden;
  padding: 40px 0 0 0;
}
.sub-nav a img { height: 100px; }
.sub-nav address a { color: whitesmoke; }
.sub-nav address { padding-top:10px!important; margin-bottom: 20px; color:#000; }
.sub-nav h1 { font-size:4.5em; }
.sub-nav h3 { padding-top:5px; }
.sub-nav h1, .sub-nav h3, .sub-nav h5, .sub-nav h2 {
font-weight:400;
margin:0;
text-align:center;
color:#000;
}
.town-info a { color:#ddd; }
.fa-square { color:#3B5998; }
.fa-stack { font-size:1.5em; }

/* ------------------------------- *\
          CAROUSEL
\* ------------------------------- */
.image-fader{

}
.swiper-img img {
  max-width:100%;
}
.swiper-pagination-bullet-active {
  background: #fff!important;
}
.swiper-pagination-bullet {
  background: #fff!important;
}

.carousel-bg{
margin:0px 0 15px;
}
.carousel-control {
opacity:.3;
}
.carousel-caption {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  border-radius: 10px;
  bottom: 5px;
  font-size: 2rem;
  left: 15%;
  padding: 1% 0 2%;
  right: 15%;
}
.carousel-indicators li, carousel-caption {
top:90%;
}
.carousel-indicators {
  bottom: 0px;
}

.carousel-inner img {
	width:100%;
}
.carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-inner .active {
  opacity: 1;
}
.carousel-inner .active.left,
.carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-inner .next.left,
 .carousel-inner .prev.right {
  opacity: 1;
}
 .carousel-control {
  z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

/* ------------------------------- *\
              HOTLINKS
\* ------------------------------- */
.hotlinks li{
padding:10px 10px 50px;

}
.hotlinks li a{
font-size:25px;
}
.hotlinks .fa{
font-size:1.2em;
}

/* ------------------------------- *\
              NAVIGATION
\* ------------------------------- */

.navbar-default{
background-color: rgba(0,0,0,1);
border-bottom:1px solid rgba(0,0,0,0.2);
margin-bottom:0;
width:100%;
border:none;
border-radius:0;
}
.navbar-static .container.container-fluid{
width:100%!important;
}
.navbar-default .navbar-brand{
color:#fff;
}
.navbar-default .navbar-brand:hover{
color:#aaa;
}
.navbar .navbar-nav>li>a{
color:#fff;
}
.navbar .navbar-nav>li>a:hover{
color:#fff;
}
.navbar-brand{
display:none;
}
.navbar-right{
float:none !important;
}

.navbar .navbar-nav {
  /*display: inline-block;*/
  float: none;
}

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

a.dropdown-toggle {
	font-weight: bolder;
	font-size: 21px !important;
}
.dropdown-menu {
	min-width: 200px;
background-color:#000;
}
.dropdown-menu.columns-2 {
	min-width: 650px;
background-color:#000;
}
.dropdown-menu.columns-3 {
	min-width: 650px;
background-color:#000;
}
.dropdown-menu.columns-4 {
	min-width: 700px;
background-color:#000;

}

.dropdown-menu li a {
	padding: 5px;
	font-weight: 300;

}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}

.multi-column-dropdown li a {
	display: block;
	clear: both;
font-size:20px;
	line-height: 1.428571429;
	color: #fff;
	white-space: normal;
padding:5px 0 5px 3px;
}

.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #999;
}
.dropdown-menu .row:first-child{
padding-left:10px;
}

.main .container{
padding:0;
background:#fff;
}

#left-sidebar.col-sm-6.col-md-3.col-md-pull-6{
padding-left:0;
}
/*#right-sidebar.col-sm-6.col-md-3{
padding-right:0;
}*/

.dropdown ul{
right:0;
left-auto;
}


#drop-shade_1 { left:0% }
#drop-shade_2 { left:-50%; }
#drop-shade_3 { left:-50%; }
#drop-shade_4 { left:-100%; }
#drop-shade_5 { left:-175%; }
#drop-shade_6 { left:6%; }
#drop-shade_7 { left:-80%; }

/* ------------------------------- *\
               NEWS
\* ------------------------------- */
/*
.news, .filesBox {
    background-color: #f0f0f0;
}
*/
.panel-heading h3 {
margin: 0;
text-align:center;
}
p.newsbody {
}
a.news_heading {
}
span.date {
}
/* ------------------------------- *\
              FORMS
\* ------------------------------- */
table.forms {

}

table.weblist {
    outline: 1px solid black;
}
table.weblist td {
    padding: 5px!important;
}

p.updated {
    font-size: 0.9em;
}
.innerarea {
    padding-top: 1.3em;
}
.content ul li {
    margin: 5px 20px;
}
.content ol li {
    margint: 5px 20px;
}

.divider1 {
    background: #fff url('images_Zenlike/border2.gif') repeat-x;
    height: 14px;
    margin: 0px 0px 40px 0px;
    clear: both;
}
.divider2 {
    margin: 2.0em 0em 2.0em 0em;
}
.box {
    background: #FDFCF6 url('images_Zenlike/boxbg.gif') repeat-x;
    left: -1.5em;
    top: -1.5em;
    padding: 1.5em;
    border-bottom: solid 1px #E1D2BD;
    margin-bottom: 1.0em;
}
/* ------------------------------- *\
              GALLERY
\* ------------------------------- */

.thumb {
    margin-bottom: 30px;
}
.thumbs img{
max-width:98%;
    padding:2%; /* A percentage that, when doubled and added to the above, makes 100%. */
    background:transparent;
    border:1px solid #CCCCCC;
      opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;/* Color of the faux border. */
}
   .thumbs img:hover {
      opacity: 0.5;
      }

/* ------------------------------- 
 Page specific styles
 ------------------------------- */
#p24 img{
width:300px;
}


/* ------------------------------- 
               FOOTER
 ------------------------------- */
.footer {
    padding: 30px 0;
background-color:#000;
}
.footer ul{
list-style:none;
}
.footer h4{
color:#fff;
}
.footerL{
color:#fff;
}
.footer address{
color:#fff
}

/* ------------------------------- 
               MEDIA QUERIES
 ------------------------------- */
@media(max-width:1200px) {
.hotlinks li { padding:15px 30px 20px 30px; }
.hotlinks li a { font-size:1.3em; }
.sub-nav .container { width:100% }
}

@media(max-width:1114px) {
.sub-nav h1 { font-size:4em; }
}

@media(max-width:992px) {
.hotlinks li { padding:15px 20px 20px 20px; }
.hotlinks li a { font-size:1.1em; }
.footer { text-align:center; }
.footer .login { padding-bottom:10px; }
.top-big { margin-top:0px!important; }
a.dropdown-toggle { font-size:1.6!important; }
}

@media (min-width:768px) and (max-width:992px){
#box_calendar{margin-left:-5px;}
#box_news{margin-left:5px;}
.navbar-nav li>a { font-size:1.2rem!important; }
}

@media(max-width:768px) {
.town-name h1 { font-size:3em; }
.town-name h3 { display:none; }
.town-name h2 { font-size:18px; }
.town-name img { max-width:75px; padding-top:5px; }
.town-info address { font-size:12px; }
.town-info { top:40px; }
.town-info.col-sm-2 { padding-left:0; padding-right:0; }
#drop-shade_3{left:-140%;}
#drop-shade_2{left:-100%;}
#drop-shade_1,{left:0;}
}

@media (min-width:768px){
.font-sizer {margin-top:10px};
}

@media (max-width:767px){
.dropdown-menu.columns-2{
min-width:0;
}
#drop-shade_1, #drop-shade_2, #drop-shade_3{
left:0;
}
.sub-nav .input-group{margin-bottom:20px;}
.navbar-nav{
float:left!important;
text-align:left!important;
}
.navbar-nav li{
display:list-item;
}
}
@media (max-width:760px){
.sub-nav svg { display:none; }
.town-name { position:relative; top:0; }
.sub-nav { text-align: center !important; }
.sub-nav img { float:none; margin:0 auto; }
}

@media(max-width:662px) {
.hotlinks li { padding:15px 10px 20px 10px; }
.hotlinks li a { font-size:1em; }
/* ul.nav li.dropdown:hover > ul.dropdown-menu { display: none; }*/
ul.nav li.dropdown:hover > ul.dropdown-menu img { display: none; }
.dropdown .caret { display:none; }
b.caret { display:none; }
}


@media print {
nav.navbar, div.managetop, footer, address, div#search, div#admintab { display:none; }
body, div.sub-nav { margin:0; padding:0; }
}

.home div.main div.card-body {
	height: 500px;
	overflow: scroll;
	padding: 8px 15px !important;
}
.dropdown-menu {
    min-width: 120px;
    background-color: #000;
}
.dropdown-menu.calendar-category {
	min-width: 250px;
}
.dropdown-menu.calendar-topic {
	min-width: 250px;
}
@media (max-width: 660px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu { display: none; }
    b.caret { display: none; }
}

@media only screen and (max-width: 576px) {
.dropdown-menu.columns-2 { min-width: 200px; background-color: #000; }
}