@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600&display=swap');

@font-face {
    font-family: 'Prometo';
    src: url('../fonts/Prometo-Bold.woff2') format('woff2'),
        url('../fonts/Prometo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prometo';
    src: url('../fonts/Prometo-Light.woff2') format('woff2'),
        url('../fonts/Prometo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prometo';
    src: url('../fonts/Prometo-Black.woff2') format('woff2'),
        url('../fonts/Prometo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prometo';
    src: url('../fonts/Prometo-Thin.woff2') format('woff2'),
        url('../fonts/Prometo-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prometo';
    src: url('../fonts/Prometo-Medium.woff2') format('woff2'),
        url('../fonts/Prometo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prometo';
    src: url('../fonts/Prometo.woff2') format('woff2'),
        url('../fonts/Prometo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html,
body {
}
body {
    color: #2e2d2c;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    quotes: '\201c' '\201d';
}

::selection {
  background: #dedede; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #dedede; /* Gecko Browsers */
  color: #fff;
}
a,
a:visited {
    color: #9d211e;
    text-decoration: none;
    -webkit-transition: color .2s linear, background-color .2s linear;
    -moz-transition: color .2s linear, background-color .2s linear;
    transition: color .2s linear, background-color .2s linear;
}
a:hover {
    color: #9d211e;
    text-decoration: none;
}
strong {
    font-weight: 500;
    /* color: #222; */
}
ul li,
ol li,
p {
    line-height: 1.6;
    margin: 0 0 15px 0;
    font-size: 17px;
    word-break: normal;
    color: #0c0c0f;
    font-weight: 400;
}
p:last-child {
    margin-bottom: 0;
}

ul li,
ol li {
    margin-bottom: 6px;
    line-height: 1.4em;
}
h1, h2, h3 {
    font-family: inherit;
    color: #333333;
    /*text-transform: uppercase;*/
    margin: 0 0 20px 0;
    /*font-weight: 600;*/
    line-height: 1.1;
    /*letter-spacing: 1px;*/
    font-family: 'Prometo';


    text-transform: none;
    font-weight: 500;
    /*font-size: 42px;*/
    letter-spacing: 0.2px;
}
h1 {
    letter-spacing: -0.4px;
    font-size: 65px;
    /* text-transform: uppercase; */
}
h2 {
    font-size: 36px;
    letter-spacing: 0.4px;
    /* text-transform: uppercase; */
}
h3 {
    font-size: 26px;
    letter-spacing: 1px;
}
h4 {
    font-size: 23px;
    font-weight: 500;
}
h3, h4 {
    line-height: 1.3;
}

h1 strong, h2 strong, h3 strong,
h4 strong, h5 strong, h6 strong {
    font-weight: 600;
}

h1:last-child, h2:last-child, h3:last-child,
h4:last-child, h4:last-child, h6:last-child {
    margin-bottom: 0;
}

button, .button,
button:visited, .button:visited {
    background-color: #9d211e;
    border: 3px solid #9d211e;
    color: #ffffff;
    position: relative;
    -webkit-transition: color .2s linear, background-color .2s linear;
    -moz-transition: color .2s linear, background-color .2s linear;
    transition: color .2s linear, background-color .2s linear;
    /*font-family: inherit;*/
    font-family: 'Prometo';
    font-style: normal;
    font-weight: 500;
    /* height: 62px; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.9px;
    text-align: center;
    text-decoration: none;
    /* text-transform: uppercase; */
    line-height: 1;
    border-radius: 50px;
    font-size: 14px;
    padding: 17.5px 35px 15.5px 35px;
    min-height: 0;
}
button:hover, .button:hover {
    background-color: #a62926;
    color: #fff;
    border-color: #a62926;
}
.button:not(.outline):focus,
button:not(.outline):focus {
/*    background-color: #ff5ab6;
    border: none;
    box-shadow: none;*/
}
.button[disabled],
button[disabled] {
    opacity: .8;
    filter: grayscale(1);
    pointer-events: none;
}
.button.outline,
button.outline {
    border-color: #9d211e;
    color: #9d211e;
    background: none;
}
.button.outline:hover,
button.outline:hover {
    border-color: #9d211e;
    color: #ffffff;
    background-color: #9d211e;
}
.button.white,
button.white {
    border-color: #fff;
    background-color: #fff;
    color: #383f40;
}
.button.white:hover,
button.white:hover {
    border-color: #fff;
    color: #9d211e;
    background-color: #fff;
}
.button.grey,
button.grey {
    border-color: #888888;
    background-color: #888888;
}
.button.grey:hover,
button.grey:hover {
    border-color: #888888;
    background-color: #888888;
}
.button.black,
button.black {
    border-color: #26a28f;
    background-color: #26a28f;
}
.button.black:hover,
button.black:hover {
    border-color: #26a28f;
    background-color: #26a28f;
}
.button.sub,
button.sub {
    font-size: 13px;
    padding: 11px 18px 10px 18px;
    /*background-color: #d8d8d8;*/
    /*color: #383838;*/
}

.mce-content-body .button {
    border: 2px solid rgba(255, 255, 255, 0.2);
}