/*
Theme Name: Mitchell Media Group
Theme URI: http://sagacom.com/
Author: Seth Lilly
Author URI: http://sagacom.com/
Description: The default business site features beautiful typography and icons and a flexible layout that looks great on any device, big or small.
Version: 1.0
Template: saga-business
Text Domain: biz-des-moines
*/

/****************************
* BUTTONS
*****************************/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    background-color: #f3b94f;
    border: 2px solid #f3b94f;
    border-radius: 2px;
    color: #000000;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    padding: 16px 24px;
    text-align: center;
    text-transform: uppercase;
    transition: all ease-in-out 0.2s;
    width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
    background-color: #B24A12;
    border: 2px solid #B24A12;
    color: #000000;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #F26419;
    border: 2px solid #F26419;
    color: #000000;
    transition: all ease-in-out 0.2s;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #B24A12;
    border: 2px solid #B24A12;
    color: #000000;
}

a,
a:visited,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:visited {
    color: #481243;
}

a:hover,
a:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #7336b1;
    text-decoration: none;
}

.nav > li > a {
    padding: 15px 10px;
}

/****************************
* FORMS
*****************************/
.custom-amount input {
    width: 100% !important;
    text-align: left !important;
    padding: 5px;
    line-height: inherit;
}

/****************************
* NAVIGATION
*****************************/

.navbar-default .navbar-nav > li > a {
    font-size: 14px;
}

/****************************
* JUMBOTRON
*****************************/

.jumbotron {
    background-color: #481243;
    background: linear-gradient(to bottom, #481243 0%, #481243 100%);
    color: #fefefe;
}

.jumbotron a.button {
    color: #000000;
}

@media only screen and (min-width: 320px) {
    .jumbotron a.button {
        font-size: 11px;
    }
}

@media only screen and (min-width: 480px) {
    .jumbotron a.button {
        font-size: 13px;
    }
}

.jumbotron .logo {
    text-align: center;
}

.subpage {
    padding-top: 15px;
    padding-bottom: 15px;
    background: none;
    background-color: #481243;
}

.widget {
    border: 0;
}

.row.hpfeatures .col-md-4 .user {
    margin-bottom: 40px;
    min-height: 253px;
}

.row.hpfeatures .col-md-4 .user .details {
    min-height: 200px;
}

/************************
** Map Styles
************************/

.acf-map {
    width: 100%;
    border: #ccc solid 1px;
}

/* fixes potential theme css conflict */
.acf-map img {
    max-width: inherit !important;
}

/*******************************************************
* Gravity Forms
********************************************************/
.gform_wrapper .gfield_required {
    color: #790000;
    margin-left: 4px;
    display: none;
}

.gform_wrapper .top_label .gfield_label {
    color: #666;
    font-weight: 400 !important;
    text-transform: none;
    margin: 10px 0 10px 0 !important;
}

/*******************************************************
* WooCommerce
********************************************************/
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}

.entry-content .woocommerce {
    padding: 40px 50px;
    border: 2px solid #e3e3e3;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 10px;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: none !important;
    width: 100% !important;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: #5cf55c;
    padding: 10px;
}

.woocommerce div.product form.cart {
    margin-bottom: 2em;
    background: #f5f5f5;
    padding: 5%;
    border-radius: 5px;
}

.woocommerce table.shop_table td {
    vertical-align: bottom;
}

.product .nyp input.nyp-input {
    text-align: left;
    font-weight: inherit;
    width: 100%;
    padding: 7px;
}

abbr.required {
    display: none;
}

.user-avatar img {
    border-radius: 50%;
    box-shadow: 0 3px 10px 0 rgba(84, 110, 122, 0.2);
}

.my-account-header {
    margin: 30px 0 0;
    background: #F5F7F8;
    padding: 40px 0;
    border-radius: 5px;
}

.my-account-title {
    font-weight: 700;
    margin: 22px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    margin: 40px 0;
    border-bottom: 1px solid #e3e3e3;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin-right: 20px;
    display: inline;
}

.woocommerce-MyAccount-navigation-link.is-active {
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

a:active {
    color: #000000;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}