/* 
Theme Name:		 Five Boroughs Brewing Co. 
Theme URI:		 https://d-olsen.com/
Description:	 Exclusive theme for Five Boroughs Brewing Co. 
Author:			 David Olsen
Author URI:		 https://d-olsen.com/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 fbb
*/

/** cart and checkout **/
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.woocommerce-checkout.woocommerce-order-received .woocommerce{
  	max-width: 1220px;
  	margin: 130px auto !important;
	min-height: 70vh;
	padding: 0 20px;
	font-family: "DM Sans", Sans-serif;
}
.wc-block-components-totals-coupon .wc-block-components-panel__button{
	font-family: "helsinki-black", Sans-serif !important;
}
.wp-block-woocommerce-cart::before,
.wp-block-woocommerce-checkout::before{
  content: "Your Crate";
  font-family: "DM Sans", Sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  color: #000;
  margin-bottom: 40px;
  display: block;
	font-weight: bold;
}
.wp-block-woocommerce-checkout::before {
  content: "Checkout";
}
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block{
  background-color: #f4f4f4;
  padding: 20px;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block{
	font-size: 20px;
}
.wc-block-cart-items .wc-block-components-product-name{
	color: #000 !important;
}
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  font-weight: 600 !important;
  font-size: 22px !important;
  color: #000 !important;
	  text-align: left !important;
  margin-bottom: 10px !important;
}
.wc-block-components-order-summary.wc-block-components-panel .wc-block-components-panel__button {
  background-color: transparent;
  color: #000;
  padding: 0;
  border-bottom: 1px solid;
  padding: 14px 0;
  margin-bottom: 14px;
}
.wc-block-cart__submit-button,
body.woocommerce-checkout .wc-block-components-button{
  font-family: "DM Sans", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.33;
  color: #fff !important;
  background-color: #000;
  border-style: none;
  border-radius: 0px 0px 0px 0px;
  padding: 16px 40px 16px 40px;
	min-height: 1px !important;
}
.wc-block-components-button:hover,
body.woocommerce-checkout .wc-block-cart__submit-button:hover{
	background-color: #000000C9;
}
.wc-block-components-totals-wrapper{
	border: none !important
}
.wc-block-components-totals-coupon .wc-block-components-panel__button,
#wc-block-components-totals-shipping__change-address__link {
  	margin-top: 0;
  	padding-top: 0;
  	padding: 0;
  	background: transparent !important;
  	color: #333 !important;
	text-transform: uppercase !important;
	font-family: var( --e-global-typography-accent-font-family ), Sans-serif !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
}
#wc-block-components-totals-shipping__change-address__link {
  white-space: initial;
  text-align: left;
  margin-top: 8px;
  line-height: 1.4em;
}
.wc-block-cart-items__row .wc-block-components-product-metadata {
  display: none;
}
.wc-block-components-address-form__address_2-toggle {
  padding: 0 !important;
  background-color: transparent !important;
  color: #333 !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
  font-weight: 400  !important;
}
body .wc-block-components-title.wc-block-components-title{
	text-transform: uppercase;
 	color: #000;
  	font-size: 22px;
	font-weight: 600;
}
body .wc-block-components-checkout-order-summary__title-text {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold !important;
  color: #000;
}
body .wc-block-components-product-metadata__description {
  display: none;
}
body .wc-block-components-order-summary.wc-block-components-panel {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
}
body .wc-block-components-order-summary.wc-block-components-panel .wc-block-components-product-metadata{
	display: none;
}
body .wc-block-components-order-summary .wc-block-components-order-summary__button-text {
  font-weight: 400;
  font-size: 24px;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce table.shop_table{
	font-size: 18px;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce strong,
.woocommerce table.shop_table th, 
.woocommerce table.shop_table td {
	font-weight: 400 !important;
}
.woocommerce table.shop_table th,
.woocommerce-checkout.woocommerce-order-received .woocommerce h2{
	text-transform: uppercase;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-family: "DM Sans", Sans-serif;
  text-transform: uppercase;
  color: #000;
  font-size: 42px;
}
.woocommerce ul.order_details{
	padding-left: 0 !important;
}
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
  padding: 0;
}
@media only screen and (max-width: 767px){
	.wp-block-woocommerce-cart::before, .wp-block-woocommerce-checkout::before{
		font-size: 40px;
		margin-bottom: 16px;
	}
	.wp-block-woocommerce-checkout-order-summary-block{
		padding: 0;
	}
}

/** BLOG POST STYLE - START ***/
body.elementor-default .blog-post-content img{
	border-radius: 16px;
}
body.elementor-default .blog-post-content p{
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
	letter-spacing: 0.2px;
}
body.elementor-default .blog-post-content b, 
body.elementor-default .blog-post-content strong{
    font-weight: 400;
}
body.elementor-default .blog-post-content h2{
    font-size: 2.2em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    color: var( --e-global-color-primary );
    font-weight: 400;
}
body.elementor-default .blog-post-content h3{
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: 0.6666667em;
    line-height: 1.5;
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    color: var( --e-global-color-primary );
    font-weight: 400;
}
body.elementor-default .blog-post-content h4{
    margin-top: 1.7777778em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    color: var( --e-global-color-primary );
    font-weight: 400;
    font-size: inherit;
}
body.elementor-default .blog-post-content h6{
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-top: 1.0909091em;
    margin-bottom: 1.0909091em;
    font-weight: 400;
    font-family: var( --e-global-typography-secondary-font-family ), Sans-seri
}
body.elementor-default .blog-post-content h2 + *,
body.elementor-default .blog-post-content h3 + *,
body.elementor-default .blog-post-content h4 + *,
body.elementor-default .blog-post-content h5 + *{
    margin-top: 0;
}

body.elementor-default .blog-post-content blockquote{
    font-weight: 400;
    font-style: italic;
    border-left: 0.25rem solid #e2e8f0;
    quotes: "\201C""\201D""\2018""\2019";
    margin-left: 0;
  margin-right: 0;
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-left: 1em;
}
body.elementor-default .blog-post-content code, 
body.elementor-default .blog-post-content kbd, 
body.elementor-default .blog-post-content samp, 
body.elementor-default .blog-post-content pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 400;
}
body.elementor-default .blog-post-content code:before {
  content: "`";
}
body.elementor-default .blog-post-content code:after {
  content: "`";
}
body.elementor-default .blog-post-content pre{
    color: #e2e8f0;
  	background-color: #1e293b;
  	overflow-x: auto;
  	font-weight: 400;
  	font-size: 0.8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.375rem;
    padding-top: 1em;
    padding-right: 1.5em;
    padding-bottom: 1em;
    padding-left: 1.5em;
}
body.elementor-default .blog-post-content pre code{
    font-weight: 400;
}
body.elementor-default .blog-post-content pre code:before,
body.elementor-default .blog-post-content pre code:after{
    content: '';
}
body.elementor-default .blog-post-content a{
    color: #00a8c5;
    text-decoration: underline;
    font-weight: 400;
}
body.elementor-default .blog-post-content a:hover{
    color: #f9a01b;
}
body.elementor-default .blog-post-content hr{
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em;
    border-color: #e2e8f03d;
    border-top-width: 1px;
}
body.elementor-default .blog-post-content ol,
body.elementor-default .blog-post-content ul{
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.5555556em;
}
body.elementor-default .blog-post-content ol li,
body.elementor-default .blog-post-content ul li{
    padding-left: 0.4444444em;
    margin-top: 0.6666667em;
    margin-bottom: 0.6666667em;
}
body.elementor-default .blog-post-content ol li::marker,
body.elementor-default .blog-post-content ul li::marker{
    color: #888d93 !important;
}
body.elementor-default .blog-post-content figcaption {
  opacity: 0.6;
}
/** BLOG POST STYLE - END ***/