/* GENERAL */

body { background: #555; color: #FFF; font-family: "Poppins"; font-weight:400; font-size: 14px; }

p {  font-family: "Poppins"; font-weight:400; font-size: 13px; }

h1, h2, h3, h4, h5, h6 { font-family: "Poppins"; color: #333; font-weight:400; letter-spacing: 1px; }

h1 { font-size: 2rem;}

h2 { font-size: 1.5rem; }

h2.slogan { font-size: 1rem; }

h3 { font-size: 1.2rem; }

h4 { font-size: 1rem;  }

h5 { font-size: 0.9rem;  }

i { color: #999; }

a { color: #999; font-weight:500; }

a:hover, a:focus { color: #CCC; }


/* WORDPRESS */

.page-navigation {
    display: none;
}

footer p { padding: 1.5rem 0 !important; margin: 0; }

input.button {
  background-color: rgba(0,0,0,0.5);
  text-transform: uppercase; 
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 1rem 2rem;
}

input.button:hover, input.button:active, input.button:focus { background-color: rgba(0,0,0,0.75); }

input[type="text"], input[type="email"], textarea {
  background: #444 none repeat scroll 0 0;
  border:0;
  margin-bottom: 0.75rem;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  background: #555 none repeat scroll 0 0;
}

/* MENU */

.top-bar, .top-bar ul, .title-bar { padding:0; background:  #666; color: #FFF; height: 55px; }

.top-bar .menu-icon { height: 30px; width: 30px; margin: 20px 20px 0; }

.menu-icon:after {
    background: #FFF none repeat scroll 0 0;
    box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF;
}

.top-bar h1 { font-size: 1.1rem; color: #FFF; margin-top: 10px; }


/* COLORES */ 

.blanco { color: #FFF; }

.grisc { color: #EEE; }

.grism { color: #BBB; }

.griso { color: #262626; }

.brown { background-color: #795548; }

.borde-rojo { border: 5px solid #F00;}

.blanco-bg {
  background: #fff;
  width: 100%;
}

.grisc-bg {
  background: #EEE;
  width: 100%;
}

.grism-bg {
  background: #BBB;
  width: 100%;
}

.griso-bg {
  background: #262626;
  width: 100%;
}

.grisoo-bg {
  background: #1b1b1b;
  width: 100%;
}

.dark-bg, .panel-module h3.dark-bg, .panel-module-title h3.dark-bg {
  background-color: rgba(0,0,0,0.5)!important;
}

.darker-bg, .panel-module h3.darker-bg, .panel-module-title h3.darker-bg {
  background-color: rgba(0,0,0,0.85)!important;
}

.panel-module {  }

.panel-module ul, .panel-module p { margin-bottom:0;}

i { float:left; text-indent: -9999px; }

i:before { float:left; font-size: 3rem; text-indent: 0; }

.featured-icon i:before { font-size: 2.5rem; color: #C0C0C0; }

.featured-item { margin-bottom: 2rem; }

.uppercase { text-transform: uppercase; }

.invisible { height: 0; }

.no-margin { margin:0!important; }

a.big-z, .grid-letters span { 
  font-size: 30px; font-weight: 300; color: #FFF; background-color: rgba(0,0,0,0.5);
  width: 60px; height: 60px; display: inline-block; line-height: 60px; text-align: center; }

.grid-letters  {
  padding-left: 1rem;
}

.grid-letters span {
  height: 50px;
  line-height: 50px;
  width: 100%;
}

.grid-letters .columns {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.5rem;
}

.bigger-z { font-size: 240px !important; height: 300px !important; line-height: 300px !important; }

a.big-z:hover { background-color: rgba(0,0,0,0.75); }

input.link, a.link { border:0;  color: #CCC!important; font-family: "Poppins"; font-weight:600; background: transparent; padding: 0;}

input.link:hover, a.link:hover { color:#FFF!important; cursor: pointer; }


/* PANEL */

.close-button, .close-button.medium {
    font-family: "Poppins";
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    right: 1rem;
    top: 0.75rem;
    color: #666;
}

.close-button:hover, .close-button:focus { color: #999; }

#panel {
  position: fixed;
  width: 75%;
  height: 100%;
  background-color: rgba(0,0,0,0.5)!important;
}

p, h1, h2, h3 {
  background-color: rgba(0,0,0,0.5)!important;
  color: #FFF;
  margin-bottom: 0.75rem;
}

.entry-content p {
  background-color: transparent!important;
  text-align: center;
}

.entry-content { }

.article-header { margin: 70px 0 10px; }

.page p, .page h1, .page h2, .page h3,
.panel-module p, .panel-module h1, .panel-module h2, .panel-module h3,
.panel-module-title p, .panel-module-title h1, .panel-module-title h2 {

  padding: 0.25em 0.75rem;
}

.panel-module-title h1 {  padding-bottom:0;  padding-top:0; padding-left: 20px; margin-bottom:0; background-color: rgba(0,0,0,0.85)!important;}

.panel-module h2, .panel-module-title h2 { font-size: 0.9rem; }

.panel h1 { font-weight: 300; }

.panel h2 { font-weight: 300; }

.panel-module h3, .panel-module-title h3 { font-weight: 600; text-transform: uppercase; font-size: 0.75rem; padding: 0.3rem 0 0 20px; margin-bottom: 0; }

.panel-module li {
  background-color: rgba(0,0,0,0.5)!important;
  color: #FFF;
  padding-left: 1.5vh;
  height: 5vh;
  text-transform: uppercase;
}

.panel-module .social  {
  background-color: rgba(0,0,0,0.5)!important;
}

.panel-module .social a {
  display: block;
  height: 5vh;
}

.panel-module .social a i {
  display: block;
  width: 100%;
}

.panel-module .social a i:before {
  font-size: 1rem;
  display: inline-block;
  padding-top: 1.5vh;
  width: 100%;
  height: 5vh;
}

.panel-module .social a i:hover {
  background-color: rgba(0,0,0,0.5)!important;
  color: #FFF;
}

.panel-module .social a:hover {
  color: #FFF;
}

.panel-module a, .panel-module input {
  color: #CCC;
  font-weight: 500;
}

.panel-module a:hover {
  color: #FFF;
}

.panel-module li a {
  padding-top: 1.5vh;
  width: 100%;
  display: block;
}

.panel-module li:hover{
  background-color: rgba(0,0,0,0.75)!important;
}

.panel-module { height: 25vh; }

.panel-module-z {height: 5vh; position: fixed;}

.panel-module-title {height: 25vh; }

.page .panel-module-title {height: auto; }

/* PLUGINS */

.mashsb-box .mashsb-buttons a {
  background-color: rgba(0,0,0,0.5);
  width: 60px;
  height: 60px;
}

.mashsb-container {
  padding-top: 0;
  padding-bottom: 0;
  float: right;
}

.mashsb-stretched .mashsb-buttons { margin-top: -80px; }

.mashsb-stretched .mashsb-buttons a { padding: 20px 15px; margin:0; }

.single .mashsb-stretched .mashsb-buttons {  margin-top: -70px; }

.single-title, .byline { max-width: 50rem; margin: 0 auto; text-align: center; }

.single-title { font-size: 14px; line-height: 18px; padding: 0.25em 0.75rem; }

.byline { font-size: 16px; line-height: 20px; padding: 0.25em 0.75rem;}

#content #inner-content { padding: 0; }


div.pp_pic_holder { top: 0 !important; }

div.ppt { margin: 70px 0 10px 0; padding: 10px 0 10px 10px; font-size: 14px; line-height: 18px;  }

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    height: 40px;
    margin: 4px 0 0;
    width: 40px;
}

div.pp_default a.pp_arrow_previous:after, div.pp_default a.pp_arrow_next:after, body div.pp_default .pp_close::after {
    color: #fff;
    font-family: "FontAwesome",serif;
    font-size: 40px!important;
    height: 40px!important;
    left: 0;
    line-height: 30px!important;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 40px!important;
}

body div.pp_default .pp_close::after {
    color: #fff;
    font-family: "FontAwesome",serif;
    font-size: 20px!important;
    height: 40px!important;
    left: 0;
    line-height: 40px!important;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 40px!important;
}

body div.pp_default .pp_nav .currentTextHolder {
    font-size: 18px;
    font-weight: 600;
    padding: 5px 20px;
    font-style: normal;
}

div.ppt { background-color: rgba(0,0,0,0.5)!important; }


/* prettyPhoto styling for small screens */
@media (max-width: 500px) {

div.pp_pic_holder{width:100%!important;left:0!important;  top: 0px!important; overflow: hidden; }
.pp_content{width:100%!important;height:300px!important; }
.pp_hoverContainer{width:100%!important;height:100vw!important;}
#pp_full_res>img{width:100%!important;height:auto!important}
div.pp_default .pp_details{width:98%!important}
div.ppt{width:100%!important; font-size: 14px;}
.title .separator{display:none}

}

/* INSTAGRID  MOVIL */

.insta-grid { width: 100%; }

.insta-grid .panel { width: 25%; }


.category-6-items .insta-grid .panel { width: 50%; } /* 6 IMAGES: 2 x 3 */

.category-12-items .insta-grid .panel { width: 33.333%!important; } /* 12 IMAGES: 4 x 3 */

.category-15-items .insta-grid .panel, .category-nandroidlogos .insta-grid .panel { width: 33.333%!important; } /* 15 IMAGES: 5 x 3 */

.category-24-items .insta-grid .panel, .category-brickmusicheroes .insta-grid .panel { width: 25%!important; } /* 20-24-28 IMAGES: 4 x 5-6-7 */

.insta-grid p { margin: 0; }


/*DAVID BRICKIE */

body.category-davidbrickie { background-color: #FFF;}

.category-davidbrickie .insta-grid { width: 100%; }

.category-davidbrickie .insta-grid .panel {
    width: 25%!important;
    overflow: hidden;
}

.category-davidbrickie .entry-content img {
    height: 100vh;
    max-width: none;
    width: auto;
    margin-left: -175%;
}


/* FOOTER */

footer { margin-top:0!important; color: #818181;} 

footer .copyright { font-size: 12px; line-height: 22px; } 

footer h5 { color: #FFF; } 

footer .menu > li { margin-bottom: 0.5rem; } 

footer .menu > li > a { padding: 0; text-transform: uppercase; line-height: 26px;}

.footer_top a, .footer a, .footer_top p, .footer_top span, .footer_top li, .footer_top .textwidget { color: #818181; line-height: 26px; }

footer a { color: #818181; transition: color 0.2s ease-in-out 0s; }

footer a:hover { color: #FFF; transition: color 0.2s ease-in-out 0s; }


/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {} /* ANCHO: 640px y mayor */


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

} 

/* Large and up */
@media screen and (min-width: 64em) { /* ANCHO: 1025px y mayor */

  .up-mobile { margin-top: 0; }

  h1 { font-size: 2.5rem;}

  h2 { font-size: 2rem; }

  h2.slogan { font-size: 2.5rem; }

  h3 { font-size: 1.5rem; }

  h4 { font-size: 1.2rem;  }

  h5 { font-size: 1rem;  }

  p { font-size: 15px; }

  .single .article-header { margin: 0 0 10px; }

  .single-title { height: 60px; }

  .single .mashsb-stretched .mashsb-buttons { margin-top: 0px; }

  .panel-module h2, .panel-module-title h2 { font-size: 1.1rem; }

  #panel { width: 20%; }

  .insta-grid { width: 175vh; float: right; } /* 28 IMAGES */

  .insta-grid .panel { width: 14.2857%!important; } /* 28 IMAGES 7 X 4 */

  .category-6-items .insta-grid { width: 150vh; } /* 6 IMAGES */

  .category-6-items .insta-grid .panel { width: 33.333%!important;  } /* 6 IMAGES: 3 x 2 */

  .category-12-items .insta-grid { width: 133.333vh; } /* 12 IMAGES */

  .category-12-items .insta-grid .panel { width: 25%!important; } /* 12 IMAGES: 4 x 3 */

  .category-15-items .insta-grid, .category-nandroidlogos .insta-grid, .category-brickmusicheroes .insta-grid  { width: 166.666vh;} /* 15 IMAGES */

  .category-15-items .insta-grid .panel, .category-nandroidlogos .insta-grid .panel { width: 20%!important; } /* 15 IMAGES: 5 x 3 */

  .category-20-items .insta-grid, .category-nandroidlogos .insta-grid, .category-brickmusicheroes .insta-grid  { width: 125vh; } /* 20 IMAGES: 5 x 4  */

  .category-20-items .insta-grid .panel, .category-brickmusicheroes .insta-grid .panel { width: 20%!important; } /* 20 IMAGES: 5 x 4 */

  .category-24-items .insta-grid { width: 150vh; } /* 24 IMAGES */

  .category-24-items .insta-grid .panel { width: 16.666%!important; } /* 24 IMAGES: 6 x 4 */


  .category-davidbrickie .insta-grid .panel {
      width: 16.666%!important;
  }

  .category-davidbrickie .entry-content img {
    margin-left: -50%;
  }

  .grid-letters  {
    padding-left: 1.675rem;
  }

  .grid-letters span {
    height: 90px;
    line-height: 90px;
  }

  div.ppt { font-size: 16px!important; line-height: 18px!important; }

  .single-title { font-size: 16px; line-height: 18px; }

  .byline { font-size: 18px; line-height: 22px; }

}

/* Large */
@media screen and (min-width: 64em) {



}

/* XLarge and up */
@media screen and (min-width: 74.9375em) { /* ANCHO: 1280px y mayor */


}

/* XXLarge and up */
@media screen and (min-width: 90em) { /* ANCHO: 1440px y mayor */



}


/* MARTOP */

.martop-1 { margin-top: 1rem; }

.martop-2 { margin-top: 2rem; }

.martop-3 { margin-top: 3rem; }

.martop-4 { margin-top: 4rem; }

.martop-5 { margin-top: 5rem; }

.martop-6 { margin-top: 6rem; }

.martop-8 { margin-top: 8rem; }

.martop-10 { margin-top: 10rem; }

.martop-12 { margin-top: 12rem; }

.martop-small-1 { margin-top: 1rem; }

.martop-small-2 { margin-top: 2rem; }

.martop-small-3 { margin-top: 3rem; }

.martop-small-4 { margin-top: 4rem; }

.martop-small-5 { margin-top: 5rem; }

.martop-small-6 { margin-top: 6rem; }

.martop-small-8 { margin-top: 8rem; }

.martop-small-10 { margin-top: 10rem; }

.martop-small-12 { margin-top: 12rem; }


@media only screen and (min-width: 40.063em) { /* MEDIUM TABLET min-width: 641px a 1024 */

    .martop-small-1, .martop-small-2, .martop-small-3, .martop-small-4, .martop-small-5, .martop-small-6, .martop-small-8, .martop-small-10, .martop-small-12 { margin-top: 0; }

    .martop-medium-1 { margin-top: 1rem; }

    .martop-medium-2 { margin-top: 2rem; }

    .martop-medium-3 { margin-top: 3rem; }

    .martop-medium-4 { margin-top: 4rem; }

    .martop-medium-5 { margin-top: 5rem; }

    .martop-medium-6 { margin-top: 6rem; }

    .martop-medium-8 { margin-top: 8rem; }

    .martop-medium-10 { margin-top: 10rem; }

    .martop-medium-12 { margin-top: 12rem; }

}

@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px a 1440px */

    .martop-medium-1, .martop-medium-2, .martop-medium-3, .martop-medium-4, .martop-medium-5, .martop-medium-6, .martop-medium-8, .martop-medium-10, .martop-medium-12 { margin-top: 0; }

    .martop-large-1 { margin-top: 1rem; }

    .martop-large-2 { margin-top: 2rem; }

    .martop-large-3 { margin-top: 3rem; }

    .martop-large-4 { margin-top: 4rem; }

    .martop-large-5 { margin-top: 5rem; }

    .martop-large-6 { margin-top: 6rem; }

    .martop-large-8 { margin-top: 8rem; }

    .martop-large-10 { margin-top: 10rem; }

    .martop-large-12 { margin-top: 12rem; }

}