/*
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
*/

/* Responsive Font and Padding Rules

/* Navi */



nav .fusion-menu a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    height: 2px;
    width: 0%;
    background-color: #fff;
}

@media only screen and (max-width: 768px) { 
    nav .fusion-menu a::before {
        background-color: transparent;
    }
}

nav .fusion-menu a:hover::before {
    width: calc(100% - 20px);
    transition: width 0.3s ease-in;
}

nav .awb-menu__m-toggle {
    color: #fff !important;
}

/* Hero */
@media only screen and (max-width: 768px) { 
    #top {
        margin-top: -60px !important;
    }
    
    .hero {
        margin-left: -30px;
        margin-right: -30px;
    }
}

.hero-button:hover.fusion-button.button-flat {
    box-shadow: 0px 0px 0px 5px rgba(194, 7, 54, 1) !important
}

.hero-button {
    background-color: #C20736 !important;
    border-radius: 50px !important;
}

/* Slider */

body .flex-control-paging li a {
    background-color: transparent !important;
    box-shadow: none !important;
    border: 1px solid #C20736 !important;
}

body .flex-control-paging li a.flex-active {
    background-color: #C20736 !important;
}

body .fusion-slider-sc .flex-direction-nav a {
    opacity: 1 !important;
}

body .fusion-slider-sc .flex-direction-nav a { 
    background-color: transparent !important;
    color: #C20736 !important;
}

body .flexslider:hover .flex-next,
body .flexslider:hover .flex-prev {
    opacity: 1;
}

.fusion-slider-sc .flex-direction-nav a { 
    margin-top: -40px !important;
}

body .awb-icon-angle-right:before,
body .awb-icon-angle-left:before {
    font-family: "icomoon";
    content: "\e902"; 
    font-size: 24px; 
}

body .flex-next {
    transform: rotate(-90deg) !important;
}

body .flex-prev {
    transform: rotate(90deg) !important;
}

/* FAQ */

body .fusion-accordian .fusion-panel:first-child {
    border-top: 1px solid #C20736;
}

body .fusion-faqs-wrapper #accordian-1 .fusion-panel:hover {
    border-color: #C20736;
}

body main .fa, body main .fas {
    font-family: "icomoon";
    font-weight: normal;
}

body .fa-arrow-down:before,
body .fa-arrow-up:before { 
    font-size: 24px !important; 
    width: 24px !important;
    content: "\e902";
}

body .fa-arrow-up:before {
    transform: rotate(180deg);
}

@media only screen and (max-width: 768px) { 
    .fusion-toggle-heading {
        font-size: 18px;
    }
}

/* Download Button */

.download:hover {
    background-color: transparent !important;
    color: #232323 !important;
}

.download:hover .fusion-button-text {
    color: #232323 !important;
}

.icon-download {
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px !important;
}

.icon-download:before {
    font-family: "icomoon";
    font-size: 24px !important; 
    width: 24px !important;
    content: "\e901";
    color: #C20736;
}

/* CTA Box */

.cta-box {
    position: fixed !important;
    z-index: 100 !important;
    right: 20px;
    bottom: 120px;
    background-color: #fff !important;
    height: 80px;
    width: 80px;
    overflow: hidden !important;
    border-radius: 40px !important;
    opacity: 0;
}

@media only screen and (max-width: 768px) { 
    .cta-box.scrolled {
        right: 30px !important;
    }
}



.cta-box .fusion-layout-column .fusion-column-wrapper {
    flex-direction:row-reverse !important;
} 

.cta-box img {
    height: 80px;
    width: 80px;
    cursor: pointer; 
    border-radius: 50%;
}

.cta-box .fusion-text {
    width: 0;
    display: block;
    overflow: hidden !important;
}

.cta-box .fusion-text p {
    opacity: 0;
    font-size: 12px;
}

.cta-box .fusion-text strong {
    font-size: 16px;
}

.cta-box:hover {
    width: auto !important;
    overflow: unset !important;
    box-shadow: 0px 8px 10px 0px rgba(35, 35, 35, 0.15);
}

.cta-box:hover .fusion-text {
    padding: 20px;
    display: block;
    width: 220px !important;
    transition: width 0.2s ease;
}

.cta-box:hover .fusion-text p {
    opacity: 1;
    transition: opacity 1.5s ease;
}

.cta-box.scrolled {
    right: 40px;
    opacity: 1;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 768px) { 
    .cta-box.scrolled {
        bottom: 40px;
    }
}

/* Form styles */

form input,
form textarea,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label:before {
   border:1px solid #232323 !important;
   border-radius: 0 !important;
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label:before {
    border:1px solid #C20736 !important;
    height: 20px !important;
    width: 20px !important;
 }

 .fusion-form-consent-field label {
    margin-left: 10px;
 }

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked+label:after {
    font-family: "icomoon";
    font-size: 22px !important; 
    content: "\e900" !important;
    color: #fff !important;
    left: 0 !important;
    top: 0 !important;
    width: 22px !important;
    height: 20px !important;
}

form input:focus,
form textarea:focus {
   border:1px solid #C20736 !important;
   height: 20px;
   width: 20px;
}


form .fusion-form-field {
    position: relative;
}

form .fusion-form-label-wrapper,
form .fusion-form-textarea-field label {
    position: absolute;
    top: 14px;
    left: 20px;
}

.expand .fusion-form-label-wrapper,
.expand.fusion-form-textarea-field label  {
    top: -12px;
    left: 12px;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.2s ease;
}

.expand.fusion-form-textarea-field label  {
    top: -9px;
}

.fusion-form-consent-field .fusion-form-label-wrapper {
    position: relative;
    top: 6px;
    margin-left: 3px;
}

.fusion-form-consent-field .fusion-form-checkbox {
    position: absolute;
    top: 18px;
    margin-left: 0;
}

.expand .fusion-form-label-wrapper label,
.expand.fusion-form-textarea-field label  {
    font-size: 12px !important;
}

.form-form-submit.fusion-button.button-flat:hover {
    box-shadow: 0px 0px 0px 5px rgba(194, 7, 54, 1) !important;
    background-color: #C20736 !important;
}

.fusion-form-field.fusion-form-submit-field button {
    margin-top:0 !important;
}

/* Contact Person*/

.contact-person {
    font-size: 12px
}

.contact-person strong {
    color: #C20736;
}

/* Footer */

.fusion-tb-footer .awb-menu.collapse-enabled a {
    padding-left: 0 !important;
}

.fusion-tb-footer .awb-menu.collapse-enabled a:hover,
.fusion-tb-footer .awb-menu.collapse-enabled li.current-menu-item>a {
    background-color: transparent !important;
    border: none !important;
}

.fusion-tb-footer .awb-menu.collapse-enabled a:hover span,
.fusion-tb-footer .awb-menu.collapse-enabled li.current-menu-item>a {
    color: #fff !important;
}

/* Cookiebanner */

@media only screen and (max-width: 768px) { 
    .fusion-privacy-bar .fusion-privacy-bar-main {
        display: block !important;
        margin: 0 !important;
    }
    .fusion-privacy-bar .fusion-privacy-bar-main>span {
        margin: 0 !important;
    }
    .fusion-privacy-bar .fusion-privacy-bar-main .fusion-privacy-bar-acceptance {
        width: 100%;
        display: block;
        margin-top: 15px !important;
        margin-left: 0 !important;
        text-align: center;
    }
}