@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700;1,900&display=swap');
a{text-decoration:none;}
body{background:#fff;font-family:Montserrat, sans-serif!important;padding:0;margin:0;}

header{position:absolute;top:0;left:0;width:100%;}
.row{margin-right:0;margin-left:0;}
#top-bar{padding:18px 0;background:#fff;}
#top-bar ul, #navigation ul{list-style-type:none;padding-left:0;}
#top-bar li, #navigation ul.rmHorizontal li{display:inline-block;margin-left:10px;}
#navigation{text-align:center;background:#142D6755;position:relative;z-index:1;display:none;}
#navigation ul.rmHorizontal{text-align:center;}
#navigation ul.rmHorizontal li{display:inline-block;width:fit-content;}
#navigation ul.rmVertical{margin-top:0;}
#navigation ul.rmHorizontal li:last-of-type{display: none}
.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenu{position:absolute;top:-90px;}
#navigation ul.rmHorizontal ul.rmVertical li{margin-left:0;background:#fff;display:block;width:auto;}
#navigation ul.rmHorizontal ul.rmVertical li:last-of-type{display:block;}
#navigation ul.rmHorizontal ul.rmVertical li a{font-size:13px!important;}
#navigation ul.rmHorizontal ul.rmVertical li a:hover{color:#75C7EB;}
.rmLink[title="International"] {
  pointer-events: none;
}

#left-buttons li:first-of-type, #navigation li:first-of-type{margin-left:0;}
/**
#left-buttons li:first-of-type a{background:#142D67;border-color:#142D67;color:#fff;}
**/
#left-buttons li a{color:#000;font-weight:600;text-transform:uppercase;border:2px solid #75C7EB;}

#left-buttons li a:hover{color:#75C7EB;}
#left-buttons li:last-of-type a:hover, .light-blue h4 a{color:#fff;}
.rmToggle{display:none!important;}
.RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle .rmIcon{opacity:0;}
.light-blue h4 a{text-decoration:underline;}
.light-blue h4 a:hover{text-decoration:none;}
#logo{text-align:center;}
#logo a{display:block;margin-top:11px;}
#right-options li{float:right;}
#right-options li:nth-child(1) {display: none;}
#hero{text-align:center;position:relative;}
#hero:after{border:6px solid #75C7EB;position:absolute;left:0;bottom:-15px;width:100%;}
.Wrapper-HomePage #hero{background-image:url(/images/MUA-Website-Hero-Banner-2.jpg);background-size:cover; background-position: center; }
#hero h2{color:#fff;text-transform:uppercase;font-weight:900;text-shadow:3px 3px 4px #00000088;letter-spacing:0.2rem;}
.btn{border:6px solid #75C7EB;border-radius:50px;background:#fff;text-transform:uppercase;color:#75C7EB;font-weight:800;display:inline-block;padding:10px 20px;}
.btn span:after{display:inline-block;content:url(/images/ic-more-blue.png);width:13px;height:15px;margin-left:10px;}
h2{color:#142D67;text-transform:uppercase;}
.bg-blue{background:#142D67;}
.bg-blue h2{color:#fff;}
.btn:hover{background-color:#142D67;}
.bg-blue .btn:hover{border-color:#75C7EB}
.col-sm-3 .btn{margin-top:50px;float:right;}
footer .col-sm-3 .btn{float:none;margin-top:20px}
footer{background:url(/images/bg-logo-footer.png) no-repeat -18% -11% #0E0E0E;margin-top:3px;padding:100px 0;position:relative}
footer:before{display:block;left:0;height:12px;background:#75C7EB;position:absolute;top:-15px;content:'';width:100%;}
footer h4{font-size:30px;text-transform:uppercase;}
footer h4, footer p, footer li, footer a{color:#fff;}
footer .btn{font-size:16px;background:transparent;border-width:1px;padding:10px;margin-top:20px;}
footer .btn span:after{display:inline-block;content:url(/images/arr-sml.png);}
footer .col-sm-3:last-of-type{text-align:center;}
footer ul{list-style-type:none;padding-left:0;}
#lower-footer{background:#5F6062;margin-top:3px;padding:20px 0;}
#lower-footer p{color:#fff;font-size:15px;}
#lower-footer .col-sm-4:nth-of-type(2) p{text-align:center;}
#lower-footer .col-sm-4:nth-of-type(3) p{text-align:right;}
footer .col-sm-3:last-of-type p{margin-top:20px;display:block;}
#quicklinks li{background:url(/images/arr-sml.png) no-repeat 0 50%;padding-left:30px;}
#quicklinks li, #contact-list li{margin-bottom:5px;padding:10px 0 10px 30px;}
#footer-share li{display:inline;margin-right:12px;}
#contact-list li:first-of-type, #contact-list li:nth-of-type(2){background:url(/images/ic-mob.png) no-repeat 0 50%;}
#contact-list li:last-of-type{background:url(/images/ic-loc.png) no-repeat 0 50%;}
footer li a:hover{text-decoration:underline;}
footer .btn:hover span, footer li a:hover{color:#fff;}
.btn:visited{border-color:#003257!important;}
.bg-blue .btn:visited, .bg-blue .btn{border-color:#fff!important;}
.no-header {
  margin-top: 270px;
}

.no-header #hero {
  display: none;
}
.YourUnionPage .sidebar h2 {
  font-size: 20px !important;
}
.side-bar-menu {
  display: none;
}

.side-bar-menu h2 {
  border-bottom: 11px solid #D9F0FA !important;
  padding-bottom: 12px;
  margin-bottom: 10px;
}

/* Application to live site */

.primary-navigation-area .MegaDropDownMenuOuter{text-align:center;}


h1, .h1, .PageTitle, h2, .h2, .PanelTitle{font-family:Montserrat, sans-serif!important;}
#hero h2{line-height: 6rem}
#top-bar li a{display:block;z-index:1;position:relative;}
.h-title{margin-top:70px;}

.news-list .BlockTLItem{position:relative;border-bottom:none;padding:0;}
.news-list .BlockTLText{background:#142D6766;top:0;height: 100%;width: 100%;}
.news-list h4 a{color:#fff;}
.news-list h4{font-size:3.5rem;font-weight:600;}
.news-list .PublishDate{padding-left:10%;color:#fff;}

#ctl01_TemplateBody_WebPartManager1_gwpciNewsList_ciNewsList_TaggedListRepeater_ctl06_ViewAllButton, #ctl01_TemplateBody_WebPartManager1_gwpciNewsList_ciNewsList_TaggedListRepeater_ctl06_NextButton, #ctl01_TemplateBody_WebPartManager1_gwpciNewsList_ciNewsList_TaggedListRepeater_ctl06_PreviousButton, #ctl01_TemplateBody_WebPartManager1_gwpciNewsList_ciNewsList_TaggedListRepeater_ctl05_PreviousButton {
  color: #fff;
  background-color: #004a80;
  border-color: transparent;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 3px;
}

#news-articles .TaggedListPanel div[translate="yes"] {
  margin-top: 40px;
  margin-left: 10px;
}

iframe[title="YouTube video player"] {
  width: 100%;
}


/* Grid */
.col-sm-12, .row{width:100%;}
.col-sm-11{width:9.090909%;}
.col-sm-10{width:10%;}
.col-sm-9{width:75%;}
.col-sm-8{width:12.5%;}
.col-sm-7{width:14.2857%;}
.col-sm-6{width:50%;}
.col-sm-5{width:20%;}
.col-sm-4{width:33.333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.666667%;}
.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-7,.col-sm-4,.col-sm-3,.col-sm-2{float:left;}
.row .col-sm-12{padding:0;}
.row::after, header::after, footer::after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 768px) {

.col-sm-6{width:100%;}
.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenu {
  top: -50px !important;
}

.RadMenu.RadMenu_GreatBarrierReef .rmGroup {
    background-color: unset;
}

#navigation::-webkit-scrollbar {
    display: none;
}

.row.rtl-column {
  display: flex;
  flex-direction: column-reverse;
  height: unset !important;
}
 .side-bar-menu {
    display: block;
}

}

@media (max-width: 1200px) {

  .nav-primary {
      background-color: #fff !important;
     z-index: 1000000;
     position: relative;
     padding: 20px 0px;
  }
  
  .navbar-collapse.collapse {
    padding-bottom: 20px;
  }
}

/* Flipboxes */

.flipbox-wrap{
  display: grid;
  margin: 30px 30px 50px 30px ;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

@media (max-width: 700px) {
  .flipbox-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    margin: 10px;
  }
}

.flipbox-wrap .box{
  margin: 0 auto;
  position: relative;
  perspective: 1000px;
}
.flipbox-wrap .box .front-face{
  background: #fff;
  height: 378px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.1);
  transition: all 0.5s ease;
}
.box .front-face .icon{
  height: auto;
}

.box .front-face span,
.box .back-face span{
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
    line-height:22px;
}

.box .back-face{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 378px;
  width: 100%;
  padding: 45px;
  color: #fff;
  opacity: 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  background: #75C7EB;
  transform: translateY(110px) rotateX(-90deg);
  box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.1);
  transition: all 0.5s ease;
}
.box .back-face p{
  margin-top: 10px;
  text-align: justify;
}
.box:hover .back-face{
  opacity: 1;
  transform: rotateX(0deg);
}
.box:hover .front-face{
  opacity: 0;
  transform: translateY(-110px) rotateX(90deg);
}
.back-face .btn{font-size:90%;}

.banner-wrap{position:relative;}
.banner-wrap img{position:absolute;}
.banner-wrap h3{color:#fff;position:relative;text-align:center;text-transform:uppercase;}
.border-blue {border: 2px solid #142D67; margin-top: 20px; margin-bottom: 20px;}

#ctl01_ciInternalFullWidthHeader_ContentRecordTemplateArea_HomeSlideshow__Body.panel-body{padding:0!important;}

.dropdown-menu1{display:none;position:absolute;left:0;background:#fff;float:left;z-index:9;top:45px;left:-2px;}
#left-buttons li:last-of-type:hover ul {display:block;}
.dropdown-menu1 li{display:block!important;}
#left-buttons li .dropdown-menu1 li{text-indent:0;}
#left-buttons li .dropdown-menu1 li a{border:none!important;background:#fff!important;color:#75C7EB!important;}
#left-buttons li:first-of-type .dropdown-menu1 a, #left-buttons .dropdown-menu1 li:last-of-type a{padding-left:0!important}
#left-buttons .dropdown-menu1 li{margin-left:0;}
#left-buttons li .dropdown-menu1 {border:2px solid #75C7EB;padding:15px 25px;}
#left-buttons li .dropdown-menu1 li:last-of-type a{color:#000;}
#left-buttons li:last-of-type a, #left-buttons li:last-of-type a:hover{color:#142D67;border-color:#75C7EB;}

footer a:visited, footer .Link:visited{color:#fff}

.NewsPage #hero{height:auto;min-height:686px;}
.carousel-inner .item{height:686px!important;}
.NewsPage #navigation ul{margin-top:-3px;}
.NewsPage #hero{display:none;}
.NewsPage h1{color:#142D67;text-transform:uppercase;margin:30px 0;}
.NewsPage h2{font-size:4rem;margin:30px 0}
.NewsPage #latest-news h2:before{display:none;}
.NewsPage #latest-news.row.boxed-in{width:100%!important;margin-top:94px;}
.NewsPage #WebPartZone1_Page1, .NewsPage .panel-body{padding:0!important;}

.NewsPage #news-articles .col-sm-6:first-of-type img{margin-bottom:40px;}
.NewsPage #news-articles .col-sm-6:first-of-type p:first-of-type{color:#142D67;}
.NewsPage .sidebar h2{font-size:3rem;border-bottom:11px solid #D9F0FA!important;padding-bottom:12px;margin-bottom:10px;}
.NewsPage .sidebar h4{font-size:20px;margin:20px 0 3px;font-weight:700;}
.NewsPage .BlockTLItem{border-bottom:none;}
.NewsPage footer{margin-top:60px;}
.news-list img{max-width: auto; min-height: auto; height: unset !important; background-size: auto;}

.Branches .carousel .carousel-caption{position:relative;margin:00px auto 0;left:0;text-align:center!important;}
.half-page-accordions {display: grid;gap: 30px;grid-template-columns: auto auto;}
details {background: #fff;padding:30px;border:2px solid #75C7EB;text-align: left;outline: none;}   
details summary{font-size:2.4rem;font-weight:bold;color:#75C7EB;}
.half-page-accordions details summary{background-repeat:no-repeat;line-height:30px;padding:30px 10px 30px 100px;cursor:pointer;}
.half-page-accordions details:first-of-type summary{background-image:url(/images/ic-tools.png)}
.half-page-accordions details:nth-of-type(2) summary{background-image:url(/images/ic-wheel.png)}
.half-page-accordions details:nth-of-type(3) summary{background-image:url(/images/ic-lamp.png)}
.half-page-accordions details:nth-of-type(4) summary{background-image:url(/images/ic-anchor.png)}
.Safety.NewsPage #news-articles .col-sm-6:first-of-type p:first-of-type{font-size:inherit;margin-top:20px;}
details a{display:block;background:url(/images/ic-pdf.png) 0 50% no-repeat;padding:6px 40px;}
details a.no-icon{display:inline-block;background:none;padding-left:0;}
details[open]{box-shadow:10px 10px 20px rgba(0,0,0,0.43);}

.ContactPage .grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 2rem;}
.grid.light-blue div{background-color:#75C7EB;padding:1.7em 1.3em 1em;}
.grid.light-blue h4, .grid.light-blue p{color:#fff!important;font-size:16px;margin-bottom:8px;}
.grid.light-blue p{font-size:13px!important;line-height:20px}

.pic-grid div{padding:3em;min-height:270px;height:270px;}
.pic-grid div h2{background:#ffffff9b;padding:20px;display:inline-block;}
.diving{background:url(/images/diving.jpg) no-repeat;background-size:cover;}
.ferries{background:url(/images/ferries.jpg) no-repeat;background-size:cover;}
.offshore{background:url(/images/offshore-oil.jpg) no-repeat;background-size:cover;}
.port-services{background:url(/images/port-services.jpg) no-repeat;background-size:cover;}
.shipping{background:url(/images/shipping.jpg) no-repeat;background-size:cover;}
.stevedoring{background:url(/images/stevedoring.jpg) no-repeat;background-size:cover;}

.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText{position:absolute;display:block;width:100%;padding:0!important;background:transparent!important;
    border:none!important;border-radius:0!important;font:bold 11px Montserrat,sans-serif;top:124px;color:#fff!important}
.history-content div{clear:both;margin:40px 0 0px;}
.history-content div img, .history-content div p{display:block;float:left;margin:0 30px 10px 0}
.history-content div p{margin:0 30px 50px 0;border-bottom:1px solid #cccccc44;padding-bottom:20px}
.NewsPage.HistoryPage #news-articles .col-sm-6:first-of-type p:first-of-type{font-size:inherit;}
#navigation .MegaDropDownMenuOuter ul {
  border-right: unset !important;
  border-left: unset !important;
}
#navigation .MegaDropDownMenuOuter ul .rsmItem.LargerWidth10 {
  margin-right: 0px !important;
  min-width: unset !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciNewsList_ciNewsList_TaggedListRepeater_ctl09_NextButton, #ctl01_TemplateBody_WebPartManager1_gwpciNewsList_ciNewsList_TaggedListRepeater_ctl09_PreviousButton {
  color: #fff;
  background-color: #004a80;
  border-color: transparent;
  padding: 10px;
  border-radius: 3px;
}


/* breaking the boxed-in width on Members page */
.MembersHome .row.boxed-in{width:100%;}
.MembersHome #WTZone7_Page1 .row:nth-of-type(1), .MembersHome .row.boxed-in #news-articles .row:nth-of-type(7),
.MembersHome .row.boxed-in #news-articles .row:nth-of-type(10),
.MembersHome .row.boxed-in #news-articles .row:nth-of-type(11),
.MembersHome .row.boxed-in #news-articles .row:nth-of-type(12){width:100%!important;}

/*****/

.MembersHome #WTZone7_Page1 .row:nth-of-type(1){background-color:#F1F1F1;margin-top:14px!important;}
.MembersHome #WTZone7_Page1 .row:nth-of-type(1) h1{color:#000;font-size:22px;margin-top:12px;}
.MembersHome #WTZone7_Page1 .row:nth-of-type(1) h4{color:#142D67;font-weight:500;font-size:15px;text-transform:none;}
.members-notification{background:#75C7EB;padding:25px 25px 10px;margin:30px 0;}
.members-notification p{color:#fff;background:url(/images/ic-exc.png) no-repeat;padding:10px 0 10px 60px;margin-bottom:0}

.dashboard-menu p strong, .dashboard-menu p a{display:inline-block;margin:0 10px;}
.my-news{background:#142D67;}
.my-news, .my-services, .my-benefits{margin:30px 0}
.my-news h2, .my-news a{color:#fff;}
.my-news .PublishDate{color:#75C7EB;}
.my-news .BlockTLItem{border:none;}
.my-news #ste_container_ciMoreNewsButton_7fcf28bc02324b44a29e5d739d73116d{text-align: right;}
.my-news .TextButton{border:3px solid #75C7EB;background:#fff;color:#75C7EB;border-radius:50px;font-weight:bold;text-transform:uppercase;}


.services-box{text-align:center;background: rgb(117,199,235);
background: linear-gradient(180deg, rgba(117,199,235,1) 0%, rgba(20,45,103,1) 100%);padding:32px;}
.services-box h5 a{color:#fff;text-transform:uppercase;font-size:29px;}
.MembersHome #hero {
  min-height: 80vh;
  background: url(/images/mua-member-home.jpg);
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  width: 100vw;
  background-size: cover;
}
.MembersHome .carousel-inner{display:none;}
.MembersHome h2{border-bottom:7px solid #142D67!important;display:inline-block;}
.MembersHome .h-light-blue h2{border-color:#75C7EB!important;color:#75C7EB; font-size: 36px;}
.MembersHome .my-news h2{border-color:#fff!important;}
.MembersHome #ctl01_TemplateBody_WebPartManager1_gwpcinewsarticle2_cinewsarticle2_ListTitle_Body{padding:0;}
.MembersHome .row.boxed-in #news-articles .row:nth-of-type(7){background:#142D67;margin:60px 0;}
.MembersHome #WTZone7_Page1 .row:nth-of-type(10){margin-top:60px!important;}
.MembersHome #WTZone7_Page1 .row:nth-of-type(10){background:#000;padding-bottom:30px}
.MembersHome #WTZone7_Page1 .row:nth-of-type(10) h2 {color:#fff;border-color:#fff!important;margin-bottom:30px;}

.my-financials ul{list-style-type:none;padding:0;margin-top:30px;}
.my-financials li{margin:0;}
.my-benefits a{color:#75C7EB;}
.my-benefits img{display:block;width:25%;float:left;}
.my-benefits h5{display:block;width:75%;float:left;}
.profile-pic img{border-radius:100px;}
.MembersHome .banner-wrap{margin-left:auto;margin-right:auto;width:88%}
.news-mobile-menu {
  display: none;
}


/****  NEWS LISTS CHANGES TO QUERY *******************/


.news-results-custom thead {
  display: none;
}

.news-results-custom .FilterPanel {
  margin: 20px;
  padding: 20px;
}

.news-results-custom .RadGrid_MetroTouch .rgAltRow {
  background: unset;
}


.news-results-custom tr, .news-results-custom .RadGrid_MetroTouch .rgAltRow {
  display: inline-block;
  width: 31%;
    background-image: url(/images/News/news2.jpg);
    min-height:340px;
    padding:20px;
    margin:20px;
    background-size: cover;
}

.news-results-custom tr.rgPager, .news-results-custom tr.rgPager tr {
    background: unset;
    width: unset;
    min-height: unset;
    padding: unset;
    margin: unset;
}

.news-results-custom a.AddPaddingLeft {
  margin-left: 20px;
}

.news-results-custom td {
  width: 100%;
  display: block;
}


.news-results-custom td:nth-child(2), .news-results-custom td:nth-child(3), .news-results-custom td:nth-child(4), .news-results-custom td:nth-child(5), .news-results-custom td:nth-child(6) {
    display: none;
}

.news-results-custom a.NewsItemQ, .news-results-custom a.NewsItemQ:visited, .news-results-custom a.NewsItemQ:hover {
    color: #fff !important;
    font-size: 2.6rem;
    line-height:2rem;
    text-decoration: none;
    font-weight:600
}

.news-results-custom td:nth-child(7) {
    color: #fff;
}

.news-results-custom .RadGrid_MetroTouch {
    border:unset;
}

@media (max-width:1200px) {
    
  .news-results-custom #ctl01_TemplateBody_WebPartManager1_gwpciNewQueryMenuCommon_ciNewQueryMenuCommon_ResultsGrid_GridPanel1 {
    margin: 20px;
  }
  .news-results-custom #ctl01_TemplateBody_WebPartManager1_gwpciNewQueryMenuCommon_ciNewQueryMenuCommon_ResultsGrid_Grid1 {
    width: 100% !important;
  }
    
  .news-results-custom tr, .news-results-custom .RadGrid_MetroTouch .rgAltRow {
      display: inline-block;
      width: 100%;
      margin:unset;
      margin-top: 20px;
      
    }
}

@media (min-width:1200px) {

.news-results-custom .PanelField {
  width: unset;
  display: flex;
  clear: unset;
  align-items: baseline;
  margin-right: 20px;
}

.news-results-custom #ctl01_TemplateBody_WebPartManager1_gwpciNewQueryMenuCommon_ciNewQueryMenuCommon_ResultsGrid_Sheet0_SubmitButton {
  margin-top: 5px;
}

.PanelField label {
  width: unset;
  margin-right: 5px;
}
}

/* X-Small devices (Phones, 320px and up) */
@media (min-width: 320px) {
    body{overflow-x: hidden;}
    .boxed-in, .row.boxed-in{width:100%;margin:0;}
    #left-buttons{margin-top:-7px;}
    #left-buttons li{text-indent:-999em;float:left;display:inline-block;}
    #left-buttons li:last-of-type{display:block}
    /*#left-buttons li:first-of-type{display:none}*/
    #left-buttons li a{background-image:none!important;padding:10px 8px!important;font-size:11px;}
     #right-options li{display:none;}
    .col-sm-4#left-buttons{width:25%;padding:0;}
    .col-sm-4#logo{width:80%;padding:0;text-indent:center;}
    .col-sm-4#right-options{width:20%;padding:0 10px 0 0;}
    #ste_container_Logo{padding-left:15px;}
    .collapse{display:block;}
    .navbar-collapse, .searchbar-collapse{background-color:unset;}
    #navigation {margin-top:45px;width:100%;overflow-x:scroll;padding:0px;display:inline-block;background: #f2f2f2;}
    .RadMenu.RadMenu_GreatBarrierReef .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText{text-align:center;float:none;}
#navigation ul.rmHorizontal li{margin-left:15px;}
    #navigation ul.rmHorizontal li a{width:62px;height:30px;display:block;text-indent:0;padding-top:33px;text-align:center;text-transform: uppercase;font-size:10px;color:#142D67;}
#navigation ul.rmHorizontal ul.rmVertical li a{width:auto;height:auto;display:block;text-indent:0;padding:10px;text-align:center;text-transform: uppercase;font-size:15px;color:#142D67;background:none;}
    #navigation ul.rmHorizontal li:nth-of-type(1) a{background:url(/images/NavIcons/nav-join.png);background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(2) a{background:url(/images/NavIcons/nav-member-resources.png);background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(3) a{background:url(/images/NavIcons/nav-news.png);background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(4) a{background:url(/images/NavIcons/nav-march.png);background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(5) a{background:url(/images/NavIcons/nav-your-union.png);background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(6) a{background:url(/images/NavIcons/nav-esa.png);background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(7) a{background:url(/images/NavIcons/nav-campaigns.png);background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(8) a{background:url(/images/NavIcons/nav-safety.png);background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(9) a{background:url(/images/NavIcons/nav-international.png);background-size: cover;}
    .primary-navigation-area{margin-left:0;}
    #hero{min-height:80vh;margin-top:80px;}
    #hero img{margin:90px auto 40px;width:70%;}
    #hero h2{font-size:2rem;line-height:2.2rem;width:100%;padding:0 10px;margin-bottom:30px}
    .btn{font-size:20px;}
    h2{font-size:30px;}
    .flipbox-wrap .box{width:90%;}
    .Wrapper-HomePage #latest-news h2:before{width:55px;height:55px;content:url(/images/ic-news-m.png);top:17px!important;position:relative;}
    .news-list .TaggedListPanel{display:block;}
    /*.news-list .BlockTLItem{width:96%;margin:20px auto} */
      .news-list .BlockTLItem {
        width: 30%;
        margin: 1%;
        display: inline-grid;
      }
    .news-list h4{padding:10% 10% 0;font-size:2rem}
    #news-articles .col-sm-9{width:100%;text-align:center;}
    #news-articles .col-sm-3{display:none;}
    /*.news-list .BlockTLText{position:absolute;width:100%;height:100%;} */
      .news-list .BlockTLText {
        position: absolute;
      }
    .banner-wrap, .banner-wrap img{height:320px!important;}
    .banner-wrap h3{font-size:40px;padding:0 10%;top:30%;}
    footer{padding:50px;}
    footer .col-sm-3{width:100%;border-bottom:1px solid rgba(204,204,204,0.35);margin-bottom:50px;padding-bottom:40px;}
    footer .col-sm-3:last-of-type{border-bottom:none;padding-bottom:0}
    #lower-footer .col-sm-4{width:100%;}
    #lower-footer .col-sm-4 p, #lower-footer .col-sm-4:nth-of-type(3) p{font-size:12px;text-align:center;}
    footer .col-sm-3:first-of-type p{padding-right:0px;}
    .flipbox-wrap img{height:100%;}
    .NewsPage #WebPartZone1_Page1{padding:30px;}
    .NewsPage #news-articles .row:nth-of-type(2), .NewsPage.Listing #ste_container_ciNewsList,
.NewsPage #news-articles .col-sm-6:first-of-type, .NewsPage #news-articles .col-sm-6:last-of-type{width:100%;}
    .NewsPage #news-articles .col-sm-6{padding:30px!important;}
    .NewsPage h1{font-size:20px;}
    .NewsPage .carousel-inner{margin-top:0px;height:350px;}
    .NewsPage.Listing .carousel-inner{height:174px;}
.IndustriesPage .grid, .YourUnionPage .grid {display: block;}
    .pic-grid div{margin-bottom:20px;padding:2em;min-height:270px;height:270px;}
.pic-grid div h2{font-size:1.7rem;background:#ffffff9b;padding:20px;display:inline-block;}
    iframe{width:300px}
.NewsPage #news-articles .col-sm-6:first-of-type p:first-of-type{font-size:1.7rem;line-height:2.3rem;}   
    .MembersHome .row.boxed-in #news-articles .row{width:92%;margin:0 auto;}
.my-news, .my-benefits{padding:30px 20px;}
    .my-news .iMIS-WebPart{padding-left:2%;padding-right:2%;}
    .my-news .BlockTLItem, .MembersHome .row.boxed-in #news-articles .row .col-sm-6, .my-news .BlockTLImage, .my-news .BlockTLText{width:100%;}
    .MembersHome #hero{min-height:68vh;}
.my-news .BlockTLImage, .my-news .BlockTLText{float:none;}
.MembersHome .row.boxed-in #news-articles .row .col-sm-6{text-align:center;}
.MyWorkplace .row.boxed-in #news-articles .row .col-sm-6{text-align:left;}
.my-benefits h5{padding:15px;}
    #banner{margin-bottom:30px;}
    .MembersHome #WTZone7_Page1 .row:nth-of-type(9) .col-sm-4{width:98%;float:none;margin:15px auto;}
 .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText {font: bold 8px Montserrat,sans-serif; top: 62px; color: #000 !important; text-wrap: balance; letter-spacing: -0.1px;}
 .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmLink .rmText { text-overflow: clip; overflow: hidden;} 
 #wrap22 {margin-top: 158px;}

 }

  /* Larger than 320px and less than 768px */
@media screen and (min-width: 320px) and (max-width: 768px) {

 .MyUnion .col-sm-4 {
   width: 100%;
  }
  #navigation {background: unset;}
 .Wrapper-HomePage #hero {
    margin-top: 250px;
  }
}

 /* Larger than 320px and less than 1200px */
@media screen and (min-width: 320px) and (max-width: 1199px) {

.col-sm-4#left-buttons {
  width: 100%;
  padding: 0;
  position: absolute;
  top: 80px;
  background-color: #fff;
  z-index: 100000000;
}

  #left-buttons{padding-left: 15px;}
  
 #left-buttons li:first-of-type {
  display: unset;
}

 #left-buttons li {
  text-indent: unset;
}

  #left-buttons li a {
   background-position: 5px !important;
   padding-left: 10px;
   padding-left: 30px;
   padding-right: 10px;
  }

 #navigation ul {
  border-left: 15px solid #f1f2f2;
  border-right: 15px solid #f1f2f2;
 }

 #navigation .primary-navigation-area::before {
  content: "\A";
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #c0c0c1 transparent transparent;
  position: absolute;
  left: 0px;
  top: 20px;
  z-index: 1000;
  }
   #navigation .primary-navigation-area::after {
  content: "\A";
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #c0c0c1 transparent transparent;
  position: absolute;
  right: 0px;
  top: 20px;
  visibility: unset;
  rotate: 180deg;
  z-index: 1000;
  }
  .news-list img {
  width: 100%;
  min-height: auto;
  height: unset !important;
  background-size: cover;
 }
 .news-list .BlockTLItem {
    width: 100%;
 }
 .carousel-inner.bg-img > .item {
    height: 500px !important;
  }
 #navigation {
     z-index: unset; padding-bottom: 350px; margin-bottom: -350px; background-color:#fff;
  }
}

@media (max-width: 767px) {
  .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    width: 100%;
    position: static;
    margin: 80px auto;
  }
  .conference-slider .carousel-caption {
    margin-top: 0px;
  }
  .half-page-accordions {
     grid-template-columns: unset;
  }
  .carousel-inner.bg-img > .item {
    height: 300px !important;
  }
  .conference-slider .carousel-inner.bg-img > .item {
    height: 350px !important;
  }
   .rmLink[title="International"] {
  pointer-events: unset;
  }
  .news-mobile-menu {
    display: block;
  }
  .news-mobile-menu h2 {
    font-size: 20px;
    border-bottom: 11px solid #D9F0FA !important;
    padding-bottom: 12px;
    margin-bottom: 10px;
    margin-left: 20px;
   }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    iframe{width:447px}
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.my-financials ul, .my-benefits #ctl01_TemplateBody_WebPartManager1_gwpciNewContentHtml3_9265ee9320fa41d684fdbbd8ece70e09_ciNewContentHtml3_9265ee9320fa41d684fdbbd8ece70e09_Panel_NewContentHtml3{display:grid;gap: 30px;grid-template-columns: auto auto auto;}
.my-news .BlockTLItem{width:33.333%;float:left; min-height: 140px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

 }

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .col-sm-4#left-buttons, .col-sm-4#logo, .col-sm-4#right-options{width:33.333%;}
    .col-sm-4#left-buttons, .col-sm-4#right-options{padding-left:15px;padding-right:15px;}
#left-buttons{margin-left:0;margin-top:0;}
    #left-buttons li:first-of-type a, #left-buttons li:last-of-type a{padding-left:36px!important;background-position:10px!important;}
    #navigation{margin-top:0;overflow-x:initial;display:block;padding-bottom:25px}
    #navigation ul.rmHorizontal{margin-top:-16px;overflow-x:visible;width:auto;}
    #navigation ul.rmHorizontal li a{padding-top:0;height:80px;width:80px;text-align:left!important;}
#navigation ul.rmVertical li a{text-indent:0;}
#navigation ul {border-left: 20px solid #f1f2f2;border-right: 20px solid #f1f2f2;}
    #navigation ul.rmHorizontal li a{height:80px;width:80px;}
    #navigation ul.rmHorizontal li{margin-left:35px;}
#left-buttons li:last-of-type a{background:url(/images/ic-branches.png) 11px 50% no-repeat!important;}
#left-buttons li:first-of-type a{background:url(/images/ic-lock.png) 11px 50% no-repeat!important;padding-left:40px!important;}
    .navbar-collapse, .searchbar-collapse{background-color:transparent;}
    #ste_container_Logo{padding-left:0;}
    #left-buttons li{text-indent:0;}
    #left-buttons li:last-of-type{display:inline-block;}
    #left-buttons li a{padding:8px 14px;width:auto;background-position:10px!important;font-size:16px;}
    /*#left-buttons li:first-of-type {display:none}*/
    .dropdown-menu1{width:384px;margin-left:227px!important;top:60px;}
    #right-options li{display:block;}
    #hero{min-height:1007px;margin-top:96px;padding-bottom:80px;}
    #hero img{display:block;margin:175px auto 70px;width:462px;}
    #hero h2{font-size:65px;line-height:69px;margin:0 auto 40px;width:80%;}
    .btn{font-size:23px;}
    h2{font-size:56px;}
    /*.news-list .TaggedListPanel{display: grid;gap: 30px;grid-template-columns: auto auto auto;} */
    .news-list h4{padding:12% 10% 0;font-size:2.6rem;}
    .Wrapper-HomePage #latest-news h2:before{display:inline-block;content:url(/images/ic-news1.png);width:105px;height:105px;margin-right:10px;top:29px!important;position:relative;}
    #news-articles .col-sm-9{width:75%;text-align:left;}
    #news-articles .col-sm-3{display:block;}
    .Wrapper-HomePage .member-services h2:before{display:inline-block;content:url(/images/ic-member-services.png)!important;width:105px;height:105px;margin-right:10px;top:29px;position:relative;}
    .banner-wrap{margin:50px 0;}
    .banner-wrap h3{top:40%;font-size:56px;}
    .banner-wrap, .banner-wrap img{height:496px!important;}
    footer .col-sm-3{width:25%;border-bottom:none;margin-bottom:0;}
    #lower-footer .col-sm-4{width:33.333%;}
    #lower-footer .col-sm-4 p{text-align:left;font-size:12px;}
    #lower-footer .col-sm-4:nth-of-type(3) p{text-align: right;}
    .flipbox-wrap .box{width:100%;}
        .flipbox-wrap{grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
    footer .col-sm-3:first-of-type p{padding-right:60px;}
    .NewsPage #news-articles .col-sm-6:first-of-type{width:70%;}
    .NewsPage #news-articles .col-sm-6:last-of-type{width:27%;padding-left:3%;}
    .NewsPage #news-articles .row:nth-of-type(2), .NewsPage.Listing #ste_container_ciNewsList{width:94%;margin:0 auto;}
    .NewsPage h1{font-size:5.1rem;}
    .NewsPage .carousel-inner, .NewsPage.Listing .carousel-inner{margin-top:0px;height:686px;}
    .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText{top:84px;color: #142D67 !important;display:block;}
.NewsPage #news-articles .col-sm-6{padding-left:0!important;}
.IndustriesPage .grid, .YourUnionPage .grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 2rem;}
    .MembersHome .row.boxed-in #news-articles .row{width:92%;}
    .my-news .iMIS-WebPart{padding:0;}
    .MembersHome .row.boxed-in #news-articles .row .col-sm-6:first-of-type{width:35%;}
.MembersHome .row.boxed-in #news-articles .row .col-sm-6:last-of-type{width:65%;}
.my-news, .my-benefits{padding:30px 60px;}
.my-news .BlockTLImage, .my-news .BlockTLText{float:left;}
.my-news .BlockTLImage{width:25%;}
.my-news .BlockTLText{width:75%;}
.my-news .BlockTLText h4, .my-news .BlockTLText .tags{padding-left:20px;}
.MembersHome .row.boxed-in #news-articles .row .col-sm-6{text-align:inherit;}
.dashboard-menu p{margin:40px 0 0;text-align:right;}
.my-benefits h5{padding:25px 10px 0 25px;}
    .MembersHome #WTZone7_Page1 .row:nth-of-type(9) .col-sm-4{width:33.333%;float:left;}
.MembersHome #WTZone7_Page1 .row:nth-of-type(9) .col-sm-4:first-of-type, .MembersHome #WTZone7_Page1 .row:nth-of-type(4) .col-sm-4:first-of-type{padding-left:0;}
.MembersHome #WTZone7_Page1 .row:nth-of-type(9) .col-sm-4:last-of-type, .MembersHome #WTZone7_Page1 .row:nth-of-type(4) .col-sm-4:last-of-type{padding-right:0;}
.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText {font: bold 12px;}
  .conference-slider .carousel-caption {
    left: 5%;
    bottom: 10%;
    top: unset;
  }
  .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    top: calc(800px / 2);
  }
  .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    left: 50px;
  }
 }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    #navigation ul.rmHorizontal li a{height:120px;width:120px;}
    #navigation ul.rmHorizontal li{margin-left:15px;}
    #navigation ul.rmHorizontal li:nth-of-type(1) a{background:url(/images/NavIcons/nav-join.png); background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(2) a{background:url(/images/NavIcons/nav-member-resources.png); background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(3) a{background:url(/images/NavIcons/nav-news.png); background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(4) a{background:url(/images/NavIcons/nav-march.png); background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(5) a{background:url(/images/NavIcons/nav-your-union.png); background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(6) a{background:url(/images/NavIcons/nav-esa.png); background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(7) a{background:url(/images/NavIcons/nav-campaigns.png); background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(8) a{background:url(/images/NavIcons/nav-safety.png); background-size: cover;}
    #navigation ul.rmHorizontal li:nth-of-type(9) a{background:url(/images/NavIcons/nav-international.png); background-size: cover;}
    /*#left-buttons li:first-of-type a{padding-left:15px!important}*/
    #left-buttons .dropdown-menu1 li:first-of-type a, #left-buttons .dropdown-menu1 li:last-of-type a, #left-buttons .dropdown-menu1 li a{padding-left:11px!important;}
    .news-list h4{padding:12% 10% 0;}
    .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText{top:126px;}

 }

/* XX-Large devices (larger desktops, 1680px and up) */
@media (min-width: 1680px) {

    #left-buttons li:first-of-type {display:inline-block;}
    #hero img{margin-top:200px;margin-bottom:40px}
    .flipbox-wrap{grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
    #navigation ul.rmHorizontal li{margin-left:17px;}
.MembersHome .row.boxed-in #news-articles .row .col-sm-6{width:50%;}

 }

 /* Larger than 1920px */
@media screen and (min-width: 1900px) and (max-width: 3840px) {
    .boxed-in, .row.boxed-in{width:1770px;margin:0 auto;}
     #navigation ul.rmHorizontal li{margin-left:35px;}
    #hero img{margin-top:275px;}
.MembersHome .row.boxed-in #news-articles .row, .MembersHome .row.boxed-in #news-articles .row:nth-of-type(7) .col-sm-12,
.MembersHome .row.boxed-in #news-articles .row:nth-of-type(1) .col-sm-12,
.MembersHome .row.boxed-in #news-articles .row:nth-of-type(10) .col-sm-12{width:1770px;margin:0 auto;float:none;}
.my-news, .my-benefits{padding:30px 0;}
}