

/* Common CSS for desktop and mobile layouts */

 #layerslider_1 {
    padding-bottom: 20px;
} 

/* THIS IS WHERE WE SET THE TOP PADDING FOR THE HORIZONTAL TOP IMAGES IN POSTS. WE HAVE TO DO THIS BECAUSE THESE IMAGES, JUST LIKE THE LAYERSLIDER, ARE NOT CONSIDERED AS A BLOG ELEMENT WHICH ARE SUBJECT TO THE GLOBAL 130px TOP-PADDING SETTING THEREFORE WE NEED TO GIVE THEM SUCH VALUE IN ORDER FOR THEM TO NOT HIDE BEHIND THE TOP MENU */

.title img {
    padding-top: 133px;
}

/*
.content .container .container_inner.default_template_holder {
    padding-top: 0px;
} 
*/

/*
.blog_holder article .post_image, .blog_holder article .post_image>a, .blog_holder article .post_image img {
    height: 300px;
}
*/

/*
body.single-post .content .content_inner > .container > .container_inner, .content .content_inner > .full_width > .full_width_inner {
   padding-top: 0px;
}
*/

.post_text_inner {
    padding-top: 5px !important;
}

.single_tags {
    display: none;
}

.author_description {
    display: none;
}

.sfmsb-follow-social-buttons.sfmsb-under a {
    margin-top: 5px;
    margin-right: 2px;
}

/*
.blog_holder article .post_image img {
height: 300px;
}
*/

.latest_post_holder.boxes .boxes_image a img {
    vertical-align: top;
}

.latest_post_holder.boxes>ul>li .latest_post {
    padding: 22px 0px 30px;
}

.blog_holder.masonry article .post_info {
    display: none;
}

.stb-15970 {
    overflow-y: visible;
    max-height: none;
    font-size: medium;
}

ul {
    padding-bottom: 18px;
    font-family: ubuntu;
    font-size: 18px;
    color: #5e5e5e;
}

.footer_border_columns {
    margin-top: 60px;
}

.smts_address_box {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f3f3f3;
    width: 100%;
    background-color: #f2f2f2;
}

@media screen and (min-width: 1000px) {

/* A VERY SPECIFIC SETTING FOR THE HOME PAGE TO MAKE SURE THERE IS NO SPACE BETWEEN THE LAYERSLIDER AND THE MOST RECENT POSTS AGAINST THE 130px GLOBALL TOP-PADDING SETTING */
    .home .content .content_inner > .container > .container_inner, .content .content_inner > .full_width > .full_width_inner {
    padding-top: 0px;
    }

/* THE LAYERSLIDER IS NOT CONSIDERED AS A BLOG ELEMENT WHICH IS SUBJECT TO THE GLOBAL 130px TOP-PADDING SETTING THEREFORE WE NEED TO GIVE IT SUCH VALUE IN ORDER FOR IT TO NOT HIDE BEHIND THE LANDING PAGE'S LOGO */

    #layerslider_1 {
    padding-top: 135px;
    } 

/*
    .title img {
    padding-top: 136px;
    }
*/

}

/* Customizations for mobile layout */

@media only screen and (max-width: 999px) {

    .title img {
    padding-top: 0px;
    }

/* MAKING SURE THAT THE MOBILE VERSION OF A PAGE OR POST HAS 20px SO THAT IT IS NOT STUCK RIGHT UNDER THE TOP HORIZONTAL LOGO BAR. JUST A NICE THING TO DO VISUALLY */

    .content .content_inner > .container > .container_inner, .content .content_inner > .full_width > .full_width_inner {
    padding-top: 20px !important;
    }
}

@media only screen  and (min-width: 1115px) {
.container_inner, .boxed div.section .section_inner, div.grid_section .section_inner, .full_width .parallax_content, .carousel-inner .slider_content_outer, nav.content_menu ul, .container_inner nav.content_menu, .fotter_top_border_holder.in_grid, .fotter_bottom_border_holder.in_grid, .blog_holder.masonry {
    width: 1115px!important;
}
}