/* Setup CSS Variables */ :root { --blue: #315470; --charcoal: #63666A; --grey: #D8D7D6; --coolgrey: #D8D7D6; --sage: #9EBA93; --olive: #998542; --orange: #DB864E; --rouge: #A4343A; --pink: #C4A4A7; --mineral: #89B2C4; --sky: #89B2C4; --water: #4B82A8; --ocean: #4B82A8; --purple: #595478; --lightgrey: #efefef; --body-color: var(--charcoal); --body-fontFamily: Barlow, Helvetica, Arial, sans-serif; } /* Google Font: Barlow */ @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* Set default & styles */ html, body.ft_v2 { color: var(--body-color) !important; font-family: var(--body-fontFamily) !important; font-size: 16px !important; line-height: 1.4 !important; } #ft_fcItems, #ft_fcHeader2 { color: var(--body-color) !important; } h1, h2, h3, h4, h5, h6 { font-family: inherit !important; } #ft_ferveCart, #ft_ferveCartView { font-family: inherit !important; padding-bottom: 2rem; } #ft_ferveCart { border-radius: unset !important; border: unset !important; } /* Unset color on elements using #000 */ #ft_intro, #ft_ferveCart, #ft_ferveCartView, .ft_panelWhite, .ft_panelGrey, .ft_v2 header #ft_header #ft_navigation ul li a, .ft_v2 header #ft_header.ft_scrolled #ft_navigation ul li a { color: unset !important; } .ft_panelWhite, .ft_panelGrey { font-size: inherit !important; } #ft_background { background-image: none; background: var(--blue); } .ft_v2 header #ft_header, .ft_v2 header #ft_header.ft_scrolled { box-shadow: none; } /* Buttons */ button, .btn, .btn-default, .ft_buttonPrimary, button.btn-primary { height: unset; width: unset; transition: all .3s ease; text-transform: uppercase; text-decoration: none; letter-spacing: .2em; line-height: 1em !important; font-weight: 600 !important; border-radius: 0 !important; padding: .8em 1.3em !important; text-align: center !important; border: 0 solid var(--grey) !important; background-color: var(--grey) !important; color: var(--charcoal) !important; font-size: 16px !important; } @media screen and (min-width: 1600px) { button, .btn, .btn-default, .ft_buttonPrimary, button.btn-primary { font-size: 18px !important; } } /* btn hover */ button:hover, .btn:hover, .btn-default:hover, .ft_buttonPrimary:hover, button.btn-primary:hover { color: #fff !important; cursor: pointer; background: hsl(from var(--pink) h s calc(l - 20)) !important; } .btn, .btn-default, .ft_button, button { width: auto; padding: .8em 1.3em !important; } .ft_buttonShort { width: auto !important; padding: .6em .8em !important; } #ft_fcButtons .ft_button { width: unset !important; height: unset !important; } .ft_login-single .ft_loginForm-submit-button, .ft_login-single .ft_loginForm-guest, .ft_login-single .ft_loginForm-wallet { width: auto; height: auto; } #ft_ferveCartContainer, #ft_ferveCart, #ft_ferveCartView, #ft_fcContents, #ft_fcFooter { _max-width: 100%; } /* #ft_fcContents, #ft_fcFooter */ #ft_ferveCartContainer, #ft_ferveCartContainer #ft_ferveCartView, #ft_ferveCartContainer #ft_ferveCartView #ft_fcContents { width: unset !important; margin: 0 auto; max-width: 80ch; } #ft_ferveCartContainer #ft_ferveCartFees { margin-top: 2rem; margin-bottom: 3rem; } #ft_fcBookingTotal { _padding: 6px 12px; color: inherit; _background: rgb(from var(--blue) r g b / 20%); }