/*****
// General Button Styles
*****/

.fusion-button-wrapper{}
.fusion-button-wrapper+.fusion-button-wrapper{
	margin-left: 20px;
}

.button{ text-decoration: none;}
.button:focus {
	outline: none;
  text-decoration: none;
}
.button > span {
	vertical-align: middle;
	position: relative;
	z-index: 1;
}
.button-small{
	padding: 10px 20px;
}
.fusion-button,
.fusion-button.button--text-upper{
  letter-spacing: -0.1px;
  text-decoration: none;
}
.fusion-body .button-round.button-3d, .fusion-body .fusion-button-round.button-3d, .fusion-button-round.button-3d,
.fusion-body .button-round.button-flat, .fusion-body .fusion-button-round.button-flat, .fusion-button-round.button-flat,
.fusion-menu-item-button a span.menu-text{
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
  text-decoration: none;
}
.fusion-button-default, .fusion-button.button-default, .fusion-portfolio-one .fusion-button {
	border: none;
  text-decoration: none;
}
.fusion-button i, .fusion-button-icon-divider, .fusion-button-text{
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	top: -2px;
}

.fusion-button-wrappercenter a.fusion-button{
	width: 100%
}

/*****
// Menu Button Styles
*****/
.fusion-menu-item-button a span.menu-text{
	display: block;
	height: auto;
	line-height: initial;
	margin-bottom: -14px;
  text-decoration: none;
}



/*****
// BLUE Button
*****/

/* DEFAULT Button - defaults to blue */
div[class^='fusion-button-wrapper'] .fusion-button.button-default,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue,

/* Header Variations */
.fusion-menu-item-button.button-menu-default a span.menu-text,
.fusion-menu-item-button.button-menu-blue a span.menu-text,

/* We'll hook into the default Avada Default and Blue options for header buttons too */
.fusion-menu-item-button a span.menu-text.button-default,
.fusion-menu-item-button a span.menu-text.button-blue,
.searchform .fusion-search-form-content .fusion-search-button{
	color: #EEF2F5;
	background-color: rgba(25, 129, 196, 1);
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
.fusion-search-button {
    border-radius: 0px 11px 11px 0px;
   text-decoration: none;
}
/* Icon colours */
div[class^='fusion-button-wrapper'] .fusion-button.button-default i,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue i{
	color: #EEF2F5;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-default.active, div[class^='fusion-button-wrapper'] .fusion-button.button-default:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-default:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.active, div[class^='fusion-button-wrapper'] .fusion-button.button-blue:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-blue:focus,

/* Header Variations */
.fusion-menu-item-button.button-menu-default.active span.menu-text, .fusion-menu-item-button.button-menu-default span.menu-text:hover, .fusion-menu-item-button.button-menu-default a:focus span.menu-text,
.fusion-menu-item-button.button-menu-blue a.active span.menu-text, .fusion-menu-item-button.button-menu-blue a:hover span.menu-text, .fusion-menu-item-button.button-menu-blue a:focus span.menu-text,

/* We'll hook into the default Avada Default and Blue options for header buttons too */
.fusion-menu-item-button a.active span.menu-text.button-default, .fusion-menu-item-button a:hover span.menu-text.button-default, .fusion-menu-item-button a:focus span.menu-text.button-default,
.fusion-menu-item-button a.active span.menu-text.button-blue, .fusion-menu-item-button a:hover span.menu-text.button-blue, .fusion-menu-item-button a:focus span.menu-text.button-blue
.searchform .fusion-search-form-content .fusion-search-button.active, .searchform .fusion-search-form-content .fusion-search-button:hover, .searchform .fusion-search-form-content .fusion-search-button:focus{
	color: #EEF2F5;
	background-color: #4D9ED1;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-default.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-default:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-default:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-blue:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-blue:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-default.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-default:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-default:focus i,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-blue:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-blue:focus i{
	color: #EEF2F5;
}


/* Wayra Background Colour Styles */

/* DEFAULT Button - defaults to blue */
div[class^='fusion-button-wrapper'] .fusion-button.button-default::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue::before,
/* Header Variations */
.fusion-menu-item-button.button-menu-default.button-3d a:hover span.menu-text::before,
.fusion-menu-item-button.button-menu-blue.button-3d a:hover span.menu-text::before,
/* We'll hook into the default Avada Default and Blue options for header buttons too */
.fusion-menu-item-button a:hover span.menu-text.button-default.button-3d::before,
.fusion-menu-item-button a:hover span.menu-text.button-blue.button-3d::before,
.searchform .fusion-search-form-content .fusion-search-button:hover::before{
	background-color: #4D9ED1;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-3d.active, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-3d:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-3d:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-3d.active, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-3d:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-3d:focus,

/* Header Variations */
.fusion-menu-item-button.button-menu-default.button-3d a.active span.menu-text, .fusion-menu-item-button.button-menu-default.button-3d a:hover span.menu-text, .fusion-menu-item-button.button-menu-default.button-3d a:focus span.menu-text,
.fusion-menu-item-button.button-menu-blue.button-3d a.active span.menu-text, .fusion-menu-item-button.button-menu-blue.button-3d a:hover span.menu-text, .fusion-menu-item-button.button-menu-blue.button-3d a:focus span.menu-text,

/* We'll hook into the default Avada Default and Blue options for header buttons too */
.fusion-menu-item-button a.active span.menu-text.button-default.button-3d .fusion-menu-item-button a:hover span.menu-text.button-default.button-3d, .fusion-menu-item-button a:focus span.menu-text.button-default.button-3d,
.fusion-menu-item-button a.active span.menu-text.button-blue.button-3d, .fusion-menu-item-button a:hover span.menu-text.button-blue.button-3d, .fusion-menu-item-button a:focus span.menu-text.button-blue.button-3d,
.searchform .fusion-search-form-content .fusion-search-button.active, .searchform .fusion-search-form-content .fusion-search-button:hover, .searchform .fusion-search-form-content .fusion-search-button:focus{
	background-color: rgba(77, 158, 209, 0);
}




/*****
// BLUE INVERSE Button
*****/

/* DEFAULT Button - defaults to blue */
div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse,

/* Header Variations */
.fusion-menu-item-button.button-menu-default.button-inverse a span.menu-text,
.fusion-menu-item-button.button-menu-blue.button-inverse a span.menu-text,

/* We'll hook into the default Avada Default and Blue options for header buttons too */
.fusion-menu-item-button.button-inverse a span.menu-text.button-default,
.fusion-menu-item-button.button-inverse a span.menu-text.button-blue{
	color: #1981C4;
	background-color: #EEF2F5;
	border: solid 2px #1981C4;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse i,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse i{
	color: #1981C4;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse:focus,

/* Header Variations */
.fusion-menu-item-button.button-menu-default.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-menu-default a:hover span.menu-text, .fusion-menu-item-button.button-menu-default a:focus span.menu-text,
.fusion-menu-item-button.button-menu-blue.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-menu-blue a:hover span.menu-text, .fusion-menu-item-button.button-menu-blue a:focus span.menu-text,

/* We'll hook into the default Avada Default and Blue options for header buttons too */
.fusion-menu-item-button.button-inverse a.active span.menu-text.button-default, .fusion-menu-item-button.button-inverse a:hover span.menu-text.button-default, .fusion-menu-item-button.button-inverse a:focus span.menu-text.button-default,
.fusion-menu-item-button.button-inverse a.active span.menu-text.button-blue, .fusion-menu-item-button.button-inverse a:hover span.menu-tex.button-bluet, .fusion-menu-item-button.button-inverse a:focus span.menu-text.button-blue{
	color: #4D9ED1;
	background-color: #EEF2F5;
	border: solid 2px #4D9ED1;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse:focus i,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse:focus i{
	color: #4D9ED1;
}


/* Wayra Background Colour Styles */

/* DEFAULT Button - defaults to blue */
div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse.button--wayra::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse.button--wayra::before,
/* Header Variations */
.fusion-menu-item-button.button-menu-default.button-inverse a:hover span.menu-text::before,
.fusion-menu-item-button.button-menu-blue.button-inverse a:hover span.menu-text:before,
/* We'll hook into the default Avada Default and Blue options for header buttons too */
.fusion-menu-item-button.button-inverse a:hover span.menu-text.button-default:before,
.fusion-menu-item-button.button-inverse a:hover span.menu-text.button-blue:before{
	background-color: #EEF2F5;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-default.button-inverse.button--wayra:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-blue.button-inverse.button--wayra:focus,
/* Header Variations */
.fusion-menu-item-button.button-menu-default.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-menu-default a:hover span.menu-text, .fusion-menu-item-button.button-menu-default a:focus span.menu-text,
.fusion-menu-item-button.button-menu-blue.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-menu-blue a:hover span.menu-text, .fusion-menu-item-button.button-menu-blue a:focus span.menu-text,
/* We'll hook into the default Avada Default and Blue options for header buttons too */
.fusion-menu-item-button.button-inverse a.active span.menu-text.button-default, .fusion-menu-item-button.button-inverse a:hover span.menu-text.button-default, .fusion-menu-item-button.button-inverse a:focus span.menu-text.button-default,
.fusion-menu-item-button.button-inverse a.active span.menu-text.button-blue, .fusion-menu-item-button.button-inverse a:hover span.menu-text.button-blue, .fusion-menu-item-button.button-inverse a:focus span.menu-text.button-blue{
	background-color: rgba(238, 242, 245, 0);
}



/*****
// YELLOW Button
*****/


/* We'll hook into the default Avada Orange option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange,

/* Header Variations */
/* We'll hook into the default Avada Orange option for header buttons too */
.fusion-menu-item-button.button-menu-yellow a span.menu-text,
.fusion-menu-item-button.button-orange a span.menu-text{
	color: #EEF2F5;
	background-color: #F5BC23;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow i,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange i{
	color: #EEF2F5;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.active, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.active, div[class^='fusion-button-wrapper'] .fusion-button.button-orange:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-orange:focus,
/* Header Variations */
/* We'll hook into the default Avada Orange option for header buttons too */
.fusion-menu-item-button.button-menu-yellow a.active span.menu-text, .fusion-menu-item-button.button-menu-yellow a:hover span.menu-text, .fusion-menu-item-button.button-menu-yellow a:focus span.menu-text,
.fusion-menu-item-button.button-orange a.active span.menu-text, .fusion-menu-item-button.button-orange a:hover span.menu-text, .fusion-menu-item-button.button-orange a:focus span.menu-text{
	color: #EEF2F5;
	background-color: #F7CB55;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-orange:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-orange:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow:focus i,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-orange:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-orange:focus i{
	color: #EEF2F5;
}



/* Wayra Background Colour Styles */

/* We'll hook into the default Avada Orange option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button--wayra::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button--wayra::before,
/* Header Variations */
/* We'll hook into the default Avada Orange option for header buttons too */
.fusion-menu-item-button.button-menu-yellow a:hover span.menu-text::before,
.fusion-menu-item-button.button-orange a:hover span.menu-text::before{
	background-color: #F7CB55;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button--wayra:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button--wayra:focus,
/* Header Variations */
/* We'll hook into the default Avada Orange option for header buttons too */
.fusion-menu-item-button.button-menu-yellow a.active span.menu-text, .fusion-menu-item-button.button-menu-yellow a:hover span.menu-text, .fusion-menu-item-button..button-menu-yellow a:focus span.menu-text,
.fusion-menu-item-button.button-orange a.active span.menu-text, .fusion-menu-item-button.button-orange a:hover span.menu-text, .fusion-menu-item-button.button-orange a:focus span.menu-text{
	background-color: rgba(245, 188, 35, 0);
}



/*****
// YELLOW INVERSE Button
*****/


/* We'll hook into the default Avada Orange option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse,

/* Header Variations */
/* We'll hook into the default Avada Orange option for header buttons too */
.fusion-menu-item-button.button-menu-yellow.button-inverse a span.menu-text,
.fusion-menu-item-button.button-orange.button-inverse a span.menu-text{
	color: #EEF2F5;
	background-color: #F5BC23;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse i,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse i{
	color: #EEF2F5;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse:focus,

/* Header Variations */
/* We'll hook into the default Avada Orange option for header buttons too */
.fusion-menu-item-button.button-menu-yellow.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-menu-yellow.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-menu-yellow.button-inverse a:focus span.menu-text,
.fusion-menu-item-button.button-orange.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-orange.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-orange.button-inverse a:focus span.menu-text{
	color: #EEF2F5;
	background-color: #F7CB55;
	border: solid 2px #EEF2F5;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse:focus i,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse:focus i{
	color: #EEF2F5;
}

/* Wayra Background Colour Styles */
/* We'll hook into the default Avada Orange option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse.button--wayra::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse.button--wayra::before,
/* Header Variations */
/* We'll hook into the default Avada Orange option for header buttons too */
.fusion-menu-item-button.button-menu-yellow.button-inverse a:hover span.menu-text::before,
.fusion-menu-item-button.button-orange.button-inverse a:hover span.menu-text::before{
	background-color: #F7CB55;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-yellow.button-inverse.button--wayra:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-orange.button-inverse.button--wayra:focus,
/* Header Variations */
/* We'll hook into the default Avada Orange option for header buttons too */
.fusion-menu-item-button.button-menu-yellow.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-menu-yellow.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-menu-yellow.button-inverse a:focus span.menu-text,
.fusion-menu-item-button.button-orange.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-orange.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-orange.button-inverse a:focus span.menu-text{
	background-color: rgba(245, 188, 35, 0);
}



/*****
// DARK GREY Button
*****/

div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray,

/* Header Variations */
.fusion-menu-item-button.button-darkgray a span.menu-text{
	color: #EEF2F5;
	background-color: #4E5C67;
	border: solid 2px #EEF2F5;
   text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray i{
	color: #EEF2F5;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.active, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray:focus,

/* Header Variations */
.fusion-menu-item-button.button-darkgray a.active span.menu-text, .fusion-menu-item-button.button-darkgray a:hover span.menu-text, .fusion-menu-item-button.button-darkgray a:focus span.menu-text{
	color: #EEF2F5;
	background-color: #76818A;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray:focus i{
	color: #EEF2F5;
}

/* Wayra Background Colour Styles */

div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button--wayra::before,
/* Header Variations */
.fusion-menu-item-button.button-darkgray a:hover span.menu-text::before{
	background-color: #76818A;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button--wayra:focus,
/* Header Variations */
.fusion-menu-item-button.button-darkgray a.active span.menu-text, .fusion-menu-item-button.button-darkgray a:hover span.menu-text, .fusion-menu-item-button.button-darkgray a:focus span.menu-text{
	background-color: rgba(78, 92, 103, 0);
}

/*****
// DARK GREY INVERSE Button
*****/

div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse,

/* Header Variations */
.fusion-menu-item-button.button-darkgray.button-inverse a span.menu-text{
	color: #4E5C67;
	background-color: #EEF2F5;
	border: solid 2px #4E5C67;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse i{
	color: #4E5C67;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse:focus,

/* Header Variations */
.fusion-menu-item-button.button-darkgray.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-darkgray.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-darkgray.button-inverse a:focus span.menu-text{
	color: #76818A;
	background-color: #EEF2F5;
	border: solid 2px #76818A;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse:focus i{
	color: #76818A;
}

/* Wayra Background Colour Styles */
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse.button--wayra::before,
/* Header Variations */
.fusion-menu-item-button.button-darkgray.button-inverse a:hover span.menu-text::before{
	background-color: #EEF2F5;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgray.button-inverse.button--wayra:focus,
/* Header Variations */
.fusion-menu-item-button.button-darkgray.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-darkgray.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-darkgray.button-inverse a:focus span.menu-text{
	background-color: rgba(238, 242, 245, 0);
}

/*****
// GREEN SUCCESS Button
*****/


/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-success,
div[class^='fusion-button-wrapper'] .fusion-button.button-green,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-success a span.menu-text,
.fusion-menu-item-button.button-green a span.menu-text{
	color: #EEF2F5;
	background-color: #7CD55E;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-success i,
div[class^='fusion-button-wrapper'] .fusion-button.button-green i{
	color: #EEF2F5;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-success.active, div[class^='fusion-button-wrapper'] .fusion-button.button-success:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-success:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.active, div[class^='fusion-button-wrapper'] .fusion-button.button-green:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-green:focus,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-success a.active span.menu-text, .fusion-menu-item-button.button-menu-success a:hover span.menu-text, .fusion-menu-item-button.button-menu-success a:focus span.menu-text,
.fusion-menu-item-button.button-green a.active span.menu-text, .fusion-menu-item-button.button-green a:hover span.menu-text, .fusion-menu-item-button.button-green a:focus span.menu-text{
	color: #EEF2F5;
	background-color: #9ADF83;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-success.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-success:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-success:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-green:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-green:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-success.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-success:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-success:focus i,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-green:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-green:focus i{
	color: #EEF2F5;
}

/* Wayra Background Colour Styles */

/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-success.button--wayra::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.button--wayra::before,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-success a:hover span.menu-text::before,
.fusion-menu-item-button.button-green a:hover span.menu-text::before{
	background-color: #9ADF83;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-success.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-success.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-success.button--wayrafocus,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-green.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-green.button--wayra:focus,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-success a.active span.menu-text, .fusion-menu-item-button.button-menu-success a:hover span.menu-text, .fusion-menu-item-button.button-menu-success a:focus span.menu-text,
.fusion-menu-item-button.button-green a.active span.menu-text, .fusion-menu-item-button.button-green a:hover span.menu-text, .fusion-menu-item-button.button-green a:focus span.menu-text{
	background-color: rgba(124, 213, 94, 0);
}


/*****
// GREEN SUCCESS INVERSE Button
*****/


/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-success.button-inverse a span.menu-text,
.fusion-menu-item-button.button-green.button-inverse a span.menu-text{
	color: #7CD55E;
	background-color: #EEF2F5;
	border: solid 2px #7CD55E;
    text-decoration: none;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse:focus,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-success a.active span.menu-text, .fusion-menu-item-button.button-menu-success a:hover span.menu-text, .fusion-menu-item-button.button-menu-success a:focus span.menu-text,
.fusion-menu-item-button.button-inverse.button-green a.active span.menu-text, .fusion-menu-item-button.button-green.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-green.button-inverse a:focus span.menu-text{
	color: #9ADF83;
	background-color: #EEF2F5;
	border: solid 2px #9ADF83;
    text-decoration: none;
}

div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse:focus .fusion-button-text{
	color: #9ADF83;
}

/* Wayra Background Colour Styles */

/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse.button--wayra::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse.button--wayra::before,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-success.button-inverse a:hover span.menu-text::before,
.fusion-menu-item-button.button-green.button-inverse a:hover span.menu-text::before{
	background-color: #EEF2F5;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-success.button-inverse:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-green.button-inverse:focus,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-success a.active span.menu-text, .fusion-menu-item-button.button-menu-success a:hover span.menu-text, .fusion-menu-item-button.button-menu-success a:focus span.menu-text,
.fusion-menu-item-button.button-inverse.button-green a.active span.menu-text, .fusion-menu-item-button.button-green.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-green.button-inverse a:focus span.menu-text{
	background-color: #EEF2F5;
}



/*****
// RED DANGER Button
*****/


/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-danger,
div[class^='fusion-button-wrapper'] .fusion-button.button-red,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-danger a span.menu-text,
.fusion-menu-item-button.button-red a span.menu-text{
	color: #EEF2F5;
	background-color: #E85762;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.active, div[class^='fusion-button-wrapper'] .fusion-button.button-danger:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-danger:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.active, div[class^='fusion-button-wrapper'] .fusion-button.button-red:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-red:focus,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-danger a.active span.menu-text, .fusion-menu-item-button.button-menu-danger a:hover span.menu-text, .fusion-menu-item-button.button-menu-danger a:focus span.menu-text,
.fusion-menu-item-button.button-red a.active span.menu-text, .fusion-menu-item-button.button-red a:hover span.menu-text, .fusion-menu-item-button.button-red a:focus span.menu-text{
	color: #EEF2F5;
	background-color: #ED7D86;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-danger:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-danger:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-red:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-red:focus .fusion-button-text{
	color: #EEF2F5;
}

/* Wayra Background Colour Styles */
/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button--wayra::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.button--wayra::before,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-danger a:hover span.menu-text::before,
.fusion-menu-item-button.button-red a:hover span.menu-text::before{
	background-color: #ED7D86;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button--wayra:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-red.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-red.button--wayra:focus,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-danger a.active span.menu-text, .fusion-menu-item-button.button-menu-danger a:hover span.menu-text, .fusion-menu-item-button.button-menu-danger a:focus span.menu-text,
.fusion-menu-item-button.button-red a.active span.menu-text, .fusion-menu-item-button.button-red a:hover span.menu-text, .fusion-menu-item-button.button-red a:focus span.menu-text{
	background-color: rgba(232, 87, 98, 0);
}


/*****
// RED DANGER INVERSE Button
*****/


/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-danger.button-inverse a span.menu-text,
.fusion-menu-item-button.button-red.button-inverse a span.menu-text{
	color: #E85762;
	background-color: #EEF2F5;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse:focus,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-danger.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-menu-danger.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-menu-danger.button-inverse a:focus span.menu-text,
.fusion-menu-item-button.button-red.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-red.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-red.button-inverse a:focus span.menu-text{
	color: #ED7D86;
	background-color: #EEF2F5;
	border: solid 2px #ED7D86;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse:focus .fusion-button-text{
	color: #ED7D86;
}


/* Wayra Background Colour Styles */
/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse.button--wayra::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse.button--wayra::before,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-danger.button-inverse a:hover span.menu-text::before,
.fusion-menu-item-button.button-red.button-inverse a:hover span.menu-text::before{
	background-color: #EEF2F5;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-danger.button-inverse.button--wayra:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-red.button-inverse.button--wayra:focus,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-danger.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-menu-danger.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-menu-danger.button-inverse a:focus span.menu-text,
.fusion-menu-item-button.button-red.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-red.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-red.button-inverse a:focus span.menu-text{
	background-color: rgba(238, 242, 245, 0);
}

/*****
// DISABLED Button
*****/

div[class^='fusion-button-wrapper'] .fusion-button.button-disabled
div[class^='fusion-button-wrapper'] .fusion-button:disabled,
div[class^='fusion-button-wrapper'] .fusion-button[disabled],

/* Header Variations */
.fusion-menu-item-button.button-disabled a span.menu-text,
.fusion-menu-item-button a:disabled, span.menu-text
.fusion-menu-item-button a[disabled] span.menu-text{
	color: #EEF2F5;
	background-color: #DBE3E9;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-disabled.active, div[class^='fusion-button-wrapper'] .fusion-button.button-disabled:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-disabled:focus,
div[class^='fusion-button-wrapper'] .fusion-button:disabled.active, div[class^='fusion-button-wrapper'] .fusion-button:disabled:hover, div[class^='fusion-button-wrapper'] .fusion-button:disabled:focus,
div[class^='fusion-button-wrapper'] .fusion-button[disabled].active, div[class^='fusion-button-wrapper'] .fusion-button[disabled]:hover, div[class^='fusion-button-wrapper'] .fusion-button[disabled]:focus

/* Header Variations */
.fusion-menu-item-button.button-disabled a.active span.menu-text, .fusion-menu-item-button.button-disabled a:hover span.menu-text, .fusion-menu-item-button.button-disabled a:focus span.menu-text,
.fusion-menu-item-button a:disabled.active span.menu-text, .fusion-menu-item-button a:disabled:hover span.menu-text, .fusion-menu-item-button a:disabled:focus span.menu-text,
.fusion-menu-item-button a[disabled].active span.menu-text, .fusion-menu-item-button a[disabled]:hover span.menu-text.button-disabled, .fusion-menu-item-button a[disabled]:focus span.menu-text{
	color: #EEF2F5;
	background-color: #DBE3E9;
	border: solid 2px #EEF2F5;
}


/*****
// DISABLED INVERSE Button
*****/

div[class^='fusion-button-wrapper'] .fusion-button.button-disabled.button-inverse
div[class^='fusion-button-wrapper'] .fusion-button:disabled.button-inverse,
div[class^='fusion-button-wrapper'] .fusion-button[disabled].button-inverse,

/* Header Variations */
.fusion-menu-item-button.button-disabled.button-inverse a span.menu-text,
.fusion-menu-item-button.button-inverse a:disabled, span.menu-text
.fusion-menu-item-button.button-inverse a[disabled] span.menu-text{
	color: #DBE3E9;
	background-color: #EEF2F5;
	border: solid 2px #DBE3E9;
    text-decoration: none;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-disabled.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button.button-disabled.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-disabled.button-inverse:focus,
div[class^='fusion-button-wrapper'] .fusion-button:disabled.button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button:disabled.button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button:disabled.button-inverse:focus,
div[class^='fusion-button-wrapper'] .fusion-button[disabled].button-inverse.active, div[class^='fusion-button-wrapper'] .fusion-button[disabled].button-inverse:hover, div[class^='fusion-button-wrapper'] .fusion-button[disabled].button-inverse:focus

/* Header Variations */
.fusion-menu-item-button.button-disabled.button-inverse a.active span.menu-text, .fusion-menu-item-button.button-disabled.button-inverse a:hover span.menu-text, .fusion-menu-item-button.button-disabled.button-inverse a:focus span.menu-text,
.fusion-menu-item-button.button-inverse a:disabled.active span.menu-text, .fusion-menu-item-button.button-inverse a:disabled:hover span.menu-text, .fusion-menu-item-button.button-inverse a:disabled:focus span.menu-text,
.fusion-menu-item-button.button-inverse a[disabled].active span.menu-text, .fusion-menu-item-button.button-inverse a[disabled]:hover span.menu-text.button-disabled, .fusion-menu-item-button.button-inverse a[disabled]:focus span.menu-text{
	color: #DBE3E9;
	background-color: #EEF2F5;
	border: solid 2px #DBE3E9;
    text-decoration: none;
}


/* 3D BUTTON STYLES */

/* Deault Buttons */
.button.button-3d.button-small, .button.button-3d.fusion-button-small, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.button-small, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.fusion-button-small, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.button-small, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.fusion-button-small,
.button.button-3d.button-medium, .button.button-3d.fusion-button-medium, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.button-medium, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.fusion-button-medium, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.button-medium, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.fusion-button-medium,
.button.button-3d.button-large, .button.button-3d.fusion-button-large, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.button-large, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.fusion-button-large, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.button-large, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.fusion-button-large,
.button.button-3d.button-xlarge, .button.button-3d.fusion-button-xlarge, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.button-xlarge, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.fusion-button-xlarge, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.button-xlarge, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.fusion-button-xlarge,

/* Header Variations */
.fusion-menu-item-button.button-3d a span.menu-text
{
	background-image: none;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .22);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .22);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .22);
}

/* Deault Buttons - Active, Hover and Focus states */
.button.button-3d.button-small:hover, .button.button-3d.fusion-button-small:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.button-small:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.fusion-button-small:hover, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.button-small:hover, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.fusion-button-small:hover,
.button.button-3d.button-medium:hover, .button.button-3d.fusion-button-medium:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.button-medium:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.fusion-button-medium:hover, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.button-medium:hover, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.fusion-button-medium:hover,
.button.button-3d.button-large:hover, .button.button-3d.fusion-button-large:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.button-large:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.fusion-button-large:hover, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.button-large:hover, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.fusion-button-large:hover,
.button.button-3d.button-xlarge:hover, .button.button-3d.fusion-button-xlarge:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.button-xlarge:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-3d.fusion-button-xlarge:hover, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.button-xlarge:hover, div[class^='fusion-button-wrapper'] .fusion-button.wpcf7-submit.button-3d.fusion-button-xlarge:hover,

/* Header Variations */
.fusion-menu-item-button.button-3d a.active span.menu-text, .fusion-menu-item-button.button-3d a:hover span.menu-text, .fusion-menu-item-button.button-3d a:focus span.menu-text {
	-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .22);
	-moz-box-shadow: 0 8px 8px rgba(0, 0, 0, .22);
	box-shadow: 0 8px 8px rgba(0, 0, 0, .22);
}

/*****
// Spellodrome Button
*****/

/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-spellodrome a span.menu-text,
.fusion-menu-item-button.button-darkgreen a span.menu-text{
	color: #EEF2F5;
	background-color: #73c056;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome i,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen i{
	color: #EEF2F5;
}

/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-success.active, div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome:focus,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen.active, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen:focus,

/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-spellodrome a.active span.menu-text, .fusion-menu-item-button.button-menu-spellodrome a:hover span.menu-text, .fusion-menu-item-button.button-menu-spellodrome a:focus span.menu-text,
.fusion-menu-item-button.button-darkgreen a.active span.menu-text, .fusion-menu-item-button.button-darkgreen a:hover span.menu-text, .fusion-menu-item-button.button-darkgreen a:focus span.menu-text{
	color: #EEF2F5;
	background-color: #93ce7c;
	border: solid 2px #EEF2F5;
    text-decoration: none;
}
div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen.active .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen:hover .fusion-button-text, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen:focus .fusion-button-text,
div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome:focus i,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen.active i, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen:hover i, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen:focus i{
	color: #EEF2F5;
}

/* Wayra Background Colour Styles */

/* We'll hook into the default Avada Green option too */
div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome.button--wayra::before,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen.button--wayra::before,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-spellodrome a:hover span.menu-text::before,
.fusion-menu-item-button.button-darkgreen a:hover span.menu-text::before{
	background-color: #93ce7c;
}
/* Active, Hover and Focus states */
div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-spellodrome.button--wayrafocus,
div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen.button--wayra.active, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen.button--wayra:hover, div[class^='fusion-button-wrapper'] .fusion-button.button-darkgreen.button--wayra:focus,
/* Header Variations */
/* We'll hook into the default Avada Green option for header buttons too */
.fusion-menu-item-button.button-menu-spellodrome a.active span.menu-text, .fusion-menu-item-button.button-menu-spellodrome a:hover span.menu-text, .fusion-menu-item-button.button-menu-spellodrome a:focus span.menu-text,
.fusion-menu-item-button.button-darkgreen a.active span.menu-text, .fusion-menu-item-button.button-darkgreen a:hover span.menu-text, .fusion-menu-item-button.button-darkgreen a:focus span.menu-text{
	background-color: rgba(124, 213, 94, 0);
}



/**
GRAVITY FORMS BUTTONS
**/


#main #comment-submit, #main .comment-submit, #reviews input#submit, .comment-form input[type="submit"], .gform_page_footer input[type="button"], .gform_wrapper .button, .gform_wrapper .gform_button, .post-password-form input[type="submit"], .ticket-selector-submit-btn[type="submit"], .tml-submit-wrap input[type="submit"], .wpcf7-form input[type="submit"], input.button-default{
	background: #1981C4;
	border: 2px solid #EEF2F5;
	color: #EEF2F5;
	padding: 10px 20px;

	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.22);

	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
}

#main #comment-submit:hover, #main .comment-submit:hover, #reviews input#submit:hover, .comment-form input[type="submit"]:hover, .gform_page_footer input[type="button"]:hover, .gform_wrapper .button:hover, .gform_wrapper .gform_button:hover, .post-password-form input[type="submit"]:hover, .ticket-selector-submit-btn[type="submit"]:hover, .tml-submit-wrap input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover, input.button-default:hover{
	background: #1981C4;
	border: 2px solid #EEF2F5;
	color: #EEF2F5;

	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.22);
}


/**
HEADER BUTTON STLES
**/

.ml-sup-buttons {display: none;}

.ml-sup-buttons .btn-hd-blue.btn-hd.btn-hd-3d span.menu-text{
  display: inline-block;
  float: none;
  padding: 10px 20px;
  text-align: center;
  background: #EEF2F5;
  border: solid 2px #1981c4;
  font-size: 14px;
  text-transform: uppercase;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  text-decoration: none;
}
.ml-sup-buttons .btn-hd-default.btn-hd.btn-hd-3d span.menu-text{
	background: #EEF2F5;
	border: 2px solid #1981C4;
	color: #1981C4;
	font-size: 14px;
  text-transform: uppercase;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  text-decoration: none;
}
.ml-sup-buttons .btn-hd.btn-hd-icon-right .fusion-button-text-left{
  padding-left: 0;
  padding-right: 10px;
}
.ml-sup-buttons .btn-hd.btn-hd-icon-right .button-icon-divider-left{
  right: 0;
  left: auto;
  border: none;
}

.fusion-main-menu ul .fusion-menu-item-button{ line-height: 88px; }
.fusion-main-menu ul .fusion-menu-item-button a{ display: inline-block; }
.fusion-main-menu ul .fusion-menu-item-button>a { height: 42px; }
.fusion-menu-item-button .fusion-button .button-icon-divider-left{ border: none; }

.fusion-menu-item-button.button-icon-right .fusion-button .button-icon-divider-left{
	position: absolute;
	right: 0;
	left: inherit;
	padding: 0 15px 0 0;
}
.fusion-menu-item-button.button-icon-right .fusion-button{ height: 42px;}
.fusion-menu-item-button.button-icon-right .fusion-button .fusion-button-text-left{
	padding-left: 0;
	padding-right: 15px;
	vertical-align: initial;
}

/******
// BUTTON ANIMATIONS
******/

.button, .button--wayra, input[type="submit"]{
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.button--wayra,
.fusion-menu-item-button.button-3d a span.menu-text,
.searchform .fusion-search-form-content .fusion-search-button {
	overflow: hidden;
	-webkit-transition: border-color 0.3s, color 0.3s, box-shadow 0.3s, background-color 0.5s;
	transition: border-color 0.3s, color 0.3s, box-shadow 0.3s, background-color 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	z-index: 1;
}
.button--wayra::before,
.fusion-menu-item-button.button-3d a span.menu-text::before,
.searchform .fusion-search-form-content .fusion-search-button::before  {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra:hover::before,
.fusion-menu-item-button.button-3d a:hover span.menu-text::before,
.fusion-search-form-content .fusion-search-button:hover::before {
	opacity: 1;
	background-color: #EEF2F5;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.searchform .fusion-search-form-content .fusion-search-button,
.searchform .fusion-search-form-content .fusion-search-button:hover{
	border: none;
}

.ml-sup-buttons .fusion-menu-item-button.menu-item-has-children{
	display: flex;
	flex-flow: row;
}
.ml-sup-buttons .fusion-menu-item-button.menu-item-has-children > a{
	margin-right: 10px;
}
.ml-sup-buttons .fusion-menu-item-button.menu-item-has-children > a.active .menu-text{
	background-color: #EEF2F5;
}
.ml-sup-buttons .fusion-menu-item-button.menu-item-has-children .sub-menu{
	margin: 0;
	padding: 0;
	height: 42px;
	width: 0px;
	opacity: 0;
	transition: all 0.5s;
	overflow: hidden;
}
.ml-sup-buttons .fusion-menu-item-button.menu-item-has-children > a.active+.sub-menu{
	width: 280px;
	opacity: 1;
}
.ml-sup-buttons .fusion-menu-item-button.menu-item-has-children .sub-menu li{
	display: inline;
	margin: 0 10px;
	list-style: none;
	line-height: 42px;
}
.ml-sup-buttons .fusion-menu-item-button.menu-item-has-children .sub-menu li a{
	font-size: 16px;
	color: #4E5C67;
}

/*********
// Tablet Styles
*********/
@media only screen and (max-width: 1024px){
	.ml-sup-buttons{
		display: flex;
		flex-flow: row;
		float: right;
		margin-top: 0;
	}
}


/*********
// Mobile Styles
*********/
@media only screen and (max-width: 600px){
	.fusion-button-wrapper{
		display: block;
		text-align: center;
	}
	.fusion-button-wrapper+.fusion-button-wrapper{
		margin-left: 0;
		margin-top: 20px;
	}
}

.fusion-top-header.menu-text-align-center .fusion-main-menu>ul>li>a {
  text-decoration: none;
}