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

body, input, textarea { font-family: 'Ek Mukta', sans-serif; }
body { /*padding-top:50px;*/ }
p { line-height: 1.5em; margin-bottom: 1em;}

.calendar-header .left-arrow:before, .calendar-header .right-arrow:after, .calendar-header .toggle-calendar:before{
vertical-align:middle;
}
a:hover { text-decoration: none; }
hr { margin: 20px 0px; }
pre { margin: 0 0 10px; }
.main{
padding-bottom:30px;
}
table.calendar td.header { font-size: 1.6em; }
p.calendaritem, p.newsitem, p.fileitem  { margin: 0 0 15px !important; }
div.main div.panel-body {
  height: 500px;
  overflow: scroll;
padding:8px 15px!important;
}
#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; }
td.formfield span.checkbox {
margin:0;
width:50%;
float:left;
padding:5px 2px;
}
.contactListItem {
  float: left;
  width: 50%;
}
.list-inline.text-center a { color: #2E75A5; }
.list-inline.text-center a:hover { color: #000!important; }
.list-inline li:hover { 
background-color:#f0f0f0!important;
border-radius:5px!important;
}
.list-inline li { 
margin-bottom:0;
}
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; }

hr{border-top:1px solid #2e75a5;}

.print-header hr{border-top:5px solid #2E75A5;}
.print-header img{max-width:150px;}
.print-header .col-sm-6{padding-left:0;}

/* .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 .managetop {
  text-align: center !important;
}
.top-alert {
background-color:red;
background-size:cover;
color:white;
}
.top-alert h2 {
  margin: 0;
  padding: 20px;
  text-align: center;
}
#manageTopItems .dropdown-menu li a{
color:#000!important;
}
#manageTopItems .dropdown-menu li a:hover{
color:#000!important;
}
/*-------------------
--Font-Sizer
---------------------*/
.font-sizer { margin-top: 40px; }
.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
\* ------------------------------- */
.page-wrap{
background: linear-gradient(#a7ce38, #F4F7E7 50px);
padding:15px;
}

.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{
padding:72px 10px 10px;
margin-top:0;
background:#F4F7E7;

border-bottom:5px solid #2E75A5;
}
.sub-nav h1{
font-size:5em;
}
.sub-nav h3{
padding-top:20px;
}
.sub-nav h1, .sub-nav h3, .sub-nav h5{
font-weight:400;
margin:0;
text-align:right;
color:#000;
margin-right:30px;
}
.fa-square{
color:#3B5998;

}

.fa-stack{
font-size:1.5em;
}
.sub-nav address{
padding-left:50px!important;
padding-top:20px!important;
    margin-bottom: 30px;
color:#000;
}

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

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

}
.carousel-indicators li, carousel-caption {
top:90%;
}
.carousel-indicators {
  bottom: 0px;
display:none;
}

.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 35px 30px;
}
.hotlinks li a{
font-size:1.8em;
}
.hotlinks .fa{
font-size:1.2em;
}
.codered { margin-top: -63px; width: 100px; }
/* ------------------------------- *\
              NAVIGATION
\* ------------------------------- */

.navbar{
background-color: #2E75A5;
border-bottom:5px solid #A7CE38;
}
.navbar .navbar-brand{
color:#fff;
}
.navbar .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;
}
.dropdown-menu {
	min-width: 200px;
background-color:#000;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
background-color:#000;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
background-color:#000;
}
.dropdown-menu.columns-4 {
	min-width: 700px;
background-color:#000;

}

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

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


.multi-column-dropdown li a {
	display: block;
	clear: both;
	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;
}
@media (max-width: 660px) 
{
    ul.nav li.dropdown:hover > ul.dropdown-menu 
    {
       display: none;
    }
b.caret{
display:none;
}
}
.main .container{
padding:0;
}

#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_9 { left: -16%;} /* Committees */
#drop-shade_3 { left:-106%; } /* Government */
#drop-shade_4 { left:-345%; } /* Calendar */
#drop-shade_6 { left:-651%; } /* FAQ */
#drop-shade_1 { left:-430%; } /* About */
#drop-shade_11 { left:-392%; } /* Files */

@media (max-width: 660px) 
{
    ul.nav li.dropdown:hover > ul.dropdown-menu 
    {
       display: none;
    }
.dropdown .caret{
display:none;
}
}
@media(min-width:768px) and (max-width:992px){
.navbar-nav li>a{
font-size:1.2rem;
}
}

/* ------------------------------- *\
               NEWS
\* ------------------------------- */
.news, .filesBox {
    background-color: #f0f0f0;
}
.panel-heading h3 {
margin: 0;
text-align:center;
color:#2E75A5
}
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:#F4F7E7;
border-top:10px solid #A7CE38;
}
.footer ul{
list-style:none;
}
.footer h4{
color:#000;
}
.footerL{
color:#000;
}
.footer address{
color:#000
}

@media(max-width:1200px) {
.hotlinks li { padding:15px 30px 20px 30px; }
.hotlinks li a { font-size:1.3em; }
.page-wrap .container{max-width:100%; width:100%;}
}
@media(max-width:992px) {
.hotlinks li { padding:15px 20px 20px 20px; }
.hotlinks li a { font-size:1.1em; }
}
@media(max-width:662px) {
.hotlinks li { padding:15px 10px 20px 10px; }
.hotlinks li a { font-size:1em; }
}

@media(max-width:1200px) {
.sub-nav .container { width:100% }
}

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

@media(max-width:992px) { 
.footer { text-align:center; }
.footer .login { padding-bottom:10px; }
.codered { margin-top: 0; width: 80px; }
}

@media (min-width:768px) and (max-width:992px){
#box_calendar{margin-left:-5px;}
#box_news{margin-left:5px;}
.sub-nav address{padding-left:5px!important;}

}

@media(max-width:767px) {
body { /*padding-top:100px;*/ }
.sub-nav img { margin:0 auto; }
.sub-nav,
.sub-nav h1,
.sub-nav h3,
.social-buttons { text-align:center; padding:10px 0; }
.sub-nav .input-group { margin:10px auto; }
.sub-nav img{max-width:200px;}
}

@media (min-width:768px){

}
@media only screen and (max-width: 768px) {
	.sub-nav {
	margin-top: 95px;
}
}
@media only screen and (max-width: 576px) {
	.sub-nav {
	margin-top: 60px;
}
}
@media print {
nav.navbar, div.managetop, footer, address, div#search, div#admintab { display:none; }
body, div.sub-nav { margin:0; padding:0; }
}

.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; }
}