/* =====================================================================
   Dynamic Drilling – site-wide refresh
   Brings every page in line with the look of rig-fleet-operatedsb.html:
   full-width white layout, 1180px grid on wide screens, uppercase nav
   with blue underline, ship-image title banner (images/2.jpg), blue-accent
   section titles, flat dark footer. Load this file LAST.
   ===================================================================== */

/* ---------- Base ---------- */
html, body { background: #fff; }
body { color: #4b4b4b; font-family: Arial, "Open Sans", sans-serif; font-size: 14px; line-height: 1.55; }
body .bg-shine { background: #fff; }
body .bodywrapper { width: 100%; background: #fff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; min-height: 100vh; }

/* ---------- Wider grid on large screens (keeps skeleton proportions) ---------- */
@media only screen and (min-width: 1220px) {
  body .container { width: 1180px; }
  /* fixed widths (like skeleton) so nested / float-wrapped columns keep working */
  body .container .one.columns, body .container .one.column { width: 54px; }
  body .container .two.columns               { width: 128px; }
  body .container .three.columns             { width: 201px; }
  body .container .four.columns              { width: 275px; }
  body .container .five.columns              { width: 349px; }
  body .container .six.columns               { width: 422px; }
  body .container .seven.columns             { width: 496px; }
  body .container .eight.columns             { width: 570px; }
  body .container .nine.columns              { width: 644px; }
  body .container .ten.columns               { width: 718px; }
  body .container .eleven.columns            { width: 791px; }
  body .container .twelve.columns            { width: 865px; }
  body .container .thirteen.columns          { width: 939px; }
  body .container .fourteen.columns          { width: 1012px; }
  body .container .fifteen.columns           { width: 1086px; }
  body .container .sixteen.columns           { width: 1160px; }
  body .container .one-third.column          { width: 373px; }
  body .container .two-thirds.column         { width: 767px; }
  body .container .four1.columns             { width: 264px; }
  body .container .five1.columns             { width: 123px; }
  body .container .five2.columns             { width: 369px; }
  body .container .seven1.columns            { width: 369px; }
  body .container .offset-by-one               { padding-left: 74px; }
  body .container .offset-by-two               { padding-left: 148px; }
  body .container .offset-by-three             { padding-left: 221px; }
  body .container .offset-by-four              { padding-left: 295px; }
}

/* ---------- Header ---------- */
body header .row-1 { padding: 0; min-height: 92px; background: #fff; border-bottom: 1px solid #e7e7e7; position: relative; }
body header .row-1 .container .sixteen.columns { min-height: 92px; display: flex; align-items: center; justify-content: flex-end; float: none; }
body header .logo { position: absolute !important; left: 10px; top: 50%; transform: translateY(-50%); margin: 0 !important; }
body header .logo img { display: block; max-width: 210px; max-height: 82px; object-fit: contain; }

body #main-nav-menu { margin-left: auto; float: none; }
body #main-nav-menu > .sf-menu { display: flex; align-items: center; gap: 3px; float: none; }
body #main-nav-menu .sf-menu > li { float: none; margin: 0; background: none !important; }
body #main-nav-menu .sf-menu > li > a {
  display: block; padding: 34px 14px 31px; line-height: 1; color: #555;
  font-family: Arial, "Open Sans", sans-serif; font-size: 13px; font-weight: 600;
  text-transform: uppercase; text-decoration: none; border-bottom: 3px solid transparent; background: none;
}
body #main-nav-menu .sf-menu > li.active > a,
body #main-nav-menu .sf-menu > li:hover > a,
body #main-nav-menu .sf-menu > li.sfHover > a { color: #287fbd; border-bottom-color: #287fbd; }
body #main-nav-menu .sf-menu > li > a .sf-sub-indicator { color: inherit; }

/* dropdowns */
body #main-nav-menu .sf-menu ul { top: -999em; min-width: 210px; width: auto; background: #fff; border: 1px solid #e1e1e1; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
body #main-nav-menu .sf-menu li:hover > ul,
body #main-nav-menu .sf-menu li.sfHover > ul { top: 100%; left: 0; }
body #main-nav-menu .sf-menu ul li { background: #fff !important; border-bottom: 1px solid #eee; float: none; width: 100%; }
body #main-nav-menu .sf-menu ul li a { display: block; padding: 10px 13px; line-height: 1.4; font-size: 13px; color: #555 !important; background: #fff; text-transform: none; white-space: nowrap; }
body #main-nav-menu .sf-menu ul li a:hover { background: #f5f7f9; color: #287fbd !important; }

/* ---------- Page title bar (ship banner images/2.jpg) ---------- */
body .title-header { background: #1d4a5a url("../images/2.jpg") no-repeat center center; background-size: cover; border-bottom: 1px solid #e4e4e4; min-height: 175px; margin: 0; position: relative; }
body .title-header > img { display: none; }
body .title-header .container { padding: 40px 0 30px; }
body .title-header h2 { font-size: 36px; line-height: 1.2; font-weight: 700; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.45); text-transform: uppercase; margin: 4px 0 2px; }
body .title-header .eleven.columns { float: none; width: auto; }
body .title-header .eleven.columns .five.columns { float: none; width: auto; margin: 0 !important; }
body .title-header .breadcrumbs { background: rgba(255,255,255,.92); border: 0; margin: 12px 0 4px; }

/* ---------- Content area & section titles ---------- */
body .title-header + .container,
body .title-header ~ .container:first-of-type { padding-top: 34px; }
body .container .title {
  background: none; overflow: visible; position: relative;
  font-size: 25px; line-height: 1.25; font-weight: 400; color: #434343;
  padding-bottom: 13px; margin-bottom: 28px; border-bottom: 1px solid #e7e7e7;
}
body .container .title:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 74px; height: 3px; background: #2d89c7; }
body .container .title span { background: none; float: none; padding: 0 !important; font-weight: 400; }

/* Operated fleet page (timeline + rig cards) */
body .contract-fleet-page > .sixteen.columns { float: none; width: auto; margin-left: 0; margin-right: 0; }
body .contract-fleet-page .fleet-section { clear: both; }

/* ---------- Footer ---------- */
body footer { margin-top: 40px; }
body .footer-1 { background: #353a3e; color: #d8d8d8; padding: 34px 0 40px; }
body .footer-1 h5 { color: #fff; text-shadow: none; font-size: 15px; font-weight: 700; margin: 0 0 13px; }
body .footer-1 a { color: #cfd7dc; text-decoration: none; }
body .footer-1 a:hover { color: #fff; }
body .footer-1 li { margin: 6px 0; }
body .footer-1 .box-color img { max-width: 100%; height: auto; }
body .footer-2 { background: #272b2e; color: #aaa; padding: 16px 0; font-size: 11px; box-shadow: none; }
body .footer-2 a { color: #d6d6d6; text-decoration: none; }

/* ---------- Responsive ---------- */
@media only screen and (max-width: 1219px) {
  body #main-nav-menu > .sf-menu { gap: 0; }
  body #main-nav-menu .sf-menu > li > a { padding-left: 9px; padding-right: 9px; font-size: 11px; }
  body header .logo img { max-width: 170px; }
}
@media only screen and (max-width: 959px) {
  body #main-nav-menu { display: none; }
  body #responsive-main-nav-menu { display: block; width: 100%; max-width: 330px; margin-left: auto; padding: 8px; }
}
@media only screen and (max-width: 767px) {
  body header .row-1 .container .sixteen.columns { min-height: 80px; }
  body header .logo img { max-width: 150px; }
  body header .row-1 .container .sixteen.columns { flex-wrap: wrap; justify-content: center; padding: 10px 0; }
  body header .logo { position: static !important; transform: none; left: auto; margin: 0 auto 8px !important; }
  body #responsive-main-nav-menu { margin: 0 auto; }
  body .title-header .breadcrumbs { max-width: 100%; }
  body .title-header h2 { font-size: 26px; }
  body .title-header { min-height: 140px; }
  body .title-header .container { padding: 28px 0 22px; }
  body .container .title { font-size: 21px; }
}

/* Home page hero slider – same width as the content area (e.g. the Rig Fleet row) */
body .row-2 { width: 940px; margin-left: auto; margin-right: auto; position: relative; }
body .row-2 .flexowlslider { height: 299px; }
body .row-2 .flexowlslider .owlslides > li > img.fleft,
body .row-2 .flexowlslider .owlslides > li > img.fright { width: 100%; height: 100%; max-width: none; object-fit: cover; }
body .row-2 .flexowlslider .owlslides > li { width: 100%; height: 100%; }
@media only screen and (min-width: 1220px) {
  body .row-2 { width: 1160px; }
  body .row-2 .flexowlslider { height: 369px; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  body .row-2 { width: 748px; }
  body .row-2 .flexowlslider { height: 270px; }
}
@media only screen and (max-width: 767px) {
  body .row-2 { width: 300px; }
  body .row-2 .flexowlslider { height: 95px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body .row-2 { width: 420px; }
  body .row-2 .flexowlslider { height: 134px; }
}

/* ---------- Contact page ---------- */
body .contact-row { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; color: #333; }
body .contact-row img { width: 18px; height: auto; flex: 0 0 18px; opacity: .85; }
body .contact-row a.link-1 { color: #287fbd; font-weight: 600; }
body .contact-row a.link-1:hover { text-decoration: underline; }
body .map { width: 100%; height: 280px; margin-top: 18px; overflow: hidden; background: #eef2f5; }
body .map iframe { display: block; width: 100%; height: 280px; border: 0; margin: 0; }
body .regd-office p { margin: 10px 0 0; padding-top: 14px; border-top: 1px solid #e7e7e7; color: #444; font-size: 13px; }