@import url("../css/font.css");
#head-page { clear: both; border: 0px solid red; overflow: hidden; margin: 0 auto; }
#head-page .table { border: 0px solid green; display: table; }
#head-page .table .row { border: 0px solid yellow; overflow: hidden; display: table-row; }
#head-page .table .row .cell { border: 0px solid black; overflow: hidden; vertical-align: top; }
#head-page .table .row .separator { border: 0; }
@media screen and (min-width: 640px) { #head-page { width: 100%; }
  #head-page .table { padding: 0; margin: 0; }
  #head-page .table .row { padding: 0; margin: 0; }
  #head-page .table .row .cell { padding: 0; margin: 0; display: table-cell; width: 100%; }
  #head-page .table .row .cell:first-child { width: 100%; }
  #head-page .table .row .cell:last-child { width: calc(100% - $widthCell); }
  #head-page .table .row .separator { width: 0; display: table-cell; } }
@media screen and (min-width: 960px) { #head-page { width: 960px; } }
@media screen and (min-width: 1280px) { #head-page { width: 1280px; } }

h1, h2, h3, h4, h5, h5 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 140%; font-weight: medium; padding: 0; margin: 0; color: #929496; margin: 20px 0; }

#page-article-main { padding: 8px; font-family: "EB Garamond", serif; border-bottom: 32px solid #e9ebeb; color: #58595b; overflow: hidden; }
#page-article-main .half_title { font-style: italic; margin-bottom: 10px; }
@media screen and (min-width: 960px) { #page-article-main { padding: 16px; } }

#page-article-other { clear: both; border: 0px solid red; overflow: hidden; margin: 0 auto; border-bottom: 32px solid #e9ebeb; }
#page-article-other .table { border: 0px solid green; display: table; }
#page-article-other .table .row { border: 0px solid yellow; overflow: hidden; display: table-row; }
#page-article-other .table .row .cell { border: 0px solid black; overflow: hidden; vertical-align: top; }
#page-article-other .table .row .separator { border: 16px solid #e9ebeb; }
@media screen and (min-width: 640px) { #page-article-other { width: 100%; }
  #page-article-other .table { padding: 0; margin: 0; }
  #page-article-other .table .row { padding: 0; margin: 0; }
  #page-article-other .table .row .cell { padding: 0; margin: 0; display: table-cell; width: 50%; }
  #page-article-other .table .row .cell:first-child { width: 50%; }
  #page-article-other .table .row .cell:last-child { width: calc(100% - $widthCell); }
  #page-article-other .table .row .separator { width: 0; display: table-cell; } }
@media screen and (min-width: 960px) { #page-article-other { width: 960px; } }
@media screen and (min-width: 1280px) { #page-article-other { width: 1280px; } }
#page-article-other .items { width: 100%; color: #58595b; padding: 8px; font-family: "EB Garamond", serif; }
#page-article-other .items img { width: 100%; }
#page-article-other .items a { color: #58595b; }
@media screen and (min-width: 960px) { #page-article-other .items { padding: 16px; } }

.publication-list { width: 100%; color: #58595b; padding: 16px; font-family: "EB Garamond", serif; font-size: 100%; border: 0px solid red; }
.publication-list h3 { color: #1CABE2; font-family: futura-pt-condensed, sans-serif; font-size: 140%; padding: 0; margin-top: 30px; margin-bottom: 30px; }
.publication-list .moreShare { margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; margin: 0; position: absolute; bottom: 0; right: 0; }
.publication-list .moreShare a { cursor: pointer; }
.publication-list .moreShare a img { height: 24px; width: auto; }
.publication-list .moreShare a img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.publication-list .publication { clear: both; }
.publication-list .publication .img { float: left; border: 0px solid red; width: 30%; margin-bottom: 50px; }
.publication-list .publication .img img { width: 90%; box-shadow: -4px -4px 7px #AAA; }
.publication-list .publication > .text { width: 70%; float: left; color: #58595b; font-family: "EB Garamond", serif; letter-spacing: 0px; overflow: hidden; margin-bottom: 50px; }
.publication-list .publication > .text .title h3 { font-family: futura-pt-condensed, sans-serif; font-size: 140%; font-weight: normal; margin: 0; paddin: 0; color: #00325b; text-transform: uppercase; margin-bottom: 10px; text-align: left; }
.publication-list .publication > .text .title h3 a { color: #00325b; }
.publication-list .publication > .text .title h4 { font-family: futura-pt-condensed, sans-serif; font-size: 120%; font-weight: normal; margin: 0; paddin: 0; color: #58595b; text-transform: uppercase; margin-bottom: 10px; text-align: left; }
.publication-list .publication > .text .title h4 a { color: #58595b; }
.publication-list .publication > .text .afterMore { display: none; height: 3em; }
.publication-list .publication > .text hr { border: 1px solid #e9ebeb; }
.publication-list .publication > .text .downloadShare { border: 0px solid red; width: 100%; }
.publication-list .publication > .text .downloadShare .author { color: #929496; font-size: 90%; }
.publication-list .publication > .text .downloadShare .author h4 { font-family: futura-pt-condensed, sans-serif; color: #58595b; margin-bottom: 5px; }
.publication-list .publication > .text .downloadShare .download { display: none; font-size: 90%; float: left; font-family: futura-pt-condensed, sans-serif; color: #1CABE2; margin-bottom: 20px; text-transform: uppercase; }
.publication-list .publication > .text .downloadShare .download .file { float: right; padding-left: 20px; }
.publication-list .publication > .text .downloadShare .download .file a { display: block; color: #00325b; font-family: futura-pt-condensed, sans-serif; white-space: nowrap; padding-right: 60px; background: #FFF url("/assets/img/icon/view.png") right top no-repeat; background-size: 1.5em; margin: 0; margin-bottom: 10px; }
.publication-list .publication > .text .downloadShare .download .file a:last-child { margin: 0; }
.publication-list .publication > .text .downloadShare .download .file a:hover { background: #FFF url("/assets/img/icon/view-over.png") right top no-repeat; background-size: 1.5em; }
@media screen and (min-width: 960px) { .publication-list { padding: 16px; } }

#page-article-main-RW-video { font-family: "EB Garamond", serif; border-bottom: 32px solid #e9ebeb; color: #58595b; overflow: hidden; clear: both; }
#page-article-main-RW-video .half_title { font-style: italic; margin-bottom: 10px; }
#page-article-main-RW-video h2 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 210%; font-weight: medium; padding: 0; margin: 0; padding: 16px; color: #FFF; background: #1CABE2; }
#page-article-main-RW-video .videoMain { width: 100%; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; margin-bottom: 10px; }
#page-article-main-RW-video .videoMain iframe, #page-article-main-RW-video .videoMain object, #page-article-main-RW-video .videoMain embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#page-article-main-RW-video .descr { padding: 16px 24px 0 24px; }

.authorGallery { border: 0px solid green; overflow: hidden; background: #1CABE2; margin-bottom: 24px; font-family: "EB Garamond", serif; color: #FFF; clear: both; padding: 0 0  0 24px; }
.authorGallery h2 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 210%; font-weight: medium; padding: 0; margin: 0; margin: 16px 0 0 16px; padding-left: 0 !important; color: #FFF; }
.authorGallery .item { padding: 0 24px 24px 0; border: 0px solid green; overflow: hidden; }
.authorGallery .item .afterMore { height: 120px; }
.authorGallery .item a { color: #00325b; }
.authorGallery .item img { width: 120px; float: left; margin-right: 24px; height: 120px; }
@media screen and (min-width: 960px) { .authorGallery { margin-right: 0; }
  .authorGallery .item { width: 33.3%; float: left; } }

.videoGallery { border: 0px solid green; overflow: hidden; margin-bottom: 24px; font-family: "EB Garamond", serif; color: #FFF; padding: 0 0  0 24px; }
.videoGallery h2 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 210%; font-weight: medium; padding: 0; margin: 0; margin: 0 0 16px 0; color: #00325b !important; background: #FFF !important; padding-left: 0 !important; padding-top: 0 !important; }
.videoGallery .item { border: 0px solid green; overflow: hidden; background: #B3E2F6; border-bottom: 24px solid #FFF; border-right: 24px solid #FFF; }
.videoGallery .item .moreShare { margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; margin: 0; }
.videoGallery .item .moreShare a { cursor: pointer; }
.videoGallery .item .moreShare a img { height: 24px; width: auto; }
.videoGallery .item .moreShare a img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.videoGallery .item h3 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 150%; font-weight: medium; padding: 0; margin: 0; color: #00325b; padding: 12px 12px 0 12px; }
.videoGallery .item img { width: 100%; }
.videoGallery .item a { color: #1CABE2; }
.videoGallery .voice { background: #5f7fa4; }
.videoGallery .voice h2 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 150%; font-weight: medium; padding: 0; margin: 0; color: #FFF !important; padding: 12px 12px 0 12px !important; font-size: 170% !important; background: #5f7fa4 !important; }
.videoGallery .voice h3 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 150%; font-weight: medium; padding: 0; margin: 0; color: #FFF; padding: 0 12px 0 12px; }
@media screen and (min-width: 960px) { .videoGallery .item { width: 33.3%; float: left; }
  .videoGallery .item .afterMore { height: 16em; } }

#page-article-main-RW-commentary { font-family: "EB Garamond", serif; border-bottom: 32px solid #e9ebeb; color: #58595b; overflow: hidden; }
#page-article-main-RW-commentary h2 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 210%; font-weight: medium; padding: 0; margin: 0; padding: 16px; color: #FFF; background: #1CABE2; }
#page-article-main-RW-commentary .author { border: 0px solid green; }
#page-article-main-RW-commentary .author .item { border: 0px solid green; overflow: hidden; padding: 16px; }
#page-article-main-RW-commentary .author .item a, #page-article-main-RW-commentary .author .item i { color: #00325b; }
#page-article-main-RW-commentary .author .item img { float: left; margin-right: 20px; margin-bottom: 0px; }
#page-article-main-RW-commentary .author .item descr { float: left; }

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