/*
Theme Name: Espacio Multidiscilinario (Twenty Eleven) Child
Theme URI: https://wordpress.org/themes/twentyeleven/
Template: twentyeleven
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Tags: blog,one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,footer-widgets,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready
Version: 3.4.1677867457
Updated: 2023-03-03 18:17:37

*/

/*----  SANTI -----*/
.titulo-modulo-capacitacion {
  color: #0e68e6;
}

@font-face {
  font-family: "Gilroy";
  src: url("/font/Gilroy-Regular.ttf");
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 1600px !important;
  }
  h3.titulo-form {
    margin-left: 18%;
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 2em;
    text-transform: capitalize;
  }

}

h3.titulo-form {
  margin-left: 18%;
  font-size: 1.8em !important;
  line-height: 1.3em !important;
  margin-bottom: 2em !important;
  text-transform: capitalize !important;
}

.flotante {
  display: block;
  width: 70px;
  height: 70px;
  color: #fff;
  position: fixed;
  left: 8%;
  bottom: 85px;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
}

.navbar-brand img {
  width: 300px !important;
  height: auto !important;
  margin-left: 18% !important;
  padding-top: 2em !important;
  padding-bottom: 1.2em !important;
}

.nav-link.active {
  color: #005cb9 !important;
}

#navbarResponsive {
  padding-right: 15% !important;
  padding-top: 2em !important;
  font-weight: bold !important;
}

@media screen and (min-width: 1600px) {
  #navbarResponsive {
    padding-right: 15% !important;
    padding-top: 2em !important;
    font-size: 1.4em !important;
    font-weight: bold !important;
  }
}

@media screen and (max-width: 900px) {
  #navbarResponsive {
    padding-right: 15% !important;
    padding-top: 2em !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
  }
}

.only-desktop {
  display: inline;
}
.only-mobile {
  display: none;
}

#frase-azul {
  color: #005cb9 !important;
  text-align: left;
  font-size: 2em !important;
  font-weight: 600 !important;
  margin-left: 0 !important;
  margin-right: 0;
  margin-bottom: 1em !important;
  margin-top: 1em !important;
  /*font-family: "Gilroy";*/
}
.centrado {
  margin-bottom: 2em;
  margin-left: 18% !important;
  margin-right: 18% !important;
}

.banner-2 {
  margin-left: 18% !important;
  margin-right: 18% !important;
}

.linea {
  border-bottom: 0.01px solid #4949495d !important;
}
.quienes-somos-p {
  font-size: 1.1em !important;
  /*font-family: "Gilroy";*/
  color: #141414;
}

#colophon {
  background-color: #000;
  margin-bottom: 0;
  z-index: 10;
  position: relative;
}

.frase-footer {
  color: #ffffff93 !important;
  font-size: 1em;
  /*font-family: "Gilroy";*/
}

#logo-footer {
  width: 100%;
  padding-right: 10px;
}

#nav-footer li {
  font-size: 1.4em;
  color: rgba(255, 255, 255, 0.644);
  list-style-type: none;
  /* font-family: "Gilroy";*/
}

#nav-footer a {
  color: #d8d1d1e7;
  border-bottom: #ffffff;
}

#nav-footer a:hover {
  color: #ffffff;
  text-decoration: none;
}

.icon-footer {
  width: 1em;
  margin-right: 0.3em;
  padding-bottom: 0.2em;
}
.info-footer {
  color: #ffffff93;
  font-size: 1.4em;
}

#icons-contacto {
  list-style-type: none !important;
}

.item-contacto {
  width: 1.5em;
  margin-top: 0.5em;
}

.input-contact span input,
.input-contact span textarea {
  border-radius: 30px;
  padding: 0.6em 1em;
  border-width: 1px;
  width: 25vw !important;
}

::placeholder {
  color: #000;
  font-size: 1em;
  font-weight: 500;
}

.wpcf7-submit {
  background-color: #005cb9;
  padding: 0.2em 2em;
  border-radius: 30px;
  color: #ffffff;
  font-size: 1.1em;
  border-width: 0px;
  font-weight: 600;
  float: right;
  margin-right: 20px;
  margin-bottom: 30px;
}
select.wpcf7-form-control.wpcf7-select {
  width: 83%;
  border-radius: 30px;
  padding: 0.3em 2em;
  margin-right: 0.8em;
  font-weight: 500;
}

.btn-ver-mas {
  background-color: transparent;
  border: 1px solid #505050 !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  padding: 0.2em 1em;
  outline: none !important;
}

.btn-ver-mas:hover {
  color: #ffffff !important;
  background-color: #4e4e4e;
  border: 1.5px solid #ffffff !important;
  outline: none !important;
}
@media (max-width: 700px) {
  div#formulario-consultas {
    margin-left: 5% !important;
  }
  .wpcf7-submit {
    float: left;
  }
}

.mc4wp-response {
  color: rgb(255, 255, 255);
  position: relative;
  animation-name: notificacion;
  animation-duration: 4s;
  animation-delay: -2s;
  animation-iteration-count: 4;
}

@keyframes notificacion {
  0% {
    left: 0px;
    top: 0px;
  }
  25% {
    left: 100px;
    top: 0px;
  }

  100% {
    left: 0px;
    top: 0px;
  }
}

@media (max-width: 650px) {
  .navbar-brand img {
    width: 8em !important;
    height: auto !important;
    margin-left: 5% !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  #navbarResponsive {
    padding-top: 1em !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
    padding-bottom: 1em !important;
  }

  .only-desktop {
    display: none;
  }
  .only-mobile {
    display: inline;
  }
  .frase-footer {
    color: #ffffff93 !important;
    font-size: 0.6em !important;
  }
  .info-footer {
    color: #ffffff93;
    font-size: 0.8em;
  }

  .item-contacto {
    width: 1.5em;
    margin-top: 0.5em;
  }
  .centrado {
    margin-bottom: 2em;
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
  .banner-2 {
    margin-left: 7% !important;
    margin-right: 7% !important;
  }
  .wp-image-109 {
    width: 100vw !important;
  }
  article.intro {
    padding: 0 !important;
  }
  #frase-azul {
    font-size: 1.3em !important;
    /*font: normal normal bold Gilroy ☞;*/
  }
  .centrado h2 {
    font-size: 1.3em !important;
  }
  .input-contact span input,
  .input-contact span textarea {
    width: 75vw !important;
  }
  .page-template-showcase-php #content,
  .left-sidebar.page-template-showcase-php #content {
    margin: 0;
    width: 100vw;
  }

}

#imagen-cv {
  width: 180px;
  height: 180px;
  background-image: url(https://espaciomultidisciplinario.com.ar/wp-content/uploads/2020/11/CV-Anahi-Imagen.jpg);
  background-size: cover;
  background-position-y: center;
  border-radius: 50%;
}

/*----OCULTA EL BUSCADOR DE TRABAJOS--- 
(Debería comentar esa porción de código para que no salga el buscador)
*/
.sjb-filters {
  display: none !important;
}

.company-name {
  color: #0064ba !important;
  font-size: 1em;
  font-weight: 600;
}

.sjb-page .list-data .company-logo img {
  /*height: 15vw;
  width: 15vw;*/
  border: none !important;
}
.sjb-page .list-data {
  border: none !important;
  padding: 0;
}
.sjb-listing {
  margin-left: 18%;
}
.btn-postulate,
.btn-transparente {
  color: #0064ba !important;
  background-color: transparent;
  border: 1px solid #0064ba !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
}
.btn-postulate:hover,
.btn-transparente:hover {
  color: #ffffff !important;
  background-color: #0064ba;
  border: 1.5px solid #ffffff !important;
}
.resumen {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.85em !important;
  width: 100%;
}
.job-type,
.job-location {
  color: #000000 !important;
  font-weight: 700;
  font-size: 1.2em !important;
  margin-top: 1em;
}

@media (max-width: 650px) {
  .sjb-page .list-data .company-logo img {
    height: 100% !important;
    width: 100% !important;
  }

  .sjb-listing {
    margin-left: 5% !important;
  }
  .list-view.row {
    margin: 0;
  }

}

/*-----Carousel----*/
/*
.carousel,
.carousel-inner,
.carousel-inner > .carousel-item {
  overflow: hidden;
}
.carousel-inner > .carousel-item.active,
.carousel-inner > .carousel-item-next {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.carousel-inner:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 80vw;
  left: 0;
  content: "";
  display: block;
  background-color: #fff;
  z-index: 2;
}
.carousel-inner:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 80vw;
  content: "";
  display: block;
  background-color: #fff;
  z-index: 2;
}
img.img-fluid {
  width: 90vw;
  height: 30vw;
  opacity: 0.7;
}

.carousel-caption {
  position: absolute;
  top: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #131212 !important;
  text-align: left !important;
  font-size: 3em;
  font-weight: bold;
}*/
.flechas {
  position: relative;
  bottom: 90px;
  left: 55%;
  background-color: #0064ba;
  padding: 5px 0px;
}

#slidetext {
  color: #ffffffb4;
  font-size: 1em;
  border-left: 0.5px solid #ffffffb4;
  border-right: 0.5px solid #ffffffb4;
  /*border-bottom: 0.5px solid #ffffffb4;*/
  padding-left: 1em;
  padding-right: 1em;
}
/* carousel 2*/

.show-neighbors {
  overflow: hidden;
}
.show-neighbors .item__third:first-child,
.show-neighbors .item__third:last-child {
  display: none;
}

@media (min-width: 1200px) {
  .show-neighbors .carousel-indicators {
    margin-right: 5%;
    margin-left: 5%;
  }
  /*.show-neighbors .carousel-control-prev,
  .show-neighbors .carousel-control-next {
    background: rgba(255, 255, 255, 0.3);
    width: 5%;
    z-index: 11;
    /* .carousel-caption has z-index 10 */
  /*}
*/
  .show-neighbors .carousel-inner {
    width: 200%;
    left: -55%;
  }
  .show-neighbors .carousel-item-next:not(.carousel-item-left),
  .show-neighbors .carousel-item-right.active {
    -webkit-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
  }
  .show-neighbors .carousel-item-prev:not(.carousel-item-right),
  .show-neighbors .carousel-item-left.active {
    -webkit-transform: translate3d(-33%, 0, 0);
    transform: translate3d(-33%, 0, 0);
  }
  .show-neighbors .item__third {
    display: block !important;
    float: left;
    position: relative;
    /* captions can now be added */
    width: 33.33333333%;
  }
  .item__third {
    padding: 5px;
  }
}

/***/

.carousel-caption {
  position: absolute;
  top: 20px;
  z-index: 10;
  /*padding-top: 20px;
  padding-bottom: 20px;*/
  color: #ffffff !important;
  text-align: left !important;
  font-size: 4vw;
  font-weight: bold;
  text-shadow: 0 0 10px black;
  line-height: 1em;
}

.botones {
  position: relative;
  bottom: 11vh;
  left: 15%;
  z-index: 50;
}

img.sjb-img-responsive {
  width: 100% !important;
  /* height: 16vw !important;*/
}

.btn {
  font-size: 1.2rem !important;
  padding: 5px 30px !important;
}

@media (max-width: 600px) {
  .carousel-caption {
    top: 0px;
    font-size: 1.5em;
  }
  .btn {
    font-size: 0.5rem !important;
  }
  .botones {
    bottom: 5vh;
  }

}

.btn-azul {
  color: #ffffff !important;
  background-color: #0064ba !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  z-index: 20;
}
.btn-azul:hover {
  color: #6d7883 !important;
  background-color: #ffffff !important;
  border: 1px solid #0064ba !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  z-index: 20;
}

/*----------Capacitaciones---------*/

.wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-3-columns.has-multiple-rows {
  margin-left: 18%;
  text-align: left;
}

a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
  background-color: #0064ba !important;
}
.woocommerce ul.products li.product a {
  text-decoration: none !important;
  color: white !important;
  border-radius: 30px !important;
}

.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product,
.wc-block-grid.has-3-columns .wc-block-grid__product {
  flex: 1 0 33.33333%;
  max-width: 25% !important;
  text-align: left;
}

@media (max-width: 600px) {
  .theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product,
  .wc-block-grid.has-3-columns .wc-block-grid__product {
    flex: 1 0 33.33333%;
    max-width: 90% !important;
    text-align: left;
  }
  .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-3-columns.has-multiple-rows {
    margin-left: 0;
    text-align: left;
  }
  #content.twentyeleven ul {
    margin: 16px !important;
  }
}

#content.twentyeleven {
  width: 100% !important;
}

#content.twentyeleven ul {
  margin-left: 18%;
  margin-right: 18%;
}
.woocommerce-ordering {
  display: none;
}

.woocommerce div.product p.price {
  color: #0064ba !important;
  font-size: 2.5em !important;
  font-weight: bold;
}
span.price {
  color: #0064ba !important;
  font-weight: bold !important;
  font-size: 1em;
}
bdi {
  color: #000000 !important;
  font-weight: bold !important;
  font-size: 1em !important;
}

.woocommerce div.product div.images img {
  width: 80% !important;
  margin-left: 18% !important;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  width: 100% !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  margin-left: 18% !important;
}

.woocommerce-product-details__short-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.85em !important;
  color: #000000;
}

section.related.products,
.no-job-listing {
  display: none !important;
}

.product_meta,
.tabs {
  display: none !important;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
  display: none !important;
  margin-left: -18% !important;
}

.woocommerce-input-wrapper#billing_last_name {
  border-radius: 30px !important;
}

div#formulario-consultas {
  margin-left: 35%;
}

h3.titulos {
  font-size: 3em !important;
  font-weight: 700 !important;
}

p.titulos {
  font-size: 1.2em;
  font-weight: 900;
}
.img-disertante {
  width: 12em !important;
  height: 12em !important;
}
@media (max-width: 400px) {
  .img-disertante {
    width: 70vw !important;
    height: 70vw !important;
  }
  div#formulario-consultas {
    margin-left: 5%;
    margin-right: 0;
  }
  .titulo-banner-home {
    font-size: 2em;
  }
  .row.disertantes {
    padding: 0;
  }
}
.row.disertantes {
  padding: 0 12% 0 14%;
}

/*------------Postulación oferta laboral --------------*/
span.job-title {
  color: black;
  font-weight: 800;
  font-size: 1.2em;
}
.sjb-page h4 .servicios {
  height: 60px;
}

.job-title-listing {
  color: #0064ba !important;
  font-size: 1em;
  font-weight: 600;
  /* font-family: "Gilroy";*/
}

.table tr td {
  border: none !important;
  padding: 0 !important;
}
.job-features h3 {
  color: black !important;
}
.postularse input,
.postularse span {
  border-radius: 30px !important;
  padding: 0.3em 1em !important;
  border-width: 1px !important;
  width: 25vw !important;
  border-color: black !important;
  margin-bottom: 12px !important;
}
.col-md-12.postularse {
  padding-right: 15% !important;
  margin-bottom: 4em !important;
}

.widget-area #search-2 {
  display: none !important;
}

button.single_add_to_cart_button.button.alt {
  background-color: #0064ba !important;
  border-radius: 30px !important;
  padding: 0.4em 2em;
  font-size: 1.5em;
}
.woocommerce ul.products li.product .button {
  margin-top: 1em;
  font-size: 1.2em;
  padding: 10px 30px;
}
.quantity {
  display: none !important;
}

.recuadro {
  margin: 15%;
  border: solid 1px;
  border-radius: 16px;
  padding: 3%;
}

p.stock.in-stock {
  display: none !important;
}

#foto-equipo-EM {
  background-color: #000000;
  background-image: url(https://espaciomultidisciplinario.com.ar/wp-content/uploads/2020/11/Foto_equipo_EM-1.jpg);
  background-size: cover;
  background-position-x: center;
  background-position-y: bottom;
  height: 300px;
}
/*-------- SERVICIOS -------*/

.resumen-servicio {
  /*display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;*/
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4em !important;
  width: 100%;
  /* font: normal 20px/24px Gilroy;*/
}
.azul-lg {
  width: 12em;
  padding: 10px !important;
  font-size: 1em !important;
  margin-top: 1em;
}

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


:focus {
  /* remember to define focus styles! */
  outline: 0;
}


/* =Structure
----------------------------------------------- */

body {
  padding: 0;
}
#page {
  margin: 0;
  max-width: 100%;
}


/* Singular */
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
  margin: 0 auto;
  width: 90%;
}



/* Showcase */
.page-template-showcase-php #main .widget-area {
  float: left;
  /*margin: 0 -22.15% 0 0;*/
  width: 22.15%;
}


/* One column */
.one-column #page {
  /* max-width: 690px;*/
}


/* Forms */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea {
  /*background: #fafafa;*/
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  /*border: 1px solid #ddd;*/
  color: #888;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
textarea:focus {
  color: #373737;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"] {
  padding: 3px;
}

/* =Header
----------------------------------------------- */

#branding {
							
  padding-bottom: 10px;
  position: relative;
  z-index: 999;
}

/* =Menu
-------------------------------------------------------------- */
#access ul ul {
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  margin: 0;
  position: absolute;
  top: 3.333em;
  left: 0;
  width: 188px;
  z-index: 999;
}

/* =Content
----------------------------------------------- */

#main {
  clear: both;
  padding: 0;
}



/* Images */
.wp-caption {
  /* background: #eee;
  margin-bottom: 1.625em;
  max-width: 96%;
  max-width: calc(100% - 18px);
  padding: 9px;*/
}


.wp-caption-text {
  color: #0e68e6;
  font-size: 18px;
  font-weight: bold;
}

.woocommerce-tabs.wc-tabs-wrapper {
  padding-left: 18%;
}

.wp-caption .wp-caption-text {
  /* margin-bottom: 0.6em;
  padding: 10px 0 5px 40px;
  position: relative;*/
}
.wp-caption .wp-caption-text:before {
  /*color: #666;
  content: "\2014";
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 7px;*/
}

/* Image borders */

#content .gallery .gallery-icon img {
  /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  /*border: 1px solid #ddd;*/
  padding: 6px;
  max-width: 97.5%;
  max-width: calc(100% - 14px);
}
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img{
	border: none;
}

/* Password Protected Posts */

.post-password-required input[type="password"] {
  margin: 0.8125em 0;
}
.post-password-required input[type="password"]:focus {
  background: #f7f7f7;
}


/* Singular content styles for Posts and Pages */
.singular .entry-title {
  color: #fff;
  font-size: 3em;
  font-weight: bold;
  line-height: 48px;
  text-shadow: 0 0 black;
  top: 40px;
  position: relative;
  /*left: 70px;*/
  width: 30% !important;
}
@media (max-width: 600px) {
  .singular .entry-title {
    color: #fff;
    font-size: 3em;
    font-weight: bold;
    line-height: 48px;
    text-shadow: 1px 1px black;
    top: 40px;
    position: relative;
    width: 90% !important;
  }
  .woocommerce div.product form.cart .button {
    float: none !important;
  }
  .postularse input,
  .postularse span {
    width: 70vw !important;
  }
  .padding-centrado,
  .job-features,
  .jobpost-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  input#applicant-resume {
    margin-left: -20%;
  }
  .woocommerce-tabs.wc-tabs-wrapper {
    padding-left: 8%;
  }
}

@media (min-width: 1024px) {
  .singular .entry-title {
    width: 90%;
  }
}


/* =error404
----------------------------------------------- */

.error404 #main #searchform {
  background: #f9f9f9;
  /*border: 1px solid #ddd;*/
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 8.9%;
}


/* Intro */
article.intro {
  /*background: #f9f9f9;*/
  border-bottom: none;
  margin: -1.855em -8.9% 1.625em;
  padding: 0 8.9%;
}

article.intro .entry-content {
  /*color: #111;*/
  font-size: 16px;
  padding: 1.625em 0 0.625em;
}
article.intro .edit-link a {
  /*background: #aaa;*/
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 0 8px;
  position: absolute;
  top: 30px;
  right: 20px;
  text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
  /*background: #777;*/
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
  background: #f9f9f9;
  /*border: 1px solid #ddd;*/
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 1.625em 0;
  text-align: center;
}


/* Helps galleries in widget areas look presentable in most cases. */
#page .widget-area .gallery-columns-2 img,
#page .widget-area .gallery-columns-3 img,
#page .widget-area .gallery-columns-4 img,
#page .widget-area .gallery-columns-5 img,
#page .widget-area .gallery-columns-6 img,
#page .widget-area .gallery-columns-7 img,
#page .widget-area .gallery-columns-8 img,
#page .widget-area .gallery-columns-9 img {
  border: none;
  max-width: 100%;
  width: auto;
}



/* =Comments
----------------------------------------------- */
.commentlist > li.comment {
  background: #f6f6f6;
  /*border: 1px solid #ddd;*/
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 1.625em;
  padding: 1.625em;
  position: relative;
}


/* =Responsive Structure
----------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@media (max-width: 800px) {
  /* Simplify the basic layout */
  #main #content {
    /*margin: 0 7.6%;*/
    width: auto;
  }
  #nav-below {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.625em;
  }
  #main #secondary {
    float: none;
    /*margin: 0 7.6%;*/
    width: auto;
  }
  /* Simplify the showcase template */
  .page-template-showcase-php .featured-posts {
    min-height: 280px;
  }
  .featured-posts section.featured-post {
    height: auto;
  }
  .page-template-showcase-php section.recent-posts {
    float: none;
    margin: 0;
    width: 100%;
  }
  .page-template-showcase-php #main .widget-area {
    float: none;
    margin: 0;
    width: auto;
  }
  .page-template-showcase-php .other-recent-posts {
    border-bottom: 1px solid #ddd;
  }
  /* Simplify the showcase template when small feature */
  section.featured-post .attachment-small-feature,
  .one-column section.featured-post .attachment-small-feature {
    border: none;
    display: block;
    float: left;
    height: auto;
    margin: 0.625em auto 1.025em;
    max-width: 30%;
    position: static;
  }
  article.feature-image.small {
    float: right;
    margin: 0 0 1.625em;
    width: 64%;
  }
  .one-column article.feature-image.small .entry-summary {
    height: auto;
  }
  article.feature-image.small .entry-summary p a {
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
  }
  /* Remove the margin on singular articles */
  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular #comments-title {
    width: 100%;
  }
  /* Simplify the pullquotes and pull styles */
  .singular blockquote.pull {
    margin: 0 0 1.625em;
  }
  .singular .pull.alignleft {
    margin: 0 1.625em 0 0;
  }
  .singular .pull.alignright {
    margin: 0 0 0 1.625em;
  }
  .singular .entry-meta .edit-link a {
    left: 0;
    position: absolute;
    top: 40px;
  }
  .singular #author-info {
    margin: 2.2em -8.8% 0;
    padding: 20px 8.8%;
  }
  /* Make sure we have room for our comment avatars */
  .commentlist {
    width: 100%;
  }
  .commentlist > li.comment,
  .commentlist .pingback {
    margin-left: 102px;
    width: auto;
  }
  /* And a full-width comment form */
  #respond {
    width: auto;
  }
  /* No need to float footer widgets at this size */
  #colophon #supplementary .widget-area {
    float: none;
    margin-right: 0;
    width: auto;
  }
  /* No need to float 404 widgets at this size */
  .error404 #main .widget {
    float: none;
    margin-right: 0;
    width: auto;
  }
}

@media (max-width: 650px) {
  /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
  body,
  input,
  textarea {
    font-size: 13px;
  }
  #site-title a {
    font-size: 24px;
  }
  #site-description {
    font-size: 12px;
  }
  #access ul {
    font-size: 12px;
  }
  #branding .only-search + #access div {
    padding-right: 0;
  }
  article.intro .entry-content {
    /* font-size: 12px;*/
  }
  .entry-title {
    font-size: 21px;
  }
  .featured-post .entry-title {
    font-size: 14px;
  }
  .singular .entry-title {
    font-size: 28px;
  }
  .entry-meta {
    font-size: 12px;
  }
  blockquote {
    margin: 0;
  }
  blockquote.pull {
    font-size: 17px;
  }
  /* Reposition the site title and description slightly */
  #site-title {
    padding: 5.30625em 0 0;
  }
  #site-title,
  #site-description {
    margin-right: 0;
  }
  /* Make sure the logo and search form don't collide */
  #branding #searchform {
    top: 1.625em !important;
  }
  /* Floated content doesn't work well at this size */
  .alignleft,
  .alignright {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  /* Make sure the post-post navigation doesn't collide with anything */
  #nav-single {
    display: block;
    position: static;
  }
  .singular .hentry {
    padding: 1.625em 0 0;
  }
  .singular.page .hentry {
    padding: 1.625em 0 0;
  }
  .singular .entry-header .entry-meta,
  .singular .entry-header .entry-format,
  .singular .entry-meta .edit-link a {
    position: static;
  }
  /* Talking avatars take up too much room at this size */
  .commentlist > li.comment,
  .commentlist > li.pingback {
    margin-left: 0 !important;
  }
  .commentlist .avatar {
    background: transparent;
    display: block;
    padding: 0;
    position: static;
  }
  .commentlist .children .avatar {
    background: none;
    left: 2.2em;
    padding: 0;
    position: absolute;
    top: 2.2em;
  }
  /* Use the available space in the smaller comment form */
  #respond input[type="text"] {
    width: 95%;
  }
  #respond .comment-form-author .required,
  #respond .comment-form-email .required {
    left: 95%;
  }
  #content .gallery-columns-3 .gallery-item {
    width: 31%;
    padding-right: 2%;
  }
  #content .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
  }
}


  /* Comments */
  .commentlist > li.comment {
    background: none;
    /*border: 1px solid #ddd;*/
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin: 0 auto 1.625em;
    padding: 1.625em;
    position: relative;
    width: auto;
  }
  
  
  
  /* ARIADNA */ 
.recent-posts	.sjb-loader-wrapper, .recent-posts{	
		display: none;
	}	
.entry-content, .bd-example, .container-fluid{	
	background-color: #fff;
}	