/*
Theme Name: Masonry Brick
Theme URI: https://napitwptech.com/themes/masonry-brick/
Author: Bishal Napit
Author URI: https://napitwptech.com/themes/
Description: Masonry Brick, as its name suggest is a WordPress theme based on the masonry layout which is suitable to display your contents in beautiful way. Some of the features of this theme are as it supports WordPress default custom header and custom background, which can be kept as requirement. Also, this theme features custom social menu and also you have the ability to choose the layout option for each of the different pages/posts individually. This theme also supports all 10 post formats so that you can show the contents uniquely according to the post formats used in your site. You can see the demo of this theme through this link: https://demo.napitwptech.com/masonry-brick/ and get free theme support from this link: https://support.napitwptech.com/forums/forum/masonry-brick/.
Version: 1.0.5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: masonry-brick
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-header, flexible-header, custom-background, custom-menu, custom-colors, sticky-post, featured-images, post-formats, footer-widgets, blog, e-commerce, threaded-comments, translation-ready, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Masonry Brick is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {background-image: url("https://www.spicegirlsforeverbrasil.com.br/wp-content/themes/sw/img/bgsite-v3.png");  font-family: 'lato'; padding:10px 0 10px 0; color:#3c3c3c; border-top:3px solid #333; }
a {color:#333; text-decoration:none; transition:0.4s color; -moz-transition:0.4s color; -webkit-transition:0.4s color;}


@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900,700italic);

.page-numbers {
	display: inline-block;
	padding: 12px;
	margin: 0 3px 0 0;
	line-height: 1;
	text-decoration: none;
	color:#fff;
	background-color: #3a3a3a;
	font-family: 'Anton', sans-serif;
	font-size: 14pt;
	text-transform: uppercase;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #3a3a3a;
}

@font-face{ 
  font-family: 'SpiceWorld2019';
  src: url('https://www.spicegirlsforeverbrasil.com.br/wp-content/themes/spiceworld2019/spicefont/SpiceWorld2019.eot');
  src: url('https://www.spicegirlsforeverbrasil.com.br/wp-content/themes/spiceworld2019/spicefont/SpiceWorld2019.eot?#iefix') format('embedded-opentype'),
       url('https://www.spicegirlsforeverbrasil.com.br/wp-content/themes/spiceworld2019/spicefont/SpiceWorld2019.woff') format('woff'),
       url('https://www.spicegirlsforeverbrasil.com.br/wp-content/themes/spiceworld2019/spicefont/SpiceWorld2019.ttf') format('truetype'),
       url('https://www.spicegirlsforeverbrasil.com.br/wp-content/themes/spiceworld2019/spicefont/SpiceWorld2019.svg#webfont') format('svg');
}


#menu3 ul {width:100%; background-image:url(img/bg-menu.jpg); list-style:none;font-family: 'SpiceWorld2019';font-size: 18pt;line-height: 1.2em;float:left;  text-transform:uppercase;}
#menu3 ul li{float:left;}
#menu3 ul li a{display:block;text-decoration:none;padding:10px 10px 5px 10px;color:#fff;width:220px;}
#menu3 ul li a span{display:block;}
#menu3 ul li a span.title{}
#menu3 ul li a:hover span.title{color:#fff;}
#menu3 ul li a span.text{padding:0px 5px;font-size: 13px;text-transform: uppercase;line-height: 2em;text-align:right;margin-top:-10px;color:#fff;background-color:#ff505c;visibility:hidden;}
#menu3 ul li a:hover span.text{visibility:visible;}

.alignnone {margin: -6px 0px 0px -16px!important;}
.attachment-single-post-thumbnail {margin: 0px 0px 0px -16px!important;}

.category-noticias {width:100%;background-color:#ffffff;border: 1px solid #bd67bd;padding: 1px;}
.category-noticias .thumb{float: left;width:130px; height:120px; object-fit: cover; background-color:#ffffff; padding:0px;}
.category-noticias .titulo {margin-left: 141px; line-height:15pt; font-size:13pt; text-transform:uppercase; word-wrap: break-word;}
.category-noticias .titulo a {font-family: lato, sans-serif;color:#64578c;text-decoration:none;}
.category-noticias .titulo a:hover{font-family: lato, sans-serif;color:#1bcabb;}
.category-noticias .data {position:absolute; background-color:#bd67bd; text-align:center; padding: 3px 6px 3px 5px; color:#fff; font-size: 10pt;}
.category-noticias .resumo {display:none;}
.category-noticias .publicacao {background-color:#bd67bd;color:#fff;font-size: 8pt;text-transform:uppercase;font-weight: bold;position: absolute;bottom: 0;margin-left: 84px;padding: 2px;margin-top:6px;}

.category-destaque {width:100%;height: auto;background-color:#fff;vertical-align:top;border: 1px solid #bd67bd;padding-bottom: 10px;}
.category-destaque .thumb{float: left; width:100%; height:392px; object-fit: cover; background-color:#ffffff; margin-top: -30px!important;padding-bottom: 10px;}
.category-destaque .titulo {font-family: lato, sans-serif; padding:10px; font-size:13pt; margin-top: 10px!important; line-height:16pt; text-aling:center; text-transform:uppercase;word-wrap: break-word;}
.category-destaque .titulo a {font-family: lato, sans-serif; color:#64578c;text-decoration: none;}
.category-destaque .titulo a:hover{font-family: lato, sans-serif; color:#1bcabb;}
.category-destaque .data {position:absolute; background-color:#bd67bd; text-align:center; padding: 3px 6px 3px 5px; color:#fff; font-size: 10pt;margin-top: -30px;}
.category-destaque .resumo {font-family: lato; color:#7b7b7b; font-size:12pt; line-height:14pt;margin: -7px 0px 0px -5px;}
.category-destaque .resumo p {font-family: lato; color:#7b7b7b; font-size:12pt; line-height:14pt;margin: 4px 0px 0px 4px;}
.category-destaque .publicacao {color:#fff;font-size: 8pt;text-transform:uppercase;font-weight: bold;margin: -5px 0px 5px 0px;position: absolute; bottom: 0;margin-left:6px;background-color:#bd67bd;}

.category-galeria {width:100%;height: 400px;background-color:#ffffff;vertical-align:top;border: 1px solid #bd67bd;}
.category-galeria .thumb{float: left; width:100%; background-color:#ffffff; padding-bottom: 10px;margin-top:-22px;object-fit: cover;}
.category-galeria .titulo {font-family: lato, sans-serif; padding:10px; font-size:13pt; line-height:16pt; text-transform:uppercase;word-wrap: break-word;}
.category-galeria .titulo a {font-family: lato, sans-serif; color:#64578c;text-decoration: none;}
.category-galeria .titulo a:hover{font-family: lato, sans-serif; color:#1bcabb;}
.category-galeria .data {position:absolute; background-color:#bd67bd; text-align:center; padding: 3px 6px 3px 5px; color:#fff; font-size: 10pt;margin-top: -22px;}
.category-galeria .resumo {display:none;}
.category-galeria .publicacao {color:#50c0b4;font-size: 8pt;text-transform:uppercase;font-weight: bold;margin: 3px 0px 5px 6px;}

.contsingle {width: 750px;background-color:#ffffff; font-size:10pt; font-weight:300; padding: 20px 10px 10px 10px;}
.contsingle .titulo {width:620px; text-align:center; font-family: 'Source Code Pro'; font-size: 18pt; text-transform:uppercase;position:absolute; margin: 290px 0px 10px 0px;color:#321927; word-wrap: break-word;}
.contsingle .linha {width: 650px; height:5px; border-bottom: 3px solid #066;}
.contsingle .data {width: 30px; height: 10px; margin-top: -10px; margin-left:585px; position:absolute; font-weight:bold; font-family:'Lato'; text-align:center; padding-top: 5px; padding-bottom: 7px; padding-left:5px; padding-right: 40px; background-color:#393454; font-size:9pt; color: #ffffff;}
.contsingle a {color:#168a87;}
.contsingle a:hover {color:#23aba7;}
.contsingle .date {width: 45px;height: 45px;float: left;margin: 0;text-align: center;font-family: 'Source Code Pro'; background:#dc0000;color:#fff; padding:10px;position:absolute;}
.contsingle span.dia{color:#fff;font-size: 22px;font-weight: bolder;}
.contsingle .date span.mes{text-transform: none;color:#fff;font-size: 12pt;font-weight: bolder;text-transform: uppercase;margin-top: 5px;}
.contsingle .date span.ano{text-transform: none;color:#fff;font-size: 12px;font-weight: bolder;}

.social {float:left; width:35px;position:absolute; margin: -20px 0px 0px -45px;}

.relacionados {width: 660px; font-size:9pt; text-transform:uppercase; margin-top:10px; padding: 10px;  background-color:#fff;}
.relacionados ul li {display: inline-block;list-style:none;float: left;}
.relacionados img {width: 244px; height: 129px;object-fit: cover;}
.relacionados a {color:#363151;}
.relacionados a:hover {color:#6e669b;}
.relacionados .data {width:40px; border: 2px solid #71679c; padding: 5px 5px 5px 5px;}
.relacionados .noticia {margin-left: 60px; margin-top: -17px;}

.side {float: right;width: 34%;}
.side .bar {width: 100%; padding: 10px 10px 10px 10px; background-color:#ffffff; margin: 0px 0px 10px 0px;float: right;}
.side .bar-sem {margin: 0px 0px 10px 0px;float: right;}
.side .linha {width: 340px; height:8px; background-image:url(img/linha-sidebar.png); margin-bottom: 3px;}

.side .bar-contato {background-color: none!important;font-family: 'Anton', sans-serif;color:#fff!important;font-size: 18px;}
.side .bar-contato ul li {display: inline;list-style:none;padding:0px;
    margin:0px;
    background-color:#EDEDED;
    list-style:none;}

.side .bar-agenda{width: 100%; padding: 10px 10px 10px 10px; background-color:#fdbb03; margin: 0px 0px 10px 0px;}
.side h1 {font-family: 'SpiceWorld2019';font-size: 22pt;line-height: 1.2em; color:#dc4546; font-weight:900; text-align: center; text-transform:uppercase;}
.agenda {font-family: 'lato', sans-serif;font-size: 13px;text-align: left;width: 290px;padding-bottom: 10px;line-height: 20px;padding-top: 9px;}
.agenda .dia {width: 55px;font: 16pt 'lato'; text-align: center;border: 2px solid #fff;padding-top: 13px;padding-bottom: 13px;float: left;}
.agenda .mes {font: 10pt 'lato'; color:#000000;}
.antispace {margin-top: -24px;}


.side .atualizacoes {width: 100%;}
.side .atualizacoes ul {margin: 10px 0px 0px 0px!important;list-style:none;background: rgb(255,176,69);background: linear-gradient(90deg, rgba(255,176,69,1) 0%, rgba(239,131,111,1) 33%, rgba(201,149,188,1) 65%, rgba(139,169,212,1) 100%);padding:0px;margin:0px;list-style:none;}
.side .atualizacoes ul li {display: inline-block;padding: 2px 10px; color:#fff;line-height: 16px;width: 59%;word-wrap: break-word;}
.side .atualizacoes a {color: #fff;text-decoration: none;text-transform: uppercase;vertical-align: middle;}
.side .atualizacoes a:hover {color: #fff;text-decoration: underline; }


.side .loja {height: 100%; padding: 10px 10px 10px 10px; margin: 0px 0px 10px 0px;}
.side .loja ul {display: inline-block;width:90%; background-color: #fff; float: right; margin: 10px 0px 0px 0px!important;list-style:none;padding:0px;margin:0px;list-style:none;}
.side .loja ul li {display: inline-block;padding: 2px 10px; color:#000; word-wrap: break-word;margin: 3px 0px;}
.side .loja ul .txt {float: right; position: absolute;}
.side .loja span {color:#ff009c;text-transform: uppercase;font-weight: bold;font-size: 15px;}
.side .loja a {color: #fff;text-decoration: none;text-transform: uppercase;font-family: 'Anton', sans-serif;}
.side .loja a:hover {color: #fff;text-decoration: underline; }
.side .loja p {font-size: 12px; margin: auto;}
.side .loja em {font-style: italic!important; font-size: 10px!important;background-color: none!important;}
.side .loja .btn {background-color: #ff009c;border: none;color: white;padding: 6px;font-size: 12px;cursor: pointer;margin-left: 50px;margin-top: -16%;position: absolute;}
.side .loja .btn-loja {width: 295px;height:35px; background-color:#ff009c;color:#fff; margin: 10px auto;text-align: center;border: none;cursor: pointerbox-shadow: 0 2px 6px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.19);}


.side .twitter {height:70px!important; background-image: url("http://www.spicegirlsforeverbrasil.com.br/imagens-2021/sidebar/side-bg-twitter.png")!important;padding: 27px 10px 10px 10px; margin: 0px 0px 10px 0px;}
.twitter h2{font-family:'lato';font-size:10pt;color:#ffffff; width: 200px;}
.twitter .botao {float:right; position:relative; margin-top:-30px;margin-right: 20px;}

.side .facebook {background-image: url("http://www.spicegirlsforeverbrasil.com.br/imagens-2021/sidebar/side-bg-facebook.png"); height:197px; padding: 10px 10px 10px 10px; margin: 0px 0px 10px 0px;}
.facebook h2{font-family:'lato';font-size:10pt;color:#ffffff; width: 200px;}
.facebook .botao {float:right; position:relative; margin-top:-35px; margin-right: 20px;}

.instagram {width:100%; padding: 7px;margin-top:20px;}
.instagram .titulo {font-size: 23px;margin-top:-35px!important;color:#fff;text-align: center;font-family: 'SpiceWorld2019';text-transform: uppercase;float: right;}
.instagram .link {background-color: #86569c;padding: 6px;}
.instagram a {color: #fff;}
.instagram a:hover {color: #fff;}

.fotr {background-color: #fff!important;color: #86569c;text-transform: uppercase;padding: 6px; text-align: center;}

.ultimas {position:relative;}
.ultimas .thumb {width: 80px; height:80px;}
.ultimas .titulo {width: 200px; font-family:'lato'; font-size:10pt;}

.contpage {width: 750px;background-color:#ffffff; line-height:16px; margin-top:40px; padding: 0px 0px 10px 0px;}
.contpage .conteudo {padding: 0px 10px 0px 10px;}
.contpage .titulo {width:660px; height: 30px; text-align:center; font-family:'lato'; font-size: 16pt; text-transform:uppercase; font-weight:bold; padding: 20px 0px 10px 0px; position:absolute; margin: 231px 0px 0px 10px; background-color:#363151; color:#ffffff; word-wrap: break-word;}

.continfo {width: 1050px;background-color:#ffffff; line-height:16px; margin-top:40px; padding: 0px 0px 10px 0px;}
.continfo .conteudo {padding: 0px 10px 0px 10px;}
.continfo .titulo {width:660px; height: 30px; text-align:center; font-family:'lato'; font-size: 16pt; text-transform:uppercase; font-weight:bold; padding: 20px 0px 10px 0px; position:absolute; margin: 231px 0px 0px 10px; background-color:#363151; color:#ffffff; word-wrap: break-word;}
.continfo .infoesquerda {float:left; width:20%; margin-top: -10px; margin-left: -0px; text-align: left;}
.continfo .infodireita {float:right; width:49%; margin-top: -10px; text-align: left;}
.continfo .espaco {padding: 1px; margin:1px; clear: both;}
.continfo .ti {font-family: 'Lato', sans-serif;text-transform:uppercase;font-weight:bold;font-size: 12pt; color: #1bcabb;align: center;background: 363151;height: 20px;padding-bottom: 2px;padding-left: 3px;padding-right: 3px;}
.continfo ul {list-style-type: none;margin: 10px;padding: 10px;overflow: hidden;}
.continfo li {float: left; margin: 0px 5px 10px 5px;padding: 0px;}
.continfo .box {width:300px; height:270px; padding: 10px; background-color:#fdfdfd;}


.menu-info ul {
    padding:0px;
    margin:0px;
    list-style:none;
    margin-left: 7px;
}
.menu-info ul li { display: inline; }
.menu-info ul li a {
    display: inline-block;

    /* visual do link */
    text-decoration: none;
}
.titulo-menu {background-color: #86569c;color:#fff;font-size:13pt;text-transform: uppercase;text-align: center;width: 354px!important;padding: 4px 4px;}
.conteudo-menu {width:354px!important;}


.comentario {float: right; margin-top: 15px;}
.comentarios {background-color: #fff; margin:10px 0px 10px 0px;}

.breadcrumb {width: auto; height: 15px; position:absolute; font-family:'Lato'; color:#363151; font-size:10pt; text-style:italic; text-transform:uppercase; padding: 10px 10px 10px 10px; background-color:#ffffff; margin-bottom:30px;}
.breadcrumb a {color:#666666;}
.breadcrumb a:hover {color:#993300;}

/*** INICIO INFO **

/*.infoesquerda {float:left; width:20%; margin-top: -10px; margin-left: -0px; text-align: left;}
.infodireita {float:right; width:49%; margin-top: -10px; text-align: left;}
.espaco {padding: 1px; margin:1px; clear: both;}

.ti {font-family: 'Lato', sans-serif;text-transform:uppercase;font-weight:bold;font-size: 12pt;border:solid 3px #1bcabb; color: #1bcabb;margin-left: 11px;margin-top: -60px;align: center;position: absolute;background: 363151;height: 20px;padding-top: 5px;padding-bottom: 2px;padding-left: 3px;padding-right: 3px;
}

/*** FIM INFO ***/

/*** PAGINAS DE CONTEUDO ***/

.tp {color: #64578c;font-family: 'Lato', sans-serif; font-size: 14pt; text-transform:uppercase; font-weight:bold; margin-top: 5px;}
.track {font-family: 'Lato', sans-serif; font-size: 10pt; font-weight:bold;}
.tracknumb {font-family: 'Lato', sans-serif; font-size: 14pt; color: #3b5999; font-weight:bold;font-style:italic;}

/*** PAGINAS DE CONTEUDO ***/

/********************************************* INICIO DISCOGRAFIA ***************************************************************************/

.distit {
font-size: 10pt;
font-family: 'Lato', sans-serif;
text-transform:uppercase; font-weight:bold;
}

.dist {
width: 480px;
margin-top: 10px;
position: absolute;
font-family: tahoma;
}

.div-esquerda {
    width: 50%;
    display: inline-block;
    float:left;
}
.div-direita {
    width: 50%;
    display: inline-block;
    float:left;
}


/********************************************* FIM DISCOGRAFIA ***************************************************************************/

/*** TRADUCOES ***/

.traducaoesquerda {float:left; width:49%; text-align: left; }
.traducaodireita {float:right; width:49%; text-align: left; }
.espaco {padding: 1px; margin:1px; clear: both;}

/*** FIM TRADUCOES ***/

.artigoesquerda {float:left; width:49%; text-align: left;}
.artigodireita {float:right; width:49%; text-align: left;}
.espaco {padding: 1px; margin:1px; clear: both;}

.img-header {margin-left: -22px;margin-top: -6px;}


/****.btn-group-clipes {
    position: relative;
    display: inline-block!important;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1;
}

.btn-group{
position: relative;
    padding: 1rem;
    margin: 1rem -15px 0;
    border: solid #f8f9fa;
    border-width: .2rem 0 0;
}***/

.btn-group-clipes button {
  color: white; /* White text */
  padding: 0px; /* Some padding */
  float: left; /* Float the buttons side by side */
  border: none;
}

.btn-group-clipes button a {text-decoration: none;}

.btn-group-clipes button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.clipes ul {
    padding:0px;
    margin:0px;
    display: inline;list-style:none; 
}

.clipes ul li a {
    padding: 2px 10px;
    display: inline-block;
    }


.clipes .cor1 {
	background-color: #f89f4a!important; padding: 5px;
}
.clipes .cor2 {
	background-color: #cd95b6!important;padding: 5px;
}
.clipes ul li .cor3{
	background-color: #3fc5ed!important;padding: 5px;
}
.clipes ul li .cor4 {
	background-color: #93ce8c!important;padding: 5px;
}

/* FIM IMPORTANTE CSS PADRÃO DO SITE */

#content-conteudo {
float: left;
width: 680px;
line-height:16px; 
text-align:justify;
margin-top: 400px;
background-color: #fff000;
color: #808080;
padding-top: 10px;
line-height:16px;
}

.footer {width:100%;height:300px;background-color:#000;margin-top:20px;}
.esconder {display:none;}
.ads {margin:0;text-align:center;margin-bottom:10px;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
	color: #9e5987;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
	border: 1px solid #000fff;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: 'lato', monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Global Layout
--------------------------------------------------------------*/
#page {
	max-width: 1200px;
	margin: 0 auto;
}

.wide #page {
	/*max-width: 100%;*/
	margin: 0 auto;
}

.inner-wrap {
	max-width: 1160px;
	margin: 0 auto;
  padding: 0px;
}

.boxed #page {
	max-width: 1200px;
	margin: 0% auto;
}

.avatar {
	border-radius: 50%;
}

figure {
	margin: 0;
}

@media screen and (max-width: 1200px) {
	.inner-wrap {
		width: 96%;
	}

	.boxed #page {
		max-width: 96%;
	}
}

/*--------------------------------------------------------------
# Layout settings
--------------------------------------------------------------*/
.not-found.sidebar-404 {
	/*display: none;*/
}

#content {
	padding: 0;
}

#primary {
	width: 65.3%;
	float: left;
}

#secondary {
	width: 36%;
	float: right;
}

#primary.main-contents {
	width: 100%;
	float: none;
}

.left-sidebar #primary {
	float: right;
	height: auto;
}

.left-sidebar #secondary {
	float: left;
}

.no-sidebar-full-width #primary {
	float: none;
	width: 100%;
}

.no-sidebar-content-centered #primary {
	float: none;
	margin: 0 auto;
}

.masonry-content {
	float: left;
	width: 32.9%;
	margin: 5px 5px 0px 0px!important;
}

.page .type-page {
	background-color: #fff;
}

.single .masonry-content {
	width: 99.3%;
	height:100%;
	padding: 0px 16px 0px 16px;
	border-bottom: 4px solid #fd8046
}

.single .hentry, .page .hentry {
	margin: 0 0 40px;
}

.post-wrapper, .type-page {
	/*margin: -6px 0px 0px -22px!important;*/
}

.search .type-page {
	padding: 0;
}

.error404 #primary {
	width: 100%;
}

.error-404 {
	background-color: #fff;
	padding: 20px;
}

@media screen and (max-width: 768px) {
	#primary, #secondary {
		width: 100%;
		float: none;
	}

	.masonry-content {
		width: 46.75%;
	}
}

@media screen and (max-width: 480px) {
	.masonry-content {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Social menu settings
--------------------------------------------------------------*/
#menu-social li a:before {
	display: inline-block;
	padding: 0 10px;
	font-family: "fontawesome";
	vertical-align: middle;
	content: "\f005";
	color: #4169E1;
	font-size: 16px;
}

#menu-social li {
	display: inline-block;
	list-style: none;
}

ul#menu-social {
	padding-left: 0;
	text-align: right;
	margin: 0;
}

#menu-social li a[href*="facebook.com"]:before {
	content: '\f09a';
	color: #3b5998;
}

#menu-social li a[href*="twitter.com"]:before {
	content: '\f099';
	color: #00aced;
}

#menu-social li a[href*="plus.google.com"]:before {
	content: '\f0d5';
	color: #dd4b39;
}

#menu-social li a[href*="youtube.com"]:before {
	content: '\f167';
	color: #bb0000;
}

#menu-social li a[href*="pinterest.com"]:before {
	content: '\f0d2';
	color: #cb2027;
}

#menu-social li a[href*="instagram.com"]:before {
	content: '\f16d';
	color: #517fa4;
}

#menu-social li a[href*="vimeo.com"]:before {
	content: '\f194';
	color: #44bbff;
}

#menu-social li a[href*="skype.com"]:before {
	content: '\f17e';
	color: #009cef;
}

#menu-social li a[href*="linkedin.com"]:before {
	content: '\f0e1';
	color: #007bb6;
}

#menu-social li a[href*="github.com"]:before {
	content: '\f09b';
	color: #4183c4;
}

#menu-social li a[href*="flickr.com"]:before {
	content: '\f16e';
	color: #0062dd;
}

#menu-social li a[href*="dribbble.com"]:before {
	content: '\f17d';
	color: #e24d87;
}

#menu-social li a[href*="stumbleupon.com"]:before {
	content: '\f1a4';
	color: #ec4823;
}

#menu-social li a[href*="tumblr.com"]:before {
	content: '\f173';
	color: #45546b;
}

#menu-social li a[href*="wordpress.com"]:before,
#menu-social li a[href*="wordpress.org"]:before {
	content: '\f19a';
	color: #21759b;
}

#menu-social li a[href*="codepen.io"]:before {
	content: '\f1cb';
	color: #cccccc;
}

#menu-social li a[href*="digg.com"]:before {
	content: '\f1a6';
	color: #14589e;
}

#menu-social li a[href*="reddit.com"]:before {
	content: '\f1a1';
	color: #ff4500;
}

#menu-social li a[href*="xing.com"]:before {
	content: '\f168';
	color: #026466;
}

#menu-social li a[href*="vk.com"]:before {
	content: '\f189';
	color: #45668e;
}

#menu-social li a[href*="weibo.com"]:before {
	content: '\f18a';
	color: #e6162d;
}

#menu-social li a[href*="leanpub.com"]:before {
	content: '\f212';
	color: #000000;
}

#menu-social li a[href*="renren.com"]:before {
	content: '\f18b';
	color: #237bc2;
}

#menu-social li a[href$="/feed/"]:before,
#menu-social li a[href*="rss.com"]:before,
#menu-social li a[href*="feedburner.com"]:before{
	content: '\f09e';
	color: #f26522;
}

#menu-social li a[href*="soundcloud.com"]:before {
	content: '\f1be';
	color: #ff3a00;
}

#menu-social li a[href*="vine.co"]:before {
	content: '\f1ca';
	color: #00bf8f;
}

#menu-social li a[href*="delicious.com"]:before {
	content: '\f1a5';
	color: #2a96ff;
}


/*--------------------------------------------------------------
# MILTIMIDIA
--------------------------------------------------------------*/

.table-multimidia {}

table {
	margin: 0 0 24px;
	width: 100%;
}

tr{}

th, td {
  border-bottom: 1px solid #ddd;
  padding: 12px;
}

.btn-download {
    display: inline-block;
    background-color: #bc1f1d!important;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.masonry-brick-header-image img {
	display: block;
	margin: 0 auto;
	background-color: #000;
}

.site-branding {
	text-align: center;
}

.site-title-box {
	width: 820px;
	max-width: 75%;
	margin: 0 auto;
	padding: 20px;
	background: rgba(65,105,225,0.7);
	border: 1px solid #fff;
}

.header-background-image {
	background: no-repeat center;
	background-size: cover!important;
	-moz-background-size: cover!important;
	-webkit-background-size: cover!important;
}

.site-title a, .site-description {
	color: #fff;
}

.site-title, .site-description {
	font-family: 'lato', cursive;
	text-align: center;
}

.site-title {
	margin: 22px 0;
	font-weight: bold;
}

.site-title a {
	font-size: 36px;
	text-decoration: none;
}

.site-title a:hover {
	color: #fff;
}

.site-description {
	font-size: 18px;
}

.header-top-bar {
	background-color: #fff;
	padding: 15px 0;
	border-bottom: 1px solid #fff;
}

.small-info-text {
	float: left;
	width: 69%;
	color: #222;
	font-size: 16px;
}

.social-menu {
	float: right;
	width: 29%;
}

.search-form-top {
	background-color: #222;
	display: none;
	padding: 20px;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.search-form-top .search-field {
	width: 800px;
	max-width: 75%;
	padding: 10px;
}

@media screen and (max-width: 768px) {
	.site-title a, .site-title {
		font-size: 30px;
	}

	.site-description {
		font-size: 14px;
	}

	.small-info-text, .social-menu {
		float: none;
		width: 100%;
		padding: 10px 0;
	}

	.social-menu {
		border-top: 1px solid #4169E1;
	}

	ul#menu-social {
		text-align: left;
	}

	.header-top-bar {
		padding: 15px 0;
	}

	.site-title-box {
		padding: 5px;
	}

	.search-form-top .search-field {
		padding: 5px;
	}

	.site-branding {
		padding: 80px 0;
	}
}

@media screen and (max-width: 480px) {
	.site-title a {
		font-size: 22px;
	}

	.site-description {
		font-size: 12px;
	}

	ul#menu-social, .small-info-text {
		text-align: center;
	}

	.site-branding {
		padding: 50px 0;
	}
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #222;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: Roboto, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 16px;
}

p {
	margin-bottom: 24px;
	font-size: 16px;
	font-family: Roboto, sans-serif;
}

dfn,
cite,
em,
i {
	font-style: italic;
	color: #fff;
	background-color:#fe8f56;
	padding: 2px;
}

blockquote {
	background-color: #e76048;
	color: #fff;
	margin: 0;
}

blockquote a {
	color: #fff;
}

blockquote a:hover {
	color: #222;
}

blockquote p {
	font-family: 'lato', cursive;
	font-size: 22px;
	padding: 20px;
}

blockquote cite {
	font-family: Roboto, sans-serif;
	float: right;
	font-size: 18px;
}

blockquote cite a:hover {
	color: #fff;
}

blockquote cite:before {
	font-family: "fontawesome";
	content: "\f068";
	margin-right: 5px;
}

blockquote p:before {
	font-family: "fontawesome";
	content: "\f10d";
	margin-right: 5px;
}

blockquote p:after {
	font-family: "fontawesome";
	content: "\f10e";
	margin-left: 5px;
}

address {
	margin: 0 0 24px;
	font-family: 'Lato';
}

pre {
	background: #eee;
	font-family: 'Lato';
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 24px;
}

code,
kbd,
tt,
var {
	font-family: Roboto, sans-serif;
	font-size: 15px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

@media screen and (max-width: 768px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 26px;
	}

	h4 {
		font-size: 24px;
	}

	h5 {
		font-size: 22px;
	}

	h6 {
		font-size: 20px;
	}

	p {
		font-size: 16px;
	}
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #a65980;
	border: 0;
	height: 2px;
	margin-bottom: 24px;
	margin-top: -16px;
}

ul,
ol {
	margin: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 24px 24px;
}





/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #4169E1;
	border-radius: 3px;
	background: #4169E1;
	font-size: 14px;
	padding: 10px 16px 6px;
	color: #fff;
}-*/

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #222;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 100%;
	max-width: 100%;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	color: #fff;
}

select {
	border: 1px solid #ccc;
	max-width: 100%;
	padding: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 10px;
}

textarea {
	padding: 10px;
	width: 100%;
	max-width: 100%;
}

input[type="search"] {
	width: 98%;
	padding: 10px;
	max-width: 98%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links POST
--------------------------------------------------------------*/
a {
	color: #5361a0;
	text-decoration: underline;
}

a:hover {
	color: #4169E1;
}

a:hover,
a:active {
	color: #5361a0;
	outline: 0;
}

/*--------------------------------------------------------------

/*--------------------------------------------------------------
## Links PAGINAS
--------------------------------------------------------------*/
.entry-content-page a {
	color: #5361a0;
	text-decoration: nome;
}

.entry-content-page a:hover {
	color: #4169E1;
}

.entry-content-page a:hover,
.entry-content-page a:active {
	color: #5361a0;
	outline: 0;
}

/*--------------------------------------------------------------

*--------------------------------------------------------------
## Links noticias
--------------------------------------------------------------*/
a {
	color: #5361a0;
	text-decoration: underline;
}

a:hover {
	color: #4169E1;
}

a:hover,
a:active {
	color: #5361a0;
	outline: 0;
}

/*--------------------------------------------------------------

## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	background-color: #222;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #fff;
	background-color: #222;
	padding: 15px;
	font-size: 16px;
}

.main-navigation a:hover {
	color: #fff;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	left: -9999px;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -9999px;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
	padding: 15px;
}

.main-navigation ul ul li {
	padding: 0;
}

.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
	font-family: "fontawesome";
	content: "\f107";
	margin-left: 10px;
}

.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
	font-family: "fontawesome";
	content: "\f105";
	position: absolute;
	right: 10px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	background-color: #4169E1;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	background-color: #4169E1;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.menu-toggle {
	border: 0;
	padding: 16px;
	background: transparent;
	box-shadow: none;
	color: #fff;
	font-size: 20px;
	text-shadow: none;
}

.menu-toggle:hover {
	border: none;
	box-shadow: none;
}

.menu-toggle:before {
	font-family: "fontawesome";
	content: "\f0c9";
	font-size: 18px;
	margin-right: 12px;
}

.search-toggle, .random-post {
	float: right;
}

.search-toggle {
	cursor: pointer;
}

.sticky-wrapper .main-navigation {
	z-index: 9999;
}

@media screen and (min-width: 768px) {
	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: block;
	}

}

}

@media screen and (max-width: 768px) {
	.main-navigation.toggled li {
		width: 100%;
	}


	.main-navigation.toggled li {
		float: none;
	}

	.main-navigation.toggled li li a {
		padding-left: 42px;
		width: 100%;
	}

	.main-navigation.toggled li li li a {
		padding-left: 60px;
		width: 100%;
	}

	.main-navigation.toggled ul ul,
	.main-navigation.toggled ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: block;
		float: none;
	}

	.main-navigation.toggled ul ul a {
		width: 100%;
	}

	.main-navigation.toggled ul ul li:hover > ul,
	.main-navigation.toggled ul ul li.focus > ul {
		left: 0;
	}

	.main-navigation li.menu-item-has-children > a:after,
	.main-navigation li.page_item_has_children > a:after {
		content: "";
	}

	.main-navigation li li.menu-item-has-children > a:after,
	.main-navigation li li.page_item_has_children > a:after {
		content: "";
	}

	
}

@media screen and (max-width: 767px) {
	.sticky-wrapper .main-navigation #primary-menu {
		max-height: 200px;
		overflow: auto;
		width: 100%;
	}

	
}

@media screen and (max-width: 480px) {
	.main-navigation.toggled li li a {
		padding-left: 30px;
	}

	.main-navigation.toggled li li li a {
		padding-left: 40px;
	}

	
}

.site-main .post-navigation {
	font-family: 'Lato';
}

.site-main .comment-navigation,
.site-main .post-navigation {
	margin: 0 0 40px;
	overflow: hidden;
	font-size: 18px;
	background-color: #fff;
	padding: 20px;
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 49%;
}

.comment-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 49%;
}

.comment-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
	font-family: "fontawesome";
	content: "\f190";
	margin-right: 5px;
}

.comment-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
	font-family: "fontawesome";
	content: "\f18e";
	margin-left: 5px;
}

@media screen and (max-width: 480px) {
	.comment-navigation .nav-previous,
	.post-navigation .nav-previous,
	.comment-navigation .nav-next,
	.post-navigation .nav-next {
		width: 100%;
		float: none;
		text-align: left;
	}
}

/*--------------------------------------------------------------
# Archive pages navigation
--------------------------------------------------------------*/
/*.navigation.pagination {
	background-color: #fff;
	margin: 40px 0 0;
	padding: 20px;
	overflow: hidden;
}*/

.navigation.pagination .nav-links {
	font-size: 22px;
	color: #fff;
	margin-top: 20px;
}

.nav-links .page-numbers.current {
	background-color: #3a3a3a;
	padding: 5px 10px;
	color: #fff;
}

.nav-links .page-numbers {
	padding: 5px 10px;
}

.nav-links .page-numbers:hover {
	color: #fff;
	background-color: #434242;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-info {
	padding: 20px 0;
}

.footer-bottom-area {
	width: 100%;
}

.footer-copyright {
	color: #222;
	float: left;
	max-width: 60%;
	font-size: 16px;
}

.footer-copyright a {
	color: #4169E1;
}

.footer-menu {
	float: right;
	max-width: 39%;
}

#footer-menu li {
	list-style: none;
	float: left;
}

#footer-menu a {
	padding: 10px;
	font-size: 16px;
}

.footer-menu ul,
.footer-menu li {
	list-style: none;
	margin: 0;
}

.footer-widgets {
	padding: 40px 0 30px;
	border-top: 4px solid #4169E1;
	background-color: #222;
}

.footer-sidebar-areas {
	width: 31%;
	float: left;
	margin: 0 1%;
	color: #fff;
}

.footer-sidebar-areas a {
	color: #fff;
}

.footer-sidebar-areas a:hover {
	color: #4169E1;
}

@media screen and (max-width: 768px) {
	.footer-menu,
	.footer-copyright {
		float: none;
		max-width: 100%;
	}

	.footer-copyright {
		padding-bottom: 10px;
		text-align: center;
	}

	#footer-menu li {
		float: none;
		display: inline-block;
	}

	ul#footer-menu {
		padding: 10px 0 0;
		text-align: center;
		border-top: 1px solid #4169E1;
	}

	.footer-sidebar-areas {
		width: 100%;
		float: none;
	}
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-content-page:before,
.entry-content-page:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
  margin: 0 auto;
}

.clear:after,
.entry-content:after,
.entry-content-page:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Breadcrumb NavXT CSS
--------------------------------------------------------------*/
.breadcrumbs-area {
	padding: 7px 0px 7px 10px;
	background: #fff;
	margin: 30px 0px 30px 0px;
	color: #a45982;
	font-family: 'Lato';
	text-transform: uppercase;
	font-weight: bold;
}

.breadcrumbs-area a {
	color: #a45982;
	text-decoration: none;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 40px;
	background-color: #fff;
	padding: 20px;
}

.widget input[type="search"] {
	width: 95%;
	max-width: 95%;
}

footer .widget {
	background-color: transparent;
	margin: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.widget .widget-title {
	font-size: 22px;
	font-family: 'Lato';
}

.widget .widget-title span {
	border-bottom: 2px solid #222;
	padding: 5px;
}

footer .widget .widget-title span {
	border-bottom: 2px solid #fff;
}

.widget ul, .widget ol {
	margin: 0;
}

.widget ul li {
	list-style: none;
}

.widget ul li ul li {
	margin-left: 10px;
}

.widget ul {
	padding-left: 0;
}

.widget ul ul {
	padding-left: 6px;
}

.widget_nav_menu a, .widget_pages a,
.widget_recent_comments li,
.widget_recent_entries li {
	border-bottom: 1px solid #fff;
	display: block;
	padding: 5px;
}

#secondary .widget_nav_menu a,
#secondary .widget_pages a,
#secondary .widget_recent_comments li,
#secondary .widget_recent_entries li {
	border-bottom: 1px solid #222;
}

.widget_rss .rss-date {
	display: block;
	font-weight: bold;
}

.widget_rss cite {
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.widget_rss ul li {
	margin-bottom: 20px;
}

.widget_recent_entries li a:before,
.widget_recent_comments li:before,
.widget_archive li a:before,
.widget_categories li a:before,
.widget_pages li a:before,
.widget_nav_menu li a:before,
.widget_rss li a:before {
	display: inline-block;
	float: left;
	padding-right: 5px;
	font-family: "fontawesome";
	color: #222;
}

.widget_recent_entries li a:hover:before,
.widget_recent_comments li:hover:before,
.widget_archive li a:hover:before,
.widget_categories li a:hover:before,
.widget_pages li a:hover:before,
.widget_nav_menu li a:hover:before,
.widget_rss li a:hover:before {
	color: #4169E1;
}

footer .widget_recent_entries li a:before,
footer .widget_recent_comments li:before,
footer .widget_archive li a:before,
footer .widget_categories li a:before,
footer .widget_pages li a:before,
footer .widget_nav_menu li a:before,
footer .widget_rss li a:before {
	color: #fff;
}

.widget_recent_entries li a:before {
	content: "\f1da";
}

.widget_recent_comments li:before {
	content: "\f075";
}

.widget_archive li a:before {
	content: "\f187";
}

.widget_categories li a:before {
	content: "\f02d";
}

.widget_pages li a:before {
	content: "\f039";
}

.widget_nav_menu li a:before {
	content: "\f0c9";
}

.widget_rss li a:before {
	content: "\f09e";
}

@media screen and (max-width: 768px) {
	.widget .widget-title {
		font-size: 20px;
	}
}

/*--------------------------------------------------------------
# Random post widget
--------------------------------------------------------------*/
.single-article-content {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.random-posts-widget .entry-title {
	font-size: 20px;
	clear: none;
}

.random-posts-widget .entry-meta {
	font-size: 14px;
}

.random-posts-widget .single-article-content img {
	float: left;
	margin-right: 10px;
}

/*--------------------------------------------------------------
# Tabbed widget
--------------------------------------------------------------*/
.masonry-brick-tab-content .tabs-panel {
	display: none;
}

.masonry-brick-tab-content .popular-tab {
	display: block;
}

ul.masonry-brick-tabs li {
	display: inline-block;
	width: 32.6%;
	text-align: center;
	padding: 6px;
}

.masonry-brick-tabs .popular .fa,
.masonry-brick-tabs .recent .fa,
.masonry-brick-tabs .comment .fa {
	margin-right: 5px;
}

ul.masonry-brick-tabs {
	border-bottom: 2px solid #222;
	margin-bottom: 10px;
}

ul.masonry-brick-tabs .active {
	background-color: #222;
}

ul.masonry-brick-tabs .active a {
	color: #fff;
}

.recent-tab .single-article-content img,
.popular-tab .single-article-content img {
	float: left;
	margin-right: 10px;
}

.recent-tab .single-article-content .entry-title,
.popular-tab .single-article-content .entry-title {
	font-size: 20px;
	clear: none;
}

.recent-tab .single-article-content .entry-meta,
.popular-tab .single-article-content  .entry-meta {
	font-size: 14px;
}

.comments-tab-widget .avatar {
	float: left;
	margin-right: 10px;
}

li.comments-tab-widget {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	font-family: 'Lato';
}

li.comments-tab-widget p {
	margin-bottom: 0;
	margin-top: 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
	background-color: #4169E1;
	color: #fff;
}

.sticky a {
	color: #fff;
}

.sticky a:hover {
	color: #222;
}

.sticky .continue-more-link {
	border: 1px solid #fff;
}

.hentry {
	margin: 2% 1.6%;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-content-page,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 24px;
}

.header-title {
	text-align: center;
	background-color: #fff;
	padding: 20px;
	margin: 0 0 50px;
}

.entry-title,
.page-title,
.taxonomy-description {
	font-family: 'Lato';
}

.entry-title,
.page-title {
	font-family: 'Lato';
	font-size: 24px;
	color: #bc1f1d;
	margin: 0;
	word-wrap: break-word;
	text-transform: uppercase;
	background-color: #fff;
    width: 100%;
    padding: 10px;
    position: relative;
    text-align: center;
}

.entry-content {
	word-wrap: break-word;
	padding: 0px 16px 0px 16px;
}

.entry-content-page {
	word-wrap: break-word;
	padding: 0px 16px 0px 16px;
}

.featured-image {
	margin: 0;
	text-align: center;
}

.entry-meta .byline {
	display: inline-block;
}

.posted-on .fa-calendar,
.byline .fa-user,
.comments-link .fa-comment,
.cat-links .fa-folder-open,
.tags-links .fa-tags,
.edit-link .fa-edit {
	margin-right: 5px;
}

.entry-meta span.byline,
.entry-meta span.comments-link {
	margin-left: 10px;
}

.entry-meta,
.cat-links,
.tags-links,
.edit-link {
	font-size: 16px;
	font-family: 'Lato';
}

.tags-links,
.edit-link,
.cat-links {
	display: none;
}

.entry-footer {
display:none;
}

.search-no-results .not-found {
	background: #fff;
	padding: 20px;
}

@media screen and (max-width: 768px) {
	.entry-title,
	.page-title {
		font-size: 26px;
	}

	.entry-meta,
	.cat-links,
	.tags-links,
	.edit-link {
		font-size: 14px;
	}
}

@media screen and (max-width: 480px) {
	.hentry {
		margin: 2% 0;
	}
}

/*--------------------------------------------------------------
## GitHub Gist table
--------------------------------------------------------------*/
.gist tr,
.gist td,
.gist th {
	border: none;
}

/*--------------------------------------------------------------
## JetPack subscription form
--------------------------------------------------------------*/
#subscribe-email input {
	color: #222;
}

/*--------------------------------------------------------------
## Post format support
--------------------------------------------------------------*/
.gallery-slider {
	visibility: hidden;
	height: 0;
}

.format-gallery .bx-wrapper {
	position: relative;
}

.format-gallery .bx-controls-direction {
	position: absolute;
	right: 25px;
	top: 5%;
}

.format-gallery .slide-prev {
	margin-right: 5px;
}

.format-gallery .slide-prev,
.format-gallery .slide-next {
	font-size: 30px;
	background-color: rgba(65,105,225,0.7);
	color: #fff;
	padding: 2px 12px;
	border-radius: 5px;
}

.format-gallery .slide-prev:hover,
.format-gallery .slide-next:hover {
	background-color: #4169E1;
}

.format-gallery .slider-images img {
	display: block;
	margin: 0 auto;
}

.format-audio iframe {
	width: 100%;
	height: auto;
}

.format-video .fitvids-video p,
.format-audio .audio-url p,
.format-status .status-user-text p,
.format-quote .quote-details blockquote p {
	margin-bottom: 0;
	margin-top: 0;
}

.format-status .status-details {
	background-color: #4169E1;
	padding: 20px;
	display: inline-block;
	width: 100%;
	color: #fff;
}

.format-status .status-details .status-user-avatar {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.format-chat .chat-details {
	background-color: #4169E1;
	padding: 20px;
	font-style: italic;
	font-size: 18px;
	color: #fff;
}

.format-chat .entry-content {
	display: none;
}

.format-chat .entry-content-page {
	display: none;
}

.format-link .link-details {
	background-color: #4169E1;
	padding: 20px;
	font-size: 20px;
}

.format-link .link-details a,
.format-link .link-details a:hover {
	color: #fff;
}

.format-link .link-details a:before {
	font-family: "fontawesome";
	content: "\f0c1";
	margin-right: 5px;
}

.quote-details {
	background-color: #4169E1;
	padding: 20px;
}

.quote-details blockquote {
	background-color: transparent;
}

.format-quote .quote-details cite {
	font-size: 14px;
	color: #fff;
	text-align: right;
	display: inherit;
}

.format-quote .quote-details cite:before {
	font-family: "fontawesome";
	content: "\f068";
	margin-right: 5px;
}

.format-quote .quote-details blockquote p:before {
	font-family: "fontawesome";
	content: "\f10d";
	margin-right: 5px;
	margin-left: -18px;
}

.format-quote .quote-details blockquote p:after {
	font-family: "fontawesome";
	content: "\f10e";
	margin-left: 5px;
	margin-right: -18px;
}

/*--------------------------------------------------------------
## Author bio box
--------------------------------------------------------------*/
.author-box {
	background-color: #fff;
	padding: 20px;
	margin: 0 0 40px;
	display: inline-block;
	width: 100%;
}

.author-box .author-img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.author-box .author-img img {
	border-radius: 50%;
}

.author-box .author-name {
	font-weight: bold;
	clear: none;
	display: inline;
}

.author-social-links,
.author-box .author-description,
.author-box .author-name {
	font-family: 'Lato';
}

.author-box .fa {
	font-size: 18px;
	vertical-align: middle;
	padding: 5px;
}

.author-box .fa-twitter {
	color: #00aced;
}

.author-box .fa-google-plus {
	color: #dd4b39;
}

.author-box .fa-facebook {
	color: #3b5998;
}

/*--------------------------------------------------------------
## Related posts
--------------------------------------------------------------*/
.related-posts-main {
	background-color: #fff;
	margin: 0 0 40px;
	padding: 20px;
}

.related-posts.columns {
	width: 30%;
	float: left;
	margin: 0 1.5%;
}

.related-post-contents .entry-title {
	font-size: 20px;
}

.related-post-contents .entry-meta {
	font-size: 16px;
}

.related-posts-main-title {
	font-family: 'Lato';
}

.related-posts-main-title span {
	border-bottom: 2px solid #222;
}

@media screen and (max-width: 480px) {
	.related-post-contents .entry-title {
		font-size: 18px;
	}

	.related-post-contents .entry-meta {
		font-size: 14px;
	}

	.related-posts.columns {
		width: 100%;
		float: none;
		margin: 0 0 10px;
	}
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#comments {
	background-color: #fff;
	padding: 20px;
	margin: 0 0 40px;
	clear: both;
}

.comment-form label {
	display: block;
}

.comment-respond input,
.comment-respond textarea {
	padding: 10px;
}

.comment-respond .form-submit {
	max-width: 100%;
}

.comment-respond textarea {
	min-width: 100%;
	max-width: 100%;
}

.comment-respond .form-submit input[type="submit"] {
	background: #4169E1;
	color: #ffffff;
	border: none;
	box-shadow: none;
}

.comment-reply-title {
	font-size: 24px;
	font-family: 'Lato';
}

.comments-title {
	font-size: 26px;
	font-family: 'Lato';
}

.comment-metadata,
.comment-author {
	font-family: 'Lato';
}

.comments-area > ol {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
}

ol.children {
	list-style-type: none;
	margin-left: 20px;
}

.comment-meta {
	margin-bottom: 5px;
}

.comment-author .avatar {
	display: block;
	float: left;
	margin-right: 10px;
}

.comment-body {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #ddd;
}

.bypostauthor > .comment-body .fn:after {
	content: "Post Author";
	margin: 0 0 0 5px;
	background-color: #4169E1;
	padding: 5px;
	color: #fff;
	border-radius: 5px;
}

.comments-area .comment-meta time:before {
	font-family: "fontawesome";
	content: "\f073";
	margin-right: 2px;
}

.comments-area .comment-meta .edit-link a:before {
	font-family: "fontawesome";
	content: "\f044";
	margin-right: 5px;
	color: #222;
}

.comment-author .fn a:before {
	font-family: "fontawesome";
	content: "\f007";
	margin-right: 5px;
	color: #222;
}

.comments-area .comment-meta .edit-link a:hover:before,
.comment-author .fn a:hover:before {
	color: #4169E1;
}

.comment-awaiting-moderation {
	max-width: 100%;
	background-color: #4169E1;
	color: #fff;
	padding: 10px;
	overflow: hidden;
	margin-top: 10px;
}

.comments-area .comment-metadata .edit-link {
	display: block;
}

.comment-content {
	clear: both;
	padding: 10px 0 10px;
}

@media screen and (max-width: 768px) {
	.comment-reply-title {
		font-size: 20px;
	}

	.comments-title {
		font-size: 22px;
	}
}

@media screen and (max-width: 480px) {
	ol.children {
		margin-left: 10px;
		padding-left: 0;
	}
}

/*--------------------------------------------------------------
## Scroll to top
--------------------------------------------------------------*/
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

a#scroll-up i {
	background-color: #222;
	color: #4169E1;
	font-size: 36px;
	padding: 8px;
	border-radius: 5px;
}

a#scroll-up:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation.pagination, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
## WooCommerce Plugin CSS
--------------------------------------------------------------*/
.woocommerce-page #primary {
	background: #fff;
	padding: 20px;
	margin: 0 0 40px;
}

.archive.woocommerce-page #primary {
	width: 100%;
}

.woocommerce-page tr,
.woocommerce-page td,
.woocommerce-page th {
	border: 0;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley, .entry-content-page,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Header Video CSS
--------------------------------------------------------------*/
.wp-custom-header {
	position: relative;
}

.wp-custom-header-video-button {
	position: absolute;
	left: 2%;
	top: 85%;
	max-width: 100%;
	border: 1px solid #4169E1;
	border-radius: 3px;
	background: #4169E1;
	font-size: 16px;
	padding: 8px 15px;
	color: #fff;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 24px;
	max-width: 100%;
	background: #ddd;
	padding: 5px;
	border: 1px solid #4169E1;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 5px 0;
}

.wp-caption-text {
	font-style: italic;
	text-align: center;
	font-size: 12px;
	margin-top: 2px;
}

.gallery .gallery-caption {
	font-size: 12px;
	padding: 5px;
	font-style: italic;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 24px;
}

.gallery-item {
	padding: 1%;
	text-align: center;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.11%;
}

@media screen and (max-width: 768px) {
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 25%;
	}
}

@media screen and (max-width: 480px) {
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 33.33%;
	}
}