/*
Você pode adicionar seu próprio CSS aqui.

Clique no ícone de ajuda acima para saber mais.
*/
.top-sidebar {
    margin-bottom: 40px;
    background: rgba(255, 255, 255, 0.8);
    color: #1c1c1c;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

 .main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {
    color: 	#0065c3;
    text-transform: uppercase;
}


.site-footer a:not(.button) {
    color: #2c2d33;
    text-transform: inherit;
}
.site-footer {
    
    color:  #2c2d33;
}


.secondary-navigation ul.menu a {
    color: #0065c3;
}

.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
    max-width:180px ;
   
      
   position: absolute;
    top: 30%;
    left: 12%;
    margin-right: -50%;
    transform: translate(-45%, -10%)
}

.site-header ul.menu li.current-menu-item > a {
    color: #ffffff;
    background: #0065c3;	 
}

.main-navigation  {
	position: ;
    top: 13%;
    left: 10%;
    margin-right: -50%;
    transform: translate(10%, 50%)
}


	.site-info {
   
    background-color: #f0f0f0;
   
	
}
 .site-info:before {
    
    background-color:#f0f0f0;
   
}

.site-info:after {
    
    background-color:#f0f0f0;
    
    
}
		
		.top-sidebar .top-left {
    font-size: larger;
    padding: 5px 0 5px;
    opacity: .9;

   
    

@media only screen and (max-width: 1024px)
.logo-holder {
    padding-top: 22px;
    text-align: center;
    padding-top: 22px;
    text-align: center;
    position: ;
    top: 13%;
    left: 10%;
    margin-right: -50%;
    transform: translate(13%, 12%);
}
 select {
    width: 100%;
    width: 100%;
    padding: 6px;
    color: #585959;
    border: 1px solid #ccc;
}


li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #E2144A;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc; 
}
li:hover ul { 
	display: block;
}

ul li a:hover{
	text-decoration:underline;
	font-weight: bold;
	background: #ccc; 
}
.mobile-menu {
	max-width: 400px;
	margin: 40px auto;
}


@media screen and (min-width:766px) and (max-width: 986px){
	
	.main-navigation  {
		position: ;
    top: 13%;
    left: 10%;
    margin-right: -50%;
    transform: translate(15%, 50%)
	}
	
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
    max-width:180px ;
    position: absolute;
    top: 30%;
    left: 12%;
    margin-right: -50%;
    transform: translate(-30%, -20%)
}

position: ;
    top: 13%;
    left: 10%;
    margin-right: -50%;
    transform: translate(-20%, 0%)
}
	.top-sidebar{
position: ;
    top: 13%;
    left: 10%;
    margin-right: -50%;
    transform: translate(-20%, 0%)
}
}

button, input, select, textarea{
border-color:#1e73be;	
	color:#1e73be;	
   height:110%	;
	width: 100%;
    width: 100%;
    padding: 6px;
    color: #1e73be;
    border: 1px solid #1e73be;
}


@media screen and (min-width: 986px){
.main-navigation{
	top: 13%;
    left: 10%;
    margin-right: -50%;
    transform: translate(30%, -40%)
	
	
	
}

.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
    max-width:600px ;
   position: absolute;
    top: 30%;
    left: 12%;
    margin-right: -50%;
    transform: translate(-50%, -12%)
}
#masthead{
height: 20%;
}
}