/**
 * @file
 * Subtheme specific CSS.
 */
h1,h2,h3,h4,h5,h6 {
 text-transform: capitalize;
}
.body {
  min-height: 100vh;
}
.non_mailto_button{
  background-color: #f44336;
  border: none;
  color: white;
  padding: 15px 32px;
  width: 300px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  clip-path: polygon(0% 0%, 75% 0%, 85% 50%, 75% 100%, 0% 100%);
}

.landingtext a {
    color: #f6f6f6;
    font-family: 'Alumni Sans', sans-serif;
    font-size: 60px;
    letter-spacing: 1px;
}
.landingtext a:hover {
  color: #58567a;
}

.path-weatherfeed header.header{
  margin-top:80px;
}


.path-weatherfeed .iconliveweather,
.path-forecast .iconforecast,
.path-workabilitymatrix .iconmatrix,
.path-path-windmarsdenlead .iconwind,
.path-path-wavebuoyb .iconwave,
.path-tidalforecast .icontidal,
.path-surfacewind-18 .iconwindspeed18,
.path-surfacewind-24 .iconwindspeed24
{
   background: linear-gradient(119deg, #606372 25%, #442d97 98%), #45375a;
}


.path-npnews .iconmedrelease,
.path-QandAs .iconmediafaq,
.path-backgrounder .iconmediabackgr,
.path-viewmediaimages .iconmediagal,
.path-npblogs .iconmediablog {
   background: linear-gradient(119deg, #644141 25%, #a0272d 98%), #532f2f;
}

.path-PONavigation .iconnav,
.path-POWorkPermits .iconworkpermits,
.path-POSystems .iconmarine,
.path-POVesselSafety .iconvesselsafety,
.path-POVesselOperations .iconvessel {
    background: linear-gradient(119deg, #9fafa8 25%, #58635b 98%), #127b4b;
  }

  .path-cruisetechinfo .iconcruisetech,
  .path-cruise .iconcruise {
    background: linear-gradient(119deg, #1c7591 25%, #2ca1c5 98%), #18689e;
  }


/* image backgrounds */
 .path-nhomepage {
    background:linear-gradient(rgba(255, 255, 255, 0.67) 100%, rgba(0, 0, 0, 0) 100%), url('/sites/default/files/np-landingpg.jpg') center / cover no-repeat fixed;
 }

/* .path-npnews, */
/* .path-QandAs, */
.path-backgrounder,
.path-viewmediaimages,
.path-npblogs {
    min-height: 100vh;
    /* background:linear-gradient(rgba(255, 255, 255, 0.67) 100%, rgba(0, 0, 0, 0) 100%), url('/sites/default/files/DAN_7094-Edit.jpg') center / cover no-repeat fixed; */
 }

  .path-cruisetechinfo,
  .path-cruise {
    min-height: 100vh;
    /* background:linear-gradient(rgba(255, 255, 255, 0.67) 100%, rgba(0, 0, 0, 0) 100%), url('/sites/default/files/Best%20IMG%2012.jpg') center / cover no-repeat fixed; */
 }

   .path-PONavigation,
   .path-POWorkPermits,
   .path-POSystems,
  .path-POVesselSafety,
  .path-POVesselOperations {
    min-height: 100vh;
    background:linear-gradient(rgba(255, 255, 255, 0.67) 100%, rgba(0, 0, 0, 0) 100%), url('/sites/default/files/NPVesselBG.jpg') center / cover no-repeat fixed;
 }

   .path-weatherfeed,
   .path-forecast,
   .path-workabilitymatrix,
  .path-windmarsdenlead,
  .path-wavebuoyb,
  .path-tidalforecast,
  .path-surfacewind-18,
  .path-surfacewind-24
    {
    min-height: 100vh;
    /* background:linear-gradient(rgba(255, 255, 255, 0.67) 100%, rgba(0, 0, 0, 0) 100%), url('/sites/default/files/DAN_0554.jpg') center / cover no-repeat fixed; */
 }

.path-naboutus {
  background:linear-gradient(rgba(255, 255, 255, 0.67) 100%, rgba(0, 0, 0, 0) 100%), url('/sites/default/files/DAN_6097-crop.jpg') center / cover no-repeat fixed;
}


body.path-admin {
  background-color: var(--bg-body);
  background-image:none;
}
.user-logged-in.path-node .main-wrapper .container {
  /* background-color: var(--bg-body); */
  background-image:none;
}



body {
  /* background:linear-gradient(rgba(255, 255, 255, 0.67) 100%, rgba(0, 0, 0, 0) 100%), url('/sites/default/files/Best%20IMG%2012.jpg') center / cover no-repeat fixed; */
 background-color: #f6f6f6;
}

#content-pagetitle,
#main-wrapper,
#main {
  background:transparent;
}
.main-wrapper {
  min-height: 100vh;
}


.path-view-document-vault .main-container,
.view-display-id-block_6 .view-header,
.path-berthplan #main-wrapper .main-container,
.path-departedpage #main-wrapper .main-container,
.path-inportpage #main-wrapper .main-container {
  /* background: var(--bg-body); */
  background: #fff;
  padding: 10px;
}

 #highlighted {
  background:transparent;
 }
  #logosmallright {
    margin-top: -40px;
    margin-right: -40px;
  }

  /* .path-weatherfeed #content-pagetitle,
  .path-weatherfeed #main-wrapper,
  .path-weatherfeed #main,
  .path-forecast #content-pagetitle,
  .path-forecast #main-wrapper,
  .path-forecast #main,
  .path-workabilitymatrix #content-pagetitle,
  .path-workabilitymatrix #main-wrapper,
  .path-workabilitymatrix #main,
  .path-windmarsdenlead #content-pagetitle,
  .path-windmarsdenlead #main-wrapper,
  .path-windmarsdenlead #main,
  .path-wavebuoyb #content-pagetitle,
  .path-wavebuoyb #main-wrapper,
  .path-wavebuoyb #main,
  .path-tidalforecast #content-pagetitle,
  .path-tidalforecast #main-wrapper,
  .path-tidalforecast #main,
  .path-surfacewind-18 #content-pagetitle,
  .path-surfacewind-18 #main-wrapper, 
  .path-surfacewind-18 #main,
  .path-surfacewind-24 #content-pagetitle,
  .path-surfacewind-24 #main-wrapper,
  .path-surfacewind-24  #main,
  .path-npnews #content-pagetitle,
  .path-npnews #main-wrapper,
  .path-npnews #main,
  .path-npnews .inner-page header,
 .path-QandAs #content-pagetitle,
 .path-QandAs #main-wrapper,
 .path-QandAs #main,
 .path-backgrounder #content-pagetitle,
 .path-backgrounder #main-wrapper,
 .path-backgrounder #main,
 .path-viewmediaimages #content-pagetitle,
 .path-viewmediaimages #main-wrapper,
 .path-viewmediaimages #main,
 .path-npblogs #content-pagetitle,
 .path-npblogs #main-wrapper,
 .path-npblogs #main,
 .path-cruise #content-pagetitle,
 .path-cruise #main-wrapper,
 .path-cruise #main, 
  .path-cruisetechinfo #content-pagetitle,
 .path-cruisetechinfo #main-wrapper,
 .path-cruisetechinfo #main, 
  #block-tarapro-blkportopmenus,
  #block-tarapro-blkcruisemenu,
  #block-tarapro-blkmediamenus,
  #block-tarapro-blkweathermenus,
 .path-PONavigation #content-pagetitle,
 .path-PONavigation #main-wrapper,
 .path-PONavigation #main,
  .path-PONavigation .inner-page header,
 .path-POWorkPermits #content-pagetitle,
 .path-POWorkPermits #main-wrapper,
 .path-POWorkPermits #main,
 .path-POSystems #content-pagetitle,
 .path-POSystems #main-wrapper,
 .path-POSystems #main,
 .path-POVesselSafety #content-pagetitle,
 .path-POVesselSafety #main-wrapper,
 .path-POVesselSafety #main,
 .path-POVesselOperations #content-pagetitle,
 .path-POVesselOperations #main-wrapper,
 .path-POVesselOperations #main,
 .path-naboutus #content-pagetitle,
 .path-naboutus #main-wrapper,
 .path-naboutus #main,
 .path-nhomepage #content-pagetitle,
 .path-nhomepage #main-wrapper,
 .path-nhomepage #main {
  background:transparent;
 } */

 .path-nhomepage .iconcardcaption a {
  /* color: white; */
  font-weight:bold;
 }

#b2wspeedchart{
    position:absolute;
    bottom: 0px;
    left:0;
    border:#000 solid 2px;
    background-color: #f6f6f6;
    clear: both; 
}
#waveChart {
    position:absolute;
    bottom: 400px;
    left:0;
    border:#000 solid 2px;
    background-color: #f6f6f6;
    clear: both; 
}
.contact-container {
     display: grid;
     grid-template-columns: 1fr 3fr;
     gap: 10px;
     margin-bottom: 20px;
 }
 .contact-card.white .card-title {
  background-color: white;
  color: var(--color-heading);
  padding: 0.5rem 0;
  /* border-bottom: 2px solid var(--border); */
 }
 .tall {
     /* background-color: #3498db; */
     color: white;
     /* padding: 20px; */
     grid-row: span 3;
 }

.tour-progress {
  left:20px;
  width:100px;
}

/* .sidebar .block {
  margin-top: 267px;
} */

#block-tarapro-views-block-management-team-block-3 .views-field-field-cardboxtext1 {
  font-size: 1.5rem;
  color:black;
  text-align: center;
}
#block-tarapro-views-block-view-newsitems-block-1 .card .text-body,
#block-tarapro-views-block-view-newsitems-block-4 .card .text-body{
  min-height: 45px;
  text-align: center;
  line-height: 1;
}
#block-tarapro-views-block-view-newsitems-block-1 .card .card-text,
#block-tarapro-views-block-view-newsitems-block-4 .card .card-text{
  height: 130px;
  min-height: 130px;
  max-height: 130px;
}

#block-tarapro-content.block .showBoxShadow {
  box-shadow: 3px 3px 12px rgba(34, 35, 58, 0.2);
  padding:1rem 1.5rem 1rem 1.5rem;
  background-color: white;
}
.view-view-services p,
.view-view-maritime-content p,
.view-view-port-operations p {
  font-size: 80%;
}

.view-view-services .card-body h2.text-body,
.view-viewtugboats .card-body h2.text-body,
.view-view-maritime-content .card-body h2.text-body,
.view-view-port-operations .card-body h2.text-body {
  line-height: 1;
  min-height: 22px;
}
.view-view-services .custom-field-image,
.view-view-maritime-content .custom-field-image,
.view-view-port-operations .custom-field-image {
  min-height: 150px;
  max-height: 150px;
  margin: auto;
}
.view-view-services .card-body,
.view-viewtugboats .card-body,
.view-view-maritime-content .card-body,
.view-view-port-operations .card-body {
  min-height: 240px;
  max-height: 240px;
  text-align: center;
}
.view-view-services .card-viewbtn,
.view-viewtugboats .card-viewbtn,
.view-view-maritime-content .card-viewbtn,
.view-view-port-operations .card-viewbtn {
  text-align:center;
  margin-bottom: 12px;
}
.view-view-services .card-viewbtn .btn,
.view-viewtugboats .card-viewbtn .btn,
.view-view-maritime-content .card-viewbtn .btn,
.view-view-port-operations .card-viewbtn .btn{
 color: white;
 background-color: black;
 padding: 5px 20px;
 font-weight: bold;
}
.view-view-services img.image-field,
.view-view-maritime-content img.image-field,
.view-view-port-operations img.image-field {
    margin: 1rem 0 0 0;
}
.placeholder {
  background-color: inherit;
  cursor: inherit;
} 

.contact-col {
  flex: 1 0 0%;
}
.gen-whitecard .card-title {
  background-color: #fff;
  color:#000;
  font-family: 'Alumni Sans';
}
.gen-whitecard .card-content {
  min-height: 190px;
}
.h2whitetxt H2{
  color:#fff;
}
.card.white .card-title {
  border-bottom:none;
  font-family: 'Alumni Sans';
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.2;
}

#block-tarapro-siteadmin,
#block-tarapro-issuesmanagementmenu,
#block-tarapro-berthplanner,
#block-tarapro-portservices {
  float:left;
  margin-right:20px;
}

#block-tarapro-cruisetechserviceopblock,
#block-tarapro-cruisetechcruiseguideblock,
#block-tarapro-cruisetouroperators,
#block-tarapro-cruisetechmythsfactsblock,
#block-tarapro-cruisetechenvironblock {
  background-color: white;
}


#customerspg {
  /* width:80%; */
  margin:auto;
}
.region-content-top .block, .region-content-bottom .block
{
  padding: 0;
  /* background-color: var(--bg-body); */
  background-color: transparent;
  box-shadow: none;
}
#content-bottom .section {
    padding: 0;
}
#portopsicons .card,
#containeropsicons .card,
#homeicons .card,
#abouticons .card {
  box-shadow:none;
}
.contact-card {
     background-color: white;
     padding: 20px;
     /* text-align: center; */
     display: flex;
     flex-direction: column;
     box-shadow: var(--shadow);
 }
.gen-whitecard {
     background-color: white;
     padding: 20px;
     display: flex;
     flex-direction: column;
     box-shadow: var(--shadow);
 }
.gen-whitecardnb {
  background-color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;

}
.contact-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
}
.contact-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

p {
  font-family: "Nunito Sans",Roboto, sans-serif;
  /* font-size: smaller; */
}
.frontpage .main-wrapper {
   /* height: 750px; */
   background-color:#000000;
 /* background: url(/sites/default/files/images/fpbackgr.jpg) bottom center no-repeat, #fff; */
   /* background: url(/sites/default/files/inline-images/northport_aerial_bg.jpg) bottom center no-repeat, #000; */
   
}

#landingpage {
  max-width: 700px;
  font-weight: bold;
  margin: auto;
}

.frontpage #main {
  background-color: transparent;
}
.frontpage header {
  display:none;
}
.homepage-content .landingimage {
  width: 100vw;
  margin-left: calc(-50vw + 50%); /* Breaks out of container */
  height: 400px; /* Adjust height as needed */
  background-image: url(/sites/default/files/landingpg-2000.jpg);
  background-size: cover; /* Scales image to cover entire area */
  background-position: center center; /* Centers the image */
  background-repeat: no-repeat;
}
.header-container {
  padding: 1rem 0 0 0;
}
.primary-btn {
  padding: 10px;
  background-color:var(--color-primary);
  color: white;
  border-radius: 5px;
}

.primary-btn:hover {
  /* background-color:var(--color-secondary); */
  background-color:color-mix(in srgb, var(--color-primary) 80%, black);
  color: white;
}

.inner-page header {
  /* background-color: var(--bg-body); */
  background-color: inherit;
}

header .container,
#main-wrapper .container {
  max-width: 1400px;
}
.animated-panel-from-right .sliding-sidebar-container {
 right: 0;
}

ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink {
  color: #000;
}
.sidebar li, .sliding-sidebar li {
  border-bottom: none;
}
.sliding-panel-icon span {
  /* background-color: #a19e9e; */
  background-color:#37ade2;
}
.sliding-panel-icon {
  width: 25px;
  height: 20px;
}

ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-white.sf-navbar {
  background-color: transparent;
}

.sliding-sidebar-container {
  padding-top: 70px;
  background: #ffffff;
  color: #000;
}

.animated-panel-from-right .sliding-sidebar-container {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
.animated-panel-is-visible .sliding-sidebar-container {
  transition-delay: 0s;
  transform: translate3d(0, 0, 0);

}
.iconcards {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 1rem;
}
.iconcardcaption {
  font-size: 1.4rem;
  color:black;
  font-family: var(--font-heading);
}
.iconcardcaption a {
  color:black;
}
.iconcardcaption a:hover {
  color:var(--color-primary);
}

.iconwrap {
  background-color: #ffffff;
  box-shadow: var(--shadow);
  border-radius: 30px;
  padding: 2rem 1rem;
  height: 150px;
  width: 150px;
}
.fleetbodylink {
  display:flex;
}
.extratoppad {
  padding-top:10px;
}

.fpicons {
  /* background-color: #ffffff; */
  /* flex: 1 1 auto; */
  display: flex;;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  margin-bottom: 15px;
  width: 200px;
  text-align: center;
  /* box-shadow: var(--shadow);
  border-radius: 40px; */
}

/* set colors by class */
.colourred {
  color: red;
}

.iconweather {
  background: linear-gradient(123deg, #23466a 21%, #51a1d7 73%), #0055ad;
}

.iconcontainerop{
  background: linear-gradient(123deg, #120808 8%, #2e1c9f 94%), #d60000;
}

.iconanchor {
  background: linear-gradient(124deg, #127b4b 26%, #53d979 97%), #000000;
}

.iconshipping {
  background: linear-gradient(123deg, rgb(0,0,0) 30%, #746d6d 79%), #1b1818;
}
.iconcruiseops {
  background: linear-gradient(180deg, #01b1cd 24%, #05474b 95%), #01b1cd;
}

.iconrisks {
  background: linear-gradient(119deg, #f95602 22%, #f77f00 73%), #7a5c31;
}

.iconmedia {
  background: linear-gradient(124deg, red 26%, #8f10f2 97%), rgb(33,37,41);   
}
.iconimages {
  background: linear-gradient(124deg, red 26%, #8f10f2 97%), rgb(33,37,41);
}

.iconcommunity{
  background: linear-gradient(124deg, #758a3f 26%, #3c4323 97%), rgb(33,37,41);
}
.iconbackgrounder{
  background: linear-gradient(124deg, #8c60c1 15%, var(--bs-dark) 76%), rgb(33,37,41);
}
.iconchanblog{
  background: linear-gradient(124deg, var(--bs-red) 26%, #8f10f2 97%), rgb(33,37,41);
}
.iconfaq{
  background: linear-gradient(124deg, #6d3321 19%, #bc5e1e 85%), rgb(33,37,41);
}
.iconPortOperations {
  background: linear-gradient(119deg, #127b4b 25%, #53d979 98%), #127b4b;
}
.iconContainerOperations {
  background: linear-gradient(123deg, #120808 8%, #2e1c9f 94%), #0055ad;
}
.fpicons:hover img,
.fpicons:hover i {
  /* background-color: var(--color-primary); */
  color: white;
  transition: all 0.4s ease;
  transform: scale3d(1.5, 1.5, 0.3);
}
.padtop1rem {
  padding-top: 1rem;
}
.fpicons img{
  margin-top: 6px;
  transition: all 0.4s ease;
  place-content: center;
}
.fpicons .texticon{
  margin-top: 15px;
  transition: all 0.4s ease;
  place-content: center;
}

.fpicons i {
  color: white;
  font-size: 3.5rem;
  width: 5rem;
  height: 5rem;
  display: grid;
  place-content: center;
  margin: 0 auto;
  /* border: 2px solid var(--color-primary); */
  border-radius: 50%;
  transition: all 0.4s ease;
}
#footer {
  background-color: #f6f6f6;
}

#footer a {
  color:black;
}

#superfish-account--2 {
  font-size:smaller;
  width: 200px;
  margin: auto;
}
#footer a:hover {
  color:rgb(41, 41, 41);
}


.sidebar #block-tarapro-cruisesidepanelright .block {
    padding: 10px 6px;  
    box-shadow: none;
}



/*  fp-NPInfoHomePage */
.pageSectionheader {
   font-family:'Alumni Sans';
   font-size:30px;
   /* text-align: center; */
   line-height: 40px;
   /* color: white; */
   padding-bottom: 10px;
}
#HS-PolicyPractices,
#NPInfoHomePage {
  padding-bottom:40px;
}
#HS-PolicyPractices .column,
#NPInfoHomePage .column {
  background-color: black;
  margin: auto;
  padding: 20px 15px 5px 15px;
  width:250px;
}
#NPInfoHomePage .column {
min-height: 240px;
}
#HS-PolicyPractices .column {
  min-height: 200px;
  }
.block_container_black {
  background-color: black;
  padding: 30px;
}
#HS-PolicyPractices .columntitle,
#NPInfoHomePage .columntitle {
  font-family: 'Alumni Sans';
  font-size: 30px;
  text-align: center;
  line-height: 40px;
  color: white;
}
#NPInfoHomePage .columnsubtitle {
  font-family:'Alumni Sans';
  color:white;
  font-size:16px;
  text-align: center;
  padding-bottom: 10px;
  }
  #HS-PolicyPractices .columntext ,
  #NPInfoHomePage .columntext {
    font-family:'Alumni Sans';
    color:white;
    font-size:11px;
  }
.block_container_header {
  font-family:'Alumni Sans';
  font-size:45px;
  text-align: center;
  line-height: 40px;
  color: white;
  padding-bottom: 10px;
}
.block_container_header_white {
  color:rgba(255, 255, 255, 1);
  font-family:'Alumni Sans';
  font-size:45px;
  text-align: center;
  line-height: 40px;
  color: white;
  padding-bottom: 10px;
}
.block_page_header {
color:rgb(0,0,0);
font-family:'Alumni Sans';
font-size:4rem;
/* text-align: center; */
}
.block_page_header_white {
  color:rgba(255, 255, 255, 1);
  font-family:'Alumni Sans';
  font-size:4rem;
  /* text-align: center; */
  }
.block_page-text {
  width: 98%;
  margin: auto;
  text-align: justify;
  font-weight: 400;
}

.imgtext {
  color:#fff;
  text-align: center;
  font-family:'Alumni Sans';
  font-size:30px;
  width:460px;
  /* margin-bottom: 50px;
  margin-top: 50px; */
}
.imgtext a{
  color:#fff;
}
.fpblockltext_white {
  color:white;
  padding: 50px 70px 10px 70px;
  flex: 1 0 460px;
  text-align: justify;
  font-size: 12px;
}
.textwhite{
  color:white;
}
.blockimg_center {
  text-align: center;
}
.blockcolumn {
  font-size:12px;
  padding-left:10px;
  padding-right:10px;
  width:250px;
}
.pagesectiongrid {
  width:230px;
  margin: auto;
}

#Cust-PortUsersForms {
  width: 80%;
  margin:auto;
}
#block-tarapro-views-block-management-team-block-3  .views-view-responsive-grid__item-inner {
    padding: 0;
    min-height: auto;
    width: 414px;
    box-shadow: 3px 3px 12px 2px rgba(34, 35, 58, 0.2);
    border: 1px solid rgba(34, 35, 58, 0.2);
    background-color: white;
}
#block-tarapro-views-block-management-team-block-3  .views-view-responsive-grid__item {
   margin: auto; 
}
#block-tarapro-views-block-management-team-block-3 .views-field-nothing {
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 90%;
  padding-bottom: 10px;

} 

#block-tarapro-views-block-management-team-block-3 .views-field-body {
  width: 90%;
  margin: auto;
  text-align: justify;
  font-size: 90%;
  padding-bottom: 10px;
}
#block-tarapro-views-block-management-team-block-3 .views-field-field-box-image img {
   height: 200px;
   object-fit: cover;
}

.fleetbodylink i {
  padding-right: 10px;
}
.fleetbodylink  {
  color: white;
}

.cruise-blockcardimage {
  position: relative;
  text-align: center;
  justify-content: center !important;
  align-items: center !important;
  margin-left:auto;margin-right:auto;padding-bottom:12px;padding-top:12px;
}
#cruise-images1blk,
#cruise-images2blk {
  padding: 40px 0;
}

.cruiseimg_text {
  position: absolute;
  top: 40%;
  left: 5%;
}

#HS-PolicyPractices {
 /* #NPInfoHomePage  */
  /* background-color: black; */
  padding: 40px 15px;
}
#HS-PolicyPractices p,
#NPInfoHomePage p{
  color: white;
}
#HS-PolicyPractices p{
  width: 95%;
  margin: auto;
  text-align: justify;
  min-height: 150px;
  font-size: small;
}
/*  end fp-NPInfoHomePage */
#block-tarapro-views-block-service-providers-blocks-block-4, 
#block-tarapro-views-block-service-providers-blocks-block-3, 
#block-tarapro-views-block-service-providers-blocks-block-2,
#block-tarapro-views-block-service-providers-blocks-block-1 {
  background-color:#000;
}
#block-tarapro-views-block-service-providers-blocks-block-4 .block-title, 
#block-tarapro-views-block-service-providers-blocks-block-3 .block-title, 
#block-tarapro-views-block-service-providers-blocks-block-2 .block-title,
#block-tarapro-views-block-service-providers-blocks-block-1 .block-title{
  color:#fff;
  text-align: center;
  font-size: 3rem;
  padding-top:4rem;
}

 
.view-service-providers-blocks .view-header {
  color:#fff;
  text-align: center;
}
#block-tarapro-views-block-service-providers-blocks-block-4 .views-view-responsive-grid__item,
#block-tarapro-views-block-service-providers-blocks-block-3 .views-view-responsive-grid__item,
#block-tarapro-views-block-service-providers-blocks-block-2 .views-view-responsive-grid__item,
#block-tarapro-views-block-service-providers-blocks-block-1 .views-view-responsive-grid__item
{
  background-color:#fff;
}
.view-service-providers-blocks .views-view-responsive-grid__item-inner {
  margin: auto;
  padding: 15px;
  font-size: small;
}
.view-service-providers-blocks .views-field-field-service-categories,
.view-service-providers-blocks .views-field-field-logo,
.view-service-providers-blocks .views-field-title {
  text-align: center;
}
.view-service-providers-blocks .views-field-field-service-categories {
  font-size:larger
}


.view-service-providers-blocks .views-field-title {
 font-weight: 600;
 font-size:large
}

.view-service-providers-blocks .views-field-body {
  text-align: justify;
}
.view-service-providers-blocks .views-field-field-service-provider-url,
.view-service-providers-blocks .views-field-field-service-provider-email,
.view-service-providers-blocks .views-field-field-mobile,
.view-service-providers-blocks .views-field-field-service-provider-fax {
  display: inline-flex;
}
/* #block-tarapro-cruisetouroperators .block-content, */
#block-tarapro-views-block-service-providers-blocks-block-4 .block-content,
#block-tarapro-views-block-service-providers-blocks-block-3 .block-content,
#block-tarapro-views-block-service-providers-blocks-block-2 .block-content{
  width: 75%;
  margin:auto;
}
#cruise-whangareiattractions img{
  margin:auto;
}
#HS-MaritimeNZ.items,
#HS-PersonnelPort.items,
#HS-VehiclePortAccesst.items,
#HS-HS-GantryUse.items,
#Cust-NewPortUsers.items,
#Cust-PortAccessCards.items,
#aboutgateway.items,
#fpNPVisionblock.items,
#fpfuturetravelblock.items,
#cruise-GuestInfo.items,
#cruisetech-ServiceOp.items,

#cruise-whangareiattractions.items {
    grid-gap: 0; 
    gap: 0;
}
#block-tarapro-cruisetouroperators {
  /* background-color:#0055ad; */
}

#Cust-PortUsersForms,
#HS-VehiclePortAccesst,
#HS-PersonnelPort,
#HS-PolicyPractices,
#HS-MaritimeNZ,
#about-simulationTraining,
#about-coastalSolutions,
#about-directContainer,
#about-containerhandling,
#fpNPVisionblock,
#aboutgateway {
  margin-bottom: 20px
}



/* views admin controls */
.views-edit-view ul.dropbutton,
.views-edit-view #views-display-extra-actions {
  background-color: aliceblue;
}
.views-edit-view input[type=submit]{
  color:rgb(49, 44, 44);
}

/* end views admin controls */

 .ck-content .whiteoverlay {
  display:none;
 }

 .block-region {
  background-color: inherit;
 }
 .footer-block .block-region {
  color: white;
}

 #block-tarapro-views-block-management-team-block-2 {
  margin-top: 50px;
 }
 #block-tarapro-views-block-management-team-block-2 .views-field-field-cardboxtext1,
 #block-tarapro-views-block-management-team-block-1 .views-field-field-cardboxtext1 {
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   /* font-family:'Alumni Sans'; */
   font-weight: bold;
   /* color: gray; */
 }
 #block-tarapro-views-block-management-team-block-1 .block-title,
 #block-tarapro-views-block-management-team-block-2 .block-title {
  /* text-align: center; */
  font-weight: bold;
  font-size: 2rem;
  font-family: 'Alumni Sans', sans sans-serif;
  background: linear-gradient(119deg, #f6f6f6 25%, #442d97 98%), #45375a;
  padding: 10px;
 }
 .tabs .active-tab a {
  color: #000;
}

#block-tarapro-issuebutton {
  text-align: center;
}

a:hover.issuebtn {
  background-color: rgb(192, 4, 4);
  color:white;
  border: 1px solid transparent;
} 

.issuebtn a,
.issuebtn {
  display: block;
  padding: 4px 6px;
  margin: auto;
  text-align: center;
  width: 200px;
  background-color: red;
  color: white;
  font-size: 2rem;
  border: 1px solid transparent;
  border-radius: 4px;
}
.page-tabs a {
  color:white;
}

.view-view-vessels-departed caption, .view-inportpage caption {
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  font-family: "Roboto Slab", serif;
  color: #11083a;
}

.view-view-vessels-departed .view-header a.btn-print, .view-inportpage .view-header a.btn-print, .view-departed-vessels .view-header a, .view-inport .view-header a {
  text-decoration: none;
  float: right;
}
.view-view-vessels-departed .view-header a, .view-inportpage .view-header a {
  text-decoration: none;
  background-color: #11083a;
  background-image: none;
}

.view-view-vessels-departed .form-item-shipname {
  width: 200px;
}
.path-berthplan #main-wrapper .container {
  width:95%;
  max-width: 1450px;
}

.layer0 {
	visibility: visible;
	opacity: 0;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;	
}
.active .layer0 {
	visibility: visible;
  opacity: 1;
	filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.layer0 {
  -webkit-transform: translate3d(-100%, 0 , 0);
  -moz-transform: translate3d(-100%, 0 , 0);
  transform: translate3d(-100%, 0 , 0);
}
.active .layer0 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}

/* bootstrap table */
.pagination>li {
  display: inline;
}

.bootstrap-table .fixed-table-container .table thead th {
  background-color: #292c2f;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.btn {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
/* end bootstrap table */
#portsafetyaccess-block {
  width: 95%;
  margin: auto;
}
.portsafetyaccessblock-innercontainer .gateway-item {
  border-radius: 10px;
  border:#ebedef 1px solid;
}
.portsafetyaccessblock-innercontainer .safeblockhr {
  height:1px;
  background-color:#ebedef;
}
.abouttopblock-innercontainer .blocktextwrapper,
.portsafetyaccessblock-innercontainer .blocktextwrapper {
  font-size: .7rem;
}

/* Port operations view block overrides */
/* #block-tarapro-views-block-view-port-operations-block-1 {
  background-color: #000;
  padding: 10px;
} */
.view-view-services .views-view-responsive-grid__item,
.view-view-port-operations .views-view-responsive-grid__item {
  /* background-color: #fff; */
  position:relative;
  /* border-radius: 10px; */
}
.view-view-port-operations .views-view-responsive-grid__item-inner{
  /* padding: 10px 10px 10px 0; */
 
}
.path-view-port-operations .views-view-grid .views-field-title:hover {
   background: #d4eaf1;
   border: none; 
   font-weight: bold;
}

.view-view-services .views-field-title,
.view-view-port-operations .views-field-title {
  background-color: #fff;
  border:none;
}
.view-view-services .views-field-title a,
.view-view-port-operations .views-field-title a {
  font-size: 14px;
  color:black;
  font-weight:bold;
  font-family:'Alumni Sans';
}
.view-view-services .views-field-title,
.view-view-services .views-field-body,
.view-view-services .views-field-nothing,
.view-view-port-operations .views-field-title,
.view-view-port-operations .views-field-body,
.view-view-port-operations .views-field-nothing
{
  width:80%;
  margin: auto;
}
.view-view-services  .views-field-views-conditional-field,
.view-view-port-operations .views-field-views-conditional-field {
  width:95%;
  margin: auto;
  position: absolute;
    bottom: 5px;
}
.cardlink {
  text-align: center;
}

.cardlink a,
.view-view-services .views-field-views-conditional-field .field-content,
.view-view-port-operations .views-field-views-conditional-field .field-content {
  padding: 5px 10px;
  background-color: #168653;
  border-radius: 15px;
  color: white;
  font-size: 12px;
}
.view-view-services .views-field-views-conditional-field .field-content a,
.view-view-port-operations .views-field-views-conditional-field .field-content a {
  color: white;
}
.view-view-services .views-field-views-conditional-field .field-content a:hover,
.view-view-port-operations .views-field-views-conditional-field .field-content a:hover {
  color: white;
}
.path-view-services #main,
.path-view-services .main-wrapper,
.path-view-port-operations #main,
.path-view-port-operations .main-wrapper {
  background-color: #e8f7fc;
}

.view-view-services .views-field.views-field-field-image,
.view-view-port-operations .views-field.views-field-field-image {
  /* float:inline-start; */
  padding:10px;
  width: 40%;
}
.view-view-services .views-field.views-field-body,
.view-view-port-operations .views-field.views-field-body {
  font-size: 13px;
  line-height:13px;
  text-align: justify;
}



/* End Port operations view block overrides */
/* Port info view block overrides */
.view-data-document-view .views-view-responsive-grid__item {
  background-color: #f1f1f1;
  padding:20px;
  border:#e0dddd solid 1px;
  border-radius: 15px;
}
.view-data-document-view .views-field-title {
  font-size: 125%;
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px;
  min-height: 70px;
}
.view-data-document-view .views-field-title a {
  color: black;
}
.view-data-document-view .views-field-field-image {
  text-align: center;
  min-height:120px;
}

.view-data-document-view .views-field-body{
  text-align: justify;
}

/* end Port info view block overrides  */

/* management view block overrides */
#block-tarapro-views-block-management-team-block-1 {
  clear: both;
}

.view-management-team .views-view-responsive-grid__item {
  margin: 0 20px;
  
}
/* .view-management-team .views-view-responsive-grid__item-inner {
  padding: 20px;
   border:#e0dddd solid 1px;
  border-radius: 10px; 
  background-color: #f1eeee; 
  min-height:750px
} */
/* view-display-id-block_1 */

.view-management-team .views-view-responsive-grid__item {
  /* border: #000 outset 1px; */
  box-shadow: var(--shadow);
  border-radius: 3px;
  padding:10px;
  background-color: white;
}

.view-management-team .views-field-field-box-image {
  text-align: center;
  
}
.view-display-id-block_2 .views-field-field-box-image,
.view-display-id-block_1 .views-field-field-box-image {
  float:left;
  padding-right: 20px;
}

.view-management-team .views-field-field-cardboxtitle {
  font-weight: bold;
  letter-spacing: 1px;
  /* text-align: center; */
  font-size: 20px;
  font-family: 'Alumni Sans';
}
.view-management-team .views-field-body {
  text-align: justify;
  font-size: 90%;
}

/* end management view block overrides */
#block-tarapro-views-block-management-team-block-2,
#block-tarapro-views-block-management-team-block-1 {
  /* background-color: white; */
  padding:10px;
}
/* document vault overrides */
.view-display-id-page_1 .view-content table thead th.views-field.views-field-views-conditional-field-1 {
    width:70px;
  }


/* end document vault overrides */
/* account reports overrides */
.view-view-accounts .view-content {
  clear: both;
}
.view-view-accounts .pagetitle {
  clear: both;
  text-align: center;
}
.view-view-accounts .view-header {
  float: right;
}
#nplogo {
  float: right;
  padding: 40px;
}
#accounts-report .views-label,
#accounts-report .field_sr_shname {
  /* width: 80%; */
  font-weight: bold;
}

#accounts-report .row{
  padding: 12px 0;
}
/* #accounts-report .field_today_date {
  width: 20%;
} */
.row-column {
  display:flex;
}
/* .col-md-2 {
  width: 20%;
}
.col-md-4 {
  width: 33%;
}
.col-md-5 {
  width: 40%;
}
.col-md-6 {
  width: 50%;
}
.col-md-7 {
  width: 60%;
}
.col-md-8 {
  width: 66%;
}
.col-md-10 {
  width: 80%;
} */
/* end account reports overrides */


/* add/edit shipping form overrides */
/* #enorthtugzwrap,
#subsupwrap,
#subaccwrap {
  text-align: center;
} */
.form-item-field-sub-sup-txt-0-value label,
.form-item-field-sub-acc-txt-0-value label {
  display: none;  
}

input#edit-field-sub-sup-txt-0-value,
input#edit-field-sub-acc-txt-0-value {
  box-shadow: none;
  background-color: inherit;
}


.form-details-wrapper #edit-field-lines-arr-wrapper,
.form-details-wrapper #subsupwrap,
.node-dtaipdv-form #subaccwrap,
.node-dtaipdv-form #edit-title-wrapper,
.node-dtaipdv-edit-form #edit-title-wrapper,
.form-details-wrapper #edit-field-sub-sup-txt-wrapper,
.form-details-wrapper #edit-field-sub-acc-txt-wrapper,
.form-details-wrapper #edit-field-reference-id-wrapper,
.form-details-wrapper #edit-field-sr-dlastport-wrapper,
.form-details-wrapper #edit-field-sr-dnextport-wrapper,
.form-details-wrapper #edit-field-sr-dagent-wrapper,
.form-details-wrapper #edit-field-sr-marshaller-wrapper,
.form-details-wrapper #edit-field-importer-exporter-wrapper,
.form-details-wrapper #edit-field-sr-paxno-wrapper,
.form-details-wrapper #edit-field-max-draft-arr-wrapper,
.form-details-wrapper #edit-field-dukc-reqd-dep-wrapper,
.form-details-wrapper #edit-field-dukc-completed-dep-wrapper,
.form-details-wrapper #edit-field-sr-darrival-wrapper,
.form-details-wrapper #edit-field-sr-ddeparturedate-wrapper,
.form-details-wrapper #edit-field-sr-atanchor-wrapper,
.form-details-wrapper #edit-field-transient-ship-wrapper,
.form-details-wrapper #edit-field-sr-dtatanchor-wrapper,
.form-details-wrapper #edit-field-anchorreason-other-wrapper,
.form-details-wrapper #edit-field-sr-dberth-wrapper,
.form-details-wrapper #edit-field-sr-shipdir-wrapper,
.form-details-wrapper #edit-field-sr-westmark-wrapper,
.form-details-wrapper #edit-field-pilot-on-arr-wrapper,
.form-details-wrapper #edit-field-lines-on-dt-wrapper,
.form-details-wrapper #edit-field-gangway-sup-enddt-wrapper,
.form-details-wrapper #edit-field-gangway-sup-startdt-wrapper,
.form-details-wrapper #edit-field-sr-fumigationstdt-wrapper,
.form-details-wrapper #edit-field-sr-fumigationeddt-wrapper,
.form-details-wrapper #edit-field-pilot-on-dep-wrapper,
.form-details-wrapper #edit-field-lines-off-dt-wrapper,
.form-details-wrapper #edit-field-dukc-reqd-arr-wrapper,
.form-details-wrapper #edit-field-dukc-completed-wrapper,
.form-details-wrapper #shipmarks,
.form-details-wrapper #edit-field-whichstage1-wrapper,
.form-details-wrapper #edit-field-sr-vessel-group-wrapper

{
  float: left;
  width: 50%;
}

.form-details-wrapper #edit-field-cedo-received-wrapper,
.form-details-wrapper #edit-field-max-draft-dep-wrapper,
.form-details-wrapper #edit-field-max-draft-depaft-wrapper,
.form-details-wrapper #edit-field-displacement-on-departure-wrapper,
.form-details-wrapper #edit-field-max-draft-arr-wrapper,
.form-details-wrapper #edit-field-max-draft-arraft-wrapper,
.form-details-wrapper #edit-field-displacement-on-arrival-wrapper {
  width: 30%;
}

.form-details-wrapper #shipmarks {
  display: inline-flex;
  gap:10px;
}
.form-details-wrapper #edit-field-fumo-pad-request-wrapper,
.form-details-wrapper #edit-field-accounts-status-wrapper,
.form-details-wrapper #edit-field-bins-requested-wrapper
{
   width: 33%;
   float:left;
}

#edit-field-sr-fumigationeddt-0-value .form-type-date,
#edit-field-gangway-sup-enddt-0-value .form-type-date,
#edit-field-sr-fumigationstdt-0-value .form-type-date,
#edit-field-gangway-sup-startdt-0-value .form-type-date,
#edit-field-pilot-off-arr-0-value .form-type-date,
#edit-field-lines-on-dt-0-value .form-type-date,
#edit-field-pilot-on-arr-0-value .form-type-date,
#edit-field-sr-pobeta-0-value .form-type-date,
#edit-field-sr-ddeparturedate-0-value .form-type-date,
#edit-field-sr-darrival-0-value .form-type-date,
#edit-field-sr-dtatanchor-0-value .form-type-date{
  float:left;
  padding-right:10px;
}

.form-details-wrapper #edit-field-sr-pobeta-wrapper,
.form-details-wrapper #edit-field-sr-dcargo-wrapper,
.form-details-wrapper #edit-field-lines-dep-wrapper,
.form-details-wrapper #enorthtugzwrap {
  width: 50%;
}

.form-details-wrapper #edit-field-fumo-pad-request-wrapper,
.form-details-wrapper #edit-field-max-draft-arr-wrapper,
.form-details-wrapper #edit-field-max-draft-arraft-wrapper,
.form-details-wrapper #edit-field-displacement-on-arrival-wrapper,
.form-details-wrapper #edit-field-max-draft-dep-wrapper,
.form-details-wrapper #edit-field-max-draft-depaft-wrapper,
.form-details-wrapper #edit-field-displacement-on-departure-wrapper,
.form-details-wrapper #edit-field-bunkers-lt500-wrapper,
.form-details-wrapper #edit-field-bunkers-gt500-wrapper, 
.form-details-wrapper #edit-field-sr-fumigationhrs-wrapper,
 /* .form-details-wrapper #edit-field-gangway-reqd-wrapper,  */
.form-details-wrapper #edit-field-gangway-supplied-wrapper, 
.form-details-wrapper #edit-field-bins-reqd-wrapper, 
.form-details-wrapper #edit-field-bins-supplied-wrapper, 
.form-details-wrapper #edit-field-water-reqd-wrapper, 
.form-details-wrapper #edit-field-water-supplied-wrapper { 
  float: left;
}
/* .form-details-wrapper #edit-field-fumo-pad-request-wrapper, */

.form-details-wrapper #edit-field-bunkers-lt500-wrapper,
.form-details-wrapper #edit-field-bunkers-gt500-wrapper, 
.form-details-wrapper #edit-field-sr-fumigationhrs-wrapper,
 .form-details-wrapper #edit-field-gangway-reqd-wrapper, 
.form-details-wrapper #edit-field-gangway-supplied-wrapper, 
.form-details-wrapper #edit-field-bins-reqd-wrapper, 
.form-details-wrapper #edit-field-bins-supplied-wrapper, 
.form-details-wrapper #edit-field-water-reqd-wrapper,  
.form-details-wrapper #edit-field-water-supplied-wrapper
  {
  width: 25%;
}
/* .form-details-wrapper #edit-field-bins-requested-wrapper, */

.form-details-wrapper #edit-field-lines-dep-wrapper {
  clear:right;
}

/* .form-details-wrapper #edit-field-gangway-sup-startdt-wrapper, */

.form-details-wrapper #edit-field-account-comment-wrapper,
.form-details-wrapper #edit-field-ship-note-wrapper,
.form-details-wrapper #edit-field-sr-bin-notes-wrapper
 {
  clear:both;
}
.form-details-wrapper #edit-field-sr-bin-notes-wrapper{
  width:100%;
}
.form-details-wrapper #edit-field-sr-ddeparturedate-wrapper
{
  padding-right: 10px;
}
.npnotestable,
.ck-content .table table th {
    color:black;
}

.node-form .form-item label {
  font-weight: bold;
  }
  
input.form-checkbox, input.form-radio {
  width: 15px;
  height: 15px;
  }

.node-form .vertical-tabs ul.vertical-tabs__menu li a:focus strong, 
.node-form .vertical-tabs ul.vertical-tabs__menu li a:active strong, 
.node-form .vertical-tabs ul.vertical-tabs__menu li a:hover strong 
{
text-decoration: none;
}
.form-item .description {
  font-size: 0.75em;
}
.node-form .vertical-tabs ul.vertical-tabs__menu .is-selected strong,
.node-form .vertical-tabs ul.vertical-tabs__menu li.is-selected {
color: #f6f6f6;
}


.node-form .vertical-tabs ul.vertical-tabs__menu li a:hover,
.node-form .vertical-tabs ul.vertical-tabs__menu li a,
.node-form .vertical-tabs ul.vertical-tabs__menu li a strong {
color: #f6f6f6;
outline: none;
}
 
.node-form fieldset legend,
.node-form .vertical-tabs ul.vertical-tabs__menu li {
background-color: rgb(64, 64, 64);
color: #f6f6f6;
font-size: 1rem;
font-weight: bold;
text-shadow: none;
padding: 5px 10px;
}

.field-group-details-sidebar {
  padding: 1rem;
}

.node-form .vertical-tabs ul.vertical-tabs__menu li:nth-child(1) {
background-color: rgb(192, 0, 0);
color: #f6f6f6;
text-shadow: none;
}
.node-form .vertical-tabs ul.vertical-tabs__menu li:nth-child(2) {
background-color: rgb(132, 151, 176);
color: #f6f6f6;
text-shadow: none;
}
.node-form .vertical-tabs ul.vertical-tabs__menu li:nth-child(3) {
background-color: rgb(48, 84, 150);
color: #f6f6f6;
text-shadow: none;
}
.node-form .vertical-tabs ul.vertical-tabs__menu li:nth-child(4) {
background-color: rgb(84, 130, 53);
color: #f6f6f6;
text-shadow: none;
}
.node-form .vertical-tabs ul.vertical-tabs__menu li:nth-child(5) {
background-color: rgb(0, 32, 96);
color: #f6f6f6;
text-shadow: none;
}

.field-group-details-sidebar#tabgroup-shipdetails {
border: 2px solid rgb(192, 0, 0);
}
.field-group-details-sidebar#tabgroup-arrival {
border: 2px solid rgb(132, 151, 176);
}
.field-group-details-sidebar#tabgroup-berthing {
border: 2px solid rgb(48, 84, 150);
}
.field-group-details-sidebar#tabgroup-services {
border: 2px solid rgb(84, 130, 53);
}
.field-group-details-sidebar#tabgroup-departure {
border: 2px solid rgb(0, 32, 96);
}
.node-form li.vertical-tabs__menu-item {
padding: 1em;
}

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

/* admin accounts view */
.view-id-view_accounts tr.odd,
.view-id-view_accounts tr.even {
 /*  background-color: inherit; */
  background-color: rgb(246, 246, 246);
}
.view-id-view_accounts td {
  background-color: inherit;
}
.view-id-view_accounts tr.shipping_checked {
  background-color: rgb(172, 185, 202);
}
.view-id-view_accounts tr.accounts_checked {
  background-color: rgb(235, 241, 222);
}
.view-id-view_accounts tr.accounts_complete {
  background-color: rgb(191, 191, 191);
}
.view-id-view_accounts a {
  color: #333;
}
.page-departedpage .view-content,
.page-inportpage .view-content {
  overflow: scroll;
}

#subaccmess,
#subsupmess,
#nodeid,
.node-dtaipdv-form #edit-field-acc-printed-txt,
.node-dtaipdv-form #edit-field-ship-validated-by,
.node-dtaipdv-form #edit-field-accounts-complete,
.node-dtaipdv-form #field-sub-sup-txt-add-more-wrapper label,
.node-dtaipdv-form #field-sub-acc-txt-add-more-wrapper label,
.node-dtaipdv-form #edit-field-checked-shipping,
.node-dtaipdv-form #edit-field-checked-accounts
{
  display: none;
} 

.btn_acc_complete {
  min-width: 160px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 10px 18px;
  font-size: 15px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  background-color: rgb(64, 64, 64);
  border-color: rgb(64, 64, 64);
}

#edit-upload-und label {
  padding-top: 10px;
}

#shipimo,
#shipfuel,
#shiploa,
#shipgrt 
{
  width: 25%;
  float: left;
}
.node-dtaipdv-edit-form #shipinfo_dets,
.node-dtaipdv-form #shipinfo_dets {
  border: 1px solid black;
  padding: 10px;
  height: 70px;
  margin: 5px 0;
}

/* =============== view-accounts =========================== */



#npadmin-settings-form label{
  font-weight: bold;
  padding-top:5px;
}
fieldset#edit-publicannouncement-format {
  display:none;
}
.region-primary-menu .menu-item-level-1,
.region-primary-menu .menu-item-level-1 a {
  border-radius: 5px;
}
#footer {
  color:#fff;
  background-image:none;
}
#footer H3 {
  color:#fff;
}

#footerblockone {
  text-align:center;
}

.footer-blocks i,
.footer-blocks b, .footer-blocks strong {
  color: white;
}
.footer-blocks .footersubheader {
  font-size: 80%;
}

#content-top-fullwidth {
  position: relative;
  z-index: 2;
  /* background: var(--bg-body);*/
}
#content-top-fullwidth .fpblock-container {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0;
}
#content-pagetitle {
  position: relative;
  z-index: 2;
  /* background: var(--bg-body); */
}
#content-pagetitle .ptblock-container {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0;
}

#npheadpage-title {
  margin:auto;
  text-align: center;
}
.npheadpage-title-wrap {
  max-width: 1400px;
  margin: auto;
}
#nppage-title {
  margin:auto;
  text-align: center;
}
.nppage-title-wrap {
  max-width: 1400px;
  margin: auto;
}
.nppageheader {
   font-family:'Alumni Sans Regular', 'sans sans-serif';
   font-size:100px;
   font-weight: 500;
   letter-spacing: 3px;
   text-align: center; 
   line-height: 1.2;
   color: #001744; 
   text-transform: capitalize;
   padding-bottom: 10px; 
}
.weathertopblock-innercontainer {
  margin:auto;
}

 .block-inline-wrapper, 
#weathertopblock-container,
.block-inlines,
#cruiseinfoblock,
#cruisesustainblock,
#cruiseoceanblock,
#cruiselinksblock {
  position: relative;
  display: flex;
  padding: 1rem 0;
  gap: 1rem;
  flex-wrap: wrap;
}
#fpcruiseblock,
#fpNPVisionblock,
#fpfuturetravelblock {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.item-overlay {
  position: absolute;
  height: 100%;
  width:100%;
  background-color: transparent;
}

.view-view-maritime-content>.view-content,
.view-view-port-operations>.view-content,
.cta-block-inlines {
  position: relative;
  display: flex;
  padding: 1rem 0;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-evenly;
  text-align: center;
}
.has-block-inlines {
  position: relative;
  display: flex;
  padding: 1rem 0;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
 
}
#portinfo-logos  {
  justify-content: space-between;
  align-items: center;
}
#portinfo-rows {
  font-size: 95%;
}

.calltoaction-card {
  padding: 0 10px;
  min-height: 185px;
  /* display: flex; */
  align-items: center;
  border-radius: 10px;
  /* width: 250px; */
}

.calltoaction-card p.cta-image {
 margin:0;
}
.has-block-inlines .isimg {
  margin:auto;
  text-align: center;
}
.calltoactions {
  width:10%;
  margin:auto;
  position: relative;
  pointer-events: none;
  z-index: 0;
}
.has-block {
  width:15%;
  margin:0 auto;
  position: relative;
  pointer-events: none;
  z-index: 0;
}
.has-block p,
.has-block ul {
  font-size:smaller;
}
.portinfo-link{
  bottom:0;
  left:0;
  overflow:hidden;
  pointer-events:all;
  position:absolute;
  right:0;
  text-indent:-9999px;
  top:0;
  /* z-index:-1; */
}

.cta-image{
 color:#fff;

}
.has-title {
  text-align: center;
  margin: auto;
  color:#000;
  font-weight: bold;
}
.cta-title {
  text-align: center;
  margin: auto;
  color:#fff;
  font-weight: bold;
}
.cta-title a {
  text-align: center;
  font-size: 12px;
  color:white;
  font-weight: bold;
}
.cta-green {
  background-color: rgba(11,140,56,0.5);
}
.cta-grey {
  background-color:rgba(0, 0, 0, 0.29);
}
/* .block-inner-item, */
.gateway-item {
  position: relative;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  width: 50%;
  background-color:#fdfdfda8;
}
.weather-blocksubheader a {
  color:white;
  font-weight:bold;
}

.weather-item {
  position: relative;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  /* width: 50%; */

}

.portsafety-item {
  position: relative;
  /* display: flex; */
  /* border: white solid 1px; */
  /* border-radius: 5px; */
  padding: 10px 5px;
  margin: 0 5px;
  /* padding: 1rem 1rem; */
  /* gap: 1rem; */
  width: 50%; 
  text-align: center;
}
.portsafety-blocksubheader a {
  color:white;
  text-align: center;
  font-weight: bold;
}
.Innerpage-slider .weather-slider-text {
  color: #ffffff;
  margin:auto;
  display:inline-flex;
}
.blockimage{
  width:140px;
}
.portinfo-blockimage{
  width:100px;
  float:left;
  padding-top: 10px;
}
.portinfo-item {
  position: relative;
  width: 33%;
  padding: 1rem 1rem;
  background-color: #fdfdfda8;
}
.portinfo_text{
  font-size:95%;
}
.innerwrapper {
  padding: 1rem 1rem;
}
/* =======Media page overrides=========== */
#block-tarapro-views-block-view-crisisissue-blk-block-1 {
  max-height: 400px;
  overflow: scroll;
  border: red 1px solid
}

.view-newsletters.view-display-id-block_1 ul {
  list-style: none;
}

.view-newsletters.view-display-id-block_1 .views-field-views-conditional-field  {
  text-align: center;
  background-color: black;
}

.view-newsletters.view-display-id-block_1 .image-field {
  margin: 0;
}


.view-display-id-block_1 .items {
  grid-gap: 0;
  gap: 0;
  padding: 10px
}

.view-newsletters.view-display-id-block_1 .views-field-nothing{
  background-color: black;
  padding: 15px;
}
/* .view-newsletters.view-display-id-block_1 img {
  border-radius: 10px;
} */
.view-newsletters.view-display-id-block_1 li  {
  padding: 0 0 10px 0;
  width: 800px;
  margin: 20px auto;
  background-color: #eeeeee;
  border: #cecece solid 1px;
  border-radius: 10px;
}

.view-newsletters.view-display-id-block_1 .views-field-title,
.view-newsletters.view-display-id-block_1 .views-field-field-blog-date,
.view-newsletters.view-display-id-block_1 .views-field-view-node {
  padding-left: 10px;
}

.view-newsletters.view-display-id-block_1 .views-field-title a{
  color: #11083a;
  font-size: 20px;
  font-weight: bold;
}
.view-newsletters.view-display-id-block_2 .views-field-view-node a,
.view-newsletters.view-display-id-block_1 .views-field-field-blog-date,
.view-newsletters.view-display-id-block_1 .views-field-view-node a {
  color: #11083a;
  font-size: 15px;
  font-style: italic;
}

/* .view-newsletters.view-display-id-block_1 .items:nth-child(even)  .views-field-views-conditional-field {
  float:right;
} */
/* #block-tarapro-views-block-newsletters-block-1 {
  background-color: black;
} */
#block-tarapro-views-block-newsletters-block-1 .view-content {
  width: 85%;
  margin: auto;
}
.blogbackbutton a {
  float: right;
  background-color: #11083a;
  border: 1px solid #11083a;
  color: white;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.view-newsletters.view-display-id-block_2 .views-field-field-news-date,
.node-type-northport-news .field--name-field-news-date,
.node-type-northport-blog .field--type-datetime {
  font-weight: bold;
}

.view-newsletters.view-display-id-block_2 .views-view-grid .views-field-title {
    background: transparent;
    border: none;
    
}
/* .view-newsletters.view-display-id-block_2 .views-view-grid .views-field-title a {
  font-size:larger;
} */
/* .mediacard.views-col {
  padding: 20px;
} */

.fontbold {
  font-weight:bold;
}

.shadow-lg {
  margin: 20px 0;
  box-shadow: 0 1rem 3rem grey;
  border-radius: 10px;
  padding: 30px 20px;

}

.view-newsletters.view-display-id-block_2 .views-field-title {
  text-align: left;
  font-size: xx-large;
  font-family:'Alumni Sans';
  color: black;
}

.blog_text_white {
  color:white;
  padding: 5px;
}


.view-newsletters.view-display-id-block_1 .blog_title{
  text-align: center;
  font-size: xx-large;
  font-family:'Alumni Sans';
}
.view-newsletters.view-display-id-block_2 .views-field-title a{
  color: black;
}
.view-newsletters.view-display-id-block_1 .field_readmore,
.view-newsletters.view-display-id-block_2 .views-field-view-node.button {
  float:right;
}
.view-newsletters.view-display-id-block_1 .blog_title a {
  color:white;
}
.view-newsletters.view-display-id-block_1 .field_readmore a{
  color:black;
}


summary {
  border: black solid 1px;
}

p.qatitle {
  font-weight: bold;
}
p.qaans {
  font-style: italic;
}


/* =======end Media page overrides=========== */



/* ================== */
.outerwrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#center-content {
  /* Lets middle column shrink/grow to available width */
  flex: 1 1 auto;
}

#left-content,
#right-content {
  /* Forces side columns to stay same width */
  flex: 0 0 400px;
}
p.layer2 {
  width: 200px;
}

img {
  /* Shrinks images to fit container */
  max-width: 100%;
}
/* ================== */

.weather-row,
.gateway-row {
  display: flex;
  column-gap: 20px;
  margin-bottom: 20px;
}
.inner-pagetitle,
.weathertitle {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;

}
#weathertopblock-container .topsection {
 text-align: center;
}

/* forecast iframes */
.weathercontainer {
  position: relative;
  overflow: hidden;
  height: 506px;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.weathercontainer-150 {
  position: relative;
  overflow: hidden;
  height: 150px;
  padding-top: 10.25%;
}
.weathercontainer-450 {
  position: relative;
  overflow: hidden;
  height: 506px;
}

.weathercontainer-750 {
  position: relative;
  overflow: hidden;
  height: 1050px;
  padding-top: 56.25%;
}

#cruiselinksblock ul {
  list-style: none;
  text-align: center;
  font-size: x-large;
}

#cruiselinksblock p {
  text-align: center;
}
/* forecast iframes */

.fpblocklimg,
.fpblockltext {
  flex: 1 0 460px;
}
.fpblockltext {
  padding: 50px 70px;
}
.centerimage{
  text-align:center;
}


.about-blockheader {
  font-family: 'Alumni Sans';
  text-align: center;
  letter-spacing: 2px;
  font-size:36px;
  font-weight: 600;
}
.about-blocksubheader {
  font-family: 'Alumni Sans';
  text-align: center;
  font-size:25px;
  font-weight: 600;
  letter-spacing: 1px;
}

.blockheader {
  font-family: 'Alumni Sans';
  text-align: center;
  font-size:30px;
  padding-bottom: 20px;
}
.blocksubheader {
  font-family:'Alumni Sans';
  text-align: center;
  font-size:30px;
  /* font-weight: 700; */
}

.blocksubheader a {
 color:  black;
}
.blocksubheader a:hover {
  color: gray;
}
.blocktextwrapper>.blocksubheader {
  font-size:20px;
  min-height: 65px;
}
.blocktextwrapper {
  width: 80%;
  text-align: justify;
  position: relative;
  margin: 0 auto;
}
.blockhr {
 background-color:#5383d3;
 width:100%;
 margin:auto;
}
.blockheadhr {
  background-color:#5383d3;
  width:60%;
  margin: auto;
 }
.blueround {
  text-align: center;
  background-color:#5383d3;
  padding: 60px 20px;
  border-radius: 50%;
  width: 200px;
  height:200px;
  color: white;
  font-weight:bold;
  vertical-align: center;
}

.slider-textimg {
  width:300px;
}

.slider-text {
  padding:20px;
}


.portinfoblock-outercontainer,
.fpblock-outercontainer,
.fpblock-innercontainer {
  position: relative;
}
#cruise-northportfuture{
  background: url("/sites/default/files/images/ruakakabeach.jpg") no-repeat center center;
  background-size: cover;
  padding: 40px 0;
}
#fp-northportfuture{
  background: url("/sites/default/files/northport_aerial_Container-1500_0.jpg") no-repeat center center;
  background-size: cover;
  /* margin: 10px 0; */
  padding: 40px 0;
}
#fp-northportgateway{
  background: url("/sites/default/files/DAN_4508-1400.jpg") no-repeat center center;
  background-size: cover;
  /* margin: 10px 0; */
  padding: 40px 0;
}
/* #about-topblock{
  background: url("/sites/default/files/about-innerban1.jpg") no-repeat center center;
  background-size: cover;
} */
#portinfo-guides{
  background: url("/sites/default/files/port-innerportgate.jpg") no-repeat center center;
  background-size: cover;
  padding: 40px 0;
}
.whiteoverlay {
  position:absolute;
  top:0;
  background-color: #ffffff96;
  height: 100%;
  width:100%;
}
.fpblock-innercontainer {
   width: 60%;
   margin:auto;
   min-height: 450px;
   background-color: #ffffff96;
   padding: 50px 200px;
}

.npgrowth-blocktextwrapper>.npgrowth-blocksubheader {
  font-size:20px;
  text-align: center;
  font-weight: bold;
  margin-top: 25px;
}
.about-blockcardimage {
  height: 500px;
  text-align: justify;
  width:80%;
  display: inline-grid;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */

}
.comm-gateway-item {
  position: relative;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  
}
.comm-image {
text-align: center;
}
.about-blockcardimage .aboutinner {
  padding: 15px;
}
#about-npblock .gateway-item {
  border: #d4d4d4 solid 1px;
  border-radius: 5px;
  padding: 0;
}

.about-blockcardimage  p {
 font-size:75%;
}
.about-blockcardimage img {
  align-self: center;
  margin: auto;
 }

.npgrowth-blocktextwrapper {
  text-align: justify;
  position: relative;
  margin: 0 auto;
} 
.npgrowth-blockcardimage {
  text-align: center;
  margin: auto;
}
.smaller75 {
  font-size:75%;
  font-weight: bold;
  padding: 15px;
}
.about-subtitle {
  text-align: center;
  font-size: smaller;
}
.blockcardimage {
  text-align: center;
  height: 140px;
  margin: auto;
}

.fpblockgate-innercontainer {
  width: 75%;
  margin:auto;
  min-height: 450px;
  background-color: #ffffff96;
  position: relative;
  padding: 50px 100px;
}

.blockimgcenter {
  text-align:center;
}
.blockTextJustify {
  text-align: justify;
  text-justify: inter-word;
}
#inner-slider {
  position: relative;
  width: 100%;
  /* min-height: 70vh; */
  min-height: 50vh;
  margin: 0 auto;
  padding: 0;
  background: var(--bg-body);
  z-index: 2;
}
.Innerpage-slider .slider-text-container {
  align-items: self-end;
  /* height: 70vh; */
  height: 50vh;
}
.Innerpage-slider .slider-img {
  /* height: 70vh; */
  height: 50vh;
}

/* ------------------------- */
#block-tarapro-aboutnphistoryblock .container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.timeline-row {
  display: flex;
  margin-bottom: 20px;
  max-width: 1400px;
  margin: auto;
}
.timeline-row h1 {
  color: white;
  font-size: 55px;
  font-family: 'Alumni Sans';
}
.align-items-center {
  align-items: center !important;
}
.justify-content-center {
  justify-content: center !important;
}
.timeline-item {
  color:white;
  position: relative;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  /* width: 50%; */
  /* background-color:#fdfdfda8; */
}
.timelineimage {
  width: 520px;
}
.timelineimage img{
  border-radius: 10px;
}
#timeline-section {
  background: linear-gradient(#dbdbd3, #dbdbd3) no-repeat center/2px 100%;
}
#block-tarapro-views-block-management-team-block-1 {
    margin-top:70px;
}


.Innerpage-slider .slider-item {
  /* height: 70vh; */
  height: 50vh;
}
.Innerpage-slider .slider-text {
  color: #ffffff;
  width: 700px;
}
.Innerpage-slider .layer1 {
  font-size: 1.5rem;
  font-weight: 400;
}
.Innerpage-slider .layer2 {
  font-size: 2.1rem;
  font-weight: 600;
}

/**
  Weatherfeed page overrides
*/

.view-weatherfeed {
    padding-top: 20px;
    padding-bottom: 30px;
    position: relative;
    font-size: 11px;
    height: 1550px;
}
#wrb-a p, #wrb-b p, #wrb-c p, #tower p, #adminbuild p, #tugjetty p, #portland p, #onetreepoint p, #berth2 p {
    font-size: 16px;
    margin-bottom: 2px;
}

/* weatherfeed hack */
#CompassWrapper {
  position:absolute;
  display:block;
  right: 0;  
  top: 502px;
  width: 385px;
  height:218px;
}

#CompassImage {
  background: url("../images/NPortOrientation.jpg") no-repeat;
  height:218px;
}

#TL-Wrapper {
  position:absolute;
  display:block;
  right: 0;
  top: 255px;
  background-color: white;
  width: 385px;
  border: black solid 1px;
}
#TLcontrolPanel {
  float: right;
  width:280px;
  height:210px;
  /* border: black solid 1px; */
  /* display: none; */
  margin: 30px 10px 0;
  padding: 2px;
}
#TLBox {
  font-size: 10px;
  border: black solid 1px;
}
.TLbutton {
  background-color: gray;
  color: white;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  /* margin: 90px 40px; */
  cursor: pointer;
}

#TLtraffic-light {
  height: 200px;
  width: 60px;
  float: left;
  /* background-color: #333; */
  background: url("../images/trafficlights.png") no-repeat;
  border-radius: 40px;
  /* margin: 30px 0 30px 20px; */
  margin: 0 0 0 20px;
  padding: 20px;
}

.bulb {
  height: 43px;
  width: 43px;
  background-color: #111;
  border-radius: 50%;
  margin:11px 0 10px -10px;
  transition: background 500ms;
}
/* weatherfeed page3 northtugz hack */

.path-weatherfeednt .view-content span {
  font-size:8px;
}
.path-weatherfeednt div.views-field {
  line-height:8px;
}
.path-weatherfeednt .view-content p {
  margin-bottom: 5px;
}
.path-weatherfeednt #toolbar,
.path-weatherfeednt #breadcrumbs,
.path-weatherfeednt .header,
.path-weatherfeednt .slideshow,
.path-weatherfeednt #footer {
  display:none;
}
.path-weatherfeednt header .container, .path-weatherfeednt #main-wrapper .container,
.path-weatherfeednt .container-wrap,
.path-weatherfeednt #page-wrap,
.path-weatherfeednt #container,
.path-weatherfeednt .view-weatherfeed {
  padding: 0;
  margin: 0;
  width:100%;
  max-width:100%;
}
.path-weatherfeednt .page-title {
  margin-bottom:0;
}
.view-weatherfeed.view-display-id-page_2 {
 background-image:none;
 min-height: 400px;
 max-height: 500px;
}
#timest-nt {
  position: absolute;
  padding: 5px;
  background-color: #000000;
  filter: alpha(opacity = 40);
  opacity: .6;
  top: 0px;
  left: 300px;
  width: 215px;
  font-weight: bold;
  color: #ffffff;
  border-radius: 5px;
}
.view-display-id-page_2 .ntbackgr
{
  padding-left: 10px;
  padding-bottom: 10px;
  position: absolute;
  background-color: #000000;
  filter: alpha(opacity = 40);
  opacity: .6;
  width: 160px;
  color: #ffffff;
  border-radius: 10px;
  /* min-height: 170px; */
}
.ntbackgr p {
  font-weight:bold;
  font-size: 10px;
  text-align: center;
}
#weatherfooter-nt {
  position:absolute;
  top: 210px;
  left: 10px;
}
#berth2-nt {
  top: 35px;
  left: 5px;
}
#tugjetty-nt {
  top: 35px;
  left: 240px;
}
#onetreepoint-nt {
  top: 35px;
  left: 470px;
}
#portland-nt {
  top: 35px;
  left: 710px;
}

#adminbuild-nt {
  top: 105px;
  left: 710px;
}
#tower-nt {
   top: 105px;
  left: 5px;
}
#wrb-a-nt {
   top: 105px;
  left: 355px;
}
#wrb-b-nt {
   top: 105px;
  left: 530px;
}
#wrb-c-nt {
   top: 105px;
  left: 180px;
}
/* end weatherfeed page3 northtugz hack */

#wrb-a p,
#wrb-b p,
#wrb-c p,
#tower p,
#adminbuild p,
#tugjetty p,
#portland p,
#onetreepoint p,
#berth2 p
{
  font-size: 16px;
  margin-bottom: 2px;
}

 .title.wpg {
  width: 400px; 
  display:inline; 
  height: 30px;
  }
  #hbtn {
  display:inline;
  width: 100px;
  float: right;

  }
  #timest {
    position:absolute;
    padding-left:10px;
    background-color:#000000;
    filter:alpha(opacity=40);opacity:.6;
    top: 10px;
    left: 10px;
    width: 215px;
    font-weight:bold;
    color:#ffffff;
    border-radius: 5px;
  }
  #onetreepoint-marker,
  #portland-marker,
  #wrb-a-marker,
  #wrb-b-marker,
  #wrb-c-marker,
  #tugjetty-marker,
  #berth2-marker,
  #tower-marker,
  #adminbuild-marker
  {
    position:absolute;
    height: 41px;
    width: 20px;
  }
  #tower-marker,
  #portland-marker,
  #onetreepoint-marker,
  #wrb-a-marker,
  #wrb-b-marker,
  #wrb-c-marker,
  #tugjetty-marker,
  #berth2-marker,
  #adminbuild-marker {
    background: url("../images/mrkr.png") no-repeat center center;
  }

  /* background: url("../images/marker-icon-sm.png") no-repeat center center; */
  div.view-weather-feed { 
    padding-top:20px;
    padding-bottom: 30px;
    position:relative;
    font-size: 11px;
  }
  #weatherfooter {
    clear: both;
    position: absolute;
    z-index: 10;
    height: 2em;
    font-size:10px;
  }

  #portland,
  #onetreepoint,
  #berth2,
  #tugjetty,
  #adminbuild,
  #tower,
  #wrb-a,
  #wrb-b,
  #wrb-c {
    padding-left:10px;
    padding-bottom:10px;
    position:absolute;
    background-color:#000000;
    filter:alpha(opacity=40);opacity:.6;
    width: 160px;
    color:#ffffff;
    border-radius: 10px;
  }
  /* div.view-display-id-page_2 {
    min-height: 840px;
  }
  #weatherhistorychart {
    position:absolute;
    top: 0px;
    left: 895px;
    height: 385px;
    width: 385px;
    border:#000 solid 2px;
    background-color: #f6f6f6;
    clear: both; 
  }
  
  #wclegend1 {
    position: absolute;
    background: url("../images/legend.jpg")no-repeat;
    width:150px;
    height:150px;
    margin: 50px -25px 0 0;
    top: 0;
    right: 0;
  } */
@media only screen and (min-width: 1060px) {
  .view-weatherfeed {
    background: url("../images/npbg-1280x720.JPG") no-repeat left top;
    min-height: 740px;
    max-width: 1280px;
  }

  #wrb-a-marker {
    top: 140px;
    left: 417px;
  }
  #wrb-b-marker {
    top: 140px;
    left: 480px;
  }
  #wrb-c-marker {
    top: 400px;
    left: 30px;
  }
  #wrb-c {
    top: 410px;
    left: 40px;
  }
  #tugjetty-marker {
    top: 270px;
    left: 285px;
  }
  #berth2-marker {
    top: 381px;
    left: 360px;
  }
  #adminbuild-marker {
    top: 240px;
    left: 670px;
  }
  #tower-marker {
    top: 210px;
    left: 210px;
  }
  #portland-marker {
    top: 615px;
    left: 550px;
  }
  #onetreepoint-marker {
    top: 425px;
    left: 550px;
  }
  #onetreepoint {
    top: 450px;
    left: 550px;
  }
  #weatherfooter {
    top:725px;
    left:20px;
  }
  #portland {
    top: 550px;
    left: 550px;
  }
  #berth2 {
    top: 435px;
    left: 210px;
  }
  #tugjetty {
    top: 290px;
    left: 40px;
  }
  #adminbuild {
    top: 280px;
    left: 550px;
  }
  #tower {
    top: 50px;
    left: 120px;
  }
  #wrb-a {
    top: 20px;
    left: 300px;
  }
  #wrb-b {
    top: 30px;
    left: 470px;
  }
  div.view-display-id-page_2 {
    min-height: 1040px;
    /* max-width: 1280px; */
  }
  #weatherhistorychart {
    position:absolute;
    top: 0px;
    /* left: 895px; */
    right:0;
    /* height: 385px; */
    height: 255px;
    width: 385px;
    border:#000 solid 2px;
    background-color: #f6f6f6;
    clear: both; 
  }
  
  #wclegend1 {
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/legend.jpg")no-repeat;
    width:150px;
    height:150px;
    margin: 35px -25px 0 0;
  }


}

@media only screen and (max-width: 1059px) {
  .view-weatherfeed {
    background: url("../images/npbg-1024x576.JPG") no-repeat left top;
    min-height: 640px;
    max-width: 1024px;
  }
  
  #wrb-a-marker {
    top: 100px;
    left: 330px;
  }
  #wrb-b-marker {
    top: 100px;
    left: 390px;
  }
  #wrb-c-marker {
    top: 400px;
    left: 30px;
  }
  #wrb-c {
    top: 410px;
    left: 40px;
  }
  #tugjetty-marker {
    top: 210px;
    left: 215px;
  }
  #berth2-marker {
    top: 281px;
    left: 270px;
  }
  #adminbuild-marker {
    top: 180px;
    left: 540px;
  }
  #tower-marker {
    top: 150px;
    left: 180px;
  } 
  #weatherfooter {
    top: 590px;
    left: 10px;
  }
  #portland-marker {
    top: 515px;
    left: 550px;
  }
  #portland {
    top: 540px;
    left: 540px;
  }
  #onetreepoint-marker {
    top: 425px;
    left: 550px;
  }
  #onetreepoint {
    top: 450px;
    left: 540px;
  }
  #berth2 {
    top: 400px;
    left: 200px;
  }
  #tugjetty {
    top: 290px;
    left: 40px;
  }
  #adminbuild {
    top: 170px;
    left: 650px;
  }
  #tower {
    top: 50px;
    left: 10px;
  }
  #wrb-a {
    top: 0px;
    left: 230px;
  }
  #wrb-b {
    top: 10px;
    left: 420px;;
  }
    div.view-display-id-page_2 {
    min-height: 1100px;
  }
  #weatherhistorychart {
    position:absolute;
    top: 650px;
    left: 5px;
    height: 285px;
    width: 385px;
    border:#000 solid 2px;
    background-color: #f6f6f6;
    clear: both; 
  }
  
  #wclegend1 {
    position: absolute;
    background: url("../images/legend.jpg")no-repeat;
    width:150px;
    height:150px;
    margin: 50px -25px 0 0;
    top: 0;
    right: 0;
  }
  #TL-Wrapper {
    position: absolute;
    top: 650px;
    right: 5px;
  }
}

@media only screen and (max-width: 980px) {
 .view-weatherfeed {
    background: url("../images/npbg-960x540.JPG") no-repeat left top;
    min-height: 970px;
    max-width: 960px;
  }
  #wrb-a-marker {
    top: 100px;
    left: 310px;
  }
  #wrb-b-marker {
    top: 100px;
    left: 350px;
  }
  #wrb-c-marker {
    top: 400px;
    left: 30px;
  }
  #wrb-c {
    top: 410px;
    left: 40px;
  }
  #tugjetty-marker {
    top: 200px;
    left: 215px;
  }
  #berth2-marker {
    top: 281px;
    left: 270px;
  }
  #adminbuild-marker {
    top: 170px;
    left: 500px;
  }
  #tower-marker {
    top: 145px;
    left: 165px;
  }
  #portland-marker {
    top: 515px;
    left: 550px;
  }
  #portland {
    top: 540px;
    left: 540px;
  }
  #onetreepoint-marker {
    top: 425px;
    left: 550px;
  }
  #onetreepoint {
    top: 450px;
    left: 540px;
  }
  #weatherfooter {
    top: 545px;
    left: 10px;
  }
  #berth2 {
    top: 400px;
    left: 200px;
  }
  #tugjetty {
    top: 290px;
    left: 40px;
  }
  #adminbuild {
    top: 170px;
    left: 550px;
  }
  #tower {
    top: 50px;
    left: 10px;
  }
  #wrb-a {
    top: 0px;
    left: 230px;
  }
  #wrb-b {
    top: 10px;
    left: 420px;;
  }
  #TL-Wrapper {
    position: absolute;
    height:300px;
    top: 940px;
    left: 5px;
  }
  #CompassWrapper {
    position: absolute;
    height: 300px;
    top: 1250px;
    left: 5px;
  }
  .page-view-weatherfeed #main-wrapper  {
    min-height: 1400px;
  }

  /* #page-wrapper #container {
    min-height: 1700px;
  }
  #page-wrapper #container .container-wrap  {
    min-height: 1900px;
  }  */
}


/* weatherfeed hack end */

@media only screen and (max-width: 768px) {
  /* rules that only apply for canvases narrower than 1000px */
  .page-view-weatherfeed #main-wrapper  {
    min-height: 2300px;
  }
    
  .view-weatherfeed {
    background:none;
    padding-top: 5px;
  }

  .page-view-weatherfeed #block-menu-menu-menu-top-links-menu,
  #flexslider-1,
  .page-view-weatherfeed #footer,
  .page-view-weatherfeed #breadcrumbs,
  #wrb-a-marker,
  #wrb-b-marker,
  #wrb-c-marker,
  #adminbuild-marker,
  #tugjetty-marker,
  #berth2-marker,
  #tower-marker,
  #portland-marker,
  #onetreepoint-marker
  {
    display: none;
  }


  #logo {
    width: 50%;
  }
  h1.page-title {
    font-size: 20px;
  } 

  .page-view-weatherfeed #page-wrapper {
    margin:  0 auto 20px auto;
    padding: 0 20px 20px 20px;
  }

  #timest,
  #wrb-a, 
  #wrb-b,
  #wrb-c,
  #tugjetty,
  #adminbuild,
  #portland,
  #onetreepoint,
  #tower,
  #berth2 {
    position:unset;
    width: 100%;
    border-bottom: 2px solid #0b8c38; 
    opacity: .7;
  }

  #weatherfooter {
    position:unset;
  }
  div.view-display-id-page_2 {
    min-height: 1300px;
  }
  #weatherhistorychart {
    position:absolute;
    top: 970px;
    left: 5px;
    height: 385px;
    width: 385px;
    border:#000 solid 2px;
    background-color: #f6f6f6;
    clear: both; 
  }
  
  #wclegend1 {
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/legend.jpg")no-repeat;
    width:150px;
    height:150px;
    margin: 50px -25px 0 0;
  }
  #TL-Wrapper {
    position: absolute;
    height:300px;
    top: 1250px;
    left: 5px;
  }
  #CompassWrapper {
    position: absolute;
    height: 300px;
    top: 1550px;
    left: 5px;
  }
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
  /* rules for iPad in landscape orientation */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */
}