@font-face {
	font-family: 'Averta-Black';
  src: url('../font/341E49_3_0.eot');
  src: url('../font/341E49_3_0.eot?#iefix') format('embedded-opentype'),
  url('../font/341E49_3_0.woff2') format('woff2'),
  url('../font/341E49_3_0.woff') format('woff'),
  url('../font/341E49_3_0.ttf') format('truetype');
	font-weight:900;
	font-style: normal;
}
@font-face {
	font-family: 'Averta-Bold';
  src: url('../font/341E49_2_0.eot');
  src: url('../font/341E49_2_0.eot?#iefix') format('embedded-opentype'),
  url('../font/341E49_2_0.woff2') format('woff2'),
  url('../font/341E49_2_0.woff') format('woff'),
  url('../font/341E49_2_0.ttf') format('truetype');
	font-weight:600;
	font-style: normal;
}
@font-face {
	font-family: 'Averta-BoldItalic';
  src: url('../font/341E49_0_0.eot');
  src: url('../font/341E49_0_0.eot?#iefix') format('embedded-opentype'),
  url('../font/341E49_0_0.woff2') format('woff2'),
  url('../font/341E49_0_0.woff') format('woff'),
  url('../font/341E49_0_0.ttf') format('truetype');
	font-weight:600;
	font-style: italic;
}
@font-face {
	font-family: 'Averta-Semibold';
  src: url('../font/341E49_C_0.eot');
  src: url('../font/341E49_C_0.eot?#iefix') format('embedded-opentype'),
  url('../font/341E49_C_0.woff2') format('woff2'),
  url('../font/341E49_C_0.woff') format('woff'),
  url('../font/341E49_C_0.ttf') format('truetype');
	font-weight:500;
	font-style: normal;
}
@font-face {
	font-family: 'Averta-Regular';
  src: url('../font/341E49_A_0.eot');
  src: url('../font/341E49_A_0.eot?#iefix') format('embedded-opentype'),
  url('../font/341E49_A_0.woff2') format('woff2'),
  url('../font/341E49_A_0.woff') format('woff'),
  url('../font/341E49_A_0.ttf') format('truetype');
	font-weight:400;
	font-style: normal;
}
@font-face {
	font-family: 'Averta-RegularItalic';
  src: url('../font/341E49_B_0.eot');
  src: url('../font/341E49_B_0.eot?#iefix') format('embedded-opentype'),
  url('../font/341E49_B_0.woff2') format('woff2'),
  url('../font/341E49_B_0.woff') format('woff'),
  url('../font/341E49_B_0.ttf') format('truetype');
	font-weight:400;
	font-style: italic;
}
@font-face {
	font-family: 'Averta-Light';
  src: url('../font/341E49_8_0.eot');
  src: url('../font/341E49_8_0.eot?#iefix') format('embedded-opentype'),
  url('../font/341E49_8_0.woff2') format('woff2'),
  url('../font/341E49_8_0.woff') format('woff'),
  url('../font/341E49_8_0.ttf') format('truetype');
	font-weight:300;
	font-style: normal;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
*, ul{
    margin: 0;
    padding: 0;     
}
::selection{background-color:#005E61; color:#fff !important;}
::-moz-selection{background-color:#005E61; color:#fff !important;}

/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #c6c7c8;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #005E61;
  transition: all 300ms ease-out;
  cursor: pointer;
  opacity: 0.9;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  opacity: 1;
}

body{
  font-family: 'Averta-Regular';
  width: 100%;
  font-size: 16px;
  color: #505559;
  line-height: 1.5;
}
img{
  max-width: 100%;
  height: auto;
}
iframe{
  max-width: 100%;
  display: inline-block;
}
main{
  position: relative;
  padding-top: 150px;
}
main p,
main table{
  margin-bottom: 8px;
}
main ul,
main ol{
  margin: 15px 0 15px 20px;
}
main .text-formatted li{
  margin: 10px 0;
}
main li ul,
main li ol{
  margin: 7px 0 7px 20px;
}
main p:last-of-type{
  margin-bottom: 0;
}
.layout-container .messages{
  position: fixed;
  left: 15px;
  top: 10px;
  font-size: 12px;
  z-index: 800;
}
.user-logged-in .layout-container .messages{
  position: absolute;
  top: 100px;
}
a{
  text-decoration: none;
  color: #005E61;
  outline: none;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.dgrey a,
.two.node--type-boxes .field__item:nth-of-type(4n+1) a,
.green a,
.two.node--type-boxes .field__item:nth-of-type(4n+3) a{
  color: #c6c7c8;
}
a:hover,
main .field--name-body a:hover,
main .views-field-body a:hover{
    color: #434a4f;
}
.dgrey a:hover,
.two.node--type-boxes .field__item:nth-of-type(4n+1) a:hover,
.green a:hover,
.two.node--type-boxes .field__item:nth-of-type(4n+3) a:hover{
  color: #fff;
}
.view-studies .view-content::after,
.path-contact .region-content::after,
.page-node-type-manual .region-content .menu--main::after,
.node .node__content::after,
.field--name-field-plinks .field__items::after,
.field--name-field-blinks .field__items::after{
  content: " ";
  display: block;
  clear: both;
}
h1{
  font-size: 34px;
}
h2{
  font-size: 32px;
}
h3{
  font-size: 24px;
}
h1, h2{
  margin: 0 0 30px;
	font-family: 'Averta-Light';
  font-weight: 300;
  line-height: 1.1;
}
h3, h4{
  margin: 0 0 20px;
  font-family: 'Averta-Light';
  font-weight: 300;
  line-height: 1.2;
}
strong{
  font-family: 'Averta-Bold';
  font-weight:600;
}
.block-views > h2{
  margin-bottom: 30px;
  color: #005E61;
}

.iframewrap{
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.iframewrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.field--name-field-iframe2{
  padding: 50px;
}

/* general layout */
.newlay-1 .newrap,
.tophead,
#block-mainnavigation .menu,
.node--type-boxes,
.node--type-basic.node--view-mode-teaser.imgbot .node__content,
.view-people,
.block-views > h2,
.view-stories,
main,
.region-footer,
.view-studies .view-content,
.field--name-field-plinks,
.tabs{
  max-width: 1160px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
} 
.region-content .tabs{
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
}
.page-node-type-basic main,
.path-our-people main,
.path-oidaniko-systima main{
  max-width: none;
  padding: 0;
  margin: 0;
}
.path-taxonomy main,
.path-frontpage main,
.path-πρόγραμμα-σπουδών main{
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.node--type-basic.imgbkg .node__content{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 100px;
  padding-bottom: 100px;
}
.node--type-basic.imgbot,
#block-views-block-stories-block-2{
  padding-top: 100px;
  padding-bottom: 100px;
}
.layout-container .node--type-basic.slider{
  padding-top: 0;
  padding-bottom: 0;
}
.view-studies{
  padding-top: 100px;
}
.view-studies .view-content{
  padding-bottom: 150px;
}
.view-stories,
.view-news,
.path-contact .region-content{
  margin-top: 50px;
}
.page-node-type-news .region-content,
.page-node-type-stories .region-content,
.page-node-type-people .region-content,
.page-node-type-page .region-content{
  margin-top: 40px;
}
.view-taxonomy-term .views-row:first-of-type .node--type-boxes{
  margin-top: 60px;
}
.path-frontpage .view-taxonomy-term .views-row:first-of-type .node--type-boxes{
  margin-top: 60px;
  margin-bottom: 60px;
}
.page-node-type-manual .region-content{
  padding-top: 30px;
}
#block-views-block-stories-block-2 h2,
#block-views-block-stories-block-2 .view-footer{
  text-align: center;
}
#block-views-block-stories-block-2 h2{
  color: #505559;
}
#block-views-block-stories-block-2 .view-stories .views-row{
  padding-bottom: 15px;
}
#block-views-block-stories-block-2 .views-field-field-btitle h3{
  font-size: 20px;
  margin: 10px 0;
}
footer{
  padding: 100px 0 50px;
}

/* ckeditor */

.text-formatted .button a{
  padding: 10px 20px;
  line-height: 1.1;
  background-color: #005E61;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  box-shadow: 4px 5px 6px rgba(0,0,0,0.2);
  position: relative;
}
.text-formatted .button a:hover{
  background-color: #434a4f;
  color: #fff;
  box-shadow: 2px 3px 4px rgba(0,0,0,0.5);
}
.node--type-basic .text-formatted .button a{
  background-color: #fff;
  color: #005E61;
}
.node--type-basic.white .text-formatted .button a{
  background-color: #005E61;
  color: #fff;
}
.node--type-basic.white .text-formatted .button a:hover{
  background-color: #434a4f;
  color: #fff;
}
.text-formatted .button a[href^="#"]{
  padding-right: 50px;
}
.text-formatted .button a[href^="#"]::after{
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-10px);
  background-image: url(../imgs/tobottom-green.png);
}
.white .text-formatted .button a[href^="#"]::after,
.text-formatted .button a:hover[href^="#"]::after{
  background-image: url(../imgs/tobottom-white.png);
}
span.greencolor{
  color: #009197;
  text-shadow: none;
}
span.purple{
  color: #b97cae;
  text-shadow: none;
}
span.grey{
  color: #505559;
  text-shadow: none;
}
ul.ticks li{
  list-style-image: url(../imgs/tick-icon.png);
}
span.big{
  font-size: 20px;
  line-height: 1.3;
}
span.bigg{
  font-size: 24px;
  line-height: 1.3;
}
span.bigger{
  font-size: 35px;
  line-height: 1.2;
}
span.xl,
.page-node-type-con .contact-message-form > h2{
  font-size: 50px;
  line-height: 1;
}
span.xbold,
.page-node-type-con .contact-message-form > h2{
  font-family: 'Averta-Black';
	font-weight:900;
	font-style: normal;
}
span.semibold{
  font-family: 'Averta-Semibold';
	font-weight:500;
	font-style: normal;
}
span.light{
  font-family: 'Averta-Light';
  font-weight: 300;
}

/* header */

header{
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 800;
}
.tophead{
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  transition: all 300ms ease-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.under .tophead{
  padding-bottom: 5px;
}
header li{
  list-style: none;
}
.trhead,
.region-header .menu{
  display: flex;
  align-items: center;
  justify-content: center;
}
.trhead,
.tophead .menu{
  justify-content: flex-end;
}
header li a,
footer li a{
  display: block;
  line-height: 1;
}
.menu--sec a{
  padding: 2px 10px;
  border-left: 1px solid #005E61;
}
.menu--sec li:first-child a{
  border: none;
}
.menu--sec a.is-active{
  color: #434a4f;
}
.menu--sec a[href$=".pdf"]{
  font-size: 12px;
  background-color: #005E61;
  padding: 5px 8px;
  color: #fff;
  border: none;
}
.menu--sec a[href$=".pdf"]:hover{
  background-color: #434a4f;
}
header .menu--social{
  margin-left: 20px;
}
.menu--social a{
  width: 25px;
  height: 25px;
  background-image: url(../imgs/social.svg);
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100px;
  margin-left: 4px;
}
.menu--social li:nth-child(1) a{
  background-position: top right;
}
.menu--social li:nth-child(2) a{
  background-position: top center;
}
.menu--social li:nth-child(3) a{
  background-position: top left;
}
header .block-system-branding-block{
  position: relative;
  transition: all 300ms ease-out;
}
.block-system-branding-block a{
  color: #505559;
  display: inline-block;
}
.site-logo{
  display: block;
  position: absolute;
  top: 0;
  left: 88px;
  width: 45px;
  height: 45px;
  transition: all 300ms ease-out;
}
.under header .site-logo{
  left: 0;
}
.site-name{
  background-image: url(../imgs/oidaniko.png);
  width: 220px;
  height: 40px;
  overflow: hidden;
  text-indent: 400px;
  margin-top: 55px;
  margin-left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 300ms ease-out;
}
.under header .site-name{
  width: 160px;
  height: 29px;
  margin-top: 2px;
  margin-left: 55px;
}
.site-slogan{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  padding-top: 5px;
  text-align: center;
  transition: all 300ms ease-out;
  margin-left: 0;
}
.under header .site-slogan{
  font-size: 10px;
  letter-spacing: normal;
  text-align: left;
  padding-top: 3px;
  margin-left: 56px;
}
.tophead .menu--main{
  transition: all 300ms ease-out;
  margin-top: 40px;
}
.under .tophead .menu--main{
  margin-top: 0;
}
.tophead .menu--main a{
  padding: 15px;
  color: #444;
  font-weight: 500;
  font-size: 15px;
}
.tophead .menu--main a:hover,
.tophead .menu--main .menu-item--active-trail a{
  color: #000;
}

#block-mainnavigation{
  background-color: #505559;
}
#block-mainnavigation a{
  color: #ddd;
  padding: 8px 15px;
}
#block-mainnavigation a:hover,
#block-mainnavigation a.is-active,
#block-mainnavigation .menu-item--active-trail > a{
  color: #fff;
}
.tophead .menu--main li:last-of-type a,
#block-mainnavigation li:last-of-type a{
  padding-right: 0;
}
.menu--main .mopen{
  display: none;
}


/* main */
.path-frontpage .page-title,
.path-taxonomy .page-title,
.page-node-type-manual .page-title,
.path-news .page-title{
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
.field--name-field-banner img{
  display: block;
  width: 100%;
}
.path-frontpage .view-taxonomy-term .views-row:nth-of-type(1) h2{
  font-size: 84px;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: 300;
}
.view-taxonomy-term .view-header{
  position: relative;
}
.view-taxonomy-term .view-header .field--name-field-banner{
  overflow: hidden;
}
.view-taxonomy-term .view-header .field--name-field-banner img{
  position: relative;
  transition: all 700ms ease-out;
}
.view-taxonomy-term .view-header .field--name-description{
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  padding: 20px;
  font-size: 60px;
  text-shadow: 3px 3px 9px rgba(0,0,0,1);
  font-weight: 900;
  text-align: center;
  color: #fff;
  line-height: 1.1;
  z-index: 100;
  box-sizing: border-box;
}

/* links */
.field--name-field-link{
  margin-top: 30px;
}
strong > a,
.newslink{
  margin-top: 20px;
}
.field--name-field-link a,
strong > a,
.newslink{
  display: inline-block;
  padding: 10px 15px 10px 40px;
  margin-right: 15px;
  position: relative;
  font-size: 14px;
}
#block-oidath-content .field--name-field-link a,
#block-oidath-content .node--type-boxes strong > a{
  color: #fff;
}
.field--name-field-link a::after,
strong > a::after,
.newslink::after{
  content: " ";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background-color: #005E61;
  border-radius: 50%;
  background-image: url(../imgs/arrows.png);
  background-position: right center;
  transition: left 300ms ease-out;
}
.field--name-field-link a:hover::after,
.node--type-boxes strong > a:hover::after,
.newslink:hover::after{
  left: 5px;
}

/* teasers */

.node--view-mode-teaser,
.node--type-basic,
.node--type-boxes{
  color: #fff;
}
.black{
  background-color: #050908;
}
.green,
.two.node--type-boxes .field__item:nth-of-type(4n+3){
  background-color: #005E61;
}
.green .field--name-field-link a,
.two.node--type-boxes .field__item:nth-of-type(4n+3) strong > a::after{
  background-color: #fff;
  background-position: left center;
}
.dgrey,
.two.node--type-boxes .field__item:nth-of-type(4n+1){
  background-color: #505559;
}
.orange{
  background-color: #f39500;
  background-color: #e75127;
}
.lgrey,
.two.node--type-boxes .field__item:nth-of-type(4n+2),
.block-views-blockstories-block-2{
  background-color: #ececed;
  color: #505559;
}
.block-views-blockstories-block-2{
  background-color: #fff;
}
.white,
.two.node--type-boxes .field__item:nth-of-type(4n+4){
  background-color: #fff;
  color: #505559;
}
#block-oidath-content .node--view-mode-teaser.white .field--name-field-link a,
#block-oidath-content .node--view-mode-teaser.lgrey .field--name-field-link a,
#block-oidath-content .two.node--type-boxes .field__item:nth-of-type(4n+4) strong > a,
#block-oidath-content .two.node--type-boxes .field__item:nth-of-type(4n+2) strong > a{
  color: #005E61;
}
#block-oidath-content .node--view-mode-teaser.lgrey .field--name-field-link a{
  color: #333;
}
#block-oidath-content .node--view-mode-teaser.white .field--name-field-link a:hover,
#block-oidath-content .node--view-mode-teaser.lgrey .field--name-field-link a:hover{
  color: #000;
}

/* node--type-boxes */
.node--type-boxes .field--name-field-body{
  display: flex;
  flex-wrap: wrap;
}
.node--type-boxes .field__item{
  box-sizing: border-box;
  padding: 50px;
}
.two.node--type-boxes .field__item{
  width: 50%;
}
.three.node--type-boxes .field__item{
  width: 33%;
  width: 33.333%;
}
.three.node--type-boxes{
  color: #505559;
}
.path-frontpage .three.node--type-boxes{
  text-align: center;
}
.path-frontpage .three.node--type-boxes .field__item{
  border-left: 1px solid #c6c7c8;
}
.path-frontpage .three.node--type-boxes .field__item:first-of-type{
  border-left: none;
}

/* node--type-basic */
.node--type-basic.imgbkg{
  background-color: transparent;
  background-position: center;
  background-size: cover;
  text-align: center;
}
.node--type-basic.imgbot{
  text-align: center;
}
.node--type-basic.imgbot[data-history-node-id="314"],
.node--type-basic.imgbot[data-history-node-id="316"]{
  text-align: left;
}
.node--type-basic.imgbkg ul,
.node--type-basic.imgbot ul{
  list-style: inside;
}
.node--type-basic.imgbot[data-history-node-id="314"] ul{
  list-style: outside;
}
.node--type-basic.imgbot .textwrap{
  max-width: 800px;
  margin: 0 auto;
}
.node--type-basic.imgbot .field--type-image{
  margin-top: 25px;
}
.node--type-basic.imgrig > .newrap,
.node--type-basic.imglef > .newrap{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.node--type-basic.imglef > .newrap{
  flex-direction: row-reverse;
}
.node--type-basic.imgrig > .newrap > div,
.node--type-basic.imglef > .newrap > div{
  width: 50%;
}
.node--type-basic.imgrig .textwrap,
.node--type-basic.imglef .textwrap{
  max-width: 550px;
  padding: 50px 15px;
  box-sizing: border-box;
  margin: 0 auto;
}
.node--type-basic.imgrig .field--name-field-img img,
.node--type-basic.imglef .field--name-field-img img{
  display: block;
  width: 100%;
}
.node--type-basic.imgbot .field--name-field-slimgs{
  margin-top: 0;
}
/* old basic block new layouts */
.newlay-1{
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #505559;
  padding-top: 150px;
  padding-bottom: 200px;
}
.newlay-1 > .newrap{
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
.newlay-1 .bside{
  width: 230px;
}
.newlay-1 .node__content{
  width: calc(100% -  290px);
  padding-left: 60px;
}
.newlay-1 .field--name-field-slimgs{
  display: none;
}
.newlay-1 .textwrap{
  display: flex;
  align-items: center;
}
.newlay-1 .textwrap > h2{
  width: 330px;
  margin-bottom: 0;
}
.newlay-1 .textwrap > .field--name-body{
  width: calc(100% -  360px);
  padding-left: 30px;
}
.newlay-1 .field--name-field-link{
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
#block-oidath-content .newlay-1 .field--name-field-link a{
  color: #505559;
}
.newlay-1 .field--name-field-link a::after{
  background-color: #b97cae
}

/* new splash page */
#block-contactblock,
#block-contact-info{
  display: none;
}
article[data-history-node-id="316"] #block-contactblock,
article[data-history-node-id="316"] #block-contact-info{
  display: block;
}

.field--name-field-slimgs img{
  width: 100%;
}
.bx-wrapper{
  margin-bottom: 0;
}
.bx-wrapper .bx-pager{
  bottom: 50px;
  padding-top: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a{
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0,0,0,0.6);
  position: relative;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus, 
.bx-wrapper .bx-pager.bx-default-pager a:hover{
  background-color: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a::after{
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  transition: all 300ms ease-out;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bx-wrapper .bx-pager.bx-default-pager a.active::after,
.bx-wrapper .bx-pager.bx-default-pager a:hover::after{
  background-color: #005E61;
}

/* .view-news */

.node--type-news .newsimg,
.node--type-news .newsimg img{
  display: block;
  width: 100%;
}
.node--type-news.node--view-mode-full .newsimg img{
  margin-bottom: 15px;
}
.view-news .node--view-mode-teaser{
  color: #000;
}
.view-news .views-row{
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #ccc;
}
.view-news .views-row .newsimg,
.view-news .views-row .newstext{
  width: 50%;
  float: left;
}
.view-news .views-row:nth-of-type(2n) .newsimg,
.view-news .views-row:nth-of-type(2n) .newstext,
.node .newsimg,
.node .newstext{
  float: right;
}
.node .newsimg{
  width: 40%;
}
.node .newstext{
  width: 55%;
  padding-right: 5%;
  position: relative;
  transition: all 600ms ease-out;
}
.view-news .views-row .newstext{
  box-sizing: border-box;
  padding: 25px 0 25px 30px;
}
.view-news .views-row:nth-of-type(2n) .newstext{
  padding: 25px 30px 25px 0;
}
.view-news .views-row .newstext h2,
.newstext h1{
  font-size: 22px;
  margin-bottom: 15px;
}
.field--type-datetime{
  font-size: 14px;
  font-style: italic;
  margin-bottom: 10px;
}
.node--type-news.node--view-mode-teaser .newsimg{
  overflow: hidden;
}
.node--type-news.node--view-mode-teaser .newsimg img{
  transition: all 500ms ease-out;
}
.node--type-news.node--view-mode-teaser:hover .newsimg img{
  transform: scale(1.02);
}
.field--name-field-files{
  margin-top: 15px;
}
.field--name-field-files .field__item{
  margin-top: 5px;
}

/* view-people */
.view-people .view-content,
.view-stories .view-content{
  display: flex;
  flex-wrap: wrap;
}
.view-people .view-content h3{
  width: 100%;
  border-bottom: 2px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 25px;
  line-height: 1;
}
.view-people .views-row{
  width: 200px;
  padding: 0 50px 35px 0;
  position: relative;
}
.block-views-blockpeople-block-3{
  background-color: #505559;
  color: #fff;
}
.block-views-blockpeople-block-3 > h2{
  color: #fff;
}
.view-people .views-field-body{
  font-size: 15px;
  font-style: italic;
}
.block-views-blockpeople-block-1,
.block-views-blockpeople-block-2,
.block-views-blockpeople-block-3,
.block-views-blockpeople-block-4{
  padding: 50px 0 15px;
}

/* view-stories */

.view-stories .views-row{
  width: 30%;
  padding-bottom: 40px;
  margin-right: 5%;
  position: relative;
}
.view-stories .views-row:nth-of-type(3n+3){
  margin-right: 0;
}
.node--type-stories.node--view-mode-teaser{
  color: #000;
}
.node--type-stories h2,
.node--type-stories h3{
  color: #005E61;
}
.node--type-stories .field--name-field-img img,
.view-stories .views-field-field-img img{
  display: inline-block;
}
.storytop{
  margin: 20px 0;
}
.node--type-stories .field--name-field-scho{
  font-style: italic;
  font-size: 15px;
}
.node--type-stories.node--view-mode-full .field--name-field-scho{
  margin-bottom: 15px;
}
.node--type-stories.node--view-mode-full h2{
  font-size: 20px;
}
.node--type-stories.node--view-mode-full h2{
  margin-bottom: 15px;
}
.node--type-stories .field--name-title{
  font-size: 20px;
  display: block;
  margin-bottom: 3px;
}

/* view-studies */
.path-πρόγραμμα-σπουδών .block-page-title-block{
  display: none;
}
.view-studies{
  background-image: url(../imgs/studiesbkg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.view-studies .view-content{
  color: #fff;
}
.view-studies .view-footer{
  background-color: #fff;
}
.view-studies .node__content,
.view-studies .node__content .studcol .studrow:nth-of-type(1){
  display: flex;
}
.view-studies .node__content .studcol .studrow:nth-of-type(2){
  margin-top: 20px;
}
.view-studies .node__content .studcol .studrow .studcol{
  width: 50%;
}
.view-studies .node__content .studcol .studrow .studcol:nth-of-type(2){
  padding-left: 25px;
}
.view-studies .node__content > .studcol{
  background-color: #505559;
  list-style: none;
  padding: 30px 30px 40px 30px;
}
.view-studies .node__content > .studcol:nth-of-type(1){
  background-color: #005E61;
  width: 33%;
  width: 33.333%;
}
.view-studies .node__content > .studcol:nth-of-type(1) strong > a::after{
  background-color: #fff;
  background-position: left center;
}
.view-studies .node__content > .studcol:nth-of-type(2){
  width: 66%;
  width: 66.665%;
}
.view-studies .node__content .studcol .studrow:nth-of-type(2) p{
  display: inline-block;
  margin: 0;
}

/* page-node-type-manual iframe pages */
.page-node-type-manual{
  background-color: #eceded;
}
.page-node-type-manual .region-content .menu--main{
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.node--type-manual{
  box-shadow: 0 0 3px 0px rgba(0,0,0,0.2);
  background: #ddd;
}
.page-node-type-manual .region-content .menu--main ul{
  margin: 0;
}
.page-node-type-manual .region-content .menu--main li{
  list-style: none;
}
.page-node-type-manual .region-content .menu--main a{
  float: left;
  display: block;
  padding: 15px 30px;
  font-size: 14px;
  cursor: pointer;
  transition: all 300ms ease-out;
  position: relative;
  text-align: center;
}
.page-node-type-manual .region-content .menu--main a:hover{
  color: #005E61;
}
.page-node-type-manual .region-content .menu--main a::after{
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  display: block;
  width: 0%;
  height: 2px;
  background-color: #005E61;
  transition: width 300ms ease-out;
}
.page-node-type-manual .region-content .menu--main a.is-active::after{
  width: 100%;
}

/* bottom taxonomyviews links */
.field--name-field-plinks .field__item,
.field--name-field-blinks .field__item{
  float: left;
  width: 50%;
}
.field--name-field-plinks .field__item a,
.field--name-field-blinks .field__item a{
  display: block;
  color: #fff;
  padding: 15px;
  line-height: 1;
}
.field--name-field-plinks .field__item:first-of-type a,
.field--name-field-blinks .field__item:first-of-type a{
  background-color: #505559;
  text-align: right;
}
.field--name-field-plinks .field__item:first-of-type a:hover,
.field--name-field-blinks .field__item:first-of-type a:hover{
  color: #005E61;
}
.field--name-field-plinks .field__item:last-of-type a,
.field--name-field-blinks .field__item:last-of-type a{
  background-color: #005E61;
}
.field--name-field-plinks .field__item:last-of-type a:hover,
.field--name-field-blinks .field__item:last-of-type a:hover{
  color: #505559;
}
.field--name-field-plinks .field__label,
.field--name-field-blinks .field__label{
  text-align: center;
  font-size: 32px;
  padding: 100px 15px 25px; 
  font-weight: 300;
  line-height: 1;
}


/* new blocks */
.page-node-type-con main,
.page-node-type-blo main{
  max-width: unset;
  padding: 0;
  margin: 0;
}
.blo .text-formatted > *{
  margin-bottom: 20px;
}
.blo .text-formatted > *:last-child{
  margin-bottom: 0;
}
.nwrap{
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.blo{
  padding-top: 100px;
  padding-bottom: 100px;
}
.ntxt2{
  text-align: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.withside .ntxt2,
.blo[data-lay="2"] .ntxt2,
.blo[data-lay="3"] .ntxt2{
  text-align: left;
  margin: 0;
  max-width: unset;
}
.withbkg{
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
.field--name-field-bkgimg img{
  display: none;
}
.withside .nwrap2,
.blo[data-lay="3"] .nwrap2{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blo[data-lay="3"] .nwrap2{
  align-items: flex-start;
}
.withside[data-lay="1"] .nwrap2{
  flex-direction: row-reverse;
}
.withside .nwrap2 > div,
.blo[data-lay="3"] .nwrap2 > div{
  width: 48%;
}
.field--name-field-simgs{
  text-align: center;
}
.field--name-field-simgs img{
  display: inline-block;
}
.withbkg{
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.field--name-field-mtxts{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.field--name-field-mtxts > div{
  padding: 20px;
}
.blo[data-lay="2"] .ntxt{
  margin-left: 52%;
}
.tablewrap{
  overflow-x: auto;
}
main table{
  border-collapse: separate;
}
main table td{
  text-align: center;
  padding: 10px 20px;
  border-right: 1px solid #505559;
  border-bottom: 1px solid #505559;
}
main table td:first-child{
  text-align: left;
  border-left: 1px solid #505559;
}
main table tr:first-child td{
  border-top: 1px solid #505559;
}
main table tr:last-child td:first-child{
  border-bottom-left-radius: 10px;
}
main table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
main table tr:first-child td:first-child{
  border-top-left-radius: 10px;
}
main table tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
.page-node-type-con #block-totop a{
  background-color: #b97cae;
}

#block-careerform{
  display: none;
  max-width: 530px;
  padding-left: 20px;
  padding-right: 20px;
}
.blo[id="id-451"] #block-careerform{
  display: block;
}
.blo[id="id-451"] .ntxt2 table{
  width: 100%;
}
.page-node-type-con .form-item input,
.page-node-type-con .form-item textarea{
  background-color: transparent;
  border: 1px solid #505559;
  border-radius: 10px;
  padding: 7px 10px;
}
.page-node-type-con .form-actions input{
  border: none;
}
.page-node-type-con .form-actions input,
.field--name-field-links a{
  background-color: #b97cae;
  margin-top: 30px;
  display: inline-block;
  color: #fff;
  border-radius: 10px;
  padding: 10px 20px;
  line-height: 1;
  transition: all 300ms ease;
}
.page-node-type-con .form-actions input:hover,
.field--name-field-links a:hover{
  background-color: #505559;
}

/* totop  */

#block-totop a{
  display: block;
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  background-color: #005E61;
  border-radius: 50%;
  opacity: 0;
  color: #57585a;
  color: rgba(0,0,0,0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  z-index: 100;
}
#block-totop a::after{
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 18px solid #fff;
  position: absolute;
  top: 9px;
  left: 8px;
}
.under #block-totop a{
  opacity: 0.6;
}
.under #block-totop a:hover{
  opacity: 1;
  background-color: #505559;
}


/* scroll effect */

.view-taxonomy-term > .view-content > .views-row{
  transform: translateY(100px);
  opacity: 0;
  transition: all 1s ease-out;
  z-index: 1;
  position: relative;
}
.view-taxonomy-term > .view-content > .views-row.actelem{
  transform: translateY(0);
  opacity: 1;
}

/* footer */
footer{
  position: relative;
}
footer li{
  list-style: none;
}
footer .block-system-branding-block{
  margin-bottom: 50px;
}
footer .block-system-branding-block a{
  position: relative;
  width: 220px;
  height: 118px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
footer .site-name{
  padding-top: 55px;
  margin-top: 0;
  background-position: bottom;
}
footer .menu--main li{
  text-align: center;
}
footer .menu--main > ul{
  display: flex;
  justify-content: space-around;
}
footer .menu--main li a{
  color: #000;
  padding-bottom: 10px;
  font-weight: 500;
}
footer .menu--main li a:hover,
footer .menu--main .menu-item--active-trail > a{
  color: #005E61;
}
footer .menu--main li li a{
  font-size: 14px;
  font-weight: 300;
}
.block-views-blockfooinfo-block-1{
  text-align: center;
  padding-top: 50px;
}
footer:before {
  background: #005E61;
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 0px;
  height: 10px;
  width: 50%;
}
footer:after {
  background: #505559;
  content: " ";
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 10px;
  width: 50%;
}
footer .menu--social li{
  display: inline-block;
}
footer .menu--social li a{
  padding: 0;
}

/* path-contact */
.path-contact:has(#block-views-block-contact-block-1) .region-content .block-system-main-block,
.path-contact .region-content .block-views-blockcontact-block-1,
article[data-history-node-id="316"] .block{
  float: left;
  width: 45%;
}
.path-contact:has(#block-views-block-contact-block-1) .region-content .block-system-main-block,
article[data-history-node-id="316"] .contact-form{
  margin-right: 10%;
}
.path-contact .region-content .block-views-blockcontact-block-1 strong,
article[data-history-node-id="316"] .view-contact strong{
  color: #005E61;
  font-size: 18px;
}

/* our iframe */
.iframes{
  background-color: #eceded;
}
.iframes main{
  padding: 0;
}
.iframes .field--name-field-blinks{
  display: none;
}

/* form pages */
.form-item,
.field--type-boolean{
  margin-bottom: 15px;
}
.form-type-checkbox,
.form-type-radio{
  margin-bottom: 0;
}
.form-item label{
  display: block;
  margin-bottom: 5px;
}
.form-item input,
.form-item textarea,
.form-item select{
  background-color: #eee;
  border: none;
  padding: 15px;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.form-type-checkbox input,
.form-type-checkbox label,
.form-type-radio input,
.form-type-radio label{
  display: inline;
}
.form-type-checkbox .form-checkbox{
  margin-right: 5px;
}

.form-item input:focus,
.form-item textarea:focus{
  border: 1px solid rgba(169,173,12,0.7);
}
.form-item .description{
  font-size: 12px;
  margin-top: 5px;
}
.form-actions input{
  border: none;
  display: inline-block;
  padding: 10px 20px;
  background-color: #005E61;
  border-bottom: 3px solid #505559;
  position: relative;
  margin-right: 20px;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #fff;
  border-radius: 2px;
  font-size: 18px;
}
.form-actions input:focus{
  border-bottom: 1px solid #005E61;
  top: 2px;
}
.contact-message-ypotrofies-form{
  max-width: 800px;
  margin: 50px auto;
  padding: 0 20px;
}
/*
.contact-message-feedback-form .form-managed-file{
  position: relative;
}
.contact-message-feedback-form .form-managed-file input[type=file]{
  opacity: 0;
  position: relative;
  z-index: 5;
}
.contact-message-feedback-form .form-managed-file::before{
  content: "ΕΠΙΛΟΓΗ ΑΡΧΕΙΟΥ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: inline-block;
  background-color: #005E61;
  color: #fff;
  z-index: 1;
  cursor: pointer;
  padding: 15px;
  cursor: pointer;
}
*/


.left-align{
  text-align: left;
}



/* popup block */
#block-popupblock{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 60px 30px 30px;
  width: 600px;
  z-index: 1000;
  transition: all 300ms ease-out;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  text-align: center;
  box-sizing: border-box;
}
.show-popup #block-popupblock{
  display: block;
}
.close-popup{
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.close-popup::after{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #005E61;
  clip-path: polygon(5% 10%,10% 5%,50% 45%,90% 5%,95% 10%,55% 50%,95% 90%,90% 95%,50% 55%,10% 95%,5% 90%,45% 50%);
  transition: all 300ms ease-out;
}
.close-popup:hover::after{
  background-color: #b97cae;
}
.overlay{
  display: none;
}
.show-popup{
  overflow-y: hidden;
  height: 100vh;
}
.show-popup .overlay{
  display: block;
  background-color:rgba(0,0,0,0.8);
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 900;
}

@media screen and (max-width: 1100px){
 #block-popupblock{
    width: 80%;
    left: 10%;
    transform: translateY(-50%);
 }
}
/* end pop-up */


/* new forms proeggrafes */
.block-contact-block[id^="block-join"],
.block-contact-block[id^="block-protipa"],
.contact-message-graduates-form,
.contact-message-seminario-form{
  padding: 50px 20px;
}
.block-contact-block[id^="block-join"] form,
.block-contact-block[id^="block-protipa"] form,
.contact-message-graduates-form form,
.contact-message-seminario-form form,
.contact-message-jobs-form{
  margin: 0 auto;
  max-width: 520px;
  display: block;
}
.contact-message-jobs-form{
  padding-left: 20px;
  padding-right: 20px;
}

#id-458{
  padding-bottom: 0;
}
.contact-message-seminario-form{
  padding-top: 0;
}

/* imerida */
.imerida-text{
  margin-bottom: 30px;
  max-width: 750px;
}
.contact-message-imerida-form{
  max-width: 525px;
}
.contact-message-imerida-form .field--name-field-num{
  display: none;
}
/* 2. Show the field only when the 'live' option is selected */
.contact-message-imerida-form:has(select.form-select option[value="live"]:checked) .field--name-field-num {
  display: block;
}


/* edit links */

/* edit links */
.edit-node a,
.views-field-edit-node a,
.views-field-edit-taxonomy-term a{
  display: none;
  position: absolute;
  right: unset;
  left: 0;
  top: 0;
  font-size: 8px;
  color: rgba(0,0,0,0) !important;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-image: url("../imgs/pencil.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #ccc;
}
.views-field-edit-node{
  position: absolute;
  right: unset;
  left: 0;
  top: 0;
}
.views-row:hover .edit-node a,
.views-row:hover .views-field-edit-node a,
.item-list > ul > li:hover .views-field-edit-node a,
.views-row:hover .views-field-edit-taxonomy-term a{
  display: block;
}
.form-submit[data-drupal-selector="edit-preview"],
.view > .contextual,
.block > .contextual,
.media > .contextual{
  display: none !important;
}

#block-contactusblock a,
#block-fixedbut a{
  display: block;
  position: fixed;
  background-color: #005E61;
  transform-origin: left top;
  color: #fff;
  font-size: 14px;
  z-index: 200;
  left: 0;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
#block-contactusblock a{
  padding: 7px 14px;
  bottom: 50%;
  transform: rotate(-90deg) translateX(-50%);
}
#block-fixedbut a{
  padding: 7px 10px;
  bottom: 0px;
}
#block-contactusblock a:hover,
#block-fixedbut a:hover{
  background-color: #505559;
}


/* Accessibility Block */

#block-accessibilityblock{
  position: fixed;
  top: 50%;
  width: 230px;
  padding-left: 58px;
  right: -230px;
  transform: translateY(-50%);
  transition: all 300ms ease-out;
  z-index: 300;
  color: #333;
}
#block-accessibilityblock.abopen{
  right: 0;
}
#block-accessibilityblock .field--name-body{
  padding: 20px;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  background-color: #eee;
}
#block-accessibilityblock .field--name-field-blimg{
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 10px;
  background-color: #fff;
  transition: all 300ms ease-out;
}
#block-accessibilityblock .field--name-field-blimg:hover,
#block-accessibilityblock.abopen .field--name-field-blimg{
  background-color: #eee;
}
#block-accessibilityblock .field--name-field-blimg img{
  display: block;
  width: 100%;
}
.ab-botton{
  cursor: pointer;
  transition: all 300ms ease-out;
  display: inline-block;
  padding: 3px;
  line-height: 1.1;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #000;
  background-color: #fff;
}
.ab-active,
.ab-botton:hover{
  background-color: #000;
  color: #fff;
}
.ab-sizeup *{
  font-size: 19px !important;
}
.ab-sizeup h1,
.ab-sizeup h1 *,
.ab-sizeup .view-about .full-width .field--name-body *{
  font-size: 24px !important;
}
.ab-sizeup h2,
.ab-sizeup h2 *{
  font-size: 22px !important;
}
.ab-sizeup h3,
.ab-sizeup h3 *{
  font-size: 20px !important;
}
.ab-underline a{
  text-decoration: underline;
}
.ab-contrast,
.ab-contrast .view-about .full-width .field--name-body{
  color: #000 !important;
}
.ab-contrast a{
  color: #000 !important;
  background-color: transparent !important;
}
.ab-contrast .dgrey,
.ab-contrast .dgrey a,
.ab-contrast #block-mainnavigation a{
  color: #fff !important;
  background-color: #000 !important;
} 
.ab-contrast .node--type-stories h3{
  color: #000;
}

.navicon{
  display: none;
}

@media only screen and (max-width: 1100px) {
  body{
    font-size: 15px;
  }
  main{
    padding-top: 71px;
  }
  span.xl,
  .page-node-type-con .contact-message-form > h2{
    font-size: 32px;
  }
  h1,
  span.bigger{
    font-size: 28px;
  }
  span.bigg{
    font-size: 20px;
  }
  h2{
    font-size: 26px;
  }
  h3{
    font-size: 20px;
  }
  span.big{
    font-size: 18px;
  }
  h1, h2{
    margin: 0 0 20px;
  }
  h3, h4{
    margin: 0 0 15px;
  }
  .view-taxonomy-term .view-header .field--name-description{
    font-size: 40px;
  }
  .path-frontpage .view-taxonomy-term .views-row:nth-of-type(1) h2{
    font-size: 70px;
  }

  .headwrap{
    box-sizing: border-box;
    transition: all 300ms ease-out;
    position: absolute;
    width: 260px;
    background-color: #fff;
    top: 0;
    right: -260px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding: 50px 20px 20px;
  }
  .headwrap .menu--sec a{
    display: inline-block;
  }
  .trhead,
  .headwrap .menu{
    display: block;
  }
  .openmenu .headwrap{
    right: 0;
  }
  .layout-container .tophead .menu--main,
  .tophead .menu--social{
    margin-top: 25px;
    margin-left: 0;
  }
  .tophead .menu--social .menu{
    display: flex;
    justify-content: flex-start;
  }
  .menu--sec a{
    border: none;
    padding: 5px 0;
  }
  .layout-container .tophead .menu--main li a{
    padding: 10px 0;
    display: block;
  }
  .tophead .menu--main li a:hover,
  .tophead .menu--main .menu-item--active-trail > a{
    background-color: #005E61;
    color: #fff;
  }
  .navicon{
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 500ms linear;
    width: 50px;
    height: 50px;
    overflow: hidden;
  }
  .navicon::before,
  .navicon::after{
    content: " ";
  }
  .navicon::before,
  .navicon::after,
  .navicon span{
    position: absolute;
    display: block;
    left: 20%;
    background-color: #005E61;
    width: 60%;
    height: 4%;
    transition: all 300ms ease-out;
  }
  .navicon::before{
    top: 22%;
  }
  .navicon span{
    top: 45%;
  }
  .navicon::after{
    top: 68%;
  }
  .openmenu .navicon::after,
  .openmenu .navicon::before{
    top: 25%;
    left: 47%;
    width: 4%;
    height: 50%;
    transform: rotate(45deg);
    transform-origin: center center;
    background-color: #005E61;
  }
  .openmenu .navicon::after{
    transform: rotate(-45deg);
  }
  .openmenu .navicon::before{
    transform: rotate(45deg);
  }
  .openmenu .navicon span{
    width: 0;
    background-color: #005E61;
  }
  .under .navicon,
  .under .gohome{
    opacity: 1;
    cursor: pointer;
  }
  .openmenu .navicon{
    background-color: transparent;
  }
  .user-logged-in .under .navicon{
    top: 80px;
  }

  .layout-container header .block-system-branding-block{
    margin-top: 0;
  }
  .layout-container header .site-logo{
    left: 0;
  }
  .layout-container header .site-name{
    width: 160px;
    height: 29px;
    margin-top: 2px;
    margin-left: 55px;
  }
  .layout-container header .site-slogan{
    font-size: 10px;
    letter-spacing: normal;
    text-align: left;
    padding-top: 3px;
    margin-left: 56px;
  }
  #block-mainnavigation .menu{
    text-align: center;
    flex-wrap: wrap;
  }
  #block-mainnavigation a{
    padding: 8px;
    font-size: 14px;
  }
  #block-mainnavigation li:last-of-type a{
    padding-right: 8px;
  }
  .node--type-basic.imgbkg .node__content,
  footer,
  .node--type-basic.imgbot,
  #block-views-block-stories-block-2{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .view-studies,
  .field--name-field-plinks .field__label, 
  .field--name-field-blinks .field__label,
  .block-views-blockpeople-block-1, 
  .block-views-blockpeople-block-2, 
  .block-views-blockpeople-block-3, 
  .block-views-blockpeople-block-4{
    padding-top: 30px;
  }
  .view-studies .view-content{
    padding-bottom: 30px;
  }
  .view-stories,
  .view-news,
  .path-contact .region-content{
    margin-top: 30px;
  }
  .page-node-type-news .region-content,
  .page-node-type-stories .region-content,
  .page-node-type-people .region-content,
  .page-node-type-page .region-content{
    margin-top: 30px;
  }
  .view-taxonomy-term .views-row:first-of-type .node--type-boxes{
    margin-top: 30px;
  }
  .path-frontpage .view-taxonomy-term .views-row:first-of-type .node--type-boxes{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .node--type-boxes .field__item{
    padding: 30px;
  }
  strong > a, .newslink,
  .field--name-field-link{
    margin-top: 10px;
  }
  .path-contact .region-content .block-system-main-block{
    margin-right: 5%;
  }
  .path-contact .region-content .block-views-blockcontact-block-1{
    width: 50%;
  }
  .view-people .views-row{
    padding: 0 25px 25px 0;
  }
  .bx-wrapper .bx-pager{
    bottom: 20px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a{
    width: 20px;
    height: 20px;
  }
  .field--name-field-iframe2{
    padding-left: 20px;
    padding-right: 20px;
  }
  .blo{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .withside .nwrap2, .blo[data-lay="3"] .nwrap2{
    display: block;
  }
  .withside .nwrap2 > div, .blo[data-lay="3"] .nwrap2 > div{
    width: auto;
  }
  .withside .nwrap2 > div:nth-child(2), 
  .blo[data-lay="3"] .nwrap2 > div:nth-child(2){
    margin-top: 50px;
  }
  .field--name-field-simgs{
    text-align: left;
  }
  .blo[data-lay="2"] .ntxt{
    margin-left: 0;
  }
  .withbkg{
    background-attachment: scroll;
  }
  .newlay-1{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background-attachment: scroll;
  }
  .newlay-1 > .newrap > div{
    width: 100%;
    padding-left: 0;
  }
  .newlay-1 > .newrap > .bside{
    padding-bottom: 50px;
  }
  .newlay-1 > .newrap{
    flex-direction: column-reverse;
  }
  .newlay-1 .textwrap{
    display: block;
  }
  .layout-container .newlay-1 .textwrap > *{
    width: auto;
    padding-left: 0;
  }
  .newlay-1 .textwrap > h2{
    margin-bottom: 30px;
  }
  .newlay-1 .field--name-field-link{
    position: static;
  }
}
@media only screen and (max-width: 850px) {
  .view-taxonomy-term .view-header .field--name-description{
    font-size: 30px;
  }
  .view-stories .views-row{
    width: 48%;
  }
  .layout-content .view-stories .views-row{
    margin-right: 4%;
  }
  .layout-content .view-stories .views-row:nth-of-type(2n+2){
    margin-right: 0;
  }
  h1{
    font-size: 24px;
  }
  h2{
    font-size: 22px;
  }
  h3{
    font-size: 18px;
  }
  .path-frontpage .view-taxonomy-term .views-row:nth-of-type(1) h2{
    font-size: 50px;
  }
  .node--type-basic.imgrig > .newrap, 
  .node--type-basic.imglef > .newrap,
  .view-studies .node__content{
    display: block;
  }
  .layout-content .view-studies .node__content > .studcol{
    width: auto;
  }
  .node--type-basic.imgrig > .newrap > div, 
  .node--type-basic.imglef > .newrap > div{
    width: auto;
  }
  .node--type-basic.imgrig .textwrap, 
  .node--type-basic.imglef .textwrap{
    margin: 0;
  }
  .layout-content .view-news .views-row .newsimg, 
  .layout-content .view-news .views-row .newstext,
  .path-contact .region-content .block-system-main-block,
  .path-contact .region-content .block-views-blockcontact-block-1,
  article[data-history-node-id="316"] .block,
  .node .newstext,
  .node .newsimg{
    width: auto;
    float: none;
  }
  .node .newsimg{
    margin-bottom: 25px;
  }
  .node .newstext{
    padding-right: 0;
  }
  .node--type-basic.imgrig .textwrap, 
  .node--type-basic.imglef .textwrap{
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .path-contact .region-content .block-system-main-block,
  article[data-history-node-id="316"] .contact-form{
    margin-right: 0;
    margin-bottom: 50px;
  }
  .layout-content .view-news .views-row .newstext{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  footer .menu--main > ul{
    flex-wrap: wrap;
  }
  footer .menu--main > ul > li{
    width: 50%;
    margin-bottom: 15px;
  }
  .block-views-blockfooinfo-block-1{
    padding-top: 15px;
    font-size: 14px;
  }
  footer .block-system-branding-block{
    margin-bottom: 30px;
  }
  .page-node-type-manual .region-content .menu--main a{
    width: 50%;
    box-sizing: border-box;
    padding: 10px 5px;
    font-size: 12px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .field--name-field-plinks .field__label, 
  .field--name-field-blinks .field__label{
    font-size: 20px;
  }
  #block-views-block-stories-block-2 .views-field-field-btitle h3{
    font-size: 18px;
  }
  #block-contactusblock a,
  #block-fixedbut a,
  .menu--sec a[href$=".pdf"]{
    font-size: 12px;
    padding: 5px 8px;
  }
  #block-accessibilityblock{
    padding-left: 48px;
  }
  #block-accessibilityblock .field--name-field-blimg{
    padding: 5px;
  }
}
@media only screen and (max-width: 650px) {
  span.xl,
  .page-node-type-con .contact-message-form > h2{
    font-size: 26px;
    line-height: 1.1;
  }
  .view-taxonomy-term .view-header .field--name-description,
  span.bigger{
    font-size: 22px;
  }
  span.bigg{
    font-size: 19px;
  }
  span.big {
    font-size: 16px;
  }
  .layout-container{
    overflow-x: hidden;
  }
  main{
    padding-top: 67px;
  }
  .view-stories .view-content{
    display: block;
  }
  .view-stories .views-row{
    width: auto;
  }
  .view-stories .views-field-field-img{
    text-align: center;
  }
  .layout-content .view-stories .views-row{
    margin-right: 0;
  }
  .node--type-boxes .field--name-field-body,
  .view-studies .node__content .studcol .studrow:nth-of-type(1){
    display: block;
  }
  .three.node--type-boxes .field__item{
    width: auto;
  }
  .path-frontpage .three.node--type-boxes .field__item{
    border-top: 1px solid #c6c7c8;
    border-left: none;
  }
  .path-frontpage .three.node--type-boxes .field__item:first-of-type{
    border: none;
  }
  .two.node--type-boxes .field__item,
  .view-studies .node__content .studcol .studrow .studcol{
    width: auto;
  }
  .view-studies .node__content .studcol .studrow .studcol:nth-of-type(2){
    padding-left: 0;
    padding-top: 20px;
  }
  footer .menu--main > ul{
    display: block;
  }
  footer .menu--main > ul > li{
    width: auto;
    margin-bottom: 15px;
  }
  #block-mainnavigation a{
    padding: 5px;
    font-size: 11px;
  }
  #block-totop a{
    bottom: 35px;
  }
  #block-contactusblock a{
    left: 0;
    bottom: 0;
    transform: none;
  }
  .layout-container header .site-name{
    width: 110px;
    margin-top: 5px;
    height: auto;
  }
  .layout-container .tophead .menu--main{
    top: 25px;
  }
  #block-views-block-stories-block-2 .views-field-field-btitle h3{
    font-size: 17px;
  }
  .path-frontpage .view-taxonomy-term .views-row:nth-of-type(1) h2{
    font-size: 30px;
  }
  .bx-wrapper .bx-pager{
    bottom: 10px;
  }
  .view-taxonomy-term .view-header .field--name-field-banner img{
    position: static;
  }
}
@media only screen and (max-width: 400px) {
  .view-taxonomy-term .view-header .field--name-description,
  h2,
  span.bigger{
    font-size: 20px;
  }
  .layout-container header .site-name{
    width: 90px;
  }
  .view-people .view-content{
    display: block;
  }
  .view-people .views-row{
    padding: 0 0 25px 0;
    width: auto;
    font-size: 16px;
  }
  .view-people .views-row .views-field-field-img img{
    display: block;
    width: 100%;
    padding-bottom: 5px;
  }
  .path-frontpage .view-taxonomy-term .views-row:nth-of-type(1) h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 350px) {
  .view-taxonomy-term .view-header .field--name-description,
  h2{
    font-size: 18px;
  }
  #block-contactusblock a,
  .menu--sec a[href$=".pdf"],
  #block-fixedbut a{
    font-size: 10px;
    padding: 5px 5px;
  }
}


/* espa logo link */
.region-content{
  position: relative;
}
#block-espa{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  text-align: right;
}
#block-espa a{
  display: block;
}
#block-espa p{
  margin-bottom: 0;
}
#block-espa img{
  display: block;
  height: auto;
  max-width: 400px;
  line-height: 1;
}

@media only screen and (max-width: 600px) {
  #block-espa{
    position: static;
    width: 100%;
    background-color: #505559;
  }
  #block-espa img{
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
  }
}



/* privacy-cookies opt-in block */
.ppblock{
  position: fixed;
  z-index: 850;
  padding: 15px;
  font-size: 15px;
  width: 350px;
  box-sizing: border-box;
  background-color: #005E61;
  color: #fff;
  bottom: 10px;
  right: -450px;
  transition: all 500ms ease-out 500ms;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.ppblock p{
  margin-bottom: 15px;
}
.showppblock.ppblock{
  right: 10px;
}
.ppbutton{
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  line-height: 1;
  margin-right: 5px;
  color: #333;
  transition: all 500ms ease-out;
}
.ppbutton:hover{
  color: #000;
}
.moreppblock{
  display: block;
  margin-top: 5px;
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width: 400px) {
  .ppblock{
    width: 96%;
    font-size: 14px;
  }
  .showppblock.ppblock{
    right: 2%;
  }
}
/* end privacy-cookies opt-in block */