/* roboto-regular - latin_greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin_greek-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin_greek-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin_greek-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin_greek-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin_greek-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin_greek-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* Theme and layout styling */
html {
   height:100%;
}
body {
   height:100%;
}
strong, b {
    font-weight: 500 bold;
}

:focus {outline:none !important;}

.contentClear { clear: both; }

.showOnlyIfEditMode{display:none;}/* until now we use it only in main_newsletter layout */
.edit-mode .showOnlyIfEditMode{display:block;}
/* =========================== Fonts ========================== */
body#content{
  /*font-family:Arial;*/
  font-family: 'Roboto',sans-serif;

  font-size: 75%;
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 400/*normal*/;
  font-stretch: normal;
  font-size: 75%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-align: justify; /* added for client */
}
.wpthemeFrame .contentDetail .itemSummary{
  font-family: 'Roboto',sans-serif;
  display:none;
}
.edit-mode .wpthemeFrame .contentDetail .itemSummary{
  display:block;
}

.wpthemeFrame .contentDetail .contentInfo{
	text-align:center;
	font-size:1.25em;
}
.wpthemeFrame .itemBody{
	border-top: 1px solid #00B1B0;
	border-bottom:1px solid #00B1B0;
	padding-top: 15px;
}
.wpthemeFrame .blankItemBody{
	border-top: 1px solid #00B1B0;
}

.wpthemeFrame .wpthemeLayoutContainers .contentDetail .head h2,
.wpthemeFrame .wpthemeLayoutContainers .contentDetail .body h2,
.wpthemeFrame .wpthemeLayoutContainers .contentDetail .head h3,
.wpthemeFrame .wpthemeLayoutContainers .contentDetail .body h3,
.wpthemeFrame .wpthemeLayoutContainers .itemBody h2,
.wpthemeFrame .wpthemeLayoutContainers .itemBody h3{
  /*font-family:Arial;*/
  font-family: 'Roboto',sans-serif;
}
.wpthemeFrame .wpthemeLayoutContainers .itemTitle{
  /*font-family:Arial;*/
  font-family: 'Roboto',sans-serif;
}


.contentBlock.hrdaExternalRelatedInformation .body{
  min-height: 266px;
  border-left: 1px solid #D9E2E8;
  border-right: 1px solid #D9E2E8;
  border-bottom: 1px solid #D9E2E8;
  padding: 10px;
}
.wpthemeFrame .wpthemeLayoutContainers .contentBlock.hrdaExternalRelatedInformation .blockHeading{
  border-bottom: 2px solid #3FBADF;
  background: transparent;
  padding-bottom: 10px;
  margin: 0px;
  /* font-family: Arial; */
  font-family: Arial;
  color: #0000a0;
  text-transform: none;
  font-size: 15px;
  font-family: Arial;
}

.hrdaRefernetRelatedInformation h1,
.hrdaRefernetRelatedInformation h2,
.hrdaRefernetRelatedInformation h3{
	font-weight: 500;
}


/* =========================== General ========================== */

.wpthemeFrame .itemLink a {
    color: #115D94;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
}
.wpthemeFrame .itemLink a:hover {
    color: #0F5283;
    text-decoration: underline;
}
.wpthemeFrame .contentInfo.strong {
  font-weight:500/*bold*/;
}
/* ============================================================= */

.wpthemeBanner .wpthemeBranding img{
  display:none;
}

.edit-mode .component-container{
  border: 1px dotted #222!important;
}

.wpthemeFrame {
   min-height:100%;
   background: white;/*jdkyriakos background: #222;*/
   /*jdkyriakos background-image: url('../images/pattern.gif'); */
}

.wpthemeFrame .wpthemeLayoutContainers .contentIndex .itemTitle{
	font-weight: 500/*bold*/;
  text-align: left;
}
.wpthemeFrame .contentIndex .contentInfo.strong{
	font-weight: normal;

}

.hrdaDisableLink {
    pointer-events: none;
}



/* ---------------------------- for contactForm --------------------------------- */

.hrdaContactForm .lotusFormField{
  border: 2px solid #e4e4e4!important;
  border-radius: 5px!important;
  padding: 0px!important;
  margin-top: 10px!important;

}

.hrdaContactForm input{
   height:30px!important;
}
.hrdaContactForm textarea{
  overflow:hidden!important;
  height:230px!important;
  margin:10px!important;
}
.hrdaContactForm input,
.hrdaContactForm textarea{
  /*border-radius: 8px!important;*/
  border:0px!important;
  font-style:italic!important;
  margin-left:10px!important;
}
.hrdaContactForm .lotusBtn{
    font-style: normal!important;
    color: white!important;
    background: #00B1B0!important;
    width: 100%!important;
    height: 40px!important;
    border-radius: 5px!important;
    box-shadow: none!important;
    text-shadow: none!important;
}
/* ---------------------------- custom class in newsletters layout --------------------------------- */

.contentDatablueMain .wptheme2Col.wpthemeUnequal .wpthemeDatablueSecondaryContainer  {
  float:left;
  width: 388px;/* calc( 50% - 2px ) */
  margin:0px;
}

/* ---------------------------- Display vertical the CTC menu --------------------------------- */

.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup:not(.hrdaCustom2ndLevelMenu){
	max-width: 400px!important;/* we added [hrdaNoMaxWidth] when we added functionality for the 3rd level custom menu */
	min-width:400px!important;
}
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup.hrdaCustom2ndLevelMenu{
	max-width: 400px!important;/* we added [hrdaNoMaxWidth] when we added functionality for the 3rd level custom menu */
	min-width:350px!important;
}
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem {
  width:100%!important;/* auto=display horzontal, 100% display vertical the menu */
  padding:0;
}
/* we inserted in ctc nav.jsp a custom [li] html tag with class[wpthemeNavListItem navbaritem wpthemeLeft] [hrdaMenuSeparator]=true */
.navigation .navbaritem .hrdaMenuSeparator {
    border-right: 2px solid #185B82;
    position: relative;
    top: 7px;
    margin-right: 5px;
    display: block;
    height: 9px;
}

.navpopup:not(.hrdaCustom2ndLevelMenu) li.navbaritem > a::after{
	content: url("../images/white_velaki.png");
  margin-right: 5px;
  float:right;
}

/* ============================================================= */

/*.contentDetail .head,*/
.wpthemeFrame .wpthemeLayoutContainers .contentDetail .head h2.itemTitle,
.wpthemeFrame .wpthemeLayoutContainers .blockHeading,
.wpthemeFrame .wpthemeLayoutContainers .contentDetail .itemTitle.underline {
    /*border-bottom: 1px solid #00B1B0;*/
    border: none;
	background: transparent;
    padding: 0px 0px 12px 0px;
    margin: 0 0 12px 0;
	
    /*font-family:Arial;*/
    font-family: 'Roboto',sans-serif;
    color: black;
    text-align: left;
}

.wpthemeFrame .wpthemeLayoutContainers .blockHeading {
	font-side:1.4em;
	color:#195070;
}

.contentDetail .body{/* custom */
  /*
  border: 1px solid #DAE3E8;
  background: #E8E8E8 url("../images/bg-general-content.jpg") repeat-x;
  padding: 12px 15px 15px 15px;*/
  
  border: none;
  
  background: transparent;
  padding: 0px;
}

/*  Index in "1st page" of "2 topic pages" */
.contentIndex .list {
	display:flex;
	flex-wrap:wrap;
}

.contentIndex .item {
  /*
    border: 1px solid #DAE3E8;
    background: #E8E8E8 url("../images/bg-general-content.jpg") repeat-x;
    padding: 12px 15px 15px 15px;
    margin-bottom: 10px;
    */
    border: 1px solid #DAE2E8;
    background: #E8E8E8 url(../images/bg-childBox.jpg) repeat-x;
    padding: 12px 15px 5px 15px;
    margin: 20px 0px 0px 0px;
}
.contentIndex.hrdaExternalSideNavigationToolbox .item{
	border:none;
	background:none;
	margin:0;
	flex:none;
	padding:10px 0px;
}
.contentIndex .item {
   flex:44%;
   flex-grow:0;
}

.contentIndex.fullwidthitem .item {
   flex:100%;
   flex-grow:0;
}

.contentIndex .list li:nth-child(odd){
	margin-right:20px;
}
.contentIndex.fullwidthitem .list li:nth-child(odd){
	margin-right:0px;
}

.contentIndex.hrdaExternalSubSiteAreasContentIndex .item .wrapperDiv{
    width: 94%;
}

.contentIndex.hrdaExternalSubSiteAreasContentIndex .item .itemSummary {
    padding-right: 12px;
}
.wpthemeFrame .wpthemeLayoutContainers .contentIndex.hrdaExternalSubSiteAreasContentIndex .itemTitle a{
  color: #185B82;
}
.wpthemeFrame .wpthemeLayoutContainers .contentIndex.hrdaExternalSubSiteAreasContentIndex .itemLink{
  padding-top:0px;
}


ul.treeview li .itemTitle,
ul.treeview li a{
  font-size: 12px!important;
  line-height: 22px!important;
}
ul.treeview{
  padding:0px;
  margin:0px;
  margin-left:10px;
  list-style-type: none;
}
ul.treeview a{
  text-decoration:underline!important;
}
.treeview li {background: url("../images/treeview-default-line.gif") 0 0 no-repeat; padding-left:20px}
.treeview li:last-child {
      background-position: 0 -1766px;
}


/*  header topics  of "2 topic pages" and "standalone pages" */
/*
.wpthemeFrame .wpthemeLayoutContainers .contentDetail .head h2.itemTitle{
  margin: 0px;
  color: black;
}

.wpthemeFrame .wpthemeLayoutContainers .contentDetail .itemTitle.underline {
    border-bottom: none;
    padding: 0;
}*/

/* hide the inline breadcrump of the "Promotion Slideshow" component */
.promoSlideshow.caption .head .contentConstrain{
  display: none;
}

/* hide the name to the page from the "signpost" wcm component */
.contentSignpost .contentConstrain .areaTitle {
    display: none;
}

/* ============================================================= */

.wpthemeHeader {
   background: transparent;
   border: 0;
}
.wpthemeBanner .wpthemeBannerInner {
  background: #185B82;/*jdkyriakos background: transparent;*/
  filter:none;
  border: 0;
}
.wpthemeBanner .wpthemeBannerInner .wpthemeInner {
/* jdkyriakos */
/*   background: #353535;
/*   background: -moz-linear-gradient(top, #565656 0%, #353535 100%); /* FF3.6+ */
/*   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#353535)); /* Chrome,Safari4+ */
/*   background: -webkit-linear-gradient(top, #565656 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
/*   background: -o-linear-gradient(top, #565656 0%,#353535 100%); /* Opera11.10+ */
/*   background: -ms-linear-gradient(top, #565656 0%,#353535 100%); /* IE10+ */
/*   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
/*   background: linear-gradient(top, #565656 0%,#353535 100%); /* W3C */
/*   border-top: 1px solid #636363;
/*   border-bottom: 1px solid #272727;
/*   -moz-border-radius: 5px;
/*   -webkit-border-radius: 5px;
/*    border-radius: 5px;*/
      background: transparent; /* jdkyriakos */
}

/* added by jdkyriakos */
.wpthemeBanner ul.wpthemeCommonActions > li > span,
.wpthemeBanner ul.wpthemeCommonActions li a:link,
.wpthemeBanner ul.wpthemeCommonActions li a:visited,
.wpthemeBanner ul.wpthemeCommonActions li a:active
{
  color:white;
}

.wpthemeBanner ul.wpthemeCommonActions .wpthemeBranding {
   margin-left:14px;
}
.wpthemeMainContent {
   padding: 0px;
   background: transparent;
}
.wpthemeLayoutContainers {
   padding:0
}
.wpthemeLayoutContainers .wpthemeCol {
   width:100%;
}
.wpthemeLayoutContainers .wpthemeControl {
   margin: 10px 10px 0 10px;
   width:auto;
}
.wpthemeLayoutContainers .contentMain {
   margin-top: 10px;
}
/*
.wpthemeLayoutContainers .contentMain .wptheme2Col {
   margin: 30px 10px;
   width:auto;
}*/
.contentMain .wptheme2Col.wpthemeUnequal .wpthemeSecondaryContainer{
  border:none;
}

.wpthemeLayoutContainers .contentMain .wptheme3Col ,
.wpthemeLayoutContainers .contentMain .wptheme4Col /* jdkyriakos added it*/{
   margin: 30px 10px 25px 20px;
   width:auto;
}
.wpthemeLayoutContainers .contentMain .wptheme2Col .wpthemeControl ,
.wpthemeLayoutContainers .contentMain .wptheme3Col .wpthemeControl ,
.wpthemeLayoutContainers .contentMain .wptheme4Col .wpthemeControl /* jdkyriakos added it*/{
   margin: 0 10px;
   width:auto;
}

.wpthemeLayoutContainers .contentLeader.pre .wpthemeControl:not(.newsletterSection) {
   margin: 0 0px;
}

.wpthemeLayoutContainers .wptheme3Col .wpthemeSecondaryContainer .wpthemeControl {
   margin: 0;
}

.contentLeader.pre,
.contentLeader,
.contentMain,
.contentRibbon,
.contentDatablueMain {
   font-size: 1em;
   color: #222;
   padding: 0;
   overflow: hidden;
   /* jdkyriakos max-width:1160px; (for theme margin) */
}
.contentLeader.pre { /* This is the placeholder for the promotions */
   margin: 0 auto;
   background:transparent;
}
.contentLeader,
.contentMain,
.contentDatablueMain {
   background-color: transparent; /* jdkyriakos background-color: white; */
   margin: 0 auto 14px auto;
}
.contentRibbon {
   background-color: transparent; /* jdkyriakos background-color: white; */
   margin: 0 auto;
}

/* Navigation Styles */
.navigation .navbaritem {
  display:block;
  list-style-type:none;
}
.navigation .navbaritem a {
  text-decoration: none;
}

.wpthemeBannerPrimaryNavigation {
  background: #21597A;/*jdkyriakos background: transparent;*/
  border-bottom: none;
  padding: 0;
}
.wpthemeBannerPrimaryNavigation .wpthemeBannerInner {
  background: white;/*jdkyriakos background: transparent;*/
  filter: none;
  border-bottom: none;
}
.wpthemeBannerPrimaryNavigation .wpthemeBannerInner .wpthemeInner {
  background: transparent;/*jdkyriakos background: transparent;*/
  filter: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-top: 0;
  border-bottom: none;
  box-shadow: 0 1px 0 rgba(255,255,255,0.1);
  padding-bottom: 3px;
  padding-top: 4px;
}

.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .sharkfin{
  display:none;
  background-image: none;
}
/*
.wpthemeBanner .wpthemePrimaryNav ul#mainNav > li:not(:first-child){
  border-left: 2px solid #00b1b0;
}*/

.wpthemeBanner .wpthemePrimaryNav li a,
.wpthemeBanner .wpthemePrimaryNav li a:link,
.wpthemeBanner .wpthemePrimaryNav li a:visited{
  display:block;
  color:#185B82;
  font-size:1.2em;
  box-shadow: none;
  text-shadow: none;
}
.wpthemeBanner .wpthemePrimaryNav li.selected > a,
.wpthemeBanner .wpthemePrimaryNav li a:focus,
.wpthemeBanner .wpthemePrimaryNav li a:hover,
.wpthemeBanner .wpthemePrimaryNav li a:active {
  color:#185B82;
  background-color:none;
  background:transparent;
  filter:none;
  border-left: none;
  border-right:none;
  border-bottom: 4px solid #185B82;

  font-weight: 500/*bold*/!important;
}
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .wpthemeNavList .wpthemeNavListItem > a {
  /*text-transform: uppercase;*//* jdkyriakos comment it */
  font-weight: normal;
  font-size: 10pt;
}

.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup{
  background: #185B82;/* jdkyriakos added it */

  padding: 8px 0px 0 0px;
}
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup.singleLevel{
  padding: 0 0px;
}

.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem > a,
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem > a:hover,
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem > a:focus,
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem.selected > a,

.wpthemeBanner .wpthemePrimaryNav .hrdaCustom2ndLevelMenu li  > a,
.wpthemeBanner .wpthemePrimaryNav .hrdaCustom2ndLevelMenu li  > a:hover,
.wpthemeBanner .wpthemePrimaryNav .hrdaCustom2ndLevelMenu li  > a:focus{
    color:white;
    font-size: 10pt;
}

.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem > a:hover,
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem > a:focus,
/*.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem.selected > a,*/

.wpthemeBanner .wpthemePrimaryNav .hrdaCustom2ndLevelMenu li  > a:hover,
.wpthemeBanner .wpthemePrimaryNav .hrdaCustom2ndLevelMenu li  > a:focus/*,
.wpthemeBanner .wpthemePrimaryNav .hrdaCustom2ndLevelMenu li.selected > a*/  {
    font-weight:500/*bold*/;
    background-color: transparent;
    border-bottom: 4px solid #00B1B0;
}

.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navpopup .navpopupitem.selected > a,
.wpthemeBanner .wpthemePrimaryNav .hrdaCustom2ndLevelMenu li.selected > a{
  font-weight:500/*bold*/;
  background-color: transparent;
}

/* --------------------------------------------------------------------------- */
/* So that we can Expand 1nd level navigation to all the with of the menu */
.wpthemeBannerPrimaryNavigation .wpthemePrimaryNav .navbar{
  display: table!important;
  float: left;
  width: calc( 100% - 175px ); /* minus the width of the div with class .hrdaLogoWrapper */
}
/* So that we can Expand 1nd level navigation to all the with of the menu */
#mainNav.wpthemeNavList > li.wpthemeLeft{
		display: table-cell!important;
		float:none!important;
		text-align: center!important;
}

#mainNav.wpthemeNavList > li.wpthemeLeft li{
  text-align: left!important;
}
/* --------------------------------------------------------------------------- */


/* Footer styles */
.wpthemeFooter {
  background: #185B82;/*jdkyriakos background: transparent;*/
  border-top:0;
  margin: 0px;
  padding: 0 20px;
}
.wpthemeFooter .wpthemeInner {
  border-top: 2px outset #5D5D5D;
  border-top: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 -1px 0 rgba(0,0,0,0.15);
}

.wpthemeFooter .wpthemeFooterCol.wpthemeSiteMap ul li a,
.wpthemeFooter .wpthemeFooterCol.wpthemeSiteMap ul li a:link,
.wpthemeFooter .wpthemeFooterCol.wpthemeSiteMap ul li a:visited,
.wpthemeFooter .wpthemeFooterCol.wpthemeSiteMap ul li a:active {
  color: white;
  text-shadow: none;
}
.wpthemeFooter .wpthemeFooterCol.wpthemeSiteMap ul li:hover a,
.wpthemeFooter .wpthemeFooterCol.wpthemeSiteMap ul li:focus a{
  color: #00b1b0;
  text-decoration:none;
}

h3.attachmentCategoryGroupHead{
	color:#195070;
	text-align:center;
}

.wpthemeFooter h3 a{
  font-weight:500/*bold*/;
  font-size:12pt!important;
}
.wpthemeFooter h3,
.wpthemeFooterCol h3 a,
.wpthemeFooterCol h3 a:visited{
  color: white;
  text-shadow:none;

}
.wpthemeFooterCol h3 a:hover,
.wpthemeFooterCol h3 a:focus {
  color: #00b1b0;
  text-decoration:none;
}

/* Content styling overrides */
/*
.wpthemeFrame .wpthemeLayoutContainers .wptheme1Col .blockHeading {
  font-size: 1.3em;
  text-transform: uppercase;
  border-bottom: 1px solid #CDCDCD;
  margin-bottom: 10px;
  color: #444;
}*/
.promoSlideshow {
   margin-bottom: 10px;
}
.promoSlideshow.caption.full {
    border-bottom: none;
}


.gridLanding {
  margin-bottom: 0;
}
.video .body {
  background-color:#111;
  color: #FEFEFE;
}
.wpthemeFrame .wpthemeLayoutContainers .video .blockHeading {
   font-size: 2.6em;
   font-weight: 500/*bold*/;
   /*font-family: Arial;*/
   font-family: 'Roboto',sans-serif;
   color: #FFF;
}

.wpthemeHeadlineContainer .breadcrumb {
  color: rgb(68,68,68); /* jdkyriakos color: #D7D7D7;*/
}
.wpthemeHeadlineContainer .breadcrumb a {
  color:#115d94;/* jdkyriakos color: #CCEAFF;*/
  text-decoration:none;
}
.wpthemeHeadlineContainer .contentSignpost {
  padding:0;
}
.wpthemeHeadlineContainer .contentSignpost .breadcrumb {
  padding-top:0;
  padding-left:10px;
  padding-right:10px;
  font-style: italic;
}
.wpthemeHeadlineContainer .areaTitle {
  font-size: 2.6em;
  border: 0;
  padding: 0 0 0 10px;
  margin: 5px 0 0 0;
  color: rgb(68,68,68); /* jdkyriakos color: #D7D7D7;*/
  /*font-family: Arial;*/
  font-family: 'Roboto',sans-serif;
  /*text-transform: uppercase;*//* jdkyriakos comment it*/
  line-height:1.2;
}

.promoSlideshow.caption.left .slideCaption h1 {
  font-weight: 500/*bold*/;
  /*font-family: Arial;*/
  font-family: 'Roboto',sans-serif;
  color: white;
  text-transform: uppercase;
  font-size: 2.6em;
}

.promoSlideshow.caption .slideCaption {
	padding-top:20px;
	width:460px;
}

/*.promoSlideshow.caption.full .slideCaption p {*/
.promoSlideshow.caption .slideCaption p {
  /*text-transform: uppercase;*/
  /*text-align:justify;*/
  text-align:left;
  font-weight:bold;
  /*font-family: Arial;*/
  /*font-family: 'Roboto',sans-serif;*/
  /*text-shadow: none;*/
  text-shadow:2px 2px 3px rgb(0 0 0 / 50%);
  /*height:300px;
  display:table-cell;*/
  vertical-align:middle;
  color: white;
  font-size:16pt;/*0.9em;*/
  /*background: #185B82;*/
  /*background: #185b821f;*/
  border-radius:5px;
  
  /*max-width: 370px;*/
  padding-top: 20px;/*custom*/
  padding-left:20px;
}

.promoSlideshow.noCaption .slideCaption p{
	display:none;
}

.gridLanding .itemDetails .blockHeading {
  font-weight: 500/*bold*/;
  /*font-family: Arial;*/
  font-family: 'Roboto',sans-serif;
  color: white !important;
  text-transform: uppercase;
  font-size: 2.6em !important;
}
.flipGrid .impact .itemDetails .itemTitle, .flipGrid .impact .itemDetails .itemTitle a {
  font-weight: 500/*bold*/;
  /*font-family: Arial;*/
  font-family: 'Roboto',sans-serif;
  text-transform: uppercase;
}

/*slider*/
.slider{
	margin: 10px 0px 10px 0px;
	border-top: 2px solid #DDDDDD;
	padding-top: 10px;
	border-bottom: 2px solid #DDDDDD;
}
.slick-prev:before {
  content: url("../images/ic-gallery-left.jpg");
}

.slick-next:before {
  content: url("../images/ic-gallery-right.jpg");
}
.slick-active, .slick-slide {
	opacity:1;
}

/* Carousel overrides */
.wpthemeFrame .contentCarousel.alternate .itemDetails {
  border:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  margin-left:5px;
  margin-right:5px;
  top: 2px;
  right: 2px;
  left: 2px;
  height: 100%;
  width: auto;
}
.wpthemeFrame .contentCarousel.alternate .horizontalPagerView {
  left:8px;
}

/* jdkyriakos added it  so that portlets with large images don't exceed their containers width */
.imagePlaceholder img {
  max-width: 100%;
  height: auto;
}
/* jdkyriakos added it */
.imagePlaceholder .body {
  text-align: center;
}


/* jdkyriakos added it
.blockHeadingHrda img {
  width:25px;
  height:25px;
  float:right;
}

#hrdaReminderHeaderIcon{
  display: block;
  float:right;
  background-image: url("../images/bell icon2.png");
  background-size: 25px;
  width: 25px;
  height: 25px;
}
*/
.component-control {/* jdkyriakos added it */
  margin-top: 0px;
}
/*
jdkyriakos added it.Hack to display search sitemap with the right margins
Its is not absolutely because harms different layouts
.component-container.wpthemeCol8of12.wpthemeCol.split42Main.wpthemeWide.wpthemeLeft.ibmDndColumn.wpthemePrimaryContainer ul,
.component-container.wpthemeCol8of12.wpthemeCol.split42Main.wpthemeWide.wpthemeLeft.ibmDndColumn.wpthemePrimaryContainer ol{
  margin: 0 0 10px 0px;
}
*/
/*
.subNavigation .item ::before{
		content: url("../images/ic-arrow-right-grey.png");
    margin-right: 5px;
}*/


.emailAction{/* custom */
  width: 31px;
  height: 25px;
  background-image: url("../../images/mail icon.png");
  background-size: 25px 25px;
  background-repeat: no-repeat;
}

#wpthemeActionsMenu{/* hack so that the action link in the toolbar do not show , the sign up link is not rendered with a portal flag*/
  display:none;
}

/* ============================== Customize site logo(inside menu) and custom SubMenu =========================== */
.hrdaLogoWrapper{
  width: 170px;
  background: white;/* hack so that there is a white margin between the logo and the border of the menu */
  float: left;
}
.wpthemeBannerPrimaryNavigation .hrdaLogo {
    display: inline-block;
    float: left;
    background-image: url("../images/hrda logo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 75px;
    width: 144px;
}
.wpthemeBannerPrimaryNavigation .hrdaCustomMenu{
    display: block;
    height: 39px;
    border-bottom: 2px solid #185b82;
}
.wpthemeBannerPrimaryNavigation .hrdaCustomMenu .hrdaSubLinks{
	float: right;
  padding: 10px;
}
.wpthemeBannerPrimaryNavigation .hrdaCustomMenu .hrdaSubLinks a{
  color: #185B82;
  text-decoration: none;
  font-weight:500/*bold*/;
}
.wpthemeBannerPrimaryNavigation .hrdaCustomMenu .hrdaSubLinks a:hover{
  padding-bottom: 1px solid #185B82;
}
.wpthemeBannerPrimaryNavigation .hrdaCustomMenu .hrdaSubLinks ul li{
  display: inline-block;
  list-style-type: none;
}
.wpthemeBannerPrimaryNavigation .hrdaCustomMenu .hrdaSubLinks .hrdaCustomMenuSeparator{
  border-right: 2px solid #185B82;
  position: relative;
  top: 1px;
  margin-right: 5px;
  display: block;
}
/* ============================== Customize commonAction Search =========================== */

.wpthemeSearch{
  font-size: 1.111em!important;
  border-radius: 5px!important;
  margin: 14px 20px 14px 5px!important;
  border: 1px solid #222222!important;
  padding: 1px 6px!important;
  background-color: white!important;

}
.wpthemeSearch input.wpthemeSearchText {
    width: 14em;
    background: white;
    padding-left: 5px;
    font-size: 0.9em;
    color: black;
    border: 0;
    height: auto;
    width: 240px;
    font-style: italic;
}
/* ============================== Customize the SlideShowPromotion(Banner) =========================== */

.promoSlideshow .foot{
    background-color:transparent;
}
/* custom rule */
.promoSlideshow.caption.full img{
	    width: 100%;
      min-height: 378px; /* a hack to fix the problem with the empty space between the breadcrump and the carousel when resizing the element. The min-height MUST be the same with the height of the ul of the carousel - this is set from inside the carousel component by the author */
}
.edit-mode .promoSlideshow.caption.full img{
  width: auto;
  min-height: auto;
}
.wpthemeFrame .promoSlideshow .listNav{
  /*width: 150px;*/
  margin: auto;
}
.wpthemeFrame .promoSlideshow .listNav a,
.wpthemeFrame .promoSlideshow .listNav .dojoxRotatorInfo{
		 background-color: #185B82;
		 border-radius: 50%;
		 /*color: transparent;*/
}
.wpthemeFrame .promoSlideshow .listNav .dojoxRotatorSelected a{
		background: transparent;
		border:2px solid #185B82;
}
.wpthemeFrame .promoSlideshow .listNav a:hover{
  background-color: transparent;
  color: transparent;
  border:2px solid #185B82;
}

/* ============================== Customize the SideNavigation Toolbox =========================== */
.hrdaExternalSideNavigationToolbox{
    margin-top: 50px;
}

.hrdaExternalSideNavigationToolbox .blockHeading{
  display:none;
  border-bottom: 1px solid #00B1B0!important;
  background: transparent!important;
  padding: 0px 0px 12px 0px!important;
  margin: 0 0 12px 0!important;
  /*font-family: Arial!important;*/
  font-family: 'Roboto',sans-serif!important;
  color: black!important;
  text-transform:none!important;
  font-size: 1.8em!important;
  font-weight: normal!important;
  box-shadow: none!important;
  letter-spacing: normal!important;
}
.hrdaExternalSideNavigationToolbox img {
    width: 120px;
    height: auto;
    display: inline-block;
    float: left;
}

.hrdaExternalSideNavigationToolbox .logoText {
    display: inline-block;
    float: left;
    /*padding-top: 32px;*/
    margin-left: 10px;
	max-width:120px;
    color: #185b82;
    font-weight: 500/*bold*/;
    font-size: 11pt;
}

.hrdaExternalSideNavigationToolbox div.itemDetails > a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hrdaExternalSideNavigationToolbox a:hover .logoText {
  border-bottom: 2px solid #00b1b0;
}



/* ============================== Customize the Recent News =========================== */

.startpageCmpntRecentAnnounces .indexImage img,
.startpageCmpntRecentAnnounces .indexImageAsFirstElement img{
  width: 300px;
  height: auto;
}
.startpageCmpntRecentAnnounces .indexImage img,
.startpageCmpntRecentAnnounces .indexImageAsFirstElement img{
  float: left;
  padding-right: 10px;
}
.startpageCmpntRecentAnnounces .itemIndexImage{
  display:none;/* Hack: we want to hide the image show that we can display it in tablet mode and hide the original */
}
.startpageCmpntRecentAnnounces .indexImage{
  display:block;
}

.startpageCmpntRecentAnnounces ul{
  float: left;
  width: calc(99% - 300px );
}
.startpageCmpntRecentAnnounces .contentSubList li.item{
  float:left;
  width:50%;
  margin-top: 0px;
  margin-bottom: 10px;
  min-height: 175px; /* for wrapping to play right the author must not import summary that is more than the min-height */
}
.startpageCmpntRecentAnnounces .hrdaFooter.itemDetails a{
  float:right;
  right:0px;
  position:absolute;
  color: #00b1b0;
  font-size: 11pt;
}
.startpageCmpntRecentAnnounces .hrdaFooter.itemDetails > a::after{
	content: url("../images/calArrowRight.png");
}

.gcloudSearchItemDate .hrdaCompDate{/* this is a hidden element and we use it to compare it with js code and change the css of gcloudSearchItemDate */
		display:none;
}
.gcloudSearchItemDate + .itemDetails  .itemLink,
.gcloudSearchItemDate + .itemDetails  .itemLink{
    padding-top: 0px!important;
}
.gcloudSearchItemDate + .itemDetails  .itemSummary p {
    margin-bottom: 0px!important;
}
.gcloudSearchItemDate + .itemDetails .itemLink a::after{
  content:" >";
}

.gcloudSearchItemDate {
  border-radius: 10px 10px 10px 10px;
  /*background:transparent;*/
  width:80px;
  text-align:center;
  /*border: 1px orange solid;*/
  float: left;
  margin-right: 10px;
}
.startpageCmpntRecentAnnounces .itemDetails{
  width: calc( 100% - 100px );
  overflow:unset;
  float: left;
  display: inline-block;
}
.startpageCmpntRecentAnnounces li:nth-child(4) .itemDetails,
.startpageCmpntRecentAnnounces li:nth-child(5) .itemDetails{
    border-top: 1px solid #c7c7c7;
}


.gcloudSearchItemDate div{
    /*font-family: "Arial"!important;*/
    font-family: 'Roboto',sans-serif!important;
    font-size: 11pt;
    /*color: orange;*/
    clear:left;
    text-transform: uppercase;
}
.gcloudSearchItemDate div.date{
    font-size: 36pt;
    font-weight: 500/*bold*/;
}
.gcloudSearchItemDate div.dateSeparator{
    /*border: 1px orange solid;
    background:orange;*/
    width:80%;
    margin:0 auto;
}

li .gcloudSearchItemDate{
  border: 1px #3280A8 solid;
  background:transparent;
}
li .gcloudSearchItemDate div{
  color: orange;
}
li .gcloudSearchItemDate div.dateSeparator{
  border: 1px orange solid;
  background:orange;
}
li .gcloudSearchItemDate div.month,
li .gcloudSearchItemDate div.year{
  color: #3280A8;
}

/*.startpageCmpntRecentAnnounces li:nth-child(3) .gcloudSearchItemDate,
.startpageCmpntRecentAnnounces li:nth-child(4) .gcloudSearchItemDate{
    border: 1px #3280A8 solid!important;
    background:#C7C7C7!important;
}
.startpageCmpntRecentAnnounces li:nth-child(3) .gcloudSearchItemDate div,
.startpageCmpntRecentAnnounces li:nth-child(4) .gcloudSearchItemDate div{
    color: white!important;
}

.startpageCmpntRecentAnnounces li:nth-child(3) .gcloudSearchItemDate div.dateSeparator,
.startpageCmpntRecentAnnounces li:nth-child(4) .gcloudSearchItemDate div.dateSeparator{
  border: 1px white solid!important;
  background:white!important;
}*/


li .gcloudSearchItemDate.hrdaBlue{
  border: 1px #3280A8 solid!important;
  background:#3280A8!important;
}
li .gcloudSearchItemDate.hrdaBlue div{
  color: white!important;
}
li .gcloudSearchItemDate.hrdaBlue div.dateSeparator{
  border: 1px white solid!important;
  background:white!important;
}

/* ============================== Customize the 100Attachments (carousel) =========================== */
/*

For this to take plase we run js slick js inside the presentation of index component for attachments.
Important!!!: We cannot have both [noCarousel] class(custom div inside the presentation of index component for attachments) and run the slick js from generating carousels

*/

.itemDetails100Attachments  .slick-list{
      margin-left: 25px;/* for fixing problem "Left arrow could not be pressed" */
}
.itemDetails100Attachments .slick-track{
      /*margin-left: 28px;*/
      margin-left: 5px;
}

.itemDetails100Attachments .slick-prev {
    left: 0px;
}
.itemDetails100Attachments .slick-next {
    right: 0px;
}

.itemDetails100Attachments .contentInfoSub,
.itemDetails100Attachments .hrdaAttachment_OrderNum,
.itemDetails100Attachments .hrdaAttachment_category{
  display:none;
}
.itemDetails100Attachments .slick-track p.contentInfo a{
    width: 200px!important;
    display: block;
    text-align: center;
}
.slick-prev:before, .slick-next:before {
    color: #185b82!important;
}


/* ============================== Customize the 100Attachments (noCarousel) =========================== */

/*

For this to take plase we use class [noCarousel] inside the presentation of index component for attachments.
Important!!!: We cannot have both [noCarousel] class and run the slick js from generating carousels

*/

.noCarousel .contentInfoBlock{
  width:100%; /* without this there was problem when we had only one attachment inside a standalone page */
}
.itemDetails100Attachments .noCarousel .contentInfoBlock{/* for categories blocks*/
  float: left!important;
  margin: 10px 0px 10px 10px!important;
  border-bottom: 1px solid #00B1B0;
  padding-bottom: 12px;

}
.itemDetails100Attachments .noCarousel p.contentInfo {
    display: inline-block;
    float: left;
    width:33%;
    text-align:center;

}
.itemDetails100Attachments .noCarousel p.contentInfo a{
  display:block;
  padding:10px;
  float:unset;
  height:100px;

}


/* ============================== Customize the 100Attachments images (with Carousel and noCarousel) =========================== */

.itemDetails100Attachments .slick-track p.contentInfo a[href*="."]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*="."]::before{
  content: "";
  background-image: url("../images/ic-fallbackImg.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px!important;
  display: block;
  background-position: center;
}
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".pdf"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".PDF"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".pdf"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".PDF"]::before{
  content: "";
  background-image: url("../images/ic-pdf.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px!important;
  display: block;
  background-position: center;
}
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".png"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".PNG"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".png"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".PNG"]::before{
  content: "";
  background-image: url("../images/ic-png.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px!important;
  display: block;
  background-position: center;
}
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".jpg"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".JPG"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".jpg"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".JPG"]::before{
  content: "";
  background-image: url("../images/ic-jpg.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px!important;
  display: block;
  background-position: center;
}
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".zip"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".ZIP"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".zip"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".ZIP"]::before{
  content: "";
  background-image: url("../images/ic-zip.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px!important;
  display: block;
  background-position: center;
}
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".doc"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".DOC"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".docx"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".DOCX"]::before,

.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".doc"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".DOC"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".docx"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".DOCX"]::before{
  content: "";
  background-image: url("../images/ic-word.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px!important;
  display: block;
  background-position: center;
}
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".xls"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".XLS"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".xls"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".XLS"]::before{
  content: "";
  background-image: url("../images/ic-xls.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px!important;
  display: block;
  background-position: center;
}
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".mp4"]::before,
.itemDetails100Attachments .slick-track p.contentInfo a[href*=".MP4"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".mp4"]::before,
.itemDetails100Attachments .noCarousel p.contentInfo a[href*=".MP4"]::before{
  content: "";
  background-image: url("../images/ic-vid.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px!important;
  display: block;
  background-position: center;
}

.linkCompoList .slick-track p.contentInfo img{
  width: auto;
  height:80px!important;
  display: block;
  margin-left:auto;
  margin-right:auto;
}

/* ================================================================================================================
CSS newsLetter that is going to be attached inside the email(groupAllPortlets_newsletterLayout) !!!!
 Not for the page inside ibm wcm server !!!!!
================================================================================================================== */


.groupAllPortlets_newsletterLayout .wpthemeFrame .wpthemeLayoutContainers .wpthemeNarrow .blockHeading a, .wpthemeFrame .wpthemeLayoutContainers .wpthemeThin .blockHeading a {
    text-decoration: none;
    color: #222222;
}
.groupAllPortlets_newsletterLayout .contentMain .wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer {
    float: left;
    width: 65.96%;	
    margin: 0;
}
.groupAllPortlets_newsletterLayout .contentMain .wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer .topLeft {
    float: left;
    width: 49.5%;
    margin: 0;
    padding: 0;
    border: 0;
}
.groupAllPortlets_newsletterLayout .contentMain .wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer .topRight {
    float: right;
    width: 49.5%;
    margin: 0;
    padding: 0;
    border: 0;
}
.groupAllPortlets_newsletterLayout .contentMain .wptheme2Col.wpthemeUnequal .wpthemeSecondaryContainer {
    float: right;
    /*width: 30.85%;
    padding-left: 1.6%;*/
	width:25%;
    border: none;
    margin: 0 0 40px 0;
}
.groupAllPortlets_newsletterLayout .wpthemeFrame .itemImage {
    margin-top: 4px;
    margin-right: 10px;
    /*overflow: hidden;*/ /* If added there is a problem if the newsletter is exported in picture */
    float: left;
}
/* If added there is a problem if the newsletter is exported in picture */
/*
.groupAllPortlets_newsletterLayout  .wpthemeFrame .itemDetails {
    overflow: hidden;
}*/

.groupAllPortlets_newsletterLayout .wpthemeFrame .itemSummary {
    font-size: 1em;
    line-height: 1.4;
    color: #444444;
    padding-top: 10px;
}
/* ============================== Customize the NewsLetters =========================== */


.newsletterWishes{}

/* newsletterArticle */
.wpthemePrimaryContainer .promoSlideshow.newsletterArticle{
  margin-bottom: 10px;
}
.newsletterArticle_Teaser.lightGray .body{
  font-size: 12px;
  color: black;
  background: #F0F0F0;
  border: 1px solid #E0E0E0;
  padding: 10px 20px 10px 10px;
}

.newsletterArticle_Teaser {
  width:780px;
  margin:0 auto;

}

.newsletterArticle_Teaser.header {
	padding-bottom:10px;
}

/* ===================== mainNewsletter =======================================*/
.newsletterLayout_wpthemeInner{
  width:780px;
}
/* General */
.hrdaExternal_mainNewsletter .itemDetails{
  text-align: justify !important;
  width:100%;
}
.hrdaExternal_mainNewsletter .itemLink{
  font-size: 11px!important;
  float:right;
   padding-top: 12px;
}
.hrdaExternal_mainNewsletter .blockHeading{
    margin-bottom: 9px!important;
    font-size: 12px!important;
    text-transform: none!important;
    padding-bottom: 15px!important;
    letter-spacing: 2px!important;
    border-bottom: none!important;
    background: transparent!important;
    margin: 0px!important;
    color: black!important;
    font-weight: 500/*bold*/!important;
    text-decoration: none;
}
.hrdaExternal_mainNewsletter .transparent a{
  color:black !important;
  text-decoration:none !important;
}
/*
.hrdaExternal_mainNewsletter .itemImage{
  width: 100%;
}*/
.hrdaExternal_mainNewsletter .itemImage img{
  width: auto;
}

/* Header ---------------------------------------------------------*/
.hrdaExternal_mainNewsletter.mainNewsletterHeader .blockHeading{
  text-transform: uppercase!important;
}
.hrdaExternal_mainNewsletter.mainNewsletterHeader .itemImage{
  width: 40%;
}
.hrdaExternal_mainNewsletter.mainNewsletterHeader .itemDetails{
  width: 57%;
  float: left;
}
.hrdaExternal_mainNewsletter.mainNewsletterHeader .itemSummary{
  height: 200px;
}
.hrdaExternal_mainNewsletter.mainNewsletterHeader.lightGray{
  background-color:#F0F0F0;
  padding:10px;
  border:2px solid #E0E0E0;
}
.hrdaExternal_mainNewsletter.mainNewsletterHeader.lightGray a{
  color:#185b82 !important;
  text-decoration:none !important;
}
/* Body --------------------------------------------------------- */

.hrdaExternal_mainNewsletter.mainNewsletterBody .blockHeading{
 height:60px!important;
}
.hrdaExternal_mainNewsletter.mainNewsletterBody .itemImage{
  width: 100%;
}
.hrdaExternal_mainNewsletter.mainNewsletterBody .itemDetails{
  clear:left;
}
.hrdaExternal_mainNewsletter.mainNewsletterBody .itemSummary{
  height: 160px;
}
.hrdaExternal_mainNewsletter.mainNewsletterBody.transparent{
  background-color:transparent;
  padding-top: 50px;
  border-bottom: 1px solid #00b1b0;
}

/* SideBar --------------------------------------------------------- */

.hrdaExternal_mainNewsletter.mainNewsletterSideBar .head .blockHeading{
    height: 28px;
    width: 160px;
    color: #1E5B80!important;
    font-size: 16px!important;
    background: white!important;
    padding: 6px 0px 0px 25px!important;
    position: relative;
    top: 10px;
    font-weight: normal!important;
}

.hrdaExternal_mainNewsletter.mainNewsletterSideBar .body{
    padding: 30px 15px 10px 15px;
}
.hrdaExternal_mainNewsletter.mainNewsletterSideBar .itemDetails{
  clear:left;
}
.hrdaExternal_mainNewsletter.mainNewsletterSideBar .itemSummary{
  display: none;
}
.hrdaExternal_mainNewsletter.mainNewsletterSideBar.navyBlue a{
  color: white!important;
}
.hrdaExternal_mainNewsletter.mainNewsletterSideBar.navyBlue{
  background-color:#1e5b80;
  border-bottom: 1px solid #5B87A2;
}

/* sitemap --------------------------------------------------------- */

/* if we use the wcm application "Search Sitemap"
.hrdaSitemap ul{
  margin: 0 0 10px 30px!important;
}
*/

/* If we use the wcm component "side navigation for index page" */
.hrdaSitemap.subNavigation{
  margin-bottom: 50px;
}
.hrdaSitemap.subNavigation .body > .list{
	border-right: none;
}

.hrdaSitemap.subNavigation .item ::before{
	content: none;
    margin-right: 5px;
}
.hrdaSitemap.subNavigation .item a, .subNavigation .item a:visited,
.hrdaSitemap.subNavigation .item > a:hover {
    border-top: none;
    border-bottom: none;
    background-color: transparent;
}
.hrdaSitemap.subNavigation a{
	color: #00649d;
	text-decoration: none;
	font-family: 'Roboto',sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: 300;
	font-stretch: normal;
	margin: 0;
	padding: 0;
}
.hrdaSitemap.subNavigation a:hover,
.hrdaSitemap.subNavigation a:focus,
.hrdaSitemap.subNavigation a:active {
    color: #05386b;
    text-decoration: underline;
}

/* ============================== Customize the Buttons ( currently only in intro page )=========================== */

.hrdaExternal_Buttons li.row_12{
  min-height: auto;
  margin-bottom: 17px;
}

.hrdaExternal_Buttons a{
    color: #00b1b0!important;
    font-weight: 500/*bold*/;
}
.hrdaExternal_Buttons a div.textWrapper {
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-image: url("../images/moon_c.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    font-size: 1.8em;
    width: 180px;
    text-align: center;
}
.hrdaExternal_Buttons a div.buttonText {
  display: inline-block;
  top: 35%;
  position: relative;
}
.hrdaExternal_Buttons a div.buttonText.onerow {
  top: 43%;
}
.hrdaExternal_Buttons a:hover{
  text-decoration:none;
}
.hrdaExternal_Buttons  a:hover div.buttonText{
  border-bottom: 4px solid #00b1b0;
  font-weight: 500/*bold*/;
}

/* the class [selectedSubpage] is added by js */
.hrdaExternal_Buttons li.selectedSubpage a div.textWrapper{
  /*background: rgb(241,98,58);*/
  height: 180px;
  
  width: 180px;
}
.hrdaExternal_Buttons li.selectedSubpage a{
    /*font-size:12pt;*/
    /*color: black!important;*/
	color:#00649d!important;
	font-weight:bold;
}
.hrdaExternal_Buttons li.selectedSubpage a div.textWrapper {
    background-image: url("../images/moonSelected_light_c.png");
}

/* ============================== Customize all the taxonomies =========================== */
.hrdaShowAllTaxonomies .hrdaAutoIndent,
.hrdaShowAllTaxonomies .hrdaCategories{
  display:inline-block;
}
ul.hrdaShowAllTaxonomies,
.hrdaExternal_displayResultsByCategory ul{
  list-style-type: none!important;
}
/* ============================== Footers =========================== */
/* ---- footer ----- */

.hrdaExternal_Footer {
  background: #185B82;/*jdkyriakos background: transparent;*/
  border-top:0;
}
.hrdaExternal_Footer .wpthemeInner {
  border-top: 2px outset #5D5D5D;
  border-top: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 -1px 0 rgba(0,0,0,0.15);
}

.hrdaExternal_Footer  ul.list>li:not(:first-child){
  border-left:1px solid white;
  padding-left:10px;
  padding-bottom:10px;
}
.hrdaExternal_Footer  ul:not(.list)>li {
  padding-top:12px;
}

.hrdaExternal_Footer  ul li a,
.hrdaExternal_Footer  ul li a:link,
.hrdaExternal_Footer  ul li a:visited,
.hrdaExternal_Footer  ul li a:active {
  color: white;
  text-shadow: none;
  font-size:9pt;
}
.hrdaExternal_Footer  ul li a:hover,
.hrdaExternal_Footer  ul li a:focus{
  color: #00b1b0;
  text-decoration:none;
}
.hrdaExternal_Footer h3,
.hrdaExternal_Footer h3 a,
.hrdaExternal_Footer h3 a:visited{
  color: white;
  text-shadow:none;
  margin-top: 0px;
  margin-bottom: 0px;
}
.hrdaExternal_Footer h3 a:hover,
.hrdaExternal_Footer h3 a:focus {
  color: #00b1b0;
  text-decoration:none;
}

.hrdaExternal_Footer .row_12{
  min-height: 220px;
  margin-bottom: 10px;
}

.hrdaExternal_Footer img{
  height:142px;
  width:100%;
}

/* ---- preFooter ----- */
.hrdaExternalSite_customPreFooter{
  background:#185B82;
}
.hrdaExternalSite_customPreFooter .contentLanding.stacked .itemImage img{
  width: 150px;
  margin-left: auto;
	margin-right: auto;
	display: block;
}

.hrdaExternalSite_customPreFooter ul li .itemTitle {
  display: inline-block;
  height: 70px;
}

.hrdaExternalSite_customPreFooter ul li a,
.hrdaExternalSite_customPreFooter ul li a:link,
.hrdaExternalSite_customPreFooter ul li a:visited,
.hrdaExternalSite_customPreFooter ul li a:active {
  color: white;
  text-shadow: none;
  font-weight: 500/*bold*/;
  font-size:11pt;
}
.hrdaExternalSite_customPreFooter ul li a:hover,
.hrdaExternalSite_customPreFooter ul li a:focus{
  text-decoration:none;
}
.hrdaExternalSite_customPreFooter ul li a:hover .itemTitle div,
.hrdaExternalSite_customPreFooter ul li a:focus .itemTitle div{
  border-bottom: 7px solid #00b1b0;
}

/* ---- footer ----- */
.hrdaExternalSite_customFooter{
  font-weight: 500/*bold*/;
  color: #185b82;
  padding: 5px 0px 5px 0px;
  line-height: 1.5;
  font-size: 10pt;
}


/* ======================================================================================= */
/* ============================== For Tablet and mobile =========================== */
/* ======================================================================================= */

/* For both tablets and mobiles */
@media screen and  (max-width: 1023px){
	
	.promoSlideshow.caption .slideCaption {
		width: 280px;
		padding: 10px;
	}

  #wpthemeLogout{
     display: none;
  }
  /* ------- for Landing page  --------------------*/
  .contentMain .wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer {
      width: 100% !important;
  }

  .contentMain .wptheme2Col.wpthemeUnequal .wpthemeSecondaryContainer {
      width: 100% !important;

  }

  /* ------- for sidebarToolbox  --------------------*/

    .hrdaExternalSideNavigationToolbox .blockHeading{
       display:block;
     }

    .hrdaExternalSideNavigationToolbox .body{/* we use it to align the body in the center of the page*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* width: 400px; */
        /*background: red;*/
        float: none;
    }
   .hrdaExternalSideNavigationToolbox.contentIndex li.item{
      display: inline-block!important;
      float: left;
    }
    .hrdaExternalSideNavigationToolbox .logoText{
      text-align:center;
      display: block;
      width: 100%;
      /*background: yellow;*/
      padding: 0px;
    }
    .hrdaExternalSideNavigationToolbox  .itemDetails {
      /* min-width: 230px; */
      /* background: green; */
      /* margin: 0px 0px 2px 2px; */
    }
    .hrdaExternalSideNavigationToolbox  .itemDetails img{
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* ------- mainNewsletter  --------------------*/
    .newsletterLayout_wpthemeInner,
    .newsletterLayout_wpthemeInner.contentDatablueMain  .wptheme2Col.wpthemeUnequal .wpthemeDatablueSecondaryContainer{
      width:100%;
    }
    .hrdaExternal_mainNewsletter .mainNewsletterBody .itemImage img,
    .hrdaExternal_mainNewsletter .mainNewsletterSideBar .itemImage img{
      width: 40%;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

}

@media screen and (min-width: 720px) and (max-width: 1023px){
	
	.promoSlideshow.caption .slideCaption {
		width: 280px;
		padding: 10px;
	}

  .wpthemeBannerPrimaryNavigation{
    display:block; /* when in tablet mode we do not show the tablet menu. Ctc by default creates and hides the desktop menu. We just show it */
  }

 /* ------- for menu  --------------------*/
  .wpthemeBannerPrimaryNavigation .hrdaLogo{
      height: 53px;
      width: 106px;
  }
  .wpthemeBannerPrimaryNavigation .hrdaCustomMenu{
      height:55px;
  }
  .wpthemeBannerPrimaryNavigation .hrdaCustomMenu .hrdaSubLinks{
     padding-top: 18px;
  }
 /* ------- for sidebarToolbox  --------------------*/
 .hrdaExternalSideNavigationToolbox.contentIndex li.item{
    display: inline-block!important;
    float: left;
    /*width: 33.3%;*/
  }

/* ------- for startpageCmpntRecentAnnounces  --------------------*/
  .startpageCmpntRecentAnnounces ul{
    width:100%;
  }
  .startpageCmpntRecentAnnounces .indexImage{
    display:none;/* Hack: we want to hide the image so that we can display it in tablet mode and hide the original */
  }
  .startpageCmpntRecentAnnounces .itemIndexImage{ /* this is the image inside the first li */
    display: block;
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
    width:49%;
  }
  .startpageCmpntRecentAnnounces .indexImageAsFirstElement img{
    width:100%;
    max-height: 433px; /* without this we had a not so attractive wrapping between 1000px and 1024px if more than 5 news */
  }

  .startpageCmpntRecentAnnounces .contentSubList li.item {
      float: left;
      width: 50%;
      margin-top: 0px;
      margin-bottom: 10px;
      min-height: 174px;
  }

  /* ------- for footer  --------------------*/
  .hrdaExternalSite_customFooter{
    padding: 5px 0px 5px 20px;
    line-height: 2.5;
    font-size: 7pt;
  }
}




/* we develop from 320px to 719px */
@media screen and (max-device-width: 719px){
	
	.promoSlideshow.caption .slideCaption {
		width: 280px;
		padding: 10px;
	}

  .wpthemeHeader{
    background: #185B82;
  }
  .wpthemeBanner .wpthemeMobileBorder{
    border: none;
  }
  .wpthemeBanner .wpthemeBannerInner{
      background: transparent;
  }

  .wpthemeNavToggleBtn{
    width:auto;
    float: right;
  }

  .wpthemeMobileNav li.wpthemeNavSearch{
    padding: 0px;
    border-bottom: 0px;
    border: none;
  }

  /* 1st level menu */
  .wpthemeMobileNav > ul.wpthemeExpandNav > .wpthemeNavListItem,
  .wpthemeMobileNav.wpthemeMobileSide:nth-of-type(3){
    background-color: white;
  }
  /* 2nd level menu */
  .wpthemeMobileNav > ul.wpthemeExpandNav ul.wpthemeExpandNav .wpthemeNavListItem,
  .wpthemeMobileNav.wpthemeMobileSide:nth-of-type(5){
    background-color: #185B82;
  }
    /* 3rd level menu */
  .wpthemeMobileNav > ul.wpthemeExpandNav ul.wpthemeExpandNav ul.wpthemeExpandNav .wpthemeNavListItem,
  .wpthemeMobileNav.wpthemeMobileSide:nth-of-type(6){
    background-color: #185B82;
  }

   /* custom 2nd level menu color*/
  .wpthemeMobileNav > ul.wpthemeExpandNav ul.wpthemeExpandNav .wpthemeNavListItem a span{
    color:white!important;
  }
  /*3rd level */
  .wpthemeMobileNav > ul.wpthemeExpandNav ul.wpthemeExpandNav ul.wpthemeExpandNav .wpthemeNavListItem a span{
    padding-left: 36px;
  }


  .wpthemeMobileNav ul.wpthemeExpandNav a,
  .wpthemeMobileNav ul.wpthemeExpandNav a:hover,
  .wpthemeMobileNav ul.wpthemeExpandNav a:active,
  .wpthemeMobileNav ul.wpthemeExpandNav a:focus{
    color:black;
  }

  .wpthemeMobileNav ul.wpthemeExpandNav .wpthemeSelected > a,
  .wpthemeMobileNav ul.wpthemeExpandNav .wpthemeSelected > a:hover,
  .wpthemeMobileNav ul.wpthemeExpandNav .wpthemeSelected > a:active,
  .wpthemeMobileNav ul.wpthemeExpandNav .wpthemeSelected > a:focus{
    /*color: black;*/
    background-color: transparent;

  }
  .wpthemeMobileNav ul.wpthemeExpandNav .wpthemeSelected > a span{
        -webkit-border-image:none;
        border-left: 14px solid #00B1B0;
  }

  .wpthemeMobileNav a{
    border:0px!important;
  }
  .wpthemeMobileNav li{
    border-top:1px solid #00B1B0;
  }
  /* ------- Customize the Buttons ( currently only in intro page )  --------------------*/

    .hrdaExternal_Buttons a div.textWrapper {
      /*height: 124px;
      width: 143px;*/
  	}
	.hrdaExternal_Buttons li.selectedSubpage a div.textWrapper{
		
	}
	
  	.hrdaExternal_Buttons li:nth-child(1),
  	.hrdaExternal_Buttons li:nth-child(2) {
  	   /*width:50%;*/
       padding: 6px;
  	}
  	.hrdaExternal_Buttons li:nth-child(3) {
  		width:100%;
  	}
  	.hrdaExternal_Buttons li:nth-child(1) a div.textWrapper{
  			/*margin-right: unset;*/
  			margin-left: auto;
  	}
  	.hrdaExternal_Buttons li:nth-child(2) a div.textWrapper{
  			margin-right: auto;
  			/*margin-left: unset;*/
  	}

    /* ------- for sidebarToolbox  --------------------*/
    .hrdaExternalSideNavigationToolbox.contentIndex li.item{
       display: inline-block!important;
       float: left;
       /*width: 50%;*/
     }

     .hrdaExternalSideNavigationToolbox.contentIndex li.item.fullWidth{
       /*width: 100%;*/
     }


    /* ------- for startpageCmpntRecentAnnounces  --------------------*/

    .startpageCmpntRecentAnnounces ul{
      width:100%;
    }
    .startpageCmpntRecentAnnounces .indexImage{
      display: none;/* Hack: we want to hide the image so that we can display it in tablet mode and hide the original */
    }
    .startpageCmpntRecentAnnounces .itemIndexImage{ /* this is the image inside the first li */
      display: block;
      clear: left;
      width:100%;
    }
    .startpageCmpntRecentAnnounces .indexImageAsFirstElement img{
        width:100%;
        height:100%;
    }

    .startpageCmpntRecentAnnounces .contentSubList li.item {
        clear: left;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;

    }

    /* ------- for footer  --------------------*/
    .hrdaExternal_Footer{
      padding-bottom: 15px;
    }
    .hrdaExternal_Footer .row_12{
      min-height: 177px;
    }
    .hrdaExternalSite_customPreFooter li,
    .hrdaExternal_Footer  li{
      width:100%!important;
      border: none!important;
      padding-left:0px!important;
  	}
    .hrdaExternalSite_customFooter{
      padding: 5px 0px 5px 20px;
      font-size: 7pt;
    }
    .hrdaExternalSite_customFooter .wpthemeInner div{
      padding-bottom:5px;
    }

}