/* -- 
Swap out the HEX color values below to adjust the colors for a custom microsite.
-- */

:root {
  --brand-color: #313bfb; 
  /* used for buttons, collapsable controls, links, table headers, etc.*/
  --page-color: #f5f2d6; 
  /* used for the page background gradient */
}

/* -- 
Actual styles begin below, not recommended for modification. 
-- */

a {
  color: var(--brand-color);
}

a:hover, 
a:focus {
  color: var(--brand-color);
}

.back_btn a:after, 
.help_btn a:after, 
.pay-submission a:after, 
.print_btn a:after {
  color: var(--brand-color);
}

body > .page {
  background: linear-gradient(180deg, var(--page-color) 0, #ffffff);
}


.title {
  color: #000000 !important;
}

/* Adjust colors for Submission listing/Showcase */ 
.submission-list .submission .footer .more a {
  background-color: var(--brand-color) !important;
}

.submission-list .submission .footer .cover {
  background-color: #000 !important;
}

/* Adjust colors for the share bar if applicable */

.share_bar,
.share_bar .addthis_toolbox a:hover .custom_icon {
  background-color: #000 !important;
}

/* Adjust colors for the faux-collapsibles on the microsite page */

.more_info > .scripting .microsite.prop_con .prop:before, 
.post_event > .scripting .microsite.prop_con .prop:before {
  background-color:  var(--brand-color) !important;
}

/* Adjust select-2 colors */

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-top: 8px solid var(--brand-color) !important;
}

/*Adjust colors for generic buttons & form elements*/

form button, 
form input[type=submit],
.eventinfo_con #microsite_actions a[data-features~=submit] {
  color: #ffffff !important;
  border: 2px solid var(--brand-color) !important;
  background: var(--brand-color) !important;
}


form button:focus, 
form input[type=submit]:focus,
form button:hover, 
form input[type=submit]:hover,
.eventinfo_con #microsite_actions a[data-features~=submit]:focus, 
.eventinfo_con #microsite_actions a[data-features~=submit]:hover {
  border: 2px solid var(--brand-color) !important;
  color:  var(--brand-color) !important;
  background: #ffffff !important;
}

.miwt-table th {
  background: var(--brand-color);
  border: 1px solid var(--brand-color) !important;
}