@import url("../css/font.css");
@media screen and (min-width: 960px) { body { width: 960px; margin: 0 auto; } }
@media screen and (min-width: 1280px) { body { width: 1280px; } }

#research-search { clear: both; border: 0px solid red; overflow: hidden; margin: 0 auto; color: #1CABE2; font-family: futura-pt-condensed, sans-serif; padding: 0px 8px 8px 8px; }
#research-search .table { border: 0px solid green; display: table; }
#research-search .table .row { border: 0px solid yellow; overflow: hidden; display: table-row; }
#research-search .table .row .cell { border: 0px solid black; overflow: hidden; vertical-align: top; }
#research-search .table .row .separator { border: 0; }
@media screen and (min-width: 640px) { #research-search { width: 100%; }
  #research-search .table { padding: 0; margin: 0; }
  #research-search .table .row { padding: 0; margin: 0; }
  #research-search .table .row .cell { padding: 0; margin: 0; display: table-cell; width: 49%; }
  #research-search .table .row .cell:first-child { width: 49%; }
  #research-search .table .row .cell:last-child { width: calc(100% - $widthCell); }
  #research-search .table .row .separator { width: 2%; display: table-cell; } }
@media screen and (min-width: 960px) { #research-search { width: 960px; } }
@media screen and (min-width: 1280px) { #research-search { width: 1280px; } }
#research-search h2 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 120%; font-weight: medium; padding: 0; margin: 0; margin: 20px 0; border-bottom: 2px solid #e9ebeb; }
#research-search h3 { font-family: "EB Garamond", serif; font-size: 100%; padding-left: 1.8em; margin-bottom: 20px; background-image: url("/assets/img/icon/view.png"); background-repeat: no-repeat; background-position: left; background-size: 1em; background-color: none; }
#research-search h3 a { color: #00325b; }
@media screen and (min-width: 960px) { #research-search { padding: 0px 16px 16px 16px; } }

#research-archive { clear: both; border: 0px solid red; overflow: hidden; margin: 0 auto; color: #1CABE2; font-family: futura-pt-condensed, sans-serif; padding: 0px 8px 8px 8px; }
#research-archive .table { border: 0px solid green; display: table; }
#research-archive .table .row { border: 0px solid yellow; overflow: hidden; display: table-row; }
#research-archive .table .row .cell { border: 0px solid black; overflow: hidden; vertical-align: top; }
#research-archive .table .row .separator { border: 0; }
@media screen and (min-width: 640px) { #research-archive { width: 100%; }
  #research-archive .table { padding: 0; margin: 0; }
  #research-archive .table .row { padding: 0; margin: 0; }
  #research-archive .table .row .cell { padding: 0; margin: 0; display: table-cell; width: 49%; }
  #research-archive .table .row .cell:first-child { width: 49%; }
  #research-archive .table .row .cell:last-child { width: calc(100% - $widthCell); }
  #research-archive .table .row .separator { width: 2%; display: table-cell; } }
@media screen and (min-width: 960px) { #research-archive { width: 960px; } }
@media screen and (min-width: 1280px) { #research-archive { width: 1280px; } }
#research-archive a { color: #1CABE2; outline: none; }
#research-archive a h2 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 120%; font-weight: medium; padding: 0; margin: 0; margin-bottom: 20px; border-bottom: 2px solid #e9ebeb; background-image: url("/assets/img/icon/arrow-bottom.png"); background-repeat: no-repeat; background-position: right top; background-size: 1em; }
#research-archive a h2:hover { background-color: #e9ebeb; background-image: url("/assets/img/icon/arrow-right.png"); }
#research-archive a h2.active { background-image: none; background-color: #e9ebeb; background-image: url("/assets/img/icon/arrow-top.png"); }
#research-archive a h2.active:hover { background-image: url("/assets/img/icon/arrow-top.png"); }
#research-archive .programCicle { display: none; }
#research-archive .programCicle h3 { font-family: "EB Garamond", serif; font-size: 100%; padding-left: 0.8em; margin-bottom: 20px; /*background-image: url('/assets/img/icon/view.png');
background-repeat:  no-repeat;
background-position:  left;
background-size: 1em;
background-color: none;*/ }
#research-archive .programCicle a { color: #00325b; }
@media screen and (min-width: 960px) { #research-archive { padding: 0px 16px 16px 16px; } }

#research-view { clear: both; border: 0px solid red; overflow: hidden; margin: 0 auto; border-bottom: 32px solid #e9ebeb; }
#research-view .table { border: 0px solid green; display: table; }
#research-view .table .row { border: 0px solid yellow; overflow: hidden; display: table-row; }
#research-view .table .row .cell { border: 0px solid black; overflow: hidden; vertical-align: top; }
#research-view .table .row .separator { border: 16px solid #e9ebeb; }
@media screen and (min-width: 640px) { #research-view { width: 100%; }
  #research-view .table { padding: 0; margin: 0; }
  #research-view .table .row { padding: 0; margin: 0; }
  #research-view .table .row .cell { padding: 0; margin: 0; display: table-cell; width: 50%; }
  #research-view .table .row .cell:first-child { width: 50%; }
  #research-view .table .row .cell:last-child { width: calc(100% - $widthCell); }
  #research-view .table .row .separator { width: 0; display: table-cell; } }
@media screen and (min-width: 960px) { #research-view { width: 960px; } }
@media screen and (min-width: 1280px) { #research-view { width: 1280px; } }
#research-view .publication_list { width: 100%; color: #58595b; overflow: hidden; padding: 8px; font-family: "EB Garamond", serif; font-size: 100%; }
@media screen and (min-width: 960px) { #research-view .publication_list { padding: 16px; } }
#research-view .publication_list > h4 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 150%; font-weight: medium; padding: 0; margin: 0; clear: both; margin: 0; padding-bottom: 20px; color: #1CABE2; }
#research-view .publication_list .moreShare { margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; margin: 0; bottom: 0; right: 0; }
#research-view .publication_list .moreShare a { cursor: pointer; }
#research-view .publication_list .moreShare a img { height: 24px; width: auto; }
#research-view .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 */ }
#research-view .publication_list .publication { clear: both; }
#research-view .publication_list .publication .img { float: left; border: 0px solid red; width: 30%; margin-bottom: 50px; }
#research-view .publication_list .publication .img img { width: 90%; box-shadow: -4px -4px 7px #AAA; }
#research-view .publication_list .publication > .text { width: 70%; float: left; color: #58595b; font-family: "EB Garamond", serif; letter-spacing: 0px; overflow: hidden; margin-bottom: 50px; }
#research-view .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; }
#research-view .publication_list .publication > .text .title h3 a { color: #00325b; }
#research-view .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; }
#research-view .publication_list .publication > .text .title h4 a { color: #58595b; }
#research-view .publication_list .publication > .text .afterMore { display: none; height: 3em; }
#research-view .publication_list .publication > .text hr { border: 1px solid #e9ebeb; }
#research-view .publication_list .publication > .text .downloadShare { border: 0px solid red; width: 100%; }
#research-view .publication_list .publication > .text .downloadShare .author { color: #929496; font-size: 90%; }
#research-view .publication_list .publication > .text .downloadShare .author h4 { font-family: futura-pt-condensed, sans-serif; color: #58595b; margin-bottom: 5px; }
#research-view .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; }
#research-view .publication_list .publication > .text .downloadShare .download .file { float: right; padding-left: 20px; }
#research-view .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; }
#research-view .publication_list .publication > .text .downloadShare .download .file a:last-child { margin: 0; }
#research-view .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; }
#research-view .other { width: 100%; color: #58595b; overflow: hidden; padding: 8px; font-family: "EB Garamond", serif; font-size: 100%; }
#research-view .other a { color: #58595b; }
#research-view .other p > a { display: block; }
#research-view .other p > a:hover { background: #e9ebeb; }
@media screen and (min-width: 960px) { #research-view .other { padding: 16px; } }
#research-view .other .moreShare { margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; }
#research-view .other .moreShare a { cursor: pointer; }
#research-view .other .moreShare a img { height: 24px; width: auto; }
#research-view .other .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 */ }
#research-view .other h4 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 150%; font-weight: medium; padding: 0; margin: 0; clear: both; margin: 0; padding: 0; color: #1CABE2; }
#research-view .other > h5 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 140%; font-weight: medium; padding: 0; margin: 0; margin: 20px 0 0px 0; color: #929496; }
#research-view .other h3 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 140%; font-weight: medium; padding: 0; margin: 0; margin-bottom: 10px; text-transform: none; color: #58595b; }
#research-view .other img { width: 100%; margin-bottom: 10px; }
#research-view .other hr { border: 1px solid #e9ebeb; }

#research-intro { padding: 8px; font-family: "EB Garamond", serif; font-size: 100%; border-bottom: 32px solid #e9ebeb; color: #58595b; overflow: hidden; }
#research-intro .img { width: 100%; }
#research-intro .img img { width: 100%; margin-bottom: 4%; }
@media screen and (min-width: 640px) { #research-intro { padding: 16px; }
  #research-intro .img { width: 49%; }
  #research-intro .img img { width: 100%; float: left; margin-right: 7%; } }

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

#research-index { clear: both; border: 0px solid red; overflow: hidden; margin: 0 auto; }
#research-index .table { border: 0px solid green; display: table; }
#research-index .table .row { border: 0px solid yellow; overflow: hidden; display: table-row; }
#research-index .table .row .cell { border: 0px solid black; overflow: hidden; vertical-align: top; }
#research-index .table .row .separator { border: 0; }
@media screen and (min-width: 640px) { #research-index { width: 100%; }
  #research-index .table { padding: 0; margin: 0; }
  #research-index .table .row { padding: 0; margin: 0; }
  #research-index .table .row .cell { padding: 0; margin: 0; display: table-cell; width: 49%; }
  #research-index .table .row .cell:first-child { width: 49%; }
  #research-index .table .row .cell:last-child { width: calc(100% - $widthCell); }
  #research-index .table .row .separator { width: 2%; display: table-cell; } }
@media screen and (min-width: 960px) { #research-index { width: 960px; } }
@media screen and (min-width: 1280px) { #research-index { width: 1280px; } }
#research-index .research-item, #research-index .research-item-conference, #research-index .research-item-other { width: 100%; color: #58595b; font-size: 100%; overflow: hidden; padding: 8px; font-family: "EB Garamond", serif; }
#research-index .research-item .afterMore, #research-index .research-item-conference .afterMore, #research-index .research-item-other .afterMore { height: auto; }
#research-index .research-item .moreShare, #research-index .research-item-conference .moreShare, #research-index .research-item-other .moreShare { margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; margin-top: 0; margin-bottom: 0; }
#research-index .research-item .moreShare a, #research-index .research-item-conference .moreShare a, #research-index .research-item-other .moreShare a { cursor: pointer; }
#research-index .research-item .moreShare a img, #research-index .research-item-conference .moreShare a img, #research-index .research-item-other .moreShare a img { height: 24px; width: auto; }
#research-index .research-item .moreShare a img:hover, #research-index .research-item-conference .moreShare a img:hover, #research-index .research-item-other .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 */ }
#research-index .research-item img, #research-index .research-item-conference img, #research-index .research-item-other img { width: 100%; }
#research-index .research-item h3, #research-index .research-item-conference h3, #research-index .research-item-other h3 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 140%; font-weight: medium; padding: 0; margin: 0; margin: 15px 0 5px 0; }
#research-index .research-item h3 a, #research-index .research-item-conference h3 a, #research-index .research-item-other h3 a { color: #929496; }
@media screen and (min-width: 640px) { #research-index .research-item .afterMore, #research-index .research-item-conference .afterMore, #research-index .research-item-other .afterMore { height: auto; max-height: 18em; } }
@media screen and (min-width: 960px) { #research-index .research-item, #research-index .research-item-conference, #research-index .research-item-other { padding: 16px 16px 0 16px; }
  #research-index .research-item .afterMore, #research-index .research-item-conference .afterMore, #research-index .research-item-other .afterMore { height: 16em; } }
#research-index .research-item-other { background: #C4CFE1; border: 8px solid #FFF; }
#research-index .research-item-other h3 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 140%; font-weight: medium; padding: 0; margin: 0; color: #00325b; margin: 15px 0 5px 0; }
#research-index .research-item-other h3 a { color: #00325b; }
#research-index .research-item-other .afterMore { height: 16em; }
@media screen and (min-width: 640px) { #research-index .research-item-other .afterMore { height: 14.6em; } }
@media screen and (min-width: 960px) { #research-index .research-item-other { border: 16px solid #FFF; }
  #research-index .research-item-other .afterMore { height: 15.9em; } }
@media screen and (min-width: 1280px) { #research-index .research-item-other .afterMore { height: 16.2em; } }
#research-index .research-item-conference { background: #5F7FA4; color: #FFF; padding: 0; border: 8px solid #FFF; }
#research-index .research-item-conference div { padding: 10px 20px 10px 20px; }
#research-index .research-item-conference h2 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 210%; font-weight: medium; padding: 0; margin: 0; color: #929496; background: #00325b; padding: 10px 20px 10px 20px; }
#research-index .research-item-conference h2 a { color: #929496; }
#research-index .research-item-conference h3 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 140%; font-weight: medium; padding: 0; margin: 0; color: #FFF; margin: 15px 0 5px 0; }
#research-index .research-item-conference h3 a { color: #FFF; }
#research-index .research-item-conference .linee { padding: 0; border: 1px solid #929496; margin: 0 20px; }
#research-index .research-item-conference .afterMore { height: 7em; margin-bottom: 16px; }
@media screen and (min-width: 640px) { #research-index .research-item-conference .afterMore { height: 4.8em; } }
@media screen and (min-width: 960px) { #research-index .research-item-conference { border: 16px solid #FFF; }
  #research-index .research-item-conference .afterMore { height: 6em; } }
@media screen and (min-width: 1280px) { #research-index .research-item-conference .afterMore { height: 6.4em; } }

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