Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
helpers
:
style.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/* ---------------------------------------- Stylesheet Guide ------------------------------------------ 1. Base 2. Layout 3. Components 4. Pages ---------------------------------------------------------- */ /* ---------------------------------------- 1. Base ---------------------------------------- */ /* ---------------------------------------- Reset ---------------------------------------- */ * { margin: 0; padding: 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; } article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main { display: block; } mark, rp, rt, ruby, summary, time { display: inline; } mark { background: #262123; color: #fff; } a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { background: transparent; border: 0 none; font-weight: inherit; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } a { text-decoration: none; outline: none !important; vertical-align: baseline; word-wrap: break-word; } b, strong { font-weight: bold; } ul, ol { list-style: none; } q { quotes: none; } table, table td { padding: 0; border: none; border-collapse: collapse; } img { vertical-align: top; max-width: 100%; } embed { vertical-align: top; } input, textarea { font-family: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } input, button { outline: none; background: transparent; } button::-moz-focus-inner { border: 0; } th { text-align: left; } textarea { outline: none !important; } button { cursor: pointer; color: inherit; font-family: inherit; } html, body { min-height: 100%; } fieldset, legend, label, select, input, textarea, form, button, optgroup { } .container, .container-fluid { padding-right: 1rem; padding-left: 1rem; } .container.wide { max-width: 100%; padding-right: 2rem; padding-left: 2rem; } .mad-content--no-pt .container.wide { padding-top: 2rem; } .wide-style .container { max-width: 100%; padding-left: 3.875rem; padding-right: 3.875rem; } .wide-style .container .mad-section[class*="mad-colorizer--scheme-"]:not([class*="mad-section--stretched"]):not(.mad-section--no-adaptive) { padding-left: 7.5rem; padding-right: 7.5rem; } .wide-style .container .mad-section.mad-cta[class*="mad-colorizer--scheme-"] { padding-left: 7.5rem; padding-right: 7.5rem; } .container.no-pd { padding: 0; } .row:not(.no-gutters) { margin-right: -1rem; margin-left: -1rem; } .row:not(.no-gutters) > [class*="col-"] { padding-left: 1rem; padding-right: 1rem; } .row:not(.no-gutters).hr-size-1 { margin-right: -2rem; margin-left: -2rem; } .row:not(.no-gutters).hr-size-1 > [class*="col-"] { padding-left: 2rem; padding-right: 2rem; } .row:not(.no-gutters).hr-size-2 { margin-right: -2.1875rem; margin-left: -2.1875rem; } .row:not(.no-gutters).hr-size-2 > [class*="col-"] { padding-left: 2.1875rem; padding-right: 2.1875rem; } .row:not(.no-gutters).hr-size-3 { margin-right: -3rem; margin-left: -3rem; } .row:not(.no-gutters).hr-size-3 > [class*="col-"] { padding-left: 3rem; padding-right: 3rem; } .row:not(.no-gutters).hr-size-4 { margin-right: -4.5rem; margin-left: -4.5rem; } .row:not(.no-gutters).hr-size-4 > [class*="col-"] { padding-left: 4.5rem; padding-right: 4.5rem; } /* ---------------------------------------- Global ---------------------------------------- */ body { background-color: #fff; overflow-x: hidden; overflow-y: initial !important; } ::-webkit-selection { color: #fff; background-color: #262123; } ::-moz-selection { color: #fff; background-color: #262123; } ::selection { color: #fff; background-color: #262123; } .clearfix::after { content: ""; display: block; clear: both; } .mad-page-wrapper { /*overflow: hidden;*/ position: relative; } [data-bg-image-src] { background-size: cover; background-position: center; background-repeat: no-repeat; } .animated { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .w-100 { width: 100%; } .mad-page-wrapper.with-side-menu { margin-left: 20rem; } .mad-page-wrapper.with-side-menu .mad-section--stretched-content-no-px { padding-left: 20rem; } .mad-page-wrapper.with-side-menu .mad-bg-section .mad-colorizer-bg-image { background-position: right center!important; } .mad-section--stretched-content { padding: 0 3.875rem; } /* ---------------------------------------- Typography ---------------------------------------- */ :root { font-size: 16px; } body { font-family: 'Gentium Basic', serif; font-size: 1.125rem; line-height: 2rem; font-weight: 400; color: #595758; } address:not(:last-child) { margin-bottom: 1.625rem; } q, kbd, strong, em, tt, var, span, del, big, small { vertical-align: baseline; } .material-icons { line-height: inherit; } /* ---------------------------------------- Headings ---------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #262123; letter-spacing: -0.5px; font-weight: bold; font-family: 'Arvo', serif; } h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child) { margin-bottom: 2.5rem; } h1 { font-size: 4.5rem; line-height: 6rem; } h2 { font-size: 3.75rem; line-height: 4.5rem; } h3 { font-size: 3rem; line-height: 3.5rem; } h4 { font-size: 2.25rem; line-height: 3rem; } h5 { font-size: 1.875rem; line-height: 2rem; } h6 { font-size: 1.5rem; line-height: 2rem; } h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) { margin-bottom: 1.5rem; } .mad-title-wrap { color: #7a7879; } .mad-section-title { position: relative; z-index: 1; } .mad-title-wrap:not(:last-child), .mad-section-title:not(:last-child) { margin-bottom: 3rem; } .mad-title-wrap h2:not(:last-child) { margin-bottom: 0.625rem; } .mad-color-title { font-size: 1.875rem; line-height: 2.5rem; color: #d98f4e; font-weight: normal; } .mad-sub-title { font-family: 'Arvo', serif; font-weight: 500; } .mad-sub-title:not(:last-child) { margin-bottom: 2rem; } .mad-section-side-title { font-family: 'Gentium Basic', serif; font-size: 1rem; color: #d98f4e; letter-spacing: 0.5px; position: absolute; white-space: nowrap; text-transform: uppercase; left: 0; top: 0; writing-mode: vertical-rl; text-orientation: mixed; z-index: 22; line-height: 1rem; } .mad-section-side-title.rotate { transform: rotate(180deg); } .mad-section-side-title.right-side { left: auto; right: 0; } .mad-section-side-title.top-space { margin-top: 1rem; } .mad-section-side-title.top-space-2 { margin-top: 3rem; } .mad-section-side-title.simple { writing-mode: unset; text-orientation: normal; position: relative; } .mad-section-side-title.simple:not(:last-child) { margin-bottom: 0.5rem; } .mad-section-side-title.style-2 { color: #262123; } .mad-section.with-img-overlay { margin-bottom: 14.5rem; } .mad-section.with-img-overlay .mad-top-offset { position: relative; z-index: 2; } .mad-section.with-img-overlay.no-space { margin-bottom: 0; } .mad-colorizer-bg-color > .mad-section-element { position: absolute; right: 0; top: 100%; width: 75%; margin-top: -4.5rem; border-radius: 1rem 0 0 1rem; } .mad-section-element { position: relative; border-radius: 1rem; padding: 4rem; background: #fff; overflow: hidden; z-index: 9; -webkit-box-shadow: -2px 3px 20px 0px rgba(39, 3, 9, 0.1); -moz-box-shadow: -2px 3px 20px 0px rgba(39, 3, 9, 0.1); box-shadow: -2px 3px 20px 0px rgba(39, 3, 9, 0.1); } .mad-section-element:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #bf3030; } .mad-section-element:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; z-index: 1; } .mad-colorizer-bg-color > .mad-section-element.bottom-left, .mad-colorizer-bg-color > .mad-section-element.bottom-center { right: auto; top: auto; bottom: 0; margin-bottom: -5.5rem; border-radius: 0 1rem 1rem 0; } .mad-colorizer-bg-color > .mad-section-element.bottom-center { left: 50%; transform: translateX(-50%); border-radius: 1rem; } .rev-socials { font-family: 'Gentium Basic', serif; position: absolute; right: 3.875rem; bottom: 4rem; writing-mode: vertical-rl; text-orientation: mixed; z-index: 99; font-size: 1rem; line-height: 1; } .rev-socials ul { display: flex; } .rev-socials > ul > li:not(:last-child) { margin-bottom: 2.5rem; } .rev-socials li .mad-link { font-size: 1rem; color: #fff; letter-spacing: 0.5px; border-bottom: none; border-left: 1px solid transparent; } .rev-socials li .mad-link:hover { border-left-color: inherit; } /* ---------------------------------------- Paragraphs ---------------------------------------- */ p:not(:last-child) { margin-bottom: 1.5rem; } p .req { color: #bf3030; } .mad-text-small { font-size: 0.875rem; line-height: 1.5rem; } p.mad-text-small:not(:last-child) { margin-bottom: 1.3125rem; } .mad-text-small { font-size: 0.875rem; font-weight: 500; } .mad-text-regular { font-size: 1rem; line-height: 1.5rem; } .mad-text-medium { font-size: 1.125rem; line-height: 2rem; } .mad-text-big { font-size: 1.25rem; line-height: 2rem; } .mad-text-large { font-size: 1.5rem; line-height: 2.5rem; } .mad-text-sb { font-weight: 600; } .mad-text-color-1 { color: #fff; } .mad-text-color-2 { color: #262123; } .mad-text-color-3 { color: #bf3030; } .mad-text-color-4 { color: #595758; } .mad-text-color-5 { color: #a8a7a8; } .mad-text-color-6 { color: #7a7879; } .mad-text-color-7 { color: #d98f4e; } .mad-text-color-8 { color: #c7c8cc; } /* ---------------------------------------- Links ---------------------------------------- */ a { color: inherit; } .mad-link, a, button { transition: all .5s ease; } .mad-link, .mad-text-link { color: #262123; border-bottom: 1px solid transparent; } .mad-text-link { font-weight: bold; font-family: 'Gentium Basic', serif; } .mad-text-link .svg { width: 40px; height: 13px; margin-right: 0.75rem; } .mad-text-link .svg .cls-1 { stroke: #bf3030; } .mad-link:hover { border-color: inherit; } .mad-text-link:hover { text-decoration: underline; } .mad-link.color-2, .mad-text-link.color-2 { color: #bf3030; } /* ---------------------------------------- Icons ---------------------------------------- */ [class*="mad-font-icon"] { line-height: 1; } /* ---------------------------------------- Colors ---------------------------------------- */ /* ---------------------------------------- Utils classes ---------------------------------------- */ .mad-d-none { display: none; } .mad-fw-bold { font-weight: bold; } .mad-fw-normal { font-weight: normal; } .mad-tt-uppercase { text-transform: uppercase; } .mad-d-down-xxxl-none { display: none; } .mad-fw-down-xxxl-bold { font-weight: bold; } .alignleft { float: left; } .alignright { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } img[class*="align"] { margin-bottom: 0.875rem; } img.alignleft{ margin-right: 1.875rem; } img.alignright{ margin-left: 1.875rem; } /* ---------------------------------------- 2. Layout ---------------------------------------- */ /* ---------------------------------------- Preloader ---------------------------------------- */ .mad-preloader-circle, .mad-preloader { position: fixed; width: 260vw; height: 260vw; margin-left: -130vw; margin-top: -130vw; background-color: #fff; z-index: 50; border-radius: 50%; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 700ms; transition-duration: 700ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-preloader-circle { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .mad-preloader { left: 50%; top: 50%; } .mad-preloader-circle, .mad-preloader.mad-preloader--disappearing { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .mad-preloader-circle--appearing { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ---------------------------------------- Critical full screen message ---------------------------------------- */ .mad-body--has-critical-fullscreen-message { overflow: hidden !important; } .mad-fullscreen-message { position: fixed; z-index: 49; top: 0; right: 0; bottom: 0; left: 0; text-align: center; font-family: 'Arial', serif; font-size: 1.875rem; line-height: 2.34375rem; color: #262123; background-color: #fff; padding: 2rem; overflow: auto; } .mad-fullscreen-message .mad-aligner-inner { vertical-align: middle; } .mad-fullscreen-message-before { font-size: 3.25rem; line-height: 4rem; } .mad-fullscreen-message-before:not(:last-child) { margin-bottom: 1rem; } .mad-fullscreen-message-before:empty, .mad-fullscreen-message-after:empty { display: none; } /* ---------------------------------------- Header ---------------------------------------- */ .mad-header { z-index: 25; width: 100%; position: relative; padding: 3rem 0; } .mad-header.with-bg { background: #1c181a; } [class*="mad-header-section--sticky"].mad-header-section--sticked { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: #fff; padding-top: 3rem; padding-bottom: 3rem; transition: all .5s ease; -webkit-box-shadow: 0 7px 27px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 7px 27px 0 rgba(0, 0, 0, 0.05); } .mad-header.mad-header--transparent { left: 0; top: 0; color: #fff; position: absolute; } /* With side menu */ .mad-header.mad-header-aside { position: fixed; left: 0; top: 0; bottom: 0; width: 20rem; padding: 3.5rem 0 0; text-align: center; background: url(../images/side_menu_bg.jpg) no-repeat bottom right #fff; background-size: contain; z-index: 1; } .mad-header.mad-header-aside .mad-header-section { padding: 0; } .mad-header.mad-header-aside .mad-header-items { justify-content: center; flex-wrap: wrap; flex-direction: column; } .mad-header.mad-header-aside .mad-header-items .mad-header-item:not(:last-child) { margin-bottom: 25%; } .mad-header.mad-header-aside .mad-vr-wrap { background: none; } .mad-header.mad-header-aside .mad-vr-wrap:after { display: none; } .mad-header.mad-header-aside .mad-vr-nav > ul > li > a, .mad-header.mad-header-aside .mad-vr-nav .sub-menu li a { font-family: 'Gentium Basic', serif; font-size: 1.125rem; font-weight: 600; position: relative; } .mad-header.mad-header-aside .mad-vr-nav .sub-menu li a { border-width: 1px; font-weight: 400; } .mad-vr-nav > ul > li > a { border: none; } .mad-vr-nav > ul > li > a:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 2px; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat left top; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat left top; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; opacity: 0; visibility: hidden; } .mad-vr-nav > ul > li.current-menu-item > a:before { content: ""; position: absolute; top: 100%; left: 0; height: 2px; width: 100%; background: #262123; opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-vr-nav > ul > li.current-menu-item > a:after, .mad-vr-nav > ul > li:hover > a:after, .mad-vr-nav > ul > li.current-menu-item > a:before, .mad-vr-nav > ul > li:hover > a:before { opacity: 1; visibility: visible; } .mad-header.mad-header-aside .mad-vr-nav > ul > li:not(:last-child) { margin-bottom: 1.5rem; } .mad-header .mad-social-icons ul li a { font-size: 1.25rem; } .mad-header.header-white .mad-navigation > li > a, .mad-header.header-white .mad-actions .mad-item-link, .mad-header.header-white .mad-header-item { color: #fff; } .mad-header.header-white.style-2 .mad-header-item .mad-icon { color: #ee9e57; } .mad-header.header-white .mad-navigation > li > a:before { background: #fff!important; } .mad-header.header-white [class*="mad-header-section--sticky"].mad-header-section--sticked { background: #1c181a; } /* Style 2 */ .mad-header.style-2.mad-header--transparent { color: #262123; } .mad-header.style-2 .mad-header-item { font-family: 'Gentium Basic', serif; font-size: 20px; } .mad-header.style-2 .mad-header-item:nth-child(2) { text-align: center; } .mad-header.style-2 .mad-header-item .mad-icon { color: #554c4b; } .mad-header.style-2 .mad-actions { justify-content: flex-end; } .mad-header.style-2 .mad-navigation-container { justify-content: center; } /* ---------------------------------------- Header Section ---------------------------------------- */ .mad-header-section { display: block; } .mad-header-section:not(:last-child) { margin-bottom: 3.5rem; } /* ---------------------------------------- Header Items ---------------------------------------- */ .mad-header-items { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .mad-header .mad-header-section .mad-header-items:not(:last-child) { margin-bottom: 2rem; } .mad-logo { display: inline-block; } /* .mad-header-items > *:nth-child(2):not(:last-child) { text-align: center; } */ .mad-header-items.item-col-2 > *:last-child { text-align: right; } .mad-header .mad-social-icons > ul { justify-content: flex-end; } .mad-actions { display: flex; align-items: center; margin: 0 -1rem; padding-left: 40px; } .mad-actions > .mad-item { margin: 0 1rem; position: relative; } .mad-actions .mad-item-link { position: relative; color: #262123; } .mad-actions .mad-item-link i { font-size: 1.75rem; max-width: 1.5rem; } .mad-navigation-container { display: flex; } .mad-actions .mad-item-link .mad-count { position: absolute; top: 0; right: 0; background: #bf3030; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; color: #fff; font-size: 0.75rem; font-weight: bold; border-radius: 50%; margin-right: -3px; margin-top: -5px; } /* ---------------------------------------- Navigation ---------------------------------------- */ .mad-navigation { font-family: 'Gentium Basic', serif; letter-spacing: 0.5px; z-index: 4; text-align: initial; display: flex; margin: 0 -1.25rem; } .mad-navigation > li { margin: 0 1.25rem; position: relative; } .mad-navigation > li > a { color: #262123; text-transform: uppercase; font-size: 1.125rem; font-weight: bold; letter-spacing: 0.5px; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); display: block; position: relative; z-index: 1; } .mad-navigation > li > a:before { content: ""; position: absolute; top: 100%; left: 50%; height: 2px; width: 0; background: #262123; opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-navigation > li:hover > a::before, .mad-navigation > li.current-menu-item > a::before { opacity: 1; visibility: visible; width: 100%; left: 0; } .mad-no-touchevents .mad-navigation > li:hover > a::before, .mad-no-touchevents .mad-navigation > .mad-seleceted > a::before, .mad-touchevents .mad-navigation > .mad-tapped > a::before, .mad-navigation > .current-menu-ancestor > a::before, .mad-navigation > .current-menu-parent > a::before, .mad-navigation > .current-menu-item > a::before { opacity: 1; } .mad-mobile-nav-btn { background: #fff; } .mad-navigation > li:not(.mega-menu) > .sub-menu { margin-top: 2.5rem; left: -2rem; border-radius: 1rem; } .mad-navigation .sub-menu { font-family: 'Gentium Basic', serif; min-width: 17.75rem; padding: 2rem 2rem; font-size: 1.125rem; font-weight: normal; position: absolute; top: 100%; line-height: 2rem; opacity: 0; visibility: hidden; color: #fff; background-color: #554c4b; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-box-shadow: 0px 0px 30px 0px rgba(15, 27, 56, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(15, 27, 56, 0.1); box-shadow: 0px 0px 30px 0px rgba(15, 27, 56, 0.1); } .mad-navigation .sub-menu:before { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; height: 3.75rem; } .mad-navigation .sub-menu a { color: #fff; } .mad-navigation .sub-menu > li, .mad-navigation .sub-menu li.menu-item { display: block; line-height: 1.5rem; } .mad-navigation > li:not(.mega-menu) .sub-menu > li:not(:last-child), .mad-navigation > li.mega-menu .sub-menu li .sub-menu li:not(:last-child) { margin-bottom: 1rem; } .mad-navigation .sub-menu > li a { border-bottom: 1px solid transparent; } .mad-navigation .sub-menu > li.sub-wrap a.sub-title { width: 100%; } .mad-navigation .sub-menu.mad-reverse { left: auto; right: -1.625rem; } .mad-navigation li:not(.mega-menu) .sub-menu .sub-menu:not(.mad-reverse) { top: -2rem; margin-left: 2.5rem; left: 100%; z-index: 1; } .mad-navigation li:not(.mega-menu) .sub-menu .sub-menu { border-radius: 1rem; } .mad-navigation .sub-menu .sub-menu:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; padding: 0 0px; width: 155%; height: 100%; z-index: -1; } .mad-navigation .sub-menu .sub-menu.mad-reverse { left: auto; top: -2rem; margin-left: 0; margin-right: 2.5rem; right: 100%; } .mad-navigation .sub-menu .menu-item-has-children { position: relative; padding-right: 2.8rem; } .mad-navigation .sub-menu .menu-item-has-children::after { font-family: Linearicons; content: "\e93c"; position: absolute; top: 0; right: 0; font-size: 0.9375rem; line-height: inherit; } .mad-no-touchevents .mad-navigation .sub-menu li:hover > a, .mad-no-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-selected > a, .mad-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-tapped > a, .mad-navigation .sub-menu .current-menu-item > a, .mad-navigation .sub-menu .current-menu-ancestor > a, .mad-navigation .sub-menu .current-menu-parent > a { border-color: inherit; } .mad-no-touchevents .menu-item-has-children:hover > .sub-menu, .mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu, .mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu { opacity: 1; visibility: visible; } .mad-csstransforms3d .mad-navigation .sub-menu { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children:hover > .sub-menu, .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu, .mad-csstransforms3d.mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .mad-mobile-nav-btn { width: 3.5rem; height: 3.5rem; font-size: 1.25rem; text-align: center; line-height: 1; color: #1c181a; border-radius: 1rem; display: none; } .mad-mobile-nav-btn::after { font-family: Linearicons; content: "\e92b"; } .mad-mobile-nav-btn.mad-opened { background-color: #b42727; color: #fff; } .mad-vr-menu { position: relative; font-family: 'Gentium Basic', serif; font-size: 1rem; color: #262123; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .mad-vr-menu span, .mad-vr-menu span { content: ''; position: absolute; top: 100%; width: 100%; height: 2px; background: #262123; transition: all .3s ease; overflow: hidden; left: 0; margin-top: 0.5rem; z-index: 1; } .mad-vr-menu .second-line { left: auto; right: 0; margin-top: 0.875rem; width: 70%; } .mad-vr-menu:hover .second-line { width: 100%; } .mad-vr-menu span:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat center center; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat center center; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; z-index: -1; } .mad-vr-wrap { background: url(../images/1920x1080_menubg.jpg) no-repeat #fff; width: 100%; height: 100%; padding: 2rem; display: flex; text-align: center; justify-content: center; align-items: center; z-index: 1; background-size: cover; } .mad-vr-wrap nav { font-family: 'Gentium Basic', serif; font-weight: bold; position: relative; z-index: 9; } .mad-vr-nav > ul > li.menu-item-has-children .sub-menu { display: none; } .mad-vr-nav > ul > li:not(:last-child) { margin-bottom: 2.5rem; } .mad-vr-nav > ul > li > a { position: relative; font-size: 1.875rem; text-transform: uppercase; } .mad-vr-nav ul li a { border-bottom: 2px solid transparent; color: #262123; } .mad-vr-nav .sub-menu { padding-top: 1rem; } .mad-vr-nav .sub-menu li:not(:last-child) { margin-bottom: 0.5rem; } .mad-modal .mad-vr-nav .sub-menu li:not(:last-child) { margin-bottom: 1.25rem; } .mad-modal .mad-vr-nav .sub-menu { padding-top: 1.5rem; } .mad-vr-nav .sub-menu li a { font-size: 1.5rem; font-weight: 500; } .mad-vr-nav > ul > li.current-menu-item > a, .mad-vr-nav > ul > li:hover > a, .mad-vr-nav .sub-menu li:hover a, .mad-vr-nav .sub-menu li.current-menu-item a { border-bottom-color: inherit; } .arcticmodal-close { font-size: 2rem; color: #001119; position: absolute; right: 4rem; top: 4rem; } .arcticmodal-close:hover { color: #bf3030; } .arcticmodal-close i { font-size: 2.5rem; } .mad-vr-wrap .mad-logo { position: absolute; top: 3.5rem; left: 50%; transform: translateX(-50%); } .mad-vr-wrap .mad-social-icons { position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); width: 100%; } /* Pages Navigation */ .mad-page-nav { margin-top: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -1rem; } .mad-page-nav > [class*="mad-nav-"] { display: flex; align-items: center; font-size: 0.9375rem; color: #554c4b; line-height: 1rem; width: 100%; max-width: 26rem; position: relative; margin-bottom: 1rem; } .mad-page-nav > [class*="mad-nav-"]:before { content: ''; height: 17px; min-width: 72px; transition: all .5s ease; background-color: #7a7879; cursor: pointer; } .mad-page-nav > .mad-nav-left:before { -webkit-mask: url(../steakbreak_svg_icons/arrow_left.svg) no-repeat 100% 100%; mask: url(../steakbreak_svg_icons/arrow_left.svg) no-repeat 100% 100%; margin-right: 2rem; } .mad-page-nav > .mad-nav-right:before { -webkit-mask: url(../steakbreak_svg_icons/arrow_right.svg) no-repeat 100% 100%; mask: url(../steakbreak_svg_icons/arrow_right.svg) no-repeat 100% 100%; margin-left: 2rem; } .mad-page-nav > [class*="mad-nav-"]:hover:before { background: #bf3030; } .nav-actions a b { font-weight: normal; } .mad-page-nav > .mad-nav-right { flex-direction: row-reverse; text-align: right; } .mad-page-nav > [class*="mad-nav-"] figure { min-width: 5.5rem; } .mad-page-nav .nav-actions { padding: 0 1.5rem; } .nav-actions > .nav-post { font-size: 1rem; color: #d98f4e; margin-bottom: 8px; display: inline-block; } .nav-actions h6 { font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; font-family: 'Arvo', serif; } /* ---------------------------------------- Breadcrumb ---------------------------------------- */ .mad-breadcrumb { padding-top: 8.5rem; padding-bottom: 8.5rem; color: #c7c8cc; display: flex; align-items: flex-end; justify-content: center; text-align: center; z-index: 1; position: relative; } .mad-breadcrumb-path:not(:last-child) { margin-bottom: 0.5rem; } .mad-breadcrumb-path { font-size: 1.25rem; line-height: 1.5rem; vertical-align: baseline; margin: 0 -0.3rem; } .mad-breadcrumb-path > span { display: inline-block; padding-left: 0.3rem; padding-right: 0.3rem; } .mad-breadcrumb .mad-page-title { color: #fff; } .mad-breadcrumb a { color: #fff; } .mad-breadcrumb a:hover { text-decoration: underline; } .mad-breadcrumb.with-bg:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(38,33,35,0.7); z-index: -1; } .mad-breadcrumb.type-2 { color: #7a7879; min-height: 100%; padding: 1rem 0 0.9375rem; border-bottom: 1px solid #dddee0; } .mad-breadcrumb.type-2 a { color: #bf3030; } .mad-breadcrumb.type-2 + .mad-content .mad-section:first-child .with-svg-item { margin-top: -3.5rem; } /* ---------------------------------------- Sections ---------------------------------------- */ .mad-content, .mad-section { padding-top: 9rem; padding-bottom: 9rem; } .mad-content.small-gap-top, .mad-section.small-gap-top { padding-top: 2rem; } .mad-section { /* z-index: 2; */ position: relative; } .mad-section.with-texture { z-index: 6; } .mad-section.with-texture + .mad-section.with-texture { z-index: 5; } .mad-section.with-texture + .mad-section.with-texture + .mad-section.with-texture { z-index: 4; } .mad-section.with-texture + .mad-section.with-texture + .mad-section.with-texture + .mad-section.with-texture { z-index: 3; } .mad-section-oneline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .mad-section-oneline .mad-cta-title:not(:last-child) { margin-bottom: 0; } .mad-section.size-2 { padding-top: 3rem; padding-bottom: 3rem; } .mad-section.size-3 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .mad-section.size-4 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .mad-section.size-5 { padding-top: 14rem; padding-bottom: 9rem; } .mad-content.no-pd, .mad-section.no-pd { padding: 0; } .mad-content.mad-content--no-pt, .mad-section.no-pt { padding-top: 0; } .mad-content.mad-content--no-pb, .mad-section.no-pb { padding-bottom: 0; } .mad-section.with-bts { padding-bottom: 18rem; } .mad-section--parallax { background-size: auto; } .mad-section-texture { position: absolute; top: 99.8%; left: 0; right: 0; } .mad-section-texture.top-side { bottom: 99.8%; top: auto; } .mad-section-texture.top-side-2 { top: 0; } .mad-section-texture .svg { display: block; } .mad-section-texture .svg path { fill: #fff; } /* .mad-section.with-overlay [class*="mad-colorizer-"]:after { opacity: 0; overflow: hidden; } */ .mad-colorizer--scheme-color-2 .mad-section-texture .svg path { fill: #262123; } .mad-colorizer--scheme-color-3 .mad-section-texture .svg path { fill: #d98f4e; } .mad-colorizer--scheme-color-4 .mad-section-texture .svg path { fill: #bf3030; } .mad-colorizer--scheme-color-5 .mad-section-texture .svg path { fill: #f9f3f1; } .mad-colorizer--scheme-color-3 { color: #fbefe8; } .mad-colorizer--scheme-color-3 .mad-section-title { color: #fff; } .mad-colorizer-bg-color.with-map { z-index: 7; } .content-element:not(:last-child) { margin-bottom: 0.5rem; } .content-element-2:not(:last-child) { margin-bottom: 1rem; } .content-element-3:not(:last-child) { margin-bottom: 1.5rem; } .content-element-4:not(:last-child) { margin-bottom: 2rem; } .content-element-5:not(:last-child) { margin-bottom: 2.5rem; } .content-element-6:not(:last-child) { margin-bottom: 3rem; } .content-element-7:not(:last-child) { margin-bottom: 3.5rem; } .content-element-8:not(:last-child) { margin-bottom: 4rem; } .content-element-9:not(:last-child) { margin-bottom: 4.5rem; } .content-element-10:not(:last-child) { margin-bottom: 5rem; } .content-element-11:not(:last-child) { margin-bottom: 5.5rem; } .content-element-12:not(:last-child) { margin-bottom: 6rem; } .content-element-13:not(:last-child) { margin-bottom: 6.5rem; } .content-element-14:not(:last-child) { margin-bottom: 7rem; } .content-element-15:not(:last-child) { margin-bottom: 7.5rem; } .content-element-16:not(:last-child) { margin-bottom: 8rem; } .content-element-17:not(:last-child) { margin-bottom: 8.5rem; } .content-element-18:not(:last-child) { margin-bottom: 9rem; } .content-element-19:not(:last-child) { margin-bottom: 9.5rem; } [class*="mad-offset"] { position: relative; } .row:not(.col-no-space) .mad-offset-left, .mad-offset-left { padding-left: 7.5rem; } .row:not(.col-no-space) .mad-offset-right, .mad-offset-right { padding-right: 7.5rem; } .mad-offset-right.no-space { padding: 0; } .row:not(.col-no-space) .mad-offset, .mad-offset { padding: 0 7.5rem; } .mad-offset-right.with-top-space { margin-top: 4.75rem; } /* ---------------------------------------- Sidebar ---------------------------------------- */ /* ---------------------------------------- Widgets ---------------------------------------- */ .mad-widget:not(:last-child) { margin-bottom: 0.8rem; } .mad-sidebar .mad-widget:not(:last-child) { margin-bottom: 5rem; } .mad-sidebar .mad-widget .mad-read-more { font-size: 1.25rem; line-height: 2rem; } .mad-sidebar .mad-widget .mad-newsletter-form { margin: 0; } .mad-sidebar .mad-widget .mad-widget-title { font-size: 1.25rem; line-height: 2rem; } .mad-widget .mad-semi-title { font-family: 'Gentium Basic', serif; font-weight: 600; font-size: 1.25rem; } .mad-widget .mad-semi-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-widget figure img { width: 100%; } /* ---------------------------------------- Sponsors widget ---------------------------------------- */ .mad-sponsors { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: center; } .mad-csstransforms3d .mad-sponsors img { -webkit-transition-property: all; transition-property: all; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.25, 3, 0.79, 0.38); transition-timing-function: cubic-bezier(0.25, 3, 0.79, 0.38); opacity: 0.7; } .mad-csstransforms3d .mad-sponsors a { display: block; overflow: hidden; border-radius: 1rem; } .mad-csstransforms3d .mad-sponsors a:hover > img { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); opacity: 1; } /* ---------------------------------------- Tags ---------------------------------------- */ .tagcloud { display: flex; flex-wrap: wrap; margin: -4px; } .tagcloud > a { color: #bf3030; font-size: 1.125rem; line-height: 2rem; white-space: nowrap; padding: 0 1rem; font-style: italic; display: inline-block; border-radius: .5rem; margin: 4px; background: #f2e4df; } .tagcloud > a:hover { background: #bf3030; color: #fff; } .tags-wrap { display: flex; flex-wrap: wrap; align-items: center; } .tags-wrap > span { padding-right: 1rem; } /* ---------------------------------------- Search ---------------------------------------- */ /* ---------------------------------------- Timetable ---------------------------------------- */ .mad-timetable { font-size: 1.25rem; } .mad-timetable:not(:last-child) { margin-bottom: 2rem; } .mad-timetable .mad-tt-title { font-weight: bold; } .mad-timetable.with-icons li { padding-left: 2rem; position: relative; } .mad-timetable.with-icons li i { position: absolute; left: 0; top: 0; color: #bc9e6a; } /* ---------------------------------------- Entities ---------------------------------------- */ .mad-widget .mad-entities .mad-entity { overflow: hidden; } /* ---------------------------------------- Calendar ---------------------------------------- */ .calendar_wrap:not(:last-child) { margin-bottom: 1.5rem; } .calendar_wrap { position: relative; border-radius: 20px; overflow: hidden; border: 2px solid #f2e4df; } /* .calendar_wrap:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #f2e4df; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; z-index: 1; } */ .calendar_wrap table { font-size: 0.875rem; line-height: 1.5rem; border-width: 0; background: #fff; font-size: 1rem; border-radius: 0; } .calendar_wrap table tbody { position: relative; } .calendar_wrap table caption { color: #fff; font-family: 'Arvo', serif; font-size: 1.25rem; line-height: 1.5rem; font-weight: 500; text-align: center; border-style: inherit; border-color: inherit; padding-top: 1.25rem; padding-bottom: 1.25rem; background: #554c4b; position: relative; z-index: 2; } .calendar_wrap table tr:hover { background-color: transparent; } .calendar_wrap table thead { background-color: #f2e4df; } .calendar_wrap table thead th { font-size: 1.125rem; font-family: 'Gentium Basic', serif; font-weight: 400; color: #262123; text-transform: uppercase; } .calendar_wrap.calendar-medium table thead th { font-weight: bold; } .calendar_wrap table td > a, .calendar_wrap table td > div > a { position: relative; z-index: 1; color: #fff; } .calendar_wrap table td > a:before, .calendar_wrap table td > div > a:before { content: ''; position: absolute; background: #bf3030; border-radius: 50%; width: 2rem; height: 2rem; top: 50%; left: 50%; margin-top: -1rem; margin-left: -1rem; line-height: 2rem; z-index: -1; } .calendar_wrap table td.marker { position: relative; z-index: 1; } .calendar_wrap table td.marker:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fbf8f7; z-index: -1; } .calendar_wrap table td .marker { background: #fbf8f7; height: 100%; line-height: inherit; display: flex; justify-content: center; align-items: center; } .calendar_wrap table td.first { color: #b2b2b3; } .calendar_wrap table th, .calendar_wrap table td { padding: 0; text-align: center; line-height: 3rem; vertical-align: middle; border-bottom: none; } .calendar_wrap table tr td:not(:last-child) { border-right: 1px solid #f2e4df; } .calendar_wrap table tfoot td { padding: 1.4rem 0 0; border-width: 0; } .calendar_wrap table tfoot #prev a, .calendar_wrap table tfoot #next a { font-size: 0.8125rem; line-height: 1.5rem; font-weight: 800; border: none; letter-spacing: 1.8px; text-transform: uppercase; } .calendar_wrap table tfoot #prev { text-align: left; } .calendar_wrap table tfoot #next { text-align: right; } .calendar_wrap table .calendar-caption-prev, .calendar_wrap table .calendar-caption-next { display: block; position: absolute; top: 0; line-height: 4rem; height: 100%; font-size: 2rem; width: 62px; text-align: center; color: #fff; -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .calendar_wrap table .calendar-caption-prev:hover, .calendar_wrap table .calendar-caption-next:hover { color: #bf3030; } .calendar_wrap table .calendar-caption-prev i, .calendar_wrap table .calendar-caption-next i { font-size: 24px; } .calendar_wrap table .calendar-caption-prev { left: 0; } .calendar_wrap table .calendar-caption-next { right: 0; } .big-calendar.calendar_wrap:not(:last-child) { margin-bottom: 3.5rem; } .big-calendar.calendar_wrap table thead th, .big-calendar.calendar_wrap table tr td { text-align: left; padding: 1.5rem; line-height: 1rem; vertical-align: top; } .big-calendar.calendar_wrap table thead th { padding-top: 1rem; padding-bottom: 1rem; font-weight: bold; } .big-calendar.calendar_wrap table tr td { font-size: 1.5rem; color: #b8b7b7; position: relative; } .big-calendar.calendar_wrap table tr td > div:first-child { font-weight: 700; } .big-calendar.calendar_wrap table tr td:hover { -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17); -moz-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17); box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17); } .big-calendar.calendar_wrap table tr td.active { color: #595758; } .big-calendar.calendar_wrap table tr:not(:last-child) td { border-bottom: 1px solid #f2e4df; } .big-calendar.calendar_wrap table tr td:before, .big-calendar.calendar_wrap table tr td:after { opacity: 0; visibility: hidden; } .big-calendar.calendar_wrap table tr td:hover:after, .big-calendar.calendar_wrap table tr td:hover:before { opacity: 1; visibility: visible; } .calendar_wrap.big-calendar table td > *:not(:last-child) { margin-bottom: 1.5rem; } .calendar_wrap.big-calendar table td a:before { width: 3rem; height: 3rem; margin-top: -1.5rem; margin-left: -1.5rem; } .calendar_wrap.big-calendar .mad-event .mad-event-title { position: relative; display: inline-block; } .calendar_wrap.big-calendar .mad-event .mad-event-title:hover .mad-dropdown-element { opacity: 1; visibility: visible; } .calendar_wrap.big-calendar .mad-event .mad-event-title a, .calendar_wrap.big-calendar .mad-event .mad-event-title { font-size: 1rem; line-height: 1.25rem; } .calendar_wrap.big-calendar .mad-event .mad-event-title a { line-height: 1rem; } .calendar_wrap.big-calendar .mad-dropdown-element { font-family: 'Gentium Basic', serif; position: absolute; top: 0; left: 100%; padding: 1.5rem; background: #fff; width: 280px; border-radius: 1rem; overflow: hidden; min-width: 100%; margin-top: 0; -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17); -moz-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17); box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17); z-index: 2; } .calendar_wrap.big-calendar .mad-dropdown-element:after, .big-calendar.calendar_wrap table tr td:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #bf3030; } .calendar_wrap.big-calendar .mad-dropdown-element:before, .big-calendar.calendar_wrap table tr td:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; z-index: 1; } .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content { color: #595758; line-height: 1rem; font-size: 14px; } .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content .mad-event-title:not(:last-child) { margin-bottom: 1rem; } .calendar_wrap.big-calendar .mad-dropdown-element figure:not(:last-child) { margin-bottom: 1rem; } .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content .mad-event-title, .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content .mad-event-title a { font-family: 'Arvo', serif; font-size: 1.125rem; line-height: 1.5rem; font-style: normal; font-weight: bold; } .calendar_wrap.big-calendar span.mad-event-sub { font-size: 0.875rem; } .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-sub { font-size: 0.875rem; font-weight: normal; line-height: 1rem; } .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-sub:not(:last-child) { margin-bottom: 0.25rem; } .calendar_wrap.big-calendar .mad-abs-title { position: relative; } .calendar_wrap.big-calendar .mad-abs-title .mad-event-title { font-family: 'Arvo', serif; position: absolute; left: 0; top: 0; padding: 8px 24px; margin-left: -24px; width: calc(200% + 98px); background: #fbf8f7; } .calendar_wrap.big-calendar { overflow: visible; } .calendar_wrap.calendar-medium table tr td { height: 5vw; } .calendar_wrap.calendar-medium table td > a:before, .calendar_wrap.calendar-medium table td > div > a:before { width: 3.5rem; height: 3.5rem; margin-top: -1.75rem; margin-left: -1.75rem; } /* ---------------------------------------- Recent Comments ---------------------------------------- */ .mad-widget .recentcomments { font-size: 1.25rem; line-height: 2rem; } .mad-widget .recentcomments li:not(:last-child) { margin-bottom: 1rem; } .mad-widget .recentcomments li { position: relative; padding-left: 2rem; } .mad-widget .recentcomments li:before { position: absolute; font-family: 'Material Icons Outlined'; content: 'comment'; font-size: 1.125rem; top: 0; left: 0; line-height: 2rem; color: #f2a057; } .mad-widget .recentcomments li::after { content: ''; position: absolute; top: 0; left: 0; width: 1.125rem; height: 2rem; -webkit-mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .mad-widget .recentcomments li a { color: #bf3030; } .mad-widget .recentcomments li a:hover { text-decoration: underline; } /* ---------------------------------------- Email ---------------------------------------- */ /* ---------------------------------------- Footer ---------------------------------------- */ .mad-footer { position: relative; padding: 1.25rem 0 20px; line-height: 1.5rem; background: url(../images/1920x568_fbg1.jpg) no-repeat #1c181a; background-size: contain; color: #7a7879; text-align: center; } .mad-footer .mad-hr-list a { color: #f2a057; } .mad-footer .mad-hr-list a:hover { color: #bf3030; } .mad-footer .mad-icon-btn { color: #262123; font-size: 1.875rem; } .mad-footer .mad-widget { font-size: inherit; line-height: inherit; } .mad-footer .mad-footer-main:not(:last-child) { margin-bottom: 0px; } .mad-footer .mad-widget-title { font-size: 1.25rem; color: #fff; letter-spacing: 0.3px; } .copyrights { color: #7a7879; margin-top: 1rem; text-align: center; } .copyrights a { color: inherit; } .mad-coming-soon .mad-footer { background-size: cover; padding-bottom: 4rem; background-position: bottom -100px center; } .mad-coming-soon .mad-footer .mad-footer-main { padding-top: 2rem; } .mad-footer .mad-widget p:not(:last-child) { margin-bottom: 1rem; } /* Style 2 */ .mad-footer.style-2 { color: #595758; padding-left: 7.5rem; } .mad-footer.style-2 .copyrights { margin-top: 1rem; text-align: left; } .mad-footer.style-2 .mad-logo:not(:last-child) { margin-bottom: 5rem; } .with-side-menu .mad-footer.style-2 { text-align: center; padding: 0; background: url(../images/footer2_bg.jpg) no-repeat left bottom; background-size: cover; } .with-side-menu .mad-footer.style-2 .mad-footer-main { padding: 8.25rem 0; position: relative; } .with-side-menu .mad-footer.style-2 .mad-footer-main { position: relative; } .with-side-menu .mad-footer.style-2 .copyrights { text-align: center; } .with-side-menu .mad-footer.style-2 .mad-widget-title { color: #262123; } .with-side-menu .mad-footer.style-2:not(.dark-scheme) .mad-newsletter-form .btn:after, .with-side-menu .mad-footer.style-2:not(.dark-scheme) .mad-social-icons ul li a i:after { background: #fff; } /* Style 3 */ .mad-footer.style-3 { color: #595758; padding: 8.25rem 0; line-height: 2rem; background: url(../images/1920x664_footerbg1.jpg) no-repeat bottom center #fff; background-size: cover; text-align: left; } .mad-footer.style-3 .mad-timetable { color: #fff; } .mad-footer.style-3 .mad-widget-title { color: #262123; } .mad-footer.style-3 .copyrights { color: #7a7879; margin-top: 1rem; } .mad-footer.style-3 .mad-footer-main:not(:last-child) { margin-bottom: 3.75rem; } .mad-footer.style-3:not(.dark-scheme) .mad-newsletter-form .btn:after, .mad-footer.style-3:not(.dark-scheme) .mad-social-icons ul li a i:after { background: #fff; } .mad-footer[class*="style-"].dark-scheme .mad-social-icons ul li a i:after { background: #1c181a; } .mad-footer[class*="style-"].dark-scheme { color: #7a7879; background: url(../images/1920x568_fbg1.jpg) no-repeat #1c181a bottom center; background-size: cover; } .mad-footer[class*="style-"].dark-scheme .mad-widget-title, .mad-footer[class*="style-"].dark-scheme .mad-entities .mad-entity-title a { color: #fff; } .mad-footer[class*="style-"]:not(.dark-scheme) .mad-logo.light-logo { display: none; } .mad-footer[class*="style-"].dark-scheme .mad-logo { display: none; } .mad-footer[class*="style-"].dark-scheme .mad-logo.light-logo { display: block; } /* Style 3 */ .mad-footer.style-4 { text-align: left; background:url(../images/1920x536_footerbg1.jpg) no-repeat center #fff; background-size: cover; padding-left: 7.5rem; } .mad-footer.style-4 .copyrights { text-align: left; } /* ---------------------------------------- Grid ---------------------------------------- */ [class*="item-col-"]:not(.no-gutters) { margin: -2rem -1rem 0; } [class*="item-col-"]:not(.no-gutters) > * { padding: 2rem 1rem 0; } .item-col { width: 100%; } .item-col-2 > *{ width: 50%; } .item-col-3 > *{ width: 33.3333%; } .item-col-4 > *{ width: 25%; } .item-col-5 > *{ width: 20%; } .item-col-6 > *{ width: 16.6666%; } .row:not(.col-no-space) { margin-bottom: -2.5rem; } .row:not(.col-no-space) > [class*="col"] { padding-bottom: 2.5rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-2 { margin-bottom: -6rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-2 > [class*="col"] { padding-bottom: 6rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-1 { margin-bottom: -3rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-1 > [class*="col"] { padding-bottom: 3rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-3 { margin-bottom: -3.5rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-3 > [class*="col"] { padding-bottom: 3.5rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-4 { margin-bottom: -4rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-4 > [class*="col"] { padding-bottom: 4rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-5 { margin-bottom: -4.5rem; } .row:not(.no-gutters):not(.col-no-space).vr-size-5 > [class*="col"] { padding-bottom: 4.5rem; } [class*="item-col-"].size-2:not(.no-gutters) { margin: -4.5rem -2.25rem 0; } [class*="item-col-"].size-2:not(.no-gutters) > * { padding: 4.5rem 2.25rem 0; } .mad-specs-section .row:not(.col-no-space) { margin-bottom: -3rem; } .mad-specs-section .row:not(.col-no-space) > [class*="col"] { padding-bottom: 3rem; } /* ---------------------------------------- Square image ---------------------------------------- */ .mad-square-image[data-bg-image-src] { position: relative; height: 0; padding-bottom: 100%; } .mad-square-image[data-bg-image-src] a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .mad-square-image.mad-square-image--size-90 { padding-bottom: 90%; } .mad-square-image.mad-square-image--size-80 { padding-bottom: 80%; } .mad-square-image.mad-square-image--size-70 { padding-bottom: 70%; } .mad-square-image.mad-square-image--size-60 { padding-bottom: 60%; } .mad-square-image.mad-square-image--size-50 { padding-bottom: 50%; } .mad-square-image.mad-square-image--size-40 { padding-bottom: 40%; } .mad-square-image--position-left-top { background-position: left top; } .mad-square-image--position-left-center { background-position: left center; } .mad-square-image--position-left-bottom { background-position: left bottom; } .mad-square-image--position-center-top { background-position: center top; } .mad-square-image--position-center-center { background-position: center center; } .mad-square-image--position-center-bottom { background-position: center bottom; } .mad-square-image--position-right-top { background-position: right top; } .mad-square-image--position-right-center { background-position: right center; } .mad-square-image--position-right-bottom { background-position: right bottom; } /* ---------------------------------------- Modals ---------------------------------------- */ .mad-modal { position: relative; width: 100%; height: 100%; } /* ---------------------------------------- Arctic Modal ---------------------------------------- */ .arcticmodal-container { background-color: #fff; } .arcticmodal-container_i2 { padding: 0; height: 100%; } .arcticmodal-container table { background-color: transparent; border: none; } .arcticmodal-container table tr { border: none; -webkit-transition: none; transition: none; } .arcticmodal-container table tr:hover { background-color: transparent; } /* ---------------------------------------- Search Modal ---------------------------------------- */ .mad-modal--search .arcticmodal-container_i2 { vertical-align: middle; } .mad-modal--search { display: flex; align-items: center; justify-content: center; position: relative; } .mad-modal--search:after { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 50%; background: -moz-linear-gradient(top, rgba(248,241,234,0) 0%, rgba(248,241,234,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(248,241,234,0) 0%,rgba(248,241,234,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(248,241,234,0) 0%,rgba(248,241,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ z-index: -1; } .mad-modal--search .mad-title { margin-right: 2rem; } .mad-modal--search .mad-title:not(:last-child) { margin-bottom: 0; } .mad-modal--search form { width: 40%; display: flex; } .mad-modal--search form input { width: 100%; } .mad-modal--search form button { width: 4rem; height: 4rem; min-width: 4rem; line-height: 4rem; text-align: center; color: #fff; border-radius: 0.875rem; margin-left: 8px; position: relative; } .mad-modal--search form button i { font-size: 1.5rem; line-height: 2rem; } /* ---------------------------------------- Responsive Iframe ---------------------------------------- */ .mad-responsive-iframe { position: relative; height: 0; padding-bottom: 56%; } .mad-responsive-iframe > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mad-fullwidth-iframe > iframe { width: 100%; } /* ---------------------------------------- Comments ---------------------------------------- */ .comments-list { overflow: hidden; } .comments-list > .comment:first-child { margin-top: -2rem; } .comment { font-size: 1.25rem; padding-top: 2rem; } .comment .fn { font-size: 1.25rem; color: #262123; display: block; font-weight: 600; font-style: normal; font-family: 'Arvo', serif; } .comment-author-avatar { float: left; margin-right: 1.25rem; position: relative; z-index: 2; } .comment .children > li, .comment.comment-has-children > .comment-body > .comment-author-info { position: relative; } .comment-author-info { padding-left: 6.125rem; } .comment-meta { font-size: 1rem; line-height: 1rem; font-style: normal; margin-bottom: 0.9rem; color: #d98f4e; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -0.5rem; } .comment-meta > * { margin-top: 0.5rem; } .comment-meta > a { font-style: normal; font-family: 'Arvo', serif; font-weight: 500; } .comment-content:not(:last-child) { margin-bottom: 0.1rem; } .comment-actions { font-size: 0.6875rem; line-height: 1.75rem; text-transform: uppercase; color: #b1b1b1; letter-spacing: 0.82px; margin-left: -0.5rem; margin-right: -0.5rem; } .comment-actions > a { margin-left: 0.5rem; margin-right: 0.5rem; } .comment::after { content: ""; display: block; clear: both; } .comment .children { padding-left: 6.25rem; overflow: hidden; } /* ---------------------------------------- Vertical Navigation ---------------------------------------- */ .mad-navigation-vertical { display: block !important; font-size: 0.875rem; line-height: 1.5rem; } .mad-navigation-vertical .sub-menu { padding-top: 0.125rem; padding-bottom: 0.625rem; padding-left: 0.9375rem; padding-right: 0.9375rem; } .mad-navigation-vertical .sub-menu > li { margin-top: 0.5rem; } .mad-navigation-vertical .sub-menu > li.menu-item-has-children > a::after { font-family: 'Linearicons'; content: "\e93a"; margin-left: 0.4rem; vertical-align: middle; font-size: 0.75rem; } .mad-navigation-vertical .sub-menu a { color: #b1b1b1; } .mad-navigation-vertical > li:hover > a::before, .mad-navigation-vertical > li.mad-seleceted > a::before, .mad-navigation-vertical > li.mad-tapped > a::before, .mad-navigation-vertical > li.current-menu-ancestor > a::before, .mad-navigation-vertical > li.current-menu-parent > a::before, .mad-navigation-vertical > li.current-menu-item > a::before { opacity: 1; } .mad-navigation-vertical > li > a { text-transform: uppercase; letter-spacing: 0.81px; display: block; padding: 0.48rem 1.875rem; position: relative; } .mad-navigation-vertical > li > a::before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 3px; opacity: 0; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-navigation-vertical a { color: #262123; -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-body--scheme-brown .mad-navigation-vertical > li > a::before { background-color: #ba89f4; } /* ---------------------------------------- 3. Components ---------------------------------------- */ /* ---------------------------------------- Social icons ---------------------------------------- */ .mad-social-icons > ul { display: flex; flex-wrap: wrap; font-style: normal; margin: 0 -0.9375rem -1rem; } .mad-social-icons ul li { padding: 0 0.9375rem 1rem; } .mad-social-icons ul li a { color: #f2a057; font-size: 2rem; } .mad-social-icons ul li a i { vertical-align: inherit; position: relative; z-index: 1; } .mad-social-icons ul li a:hover { color: #bf3030; } .mad-social-icons.size-big ul li a { font-size: 2rem; } .mad-social-icons.size-2 ul li a { font-size: 1.5rem; } .mad-social-icons.size-2 ul { margin: -0.75rem -0.75rem 0; } .mad-social-icons.size-2 ul li { padding: 0.75rem 0.75rem 0; } .mad-social-icons ul li a i:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; background-color: #1c181a; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .mad-social-icons.light-back ul li a i:after { background-color: #fff; } /* ---------------------------------------- Dropcaps ---------------------------------------- */ .mad-dropcap > *:first-child:first-letter { font-size: 3.75rem; font-family: "Arvo", serif; font-weight: bold; line-height: 3rem; display: block; float: left; margin-right: 1rem; margin-top: 10px; color: #bf3030; } .mad-dropcap--filled > *:first-child:first-letter { color: #d98f4e; } /* firefox only */ @-moz-document url-prefix() { .mad-dropcap > *:first-child:first-letter { margin-top: 0.75rem; } } /* ---------------------------------------- Alert Boxes ---------------------------------------- */ .mad-alert-boxes-example { margin-top: -2rem; } .mad-alert-box { font-size: 1.125rem; line-height: 1.5rem; padding-top: 2rem; } .mad-alert-box strong { font-weight: inherit; } .mad-alert-box-inner { position: relative; border-radius: 1rem; padding-top: 24px; padding-bottom: 24px; padding-left: 4.5rem; padding-right: 3.75rem; text-align: initial; } .mad-alert-box-inner::before { font-family: 'Material Icons Outlined'; font-size: 1.5rem; line-height: 1; position: absolute; left: 2rem; top: 24px; } .mad-alert-box-close { position: absolute; color: transparent; font-size: 1rem; line-height: 1; display: block; width: 1rem; height: 1rem; right: 2rem; top: 0; margin-top: 2rem; overflow: hidden; } .mad-alert-box-close::-moz-selection { color: transparent; } .mad-alert-box-close::selection { color: transparent; } .mad-alert-box-close::-webkit-selection { color: transparent; } .mad-alert-box-close::after { font-family: "Material Icons"; content: 'close'; position: absolute; top: 50%; left: 0; right: 0; text-align: center; font-weight: bold; margin-top: -0.575rem; color: #686168; } .mad-alert-box--success { color: #0c7d2b; } .mad-alert-box--success .mad-alert-box-inner { background:#e7f8ec; color: #0c7d2b; } .mad-alert-box--success .mad-alert-box-inner::before { content: "check_circle"; } .mad-alert-box--warning { color: #d66436; } .mad-alert-box--warning .mad-alert-box-inner { background: #fdf0e6; color: #d66436; } .mad-alert-box--warning .mad-alert-box-inner::before { content: "notification_important"; } .mad-alert-box--info { color: #1f5a7d; } .mad-alert-box--info .mad-alert-box-inner { color: #1f5a7d; background: #e5f1f8; } .mad-alert-box--info .mad-alert-box-inner::before { content: "info"; } .mad-alert-box--error { color: #bf3030; } .mad-alert-box--error .mad-alert-box-inner { background: #faebeb; } .mad-alert-box--error .mad-alert-box-inner::before { content: "highlight_off"; } .mad-csstransforms3d .mad-alert-box-close { -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 3, 0.75, 0.9); transition: transform .4s cubic-bezier(0.25, 3, 0.75, 0.9); } .mad-csstransforms3d .mad-alert-box-close:hover { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } /* ---------------------------------------- Lists ---------------------------------------- */ .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before, .mad-entity-content ul > li i { font-size: 1.125rem; color: #bf3030; } .mad-entity-content ol { list-style-position: inside; list-style-type: decimal; } .mad-entity-content ol ol, .mad-entity-content ol ul { padding-left: 2rem; } .mad-entity-content ol ul > li > ul, .mad-entity-content ol ul > li > ol { padding-left: 0; } .mad-list-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-entity-content.style-2 ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before, .mad-entity-content.style-2 ul > li i { color: #f2a057; } /* ---------------------------------------- Icon List ---------------------------------------- */ .mad-list--icon > li, .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li { padding-left: 2rem; position: relative; } .mad-list--icon > li > .icon, .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before { position: absolute; left: 1px; top: 0; line-height: 2rem; } .mad-list--icon ul, .mad-entity-content > ul:not(.mad-list--icon):not(.mad-icon-first) { padding-top: 1rem; } .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li:not(:last-child), .mad-list--icon > li:not(:last-child), .mad-list--icon-big > li:not(:last-child), .mad-entity-content ol:not(.mad-list--unstyled) > li:not(:last-child), .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li:not(:last-child), .mad-list--icon > li:not(:last-child), .mad-list--icon-big > li:not(:last-child), .mad-entity-content ol:not(.mad-list--unstyled) > li:not(:last-child) { margin-bottom: 1rem; } /* ---------------------------------------- Horizontal list ---------------------------------------- */ .mad-hr-list ul { font-size: 1.25rem; line-height: 1.875rem; text-transform: uppercase; display: flex; flex-wrap: wrap; } .mad-hr-list ul li { position: relative; } .mad-hr-list ul li:not(:last-child) { margin-right: 0.9375rem; } .mad-hr-list ul li:not(:last-child) { padding-right: 0.9375rem; } .mad-hr-list ul li:not(:last-child):after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 22px; background: #7a7879; } /* ---------------------------------------- Vertical list ---------------------------------------- */ .mad-vr-list { font-size: 1.25rem; line-height: 2rem; } .mad-vr-list ul li:not(:last-child), .mad-tag-list > li:not(:last-child) { margin-bottom: 1rem; } .mad-tag-list:not(:last-child) { margin-bottom: 2.5rem; } .mad-tag-list { margin-top: 0.5rem; font-size: 1.25rem; line-height: 1.5rem; } .mad-tag-list > li { color: #d98f4e; } .mad-tag-list > li > * { display: inline-block; } .mad-tag-list li span { font-style: normal; color: #595758; padding-right: 0.5rem; } .mad-tag-list li .mad-social-icons > ul { margin: -0.75rem -0.75rem 0; } .mad-tag-list li .mad-social-icons { padding-left: .5rem; } .mad-tag-list li .mad-social-icons > ul > li { padding: 0.75rem 0.75rem 0; } .mad-tag-list .mad-link { color: #bf3030; } .mad-likes { font-size: 1rem; color: #d98f4e; padding-left: 1rem; } .mad-likes i { font-size: 1.125rem; line-height: inherit; } .mad-tag-list .mad-social-icons ul li a { font-size: 1.25rem; } /* ---------------------------------------- Dividers ---------------------------------------- */ hr { border-width: 1px 0 0 0; border-style: solid; border-color: #eaeaea; } hr:not(:first-child) { margin-top: 2.51875rem; } hr:not(:last-child) { margin-bottom: 2.51875rem; } hr.mad-divider--medium { border-top-width: 2px; } hr.mad-divider--large { border-top-width: 3px; } hr.mad-divider--shorter { width: 30px; } hr.mad-divider--scheme-dark { border-color: #b1b1b1; } hr.mad-divider--scheme-darkest { border-color: #262123; } /* ---------------------------------------- Blockquotes ---------------------------------------- */ .mad-testimonials.with-bg .mad-testimonial { margin: 1.5rem 0; padding: 4.375rem; border-radius: 1rem; background: #f2e4df; } .mad-testimonials.with-bg.style-2 .mad-testimonial { background: #bf3030; } .mad-testimonials.with-bg.style-2 .mad-testimonial blockquote { color: #fff; } .mad-testimonials.with-bg.style-2 .mad-testimonial .mad-author { color: #f3e0e0; } /* ---------------------------------------- Buttons ---------------------------------------- */ .btn { padding: 1rem 2rem 1rem; display: inline-flex; font-family: 'Gentium Basic', serif; font-size: 1.25rem; color: #fff; background: #b42727; letter-spacing: 0.3px; font-weight: normal; border-radius: 0.625rem; text-align: center; justify-content: center; line-height: 1rem; position: relative; white-space: nowrap; overflow: hidden; z-index: 1; position: relative; transition: all .5s ease!important; } .btn:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 1; border-radius: inherit; background: #b42727; /* Old browsers */ background: -moz-linear-gradient(top, #c63f3f 0%, #b42727 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c63f3f 0%, #b42727 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c63f3f 0%, #b42727 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ transition: all .5s ease!important; } .btn:not(.no-texture):after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat; mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } [class*="btn"] .btn-texture > .svg path { fill: #fff; } .btn:hover:before { opacity: 0; } .btn-mini { font-size: 1rem; padding: 0 1.5rem; line-height: 2rem; } .btn-small { font-size: 1rem; padding: 0 1.5rem; line-height: 2rem; border-radius: 0.5rem; } .btn-big { font-size: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 2.375rem; padding-right: 2.375rem; border-radius: 1rem; } .btn-big:before { border-radius: inherit; } .btn-huge { font-size: 1.875rem; padding-top: 2rem; padding-bottom: 2rem; padding-left: 3rem; padding-right: 3rem; border-radius: 1rem; } [class*="btn"] > i { font-size: 1.125rem; display: inline-block; line-height: inherit; } .btn-mini i { font-size: 0.875rem; } .btn-small > i { font-size: 1rem; } .btn-big > i { font-size: 1rem; } [class*="btn"] i .svg path { fill: transparent; transition: all .5s ease; } [class*="btn"] > i:not(:only-child):first-child { margin-right: 1rem; } [class*="btn"] > i:not(:only-child):last-child { margin-left: 1rem; } [class*="btn"].btn-style-1:not(:hover) { background: #fff; } [class*="btn"].btn-style-2 { background: #7a7879; } [class*="btn"].btn-style-2:before { background: #868586; /* Old browsers */ background: -moz-linear-gradient(top, #868586 0%, #6c6a6b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #868586 0%,#6c6a6b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #868586 0%,#6c6a6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } [class*="btn"].btn-style-3 { background: #262123; } [class*="btn"].btn-style-3:before { background: #342e30; /* Old browsers */ background: -moz-linear-gradient(top, #342e30 0%, #1f1b1c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #342e30 0%,#1f1b1c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #342e30 0%,#1f1b1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } [class*="btn"].btn-style-4 { background: #f2a057; color: #262123; } [class*="btn"].btn-style-4:before { background: #f3aa65 ; /* Old browsers */ background: -moz-linear-gradient(top, #f3aa65 0%, #ef934b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f3aa65 0%,#ef934b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f3aa65 0%,#ef934b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } [class*="btn"].btn-style-4 > i .svg path { fill: #262123; } [class*="btn"] > i { max-height: 0; } [class*="btn"].btn-big i { font-size: 1.5rem; } [class*="btn"] .svg { width: 2.5rem; display: inline-block; line-height: inherit; } [class*="btn"].btn-small .svg { height: 2rem; width: 2rem; vertical-align: -2px; } [class*="btn"] > i .svg path { fill: #fff; stroke: transparent; } .btn:hover .svg path { fill: #fff; } [class*="btn"] > i .svg polyline, [class*="btn"] > i .svg line { fill: transparent; stroke: #fff; } .btn:hover .svg polyline { stroke: #fff; } [class*="btn"].icon-btn { padding: 0; line-height: 3rem; min-width: 3rem; text-align: center; } [class*="btn"].btn-big .svg { width: 3rem; vertical-align: 0; } [class*="btn"].btn-big.icon-btn { line-height: 3.75rem; min-width: 4rem; } [class*="btn"].btn-huge .svg { width: 3.5rem; } .page-nav { padding-top: 3.5rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin: 0 -0.5rem; } .page-nav .page-nav-btn .svg .cls-1 { stroke: #7a7879; fill: transparent; transition: all .5s ease; } .page-nav .page-nav-btn .svg { width: 72px; height: 1rem; } .page-nav .page-nav-btn:nth-child(2) .svg { width: 40px; height: 40px; } .page-nav .page-nav-btn:nth-child(2) .svg .cls-1 { fill: #7a7879; stroke: transparent; } .page-nav .page-nav-btn i { font-size: 2.5rem; } .page-nav .page-nav-btn:nth-child(2):hover .svg .cls-1 { fill: #bf3030; stroke: transparent; } .page-nav .page-nav-btn:hover .svg .cls-1 { stroke: #bf3030; fill: transparent; } .btn-wrap { margin: -0.625rem; } .btn-wrap > * { margin: 0.625rem; } .prev-btn, .next-btn, .exp { font-weight: 600; margin-left: 30px; position: relative; } .prev-btn, .next-btn { border-bottom: 1px solid transparent; } .prev-btn:hover, .next-btn:hover { border-bottom-color: inherit; } .prev-btn:before, .next-btn:before, .exp:before { font-family: 'Linearicons'; content: '\e964'; font-size: 20px; color: #262626; position: absolute; font-weight: normal; left: 0; top: 0; margin-top: -3px; margin-left: -30px; } .next-btn{ margin-left: 0; margin-right: 30px; } .next-btn:before { margin-left: 0; margin-right: -30px; } .next-btn:before { content: '\e965'; right: 0; left: auto; } .mad-back-to-top { width: 56px; height: 56px; padding: 0; text-align: center; position: fixed; z-index: 103; right: 62px; border-radius: 1rem; top: 60%; color: #232831; background: #e0e1e3; } .mad-back-to-top .icon { font-size: 2rem; line-height: 3.5rem; } .mad-read-more { font-family: 'Gentium Basic', serif; color: #bf3030; font-weight: bold; font-size: 1.5rem; white-space: nowrap; display: inline-block; position: relative; line-height: 1.5rem; margin-right: 4rem; width: fit-content; width: -moz-fit-content; } .mad-read-more.no-icon { margin-right: 0!important; } .mad-read-more.small-size { font-size: 1.25rem; margin-right: 3.5rem; } .mad-read-more.big-size { font-size: 1.875rem; line-height: 2rem; margin-right: 4.5rem; } .mad-read-more:hover { text-decoration: underline; } .mad-read-more .svg { position: absolute; right: -4rem; top: 0; line-height: inherit; width: 3rem; height: 26px; } .mad-read-more.small-size .svg { width: 2.5rem; right: -3.5rem; } .mad-read-more.big-size .svg { width: 3.5rem; height: 2rem; right: -4.5rem; } .mad-read-more .svg path { fill: #bf3030; stroke: transparent; } .mad-read-more.style-2 { color: #554c4b; } .mad-read-more.style-2 .svg path { fill: #554c4b; } .mad-read-more.style-3 { color: #4a2c2d; } .mad-read-more.style-3 .svg path { fill: #4a2c2d; } .mad-read-more.style-4 { color: #869fd9; } .mad-read-more.style-4 .svg path { fill: #869fd9; } .mad-read-more.style-5 { color: #bf3030; } .mad-read-more.style-5 .svg path { fill: #bf3030; } .btn-set { margin: -0.5rem -0.25rem 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .btn-set > * { margin: 0.5rem 0.25rem 0; } .btn-set.type-2 { margin: -0.5rem -0.25rem 0; } .btn-set.type-2 > * { margin: 0.5rem 0.25rem 0; } .btn-set.justify-content-between > * { flex: 1; } .btns-set:not(:last-child) { margin-bottom: 3rem; } .btns-set { margin: -3rem -1rem 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .btns-set > ul { width: 25%; padding: 3rem 1rem 0; line-height: normal; } .btns-set ul > li:not(:last-child) { margin-bottom: 1rem; } .btns-set .row > .col { flex-grow: 0; } .mad-share-btns { display: flex; flex-wrap: wrap; align-items: center; margin: -0.25rem -0.125rem 0; } .mad-share-btns > a { padding: 0.3125rem 2rem; font-size: 0.9375rem; letter-spacing: 0.1px; color: #fff!important; border-radius: 8px; font-weight: 500; margin: 0.25rem 0.125rem 0; background-image: none!important; } .mad-share-btns > a i { font-size: 0.75rem; margin-right: 0.625rem!important; margin-left: 0!important; margin-top: 0.25rem; line-height: 25px; } .mad-share-btns > a i.icon { font-size: 0.875rem; } .mad-share-btns > span { margin-right: 1rem; } .mad-share-facebook { background: #3a5599; } .mad-share-twitter { background: #1f9de9; } .mad-share-pinterest { background: #e00b2b; } .mad-share-in { background: #2a8dc0; } .mad-share-email { background: #4caa19; } .mad-dir { display: inline-block; font-family: 'Gentium Basic', serif; font-size: 1.125rem; line-height: 1.5rem; font-weight: normal; color: #bf3030; } /*----------- Facebook--------------*/ .fb-page { width: 100% !important; } .fb-page { max-width: 100% !important; } /* ---------------------------------------- Panels (Accordions & Toggles) ---------------------------------------- */ .mad-panels-title > button { font-size: 1.5rem; line-height: 2rem; font-weight: 400; font-family: "Arvo", serif; text-align: initial; border-radius: 0.875rem; display: block; width: 100%; position: relative; background-clip: padding-box; color: #bf3030; -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-word-break: break-all; word-break: break-all; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .mad-panels-title > button:before { font-family: 'Material Icons'; font-size: 1.125rem; line-height: 1; font-weight: 600; color: #bf3030; margin-right: 0.875rem; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; } .mad-panels-title > button:before { content: "add"; } .mad-panels-title:not(:last-child) { margin-bottom: 1.5rem; } .mad-panels-active.mad-panels-title > button::before { content: "remove"; } .mad-panels-active.mad-panels-title > button::after { opacity: 1; } .mad-panels-definition { line-height: 1.5rem; color: #595758; } .mad-panels-definition:not(:last-child) { margin-bottom: 2rem; } .mad-panels--style-2 .mad-panels-title.mad-panels-active > button { border-bottom-color: transparent; } .mad-panels--style-2 .mad-panels-definition { padding-left: 2rem; padding-top: 1.5rem; padding-bottom: 2rem; padding-right: 2rem; } .mad-panels--style-2 .mad-panels-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-panels--style-2 .mad-panels-definition:not(:last-child) { margin-bottom: 0; } .mad-panels.mad-panels--style-2 .mad-panels-title > button { background-color: #f2e4df; color: #bf3030; padding: 1rem 1.75rem; } .mad-panels:not(.mad-panels--style-2) .mad-panels-title.mad-panels-active > button { color: #262123; } .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button, .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button { color: #fff; background: #554c4b; } .mad-panels.mad-panels--style-2 .mad-panels-title > button:before, .mad-panels.mad-panels--style-2 .mad-panels-title > button:after { left: 2rem; } .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button:before, .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button:after { color: #fff; } .mad-csstransforms3d .mad-panels-title > button::after, .mad-csstransforms3d .mad-panels-title > button::before { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .mad-csstransforms3d .mad-panels-title > button::after, .mad-csstransforms3d .mad-panels-title.mad-panels-active > button::before { color: #262123; } /* ---------------------------------------- Tabs & Tour Sections ---------------------------------------- */ .mad-tabs:not(:last-child) { margin-bottom: 3.5rem; } .mad-tabs:not(.mad-tabs--unstyled) { overflow: hidden; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav { font-weight: 400; font-family: "Arvo", serif; font-size: 1rem; line-height: 1.5rem; display: flex; /*white-space: nowrap;*/ z-index: 2; position: relative; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav > span:not(:last-child) { margin-right: 2.5rem; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a { color: #bf3030; display: block; /*white-space: nowrap;*/ -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-tabs:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tabs-nav > span.mad-active a { color: #262123; text-decoration: underline; } .mad-tabs-container .mad-tab { font-size: 1.125rem; padding-top: 2rem; font-size: 1.125rem; line-height: 1.5rem; color: #595758; } .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav a { border: none; } .mad-tabs.mad-tabs--style-2 .mad-tabs-nav > span:not(:last-child) { margin-right: 8px; } .mad-tabs.mad-tabs--style-2 .mad-tabs-nav a { padding: 1.25rem 2rem; background: #f2e4df; color: #bf3030; border-radius: 1rem; } .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav > span.mad-active a { background: #554c4b; color: #fff; } .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2:not(.mad-tabs--tour-sections) .mad-tabs-container .mad-tab { padding-left: 32px; } .mad-tabs.mad-tabs--tour-sections { display: flex; } .mad-tabs.mad-tabs--tour-sections > * { width: 100%; } .mad-tabs.mad-tabs--tour-sections .mad-tabs-nav { max-width: 20rem; display: block; margin: 0; margin-right: 2rem; } .mad-tabs.mad-tabs--tour-sections .mad-tabs-nav > span { margin-right: 0!important; display: block; } .mad-tabs.mad-tabs--tour-sections:not(.mad-tabs--style-2) .mad-tabs-nav > span a { display: inline-block } .mad-tabs.mad-tabs--tour-sections .mad-tabs-nav > span:not(:last-child) { margin-bottom: 2rem; } .mad-tabs.mad-tabs--tour-sections .mad-tabs-container .mad-tab { padding-top: 0; } .mad-tabs.mad-tabs--tour-sections.mad-tabs--style-2 .mad-tabs-nav > span:not(:last-child) { margin-bottom: 0.5rem; } .mad-tabs.products { overflow: visible; } .mad-tabs.products .owl-carousel:not(.nav-top) { padding: 0 7.5rem; } .mad-tabs.products .owl-carousel .owl-stage { display: flex; flex-wrap: wrap; } .mad-tabs.products .owl-carousel .mad-grid-item { height: 100%; } /* ---------------------------------------- Pagination ---------------------------------------- */ .mad-pagination { display: flex; margin: -2px; } .mad-pagination > li { padding: 2px; } .mad-pagination > li > a:not(.mad-arrows) { position: relative; font-size: 1.25rem; width: 2rem; height: 2rem; font-weight: bold; text-align: center; line-height: 2rem; border-radius: 12px; color: #1c181a; display: block; } .mad-pagination > li > a:not(.mad-arrows):after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .mad-pagination > li > a:not(.mad-arrows):hover, .mad-pagination > li > a:not(.mad-arrows).current { background: #262123; color: #fff; } .mad-pagination > li > .mad-arrows { margin: 0 1rem; } .mad-pagination > li > .mad-arrows .svg { width: 45px; height: 13px; } .mad-pagination > li > .mad-arrows:hover .svg .cls-1 { stroke: #bf3030; } /* ---------------------------------------- Progress Bars ---------------------------------------- */ .mad-progress-bars-item:not(:last-child) { margin-bottom: 1.5rem; } .mad-progress-bar { height: 0.5rem; position: relative; background-color: #f2e4df; } .mad-progress-bar-title { font-size: 1.25rem; display: block; position: relative; padding-right: 5rem; color: #262123; } .mad-progress-bar-title::after { content: attr(data-value) attr(data-units); position: absolute; font-weight: 600; bottom: 0; right: 0; } .mad-progress-bar-indicator { position: absolute; top: 0; bottom: 0; left: 0; right: auto; background: #f2a057; } .mad-progress-bars--secondary .mad-progress-bar { background: #dedddd; } .mad-progress-bars--secondary .mad-progress-bar-indicator { background: #bf3030; } /* ---------------------------------------- Counters ---------------------------------------- */ .mad-counters { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; position: relative; z-index: 2; text-align: center; } .mad-counters[class*="item-col-"]:not(.no-gutters) { margin-top: -3rem; } .mad-counters[class*="item-col-"]:not(.no-gutters) > * { padding-top: 3rem; } .mad-counter { color: #7a7879; font-size: 1.125rem; line-height: 1.5rem; } .mad-counter-count { font-family: "Arvo", serif; font-size: 3.75rem; line-height: 4.5rem; white-space: nowrap; font-weight: bold; color: #262123; } .mad-counter-icon { line-height: 1; } .mad-counter-icon .svg { height: 4.5rem; } .mad-counter .mad-counter-icon:not(:last-child) { margin-bottom: 1.5rem; } .mad-counter-icon .svg path { fill: #bf3030; stroke: transparent; } .mad-counters.style-2 .mad-counter { color: #c7c8cc; } .mad-counters.style-2 .mad-counter-count { color: #fff; } .mad-counters.style-2 .mad-counter-icon .svg path { fill: #f2a057; } .mad-counters.no-icons .mad-counter-icon { display: none; } /* ---------------------------------------- Tooltips ---------------------------------------- */ [data-tooltip]:not(a) { color: #d98f4e; } .monkeysan-tooltip-skin-mad { font-size: 0.875rem; line-height: 1.875rem; font-weight: 400; padding-left: 0.625rem; padding-right: 0.625rem; color: #fff; background-color: #d98f4e; border-radius: 0.625rem; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip::after { content: ""; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom.monkeysan-tooltip-position-reversed::after { bottom: auto; right: auto; top: 100%; left: 50%; margin-left: -8px; margin-top: -1px; border-width: 7px 8px 0 8px; border-color: #d98f4e transparent transparent transparent; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top.monkeysan-tooltip-position-reversed::after { top: auto; right: auto; bottom: 100%; left: 50%; margin-left: -8px; margin-bottom: -1px; border-width: 0 8px 7px 8px; border-color: transparent transparent #d98f4e transparent; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left.monkeysan-tooltip-position-reversed::after { bottom: auto; right: 100%; top: 50%; left: auto; margin-top: -8px; margin-right: -1px; border-width: 8px 7px 8px 0; border-color: transparent #d98f4e transparent transparent; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right.monkeysan-tooltip-position-reversed::after { bottom: auto; right: auto; top: 50%; left: 100%; margin-top: -8px; margin-left: -1px; border-width: 8px 0 8px 7px; border-color: transparent transparent transparent #d98f4e; } /* ---------------------------------------- Team Members ---------------------------------------- */ .mad-team { display: flex; flex-wrap: wrap; } .mad-team[class*="item-col-"]:not(.no-gutters) { margin-top: -4rem; } .mad-team[class*="item-col-"]:not(.no-gutters) > * { padding-top: 4rem; } .mad-team .mad-team-member-photo { border-radius: 0.625rem; overflow: hidden; display: block; } .mad-team .mad-team-member { position: relative; transition: all .5s ease; } .mad-team.big-type .mad-team-member { display: flex; align-items: center; font-size: 1.25rem; } .mad-team.big-type .mad-col:nth-child(2n) .mad-team-member { flex-direction: row-reverse; } .mad-team.big-type .mad-team-member > * { max-width: 50%; width: 50%; } .mad-team:not(.big-type) .mad-team-member .mad-team-member-info { text-align: center; padding: 1.5rem; padding-bottom: 0; font-size: 1.125rem; line-height: 1.5rem; } .mad-team.big-type .mad-team-member .mad-info-header:not(:last-child) { margin-bottom: 2.5rem; } .mad-team:not(.big-type) .mad-team-member .mad-info-header:not(:last-child) { margin-bottom: 1rem; } .mad-team.big-type .mad-team-member .mad-team-member-info { padding: 2rem 4.5rem; } .mad-team:not(.big-type) .mad-team-member .mad-team-member-name { font-family: 'Arvo', serif; font-weight: 600; } .mad-team:not(.big-type) .mad-team-member .mad-team-member-name a { color: #262123; } .mad-team .mad-team-member .mad-team-member-name:not(:last-child) { margin-bottom: 0.5rem; } .mad-team:not(.big-type) .mad-team-member .mad-social-icons ul { justify-content: center; } .mad-team .mad-team-member .mad-member-stat { color: #7a7879; font-size: 1.125rem; line-height: 1.5rem; } .mad-team.big-type .mad-team-member .mad-member-stat { font-size: 1.25rem; } .mad-team .mad-team-member .mad-team-member-photo img { width: 100%; } .mad-team.big-type .mad-team-member .mad-social-icons { margin-top: 3rem; } .mad-team.big-type .mad-team-member .mad-social-icons ul li a { font-size: 1.875rem; } .mad-team.style-2 .mad-team-member { position: relative; z-index: 1; overflow: hidden; transition: all .5s ease; border-radius: 0.625rem; overflow: hidden; } .mad-team.style-2 .mad-team-member:hover { -webkit-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); } .mad-team.style-2 .mad-team-member .mad-team-member-info { position: relative; z-index: 2; padding-bottom: 2rem; transition: all .5s ease; transition: all .5s ease; } .mad-team.style-2 .mad-team-member .mad-team-member-info:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #bf3030; opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-team.style-2 .mad-team-member .mad-team-member-info:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; z-index: 1; } .mad-team.style-2 .mad-team-member .mad-social-icons { margin-top: -3.5rem; } .mad-team.style-2 .mad-team-member:hover .mad-team-member-info:after { opacity: 1; visibility: visible; } .mad-team.style-2 .mad-team-member:hover .mad-social-icons { margin-top: 0; } .mad-team.style-2 .mad-team-member:hover .mad-team-member-info { margin-top: -4rem; background: #fff; } .mad-team.style-2 .mad-team-member .mad-social-icons { opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-team.style-2 .mad-team-member:hover .mad-social-icons { opacity: 1; visibility: visible; } .mad-team .mad-social-icons.size-2 ul li a { font-size: 1.25rem; } .mad-team .mad-social-icons ul li a i:after { background: #fff; } /* ---------------------------------------- Tables ---------------------------------------- */ table { table-layout: fixed; border-collapse: collapse; width: 100%; border: none; border-radius: 20px; overflow: hidden; } table:not(:last-child) { margin-bottom: 1.625rem; } table tr { -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); border-width: 0; border-style: solid; } table tr:hover, table tr:focus { -webkit-transition-duration: 150ms; transition-duration: 150ms; } table td, table th { padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; border-bottom: 1px solid #f2e4df; } table th { font-size: 1.25rem; line-height: 1.5rem; font-family: 'Arvo', serif; } table:not(.mad-table--vertical) tbody tr:last-child td, table.mad-table--vertical tfoot tr:last-child td, table tr th { border-bottom: none; } table td { font-size: 1.125rem; line-height: 1.5rem; } table th, table tfoot { color: #262123; } table:not(.mad-table--vertical) tr.bg, .mad-table.mad-table--vertical tr th { background: #f2e4df; } .mad-table-wrap.style-2 table:not(.mad-table--vertical) tr.bg, .mad-table-wrap.style-2 .mad-table.mad-table--vertical tr th { background: #dedddd; } .mad-table-wrap.style-2 tr td { border-color: #dedddd; } .mad-table.mad-table--vertical tr th { width: 30%; } table tfoot tr td { border-bottom: none; font-size: 1.125rem; } table tr:hover { background: #fbf8f7; } table tfoot tr.bg td, .mad-table.mad-table--vertical tfoot tr th, .mad-table.mad-table--vertical tfoot tr td { color: #bf3030; font-weight: bold; } .mad-table.mad-table--vertical tfoot tr th { font-weight: normal; } table tr.total { font-weight: bold; } /* Pricing tables */ .mad-pricing-tables[class*="item-col-"]:not(.no-gutters) { margin-top: -4rem; } .mad-pricing-tables[class*="item-col-"]:not(.no-gutters) > * { padding-top: 4rem; } .mad-pricing-tables { display: flex; flex-wrap: wrap; } .mad-pricing-table { display: flex; width: 100%; color: #7a7879; font-size: 1.125rem; line-height: 1.5rem; } .mad-pricing-table .mad-pricing-table-title { font-family: 'Arvo', serif; font-weight: 600; } .mad-pricing-table-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-pricing-tables:not(.type-3) .mad-pricing-table p:not(:last-child) { margin-bottom: 2rem; } .mad-pricing-table-price { position: relative; font-family: 'Arvo', serif; font-size: 3.75rem; font-weight: 600; margin-right: 2rem; color: #bf3030; line-height: 1; padding-left: 1.25rem; } .mad-pricing-tables.style-2 .mad-pricing-table { color: #c7c8cc; } .mad-pricing-tables.style-2 .mad-pricing-table .mad-pricing-table-title { color: #fff; } .mad-pricing-tables.type-2 .mad-pricing-table { display: block; padding: 72px 64px; background: #f0faff; text-align: center; transition: all .5s ease; } .mad-pricing-tables.type-2 .mad-pricing-table-price { padding-top: 0; position: relative; margin-right: 0; margin-bottom: 1rem; } .mad-pricing-tables .mad-pricing-table-price:before { content: '$'; position: absolute; left: 0; top: 0; font-size: 2rem; vertical-align: top; line-height: 2.5rem; } .mad-pricing-tables.type-2 .mad-pricing-table:hover { background: #bf3030; color: #c7c8cc; } .mad-pricing-tables.type-2 .mad-pricing-table:hover .mad-pricing-table-title { color: #fff; } .mad-pricing-tables.type-2 .mad-pricing-table:hover .btn { background: #1c181a; color: #262123; } .mad-pricing-tables.type-3 .mad-pricing-table { text-align: center; display: block; } .mad-pricing-tables.type-3 .mad-pricing-table-price { margin-right: 0; margin-bottom: 2rem; padding-left: 0; } .mad-pricing-tables.type-3 .mad-pricing-table-price:before { position: initial; } .mad-pricing-tables.type-3 .mad-pricing-table-title:not(:last-child) { margin-bottom: 1rem; } .mad-pricing-tables .mad-pt-icon { display: block; margin-bottom: 1rem; } .mad-pricing-tables .mad-pt-icon .svg { height: 4.5rem; } .mad-pricing-tables .mad-pt-icon .svg path { fill: #bf3030; stroke: transparent; } .mad-pricing-tables.style-2 .mad-pt-icon .svg path { fill: #f2a057; stroke: transparent; } /* ---------------------------------------- Banners ---------------------------------------- */ .mad-banner { overflow: hidden; padding: 1.5rem; border-radius: 1rem; } .mad-banner .mad-banner-inner { font-size: 1.25rem; line-height: 2rem; padding: 5rem 1rem; text-align: center; color: #262123; font-weight: bold; background: rgba(255,255,255,0.6); } .mad-banner-inner .btn { margin-top: 0.5rem; } /* ---------------------------------------- Icon boxes ---------------------------------------- */ .mad-icon-boxes.type-2[class*="item-col-"]:not(.no-gutters) { margin: -4.5rem -2rem 0; } .mad-icon-boxes.type-2[class*="item-col-"]:not(.no-gutters) > * { padding: 4.5rem 2rem 0; } .mad-icon-boxes:not(.no-bottom-space):not(:last-child) { margin-bottom: 2.5rem; } .mad-icon-boxes[class*="item-col-"]:not(.no-gutters) { margin-top: -3.5rem; } .mad-icon-boxes[class*="item-col-"]:not(.no-gutters) > * { padding-top: 3.5rem; } .mad-icon-boxes { display: flex; flex-wrap: wrap; } .mad-icon-boxes .mad-icon-box { font-size: 1.125rem; line-height: 1.5rem; color: #7a7879; } .mad-icon-box .mad-icon-box-icon { font-size: 3.75rem; display: block; } .mad-icon-boxes:not(.style-2).mad-icon-box-content { padding-right: 20px; } .mad-icon-boxes:not([class*="type-"]).align-center .mad-icon-box .mad-icon-box-content { padding: 0 16px; } .mad-icon-box-content > span { color: #999; } .mad-icon-box .mad-icon-box-icon .svg { height: 4.5rem; /* width: 4rem; */ } .mad-icon-box .mad-icon-box-icon .svg [class*="cls-"] { fill: #bf3030; stroke: transparent; } .svg [class*="cls-"] { stroke: transparent; } .mad-icon-boxes:not(.hr-type) .mad-icon-box .mad-icon-box-icon:not(:last-child) { margin-bottom: 1.5rem; } .mad-icon-box .mad-icon-box-title { font-family: 'Arvo', serif; font-weight: bold; letter-spacing: -0.2px; } .mad-icon-box .mad-icon-box-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-icon-box p:not(:last-child) { margin-bottom: 1rem; } .mad-icon-boxes.small-size .mad-icon-box-icon .svg { width: 42px; height: 42px; } .mad-icon-boxes.small-size:not(.hr-type) .mad-icon-box .mad-icon-box-icon:not(:last-child) { margin-bottom: 0.875rem; } .mad-icon-boxes.small-size .mad-icon-box .mad-icon-box-title { font-size: 1.25rem; line-height: 1.75rem; } .mad-icon-boxes.small-size .mad-icon-box .mad-icon-box-title:not(:last-child) { margin-bottom: 0.875rem; } .mad-icon-boxes .mad-icon-box .mad-social-icons { padding-top: 0.875rem; } .mad-img-holder { position: relative; width: 100%; height: 100%; } .mad-img-holder.img-overlay { z-index: 9; } .mad-img-holder.img-overlay .mad-img { overflow: visible; } .mad-img { border-radius: 1rem; display: inline-block; overflow: hidden; position: relative; } .mad-img-holder .mad-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: visible; } .mad-top-offset { padding-top: 4rem; } .mad-bottom-offset { padding-bottom: 4rem; } .mad-icon-boxes.mad-offset-left .mad-col.mad-col-x2 { width: 44%; } .mad-icon-boxes.mad-offset-left .mad-col { width: 28%; } .mad-icon-boxes.mad-offset-left .left-offset { margin-left: -7.5rem; } .mad-icon-boxes.mad-offset-left .right-offset { margin-right: -7.5rem; } .mad-img.with-texture { overflow: visible; } .mad-img.with-texture:after { content: ''; position: absolute; top: 0; left: 0; width: 840px; height: 852px; margin-left: -4rem; margin-top: -10rem; background: url(../images/840x852_textrure.jpg) no-repeat center; z-index: -1; } /* Hotizontal type */ .mad-icon-boxes.hr-type .mad-icon-box { display: flex; padding-left: 0; text-align: left; justify-content: center; } .mad-icon-boxes.hr-type .mad-icon-box > .mad-icon-box-icon { min-width: 6rem; } /* With arrows */ .mad-icon-boxes.type-2 .mad-icon-box { position: relative; } .mad-icon-boxes.type-2.no-bottom-space .mad-icon-box { padding: 4rem 0; } .mad-icon-boxes.type-2 .mad-col:not(:last-child) .mad-icon-box:before { content: "\e944"; position: absolute; right: 2rem; top: 1.5rem; margin-top: -1rem; font-family: 'linearicons'; font-size: 2.5rem; line-height: 1; color: #c7c8cc; } .mad-icon-boxes.type-2.no-bottom-space .mad-col:not(:last-child) .mad-icon-box:before { top: 100px; } .mad-icon-boxes.type-2 .mad-col:not(:last-child) .mad-icon-box.with-arrow-down:before { content: "\e942"; right: auto; left: 24px; top: 100%; } /* Style color white */ .mad-icon-boxes.style-2 .mad-icon-box { color: #c7c8cc; } .mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-icon .svg [class*="cls-"] { fill: #f2a057; } .mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-title { color: #fff; letter-spacing: -0.1px; } .mad-icon-boxes.type-2.style-2 .mad-col:not(:last-child) .mad-icon-box:before { color: #c7c8cc; } /* ---------------------------------------- Image boxes ---------------------------------------- */ /* ---------------------------------------- Entities ---------------------------------------- */ .mad-entities[class*="item-col-"]:not(.mad-grid--isotope):not(.no-gutters) { margin-top: -2rem; } .mad-entities[class*="item-col-"]:not(.mad-grid--isotope):not(.no-gutters) > * { padding-top: 2rem; } .mad-entities[class*="item-col-"]:not(.mad-grid--isotope) { display: flex; flex-wrap: wrap; } .mad-entities .mad-entity { height: 100%; font-size: 1.25rem; } .mad-entities:not(.type-2):not(.mad-entity-hr):not(.style-3) .mad-entity-media { border-radius: 1.5rem; overflow: hidden; } .mad-entity .mad-entity-title { letter-spacing: 0; } .mad-entities:not(.mad-entity-hr) .mad-entity:not(:last-child), .mad-entities:not([class*="item-col-"]):not(.type-2):not(.mad-entity-hr) .mad-col:not(:last-child) { margin-bottom: 2rem; } .mad-entities.style-2:not(.type-2):not(.type-3):not(.style-3)[class*="item-col-"]:not(.mad-grid--isotope):not(.no-gutters) { margin-top: -4rem; } .mad-entities.style-2:not(.type-2):not(.type-3):not(.style-3)[class*="item-col-"]:not(.mad-grid--isotope):not(.no-gutters) > * { padding-top: 4rem; } .mad-entities:not(.type-2):not(.type-3):not(.style-3)d98f4e .mad-entity { position: relative; font-size: 1.125rem; line-height: 1.5rem; display: flex; flex-direction: column; height: auto; } .mad-entities .mad-entity .mad-entity-body time { font-size: 1rem; line-height: 1rem; font-style: normal; color: #d98f4e; display: block; } .mad-entities .mad-entity .mad-entity-body time:not(:last-child) { margin-bottom: 0.5rem; } .mad-entities .mad-entity .mad-entity-body time a { color: #bf3030; } .mad-entities:not(.type-2):not(.type-3):not(.mad-entity-hr) .mad-entity .mad-entity-content { padding-right: 1rem; font-weight: normal; } .mad-entities:not(.style-3) .mad-entity .mad-entity-content { line-height: 1.5rem; color: #7a7879; font-size: 1.125rem; } .mad-entities:not(.style-3) .mad-entity .mad-entity-title { font-weight: bold; } .mad-entities.align-center:not(.type-2):not(.type-3):not(.mad-entity-hr) .mad-entity .mad-entity-content { padding: 0 2rem; } .mad-entities:not(.type-2):not(.type-3):not(.style-3):not(.mad-entity-hr) .mad-entity .mad-entity-media:not(:last-child) { margin-bottom: 2rem; } .mad-entities:not(.single-entity) .mad-entity p:not(:last-child) { margin-bottom: 1rem; } .mad-entities:not(.type-2):not(.type-3) .mad-entity .mad-entity-title { font-family: 'Arvo', serif; } .mad-entities:not(.type-3) .mad-entity .mad-entity-title a { border: none; } .mad-entities .mad-entity .mad-entity-title { font-weight: normal; } .mad-entities:not(.type-2):not(.type-3) .mad-entity .mad-entity-title:not(:last-child) { margin-bottom: 1rem; } .mad-entity-footer .mad-social-icons.size-2 ul li a { font-size: 1.0625rem; } .mad-colorizer--scheme-color-2 .mad-entities:not(.style-3) .mad-entity .mad-entity-content { color: #c7c8cc; } /* ---------------------------------------- Style 2 ---------------------------------------- */ .mad-entities.style-2 .mad-entity { color: #c7c8cc; } .mad-entities.style-2 .mad-entity .mad-entity-title a { color: #fff; } /* ---------------------------------------- Style 3 ---------------------------------------- */ .mad-entities:not(.type-2):not(.type-3).style-3:not(.mad-entity-hr):not(.mad-entities-small) .mad-entity .mad-entity-content, .mad-entities:not(.mad-entities-small):not(.mad-entity-hr) .mad-entity-body { padding: 2rem; transition: all .5s ease; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .mad-entities:not(.type-2):not(.type-3).style-3:not(.mad-entity-hr) .mad-entity { background: #fff; border-radius: 1rem; display: flex; flex-direction: column; overflow: hidden; position: relative; transition: all .5s ease; -webkit-box-shadow: -18px 16px 25px 0px rgba(18, 16, 17, 0.1); -moz-box-shadow: -18px 16px 25px 0px rgba(18, 16, 17, 0.1); box-shadow: -18px 16px 25px 0px rgba(18, 16, 17, 0.1); } .mad-entities:not(.type-2):not(.type-3).style-3:not(.mad-entity-hr):not(.single-entity) .mad-entity:after, .mad-products:not(.mad-product-small) .mad-product:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #bf3030; opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-entities:not(.type-2):not(.type-3).style-3:not(.mad-entity-hr):not(.single-entity) .mad-entity:before, .mad-products:not(.mad-product-small) .mad-product:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; z-index: 1; } .mad-entities:not(.type-2):not(.type-3).style-3:not(.mad-entity-hr) .mad-entity:hover:after, .mad-products:not(.mad-product-small) .mad-product:hover:after { opacity: 1; visibility: visible; } .mad-entities:not(.type-2):not(.type-3).style-3:not(.mad-entity-hr) .mad-entity:hover { -webkit-box-shadow: 0 0 25px 0px rgba(18, 16, 17, 0.1); -moz-box-shadow: 0 0 25px 0px rgba(18, 16, 17, 0.1); box-shadow: 0 0 25px 0px rgba(18, 16, 17, 0.1); } .mad-entities.style-3 .mad-entity time { font-size: 1.125rem; line-height: 1rem; color: #d98f4e; display: block; } .mad-entities.style-3:not(.mad-entities-big) .mad-entity time { font-size: 1rem; } .mad-entities.style-3 .mad-entity time:not(:last-child) { margin-bottom: 8px; } .mad-entity .mad-entity-media img { width: 100%; } .mad-entities.style-3 .mad-entity .mad-entity-header:not(:last-child) { margin-bottom: 1rem; } .mad-entities.style-3 .mad-entity .mad-entity-header { flex: 1; } /* ---------------------------------------- Type 2 ---------------------------------------- */ .mad-entities.type-2 .mad-entity { position: relative; display: flex; flex-wrap: wrap; align-items: center; height: auto; font-size: 1.25rem; line-height: 2rem; color: #7a7879; } .mad-entities.type-2 .mad-entity > * { width: 50%; height: 100%; position: relative; } .mad-entities.type-2 .mad-entity .mad-entity-content { padding: 2rem 4.375rem; } .mad-entities.type-2 .mad-entity { background: #262123; border-radius: 1rem; } .mad-entities.type-2:not(.no-gutters) .mad-col:not(:last-child) { margin-bottom: 9rem; } .mad-entities.type-2 .mad-col .mad-entity .mad-entity-content { font-size: 1.25rem; line-height: 2rem; } .mad-entities.type-2 .mad-col:first-child .mad-entity .mad-entity-content { color: #c7c8cc; } .mad-entities.type-2 .mad-col:first-child .mad-entity .mad-entity-title a { color: #fff; } .mad-entities.type-2 .mad-col:nth-child(2n) .mad-entity { background: #f9f3f1; flex-direction: row-reverse; margin-top: 0; color: #7a7879; } .mad-entities.type-2 .mad-entity p:not(:last-child) { margin-bottom: 2rem; } .mad-entities.type-2.no-gutters .mad-entity { border-radius: 1.5rem 1.5rem 0 0; } .mad-entities.type-2.no-gutters .mad-col:nth-child(2n) .mad-entity { border-radius: 0 0 1.5rem 1.5rem; z-index: -1; } .mad-entities.type-2.with-bg .mad-entity, .with-backplate { position: relative; } .with-backplate { z-index: 1; } .with-backplate img { width: 100%; } .mad-entities.type-2.with-bg .mad-entity .mad-entity-media:after, .with-backplate:after { content: ''; position: absolute; top: 0; left: 0; margin-top: -9rem; margin-left: -12.5rem; width: 993px; height: 867px; z-index: -1; background: url(../images/mud.png) no-repeat center center; } .mad-entities.type-2.with-bg .mad-col:nth-child(2n) .mad-entity .mad-entity-media:after { margin-left: 0; margin-right: -12.5rem; } /* ---------------------------------------- Type 3 ---------------------------------------- */ .mad-entities.type-3 .mad-entity { display: flex; flex-wrap: wrap; } .mad-entities.type-3 .mad-entity > * { width: 50%; } .mad-entities.type-3 .mad-entity .mad-entity-content { background: #f0faff; padding: 8.5rem 11rem; text-align: center; transition: all .5s ease; } .mad-entities.type-3 .mad-col:nth-child(2n) .mad-entity { flex-direction: row-reverse; } .mad-entities.type-3 .mad-entity:hover .mad-entity-content { background: #bf3030; color: #c7c8cc; } .mad-entities.type-3 .mad-entity:hover .mad-entity-title a { color: #fff; } .mad-entities.type-3 .mad-entity:hover .mad-read-more { color: #1c181a; } .mad-entities.type-3 .mad-entity:hover .mad-read-more .svg path { fill: #1c181a; } .mad-entity .mad-testimonials { position: relative; z-index: 1; } /* ---------------------------------------- Gorizontal ---------------------------------------- */ .mad-entities.mad-entity-hr .mad-col:not(:last-child), .mad-entities.mad-entity-hr .mad-entity:not(:last-child) { margin-bottom: 1.5rem; } .mad-entities.mad-entity-hr .mad-entity { display: flex; overflow: visible; } .mad-entities.mad-entity-hr .mad-entity .mad-entity-media { border-radius: 0.5rem; overflow: hidden; min-width: 5.5rem; margin-right: 1.5rem; margin-bottom: 0; } .mad-entities.mad-entity-hr .mad-entity-content { background: transparent; padding: 0; padding-top: 0.5rem; } .mad-entities.mad-entity-hr.style-3 .mad-entity time { font-size: 1rem; } .mad-entities.mad-entity-hr.style-3 .mad-entity .mad-entity-title { font-size: 1.125rem; line-height: 1.5rem; font-weight: normal; } /* ---------------------------------------- Small size ---------------------------------------- */ .mad-entities.mad-entities-small { display: block; } .mad-entities.mad-entities-small .mad-entity-title { font-size: 1.25rem; line-height: 1.5rem; } /* ---------------------------------------- Big size ---------------------------------------- */ .mad-entities.mad-entities-big:not(:last-child) { margin-bottom: 3rem; } .mad-entities.mad-entities-big .mad-entity { font-size: 1.25rem; } .mad-entities.mad-entities-big .mad-entity time { font-size: 1.125rem; line-height: 1.5rem; } /* .mad-entities.style-3:not(.single-entity):not(.mad-entity-hr):not(.mad-entities-big) .mad-entity:hover .mad-entity-body { background: #f7f2ee; } */ .mad-entity-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: -1rem; } .mad-entity-footer > * { margin-top: 1rem; } .mad-share-wrap { display: flex; align-items: center; } .mad-share-wrap > span { font-size: 1.125rem; margin-right: 1rem; display: inline-block; vertical-align: top; } .single-entity .mad-share-wrap > span { font-size: 18px; } .mad-entities.style-3 .mad-entity .mad-testimonials.with-bg .mad-testimonial { margin: 0; } .mad-entity-link-element { position: relative; font-size: 1.875rem; line-height: 2.5rem; font-style: italic; background: #d98f4e; color: #fff; padding: 4.5rem; font-weight: bold; display: block; z-index: 1; } .mad-entity-link-element > i { position: absolute; top: 72px; left: 2rem; color: #fff; font-size: 6rem; opacity: 0.08; line-height: inherit; transform: rotate(180deg); z-index: -1; } .mad-entities.single-entity .mad-entity .mad-entity-body, .mad-entities.single-entity .mad-entity { padding: 0!important; background: none!important; box-shadow: none!important; border-radius: none!important; overflow: visible!important; font-size: 1.25rem; } .mad-entities.single-entity .mad-entity-media { border-radius: 1rem; overflow: hidden; } .mad-entities.single-entity .mad-entity .mad-entity-title { font-family: 'Arvo', serif!important; font-weight: normal!important; } .mad-entities.single-entity .mad-entity .mad-entity-title:not(:last-child) { margin-bottom: 0; } .mad-entities.single-entity .mad-entity time { font-size: 1.25rem; } .mad-entities.single-entity .mad-entity .mad-testimonials { float: left; max-width: 50%; margin-right: 2rem; } .mad-entities.single-entity .mad-entity p + p { margin-top: -0.5rem; } .mad-entities.single-entity .mad-entity .mad-entity-body:not(:last-child) { margin-bottom: 2.5rem; } .mad-entities.single-entity .mad-entity-footer { border-bottom: 1px solid #f2e4df; padding-bottom: 2.5rem; } .mad-entity .mad-social-icons ul li a i:after { background: #fff; } /* ---------------------------------------- Carousels ---------------------------------------- */ .owl-dots { display: flex; margin-top: 3rem; justify-content: center; } .owl-carousel button.owl-dot { height: 3px; width: 66px; background: #7a7879; margin: 0 2.5px; opacity: 0.5; position: relative; z-index: 1; overflow: hidden; } .owl-carousel button.owl-dot.active { background: #bf3030; opacity: 1; } .owl-carousel button.owl-dot:after, .tp-bullet:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; z-index: -1; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { font-size: 2.5rem; color: #262123; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; } .owl-carousel.mad-simple-slideshow:not(.with-nav-bp) .owl-nav button.owl-next { right: 1.5rem; } .owl-carousel.mad-simple-slideshow:not(.with-nav-bp) .owl-nav button.owl-prev { left: 1.5rem; } .owl-carousel.no-nav .owl-nav { display: none; } .mad-testimonials .owl-carousel:not(.no-nav) { padding: 0 7.5rem; } .nav-top .owl-nav { position: absolute; bottom: 100%; right: 0; display: flex; margin-bottom: 3.5rem; } .nav-top .owl-nav > button { position: initial!important; transform: none!important; } .nav-top .owl-nav > button:not(:last-child) { margin-right: 40px; } .owl-carousel .owl-nav > button .svg { width: 72px; height: 1rem; } .owl-carousel .owl-nav > button .svg .cls-1 { stroke: #7a7879; fill: transparent; } .owl-carousel .owl-nav > button:hover .svg .cls-1 { stroke: #bf3030; } .owl-carousel.nav-style-2 button.owl-dot:not(.active) { background: #fff; } .owl-carousel.nav-style-2 .owl-nav > button:not(:hover) .svg .cls-1 { stroke: #fff; } .owl-carousel.nav-style-2 button.owl-dot:after { opacity: 0.5; background-color: #1c181a; } .owl-carousel.with-nav-bp { border-radius: 1rem; overflow: hidden; } .mad-entity-media .owl-carousel.with-nav-bp { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .owl-carousel.with-nav-bp .owl-nav > button:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(38,33,35,0.7); z-index: -1; transition: all .5s ease; } .owl-carousel.with-nav-bp .owl-nav > button .svg { width: 3.25rem; } .owl-carousel.with-nav-bp:after { left: auto; right: 0; } .owl-carousel.with-nav-bp .owl-nav > button { z-index: 2; height: 100%; width: 7.5rem; left: 0; } .owl-carousel.with-nav-bp .owl-nav > button.owl-next { left: auto; right: 0; } .owl-carousel.with-nav-bp .owl-nav > button:hover:before { background: rgba(38,33,35,0.9); } /* ---------------------------------------- Call to Actions ---------------------------------------- */ .mad-cta-title { letter-spacing: -0.3px; } .mad-cta-title:not(:last-child) { margin-bottom: 2.5rem; } .mad-cta-title.no-bs:not(:last-child) { margin-bottom: 0.625rem; } /* ---------------------------------------- Rating ---------------------------------------- */ .mad-rating { font-size: 1.25rem; line-height: 1; white-space: nowrap; } .mad-rating-top-level .mad-icon .svg path, .mad-rating-bottom-level .mad-icon .svg path { fill: #f2a057; } .mad-rating .mad-icon .svg { width: 20px; height: 20px; } /* ---------------------------------------- Testimonials ---------------------------------------- */ .mad-testimonials[class*="item-col-"] { display: flex; flex-wrap: wrap; } .mad-testimonial .mad-rating:not(:last-child) { margin-bottom: 1.5rem; } .mad-testimonial blockquote { font-size: 1.875rem; line-height: 3rem; font-weight: bold; position: relative; font-family: "Gentium Basic", serif; font-style: italic; color: #bf3030; z-index: 1; } .mad-entity .mad-testimonial blockquote:after { content: "\f10e"; font-family: Font Awesome\ 5 Free; position: absolute; top: -12px; left: -42px; font-size: 96px; color: #fff; opacity: 0.08; font-style: normal; } .mad-testimonial blockquote .mad-title { font-size: 1.5rem; font-weight: bold; } .mad-testimonial blockquote .mad-title:not(:last-child) { margin-bottom: 1rem; } .mad-testimonial blockquote:not(:last-child) { margin-bottom: 2.4rem; } .mad-testimonial cite { color: #595758; display: block; font-size: 1.25rem; font-style: normal; } .mad-testimonial .mad-author-info > span { display: inline-block; } .mad-testimonial .mad-author-info img { width: auto; } .mad-testimonial cite:not(:last-child) { margin-bottom: 0.5rem; } .mad-testimonial-service { display: inline-block; } .mad-testimonial-service img { width: auto !important; } .mad-testimonial .mad-testiomonial-info:not(:last-child) { margin-bottom: 2rem; } .mad-testimonials.single-item { text-align: center; } .mad-testimonials.single-item .mad-testimonial { max-width: 35rem; margin: 0 auto; } .mad-testimonials.style-2 .mad-testimonial blockquote { color: #f2a057; } .mad-testimonials.style-2 .mad-testimonial cite { color: #f3e0e0; } .mad-testimonials.style-2 .mad-testimonial .mad-author { color: #f0faff; } .mad-testimonials-wrap { padding: 2rem 5rem; } .mad-testimonials[class*="item-col-"] .mad-testimonial blockquote:after { left: auto; right: 0; margin-left: 0; } /* ---------------------------------------- Author ---------------------------------------- */ .mad-author { font-size: 1rem; color: #595758; } /* ---------------------------------------- Instafeed ---------------------------------------- */ .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: center; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col.mad-col-full { flex: 1; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col:last-child .mad-offset-right { display: flex; justify-content: center; } .mad-instafeed.style-2:not(.size-2) .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col:nth-child(6) { margin-left: -7.5rem; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a img { width: 100%; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a { display: block; position: relative; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:before { content: "\f16d"; font-family: Font Awesome\ 5 Brands; font-size: 50px; color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(38,33,35,0.7); display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-instafeed.size-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:before { font-size: 2rem; } .mad-instafeed.size-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a { display: block; border-radius: 1rem; overflow: hidden; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:hover:before { opacity: 1; visibility: visible; } .mad-instafeed.style-2:not(:last-child) { margin-bottom: 4rem; } .mad-instafeed.style-2.size-2:not(:last-child) { margin-bottom: 1.5rem; } .mad-instafeed.style-2 { border-radius: 1rem; overflow: hidden; } .mad-offset-left .mad-instafeed.style-2 { overflow: visible; } .mad-instafeed.style-2 .mad-grid { margin: -0.5rem -0.25rem 0; } .mad-instafeed.style-2 .mad-grid > * { padding: 0.5rem 0.25rem 0; } .mad-instafeed.style-2:not(.size-2) .mad-grid > .mad-col:first-child > a { overflow: hidden; border-radius: 1rem 0 0 0; } .mad-instafeed.style-2:not(.size-2) .mad-grid > .mad-col:nth-child(8) > a { overflow: hidden; border-radius: 0 0 1rem 0; } /* ---------------------------------------- Sliders ---------------------------------------- */ .rev_slider_wrapper { position: relative; } .rev_slider_wrapper .mad-actions { position: absolute; top: 3.5rem; right: 3.5rem; z-index: 20; padding: 0; } .rev_slider_wrapper .mad-actions .mad-item-link { color: #fff; } .rev-slider[class*="with-overlay"] .tp-bgimg:after { z-index: 22!important; } .rev-slider.with-bg { background: #f8f8f8; } .rev-slider.no-nav .tp-bullets { display: none; } .rev-slider .tp-bgimg { z-index: 1; } .rev-slider .btn { transition: all .5s ease!important; } .rev-slider .btn:hover:before { background: #c63f3f!important; } .rev-slider[class*="with-overlay"] .tp-bgimg:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(23,21,22,0.6); } .mad-logo-slider { position: absolute; left: 50%; top: 50%; margin-left: -25.25rem; z-index: 30; transform: translateY(-50%); } .rev-form-wrap { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,17,25,0.5); z-index: 30; padding: 2rem 0; } .tp-layer-section-subtitle { font-style: italic!important; letter-spacing: 2px!important; text-transform: uppercase; } .tp-layer-section-title { font-family: 'Arvo', serif; font-weight: bold; letter-spacing: -0.5px; } .tp-bullets { width: auto!important; display: flex; justify-content: center; margin: 0 -2.5px; } .tp-bullet { position: relative; width: 145px; height: 3px; background: #fff; opacity: 0.2; margin: 0 2.5px; z-index: 2; } .tp-bullet, .tp-bullet:hover { left: 0!important; background: #fff; } .tp-bullet.selected, .tp-bullet.selected:hover { background: #bf3030; opacity: 1; } .tp-bullet:after { background: #1b1514; } .rev-slider .slide-status-numbers { position: absolute; font-family: 'Gentium Basic', serif; bottom: 72px; left: 172px; font-size: 0.875rem; color: #fff; z-index: 23; } .rev-slider .mad-arrow { position: absolute; left: 3.875rem; bottom: 5rem; width: 62px; height: 16px; z-index: 22; margin-left: -28px; transform: rotate(-90deg); } .rev-slider .mad-arrow .svg .cls-1 { stroke: #fff; fill: transparent; } .rev-slider .tp-caption .btn:after { background: #251f1e; } /* ---------------------------------------- Google Map ---------------------------------------- */ .mad-gmap:not(:last-child) { margin-bottom: 4rem; } .mad-gmap { height: 100%; width: 100%; height: 45rem; } .mad-gmap.size-2 { overflow: hidden; height: 21rem; border-radius: 1rem; } .mad-gmap.size-3 { height: calc(100% - 4.5rem); min-height: 25rem; } .mad-gmap.wide { width: 100%; min-height: 36rem; } .mad-map-info { padding-left: 4.5rem; padding-bottom: 6rem; } .mad-map-section { position: relative; } .mad-map-section .mad-tt-element { position: absolute; right: 0; bottom: 0; } .mad-tt-element { display: block; position: relative; background: rgba(85,76,75,0.9); border-radius: 1rem; padding: 4.5rem; color: #fff; z-index: 1; } .mad-tt-element .mad-title { color: #fff; } .mad-tt-element.with-img:after { content: ''; position: absolute; bottom: -8rem; right: -3.5rem; background: url(../images/tomatos2.png) no-repeat; width: 182px; height: 292px; z-index: 2; } .mad-tt-wrap { position: relative; } .mad-tt-wrap:after { content: ''; position: absolute; top: 0; left: 0; width: 889px; height: 840px; margin-left: -11rem; margin-top: -8rem; background: url(../images/backplate.png) no-repeat center; z-index: -1; } /* ---------------------------------------- Forms ---------------------------------------- */ input[type="text"], input[type="search"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, .mad-custom-select .mad-selected-option, .select2-container--milenia .select2-selection { border-style: solid; border-width: 2px; height: 4rem; border-radius: 0.875rem; width: 100%; padding-top: 0.3rem; padding-right: 1.25rem; padding-bottom: 0.3rem; padding-left: 1.25rem; font-size: 1.25rem; line-height: 1.5rem; color: #7a7879; background-color: #fff; border-color: #f2e4df; } .mad-newsletter-form input:not(:last-child) { margin-bottom: 0.5rem; } .mad-newsletter-form.type-2 { display: block; } .mad-newsletter-form.size-2 input { line-height: 3rem; height: 3rem; font-size: 1rem; } .mad-newsletter-form.size-2 button i { font-size: 1.5rem; } form.one-line { position: relative; overflow: hidden; border-radius: 0.875rem; } form.one-line input { height: 3.5rem; font-size: 1.125rem; } form.one-line input:not(:last-child) { margin-bottom: 0; } form.one-line .btn { position: absolute; right: 0; top: 0; bottom: 0; max-height: 3.5rem; border-radius: 0.875rem; min-width: 3.5rem!important; line-height: 3.5rem!important; justify-content: center; padding: 0; } form.one-line [class*="btn"]:after { background-color: #1c181a; } .mad-sidebar form.one-line [class*="btn"]:after { background-color: #fff; } .mad-newsletter-section { max-width: 28rem; width: 100%; } .mad-newsletter-section .mad-title { font-weight: 500; } .mad-footer.style-2 .mad-newsletter-form.one-line { max-width: 28rem; margin: 0 auto; } /* ---------------------------------------- Placeholder ---------------------------------------- */ ::-webkit-input-placeholder { color: inherit; opacity: 1; } ::-webkit-textarea-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-textarea-placeholder { color: inherit; opacity: 1; } /* ---------------------------------------- Range Slider ---------------------------------------- */ .mad-range-slider-field { font-size: 1rem; line-height: 1.625rem; margin-bottom: 0.3rem; } .mad-range-slider-field input[type="text"], .mad-range-slider-field input[type="search"], .mad-range-slider-field input[type="date"], .mad-range-slider-field input[type="datetime-local"], .mad-range-slider-field input[type="email"], .mad-range-slider-field input[type="file"], .mad-range-slider-field input[type="month"], .mad-range-slider-field input[type="number"], .mad-range-slider-field input[type="password"], .mad-range-slider-field input[type="tel"], .mad-range-slider-field input[type="time"], .mad-range-slider-field input[type="url"], .mad-range-slider-field input[type="week"], .mad-range-slider-field textarea { height: auto !important; font-size: inherit; line-height: inherit !important; border-width: 0px; font-weight: inherit; width: 100%; padding: 0 !important; background-color: transparent; } .mad-range-slider-input:not(:last-child) { margin-bottom: 0.7rem; } .mad-range-slider { position: relative; height: 0.5625rem; background-color: #ececec; } .mad-range-slider .ui-slider-range { position: absolute; top: 0.1875rem; bottom: 0.1875rem; cursor: pointer; background-color: #262123; } .mad-range-slider .ui-slider-handle { display: block; position: absolute; top: 50%; margin-top: -0.53125rem; width: 0.625rem; height: 1.0625rem; cursor: pointer; background-color: #262123; } .mad-range-slider .ui-slider-handle:last-child { margin-left: -0.625rem; } /* ---------------------------------------- Checkbox & Radio ---------------------------------------- */ input[type="checkbox"] + label[for], input[type="radio"] + label[for] { display: block; position: relative; font-size: 1.25rem; line-height: 1.5rem; padding-left: 4rem; padding-top: 12px; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; min-height: 3rem; } input[type="checkbox"] + label[for]::before, input[type="radio"] + label[for]::before { content: ""; border: 2px solid #f2e4df; width: 44px; height: 44px; position: absolute; left: 0; top: 0; border-radius: 1rem; } input[type="checkbox"] + label[for]::after, input[type="radio"] + label[for]::after { font-family: 'Linearicons'; content: "\e934"; color: #1c181a; font-size: 1.5rem; line-height: 3rem; position: absolute; left: 10px; width: 2rem; text-align: center; top: 0; display: none; } input[type="checkbox"] + label[for]:not(:last-child), input[type="radio"] + label[for]:not(:last-child) { margin-bottom: 0.5rem; } input[type="checkbox"]:checked + label[for]::after, input[type="radio"]:checked + label[for]::after { display: block; } input[type="radio"] + label[for]::after { content: ""; width: 1rem; height: 1rem; border-radius: 50%; background-color: #262123; left: 1rem; top: 1rem; } input[type="radio"] + label[for]::before { border-radius: 50%; } .mad-form { position: relative; } .mad-form.style-2 input { background: #fff; } .mad-form.style-2 .mad-form-tag { color: #fff; } .mad-contact-form .mad-col:not(:last-child) { margin-bottom: 1rem; } .mad-contact-form .mad-col .row:not(.col-no-space) { margin-bottom: -1rem; } .mad-contact-form .mad-col .row:not(.no-gutters) { margin-left: -0.5rem; margin-right: -0.5rem; } .mad-contact-form .mad-col .row:not(.col-no-space) > [class*="col"] { padding-bottom: 1rem; } .mad-contact-form.type-2 .mad-col:not(:last-child) { margin-bottom: 2rem; } .mad-contact-form .mad-col .row:not(.no-gutters) > [class*="col-"] { padding-left: 0.5rem; padding-right: 0.5rem; } .mad-contact-form .mad-col:last-child .btn { margin-top: 1rem; } .mad-contact-form.size-2 .mad-col:not(:last-child) { margin-bottom: .5rem; } .mad-contact-form.mad-search { position: relative; } .mad-contact-form.mad-search input { padding-right: 3.5rem; } .mad-contact-form.mad-search button { position: absolute; top: 0; right: 1rem; line-height: 3rem; color: #bf3030; } /* ---------------------------------------- Select ---------------------------------------- */ .mad-custom-select { position: relative; } .mad-custom-select.mad-over { z-index: 3; } .mad-custom-select .mad-selected-option { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; height: 4rem; line-height: 3.75rem; color: #7a7879; position: relative; padding-right: 3.5rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 0; padding-bottom: 0; } .mad-custom-select .mad-selected-option::after, .mad-custom-select .mad-selected-option::before { content: "keyboard_arrow_down"; font-family: 'Material Icons'; font-size: 2rem; line-height: inherit; position: absolute; color: #7a7879; top: 0; right: 0.875rem; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-custom-select .mad-selected-option::before { content: "keyboard_arrow_up"; opacity: 0; visibility: hidden; } .mad-custom-select .mad-options-list { line-height: 1.5rem; text-align: initial; color: #7a7879; background-color: #fff; padding-bottom: 1rem; border: 2px solid #f2e4df; border-radius: 1rem; position: absolute; top: 100%; left: 0; width: 100%; margin-top: -2px; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-custom-select .mad-options-list > li { cursor: pointer; padding-top: 1rem; padding-right: 1.25rem; padding-left: 1.25rem; -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-custom-select .mad-options-list > li:hover, .mad-custom-select .mad-options-list > li.mad-active { color: #bf3030; } .mad-custom-select.mad-opened .mad-options-list, .mad-custom-select.mad-opened .mad-selected-option::before { opacity: 1; visibility: visible; } .mad-custom-select.mad-opened .mad-selected-option::after { opacity: 0; visibility: hidden; } .mad-csstransforms3d .mad-custom-select .mad-options-list, .mad-csstransforms3d .mad-custom-select .mad-selected-option::after, .mad-csstransforms3d .mad-custom-select .mad-selected-option::before { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; } .mad-csstransforms3d .mad-custom-select .mad-options-list { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .mad-csstransforms3d .mad-custom-select .mad-selected-option::before, .mad-csstransforms3d .mad-custom-select.mad-opened .mad-selected-option::after { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .mad-csstransforms3d .mad-custom-select.mad-opened .mad-options-list, .mad-csstransforms3d .mad-custom-select.mad-opened .mad-selected-option::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .mad-custom-select.size-2 .mad-selected-option { height: 3.5rem; line-height: 3.25rem; font-size: 1.125rem; } .mad-custom-select.size-2 .mad-options-list { font-size: 1rem; } /* ---------------------------------------- Counter ---------------------------------------- */ .mad-field-counter { position: relative; padding-right: 3rem; } .mad-field-counter-value { font-family: "Old Standard TT", serif; color: #262123; font-size: 3.7rem; line-height: 0.82; position: relative; top: 5px; } .mad-field-counter-control { font-size: 1.25rem; line-height: 1; position: absolute; right: 0; -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-field-counter-control::after { font-family: 'Linearicons'; } .mad-field-counter-control:hover { color: #262123; } .mad-field-counter-control--increase { top: 0; } .mad-field-counter-control--increase::after { content: "\e939"; } .mad-field-counter-control--decrease { bottom: 0; } .mad-field-counter-control--decrease::after { content: "\e93a"; } /* ---------------------------------------- Label ---------------------------------------- */ label { font-family: 'Gentium Basic'; font-size: 1.25rem; line-height: 1.5rem; color: #595758; margin-bottom: .5rem; display: block; } label span:not([class*="mad-text-"]) { color: #bf3030; } label[for] { cursor: pointer; } /* ---------------------------------------- Textarea ---------------------------------------- */ textarea { height: auto; resize: none; padding-top: 1rem; padding-bottom: 1rem; display: block; } /* ---------------------------------------- Form groups ---------------------------------------- */ .form-group { display: flex; margin-top: -0.5rem; margin-left: -0.25rem; margin-right: -0.25rem; } .form-group:last-child > [class*="form-col"]:only-child > .btn:only-child { margin-top: 0.5px; } .form-group:first-child { margin-top: -0.5px; } [class*="form-col"] { flex: auto; width: 100%; position: relative; margin-top: 0.5rem; padding-left: 0.25rem; padding-right: 0.25rem; } [class*="form-col"].with-icon i { position: absolute; left: 22px; top: 0; line-height: 4rem; color: #f2a057; } [class*="form-col"].with-icon input { padding-left: 3.75rem; } .form-group [class*="form-col"].no-fw { max-width: max-content; width: auto; } .form-group.type-2 { flex-wrap: wrap; } .form-group.type-2 [class*="form-col"] { max-width: 50%; width: 48%; } .form-group.type-2 [class*="form-col"] .btn { width: 100%; } .mad-form-tag { display: block; font-size: 0.875rem; color: #7a7879; letter-spacing: 0.5px; line-height: 1rem; white-space: nowrap; margin-top: 0.75rem; } /* ---------------------------------------- Single Field Form ---------------------------------------- */ .mad-singlefield-form { display: flex; margin: -1rem -1rem 0; } .mad-singlefield-form input { width: 100%; margin-right: 1rem; } .mad-singlefield-form > * { margin: 1rem 1rem 0; } /* ---------------------------------------- Figure ---------------------------------------- */ .mad-figure-linked { text-align: center; } .mad-figure-linked figcaption:last-child:not(:only-child) { margin-top: 1.2rem; } .mad-figure-linked figcaption:first-child:not(:only-child) { margin-bottom: 1.2rem; } /* ---------------------------------------- Colorizer ---------------------------------------- */ [class*="mad-colorizer--scheme-"] { position: relative; } .container .mad-section[class*="mad-colorizer--scheme-"]:not([class*="mad-section--stretched"]):not(.mad-section--no-adaptive) { padding-left: 1rem; padding-right: 1rem; } .mad-colorizer-bg-color, .mad-colorizer-bg-image { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; } .mad-colorizer-bg-color.with-section-element { z-index: 1; } .mad-colorizer-bg-image { background-repeat: no-repeat; background-size: cover; background-position: center; } .mad-colorizer--parallax .mad-colorizer-bg-image { background-size: auto; background-attachment: fixed; } .mad-touchevents .mad-colorizer--parallax .mad-colorizer-bg-image { background-size: cover !important; background-position: center !important; background-attachment: scroll !important; } .mad-colorizer--scheme-color-2 > .mad-colorizer-bg-color { background: #262123; } .mad-colorizer--scheme-color-3 > .mad-colorizer-bg-color { background: #d98f4e; } .mad-colorizer--scheme-color-4 > .mad-colorizer-bg-color { background: #bf3030; } .mad-colorizer--scheme-color-5 > .mad-colorizer-bg-color { background: #f9f3f1; } .mad-colorizer--scheme-light .mad-cta-title, .mad-colorizer--scheme-light .mad-title, .mad-colorizer--scheme-light .mad-section-title { color: #fff; } .mad-section[data-bg-image-src] .mad-colorizer-bg-color, .mad-half-section[data-bg-image-src] .mad-colorizer-bg-color { background-color: transparent; } .mad-colorizer--scheme-light { color: #c7c8cc; } .mad-colorizer--scheme-color-3 { color: #fbefe8; } .mad-colorizer--scheme-color-4, .mad-colorizer--scheme-color-4 .mad-form-tag { color: #f3e0e0; } .mad-colorizer--scheme-color-2, .mad-colorizer--scheme-color-2 .mad-title-wrap { color: #afb1b6; } [class*="with-overlay"] { z-index: 1; position: relative; } [class*="with-overlay"]:not(.mad-section):after, .mad-section[class*="with-overlay"] > [class*="mad-colorizer-"]:after { content: ''; background: rgba(38,33,35,0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .mad-section.with-overlay-2 > [class*="mad-colorizer-"]:after { background: rgba(255,255,255,0.5); } .with-svg-item { content: ''; position: absolute; top: 0; left: 0; z-index: -1; } .with-svg-item.svg-left-2 { margin-top: 1rem; margin-left: 2rem; } .with-svg-item.svg-right-side { left: auto; right: 0; } .with-svg-item.svg-right-side.type-2.bottom { margin-right: 4.25rem; margin-bottom: -231px; } .with-svg-item.top-space { margin-top: -8rem; } .with-svg-item.top-space2 { top: 44rem; } .with-svg-item.bottom { top: auto; bottom: 0; } .with-svg-item.bottom2 { top: auto; bottom: 0; margin-bottom: -5rem; } .with-svg-item.hr-flip img { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .mad-bg-section { min-height: 400px; padding-bottom: 40%!important; } .mad-colorizer--scheme-color-1 [class*="btn"]:after, .mad-colorizer--scheme-color-1 .mad-newsletter-form.one-line [class*="btn"]:after { background-color: #fff; } .mad-colorizer--scheme-color-2 [class*="btn"]:after { background-color: #262123; } .mad-colorizer--scheme-color-3 [class*="btn"]:after { background-color: #d98f4e; } .mad-colorizer--scheme-color-4 [class*="btn"]:after { background-color: #bf3030; } .mad-colorizer--scheme-color-5 [class*="btn"]:after { background-color: #f9f3f1; } .mad-colorizer--parallax [class*="btn"]:after { background-color: #1c181a; } /* ---------------------------------------- Gallery ---------------------------------------- */ .mad-grid--isotope:not(:last-child) { margin-bottom: 3.5rem; } .mad-gallery.wide { border: none!important; } .mad-gallery:not([class*="item-col-"]) { border: 0.5rem solid transparent; margin: -0.5rem -0.25rem 0; } .mad-gallery.with-small-gap[class*="item-col-"]:not(.no-gutters) { margin: 4px; } .mad-gallery.with-small-gap[class*="item-col-"]:not(.no-gutters) > * { padding: 4px; } .mad-gallery:not(.mad-grid--isotope) { display: flex; flex-wrap: wrap; } .mad-gallery:not(:last-child), .mad-gallery.with-small-gap[class*="item-col-"]:not(.no-gutters) { margin-bottom: 3.5rem; } .mad-gallery:not([class*="item-col-"]) > * { width: 25%; position: relative; padding: 0.5rem 0.25rem 0; } .mad-gallery:not([class*="item-col-"]).col-size-3 .mad-gallery-item { width: 33.3333%; } .mad-gallery .mad-gallery-item a { display: block; overflow: hidden; position: relative; cursor: url(../images/crosshair.png), crosshair; overflow: hidden; border-radius: 1rem; z-index: 1; } .fancybox-content img { overflow: hidden; border-radius: 1.1rem; } .mad-gallery .mad-gallery-item a img { width: 100%; transition: all .5s ease; } .mad-gallery .mad-gallery-item a:hover img { transform: scale(1.1); } .mad-gallery .mad-gallery-item a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(38,33,35,0.7); opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-gallery .mad-gallery-item a:hover:after { opacity: 1; visibility: visible; } .mad-gallery .mad-gallery-item.x2 { width: 50%; } .mad-gallery.item-col-3 .mad-gallery-item.x2 { width: 66.6666%; } .with-side-menu .mad-gallery .mad-gallery-item { width: calc(25% - 5rem); } .with-side-menu .mad-gallery .mad-gallery-item.x2 { width: calc(50% - 10rem); } .mad-gallery .mad-gallery-item > *:not(:last-child) { margin-bottom: 2rem; } .mad-portfolio:not(:last-child) { margin-bottom: 3.5rem; } .mad-portfolio .mad-gallery-desc { text-align: center; padding: 1.5rem 1rem; } .mad-portfolio:not(.style-2) .mad-gallery-item { border-radius: 1rem; overflow: hidden; } .mad-portfolio:not(.style-2) .mad-gallery-item { position: relative; } .mad-portfolio:not(.style-2) .mad-gallery-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #bf3030; opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-portfolio:not(.style-2) .mad-gallery-item:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; z-index: 1; } .mad-portfolio:not(.style-2) .mad-gallery-item:hover { background: #fff; -webkit-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); } .mad-portfolio:not(.style-2) .mad-gallery-item:hover:after { opacity: 1; visibility: visible; } .mad-portfolio .mad-gallery-name { font-size: 1.875rem; font-family: 'Arvo', serif; font-weight: bold; } .mad-portfolio .mad-gallery-name:not(:last-child) { margin-bottom: 8px; } .mad-portfolio .mad-gallery-cat { font-size: 1.25rem; line-height: 1.25rem; color: #bf3030; } .mad-portfolio .mad-gallery-item { transition: all .5s ease; } .mad-portfolio.style-2 .mad-gallery-item { position: relative; z-index: 1; } .mad-portfolio .mad-gallery-item { display: flex; flex-direction: column; } .mad-portfolio .mad-gallery-desc { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .mad-portfolio.style-2 .mad-gallery-desc { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); z-index: 2; opacity: 0; visibility: hidden; transition: all .7s ease; } .mad-portfolio.style-2 .mad-gallery-desc .mad-gallery-name a { color: #fff; } .mad-portfolio.style-2 .mad-gallery-item .mad-gallery-media:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(38,33,35,0.7); opacity: 0; visibility: hidden; transition: all .3s ease; } .mad-portfolio.style-2 .mad-gallery-cat { color: #f2a057; } .mad-gallery-item .mad-gallery-media { border-radius: 1rem; overflow: hidden; position: relative; } .mad-portfolio:not(.style-2) .mad-gallery-item:hover .mad-gallery-media { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .mad-gallery-item .mad-gallery-media img { width: 100%; } .mad-portfolio.style-2 .mad-gallery-item:hover .mad-gallery-media:after, .mad-portfolio.style-2 .mad-gallery-item:hover .mad-gallery-desc { opacity: 1; visibility: visible; } .mad-filter-wrap:not(:last-child) { margin-bottom: 2rem; } .mad-filter { z-index: 9; position: relative; display: flex; flex-wrap: wrap; justify-content: center; margin: -1rem -1.25rem 0; } .mad-filter > li { padding: 1rem 1.25rem 0; } .mad-filter > li > a { font-size: 1.5rem; font-family: 'Arvo', serif; color: #bf3030; font-weight: 400; border-bottom: 1px solid transparent; } .mad-filter > li > a.mad-active { color: #262123; border-bottom-color: inherit; } .mad-grid-item.size-x2 { width: 50%; } /* ---------------------------------------- Countdown ---------------------------------------- */ .mad-countdown { margin-top: -2rem; } .mad-countdown .countdown-row { font-size: 0; line-height: 0; text-align: center; display: flex; flex-wrap: wrap; } .mad-countdown .countdown-section { vertical-align: top; padding-top: 2rem; width: 25%; color: #7a7879; } .mad-countdown .countdown-amount { font-family: "Arvo", serif; font-size: 3.75rem; color: #f2a057; font-weight: 600; line-height: 4.5rem; letter-spacing: -0.3px; display: block; } .mad-countdown .countdown-period { font-size: 1.125rem; line-height: 1.5rem; display: block; } .mad-countdown.style-2 .countdown-section { color: #c7c8cc; } /* ---------------------------------------- Products ---------------------------------------- */ .mad-products + .mad-pagination { padding-top: 3.5rem; } .mad-products:not(.owl-carousel):not(.mad-product-small):not(.mad-product-single) { display: flex; flex-wrap: wrap; } .mad-products:not(.mad-product-small) .mad-product { padding: 1.5rem; height: 100%; border-radius: 1rem; position: relative; overflow: hidden; background-color: #fff; transition: all .5s ease; display: flex; flex-direction: column; justify-content: space-between; } .mad-products:not(.owl-carousel) .mad-product { -webkit-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); } .mad-products .mad-product-image { position: relative; background: none!important; } .mad-products:not(.mad-product-small) .mad-product-image img { width: 100%; } .mad-products:not(.mad-product-small) .mad-product .mad-product-description { padding-top: 1.5rem; font-size: 1.125rem; color: #7a7879; line-height: 1.5rem; flex: 1; } .mad-product-description:not(:last-child) { margin-bottom: 2rem; } .mad-product-description .mad-product-title { font-family: 'Gentium Basic', serif; font-weight: bold; } .mad-product-info { font-size: 1rem; color: #a8a7a8; display: block; line-height: 1rem; } .mad-product-info:not(:last-child) { margin-bottom: 1rem; } .mad-products:not(.mad-product-small):not(.mad-product-single) .mad-product-description .mad-product-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-product-calc { display: flex; align-items: center; justify-content: space-between; } .mad-product-price { position: relative; font-family: 'Gentium Basic', serif; font-size: 1.5rem; line-height: 2rem; color: #262123; display: block; } .mad-product-price span { font-size: 1.125rem; line-height: 1.5rem; position: absolute; bottom: 100%; left: 0; text-decoration: line-through; } .mad-label { position: absolute; top: 0; left: 0; font-family: 'Arvo', serif; text-transform: uppercase; font-size: 0.8125rem; line-height: 2rem; font-weight: 500; color: #262123; background: #dbc5b3; padding: 0 0.5rem; } .mad-label.sale { background: #efc4c5; } /* Products small */ .mad-products.mad-product-small:not(.owl-carousel) { display: block; } .mad-products.mad-product-small .mad-product { display: flex; position: relative; z-index: 1; box-shadow: none; } .mad-products.mad-product-small .mad-col:not(:last-child), .mad-products.mad-product-small:not(:last-child) { margin-bottom: 1.5rem; } .mad-products.mad-product-small .mad-product .mad-product-description { padding-left: 1.5rem; font-size: 1rem; line-height: 1rem; color: #7a7879; } .mad-products.mad-product-small .mad-product .mad-product-image { display: inline-block; min-width: 5.5rem; border-radius: 0.5rem; overflow: hidden; } .shopping-cart .mad-products.mad-product-small .mad-product .mad-product-image { min-width: 4.5rem; } .mad-products.mad-product-small .mad-product .mad-product-price { font-size: 1rem; line-height: 1rem; font-weight: bold; } .mad-products.mad-product-small .mad-product .mad-product-description .mad-product-title { display: inline-block; font-size: 1.125rem; line-height: 1.5rem; } .mad-products.mad-product-small .mad-product .mad-product-description .mad-product-title:not(:last-child), .mad-products.mad-product-small .mad-product .mad-product-description p:not(:last-child) { margin-bottom: 0.5rem; } .mad-products.mad-product-small .mad-product .mad-product-title { font-family: 'Arvo', serif; font-weight: normal; } /* Products sorting */ .product-sort-section { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; align-items: center; font-size: 1.125rem; color: #7a7879; margin: -1rem -1rem 0; } .product-sort-section > .mad-col { padding: 1rem 1rem 0; } .product-sort-section:not(:last-child) { margin-bottom: 2rem; } .product-sort-section .mad-custom-select { width: 16.25rem; } .mad-tabs .product-sort-section { padding-top: 2rem; } .mad-tabs .product-sort-section:not(:last-child) { margin-bottom: 0; } /* Shopping cart */ .mad-dropdown-element.shopping-cart { position: absolute; top: 100%; right: 0; margin-top: 2.5rem; margin-right: -3.5rem; } .shopping-cart { background: #f2e4df; padding: 2rem; border-radius: 1rem; text-align: left; overflow: hidden; min-width: 21.875rem; } .shopping-cart .mad-products.mad-product-small .mad-product .mad-product-description .mad-product-title { font-weight: normal; line-height: 1.5rem; font-size: 1.125rem; font-weight: bold; font-family: 'Gentium Basic', serif; } .shopping-cart .mad-products.mad-product-small .mad-product .mad-product-description .mad-product-price { color: #7a7879; font-weight: normal; font-family: 'Gentium Basic', serif; } .shopping-cart .mad-close-item { position: absolute; right: 0; top: 0.25rem; font-size: 1.125rem; color: #7a7879; } .shopping-cart .sc-footer { position: relative; padding-top: 1.5rem; } .shopping-cart .sc-footer:before { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #d9b1a3; height: 1px; } .shopping-cart .subtotal { font-size: 1.125rem; color: #262123; font-weight: bold; letter-spacing: -0.3px; } .shopping-cart .subtotal span { color: #bf3030; } .shopping-cart .btn i { font-size: 1.5rem; } .shopping-cart .btn:after { background: #f2e4df; } .shopping-cart .subtotal:not(:last-child) { margin-bottom: 1.5rem; } .shop-cart-form table { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .shop-cart-form table tr th { width: 25%; } .shop-cart-form table tr td { padding-top: 2rem; padding-bottom: 2rem; vertical-align: middle; } .shop-cart-form table tr th:first-child { width: 35%; } .mad-table-wrap.shop-cart-form table tr:last-child td { border-bottom: 1px solid #c7c8cc; } .shop-cart-form .mad-product { align-items: flex-start; } .shop-cart-form .mad-product .mad-close-item { margin-right: 1.25rem; font-size: 1.125rem; } .shop-cart-form .mad-products.mad-product-small .mad-product-description .mad-product-title { font-size: 1.125rem; } .shop-cart-form .mad-product-price { font-weight: 500; font-size: 1.125rem; } .shop-cart-form .mad-close-item { font-family: 'Gentium Basic', serif; font-weight: bold; font-size: 1.125rem; color: #bf3030; } .shop-cart-form .mad-close-item:hover { text-decoration: underline; } .shop-cart-form .mad-close-item:before { content: 'cancel'; font-size: 1rem; font-family: 'Material Icons Outlined'; display: inline-block; vertical-align: -3px; margin-right: 6px; } .shop-cart-form table tfoot tr td { padding: 1.3125rem 1.75rem; } .mad-shop-footer { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .shop-cart-form .mad-shop-footer > * { margin: 0; } .mad-checkout-form tr th:first-child { width: 25%; min-width: 18.75rem; } .mad-checkout-form .mad-product-title { font-size: 1.125rem; line-height: 1.875rem; letter-spacing: -0.5px; font-weight: 500; } .mad-checkout-form .checkout-title { font-size: 1.125rem; } .mad-checkout-form .checkout-title strong { font-weight: 600; } .mad-checkout-form tfoot, .mad-checkout-form tfoot .checkout-title { position: relative; color: #386f7c!important; } .mad-checkout-form tfoot tr td { background: none; } .shop-cart-form tr th.order-date { width: 35%; } .shop-cart-form table tr th:first-child.order-number { width: 22%; } .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link:before { content: 'remove_red_eye'; font-family: 'Material Icons Outlined'; display: inline-block; vertical-align: -4px; margin-right: 6px; } .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link { border: none; font-weight: bold; } .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link:hover { text-decoration: underline; } @-moz-document url-prefix() { .mad-checkout-form tfoot:before { top: 0; } } .mad-checkout-form tfoot tr td:first-child { border-bottom: none; } .payment-option input[type="radio"] + label{ font-size: 1.25rem; line-height: 1.5rem; padding-top: 12px; } .payment-option input[type="radio"] + label span { font-size: 1.125rem; color: #595758; } .payment-desc { padding-left: 2.8125rem; } .payment-option .input-wrapper:not(:last-child){ margin-bottom: 0; } .payment-option > li:last-child [class*="btn"]:only-child{ margin-top: 0.9375rem; } /* Single product */ .mad-calc { display: flex; } .mad-calc .btn:not(.with-text) { padding: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin-left: -4px; } .quantity { width: 6.25rem; position: relative; } .quantity input { height: 2.5rem; font-size: 1rem; padding: 0 2rem; text-align: center; color: #7a7879; border: 2px solid #f2e4df; border-radius: 0.5rem; } .mad-calc .quantity input { border-radius: 0.5rem 0 0 0.5rem; } .quantity button { position: absolute; top: 50%; left: 0.875rem; transform: translateY(-50%); color: #7a7879; font-size: 12px; } .quantity .qty-plus { left: auto; right: 0.875rem; } .mad-products.mad-product-single:not(:last-child) { margin-bottom: 7.25rem; } .mad-products.mad-product-single .image-preview-container:not(:last-child) { margin-bottom: 1.5rem; } .mad-product-single .mad-product-description .mad-product-title { font-weight: normal; } .mad-products.mad-product-single .mad-product-calc { display: block; } .mad-products.mad-product-single .mad-product-calc:not(:last-child) { margin-bottom: 3.75rem; } .mad-products.mad-product-single .mad-product-calc .mad-product-price:not(:last-child) { margin-bottom: 1.5rem; } .mad-products.mad-product-single .mad-product-calc .mad-product-price { display: block; font-size: 1.875rem; line-height: 2rem; font-weight: 600; } .mad-products.mad-product-single .mad-product-calc .mad-product-price i { font-size: 1.875rem; font-style: normal; font-weight: normal; } .mad-products.mad-product-single .mad-product-description:not(:last-child) { margin-bottom: 3rem; } .image-preview-container, .zoomContainer { overflow: hidden; border-radius: 1rem; } .mad-products.mad-product-single .mad-product-calc .quantity input { height: 3rem; font-size: 1rem; } .mad-products.mad-product-single .mad-product-calc .quantity { width: 10rem; } .mad-products.mad-product-single .mad-product-calc .btn { margin-left: -4px; } .mad-product-single .mad-product-info { font-size: 1.25rem; line-height: 2rem; color: #595758; } .mad-product-single .mad-product-info ul li:not(:last-child) { margin-bottom: 0.5rem; } .mad-product-single .mad-product-info ul li span { color: #d98f4e; } .mad-product-single .mad-product-info:not(:last-child) { margin-bottom: 2.75rem; } .mad-product-footer { display: flex; justify-content: space-between; padding-bottom: 2.625rem; border-bottom: 1px solid #f2e4df; } .mad-product-footer .mad-share-wrap > span { font-size: 18px; } .mad-product-footer .mad-social-icons.size-2 ul li a { font-size: 1.25rem; } /* Hidden Section */ .hidden-section:not(:last-child) { margin-bottom: 0.875rem; } .hidden-section .account-action { color: #333; font-size: 1.5rem; font-family: 'Maven Pro', serif; font-weight: 500; } .hidden-section .login-form-footer { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .hidden-section .content { padding: 1.75rem 0 0.9375rem; } .hidden-section .content .mad-singlefield-form { max-width: 100%; } .hidden-section .input-box:not(:last-child) { margin-bottom: 0.9375rem; } .checkbox-title:not(:last-child) { margin-bottom: 2.625rem; } .checkbox-title input[type="checkbox"] + label[for] { color: #313131; } .checkbox-title input[type="checkbox"] + label[for], .checkbox-title input[type="radio"] + label[for] { font-family: 'Maven Pro', serif; font-size: 2.25rem; line-height: 1.25; font-weight: 500; padding-left: 0; padding-right: 3.5rem; display: inline-block; } .checkbox-title input[type="checkbox"] + label[for]::before, .checkbox-title input[type="checkbox"] + label[for]::after { left: auto; right: 0; top: 0.625rem; } .checkbox-title input[type="checkbox"] + label[for]::after { top: 18px; } /* ---------------------------------------- Dropdown ---------------------------------------- */ .mad-dropdown { position: relative; z-index: 1; } .mad-dropdown-title { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .mad-dropdown-element { opacity: 0; visibility: hidden; position: absolute; top: 100%; margin-top: 1rem; left: 0; width: 100%; min-width: 22rem; z-index: 1; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-dropdown-element--x-right { left: auto; right: 0; } /* .mad-dropdown-element--y-top { bottom: 100%; top: auto; } */ .mad-dropdown--opened { z-index: 6; } .mad-dropdown--opened .mad-dropdown-element { opacity: 1; visibility: visible; } .mad-dropdown--title-icon .mad-dropdown-title { position: relative; padding-right: 0.875rem; } .mad-csstransforms3d .mad-dropdown-element { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened, .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-default { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; } .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened, .mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-default { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .mad-csstransforms3d .mad-dropdown--opened .mad-dropdown-element, .mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-opened { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ---------------------------------------- Twitter Feed ---------------------------------------- */ .mad-twitter-feed:not(:last-child) { margin-bottom: 1rem; } .mad-twitter-feed > li:not(:last-child) { margin-bottom: 1rem; } .mad-twitter-feed > li { padding-left: 2rem; } .mad-twitter-feed > li { position: relative; font-size: 1.25rem; } .mad-twitter-feed > li::before { content: "\f099"; font-family: Font Awesome\ 5 Brands; font-size: 1.125rem; line-height: 2rem; position: absolute; left: 0; top: 0; color: #f2a057; } .mad-twitter-feed > li::after { content: ''; position: absolute; top: 0; left: 0; width: 1.125rem; height: 2rem; -webkit-mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .mad-twitter-feed > li a { color: #bf3030; } .mad-twitter-feed > li a:hover { text-decoration: underline; } .mad-twitter-feed .mad-tweet-footer { color: #b1b1b1; font-size: 0.6875rem; line-height: 0.85938rem; text-transform: uppercase; letter-spacing: 1.1px; } /* ---------------------------------------- 4. Pages ---------------------------------------- */ .mad-menu-cards { display: flex; flex-wrap: wrap; } .mad-menu-card { border-radius: 1rem; overflow: hidden; position: relative; } .mad-menu-card .mad-card-img { display: inline-block; position: relative; width: 100%; } .mad-card-text { text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; } .mad-card-text > * { color: #fff; } .mad-card-text > * .svg path { fill: #fff; } .mad-menu-card .mad-card-img:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 1.5rem; border: 3px solid #fff; z-index: 2; } .mad-menu-card .mad-card-img img { width: 100%; transition: all .5s ease; } .mad-menu-card .mad-card-img:hover img { transform: scale(1.1); } .mad-menu-card .mad-card-img:after { z-index: 0; } .mad-our-info { font-family: 'Gentium Basic', serif; font-size: 1.5rem; line-height: 2.5rem; color: #262123; } .mad-our-info li { display: flex; } .mad-our-info li:not(:last-child):not([class*="content-element-"]) { margin-bottom: 0; } .mad-our-info li i { margin-right: 1rem; font-size: 1.75rem; color: #f2a057; position: relative; } .mad-our-info li i:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat 100% 100%; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .mad-our-info li span { display: block; } .mad-our-info li span:not(:last-child) { margin-bottom: 1rem; } .mad-our-info li .mad-dir:not(:first-child), .mad-vr-list li .mad-dir:not(:first-child) { margin-top: 1rem; } .mad-our-info.size-2 { font-family: 'Gentium Basic', serif; color: #595758; font-size: 1.25rem; line-height: 2rem; } .mad-our-info.size-2 li:not(:last-child):not([class*="content-element-"]) { margin-bottom: 0; } .mad-our-info.size-2 li i { font-size: 1.5rem; } .mad-our-info.hr-type { display: flex; flex-wrap: wrap; margin: -3rem -1rem 0; } .mad-our-info.hr-type > li { width: 33.3333%; display: block; text-align: center; padding: 3rem 1rem 0; } .mad-our-info.hr-type > li i { display: block; margin: 0; margin-bottom: 8px; } .mad-half-section-wrap { display: flex; flex-wrap: wrap; font-size: 1.25rem; justify-content: space-around; } .mad-half-section-wrap form input { font-size: 1.25rem; } .mad-half-section-wrap .mad-half-section { width: 50%; padding: 9rem 4.5rem; display: flex; flex-direction: column; } .mad-half-section-wrap .mad-half-section:first-child { align-items: flex-end; } .with-side-menu .mad-half-section-wrap .mad-half-section { padding: 9rem; } .with-side-menu .mad-half-section-wrap .mad-half-section { flex-direction: column; } .mad-half-section-wrap .mad-half-section .mad-form { max-width: 35rem; } .mad-half-section-wrap .mad-half-section:first-child { justify-content: flex-end; } .mad-half-section-wrap .mad-half-section .mad-colorizer-bg-image { margin: 0!important; } .mad-half-section-wrap .mad-half-section:first-child .container { display: flex; justify-content: flex-end; } .mad-half-block { max-width: 35rem; } .mad-colorizer--scheme-color-4.mad-half-section{ color: #f3e0e0; } /* Video wrapper */ .video_wrapper { width: 100%; margin: 0 auto; position: relative; } .video_wrapper > iframe { z-index: 2; } .video_wrapper_full { padding-top: 36rem; } .video_wrapper_full.with-half-bg:after { content: ''; position: absolute; top: 50%; background: #f9f3f1; left: -2000px; right: -2000px; height: 50%; } .video_wrapper_full.with-half-bg .mad-section-texture { top: 40%; left: -2000px; right: -2000px; } .video_wrapper_full.with-half-bg .mad-section-texture .svg path { fill: #f9f3f1; } .videoIframe { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .videoPoster { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image:url(../images/928x576_img1.jpg); background-repeat: no-repeat; background-size: cover; border: none; text-indent: -999em; opacity: 1; z-index: 3; overflow: hidden; border-radius: 1rem; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .videoPoster[class*="with-overlay"]:not(.mad-section):after { border-radius: 1rem; overflow: hidden; } .video_wrapper_full.image-2 { padding-top: 37.5rem; } .video_wrapper_full.image-2.size-2 { padding-top: 18rem; } .video_wrapper_full.image-2.size-2 .videoPoster { background-image: url(../images/448x296_img1.jpg); } .video_wrapper_full.image-2 .videoPoster { background-image:url(../images/928x600_img4.jpg); border-radius: 0; } .videoPoster:hover { cursor: pointer; } .videoPoster:before { content: ''; position: absolute; top: 50%; left: 50%; width: 88px; height: 88px; margin: -44px 0 0 -44px; background: url(../images/play-btn.png) no-repeat; } .videoPoster.no-btn { cursor: auto; } .videoPoster.no-btn:before { display: none; } .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms; } /* Video wrapper */ .mad-section-img { min-height: 39rem; } .mad-signa { padding-top: 1rem; } .mad-mark { position: relative; } .mad-mark:after { content: ''; position: absolute; top: 0; left: 0; margin-left: -170px; width: 749px; height: 578px; background: url(../images/fish.png) no-repeat center center; z-index: -1; } .mad-colorizer--scheme-color-3 .mad-mark:after { background: url(../images/fish2.png) no-repeat center center; } .ms-section { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; } .ms-section-inner { padding: 1.5rem 6.5rem; } .ms-section[data-id="1"] .ms-section-inner .mad-section-side-title { font-size: 1.125rem; line-height: 1.5rem; } .ms-section-inner .ms-sub-title:not(:last-child) { margin-bottom: 1rem; } .ms-section-inner p { max-width: 630px; margin: 0 auto; } .ms-section-inner > p:not(:last-child) { margin-bottom: 1.5rem; } .ms-bg-element { position: absolute; right: 0; bottom: 0; z-index: -1; } .ms-bg-element.top-left { bottom: auto; top: 0; right: auto; left: 0; } .mad-colorizer--scheme-light .ms-section-inner { color: #c7c8cc; } .mad-colorizer--scheme-light .ms-section-inner .ms-title { color: #fff; } .ms-viewing-2 #multiscroll-nav span { background: #cac9c9; } .mad-logo .dark-logo, .ms-viewing-1 .mad-header .mad-logo img:not(.dark-logo), .ms-viewing-3 .mad-header .mad-logo img:not(.dark-logo) { display: none; } .ms-viewing-1 .mad-header .mad-logo .dark-logo, .ms-viewing-3 .mad-header .mad-logo .dark-logo { display: inline-block; } .ms-viewing-1 .mad-vr-menu, .ms-viewing-3 .mad-vr-menu { color: #fff; } .ms-viewing-1 .mad-vr-menu span, .ms-viewing-3 .mad-vr-menu span { background: #fff; } .ms-viewing-1 .mad-vr-menu span:after, .ms-viewing-3 .mad-vr-menu span:after { background: #262123; } .ms-viewing-2 .mad-vr-menu:after, .ms-viewing-2 .mad-vr-menu:before { background: #262123; } #multiscroll-nav span { overflow: hidden; } #multiscroll-nav li a span:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; z-index: 1; } /* Image block */ .mad-img-section .img-wrap { position: relative; } .mad-img-section .row > *:first-child { padding-top: 64px; } .mad-img-section .img-wrap img:not(:last-child) { margin-bottom: 32px; } .mad-img-section .img-wrap .mad-img-border { border: 2rem solid #fff; position: absolute; bottom: 72px; right: 100%; width: 100%; margin-right: -120px; } /* .mad-img img { width: 100%; } */ /* Specifications */ .mad-specs[class*="item-col-"] { display: flex; flex-wrap: wrap; } .mad-specs:not([class*="item-col-"]) .mad-col:not(:last-child) { margin-bottom: 2rem; } .mad-specs[class*="item-col-"] { margin-top: -3rem; } .mad-specs[class*="item-col-"] .mad-col { padding-top: 3rem; } .mad-specs:not(:last-child) { margin-bottom: 3.5rem; } .mad-spec-item { display: flex; color: #7a7879; font-size: 1.125rem; line-height: 1.5rem; } .mad-spec-item figure { max-width: 88px; width: 100%; min-width: 88px; margin-right: 1.5rem; border-radius: 1rem; overflow: hidden; } .mad-spec-item figure img { width: 100%; } .mad-spec-item > * { width: 100%; } .mad-spec-header { font-family: 'Gentium Basic', serif; position: relative; display: flex; color: #262123; line-height: 1.5rem; font-style: normal; font-size: 1.5rem; justify-content: space-between; margin: 0 -1rem; } .mad-spec-header > * { padding: 0 1rem; } .mad-spec-header > *:last-child { text-align: right; } .mad-spec-header .mad-line { height: 1.2rem; flex: 1; border-bottom: 2px dotted #7a7879; } .mad-spec-header:not(:last-child) { margin-bottom: 0.5rem; } .mad-spec-header .mad-spec-title { font-size: 1.5rem; line-height: 1.5rem; font-weight: 600; } .mad-spec-info .mad-link { color: #277500; font-size: 1rem; font-style: italic; } .mad-specs-section .row { align-items: flex-start; } .mad-specs-section img { width: 100%; } .mad-specs-section > .row > * .mad-specs { padding-right: 2.5rem; padding-top: 2rem; padding-bottom: 2rem; } .mad-specs-section > .row > * .mad-specs { padding: 4.5rem; padding-top: 4rem; } .mad-specs.style-2 .mad-spec-item { display: block; } .mad-spec-tags { line-height: 1rem; } .mad-spec-el { line-height: 1.5rem; } .mad-specs.style-2 .mad-spec-item > figure:not(:last-child) { margin-bottom: 1.5rem; min-width: 100%; } .mad-specs.item-reverse .mad-col:nth-child(2n) .mad-spec-item { flex-direction: column-reverse; display: flex; } .mad-specs.item-reverse .mad-col:nth-child(2n) .mad-spec-item > figure:not(:last-child) { margin-bottom: 0; margin-top: 1.5rem; } /* ---------------------------------------- Blog Single ---------------------------------------- */ /* ---------------------------------------- Events ---------------------------------------- */ .mad-events[class*="item-col-"]:not(.owl-carousel) { display: flex; flex-wrap: wrap; } .mad-events:not(:last-child) { margin-bottom: 2.5rem; } .mad-events:not([class*="item-col-"]):not(.owl-carousel) .mad-event { display: flex; justify-content: space-between; align-items: center; background: #fff; color: #554c4b; padding: 2rem; } .mad-events:not(.owl-carousel) .mad-event { background: #fff; color: #554c4b; transition: all .5s ease; } .mad-events .mad-event:not(:last-child) { margin-bottom: 8px; } .mad-events:not(.style-2):not(.owl-carousel) .mad-event:hover { background: #4a2c2d; } .mad-events:not(.style-2):not(.owl-carousel) .mad-event:hover .mad-event-title { color: #fff; } .mad-event .mad-event-img { border-radius: 1rem; overflow: hidden; } .mad-event:hover .mad-event-img { border-top-left-radius: 0; border-bottom-left-radius: 0; } .mad-event .mad-event-img img { width: 100%; } .mad-events:not(.owl-carousel) .mad-event:hover .btn { background: #bf3030; color: #fff; } .mad-event .mad-event-title, .mad-event .mad-event-title a { font-family: 'Arvo', serif; font-weight: 500; color: #262123; } .mad-events:not(.style-2) .mad-event .mad-event-title { font-size: 1.875rem; } .mad-event .mad-event-date { font-family: 'Arvo', serif; font-size: 1rem; line-height: 1rem; color: #d98f4e; display: flex; align-items: center; } .mad-events.owl-carousel .mad-event-date { display: block; } .mad-events.owl-carousel:not(.style-2) .mad-event .mad-event-title { font-size: 3.75rem; font-weight: normal; line-height: 4.5rem; } .mad-events.owl-carousel .mad-event-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-events.owl-carousel .mad-section-side-title.simple:not(:last-child) { margin-bottom: 2rem; } .mad-event-date .mad-event-num { font-weight: bold; font-style: normal; font-size: 3rem; line-height: 1; margin-right: 1rem; } .mad-events.style-2[class*="item-col-"] { display: flex; flex-wrap: wrap; } .mad-events.style-2:not(:last-child) { margin-bottom: 3.5rem; } .mad-events.style-2 .mad-event { padding: 0; border-radius: 1rem; position: relative; overflow: hidden; align-items: flex-start; } .mad-events.style-2 .mad-event:before { content: ''; position: absolute; width: 3px; height: 100%; left: 0; top: 0; background: #bf3030; opacity: 0; transition: all .5s ease; } .mad-events.style-2 .mad-event:after { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; -webkit-mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat center center; mask: url(../steakbreak_svg_icons/btn_bg.svg) no-repeat center center; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .mad-events.style-2 .mad-event:not(:last-child) { margin-bottom: 2rem; } .mad-events.style-2:not(.owl-carousel) .mad-event:hover { -webkit-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); } .mad-events.style-2 .mad-event:hover:before { opacity: 1; } .mad-events.style-2 .mad-event-content { color: #595758; font-size: 1.25rem; padding-left: 4rem; padding-right: 1.5rem; } .mad-events.style-2[class*="item-col-"] .mad-event-content { padding: 2rem; } .mad-event-day { text-transform: uppercase; font-size: 1.125rem; } .mad-events.style-2:not([class*="item-col-"]) .mad-event .mad-event-info { padding: 1rem 2rem; display: flex; flex: 1; } .mad-events.style-2 .mad-event-date .mad-event-num { margin-right: 0; } .mad-events.style-2 .mad-event-title:not(:last-child) { margin-bottom: 1rem; } .mad-events.style-2.title-size-2 .mad-event-title a { font-size: 1.875rem; } .mad-events.style-2.title-size-2 .mad-event { padding: 0; } .mad-events.style-2 .mad-event-info .mad-event-date { display: block; text-align: center; padding-top: .5rem; } .mad-event-info span.mad-event-sub:first-child { color: #d98f4e; } .mad-event-info span.mad-event-sub { display: flex; font-size: 1rem; line-height: 1rem; color: #d98f4e; } .title-size-2 .mad-event-info span.mad-event-sub { font-size: 1.125rem; } .mad-event-info span.mad-event-sub i { color: #d98f4e; line-height: 1rem; display: inline-block; vertical-align: -1px; margin-right: 4px; } .mad-event-info .mad-event-sub a { color: #bf3030; display: inline-block; margin-left: 0.25rem; } .mad-event-info .mad-event-sub a:hover { text-decoration: underline; } .mad-event-info .mad-event-sub a i { color: #bf3030; } .mad-event-info .mad-event-sub:not(:last-child) { margin-bottom: 8px; } .mad-events-nav { position: relative; } .mad-events-nav:not(:last-child) { margin-bottom: 3.5rem; } .mad-events-nav form input { padding-left: 3.75rem; padding-right: 18.75rem; } .mad-events-nav form > i { position: absolute; top: 0; left: 1.375rem; line-height: 4rem; color: #d98f4e; font-size: 2rem; } .mad-events-nav form > .mad-custom-select { display: flex; align-items: center; position: absolute; right: 0; top: 0; } .mad-events-nav form > .mad-custom-select .btn:not(:hover) { background: #fff; } .mad-events-nav form > .mad-custom-select .mad-selected-option { border-left: none; color: #262123; margin-left: 1rem; border-top-left-radius: 0; border-bottom-left-radius: 0; max-width: 7rem; } .mad-event-menu { display: flex; align-items: center; flex-wrap: wrap; margin: -1.5rem -0.75rem 0; } .mad-event-menu > .mad-item { padding: 1.5rem 0.75rem 0; } .mad-event-arrows { display: flex; align-items: center; margin: 0 -0.75rem; } .mad-event-arrows > * { color: #262123; margin: 0 0.75rem; } .mad-event-arrows > * .svg { width: 74px; height: 17px; } .svg [class*="cls-"] { stroke: #7a7879; } .mad-event-arrows > *:hover { color: #bf3030; } .mad-event-menu .btn { font-family: 'Gentium Basic', serif; background: #f8f8f8; color: #262123; font-size: 18px; padding: 11px 1.5rem; border-radius: 1rem; border: 1px solid #dddee0; } .mad-event-menu .btn-style-2:before { display: none; } .mad-event-menu .mad-dropdown-title { font-family: "Arvo", serif; display: flex; align-items: center; color: #262123; font-weight: 500; font-size: 2.25rem; } .mad-event-menu .mad-dropdown-title > i { margin-left: 0.5rem; font-size: 2rem; color: #7a7879; } .mad-event-btns { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: -1rem -0.5rem 0; } .mad-event-btns > * { margin: 1rem 0.5rem 0; } .mad-event-btns > a:not(.btn) { color: #bf3030; font-weight: bold; font-size: 1.25rem; } .mad-event-btns > a:not(.btn):hover { text-decoration: underline; } .mad-event-btns > a:not(.btn) .svg { width: 45px; height: 13px; } .mad-event-btns > a:not(.btn) .svg:first-child { margin-right: 1rem; } .mad-event-btns > a:not(.btn) .svg:last-child { margin-left: 1rem; } .mad-event-btns > a:not(.btn) .svg .cls-1 { stroke: #bf3030; } .mad-event-btns .btn i { font-size: 1.5rem; margin-right: 0.5rem; } .mad-events.owl-carousel .mad-event { text-align: center; } .mad-colorizer--scheme-light .mad-events.owl-carousel .mad-event-title { color: #fff; } .mad-colorizer--scheme-light .mad-events.owl-carousel .mad-event-date { color: #d7bfab; } .mad-events.owl-carousel .mad-event-date { font-size: 1.5rem; line-height: 2rem; } .mad-events.owl-carousel .mad-event .btn { margin-top: 2rem; } .mad-events.style-2.vr-type .mad-event { height: 100%; -webkit-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); box-shadow: 0px 0px 25px 0px rgba(18, 16, 17, 0.1); } .mad-events.style-2.vr-type .mad-event:after, .mad-events.style-2.vr-type .mad-event:before { top: auto; bottom: 0; width: 100%; height: 3px; } .mad-events.style-2.vr-type .mad-event:after { -webkit-mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; mask: url(../steakbreak_svg_icons/bg_line.svg) no-repeat; background-color: #fff; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .mad-events.style-2.vr-type .mad-event-img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* ---------------------------------------- Events by Month ---------------------------------------- */ /* ---------------------------------------- Event Single ---------------------------------------- */ /* ---------------------------------------- 404 Page ---------------------------------------- */ .mad-404-title { font-family: "Arvo", serif; font-size: 17.5rem; letter-spacing: -1px; color: #bf3030; line-height: 1; font-weight: 600; margin-top: -3rem; } .mad-404-title + * { margin-top: -2rem; } .mad-404-message { font-family: "Gentium Basic", serif; font-size: 1.5rem; font-weight: bold; display: block; color: #262123; } .mad-404-message:not(:last-child) { font-size: 1.125rem; margin-bottom: 1.625rem; } .mad-404 .mad-newsletter-form { max-width: 28.5rem; margin: 0 auto; } /* ---------------------------------------- Coming Soon Page ---------------------------------------- */ .mad-coming-soon .mad-page-wrapper { display: flex; min-height: 100vh; flex-direction: column; background: url(../images/1920x1080_bg1.jpg) no-repeat; background-size: cover; } .mad-content { flex: 1; } .mad-coming-soon-wrap { text-align: center; padding-top: 14.5rem; } .mad-coming-soon-title:not(:last-child) { margin-bottom: 1rem; } .mad-coming-soon-message:not(:last-child) { margin-bottom: 3.5rem; } .mad-coming-soon .mad-footer { background: transparent; color: #595758; padding-top: 0; } .mad-coming-soon .mad-footer .mad-widget-title { color: #262123; } .mad-coming-soon .mad-newsletter-form.one-line [class*="btn"]:after, .mad-404 .mad-content .mad-newsletter-form.one-line [class*="btn"]:after { background-color: #fff; } /* ---------------------------------------- Home ---------------------------------------- */