/*Theme Name: Portal Shania Twain*/
html, body, div, span, h2, h3, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset,
form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0;}
html, body {height: 100%;font: 13px PT Sans;text-align: justify;background: #c2c9c0;}
*, *:after, *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#content {width: 90%; margin: 0px auto;}
@media screen and (min-width: 1040px) {#content {width: 1040px;}
}
/*HEADER*/
#header {width: 100%; height: 750px; background: url(images/header.png) top center;}
/*MENU, AGENDA ETC*/
#menuagenda {width: 100%;float: left;height: auto;margin-top: -50px;margin-bottom: 5px;}
#menu {width: 595px;float: left;padding: 25px;padding-top: 28px;padding-bottom: 21px;height: 72px;background: #fff;font-family: Open Sans, Calibri;font-weight: 600;text-transform: uppercase;font-size: 12px;position: relative;margin-bottom: 4px;text-align: center;}
#menu #logo {position: absolute; height: 181px; left: 15px; top: -166px; width: 353px; background: url(images/logo.png);}
#menu ul {width: 545px; float: left; margin: 0px; padding: 0px;}
#menu ul li {/* float: left; */margin-right:16px;padding-right: 16px;padding-top: 5px;padding-bottom: 5px;/* border-right: 1px #f2efef solid; */list-style: none;display: initial;}
#menu ul li a {color: #a39f9f;}
#menu ul li a:hover {border-bottom: 5px #f2efef solid;}
#menu ul li:last-child {padding-right: 0px; border-right: 0px; margin-right: 0px;}
/*AGENDA*/
#agenda {width: 435px; float: right; height: 375px;}
#agenda #titulo {padding: 25px;width: 100%;float: left;font-family: Open Sans;font-weight: 600;font-size: 16px;text-transform: uppercase;text-align: center;background: #c01044;color: #97222f;margin-bottom: 5px;letter-spacing: 2px;}
#agenda #datas {padding: 25px;width: 100%;background: #b1b8af;float: left;font-family: Open Sans;font-weight: 700;font-size: 14px;height: 298px;text-transform: uppercase;}
#agenda #datas #evento {width: 385px;float: left;margin-bottom: 10px;}
#agenda #datas #evento #data {padding: 10px;background: #a4aba2;float: left;color: #fff;}
#agenda #datas #evento #local {padding: 13px;color: #868d84;float: left;font-size: 11px;font-weight: 600;}
/*SOBRE*/
#menuesobre {width: 595px; float: left; height: 375px;}
#sobre {padding: 20px;padding-left: 215px;font-family: Georgia;color: #fff;font-style: italic;float: left;width: 100%;background: url(images/sobre.png);font-size: 13.5px;line-height: 16px;height: 213px;}
/*BEM VINDO*/
#bemvindo {padding: 20px;padding-top: 34px;padding-bottom: 34px;width: 100%;float: left;font-family: Georgia;background: #d3b09d;color: #9d8272;font-style: italic;font-size: 12px;margin-bottom: 4px;text-align: center;}
/*VIDEO DESTAQUE, IG, REDES E TAL*/
#videoetal {width: 1040px;margin: 0px auto;height: 265px;display: none;margin-bottom: 5px;}
#videoetal #video {width: 427px; float: left; height: 265px; background: #fff;}
#videoetal #video iframe {width: 427px; height: 265px;}
#videoetal #instagrametal {width: 608px; float: right; height: 265px;}
#videoetal #instagrametal #ig {width: 508px; height: 101px; float: left; background: url(images/instagram.png) no-repeat left #fff; padding-left: 100px; margin-bottom: 7px; overflow:hidden;}
#videoetal #instagrametal #letraeredes {width: 608px; float: left; height: 157px;}
#videoetal #instagrametal #letraeredes #letra {padding: 20px; width: 267px; float: left; height: 117px; background: url(images/letra.png); font-family: Georgia; font-size: 13px; color: #fff; font-style: italic; text-align: center;}
#videoetal #redes {width: 293px; float: right; height: 157px;}
#videoetal #redes #fb {width: 144px; height: 77.5px; background: #3a3f55 url(images/facebook.png) center no-repeat; float: left; margin-right: 5px; margin-bottom: 2px;}
#videoetal #redes #tt {width: 144px; height: 77.5px; background: #3a3f55 url(images/twitter.png) center no-repeat; float: left; margin-right: 0px; margin-bottom: 2px;}
#videoetal #redes #yt {width: 144px; height: 77.5px; background: #3a3f55 url(images/youtue.png) center no-repeat; float: left; margin-right: 5px; margin-bottom: 0px;}
#videoetal #redes #site {width: 144px; height: 77.5px; background: #3a3f55 url(images/site.png) center no-repeat; float: left; margin-right: 0px; margin-bottom: 0px;}
#videoetal #redes #fb:hover {width: 144px; height: 77.5px; background: #4463b1 url(images/facebook.png) center no-repeat; float: left; margin-right: 5px; margin-bottom: 2px;}
#videoetal #redes #tt:hover {width: 144px; height: 77.5px; background: #56acee url(images/twitter.png) center no-repeat; float: left; margin-right: 0px; margin-bottom: 2px;}
#videoetal #redes #yt:hover {width: 144px; height: 77.5px; background: #e52117 url(images/youtue.png) center no-repeat; float: left; margin-right: 5px; margin-bottom: 0px;}
#videoetal #redes #site:hover {width: 144px; height: 77.5px; background: #e50832 url(images/site.png) center no-repeat; float: left; margin-right: 0px; margin-bottom: 0px;}
/*ANUNCIO*/
#anuncio {padding: 18px;width: 100%;height: 126px;float: left;background: url(images/anuncio.png);margin-bottom: 5px;}
/*GALERIA*/
#galeria {width: 100%;float: left;background: #b1b8af;height: 260px;margin-bottom: 5px;}
#galeria tr, #galeria td, #galeria table {margin: 0; padding: 0px; border-spacing: 0px; border: 0; outline: 0;}
#galeria img {float: left; width: 130px; height: 130px; opacity: 0.3; -webkit-transition:All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
#galeria img:hover {opacity: 1; -webkit-transition:All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
/*POSTS*/
#posts {width: 100%;float: left;height: auto;margin-bottom: 10px;}
#posts #post {width: calc(100% / 3 - 20px / 3);float: left;margin-right: 10px;height: 405px;background: #b1b8af url(images/postbg.png) no-repeat bottom;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;position: relative;overflow: hidden;margin-bottom: 5px;}
#posts #post:nth-child(3n) {margin-right: 0px;}
#posts #post #thumb {width: 100%;height: 200px;float: left;position: relative;}
#posts #post #thumb img {width: 100%; height: 100%; object-fit: cover;}
#posts #post #data {padding: 15px;width: 106px;position: absolute;background: #fff;font-family: Open Sans;font-weight: 600;font-size: 12px;text-transform: uppercase;bottom: -20px;color: #99a197;left: calc(50% - 53px);text-align: center;right: auto;}
#posts #post #titulo {width: 100%;float: left;font-family: open sans;font-weight: 700;font-size: 19px;text-align: center;padding: 15px;padding-top: 35px;margin-bottom: 10px;}
#posts #post #titulo a {color: #fff;}
#posts #post #autor {width: 309px;padding-left: 15px;padding-right: 15px;font-family: Open Sans;font-size: 10px;font-weight: 600;text-transform: uppercase;color: #797c78;text-align: center;float: left;position: absolute;bottom: 0px;left: 0px;padding: 15px;width: 100%;background: #aab1a7;}
/*LEIA MAIS ETC*/
#leiamaisetc {width: 100%;height: 254px;margin: 0px auto;margin-bottom: 5px;clear: both;}
#leiamaisetc #leiaett {width: 607px; float: left; height: 260px;}
#leiamaisetc #leia {padding: 27px;font-family: Open Sans;font-weight: 600;font-size: 12px;background: #fff;float: left;text-transform: uppercase;width: 607px;margin-bottom: 5px;color: #878787;text-align: center;}
#leiamaisetc #twitter {padding: 20px;padding-left: 206px;width: 607px;height: 179px;float: left;background: url(images/twitter.png);font-family: Georgia;font-style: italic;color: #fff;font-size: 13px;}
#leiamaisetc #twitter a {color: #fff;}
#leiamaisetc #video {width: 427px; float: right; height: 254px; background: #fff;}
#leiamaisetc #video iframe {width: 427px;height: 254px;}
/*FACEBOOK E INSTAGRAM*/
#facebookig {width: 100%;height: 183px;margin: 0px auto;margin-bottom: 5px;}
#facebookig #fb {width: 487px;height: 183px;float: left;background: url(images/facebook.png);position: relative;}
#facebookig #ig {width: 549px;float: right;background: #fff;height: 183px;overflow: hidden;}
#facebookig #fb .fb-like {position: absolute;left: calc(50% - 87px / 2);bottom: 20px;}
/*FOOTER*/
#footer {width: 100%;float: left;padding-top: 30px;padding-bottom: 30px;font-family: Open Sans;font-weight: 600;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;color: #817f85;background: #fff;}
#footer a {color: #60849f;}
#footer az {color: #888b9e; padding-right: 15px; padding-left: 15px;}
#footer #creditos {width: 1040px; margin: 0px auto; text-align: center; margin-bottom: 25px;}
#footer #ads {width: 728px; height: 90px; margin: 0px auto; background: #fff;}
/*POSTAGEM INTERNA*/
#noticias {width: 100%;margin: 0px auto;}
#noticias #postagens {width: 68%;float: left;}
#noticias #post {width: 100%;float: left;}
#noticias #post #tituloetal {width: 100%;background: #b0bab0 url(images/postbg.png) no-repeat left bottom;float: left;}
#noticias #post #thumb {width: 100%;height:300px;float: left;position: relative;}
#noticias #post #thumb img {width: 100%; height: 100%; object-fit: cover;}
#noticias #post #data {padding: 15px;width: 106px;position: absolute;background: #ffffff;font-family: Open Sans;font-weight: 600;font-size: 12px;text-transform: uppercase;bottom: -20px;color: #869186;left: calc(50% - 53px);text-align: center;}
#noticias #post #titulo {width: 100%;float: left;font-family: open sans;font-weight: 700;font-size: 19px;text-align: center;padding: 15px;padding-top: 35px;margin-bottom: 0px;}
#noticias #post #titulo a {color: #fff;}
#noticias #post #autor {width: 100%;padding-left: 15px;padding-right: 15px;font-family: Open Sans;font-size: 10px;font-weight: 600;text-transform: uppercase;color: #596359;text-align: center;float: left;padding-bottom: 15px;}
#noticias #post #borda {padding: 20px;background: #b0bab0;width: 100%;float: left;}
#noticias #post #conteudo {padding: 20px;width: 100%;float: left;background: #fff;margin-top: -20px;font-family: Open Sans;color: #111;font-size: 14px;line-height: 23px;}
#noticias #comentarios {width: 100%;padding: 15px;float: left;margin-bottom: 15px;background: #b0bab0;}
#noticias #compartilhar {width: 100%;float: left;margin-bottom: 10px;}
#noticias #fb {width: 50%;padding: 15px;float: left;background:#4463b1;text-transform: uppercase;color: #fff;font-family: Open Sans;font-weight: 600;font-size:11px;letter-spacing: 1px;text-align: center;}
#noticias #tt {width: 50%;padding: 15px;float: right;background:#56acee;color: #fff;text-transform: uppercase;font-family: Open Sans;font-weight: 600;font-size:11px;letter-spacing: 1px;text-align: center;}
#noticias #fb:hover, #noticias #tt:hover {background: #3d435b;}
/*SIDEBAR*/
#sidebar {width: 30%;float: right;}
#sidebar #titulo {padding: 20px;float: left;height: auto;font-family: Open Sans;font-weight: 600;font-size: 10px;text-transform: uppercase;text-align: center;color: #fff;background: #b0bab0;width: 100%;font-weight: 600;}
#sidebar #box {padding: 15px;background: #fff;float: left;margin-bottom: 10px;width: 100%;font-family: Open Sans;color: #8e998e;font-weight: 600;font-size: 11px;text-transform: uppercase;}
/*ETC*/
a {text-decoration: none;}
branco {color: #fff;}
rf {color: #b00a2a;}
rb {color: #e50832; padding-right: 20px; padding-left: 20px;}
rd {color: #c01044;}
#sidebar a, #noticias #post #conteudo a {color: #3d435b;}
h1 {padding: 2%; width: 96%; float: left; margin-bottom: 15px; background :#3d435b; color: #fff; font-family: Open Sans; font-weight: 600; font-size: 12px;}
r {color: #e50832}
blockquote {border: 3px #3d435b solid; }
#noticias #post #conteudo img{max-width: 100%; height: auto; object-fit:cover;}
#noticias #post #conteudo iframe {width: 100%; height: 300px;}
#post #conteudo a img {border: 3px #3d435b solid; margin-right: 4px;}
/*Pagenavi */
#pag {float:left;height: auto;width: 100%;padding: 3px;background: transparent;margin-bottom:10px;}
.wp-pagenavi {
font:900 1em Roboto, Arial, sans-serif;
font-size:16px;
padding:10px 0px;
text-transform:uppercase;
margin: 0px 0px 0px -5px;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
padding: 13px ;
color:#fff;
margin: 0px;
background:#e50832;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
color:#fff;
background: #a3b8c8;
}
/*MOBILE MENU*/
#menum {display: none; margin-top: -30px;}
/*Strip the ul of padding and list styling*/
#menum ul {
list-style-type:none;
margin:0;
padding:0; width: 100%;
position: absolute;
}
/*Create a horizontal list with spacing*/
#menum li {
display:inline-block;
width: 100%;
margin-right: 1px;
}
/*Style for menu links*/
#menum li a {
display:block;
min-width:140px;
/* border: 1px rgba(0,0,0,0.05) solid; */
text-align: center;
line-height: 50px;
font-family: Open Sans;
font-weight: 600;
color: #748688;
font-size: 11px;
margin-top: 10px;
text-decoration: none;
text-transform: uppercase;
background: #b1b8af;
}
/*Hover state for top level links*/
#menum li:hover a {
background: transparent;
}
/*Prevent text wrapping*/
#menum li ul li a {
width: auto;
min-width: 100px;
padding: 0 20px;
}
/*Display the dropdown on hover*/
#menum ul li a:hover + .hidden, .hidden:hover {
display: block;
}
/*Style 'show menu' label button and hide it by default*/
#menum .show-menu {
font-family: Open Sans;
text-decoration: none;
color: #fff;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
background: #b1b8af;
text-align: center;
display: inline-block !important;
width: 100%;
margin-top: 0px;
padding: 20px;
display: none;
}
/*Hide checkbox*/
#menum input[type=checkbox]{
display: none;
}
/*Show menu when invisible checkbox is checked*/
#menum input[type=checkbox]:checked ~ #menuu{
display: block;
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media (max-width: 767px)
{
html, * html {margin: 0 !important; -webkit-text-size-adjust: 100%; width: 100%; height: 100%;}
p, a, body, td, tr, div, section, article, aside, footer, iframe, img, input, h1, h2, h3, h4, h5, h6 {text-rendering: optimizeLegibility; box-sizing: border-box;}
input {-webkit-appearance: none; -webkit-border-radius: 0;}
body { margin: 0; -webkit-font-smoothing: subpixel-antialiased; overflow-x: hidden; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%;}
#menum {display: block; margin-top: -30px;}
#menu, #anuncio, #ads {display: none}
#header {background-size: cover;}
/*AGENDA*/
#agenda {width: 100%; float: right; height: auto;}
#agenda #titulo {padding: 25px;width: 100%;float: left;font-family: Open Sans;font-weight: 600;font-size: 16px;text-transform: uppercase;text-align: center;background: #c01044;color: #97222f;margin-bottom: 5px;letter-spacing: 2px;}
#agenda #datas {padding: 25px;width: 100%;background: #b1b8af;float: left;font-family: Open Sans;font-weight: 700;font-size: 14px;height: auto;text-transform: uppercase;}
#agenda #datas #evento {width: 385px;float: left;margin-bottom: 10px;}
#agenda #datas #evento #data {padding: 10px;background: #a4aba2;float: left;color: #fff;}
#agenda #datas #evento #local {padding: 13px;color: #868d84;float: left;font-size: 11px;font-weight: 600;}
/*SOBRE*/
#menuesobre {width: 100%; float: left; height: auto;}
#sobre {padding: 20px;/* padding-left: 215px; */font-family: Georgia;color: #fff;font-style: italic;float: left;width: 100%;background: #b1b8af;font-size: 13.5px;line-height: 16px;height: auto;}
/*BEM VINDO*/
#bemvindo {padding: 20px;width: 100%;float: left;font-family: Georgia;background: #d3b09d;color: #9d8272;font-style: italic;font-size: 12px;margin-bottom: 4px;text-align: center;}
/*GALERIA*/
#galeria {width: 100%;float: left;background: #b1b8af;height: auto;margin-bottom: 5px;}
#galeria td {width: calc(100%/8);}
#galeria img {float: left; width: calc(100%); height: auto; opacity: 0.3; -webkit-transition:All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
/*POSTS*/
#posts {width: 100%;float: left;height: auto;margin-bottom: 10px;}
#posts #post {width: calc(100%);float: left;margin-right: 10px;height: 405px;background: #b1b8af url(images/postbg.png) no-repeat bottom;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;position: relative;overflow: hidden;margin-bottom: 5px;}
#posts #post:nth-child(3n) {margin-right: 0px;}
#posts #post #thumb {width: 100%;height: 200px;float: left;position: relative;}
#posts #post #thumb img {width: 100%; height: 100%; object-fit: cover;}
#posts #post #data {padding: 15px;width: 106px;position: absolute;background: #fff;font-family: Open Sans;font-weight: 600;font-size: 12px;text-transform: uppercase;bottom: -20px;color: #99a197;left: calc(50% - 53px);text-align: center;right: auto;}
#posts #post #titulo {width: 100%;float: left;font-family: open sans;font-weight: 700;font-size: 19px;text-align: center;padding: 15px;padding-top: 35px;margin-bottom: 10px;}
#posts #post #titulo a {color: #fff;}
#posts #post #autor {width: 309px;padding-left: 15px;padding-right: 15px;font-family: Open Sans;font-size: 10px;font-weight: 600;text-transform: uppercase;color: #797c78;text-align: center;float: left;position: absolute;bottom: 0px;left: 0px;padding: 15px;width: 100%;background: #aab1a7;}
/*LEIA MAIS ETC*/
#leiamaisetc {width: 100%;height: auto;margin: 0px auto;margin-bottom: 5px;clear: both;}
#leiamaisetc #leiaett {width: 100%; float: left; height: auto;}
#leiamaisetc #leia {padding: 27px;font-family: Open Sans;font-weight: 600;font-size: 12px;background: #fff;float: left;text-transform: uppercase;width: 100%;margin-bottom: 5px;color: #878787;text-align: center;}
#leiamaisetc #twitter {padding: 20px;padding-left: 20px;width: 100%;height: auto;float: left;background: #b1b8af;font-family: Georgia;font-style: italic;color: #fff;font-size: 13px;margin-bottom: 5px;}
#leiamaisetc #video {width: 100%;float: right;height: 254px;background: #fff;margin-bottom: 5px;}
#leiamaisetc #video iframe {width: 100%;height: 254px;}
/*FACEBOOK E INSTAGRAM*/
#facebookig {width: 100%;height: auto;margin: 0px auto;margin-bottom: 5px;}
#facebookig #fb {width: 100%;height: 100px;float: left;background: #b1b8af;position: relative;margin-bottom: 5px;display: none;}
#facebookig #ig {width: 100%;float: right;background: #fff;height: auto;overflow: hidden;margin-bottom: 5px;}
#facebookig #fb .fb-like {position: relative; display: table; margin: 0px auto;}
#noticias #postagens {width: 100%;}
#sidebar {width: 100%;}
#footer #creditos {width: 100%;
margin: 0px auto;
text-align: center;
/* margin-bottom: 25px; */
padding: 20px;}
/*MENU*/
#menum {display: block; margin: 0px auto; width: 100%; margin-bottom: 10px; margin-top: 0px;}
/*Make dropdown links appear inline*/
#menum ul {
position: static;
display: none;
}
/*Create vertical spacing*/
#menum li {
margin-bottom: 1px;
}
/*Make all menu links full width*/
#menum ul li, li a {
width: 100%;
}
/*Display 'show menu' link*/
#menum .show-menu {
display:block;
}
}