/* CSS Document */

/* 
Updated 9/2020 for new website
Optimized for use with Bridge WordPress theme
NOTE: button color changed from #c4453a --> #802626, with hover changing from #c4453a --> #b03737
*/


/* GENERAL */

main.store { border-right-style: none; }
main.account { border-right-style: none; }


.clear {
	clear:both;
	height:20px;
	overflow:hidden;
}

input[type="submit"] { 
    border-radius: 8px; /* should match button border radius set in Enfold -> General Styling */
}

a.miniButt { 
	margin:10px 0 0 0 !important;
    background-color: #802626;
	color: #fff;
    padding:6.5px 22px;
	border-color: #ad0903;
	border-radius: 8px; 
	font-size:1em;
	line-height: 1em;
    font-weight: bold;
    width:auto;
}
a.miniButt:hover, a.miniButt:active { text-decoration: none; background-color: #b03737; color: #fff; }

a.miniButt.green { background-color: #1c6139; }
a.miniButt.green:hover, a.miniButt.green:active { text-decoration: none; background-color: #36714d; color: #fff; }

a.miniButt.gray { background-color: #4d4d4d; }
a.miniButt.gray:hover, a.miniButt.gray:active { text-decoration: none; background-color: #5A5A5A; color: #fff; }


input.miniButt { font-size:1em; line-height:1em; margin:10px 0 0 0; border-radius: 8px; font-weight: bold; }

@media only screen and (max-width: 425px) { 
    a.miniButt {
       width: 100%;
       line-height: 1.2em;
       display: block;
       text-align: center;
       margin: 10px 0 0 0;
       padding: 5px 10px;
    }
    input.miniButt { margin:0; }
}


a.tinyButt {
	margin:0; 
	background-color: #802626;
	color: #fff;
	padding: 3px 6px;
	border-color: #ad0903;
	border-radius: 4px; 
	font-size:1em;
	line-height: 1em;
}
a.tinyButt:hover, a.tinyButt:active { text-decoration: none; background-color: #b03737; color: #fff; }

.bold { font-weight:bold !important; }
.small { font-size:.85em; font-style:italic; }
.grayBold { font-weight:bold; color:#999; }
.blackBold { font-weight:bold; font-size:1.1em; color:#000; }
.marginLeft { margin-left:20px; }
.marginRight { margin-right:20px; }
.italic { font-style:italic; }
.textCenter { text-align: center !important; }
.note { margin-left:10px; font-style:italic; font-size:.9em; color:#777; }
#notes { text-transform:none;font-weight:normal;vertical-align:middle; font-size:1em; padding:2px;  }
textarea#notes { margin:0 0 5px 0; }

.grayBack { background-color:#e8e8e8; color:#555; padding:2px 4px; }
.greenBack { background-color:#edfded !important; color:#006600; padding:2px 4px; }


/* PRODUCT */
main .content { border-right-style: none !important; }

/* CART */
.responsiveCart { overflow-x: scroll; clear:both; display:block; }
#cart { border:#e1e1e1 1px solid; }
#cart .red { color:#cc0000; }
#cart .delete { margin-left: 20px; }
#cart .strike, span.red.strike { text-decoration: line-through; color:#999; }
@media only screen and (max-width: 410px) { 
    .responsiveCart { 
        border-right:#999 3px dotted; 
    } 
}

#order .product { font-weight:bold; }
.product { font-weight:bold; }

#cart .subtotal {
	color:#006600;
	font-size:1.4em;
	font-weight: bold;
}
#cart .labels { color:#000; text-align:left; }
#order button { margin-top:12px; }
#order .remove { font-size:50%; }

#cart img {
	max-height: 100px;
	max-width: 100px;
}
#cart th { text-align: center; }
#cart th.left  { text-align: left; }
#cart td { vertical-align:middle; }
select.qty_select { text-align: center; max-width: 40px;  }
#top select { margin-bottom:0; }

#cart strong { color:#000; }
#cart .total { font-size: 1.25em; }

.store { margin:20px 0; }

table.subBox { width:100%; margin:0; }
.subBox td, .subBox tr, .subBox th { border:none; }
.subBox tr:first-child td { border-top-style:none; }
.subBox tr td:first-child { border-left-style:none; }

#cart td.subtotal.labels { color:#000; text-align:left; }


#cart .subtotal {
	color:#006600;
	font-size:1.1em;
	text-align:right;
	font-weight: bold;
}

#siteCredit { position:relative; top: -15px; font-size:10px !important; color:#ccc; }
#siteCredit a { color:#bbb; }

/* LOGIN / CHECKOUT */

#buyNow, #account { 
	display:inline-block;
	float:left;
    width:45%;
	margin-right: 5%;
}
#lostPassLink { margin-left: 20px; font-size:.85em; }
#accountDetails li { list-style: disc inside none; }

/* ACCOUNT */
#account #paymentSelector { margin-bottom: 30px; background-color: #dcdcdc; padding:8px; width:400px; }
#account #paymentSelector #radioButtons, #account .cc, #account .country {
    padding:4px 8px;
}

#account span.note { margin-left: 10px; line-height: 1.2em; }
#paypal img { margin:0 10px 0 0; vertical-align:middle; }

@media only screen and (max-width: 650px) { 
    #buyNow, #account { 
        display: block;
        width:100%;
        margin-right: 10%;
    }
    #account #paymentSelector #radioButtons, #account .cc, #account .country {
		padding:4px 8px 4px 0;
	}
    #country { width:100% !important; }
    #account span.note { margin-left:0px !important; }
    #account #paymentSelector { margin-bottom: 20px; padding:6px; width:100%; }
    #ccIcons { display:block; margin: 10px 0 0 -5px; }
}
@media only screen and (max-width: 1200px) {
    #paypal_note { display:block; }
    #paypal img { margin:0 0 10px 0; }
}

/* CONFIRM / RECEIPT */
#info h3 {
	width:100%;
	padding:6px 6px 6px 10px;
	display:block;
	clear:both;
}

.infoBlock {
	display:inline;
	float:left;
	width:30%;
	margin-right:3%;
	margin-bottom: 20px; 
}
.infoBlock p {
	padding:0 14px;
	line-height:1.5em;
}
#billTo, #shipTo { width:25%; }
#shipMethod { width:40%; } 

#receipt { margin:20px 0; }
#receipt p { font-size:120%; }
#receipt span { margin-left:40px; }
a.courseButt { margin-left:10px; padding: 3px 12px; }

@media only screen and (max-width: 650px) { 
    #billTo, #shipTo, #shipMethod {
        display: block;
        width:100%;
        margin-right: 10%;
    }
    #receipt span { display: block; margin:10px 0 0 0; }
    a.courseButt { margin-left:0; display:block; text-align: center; padding: 6px; }
}



/* RESPONSIVE */
.notes { margin-left: 20px; font-style:italic; }

@media only screen and (max-width: 650px) {
	.noMobile { display: none; }
	.notes { margin-left:0; display:block; }
	#lostPassLink { margin-left:0; display:block; }
	.infoBlock { width:100%; margin-right: 0; display:block; }
	#billTo, #shipTo, #shipMethod { width:100%; }
}
@media only screen and (min-width: 651px) {
    .mobileOnly { display: none; }
}


/*
		td, th { padding:10px; }
		th { border-bottom:#ccc 2px solid; }
		tr { border-bottom:#ccc 1px solid; }
		tr:last-child { border-bottom:none; border-top: #ccc 2px solid; }
		.store { margin:20px 0; }
*/


/* ALERTS */
.alertBoxBad_tbl, .alertBoxBad_tbl td { color:#cc0000; background-color:#F9E6E3; padding:8px; font-style: italic; }
.alertBoxGood_tbl, .alertBoxGood_tbl td { color:green; background-color:#EDFDED; padding:8px; font-style: italic; }
.alertBoxNeutral_tbl, .alertBoxNeutral_tbl td { color:#444; background-color:#ddd; padding:8px; font-style: italic;  }
.alertBoxHighlight_tbl, .alertBoxHighlight_tbl td { color:gray; border:gray 1px solid; padding:8px; background-color:#e8e8e8; font-style: italic; }
.alertBoxHighlightRed_tbl, .alertBoxHighlightRed_tbl td { color:#cc0000; border:red 1px solid; padding:8px; background-color:#FFFFCC; font-style: italic; }
#alert_download { border:#008000 2px solid; }

/* SPECIAL */
i.productIcon { font-size:125%; margin-right: 6px; vertical-align: middle; }

.requiredInput { background-color:#F9E6E3 !important; padding:6px 12px; width:50%; }
@media only screen and (max-width: 650px) { .requiredInput { width:100%; } }