/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
body { font-family: "Roboto", sans-serif; background-color:#f5f5f5; font-weight:400; }

body.single { background-color:#fff; }

.bg-white .main-menu nav > ul > li > a,
.bg-white .main-menu nav > ul > li > a:link,
.bg-white .main-menu nav > ul > li > a:visited { color:#000; }
.bg-white .main-menu nav > ul > li > a:hover,
.bg-white .main-menu nav > ul > li > a:active { color:#b4061b; }

.footer-menu ul { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; padding-left:0; margin-bottom:0; }
.footer-menu ul > li { position:relative; display:block; padding:.75rem 1.25rem; border-bottom:1px solid #343434; text-align:center; }
.footer-menu ul > li:last-child { border-bottom:none; }

.playlist .row-1 > [class*="col"] { padding:0 0 1px 1px; }

article .entry-content p, 
article .entry-content ul li,
.single-post .post-wrap .content p { text-align: justify; }

@media only screen and (max-width:1024px) {
	.single-post .post-wrap .content p img { width:100%; height:100%; }
}

/*----------------------------------------*/
/*  2.  Header
/*----------------------------------------*/
/*----
    Header Section
------------------------------------------*/
.header-section { background-color:#000; background-image:none; padding:0px;}
.header-logo .logo { float:none; }
.header-logo .logo img { width:100%; }
@media only screen and (max-width: 767px) { .header-logo { display:none; } }

/*----------------------------------------*/
/*  3.  Post Common Style For Post Block, Carousel & Nav Etc
/*----------------------------------------*/
.single-body .post-block-wrapper { border:none; }

.post-block-wrapper .head .title,
.sub-menu li a { text-transform:none; }

/*----------------------------------------*/
/*  4.  Post Styles
/*----------------------------------------*/
.post .post-wrap .content .title { font-size: 18px; line-height: 22px; }

.archive .post-header,
.blog .post-header,
.page .post-header,
.articulos .post-header,
.campanas .post-header { background-color:transparent; padding:50px 30px 10px; }
.directorio .post-header { background-color:transparent; padding:50px 20px 10px; }
.archive .post-header .title,
.blog .post-header .title,
.page .post-header .title,
.articulos .post-header .title,
.campanas .post-header .title,
.directorio .post-header .title { color:#000; }

.single-post .post-wrap .content ol.list-unstyled { list-style: none; }

/*----------------------------------------*/
/*  9.  Footer
/*----------------------------------------*/
/*--
    Footer Top
----------------------------------------*/
/*-- Footer Widget --*/
.footer-widget .widget-title { text-transform:none; }

/*----------------------------------------*/
/*  10.  Extra CSS
/*----------------------------------------*/
/*--
    Masonry
----------------------------------------*/

.grid-sizer,
.grid-item { float:left; width: 100%; /*margin-bottom: 10px;*/}
.grid-item img { max-width:100%; }

@media only screen and (min-width: 1501px) {
.grid-sizer,
.grid-item { float:left; width: 24.2%;}
.grid-item img { max-width:100%; }
}

@media only screen and (min-width: 1370px) and (max-width: 1500px) {
    .grid-sizer,
    .grid-item { float:left; width: 24.1%;}
}

@media only screen and (min-width: 1274px) and (max-width: 1369px) {
    .grid-sizer,
    .grid-item { float:left; width: 24%;}
}

@media only screen and (min-width: 1185px) and (max-width: 1273px) {
    .grid-sizer,
    .grid-item { float:left; width: 23.9%;}
}

@media only screen and (min-width: 1050px) and (max-width: 1184px) {
    .grid-sizer,
    .grid-item { float:left; width: 23.8%;}
}

@media only screen and (min-width: 955px) and (max-width: 1049px) {
    .grid-sizer,
    .grid-item { float:left; width: 23.8%;}
}


@media only screen and (min-width: 860px) and (max-width: 954px) {
    .grid-sizer,
    .grid-item { float:left; width: 24.1%;}
    .grid-item--width2 { width: 49.3%; }
}

@media only screen and (min-width: 650px) and (max-width: 859px) {
    .grid-sizer,
    .grid-item { float:left; width: 49%;}
}

.playlist { background-color: #fff; }, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { margin: 12px 0 }

.single-post .content img,
.single-post .content figure
{
    margin: 0.5em 1em 0.5em 0;
}
.single-post .content img.alignleft,
.single-post .content figure.alignleft,
.single-post .content .wp-caption.alignleft
{
    float: left;
}
.single-post .content img.alignright,
.single-post .content figure.alignright,
.single-post .content .wp-caption.alignright
{
    float: right;
    margin: 0.5em 0 0.5em 1em ;
}

/*--
    Woocommerce
----------------------------------------*/
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width:48%; }