/*
Theme Name: Acceptum
Description: Theme for Acceptum based on Avada
Author: Paulina Gajarska
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Use the light brown background for selected page headers. */
body.page-id-2278 .fusion-tb-header,
body.page-id-3975 .fusion-tb-header {
  background-color: var(--awb-color5) !important;
}

/* Remove borders from clean vertical tab navigation. */
.fusion-tabs.clean.vertical-tabs .nav-tabs > li > .tab-link,
.fusion-tabs.clean.vertical-tabs .nav-tabs > li > .tab-link:hover,
.fusion-tabs.clean.vertical-tabs .nav-tabs > li.active > .tab-link,
.fusion-tabs.clean.vertical-tabs .nav-tabs > li.active > .tab-link:hover {
  border-color: transparent !important;
}

/* Header main menu hover color. */
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__main-a:hover,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__main-a:hover .menu-text {
  color: #2f4858;
}

/* Header main menu dropdown container styling. */
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-ul {
  background-color: #2f4858 !important;
  border-radius: 40px !important;
  overflow: hidden !important;
}

/* Header main menu text and dropdown caret color. */
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__main-a .menu-text,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__open-nav-submenu-hover {
  color: #2f4858;
}

/* Header main menu dropdown item default colors. */
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-a,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-a .menu-text {
  background-color: #2f4858 !important;
  color: #eae4df !important;
}

/* Header main menu dropdown item hover colors. */
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-a:hover,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-a:hover .menu-text,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li:hover > .awb-menu__sub-a,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li:hover > .awb-menu__sub-a .menu-text {
  background-color: #f0801a !important;
  color: #eae4df !important;
}

/* Header main menu active dropdown item default colors. */
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li.current-menu-item > .awb-menu__sub-a,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li.current-menu-item > .awb-menu__sub-a .menu-text,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li.current-menu-ancestor > .awb-menu__sub-a,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li.current-menu-ancestor > .awb-menu__sub-a .menu-text {
  background-color: #2f4858 !important;
  color: #eae4df !important;
}

/* Header main menu active dropdown item hover colors. */
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li.current-menu-item:hover > .awb-menu__sub-a,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li.current-menu-item:hover > .awb-menu__sub-a .menu-text,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li.current-menu-ancestor:hover > .awb-menu__sub-a,
:is(#menu-acceptum-main-menu, #menu-acceptum-main-menu-en) .awb-menu__sub-li.current-menu-ancestor:hover > .awb-menu__sub-a .menu-text {
  background-color: #f0801a !important;
  color: #eae4df !important;
}

/* Off-canvas text links and footer contact links use light brown by default. */
.awb-off-canvas-wrap .off-canvas-content .fusion-text a,
.fusion-tb-footer a[href^="mailto:"],
.fusion-tb-footer a[href^="tel:"] {
  color: var(--awb-color5) !important;
}

/* Off-canvas text links and footer contact links use orange on hover. */
.awb-off-canvas-wrap .off-canvas-content .fusion-text a:hover,
.fusion-tb-footer a[href^="mailto:"]:hover,
.fusion-tb-footer a[href^="tel:"]:hover {
  color: var(--awb-color4) !important;
}

/* Keep decorative footer icons from changing color on hover. */
.fusion-tb-footer .fontawesome-icon.fb-icon-element {
  --awb-iconcolor-hover: var(--awb-iconcolor);
  --awb-circlecolor-hover: var(--awb-circlecolor);
  --awb-circlebordercolor-hover: var(--awb-circlebordercolor);
}