/*
Theme Name: Integral Child
Theme URI: https://webjarvis.com
Author: Web Jarvis
Author URI: https://webjarvis.com
Description: 
Version: 1.0

*/
.what-we-do {
    margin-top: -60px;
    min-height: 40vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background: url(https://starkpremium.com/wp-content/uploads/2018/02/bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.wrapped-bars {
	position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 99%;
}

.home-brands {
	position: relative;
    min-height: 40vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.margin-top {
    margin-top: 120px;
    margin-bottom: 100px;
}
.account-header-purple {
    background: #201924;
    padding: 15px;
    display:none;
}
.navbar-default {
    position: initial;
}
.purple-sale {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    color: #7d2eb5;
    text-transform: uppercase;
    font-size: 16px;
}
.sales-text {
    padding: 4px 0px;
}
.grey-sale {
    font-family: 'Dosis', sans-serif;
    font-weight: lighter;
    color: #a7a6a7;
    text-transform: uppercase;
    font-size: 16px;
}
.account-header {
    text-align: right;
    padding: 4px 0px;
}
.shop-now-btn {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    color: #a7a6a7;
    padding: 4px 20px;
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #a7a6a7;
    border-radius: 30px;
}
.navbar-default {
    background: #150d1a;
}
.navbar-default li a, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a {
    color: #ffffff;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    background: none;
    transition: all 0.25s ease 0s;
    border-bottom: 2px solid transparent;
}
.stark-one {
    font-family: "Open Sans";
    display: block;
    font-weight: bold;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.stark-two {
    font-family: "Open Sans";
    text-align: center;
    letter-spacing: 3.5px;
    display: block;
    font-weight: lighter;
    color: #c7c7c7;
    font-size: 16px;
    text-transform: lowercase;
}
.stark-one-footer {
    font-family: "Open Sans";
    display: block;
    font-weight: bold;
    color: #ffffff;
    font-size: 30px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.stark-two-footer {
    font-family: "Open Sans";
    text-align: left;
    letter-spacing: 3.5px;
    display: block;
    font-weight: lighter;
    color: #c7c7c7;
    font-size: 16px;
    text-transform: lowercase;
}
.navbar-brand {
    padding: 30px 15px;
}
.navbar-default .navbar-nav {
    padding-top: 50px;
}
.blacklayer {
    background: none;
}
.hero h1 {
    line-height: 100px;
    font-family: "Open Sans";
    font-size: 115px;
    letter-spacing: -8px;
    color: #7d2eb5;
    text-transform: uppercase;
    font-weight: bolder;
    text-shadow: none;
    text-align: left;
    margin: 0 0 40px;
    padding: 0;
}
.hero h2 {
    font-family: 'Dosis', sans-serif;
    font-size: 28px;
    letter-spacing: 2px;
    color: #8f8f8f;
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: none;
    text-align: right;
    margin: 0 0 20px;
}
.shop-btn {
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    color: #7d2eb5;
    font-weight: lighter;
    text-transform: uppercase;
    border: 2px solid #7d2eb5;
    border-radius: 25px;
    padding: 10px 30px;
}
.hero {
    padding: 185px 0 170px;
}
.featured {
    text-align: center;
    padding: 30px 0px;
    -webkit-box-shadow: 0 4px 11px -6px black;
    -moz-box-shadow: 0 4px 11px -6px black;
    box-shadow: 0 4px 11px -6px black;
}
.featured-top-text {
    font-family: 'Dosis', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    color: #150d1a;
    font-weight: normal;
    text-transform: uppercase;
}
.featured-bottom-text {
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    color: #150d1a;
    font-weight: bold;
    text-transform: uppercase;
}
.featured-hover:hover div {
    color: #7d2eb5 !important;
    text-decoration: none !important;
}
.featured-hover:hover {
    text-decoration: none !important;
}
.move-down-for-now {
    margin-top: 100px;
}
.footer-news {
    background: url("/wp-content/uploads/2017/07/purple-footer-back-min.jpg") top center no-repeat;
    padding: 30px 0px;
    background-size: cover;
}
.footer-menu {
    background: #201924;
    padding: 30px 0px;
}
.footer {
    background: #150d1a;
    padding: 30px 0px;
}
.footer-copyright {
    background: #150d1a;
    padding: 30px 0px;
    border-top: 1px solid #2b1d34;
}
.footer-menu ul li {
    display: inline;
    padding: 0px 30px;
}
.footer-menu {
    text-align: center;
}
#menu-footer-menu a {
    color: #c7c7c7;
}
.social-margin {
    margin-left: 10px;
}
.footer-text-copy {
    color: #8c8a8c;
    font-family: 'Dosis', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: normal;
    text-transform: uppercase;
}
.newsletter-sign {
    font-family: "Open Sans";
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
.discount-newsletter {
    font-family: "Open Sans";
    font-size: 18px;
    color: #a4a3a4;
    font-weight: lighter;
    text-transform: uppercase;
}
.newsletter-background {
    background: #ffffff;
    padding: 6px 0px;
    border-radius: 30px;
}
.newsletter-background .form-control {
    padding: 14px 35px;
    border: 0px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    margin-right: 123px;
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    height: 50px;
    margin-top: -23px;
    margin-left: 10px;
}
.newsletter-background .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-newsletter {
    background: #7d2eb5;
    color: #ffffff;
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 34px;
}
.social-align {
    text-align: right
}
.navbar-default .navbar-toggle {
    margin-top: 34px;
}
.home-section {
    padding: 60px 0px;
}
.navbar-default .navbar-nav > li.active a {
    border-color: #00aded;
    border-bottom: 0px;
    color: #7d2eb5;
}
.current_page_item a {
    color: #7d2eb5 !important;
}
.navbar-default li a:hover, .navbar-default .navbar-nav > li > a:hover {
    border-bottom: 0px solid;
    border-bottom-color: rgba(0, 173, 237, 0);
}
.navbar-default li a:hover, .navbar-default .navbar-nav > li > a:focus {
    border-bottom: 0px solid;
    border-bottom-color: rgba(0, 173, 237, 0);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    color: #ffffff;
    background-color: #7d2eb5;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}
.woocommerce h2:after {
    background: rgba(0, 173, 237, 0) none repeat scroll 0 0;
}
.account-hover span:hover {
    color: #7d2eb5;
    transition: all 0.5s ease 0s;
}
.account-hover:hover {
    text-decoration: none;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 150px;
    box-shadow: none;
}











@media (max-width: 1199px) {
    .hero h1 {
        font-size: 90px;
        line-height: 74px;
    }
    .newsletter-background .form-control {
        margin-right: 38px;
    }
}
@media (max-width: 991px) {
    .newsletter-background .form-control {
        margin-right: 383px;
    }
    .newsletter-sign {
        text-align: center;
    }
    .discount-newsletter {
        text-align: center;
        margin-bottom: 15px;
    }
    .hero h1 {
        font-size: 70px !important;
        line-height: 58px;
    }
    .stark-one-footer {
        text-align: center !important;
    }
    .stark-two-footer {
        text-align: center !important;
    }
    .social-align {
        text-align: center;
    }
    .social-margin {
        margin-top: 15px;
        margin-left: 0px;
        padding: 0px 10px;
    }
    .sales-text {
        text-align: center;
    }
    .mobile-btn-center {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .featured-mobile-margin {
        margin-top: 30px;
    }
    .newsletter-background .form-control {
        margin-right: 383px;
    }
}

.woocommerce ul.products li.product a img {
    object-fit: contain;
    height: 200px;
}

.navbar-brand>img {
/*	height: 120px;
	width: 120px;*/
	margin-top: -18px;
	margin-bottom: -21px;
}
li.product .button {
    margin: 10px;
    background: transparent;
    border: 1px solid #7c2eb5;
    color: #7c2eb5;
}

a {
    color: black;
}

a:hover {
    color: black;
}

li.product .price {
    color: #7c2eb5 !important;
}
.nf-field-element select {
    height: 34px !important;
}
.content .entry-title:after {
    background: #ed5059 none repeat scroll 0 0;
}
.sidebar h2:after {
	background-color: #ed5059;
}
.wpmenucartli {
	display: none !important;
}

.newsletter-sign {
	margin-top: 10px;
	color: #828282;
}

.btn-primary {
	background: #ed5059;
	border-color: #ed5059;
}

.what-we-do h1:after,.home-brands h1:after {
    content: "";
    display:block;   
    background: #626262;
    height: 4px;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top:20px;
}

.bar-wrapper {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 80px;
	transform: scaleY(.5);
	background-size: cover;
	background-repeat: no-repeat;
}

.bar-wrapper.top {
	top: -23px !important
}

.bar-wrapper.bottom {
	bottom: -119px !important;
}

.bar-wrapper.left {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDY0MCA2NDAiIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIj48ZGVmcz48cGF0aCBkPSJNMzE4LjE4IDcuMzRMNjQwLjY4IDExLjU5TDY0MS40NCAwTDY0MS40NCAwQzQ3MC4xNiAwLjEyIDM2My4xMSAwLjE5IDMyMC4yOSAwLjIyQzMyMC4yOSAwLjIyIDMxNi4wNyAwLjIzIDMxNi4wNyAwLjIzQzI3My4yNSAwLjI2IDE2Ni4yIDAuMzMgLTUuMDkgMC40NUwzMTguMTggNy4zNFoiIGlkPSJjMTFqbGVrekh5Ij48L3BhdGg+PC9kZWZzPjxnPjxnPjxnPjx1c2UgeGxpbms6aHJlZj0iI2MxMWpsZWt6SHkiIG9wYWNpdHk9IjEiIGZpbGw9IiM0YTRhNGEiIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48L2c+PC9zdmc+);
}

.bar-wrapper.right {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDY0MCA2NDAiIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIj48ZGVmcz48cGF0aCBkPSJNMzE4LjE4IDcuMzRMLTQuMzIgMTEuNTlMLTUuMDkgMEwtNS4wOSAwQzE2Ni4yIDAuMTIgMjczLjI1IDAuMTkgMzE2LjA3IDAuMjJDMzE2LjA3IDAuMjIgMzIwLjI5IDAuMjMgMzIwLjI5IDAuMjNDMzYzLjExIDAuMjYgNDcwLjE2IDAuMzMgNjQxLjQ0IDAuNDVMMzE4LjE4IDcuMzRaIiBpZD0iZTJHVEhYYWU4Ij48L3BhdGg+PC9kZWZzPjxnPjxnPjxnPjx1c2UgeGxpbms6aHJlZj0iI2UyR1RIWGFlOCIgb3BhY2l0eT0iMSIgZmlsbD0iIzRhNGE0YSIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjwvZz48L3N2Zz4=);
}

.wrapped-bars {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: -16px;
    width: 100%;
    object-fit: cover;
    height: 122%;
    transform: rotate(-1deg);
}

/** MSRP **/
.woocommerce-Price-amount::before {
    content: "MSRP: ";
}

/** Smaller Hero **/
.hero h2,.hero .lead {
	display: none;
}

.hero h1 {
    line-height: 71px;
    font-family: "Open Sans";
    font-size: 76px;
    letter-spacing: -5px;
    color: #ed5059;
    text-transform: uppercase;
    font-weight: bolder;
    text-shadow: none;
    text-align: left;
    margin: 0 80px 20px;
    width: 80px;
	transition: .3s all;
}

.page-title::after {
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDUwMCAxMDAiIHdpZHRoPSI1MDAiIGhlaWdodD0iMTAwIj48ZGVmcz48cGF0aCBkPSIiIGlkPSJiZmg1MGNoejAiPjwvcGF0aD48cGF0aCBkPSJNNDk3LjQgMEw0OTMuMTcgOTMuOTFMMjAuNjIgOTQuMkw1MDAgMTAwTDQ5Ny40IDBaIiBpZD0iZUNlUWlrTVdwIj48L3BhdGg+PHBhdGggZD0iTTguMzcgOTMuOTFMNi43NCAzLjk0TDQ4Ni4xNyA3LjI4TDIuMjIgMEw4LjM3IDkzLjkxWiIgaWQ9ImExTHNmSXlTZCI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48Zz48dXNlIHhsaW5rOmhyZWY9IiNiZmg1MGNoejAiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2VDZVFpa01XcCIgb3BhY2l0eT0iMSIgZmlsbD0iIzYyNjI2MiIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjYTFMc2ZJeVNkIiBvcGFjaXR5PSIxIiBmaWxsPSIjNjI2MjYyIiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjwvZz48L2c+PC9nPjwvc3ZnPg==);
	background-size: cover;
}

.min-cta-height img {
	transition: .3s all;
}

h1, h2:not(.woocommerce-loop-category__title), h3, h4, .newsletter-sign {
	text-align: center;
	color: #ed5059;
	letter-spacing: -1.5px;	
}

h1,h2,h3,h4 {
	margin-top: 40px;
}

.content .entry-title:after {
	display:none;
}

.what-we-do .container {
	max-width: 1000px;
}

.what-we-do p {
	font-size: 22px;
}

.what-we-do em {
	font-size: 24px;
	opacity: .7;
	letter-spacing: -1.25px;
	margin-bottom: -10px;
}

.what-we-do {
	color: #626262;
}

.woocommerce-Price-amount {
	color: black;
}

.what-we-do {
	background-color: #fff4f6;
	background-image: none;
}

.hero h1:hover,.min-cta-height img:hover {
	transform: scale(1.01);
}

@media (max-width: 991px) {
	body {
		padding-top: 40px;
	}
	.footer .site-title {
		display: none;
	}
	.hero {
    padding: 134px 0 20px 0;
}
	.hero h1 {
    font-size: 67px !important;
    line-height: 58px;
}
.hero h1 {
    line-height: 58px;
    font-family: "Open Sans";
    font-size: 48px;
    letter-spacing: -7px;
    color: #ed5059;
    text-transform: uppercase;
    font-weight: bolder;
    text-shadow: none;
    text-align: left;
    margin: 0 0 20px;
    width: 80px;
    width: 100%;
}
}

/** White **/
.navbar-default {
	position: fixed;
	background: transparent;
	box-shadow: none;
}

.navbar-default .navbar-nav > li > a {
	color: black;
}

nav.scrolling {
	background: white;
}

nav.scrolling .navbar-brand>img {
	width: 80px;
	height: 80px;
}

nav {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.spacer {
	height: 100px;
}

.footer,.footer-copyright {
	background: white;
}
.footer-menu {
	background: gainsboro;
}

.footer-news {
	background: #eaeaea;
	padding: 30px 0px;
	background-size: cover;
}

#menu-footer-menu a {
	color: black;
}
.footer-text-copy {
	color: black;
}
.navbar-default .navbar-nav > li.active a {
    border-color: #00aded;
    border-bottom: 0px;
    color: #ed5059;
}
li.product .button {
    margin: 10px;
    background: transparent;
    border: 1px solid #ed5059;
    color: #ed5059;
}
li.product .price {
    color: #ed5059 !important;
}
.current_page_item a {
    color: #ed5059 !important;
}
.btn-newsletter {
	background: #ed5059;
}
.shop-btn {
    color: #fff;
    border-color: #ff7981;
    background: #ed5059;
}
.shop-btn:hover {
	transform: scale(1.2);
}
.memberships {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: -50px;
}
.memberships img {
    width: 200px;
    height: 100px;
    object-fit: contain;
}
.featured {
	display: none;
}
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
.hero.default {
		margin-top: 150px;
		background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 70vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-shadow: inset 0px 0px 4px 0px rgba(128, 128, 128, 0.4);
	padding: 0;
	padding-top: 100px;
}
.site-title img {
	transition: .2s all;
}
.footer .site-title img {
	height: 50px;
    object-fit: contain;
    margin-top: -40px;
}
.navbar {
	background: white;
	box-shadow: 1px 3px 5px 0px #0000000f;
}

.min-cta-height {
	display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 50vh;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #ed5059;
}

.woocommerce div.product div.images img {
	height: 400px;
	object-fit: contain;
}

img#contact-address {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 50vh;
    object-fit: cover;
}

#contact-spacer {
	height: 10vh;
}

.contact-box {
	  background: white;
    z-index: 9;
    position: relative;
    padding: 40px;
	  box-shadow: 0 0 16px #0000000f;
}

.contact h3 {
	color: #ec5760;
}

input[type=text].nf-element, input[type=email].nf-element {
    width: 100% !important;
}

@media only screen and (min-width: 1200px){
	.contact input, .contact input[type="text"], .contact input[type="email"], .contact textarea {
    width: 100%;
}
}