/*
 Theme Name:   Canvas Child - Sue Helme
 Theme URI:    http://suehelme.com.au/canvas-sue-helme/
 Description:  Canvas Child Theme
 Author:       Viveka de Costa
 Author URI:   
 Template:     canvas
 Version:      1.0.0
 Tags:         light, dark, single-column, slides, responsive-layout, accessibility-ready
 Text Domain:  canvas-sue-helme
*/


@import url("../canvas/style.css");


/* Theme customization starts here
-------------------------------------------------------------- */

/* layout
-------------------------------------------------------------- */

#wrapper {

background: rgba(142,173,170,1);
background: -moz-linear-gradient(top, rgba(142,173,170,1) 0%, rgba(246,246,246,1) 32%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(32%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(142,173,170,1) 0%, rgba(246,246,246,1) 32%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(142,173,170,1) 0%, rgba(246,246,246,1) 32%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(142,173,170,1) 0%, rgba(246,246,246,1) 32%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(142,173,170,1) 0%, rgba(246,246,246,1) 32%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8EADAA', endColorstr='#ffffff', GradientType=0 );

}
body.full-width #header {
height: 8.5em;
background-position: center top;
}

#nav-container {
margin: 0 0 2em 0;
}
#header {
padding-bottom: 45px!important;
}

.page.page-id-746 h4 {
  margin-left: 4em;
}

/* Menu
-------------------------------------------------------------- */
#navigation ul.nav > li a:hover {
background: #DF8C19;
color: #fff;
}
#navigation ul.nav li ul, #navigation ul.cart > li > ul > div {
border: 0px solid #DF8C19;
}
#navigation ul.nav ul, #navigation ul.nav > li:hover {
background: #DF8C19;
}
#navigation ul.nav ul, #navigation ul.nav > li:hover a {
color: #ffffff;
}

#navigation ul.nav li ul > li a:hover {
background: #CC740A!important;
text-decoration: none!important;
}

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
background: none;
color: #DF8C19;
}
#navigation {
margin-bottom:0;
background: none!important;

}
#nav-container {
background: none!important;
}

#nav-container #navigation ul#main-nav > li:first-child {
border-left: none!important;
}
#nav-container #navigation ul#main-nav > li:last-child {
border-right: none!important;
}

ul.nav li ul li a {
color: #ffffff !important;
font-size:1.1em;
}
.home .breadcrumb {
display:none;
}

/* Social buttons
-------------------------------------------------------------- */
.ssba img {
background: none;
}


/* mobile menu
-------------------------------------------------------------- */
.nav-toggle {
margin: 0 -1em;
cursor: pointer;
text-align: left;
display: block;
padding: 0;
font-size: 1em;
background-color: rgba(94, 110, 102, 0.65);
background-image: -webkit-linear-gradient(left top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8));
background-image: linear-gradient(to right bottom,rgba(0, 0, 0, 0.65), rgba(94, 110, 102, 0.8));
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

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

#nav-container #navigation {
background-color: rgba(94, 110, 102, 0.65)!important;
background-image: -webkit-linear-gradient(left top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8))!important;
background-image: linear-gradient(to right bottom,rgba(0, 0, 0, 0.65), rgba(94, 110, 102, 0.8))!important;
border-bottom: 1px solid rgba(0, 0, 0, 0.2)!important;
}

#navigation h3 {
display:none;
}

ul.nav li a {
color: #fff;
}

#navigation ul.nav > li a:hover {
background: none!important;
color: #fff;
}
#navigation ul.nav ul, #navigation ul.nav > li:hover {
background: #4B5650;
}
#navigation ul.nav li ul > li a:hover {
background: #4B5650!important;
text-decoration: none!important;
}
#navigation ul.nav > li:hover, #navigation ul.nav ul {
background: none;
}

#nav-container {
margin: 0 0 0 0;
}
}




/* General typography
-------------------------------------------------------------- */
body {
font-family:'Lato', arial, sans-serif!important;
}

.entry, .entry p {
font: 300 15px/1.5em 'Lato', sans-serif!important;
color: #555555;
}
.woo-sc-quote p {
margin: 0em 20px 1em .5em!important;
padding: 30px 0 0 55px!important;
background: url(http://suehelme.com.au/wp-content/themes/canvas-sue-helme/images/quoteBG.png) no-repeat top left!important;
color: #777!important;
min-height: 32px;

}

#loopedSlider a.flex-prev:hover, #loopedSlider a.flex-next:hover {
color: #DF8C19;
}
a:hover, a:focus {
text-decoration: none!important;
}

.title.entry-title {
font: normal 28px/1.1em "Lato", Helvetica, sans-serif!important;
color: #D67D12!important;
text-align: center;
}

.page h1.title.entry-title {
display:none;
}

#wrapper .woo-sc-button {
font-weight:bold;
}

h1.title {
font: normal 28px/1.2em 'Lato', arial, sans-serif!important;
color: #D67D12!important;
}

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button {
background: #D67D12;}

a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover {
background: #e58f27;
}

.title.entry-title {
text-align: left;
}

.post .title a:link {
font: normal 24px/1.2em 'Lato', arial, sans-serif;
color: #777777!important;
}

.post-more a:hover, .post-meta a:hover, .post p.tags a:hover {
text-decoration: underline;
color: #333;
}

/* Slider
-------------------------------------------------------------- */
#loopedSlider .content {
padding: 20px 0;
background: #E08A22;
}

#loopedSlider {
margin-bottom: 0;
}

#wrapper #loopedSlider.business-slider .content p {
font: 300 13px/1.5em 'Lato', arial, sans-serif;
color: #fff!important;
float:none;
}

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


#wrapper #loopedSlider.business-slider .content p {
text-align:right!important;
float:none;
}

#loopedSlider.business-slider .content {
background: #DF8C19;
background: rgba(223, 140, 25, 0.5);
}

#wrapper #loopedSlider.business-slider .content {
width: 40%;
top: 5.5em!important;
right: 4em!important;
}
#loopedSlider {
margin-bottom: 20px;
}
.home #content {
padding: 0 0 20px;
}

}



/* Features
-------------------------------------------------------------- */
#footer-widgets {
border-top: 1px dotted #DBDADA;
padding: 0px 0;
clear: both;
}
.widget h3 {
font: normal 14px/1.2em "Helvetica Neue", Helvetica, sans-serif!important;
text-transform:uppercase;
color: #C9730D!important;
border-bottom: 1px solid #e6e6e6;
font-weight: bold!important;
}
.widget h3 a {
color: #C9730D!important;
}
.widget h3 a:hover, .widget h3 a:focus  {
color: #99590D!important;
}

.widget_woothemes_features .feature {
display: block;
text-align: center;
margin-bottom: .5em;
}

.widget.widget_woothemes_features {
margin-bottom:0;
}


.feature-content a:hover {
opacity: 0.85;
}
/* Footer
-------------------------------------------------------------- */
div#credit {
display: none;
}