/*
TODO: 

- alter all the image paths here when launching.

*/

/* header: general styles */

@import url("//fonts.googleapis.com/css?family=Oswald:300|Love+Ya+Like+A+Sister:400");

body {
    background: url('//cdn3.bigcommerce.com/s-bq6r3/content/header_background3.jpg') repeat-x;
    background-position: 50% 0;
}

a {
    color: #6792c6;
}

header {
    height: 230px;
}

.wrap {
    border-top: 0;
}

/* things that get rounded corners */

#news-events-sidebar img,
.main-image,
.thumb-image img,
.orbit-slide img,
.rounded-images img {
    border-radius: 20px !important;
}
.orbit {height:auto !important;}
/* overrides the navy blue (#002e59) with grayblue */

    .button.secondary,
    .button.disabled.secondary,
    .button[disabled].secondary,
    .button.disabled.secondary:hover,
    .button.disabled.secondary:focus,
    .button[disabled].secondary:hover,
    .button[disabled].secondary:focus,
    .button.dropdown.split.secondary:hover,
    .button.dropdown.split.secondary:focus,
    div.alert-box.secondary,
    .label.secondary,
    div.progress.secondary .meter,
    .QuickSearchHover td 
    .CurrencyList a.Sel,
    #currency-chooser .currencies,
    header.main .main-menu.nav ul ul li,
    header.main .main-menu .toggleMenu.active,
    .responsive .thumb-nav-wrap > ul li > a:hover,
    footer .button
    {
        background: #6792c6;
    }

    @media only screen and (min-width: 769px) {
      .main-menu {
        background: #6792c6;
      }
    }

/* overrides the brick red (#c41c22) with green */

.button,
.button.primary,
.button.disabled,
.button[disabled],
.button.disabled:hover, 
.button[disabled]:hover,
.button.dropdown.split:hover, .button.dropdown.split:focus,
.button.dropdown.split > span,
.tabs.pill dd.active a, .tabs.pill li.active a,
div.alert-box,
dl.sub-nav dd.active a,
ul.pagination li.current a,
ul.pagination li.current a:hover, ul.pagination li.current a:focus,
div.progress .meter,
.nav-bar > li.active,
.nav-bar > li.active:hover,
.tabs.mobile dd a.active, .tabs.mobile li a.active,
.productOptionViewProductPickListWithImage .selectedValue td,
.pagination .ActivePage
{
    background: #566c11;
}

h1
{
    color: #566c11;
}

/* 'oswald' font */

.product.page #ProductDetails,
.product-grid .ProductPrice,
.product-grid .ProductName,
.breadcrumbs,
footer.main a,
footer.main p,
footer.main form label,
.nav ul a {
    font-family: Oswald;
}

/* 'love ya' font */

.main-menu > ul > li:last-child a,
.our-catalog-badge a,
.product.page .AddToCartButtonRow .AddCartButton button,
.product.page .ProductPrice,
.our-catalog-badge,
#news-events-content h1,
#news-events-sidebar h1,
#ProductDetails h1,
.row.DetailRow.ProductDescription > div p,
.row.DetailRow.ProductDescription > div,
header .account-links,
#home-intro p
{
    font-family: "Love Ya Like A Sister" !important;
}

/* top navigation */

header .account-links {
    top: 0;
    color: #566c11;
}

header .account-links li {
    margin: 0 5px 0 0;
}

header .top-menu-link > a {
    background: #aec44a;
    border-radius: 0 0 10px 10px;
    padding: 0 10px;
    color: #666;
    font-size: 13px;
}

.nav.hide-pages-desktop .page-menu-link {
    display: inline-block !important;
}

/* header: search form */

header.main .info-col .search-form input {
    border-color: #aec44a;
    background-color: #fff !important;
}

    header.main .info-col .search-form input,
    header.main .info-col .search-form input:focus {
            width: 380px;
    }

header.main .info-col .search-form button {
    background-color: #aec44a;
    border-color: #aec44a;
}

ul.social-links a {
    color: #566c11;
}

/* header: main navigation */
.mobile-cart-link {
    display: none;
}
.main-menu {
    background: none;
    border: 0;
    padding-top: 0;
}

.nav ul ul {
    border-radius: 10px;
    box-shadow: rgba(100,100,100,0.5) 4px 6px 10px 1px;
    background: #fff;
    margin-top: 5px;
}

header.main .main-menu.nav ul ul li {
    background: none;
}

header.main .main-menu.nav ul a {
    color: #566c11;
    letter-spacing: 2px;
    padding-left: 6px;
    padding-right: 6px;
}

    header.main .main-menu.nav > ul > li > a {
        font-size: 14px;
    }

    header.main .main-menu.nav ul a:hover {
        color: #900;
    }

.nav ul a, .nav ul div {
    font-weight: 300;
}

header.main .main-menu.nav > ul > li > a {
    font-weight: inherit;
}

.toggleMenu,
.toggleMenu i {
    color: #566c11 !important;
}

/* responsive */

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

    .nav ul a {
        padding-left: 0;
    }

    .responsive header.main .main-menu > ul {
        background: #fff;
    }

    header.main .main-menu .toggleMenu.active {
        background: none;
    }

    .responsive .nav > ul .parent-expand-link:before,
    header.main .main-menu .toggleMenu.active i,
    .toggleMenu.active {
        color: inherit;
    }

    .responsive .main-menu ul {
        box-shadow: none;
    }

    .responsive header .top-menu-link > a {
        background: none;
    }

    .responsive .search-form input {
        color: inherit;
    }

    header {
        height: 160px;
    }

    section.main {
        background: #fff;
    }

    .responsive header.main .info-col .search-form {
        background: #aec44a;
    }

}

/* home: slideshow */

.orbit div.orbit-slide img {
    width: 100%;
}

/* home: intro */

#home-intro * {
    font-size: 20px;
}

#home-intro form * {
    margin: 0;
}

#home-intro p {
    color: #566c11;
}

#home-intro form p {
    margin-bottom: 10px;
}

/* home: sub boxes */

/* category page */

ul.breadcrumbs li a, 
ul.breadcrumbs li span,
ul.breadcrumbs li:before,
.inline-list.subcategory-list a,
.product-grid .ProductDetails, 
.product-grid .ProductName a,
.product-grid .ProductPrice,
.row.DetailRow.ProductDescription > div p {
    color: #566c11;
}

.product-grid .ProductPrice,
.product-grid .ProductName {
    font-size: 16px;
}

/* breadcrumb */

ul.breadcrumbs {
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
}

ul.breadcrumbs li a, 
ul.breadcrumbs li span {
    font-size: 16px;
    letter-spacing: 1px;
}

ul.breadcrumbs li.current span {
    font-style: italic;
}

ul.breadcrumbs li:before {
    content: "/";
    font-size: 18px;
}

/* product page */

.row.DetailRow.ProductDescription h3 {
  display: none;
}

.row.DetailRow.ProductDescription > div {
  padding: 0 15px;
}

.row.DetailRow.ProductDescription > div p {
    font-size: 15px;
}

.row.DetailRow.ProductSKU {
  margin-bottom: 5px;
}

.product.page #ProductDetails h1 {
    font-size: 25px;
    text-transform: none;
    font-weight: 400;
}

.product.page .ProductPrice {
    color: #666;
    font-weight: 400;
}

.product.page .social-media {
    text-align: left;
}

/* sidebar-template pages */

#news-events-sidebar {
    border: 1px solid #cccccc;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #808080;
    margin-bottom: 20px;
}

#news-events-sidebar * {
  line-height: 1.2em;
}

#news-events-sidebar,
#news-events-content {
    color: #566c11;
    padding: 0 20px;
}

#news-events-sidebar {
    padding-top: 15px;
}

    #news-events-sidebar.no-border {
        border: 0 !important;
    }

    #news-events-sidebar.no-shadow {
        box-shadow: none !important;
    }

    #news-events-sidebar.no-padding {
        padding: 0 !important;
    }

#news-events-sidebar h2,
#news-events-sidebar p,
#news-events-content p {
    color: inherit;
}

#news-events-sidebar h1,
#news-events-content h1 {
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 15px 0;
    text-transform: none;
}

#news-events-sidebar h2,
#news-events-content h2 {
    color: #566c11;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: none;
}

    #news-events-sidebar h2.border-bottom {
        border-bottom: 1px solid;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

#news-events-sidebar img {
    width: 100%;
}

#news-events-sidebar h2 {
    margin-top: 0;
}

#news-events-content table {
    border-collapse: collapse;
}

#news-events-content table td {
    border: 1px solid #d9d9d9;
}

/* footer */

footer.main {
    background: #566c11;
}

footer.main p,
footer.main label 
{
    text-align: left;
    color: #dbdbdb;
    font-size: 16px !important;
}

footer.main li {
    font-size: 16px !important;
}

/* 'our catalog' badge */

.main-menu > ul > li:last-child,
.our-catalog-badge {
    background: url('https://cdn3.bigcommerce.com/s-bq6r3/product_images/uploaded_images/130x50frame.png') 0 0 no-repeat;
    font-size: 19px;
    height: 55px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    width: 135px;
}

.main-menu ul.category-list > li:last-child a {
    margin-top: 17px;
}