﻿::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 12px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 12px;
    }

::-webkit-scrollbar-thumb {
    background-color: #09070C;
    border-radius: 10px;
    border: 2px solid #09070C;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: RGBA(0,0,0,0.1);
}

.info_slide {
    bottom: -200px;
    -webkit-transition: all .2s;
    transition: all .4s;
}

.carousel:hover .info_slide {
    bottom: 0;
}

.section .eventos .caluga .caluga_img {
    overflow: hidden;
}

.section .eventos .caluga .caluga_img .info {
    background: rgba(0, 0, 0, 0.9);
    bottom: -100px;
    color: white;
    padding: 8px 9px;
    position: absolute;
    width: 100%;
    z-index: 1234;
    -webkit-transition: all .2s;
    transition: all .4s;
}

.section .eventos .caluga .caluga_img:hover .info {
    bottom: 0;
    height: 45%;
}

.section .eventos .caluga .caluga_img .info .fecha {
    font-size: .9em;
}

.section .eventos .caluga .caluga_img .info h3 {
    font-size: 1.2em;
}

.section .eventos .caluga .caluga_img .info .descripcion {
    color: #aaa;
    font-size: .9em;
}

.navbar {
	position: absolute;
}

.sidebar {
	position: relative;
}

.affix {
	top: 0px;
	z-index: 12345;
}

.affix-top {
    width: auto !important;
}

.affix-bottom {
    width: auto !important;
	position: absolute !important;
}

#menu-listados-mobile {
    background: #DA251D;
    z-index: 999;
    width: 100%;
    position: relative !important;
    color: white !important;
}

#menu-listados-mobile a {
    color: white;
    text-transform: capitalize;
}

#menu-listados-mobile #nombre-categoria {
    text-transform: capitalize;
}

#menu-listados-mobile .navbar-toggle {
    background-color: transparent;
}

#menu-listados-mobile .navbar-toggle .icon-bar {
    background-color: white;
}

#menu-listados-mobile .navbar-nav > .active > a {
    background: #E15526 !important;
}

/* Calugas sidebar */

/* Phones ----------- */
@media (max-width: 767px) {
   #sidebar .calugaItem {
        padding: 5px 5px 0px 5px;
    }
    #sidebar .calugaItem:nth-child(odd) {
        padding-left: 0px;
    }
    #sidebar .calugaItem:nth-child(even) {
        padding-right: 0px;
    }
    .calugasMobile .calugaItem {
        margin-bottom: 5px;
    }
    .calugasMobile {
        overflow: hidden;
        margin-top: -6px;
        margin-bottom: 12px;
    }
    .calugasMobile > a img {
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1023px)
and (orientation : portrait ) {
    #sidebar .calugaItem {
        padding: 0px;
        padding-right: 5px !important;
    }
    #sidebar .calugaItem:nth-child(3n) {
        padding-right: 0px;
        padding-left: 0px;
    }
    #sidebar .calugaItem:nth-child(2n) {
        padding-left: 0px !important;
    }
    #sidebar .calugaItem img {
        width: 100%;
        margin-bottom: 5px;
    }
    .calugasMobile {
        overflow: hidden;
        margin-top: 5px;
        margin-bottom: 13px;
    }
}

/* Desktop ----------- */
@media (min-width: 1024px) {

    #sidebar .aside-position {
        text-align: center;
    }
    #sidebar .calugaItem {
        display: inline-block;
        max-width: 100%;
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
    }
    #sidebar .calugaItem img {
        width: 100%;
    }
}
