/* Reduce header size */
.jumbotron {
    padding-top: 125px !important;
    padding-bottom: 50px !important;
}
.jumbotron h1 {
    font-size: 2rem;
}
.jumbotron .strapline {
    display: none;
}
.jumbotron .lead {
    display: none;
}

/* Remove social icons on dashboard */
.woocommerce-MyAccount-content .social-connections {
    display: none;
}

/* Subscription table header */
.manage-sub-header h4 {
    margin-top: 0;
}

/* More breathing room */
.woocommerce-page table.shop_table td,
.woocommerce table.shop_table td {
    padding: 1em;
}

/* Button styling */
.shop_table a {
    cursor: pointer;
}
.shop_table.subscription_details .actions-main .button,
.shop_table.subscription_details .actions-main .btn {
    width: 100%;
    max-width: 45%;
    text-align: center;
}
    @media only screen and (max-width:1200px) { 
        .shop_table.subscription_details .actions-main .button,
        .shop_table.subscription_details .actions-main .btn {
            display: block;
            max-width: 100%;
        }
    }
.shop_table.subscription_details .actions-pause-cancel .button,
.shop_table.subscription_details .actions-pause-cancel .btn {
    width: 175px;
    text-align: center;
}

/* Modal overrides */
#manageSubscription h2 {
    text-align: left !important;
}
#cancelSub .button {
    width: 285px;
}
.cancel-reason {
    width: 100%;
}

/* Make customer service text smaller */
.woocommerce-customer-details .lead {
    line-height: 1.2rem;
    font-size: 0.8rem;
}

/* Datepicker */
.change-order-date-select {
    position: relative;
}
#ui-datepicker-div > table > tbody > tr > td {
    padding: 0;
}
#ui-datepicker-div > table > thead > tr > th {
    padding: 0;
    color: #000;
    background: #FFF;
}
#ui-datepicker-div > table > tbody > tr > td.ui-state-disabled.ui-datepicker-today span {
    background: #2E3C98;
    color: white;
}

/* Individual Subscription Message */
.individual-subscription {
    background: #DFF3F6;
}
.individual-subscription > td > div {
    padding: 20px;
}

/* Highlight current position in dashboard */
.woocommerce-MyAccount-navigation ul li a.active {
    font-weight: bold;
}

/* Loader animation */
.oceans-loader {
    width:40px;
    height:40px;
    border-radius:50%;
    border:6px solid;
    border-color:#E4E4ED;
    border-right-color: #2E3C98;
    animation:s2 1s infinite linear;
}
@keyframes s2 {to{transform: rotate(1turn)}}