/*  FONTS */

@import url(https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700);

.mce-content-body {
  font-family: 'Roboto', sans-serif !important;
  color: #666666;
}

strong {
    font-weight: bold;
}

.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6,
.mce-content-body a {
      color: #EF4135;
}

h1 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
}

h2 {
    font-size: 23px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    text-transform: uppercase;
    color: #EF4135;
    margin: 50px 0 30px 0;
    letter-spacing: 1.5px;
}

h3 {
    font-size: 15px;
    text-transform: uppercase;
    color: #EF4135;
    font-weight: 300;
    letter-spacing: 1.5px;
}

.mce-content-body h3,
.pageContent h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.mce-content-body p {
    margin-top: 0;
}

h4 {
    margin-bottom: 0px !important;
    margin-top: 35px !important;
    font-size: 15px !important;
}
h4:first-child {
    margin-top: 0px !important;
}

body a {
    color: #666666;
}

.mce-content-body img {
    border-top: 1px solid #4A4A49;
    border-bottom: 1px solid #4A4A49;
    padding: 18px 0;
}

/* FIX FOR ALIGNED IMAGES IN CONTENT */

.wp-caption.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.wp-caption.alignleft {
    float: left;
    margin:0 1em 1em 0 !important
}

.wp-caption.alignright {
    float: right;
    margin:0 0 1em 1em !important
}

img.alignright {width: auto !important; max-width: 100%; float:right; margin:0 0 1em 1em !important}
img.alignleft {width: auto !important; max-width: 100%; float:left; margin:0 1em 1em 0 !important}
img.aligncenter {width: auto !important; max-width: 100%; display: block; margin-left: auto !important; margin-right: auto !important}
a img.alignright {width: auto !important; max-width: 100%; float:right; margin:0 0 1em 1em !important}
a img.alignleft {width: auto !important; max-width: 100%; float:left; margin:0 1em 1em 0 !important}
a img.aligncenter {width: auto !important; max-width: 100%; display: block; margin-left: auto; margin-right: auto}

.red-title-1 {
    color: #EF4135;
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: bold;
}

.red-title-2 {
    color: #EF4135;
    font-size: 42px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .wp-caption.aligncenter {
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {

    .wp-caption.alignleft {
        max-width: 100% !important;
        float: none;
        margin:0 !important;
    }

    .wp-caption.alignright {
        max-width: 100% !important;
        float: none;
        margin:0 !important;
    }
    

    img.alignright {width: 100% !important; max-width: 100%; float:right; margin:0 0 1em 1em}
    img.alignleft {width: 100% !important; max-width: 100%; float:left; margin:0 1em 1em 0}
    img.aligncenter {width: 100% !important; max-width: 100%; display: block; margin-left: auto; margin-right: auto}
    a img.alignright {width: 100% !important; max-width: 100%; float:right; margin:0 0 1em 1em}
    a img.alignleft {width: 100% !important; max-width: 100%; float:left; margin:0 1em 1em 0}
    a img.aligncenter {width: 100% !important; max-width: 100%; display: block; margin-left: auto; margin-right: auto}
}