@charset "UTF-8";
/* CSS Document */
/* Styles Ideamatic to Ideamatic.net*/


/* Document level adjustments */
html {
  font-size: 16px;
}
@media (max-width: 900px) {
  html { font-size: 15px; }
}
@media (max-width: 400px) {
  html { font-size: 13px; }
}

/*GENERAL*/
body{
}

h1{
  font-family: 'Playfair Display', serif;
  font-size: 4.875rem;
  font-weight: 400;
  color: #000000;
  letter-spacing: 1.93px;
  padding-top: 0px;
}
h2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 2.1875rem;
  color: #535353;
  letter-spacing: -0.12px;
}
h3{
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 1.3125rem;
  letter-spacing: -0.07px;
  margin-bottom: 10px;
}

.title_autor h2, .title_autor h2 a, .title_autor p, .title_autor p a{
  font-family: 'Montserrat', sans-serif;
}
.title_autor h2 a:hover, .title_autor p a:hover
{
  color: #5B5B5B;
}
p{
    font-family: 'Roboto', sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    line-height: 1.5rem;
}

p a{
  color: #333333;
  text-decoration: underline;
}
p a:hover{
  color: #999999;
}

/*GENERAL settings theme*/
.container {
    max-width: 1140px;
    padding: 0%;
}
.page-template-template-builder #page, .page-template-template-builder #primary {
    width: 1140px;
}
#page {
    padding-top: 0%;
}
#primary {
    width: 100%;
}
.wp-block-image {
    margin-bottom: 0em;
}
#page .aligncenter {
    margin: 0 auto 0em auto;
}
/*Header********************************************/
.site-header {
    background: #fff;
}
.top-navigation{
  background-color: #292929;
}
.site-identity {
    padding: 9% 0 6%;
  }
.social-navigation a::before {
    color: #292929 !important;
}
.social_header{
  position: absolute;
  right: 20px;
  top: 12px;
}
.social_header .social-navigation a::before {
  color: #292929;
  background-color: #fff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: 18px;
  padding-top: 5px;
}

.main-navigation ul li {
    padding: 0 0px 0px 20px;
}
.main-navigation ul li a{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-align: center;
  line-height: 1.1875rem;
  text-transform: uppercase;
  font-size: 1rem;
  color: #fff;
  letter-spacing: 0.99px;
  text-align: right;
  border-bottom:0px solid #fff;
  display: block;

}
  .main-navigation ul li a:hover, .main-navigation ul li.current_page_item a, .main-navigation ul li.current-page-ancestor a{
    color: #fff;
    border-bottom:1px solid #fff;
  }
.box_language{

}
.wpml-ls-statics-shortcode_actions a {
    font-size: 16px;
}
.wpml-ls-legacy-list-horizontal a {
    padding: 5px 0px 5px 10px;
}
.wpml-ls-legacy-list-horizontal {
    padding: 7px 0px;
}
.box_social{

}
.box_social .social-navigation a::before {
  font-size: 17px;
  color:#333333;
}
.pag_inside p{
  opacity: 0.8;
font-size: 1rem;
color: #5B5B5B;
letter-spacing: 0.8px;
line-height: 1.375rem;
font-weight: 400;
}

.pag_inside h2 {
    margin-top: 50px;
}

/*Home********************************************/

.home_header{
  background-color: #292929;
  padding-bottom: 9%;
}
  .home_header h1{
    color: #fff;
    font-weight: 500;
    width: 65%;
    border-left: 1px solid #fff;
    padding-left: 27px;
  }
  .home_header p{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color:#fff;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 1.5rem;
    width: 70%;
  }
.alignfull .kt-row-column-wrap {
    padding-left: 0px;
    padding-right: 0px;
}

.is-style-outline .wp-block-button__link {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  border: 4px solid;
  padding: 10px 52px 12px;
  font-size: 20px;
  -moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
    .is-style-outline .wp-block-button__link:hover {
      color:#333333;
      border-color: #242424;
    }


.post-navigation {
    margin-top: 8%;
  }

  /*home articles*/
  .border_01{
    border: 1px solid #B7B7B7;
    padding: 20px 20px 4px 20px;
  }
  .block_article_01 .ugb-blog-posts__category{
    color: #fff;
  }
  .block_article_01 .ugb-blog-posts__category a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4375rem;
    color: #535353;
    letter-spacing: -0.08px;
    text-transform: capitalize !important;
  }
    .block_article_01 .ugb-blog-posts__category a:last-child{
      display: none;
    }
  .block_article_01 h2 a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 2.1875rem;
    color: #535353;
    letter-spacing: -0.12px;
    border-bottom: 2px solid #535353;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
    .block_article_01 h2 a:hover{
      color: #7E7E7E;
      border-bottom: 2px solid #7E7E7E;
      padding-bottom: 3px;
    }


  .block_article_01 .entry-meta .ugb-blog-posts__date, .block_article_03 .entry-meta .ugb-blog-posts__date{
    font-size: 0.875rem;
    color: #909090;
    letter-spacing: 0.2px;
    line-height: 1.5rem;
    text-transform: capitalize !important;
  }
  .block_article_01 p, .block_article_03 p{
    font-family: 'Roboto', sans-serif;
    font-size: 0.875rem;
    color: #535353;
    letter-spacing: 0.1px;
    line-height: 1.5rem;
  }
  .block_article_02 .ugb-blog-posts__content{
    border: 1px solid #B7B7B7;
    padding: 20px 20px 4px 20px;
  }
  .block_article_02 h2 a{
    font-size: 1.875rem !important;
  }
  .block_article_03 h3 a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 21px;
    letter-spacing: -0.07px;
    border-bottom: 1px solid #535353;
    color: #535353 !important;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  .block_article_03 h3 a:hover{
    color: #7E7E7E;
    border-bottom: 1px solid #7E7E7E;
    padding-bottom: 3px;
  }

  .block_article_03 .ugb-blog-posts__content{
    border-bottom: 1px solid #B7B7B7;
  }

  /*end home articles*/

/*Footer********************************************/

.footer-column .widget_media_image img{
  width: 61%;
}

.site-footer{
	background-color: #fff;
}
.footer-bottom{
	background-color: #fff;
  text-align: left;
	padding: 1% 0;
  font-size: 0.9rem;
  color:#535353;
  font-weight: 400;
}
.footter_net{
  text-transform: uppercase;
  color:#333333;
  letter-spacing: 0.74px;
  text-align: center;
}
  .footter_net a{
    margin: 0px 9px;
  }
.footer_note{
  margin: 95px 0 50px 0;
  font-size: 12px;
  color: #909090;
  letter-spacing: 0.74px;
  line-height: 20px;
}
  .footer_note a{
    color: #909090;
    text-decoration: underline;
  }
.footer-column h2{
	color: #64A6D6 !important;
	font-size: 20px !important;
}
.footer-column {
	color:#535353;
	font-size: 15px;
	font-weight: 300;
	padding: 0;
}
.footer-column li a{
	color:#535353;
	font-weight: 400;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.site-content {
  padding: 0px;
}
.site-footer .container{
	max-width: 100%;
}
.footer-widgets, .footer-tagline {
	width: 1140px;
	margin: 50px auto 0px;
	display: block;
}
.footer-widgets + .footer-bottom {
    border-top: dotted 0px rgba(255, 255, 255, 0);
}
.site-footer {
    padding: 5% 0 0px 0px;
		color:#fff;
		font-size: 16px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
}
.footer-tagline + .social-navigation {
    float: inherit;
    width: 1140px;
    margin: 0 auto;
    text-align: right;
    display: block;
    margin-top: -26px;
}
.footer-widgets ul li {
    padding: 0;
}
.footer-widgets .footer-column{
  padding-top: 0%;
  margin-right: 2%;
}
  .footer-widgets .footer-column:first-child, .footer-widgets .footer-column:nth-child(2){
  border-right: 1px solid #979797;
  min-height: 97px;
  }
  .footer-widgets .footer-column p a {
      color: #272c30;
      text-decoration: underline;
  }
.social-navigation a::before {
	color:#3FA2F7;
}
/*https://www.w3schools.com/icons/fontawesome5_icons_brands.asp*/
.social-navigation a[href*="twitter.com"]::before {
    content: "\f099";
}
.social-navigation a[href*="facebook.com"]::before {
    content: "\f39e";
}
/*Page inside********************************************/

h1.title_page {

}
.inside_header, .inside_header2{
  background-color: #292929;
  padding-bottom: 90px;
}
.inside_header3{
  background-color: #292929;
  padding-bottom: 30px;
  color:#fff;

  }
  .inside_header h1, .inside_header p, .inside_header h2, .inside_header h3, .inside_header2 h1, .inside_header2 p, .inside_header2 h2, .inside_header2 h3, .inside_header a{
  color:#fff;
}
.inside_header a{
  text-decoration: underline;
}
.inside_header h1, .inside_header2 h1{
  font-size: 2.375rem;
}
.inside_header h2, .inside_header2 h2{
  font-size: 1.875rem;
}
.inside_header h2, .inside_header h3, .inside_header p{
  max-width: 560px;
}
.inside_header2 h2, .inside_header2 h3, .inside_header2 p{
  max-width: 760px;
}
.inside_header3 p{
  font-size: 2.375rem !important;
  line-height: 2.58rem;
  font-family: 'Playfair Display', serif !important;
}
.line_white_column{
  border-left: 1px solid #979797;
  padding-left: 40px;
  padding-top: 13px;
}
.line_gray_column{
  border-left: 1px solid #979797;
  padding-left: 40px;
}
.slider_studio{
  margin-top:60px;
}
  .nav-previous{
    float: right;
    text-align: right !important;
  }
  .nav-next{
    float: left !important;
    text-align: left !important;
  }
  /*grid projects*/
.flat-light .esg-filterbutton{
  padding: 1px 20px 1px 0px !important;
}
.esg-filter-wrapper .selected span{
  text-decoration: underline;
}
/*end grid projects*/
/*single project*/



/*****************CONTACT FORM********************/

form p {
    margin: 0;}




/****************BLOG - Portfolio**********************/
.entry-byline{
  display: none;
}
.post .entry-header {
    margin-bottom: 0%;
  }
  .entry-header .entry-title{
    margin-top: 5%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 2.1875rem;
    color: #535353;
    letter-spacing: -0.1px;
  }
  .category-asociaciones .entry-title, .category-eventos .entry-title, .category-marcas .entry-title, .category-print .entry-title, .category-web .entry-title, .category-destacado-1 .entry-title, .category-destacado-2 .entry-title{
    display: none;
  }

  .category-asociaciones h1, .category-eventos h1, .category-marcas h1, .category-print h1, .category-web h1, .category-destacado-1 h1, .category-destacado-2 h1{
    margin-top: 5%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 2.1875rem;
    color: #535353;
    letter-spacing: -0.1px;
  }
  .single-post h2{
    font-size: 1.6rem;
    margin-bottom: 2%;
    margin-top: 20px;
  }
  .entry-content p a {
    color:#272c30;
    text-decoration: underline;
    font-weight: 700;
  }

  .single-post li{
    font-family: 'Roboto', sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    line-height: 1.5rem;
    margin-bottom: 5px;
  }
  .featured-image img, .featured-video img {
    width: 100%;
  }
.link_page_item{
  font-size: 1.125rem;
  color: #000000;
  letter-spacing: 0.61px;
  line-height: 2.5rem;
  text-transform: uppercase;
  font-weight: 400;
}
  .link_page_item a{
    border-bottom:1px solid #333;
    -moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
  }
    .link_page_item a:hover{
      color:#909090;
      border-bottom:1px solid #909090;
    }
    .entry-content p a, .header-text a {
      box-shadow: inset 0 0px 0 #fff;
    }
    .entry-content p a:hover {
      color:#909090;
      box-shadow: inset 0 0px 0 #fff;
    }
    .entry-content p a, .header-text a, .header-text a:hover, .entry-content .meta-list a, .post-navigation a:hover .post-title, .entry-header .entry-title a:hover, #page .more-link:hover, .site-footer a, .main-navigation a:hover {
        color: #5B5B5B;
    }
      .entry-content p a:hover {
        color:#000;
      }

.entry-content .meta-list, .comments-area, .post-navigation .meta-title, .single-post .featured-image {
    display: none;
}
.post-navigation .post-title{
  font-weight: 400;
  font-size: 1rem;
  color: #5B5B5B;
  letter-spacing: 0.8px;
  text-align: center;
}
.post-navigation a:hover{
  text-decoration: underline;
  color: #5B5B5B !important;
}
.post-navigation .nav-previous .post-title::after{
  content:" >";
  font-size: 1rem;
  color: #5B5B5B;
}
.post-navigation .nav-next .post-title::before{
  content:"< ";
  font-size: 1rem;
  color: #5B5B5B;
}

  .list_blog .gb-block-post-grid-excerpt p{
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    font-size: 0.875rem;
    color: #535353;
    letter-spacing: 0.1px;
    line-height: 1.5rem;
  }
  .list_blog h2 a{
    font-size: 1.3125rem;
    color: #535353 !important;
    letter-spacing: -0.07px;
    border-bottom:1px solid #535353;
  }
    .list_blog h2 a:hover{
      text-decoration: none !important;
      color:#7E7E7E !important;
    }
  .list_blog .gb-block-post-grid-byline{
    font-size: 0.875rem;
    color: #909090;
    letter-spacing: 0.2px;
    line-height: 1.5rem;
    text-transform: capitalize;
  }
  .list_blog .ab-block-post-grid-image {
      overflow: hidden;
  }
  .gb-block-post-grid .is-list article, .gb-block-post-grid .gb-is-list article {
    -ms-grid-columns: 50% 1fr;
    grid-template-columns: 50% 1fr;
  }
  .gb-block-post-grid .is-list article:not(:last-child), .gb-block-post-grid .gb-is-list article:not(:last-child) {
    margin-bottom: 0%;
  }
  .gb-block-post-grid .is-list article:not(:last-child), .gb-block-post-grid .gb-is-list article:not(:last-child) {
    border-bottom: solid 0px #fff;
  }


/*****************END CONTACT FORM********************/

/*****************RESPONSIVE********************/

.elements_mobile{
  display: none;
}
.mobile-navigation {
    background: #292929;
  }
/*Menu*/
.drawer .drawer-navigation ul li{
  text-align: center;
  border-bottom: dotted 0px rgba(255, 255, 255, 0);
}
  .drawer .drawer-navigation ul li a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.125rem;
  }
  .searchform{
    display: none;
  }
  .drawer-menu-explore {
    background: #333;
  }


/* Ipad landscape */
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape){
  .page-template-template-builder #page, .page-template-template-builder #primary {
      width: 97%;
  }
  .entry-content{
    padding: 0 4%;
  }
  .elements_mobile{
    display: none !important;
  }
  .home_header h1, .home_header p {
    margin-left: 2%;
  }
  .footer-widgets .footer-column {
    width: 28.6% !important;
    margin-left: 2%;
  }
  .footer-tagline {
    width: 96%;
  }
  .footer-tagline + .social-navigation {
    float: inherit;
    width: 98%;
  }
  .site-identity {
    padding: 9% 3% 6%;
  }
  .social_header {
    top: 33px;
}

}

/* Ipad portrait */
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait){
  .elements_mobile{
    display: block;
  }
  .site-footer {
    padding: 20px 5%;
  }
  .footer-widgets .footer-column {
    margin-bottom: 0%;
  }
  .footer-widgets, .footer-tagline {
    width: 100%;
  }
  .footer-widgets + .footer-bottom {
    padding: 10px;
    text-align: center;
  }
  /*Home*/
  .home_content h1 {
    font-size: 4.5rem;
    letter-spacing: 3px;
    line-height: 3.1rem;
  }
  .home_header h1, .home_header p {
    margin-left: 2%;
  }
  .inside_header3 {
    padding-left: 5%;
  }
  .entry-header .entry-title {
    margin-left: 4%;
  }
}


@media all and (min-width: 981px) and (max-width: 1100px) {

}

@media all and (max-width: 1024px) {
  .page-template-template-builder #page, .page-template-template-builder #primary {
      width: 97%;
  }
  .entry-content{
    padding: 0 4%;
  }
  .elements_mobile{
    display: none !important;
  }
  .footer-widgets .footer-column {
    width: 28.6% !important;
    margin-left: 2%;
  }
  .footer-tagline {
    width: 96%;
  }
  .footer-tagline + .social-navigation {
    float: inherit;
    width: 98%;
  }
}

@media all and (min-width: 768px) and (max-width: 980px) {

}

@media only screen and (min-width: 768px) {

}


@media all and (max-width: 767px) {
  .elements_mobile{
    display: block;
  }
  .social_header {
    display: none;
  }
  .site-footer {
    padding: 20px 5%;
  }
  .footer-widgets .footer-column {
    margin-bottom: 0%;
  }
  .footer-widgets, .footer-tagline {
    width: 100%;
  }
  .footer-widgets + .footer-bottom {
    padding: 10px;
    text-align: left;
  }



  /*Home*/
  .home_content h1 {
    font-size: 4.5rem;
    letter-spacing: 0.97px;
    line-height: 3.1rem;
    text-align: center;
    margin-bottom: 0px !important;
  }
  .home_header h1, .home_header p {
    width: 90%;
    margin: 0 auto;
  }
  .home_header h1{
    margin-bottom: 20px;
  }
  .ugb-blog-posts.ugb-blog-posts--v2.ugb-blog-posts--design-list .ugb-blog-posts__item {
    display: block !important;
  }
  /*Inside*/

  h1, .title_autor h2,  .title_autor p{
    font-size: 2.4rem;
    letter-spacing: 1.93px;
  }
  h2.about {
    font-size: 2rem;
    letter-spacing: 1px;
  }
  .alignfull {
    padding: 0 3%;
  }
  .line_white_column {
    padding-left: 20px;
  }
  .site-content {
    padding: 0px 15px;
  }
  .gb-block-post-grid .is-list article, .gb-block-post-grid .gb-is-list article {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  /*footer*/
  .footer-widgets .footer-column {
    width: 100% !important;
  }
  .footer-tagline + .social-navigation {
    margin-top: 14px;
  }

}

@media all and (max-width: 479px) {

}

/*****************END RESPONSIVE********************/