/*
 * Base css for elements
 * This seperation was made to allow the ckeditor to be able to display what copy will look like
 * Basic page elements plus content entered via Drupal Structure > Blocks
 */

html, body {
   font-family: arial !important;
   margin: 0;
   font-size: 16px;
}
html {
  height: 100%;
}

body {
    position: relative;
    height: 100%;
}

h1 {
    text-transform: uppercase;
    font-family: prometo, Arial, sans-serif!important;
    font-size: 35px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 29px 0;
    color: #E7010A;
}

h2,
.h2-mimic {
    text-transform: uppercase;
    font-family: prometo, Arial, sans-serif!important;
    font-size: 31px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 33px 0;
    color: #94823B;
}

h2.copy {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 29px;
    font-weight: 300;
    margin: 0 0 12px 0;
}

p {
    font-size: 16px;
    font-weight: 100;
    line-height: 29px;
    margin: 0 0 12px 0;
}

p img {
    display: inline;
}

p a,
p a:focus,
p a:hover {
    color: #94823B;
    text-decoration: none;
    font-weight: 100;
}
a, a:focus {
    outline: 0;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
a:focus, a:hover {
    text-decoration: none;
}
/* fix for iOS */
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

@media (min-width: 768px) {

    h1 {
        font-size: 51px;
        line-height: 53px;
        margin: 0 0 33px 0;
    }

    h2,
    .h2-mimic {
        font-size: 36px;
        line-height: 38px;
    }

}

/* --- Styled line --- */
hr:before {
    height: 1px;
    display: block;
    content: '';
    margin: 84px 0 78px 0;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #f0e8e8), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #f0e8e8, rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #f0e8e8, rgba(0, 0, 0, 0));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #f0e8e8, rgba(0, 0, 0, 0));
    background: linear-gradient(left, rgba(0, 0, 0, 0), #f0e8e8, rgba(0, 0, 0, 0));
}
hr {
    height: 50px;
    border: 0 !important;
    background-image: -ms-radial-gradient(center top, ellipse farthest-side, #f1eaea 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-radial-gradient(center top, farthest-side, #f1eaea 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-radial-gradient(center top, farthest-side, #f1eaea 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 116, color-stop(0%, #f1eaea), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-radial-gradient(center top, farthest-side, #f1eaea 0%, rgba(255, 255, 255, 0) 100%);
    background-image: radial-gradient(farthest-side at center top, #f1eaea 0%, rgba(255, 255, 255, 0) 100%);
}

@media (min-width: 768px) {
    hr {
        margin: 88px 0 100px 0;
    }
}


/* --- Block -- Financial Services - Complex Solutions Simply--- */

.financial-services-solutions {
    font-family: prometo, Arial, sans-serif!important;
    background-color: #E7010A;
    color: #BD040A;
    text-align: center;
    padding: 87px 0 91px;
}
.financial-services-solutions div {
    display: inline-block;
    margin: 50px 0 0;
    width: 50%;
    vertical-align: top;
}

.financial-services-solutions p:first-child {
    font-size: 28px;
    line-height: 40px;
    margin: 0 0 0 0;
    color: #fff;
    font-weight: 600;
}
.financial-services-solutions div p {
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    margin: 0;
}

.financial-services-solutions .fa-stack {
    font-size: 3em;
    margin-bottom: 13px;
}
@media (min-width: 768px) {
    .financial-services-solutions {
        padding: 117px 0 91px;
    }

    .financial-services-solutions p:first-child {
        font-size: 35px;
        line-height: 37px;
    }
    .financial-services-solutions div p {
        font-size: 20px;
    }
    .financial-services-solutions .fa-stack {
        font-size: 3em;
        margin-bottom: 16px;
    }
}

@media (min-width: 992px) {
    .financial-services-solutions div {
        margin: 50px 3.5% 0;
        width: auto;
    }

    .financial-services-solutions div:first-of-type {
        margin-left: 0;
    }
    .financial-services-solutions div:last-of-type {
        margin-right: 0;
    }
}

/* --- Primary Pallet --- */
.primary_pallet_1 {
    /* red */
    color: #E7010A;
}
.primary_pallet_2 {
    /* gold */
    color: #94823B;
}
.primary_pallet_3 {
    /* grey */
    color: #C6C3B8;
}
.primary_pallet_4 {
    /* black */
    color: #000;
}
.primary_pallet_5 {
    /* white */
    color: #fff;
}
.secondary_pallet_1 {
    /* darker red */
    color: #bd040a;
}
.secondary_pallet_2 {
    /* dark red */
    color: #8F0106;
}
.secondary_pallet_3 {
    /* darker gold */
    color: #77682d;
}

.primary_pallet_bg_1 {
    /* red */
    background-color: #E7010A;
}
.primary_pallet_bg_2 {
    /* gold */
    background-color: #94823B;
}
.primary_pallet_bg_3 {
    /* grey */
    background-color: #C6C3B8;
}
.primary_pallet_bg_4 {
    /* black */
    background-color: #000;
}
.secondary_pallet_bg_1 {
    /* darker red */
    background-color: #bd040a;
}
.secondary_pallet_bg_2 {
    /* dark red */
    background-color: #8F0106;
}
.secondary_pallet_bg_3 {
    /* darker gold */
    background-color: #77682d;
}

/* --- Accent Font Family --- */
.accent_font {
    font-family: prometo, Arial, sans-serif!important;
}

/* --- CKeditor Style Consessions --- */
.cke_panel_listItem h2.copy {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    margin: 0 0 0 0;
}

/* --- CKeditor Style Overrides --- */
img.cke_mediaembed {
    width: 145px !important;
    height: 59px !important;
}