/*
Theme Name: WordPress responsive theme by J.Duarte Design
Theme URI: http://www.jduartedesign.com
Description: Wordpress J.Duarte Design Theme
Author: Joao Duarte - J.Duarte Design
Author URI: http://jduartedesign.com
Version: 8.0
Tags: J.Duarte Design

License: NONE
License URI: http://none.at.all
*/

@import url('https://fonts.googleapis.com/css?family=Cabin');
@import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Reset
---------------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }

:root {
  --main-bg-color: #000000;
  --main-bg-color-negative: #ffffff;	
}

:root {
  --main-font-family: 'Cabin', Arial, helvetica, sans-serif;	
}

:root {
  --main-menu-font-family: 'Roboto', Arial, Helvetica, sans-serif;	
  --main-menu-font-size: 18px;	 	
}

:root {
  --main-p-color: #ffffff;
  --main-p-color-negative: #000000;
  --main-p-size: 16px;	
}

:root {
  --main-small-size: 14px;
  --main-small-color: #ffa513;	
}

:root {
  --main-link-color: #a17324;
  --main-link-color-hover: #ffffff;
  --main-link-color-hover-negative: #000000;	
}

:root {
  --main-h1-to-h6: #a17324;
  --main-h1-to-h6-hover: #c54226;
  --main-h1-to-h6-negative: #000000;
  --main-h1-to-h6-negative-hover: #ffffff;	
}

:root {
  --main-button-background-color: #a17324; 
  --main-button-background-color-hover: #000000; 	
  --main-button-background-color-gradient: linear-gradient(#4e3b1b, #0a0404);
  --main-button-background-color-gradient-hover: linear-gradient(#9a7941, #000000);	
}

body { 
	background: var(--main-bg-color);
	background-color: var(--main-bg-color);
	color: var(--main-p-color);
	font-family: var(--main-font-family);	
	font-size: var(--main-p-size);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/bg-retratos-hip-hop.jpg);
	overflow-x: hidden;	
}

body.page-id-156 {
	background-image:url(images/bg.jpg) !important;
}

body.page, .single, .category-noticias, .archive, .page-template-name, .tag, .search, .error404 {
	background-image:url(images/bg-page.jpg);
}

/* P
---------------------------------------------------------------------------------------------------------- */

p {
	color: var(--main-p-color);
	margin: 0px 0px 20px 0px;
    text-align: left;
	font-size: var(--main-p-size);
}

/* Parallax
---------------------------------------------------------------------------------------------------------- */
.bgParallax {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	min-height: 100%;
	background-attachment: fixed;
}

/* Structure
---------------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0px 0px 0px 0px;
}

#wrapper-fotos {
	width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0px 0px 0px 0px;
}

#wrapper-page {
	width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0px 0px 250px 0px;
}

#wrapper-menu {
	width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0px 0px 0px 0px;
}

/* Video Background
---------------------------------------------------------------------------------------------------------- */
.container-video {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	padding: 50px 0px 50px 0px;
	text-align: justify;	
}

.video-background { 
	width: 100%; 
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 1.9;
	-webkit-filter: grayscale(100%) brightness(100%);
	filter: grayscale(100%) brightness(100%);	
}

/* Container
---------------------------------------------------------------------------------------------------------- */
#container {
	padding: 10px 0px 10px 0px;
	margin: 0px 10px 0px 10px;
	text-align: justify;
}

#container1 {
	background-repeat: no-repeat;
	background-position: center top;
	/* background-image:url(images/container/container1.jpg); */
	padding: 50px 0px 50px 0px;
	text-align: justify;
    background-size: 100% auto;
}

#container2 {
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/container/container2.jpg);
	padding: 150px 0px 150px 0px;
	text-align: justify;
    background-size: 100% auto;
}

#container3 {
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/container/container3.jpg);
	padding: 150px 0px 150px 0px;
	text-align: justify;
	color: #000000;	
    background-size: 100% auto;
}

#container4 {
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/container/container4.jpg);
	padding: 150px 0px 150px 0px;
	text-align: justify;	
    background-size: 100% auto;
}

#container5 {
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/container/container5.jpg);
	padding: 150px 0px 150px 0px;
	text-align: justify;	
    background-size: 100% auto;
}

#container6 {
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/container/container6.jpg);
	padding: 150px 0px 250px 0px;
	text-align: justify;	
    background-size: 100% auto;
}

#container7 {
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/container/container7.jpg);
	padding: 150px 0px 250px 0px;
	text-align: justify;	
    background-size: 100% auto;
}

/* Video Container
---------------------------------------------------------------------------------------------------------- */
.video-container {
    width: 100%;
    overflow: hidden;
    position: relative;
	padding: 150px 0px 150px 0px;
}

.video-container video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
    z-index: -16;	
}

/* Wrapper Menu Topo
---------------------------------------------------------------------------------------------------------- */
#wrapper-menu-topo {
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/menu-bg2.png);
	width: 100%;
	height: 70px;
	position: fixed;	
	z-index: 101;
	border-top-color: var(--main-button-background-color);
	border-top-style: outset;
    top: 0;
	box-shadow: 10px 10px 50px 10px black;
}

/* Menu
---------------------------------------------------------------------------------------------------------- */
#menu {
	position: fixed;
	z-index: 99;
    width: 1200px;
	background-image:url(images/menu-bg.png);
}

/* Responsive
---------------------------------------------------------------------------------------------------------- */
#hide-at-normal-screen {
	display: none;
}

#hide-responsive-screen {
	display: flow-root;
}

/* Box
---------------------------------------------------------------------------------------------------------- */

#box {
	height: 500px;
	overflow: hidden;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 20px 0px;	
}

#home-box {
    padding: 20px 20px 20px 20px;
    float: left;
    border: 1px solid #333333;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(images/home-box-bg.png);
}

#home-box-newsletter {
    padding: 20px 20px 20px 20px;
    border: 1px solid #333333;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(images/home-box-bg.png);
    margin: 40px 200px 40px 200px;
}

#home-box-contato {
    padding: 20px 20px 20px 20px;
	width: 100%;
    border: 1px solid #333333;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(images/home-box-bg.png);
	height: 510px;
}

#searchbox-custom {
	padding: 20px 20px 20px 20px;
    border: 1px solid #333333;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(images/home-box-bg.png);
    width: 100%;
    position: relative;
}

/* Header
---------------------------------------------------------------------------------------------------------- */		
#header {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

#header img {
	width: 101%;
}

/* Slide
---------------------------------------------------------------------------------------------------------- */		
#slide {
	width: 100%;
}

#slide img {
	width: 100%;
}

/* Main
---------------------------------------------------------------------------------------------------------- */
#main {
	width: 42%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
	text-align: left;
}	

/* Main 60% Width
---------------------------------------------------------------------------------------------------------- */
#main-60-width {
	width: 71%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	text-align: left;
}	

/* Main Full Width
---------------------------------------------------------------------------------------------------------- */
#main-fullwidth {
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	text-align: left;
}	

/* Sidebar Right
---------------------------------------------------------------------------------------------------------- */		
#sidebar-right {
	width: 26%;
	float: right;
	text-align: left;
	margin: 0% 1% 0% 0%;
}

#sidebar-right img {
	width: 100%;
}
		
/* Sidebar Left
---------------------------------------------------------------------------------------------------------- */
#sidebar-left {
	width: 26%;
	float: left;
   	text-align: left;
	margin: 0% 0% 0% 1%;
}		

#sidebar-left img {
	width: 100%;
}

/* Footer
---------------------------------------------------------------------------------------------------------- */
#footer {
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/footer-bg-retratos-hip-hop.jpg);
	text-align: justify;
	margin: -5px 0px 0px 0px;
	padding: 30px 0px 0px 0px;	
	box-shadow: 0px 0px 50px 10px black;
	height: auto;
} 

#footer img {
	margin: 0% 0% 0% 0%;
}

#footer-overlay {
    margin: -240px 0px -130px 0px;
}

/* Titulo
---------------------------------------------------------------------------------------------------------- */
#titulo {
	font-size: 26px;
	color: var(--main-link-color);
	font-family: var(--main-menu-font-family);
	text-align: left;
	font-weight: normal;
    text-transform: uppercase;
}

/* Titulo Home
---------------------------------------------------------------------------------------------------------- */
#titulo-home {
	font-size: 22px;
	color: var(--main-link-color);
	font-family: var(--main-menu-font-family);
	text-align: left;
	text-shadow: 0px 0px 0px #000;
    text-transform: uppercase;
}

/* Small
---------------------------------------------------------------------------------------------------------- */
#small {
	font-size: var(--main-small-size);
    font-family: var(--main-font-family);
    color: var(--main-small-color);
    font-weight: normal;
    text-transform: none;
}

/* Footer Credits
---------------------------------------------------------------------------------------------------------- */
#footer-credits {
    font-size: 16px;
	font-family: var(--main-menu-font-family);
	color: #000000;
    font-weight: normal;
	text-align: center;
    text-transform: none;
	margin: 0px 0px 0px 0px;	
}

#footer-credits a:link {
	color: #a17324;
	text-decoration: none;
    text-transform: none;
}

#footer-credits a:visited {
	color: #a17324;
	text-decoration: none;
    text-transform: none;
}

#footer-credits a:hover {
	color: #b28f52;
	text-decoration: none;
    text-transform: none;
}

#footer-credits a:active {
	color: #a17324;
	text-decoration: none;
    text-transform: none;
}

/* Links
---------------------------------------------------------------------------------------------------------- */
a:link {
    color: var(--main-link-color);
	text-decoration: none;
   	transition: 0.3s;
}

a:visited {
	color: var(--main-link-color);
	text-decoration: none;
	transition: 0.3s;    
}

a:hover {
	color: var(--main-link-color-hover);
	text-decoration: none;
	transition: 0.3s;
}

a:active {
	color: var(--main-link-color);
	text-decoration: none;
	transition: 0.3s;    
}

/* H1
---------------------------------------------------------------------------------------------------------- */
h1 {
	font-family: var(--main-menu-font-family);
	color: #ffffff;
	font-size:40px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 700;
	text-transform: uppercase;  
	border-bottom: 3px solid #ffffff;
	width: 100%;
	text-align: left;
}

.h1-negative {
	font-family: var(--main-menu-font-family);
	color: var(--main-link-color-negative);
	font-size:40px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-transform: uppercase;  
	border-bottom: 0px solid #fbf0de;    
	width:100%;
}

/* H1 Home
---------------------------------------------------------------------------------------------------------- */
h1.home {
	width:87%;
}

/* H1 Scroll Class
---------------------------------------------------------------------------------------------------------- */
h1.scroll-class {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

/* H2
---------------------------------------------------------------------------------------------------------- */
h2 {
	font-family: var(--main-menu-font-family);
	color: var(--main-h1-to-h6);
	font-size:30px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-transform: uppercase;  
	border-bottom: 3px solid var(--main-h1-to-h6);
	width:100%;
}

/* H2 Home
---------------------------------------------------------------------------------------------------------- */
h2.home {
width:87%;
}

/* H3
---------------------------------------------------------------------------------------------------------- */
h3 {
	font-family: var(--main-menu-font-family);
	color: var(--main-h1-to-h6);
	font-size: 20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-transform: uppercase;  
	width:100%;
	text-align: left;
}

/* RIGHT Button
---------------------------------------------------------------------------------------------------------- */
#right-button {
    position: fixed;
    top: 40%;
    right: 0px;
    z-index: 99;
    border: none;
	background-image: url(images/menu-bg2.png);
    cursor: pointer;
    padding: 10px 10px 10px 10px;
    width: 53px;
}

/* HR
---------------------------------------------------------------------------------------------------------- */
hr {
    margin: 10px 0px 10px 0px;
    width: 100%;
    clear: both;
    background-color: #464646; 
    height: 1px; 
    border: 0;
}

/* TOP Button
---------------------------------------------------------------------------------------------------------- */
#top-button {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 99;
	border: none;
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 5px 10px 5px;
	border-radius: 4px;
	font-weight: bold;
}

#top-button:hover {
	background-color: #cccccc;
	color: #000000;
	text-decoration: underline;
}

#ancora-scroller {
	top:-60px;
}

/* LANGUAGE
---------------------------------------------------------------------------------------------------------- */
#language {
    position: fixed;
    top: 23px;
    right: 10px;
    z-index: 129;
}

/* BUTTON HOME
---------------------------------------------------------------------------------------------------------- */

.button-home {
    padding: 15px 15px 15px 15px;
    cursor: pointer;
    background-image: var(--main-button-background-color-gradient);
    margin: auto;
    width: fit-content;
    text-transform: uppercase;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center; 
}

.button-home:hover {
	background-image: var(--main-button-background-color-gradient-hover);
	transition: 0.5s;   
}

.button-home:active {
    background-image: var(--main-button-background-color);
	transform: translateY(4px);
	transition: 0.5s;    
}

/* WIDTH FEATURED IMAGE
---------------------------------------------------------------------------------------------------------- */
.alignleft-featured-image {
    float: left;
    margin: 5px 20px 20px 0;
    border-style: hidden;
    width: 98%;
    height: auto;
    border: 2px solid #5f564d;
}

.alignleft-featured-image-category {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
    width: 200px;
    height: auto; 	
    border: 2px solid #5f564d;
}

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
    border-style:hidden;
}

.alignright {
    float: right;
    margin: 0px 0px 0px 20px;
    border-style: hidden;
    border: 2px solid #5f564d;
    padding: 0px 0px 0px 0px;
    width: 30%;
    height: auto;
}

.alignleft {
    float: left;
    margin: 15px 20px 10px 0px;
    border-style: hidden;
    border: 2px solid #5f564d;
    padding: 0px 0px 0px 0px;
    width: 30%;
    height: auto;
}

.alignleft-em-breve {
    float: left;
    margin: 5px 20px 10px 0px !important;
    border-style: hidden;
    border: 2px solid #5f564d;
    padding: 0px 0px 0px 0px;
    width: 30%;
    height: auto;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    border-style:hidden;
	width: 100%;
    height: auto;
    border: 2px solid #5f564d;    
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    border-style:hidden;
    border: 2px solid #5f564d;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
	width: 100%;
    height: auto;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
    border: 2px solid #5f564d;    
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style:hidden;
}

.wp-caption {
    max-width: 96%;
    padding: 0px 3px 10px 0px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
    border-style:hidden;
}

.wp-caption img {
    height: auto;
    width: auto;
    margin: -2px 0px 0px 0px;
    max-width: 100%;
    padding: 0px 0px 0px 0px;
    border: 2px solid #5f564d;
}

.wp-caption p.wp-caption-text {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    border-style: hidden;
    font-style: italic;
}

.bordered {
    border-style:hidden;
}

/* Gallery Wordpress
---------------------------------------------------------------------------------------------------------- */
.wp-caption-text.gallery-caption {
	width: 90% !important; 
}

/* Search Form
---------------------------------------------------------------------------------------------------------- */

input#s{
	width:68%;
	box-sizing: border-box;  
	background-color: #3C3C3C;
	color: #ccc;
	border: 2px solid #ccc;
	font-size: 14px;
	background-position: 10px 10px; 
	background-repeat: no-repeat;
	padding: 12px 20px 12px 40px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
	border-radius: 25px 0px 0px 25px;
	box-shadow: 0 2px #666
}

input#searchsubmit {
	width:30%;
	color:#000000;
	background:#ffffff;
	padding: 12px 10px 11px 6px;
	transition: width 0.4s ease-in-out;
	border-radius: 0px 25px 25px 0px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	cursor: pointer;
	box-shadow: 0 2px #666
}

input#searchsubmit:hover {
	background-color: #ffffff;
	box-shadow: 0 2px #666
}

input#searchsubmit:active {
	background-color: #515151;
	box-shadow: 0 2px #666;
	transform: translateY(2px);
}

/* Contact Form
---------------------------------------------------------------------------------------------------------- */

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

textarea {
	font-family: var(--main-menu-font-family);
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 46px;
}

input[type=email] {
    width: 100%;
    background-color: #ffffff;
    color: black;
    padding: 14px 20px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
	box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #53442c;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #343434;
}

/* Scroll Bar
---------------------------------------------------------------------------------------------------------- */

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 50px #826639; 
}
 
::-webkit-scrollbar-thumb {
  background: var(--main-button-background-color);
  border-radius: 0px;	
}

::-webkit-scrollbar-thumb:hover {
  background: var(--main-button-background-color-hover);
}

/* Section Home Sidebar
---------------------------------------------------------------------------------------------------------- */
.section-home {
	clear: both;
	padding: 0px 10px 0px 15px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col-home {
	display: block;
	float:left;
	margin: 0% 0.5% 0% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2-home2 {
	width: 67.5%;
	text-align: justify;
}
.span_1_of_2-home {
	width: 29%;
	text-align: justify;
}

@media only screen and (max-width: 1024px) {
	.col { 
			margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 1024px) {
	.span_2_of_2, .span_1_of_2, .span_1_of_2-home, .span_1_of_2-home2 { width: 100%; padding: 10px 0px 0px 0px;}
	
	.section-home {
    padding: 0px 0px 0px 0px;
    width: 91% !important;
}
	
}

/* Logo
---------------------------------------------------------------------------------------------------------- */

.logo {
position: relative;
    z-index: 123;
    padding: 13px 1px 1px 0px;
    float: left;
    width: 17%;
}

/* Menu
---------------------------------------------------------------------------------------------------------- */

#navmenu { 
	margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    font-size: 20px;
}

#navmenu ul { 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
	list-style-type: none; 
    list-style-image: none;
}

#navmenu li {
    display: inline;
   	font-family: var(--main-menu-font-family);
    font-size: 17px;
}

#navmenu ul li a {
   	font-family: var(--main-menu-font-family);
    color: var(--main-link-color);	
    text-decoration:none; 
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
    text-transform: uppercase;
}

#navmenu ul li a:hover {
    color: var(--main-link-color-hover-negative);
	background: var(--main-button-background-color);	
}

/* Selection
---------------------------------------------------------------------------------------------------------- */

::selection {
  color: var(--main-p-color-negative);	
  background: var(--main-button-background-color);
}
::-moz-selection {
  color: var(--main-p-color-negative);
  background: var(--main-button-background-color);
}

/* Searchbox
---------------------------------------------------------------------------------------------------------- */

#searchbox {
    padding: 20px 20px 20px 20px;
    width: 50%;
    z-index: 1;
    position: relative;
    left: 25%;
    right: 25%;
    margin: 0px 0px 0px 0px;
}

/* iFrame
---------------------------------------------------------------------------------------------------------- */
iframe {
  width: 100%;
}

main-nav ul ul {
    display: none;
}

/* Bands In Town
---------------------------------------------------------------------------------------------------------- */
.bit-widget .bit-event .bit-offers-text {
    text-transform: uppercase;
    font-size: .88em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black !IMPORTANT;
}













/* Media Queries
---------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {

body { 
	background-image:url(images/bg-resp.jpg);
	overflow-x: hidden;
} 
    
body.page, .single, .category-noticias, .archive, .page-template-name, .tag, .search, .error404 {
	background-image:url(images/bg-resp.jpg);
}   

p {
	font-size: 16px;
	text-align: left;
}

#wrapper, #wrapper-page, #wrapper-menu {
    display:flex;
    flex-flow: column;
	width: 90%;
}
	
#container {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 0px 0px 100px 0px;	
	background-size: 130% auto;
}
	
#container1 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 5px 0px 150px 0px;	
	background-size: 130% auto;
	/* background-image:url(images/container/container1-resp.jpg); */
	/* background-color: #000000; */
	background-repeat: repeat;
}
	
#container2 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 100px 0px 100px 0px;	
	background-size: 130% auto;
	background-image: url(images/container/container2-resp.jpg);
	background-color: #000000;
}
	
#container3 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 100px 0px 100px 0px;	
	background-size: 130% auto;
	background-image: url(images/container/container3-resp.jpg);
	background-color: #ffffff;
}
	
#container4 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 100px 0px 100px 0px;
	background-size: 130% auto;
	background-image: url(images/container/container4-resp.jpg);
	background-color: #000000;
}	
	
#container5 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 100px 0px 100px 0px;	
	background-size: 130% auto;
	background-image: url(images/container/container5-resp.jpg);
	background-color: #000000;	
}	
	
#container6 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 100px 0px 100px 0px;	
	background-size: auto auto;
	background-image: url(images/container/container6-resp.jpg);
	background-color: #000000;	
}	
	
#container7 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 100px 0px 100px 0px;	
	background-size: 130% auto;
	background-image: url(images/container/container7-resp.jpg);
	background-color: #000000;	
}	
	
#hide-at-normal-screen {
	display: flow-root;
}

#hide-responsive-screen {   
	display: none;
}

#no-hover {
	display: none;
} 

#header {
	padding: 0px 0px 0px 0px;
	margin: 00px 0px 20px 0px;
	width: 100%;
    order:1;
}

#menu {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 95.6%;
    order:2;
}

#slide {
	padding: 0% 0% 0% 0%;
	margin: 5% 0% 0% 0%;
	width: 99%;
    order:3;
}
	
#main, #main-60-width, #main-fullwidth {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 100%;
    order:5;
}

#header img, #main img, #main-60-width img, #main-fullwidth img {
	width: 100%;
	height: auto;
}

#sidebar-left {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:6;
}

#sidebar-right {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:7;
}

#footer {
    padding: 0px 0px 0px 0px;	
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(images/footer-resp-retratos-hip-hop.jpg);
    text-align: justify;
    margin: 0px 0px 0px 0px;
	width: 100%;
    order:99;
	height: auto;
        background-color: #ffffff;	
}	
	
#footer-credits {
font-size: 100%;
    padding: 0px 0px 0px 0px;
    width: 100%;
    order: 999;
    margin: 10px 0px 0px 0px;
}	
	
#footer-overlay {
    margin: -100px 0px 0px 0px;
}
	
#footer-overlay img {
    width: 100%;
}	

#small {
    font-size: 80%;
	width: 90%;
    text-align: left;
}
	
#small-page {
	font-size: 90%;
	width: 90%;
	margin: 0px 0px 0px 10px;	
	text-align: left;
}	

h1 {
	font-size:28px;
	width:100%;
    padding: 0px 0px 0px 0px;
	text-align: left;	
}
	
.h1-negative {
	font-size:28px;
	width:100%;
	background: url(images/spacer.png);
	background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
	text-align: left;	
}	

h2 {
	font-size:18px;
	width:100%;
	background: url(images/symbol2.png);
	background-repeat: no-repeat;
    padding: 0px 0px 0px 40px;
}
	
h3 {
	font-size: 20px;
}	

#titulo {
	font-size: 18px;
	width:100%;
}
	
#titulo-home {
	font-size: 18px;
	width:92%;
}	
	
.alignleft-featured-image {
	width: 100%;
}	

.alignleft {
    width: 100%;
    height: auto;
}
	
.alignright {
    width: 100%;
    height: auto;
}
	
.bit-widget a {
	text-decoration: none !important;
	color: inherit !important;
	font-size: 13px !important;
	text-align: left !important;
}	
	
/* Wrapper Menu Topo
---------------------------------------------------------------------------------------------------------- */
#wrapper-menu-topo {
	height: 68px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0px;
	z-index: 101;
	color: var(--main-link-color);
}	
	
#wrapper-menu-topo a:link {
	color: var(--main-link-color);
	text-decoration: none;
}

#wrapper-menu-topo a:visited {
	color: var(--main-link-color-negative);
	text-decoration: none;
}

#wrapper-menu-topo a:hover {
	color: var(--main-link-color-negative);
	text-decoration: none;
	background-color: var(--main-h1-to-h6-hover);
}

#wrapper-menu-topo a:active {
	color: var(--main-link-color-negative);
	text-decoration: none;
}	
	
#footer-fullwidth img {
	margin: 0% 0% 0% 0%;
}		
	
.shadow {
	top: 30em;
}	
	
#right-button {
	display: none;
}	
    
#home-box-newsletter {
    padding: 20px 20px 20px 20px;
    border: 1px solid #333333;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(images/home-box-bg.png);
    margin: 10px 0px 10px 0px;
}      

/* Searchbox
---------------------------------------------------------------------------------------------------------- */

#searchbox {
    padding: 20px 20px 20px 20px;
    width: 100%;
    z-index: 1;
    position: relative;
    margin: 0px 0px 0px 0px;
    left: 0px;
    right: 25% !important;
}

/* iFrame
---------------------------------------------------------------------------------------------------------- */
iframe {
  width: 100%;
  height: 250px;
}
	
/* WIDTH FEATURED IMAGE
---------------------------------------------------------------------------------------------------------- */
.alignleft-featured-image {
    width: 100%;
}

.alignleft-featured-image-category {
    width: 100%;
}	
	
#home-box-contato {
    height: auto;
}	
	
.alignleft-em-breve {
    width: 100%;
}	
	
}