/* Colors */
/* Fonts */
/*

@mixin basicBlock {background-color: $basicBlockBackgroundColor; border: 1px solid $basicBlockBorderColor; border-radius: $basicBlockBorderRadiusOutter; box-shadow: 0 .5rem .8rem -.5rem rgba(0, 0, 0, 0.5)}
@mixin blockHeader {border-bottom: 1px solid $basicBlockBorderColor; border-radius: $basicBlockBorderRadiusInner $basicBlockBorderRadiusInner 0 0; color: $basicBlockHeaderColor; background-color: $basicBlockHeaderBackgroundColor}
@mixin blockFooter {border-left: 1px solid $basicBlockBorderColor; border-radius: 0 0 $basicBlockBorderRadiusInner $basicBlockBorderRadiusInner; color: $basicBlockHeaderColor; background-color: $basicBlockHeaderBackgroundColor; min-height: $basicBlockBorderRadiusOutter}
*/
header.home { height: 100vh; }

header.home .content_wrap { height: 100%; padding-top: 0; }

header.home h1 { padding: 0; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); }

#shorts { width: 100%; background-color: #fff; padding: 0.875em 0; }

#shorts article { width: 100%; position: relative; padding: 0.875em 0.875em; text-align: center; }

#shorts article p { color: #8b8675; font-size: 1.5em; line-height: 1.3em; font-weight: bold; }

#shorts article.warning p { color: #ff6339; }

#shorts article a { color: #a0a0a0; border-color: #a0a0a0; }

#shorts article.warning a { color: #ff6339; border-color: #ff6339; }

#shorts article a:hover { color: #000; border-color: #000; }

#welcome { width: 100%; background-color: #ffffec; padding: 4em 0; }

#welcome .welcome { width: 50%; float: left; position: relative; height: 30em; content: ''; display: table; }

#welcome .actual_event { width: 41.666666%; float: right; position: relative; height: 30em; content: ''; display: table; padding: 0.875em; }

#welcome .video { width: 50%; float: left; padding: 0.875em; }

#welcome .video div { display: table; border-radius: 50%; border: 1px solid #8b866c; padding: 0.875em; }

#welcome .video div a { color: rgba(255, 255, 255, 0.7); display: inline-block; border-radius: 50%; font-size: 4em; width: 2.5em; line-height: 2.5em; text-align: center; text-decoration: none; background: #8b8675 url("/thm/def/img/video.png") no-repeat center center; box-shadow: inset 0 0 0 5em rgba(0, 0, 0, 0.6); }

#welcome .video div a:hover { color: #fff; box-shadow: inset 0 0 0 5em rgba(0, 0, 0, 0.25); }

#welcome .text { width: 50%; float: right; padding: 0.875em; line-height: 1.4em; }

#welcome .text a.button { position: absolute; display: table; bottom: 0; color: #ff6339; border-color: #ff6339; }

#welcome .text a.button:hover { color: #000; border-color: #000; }

#welcome .calendar_header { width: 100%; display: table; color: #fff; border-top-left-radius: .25em; border-top-right-radius: .25em; background-color: #ff6339; }

#welcome .calendar_header h4 { display: table-cell; font-size: 1.5em; text-transform: uppercase; line-height: 2.25em; padding: 0 .75em; border-top-left-radius: .166666em; }

#welcome .calendar_header a { display: table-cell; text-align: center; font-size: 3em; color: #fff; text-decoration: none; vertical-align: middle; padding: 0 .125em; border-top-right-radius: .083333em; background-color: rgba(255, 255, 255, 0.2); }

#welcome .calendar_header a:hover { background-color: #000; }

#welcome .event_img { width: 100%; height: 12em; overflow: hidden; position: relative; background-color: #fff; }

#welcome .event_img div.vacant { font-size: 2em; line-height: 1.5em; text-align: center; font-weight: bold; color: #ccc; padding: 1em 1em 0 1em; }

#welcome .event { width: 100%; background-color: #fff; display: table; padding-top: 0.875em; }

#welcome .arrow { display: table-cell; vertical-align: top; width: 2em; height: 8.5em; padding-top: 0.875em; }

#welcome .arrow a { display: inline-block; color: #ff6339; text-align: center; text-decoration: none; line-height: 2em; width: 2em; }

#welcome .arrow a:hover { color: #000; }

#welcome .arrow a.disabled { color: #ddd; cursor: default; }

#welcome .event_info { display: table-cell; background-color: #fff; padding: 0.875em; position: relative; }

#welcome .event_info h3 { font-size: 1.5em; font-weight: bold; line-height: 1.3em; margin-bottom: .125em; }

#welcome .event_info h3 a { text-decoration: none; color: #000; }

#welcome .event_info h3 a:hover { text-decoration: underline; }

#welcome .event_info .date { font-size: .875em; }

#welcome .event_img img { position: absolute; top: 0; display: none; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

#welcome .event_img img.active { display: inline-block; }

#xwelcome .event_info article { position: absolute; top: .875em; display: none; }

#welcome .event_info article { position: relative; display: none; }

#welcome .event_info article.active { display: block; }

#xwelcome .actual_event .social { position: absolute; bottom: 0; right: 0; padding-right: 0.875em; }

#welcome .actual_event .social { display: block; text-align: right; position: relative; padding-top: 1.25em; }

#publications { width: 100%; background-color: #fff; padding: 4em 0; }

#publications .section_title { text-align: center; }

#publications .publications_text { width: 66.666666%; line-height: 1.9375; margin: 0 auto 3em auto; text-align: center; }

#publications .periodical { width: 66.666666%; float: left; padding: 0.875em; }

#publications .catalogue { width: 33.333333%; float: right; padding: 0.875em; }

#publications .periodical .wrap { color: #755976; position: relative; height: 20em; padding: 1.75em; border-radius: .25em; background: #d8dadb url("/thm/def/img/book.png") no-repeat 200% 0; background-size: 80%; }

#publications .periodical .wrap h3 { font-family: 'GTSectraDisplay', Georgia, serif; color: #755976; font-weight: normal; font-size: 3.75em; line-height: 1.3em; }

#publications .periodical .wrap p { line-height: 1.6em; font-size: .875em; }

#publications .periodical .wrap a.button { position: absolute; bottom: 1.75em; background-color: #755976; color: #fff; border: 0; }

#publications .periodical .wrap a.button:hover { background-color: #000; }

#publications .catalogue .wrap { position: relative; height: 20em; padding: 1.75em; background: transparent url("/thm/def/img/catalogue.png") no-repeat center 60%; background-size: 75%; }

#publications .catalogue .wrap a { display: block; text-transform: uppercase; font-size: 1.5em; color: #262626; line-height: 1.125em; position: relative; text-decoration: none; }

#publications .catalogue .wrap a strong { font-weight: bold; font-size: .666666em; display: block; text-decoration: underline; }

#publications .catalogue .wrap a span { position: absolute; top: .25em; right: 0; display: inline-block; font-weight: bold; font-size: 1.25em; }

#publications .journal { width: 100%; padding: 0.875em; text-align: center; margin-top: 4em; }

#publications .journal .wrap { width: 100%; padding: 4em 0.875em 0 0.875em; border-top: 1px solid #9da0a1; text-align: center; }

#publications .journal p { display: inline-block; line-height: 1.375em; text-transform: uppercase; font-weight: bold; font-size: 2.25em; padding: 2em .75em 2em .75em; vertical-align: middle; background: transparent url("/thm/def/img/brochure.png") no-repeat -10% 60%; background-size: 40%; }

#publications .journal a.actual { margin-left: .5em; color: #ff6339; border-color: #ff6339; }

#publications .journal a.archive { margin-left: .5em; color: #a0a0a0; border-color: #a0a0a0; }

#publications .journal a.archive:hover { color: #000; border-color: #000; }

#promo .wrap { width: 100%; padding: 4em 0.875em 3.5em 0.875em; border-top: 1px solid #9da0a1; text-align: center; }

#promo a.small { display: none; }

#exhibitions { width: 100%; height: 35em; text-align: center; padding: 3em 0; background: #4c4636 url("/thm/def/img/exhibitions.jpg") no-repeat center center; clear: both; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#exhibitions .cover { width: 100%; height: 35em; text-align: center; padding: 3em 0; background: transparent url("/thm/def/img/exhibitions.png") no-repeat center center; clear: both; position: absolute; top: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#exhibitions .section_title { text-align: center; color: #fff; }

#exhibitions .section_title strong { font-family: 'GTSectraDisplay', Georgia, serif; font-weight: normal; font-size: 2.5em; font-style: italic; line-height: 1.3em; text-transform: none; padding-top: .125em; }

#exhibitions .exhibition { width: 100%; display: table; }

#exhibitions .arrow { display: table-cell; width: 2em; height: 20em; padding-top: 14em; vertical-align: top; position: relative; z-index: 20; }

#exhibitions .arrow a { display: inline-block; color: #ff6339; text-align: center; text-decoration: none; font-size: 3em; }

#exhibitions .arrow a:hover { color: #fff; }

#exhibitions .arrow a.disabled { color: #ddd; cursor: default; }

#exhibitions .exhibition_info { display: table-cell; position: relative; }

#exhibitions .exhibition_info article { width: 100%; height: 20em; overflow: hidden; padding: 0 3em; position: relative; text-align: center; }

#exhibitions .exhibition_info article div.text { line-height: 1.6em; height: 8em; overflow: hidden; color: #fff; font-style: italic; z-index: 0; }

#exhibitions .exhibition_info a { text-decoration: none; color: #ff6339; }

#exhibitions .exhibition_info a:hover { color: #fff; }

#exhibitions .exhibition_info div.link { display: none; position: absolute; z-index: 20; bottom: -5em; text-align: center; width: 100%; margin: 0; }

#exhibitions .exhibition_info div.link a { position: relative; display: inline-block; z-index: 20; }

#exhibitions .exhibition_info div.link.active { display: block; }

#exhibitions article { position: absolute; top: 0; display: none; }

#exhibitions article.active { display: block; }

#projects { width: 100%; background-color: #fff; padding: 4em 0; }

#projects .section_title { text-align: center; }

#projects .projects_text { width: 66.666666%; line-height: 1.9375; margin: 0 auto 3em auto; text-align: center; }

#projects .projects { text-align: center; }

#projects .project_block { display: inline-block; position: relative; width: 30%; height: 20em; margin: 0.875em 0.875em; border-radius: .25em; vertical-align: top; }

#projects .subweb { background-color: #fff; }

#projects .subweb_image { width: 100%; height: 15em; border-radius: .25em .25em 0 0; }

#projects .subweb_title { position: absolute; bottom: 0; width: 100%; height: 5em; border-radius: 0 0 .25em .25em; color: #fff; font-weight: bold; padding: 0.875em; text-align: left; }

#projects .subweb_title h3 { line-height: 1.25em; font-size: 1.5em; z-index: 999; }

#projects .subweb_title p { line-height: 1.25em; font-size: .875em; white-space: nowrap; overflow: hidden; }

#projects .subweb a { display: block; position: absolute; top: 0; width: 100%; height: 20em; border-radius: .25em; text-decoration: none; }

#projects .subweb a span { display: none; font-size: 15em; padding: .5em .5em 0 .5em; color: #fff; }

#projects .subweb a:hover span { display: inline; }

#projects .subweb.bkg_0 { background-color: rgba(150, 123, 164, 0.9); }

#projects .subweb.bkg_0 a { background-color: rgba(150, 123, 164, 0.5); }

#projects .subweb.bkg_0 a:hover { background-color: rgba(150, 123, 164, 0.75); }

#projects .subweb.bkg_1 { background-color: rgba(123, 164, 125, 0.9); }

#projects .subweb.bkg_1 a { background-color: rgba(123, 164, 125, 0.5); }

#projects .subweb.bkg_1 a:hover { background-color: rgba(123, 164, 125, 0.75); }

#projects .subweb.bkg_2 { background-color: rgba(160, 164, 123, 0.9); }

#projects .subweb.bkg_2 a { background-color: rgba(160, 164, 123, 0.5); }

#projects .subweb.bkg_2 a:hover { background-color: rgba(160, 164, 123, 0.75); }

#projects .subweb.bkg_3 { background-color: rgba(197, 195, 186, 0.9); }

#projects .subweb.bkg_3 a { background-color: rgba(197, 195, 186, 0.5); }

#projects .subweb.bkg_3 a:hover { background-color: rgba(197, 195, 186, 0.75); }

#projects .search_prisoner { background-color: #bbc1bb; }

#projects .search_prisoner h3 { color: #fff; background-color: #8b8675; text-align: left; font-size: 1.5em; padding: .25em .583333em; border-radius: .166667em .166667em 0 0; line-height: 1.6em; text-transform: uppercase; }

#projects .form_body { content: ''; display: table; clear: both; width: 100%; }

#projects fieldset { width: 100%; padding: 0 0.875em; }

#projects label { display: none; }

#projects .wrap { display: block; margin: 0.875em 0; }

#projects .inwrap { position: relative; width: 100%; background-color: #707774; border-radius: .25em; padding: 0.875em 1.25em; }

#projects .inwrap .error { position: absolute; z-index: 10; display: none; top: 3.2em; color: red; font-style: italic; font-size: .875em; line-height: 1.5em; }

#projects .message .inwrap .error { top: 19.1em; }

#projects input { display: block; width: 100%; line-height: 1em; color: #fff; padding: 0; border: 0; box-shadow: 0 1px 0 0 #cdd6d4; background-color: transparent; }

#projects textarea { box-shadow: none; line-height: 1.4em; height: 14.875em; }

#projects .form_buttons { text-align: center; }

#projects button { display: block; width: 13.75em; margin: 0.875em auto; white-space: nowrap; font-weight: bold; text-decoration: none; line-height: 3em; padding: 0 2em; border-radius: .25em; border: 0; }

#projects button { color: #fff; background-color: #888777; }

#projects button:hover { cursor: pointer; background-color: #000; }

/* Placeholder */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: .875em; font-style: italic; color: #cdd6d4; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: .875em; font-style: italic; color: #cdd6d4; opacity: 1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: .875em; font-style: italic; color: #cdd6d4; opacity: 1; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: .875em; font-style: italic; color: #cdd6d4; }

::-ms-input-placeholder { /* Microsoft Edge */ font-size: .875em; font-style: italic; color: #cdd6d4; }

header.main h1 { font-size: 2.5em; line-height: 1.35em; }

@media screen and (max-width: 28em) { header.main h1 { font-size: 1.50em; }
  header.main h1 span { font-size: .75em; }
  #welcome .welcome { width: 100%; float: none; display: block; height: auto; text-align: center; }
  #welcome .actual_event { width: 100%; float: none; display: block; height: auto; }
  #welcome .video { width: 100%; float: none; }
  #welcome .video div { margin: 0 auto; }
  #welcome .text { width: 100%; float: none; }
  #welcome .text a.button { position: relative; margin: 1em auto; }
  #welcome .actual_event .social { display: table; position: relative; padding-right: 0; margin: 1em auto; }
  #welcome .actual_event .social a.button { margin: 0 0.875em; }
  #publications .journal p { display: block; }
  #projects .project_block { width: 90%; }
  #exhibitions .section_title strong { font-size: 1.5em; }
  #publications .periodical { width: 100%; float: none; }
  #publications .catalogue { width: 100%; float: none; }
  #publications .periodical .wrap { background: #d8dadb url("/thm/def/img/book.png") no-repeat 65% center; background-size: 50%; }
  #publications .periodical .wrap h3 { font-size: 2.75em; }
  #publications .periodical .wrap p { display: none; }
  #publications .periodical .wrap a.button { position: absolute; bottom: 1.75em; margin: 0 auto; background-color: #755976; color: #fff; border: 0; }
  #publications .catalogue .wrap { background: transparent url("/thm/def/img/catalogue.png") no-repeat center 70%; background-size: 60%; }
  #promo a.big { display: none; }
  #promo a.small { display: block; }
  #promo a.small img { width: 100%; } }
@media screen and (min-width: 28em) and (max-width: 60em) { #welcome .welcome { width: 100%; float: none; display: block; }
  #welcome .actual_event { width: 100%; float: none; display: block; }
  #projects .project_block { width: 45%; }
  #exhibitions .section_title strong { font-size: 1.5em; }
  #publications .journal p { display: block; } }
@media screen and (min-width: 42em) and (max-width: 60em) { header.main h1 { font-size: 2.25em; }
  header.main h1 span { font-size: .75em; }
  #publications .periodical { width: 60%; float: left; padding: 0.875em; }
  #publications .catalogue { width: 40%; float: right; padding: 0.875em; }
  #publications .periodical .wrap { background: #d8dadb url("/thm/def/img/book.png") no-repeat 120% 100%; background-size: 50%; }
  #publications .periodical .wrap h3 { font-size: 2.75em; }
  #promo a.small { display: none; }
  #promo a.big { display: block; }
  #promo a.big img { width: 100%; } }
@media screen and (min-width: 28em) and (max-width: 42em) { header.main h1 { font-size: 1.75em; }
  #publications .periodical { width: 100%; float: none; }
  #publications .catalogue { width: 100%; float: none; }
  #publications .periodical .wrap { background: #d8dadb url("/thm/def/img/book.png") no-repeat 120% 100%; background-size: 50%; }
  #publications .periodical .wrap h3 { font-size: 2.75em; }
  #publications .catalogue .wrap { background: transparent url("/thm/def/img/catalogue.png") no-repeat center 80%; background-size: 50%; }
  #promo a.big { display: none; }
  #promo a.small { display: block; width: 60%; margin: 0 auto; }
  #promo a.small img { width: 100%; } }

/*# sourceMappingURL=home.css.map */