@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
  --cassiopeia-color-primary: #000000;
  --cassiopeia-color-hover: #efefef;
  --pbi-gold: #E8B64F;
  --pbi-gold-hover: #D4A843;
  --pbi-black: #000000;
  --pbi-white: #ffffff;
  --pbi-gold-light: rgba(232, 182, 79, 0.1);
  --pbi-gold-medium: rgba(232, 182, 79, 0.3);
}

body {
  background: #000000;
  font-family: "Lato", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
}

a, a:not([class]) {
  /*color: #B62025; */
  color: var(--pbi-gold);
  text-decoration: none;
}

a:hover {
  color: #007f95;
}

.btn-primary {
  color: #fff;
}

.btn-primary:hover {
  color: #e8b64f;
}

.container-header {
  background: #000;
}

.brand-logo {
  font-family: "MonteCarlo", cursive;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
}

.montecarlo, .montecarl {
  font-family: "MonteCarlo", cursive;
  font-weight: 400;
  font-style: normal;
}

h1.montecarlo {
  font-size: 90px;
  color: #ffffff;
  margin-top: 35vh;
}

h1.montecarl {
  font-size: 90px;
  color: #ffffff;
}

.logo-wrapper {
  max-width: 960px;
  margin: auto;
  color: #fff;
}

.logo-wrapper h1 {
  text-align:center;
}

#pbi-main-wrapper .logo-wrapper h1.montecarlo {
  margin-top: 20vh;
}

.subtitle {
  text-align: center;
  font-size: 18px;
  color: #fff;
  /*margin-top: 20vh;*/
  margin-bottom: 0;
  font-family: "Nunito", sans-serif;
}

.pbi-area {
  color: #fff;
  text-align: center;
  font-size: 18px;
}

.link-wrap {
  width: 90%;
  max-width: 740px;
  margin: auto auto 12vh;
  justify-content: space-between;
  font-size: 20px;
}

.lato {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#212529;
}

.process, .founder {
  border-radius: 5px;
  width: 90%;
  max-width: 960px;
  margin: auto auto 50px;
  background: #fff;
  padding: 1rem;
}

.process h3, .founder h3 {
  color: #e8b64f;
}

.itemid-102 {
  background: #141414;
}


.itemid-102 .header, .itemid-102 .page-header {
  display: none;
}


.itemid-102 .site-grid {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-wrap {
  flex-wrap: wrap;
  width: 90%;
  max-width: 500px;
  margin: 40vh auto auto;
  justify-content: space-between;
}

/*
********************
**** Login Form ****
********************
*/

#com-users-login__form label {
  color: #ffffff;
}

#com-users-login__form .form-control-feedback {
  color: #e8b64f;
}

.com-users-login.login, .com-users-reset.reset, .com-users-remind {
  width: 90%;
  max-width: 740px;
  margin: auto;
}

#com-users-login__form .plg_system_webauthn_login_button {
  display: none;
}

.com-users-login__options.list-group {
  display: none;
}

.com-users-login__options .list-group-item {
	background: transparent;
	border: none;
	color: #fefefe;
}

.com-users-reset label, .com-users-reset legend, .com-users-remind label, .com-users-remind {
	color: #ffffff;
}


.com-users-login .btn-primary {
  background: #fff;
  color: #212529;
}

.com-users-login .btn-primary:hover {
  background: #efefef;
  color: #e8b64f;
}

/*
********************
*** Edit Profile ***
********************
*/

.com-users-profile__edit.profile-edit .page-header {
  color: #fff;
}

#uploadedphpto {
  margin-top: 15px;
}

.photographs .btn {
  color: #212529;
  background: #fff!important;
  border-color: #000;
  padding: .5rem 1rem;
  border-radius: .25rem;
}

#photodelete, #upload {
  background: #fff!important;
  color: #e8b64f;
  border: 2px solid #e8b64f;
}

.modal-footer button {
  background: #fff;
  color: #e8b64f;
  border: 2px solid #e8b64f;
  font-weight: bold;
}

.com-users-profile__edit.profile-edit {
  background: #000000;
  width: 90%;
  max-width: 1260px;
  margin: 50px auto;
}

.com-users-profile__edit.profile-edit fieldset {
  margin-bottom: 0;
}

.com-users-profile__edit.profile-edit .page-header h1 {
  color: #fff;
}

.com-users-profile__edit.profile-edit input, .com-users-profile__edit.profile-edit textarea {
  background: #f1f1f1;
}

.com-users-profile__edit.profile-edit input:focus, .com-users-profile__edit.profile-edit textarea:focus {
  background: #fff;
}

.com-users-profile__edit.profile-edit .form-check-input:checked {
  background: #e8b64f;
}

.com-users-profile__edit.profile-edit .radio {
  display: flex;
}

.com-users-profile__edit.profile-edit .form-check {
  margin-right: 30px;
}

.valid {
  border: 1px solid #ced4da;
}

#save1 {
  color: #e8b64f;
  background: #fff;
  position: fixed;
  left: 0;
  top: 25vh;
  font-weight: bold;
}

#save1:hover {
  color: #e8b64f;
  background: #efefef;
  cursor: pointer;
}

#finalsubmit {
  background: #fff;
  color: #e8b64f;
  cursor: pointer;
  font-weight: bold;
}

#finalsubmit:hover {
  background: #efefef;
  color: #e8b64f;
}

.icon-check {
  display: none;
}

.com-users-profile.profile {
  width: 200px;
  margin: 25vh auto auto;
}

.com-users-profile.profile .float-end {
  float: none!important;
}

.com-users-profile.profile .btn-primary {
  color: #fff;
  background: #e8b64f;
}

.com-users-profile.profile .btn-primary:hover {
  color: #e8b64f;
  background: #efefef;
}

#member-profile legend {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

#member-profile .pfieldset {
  background: #fff;
  padding: 2rem;
  border: 2px solid #d9d9d9;
  border-radius: 10px;
}

.pfieldset.photographs legend {
  margin-bottom: 15px;
}

.pfieldset.myprofile, .pfieldset.personalinformation, .pfieldset.ethinicity, .pfieldset.education, .pfieldset.occupation, .pfieldset.yourmatch, .pfieldset.personaltraits, .pfieldset.lifestyle, .pfieldset.mlifestyle, .pfieldset.additional, .pfieldset.relationship {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#member-profile .control-group {
  width: 100%;
}

.pfieldset.myprofile .control-group:nth-child(-n+5) {
  flex: 0 0 24%;
}

.male .pfieldset.myprofile .control-group:nth-child(-n+3) {
  flex: 0 0 49%;
}

.male .pfieldset.myprofile .control-group:nth-of-type(3) {
  flex: 0 0 100%;
}

.male .pfieldset.myprofile .control-group:nth-of-type(4), .male .pfieldset.myprofile .control-group:nth-of-type(5) {
  flex: 0 0 49%;
}

.pfieldset.myprofile .control-group:nth-of-type(6) {
  display: flex;
  flex-direction: row;
  align-items: first baseline;
}

#jform_profile_contacted-lbl {
  margin-right: 30px;
}

.pfieldset.personalinformation .control-group:nth-child(-n+5) {
  flex: 0 0 24%;
}

.pfieldset.personalinformation .control-group:nth-of-type(5) {
  flex: 0 0 20%;
}

.pfieldset.personalinformation .control-group:nth-of-type(6) {
  flex: 0 0 29%;
}

.pfieldset.personalinformation .control-group:nth-of-type(7) {
  flex: 0 0 49%;
}

.pfieldset.personalinformation .control-group:nth-of-type(8) {
  flex: 0 0 20%;
}


.pfieldset.personalinformation .control-group:nth-of-type(n+9):nth-of-type(-n+11) {
  flex: 0 0 20%;
}

.pfieldset.personalinformation .control-group:nth-of-type(13) {
  flex: 0 0 25%;
}

.pfieldset.personalinformation .control-group:nth-of-type(14) {
  flex: 0 0 75%;
}

.pfieldset.personalinformation .control-group:nth-of-type(15) {
  flex: 0 0 25%;
}

.pfieldset.personalinformation .control-group:nth-of-type(16) {
  flex: 0 0 75%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+5) {
  flex: 0 0 25%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+6) {
  flex: 0 0 74%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+7) {
  flex: 0 0 20%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+8) {
  flex: 0 0 39%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+9) {
  flex: 0 0 39%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+10) {
  flex: 0 0 20%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+11) {
  flex: 0 0 30%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+12) {
  flex: 0 0 40%;
}

.male .pfieldset.personalinformation .control-group:nth-of-type(n+13) {
  flex: 0 0 49%;
}

.pfieldset.ethinicity .control-group:nth-child(-n+4) {
  flex: 0 0 32%;
}

.male .pfieldset.ethinicity .control-group {
  flex: 0 0 49%;
}

.pfieldset.education .control-group:first-of-type {
  flex: 0 0 66%;
  padding: 0px;
}

.pfieldset.education .control-group:nth-of-type(2) {
  flex: 0 0 33%;
  padding: 0 10px;
}

.pfieldset.occupation .control-group:nth-of-type(2) {
  flex: 0 0 66%;
  padding: 0px;
}

.pfieldset.occupation .control-group:nth-of-type(3) {
  flex: 0 0 33%;
  padding: 0 10px;
}

#jform_profile_relationgoal {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.pfieldset.yourmatch .control-group:first-of-type {
  flex: 0 0 40%;
  padding: 0 10px 0 0;
}

.pfieldset.yourmatch .control-group:nth-of-type(2) {
  flex: 0 0 60%;
}

.yourmatch .form-check {
  width: 280px;
}

/*
.pfieldset.personaltraits .control-group:first-of-type, .pfieldset.personaltraits .control-group:nth-of-type(2) {
  flex: 0 0 50%;
  padding: 0 10px;
}
*/
.pfieldset.lifestyle .control-group:nth-of-type(5), .pfieldset.lifestyle .control-group:nth-of-type(6) {
  flex: 0 0 50%;
}

.pfieldset.additional .control-group:first-of-type, .pfieldset.additional .control-group:nth-of-type(2) {
  flex: 0 0 49%;
}

.pfieldset.additional .control-group:nth-of-type(3) {
  flex: 0 0 20%;
}

.pfieldset.additional .control-group:nth-of-type(n+4):nth-of-type(-n+5) {
  flex: 0 0 37%;
}

.pfieldset.additional .control-group:nth-of-type(6) {
    flex: 0 0 100%;
}

.pfieldset.additional .control-group:nth-of-type(7) {
    flex: 0 0 100%;
}

.pfieldset.additional .control-group:nth-of-type(n+10):nth-of-type(-n+11) {
  flex: 0 0 49%;
}

.additional .control-group:nth-of-type(14), .additional .control-group:nth-of-type(15) {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}

/*
********************
** Form Confirmations **
********************
*/

.itemid-111, .itemid-112 {
  color: #fff;
}

.itemid-111 .page-header, .itemid-111 .icons, .itemid-111 .article-info, .itemid-111 .article-info-term, .itemid-111 .createdby, .itemid-111 .category-name, .itemid-111 .published, .itemid-111 .pagenavigation, .itemid-111 #system-message-container, .itemid-112 .page-header, .itemid-112 .icons, .itemid-112 .article-info, .itemid-112 .article-info-term, .itemid-112 .createdby, .itemid-112 .category-name, .itemid-112 .published, .itemid-112 .pagenavigation, .itemid-112 #system-message-container  {
  display: none;
}

.itemid-111 .com-content-article__body, .itemid-112 .com-content-article__body {
  max-width: 740px;
  margin: auto;
  font-size: 18px;
  text-align: center;
  margin-top: 15vh;
}

.itemid-111 .navbar, .itemid-112 .navbar {
  display: none!important;
}

.itemid-111 .brand-logo img, .itemid-112 .brand-logo img {
  width: 100%;
  max-width: 300px;
  margin: auto;
}

.itemid-111 .navbar-brand, .itemid-112 .navbar-brand  {
  max-width: 300px;
  margin: auto;
}
/*
********************
** View / Print **
********************
*/
.print-UserProfile main::before {
  content: 'Palm Beach Introduction';
  color: #fff;
  font-family: "MonteCarlo", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:38px;
  margin-left:50px;
}

.print-UserProfile .header, .print-UserProfile .page-header {
  display: block!important;
}

.print-UserProfile .page-header h1 {
  font-size: 18px;
}

#uploadedphpto img {
  width: auto;
  max-height: 400px;
  max-width: 400px;
}

.print-UserProfile #uploadedphpto img {
  width: auto;
  max-height: 350px;
  max-width: 400px;
}

.view-UserProfile .com-users-profile.profile, .print-UserProfile .com-users-profile.profile {
  background: #fff;
  width: 90%;
  margin:auto;
  padding: 1rem;
  font-size: 12px;
}

.print-UserProfile .control-group {
  flex-basis: 100%!important;
  width: 100%;
  padding: 0!important;
  margin: 0 0 8px;
  display: flex;
  flex-direction: column!important;
}

.print-UserProfile .control-group label {
  font-weight: bold;
  margin-right: 15px;
}

.print-UserProfile fieldset {
  margin: 0;
}

.print-UserProfile fieldset legend {
  font-size: 14px;
  font-weight: bold;
}

#print {
  color: #fff;
  background: #e8b64f;
  cursor: pointer;
  padding: 10px 20px;
  border: 2px solid #e8b64f;
  border-radius: 5px;
  text-transform: capitalize;
}

#print:hover {
  color: #e8b64f;
  background: #efefef;
  cursor: pointer;
}

.layout-email {
  background: #efefef;
}

.layout-email main {
  width: 90%;
  margin: auto;
}

.layout-email button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
  color: #e8b64f;
  border: 2px solid #e8b64f;
  border-radius: 4px;
  padding: 5px 10px;
}


#pcs-messages #pcs-header {
  background: #e8b64f !important;
}

/*
********************
** Media  Queries **
********************
*/

@media (max-width: 1024px) {
  h1.montecarlo {
  font-size: 60px;
  margin-top: 15vh;
  }
  /*
  .logo-wrapper {
  width:80%;
  max-width: 480px;
  margin: auto;
  color: #fff;
  } */
  .pfieldset.myprofile .control-group:nth-child(-n+5), .pfieldset.personalinformation .control-group:nth-child(-n+5), .pfieldset.personalinformation .control-group:nth-of-type(n+5):nth-of-type(-n+10), .pfieldset.ethinicity .control-group:nth-child(-n+4), .pfieldset.education .control-group:first-of-type, .pfieldset.education .control-group:nth-of-type(2), .pfieldset.occupation .control-group:nth-of-type(2), .pfieldset.occupation .control-group:nth-of-type(3), .pfieldset.yourmatch .control-group:first-of-type, .pfieldset.yourmatch .control-group:nth-of-type(2), .pfieldset.personaltraits .control-group:first-of-type, .pfieldset.personaltraits .control-group:nth-of-type(2), .pfieldset.lifestyle .control-group:nth-of-type(5), .pfieldset.lifestyle .control-group:nth-of-type(6), .pfieldset.additional .control-group:first-of-type, .pfieldset.additional .control-group:nth-of-type(2), .pfieldset.additional .control-group:nth-of-type(n+3):nth-of-type(-n+5), .pfieldset.additional .control-group:nth-of-type(n+8):nth-of-type(-n+13), .control-group {
    flex-basis: 100%!important;
  }
  .pfieldset.myprofile .control-group:nth-of-type(6) {
  flex-direction: column;
  }
}

@media (max-width: 740px) {
  .pbi-footer-links {
    font-size: 14px;
  }

  .button-wrap {
    justify-content: center;
  }
  
  .link-wrap {
    flex-direction: column;
  }
}

@media (max-width: 600px) {
  .subtitle {
    font-size: 15px;
  }
  .link-wrap {
    font-size: 16px;
  }
  .pbi-area {
    font-size: 16px;
  }
}

/* Safari hacks */

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .pfieldset.myprofile legend::before, .pfieldset.personalinformation legend::before, .pfieldset.ethinicity legend::before, .pfieldset.education legend::before, .pfieldset.occupation legend::before, .pfieldset.yourmatch legend::before, .pfieldset.personaltraits legend::before, .pfieldset.lifestyle legend::before, .pfieldset.mlifestyle legend::before, .pfieldset.additional legend::before {
    content: " ";
    height: 60px;
    display: block;
    }
}}
/* Test website on real Safari 11+ */

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
  .pfieldset.myprofile legend::before, .pfieldset.personalinformation legend::before, .pfieldset.ethinicity legend::before, .pfieldset.education legend::before, .pfieldset.occupation legend::before, .pfieldset.yourmatch legend::before, .pfieldset.personaltraits legend::before, .pfieldset.lifestyle legend::before, .pfieldset.mlifestyle legend::before, .pfieldset.additional legend::before, .pfieldset.relationship legend::before {
    content: " ";
    height: 60px;
    display: block;
    }
}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
  .pfieldset.myprofile legend::before, .pfieldset.personalinformation legend::before, .pfieldset.ethinicity legend::before, .pfieldset.education legend::before, .pfieldset.occupation legend::before, .pfieldset.yourmatch legend::before, .pfieldset.personaltraits legend::before, .pfieldset.lifestyle legend::before, .pfieldset.mlifestyle legend::before, .pfieldset.additional legend::before, .pfieldset.relationship legend::before {
    content: " ";
    height: 60px;
    display: block;
    }
}}

@supports (-webkit-hyphens:none){
    .pfieldset.myprofile legend::before, .pfieldset.personalinformation legend::before, .pfieldset.ethinicity legend::before, .pfieldset.education legend::before, .pfieldset.occupation legend::before, .pfieldset.yourmatch legend::before, .pfieldset.personaltraits legend::before, .pfieldset.lifestyle legend::before, .pfieldset.mlifestyle legend::before, .pfieldset.additional legend::before, .pfieldset.relationship legend::before {
    content: " ";
    height: 60px;
    display: block;
    }
}

.pbi-footer-links {
  text-align: center;
  color: #fff;
}

.pbi-footer-links a {
  color:#fff;
}

.pbi-footer-links a img {
  width:20px;
  height: 20px;
}

.page-title-white {
  width: 90%;
  margin: auto auto 30px;
  color: #fff;
  text-align: center;
  font-size: 40px;
}

  .pbi-grid-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      align-items: center;
    }

    .full-width {
      grid-column: 1 / -1;
      font-family: Arial, sans-serif;
      line-height: 1.6;
    }

    .text-content {
      line-height: 1.6;
    }

    .image-content img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 8px;
    }

    @media (max-width: 768px) {
      .pbi-grid-container {
        grid-template-columns: 1fr;
      }

      .image-content {
        grid-row: 2;
      }
    }


.go-back {
  max-width: 960px;
  margin: auto auto 10px;
  width: 90%;
}

#pbi-main-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 98vh;
}

#save1,#finalsubmit{
color: #222;
background: #e8b64f;
border: none !important;
}

body {
    font-family: "Lato", sans-serif !important;
    background: #000000 !important;
}
.site-grid {
    background: #000000 !important;
}

main {
    background: #000000 !important;
}

.com-users-profile.profile .btn-primary {
    color: #222 !important;
    background: #E8B64F !important;
}

#send-profile {
    color: #fff
}


.itemid-126 .registration #member-registration {
  width: 90%;
  max-width: 560px;
  margin: 50px auto auto;
  padding: 1rem 1.5rem;
  border: 2px solid var(--pbi-gold);
  border-radius: 5px;
  margin-bottom:80px;
}


.itemid-126 .registration #member-registration label, .itemid-126 .registration #member-registration legend {
    color: #fff!important;
}

#jform\[password1\]-rules {
  color: #e4a6a7 !important;
}

.itemid-126 .com-users-registration__register.btn.btn-primary.validate {
  background: var(--pbi-gold) !important;
  color: #000 !important;
  border-color: var(--pbi-gold);
  padding: 5px 1.5rem;
}

.itemid-126 .com-users-registration__register.btn.btn-primary.validate:hover {
  background: var(--pbi-gold-hover) !important;
  border-color: var(--pbi-gold-hover);
}

.itemid-126 joomla-alert {
  max-width: 960px;
  margin: auto;
    margin-bottom: auto;
}

.mens-message {
  width: 90%;
  max-width: 500px;
  margin: 50px auto auto;
  color: #fff;
  text-align:center;
  font-size: 18px;
  padding:1rem;
}

.mens-message a:hover {
    color:var(--pbi-gold-hover);
}

.password-group meter {
    display: none;
}

.navbar-brand {
    width: 100%;
}

.logo-img {
  width: 90%;
  max-width: 300px;
  padding: 1rem 0;
}

.brand-logo {
  width: 90%;
  max-width: 300px;
  padding: 1rem 0;
  display: flex;
  margin: auto;
}