/*hide header register links*/
.why-register, .login-signup {display:none;}
/*hide social links*/
.header-social-network {display:none !important;}
/*hide advert blocks*/
.general-add-slide, .api-banner-add {display:none !important;}


.event-header-1 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-dublin-header.jpg');}
.event-header-2 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-korea-header.jpg');}
.event-header-3 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-tokyo-header.jpg');}
.event-header-4 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-london-header.jpg');}


.bg-button-ae2 {
    line-height: 1;
    padding: 10px 20px 10px 20px;
    background-color: #0ebed8;
    font-variation-settings: "wght" 500;
    /*background-image: url(../svg/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 22px center;
    background-size: 30px;*/
    transition: .3s;
}

.bg-button-ae2:hover { background-color: #1bd7bc; }
		
		

       

        .subdashrollover {
            position: relative;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex-direction: column;
            margin-bottom: 20px;
            overflow: hidden;
        }
		
		.subdashrollover-background-image {
            position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;z-index: 0;
        }
		
		.subdashrollover-background-image.dd-image-1 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-dublin.jpg');}
		.subdashrollover-background-image.dd-image-2 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-korea.jpg');}
		.subdashrollover-background-image.dd-image-3 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-tokyo.jpg');}
		.subdashrollover-background-image.dd-image-4 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-london.jpg');}
		.subdashrollover-background-image.dd-image-5 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-dubai.jpg');}
		.subdashrollover-background-image.dd-image-6 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-newyork.jpg');}
		.subdashrollover-background-image.dd-image-7 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-singapore.jpg');}
		.subdashrollover-background-image.dd-image-8 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-athens.jpg');}
		.subdashrollover-background-image.dd-image-9 {background-image: url('https://www.maritimenews-online.com/storage/events/marine-economics-oslo.jpg');}
		
		

        .subdashrollover-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            opacity: 0;
            transition: opacity 0.3s ease;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
			z-index: 1;
        }

        .subdashrollover:hover .subdashrollover-overlay {
            opacity: 1;
        }

        .subdashrollover-text {
            z-index: 2;
            font-size: 28px;
            font-weight: bold;
            transition: transform 0.3s ease;
        }

        .subdashrollover-overlay-content {
            color: white;
            text-align: center;
			margin-top: 10px;
			padding: 20px;
            z-index: 2;
        }

        .subdashrollover-overlay-button {
            margin-top: 5px;
        }

        .subdashrollover:hover .subdashrollover-text {
			opacity: 0;
        }


/* AE CODE KEEP? */

.archive-header {/*background-image: none;*/}

.table th {background-color: #dddddd; vertical-align:middle;}
.cell-centered {text-align:center;}
.table table {width: 100%;border: none; }

.ck-content .table table th {padding:1em;}
.ck-content .table table, .ck-content .table table th, .ck-content .table table td {border: none;}
.ck-content .table table tr {border-top: 1px solid #777; border-bottom: 1px solid #777;}


.ae-lists {line-height: 2em; /*margin-bottom:2em; color:#777;*/ font-size:1.25rem;}
.ae-lists li {  }

.page-header {
  /*background-color: #efefef;*/
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.ae-container {	
	max-width: 1400px;
    padding: 0 80px;
	margin: 0 auto;
}

.bg-gradient-primary-to-secondary-2 {
  background: linear-gradient(45deg, #ca3129, #1d3c87) !important;
}

.bg-gradient-primary-to-secondary {
  background: linear-gradient(45deg, #0ebed8, #2bf599) !important;
}

.text-gradient {
  background: -webkit-linear-gradient(#1bd7bc, #0ebed8);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.icon-feature {
  font-size: 4rem;
}



.ae-display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .ae-display-1 {
    font-size: 5rem;
  }
}

.ae-display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .ae-display-2 {
    font-size: 4.5rem;
  }
}

.ae-display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .ae-display-3 {
    font-size: 4rem;
  }
}

.ae-display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .ae-display-4 {
    font-size: 3.5rem;
  }
}

.ae-display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .ae-display-5 {
    font-size: 3rem;
  }
}

.ae-display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .ae-display-6 {
    font-size: 2.5rem;
  }
}