/*
 Theme Name:	Storefront Child
 Description:	Child theme of Storefront theme
 Theme URI:	https://woocommerce.com/storefront
 Author:	Melanie Felton
 Author URI:	melsramblings.com/CSciWordPress/
 Template:	storefront
 Version: 1.1
*/

/* colors to be used
 * Deep Green: #054d39, rgba(5,77,57,1)
 * Rich Red Brown: #rgba(77,18,5,1) #4d1205
 * Yellow Brown:rgba(), #4d3605
 * Dark Cobalt Blue-Purple: #1f054d
 *
 * */
/*@import "../storefront/style.css";*/
/*body, #masthead, .storefront-primary-navigation {
    background:#054d39;
    background-image: linear-gradient(to bottom right, rgba(77,18,5,0.25), rgba(255,255,255,0.95));
    

}
*/
#main h2 {
    color: #1f054d;
}

body, button, input, textarea {
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: bold;
}


/* Comments */
#comments.comments-title {
    margin-top: 0.5em;
    color:#1f054d;
    size: 0.75em;
}
#comments.comments-area {
    width: 75%;
    float:left;
    
    margin-left: -2em;
}
#comments .form-submit #submit{
    background: #4d3605;
}

/* Woo Commerce related changes */
.site-search .widget_product_search input[type="search"] {
    
    background-image: linear-gradient(to bottom right, rgba(255,255,255,0.95), rgba(77,18,5,0.25));
    margin-right: 5%;
}
/* Site Search - woo-commerce */
#site-header-cart li a.cart-contents:link {
    padding: 0.5em;
    margin-right: 5%;
    width: auto;
}

/*Secondary Woo-commerce menu */
#menu-secondary-menu{
    width: 100%;
    background: rgba(255,255,255,0);
}

/*#menu-secondary-menu ul li a{
    width: 100%;
}

/*Choice 1: Set background image with overlay*/
#content {
       background-image: linear-gradient(to bottom right, rgba(255,255,255,0.95), rgba(77,18,5,0.25)),url("http://melsramblings.com/CSciWordPress/outdoors/wp-content/uploads/2017/05/IMG_4576-1024x768.jpg");
       background-repeat: repeat-y;
       background-size: 100%;
       color: #1f054d;
       font-size: 1.05em
}

/*Choice 2: Change generic link colors. */
#content a {
    color: rgba(5,77,57,1);
    font-weight: bold;
}

.wp-caption-text {
    font-style: italic;
    font-weight: bolder;
    font-size: 0.85em;
}

/* YouTube iframe styling */
iframe {
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 0.2em;
    border-radius: 0.5em;
    background: #1f054d;
    border-color: #1f054d;
}

/*Header - width change
*/
/*.col-full {
width: 100vw;
}
*/
.site-header {
    background-color: rgba(5,77,57,1);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding-top: 0;
    width: 100%;
}

.home.page:not(.page-template-template-homepage) .site-header {
    margin-bottom: 0;
    width:100%;
}

.site-branding {
    width: 75% !important;
}

.site-header .site-branding {
    margin-right: 0;
}

/*Header - Site title change
*/
.site-branding .site-title {
    font-weight: 700;
    font-size: 4em;
    font-style: italic;
    font-family: Times, fantasy, serif;
    width: 75%;
    color: rgba(255,255,255,0.75);
    text-shadow: 0px 0px 0.5em black;
}

.site-branding .site-title a {
    font-size: 1em;
    color: rgba(255,255,255,0.75);
}

.site-branding .site-title a:hover {
    color: rgba(255,255,255,0.85);
}

/*Header - Site Description
*/
.site-branding .site-description {
    font-size: 2em;
    width: 75%;
    color: rgba(255,255,255,0.75);
    text-shadow: 0 0 0.2em black;
}

.site-branding .site-description a {
    font-size: 2em;
    width: 75%;
    color: rgba(255,255,255,0.75);
}

/*Main navigation menu
*/
.menu {
    height: 100%;
}

.main-navigation ul.menu > li:first-child, .main-navigation ul.nav-menu > li:first-child {
    margin-left: 0;
}

/*.main-navigation ul li {
    width: 20%;
}
*/
/* colors to be used
 * Deep Green: #054d39, rgba(5,77,57,1)
 * Rich Red Brown: #rgba(77,18,5,1) #4d1205
 * Yellow Brown:rgba(), #4d3605
 * Dark Cobalt Blue-Purple: #1f054d rgba(31,5,77,1)
 *
 * */
.menu a, .menu a:link, .menu .menu-item a, .sub-menu .menu-item a{
    background: rgba(5,77,57,0.3);
    background-image: linear-gradient(to bottom, rgba(5,77,57,0.5), rgba(77,18,5,1));
    color: rgba(255,255,255,0.7);
    height: 100%;
    border:thin solid rgba(0,72,52,1);
}

.menu .menu-item a:hover, .sub-menu li.menu-item a:hover {
    background: white;
    background-image: linear-gradient(to bottom, rgba(5,77,57,0.5), rgba(77,18,5,1));
    color: #1f054d;
    font-weight: bold;
}

.menu .menu-item a:visited, .sub-menu .menu-item a:visited {
    background: rgba(5,77,57,0.3);
    background-image: linear-gradient(to bottom, rgba(77,18,5,0.5), rgba(77,18,5,1));
    color: rgba(255,255,255,0.6);
    height: 100%;
    border:none;
    border-color: rgba(5,77,57,1);
}

.menu .menu-item a:visited:hover, .sub-menu li.menu-item a:visited:hover {
    background: white;
    background-image: linear-gradient(to bottom, rgba(5,77,57,0.5), rgba(77,18,5,1));
    color: #1f054d;
    font-weight: bold;
}

.menu .menu-item a:active, .sub-menu li.menu-item a:active {
    background: #1f054d;
    color: #222222;
}

/*Choice 4: Give footer some character*/
footer.site-footer {
    background: rgba(77,18,5,0.5);
    background-image: linear-gradient(to bottom, rgba(77,18,5,0.5), rgba(77,18,5,1));
}

/*Footer - Making the WooCommerce part invisible while keeping the first line - my copyright visible
*/
footer.site-footer div.col-full div.site-info:first-line {
    color: rgba(255,255,255,0.5) !important;
}
footer.site-footer div.col-full div.site-info {
    color: rgba(5,77,57,0) !important;
}
footer.site-footer div.col-full div.site-info a{
    color: rgba(5,77,57,0) !important;
}

div.site, div.col-full {
    padding-right: 0;
}

/*Pages/Posts - heading
*/
.entry-header .entry-title {
    color: rgba(5,77,57,1); 
}

.entry-header .entry-title a {
    color: rgba(5,77,57,1); 
}

.page-title {
    color: #054d39;
}
/*Sidebar: Background Color
*/
.widget-area {
    background-color: rgba(5,77,57,0.5);
    background-image: linear-gradient(to bottom, rgba(5,77,57,0.5), rgba(255,255,255,0.75));
    padding: 0.5em;
    margin: 0;

}
/*Sidebar: Solid Border
 *Choice 5: Narrow padding between widgets.
*/
.widget-area .widget {
    border:solid;
    border-width: thin;
    border-color: #4d1205;
    padding: 0.5em;
    margin-bottom: 1em;
}

/*Secondary_Widget_Photo: Make photo look like other widgets. */
#secondary_widget_photo {
    border:solid;
    border-width: thin;
    border-color: #4d1205;
    padding: 0.5em;
    margin-bottom: 1em;
}

/*Choice 6: Add gradient background and image to aside. */
.entry-meta {
    background-color: rgba(31,5,77,0.5);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: linear-gradient(to bottom, rgba(31,5,77,0.5), rgba(255,255,255,0.95)),url("http://melsramblings.com/CSciWordPress/outdoors/wp-content/uploads/2017/05/IMG_0333-e1495820236239-225x300.jpg");
    padding: 0.5em;
}

.entry-meta a {
    color: #054d39;
}

/* Header Phone Number */
#mif-phone-number {
    color: rgba(255,255,255,0.8);
    float: right;
    padding-right: 1em;
}

/* Footer Navigation */
.mif-footer-main-navigation div.menu>ul:not(.nav-menu){overflow:hidden;max-height:0;-webkit-transition:all,ease,.8s;transition:all,ease,.8s}
.mif-footer-main-navigation.toggled .handheld-navigation,.mif-footer-main-navigation.toggled .menu>ul:not(.nav-menu),.mif-footer-main-navigation.toggled ul[aria-expanded=true]{max-height:1750px}

.mif-footer-main-navigation ul{margin-left:0;list-style:none;margin-bottom:0}
/*.mif-footer-main-navigation ul ul{margin-left:1.41575em}*/
.mif-footer-main-navigation ul li a{padding:.875em 0.875em;}
.mif-footer-main-navigation ul li a:hover{color:#e6e6e6;}
.mif-footer-main-navigation ul li {display: inline-flex;display: -webkit-inline-flex;}
.mif-footer-main-navigation ul li ul {display: inline-flex;display: -webkit-inline-flex;}


/* Calendar */
#wp-calendar tbody tr td a {
    color:rgba(5,77,57,1);
    font-weight: bold;
    font-style: oblique;
}
#wp-calendar tfoot tr td a {
    color:rgba(255,255,255,0.6);
    font-weight: bold;
    font-style: oblique;
}

/* Headers and such */
/* colors to be used
 * Deep Green: #054d39, rgba(5,77,57,1)
 * Rich Red Brown: #rgba(77,18,5,1) #4d1205
 * Yellow Brown:rgba(), #4d3605
 * Dark Cobalt Blue-Purple: #1f054d
 *
 * */
.site-main h1 {
    color:#1f054d;
    font-weight: bold;
    font-size: 3em;
    font-style: oblique;
}

.site-main h2 {
    color:#4d3605;
    font-weight: bold;
   
}

.site-main h3 {
    color:#1f054d;
    font-weight: bold;
  
}
.widget .widget-title {
    font-size: 1em;
}

/* Footer Widgets */
.sow-carousel-title a.sow-carousel-next, .sow-carousel-title a.sow-carousel-previous {
    background: rgba(255,255,255,0.5);
}

.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 a {
    color:rgba(255,255,255,0.8);
    float: left;
    padding: 0;
}

footer-widgets .block .widget .so-widget-sow-post-carousel .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 {
    color:rgba(255,255,255,0.9);
    margin-bottom: 0;
    padding: 0;
    
}

.footer-widgets .block .widget .widget-title, .footer-widgets .block .widget .textwidget, .footer-widgets .block .widget .calendar_wrap #wp-calendar caption, .footer-widgets .block .widget .so-widget-sow-post-carousel {
    color:rgba(255,255,255,0.9);
    margin-bottom: 0;
    padding: 0;
    
}