/*
Theme Name: Tips4u Website Theme
Author: Uri Sittan & Nimrod Raizner
Description: The one and only theme for Tips4u website
Version: 0.0.1
Tags: Tips4u
Text Domain: tips4u
*/
    
    
    /*
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);
    */
    body {
        padding-top: 20px;
        /*font-family: 'Open Sans Hebrew', sans-serif;*/
        font-family: 'Arimo', sans-serif;
        overflow-x: hidden;
    }

    .clearfix {
        clear: both;
        height: 1px;
        display: block;
        width:100%;
    }

    .centered-header-body {
        padding-top: 70px;
    }

    #fb-root {
        display: none;
    }


    .addthis_inline_share_toolbox_lqi7 {
        display: inline-block;
    }

    .loved-button {
        margin-top: -4px;
    }



    .modal-tips4u .modal-header {
        border-bottom: 0 !important;
        color: #fff !important;
        background-color: #00b4cc !important;
        padding: 16px;
    }

    .modal-tips4u .modal-header h3 {
        margin: 0;
        color: #fff;
        display: inline-block;
    }

    .modal-tips4u .modal-header .fa-close {
        color: #fff;
        float: left;
        font-size: 20px;
        cursor: pointer;
    }

    .modal-tips4u .modal-body {
       
        color: #333 !important;
        font-size: 16px !important;
    }
    
    .modal-tips4u-white .modal-body {
        background: #fff !important;
        color: #333 !important;
        font-size: 16px !important;
    }

    .modal-tips4u .brand {
        font-family: 'Racing Sans One', cursive;
    }
    

    .modal-content {
        border:0;
        border-radius:0;
    }



    .modal-tips4u .modal-footer {
       
        border-top: 0 !important;
    }
    
    /* To fill the container and nothing else */
    
    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
        width: 100% !important;
    }

    .underline-link {
        text-decoration:underline !important;
        cursor: pointer;
    }

    .loading {  
        position: fixed;    
        top: 0;    
        bottom: 0;    
        left: 0;    
        right: 0;    
        height: 100vh;    
        z-index: 9999;    
        background-color: rgba(255, 255, 255, 0.85);    
        text-align: center;
    }
    .loading img {  
        display: block;   
         margin: 0 auto;    
         margin-top: 300px;
    }

    .loading .message {   
        font-size: 25px;
        color: #222;
        text-align: center;
        padding-top: 200px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .loading .message .fa {   
        display: block;
        font-size: 44px;
    }

    .loading .top-message {  
        font-size: 25px;    
        color: #222;    
        text-align: center;    
        padding-top: 20px;
    }

    .no-padding {
        padding:0 !important;
    }

    .full-width {
        width:100%;
    }

    .btn-black {
        color: #fff;
        background-color: #222;
        border-color: #222;
    }

    .btn-black:hover {
        color: #fff;
        background-color: #222;
        border-color: #222;
    }

    .btn-hover-blue:hover {
        color: #fff;
        background-color: #00b4cc;
        border-color: #00b4cc;
    }

    .no-right-padding {
        padding-right:0 !important;
    }

    .no-right-margin {
        margin-right:0 !important;
    }

    .no-left-padding {
        padding-left:0 !important;
    }

    .no-left-margin {
        margin-left:0 !important;
    }

    .no-side-padding{
        padding-right:0;
        padding-left:0;
    }

    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
        background-color: #00b4cc;
        border-color: #00b4cc;
    }

    .pagination>li>a, .pagination>li>span {
        color: #333;
    }   
    
    .btn-light-blue {
        background-color: #00b4cc;
        border-color: #00b4cc;
        color:#fff;
    }

    .btn-light-blue a {
        color:#fff;
        text-decoration: none !important;
    }

    .btn-light-blue a:hover {
        color:#fff;
        text-decoration: none !important;
    }

    .black-button-thin {
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s;
        text-transform: uppercase;
        outline: 0;
        padding: 0.5rem 2.308rem;
        font-weight: 400;
        border-radius: 0;
        color: #FFFFFF;
        border: 0;
        background: #040404;
        font-size: 15px;
    }

    .black-button {
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s;
        text-transform: uppercase;
        outline: 0;
        padding: 0.99rem 2.308rem;
        font-weight: 400;
        border-radius: 0;
        color: #FFFFFF;
        border: 0;
        background: #040404;
        font-size: 15px;
    }

    .black-button:hover {
        background-color: #00b4cc;
        color: #FFFFFF;
    }

    .black-button-thin:hover {
        background-color: #00b4cc;
        color: #FFFFFF;
    }


    .black-button.selected {
        background-color: #00b4cc;
        color: #FFFFFF;
    }

    .black-button-thin.selected {
        background-color: #00b4cc;
        color: #FFFFFF;
    }

    a:hover, a:focus {
        color: #00b4cc;
    }

    

    /*
    Nav Bar
    */

    .dropdown-menu {
        min-width: 250px;
    }
    .dropdown-menu.columns-2 {
        min-width: 450px;
    }

    .dropdown-menu.columns-3 {
        min-width: 650px;
    }

    .dropdown-menu li {
        padding: 0;
        height: 50px;

    }

    .dropdown-menu li a {
        padding: 8px 12px;
    }
    .multi-column-dropdown {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    .multi-column-dropdown li a {
        display: block;
        clear: both;
        line-height: 1.428571429;
        color: #333;
        white-space: normal;
    }
    .multi-column-dropdown li a:hover {
        text-decoration: none;
        color: #00b4cc;
        background-color: #e7e7e7;
    }


    .top-logged-user-info {
        position: absolute;
        left: 0;
        background-color: #fff;
        top:48px;
        padding:4px;
        width: 274px;
        right: 15px;
        padding-bottom: 6px;
        display:none;
        border-right: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        border-top:4px solid #fff;
    }

    .top-logged-user-info .profile-image {
        width: 36px;
        border-radius: 50%;
        margin-top: -5px;
        margin-right:4px;
        cursor: pointer;
        border: 1px solid #ccc;
    }


    .top-logged-user-info .black-button-thin {
        border-radius: 50%;
        padding: 8px;
        background-color: #00b4cc;
        text-align: center;
        margin-right: 4px;
        font-size: 16px;
        margin-top: 4px;
        width: 36px;
        height: 36px;
    }   
    
    
     
    @media (max-width: 767px) {
        .dropdown-menu.multi-column-dropdown {
            min-width: 240px !important;
            overflow-x: hidden;
        }
    }  
    
    
    .navbar-header-logo-top {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        padding-top: 15px;
        padding-bottom: 10px;        
    }

    .navbar-nav-centered {
        width: 100%;
        text-align: center;
        float: none;
    }

    .navbar-brand-centered {
        padding-left: 0 !important;
        float: none !important;
        
    }

    .navbar-nav-centered li {
        float: none !important;
        display: inline-block !important;
    }

    .navbar-brand {
        font-family: 'Racing Sans One', cursive;
        font-size:30px;

    }

    .navbar-default .navbar-brand {
        color: #333;
    }

    .navbar-default {
        background-color:#fff;
        border: 0;
        border-bottom: 1px solid #e7e7e7;
    }


    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        color: #222;
        background-color:transparent;
        font-weight: bold;
    }


    .nav>li>a {
        padding-left:15px;
    }

    .navbar-default .navbar-toggle {
         border-color:transparent; 
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #222;
    }

    .navbar-default .logged-user {
        padding-top:15px;
        padding-left: 25px;
        padding-right: 15px;
        /*padding-right: 80px;*/
        color:#777;
    }

    .navbar-default .logged-user a{
        color:#00b4cc;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-default .search-box form {
        padding-left:0;
        padding-right:40px;
    }
    
    .navbar-default .search-box form .btn {
        height:34px;
        background-color: #222;
        color:#fff;
        border-color: #222;
    }

    .navbar-default .search-box form .btn:hover, .navbar-default .search-box form .btn:focus{
        background-color: #00b4cc;
        border-color: #00b4cc;
    }

    .navbar-default .search-box form .search-key {
        min-width:250px;
    }

    /*
    Homepage
    */


    .homepage-top  {
        box-sizing: border-box;
    }

    .homepage-top .background {
        background-size: cover;
        background-position: center;
        padding: 14.60rem 1.154rem 10.54rem;
        color: #FFFFFF;
        position: relative;
    }


    .homepage-top .search-form {
        background-color: #ffffff;
        border-radius: 4.0rem;
        display: flex;
        max-width: 70rem;
        margin-left: auto;
        margin-right: auto;
        padding: 1.0rem 3.462rem;
        position: relative;
        z-index: 3;
    }



    .homepage-top .searchform-text {
        display: block;
        width: 100%;
        padding: 1rem 1.538rem;
        background-color: #fff;
        background-image: none;
        border: 0.1538rem solid #e8e8e8;
        color: #4c4c4c;
        box-shadow: none;
        line-height: 1.8;
        height: auto;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s;
        border-radius: 0;
        outline: 0;
        font-weight: 300;
        font-size: 18px;
        border:0;
    }

    .homepage-top .search-form button {
        background: transparent;
        color: #a9a8a8;
        font-size: 1.615rem;
        padding: 0;
        line-height: 1.615rem;
        font-size: 18px;
        background-color: transparent !important;
        border: 0;
    }    

    .homepage-top .background .description {
        text-align: center;
        font-size: 1.4rem;
        font-weight: 300;
        margin-bottom: 0;
        padding-top: 10px;
       
    }  
    

    .homepage .all-other-categories {
        padding-top: 32px;
        text-align: center;
    }

    .homepage .all-other-categories .title-text {
        padding-bottom:32px;
        color:#4c4c4c;
    }

    .homepage .all-other-categories  .title {
        font-size: 24px;
        font-weight: 500;
        border-bottom:1px solid #f0f0f0;
        margin-right:15px;
        margin-left: 15px;
    }

    .homepage .all-other-categories .cat {
        text-align: right;
        padding-bottom:4px;
    }

    .homepage .all-other-categories .cat a {
        color: #333;
        font-size: 16px;
    }
    

    .homepage .all-other-categories .cat a:hover {
        color: #00b4cc;
    }

    .homepage .recent-tips-wrap {
        padding-top: 32px;
        text-align: center;
    }

    .homepage .recent-tips-wrap .title-text {
        padding-bottom:32px;
        color:#4c4c4c;
    }

    .homepage .recent-tips-wrap .text {
        font-style: italic;
        color: #8e8e8e;
        font-size:15px;
    }

    .homepage .recent-tips-wrap  .title {
        font-size: 24px;
        font-weight: 500;
        border-bottom:1px solid #f0f0f0;
        margin-right:15px;
        margin-left: 15px;
    }

    .homepage .recent-tip {
        text-align: right;
        min-height:444px;
        cursor: pointer;
    }

    .homepage .recent-tip h2 {
        font-size:20px;
        font-weight: normal;
        color:#333;
    }
    
    .homepage .recent-tip h2 a {
        color:#333;
        
    }

    .homepage .recent-tip h2 a:hover {
        color: #00b4cc;
    }

    .homepage .recent-tip .desc{
        color:#8e8e8e;
    }

    .homepage .recent-tip .image-wrap {
        position: relative;

    }
    .homepage .recent-tip .category-link {
        position: absolute;
        left:0;
        top:0;
        background-color: #00b4cc;
        color:#fff;
        padding:4px 12px 4px 12px;
        margin:3px;
        text-decoration: none !important;
    }

    .homepage .recent-tip .thumb {
        width: 100%;
        padding:2px;
        border:1px solid #f0f0f0;
    }


    .homepage .recent-tip .post-information ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .homepage .recent-tip .post-information ul li {
        display: inline-block;
        font-size: 14px;
        margin-left: 1.538rem;
    }

    .homepage .recent-tip .post-information ul li, .homepage .recent-tip .post-information ul li a, .homepage .recent-tip .post-information ul li a:visited {
        color: #aeaeae;
    }  


    .homepage .recent-tips-wrap .to-all-tips {
        text-align: left;
        color:#333;
        font-size:14px;
    }

    .homepage .recent-tips-wrap .to-all-tips a {
        color:#333;
    }

    .homepage .recent-tips-wrap .to-all-tips a:hover {
        color:#00b4cc;
    }

    
    .ui-autocomplete {
        border-radius: 35px;
        padding: 20px;
        max-width: 100%;
        right:0;
        top:75px !important;
        border:0;
        
    }

    .ui-autocomplete .ui-menu-item-wrapper {
        display: block;
        padding:4px;
        text-decoration: none !important;
        color:#333;
        border:0;
        font-size:16px;
    }

    .ui-autocomplete .ui-menu-item-wrapper:hover {
        display: block;
        padding:4px;
        background-color: #ddd;
        text-decoration: none !important;
        border:0;
        color:#222;
        border-radius:5px;
        padding-right:1em;
    }

    .ui-autocomplete .ui-menu-item:first-child a:hover {
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .ui-autocomplete .ui-menu-item:last-child a:hover {
        border-bottom-left-radius: 35px;
        border-bottom-right-radius: 35px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .homepage .top-text {
        padding:24px 0 24px 0;
    }

    .homepage .top-text h1 {
        font-size:24px;
        text-align: center;
        display: block;
        margin: 0;
        color:#4c4c4c;
    }


    .homepage .top-categories {
        
        margin-right: 15px;
        margin-left: 15px;
    }


    .homepage .top-categories .category-wrap {
        margin:0;
        padding:0;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        opacity:0.9;
    }
    
    .homepage .top-categories .category {
        height: 20.81rem;
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);

    }

    .homepage .top-categories .category .inner {
        position: absolute;
        bottom: 12px;
        left: 12px;
        right: 12px;
        
        color:#fff;
    }

    .homepage .top-categories .category .title-text {
        font-size: 25px;
        margin-bottom: 12px;
    }    

    .homepage .top-categories .category .title-text a {
        color:#fff;
        text-decoration: none !important;
    }    


    .homepage .posts-gallery .post {
        height:450px;
        background-size: cover;
        background-position:  center center;
        
    }


    .homepage .posts-gallery .post .mask {
        background-color: rgba(0,0,0,0.5);
        width: 100%;
        height:100%;
        display: table;
    }

    .homepage .posts-gallery .bx-custom-next {
        z-index:9999;
        background-color: #fff;
        position: absolute;
        left:0;
        bottom:0;
        height:30px;
        width:30px;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
    }

    .homepage .posts-gallery .bx-custom-prev {
        z-index:9999;
        background-color: #fff;
        position: absolute;
        right:0;
        bottom:0;
        height:30px;
        width:30px;
        text-align: center;
        line-height: 30px;  
        cursor: pointer;      
    }

    .homepage .posts-gallery .inner {
        text-align: center;
        color: #fff;
        font-size: 32px;
        display: table-cell;
        vertical-align: middle;
        width:100%;
    }

    .homepage .posts-gallery .inner a {
        color: #fff;
        text-decoration: none !important;
    }

    .homepage .posts-gallery .inner .short-text {
        color: #fff;
        font-size:18px;
    }


    .homepage .tags-and-promoted {
        margin-top:24px;
        margin-bottom:24px;
    }


    .homepage .tags-and-promoted .square-box {
        
        margin-bottom:24px;
    }

    .homepage .tags-and-promoted .square-box .box-title {
        text-align: center;
        font-size: 24px;
        color:#222;
        padding-bottom: 4px;
        border-bottom:1px solid #f0f0f0;
        margin-bottom:16px;

    }

    .homepage .tags-and-promoted .tag-wrap {
        margin-bottom:8px;
    }

    .homepage .tags-and-promoted .tag {
        color:#333;
        font-size:16px;
    }

    .homepage .tags-and-promoted .tag:hover, .homepage .tags-and-promoted .tag:focus {
        color: #00b4cc;
    }


    .homepage .tags-and-promoted .post {
        margin-bottom:16px;
    }

    .homepage .tags-and-promoted .post .text-col {
        padding-right:1px;
    }

    .homepage .tags-and-promoted .post .thumb {
        max-width:100%;
        border:1px solid #f0f0f0;
        padding:2px;
    }

    .homepage .tags-and-promoted .post .link {
        color:#333;
        font-size:20px;
    }

    .homepage .tags-and-promoted .post .link:hover, .homepage .tags-and-promoted .post .link:focus {
        color: #00b4cc;
    }

    .homepage .tags-and-promoted .author {
        margin-bottom:16px;
    }

    .homepage .tags-and-promoted .author .thumb {
        max-width:100%;
        border:1px solid #f0f0f0;
        padding:2px;
    }

    .homepage .tags-and-promoted .author .text-col {
        padding-right:1px;
    }

    
    .homepage .tags-and-promoted .author .link {
        color:#333;
        font-size:20px;
    }


    .homepage .tags-and-promoted .author .link:hover, .homepage .tags-and-promoted .author .link:focus {
        color: #00b4cc;
    }

    /* Login Modal */


    .reg-login-modal .modal-header {
        background-color: #d7efee
    }

    .reg-login-modal .social-buttons {
        margin-top:10px;
        margin-bottom:10px;
    }  

    .reg-login-modal .social-buttons a {
        padding-left:32px;
        padding-right:32px;
    } 

    .reg-login-modal #login-form {
        margin-top:10px;
    }

    .btn-gplus {
        background-color: #dd4b39!important;
        color: #fff!important;
    }

    .btn-gplus:hover {
        background-color: #dd4b39!important;
        color: #fff!important;
    }
    .btn-fb{
        color: #fff!important;
        background-color:#3b5998!important;
    }

    .btn-fb:hover{
        color: #fff!important;
        background-color:#496ebc!important;
    }

    label.error {
        color: #9a0d0d;
        font-size: 13px;
        margin-bottom: 0;
        font-style: italic;
    }


    .reg-login-modal .err {
        color: #9a0d0d;
        text-align: center;
        padding-top: 10px;
        font-size: 16px;
        font-weight: bold;
        display:none;
    }
    

    /* Side Boxes */

    .side-box {
        border:2px solid #f0f0f0;
        padding:12px;
        margin-bottom:24px;
    }

    .dark-side-box {
        border:0;
        padding:12px;
        background-color: #222;
        color:#fff;
    }    


    .side-box .box-title {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color:#222;
        padding-bottom: 8px;
    }

    .side-box-gallery  {
        padding-right:12px;
        padding-left:12px;
        
    }

    .side-box-gallery .img-wrap {
        padding-right:4px;
        padding-left:4px;
        margin-bottom:8px;
    }

    .side-box-gallery img {
        max-width:100%;
        border:1px solid #f0f0f0;
        padding:2px;

    }



    .side-box .cats-list .cat {
        padding: 4px 0;
    }

    .side-box .cats-list .cat a {
        color:#333;
        font-size: 16px;
    }

    .side-box .cats-list .cat a:hover, .side-box .cats-list .cat a:focus {
        color: #00b4cc;
    }
    .side-box .cats-list .cat:last-child {
        border-bottom: 0;
    }    

    .side-box .side-box-posts   {
        list-style-type: none;
        padding:0;
    }


    .side-box .side-box-posts  li {
        padding: 0.6923rem 0;
        border-bottom: 0.07692rem solid #f0f0f0;
        margin-left: auto;
        margin-right: auto;
    }

    .side-box .side-box-posts  li:last-child {
        border-bottom: 0;
    } 

    .side-box .side-box-posts  li a {
        color:#333;
        font-size:14px;
        font-weight: bold;
        display: block;
        margin-bottom: 4px;
    }

    .side-box .side-box-posts  li a:hover, .side-box .side-box-posts  li a:focus {
        color: #00b4cc;
    }

    .side-box .side-box-posts  li .thumb {
        max-width:100%;
        margin-top: 4px;
        margin-bottom: 4px;
        padding:2px;
        border:1px solid #f0f0f0;
    }

    .side-box .side-box-posts .text-col {
        padding-right:1px;
    }

    .side-box .author-more {
        text-align:center;
        font-size:14px;
        color:#333;
    }

    .side-box .author-more a {
        color:#0b606b;
        text-decoration: underline;
    }    

    .side-box .author-more a:hover, .side-box .author-more a:focus {
        color: #00b4cc;
    }
    /* Post Page */

    .post-page-content {
        margin-top: 36px;
    }

    .container-no-top-image {
        margin-top: 52px;
    }

    .trans-post-info {
        margin: 0 auto;
        display: block;
        position: absolute;
        text-align: center;
        top: 44%;
        left: 0;
        right: 0;
        
    }

    .trans-post-info h1 {
        font-size: 36px;
        display: block;
        text-align: center;
        width: 100%;
        color:#fff;
    }

    .trans-post-info h2 {
        font-size: 24px;
        display: block;
        text-align: center;
        width: 100%;
        color:#fff;
    }   
    
    .trans-post-info .image-credit {
        display: inline-block;
        padding-right: 24px;
    }  

    .trans-post-info .published {
        color:#fff;
        font-size:16px;
        text-align: center;
    }

    .trans-post-info .published a {
        color:#fff;
        text-decoration: underline;
    }

    h1.post-title {
        font-size: 32px;
        margin-bottom: 24px;
        padding-bottom: 4px;
        border-bottom: 1px solid #f0f0f0;
        margin-top: 0;
    }

    .post-page  .post-side {
        padding-top: 4px;
    }

    .container-no-top-image .post-side {
        padding-top: 38px;
    }

    .post-page .post-html {
        font-size: 16px;
        line-height: 1.52;
    }

    .post-page .post-html .post-top-ad {
        margin-bottom:12px;
    }

    .post-page .post-html h2 {
        font-size:20px;
    }

    .post-page .post-html h2 b {
        font-weight: normal;
    }


    .post-page .post-html h2 {
        font-size:24px;
    }

    .post-page .post-html h3 {
        font-size:20px;
    }

    .post-page .post-html h3 b {
        font-weight: normal;
    }

    .post-page .post-html ul {
        padding-right: 15px;
    }

    .post-page .post-html img {
        max-width: 100%;
        height: auto;
    }

    .post-page .post-html .add-this-wrap {
        padding-bottom: 12px;
    }

    .post-page .post-html .wp-caption {
        position: relative;
        margin-bottom:10px;
    }

    .post-page .post-html .wp-caption-text {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px;
        color: #fff;
        margin: 0;
        font-style: italic;
        background-color: rgba(0,0,0,0.7);
        font-size: 14px;
    }

    .post-page .author .author-image {
        width:32px;
        height:32px;
        border-radius:50%;
        text-decoration: none;
        cursor: pointer;
    }
    

    .post-page .post-information ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .post-page .post-information ul li {
        display: inline-block;
        font-size: 14px;
        margin-left: 8px;
    }

    .post-page .post-information ul li{
        color: #aeaeae;
    } 
    
    .post-page .post-information a {
        color:#00b4cc;
        text-decoration: underline;
    }

    .post-page .post-information .read-time {
        margin-left:0 !important;
    }

    .post-page .post-information a:hover {
        color:#00b4cc;
    }

    .post-page #post_map {
        width:100%;
        height:400px;
        margin-top: 20px;
    }

    .post-comments .add-comment-title {
        font-size: 20px;
        margin-bottom: 24px;    
        padding-bottom:4px;
        border-bottom:1px solid #f0f0f0;
    }

    .post-comments  .comments-list {
        list-style-type: none;
        padding-right: 0;
    }

    .post-comments  .comments-list li {
        padding:10px;
        border: 2px solid #f0f0f0;
        margin-bottom: 20px;
        
    }

    .post-comments  .comments-list  .comment-top {
        font-size: 15px;
        font-weight: bold;
        color: #333;
    }

    .post-comments  .comments-list  .comment-top .date {
        font-size: 12px;
        color: #777;
        padding-right:4px;
        display:inline-block;
    }

    
    .post-comments  .comments-list .author-image {
        width: 28px;
        height: 28px;
        border: 1px solid #ccc;
        padding: 1px;
        border-radius: 50%;
    }

    .post-comments  .comments-list p {
        margin-right:32px;
    }
    

    .post-comments .no-comments {
        padding-top:20px;
        padding-bottom:20px;
    }

    .post-page-content .post-image-wrap {
        position: relative;
        margin-bottom: 24px;
    }

    .post-page-content .post-image {
        max-width: 100%;
        border:1px solid #f0f0f0;
        padding:2px;
    }

    .post-page-content .image-credit {
        position: absolute;
        left:3px;
        bottom:3px;
        background-color: rgba(255,255,255,0.7);
        display: inline-block;
        font-size:12px;
        padding:2px 10px 2px 10px;
    }

    .post-page-content .image-credit a {
        color:#333;
        
    }

    .post-page-content .post-information {
        padding-bottom:12px;
    }

    .post-page-content a {
        color:#00b4cc;
        text-decoration:underline;
    }

    .post-page-content .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .post-page-content .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*
    Category
    */

    .category-page-content {
        margin-top: 35px;
        min-height: 82.5vh;
    }

    .category-page-content h2  {
        color:#4c4c4c;
        font-size:20px;
        margin-top: 0; 
        margin-bottom:12px;   
    }

    .top-image-parallax {
        height: 40%;
        background-position:center;
        background-repeat: no-repeat;
        background-size: cover;
        /* background-attachment: fixed;*/
        position: relative;
        

    }

    .top-image-parallax .trans {
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom:0;
        left:0;
        right:0;
        top: 0;
        z-index: 1002;
    }


    .cateory-posts {
        min-height:82.5vh;
    }

    .cateory-posts .category-desc {
        font-size: 14px;
        margin-top: 18px;
        color:#333;
    }

    .category-page-content .category-title {
        font-size: 32px;
        padding-bottom:5px;
        border-bottom:1px solid #f0f0f0;
    }

    .category-page-content.container-no-top-image .category-side {
        padding-top: 60px;
    }

    .category-page-content .category-side {
        padding-top: 24px;
    }


    .category-page-content .cateory-post {
        text-align: right;
        min-height: 236px;
        
    }

    .category-page-content .cateory-post h3 {
        font-size:20px;
        
        color:#333;
    }
    
    .category-page-content .cateory-post a {
        color:#333;
    }

    .category-page-content .cateory-post a:hover, .category-page-content .cateory-post a:focus {
        color: #00b4cc;
    }

    .category-page-content .cateory-post .desc {
        color:#8e8e8e;
        margin-bottom: 4px;
    }

    .category-page-content .cateory-post .thumb {
        max-width: 100%;
        padding:2px;
        border:1px solid #f0f0f0;
        cursor: pointer;
    }

    .category-page-content .cateory-post .text-col {
        padding-right:1px;
    }

    .category-page-content .cateory-post .post-information ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .category-page-content .cateory-post .post-information ul li {
        display: inline-block;
        font-size: 14px;
        margin-left: 8px;
    }
    
    .category-page-content .cateory-post .post-information ul li.author {
        width: 100%;
        display: block;
        padding-bottom: 4px;
    }


    .category-page-content .cateory-post .author-link {
        color: #00b4cc;
    }  
    

    .cat-promoted-posts h2 {
        padding:2px;
        border-bottom:1px solid #f0f0f0;
        font-size:24px;
       
    }

    .cat-promoted-posts .cateory-post {
        padding-right:0;
    }
    /*
    Author Page
    */

    .author-page-content {
        min-height: 82vh;
    }

    .side-box.author-side-box {
        margin-top: 24px;
    }

    .author-page-content .author-side {
        padding-top: 0;
    }


    .author-side-box .author-image {
        max-width: 100%;
        border:1px solid #f0f0f0;
        padding:2px;
        border-radius:50%;
    }


    .author-side .author-elements a {
        color:#0b606b;
        font-size:14px;
        display: inline-block;
        padding-top:8px;
        text-decoration: none;
        padding-left:4px;
    }

    .author-side .author-elements a:hover {
        color:#063035;
        text-decoration: none;
    }

    .author-page-content .cateory-post {
        text-align: right;
        min-height: 200px;
        padding-left: 15px;
        padding-right: 0;
    }

    /* Categories Page */
 
    .all-categories .parent {
        font-size:24px;
        padding-bottom:8px;
    }



    .all-categories a {
        color:#333;
    }

    .all-categories a:hover, .all-categories a:focus {
        color: #00b4cc;
    }

    .all-categories .subs {
        color:#333;
        padding-bottom:8px;
    }


    /*
    Genral Pages
    */

    .general-page-content {
        padding-top:48px;
    }

    .general-page .top-image-parallax .sub-title {
        color:#fff;
        font-size:24px;

    }
    
    .general-page .trans-post-info {
        top: 36%;
    }

    /*
    Contact Page
    */
    .general-page .top-image-parallax {
        height:30%;

    }

    .contact-page .general-page-content {
        min-height: 75vh;
        padding-top: 24px;
        min-height: 56.5vh;
    }


    /*
    Site Modal
    */

    .site-pop-modal .modal-content {
        background-position:  center center;
        background-size: cover;
        background-color: #d7efee;
    }

    .site-pop-modal .modal-content h1 {
        color: #333;
        text-align: center;
        font-size: 36px;
        margin-top: -2px;
        margin-bottom: 0px;
    }
    
    .site-pop-modal .modal-content h2 {
        color: #333;
        text-align: center;
        font-size: 24px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

    .site-pop-modal .modal-content p {
        color: #333;
        text-align: center;
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 0px;
        margin-left: 24px;
        margin-right: 24px;
    }
    
    .site-pop-modal .modal-content .image {
        max-width:400px;
        display: block;
        margin: 0 auto;
        max-width:80%;
    }

    .site-pop-modal .modal-content .fa-close {
        color: #7b8f8e;
        font-size: 20px;
        cursor: pointer;
        float: left;
        position: relative;
        z-index: 99999;
    }

    /*
    Footer
    */
    
    footer {
        margin-top: 40px;
        min-height: 40px;
        background-color: #f0f0f0;
        padding:24px 0 24px 0;
    }

    footer  .footer-logo {
        font-family: 'Racing Sans One', cursive;
        font-size:24px;
        color: #8a8686;
        text-decoration: none !important;
    }

    footer  .footer-logo-wrap {
        text-align: left;
    }


    footer .section-title {
        color: #333;
        font-size: 16px;
        border-bottom:1px solid #fff;
        padding-bottom:4px;
        display:inline-block;
        width:92%;
    }

    
    footer .section-title.full {
        width:100%;
    }

    footer .footer-nav a {
        color:#333
    }    

    footer .footer-nav a:hover, footer .footer-nav a:focus {
        color: #00b4cc;
    }

    .footer-nav-col:after {
        content: "";
        display: table;
        clear: both;
    }

    footer .footer-general-nav {
        list-style-type: none;
        padding: 0;
        
        font-size: 16px;
    } 

    footer .footer-general-nav li {
        display: inline-block;
        display: inline-block;
        padding-left: 20px;
    } 

    footer .footer-general-nav a {
        color:#333
    }    

    footer .footer-general-nav a:hover, footer .footer-general-nav a:focus {
        color: #00b4cc;
    }

    footer .footer-about {
        color: #8c8989;
       
    }

    footer .footer-copy {
        color: #8c8989;
        margin-top:12px;
    }    


    .footer-promo-nav a {
        color:#333
    }

    
    .footer-promo-nav a:hover, .footer-promo-nav a:focus {
        color: #00b4cc;
    }

    /*
    File Uploader
    */

    .ajax-file-upload-statusbar {
        border: 1px solid #222 !important; 
        -moz-border-radius: 0 !important; 
        -webkit-border-radius: 0 !important; 
        border-radius: 0 !important; 
        padding: 15px !important; 
    }
    
    
    .ajax-file-upload {
        margin-right:0 !important;    
        width: 100px !important;    
        height: 31px !important;  
        text-align: center !important;  
        background-color: #222 !important;   
        cursor: pointer; 
        box-shadow: none !important;
    }
    
    .ajax-file-upload-filename {
        direction: ltr !important; 
        text-align: left !important; 
    }
    
    .ajax-file-upload input {
        cursor: pointer !important;   
    }
    
    .ajax-file-upload-bar {
        background-color: #333 !important;  
    }
    
    .ajax-file-upload-red {
        -moz-box-shadow: none !important; 
        -webkit-box-shadow: none !important; 
        box-shadow: none !important; 
        background-color: #222 !important;  
        text-shadow: none !important;  
        
    }
    
    .ajax-file-upload-filename {
        width: 100% !important;  
        margin: 5px 5px 5px 5px !important;  
        font-size: 11px !important;  
    }

    
    /*
    Select 2
    */

    .select2-container .select2-selection--single {
        height: 35px!important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height:  35px!important;
    }

    .select2-dropdown {
    
        top: 0!important;
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: 1px solid #ccc !important;
    }

    /*
    Post Inline Edit
    */

    .editor-wrapper .select2{
        width:100% !important;
        display:block;
        height: 0;
    }

    .editor-wrapper .select2-selection {
        border: 1px solid #ccc;
        border-radius: 5px;
    }


    .cateory-post .in-post-edit {
        color: #585757 !important;
        display: block;
        cursor: pointer;
        position: absolute;
        top: 4px;
        right: 19px;
        background-color: rgba(255,255,255,0.8);
        width: 23px;
        height: 21px;
        padding: 4px 4px 6px 6px;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
    }

    .cateory-post .in-post-edit i {
        text-align: right;
        width: auto;
    }

    /*
    Writing Rules Modal
    */

    .writing-rules-modal .continue-btn {
        float: left;
        background-color: #00b4cc;
        border: 0 !important;
    }

    .writing-rules-modal ol {
        padding-right: 15px;
    }

    .writing-rules-modal ol li {
        margin-bottom: 8px;
    }



    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-xs-5ths {
        width: 20%;
        float: left;
    }



    /*
    
    Document Block Styles
    */
    .has-medium-font-size {
        margin-top: 20px;
    }

    @media (min-width: 768px) {
        .col-sm-5ths {
            width: 20%;
            float: right;
        }
    }

    @media (min-width: 992px) {
        .col-md-5ths {
            width: 20%;
            float: right;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-5ths {
            width: 20%;
            float: right;
        }
    }