/* These styles are used only in the backend editor */

/* Here you can override any CSS which causes layout or visibility problems in the editor, */
/* and duplicate any Theme-CSS to make the editor display look more like the real frontend */


a.button{display:inline-flex;border:2px solid #f04e23;color:white;background:#f04e23;font-size:14px;padding:9px 25px;transition:.3s;font-weight:500;margin-top:5px;border-radius:25px;justify-content:center;align-items:center;}

a.button:hover{border-color:#111944;color:#111944;background:#ffc20e;}

a.button:after{content:"\f054";font-family:"FontAwesome";padding:0 0 0 12px;font-weight:600;}

a.feat-button:after{content:"\f054";font-family:"FontAwesome";font-size:12px;padding-left:10px;}

a.feat-button:hover{background:#ffc63a;}

.underlined{display:table;border-bottom:2px solid currentcolor;}

.underlined[style="text-align: center;"], p[style="text-align: center;"] .underlined{margin-left:auto;margin-right:auto;}

main .section-cont p a.underlined{font-family:Woodford Bourne;font-weight:700;font-size:15px;letter-spacing:3px;color:#dfa671;transition:.3s;text-transform:uppercase;}

main .section-cont p a.underlined:hover{color:#383c50;}

h5.underlined{margin-bottom:20px;padding-bottom:8px;}

.script-font{font-family:Pecita;}



.contentbcg-parallax a.button{font-size:15px!important;}