MAINHACK

Viewing / Editing File: a11y.css

body input[type=button],
body input[type=reset],
body input[type=submit],
body button[type=submit],
body .theme-button,
body .button,
body div.wpforms-container-full .wpforms-form input[type=submit],
body div.wpforms-container-full .wpforms-form button[type=submit],
body div.wpforms-container-full .wpforms-form .wpforms-page-button,
body.woocommerce-cart .wp-element-button,
body.woocommerce-checkout .wp-element-button,
body .wp-block-button__link {
  background-color: var(--owp-button-bg-color, #13aff0);
  color: var(--owp-button-text-color, #ffffff);
  font-size: var(--owp-button-font-size, 12px);
  font-weight: var(--owp-button-font-weight, 600);
  text-transform: var(--owp-button-text-transform, uppercase);
  padding: var(--owp-button-padding-top, 14px) var(--owp-button-padding-right, 20px) var(--owp-button-padding-bottom, 14px) var(--owp-button-padding-left, 20px);
  letter-spacing: var(--owp-button-letter-spacing, 0.1em);
  line-height: var(--owp-button-line-height, 1);
}

body input[type=button]:hover,
body input[type=reset]:hover,
body input[type=submit]:hover,
body button[type=submit]:hover,
body input[type=button]:active,
body input[type=reset]:active,
body input[type=submit]:active,
body button[type=submit]:active,
body input[type=button]:focus,
body input[type=reset]:focus,
body input[type=submit]:focus,
body button[type=submit]:focus,
body .theme-button:hover,
body .theme-button:focus,
body .button:hover,
body .button:focus,
body div.wpforms-container-full .wpforms-form input[type=submit]:hover,
body div.wpforms-container-full .wpforms-form input[type=submit]:active,
body div.wpforms-container-full .wpforms-form button[type=submit]:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:active,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
body.woocommerce-cart .wp-element-button:hover,
body.woocommerce-checkout .wp-element-button:hover,
body .wp-block-button__link:hover,
body .wp-block-button__link:focus {
  background-color: var(--owp-button-bg-color-hover, #0b7cac);
  color: var(--owp-button-text-color-hover, #ffffff);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body :where(a[href],
area[href],
button:not([disabled]),
input:not([type=hidden]):not([disabled]),
select:not([disabled]),
textarea:not([disabled]),
summary,
iframe,
[tabindex]:not([tabindex="-1"]),
[role=button],
[role=link],
[role=menuitem],
[role=tab],
[contenteditable=true]):focus {
  outline: var(--owp-focus-outline-width, 2px) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset, 2px);
}
body :where(a[href],
area[href],
button:not([disabled]),
input:not([type=hidden]):not([disabled]),
select:not([disabled]),
textarea:not([disabled]),
summary,
iframe,
[tabindex]:not([tabindex="-1"]),
[role=button],
[role=link],
[role=menuitem],
[role=tab],
[contenteditable=true]):focus:not(:focus-visible) {
  outline: none;
}
body :where(a[href],
area[href],
button:not([disabled]),
input:not([type=hidden]):not([disabled]),
select:not([disabled]),
textarea:not([disabled]),
summary,
iframe,
[tabindex]:not([tabindex="-1"]),
[role=button],
[role=link],
[role=menuitem],
[role=tab],
[contenteditable=true]):focus-visible {
  outline: var(--owp-focus-outline-width, 2px) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset, 2px);
}

body :where(input[type=button]:not([disabled]),
input[type=reset]:not([disabled]),
input[type=submit]:not([disabled]),
button[type=submit]:not([disabled]),
.theme-button,
.button,
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
.wp-block-button__link,
.wp-element-button):focus-visible {
  outline-color: var(--owp-button-focus-outline-color, var(--owp-primary-color, currentColor));
}

@media (forced-colors: active) {
  body :where(a[href],
area[href],
button:not([disabled]),
input:not([type=hidden]):not([disabled]),
select:not([disabled]),
textarea:not([disabled]),
summary,
iframe,
[tabindex]:not([tabindex="-1"]),
[role=button],
[role=link],
[role=menuitem],
[role=tab],
[contenteditable=true]):focus-visible {
    outline-color: Highlight;
  }
}
form :where(input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=week],
input[type=number],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea):focus {
  border-color: var(--owp-form-focus-border-color, var(--owp-input-border-color, var(--owp-focus-outline-color, currentColor)));
  outline: var(--owp-form-focus-outline-width, 0) solid transparent;
  box-shadow: 0 0 0 4px rgba(0, 122, 153, 0.18);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--owp-focus-outline-color, currentColor) 18%, transparent);
}
form :where(input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=week],
input[type=number],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea):focus:not(:focus-visible) {
  box-shadow: none;
}
form :where(input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=week],
input[type=number],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea):focus-visible {
  border-color: var(--owp-form-focus-border-color, var(--owp-input-border-color, var(--owp-focus-outline-color, currentColor)));
  outline: var(--owp-form-focus-outline-width, 0) solid transparent;
  box-shadow: 0 0 0 4px rgba(0, 122, 153, 0.18);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--owp-focus-outline-color, currentColor) 18%, transparent);
}
form :where(input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=week],
input[type=number],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea):focus-within {
  border: 2px solid var(--owp-input-border-color);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--owp-focus-outline-color) 18%, transparent);
}

.sidebar-container.widget-area a {
  color: var(--owp-widget-link-color, var(--owp-link-color, #333333));
  text-decoration: var(--owp-widget-link-text-decoration, underline) 0.1em;
  text-underline-offset: var(--owp-widget-link-underline-offset, 0.2em);
}
.sidebar-container.widget-area a:hover {
  color: var(--owp-widget-link-color-hover, var(--owp-link-color-hover, #13aff0));
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar-container.widget-area a:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  text-decoration: none;
  outline-offset: var(--owp-focus-outline-offset);
}

.header-search-visible-label,
.medium-header-search-visible-label,
.vertical-header-search-visible-label,
.mobile-fs-search-visible-label,
#icon-searchform-overlay form .mobile-overlay-search-visible-label,
.oceanwp-mobile-menu-search-visible-label,
.mobile-dropdown-search-visible-label {
  color: var(--owp-search-form-label-color, inherit);
  font-size: var(--owp-search-form-label-font-size, inherit);
}

.comment-form-visible-label {
  color: var(--owp-comment-form-label-color, inherit);
  font-size: var(--owp-comment-form-label-font-size, inherit);
}

.comment-form-visible-label span {
  color: var(--owp-comment-form-label-required-mark-color, inherit);
}

.oceanwp-social-menu ul li a {
  position: relative;
}
.oceanwp-social-menu .header-social-menu-external-mark {
  --owp-social-external-mark-padding: calc(var(--owp-social-external-mark-size) * 0.25);
  position: absolute;
  inset-block-start: var(--owp-social-external-mark-offset-y);
  inset-inline-end: var(--owp-social-external-mark-offset-x);
  width: var(--owp-social-external-mark-size);
  height: var(--owp-social-external-mark-size);
  padding: var(--owp-social-external-mark-padding);
  display: block;
  box-sizing: content-box;
  color: var(--owp-social-external-mark-color);
  fill: currentColor;
  background-color: var(--owp-social-external-mark-bg);
  border-radius: 50%;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
}

#top-bar-social ul li a {
  position: relative;
}
#top-bar-social .top-bar-social-menu-external-mark {
  --owp-topbar-social-external-mark-padding: calc(var(--owp-topbar-social-external-mark-size) * 0.25);
  position: absolute;
  inset-block-start: var(--owp-topbar-social-external-mark-offset-y);
  inset-inline-end: var(--owp-topbar-social-external-mark-offset-x);
  width: var(--owp-topbar-social-external-mark-size);
  height: var(--owp-topbar-social-external-mark-size);
  padding: var(--owp-topbar-social-external-mark-padding);
  display: block;
  box-sizing: content-box;
  color: var(--owp-topbar-social-external-mark-color);
  fill: currentColor;
  background-color: var(--owp-topbar-social-external-mark-bg);
  border-radius: 50%;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
}

.custom-header-media.ocean-accessible-header-media {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000;
  height: var(--owp-header-media-height, 600px);
}
.custom-header-media.ocean-accessible-header-media img,
.custom-header-media.ocean-accessible-header-media video,
.custom-header-media.ocean-accessible-header-media iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  display: block;
}
.custom-header-media.ocean-accessible-header-media img {
  object-position: var(--owp-header-media-image-position, "initial");
  object-fit: var(--owp-header-media-image-size, fill);
}
.custom-header-media.ocean-accessible-header-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: var(--owp-header-media-overlay-color, rgba(0, 0, 0, 0.3));
}
.custom-header-media.ocean-accessible-header-media .wp-custom-header-video-button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  cursor: pointer;
  z-index: 5;
  transition: all 0.2s ease-in-out;
  background-color: var(--owp-header-media-button-bg-color, rgba(0, 0, 0, 0.5));
  color: var(--owp-header-media-button-icon-color, rgba(255, 255, 255, 0.8));
  border: 1px solid var(--owp-header-media-button-border-color, rgba(255, 255, 255, 0.6));
}
.custom-header-media.ocean-accessible-header-media .wp-custom-header-video-button svg,
.custom-header-media.ocean-accessible-header-media .wp-custom-header-video-button i {
  width: 18px;
  height: 18px;
  fill: currentColor;
  color: inherit;
}
.custom-header-media.ocean-accessible-header-media .wp-custom-header-video-button:hover {
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-header-media.ocean-accessible-header-media .wp-custom-header-video-button:hover {
  background-color: var(--owp-header-media-button-bg-color-hover, rgba(0, 0, 0, 0.75));
  color: var(--owp-header-media-button-icon-color-hover, #ffffff);
  border-color: var(--owp-header-media-button-border-color-hover, rgba(255, 255, 255, 0.9));
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-header-media.ocean-accessible-header-media .wp-custom-header-video-button:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
  background-color: var(--owp-header-media-button-bg-color-focus, rgba(0, 0, 0, 0.75));
  color: var(--owp-header-media-button-icon-color-focus, #ffffff);
  border-color: var(--owp-header-media-button-border-color-focus, rgba(255, 255, 255, 0.9));
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body.admin-bar .custom-header-media.ocean-accessible-header-media .wp-custom-header-video-button {
  top: 52px;
}

button.sidr-class-toggle-sidr-close {
  display: block;
  background-color: #f8f8f8;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
  border: 0;
}
button.sidr-class-toggle-sidr-close:hover {
  background-color: #f8f8f8;
}
button.sidr-class-toggle-sidr-close i {
  display: inline-block;
  padding-right: 8px;
  margin: 0;
  width: auto;
  height: auto;
  line-height: 1;
  vertical-align: bottom;
}
button.sidr-class-toggle-sidr-close .owp-icon {
  margin-right: 8px;
}

form.sidr-class-mobile-searchform {
  margin-top: 15px;
}
form.sidr-class-mobile-searchform button[type=submit] {
  border: 0;
  margin-top: 0;
}
form.sidr-class-mobile-searchform button[type=submit]:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}

label.mobile-fs-search-visible-label {
  position: absolute;
  top: -15px;
  transform: translateX(50px);
}

#site-header.top-header #site-logo #site-description p {
  color: #929292;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}

#site-header.medium-header #medium-searchform label.medium-header-search-visible-label {
  top: -32px;
  left: 0;
}

#site-header.vertical-header #vertical-searchform form label.vertical-header-search-visible-label {
  left: 0;
  top: -15px;
}
#site-header.vertical-header .vertical-toggle {
  background-color: transparent;
}
#site-header.vertical-header .vertical-toggle:hover {
  background-color: transparent;
}
#site-header.vertical-header #site-navigation-wrap .dropdown-menu li > button.menu-link.dropdown-toggle {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  line-height: 1;
  padding: 17px 30px;
  text-align: left;
  color: #555;
  background: transparent;
  border: 0;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  letter-spacing: 0.6px;
  text-transform: none;
}
#site-header.vertical-header #site-navigation-wrap .dropdown-menu li > button.menu-link.dropdown-toggle:hover, #site-header.vertical-header #site-navigation-wrap .dropdown-menu li > button.menu-link.dropdown-toggle:active, #site-header.vertical-header #site-navigation-wrap .dropdown-menu li > button.menu-link.dropdown-toggle:focus {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
#site-header.vertical-header #site-navigation-wrap .dropdown-menu li > button.menu-link.dropdown-toggle .nav-arrow {
  display: flex;
  padding-left: 6px;
  line-height: 1;
  pointer-events: none;
}
#site-header.vertical-header #site-navigation-wrap .dropdown-menu > li > button.menu-link.dropdown-toggle:hover, #site-header.vertical-header #site-navigation-wrap .dropdown-menu > li > button.menu-link.dropdown-toggle:focus-visible {
  color: var(--owp-primary-color-hover, #13aff0);
}
#site-header.vertical-header #site-navigation-wrap .dropdown-menu ul li > button.menu-link.dropdown-toggle {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}
#site-header.vertical-header #site-navigation-wrap .dropdown-menu ul li > button.menu-link.dropdown-toggle:hover, #site-header.vertical-header #site-navigation-wrap .dropdown-menu ul li > button.menu-link.dropdown-toggle:focus-visible {
  color: #555;
  background-color: #f8f8f8;
}
#site-header.vertical-header #site-navigation-wrap .oceanwp-has-accessible-toggle > .dropdown-toggle {
  padding: 17px 30px;
}
#site-header.vertical-header #site-navigation-wrap .oceanwp-has-accessible-toggle > .dropdown-toggle .nav-arrow {
  display: flex;
}

#site-header.full_screen-header .menu-bar {
  background-color: transparent;
  border: 0;
}
#site-header.full_screen-header .menu-bar:hover {
  background-color: transparent;
}
#site-header.full_screen-header .menu-bar:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}

#mobile-fullscreen button.close {
  position: absolute;
  top: 14px;
  right: 14px;
  background-color: transparent;
  border: 0;
}
#mobile-fullscreen button.close:hover {
  background-color: transparent;
}
#mobile-fullscreen button.close:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}
#mobile-fullscreen button.close .close-icon-wrap {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 33px;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#mobile-fullscreen button.close .close-icon-wrap:hover {
  opacity: 0.7;
}
#mobile-fullscreen button.close .close-icon-inner,
#mobile-fullscreen button.close .close-icon-inner::after {
  display: inline-block;
  width: 40px;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
}
#mobile-fullscreen button.close .close-icon-inner {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobile-fullscreen button.close .close-icon-inner::after {
  content: "";
  display: block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#mobile-fullscreen ul.sub-menu li > a,
#mobile-fullscreen ul.sub-menu li > .oceanwp-sub-menu-toggle {
  min-height: 26px;
  height: 26px;
  line-height: 26px;
}
#mobile-fullscreen ul.sub-menu ul.sub-menu li > a,
#mobile-fullscreen ul.sub-menu ul.sub-menu li > .oceanwp-sub-menu-toggle {
  min-height: 26px;
  height: 26px;
  line-height: 26px;
}
#mobile-fullscreen .oceanwp-sub-menu-toggle::before,
#mobile-fullscreen .oceanwp-sub-menu-toggle::after {
  content: none !important;
  display: none !important;
}

#site-navigation-wrap .dropdown-menu > li button.dropdown-toggle {
  font-size: 13px;
  color: #555;
  letter-spacing: 0.6px;
}
#site-navigation-wrap .dropdown-menu > li button.dropdown-toggle:hover {
  color: var(--owp-primary-color, #13aff0);
}
#site-navigation-wrap .dropdown-menu > li > button.site-search-toggle {
  display: block;
  font-size: 13px;
  line-height: 74px;
  color: #555;
  padding: 0 15px;
  letter-spacing: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
#site-navigation-wrap .dropdown-menu > li > button.site-search-toggle:hover {
  color: var(--owp-primary-color, #13aff0);
}
#site-navigation-wrap .dropdown-menu > li > button.site-search-toggle:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}

.oceanwp-mobile-menu-icon > button {
  font-size: 13px;
  line-height: 74px;
  color: #555;
  padding-left: 15px;
  letter-spacing: 0.6px;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.oceanwp-mobile-menu-icon > button:first-child {
  padding-left: 0;
}
.oceanwp-mobile-menu-icon > button:hover {
  color: var(--owp-primary-color, #13aff0);
  background-color: transparent;
}
.oceanwp-mobile-menu-icon > button:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}
.oceanwp-mobile-menu-icon > button.mobile-menu .oceanwp-text,
.oceanwp-mobile-menu-icon > button.mobile-menu .oceanwp-close-text {
  padding-left: 6px;
}
.oceanwp-mobile-menu-icon > button.mobile-menu .oceanwp-close-text, .oceanwp-mobile-menu-icon > button.mobile-menu.opened .oceanwp-text {
  display: none;
}
.oceanwp-mobile-menu-icon > button.mobile-menu.opened .oceanwp-close-text {
  display: inline-block;
}

#searchform-overlay .search-overlay-close,
#icon-searchform-overlay .search-overlay-close {
  line-height: 40px;
  border: 0;
}
#searchform-overlay .search-overlay-close:focus-visible,
#icon-searchform-overlay .search-overlay-close:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}

#searchform-header-replace .header-search-visible-label {
  position: absolute;
  top: 0;
}

#searchform-header-replace-close {
  background: transparent;
  border: 0;
}
#searchform-header-replace-close:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}

#mobile-dropdown #mobile-menu-search {
  padding-top: 10px;
}
#mobile-dropdown #mobile-menu-search .oceanwp-mobile-menu-search-visible-label {
  display: block;
  margin-bottom: 6px;
}
#mobile-dropdown #mobile-menu-search button[type=submit]:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}

button.dropdown-toggle,
.oceanwp-sub-menu-toggle {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: 12px 40px;
  text-align: left;
  background: rgba(0, 0, 0, 0);
  width: 100%;
}

button.dropdown-toggle:focus-visible,
.oceanwp-sub-menu-toggle:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}

#mobile-dropdown ul li > button.menu-link.dropdown-toggle,
#mobile-dropdown ul li > button.oceanwp-sub-menu-toggle-icon {
  color: #555;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
#mobile-dropdown ul li > button.menu-link.dropdown-toggle:hover, #mobile-dropdown ul li > button.menu-link.dropdown-toggle:active, #mobile-dropdown ul li > button.menu-link.dropdown-toggle:focus,
#mobile-dropdown ul li > button.oceanwp-sub-menu-toggle-icon:hover,
#mobile-dropdown ul li > button.oceanwp-sub-menu-toggle-icon:active,
#mobile-dropdown ul li > button.oceanwp-sub-menu-toggle-icon:focus {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
#mobile-dropdown ul li > button.menu-link.dropdown-toggle:hover, #mobile-dropdown ul li > button.menu-link.dropdown-toggle:focus-visible,
#mobile-dropdown ul li > button.oceanwp-sub-menu-toggle-icon:hover,
#mobile-dropdown ul li > button.oceanwp-sub-menu-toggle-icon:focus-visible {
  color: var(--owp-primary-color-hover, #13aff0);
}
#mobile-dropdown ul li > button.menu-link.dropdown-toggle {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 40px;
  text-align: left;
}
#mobile-dropdown ul li.active > button.menu-link.dropdown-toggle,
#mobile-dropdown ul li.active > button.oceanwp-sub-menu-toggle-icon, #mobile-dropdown ul li.open-sub > button.menu-link.dropdown-toggle,
#mobile-dropdown ul li.open-sub > button.oceanwp-sub-menu-toggle-icon {
  color: var(--owp-primary-color-hover, #13aff0);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

[data-oceanwp-submenu-toggle]:focus-visible {
  outline: var(--owp-focus-outline-width) solid var(--owp-focus-outline-color, currentColor);
  outline-offset: var(--owp-focus-outline-offset);
}

.oceanwp-sub-menu-toggle .nav-arrow {
  pointer-events: none;
}

.oceanwp-has-submenu-toggle,
.oceanwp-has-accessible-toggle {
  position: relative;
}
.oceanwp-has-submenu-toggle > .oceanwp-sub-menu-toggle-icon,
.oceanwp-has-accessible-toggle > .oceanwp-sub-menu-toggle-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  z-index: 2;
}
.oceanwp-has-submenu-toggle > .oceanwp-sub-menu-toggle-icon .nav-arrow,
.oceanwp-has-accessible-toggle > .oceanwp-sub-menu-toggle-icon .nav-arrow {
  transition: transform 0.25s ease;
}
.oceanwp-has-submenu-toggle > .oceanwp-sub-menu-toggle-icon + .sub-menu,
.oceanwp-has-accessible-toggle > .oceanwp-sub-menu-toggle-icon + .sub-menu {
  clear: both;
}

/* Rotate top-level submenu arrows */
.oceanwp-has-submenu-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow,
.oceanwp-has-submenu-toggle.active > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow, .oceanwp-has-submenu-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow,
.oceanwp-has-submenu-toggle.open-sub > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow,
.oceanwp-has-accessible-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow,
.oceanwp-has-accessible-toggle.active > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow,
.oceanwp-has-accessible-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow,
.oceanwp-has-accessible-toggle.open-sub > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}

/* Rotate nested submenu arrows */
.sub-menu .oceanwp-has-accessible-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow, .sub-menu .oceanwp-has-accessible-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow {
  transition: transform 0.25s ease;
  transform: rotate(90deg);
}

#mobile-fullscreen li > button.menu-link,
#full-screen-menu li > button.menu-link {
  display: block;
  color: #fff;
  background: transparent;
  border: 0;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 12px 0;
  text-align: center;
}
#mobile-fullscreen li > button.menu-link:hover, #mobile-fullscreen li > button.menu-link:active, #mobile-fullscreen li > button.menu-link:focus,
#full-screen-menu li > button.menu-link:hover,
#full-screen-menu li > button.menu-link:active,
#full-screen-menu li > button.menu-link:focus {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
#mobile-fullscreen li > button.menu-link:hover, #mobile-fullscreen li > button.menu-link:focus-visible,
#full-screen-menu li > button.menu-link:hover,
#full-screen-menu li > button.menu-link:focus-visible {
  color: #929292;
}
#mobile-fullscreen li > button.menu-link .nav-arrow,
#full-screen-menu li > button.menu-link .nav-arrow {
  position: absolute;
  top: 25%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
  z-index: 2;
}
#mobile-fullscreen li button.dropdown-toggle,
#full-screen-menu li button.dropdown-toggle {
  padding-left: 0;
}
#mobile-fullscreen li > .menu-link .nav-arrow,
#mobile-fullscreen li > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#full-screen-menu li > .menu-link .nav-arrow,
#full-screen-menu li > .oceanwp-sub-menu-toggle-icon .nav-arrow {
  display: inline-block;
  width: 26px;
  padding-left: 0;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
}
#mobile-fullscreen li > .menu-link .nav-arrow::before,
#mobile-fullscreen li > .oceanwp-sub-menu-toggle-icon .nav-arrow::before,
#full-screen-menu li > .menu-link .nav-arrow::before,
#full-screen-menu li > .oceanwp-sub-menu-toggle-icon .nav-arrow::before {
  content: "+";
}
#mobile-fullscreen li.open-sub > .menu-link .nav-arrow::before,
#mobile-fullscreen li.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow::before,
#full-screen-menu li.open-sub > .menu-link .nav-arrow::before,
#full-screen-menu li.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow::before {
  content: "-";
}
#mobile-fullscreen .oceanwp-has-submenu-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#mobile-fullscreen .oceanwp-has-submenu-toggle.active > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow, #mobile-fullscreen .oceanwp-has-submenu-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#mobile-fullscreen .oceanwp-has-submenu-toggle.open-sub > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow,
#mobile-fullscreen .oceanwp-has-accessible-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#mobile-fullscreen .oceanwp-has-accessible-toggle.active > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow,
#mobile-fullscreen .oceanwp-has-accessible-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#mobile-fullscreen .oceanwp-has-accessible-toggle.open-sub > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow,
#full-screen-menu .oceanwp-has-submenu-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#full-screen-menu .oceanwp-has-submenu-toggle.active > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow,
#full-screen-menu .oceanwp-has-submenu-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#full-screen-menu .oceanwp-has-submenu-toggle.open-sub > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow,
#full-screen-menu .oceanwp-has-accessible-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#full-screen-menu .oceanwp-has-accessible-toggle.active > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow,
#full-screen-menu .oceanwp-has-accessible-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#full-screen-menu .oceanwp-has-accessible-toggle.open-sub > .menu-link.oceanwp-sub-menu-toggle-parent .nav-arrow {
  transform: none;
}
#mobile-fullscreen .sub-menu .oceanwp-has-accessible-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow, #mobile-fullscreen .sub-menu .oceanwp-has-accessible-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#full-screen-menu .sub-menu .oceanwp-has-accessible-toggle.active > .oceanwp-sub-menu-toggle-icon .nav-arrow,
#full-screen-menu .sub-menu .oceanwp-has-accessible-toggle.open-sub > .oceanwp-sub-menu-toggle-icon .nav-arrow {
  transform: none;
}

#full-screen-menu li > button.menu-link {
  font-size: 24px;
  line-height: 1.2;
}
#full-screen-menu li > button.menu-link .nav-arrow {
  width: 48px;
  height: auto;
}

#mobile-fullscreen li > button.menu-link {
  font-size: 15px;
  line-height: 1.2;
  width: 100%;
}
#mobile-fullscreen li > button.menu-link::before {
  display: none;
}

.comment-respond .logged-in-as a {
  color: var(--owp-link-color, #333333);
  text-decoration: underline 0.1em;
  text-underline-offset: 0.2em;
}

.comment-respond .logged-in-as a:hover,
.comment-respond .logged-in-as a:focus-visible {
  color: var(--owp-link-color-hover, #13aff0);
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: a11y.css

Server Info

System Features

User Info