/* Colours 

Purple (dark top --> light bottom)
36365e
4a4a73
6a6a8c
807ea4
9b9baf
*/



/* Common */
.upper { text-transform: uppercase; }
a { outline: none; }

.shadow { -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1); }

#wrapper #main ul { margin: 0 !important; padding: 4px 0 0 15px !important; }
#wrapper #main .dark-text a { color: #36365e !important; font-weight: 700; }
#wrapper #main .dark-text a:hover { text-decoration: underline !important; }


#wrapper #main .dark-text ul { margin-bottom: 30px !important; }
#wrapper #main .dark-text h2 { color: #36365e !important; font-size: 23px !important; }

/* Header */
.fusion-button { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.fusion-testimonials.classic .reviews { text-align: center; }
.fusion-testimonials.classic .no-avatar .author { display: inline-block; }
.fusion-header-wrapper .fusion-row { max-width: 1400px !important; }
.fusion-header-has-flyout-menu .fusion-flyout-menu #mobile-menu-main.fusion-menu { padding: 260px 0 50px 0 !important; position: relative; }
.fusion-header-has-flyout-menu .fusion-flyout-menu #mobile-menu-main.fusion-menu:before { position: absolute; top: 30px; left: 0; right: 0; margin: auto; width: 200px; height: 150px; display: block; content: ''; background: url(/wp-content/uploads/2021/02/touch-web-design-logo-mobile.png) 0 0 no-repeat; background-size: 200px 150px; }
.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu li, .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-mobile-menu li { margin: 0 0 30px 0 !important; }
.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu li a { height: auto !important; }
.fusion-main-menu > ul > li:last-child { padding-right: 0 !important; }


.wpcf7 .wpcf7-form.sent .wpcf7-response-output { color: #fff; }
.wpcf7 .wpcf7-form.sent .wpcf7-response-output { background-color: #55af59; }
.wpcf7-form textarea { padding: 15px; }
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output, .wpcf7 .wpcf7-form.spam .wpcf7-response-output, .wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output { color: #fff; }
.wpcf7 .wpcf7-form.failed .wpcf7-response-output, .wpcf7 .wpcf7-form.invalid .wpcf7-response-output, .wpcf7 .wpcf7-form.spam .wpcf7-response-output, .wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output {  background-color: #cf2035; }
.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-form input[type="submit"]  { width: auto !important; padding: 10px 40px !important; border-radius: 10px !important; font-size: 16px !important; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }


.reviews { min-height: 210px !important; }

.fusion-counters-circle .counter-circle { background: #bab8c8 !important; border-radius: 50%; }
.fusion-counters-circle .counter-circle .fontawesome-icon { color: #fff !important; }

#main .wpcf7-form label { color: #36365e !important; font-weight: 700; font-size: 19px !important; }
#main .wpcf7-form .wpcf7-text, #main .wpcf7-form .wpcf7-textarea { border: 1px solid #9b9baf; color: #333; font-size: 20px !important; }

#main .contactform .fusion-layout-column { max-width: 700px; margin-left: auto !important; margin-right: auto !important; }

.fusion-image-wrapper .fusion-rollover { background-image: linear-gradient(to top,#db6137 0,rgba(219,97,55,0.8) 100%) !important; }



.page-cookie-policy #main .contactform, .page-cookie-policy #main .contactform ul li, .page-cookie-policy #main .contactform a { color: #36365e !important; }


.page-cookie-policy #main .post-content a.link-external { padding-right: 20px; position: relative; display: inline-block; }
.page-cookie-policy #main .post-content a.link-external:after { position: absolute; top: 6px; right: 5px; width: 12px; height: 12px; display: inline-block; content: ''; background: url(/wp-content/themes/avada-child/external.png) 0 0 no-repeat; background-size: 12px 12px; }


/* Footer */
.fusion-body .fusion-menu-element-wrapper #menu-footer.fusion-menu-element-list > li.current-menu-item > a { color: #9b9baf !important; }
.fusion-body .fusion-menu-element-wrapper #menu-footer.fusion-menu-element-list > li.current-menu-item > a:hover { color: #fff !important; }



.footer-copyright-logo .fusion-column-wrapper { display: block !important; }
.footer-copyright-logo .fusion-column-wrapper > div, .footer-copyright-logo .fusion-column-wrapper .fusion-text { display: inline-block !important; }
.footer-copyright-logo .fusion-column-wrapper .footer-logo { margin-right: 20px; }

.fusion-body .fusion-flex-container .fusion-row .fusion-flex-column.footer-menu {  }
.fusion-body .fusion-flex-container .fusion-row .fusion-flex-column.footer-copyright-logo { width: auto !important; margin-right: 20px; padding-top: 5px; }








.fusion-tb-footer .fusion-builder-row.fusion-row { max-width: 1330px !important; }







#toTop:hover { background-color: #807ea4 !important; }


@media screen and (max-width: 1100px) {
.fusion-header-wrapper .fusion-row { padding-left: 0; padding-right: 0; }
.fusion-main-menu > ul > li { padding-right: 30px !important; }
}

@media screen and (max-width: 1000px) {
.fusion-header .fusion-logo { margin-top: 17px !important; max-width: 120px; }
.fusion-main-menu > ul > li > a { font-size: 21px; }
.fusion-main-menu > ul > li { padding-right: 28px !important; }
}


@media screen and (max-width: 900px) {
.fusion-main-menu > ul > li > a { font-size: 18px; }
.fusion-main-menu > ul > li { padding-right: 17px !important; }
.fusion-header .fusion-logo { margin-top: 17px !important; max-width: 120px; }
}



@media screen and (max-width: 1000px) {
.fusion-tb-footer .fusion-fullwidth { padding-top: 10px !important; padding-bottom: 30px !important; }
.fusion-menu-element-wrapper .fusion-menu-element-list { justify-content: flex-start !important; }
.fusion-tb-footer .footer-copyright-logo { order: 2 !important; margin-top: 10px !important; margin-right: 0;  padding-top: 0; }
.fusion-body .fusion-flex-container .fusion-row .fusion-flex-column.footer-menu { width: 100% !important; }

.fusion-body .fusion-menu-element-wrapper .fusion-menu-element-list > li { margin-right: 20px !important; }
.fusion-body .fusion-tb-footer .fusion-menu-element-wrapper .fusion-menu-element-list .menu-item > a { font-size: 16px !important; }
}