/*
Theme Name: Storefront Blank Child Theme
Theme URI: http://www.pootlepress.com/shop/free-blank-woothemes-storefront-child-theme/
Description: Pootlepress child theme for the Storefront theme.
Author: PootlePress
Author URI: http://www.pootlepress.com
Template: storefront
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-child
*/

@import url('https://fonts.googleapis.com/css?family=Montez');

@import url('https://fonts.googleapis.com/css?family=Amatic SC');

@import url('https://fonts.googleapis.com/css?family=Raleway');

/* make products even heights */

ul.products li.product .woocommerce-LoopProduct-link {
    min-height: 320px;
}

h2.woocommerce-loop-product__title {
    min-height: 60px !important;
}

.onsale {
    display: none;
}

/* display icons beside menu items */

.us-menu-flag a {

margin-left: 20px !important;
padding-left: 20px !important;
padding-top: 14px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/06/united-states-16.png) !important;
background-position: left !important;
background-repeat: no-repeat !important;
}

.au-menu-flag a {

margin-left: 20px !important;
padding-left: 20px !important;
padding-top: 14px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/06/australia-16.png) !important;
background-position: left !important;
background-repeat: no-repeat !important;
}

.au-menu-flag .us-menu-flag a {

margin-left: 20px !important;
/* this sits on a grey background so padding is more to allow for 7px below */
padding-left: 30px !important;
padding-top: 16px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/06/united-states-16.png) !important;
/* this sits on a grey background so is spaced in to 7px */
background-position: 7px !important;
background-repeat: no-repeat !important;
}

.us-menu-flag .au-menu-flag a {

margin-left: 20px !important;
/* this sits on a grey background so padding is more to allow for 7px below */
padding-left: 30px !important;
padding-top: 16px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/06/australia-16.png) !important;
/* this sits on a grey background so is spaced in to 7px */
background-position: 7px !important;
background-repeat: no-repeat !important;
}

.authors-icon a {

margin-left: 20px !important;
padding-left: 25px !important;
padding-top: 12px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/07/PcP-Product-Icons-Authors.png);
background-size: 20px 20px;
background-position: left;
background-repeat: no-repeat;
}

.books-icon a {

margin-left: 20px !important;
padding-left: 25px !important;
padding-top: 12px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/07/PcP-Product-Icons-Books.png);
background-size: 20px 20px;
background-position: left;
background-repeat: no-repeat;
}

.audio-video-icon a {

margin-left: 20px !important;
padding-left: 25px !important;
padding-top: 12px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/07/PcP-Product-Icons-Audio-and-Video.png);
background-size: 20px 20px;
background-position: left;
background-repeat: no-repeat;
}

.ebooks-icon a {

margin-left: 20px !important;
padding-left: 25px !important;
padding-top: 12px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/07/PcP-Product-Icons-eBooks.png);
background-size: 20px 20px;
background-position: left;
background-repeat: no-repeat;
}

.learning-tools-icon a {

margin-left: 20px !important;
padding-left: 25px !important;
padding-top: 12px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/07/PcP-Product-Icons-Learning.png);
background-size: 20px 20px;
background-position: left;
background-repeat: no-repeat;
}

.magazines-icon a {

margin-left: 20px !important;
padding-left: 25px !important;
padding-top: 12px !important;
background-image: url(https://holmgren.com.au/store/wp-content/uploads/2017/07/PcP-Product-Icons-Magazines.png);
background-size: 20px 20px;
background-position: left;
background-repeat: no-repeat;
}



/* remove product category headers to allow for description with logo to display */

.term-136 h1.woocommerce-products-header__title.page-title,
.term-36 h1.woocommerce-products-header__title.page-title,
.term-20 h1.woocommerce-products-header__title.page-title,
.term-59 h1.woocommerce-products-header__title.page-title,
.term-15 h1.woocommerce-products-header__title.page-title,
.term-31 h1.woocommerce-products-header__title.page-title
 {
    display: none;
}

/* change image margins for category headers and images */

.term-description img {
    margin-right: 20px;
    width: 100px;
}

/* change colours of currency converter buttons */

ul.currency_switcher li a.active, ul.currency_switcher li a:hover {
    background: #FAA337;
    color: #ffffff;
}

ul.currency_switcher li a {
    border: 1px solid #FAA337;
}

/* make product description 100% and make tabs at the top for description, extras and reviews */

.storefront-full-width-content .woocommerce-tabs ul.tabs {
    width: 100% !important;
}

.storefront-full-width-content .woocommerce-tabs .panel {
    width: 100% !important;
}

.woocommerce-tabs ul.tabs li {
    display: inline-block;
    margin: 0;
    border: 1px solid #FAA337;
    padding: 5px 40px;
    border-radius: 5px;
}

ul.tabs.wc-tabs {
    border-top: none;
}

.woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li.active a {
	color: #ffffff !important;
}

.woocommerce-tabs ul.tabs li.active {
    background-color: #FAA337;
}

.woocommerce-tabs ul.tabs li a:focus {
    outline: none !important;
}

/* change font sizes in product tabs */

.woocommerce-tabs .panel h2:first-of-type {
    font-size: 2em;
}

.upsells>h2:first-child {
    font-size: 3em;
}

/* reduce bottom margin of social logins */

.wc-social-login.form-row-wide p {
    margin-bottom: 10px !important;
}

/* align currency switcher with left side of product description and horizontally with social logins*/

ul.currency_switcher {
    margin-left: 0px !important;
    margin-top: 20px;
}
/* move info boxes closer together on checkout */

.page-id-9 .woocommerce-info {
    margin-bottom: 10px;
}

.footer-widgets {
    padding-top: 1.2em;
}

nav.woocommerce-breadcrumb {
    margin-bottom: 30px;
}

/* the following two sections (with one comented out) put the country flag in front of the breadcrumb - this is the only line of code that differs between AU and US sites*/

/* US code*/

/*.woocommerce-breadcrumb a:first-of-type:before {
    content: url(https://holmgren.com.au/store/wp-content/uploads/2017/06/united-states-16.png) !important;
    vertical-align: -3px;
}*/

/* AU code*/

.woocommerce-breadcrumb a:first-of-type:before {
    content: url(https://holmgren.com.au/store/wp-content/uploads/2017/06/australia-16.png) !important;
    vertical-align: -3px;
}

.button,
button.alt {
    border-radius: 3px !important;
}

/* adjust heading sizes and colours */

body, button, input, textarea {
    color: #43454b;
    font-family: raleway;
}

h1 {
    color: #694621;
    font-family: raleway, arial;
	font-size: 40pt !important;
	font-weight: normal;
}

h2 {
    color: #694621;
    font-family: raleway, arial;
	font-weight: normal;
	font-size: 24pt;
}


h3, h4, h5, h6 {
    color: #694621;
    font-family: raleway;
}

h2.woocommerce-loop-category__title {
    color: #515151;
    font-family: raleway;
}

h2.woocommerce-loop-product__title {
    color: #515151;
    font-family: raleway;
	font-weight: normal;
}

h1.product_title.entry-title {
    color: #694621;
    font-family: raleway, arial;
	font-size: 30pt !important;
	font-weight: normal;
}

/* remove huge margin above author headings */

.wc-tab h2 {
    margin-top: 0px !important;
}

nav.woocommerce-breadcrumb {
    font-size: 12px;
}

/* mobile phone updates */

@media (max-width: 768px) {

    /*ADJUST MARGIN + PADDING SPACING BETWEEN SECTIONS */

    ul.products li.product.product-category img {
        margin-bottom: 1.618em;
        width: 100px;
    }

    .page-template-template-homepage .type-page {
        padding-top: 0em;
        padding-bottom: 0em;
    }

    .page-template-template-homepage:not(.has-post-thumbnail) .site-main {
        padding-top: 1em;
    }

    .storefront-product-section .section-title {
        margin-bottom: 0em;
    }

    ul.products li.product img {
        margin: 0 auto 0em;
    }

    .storefront-product-categories ul.products li.product {
        margin-bottom: 3em;
    }

    .storefront-product-categories h2.section-title {
        margin-bottom: 1em !important;
    }

    .woocommerce-product-details__short-description h2 {
    margin-top: 1em;
    }

    /* allow currency switcher to sit on one line */

    ul.currency_switcher li {
    font-size: 14px;
    line-height: 30px;
    }

    .widget-area {
        display: none !important;
    }

    /* make description and reviews button smaller */

    .woocommerce-tabs ul.tabs li {
    padding: 5px 20px;
    font-size: .8em !important;
    }
}

@media (min-width: 768px) {

/* put downwards arrow next to parent item in secondary menu */

.secondary-navigation ul.menu > li.menu-item-has-children > a:after,
.secondary-navigation ul.menu > li.page_item_has_children > a:after,
.secondary-navigation ul.nav-menu > li.menu-item-has-children > a:after,
.main-navigation ul.nav-menu > li.page_item_has_children > a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    margin-left: .3em;
    }

/* adjust margin after logo to allow other info to fit */

    .site-header .site-branding {
    margin-right: 2em !important;
    }

/* adjust margin uner sharing icons */

    .storefront-product-sharing ul li a:before {
    margin: 0 auto .3em;
}

/* 4 columns on upsells */

    .woocommerce.single-product .up-sells > ul.products > li.product.type-product.status-publish {
    width: 22.05%;
    margin-right: 3.9%;
    clear: none !important;
    }
}

/* change styling on tag tags */

.cool-tag-cloud .ctcleft a {
    text-shadow: none;
    }

#commentform #submit {
	display: block;
    clear: both;
    margin-top: 50px;
}
.checkout .flex-direction-nav .flex-prev,
.checkout .flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
    position: initial;
    opacity: 1;
    width: auto;
    height: auto;
    color: #fff;
    text-shadow: none;
}
.flex-direction-nav a:before {
    display: none;
}