/**
Style Theme: Peachy
Created: Oct 2015
See Style Guide here: http://www.picaboo.com/styleguide/
**/

/** Links and Buttons **/

a, a.green-link, .portfolio-filter a { color:#56c3bd  }
a:active { color:#f26b4f }
a:hover, a.green-link:hover { color:#329e98 }
a:visited { color:#56c3bd }

a.button, input.button, button, .support.flex-columns .flex-column a, input[type="submit"], #submit {
    background: #f26b4f;
    box-shadow: none;
    text-align: center;
}

a.button:hover, input.button:hover, button:hover, .support.flex-columns .flex-column a:hover, .button-holiday:hover, input[type="submit"]:hover, #submit:hover {
    background: #ef9072;
    color:#fff;
    box-shadow: none;
}

a.button:visited, .support.flex-columns .flex-column a:visited {
    color:#fff
}

a.button.photo-button {
    box-shadow: none;
}


/** Primary Post Button Orange **/

a.button.small-button-orange {
    background: #f26b4f;
    box-shadow: none;
    text-align: center;
}

a.button.small-button-orange:hover {
    background: #ef9072;
    color:#fff;
    box-shadow: none;
}

/** Secondary Post Button Grey **/

a.button.small-button-grey {
    background: grey;
    box-shadow: none;
    text-align: center;
}

a.button.small-button-grey:hover {
    background: lightgray;
    color:#fff;
    box-shadow: none;
}


#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, .compressed-nav #megaMenu ul.megaMenu > li.menu-item > a, .account-menu a, #promo-ticker a, .sub-menu a  {
    color: #333;
}

#megaMenu ul.megaMenu a {font-size: 1.2em}

.compressed-nav #megaMenu ul.megaMenu > li.menu-item > a {font-weight:500;font-size: 1.2em}

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a:hover {
    background: #56c3bd !important;
}

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a, .compressed-nav #megaMenu ul.megaMenu > li.menu-item > a:hover, #promo-ticker a:hover {
    color:#999;
}

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a:hover, #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a:hover {
    color:#999;

}

.compressed-nav #megaMenu ul.megaMenu > li.menu-item.inspired-menu > a { color:#f26b4f;font-weight: 300  }

#sign-in a:hover {color:#fff !important;}

#sign-in .sub-menu a {color:#333}

#sign-in .sub-menu a:hover {
    color:#999 !important;
}

.products-link .sub-menu a:hover, .products-link a:hover, .open .ui-accordion .ui-accordion-header:hover {
    color:#329e98
}

.idea-cat-thumb a {
    color:#56c3bd !important;
}

.free-shipping-button a:visited {
    color:#fff
}

.free-shipping-button a:hover {
    color:#fff;
}
.free-shipping-button.fs100:hover, .free-shipping-button.fs150:hover {
    background:#329e98
}

.tiles-header ul li a {
    background: #f26b4f;
}

.load-more-button a {
    background:#f26b4f !important;
}

#another:hover {
    background:#ef9072 !important;
}

.product-filter-list a, .all-pricing-link, .occasion-menu a {
    font-family: 'Gotham A', 'Gotham B', sans-serif !important;
    font-size: 1em !important;
}

a.large-link {
    font-family: 'Gotham A', 'Gotham B', sans-serif !important;
    font-size: 2em;
}

.page-submenu li a.active, .page-submenu li a {
    color: #56c3bd;
}

.page-submenu li a:hover {
    background:#56c3bd;
    border:1px solid #56c3bd;
    color:#fff
}

.portfolio-filter a:hover {
    background-color: #eeeeee !important;
  }

  .footer-lower a:visited, a.button-holiday {
    color: #fff
}


#chooselink .button {
    background: #56c3bd;
}

#chooselink .button:hover {
    background: #329e98;
}

.media-logos a {color:#333}

.media-logos a:hover {color:#999}

/** Headings **/

h1, h2, h3, h4, h5, h6, .action-box h2 {
    color:#333
}

h1, .hero-text h1 {
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-weight:500;
}

h2 {
    font-size: 2em;
}

h2, .product h2, .theme-styles h3, .card-details h2.title, .card-details h2, .pricing-table-header h2, .page-careers h4, .page-terms h4, .page-privacy h4 {
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-style: normal;
}

.sidebyside-details h2 {
    font-family: 'Gotham A', 'Gotham B', sans-serif !important;
    font-size: 1.5em !important;
    color:#333;
}

.pricing-product-name {
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    color:#333;
}

.trust-column h2, .support-title, .tiles-content h2, .tiles-content ul, .about-cards h1, .feature h2 {
    color:#333 !important;
}

.feature h2 {
    font-size:1.2em;
}

.theme-pricing h2.price {
    color:#333
}


h2.cc-h2 {
    font-family: 'Archer A', 'Archer B', serif;
}

h4 {
    font-family: 'Archer A', 'Archer B', serif;
}

.support h3 {
    background: #fff;
    border:1px solid #e9e9e9
}

.support h4 {
    background: #fff;
}

.ui-accordion .ui-accordion-header {
    color:#56c3bd
}

.ui-accordion .ui-accordion-header:hover {
    background:#56c3bd
}

.register-prompt .prompt-content h2:first-child {
    font-family: 'Gotham A', 'Gotham B', sans-serif !important;
    font-size: 1em !important;
    color:#56c3bd !important;
}


/** Tables **/
.pricing-table th {
    background: #56c3bd;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-weight: 500;
}

.highlight-cell {
    background: #e9e9e9;
}


/** Other **/
.light-background {background:#eeeeee}

.product-pricing {
    background: none;
}

.action-box {
    box-shadow: none;
}

.product-size {
    background: #56c3bd;
}

.product-copy-box-1 {
    background: #56c3bd;
}

.top-promo {
    background: none;
    border:1px solid #ddd
}

select, input, textarea {
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-style: normal;
    border: 1px solid #ddd;
    line-height: normal;
}

textarea {font-size: 1em}

input::-webkit-input-placeholder {
    color: #999;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

.placeholder { color: #999; }


/** Footer **/


#footer {
    background: #666666;
}


/** Mobile **/

.pushy, .pushy2 {
    background: #56c3bd;
}

.pushy a:visited, .pushy2 a:visited {
    color:#fff
}

.pushy a:hover, .pushy2 a:hover {
    color:#56c3bd
}

@media only screen and (max-width: 768px) {
    .page-heading h3 a {
        color: #56c3bd !important;
    }
}