File "style-20241212210925.css"
Full Path: /var/www/vhosts/hogsandbbqs.co.uk/httpdocs/file/css/style-20241212210925.css
File size: 261.54 KB
MIME-type: text/plain
Charset: utf-8
/* ----------------------------------------
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
---------------------------------------- */