/*
Theme Name: Listable Child
Theme URI: https://pixelgrade.com/demos/listable/
Author: PixelGrade
Author URI: https://pixelgrade.com/
Description: A directory WordPress theme that will help you create and manage a local or global listings site.
Template: listable
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: listable-child-theme
Domain Path: /languages/
Tags: light, white, red 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Listable is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* ADD YOUR NEW CSS RULES HERE */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: listable' line. */

body, html {
   font-weight: 400; font-family: 'Roboto', sans-serif;
}

.top-categories .cat__icon svg path,
.header-content .cat__icon svg path,
.categories-wrap .category-icon svg path {
    fill: #fff;
}

.pin__icon svg, .pin__icon img {
    padding: 5px;
}

.home #page {
    position: relative;
}

.page-listings .welcomemenu {
    position: fixed;
    width: 100%;
}

.page-listings .entry-content {
    padding-top: 37px;
}

.primary-menu ul .page_item.add-site, ul.primary-menu .menu-item.add-site {
    text-transform: uppercase;
}

.page-template-front_page .entry-header .header-content {
    width: 82%;
}

.page-template-front_page .entry-header {
    padding-bottom: 150px !important;
    padding-top: 200px !important;
}

.page-template-front_page .page-title {
    margin-bottom: 20px;
    font-size: 40px !important;
    font-family: 'Raleway';
    font-weight: 700;
}

.page-template-front_page .page-title span {
    font-size: 30px;
    display: block;
}

.entry-subtitle {
    font-family: 'Raleway' !important;
    font-size: 15px !important;
}

/* Hero image services */
.hero-services-wrap {
    width: 100%;
    display: table;
    margin-top: 30px;
}
.hero-services-row {
    display: table-row;
}
.hero-services-box {
    display: table-cell;
    width: 33.33333%;
    padding: 30px;
}

.hero-services-box.hosting {
    width: 28%;
    background-color: rgba(67,162,242,.8);
    border-radius: 30px 0 0 0;
}

.hero-services-box.consult {
    width: 28%;
    background-color: rgba(6,71,125,.8);
}

.hero-services-box.webdesign {
    width: 44%;
    background-color: rgba(17,17,17,.8);
    border-radius: 0 0 30px 0;
}

.hero-services-box h4 {
    color: #fff !important;
    font-size: 22px;
    text-transform: none;
    font-weight: 700;
}

.hero-services-box img {
    margin-bottom: 10px;
}

.front_page_sections_title {
    font-family: 'Raleway';
    font-size: 40px;
    color: #111;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.clear {
    display: block;
    clear: both;
}

/* Front Page One */
.front-page-section:nth-child(1) {
    background-color: #f2f2f2;
    color: #000;
    padding-top: 120px;
    padding-bottom: 150px;
}

.front-page-section:nth-child(1) h3 {
    font-family: 'Raleway';
    font-size: 28px;
    color: #43a2f2;
    font-weight: 700;
}

.hosting-feature {
    width: 58%;
    float: left;
    padding: 40px;
    background-color: #fff;
    border-radius: 30px 0 30px 0;
    box-shadow: 10px 10px 0px 0 rgba(0,0,0,.1);
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}

.hosting-feature:before {
    content: url(images/cloud-icon.png);
    position: absolute;
    right: -30px;
    bottom: 50px;
}

.website-feature {
    width: 42%;
    float: left;
    padding: 40px;
    margin-top: 40px;
}

.feature-list {
    margin-top: 20px;
}

.feature-list li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
    font-weight: 400;
    color: #111;
}

.feature-list li:before {
    content: url(images/feature-list.png);
    position: absolute;
    left: 0;
    top: 4px;
}

.feature-notice {
    font-weight: 700;
    font-size: 15px;
    margin-top: 30px;
    color: #06477d;
}

.feature-notice p {
    margin-bottom: 10px;
}

/* Front Page Two */
.front-page-section:nth-child(2) {
    background: #111 url(images/server_bg.jpg) no-repeat;
    background-size: cover;
    color: #fff !important;
    padding-top: 140px;
    padding-bottom: 120px;
}

.front-page-section:nth-child(2) .front_page_sections_title {
    color: #fff;
    text-align: left;
}

.require-list {
    color: #fff;
    margin-top: 30px;
}

.require-list li {
    position: relative;
    padding-left: 60px;
    padding-bottom: 20px;
    font-weight: 400;
}

.require-list .number {
    color: #fff;
    font-weight: 200;
    position: absolute;
    left: 0;
    top: -6px;
    font-size: 30px;
}

/* Front Page Three */
.front-page-section:nth-child(3) {
    text-align: center;
}

/* Front Page Four */
.front-page-section:nth-child(4) {
    background: #111 url(images/people_bg.jpg) no-repeat bottom;
    background-size: cover;
    color: #fff !important;
    padding-top: 120px;
    padding-bottom: 140px;
    text-align: center;
}

.front-page-section:nth-child(4) .front_page_sections_title {
    color: #fff;
}

.refer-box {
    background-color: rgba(0,74,128,.6);
    color: #fff;
    font-size: 24px;
    font-family: 'Raleway';
    font-weight: 700;
    text-align: center;
    display: inline-block;
    padding: 20px;
    width: 43%;
    margin: 10px 4px;
    border-radius: 8px;
}

.welcomemenu {
    position: relative;    
    color: #999;
    z-index: 9;
    text-align: right;
    font-family: Hanken;
    font-size: .8rem;
    font-style: italic;
    background: #f2f2f2;
    padding: .7em 2.5em .7em .6em;
}

.home .welcomemenu {
    padding: .3em .6em;
    background: rgba(0,0,0,.2);
    border-radius: 2px;
    color: #999;
    position: absolute;
    top: 65px;
    right: 31px;
}

.home .welcomemenu span {
    color: #ccc;
    font-style: normal;
    text-transform: capitalize;
}

.welcomemenu span {
    color: #666;
    font-style: normal;
    text-transform: capitalize;
}

.home .welcomemenu img.login-icon {
    -webkit-filter: invert(1) hue-rotate(180deg) contrast(2);
    filter: invert(1) hue-rotate(180deg) contrast(2);
    opacity: .6;
}

.welcomemenu img.login-icon {
    opacity: .2;
    left: 3px;
    position: relative;
}

.map {
    top: 96px;
}
.findme {
    top: 166px;
}

#disqus_thread {
    margin: 0 auto;
    max-width: 47.5rem;
    padding: 0 1.875rem;
}

.page-login-modal #backtoblog {
    display: block !important;
}

.site .page-login-modal #backtoblog {
    display: none;
}

/* Contact Form */
.wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] {
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

div.wpcf7 {
    margin-top: 20px;
}

div.wpcf7 .contact-icon {
    position: relative;
    display: block;
}

div.wpcf7 .contact-icon input,
div.wpcf7 .contact-icon textarea {
    padding-left: 44px;
}

div.wpcf7 .contact-icon input:focus,
div.wpcf7 .contact-icon textarea:focus {
    border-color: #43a2f2;
}

div.wpcf7 .contact-icon:before {
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 14px;
}

div.wpcf7 .contact-icon.name:before {
    content: url(images/icon-name.png);
}

div.wpcf7 .contact-icon.email:before {
    content: url(images/icon-email.png);
}

div.wpcf7 .contact-icon.url:before {
    content: url(images/icon-web.png);
}

div.wpcf7 .contact-icon.message:before {
    content: url(images/icon-message.png);
}

/* == WOOCOMMERCE - CHECKOUT == */
.woocommerce .table--checkout {
    border: 1px solid #f2f2f2;
    margin-bottom: 2px;
    padding: 10px;
}

.woocommerce .table--checkout td {
    border-right: 1px solid #f2f2f2;
    padding: 20px;
}

.woocommerce .table--checkout td:last-child {
    border-right: 0;
}

.woocommerce .cart__footer {
    background: #f2f2f2;
    overflow: hidden;
    padding: 10px;
}

.woocommerce .cart__subtotal {
    float: left;
}

.woocommerce .cart__total {
    float: right;
    text-align: right;
}

.product__details {
    position: relative;
}

.product__details .product__thumbnail {
    position: absolute;
    left: 0;
}

.product__details .product__thumbnail img {
    width: 80px;
}

.product__details .product__content {
    margin-left: 110px;
}

.product__details .product__content .product__title {
    margin-top: 0px;
}

.product__details .product__content .variation {
    margin-bottom: 0 !important;
}

.woocommerce .table--checkout .product__subtotal {
    text-align: right;
}

.woocommerce-coupon-fields {
    margin-top: 20px;
}

/* Single Post Page Design */
.single-post .site-content {
    padding-left: 5%;
    padding-right: 5%;
}
.single-post .site-content:after {
    clear: both;
    content: '';
    display: block;
    }

    .single-post .header-content {
        padding: 0;
        max-width: 100% !important;
    }
    
    .single-post .entry-content {
        padding-top: 40px !important;
        max-width: 100% !important;
    }
    
    .single-post .entry-title {
        font-size: 2.3rem;
    }

.single-post .entry-header {
    text-align: left !important;
    padding: 70px 0 0 !important;
}
.single-post .entry-featured {
    background-color: transparent !important;
    border-bottom: 0 !important;
}

/* Main Sidebar */
.single-post .widget-area#secondary {
    padding-top: 70px;
    display: block !important;
}

.single-post .widget-area#secondary .widget {
    padding-bottom: 50px;
}

    .single-post .widget-area#secondary .widget-title {
        text-transform: uppercase;
        margin-bottom: 1rem;
        font-size: 1.3rem;
    }
    
    .single-post .widget-area#secondary .widget ul li {
        margin-bottom: 6px;
        position: relative;
    }
    
    .single-post .widget-area#secondary .widget ul li a {
        border-bottom: 1px solid #e2e2e2;
        display: block;
        padding-bottom: 6px;
    }
    
    .single-post .widget-area#secondary .widget ul li:last-child a {
        border-bottom: 0;
    }

        .notice {
            background-color: #FDFDB7;
            padding: 0.1em 0.7em;
            font-size: 12px;
            letter-spacing: 1px;
            line-height: 2em;
            display: inline-block;
            border-radius: 3px;
            margin-bottom: 20px;
            font-family: monospace;
        }


.entry-content a {
	color: #43a2f2 !important;
	text-decoration: underline;
}

.card--post .card__image:after {
	padding-top: 50% !important;
}

/* === MEDIA QUERIES === */
@media only screen and (max-width: 620px) {
    .front-page-section:nth-child(2) img {
        display: none;
    }
    
    .refer-box {
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width: 740px) {
    .home .welcomemenu {
        top: 70px !important;
        right: 0% !important;
        left: 0% !important;
    }
}

@media not screen and (min-width: 740px) {
    .page-template-front_page .entry-header .header-content {
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 900px) {
    .home .welcomemenu {
        top: 80px;
        right: 20%;
        text-align: center;
        left: 20%;
    }
    
    .welcomemenu {
        text-align: center;
    }
}

@media only screen and (min-width: 900px) {
    /* .site-header .search-form {
        -webkit-flex-basis: 210px;
        flex-basis: 210px;
        -ms-flex-preferred-size: 210px;
    } */
}

@media only screen and (min-width: 960px) {
    /* .site-header .search-form {
        -webkit-flex-basis: 260px;
        flex-basis: 260px;
        -ms-flex-preferred-size: 260px;
    } */
    
    .site-header .site-branding {
        padding-right: 20px;
    }
    
    /* Contact Form */
    div.wpcf7 .col2 {
        width: 48%;
        float: left;
    }
    
    div.wpcf7 .col2.right {
        float: right;
    }
    
    .single-post .site-content {
        padding-left: 7%;
        padding-right: 7%;
    }
    
    .single-post #primary {
        width: 70%;
        float: left;
    }
    
    .single-post .widget-area#secondary {
        width: 25%;
        float: right;
    }
}

@media only screen and (max-width: 1024px) {
    .hero-services-box {
        display: block;
    }
    
    .hero-services-box.hosting,
    .hero-services-box.consult,
    .hero-services-box.webdesign {
        width: 100%;
        border-radius: 0 !important;
    }
    
    .page-template-front_page .entry-header .header-content {
        padding: 0 !important;
    }
    
    .page-template-front_page .entry-header {
        padding-bottom: 100px !important;
        padding-top: 150px !important;
    }
    
    .hosting-feature, .website-feature {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .alignnone, .aligncenter {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .alignright {
        margin-right: 0 !important;
    }
}