/* =================================== */
/* Custom Styling for FastSpring Store */
/* =================================== */

/* Border for whole store as per sidecol */
.store-border {
    border: 1px solid #dfe3e7;
    border-radius: .25rem;
}

/* Switch on list bullets for 'Payment Options' and 'Footer' lists only */
.mod-custom ul {
    list-style:inherit !important;
}

/* Remove left padding on FSpring country list */
#store-variation-selection-variations ul {
    padding-left: 0;
}


/* Reducing padding at top of this div for looks */
.card-body {
    padding:0.7rem 1rem
}



/* Following required to get weight of text in header and footer modules to look the same as main website on Safari */
body {
    -webkit-font-smoothing: inherit;
}



/* ========================= */
/* RockSproket Template Tabs */
/* ========================= */

/* Set base color of tab text to black. Active tab is set to blue somewhere else */
.sprocket-tabs-inner a {
    text-decoration:none !important;
    color: #8c8c8c;
}

/* Change color of tab text during hover to blue */
.sprocket-tabs-inner a:hover {
    color:#2a73a9;
}

.store-payment-method-list {
    margin-left: 10px !important;
    margin-top: 1em;
}

/* Hide and show tabs?? Written by FastSpring for Joomla3 template */
.sprocket-tabs-nav {display:none;}
.temp .sprocket-tabs-nav {display:block;}
.fulllocsingle li.fulllocsingle,.fulllocbundle li.fulllocbundle, .fulllocupgrade li.fulllocupgrade, .fullsharesingle li.fullsharesingle, .rentlocsingle li.rentlocsingle, .educational li.educational {background-color:#eeeeee;}
.fulllocsingle li.fulllocsingle .sprocket-tabs-text,.fulllocbundle li.fulllocbundle .sprocket-tabs-text, .fulllocupgrade li.fulllocupgrade .sprocket-tabs-text, .fullsharesingle li.fullsharesingle .sprocket-tabs-text, .rentlocsingle li.rentlocsingle .sprocket-tabs-text, .educational li.educational  .sprocket-tabs-text {color:#2a73a9 !important;}

/* RockSproket All Tabs Container */
.sprocket-tabs-nav {
    background: #fff;
}
.layout-top .sprocket-tabs-nav {
    padding: 5px 5px 1px 0px !important;
}


/* Styling for box below tabs containing intro text 180429 */
.store-tab-intro {
    color: #8c8c8c;
    margin-top: 15px;
    background-color: #f3f9fb;
    box-shadow: 0px 4px 0px 18px #f3f9fb;
    padding-right: 10px;
}


/* Following required to center images */
#head-security {
    margin-right: auto;
}


/* Fix horizontal size and placement of 'Add to Order' buttons */
.store-page-navigation .store-action-list {
    padding-left: 0 !important;
}
.temp .store-page-navigation {
    width: 175px;
}




/* ========================================= */
/* Fixing objects in actual FastSpring Store */
/* ========================================= */

/* Fix look of 'Add to Order' buttons */
.store-decorate-button .store-page-navigation .store-action-command  {
    background-color: #f5f5f5;
    color: #838383;
    padding: 6px !important;
    font-size: 1em !important;
}
.store-decorate-button .store-page-navigation .store-action-command:hover {
    background-color: #dff4ff;
    border: 1px solid #c4e0f2;
    color: #838383;
}


/* Fix height of input text fields */
.store-order-item-action-quantity input, .store-section-vat-exemption input {
    height: inherit !important;
}
.store-order-action-coupon input {
    height: inherit !important;
}

/* Increase width of coupon fields and move slightly right */
.store-order-action-coupon .store-action-input {
    width: 12em;
    margin-left: 10px;
}


/* Fix widths of 'left' and 'right' areas on customer details page */
.core-form-field-area-left {
    width: 330px;
}
.core-form-field-area-right {
    margin-left: 335px;
}

/* Fix width of input text fields and drop-down menus on customer details page */
.store-decorate-silk .store-section-customer-details input[type="text"], .store-page-subscription-update-address input[type="text"]{
    width: 19em;
}
.store-decorate-silk .store-section-customer-details select, .store-page-subscription-update-address select {
	width:19em;
}


/* Fix space between checkbox and text of checkboxes on survey page */
.store-survey label{
    padding-left: 10px;
}


/* Fix placement of 'By subscribing to an option above' text on survey page */
.core-form-field-body-note {
    line-height: 1.4;
    padding-top: 10px;
}