/*
Theme Name: Kalium - Landing Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
/* ===========================================================
Custom modification only for LANDING Demo - START
=========================================================== */

/* Menu underline animation height */
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a:after, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:after {
    height: 2px;
}

.centered {
    text-align: center;
}

.feature-block {
    text-align: center;
}

/* Menu: Get the App Button */
.get-the-app a {
    background: #fff;
    color: #858a99 !important;
    border-radius: 50px;
    padding: 4px 15px;
}

/* Menu: Get the App Button on Hover*/
.get-the-app a:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    transition: box-shadow all 300ms;
}

/* Menu: Get the App Button Remove Underline */
.get-the-app a:after {
    display: none;
}

/* Menu: Get the App Button Sticky Header */
.main-header.is-sticky.sticky-fixed .get-the-app a {
    background: #2078dc;
    color: #fff !important;
}

/* Homepage: Overview Section */
#overview {
    padding: 50px 0;
}

/* Homepage: Features section */
#features {
    padding: 40px 0;
}

/* Homepage: Features section Title Spacing */
#features .section-title {
    padding: 20px 0px 40px 0px;
}

/* Homepage: Features Section Image */
#features img.attachment-full {
    width: 20%;
}

/* Homepage: Unique Icons section */
@media screen and (min-width: 991px) {
    .unique-icons-section-holder {
        padding-left: 100px !important;
    }
}

/* Homepage: Weather Icons */
.weather-icons h3 {
    line-height: 44px;
}

/* Homepage: Weather Icons */
.weather-icons h3 img {
    width: 44px;
    margin-right: 20px;
    float: left;
}

/* Homepage: Weather Icons */
#compatibility img.attachment-full {
    width: 50%;
}

/* Get a Copy section - Download buttons */
#get-a-copy {
    background-size: 142px;
}

/* Get a Copy section - Download buttons */
#get-a-copy .phones img {
    width: 423px;
    height: 485px;
}

/* Get a Copy section - Download buttons */
#get-a-copy .app-store img {
    width: auto;
    height: 53px !important;
    float: left;
    margin-right: 20px
}

/* Get a Copy section - App Store Padding */
.app-store {
    padding-top: 185px;
}

/* Get a Copy section - App Store Remove underline */
.app-store a:after {
    display: none;
}

/* Go to top margin modification */
.go-to-top {
    margin: 35px;
}

/* Mobile Active Menu */
.mobile-menu-wrapper .mobile-menu-container div.menu ul>li.current-menu-item>a,
.mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item>a {
    color: #1675df;
}

/* Blog: Single Blog area */
.post-formatting .wp-caption .wp-caption-text {
    background: #eee;
    color: #000 !important;
}

/* Blog: Hide Underline on Titles */
.blog-posts .post-item .post-details .post-title a:after {
    display: none;
}

/* Blog: Comments */
.comment-form textarea {
    background-image: linear-gradient(#DDD 1px, transparent 1px);
}

/* Blog: Comments Button */
.comment-form .button {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.site-footer .footer-bottom a {
    color: #fff;
    font-size: 18px;
}
.site-footer .footer-bottom a:hover {
    color: #fff;
}


.site-footer .footer-bottom a:after {
    background-color: #fff;
}

/* XS: Mobile devices */
@media screen and (max-width: 480px){

    .title h2, .unique-icons-section h2, #compatibility .title h2  {
        font-size: 30px;
    }

    .title p, .unique-icons-section p, #compatibility .title p {
        font-size: 22px;
    }

    .unique-icons-section h3 {
        font-size: 22px;
    }

    .app-store {
        text-align: center;
        padding-top: 50px;
    }

    .phones {
        display: none;
    }

    #overview {
        padding: 10px 0;
    }

    #overview img {
        margin-top: 10px;
    }

    #overview .section-title {
        margin-bottom: 30px;
    }

    #features {
        padding: 10px 0;
    }

    #features .section-title {
        padding: 0;
    }

    .feature-block h2 {
        font-size: 20px;
    }

    .feature-block p {
        font-size: 18px;
    }
}

/* SM: Mobile and tablet devices */
@media screen and (min-width: 768px) {

    .devices {
        margin-top: 150px;
    }

    .feature-block h2 {
        font-size: 20px;
    }

    .feature-block p {
        font-size: 18px;
    }
}

/* MD: Tablet and desktop devices */
@media screen and (min-width: 992px) {

    .devices {
        margin-top: 70px;
    }

    .feature-block h2 {
        font-size: 30px;
    }

    .feature-block p {
        font-size: 20px;
    }
}

/* LG: Desktop devices */
@media screen and (min-width: 1200px) {

    .devices {
        margin-top: 70px;
    }

    .feature-block h2 {
        font-size: 30px;
    }

    .feature-block p {
        font-size: 20px;
    }
}
/* ===========================================================
Custom modification only for LANDING Demo - END
=========================================================== */

/* ===========================================================
User CSS modifications
=========================================================== */
.example {
    color: red !important;
}