/*
Theme Name: Restaurante Escola
Theme URI: https://unisantos.br/themes/restaurante-escola/
Author: the UniSantos team
Author URI: https://unisantos.br/
Description: Restaurante Escola is a modernized take on an ever-popular UniSantos layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Restaurante Escola will make your UniSantos look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: restaurante-escola

This theme, like UniSantos, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import "css/bootstrap/css/bootstrap.min.css";
@import "css/bootstrap/css/bootstrap-theme.min.css";
@import "fonts/eurofurence/stylesheet.css";

body{
    font-family: 'eurofurence_regular';
    color: rgb(45, 38, 33);
    background: #ebe4cc;
    overflow-x: hidden;
}

/**
 * Accessibilidade
 */
.pagination .current .screen-reader-text {
    position: static !important;
}

/* Text meant only for screen readers */
.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    /* many screen reader and browser combinations announce broken words as they would appear visually */
    word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #21759b;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: -9999em;
    outline: none;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}

.logged-in .site .skip-link {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
    font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    width: auto;
    z-index: 100000;
}

.menu-toggle {
    background-color: transparent;
    border: 1px solid #d1d1d1;
    color: #1a1a1a;
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 1.076923077em 0;
    padding: 0.769230769em;
}


.no-js .menu-toggle {
    display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
    border-color: #007acc;
    color: #007acc;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.menu-toggle:focus {
    outline: 0;
}

.menu-toggle.toggled-on:focus {
    outline: thin dotted;
}


/* New Styles*/

#top-menu{
    background: #f5f5f5;
}
#top-menu-mobile{
    background: #f5f5f5;
}
.site-branding{
    background-image: url(images/banner-padrao.jpg);
    background-size: cover;
}

#site-navigation .primary-menu{
text-align: center;
}

#site-navigation .primary-menu li{
    display: inline;
}

#site-navigation .primary-menu li a{
    color: #404040;
    text-transform: uppercase;
}

.btn-secondary{
    background: rgb(45, 38, 33);
    font-size: 22.98px;
    color: white;
    border-radius: 0;
    transition-property: background;
    transition-duration: 0.5s;
}

.btn-secondary:hover{
    background: white;
    color: rgb(45, 38, 33);
}

#conheca-valongo{
    margin-top: 20px;
}

#homebang img{
    width: 100%;
    transition-property: opacity;
    transition-duration: 0.5s;
}

#homebang .yellowcard{
    display: block;
    background: #ffcc29;
    transition-property: background;
    transition-duration: 0.5s;
    color: #2d2621;
}

#homebang .yellowcard:hover img{
    opacity: 0.5;
}

#homebang .yellowcard:hover{
    background: #2d2621;
    color: white;
}

#homebang .yellowcard .text{
    text-align: center;
    font-size: 34.42px;
    text-transform: uppercase;
    padding-top: 20px;
}

#yellowcard{
    background: #ffcc29 url(images/desenho-restaurante-escola.png) no-repeat center;
    padding: 30px 0;
}


#endereco{
    font-size: 22px;
}

#bandeiras{
    text-align: center;
    font-size: 24px;
    line-height: 37px;
    padding: 20px 0;
}

#main{
    font-size: 20px;
    line-height: 150%;
    text-align: justify;
}

.site-footer{
    background: #191512;
    color: white;
    padding: 35px 0;
}

.site-footer a{
    color: white;
}

.site-footer a:hover{
    color: white;
}

.site-footer .main-navigation ul{
    padding: 0;
}

.site-footer .main-navigation li{
    display: inline-block;
    padding: 0 15px;
}

.site-footer .main-navigation li a{
    font-size: 20px;
    text-transform: uppercase;
}

.site-footer .social-links-menu{
    padding: 0;
}

.site-footer .social-links-menu li{
    display: inline-block;
    padding: 0 10px;
}

img.img-full{
    width: 100%;
}

.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}

#clear {
	margin: 60px 20px 60px 20px;
}
#clearNT {
	margin: 0px 20px 60px 20px;
}

.item-cardapio{
    padding: 20px;
    display: block;
}

.item-cardapio a{
    display: block;
    transition-property: background;
    transition-duration: 0.5s;
    color: #2d2621;
    background: #ffcc29;
    text-align: center;
}

.item-cardapio a:hover{
    color: white;
    background: #2d2621;
    text-decoration: none;
}

.item-cardapio .text{
    line-height: 60px;
    font-size: 26.48px;
}

.item-cardapio img{
    width: 100%;
    height: 100%;
    transition-property: opacity;
    transition-duration: 0.5s;
}

.item-cardapio :hover img{
    opacity: 0.5;
}

.google-map{
    width: 100%;
    height: 265px;
    max-width: 515px;
    float: left;
    margin-bottom: 10px;
    margin-right: 50px;

}

.logos img {
    display: inline-block;
    margin: 10px;
}


#mobile-menu {
    float: right;
    display: inline;
    padding: 0;
}




#site-navigation .mobile-only {
float: right;
	width: 36px;
	height: 30px;
    	display:block !important;
	margin-top: 10px;
}

.containerPage{
	background-color: #fff;

}
.containerPageScardapio{
	background-color: #fff;
	background-image: url(images/scardapio_bg.jpg);
 	background-repeat: no-repeat;
	background-position: right bottom;



}
.texto {
	 font-family: Arial, Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	 line-height: 140%;
	margin-bottom: 1em;
}
.textoCardapioS {
	 font-family: Arial, Calibri, Tahoma, Verdana, Helvetica, sans-serif;
}
#WRchTxt3-18gx p {
	margin-top: 25px;
}
.textoSCcenter {
	text-align: center;
}

#endereco2 {
	margin-top:20px;
}

#endereco2 h3 {
	line-height: 50%;
}

    #logos {
	background-color: #f5f5f5;
	margin: 0;
	padding: 5px;
	width: 350px;
	float: right;
    }

    #logos a{
	padding-left: 15px;
    }

.projBottomImgs {
	padding-bottom: 10px;
}

.ilightbox-toolbar.light a {
color: red !important;
}


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


#site-navigation .primary-menu li{
        display: inline;
        padding: 0;
    }

#site-navigation .primary-menu{
        min-height: 40px;
	margin-left: 0px;
        margin-right: 0px;
	top: 0;
        right: 0;
        left: 0;
        z-index: 2;
	text-align:center;
}
    #site-navigation .primary-menu li a{
display:inline-block;
       display: none;
	min-height: 40px;

    }
	#site-navigation .primary-menu li.menuTitle a {
        	display:inline-block;
    		text-decoration: none;
    		transition: 0.3s;
    		font-size: 40px;
        	text-center: left;
		color: #000;
	}



	/*#site-navigation .primary-menu li.current-menu-item a {
		display: block;
    		text-decoration: none;
    		transition: 0.3s;
    		font-size: 40px;
        	text-center: left;
		min-height: 40px;
	}*/

    #site-navigation .primary-menu.responsive {
        position: relative;
	min-height: 40px;
	width:85%;
    }

    #site-navigation .primary-menu.responsive li {
        float: none;
        display: inline;
	min-height: 40px;

    }
    #site-navigation .primary-menu.responsive li a {
	display: block;
    	text-decoration: none;
    	transition: 0.3s;
    	font-size: 40px;
        text-center: left;
	min-height: 40px;
	border-bottom:1px solid #313030;
    }


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	#site-navigation .primary-menu li.menuTitle a {
        	display: none;

	}


    #site-navigation .mobile-only {
	display: none !important;
    }

   #top-menu-mobile{
        display: none;
    }


    #top-menu{
        min-height: 10px;
    }

    #top-menu{
        padding: 0px 0;
	padding-top: 8px;
    }

    #menu-menu-principal{
        margin: 0;
        padding: 0;
    }

    #site-navigation .primary-menu li{
        display: inline-block;
        padding: 0 10px;
    }

    #site-navigation .primary-menu li a{
        font-size: 20px;
        line-height: 44px;
    }

    #logos a{
        float: left;
        margin-left: 0px;
	padding-left: 15px;
    }

    .site-branding{
        min-height: 388px;
    }

    .home .site-title{
        display: block;
        position: absolute;
        width: 322px;
        left: 50%;
        margin: 15px 0 0 -161px;
    }

    .site-title{
        display: block;
        position: absolute;
        width: 165px;
        left: 0;
        margin: -54px 0 0 0;
    }

    #page #yellowcard{
        min-height: 120px;
    }

    #conheca-valongo{
        float: right;
        margin-top: 171px;
    }

    #homebang .yellowcard .text{
        padding: 80px 190px 0;
    }

    #bandeiras{
        padding: 40px 0;
    }

    .pull-right-md{
        float: right !important;
    }

    .pull-left-md{
        float: left !important;
    }

    .site-footer .main-navigation li{
        display: inline-block;
    }

    .site-footer .social-links-menu{
        border-left: 1px solid white;
        border-right: 1px solid white;
        margin-right: 35px;
        padding: 0 20px;
    }

    .item-cardapio .text{
        line-height: 60px;
    }

    .container.padding-top{
        padding-top: 40px;
    }
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  max-width:500px;
  max-height:500px;

  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:500px;
  height:auto;
  padding:10px;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}

.fancybox-close {
    background-image: url(images/sprite.png);
	position: absolute;
	top: -8px;
	right: -20px;
	width: 36px;
	height: 36px;
	cursor: pointer;
z-index:9999;
}
.close {
    text-decoration: none;
}
#fanback {
    display:none;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
  }
  #overlay {
    display:none;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
  }

  #help-box{
    position: fixed;
    max-width: 500px;
    max-height: 500px;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -250px;
  }

  #help-box h1{
    margin-bottom: 10px;
  }

  #help-box p{
    margin-bottom: 10px;
  }

  #help-box-close{
    background-image: url(images/sprite.png);
	position: absolute;
	top: -18px;
	right: -20px;
	width: 36px;
	height: 36px;
	cursor: pointer;
z-index:9999;

  }
#help-box-close p{
display: none;
}

@media screen and (max-width: 650px), sreen\0 {
       .resp{
    max-width: 500px;
    max-height: 500px;
       width: 90%;
       height: auto;
   }
  #help-box{
    position: fixed;
    max-width: 500px;
    max-height: 500px;
    top: 50%;
    left: 50%;
        width: 90%;
       height: auto;
  }
}
@media screen and (max-width: 650px), sreen\0 {

  #help-box{
    top: 0%;
    left: 0%;
    position: relative;
    margin: 25px auto;
    width: 90%;
    height: auto;
      text-align: center;
  }
  #help-box img{
    max-width: 500px;
    max-height: 500px;
    width: 90%;
    height: auto;
  }

  #help-box-close{
      background-image: none;
      font-family: arial;
      text-align: center;
    color: #fff;
	position: relative;
	width: 98%;
	height: 36px;
      margin: 0 auto;
      top: 0px;
	right: 0px;

  }
    #help-box-close p{
display: inline;
}
}