*,
*:before,
*:after {
  box-sizing: border-box;
}

@font-face {
  font-family: "A2Beckett-Bold";
  src: url("a2beckett-bold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "A2Beckett-Light";
  src: url("a2beckett-light-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Circular-Std-Bold";
  src: url("circularstd-bold-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "GothamMedium";
  src: url("Gotham-Medium.otf") format("opentype");
}

@font-face {
  font-family: "GothamBold";
  src: url("Gotham-Bold.otf") format("opentype");
}

@font-face {
  font-family: "MyriadPro-Regular";
  src: url("MyriadPro-Regular.otf") format("opentype");
}


:root {
  --red: #eb0024;
  --darkred: #560005;
  --yellow: #ffd300;

  --darkblue: #00234d;
  

  --black: #000000;
  --white: #ffffff;
  --offblack: #1a1a1a;
  --error: #b70b0b;

  --bold: "GothamBold";
  --light: "A2Beckett-Light";
  --standard: "GothamMedium";
}



::-webkit-scrollbar {
  width: 20px; /* width of the entire scrollbar */
}
::-webkit-scrollbar-track {
  background: var(--darkblue) /*color of the tracking area */
}

::-webkit-scrollbar-thumb {
  background-color: var(--white);
  /*border: 4px solid #004187;*/
  border: 5px solid var(--darkblue);
 
}

html {
    height: 100%;
}

body {
  color: var(--white);
  font-family: "GothamMedium";
  font-weight: 400;
  background: url("bg-desktop.jpg");
  background-size: cover;
  background-position: center; /* or 50% 50% */
  background-repeat: no-repeat;
  font-size: 20px;
  text-transform: uppercase;
  height: 100%;
}

.hiddenImgs {
    display: none;
}



h2 {
  font-family: var(--bold);
  font-size: 25px;
  margin: 30px 0;
  font-weight: 400;
  color: var(--yellow);
}



.red {
  color: var(--red);
}
.pageheader {
  position: fixed;
  top: -8px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-image: url("page-header.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.pagefooter {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 60px;
  background-image: url("page-footer.png");
  background-repeat: no-repeat;
  background-position: top center;
  /*background-size: cover;*/
  z-index: 500;
}
.pagefooter .chip {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 150px;
  height: 100px;
  background-image: url("chip.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  transform: translateX(-50%);
  pointer-events: none;
}


[data-sname="Vote"] .RC-logo {
  display: none;
}

.RC-logo {
  background: url("RC-logo.png");
  height: 100px;
  width: 100px;
  background-size: contain;
  position: fixed;
  bottom: 8px;
  right: 70px;
  z-index: 2000;
}

.potm_logo,
.gotm_logo {
  height: 140px;
  width: 100%;
  background-image: url("Retro Ryder Cup.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin: 0 auto;
}

[data-name="Vote"] .potm_logo,
.gotm_logo {
  margin-bottom: 30px;
  width: 40vw;
  height: 40vh;
  background-image: url("Retro Ryder Cup.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

.RyderCup_logo {
  margin-bottom: 30px;
  width: 100%;
  height: 100px;
  background-image: url("ryder-cup-logo.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

.intro-text {
  font-size: 22px;
  margin-bottom: 50px;
  font-family: var(--standard);
}

.postcontent {
  color: var(--yellow);
  font-family: var(--standard);
}

.c_screen[data-name="Select Course"] {
  background-image: url("Kiawah Island.jpg");
  background-size: cover;
  background-position: center; /* or 50% 50% */
  background-repeat: no-repeat;
}

.overlay {
  position: fixed;
  inset: 0;
  background: url("bg-desktop.jpg");
  background-size: cover;
  background-position: center; /* or 50% 50% */
  background-repeat: no-repeat;
  opacity: 0.9;
  z-index: -1;
}

input[type="submit"],
button,
.linkbutton {
  color: var(--yellow);
  background-color: var(--darkblue);
  padding: 10px 50px;
  border-radius: 40px;
  font-family: var(--bold);
  font-size: 24px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
input[type="submit"]:hover,
button:hover,
.linkbutton:hover {
  background-color: var(--yellow);
  color: var(--darkblue);
}
input[type="submit"]:active,
button:active,
.linkbutton:active {
  transform: scale(0.9);
}
#formation-error {
  color: var(--error);
}
.field-validation-error {
  color: var(--error);
}

button.back_button {
  bottom: 50px;
  left: 50px;
  position: absolute;
  padding: 9px 40px;
  padding-left: 40px;
  padding-left: 40px;
  font-size: 15px;
  background-image: url(back.svg);
  background-size: contain;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding-left: 47px;
  background-color: transparent;
  color: var(--yellow);
}

.checkboxholder,
.radiobuttonholder {
  width: auto;
}

.holder.checkbox-grid > div {
  margin: 20px auto;
  width: 90vw;
  max-width: 1000px;
  height: auto;
  display: grid;
  grid-template-columns: auto auto;
  grid-row: auto auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.holder.checkbox-grid {
  margin-top: 80px;
  margin-bottom: 50px;
}
.image-checkbox {
  width: 100%;
  border: none;
  margin: 0px;
}

.image-checkbox img {
  position: absolute;
  left: 10px;
  bottom: 0px;
  width: 120px;
  object-fit: cover;
  object-position: top center;
  height: 120px;
  z-index: 2;
  transition: all 0.5 ease;
  display: none;
}

.checkbox-grid .info {
  position: absolute;
  top: 9px;
  left: 156px;
  font-family: var(--light);
  font-size: 50px;
  pointer-events: none;
}

.image-checkbox input[type="radio"]:checked::before,
.image-checkbox input[type="radio"]:checked::after {
  content: none;
}

.checkbox-grid [data-filter] {
  position: relative;
}

.image-checkbox + label {
  position: absolute;
  top: 48px;
  left: 156px;
  font-family: var(--bold);
  font-size: 50px;
  max-width: 100%;
}


.image-checkbox label {
    font-family: var(--bold);
    font-size: 40px;
    padding: 10px;
    width: 100%;
    display: block;
    border: 4px solid transparent;
}


[data-name="Select Partner"] .radiobuttonholder .holder > div > div {
    padding: 0;
}

/*.image-checkbox input[type="radio"]:checked + label{*/
/*  border: 4px solid var(--yellow);*/
/*}*/

[data-name="Select Partner"] .radiobuttonholder .holder input:checked ~ label {
     border: 4px solid var(--yellow);
}


/*GOTM Selector*/

.imageholder {
  position: relative;
  width: 30vw;
  max-width: 350px;
  height: auto;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  /*min-height: 200px;*/
  background-color: var(--darkblue);
}



/*[data-name="Select Course"] .imageholder {*/
/*  max-width: 500px;*/
/*}*/



/*[data-name="Select Captain"] .imageholder {*/
/*  width: 40vw;*/
/*  max-width: 500px;*/
/*}*/

.imageholder img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  grid-row-start: 1;
  grid-column-start: 1;
  background-color: var(--darkblue);
  object-fit: cover;
  /*min-height: 100px;*/
}

/*iframe {*/
/*  aspect-ratio: 16 / 9;*/
/*  max-width: 90vw;*/
/*  height: 30vh;*/
/*  border: 4px solid var(--darkred);*/
/*  width: auto;*/
/*}*/

.radiobuttonholder {
  width: 90vw;
  max-width: 650px;
}

.radiobuttonholder .holder > div > div {
  background-color: #00234d;
  margin-bottom: 5px;
  position: relative;
  padding: 10px;
  margin-right: 5px;
}
.holder.radiobutton-list {
  height: 20vh;
}

.header.radiobutton-list {
  display: none;
}

.radiobuttonholder .holder input + label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0px;
}

.radiobuttonholder .holder input:checked + label {
  border: 4px solid var(--yellow);
}

.radiobuttonholder .holder input {
  display: none;
}
/*.radiobuttonholder .holder input:checked + label::after {*/
/*    content: '';*/
/*    color: var(--red);*/
/*    position: absolute;*/
/*    right: 24px;*/
/*    top: 24px;*/
/*    background-image: url('tick.svg');*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*}*/

.radiobuttonholder .holder .custom {
  font-family: var(--bold);
  font-size: 40px;
}

.radiobuttonholder .holder .custom .badge {
  height: 60px;
  width: 60px;
  object-fit: contain;
  vertical-align: middle;
}
.radiobuttonholder .holder .custom .badge.home {
  margin-left: 15px;
}
.radiobuttonholder .holder .custom .player {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  font-family: var(--bold);
}

.radiobuttonholder .holder .custom .team {
  position: absolute;
  left: 213px;
  top: 48px;
  font-size: 18px;
  font-family: var(--light);
}
.radiobuttonholder .holder .custom .team:before {
  content: "(";
}
.radiobuttonholder .holder .custom .team:after {
  content: ")";
}

.holder .fade_out {
  display: none;
}


/****** Data Collection *******/

[data-name="Data Collection"] h2.dc-info {
  font-family: var(--standard);
  font-size: 22px;
}

.inputholder {
  position: relative;
}
.inputholder .selectList input {
  background-color: var(--white);
  color: var(--red);
  border-radius: 18px 0 0 18px;
  padding: 10px 20px;
  width: 391px;
  margin-bottom: 10px;
  font-family: "Circular-Std-Bold";
  text-transform: uppercase;
  line-height: 8px;
  border: none;
  font-size: 14px;
  margin-bottom: 0px;
  background-size: 100%;
}
.inputholder .selectList.opened input {
  border-radius: 18px 0 0 0px;
}
.inputholder .selectList .buttonholder button {
  padding: 0px 19px;
  border-radius: 0px 18px 18px 0px;
  background-color: var(--white);
  background: var(--white);
  color: var(--red);
  height: 38px;
}
.inputholder .selectList .buttonholder button span {
  font-size: 13px;
}
.inputholder .selectList.opened .buttonholder button {
  padding: 0px 19px;
  border-radius: 0px 18px 0px 0px;
}
.selectList .selectListDropdown {
  background-color: #ffffff;
}
.selectList .selectListDropdown ul li {
  color: #151039;
}
.selectList .selectListDropdown ul li:hover {
  color: #045da5;
}
.dropdownholder {
  margin-bottom: 10px;
}

input[type="search"] {
  background-color: var(--darkblue);
  border: none;
  border-radius: 30px;
  padding: 15px 20px;
  padding-left: 20px;
  width: 360px;
  margin: 10px 0;
  font-family: var(--standard);
  text-transform: uppercase;
  width: 100%;
  color: var(--white);
}

.selectList .buttonholder button span {
  color: var(--white);
}
input.input_text.input-validation-error {
  color: #3e0000;
  background-color: #ff9c9c;
}
input.input_text.input-validation-error + .field-validation-error {
  display: none;
}
input[type="text"] + label.error {
  display: none;
}
.inputholder input.halfinput {
  margin-left: 10px;
  width: 194px;
}
/*.inputholder input.halfinput:first-of-type {*/
/*  margin-left: 0px;*/
/*}*/

/*.inputholder input[type="date"] {*/
/*    color: rgba(255,255,255, 0.6);*/
/*    min-height: 38px;*/
/*}*/

input[type="checkbox"] {
  vertical-align: top;
}
.label_singlecheckbox {
  width: 400px;
  margin: auto;
  font-size: 12px;
  font-family: "Montserrat Medium";
  margin-bottom: 8px;
}
.label_singlecheckbox input[type="checkbox"] {
  vertical-align: top;
}
.terms {
  width: 300px;
  display: inline-block;
  text-align: left;
  font-size: 12px;
  font-family: "Montserrat Medium";
  margin-left: 35px;
}
.label_singlecheckbox label {
  width: 300px;
  display: inline-block;
  text-align: left;
}

/*span[data-valmsg-for].pre-content.field-validation-error{ display: none; }*/

.label_singlecheckbox label {
  font-family: var(--standard);
}

.dobplaceholder {
  position: absolute;
  padding: 8px 20px;
  margin-bottom: 6px;
  font-family: var(--bold);
  text-transform: uppercase;
  background: var(--darkblue);
  font-size: 14px;
  top: 2px;
  border-radius: 30px;
  color: rgba(255, 255, 255, 0.6);
}

input.input_text {
  border-radius: 30px;
  padding: 10px 20px;
  width: 402px;
  margin-bottom: 10px;
  color: var(--white);
  font-family: var(--bold);
  text-transform: uppercase;
  background: var(--darkblue);
  font-size: 14px;
  min-height: 35px;
  text-align: left;
 
}

input[type="date"] {
    text-align: left !important;
}


input::-webkit-date-and-time-value{ text-align:left; }

span.post-content.field-validation-error {
  display: none;
}

span[data-valmsg-for] {
  color: var(--error);
}

span.pre-content.field-validation-error {
  color: var(--error);

  display: block;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: var(--standard);
}



span[data-valmsg-for].field-validation-error,
.validation-summary-errors {
  display: block;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: var(--standard);
  color: var(--error);
}

.validation-summary-errors ul {
  list-style: none;
  padding: 0;
}

span.post-content.field-validation-error {
  display: none;
}

a.terms-and-conditions {
    color: var(--yellow);
    cursor: pointer;
}

.radiobuttonholder .holder.radiobutton-grid,
.checkboxholder .holder.checkboxholder-grid {
  grid-gap: 15px 30px;
}
[data-name="Data Collection"] .checkboxholder,
[data-name="Data Collection"] .radiobuttonholder {
  max-width: 780px;
}
.radiobuttonholder {
  width: 100vw;
  /*margin-top: 30px;*/
}

.radiobuttonholder .holder.radiobutton-grid .image-checkbox + label {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

[data-name="Select Partner"] .radiobuttonholder .holder input + label { 
    font-family: var(--bold);
    font-size: 40px;
    display: block;
    position: relative;
}


/*.radiobuttonholder .holder input:checked + label {*/
/*  border: 4px solid var(--darkblue);*/
/*}*/

/*.radiobuttonholder .holder input:checked {*/
/*    border: 4px solid var(--yellow);*/
/*}*/




.label_singlecheckbox label.label_singlecheckbox_custom {
  width: auto;
  vertical-align: top;
  position: relative;
}
.label_singlecheckbox label.label_singlecheckbox_custom input[type="checkbox"] {
  opacity: 0;
}
.label_singlecheckbox label.label_singlecheckbox_custom .checkmark:after {
  content: "";
  width: 17px;
  height: 15px;
  background-image: url("tickboxes.svg");
  background-position: 0% 0%;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
}
.label_singlecheckbox
  label.label_singlecheckbox_custom
  input:checked
  + .checkmark:after {
  background-position: 105%;
}
.inputholder + .label_singlecheckbox {
  margin-top: 40px;
}

 .infotext {
      color: var(--yellow);
      font-size: 16px;
  }



/****VOTE****/

[data-name="Results"] h2 {
  font-size: 68px;
  line-height: 0.6;
}
[data-name="Results"] h2 > span.Thank_you_text {
  color: white;
  font-size: 48px;
}
.datafieldholder > p {
  display: none;
}

.resultholder .dpname {
  font-size: 40px;
  font-family: var(--bold);
  width: 100%;
  overflow: hidden;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 130px;
  text-align: left;
  white-space: nowrap;
}
.barcontainer .barholder > div {
  height: 100%;
  background-color: var(--white);
  color: var(--darkred);
  overflow: hidden;
  position: relative;
  z-index: 2;
  text-align: left;
  white-space: nowrap;
  width: 0%;
}

.barcontainer .barholder > div {
  transition: 1s ease-in-out width;
}

.barholder::after {
  /*content: attr(data-pointname);
    position: absolute;
    top: 7px;
    left: 60px;
    font-size: 40px;
    font-family: var(--bold);
    text-align: left;*/
}

.dpvalue {
  position: absolute;
  right: 12px;
  font-size: 34px;
  font-family: var(--light);
  color: var(--white);
  top: 10px;
  display: none;
}

.barcontainer .barholder {
  position: relative;
  height: 60px;
  background-color: var(--darkred);
}

.dpvalue::after {
  content: "%";
}

.socialicon {
  margin: 0 10px;
}

.barcontainer .barholder .badge.home {
  margin-left: 0px;
}
.barcontainer .barholder .badge {
  height: 60px;
  width: 60px;
  object-fit: contain;
  vertical-align: middle;
  padding: 5px 0;
}

.barcontainer .barholder > .dpfloat {
  background-color: transparent;
  position: absolute;
  top: 0px;
  width: 100%;
  text-align: left;
  z-index: 1;
  display: block;
}

.barcontainer .barholder > .dpfloat .dpcustom {
  display: block;
}

.barcontainer .barholder > .dpfloat .dpname {
  color: var(--white);
}

.barcontainer .barholder > .dpfloat .dpvalue {
  display: block;
}

.submit_button.hidden {
  display: none;
}



[data-name="Generating"] h2 {
  font-size: 38px;
}


.fade_in{
    opacity: 0;
}
.fade_in_1 {
  animation: fade-in 0.6s linear;
  animation-fill-mode: forwards;         /* When the spec is finished */
}

.fade_out {

}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*********/

.share h1 {
  display: none;
}

.share p.hide {
  display: none;
}

div.share-border {
  border: 2px solid var(--yellow);
  padding: 30px;
  display: grid;
  place-items: center;
  margin-top: 20px;
  min-height: 40vh;
}

    img.shareholder {
      background-color: var(--darkblue);
        width: 100%;
        height: 100%;
        display: grid;
        place-items: center;
    }

.socialsharebuttons {
  height: 50px;
  width: 200px;
  margin: 20px auto;
}

.socialsharebuttons img {
  display: block;
  max-width: 100%;
}

 img.shareholder {
  max-height: 40vh;
  margin-top: 0;
 max-width: 100%;
object-fit: cover;
}

.share .socialicon {
  height: 50px;
  width: 50px;
}

.share .social-text {
  font-size: 16px;
  font-family: var(--standard);
}

.share .hashtag {
    color: var(--yellow);
    text-transform: none;
}

.generation-text {
  color: var(--yellow);
}

.popup.show {
    background-color: #004187;
}

.popup p {
    font-size: 24px;
}

.popup a {
  font-family: var(--standard);
  color: var(--yellow);
  font-size: 22px;
}


.viewimagewindow img.shareholder {
  max-width: 40%;
  display: block;
  object-fit: cover;
  margin: 30px auto;
}

.viewimagewindow {
    text-align: center;
    padding: 30px;
}

iframe.sharescreen {
  border: none;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  position: fixed;
  top: 0px;
  left: 0px;
}




.gov_holder {
    width: 100%;
    margin: 0 auto;
    overflow: auto;
    height: 100%;
    
}

.gov_holder > div {
    width: 80%;
    margin: 0 auto;
}

.gov_holder h3 {
    color: var(--yellow);
    text-align: left;
     font-size: 18px;
}

.gov_holder p {
    font-size: 16px;
    font-family: "MyriadPro-Regular";
    text-align: left;
}

.gov_holder ul {
    font-size: 16px;
    font-family: "MyriadPro-Regular";
    text-align: left;
}

.gov_holder a {color: var(--yellow)}

/*Medium height desktop devices*/
@media (max-height: 900px) and (min-width: 480px) {
    
 [data-name="Vote"]   .potm_logo, .potm_logo {
        height: 100px;
    }
    
    .imageholder {
        width: 15vw;
    }
    
    .radiobutton-list {
    max-width: 60vw;
  }
  
  
  .holder.radiobutton-list {
  max-height: 60vh;
  overflow-y: auto;
  width: 60%;
  margin: 0 auto;
}
    
    
.radiobuttonholder .holder .custom {
  font-family: var(--bold);
  font-size: 25px;
}

  
  .image-checkbox label {
  font-size: 25px;
  /*padding: 5px;*/
}

input[type="search"] {
 
  padding: 12px 20px;
  width: 60%;
 
}

button.next_button {
    font-size: 20px;
}
    
  .pagefooter .chip {
    height: 75px;
  }
  /*.potm_logo, .gotm_logo {*/
  /*    height: 80px;*/
  /*    margin-bottom: 20px;*/
  /*}*/
  .c_cent {
    padding-bottom: 20px;
  }
  .radiobuttonholder {
    margin-top: 20px;
  }
  h2 {
    margin: 10px 0;
  }
  .barcontainer .barholder {
    margin-bottom: 5px;
  }

  .barcontainer .barholder {
    height: 50px;
  }

  .resultholder .dpname {
    top: 3px;
  }

  .barcontainer .barholder .badge {
    height: 50px;
    width: 50px;
  }
}

/*Small height desktop devices*/
/*@media (max-height: 750px) and (min-width: 480px) { */

/*}*/

/*STANDARD MOBILE*/
@media (max-width: 480px) {
    
 .c_screen {
     height: 100%;
 }
  .c_cont {
    padding: 36px 0px;
    display: block;
   
  }
  body {
    font-size: 14px;
    background: url("bg-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
     /*overflow: auto;*/
  }
  
  
  
   .pagefooter {
      bottom: -3px;
  }
  input[type="submit"],
  button,
  .linkbutton {
    padding: 7px 40px;
    font-size: 14px;
  }

  [data-name="Vote"] .potm_logo,
  .gotm_logo {
    background-image: url('Retro Ryder Cup-mobile.png');
    margin-bottom: 30px;
    width: 100%;
    height: 30vw;
  }
  .potm_logo {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0px;
    background-image: url("Retro Ryder Cup.png");
    margin-bottom: 20px;
    height: 100px;
  }
  
  
  [data-name="Data Collection"]  .potm_logo, .share .potm_logo {
   
    height: 70px;
  }

  .RyderCup_logo {
    height: 80px;
    margin-top: 100px;
  }

  .pageheader {
    height: 35px;
  }

  .pagefooter {
    height: 45px;
  }
  .pagefooter .chip {
    width: 100px;
    height: 70px;
  }
  h2 {
    font-size: 28px;
    /*margin: 10px;*/
  }

  .intro-text {
    font-size: 16px;
    margin-bottom: 50px;
  }

  [data-name="Select Course"] .imageholder {
    width: 80%;
  }
  
  [data-name="Select Captain"] .imageholder {
    width: 70%;
  }
  
  .imageholder {
    width: 70%;
  }
  .radiobuttonholder {
    width: 90vw;
  }
  .radiobuttonholder .holder .custom .badge.home {
    margin-left: 5px;
  }
  .radiobuttonholder .holder .custom .badge {
    height: 30px;
    width: 25px;
  }
  .radiobuttonholder .holder .custom {
    font-family: var(--bold);
    font-size: 20px;
  }
  .radiobuttonholder .holder .custom .team {
    position: absolute;
    left: 109px;
    top: 28px;
    font-size: 13px;
    font-family: var(--light);
    letter-spacing: 1px;
  }
  input[type="submit"],
  button {
    padding: 5px 45px;
    font-size: 20px;
  }
  
  [data-name="Data Collection"]  input[type="submit"],
  button {
      font-size: 16px;
  }
  


  .radiobuttonholder .holder input:checked + label::after {
    right: 12px;
    top: 15px;
    width: 20px;
    height: 20px;
  }
  
  .image-checkbox label {
      font-size: 20px;
      padding:5px;
  }

    input[type="search"] {
        padding: 8px 0px 8px 20px;
    }
    
  [data-name="Data Collection"] h2.dc-info {
    font-size: 14px;
    margin: 0 0 20px 0;
  }

  .inputholder input.halfinput {
    margin-left: 0;
    width: 80%;
  }

  [data-name="Data Collection"] .inputholder input {
    width: 80%;
  }

  .inputholder + .label_singlecheckbox {
    margin-top: 0;
  }
  
  .infotext {
      color: var(--yellow);
      font-size: 14px;
      margin-top: 0;
      padding: 0 20px;
  }

   button.back_button {
   left: 20px;
    bottom: 50px;
    height: 30px;
    width: 30px;
  }

  .RC-logo {
    height: 80px;
    width: 80px;
    right: 20px;
  }

  .socialicon {
    margin: 0 10px;
    width: 40px;
    height: 40px;
  }
  .barcontainer .barholder {
    height: 45px;
  }
  .barholder::after {
    font-size: 30px;
  }
  .resultholder .dpname {
    font-size: 22px;
    top: 10px;
    left: 80px;
  }
  .barcontainer .barholder .badge {
    height: 45px;
    width: 35px;
  }
  .barcontainer {
    width: 90vw;
    margin: 0 auto;
  }
  .barcontainer .barholder > .dpfloat .dpvalue {
    font-size: 25px;
  }
  .barcontainer .barholder {
    margin-bottom: 5px;
  }

  [data-name="Results"] h2 {
    font-size: 38px;
    line-height: 0.6;
    margin-top: 100px;
  }
  [data-name="Results"] h2 > span.Thank_you_text {
    color: white;
    font-size: 28px;
  }

  [data-name="Generating"] h2 {
    font-size: 24px;
  }

  div.share-border {
    width: 70%;
    margin: 0 auto;
  }

 .img.shareholder {
    max-width: 100%;
    max-height: 100%;
  }

  .share .socialsharebuttons {
    height: 30px;
    width: 130px;
  }
  
  .share .social-text {
      font-size: 14px;
  }

  .share .socialicon {
    height: 35px;
    width: 35px;
    margin: 0 5px;
  }
  
  .hide {
    display: none;
}

  .RC-logo {
    height: 50px;
    width: 50px;
    right: 15px;
    bottom: 3px;
  }
  
   
  
  div.share-border {
      padding: 20px;
  }
  
  .popup.show {
      width: 90vw;
      padding: 20px 30px;
}
.popup p {
  font-size: 20px;
}

.popup a {
  font-size: 20px;
  
}

.viewimagewindow img.shareholder {
  max-width: 70%;
  
}

.gov_holder h2 {
    font-size: 20px;
}

.label_singlecheckbox {
    width: 80%;
}

   .label_singlecheckbox label {
       width: 230px;
   }
   
   
   
   [data-name="Data Collection"] .c_cont{
       overflow: auto;
       height:100%;
   }
   
   
}

@media (max-width: 480px) and (max-height: 700px) {

  
  /*.imageholder {*/
  /*    min-height: 200px;*/
  /*}*/
  
 

  /*.checkbox-list {*/
  /*  display: none;*/
  /*}*/

  .holder.radiobutton-list {
    height: 15vh;
    min-height: 100px;
  }
  
  
}