/*
Theme Name: Zerif Child
Theme URI: http://themeisle.com/themes/zerif-lite/
Author: thunder
Author URI: http://themeisle.com
Description: Zerif LITE is a free one page Wordpress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Version: 2.0.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: zerif-lite
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar,front-page-post-form,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio, e-commerce, blog
Template: zerif-lite
*/

/*
GOOGLE FONTS
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Lora', serif;
*/

.font_roboto
{
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 115%;
}

.font_lora
{
    font-family: 'Lora', serif;
    line-height: 115%;
}

body.custom-background{
    background: none!important;
    background: #d20008 !important;
}

table,
table tbody,
table tbody tr,
table tbody tr td{
    border:none;
}

.navbar-inverse{
    border: none !important;
    background: #fff !important;
}


.navbar-brand
{
    height: 140px !important;
    line-height: auto !important;
    padding: 0px !important;
    margin-left: 0px !important;
}

.navbar-nav>li>a
{
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px !important;
    color: #000000 !important;
}

.navbar-nav>li>a:hover{
    color: #000000 !important;
}

.navbar-nav>li>a::first-letter
{
    color:#d20008;
}

.header.header > .navbar
{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.header .container{
    position: relative;
}

.search_form{
    position: absolute;
    width: 100px;
    right: 0px;
    top: 10px;
    text-align: right;
}
#search_icon_top{
    cursor: pointer;
}
.search_popup{
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    height: 50%;
    top: 140px;
    left:0px;
    z-index: 10000;
}
.search_popup input[type=submit]
{
    display: block;
    background: url("images/search_icon.jpg") center center no-repeat;
    width: 50px;
    height: 50px;
    text-indent: 10000px;
    margin: 10% auto 0 auto;
}
.search_popup .search_input{
    margin-top: 15px;
    width:50%;
    border:none;
    background: none;
    border-bottom: 1px solid #D10209 !important;
    color: #D10209;
    font-family: 'Lora', serif;
    font-size: 60px;
}

.search_popup .search_input::-webkit-input-placeholder,
.search_popup .search_input:focus
{
    color: #D10209 !important;
}

#site-navigation{
    margin-top: 50px;
}

#content{
    background: #D10209;
    position: relative;
}

.white-bg{
    background: #FFF;
}

.clearfloat{
    clear: both;
}

.postItem{
    padding:3px !important;
}

#main .row{
    margin: 0px !important;
}

.page-header{
    border: none !important;
    margin: 0px !important;
}

.search .page-header{
    float: left;
    margin-top: 27px !important;
}

.page-title{
    color:#fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    text-decoration: none;
}

.page-title:before{
    display: none;
}

.postItem article
{
    padding: 32px;
    height: 279px;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    border:5px solid #fff;
    transition: all 0.7s;
}

#homeDesc{
    color:#fff;
    font-size: 52px;
    font-family: 'Lora', serif;
    line-height: 105%;
    padding: 0px 50px 0 0;
    border: none;
}

.postItem article.instapost{
    padding: 0px;
    border:none;
    background: #fea32b !important;
}

.postItem article .cat-links a{
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    color:#000;
    text-transform: uppercase;
}

.postItem article .cat-links a:hover{

}

.postItem article.instapost .cat-links a{
    position: absolute;
    left:32px;
    top:32px;
    color:#fff;
    z-index: 100;
}

.postItem article .entry-title a{
    font-family: 'Lora', serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 120%;
    color: #D10209;
    margin-top: 40px;
    display: block;
    height: 130px;
    overflow: hidden;
}

.postItem article .entry-title a:hover{
    text-decoration: none;
}

.postItem article .entry-title:after,
.postItem article .entry-title:before
{
    display: none !important;
}

.postItem article.instapost .entry-title
{
    font-size: 20px;
    padding: 52px 32px;
    display: none;
}

.postItem article.instapost .entry-title a{
    font-size: 20px;
    color:#fff;
}

.postItem article .readmore
{
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    color:#000;
    text-transform: uppercase;
}

.postItem article .readmore:hover{
    text-decoration: none;
}

.postItem article .readmore:after{
    display: block;
    height: 1px;
    background: #525252;
    width: 77px;
    content: "";
    transition: all 0.7s;
}

.postItem article:hover{
    background: #D10209;
    color:#FFF;
}

.postItem article:hover a{
    color:#FFF;
}

.postItem article:hover .readmore:after{
    background: #FFF;
}

.postItem article.instapost:hover{
    background: #fea32b;
}


.postItem article.instapost:hover .entry-title{
    display: block;
    background: #fea32b;
}

.social_icons{
    text-align: right;
    margin-top: 50px;
    margin-right: 3px;
}

.social_icons .social_icon{
    width: 27px;
    height: 27px;
    border: 2px solid #fff;
    color: #fff;
    overflow: hidden;
    display: inline-block;
    text-indent: 10000px;
    background-color: #fff;
    transition: none;
}

.social_icons .social_icon:hover{
    background: #D10209;
}

.social_icons .social_icon.facebook{
    background: #fff url("images/fb.jpg") center center no-repeat;
}

.social_icons .social_icon.facebook:hover{
    background: #D10209 url("images/fb_hover.jpg") center center no-repeat;
}

.social_icons .social_icon.twitter{
    background: #fff url("images/tw.jpg") center center no-repeat;
}

.social_icons .social_icon.twitter:hover{
    background: #D10209 url("images/tw_hover.jpg") center center no-repeat;
}

.content-left-wrap
{
    padding-top: 12px;
}

.postContent{
    padding: 85px 0 150px 0;
    max-width: 990px;
    margin: auto;
}

.postContent .post-cats{
    padding-bottom: 25px;
}

.postContent .post-cats a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #D10209;
}

.postContent .entry-title
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 52px;
    font-weight: bold;
    text-transform: uppercase;
    color: #D10209;
    line-height: 120%;
    margin-bottom: 20px;
    padding-bottom: 45px;
    padding-top: 65px;
}
.postContent .entry-title:before{
    display: none;
}
.postContent .entry-title:after
{
    height: 5px;
    display: block;
    width: 100%;
    bottom: 0px;
    background: #D10209;
}

.postContent .entry-meta
{
    margin-left: -15px;
    margin-right: -15px;
    font-family: 'Lora', serif;
    font-size: 16px;
    font-style: italic;
    color: #D10209;
}

.postContent .entry-content{
    max-width: 620px;
    margin: auto;
}

.postContent .realted-posts div > a > div,
.postContent .realted-posts div > a > div > div
{
    width: 190px !important;
    height: 190px !important;
    text-align: left;
    overflow: hidden;
    color: #fff !important;
    background: #D10209;
    font-family: 'Lora', serif !important;
    font-size: 24px !important;
    font-weight: bold;

}


.postContent .realted-posts div > a > div > div{
    padding: 60px 20px 20px 20px!important;
    background-size: cover !important;
}

.postContent .realted-posts div > a:hover > div > div:first-child
{
    display: none;
}

.categories{
    position: absolute;
    top: 50px;
}

.categories .cat{
    display: inline-block;
    padding: 0 10px 0 2px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.categories .cat.selected{
    text-decoration: underline;
}

.single_page article h1{
    color: #D10209;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 52px;
    border-bottom: 5px solid #D10209;
    background: url("images/page_h1.jpg") left top no-repeat;
    padding: 40px 0px 60px 155px;
    text-transform: uppercase;
}

.single_page article span,
.single_page article strong
{
    font-size: inherit;
}


#footer{
    background: #1D1D1D;
}

#footer .footer_container{
    padding: 32px 0px 45px 0px;
}

#footer .footer_container:after{
    display: block;
    content: "";
    clear: both;
}

#footer .footer-1
{
    text-align: right;
}

#footer .footer-3
{
    text-align: left;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    /*font-weight: bold;*/
    text-transform: uppercase;
    color: #fff;
}

#footer .social_icons
{
    text-align: left;
}


#footer .social_icons .social_icon.facebook:hover{
    background: #1D1D1D url("images/fb_hover_footer.jpg") center center no-repeat;
}

#footer .social_icons .social_icon.twitter:hover{
    background: #1D1D1D url("images/tw_hover_footer.jpg") center center no-repeat;
}

#footer #menu-footer-menu{
    list-style: none;
}

#footer #menu-footer-menu:after{
    content: "";
    display: block;
    clear: both;
}

#footer #menu-footer-menu li{
    width: 50%;
    float: left;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 13px;
}

#footer #menu-footer-menu li a{
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    /*font-weight: bold;*/
    text-transform: uppercase;
    color: #fff;
    display: block;
}

.footer_menu a::first-letter
{
    color: #d20008;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold !important;
    text-transform: uppercase;
}


#main .contactForm .row{
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.contactForm label{
    width: 100%;
}
.contactForm input,
.contactForm textarea
{
    border-radius: 0;
    border: none;
    background: #E6E6E6;
    padding: 30px;
    width: 100%;
    color: #D20008!important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin: 0px;
}

.contactForm input[type=submit]
{
    width: auto;
    padding: 30px 70px !important;
    color: #FFF !important;
    background: #C42203;
    margin-right: 0px;
    float: right;
}

.contactForm input::-webkit-input-placeholder
{
    color: #D20008!important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.contactForm textarea::-webkit-input-placeholder
{
    color: #D20008!important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 20px;
}

@media (min-width: 1350px) {
    .container {
        width: 1300px !important;
    }
}

@media (min-width: 768px)
{
    #homeDesc{
        font-size: 44px;
    }
}