/*!
Theme Name:   	Storefront Child
Theme URI:    	https://woocommerce.com/storefront
Author:         WooThemes
Author URI:     https://woocommerce.com/
Template:     	storefront
Description:  	Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love it's lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      	2.2.4
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront-child
Tags:         	e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options
*/

/**********************************************************************************************/
/*IMPORT Fonts for site here*/
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');
/*End Section*/

/**********************************************************************************************/

/*SITE WIDE modifications*/

.site-branding .site-title a {
font-family: 'Dancing Script', cursive;
font-size: 1.6em;
font-weight: 700;
color: #EA1B68;
}

.site-header .site-branding img {
max-width: 132px;
}

h1, h2 {
font-family: 'Courgette', cursive;
color: #B7008E;
}

.site-header {
border-bottom: none;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
margin-bottom: 0;
}

/*Removes Search Bar*/
div.site-search {
display: none;
}

/*Main Nav Styles*/
.main-navigation ul li a:hover {
color: #EA1B68;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header-cart:hover > li > a {
color: #EA1B68;
}

/*Change Cart Icon to Shopping Bag*/
.site-header-cart .cart-contents::after {
content: "\f290";
}

/*Remove Page Title*/
.entry-title {
display: none;
}

/*fullwidth page and remove padding*/
.col-full {
max-width: 100%;
padding: 0; /*original values 0 2.617924em */
margin: 0;
}

.site-header .site-branding {
width: auto;
padding-left: 2.617924em;
}


/***Start - Full Width Main Nav Menu Layout Spacing***/
@media (min-width: 768px){
.site-header {
padding-top: 0.5em;
padding-bottom: 0;
}

.storefront-primary-navigation {
display: inline-block;
width: 73.9130434783%;
margin-left: auto;
margin-right: auto;
padding: 0;
}

.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
padding: 1em;
font-weight: 600;
}

.site-header-cart .cart-contents {
padding: 1em 0;
float: right;
}
.site-header-cart .cart-contents .amount {
display: none;
}
.site-header-cart .cart-contents .count {
margin-right: 5px;
}

}
/***END - Full Width Main Nav Menu Layout Spacing***/


/*Site Footer*/
.site-footer {
background: rgba(0,0,0,.06);
padding: 0;
}
.site-info {
padding: 0.617924em 2.617924em;
}

/*Removes Bottom Menu Bar on Handheld mobile devices */
.storefront-handheld-footer-bar {
display: none;
}


/***Woocommerce Related Sitewide***/
/*remove site wide breadcrumbs*/
.woocommerce-breadcrumb {
display: none;
visibility:hidden;
}


/***CUSTOM CLASSES***/

/*Site Buttons*/
.btn {
background-color: #EA0F6B;
color: #FFF;
font-size: 1.41575rem;
font-weight: 700;
padding: 0rem 0.8rem;
margin: 2rem 0;
border-radius: 2.5rem;
border: 3px solid #EA0F6B;
}
.btn:hover {
background-color: #FEF8F8;
color: #EA0F6B;
border: 3px solid #EA0F6B;
/* for fade ease effect on hover - removed
-webkit-transition: background-color 0.5s ease 0s;
transition: background-color 0.5s ease 0s;
*/
}


/*Center Align*/
.ctrAlign {
text-align: center;
}

/*Page Content Padding on Left and Right*/
.contentPadding {
padding: 6em 2.617924em;
}

/*Section Styles & Formatting*/
.sectionOdd {
background-color: #fff2fb; /*#fff8fd #FFF6FF*/
overflow: hidden;
}
.sectionEven {
background-color: #fde8fa; /*#ffe8f7 #fff3f3 #FFF6FC*/
overflow: hidden;
}
section {
outline: none;
}

/**********************************************************************************************/
/*HOME PAGE*/

/*Remove 'Home' title on Home page*/
.post-16 .entry-title {
display: none;
}

/*
#homeS1, #homeS2 {
padding-top: 3em;
padding-bottom: 6em;
}
*/

/*
#ltcol {
background-color: #efad7f;
}
#ctrcol {
background-color: #7FD1B9;
}
#rtcol {
background-color: #C25C6F;
}
*/

#ltcol, #ctrcol, #rtcol {
width:33.333333%;
float: left;
padding: 2rem;
vertical-align: top;
text-align: center;
/*cursor: pointer;
display: inline-block;
background-color: #ffffff;*/
}


@media screen and (max-width: 768px) {
#ltcol, #ctrcol, #rtcol {
width: 100%;
margin: 10px 0px;
padding: 0 2rem;
}
}

@media screen and (max-width: 320px) {
#ltcol, #ctrcol, #rtcol {
padding: 0;
}
}

/**********************************************************************************************/
/*WELCOME PAGES*/

.page-id-64 #site-header-cart {
display: none;
}

#head {
position: relative;
text-align: center;
width: 100%;
background-image: url('/wp-content/uploads/2017/08/LandingEA-Cover-BGOnly-V3.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: block;
padding-top: 50%; /*Based on aspect ratio of screen - i.e 1.78:1=0.5618=56.18% 1.6:1=0.625=62.5%  1.5:1=0.6666=66.67% 1.33:1=0.7519=75.19% */
}

#head .head-content {
width: 100%;
text-align: center;
}

@media (min-width: 768px) {
#head {
min-height: 100%;
}
#head .head-content {
position: absolute;
top: 50%;
padding: 0 50px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#head .head-content .head-inner {
margin-right: auto;
margin-left: auto;
max-width: 1000px;
}
}

#howto p {
font-size: 1.375em;
}


/**********************************************************************************************/
/*Welcome Page - https://stylizemi.com/welcome/confirm/ .page-id-416 */
/*Removes Menu and header section*/
.page-id-416 header {
display: none;
}

.page-id-416 .content-area, .page-id-416 .site-main, .page-id-416 .hentry {
margin-bottom: 0;
}

.confirm-container {
background-image: url('/wp-content/uploads/2017/08/LandingEA-Cover-BGOnly-V3.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: block;
padding: 2rem 1rem;
text-align: center;
}

.page-id-416 .site-info {
background-image: none;
background-color: #fde8fa;
}

/**********************************************************************************************/
/*Welcome Page - https://stylizemi.com/welcome/early-access/ .page-id-95 */

/*Removes Menu and header section*/
.page-id-95 header {
display: none;
}

.page-id-95 .content-area, .page-id-95 .site-main, .page-id-95 .hentry {
margin-bottom: 0;
}

/*Customization for Signup-page*/
.head-container {
background-image: url('/wp-content/uploads/2017/08/LandingEA-Cover-BGOnly-V3.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: block;
padding: 2rem 1rem;
text-align: center;
}


#logo-full {
width: 33rem;
margin-left: auto;
margin-right: auto;
}

.head-content h1{
font-size: 2rem;
}

.head-content p {
margin: 1.41575em 0 1em;
}

.offer-tag {
font-weight: 600;
font-size: 1.3em;
}

.page-id-95 .btn {
margin-top: 0;
}

#learn-more {
display: block;
margin: 0;
}

.section-title {
text-transform: uppercase;
}

.top-pad-2em {
padding-top: 2em;
}

.small-font {
font-size: 0.88em;
}

#how-HL, #custom-HL {
font-size: 1.68rem;
font-style: italic;
line-height: 1.214;
letter-spacing: -1px;
max-width: 20em;
margin-left: auto;
margin-right: auto;
}

.page-id-95 #howto p {
font-size: 1.138em;
}

#homeS2 h2 {
margin: 0;
}

#homeS2 p {
font-size: 1.375em;
max-width: 28rem;
margin-left: auto;
margin-right: auto;
}

.S2-secHL {
font-family: 'Courgette', cursive;
font-size: 1.68rem;
}

@media screen and (max-width: 425px) {
#logo-full {
width: 28rem;
}
.head-content h1{
font-size: 1.68rem;
}

.head-content h4 {
font-size: 1.22rem;
}

.head-content p {
font-size: 0.88em;
}

.page-id-95 .contentPadding {
padding: 3em 1em;
}

#homeS1 h2, #homeS2 h2 {
font-size: 1.68rem;
}

.S2-secHL {
font-size: 1.5rem;
}

#homeS2 p {
font-size: 1.1em;
}

}/*End media query max-width 425px*/

@media screen and (max-width: 375px) {
.head-content h4 {
font-size: 1.1rem;
}
}/*End media query max-width 320px*/

/* Contact7 Sign Up Form Popup */
#popmake-162, .site-info {
background-image: url('/wp-content/uploads/2017/08/LandingEA-Cover-BGOnly-V3.jpg');
background-position: center;
background-size: auto;
background-repeat: no-repeat;
}

@media screen and (max-width: 425px) {
#popmake-162 {
top: 1em !important;
}
}

#popmake-162 .pum-content {
text-align: center;
}

#popmake-162 h2 {
font-size: 1.6em;
}

.signup-form {
text-align: center;
}

#input-field {
max-width: 16rem;
border-radius: 2.5em;
text-align: center;
background-color: #FEF8F8;
}

#input-field:focus{
background-color: #fdf8fe;
}

#signup-btn, #verify-btn {
background-color: #EA0F6B;
color: #FFF;
font-size: 1.41575rem;
font-weight: 700;
padding: 0rem 0.8rem;
margin: 1rem;
border-radius: 2.5rem;
border: 3px solid #EA0F6B;
}
#signup-btn:hover, #verify-btn:hover {
background-color: #FEF8F8;
color: #EA0F6B;
border: 3px solid #EA0F6B;
/* for fade ease effect on hover - removed
-webkit-transition: background-color 0.5s ease 0s;
transition: background-color 0.5s ease 0s;
*/
}

.wpcf7-recaptcha div:first-child {
margin-left: auto;
margin-right: auto;
}

@media (max-width: 375px){
.wpcf7-recaptcha div:first-child {
transform: scale(0.88);
transform-origin: 16% 0%;
}
}

.accept-content {
font-size: 0.88em;
margin-top: 1em;
margin-bottom: 0;
}

.wpcf7-response-output {
text-align: center;
}

/**********************************************************************************************/
/*Welcome Page - https://stylizemi.com/welcome/landingdev/ .page-id-462 */

/*Removes Menu and header section*/
.page-id-462 header {
display: none;
}

.page-id-462 .content-area, .page-id-462 .site-main, .page-id-462 .hentry {
margin-bottom: 0;
}

.page-id-462 #howto p {
font-size: 1.138em;
}
/**********************************************************************************************/
/*Terms .page-id-355  & Privacy Page .page-id-360 */

/*Removes Menu and header section*/
.page-id-355 header, .page-id-360 header {
display: none;
}

.page-id-355 .content-area, .page-id-355 .site-main, .page-id-355 .hentry {
margin-bottom: 0;
}

.page-id-360 .content-area, .page-id-360 .site-main, .page-id-360 .hentry {
margin-bottom: 0;
}

.docu-container {
background-image: url('/wp-content/uploads/2017/08/LandingEA-Cover-BGOnly-V3.jpg');
}

.docu-contents {
text-align: center;
max-width: 39rem;
margin-left: auto;
margin-right: auto;
padding: 1.5rem;
}

#logo-header {
width: 18rem;
margin-left: auto;
margin-right: auto;
}

.docu-contents h3 {
font-family: 'Questrial','Helvetica Neue',Arial,sans-serif;
font-size: 1.28em;
font-weight: 500;
text-transform: uppercase;
}

.docu-contents h4 {
font-size: 1.28em;
font-weight: 500;
color: #4b2142;
}

@media screen and (max-width: 425px) {
.docu-contents h3, .docu-contents h4 {
font-size: 1em;
}
}

/*Site Info*/
.page-id-355 .site-info, .page-id-360 .site-info {
background-image: none;
background-color: #fff2fb;
}

/*floating Help Contact button
.help-btn {
background: none;
margin: 0;
position: fixed;
bottom: 0.5em;
right: 0.5em;
z-index: 100;
display: inline;
font-size: 2.3em;
text-align: center;
text-decoration: none;
color: #b3b3b3;
}

.help-btn:hover {
cursor: pointer;
color: #887878;
}
 */