/*
Theme Name: Dignited
Theme URI: http://dignited.com/
Author: Frank Odongkara
Author URI: http://fodongkara.com
Description: Awesome Stuff
Version: 1.0
*/

/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);*/
/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Lustria);*/
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);*/

/* =Reset
-------------------------------------------------------------- */

* {
    border-radius: 0 !important;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        border: 0;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline;
}
html {
        /*font-size: 62.5%;  Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
        overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
        -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
        -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
        /* background: #f4f6f8; */
        /* background: #e9eaed; */
        /* background: #f8f8f8; */
        background: #EEEEEE;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
        display: block;
}
ol, ul {
        list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        font-weight: normal;
        text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
a:focus {
        outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
        outline: 0;
}
a img {
        border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
        color: #404040;
        font-family: 'Roboto', sans-serif;
        line-height: 1.5;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
        clear: both;
}
hr {
        background-color: #ccc;
        border: 0;
        height: 1px;
        margin-bottom: 1.5em;
}

/* Text elements */
p {
        margin-bottom: 1.5em;
}
p:before{
    content: '';
    display: block;
    clear: both;
}
ul, ol {
        margin: 0 0 1.5em 3em;
}
ul {
        list-style: disc;
}
ol {
        list-style: decimal;
}
li > ul,
li > ol {
        margin-bottom: 0;
        margin-left: 1.5em;
}
dt {
        font-weight: bold;
}
dd {
        margin: 0 1.5em 1.5em;
}
b, strong {
        font-weight: bold;
}
dfn, cite, em, i {
        font-style: italic;
}
blockquote {
        padding: 1.5em 1.5em 0.5em;
        padding: 0 0 0 1em;
        margin: 1.5em 0;
        background: #FFF;
        font-style: italic;
        border-left: solid 7px #d5d5d5;
        color: #686c68;
}
address {
        margin: 0 0 1.5em;
}
pre {
        background: #eee;
        font-family: "Courier 10 Pitch", Courier, monospace;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6;
        margin-bottom: 1.6em;
        max-width: 100%;
        overflow: auto;
        padding: 1.6em;
}
code, kbd, tt, var {
        font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
        border-bottom: 1px dotted #666;
        cursor: help;
}
mark, ins {
        /* background: #fff9c0; */
        text-decoration: none;
}
sup,
sub {
        font-size: 75%;
        height: 0;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
}
sup {
        bottom: 1ex;
}
sub {
        top: .5ex;
}
small {
        font-size: 75%;
}
big {
        font-size: 125%;
}
figure {
        margin: 0;
}
table {
        margin: 0 0 1.5em;
        width: 100%;
}
th {
        font-weight: bold;
}
img {
        height: auto;/* Make sure images are scaled correctly. */
        max-width: 100%;/* Adhere to container width. */
}
button,
input,
select,
textarea {
        font-size: 100%; /* Corrects font size not being inherited in all browsers */
        margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
        vertical-align: baseline; /* Improves appearance and consistency in all browsers */
        *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
        line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
        border: 1px solid #ccc;
        border-color: #ccc #ccc #bbb #ccc;
        border-radius: 3px;
        background: #e6e6e6;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
        color: rgba(0, 0, 0, .8);
        cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
        -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1;
        padding: .6em 1em .4em;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
        border-color: #ccc #bbb #aaa #bbb;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
        border-color: #aaa #bbb #bbb #bbb;
        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
        box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
        padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
        -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
        -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
        -moz-box-sizing:    content-box;
        box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
        -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
        border: 0;
        padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
        color: #666;
        border: 1px solid #ccc;
        border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
        color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
        padding: 3px;
}
textarea {
        overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
        padding-left: 3px;
        vertical-align: top; /* Improves readability and alignment in all browsers */
        width: 98%;
}

/* Links */
a {
        color: royalblue;
}
a:visited {
        color: purple;
}
a:hover,
a:focus,
a:active {
        color: midnightblue;
}

/* Alignment */
.alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em;
}
.alignright {
        display: inline;
        float: right;
        margin-left: 1.5em;
}
.aligncenter {
        clear: both;
        display: block;
        margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
        content: '';
        display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
        clear: both;
}
/* =Display Options
----------------------------------------------- */
.left{
    float: left;
}
.right{
    float: right;
}
.center{
	text-align: center;
}
.half{
    width: 48%;
    padding: 20px 1%;
}
.third{
    width: 31.3%;
    padding: 20px 1%;
}
.quarter{
    width: 23%;
    padding: 20px 1%;
}
@media screen and (max-width: 768px) {
    .half,.third,.quarter{
        width: 96%;
        padding: 20px 2%;
    }
}
.no-desktop{
        display: none;
}
.no-mobile{
        display: block;
}
@media screen and (max-width: 768px) {
        .no-desktop{
                display: block;
        }
        .no-mobile{
                display: none;
        }
}

.footer-col {
    width: 30%;
    float: left;
    padding: 20px 1%;
}

@media screen and (max-width: 768px) {
  .footer-col {
    width: 48%;
    float: left;
    padding: 20px 1%;
    }
}

/* =Wrapper
----------------------------------------------- */

.site{
        width: 1100px;
        padding: 0 10px;
        margin: 160px auto 0;
        /* position: relative; */
}

@media screen and (max-width: 768px) {
        .site{
                width: 100%;
                padding: 0;
                margin: 0 auto;
        }
}

/**********************************************************************************************
                                        Header & Menu
***********************************************************************************************/
.author-thumb {
    position: absolute;
    left: 0;
    top: 0;
}

.author-thumb img{
    border: solid 5px #DDD;
    border-radius: 65px !important;
}

.site-header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        max-height: 170px;
        background: url("img/header-bg.jpg") repeat-x #272727;
        background: #F1F1F1;
        background: #33363b;
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
        z-index: 999;
}
.site-header-outer {
    width: 1100px;
    margin: 0 auto 10px;
    padding: 0 10px;
    height: 100px;
}
@media screen and (max-width: 768px) {
        .site-header-outer{
        width: 100%;
        display: none;
        }
}
.site-header-inner{
        clear: both;
        width: 100%;
        margin: 20px auto 0;
        position: relative;
        height: 40px;
        background: url("img/header-bg.jpg") repeat-x #272727;
        background: #FAFAFA;
        background: #26272b;
        border-bottom: solid 1px #CCC;
        margin-bottom: -1px;
}
.site-header-mobile{
        width: 100%;
        padding: 0;
        position: fixed;
        top: 0;
        height: 60px;
        background: #33363b;
}
.site-header-inner .wrapper{
  width: 1100px;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
        .site-header-inner .wrapper{
        width: 100%;
        }
}
.site-branding{
        float: left;
        width: 200px;
        margin-top: 10px;
}
@media screen and (max-width: 768px) {
        .site-branding {
                width: 16%;
                text-align: center;
        }
}
.site-branding img {
        width: 100%;
}

.mini-site-branding {
    float: left;
    padding: 8px 10px 0;
    border-left: solid 1px #D5D5D5;
    border-left: solid 1px #33363b;
    width: 40px;
    height: 39px;
    display: none;
}

.site-banner {
    float: right;
    margin-top: 15px;
    /* width: 675px; */
}
.mobile-banner {
    width: 100%;
    margin-top: 60px;
}
.mobile-banner div{
    width: 100% !important;
    height: 100% !important;
}
#site-navigation {
        font-size: 64%;
}

@media screen and (max-width: 768px) {
        .main-navigation {
                display: block;
                float: left;
        }
}
@media screen and (max-width: 768px) {
        .main-navigation {
                width: 32%;
                text-align: center;
        }
}
.main-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
}
.main-navigation li {
        float: left;
        position: relative;
        border-right: solid 1px #D5D5D5;
        border-right: solid 1px #33363b;
}
.main-navigation li:first-child{
        border-left: solid 1px #D5D5D5;
        border-left: solid 1px #33363b;
}
.main-navigation li:hover{
        background: #DDD;
        background: #33363b;
        cursor: pointer;
}
.main-navigation a {
        display: block;
        padding: 10px 20px;
        text-decoration: none;
        text-transform: uppercase;
        color: rgb(0, 0, 0);
        color: #FAFAFA;
        font-size: 12px;
        font-weight: normal;
}
.main-navigation a:hover{
}
@media screen and (max-width: 768px) {
        .main-navigation li {
    width: 48%;
    text-align: center;
        }
  .main-navigation a {
    padding: 17px 0;
        }
}
.main-navigation ul ul {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        display: none;
        float: left;
        left: 0;
        position: absolute;
        top: 50px;
        z-index: 99999;
        background:#CCC;
}
.main-navigation ul ul ul {
        left: 100%;
        top: 0;
}
.main-navigation ul ul a {
        color: #000;
        width: 200px;
        padding: 10px 20px;
        border-right: none;
        border-bottom: solid 1px #CCC;
}
.main-navigation ul ul li {
  float:none;
  border-right: solid 1px #CCC;
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
        display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

.right-navigation {
        display: block;
        float: right;
        /* border-right: solid 1px #CCC; */
        /* background: url("img/divider.png") no-repeat left top; */
}
@media screen and (max-width: 768px) {
        .right-navigation {
                width: 48%;
    text-align: center;
        }
}
.right-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
}
.right-navigation li {
        float: left;
        position: relative;
        border-left: solid 1px #D5D5D5;
        border-left: solid 1px #33363b;
}
.right-navigation li:last-child{
        border-right: solid 1px #D5D5D5;
        border-right: solid 1px #33363b;
}
.right-navigation li:hover,.right-navigation li.active{
        background: #DDD;
        background: #33363b;
        cursor: pointer;
}
.right-navigation a {
        display: block;
        height: 39px;
        text-decoration: none;
        color: rgb(0, 0, 0);
        color: #FAFAFA;
        font-size: 8px;
        font-weight: normal;
}
.right-navigation a i{
  margin: 10px 20px;
}
.right-navigation a img {
        margin: 5px 10px;
}
.right-navigation a:hover{
}
@media screen and (max-width: 768px) {
        .right-navigation li {
    width: 32%;
    text-align: center;
        }
  .right-navigation a {
    padding: 17px 0;
        }
}

.mobile-navigation{
    height: 60px;
        
    /* background: #2c3e50; */
}

.mobile-navigation ul{
        clear: both;
        height: 60px;
        margin: 0;
        list-style: none;
        display: block;
}

.mobile-navigation li{
        display: block;
        width: 60%;
        float: left;
        text-align: center;
}

.mobile-navigation li:first-child{
        text-align: left;
        width: 20%;
}

.mobile-navigation li:last-child{
        width: 20%;
        text-align: right;
}

.mobile-navigation li a{
        padding: 20px 15px;
        color: #FFF;
        display: block;
        text-decoration: none;
}
/* Small menu
.menu-toggle {
        cursor: pointer;
        display: none;
}

@media screen and (max-width: 600px) {
        .menu-toggle,
        .main-navigation.toggled .nav-menu {
                display: block;
        }

        .main-navigation ul {
                display: none;
        }
}
*/
.menu-main-container {
        clear: both;
        float: left;
        width: 200px;
        height: 230px;
        background: #DDD;
}
@media screen and (max-width: 768px) {
        .menu-main-container{
                width: 100%;
                display: none;
        }
}
.latest-menu-posts{
  position: relative;
  background: #DDD;
  margin: 0;
  width: 880px;
  height: 230px;
  float: left;
}
@media screen and (max-width: 768px) {
        .latest-menu-posts{
                display: none;
        }
}
.latest-menu-posts ul{
        list-style: none;
        margin: 0;
}
.latest-menu-posts li{
    width: 25%;

    float: left;
}
.latest-menu-posts li a{
        height: 100%;
        display: block;
        margin: 5px;
        padding: 0px;
        height: 227px;
        background: #DDD;
        text-transform: none;
        text-decoration: none;
        color: #111;
}
.latest-menu-posts li a:hover{
        color: #2565C7;
}
.latest-menu-posts li img{
    width: 300px;

    height: 120px;
}
.latest-menu-posts li h1{
    
        padding: 5px 0px;
    
        /* border-top: solid 1px #CCC; */
    font-size: 13px;
}
#menu-main {
    list-style: none;
    margin: 0;
    width: 199px;
    float: left;
    height: 234px;
    position: relative;
    border-right: solid 1px #FAFAFA;
}
@media screen and (max-width: 768px) {
        #menu-main {
                width: 100%;
        }
}
#menu-main li {
    border-bottom: solid 1px #FAFAFA;
    /* float: left; */
    /* width: 25%; */
}
#menu-main li a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 5%;
    color: #111;
    background: #DDD;
}
#menu-main li img {
  width: 300px;
  height: 120px;
}
#menu-main li:hover > a{
        background: #DDD;
        color: #2565C7;
}
#menu-main li ul{
        position: absolute;
        left: 200px;
        top: 0px;
        list-style: none;
        display: none;
        background: #DDD;
        margin: 0;
        width: 880px;
        height: 234px;
        z-index: 9999;
}
#menu-main li li{
        border: none;
        float: left;
        width: 25%;
}
#menu-main li li a{
        height: 100%;
        margin: 5px;
        padding: 0px;
        height: 227px;
        background: #DDD;
        text-transform: none;
        color: #111;
}
#menu-main li li a:hover{
        /* background: #FFF; */
}
#menu-main li li h1 {
    margin: 0;
    padding: 5px 0;
    /* border-top: solid 1px #CCC; */
    font-size: 13px;
}
@media screen and (min-width: 768px) {
        #menu-main li:hover > ul {
                display: block;
        }
}
/*      =Secondary Menu
-------------------------------------------------*/
#menu-secondary {
    list-style: none;
    margin: 0;
}
#menu-secondary li {
    border-bottom: solid 1px;

}
#menu-secondary a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    /* text-align: center; */
    padding: 10px 10px;
    /* width: 20%; */
    /* float: left; */
    color: #252525;
}
/* =Drop Downs
----------------------------------------------- */
.drop-menu,.drop-submenu,.drop-social,.drop-search,.drop-user{
        display: none;
        clear: both;
        position: absolute;
        right: 0;
        margin: 0 10px 0 0;
        background: #DDD;
}
.drop-menu{
        width: 1080px;
}
.drop-submenu{
        width: 217px;
}
.drop-social{
        width: 217px;
}
.drop-search{
        width: 100%;
        right: 0;
        left: 0;
        margin: 0;
        height: 100vh;
        background-color: rgba(51, 54, 59, 0.9);
}
.drop-user{
        width: 217px;
}
.drop-user ul {
    display: block;
    list-style: none;
    margin: 0;
    background: #DDD;
}
.drop-user li{
    display: block;
    border-bottom: solid 1px #FAFAFA;
}
.drop-user li a{
    display: block;
    /* width: 100%; */
    padding: 10px 10px;
    color: #111;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
        .drop-menu,.drop-submenu,.drop-social,.drop-search{
                width: 100%;
        }
}
.drop-submenu {
  padding: 0;
  /* height: 50px; */
}
.drop-social {
  padding: 5px 0;
}
.addthis_top {
        display: block;
        margin: 0 auto;
        padding: 8px 0 0;
        float: right;
        width: 200px;
}

/**********************************************************************************************
                                        Home
***********************************************************************************************/
.home-content{
        margin: 0;
}
/* =Featured
----------------------------------------------- */
.featured-post {
    float: left;
    height: 531px;
    width: 750px;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
        .featured-post{
                width: 100%;
                float: none;
                height: 300px;
        }
}
.featured-post img{
        position: relative;
        min-height: 100%;
        min-width: 100%;
        display: none;
}
.featured-post header {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
}
.featured-post header:hover {
    background-color: rgba(0,0,0,0.65);
    transition: background 0.2s;
}
.featured-post a {
    height: 100%;
    display: table;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.featured-post h2 {
        font-size: 1.5em;
        line-height: 1.6em;
        text-align: left;
        color: #FFF;
        background: rgba(0, 0, 0, 0.8);
        display: block;
        padding: 10px;
        position: absolute;
        bottom: 0;
        text-transform: uppercase;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, .8);
        /* font-family: 'Lustria'; */
}
/* =Recent Posts
----------------------------------------------- */
.recent-posts {
        width: 320px;
        float: right;
}
@media screen and (max-width: 768px) {
        .recent-posts {
                width: 100%;
                float: none;
                display: none;
        }
}
.recent-posts article {
    height: 210px;
    width: 320px;
    overflow: hidden;
    float: left;
    display: block;
    margin: 0 0 1px;
    background: #FFFFFF;
    position: relative;
    text-align: center;
}
@media screen and (max-width: 768px) {
        .recent-posts article {
                height: 200px;
                width: 100%;
                overflow: hidden;
        }
}
.recent-posts img {
    clear: both;
    display: block;
    width: 320px;
}
@media screen and (max-width: 768px) {
        .recent-posts img {
                width: 100%;
                background: #EEE;
                border: none;
                float: left;
        }
}
.recent-posts header {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    /* background: rgba(0, 0, 6, 0.85); */
}
@media screen and (max-width: 768px) {
        .recent-posts header {
                width: 50%;
                float: right;
                right: 0;
        }
}
.recent-posts header:hover{
        /* background: rgba(0, 0, 6, 0.75); */
        transition: background 0.2s;
}
.recent-posts a {
        text-decoration: none;
    color: #FFF;
}
.recent-posts header a{
        display: block;   
        height: 100%;
}
.recent-posts header h2 {
        text-align: left;
        position: absolute;
        bottom: 0;
        display: block;
        font-size: 16px;
        line-height: 24px;
        text-transform:uppercase;
        text-shadow:0px 1px 2px rgba(0, 0, 0, .8);
        padding: 10px;
        background: rgba(0, 0, 0, 0.8);
        /* font-family: 'Lustria',serif; */
}
@media screen and (max-width: 768px) {
        .recent-posts header h1 {
                font-size: 1em;
                line-height: 1.6em;
        }
}
/* =Recent Posts
----------------------------------------------- */
.recent-posts-cats {
    /* width: 100%; */
    clear: both;
    margin: 0 15px;
}
.recent-posts-cat {
    width: 313px;
    padding: 5px;
    margin: 10px 5px;
    float: left;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    border: solid 1px #DDD;
}
.recent-posts-cat:first-child {
    margin: 10px 8px 10px 0px;
}
.recent-posts-cat:last-child {
    margin: 10px 0px 10px 7px;
}
.recent-posts-cat article {
    width: 100%;
    height: 60px;
    display: block;
    position: relative;
    clear: both;
}
.recent-posts-cat img {
    width: 30%;
    float: left;
}
.recent-posts-cat header {
    width: 66%;
    float: right;
}
.recent-posts-cat h1{
        font-weight: normal;
        font-size: 13px;
}
.recent-posts-cat h2 {
    display: block;
    background: #2980b9;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px;
    margin: 0 0 10px;
}
.recent-posts-cat a{
        text-decoration: none;
        color: #333;
}
/* =Recent Reviews
----------------------------------------------- */
.recent-reviews {
    margin: 10px 15px;
    position: relative;
    clear: both;
    display: block;
    height: 300px;
}
.recent-reviews:first-child {
    margin: 10px 5px 10px 10px;
}
.recent-reviews article {
    width: 240px;
    padding: 5px;
    float: left;
    height: 60px;
    display: block;
    position: relative;
}
.recent-reviews img {
    width: 100%;
}
.recent-reviews header {
    width: 100%;
}
.recent-reviews h1{
        font-weight: normal;
        font-size: 13px;
}
.recent-reviews h2 {
    display: block;
    background: #2980b9;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px;
}
.recent-reviews a{
        text-decoration: none;
        color: #333;
}
/* =Recent Devices
----------------------------------------------- */
.recent-devices {
    margin: 10px 15px;
    clear: both;
    position: relative;
}
.recent-devices article {
    width: 160px;
    height: 100px;
    display: block;
    margin: 10px 5px;
    position: relative;
    float: left;
}
.recent-devices article:first-child{
    margin: 10px 5px 10px 0;
}
.recent-devices article:last-child {
    margin: 10px 0 10px 5px;
}
.recent-devices img {
    height: 100px;
    float: left;
}
.recent-devices header {
    background: #CCC;
    padding: 5px;
}
.recent-devices h1{
        font-weight: normal;
        font-size: 13px;
}
.recent-devices h2 {
    display: block;
    background: #2980b9;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px;
    margin: 0 0 10px;
}
.recent-devices a {
        text-decoration: none;
        color: #333;
}
/* =Recent Grid Posts
----------------------------------------------- */
.recent-posts-grid {
        clear: both;
}
.recent-posts-grid h2 {
    display: none;
    /* background: #2980b9; */
    /* background: #33363b; */
    /* color: #FFFFFF; */
    /* color: #00acee; */
    /* text-transform: uppercase; */
    /* font-size: 18px; */
    /* font-weight: bold; */
    /* padding: 18px 10px; */
}
/* =Content
----------------------------------------------- */
.site-content{
        position: relative;
}

@media screen and (max-width: 768px) {
    .site-content{
        margin: 0px 0 0;
    }
}

.archive-content{
        margin: 0;
        padding: 10px 0 0;
}

.archive-content article {
        float: left;
        width: 354px;
        height: 360px;
        text-align: center;
        background: #FFFFFF;
        border: solid 1px #DDD;
        margin: 30px 8px -1px 0;
        padding: 10px;
}

.archive-content article a.image{
    display: block;
    position: relative;
}

.archive-content article:first-child{
        
}
.archive-content article:nth-of-type(3n){
        margin-right: 0;
}

.archive-content article:last-child {
        border-right: solid 1px #DDD;
}

@media screen and (max-width: 768px) {
        .archive-content article:nth-of-type(3n){
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .archive-content article:last-child {
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .archive-content article:first-child {
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .archive-content article{
                width: 100%;
                height: auto;
                border: none;
                border-bottom: solid 1px #DDD;
                padding: 0px 0 10px;
                margin-top: 15px;
        }
}

.archive-content article a{
        display: block;
        text-decoration: none;
        color: #000000;
        margin: 0;
}

.archive-content article:hover > a{
    text-decoration: none;
}

.archive-content article a:hover, .archive-content article:hover > header h2 a{
    text-decoration: underline;
}

.archive-content article img{
        width: 332px;
        height: 185px;
        margin: 0;
}

.archive-content article a.image span{
    position: absolute;
    top: 0;
    right: 0;
    background: #1257ab;
    color: #FFF;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
        .archive-content article a.image{
                /* width: 100%; */
                /* float: left; */
                height: auto;
                margin: 10px 15px;
}
        .archive-content article img{
                width: 100%;
                height: auto;
        }
}

.archive-content article header{
        height: 100px;
        margin: 0 0 15px;
        padding: 20px 0 0;
        color: #000;
        font-weight: bold;
        text-decoration: none;
}

@media screen and (max-width: 768px) {
        .archive-content article header{
                width: 100%;
                height: auto;
                /* float: right; */
                padding: 20px 15px 0;
        }
}

.archive-content article h2{
        display: block;
        font-family:'Roboto Slab',serif;
        font-size: 17px;
        font-weight: 400;
        padding: 0;
        text-align: left;
}

@media screen and (max-width: 768px) {
        .archive-content article h2 a{
                width: 95%;
        }
}

.archive-content footer{
        clear: both;
        height: 10px;
        margin: 10px 0;
        padding: 5px 0;
}

@media screen and (max-width: 768px) {
        .archive-content footer {
                /* float: left; */
                clear: none;
                /* display: none; */
                padding: 0 15px;
        }
}

.archive-content footer a{
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  text-decoration: none;
  color: #555;
}

@media screen and (max-width: 768px) {
        .entry-excerpt{
                width: 96%;
                margin: 2%;
        }
        .entry-image{
                width: 100%;
                height: auto;
        }
}

.posted-by{
  float: right;
}
.posted-on{
  float: left;
}
.hentry {
        margin: 0 0 1.5em;
}
.byline,
.updated {
        display: none;
}
.single .byline,
.group-blog .byline {
        display: inline;
}
.page-links {
        clear: both;
        margin: 0 0 1.5em;
}
.main-area {
        /* overflow: auto; */
        background: #FFFFFF;
        /* box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); */
        border: solid 1px #DADADA;
        padding: 0 10px;
}

.main-area:after{
    display: block;
    content: '';
    clear: both;
}

@media screen and (max-width: 768px) {
        .main-area {
                border: none;
        }
}

.content-area {
        float: right;
        width: 740px;
        padding: 5px 0 0 0;
        background: rgb(255, 255, 255);
        /* border-left: solid 1px #DDD; */
}

@media screen and (max-width: 768px) {
        .content-area {
                border: none;
        }
}

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

.widget-area{
        float: left;
        width: 300px;
        margin: 10px 0 0 0px;
}
@media screen and (max-width: 768px) {
        .widget-area{
                display: none;
        }
}
/**********************************************************************************************
                                        Single
***********************************************************************************************/
.entry-header {
    font-size: 3.6em;
    text-align: center;
    border-bottom: solid 1px #DDD;
    margin: 0 0 10px;
}
.single-header {
        padding: 10px 0px 5px;
  background: #FFFFFF;
        /* border-bottom: solid 1px #CCC; */
}
.single-title {
        font-size: 3.0em;
        font-weight: normal;
        padding: 15px 20px;
        font-family: 'Roboto Slab',serif;
}
@media screen and (max-width: 768px) {
        .single-title{
                font-size: 1.8em;
                padding: 15px 0;
                text-align: center;
        }
}
.single-meta {
        height: 30px;
        padding: 0 0;
        /* background: #f8f8f8; */
        border-bottom: dotted 1px #CCC;
        /* width: 675px; */
}
.single-meta a {
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        color: #222;
        display: block;
        padding: 5px;
}
@media screen and (max-width: 768px) {
        .single-meta{
                padding: 0;
        }
}
.single-image{
  padding: 0 0;
}
@media screen and (max-width: 768px) {
        .single-image{
                padding: 0;
        }
}
.single-image img{
  width: 100%;
}

.single-content{
        color: #333;
        padding: 10px 0;
        font-size: 1.05em;
        line-height: 1.6em;
}

.single-content h2 {
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 1.0em;
}
.single-content a {
    text-decoration: none;
    color: #0459A8;
}
.single-share {
        padding: 5px 10px;
        height: 20px;
        background: #ECECEC;
        border: solid 1px #CCC;
        border-left: none;
        border-right: none;
}
.single-comments{
        padding: 20px 15px 0;
        clear: both;
        margin: 15px 0 0;
}
.page-main {
  background: rgb(255, 255, 255);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
        border: solid 1px #DDD;
        padding: 0 10px;
}
.page-header {
        margin: 0;
        padding: 10px 0;
        background: #EEE;
        border: solid 1px #DDD;
        /* border-bottom: none; */
}
.page-title {
  text-align: center;
  font-size: 54px;
/*  font-weight: bold;*/
/*  text-transform: lowercase;*/
}
.author-arch-image img{
  border-radius: 70px;
}
/* =Related Posts
----------------------------------------------- */
.related-posts {
    width: 100%;
    margin: -0.5em 0 0;
}
.related-posts h3{
        display: block;
        padding: 12px 10px;
        background: #33363b;
        /* background: #00acee; */
        /* border-bottom: solid 8px #666; */
        color: #FFF;
        color: #00acee;
        text-transform: uppercase;
}
.related-posts article {
    width: 31.3%;
    margin: 1%;
    height: 240px;
    float: left;
    position: relative;
    background: #e9eaed;
}
.related-posts article:hover {
    background: #DDE0E7;
}
.related-posts a{
        display:block;
        padding: 10px;
        text-decoration: none;
        color: #333;
}
.related-posts img {
    width: 300px;
    height: 120px;
}
.related-posts h1 {
    display: block;
    /* position: absolute; */
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    /* text-align: center; */
    /* width: 100%; */
    /* bottom: 4px; */
    /* background: rgba(0, 0, 0, 1); */
    color: #000000;
}
.related-posts h1:hover{
    /*text-decoration: underline;*/
}
@media screen and (max-width: 768px) {
    .related-posts article {
        width: 98%;
        height: auto;
        padding: 0 0 2%;
    }
    .related-posts img {
        width: 30%;
        height: auto;
        float: left;
    }
    .related-posts h1 {
        width: 65%;
        float: right;
        clear: none;
    }
}
/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
        display: none;
}

/**********************************************************************************************
                                        Hubs
***********************************************************************************************/
.hubs-list{
    background-color: #FFF !important;
    border: solid 1px #DDD;
    border-top: 0;
}
.hubs-list:after{
    display: block;
    content: '';
    clear: both;
}
.hubs-map{
    height: 500px;
    background: #FAFAFA !important;
}
#hubs-map{
    height: 100%;
    width: 100%;
}
.hubs-archive article {
    margin: 10px 0 0;
    padding: 10px; 
    float: left;
    width: 25%;
}
.hubs-archive article:nth-child(4n) {
    margin-right: 0;
}
.hubs-archive article:hover{
  /* background: #FAFAFA; */
}
.hubs-archive article .image {
    float: left;
    height: 60px;
    width: 100%;
}
.hubs-archive article .details{
  display: table-cell;
  padding: 0 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.hubs-archive article img{
  height: 60px;
  max-width: none;
}
.hubs-archive article h2 {
    clear: both;
    font-size: 18px;
    color: #00B4FA;
    text-shadow: 1px 1px #000;
}
.hubs-archive article h1 {
    clear: both;
    font-size: 18px;
    color: #00B4FA;
    text-shadow: 1px 1px #000;
}
.hubs-archive article p{
  font-size: 15px;
  color: #FFF;
}
.hubs-archive article a {
    display: table;
    width: 100%;
    height: 225px;
    text-decoration: none;
    color: #2C94C5;
    border: solid 1px #DDD;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #FFF;
}

.hub-logo {
    display: block;
    float: left;
        height: 60px;
}
.hub-title {
    float: left;
    display: block;
    text-transform: uppercase;
    font-size: 32px;
    clear: none;
    margin: 5px 0 0 20px;
}
.single-hub-image {
    clear: both;
    height: 400px;
    overflow: hidden;
}
.single-hub-image img{
    width: 100%;
    padding: 0;
}
.single-hub-header {
    position: relative;
    display: block;
    padding: 30px 0 10px;
}

.single-hub-header:after{
    display: block;
    content: '';
    clear: both;
}

/**********************************************************************************************
                                        Events
***********************************************************************************************/
.events-archive article {
    margin: 10px 10px 0 0; 
    width: 310px;
    float: left;
    padding: 5px;
    border: solid 1px #DDD;
    background: #FFFFFF;
    height: 135px;
    /* clear: both; */
}
.events-archive .poster{
    display: block;
    width: 33%;
    height: 120px;
    float: left;
    overflow: hidden;
}
.events-archive header{
  display: block;
  width: 65%;
  float: right;
  font-size: 16px;
}
.events-archive img{
  padding: 5px 10px;
}
.events-archive article a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 5px 0;
}
.events-archive date {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  margin: 5px 0;
}
.events-archive time {
    color: rgb(184, 0, 0);
    font-size: 17px;
    font-weight: bold;
    margin: 5px 0 10px;
    display: block;
}
.single-event-time {
    padding: 0 0 5px;
    font-size: 1.2em;
    color: rgb(235, 52, 52);
    /* border-bottom: solid 1px #CCC; */
}
.single-event-date {
    border-top: solid 1px #CCC;
    padding: 10px 0 0;
    color: #0099FF;
    font-size: 1.5em;
}

.single-event-main{
  background: rgb(255, 255, 255);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
        border: solid 1px #DDD;
        padding: 0 10px;
}
.single-event-map{
  height: 350px;
  padding: 10px;
  background: #FFF;
}
/**********************************************************************************************
                                        Reviews
***********************************************************************************************/
.archive-content.reviews-archive {
    margin: 0;
}
.reviews-archive article {
    width: 312px; 
    padding: 10px;
    margin: 0 0 -1px;
    float: left;
    background: #FFFFFF;
    border: solid 1px #DDD;
    border-right: none;
}
.reviews-archive article:nth-child(3n+1) {
    border-right: solid 1px #DDD;
}
.reviews-archive article:last-child {
    border-right: solid 1px #DDD;
}
@media screen and (max-width: 768px) {
        .reviews-archive article:nth-of-type(3n){
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .reviews-archive article:last-child {
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .reviews-archive article:first-child {
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .reviews-archive article{
                width: 100%;
                border: none;
                border-bottom: solid 1px #DDD;
                padding: 10px 0;
        }
}
.reviews-archive img {
    width: 100%;
}
.reviews-archive article header {
        margin: 15px 0;
    padding: 0 15px;
    font-size: 17px; 
    height: 90px;
}
@media screen and (max-width: 768px) {
        .reviews-archive header{
                padding: 0;
        }
}
.reviews-archive header a {
    text-decoration: none;
    color: #000;
}
.reviews-archive article:hover header a{
        text-decoration: underline;
}
.reviews-archive footer {
    padding: 5px 15px 0; 
    margin: 0px;
    height: 29px; 
    display: none;
}
.reviews-archive footer a {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    color: #555;
}
/**********************************************************************************************
                                        Devices
***********************************************************************************************/
.devices-archive{
        margin: 0;
        border: solid 1px #DDD;
}
.devices-archive .widget-area {
    background: #FAFAFA;
    padding: 10px 8px 0 9px;
    margin: 0;
    border-right: solid 1px #DDD;
}
.devices-archive .content-area {
    border: none;
}
.devices-archive article {
        float: left;
        width: 23%;
        height: 200px;
        margin: 10px 1%;
        background: #FFF;
        text-align:  center;
}

.devices-archive article:nth-of-type(4n){
        /* border-right: solid 1px #DDD; */
}

.devices-archive article:last-child {
        /* border-right: solid 1px #DDD; */
}

@media screen and (max-width: 768px) {
        .devices-archive article:nth-of-type(3n){
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .devices-archive article:last-child {
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .devices-archive article:first-child {
                border: none;
                border-bottom: solid 1px #DDD;
        }
        .devices-archive article{
                width: 48%;
                border: none;
                border-bottom: solid 1px #DDD;
                /* padding: 10px 0; */
                height:  auto;
        }
}

.devices-archive article a{
        display: block;
        height: 100%;
        padding: 5px;
        position: relative;
        text-decoration: none;
        color: #000;
        border: solid 1px #DDD;
}

.devices-archive article:hover a{
        text-decoration: underline;
}

.devices-archive article img{
        max-height: 150px;
        width: auto;
}

@media screen and (max-width: 768px) {
        .devices-archive article a{
                /* width: 30%; */
                float: left;
                height: auto;
        }
        .devices-archive article img{
                width: 100%;
                height: auto;
        }
}

.devices-archive article header{
        /* bottom: 10px; */
        display: block;
        /* position: absolute; */
        margin: 5px 0;
        color: #000;
        font-weight: bold;
        text-decoration: none;
}

@media screen and (max-width: 768px) {
        .devices-archive article header{
                /* width: 66%; */
                height: auto;
                /* float: right; */
        }
}

.devices-archive article h1{
        font-family:'Roboto Slab',serif;
        font-size: 14px;
        font-weight: normal;
}

@media screen and (max-width: 768px) {
        .devices-archive article h1 a{
                width: 100%;
        }
}

.devices-single-content{
    padding: 0px;
}
/* =Score Grid
----------------------------------------------- */
.score-grid{
        list-style: none;
        margin: 0;
}
.score-grid .label {
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.score-grid .score {
    float: right;
    font-size: 15px;
    font-weight: bold;
}
.score-grid .thermometer {
    clear: both;
    display: block;
    background: #bdc3c7; 
    height: 15px;
    position: relative;
    margin: 3px 0 5px;
}
.score-grid .temperature {
    display: block;
    height: 15px;
}
.temperature.heat0{background:#999}
.temperature.heat1{background:#003555;border-color:black}
.temperature.heat2{background:#005853;border-color:black}
.temperature.heat3{background:#4a8813;border-color:#192f06}
.temperature.heat4{background:#95ae20;border-color:#4b5810}
.temperature.heat5{background:#ffd800;border-color:#998200;text-shadow:0 0 2px #d4bc01;color:#000 !important}
.temperature.heat6{background:#ffb400;border-color:#996c00}
.temperature.heat7{background:#fb9503;border-color:#965902}
.temperature.heat8{background:#fb7203;border-color:#964402}
.temperature.heat9{background:#fa602a;border-color:#ba3304}
.temperature.heat10{background:#fa4b2a;border-color:#ba2104}

/**********************************************************************************************
                                        404 Page
***********************************************************************************************/
.error-image{
  margin: 0 auto;
  text-align: center;
}

.error-image img{
  line-height: 0;
}
/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
        border: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
}
.wp-caption {
        border: 1px solid #ccc;
        margin-bottom: 1.5em;
        max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
        display: block;
        margin: 1.2% auto 0;
        max-width: 98%;
}
.wp-caption-text {
        text-align: center;
}
.wp-caption .wp-caption-text {
        margin: 0.8075em 0;
}
.site-main .gallery {
        margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
        border: none;
        height: auto;
        max-width: 90%;
}
.site-main .gallery dd {
        margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
        max-width: 100%;
}

.map iframe{
  width: 100% !important;
}

/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
        margin: 0 0 1.5em;
        overflow: hidden;
}
[class*="navigation"] .nav-previous {
        float: left;
        width: 50%;
}
[class*="navigation"] .nav-next {
        float: right;
        text-align: right;
        width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
        word-wrap: break-word;
}
.bypostauthor {
}


/* =Widgets
----------------------------------------------- */

.widget {
  margin: 0 0 1.5em;
}
.widget-title {
    display: block;
    padding: 7px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    background: #2980b9;
    color: #FFFFFF;
}
.head-widget {
  padding: 10px 0 0;
  text-align: center;
  max-width: 100%;
}

.head-widget ins{
    max-width:100%;
}

/* Make sure select elements fit in widgets */
.widget select {
        max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
        display: none;
}
.big-search .search-field {
    padding: 10px;
    width: 50%;
    font-size: 28px;
}
.big-search .search-submit {
    padding: 17px 10px 12px;
    font-size: 24px;
}
.big-search {
    text-align: center; margin: 20px 0;
}

.medium-search .search-field {
    padding: 10px;
    width: 690px;
    font-size: 20px;
    border-radius: 0px;
}

.medium-search label{
    display: block;
    width: 710px;
    float: left;
}
.medium-search .search-submit {
    width: 80px;
    padding: 5px 10px 0;
    height: 45px;
    margin: 0;
    font-size: 16px;
    border-radius: 0px;
}
.medium-search {
    position: relative;
    text-align: center; 
    width: 800px;
    margin: 180px auto 0;
    background-color: #FAFAFA;
    padding: 5px;
}
/**********************************************************************************************
                                        Advertising
***********************************************************************************************/
img.full{
    width: 100%;
}
.advertising.home-top{
  width: 320px;
  heigt: 320px;
}
.advertising.grid-archive{
    width: 100%;
    height: 110px;
    margin: 0;
    clear: both;
    padding-top: 15px;
}
.advertising.in-article-wrapper {
    margin-bottom: 1.5em;
}

.advertising.in-article-wrapper:after{
    content: '';
    display: block;
    clear: both;
}
.advertising.in-article {
    width: 336px;
    max-width: 50%;
}
.advertising.after-article {
    width: 100%;
    min-height: 60px;
    margin-bottom: 20px;
}
.footer-banner{
		position: fixed;
		text-align: center;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 1000;
}
.footer-banner img{
    border: solid 2px red;
}
@media screen and (max-width: 768px) {
    .advertising.grid-archive{
        display: none;
    }
    .advertising.in-article {
        max-width: 100%;
    }
}
/**********************************************************************************************
                                        Footer
***********************************************************************************************/

.site-footer{
        position: relative;
        clear: both;
        /* height: 350px; */
        margin: 15px 0 0;
        background: #DDD;
        background: #33363b;
        padding-bottom: 60px;
}
.site-footer:after{
    clear: both;
}
@media screen and (max-width: 768px) {
    .site-footer{
       height: calc(100vh - 56px);
    }
}
.footer-menu{
    display: block;
    list-style: none;
    margin: 0;
}
.footer-menu li{
    margin: 5px ;

}
.footer-menu li a{
    text-decoration: none;
    text-transform: uppercase;
    color: #E6E6E6;
    font-size: 13px;
    display: block;
    padding: 5px 0 8px;
}
.footer-menu li a:hover{
        color: #00A8EA;
}
.footer-branding{
/*      width: 250px;*/
        margin: -15px 0 20px;
        margin: 0 0 20px;
}
.footer-social{
        margin: 40px auto;
}
.footer-search .search-field{
    padding: 12px 4%;
    width: 68%;
    font-size: 15px;
    border-radius: 0px;
}
.footer-search .search-submit{
    width: auto;
    padding: 14px 15px 13px;
    font-size: 14px;
    border-radius: 0px;
    margin-left: -4px;
}
.footer-search{
    text-align: center; 
    padding: 20px 0px;
}

.footer-search:before{
    clear:both;
}

#footer-mobile-menu {
    background: rgba(0,0,0,0.75);
}

#footer-mobile-menu a{
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}
/* =Paging and Infinite Scroll
----------------------------------------------- */
.nav-previous a, .nav-next a {
    display: block;
    padding: 5px 15px;
    margin: 15px 0;
    text-decoration: none;
    font-size: 14px;
}
.nav-previous a{
    background: #FFF;
    color: #33363b;
}
.nav-next a{
    background: #33363b;
    color: #FFF;
}
#infscr-loading{
  text-align: center;
  margin: 0 auto;
}
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
        display: block;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
        display: block;
}

.clear{ clear: both; }
/**********************************************************************************************
                                        Tabbed Navigation
***********************************************************************************************/
.panel-container{
    min-height: 420px !important;
}
/**********************************************************************************************
                                        Photo Feed
***********************************************************************************************/
.events-photo .avatar {
  width: 40px;
  height: 40px;
  padding: 2px;
  position: absolute;
  bottom: 11px;
  right: 8px;
  background: white;
}

.events-photo {
  margin-bottom: 20px;
  float: left;
  position: relative;
  width: 149px;
  height: 149px;
  background: #FFF;
  padding: 5px;
  margin: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.events-photo img{
  width: 100%;
}
.events-photo .heart {
  height: 16px;
  position: absolute;
  left: 13px;
  bottom: 16px;
  padding: 0 5px 0 22px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-radius: 2px;
  border: 1px solid #ddd;
  background: white url('images/fav.png') no-repeat 2px 0;
}
.events-photo-pagination {
        height: 100px;
        width: 149px;
        display: block;
        float: left;
        background: #FFF;
        padding: 59px 5px 0;
        margin: 2px;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        color: rgb(180, 26, 26);
}
/**********************************************************************************************
                                        Recent & Popular Tab
***********************************************************************************************/
.pptwj-tabs-wrap{
        padding: 3px 0 0;
}
.pptwj-tabs-wrap ul{
        list-style: none outside none;
        margin: 0;
        padding: 0;
}
.pptwj-tabs-wrap .tab-links{
        /* background: #eee; */
        border-bottom: 3px solid #2980b9;
        height: 26px;
        margin: 0;
        padding: 0 5px;
        position: relative;
}
.pptwj-tabs-wrap .tab-links li{ 
        border: none;
        display: inline;
        float: left;
        margin: 0px 3px 0 0;
        padding: 0;
}
.pptwj-tabs-wrap .tab-links li a{
        background: none;
        color: #999;
        display: block;
        float: left;
        font-weight: bold;
        font-size: 12px;
        padding: 7px 7px 4px;
        text-decoration: none;
        text-transform: uppercase;
}
.pptwj-tabs-wrap .tab-links li a.selected, .pptwj-tabs-wrap .tab-links li a:hover{
        background: #2980b9;
        color: #fff;
        text-decoration: none;
}                       
.pptwj-tabs-wrap .boxes{
        /* border: 1px solid #e5e5e5; */
        position: relative;
}
.pptwj-tabs-wrap .boxes ul{
        padding: 2px 0 0;
}
.pptwj-tabs-wrap .boxes ul li{
        border-bottom: 1px dotted #e5e5e5;
        font-size: 13px;
        overflow: hidden;
        margin: 0;
        padding: 20px 0px !important;
}
.pptwj-tabs-wrap .boxes ul li.odd{
        /* background: #F7F7F7; */
}
.pptwj-tabs-wrap .boxes ul li.even{
        /* background: #fcfcfc; */
        border-left: none;
        border-right: none;
        border-top: none;
}
.pptwj-tabs-wrap .boxes ul li a{
        color: #333333;
}
.pptwj-tabs-wrap .boxes ul li a:hover{
        color: #2980b9;
        text-decoration: underline;
}
.pptwj-tabs-wrap .boxes ul li img{
        background: #fff;
        border: 1px solid #e5e5e5;
        float: left;
        margin: 0 7px 0 0;
        padding: 2px;
        height: auto !important;
}
.pptwj-tabs-wrap .boxes ul li a.item-title{
        overflow: hidden;
        text-decoration: none;
        /* font-style: italic; */
        font-weight: bold;
        font-size: 1.0em;
        line-height: 1.3em;
}
.pptwj-tabs-wrap .boxes ul li .meta{
        color: #888;
        font-size: 90%;
}               
.pptwj-tabs-wrap .boxes ul.tab-filter-list{
        border: none;
        margin: 0px;
        background: #2980b9;
        padding: 0;
        text-align: center;
}
.pptwj-tabs-wrap .boxes ul.tab-filter-list li{
        border: none; padding: 2px 8px 3px;
}
        /*.pptwj-tabs-wrap .tab-filter-list{ display: inline-block; border: 0 !important; }*/
.pptwj-tabs-wrap .boxes ul.tab-filter-list a{
        color: #ddd;
        font-size: 11px;
        margin: 0 8px;
        text-decoration: none;
        text-transform: uppercase;
}
.pptwj-tabs-wrap .boxes ul.tab-filter-list a.selected, .pptwj-tabs-wrap .boxes ul.tab-filter-list a:hover{
        color: #fff;
        text-decoration: none;
}
.pptwj-loader{
        background: #fff;
        left: 0;
        opacity: 0.4;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
}
.pptwj-loader img{

}
/**********************************************************************************************
                                        Device Specs Post
***********************************************************************************************/
.device-spec-group{
        clear: both;
        width: 100%;
        padding: 5px 10px;
        margin: 0;
        background: #34495e;
        font-size: 14px;
        color: #FFF;
}
.device-spec-item{
        clear: both;
        width: 100%;
        font-size: 14px;
}
.device-spec-item:after{
    display: block;
    content: '';
    clear: both;
}
.device-spec-item .key{
        float: left;
        width: 30%;
        background: #EEE;
        padding: 5px 10px;
        margin: 0 0 0;
        border-top: solid 1px #95a5a6;
        font-weight: bold;
}

.device-spec-item .value{
        float: left;
        display: block;
        width: 70%;
        background: #EEE;
        padding: 5px 10px;
        height: 37px;
        margin: 0 0 0 0%;
        border-top: solid 1px #95a5a6;
}
/**********************************************************************************************
                                                        Mailchimp
***********************************************************************************************/
#mailchimpsf_widget-2 {
    /* width: 600px; */
    width: 197px;
    float: left;
    margin: 0 10px;
    text-align: left;
    color: #161616;
    font-size: 14px;
}
.mergeRow {
    display: none;
}
.mc_interest {
    /* width: 50% !important; */
    /* float: left; */
}
.mc_signup_submit {
    /* float: right; */
    /* width: 50%; */
}
.mc_input {
    padding: 5px !important;
    border-radius: 0px !important;
}
.mc_interest input {
    clear: both;
    width: 20px !important;
    margin: 6px 15px 0 0;
}
.mc_interest_label {
}
#mc_signup_submit {
    width: 100% !important;
    border-radius: 0px;
    font-size: 14px;
    padding: 8px;
    margin-top: 0px;
}
/************************************************************************************
*
*
*
*************************************************************************************/
#loading-container {
    padding:16px 0px 16px 0px;
    text-align:center;  
}
 
#twitter-feed {
    width:96%;
    margin:auto;
    padding:8px 2% 5px;
    border-radius:12px;
    background-color:#FFF;
    color:#000;
    overflow:auto;
}
 
#twitter-feed h1 {
    color:#5F5F5F;
    margin:0px;
    padding:9px 0px 9px 0px;
    font-size:18px;
    font-weight:lighter;
        display:none;
}
 
.twitter-article, #loading-container {
    width:100%;
    border-top:1px dotted #CCC;
    float:left; 
    padding:8px 0px 8px 0px;
        position:relative;
} 
.twitter-pic {
    width: 6%;
    float: left;
    /* position:absolute; */
}
 
.twitter-pic img {
    float:left;
    border-radius:7px;  
    border:none;
     
}
 
/* -------- TEXT STYLING ------*/
.twitter-text {
    width: 94%;
    float:left;
    font-size:11px;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.twitter-text p {
    margin:0px;
    line-height:15px;   
}
.twitter-text a,  h1 a {
    color: #00acee;
    text-decoration: none;
}
.twitter-text a:hover,  h1 a:hover {
    text-decoration: underline;
    color: #00acee;
}
 
.tweet-time {
    font-size:10px;
    color:#878787;
    float:right;
}
.tweet-time a, .tweet-time a:hover {
    color:#878787;
}
 
.tweetprofilelink a {
    color:#444;
}
.tweetprofilelink a:hover {
    color:#444;
}
 
/* -------- FEED  ACTIONS ------*/
#twitter-actions {
    width:75px;
    float:right;
    margin-right:5px;   
    margin-top:3px;
    display:none;
}
.intent {
    width:25px;
    height:12px;
    float:left; 
}
.intent a{
    width:25px;
    height:16px;
    display:block;
    background-image:url(img/tweet-actions.png);
    float:left; 
} 
.intent a:hover{
    background-position:-25px 0px;
} 
 
#intent-retweet a{
    background-position:0px -17px;
} 
#intent-retweet a:hover{
    background-position:-25px -17px;
} 
#intent-fave a{
    background-position:0px -36px;
} 
#intent-fave a:hover{
    background-position:-25px -36px;
} 
 
/* -------- RETWEET INDICATOR ------*/
#retweet-indicator {
    width:16px;
    height:12px;
    background-image:url(img/tweet-actions.png);
    background-position:-5px -52px;
    margin-top:3px;
    float:left;
}

.backlink {
        font-size:11px;
        text-align:center;
}

.backlink a {
        color:#aaa;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
        width: 98%;
}