/*
Theme Name:     Storefront Child
Description:    storefront child theme for http://www.elegantrainbows.com/
Author:         Wooassist
Author URI:     http://www.wooassist.com/
Version:        1.0.0
Template:       storefront
*/

/* Header */
.site-header {
    border-top: 5px solid #089fdc;
    border-bottom: 5px solid #089fdc;
    padding-top: 1em;
}

#secondary {
    display: inline;
    margin-bottom: -48px;
    margin-right: 5%;
    position: relative;
    width: 250px;
}

/* Top bar */
.custom-top-bar {
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 20px;
    padding: 0.5em 0;
}
.custom-top-bar * {
    font-weight: normal;
}

/* Logo */
.site-header .site-branding {
    text-align: center;
    margin-bottom: 0;
}
.site-header .site-branding img {
    max-height: 130px;
}
.site-header .main-navigation ul li a {
    font-weight: normal;
    font-size: 22px;
    padding: 0.8em 0.5em;
}

/* Homepage */
body.home .hentry,
body.home .content-area,
body.home .site-main {
    margin-bottom: 0;
}
body.home .site-content {
    background: #000;
}
body.home .hentry {
    color: #bab5f7;
}
.page-template-template-homepage .site-main {
    padding-top: 0;
}
#pg-6-1 {
    background: url('/wp-content/uploads/2016/01/HomePageBottom-Background.jpg');
}
.home-four-column {
    padding: 2em 0
}
.home-four-column * {
    color: #fff;
}
.home-four-column .widget .widget-title {
    font-size: 18px;
    border-bottom: 0;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
}
.home-four-column .widget img {
    border: 5px solid #fff;
}
body.home .flex-control-paging li a {
    background: #fff;
    border:1px solid #089fdc;
}
body.home .flex-control-paging li a.flex-active {
    background: #ffca6e !important;
}
body.home .metaslider .flexslider {
    border-bottom: 5px solid #089fdc;
}

/* Footer */
.site-footer {
    padding:1.618em 0;
}
.site-footer .secondary-navigation {
    margin-bottom: 0;
}
.site-footer .secondary-navigation .menu {
    float: none;
}
.site-footer .secondary-navigation .menu li a {
    padding: 0.4em 1em;
    font-size: 13px;
}
.site-footer .secondary-navigation .menu li .sub-menu {
    display: none;
}
.site-footer .column-2 {
    font-size: 13px;
    text-align: right;
}

/* Single product page */
body.single-product .site-content > .col-full{
    max-width: 60em;
}
.storefront-full-width-content .woocommerce-tabs ul.tabs {
    float: none;
    width:100%;
    border-top: 0;
    position: relative;
}

.storefront-full-width-content .woocommerce-tabs .panel {
    float: none;
    width: 100%;
}
.woocommerce-tabs ul.tabs:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.woocommerce-tabs ul.tabs:after {
    content: '';
    display: table;
    clear: both;
}
.woocommerce-tabs ul.tabs li {
    display: inline-block;
    float: left;
    padding: 0 2em 0 1em;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    z-index: 5;
    background: #f7f7f7;
}
.woocommerce-tabs ul.tabs li:first-child {
    border-right: 0;
    margin-left: 10px;
}
.woocommerce-tabs ul.tabs li.active {
    background: #fff;
    border-bottom-color: #fff;
}

@media (min-width: 768px) {

    /* Logo */
    .site-header .site-branding {
        width: 100%;
        float: none;
        text-align: center;
    }
    .site-header .site-branding img {
        margin:0 auto;
        max-height: 130px;
    }

    /* main navigation */
    .site-header .main-navigation,
    .woocommerce-active .site-header .main-navigation {
        width:  100%;
        margin-right: 0;
    }

    /* General */
    .col-full {
        max-width: 77.141em;
    }

    /* Single product page */
    .storefront-full-width-content.single-product div.product .images,
    .storefront-full-width-content.single-product div.product .summary {
        width: 47.8260869565%;
    }

    /* Footer */
    .site-footer .column-1 {
        width: 42.8571428571%;
        float: left;
        margin-right: 14.2857142857%
    }
    .site-footer .column-2 {
        width: 42.8571428571%;
        float: left;
    }
	.sub-menu {
		min-width: 500px;
	}
	.sub-menu .menu-item {
		display: inline-block;
		width: 200px;
	}
}

/* Fixes */
.emerald {
    color: #50c878 !important;
}
#tab-description .content-column {
    width:  100%;
    float: none;
}

/* Column Classes
    Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 1.7%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

// Mixin itself
.1clearfix:after {
    display: block;
    content: "";
    clear: both;
}

/* CUSTOM */
.main-navigation ul li a,
			.site-title a,
			ul.menu li a,
			.site-branding h1 a,
			button.menu-toggle,
			button.menu-toggle:hover,
			.handheld-navigation .dropdown-toggle {
				color: #ffca6e !important;
			}

			button.menu-toggle,
			button.menu-toggle:hover {
				border-color: #ffca6e;
			}

			.main-navigation ul li a:hover,
			.main-navigation ul li:hover > a,
			.site-title a:hover,
			.site-header ul.menu li.current-menu-item > a {
				color: #ffffaf;
			}

			table:not( .has-background ) th {
				background-color: #f8f8f8;
			}

			table:not( .has-background ) tbody td {
				background-color: #fdfdfd;
			}

			table:not( .has-background ) tbody tr:nth-child(2n) td,
			fieldset,
			fieldset legend {
				background-color: #fbfbfb;
			}

			.site-header,
			.secondary-navigation ul ul,
			.main-navigation ul.menu > li.menu-item-has-children:after,
			.secondary-navigation ul.menu ul,
			.storefront-handheld-footer-bar,
			.storefront-handheld-footer-bar ul li > a,
			.storefront-handheld-footer-bar ul li.search .site-search,
			button.menu-toggle,
			button.menu-toggle:hover {
				background-color: #000000;
			}

			p.site-description,
			.site-header,
			.storefront-handheld-footer-bar {
				color: #ffffff;
			}

			button.menu-toggle:after,
			button.menu-toggle:before,
			button.menu-toggle span:before {
				background-color: #ffca6e;
			}

			h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
				color: #333333;
			}

			.widget h1 {
				border-bottom-color: #333333;
			}

			body,
			.secondary-navigation a {
				color: #6d6d6d;
			}

			.widget-area .widget a,
			.hentry .entry-header .posted-on a,
			.hentry .entry-header .post-author a,
			.hentry .entry-header .post-comments a,
			.hentry .entry-header .byline a {
				color: #727272;
			}

			a {
				color: #ffca6e;
			}

			a:focus,
			button:focus,
			.button.alt:focus,
			input:focus,
			textarea:focus,
			input[type="button"]:focus,
			input[type="reset"]:focus,
			input[type="submit"]:focus,
			input[type="email"]:focus,
			input[type="tel"]:focus,
			input[type="url"]:focus,
			input[type="password"]:focus,
			input[type="search"]:focus {
				outline-color: #ffca6e;
			}

			button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
				background-color: #ffca6e;
				border-color: #ffca6e;
				color: #000000;
			}

			button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
				background-color: #e6b155;
				border-color: #e6b155;
				color: #000000;
			}

			button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
				background-color: #333333;
				border-color: #333333;
				color: #ffffff;
			}

			button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
				background-color: #1a1a1a;
				border-color: #1a1a1a;
				color: #ffffff;
			}

			.pagination .page-numbers li .page-numbers.current {
				background-color: #e6e6e6;
				color: #636363;
			}

			#comments .comment-list .comment-content .comment-text {
				background-color: #f8f8f8;
			}

			.site-footer {
				background-color: #000000;
				color: #5e5e5e;
			}

			.site-footer a:not(.button):not(.components-button) {
				color: #5e5e5e;
			}

			.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
				color: #ffca6e;
			}

			.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
				color: #5e5e5e;
			}

			.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
				color: #000000;
			}

			.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content {
				color: #000000;
			}

@media only screen and (min-width: 960px) {

	/* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 1.7%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.717948717948715%;
	}

	.one-third,
	.two-sixths {
		width: 31.623931623931625%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.81196581196582%;
	}

	.one-fourth {
		width: 23.076923076923077%;
	}

	.three-fourths {
		width: 74.35897435897436%;
	}

	.one-sixth {
		width: 14.52991452991453%;
	}

	.five-sixths {
		width: 82.90598290598291%;
	}

	.first {
		clear: both;
		margin-left: 0;
	}

}
@media only screen and (max-width: 600px) {

	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		padding: 0;
		width: 100%;
	}
}