/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
.rightFloat{float:right;}
 /**** Fonts ****/
@font-face {
  font-family: cardo;
  src: url(fonts/cardo/Cardo-Regular.woff);
}

@font-face {
  font-family: 'Sofia Pro';
  src: url(fonts/sofia_pro/SofiaPro-Regular.woff);
}

@font-face {
  font-family: 'Sofia Pro Light';
  src: url(fonts/sofia_pro/SofiaPro-Light.woff);
}


/* set default fonts */
body {
background:#94b1b1;
font-family:  'Sofia Pro Light', arial;
text-decoration-skip-ink: none;
font-size:16px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: 'Sofia Pro', arial;
}

h6, .h6 {
  font-size: 1rem;
}

. path-frontpage .l-rw {

    padding: 0 0!important;

}

.path-frontpage.page-node-type--menu-page.theme-name--marine-at.ms-slidedown.bp--at-core-simple-wide div.dialog-off-canvas-main-canvas div.page.js-layout div.l-main.l-row div#main-content div.l-rw {

    padding: 0 0!important;



}

.primary-section-additional-sub-first {
    width: 30%;
    float: left;
	padding: 0px 10px 10px 0px;

}

.primary-section-additional-sub-last {
    width: 70%;
    float: left;

}


/*Header Align*/
#block-searchform{
    float: left;
    width: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: end;
	padding-top: 10px;
}

#block-languageswitchercontent > div > div.block__content > ul{

	float: right;
	margin:30px 15px 0px 0px;


}

.ga{float: left;
color:#000;

}


.en {
    float: left;
    margin-right: 15px;
    color: #000;
    border-right: 1px solid #000;
    padding-right: 15px;
}

.language-switcher-language-url .links a, .block-config-provider--language .links a {
color:#000;}

.search-block-form__form .form-search {
    margin-right: 20px;
}



/*Main Menu Align*/

.l-rw {

    justify-content: center;
}

.l-r {
    flex: 0 0 auto;
    padding: 0 0!important;
    width: 100%;

}
#rid-navbar{
	/*width: 800px;*/
	/*flex-basis: fit-content;*/
	width:100%;
	/*text-align:right;*/
}

li.sf-depth-2 > a:hover{background-color:#f8f8f8;
}
.sf-accordion-toggle{
	text-align:right;
}

ul.sf-menu, ul.sf-menu ul, ul.sf-menu ol, ul.sf-menu li, ul.sf-menu a, ul.sf-menu span, ul.sf-menu div {color:#3C3C3C;}

ul.sf-menu:hover, ul.sf-menu ul:hover, ul.sf-menu ol:hover, ul.sf-menu li:hover, ul.sf-menu a:hover, ul.sf-menu span:hover, ul.sf-menu div:hover {color:#000000;}

.primary-section-main-sub {
  width: 23.5%;
  display: inline;
  float: left;
  margin-left: 0.5%;
  margin-right: 0.5%;
  position: relative;
  padding:15px 5px;
}

/* OCS update */
.primary-section-main-ocs-sub {
  width: 23.5%;
  display: inline;
  float: left;
  margin-left: 0.5%;
  margin-right: 0.5%;
  position: relative;
  padding:15px 5px;
}


.MenuPageDivider {
  display: none;
}

#block-aboutusmenu-title > span{padding-left:15px;}

/*Home page align - This is affecting spacing accross the site - I will set home page spacing again directly*/

/*.l-rw {
    padding: 0 0!important;
}*/

#block-mainpagecontent > article > div > div > div > div > div > p > img {float:left;}


.flexslider {
   border: none!important;
   background-color: #EFFAFD;
    margin: 0px!important;
}


.horizBar{
	text-align:center;
}

#block-workingwithus > div > div.block__content > div > div > div > h1{
	text-align:center;
}

.block {
 margin: 0 0!important;
}

.node {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}


#block-milogo{padding-top:30px;
padding-left:15px;}

/*Breadcrumbs background */

.pr-features {

   background-color: inherit!important;
}


.pr-features .regions {
    background: #fff;
}

.breadcrumb{padding-left:15px;
 }

	.breadcrumb a {
    color: #717c85!important;
    font-size: 15px;
    text-decoration: none;

}

	.breadcrumb a:hover {
    color: #363636!important;

    text-decoration: underline;

}



/*Header background */

.pr-header {
    color: #363636;
    background-color: inherit!important;
}

.regions {
    background: #fff!important;
}
/* To have scrollbar */

body {
  scrollbar-gutter: stable both-edges;
}

/*
.primary-section-parent, .primary-section-parent-vertical {
width:100%;
clear:both;
/*display:flex;
}
*/

.sub-section-parent {
    width: 100%;
    float: left;
}

.sub-section-parent {
    background-color: #f2f2f4;
    margin-bottom: 10px;
}

/* OCS update */
.primary-section-main-ocs-sub {
    background-color: #f2f2f4;
    margin-bottom: 10px;
}


.view .view-content{
    /*padding-bottom: 20px;

    display: grid;*/
}


.pager {
    display: inline-block;
}


/* misc */

.iconwrapper {
    width: 220px;
    margin: auto;
}
.iconDiv {
	margin-bottom:21px;
}
.iconwrapper .iconDiv img{
	width:220px;
	height:84px;
}

div#main-content{
	min-height:270px;
}

.block-main-content{
	text-align: justify;
}

/** Styling for 2 col layout - contact us page.**/
#twoColumn-wrap
{
    width: 80%;

}
#twoColumnCUGMap-wrap
{
    width: 100%;
	padding-top:0px;

}


#twoColumn-col1
{
     float: left;
    width: 50%;

}
#twoColumn-col2
{
    float: right;
  width: 48%;
   padding-top: 0px;
}

#twoColumn-clear
{
    clear: both;
}

/** Styling for 3 col layout - contact us page.**/
#threeColumnCUGMapLinks-wrap
{
    width: 100%;
	padding-top:5px;

}

#threeColumn-col1
{
     float: left;
    width: 30%;

}
#threeColumn-col2
{
    float: right;
  width: 67%;

}

#threeColumn-col2-1 {
    float:left;
    width:55%;

}
#threeColumn-col2-2 {
    float:right;
     width:45%;

}

#threeColumn-clear
{
    clear: both;
}


/*BEGIN EXCLUSION AOIFE
/* misc



.form-type-select__select-wrapper:not(.is-multiple) .form-select {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.tabs .is-horizontal ul.tabs--primary a, .tabs .is-horizontal ul.tabs--primary a.is-active {
  background-color: #94b0b0;
}

.tabs .is-horizontal ul.tabs--primary a:hover, .tabs .is-horizontal ul.tabs--primary a.is-active:hover {
  background-color: #d3d3d3;
}

.pr-features {
  background-color: #fff;

}


/* Removed border-top: 1px solid #94b0b0; as was causing a line to appear above the breadcrumbs */
/*

.sub-section-bottom {
  background-color: #717c85;
  color: white;
  padding: 5px 5px 1px 5px;
  margin-bottom: 10px;
}

.l-main {
	margin-bottom: -25px !important;
}

.NormalText{
	font-weight:normal;
}

.primary-section-img img, .primary-section-main-sub img, .primary-section-additional-sub-first img, .news-events-main-views-column img, .field-name-field-main-content-image img {
    max-width: 100%;
    max-height: 400px;
}

.regions {
    background-color: #ffffff;
}


/* Explorers Section

#block-explorersnewsmedia{
	display:grid;
}
/*


/* webforms */
#block-marine-omega-block-15, #block-marine-omega-block-20, #block-marine-omega-block-21, #block-marine-omega-block-22, #block-marine-omega-block-24, #block-marine-omega-block-25, #block-marine-omega-block-26, #block-marine-omega-block-33 {
  margin: 30px 0 30px 0;
  padding: 20px 0 20px 10px;
  border: 1px dashed #0fb7d1;
  width: 450px;
}

.banner-button {
  position: relative;
  display: block;
  left: 0px;
  top: 0px;
  max-width: 190px;
}

.banner-button a {
  padding: 6px 9px;
  font-size: 0.8em;
  background: #00818f;
  border-radius: 10px;
  border-left: #33F 1px;
  border-top: #33F 1px;
  border-right: #33F 1px;
  border-bottom: #F33 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

.banner-button a:link, .banner-button a:visited {
   color: #FFF;
  text-decoration: none;
}




#block-splashhomepageblock{
	background: url(images/MISplash.jpg);
    background-color: #B1C6CA;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 632px;
    text-align: center;
    color: #fff;
    position: relative;
	margin: 0;
}


#block-splashhomepageblock .block__inner {
    height: 25%;
	margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#block-splashhomepageblock h1 {
    font-size: 3em;
	font-family: 'cardo', 'times new roman';
    width: 30%;
    text-align: center;
    margin: auto;
	padding-bottom: 10px;
}

 /*Splash 2 */
#block-marine-omega-block-31 {
    background-color: #EFFAFD;
	margin: 0;
}

#block-marine-omega-block-31 .field {
  margin-bottom: 0;
}

.splashPar1 {
    padding: 40px 0px 10px 0px;
    font-size: 1.3em;
    width: 49%;
	text-align: center;
    font-family: 'Sofia Pro', arial;
    margin: auto;
}

.horizBar {
    text-align: center;
}

.splashPar2 {
    font-size: 1.05em;
    width: 25%;
	text-align: center;
    font-family: 'cardo', 'times new roman';
    margin: auto;
	padding: 18px 0px 10px 0px;
}

.splashLink {
	text-align: center;
    padding-top: 10px;
    font-family: 'cardo', 'times new roman';
    font-size: 1.1em;
    padding-bottom: 30px;
}

#block-splashtexthomepageblock > div > div.block__content > div{
	background-color: #EFFAFD;
	margin-bottom:0px!important;
}


.views-field-field-slider-link {

    padding: 20px 0px 0px 15px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    font-family: "Sofia Pro", "arial";
}
.views-field-field-slider-text
{	float:left;
	width:70%;
	padding: 0px 0px 0px 15px;
	display:flex;
	align-items:flex-start;
}

.views-field-field-slider-caption-button
{	float:left;
	width:30%;
	display:flex;
	align-items:flex-start;}

.views-field.views-field-field-slider-caption-button a {
	padding: 5px 9px;
	font-size: 1em;
	background: #2D7283;
	color: #FFF;
	border-radius: 6px;
	border-left: #33F 1px;
	border-top: #33F 1px;
	border-right: #33F 1px;
	border-bottom: #F33 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
}

/*Vacancies*/
.view-vacancies, .view-vacancies-admin {
  min-height: 500px;
}


/* QLinks */

#block-quicklinks {
  margin: 0;
  background-color: #EFEFEF;
  height: 400px;
}

#block-quicklinks .field {
  margin-bottom: 0;
}

#block-quicklinks-title.block__title {
  text-align: center;
  color: #095A6E;
  padding-top: 60px;
}

#qlWrapper {
  width: 80%;
  padding: 25px 0 50px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  margin: auto;
}

#qlWrapper > div {
  width: 25%;
  text-align: center;
}

.qlLink {
  text-align: center;
  margin: auto;
  max-width: 115px;
  width: 50%;
}

.qlLink a {
  font-family: 'Sofia Pro', arial;
  font-size: 1em;
  color: #095A6E;
  text-decoration: none;
}

/* Areas of Activity */
#block-areasofactivityhomepageblock {
  margin: 0;
}

#block-areasofactivityhomepageblock .field{
  margin-bottom: 0;
}

#block-areasofactivityhomepageblock .block__inner {
    background-color: #095A6E;
    color: #f2f2f2;
    padding-top: 100px;
    font-family: 'cardo', arial;
}

#block-areasofactivityhomepageblock-title{
	width: 82%;
	margin: auto;
	    text-align: center;
}

#aoaIntro1 {
    text-align: center;
    padding-top: 30px;
    width: 60%;
    margin: auto;
}

#aoaIntro2 {
    text-align: center;
    padding-top: 15px;
    width: 36%;
    margin: auto;
}

#aoaIntro3 {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 30px;
    width: 60%;
    margin: auto;
}

.aoaLink {
    padding: 20px 0 30px 0;
}

.aoaLink a,.aoaLink a:link,.aoaLink a:visited {
    font-family: 'Sofia Pro', arial;
    font-size: 1em;
    color: #f2f2f2;
	 margin: auto;
    text-align: center;
     width: 77%;
    text-decoration: none;
	display: block;
}



#aoaWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    font-family: 'cardo', 'times new roman';
    width: 70%;
    padding: 25px 0 90px 0;
    margin: auto;
}

#aoaWrapper > div {
    width: 20%;
    text-align: center;
}


#aoaWrapper > div img {
  background-color: #2D7283;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

/* News & Events */

#block-views-block-news-and-events-home-page-view-content-block-1 {
font-family: 'cardo', arial;
background-color: #FFFFFF;
margin: 0;
}



#block-views-block-news-and-events-home-page-view-content-block-1 .view-content {
  margin-left: 152px;
  padding-top: 55px;
}

#block-views-block-news-and-events-home-page-view-content-block-1 .data-services-news-events-columns-home-page {
	width: 38% !important;
	display: inline;
	float: left;
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	margin-left: 0px !important;
	margin-right: 83px !important;

}

#block-views-block-news-and-events-home-page-view-content-block-1 .view-content .data-services-news-events-columns-home-page.odd {
 margin-right: 83px !important;
  margin-left: 0px !important;
}

.news-title-home {
  width: 420px !important;
  min-height: 128px;
}

.path-frontpage .news-image-home {
  width: 420px;
}

.path-frontpage .news-image-home img {
  width: 420px;
  height: 280px;
}


.path-frontpage .newsHomeTitle {
  padding-top: 30px;
  width: 80%;
  margin: auto;
}

#block-views-block-news-and-events-home-page-view-content-block-1 .block__title {
  text-align: center;
  padding-top: 40px;
}


/* News & Events
.data-services-news-events-columns-home-page{
	display: inline-block;
    float: left;
	width:50%;
	text-align: center;
	padding:20px;}



#block-views-block-news-and-events-home-page-view-content-block-1 {
font-family: 'cardo', arial;
background-color: #FFFFFF;
margin: 0;
}

.newsHomeTitle{
padding-top: 30px;}
*/


/* Infrastructure & Facilities block */
#block-infrastructurefacilitieshomepageblock {
  margin: 0;
  clear:both;
}

#block-infrastructurefacilitieshomepageblock .field{
  margin-bottom: 0;
}

#block-infrastructurefacilitieshomepageblock .block__inner {
  background-color: #EFEFEF;
  font-family: 'cardo', arial;
}

#block-infrastructurefacilitieshomepageblock a, #ifDots {
  font-size: 30px;
  width: 47%;
    color: #34393D;
  margin: auto;
  text-align: center;
  display: block;
}

#ifDots {
  margin-bottom: 30px;
}

#block-infrastructurefacilitieshomepageblock a {
  position: relative;
  top: -15px;
   text-decoration: underline;
   line-height: 1.5em;
}


#ifWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#ifWrapper img {
  width: 100%;
  height: auto;
}

#ifWrapper > div {
  width: 50%;
}

/* Research/Funding */
#block-researchfundingpublications {
  margin: 0;
}
#block-researchfundingpublications .field{
  margin-bottom: 0;
}
#block-researchfundingpublications .block__inner {
  background-color: #095A6E;
  color: #f2f2f2;
  padding-top: 30px;
}

#block-researchfundingpublications .block__title {
  text-align: center;
  padding-top: 40px;
}

#rfpWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  padding: 60px 0 60px 0;
  font-family: 'cardo', 'times new roman';
}

#rfpWrapper > div {
  width: 33.3%;
  padding: 25px 0 25px 0;
  text-align: center;
}

#rfpWrapper h5 {
  margin: 6px 0;
  font-family: 'Sofia Pro', arial;
  font-size: 1em;
  letter-spacing: 0.02em;
  text-align: center;
}

.rfpText {
  width: 72%;
  margin: auto;
  padding-bottom: 8px;
}

#block-researchfundingpublications a {
  margin: auto;
  text-align: center;
  display: block;
  width: 88%;
  color: #f2f2f2;
  text-decoration: underline;
}

/* Working with us */
#block-workingwithus {
  background: url(images/WorkWithUs.jpg);
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-color: #B1C6CA;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 632px;
  text-align: center;
  color: #fff;
  position: relative;
  font-family: 'cardo', arial;
  margin: 0;
}

#block-workingwithus .block__inner {
  height: 25%;
  margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

#block-workingwithus h1 {
  letter-spacing: 0.02em;
  font-family: 'cardo', arial;
  font-size: 2em;
}

.wwuText {
  margin: auto;
  width: 26%;
  padding-top: 15px;
}

#block-workingwithus a:link, #block-workingwithus a:hover, #block-workingwithus a:visited {
  color: #fff;
  text-decoration: underline;
}

/* Subscribe */
#block-subscriptionstextnew {
  text-align: center;
  padding: 40px 0px;
  background-color: #E1F6FB;
  font-family: 'cardo', arial;
  margin: 0;
}

#block-subscriptionstextnew div.block__content {
 width: 38%;
  margin: auto;
}

a:link.boxLink, a:visited.boxLink {
  color: #34393D;
}

a:link, a:visited {
  color: #0062A0;
  text-decoration: none;
}
.boxLink {
  border: 1px solid #34393D;
  padding: 10px 55px;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Sofia Pro', arial;
}

.paddingTop20 {
  padding-top: 20px;
}

.paddingTop40 {
  padding-top: 40px;
}

/* default page */
article.node--id-1 {
	display: none;
}

/**** News & Events ****/
.news-events-main-views-column {
  width: 100%;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  padding-right: 10px;
  border: 1px solid #CCCCCC;
}

.views-field-field-storyimage {
  width: 28%;
  max-width: 220px;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}

.views-field-field-news-type {
  float: left;
}

.views-field-field-news-type a {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}


/* Sidebar first*/

#rid-sidebar-first{
	width:25%;
	padding-bottom:30px;
}


h2.block__title {
  font-size: 1.15em;
}


#rid-sidebar-first ul.sf-menu a,
#rid-sidebar-first ul.sf-menu a:visited,
#rid-sidebar-first ul.sf-menu span.nolink {
  border: 1px solid #e1e1e1;
  color: #094f96;
  padding: 0.75em 1em;
}

#rid-sidebar-first ul.sf-menu li,
#rid-sidebar-first ul.sf-menu.sf-navbar {
  background: #f2f2f4;

}

#rid-sidebar-first ul.sf-menu li:hover,
#rid-sidebar-first ul.sf-menu li.sfHover,
#rid-sidebar-first ul.sf-menu a:focus,
#rid-sidebar-first ul.sf-menu a:hover,
#rid-sidebar-first ul.sf-menu span.nolink:hover {
text-decoration: underline;
}

#rid-sidebar-first ul.sf-menu.sf-vertical {
  width: 100%;
}

.path-node-275 #block-views-news-and-events-main-view-content-block-1-title{
	display:none;
}


/* Footer */

#rid-footer-first a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 0px;
    font-family: 'Sofia Pro', arial;
    font-size: .9em;
}

#block-copyright p{
	margin:0;
	font-size:13px;

}



/*
#block-footermenu{
	min-height: 120px;
}
*/
#superfish-menu-footer-manu{
	width:200px;
}

#block-marine-omega-block-13{
	margin: 5px 0;
}

#block-marine-omega-block-13 p{
	margin: 0px;
}



/*removed padding-bottom: 40px;*/
.pr-footer {

	box-shadow: 0 0.4em 0.5em rgb(0 0 0 / 35%);
	background-color:#94b1b1!important;
}
/*remove white back from region*/
.pr-footer .regions {
    background: #03232B!important;
	padding-top:30px;
}

#block-copyright {
    clear: both;
    padding-top: 50px;
    padding-left: 15px!important;
}

#block-footermenu{

	/*padding-top:50px;*/

}

/* Explorers*/


/* Home Page */
#block-explorerssplashimage .primary-section-img img {
	width:99%;
}

#block-views-block-explorers-news-media-content-block-2 .data-services-news-events-columns-home-page {
  width: 25% !important;
  float: left;
  padding-right: 1%;
}

#block-views-block-explorers-news-media-content-block-2{
display: grid;
}
#block-views-block-explorers-news-media-content-block-2 .view--explorers-news-media-content, #block-explorerssplashimage {
	margin-left:13px
}
#block-views-block-explorers-news-media-content-block-2 .news-image-home img {
  width: 100% !important;
  height: auto !important;
}
#block-views-block-explorers-news-media-content-block-2 .news-title-home {
  width: 100% !important;
  font-size: 14px;
  min-height: 70px !important;
}

.champions-image{
	float: left;
	margin-right: 20px;
}

.explorer-center{
	padding-top:0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*Explorers Footer*/
.SMExplWrapper {
  background-color: #063163;
  margin: 40px 13px 40px 13px;
  display:grid;
  border: 1px solid #063163;
}

.SMExplFollow {
  float: left;
  width: 68%;
}

.SMExplIcons {
  float: right;
  width: 100%;
  margin: 0;
  padding-top: 0px !important;
}

.ExplSMIcon {
  width: 80px;
}

.noHeight {
  height: 0px;
}
.noFloat {
  clear: both;
}


/*End Explorers */

.l-attribution{
	display:none;
}

.EULogos {
  /* width: 261px;   Old width + EULogos3 + additional */
  width: 340px;
  height: 63px;
  float: right;
  padding-top: 30px;
}


.EULogo1 {
  width: 178px;
  border-radius: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  float:left;
}

.EULogo2 {
  width: 65px;
  background-color: #fff;
  border-radius: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  float:left;
  margin-left:10px;
}

.EULogo3 {
  width: 65px;
  background-color: #fff;
  border-radius: 2px 2px 2px 2px;
  /*
  border-width: 2px;
  border-style: solid;
  border-color: rgb(0, 255, 255);
  */
  float:left;
  margin-left:10px;
  margin-right:10px;
}

.AsIAmLogos {
  width: 85px;
  height: 63px;
  float: right;
  padding-top: 30px;
}


.leftFloat {
  float: left;
}



/* Side Menu */

#rid-sidebar-first{
background-color: #fff;
}


/* Bottom of Areas of Act */


/* OCS update */

/* start of Oceanography level 1 */
.primary-section-parent, .primary-section-parent-vertical {
    width: 100%;
    float: left;
}
.primary-section-parent-vertical {
    width: 100%;
    float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.primary-section-parent-vertical .sub-section-parent-vertical {
    display: flex;
	flex-direction: column;
	width: 32%;
	padding: 1em;
	background-color: #f2f2f4;
}
.primary-section-parent-vertical .sub-section-parent-vertical >div {
	width: 100%;
}
/* end of Oceanography level 1 */

/*start of OCS climate services */

.primary-section-parent-vertical .sub-section-ocs-vertical {
    display: flex;
	flex-direction: column;
	width: 48%;
	padding: .5em;
	background-color: #f2f2f4;
}
.primary-section-parent-vertical .sub-section-ocs-vertical >div {
	width: 100%;
}



.OCSaccordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  flex: 1;
  overflow: hidden;
}

.OCSli {
	padding-right:15px;
}

/*  This changes the colour of the background of the dropdown when hovered over
.active, .OCSaccordion:hover {
  background-color: #ccc;
}
*/

.OCSpanel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

/* this is the blue bit you click */
.OCSsummary {
	background: #edf2ff;
	outline: none;
	padding: 20px;
	padding-right: 20px;
	padding-bottom: 18px;
	border-radius: 4px;
	height: auto;
	flex-direction: column;
	flex-basis: 2em;
	overflow: hidden;
}


/* one of these two below hide the scrollbar on chrome + edge */
details::-webkit-scrollbar {
  display: none;
}

summary::-webkit-scrollbar {
  display: none;
}

details[open] summary ~ * {
  animation: sweep 0.5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}

details > li {
		padding-right:20px;

}

/* end of OCS accordion */




/* end of OCS climate services */

/* end of ocs */


.primary-section-bottom-sub-first {
    width: 49%;
    display: inline;
    float: left;
    margin-left: 0%;
    margin-right: 1%;
    position: relative;
}

.primary-section-bottom-sub-last {
    width: 49%;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 0%;
    position: relative;
}

/*** Publication Scheme***/

.ps_panel {
    height: 445px;
    width: 191px;
	float:left;
	overflow: hidden;
	border: 1px solid #0fb6d4;
	border-radius: 5px;
	padding: 70px 0px 10px;
    margin-bottom: 25px;
	text-align: left;
	font-size: .88em;
	margin-left: 20px;
}

.ps_panel h4 {
	height: 25px;
	background-color: #ddd;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.panel1{
	background: url('images/Infrastructure-and-Facility.gif') no-repeat;
}
.panel2{
	background: url('images/Water-Framework-Directive.jpg') no-repeat;
}
.panel3{
	background: url('images/Corporate-Strategy.jpg') no-repeat;
}
.panel4{
	background: url('images/Financial.jpg') no-repeat;
}
.panel5{
	background: url('images/Procurement.jpg') no-repeat;
}
.panel6{
	background: url('images/Galway-Bay.jpg') no-repeat;
}

.panel7{
	background: url('images/nameplate.jpg') no-repeat;
}


.ps_panel ul li {

    list-style-image: url('ps_bullet.gif');
    padding-bottom: 5px;
}

.ps_panel ul  {

   padding-left: 1.7em;

}

/*** Call to Action***/

article.node--type-content-with-call-to-action .field-name-body {

    width: 73%;
    display: inline;
    float: left;
    margin-left: 0%;
    margin-right: 2%;
    position: relative;

}

.field-name-field-call-to-action {
  width: 25%;
  display: inline;
  float: right;
  margin-left: 0%;
  margin-right: 0%;
  position: relative;
}

.field-name-field-call-to-action img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

#superfish-menu-news-events, #superfish-news-events-irish-{
	padding-bottom:20px;
}

/*Misc */
.page-node-type--news-item img{
  padding:0 10px;
}

/*
#block-newsevents-2 {
  display: flex;
  padding-bottom: 15px;
}

*/

/* Begin breakpoint:
body.path-explorers-media-news-events-archive-2020 div div div div#main-content div div#rid-content,
/* FYI - 1em = 16px */

/* Resize browser window */


@media all and (max-width: 13.625em) { /* 13.625em = 281px */


.primary-section-additional-sub-first {
    width: 100%;
    float: left;

}

.primary-section-additional-sub-last {
    width: 100%;
    float: left;

}

.rightFloat {
    float: left;
}
.data-services-news-events-columns-home-page{
	display: inline-block;
    float: left;
	width:100%;
	text-align: center;
	padding:20px;}

#block-views-block-news-and-events-home-page-view-content-block-1 > div > div.block__content > div > div > div.view-content.view-rows{
    display: flex!important;

}

#block-mainmenu a {
	font-size: 0.95em;
}

 #superfish-main li {
  margin: 0px -3px;
}
.rightFloat {
    float: right;
}

.iconwrapper {
    width: 58%;
    margin: auto;
}

}


@media all and (max-width: 20em) { /* 20em = 320px */



.rightFloat {
    float: left;
}

#block-views-block-news-and-events-home-page-view-content-block-1 > div > div.block__content > div > div > div.view-content.view-rows{
    display: flex!important;
	flex-direction:column;
}


}

@media all and (max-width: 30.0625em) { /* 30.0625em = 481px */

article.node--type-content-with-call-to-action .field-name-body {

    width: 100%;
    margin-bottom: -25px;
}

.field-name-field-call-to-action {
  width: 100%;

}

#block-views-block-explorers-news-media-content-block-2 .data-services-news-events-columns-home-page {
  width: 49% !important;

}

#block-splashhomepageblock{
  min-height: 420px;
}

#block-splashhomepageblock h1 {
	width: 95%;
	font-size: 2.4em;
}

.primary-section-additional-sub-first {
    width: 100%;
    float: left;

}

.primary-section-additional-sub-last {
    width: 100%;
    float: left;

}


#twoColumn-col1
{
     float:none;
    width: 100%;

}
#twoColumn-col2
{
    float: none;
  width: 100%;
  padding-top: 20px;
}

.SMExplIcons {
  width: 100%;
}

.ExplSMIcon {
  width: 40px;
}

.iconwrapper {
    width: 220px;
    margin: auto;
}

.data-services-news-events-columns-home-page{
		display: inline-block;
		float: left;
		width:100%;
		text-align: center;
		padding:10px;}


#aoaWrapper > div {
    width: 50%;
    text-align: center;
}

.aoaLink{
	font-size:13px;
}


.rightFloat {
    float: right;
}
#block-views-block-news-and-events-home-page-view-content-block-1 > div > div.block__content > div > div > div.view-content.view-rows{
    display: flex!important;
	flex-direction:column;
}

.page-node-type--news-item img{
  padding:0 0px;
}


}

@media all and (max-width: 36.25em) { /* 36.25em = 580px */


#block-mainpagecontent{
  text-align: justify !important;
}

.primary-section-main-sub {
  width: 100% !important;
}

}



/* OCS update */
@media all and (max-width: 60em) { /* 60em = 1080px */

#block-mainpagecontent{
  text-align: justify !important;
}

.primary-section-main-ocs-sub {
  width: 100% !important;
}
}



@media all and (max-width: 45em) { /* 45em = 720px */

#rid-sidebar-first {
  width: 100%;
}

#rid-sidebar-first .block-config-provider--superfish .block__title {

  display:none;
}


#block-marine-at-breadcrumbs
{
display:none;
}

.news-image-inline{
	display: inline-block;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	float: center;
}

.news-title-home {
  width: 100% !important;
  min-height: 80px;
}

.news-image-home {
  width: 100%  !important;
}
.news-image-home img {
  width: 100%  !important;
  height: auto !important;
}

#block-views-block-news-and-events-home-page-view-content-block-1 .view-content .data-services-news-events-columns-home-page.odd {
  margin-right: 10px !important;
}

#block-views-block-news-and-events-home-page-view-content-block-1 .view-content {
  margin-left: 10px;

}
#block-views-block-news-and-events-home-page-view-content-block-1 .data-services-news-events-columns-home-page {
	width: 99% !important;
}
}


@media screen and (max-width: 60.0625em) { /* 60.0625em = 961px */

#block-mainpagecontent{
	text-align: left;
}

.data-services-news-events-columns-home-page{
		display: inline-block;
		float: left;
		width:100%;
		text-align: center;
		padding:10px;}


#aoaWrapper > div {
    width: 50%;
    text-align: center;
}

.aoaLink{font-size:13px;}
.primary-section-additional-sub-first {
    width: 30%;
    float: left;
	display: inline;
    float: left;
    position: relative;
	padding-right:20px;

}

.primary-section-additional-sub-last {
    width: 70%;
    float: left;
	display: inline;
    float: left;
    position: relative;

}

.rightFloat {
    float: right;
}

}


/* All devices */
@media all and (max-width: 60.0625em) { /* 60.0625em = 961px */

.iconwrapper {
    width: 80%;
    margin: auto;
}

.primary-section-additional-sub-first {
    width: 30%;
    float: left;
	 width: 30%;
    display: inline;
    float: left;
    position: relative;
	padding-right:20px;
}

.primary-section-additional-sub-last {
    width: 70%;
    float: left;
	display: inline;
    float: left;
    position: relative;
}


}


@media all and (min-width: 30.0625em) and (max-width: 32em) { /* 30.0625em = 481px | 32em = 512px */

.iconwrapper {
    width: 98%;
    margin: auto;
}

.iconwrapper .iconDiv img{
	width:200px;
	height:77px;
}
}


@media all and (min-width: 30.0625em) and (max-width: 45em) { /* 30.0625em = 481px | 45em = 720px */

.path-site-area-infrastructure-facilities-infrastructure-facilities .primary-section-main-sub{
	padding: 15px 5px;

}

/* OCS Update */
@media all and (min-width: 30.0625em) and (max-width: 60em) { /* 30.0625em = 481px | 60em = 1080px */

.path-site-area-oceanography-oceanography .primary-section-main-ocs-sub{
	padding: 15px 5px;
}

.OCSprimary-section-main-image {
    width: 40%;
    float: left;
	display: inline-block;
    position: relative;
	padding-right:20px;
	flex-wrap: wrap;
    justify-content: space-around;
}

/* OCS end */


.search-block-form__form .form-search {
  margin-right: 28px;
}

#block-splashhomepageblock {
  min-height: 500px;
}

#block-splashhomepageblock h1 {
	width: 74%;
}

.ExplSMIcon {
  width: 52px;
}

.iconwrapper {
    width: 96%;
    margin: auto;
}

.iconwrapper .iconDiv img{
	width:200px;
	height:77px;
}

.pr-features {
background-color: #00FE00;
}

#rid-header-second {
    width: 100%;
	margin-left: 0px;
	padding: 0px;
}

#block-searchform .form-search{
	width: 210px;
}

#block-searchform {
    width: 235px;
	margin-left:0px;
	margin-bottom: 0px;
}

#block-milogo{
	margin: 1em 0 0 0;

}

#block-milogo .field{

	margin-bottom: 0px;
}

#block-languageswitchercontent{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 15px;
}

#block-languageswitchercontent ul li a {
	font-size: .75em;
	width:40px;
}

#block-languageswitchercontent ul li .en__link-wrapper a  {

    padding-right: 33px;

}

.search-block-form__form {
  padding-top: 0px;
}

.search-block-form__form .form-actions {
  padding-top: 0px;
}

/* Styling for content area (Menu text boxes)*/
 .sub-section-parent {
padding-right: 10px;
}
/* Styling for news view (text boxes)*/
.news-events-main-views-column {
padding-right: 10px;
}


.rightFloat {
    float: right;
}

}

/* Begin breakpoint: tabletisolate */
@media all and (min-width: 45.0625em) and (max-width: 60em) {  /* 45em = 720px / 60 =  960px */

#rid-sidebar-first {
 padding-right:10px !important;
}

#block-mainmenu ul li a	{
font-size: 12px;
	}
#block-mainmenu ul.sf-menu.sf-style-none a.sf-with-ul, ul.sf-menu.sf-style-none span.nolink.sf-with-ul {
  padding-right: 1.6rem;
}

#block-mainmenu ul.sf-menu.sf-style-none a, ul.sf-menu.sf-style-none a:visited, ul.sf-menu.sf-style-none span.nolink {
  padding: 0.75rem 0.6rem;
}



.search-block-form__form .form-search {
  margin-right: 28px;
}

.breadcrumb a {
  font-size: 13px;
}

.path-frontpage .news-title-home {
  width: 280px !important;
}

.path-frontpage .news-image-home {
  width: 280px !important;
}
.path-frontpage .news-image-home img {
  width: 280px !important;
  height: 190px !important;
}

#block-views-block-news-and-events-home-page-view-content-block-1 .view-content .data-services-news-events-columns-home-page.odd {
  margin-right: 55px !important;
}

#block-views-block-news-and-events-home-page-view-content-block-1 .view-content {
  margin-left: 65px;

}


#block-splashhomepageblock h1 {
	width: 74%;
}


.ExplSMIcon {
  width: 54px;
}

/*Change default header behaviour on mobile */
.pr-features {
background-color: #fe0000;;
}

#rid-header-second {
	margin-left: 0%;
	width: 390px;
}

#block-searchform .form-search{
	width: 195px;
}

#block-searchform{
	width: 230px;
	margin-left: 5px;
}

#block-languageswitchercontent {
  margin-left: 10px;
}

#block-mainmenu a {
	/*font-size: 0.87em;
	padding: 0.75rem 0.7rem;*/
}

 #superfish-main li {
  margin: 0px -3px;
}

 #superfish-main li a {

}
.rightFloat {
    float: right;
}



.l-header {
width: 100%;
}

#superfish-main-toggle{
/*width: 120px;*/
}

.iconwrapper {
    width: 90%;
    margin: auto;
}

}
/* End tablet breakpoint */

/*For Main menu initially*/
@media all and (min-width: 48em) and (max-width: 60em) {  /* 48em = 768px / 60 =  960px */

.search-block-form__form .form-search {
  margin-right: 28px;
}

#block-mainmenu ul li a	{
font-size: 13px;
	}
#block-mainmenu ul.sf-menu.sf-style-none a.sf-with-ul, ul.sf-menu.sf-style-none span.nolink.sf-with-ul {
  padding-right: 1.8rem;
}

#block-mainmenu ul.sf-menu.sf-style-none a, ul.sf-menu.sf-style-none a:visited, ul.sf-menu.sf-style-none span.nolink {
  padding: 0.75rem 0.6rem;
}

}

/* Narrow side of wide! */
@media all and (min-width: 60.0625em) and (max-width: 70em) { /* 60 =  960px / 70 = 1120px */


#rid-sidebar-first {
 padding-right:13px !important;
}


#block-mainmenu ul.sf-menu.sf-style-none a.sf-with-ul, ul.sf-menu.sf-style-none span.nolink.sf-with-ul {
  padding-right: 2.25rem;
}

.path-frontpage .news-title-home {
  width: 380px !important;
}

.path-frontpage .news-image-home {
  width: 380px !important;
}

.path-frontpage .news-image-home img {
  width: 380px !important;
  height: 250px !important;
}

#block-views-block-news-and-events-home-page-view-content-block-1 .view-content {
  margin-left: 122px;

}

#block-splashhomepageblock h1 {
	width: 54%;
}

#block-mainmenu a {
	font-size: 0.95em;
}

 #superfish-main li {
  margin: 0px -3px;
}
.rightFloat {
    float: right;
}
.iconwrapper {
    width: 70%;
    margin: auto;
}
/*
#rid-navbar{
	width: 890px;
}*/



/*
#rid-header-second {
	margin-left: 95px;
}
#rid-header-second {
	margin-left: 95px;
}
/*


/* End Narrow side of wide breakpoint */

}



@media all and (min-width: 70.0625em) { /* 70.0625em = 1121px */


#rid-sidebar-first {
 padding-right:15px !important;
}


.iconwrapper {
    width: 56%;
    margin: auto;
}

.search-block-form__form .form-search {
  margin-right: 15px;
}

}
}




/* flip card / flipcard / flip-card / Meet The Scientists */

.flip-card {
  background-color: transparent;
  width: 90%;
  height: 320px;
  border: 3px solid #94B1B1;
  /* border: 2px solid #000; For a black background */
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  float: center;
  margin-left:30px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container. Switch to Y for book effect*/
.flip-card:hover .flip-card-inner {
  transform: rotateX(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #94B1B1;
  /* background-color: #F2F2F4; this is the grey the theme uses */
  color: #fff;
  /* margin:30px; this offsets the whole thing by x pixels, might actually be a desired effect on a low amount of pixels */
  float:right;
}

.flip-card-front-text-head{
  font-size:45px;
  color: #fff;
  /* color: #94B1B1; if I want the heading to be green, also change the background-color of flip-card-front too */
  float:right;
  margin-top:30px;
  margin-right:30px;
  margin-left: 50px;
}

.flip-card-front-subtext{
	float:right;
	color:#fff;
	margin-top:10px;
	margin-right:30px;
}



.flip-card-front img{
  height: 100%;
  width: 35%; /* width of the image in relation to the flip box */
  float: left;
  border: 2px solid #000;
}

/* text doesnt appear when this class is added
.flip-card-front-text{
	margin-top:30px;
	margin-right: 30px;
	float:right;
}
*/

/* Style the back side */
.flip-card-back {
  background-color: #94B1B1;
  color: white;
  transform: rotateX(180deg);
  font-size: 16px;
}

.flip-card-back-text{
	margin-left:30px;
	margin-right: 30px;
}




@media all (min-width: 32.025em) and (max-width: 60em) { /* 32em = 512px (this is for mobile/tablet */

	.flip-card {
	  background-color: transparent;
	  width: 100%;
	  height: 540px;
	  border: 3px solid #94B1B1;
	  /* border: 2px solid #000; For a black background */
	  perspective: 1000px; /* Remove this if you don't want the 3D effect */
	  float: center;
	  margin-left:10px;
	}

	/* This container is needed to position the front and back side */
	.flip-card-inner {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  text-align: left;
	  transition: transform 0.8s;
	  transform-style: preserve-3d;
	}

	/* Do an horizontal flip when you move the mouse over the flip box container. Switch to Y for book effect*/
	.flip-card:hover .flip-card-inner {
	  transform: rotateX(180deg);
	}

	/* Position the front and back side */
	.flip-card-front, .flip-card-back {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  -webkit-backface-visibility: hidden; /* Safari */
	  backface-visibility: hidden;
	}

	/* Style the front side (fallback if image is missing) */
	.flip-card-front {
	  background-color: #94B1B1;
	  /* background-color: #F2F2F4; this is the grey the theme uses */
	  color: #fff;
	  /* margin:30px; this offsets the whole thing by x pixels, might actually be a desired effect on a low amount of pixels */
	  float:right;
	}

	.flip-card-front-text-head{
	  font-size:20px;
	  color: #fff;
	  /* color: #94B1B1; if I want the heading to be green, also change the background-color of flip-card-front too */
	  float:right;
	  margin-top:10px;
	  margin-right:10px;
	}

	.flip-card-front-subtext{
		float:right;
		color:#fff;
		margin-top:10px;
		margin-right:10px;
	}

	.flip-card-front img{
	  height: 100%;
	  width: 100%; /* width of the image in relation to the flip box */
	  float: center;
	  border: 2px solid #000;
	}

	/* Style the back side */
	.flip-card-back {
	  background-color: #94B1B1;
	  color: white;
	  transform: rotateX(180deg);
	  font-size: 12px;
	}

	.flip-card-back-text{
		margin-left:10px;
		margin-right: 10px;
	}

}




@media all and (max-width: 32em) { /* 32em = 512px (this is for mobile/tablet */

	.flip-card {
	  background-color: transparent;
	  width: 100%;
	  height: 500px;
	  border: 3px solid #94B1B1;
	  /* border: 2px solid #000; For a black background */
	  perspective: 1000px; /* Remove this if you don't want the 3D effect */
	  float: center;
	  margin-left:10px;
	}

	/* This container is needed to position the front and back side */
	.flip-card-inner {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  text-align: left;
	  transition: transform 0.8s;
	  transform-style: preserve-3d;
	}

	/* Do an horizontal flip when you move the mouse over the flip box container. Switch to Y for book effect*/
	.flip-card:hover .flip-card-inner {
	  transform: rotateX(180deg);
	}

	/* Position the front and back side */
	.flip-card-front, .flip-card-back {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  -webkit-backface-visibility: hidden; /* Safari */
	  backface-visibility: hidden;
	}

	/* Style the front side (fallback if image is missing) */
	.flip-card-front {
	  background-color: #94B1B1;
	  /* background-color: #F2F2F4; this is the grey the theme uses */
	  color: #fff;
	  /* margin:30px; this offsets the whole thing by x pixels, might actually be a desired effect on a low amount of pixels */
	  float:right;
	}

	.flip-card-front-text-head{
	  font-size:30px;
	  color: #fff;
	  /* color: #94B1B1; if I want the heading to be green, also change the background-color of flip-card-front too */
	  float:right;
	  margin-top:10px;
	  margin-right:10px;
	  margin-left: 50px;
	  display:none;
	}

	.flip-card-front-subtext{
		float:right;
		color:#fff;
		margin-top:10px;
		margin-right:10px;
		display:none;
	}

	.flip-card-front img{
	  height: 100%;
	  width: 100%; /* width of the image in relation to the flip box */
	  float: center;
	  border: 2px solid #000;
	}

	/* Style the back side */
	.flip-card-back {
	  background-color: #94B1B1;
	  color: white;
	  transform: rotateX(180deg);
	  font-size: 16px;
	}

	.flip-card-back-text{
		margin-left:10px;
		margin-right: 10px;
	}
}

/* End of flip card / flipcard / flip-card / Meet The Scientists */


/* vessels section */

.flip-card-vessel {
  background-color: transparent;
  width: 49%;
  height: 250px;
  border: 3px solid #94B1B1;
  /* border: 2px solid #000; For a black background */
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  display: flex;
  flex-direction: column;
  /* margin-left:10px; */
}

.flip-card-vessel:hover .flip-card-inner {
  transform: rotateX(180deg);
}


.flip-card-front-vessel img{
  height: 100%;
  width: 100%; /* width of the image in relation to the flip box */
  float: left;
  border: 2px solid #000;
}

/* Position the front and back side */
.flip-card-front-vessel, .flip-card-back-vessel {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front-vessel {
  background-color: #94B1B1;
  /* background-color: #F2F2F4; this is the grey the theme uses */
  color: #fff;
  /* margin:30px; this offsets the whole thing by x pixels, might actually be a desired effect on a low amount of pixels */
  float:right;
}


/* Style the back side */

.flip-card-back-vessel img{
  height: 100%;
  width: 100%; /* width of the image in relation to the flip box */
  float: left;
  border: 2px solid #000;
}

.flip-card-back-vessel {
	transform: rotateX(180deg);
	position:relative;
}

.flip-card-back-image-vessel {
  display:block;
  opacity:0.25;
  position:absolute; /* this is what needs to be edited */
  height:100%;
  width:100%
}

/* Style the back side */
.flip-card-back-text-vessel {
  color: black;
  font-size: 16px;
  margin-left:20px;
  margin-right: 20px;
}

.flip-card-back-text-vessel h3{
	padding-top:5px;
}

.primary-section-additional-sub-last .news-body-home{
	margin-right:20px;
}



/* Data request form css */

.alert{
	position:relative;
	padding:.75rem 1.25rem;
	margin-bottom:1rem;
	/* border:2px solid #ffe8a1; */
	border:5px solid #94B0B0;
	border-radius:.25rem;
}

.alert-warning{
	color:#856404;
	background-color:#fff3cd;
	border-color:#ffeeba;
	margin: 20px 0 20px;
}

.alert-warning hr{
	border-top-color:#ffe8a1;
}

.alert-heading{
	color:inherit;
}

.lead{
	font-size:1.25rem;
	font-weight:300;
}

.form-admin-fields{
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #94B0B0;
}

.form-admin-fields h4{
	text-align: center;
}


/* BEGIN: Teaser styling */
.teaser {
  display: flex;
  flex-direction: column;
  min-height: 12em;
  margin-bottom: 1em;
  box-shadow: 0 0 10px #cdd6db;
}

.teaser .teaser-image {
  display: flex;
  width: 100%;
}

.teaser .teaser-image a {
  display: flex;
  width: 100%;
}

.teaser .teaser-image img {
  width: 100%;
}

.teaser .teaser-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.5em;
}

@media only screen and (min-width: 1024px) {
  .teaser {
    flex-direction: row;
    box-shadow: unset;
    transition: all .2s ease-in-out;
  }
  .teaser:hover {
    box-shadow: 0 0 10px #cdd6db;
    transform: scale(1.03);
  }
  .teaser .teaser-image {
    width: 40%;
  }
  .teaser .teaser-text {
    width: 60%;
  }
}
/* END: Teaser styling */

/* BEGIN: Climate change section styling */
.jumbotron {
  padding: 2em;
}

.jumbotron h1 {
  font-size: 33px;
  line-height: 1.2em;
  letter-spacing: 2px;
}

.climate-change .section {
  display: flex;
  flex-direction: column;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.climate-change .section .section-header {
  margin-bottom: 1.5em;
}

.climate-change .section .section-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 12em;
  margin-bottom: 1.5em;
}

.climate-change .section .section-shadow {
  box-shadow: 0 0 10px #cdd6db;
}

.climate-change .section .section-item-image {
  display: flex;
}

.climate-change .section .section-item-image a {
}

.climate-change .section .section-item-image img {
  width: 100%;
  height: 100%;
}

.climate-change .section .section-item-text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1em;
}

.climate-change .section .section-item-text h1 {
  color: #173a60;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 1.5em;
  line-height: 1.5em;
  letter-spacing: 2px;
}

.climate-change .section .cta-button {
  display: flex;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 0.5em;
}

.climate-change .section .cta-button a {
  display: flex;
  padding: 10px 26px;
  border-radius: 13px;
  border: 3px solid #fff;
  outline: 2px solid #173a60;
  box-shadow: 5px 7px 20px #cdd6db;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background-color: #d73535;
  transition: all .2s ease-in-out;
}

.climate-change .section .cta-button-disabled {
  display: flex;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 0.5em;
}

.climate-change .section .cta-button-disabled a {
  display: flex;
  padding: 10px 26px;
  border-radius: 13px;
  border: 3px solid #fff;
  outline: 2px solid grey;
  box-shadow: unset;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background-color: #dedede;
  text-decoration: none;
  cursor: not-allowed;
}

.climate-change .section .cta-button a:hover {
  box-shadow: 5px 7px 20px #cdd6db;
}

.climate-change .section-simple {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}

.climate-change .section-simple .section-simple-text {
  display: flex;
  width: 100%;
  padding: 1em;
}

.climate-change .section-simple .section-simple-image {
  display: flex;
  width: 100%;
}

.climate-change .section-simple .section-simple-image img {
  width: 100%;
}

.climate-change .big-text {
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 1px;
}

@media only screen and (min-width: 1024px) {
  .jumbotron {
    padding: 2em 5em;
  }

  .jumbotron h1 {
    font-size: 50px;
    line-height: 1.4em;
    letter-spacing: 5px;
  }

  .climate-change .section .section-item {
    flex-direction: row;
  }

  .climate-change .section .section-shadow {
    box-shadow: unset;
    transition: all .2s ease-in-out;
  }

  .climate-change .section .section-shadow:hover {
    box-shadow: 0 0 10px #cdd6db;
    transform: scale(1.03);
  }

  .climate-change .section .section-item-image {
    width: 50%;
  }

  .climate-change .section .section-item-text {
    width: 50%;
  }

  .climate-change .section .cta-button a:hover {
    box-shadow: 0 0 10px #cdd6db;
    transform: scale(0.97);
  }

  .climate-change .section-simple {
    flex-direction: row;
  }

  .climate-change .section-simple .section-simple-text {
    width: 50%;
  }

  .climate-change .section-simple .section-simple-image {
    width: 50%;
  }

  .climate-change .big-text {
    font-size: 22px;
  }
}
/* END: Section styling */

/* BEGIN: Generalist styling */
.display-flex {
  display: flex;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-direction-row {
  flex-direction: row;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.w-25 {
  width: 25%;
}

.padding-left-1 {
  padding-left: 1em;
}

.padding-left-2 {
  padding-left: 2em;
}

.padding-left-3 {
  padding-left: 3em;
}

.padding-left-4 {
  padding-left: 4em;
}

.padding-left-5 {
  padding-left: 5em;
}

.padding-right-1 {
  padding-right: 1em;
}

.padding-right-2 {
  padding-right: 2em;
}

.padding-right-3 {
  padding-right: 3em;
}

.padding-right-4 {
  padding-right: 4em;
}

.padding-right-5 {
  padding-right: 5em;
}

.padding-top-1 {
  padding-top: 1em;
}

.padding-top-2 {
  padding-top: 2em;
}

.padding-top-3 {
  padding-top: 3em;
}

.padding-top-4 {
  padding-top: 4em;
}

.padding-top-5 {
  padding-top: 5em;
}

.padding-bottom-1 {
  padding-bottom: 1em;
}

.padding-bottom-2 {
  padding-bottom: 2em;
}

.padding-bottom-3 {
  padding-bottom: 3em;
}

.padding-bottom-4 {
  padding-bottom: 4em;
}

.padding-bottom-5 {
  padding-bottom: 5em;
}

.font-style-italic {
  font-style: italic;
}

.citation {
  color: #114761;
  border-top: 1px solid #114761;
  border-bottom: 1px solid #114761;
  padding: 0.5em 1em;
}

/* END: Generalist styling */