/*
 Theme Name:   RoofOnFire Child
 Description:  RoofOnFire - RPES
 Author:       101 Design
 Author URI:   https://www.101design.com.au
 Template:     roofonfire
 Version:      21.5.14.6
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/*
div { outline: 1px dashed #f00; outline: 1px dashed rgba(255, 0, 0, .2); }
h1, h2, h3, h4, h5, h6 { outline: 1px dotted #fc3; outline: 1px dotted rgba(255, 204, 51, .2); }
p { outline: 1px dotted #309; outline: 1px dotted rgba(51, 0, 153, .2); }
ol, ul { outline: 1px dotted #096; outline: 1px dotted rgba(0, 153, 102, .5); }
ol > li, ul > li { outline: 1px dotted #3fc; outline: 1px dotted rgba(51, 255, 204, .3); }
li li { outline: 1px dotted #cff; outline: 1px dotted rgba(204, 255, 255, .5); }
a { outline: 1px dashed #363; outline: 1px dashed rgba(51, 102, 51, .5); }
span { outline: 1px dotted #630; outline: 1px dotted rgba(102, 51, 0, .1); }
table { outline: 1px dotted #666; outline: 1px dotted rgba(102, 102, 102, .3); }
th, tr, td { outline: 1px dotted #ccc; outline: 1px dotted rgba(204, 204, 204, .2); }
header, nav, section, footer { outline: 1px dashed #f00; outline: 1px dashed rgba(255, 0, 0, .2); }
/**/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.main-navigation .menu > li > a {
	padding: 54px 15px 20px;
}


.entry-content h3,
.entry-content .h3-style {
    margin-bottom: 0.5em;
    font-size: 26px !important;
    line-height: 1.3 !important;
}

.entry-content h4,
.entry-content .h4-style {
    margin-bottom: 0.5em;
    font-size: 20px !important;
    line-height: 1.3 !important;
}

#tm_builder_outer_content  .tm-posts_item img {
    margin-left: auto; margin-right: auto;
}

.media-thumbs {
    margin-bottom: 1em;
}

.media-thumbs > * {
    display: inline-block;
    margin: 5px;
}

#tm_builder_outer_content .tm_pb_text.sidebar {
    font-size: 16px !important;
}

#tm_builder_outer_content .tm_pb_text.sidebar h3,
#tm_builder_outer_content .tm_pb_text.sidebar .h3-style {
    font-size: 20px !important;
}

.invert h2 {
	text-shadow: 0 0 9px rgba(0,0,0,0.9);
}


/* ----- RESPONSIVE --------------------------------------------------------- */

@media only screen and (min-width: 1366px) /* 1366+ */ { }

@media only screen and (max-width: 1365px) /* 1280  */ {
    .site-logo__link {
        display: block;
    }

    .site-logo__link > img {
        width: auto; height: 100%;
    }

}

@media only screen and (max-width: 1279px) /* 1024  */ {

}

@media only screen and (max-width: 1023px) /*  980  */ { }


@media only screen and (max-width: 979px)  /*  966  */ { }

@media only screen and (max-width: 965px) /* 960 */ { }

@media only screen and (max-width: 959px) /* 800 */ { }

@media only screen and (max-width: 799px) /* 768 */ { }

@media only screen and (max-width: 767px) /* 720 */ { }

@media only screen and (max-width: 719px) /* 640 */ {
    .site-branding {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .contact-block__item {
        padding: 0;
    }
}

@media only screen and (max-width: 639px) /* 480 */ {
    .site-logo__link > img {
        width: auto;
        height: auto;
    }

    h4, .h4-style {
        font-size: 20px !important;
    }

    h4:last-child {
        margin-bottom: 1em;
    }

    p:last-child {
        margin-bottom: 1em;
    }

    .entry-content h3, .entry-content .h3-style {
        margin: 1em 0;
        font-size: 25px !important;
    }

    #tm_builder_outer_content .tm_pb_module ul:not([class]):last-child {
        margin-bottom: 1em;
    }

    #tm_builder_outer_content .tm_pb_promo.tm_pb_module {
        padding: 20px 0;
    }

    #tm_builder_outer_content .tm_pb_promo h2 {
        font-size: 25px !important;
    }
}

@media only screen and (max-width: 479px) /* 414 */ { }

@media only screen and (max-width: 413px) /* 375 */ { }

@media only screen and (max-width: 374px) /* 360 */ { }

@media only screen and (max-width: 359px) /* 320 */ { }