/* ---------------------------------------------------------------------- 
			TABLE OF CONTENTS
---------------------------------------------------------------------- */

/* 1	Shared SDI Styles */
/* 2	SDI Account Bar - _cart_include.php */
/* 3	Login Panels _log_in.php */
/* 4	Error Messages / Error Input Field Styles */
/* 5	Registration Form - _register.php */
/* 6	Account Summary / Detail - _account.php / _account_order_detail.php */
/* 7	Check Out / Payment Process - loading spinner - _check_out_process.php / _apply_payment_process.php */
/* 8	Cart Detail - _cart_view.php / _check_out.php */
/* 9	Item Detail - _item_detail.php */
/* 10	Account tables, inputs, buttons, submits, selects, etc  */


/* ---------------------------------------------------------------------- 
   1 SHARED SDI STYLES
---------------------------------------------------------------------- */

/* sdi camps foot credit plug - footer.php */

/* sdi plug */
section#sdi-plug { 
  width: 100%; 
  padding: 20px 0;
}
section#sdi-plug p {
  display: inline;
  margin: 0;
  color: #666666;
}

/* sdi camps svg logo - footer.php / _order_confirmation.php */
#sdicamps-logo { 
  width: 150px; 
  height: 40px; 
  margin-right: 10px; 
  display: inline-block; 
  position: relative; 
  top: 10px; 
}
#sdicamps-logo:hover #curve, 
#sdicamps-logo:hover .sdi { 
  fill: #ffffff;
}
#sdicamps-logo:hover .camps { 
  fill: #fb592b;
}
#curve {
  fill: #fb592b;
}
#logo-text {
  fill: #ffffff;
}
.track {
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.sdi {
  stroke-width: 2;
  fill: #fb592b;
}
.camps {
  stroke-width: 2;
}
/* fallback styles */
/* Make sure it's the same size as the SVG takes up */ 
.sdicamps-fallback { 
  display: none; 
}
.no-svg .sdicamps-fallback { 
  background-image: url('https://cavalierswimcamps.com/images/sdicamps_fallback.png'); 
  display: inline-block !important; 
  width: 150px; 
  height: 31px; 
}
.lt-ie9 #sdicamps-logo { 
  display: none; 
}

/* unpaid order message - header.php */
.unpaid-order {
  height: 0;
  opacity: 0;
  position: relative;
  background: #fb592b;
  padding: 20px; 
  margin: 0;
}
.unpaid-order p {
  font-size: 1.0em; 
  margin-bottom: 0;  
}
.unpaid-order p span {
  font-size: 2.5em; 
}
.unpaid-order a.button {
  margin: 10px 0 0 0;
}
.unpaid-order a.close.selector {
  cursor: pointer;
  font-size: 2.5rem;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 20px;
}

/* outdated browser warning - header.php */
#browser-warning { 
  display: none !important;
}  
.lt-ie9 #browser-warning { 
  display: block !important;
  width: 100%;
  background: #cf0000;
  color: #ffffff !important;
  padding: 20px; 
}

/* waiver include - _waiver.php  */
#waiver { 
  padding: 20px;
  margin: 10px 0 0 0;
  background: #000000;
  border: 1px solid #FB592B;
}
#waiver p { 
  line-height: 1.5em; 
  color: #ffffff; 
}


/* -----------------------------------------
   2 - SDI ACCOUNT BAR - _CART_INCLUDE.PHP
----------------------------------------- */

/* sdi-account bar */
#sdi-account { 
  border-bottom: 1px solid #fb592b; 
  background: #000000;
}
#cart-include { 
  padding: 10px 0;
  text-align: left;
}
#cart-include .logout.button {
  background: #000000;
  color: #ffffff;
}

/* medium screens */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  #sdi-account .six.columns {
    padding: 0;
    margin: 0;
  }
}
/* small screens */
@media only screen and (max-width: 767px) { 
  #cart-include {
    text-align: center;
  }
  #cart-include .login-session h6 {
	margin-bottom: 10px;
	display: block;
  }  
  #cart-include .button.expand {
    width: 100% !important;  
  }
}

/* login/out session */
#login { }
.login-session { }
.login-session .button {
  margin-right: 4px;
}
.login-session h6 { 
  display: inline; 
  margin: 0;
  position: relative;
  top: 3px;
  color: #ffffff;
  font-size: 1.2em;
}

/* shopping cart */
#cart { 
  display: inline;
  text-align: right !important; 
}
/* cart total */
#cart-total { 
  display: inline; 
}
#cart-total h6#reg_cart_total_display { 
  position: relative;
  top: 3px;
  display: inline; 
  color: #ffffff;
  font-size: 1.2em;
  margin: 0; 
}
#cart-total span.icon-cart { 
  display: inline;
  position: relative;
  top: 3px;  
  color: #ffffff;
  font-size: 1.2em;
}

/* small screens */
@media only screen and (max-width: 767px) { 
  #cart, #cart-total {
    display: block;
    margin: 10px 0;
    text-align: center;
  }
}

/* cart view/check out buttons */
#cart-view, 
#check-out {
  display: inline; 
}
div#cart-view, 
div#check-out {
  display: inline !important; 
}
 
/* my account */
#my-account { } 


/* -----------------------------------------
   3 - LOGIN PANELS - _LOG_IN.PHP
----------------------------------------- */

.login.panel, 
.new-account.panel { 
  padding: 2rem; 
  min-height: 450px; 
  border: none; 
  background: #eeeeee !important;
  color: #000000 !important;
}


/* -----------------------------------------
   4 - ERROR MESSAGE/FIELD STYLES
----------------------------------------- */

/* error message */
#err_msg.error_txt {
  background: red;
  opacity: .8;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.0em;
  line-height: 30px;
  margin-bottom: 10px;
  z-index: 1000px;
  padding: 0 10px;
}
/* error message */
.error_message { 
  color: red; 
  font-style: italic; 
  margin: 0 0 10px 0; 
}
/* error message wrap */
.error-wrap { 
  margin-bottom: 20px;
}

/* input field errors */
.error input, 
input.error, 
.error textarea, 
textarea.error, 
.error input:focus, 
input.error:focus, 
.error textarea:focus, 
textarea.error:focus { 
  border-radius: 0; 
  border-color: #FF0000; 
  background-color: rgba(198, 15, 19, 0.3); 
}


/* -----------------------------------------
   5 - REGISTRATION FORM  - _REGISTER.PHP
----------------------------------------- */

/* registration form container */
#reg_registration_form_display { 
  padding: 10px; 
} 

/* responsive registration form */
#reg_form { 
  padding: 18px; 
}

/* registration form/cart detail hr */
#reg_form hr, 
#reg_cart_detail_display hr, 
#reg_billing_info_form .panel hr { 
  border-width: 1px 0 0; 
}

/* registration form labels */
#reg_form label, 
#reg_billing_info_form label { 
  padding-bottom: 6px; 
  color: #7d110c;
  font-weight: bold; 
}

/* prev registrants container / dropdown */
#reg_registration_form_previous_orders, 
#reg_registration_form_cart { 
  padding: 10px; 
  margin: 10px 0 0 0; 
  background: #cccccc; 
  margin: 10px 0 0 0; 
}
#reg_registration_form_previous_orders #reg_prev_reg_list { 
  margin-top: 20px;
}


/* -----------------------------------------
   6 - ACCOUNT SUMMARY/DETAIL  - _ACCOUNT.PHP / _ACCOUNT_ORDER_DETAIL.PHP
----------------------------------------- */

/* account activity bolded titles */
#reg_account_summary strong, 
#reg_account_order_detail strong { 
  display: block; 
  margin: 0 0 10px 0; 
  font-size: 1.0em; 
  text-transform: uppercase; 
}

#reg_account_order_detail {  }
#reg_account_transaction_detail { }
#reg_account_transaction_detail table {  } 
#reg_account_balance_due table {  }
#payment_info_pane { }


/* -----------------------------------------
   7 - CHECKOUT/PAYMENT PROCESS  - _CHECK_OUT_PROCESS.PHP
----------------------------------------- */

/* spinning loader */
.loader {
  display: block;
  margin: 6em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0,0,0, 0.2);
  border-right: 1.1em solid rgba(0,0,0, 0.2);
  border-bottom: 1.1em solid rgba(0,0,0, 0.2);
  border-left: 1.1em solid #000000;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* -----------------------------------------
   8 - CART DETAIL  - _CART_VIEW.PHP / _CHECK_OUT.PHP 
----------------------------------------- */

/* cart detail container */
#reg_cart_detail_display { 
  padding: 10px; 
}
#reg_cart_detail_display h3 {
  margin: 0;
}
#reg_cart_detail_display h3, 
#reg_cart_detail_display h4, 
#reg_cart_detail_display h5, 
#reg_cart_detail_display h6 {
  color: #000000;
}

/* payment-form panel - billing/payment form */
#reg_cart_detail_display .panel.payment-form { }

/* callout panel - cart details */
#ss_payment_pane.panel.payment-form {
  box-shadow: none;
  border: none;
  color: #000000;
  background: #eeeeee !important;
  margin: 0 0 22px 0;
}
#ss_payment_pane.panel.callout {
  box-shadow: none;
  border: none;
  color: #000000;
  background: #eeeeee !important;
  margin: 0 0 22px 0;
}
/* total/subtotal labels */
.panel.callout h4 span.label {
  font-size: 23px;
}
/* checkout total labels */
.label {
  font-size: 23px; 
  font-weight: bold;
  padding-bottom: 6px;
  padding: 2px 4px 0px;
}


/* -----------------------------------------
   9 - ITEM DETAIL  - _ITEM_DETAIL.PHP
----------------------------------------- */

/* item detail container */
#item-detail.panel { 
  padding: 20px; 
}
/* item name */
h3#merch_item_name {  }
/* item price */
span#merch_item_price { 
  font-size: 1.0em; 
}
#merch_item_description { }
#merch_item_attributes { }

/* input qty align */
input#cart_qty {
  width: 25px;
  border-radius: 0;
  margin-top: 10px;
  display: inline;
}


/* -----------------------------------------
   10 - ACCOUNT TABLES / BUTTONS / INPUT / SUBMIT
----------------------------------------- */

/* account tables */
table { 
  border-collapse: collapse; 
  border-spacing: 0;
}
table tbody tr:nth-child(even) { }

/* form select dropdowns */
select, 
#reg_form select {
  border-radius: 0px !important;
  box-shadow: 0 1px 2px rgba(0,0,0, 0.1) inset;
  display: block;
  font-size: 0.9em;
  height: 32px;
  margin: 0 0 12px;
  padding: 0 6px;
  width: 100%;
}

/* form input buttons/input/submit - acct detail, reg form, item detail, my teams, view roster, etc */
#reg_account_summary table tr td input[type="button"], 
#reg_account_balance_due table tr td input[type="submit"], 
#reg_account_balance_due table tr td input[type="button"], 
#reg_order_submit_buttons input[type="button"], 
#reg_form input.register.button[type="submit"],
#reg_form table tr td input[type="button"], 
#reg_account_order_detail input.medium.button[type="button"],
#reg_form table tr td input[type="submit"], 
#reg_cart_detail_display table.reg_cart_detail tr td input[type="button"],
#reg_my_teams_display table td input[type="button"], 
#reg_roster_display table tr td input[type="button"], 
#reg_roster_display input[type="button"] {
  line-height: normal;
  width: 100% !important;
  text-transform: uppercase; 
  font-weight: bold;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  letter-spacing: 0.06em;
  background: #151515;
  color: #ffffff; 
  border: none;
  cursor: pointer;
  padding: .5rem 2rem .5rem; 
  box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -webkit-transition: 1s all ease;
  -moz-transition: 1s all ease;
  transition: 1s all ease;
  -o-transition: background-color 1s all ease;	
}

/* register button */
#reg_form input.register.button[type="submit"], 
#reg_form table tr td input[type="submit"] { 
  float: right;
  width: auto !important; 
  padding: 10px 20px 11px;
}

/* add registrant roster button */
#reg_roster_display input[type="button"] { 
  width: auto !important;
  padding: 10px 20px 11px;
  font-size: 0.7em;
}
#reg_roster_display input[type="button"]:focus, 
#reg_roster_display input[type="button"]:hover {
  background: #fb8d2b; 
  color: #ffffff; 
}

/* hovers */
#reg_account_summary table tr td input[type="button"]:hover, 
#reg_account_balance_due table tr td input[type="button"]:hover, 
#reg_form table tr td input[type="button"]:hover, 
#reg_account_balance_due table tr td input[type="submit"]:hover, 
#reg_form table tr td input[type="submit"]:hover, 
#reg_cart_detail_display table.reg_cart_detail tr td input[type="button"]:hover, 
#reg_form input.register.button[type="submit"]:focus, 
#reg_form input.register.button[type="submit"]:hover,
#reg_my_teams_display table td input[type="button"]:hover, 
#reg_roster_display table tr td input[type="button"]:hover,
#reg_my_teams_display table td input[type="button"]:focus, 
#reg_my_teams_display table td input[type="button"]:hover  { 
  background: #fb8d2b; 
  color: #ffffff; 
}

/* full width table displays - my teams / view roster */
#reg_my_teams_display table, 
#reg_roster_display table, 
#reg_registrant_display table {
  width: 100%; 
}
#reg_roster_display .button { }


/* all form input field styles - login, register, etc */
input[type="file"], 
input[type="checkbox"], 
input[type="radio"], 
select, 
#reg_form input[type="text"], 
#reg_cart_detail_display table.reg_cart_detail input[type="text"], 
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], textarea { 
  border-radius: 0 !important; 
  font-size: 14px; 
}
/* form input field focus styles */
input[type="file"]:focus, 
input[type="checkbox"]:focus, 
input[type="radio"]:focus, 
select:focus, 
#reg_form input[type="text"]:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
textarea:focus { 
  font-weight: bold; 
  box-shadow: none; 
  background: #ffe4dc; 
  border: 1px solid #fb592b;
  font-weight: bold;
}

/* form prefix styles */
span.prefix, span.postfix { }