/* 
NEW ONLYOZ stylesheet
 */

@import url("/sydney/css/stylesheetrn.css");

body {
	BACKGROUND: #f1f1f1 url('/images/bgr.png') repeat-y center top; MARGIN: 0px auto;
	}

body {
  padding-top: 44px;
}

@media (min-width: 992px) {
  body {
    padding-top: 46px;
  }
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
}

/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

#om-fixed-nav-spacer {
    height: 70px;
}

ins.adsbygoogle {
  min-height: 0 !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    #om-fixed-nav-spacer {
        height: 70px;
    }
}

/* Stops wide Google ad iframes from breaking layout */
.adsbygoogle,
.google-auto-placed,
ins.adsbygoogle {
  max-width: 100% !important;
  display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* If ad iframe still expands, force clip */
.adsbygoogle iframe {
  max-width: 100% !important;
  display: block !important;
}

/* Main content */
.main-content {
	padding-right: 20px;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  background-color: #f9f9f9;
  padding-left: 15px; /* inside box */
  padding-right: 15px;
/*  margin: 0 -15px 15px; top right bottom | consider when it goes to mobile width */
/*  margin: 0 -15px 15px; top right bottom | consider when it goes to mobile width */
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * https://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

/* this was discontinued in 4.0
except I copied it over
not sure how to impliment new */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

.tablercss {
border: 0px;
width: 100%;
spacing: 0px;
padding: 0px;
}

.csscenter {
text-align: center;
}

.iframe {
	width: 600px;
	height: 400px;
	frameborder: 0;
	border: 0;	
}

/* CSS Document */

.freq-list {
    font-size: 0.85em;
    color: #555;
}

/* css for remote image on profile pages */

.remote {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.remote-image {
    display: block;
    width: 100%;
    height: auto;
	    line-height: 0;
}

.remote-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: rgba(0,0,0,0.45);
    z-index: 2;
}

.remote-overlay h2 {
    margin: 0;
    color: #33CCD1;
    font-size: 32px;
    line-height: 1.1;
}

/* css for hub pages */

.hub-box {
    position: relative;
    max-width: 700px;
}

.hub-box a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
}

.hub-box img {
    width: 100%;
    display: block;
}

.hub-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 25px 25px 25px;
    background: linear-gradient(to top, rgba(0,0,0,0.80), rgba(0,0,0,0.10));
}

.hub-overlay h2 {
    margin: 0 0 10px 0;
    color: #fff;
}

.hub-copy {
    margin-bottom: 15px;
    color: #fff;
}

/* ==========================================================================
   Announcement Pages
   ========================================================================== */

/* Announcement page layout */
.announcement-label {
    font-size: 0.85rem;
    font-weight: bold;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 8px;
}

.announcement-content {
    margin-top: 22px;
    font-size: 1rem;
    line-height: 1.65;
}

.announcement-details-card {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background: #fafafa;
    padding: 22px;
    margin: 35px 0;
}

.announcement-details-card h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

.announcement-detail-row {
    display: grid;
    grid-template-columns: 155px 1fr;
    gap: 20px;
    border-top: 1px solid #e3e3e3;
    padding: 16px 0;
}

.announcement-detail-row:first-of-type {
    border-top: 0;
}

.announcement-detail-title {
    font-weight: bold;
    font-size: 1.05rem;
}

.announcement-detail-body {
    line-height: 1.55;
}

.trusted-ticket {
    color: #159447;
    margin-bottom: 6px;
}

@media (max-width: 700px) {
    .announcement-detail-row {
        display: block;
    }

    .announcement-detail-title {
        margin-bottom: 6px;
    }
}