gistfile1.txt

/*
 Theme Name:     Josefin Divi Child Theme
 Author:         ARTILLERY MEDIA
 Author URI:     http://www.artillerymedia.com
 Template:       Divi
 Version:        1.3
*/

/* ==========================================================================
   JOSEFIN CSS - EDIT AT YOUR OWN RISK
   ========================================================================== */

/* ==========================================================================
   TAGS
   ========================================================================== */

.rtw_meta,
blockquote {
    font-style: italic
}

.lightForm .et_pb_contact input,
.lightForm .et_pb_contact textarea,
.pagination a,
a.more-link {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.et_pb_fullwidth_header_subhead,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Josefin Sans', sans-serif!important;
    font-weight: 700!important;
    word-wrap: initial
}

h3 {
    font-size: 20px
}

h4 {
    color: #7f7f7f;
    font-size: 24px;
    margin-bottom: 20px
}

h5 {
    font-size: 20px;
    margin-bottom: 30px
}

h6 {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.2em
}

blockquote {
    font-size: 26px;
    font-family: Merriweather, serif;
    font-weight: 400;
    padding: 0;
    line-height: 1.4em;
    color: #CACACA;
    border: none
}

.et_pb_button,
.pagination a,
a.more-link {
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif!important
}

.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover,
.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button,
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt,
.et_button_no_icon.et_button_left .et_pb_button:hover,
.et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover,
.et_button_no_icon.et_button_left.woocommerce #content input.button:hover,
.et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover,
.et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover,
.et_button_no_icon.et_button_left.woocommerce a.button.alt:hover,
.et_button_no_icon.et_button_left.woocommerce a.button:hover,
.et_button_no_icon.et_button_left.woocommerce button.button.alt:hover,
.et_button_no_icon.et_button_left.woocommerce button.button:hover,
.et_button_no_icon.et_button_left.woocommerce input.button.alt:hover,
.et_button_no_icon.et_button_left.woocommerce input.button:hover,
.et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover,
.et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover,
.et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover,
.et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover,
.et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover,
.et_button_no_icon.et_button_left.woocommerce-page a.button:hover,
.et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover,
.et_button_no_icon.et_button_left.woocommerce-page button.button:hover,
.et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover,
.et_button_no_icon.et_button_left.woocommerce-page input.button:hover,
.et_button_no_icon.woocommerce #content input.button,
.et_button_no_icon.woocommerce #content input.button.alt,
.et_button_no_icon.woocommerce #content input.button.alt:hover,
.et_button_no_icon.woocommerce #content input.button:hover,
.et_button_no_icon.woocommerce #respond input#submit,
.et_button_no_icon.woocommerce #respond input#submit.alt,
.et_button_no_icon.woocommerce #respond input#submit.alt:hover,
.et_button_no_icon.woocommerce #respond input#submit:hover,
.et_button_no_icon.woocommerce a.button,
.et_button_no_icon.woocommerce a.button.alt,
.et_button_no_icon.woocommerce a.button.alt:hover,
.et_button_no_icon.woocommerce a.button:hover,
.et_button_no_icon.woocommerce button.button,
.et_button_no_icon.woocommerce button.button.alt,
.et_button_no_icon.woocommerce button.button.alt:hover,
.et_button_no_icon.woocommerce button.button:hover,
.et_button_no_icon.woocommerce input.button,
.et_button_no_icon.woocommerce input.button.alt,
.et_button_no_icon.woocommerce input.button.alt:hover,
.et_button_no_icon.woocommerce input.button:hover,
.et_button_no_icon.woocommerce-page #content input.button,
.et_button_no_icon.woocommerce-page #content input.button.alt,
.et_button_no_icon.woocommerce-page #content input.button.alt:hover,
.et_button_no_icon.woocommerce-page #content input.button:hover,
.et_button_no_icon.woocommerce-page #respond input#submit,
.et_button_no_icon.woocommerce-page #respond input#submit.alt,
.et_button_no_icon.woocommerce-page #respond input#submit.alt:hover,
.et_button_no_icon.woocommerce-page #respond input#submit:hover,
.et_button_no_icon.woocommerce-page a.button,
.et_button_no_icon.woocommerce-page a.button.alt,
.et_button_no_icon.woocommerce-page a.button.alt:hover,
.et_button_no_icon.woocommerce-page a.button:hover,
.et_button_no_icon.woocommerce-page button.button,
.et_button_no_icon.woocommerce-page button.button.alt,
.et_button_no_icon.woocommerce-page button.button.alt:hover,
.et_button_no_icon.woocommerce-page button.button:hover,
.et_button_no_icon.woocommerce-page input.button,
.et_button_no_icon.woocommerce-page input.button.alt,
.et_button_no_icon.woocommerce-page input.button.alt:hover,
.et_button_no_icon.woocommerce-page input.button:hover,
.et_pb_button,
.pagination a,
.woocommerce input.button,
.woocommerce input.button:hover,
a.more-link {
    padding: .6em 2em .3em!important
}

.et_pb_button {
    line-height: 1.2em
}

.smallButton {
    float: left;
    margin-right: 8px!important;
    margin-bottom: 8px!important
}

.pagination a,
a.more-link {
    font-size: 16px;
    background-color: rgba(0, 0, 0, 1);
    border: 2px solid #000;
    color: #fff;
    letter-spacing: 5px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-top: 20px;
    transition: all .3s ease-in-out
}

.pagination a:hover,
a.more-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #000
}

.et_pb_number_counter .percent,
.et_pb_number_counter .percent p {
    font-family: 'Josefin Sans', sans-serif!important;
    font-weight: 300
}

.et_pb_number_counter h3 {
    line-height: 1.5em
}

h5.et_pb_toggle_title {
    margin-bottom: 0;
    line-height: 1.2em
}

.et_pb_toggle_title:before {
    font-size: 32px
}

.josefinBlurb {
    padding: 30px;
    min-height: 330px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.josefinBlurb:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, .2);
    border-color: #fff;
    background-color: #fff
}

@media screen and (max-width:1245px) {
    .josefinBlurb {
        min-height: 360px
    }
}

@media screen and (max-width:1070px) {
    .josefinBlurb {
        min-height: 380px
    }
}

@media screen and (max-width:980px) {
    .josefinTwoColumnSwitch .et_pb_row {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .josefinBlurb {
        padding: 30px 0;
        border: none!important;
        min-height: auto
    }
    .josefinBlurb:hover {
        box-shadow: none
    }
    #features .et_pb_column {
        margin-bottom: 0!important
    }
}

#reviews h2 {
    font-family: 'Josefin Sans', sans-serif!important;
    font-weight: 700
}

#reviews blockquote {
    color: #fff;
    font-size: 26px;
    line-height: 1.6em
}

#reviews h5 {
    font-size: 16px;
    color: #c2c2c2
}

#reviews .et_pb_slide_content img {
    border-radius: 999px;
    margin-top: 10px;
    box-shadow: 0 0 50px rgba(0, 0, 0, .3)
}

.et_pb_testimonial_author {
    font-size: 18px
}

.et_pb_testimonial_meta {
    font-size: 12px
}

@media screen and (max-width:768px) {
    .et_pb_column .et_pb_testimonial_portrait {
        float: none;
        display: block;
        margin: 0 auto 20px
    }
}

.et_pb_contact_main_title {
    font-weight: 900
}

.et_pb_contact_captcha_question {
    font-size: 20px
}

input.et_pb_contact_captcha {
    padding: 15px 15px 13px!important
}

.lightForm h1 {
    color: #fff
}

.lightForm .et_pb_contact input,
.lightForm .et_pb_contact textarea {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .5);
    transition: all .3s ease-in-out
}

.lightForm .et_pb_contact input:focus,
.lightForm .et_pb_contact textarea:focus {
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    border-color: rgba(255, 255, 255, 1)
}

.lightForm .et_pb_contact_captcha_question {
    color: #fff
}

.lightForm button[type=submit].et_pb_button {
    color: #000;
    background-color: rgba(255, 255, 255, 1);
    border-color: #fff
}

.lightForm button[type=submit].et_pb_button:hover {
    color: #fff!important;
    background-color: rgba(255, 255, 255, 0);
    border-color: #fff!important
}

#main-content .container:before {
    background-color: transparent
}

body.et_pb_pagebuilder_layout .et_pb_section_first {
    padding-top: 0!important
}

.et_pb_fullwidth_header_subhead {
    font-family: 'Josefin Sans', sans-serif!important;
    font-weight: 700;
    letter-spacing: 7px;
    margin-bottom: 18px;
    margin-top: 10px
}

#et-top-navigation,
#main-header {
    font-family: 'Josefin Sans', sans-serif!important;
    font-weight: 600
}

#top-menu li {
    padding-right: 36px
}

body.et_pb_pagebuilder_layout #main-header {
    background-color: rgba(0, 0, 0, 8)!important
}

#main-header,
body.single-post.et_pb_pagebuilder_layout #main-header,
body.single-project.et_pb_pagebuilder_layout #main-header {
    background-color: rgba(0, 0, 0, 1)!important
}

#main-header.et-fixed-header,
body.et_pb_pagebuilder_layout #main-header.et-fixed-header {
    background-color: rgba(0, 0, 0, .8)!important
}

#et-secondary-nav .menu-item-has-children>a:first-child:after,
#top-menu .menu-item-has-children>a:first-child:after {
    top: -2px
}

#main-header .et_mobile_menu li li,
#main-header .et_mobile_menu li ul {
    padding-left: 0
}

.nav li ul {
    padding: 10px 0
}

#top-menu li li {
    padding: 0
}

#top-menu li li a {
    width: 100%;
    padding: 8px 20px
}

.josefinSlider .josefinFullHeightSlider .et_pb_slide {
    height: 100vh
}

@media screen and (max-width:980px) {
    .josefinSlider .et_pb_slide_description .et_pb_slide_title {
        font-size: 46px;
        font-weight: 700!important
    }
}

@media screen and (max-width:767px) {
    .josefinSlider .et_pb_slide_description .et_pb_slide_title {
        font-size: 44px!important
    }
    .josefinSlider .et_pb_slide_content {
        font-size: 18px!important
    }
}

@media screen and (max-width:400px) {
    .josefinSlider .et_pb_slide_description .et_pb_slide_title {
        font-size: 36px!important
    }
}

.imageBackground .et_pb_promo_description {
    padding-bottom: 10px
}

.rowPic .rowPicImage {
    background-position: center center;
    background-size: cover
}

.rowPic .rowPicText {
    padding: 50px
}

@media screen and (max-width:990px) {
    .et_pb_column.rowPicImage,
    .rowPic .rowPicImage {
        height: 500px!important;
        display: block!important
    }
    .rowPic .rowPicText {
        padding: 50px!important
    }
    #video .rowPic .rowPicText:last-child {
        padding: 0 50px 50px!important
    }
}

@media screen and (max-width:320px) {
    .et_pb_column.rowPicImage,
    .rowPic .rowPicImage {
        height: 250px!important
    }
    .rowPic .rowPicText {
        padding: 30px!important
    }
    #video .rowPic .rowPicText:last-child {
        padding: 0 30px 30px!important
    }
}

.josefinOverlap .josefinOverlapImageLeft {
    box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 998;
    margin-left: 75px
}

.josefinOverlap .josefinOverlapTextRight {
    box-shadow: 0 0 50px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 999;
    margin-left: -125px;
    margin-top: 75px
}

@media screen and (max-width:1140px) {
    .josefinOverlap .josefinOverlapImageLeft {
        margin-left: 50px
    }
    .josefinOverlap .josefinOverlapTextRight {
        margin-left: -75px;
        margin-top: 50px
    }
}

@media screen and (max-width:980px) {
    .josefinOverlap .josefinOverlapImageLeft {
        margin-left: 13%
    }
    .josefinOverlap .josefinOverlapTextRight {
        margin-left: -13%;
        margin-top: -90px
    }
}

@media screen and (max-width:768px) {
    .josefinOverlap .josefinOverlapImageLeft {
        margin-left: 10%
    }
    .josefinOverlap .josefinOverlapTextRight {
        margin-left: -10%
    }
}

@media screen and (max-width:600px) {
    .josefinOverlap .josefinOverlapImageLeft {
        margin-left: 0
    }
    .josefinOverlap .josefinOverlapTextRight {
        margin-left: 0;
        margin-top: -30px
    }
}

.josefinOverlap .josefinOverlapImageRight {
    box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 998;
    margin-left: -125px
}

.josefinOverlap .josefinOverlapTextLeft {
    box-shadow: 0 0 50px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 999;
    margin-left: 75px;
    margin-top: 75px
}

@media screen and (max-width:1140px) {
    .josefinOverlap .josefinOverlapImageRight {
        margin-left: -75px
    }
    .josefinOverlap .josefinOverlapTextLeft {
        margin-left: 50px;
        margin-top: 50px
    }
}

@media screen and (max-width:980px) {
    .josefinOverlap .josefinOverlapImageRight {
        margin-left: -13%;
        margin-top: -90px
    }
    .josefinOverlap .josefinOverlapTextLeft {
        margin-left: 13%;
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .josefinOverlap .josefinOverlapImageRight {
        margin-left: -10%
    }
    .josefinOverlap .josefinOverlapTextLeft {
        margin-left: 10%
    }
}

@media screen and (max-width:600px) {
    .josefinOverlap .josefinOverlapImageRight {
        margin-left: 0;
        margin-top: -30px
    }
    .josefinOverlap .josefinOverlapTextLeft {
        margin-left: 0
    }
}

#blogPage .et_pb_post {
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #efefef
}

#blogPage a.more-link {
    width: 240px
}

body.single-post.et_pb_pagebuilder_layout {
    padding-top: 74px
}

body.single-post .et_pb_section.et_pb_section_first {
    padding-top: 0!important
}

@media screen and (max-width:768px) {
    #blogPage .et_pb_post {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #efefef
    }
}

#emailList .et_pb_promo_description,
#emailList h4 {
    padding-bottom: 0
}

body.single-project.et_pb_pagebuilder_layout {
    padding-top: 74px
}

body.single-project .et_pb_section.et_pb_section_first {
    padding-top: 0!important
}

.et_pb_portfolio_0 .et_pb_portfolio_item .post-meta,
.et_pb_portfolio_0 .et_pb_portfolio_item .post-meta a {
    margin-top: -5px
}

@media screen and (max-width:768px) {
    body.et_pb_pagebuilder_layout article.project {
        padding-top: 50px
    }
    .et_pb_portfolio_0 .et_pb_portfolio_item .post-meta,
    .et_pb_portfolio_0 .et_pb_portfolio_item .post-meta a {
        margin-top: -15px
    }
}

body.archive #main-header,
body.category #main-header,
body.search #main-header {
    background-color: rgba(0, 0, 0, 1)!important
}

body.archive.et_pb_pagebuilder_layout,
body.category.et_pb_pagebuilder_layout,
body.search.et_pb_pagebuilder_layout {
    padding-top: 74px
}

#sidebar .et_pb_widget {
    margin-top: 45px
}

#sidebar .widgettitle {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px
}

#sidebar .et_pb_widget a:hover {
    color: #000
}

@media screen and (max-width:768px) {
    #sidebar {
        margin-top: 50px;
        padding-top: 20px;
        border-top: 1px solid #dedede
    }
}

body.error404 #main-footer #footer .et_pb_row_4col .et_pb_column_1_4 {
    float: left;
    width: 20.875%;
    margin-right: 5.5%
}

@media screen and (max-width:980px) {
    body.error404 #main-footer #footer .et_pb_row_4col .et_pb_column_1_4 {
        width: 44%!important;
        margin-right: 5.5%
    }
}

@media screen and (max-width:550px) {
    body.error404 #main-footer #footer .et_pb_row_4col .et_pb_column_1_4 {
        width: 100%!important;
        margin: 0 0 30px
    }
}

#emailList h4 {
    color: #969696;
    font-size: 14px;
    letter-spacing: 3px
}

#footer .et_pb_widget_area_left {
    padding-right: 0;
    border: none
}

#footer .et_pb_widget {
    margin-bottom: 0
}

#footer .et_pb_social_media_follow li:first-child {
    margin-left: -10px
}

#footer .et_pb_social_media_follow li a.icon::before {
    color: #191d1f!important;
    width: 40px;
    height: 40px;
    font-size: 24px
}

#footer .et_pb_social_media_follow li a.icon {
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#footer .et_pb_social_media_follow li a.icon:hover {
    opacity: .5
}

#footer .et_pb_social_media_follow li a.icon.rounded_rectangle {
    background-color: #f9f9f9!important
}

#footer ul.instagram-pics li {
    margin-bottom: 0;
    display: inline
}

#footer ul.instagram-pics li img {
    max-width: 48%;
    height: auto;
    margin-right: 2px;
    margin-bottom: -6px
}

#footer ul.instagram-pics li img:hover {
    opacity: .7
}

@media screen and (max-width:768px) {
    #footer.et_pb_section .et_pb_column .et_pb_module {
        margin-bottom: 0
    }
    #bottomFooter .et_pb_row {
        padding: 10px 0
    }
}

#copyright {
    font-family: 'Josefin Sans', sans-serif!important;
    font-weight: 600;
    line-height: 1.5em
}

@media screen and (max-width:1130px) {
    #top-menu li {
        padding-right: 15px
    }
}

@media screen and (max-width:980px) {
    h2 {
        font-size: 30px
    }
    h4 {
        font-size: 18px
    }
    .et_pb_button {
        letter-spacing: 5px!important
    }
    #main-header .et_mobile_menu {
        background-color: rgba(0, 0, 0, .9)!important
    }
    body.home .et_pb_column_1,
    body.home .et_pb_column_3 {
        padding: 30px
    }
    .stats .statsRow .et_pb_column {
        width: 47%!important;
        margin-bottom: 30px;
        margin-top: 15px
    }
    #reviews h2 {
        font-family: 'Josefin Sans', sans-serif!important;
        font-weight: 700!important;
        font-size: 150%!important
    }
    #reviews blockquote {
        color: #fff;
        font-size: 18px;
        line-height: 1.5em
    }
    #footer .et_pb_column_1_4 {
        padding-bottom: 60px!important
    }
}

@media screen and (max-width:768px) {
    .et_pb_row {
        width: 100%;
        padding: 0 50px
    }
    .rowPic {
        padding: 0
    }
}

@media screen and (max-width:550px) {
    blockquote,
    h2 {
        font-size: 24px
    }
    h4 {
        font-size: 14px
    }
    .et_pb_button {
        display: block!important;
        width: 100%;
        text-align: center
    }
    .smallButton {
        float: none;
        font-size: 17px!important;
        margin-bottom: 10px!important;
        text-align: center
    }
    .et_pb_slide_description,
    .et_pb_slider_fullwidth_off .et_pb_slide_description {
        padding: 16% 5%
    }
    #reviews blockquote {
        font-size: 16px
    }
    #reviews h5 {
        font-size: 10px
    }
    #emailList h4 {
        color: #969696;
        font-size: 13px;
        letter-spacing: 2px;
        line-height: 1.3em
    }
    .stats .statsRow .et_pb_column {
        width: 100%!important
    }
    #footer h5 {
        margin-bottom: 10px
    }
    #footer .et_pb_column_1_4 {
        padding-bottom: 30px!important
    }
    #footer .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_widget:nth-child(n) {
        margin-bottom: 25px!important
    }
    .et_pb_pagebuilder_layout.single-post #page-container .et_pb_with_background .et_pb_row {
        width: 100%
    }
}

@media screen and (max-width:325px) {
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header p {
        font-size: 14px!important;
        line-height: 1.5em!important
    }
    span.scroll-down.et-pb-icon {
        bottom: 10px!important
    }
    #reviews h2,
    .et_pb_toggle h5 {
        font-size: 14px!important
    }
    button[type=submit].et_pb_button {
        margin-top: 15px!important
    }
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {
        font-size: 18px!important;
        word-break: inherit
    }
    body.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {
        font-size: 30px!important
    }
    h1 {
        font-size: 24px!important
    }
    h2 {
        font-size: 18px!important
    }
    h3 {
        font-size: 16px!important
    }
    h4 {
        font-size: 14px!important
    }
    .et_pb_toggle h5,
    h5 {
        font-size: 12px!important
    }
    h6 {
        font-size: 10px!important
    }
    .et_pb_fullwidth_header_1.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
        font-size: 14px!important
    }
    #blogPage a.more-link {
        width: 100%
    }
}

@media screen and (max-width:980px) {
    .mobile_menu_bar:before {
        color: #fff!important
    }
    .et_header_style_centered #main-header {
        position: fixed
    }
    .et_header_style_centered #main-header .mobile_nav {
        background-color: transparent
    }
    .mobile_nav.closed .select_page {
        display: none
    }
    .et-fixed-header#main-header {
        background-color: transparent!important
    }
}

.et_mobile_menu {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9998;
    overflow: scroll!important;
    background-color: rgba(10, 10, 10, .9)!important;
    margin-left: -30px;
    padding: 25% 0;
    height: 100%;
    width: calc(100% + 60px);
    border-top: none
}

.et_mobile_menu li a {
    text-align: center;
    font-size: 1.55em;
    border: 0;
    padding: 2% 0;
    text-transform: uppercase;
    letter-spacing: 6px
}

.mobile_nav ul#mobile_menu .current_page_item>a {
    color: #fff
}

.mobile_nav ul#mobile_menu li ul li a {
    font-size: 1.05em!important;
    margin: auto;
    padding-top: .2em
}

.et_mobile_menu li a:hover {
    color: #999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d"
}

span.mobile_menu_bar {
    z-index: 9999
}

.left-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeLeft 1s 1 cubic-bezier(.44, 0, .52, .94);
    -moz-animation: fadeLeft 1s 1 cubic-bezier(.44, 0, .52, .94);
    -o-animation: fadeLeft 1s 1 cubic-bezier(.44, 0, .52, .94);
    animation: fadeLeft 1s 1 cubic-bezier(.44, 0, .52, .94)
}

.right-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeRight 1s 1 cubic-bezier(.44, 0, .52, .94);
    -moz-animation: fadeRight 1s 1 cubic-bezier(.44, 0, .52, .94);
    -o-animation: fadeRight 1s 1 cubic-bezier(.44, 0, .52, .94);
    animation: fadeRight 1s 1 cubic-bezier(.44, 0, .52, .94)
}

.top-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeTop 1s 1 cubic-bezier(.44, 0, .52, .94);
    -moz-animation: fadeTop 1s 1 cubic-bezier(.44, 0, .52, .94);
    -o-animation: fadeTop 1s 1 cubic-bezier(.44, 0, .52, .94);
    animation: fadeTop 1s 1 cubic-bezier(.44, 0, .52, .94)
}

.bottom-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeBottom 1s 1 cubic-bezier(.44, 0, .52, .94);
    -moz-animation: fadeBottom 1s 1 cubic-bezier(.44, 0, .52, .94);
    -o-animation: fadeBottom 1s 1 cubic-bezier(.44, 0, .52, .94);
    animation: fadeBottom 1s 1 cubic-bezier(.44, 0, .52, .94)
}

.fadein-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeIn 1s 1 cubic-bezier(.44, 0, .52, .94);
    -moz-animation: fadeIn 1s 1 cubic-bezier(.44, 0, .52, .94);
    -o-animation: fadeIn 1s 1 cubic-bezier(.44, 0, .52, .94);
    animation: fadeIn 1s 1 cubic-bezier(.44, 0, .52, .94)
}

span.scroll-down.et-pb-icon {
    cursor: pointer;
    height: 60px;
    width: 80px;
    margin: 0 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite
}

@-webkit-keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0
    }
}

@-moz-keyframes ca3_fade_move_down {
    0% {
        -moz-transform: translate(0, -20px);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0
    }
}

@keyframes ca3_fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: translate(0, 20px);
        opacity: 0
    }
}
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */


/* ----------- DISPLAY NO META DATA AT BOTTOM OF PROJECTS  --------------------------- */

.et_project_meta {
    display: none;
}