@font-face { font-family: 'Belinda New Regular'; src: url('/ext/Belinda New Regular.otf'); } 
body {
/*  background:#ffffff; */
  background-color: transparent;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.banner{
  position:relative;
  top:0px;
  left:0px;
}

#sb:hover{
  border:0.0625rem solid #b5b6ce; /* 1px */
  background-color:#009dff;
}

#bt:hover{
  color:#ffffff;
}

a, a:active, a:hover, a:visited{
  color: #000000;
  text-decoration:none;
}

/*
input[type = "search"]:hover{
  color: rgb(255, 255, 255);
}
*/

input[type = "search"]:focus{
  outline: 0.1875rem solid #81c2ea;
}

button[type = "button"]:focus{
  outline: 0.1875rem solid #81c2ea;
}

.style-script-regular {
  font-family: "Belinda New Regular";
  font-size: 2.5rem;
  font-weight: bold;
  font-style: italic;
}

hr.wide5 {
  width: 100%;
  background-color: #009966;
  border-width: 0.3125rem; /* 5px; */
  border-color: #009966;
  border-style: solid;
}
hr.wide10 {
  width: 100%;
  background-color: #009966;
  border-width: 0.625rem; /* 10px; */
  border-color: #009966;
  border-style: solid;
}

.btn:not([data-dismiss="modal"]){
  padding:0.75rem 1.25rem; /* 12px 20px; */
  background:#663EF2;
  color:#ffffff;
  border:0;
  border-radius:0.375rem; /* 6px; */
  display:inline-block;
  font-size:1.125rem; /* 18px; */
  font-weight:400;
  text-decoration:none;
  cursor:pointer;
  line-height:1.5;
  vertical-align:middle;
  font-family: "Roboto", sans-serif;
  transition:all .3s;
}

/* Modal Query */
#modalSearch {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-dialog {
  width: 80%;
  margin: 12% auto;
  padding: 1.25rem; /* 20px; */
  color: #000000;
  border-radius: 1.25rem; /* 20px; */
  border: 0.0625rem solid #81c2ea; /* 1px */
  background-color: #ffffff;
}

.modal-slate {
  width: 80%;
  margin: 11% auto;
  min-height: 34rem;
  padding: 1.25rem; /* 20px; */
  color: #000000;
  border-radius: 1.25rem; /* 20px; */
  border: 0.0625rem solid #000000; /* 1px 81c2ea; lt blue */
  background-color: #ffffff;
  z-index: 33;
}

.close {
  color: #000000;
  float: right;
  font-size: 1.75rem; /* 28px; */
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  z-index:30;
}

.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after,  .gsc-inline-block {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
  box-sizing: content-box;
  line-height: normal;
}
/* modal query end */

.wrapper{
  width:100%;
  text-align:center;
}
.carousel{
  width:90%;
  margin:0 auto;
}
.slick-slide{
  margin:0.625rem; /* 10px; */
}
.slick-slide img{
  width:100%;
  border:0.125rem solid #fff; /* 2px */
}
.wrapper .slick-dots li button:before {
  font-size:1.25rem; /* 20px; */
  color:white;
}

#sh-btn svg{
  width:76px;
  height:76px;
  min-height:56px;
  min-width:56px;
  max-width:76px;
  max-height:76px;
  background:0 0!important;
  visibility:hidden;
  /* make visible if ok */
}
#sh-btn:hover{
  transform:scale(1.05);
}
@media only screen and (max-width:768px){
#sh-btn{width:56px;height:56px}
#sh-btn svg{width:56px;height:56px;min-height:35px;min-width:35px;max-width:56px;max-height:56px}
}

/* footer */
.footer_container {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: var(--main-side-padding);
    align-items: center;
    color: #69699b;
}

.footer_bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem 0;
    border-bottom: 0.0625rem solid #e2e2eb; /* 1px */
}

.footer_list {
    display: flex;
    font-size: 0.8rem;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 1rem;
    padding: 0;
}

.footer_separator {
    background-color: #e2e2eb;
    width: 0.0625rem; /* 1px; */
    height: 0.9375rem; /* 15px; */
}

.footer_link {
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: center;
    color: #69699b;
}

.footer_link:hover {
    color: #454573;
}

.footer_socials {
    display: flex;
    flex-direction: row;
    column-gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.footer_link svg {
    fill: #b5b6ce;
}

.footer_link svg:hover {
    fill: #84859c;
}

.footer_socials .footer_link:hover {
    fill: #84859c;
}

.footer_copyright {
    color: #69699b;
}

/* search */
.rct {
  border-radius: 1.5625rem; /* 25px; */
  border: 0.125rem solid #81c2ea; /* 2px */
  padding: 1.25rem; /* 20px; */
  width: 12.5rem; /* 200px; */
  height: 2.5rem; /* 40px; */
}

.rcb {
  background-color:#ffffff;
  color:#81c2ea;
  border-radius: 1.375rem; /* 22px; */
  border: 0.125rem solid #81c2ea; /* 2px */
  padding: 0.125rem; /* 2px; */
  width: 3.75rem; /* 60px; */
  height: 2.3125rem; /* 37px; */
}

.rcb:hover {
  background-color:#81c2ea;
  color:#ffffff;
}

.data-s9e-mediaembed {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.7);
  background-color: transparent !important;
}

[data-s9e-mediaembed] {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.7);
  background-color: transparent !important;
}

.fb-post iframe, .fb-video iframe[src*="facebook.com"] {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.7);
  background-color: transparent !important;
}

#contentArea div[data-dedupekey]>div, div.UFIContainer,li.UFILikeSentence, li.UFIRow {background-color:transparent !important}

  #results a:link {color:#246598; font-size:1.25rem; font-weight:bold}
  #results a:visited {color:#246598; font-size:1.25rem; font-weight:bold}
  #results a:hover {color:#246598; font-size:1.25rem; font-weight:bold; text-decoration:underline}
  #results {
    font-size:1rem;
  }
/*  b#results {color:#046A38!important} */
  html {overflow-y:scroll;}
/* doesn't appear to break modal scroll (height:auto on modal breaks modal scroll) */