/*
Theme Name: Patopia Sites - WoWGirl
Theme URI: http://wowgirl.com.br
Author: Bárbara Vaz
Author URI: http://epic.blog.br/
Description: Tema 2015 WoWGirl
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

@charset "utf-8";
@font-face {
    font-family: 'bebas_neuethin';
    src: url(lib/fonts/bebasneue_thin-webfont.eot);
    src: url(lib/fonts/bebasneue_thin-webfont.eot?#iefix) format("embedded-opentype"), url(lib/fonts/bebasneue_thin-webfont.woff2) format("woff2"), url(lib/fonts/bebasneue_thin-webfont.woff) format("woff"), url(lib/fonts/bebasneue_thin-webfont.ttf) format("truetype"), url(lib/fonts/bebasneue_thin-webfont.svg#bebas_neuethin) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'bebas_neuebook';
    src: url(lib/fonts/bebasneue_book-webfont.eot);
    src: url(lib/fonts/bebasneue_book-webfont.eot?#iefix) format("embedded-opentype"), url(lib/fonts/bebasneue_book-webfont.woff2) format("woff2"), url(lib/fonts/bebasneue_book-webfont.woff) format("woff"), url(lib/fonts/bebasneue_book-webfont.ttf) format("truetype"), url(lib/fonts/bebasneue_book-webfont.svg#bebas_neuebook) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'bebas_neuebold';
    src: url(lib/fonts/bebasneue_bold-webfont.eot);
    src: url(lib/fonts/bebasneue_bold-webfont.eot?#iefix) format("embedded-opentype"), url(lib/fonts/bebasneue_bold-webfont.woff2) format("woff2"), url(lib/fonts/bebasneue_bold-webfont.woff) format("woff"), url(lib/fonts/bebasneue_bold-webfont.ttf) format("truetype"), url(lib/fonts/bebasneue_bold-webfont.svg#bebas_neuebold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'bebas_neuelight';
    src: url(lib/fonts/bebasneue_light-webfont.eot);
    src: url(lib/fonts/bebasneue_light-webfont.eot?#iefix) format("embedded-opentype"), url(lib/fonts/bebasneue_light-webfont.woff2) format("woff2"), url(lib/fonts/bebasneue_light-webfont.woff) format("woff"), url(lib/fonts/bebasneue_light-webfont.ttf) format("truetype"), url(lib/fonts/bebasneue_light-webfont.svg#bebas_neuelight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url(lib/fonts/bebasneue_regular-webfont.eot);
    src: url(lib/fonts/bebasneue_regular-webfont.eot?#iefix) format("embedded-opentype"), url(lib/fonts/bebasneue_regular-webfont.woff2) format("woff2"), url(lib/fonts/bebasneue_regular-webfont.woff) format("woff"), url(lib/fonts/bebasneue_regular-webfont.ttf) format("truetype"), url(lib/fonts/bebasneue_regular-webfont.svg#bebas_neueregular) format("svg");
    font-weight: 400;
    font-style: normal
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
figure,
figcaption {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: baseline
}

body {
    margin: 0;
    padding: 0;
    background: url(lib/img/bg5.jpg) fixed;
    font-family: 'PT Sans', Verdana, Arial;
    font-size: 14px;
    color: #2f2522
}

p {
    margin: 0 0 20px;
    line-height: 20px;
    text-align: justify;
    font-size: 14px
}

li {
    list-style: none;
    text-align: justify
}

b,
strong {
    font-weight: 700
}

i,
em {
    font-style: italic
}

blockquote {
    text-align: justify
}

hr {
    color: #ad4884;
    border: 1px solid #6a396a;
    padding: 0;
    margin: 20px 0
}

a {
    text-decoration: none;
    transition: all .2s linear;
    border: 0;
    color: #af3891
}

a:hover {
    transition: all .2s linear;
    color: #693b95
}

select,
select:focus {
    outline: none
}

::selection {
    background: #f3b11a;
    color: #2f2522
}

::-moz-selection {
    background: #f3b11a;
    color: #2f2522
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: left;
    margin: 15px 0;
    font-family: 'PT Sans Narrow', Verdana, Arial
}

h1 {
    font-size: 36px;
    color: hsla(303, 36%, 28%, 1);
    line-height: 42px
}

h2 {
    font-size: 32px;
    color: hsla(299, 30%, 35%, 1);
    line-height: 38px
}

h3 {
    font-size: 28px;
    color: hsla(299, 20%, 45%, 1);
    line-height: 34px
}

h4 {
    font-size: 24px;
    color: hsla(299, 21%, 55%, 1);
    line-height: 30px
}

h5 {
    font-size: 22px;
    color: hsla(299, 16%, 65%, 1);
    line-height: 28px
}

h6 {
    font-size: 20px;
    color: hsla(299, 11%, 75%, 1);
    line-height: 26px
}

table {
    margin: 10px auto
}

td {
    padding: 2px 0
}

blockquote {
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    margin: 30px 30px 30px 0;
    padding: 0 0 0 20px;
    border-left: 1px solid #ccc
}

blockquote span {
    font-size: 12px;
    display: block;
    color: #666
}

label {
    display: block;
    padding: 5px 0;
    margin: 10px 0 0
}

input {
    width: auto;
    padding: 5px;
    border: 1px solid #CCC;
    margin: 0
}

input:hover {
    border-color: #f3af16
}

select {
    width: auto;
    padding: 5px;
    border: 1px solid #8f4077;
    background: #FCFCFC;
    display: block;
    margin: 0
}

textarea {
    width: auto;
    padding: 5px;
    border: 1px solid #CCC;
    display: block;
    margin: 0
}

a,
a:hover {
    text-decoration: none;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

a {
    color: #ad4884
}

a:hover {
    color: #60372a
}

#wrap {
    max-width: 1060px;
    padding: 20px 20px 0;
    margin: 0 auto;
    background: #FFF
}

#wrap .line {
    background: url(lib/img/line.jpg) no-repeat center;
    height: 3px;
    display: block;
    margin: -20px -20px 0;
    max-width: 1100px;
    text-indent: -99999px;
    border: 0
}

#wrap #top .line {
    background: url(lib/img/line.jpg) no-repeat center;
    height: 3px;
    display: block;
    margin: 25px -20px 10px;
    max-width: 1100px;
    text-indent: -99999px;
    border: 0
}

#top {
    width: 100%;
    margin: 0 auto
}

#top .logo:hover {}

#top {
    width: 100%;
    margin: 0 auto;
    position: relative
}

#top .wrap {
    display: block;
    text-align: justify;
    position: relative;
    padding: 0;
    margin: 0;
    font-size: .1px;
}

#top .logo {
    width: 100%;
    height: 170px;
    max-width: 290px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 20px auto
}

#top .logo h1 {
    margin: 50px auto auto 20px;
    text-indent: -99999px;
    position: relative;
    background: url(lib/img/logo.png) center top no-repeat;
    background-size: contain!important;
    height: 80px;
    vertical-align: middle;
}

#top .logo h1:hover {
    background: url(lib/img/logo-h.png) no-repeat center top
}

#top .logo h1 a {
    z-index: 10000
}

#top .add {
    max-width: 800px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: #e8e8e8;
    padding: 10px;
    position: relative;
    text-align: justify;
    height: 90px;
}

.guiaspoptitulo {
	font-family: 'bebas_neuebold', 'Oswald', sans-serif;
    font-size: 24px;
    background: url(lib/img/dotwg.png) no-repeat left 5px;
    color: #5c3a2e;
    padding: 0 0 0 30px;
	margin: 20px 0 0;
}
	
#guiaspopulares {
    margin: 10px auto -10px;
	text-align: justify;
	font-size: 0.1px
}

#guiaspopulares .guiapopular {
	position: relative;
	display: inline-block;
	width: 170px;
	height: 83px;
	margin: 0 0 10px 0;
	box-shadow: inset 0px 0px 50px rgba(0,0,0,0.5);}

#guiaspopulares .guiapopular:hover{
	box-shadow:none;
}

#guiaspopulares .guiapopular .titulo {
	position: absolute;
	font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	display: block;
	bottom: 10px;
	left: 10px;
	right: 10px;
	text-align: left;
	}
	
#guiaspopulares .guiapopular a {
	color: #FFF;}
	
#guiaspopulares .guiapopular:hover a {
	color: #f1b314;}

#top .wrap:after, #guiaspopulares:after {
    content: '';
    width: 100%;
    display: inline-block
}

#top #wgnav {
    font-family: 'bebas_neuebold', 'Oswald', sans-serif;
    font-size: 30px;
    position: relative
}

#top #wgnav ul {
    text-align: center;
    margin: 0 auto;
    padding: 0
}

#top #wgnav ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 3px 10px;
    list-style: none
}

#top #wgnav ul .current-menu-item a {
    display: block
}

#top #wgnav ul li a {
    text-decoration: none;
    line-height: 100%;
    color: #7f4f40
}

#top #wgnav ul li a:hover {
    color: #ad4884
}

#wowgirltabs {
    position: relative;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    color: #FFF;
    margin-top: 20px;
    height: 29em
}

#wowgirltabs h3 {
    padding: 10px 30px 0;
    height: 30px;
    text-align: center;
    cursor: hand;
    display: block;
    font-size: 18px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    margin: 0;
    letter-spacing: .5px;
    font-weight: 400;
    line-height: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ececec;
    text-shadow: 1px 1px 0 rgba(217, 217, 217, 1)
}

#wowgirltabs .tabcontent {
    background: #fff;
    position: absolute;
    left: 0;
    top: 48px;
    margin: 0;
    display: block;
    width: 100%;
    max-width: 1060px;
    height: auto;
    -moz-transition: opacity .8s;
    -ms-transition: opacity .8s;
    -o-transition: opacity .8s
}

#wowgirltabs .tabcontent .post-tab {
    position: relative
}

#wowgirltabs .tabcontent .post-tab:nth-child(1) {
    background: #666;
    width: 529px;
    height: 360px;
    float: left;
    margin-right: 1px;
    padding: 0;
    position: relative
}

#wowgirltabs .tabcontent .post-tab:nth-child(2) {
    background: #666;
    width: 529px;
    height: 179px;
    float: right;
    margin-bottom: 1px;
    margin-left: 1px;
    padding: 0;
    position: relative
}

#wowgirltabs .tabcontent .post-tab:nth-child(3) {
    background: #666;
    width: 529px;
    height: 179px;
    float: right;
    margin-top: 1px;
    margin-left: 1px;
    padding: 0;
    position: relative
}

#wowgirltabs .tabcontent .post-tab .dest {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 489px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.4)
}

#wowgirltabs .tabcontent .post-tab .dest a {
    color: #999
}

#wowgirltabs .tabcontent .post-tab .dest .date {
    font-size: 16px
}

#wowgirltabs .tabcontent .post-tab .dest .cat {
    font-size: 16px
}

#wowgirltabs .tabcontent .post-tab .dest .cat a {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1)
}

#wowgirltabs .tabcontent .post-tab .dest .cat a:hover {
    color: #dcdcdc
}

#wowgirltabs .tabcontent .post-tab .dest h2 {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    font-size: 30px;
    display: block;
    border-top: 1px solid;
    margin: 10px 0 0;
    padding: 10px 50px 0 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1)
}

#wowgirltabs .tabcontent .post-tab .dest h2 a {
    color: #fff
}

#wowgirltabs .tabcontent .post-tab:hover .dest h2 a,
#wowgirltabs .tabcontent .post-tab .dest h2 a:hover {
    color: #feca38;
}

#tab-wow h3 {
    z-index: 6;
    position: absolute;
    top: 10px;
    cursor: pointer;
    color: #ad4884;
    border-color: #ad4884
}

#tab-wow .tabcontent {
    z-index: 6;
    background: #fff;
    border-top: 3px solid #ad4884;
    display: block;
    vertical-align: top!important
}

#tab-wow .tabcontent .post-tab .dest h2 {
    border-color: #ad4884
}

#tab-wow .tabcontent .post-tab .dest .cat a {
    color: #ad4884
}

#tab-heroes h3 {
    z-index: 5;
    position: absolute;
    left: 125px;
    top: 10px;
    cursor: pointer;
    color: #a828cc;
    border-color: #a828cc
}

#tab-heroes .tabcontent {
    z-index: 5;
    opacity: 0;
    border-top: 3px solid #791f92
}

#tab-heroes .tabcontent .post-tab .dest h2 {
    border-color: #791f92
}

#tab-heroes .tabcontent .post-tab .dest .cat a {
    color: #a828cc
}

#tab-hearthstone h3 {
    z-index: 4;
    position: absolute;
    left: 313px;
    top: 10px;
    cursor: pointer;
    color: #e78925
}

#tab-hearthstone .tabcontent {
    z-index: 4;
    background: #fff;
    border-top: 3px solid #e78925;
    opacity: 0
}

#tab-hearthstone .tabcontent .post-tab .dest h2 {
    border-color: e78925
}

#tab-hearthstone .tabcontent .post-tab .dest .cat a {
    color: #e78925
}

#tab-overwatch h3 {
    z-index: 3;
    position: absolute;
    left: 486px;
    top: 10px;
    cursor: pointer;
    color: #0086dd
}

#tab-overwatch .tabcontent {
    z-index: 3;
    background: #fff;
    border-top: 3px solid #0086dd;
    opacity: 0
}

#tab-overwatch .tabcontent .post-tab .dest h2 {
    border-color: #0086dd
}

#tab-overwatch .tabcontent .post-tab .dest .cat a {
    color: #0086dd
}

#tab-db h3 {
    z-index: 2;
    position: absolute;
    left: 650px;
    top: 10px;
    cursor: pointer;
    color: #9d0d0f
}

#tab-db h3 a,
#tab-db h3 a:hover {
    color: #9d0d0f
}

#tab-db .tabcontent {
    z-index: 2;
    background: #fff;
    border-top: 3px solid #9d0d0f;
    opacity: 0
}

#tab-db .tabcontent .post-tab .dest h2 {
    border-color: #9d0d0f
}

#tab-db .tabcontent .post-tab .dest .cat a {
    color: #9d0d0f
}

#tab-wow h3 a,
#tab-wow h3 a:hover {
    color: #ad4884;
}

#tab-heroes h3 a,
#tab-heroes h3 a:hover {
    color: #a828cc;
}

#tab-hearthstone h3 a,
#tab-hearthstone h3 a:hover {
    color: #e78925;
}

#tab-db h3 a,
#tab-db h3 a:hover {
    color: #c6262d;
}

#wowgirltabs:hover .tabcontent,
#wowgirltabs:focus .tabcontent,
#wowgirltabs:active .tabcontent {
    -moz-transition: opacity .8s;
    -ms-transition: opacity .8s;
    -o-transition: opacity .8s
}

#tab-wow:hover h3,
#tab-wow:focus h3,
#tab-wow:active h3,
#tab-heroes:hover h3,
#tab-heroes:focus h3,
#tab-heroes:active h3,
#tab-hearthstone:hover h3,
#tab-hearthstone:focus h3,
#tab-hearthstone:active h3,
#tab-overwatch:hover h3,
#tab-overwatch:focus h3,
#tab-overwatch:active h3,
#tab-db:hover h3,
#tab-db:focus h3,
#tab-db:active h3 {
    background: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 40px;
    top: 2px;
    transition: all .1s linear;
    background: #d9d9d9;
    background: -moz-linear-gradient(top, rgba(217, 217, 217, 1) 0%, rgba(236, 236, 236, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(217, 217, 217, 1)), color-stop(100%, rgba(236, 236, 236, 1)));
    background: -webkit-linear-gradient(top, rgba(217, 217, 217, 1) 0%, rgba(236, 236, 236, 1) 100%);
    background: -o-linear-gradient(top, rgba(217, 217, 217, 1) 0%, rgba(236, 236, 236, 1) 100%);
    background: -ms-linear-gradient(top, rgba(217, 217, 217, 1) 0%, rgba(236, 236, 236, 1) 100%);
    background: linear-gradient(to bottom, rgba(217, 217, 217, 1) 0%, rgba(236, 236, 236, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#ececec', GradientType=0)
}

#tab-wow:hover .tabcontent,
#tab-wow:focus .tabcontent,
#tab-wow:active .tabcontent,
#tab-heroes:hover .tabcontent,
#tab-heroes:focus .tabcontent,
#tab-heroes:active .tabcontent,
#tab-hearthstone:hover .tabcontent,
#tab-hearthstone:focus .tabcontent,
#tab-hearthstone:active .tabcontent,
#tab-overwatch:hover .tabcontent,
#tab-overwatch:focus .tabcontent,
#tab-overwatch:active .tabcontent,
#tab-db:hover .tabcontent,
#tab-db:focus .tabcontent,
#tab-db:active .tabcontent {
    z-index: 6;
    opacity: 1;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    -ms-transition: opacity .8s;
    -o-transition: opacity .8s
}

#gp {
    margin: 10px auto 0;
    display: block
}

#gp h2 {
    background: url(lib/img/dotwg.png) no-repeat left;
    padding: 4px 0 2px 30px;
    font-size: 24px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    margin: 0 0 10px;
    color: #60372a
}

#gp .content {
    display: block;
    text-align: justify;
    position: relative;
    padding: 0;
    margin: 0;
    font-size: .1px
}

#gp .content .mini-post {
    width: 170px;
    height: 85px;
    display: inline-block;
    position: relative;
    background: #000
}

#gp .content .mini-post img {
    opacity: .7;
    background: #000
}

#gp .content .mini-post:hover img {
    opacity: 1
}

#gp .content .mini-post .caption {
    position: absolute;
    bottom: 0;
    padding: 10px;
    text-align: left;
    font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    display: block;
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    opacity: 1
}

#gp .content .mini-post .caption a {
    color: #FFF
}

#gp .content .mini-post .caption a:hover {
    color: #f3af16
}

.banner-a {
    display: block;
    margin: 20px auto;
    background: #e8e8e8;
    padding: 10px;
    position: relative;
    text-align: justify;
    height: 90px;
}

.banner-a .large {
    width: 728px;
    display: inline-block
}

.banner-a .small {
    width: 300px;
    display: inline-block
}

.banner-b {
    display: block;
    margin: 20px auto;
    background: #e8e8e8;
    padding: 10px;
    position: relative;
    text-align: justify;
    height: 90px;
}

.banner-c {
    display: block;
    margin: 20px auto;
    padding: 10px;
    position: relative;
    text-align: center;
    height: 90px;
}

.mainposts {
    text-align: justify;
    display: block;
    margin: auto;
    padding: 0
}

#content {
    text-align: justify;
    display: block
}

#content:after {
    content: '';
    width: 100%;
    display: inline-block
}

.mediumpost {
    font-size: 14px;
    width: 330px;
    display: inline-block;
    margin: 0 auto 20px;
    vertical-align: top!important
}

.mediumpost .title {
    width: 100%;
    display: table;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    height: 68px;
    margin: 0;
    padding-bottom: 3px;
    line-height: 28px
}

.mediumpost .title a {
    color: #60372a;
    display: table-cell;
    vertical-align: middle!important
}

.mediumpost .title a:hover {
    color: #ad4884
}

.mediumpost .meta {
    width: 100%;
    padding: 10px 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    position: relative;
    border-top: 1px solid #dcdcdc;
    max-height: 20px
}

.mediumpost .meta .data {
    width: 64%;
    text-align: left;
    display: inline-block;
    color: #60372a
}

.mediumpost .meta .data a {
    color: #8d4279;
    font-weight: 700
}

.mediumpost .meta .data a:hover {
    color: #ad4884
}

.mediumpost .meta .comments {
    width: 32%;
    text-align: right;
    display: inline-block
}

.mediumpost .meta .comments a {
    color: #dcab45;
    font-weight: 700
}

.mediumpost .meta .comments a:hover {
    color: #ad4884
}

.mediumpost .thumbnail {
    max-width: 100%;
    padding: 0;
    margin: 0
}

.mediumpost .thumbnail img {
    max-width: 100%;
    height: auto
}

.mediumpost .content {
    font-size: 13px;
    height: 156px;
    overflow: hidden;
    position: relative;
    padding: 10px 0
}

.mediumpost .content p {
    line-height: 20px
}

.mediumpost .content:after {
    background-size: 100%;
    content: "";
    *zoom: 1;

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    display: block;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%
}

.mediumpost:nth-child(4),
.mediumpost:nth-child(6),
.mediumpost:nth-child(8) {
    width: 698px;
    display: inline-block;
    margin: 0 auto 10px;
    vertical-align: top!important
}

.mediumpost:nth-child(4) .meta,
.mediumpost:nth-child(6) .meta,
.mediumpost:nth-child(8) .meta {
    font-size: 12px;
    text-transform: uppercase;
}

.mediumpost:nth-child(4) .content,
.mediumpost:nth-child(6) .content,
.mediumpost:nth-child(8) .content {
    font-size: 13px;
    line-height: 18px;
    height: 50px;
    overflow: hidden;
    position: relative;
    padding: 10px 0
}

.mediumpost:nth-child(4) .thumbnail,
.mediumpost:nth-child(6) .thumbnail,
.mediumpost:nth-child(8) .thumbnail {
    max-width: 698px;
    max-height: 224px;
    background: #999;
    padding: 0;
    margin: 0
}

.mediumpost:nth-child(4) .thumbnail img,
.mediumpost:nth-child(6) .thumbnail img,
.mediumpost:nth-child(8) .thumbnail img {
    max-width: 100%;
    height: auto
}

.mediumpost:nth-child(4) .content:after,
.mediumpost:nth-child(6) .content:after,
.mediumpost:nth-child(8) .content:after {
    background-size: 100%;
    content: "";
    *zoom: 1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    display: block;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%
}

.podcastpost {
    background: #ececec;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    margin: 0;
    vertical-align: top!important;
    position: relative;
    text-align: justify;
    width: 100%;
    margin-top: 30px;
    max-height: 224px
}

.podcastpost .title {
    width: 96%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    line-height: 28px;
    background: rgba(0, 0, 0, 0.4);
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    padding: 2%
}

.podcastpost .title a {
    color: #fff;
    display: table-cell;
    vertical-align: middle!important
}

.podcastpost:hover .title a,
.podcastpost .title a:hover {
    color: #f9be29
}

.podcastpost .meta {
    width: 100%;
    padding: 10px 0 5px;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    position: relative;
    border-top: 1px solid #dcdcdc;
    max-height: 20px
}

.podcastpost .meta .data {
    width: 64%;
    text-align: left;
    display: inline-block;
    color: #60372a
}

.podcastpost .meta .data a {
    color: #8d4279;
    font-weight: 700
}

.podcastpost .meta .data a:hover {
    color: #ad4884
}

.podcastpost .meta .comments {
    width: 32%;
    text-align: right;
    display: inline-block
}

.podcastpost .meta .comments a {
    color: #dcab45;
    font-weight: 700
}

.podcastpost .meta .comments a:hover {
    color: #ad4884
}

.podcastpost .thumbnail {
    max-width: 698px;
    padding: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: .1px
}

.podcastpost .thumbnail img {
    height: auto;
    padding: 0;
    margin: 0
}

.podcastpost .podcast-content {
    max-width: 358px;
    display: inline-block;
    vertical-align: top
}

.podcastpost .podcast-content .content {
    font-size: 13px;
    height: 110px;
    overflow: hidden;
    position: relative;
    padding: 10px 20px 10px 18px
}

.podcastpost .podcast-content .player {
    padding: 10px 20px 10px 18px
}

.podcastpost .podcast-content .content p {
    line-height: 20px
}

.podcastpost .podcast-content .content:after {
    background-size: 100%;
    content: "";
    *zoom: 1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(236, 236, 236, 0.01) 1%, rgba(232, 232, 232, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(236, 236, 236, 0.01)), color-stop(100%, rgba(232, 232, 232, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(236, 236, 236, 0.01) 1%, rgba(232, 232, 232, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(236, 236, 236, 0.01) 1%, rgba(232, 232, 232, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(236, 236, 236, 0.01) 1%, rgba(232, 232, 232, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(236, 236, 236, 0.01) 1%, rgba(232, 232, 232, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e8e8e8', GradientType=0);
    display: block;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%
}

.podcastpost .powerpress_links {
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    padding: 0
}

.podcastpost:after {
    content: '';
    display: inline-block;
    width: 100%
}

#content .full-post .dest {
    border-bottom: 2px solid #f3b11a;
    margin: 0 0 20px
}

#content .full-post .post-title {
    font-size: 36px;
    font-family: 'PT Sans Narrow', sans-serif;
    color: #60372a;
    text-align: left;
    margin: 10px 0
}

#content .full-post .meta {
    margin: 10px 0;
    text-transform: uppercase;
    color: #6a396a;
    padding: 0 0 20px;
    border-bottom: 1px solid #feca38
}

#content .full-post .meta a {
    color: #ad4884
}

#content .full-post .meta a:hover {
    color: #f3b11a
}

#content .full-post .post-content {
    margin: 20px 0
}

#content .single-title,
#content #single .post-header h1 {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 36px;
    font-weight: 400;
    color: #623727
}

#content .contentheader {
    font-size: 34px;
    color: #60372a;
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #f3b11a;
    font-weight: 400;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif
}

#content .header-archives {
    color: #60372a;
    margin: 20px 0 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f3b11a;
    font-weight: 400;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif
}

#content .heading:before {
    content: url(lib/img/heading.png);
    padding-right: 5px
}

#content .heading {
    font-size: 28px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    padding: 0 10px 10px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: auto;
    color: #60372a
}

#content #single {
    text-align: justify;
    width: 100%;
    max-width: 698px;
    display: inline-block;
    vertical-align: top!important;
    margin-top: 20px
}

#content .single h1,
#content .single h2,
#content .single h3,
#content .single h4,
#content .single h5,
#content .single h6 {
    text-align: left;
    margin: 15px 0;
    font-family: 'PT Sans Narrow', Verdana, Arial;
    font-weight: 700
}

#content #single .dest {
    margin: 0
}

#content #single .post-header {
    font-size: 14px
}

#content #single .post-header .meta {
    margin: 10px 0;
    text-transform: uppercase;
    color: #6a396a;
    padding: 0 0 16px;
    border-bottom: 1px solid #f3b11a;
    font-size: 12px
}

#content #single .powerpress_links {
    text-align: center;
    font-size: 12px;
    margin: 5px auto 0;
    padding: 0
}

#content #single .powerpress_subscribe_links {
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    padding: 0
}

.postauthor {
    overflow: hidden;
    margin-bottom: 10px
}

.postauthor .description {
    height: 74px;
    font-style: italic
}

.postauthor .about {
    font-size: 14px
}

.postauthor p {
    margin: 0 0 8px;
    padding: 0
}

.postauthor .avatar {
    float: left;
    margin: 4px 20px 10px 0;
    border: 1px solid #af4a86;
    padding: 5px;
    background: #f9f9f9
}

.postauthor .char a,
.postauthor .morefrom a {
    background: #ececec;
    color: #bb638b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    padding: 4px 12px;
    margin: 0;
    font-weight: 700;
    font-size: 10px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px 5px 0 0
}

.postauthor .char a:hover,
.postauthor .morefrom a:hover {
    background: #bb638b;
    color: #fff
}

#content #single #related .post-nav {
    width: 100%;
    text-align: justify;
    font-size: 0
}

#content #single #related .post-nav .post-previous {
    width: 50%;
    max-width: 348px;
    height: 100px;
    display: inline-block;
    font-size: 14px
}

#content #single #related .post-nav .post-previous figure {
    position: relative;
    max-height: 100px
}

#content #single #related .post-nav .post-previous figure img {
    padding: 0;
    margin: 0
}

#content #single #related .post-nav .post-previous figure figcaption {
    text-align: left;
    padding: 10px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #FFF
}

#content #single #related .post-nav .post-previous figure figcaption .previous {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 14px;
    color: #FFF
}

#content #single #related .post-nav .post-previous figure figcaption h4 {
    font-size: 18px;
    line-height: 24px;
    display: block;
    border-top: 1px solid;
    margin: 5px 0 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    padding-top: 5px
}

#content #single #related .post-nav .post-previous figure figcaption h4 a {
    color: #FFF
}

#content #single #related .post-nav .post-previous:hover figure figcaption h4 a,
#content #single #related .post-nav .post-previous figure figcaption h4 a:hover {
    color: #feca38
}

#content #single #related .post-nav .post-previous figure {
    position: relative;
    max-height: 100px
}

#content #single #related .post-nav .post-next {
    width: 50%;
    max-width: 348px;
    height: 100px;
    display: inline-block;
    font-size: 14px
}

#content #single #related .post-nav .post-next figure {
    position: relative;
    max-height: 100px
}

#content #single #related .post-nav .post-next figure img {
    padding: 0;
    margin: 0
}

#content #single #related .post-nav .post-next figure figcaption {
    padding: 10px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #FFF
}

#content #single #related .post-nav .post-next figure figcaption .next {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 14px;
    color: #FFF
}

#content #single #related .post-nav .post-next figure figcaption h4 {
    font-size: 18px;
    line-height: 24px;
    display: block;
    border-top: 1px solid;
    margin: 5px 0 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    padding-top: 5px
}

#content #single #related .post-nav .post-next figure figcaption h4 a {
    color: #FFF
}

#content #single #related .post-nav .post-next:hover figure figcaption h4 a,
#content #single #related .post-nav .post-next figure figcaption h4 a:hover {
    color: #feca38
}

#content #single #related:after,
#content #single #related .post-nav:after {
    content: '';
    width: 100%;
    display: inline-block
}

#content #single #related {
    width: 100%;
    min-height: 200px;
    margin: 0 0 10px;
    text-align: justify
}

#content #single #related .rbox {
    margin: 2px 0 0
}

#content #single #related .rbox .related-post {
    position: relative;
    width: 50%;
    max-width: 348px
}

#content #single #related .rbox .related-post:nth-child(1) {
    height: 202px;
    float: left
}

#content #single #related .rbox .related-post:nth-child(2) {
    height: 100px;
    float: right;
    margin: 0 0 1px;
    text-align: right
}

#content #single #related .rbox .related-post:nth-child(3) {
    height: 100px;
    float: right;
    margin: 1px 0 0;
    text-align: right
}

#content #single #related .rbox .related-post:nth-child(2) figure {
    position: relative;
    padding: 0;
    margin: 0;
    max-height: 202px
}

#content #single #related .rbox .related-post:nth-child(2) figure,
#content #single #related .rbox .related-post:nth-child(3) figure {
    position: relative;
    padding: 0;
    margin: 0;
    max-height: 100px
}

#content #single #related .rbox .related-post figure img {
    padding: 0;
    margin: 0
}

#content #single #related .rbox .related-post figure figcaption {
    text-align: left;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #FFF;
    max-width: 328px;
    padding: 10px
}

#content #single #related .rbox .related-post figure figcaption h4 {
    font-size: 18px;
    line-height: 24px;
    display: block;
    border-top: 1px solid;
    margin: 5px 0 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    padding-top: 5px
}

#content #single #related .rbox .related-post figure figcaption h4 a {
    color: #FFF
}

#content #single #related .rbox .related-post:hover figure figcaption h4 a,
#content #single #related .rbox .related-post figure figcaption h4 a:hover {
    color: #feca38
}

#content #single #related .rbox .related-post figure figcaption .label {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 14px;
    color: #FFF
}

#content #single #related .rbox:after {
    content: '';
    width: 100%;
    clear: both;
    display: block
}

.tags a {
    background: #ececec;
    color: #bb638b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    padding: 3px 8px;
    margin: 0;
    font-weight: 700;
    font-size: 10px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px 5px 0 0
}

.tags a:hover {
    background: #bb638b;
    color: #fff
}

#content #single .post-social {
    width: 100%;
    position: relative;
    text-align: justify;
    font-size: .1px;
    padding: 0;
    max-width: 698px
}

#content #single .post-social .subscribe {
    background: #f9f9f9;
    font-size: 12px;
    width: 60%;
    display: inline-block
}

#content #single .post-social .subscribe p {
    margin: 10px;
    line-height: 20px;
    font-size: 12px
}

#content #single .post-social .subscribe .sub {
    display: inline-block;
    vertical-align: top!important
}

#content #single .post-social .subscribe .sub form {
    margin: 5px 10px 15px;
    text-align: left;
    border: 1px solid #fac02b;
    display: inline-block
}

#content #single .post-social .subscribe .sub form input {
    padding: 6px 8px 7px;
    color: #6a396a;
    font-size: 12px;
    width: 150px;
    border: 0
}

#content #single .post-social .subscribe .sub form input[type="submit"] {
    background: #fac02b;
    color: #6a396a;
    border: 1px solid #fac02b;
    text-transform: uppercase;
    margin: 0;
    font-size: 10px;
    padding: 7px 8px;
    width: auto;
    letter-spacing: .5px
}

#content #single .post-social .subscribe .feed {
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    color: #f59400;
    padding: 2px 10px;
    vertical-align: top!important;
    font-size: 12px
}

#content #single .post-social .social {
    font-size: 14px;
    display: inline-block;
    display: inline-block;
    min-height: 109px;
    vertical-align: top!important;
    width: 13%;
    text-align: center;
    background: #ececec
}

#content #single .post-social .social .media {
    display: block;
    margin: 10px auto 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px
}

#content #single .post-social .social .number {
    display: block;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    margin-bottom: 2px
}

#content #single .post-social .social a.share {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    padding: 8px 0;
    color: #FFF
}

#content #single .post-social .facebook {
    color: #3b5998
}

#content #single .post-social .facebook a.share {
    background: #3b5998
}

#content #single .post-social .twitter {
    color: #6cc4e1
}

#content #single .post-social .twitter a.share {
    background: #6cc4e1
}

#content #single .post-social .googleplus {
    color: #d04635
}

#content #single .post-social .googleplus a.share {
    background: #d04635
}

#content #single .post-social:after {
    content: '';
    width: 100%;
    display: inline-block
}

#content #single .post-social .facebook a.share:hover,
#content #single .post-social .twitter a.share:hover,
#content #single .post-social .googleplus a.share:hover {
    opacity: .8
}

#content #single .leitor {
    max-width: 698px;
    width: 100%;
    margin: 0 auto;
    display: block
}

#content #single .leitor .post-header {
    font-size: 14px;
    margin-bottom: 0
}

#content #single .leitor .post-header h1 {
    color: #60372a
}

#content #single .leitor .post-header .meta {
    margin: 0;
    text-transform: uppercase;
    color: #6a396a;
    padding: 0 0 16px;
    border-bottom: 2px solid #f3b11a;
    font-size: 12px
}

#content #single .leitor .dest {
    padding: 0;
    margin: 0
}

#content #single .leitor .dest img {
    margin: 0
}

#content #single .leitor fieldset {
    margin: 20px auto;
    padding: 0 10px 10px;
    display: block;
    border: 1px solid #e8e8e8
}

#content #single .leitor fieldset small {
    color: #8f4077;
    font-style: italic;
    font-size: 12px
}

#content #single .leitor fieldset legend {
    padding: 0 10px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 18px;
    color: #8f4077
}

#content #single .leitor fieldset:hover,
#content #single .leitor fieldset:focus {
    border: 1px solid #f3af16
}

#content #single .leitor fieldset label {
    display: block;
    padding: 5px 0;
    margin: 10px 0 0
}

#content #single .leitor fieldset input {
    width: auto;
    padding: 5px;
    border: 1px solid #CCC;
    display: block;
    margin: 0
}

#content #single .leitor fieldset input[type="file"] {
    padding: 5px;
    border: 1px solid #CCC;
    text-transform: uppercase;
    font-size: 12px;
    width: auto
}

#content #single .leitor fieldset input:focus,
#content #single .leitor fieldset input:hover {
    border-color: #f3af16
}

#content #single .leitor fieldset select {
    width: auto;
    padding: 5px;
    border: 1px solid #8f4077;
    background: #FCFCFC;
    display: block;
    margin: 0
}

#content #single .leitor fieldset textarea {
    width: auto;
    padding: 5px;
    border: 1px solid #CCC;
    display: block;
    margin: 0
}

#content #single .leitor .g-recaptcha iframe {
    display: block;
    margin: 10px auto 0
}

#content #single .leitor .send {
    text-align: center;
    border: 0
}

#content #single .leitor .send:hover {
    border: 0
}

#content #single .leitor .send input[type="submit"],
#content #single .leitor fieldset input[type="reset"] {
    background: #e8e8e8;
    color: #8f4077;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    padding: 7px 8px;
    width: auto;
    letter-spacing: .5px;
    text-align: center;
    display: inline-block;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    margin: 0 10px
}

#content #single .leitor .send input[type="submit"]:focus,
#content #single .leitor fieldset input[type="reset"]:focus {
    background: #f3af16
}

#content #single .leitor .send input[type="submit"]:hover,
#content #single .leitor fieldset input[type="reset"]:hover {
    background: #f3af16
}

#content .leitores {
    font-size: .1px;
    text-align: justify
}

#content .leitores .ss-archive {
    width: 330px;
    margin: 15px 0;
    padding: 0;
    display: inline-block;
    text-align: justify;
    border: 1px solid #6a396a
}

#content .leitores .ss-archive h4 {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    text-align: center;
    padding: 0 0 5px;
    color: #6a396a;
    font-size: 20px
}

#content .leitores .ss-archive figure {
    width: 330px;
    background: #6a396a;
    font-size: .1px;
    background-size: contain;
    padding: 0
}

#content .leitores .ss-archive figure a {
    padding: 0;
    margin: 0
}

#content .leitores .ss-archive figcaption {
    font-size: .1px;
    background: #6a396a;
    padding: 10px;
    margin: 0;
    color: #FFF;
    text-align: justify;
    position: relative
}

#content .leitores .ss-archive figcaption span {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

#content .leitores .ss-archive figcaption span a {
    color: #FFF
}

#content .leitores .ss-archive figcaption span a:hover {
    color: #fec936
}

#content .leitores .ss-archive figcaption .more {
    display: inline-block;
    background: #fec936;
    font-size: 13px;
    padding: 5px 15px;
    font-weight: 700;
    color: #6a396a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#content .leitores .ss-archive figcaption .more:hover {
    background: #60372a;
    color: #FFF
}

#content .leitores .ss-archive figcaption:after {
    content: '';
    width: 100%;
    display: inline-block
}

#content .leitores .ss-archive:hover {
    border: 1px solid #4d274c
}

#content .leitores .ss-archive:hover figcaption {
    background: #4d274c
}

#content #single .leitores:after {
    content: '';
    width: 100%;
    display: inline-block
}

#content .extra {
    text-align: justify;
    width: 100%;
    max-width: 698px;
    display: inline-block;
    vertical-align: top!important
}

#content .extra #youtube {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
    font-size: 14px
}

#content .extra #youtube .block {
    padding: 10px;
    background: background: #f2ad16;
    background: -moz-linear-gradient(top, rgba(242, 173, 22, 1) 0%, rgba(254, 202, 55, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 173, 22, 1)), color-stop(100%, rgba(254, 202, 55, 1)));
    background: -webkit-linear-gradient(top, rgba(242, 173, 22, 1) 0%, rgba(254, 202, 55, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 173, 22, 1) 0%, rgba(254, 202, 55, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 173, 22, 1) 0%, rgba(254, 202, 55, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 173, 22, 1) 0%, rgba(254, 202, 55, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2ad16', endColorstr='#feca38', GradientType=0)
}

#content .extra #youtube .block .caption {
    width: 65%;
    color: #60372a;
    padding: 10px 10px 0 0;
    font-weight: 700;
    display: inline-block;
    vertical-align: top!important;
    line-height: 20px
}

#content .extra #youtube .block .subscribe {
    width: 30%;
    background: #6a396a;
    display: inline-block;
    padding: 10px;
    margin: 0;
    vertical-align: top!important;
    margin-top: 12px;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#content .extra #youtube .block .subscribe:hover {
    background: #ad4884
}

#content .extra #readers {
    width: 100%;
    display: block;
    margin: 0 0 20px;
    font-size: 14px;
    padding: 0;
    text-align: justify;
    font-size: .1px
}

#content .extra #readers .transmog,
#content .extra #readers .screenshot {
    width: 49%;
    max-width: 340px;
    margin: 0;
    padding: 0;
    display: inline-block
}

#content .extra #readers .transmog h4,
#content .extra #readers .screenshot h4 {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    text-align: center;
    padding: 0 0 5px;
    color: #6a396a;
    font-size: 20px;
    margin: 0 auto
}

#content .extra #readers .transmog figure,
#content .extra #readers .screenshot figure {
    max-width: 340px;
    width: 100%;
    background: url(lib/img/line.jpg);
    font-size: .1px;
    background-size: contain;
    padding: 3px 0 0
}

#content .extra #readers .transmog figure a,
#content .extra #readers .screenshot figure a {
    padding: 0;
    margin: 0
}

#content .extra #readers .transmog figcaption,
#content .extra #readers .screenshot figcaption {
    font-size: .1px;
    background: #6a396a;
    padding: 10px;
    margin: 0;
    color: #FFF;
    text-align: justify;
    position: relative
}

#content .extra #readers .transmog figcaption span,
#content .extra #readers .screenshot figcaption span {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

#content .extra #readers .transmog figcaption span a,
#content .extra #readers .screenshot figcaption span a {
    color: #FFF
}

#content .extra #readers .transmog figcaption span a:hover,
#content .extra #readers .screenshot figcaption span a:hover {
    color: #fec936
}

#content .extra #readers .transmog figcaption .more,
#content .extra #readers .screenshot figcaption .more {
    display: inline-block;
    background: #fec936;
    font-size: 13px;
    padding: 5px 15px;
    font-weight: 700;
    color: #6a396a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#content .extra #readers .transmog figcaption .more:hover,
#content .extra #readers .screenshot figcaption .more:hover {
    background: #60372a;
    color: #FFF
}

#content .extra #readers .content-edl {
    background: #e8e8e8;
    margin: 15px auto 0;
    font-weight: 700;
    text-align: justify;
    display: inline-block;
    font-size: 0.1px;
    width: 100%;
}

#content .extra #readers .content-edl .gallery {
    width: 245px;
    display: inline-block;
    vertical-align: top !important;
    font-size: 14px;
    background: url(lib/img/arrow-edl.png) no-repeat;
    padding: 10px 0 10px 10px
}

#content .extra #readers .content-edl .gallery:hover {
    background: url(lib/img/arrow-edl.png) no-repeat 0px -64px;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s
}

#content .extra #readers .content-edl .gallery:hover a {}

#content .extra #readers .content-edl .gallery a {
    font-size: 18px;
    color: #5f3c28;
    text-shadow: none;
    border-color: #d9d9d9;
    background: url(lib/img/dotwg.png) no-repeat 0 8px;
    font-family: 'bebas_neuebold', 'Oswald', sans-serif;
    padding: 0 0 0 36px;
    display: block
}

#content .extra #readers .content-edl .submit {
    padding: 12px 30px 12px 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top !important;
    font-size: 14px;
}

#content .extra #readers,
#content .extra #readers .transmog figcaption:after,
#content .extra #readers .screenshot figcaption:after {
    content: '';
    width: 100%;
    display: inline-block
}

#content .extra #parceiros {
    width: 698px;
    display: inline-block;
    margin: 0 0 20px;
    font-size: 14px;
    text-align: justify
}

#content .extra #parceiros img {
    margin-bottom: 15px
}

#content .page .post-header h1 {
    padding: 5px 0 10px;
    border-bottom: 1px solid #feca38;
    margin: 0 0 20px
}

#content #sidebar {
    width: 100%;
    max-width: 330px;
    display: inline-block;
    vertical-align: top!important;
    font-size: 14px
}

#content #sidebar .mediumblock {
    font-size: 14px;
    width: 330px;
    display: inline-block;
    margin: 0 0 20px
}

#content #sidebar .widget-title {
    margin: 0 0 20px
}

#content #sidebar .widget-title:before {
    content: url(lib/img/heading.png);
    padding-right: 5px
}

#content #sidebar .widget-title {
    font-size: 28px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    padding: 0 10px 10px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: auto;
    color: #60372a
}

#content #sidebar .widget {
    margin: 0 auto 30px
}

#content #sidebar .social {
    display: block;
    width: 100%
}

#content #sidebar .social a {
    text-decoration: none;
    font-weight: 700
}

#content #sidebar .social .block {
    margin: 0 0 5px;
    border: 1px solid #fff;
    padding: 0 0 0 60px;
    font-size: .1px;
    text-align: justify;
    background: url(lib/img/socialsidebar.png) no-repeat;
    height: 44px;
    display: table
}

#content #sidebar .social .block .label {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    width: 70%
}

#content #sidebar .social .block .counter {
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    text-align: right;
    padding: 0 10px 0 0;
    font-weight: 700
}

#content #sidebar .social .block:after {
    content: '';
    width: 100%;
    display: inline-block
}

#content #sidebar .social .facebook {
    background-position: 0 0;
    color: #3b5998
}

#content #sidebar .social .facebook:hover {
    border: 1px solid #3b5998
}

#content #sidebar .social .facebook a {
    color: #3b5998
}

#content #sidebar .social .twitter {
    background-position: 0 -98px;
    color: #5eabc5
}

#content #sidebar .social .twitter:hover {
    border: 1px solid #5eabc5
}

#content #sidebar .social .twitter a {
    color: #6cc4e1
}

#content #sidebar .social .googleplus {
    background-position: 0 -147px;
    color: #d04635
}

#content #sidebar .social .googleplus:hover {
    border: 1px solid #d04635
}

#content #sidebar .social .googleplus a {
    color: #d04635
}

#content #sidebar .social .feeds {
    background: #f59400;
    color: #FFFFFF;
    padding: 14px 20px;
    display: block;
    text-align: center;
}

#content #sidebar .social .feeds:hover {
    background: #ececec;
}

#content #sidebar .social .feeds a {
    color: #fff
}

#content #sidebar .social .feeds:hover a {
    color: #f59400
}

#content #sidebar .subscribe {
    background: #feca38;
    background: -moz-linear-gradient(top, rgba(254, 202, 55, 1) 0%, rgba(242, 173, 22, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 202, 55, 1)), color-stop(100%, rgba(242, 173, 22, 1)));
    background: -webkit-linear-gradient(top, rgba(254, 202, 55, 1) 0%, rgba(242, 173, 22, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 202, 55, 1) 0%, rgba(242, 173, 22, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 202, 55, 1) 0%, rgba(242, 173, 22, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 202, 55, 1) 0%, rgba(242, 173, 22, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#feca38', endColorstr='#f2ad16', GradientType=0);
    font-size: 12px;
    width: auto;
    padding: 20px;
    display: block
}

#content #sidebar .subscribe p {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    color: #6a396a
}

#content #sidebar .subscribe form {
    text-align: left;
    display: block;
    margin: 20px auto 0
}

#content #sidebar .subscribe form input {
    padding: 8px;
    color: #6a396a;
    font-size: 12px;
    width: 160px;
    border: 0
}

#content #sidebar .subscribe form input[type="submit"] {
    background: #6a396a;
    color: #FFF;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    padding: 7px 8px;
    width: auto
}

#bottom #rodape {
    display: block;
    margin: 20px -20px 0;
    max-width: 1100px;
    padding: 20px 20px 0;
    background: url(lib/img/bgbottom.jpg) top center;
    text-align: justify
}

#bottom #rodape .wowgirl {
    width: 29%;
    max-width: 300px;
    padding: 30px 2%;
    text-align: center;
    display: inline-block;
    vertical-align: top!important
}

#bottom #rodape .wowgirl .disclaimer {
    color: #8d4279;
    text-align: center
}

#bottom #rodape .wowgirl img {
    display: block;
    margin: 0 auto
}

#bottom #rodape .asides {
    display: inline-block;
    max-width: 760px;
    width: 66%
}

#bottom #rodape .asides .widget {
    width: 146px;
    display: inline-block;
    vertical-align: top!important;
    padding: 0 10px
}

#bottom #rodape .asides .widget .widget-title {
    font-size: 22px;
    color: #8d4279;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    margin: 10px 0;
    letter-spacing: .5px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}

#bottom #rodape .asides .widget ul {
    list-style: none;
    font-size: 13px
}

#bottom #rodape .asides .widget ul li {
    margin: 4px 10px 0 0;
    text-align: left
}

#bottom #rodape .asides .widget ul li a {
    display: block;
    color: #60372a
}

#bottom #rodape .asides .widget ul li a:hover {
    color: #ad4884;
    padding-left: 5px
}

#bottom #rodape .asides .social {
    max-width: 760px;
    display: inline-block;
    width: 100%;
    padding: 20px 0 0;
    background: url(lib/img/linhabottom.png) no-repeat center top;
    margin: 20px 0 0;
    height: auto
}

#bottom #rodape .asides .social .searchbottom {
    display: inline-block;
    vertical-align: top!important;
    padding: 4px 0
}

#bottom #rodape .asides .social .searchbottom .search-field {
    padding: 6px;
    width: 260px;
    font-size: 12px;
    font-style: italic;
    color: 6a396a;
    border: 1px solid #f1bf66
}

#bottom #rodape .asides .social .searchbottom .search-submit {
    width: 30px;
    height: 24px;
    text-indent: -99999px;
    background: url(lib/img/search.png);
    background-size: contain;
    border: 0;
    margin: 0 0 0 6px
}

#bottom #rodape .asides .social .searchbottom .search-submit:hover,
#tab-search .overall .searchmenu .search-submit:focus {
    background: url(lib/img/search-h.png);
    background-size: contain;
    border: 0
}

.socialbottom {
    display: inline-block;
    width: 300px;
    text-align: justify;
    vertical-align: top!important;
    margin: 0;
    font-size: .1px
}

.socialbottom a {
    background: url(lib/img/socialbottom.png) repeat-x;
    display: inline-block;
    opacity: .6;
    width: 35px;
    height: 35px
}

.socialbottom a:hover {
    opacity: 1
}

.socialbottom a.youtube {
    text-indent: -9999px;
    background-position: 0 0
}

.socialbottom a.twitter {
    text-indent: -9999px;
    background-position: -86px 0
}

.socialbottom a.facebook {
    text-indent: -9999px;
    background-position: -42px 0
}

.socialbottom a.instagram {
    text-indent: -9999px;
    background-position: -214px 0
}

.socialbottom a.twitch {
    text-indent: -9999px;
    background-position: -172px 0
}

.socialbottom a.feeds {
    text-indent: -9999px;
    background-position: -129px 0
}

#bottom #credits {
    display: block;
    margin: 0 -20px;
    max-width: 1100px;
    padding: 20px;
    background: url(lib/img/bgcredits.jpg) top center no-repeat
}

#bottom #credits p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    line-height: 16px
}

#bottom #credits .last {
    color: #60372a;
    padding-top: 10px;
    font-weight: 700;
    font-size: 13px;
    text-align: center
}

#bottom #credits .last a {
    color: #8d4279
}

#bottom #credits .last a:hover {
    color: #f8bc27
}

.left {
    float: left
}

.right {
    float: right
}

.center {
    display: block;
    margin: 0 auto;
    text-align: center
}

.clear {
    clear: both;
    font-size: 0.1px
}

.dot {
    float: left;
    font-size: 16px;
    padding: 0 4px
}

.pink {
    color: #ad4884;
    padding: 0 5px
}

.sep {
    padding: 0 6px 0 8px;
    color: #f3b11a;
    font-size: 16px
}

img.border {
    border: 1px solid #af3891;
    padding: 4px;
    background: #DFDFDF
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none
}

img.alignright {
    margin: 4px 1px 10px 20px !important;
    display: inline;
    float: right
}

img.alignleft {
    margin: 4px 20px 10px 1px !important;
    display: inline;
    float: left
}

.alignright {
    float: right;
    margin: 0 0 -10px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px -10px 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

#content .q1,
#content .q1 a,
#content .color-q1,
#content .wowhead-tooltip #content .q1 a {
    color: #000!important
}

#content .q2,
#content .q2 a,
#content .color-q2,
#content .wowhead-tooltip #content .q2 a {
    color: #0C0!important
}

.counter-twitter,
.counter-fb-like,
.counter-google-one,
.counter-l {
    float: left;
    padding: 0;
    margin: 0 2px 0 0
}

.counter-google-one {
    padding: 3px 0 0
}

.counter-fb-like {
    padding: 0 20px 0 0
}

.counter-l {
    padding: 1px 5px 2px 0;
    color: #6e316c;
    margin-right: 10px;
    font-weight: 700
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.seriesbox {
    background: url(lib/img/murky.png) no-repeat 5px 10px;
    background-size: 10%;
    color: #777;
    text-align: left;
    padding: 10px 10px 10px 80px;
    border: 1px;
    border-bottom: 1px dotted #E9E9E9;
    position: relative;
    margin: 0 auto 10px;
    display: block;
    float: none
}

.seriesbox:before,
.seriesbox:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -3px
}

.seriesbox:before {
    top: -3px;
    width: 3px;
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#d9d9d9), to(transparent));
    background-image: -webkit-linear-gradient(transparent, #d9d9d9);
    background-image: -moz-linear-gradient(transparent, #d9d9d9);
    background-image: -o-linear-gradient(transparent, #d9d9d9)
}

.seriesbox:after {
    right: -3px;
    height: 3px;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#d9d9d9), to(transparent));
    background-image: -webkit-linear-gradient(left, #d9d9d9, transparent);
    background-image: -moz-linear-gradient(left, #d9d9d9, transparent);
    background-image: -o-linear-gradient(left, #d9d9d9, transparent)
}

.seriesbox .title {
    text-transform: uppercase;
    font-weight: 700
}

li.serieslist-li,
li.serieslist-li-current {
    margin: 0;
    padding: 0 0 5px
}

.seriesmeta {
    font-size: 18px;
    margin: 20px 0 10px;
    padding: 14px 10px 14px 55px;
    border-width: 1px 0;
    border-style: solid;
    color: #5f3c28;
    text-shadow: none;
    border-color: #d9d9d9;
    background: url(lib/img/dotwg.png) no-repeat 15px 45% #ececec;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    letter-spacing: .5px
}

.seriesmeta > a {
    font-family: 'bebas_neuebold', 'Oswald', sans-serif
}

.serieslist-content {
    margin: 0 0 20px 0;
    border: 1px solid white
}

.serieslist-content .imgset {
    border: 1px solid #feca38;
    float: left;
    margin: 10px 10px 10px 0;
    padding: 0px;
    font-size: 0.1px
}

.serieslist-content h2 {
    margin: 4px 0 20px 0;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    letter-spacing: .5px;
    border-bottom: 1px solid #feca38;
    padding: 0 0 4px 0
}

.serieslist-content p {
    margin: 0;
}

.stocpagination {
    margin: 0px;
    text-align: center
}

.stocpagination .page-numbers {
    display: inline-block;
    border: 1px solid #CCC;
    padding: 4px 14px;
    font-weight: bold;
    background: #F3F3F3
}

.stocpagination .page-numbers:hover {
    background: #feca38;
    border: 1px solid #ad4884;
    color: #ad4884
}

.stocpagination .current {
    background: #6a3968;
    color: #FFF;
}

.rsvideo {
    line-height: 0
}

.tab1 {
    margin: 0 auto 15px;
    padding: 0;
    border: 1px solid #dbdbdb;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.tab1 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto 15px;
    padding: 0
}

.tab1 tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.tab1 table tr:first-child td:first-child {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.tab1 table tr:first-child td:last-child {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.tab1 tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.tab1 tr:hover td {
    background-color: #fff
}

.tab1 td {
    vertical-align: middle;
    background-color: #efefef;
    border: 1px solid #dbdbdb;
    border-width: 0 1px 1px 0;
    padding: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #353535
}

.tab1 tr:last-child td {
    border-width: 0 1px 0 0
}

.tab1 tr td:last-child {
    border-width: 0 0 1px
}

.tab1 tr:last-child td:last-child {
    border-width: 0
}

.tab1 tr:first-child td {
    background: -o-linear-gradient(bottom, #f0c631 5%, #f0c631 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c631), color-stop(1, #f0c631));
    background: -moz-linear-gradient(center top, #f0c631 5%, #f0c631 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f0c631", endColorstr="#f0c631");
    background: -o-linear-gradient(top, #f0c631, f0c631);
    background-color: #f0c631;
    border: 0 solid #dbdbdb;
    text-align: center;
    border-width: 0 0 1px 1px;
    font-size: 14px;
    font-weight: 700;
    color: #af3891
}

.tab1 tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #f0c631 5%, #f0c631 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c631), color-stop(1, #f0c631));
    background: -moz-linear-gradient(center top, #f0c631 5%, #f0c631 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f0c631", endColorstr="#f0c631");
    background: -o-linear-gradient(top, #f0c631, f0c631);
    background-color: #f0c631
}

.tab1 tr:first-child td:first-child {
    border-width: 0 0 1px
}

.tab1 tr:first-child td:last-child {
    border-width: 0 0 1px 1px
}

.tab2 {
    margin: 0 auto 15px;
    padding: 0;
    border: 1px solid #dbdbdb;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.tab2 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto 15px;
    padding: 0
}

.tab2 tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.tab2 table tr:first-child td:first-child {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.tab2 table tr:first-child td:last-child {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.tab2 tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.tab2 tr:hover td {
    background-color: #f0c631
}

.tab2 td {
    vertical-align: middle;
    background-color: #ededed;
    border: 1px solid #dbdbdb;
    border-width: 0 1px 1px 0;
    padding: 5px;
    font-size: 11px;
    font-weight: 400;
    color: #353535
}

.tab2 tr:last-child td {
    border-width: 0 1px 0 0
}

.tab2 tr td:last-child {
    border-width: 0 0 1px
}

.tab2 tr:last-child td:last-child {
    border-width: 0
}

.tab2 tr:first-child td {
    background: -o-linear-gradient(bottom, #d1d1d1 5%, #d1d1d1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #d1d1d1));
    background: -moz-linear-gradient(center top, #d1d1d1 5%, #d1d1d1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d1d1d1", endColorstr="#d1d1d1");
    background: -o-linear-gradient(top, #d1d1d1, d1d1d1);
    background-color: #d1d1d1;
    border: 0 solid #dbdbdb;
    text-align: center;
    border-width: 0 0 1px 1px;
    font-size: 14px;
    font-weight: 700;
    color: #af3891
}

.tab2 tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #d1d1d1 5%, #d1d1d1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #d1d1d1));
    background: -moz-linear-gradient(center top, #d1d1d1 5%, #d1d1d1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d1d1d1", endColorstr="#d1d1d1");
    background: -o-linear-gradient(top, #d1d1d1, d1d1d1);
    background-color: #d1d1d1
}

.tab2 tr:first-child td:first-child {
    border-width: 0 0 1px
}

.tab2 tr:first-child td:last-child {
    border-width: 0 0 1px 1px
}

.shortlink {
    float: right
}

.shortlink input {
    border: 1px solid #993b99;
    color: #993b99;
    padding: 3px 5px;
    font-size: 11px
}

div.twt-border {
    width: 400px!important;
    margin-right: auto!important;
    margin-left: auto!important
}

.jr-insta-slider img {
    border-bottom: 3px solid #af3891;
    border-top: 3px solid #d3ad27
}

.jr-insta-slider .instatime {
    color: #d3ad27
}

.wa_string {
    border-color: #ccc;
    background: #eee;
    padding: 9px 15px;
    height: 70px;
    overflow-x: hidden;
    overflow-y: scroll;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.wa_string p {
    margin: 0;
    padding: 0
}

.worldevents {
    text-align: justify;
    width: 620px
}

.worldevents img {
    width: 200px;
    height: 200px;
    display: inline-block
}

.worldevents:after {
    content: '';
    width: 100%;
    display: inline-block
}

.breadcrumbs {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.breadcrumbs .divider {
    color: #f0c631;
    padding-bottom: 2px
}

.breadcrumbs .current {
    color: #4f094b
}

#content .q0,
#content .q0 a,
#content .color-q0,
#content .wowhead-tooltip #content .q0 a {
    color: #666!important
}

#text-100 {
    background: #ececec;
    color: #693b6c;
    padding: 15px;
    border: 1px solid #efe3ae
}

#text-100 .textwidget {
    padding: 0 15px
}

.whlinks {
    margin: 20px auto;
    text-align: center;
    display: block
}

.whlinks select {
    width: auto;
    padding: 5px;
    border: 1px solid #8f4077;
    background: #FCFCFC;
    margin: 0;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 18px;
    display: inline-block
}

.whlinks select option {
    padding: 5px
}

.whlinks input[type="submit"] {
    background: #5f5f5f;
    color: #fff;
    border: 0;
    font-size: 18px;
    padding: 7px 12px;
    width: auto;
    letter-spacing: .5px;
    text-align: center;
    display: inline-block;
    font-family: 'bebas_neuebold', 'Oswald', sans-serif;
    margin: 0 10px;
    letter-spacing: 1px;
    display: inline-block
}

.wowbq-bluequote {
    color: #fff;
    background: url(lib/img/blizz.png) no-repeat top left #0b0f13;
    border: 1px solid #00c0ff;
    margin: 10px auto;
    padding: 0 20px 20px;
    text-shadow: none;
    font-family: 'PT Sans', Verdana, Arial;
    letter-spacing: .2px;
    text-align: justify
}

.wowbq-bluequote p:last-child {
    margin-bottom: 0
}

.wowbq-bluequote a {
    color: #c4f0ff;
    text-decoration: none;
    font-weight: 700;
    text-decoration: none
}

.wowbq-bluequote a:hover {
    color: #FFF
}

.wowbq-bluequote b,
.wowbq-bluequote ul li > strong {
    color: #FFF
}

.wowbq-bluequote ul {
    margin: 10px 0
}

.wowbq-bluequote ul li {
    list-style: disc;
    margin: 5px;
    margin-left: 15px;
    padding-left: 5px;
    color: #00c0ff;
    font-size: 13px;
    text-align: left
}

.wowbq-bluequote hr {
    color: #000;
    border: 0;
    border-top: 1px solid #FFF;
    padding: 0;
    margin: 25px 0 20px
}

.wowbq-bluequote h1,
.wowbq-bluequote h2,
.wowbq-bluequote h3,
.wowbq-bluequote h4,
.wowbq-bluequote h5 {
    font-family: 'PT Sans', Verdana, Arial;
    color: #FFF
}

.wowbq-bluequote .wowbq-postedby {
    padding: 20px 0;
    border-bottom: 1px solid #00c0ff;
    color: #FFF;
    font-size: 16px
}

.wowbq-clear {
    clear: both
}

#notfound {
    background: url(lib/img/404.gif) no-repeat bottom right;
    background-size: cover;
    margin: 0;
    width: 48%;
    display: block;
    height: 750px;
    padding: 2% 50% 2% 2%;
    border: 1px solid #b54c87
}

#notfound h1 {
    font-size: 150px;
    line-height: 100px;
    color: #6a396a;
    font-family: 'PT Sans', Verdana, Arial;
    font-weight: 700;
    color: #633163;
    text-shadow: 3px 3px 1px rgba(69, 34, 69, 1)
}

#notfound h2 {
    font-size: 80px;
    color: #666;
    line-height: 100px;
    margin: 40px 0 20px
}

#notfound p {
    margin: 20px 0;
    text-align: left;
    font-size: 20px;
    line-height: 35px
}

.navigation {
    font-size: 14px;
    display: inline-block
}

.desc {
    background: #f1f1f1;
    padding: 20px;
    border: 1px solid #e8e8e8;
    margin-top: 15px
}

.desc ul {
    margin: 10px 0 10px 10px
}

.desc p:last-child {
    margin: auto
}

.loading-colunas {
    display: block;
    margin: 20px auto;
    text-align: center
}

.wg-alertbox {
    width: auto;
    display: block;
    position: relative;
    background: #f7f7f7;
    font-size: .1px;
    text-align: justify;
    margin: 20px auto
}

.wg-alertbox .message {
    padding: 2%;
    max-width: 90%;
    display: inline-block;
    font-size: 14px
}

.wg-alertbox .message p {
    text-align: left
}

.wg-alertbox .message p:last-child {
    margin: 0
}

.wg-alertbox .close {
    border: 1px solid #4c244a;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 10px;
    top: 12px;
    right: 10px;
    font-size: 14px;
    padding: .1%;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background: #895c8a
}

.wg-alertbox .close:hover {
    background: #a474a4;
    cursor: pointer
}

.wg-alertbox:after {
    display: inline-block;
    width: 100%;
    content: ''
}

#crumbs {
    list-style: none;
    overflow: hidden;
    font-size: 16px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    letter-spacing: .5px;
    margin-top: 25px
}

#crumbs li {
    float: left
}

#crumbs li a {
    color: #fff;
    text-decoration: none;
    padding: 5px 0 5px 50px;
    background: #6a3968;
    background: hsla(303, 35%, 22%, 1);
    position: relative;
    display: block;
    float: left;
    transition: none
}

#crumbs li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(303, 35%, 22%, 1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2
}

#crumbs li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 2px;
    left: 100%;
    z-index: 1
}

#crumbs li:first-child a {
    padding-left: 20px
}

#crumbs li:nth-child(2) a {
    background: hsla(299, 30%, 35%, 1)
}

#crumbs li:nth-child(2) a:after {
    border-left-color: hsla(299, 30%, 35%, 1)
}

#crumbs li:nth-child(3) a {
    background: hsla(299, 20%, 45%, 1)
}

#crumbs li:nth-child(3) a:after {
    border-left-color: hsla(299, 20%, 45%, 1)
}

#crumbs li:nth-child(4) a {
    background: hsla(299, 21%, 55%, 1)
}

#crumbs li:nth-child(4) a:after {
    border-left-color: hsla(299, 21%, 55%, 1)
}

#crumbs li:nth-child(5) a {
    background: hsla(299, 16%, 65%, 1)
}

#crumbs li:nth-child(5) a:after {
    border-left-color: hsla(299, 16%, 65%, 1)
}

#crumbs li:last-child {
    color: #000;
    pointer-events: none;
    cursor: default;
    padding: 5px 20px 5px 40px;
    font-family: 'bebas_neuebold', 'Oswald', sans-serif
}

#crumbs li:last-child:after {
    border-left-color: hsla(299, 16%, 65%, 1)
}

#crumbs li a:hover {
    background: #dadada;
    color: #4b2449
}

#crumbs li a:hover:after {
    border-left-color: #dadada!important
}

#crumbs li.current {
    color: #6b3a69
}

#wowgirl-mp-load-posts {
    display: inline-block;
    font-size: 14px;
    width: 96%;
    padding: 0 2%;
    margin: 0 auto 30px
}

#wowgirl-mp-load-posts a:link,
#wowgirl-mp-load-posts a:visited {
    display: block;
    font-size: 24px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    margin: 0 auto;
    width: 100%;
    max-width: 360px;
    padding: 10px 0;
    text-align: center;
    background: #feca38;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #6a396a
}

#wowgirl-mp-load-posts a:hover,
#wowgirl-mp-load-posts a:active {
    background: #60372a;
    color: #FFF
}

#content #more {
    text-align: center;
    margin: 20px auto
}

#content #more a {
    display: block;
    font-size: 24px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    margin: 0 auto;
    width: 360px;
    padding: 10px 0;
    text-align: center;
    background: #feca38;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #6a396a
}

#nav {
    width: 1100px;
    position: relative;
    display: block;
    margin: 0 -20px;
    height: auto;
    clear: both;
    height: 62px
}

#menu {
    list-style: none;
    width: 100%;
    height: 65px;
    z-index: 999;
    background: url(lib/img/bgmenu.png) no-repeat top left
}

#menu:before {
    content: '';
    background: url(lib/img/menuleft.png) no-repeat;
    float: left;
    width: 12px;
    height: 65px;
    margin-left: -12px
}

#menu:after {
    content: '';
    background: url(lib/img/menuright.png) no-repeat;
    float: right;
    width: 12px;
    height: 65px;
    margin-right: -12px;
    margin-top: 0
}

#menu .menuitem {
    content: '';
    float: left;
    text-align: left;
    padding: 7px 5px;
    margin: 5px 0 5px 25px;
    border: none;
    z-index: 1000
}

#menu .menu-search {
    position: absolute;
    right: 0
}

#menu .menuitem:hover {
    background: url(lib/img/lihover.png) no-repeat bottom
}

#menu .menu-search .search-container {
    max-width: 400px;
    margin: auto;
    padding: 0px;
}

#menu .menu-search .search {
    background: transparent;
    border: 0px;
    padding: 8px;
    width: 24px;
    background: url(lib/img/search-h.png) no-repeat 10px center;
    background-size: 25px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

#menu .menu-search .search:focus {
    width: 150px;
    background: url(lib/img/search.png) no-repeat #673b6c 10px center;
    background-size: 25px;
    outline: none;
    padding-left: 8px;
    color: #FFF;
    padding-left: 45px;
}

#menu .menu-search .search:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #895c8a inset;
    -webkit-text-fill-color: #FFF;
    padding-left: 8px;
}

#menu .menu-search .search:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #895c8a inset;
    -webkit-text-fill-color: #FFF;
}

#menu .nodrop:hover {
    background: none
}

#menu .menuitem .mainlink {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 28px;
    color: #60372a;
    display: block;
    outline: 0;
    text-decoration: none
}

#menu .menuitem:hover .mainlink {
    color: #ad4884
}

#nav:after {
    clear: both
}

#menu .menuitem .dropdown-menu {
    margin: 6px auto;
    position: absolute;
    left: -9999px;
    opacity: 0;
    text-align: left;
    padding: 10px;
    background: #FFF;
    width: 1040px;
    border-top: 3px solid #6a396a;
    border-bottom: 3px solid #6a396a;
    -webkit-box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.5);
    box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.5);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s
}

#menu .menuitem .mini {}

#menu .menuitem:hover .dropdown-menu {
    left: 20px;
    top: auto;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    z-index: 1001
}

#menu .menu_right {
    margin: 5px 20px 5px 0
}

#colunas .tabs {
    position: relative;
    min-height: 264px;
    clear: both;
    margin: 0
}

#colunas .tab {
    height: 26px;
    margin: 0 0 4px
}

#colunas .tab label {
    padding: 4px 6px;
    border-left: 3px solid #8d4279;
    background: #e8e8e8;
    color: #8d4279;
    left: 0;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    display: block;
    width: 150px;
    font-size: 16px;
    margin: 0 0 2px
}

#colunas .tab [type=radio] {
    display: none
}

#colunas .content {
    position: absolute;
    top: 0;
    background: #fff;
    right: 0;
    bottom: 0;
    padding: 0 0 0 22px;
    width: 870px;
    left: 150px;
    text-align: justify
}

#colunas .content .post {
    font-size: 14px;
    max-width: 275px;
    display: inline-block;
    margin: 0;
    vertical-align: top!important;
    font-family: 'PT Sans', Verdana, Arial;
    font-size: 14px;
    background: #f4f4f4
}

#colunas .content .post .thumbnail {
    max-width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    max-height: 150px
}

#colunas .content .post .thumbnail img {
    max-width: 100%;
    height: auto
}

#colunas .content .post .thumbnail figcaption .title {
    bottom: 0;
    position: absolute;
    text-align: left;
    display: block;
    border-top: 1px solid;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0.5);
    display: block;
    margin: 0 auto;
    width: 90%;
    padding: 2% 5%;
    line-height: 24px
}

#colunas .content .post .thumbnail figcaption .title a {
    color: #FFF;
    font-size: 18px
}

#colunas .content .post:hover .thumbnail figcaption .title a,
#colunas .content .post .thumbnail figcaption .title a:hover {
    color: #feca38
}

#colunas .content .post .post-content {
    height: 78px;
    overflow: hidden;
    position: relative;
    padding: 10px 10px 20px
}

#colunas .content .post .post-content p {
    font-size: 13px;
    line-height: 18px
}

#colunas .content .post .post-content:after {
    background-size: 100%;
    content: "";
    *zoom: 1;
    background: -moz-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.91) 91%, rgba(244, 244, 244, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 244, 244, 0)), color-stop(91%, rgba(244, 244, 244, 0.91)), color-stop(100%, rgba(244, 244, 244, 1)));
    background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.91) 91%, rgba(244, 244, 244, 1) 100%);
    background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.91) 91%, rgba(244, 244, 244, 1) 100%);
    background: -ms-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.91) 91%, rgba(244, 244, 244, 1) 100%);
    background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.91) 91%, rgba(244, 244, 244, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00f4f4f4', endColorstr='#f4f4f4', GradientType=0);
    display: block;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%
}

#colunas .content .view-more {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0
}

#colunas .content .view-more a {
    font-size: 16px;
    padding: 5px 8px;
    background: #f3f3f3;
    color: #6a3869;
    display: block;
    width: auto;
    float: right;
    text-align: center;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif
}

#colunas .content .view-more a:before {
    content: '+';
    color: #ad4884;
    padding-right: 5px;
    font-weight: 700
}

#colunas .content .view-more a:hover {
    background: #feca38
}

#colunas [type=radio]:checked ~ label {
    background: #f3f3f3;
    color: #ad4884;
    z-index: 2;
    border-left: 3px solid #ad4884
}

#colunas [type=radio]:checked ~ label ~ .content {
    z-index: 1
}

#colunas .content:after {
    content: '';
    display: inline-block;
    width: 100%
}

#guiaswg {
    width: 100%;
    display: block;
    max-width: 1040px;
    text-align: justify;
    font-size: .1px;
    display: block;
    margin: 0 auto;
    background: #FFF
}


#guiaswg .block {
    width: 33%;
    display: inline-block;
    text-align: left;
    vertical-align: top!important
}

#guiaswg .block h2 {
    background: url(lib/img/dotwg.png) no-repeat left;
    padding: 4px 0 2px 30px;
    font-size: 24px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    margin: 0 0 10px;
    color: #60372a
}

#guiaswg .block ul {
    border-top: 1px solid #fabf29;
    padding-top: 10px
}

#guiaswg .block .block-link {
    width: 32%;
    padding: 2px;
    padding-left: 12%;
    display: inline-block;
    font-size: 18px;
    letter-spacing: .5px;
    font-family: 'bebas_neuebold', 'Oswald', sans-serif;
    background-size: 35px;
    vertical-align: top!important;
    margin: 10px 5px 0 0;
    text-align: left
}

#guiaswg .block .block-link a {
    font-size: 18px;
    display: block;
    border-bottom: 1px solid #FFF
}

#guiaswg .block .block-link:hover a {
    color: #999;
    transition: all .1s linear;
    border-bottom: 1px solid #000
}

#guiaswg .block .block-link:hover .legend {
    color: #feca38 transition: all #0.1s linear
}

#guiaswg .block .block-link:hover {
    background-color: #f3f3f3
}

#guiaswg .block .block-link .legend {
    font-size: 10px;
    display: block;
    font-family: 'PT Sans', Verdana, Arial;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #888;
    padding: 2px 0 0
}

#guiaswg:after,
#guiaswg .block:after {
    content: '';
    width: 100%;
    display: inline-block
}


/** Classes **/

.bl-class {
    background: url(lib/img/classes.png) no-repeat
}

.ladino {
    background-position: 0 -121px !important;
}

.paladino {
    background-position: 0 -203px !important;
}

.druida {
    background-position: 0 -368px !important;
}

.bruxo {
    background-position: 0 -38px !important;
}

.guerreiro {
    background-position: 0 3px !important;
}

.xama {
    background-position: 0 -79px !important;
}

.monge {
    background-position: 0 -244px !important;
}

.sacerdote {
    background-position: 0 -162px !important;
}

.mago {
    background-position: 0 -286px !important;
}

.cavaleirodamorte {
    background-position: 0 -409px !important;
}

.cacador {
    background-position: 0 -327px !important;
}

.cacadordedemonios {
    background: url(lib/img/icons/classes/demonhunter.png) no-repeat !important;
    background-size: 35px !important;
}

.more {
    background-position: 0 -450px !important;
}


/** Profissões **/

.bl-prof {
    background: url(lib/img/prof.png) no-repeat
}

.enchanting {
    background-position: 0 -121px !important;
}

.alchemy {
    background-position: 0 -38px !important;
}

.leatherworking {
    background-position: 0 -327px !important;
}

.blacksmithing {
    background-position: 0 -79px !important;
}

.engineering {
    background-position: 0 -162px !important;
}

.tailoring {
    background-position: 0 3px !important;
}

.jewelcrafting {
    background-position: 0 -286px !important;
}

.inscription {
    background-position: 0 -244px !important;
}

.mining {
    background-position: 0 -368px !important;
}

.skinning {
    background-position: 0 -409px !important;
}

.herbalism {
    background-position: 0 -203px !important;
}

.secundarias {
    background-position: 0 -450px !important;
}


/** Outros Guias **/

.bl-og {
    background: url(lib/img/outrosguias.png) no-repeat
}

.iniciante {
    background-position: 0 -203px !important;
}

.guiasclasses {}

.achievements {
    background-position: 0 -38px !important;
}

.wevents {
    background-position: 0 -121px !important;
}

.profissoes {
    background-position: 0 -492px !important;
}

.guiaspvp {
    background-position: 0 -368px !important;
}

.guiaspve {
    background-position: 0 -409px !important;
}

.guiasraide {
    background-position: 0 -409px !important;
}

.reputation {
    background-position: 0 3px !important;
}

.guiastransmog {
    background-position: 0 -79px !important;
}

.lore {
    background-position: 0 -244px !important;
}

.guiasmounts {
    background-position: 0 -286px !important;
}

.guiaspets {
    background-position: 0 -327px !important;
}

.glossariowow {
    background-position: 0 -162px !important;
}

#wod {
    position: relative;
    min-height: 264px;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1040px;
    background: #FFF;
    text-align: justify;
    font-size: .1px
}

#wod .guiaswod {
    display: inline-block;
    vertical-align: top!important;
    width: 240px
}

#wod .guiaswod li a {
    padding: 6px 10px;
    border-left: 3px solid #8d4279;
    background: #e8e8e8;
    color: #8d4279;
    left: 0;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    display: block;
    font-size: 16px;
    margin: 0 0 5px
}

#wod .guiaswod li:hover a {
    background: #f3f3f3;
    color: #ad4884;
    z-index: 2;
    border-left: 3px solid #ad4884
}

#wod .large {
    width: 780px;
    display: inline-block;
    vertical-align: top!important
}

#wod .large .guia {
    width: 250px;
    height: 250px;
    position: relative;
    display: inline-block
}

#wod .large .guia figcaption {
    position: absolute;
    width: 90%;
    padding: 2% 5%;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0.5);
    display: block;
    margin: 0 auto;
    font-size: 16px;
    bottom: 0;
    color: #FFF
}

#wod .large .guia figcaption span {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    color: #b34b88;
    margin: 2% 0 0;
    display: block
}

#wod .large .guia figcaption h2 {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    font-size: 30px;
    display: block;
    border-top: 1px solid;
    margin: 10px 0 0;
    padding: 10px 50px 0 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    font-family: 'bebas_neueregular', 'Oswald', sans-serif
}

#wod .large .guia figcaption h2 a {
    color: #FFF
}

#wod .large .guia:hover h2 a {
    color: #feca38
}

#wod:after,
#wod .large:after {
    content: '';
    width: 100%;
    display: inline-block
}

#legion {
    position: relative;
    min-height: 264px;
    clear: both;
    margin: 0 auto -10px auto;
    width: 100%;
    max-width: 1040px;
    background: #FFF;
    text-align: justify;
    font-size: .1px
}

#legion .guiaslegion {
    vertical-align: top!important;
    width: 50%;
    max-width: 510px;
    position: relative;
    display: inline-block;
}

#legion .guiaslegion li {
    display: inline-block;
    max-width: 248px;
    width: 50%;
}

#legion .guiaslegion li a {
    display: block;
    padding: 7px 10px;
    border-left: 3px solid #8d4279;
    background: #e8e8e8;
    color: #8d4279;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 16px;
    margin: 0 0 5px;
}

#legion .guiaslegion li:hover a {
    background: #f3f3f3;
    color: #ad4884;
    z-index: 2;
    border-left: 3px solid #ad4884
}

#legion .large {
    width: 510px;
    display: inline-block;
    vertical-align: top!important
}

#legion .large .guia {
    width: 250px;
    height: 172px;
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
}

#legion .large .guia figcaption {
    position: absolute;
    width: 90%;
    padding: 2% 5%;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0.5);
    display: block;
    margin: 0 auto;
    font-size: 16px;
    bottom: 0;
    color: #FFF
}

#legion .large .guia figcaption span {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    color: #b34b88;
    margin: 2% 0 0;
    display: block
}

#legion .large .guia figcaption h2 {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    font-size: 30px;
    display: block;
    border-top: 1px solid;
    margin: 10px 0 0;
    padding: 10px 50px 0 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    font-family: 'bebas_neueregular', 'Oswald', sans-serif
}

#legion .large .guia figcaption h2 a {
    color: #FFF
}

#legion .large .guia:hover h2 a {
    color: #feca38
}

#legion:after,
#legion .guiaslegion:after,
#legion .large:after {
    content: '';
    width: 100%;
    display: inline-block
}

#content .extra .ch {
    margin-top: 20px;
}

#content .extra #forum {
    font-size: 14px
}

#content .extra #forum .topic {
    padding: 2px 0
}

#content .extra #forum .topic .date {
    font-weight: 700;
    color: #60372a
}

#content .extra #forum .topic .topiclink {
    font-weight: 400;
    font-size: 14px
}

#menupodcast {
    text-align: justify;
    font-size: .1px
}

#menupodcast .podcastlist {
    width: 49%;
    display: inline-block;
    vertical-align: top!important
}

#menupodcast .info {
    width: 49%;
    max-width: 500px;
    display: inline-block;
    vertical-align: top!important
}

#menupodcast .info .podcast-dest {
    width: 96%;
    padding: 2% 2%;
    background: #6a396a;
    color: #FFF;
    font-size: 14px;
    display: block;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
}

#menupodcast .info .podcast-dest a {
    color: #FFF;
}

#menupodcast .info .podcast-dest a:hover {
    color: #fdc834;
}

#menupodcast:after {
    width: 100%;
    content: '';
    display: inline-block
}

.podcastlist .wp-playlist {
    padding: 0;
    margin: 0;
    border: 0
}

.podcastlist .wp-playlist-caption .wp-playlist-item-title {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 22px
}

.podcastlist .wp-playlist-item-artist {
    font-weight: 700
}

.podcastlist .wp-playlist-tracks {
    margin-top: 10px
}

.podcastlist .wp-playlist-caption {
    padding: 5px 0
}

.podcastlist .wp-playlist-tracks .wp-playlist-item-title,
.wp-playlist-tracks .wp-playlist-item .wp-playlist-item-length {
    padding: 5px 0;
    font-size: 12px;
    font-family: 'PT Sans', Verdana, Arial;
    text-transform: uppercase
}

.podcastlist .wp-playlist-tracks .wp-playlist-item-artist {
    color: #888
}

.podcastlist .wp-playlist-tracks .wp-playlist-playing .wp-playlist-caption .wp-playlist-item-title {
    color: #5f3b67
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wp-caption {
    position: relative;
    border: 1px solid #e9e2e9;
    display: inline-block;
    margin: 0 0 20px;
    background: #faf4fa;
    width: auto !important;
    vertical-align: top
}

.wp-caption a {}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    width: 98% !important;
    padding: 1%;
    display: block
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    font-style: italic;
    line-height: 17px;
    padding: 0 4px 6px;
    margin: 0;
    display: block;
    position: relative;
    text-align: center;
}

#about-wg {
    text-align: left;
    font-size: 16px;
    margin: 0;
    padding: 0;
    background: url(lib/img/murky-g.jpg) right bottom no-repeat;
    min-height: 320px;
    margin-bottom: -10px;
    padding: 20px 300px 0 10px;
    margin-right: -10px
}

#about-wg .aw-item {
    width: 300px;
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    font-size: 14px;
    vertical-align: top !important;
    padding: 10px;
    margin: 0 10px 10px 0;
}

#about-wg .aw-item h4 {
    background: url(lib/img/dotwg.png) no-repeat left 10px;
    padding: 8px 0 8px 30px;
    font-size: 24px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    margin: 0 0 10px;
    color: #ad4884;
    border-bottom: 1px solid #FFF;
}

#about-wg .aw-item span {
    color: #60372a;
}

#about-wg .aw-item:hover h4 {
    border-bottom: 1px solid #fac02b;
}

#about-wg .more {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold
}

#lojawg {
    width: 100%;
    text-align: justify;
    font-size: .1px;
    margin: 0;
    padding: 0
}

#lojawg .vitrine {
    max-width: 250px;
    width: 24%;
    display: inline-block;
    background: #f3f3f3;
    font-size: 14px;
    vertical-align: top !important
}

#lojawg .vimg img {
    width: 100%
}

#lojawg .vcaption {
    padding: 10px;
    display: block
}

#lojawg .vcaption .vtitle {
    padding: 0;
    margin: 0 0 5px
}

#lojawg .vcaption .type {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 14px;
    color: #59372b
}

#lojawg .vcaption .vtitle a {
    font-family: 'bebas_neuebold', 'Oswald', sans-serif;
    font-size: 20px;
    color: #6b3768;
    letter-spacing: 0
}

#lojawg .vcaption .vtitle a:hover {
    color: #ad4987
}

#lojawg .vcaption .vprice {
    display: block;
    padding: 10px 0;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 18px;
    background: #59372b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    color: #FFF;
    background: #6b3768
}

#lojawg .vcaption .vprice strong {
    font-family: 'bebas_neuebold', 'Oswald', sans-serif
}

#lojawg .vcaption .vprice:hover {
    background: #59372b
}

#lojawg .vitrine:hover {
    background: #ececec;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    -ms-transition: opacity .8s;
    -o-transition: opacity .8s
}

#lojawg .block {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    background: #f3f3f3;
    margin: 15px auto 0;
    text-align: center;
    padding: 20px 0;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 18px
}

#guiaswg {
    width: 100%;
    display: block
}

#gp .content:after,
.banner-a:after,
#content .extra:after,
.mediumpost .meta:after,
.mainposts:after,
.mainposts .largepost .meta:after,
#content .extra #parceiros:after,
#bottom #rodape:after,
#bottom #rodape .asides .social:after,
.socialbottom:after,
.wowgirl-mp:after,
.mainposts:after,
#content .extra #readers .content-edl:after {
    content: '';
    width: 100%;
    display: inline-block
}

.zilla-likes {
    background: url(lib/img/heart.png) no-repeat 0 49%;
    border: !important;
    display: inline-block;
    min-height: 14px;
    padding-left: 18px!important;
    text-decoration: none;
    margin: 0!important
}

.zilla-likes:hover,
.zilla-likes.active {
    background: url(lib/img/heart_active.png) no-repeat 0 49%;
    border: 0!important;
    display: inline-block;
    min-height: 14px;
    padding-left: 18px!important;
    text-decoration: none
}

#wg-resp-menu {
    display: none;
}

.bsearch_thumb {
    max-width: 100px;
    display: inline-block;
    margin-right: 20px;
}

.bsearch_excerpt {
    width: 80%;
}

.bsearch_term {
    color: #895c8a;
}

.searchresults h2 {
    font-size: 26px;
    margin: 20px 0 5px;
    color: #623727
}

.searchresults h2 + p {
    margin-bottom: 10px;
}

.bsearch_nav_row1,
.bsearch_nav_row2 {
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 16px;
}

.bsearch_nav_row1 strong,
.bsearch_nav_row2 strong {
    font-weight: normal;
    font-family: 'bebas_neuebold', 'Oswald', sans-serif;
}

.bsearch_score,
.bsearch_date {
    font-weight: bold;
    font-size: 12px;
}

.back-to-top {
    position: fixed;
    right: -6px;
    bottom: 10px;
    text-decoration: none;
    color: #000000;
    text-indent: -9999px;
    background: url(lib/img/btt.png) no-repeat;
    font-size: 12px;
    padding: 0.5em;
    width: 80px;
    height: 62px;
    transition: opacity 0.8s linear;
    display: none;
}

.back-to-top:hover {
    background: url(lib/img/btt.png) 0px -85px no-repeat;
    transition: opacity 0.8s linear;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: left;
    margin: 15px 0;
    font-family: 'PT Sans Narrow', Verdana, Arial
}

h1 {
    font-size: 36px;
    color: hsla(303, 36%, 28%, 1);
    line-height: 42px
}

h2 {
    font-size: 32px;
    color: hsla(299, 30%, 35%, 1);
    line-height: 38px
}

h3 {
    font-size: 28px;
    color: hsla(299, 20%, 45%, 1);
    line-height: 34px
}

h4 {
    font-size: 24px;
    color: hsla(299, 21%, 55%, 1);
    line-height: 30px
}

h5 {
    font-size: 22px;
    color: hsla(299, 16%, 65%, 1);
    line-height: 28px
}

.wg-tgs {
    border-bottom: 1px solid #dcab45;
    padding-bottom: 10px;
    display: block;
}

.widget_search {
    text-align: center
}

.widget_search input {
    border: 1px solid #a84884
}

.widget_search input[type=submit] {
    background: #a84884;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 11px;
    padding: 7px 10px 6px
}

.box-toggle span {
    padding: 10px 0;
}

.enviarprint {
    width: 300px;
    background: #6a396a;
    display: block;
    padding: 10px;
    vertical-align: top!important;
    margin-top: 12px;
    text-align: center;
    color: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: 'bebas_neueregular', 'Oswald', sans-serif;
    font-size: 16px;
    margin: 0px auto;
}

.enviarprint:hover {
    background: #fdc633;
    color: #6a396a
}

.twocol {
    width: 100%;
    text-align: justify;
    font-size: .1px;
    display: inline-block;
    margin: 20px auto
}

.twocol .chtwocol {
    width: 50%;
    max-width: 330px;
    vertical-align: top!important;
    display: inline-block
}

.twocol .chtwocol:nth-child(1) {
    margin-right: 34px;
}

.twocol:after {
    content: '';
    width: 100%;
    display: inline-block
}

.patreon-disc {
    background: url(lib/img/bgpatreon.jpg) no-repeat right;
    border: 1px solid #866f46;
    width: 45%;
    padding: 2% 52% 2% 3%;
    display: block;
    color: #4b3f21;
    text-align: left;
    margin: 10px auto 0;
    font-size: 14px;
}

.patreon-disc a {
    color: #297ecc;
    font-weight: bold;
}

.patreon-disc a:hover {
    color: #26a73f;
}

@media only screen and (max-width: 1160px) {
    #nav {
        width: 100%;
        display: block;
        margin: 10px auto
    }
    #menu {
        background-image: none;
        background: #f4f4f4;
        height: auto
    }
    #menu:before,
    #menu:after {
        background: none;
        margin: 0;
        float: none
    }
    #menu .menuitem {
        display: inline-block;
        float: none;
        margin-left: 10px
    }
    #menu .menuitem .dropdown-menu {
        margin: 6px auto;
        position: absolute;
        left: -999em;
        opacity: 0;
        text-align: left;
        padding: 2%;
        background: #FFF;
        width: 96%;
        max-width: 1040px;
        border-top: 3px solid #6a396a;
        border-bottom: 3px solid #6a396a;
        -webkit-box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.5);
        box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.5);
        -webkit-transition: opacity .8s;
        -moz-transition: opacity .8s;
        -ms-transition: opacity .8s;
        -o-transition: opacity .8s
    }
    #menu .menuitem:hover .dropdown-menu {
        left: 0;
        top: auto;
        opacity: 1;
        -webkit-transition: opacity .8s;
        -moz-transition: opacity .8s;
        -ms-transition: opacity .8s;
        -o-transition: opacity .8s
    }
    #menu .menuitem .mainlink {
        font-size: 24px
    }
    #menu .menu-colunas {
        display: none
    }
    #guiaswg .block {
        width: 33%;
        margin-bottom: 20px
    }
    #guiaswg .block .block-link {
        background: none;
        padding: 2px 5px;
        width: 44%
    }
    #guiaswg .block .block-link a {
        font-size: 16px
    }
    #top #wgnav {
        font-size: 24px
    }
    #top #wgnav ul {
        text-align: center;
        margin: 0 auto
    }
    #top #wgnav ul li {
        display: inline-block;
        margin: 0 2px;
        padding: 3px 6px;
        list-style: none
    }
    #wod {
        width: 100%;
        padding: 0
    }
    #wod .guiaswod {
        width: 30%
    }
    #wod .large {
        max-width: 800px;
        width: 65%;
        padding: 0;
        display: inline-block;
        vertical-align: top!important
    }
    #wod .large .guia {
        width: 95%;
        padding: 0;
        height: 100px;
        position: relative;
        display: block;
        margin: 0 0 10px
    }
    #wod .large .guia figcaption {
        position: relative;
        padding: 2%;
        width: auto
    }
    #wod .large .guia img {
        display: none
    }
    #wod .large .guia figcaption span {
        margin: 0
    }
    #wod .large .guia figcaption {
        width: 100%;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
        background: rgba(0, 0, 0, 0.5);
        display: block;
        margin: 0 auto;
        font-size: 16px;
        bottom: 0;
        color: #FFF
    }
    #wod .large .guia figcaption h2 {
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
        font-size: 30px;
        display: block;
        border-top: 1px solid;
        margin: 10px 0 0;
        padding: 0;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
        font-family: 'bebas_neueregular', 'Oswald', sans-serif
    }
    #lojawg .block {
        width: auto;
        padding: 10px
    }
    #about-wg {
        widh: 100%;
        padding: 0px;
        margin: 0 -10px -10px 0
    }
    #about-wg .aw-item {
        max-width: 300px;
        width: 42%;
    }
    .banner-a {
        display: none
    }
    #wowgirltabs {
        position: relative;
        margin-top: 30px;
        display: block;
        width: 100%;
        padding-top: 39%;
        height: 0
    }
    #wowgirltabs .tabcontent {
        background: #fff;
        position: absolute;
        left: 0;
        top: 48px;
        display: block;
        margin: 0;
        max-width: 1060px
    }
    #wowgirltabs .tabcontent .post-tab:nth-child(1) {
        width: 49%;
        height: auto;
        position: relative;
        display: block
    }
    #wowgirltabs .tabcontent .post-tab:nth-child(2) {
        width: 49%;
        height: auto;
        position: relative;
        display: block
    }
    #wowgirltabs .tabcontent .post-tab:nth-child(3) {
        width: 49%;
        height: auto;
        position: relative;
        display: block
    }
    #wowgirltabs .tabcontent .post-tab .dest {
        width: 90%;
        padding: 5%;
        margin: 0;
        display: block;
        height: auto;
        position: absolute;
        bottom: 0;
        right: 0
    }
    #wowgirltabs .tabcontent .dest .date {
        font-size: 12px
    }
    #wowgirltabs .tabcontent .dest .cat {
        font-size: 12px
    }
    #wowgirltabs .tabcontent .post-tab .dest h2 {
        font-size: 18px;
        display: block;
        border-top: 1px solid;
        margin: 10px 0 0;
        line-height: inherit
    }
    #wowgirltabs .tabcontent .post-tab .dest h2 a {
        color: #FFF;
    }
    #wowgirltabs .tabcontent .post-tab:hover .dest h2 a {
        color: #fac02b;
    }
    #wowgirltabs .tabcontent .post-tab:nth-child(1) img,
    #wowgirltabs .tabcontent .post-tab:nth-child(2) img,
    #wowgirltabs .tabcontent .post-tab:nth-child(3) img {
        max-width: 100%;
        height: auto
    }
    .mediumpost,
    .mediumpost:nth-child(4),
    .mediumpost:nth-child(6),
    .mediumpost:nth-child(8) {
        font-size: 14px;
        width: 49%;
        min-height: 80px;
        display: inline-block;
        margin: 10px auto;
        vertical-align: top!important;
        min-width: 300px
    }
    .mediumpost:nth-child(4) .title,
    .mediumpost:nth-child(6) .title,
    .mediumpost:nth-child(8) .title {
        width: 100%;
        display: table;
        text-align: center;
        font-size: 22px;
        font-family: 'PT Sans Narrow', sans-serif;
        height: 68px;
        margin: 0;
        padding-bottom: 3px;
        line-height: 28px
    }
    .mediumpost .content,
    .mediumpost:nth-child(4) .content,
    .mediumpost:nth-child(6) .content,
    .mediumpost:nth-child(8) .content {
        height: 80px
    }
    .mediumpost:nth-child(4) .meta,
    .mediumpost:nth-child(6) .meta,
    .mediumpost:nth-child(8) .meta {
        width: 100%;
        padding: 10px 0 10px;
        font-size: 12px;
        text-transform: uppercase;
        display: block;
        position: relative;
        border-top: 1px solid #dcdcdc
    }
    #tab-search * {
        display: none
    }
    #wrap #top .line {
        display: none
    }
    #menu .menu_right {
        margin: 2px 10px 5px 0
    }
    #content .extra,
    #content #single {
        width: 67%;
        text-align: justify;
        font-size: .1px;
        display: inline-block
    }
    #content #sidebar {
        width: 30%;
        display: inline-block
    }
    #content .extra #youtube {
        width: 100%;
        max-width: 1060px;
        padding: 0;
        vertical-align: top!important
    }
    #content .extra #youtube .block .caption {
        width: 100%
    }
    #content .extra #youtube .block .subscribe {
        width: 40%;
        display: block;
        margin: 10px auto 0
    }
    #content .extra #forum {
        width: 100%
    }
    #content #sidebar .subscribe form {
        text-align: left;
        display: block;
        margin: 20px auto 0
    }
    #content #sidebar .subscribe form input {
        display: block;
        margin: 0 auto 10px
    }
    #content #sidebar .subscribe form input[type="submit"] {
        display: block;
        margin: 0 auto
    }
    #content #single #related {
        min-height: 100px
    }
    #content #single #related .post-nav {
        width: 100%;
        text-align: justify;
        font-size: 0
    }
    #content #single #related .post-nav .post-previous,
    #content #single #related .post-nav .post-next {
        width: 49%;
        max-width: 348px;
        display: inline-block;
        font-size: 14px;
        position: relative;
        background: #f1f1f1
    }
    #content #single #related .post-nav .post-previous figure img {
        display: none
    }
    #content #single #related .post-nav .post-previous figure figcaption,
    #content #single #related .post-nav .post-next figure figcaption {
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        color: #000;
        background: none
    }
    #content #single #related .post-nav .post-previous figure figcaption .previous,
    #content #single #related .post-nav .post-next figure figcaption .next {
        color: #b54c87
    }
    #content #single #related .post-nav .post-previous figure figcaption h4,
    #content #single #related .post-nav .post-next figure figcaption h4 {
        font-size: 18px;
        line-height: 24px;
        display: block;
        border-top: 1px solid;
        margin: 5px 0 0;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
        padding-top: 5px
    }
    #content #single #related .post-nav .post-previous figure figcaption h4 a,
    #content #single #related .post-nav .post-next figure figcaption h4 a {
        color: #6a3a6a;
        font-weight: 700
    }
    #content #single #related .post-nav .post-previous figure figcaption h4 a:hover,
    #content #single #related .post-nav .post-next figure figcaption h4 a:hover {
        color: #ac4884
    }
    #content #single #related .post-nav .post-previous figure {
        position: relative;
    }
    #content #single #related .post-nav .post-next figure {
        position: relative;
    }
    #content #single #related .post-nav .post-next figure img {
        display: none
    }
    #content #single #related:after,
    #content #single #related .post-nav:after {
        content: '';
        width: 100%;
        display: inline-block
    }
    #content #single #related .rbox {
        display: none
    }
    #content #single .post-social {
        width: 100%;
        position: relative;
        text-align: justify;
        font-size: .1px;
        padding: 0;
        max-width: 1060px
    }
    #content #single .post-social .subscribe {
        background: #f9f9f9;
        font-size: 12px;
        width: 48%;
        display: inline-block
    }
    #content #single .post-social .subscribe p {
        margin: 5px 10px;
        line-height: 18px;
        font-size: 12px
    }
    #content #single .post-social .subscribe .sub {
        display: inline-block;
        vertical-align: top!important
    }
    #content #single .post-social .subscribe .sub form {
        margin: 5px 10px 15px;
        text-align: left;
        border: 1px solid #fac02b;
        display: inline-block
    }
    #content #single .post-social .subscribe .sub form input {
        padding: 6px 8px 7px;
        color: #6a396a;
        font-size: 12px;
        width: 150px;
        border: 0
    }
    #content #single .post-social .subscribe .sub form input[type="submit"] {
        background: #fac02b;
        color: #6a396a;
        border: 1px solid #fac02b;
        text-transform: uppercase;
        margin: 0;
        font-size: 10px;
        padding: 7px 8px;
        width: auto;
        letter-spacing: .5px
    }
    #content #single .post-social .subscribe .feed {
        display: inline-block;
        text-align: center;
        margin-left: 20px;
        color: #f59400;
        padding: 2px 10px;
        vertical-align: top!important;
        font-size: 12px
    }
    #content #single .post-social .social {
        font-size: 14px;
        display: inline-block;
        display: inline-block;
        min-height: 109px;
        vertical-align: top!important;
        width: 16%;
        text-align: center;
        background: #ececec
    }
    #content #single .post-social .social .media {
        display: block;
        margin: 10px auto 0;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 11px
    }
    #content #single .post-social .social .number {
        display: block;
        font-size: 40px;
        font-weight: 700;
        text-align: center;
        padding: 0;
        margin-bottom: 2px
    }
    #content #single .post-social .social a.share {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        color: #000;
        text-decoration: none;
        padding: 8px 0;
        color: #FFF
    }
    #content #single .post-social .facebook {
        color: #3b5998
    }
    #content #single .post-social .facebook a.share {
        background: #3b5998
    }
    #content #single .post-social .twitter {
        color: #6cc4e1
    }
    #content #single .post-social .twitter a.share {
        background: #6cc4e1
    }
    #content #single .post-social .googleplus {
        color: #d04635
    }
    #content #single .post-social .googleplus a.share {
        background: #d04635
    }
    #content #single .post-social:after {
        content: '';
        width: 100%;
        display: inline-block
    }
    #content #single .post-social .facebook a.share:hover,
    #content #single .post-social .twitter a.share:hover,
    #content #single .post-social .googleplus a.share:hover {
        opacity: .8
    }
    .patreon-disc {
        background: url(lib/img/bgpatreon.jpg) no-repeat left;
        width: 92%;
        padding: 1% 4% 1% 4%;
        display: block;
        color: #000;
        text-align: left;
        font-size: 12px;
    }
	

@media only screen and (max-width: 861px) {
    #wowgirltabs {
        position: relative;
        font-family: 'bebas_neueregular', 'Oswald', sans-serif;
        color: #FFF;
        margin-top: 0px;
        padding-top: 0px;
        height: auto;
        display: block
    }
    #wowgirltabs h3 {
        display: none;
    }
    #wowgirltabs .tabcontent {
        background: #fff;
        position: relative;
        margin: 0;
        display: block;
        width: 100%;
        max-width: 1060px;
        height: auto;
        -moz-transition: opacity .8s;
        -ms-transition: opacity .8s;
        -o-transition: opacity .8s;
        margin-top: -50px;
        margin-bottom: 50px;
    }
    #wowgirltabs #tab-wow {
        display: block;
    }
    #wowgirltabs .tabcontent .post-tab {
        position: relative;
        display: block;
        height: auto;
        float: none !important;
        margin: 0px;
        padding: 0px;
    }
    #wowgirltabs .tabcontent .post-tab:nth-child(1),
    #wowgirltabs .tabcontent .post-tab:nth-child(2),
    #wowgirltabs .tabcontent .post-tab:nth-child(3) {
        background: #666;
        width: 100%;
        padding: 0;
        position: relative;
        margin: 0px auto 10px auto
    }
    #wowgirltabs .tabcontent .post-tab .dest {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 92%;
        padding: 4%;
        background: rgba(0, 0, 0, 0.4)
    }
    #wowgirltabs .tabcontent .post-tab .dest .cat,
    #wowgirltabs .tabcontent .post-tab .dest .date {
        font-size: 14px
    }
    #wowgirltabs .tabcontent .post-tab .dest h2 {
        font-size: 18px
    }
    #wowgirltabs #tab-heroes,
    #wowgirltabs #tab-hearthstone,
	#wowgirltabs #tab-overwatch,
	#wowgirltabs #tab-db {
        display: none
    }
    #tab-search * {
        display: none
    }
    #menu .menuitem .mainlink {
        font-size: 18px
    }
    #menu .menu_right {
        margin: 0 10px 5px 0
    }
    #content .extra,
    #content #single {
        width: 100%;
        display: block;
        max-width: 1060px
    }
    #content #sidebar {
        display: none
    }
    #content .extra #youtube {
        width: 100%
    }
    #bottom #rodape .asides {
        display: inline-block;
        max-width: 760px;
        width: 66%
    }
    #bottom #rodape .asides .widget {
        width: 40%
    }
    #bottom #rodape .asides .social .searchbottom {
        display: none
    }
    .socialbottom {
        display: block;
        margin: 0 auto
    }
    #lojawg .vitrine {
        width: 48%;
        margin-bottom: 20px;
        max-width: none;
    }
	#guiaspopulares .guiapopular {
		width: 49%;
		background: url(lib/img/gp.jpg) repeat !important;
	}
	#guiaspopulares .guiapopular a {}

@media only screen and (max-width: 698px) {
    #top #wgnav {
        font-size: 24px
    }
    #top #wgnav ul {
        text-align: center;
        margin: 0 auto
    }
    #top #wgnav ul li {
        display: inline-block;
        margin: 0 2px;
        padding: 3px 6px;
        list-style: none
    }
    .mediumpost,
    .mediumpost:nth-child(4),
    .mediumpost:nth-child(6),
    .mediumpost:nth-child(8) {
        font-size: 14px;
        width: 100%;
        display: block;
        margin: 0
    }
    #tab-search * {
        display: none
    }
    .mainposts .largepost .title {
        width: 100%;
        display: table;
        text-align: center;
        font-size: 22px;
        font-family: 'PT Sans Narrow', sans-serif;
        font-weight: 400;
        height: 68px;
        margin: 0;
        padding-bottom: 3px;
        line-height: 28px
    }
    .mainposts .largepost .meta {
        width: 100%;
        padding: 10px 0 10px;
        font-size: 12px;
        text-transform: uppercase;
        display: block;
        position: relative;
        border-top: 1px solid #dcdcdc
    }
    #bottom #credits {
        background: #e5e5e5
    }
    #bottom #credits p {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 12px;
        line-height: 16px
    }
    #bottom #credits .last {
        color: #60372a;
        padding-top: 10px;
        font-weight: 700;
        font-size: 13px;
        text-align: center
    }
    #bottom #credits .last a {
        color: #8d4279
    }
    #bottom #credits .last a:hover {
        color: #f8bc27
    }
    #menupodcast .podcastlist {
        width: 100%;
        display: block
    }
    #menupodcast .info {
        display: none
    }
    #guiaswg .block h2 {
        font-size: 20px
    }
}

@media only screen and (max-width: 630px) {
    #content #single .post-social .subscribe {
        display: none
    }
    #content #single .post-social .social {
        font-size: 14px;
        display: inline-block;
        display: inline-block;
        min-height: 109px;
        vertical-align: top!important;
        width: 33%;
        text-align: center;
        background: #ececec
    }
}

@media only screen and (max-width: 480px) {
    #top .logo {
        display: block;
		margin: 0px auto;
		height: 90px;
	}
	#top .add {
		display: none;
	}
	.guiaspoptitulo {
		padding: 40px auto 20px !important;
		display: block
	}
    #content .extra {
        display: none
    }
    #menu {
        display: none;
    }
    #wg-resp-menu {
        display: block;
        width: 100%;
    }
    .mediumpost,
    .mediumpost:nth-child(4),
    .mediumpost:nth-child(6),
    .mediumpost:nth-child(8) {
        display: block;
        width: 100%;
        min-width: 200px
    }
    .mediumpost img,
    .mediumpost:nth-child(4) img,
    .mediumpost:nth-child(6) img,
    .mediumpost:nth-child(8) img {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }
    #crumbs {
        display: none;
    }
    .mediumpost .title,
    .mediumpost:nth-child(4) .title,
    .mediumpost:nth-child(6) .title,
    .mediumpost:nth-child(8) .title {
        font-size: 18px;
        font-weight: bold;
    }
    #bottom #rodape .wowgirl {
        display: block;
        width: 100%;
    }
    #bottom #rodape .asides {
        display: none;
    }
}