@charset "UTF-8";/* CSS Document *//* Add Kotsovos Title */

#page > div.sidebar-offcanvas.visible-xs.visible-sm > div > div.offcanvas-footer.panel-footer:before
{
content: "KOTSOVOS";
font-size: 20px;
font-family: 'Libre Baskerville', serif;
text-transform: capitalize;
display: block;
width: auto;
height: 60px;
letter-spacing: 3px;
color: rgba(13,13,13,1.00);
}



/*  Search *************************************/

#page > div.sidebar-offcanvas.visible-xs.visible-sm > div > div.offcanvas-footer.panel-footer {
padding-left: 60PX;
background-color: rgba(0,0,0,0.00);
border-top: 0px solid #dddddd;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#mobsearchbtn > button {
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-style: normal;
    padding: 5px 15px;
     background-color: #2C3D49!IMPORTANT;
}

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


.panel-title
{
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 20px;
}



.mob-panel-heading
{
padding-top: 5px;
padding-bottom: 5px;
}

.panel .list-group
{
margin-top: 10px;
margin-bottom: 20px;
}

.mobsubcat li a
{
padding: 0px;
font-family: "brandon", sans-serif;
font-size: 12px;
letter-spacing: 1.5px;
font-weight: 400;
text-transform: uppercase;
}

.mobsubcat li
{
padding: 0px;
}/* Remove Borders */

.mob-panel-default
{
border-bottom: 1px solid #ffffff !important;
}

.panel-group .panel
{
border-radius: 0px;
}/* Background Color  */

.sidebar-offcanvas
{
background-color: #c9aaaa;
height: 100%;
}

.panel
{
background-color: rgba(0,0,0,0.00);
}/* Turns Off Top Menu  */

#page > div.sidebar-offcanvas.visible-xs.visible-sm > div > div:nth-child(2)
{
display: none;
}/* Overall Styes */

.sidebar-offcanvas .panel-body
{
padding-top: 20px;
padding-right: 60px;
padding-left: 60px;
padding-bottom: 60px;
}/* Close Button */

.sidebar-offcanvas .btn-primary
{
background-color: rgba(0,0,0,0.00);
border-color: rgba(0,0,0,0.00);
color: rgba(0,0,0,1.00);
}

.sidebar-offcanvas .divider
{
border-bottom: 0px !important;
color: rgba(0,0,0,1.00);
}

/* Removes Headers */

#page > div.sidebar-offcanvas.visible-xs.visible-sm > div > div:nth-child(2) > div.box .box-heading, #page > div.sidebar-offcanvas.visible-xs.visible-sm > div > div:nth-child(4) > div > div.box-heading
{
display: none;
}/* Size of Menu */

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

.row-offcanvas-left.active
{
left: 80%;
}

.row-offcanvas-left .sidebar-offcanvas
{
left: -80%;
}

.sidebar-offcanvas
{
width: 80%;
z-index: 12000;
}
}/* Custom, iPhone Retina */

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

.mob-panel-heading
{/*background-color: red;*/
padding-top: 5px;
padding-bottom: 5px;
}

.panel .list-group
{
margin-top: 10px;
margin-bottom: 20px;
}

.mobsubcat li a
{
padding: 0px;
font-family: "Neuzeit Grotesk T Regular", sans-serif;
font-size: 11px;
letter-spacing: 1.5px;
font-weight: 400;
text-transform: uppercase;
}

.sidebar-offcanvas .panel-body
{
padding: 30px;
}
}

@media (max-width: 480px) {

.sidebar-offcanvas
{
background-color: #BBCFD4!important;
height: 100%;
}
}