/*
Name: Common Style
Version: 1.0
Description: common style for Origin theme
Author: Julia Espinoza
Author contact: jespinoza@televeo.com
*/

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

/* arreglando el logo */
#logo {width: 72%;}
#logo-area {margin-bottom: 0px;}

/* cambiando el color de todos los links manualmente*/
a {color: #0095c7;}

/* centrando el div de cargando mas capitulos */
#infscr-loading{top: 70%;left: 0px;right: 0px;width: 225px;margin: auto;text-align: center;border: 2px solid #FFB300;}

/* se ocultan los links de cabecera porque tiene otro tipo de links legales*/
#info-header-links{display: none;}
    
/* color del texto del menu modificado manualmente */
#top-menu a:hover .link_text, .current-menu-item > a, #top-menu .current-menu-item > a:hover, #top-menu .current-menu-item > a:hover .link_bg, .et_active_dropdown > li a, #top-menu .et_clicked, #mobile-nav { color: #0095c7; }

/* modificando estilo del scrollbar */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
/*
	-webkit-border-radius: 10px;
	border-radius: 10px;
*/
}

::-webkit-scrollbar-thumb {
/*
	-webkit-border-radius: 10px;
	border-radius: 10px;
*/
	background: #72A5C1;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #72A5C1;
}

/* ajustando pie con links */
#links-emotion{padding: 2px 5px;background-color: #C2DDE8;}

/* ocultando la caja de links antiguos */
#info-footer{display: none;}

/* ajustando la lista del menu */
#top-menu{overflow-y: auto;height: 550px;}

/* sacando el background-color de los títulos */
.main-title {background-color: transparent; text-align: center;}

/* color de los titulos */
body.single #main h1, body.single #main h3{color: #FFB300;}

/* cambiando el color de las letras */
body {color: #0095C7; /*position:relative;*/}

/* estilo de main-wrap por el cookie */
/*#main-wrap {position:absolute;}*/

/* borrando el ancho fijo del contenido */
#main-content {width: 90%; margin: 1% 5%;}

/* estilos del footer dentro del capitulo */
#main-footer {border-top: 1px solid #f3f3f3;padding: 20px 5% 50px; color: inherit;}

/* estilo de la cabecera de las categorias */
#category-desc {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #DFEEF5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DFEEF5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#DFEEF5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#DFEEF5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#DFEEF5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#DFEEF5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DFEEF5',GradientType=0 );
    padding: 20px 20px;
}
.title-desc strong {color: #00B5F0 !important;font-size: 35px;margin: 10px 0px;}
.year-desc {background-color: transparent !important;color: #FFB300 !important;font-size: 20px;}
.info-desc {width: 100%;position: relative;}
.info-desc li {display: inline-block;background-color: #00B5F0;color: #ffffff;margin: 1px 1px;padding: 2px 3px;border-radius: 5px;font-size: 13px;position: relative;}
#awards-btn {position: relative;top: 2px;left: 2px;margin-right: 2px;}
#awards-text {background-color: #FFFFFF;color: #00B5F0;position: absolute;font-size: 12px;box-shadow: 1px 1px 5px #888888;left: auto;right: auto;width: 300px;margin: auto;z-index: 999;top: 26px;padding: 5px;text-align: justify;}
#description-field {margin: 15px 5px;color: #00B5F0;}
#description-field strong {color: #FFB300;}
.nodisplay {display: none;}
.display {display: inline-block;}

/* estilo del menu */
#info-area, #info-bg {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #c2dde8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c2dde8));
    background: -webkit-linear-gradient(top, #ffffff 0%,#c2dde8 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#c2dde8 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#c2dde8 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#c2dde8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c2dde8',GradientType=0 );
}

/* estilo del cookie law info */
/*#cookie-law-info-bar {position: absolute; top:0;}*/

/* se oculta el info-bg para que el msj de cookie se vea correctamente */
#info-bg {z-index: -1;}

/***** Sticky Menu *****/
.fixed {position:fixed;}
/*#wrapper{margin-top: 7% !important;}*/
/***** Fin Sticky Menu *****/

#cookie-law-info-bar {position: fixed;}

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

@media screen and (max-width: 1023px){
    /* regulando el espacio sobre el contenido */
/*    #wrapper {margin-top: 0;}*/
    
    /* ajustando el logo */
    #logo{width: 25%;}
    #logo-area {margin: auto;padding: 0px;text-align: center;}
    
    /* ajustando la lista del menu */
    #top-menu{height: 152px;}
    #top-menu a, #mobile-nav {padding: 8px 5px; background-color: #C2DDE8;}
    #mobile-nav:hover {background-color: #ffffff;}
    
    /* degradado del header */
    #logo-area, #info-area{
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #c2dde8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c2dde8));
        background: -webkit-linear-gradient(top, #ffffff 0%,#c2dde8 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#c2dde8 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#c2dde8 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#c2dde8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c2dde8',GradientType=0 );
    }
    
    /* ocultando la imagen de contacto */
    #contact-image {display: none;}
    
    /* ajustando pie con links */
    #links-emotion{bottom: 0px;right: 0px;left: 0px;width: 100%;}
    
    /* se ajusta la cabecera en forma relativa al contenido */
/*    #info-area {position: inherit;z-index: 3;}*/
    
    /* tamanho de letra del mensaje de cookies */
    #cookie-law-info-bar {font-size: 10px;}
    
    /* se superpone sobre todo la cabecera */
/*    #nav {z-index: 3;}*/
}
/* tamanho de letra para el pie */
@media screen and (max-width: 767px){
    #links-emotion {font-size: 11px;}
}
/************************************************************/