@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=Oswald:wght@200..700&display=swap"); * { 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: 'Oswald', 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: #dddfff;
--main-link-color-hover: #ffffff;
--main-link-color-hover-negative: #000000;	
}
:root {
--main-h1-to-h6: #ffffff;
--main-h1-to-h6-hover: #cccccc;
--main-h1-to-h6-negative: #000000;
--main-h1-to-h6-negative-hover: #ffffff;	
}
:root {
--main-button-background-color: #2f3590; 
--main-button-background-color-hover: #000000; 	
--main-button-background-color-gradient: linear-gradient(#2f3590, #2b3079);
--main-button-background-color-gradient-hover: linear-gradient(#2b3079, #2f3590);	
}
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(//jeangardinalli.com/wp-content/themes/jduartedesign/images/bg.jpg);
overflow-x: hidden;	
}
body.page-id-156 {
background-image:url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/bg.jpg) !important;
}
body.page, .single, .category-noticias, .archive, .page-template-name, .tag, .search, .error404 {
background-image:url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/bg-page.jpg);
} p {
color: var(--main-p-color);
margin: 0px 0px 20px 0px;
text-align: left;
font-size: var(--main-p-size);
} .bgParallax {
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
min-height: 100%;
background-attachment: fixed;
} #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: 50px 0px 250px 0px;
}
#wrapper-menu {
width: 100%;
max-width: 1200px;
margin: auto;
padding: 0px 0px 0px 0px;
} .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 {
padding: 10px 0px 10px 0px;
margin: 0px 10px 0px 10px;
text-align: justify;
}
#container1 {
background-repeat: no-repeat;
background-position: center top; padding: 0px 0px 150px 0px;
text-align: justify;
background-size: 100% auto;
}
#container2 {
background-repeat: no-repeat;
background-position: center top;
background-image:url(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/images/container/container7.jpg);
padding: 150px 0px 250px 0px;
text-align: justify;	
background-size: 100% auto;
} .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 {
background-repeat: no-repeat;
background-position: center top;
background-image:url(//jeangardinalli.com/wp-content/themes/jduartedesign/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 {
position: fixed;
z-index: 99;
width: 1200px;
background-image:url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/menu-bg.png);
} #hide-at-normal-screen {
display: none;
}
#hide-responsive-screen {
display: flow-root;
} #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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/images/home-box-bg.png);
height: 250px;
}
#searchbox-custom {
padding: 20px 20px 20px 20px;
border: 1px solid #333333;
background-repeat: no-repeat;
background-position: center top;
background-image: url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/home-box-bg.png);
width: 100%;
position: relative;
} #header {
width: 100%;
max-width: 1200px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#header img {
width: 100%;
} #slide {
width: 100%;
}
#slide img {
width: 100%;
} #main {
width: 42%;
margin-right: 2%;
margin-left: 2%;
float: left;
text-align: left;
} #main-60-width {
width: 71%;
margin-right: 1%;
margin-left: 1%;
float: left;
text-align: left;
} #main-fullwidth {
width: 98%;
margin-right: 1%;
margin-left: 1%;
float: left;
text-align: left;
} #sidebar-right {
width: 26%;
float: right;
text-align: left;
margin: 0% 1% 0% 0%;
}
#sidebar-right img {
width: 100%;
} #sidebar-left {
width: 26%;
float: left;
text-align: left;
margin: 0% 0% 0% 1%;
}		
#sidebar-left img {
width: 100%;
} #footer {
background-repeat: no-repeat;
background-position: center top;
background-image:url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/footer-bg.jpg);
text-align: justify;
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;	
height: 500px;
} 
#footer img {
margin: 0% 0% 0% 0%;
}
#footer-overlay {
margin: -210px 0px -130px 0px;
} #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 {
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 {
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 {
font-size: 16px;
font-family: var(--main-menu-font-family);
color: var(--main-link-color);
font-weight: normal;
text-align: center;
text-transform: none;
margin: 0px 0px 0px 0px;	
}
#footer-credits a:link {
color: var(--main-link-color);
text-decoration: none;
text-transform: none;
}
#footer-credits a:visited {
color: var(--main-link-color);
text-decoration: none;
text-transform: none;
}
#footer-credits a:hover {
color: var(--main-link-color-hover);
text-decoration: none;
text-transform: none;
}
#footer-credits a:active {
color: var(--main-link-color);
text-decoration: none;
text-transform: none;
} 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 {
font-family: var(--main-menu-font-family);
color: var(--main-h1-to-h6);
font-size:40px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 50px;
font-weight: 600;
text-transform: uppercase;  
border-bottom: 3px solid var(--main-h1-to-h6);
width: 100%;
background: url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/symbol.png);
background-repeat: no-repeat;
position: relative;
display: inline-block;
}
.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: 600;
text-transform: uppercase;  
border-bottom: 0px solid #fbf0de;    
width:100%;
background: url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/spacer.png);
background-repeat: no-repeat;
position: relative;
display: inline-block;
} h1.home {
width:87%;
} h1.scroll-class {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
} 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 40px;
font-weight: normal;
text-transform: uppercase;  
border-bottom: 3px solid var(--main-h1-to-h6);
width:100%;
background: url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/symbol2.png);
background-repeat: no-repeat;
position: relative;
display: inline-block;
} h2.home {
width:87%;
} 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;
}
#h3-center {
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: center;
} #right-button {
position: fixed;
top: 40%;
right: 0px;
z-index: 99;
border: none;
background-image: url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/menu-bg2.png);
cursor: pointer;
padding: 10px 10px 10px 10px;
width: 53px;
} hr {
margin: 10px 0px 10px 0px;
width: 100%;
clear: both;
background-color: #464646; 
height: 1px; 
border: 0;
} #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 {
position: fixed;
top: 23px;
right: 10px;
z-index: 129;
} .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;    
} .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;
} .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: 0px 20px 0px 0px;
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;
} .wp-caption-text.gallery-caption {
width: 90% !important; 
} 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);
} 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: #2f3590;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #0e0f24;
} ::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 50px #000000; 
}
::-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 {
clear: both;
padding: 0px 10px 0px 15px;
margin: 0px;
} .col-home {
display: block;
float:left;
margin: 0% 0.5% 0% 1%;
}
.col:first-child { margin-left: 0; } .group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; } .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 {
position: relative;
z-index: 123;
padding: 13px 1px 1px 0px;
float: left;
width: 17%;
} #navmenu { 
margin: 0px 0px 0px 0px;
padding: 15px 20px 15px 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: 24px;
font-weight: 600;
}
#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: #ffffff;
background: var(--main-button-background-color);	
} ::selection {
color: #dddfff;	
background: var(--main-button-background-color);
}
::-moz-selection {
color: var(--main-p-color-negative);
background: var(--main-button-background-color);
} #searchbox {
padding: 20px 20px 20px 20px;
width: 50%;
z-index: 1;
position: relative;
left: 25%;
right: 25%;
margin: 0px 0px 0px 0px;
} iframe {
width: 100%;
}
main-nav ul ul {
display: none;
} .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 only screen and (max-width: 1024px) {
body { 
background-image:url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/bg-resp.jpg);
overflow-x: hidden;
} 
body.page, .single, .category-noticias, .archive, .page-template-name, .tag, .search, .error404 {
background-image:url(//jeangardinalli.com/wp-content/themes/jduartedesign/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-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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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(//jeangardinalli.com/wp-content/themes/jduartedesign/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: 60px 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(//jeangardinalli.com/wp-content/themes/jduartedesign/images/footer-resp.jpg);
text-align: justify;
margin: 0px 0px 0px 0px;
width: 100%;
order:99;
height: auto;
}	
#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%;
margin: 130px 0px 0px 0px;
}	
#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%;
background: url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/symbol2.png);
background-repeat: no-repeat;
padding: 0px 0px 0px 40px;
text-align: left;	
}
.h1-negative {
font-size:28px;
width:100%;
background: url(//jeangardinalli.com/wp-content/themes/jduartedesign/images/spacer.png);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
text-align: left;	
}	
h2 {
font-size:18px;
width:100%;
background: url(//jeangardinalli.com/wp-content/themes/jduartedesign/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 {
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(//jeangardinalli.com/wp-content/themes/jduartedesign/images/home-box-bg.png);
margin: 10px 0px 10px 0px;
} #searchbox {
padding: 20px 20px 20px 20px;
width: 100%;
z-index: 1;
position: relative;
margin: 0px 0px 0px 0px;
left: 0px;
right: 25% !important;
} iframe {
width: 100%;
height: 250px;
} .alignleft-featured-image {
width: 100%;
}
.alignleft-featured-image-category {
width: 100%;
}	
#home-box-contato {
height: auto;
}	
}table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
table caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}
table tr {
padding: 0px 0px 0px 0px;
}
table th,
table td {
padding: 0px 5px 5px 0px;
text-align: left;
}
table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
table {
border: 0;
}
table caption {
font-size: 1.3em;
}
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
display: block;
}
table td {
display: block;
width: 100% !IMPORTANT;  
}
table td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
table td:last-child {
border-bottom: 0;
}
}.section {
clear: both;
padding: 0px;
margin: 0px;
} .col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } .group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; } .span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
} @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 { width: 100%; }
}  .section {
clear: both;
padding: 0px;
margin: 0px;
} .col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } .group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; } .span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; } @media only screen and (max-width: 1024px) {
.col {  margin: 1% 0 1% 0%; }
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}  .section {
clear: both;
padding: 0px;
margin: 0px;
} .col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } .group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; } .span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 74.6%;
}
.span_2_of_4 {
width: 49.2%;
}
.span_1_of_4 {
width: 23.8%;
}
@media only screen and (max-width: 1024px) {
.col {  margin: 1% 0 1% 0%; }
.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
} .span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
} @media only screen and (max-width: 480px) {
.span_2_of_2 {
width: 100%; 
}
.span_1_of_2 {
width: 100%; 
}
} .span_3_of_3 {
width: 100%; 
}
.span_2_of_3 {
width: 66.13%; 
}
.span_1_of_3 {
width: 32.26%; 
} @media only screen and (max-width: 480px) {
.span_3_of_3 {
width: 100%; 
}
.span_2_of_3 {
width: 100%; 
}
.span_1_of_3 {
width: 100%;
}
} .span_4_of_4 {
width: 100%; 
}
.span_3_of_4 {
width: 74.6%; 
}
.span_2_of_4 {
width: 49.2%; 
}
.span_1_of_4 {
width: 23.8%; 
} @media only screen and (max-width: 480px) {
.span_4_of_4 {
width: 100%; 
}
.span_3_of_4 {
width: 100%; 
}
.span_2_of_4 {
width: 100%; 
}
.span_1_of_4 {
width: 100%; 
}
} .span_5_of_5 {
width: 100%;
}
.span_4_of_5 {
width: 79.68%; 
}
.span_3_of_5 {
width: 59.36%; 
}
.span_2_of_5 {
width: 39.04%;
}
.span_1_of_5 {
width: 18.72%;
} @media only screen and (max-width: 480px) {
.span_5_of_5 {
width: 100%; 
}
.span_4_of_5 {
width: 100%; 
}
.span_3_of_5 {
width: 100%; 
}
.span_2_of_5 {
width: 100%; 
}
.span_1_of_5 {
width: 100%; 
}
} .span_6_of_6 {
width: 100%;
}
.span_5_of_6 {
width: 83.06%;
}
.span_4_of_6 {
width: 66.13%;
}
.span_3_of_6 {
width: 49.2%;
}
.span_2_of_6 {
width: 32.26%;
}
.span_1_of_6 {
width: 15.33%;
} @media only screen and (max-width: 480px) {
.span_6_of_6 {
width: 100%; 
}
.span_5_of_6 {
width: 100%; 
}
.span_4_of_6 {
width: 100%; 
}
.span_3_of_6 {
width: 100%; 
}
.span_2_of_6 {
width: 100%; 
}
.span_1_of_6 {
width: 100%; 
}
} .span_7_of_7 {
width: 100%;
}
.span_6_of_7 {
width: 85.48%;
}
.span_5_of_7 {
width: 70.97%;
}
.span_4_of_7 {
width: 56.45%;
}
.span_3_of_7 {
width: 41.94%;
}
.span_2_of_7 {
width: 27.42%;
}
.span_1_of_7 {
width: 12.91%;
} @media only screen and (max-width: 480px) {
.span_7_of_7 {
width: 100%; 
}
.span_6_of_7 {
width: 100%; 
}
.span_5_of_7 {
width: 100%; 
}
.span_4_of_7 {
width: 100%; 
}
.span_3_of_7 {
width: 100%; 
}
.span_2_of_7 {
width: 100%; 
}
.span_1_of_7 {
width: 100%; 
}
} .span_8_of_8 {
width: 100%;
}
.span_7_of_8 {
width: 87.3%; 
}
.span_6_of_8 {
width: 74.6%; 
}
.span_5_of_8 {
width: 61.9%; 
}
.span_4_of_8 {
width: 49.2%; 
}
.span_3_of_8 {
width: 36.5%;
}
.span_2_of_8 {
width: 23.8%; 
}
.span_1_of_8 {
width: 11.1%; 
} @media only screen and (max-width: 480px) {
.span_8_of_8 {
width: 100%; 
}
.span_7_of_8 {
width: 100%; 
}
.span_6_of_8 {
width: 100%; 
}
.span_5_of_8 {
width: 100%; 
}
.span_4_of_8 {
width: 100%; 
}
.span_3_of_8 {
width: 100%; 
}
.span_2_of_8 {
width: 100%; 
}
.span_1_of_8 {
width: 100%; 
}
} .span_9_of_9 {
width: 100%;
}
.span_8_of_9 {
width: 88.71%;
}
.span_7_of_9 {
width: 77.42%; 
}
.span_6_of_9 {
width: 66.13%; 
}
.span_5_of_9 {
width: 54.84%; 
}
.span_4_of_9 {
width: 43.55%; 
}
.span_3_of_9 {
width: 32.26%;
}
.span_2_of_9 {
width: 20.97%; 
}
.span_1_of_9 {
width: 9.68%; 
} @media only screen and (max-width: 480px) {
.span_9_of_9 {
width: 100%; 
}
.span_8_of_9 {
width: 100%; 
}
.span_7_of_9 {
width: 100%; 
}
.span_6_of_9 {
width: 100%; 
}
.span_5_of_9 {
width: 100%; 
}
.span_4_of_9 {
width: 100%; 
}
.span_3_of_9 {
width: 100%; 
}
.span_2_of_9 {
width: 100%; 
}
.span_1_of_9 {
width: 100%; 
}
} .span_10_of_10 {
width: 100%;
}
.span_9_of_10 {
width: 89.84%;
}
.span_8_of_10 {
width: 79.68%;
}
.span_7_of_10 {
width: 69.52%; 
}
.span_6_of_10 {
width: 59.36%; 
}
.span_5_of_10 {
width: 49.2%; 
}
.span_4_of_10 {
width: 39.04%; 
}
.span_3_of_10 {
width: 28.88%;
}
.span_2_of_10 {
width: 18.72%; 
}
.span_1_of_10 {
width: 8.56%; 
} @media only screen and (max-width: 480px) {
.span_10_of_10 {
width: 100%; 
}
.span_9_of_10 {
width: 100%; 
}
.span_8_of_10 {
width: 100%; 
}
.span_7_of_10 {
width: 100%; 
}
.span_6_of_10 {
width: 100%; 
}
.span_5_of_10 {
width: 100%; 
}
.span_4_of_10 {
width: 100%; 
}
.span_3_of_10 {
width: 100%; 
}
.span_2_of_10 {
width: 100%; 
}
.span_1_of_10 {
width: 100%; 
}
} .span_11_of_11 {
width: 100%;
}
.span_10_of_11 {
width: 90.76%;
}
.span_9_of_11 {
width: 81.52%;
}
.span_8_of_11 {
width: 72.29%;
}
.span_7_of_11 {
width: 63.05%; 
}
.span_6_of_11 {
width: 53.81%; 
}
.span_5_of_11 {
width: 44.58%; 
}
.span_4_of_11 {
width: 35.34%; 
}
.span_3_of_11 {
width: 26.1%;
}
.span_2_of_11 {
width: 16.87%; 
}
.span_1_of_11 {
width: 7.63%; 
} @media only screen and (max-width: 480px) {
.span_11_of_11 {
width: 100%; 
}
.span_10_of_11 {
width: 100%; 
}
.span_9_of_11 {
width: 100%; 
}
.span_8_of_11 {
width: 100%; 
}
.span_7_of_11 {
width: 100%; 
}
.span_6_of_11 {
width: 100%; 
}
.span_5_of_11 {
width: 100%; 
}
.span_4_of_11 {
width: 100%; 
}
.span_3_of_11 {
width: 100%; 
}
.span_2_of_11 {
width: 100%; 
}
.span_1_of_11 {
width: 100%; 
}
} .span_12_of_12 {
width: 100%;
}
.span_11_of_12 {
width: 91.53%;
}
.span_10_of_12 {
width: 83.06%;
}
.span_9_of_12 {
width: 74.6%;
}
.span_8_of_12 {
width: 66.13%;
}
.span_7_of_12 {
width: 57.66%; 
}
.span_6_of_12 {
width: 49.2%; 
}
.span_5_of_12 {
width: 40.73%; 
}
.span_4_of_12 {
width: 32.26%; 
}
.span_3_of_12 {
width: 23.8%;
}
.span_2_of_12 {
width: 15.33%; 
}
.span_1_of_12 {
width: 6.86%; 
} @media only screen and (max-width: 480px) {
.span_12_of_12 {
width: 100%; 
}
.span_11_of_12 {
width: 100%; 
}
.span_10_of_12 {
width: 100%; 
}
.span_9_of_12 {
width: 100%; 
}
.span_8_of_12 {
width: 100%; 
}
.span_7_of_12 {
width: 100%; 
}
.span_6_of_12 {
width: 100%; 
}
.span_5_of_12 {
width: 100%; 
}
.span_4_of_12 {
width: 100%; 
}
.span_3_of_12 {
width: 100%; 
}
.span_2_of_12 {
width: 100%; 
}
.span_1_of_12 {
width: 100%; 
}
}