/*********************** STANDARD ELEMENTS RESET ****************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-weight: 300;
}

/* HTML5 display-role reset for older browsers */
/* article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
} */


html,
body {
  font-size: 16px;
}

body {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    text-align: left;
    background: white;
    line-height: 1.45rem;
    min-width: var(--min-screen-width);
    position: relative;
}


/* TABLE FORMATTING Start*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 2rem;
}

td {
    padding: 0.8rem;
}

tr:nth-child(even) {
    background-color: #FFFFFF;
}

tr:nth-child(odd) {
    background-color: #EFEFEF;
}

tr:last-child {
    border-bottom: solid 1px #efefef;
}
/* TABLE FORMATTING End*/



/* GENERAL FORMATTING */
hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

a,
a:visited {
    text-decoration: none;
    color: var(--brand-a-hover);
    font-weight: 600;
    transition: color 1s ease;
}

a:hover,
a:active {
    color: var(--brand-b);
    transition: color 1s ease;
}

button {
    font-weight: 600;
    font-size: 1rem;
    font-family: inherit;
}

strong {
    font-weight: 700;
}

em {
    font-weight: unset;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.35em;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

h1 {
    margin-bottom: 1.5rem;
    color: var(--brand-b);
    font-size: 2.2rem;
}

h2 {
    font-size: 1.8rem;
    color: var(--brand-a-hover);
}

h3 {
    color: var(--brand-b);
    font-size: 1.4rem;
}

img,
embed,
object,
video {
    max-width: 100%;
    border: 0 none;
}

#content a img {
    transition: all .5s;
}

#content a img:hover {
    opacity: .8;
    transition: all .5s;
}

p {
    color: var(--brand-b);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
}

ul,
ol {
    margin: 1rem 0 1rem 2.5rem;
    /* list-style-type: none; */
    /* list-style-image: url(images/check_ul-li.png); */
}

li {
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    text-indent: .9rem;
}


/* tinyMCE classes for Blocks START */

.standard-width, .width--standard {
    max-width: var(--standard-width);
    width: 100%;
    margin: 0 auto;
    padding: 0 1.5em;
    box-sizing: border-box;
}

.half-width, .width--half {
    width: 50%;
    max-width: calc(var(--standard-width) * 0.5);
    margin: 0 auto;
    padding: 0 1em;
}

.inset-width, .width--inset {
    width: 75%;
    max-width: calc(var(--standard-width) * 0.75);
    margin: 0 auto;
    padding: 0 1em;
}

.full-width, .width--full {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 1em;
    box-sizing: border-box;
}

.half-width,
.inset-width,
.standard-width,
.full-width,
.width--half,
.width--inset,
.width--standard,
.width--full {
    clear: both;
}


@media(max-width: 600px) {
    .half-width, .width--half {
        width: unset;
        max-width: unset;
    }

    .inset-width, .width--inset {
        width: unset;
        max-width: unset;
    }
}

/* tinyMCE classes for blocks END */

/** FORMS START **/

form {
    background: unset;
}

.fmFormContainer p.form_title,
.fmFormContainer p.form_intro_text  {
    margin-bottom: 15px;
}

.fmFormContainer p.form_title {
    font-size: 1.2rem;
    font-weight: 600;
}

form.cms-form label .fmrequire,
.fmrequire {
    color: red;
    margin-left: 3px;
}

form.cms-form {
    padding: 10px 0;
}

form.cms-form input[type="submit"] {
    padding: 3px;
}

#fmMessage {
    padding: 1em;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    display: none;
}

#fmMessage.fmError {
    background: #fc6c6c;
}

#fmMessage.fmSuccess {
    background: #7cff8c;
}

form.cms-form div.fmCheckboxRow,
form.cms-form div.fmRadioRow {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    margin-bottom: 1rem;
}

form.cms-form div.fmCheckboxRow label,
form.cms-form div.fmRadioRow label {
    margin-left: 0;
}

form.cms-form div.plainText {
    margin: 0 0 1rem 0;
}

form.cms-form input[type="text"],
form.cms-form input[type="email"],
form.cms-form input[type="password"],
form.cms-form input[type="date"],
form.cms-form .uploader-fake-file-wrap,
form.cms-form select,
form.cms-form textarea {
    width: 100%;
    background: #ffffff;
    padding: 0.5rem;
    margin: 0 0 1rem 0;
    vertical-align: middle;
    border: 1px solid #c0c0c0;
    font-style: normal;
    font-size: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: inherit;
}

form.cms-form .selectType {
    width: 100%;
    padding: 1rem;
    margin: 0 0 1rem 0;
    vertical-align: middle;
    border: 1px solid #c0c0c0;
    color: var(--brand-form-color);
    font-style: normal;
    font-size: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.8em;
}

form.cms-form .selectType select,
form.cms-form select {
    color: var(--brand-form-color);
    padding: 0.5em;
    margin-bottom: 1rem;
}

form.cms-form textarea {
    margin-bottom: 1rem;
    min-height: 12em;
}

form.cms-form #form-bottom {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -0.5rem;
}

form.cms-form #form-bottom>div {
    margin: .5rem;
}

form.cms-form #captchaContainer {
    display: block;
    max-width: 330px;
}

form.cms-form #captcha-image-box {
    display: block;
    max-width: 300px;
    flex: 1 1 auto;
}

form.cms-form img#captcha {
    width: 100%;
}

form.cms-form #captcha-code {
    margin: 0;
}

form.cms-form #captcha-button-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1em;
}

form.cms-form input[type="submit"],
form.cms-form input#button {
    padding: 0.7rem 1.5rem;
    text-transform: uppercase;
    font-size: 1.15em;
    border: 1px solid transparent;
    background: var(--brand-a-hover);
    color: white;
    font-weight: 400;
    /* letter-spacing: 0.12rem; */
    font-family: inherit;
    transition: color 1s ease, background 1s ease;
}

form.cms-form input[type="submit"]:hover,
form.cms-form input#button:hover,
form.cms-form input[type="submit"]:active,
form.cms-form input#button:active {
    background: #ebeae8;
    color: var(--brand-a-hover);
    cursor: pointer;
    border: 1px solid var(--brand-a-hover);
    transition: color 1s ease, background 1s ease;
}

/** FORMS END **/


/** CMS BUTTONS STYLE Start **/
.cms-button-a,
.cms-button-b,
.cms-button-cancel,
.cms-button-a:visited,
.cms-button-b:visited,
.cms-button-cancel:visited {
    padding: 0.5rem 1.25rem;
    box-sizing: border-box;
    border: none;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
    /* border-radius: 5px; */
}

.cms-button-a,
.cms-button-a:visited,
.cms-button-a span a {
    /* main button style for all content */
    background: var(--brand-a);
    color: var(--brand-a-color);
    border: 1px solid var(--brand-a);
    transition: color 1s ease, background 1s ease, border 1s ease;
}

.cms-button-a:hover {
    background: var(--brand-a-hover);
    border-color: var(--brand-a-hover);
    color: var(--brand-a-hover-color);
    transition: color 1s ease, background 1s ease, border 1s ease;
}

.cms-button-b,
.cms-button-b:visited {
    /* not used in core cms, placeholder for sites that want an alternate button style for use in custom content. Note, more buttons can be added, but additional work will need to be undertaken to support them in tinymce */
    background: var(--brand-b);
    border: 2px solid var(--brand-b);
    color: var(--brand-b-color);
}

.cms-button-b:hover {
    background: var(--brand-b-hover);
    border-color: var(--brand-b-hover);
    color: var(--brand-b-hover-color);
}

/** CMS BUTTONS STYLE End **/