/* ---- General Settings ---- */
#main .pichide {display: none;}

/* ---- NavMenue Settings ---- */
#top                        {position: relative; }
#logo                       {padding-top: 9px; padding-bottom: 9px; margin-top: 0px; margin-left: 0px;}
#logo a                     {line-height: 0px;}
nav#mainmenu ul li a        {display: block; line-height: 16px; position: relative; text-decoration: none;}
nav#mainmenu a              {color: #fff;}
nav#mainmenu ul ul li a     {color: #fff;}
nav#mainmenu ul li a:hover  {background-color: rgba(157, 157, 157, 0.8); }


/* ---- Accordion Settings ---- */
.accordion    {background: rgba(0, 0, 0, 0); background-color: transparent;}
.ce_accordion {background: rgba(0, 0, 0, 0); background-color: transparent;}
.ce_accordion .accordion {padding: 0 3%; }
.ce_accordion .accordion > div {padding: 12px; background: rgba(0, 0, 0, 0); background-color: transparent;}
.ce_accordion .toggler {position: relative;padding: 4px 7.69231% 4px 3.84615%;	outline: none; text-shadow: 0 1px 0 white; cursor: pointer;}
.ce_accordion .toggler:before {font: 32px/0 "FontAwesome"; content: "\f107"; color: grey; text-indent: 0; display: inline-block; position: relative; position: absolute; right: 3%; top: 40%; }
.ce_accordion .toggler:after {font: 32px/0 "FontAwesome"; content: "\f106"; color: grey; text-indent: 0; display: inline-block; position: relative; position: absolute; right: 3%; top: 40%; display: none;}
.ce_accordion .toggler:hover:before {color: black;}
.ce_accordion .toggler:hover:after {color: black;}
.ce_accordion .toggler:hover {background: rgba(0, 0, 0, 0); background-color: transparent;}
.ce_accordion .toggler.active {font-weight: bold; background: rgba(0, 0, 0, 0); background-color: transparent; }
.ce_accordion .toggler.active {font-weight: bold; background: rgba(0, 0, 0, 0); background-color: transparent; }
.ce_accordion .toggler.active:after {display: block;}
.ce_accordion .toggler.active:before {display: none;}
.ce_accordion hr:after {}
.ce_accordion {background: rgba(0, 0, 0, 0); background-color: transparent;}
.toggler {background: rgba(0, 0, 0, 0); background-color: transparent;}

/* ---- METADATA PICTURE INFO ---- */
.img_desc {display: none; cursor: default; height: 40px; overflow: hidden; text-align: left;}
.img_desc.show {display: block;}
.img_desc {background: #222222 none repeat scroll 0 0; color: #fff; margin-top: -30px; padding: 5px; position: fixed; right: -416px; top: 50%; transition: right 1s ease 0s; width: 440px; z-index: 1000;}
.img_desc .handle::before {content: "\f129"; cursor: pointer; font: 24px "FontAwesome"; left: 14px; position: absolute; top: calc(50% - 12px);}
.img_desc .handle {border-right: 1px solid #ccc; cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 35px;}
.img_desc.open {right: 0; transition: right 1s ease 0s;}
.img_desc  span {color: #fff; display: block; font-size: 12px; line-height: 110%; opacity: 1;}
.img_desc .title, .img_desc .caption, .img_desc .link {margin-left: 35px;}
.img_desc .title {font-weight: bold;}


/* ---- SEARCH BOX ---- */
#searchbox  {display: inline-block; height: 50px; width: 250px; position: fixed; top:50%; margin-top: 90px; right: 0px;  background-color: #222222; transition: right 1s ease; z-index: 5000; overflow: hidden;}
#searchbox.hide {right: -216px; transition: right 1s ease;}
#searchbox .search.btn {display: inline-block; cursor: pointer; width: 30px; padding: 17px 0 16px;}
#searchbox span:before {font: 24px/0 "FontAwesome"; content: "\f002"; color: white; cursor: pointer; padding: 5px;}
#searchbox .formbody {display: inline-block; width: 205px; padding: 5px 3px; border-left: 1px solid #ccc; }
#searchbox .text { width: 208px; }
#searchbox button {display: none;}

.image_container.float_left     { float: left; width: 45%; }
.image_container.float_right    { float: right; width: 45%; }

/* ---- FOOTER ---- */
#footer             { position: fixed; bottom: 0; line-height: 40px; background: #000; z-index: 99; color: #fff; }
#footer .inside     { margin: 0; width: auto; font-size: 0; }
#footer a           { color: #fff; }
#footer .left,
#footer .right      { width: calc(50% - 25px); display: inline-block; font-size: 14px; }
#footer .left       { text-align: left; padding-left: 25px; }
#footer .right      { text-align: right; padding-right: 25px; }

body.boxed #container { margin-bottom: 60px; }

/* ---- Slider Settings ---- */

#cboxCurrent { display:none !important; }


/* ---- Tablet Settings ---- */
@media only screen and (max-width: 1060px) {

#top            {position: relative; }
nav#mainmenu    {float: none;}
.img_desc.show  {display: none;}
#searchbox      {top: -89px;}
#nextslide, #prevslide {display: none;}
}

/* ---- Screen Settings ---- */
@media only screen and (min-width: 981px) {

    nav#mainmenu ul li a        {padding: 15px 14px 25px; }
    nav#mainmenu ul a.active    {font-weight: bold;}
    

}

/* ---- Smartphone Settings ---- */
@media only screen and (max-width: 767px) {

#searchbox      {display: none;}
.img_desc.show   {display: none;}

#footer         { line-height: normal; }
#footer .left,
#footer .right  { width: calc(100% - 0px); display: block; font-size: 12px; text-align: center; }
#footer .left   { padding-left: 0; }
#footer .right  { padding-right: 0; }
}