/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.button-large {
    font-size: inherit!important;
    padding: 20px 14px!important;
}

/* menu buttons */
#menu-agent-partner-menu .fusion-button {
    padding: 14px!important;
}

li.button-grey a span {
    background-color: #737373!important;
}

li.button-grey a span:hover {
	background-color: #73737360!important;
}

.button-light,
.button-light-green {
    background-color: transparent!important;
    text-transform: capitalize!important;
    padding: 20px 0px 20px 0px!important;
}

.button-light:hover,
.button-light-green:hover {
    background-color: transparent!important;
}

.button-light::after,
.button-light-green::after {
    content: ""!important;
    position: absolute!important;
    left: 0!important;
    bottom: 0!important;
    width: 45%!important;
    height: 1px!important;
}

.button-light::after {
    background: #ffffff!important;
}

.button-light-green::after {
    background: var(--awb-color6)!important;
}

.button-light:hover::after,
.button-light-green:hover::after{
    transition: width 0.2s ease!important;
    width: 100%!important;
}

.button-light-green .fusion-button-text,
.button-light-green .fusion-button-text:hover {
    color: var(--awb-color6)!important;
    text-transform: capitalize!important;
}

.button-outline {
    background-color: transparent!important;
    border: 1px solid #ffffff!important;
}

.button-outline:hover {
	background-color: #ffffff30!important;
}

.button-outline-green {
    background-color: transparent!important;
    border: 1px solid var(--awb-color6)!important;
}

.button-outline-green .fusion-button-text {
    color: var(--awb-color6)!important;
}

.top-bar-right .fusion-column-wrapper {
    gap: 20px;
}

/* fix maven pro font definitions */
strong {
    font-weight: 600!important;
}

em {
    font-style: italic!important;
}

/* flex gaps */
.gap-40 > div {
    gap: 40px;
}

.gap-30 > div {
    gap: 30px;
}

.gap-20 > div {
    gap: 20px;
}

/* ensure h4 in highlight is white */
.highlight h4 {
    color: #ffffff!important;
}

/* breadcrumb */
nav.custom-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
}

nav.custom-breadcrumb a,
nav.custom-breadcrumb span {
    text-transform: uppercase;
    line-height: 1.2;
}

nav.custom-breadcrumb a:hover {
    text-underline-offset: 5px!important;
}

.fusion-tb-categories {
    text-transform: uppercase!important;
}

/* background behind numbered lists */

.highlight-green-ol ol {
    counter-reset: item;
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.highlight-green-ol ol li {
    counter-increment: item;
    position: relative;
    padding-left: 55px;
    padding-top: 8px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.highlight-green-ol ol li::before {
    content: counter(item);
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    color: var(--awb-color6);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* /background ol */