/*
Theme Name: Ala Lani Theme
Theme URI: alalani.com
Author: Hyphen8tion Studios
Author URI: http://h8s.co
Description: Custom e-commerce theme for Ala Lani Bath and Body Works.
Version: 1.0.0
Text Domain: alalani

This theme is custom built and uses responsive and cross-browser compatability functionality from Twitter Bootstrap v.3. It is a custom theme with style and templating built for the Ala Lani e-commerce sales and information.

*/


/*
Required WordPress CSS
*/

.textwidget .fb_ico img {
    height: 56px;
    width: 56px;
   
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}
.gallery-caption {
}
.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

div.wpcf7-mail-sent-ok { display: none; }

.woocommerce-message {
	background: #010446;
	color: #fff;
	font-size: 18px;
	padding: 10px 5%;
	text-align: center;
}
	
.woocommerce-message .button {
	  display: block;
	  width: 220px;
	  padding: 0;	
}

.woocommerce-message .button:hover {
		background: #fff;
		color: #010446;
}
.woocommerce-message p
{
  line-height: 60px;   
}

abbr[title] {
  text-decoration: none;
}
.bg-gray .col-md-6 {
    width: 49%;
	padding-right: 0;
}
.bg-gray  .col-md-2 {
    width: 12.667%;

}

.home footer .input-holder-zip {
   
   
}
.home footer .input-holder {
   
    width: 78%;
}

.home footer .input-holder-button {
    width: 39%;
    float: left;
    line-height: 100%;
    margin-top: 10px;
}
.footer-logo {
    padding: 0;
    width: 13% !important;
}

@media only screen and (min-width: 320px)and (max-width: 420px) {
footer .input-holder, footer .input-holder-zip {
    width: 100%;
}
footer .small-button {
       width: 77%;
}
footer .input-holder-zip .input-text {
    width: 35%;
}
}



@media only screen and (max-width: 480px) {
.bg-gray .col-md-2 {
    text-align: center;
    width: 100%;
}
.textwidget .fb_ico {
    margin: 20px auto;
    width: 55px;
}
.footer-logo {
    width: 100% !important;
}
.bg-gray .col-md-6 {
    width: 95%;
}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
.bg-gray .col-md-2 {
    text-align: center;
    width: 100%;
}
.textwidget .fb_ico {
    margin: 20px auto;
    width: 55px;
}
.footer-logo {
    width: 100% !important;
}
.bg-gray .col-md-6 {
    width: 95%;
}
}


@media only screen and (min-width: 641px) and (max-width: 990px) {
.bg-gray .col-md-2 {
    min-height: 190px;
    width: 50%;
}
.bg-gray .col-md-6 {
    width: 50%;
}
.bg-gray .col-md-2.col-xs-12 {
    min-height: auto;
}
.textwidget .fb_ico {
    float: none;
    margin: 33px auto 24px;
    width: 55px;
}
.footer-logo {
    text-align: center;
    width: 50% !important;
}
}


footer .footer-logo img {
	width: 100px;
	height: auto;
}

.recaptcha
{
    margin-bottom: 70px;
    text-align: center;
}

.recaptcha .wpcf7-form-control-wrap .g-recaptcha > div
{
    margin: 0 auto;
}


.woocommerce-info
{
	text-align:center;
	font-size:22px;
	padding:30px 0;

}

#ContactContent .input
{
	width:100%;
}

#ContactContent .wpcf7-spinner
{
	display:block;
	margin: 15px;
}