File: /home/leoir/domains/leo-co.ir/private_html/wp-content/themes/oceanwp/assets/css/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;
}