/*
Theme Name: Studio MADe
Author: Carlos Gonzalvo
Description: made is a portfolio and blogging theme with a beautiful home page to show off your work.
Version: 1.0.
*/

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin:0;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}

a {background-color:transparent;}
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
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;}
hr {box-sizing:content-box; height:0;}
pre {overflow:auto;}
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; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {color:#000; font-size:16px; line-height:1.6; font-family: GT America,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
h1, h2, h3, h4, h5, h6 {clear:both; color:#000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit;}
h1 {font-size: 1.625em; line-height: 1.2;}
h2 {font-size: 1.5em; line-height: 1.3;}
h3 {font-size: 1.375em; line-height: 1.4;}
h4 {font-size: 1.25em; line-height: 1.6;}
h5 {font-size: 1.125em; line-height: 1.6;}
h6 {font-size: 0.875em; line-height: 1.7;}

a { color: #000; text-decoration: none; }
a:hover, a:active {color:#AAA; text-decoration:none; outline:0;}
b, strong { color: #000; }

dfn, cite, em, i { font-style: italic; }
code, kbd, tt, var, pre { font-family: "Courier 10 Pitch", Courier, monospace; font-size: 93%; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #fff9c0; text-decoration: none; }
small { font-size: 75%; }
big { font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }
::-moz-selection { color: #fff; background: #c2c2c2; }
::selection { color: #fff; background: #c2c2c2; }

*, *:before, *:after {box-sizing: inherit;}

body {background: #FFF;}

h1, h2, h3, h4, h5, h6 {margin:0px;}
p {margin-top: 10px; margin-bottom:30px;}

address {margin:0 0 30px; margin:0 0 1.875rem;}
pre {background:#eee; margin-bottom:1.875em; max-width:100%; overflow:auto; padding:1.875em;}
hr {background-color:#eee; border:0; height:1px; margin:30px 0; margin:1.875rem 0;}

ul, ol { margin: 0 0 30px 0; margin: 0 0 1.875rem 0; padding-left: 30px; padding-left: 1.875em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-left: 0; }
dt { font-weight: bold; margin-bottom: 30px; margin-bottom: 1.875rem; }
dd { margin: 0 30px 30px; margin: 0 1.875rem 1.875rem; }
embed, iframe, object, figure, img { max-width: 100%; border: 0; }
object, figure, img { height: auto; }


/*--------------------------------------------------------------
# Container
--------------------------------------------------------------*/
.o-container {
  width:100%;
  max-width:1100px;
  margin: 0 auto;
  padding: 0 15px;
  padding: 0 0.9375rem; }
  @media screen and (min-width: 500px) {
    .o-container {
      padding: 0 30px;
      padding: 0 1.875rem; } }
  @media screen and (min-width: 1290px) {
    .o-container {
      padding: 0; } }

.o-container__content-full-width {
  max-width: 700px;
  max-width: 43.75rem;
  margin: 0 auto; }

/*--------------------------------------------------------------
# UI List
--------------------------------------------------------------*/
.o-ui-list {
  padding: 0;
  margin: 0; }
  .o-ui-list,
  .o-ui-list ul,
  .o-ui-list ol {
    list-style: none; }

/*--------------------------------------------------------------
# Icon
--------------------------------------------------------------*/
.o-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 100%;
  font-size: 14px; }

/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/
.b-site__header {
  position: relative;
  background-color: #fff;
  min-height: 50px;
  line-height: 50px;
  padding: 30px 0;
  padding: 1.875rem 0; }
  @media screen and (min-width: 801px) {
    .b-site__header {
      min-height: 70px;
      line-height: 70px; } }

/*--------------------------------------------------------------
# Content Area
--------------------------------------------------------------*/
.b-content-area {width:100%;}
 
@media screen and (min-width:801px) {
	.b-content-area {width:70%; float:left; padding-right: 5%; border-right:1px solid #eee;}
}

.b-content-area--full-width {width:100%; float:none; padding-right:0; border-right:none;}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.c-page-header {
  background-color: #f9f9f9;
  text-align: center;
  padding: 30px 0;
  padding: 1.875rem; }

.c-page-header__title {
  margin: 0;
  font-size: 2em; }

/*--------------------------------------------------------------
# Page Content
--------------------------------------------------------------*/
.c-page-content {
  margin-top: 60px;
  margin-top: 3.75rem; }

/* Page template: Home
--------------------------------*/
.c-page-content--home {
  margin-top: 0; }

/* 404.php
--------------------------------*/
.c-page-content--404 {
  margin-bottom: 60px;
  margin-bottom: 3.75rem; }

/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/

.c-post {margin-bottom:60px; margin-bottom:3.75rem;}
.c-post.sticky {position:relative;}
.c-post.sticky:before {font-family:"FontAwesome"; content:'\f02e'; position:absolute; top:-4px; right:1.875rem; line-height:1; font-size:32px; color:#00;}
.c-post__meta {font-size:0.875em; color:#bbb;}
.c-post__meta > span {margin-right:10px; margin-right:0.625rem;}
.c-post__meta a {color:#bbb;}
.c-post__meta a:hover, .c-post__meta a:active, .c-post__meta a:focus {color:#000;}
.c-post__meta i {margin-right:5px; margin-right:0.3125rem;}
.c-post__header {margin-bottom: 30px; margin-bottom: 1.875rem;}
.c-post__meta--header {margin-bottom: 11px; margin-bottom: 0.6875rem;}
.c-post__content {margin-bottom: 30px; margin-bottom: 1.875rem;}

/* Grid Posts
--------------------------------*/
.c-post--grid {
  width: 100%;
  max-width: 370px;
  max-width: 23.125rem;
  margin: 0 auto 60px;
  margin: 0 auto 3.75rem; }
  @media screen and (min-width: 801px) {
    .c-post--grid {
      float: left; } }
  @media screen and (min-width: 801px) and (max-width: 1024px) {
    .c-post--grid {
      margin: 0 auto 30px;
      margin: 0 auto 1.875rem;
      padding: 0 15px;
      padding: 0 0.9375rem;
      /* clear first posts in the 2-column layout */ }
      .c-post--grid:nth-child(2n+1) {
        clear: both; } }
  @media screen and (min-width: 1025px) {
    .c-post--grid {
      max-width: 30.83333333%;
      margin-right: 3.75%;
      /* clear the first post in each row in the 3-column layout */ }
      .c-post--grid:nth-child(3n) {
        margin-right: 0; }
      .c-post--grid:nth-child(3n+1) {
        clear: both; } }
  .c-post--grid .c-post__header {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; }

/* Page Template: Home
--------------------------------*/
.c-portfolio-item--home {
  float: left;
  margin: 0;
  text-align: left;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .c-portfolio-item--home {
      max-width: 50%; } }
  @media screen and (min-width: 1025px) {
    .c-portfolio-item--home {
      max-width: 33.33333333%; } }

.c-portfolio-item--home.is-masonry {
  opacity: 1; }

.c-portfolio-item__client--home {
  color: #fff;
  font-size: 0.875em; }

.c-portfolio-item__title--home {
  font-size: 1.125em;
  color: #fff;
  margin-top: 5px;
  margin-top: 0.3125rem; }

.c-portfolio-item__category--home {
  font-size: 0.875em;
  color: #ccc; }

.c-portfolio-item__details-ct {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out; }

.c-portfolio-item:hover .c-portfolio-item__details-ct {
  opacity: 1; }

.c-portfolio-item__details {
  padding: 30px 45px 45px;
  -webkit-transition: padding .3s ease-out;
  transition: padding .3s ease-out; }

.c-portfolio-item:hover .c-portfolio-item__details {
  padding-top: 45px; }

.c-portfolio-item__client--home {
  font-size: 1.125em; }

.c-portfolio-item__category--home {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 1em; }

/* Grid layout
--------------------------------*/
.c-portfolio-item--grid {
  position: relative;
  width: 100%;
  float: left;
  margin-right: 3.75%;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  text-align: center; }
  .c-portfolio-item--grid:nth-child(3n) {
    margin-right: 0; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .c-portfolio-item--grid {
      max-width: 50%;
      margin: 0 auto 30px;
      margin: 0 auto 1.875rem;
      padding: 0 15px;
      padding: 0 0.9375rem; } }
  @media screen and (min-width: 1025px) {
    .c-portfolio-item--grid {
      max-width: 30.83333333%; } }

.c-portfolio-item__client--grid {
  font-size: 1em; }

.c-portfolio-item__title--grid {
  font-size: 1em; }

.c-portfolio-item__category--grid {
  font-size: 0.875em; }

/*------------------------------------------------------------------------------
# Featured
------------------------------------------------------------------------------*/
.c-featured { margin-bottom: 30px; text-align: center; }
.c-featured img { vertical-align: bottom; }
.c-featured--grid { margin-bottom: 15px; margin-bottom: 0.9375rem; }
.c-featured--home { margin: 0; }
 
/*------------------------------------------------------------------------------
# Nothing Found
------------------------------------------------------------------------------*/

.c-nothing-found { margin: 60px 0; margin: 3.75rem 0; }

/*------------------------------------------------------------------------------
# Alignments
--------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 32px;
  margin-right: 2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem; }

.alignright {
  display: inline;
  float: right;
  margin-left: 32px;
  margin-right: 2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem; }

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


/*
## WP Gallery (shortcode)
--------------------------------*/
.gallery { margin-bottom: 32px; margin-bottom: 2rem; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin-bottom: 32px; margin-bottom: 2rem; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { display: block; font-size: 85%; font-style: italic; padding: 5px; }
.gallery-icon a { line-height: 0; }
.gallery-icon a:after { height: 0; }
.gallery-icon img { margin-bottom: 0; vertical-align: bottom; }
.gallery-item .gallery-icon { padding: 1px; }

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.o-container:before, .o-menu:before, .b-site:before, .b-site__header:before, .b-site__content:before, .c-posts:before, .c-posts-nav__links:before, .c-post-nav__links:before, .c-comments-nav__links:before, .o-container:after, .o-menu:after, .b-site:after, .b-site__header:after, .b-site__content:after, .c-posts:after, .c-posts-nav__links:after, .c-post-nav__links:after, .c-comments-nav__links:after,
.u-clearfix:before, .c-portfolio-items:before, .u-clearfix:after, .c-portfolio-items:after { content: ""; display: table; }
.o-container:after, .o-menu:after, .b-site:after, .b-site__header:after, .b-site__content:after, .c-posts:after, .c-posts-nav__links:after, .c-post-nav__links:after, .c-comments-nav__links:after,
.u-clearfix:after, .c-portfolio-items:after { clear: both; }
.screen-reader-text, .u-screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
  .screen-reader-text:focus, .u-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-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }


/*--------------------------------------------------------------
# MADe Logo
--------------------------------------------------------------*/
.c-brand {float:left;}
.c-brand__logo, .c-brand__tagline { margin: 0; display: inline-block; }
.c-brand__logo { color:#000; font-size:33px; font-weight:600; vertical-align:middle; text-transform:none; }
.c-brand__logo:hover, .c-brand__logo a:hover { color:#000; text-decoration:none; }
.c-brand__tagline {color:#AAA;}

/*--------------------------------------------------------------
# MADe Menu
--------------------------------------------------------------*/

.made-menu {float:left; margin-left:50px; font-size:26px; font-weight:400; text-decoration:none;}
.made-menu a {color:#aaa; text-decoration:none;}
.made-menu a:hover {color:#000; text-decoration:none;}
.menu-primary{display:flex; gap:25px;}
.menu-primary > .menu-item {display:flex; align-items:center;}
.sub-menu {display:flex; overflow:hidden; max-width:0; opacity:0; transition:max-width .35s, opacity .2s; list-style: none;}
.sub-menu a {color:#aaa; text-decoration:none;}
.sub-menu a:hover {color:#000; text-decoration:none;}
.menu-item.open > .sub-menu {max-width:500px; opacity:1; margin:0 0 0 25px; padding:0; font-weight:250;}
.menu-item.open > .sub-menu::before {content:"—"; color:#AAA;}
.sub-menu li{margin-left:20px; white-space:nowrap;}

.current-menu-item > a{color:#000;}
.current-menu-parent > a, .current-menu-ancestor > a, .current_page_parent > a, .current_page_ancestor > a{color:#000;}	
.made-menu-toggle,
.made-menu-close{
    display:none;
}

@media screen and (max-width: 960px) {
	.made-menu-toggle, .made-menu-toggle:hover, .made-menu-toggle:focus, .made-menu-toggle:active, .made-menu-close, .made-menu-close:hover, .made-menu-close:focus, .made-menu-close:active {background:transparent !important; border:none !important; box-shadow:none !important; outline:none !important;}
	.made-menu-mobile-button {float:right; width:40px; margin-top:18px; text-align:right;}
	.made-menu-toggle {display:flex; flex-direction:column; justify-content:space-between; width:28px; height:20px; padding:0; border:0; background:none; cursor:pointer; color:#000;}
	.made-menu-toggle span {display:block; width:28px; height:2px; background:#000;}
	.made-menu {position:fixed; inset:0; background:#fff; display:none; padding:80px 40px; margin:0; z-index:9999; overflow:auto;}
	.made-menu.open {display:block;}
	.made-menu-close {display:block; position:absolute; top:20px; right:20px; color:#000; border:0; background:none; font-size:42px; cursor:pointer;}
	.menu-primary {display:flex !important; flex-direction:column !important; gap:10px; margin:0; padding:0; list-style:none;}
	.menu-primary > li {display:block !important; width:100%;}
	.sub-menu {display:block !important; position:static !important; max-width:none !important; opacity:1 !important; margin:12px 0 20px 20px; padding:0; list-style:none;}
	.sub-menu li {display:block; margin:8px 0;}
}

/*------------------------------------------------------------------------------
# MADe Footer
------------------------------------------------------------------------------*/

.made-footer {width:100%; margin:120px auto 60px; font-size:22px;}
.made-footer ul {width:100%; margin:0 auto; padding:0; list-style:none; display:flex; justify-content:center; gap:10px;}
.made-footer ul li {list-style:none; float:left; margin:0;}
.made-footer-extra {display:block;}
.made-footer a {color:#000; text-decoration:none;}
.made-footer a:hover {color:#AAA; text-decoration:none;}
.made-footer b {font-weight:600;}

@media screen and (max-width:960px) {
	.made-footer {width:100%; float:left; margin:60px auto 120px; font-size:22px;}
	.made-footer ul {width:100%; flex-direction:column; justify-content:flex-start; align-items:center; gap:10px;}
	.made-footer-extra {display:none;}
	.made-footer ul li {width:auto; text-align:center; line-height:17px;}
}

/*------------------------------------------------------------------------------
# MADe Projects sheets
------------------------------------------------------------------------------*/

.made-h2, .made-memory h2, .made-text h2 {font-size:26px; font-weight:400; color:#000; padding:0; margin-bottom:20px; line-height:1.1;}

.made-layout-left {width:50%; float:left; margin:0px; padding:0;}
.made-layout-right {width:50%; float:left; padding:0 0 0 50px;}
.made-layout-left ul, .made-layout-right ul {padding:0; margin:0; width:100%; float:left;}
.made-layout-left ul li, .made-layout-right ul li {padding:0; margin:0; list-style: none; width:100%; float:left;}
.made-layout-left p, .made-layout-right p {padding:0; margin:0 0 10px 0;}
.made-layout-left b, .made-layout-right b {font-size: 20px; font-weight: 400; line-height: 1; margin-bottom:10px;}
.made-layout-left .made-hr, .made-layout-right .made-hr {padding:0; margin:5px 0 15px 0; list-style:none; width:100%; float:left; height:50px;}
.made-hr-mobile {display:none;}

.made-list, #made-list {width:100%;}
.made-list-header ul, .made-list .made-list-row, #made-list .made-list-header ul, #made-list .made-list-row {width:100% !important; display:flex; float:left; list-style: none; margin: 0; padding: 0; border-bottom:1px solid #000; font-size:22px; line-height:1.2;}
.made-list-header li, .made-list .made-list-row li, #made-list .made-list-header li, #made-list .made-list-row li {text-align:left; margin:10px 0 10px 0;}
.made-list-row li b {color:antiquewhite;}
.made-list-extra {display:block;}

.made-list-row {font-size:22px; line-height:1.4;}
.made-list-row a{color:#000; text-decoration:none; transition:color .2s ease;}
.made-list-row:hover a{color: #aaa;}

.made-project-memory {float:left; margin:0; padding:0; width:65%;}
.made-project-memory ul {padding:0; margin:0; list-style: none;}

.made-gallery-full{width:100%;}
.made-gallery-image{margin:0 0 50px;}
.made-gallery-image img{display:block; width:100%; height:auto;}

#made-lightbox{position:fixed; inset:0; background:#fff; display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:.25s; z-index:99999;}
#made-lightbox.open{opacity:1; visibility:visible;}
#made-lightbox img{max-width:90vw; max-height:90vh; width:auto; height:auto; display:block;}
#made-lightbox button{position:absolute; background:none; border:0; color:#000; cursor:pointer; transition:.2s; font-family:inherit;}
#made-lightbox button:hover{opacity:.4;}
.made-prev {left:30px; top:50%; transform:translateY(-50%); font-size:60px;}
.made-next {right:30px; top:50%; transform:translateY(-50%); font-size:60px;}
.made-close {right:30px; top:20px; font-size:48px; line-height:1;}
.made-gallery-image img {cursor:pointer;}

#made-preview {position:fixed; left:0; top:0; width:400px; height:400px; pointer-events:none; opacity:0; transition:opacity .15s; z-index:9999; overflow:hidden;}
#made-preview img {width:100%; height:100%; object-fit:cover; display:block;}

.made-grid{margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.made-card{aspect-ratio:4/5; display:flex; flex-direction:column; justify-content:space-between; padding:30px; box-sizing:border-box; text-decoration:none;}
.made-card-title{font-size:28px; line-height:1.1; font-weight:400;}
.made-card-date{font-size:18px;}
.made-card:hover .made-card-title{color:#000;}
.made-card:hover .made-card-date{color:#000;}

.made-memory p {margin:10px 0 20px 0;}
.made-memory, .made-paragraph {font-size:22px; line-height:1.4;}

.made-section-title {width:100%; padding:12px 0; cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
.made-section-title::after {content:"+"; font-size:26px; font-weight:600;}
.made-section.open .made-section-title::after {content:"−";}
.made-section-content {display:none; padding-bottom:20px; font-size:22px; line-height:1.3;}
.made-section.open .made-section-content {display:block;}
.made-info-label {width:140px; flex-shrink:0;}
.made-info-value {flex:1;}
.made-sheet-div {width:100%; display:flex; margin:0; padding:0; list-style:none;}
.made-sheet-bold {color:#AAA;}

#map{width:100%; height:450px;}
#map img{filter:grayscale(100%) contrast(180%) brightness(110%);}
.made-marker{background:none; border:none;}
.made-marker-dot{width:20px; height:20px; border-radius:50%; background:#ff0000; box-sizing:border-box;}

.c-post {display:flex; flex-direction:column;}
.c-post__header {margin-top:10px; opacity:0; transition:opacity .25s ease; pointer-events:none;}
.c-post__title {margin:0; font-size:18px; font-weight:300; line-height:1.2;}
.c-post__title a, .c-post__title a:hover {color:#AAA; text-decoration:none;}
.c-featured:hover + .c-post__header {opacity:1;}

.made-archive-col-1 {width:80px; flex:0 0 80px;}
.made-archive-col-2 {width:390px; flex:0 0 390px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:20px;}
.made-archive-col-3 {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:20px;}
.made-archive-col-4 {width:180px; flex:0 0 180px;}

.made-awards-col-1 {width:80px; flex:0 0 80px;}
.made-awards-col-2 {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:20px;}
.made-awards-col-3 {width:240px; flex:0 0 240px;}
.made-awards-col-4 {width:330px; flex:0 0 330px;}


@media screen and (max-width:960px) {
	.made-archive-col-1 {width:80px; flex:0 0 80px;}
	.made-archive-col-2 {}
	.made-archive-col-3 {display:none;}
	.made-archive-col-4 {width:150px; flex:0 0 150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:20px;}		

	.made-awards-col-1 {width:80px; flex:0 0 80px;}
	.made-awards-col-2 {}
	.made-awards-col-3 {width:200px; flex:0 0 200px;}
	.made-awards-col-4 {display:none;}		
}

@media screen and (max-width:768px) {
	.made-layout-left {float:none; width:100%; padding:0;}
	.made-layout-right {float:none; width:100%; padding:0;}
	.made-hr-mobile {display:block; padding:0; margin:0; list-style:none; float:left; height:70px;}	
	
	.made-archive-col-1 {width:80px; flex:0 0 80px;}
	.made-archive-col-2 {}
	.made-archive-col-3 {display:none;}
	.made-archive-col-4 {display:none;}	

	.made-awards-col-1 {width:80px; flex:0 0 80px;}
	.made-awards-col-2 {}
	.made-awards-col-3 {width:160px; flex:0 0 160px;}
	.made-awards-col-4 {display:none;}		

	.made-project-data {float:none; width:100%; margin:30px 0 0 0; padding:30px 0 0 0; border-top:1px solid #000;}
	.made-project-memory {float:none;width:100%;}
	.made-project-data-legend {flex:1;}
	.made-project-data-info {flex:4;}

	.made-index {width:100%; margin-top:100px;}
	.made-text {width:100%; padding:0;}

    .made-grid{width:100%; grid-template-columns:1fr;}	
}