/*
 Theme Name: jugiong-wine-cellar
 Theme URI: https://www.jugiongcellars.com
 Author: Free Range Web Design
 Author URI: http://www.freerangewebdesign.com.au
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain:  jugiong-wine-cellar
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print

nav bar a39c91
main body  c8c1b9
lighter  e3e0dc

e7decb nav bar link color from old jugiong website
#CABC9F neutral - same as jugiong background
#A23435 jugiong red 
--------------------------------------------------------------*/

html {
	background-color:#a23435;
}


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body {
	color: #333;
	font-family: Lato, helvetica, arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.66;
		background-image: url(images/bg-jugiong-cellars.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: auto auto;

}



/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
select {
    background-color: #fff;
    border-color: #fff;
    height: 2em;
}

/*  gravity forms styling:  */

.gform_confirmation_message {
    background-color: #D6F5E0!important;
    border: 1px solid #33CC66!important;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 20px 0;
    text-align: center;
}

/*--------------------------------------------------------------
7.0 Formatting - COLOR COLOUR
--------------------------------------------------------------*/

.site-header {
	background-color: transparent;
}

.custom-header {
    position: relative;
}

.custom-logo-link img {
    max-height: 60px;
    width: auto;
}

.site-content-contain {
    background-color: transparent;  /* color of background content area */
}

.site-branding {
    background-color: #CABC9F; /* color of background logo and top nav area */
	background-image: url(images/bg-jugiong-cellars.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: auto auto;
	 padding: 1em 0;
}

.single-featured-image-header {
    background-color: #c8c1b9;
    border-bottom: none;
}

.site-footer {
    border-top: none;
	 background-color:#a23435;
	/*background-image: url(images/footer-bg-design-detail.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto auto;
	min-height:230px; */
}

.widget_product_search .search-field {  /* color of background in search in sidebar widget */
    padding-right: 100px;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

tr {
    border-bottom: 1px solid #222222;
}

mark, ins {
    background: transparent; /* background for crossed out regular price */
    text-decoration: none;
}


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
    box-shadow: none;    /* color of underlining links - was white */
    text-decoration: none;
    transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s, -webkit-box-shadow 130ms ease-in-out 0s;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
    background: #a23435 none repeat scroll 0 0;  /* color of navbar */
	border-bottom: none;
	border-top: none;
	font-size: 18px;
	font-size: 1rem;
	font-family: raleway, sans-serif;
}

.main-navigation ul {
	background: #a23435;
	padding: 0 1.5em;
	text-align: center;
}

.navigation-top a {
    color: #e7decb;
    font-weight: 400;
    transition: color 0.2s ease 0s;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #e7decb;
    font-weight: 800;
}

.main-navigation a:hover {
    color: #e7decb;
    font-weight: 800;
}


/* top cart menu -  */

div.navigation-cart {

	
}

div.menu-secondary-nav-container {
    max-width: 1200px;  /* same as class = wrap  */
    position: relative;
}

ul#cart-menu.menu {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9999;
}

ul#cart-menu.menu li {
   /*  border-left: 1px solid; */
    margin-left: 15px;
    padding-left: 15px;
	float:left;
}
ul#cart-menu.menu li:last-child {
    margin-right: 0;
    padding-right: 0;
}
ul#cart-menu.menu li:first-child {
    margin-left: 0;
    padding-left: 0;
}
ul#cart-menu.menu li a {
	display: block;
	color: #000000;
	text-align: center;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 600;
}

ul#cart-menu.menu li a:hover {
    border-bottom: 1px dotted #000000;
}
ul#cart-menu.menu li.current_page_item a {
    background: #000000 none repeat scroll 0 0;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
}



/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

.wrap {
    max-width: 1200px;
    padding-left: 2em;
    padding-right: 2em;
}

.single-post:not(.has-sidebar) #primary, 
.page.page-one-column:not(.twentyseventeen-front-page) #primary, 
.archive.page-one-column:not(.has-sidebar) .page-header, 
.archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}


/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

div.site-branding div.wrap {
	text-align:center;	
}

.site-title {
    font-size: 1.2rem;
    letter-spacing: 0.08em;
}

.site-description {
    display:none;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    display: none;
}

body.home .custom-logo-link img {
    max-height: 80px; /* default is 80px */
}

.custom-header-media::before {
    background: none;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-logo-link img {
	background-color:none;  /* color of logo bg */
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding {
	color:#fff;
}

body.home.has-header-image .site-title, 
body.home.has-header-video .site-title, 
body.home.has-header-image .site-title a, 
body.home.has-header-video .site-title a {
    color: #fff;
}

body.home.has-header-image .site-description, 
body.home.has-header-video .site-description, 
body.home.has-header-image .site-description a, 
body.home.has-header-video .site-description a {
    color: #fff;
}

body.has-header-image .site-title, 
body.has-header-video .site-title, 
body.has-header-image .site-title a, 
body.has-header-video .site-title a {
    color: #000;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #000;
	opacity: 0.8;
	display:none;
}

body:not(.title-tagline-hidden) .site-branding-text {
    width: 60%;
	display:none; /* hide site title and description */
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
    padding-top: 2em;
}

/* meteor slides */

div.meteor-slides {
    text-align: center!important;
	margin:0 auto;
}

.header-image {
	background-color: #262626;	
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

/* remove brand name from product page */

body.single-product span.mg-brand-wrapper.mg-brand-wrapper-product {
	display:none;	
}

a[href$=".PDF"], a[href$=".pdf"] {
	background: #e8e8e8 url("images/pdf-icon.png") no-repeat scroll 15px center;
    border-bottom: 2px solid #e1e1e1;
    border-radius: 4px;
    line-height: 30px;
    margin-left: 15px;
    padding: 15px 30px 15px 50px;
}


/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/*.page .panel-content .entry-title, 
.page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: none;
} */

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
	font-family:raleway, sans-serif;
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 0em;
    text-transform: lowercase;
	padding-bottom:0;
}



/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    padding: 0;
	margin: 0;
	padding-bottom:1em;
}

h2 {
    color: #222;
    font-weight: 300;
}

h3 {
    font-weight: 400;
}

/* margin below heading - before page content */
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0em;
	color: #222;
	font-family:raleway, sans-serif;
    font-weight: 300;
    letter-spacing: 0em;
    text-transform: lowercase;
	padding-bottom:0;
}

.widget ul li {
    border-bottom: 0.5px dotted #222;
    /* border-top: 0.5px dotted #222; */
	border-top:none;
    padding: 0.5em 0;
}
div.tagcloud ul.wp-tag-cloud li {
    border: none;
	padding:0;
}

.widget .tagcloud a, .widget.widget_tag_cloud a, .wp_widget_tag_cloud a {
    border: 1px solid #222;
}



blockquote {
    color: #000;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 2;
    margin: 0;
    overflow: hidden;
    padding: 1em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-info a {
    color: #e7decb;
}

.social-navigation a {
    background-color: #e7decb; /* background color of social media icons */
    border-radius: 60px;
    color: #000000;
    display: inline-block;
    height: 60px;
    margin: 0 1em 0.5em 0;
    text-align: center;
    width: 60px;
}

.social-navigation .icon {
    height: 26px;
    top: 16px;
    vertical-align: top;
    width: 26px;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
15.0 Widgets or plugins
--------------------------------------------------------------*/

/* speed contact bar plugin */

#scb-wrapper ul, #scb-wrapper li, #scb-wrapper a, #scb-wrapper a span {
    display: inline;
    font-family: lato!important;
    font-size: 0.96em;
    line-height: 1;
    margin: 0;
    padding: 0;
}

#scb-wrapper img {
    border: 0 none;
    border-radius: 6px!important;
    display: inline;
    height: 30px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 30px;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/


/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/


/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {


body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
	
	.site-description {
    display:block;
}
}

@media screen and (min-width: 30em) {




}

@media screen and (min-width: 48em) {
/* beginning : move sidebar to left */
 .has-sidebar #secondary {
 float: left;
 }
 .has-sidebar #primary {
 float: right;
 }
 .has-sidebar:not(.error404) #primary {
 float: right;
 }
 /* end :  move sidebar to left */
 
 	.has-sidebar:not(.error404) #primary {
		width: 68%;
	}

	.has-sidebar #secondary {
		padding-top: 0;
		width: 26%;
	}

 	/* Site Branding */
	
	.custom-header {
    margin-bottom: 58px;
}

	.site-branding {
		padding: 1em 0;
	}

 	.custom-logo-link img {
		max-height: 120px;
	}


	body.home .custom-logo-link img {
    max-height: 150px; /* default is 80px */
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	display:block;
}

.main-navigation a {
    padding: 1em 2.1em;
	text-transform: uppercase;
}


/* Layout */


.wrap {
    max-width: 1200px;
    padding-left: 3em;
    padding-right: 3em;
}

.navigation-top .wrap {
    max-width: 1200px;
    padding: 0em 3.41667em;
}

.site-content {
    padding: 2em 0 0;
}

.page:not(.home) #content {
    padding-bottom: 0.5em;
}

/* full width page template customisations */
body.page-template-page-full-width #primary .page-full-width .entry-content {
width: 100%;
}

body.page-template-page-full-width #primary .page-full-width .entry-header {
width: 100%;
}

/* margin below heading - before page content */
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0em;
	color: #222;
	font-family:raleway;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0em;
    text-transform: lowercase;
	padding-bottom:1em;
}

.single-post .entry-title, .page .entry-title {
    font-size: 2rem;
	padding-bottom:0em;
}
}

@media screen and ( min-width: 67em ) {



}

@media screen and ( min-width: 79em ) {


}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {


}