/*
Theme Name: The Gift Fund
Theme URI: https://github.com/juddacammeroon/
Template: webee
Author: Maju Comendador
Author URI: https://github.com/juddacammeroon/
Description: Child Theme based on Webee Master Theme. Developed by Maju Comendador.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 1,0,0
Updated: 2021-08-02 17:21:00
*/

html,
body,
p,
a,
span,
li,
input,
select,
textarea,
button,
table,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  color: #183951;
}
header#main-header {
  box-shadow: none;
}
header#main-header .site-identity {
  display: inline-block;
  margin-top: 70px;
}
header#main-header .site-identity img {
  max-width: 150px;
}
h1 {
  font-size: 32px;
  line-height: 35px;
}
body {
  background-color: #e8f1f7;
}
strong {
  font-weight: 700;
}
body.page-template-default h1 {
  text-align: center;
}
code {
  background-color: #f3f3f3;
  display: block;
  padding: 10px;
  border: 1px #ddd solid;
  border-radius: 5px;
  margin-bottom: 15px;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset;
}
body.page-template-default #page:before,
#splash .top:before,
body.page-template-profile #page:before {
      background-image: url(assets/images/bg-green-img.png);
    background-repeat: no-repeat;
    background-position: -138px -81px;
    background-size: 282px;
    position: absolute;
    content: "";
    width: calc(282px - 138px);
    height: calc(285px - 81px);
    opacity: 0.2;
}
#splash .top:before {
  left: -157px;
  top: 28px;
}
body.page-template-default #page:after,
#splash .top:after,
body.page-template-profile #page:after {
      background-image: url(assets/images/bg-red-img.png);
    background-repeat: no-repeat;
    background-size: 285px;
    background-position: 0 -190px;
    position: absolute;
    content: "";
    width: 244px;
    height: calc(282px - 190px);
    left: auto;
    right: 0;
    top: 0;
    opacity: 0.2;
}
#splash .top:after {
  top: -100px;
  left: 117px;
}
html,
body,
#page {
  position: relative;
  height: 100%;
}
#page {
  max-width: 100%;
  margin: 0 auto;
  overflow: auto;
  height: auto;
  min-height: 100%;
}
#page .gform_wrapper input[type="color"],
#page .gform_wrapper input[type="date"],
#page .gform_wrapper input[type="datetime-local"],
#page .gform_wrapper input[type="datetime"],
#page .gform_wrapper input[type="email"],
#page .gform_wrapper input[type="month"],
#page .gform_wrapper input[type="number"],
#page .gform_wrapper input[type="password"],
#page .gform_wrapper input[type="search"],
#page .gform_wrapper input[type="tel"],
#page .gform_wrapper input[type="text"],
#page .gform_wrapper input[type="time"],
#page .gform_wrapper input[type="url"],
#page .gform_wrapper input[type="week"],
#page .gform_wrapper select,
#page .gform_wrapper textarea,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  border-radius: 5px;
  border: none;
  height: 50px;
  font-size: 16px;
  padding-left: 17px;
  padding-right: 17px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 0;
  font-weight: 500;
  color: #183951;
  transition: border 0.3s ease;
  border: 1px transparent solid;
  outline: none;
  background-color: #fff;
}
#page .gform_wrapper input[type="color"]:focus,
#page .gform_wrapper input[type="date"]:focus,
#page .gform_wrapper input[type="datetime-local"]:focus,
#page .gform_wrapper input[type="datetime"]:focus,
#page .gform_wrapper input[type="email"]:focus,
#page .gform_wrapper input[type="month"]:focus,
#page .gform_wrapper input[type="number"]:focus,
#page .gform_wrapper input[type="password"]:focus,
#page .gform_wrapper input[type="search"]:focus,
#page .gform_wrapper input[type="tel"]:focus,
#page .gform_wrapper input[type="text"]:focus,
#page .gform_wrapper input[type="time"]:focus,
#page .gform_wrapper input[type="url"]:focus,
#page .gform_wrapper input[type="week"]:focus,
#page .gform_wrapper select:focus,
#page .gform_wrapper textarea:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
  border: 1px #4aa4a3 solid;
  outline: none;
}
input[type="checkbox"] {
  margin: 0px 10px 4px 0;
}
textarea {
  height: 100px;
}
textarea.large {
  height: 360px;
}
#gform_1 .gfield_consent_label {
  line-height: 1.4;
    vertical-align: top;
}
#gform_1 .gfield_consent_label a {
  text-decoration: underline;
}
#gform_1 #field_1_7 .ginput_container_consent {
  vertical-align: top;
}

label.tgf-field,
#gform_fields_login .gfield,
#gform_fields_1 .gfield,
#gform_fields_4 .gfield,
.gform_wrapper.gravity-theme .ginput_complex span {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
#gform_fields_1 .gfield,
#gform_fields_4 .gfield {
  margin-bottom: 0;
}

label.tgf-field span,
#gform_fields_login .gfield .gfield_label,
#gform_fields_1 .gfield .gfield_label,
#gform_fields_4 .gfield .gfield_label,
.gform_wrapper.gravity-theme .ginput_complex label {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  height: 48px;
  background-color: #fff;
  font-size: 16px;
  color: rgba(24, 57, 81, 0.6);
  opacity: 1;
  transition: all 0.3s linear;
  line-height: 50px;
  padding-left: 17px;
  border-radius: 5px;
  font-weight: 400;
  z-index: 1;
}

span#input_1_5_2_container.ginput_right {
  padding-left: 0 !important;
}

#page .gform_wrapper.gravity-theme .ginput_complex label {
  padding-top: 0;
}
label.tgf-field span.focused,
#gform_fields_login .gfield .gfield_label.focused,
#gform_fields_1 .gfield .gfield_label.focused,
#gform_fields_4 .gfield .gfield_label.focused,
.gform_wrapper.gravity-theme .ginput_complex label.focused {
  font-size: 12px;
  height: 16px;
  line-height: 20px;
}
label.tgf-field.price-field:before {
  position: absolute;
  content: "€";
  top: 22px;
  left: 16px;
  font-size: 16px;
  font-weight: 700;
}
label.tgf-field small {
  font-size: 12px;
  color: #90a3b1;
}
label.tgf-field small i {
  font-style: normal;
  float: right;
}
label.tgf-field small i u {
  text-decoration: none;
}
label.tgf-field ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
label.tgf-field ul li {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 6px;
}
label.tgf-field ul li a {
  display: block;
  font-size: 14px;
  line-height: 1;
  padding: 3px 12px;
  background-color: #90a3b1;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
}
label.tgf-field.price-field input[type="text"],
label.tgf-field.price-field input[type="number"] {
  padding-left: 30px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: transparent;
  z-index: 0;
  -webkit-appearance: none;
  width: 1px !important;
  display: inline-block;
}
input[type="date"] {
  padding-right: 0;
  background-color: #fff;
}
label.tgf-field.date-field:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f073";
  position: absolute;
  bottom: 6px;
  right: 10px;
  font-size: 16px;
}
.toggle-label {
  color: #183951;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.tgf-toggle-button {
  width: 47px;
  display: inline-block;
  height: 24px;
  position: relative;
  border-radius: 100px;
  background-color: #90a3b1;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  float: right;
}
.tgf-toggle-button:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  top: 2px;
  left: 2px;
  right: auto;
  background-color: #fff;
  border-radius: 100px;
  transition: left 0.3s ease;
}
.tgf-toggle-button[value="1"] {
  background-color: #4aa4a3;
}
.tgf-toggle-button[value="1"]:before {
  left: calc(100% - 22px);
}
#page .gform_wrapper .ginput_container_date img.ui-datepicker-trigger {
  margin-left: -35px;
}
#page .gform_wrapper .gfield_required {
  display: none;
}
#page .gform_wrapper .gform_footer button,
#page .gform_wrapper .gform_footer input,
#page .gform_wrapper .gform_page_footer button,
#page .gform_wrapper .gform_page_footer input {
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  border: none;
  background-color: #4aa4a3;
  color: #fff;
  height: 50px;
  width: 100%;
}
/*#page .gform_wrapper .gfield_label {
	position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(0, -50%);
    left: 17px;
    font-size: 16px;
}*/
#page .gform_wrapper .gform_fields {
  grid-row-gap: 15px;
  list-style: none;
  padding: 0;
}
#page .gform_wrapper .gform_fields li {
  position: relative;
  margin-bottom: 15px;
}
#page .gform_wrapper .gform_fields li#field_3 {
  display: none;
}
.inner-page {
  padding: 26px 0 0;
}
#splash {
  background-color: #e8f1f7;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
#splash img {
  max-width: 230px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tfg-button,
#page
  .gform_wrapper.gf_login_form
  .gform_footer.top_label
  .gform_button.button {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 50px;
  display: inline-block;
  width: 100%;
  height: 50px;
  background-color: #c97e6a;
  border-radius: 5px;
  margin-bottom: 15px;
  transition: all 0.3s ease;
  text-align: center;
  border: 1px #c97e6a solid;
  outline: none;
}
.tfg-button:hover,
.tfg-button:active,
.tfg-button:focus,
#page
  .gform_wrapper.gf_login_form
  .gform_footer.top_label
  .gform_button.button:hover,
#page
  .gform_wrapper.gf_login_form
  .gform_footer.top_label
  .gform_button.button:active,
#page
  .gform_wrapper.gf_login_form
  .gform_footer.top_label
  .gform_button.button:focus {
  background-color: #b86a56;
  color: #fff;
}
.tfg-button.important {
  background-color: #4aa4a3;
  border: 1px #4aa4a3 solid;
}
.tfg-button.important:hover,
.tfg-button.important:active,
.tfg-button.important:focus,
#page .gform_wrapper .gform_footer input:hover,
#page .gform_wrapper .gform_footer input:active,
#page .gform_wrapper .gform_footer input:focus {
  background-color: #3e9291;
}
.tfg-button.less-important {
  border: 1px #90a3b1 solid;
  color: #90a3b1;
  background-color: transparent;
}
.tfg-button.less-important:hover,
.tfg-button.less-important:active,
.tfg-button.less-important:focus {
  background-color: #90a3b1;
  color: #fff;
}
.tfg-button.delete {
  border: 1px #be3c5c solid;
  color: #be3c5c;
  background-color: transparent;
}
.tfg-button.delete:hover,
.tfg-button.delete:active,
.tfg-button.delete:focus {
  background-color: #feebf0;
}
.tfg-button.add {
  background-color: transparent;
  border: 2px #c1cdd5 dashed;
  color: #90a3b1;
}
.tfg-button.add i {
  width: 35px;
  height: 35px;
  color: #fff;
  background-color: #c97e6a;
  border-radius: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
  line-height: 35px;
  margin-right: 9px;
}
.tfg-button.add.large {
  border-radius: 20px;
  height: 270px;
  line-height: 270px;
  border-color: #c1cdd5;
}
.tfg-button.inline {
  width: auto;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
}
.tfg-button.small {
  font-size: 14px;
  font-weight: 300;
  padding: 8px 14px;
  height: auto;
  line-height: 1;
}
.tfg-button.skip {
  border-color: transparent;
  background-color: transparent;
  color: #90a3b1;
}
.tfg-button[disabled],
.tfg-button[disabled="disabled"] {
  opacity: 0.5;
}

html.welcome-page,
html.welcome-page body,
html.welcome-page #page,
html.welcome-page #page .welcome-carousel-wrapper,
html.welcome-page #page .welcome-carousel {
  position: relative;
  height: 100%;
}
html.welcome-page #page .welcome-carousel {
  overflow: hidden;
  padding-top: 30px;
}
html.welcome-page #page .welcome-carousel .welcome-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
html.welcome-page #page .welcome-carousel-wrapper {
  background-color: #e8f1f7;
  padding: 30px 25px;
}
html.welcome-page #page .welcome-carousel-wrapper .welcome-buttons {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}
.completed-gift-funds {
  margin-bottom: 40px;
}
.incompleted-gift-funds {
  margin-top: 40px;
}
.completed-gift-funds h2,
.incompleted-gift-funds h2 {
  line-height: 60px;
}
#welcome-slider-next-button-register {
  display: none;
}
.gform_confirmation_message_1 {
  text-align: center;
}
.gform_confirmation_message img {
  max-width: 300px;
  margin: 30px auto;
}
.welcome-carousel-slider {
  margin-bottom: 0;
  margin-top: 0;
}
.welcome-carousel-slider .slide .image {
  padding: 20px;
  margin-bottom: 10px;
  height: 304px;
}
.welcome-carousel-slider .slide .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.welcome-carousel-slider .slide .content h4 {
  margin-bottom: 20px;
}
.welcome-carousel-slider .slide h4,
.welcome-carousel-slider .slide p {
  color: #183951;
  text-align: center;
}
.welcome-carousel-slider .slide h4 {
  font-size: 32px;
  line-height: 35px;
}
.welcome-carousel-slider .slide p {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.welcome-carousel-slider .slick-dots {
  bottom: -30px;
}
.welcome-carousel-slider .slick-dots li button:before {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #90a3b1;
  color: transparent;
  opacity: 1;
}
.welcome-carousel-slider .slick-dots li.slick-active button:before {
  color: transparent;
  opacity: 1;
  background-color: #c97e6a;
}
.welcome-carousel-slider .slick-dots li,
.welcome-carousel-slider .slick-dots li button {
  width: 10px;
  height: 10px;
}
.template-base {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0 24px 9px;
}
.template-head {
  height: 220px;
  position: relative;
  margin-left: -24px;
  margin-right: -24px;
}
html.welcome-page #page .welcome-carousel-wrapper .template-base {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  padding: 0 0px 9px;
  height: auto;
  display: block;
  margin-top: 40px;
}
html.welcome-page #page .welcome-carousel {
  height: auto;
}

/* Gift Fund Form  */
.gift-fund-form-wrapper,
.gift-fund-form-wrapper .container,
.gift-fund-form-wrapper .row,
.gift-fund-form-wrapper [class*="col-"],
.gift-fund-form-wrapper .gift-fund-form {
  position: relative;
  height: 100%;
}
/*.gift-fund-form-wrapper {
  min-height: 812px;
}*/
.gift-fund-form {
  padding: 0 24px;
  display: block;
 /* min-height: 673px;*/
}
.gift-fund-form .invitation-form {
  margin-top: 80px;
    padding-top: 40px;
}
.gift-fund-form h2 {
  font-size: 32px;
  line-height: 35px;
  font-weight: 700;
  color: #183951;
}
.gift-fund-form h2 span {
  color: #4aa4a3;
}
.gift-fund-form .col-4 {
  padding: 0 9px;
}
.gift-fund-form .select-category {
  padding-top: 140px;
}
.gift-fund-form .select-category h2 {
  margin-bottom: 42px;
}
.gift-fund-form .select-category label a {
  width: 94px;
  height: 94px;
  background-color: #fff;
  border-radius: 5px;
  border: 2px #fff solid;
  transition: all 0.3s ease;
  display: block;
  box-sizing: border-box;
  position: relative;
}
.gift-fund-form .select-category label.selected a {
  border: 2px solid #4aa4a3;
}
.gift-fund-form .select-category label a .category-icon {
  width: 80px;
  height: 55px;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gift-fund-form .select-category label a .category-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gift-fund-form .select-category label p {
  font-size: 13px;
  color: #3a4346;
  line-height: 35px;
  font-weight: 700;
}
.gift-fund-form .select-category input[type="radio"] {
  display: none;
}
.gift-fund-form .category-details {
  padding-top: 20px;
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #e8f1f7;
  z-index: 1;
  margin-top: 0;
  height: auto;
  min-height: 518px;
}
.gift-fund-form .category-details p {
  font-size: 16px;
    font-weight: 300;
}
.gift-fund-form .category-details .event-fields {
  display: none;
}
.gift-fund-form .registry-form h2,
.gift-fund-form .invitee-form h2,
.gift-fund-form .funding-method-form p {
  margin-bottom: 27px;
}
.gift-fund-form .invitee-form {
  padding-top: 140px;
}
.gift-fund-form .invitee-form.share-form header#main-header .site-identity {
  margin-bottom: 70px;
  margin-top: 0;
}
.gift-fund-form .invitee-form 
.gift-fund-form .invitation-form {
  padding-top: 132px;
}
.gift-fund-form .invitee-form .template-base {
  padding: 0 0 9px;
    margin-top: 40px;
  position: relative;
}
.gift-fund-form .invitee-form .tgf-field {
  margin-bottom: 15px;
}
.gift-fund-form .funding-method-form,
.gift-fund-form .funding-method-list-form {
  margin-top: 65px;
  padding-top: 75px;
}
.gift-fund-form .funding-method-form p {
  font-size: 16px;
  font-weight: 300;
  color: #183951;
}

.gift-fund-form .funding-method-form h2 {
  margin-bottom: 15px;
}
.gift-fund-form .funding-method-list-form {
  width: 100%;
}
.gift-fund-form .funding-method-list-form .form-submitted .payment-method {
  padding: 19px 28px 0px;
}
.gift-fund-form .funding-method-list-form .template-base {
      position: relative;
    padding: 0 0 9px;
    margin-top: 40px;
}
.gift-fund-form .funding-method-list-form .back-to-dashboard-button {
  border: none;
    padding: 0;
    top: 0;
}
.gift-fund-form .funding-method-list-form .head {
  margin-bottom: 50px;
}
.gift-fund-form .funding-method-list-form .head h2 {
  font-size: 22px;
  font-weight: 400;
}
.gift-fund-form .funding-method-list-form .head h4 {
  font-weight: 700;
  font-size: 18px;
}
.gift-fund-form .funding-method-list-form .head a {
  margin-bottom: 50px;
}
.gift-fund-form .funding-method-list-form h3 {
  font-size: 26px;
  font-weight: 500;
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.gift-fund-form .funding-method-list-form h3:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -28px;
  width: 6px;
  height: 100%;
  background-color: #4aa4a3;
  border-radius: 3px;
}
.gift-fund-form .funding-method-list-form .funding-methods {
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 25px;
}
.gift-fund-form .funding-method-list-form .payment-method {
  display: block;
  padding: 19px 28px;
  font-size: 18px;
  font-weight: 700;
  color: #4aa4a3;
  margin-bottom: 4px;
  position: relative;
  margin-right: 65px;
}
/*.gift-fund-form .funding-method-list-form .payment-method img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 23.32px;
	right: 22px;
}*/
.gift-fund-form .funding-method-list-form.fund-submitted .method p {
  padding: 0 28px 16px;
  font-size: 16px;
  margin-top: -20px;
}
.gift-fund-form .funding-method-list-form.fund-submitted .method span {
      position: absolute;
    top: 23px;
    right: 55px;
    display: none;
}
.gift-fund-form .funding-method-list-form .method {
  position: relative;
  background-color: #fff;
}
.gift-fund-form .funding-method-list-form .method .delete-payment-method {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 65px;
}
.gift-fund-form .funding-method-list-form .method .delete-payment-method img {
  width: 23.32px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gift-fund-form .funding-method-list-form.fund-submitted .head h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 35px;
}
.gift-fund-form .funding-method-list-form.fund-submitted .head p {
  font-size: 16px;
  line-height: 24px;
}
.gift-fund-form .funding-method-list-form.fund-submitted .payment-method img {
  top: 20px;
  transform: translate(0, 0);
  width: 20px;
}
.gift-fund-form .congratulations {
  margin-top: 65px;
}
.gift-fund-form .congratulations .template-base {
  margin-top: 40px;
}
.gift-fund-form .congratulations .logo {
  width: 150px;
  margin-bottom: 82px;
}
.gift-fund-form .congratulations .hero {
  margin-bottom: 60px;
  width: 290px;
}
.gift-fund-form .congratulations.registry-funded {
  padding: 24px;
}
.gift-fund-form .congratulations p {
  font-size: 18px;
}
.gift-fund-form .registry-form {
  padding-bottom: 40px;
  margin-top: 65px;
}
.gift-fund-form .invitation-form h2 {
  margin-bottom: 40px;
}
.gift-fund-form .invitation-form .info {
  margin-bottom: 20px;
}
.gift-fund-form .invitation-form .info table tr td {
  font-weight: 700;
  font-size: 16px;
  color: #4aa4a3;
}
.gift-fund-form .invitation-form .info table tr td:first-child {
  color: #3a4346;
  width: 110px;
}
.gift-fund-form .invitation-form textarea {
  height: 330px;
  padding-top: 25px;
  line-height: 1.2;
}

/* Gift Fund Single  */
body.single-gift_fund #page {
  position: relative;
  overflow: auto;
}
.gift-fund-form .single-gift-fund-wrapper {
  width: 100%;
  margin-top: 140px;
  height: 240px;
  overflow: auto;
}
.gift-fund-form .single-gift-fund-wrapper.add-success {
  margin-top: 0;
  height: auto;
  min-height: auto;
  overflow: visible;
}
.gift-fund-form .single-gift-fund-wrapper.add-success .template-base {
  margin-top: -66px;
  z-index: 1000;
      position: relative;
    padding: 0 0 9px;
}
.gift-fund-form .single-gift-fund-wrapper.invitee-fund {
  margin-top: 0;
}
.gift-fund-form .single-gift-fund-wrapper.invitee-fund {
  height: auto;
}
.gift-fund-form.invitee-fund-wrapper {
  display: block;
  padding: 0;
}
div.gform_confirmation_wrapper + div.mo-openid-app-icons,
div.gform_confirmation_wrapper ~ div.mo-openid-app-icons {
  display: none !important;
}
body.single-gift_fund .single-gift-fund-wrapper {
  height: 100%;
  position: relative;
}
body.single-gift_fund .single-gift-fund-wrapper .template-head {
  left: 0;
  right: 0;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
body.single-gift_fund .single-gift-fund-wrapper .registry-list {
  padding: 0 15px;
}
.single-gift-fund-wrapper .template-head {
  height: 362px;
  background-color: #183951;
  overflow: hidden;
  box-shadow: 0 -200px 200px rgba(0, 0, 0, 0.5) inset;
}
.single-gift-fund-wrapper .template-head:before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(24,57,81,0) 0%, #182630 100%);
  width: 100%;
  height: 100%;
  display: block;
}
/* .single-gift-fund-wrapper .template-head:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 -200px 200px rgb(0 0 0 / 70%) inset;
  z-index: 1;
} */
/* body.single-gift_fund .single-gift-fund-wrapper .template-head:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 -200px 200px rgb(0 0 0 / 70%) inset;
  z-index: 1;
} */
.single-gift-fund-wrapper.invitee-fund .template-head {
  height: 274px;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.single-gift-fund-wrapper .template-body {
  padding-top: 20px;
  min-height: calc(450px - 74px);
  margin-bottom: 74px;
  padding-bottom: 24px;
}
.single-gift-fund-wrapper.add-success .template-body {
  min-height: auto;
}
.single-gift-fund-wrapper.invitee-fund .template-body {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 40px;
  position: relative;
}
.single-gift-fund-wrapper.invitee-fund .template-body #field_3_2 {
  margin-top: 70px;
}
.single-gift-fund-wrapper.invitee-fund .template-body .notif {
  margin-top: 15px;
}
.single-gift-fund-wrapper.invitee-fund .template-body .notif p {
  font-weight: 500;
  font-size: 16px;
  color: #c97e6a;
}
.single-gift-fund-wrapper.invitee-fund
  .template-body
  #tgf_funding_consent_label {
  margin-bottom: 24px;
}
.single-gift-fund-wrapper.invitee-fund
  .template-body
  #tgf_funding_consent_label
  span {
  font-weight: 300;
  line-height: 1.36;
    vertical-align: top;
}
.pwaforwp-btn.pwaforwp-btn-add-to-home {
    background-color: #4aa4a3 !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
}
#pwaforwp-add-to-home-click h3 {
    color: #073f5f !important;
    font-family: "Roboto", sans-serif !important;
}
.single-gift-fund-wrapper.invitee-fund
  .template-body
  #tgf_funding_consent_label
  a {
  text-decoration: underline;
}
.single-gift-fund-wrapper.invitee-fund .template-body #input_3_1,
.single-gift-fund-wrapper.invitee-fund .template-body #tfg_funding_amount {
  background-color: transparent;
  padding: 0 17px 0 24px;
  font-size: 40px;
  font-weight: 700;
}
.single-gift-fund-wrapper.invitee-fund .template-body #input_3_1:focus,
.single-gift-fund-wrapper.invitee-fund
  .template-body
  #tfg_funding_amount:focus {
  border-color: transparent;
}
.single-gift-fund-wrapper.invitee-fund .template-body #field_3_1 {
  position: relative;
}
.single-gift-fund-wrapper.invitee-fund .template-body div#field_3_1:before,
.single-gift-fund-wrapper.invitee-fund
  .template-body
  #tfg_funding_amount_label:before {
  position: absolute;
  content: "€";
  bottom: -4px;
  left: 0;
  font-size: 40px;
  font-weight: 700;
}
.single-gift-fund-wrapper.invitee-fund .template-body #tfg_funding_amount_label:before {
  bottom: 0;
  left: 0;
  height: 50px;
  line-height: 50px;
}
.single-gift-fund-wrapper.invitee-fund
  .template-body
  #tfg_funding_amount_label {
  position: relative;
}
.single-gift-fund-wrapper.invitee-fund .template-body #field_3_1 label,
.single-gift-fund-wrapper.invitee-fund
  .template-body
  #tfg_funding_amount_label
  span {
  font-size: 18px;
  font-weight: 400;
}
.single-gift-fund-wrapper .template-head .caption {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
  padding: 0 25px;
  z-index: 2;
}
.single-gift-fund-wrapper .template-head .caption * {
  color: #fff;
}
.single-gift-fund-wrapper .template-head .caption h1 {
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
  line-height: 30px;
}
.single-gift-fund-wrapper .registry {
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  position: relative;
  vertical-align: top;
  transition: all 0.5s ease-in-out;
}

.single-gift-fund-wrapper .registry:hover {
  box-shadow: 0 3px 3px rgb(0 0 0 / 10%);
}

.single-gift-fund-wrapper .registry:not(:last-child) {
  margin-bottom: 20px;
}
.single-gift-fund-wrapper .registry h4 {
  font-size: 22px;
  font-weight: 400;
  max-width: 220px;
}
.single-gift-fund-wrapper .registry .current-pool p {
  font-size: 18px;
  font-weight: 700;
  color: #90a3b1;
  margin-bottom: 0;
}
.single-gift-fund-wrapper .registry .current-pool p span {
  color: #4aa4a3;
  font-size: inherit;
  font-weight: inherit;
}
.single-gift-fund-wrapper .registry .arrow-more {
  position: absolute;
  top: 20px;
  right: 25px;
  width: 27px;
}
.anchor-overlay,
.open-registry-details-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 3;
}
.open-registry-details-button img.arrow-more {
  width: 27px;
  height: 27px;
  position: absolute;
  top: 21px;
  right: 25px;
}
.open-registry-details-button .tfg-button {
  position: absolute;
  top: 20px;
  right: 17px;
  font-weight: 700;
  font-size: 16px;
  min-width: 80px;
}
.single-gift-fund-wrapper .button-group p {
  margin: 15px 0 30px;
  font-size: 14px;
  color: #90a3b1;
  font-weight: 700;
}

/* Dashboard */
.archive-template {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  overflow: hidden;
  display: block;
  padding-top: 140px;
  min-height: 812px;
}
.archive-template:before,
.tgf-modal:before,
#splash .bottom:before {
  position: absolute;
  content: " ";
  width: 285px;
  height: 282px;
  bottom: 59px;
  left: 100%;
  margin-left: -147px;
  background-image: url(assets/images/bg-blue-img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.1;
  z-index: -1;
}
.archive-template:after,
.tgf-modal:after,
#splash .bottom:after {
  position: absolute;
  content: " ";
  width: 285px;
  height: 282px;
  bottom: -71px;
  right: 0;
  margin-right: 147px;
  background-image: url(assets/images/bg-orange-img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.2;
  z-index: -1;
}
.archive-template .gift-fund-entry {
  background-color: #444;
  height: 270px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  margin-bottom: 21px;
}
.archive-template .gift-fund-entry:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(24,57,81,0) 0%, #182630 100%);
  width: 100%;
  height: 100%;
  display: block;
}
/* .archive-template .gift-fund-entry:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 -200px 200px rgb(0 0 0 / 50%) inset;
} */
.tgf-background-image {
  background-image: url(assets/images/default-banner-mobile.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  overflow: hidden;
  transition: all ease-in-out 0.5s;
}

.gift-fund-entry:hover .tgf-background-image, .gift-fund-entry:hover img.background-image {
  transform: scale(1.2);
}
/* .tgf-background-image:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 -200px 200px rgba(0, 0, 0, 0.7) inset;
} */
.archive-template .gift-fund-entry .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 17px 24px;
  z-index: 2;
}
.archive-template .gift-fund-entry .caption h4 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
}
.archive-template .gift-fund-entry .caption p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.archive-template.invitee-page-wrapper h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 20px;
}

a.tfg-button.add.large span {
  color: #90a3b1;
  font-weight: 700;
  font-size: 18px;
  transition: all ease-in-out 0.5s;
}

a.tfg-button.add.large:hover span {
  color: #18364C;
}

.dash-menu-nav li a:hover {
  color: #90A3B1;
}

.price-pool {
  position: relative;
  height: 7px;
  background-color: #fff;
  border-radius: 3.5px;
  margin-top: 45px;
  z-index: 2;
}
.price-pool .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 7px;
  width: 20%;
  border-radius: 3.5px;
  background-color: #4aa4a3;
}
.price-pool .progress.forecast {
  background-color: #c97e6a;
}
.price-pool .progress:not(.forecast) {
  z-index: 1;
}
.price-pool span {
  position: absolute;
  bottom: 100%;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 17px;
}
.price-pool span.total-pool {
  font-weight: 700;
}
.single-gift-fund-wrapper.invitee-fund span.total-pool {
  font-size: 24px;
  font-weight: 400;
}
.price-pool span.max-pool {
  right: 0;
}
.single-gift-fund-wrapper .price-pool {
  position: absolute;
  bottom: 27px;
  left: 30px;
  right: 30px;
}
.single-gift-fund-wrapper .price-pool .remaining-time {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0px);
  background-color: #c97e6a;
  font-size: 12px;
  padding: 7px 10px;
  line-height: 1;
  border-radius: 7px;
  color: #fff;
  margin-bottom: 12px;
}
.single-gift-fund-wrapper .price-pool .remaining-time strong {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}
.single-gift-fund-wrapper .price-pool .remaining-time:before {
  position: absolute;
  content: "";
  border-width: 5.42px;
  border-color: #c97e6a transparent transparent transparent;
  border-style: solid;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}

.settings-button {
  position: absolute;
  z-index: 3;
  top: 30px;
  right: 22px;
  background-color: #fff;
  width: 98px;
  height: 35px;
  border-radius: 5px;
}
.settings-button > a {
  display: block;
  font-size: 14px;
  vertical-align: middle;
  line-height: 35px;
  text-align: center;
}
.settings-button > a i {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 4px;
}
.settings-button ul {
  display: none;
  position: absolute;
  margin-top: 5px;
  top: 100%;
  width: 275px;
  right: 0;
  background-color: #fff;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  border-radius: 5px;
  overflow: hidden;
}
.settings-button.toggled ul {
  display: block;
}
.settings-button ul li {
  display: block;
}
.settings-button ul li a {
  display: block;
  font-size: 16px;
  padding: 11px 14px;
}
.settings-button ul li:not(:last-child) a {
  border-bottom: 1px #c1cdd5 solid;
}
.settings-button ul li a i {
  font-size: 22px;
  width: 25px;
  margin-right: 15px;
}
.back-to-dashboard-button {
  position: absolute;
  top: 30px;
  left: 22px;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-color: #fff;
  font-size: 18px;
  line-height: 40px;
  padding-left: 13px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
}
.invitee-fund .back-to-dashboard-button {
  top: 24px;
}

/* Dashboard Header  */
header#dash-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 30px;
  z-index: 100;
}
header#dash-header .logo-on-header {
  text-align: right;
}
header#dash-header .logo-on-header img {
  width: 95px;
}
header#dash-header .dash-menu-icon,
.menu-off-canvas .dash-menu-icon {
  width: 40px;
  height: 40px;
  background-color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  display: block;
  border-radius: 50px;
}
.dash-menu-icon.edit-registry {
  position: absolute;
  top: 40px;
  right: 24px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #fff;
  border-radius: 40px;
  line-height: 40px;
  z-index: 999;
  box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
}
.dash-menu-icon.edit-registry.close-edit-registry {
  top: -42px;
}
.dash-menu-icon.edit-registry.close-edit-registry.go-left {
  right: auto;
  left: 24px;
}
.dash-menu-icon.edit-registry.close-edit-registry.clear-top {
  top: 40px;
}
.app-header {
  position: relative;
  margin-bottom: 40px;
  margin-top: -80px;
}
.app-header .dash-menu-icon.edit-registry.close-edit-registry {
  right: 0;
  top: 0;
}
.app-header img {
  width: 150px;
}
.menu-off-canvas-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(24, 57, 81, 0.5);
  z-index: 101;
  width: 100%;
  margin-left: -100%;
  transition: all 0.3s ease;
}
.menu-off-canvas {
  width: 280px;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  margin-left: -280px;
  padding: 30px 23px 23px;
  z-index: 102;
  transition: all 0.3s ease;
}
.menu-off-canvas .logo {
  margin-bottom: 40px;
  margin-top: 32px;
}
.menu-off-canvas .logo img {
  width: 155px;
}
.menu-off-canvas .dash-copyright {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 23px;
}
.menu-off-canvas .dash-copyright .copyright p {
  font-size: 12px;
  color: #90a3b1;
  line-height: 22px;
}
.menu-off-canvas .dash-copyright .socials ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-off-canvas .dash-copyright .socials ul li {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 20px;
}
.menu-off-canvas .dash-copyright .socials ul li a {
  display: block;
  font-size: 25px;
  height: 25px;
  text-align: center;
  color: #4aa4a3;
}
.menu-off-canvas .dash-copyright .socials ul li a i {
  vertical-align: middle;
}
.menu-off-canvas .dash-copyright .socials ul li a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dash-menu-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dash-menu-nav li {
  display: block;
}
.dash-menu-nav li a {
  font-size: 20px;
  line-height: 55px;
  display: block;
  font-weight: 700;
  color: #073f5f;
}
.page-tempalte-invitee-page .dash-menu-nav li:first-child a,
.dash-menu-nav li.current-menu-item a {
  color: #4aa4a3;
}
.activated-user-message {
  margin-bottom: 77.25px;
}
.activated-user-message i {
  font-size: 41.39px;
  color: #4aa4a3;
}
.activated-user-message.error i {
  color: #be3c5c;
}
.activated-user-message p {
  font-size: 18px;
  color: #183951;
  line-height: 24px;
  margin-bottom: 0;
}

body.mobile-toggle .menu-off-canvas-wrapper,
body.mobile-toggle .menu-off-canvas {
  margin-left: 0;
}

.tgf-modal-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
  background-color: #e8f1f7;
}
.tgf-modal-wrapper.gift-fund-event-details {
  z-index: 1001;
}
.tgf-modal-wrapper .modal-button {
  width: 40px;
  height: 40px;
  background-color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
  display: block;
  border-radius: 50px;
  position: absolute;
  right: 24px;
  top: 60px;
}
.tgf-modal-wrapper .modal-button.back {
  right: auto;
  left: 24px;
  z-index: 1;
}
.tgf-modal {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.tgf-modal .caption {
  width: 100%;
  padding: 0 24px;
}
.tgf-modal.event-details h2 {
  margin-bottom: 60px;
  font-size: 32px;
  line-height: 35px;
  font-weight: 700;
}
.tgf-modal.event-details h3 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.tgf-modal.event-details .the-details .detail,
.profile-page .the-details .detail {
  padding: 22px 0;
}
.tgf-modal.event-details .the-details .detail:not(:last-child),
.profile-page .the-details .detail:not(:last-child) {
  border-bottom: 1px solid #c1cdd5;
}
.tgf-modal.event-details .the-details .detail p,
.profile-page .the-details .detail p {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 0;
}
.tgf-modal.event-details .the-details .detail p span,
.profile-page .the-details .detail p span {
  display: block;
  font-weight: 500;
  font-size: 16px;
}
.registry-details .tgf-modal {
  display: block;
}
.registry-details .tgf-modal .caption {
  padding: 0;
  position: relative;
  height: 100%;
}
.registry-details .tgf-modal:before,
.registry-details .tgf-modal:after {
  z-index: -1;
}
.registry-details .tgf-modal .caption .top-section {
  padding: 140px 25px 25px;
  background-color: #fff;
  box-shadow: 0 0 10px rgb(0 0 0 / 5%);
  border-radius: 0 0 20px 20px;
}
.registry-details .tgf-modal .caption .top-section h3 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  width: calc(100% - 105px);
}
.registry-details .tgf-modal .caption .top-section h5 {
  color: #90a3b1;
  font-size: 18px;
}
.registry-details .tgf-modal .caption .top-section h5 span {
  color: #4aa4a3;
}
.registry-details .tgf-modal .caption .top-section p {
  color: #90a3b1;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 0;
}
.registry-details .tgf-modal .caption .the-invitees {
  height: calc(100% - 243px);
}
.registry-details .tgf-modal .caption .the-invitees .invitees-list {
  height: calc(100% - 157px);
  overflow: auto;
}
.registry-details .tgf-modal .caption .top-section .edit-details-button,
.profile-page .edit-details-button {
  display: inline-block;
  position: absolute;
  top: 140px;
  right: 24px;
  vertical-align: middle;
  height: 20px;
}
.registry-details .tgf-modal .caption .top-section .edit-details-button i,
.profile-page .edit-details-button i {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 6px;
}
.registry-details .tgf-modal .caption .top-section .edit-details-button span,
.profile-page .edit-details-button span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.registry-details .tgf-modal .caption .the-invitees .description {
  padding: 25px;
}
.registry-details .tgf-modal .caption .the-invitees .description p {
  font-size: 16px;
}
.registry-details .tgf-modal .caption .the-invitees .status {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  display: block;
  border-bottom: 1px solid #c1cdd5;
}
.registry-details .tgf-modal .caption .the-invitees .status li {
  display: inline-block;
}
.registry-details .tgf-modal .caption .the-invitees .status li a {
  display: block;
  font-size: 20px;
  padding: 13px;
  line-height: 24px;
  position: relative;
  min-width: 150px;
}
.registry-details .tgf-modal .caption .the-invitees .status li a.active {
  font-weight: 700;
}
.registry-details .tgf-modal .caption .the-invitees .status li a.active:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 6px;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
  background-color: #4aa4a3;
  border-radius: 3px;
}
.registry-details .tgf-modal .caption .the-invitees .invitees-list {
  padding: 0 25px;
}
.registry-details .tgf-modal .caption .the-invitees .invitees-list .invitee {
  padding: 25px 0;
}
.registry-details
  .tgf-modal
  .caption
  .the-invitees
  .invitees-list
  .invitee.confirmed {
  display: none;
}
.registry-details
  .tgf-modal
  .caption
  .the-invitees
  .invitees-list
  .invitee:not(:last-child) {
  border-bottom: 1px solid #c1cdd5;
}
.registry-details .tgf-modal .caption .the-invitees .invitees-list .invitee p {
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
}
.registry-details
  .tgf-modal
  .caption
  .the-invitees
  .invitees-list
  .invitee
  p
  span {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.registry-details
  .tgf-modal
  .caption
  .the-invitees
  .invitees-list
  .invitee
  p
  span
  strong {
  font-weight: 700;
  color: #4aa4a3;
}
.registry-details .tgf-modal .caption .the-invitees .invitees-list .invitee a {
  display: inline-block;
  width: 156px;
  max-width: 100%;
  text-align: center;
  color: #fff;
  background-color: #4aa4a3;
  border-radius: 5px;
  padding: 7px 10px;
  margin-right: 8px;
  border: 1px solid #4aa4a3;
  font-size: 16px;
  font-weight: 700;
}
.registry-details
  .tgf-modal
  .caption
  .the-invitees
  .invitees-list
  .invitee
  a.reminder {
  margin-right: 0;
  background-color: transparent;
  color: #4aa4a3;
}
.tgf-modal-wrapper.reminder-form .payment-method {
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-left: -24px;
  margin-right: -24px;
  padding: 24px;
  margin-bottom: 4px;
}
.tgf-modal-wrapper.reminder-form .payment-method p {
  margin-bottom: 0;
  font-size: 16px;
}
.tgf-modal-wrapper.reminder-form .payment-method span {
  color: #4aa4a3;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
}
.tgf-modal-wrapper.reminder-form {
  overflow: auto;
  height: 100%;
  z-index: 3000;
}
.tgf-modal-wrapper.reminder-form .tgf-modal {
  display: block;
  overflow: auto;
  background-color: #e8f1f7;
}
.tgf-modal-wrapper.reminder-form .tgf-modal .caption {
  padding: 140px 24px 10px;
}
.tgf-modal-wrapper.reminder-form .tgf-modal .caption h2 {
  margin-bottom: 30px;
}
.tgf-modal-wrapper.reminder-form .tgf-modal:before,
.tgf-modal-wrapper.reminder-form .tgf-modal:after {
  display: none;
}
.tgf-modal-wrapper.reminder-form .tgf-modal .reminder-buttons {
  margin-top: 40px;
}
.block {
  display: block !important;
}
.profile-page {
  padding: 230px 24px 24px;
  position: relative;
}
.profile-page.update {
  padding-top: 140px;
}
body.page-template-profile .logo-on-header {
  display: none;
}
body.page-template-profile #page {
  overflow: hidden;
}
.tgf-modal-alt-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(24, 57, 81, 0.5);
  z-index: 100;
  display: none;
}
.tgf-modal-alt-wrapper .tgf-modal-alt {
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  max-width: 80%;
  max-height: 80%;
  overflow: auto;
  box-shadow: 0 0 10px rgb(0 0 0 / 50%);
  border-radius: 20px;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-body h4 {
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  color: #183951;
  margin-bottom: 25px;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-body p {
  color: #183951;
  font-size: 18px;
  line-height: 24px;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-body.processing {
  padding: 50px 30px;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-base {
  padding: 20px;
  text-align: right;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-base a {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  padding: 0 15px;
  color: #3a4346;
  vertical-align: top;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-body {
  padding: 30px 30px 0;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-base a {
  border-radius: 5px;
  padding: 10px 15px;
  line-height: 1;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-base a:first-child {
  color: #be3c5c;
  position: relative;
  overflow: hidden;
}
.tgf-modal-alt-wrapper .tgf-modal-alt .tgf-modal-alt-modal-base a.green {
  background-color: #4aa4a3;
  color: #fff;
}
.upload-cover-photo-button {
  position: absolute;
  z-index: 1;
  bottom: 24px;
  right: 24px;
}
.upload-cover-photo-button .upload-button,
.upload-cover-photo-button .approve-upload-button,
.upload-cover-photo-button .loading-upload-button {
  background-color: #fff;
  display: inline-block;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
}
.upload-cover-photo-button .approve-upload-button,
.upload-cover-photo-button .loading-upload-button {
  display: none;
}
.upload-cover-photo-button .loading-upload-button {
  animation: loading 0.9s infinite linear;
}
@keyframes loading {
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.upload-image-modal .upload-field {
  position: absolute;
  border: 1px #ccc solid;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 42px;
  opacity: 0;
}
.template-head img.background-image,
.gift-fund-entry img.background-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}
.mo-openid-app-icons {
  display: flex !important;
  flex-wrap: wrap;
  border-top: 1px #ccc solid;
  padding-top: 30px;
  margin-top: 15px !important;
  position: relative;
}
.mo-openid-app-icons:before {
  position: absolute;
  content: "or";
  font-size: 18px;
  background-color: #e8f1f7;
  display: block;
  width: 50px;
  height: 30px;
  text-align: center;
  top: 0;
  margin-top: -15px;
  left: 50%;
  margin-left: -25px;
}
.mo-openid-app-icons > p {
  display: none;
}
.mo-openid-app-icons
  a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-facebook.mo_btn-custom-dec.login-button,
.mo-openid-app-icons
  a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-google.mo_btn-custom-dec.login-button {
  width: 100% !important;
  flex: 1;
  width: 100%;
  flex-basis: 100%;
  background: transparent;
  background-color: transparent !important;
  background-image: linear-gradient(
    to bottom,
    transparent,
    transparent
  ) !important;
  border: 1px #c1cdd5 solid;
  color: transparent !important;
  height: 50px;
  line-height: 38px;
  text-align: left;
  padding-left: 97px !important;
  font-size: 16px;
  position: relative;
}
.mo-openid-app-icons
  a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-facebook.mo_btn-custom-dec.login-button:before {
  position: absolute;
  content: "";
  width: 35px;
  height: 20px;
  background-image: url(assets/images/fb-logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 10px;
  top: 15px;
}
.mo-openid-app-icons
  a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-google.mo_btn-custom-dec.login-button {
  color: #fff !important;
  margin-top: 15px;
  border: 1px #c1cdd5 solid !important;
}
.mo-openid-app-icons
  a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-google.mo_btn-custom-dec.login-button:before {
  position: absolute;
  content: "";
  background-color: #e8f1f7;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mo-openid-app-icons
  a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-facebook.mo_btn-custom-dec.login-button:before {
  position: absolute;
  content: "";
  background-color: #e8f1f7;
}

.mo-openid-app-icons
  a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-google.mo_btn-custom-dec.login-button:after {
  position: absolute;
  content: "Continue with Google";
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  margin-left: 3px;
}

.mo-openid-app-icons a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-facebook.mo_btn-custom-dec.login-button:after{
  position: absolute;
  content: "Continue with Facebook";
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  margin-left: 3px;
}
.mo-openid-app-icons
  > a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-custom-dec.login-button
  > img {
  margin: 10px 0px;
  display: inline !important;
  position: absolute;
  top: 7px;
  left: 10px;
}
.mo-openid-app-icons
  > a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-facebook.mo_btn-custom-dec.login-button
  > img {
  display: none !important;
}
.gf_login_links {
  display: none;
}
.mo_btn-social > :first-child {
  border-right: none !important;
}
.default-wrapper.front-page img.wp-post-image {
  margin-top: 50px;
}
.default-wrapper.front-page p.home-content {
  margin: 40px 0;
}
.page-loader {
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: none;
}
.page-loader div {
  color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 10px rgb(0 0 0 / 80%);
}
.page-template-profile .template-base {
  position: relative;
    padding: 0 0 98px;
}
.share-description {
  margin-bottom: 25px;
}
.share-description p {
  font-size: 18px;
  font-weight: 600;
}

  /* SHARE LOGIN PAGE */
#tgf_terms-conditions-label a{
  text-decoration: underline;
}
#tgf_terms-conditions-label{
  display: block;
}

  /* GIFT FUND SECTION */
.single-gift-fund-wrapper.invitee-fund .template-body #tfg_funding_amount{
  background-color: #fff !important;
}

/* Payment Method  */
.copy-action{
  cursor: pointer;
}

@media (max-width: 768px) {
  .gform-theme-datepicker {
    transform: scale(0.75);
  }
}