/*Theme Name: Benson Boone Brasil
Version: 1.0
Author: Danielle Cabral*/

@font-face {
    font-family: "ClementePDaj-RegularItalic";
    src: url("https://db.onlinewebfonts.com/t/b41d465945fef38ee8059405db076f24.eot");
    src: url("https://db.onlinewebfonts.com/t/b41d465945fef38ee8059405db076f24.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/b41d465945fef38ee8059405db076f24.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/b41d465945fef38ee8059405db076f24.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/b41d465945fef38ee8059405db076f24.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/b41d465945fef38ee8059405db076f24.svg#ClementePDaj-RegularItalic")format("svg");
}

html, body, div, span, h2, h3, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset, 
form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0;}

body {font: 13px Montserrat;text-align: justify;background-color: #202020;-webkit-font-smoothing:antialiased;}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {color: #95857e;}

/*HEADER*/
#header {width: 100%;height: 1233px;background-image: url(images/header.png);background-position: top center;background-repeat: no-repeat;float:left;padding-top: 0;margin-bottom: -100px;}
#content {width:90%; margin: 0px auto;}
#barra {
    background: #fff;
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
#barra #menu {
    font-size: 25px;
}
#barra #menu a {
    color: #646b6a;
    float: left;
    margin-right: 60px;
}
#barra #menu a:nth-child(3) {font-weight: 600;}
#barra #busca {
    float: right;
    width: 300px;
    position: relative;
}
#barra #redes {
    position: absolute;
    top: -27px;
    left: calc(50% - 65px);
}
#barra #redes #ig {
    background: #ef4a6c url(images/ig.png) center no-repeat;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}
#barra #redes #x {
    background: #329cd8 url(images/x.png) center no-repeat;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}
#barra #redes #tiktok {
    background: #000 url(images/tiktok.png) center no-repeat;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    /* margin-right: 20px; */
}

/* ========================= */
/* POSTAGENS                 */
/* ========================= */
#postagens {
    float: left;
    width: 100%;
    height: 1040px;
}

#postagens #post {width: calc(100% / 2 - 200px - 20px);float: left;height: 500px;margin-bottom: 20px;margin-right: 20px;position: relative;}
#postagens #post:first-child {width: 400px;height: 944px;float: left;} 
#postagens #post:nth-child(3), #postagens #post:nth-child(5) {margin-right: 0px;}
#postagens #post:first-child #thumb {width: 100%;height: 900px;}
#postagens #post #thumb {width: 100%;height: 500px;background-size: cover !important;}
#postagens #post #cc {
    padding: 30px;
    background: #fff;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}
#postagens #post #data {
    padding: 15px;
    background: #720304;
    display: table;
    margin: 0px auto;
    margin-bottom: 20px;
    margin-top: -50px;
    border-radius: 50px;
    color: #e40608;
    font-weight: 600;
    font-size: 12px;
}
#postagens #post #titulo {
    font-size: 19px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
#postagens #post #titulo a {
    color: #444444;
}
#postagens #post #resumo {
    font-weight: 500;
    color: #444444;
    text-align: left;
    font-size: 13px;
}
#postagens #post #categoria {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #837b7b;
    font-weight: 600;
}
#postagens #post #categoria:before {content: '#';}

/* ========================= */
/* BOTÃO LER MAIS            */
/* ========================= */
#lermais {
    float: left;
    width: 400px;
    padding: 20px;
    background: #720304;
    font-weight: 600;
    letter-spacing: 1px;
    color: #e40507;
    text-align: center;
    margin-top: -76px;
    margin-bottom: 20px;
}

/* ========================= */
/* ÚLTIMO AGENDA             */
/* ========================= */
#ultimoagenda {
    width: 100%;
    float: left;
}
#ultimoagenda #uc {
    width: 400px;
    float: left;
    margin-bottom: 50px;
}
#ultimoagenda #uc #tit {
    padding: 20px;
    background: #fff;
    float: left;
    width: 100%;
    font-size: 20px;
    letter-spacing: 3px;
    color: #202020;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
}
#ultimoagenda #ultimolancamento {
    width: 100%;
    float: left;
    height: 450px;
    float: left;
    margin-bottom: 20px;
    position: relative;
}
#ultimoagenda #ultimolancamento .lancamento-item {}
#ultimoagenda #ultimolancamento .lancamento-item .thumb {
    width: 100%;
    height: 450px;
    position: relative;
}
#ultimoagenda #ultimolancamento .lancamento-item #c {
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
    z-index: 1000;
}
#ultimoagenda #ultimolancamento .lancamento-item .thumb:after {content:'';background: #720405;background: linear-gradient(180deg,rgba(114, 4, 5, 0) 0%, rgba(114, 4, 5, 1) 100%);width: 100%;height: 100%;position: absolute;bottom: 0px;left: 0px;}
#ultimoagenda #ultimolancamento .lancamento-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#ultimoagenda #ultimolancamento .lancamento-item .titulo {
    font-weight: bold;
    font-size: 40px;
    width: 70%;
    display: table;
    margin: 0px auto;
    text-align: center;
    color: #b92c20;
    opacity: 0.9;
    /* -webkit-text-decorations-in-effect: overline; */
    mix-blend-mode: multiply;
    background-blend-mode: overlay;
    margin-bottom: 20px;
}
#ultimoagenda #ultimolancamento .lancamento-item .links {
    display: table;
    margin: 0px auto;
}
#ultimoagenda #ultimolancamento .lancamento-item .links #apple {
    width: 40px;
    background: #fff url(images/ea.png) center no-repeat;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    float: left;
}
#ultimoagenda #ultimolancamento .lancamento-item .links #spotify {
    width: 40px;
    background: #fff url(images/es.png) center no-repeat;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    float: left;
}
#ultimoagenda #ultimolancamento .lancamento-item .links #yt {
    width: 40px;
    background: #fff url(images/eyt.png) center no-repeat;
    height: 40px;
    border-radius: 50%;
    margin-right: 0px;
    float: left;
}
#ultimoagenda #ultimolancamento .lancamento-item .links #deezer {
    width: 40px;
    background: #fff url(images/ed.png) center no-repeat;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    float: left;
}

#ultimoagenda #clipe {
    width: 100%;
    height: 300px;
    float: left;
    background: #ffff;
}
#ultimoagenda #agenda {
    width: calc(100% - 420px);
    float: right;
    margin-bottom: 50px;
}
#ultimoagenda #agenda #agenda-bg {width: 100%;background: url(images/agenda.png) center;float: left;height: 770px;background-size: cover;padding-top: 200px;padding-left: 300px;padding-right: 80px;}
#ultimoagenda #agenda #tit {
    padding: 20px;
    background: #fff;
    float: left;
    width: 100%;
    font-size: 20px;
    letter-spacing: 3px;
    color: #202020;
    text-align: center;
    font-weight: 400;
    margin-bottom: 20px;
}
#ultimoagenda #agenda #agenda-bg .agenda-item {
    color: #ffff;
    float: left;
    width: 100%;
    font-size: 22px;
    text-align: left;
    margin-bottom: 30px;
}
#ultimoagenda #agenda #agenda-bg .agenda-item .data {
    float: left;
}
#ultimoagenda #agenda #agenda-bg .agenda-item .cidade {
    float: left;
    font-weight: bold;
    margin-right: 7px;
}
#ultimoagenda #agenda #agenda-bg .agenda-item .cidade:before {content: '';float: left;background: url(images/heart.png);width: 12px;height: 12px;margin-right: 10px;background-size: cover;margin-top: 8px;}

/* ========================= */
/* SOBRE BENSON              */
/* ========================= */
#sobrebenson {
    width: 100%;
    float: left;
    /* margin-top: 50px; */
    margin-bottom: 50px;
}
#sobrebenson #img {
    background: url(images/sobre-img.png);
    width: 300px;
    height: 300px;
    background-size: cover;
    float: left;
    z-index: 1000;
    position: relative;
}
#sobrebenson #titulo {
    width: 100%;
    background: url(images/sobre.png) center no-repeat;
    height: 97px;
    margin-bottom: 50px;
    background-size: contain;
}
#sobrebenson #box {
    background: #ffffff;
    padding: 50px;
    font-size: 17px;
    padding-left: 200px;
    width: calc(100% - 150px);
    float: left;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    margin-left: -150px;
    margin-top: 50px;
}
#sobrebenson #box c {
    font-weight: bold;
    color: #720304;
}
#sobrebenson #box b {
    color: #202020;
}
/* ========================= */
/* ERAS DO BENSON BOONE       */
/* ========================= */
#erasbenson {
    width: 100%;
    float: left;
}
#erasbenson #t {
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 40px;
    color: #ffffff;
    text-align: center;
    float: left;
    width: 100%;
    font-style: italic;
    letter-spacing: -3px;
    margin-bottom: 10px;
}
#erasbenson #sub {
    padding: 20px;
    display: table;
    margin: 0px auto;
    background: #720304;
    border-radius: 50px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    color: #e40608;
    letter-spacing: 2px;
    margin-bottom: 50px;
}
#erasbenson #eras {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
#erasbenson #eras .era-item {
    width: calc(100% / 4 - 30px / 4);
    float: left;
    height: 400px;
    margin-right: 10px;
}
#erasbenson #eras .era-item:last-child {margin-right: 0px;}
#erasbenson #eras .era-item .thumb {
    width: 100%;
    float: left;
    height: 350px;
    margin-bottom: 10px;
    position: relative;
}

#erasbenson #eras .era-item .thumb img {width: 100%; height: 100%; object-fit:cover;}
#erasbenson #eras .era-item .titulo {opacity: 0;
    position: absolute;
    font-family: "ClementePDaj-RegularItalic";
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 90%;
    bottom: 0px;
    left: 5%;
    z-index: 10000;
									 -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
#erasbenson #eras .era-item:hover .titulo {-webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out; opacity: 1; bottom: 10px;}
#erasbenson #eras .era-item .thumb:after {content: '';background: #000;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);width: 100%;height: 100%;bottom: 0px;left: 0px;position: absolute;}
#erasbenson #eras .era-item #te {
    padding: 10px;
    background: #3a3939;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    float: left;
    width: 110px;
    text-align: center;
    margin-right: 10px;
}
#erasbenson #eras .era-item #ouca {}
#erasbenson #eras .era-item .links {}
#erasbenson #eras .era-item #spotify {
    height: 34.5px;
    background: #3a3939;
    float: left;
    margin-right: 10px;
    width: calc(100% / 4 - 110px / 4 - 10px);
    background: #3a3939 url(images/as.png) center no-repeat;
}
#erasbenson #eras .era-item #youtube {
    height: 34.5px;
    background: #3a3939;
    float: left;
    margin-right: 0px;
    width: calc(100% / 4 - 110px / 4 - 10px);
    background: #3a3939 url(images/ayt.png) center no-repeat;
}
#erasbenson #eras .era-item #deezer {
    height: 34.5px;
    background: #3a3939;
    float: left;
    margin-right: 10px;
    width: calc(100% / 4 - 110px / 4 - 10px);
    background: #3a3939 url(images/adeezer.png) center no-repeat;
}
#erasbenson #eras .era-item #apple {
    height: 34.5px;
    background: #3a3939;
    float: left;
    margin-right: 10px;
    width: calc(100% / 4 - 110px / 4 - 10px);
    background: #3a3939 url(images/aa.png) center no-repeat;
}

/*SIDEBAR*/
#sidebar {width: 30%; float: right;}
#sidebar #titulo {
    padding: 10px;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #6f4626;
    border-radius: 20px;
    margin: 0px auto;
    display: table;
    margin-bottom: 10px;
}
#sidebar #box {
    background: #ebe6dc;
    float: left;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
    font-family: Verdana;
    font-size: 13px;
    color: #a89f90;
}
#sidebar #redesfoto #redesf #foto {background-size: cover; height: 150px;}
#sidebar #redesfoto #jamie {width: 100%;height: auto;}
#sidebar #redesfoto #redesf {width: 100%;}
#sidebar #redesfoto #jamie #lado1 {float: none; display: table; margin: 0px auto;}

/*SINGLE*/
#posts {width: 100%;float: left;}
#single {width: calc(100%);float: left;margin-bottom: 50px;}
#single #post {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 0px;
    margin-right: 10px;
    position: relative;
    background: transparent;
    float: left;
}
#single #post #titulo {
    font-weight: bold;
    width: 70%;
    left: 15%;
    position: absolute;
    bottom: 35px;
    font-size: 32px;
    text-align: center;
    z-index: 1000;
}
#single #post #titulo a {color: #fff;}
#single #post #thumb {width: 100%;height: 600px;position: relative;border-radius: 100px;border-top-right-radius: 0px;margin-bottom: 50px;overflow: hidden;}
#single #post #thumb:after {content: '';background: #000;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);width: 100%;height: 100%;bottom: 0px;left: 0px;position: absolute;}
#redesfoto #jamie #bio {width: 100%;}
#single #post #data {position: absolute;top: 20px;right: 20px;background: #720304;padding: 10px;border-radius: 50px;font-family: 'Montserrat';font-weight: 600;color: #fff;font-size: 15px;color: #cd0507;z-index: 10000;}
#single #post #cc {position: relative;/* bottom: 20px; *//* left: 20px; *//* width: calc(100% - 40px); */calc(100%:);calc(100%:revert-layer);calc(100%:revert-layer);calc(100%: -);calc(100%: -);calc(100%:revert-layer);calc(100%:revert-layer);calc(100%: -);calc(CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX);calc(CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX);calc(CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX);calc(CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX);calc(CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX);calc(CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX);background: #623e24;}
#single #post #cc #categoria {
    float: left;
    background: #fff;
    padding: 10px;
    border-top-right-radius: 10px;
    font-family: Open Sans;
    font-weight: 600;
    text-transform: uppercase;
    color: #623e24;
    margin-top: -38px;
    padding-left: 60px;
    position: relative;
}
#single #post #cc #categoria:before {content: '';width: 40px;height: 1px;background: #d9d9d9;position: absolute;top: calc(50% - 0.5px);left: 10px;}
#single #post #cc #titulo {padding: 20px;float: left;text-align: center;width: 100%;font-family: Poppins;font-weight: 800;font-size: 18px;}
#single #post #cc #titulo a {color: #e7dbcb;}
#single #post #cc #resumo {padding: 20px;float: left;padding-top: 0px;font-family: 'Poppins';font-size: 13px;color: #7d5232;text-align: center;width: 100%;color: #fff;text-transform: uppercase;}
#single #conteudo {
    width: 100%;
    float: left;
    padding: 50px;
    font-family: 'Montserrat';
    font-size: 17px;
    color: #fff;
    border: 1px #3a3939 solid;
}


#comentariost {padding: 20px;width: 100%;background: #ea9f82;font-family: Open Sans;font-weight: 600;font-size: 11px;text-transform: uppercase;color: #fff;text-align: center;float: left;}
#comentarios {padding: 20px;width: 100%;float: left;margin-bottom: 20px;background: rgb(111 70 38);border-top: 0px;/* margin-top: 20px; */}
#comentarios #com {padding: 20px; width: 100%; float: left; background: #fff;}
#redesinfos {width: 100%;float: left;position: relative;/* background: #fff; */background: transparent;padding: 20px;margin-bottom: 20px;border: 1px rgba(0,0,0,0.05) solid;}



/*FOOTER*/
#footer {float: left;width: 100%;text-align: center;background: #fff;font-family: 'Poppins';font-size: 14px;color: #646b6a;padding-top: 30px;padding-bottom: 30px;font-weight: 500;/* text-transform: uppercase; */padding: 30px;border-top-left-radius: 100px;border-top-right-radius: 100px;padding: 50px;}
#footer c {color: #492e1a;font-weight: 600;}
#footer a {color: #492e1a;font-weight: 600;}
#footer #disclaimer {text-transform: none;text-align: justify;/* margin-bottom: 30px; */float: left;font-size: 17px;}
#footer #creditos {float: right;font-size: 17px;line-height: 41px;}
#footer #creditos #warner {
    background: url(images/warner.png);
    width: 251px;
    height: 41px;
    float: right;
    margin-left: 20px;
}

/*MOBILE MENU*/
#menum {display: none; width: 90%; margin: 0px auto;}
/*Strip the ul of padding and list styling*/
#menum ul {
	list-style-type:none;
	margin:0;
	padding:0; width: 100%;
	position: absolute;
}

/*Create a horizontal list with spacing*/
#menum li {
	display:inline-block;
	 width: 100%;
	margin-right: 1px;
}

/*Style for menu links*/
#menum li a {
	display:block;
	min-width:140px;
	border: 1px rgba(0,0,0,0.05) solid;
	text-align: center;
	line-height: 50px;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #fff;
	font-size: 13px;
	margin-top: 20px;
	text-decoration: none;
	text-transform: uppercase;
}



/*Hover state for top level links*/
#menum li:hover a {
	background: transparent;
}


/*Prevent text wrapping*/
#menum li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#menum ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
#menum .show-menu {
	font-family: 'Montserrat';
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	background: #720304;
	text-align: center;
	display: inline-block !important;
	width: 100%;
	margin-top: 0px;
	padding: 20px;
	display: none;
}

/*Hide checkbox*/
#menum input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
#menum input[type=checkbox]:checked ~ #menuu{
    display: block;
}


/*ETC*/

@media screen and (min-width: 1200px) {#content {width: 1200px;}

}
a {text-decoration: none;}

#clear {Clear: both;}

em, i {color: #fff;}

#single img {max-width: 100%; height: auto;}

b, strong {color: #fff;}

#single #conteudo a {color: #a71c18;}
#single #conteudo iframe:not(.instagram-media) {width: 100%; height: 350px;}

blockquote {padding: 20px;background: #fff;width: 100%;color: #414141;}

h1 {float: left;margin: 0px;margin-bottom: 30px;font-family: Montserrat;font-weight: 600;font-size: 12px;color: #fff;width: calc(100%);padding: 30px;background: transparent;border: 1px rgba(0,0,0,0.2) solid;}

h1 em, h1 i {color: #a71c18 ;}

h1 a {color: #a71c18;}

/*GALERIA - AREA DO POST*/
#galeriap {width: calc(100% + 40px); margin-left: -20px; background: rgba(0,0,0,0.02) right; height: auto; padding: 20px; float: left;  padding-right: 0px; padding-top: 55px; position: relative;}
#galeriap img {width: calc(100% / 5 - 100px / 5); margin-right: 20px; float: left; height: auto; padding: 10px; background: #fff;}
#galeriap img:last-child{margin-right: 0px;}
#galeriap:after {content: 'Clique nas miniaturas para ir à galeria'; font-family: Open Sans; font-weight: 600; top: 20px; position: absolute; left: 0px; width: 100%; font-size: 10px; text-align: center; color: #000; text-transform: uppercase;}
#galerias {width: calc(100% + 40px); margin-left: -20px; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; text-align: center;  height: auto;clear: both; padding: 20px; background: #ffb74c; color: #fff; position: relative; margin-bottom: 1em;}
#galerias a {color: #fff !important;}
#galerias a:hover {color: #242424;}


input, textarea, select, button { margin: 0; padding:4px; font-size: 11px; background-color: 

#f8f8f8; color: #414141; border: 0px solid #ebebeb; outline:none;}
/*BUSCA*/

input#searchsubmit {cursor: pointer;height: 21px;width: 21px;top: 8px;left: 20px;background: url(images/search.png) center no-repeat;position: absolute;border-radius: 50%;color: #fff;font-family:Open Sans;text-transform: uppercase;font-size: 10px;font-size: 0px;}
#search [type="text"] {font-family: 'Montserrat';font-weight: 600;font-size: 12px;color: #646b6a;background: #ebebeb;padding: 20px;padding-top: 15px;padding-bottom: 15px;width: 100%;height: 35px;text-transform: uppercase;float: left;font-weight: 600;border-radius: 50px;padding-left: 50px;letter-spacing: 2px;}


.aligncenter {margin: 0px auto;}

.alignleft {float: left; margin-bottom: 10px; margin-right: 10px;}

.alignright {float: right; margin-left: 10px; margin-bottom: 10px;}



/*Pagenavi */

#pag {clear: both; margin: 0px auto; height: auto; height: auto; background: transparent; width: 100%; margin-bottom: 20px; padding-left: 10px; background: #363636; padding-top:30px; padding-bottom: 30px;}



.wp-pagenavi {

	font-family: Montserrat; font-weight: 600;

	font-size:16px;

        

	padding:10px 0px;

	text-transform:uppercase;

        margin: 0px 0px 0px -5px;

}

.wp-pagenavi a, .wp-pagenavi span {

	text-decoration: none;

	padding: 15px ;

	color:#fff; 

	
background: transparent;

}



.wp-pagenavi a:last-child {margin-right: 0px;}



.wp-pagenavi a:hover, .wp-pagenavi span.current {

	color:#fff; background: transparent; 



}