/* This is the CSS file for the SANDBOX templates. */

/* OVERALL FORM STYLE */

/* Rounded border surrounding the form */
/* This rule selects an element with BOTH matching ID AND matching class--no space between selectors! */
#reunion2025.cms-form-wrapper {
    margin-top: 0px;
	border: solid 1px #808080;
	border-radius: 10px;
	margin-bottom: 50px;
	padding: 20px; 
}

/* Form title is positioned to be vertical-center of form border */
/* The background of form title is filled white--this masks over the top form border creating a Windows-style group label */
#reunion2025 .cms-form-title {
	margin-top: -30px;
}
#reunion2025 .cms-form-title span {
	background-color: #FFF;
	color: #F00;
}


/* Wrapper around the form fields--below the title/description/progress and above the prev/next/submit buttons */
#reunion2025 .cms-form-body {
    margin-bottom: 50px;
}


/* FILLING FORM */

/* Form field display */
#reunion2025 div.row.field {
	margin-bottom: 10px;
}

/* Use alternating row colors (easier on the eyes) */
#reunion2025 div.row.field:nth-child(2n) {
  background: #e6f9ff; /* Color: a very light shade of cyan */
}

/* Field group heading row */
#reunion2025 .row.field-group-header {
	background-color: rgba(240,227,123, .5); /* Color: yellow, 50% transparency) */
	color: rgb(24,39,80); /* Color: Dark shade of blue-green */
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: center;
}

/* Field label */
#reunion2025 div.row .col-md-3:first-of-type label { /* set 4 columns on first occurrence */
	color: black;
	display: inline;
}

/* Field TIP column */
#reunion2025 div.row .col-md-5:last-of-type {
	font-size: 75%;
	font-size: 90%;
	font-style: italic;
}
#reunion2025 .text-muted {
    color: #00F!important;
}

#reunion2025 textarea[name="guest_names"] {
    min-height: 100px;

}

/* REVIEWING / VIEWING / EMAILING FILL */


table.review,
table.view,
table.email {
    border: none;
    border-spacing: 2px;
    padding: 2px;
    width: 100%;
}

table.email {
    font-size: 10pt;
}

table.review td,
table.view td,
table.email td {
    border-bottom: solid 1px #dee2e6; 
}

table.email .no-border {
    border: none; 
}

table.review td:nth-child(2),
table.view td:nth-child(2),
table.email td:nth-child(2) {
    color: #F00;
    text-align: right; 
    width: 33%;
}

table.review-total,
table.view-total,
table.email-total {
    border: none;
    border-spacing: 2px;
    margin-top: 20px;
    padding: 2px;
    width: 100%;
}

table.review-total td,
table.view-total td,
table.email-total td {
    text-align: right; 
}

table.review-total td:nth-child(1),
table.view-total td:nth-child(1),
table.email-total td:nth-child(1) {
    font-weight: 700;
    padding-right: 5px;
}

table.review-total td:nth-child(2),
table.view-total td:nth-child(2),
table.email-total td:nth-child(2) {
    border: solid 1px #dee2e6; 
    border-radius: 10px;
    color: #F00;
    font-weight: 700;
    width: 150px;    
}


p.review-invoice-notice {
    color: #F00;
    font-size: 8pt;
    font-style: italic;
}