/* guts */ @font-face { font-family: 'Roboto'; src: url('../font/roboto/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../font/roboto/Roboto-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../font/roboto/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../font/roboto/Roboto-Bold-Italic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } body { font-family: 'Roboto', sans-serif !important; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Roboto', sans-serif !important; font-weight: bold; } .space-header-menu ul.main-menu li a { font-family: 'Roboto', sans-serif !important; } @media screen and (max-width: 767px) { .mainbanner.bg-only::before { background: linear-gradient(0deg, #2f0a57 0%, transparent 100%); opacity: 0.8; } .mainbanner.bg-only .wp-block-columns .wp-block-column.text-column::before { background-color: #2f0a57; opacity: 0.8; } } @media screen and (min-width: 768px) { .mainbanner.bg-only::before { background: linear-gradient(90deg, #2f0a57 25%, transparent 65%); opacity: 0.8; } }