/* Folhas de estilo em cascata da formata��o principal
 *
 * Marcelo Barbosa,
 * setembro, 2017.
 */
 
 /* importacoes */
 @import url('https://fonts.googleapis.com/css?family=Poppins'); 
 @import url('https://fonts.googleapis.com/css?family=Quicksand'); 
 @import url('https://fonts.googleapis.com/css?family=Tangerine');
 @import url('https://fonts.googleapis.com/css?family=Fredoka+One');
 
 /* seletor elemento */ 
 textarea { resize: none; }
 
 
 /* sobreescricao e definicao de classes */ 
 .font-poppins { font-family: Poppins; font-weight: bold; } 
 .font-quicksand { font-family: Quicksand; font-weight: bold; }
 .font-tangerine { font-family: Tangerine; font-weight: bold; }
 .font-fredoka-one { font-family: Fredoka One; font-weight: bold; }
  
 .party-stamp { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/travessurasbuffet/layout/banner.jpg'); }
 .border-decoration { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/travessurasbuffet/layout/newBorderBanner.png'); }
 .superior-border-decoration { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/travessurasbuffet/layout/newSuperiorBorder.png'); height: 80px;  }
 .footer-border-decoration { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/travessurasbuffet/layout/footerBorder.png'); height: 70px;  }
 
 .main-background { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/travessurasbuffet/layout/mainBackground.jpg'); }
 
 .header-decoration { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/dcore/layout/frame.png'); }
 .header-border-frame { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/dcore/layout/header-borderr-frame.png'); }
 .header-bottom-border-frame { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/dcore/layout/border-frame.png'); height: 65px; }
 .header-top-frame { background-image: url('https://raw.githubusercontent.com/celmaster/DataManager/master/SM/Assets/resources/images/dcore/layout/top-frame.png'); height: 28px; }
 
 
 /* menu dropdown */
 .menu-items ul { box-shadow: 0 2px 1px #000000; }  
 .menu-items ul li:last-child, .menu-items ul li:last-child:hover { border: none; border-radius:none; }
 .menu-items li p, .menu-items li a { background-color: #CA121D; color: #FFFFFF; }
 .menu-items li p:hover, .menu-items li a:hover { background-color: #FFFFFF; color: #000000; } 
 .menu-items ul li p, .menu-items ul a { background-color: #CA121D; color: #FFFFFF; }
 .menu-items ul li p:hover, .menu-items ul li a:hover {box-shadow:none; background-color: #FFFFFF; color: #000000; }
 .menu-items ul li p:hover {text-align: right; font-style: italic; }
 .menu-items ul li:hover{  box-shadow:none; border-radius: 0px; } 

 .drop-down-menu #menu-icon 
{	
   background-color: rgb(255, 255, 255);
   color: slategray;	
   margin: 10px;  
   padding: 8px;  
   border-radius: 5px;
   width: 40px;
   height: 40px;
   font-size: 1.25em;
   box-shadow: 0 0 3px slategray;
   position: fixed;
   right: 0;
} 
 
 .drop-down-menu .close-icon { color: #CA121D; }
 
 /* menu de navegacao */
.navigator-menu { background-color: #FFFFFF; }
.navigator-menu .content ul li { border-bottom: 1px solid #CA121D; color: #000000; }
.navigator-menu .content ul li:last-child { border: 0px; }
.navigator-menu .content ul li:hover, .navigator-menu .content ul li:active { background-color: #CA121D; color: #FFFFFF; }
  

 /* tabelas*/ 
table.menu-table th, table.menu-table td, table.menu-table tr { border: 0px; }
table.menu-table th, table.menu-table td { font-family: Arial; }
table.menu-table th { background-color: #CA121D; color: #FFFFFF; }
table.menu-table tr {  background-color: #FFFFFF; }
table.menu-table tr:nth-child(odd){ background-color: #f2f2f2; }
table.menu-table tr:last-child {  border-bottom: 1px solid #D3D3D3; }
table.menu-table td table tr:last-child {  border: 0px; }

 /* cores adicionais */ 
 .bg-color-new-red { background-color: #CA121D; } 
 .text-color-new-red { color: #CA121D; } 
 
 .link-button-blue { background-color: #00008A; border-radius: 100px; color: #FFFFFF; }
 .link-button-blue:hover, .link-button-blue:active { background-color: blue; color: #FFFFFF; }
 
 .link-button-red { background-color: #CA121D; border-radius: 100px; color: #FFFFFF; }
 .link-button-red:hover, .link-button-red:active { background-color: red; color: #FFFFFF; }
 
 .link-button-green { background-color: darkgreen; border-radius: 100px; color: #FFFFFF; }
 .link-button-green:hover, .link-button-green:active { background-color: #31bf5f; color: #FFFFFF; }
 
 .link-button-orange { background-color: #fd8c1a; border-radius: 100px; color: #FFFFFF; }
 .link-button-orange:hover, .link-button-orange:active { background-color: orange; color: #FFFFFF; }

 /* media query para resolucao de telas: sobreescreve classes */
 @media only screen and (max-width: 480px) /* smartphones */
 {
    .drop-down-menu, .drop-down-menu .menu, .menu-items ul { background-color: transparent; border: none; box-shadow:none; }    
    .drop-down-menu .background-menu { background-color: #FFFFFF; }    
    .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 { box-shadow:none; background-color: transparent; color: #FFFFFF; }
    .menu-items ul li p, .menu-items ul a { background-color: transparent; color: #000000; }
    .menu-items ul li:first-child { border: none; }

    .menu-items li a, .menu-items li p { color: #CA121D; 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
    {
        box-shadow:none;
        background-color: #CA121D; 
        color: #FFFFFF;
        border-radius: 0px;
        border: none;
    }

    .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; }	 
 }