/* Section > Globals */
.section {position:relative;padding:var(--section-padding-y) var(--section-padding-x);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.section.section-narrow {padding-top:calc( var() * .5 );padding-bottom:calc( var(--section-padding-y) * .5 );}
.section.section-narrow-top {padding-top:calc( var(--section-padding-y) * .5 );}
.section.section-narrow-bottom {padding-bottom:calc( var(--section-padding-y) * .5 );}
.content-container {margin-top:30px;}
.content-container > .row {--bs-gutter-y:30px;}
.content-container .card {margin-bottom:0;}

/* Section > Video Background */
.bg-video-section {position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
.bg-video-section::after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);}
.bg-video-section video {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-position:center center;object-fit:cover;}
/* Section > Header */
.section.section-header {--section-padding-y:70px;background-color:var(--color-grey);color:var(--color-white);}
.section.section-header .bg-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);}
.section.section-header .content-overlay {position:relative;z-index:1;}
.section.section-header h1 + h2 {margin-top:15px;}

/* Dividers */
.divider {display:inline-block;margin:20px 0;width:100%;max-width:160px;height:3px;}
.divider-primary {background:#333;}

/* Section > Titles */
.section-title .pre-title {color:var(--color-primary);}
.section-title h1, .section-title .is-h1, text h1 {font-size:40px;font-weight:700;margin-bottom:20px;}
.section-title h2, .section-title .is-h2, text h2 {font-size:35px;font-weight:700;margin-bottom:20px;}
.section-title h3, .section-title .is-h3, text h3 {font-size:32px;font-weight:700;margin-bottom:20px;}
.section-title h4, .section-title .is-h4, text h4 {font-size:22px;font-weight:700;margin-bottom:10px;}
.section-title h3 + .divider {margin-top:0;}

/* Section > Video > Cover */
.section.section-video-cover {overflow:hidden;position:relative;height:700px;}
.section.section-video-cover .videoContainer{position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden;-webkit-transition:width .3s;-moz-transition:width .3s;-o-transition:width .3s;transition:width .3s;}
.section.section-video-cover .videoContainer .videoBg{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.section.section-video-cover .video-buttons {position:absolute;bottom:20px;left:20px;z-index:9;}
.section.section-video-cover .video-buttons .btn-video-audio {padding:23px;background-image:url(/wp-content/themes/ocean/assets/icons/icon-audio-on.svg);background-repeat:no-repeat;background-size:30px;background-position:center center;}
.section.section-video-cover .video-buttons .btn-video-audio.is--muted {background-image:url(/wp-content/themes/ocean/assets/icons/icon-audio-off.svg);background-repeat:no-repeat;background-size:17px;background-position:center center;}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  .section.section-video-cover {height:300px;}
}
@media only screen and (min-width: 768px) and (max-width:959px){
  .section-video-cover {height:300px;}
}

/* Section > Breadcrumbs */
.section.section-breadcrumbs {padding:0;background-color:var(--color-grey-light);font-size:12px;}
.section.section-breadcrumbs .breadcrumb {background:transparent;padding:12px 0;}
.breadcrumb>span>span.breadcrumb_last {color:#606060;}

/* Section > News */
.section.section-news .content-container {margin-top:0;}

/* Section > News > Detail */
.section.section-news-detail .news-date {margin-bottom:15px;}
.section.section-news-detail .content-container {margin-top:0;}

/* Section > News > Related */
.section.section-news-related .content-container {margin-top:0;}
.section.section-news-related .card-news {background-color:var(--color-white);}

/* Search Page */
.section.section-search .card {display:none;border-top:0;border-left:0;border-right:0;padding-bottom:30px;}
.section.section-search .card .card-body {padding:0;}
.section.section-search .card .card-body .card-text span {background:yellow;}
.section.section-search .card .card-body .card-link {background:transparent;color:var(--color-black);padding:0;}

/* Section > Footer */ 
.section.section-footer {background-color:var(--color-grey-dark);color:var(--color-white);}
.section.section-footer .accordion-button {font-size:18px;}
.section.section-footer .accordion-button:not(.accordion-button[data-bs-toggle="collapse"]) {cursor:text;}
.section.section-footer .accordion-button:focus {box-shadow:none;}
.section.section-footer .accordion-body {padding-top:15px;}

/* Section > Footer > Copy */ 
.section.section-copy {background-color:var(--color-grey-dark);color:var(--color-white);}
.section.section-copy p {margin:0;}
.section.section-copy .powered-by {display:inline-flex;align-items:center;}
.section.section-copy .powered-by img {height:20px;flex-shrink:0;margin-left:10px;}

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {
  /* Section > Titles */
  .section-title h4, .section-title .is-h4, text h4 {font-size:20px;}

  /* Section > Header */
  .section.section-header h1 {text-align:center;}

  /* Section > Breadcrumbs */
  .section.section-breadcrumbs {display:none;}
  
  /* Section > Video */
  .section.section-video .videoContainer {height:240px;max-height:240px;transform:none;pointer-events:auto;}
  
  /* Section > Footer */
  .section.section-footer .accordion-item {border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px;font-weight:700;margin-bottom:10px;}
  .section.section-footer .accordion-button:after {font-family:"Font Awesome 7 Free";content:"\f068";color:var(--color-white);font-weight:900;font-size:12px;position:absolute;right:0;top:auto;}
  .section.section-footer .accordion-button.collapsed:after {content:"\+";}
  .section.section-footer .accordion-body {padding-bottom:30px;}

  /* Section > Copy */
  .section.section-copy {text-align:center;}
    
}

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {
  /* Section > Footer */
  .section.section-footer .accordion-item {border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px;font-weight:700;margin-bottom:10px;}
  .section.section-footer .accordion-button:after {font-family:"Font Awesome 7 Free";content:"\f068";color:var(--color-white);font-weight:900;font-size:12px;position:absolute;right:0;top:auto;}
  .section.section-footer .accordion-button.collapsed:after {content:"\+";}
  .section.section-footer .accordion-body {padding-bottom:30px;}
}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {
}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {
}

/* Laptop 4:3 - 1440x1080 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
}