/* Folha de estilo principal
 *
 * Marcelo Barbosa,
 * junho, 2017.
 */

/* importacoes de arquivos externos: fontes */
@import url('https://fonts.googleapis.com/css?family=Handlee');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Thasadith');

/* seletor: elemento */
a:link, a:visited { color:#1E90FF; }
a:hover, a:active { color:#2A2A2A; }

/* seletor: classe */

/* fontes */
.font-handlee { font-family: Handlee; }
.font-anton { font-family: Anton; }
.font-arial { font-family: arial; }
.font-thasadith { font-family: Thasadith; }

/* corpo: menu */
/* menu dropdow: sobreescreve cor e background */
.vertical-drop-down-menu { background-color: transparent; }

.vertical-drop-down-menu .background-menu { background-color: #1E90FF; opacity: 1; }

.menu-items li p { color: #2A2A2A; }
.menu-items li { border-left: 7px solid grey; border-bottom: 1px solid white; }
.menu-items li:last-child { border: 0; border-left: 7px solid grey; }

.menu-items ul li  {border: 0; }

.menu-items li p { background-color: whitesmoke; }

.menu-items, .menu-items ul
{	 
    background-color: transparent;
    color: #FFFFFF;
}

.menu-items li p:hover{ background-color: #1E90FF; color: #FFFFFF; }
.menu-items li:hover { border-left: 7px solid royalblue; }

.menu-items ul li p:hover{ background-color: #1E90FF; box-shadow:none; border-radius: 0px; color: #FFFFFF; } 

.vertical-drop-down-menu .menu-icon 
{	
    background-color: #1E90FF;
    color: #FFFFFF;
    box-shadow: 0 0 0 transparent;    
    margin:2px;
} 

.menu-items li a, .menu-items ul li a { color: #FFFFFF; }
.menu-items ul li a:hover{ color: #FFFFFF; }

/* menu de navegacao */
.navigator-menu { background-color: #FFFFFF;}
.navigator-menu .close-icon { color: #FFFFFF; }
.navigator-menu .content ul li { color: #000000; }
.navigator-menu .content ul li:hover, .navigator-menu .content ul li:active { background-color: #1E90FF; color: #FFFFFF; }
.navigator-menu .content ul li { border-bottom: 1px solid #1E90FF; }
.navigator-menu .content ul li:last-child { border: 0; }


/* media query para resolucao de telas: sobreescreve classes */
@media only screen and (max-width: 480px) /* smartphones */
{
    .vertical-drop-down-menu, .vertical-drop-down-menu .menu, .menu-items ul { background-color: transparent; }
    
    .menu-items li, .menu-items li a, .menu-items ul li a, .menu-items ul li:hover, 
    .menu-items ul li, .menu-items li:hover { background-color: transparent; color: #000000; border: 0; }

    .menu-items li a, .menu-items li p { color: #FFFFFF; background-color: transparent; }

    .menu-items li p:hover, .menu-items li p:active, .menu-items li a:active, .menu-items li a:hover, .menu-items ul li a:active, .menu-items ul li a:hover, 
    .menu-items ul li p:hover, .menu-items ul li p:active, .menu-items .caption-link:hover, .menu-items .caption-link:active
    {
        background-color: #FFFFFF; 
        color: #1E90FF;
        border-radius: 0px;
    }
    
    .menu-items li:hover{ border: 0; }

    .menu { box-shadow: none; }
    .menu-items li:last-child { border: 0; }
    .menu-items .sub-items { display: block; }

    .menu-items ul li p { border: 0px; }

    .menu-items .caption-link { background-color: #FFFFFF; color: #000000; }

    .menu-items ul li:last-child
    {
        border: 0px;
        border-radius: 0px;
    }

    .menu-items ul li:last-child:hover { border: 0px; }	        
    .vertical-drop-down-menu { border: 0;}

}