/*
Theme Name:    Elemental
Description:   Build a stunning website with Elemental one page theme for professionals, freelancers and small businesses. Designed to display all your content on a single page in an elegant manner; it's extremely easy to setup & customize. Build yourself a stunning website for your professional carreer or small business. Elemental is a child theme for the Integral WordPress theme developed by Themely. Elemental is perfect for startups, professionals, agencies, small business, corporate business, design firm, educators, freelancer, development company, personal, portfolio, blog, real estate, lawyer, travel and photography websites.
Theme URI: https://www.themely.com/themes/integral/
Author: Themely
Author URI: https://www.themely.com/
Template:      integral
Version:       1.1.6.5
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
Tags:          two-columns, right-sidebar, custom-menu, editor-style, translation-ready, theme-options, featured-images, portfolio, photography, blog
Text Domain:   elemental
Tested up to: 5.4.2
Requires PHP: 5.6
*/

/* Body
================================================== */

body {
    font-family: "Muli", Sans-serif;
    color: #86939A;
    font-weight: 400;
}


/* Headings
================================================== */

.h1,
.h2,
.h3,
h1,
h2,
h3,
h4 {
    font-family: "Lato", Sans-serif;
    color: #333A3E;
}


/* Sections
================================================== */

.lite {
    color: inherit;
}
.dark {
    background-color: #19232d;
    color: #ffffff;
}
h2.bigtitle_dark span {
    background: #19232d;
}
h2.bigtitle:before, h2.bigtitle:after, h2.bigtitle_dark:before, h2.bigtitle_dark:after {
    display: none;
}
h2.bigtitle, h2.bigtitle_dark {
    text-transform: none;
}


/* Buttons
================================================== */

.btn-md, .btn-lg {
    font-size: 1rem;
    border-radius: 100px;
    text-transform: none;
}


/* Navbar
================================================== */

.navbar-default li a, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a {
    color: #333A3E;
    text-transform: none;
}

/* Hero (Welcome)
================================================== */

.hero h1, .hero h2, .hero .lead {
    text-align: left;
}
.hero h1 {
    font-family: Lato;
    font-size: 4rem;
    font-weight: 600;
}
.hero h2 {
    font-family: Lato;
    font-size: 3rem;
    font-weight: normal;
}
.hero .btn {
    margin-right: 50px;
}


/* Features
================================================== */

.features .feature p {
    opacity: 1;
}

/* Single Projects
================================================== */

.project-single .description .details {
    background: none;
    padding: 0 15px 0 15px;
}
.flexslider .slides img {
    width: auto;
    max-width: 100%;
}
.flex-viewport {
    max-height: 100%;
    border-radius: 6px;
}
.project-single .flexslider {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Services
================================================== */

.services h3 {
    text-transform: none;
}


/* Services
================================================== */

.skills .progress {
    border-radius: 6px;
}


/* Team Members
================================================== */
.team .t-name {
    text-transform: none;
}
.team .img-circle, .team .img-square, .team .img-rounded {
    max-height: 230px;
    max-width: 230px;
    border-radius: 6px;
}


/* Newsletter
================================================== */
#mc-embedded-subscribe-form input[type="submit"], .ctct-embed-signup .ctct-button {
    border-radius: 100px;
    text-transform: none;
}


/* Contact
================================================== */

.contact h3 {
    text-transform: none;
}

.contact input, .contact textarea {color: #86939A;}