/*
Theme Name: BusinessTech 2017
Theme URI: https://businesstech.co.za
Author: BusinessTech
Author URI: https://businesstech.co.za
Description: BusinessTech 2017 is a change to unify the news streamfor mobile and desktop.
Version: 1.0

*/

/* Webfont: Lato-Black */@font-face {
    font-family: 'LatoWebBlack';
    src: url('fonts/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BlackItalic */@font-face {
    font-family: 'LatoWebBlack';
    src: url('fonts/Lato-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */@font-face {
    font-family: 'LatoWebBold';
    src: url('fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BoldItalic */@font-face {
    font-family: 'LatoWebBold';
    src: url('fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Hairline */@font-face {
    font-family: 'LatoWebHairline';
    src: url('fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HairlineItalic */@font-face {
    font-family: 'LatoWebHairline';
    src: url('fonts/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */@font-face {
    font-family: 'LatoWebHeavy';
    src: url('fonts/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HeavyItalic */@font-face {
    font-family: 'LatoWebHeavy';
    src: url('fonts/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'LatoWebLight';
    src: url('fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */@font-face {
    font-family: 'LatoWebLight';
    src: url('fonts/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Medium */@font-face {
    font-family: 'LatoWebMedium';
    src: url('fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-MediumItalic */@font-face {
    font-family: 'LatoWebMedium';
    src: url('fonts/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */@font-face {
    font-family: 'LatoWebSemibold';
    src: url('fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-SemiboldItalic */@font-face {
    font-family: 'LatoWebSemibold';
    src: url('fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Thin */@font-face {
    font-family: 'LatoWebThin';
    src: url('fonts/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Thin.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-ThinItalic */@font-face {
    font-family: 'LatoWebThin';
    src: url('fonts/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
    font-family: "LatoWeb";
    margin: 0px;
    color: #333;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background: #f1f1f1;
}
a {
    color: #1173b4;
    text-decoration: none;
}
.entry-content a:hover {
    text-decoration: underline;
}
.site {
    position: relative;
    z-index: 10;
    width: 1020px;
    margin: 0 auto;
    background: #fff;
    border-left: solid 1px #f1f1f1;
    border-right: solid 1px #f1f1f1;
}
.skip-link {
    display: none;
}

/* LOGO */
.site-title {
    display: none;
}
.logo {
    display: block;
    padding: 30px;
    float: left;
}
.logo img {
    min-height: 90px;
}
.header_ad {
    float: right;
    margin-right: 30px;
    margin-top: 30px;   
}
h3 {
    font-size: 18pt;
}
/* ----------- */


/* MAIN CONTENT */
.site-header-main {
    background: #00456e;
    border-top: solid 5px #003f65;
}
.site-main {
    margin: 0px 30px 0px 30px;
    padding-bottom: 30px;
    display: block;
    min-height: 100vh;
}
.box-title {
    margin-bottom: 20px;
    border-bottom: solid 1px #f1f1f1;
    margin-top: 10px;
}
.box-title h2 {
    font-weight: 400;
    margin: 5px 0px -1px 0px;
    padding-top: 5px;
    border-bottom: solid 1px #333;
    display: inline-block;
    padding-bottom: 6px;

}
.box-title .title-linked {
    color: #333;
    text-decoration: none;
}
.float-newsletter-bar {
    background: #B21804;
    padding: 15px 0px;
    color: #fff;
    position: fixed;
    bottom: 0px;
    z-index: 10;
    width: 100%;
    bottom: -100px;
}
.float-newsletter-bar ._option {
    position: relative;
}
.float-newsletter-bar form {
    width: 990px;
    margin: 0 auto;
}
.float-newsletter-bar .subscribe-text {
    background: #fff;
    color: #333;
    padding: 1px 10px;
    width: 100%;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border: solid 1px #ddd;
    font-size: 9pt;
    line-height: 20pt;
    margin-left: 20px;
    min-height: 26px;
    -webkit-appearance: none;
}
.float-newsletter-bar .subscribe-submit {
    border: solid 1px #ddd;
    background: #f1f1f1;
    padding: 0px 10px;
    color: #005689;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    font-size: 9pt;
    line-height: 21pt;
    transition: all 0.3s;
    cursor: pointer;
    margin-right: 50px;
    -webkit-appearance: none;
}
.float-newsletter-bar .subscribe-submit:hover {
    background: #d3d3d3;
}
.float-newsletter-bar .newsletter-caption {
    color: #fff;
    float: left;
    line-height: 28px;
}
.float-newsletter-bar .newsletter-input {
    float: right;
}
.float-newsletter-bar .newsletter-submit {
    position: static;
    overflow: hidden;
}
.float-newsletter-bar .close-newsletter {
    line-height: 28px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.float-newsletter-bar .close-newsletter:hover {
    color: #333;
}
.type-page {
    padding-top: 20px;
}
/* ----------- */

/* NAVIGATION */
.menu {
    background: #003f65;
}
.menu ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    align-items: stretch;
    justify-content: space-between;
    margin: 0px 30px;
    padding: 0px;
}
.menu ul li {
    list-style: none;
    display: block;
    flex: 0 1 auto;
    text-align: center;
}
.menu ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 12px 0px;
    font-size: 14px;
    font-weight: 400;
}
.menu ul li a:hover {
    text-decoration: underline;
}
.sub-menu {
    position: absolute;
    background: rgba(255, 255, 255, 0.96);
    justify-content: space-between;
    display: none;
    width: 960px;
    padding: 10px 30px;
    z-index: 3;
    border-bottom: solid 1px #eee;
}
.sub-menu ul {
    margin: 0px;
    padding: 0px;
    width: 300px;
}
.sub-menu ul li {
    list-style: none;
    margin: 5px 0px;
}
.sub-menu ul li a {
    color: #8d8d8d;
    font-size: 10pt;
    transition: all 0.3s;
}
.sub-menu ul li a:hover {
    color: #535353;
    text-decoration: none;
    transition: all 0.3s;
}
.nav-search-bar {
    width: 100%;
    padding: 48px;
    text-align: center;
    font-size: 49pt;
    border: none;
    color: #666;
    background: none;
    margin: 0px 10px;
}
.nav-search-bar:focus {
    outline: none;
}
.search-menu i {
    pointer-events: none;
}
.categories-menu i {
    pointer-events: none;
}
.mobile-site-header {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    height: 50px;
    background: #00456e;    
    -moz-box-shadow:    0px -10px 25px 0px #000;
    -webkit-box-shadow: 0px -10px 25px 0px #000;
    box-shadow:         0px -10px 25px 0px #000;
    
}
.mobile-logo {
    display: block;
    width: 150px;
    margin: 0 auto;
}
.mobile-logo img {
    width: 100%;
    height: 50px;
}
.mobile-menu-button {
    line-height: 50px;
    position: absolute;
    left: 0px;
    width: 50px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    background: #00456e;
    border-right: solid 1px #003f65;
}
.mobile-menu-button:hover {
    transition: all 0.3s;
    color: #f1f1f1;
}
.mobile-search-button {
    line-height: 50px;
    position: absolute;
    right: 0px;
    width: 50px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    background: #00456e;
    border-left: solid 1px #003f65;
}
.mobile-search-button:hover {
    transition: all 0.3s;
    color: #f1f1f1;
}
.mobile-menu-close {
    line-height: 50px;
    position: absolute;
    right: 0px;
    width: 50px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    pointer-events: none;
    z-index: 12;
}
.mobile-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 11;
}
.mobile-menu {
    position: fixed;
    z-index: 12;
    background: #fff;
    width: 80%;
    height: 100%;
    left: 0px;
    top: 0px;
    margin-left: -80%;
    overflow: scroll;
}
.mobile-menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.mobile-menu ul li a {
    color: #888;
    display: block;
    padding: 14px 20px;
    border-bottom: solid 1px #f1f1f1;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s;
}
.mobile-menu ul li a:hover {
    background: #f1f1f1;
    transition: all 0.3s;
    color: #005689;
}
.mobile-expand i {
    float: right;
}
.mobile-menu ul li ul {
    display: none;
}
.mobile-menu ul li ul li a {
    background: #f8f8f8;
    padding: 14px 35px;
    transition: all 0.3s;
}
.mobile-menu ul li ul li a:hover {
    background: #d3d3d3;
    transition: all 0.3s;
}
.mobile-search-bar {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
    height: 50px;
    background: #fff;   
}
.mobile-search-bar .search-bar-button {
    line-height: 50px;
    position: absolute;
    left: 0px;
    width: 50px;
    text-align: center;
    color: #888;
}
.mobile-search-bar .search-bar-close {
    line-height: 50px;
    position: absolute;
    right: 0px;
    width: 50px;
    text-align: center;
    color: #888;
    cursor: pointer;
}
.mobile-search-bar form {
    line-height: 50px;
    position: absolute;
    left: 50px;
}
.mobile-search-bar form input {
    min-width: 210px;
    border: none;
    outline: none;
    font-size: 12pt;
    color: #555;
}

/* FOLLOW US */
.follow-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    justify-content: space-between;   
}
.follow-buttons a {
    background: #f1f1f1;
    color: #005689;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: none;
    transition: all 0.3s;
    border-radius: 100px;
}
.follow-buttons a:hover {
    background: #d3d3d3 !important;
}
.mobile-footer-menu .follow-buttons a {
    background: none;
    border: none;
}
.mobile-footer-menu .follow-buttons a:hover {
    color: #fff;
    border: none;
    background: none;
}
.follow-subscribe .subscribe-text {
    width: 100%;
    border: solid 1px #ddd;
    padding: 10px 0px 10px 0px;
    margin-top: 15px;
    font-size: 10pt;
    border-radius: 100px;
    text-align: center;
    -webkit-appearance: none;
}
.follow-subscribe .subscribe-text:focus {
    outline: none;  
}
.follow-subscribe .subscribe-submit {
    width: 100%;
    padding: 10px !important;
    color: #005689;
    background: #f1f1f1 !important;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    -webkit-appearance: none;
    border: none;
    border-radius: 100px;
}
.follow-subscribe .subscribe-submit:hover {
    background: #d3d3d3 !important;
}

/* ----------- */ 

/* FOOTER */
.site-footer {
    background: #333;
    padding: 20px 0px;
    width: 1020px;
    margin: 0 auto;
    z-index: 9;
    position: relative;
}
.site-footer .footer-sub-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    background: none;
    justify-content: space-between;
    margin: 0px 30px;
    width: 960px;
}
.site-footer a {
    color: #bdbdbd;
    font-size: 10pt;
}
.site-footer a:hover {
    color: #ffffff;
}
.site-footer ul {
    margin: 0px;
    padding: 0px;
    width: 300px;
}
.site-footer ul li {
    margin: 4px 0px;
    list-style: none;
}
.site-footer .footer-header {
    margin-bottom: 10px;
}
.site-footer .footer-header a {
    color: #fff;
    font-size: 12pt;
    font-weight: 400;
}
.mobile-footer-menu {
    display: none;
}
/* ----------- */

/* NEWS FEED STYLING */
.feature_ad {
    float: right;
    width: 300px;
    margin-top: 30px;  
}
.feature_article {
    width: 630px;
    float: left;
    margin-right: 30px;
    position: relative;
}
.feature_article header {
    position: absolute;
    bottom: 0px;
    padding: 15px;
    z-index: 2;
    pointer-events: none;
    background-image: linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4));
    width: 600px;
}
.feature_article header .entry-title a {
    font-size: 24pt;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,.6);
}
.feature_article header .entry-title {
    line-height: 24pt;
    text-decoration: none;
}
.feature_article .meta_date {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,.6);
}
.feature_article .category-caption {
    color: #fff;
    margin-bottom: 7px;
    display: block;
    text-shadow: 1px 1px 2px rgba(0,0,0,.6);
}
.feature_article .post-thumbnail {
    display: block;
    height: 300px;
    overflow: hidden;
    min-height: 300px;
}
.feature_article .post-thumbnail img {
    margin-top: -75px;
}
.feature_article_container {
    margin-bottom: 30px;
    padding-top: 30px;
    display: inline-block;
}
.row_article_container {
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0px 0px 30px;
    width: 660px;
}
.mobile_row_article_container {
    display: none;
}
.row_article_container .row_article {
    width: 300px;
}
.row_article_container .category-caption {
    margin-top: 7px;
    display: block;
}
.row_article_container .presented-title {
    margin-top: 0px;
}
.below_row_article_container {
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0px 0px 30px;
    width: 630px;
}
.below_row_article_container .row_article {
    width: 185px;
}
.below_row_article_container .row_article .post-thumbnail {
    height: auto;
    min-height: 100px;
}
.below_row_article_container .entry-header {
    padding-top: 0px;
}
.below_article_feed {
    margin-top: 20px;
}
.below_article_feed .entry-title a {
    color: #333;
    text-decoration: none;
    font-size: 13pt;
    font-weight: normal;
    line-height: 13pt;
}
.below_article_feed .entry-title {
    margin: 0px;
    line-height: 16pt;
}
.row_article header {

}
.row_article .post-thumbnail {
    overflow: hidden;
    display: block;
    height: 150px;
}
.row_article .post-thumbnail img {
    margin-top: -25px;
}
.entry-title {
    margin: 0px;
    line-height: 18pt;
    margin-top: 3px;
}
.entry-title a {
    color: #333;
    text-decoration: none;
    font-size: 16pt;
    font-weight: 400;
}
.entry-title a:hover {
    text-decoration: none;
    color: #005689;
}
.post-thumbnail img {
    width: 100%;
    height: auto;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
}
.post-thumbnail img:hover {
    opacity: 0.8;
    transition: all 0.3s;
}
.feed_article_container {
    width: 630px;
    float: left;
}
.feed_artice_side {
    float:right;
    width: 300px;
    margin-top: 55px;
}
.feed_article {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #f1f1f1;
}
.feed_article .post-thumbnail {
    width: 250px;
    display: block;
    float: left;
    margin-right: 20px;
    min-height: 135px;
    line-height: 0px;
    background: #f5f5f5;
}
.meta_date {
    color: #ababad;
    margin-top: 5px;
    font-size: 10pt;
    font-weight: 400;
    display: inline-block;
}
.meta_comments {
    font-size: 10pt;
    margin-top: 5px;   
}
.feed_leaderboard {
    width: 100%;
    text-align: center;
}
.feed-button {
    padding: 10px 0px;
    color: #333;
    background: #77b7d9;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 14pt;
    text-decoration: none;
    display: block;
    text-align: center;
    transition: all 0.3s;
}
.feed-button:hover {
    color: #fff;
    background: #62c0ff;
    text-decoration: none;
}
.side_feed_article_container {
    margin-top: 20px;
}
.side_feed_article_container .post-thumbnail {
    display: block;
    width: 100px;
    height: 100px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    min-height: 100px;
}
.side_feed_article_container .post-thumbnail img {
    height: 100%;
    width: auto;
    margin-left: -25px;
    margin-top: 0px;
}
.side_feed_article_container .entry-header {
    background: none;
    padding-top: 0px;
    position: initial;
}
.side_feed_article_container a {
    font-size: 14pt;
    line-height: 14pt;
}
.side_feed_article_container .row_article {
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.home-posts-navigation {
    width: 630px;
    float: left;
}
.home-posts-navigation a {
    padding: 10px 0px;
    color: #005689;
    background: #f1f1f1;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    display: block;
    text-align: center;
    transition: all 0.3s;
    border-radius: 100px;
}
.home-posts-navigation a:hover {
    color: #005689;
    background: #d3d3d3;
    text-decoration: none;
}
.page-posts-navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 630px;
    float: left;
}
.page-posts-navigation a {
    padding: 10px 0px;
    color: #005689;
    background: #f1f1f1;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s;
    width: 460px;
    display: block;
    flex: 0 1 auto;  
}
.page-posts-navigation a:hover {
    color: #005689;
    background: #d3d3d3;
    text-decoration: none;
}
.nav-seperator {
    width: 20px;
}
.category-caption {
    color: #005689;
    font-size: 12pt;
    font-weight: 400;
    line-height: 16pt;
    margin-right: 6px;
}
.category-caption:hover {
    color: #000;
}
/* ----------- */

/* ARTICLE VIEW */
.the-post {
    width: 630px;
    float: left;
    padding-top: 20px;
}
.the-post .article-title {
    line-height: 30pt;
    font-size: 26pt;   
}
.the-post .post .post-thumbnail {
    pointer-events: none;
}
.the-post .ad {
    text-align: center;
    margin-top: 20px;
}
.single-side {
    float: right;
    width: 300px;
    padding-top: 30px;
}
.article-title {
    font-size: 24pt;
}
.entry-content p {
    color: #333;
    line-height: 18pt;
    font-size: 13pt;
    font-weight: 400;
}
.entry-content p strong {
    font-weight: 600;
}
.entry-content ul li {
    color: #333;
    line-height: 18pt;
    font-size: 13pt;
    font-weight: 400;
    margin-bottom: 5px;
    padding-left: 5px;
}
.entry-content ul li strong {
    font-weight: 600;
}
.entry-content ol li {
    color: #333;
    line-height: 18pt;
    font-size: 13pt;
    font-weight: 400;
    margin-bottom: 5px;
    padding-left: 5px;
}
.entry-content ol li strong {
    font-weight: 600;
}
.billboard-parent {
    margin-top: 20px;
    padding-top: 5px;
    position: relative;
    width: 100%;
    height: 670px;
    background: #000;
    text-align: center;
    color: #fff;
    overflow: hidden;
    z-index: 7;
    pointer-events: none;
}
.billboard {
    margin-top: 5px;
    position: absolute;
    width: 100%;
    height: 615px;
    background-color: black;
    -webkit-clip-path: inset(0 0 3px 0);
    clip-path: inset(0 0 3px 0);
    clip: rect(auto,auto,auto,auto);
    overflow: hidden;
    z-index: 6;
    display: none;
}
.billboard .ad {
    position: fixed;
    width: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-clip-path: inset(0px 0px 3px 0px);
    clip-path: inset(0px 0px 3px 0px);
    clip: rect(auto,auto,auto,auto);
    overflow: hidden;
}
.aligncenter {
    height: auto;
    margin: 0 auto;
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
}
.size-full {
    height: auto;
    margin: 0 auto;
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
}
.alignright {
    float: right; margin: 0 0 1em 1em;
}
.alignleft {
    float: left; margin: 0 1em 1em 0;
}
hr {
    border: 0;
    height: 1px;
    background: #eee;
    margin-top: 30px;
    margin-bottom: 25px;
    display: block;
}
.tags a {
    color: #005689;
    text-transform: CAPITALIZE;
    font-size: 0.75rem;
    padding: 4px 11px;
    white-space: nowrap;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 4px;
    transition: all 0.3s;
    background: #f1f1f1;
    border-radius: 100px;
    margin-right: 3px;
}
.tags a:hover {
    background: #d3d3d3;
    text-decoration: none;
}
.entry-footer {
    border-top: solid 1px #eee;
    margin-bottom: 20px;
}
.article-meta {
    color: #ababad;
    margin-top: 10px;
    font-size: 11pt;
    margin-bottom: 15px;
    font-weight: 400;
}
.article-meta .post-date {
    padding-left: 15px;
    padding-right: 15px;
}
.article-meta a {
    color: #777;
}
.article-meta a:hover {
    color: #383838;
    text-decoration: none;
}
.article-newsletter {
    float: right;   
}
.article-share-buttons a {
    display: inline-block;
    float: left;
    text-align: center;
    height: 38px;
    margin-left: 13px;
    width: 38px;
    border-radius: 100px;
    transition: all 0.3s;
    color: #fff;
    line-height: 38px;
    transition: all 0.3s;
}
.article-share-buttons a:hover {
    background: #444;
}
.facebook-share { background: #3B5998; transition: all 0.3s; }
.twitter-share { background: #55ACEE; transition: all 0.3s; }
.googleplus-share { background: #db4437; transition: all 0.3s; }
.whatsapp-share { background: #1ebea5; transition: all 0.3s; }
.linkedin-share { background: #0077B5; transition: all 0.3s; }
.email-share { background: #bababa; transition: all 0.3s; }
.counter {
    color: #333;
    float: left;
    text-align: center;
    padding-right: 12px;
}
.counter .number {
    font-size: 20pt;
    line-height: 0px;
    margin-top: 12px;
    margin-bottom: 13px;   
}
.counter .share-text {
    font-size: 9pt;
    height: 13px;
}
.article-newsletter .subscribe-text {
    line-height: 36px;
    margin-top: 0px;
    font-size: 10pt;
    float: left;
    border: 1px solid #ddd;
    background: #ffffff;
    color: #364444;
    padding: 0px 0px 0px 17px;
    margin-bottom: 0px;
    width: 100%;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    min-height: 26px;
}
.article-newsletter .subscribe-text:focus{
    outline: none;
}
.article-newsletter .subscribe-submit {
    border: none;
    height: 38px;
    font-size: 12px;
    cursor: pointer;
    margin-left: -1px;
    background: #f1f1f1;
    color: #005689;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    display: block;
    width: 90px;
    transition: all 0.3s;
    border: solid 1px #ddd;
}
.article-newsletter .subscribe-submit:hover {
    background: #d3d3d3;
}
.social-section {
    margin-top: 20px;
    padding-bottom: 5px;
}
.social-section ._form {
    text-decoration: none;
    vertical-align: middle;
    min-width: 275px;
    width: 275px;  
}
.bottom-share {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 20px;
}
.bottom-share a {
    color: #fff;
    display: block;
    flex: 0 1 auto;
    text-align: center;
    border-radius: 100px;
    width: 49%;
    text-transform: uppercase;
    font-size: 10pt;
    padding: 4px 0px;
    transition: all 0.3s;
    border: none;
}
.bottom-share a:hover {
    text-decoration: none;
    background: #d3d3d3;
    border: none;
}
.bottom-facebook-share {
    background: #3B5998;
}
.bottom-twitter-share {
    background: #55ACEE;
}
.entry-content p iframe {
    width: 100%;
    margin: 0;
    border: none;
}
.entry-content iframe {
    width: 100%;
    margin: 0;
    border: none;
}
.presented-title {
    background-color: #f1f1f1;
    font-size: 11px;
    padding: 5px 12px;
    display: inline-block;
    color: #005689;
    margin-right: 7px;
    border-radius: 0px;
}
.presented-article-title {
    background-color: #f1f1f1;
    font-size: 11px;
    padding: 5px 12px;
    color: #005689;
    border-radius: 100px;

    display: inline-block;
    margin-bottom: 8px;
}
.show-comments {
    width: auto;
    color: #005689;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    transition: background 0.3s ease;
    border-radius: 100px;
    padding: 10px !important;
    background: #f1f1f1 !important;
    text-align: center;
}
.show-comments:hover {
    background: #d3d3d3 !important;
}
.comments-policy span {
    color: #bf2b2b;
}
.switch {
    background: #333;
    height: 12px;
    width: 20px;
    border-radius: 12px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 2px;
    cursor: pointer;
    opacity: 0.2;
    line-height: 18px;
}
.toggle {
    background: #fff;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -3px;
    left: 1px;
}
.auto-load-label {
    font-size: 10pt;
    font-weight: 300;
    text-transform: initial;
    float: right;
    color: #aaa;
    line-height: 34px;
    margin-left: 10px;
}
blockquote {
    font-style: italic;
    border-left: solid 2px #ddd;
    border-radius: 2px;
    padding-left: 15px;
    margin-left: 25px;
}
figure {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}
figure img {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
}
figcaption {
    color: #555;
    font-size: 10pt;   
}
#disqus_thread {
    outline:0;
}
/* ----------- */

/* POLLS */
.wp-polls-form p strong {
    font-weight: 300;
}
.wp-polls-form p a {
    font-size: 9pt;
    text-decoration: none;
    color: #777;
}
.wp-polls-form p a:hover {
    color: #333;
}
.wp-polls-form .Buttons {
    width: 100%;
    padding: 10px !important;
    color: #005689;
    background: #f1f1f1 !important;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 14px;
    margin-bottom: 5px;
    -webkit-appearance: none;
    border: none;
    border-radius: 100px;
}
.wp-polls-form .Buttons:hover {
    background: #d3d3d3 !important;
}
.wp-polls ul {
    margin: 0px;
    padding: 0px;
}
.wp-polls ul li {
    border-bottom: 1px solid #f1f1f1 !important;
    margin-bottom: 10px !important;
    padding-bottom: 12px !important
}
.wp-polls-ans p {
    margin: 0px;
}
.wp-polls .list li:last-child {
    border: none !important;
    text-align: center;
    font-size: 10pt;
}
.wp-polls .list li:nth-last-child(2) {
    border: none !important;
    margin-bottom: 5px !important;
    padding-bottom: 0px !important;
}
.wp-polls .pollbar {
    background: #005689 !important;
    border: 1px solid #005689 !important;
}
/* ----------- */

/* SIDEBAR */
.side-box {
    margin-top: 30px;
    margin-bottom: 30px;
}
/* ----------- */

/* GALLERY */
.the-post .gallery:after {content:"";display:table;clear:both;}
.the-post img.aligncenter, .the-post div.aligncenter, .the-post figure.aligncenter, .the-post img.wp-post-image {display:block; margin:1em auto;}
.the-post img.alignright, .the-post div.alignright, .the-post figure.alignright {float:right; margin:1em 0 1em 2em;}
.the-post img.alignleft, .the-post div.alignleft, .the-post figure.alignleft, .the-post img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
.the-post figure {max-width: 100%; height: auto; margin:1em 0;}
.the-post p img.alignright, p img.alignleft {margin-top:0;}
.the-post .gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}
.the-post .gallery figure {float:left; margin:0 2% 1em 0;}
.the-post .gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}
.the-post .gallery.gallery-columns-3 figure {width:32%;}
.the-post .gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.the-post .gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}
.the-post .gallery.gallery-columns-2 figure {width:49%;}
.the-post .gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.the-post .gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}
.the-post .gallery.gallery-columns-4 figure {width:23.25%;}
.the-post .gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.the-post .gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}
.the-post .gallery.gallery-columns-5 figure {width:18%;}
.the-post .gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.the-post .gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}
.the-post .gallery.gallery-columns-6 figure {width:14.2%;}
.the-post .gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.the-post .gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}
.the-post .gallery.gallery-columns-7 figure {width:12%;}
.the-post .gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.the-post .gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}
.the-post .gallery.gallery-columns-8 figure {width:10.2%;}
.the-post .gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.the-post .gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}
.the-post .gallery.gallery-columns-9 figure {width:8.85%;}
.the-post .gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.the-post .gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}
/* ----------- */

/* CATEGORY PAGE */
.page-title {
    font-weight: 400;
    margin: 5px 0px -1px 0px;
    padding-top: 5px;
    border-bottom: solid 1px #333;
    display: inline-block;
    padding-bottom: 6px;
    font-size: 1.5em;
}
.page-header {
    border-bottom: solid 1px #f1f1f1;
    margin-bottom: 20px;
    margin-top: 10px;
}
/* ----------- */

/* Next and Previous Article Box */
#next-article { border: solid 1px #ddd; cursor: pointer; position: fixed; top: 75%; right: 0px; height: 100px; z-index: 99; background: #fcfcfc; }
.next-arrow { position: absolute; background: #fafafa; height: 102px; right: -1px; top: -1px; border-left: solid 1px #ddd; z-index: 4; }
.next-arrow img { margin-top: 32px; padding: 8px; }
.next-article-link { margin-right: -280px; }
.next-article-link .next-span { z-index: 2; width: 80px; position: absolute; bottom: 5px; left: 109px; border-top: solid 1px #ddd; color: #666; font-size: 9pt; }
#previous-article { border: solid 1px #ddd; cursor: pointer; position: fixed; top: 75%; left: 0px; height: 100px; z-index: 99; background: #fcfcfc; }
.previous-arrow { position: absolute; background: #fafafa; height: 102px; left: -3px; top: -1px; border-right: solid 1px #ddd; z-index: 4; }
.previous-arrow img { margin-top: 32px; padding: 8px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.previous-article-link { margin-left: -291px; }
.previous-article-link .previous-span { z-index: 2; width: 100px; position: absolute; bottom: 5px; right: 179px; border-top: solid 1px #ddd; color: #666; font-size: 9pt; }
.next-previous-article img { height: 100px; width: auto; margin-left: -100px; }
.next-previous-article .the-image { width: 100px; overflow: hidden; height: 100px; float: left; }
.next-previous-article .the-text { font-size: 11pt; color: #263034; font-weight: 600; line-height: 14pt;width: 170px; display: block; float: left; padding: 7px 10px 0px 10px; z-index: 3; position:relative; background: #fcfcfc; }
.next-previous-article i { width: 30px; text-align: center; line-height: 100px; }
/* ----------- */

/* BusinessTech Table Styling */
.bt_table { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
.bt_table table {font-size: 12px; width: 100%; border-collapse: collapse; }
.bt_table tr { border-bottom: solid 1px #d9d9d9; }
.bt_table th { border-bottom: solid 3px #D9D9D9; color: #333; font-weight: bold; background: #ebebeb; text-align: left; }
.bt_table table { border-bottom: solid 3px #ddd; }
.bt_table table ul li { font-size: 12px !important; color: #364444 !important; line-height: 16px !important; }
.bt_table table ul { padding-left: 12px !important; }
/* ----------- */

/* Rotate element */
.rotate-0 {
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.rotate-180 {
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* ----------- */

/* Responsive first step */
@media screen and (max-width: 1010px) {
    .feature_ad { float: none; margin: 0 auto; }
    .feature_article_container { border-bottom: solid 1px #eee; margin-bottom: 20px; display: block;  padding-bottom: 0px; }
    .feature_ad { margin-bottom: 30px; }
    .site { width: auto; padding: 0px 15px; overflow: hidden; border: none; }
    .site-inner { width: 700px; margin: 0 auto; }
    #main { margin: 0px; margin-top: 40px; }
    .feature_article { margin: 0px; width: calc(100% + 30px); width: -o-calc(100% + 30px); width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); margin-left: -15px; float: none; }
    .feature_article .post-thumbnail { height: auto; min-height: 0px; line-height: 0px; }
    .feature_article .post-thumbnail img { margin-top: 0px; }
    .ad { text-align: center; }
    .feed_article_container { width: auto; float: none; }
    .feed_article .post-thumbnail { display: block; width: 120px; height: 80px; float: left; overflow: hidden; margin-right: 15px; min-height: 0px; }
    .feed_article .post-thumbnail img { height: 100%; width: auto; margin-top: 0px; }
    .feed_article header { padding-left: 135px; }
    .row_article_container { width: auto; float: none; display: block; margin: 0px 0px 20px; }
    .mobile_row_article_container { display: block; }
    .desktop_row_article_container { display: none; }
    .row_article_container .row_article { width: 100%; }
    .row_article_container .category-caption { margin-top: 0px; }
    .below_row_article_container { width: 100%; display: block; }
    .below_row_article_container .row_article { width: 100%; }
    .row_article .post-thumbnail { display: block; width: 120px; height: 80px; float: left; overflow: hidden; margin-right: 15px; min-height: 0px; }
    .row_article .post-thumbnail img { height: 100%; width: auto; margin-top: 0px; margin-left: 0px; }
    .row_article header { position: inherit;  padding: 0px; padding-left: 135px; }
    .row_article { overflow: auto; padding-bottom: 20px; border-bottom: solid 1px #eee; margin-bottom: 20px; }
    .feed_artice_side { float: none; width: 100%; margin-top: 30px; }
    #wallpaper_ad { display: none; }
    .site-footer { width: auto; padding: 20px 15px; }
    .site-footer .footer-sub-menu { display: none; }
    .site-branding { display: none; }
    .masthead { display: none; }
    .menu { display: none; }
    .entry-title { line-height: 13pt; margin-top: 0px; }
    .entry-title a { font-size: 13pt; line-height: 13pt; }
    .meta_date { margin-top: 3px; font-size: 10pt; }
    .category-caption { font-size: 9pt; line-height: 11pt; display: block; }
    .side-feed h2 { line-height: 13pt; }
    .mobile-footer-menu { display: block; }
    .mobile-site-header { display: -webkit-flex;  display: flex;  }
    .share-hide { display: none; }
    .page-title { font-size: 15pt; }
    .type-page { padding-top: 40px; }
    .home-posts-navigation { width: auto; float: none; }
    .page-header { margin-top: 45px; }
    .page-posts-navigation { width: auto; float: none; }
    
    .the-post { width: auto; float: none; padding: 20px 0px; border: none; }
    .the-post .post-thumbnail img { width: 112%; margin-left: -6%; height: auto; }
    .single-side { width: 100%; float: none; }
    .article-newsletter { display: none; }
    .counter { display: none; }
    .next-previous-article { display: none; }
    
    .main-side-ad { margin-bottom: 20px; display: none; }
    .float-newsletter-bar { padding: 10px 0px; }
    .float-newsletter-bar form { width: 90%; }
    .float-newsletter-bar .subscribe-text { margin-left: 0px; }
    .float-newsletter-bar .newsletter-caption { display: none; }
    
    .feature_article header { width: auto; }
    
}

/* Responsive second step */
@media screen and (max-width: 710px) {
    .feature_article_container { margin-top: -25px; }
    .site-inner { width: auto; }
    .feature_article header { position: relative; background: none; pointer-events: all; }
    .feature_article .category-caption { color: #005689; }
    .feature_article header .entry-title a { color: #333; text-shadow: none; }
    .feature_article .meta_date { text-shadow: none; }
    .feature_article .category-caption { text-shadow: none; }
    .feature_article .meta_date { color: #ababab; }
}