/* *****************************************************

    ** Custom Stylesheet **

***************************************************** */


/* Specific Pages - Order Form: Globals-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) {
#main-body .container, 
#main-body .container-lg, 
#main-body .container-md, 
#main-body .container-sm, 
#main-body .container-xl {
    width: 90vw !important;
    max-width: 1000px !important;
}
}


#order-standard_cart .cart-body .header-lined { max-width: none}

/* Remove the "collapsed" menu on mobile */ 
body #order-standard_cart { line-height: 1.15 }

/* Order Page Button Re-style */
#order-standard_cart .btn-group-sm>.btn, 
#order-standard_cart .btn-group-lg>.btn, 
#order-standard_cart .btn-group-sm>.btn, #order-standard_cart .btn-sm,
#order-standard_cart .btn-group-lg>.btn, #order-standard_cart .btn-lg {
    font-size: 1.1rem !important;
    padding: 9px 5px;
    border-radius: 8px;
    font-weight: 600;
    margin-top: 0.4em;
    width: calc(100% - 50px);
    }

/* Button Re-style */
#order-standard_cart .product i.fas.fa-shopping-cart {display:none}


#order-standard_cart .btn-group-sm>.btn, #order-standard_cart .btn-group-lg>.btn, #order-standard_cart .btn-group-sm>.btn, #order-standard_cart .btn-sm #order-standard_cart .btn-group-lg>.btn {
	color: #fff;
	background-color: var(--fmblue-lightcta);
	border-color: #16b0f6;
	}



/* Specific Pages - Order Form – 1 – Select Plan https://fullmatter.com/store/ ------------------------------------------------------------------------------ */

/* Remove the left sidebar */ #order-standard_cart .sidebar { display:none; } 

#order-standard_cart .cart-body {width: 94% !important;padding: 0 !important;}

#order-standard_cart .row {justify-content: center;align-items: flex-end;margin-top: 2rem;}

/* Product Cards */
#order-standard_cart .products .product {
    padding: 0 !important;
    border-radius: 7px !important;
    border: none !important;
    box-shadow: 0 2.5px 3px rgb(0 0 0 / 11%), 0 1px 1px rgb(0 0 0 / 10%);
}

#order-standard_cart .products .product:hover { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14); }

#order-standard_cart .products .product header {
    /* padding: 14px 15px 22px !important; */
	padding: 16px 18px;
    margin: 0 !important;
    background: #eff3f5 !important;
    border-radius: 6px 6px 0 0 !important;
	display: flex;
    align-items: center;
}

#order-standard_cart .products #product1 header:before,
#order-standard_cart .products #product2 header:before,
#order-standard_cart .products #product3 header:before {
    position: relative;
    display: inline-block;
    border-radius: 100px;
    line-height: 0;
    color: #058;
    font-size: 32px;
    top: 0px;
    left: 0px;
    font-style: normal;
    font-variant: normal;
    text-rendering: geometricPrecision;
    font-weight: 900;
    margin-right: 12px;
	}

#order-standard_cart .products #product1 header:before  {
    font-family: "Font Awesome 5 Pro" !important;
    content: "\f4d8"; }

#order-standard_cart .products #product2 header:before {
    font-family: "Font Awesome 5 Pro" !important;
    content: "\f336"; }

#order-standard_cart .products #product3 header:before {
    font-family: "Font Awesome 5 Pro" !important;
    content: "\f3fd"; }

#order-standard_cart .products .product header span {
	color: #058 !important;
	font-size: 1.5em !important;
	letter-spacing: -0.01rem; } 


/* Card headline */
#order-standard_cart li[id*="product"] { display:none; } /* Remove random Product list */
#order-standard_cart {margin-top: 2em !important;font-size: inherit !important;} /* Add some space at the top */


/* Card Descrip */
#order-standard_cart .products .product div.product-desc {
    float: none !important;
    width: 100% !important;
    padding: 20px 30px 0 !important;
    font-size: 1em !important; 
	font-weight: 200; 
    text-align: center !important; }

#order-standard_cart .products span.product-desc-intro { font-weight: 400; display:inline-block; margin-bottom:0.7em; }


#order-standard_cart .products .product div.product-desc strong p { font-weight: 200; }

/* Card Price */
#order-standard_cart .products .product footer {
    margin: 0px 0 25px !important;
    width: 100% !important;
    font-size: 0.85em !important;
    text-align: center !important; }


/* 3-Up Plan Selection */
@media (min-width: 768px) { 
	
	/* Push Footer To Bottom */ section#main-body { min-height: calc(100vh - 240px); }

    .col-md-6 { flex: none; max-width: none; } 

	#order-standard_cart .products {
		display: grid;
		grid-template-columns: 2fr 1fr;
		place-items: start;
		margin-top: 2.5rem; }

	#order-standard_cart .products .row { margin: 0; height: 100%; }
	#order-standard_cart .products .row .col-md-6 { padding: 0; }
	#order-standard_cart .products .row:first-child {
		display: grid;
		grid-template-columns: 1fr 1fr;
		place-items: start;
	}
	#order-standard_cart .products,
	#order-standard_cart .products .row:first-child { grid-column-gap: 2rem; }

    #order-standard_cart .products .product {margin-bottom: 0;display: grid;}
    #order-standard_cart .products .product footer {align-self: self-end;}
	#order-standard_cart .products .clearfix:after { display: none !important; }

    #order-standard_cart .products .product, 
    #order-standard_cart .products .row,
    #order-standard_cart .products .row .col-md-6 {height: 100%;}
}