/* Globals
------------------------------*/
body {background-color: #FFFFFF;color: #333333;font-family: Lato;font-size: 14px;letter-spacing: 0.077em;line-height: 1.5em;}
.container-fluid {max-width: 1140px;}
img, svg, iframe {max-width: 100%;}
section.container-fluid {padding-right: .9375rem;padding-left: .9375rem;margin-right: auto;margin-left: auto;}
h1 {color: #333333;font-family: Nunito;font-size: 45px;}
h2 {color: #333333;font-family: Nunito;font-size: 22px;}
h3 {color: #333333;font-family: Nunito;font-size: 16px;}
p {line-height: 1.5em;margin-bottom: 0.5rem;}
a,
.btn-link {color: #333333;}
a:hover,
a:focus,
a:active,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {color: #F38258;}
/* General Component Styles */
section[class^="component"] {padding: 20px 0;}
section.headline {margin-bottom: 15px;}
/* Utility Classes */
.hidden {display: none;}
.text-center {text-align: center;}
.flex-center {display: -webkit-flex; display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-align-items: center; -moz-align-items: center;-ms-align-items: center;align-items: center;-webkit-justify-content: center; -moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
.row {margin-left: 0;margin-right: 0;}
.row-reverse {-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.square-img-container {position: relative;flex-grow: 1;padding: 0;}

/* Magical CSS hack to maintain 1:1 Aspect Ratio */
.square-img-container::before {content: "";display: block;padding-top: 100%;}
.square-img-container .square-img-content {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

/*
* Add the .square-row class will make the min-height of the columns equal to their width.
*/
.square-row > [class^="col-"] {min-height: calc(100vw - 15px); /* full view width */}

@media(min-width: 768px) {
	.square-row > .col-md-6 {min-height: calc((100vw - 2.75rem) / 2); /* half the view width */}
	.square-row > .col-md-4 {min-height: calc(100vw / 3); /* third the view width */}
	.square-row > .col-md-3 {min-height: calc(100vw / 4); /* fourth the view width */}
}

@media(min-width: 1140px) {
	.square-row > .col-md-6 {min-height: calc(1110px / 2); /* half the container width */}
	.square-row > .col-md-4 {min-height: calc(1110px / 3); /* third the container width */}
	.square-row > .col-md-3 {min-height: calc(1110px / 4); /* fourth the container width */}
}

/* Other bootstrap overrides
------------------------------*/
.dropdown-menu {left: 50%;min-width: 130px;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:active,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-item.open .nav-link:active {background-color: #333333;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.panel-body {padding: 15px;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-heading > .dropdown .dropdown-toggle {color: inherit;}
.panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {color: inherit;}
.panel-footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
/* Buttons */
.btn {border-radius: 0px;border: none;padding: 1em 3em;font-size: 15px;}
.btn-small {padding: 0.6em 1.8em;border: 1px solid #333333;border-radius: 15px;color: #333333;}
.btn-small:hover,
.btn-small:focus,
.btn-small:active,
.btn-small:active:focus {background-color: #F38258;border: 1px solid #F38258;color: #333333 !important;}
.btn-link {padding: 1.2em 0;}
.btn-primary {background-color: #333333;color: #FFFFFF;font-family: Lato;font-size: 15px;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {background-color: #F38258;color: #FFFFFF;}
.btn-secondary {background-color: #F38258;color: #FAFAFA;font-family: Lato;font-size: 15px;letter-spacing: 0.167em;}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:focus {background-color: #F38258;color: #FAFAFA;}
.btn-empty {background-color: transparent;color: #333333;border: 1px solid #333333;}
.btn-empty:hover,
.btn-empty:focus,
.btn-empty:active,
.btn-empty:active:focus {background-color: #F38258;}

/* Index
------------------------------*/

/* Subscribe Flow
------------------------------*/
.sf-header {padding: 50px 0 15px;}
.sf-grid {display: -webkit-flex;display: -moz-flexbox;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;margin-top: 20px;margin-bottom: 20px;}
.sf-grid__container {display: -webkit-flex;display: -moz-flexbox;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;padding-top: .9375rem;padding-bottom: .9375rem;}
.sf-item {-webkit-flex-grow: 1;-moz-flex-grow: 1;-ms-flex-grow: 1;flex-grow: 1;text-align: center;border: 1px solid #E1E1E1;padding: 20px;}
.sf-item, .sf-item__content {display: -webkit-flex;display: -moz-flexbox;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.sf-item__content {-webkit-flex: 1 1 auto;-moz-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.sf-item__name {margin: 1em 0;}
.sf-item * {max-width: 100%;}

/* Orders List
------------------------------*/
.orders-list {width: 100%;margin: 25px 0;}
.orders-list h1 {text-align: center;color: #333333;}
.orders-list .panel {width: 100%;}

/* Checkout
------------------------------*/
.checkout_content {margin-top: 0;overflow: auto;padding: 50px 0 60px;}
.checkout_content #add_coupon_code {padding: .375rem 1rem;width: auto;}
#gift-form .row label {font-size: 14px;}
.checkout_content .styled_cart .total-row th,
.checkout_content .styled_cart .total-row #total_price {font-size: 30px;}
.checkout_content.newco #id_coupon_code {min-width: 200px;}
.checkout_content #checkout_button { }
.checkout_content #checkout_button:hover,
.checkout_content #checkout_button:focus,
.checkout_content #checkout_button:active,
.checkout_content #checkout_button:active:focus {	 }
.checkout_content #gift-form .row .col-xs-12 label {margin-bottom: 0;}
#checkout-checkout {padding-bottom: 60px;}

@media(max-width: 768px) {
	.checkout_content .cta {text-align: center;}
	.checkout_content #gift-form .row .col-xs-12 {margin-left: 10px;}
}

/* Thank You
------------------------------*/
.checkout_content section {border-color: #F5F5F5;}
.checkout_content h1 {margin-bottom: 25px;text-align: center;}
.cart_listing table {border-color: #F5F5F5;}

/* Account
------------------------------*/
.account-header {margin: 50px 0 25px 0;padding: 0 15px;}
.account-header h1,
.account-header h2 {margin: 0 0 15px 0;}
.account-header .gift-card-container {-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.account-header .gift-card-balance {margin: 0 0 15px 0;}
.my-account {margin: 25px 0 50px 0;}
.address-container {width: 100%;}
.address-panel .inner-address-row {padding: 0;}
.address-panel .address-edit-btn {min-width: auto;padding: 10px;}
.address-info #is_primary {margin: 0;width: auto;}
.address-container {width: 100%;}
.errors {margin: 25px 0;}
.cratejoy-loading-icon {color: #333333;}
.skip-dialog .row {display: block;text-align: center;}
.skip-dialog h4 {margin: 0 0 22px 0;}
.panel-sub-confirm {box-shadow: none;}
.panel-sub-confirm form div:last-child {display: block;}
#skip_button,
input[type="radio"] + label.cj-btn {background-color: transparent;border: 1px solid #333333;color: #333333;letter-spacing: 1px;text-transform: uppercase;}
#skip_button:hover,
#skip_button:focus,
#skip_button:active,
input[type="radio"]:checked + label.cj-btn, #skip_button.skipped {background-color: #F38258;border-color: #F38258;text-decoration: none;}

/* Media Queries
------------------------------*/
@media (max-width: 767px) {
	/* Used to reverse a row when it wraps on smaller screens */
	.row-sm-reverse {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
	.panel-cratejoy .pull-right,
	.panel-cratejoy .pull-left,
	.skip-dialog .pull-right,
	.skip-dialog .pull-left,
	.subscription_cancel .pull-right,
	.subscription_cancel .pull-left,
	#edit-subscription-form .pull-right,
	#edit-subscription-form .pull-left {float: none;width: 100%;margin: 10px 0;}
	.col-xs-12,
	.container-fluid {padding-left: 0;padding-right: 0;}
	section.container-fluid {padding-right: 0;padding-left: 0;margin-right: auto;margin-left: auto;}
}

@media (min-width: 768px) {
	.account-header .gift-card-container {-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
	.account-header .gift-card-balance {margin: 0;}
}
@media (min-width: 992px) {
	.account-header h1,
	.account-header h2 {margin: 0;}
}