@media (max-width:999px) {
ul#account-menubar--2 {
    display: none;
}
}

@media (max-width:720px) {
.feature-grid {
    display: flex;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    flex-direction: column;
    margin: 25px;
}
.split {
    display: flex;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 56px;
    align-items: center;
    max-width: 1200px;
    margin: 100px auto;
    flex-direction: column;
    margin: 0 25px!important;
}
.ai-card, .companion-card {
    margin: 25px;
}
.phone-card {
    margin: 25px auto;
}
}
nav#block-solo-subtheme-account-menu select.tabs-select.fade-in {
    margin: 21px auto;
max-width:500px;
}
.dialog-off-canvas-main-canvas #block-solo-subtheme-content > form#trulywed-journey-start-form {
    margin-top: 200px!important;
}
.solo-clear::after, .solo-clear::before {
display:none;
}

html, body {
    font-family: 'open sans';
}
.branding-wrapper {
    margin-top: 11px;
}
.speech-to-text-icon {
    bottom: 10px!important;
    top: unset!important;
    right: 12px!important;
    cursor: pointer;
    margin-bottom: 0!important;
}
.ptah-ai-companion--floating .ptah-ai-companion__form {
    padding: 10px 20px 12px;
    width: 92%!important;
}

.speech-to-text-icon img {
    width: 25px;
}
.page-node-type-knowledgebase-article h2 {
    margin-top: 45px;
}

.goverlay {
    background: rgb(255 255 255 / 92%)!important;
}
form#views-form-group-comments-page-published-2 tr td:nth-of-type(8) {
    display: none;
}
article ul li {
    margin-bottom: 7px;
}
th#view-nothing-1-table-column {
    display: none;
}
.page-node-type-knowledgebase-article div#main-container-inner {
    max-width: 1500px;
    margin: 0 auto;
}
.path-view-knowledgebase .main-navigation-wrapper, .path-node-6 .main-navigation-wrapper {
    display: block!important;
    border-bottom: 1px solid #ccccccb8;
}
.page-node-type-knowledgebase-article article.node.node--view-mode-full .node__content>* {
    width: 100%;
    background: #fff9f2;
    padding: 41px;
    border-radius: 5px;
}
body.entity-group-canonical.group-id-1.fontyourface.user-logged-in.path-group.toolbar-vertical.small-screen {
    padding-top: 0!important;
}

details#edit-project-data .details-wrapper {
    padding: 15px;
    margin: 0!important;
    padding-bottom: 30px;
    display: block;
    overflow-y: scroll;
}

h1 a, h2 a, h3 a, h4 a, h5 a, li a, p, h1, h2, h3, h4, h6, .site-name, .site-slogan {
    font-family: 'Open Sans';
}
.dashboard {
    margin: 0 auto;
    max-width: 1100px;
}
.dashboard * {
    font-family: 'open sans';
}

.simple-status-messages a {
    color: #38813c !important;
}
.entity-group-canonical section#block-solo-subtheme-primary-local-tasks {
    z-index: 1;
    position: relative;
     background: #fcf9f2; 
     box-shadow: 1px 3px 3px 2px #07070742; 
     padding: 14px; 
    top: -17px;

}
section#block-solo-subtheme-primary-local-tasks select {
    border-bottom-right-radius: 8px;
}

.view-my-companions .views-row div {
    padding-top: 10px;
}
/* quote form */

.quote-toggle {
  display: inline-block;
  background: #f3e5e9;
  color: #555;
  padding: 0.6rem 1rem;
  margin: 0.3rem;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.95rem;
  border: 1px solid #e0cfd6;
}

.quote-toggle:hover {
  background: #e8d4dd;
}

.quote-toggle.active {
  background: #d88c9a;
  color: #fff;
  border-color: #c77b8a;
}

.quote-toggle.disabled {
  background: #eee;
  color: #aaa;
  cursor: not-allowed;
  border: none;
}

.quote-total {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #b76e79;
}

/* Base styling */

/* Form container */
.quote-builder-form {
  max-width: 700px;
  margin: 2rem auto;
  background: #fff;
  padding: 2rem;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
  position: relative;
  background-image: url('https://example.com/floral-corner.png'); /* Replace with your floral asset */
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 180px;
}

/* Title and subtitle */
.quote-title {
  font-size: 2rem;
  text-align: center;
  color: #b76e79;
  margin-bottom: 0.5rem;
}

.quote-subtitle {
  text-align: center;
  font-size: 1rem;
  color: #777;
  margin-bottom: 2rem;
}

/* Section headers */
.quote-section-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #6a4e4e;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e8dada;
  padding-bottom: 0.3rem;
}

/* Option styling */
.quote-option {
  display: block;
  margin: 0.4rem 0;
  font-size: 0.95rem;
  color: #555;
}

.quote-option input[type="checkbox"] {
  accent-color: #d8a7b1;
  margin-right: 0.5rem;
}

.quote-option.disabled {
  color: #aaa;
  font-style: italic;
}

/* Divider and total */
.quote-divider {
  margin: 2rem 0;
  border: none;
  border-top: 1px solid #eee;
}

.quote-total {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #b76e79;
}

.quote-total-count {
  color: #d88c9a;
}

/* Quote form end */

* {
    line-height: normal;
}
/* Hinge */
.flipdown.flipdown__theme-dark .rotor:after {
  border-top: solid 1px #1515151f!important;
}
div#--flyout-clone {
    z-index: 999999999999999999999;
}
textarea, .solo-input, .solo-textarea, input[type="text"], input[type="email"], input[type="password"], select, .solo-select, .page-wrapper a.button, .page-wrapper input.button, .page-wrapper .search-button-close button {
    border-radius: 5px;
}

/*
.page-wrapper .solo-inner nav ul {
    padding-bottom: 10px;
}
*/

section#block-solo-subtheme-primary-local-tasks li a {
    border: 1px solid #fff9f2;
    background: #fef9f2;
    color: #8f8f8f ;
    transition: .5s;
    border-radius: 44px;
box-shadow: 1px 1px 1px #ccc;
margin-bottom: 1px;
}
nav.action-links, ul.secondary, ul.primary {
    justify-content: center;
}
div#highlighted-inner {padding:0;}

p {
    margin: 0;
}
div#header-inner {
    max-width: 100%;
}

textarea, .solo-input, .solo-textarea, input[type="text"], input[type="email"], input[type="password"], select, .solo-select, 
.page-wrapper a.button, .page-wrapper input.button, .page-wrapper .search-button-close button {
    border-radius: 3px;
}
.page-wrapper .solo-textarea, .page-wrapper input:not(.button, [type="submit"], [type="checkbox"], [type="radio"]), .page-wrapper .solo-select:not(.selectify-select), .page-wrapper .solo-radio:not(.selectify-radio), .page-wrapper .solo-check:not(.selectify-checkbox), .page-wrapper .ck-focused, .page-wrapper .solo-select:focus, .page-wrapper .solo-check:focus, .page-wrapper .solo-radio:focus, .page-wrapper .solo-input:focus, .page-wrapper .solo-textarea:focus {
    background-color: #fff;
    box-shadow: none!important;
}
.page-wrapper a.button:hover, .page-wrapper input.button:hover, .page-wrapper .search-button-close button:hover {
    box-shadow: none;
}
.social-pages {
    width: 200px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    position: absolute;
    top: 10px;
    color: #7f7f7f;
    background: #fff;
    border: 1px inset #cccccc47;
    padding: 4px;
    font-size: 14px;
    border-radius: 25px;
left: 16px;
}
.view-stream .view-header h2 {
    padding-top: 37px;
    padding-bottom: 0px;
    margin-bottom: -37px;
}

.price.menu h2, .price.menu p {
    text-align: center;
}
.price.menu p {
    padding: 0;
    margin: 5px 0;
}
h2.price-title-o {
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    margin: 0;
    padding: 0;
    color: #baa685;
    position: relative;
    top: -35px;
    text-shadow: 1px 1px 2px #ffffff;
}






.tip-band-front {
    width: 100%;
    height: 50px;
    background: #e0e9ef;
    border-top: 1px #9ec6df solid;
}
.path-comment form {
    background: #fff;
    margin: 2%!important;
    box-shadow: 1px 1px 6px #ccc;
    padding: 30px;
    border-radius: 8px;
}

.path-comment, .path-comment .block-system-main-block, .path-comment .w3-mobile {
    background: #f7fbfa!important;
}
.path-comment div#footer-menu, 
.path-comment div#copyright, 
.path-comment input#edit-preview, 
.path-comment .w3-row.w3-breadcrumb, 
.path-comment .group--stela-page {
    display: none!important;
}
html {
scroll-behavior: smooth;
}
.w3-animate-opacity {
    animation: none!important;
}

/*  containers */
.page-node-type-stela-page div#main-container-inner {
    max-width: 100%;
}
.w3-col.w3-clear.w3-row-padding, .w3-col.main-box.main-region.w3css-content {
    padding: 0;
}
#main-container .main-box > div {
    padding: 0!important;
}
.w3-row.node__content {
    padding: 40px;
}
/*  page title, headings and dates */
.field.field--name-field-add-to-calendar.field--type-add-to-calendar-field.field--label-hidden.field__item {
    text-align: center;
}
/*  add to calendar */
a.atcb-link {
    z-index: 1;
    position: relative;
padding: 18px 37px!important;
}

.atcb-list {
    width: 185px;
}
.block-field-blockgroupwedding-companionfield-rsvp-a, .block-field-blockgroupwedding-companionfield-date, .block-field-blockgroupwedding-companionfield-epitaph, .block-field-blockgroupwedding-companionlabel {
    text-align: center;
margin-bottom: 15px;
}

/*  page title, headings and dates - sizes */
.block-field-blockgroupwedding-companionfield-heading {
font-size: 8vw;
}
.block-field-blockgroupwedding-companionlabel {
/* font-size: 10.5vw; */
line-height: 1.1em;
 font-size: clamp(1rem, -1.3855rem + 17.6336vw, 8.5rem); 
/* font-size: 4.5vw; */
}
.block-field-blockgroupwedding-companionfield-epitaph {
font-size: 2.5em;
}
.block-field-blockgroupwedding-companionfield-life-dates, .block-field-blockgroupwedding-companionfield-date {
font-size: 2.5em;
}
.block-field-blockgroupwedding-companionlabel{
    padding-top: 30px;
}
section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a{
    text-align: center;
    font-size: 2.3em;
}

/*  portrait image */
.field.field--name-field-portrait-image-media img {
    display: block;
    margin: 0 auto;
 max-width: 50%;
}
.field.field--name-field-portrait-image-media {
    margin: 0 auto;
} 
.block-field-blockgroupwedding-companionfield-portrait-image-media {
    margin-top: 100px;
}

/*  portrait images*/

.pi-002 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
  padding: 33px!important;

}

.pi-003 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
    padding: 15px;
    background: #ffffff;
    border-radius: 100%;
}

.pi-004 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
 padding: 33px!important;
    background: #ffffff;
    border-radius: 100%;
}

.pi-005 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
    width: 73%;
    height: 100%;
    object-fit: cover;
    display: block;
    padding: 15px!important;
border-radius: 105%;
}

.pi-005 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item {
    aspect-ratio: 4 / 2.5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 73%;
    margin: 0 auto;
}

.pi-006 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
    width: 73%;
    height: 100%;
    object-fit: cover;
    display: block;
    padding: 30px!important;
border-radius: 105%;
}

.pi-006 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item {
    aspect-ratio: 4 / 2.5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 86%;
    margin: 0 auto;
}

.pi-007 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
    width: 73%;
    height: 100%;
    object-fit: cover;
    display: block;
    padding: 15px!important;
}

.pi-007 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item {
    aspect-ratio: 0 / 1.5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 83%;
    margin: 0 auto;
}
.pi-007 section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-portrait-image-media img {
    border-radius: 105%!important;
    max-height: 553px;
}

.pi-008 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
    width: 73%;
    height: 100%;
    object-fit: cover;
    display: block;
    padding: 30px!important;
border-radius: 105%!important;
}

.pi-008 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item {
    aspect-ratio: 3 / 1.5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 95%;
    margin: 0 auto;
}

.pi-009 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
      padding: 15px;
    background: #ffffff;
    border-radius: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.pi-0010 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
     padding: 40px;
    background: #ffffff;
    border-radius: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ssui__option.pi-0010 input, .ssui__option.pi-0010 {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-width: medium;
}

.ssui__option.pi-009 input, .ssui__option.pi-009 {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-width: thin;
}

.ssui__option.pi-008 input, .ssui__option.pi-008 {
    height: 30px!important;
    border-width: medium;
}

.ssui__option.pi-007 input, .ssui__option.pi-007 {
    height: 30px;
    border-width: thin;
}

.ssui__option.pi-006 input, .ssui__option.pi-006 {
    width: 30px;
    border-width: medium;
}

.ssui__option.pi-005 input, .ssui__option.pi-005 {
    width: 30px;
    border-width: thin;
}

.ssui__option.pi-004 input, .ssui__option.pi-004 {
    border-width: medium;
}

.ssui__option.pi-003 input, .ssui__option.pi-003 {
    border-width: thin;
}

.ssui__option.pi-002 input, .ssui__option.pi-002 {
    border-radius: 0!important;
    border-width: medium;
}
.ssui__option.pi-001 input, .ssui__option.pi-001 {
    border-radius: 0!important;
    border-width: thin;
}

/*  primary video */
.primary---video div#video-embed-plyr-0 {
    display: block;
    max-width: 900px;
    margin: 0 auto;
}
section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-primary-video-media {
    position: relative;
    z-index: 1;
    margin: 70px auto;
}

/*  tabs  */
.block-quicktabs-blockcompanion-content {
    max-width: 1600px;
    margin: 30px auto;
}
li.active a.quicktabs-loaded {
    opacity: .5!important;
}
.tabsbar.quicktabs-wrapper {
    padding-bottom: 2rem;
    margin: 0 auto;
    max-width: 95%;
margin-bottom: 200px;
}
.tabsbar ul.quicktabs-tabs {
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 36px;
    margin-bottom: 1rem;
    justify-content: center;
margin-bottom: 0;
}
.tabsbar ul.quicktabs-tabs li {
    font-size: 4.5em;
}
.tabsbar .quicktabs-tabs > li > a {
    border: 0px solid transparent;
line-height: normal;
}
.tabsbar .quicktabs-tabs > li.active > a, .tabsbar .quicktabs-tabs > li.active > a:hover, .tabsbar .quicktabs-tabs > li.active > a:focus {
    background-color: #ffffff00;
    border-color: unset;
}
a.quicktabs-loaded {
    line-height: 18px;
}
div#quicktabs-container-companion_content .views-element-container.w3-row.element-container-wrapper {
    padding: 0 40px;
}
div#quicktabs-container-companion_content .view{
    padding: 50px;
    background: #cccccc;
    max-width: 100%;
    margin: 0 auto;
    font-size: 2.2em;
}

/*   tabs introduction  */



/*   tabs schedule  */




/*   tabs eulogy  */



/*   tabs image gallery  */
div#quicktabs-container-companion_content .view-page-image-gallery {
    background: transparent!important;
    padding: 7px;
    box-shadow: none!important;
}
div#quicktabs-container-companion_content .view-page-image-gallery img {
    /* padding: 8px; 
    margin: 30px; */
    background: #fff;
    width: 350px;
    height: 225px;
    background: #fff0!important;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 1px #5555558a!important;
}
div#quicktabs-container-companion_content .view-page-image-gallery .view-content {
    display: flex;
    flex-wrap: wrap;
justify-content: space-around;
}
div#quicktabs-container-companion_content .view-page-image-gallery .view-content .w3-row.views-row {
    margin-bottom: 58px;
}
div#quicktabs-container-companion_content .view-page-image-gallery img:hover {
    filter: brightness(1.2);
}
/*   tabs audio  */
div#quicktabs-container-companion_content .view-audio {
    background: transparent!important;
    box-shadow: none!important;
padding: 0 50px;
}
.jp-audio, .jp-audio-stream, .jp-video {
    margin: 0 auto;
}


/*   tabs videos */
.view-video-gallery .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.field-content.video-gallery-vid video {
    max-width: 100%;
}
div#quicktabs-container-companion_content .view-video-gallery {
    background: transparent!important;
    box-shadow: none!important;
    padding: 0;
}
div#quicktabs-container-companion_content .view-video-gallery .view-content .views-row {
    max-width: 350px;
    padding: 5px;
    background: #fff0;
    margin: 30px;
}
/*   tabs tributes  */
.view-tributes .view-content {
    padding: 53px;
 
}
.view-tributes  blockquote {
    margin: 0;
}
.views_slideshow_cycle_slide {
    width: 100%!important;
}
/* tributes slideshow  */
.views-slideshow-controls-bottom.clearfix * {
    text-decoration: none!important;
}
div#views_slideshow_controls_text_tributes-block_2 {
    position: relative;
    bottom: -181px;
    font-family: material icons;
}



span#views_slideshow_controls_text_previous_tributes-block_2 a, 
span#views_slideshow_controls_text_next_tributes-block_2 a {
    visibility: hidden;
    font-size: 0;
    text-decoration:none!important;
}



span#views_slideshow_controls_text_pause_tributes-block_2.views-slideshow-controls-text-status-pause a {
    visibility: hidden;
    font-size: 0;
}
span#views_slideshow_controls_text_pause_tributes-block_2.views-slideshow-controls-text-status-play a {
    visibility: hidden;
    font-size: 0;
}
span#views_slideshow_controls_text_next_tributes-block_2 a:before {
    visibility: visible;
    font-size: 40px;
    content: 'skip_next';
}

span#views_slideshow_controls_text_previous_tributes-block_2 a:before {
    content: 'skip_previous';
    visibility: visible;
    font-size: 40px;
}
span#views_slideshow_controls_text_pause_tributes-block_2.views-slideshow-controls-text-status-pause a:before {content: 'play_arrow';visibility: visible;font-size: 40px;}
span#views_slideshow_controls_text_pause_tributes-block_2.views-slideshow-controls-text-status-play a:before {content: 'pause';visibility: visible; font-size: 40px;}
.audiofield {
    border-radius: 5px;
}

/*   tabs timeline */
ul.timeline-list li:nth-child(odd) img {
    float: right;
    clear: left;
}
ul.timeline-list li:nth-child(odd) .views-field.views-field-title {
    clear: right;
}
.view-timeline .views-field.views-field-field-image img {
    padding: 0px;
    background: #fff;
border-radius:5px;
}
li.timeline-item h2 {
    font-size: 2em!important;
}
ul.timeline-list li.timeline-item .views-field.views-field-field-date {
font-size: 20px;
}
/*  page fonts  */

.page-node-type-stela-page  .page---page-title { font-size: 11vw!important;}
.page-node-type-stela-page  .page---subtitle { font-size: 9vw!important;}
.page-node-type-stela-page  .quicktabs-tabs > li > a { font-size: 2.5vw!important;}
/* .sp-page-  .page---page-title, .sp-page-.altgotisch  .page---subtitle, .sp-page {color: [node:field_headings_colour:color]} */


.atc-style-glow-orange .atcb-link, .atc-style-glow-orange .atcb-link:hover, .atc-style-glow-orange .atcb-link:active, .atc-style-glow-orange .atcb-link:focus {
    color: unset;
    font-family: inherit;
    font-size: 17px;
    text-decoration: none;
    outline: none;
    padding: 0;
    border: 0;
    font-weight: bold;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.timeline-item .views-field.views-field-field-date h4 {
    font-size: .6em;
    font-weight: bold;
}

li.timeline-item.odd .addtocalendar:before, li.timeline-item.odd .addtocalendar {
    display: inline-flex;
} 
li.timeline-item.odd .addtocalendar:before {
    content: 'event';
    font-family: material icons;
    margin-right: 5px;
    margin-top: 1px;
    font-size: 17px;
margin-left: 5px;
}
li.timeline-item.even .addtocalendar:after, li.timeline-item.even .addtocalendar {
    display: inline-flex;
}
li.timeline-item.even .addtocalendar:before {
    content: 'event';
    font-family: material icons;
    margin-left: 0px;
    margin-top: -5px;
    font-size: 23px;
    margin-right: 5px;
}

/*  opacity picker  */
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-1 {
    background: #000000;
    opacity: 0.1;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-2 {
    background: #000000;
    opacity: 0.2;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-3 {
    background: #000000;
    opacity: 0.3;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-4 {
    background: #000000;
    opacity: 0.4;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-5 {
    background: #000000;
    opacity: 0.5;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-6 {
    background: #000000;
    opacity: 0.6;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-7 {
    background: #000000;
    opacity: 0.7;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-8 {
    background: #000000;
    opacity: 0.8;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-9 {
    background: #000000;
    opacity: 0.9;
}
input#edit-default-value-input-field-headings-opacity-style-selector-opacity-10 {
    background: #000000;
    opacity: 1;
}
/* color picker */
.sp-container {
    border-radius: 0;
    background-color: #ffffff;
    border: 0;
    padding: 0;
    box-shadow: 1px 1px 8px #ccc;
}
.sp-replacer {
    background: #fff;
}
/*   */
div#main-container-inner {
    max-width: 100%;
    margin-top: -15px;
}
.w3-col.main-box.main-region.w3css-content {
    margin-bottom: 0;
    margin-top: 0;
}
nav.w3-bar.w3-section.tabs {
    margin: 0px 0 !important;
    width: auto;
}
.block-field-blockgroupwedding-companionfield-portrait img {
    padding: 15px;
    background: #3a3a3a;
    border-radius: 50%;
}
div#highlighted-inner {
    max-width: 100%;
    padding: 0 0 0 5px;
}
#copyright {
    background-color: #dee7ed;
    color: #515151;
    display: block!important;
}
/*  address field */
.form-item--field-address-0-address-organization label.form-item__label {
    visibility: hidden;
}
.form-item--field-address-0-address-organization label.form-item__label:before {
    content: 'Location title';
    visibility: visible;
}
/*
.menu-icon-off-canvas-box, .menu-icon-dropdown-menu-box {
 display: none;
}

*/
/* Menu style dropdown menu */
.tab-menu-dropdown .w3-row.item-list {
    position: absolute;
    top: 36px;
    right: 65px;
    z-index: 5;
    box-shadow: 1px 1px 3px 1px #0000006e;

}

.tab-menu-dropdown .w3-row.item-list ul {
    display: block;
    width: 300px;
    padding: 0 10px;
    margin: 25px 0px 0 0;
}
.tab-menu-dropdown .w3-row.item-list ul li {
    font-size: 1.2em;
    padding: 0;
}
.tab-menu-dropdown .w3-row.item-list ul li a {
    padding: 26px;
    font-size: 2em;
    border-bottom: 1px solid #00000030;
}



/* Menu style off canvas menu 
.tab-menu-off-canvas .w3-row.item-list {
    position: absolute;
    left: -300px;
    top: 0;
    background: #3f769b!important;
    height: 100%;
    z-index: 5;
    border-right: 1px solid #33333336;
    width: 300px;
    
}
*/
.tab-menu-off-canvas .w3-row.item-list ul {
    display: block;
    position: fixed;
    width: 300px;
    margin-top: 31px;
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 60px;
    top: -32px;
    margin-left: -346px;
    padding-top: 42px;
    box-shadow: 2px 1px 1px 0px #0000002e;
    transition: 1s;
  z-index:9;
padding-left: 36px;
}

.tab-menu-off-canvas .w3-row.item-list ul li {
    font-size: 3em;
    display: block;

}
.tab-menu-off-canvas .w3-row.item-list ul li a {
    border-bottom: 1px solid #00000030;
    padding: 24px 0px 24px 22px;
/* padding-left: 50px; */
text-shadow: none;
}
.tab-menu-off-canvas .w3-row.item-list ul::-webkit-scrollbar {
    background: transparent;
    width: 10px;
}
/* menu pop up*/

#quicktabs-companion_content .item-list ul li:first-of-type:before {
    content: 'MENU';
    display: block;
    margin-bottom: 39px;
    font-size: 1.2em!important;
    padding-top: 20px;
    font-weight: bold;
}

ul.quicktabs-tabs.solo-ul {
    padding-top: 19px;
    border-radius: 5px;
    margin-top: -10px;
}
#quicktabs-companion_content .item-list ul li {
    display: block;
    padding: 30px 11px;
    background: transparent;
}
#quicktabs-companion_content .item-list {
    position: fixed;
    font-size: 3em;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%)!important;
    text-align: center;
    width: 40%;
    top: 120px;
    margin: 0 auto;
    max-width: 512px;
    overflow: hidden;
    overflow-y: scroll;
    display: block;
    height: 80%;
}
#quicktabs-companion_content .item-list li a {
    font-size: 1.5em;
}
section.solo-clear.solo-block.block-quicktabs.block-quicktabs-blockcompanion-content, section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-portrait-image-media, section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionlabel, section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-epitaph, section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-date, section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a {
    position: relative;
    z-index: 1;
}
span.timeline-marker {
    position: absolute!important;
    z-index: 1!important;
}
div#quicktabs-tabpage-companion_content-3  .view, div#quicktabs-tabpage-companion_content-10  .view, div#quicktabs-tabpage-companion_content-9  .view {
    padding: 0;
    background: transparent!important;
    box-shadow: none!important;
}
/*  Menu Buttons  */
.menu-icon-off-canvas-box{
/*  display: inline-block; */
  cursor: pointer;
}
.menu-icon-dropdown-menu-box{

  cursor: pointer;
}
.bar1, .bar2, .bar3 {
    width: 43px;
    height: 4px;
    background-color: #333;
    margin: 8px 0;
    transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 16px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}
.menu-icon-off-canvas-box, .menu-icon-dropdown-menu-box {
    position: absolute;
    right: 10px;
    z-index: 9;
}
.tab-menu-off-canvas .menu-icon-off-canvas-box.change {display:block;}
.tab-menu-off-canvas  .menu-icon-dropdown-menu-box.change {display:none;}
.tab-menu-off-canvas .menu-icon-off-canvas-box {display:block;}
.tab-menu-off-canvas  .menu-icon-dropdown-menu-box {display:none;}
.tab-menu-dropdown  .menu-icon-dropdown-menu-box.change {display:block;}
.tab-menu-dropdown .menu-icon-off-canvas-box.change {display:none;}  
.tab-menu-dropdown  .menu-icon-dropdown-menu-box {display:block;}
.tab-menu-dropdown .menu-icon-off-canvas-box {display:none;}  
.tab-menu-dropdown .w3-row.item-list {
    display: none;
}
.drop-down-menu {display:block!important;}
.canvas-change { 
margin-left: -47px!important;
transition:1s;
}
.but-stick{ margin-right: 300px;}

/* main menu */

nav#block-drupal8-w3css-theme-account-menu {
    display: flex;
    justify-content: space-around;
}
nav#block-drupal8-w3css-theme-account-menu .ul-parent a {
    font-size: 21px !important;
    text-transform: uppercase;
color: #535250;
}
/* logo*/
section#block-drupal8-w3css-theme-branding {
    display: flex;
    justify-content: center;
    margin: 51px 0 40px;

}
/* home page colour overrides*/
h1.sqz-l-2 {
    margin-top: 0;
    line-height: normal;
}
h1.sqz-l-1 {
    margin-bottom: 0;
    line-height: normal;
}
.get-started-button > button {
    padding: 5px 18px;
    border-radius: 55px;
    text-transform: uppercase;
box-shadow: 1px 1px 1px #cccccc;
}
.home-page-pricing .card.active .btn {
    background: #fff!important;
    color: #3f769b;
}
div#home-1, div#home-page-features, .home-page-pricing .cards .card.active, .home-page-pricing .btn, .home-page-pricing .sub {
    background: #3f769b!important;
}
.ftin-a {
    border-right: 2px inset #baa685!important;
}
@media (max-width: 1291px) {
.ftin-a {
    border-right: 0px!important;
}
}
.path-frontpage div#home-page-features h2 {
    color: #baa685!important;
    padding-top: 70px;
}
h2#pricing {
    color: #baa685;
}
div#home-page-pricing .toggle {
    width: 252px;
}
div#home-page-pricing .toggle label {
    padding: 0 8px;
}
/* home page packages*/
.home-page-pricing .card.active .tooltip .tooltiptext::after {
    border-color: transparent transparent rgb(255 255 255) transparent;
}
 .home-page-pricing .pricing-header {
    display: block;
    margin: 0 auto 100px auto;
    max-width: 205px;
}
 .home-page-pricing .cards {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
div#home-page-pricing p {
    margin: 0;
}
 .home-page-pricing .card {
    background: #fff;
    color: hsl(233,13%,49%);
    border-radius: 0.8rem;
    margin-bottom: 99px;
}
 .home-page-pricing .cards .card.active {
    background: linear-gradient(135deg,rgb(63 118 155) 0%,rgb(63 118 155) 100%);
    color: #fff;
    display: flex;
    align-items: center;
    transform: scale(1.1);
    z-index: 1;
    box-shadow: 1px 1px 1px 1px #ccccccc9;
}
 .home-page-pricing .card {
    background: #fff;
    color: hsl(233,13%,49%);
    border-radius: 0.8rem;
}
 .home-page-pricing .shadow {
    box-shadow: -5px 5px 15px 1px rgba(0,0,0,0.1);
}
.home-page-pricing ul {
    margin: 2.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.home-page-pricing  ul li {
    list-style-type: none;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1rem 0;
}

.home-page-pricing .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
}

.home-page-pricing .bottom-bar {
    border-bottom: 2px solid hsl(37.36deg 27.75% 62.55%);
}

.home-page-pricing .tooltip .tooltiptext {
    visibility: hidden;
    width: 270px;
    background-color: #3f769b;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 12px 6px;
    position: absolute;
    z-index: 1;
    top: 118%;
    left: 33%;
    margin-left: -97px;
    box-shadow: 1px 1px 14px 0px #0000005c;
    font-size: 14px;
}
.home-page-pricing .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 48%;
    margin-left: -5px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent rgb(1 85 49) transparent;
}
.price.menu ul {
    margin-top: 0;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.price.menu li::marker {
    color: #baa685;
}
.price.menu li p {
    padding-bottom: 18px;
}
.price.menu li:first-of-type {
    border-top: 1px solid #baa6856e;
}
.home-page-pricing ul li.price {
    font-size: 3rem;
    color: hsl(232,13%,33%);
    padding-bottom: 2rem;
}
.home-page-pricing .tooltip:hover {
    cursor: pointer;
}
.home-page-pricing .tooltip:hover .tooltiptext {
    visibility: visible;
}


.home-page-pricing .pack {
    font-size: 2.1rem;
    color: #baa685;
}
.home-page-pricing .sub {
    background: linear-gradient(135deg,rgb(63 118 155) 0%,rgb(63 118 155) 100%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 1.6rem;
    width: 3.3rem;
    border-radius: 1.6rem;
    padding: 0.3rem;
    border: 1px inset;
}
.home-page-pricing .checkbox {
    display: none;
}
.home-page-pricing .checkbox:checked + .sub {
    justify-content: flex-end;
    cursor: pointer;
}
.home-page-pricing .circle {
    background-color: #fff;
    height: 1.4rem;
    width: 1.4rem;
    border-radius: 50%;
}
.home-page-pricing  .toggle {
    margin-top: 2rem;
    display: inline-flex;
}
.home-page-pricing .card.active .tooltip .tooltiptext {
    background-color: #fff;
    color: #555555;
}
.home-page-pricing .card.active .btn {
    background: #fff;
    color: #000;
}
.home-page-pricing .btn {
    margin-top: 1rem;
    height: 2.6rem;
    width: 13.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: linear-gradient(135deg,rgb(63 118 155) 0%,rgb(63 118 155) 100%);
    color: #fff;
    outline: none;
    border: 0;
    font-weight: bold;
}
.home-page-pricing .price {
    color: #3f769b!important;
}
.home-page-pricing li#professional {
    color: #fff!important;
}
/*  home page features */
div#video-box h2 {
    color: #baa685;
}
div#video-box p {
    color: #555555!important;
}
div#home-page-features h3, div#home-page-features p {
    margin: 0;
}
.comments-ft-box {
    background: url(/sites/default/files/commen-bg-dk.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-position: right 9px;
    background-size: 67px 64px;
    transition: 1s;
}
.comments-ft-box:hover {
    background-size: 200px 200px;
   background-position: center 0;
}
.responsive-ft-box {
    background: url(/sites/default/files/respons-bg-dk_0.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-position: right 9px;
    background-size: 67px 64px;
    transition: 1s;
}

.responsive-ft-box:hover {
    background-size: 200px 200px;
   background-position: center 0;
}

.timeline-ft-box {
    background: url(/sites/default/files/timelin-bg-dk.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-position: right 9px;
    background-size: 67px 64px;
    transition: 1s;
}

.timeline-ft-box:hover {
    background-size: 200px 200px;
   background-position: center 0;
}

.revisions-ft-box {
    background: url(/sites/default/files/sched-bg-dk.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-position: right 9px;
    background-size: 67px 64px;
    transition: 1s;
}

.revisions-ft-box:hover {
    background-size: 200px 200px;
   background-position: center 0;
}

.security-ft-box {
    background: url(/sites/default/files/secure-bg-dk.png);
    background-repeat: no-repeat;
    background-position: center 0px;
   background-position: right 9px;
    background-size: 67px 64px;
    transition: 1s;
}

.security-ft-box:hover {
    background-size: 200px 200px;
   background-position: center 0;
}

.multimedia-ft-box {
    background: url(/sites/default/files/multmred-bg-dk.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-position: right 9px;
    background-size: 67px 64px;
    transition: 1s;
}

.multimedia-ft-box:hover {
    background-size: 200px 200px;
   background-position: center 0;
}

.custom-ft-box {
    background: url(/sites/default/files/custom-bg-dk.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-position: right 9px;
    background-size: 67px 64px;
    transition: 1s;
}

.custom-ft-box:hover {
    background-size: 200px 200px;
   background-position: center 0;
}

.memorial-ft-box {
    background: url(/sites/default/files/memori-dk.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-position: right 9px;
    background-size: 67px 64px;
    transition: 1s;
}

.memorial-ft-box:hover {
    background-size: 200px 200px;
   background-position: center 0;
}



/* custom custom*/
#header, div#main-navigation-h {
  background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
}
.w3-row.node__content {
    padding: 0px;
}
.main-navigation-wrapper, .close-nav, .mobile-nav {
    background-color: #efefef00;
    color: #666666;
}
.ul-parent-account {
    padding-top: 15px;
}
a.w3-left.w3-padding-16.site-logo img {
/*    width: 200px;  */
    display: block;
    margin: 0 auto -10px auto;
}
div#main-navigation-h {
    border-bottom: 1px solid#ccc;
}
/*  search page */
select#edit-sort-by, select#edit-sort-order {
    padding: 0 9px;
}

.view-search-for-page .views-field.views-field-label h4 {
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
}
.view-search-for-page .w3-padding.views-col.col-1 {
    float: left;
    padding: 10px!important;
    border-radius: 7px;
    border: 1px solid #cccccc47;
    background: #ffffff;
    box-shadow: 1px 1px 1px #00000014;
}
.view-search-for-page .view-content {
    padding: 0 30px 50px 30px;
}
section#block-views-block-search-for-page-block-1 .w3-block.form--inline.clearfix {
    display: flex;
    justify-content: space-evenly;
    background: #f4f4f4;
    margin-bottom: 100px;
    padding-bottom: 20px;
}
#page-title {
    background-color: #e0e9ef;
    color: #efefef;
}
section#block-views-block-search-for-page-block-1 .w3-section.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-by.form-item-sort-by, section#block-views-block-search-for-page-block-1 .w3-section.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-order.form-item-sort-order {
    margin-top: 25px!important;
}
section#block-views-block-search-for-page-block-1 div#edit-actions {
    margin-top: 33px;
}
.views-field.views-field-label h4 {
    text-transform: capitalize;
    text-align: center;
}
section#block-views-block-search-for-page-block-1 div#edit-actions .w3-button, section#block-views-block-search-for-page-block-1 div#edit-actions .w3-button:hover, section#block-views-block-search-for-page-block-1 div#edit-actions .w3-button:focus {
    background: #3f769b!important;
    color: #fff;
    padding: 4px 34px;
    border-radius: 4px;
}

h1.page-title {
    padding: 30px 10px;
    font-size: 46px;
    color: #5f5f5f;
    text-shadow: 1px 1px 1px #feffff;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
}
span.field-content.header-user-link {
margin-left: 15px;
filter: contrast(0.1);
}
span.field-content.header-user-link:before {
    content: 'account_circle';
    position: relative;
    display: inline-block!important;
    left: -6px;
    top: 3px;
    font-family: material icons!important;
    z-index: 1;
    font-size: 21px;
    color: #b8a46f;
    line-height: normal;
    padding-top: 3px;
    text-transform: none;
    text-shadow: 1px 1px 2px #cccccc47;
}
.w3-hover-over:hover, .w3-button:hover {
    background: transparent!important;
}
.w3-button:after, .w3-button:before {
    border: 0!important;
}
.path-user section#block-drupal8-w3css-theme-content {
    padding: 15px;
}
#footer-menu {
    background-color: #ffffff;
    color: #3f769b;
}
.home-page-pricing .tooltip {
    width: 100%;
}
/*
.views-field.views-field-field-activity, .views-field.views-field-field-address {
    font-size: 18px;
}

div#quicktabs-tabpage-page_tabs-0 .views-field.views-field-field-activity {
    font-size: .3em!important;
}
*/

div#quicktabs-tabpage-page_tabs-0 .views-field.views-field-field-address {
    font-size: .4em;
}
div#quicktabs-tabpage-page_tabs-0 p.field-content.get-directions {
    font-size: 19px!important;
}
section#block-views-blocklocations-block-1 .views-element-container.contextual-region.w3-row.element-container-wrapper {
    padding: 0;
}
section#block-views-blocklocations-block-1 .views-element-container.contextual-region.w3-row.element-container-wrapper .view-locations.view-id-locations.view-display-id-block_1 {
    margin: 0;
    max-width: 100%;
    padding: 25px 0;
}
div#quicktabs-container-companion_content  footer {
    margin-top: 36px;
}
/*
div#quicktabs-container-companion_content p {
    font-size: .6em;
}
*/
.w3-padding {
    padding: 0!important;
}

div#quicktabs-container-companion_content {
    text-align: center;
}

div#quicktabs-container-companion_content h1, div#quicktabs-container-companion_content h2, div#quicktabs-container-companion_content h3, 
div#quicktabs-container-companion_content h4, div#quicktabs-container-companion_content h5, div#quicktabs-container-companion_content h6 {
    font-weight: normal;
    line-height: normal;
}
div#quicktabs-container-companion_content h1 {
font-size: 2.7em;
margin-top: 70px;
}
div#quicktabs-container-companion_content h2 {
font-size: 2.2em;
margin-top: 60px;
} 
div#quicktabs-container-companion_content h3 {
font-size: 1.8em;
margin-top: 50px;
} 
div#quicktabs-container-companion_content h4 {
font-size: 42px;
margin-top: 40px;
} 
div#quicktabs-container-companion_content h5 {
font-size: .7em;
margin-top: 30px;
} 
div#quicktabs-container-companion_content h6 {
font-size: 30px;
margin-top: 20px;
}
div#quicktabs-tabpage-page_tabs-1 {
    padding-bottom: 49px;
}

.sched-title.row-title.insider-left p, .sched-obj.row-text.insider-right p {
    bottom: -30px;
}
section#block-views-blocklocations-block-1 {
    text-align: left;
}
div#quicktabs-container-companion_content .view-id-page_text_blocks.view-display-id-block_5 {
    text-align: left;
}
.path-group ul.w3-ul.w3-bar.tabs.primary.ul-0 a:active, .path-group ul.w3-ul.w3-bar.tabs.primary.ul-0 a.is-active, .path-group ul.w3-ul.w3-bar.tabs.primary.ul-0 a:hover {
    color: #006547;
    background: #3f769b8a;
    border-radius: 48px;
}
.path-group ul.primary li.is-active > a {
    font-weight: bold;
}
.path-group ul.w3-ul.w3-bar.tabs.primary.ul-0 a {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: bold;
}
.path-group ul.w3-ul.w3-bar.tabs.primary.ul-0 {
   padding: 18px;
   border-bottom: 1px solid #ebebeb;
}
.path-group ul.primary > li {
    margin: 0 5px;
}
#cboxCurrent {
    bottom: -8px;
}
/*  page menu and flag buttons */
.ajax-progress {
    display: none;
}
.flag.flag-bookmarks.action-flag a, 
.flag.flag-bookmarks.action-unflag a {
    visibility: hidden;
} 
.flag.flag-bookmarks.action-flag a:before {
    content: 'bookmark_border';
    font-family: 'Material Icons';
    font-size: 42px;
    display: block;
 
    visibility: visible;
}
.flag.flag-bookmarks.action-unflag a:before {
    content: 'bookmark';
    font-family: 'Material Icons';
    font-size: 44px;
    display: block;
 
    visibility: visible;
}
.block-extra-field-blockgroupstela-pageflag-bookmarks {
    width: 50px;
    height: 55px;
    float: right;
    padding-top: 5px;
    margin-right: 4px;
    margin-top: 98px;
}
.block-field-blockgroupwedding-companionfield-page-menu-buttons {
    position: absolute;
    right: 20px;
    top: 17px;
    z-index: 99;
}
/* FAQ'S block */
section#block-frontfaqs {
    background: #3f769b;
    padding: 50px 0;
}

.ckeditor-accordion-container {
    margin: 0 auto;
    max-width: 1000px;
}

.ckeditor-accordion-container > dl dd {
    display: none;
    padding: 15px 15px;
    margin: -4px 37px 0;
    will-change: height;
    position: relative;
    top: -7.2px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #555;
    background: #fff9f2;
    margin-bottom: 20px;
    line-height: 28px;
}

.ckeditor-accordion-container > dl dt.active > a {
    background-color: #ffffff;
}

.ckeditor-accordion-container > dl dt > a {
    color: #555555;
}

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: #e0e9ef;
    box-shadow: none;
    color: #555555;
    text-decoration: none;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
    display: block;
    padding: 18px 15px 18px 50px;
    background-color: #fff9f2;
    color: #555555;
    cursor: pointer;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
    border-bottom: 0;
    border-radius: 4px;
    margin-bottom: 12px;
}

dt.active a {
    background: #e0e9ef !important;
    margin-bottom: 11px!important;
}
.ckeditor-accordion-container > dl {
    border: 0;
}

h2#faqs {
       text-align: center;
    text-transform: uppercase;
    color: rgb(254, 249, 242);
    font-size: 50px;
    text-shadow: rgb(0 0 0) 1px 1px 1px;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #baa685;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
    box-shadow: 1px 1px 1px 1px #2f2f2f08;
}
.ckeditor-accordion-container > dl dt > a:focus, .ckeditor-accordion-container > dl dt > a:not(.button):focus {
    box-shadow: 1px 1px 1px 1px #2f2f2f08;
}


/*   JPlayer    */

        #jp-speed {
            font-size: 3vw;
            font-style: oblique;
            text-align: center;
            cursor: pointer;
            margin: 0 0 10px 0;
        }
        
        #jp-thumbnail {
            width: 50px;
            margin: 3px 0px 2px 0px;
            border: 2px solid skyblue;
            border-radius: 10px;
        }
        
        #jp_container_1 {
            width: 100%;
            overflow: hidden;
        }
        
        .jp-interface {
            display: flex;
            align-items: center;
            flex-direction: row;
        }
        
        .jp-controls {
            padding: 3px !important;
            display: flex;
            flex-direction: row;
            margin: 3% !important;
            width: auto !important;
            min-width: 94px!important;
            align-items: center;
            padding-left: 16px!important;
        }
        
        .jp-controls button {
            margin: 0;
text-indent: unset;
overflow: hidden;
        }
        
        .jp-controls-wrp {
            display: flex;
            align-items: center;
        }
        
        .jp-previous,
        .jp-next {
            display: none !important;
        }
        
        .jp-progress-wrp {
            display: flex;
            flex-direction: column;
            max-width: 70% !important;
            width: 70% !important;
            margin-right: 3px
        }
        
       .jp-progress {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 65% !important;
    margin-right: 96px;
}
        
        .jp-pushdown {
            height: 16px;
        }
        .jp-volume-bar {
    border: .5px inset;
}
.jp-time-holder {
    display: block;
    position: absolute;
    /* margin: 60px 29% 0 40%!important; */
    min-width: 258px;
    /* max-width: 309px; */
}
.jp-audio .jp-type-single .jp-time-holder {
    left: unset;
    width: unset;
    width: 100%;
    display: flex;
    justify-content: center;
}
.jp-audio .jp-time-holder {
    position: absolute;
    top: 90px;
}
        .jp-type-single button {
    transition: unset;
}
        .jp-controls-wrp2 {
            margin: 2%;
            display: flex;
            flex-direction: column;
            align-items: center
        }
        
        .jp-pushdown2 {
            height: 20px;
        }
        
        .jp-volume-controls {
                margin: 2%;
    width: 70px !important;
    position: relative !important;
    top: auto !important;
    left: -56px !important;
    display: flex !important;
    justify-content: space-around;
    align-items: center;
        }
        .jp-mute{
visibility:hidden;
}
        .jp-volume-max,
        .jp-mute,
        .jp-volume-bar {
            position: relative !important;
            top: auto !important;
            left: auto !important;
        }
        
        .jp-volume-max {
            margin-left: 5px
visibility:hidden;
        }
        .jp-toggles {
    padding: 0;
    margin: unset;
    overflow: hidden;
}
       .jp-toggles {
    position: relative !important;
    top: 5px !important;
    left: -104px !important;
}
       .jp-details .jp-title {
    font-weight: 500;
    font-size: 1.3em;
}
.jp-audio, .jp-audio-stream, .jp-video {
    margin: 0 auto;
    width: 100%;
background-color: unset;
border:0;
}
.jp-interface {
    background-color: #ffffffd4;
}
.jp-seek-bar {
    border: 1px inset;
    background: unset;
}
        @media only screen and (min-width: 460px) {
            #jp-speed {
                font-size: 14px;
            }
        }
        
        @media only screen and (min-width: 620px) {
            .jp-previous,
            .jp-next {
                display: block!important;
            }
            #jp_container_1 {
                width: 90vw;
                margin: 0 auto;
            }
            #jp-thumbnail {
                margin: 10px 0px -4px 0px;
                width: 80px;
            }
            .jp-interface {
                height: 120px !important;
            }
            .jp-controls {
                width: 160px !important;
                transform: scale(1.4);
                margin: 14px;
            }
            .jp-volume-controls {
                width: 80px !important;
                transform: scale(1.4);
                margin: 14px;
            }
            .jp-progress {
                transform: scaleY(1.2);
            }
            .jp-playlist {
                font-size: 2.3vw;
            }
            .jp-current-time,
            .jp-duration {
                font-size: 1.8vw;
            }
        }
        
        @media only screen and (min-width: 1120px) {
            #jp_container_1 {
                width: 1024px;
            }
            .jp-playlist {
                font-size: 22px;
            }
            .jp-interface {
                height: 140px !important;
            }
            #jp-thumbnail {
                margin: 10px 0px -4px 0px;
                width: 90px;
            }
            .jp-progress-wrp {
                max-width: 65% !important;
                width: 65% !important
            }
            .jp-controls {
                width: 130px !important;
                transform: scale(1.7);
            }
            .jp-volume-controls {
                    margin-right: 34px;
    width: 119px !important;
    transform: scale(1.7);
    padding: 0 12px;
            }
            .jp-current-time,
            .jp-duration {
                font-size: 16px;
            }
            #jp-speed {
                font-size: 1.6vw;
            }
        }
        

.jp-state-muted .jp-mute:focus {
    background: url(/sites/default/files/volume_mute_white_18dp.svg) no-repeat;
}
.jp-mute:focus {
    background: url(/sites/default/files/volume_mute_white_18dp.svg) no-repeat;
}
.jp-mute {
    background: url(/sites/default/files/volume_mute_white_18dp.svg) no-repeat;
}
.jp-volume-max:focus {
    background: url(/sites/default/files/volume_up_white_18dp.svg) no-repeat;
}
.jp-volume-max {
    background: url(/sites/default/files/volume_up_white_18dp.svg)  no-repeat;
}
.jp-repeat:focus {
    background: url(/sites/default/files/repeat_white_24dp.svg) no-repeat;
}
.jp-repeat {
    background: url(/sites/default/files/repeat_white_24dp.svg) no-repeat;
}
.jp-state-looped .jp-repeat:focus {
    background: url(/sites/default/files/repeat_white_24dp.svg) no-repeat;
}
.jp-state-looped .jp-repeat {
    background: url(/sites/default/files/repeat_white_24dp.svg) no-repeat;
    opacity: .8;
}
.jp-toggles button {
    width: 25px;
    height: 25px;
}
.jp-play, .jp-play:focus {
    width: 40px;
    height: 40px;
    background: none;
    /* background-color: #000; */
    content: '';
    background-size: contain;
}
.jp-state-playing .jp-play, .jp-state-playing .jp-play:focus {
width: 70px;
    height: 70px;
    background: none;
/* background-color: #000; */
    content: ' ';
    background-size: contain;
}
button.jp-stop, .jp-stop:focus {
    width: 40px;
    height: 40px;
    background: url(/sites/default/files/stop_white_24dp.svg) no-repeat;
    /* background-color: #000; */
    content: ' ';
    background-size: contain;
}
button.jp-play:before {
    content: 'play_arrow';
    visibility: visible;
    position: absolute;
    font-family: material icons;
    font-size: 36px;
    top: 11px;
}

button.jp-play {
    visibility: hidden;
    height: 70px;
    width: 44px;
}

button.jp-stop:before {
    content: 'stop';
    visibility: visible;
    position: absolute;
    font-family: material icons;
    font-size: 36px;
    top: 11px;
}
.jp-toggles button {
    width: 41px;
    height: 41px;
    text-indent: unset;
    visibility: hidden;
}
button.jp-repeat:before {
    content: 'repeat';
    visibility: visible;
    position: absolute;
    font-family: material icons;
    font-size: 22px;
    top: 7px;
    display: block;
}

button.jp-stop {
    visibility: hidden;
}
button.jp-stop:before {
    content: 'stop';
    visibility: visible;
    position: absolute;
    font-family: material icons;
    font-size: 36px;
    top: 11px;
}
button.jp-play {
    visibility: hidden;
    height: 70px;
    width: 44px;
}
button.jp-play:before {
    content: 'play_arrow';
    visibility: visible;
    position: absolute;
    font-family: material icons;
    font-size: 36px;
    top: 11px;
}
.jp-details, .jp-playlist {
border-top: 2px inset #eaeaea69!important;
filter: brightness(0.9);
}
button.jp-volume-max:before {
    content: 'volume_up';
    visibility: visible;
    position: absolute;
    font-family: material icons;
    font-size: 17px;
    top: 0px;
}
button.jp-mute:before {
    content: 'volume_off';
    visibility: visible;
    position: absolute;
    font-family: material icons;
    font-size: 17px;
    top: 0px;
}
.jp-volume-controls button {
    text-indent: unset;
    width: 24px;
    height: 24px;
    visibility: hidden;
}
.jp-gui.jp-interface {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.jp-details {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.jp-seek-bar, .jp-volume-bar, .jp-progress {
    background: none!Important;
}
@media all and (max-width: 1599px) {
.jp-time-holder div {
    margin: 0 11px;
}
.jp-time-holder {
    display: block;
    position: absolute;
    /* margin: 60px 29% 0 40%!important; */
    min-width: 258px;
    /* max-width: 309px; */
    margin: unset;
    max-width: unset;
}
.jp-audio .jp-type-single .jp-time-holder {
    left: unset;
    width: unset;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
   left: -33%;
}

.jp-time-holder div {
    margin: 0 11px;
}
}


/* audio player end */
.view-locations .view-content .views-row {
    padding: 0 25px 20px 0;
    margin-left: 20px;
}
.view-locations .view-content {
    display: flex;
    justify-content: center;
}
.main-navigation-wrapper {
    background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
}
.active-top-1 > .solo-inner > div, .active-main-1 > .solo-inner > div, .active-bottom-1 > .solo-inner > div, .active-footer-1 > .solo-inner > div {
    width: 100%;
    margin: 0 auto;
}
ul#account-menubar a {
    text-transform: uppercase;
    background: transparent;
    color: #8f8f8f;
    font-size: 20px;
}
.w3-row.w3-breadcrumb li {
    color: #fff;
}
.w3-row.w3-breadcrumb {
    background-color: #e0e9ef;
    margin-top: -50px;
}
.site-name-slogan {
    display: none;
 }
a.header-user-link {
    color: #777777;
    float: right;
}
a.header-user-link:before {
    content: '';
    background-image: url(/themes/contrib/gin/dist/media/sprite.svg#user-view);
    width: 17px;
    height: 17px;
    position: relative;
    display: inline-block;
    left: -6px;
    top: 2px;
    filter: contrast(0.1);
}
@media and (max-width: 600px) {
.site-name-slogan {
    display: none;
 }
}
span.cart-block--summary__count {
    position: relative;
    right: -24px;
    top: -30px;
color: #777777;
}
.cart-block--summary__icon img {
    filter: invert(.4);
}
section#block-drupal8-w3css-theme-views-block-username-block-block-1 {
    display: inline-block;
    max-width: fit-content;
    float: right;
    clear: left;
    vertical-align: top;
    padding-top: 0px;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    border: 1px inset #cccccc47;
    top: 10px;
    border-radius: 24px;
    padding-right: 15px;
background: #fff;
}
section#block-drupal8-w3css-theme-cart {
    width: 80px;
    position: absolute;
    right: 30px;
    top: 67px;
}
section#block-guestuserblock,  section#block-cart {
    display: inline-block;
    max-width: 90px;
    float: right;
    clear: left;
    vertical-align: top;
    padding-top: 10px;
    margin-right: 15px;
}
section#block-guestuserblock {
    max-width: 87px!important;
margin-top: 0px!important;

}
.path-product .block-system-main-block, .path-checkout .block-system-main-block, .cart.cart-form {
    padding: 50px;
}
section#block-cart {
    margin-top: -3px!important;
    color: #726e6e!important;
}
/*  login pages */

section#block-cart {
    margin-right: 93px;
}

section#block-guestuserblock {
    margin-right: 40px;
    margin-top: 5px;
}
/*  user login */
.path-user-login section#block-drupal8-w3css-theme-content {
    padding: 50px 7%;
}

.path-user-login div#edit-actions {
    text-align: left;
}



.path-user-login section#block-drupal8-w3css-theme-local-tasks a {
    color: #fff;
}

form.user-login-form .form-actions .w3-button {
    background: #3f769b;
    border: 1px!important;
    color: #fff;
    border-radius: 4px;
}

form.user-login-form .form-actions .w3-button:hover {
    form.user-login-form .form-actions .w3-button {
    background: #3f769b;
    border: 0;
    color: #fff;
    border-radius: 4px;
};
    background: #ffffff!important;
    border: 0!important;
    color: #555!important;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 1px #cccc;
}

form.user-login-form .form-actions .w3-button:hover header#header {
    border-top: 8px solid #fff;
}

form#user-login-form, form#user-pass, .path-user-register div#edit-account {
    padding: 40px 40px 0px 40px!important;
    background: #fff9f2!important;
    border-radius: 5px;
    max-width: 600px;
    margin: 30px auto;
 box-shadow: 1px 1px 1px 0px #01120b4d; 
}

form#user-login-form input {
    border-radius: 5px;
/* margin-bottom:30px; */
}

/* password */



.path-user-password section#block-drupal8-w3css-theme-local-tasks {
    background: #015531;
}

.path-user-password section#block-drupal8-w3css-theme-local-tasks a {
    color: #fff;
}

.path-user-password section#block-drupal8-w3css-theme-content {
  
    padding: 50px 7%;
}

form#user-pass {
    padding: 10px 25px;
    background: #eaeaea;
    border-radius: 5px;
    /* box-shadow: 1px 1px 1px 0px #01120b4d; */
}

form#user-pass .form-actions .w3-button {
    background: #ffffff;
    border: 0!important;
    color: #555!important;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 1px #cccc;
}

form#user-pass div#edit-actions {
    text-align: left;
}

form#user-pass .form-actions .w3-button:hover {
    background: #ffffff!important;
    border: 0!important;
    color: #555!important;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 1px #cccc;
}
ul.primary li.is-active > a {
    font-weight: bold;
    color: #000000!important;
}
ul.primary li> a:hover {
    color: #d7bd93!important;
}

/* front page tabs*/

.path-frontpage nav.w3-bar.w3-section.tabs {
  margin: 0 !important;
  width: auto;
background: #e0e9ef;
}

.path-frontpage ul.tabs li,
.action-links > li {
  padding: 0 !important;
}

.path-frontpage ul.primary {
    border-bottom: 1px solid #21618d;
    background: #296085;
}

.path-frontpage ul.primary li.is-active > a {
  font-weight: bold;
}

.path-frontpage nav.action-links > li {
  float: left;
}

.path-frontpage ul.primary > li {
  border: none;
  border-right: 1px dotted #ddd;
  float: left;
}

.path-frontpage ul.primary > li:last-child {
  border-right: none !important;
}

.path-frontpage ul.primary > li > a,
nav.action-links > li > a {
  text-align: center;
  padding: 8px 16px;
  display: block;
}

.path-frontpage ul.secondary > li > a {
  padding: 5px 10px;
  display: block;
}

.path-frontpage section#block-drupal8-w3css-theme-local-tasks  a{
   color:#fff
}
.heading-text.w3-row.field.field--name-field-epitaph.field--type-text-long.field--label-hidden.w3-bar-item.field__item p {
    line-height: normal;
  margin: 11px 0 20px;
}
.path-user-password section#block-drupal8-w3css-theme-breadcrumbs, 
.path-user-login section#block-drupal8-w3css-theme-breadcrumbs, 
.path-user-register section#block-drupal8-w3css-theme-breadcrumbs {
    display: none;
}
section#block-cart {
    margin-right: -4px;
}
.path-group ul.primary > li > a, nav.action-links > li > a {
    text-align: center;
    padding: 10px 16px;
    display: block;
}
.path-group ul.primary li.is-active > a, 
.path-group ul.primary li> a:hover {
    color: #000000!important;
}
.block-field-blockgroupwedding-companionfield-headings label {
    display: none;
}
.view-timeline .views-field.views-field-title {
    line-height: normal;
}
.path-group .w3-row.w3-breadcrumb {
    display: none;
}


/*  Responsive Start */
@media only screen and (min-width: 1600px) {
            #jp_container_1 {
                width: 1480px;
            }
            .jp-current-time,
            .jp-duration {
                font-size: 22px;
                width: 100px;
            }
            .jp-playlist {
                font-size: 34px;
            }
            #jp-speed {
                font-size: 25px;
            }
        }
@media (max-width:992px) {
nav#block-drupal8-w3css-theme-account-menu .ul-parent li {
    border-bottom: 1px inset;
 }
}
@media (max-width: 900px) {
div#quicktabs-container-companion_content .views-element-container.w3-row.element-container-wrapper {
    padding: 0px;
 }
div#quicktabs-container-companion_content .view {
    padding: 10px;
 }
.menu-icon-off-canvas-box, .menu-icon-dropdown-menu-box {
    position: absolute;
    right: -14px;
    z-index: 1;
    top: 0px;
    width: 50px;
}
button.slick-prev.slick-arrow {
    position: fixed;
    bottom: -13px;
    z-index: 9;
}
button.slick-next.slick-arrow {
    right: 10px;
    position: fixed;
    bottom: -13px;
    z-index: 9;
}
.user-logged-in button.slick-prev.slick-arrow {
    position: fixed;
    bottom: -13px;
    z-index: 9;

    left: 10px;
    font-size: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.user-logged-in button.slick-next.slick-arrow {
    right: 10px;
    position: fixed;
    bottom: -13px;
    z-index: 9;
}
.user-logged-in .slick__arrow {
    position: fixed;
    z-index: 2;
    top: unset;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    transform: translateY(-50%);
    pointer-events: none;
    bottom: -123px;
}
button.slick-next.slick-arrow:after {
    visibility: visible;
    content: 'skip_next';
    font-family: 'Material Icons';
    display: block;
    font-size: 50px;
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: -13px;
}
button.slick-prev.slick-arrow:before {
    visibility: visible;
    content: 'skip_previous';
    font-family: 'Material Icons';
    display: block;
    font-size: 50px;
    color: #fff;
    position: fixed;
    bottom: -13px;
}

} 
@media (max-width: 790px) {
.view-locations .view-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
 }
}
@media (max-width: 600px) {
.field.field--name-field-portrait-image-media img {
    max-width: 90%;
}
.block-system-branding-block {
    width: 96%;
    margin: 0 2% 25px !important;
/*    padding-top: 55px; */
 }
ul.timeline-list:after {
    background-color: transparent;
}
ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper {
    width: 100%;
}
ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker {
    display: none;
}
}
@media (max-width:480px) {

}

@media (max-width:430px){
.block-field-blockgroupwedding-companionfield-epitaph, 
.block-field-blockgroupwedding-companionfield-life-dates {
    font-size: inherit!important;
}
.block-field-blockgroupwedding-companionfield-portrait img {
    padding: 9px;
 } 
div#quicktabs-container-companion_content p {
    font-size: 6.em!important;
    padding: 0!important;
    line-height: normal;
}
.view-locations .view-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    padding: 0px;
    margin: 0;
    min-width: 200px;
    margin-left: -26px;
}
.views-field.views-field-field-activity, .views-field.views-field-field-address {
    font-size: 15px;
}
div#quicktabs-container-companion_content h5 {
  font-size: .9em;
}
.view-locations .view-content .views-row {
    padding-bottom: 15px;
}
.tab-menu-dropdown .w3-row.item-list ul {
    width: 207px;
}
div#quicktabs-container-companion_content h2 {
    font-size: 1.2em;
}
}
@media (max-width: 280px) {
.tab-menu-dropdown .w3-row.item-list {
    position: absolute;
    top: 53px;
    right: 9px;
    z-index: 5;
    background: #3f769b!important;
    box-shadow: 1px 1px 3px 1px #0000006e;
    opacity: .9;
}
}
@media (max-width: 279px) {
ul.primary > li > a, nav.action-links > li > a {
    text-align: center;
    padding: 9px 11px;
    display: block;
    font-size: 90%;
}
html, body {
    font-size: 99%;
 }
}
.w3-block {

    transition: 1s;
}

.tab-menu-horizontal .menu-icon-off-canvas-box, 
.tab-menu-horizontal .menu-icon-dropdown-menu-box {
    display: none;
}

.tab-menu-horizontal .block-extra-field-blockgroupstela-pageflag-bookmarks {
    margin-right: 0;
}
.menu-icon-dropdown-menu-box:after, .menu-icon-off-canvas-box:after {
    content: 'MENU';
    /* color: #fff; */
    font-size: 14px;
    position: relative;
    top: -5px;
    letter-spacing: 1px;
}
ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker {
    width: 26px;
    height: 26px;
}
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, 
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker {
    right: -26px;
}
ul.timeline-list:after {
  content: '';
  width: 5px;
  border-radius:2px 
}
.view-tributes .view-footer a {
    border-radius: 22px;
    /* box-shadow: inset 1px 1px 7px 1px #cccccc47; */
    font-family: material icons;
    right: 15px;
    font-size: 48px!important;
    position: fixed;
    bottom: 64px;
}
.w3-row.view.view-tributes.view-id-tributes.view-display-id-block_3 .view-content {
    display: none;
}
div#views_slideshow_cycle_main_tributes-block_1 p {
    font-size: 29px;
}
div#views_slideshow_cycle_main_tributes-block_1 p::first-letter {
    text-transform: uppercase;
}
.views-field.views-field-field-real-name {
    font-size: 22px;
}
.block-field-blockgroupwedding-companionfield-embedded-video {
    width: 73%;
    height: auto;
    margin: 90px auto;
    position: relative;
    z-index: 1;
    margin-bottom: 75px;
    padding: 15px;
}
.block-field-blockgroupwedding-companionfield-embedded-video .field__label {
    display: none;
}

.view-tributes .views-field-comment-body:before {
    content: 'format_quote';
    font-family: material icons;
    /* display: inline-block; */
    /* margin-bottom: 33px; */
}

.view-tributes p {margin-top: 23px!important;}


.view-tributes .views-field-comment-body .field-content {
    margin-top: -43px;
}

.view-tributes div#quicktabs-container-companion_content p::first-letter {
    text-transform: capitalize;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.view-tributes .views-field.views-field-nothing a:before {
    content: 'rate_review';
    font-family: material icons;
    visibility: visible;
    position: relative;
    left: -6px;
    font-size: 24px;
    top: 6px;
}

.view-tributes .views-field.views-field-nothing a {
    font-size: 18px;
    position: relative;
    text-align: center;
      border-radius: 15px;
    border: 1px inset #cccccc47;
    padding: 4px 15px 4px 18px;
}
.view-tributes .block-extra-field-blockuseruseruser-disk-quota {
    display: none;
}




div#footer-menu-inner .d8-fade.w3-container.w3-center.w3-mobile {
    opacity: 1!important;
}
section#block-drupal8-w3css-theme-frontfaqs {
    background: #3f769b;
    padding: 50px 0 100px 0;
}

h2#faqs, div#video-box h2 {
    padding-top: 25px;
}
li.li-item.li-item-account.li-0:first-of-type:before {
    content: 'home';
    font-family: 'material icons'!important;
    display: block;
    visibility: visible;
    font-size: 27px;
    position: absolute;
    margin-top: 6px;
    margin-left: -15px;
    color: #baa685;
}
.view-search-for-page .views-field.views-field-field-portrait img {
    border-radius: 4px!important;
}
.view-search-for-page  .views-field.views-field-field-portrait {
    border-radius: 7px!important;
}
.w3-section.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-order.form-item-sort-order, .w3-section.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-by.form-item-sort-by {
    margin: 0 60px;
}
.path-search .w3-block.form--inline.clearfix {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    padding-bottom: 20px;
    padding-top: 10px;
    justify-content: center;
}
.path-search select#edit-sort-by, .path-search select#edit-sort-order {
    padding: 13px 16px 13px;
}
.path-search form .form-item label {
    padding-right: 10px;
/*    font-weight: 700;  */
}
input#edit-submit-search-for-page {
    background: #3f769b!important;
    color: #fff;
    padding: 7px 34px;
    border-radius: 4px;
    position: relative;
    top: 32px;
}
.path-search div#footer-menu {
    border-top: 1px solid #cccccc4d;
    color: #fff;
}

.path-group div#copyright, .path-group #footer-menu {
    display: none!important;
}
.iziToast.iziToast-color-green {
    background: #fff!important;
    background-color: #fff!important;
}
section#block-drupal8-w3css-theme-createannouncement, section#block-drupal8-w3css-theme-postfirsttribute {
    width: 50px;
    height: 50px;
}

section.block-block-content.block-block-contentf7d860f9-bde0-4dcb-83c1-fe27ad7f44b6, section.block-block-content.block-block-contentdc07e670-88a2-411e-9af5-d9c4f4552f99 {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 100px;
    flex-wrap: nowrap;
    vertical-align: top;
}
section.block-block-content.block-block-contentf7d860f9-bde0-4dcb-83c1-fe27ad7f44b6 {
    margin-right: 16px;
}
section.block-block-content.block-block-contentdc07e670-88a2-411e-9af5-d9c4f4552f99 {
    margin-right: 55px;
}


.path-product div#edit-actions {
    display: flex;
    flex-wrap: nowrap;
}
input#edit-commerce-buy-now {
    margin-left: 20px;
}
.path-frontpage .button--primary, .path-frontpage .button--primary:hover, .path-frontpage .button--primary:active, .path-frontpage .button--primary:focus {
color:#ffffff!important;
}
.button--primary, .button--primary:hover, .button--primary:active, .button--primary:focus {
    margin-top: 1rem;
    height: inherit;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    outline: none;
    font-weight: bold;
    box-shadow: 0.1em 0.25em 0.5em #00875f26;
    font-size: 15px;
}
.path-search select#edit-sort-by, .path-search select#edit-sort-order, .path-search input#edit-label {
    border-radius: 3px;
    font-size: 15px;
    -webkit-box-shadow: inset 0 0 5px rgba(51, 44, 51, 0.1);
    -moz-box-shadow: inset 0 0 5px rgba(51, 44, 51, 0.1);
    box-shadow: inset 0 0 5px rgba(51, 44, 51, 0.1);
}
section.views-element-container.w3-block.w3-block-wrapper.block-views.block-views-blockpage-announcemnents-block-1 {
    max-width: 530px;
    position: fixed;
    left: 50%;
    padding: 0 15px 15px;   
    border-radius: 7px;
    margin: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0s;
    z-index: 9;
    max-height: 600px;
    
}
.view-page-announcemnents.view-id-page_announcemnents.view-display-id-block_1 {
    overflow-y: scroll;
    max-height: 515px;
}
span.views-field.views-field-created {
    float: right;
}
li.w3-button.w3-light-gray.w3-active-pager.pager__item.is-active.li-0 {
    display: none;
}
.view-page-announcemnents p {
    margin-top: 0px;   
font-size: 16px;
}
.announce-block p.stusha {
    display: none;
}
.view-page-announcemnents  p.field-content {
    display: none;
}
.announce-block time {
    font-size: 15px;
}
.block-views-blockpage-announcemnents-block-1 {
visibility:hidden;
}
.announce-block h2 {
    text-shadow: none!important;
    font-size: 28px;
}

.announce-block{
visibility:visible;
}
.announce-block h2:before {
    content: 'notifications_active';
    position: relative;
    font-family: 'Material Icons';
    top: 3px;
    margin-right: 9px;
}


.path-group .page-wrapper__node-edit-form div#block-gin-page-title h1:before {
    content: 'Create Announcement';
    visibility: visible;
    font-size: 34px;
}
.path-group .page-wrapper__node-edit-form div#block-gin-page-title h1 {
    visibility: hidden;
    font-size: 1px;
}
.path-group [data-drupal-link-system-path="group/1/node/add"] {
    display: none!important;
}
[data-drupal-link-system-path="group/1/node/create"]:after {
    content: 'Create Announcement';
    visibility: visible;
    background: #00875f;
    font-size: 15px;
    padding: 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
    left: -16px;
box-shadow: 0.1em 0.25em 0.5em #00875f26;
}

[data-drupal-link-system-path="group/1/node/create"] {visibility: hidden;font-size: 0;}

[data-drupal-link-system-path="group/1/node/create"]:before {
    visibility: visible;
    font-size: 15px;
    background: #00875f;
    padding: 15px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
box-shadow: 0.1em 0.25em 0.5em #00875f26;
}
.path-product [data-drupal-selector="edit-actions"] {
    display: flex;
}

.path-product [data-drupal-selector="edit-actions"] .button--primary:nth-of-type(2) {
    margin-left: 25px;
}
ul.w3-bar.pager__items.js-pager__items.ul-0 {
    font-family: material icons;
    margin: 0;
font-size: 28px;
}
.view-page-announcemnents .pager__items li a {
    padding: 0px 12px;
    display: inline-block;
    margin: 0;
}
.view-page-announcemnents nav.w3-center.pager {
    margin: -23px 0;
}

.block-block-content71b60fb1-7e75-4390-a765-1bcdf7794846 {
    display: none;
}

section#block-views-blocklocations-block-1 .views-element-container.w3-row.element-container-wrapper .view-locations.view-id-locations.view-display-id-block_1 {
    background: none!important;
    box-shadow: none;
}
.path-admin .block-extra-field-blockgroupstela-pageflag-bookmarks {
    width: inherit;
    height: inherit;
    float: none;
    padding-top: inherit;
    margin-right: inherit;
    margin-top: inherit;
}



/*    Visibility settings     */

[text-shadows-option="On"] .heading-text, 
[text-shadows-option="On"] a.quicktabs-loaded, 
[text-shadow-option="On"] .block-field-blockgroupwedding-companionfield-date, 
[text-shadows-option="On"] .block-field-blockgroupwedding-companionfield-rsvp-a  {
text-shadow: 1px 1px 1px #000;
}
[box-shadow-option="On"] .flag.flag-bookmarks.action-flag a:before, 
[box-shadow-option="On"] .flag.flag-bookmarks.action-unflag a:before, 
[box-shadow-option="On"] .announce-butt, 
[box-shadow-option="On"] .menu-icon-dropdown-menu-box:after, 
[box-shadow-option="On"] .menu-icon-off-canvas-box:after, 
[box-shadow-option="On"] .view-tributes .view-footer a,
 [box-shadow-option="On"] .block-field-blockgroupwedding-companionfield-date {
text-shadow: 1px 1px 1px #000;
}
[box-shadow-option="On"] .block-field-blockgroupwedding-companionfield-portrait img, 
[box-shadow-option="On"] div#quicktabs-container-companion_content .view, 
[box-shadow-option="On"] .bar1, [box-shadow-option="On"] .bar2, 
[box-shadow-option="On"] .bar3, 
[box-shadow-option="On"] div#quicktabs-container-companion_content .view-page-image-gallery img {
box-shadow: 1px 1px 1px #000;
}
[image-borders-option="Off"] .block-field-blockgroupwedding-companionfield-portrait img {
    padding: 0px;
}
[countdown-tab-option="Off"] .w3-row.field.field--name-field-date.field--type-datetime.field--label-hidden.w3-bar-item.field__item .field-timer-jquery-countdown {
    display: none;
}

/* Animation  */
/* image Gallery*/

/* Zoom In #1 */
.image-zoom-in-a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
 .image-zoom-in-a img:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}


/* Zoom In #2 */
.image-zoom-in-b img {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-zoom-in-b img:hover {
	width: 350px;
}


/* Zoom Out #1 */
.image-zoom-out-a img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-zoom-out-a img:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out #2 */
.image-zoom-out-b img {
	width: 400px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-zoom-out-b img:hover {
	width: 300px;
}

/* Slide */
.image-slide img {
	margin-left: 30px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-slide img:hover {
	margin-left: 0;
}

/* Rotate */
.image-rotate img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-rotate img:hover {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

/* Blur */
.image-blur img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-blur img:hover {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Gray Scale */
.image-grey-scale img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-grey-scale img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Sepia */
.image-sepia img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-sepia img:hover {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* Blur + Gray Scale */
.image-blur-and-grey-scale img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-blur-and-grey-scale img:hover {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

/* Opacity #1 */
.image-opacity-a img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.image-opacity-a  img:hover {
	opacity: .5;
}

/* Opacity #2 */
image-opacity-b  {
	background: #1abc9c;
}
image-opacity-b img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
image-opacity-b  img:hover {
	opacity: .5;
}

/* Flashing */


@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.image-flashing img:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}


/* Shine */


@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.image-shine img {
	position: relative;
}
.image-shine img::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.image-shine  img:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}


/* Circle */

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.image-circle  {
	position: relative;
}
.image-circle img::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.image-circle img:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
/*  Gallery image anim end  */

/*Gallery video */


/* Zoom In #1 */
.video-zoom-in-a {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
 .video-zoom-in-a:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}


/* Zoom In #2 */
.video-zoom-in-b {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-zoom-in-b:hover {
	width: 350px;
}


/* Zoom Out #1 */
.video-zoom-out-a {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-zoom-out-a:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out #2 */
.video-zoom-out-b {
	width: 400px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-zoom-out-b:hover {
	width: 300px;
}

/* Slide */
.video-slide {
	margin-left: 30px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-slide:hover {
	margin-left: 0;
}

/* Rotate */
.video-rotate {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-rotate:hover {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

/* Blur */
.video-blur {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-blur:hover {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Gray Scale */
.video-grey-scale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-grey-scale:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Sepia */
.video-sepia {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-sepia:hover {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* Blur + Gray Scale */
.video-blur-and-grey-scale {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-blur-and-grey-scale:hover {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

/* Opacity #1 */
.video-opacity-a {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.video-opacity-a :hover {
	opacity: .5;
}

/* Opacity #2 */
image-opacity-b  {
	background: #1abc9c;
}
image-opacity-b {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
image-opacity-b :hover {
	opacity: .5;
}

/* Flashing */


@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.video-flashing:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}


/* Shine */


@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.video-shine {
	position: relative;
}
.video-shine::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.video-shine :hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}


/* Circle */

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.video-circle  {
	position: relative;
}
.video-circle::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.video-circle:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}


/* Gallery video end  */

/*  data page */
.view-page-data table tbody td {
    border: 1px solid #ccc;
}
.view-page-data .view-header {
    padding: 0px;
}
.view-page-data .view-content {
    margin: 0 40px!important;
}
.view-page-data .view-filename-table-column {
    width: 88%;
}
.view-page-data .view-content {
    margin: 0 50px!important;
}
.view-page-data table th {
    background: #d9ede7;
    color: #000;
    padding: 9px;
}
.view-page-data table {
    margin-bottom: 50px;
    border-radius: 5px;
}
.view-page-data table td {
    padding: 8px;
}
.view-page-data .views-field views-field-filename {
    width: 80%;
}
.view-page-data td.views-field.views-field-filesize {
    width: 200px;
    border-left: 1px solid #ccc;
    text-align: center;
}
.view-page-data .views-field views-field-filename {
    text-align: left;
}
.view-page-data td#view-filename-table-column:last-of-type {
    border: 0!important;
}
.view-page-data tfoot tr {
    border: 0;
}
.view-page-data tfoot td.views-field.views-field-filesize:last-of-type {
    border-left: 0;
}
.view-page-data tfoot td#view-filename-table-column:after, .view-page-data tfoot td#view-filename-table-column--2:after, 
.view-page-data tfoot td#view-filename-table-column--3:after, .view-page-data tfoot td#view-filename-table-column--4:after {
    content: 'Total';
    float: right;
    font-weight: bold;
    margin-right:25px;
}
.view-page-data table th:first-of-type {
    text-align: left;
}
.view-page-data tfoot .views-field views-field-filename:after {
    content: 'Total';
    float: right;
    font-weight: bold;
}
.view-page-data td.views-field views-field-filename:after {
    content: 'Total';
    float: right;
    font-weight: bold;
    display: block;
}


div#fsw-btn {
    height: 60px!important;
    width: 60px!important;
    background: #ffffff !important;
    box-shadow: 1px 1px 0px 0px #33333330;
    right: 25px!important;
    border: 1px solid #baa685;
}
div#fsw-btn:after {
    content: 'chat';
    display: block;
    font-size: 37px;
    visibility: visible;
    font-family: material icons;
    color: #555555;
    position: absolute;
    height: 50px;
    width: 50px;
    z-index: 9999999999;
    top: 20px;
    left: 6px;
}

div#fsw-btn img {
    visibility: hidden;
}
div#fsw-btn:Before {
    content: 'Chat With Us!';
    display: block;
    width: 117px;
    color: #555555;
    position: absolute;
    left: -33px;
    top: -33px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
    padding: 6px;
    text-shadow: 1px 1px 2px #33333330;
}
/*
[textures-activated="On"] .heading-text, [textures-activated="On"] a.quicktabs-loaded, [textures-activated="On"] h2.w3-block-title, 
[textures-activated="On"] .flag.flag-bookmarks.action-flag a:before, 
[textures-activated="On"] .flag.flag-bookmarks.action-unflag a:before, [textures-activated="On"] .announce-butt, [textures-activated="On"] .view-tributes .view-footer a {
    -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
 -webkit-font-smoothing: antialiased; 
}

[textures-activated="Off"] .heading-text, [textures-activated="Off"] a.quicktabs-loaded, [textures-activated="Off"] h2.w3-block-title, [textures-activated="Off"] .flag.flag-bookmarks.action-flag a:before, [textures-activated="Off"] .flag.flag-bookmarks.action-unflag a:before, [textures-activated="Off"] .announce-butt, [textures-activated="Off"] .menu-icon-dropdown-menu-box:after, [textures-activated="Off"] .menu-icon-off-canvas-box:after, [textures-activated="Off"] .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img, [textures-activated="Off"] .bar1, [textures-activated="Off"] .bar2, [textures-activated="Off"] .bar3, [textures-activated="Off"] .view-tributes .view-footer a {
    -webkit-text-fill-color: unset;
    background-image: none!important;
}
*/
.plyr--video {
    background: #fff!important;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 1px #5555558a;
}

.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #5b5b5b!important;
}
.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    color: #5b5b5b!important;
    color: var(--plyr-range-fill-background, #5b5b5b);
background-color: #ffffff0a;
}
.plyr__controls__item.plyr__menu {
    display: none!important;
}
ul.access-options.ul-0 {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}

ul.access-options.ul-0 li a {
    margin: 0 15px;
    background: #3f769b;
    padding: 8px 25px;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.access-denied-container h1 {
    font-size: 88px;
}
.access-denied-container h3 {
    font-size: 48px;
}
.path-user-register section#block-drupal8-w3css-theme-content {
    padding: 29px 145px;
}
.path-user-register section#block-drupal8-w3css-theme-content input {
    border-radius: 5px;
}
.path-user-register div#edit-account {
    background: #eaeaea;
    padding: 26px;
    border-radius: 3px;
}

.path-user-register .button--primary, .path-user-register .button--primary:hover, .path-user-register .button--primary:active, .button--primary:focus {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #ffffff!important;
    color: #555!important;
    outline: none;
    font-weight: bold;
    box-shadow: 0.1em 0.25em 0.5em #00875f26;
}
/*  403 */



* {
  box-sizing: border-box;
}
.access-denied-container {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  padding: 10px;
  min-width: 300px;
  div {
    display: inline-block;
  }
  .lock {
    opacity: 1;
  }
 .access-denied-container  h1 {
    font-family: 'Comfortaa', cursive;
    font-size: 100px;
    text-align: center;
    color: #3f769b;
    font-weight: 100;
    margin: 0;
  }
.access-denied-container  p {
    color: #baa685;
  }
}
.lock {
  transition: 0.5s ease;
  position: relative;
  overflow: hidden;
  opacity: 0;
  &.generated {
    transform: scale(0.5);
    position: absolute;
    animation: 2s move linear;
    animation-fill-mode: forwards;
  }
  ::after {
    content: '';
    background: #479573;
    opacity: 0.3;
    display: block;
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    left: 0;
  }
  .bottom {
    background: #3f769b;
    height: 40px;
    width: 60px;
    display: block;
    position: relative;
    margin: 0 auto;
  }
  .top {
    height: 60px;
    width: 50px;
    border-radius: 50%;
    border: 10px solid #baa685;
    display: block;
    position: relative;
    top: 30px;
    margin: 0 auto;
    &::after {
      padding: 10px;
      border-radius: 50%;
    }
  }
}
.top::after {
    background: transparent;
}
@keyframes move {
  to {
    top: 100%;
  }
}
@media (max-width: 420px) {
  .container {
    transform: translate(-50%,-50%) scale(0.8)
  }
  .lock.generated {
    transform: scale(0.3);
  }
}
li.a.li-0 a:before {
    content: 'home';
    font-family: material icons;
    position: relative;
    top: 1px;
    left: -5px;
}
li.b.li-0 a:before {
    content: 'app_registration';
    font-family: material icons;
    position: relative;
    top: 1px;
    left: -5px;
}
li.c.li-0 a:before {
    content: 'person';
    font-family: material icons;
    position: relative;
    top: 1px;
    left: -5px;
}

/*
body.fontyourface.user-logged-in.path-comment.large-screen .group--stela-page, .tab-menu-off-canvas .w3-row.item-list ul {
    display: none;
}
*/

/* slideshow tab */
div#quicktabs-tabpage-page_tabs-8 .view {
    background: transparent!important;
padding:0;
}
div#quicktabs-tabpage-page_tabs-8 {
    margin-bottom: 200px;
}
.views_slideshow_cycle_slide .views-row {

    padding: 50px;
}

.views-field.views-field-field-real-name {
    font-style: italic;
    padding-top: 23px;
}
.views-slideshow-controls-bottom.clearfix {
    position: relative;
    /* bottom: -224px; */
    z-index: 99;
    margin: 0 auto;
    display: block;
    max-width: 150px;
}.view-tributes.view-display-id-block_2 .views-field-comment-body .field-content {
     margin-top: 50px; 
}
.view-tributes.view-display-id-block_2 div#views_slideshow_controls_text_tributes-block_2 {
    position: relative;
    bottom: -20px;
    font-family: material icons;
    
}
.view-tributes.view-display-id-block_2 .views-field-comment-body:before {
    content: '';
    font-family: material icons;
}
.w3-row.view.view-tributes.view-id-tributes.view-display-id-block_3 .view-content {
    display: none;
}
.move {margin-left: 500px;}
p.w3-section.w3-left-align.w3-opacity.w3-hover-opacity-off {
    opacity: 1;
}
.pwa-a2hs-active.show button {
    margin: 0 auto;
    display: block;
    cursor: pointer;
}
.views-field.views-field-group-join-leave-link {
    text-align: center;
}
.views-field.views-field-group-join-leave-link a:before {
    content: 'person';
    font-family: 'Material icons';
    position: relative;
    top: 3px;
}
.view-search-for-page  .views-col {min-width: 220px!important;}

p.field-content.get-directions a:before {
    content: 'map';
    font-family: material icons;
    position: relative;
    top: 4px;
    font-size: 22px;
    left: -7px;
    margin-right: 0px;
}
p.field-content.get-directions a {
    font-weight: bold;
    border: 1px inset;
    border-radius: 21px;
    padding: 4px 15px;
    background: #fff;
    font-size: 17px;
    position: relative;
    top: -8px;
border-color: #cccccc47;
}




form#registration-rsvp-register-form--2 select {
    border-radius: 4px!important;
}

form#registration-rsvp-register-form--2 label {
    font-size: 13px;
    font-weight: normal;
}	
.rsvp-block{
visibility:visible;
} 

/*  knowledgebase  */
.view-knowledgebase .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 50px;
    background: #e0e9ef;
    margin: 50px 0;
}
.kbgrid-outside {
    display: flex;
    padding: 47px;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    padding-top: 100px;
}

.kbgrid-outside div {
    min-width: 300px;
    padding: 15px;
    background: #e0e9ef;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #e0e9ef;
    border-left: 1px solid #e0e9ef;
    transition: .5s;
}

.kbgrid-outside  a {
    color: #baa685!important;
}

.kbgrid-outside div:hover {
    background: #fff;
}
.block-page-title-block {
    display: grid;
    justify-content: center;
}
.kbgrid-outside.kbgrid2-outside {
    padding-top: 0;
    margin-top: -32px;
}
section#block-formknowledgebase-latest-articles-blockblock-1 {
    font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
}

section#block-formknowledgebase-latest-articles-blockblock-1 div#edit-actions {
    font-weight: bold;
    color: #5f5f5f;
}
.view-knowledgebase .views-row a {
    color: #5f5f5f;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 21px;
    font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 300px;
    padding: 21px 25px;
    display: flex;
    justify-content: center;
    border-radius: 51px;
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #ffffff;
    box-shadow: inset 1px 1px 4px #cccccc47;
    border: 1px solid #b19e7f;
}
div#main-navigation-h {
    padding-bottom: 50px;
}
.path-frontpage div#main-navigation-h {
    padding-bottom: 0px;
}
section#block-knowledgebase-latest-articles-block-block-1 {
    text-align: center;
    padding: 0 0px 50px;
}
section#block-formknowledgebase-latest-articles-blockblock-1 .w3-block.form--inline.clearfix {
    display: flex;
    justify-content: center;
}
section#block-formknowledgebase-latest-articles-blockblock-1 label {
    display: none;
}

section#block-formknowledgebase-latest-articles-blockblock-1 {
padding-top:50px;
}

input#edit-submit-knowledgebase-latest-articles-block {
     background: #ffffff;
     color: #5f5f5f;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0!important;
    border: 1px solid #ccc!important;
    padding: 8px 8px;
}

.w3-section.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-title.form-item-title.form-no-label input {
    border: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-left: 15px;
}
a.w3-left.w3-padding-16.site-logo {
    margin: 50px;
}
#main-container {
    background-color: #ffffff;
}
.path-taxonomy section#block-drupal8-w3css-theme-content, 
.page-node-type-article section#block-drupal8-w3css-theme-content {
    padding: 30px!important;
}
/*
.node__content ul.links {
    position: absolute;
}
.node__content ul.links a {
    color: #fff;
    background: #baa685;
    padding: 2px 21px!important;
    border-radius: 3px;
}
*/

section#block-knowledgebase-latest-articles-block-block-1 h2:before {
    content: 'school';
    font-family: material icons;
    color: #baa685;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
span.field-content.knowledgebase-list-category {
    color: #b19e7f;
    font-style: italic;
}
.w3-row.field.field--name-field-category.field--type-entity-reference.field--label-above {
    display: flex;
}
.w3-row.field.field--name-field-category.field--type-entity-reference.field--label-above label {
    margin-right: 10px;
    color: #baa685;
}
p.views-label.views-label-field-location-information.bold-label {
    font-weight: bold;
    padding-top: 25px;
}

/*  Seating Plan  */

.view-page-seating-plan .views-row:before {
    content: '  ';
    display: block;
    width: 250px;
    height: 88px;
    background: #f7f2f2;
    border-radius: 30px;
    border: 3px solid #333;
    position: relative;
    left: 14px;
    top: 76px;
}

.view-page-seating-plan .views-row, .views-row:before {
    display: flex;
}
.view-page-seating-plan .views-row .views-field.views-field-field-table {
    margin-left: 25px;
max-width: 475px;
}


.view-page-seating-plan .plan-table-name.field.field--name-title.field--type-string.field--label-hidden.field__item {
    text-align: center;
    font-size: 2.2em;
}

.view-page-seating-plan .plan-person.field.field--name-field-people.field--type-string.field--label-hidden.field__items {
/*    border: 1px solid #ccc; */
width: -webkit-fill-available;
    padding: 14px;
}

.view-page-seating-plan .plan-person.field.field--name-field-people.field--type-string.field--label-hidden.field__items .field__item {
  /*  border-bottom: 1px solid #ccc; */
    padding: 3px;
}



.view-page-seating-plan .view-content  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.view-page-seating-plan .views-row:first-of-type {
    display: block;
    width: 100%;
margin: 0 auto;
}

.view-page-seating-plan .views-row:first-of-type:before {
    border-radius: 0;
    height: 150px;
    width: 100%;
    background: none;
    border: 0;
}

.view-page-seating-plan .views-row:first-of-type .plan-person.field.field--name-field-people.field--type-string.field--label-hidden.field__items div {
    display: inline;
    margin: 5px;
}

.view-page-seating-plan .views-row:first-of-type .plan-person.field.field--name-field-people.field--type-string.field--label-hidden.field__items {
     position: relative;
    top: -190px;
    border: 0;
    text-align: center;
padding: 34px;
border-radius: 20px;
margin-bottom: -100px;
}
.view-page-seating-plan .views-row:first-of-type .views-field.views-field-field-table {
      max-width: 54%;
    margin: 0 auto;
    min-width: 300px;
}

.view-page-seating-plan .views-row {
    display: flex;
    justify-content: space-around;
    width: 30%;
    flex-wrap: wrap;
/*    margin-bottom: 150px; */
    align-items: stretch;
    align-content: flex-start;
   min-width: 350px;
}


.w3-row.view.view-page-seating-plan.view-id-page_seating_plan.view-display-id-block_1  {
    padding-top: 130px!important;
}
.view-page-seating-plan .plan-person.field.field--name-field-people.field--type-string.field--label-hidden.field__items div:last-of-type {
    margin-bottom: 30px;
}

.view-page-seating-plan .views-row:first-of-type .plan-table-name.field.field--name-title.field--type-string.field--label-hidden.field__item {
    position: relative;
    top: -203px;
font-size: 4.4vw;
}
div#quicktabs-container-companion_content .view-page-seating-plan {
    font-size: inherit;
}
.plan-table-name.w3-row.field.field--name-title.field--type-string.field--label-hidden.w3-bar-item.field__item {
    position: relative;

}
.view-id-new_annouincement.view-display-id-block_1 {
    background: #fff;
    position: fixed;
    right: 14px;
    bottom: 14px;
    font-size: 11px;
    z-index: 9;
    padding: 0 7px;
    border-radius: 5px;
}

.flag-attendance a, .flag-attendance a:hover {
    font-size: 17px;
    border: 1px inset;
    padding: 4px 27px 2px 9px;
    border-radius: 16px;
    font-weight: bold;
    position: relative;
    top: -27px;
}
p.field-content.attendees-link:before {
    content: 'people';
    font-family: 'Material Icons';
    margin-right: 8px;
    position: relative;
    top: 3px;
}
.flag-attendance a:before {
    content: 'theater_comedy';
    font-family: material icons;
    position: relative;
    top: 4px;
    font-size: 23px;
    margin-right: 7px;
font-weight: normal;
}

@media (max-width:1300px) {
ul.w3-ul.w3-bar.tabs.primary.ul-0 {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
}

ul.w3-ul.w3-bar.tabs.primary.ul-0 li {
    display: inline;
    width: max-content!important;
}


nav.w3-bar.w3-section.tabs {
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    overflow-y: hidden;
 }
.w3-bar {
    overflow: unset;
}
}

.view-tributes .views-field.views-field-nothing .comment-link {
    text-align: left;
    position: absolute;
    right: 20px;
    margin-top: -20px;
}
@media (max-width:1330px) {

.block-field-blockgroupwedding-companionfield-epitaph, .block-field-blockgroupwedding-companionfield-date {
    font-size: 3.5vw;
}
.tabsbar ul.quicktabs-tabs {
    margin: 0;
}
.tabsbar .quicktabs-tabs > li > a {
    padding: 0 15px;
}
.block-field-blockgroupwedding-companionlabel, .block-field-blockgroupwedding-companionfield-epitaph, .block-field-blockgroupwedding-companionfield-date {
    margin-bottom: -16px;
}

.block-field-blockgroupwedding-companionfield-rsvp-a {
    text-align: center;

}
/*
.block-field-blockgroupwedding-companionfield-rsvp-a a:before {
    content: 'link';
    font-family: 'Material Icons';
    position: relative;
    top: 11px;
    margin-right: 5px;
    font-size: 2.5vw;
}
*/

..w3-row.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a {
    color: #333;
    background: #ffffffeb;
    padding: 10px 40px 5px!important;
    text-shadow: none;
    border-radius: 9px;
    box-shadow: 1px 1px 1px #33333352;
    font-weight: normal;
}


.block-field-blockgroupwedding-companionfield-rsvp-a {
    margin-top: 10px;
}

.block-field-blockgroupwedding-companionfield-portrait img {
    padding: 11px;
}

.block-field-blockgroupwedding-companionlabel {
    padding-top: 20px;
}
.block-field-blockgroupwedding-companionfield-rsvp-a  {
   font-size: 2.5vw!important;
}

div#quicktabs-container-companion_content p {
/*    font-size: 2.3vw; */
    padding: 0!important;
    margin: 0;
}
}
ul.timeline-list li.timeline-item .views-field.views-field-field-date {
    font-weight: bold;
    font-size: 1.5vw;
}
@media (max-width:600px) {
ul.timeline-list.alternate:after {
display:none;
}
}
span.media__icon.media__icon--litebox {
    display: none;
}
 div#quicktabs-container-companion_content .view-video-gallery .view-content .views-row {
  width: 350px;
    height: auto;
    box-shadow: none;
}
a.blazy__slick-lightbox.litebox, a.blazy__slick-lightbox.litebox img {
    width: 350px;
    height: 225px!important;
}
.blazy__slick-lightbox {
    cursor: pointer;
}
.iziToast {
    font-family: inherit!important;
}
.slick--skin--classic .slide__caption {
    left: auto;
    box-sizing: border-box;
    width: 100%!important;
    min-height: 80px;
    margin: 0;
    padding: 15px;
    -webkit-transition: -webkit-transform 1s ease-in-out 0.2s;
    transition: transform 1s ease-in-out 0.2s;
    color: inherit;
    background-color: inherit;
    background-color: inherit;
}
.slick--skin--classic .slide__title {
    color: unset;
}


div#quicktabs-tabpage-page_tabs-7  .view {
    height: 0;
    background: transparent!important;
    box-shadow: none!important;
    margin: 0;
    padding: 0;
}

.w3-row.view.view-tributes.view-id-tributes.view-display-id-block_2.js-view-dom-id-a597392495bc36387f0e78bfc2e845f9951b1e4c210e10cee2de7c8701f7748b {
    margin-top: -39px;
    position: relative;
    top: -81px;
}

div#quicktabs-tabpage-page_tabs-6 .view, div#quicktabs-tabpage-page_tabs-6 .view-content {
    padding: 0!important;
    background: transparent!important;
    border: 0;
   box-shadow: none!important;
}
ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker {
    width: 23px;
    height: 23px;
    border: 0;
}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker {
    left: -12px;
    right: -12px;
}
.jp-title, .jp-current-time, .jp-duration {
    text-shadow: none!important;
}

@media (max-width:900px) {

.block-field-blockgroupwedding-companionfield-epitaph, .block-field-blockgroupwedding-companionfield-date {
    font-size: 4.5vw;
}
.field-timer-jquery-countdown {
    margin-bottom: 15px;
}
.b-tray {
    width: 100%;
    height: 62px;
    background: #0000005c;
    display: block;
    position: fixed;
    bottom: 0;
border-top: 2px solid;
z-index:3;
}
.block-field-blockgroupwedding-companionfield-heading {
    font-size: 8vw;
    margin-bottom: 25px;
    margin-top: 35px;
}
.block-field-blockgroupwedding-companionfield-epitaph {
    margin-top: -11px;
}
.block-field-blockgroupwedding-companionfield-life-dates {
    margin-top: -15px;
}
.block-extra-field-blockgroupstela-pageflag-bookmarks {
    width: 50px;
    height: 55px;
    padding-top: 5px;
    margin-right: 13px;
    position: fixed;
    bottom: 18px;
    z-index: 9;
    top: unset;
    left: 10%;
margin-top: 0;
}

div#announce-butt {
    font-family: 'material icons';
    font-size: 38px;
    position: fixed!important;
    top: unset!important;
    cursor: pointer;
    left: 30%!important;
    bottom: -4px;
    z-index: 9;
}
.block-field-blockgroupwedding-companionfield-page-menu-buttons {
    position: relative;
    top: unset; 
    right: 20px;
    position: fixed;
    bottom: 40px;
    background: #ccc;
    z-index: 99999999;
 }
.bar1, .bar2, .bar3 {
    width: 30px;
    height: 4px;
    background-color: #333;
    margin: 7px 0;
    transition: 0.4s;
}
.menu-icon-off-canvas-box, .menu-icon-dropdown-menu-box {
    position: absolute;
    right: 6px;
    z-index: 9;
    top: 0px;

}
.change .bar3 {
    transform: translate(0,-11px) rotate(45deg);
 }
.menu-icon-dropdown-menu-box:after, .menu-icon-off-canvas-box:after {
    visibility: hidden;
 }
.field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
    max-width: 80%;
}
}

ul.timeline-list li.timeline-item {
    margin: 0;
    padding: 17px 0;
}
/*
.block-field-blockgroupwedding-companionfield-rsvp-a a:before {
    content: 'link';
    font-family: 'Material Icons';
    position: relative;
    top: 11px;
    margin-right: 5px;
    font-size:2.5vw;
}
*/
/*
animation: blinker 1.8s step-start infinite;
animation-timing-function: ease-in-out;
}
@keyframes blinker {
    10% {
        opacity: 0;
    }
}
*/
.views-field.views-field-field-event-description {
    font-size: 18px;
}
details.event-addresss-collapse.collapsed {
    font-size: 18px;
}
.views-field.views-field-fieldset summary {
    font-weight: bold;
    cursor: pointer;
}
details.event-addresss-collapse.collapsed {
    font-size: 18px;
    padding: 25px 0 0 0!important;
}
.jp-volume-bar-value, .jp-play-bar {
    background: unset;
}
.path-user div#main-navigation-h {
    padding-bottom: 0;
}
.path-frontpage ul.primary {
    border-bottom: 1px solid #d3d7d9;
    background: #dee5e9;
}
.path-user-login section#block-drupal8-w3css-theme-local-tasks {
    background: #296085;
}
/* front page */
.home-0 h1 {
    text-transform: uppercase;
    color: #555555;
    font-weight: bold;
    line-height: normal;
}
article.feature-card .icon img {
    width: 40px;
}
.home-1 .card-0:hover, .home-1 .card-1:hover, .home-1 .card-2:hover, .home-1 .card-3:hover, .home-1 .card-4:hover, .home-1 .card-5:hover, .home-1 .card-6:hover, .home-1 .card-7:hover {
    box-shadow: 1px 1px 12px #a0c6df;
    transition: 1s;
    padding: 23px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: 1px solid #baa685a1;
}
.home-1 .card-0 img,  
.home-1 .card-2 img, 
.home-1 .card-1 img {
transition: 1s;
}

.home-1 .card-0:hover img,  
.home-1 .card-2:hover img, 
.home-1 .card-1:hover img {
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
}
.home-1 .card-0, .home-1 .card-1, .home-1 .card-2, .home-1 .card-3, .home-1 .card-4, .home-1 .card-5, .home-1 .card-6, .home-1 .card-7 {
    min-width: 300px;
    width: 380px;
    box-shadow: 1px 1px 1px 1px #2f2f2f08;
    height: 250px;
    border-radius: 4px;
    margin: 15px;
padding: 25px;
transition: 1s;
background:#fff;
border: 1px solid #ffffff;
padding: 23px;
}
.card-0, .card-1, .card-2 {
    background: #e0e9ef !important;
}

.home-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.home-1 h5 {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.3em;
    line-height: normal;
    color: #555555;
    text-shadow: 1px 1px 2px #ffffff;
}
.home-1 {
background: #3f769b29;
/*    background: url(https://trulywed.page/sites/default/files/30970887_hytrfg.jpg); */
 background: #fff9f2;
    padding: 100px 0;
    background-size: cover;
background-attachment: fixed;
}
.home-1-inner {
    width: 1243px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.crest-box {
    background: #f5f0ea;
    text-align: center;
    box-shadow: inset -1px 0px 3px 1px #ccc;
height: 148px;
background: #e0e9ef;
}
.crest p, .crest .words {
    display: inline-block;
    font-size: 4em;
    color: #555555;
    text-shadow: 1px 1px 2px #ffffff;
    text-transform: capitalize;
    font-family: 'Tangerine';
padding-top: 32px;
}
.crest .words {
    overflow: hidden;
    height: 100px;
    position: relative;
    top: 15px;
line-height: 100px;
}
.crest span {
display:block;
height:109px;
padding-left:10px;
animation:spin_words 19s infinite;
}
.front-top-block {
    background: #3f769b;
    height: 760px;
    padding-top: 60px;
    width: 100%;
    text-align: center;
}
section#block-drupal8-w3css-theme-views-block-carousel-blocks-block-1 .view-content {
    margin: -550px auto 0 auto;
    width: 1140px;
}
.path-group .slick__slide {
    margin: 0px 50px;
}
section#block-drupal8-w3css-theme-views-block-carousel-blocks-block-1 {
    background: #fbfbfb;
}

.front-about-box-one, .front-about-box-two {
    display: flex;
    width: 1200px;
    margin: 0 auto;
}



.front-about-box-one-text, .front-about-box-one-image, .front-about-box-two-text, .front-about-box-two-image {
    width: 50%;
    height: 600px;
}

.front-features-box-0:hover, .front-features-box-1:hover, .front-features-box-2:hover, .front-features-box-3:hover, .front-features-box-4:hover, .front-features-box-5:hover, .front-features-box-6:hover, .front-features-box-7:hover, .front-features-box-8:hover {
    box-shadow: 1px 1px 2px 1px #b2b2b270;
    border-top-left-radius: 45px;
    border-bottom-right-radius: 45px;
}
.front-features-box {
    display: flex;
    flex-wrap: wrap;
    max-width: 1600px;
    margin: 0 auto;
}
.front-features-box div:hover .f-b-inner {
    border-top-left-radius: 37px;
    border-bottom-right-radius: 37px;
}
.front-features-box div {
    width: 350px;
    margin: 25px;
    height: 490px;
    background: #e0e9ef;
    transition: .5s;
}
.front-about-box-box {
    width: 100%;
    background: #e0e9ef;
}

.front-features-box-box {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 1px inset #55555559;
    border-bottom: 1px inset #55555559;
}
div#edit-field-date-wrapper h4 {
    font-size: 18px;
}
div#home-page-pricing {
    background: #fff9c8;
}
.path-frontpage ul.w3-ul.w3-bar.tabs.primary.ul-0 {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}
.owl-stage {
    transition: all 1.25s ease 0s!important;
/* margin-left: -40px; */
}

details#edit-group-textual-content .field--name-label:after {
    content: "Enter the names of the bride and groom e.g. Jack & Jill.";
    position: absolute;
    font-size: 12px;
    color: #333;
    display: block;
    margin-top: -18px;
}
.home-1-inner img {
    width: 70px;
}

@keyframes spin_words {
10%{
      transform: translateY(-112%);
}
25%{
      transform: translateY(-100%);
}
35%{
      transform: translateY(-212%);
}
50%{
      transform: translateY(-200%);
}
60%{
      transform: translateY(-312%);
}
75%{
      transform: translateY(-300%);
}
85%{
      transform: translateY(-412%);
}
100%{
      transform: translateY(-400%);
}
}


div#quicktabs-container-companion_content .view-text-boxes.view-id-text_boxes {
    background-color: transparent!important;
    background: transparent!important;
    box-shadow: none;
}
.slick__slide.slide.slick-current.slick-active {
    padding: 50px;
}
.view.view-id-text_boxes {
    padding: 0!important;
}
.view.view-text-boxes.view-id-text_boxes.view-display-id-default {
    padding: 0!important;
}
.slick__slide {
    margin: 0 25px;
padding: 50px;
}
.owl-stage {
    transition: all 1.25s ease 0s!important;
}
.owl-carousel .owl-item {
    padding: 50px;
}

div#quicktabs-tabpage-page_tabs-4 .view {
    background: none!important;
    box-shadow: none!important;
}

ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {
    border-radius: 8px;
    padding: 30px;

}
ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper {
    width: 49%;
}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper {
    border-radius: 8px;
    padding: 30px;
  }
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker {
    left: -26px;
}
.timeline-item-wrapper .views-field.views-field-field-location-information .views-label, .timeline-item-wrapper .views-field.views-field-field-location-information p {
    font-size: 18px!important;
}
.w3-row.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a {
    color: #333;
    background: #ffffffeb;
    padding: 10px 39px 5px;
    text-shadow: none;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #33333352;
    font-weight: normal;
}
.w3-row.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a {
    padding: 10px 40px  5px 28px;
    border-radius: 8px;
}

.path-group button.owl-next {
    position: absolute;
    right: 0;
    top: 0;
}
.path-group button.owl-prev {
    position: absolute;
    left: 0;
    top: 0;
}
.w3-row.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a {
    padding: 10px 40px  5px 40px;
    border-radius: 8px;
    color: #333;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    font-size: 3em;
}

.owl-theme .owl-nav [class*='owl-'] {
    margin: 0px;
}
.path-frontpage section#block-drupal8-w3css-theme-local-tasks  a {
    color: #6a6e71;
}
.home-0 {
      text-shadow: 1px 1px 2px #eaf7ff;
}
.home-0 p {
    text-shadow: 1px 1px  1px #87ceeb21;
}
.view-search-for-page .view-content {
    padding-top: 50px;
}
.view-search-for-page .view-content, #footer-menu {
   background: #dee7ed;
}
div#main-navigation-h {
    padding-bottom: 50px;
    padding-bottom: 0;
}
input#edit-submit-search-for-page--2 {
    background: #ffffff;
    color: #555555;
}
.messages.messages--status {
    color: #ffffff;
    background: #000000;
}
@media (max-width:993px) {
 li.li-item.li-item-account.li-0:first-of-type:before {
display:none;
 }
}
.mobile-nav.w3-hide-large.w3-button.w3-block.w3-right-align.w3-large.w3-theme svg {
    cursor: pointer;
}
form.user-login-form .form-actions .w3-button {
    background: #ffffff;
    border: 0;
    color: #555555;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 1px #cccc;
}
form.user-login-form .form-actions .w3-button:hover {
    background: #ffffff!important;
    border: 0!important;
    color: #555!important;
    box-shadow: 1px 1px 2px 1px #cccc;
}
.mobile-nav.w3-hide-large.w3-button.w3-block.w3-right-align.w3-large.w3-theme svg {
    cursor: pointer;
    width: 35px;
    height: 35px;
}
form.user-register-form .form-actions .w3-button, form.user-login-form .form-actions .w3-button, form.user-pass .form-actions .w3-button {
    float: none;
    padding: 1px 22px;
}
.path-user-login section#block-drupal8-w3css-theme-local-tasks, 
.path-user-password section#block-drupal8-w3css-theme-local-tasks, 
.path-user-register section#block-drupal8-w3css-theme-local-tasks {
    display: none;
}


#main-container, #main-container-inner, .path-user-register section#block-drupal8-w3css-theme-content, .path-user-password section#block-drupal8-w3css-theme-content {
   background-color: #e1e9ef !important;
}
.path-user-login section#block-drupal8-w3css-theme-content {
    padding: 50px 7%;
    background: #fff9f2;
}
@media(max-width:750px) {
.path-user-register section#block-drupal8-w3css-theme-content {
    padding: 0;
 }
}
@media (max-width: 600px){
.w3-row.field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
    margin-top: -55px;
}
a.w3-left.w3-padding-16.site-logo img {
    width: 200px;
    display: block;
    margin: 60px auto 20px auto;
}
h1.page-title {
    padding: 33px 32px;
}

ul.ul-parent.ul-parent-account.ul-0 a {
    text-align: center;
 }
}

.block-field-blockgroupwedding-companionfield-rsvp-a {
    margin-top: 25px;
}
.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a:before {
    content: 'mark_as_unread';
    font-family: 'Material Icons';
    position: relative;
    top: 7px;
}
.form-required:after {
    visibility: hidden!important;
}
form .form-item label {
    padding-right: 10px;
/*    font-weight: 700; */
   
}
.w3-row.view.view-username-block- .view-empty:before {
    content: '';
    background-image: url(/themes/contrib/gin/dist/media/sprite.svg#user-view);
    width: 17px;
    height: 17px;
    position: relative;
    display: inline-block;
    left: -2px;
    top: 2px;
    filter: contrast(0.1);
}
.w3-row.view.view-username-block- .view-empty {
    padding-left: 10px;
}

section#block-drupal8-w3css-theme-views-block-username-block-block-1 {
    top: 10px;
    position: relative;
}

.view-background-video video {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-add-to-calendar, .block-field-blockgroupwedding-companionfield-portrait, .block-field-blockgroupwedding-companionlabel, .block-field-blockgroupwedding-companionfield-epitaph, .block-field-blockgroupwedding-companionfield-date, .block-field-blockgroupwedding-companionfield-rsvp-a, div#highlighted, section#block-drupal8-w3css-theme-local-tasks {
    position: relative;
    z-index: 1;
}
#highlighted {
    z-index: 3!important;
}
section#block-drupal8-w3css-theme-local-tasks {
    background: #fff;
    z-index: 2;
}
section.w3-block.w3-block-wrapper.block-quicktabs.block-quicktabs-blockpage-tabs {
    position: relative;
    z-index: 3;
}
div#announce-butt, .block-extra-field-blockgroupstela-pageflag-bookmarks {
    z-index: 9;
}

details.event-addresss-collapse::marker {
    content: 'place';
    font-family: 'Material Icons';
    position: relative;
}

.views-field.views-field-fieldset summary {
    font-size: 21px;
}

span.views-field.views-field-count, span.views-field.views-field-link-flag.P, 
.timeline-item-wrapper .views-field.views-field-nothing, 
.timeline-item-wrapper .views-field.views-field-field-add-to-calendar {
    display: inline-block;
    margin: 0px 13px 0 0;
    vertical-align: top;
}
-style-glow-orange .atcb-list {
    width: 170px;
    border: 0;
    border-radius: 9px;
    box-shadow: none;
    padding: 7px;
}
.atc-style-glow-orange .atcb-item-link:hover, .atc-style-glow-orange .atcb-item-link:active, .atc-style-glow-orange .atcb-item-link:focus {
    color: unset;
    background: rgba(219,87,5,1);
    background: transparent!important;
    
}
.atc-style-glow-orange .atcb-item.hover, .atc-style-glow-orange .atcb-item:hover {
    background: transparent;
}
a.atcb-link:active {
    margin-top: -5px;
}

.path-group .block-views-blockbackground-video-block-1 video {
    position: fixed;
    z-index: 0!important;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: fit-content;
}
.path-group .video-overlay {
    width: 100%;
    height: 900px;
    position: absolute;
    z-index: 1!important;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: fit-content;
}
.scroll.group--stela-page {
    background-attachment: scroll!important;
}
.view-audio .plyr--audio {
    display: block;
    border-radius: 30px;
}
div#edit-comment-body-0-value-counter {
    font-size: 15px;
}
.js-form-item-comment-body-0-value label, label#edit-field-record-audio-0--label {
    text-transform: capitalize;
    font-weight: bold!important;
    position: relative;
    bottom: -8px;
    font-size: 15px;
}
div#edit-field-record-audio-0-upload--2 button {
    border-radius: 5px;
    color: #fff;
    background: #3f769b;
    padding: 5px 16px;
    border: 0;
    border: 1px solid #ccc !important;
    font-weight: bold;
    cursor: pointer;
}
div#media-comment {
    display: flex;
    justify-content: flex-start;
}
div#edit-field-record-audio-wrapper {
    margin-right: 33px;
}
.field--name-comment-body div#edit-comment-body-0-format {
    display: none;
}
label#edit-field-upload-video-comment-0--label, label#edit-field-record-audio-0--label {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: bold;
}

.flag.flag-bookmarks.action-flag a:before {
    right: -4px;
    position: relative;
    z-index: 99;
}
.square .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
    border-radius: 0;
}
[rounded-corners="On"].square .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
    border-radius: 10px;
}
.ellipsetwo .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
    display: block;
    margin: 0 auto;
    max-width: 50%;
    height: 30vw;
}
.oval .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
    max-width: 32%;
    height: 43vw;
}
section.views-element-container.contextual-region.w3-block.w3-block-wrapper.block-views.block-views-blockuploaded-page-video-block-1 .plyr--video {
    border: 15px;
    border-style: solid;
}

.double .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img, 
.double .w3-block.w3-block-wrapper.block-views.block-views-blockuploaded-page-video-block-1 .plyr--video {
    border: 15px;
    border-style: double;
    padding: 0;
    background-color: transparent!important;
}
.double  .block-field-blockgroupwedding-companionfield-embedded-video {
    border-style: double;
}
[rounded-corners="On"].square .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img, [rounded-corners="On"] .block-views.block-views-blockuploaded-page-video-block-1 .plyr--video  {
    border-radius: 10px;
}
.square .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
   border-radius: 0; 
}
.oval .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
        max-width: 32%;
    height: 43vw;
}
.double .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
    border: 15px;
    border-style: double;
    padding:0;
    background-color: transparent!important;
}
.double div#quicktabs-container-companion_content .view-video-gallery .view-content .views-row {
    max-width: 350px;
    padding: 0;
    background: #fff0;
    margin: 30px;
    border-radius: 4px;
    border: 11px double;
}
.double .plyr--video {
    border-radius: 0px;
    box-shadow: 1px 1px 4px 1px #5555558a;
}
.double div#quicktabs-container-companion_content .view-page-image-gallery img {
    padding: 0;
    margin: unset;
    background: #fff0;
    width: 350px;
    height: 225px;
    border: 11px double;
}
.double .view-timeline .views-field.views-field-field-image img {
    background: unset;
    border: 11px;
    border-style: double;
    padding: 0;
    background-color: transparent!important;
box-shadow: none!important;
}
.noborder .block-field-blockgroupwedding-companionfield-portrait img {
    padding: 0;
}
.noborder div#quicktabs-container-companion_content .view-video-gallery .view-content .views-row {
  width: 350px;
    height: 225px;
    padding: 0;
}
.noborder div#quicktabs-container-companion_content .view-page-image-gallery img {
  width: 350px;
    height: 225px;
    padding: 0;
}
.noborder .block-field-blockgroupwedding-companionfield-embedded-video, .noborder .block-views.block-views-blockuploaded-page-video-block-1 .plyr--video  {
    border: 0;
}

@media (min-width: 1200px) {
    .double .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
        border-width: 25px !important;
    }
}

@media (min-width: 900px) {
    .double .field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
        border-width: 22px !important;
    }
}


@media (max-width: 900px) {
.block-field-blockgroupwedding-companionfield-rsvp-a {
    font-size: 3.5vw!important;
}
    div#announce-butt, .bar1, .bar2, .bar3, 
	.flag.flag-bookmarks.action-flag a:before, div#bga-butt {
        filter: invert(1)!important;
    }
div#bga-butt {
    font-size: 38px;
    position: fixed!important;
    top: unset!important;
    cursor: pointer;
    left: 46%!important;
    bottom: -4px;
    z-index: 9;
 }
.bttwpi-progressbar-container {
    filter: invert(1)!important;
}
/*
.block-field-blockgroupwedding-companionfield-embedded-video {
    border: 10px solid;
}
*/
p.field-content.get-directions a {
    font-weight: normal;
    border: none;
    border-radius: 0;
    padding: 0px 6px;
    background: #ffffff00!important;
    font-size: 14px;
    position: relative;
    top: -14px;
}
div#quicktabs-tabpage-page_tabs-0 p.field-content.get-directions {
    font-size: 7px!important;
    margin-top: 14px;
}
section#block-views-blocklocations-block-1 .view-header p:before {
    margin-right: -9px;
}
}

.right-scrollbar {
    right: 20px;
}
.bttwpi-progressbar-container {
bottom: 20px;
}
p.field-content.attendees-link {
    font-size: 17px!important;
    border: 1px inset;
    padding: 0 10px;
    border-radius: 16px;
    font-weight: bold;
    background: #fff;
}
form#group-stela-page-edit-form {
    background: transparent!important;
    border: 0!important;
    box-shadow: none!important;
    padding: 30px 0;
}
form#group-stela-page-edit-form .horizontal-tabs-panes {
    margin-top: 7px;
}
.block-field-blockgroupwedding-companionfield-video-file {
    position: relative;
    z-index: 3;
}
section.views-element-container.contextual-region.w3-block.w3-block-wrapper.block-views.block-views-blockuploaded-page-video-block-1 {
    position: relative;
    z-index: 3;
}
.views-field.views-field-field-video-file {
    max-width: 1200px;
    margin: 50px auto;
}

.phone-show {
    flex-wrap: wrap;
justify-content: space-between;
padding: 100px 0;
}
.phone-show-media video#myVideo {
    width: 400px;
}

.phone-show-text {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
.phone-show-text div {
    background: #fff9f2;
    margin: 0px 0 26px;
    border-radius: 10px;
    padding: 10px 10px 20px 15px;
    box-shadow: 1px 1px 2px 1px #cccccc70;
    max-width: 380px;
}
.phone-show-text p {
    margin: 0;
}

/*
.phone-show-media:before {
    content: '';
    background: #f1f1f1;
    display: block;
    width: 42px;
    height: 19px;
    border-radius: 100%;
    position: absolute;
    top: 71px;
    box-shadow: inset 0px 0px 1px 1px #ccc;
    margin-left: 257px;
    z-index: 999999999999999999;
}
*/
.phone-show-media video {
    margin: 0 auto;
    display: block;
    background: #fff;
    border-radius: 8px;
    padding: 38px 15px 50px 15px;
    box-shadow: 1px 1px 2px 1px #cccccc70;
}
.phone-show-media {
    width: 430px;
    min-width: 300px;
}
.phone-show-text-2 p {
    text-shadow: 1px 1px 1px #797979;
    text-shadow: 1px 1px 2px #eaf7ff;
}
/*
.phone-show-text-2 p:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/background_videos/wedding-rings_17820495.svg);
    display: block;
    height: 80px;
    width: 80px;
    margin: 0px auto 40px;
    filter: contrast(0.3);
}

.phone-show-text p:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/background_videos/wedding-rings_17820495.svg);
    display: block;
    height: 80px;
    width: 80px;
    margin: 0px auto 40px;
    filter: contrast(0.3);
}

.phone-show-text p:after, .phone-show-text-2 p:after {
    content: '';
    background: url(https://trulywed.page/sites/default/files/background_videos/calendar_9389192.svg);
    display: block;
    height: 80px;
    width: 80px;
    margin: 112px auto 40px;
    filter: contrast(0.3);
    background-size: contain;
}
*/
.tablet-show-media video {
    margin: 0 auto;
    display: block;
    background: #e0e9ef;
    border-radius: 8px;
    padding: 29px 37px 29px 54px;
    box-shadow: 1px 1px 2px 1px #cccccc70;
}

.tablet-show-media:before {
    content: '';
    background: #f1f1f1;
    width: 41px;
    height: 39px;
    display: block;
    position: relative;
    /* margin: 266px 7px; */
    border-radius: 50%;
    top: 50%;
    left: 5px;
}



.laptop:before {
  top: -10px;
  margin: -3px 0 0 -3px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #a5adbd;
}

.screen:after {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  bottom: -10px;
  margin: 0 0 -4px -4px;
  background: #e8ebf0;
}
/*
.content {
  width: 420px;
  height: 240px;
  left: 50%;
  margin-left: -210px;
  overflow: hidden;
}

.content:before {
  content: "";
  position: absolute;
  right: -90px;
  width: 200px;
  height: 300px;
  transform: rotate(45deg);
  background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  z-index: 5;
}

.pg {
  width: 240px;
  height: 180px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -90px 0 0 -120px;
  background: #ffffff;
  border: 1px solid #f4f5f7;
  border-top: 20px solid #f4f5f7;
  border-radius: 5px;
  box-shadow: 0 5px 0 #e0625e;
}

*/

.laptop {
    width: 47%;
    height: auto;
    border: 17px solid #ffffff;
    border-radius: 10px 10px 0 0;
    position: absolute;
    margin-top: 100px;
    right: 25%;
    box-shadow: -1px 0px 5px #4d4d4d85;
}

.laptop:before {
 top: -6px;
}

.laptop > div {
  position: absolute; 
}

.laptop > .content {
  width: 211px;
  height: 131px;
  left: 0;
  margin-left: 0;
}
.front-about-box-one-text {
    height: 800px;
}
.btm {
  width: 120%;
  height: 33px;
  bottom: -45px;
  left: -12%;
  /* margin-left: -190px; */
  border-radius: 0 0 20px 20px;
  background: #f0f0f1;
  z-index: 1;
}

.btm:before {
  content: "";
  position: absolute;
  width: 12%;
  height: 6px;
  left: 50%;
  top: 0;
  margin-left: -38px;
  border-radius: 0 0 5px 5px;
  background: #d8dbe1;
}

.laptop .shadow {
  position: absolute;

  height: 31px;
  left: 50%;
  margin-left: -175px;
  z-index: 0;
  bottom: -20px;
background: radial-gradient(ellipse at center, rgb(95 95 95 / 35%) 0%, rgb(198 205 209 / 33%) 53%, #e0e9ef 55%, rgba(46, 204, 113, 0) 55%, rgba(46, 204, 113, 0) 100%);
}

.laptop .shadow {
  width: 200%;
  margin-left: -102%;
  bottom: -65px;
}




.f-b-inner {
    width: 86%!important;
    border: 1px solid #baa685;
    margin: 0;
    padding: 6px;
    height: 438px!important;
    border-style: dotted;
}

/* price table */

.size-22{
  font-size: 22px;
}
.section{
  position: relative;
  width: 100%;
  z-index: 1;
  display: block;
}
.full-height{
  min-height: 100vh;
}

.pricing:checked + label,
.pricing:not(:checked) + label{
  position: relative;
  display: block;
  text-align: center;
  width: 260px;
  height: 44px;
  border-radius: 4px;
  padding: 0;
  margin: 0 auto;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 44px;
  padding: 0 25px;
  padding-right: 27px;
  overflow: hidden;
  color: #2f2f2f;
  text-align: left;
box-shadow: 1px 1px 0px #cccccc;
}
.pricing:checked + label:before,
.pricing:not(:checked) + label:before{
  position: absolute;
  content: '';
  z-index: -2;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}
.pricing:checked + label:after,
.pricing:not(:checked) + label:after{
  position: absolute;
  content: '';
  z-index: -1;
  background-color: #87ceeb;
  width: 128px;
  height: 40px;
  display: block;
  top: 2px;
  left: 2px;
  border-radius: 2px;
  transition: left 300ms linear;
}
.pricing:checked + label:after {
  left: 130px;
}
.block-diff {
  display: block;

}

.card-3d-wrap {
    position: relative;
    width: 466px;
    max-width: calc(100% - 20px);
    height: 772px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    perspective: 1000px;
    margin: 15px auto 90px;
}
.card-3d-wrapper {
  width: 100%;
  height: 100%;
  position:absolute;    
  top: 0;
  left: 0;  
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: transform 700ms 400ms ease-out; 
}
.card-front, .card-back {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  position: absolute;
  border-radius: 6px;
  left: 0;
  top: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

}
.card-back {
  transform: rotateY(180deg);
}
.pricing:checked ~ .card-3d-wrap .card-3d-wrapper {
  transform: rotateY(180deg);
  transition: transform 700ms 400ms ease-out; 
}
.pricing-wrap{
  position: relative;
  padding-top: 30px;
  width: 100%;
  display: block;
  z-index: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pricing-wrap h4{
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  font-size: 22px;
  line-height: 1.7;
  color: #102770;
  transform: translate3d(0, 0, 35px) perspective(100px);
}
.pricing-wrap h4:before{
  position: absolute;
  content: '';
  z-index: -1;
 background: linear-gradient(217deg, #baa685, #fdebce);
  width: 70px;
  height: 70px;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 6px 20px 0 rgba(16, 39, 112,.3);
  animation: border-transform 6s linear infinite;
}
.card-back .pricing-wrap h4:before{
  background: linear-gradient(217deg, #baa685, #ffe5ba);
}
@keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}
.pricing-wrap h2{
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 1.1;
  color: #102770;
  transform: translate3d(0, 0, 30px) perspective(100px);
}
.pricing-wrap h2 sup{
  font-size: 20px;
}
.pricing-wrap p {
    position: relative;
    width: 95%;
    display: block;
    text-align: center;
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 500;
    font-size: 18px;
    line-height: 2.3;
    /* letter-spacing: 1px; */
    color: #535250;
    transform: translate3d(0, 0, 30px) perspective(100px);
    border-bottom: .3px solid #cccccc61;
    /* padding: 0 44px; */
    left: 10px;
}
.card-back h2,
.card-back p,
.card-back h4{
  color: #0c1c00;
}
.link {
    position: relative;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    color: #555555;
    background-color: #87ceeb;
    transition: all 200ms linear;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    transform: translate3d(0, 0, 30px) perspective(100px);
}
.link:hover {
  color: #102770;
  background-color: #ffeba7;
}
.card-back .link{
  background-color: #87ceeb;
}
.card-back .link:hover{
  color: #0c1c00;
  background-color: #ffeba7;
}
.img-wrap img{
  width: 100%;
  height: auto;
  display: block;
}
.img-1{
  position: absolute;
  display: block;
  left: -160px;
  top: -50px;
  z-index: 5;
  width: calc(80% + 160px);
  transform: translate3d(0, 0, 45px) perspective(100px);
  opacity: 1;
  pointer-events: auto;
  transition: transform 400ms 1200ms ease, opacity 400ms 1200ms ease;
}
.pricing:checked ~ .card-3d-wrap .card-3d-wrapper .img-1 {
  opacity: 0;
  transform: translate3d(-50px, 25px, 45px) perspective(100px);
  pointer-events: none;
  transition: transform 400ms ease, opacity 200ms 150ms ease;
}
.img-2 {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  z-index: 1;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow: hidden;
  width: 100%;
  transform: translate3d(0, 0, 15px) perspective(100px);
}
.img-3{
  position: absolute;
  display: block;
  right: -20px;
  top: -40px;
  z-index: 5;
  width: calc(60% + 20px);
  transform: translate3d(0, 0, 55px) perspective(100px) scale(1);
  opacity: 1;
  pointer-events: auto;
  transition: transform 300ms 1300ms ease, opacity 200ms 1300ms ease;
}
.pricing:checked ~ .card-3d-wrap .card-3d-wrapper .img-3 {
  opacity: 0;
  transform: translate3d(-50px, 5px, 55px) perspective(100px) scale(0.4);
  pointer-events: none;
  transition: transform 400ms ease, opacity 200ms 150ms ease;
}
.img-6{
  position: absolute;
  display: block;
  right: -20px;
  bottom: -55px;
  z-index: 5;
  width: calc(20% + 30px);
  transform: translate3d(0, 0, 25px) perspective(100px) scale(1);
  opacity: 1;
  pointer-events: auto;
  transition: transform 300ms 1300ms ease, opacity 200ms 1300ms ease;
}
.pricing:checked ~ .card-3d-wrap .card-3d-wrapper .img-6 {
  opacity: 0;
  transform: translate3d(0, 0, 25px) perspective(100px) scale(0.4);
  pointer-events: none;
  transition: transform 400ms ease, opacity 200ms 150ms ease;
}

.img-4{
  position: absolute;
  display: block;
  left: -60px;
  top: -60px;
  z-index: 5;
  width: calc(65% + 60px);
  transform: translate3d(0, 0, 45px) perspective(100px) scale(0.5);
  opacity: 0;
  pointer-events: none;
  transition: transform 400ms ease, opacity 200ms 150ms ease;
}
.pricing:checked ~ .card-3d-wrap .card-3d-wrapper .img-4 {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 45px) perspective(100px) scale(1);
  transition: transform 400ms 1200ms ease, opacity 300ms 1200ms ease;
}
.img-5{
  position: absolute;
  display: block;
  right: -70px;
  top: -50px;
  z-index: 6;
  width: calc(60% + 70px);
  transform: translate3d(0, 0, 35px) perspective(100px) scale(0.5) rotate(0deg);
  opacity: 0;
  pointer-events: none;
  transition: transform 400ms 100ms ease, opacity 200ms 250ms ease;
}
.pricing:checked ~ .card-3d-wrap .card-3d-wrapper .img-5 {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 35px) perspective(100px) scale(1) rotate(10deg);
  transition: transform 400ms 1300ms ease, opacity 300ms 1300ms ease;
}
.img-7{
  position: absolute;
  display: block;
  right: -30px;
  bottom: -65px;
  z-index: 6;
  width: calc(25% + 30px);
  transform: translate3d(0, 0, 35px) perspective(100px) scale(0.5);
  opacity: 0;
  pointer-events: none;
  transition: transform 400ms 100ms ease, opacity 200ms 250ms ease;
}
.pricing:checked ~ .card-3d-wrap .card-3d-wrapper .img-7 {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 35px) perspective(100px) scale(1);
  transition: transform 400ms 1300ms ease, opacity 300ms 1300ms ease;
}
span.float-right {
    float: right;
}
.home-page-order {
    padding-top: 70px;
}

div#pricing {
    display: flex;
    justify-content: space-around;
}

div#pricing {
    margin-bottom: -52px;
    border-bottom: 1px ridge;
    padding-top: 100px;
    padding-bottom: 50px;
}

.card-3d-wrapper {
    box-shadow: 1px 1px 1px 1px #2f2f2f08;
}

.ckeditor-accordion-container {
    width: 700px;
}
.views-field.views-field-field-upload-video-comment, 
.views-field.views-field-field-record-audio {
    margin-top: 45px;
}

div#views_slideshow_cycle_main_tributes-block_2 .plyr--video {
    box-shadow: none;
}

.view-tributes .views-field.views-field-field-upload-video-comment .plyr--video {
    padding: 11px;
    border: 1px inset;
    border-radius: 5px;
    background: transparent!important;
}
.view-tributes .plyr--video .plyr__controls {
    margin: 0 11px 11px;
}

div#quicktabs-tabpage-page_tabs-7 {
    margin-bottom: 200px;
}
.views-field.views-field-field-record-audio .plyr--audio {
    border-radius: 50px;
}
svg.icon--not-pressed {
    position: relative;
    right: -2px;
}
.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    border-radius: 15px;
}
button.ui-dialog-titlebar-close:before {
    content: 'Close';
    position: absolute;
    left: -19px;
    width: 50px;
    color: #fff!important;
    cursor: pointer;
    top: 7px;
}
.ui-dialog .ui-dialog-title {
    color: #fff;
}
.ui-dialog .ui-dialog-titlebar {
    background: #3f769b;
}
.view-locations .views-field.views-field-field-date {
    font-size: 22px;
    font-weight: bold;
letter-spacing: 2px;
}
/*
.phone-show-media:after {
    content: '';
    background: #f1f1f1;
    width: 60px;
    height: 12px;
    display: block;
    position: relative;
    border-radius: 3px;
    left: 250px;
    top: -33px;
    border: 1px inset;
}
*/
#progress-bar-1705781451 svg.progress-circle path {
    stroke: #555555!important;
}
.f-b-inner {
  border-radius: 5px;
}
.front-features-box-0, .front-features-box-1, .front-features-box-2, .front-features-box-3, .front-features-box-4, .front-features-box-5 {
    border-radius: 5px;
}
.f-b-inner .sash {
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
    box-shadow: none;
    text-align: center;
}

.phone-show-media iframe {
    margin: 0 auto;
    display: block;
    background: #fff9f2;
    border-radius: 8px;
    padding: 38px 15px 50px 15px;
    box-shadow: 1px 1px 2px 1px #cccccc70;
}
/*
.form-item-name label {
    visibility: hidden;
    font-size: 0;
}

.form-item-name label:before {
    visibility: visible;
    content: 'Username/Email';
    font-size: 17px;
}
*/
div#edit-name--description {
    display: none;
}

@media (max-width: 700px) {

 div#quicktabs-container-companion_content p {
    font-size: 3.5vw;
    padding: 0!important;
    margin: 0;
    line-height: 30px;
}   
    .w3-row.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a {
    padding: 10px 28px  5px 28px;
    border-radius: 3px;
    color: #333;
}
.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a:before {
    content: 'mark_as_unread';
    font-family: 'Material Icons';
    position: relative;
    top: 2px;
    left: -3px;
 }
.views-field.views-field-field-hymns {
    padding: 10px;
}

    
}

@media (max-width: 1000px) {
       .w3-row.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a {
    padding: 10px 28px  5px 28px;
    border-radius: 3px;
    color: #333;
}
.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a:before {
    content: 'mark_as_unread';
    font-family: 'Material Icons';
    position: relative;
    top: 2px;
    left: -3px;
 }
.views-field.views-field-field-hymns {
   
    padding:10px
}
}   
.views-field.views-field-field-activity {
    font-size: .25em;
}
.bttwpi-progressbar-container {
    bottom: 8px;
}
.front-reviews-box {

background: #fff9f2;
}

svg.svg-inline--fa.fa-quote-right.fa-6x {
    color: #e0e9ef;
    filter: drop-shadow(1px 1px 1px grey);
}

.is-countdown {
    border: 0; 
    border-radius: 10px;
    line-height: normal;
}
.field-timer-jquery-countdown {
    margin-top: 20px;
    background: transparent;
}

.countdown-period {
    font-size: 14px;
    background: #ffffff;
    padding: 3px 13px;
    margin: 0 10px;
    border-radius: 10px;
    color: #000;
    text-transform: uppercase;
    text-shadow: none!important;
font-weight: bold!important;
}

.countdown-amount {
    font-size: 66px;
}


.collapse-text-text section {
    max-width: 438px;
    padding: 25px;
    box-shadow: 1px 1px 1px 1px #2f2f2f08;
    border-radius: 5px;
    background: #e0e9ef;
margin-bottom: 100px;
}

.collapse-text-text section button {
    margin: 40px auto 20px auto;
    display: block;
    color: #baa685!important;
    background: #ffffff;
    border: 1px solid #baa685;
    padding: 8px 36px;
    cursor: pointer;
    border-radius: 32px;
}

.collapse-text-text section .price {
    text-align: center;
}

.collapse-text-text section details {
    border-bottom: 1px solid #cccccc4f;
    min-height: 62px;
}
.price.menu li {
    border-bottom: 1px solid #baa6855e;
    padding-top: 15px;
}
.price.menu {
    background: #fff9f2;
}

.price.menu h2, summary::marker {
    color: #baa685;
}
.w3-section.details-wrapper .collapse-text-text {
    background: #d9e2e7;
    padding-left: 12px;
    padding-bottom: 24px;
    text-shadow: 0 0 #e0e9ef;
}
.price.menu h2 {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: normal;
    margin: 0 0 4px 0;
    padding: 29px 0 0px 0;
    color: #555555;
    font-weight: bold;
text-shadow: 1px 1px 2px #ffffff;
}
.price.menu h4 {
    font-size: 72px;
    color: #baa685;
    margin: 0;
    padding: 0;
line-height: initial;
}
.price.menu p {
    padding: 0;
    margin: 0;
}

.price.menu button {
    background: #fff;
    border: 0px;
    color: #baa685;
    cursor: pointer;
    border: 1px solid #baa685;
    cursor: pointer;
    padding: 10px 20px 8px 20px;
    border-radius: 55px;
    text-transform: uppercase;
    box-shadow: 1px 1px 1px #cccccc85;
    display: block;
    margin: 35px auto 20px;
}

.price.menu a {
    margin: 0 auto;
}

.f-b-inner p {
    padding: 0px 10px;
    color: #555;
    font-size: 17px;
    line-height: 28px;
margin-top: 0;
}

.view-locations.view-id-locations.view-display-id-block_1 header.view-header p {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
margin-top: 0;
}
.owl-theme .owl-nav [class*='owl-'] {
    border-radius: 0px;
}



[obituary-tab-option="Off"] li#quicktabs-tab-page_tabs-0, 
[obituary-tab-option="Off"] div#quicktabs-tabpage-page_tabs-0 {
    display: none;
}

[ceremony-tab-option="Off"] li#quicktabs-tab-page_tabs-1, 
[ceremony-tab-option="Off"] div#quicktabs-tabpage-page_tabs-1 {
   display: none;
}

[seating-tab-option="Off"] li#quicktabs-tab-page_tabs-2,
 [seating-tab-option="Off"] div#quicktabs-tabpage-page_tabs-2 {
    display: none;
}

[dining-menu-tab-option="Off"] li#quicktabs-tab-page_tabs-3, 
[dining-menu-tab-option="Off"] div#quicktabs-tabpage-page_tabs-3 {
    display: none;
}

[tributes-tab-option="Off"] li#quicktabs-tab-page_tabs-5, 
[tributes-tab-option="Off"] div#quicktabs-tabpage-page_tabs-5 {
    display: none;
}

[video-gallery-tab-option="Off"] li#quicktabs-tab-page_tabs-6, 
[video-gallery-tab-option="Off"] div#quicktabs-tabpage-page_tabs-6 {
    display: none;
}
[image-gallery-tab-option="Off"] li#quicktabs-tab-page_tabs-7, 
[image-gallery-tab-option="Off"] div#quicktabs-tabpage-page_tabs-7 {
    display: none;
}

.w3-row.field.field--name-field-portrait.field--type-image.field--label-hidden.field__item img {
    margin-top: -90px;
}

#an-close {
    top: 4px!important;
    position: fixed!important;
    right: 12px!important;
}

.block-views.block-views-blockaudio-block-1 {
    top: 0;
    height: 100%;
    position: fixed;
    z-index: 99;
    background: #ffffff6b;
    padding: 25% 0;
visibility:hidden;
}
.block-block-content8476d576-3a99-4b54-b23b-9d3b64473b63 {
      margin-top: 97px;
    position: relative;
    z-index: 9;
}

.block-views.block-views-blockaudio-block-1 .view-content {
    margin: 0 auto;
    width: 50%;
}

p.bga-close {
    position: relative;
    right: -25%;
    margin-bottom: -27px;
    font-weight: bold;
    font-size: 40px;
    margin-top: 0;
}
.bga-see {
visibility:visible!important;
}

.q-options {
    display: flex;
    flex-direction: column;
}

..q-options .custom-rating-wrapper.rate-enabled {
    border: 1px inset #cccccc47;
    padding: 9px 9px;
    border-radius: 7px;
    background: #ccc;
    color: #fff;
}

.rating-option-result {
    color: #000;
    background: #dee7ed;
    border-radius: 4px;
}
.node.node--type-questionnaire .w3-row.field.field--name-title.field--type-string.field--label-hidden.w3-bar-item.field__item {
    margin-bottom: 20px;
}

article.contextual-region.w3-row.node.node--type-questionnaire.node--view-mode-full {
    padding: 0 25px 25px;
}

div.custom-rating-wrapper > div > label.rating-label {
    text-transform: none;
}


.q-options {
    display: flex;
    flex-direction: column;
}

.q-options .custom-rating-wrapper.rate-enabled {
    border: 1px inset #cccccc47;
    padding: 9px 9px;
    border-radius: 10px;
    background: #ccc;
    color: #fff;
}

.rating-option-result {
    color: #000;
    background: #dee7ed;
    border-radius: 4px;
}
article.contextual-region.w3-row.node.node--type-questionnaire.node--view-mode-full {
    padding: 0 25px 25px;
}

div.custom-rating-wrapper > div > label.rating-label {
    text-transform: none;
}
.block-private-message-notification-block .private-message-page-link:focus {
    box-shadow: none!important;
}
.front-features-box-box h3 {
    color: #555555;
    text-shadow: 0 0 black;
    text-transform: capitalize;
}
.votingapi-reaction-form .votingapi-reaction-radios label {
    max-width: 200px;
    font-size: 15px;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view {
    padding: 50px;
    max-width: 950px;

}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view div#edit-field-react-0-status .w3-section {
    border: 1px inset #cccccc47;
    padding: 0 20px;
    border-radius: 5px;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .field--name-field-heading {
margin-bottom: 200px;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view h2.comment-form__title {
    display: none;
}



div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view[data-drupal-selector="edit-comment-body-0-format"] {
    display: none;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view div#edit-field-react-0-status {
    display: none;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view div#edit-field-react-0-status label {
    font-size: 18px;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .button--primary, 
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view  .button--primary:hover, 
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .button--primary:active, 
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .button--primary:focus {
    margin-top: 1rem;
    height: inherit;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: inherit;
/*    color: #fff!important; */
    outline: none;
    font-weight: bold;
    box-shadow: none;
    font-size: 15px;
    padding: 16px;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view p.comment__time {
    display: block;
    font-size: 12px!important;
    padding-top: 24px;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view div#edit-actions--3 {
    float: right;
    position: relative;
    right: -174px;
    top: -117px;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
    height: 82px;
    font-size: 25px;
    padding: 10px;
    background: #fff!important;
}
.w3-section.js-form-item.form-item.js-form-type-textarea.form-type-textarea.js-form-item-comment-body-0-value.form-item-comment-body-0-value label {
    display: none;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    height: 82px;
    font-size: 25px;
    padding: 10px;
    background: #fff!important;
}


div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .js-filter-wrapper {
    display: none;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .fieldset-wrapper .w3-panel
div#edit-field-react-0-status--yXpqKv72Y_s {
    display: none;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view [data-drupal-selector="edit-cancel"] {
    font-size: 15px;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view [data-drupal-selector="edit-actions"] {
    display: flex;
justify-content: flex-end;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view [data-drupal-selector="edit-actions"] input, 
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view [data-drupal-selector="edit-actions"] input:hover {
/*    background: #fff;
    color: #555555!important; */
padding: 4px 16px;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .votingapi-reaction-form .votingapi-reaction-radios label {
    max-width: 200px;
    font-size: 7px;
    padding-right: 0;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .votingapi-reaction-form .votingapi-reaction-radios> :first-child {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    justify-content: flex-end;
    position: absolute;
    right: 10px;
    bottom: 0;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .comment .links {
    padding: 0 0 0.25em 0;
    position: absolute;
    bottom: 0;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .comment__content {
    border-radius: 5px;
    text-align: left;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view .votingapi-reaction-form .votingapi-reaction-radios label .votingapi-reaction-item {
    margin: 0 3px;
    padding: 0px;
}

div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view [data-drupal-selector="edit-field-react-0-status"] {
    display: none;
}
div#quicktabs-tabpage-page_tabs-8 .views-element-container.w3-row.element-container-wrapper .view [data-izi-messages] {
    font-size: 13px;
    position: relative;
    top: -41px;
    width: 500px;
    margin: 0 auto;
}


div#quicktabs-tabpage-page_tabs-5 .w3-row.view.view-tributes.view-id-tributes.view-display-id-block_2.js-view-dom-id-5c805dff8f40ac699a8345a0858b0b4401b843844f916af55046218c0322d5f5 {
    background: transparent!important;
    padding: 0!important;
    box-shadow: none;
}

.event-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 50px;
}
div#quicktabs-tabpage-page_tabs-4 p {
    padding: 0 10px!important;
}

@media(max-width:950px) {
 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, ul.timeline-list li.timeline-item:after {
    display: none;
}
ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper {
    width: 100%;
 }
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {
    margin-bottom: 50px;
}
.event-links span, .event-links div {
    margin-bottom: 13px!important;
}
li.timeline-item.even .addtocalendar:before {
    margin-top: 0px;
}
}

section#block-views-blocklocations-block-1 .view-header p {
    line-height: 61px;
font-size: 30px;
}

.votingapi-reaction-form .votingapi-reaction-radios label .votingapi-reaction-image {
    width: 21px;
    height: 23px;
}

home-1.tablet-block {
    border-top: 1px inset #55555559;
}

.front-about-box {
    border-top: 1px inset #55555559
}
.home-1.tablet-block {
    border-top: 1px inset #55555559;
}
.node-id-6 div#page-title {
    display: none;
}
/*
.home-0.phone-block {
    border-top: 1px inset #55555559
}
*/

@media (max-width: 500px) {
.countdown-period {
    font-size: 9px!important;
 }	
.views-field.views-field-field-activity {
    font-size: 15px!important;
}
.views-field.views-field-field-hymns {
    padding-top: 10px;
}
.block-field-blockgroupwedding-companionfield-rsvp-a {
    font-size: 3.5vw!important;
}
.view-locations .views-field.views-field-field-date {
    font-size: 15px;
    font-weight: normal;
}
p.field-content.get-directions a:before {
    font-size: 17px;
}
div#quicktabs-tabpage-page_tabs-0 p.field-content.get-directions {
    font-size: 15px!important;
}
.view-locations .views-field.views-field-field-date {
    font-size: 15px;
    font-weight: normal;
}
.view-locations.view-id-locations.view-display-id-block_1 h5 {
    font-size: 48px!important;
}
.view-locations.view-id-locations.view-display-id-block_1 {
    padding-top: 0!important;
}
div#quicktabs-container-companion_content  footer {
    margin-top: 20px;
}
.tab-menu-off-canvas .w3-row.item-list ul {
    padding-left: 36px;
 }
.w3-row.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a {
    padding: 10px 28px  5px 28px;
    border-radius: 3px;
    color: #333;
font-size: 16px;
}
.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.w3-bar-item.field__item a:before {
    content: 'mark_as_unread';
    font-family: 'Material Icons';
    position: relative;
    top: 2px;
    left: -3px;
 }
.view-locations .view-content .views-row {
    padding: 0 0px 20px 18px;
    margin-left: 20px;
 }
.block-field-blockgroupwedding-companionlabel {
    font-size: clamp(1rem,-1.3855rem + 17.6336vw,8.5rem);
}
.block-field-blockgroupwedding-companionfield-embedded-video {
    border-radius: 5px;
}
}

.card-0 img, .card-1 img, .card-2 img {
    border: 1px solid #ccc;
}



p.subber {
    margin-top: 16px!important;
    color: #baa685;
    text-shadow: 0px 1px 0px #ffffff;
}

.home-page-order section div {
    position: relative;
    padding: 14px;
    max-width: 600px!important;
    box-shadow: 1px 1px 1px 1px #2f2f2f08;
    border-radius: 4px;
    top: -16px;
}
span.term-ting {
    color: #baa685;
    position: relative;
    top: 1px;
    font-size: 24px;
}
p.smprt {
    font-size: 13px;
    max-width: 600px;
    margin-top: -13px;
color: #fff;
}
h2.section-title {
    text-align: center;
    color: #baa685;
    font-size: 50px;
    text-shadow: 1px 1px 2px #ffffff;
}


.path-tfa form#email-tfa-email-tfa-verify-login {
    padding: 50px 0;
    max-width: 382px;
    margin: 0 auto;
}

.path-tfa #main-container {
    background: #fff9f2;
}

.path-tfa section#block-drupal8-w3css-theme-content {
    background: #dee7ed;
    border-bottom: 1px dashed #baa685;
}

.path-tfa input#edit-resend, input#edit-submit {
transition: .5s;
    background: #fff;
    display: inline-block;
}
.klaro .cookie-notice:not(.cookie-modal-notice) {
    right: 126px;
}
.view-username-block- .views-field.views-field-nothing {
    display: none;
}

form#user-login-form {
    padding: 10px 25px;
    background: #e0e9ef;
    border-radius: 5px;
}
.views-field.views-field-field-review p:nth-of-type(2) {
    font-size: 3.5em;
    margin: 0;
    text-shadow: 1px 1px 1px #0000005e;
    color: #555;
    font-family: 'Tangerine';
}
.views-field.views-field-field-review p:nth-of-type(3) {
    font-style: italic;
}
/* The switch */
.switch {
position: relative;
display: inline-block;
width: 130px;
height: 35px;
}

/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}


/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ffffff;transition: .4s;}

.slider:before {
    position: absolute;
    content: " VIDEO";
    height: 26px;
    width: 56px;
    left: 4px;
    bottom: 4px;
    background-color: #3a3a3a !important;
    transition: .4s;
    z-index: 2;
    COLOR: #FFF;
    FONT-SIZE: 13PX;
    padding: 3px 7px;
}

input:checked + .slider {
background-color: #ffffff;
}

input:focus + .slider {
box-shadow: 0 0 1px #ccccccc47;
}

input:checked + .slider:before {transform: translateX(64px);}

/* Rounded sliders */
.slider.round {
border-radius: 4px;border: 1px inset #cccccc47;
}

.slider.round:before {
border-radius: 3PX;
}

.block-block-contentc2f7443d-f7c7-44d6-8bc4-e21b148d43d9 [type="checkbox"]:checked, .block-block-contentc2f7443d-f7c7-44d6-8bc4-e21b148d43d9  [type="checkbox"]:not(:checked) {
    position: unset;
    margin: 0 auto;
    display: block;
}
section.contextual-region.w3-block.w3-block-wrapper.block-block-content.block-block-contentc2f7443d-f7c7-44d6-8bc4-e21b148d43d9 .switch {
    margin: 0 auto;
    z-index: 9999999;
    display: block;
}
.block-field-blockgroupwedding-companionfield-primary-video-toggler {
    position: relative;
    z-index: 1;
margin-top: 25px;
}

label.switch {
    margin: 0 auto;
    display: block;
}

label.switch:after {
    content: 'SHOW';
    display: block;
    position: relative;
    left: 7px;
    font-size: 15px;
    top: -23px;
    z-index: 1;
}

label.switch:before {
    content: 'HIDE';
    display: block;
    position: relative;
    left: 83px;
    font-size: 15px;
    top: 5px;
    z-index: 1;
}
[video--toggle--switch--option="Off"] .block-field-blockgroupwedding-companionfield-primary-video-toggler {
    display: none;
}



.js-form-item.form-item.js-form-type-textfield.form-type--textfield.js-form-item-field-application-download-0-title.form-item--field-application-download-0-title, .js-form-item.form-item.js-form-type-entity-autocomplete.form-type--entity-autocomplete.js-form-item-field-application-download-0-uri.form-item--field-application-download-0-uri, 
.js-form-item.form-item.js-form-type-textfield.form-type--textfield.js-form-item-field-application-download-1-title.form-item--field-application-download-1-title, .js-form-item.form-item.js-form-type-entity-autocomplete.form-type--entity-autocomplete.js-form-item-field-application-download-1-uri.form-item--field-application-download-1-uri, 
.js-form-item.form-item.js-form-type-textfield.form-type--textfield.js-form-item-field-application-download-2-title.form-item--field-application-download-2-title, .js-form-item.form-item.js-form-type-entity-autocomplete.form-type--entity-autocomplete.js-form-item-field-application-download-2-uri.form-item--field-application-download-2-uri, 
.js-form-item.form-item.js-form-type-textfield.form-type--textfield.js-form-item-field-application-download-3-title.form-item--field-application-download-3-title, .js-form-item.form-item.js-form-type-entity-autocomplete.form-type--entity-autocomplete.js-form-item-field-application-download-3-uri.form-item--field-application-download-3-uri, 
.js-form-item.form-item.js-form-type-textfield.form-type--textfield.js-form-item-field-application-download-4-title.form-item--field-application-download-4-title, .js-form-item.form-item.js-form-type-entity-autocomplete.form-type--entity-autocomplete.js-form-item-field-application-download-4-uri.form-item--field-application-download-4-uri {
    display: inline-block;
    max-width: 45%;
    vertical-align: top;
}
#main-container .main-box > div, section#block-drupal8-w3css-theme-local-tasks {
    background-color: #e1e9ef;
}
.block-field-blocknodearticlebody {
    padding-right: 32px;
}
.page-node-type-article .field--name-field-image.field--type-image img {
    width: 100%;
    background: #fff;
    border-radius: 8px;
}
.page-node-type-article .field--name-field-image.field--type-image {
    width: 100%;
    background: #e1e9ef;
    padding: 15px;
    border-radius: 8px;
    margin-top: 25px;
}

.comment-comment-form .js-form-submit {
    margin-top: 1rem;
    height: inherit;
    width: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    outline: none;
    font-weight: bold;
    box-shadow: 0.1em 0.25em 0.5em #00875f26;
    font-size: 15px;
    background: #fff;
}
.ck-editor__editable_inline {
    background: #fff!important;
}
.block-extra-field-blocknodearticlelinks {
    position: relative;
    top: 30px;
    left: -16px;
}

.block-extra-field-blocknodearticlelinks li a {
    background: transparent;
    color: #baa685;
    padding: 0!important;
}
.block-field-blocknodearticlefield-embed-video {
    width: 100%;
    background: #e1e9ef;
    padding: 15px;
    border-radius: 8px;
    margin-top: 25px;
}

.block-field-blocknodearticlefield-embed-video iframe {
    border-radius: 8px;
}
.view-taxonomy-term.view-id-taxonomy_term.view-display-id-page_1 .views-field.views-field-title a {
    text-decoration: underline;
}
.view-taxonomy-term.view-id-taxonomy_term.view-display-id-page_1  ol.item-list.w3-ul {
    list-style: auto;
}
.view-taxonomy-term.view-id-taxonomy_term.view-display-id-page_1 .views-field.views-field-title {
    position: absolute;
    margin-top: -23px;
}
.path-view-taxonomy-term section#block-drupal8-w3css-theme-content {
    margin-left: 50px;
}
.path-taxonomy section#block-drupal8-w3css-theme-content, .page-node-type-article section#block-drupal8-w3css-theme-content {
    padding: 30px!important;
}
.path-view-taxonomy-term .main-container-inner .second-sidebar > div {
    width: 380px!important;
}
section#block-drupal8-w3css-theme-views-block-knowledgebase-articles-block-1 {
    border: 1px solid #ccc;
    padding: 0 25px 25px;
    margin-right: 50px;
    border-radius:8px;
    margin-top:60px;
}
.view-knowledgebase-articles.view-id-knowledgebase_articles.view-display-id-block_1 .views-field.views-field-title:before {
    content: '• ';
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color: #ffffff!important;
    box-shadow: 1px 1px 1px #ccc!important;
}
.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice strong, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
color: #656565!important;
}
.klaro .cookie-modal .cm-modal.cm-klaro {
    background-color: #ffffff!important;
}
.klaro .cookie-modal .cm-modal .cm-header {
    border-bottom-color: #5c5c5c1a!important;
}
.klaro .cookie-modal .cm-modal .cm-footer {
    border-top-color: #5c5c5c1a!important;
}
.cookie-notice {
    bottom: 119px!important;
}

/* Frontend Editor*/
#group-formblock-container [type="checkbox"]:checked, #group-formblock-container [type="checkbox"]:not(:checked) {
    position: relative;
    left: 0px;
display: none;
}
details#edit-group-visibility-settings .details-wrapper label {
    text-transform: capitalize;
}
details#edit-group-visibility-settings .details-wrapper .form-item {
    background: #fff;
    padding: 12px;
    border-radius: 7px;
    border: 1px inset #cccccc47;
}
/*fonts */
details#edit-group-fonts label.ssui__option-label.form-item__label.option {
    visibility: hidden;
    font-size: 0;
display: none;
}
.ssui__item.form-type-boolean.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-field-heading-fonts-style-selector.form-item-field-heading-fonts-style-selector {
    flex-basis: fit-content;
}
.js-form-item-field-heading-fonts-style-selector:nth-of-type(1), .js-form-item-field-heading-fonts-style-selector:nth-of-type(2), .js-form-item-field-heading-fonts-style-selector:nth-of-type(3) {
    position: relative;
    left: -12px;
}
.js-form-item-field-heading-fonts-style-selector div {
    width: 137px;
}

.js-form-item-field-heading-fonts-style-selector {
    width: 120px!important;
}

/* tooltip */
#group-wedding-companion-frontend-editor-form .field--type-color-field-type label:before {
    content: '';
    width: 8px;
    height: 10px;
    display: block;
    position: absolute;
    margin-top: -13px;
    margin-left: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #000000ba;
}
#group-wedding-companion-frontend-editor-form .field--type-color-field-type:hover label {
    visibility: visible;
}
#group-wedding-companion-frontend-editor-form .field--type-color-field-type label {
    visibility: hidden;
    width: fit-content;
    background-color: #000000ba;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 4px 9px;
    position: absolute;
    z-index: 1;
    margin-top: -55px;
    margin-left: 48px;
    font-size: 12px;
    font-weight: normal;
}
/*  style selector labels  */
div#edit-field-texture-style-selector label {
    display: none;
}
div#edit-field-heading-fonts-style-selector label {
    display: none;
}



/*  toggler  */
.block-group-formblock-block h2.solo-block-title {
    display: none;
}
button#group-formblock-toggle {
    position: fixed;
    z-index: 999999999999999999;
    right: 15px;
    bottom: 81px;
    background: #fff9f2 !important;
    padding: 8px;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
    opacity: .6;
    border-radius: 90%;
}
button#group-formblock-toggle img:hover {
    opacity: 1;
    transform: translateY(-1px);
}
button#group-formblock-toggle:hover {
    opacity: 1;
}


/* Make it visible */
.group-block-visible {
  margin-left: 0 !important;
}
form#group-event-page-frontend-editor-form .details-wrapper {
    display: block;
}
[data-drupal-selector="edit-group-colours-shadows"] .details-wrapper .field--type-color-field-type {
    display: inline-block!important;
}

[data-drupal-selector="edit-group-colours-shadows"] .details-wrapper .field--type-color-field-type {
    display: inline-block!important;
}

[data-drupal-selector="edit-group-colours-shadows"] .details-wrapper .fieldset-wrapper.solo-clear .form-radios {
    display: flex!important;
}

div#edit-field-heading-fonts-style-selector .ssui__input:before {
    font-size: 24px;
    display: block;
    padding: 0 10px;
    position: relative;
    top: 36px;
}

div#edit-field-text-fonts-style-selector label {
    display: none;
}

div#edit-field-heading-fonts-style-selector, 
div#edit-field-text-fonts-style-selector {
    display: flex;
}
#group-formblock-container .vertical-tabs.clearfix {
    margin-left: 0;
border: 0;
}
#group-formblock-container a#edit-delete {
    display: none;
}
#group-formblock-container input#edit-submit {
    width: 100%;
    font-weight: bold;
    border-radius: 5px;
/*    box-shadow: inset 0 0 var(--solo-px10) var(--r-br); */
    background-color: #fff;
    color: #555555;
}

/*  color picker (spectrum) */
.sp-replacer {
    border: solid 1px #d7d7d7;
    background: #f1f1f1;
    color: #707070;
    border-radius: 3px;
}
.sp-preview {
    border: solid 1px #979797;
    border-radius: 2px;
}
.sp-container {
    border-radius: 0;
    background-color: #fff;
    border: solid 1px #dbdbdb;
    padding: 0;
    box-shadow: 1px 1px 7px 1px #ccc;
}

.sp-color, .sp-hue, .sp-clear, .sp-alpha-inner, .sp-initial {
    border: solid 1px #e5e5e5;
}
.js-media-library-item-preview {
    margin-top: 5px;
}
.js-media-library-item-preview .field__label {
    display: none;
}
/*Frontend background */
.grapick-cont .inputs {
    display: flex;
}
.copy-grid textarea {
    display: none;
}
group-formblock-container [type="checkbox"]:checked, group-formblock-container .form-type-boolean  [type="checkbox"]:not(:checked) {
    left: 0;
    position: relative;
}
.grp-wrapper {
    height: 100px!important;
}
div#grapick {
    margin-bottom: 20px;
}
div#edit-field-gradient-wrapper label {
    text-transform: none;
}
details#edit-group-colours .details-wrapper {
    display: flex;
    flex-wrap: wrap;
gap: 10px;
}
fieldset#edit-field-shadow-opacity-style-selector--wrapper .solo-clear .ssui__item-group {
    margin: 0!important;
}
div#edit-field-shadow-opacity-style-selector {
    gap: 5px;
}
div#edit-field-shadow-opacity-style-selector .form-type-boolean {
    width: 40px;
    justify-content: center;
    height: 40px;
    border-radius: 22px;
}
.grapick-cont {
    margin-top: 19px;
}

/* frontend editor end
[data-drupal-selector="edit-field-header-image-selection-0-rendered-entity"] div:nth-of-type(2), [data-drupal-selector="edit-field-background-image-selection-0-rendered-entity"] div:nth-of-type(2) {
    display: none;
}
li#navigation-link-ptah-toolboxadmin [class*=toolbar-button--icon] {
    --icon: hidden!important;
}

#group-formblock-container details.form-wrapper {
    box-shadow: 1px 1px 1px #ccc;
    border: 1px solid #cccccc47;
 border-radius:5px;
}
#group-formblock-container .w3-section.details-wrapper .field--type-color-field-type label {
    display: none;
}
#group-formblock-container .w3-section.details-wrapper .field--type-color-field-type {
    display: inline-flex;
}
/* vertical tabs */
#group-formblock-container .vertical-tabs.clearfix {
    margin-left: 0;
    border: 0;
background: transparent;
}
#group-formblock-container ul.vertical-tabs__menu {
    float: none;
    margin: 0;
    display: flex;
    width: auto;
    border: 0;
}


#group-formblock-container ul.vertical-tabs__menu li a {
    padding: 0;
    border: 0;
    background: transparent;
}

#group-formblock-container li.vertical-tabs__menu-item.first, #group-formblock-container .vertical-tabs__menu-item {
    background: rgb(255 255 254)!important;
    margin: 0;
    padding: 12px;
    border: 1px solid #f2ecde;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    width: 100%;
    border-radius: 0;
}
#group-formblock-container div#edit-revision-log-message-wrapper {
    width: -webkit-fill-available;
}
#group-formblock-container li.vertical-tabs__menu-item.first a, #group-formblock-container li.vertical-tabs__menu-item.first a:hover {
    text-decoration: none;
}

#group-formblock-container li.vertical-tabs__menu-item {
    display: inline;
}
#group-formblock-container .vertical-tabs__menu-item a:hover, 
#group-formblock-container  .vertical-tabs__menu-item a:hover strong {
    outline: 0;
#group-formblock-container  font-weight:normal;
    text-decoration: none!important;
}
span.vertical-tabs__menu-item-summary {
    display: none;
}
#group-formblock-container .vertical-tabs .vertical-tabs__panes {
    padding: 0;
}

#group-formblock-container .vertical-tabs .vertical-tabs__panes details.form-wrapper {
    padding: 21px!important;
    border: 1px solid #f2ecde;
    box-shadow: none;
}
#edit-group-visibility- .details-wrapper .field--type-boolean {
    background: #fff;
    margin: 12px;
    padding: 0 0 0 22px;
    border-radius: 3px;
}
fieldset#edit-field-text-fonts-style-selector--wrapper, 
fieldset#edit-field-heading-fonts-style-selector--wrapper, 
fieldset#edit-field-texture-style-selector--wrapper {
    margin-right: 0;
    padding-right: 0;
}

*/

/* Media library */
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {

    padding: 17px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
ul.js-media-library-menu.w3-ul.ul-0 li a {
    background: #555555;
    color: #ffffff;
    padding: 8px 25px;
    border-radius: 4px;
}

ul.js-media-library-menu.w3-ul.ul-0 {
    margin-left: -19px;
    margin-top: 15px;
}
.view-filters.form-group .w3-block {
    padding: 30px;
border-radius: 5px;
}
.ui-widget select, .ui-widget textarea, [data-drupal-selector="edit-name"] {
    padding-right: 20px!important;

    border-radius: 5px;
    margin-top: 19px;
    background: #fff;
    border: 1px solid #33333357;
}

.external-media-widget-wrapper .browse:before {
    content: '';
    background: url(https://stela.page/sites/default/files/media_icons/file-upload_12067196.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-top: 2px;
    position: relative;
    top: 4px;
}
a.button.pixabay-picker:before {
    content: '';
    background: url(https://stela.page/sites/default/files/media_icons/pixabay_2111606.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 4px;
    background-size: contain;
    margin: 0 4px 0 8px;
}
a.unsplash-picker:before {
    content: '';
    background: url(https://stela.page/sites/default/files/media_icons/unspash_2111751.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 4px;
    background-size: contain;
    margin: 0 4px 0 8px;
}
a.pexels-picker:before {
    content: '';
    background: url(https://stela.page/sites/default/files/media_icons/pixels.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 4px;
    background-size: contain;
    margin: 0 4px 0 8px;
}
a.views-display-link.views-display-link-widget:before {
    content: '';
    background: url(https://stela.page/sites/default/files/media_icons/grid_18969728.svg);
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 1px;
    background-size: contain;
    margin: -3px 4px 0 0px;
}
a.views-display-link-widget_table:before {
    content: '';
    background: url(https://stela.page/sites/default/files/media_icons/tablet_1629508.svg);
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 1px;
    background-size: contain;
    margin: -3px 4px 0 0px;
}

.media-library-widget-modal .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
    border: 0!important;
    margin-right: 10px!important;
}
.media-library-widget-modal .w3-button:before {
    content: '';
    background: url(https://stela.page/sites/default/files/media_icons/plus_10503173.svg);
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
    background-size: contain;
}

.form-item-image-source label:before {
    content: 'Select an image source ';
    visibility: visible;
}

.form-item-image-source label {
    visibility: hidden;
    margin-bottom: -13px!important;
}

.form-item-image-source label select {
    margin-top: -32px!important;
    padding-top: 0;
}

[data-drupal-selector="edit-image-source"] {
    margin-top: 6px!important;
    border: 1px solid rgb(51, 51, 51);
    background-image: var(--solo-select-arrow-icon)!important;
    background-repeat: no-repeat!important;
    background-position: var(--select-arrow, right var(--solo-px10)) center!important;
}

[data-drupal-selector="edit-image-source"]:after {
    content: 'hjghgj';
    display: block;
    visibility: visible;
    position: relative;
}

.form-item-image-source {
    margin-left: 12px;
}

div#media-library-view .view-filters {
    background: #fff;
border-radius:8px;
}

.view-media-library [data-drupal-selector="edit-sort-by"] {
    min-width: 161px;
    border: 1px solid rgb(51, 51, 51);
    background-image: var(--solo-select-arrow-icon);
    background-repeat: no-repeat;
    background-position: var(--select-arrow, right var(--solo-px10)) center;
}
details#image_generator_ajax_wrapper, .form-item-image-generator-ai-provider {
    display: none;
}
div#media-library-add-form-wrapper form [data-drupal-selector="edit-generate-image"] {
    background: #333333;
    color: #fff;
}
div#media-library-add-form-wrapper form [data-drupal-selector="edit-prompt"] {
    margin-top: 3px;
    margin-bottom: 6px;
}

/*  media library end */

/*  font selection  */
input#edit-field-heading-fonts-style-selector-almalik:before {
    padding-top: 21px;
    content: 'Almalik';
    font-family: 'almalik';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-altgotisch:before {
    padding-top: 21px;
    content: 'Altgotisch';
    font-family: 'Altgotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-anton:before {
    padding-top: 21px;
    content: 'Anton';
    font-family: 'Anton';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-bargitta:before {
    padding-top: 21px;
    content: 'Bargitta';
    font-family: 'Bargitta';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-bitterdine:before {
    padding-top: 21px;
    content: 'Bitterdine';
    font-family: 'Bitterdine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-blank-moment:before {
    padding-top: 21px;
    content: 'Blank Moment';
    font-family: 'Blank Moment';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-cabin-sketch:before {
    padding-top: 21px;
    content: 'Cabin Sketch';
    font-family: 'Cabin Sketch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-camilla:before {
    padding-top: 21px;
    content: 'Camilla';
    font-family: 'camilla';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-carrol-wild:before {
    padding-top: 21px;
    content: 'Carrol Wild';
    font-family: 'Carrol Wild';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-cloistered-monk:before {
    padding-top: 21px;
    content: 'Cloistered Monk';
    font-family: 'Cloistered Monk';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-cody-star:before {
    padding-top: 21px;
    content: 'Cody Star';
    font-family: 'Cody Star';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-cookie:before {
    padding-top: 21px;
    content: 'Cookie';
    font-family: 'Cookie';
    font-size: 4vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-courgette:before {
    padding-top: 21px;
    content: 'Courgette';
    font-family: 'Courgette';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-covered-by-your-grace:before {
    padding-top: 21px;
    content: 'Covered By Your Grace';
    font-family: 'Covered By Your Grace';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-damion:before {
    padding-top: 21px;
    content: 'Damion';
    font-family: 'Damion';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-duarose:before {
    padding-top: 21px;
    content: 'Duarose';
    font-family: 'Duarose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-ferguson:before {
    padding-top: 21px;
    content: 'Ferguson';
    font-family: 'Ferguson';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-forestine:before {
    padding-top: 21px;
    content: 'Forestine';
    font-family: 'Forestine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-freaky-story:before {
    padding-top: 21px;
    content: 'Freaky Story';
    font-family: 'Freaky Story';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-ganiser:before {
    padding-top: 21px;
    content: 'Ganiser';
    font-family: 'Ganiser';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-grafika:before {
    padding-top: 21px;
    content: 'Grafika';
    font-family: 'Grafika';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-granesta:before {
    padding-top: 21px;
    content: 'Granesta';
    font-family: 'Granesta';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-im-fell-english:before {
    padding-top: 21px;
    content: 'Im Fell English';
    font-family: 'Im Fell English';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-jena-gotisch:before {
    padding-top: 21px;
    content: 'Jena Gotisch';
    font-family: 'Jena Gotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-karelle:before {
    padding-top: 21px;
    content: 'Karelle';
    font-family: 'Karelle';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-khodijah:before {
    padding-top: 21px;
    content: 'Khodijah';
    font-family: 'Khodijah';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-lancaster:before {
    padding-top: 21px;
    content: 'Lancaster';
    font-family: 'Lancaster';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-london-scroll:before {
    padding-top: 21px;
    content: 'London Scroll';
    font-family: 'London Scroll';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-metorius:before {
    padding-top: 21px;
    content: 'Metorius';
    font-family: 'Metorius';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-mr-de-haviland:before {
    padding-top: 21px;
    content: 'Mr De Haviland';
    font-family: 'Mr De Haviland';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-nicky:before {
    padding-top: 21px;
    content: 'Nicky';
    font-family: 'Nicky';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-open-sans:before {
    padding-top: 21px;
    content: 'Open Sans';
    font-family: 'Open Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-oswald:before {
    padding-top: 21px;
    content: 'Oswald';
    font-family: 'Oswald';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-passion-one:before {
    padding-top: 21px;
    content: 'Passion One';
    font-family: 'Passion One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-patua-one:before {
    padding-top: 21px;
    content: 'Patua One';
    font-family: 'Patua One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-persona:before {
    padding-top: 21px;
    content: 'Persona';
    font-family: 'Persona';
    font-size: 2.1vw;
    position: relative;
    top: 35px;
    left: 5px;
}
input#edit-field-heading-fonts-style-selector-point-panther:before {
    padding-top: 21px;
    content: 'Point Panther';
    font-family: 'Point Panther';
    font-size: 2.7vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-rochester:before {
    padding-top: 21px;
    content: 'Rochester';
    font-family: 'Rochester';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-rosterine:before {
    padding-top: 21px;
    content: 'Rosterine';
    font-family: 'Rosterine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-runestar:before {
    padding-top: 21px;
    content: 'Runestar';
    font-family: 'Runestar';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-seaweed-script:before {
    padding-top: 21px;
    content: 'Seaweed Script';
    font-family: 'Seaweed Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-shelbie-roger:before {
    padding-top: 21px;
    content: 'Shelbie Roger';
    font-family: 'Shelbie Roger';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-tangerine:before {
    padding-top: 21px;
    content: 'Tangerine';
    font-family: 'Tangerine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-auguststories:before {
    padding-top: 21px;
    content: 'August Stories';
    font-family: 'auguststories';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-lancose:before {
    padding-top: 21px;
    content: 'Lancose';
    font-family: 'lancose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-okeffe:before {
    padding-top: 21px;
    content: 'Okeffe';
    font-family: 'okeffe';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-roadstone:before {
    padding-top: 21px;
    content: 'Roadstone';
    font-family: 'roadstone';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-roward:before {
    padding-top: 21px;
    content: 'Roward';
    font-family: 'roward';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-vintagebinary:before {
    padding-top: 21px;
    content: 'Vintage Binary';
    font-family: 'vintagebinary';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}



input#edit-field-text-fonts-style-selector-almalik:before {
    padding-top: 21px;
    content: 'Almalik';
    font-family: 'almalik';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-altgotisch:before {
    padding-top: 21px;
    content: 'Altgotisch';
    font-family: 'Altgotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-anton:before {
    padding-top: 21px;
    content: 'Anton';
    font-family: 'Anton';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-bargitta:before {
    padding-top: 21px;
    content: 'Bargitta';
    font-family: 'Bargitta';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-bitterdine:before {
    padding-top: 21px;
    content: 'Bitterdine';
    font-family: 'Bitterdine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-text-fonts-style-selector-blank-moment:before {
    padding-top: 21px;
    content: 'Blank Moment';
    font-family: 'Blank Moment';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cabin-sketch:before {
    padding-top: 21px;
    content: 'Cabin Sketch';
    font-family: 'Cabin Sketch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-camilla:before {
    padding-top: 21px;
    content: 'Camilla';
    font-family: 'camilla';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-carrol-wild:before {
    padding-top: 21px;
    content: 'Carrol Wild';
    font-family: 'Carrol Wild';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cloistered-monk:before {
    padding-top: 21px;
    content: 'Cloistered Monk';
    font-family: 'Cloistered Monk';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cody-star:before {
    padding-top: 21px;
    content: 'Cody Star';
    font-family: 'Cody Star';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cookie:before {
    padding-top: 21px;
    content: 'Cookie';
    font-family: 'Cookie';
    font-size: 4vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-courgette:before {
    padding-top: 21px;
    content: 'Courgette';
    font-family: 'Courgette';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-covered-by-your-grace:before {
    padding-top: 21px;
    content: 'Covered By Your Grace';
    font-family: 'Covered By Your Grace';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-damion:before {
    padding-top: 21px;
    content: 'Damion';
    font-family: 'Damion';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-duarose:before {
    padding-top: 21px;
    content: 'Duarose';
    font-family: 'Duarose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-ferguson:before {
    padding-top: 21px;
    content: 'Ferguson';
    font-family: 'Ferguson';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-forestine:before {
    padding-top: 21px;
    content: 'Forestine';
    font-family: 'Forestine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-freaky-story:before {
    padding-top: 21px;
    content: 'Freaky Story';
    font-family: 'Freaky Story';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-ganiser:before {
    padding-top: 21px;
    content: 'Ganiser';
    font-family: 'Ganiser';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-grafika:before {
    padding-top: 21px;
    content: 'Grafika';
    font-family: 'Grafika';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-granesta:before {
    padding-top: 21px;
    content: 'Granesta';
    font-family: 'Granesta';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-im-fell-english:before {
    padding-top: 21px;
    content: 'Im Fell English';
    font-family: 'Im Fell English';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-jena-gotisch:before {
    padding-top: 21px;
    content: 'Jena Gotisch';
    font-family: 'Jena Gotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-karelle:before {
    padding-top: 21px;
    content: 'Karelle';
    font-family: 'Karelle';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-khodijah:before {
    padding-top: 21px;
    content: 'Khodijah';
    font-family: 'Khodijah';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-lancaster:before {
    padding-top: 21px;
    content: 'Lancaster';
    font-family: 'Lancaster';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-london-scroll:before {
    padding-top: 21px;
    content: 'London Scroll';
    font-family: 'London Scroll';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-metorius:before {
    padding-top: 21px;
    content: 'Metorius';
    font-family: 'Metorius';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-mr-de-haviland:before {
    padding-top: 21px;
    content: 'Mr De Haviland';
    font-family: 'Mr De Haviland';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-nicky:before {
    padding-top: 21px;
    content: 'Nicky';
    font-family: 'Nicky';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-open-sans:before {
    padding-top: 21px;
    content: 'Open Sans';
    font-family: 'Open Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-oswald:before {
    padding-top: 21px;
    content: 'Oswald';
    font-family: 'Oswald';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-passion-one:before {
    padding-top: 21px;
    content: 'Passion One';
    font-family: 'Passion One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-text-fonts-style-selector-patua-one:before {
    padding-top: 21px;
    content: 'Patua One';
    font-family: 'Patua One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-persona:before {
    padding-top: 21px;
    content: 'Persona';
    font-family: 'Persona';
    font-size: 2.1vw;
    position: relative;
    top: 35px;
    left: 5px;
}
input#edit-field-text-fonts-style-selector-point-panther:before {
    padding-top: 21px;
    content: 'Point Panther';
    font-family: 'Point Panther';
    font-size: 2.7vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-rochester:before {
    padding-top: 21px;
    content: 'Rochester';
    font-family: 'Rochester';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-rosterine:before {
    padding-top: 21px;
    content: 'Rosterine';
    font-family: 'Rosterine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-runestar:before {
    padding-top: 21px;
    content: 'Runestar';
    font-family: 'Runestar';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-seaweed-script:before {
    padding-top: 21px;
    content: 'Seaweed Script';
    font-family: 'Seaweed Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-shelbie-roger:before {
    padding-top: 21px;
    content: 'Shelbie Roger';
    font-family: 'Shelbie Roger';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-tangerine:before {
    padding-top: 21px;
    content: 'Tangerine';
    font-family: 'Tangerine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
	/*  texture thumbs */
input#edit-field-texture-style-selector-texture1 {
content: url(https://stela.page/sites/default/files/textures/1jf9cejyr.jpg);
}
input#edit-field-texture-style-selector-texture2 {
content: url(https://stela.page/sites/default/files/textures/own4n2i40.jpg);
}
input#edit-field-texture-style-selector-texture3 {
content: url(https://stela.page/sites/default/files/textures/hv6xfg2jf.jpg);
}
 input#edit-field-texture-style-selector-texture4 {
content: url(https://stela.page/sites/default/files/textures/nufkiomc7.jpg);
}
 input#edit-field-texture-style-selector-texture5 {
content: url(https://stela.page/sites/default/files/textures/egwwzfflp.jpg);
}
 input#edit-field-texture-style-selector-texture6 {  
content: url(https://stela.page/sites/default/files/textures/gsq7u8fqt.jpg);
}
input#edit-field-texture-style-selector-texture7 {
content: url(https://stela.page/sites/default/files/textures/nbcxjwp2k.jpg);
}
input#edit-field-texture-style-selector-texture8 {
content: url(https://stela.page/sites/default/files/textures/s7waxs8a0.jpg);
}
input#edit-field-texture-style-selector-texture9 {
content: url(https://stela.page/sites/default/files/textures/thodubzhl.jpg);
}
input#edit-field-texture-style-selector-texture10 {
content: url(https://stela.page/sites/default/files/textures/a04pjzicy.jpg);
}
input#edit-field-texture-style-selector-texture11 {
content: url(https://stela.page/sites/default/files/textures/m740inerh.jpg);
}
input#edit-field-texture-style-selector-texture12 {
content: url(https://stela.page/sites/default/files/textures/pilsy7qez.jpg);
}
input#edit-field-texture-style-selector-texture13 {
content: url(https://stela.page/sites/default/files/textures/usccntofj.jpg);
}
input#edit-field-texture-style-selector-texture14 {
content: url(https://stela.page/sites/default/files/textures/t4xhl2wqh.jpg);
}
input#edit-field-texture-style-selector-texture15 {
content: url(https://stela.page/sites/default/files/textures/kjbx1frrj.jpg);
} 
input#edit-field-texture-style-selector-texture16 {
content: url(https://stela.page/sites/default/files/textures/jnjkebrrs.jpg);
}
input#edit-field-texture-style-selector-texture17 {
content: url(https://stela.page/sites/default/files/textures/zsfala1wx.jpg);
}
input#edit-field-texture-style-selector-texture18 {
content: url(https://stela.page/sites/default/files/textures/gtdqffaey.jpg);
}
input#edit-field-texture-style-selector-texture19 {
content: url(https://stela.page/sites/default/files/textures/lywbbe3bw.jpg);
}
input#edit-field-texture-style-selector-texture20 {
content: url(https://stela.page/sites/default/files/textures/do9180jc4.jpg);
}
input#edit-field-texture-style-selector-texture21 {
content: url(https://stela.page/sites/default/files/textures/xvmqnpyjm.jpg);
}
input#edit-field-texture-style-selector-texture22 {
content: url(https://stela.page/sites/default/files/textures/ytbt0pscc.jpg);
} 
input#edit-field-texture-style-selector-texture23 {
content: url(https://stela.page/sites/default/files/textures/46ywkh6mg.jpg);
} 
input#edit-field-texture-style-selector-texture24 {
content: url(https://stela.page/sites/default/files/textures/e36b0xym7.jpg);
} 
input#edit-field-texture-style-selector-texture25 {
content: url(https://stela.page/sites/default/files/textures/93e8qfqtb.jpg);
}
input#edit-field-texture-style-selector-texture26 {
content: url(https://stela.page/sites/default/files/textures/x3fryk5aw.jpg);
}
input#edit-field-texture-style-selector-texture27 {
content: url(https://stela.page/sites/default/files/textures/we8iecdfr.jpg);
} 
/*  texture thumbs end */

/*  paragraph text selection  */
input#edit-field-text-fonts-style-selector-armata:before {
    padding-top: 21px;
    content: 'Armata';
    font-family:  'Armata';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-autour-one:before {
    padding-top: 21px;
    content: 'Autour One';
    font-family:  'Autour One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-bad-script:before {
    padding-top: 21px;
    content: 'Bad Script';
    font-family:  'Bad Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-barlow:before {
    padding-top: 21px;
    content: 'Barlow';
    font-family:  'Barlow';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-bitter:before {
    padding-top: 21px;
    content: 'bitter';
    font-family:  'Bitter';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cardo:before {
    padding-top: 21px;
    content: 'Cardo';
    font-family:  'Cardo';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-crimson-text:before {
    padding-top: 21px;
    content:  'Crimson Text';
    font-family:  'Crimson Text';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-gruppo:before {
    padding-top: 21px;
    content: 'Gruppo';
    font-family:  'Gruppo';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-inclusive-sans:before {
    padding-top: 21px;
    content: 'Inclusive Sans';
    font-family:  'Inclusive Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-lilita-one:before {
    padding-top: 21px;
    content:  'Lilita One';
    font-family:  'Lilita One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-marck-script:before {
    padding-top: 21px;
    content:  'Marck Script';
    font-family:  'Marck Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-martel-sans:before {
    padding-top: 21px;
    content:  'Martel Sans';
    font-family:   'Martel Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-merienda:before {
    padding-top: 21px;
    content:  'Merienda';
    font-family:   'Merienda';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-merriweather:before {
    padding-top: 21px;
    content:  'Merriweather';
    font-family:   'Merriweather';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-mukta:before {
    padding-top: 21px;
    content:  'Mukta';
    font-family:   'Mukta';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-pt-sans:before {
    padding-top: 21px;
    content:  'PT Sans';
    font-family:   'PT Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-saira-condensed:before {
    padding-top: 21px;
    content:  'Saira Condensed';
    font-family:   'Saira Condensed';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-sawarabi-mincho:before {
    padding-top: 21px;
    content:  'Sawarabi Mincho';
    font-family:   'Sawarabi Mincho';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-sofia-sans:before {
    padding-top: 21px;
    content:  'Sofia Sans';
    font-family:  'Sofia Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-special-elite:before {
    padding-top: 21px;
    content:  'Special Elite';
    font-family:  'Special Elite';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-sriracha:before {
    padding-top: 21px;
    content:  'Sriracha';
    font-family:  'Sriracha';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-viga:before {
    padding-top: 21px;
    content:  'Viga';
    font-family:  'Viga';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-ubuntu:before {
    padding-top: 21px;
    content:  'Ubuntu';
    font-family:  'Ubuntu';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-unbounded:before {
    padding-top: 21px;
    content:  'Unbounded';
    font-family:  'Unbounded';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-zeyada:before {
    padding-top: 21px;
    content:  'Zeyada';
    font-family:  'Zeyada';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-popins:before {
    padding-top: 21px;
    content:  'Popins';
    font-family:  'popins';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-roboto:before {
    padding-top: 21px;
    content:  'Roboto';
    font-family:  'roboto';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-inter:before {
    padding-top: 21px;
    content:  'Inter';
    font-family:  'inter';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}


/*  modern fonts   */
/*  font selection  */
input#edit-field-create-form-0-field-heading-fonts-style-selector-almalik:before {
    padding-top: 21px;
    content: 'Almalik';
    font-family: 'almalik';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-altgotisch:before {
    padding-top: 21px;
    content: 'Altgotisch';
    font-family: 'Altgotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-anton:before {
    padding-top: 21px;
    content: 'Anton';
    font-family: 'Anton';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-bargitta:before {
    padding-top: 21px;
    content: 'Bargitta';
    font-family: 'Bargitta';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-bitterdine:before {
    padding-top: 21px;
    content: 'Bitterdine';
    font-family: 'Bitterdine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-heading-fonts-style-selector-blank-moment:before {
    padding-top: 21px;
    content: 'Blank Moment';
    font-family: 'Blank Moment';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-cabin-sketch:before {
    padding-top: 21px;
    content: 'Cabin Sketch';
    font-family: 'Cabin Sketch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-camilla:before {
    padding-top: 21px;
    content: 'Camilla';
    font-family: 'camilla';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-carrol-wild:before {
    padding-top: 21px;
    content: 'Carrol Wild';
    font-family: 'Carrol Wild';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-cloistered-monk:before {
    padding-top: 21px;
    content: 'Cloistered Monk';
    font-family: 'Cloistered Monk';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-cody-star:before {
    padding-top: 21px;
    content: 'Cody Star';
    font-family: 'Cody Star';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-cookie:before {
    padding-top: 21px;
    content: 'Cookie';
    font-family: 'Cookie';
    font-size: 4vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-courgette:before {
    padding-top: 21px;
    content: 'Courgette';
    font-family: 'Courgette';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-covered-by-your-grace:before {
    padding-top: 21px;
    content: 'Covered By Your Grace';
    font-family: 'Covered By Your Grace';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-damion:before {
    padding-top: 21px;
    content: 'Damion';
    font-family: 'Damion';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-duarose:before {
    padding-top: 21px;
    content: 'Duarose';
    font-family: 'Duarose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-ferguson:before {
    padding-top: 21px;
    content: 'Ferguson';
    font-family: 'Ferguson';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-forestine:before {
    padding-top: 21px;
    content: 'Forestine';
    font-family: 'Forestine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-freaky-story:before {
    padding-top: 21px;
    content: 'Freaky Story';
    font-family: 'Freaky Story';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-ganiser:before {
    padding-top: 21px;
    content: 'Ganiser';
    font-family: 'Ganiser';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-grafika:before {
    padding-top: 21px;
    content: 'Grafika';
    font-family: 'Grafika';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-granesta:before {
    padding-top: 21px;
    content: 'Granesta';
    font-family: 'Granesta';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-im-fell-english:before {
    padding-top: 21px;
    content: 'Im Fell English';
    font-family: 'Im Fell English';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-jena-gotisch:before {
    padding-top: 21px;
    content: 'Jena Gotisch';
    font-family: 'Jena Gotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-karelle:before {
    padding-top: 21px;
    content: 'Karelle';
    font-family: 'Karelle';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-khodijah:before {
    padding-top: 21px;
    content: 'Khodijah';
    font-family: 'Khodijah';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-lancaster:before {
    padding-top: 21px;
    content: 'Lancaster';
    font-family: 'Lancaster';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-london-scroll:before {
    padding-top: 21px;
    content: 'London Scroll';
    font-family: 'London Scroll';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-metorius:before {
    padding-top: 21px;
    content: 'Metorius';
    font-family: 'Metorius';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-mr-de-haviland:before {
    padding-top: 21px;
    content: 'Mr De Haviland';
    font-family: 'Mr De Haviland';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-nicky:before {
    padding-top: 21px;
    content: 'Nicky';
    font-family: 'Nicky';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-open-sans:before {
    padding-top: 21px;
    content: 'Open Sans';
    font-family: 'Open Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-oswald:before {
    padding-top: 21px;
    content: 'Oswald';
    font-family: 'Oswald';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-passion-one:before {
    padding-top: 21px;
    content: 'Passion One';
    font-family: 'Passion One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-heading-fonts-style-selector-patua-one:before {
    padding-top: 21px;
    content: 'Patua One';
    font-family: 'Patua One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-persona:before {
    padding-top: 21px;
    content: 'Persona';
    font-family: 'Persona';
    font-size: 2.1vw;
    position: relative;
    top: 35px;
    left: 5px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-point-panther:before {
    padding-top: 21px;
    content: 'Point Panther';
    font-family: 'Point Panther';
    font-size: 2.7vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-rochester:before {
    padding-top: 21px;
    content: 'Rochester';
    font-family: 'Rochester';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-rosterine:before {
    padding-top: 21px;
    content: 'Rosterine';
    font-family: 'Rosterine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-runestar:before {
    padding-top: 21px;
    content: 'Runestar';
    font-family: 'Runestar';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-seaweed-script:before {
    padding-top: 21px;
    content: 'Seaweed Script';
    font-family: 'Seaweed Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-shelbie-roger:before {
    padding-top: 21px;
    content: 'Shelbie Roger';
    font-family: 'Shelbie Roger';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-tangerine:before {
    padding-top: 21px;
    content: 'Tangerine';
    font-family: 'Tangerine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-text-fonts-style-selector-almalik:before {
    padding-top: 21px;
    content: 'Almalik';
    font-family: 'almalik';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-altgotisch:before {
    padding-top: 21px;
    content: 'Altgotisch';
    font-family: 'Altgotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-anton:before {
    padding-top: 21px;
    content: 'Anton';
    font-family: 'Anton';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-bargitta:before {
    padding-top: 21px;
    content: 'Bargitta';
    font-family: 'Bargitta';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-bitterdine:before {
    padding-top: 21px;
    content: 'Bitterdine';
    font-family: 'Bitterdine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-text-fonts-style-selector-blank-moment:before {
    padding-top: 21px;
    content: 'Blank Moment';
    font-family: 'Blank Moment';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cabin-sketch:before {
    padding-top: 21px;
    content: 'Cabin Sketch';
    font-family: 'Cabin Sketch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-camilla:before {
    padding-top: 21px;
    content: 'Camilla';
    font-family: 'camilla';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-carrol-wild:before {
    padding-top: 21px;
    content: 'Carrol Wild';
    font-family: 'Carrol Wild';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cloistered-monk:before {
    padding-top: 21px;
    content: 'Cloistered Monk';
    font-family: 'Cloistered Monk';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cody-star:before {
    padding-top: 21px;
    content: 'Cody Star';
    font-family: 'Cody Star';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cookie:before {
    padding-top: 21px;
    content: 'Cookie';
    font-family: 'Cookie';
    font-size: 4vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-courgette:before {
    padding-top: 21px;
    content: 'Courgette';
    font-family: 'Courgette';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-covered-by-your-grace:before {
    padding-top: 21px;
    content: 'Covered By Your Grace';
    font-family: 'Covered By Your Grace';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-damion:before {
    padding-top: 21px;
    content: 'Damion';
    font-family: 'Damion';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-duarose:before {
    padding-top: 21px;
    content: 'Duarose';
    font-family: 'Duarose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-ferguson:before {
    padding-top: 21px;
    content: 'Ferguson';
    font-family: 'Ferguson';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-forestine:before {
    padding-top: 21px;
    content: 'Forestine';
    font-family: 'Forestine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-freaky-story:before {
    padding-top: 21px;
    content: 'Freaky Story';
    font-family: 'Freaky Story';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-ganiser:before {
    padding-top: 21px;
    content: 'Ganiser';
    font-family: 'Ganiser';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-grafika:before {
    padding-top: 21px;
    content: 'Grafika';
    font-family: 'Grafika';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-granesta:before {
    padding-top: 21px;
    content: 'Granesta';
    font-family: 'Granesta';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-im-fell-english:before {
    padding-top: 21px;
    content: 'Im Fell English';
    font-family: 'Im Fell English';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-jena-gotisch:before {
    padding-top: 21px;
    content: 'Jena Gotisch';
    font-family: 'Jena Gotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-karelle:before {
    padding-top: 21px;
    content: 'Karelle';
    font-family: 'Karelle';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-khodijah:before {
    padding-top: 21px;
    content: 'Khodijah';
    font-family: 'Khodijah';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-lancaster:before {
    padding-top: 21px;
    content: 'Lancaster';
    font-family: 'Lancaster';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-london-scroll:before {
    padding-top: 21px;
    content: 'London Scroll';
    font-family: 'London Scroll';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-metorius:before {
    padding-top: 21px;
    content: 'Metorius';
    font-family: 'Metorius';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-mr-de-haviland:before {
    padding-top: 21px;
    content: 'Mr De Haviland';
    font-family: 'Mr De Haviland';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-nicky:before {
    padding-top: 21px;
    content: 'Nicky';
    font-family: 'Nicky';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-open-sans:before {
    padding-top: 21px;
    content: 'Open Sans';
    font-family: 'Open Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-oswald:before {
    padding-top: 21px;
    content: 'Oswald';
    font-family: 'Oswald';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-passion-one:before {
    padding-top: 21px;
    content: 'Passion One';
    font-family: 'Passion One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-text-fonts-style-selector-patua-one:before {
    padding-top: 21px;
    content: 'Patua One';
    font-family: 'Patua One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-persona:before {
    padding-top: 21px;
    content: 'Persona';
    font-family: 'Persona';
    font-size: 2.1vw;
    position: relative;
    top: 35px;
    left: 5px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-point-panther:before {
    padding-top: 21px;
    content: 'Point Panther';
    font-family: 'Point Panther';
    font-size: 2.7vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-rochester:before {
    padding-top: 21px;
    content: 'Rochester';
    font-family: 'Rochester';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-rosterine:before {
    padding-top: 21px;
    content: 'Rosterine';
    font-family: 'Rosterine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-runestar:before {
    padding-top: 21px;
    content: 'Runestar';
    font-family: 'Runestar';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-seaweed-script:before {
    padding-top: 21px;
    content: 'Seaweed Script';
    font-family: 'Seaweed Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-shelbie-roger:before {
    padding-top: 21px;
    content: 'Shelbie Roger';
    font-family: 'Shelbie Roger';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-tangerine:before {
    padding-top: 21px;
    content: 'Tangerine';
    font-family: 'Tangerine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}


/*  paragraph text selection  */
input#edit-field-create-form-0-field-text-fonts-style-selector-armata:before {
    padding-top: 21px;
    content: 'Armata';
    font-family:  'Armata';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-autour-one:before {
    padding-top: 21px;
    content: 'Autour One';
    font-family:  'Autour One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-bad-script:before {
    padding-top: 21px;
    content: 'Bad Script';
    font-family:  'Bad Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-barlow:before {
    padding-top: 21px;
    content: 'Barlow';
    font-family:  'Barlow';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-bitter:before {
    padding-top: 21px;
    content: 'bitter';
    font-family:  'Bitter';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cardo:before {
    padding-top: 21px;
    content: 'Cardo';
    font-family:  'Cardo';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-crimson-text:before {
    padding-top: 21px;
    content:  'Crimson Text';
    font-family:  'Crimson Text';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-gruppo:before {
    padding-top: 21px;
    content: 'Gruppo';
    font-family:  'Gruppo';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-inclusive-sans:before {
    padding-top: 21px;
    content: 'Inclusive Sans';
    font-family:  'Inclusive Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-lilita-one:before {
    padding-top: 21px;
    content:  'Lilita One';
    font-family:  'Lilita One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-marck-script:before {
    padding-top: 21px;
    content:  'Marck Script';
    font-family:  'Marck Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-martel-sans:before {
    padding-top: 21px;
    content:  'Martel Sans';
    font-family:   'Martel Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-merienda:before {
    padding-top: 21px;
    content:  'Merienda';
    font-family:   'Merienda';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-merriweather:before {
    padding-top: 21px;
    content:  'Merriweather';
    font-family:   'Merriweather';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-mukta:before {
    padding-top: 21px;
    content:  'Mukta';
    font-family:   'Mukta';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-pt-sans:before {
    padding-top: 21px;
    content:  'PT Sans';
    font-family:   'PT Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-saira-condensed:before {
    padding-top: 21px;
    content:  'Saira Condensed';
    font-family:   'Saira Condensed';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-sawarabi-mincho:before {
    padding-top: 21px;
    content:  'Sawarabi Mincho';
    font-family:   'Sawarabi Mincho';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-sofia-sans:before {
    padding-top: 21px;
    content:  'Sofia Sans';
    font-family:  'Sofia Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-special-elite:before {
    padding-top: 21px;
    content:  'Special Elite';
    font-family:  'Special Elite';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-sriracha:before {
    padding-top: 21px;
    content:  'Sriracha';
    font-family:  'Sriracha';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-viga:before {
    padding-top: 21px;
    content:  'Viga';
    font-family:  'Viga';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-ubuntu:before {
    padding-top: 21px;
    content:  'Ubuntu';
    font-family:  'Ubuntu';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-unbounded:before {
    padding-top: 21px;
    content:  'Unbounded';
    font-family:  'Unbounded';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-zeyada:before {
    padding-top: 21px;
    content:  'Zeyada';
    font-family:  'Zeyada';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
/*  modern fonts end   */

/* shadow seletion */
input#edit-field-shadow-opacity-style-selector-tenpercentshad {
    background: rgb(0 0 0 / 10%);
}
input#edit-field-shadow-opacity-style-selector-twentypercentshad {
    background: rgb(0 0 0 / 20%);
}
input#edit-field-shadow-opacity-style-selector-thirtypercentshad {
    background: rgb(0 0 0 / 30%);
}
input#edit-field-shadow-opacity-style-selector-fourtypercentshad {
    background: rgb(0 0 0 / 40%);
}
input#edit-field-shadow-opacity-style-selector-fiftypercentshad {
    background: rgb(0 0 0 / 50%);
}
input#edit-field-shadow-opacity-style-selector-sixtypercentshad {
    background: rgb(0 0 0 / 60%);
}
input#edit-field-shadow-opacity-style-selector-seventypercentshad {
    background: rgb(0 0 0 / 70%);
}
input#edit-field-shadow-opacity-style-selector-eightypercentshad {
    background: rgb(0 0 0 / 80%);
}
input#edit-field-shadow-opacity-style-selector-ninetypercentshad {
    background: rgb(0 0 0 / 90%);
}
input#edit-field-shadow-opacity-style-selector-onehundredpercentshad {
    background: rgb(0 0 0 / 100%);
}
.ssui__item.js-form-item.form-item.js-form-type-radio.form-type--radio.form-type--boolean.js-form-item-field-shadow-opacity-style-selector.form-item--field-shadow-opacity-style-selector:first-of-type {
    display: none;
}


/* Text drop-shadows */

[textures-activated="On"].tenpercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].tenpercentshad .quicktabs-tabpage p,  
[textures-activated="On"].tenpercentshad .apture-restore-button, 
[textures-activated="On"].tenpercentshad a.atcb-link,  
[textures-activated="On"].tenpercentshad .comment__author a, 
[textures-activated="On"].tenpercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].tenpercentshad  .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].tenpercentshad  .block-field-blockgroupwedding-companionfield-primary-video-media,  
[textures-activated="On"].tenpercentshad .rotor-group-heading, 
[textures-activated="On"].tenpercentshad a.quicktabs-loaded, 
[textures-activated="On"].tenpercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].tenpercentshad .block-field-blockgroupwedding-companionfield-epitaph,
[textures-activated="On"].tenpercentshad .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].tenpercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 10%));
}

[textures-activated="On"].twentypercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].twentypercentshad .quicktabs-tabpage p,  
[textures-activated="On"].twentypercentshad .apture-restore-button, 
[textures-activated="On"].twentypercentshad a.atcb-link,  
[textures-activated="On"].twentypercentshad .comment__author a, 
[textures-activated="On"].twentypercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].twentypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].twentypercentshad .block-field-blockgroupwedding-companionfield-primary-video-media, 
[textures-activated="On"].twentypercentshad .rotor-group-heading, 
[textures-activated="On"].twentypercentshad a.quicktabs-loaded, 
[textures-activated="On"].twentypercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].twentypercentshad .block-field-blockgroupwedding-companionfield-epitaph,
[textures-activated="On"].twentypercentshad .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].twentypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 20%));
}

[textures-activated="On"].thirtypercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].thirtypercentshad .quicktabs-tabpage p,  
[textures-activated="On"].thirtypercentshad .apture-restore-button, 
[textures-activated="On"].thirtypercentshad a.atcb-link,  
[textures-activated="On"].thirtypercentshad .comment__author a, 
[textures-activated="On"].thirtypercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].thirtypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].thirtypercentshad.block-field-blockgroupwedding-companionfield-primary-video-media, 
[textures-activated="On"].thirtypercentshad .rotor-group-heading,
[textures-activated="On"].thirtypercentshad a.quicktabs-loaded, 
[textures-activated="On"].thirtypercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].thirtypercentshad .block-field-blockgroupwedding-companionfield-epitaph,
[textures-activated="On"].thirtypercentshad .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].thirtypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 30%));
}

[textures-activated="On"].fourtypercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].fourtypercentshad .quicktabs-tabpage p,  
[textures-activated="On"].fourtypercentshad .apture-restore-button, 
[textures-activated="On"].fourtypercentshad a.atcb-link,  
[textures-activated="On"].fourtypercentshad .comment__author a, 
[textures-activated="On"].fourtypercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].fourtypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].fourtypercentshad .block-field-blockgroupwedding-companionfield-primary-video-media, 
[textures-activated="On"].fourtypercentshad .rotor-group-heading, 
[textures-activated="On"].fourtypercentshad a.quicktabs-loaded, 
[textures-activated="On"].fourtypercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].fourtypercentshad .block-field-blockgroupwedding-companionfield-epitaph,
[textures-activated="On"].fourtypercentshad .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].fourtypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 40%));
}
[textures-activated="On"].fiftypercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].fiftypercentshad .quicktabs-tabpage p,  
[textures-activated="On"].fiftypercentshad .apture-restore-button, 
[textures-activated="On"].fiftypercentshad a.atcb-link,  
[textures-activated="On"].fiftypercentshad .comment__author a, 
[textures-activated="On"].fiftypercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].fiftypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].fiftypercentshad .block-field-blockgroupwedding-companionfield-primary-video-media, 
[textures-activated="On"].fiftypercentshad .rotor-group-heading, 
[textures-activated="On"].fiftypercentshad a.quicktabs-loaded, 
[textures-activated="On"].fiftypercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].fiftypercentshad .block-field-blockgroupwedding-companionfield-epitaph, 
[textures-activated="On"].fiftypercentshad .block-field-blockgroupwedding-companionfield-date,  
[textures-activated="On"].fiftypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 50%));
}
[textures-activated="On"].sixtypercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].sixtypercentshad .quicktabs-tabpage p,  
[textures-activated="On"].sixtypercentshad .apture-restore-button, 
[textures-activated="On"].sixtypercentshad a.atcb-link,  
[textures-activated="On"].sixtypercentshad .comment__author a, 
[textures-activated="On"].sixtypercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].sixtypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].sixtypercentshad .block-field-blockgroupwedding-companionfield-primary-video-media,  
[textures-activated="On"].sixtypercentshad .rotor-group-heading, 
[textures-activated="On"].sixtypercentshad a.quicktabs-loaded, 
[textures-activated="On"].sixtypercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].sixtypercentshad .block-field-blockgroupwedding-companionfield-epitaph,
[textures-activated="On"].sixtypercentshad .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].sixtypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 60%));
}
[textures-activated="On"].seventypercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].seventypercentshad .quicktabs-tabpage p,  
[textures-activated="On"].seventypercentshad .apture-restore-button, 
[textures-activated="On"].seventypercentshad a.atcb-link,  
[textures-activated="On"].seventypercentshad .comment__author a, 
[textures-activated="On"].seventypercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].seventypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].seventypercentshad .block-field-blockgroupwedding-companionfield-primary-video-media,  
[textures-activated="On"].seventypercentshad .rotor-group-heading, 
[textures-activated="On"].seventypercentshad a.quicktabs-loaded, 
[textures-activated="On"].seventypercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].seventypercentshad .block-field-blockgroupwedding-companionfield-epitaph, 
[textures-activated="On"].seventypercentshad .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].seventypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 70%));
}
[textures-activated="On"].eightypercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].eightypercentshad .quicktabs-tabpage p,  
[textures-activated="On"].eightypercentshad .apture-restore-button, 
[textures-activated="On"].eightypercentshad a.atcb-link,  
[textures-activated="On"].eightypercentshad .comment__author a, 
[textures-activated="On"].eightypercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].eightypercentshad  .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].eightypercentshad  .block-field-blockgroupwedding-companionfield-primary-video-media,  
[textures-activated="On"].eightypercentshad .rotor-group-heading, 
[textures-activated="On"].eightypercentshad a.quicktabs-loaded,
[textures-activated="On"].eightypercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].eightypercentshad .block-field-blockgroupwedding-companionfield-epitaph,
[textures-activated="On"].eightypercentshad .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].eightypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 80%));
}
[textures-activated="On"].ninetypercentshad .ptah-rsvp-reminder__message, 
[textures-activated="On"].ninetypercentshad .quicktabs-tabpage p,  
[textures-activated="On"].ninetypercentshad .apture-restore-button, 
[textures-activated="On"].ninetypercentshad a.atcb-link,  
[textures-activated="On"].ninetypercentshad .comment__author a, 
[textures-activated="On"].ninetypercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].ninetypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].ninetypercentshad .block-field-blockgroupwedding-companionfield-primary-video-media,  
[textures-activated="On"].ninetypercentshad .rotor-group-heading, 
[textures-activated="On"].ninetypercentshad a.quicktabs-loaded, 
[textures-activated="On"].ninetypercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].ninetypercentshad .block-field-blockgroupwedding-companionfield-epitaph,
[textures-activated="On"].ninetypercentshad .block-field-blockgroupwedding-companionfield-date,
[textures-activated="On"].ninetypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 90%));
}
[textures-activated="On"].onehundredpercentshad .ptah-rsvp-reminder__message,
[textures-activated="On"].onehundredpercentshad .quicktabs-tabpage p,  
[textures-activated="On"].onehundredpercentshad .apture-restore-button, 
[textures-activated="On"].onehundredpercentshad a.atcb-link,  
[textures-activated="On"].onehundredpercentshad .comment__author a, 
[textures-activated="On"].onehundredpercentshad ul.links.inline.solo-ul a, 
[textures-activated="On"].onehundredpercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].onehundredpercentshad .block-field-blockgroupwedding-companionfield-primary-video-media,  
[textures-activated="On"].onehundredpercentshad .rotor-group-heading, 
[textures-activated="On"].onehundredpercentshad a.quicktabs-loaded, 
[textures-activated="On"].onehundredpercentshad .block-field-blockgroupwedding-companionlabel, 
[textures-activated="On"].onehundredpercentshad .block-field-blockgroupwedding-companionfield-epitaph,
[textures-activated="On"].onehundredpercentshad .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].onehundredpercentshad .block-field-blockgroupwedding-companionfield-rsvp-a a {
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 100%));
}


/*  Background video thumbs  */

div#edit-field-background-video {
    display: flex;
    flex-wrap: wrap;
}
/* video thumbs placeholder*/

div#edit-field-background-video .form-item label {
    display: block;
    position: relative;
    top: 0px;
    width: 220px;
    color: transparent;
    font-weight: bold;
    text-align: center;
    height: 86px;
    font-size: 0;
}
/*
div#edit-field-background-video .form-item .form-boolean--type-radio {
    position: relative;
    left: 33px;
    top: -134px;
}
div#edit-field-background-video .form-item:before {
    content: '';
    width: 220px;
    height: 150px;
    display: block;
    background: #ccc;
    visibility: visible;
border: 1px solid #ccc;
border-radius: 6px;
background-size:cover;
}
*/
div#edit-field-background-video .form-item {
    height: 94px!important;
    margin-right: 10px;
    background-repeat: no-repeat!important;
    width: 160px!important;
    border-radius: 4px;
    background-size: 100px x 94px!important;
}
div#edit-field-background-video .form-item:nth-of-type(1)::before {
   display:none;
}


div#edit-field-background-video-playback .form-item {
    display: inline-block;
    margin-right: 15px;
}

div#edit-field-background-video-playback .form-item:nth-of-type(1) {
    display: none;
}
/*  ?? video background - not sure   */
/*
div#edit-field-background-video .form-item:nth-of-type(2)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2029-03-08%20214647.png);
    background-repeat: no-repeat;
    background-position: center;
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(3)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1744647_Forest%20Trees_Forest%20Background_Nature%20Background_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(4)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2197380_Forest%20Trees_Forest%20Background_Tree%20Silhouette_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(5)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/4578213_Night_Fog_Forest_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(6)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2379693_Sewan%20Grass_Field_Blades_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(7)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1243345_Abyss_Aqua_Aquatic_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(8)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/6010125_Animal_Coral_Reef_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(9)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1118387_Liquid_4k_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(10)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2393172_Nemo_Clown%20Fish_Saddleback_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(11)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/6010203_Animal_Koi_Orange_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(12)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1602519_Tropical_Reef%20Fish_Reef_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(13)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1263502_Sea_Shark_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(14)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1682303_Dolphin_Dolphins_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(15)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1820366_Southern%20Right%20Whales_Right%20Whale_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(16)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1118387_Liquid_4k_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(17)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1817052_River_Austria_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(18)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2250061_Fall_Colorful_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(19)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1754255_River_Nature_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(20)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/5314908_Nature_Grass_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(21)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1754311_Cascade_Wilderness_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(22)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/5892129_Awala%20Yalimapo_Background_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(23)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1971329_People_Swim_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(24)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1895250_Christmas_Merry_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(25)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1816966_Resurrection_Cross_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(26)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/6793045_Woman_Muslim_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(27)::before {
  background: url(https://stela.page/sites/default/files/bgvdthumbs/2414110_Religion_Religious_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(28)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/1785457_Interior_Dome_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(29)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/6793054_Woman_Muslim_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(30)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/4885129_Diwali_Festival%20Of%20Lights_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(31)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/1523972_Hold_Celebration_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(32)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2246111_Buddha_Thailand_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(33)::before {
  background: url(https://stela.page/sites/default/files/bgvdthumbs/1767155_Candle_Candlelit_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(34)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/2230617_Religion_Christianity_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(35)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/1895287_Christmas_Merry_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(36)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/1291520_Background_Belief_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(37)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1298375_Belief_Bible_1920x1080.mp4.jpg);
}


div#edit-field-background-video .form-item:nth-of-type(38)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1316082_Belief_Bible_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(39)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1697419_Interior_Altar_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(40)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1311060_Arm_Background_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(41)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/2229019_Interior_Religion_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(42)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2061912_Angel_Beautiful_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(43)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/4935914_Church_Interior_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(44)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/4935918_Church_Interior_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(45)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/1793363_Cloudscape_Clouds_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(46)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/2361514_Church_Bible_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(47)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/2410947_Spiritual_Background_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(48)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2317418_Lady_Buddhist_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(49)::before {
  background: url(https://stela.page/sites/default/files/bgvdthumbs/1162033_Meditation_Tibetan_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(50)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/5239346_Tiling%20Mosaic_Design_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(51)::before {
 background: url(https://stela.page/sites/default/files/bgvdthumbs/4951953_Muslim_Quran_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(52)::before {
  background: url(https://stela.page/sites/default/files/bgvdthumbs/2348586_Jewish_Judaism_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(53)::before {
  background: url(https://stela.page/sites/default/files/bgvdthumbs/2305459_Bible_Torah_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(54)::before {
  background: url(https://stela.page/sites/default/files/bgvdthumbs/4706149_Candle_Letter_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(55)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/1589015_3d_Motion%20Graphic_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(56)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/2348613_Jewish_Judaism_1920x1080.mp4.jpg);
}
div#edit-field-background-video .form-item:nth-of-type(57)::before {
   background: url(https://stela.page/sites/default/files/bgvdthumbs/5960104_Cricket_Still%20Life_1920x1080.mp4.jpg);
}


div#edit-field-background-video .form-item:nth-of-type(58)::before {
     background: url(https://stela.page/sites/default/files/bgvdthumbs/meteor.jpg);
background-size: cover;
}

div#edit-field-background-video .form-item:nth-of-type(59)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/galaxy.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(60)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/forest_walking.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(61)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/snow_winter.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(62)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/q7fk2v4e.png);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(63)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/32.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(64)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/46.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(65)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/50.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(66)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/8.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(67)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(68)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/40.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(69)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/37.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(70)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/50.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(71)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/36.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(72)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/75.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(73)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/5.jpg);
background-size: cover;
}

div#edit-field-background-video .form-item:nth-of-type(74)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/39.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(75)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/56.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(76)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/41.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(77)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/38.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(78)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/33.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(79)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/3.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(80)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/57.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(81)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/20.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(82)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/603464_Abstract_Art_Backdrop.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(83)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/67.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(84)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/34.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(85)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/53.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(86)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1118519_4k_Pulse_Shiny_.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(87)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/54.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(88)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/62.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(89)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/69.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(90)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/27.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(91)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/78.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(92)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/76.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(93)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/79.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(94)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/43.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(95)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1118717_4k_Imagination_Serenity_.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(96)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/26.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(97)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/6.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(98)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/61.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(99)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/4.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(100)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/21.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(101)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/64.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(102)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/51.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(103)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/60.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(104)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/47.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(105)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/23.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(106)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/59.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(107)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/65.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(108)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/18.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(109)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/28.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(110)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/19.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(111)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/17.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(112)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/9.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(113)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/52.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(114)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/2.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(115)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/10.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(116)::before {
background: url(https://stela.page/sites/default/files/bgvdthumbs/1118717_4k_Imagination_Serenity__0.jpg);
background-size: cover;
}

div#edit-field-background-video .form-item:nth-of-type(117)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/22.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(118)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/63.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(119)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/20.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(120)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/24.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(121)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/44.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(122)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/74.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(123)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/25.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(124)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/55.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(125)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/29.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(126)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/16.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(127)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/13.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(128)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/70.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(129)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/4.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(130)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/66.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(131)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/12.jpg);
background-size: cover;
}

div#edit-field-background-video .form-item:nth-of-type(132)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/42.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(133)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/30.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(134)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/49.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(135)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/56.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(136)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/68.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(137)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1118660_Mystery_Astronomy_Stars.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(138)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/44.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(139)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/31.jpg);
background-size: cover;
}
div#edit-field-background-video .form-item:nth-of-type(140)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/71.jpg);
background-size: cover;
}

div#edit-field-background-video .form-item:nth-of-type(141)::before {
    background: url(https://stela.page/sites/default/files/bgvdthumbs/1118664_Mystery_Astronomy_Stars_.jpg);
background-size: cover;
}
*/
#group-formblock-container div#edit-field-background-video input {
    position: relative;
    top: -28px;
    left: 9px;
}
[for="edit-field-background-video-none"] {
    position: relative;
    top: -32px!important;
    border-radius: 5px;
    left: -5px;
padding-top: 60px;
}
div#edit-field-background-video div {
    border: 1px inset;
}
#group-formblock-container [data-drupal-selector="edit-field-background-video-none"] {
    bottom: 51px;
    position: absolute;
    padding-top: 46px;
    top: 0;
 
}




/* field fixers*/
div#edit-field-create-form-0-label-wrapper, div#edit-field-create-form-0-field-heading-wrapper {
    display: inline-block;
    width: 45%;
}
div#edit-field-create-form-0-field-heading-wrapper {
    margin-right: 25px;
}
/*  Life dates */
fieldset#edit-field-create-form-0-field-life-dates-0 .fieldset__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.form-item.form-datetime-wrapper {
    margin-right: 25px;
}
fieldset#edit-field-create-form-0-field-life-dates-0 span.fieldset__label {
    padding-left: 0;
}
fieldset#edit-field-create-form-0-field-life-dates-0 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

fieldset#edit-field-life-dates-0 .fieldset__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
fieldset#edit-field-life-dates-0 .fieldset__wrapper .form-item.form-datetime-wrapper {
    margin-right: 25px;
}
fieldset#edit-field-create-form-0-field-audio-player span.fieldset__label, 
fieldset#edit-field-create-form-0-field-audio-player .fieldset__wrapper, 
div#edit-field-create-form-0-field-timeline-events-wrapper span.fieldset__label,
div#edit-field-create-form-0-field-timeline-events-wrapper .fieldset__wrapper, 
div#edit-field-create-form-0-field-image-gallery-wrapper--2 span.fieldset__label, 
div#edit-field-create-form-0-field-image-gallery-wrapper--2 .fieldset__wrapper, 
div#edit-field-create-form-0-field-video-gallery-wrapper--2 span.fieldset__label, 
div#edit-field-create-form-0-field-video-gallery-wrapper--2 .fieldset__wrapper {
    padding-left: 0;
    margin-left: 0!important;
}

section.js-layout-builder-block.layout-builder-block.contextual-region.solo-clear.solo-block.block-group-formblock.block-group-formblock-block {
    display: none;
}

section.views-element-container.contextual-region.solo-clear.solo-block.block-views.block-views-blockbackground-video-block-block-1 {
    position: fixed;
    top: 0;
    z-index: 0;
    height: 100%;
}
/*  background video */
section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-background-video-display {
    position: fixed;
    top: 0;
}
.field.field--name-field-background-video-display.field--type-text-long.field--label-hidden.field__item video {
   position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    object-fit: cover;
}
/*  primary video  */
.block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content {
    margin: 0 auto;
}
.block-field-blockgroupwedding-companionfield-primary-video-media  .field--name-field-media-oembed-video {
    margin: 0 auto;
    position: relative;
    padding-bottom: 43.25%;
    max-height: 500px;
    overflow: hidden;
    max-width: 66%;
}
.block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content {
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.path-comment .group.group--full.group--wedding-companion {
    display: none;
}
/* recorder animation */
.blinking-indicator {
  color: red;
  font-weight: bold;
  text-align: center;
  animation: pulse-blink 1s ease-in-out infinite;
}

@keyframes pulse-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}

.recorder-button-group {
  display: flex;
  gap: 0.5em;
  margin-top: 1em;
  flex-wrap: wrap;
}

.recorder-btn {
  padding: 0.5em 1em;
  font-size: 1rem;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  background-color: #555;
  color: white;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.3s ease;
}

.recorder-btn:hover {
  transform: scale(1.05);
}

.recorder-btn:disabled {
  opacity: 0.5;
  transform: scale(0.95);
  cursor: not-allowed;
}

.recorder-btn.start {
  background-color: #0078d7;
}

.recorder-btn.stop {
  background-color: #e81123;
}

.recorder-btn.cancel {
  background-color: #666;
  margin-top: 1em;
}



.gin-lb-plus-link__label {
    position: relative!important;
}
/* stream */
.page-wrapper form input.button.form-submit:hover {
animation:none!important;
}
div#quicktabs-tabpage-companion_content-7 .js-filter-wrapper {
    display: none;
}
footer.comment__meta .ptah-quota-summary {
    display: none;
}
.field--name-comment-body p {
    text-align: left;
}
.add-comment .button--primary {
    max-width: 157px;
    float: right;
}
footer.comment__meta .user-disk-quota.w3-row.element-container-wrapper, p.comment__permalink {
    display: none;
}
p.comment__author {
    display: block;
    position: relative;
    top: 0px;
    text-transform: capitalize;
}
.view-shoutbox h3.comment__title {
    display: none;
}

.comment-wrapper .comment {
    border: 0;
}
.comment__content {
    border-radius: 5px;
}
div#quicktabs-tabpage-companion_content-7 {
    max-width: 1000px;
    margin: 0 auto;
}
.add-comment__form .form-actions {
    display: block;
}
.add-comment__form label.form-item__label.js-form-required.form-required {
    display: none;
}
div#quicktabs-tabpage-companion_content-7  .view {
    padding: 50px;
    background: #cccccc;
    max-width: 100%;
    margin: 0 auto;
   font-size: 1.2em; 
}

.page-wrapper form input.button.form-submit {
    width: fit-content;
}
.comment-wrapper {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 240px!important;
}
section#stream-stream-field-comment .add-comment {
    position: absolute;
    top: 0;
    right: 0;
}
section#stream-stream-field-comment article:last-of-type {
    margin-top: 153px;
}
.view-shoutbox .block-unblock {
    display: none;
}


/*  stream updates */
section#stream-stream-field-comment article {
    background: #f1f1f194;
    border-radius: 3px;
}
/*
.comment__author a {
    font-size: 0;
}
*/
.comment__author a:first-letter {
    font-size: 29px;
}

.comment__time {
    position: absolute;
    right: 0;
    top: 0;
opacity:1;
color:#fff;
}
/*
.comment__author a:after {
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    width: 63px;
    height: 63px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: none;
    filter: none;
    top: -16px;
    left: -21px;
}
*/
.comment__author a {
    position: relative;
    z-index: 1;
    /* left: 54px; */
    top: 0px;
    font-family: sans-serif;
    text-shadow: none;
    filter: none!important;
}

.comment__content {
    border: 0;
    margin-left: 60px;
}
.comment__content p {
    font-size: 26px;
}

p.comment__author {
    line-height: normal;
}
.comment__content ul.links.inline.solo-ul {
    justify-content: flex-start;
}
.comment__content ul.links.inline.solo-ul li {
    padding-left: 0;
}
div#edit-comment-body-wrapper textarea#edit-comment-body-0-value {
    padding: 9px;
    font-size: 21px;
    border: 2px solid #00000038;
    height: 100px!important;
}


.comment-wrapper {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 62px;
}

section#stream-stream-field-comment .add-comment {
    position: absolute;
    top: 0px;
    right: 0;
    margin-top: 78px;
    width: 88%;
}
.comment-author-avatar {
  position: relative;
  display: inline-block;
}

.comment-author-avatar img {
  border-radius: 50%;
  cursor: pointer;
  width:100px;
  height:auto;
}
.comment__body {
    margin-block-end: unset!important;
}
/* Hidden username tooltip */
p.comment__author {
    display: block;
    position: relative;
    top: 12px;
    text-transform: capitalize;
    position: absolute;
    left: 80px;
    transform: translateX(-50%);
    /* background: #fff; */
    color: #555;
    padding: 4px 8px;
    font-size: 19px;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0!important;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 20;
    font-weight: normal;
}

/* Reveal on hover */
p.comment__author{
  opacity: 1;
}


.comment__permalink {
    display: none;
}

.view-shoutbox.view-id-shoutbox.view-display-id-block_1 [data-drupal-selector="comment"] {
    padding: 0 25px;
}

.comment__header-info {
    flex-grow: 0;
}

.comment__picture.comment-author-avatar {
    position: relative;
    top: -18px;
    width: 63px;
}
.comment__header-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.comment__picture.comment-author-avatar img {

    border: 0;
    padding: 0;
}

div#quicktabs-container-companion_content footer.comment__footer {
    margin-top: 0;
    padding-top: 0;
}
.comment__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--solo-px16);
    flex-wrap: wrap;
    padding-block-start: var(--solo-px12);
}

/* Tooltip arrow (pointing up) */
.comment-author a::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: transparent transparent rgb(255 255 255 / 90%) transparent;
}
.shoutbox-comment-icon svg {
    fill: #fff;
    position: absolute;
    top: 63px;
    left: 0;
    width: 107px;
    height: 107px;
}
.shoutbox-controls {
    color: #fff;
    font-size: 24px;
}
/*   Border   */
.media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items {
    display: flex;
    justify-content: space-evenly;
}

.media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img {
    padding: 15px;
    width: 250px;
    height: 250px;
}
section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-portrait-image-media img {
max-width:800px;
}
section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-portrait-image-media img, 
.media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
.block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content {
    padding: 25px;
    background: #ffffff;
}

/*
.apture-preview-window.show:before {
    background: url(/sites/default/files/trulywed---logo_0.png);
    display: block;
    width: 167px;
    height: 38px;
    content: ' ';
    background-size: 100px 30px;
    background-repeat: no-repeat;
    position: absolute;
    left: 12px;
    bottom: 3px;
    z-index: 1;
    top: 16px;
}
*/

article.node.node--view-mode-full .node__header .node__meta {
    display: flex;
    justify-content: end;
}
div#edit-date {
    display: flex;
}

.rotor-group-heading {
    position: relative;
    top: 110px;
    font-size: 19px;
    text-align: center;
}

div#flipdown-field_date-0 {
    margin: 0 auto;
    width: 568px;
    margin-bottom: 40px;
}
ul.solo-ul.solo-clear.tabs.primary.ul-1, ul.solo-ul.solo-clear.tabs.primary.ul-1 li {
    background: #fff9f2;
    border-color: #fff;
    padding-top: 10px;
}

/*   cart  table*/
input#edit-edit-quantity-0 {
    width: 65px;
}
input#edit-edit-quantity-0 {
    width: 65px;
}



.page-wrapper table th {
    color: #baaea5;
    font-weight: normal;
}

.page-wrapper table th {
    border: 0!important;
}

.page-wrapper table tr {
    border: 0!important;
}

.page-wrapper table {
    border: 0!important;
}

.solo-responsive.solo-table-wrapper {
    border: 1px solid #baa68533;
    border-radius: 8px;
}

table.solo-table-all.views-table input.button.form-submit {
    margin: 0;
    border: 0;
    padding: 0;
    box-shadow: none;
    color: #dd2626;
}

input#edit-checkout {
    color: #baa685!important;
    background: #fff;
    display: inline-block;
}
.page-wrapper .dropbutton-widget {
    background: transparent;
    border: 0;
}
div#block-solo-subtheme-pagetitle {
    text-align: center;
}
#page-wrapper .region-inner.region-left .navigation__menubar {
    justify-content: center;
}
@media (min-width: 62rem) {
#page-wrapper .region-inner.region-left .navigation__menubar {
    justify-content: center;
}
}
h1.page-title-text {
    font-size: calc(2 * var(--solo-px32));
    line-height: calc(2 * var(--solo-px38));
    text-transform: uppercase;
    font-weight: normal;
    color: #fef9f2;
    font-size: 50px;
    text-shadow: 1px 1px 2px #a2a6aa;
}
input#edit-sidebar-coupon-redemption-form-code {
    width: 300px;
}
.page-wrapper form input.button.form-submit {
 
    margin-top: 1rem;
    height: inherit;
    border-radius: 5px;
    outline: none;
    font-weight: bold;
    box-shadow: 0.1em 0.25em 0.5em #00875f26;
    font-size: 15px;
    background: #fff;
margin: 1rem 0;
}
div#edit-actions input {
    padding: 12px 60px;
    border-radius: 30px!important;
    width: fit-content;
}

div#quicktabs-container-companion_content .solo-clear.view.view-shoutbox.view-id-shoutbox {
    max-width: 1000px;
}
.add-comment__form .form-actions {
    display: block;
    margin-bottom: 30px;
}
.block-field-blockgroupwedding-companionfield-epitaph {
    margin-bottom: 15px;
}
section.solo-clear.solo-block.block-ptah-group-rsvp.block-ptah-group-rsvp-reminder {
    margin-top: 30px;
}
nav.solo-clear.tabs {
    background: #e1e9ef !important;
}


.page-wrapper .primary-menu.solo-sticky {
box-shadow:none;
}
header#header {
    height: 300px;
}
section#block-solo-subtheme-primary-local-tasks li a:hover {
    box-shadow: none;
    color: #333 !important;
    text-shadow: 0 0 #626262;
}
ul.solo-ul.solo-clear.tabs.primary.ul-1, ul.solo-ul.solo-clear.tabs.primary.ul-1 li {
   background: #fff9f2;
    border-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
border: 0;
}


a.address-book__add-link {
    text-align: center;
}
.claro-autocomplete {
    width: auto;
}
.ui-front .eck-entity {
    padding: 20px;
}


.ui-dialog .ui-dialog-title {
    text-transform: capitalize;
}

.view-id-contacts.view-display-id-page_1 .views-row {border: 1px inset #cccccc47!important;padding: 10px;border-radius: 5px;max-width: 31.33%;min-width: 300px;padding-left: 46px;background:#fff9f2;}

.view-id-contacts.view-display-id-page_1 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 70px;
}

.view-id-contacts.view-display-id-page_1 .views-row:before {
    content: '';
    background: url(/sites/default/files/background_videos/contact_8089114.svg);
    width: 50px;
    height: 50px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    left: -35px;
    margin-bottom: -49px;
}
.view-id-contacts.view-display-id-page_1 .views-row .views-field.views-field-title {
    margin-left: 28px;
    text-transform: capitalize;
    font-weight: bold;
    margin: -22px 0 15px 28px;
}
.view-id-contacts.view-display-id-page_1 .views-row span {
    position: relative;
    left: 14px;
    font-size: 13px;
    top: 0px;
}
a.button.button--primary.use-ajax.add-new-contact {
    right: 0;
    background: #fff9f2;
    border-radius: 19px;
    color: #8f8f8f;
    position: absolute;
    top: 0;
    padding: 11px 16px;
}
div#ptah-editor {
    padding: 10px 10px 55px 10px;
    border-radius: 10px;
}



a.popup-field-group-open-popup.tasks-popup-link:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/background_videos/task_icon.gif);
    width: 50px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}

a.popup-field-group-open-popup.app-popup-link:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/background_videos/mobile_app.gif);
    width: 50px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
a.popup-field-group-open-popup.tasks-popup-link:after {
    content: 'Add and remove tasks';
    color: #000;
    font-size: 14px;
}
a.popup-field-group-open-popup.app-popup-link:after {
    font-size: 14px;
    content: 'Customise your mobile app';
    color: #000;
}

.form-item-field-texture-style-selector:nth-of-type(1) .ssui__option-wrapper {
    position: relative;
    left: 0px;
    margin-left: -10px;
}
div#edit-field-texture-style-selector div {   
    width: 137px;
}

section#block-solo-subtheme-primary-local-tasks {
    z-index: 1;
    position: relative;
    background: #e1e9ef;
}




.ssui__item.form-type-boolean.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-field-video-overlay-style-style-selector.form-item-field-video-overlay-style-style-selector {
    max-width: 39px;
    height: 42px;
    padding-left: 1px!important;
border-radius: 38px!important;
}
div#edit-field-video-overlay-style-style-selector {
    gap: 0;
}
.path-view-knowledgebase form#views-exposed-form-knowledgebase-latest-articles-block-1 .solo-block.exposed-form.form--inline.clearfix {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.path-view-knowledgebase .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-title.form-item-title.form-no-label {
    width: 30%!important;
    flex-basis: unset;
}

.path-view-knowledgebase input#edit-submit-knowledgebase-latest-articles--2 {
    box-shadow: unset;
    margin: 0;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
 background: #fdf9f2;
}

.path-view-knowledgebase div#edit-actions--2 {
    width: unset;
    max-width: 149px;
}
.page-wrapper .main-navigation-wrapper {
z-index: 1;
}
article.contextual-region.node.solo-clear.node--type-knowledgebase-article.node--promoted.node--view-mode-full {
    padding: 25px;
}

section#block-solo-subtheme-quicktabshelppagetabs {
    padding: 25px;
}

section#block-solo-subtheme-quicktabshelppagetabs .item-list {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
section#block-solo-subtheme-quicktabshelppagetabs ul.quicktabs-tabs li a {
    border: 1px solid #fff9f2;
    background: #fef9f2;
    color: #8f8f8f !important;
    transition: .5s;
    border-radius: 44px;
    box-shadow: 1px 1px 1px #ccc;
    margin-bottom: 1px;
    font-size: 18px;
    padding: 10px 20px;
}
/*
div#quicktabs-help_page_tabs {
    display: flex;
}



div#quicktabs-container-help_page_tabs {
    margin-left: 30px;
    padding: 30px;
    background: #f5f6f6;
    border-radius: 5px;
    width: -webkit-fill-available;
    border: 1px solid #cccccc8c;
}
.solo-clear.item-list ul {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    padding: 30px;
}

.solo-clear.item-list ul li {
    padding-bottom: 30px;
}
*/
.apture-content article.contextual-region.node.solo-clear.node--type-knowledgebase-article.node--promoted.node--view-mode-full {
    padding: 0!important;
}

.apture-content.entity-lookup-preview img, .apture-content.entity-lookup-preview iframe {
    width: 100%!important;
    padding-right: 6px;
}

div#edit-field-text-fonts-style-selector .js-form-item-field-text-fonts-style-selector:nth-of-type(1), div#edit-field-text-fonts-style-selector .js-form-item-field-text-fonts-style-selector:nth-of-type(2), div#edit-field-text-fonts-style-selector .js-form-item-field-text-fonts-style-selector:nth-of-type(3) {
    left: -12px;
}
.ssui__item.form-type-boolean.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-field-text-fonts-style-selector.form-item-field-text-fonts-style-selector {
    flex-basis: fit-content;
}

fieldset#edit-field-background-video--wrapper, fieldset#edit-field-text-fonts-style-selector--wrapper, fieldset#edit-field-heading-fonts-style-selector--wrapper, fieldset#edit-field-texture-style-selector--wrapper {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}




.page-wrapper nav ul:not(.header ul, .solo-ul, .field ul, .pager ul) li>a::after, .page-wrapper nav ul:not(.header ul, .solo-ul, .field ul, .pager ul) li>a::before, .page-wrapper nav ul:not(.header ul, .solo-ul, .field ul, .pager ul) li>button::after, .page-wrapper nav ul:not(.header ul, .solo-ul, .field ul, .pager ul) li>button::before {
border-block-end: 0!important;
}
a.nav__menu-link.nav__menu-link-account {
    background: transparent;
}

ul#account-menubar--2 * {
    background: transparent;
    text-transform: uppercase;
    font-size: 18px;
}


/* families */


/* headings, tabs,*/
.almalik #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.almalik .plan-table-name, 
.almalik .bga-title, 
.almalik .timeline-item .views-field.views-field-title, 
.almalik .block-field-blockgroupwedding-companionlabel,
.almalik .block-field-blockgroupwedding-companionfield-heading,
.almalik .quicktabs-tabs > li > a,
.almalik div#quicktabs-container-companion_content h1,
.almalik div#quicktabs-container-companion_content h2,
.almalik div#quicktabs-container-companion_content h3,
.almalik div#quicktabs-container-companion_content h4,
.almalik div#quicktabs-container-companion_content h5,
.almalik div#quicktabs-container-companion_content h6 .stush {
  font-family: "Almalik";
}
.altgotisch #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.altgotisch .plan-table-name, 
.altgotisch .bga-title, 
.altgotisch .timeline-item .views-field.views-field-title, 
.altgotisch .block-field-blockgroupwedding-companionlabel,
.altgotisch .block-field-blockgroupwedding-companionfield-heading,
.altgotisch .quicktabs-tabs > li > a,
.altgotisch div#quicktabs-container-companion_content h1,
.altgotisch div#quicktabs-container-companion_content h2,
.altgotisch div#quicktabs-container-companion_content h3,
.altgotisch div#quicktabs-container-companion_content h4,
.altgotisch div#quicktabs-container-companion_content h5,
.altgotisch div#quicktabs-container-companion_content h6 .stush {
  font-family: "Altgotisch";
}
.anton #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.anton .plan-table-name, 
.anton .bga-title, 
.anton .timeline-item .views-field.views-field-title, 
.anton .block-field-blockgroupwedding-companionlabel,
.anton .block-field-blockgroupwedding-companionfield-heading,
.anton .quicktabs-tabs > li > a,
.anton div#quicktabs-container-companion_content h1,
.anton div#quicktabs-container-companion_content h2,
.anton div#quicktabs-container-companion_content h3,
.anton div#quicktabs-container-companion_content h4,
.anton div#quicktabs-container-companion_content h5,
.anton div#quicktabs-container-companion_content h6 .stush {
  font-family: "Anton";
}
.bargitta #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.bargitta .plan-table-name, 
.bargitta .bga-title, 
.bargitta .timeline-item .views-field.views-field-title, 
.bargitta .block-field-blockgroupwedding-companionlabel,
.bargitta .block-field-blockgroupwedding-companionfield-heading,
.bargitta .quicktabs-tabs > li > a,
.bargitta div#quicktabs-container-companion_content h1,
.bargitta div#quicktabs-container-companion_content h2,
.bargitta div#quicktabs-container-companion_content h3,
.bargitta div#quicktabs-container-companion_content h4,
.bargitta div#quicktabs-container-companion_content h5,
.bargitta div#quicktabs-container-companion_content h6 .stush {
  font-family: "Bargitta";
}
.bitterdine  #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.bitterdine  .plan-table-name, 
.bitterdine  .bga-title, 
.bitterdine .timeline-item .views-field.views-field-title, 
.bitterdine .block-field-blockgroupwedding-companionlabel,
.bitterdine .block-field-blockgroupwedding-companionfield-heading,
.bitterdine .quicktabs-tabs > li > a,
.bitterdine div#quicktabs-container-companion_content h1,
.bitterdine div#quicktabs-container-companion_content h2,
.bitterdine div#quicktabs-container-companion_content h3,
.bitterdine div#quicktabs-container-companion_content h4,
.bitterdine div#quicktabs-container-companion_content h5,
.bitterdine div#quicktabs-container-companion_content h6 .stush {
  font-family: "Bitterdine";
}
.blank-moment #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.blank-moment .plan-table-name, 
.blank-moment .bga-title, 
.blank-moment .timeline-item .views-field.views-field-title, 
.blank-moment .block-field-blockgroupwedding-companionlabel,
.blank-moment .block-field-blockgroupwedding-companionfield-heading,
.blank-moment .quicktabs-tabs > li > a,
.blank-moment div#quicktabs-container-companion_content h1,
.blank-moment div#quicktabs-container-companion_content h2,
.blank-moment div#quicktabs-container-companion_content h3,
.blank-moment div#quicktabs-container-companion_content h4,
.blank-moment div#quicktabs-container-companion_content h5,
.blank-moment div#quicktabs-container-companion_content h6 .stush {
  font-family: "Blank Moment";
}
.cabin-sketch #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.cabin-sketch .plan-table-name, 
.cabin-sketch .bga-title, 
.cabin-sketch .timeline-item .views-field.views-field-title, 
.cabin-sketch .block-field-blockgroupwedding-companionlabel,
.cabin-sketch .block-field-blockgroupwedding-companionfield-heading,
.cabin-sketch .quicktabs-tabs > li > a,
.cabin-sketch div#quicktabs-container-companion_content h1,
.cabin-sketch div#quicktabs-container-companion_content h2,
.cabin-sketch div#quicktabs-container-companion_content h3,
.cabin-sketch div#quicktabs-container-companion_content h4,
.cabin-sketch div#quicktabs-container-companion_content h5,
.cabin-sketch div#quicktabs-container-companion_content h6 .stush {
  font-family: "Cabin Sketch";
}
.camilla #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.camilla .plan-table-name, 
.camilla .bga-title, 
.camilla .timeline-item .views-field.views-field-title, 
.camilla .block-field-blockgroupwedding-companionlabel,
.camilla .block-field-blockgroupwedding-companionfield-heading,
.camilla .quicktabs-tabs > li > a,
.camilla div#quicktabs-container-companion_content h1,
.camilla div#quicktabs-container-companion_content h2,
.camilla div#quicktabs-container-companion_content h3,
.camilla div#quicktabs-container-companion_content h4,
.camilla div#quicktabs-container-companion_content h5,
.camilla div#quicktabs-container-companion_content h6 .stush {
  font-family: "Camilla";
}
.carrol-wild #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.carrol-wild .plan-table-name, 
.carrol-wild .bga-title, 
.carrol-wild .timeline-item .views-field.views-field-title, 
.carrol-wild .block-field-blockgroupwedding-companionlabel,
.carrol-wild .block-field-blockgroupwedding-companionfield-heading,
.carrol-wild .quicktabs-tabs > li > a,
.carrol-wild div#quicktabs-container-companion_content h1,
.carrol-wild div#quicktabs-container-companion_content h2,
.carrol-wild div#quicktabs-container-companion_content h3,
.carrol-wild div#quicktabs-container-companion_content h4,
.carrol-wild div#quicktabs-container-companion_content h5,
.carrol-wild div#quicktabs-container-companion_content h6 .stush {
  font-family: "Carrol Wild";
}
.cloistered-monk #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.cloistered-monk .plan-table-name, 
.cloistered-monk .bga-title, 
.cloistered-monk .timeline-item .views-field.views-field-title, 
.cloistered-monk .block-field-blockgroupwedding-companionlabel,
.cloistered-monk .block-field-blockgroupwedding-companionfield-heading,
.cloistered-monk .quicktabs-tabs > li > a,
.cloistered-monk div#quicktabs-container-companion_content h1,
.cloistered-monk div#quicktabs-container-companion_content h2,
.cloistered-monk div#quicktabs-container-companion_content h3,
.cloistered-monk div#quicktabs-container-companion_content h4,
.cloistered-monk div#quicktabs-container-companion_content h5,
.cloistered-monk div#quicktabs-container-companion_content h6 .stush {
  font-family: "Cloistered Monk";
}
.cody-star #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.cody-star .plan-table-name, 
.cody-star .bga-title, 
.cody-star .timeline-item .views-field.views-field-title, 
.cody-star .block-field-blockgroupwedding-companionlabel,
.cody-star .block-field-blockgroupwedding-companionfield-heading,
.cody-star .quicktabs-tabs > li > a,
.cody-star div#quicktabs-container-companion_content h1,
.cody-star div#quicktabs-container-companion_content h2,
.cody-star div#quicktabs-container-companion_content h3,
.cody-star div#quicktabs-container-companion_content h4,
.cody-star div#quicktabs-container-companion_content h5,
.cody-star div#quicktabs-container-companion_content h6 .stush {
  font-family: "Cody Star";
}
.cookie #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.cookie .plan-table-name, 
.cookie .bga-title, 
.cookie .timeline-item .views-field.views-field-title, 
.cookie .block-field-blockgroupwedding-companionlabel,
.cookie .block-field-blockgroupwedding-companionfield-heading,
.cookie .quicktabs-tabs > li > a,
.cookie div#quicktabs-container-companion_content h1,
.cookie div#quicktabs-container-companion_content h2,
.cookie div#quicktabs-container-companion_content h3,
.cookie div#quicktabs-container-companion_content h4,
.cookie div#quicktabs-container-companion_content h5,
.cookie div#quicktabs-container-companion_content h6 .stush {
  font-family: "Cookie";
}
.courgette #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.courgette .plan-table-name, 
.courgette .bga-title, 
.courgette .timeline-item .views-field.views-field-title, 
.courgette .block-field-blockgroupwedding-companionlabel,
.courgette .block-field-blockgroupwedding-companionfield-heading,
.courgette .quicktabs-tabs > li > a,
.courgette div#quicktabs-container-companion_content h1,
.courgette div#quicktabs-container-companion_content h2,
.courgette div#quicktabs-container-companion_content h3,
.courgette div#quicktabs-container-companion_content h4,
.courgette div#quicktabs-container-companion_content h5,
.courgette div#quicktabs-container-companion_content h6 .stush {
  font-family: "Courgette";
}
.covered-by-your-grace #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.covered-by-your-grace .plan-table-name, 
.covered-by-your-grace .bga-title, 
.covered-by-your-grace .timeline-item .views-field.views-field-title, 
.covered-by-your-grace .block-field-blockgroupwedding-companionlabel,
.covered-by-your-grace .block-field-blockgroupwedding-companionfield-heading,
.covered-by-your-grace .quicktabs-tabs > li > a,
.covered-by-your-grace div#quicktabs-container-companion_content h1,
.covered-by-your-grace div#quicktabs-container-companion_content h2,
.covered-by-your-grace div#quicktabs-container-companion_content h3,
.covered-by-your-grace div#quicktabs-container-companion_content h4,
.covered-by-your-grace div#quicktabs-container-companion_content h5,
.covered-by-your-grace div#quicktabs-container-companion_content h6 .stush {
  font-family: "Covered by Your Grace";
}
.damion #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.damion .plan-table-name, 
.damion .bga-title, 
.damion .timeline-item .views-field.views-field-title, 
.damion .block-field-blockgroupwedding-companionlabel,
.damion .block-field-blockgroupwedding-companionfield-heading,
.damion .quicktabs-tabs > li > a,
.damion div#quicktabs-container-companion_content h1,
.damion div#quicktabs-container-companion_content h2,
.damion div#quicktabs-container-companion_content h3,
.damion div#quicktabs-container-companion_content h4,
.damion div#quicktabs-container-companion_content h5,
.damion div#quicktabs-container-companion_content h6 .stush {
  font-family: "Damion";
}
.duarose #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.duarose .plan-table-name, 
.duarose .timeline-item  .bga-title, 
.duarose .timeline-item .views-field.views-field-title, 
.duarose .block-field-blockgroupwedding-companionlabel,
.duarose .block-field-blockgroupwedding-companionfield-heading,
.duarose .quicktabs-tabs > li > a,
.duarose div#quicktabs-container-companion_content h1,
.duarose div#quicktabs-container-companion_content h2,
.duarose div#quicktabs-container-companion_content h3,
.duarose div#quicktabs-container-companion_content h4,
.duarose div#quicktabs-container-companion_content h5,
.duarose div#quicktabs-container-companion_content h6 .stush {
  font-family: "Duarose";
}
.ferguson #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.ferguson .plan-table-name, 
.ferguson .bga-title, 
.ferguson .timeline-item .views-field.views-field-title, 
.ferguson .block-field-blockgroupwedding-companionlabel,
.ferguson .block-field-blockgroupwedding-companionfield-heading,
.ferguson .quicktabs-tabs > li > a,
.ferguson div#quicktabs-container-companion_content h1,
.ferguson div#quicktabs-container-companion_content h2,
.ferguson div#quicktabs-container-companion_content h3,
.ferguson div#quicktabs-container-companion_content h4,
.ferguson div#quicktabs-container-companion_content h5,
.ferguson div#quicktabs-container-companion_content h6 .stush {
  font-family: "Ferguson";
}
.forestine #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.forestine .plan-table-name, 
.forestine .bga-title, 
.forestine .timeline-item .views-field.views-field-title, 
.forestine .block-field-blockgroupwedding-companionlabel,
.forestine .block-field-blockgroupwedding-companionfield-heading,
.forestine .quicktabs-tabs > li > a,
.forestine div#quicktabs-container-companion_content h1,
.forestine div#quicktabs-container-companion_content h2,
.forestine div#quicktabs-container-companion_content h3,
.forestine div#quicktabs-container-companion_content h4,
.forestine div#quicktabs-container-companion_content h5,
.forestine div#quicktabs-container-companion_content h6 .stush {
  font-family: "Forestine";
}
 .freaky-story #quicktabs-companion_content .item-list ul li:first-of-type:before, 
 .freaky-story .plan-table-name, 
.freaky-story .bga-title, 
.freaky-story .timeline-item .views-field.views-field-title, 
.freaky-story .block-field-blockgroupwedding-companionlabel,
.freaky-story .block-field-blockgroupwedding-companionfield-heading,
.freaky-story .quicktabs-tabs > li > a,
.freaky-story div#quicktabs-container-companion_content h1,
.freaky-story div#quicktabs-container-companion_content h2,
.freaky-story div#quicktabs-container-companion_content h3,
.freaky-story div#quicktabs-container-companion_content h4,
.freaky-story div#quicktabs-container-companion_content h5,
.freaky-story div#quicktabs-container-companion_content h6 .stush {
  font-family: "Freaky Story";
}
.ganiser #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.ganiser .plan-table-name, 
.ganiser .bga-title, 
.ganiser .timeline-item .views-field.views-field-title, 
.ganiser .block-field-blockgroupwedding-companionlabel,
.ganiser .block-field-blockgroupwedding-companionfield-heading,
.ganiser .quicktabs-tabs > li > a,
.ganiser div#quicktabs-container-companion_content h1,
.ganiser div#quicktabs-container-companion_content h2,
.ganiser div#quicktabs-container-companion_content h3,
.ganiser div#quicktabs-container-companion_content h4,
.ganiser div#quicktabs-container-companion_content h5,
.ganiser div#quicktabs-container-companion_content h6 .stush {
  font-family: "Ganiser";
}
.grafika #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.grafika .plan-table-name, 
.grafika .bga-title, 
.grafika .timeline-item .views-field.views-field-title, 
.grafika .block-field-blockgroupwedding-companionlabel,
.grafika .block-field-blockgroupwedding-companionfield-heading,
.grafika .quicktabs-tabs > li > a,
.grafika div#quicktabs-container-companion_content h1,
.grafika div#quicktabs-container-companion_content h2,
.grafika div#quicktabs-container-companion_content h3,
.grafika div#quicktabs-container-companion_content h4,
.grafika div#quicktabs-container-companion_content h5,
.grafika div#quicktabs-container-companion_content h6 .stush {
  font-family: "Grafika";
}
.granesta #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.granesta .plan-table-name, 
.granesta .bga-title, 
.granesta .timeline-item .views-field.views-field-title, 
.granesta .block-field-blockgroupwedding-companionlabel,
.granesta .block-field-blockgroupwedding-companionfield-heading,
.granesta .quicktabs-tabs > li > a,
.granesta div#quicktabs-container-companion_content h1,
.granesta div#quicktabs-container-companion_content h2,
.granesta div#quicktabs-container-companion_content h3,
.granesta div#quicktabs-container-companion_content h4,
.granesta div#quicktabs-container-companion_content h5,
.granesta div#quicktabs-container-companion_content h6 .stush {
  font-family: "Granesta";
}
.im-fell-english #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.im-fell-english .plan-table-name, 
.im-fell-english .bga-title, 
.im-fell-english .timeline-item .views-field.views-field-title, 
.im-fell-english .block-field-blockgroupwedding-companionlabel,
.im-fell-english .block-field-blockgroupwedding-companionfield-heading,
.im-fell-english .quicktabs-tabs > li > a,
.im-fell-english div#quicktabs-container-companion_content h1,
.im-fell-english div#quicktabs-container-companion_content h2,
.im-fell-english div#quicktabs-container-companion_content h3,
.im-fell-english div#quicktabs-container-companion_content h4,
.im-fell-english div#quicktabs-container-companion_content h5,
.im-fell-english div#quicktabs-container-companion_content h6 .stush {
  font-family: "Im Fell English";
}
.jena-gotisch #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.jena-gotisch .plan-table-name, 
.jena-gotisch .bga-title, 
.jena-gotisch .timeline-item .views-field.views-field-title, 
.jena-gotisch .block-field-blockgroupwedding-companionlabel,
.jena-gotisch .block-field-blockgroupwedding-companionfield-heading,
.jena-gotisch .quicktabs-tabs > li > a,
.jena-gotisch div#quicktabs-container-companion_content h1,
.jena-gotisch div#quicktabs-container-companion_content h2,
.jena-gotisch div#quicktabs-container-companion_content h3,
.jena-gotisch div#quicktabs-container-companion_content h4,
.jena-gotisch div#quicktabs-container-companion_content h5,
.jena-gotisch div#quicktabs-container-companion_content h6 .stush {
  font-family: "Jena Gotisch";
}
.karelle #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.karelle .plan-table-name, 
.karelle .bga-title, 
.karelle .timeline-item .views-field.views-field-title, 
.karelle .block-field-blockgroupwedding-companionlabel,
.karelle .block-field-blockgroupwedding-companionfield-heading,
.karelle .quicktabs-tabs > li > a,
.karelle div#quicktabs-container-companion_content h1,
.karelle div#quicktabs-container-companion_content h2,
.karelle div#quicktabs-container-companion_content h3,
.karelle div#quicktabs-container-companion_content h4,
.karelle div#quicktabs-container-companion_content h5,
.karelle div#quicktabs-container-companion_content h6 .stush {
  font-family: "Karelle";
}
.khodijah #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.khodijah .plan-table-name, 
.khodijah .bga-title, 
.khodijah .timeline-item .views-field.views-field-title, 
.khodijah .block-field-blockgroupwedding-companionlabel,
.khodijah .block-field-blockgroupwedding-companionfield-heading,
.khodijah .quicktabs-tabs > li > a,
.khodijah div#quicktabs-container-companion_content h1,
.khodijah div#quicktabs-container-companion_content h2,
.khodijah div#quicktabs-container-companion_content h3,
.khodijah div#quicktabs-container-companion_content h4,
.khodijah div#quicktabs-container-companion_content h5,
.khodijah div#quicktabs-container-companion_content h6 .stush {
  font-family: "Khodijah ";
} 
.lancaster #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.lancaster  .plan-table-name, 
.lancaster .bga-title, 
.lancaster .timeline-item .views-field.views-field-title, 
.lancaster .block-field-blockgroupwedding-companionlabel,
.lancaster .block-field-blockgroupwedding-companionfield-heading,
.lancaster .quicktabs-tabs > li > a,
.lancaster div#quicktabs-container-companion_content h1,
.lancaster div#quicktabs-container-companion_content h2,
.lancaster div#quicktabs-container-companion_content h3,
.lancaster div#quicktabs-container-companion_content h4,
.lancaster div#quicktabs-container-companion_content h5,
.lancaster div#quicktabs-container-companion_content h6 .stush {
  font-family: "Lancaster";
}
.london-scroll #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.london-scroll .plan-table-name, 
.london-scroll .bga-title, 
.london-scroll .timeline-item .views-field.views-field-title, 
.london-scroll .block-field-blockgroupwedding-companionlabel,
.london-scroll .block-field-blockgroupwedding-companionfield-heading,
.london-scroll .quicktabs-tabs > li > a,
.london-scroll div#quicktabs-container-companion_content h1,
.london-scroll div#quicktabs-container-companion_content h2,
.london-scroll div#quicktabs-container-companion_content h3,
.london-scroll div#quicktabs-container-companion_content h4,
.london-scroll div#quicktabs-container-companion_content h5,
.london-scroll div#quicktabs-container-companion_content h6 .stush {
  font-family: "London Scroll";
}
.metorius #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.metorius .plan-table-name, 
.metorius .bga-title, 
.metorius .timeline-item .views-field.views-field-title, 
.metorius .block-field-blockgroupwedding-companionlabel,
.metorius .block-field-blockgroupwedding-companionfield-heading,
.metorius .quicktabs-tabs > li > a,
.metorius div#quicktabs-container-companion_content h1,
.metorius div#quicktabs-container-companion_content h2,
.metorius div#quicktabs-container-companion_content h3,
.metorius div#quicktabs-container-companion_content h4,
div#quicktabs-container-companion_content h5,
.metorius div#quicktabs-container-companion_content h6 .stush {
  font-family: "Metorius";
}
.mr-de-haviland #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.mr-de-haviland .plan-table-name, 
.mr-de-haviland .bga-title, 
.mr-de-haviland .timeline-item .views-field.views-field-title, 
.mr-de-haviland .block-field-blockgroupwedding-companionlabel,
.mr-de-haviland .block-field-blockgroupwedding-companionfield-heading,
.mr-de-haviland .quicktabs-tabs > li > a,
.mr-de-haviland div#quicktabs-container-companion_content h1,
.mr-de-haviland div#quicktabs-container-companion_content h2,
.mr-de-haviland div#quicktabs-container-companion_content h3,
.mr-de-haviland div#quicktabs-container-companion_content h4,
.mr-de-haviland div#quicktabs-container-companion_content h5,
.mr-de-haviland div#quicktabs-container-companion_content h6 .stush {
  font-family: "Mr De Haviland";
}
.nicky #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.nicky .plan-table-name, 
.nicky .bga-title, 
.nicky .timeline-item .views-field.views-field-title, 
.nicky .block-field-blockgroupwedding-companionlabel,
.nicky .block-field-blockgroupwedding-companionfield-heading,
.nicky .quicktabs-tabs > li > a,
.nicky div#quicktabs-container-companion_content h1,
.nicky div#quicktabs-container-companion_content h2,
.nicky div#quicktabs-container-companion_content h3,
.nicky div#quicktabs-container-companion_content h4,
.nicky div#quicktabs-container-companion_content h5,
.nicky div#quicktabs-container-companion_content h6 .stush {
  font-family: "Nicky";
}
.open-sans #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.open-sans .plan-table-name, 
.open-sans .bga-title, 
.open-sans .timeline-item .views-field.views-field-title, 
.open-sans .block-field-blockgroupwedding-companionlabel,
.open-sans .block-field-blockgroupwedding-companionfield-heading,
.open-sans .quicktabs-tabs > li > a,
.open-sans div#quicktabs-container-companion_content h1,
.open-sans div#quicktabs-container-companion_content h2,
.open-sans div#quicktabs-container-companion_content h3,
.open-sans div#quicktabs-container-companion_content h4,
.open-sans div#quicktabs-container-companion_content h5,
.open-sans div#quicktabs-container-companion_content h6 .stush {
  font-family: "Open Sans";
}
.oswald #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.oswald .plan-table-name, 
.oswald .bga-title, 
.oswald .timeline-item .views-field.views-field-title, 
.oswald .block-field-blockgroupwedding-companionlabel,
.oswald .block-field-blockgroupwedding-companionfield-heading,
.oswald .quicktabs-tabs > li > a,
.oswald div#quicktabs-container-companion_content h1,
.oswald div#quicktabs-container-companion_content h2,
.oswald div#quicktabs-container-companion_content h3,
.oswald div#quicktabs-container-companion_content h4,
.oswald div#quicktabs-container-companion_content h5,
.oswald div#quicktabs-container-companion_content h6 .stush {
  font-family: "Oswald";
}
.passion-one #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.passion-one .plan-table-name, 
.passion-one .bga-title, 
.passion-one .timeline-item .views-field.views-field-title, 
.passion-one .block-field-blockgroupwedding-companionlabel,
.passion-one .block-field-blockgroupwedding-companionfield-heading,
.passion-one .quicktabs-tabs > li > a,
.passion-one div#quicktabs-container-companion_content h1,
.passion-one div#quicktabs-container-companion_content h2,
.passion-one div#quicktabs-container-companion_content h3,
.passion-one div#quicktabs-container-companion_content h4,
.passion-one div#quicktabs-container-companion_content h5,
.passion-one div#quicktabs-container-companion_content h6 .stush {
  font-family: "Passion One";
}
.patua-one #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.patua-one .plan-table-name, 
.patua-one .bga-title, 
.patua-one .timeline-item .views-field.views-field-title, 
.patua-one .block-field-blockgroupwedding-companionlabel,
.patua-one .block-field-blockgroupwedding-companionfield-heading,
.patua-one .quicktabs-tabs > li > a,
.patua-one div#quicktabs-container-companion_content h1,
.patua-one div#quicktabs-container-companion_content h2,
.patua-one div#quicktabs-container-companion_content h3,
.patua-one div#quicktabs-container-companion_content h4,
.patua-one div#quicktabs-container-companion_content h5,
.patua-one div#quicktabs-container-companion_content h6 .stush {
  font-family: "Patua One";
}
.persona #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.persona .plan-table-name, 
.persona .bga-title, 
.persona .timeline-item .views-field.views-field-title, 
.persona .block-field-blockgroupwedding-companionlabel,
.persona .block-field-blockgroupwedding-companionfield-heading,
.persona .quicktabs-tabs > li > a,
.persona div#quicktabs-container-companion_content h1,
.persona div#quicktabs-container-companion_content h2,
.persona div#quicktabs-container-companion_content h3,
.persona div#quicktabs-container-companion_content h4,
.persona div#quicktabs-container-companion_content h5,
.persona div#quicktabs-container-companion_content h6 .stush {
  font-family: "Persona";
}
.point-panther #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.point-panther .plan-table-name, 
.point-panther .bga-title, 
.point-panther .timeline-item .views-field.views-field-title, 
.point-panther .block-field-blockgroupwedding-companionlabel,
.point-panther .block-field-blockgroupwedding-companionfield-heading,
.point-panther .quicktabs-tabs > li > a,
.point-panther div#quicktabs-container-companion_content h1,
.point-panther div#quicktabs-container-companion_content h2,
.point-panther div#quicktabs-container-companion_content h3,
.point-panther div#quicktabs-container-companion_content h4,
.point-panther div#quicktabs-container-companion_content h5,
.point-panther div#quicktabs-container-companion_content h6 .stush {
  font-family: "Point Panther";
}
.rochester #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.rochester .plan-table-name, 
.rochester .bga-title, 
.rochester .timeline-item .views-field.views-field-title, 
.rochester .block-field-blockgroupwedding-companionlabel,
.rochester .block-field-blockgroupwedding-companionfield-heading,
.rochester .quicktabs-tabs > li > a,
div#quicktabs-container-companion_content h1,
.rochester div#quicktabs-container-companion_content h2,
.rochester div#quicktabs-container-companion_content h3,
.rochester div#quicktabs-container-companion_content h4,
.rochester div#quicktabs-container-companion_content h5,
.rochester div#quicktabs-container-companion_content h6 .stush {
  font-family: "Rochester";
}
.rosterine #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.rosterine .plan-table-name, 
.rosterine .bga-title, 
.rosterine .timeline-item .views-field.views-field-title, 
.rosterine .block-field-blockgroupwedding-companionlabel,
.rosterine .block-field-blockgroupwedding-companionfield-heading,
.rosterine .quicktabs-tabs > li > a,
.rosterine div#quicktabs-container-companion_content h1,
.rosterine div#quicktabs-container-companion_content h2,
.rosterine div#quicktabs-container-companion_content h3,
.rosterine div#quicktabs-container-companion_content h4,
.rosterine div#quicktabs-container-companion_content h5,
.rosterine div#quicktabs-container-companion_content h6 .stush {
  font-family: "Rosterine";
}
.runestar #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.runestar .plan-table-name, 
.runestar .bga-title, 
.runestar .timeline-item .views-field.views-field-title, 
.runestar .block-field-blockgroupwedding-companionlabel,
.runestar .block-field-blockgroupwedding-companionfield-heading,
.runestar .quicktabs-tabs > li > a,
.runestar div#quicktabs-container-companion_content h1,
.runestar div#quicktabs-container-companion_content h2,
.runestar div#quicktabs-container-companion_content h3,
.runestar div#quicktabs-container-companion_content h4,
.runestar div#quicktabs-container-companion_content h5,
.runestar div#quicktabs-container-companion_content h6 .stush {
  font-family: "Runestar";
}
.seaweed-script #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.seaweed-script .plan-table-name, 
.seaweed-script .bga-title, 
.seaweed-script .timeline-item .views-field.views-field-title, 
.seaweed-script .block-field-blockgroupwedding-companionlabel,
.seaweed-script .block-field-blockgroupwedding-companionfield-heading,
.seaweed-script .quicktabs-tabs > li > a,
.seaweed-script div#quicktabs-container-companion_content h1,
.seaweed-script div#quicktabs-container-companion_content h2,
.seaweed-script div#quicktabs-container-companion_content h3,
.seaweed-script div#quicktabs-container-companion_content h4,
.seaweed-script div#quicktabs-container-companion_content h5,
.seaweed-script div#quicktabs-container-companion_content h6 .stush {
  font-family: "Seaweed Script";
}
.shelbie-roger #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.shelbie-roger .plan-table-name, 
.shelbie-roger .bga-title, 
.shelbie-roger .timeline-item .views-field.views-field-title, 
.shelbie-roger .block-field-blockgroupwedding-companionlabel,
.shelbie-roger .block-field-blockgroupwedding-companionfield-heading,
.shelbie-roger .quicktabs-tabs > li > a,
.shelbie-roger div#quicktabs-container-companion_content h1,
.shelbie-roger div#quicktabs-container-companion_content h2,
.shelbie-roger div#quicktabs-container-companion_content h3,
.shelbie-roger div#quicktabs-container-companion_content h4,
.shelbie-roger div#quicktabs-container-companion_content h5,
.shelbie-roger div#quicktabs-container-companion_content h6 .stush {
  font-family: "Shelbie Roger";
}
.tangerine #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.tangerine .plan-table-name, 
.tangerine .bga-title, 
.tangerine .timeline-item .views-field.views-field-title, 
.tangerine .block-field-blockgroupwedding-companionlabel,
.tangerine .block-field-blockgroupwedding-companionfield-heading,
.tangerine .quicktabs-tabs > li > a,
.tangerine div#quicktabs-container-companion_content h1,
.tangerine div#quicktabs-container-companion_content h2,
.tangerine div#quicktabs-container-companion_content h3,
.tangerine div#quicktabs-container-companion_content h4,
.tangerine div#quicktabs-container-companion_content h5,
.tangerine div#quicktabs-container-companion_content h6 .stush {
  font-family: "Tangerine";
}
.the-morshine #quicktabs-companion_content .item-list ul li:first-of-type:before, 
.the-morshine .plan-table-name, 
.the-morshine .bga-title, 
.the-morshine .timeline-item .views-field.views-field-title, 
.the-morshine .block-field-blockgroupwedding-companionlabel,
.the-morshine .block-field-blockgroupwedding-companionfield-heading,
.the-morshine .quicktabs-tabs > li > a,
.the-morshine div#quicktabs-container-companion_content h1,
.the-morshine div#quicktabs-container-companion_content h2,
.the-morshine div#quicktabs-container-companion_content h3,
.the-morshine div#quicktabs-container-companion_content h4,
.the-morshine div#quicktabs-container-companion_content h5,
.the-morshine div#quicktabs-container-companion_content h6 .stush {
  font-family: "The Morshine";
}



/*  paragraphs */
.armata .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.armata .block-ptah-group-rsvp-reminder, 
.armata textarea#edit-comment-body-0-value, 
.armata a.atcb-link, .armata .views-field.views-field-field-event-description, .armata .flag.flag-attendance.js-flag-attendance-1.action-unflag, .armata div#quicktabs-container-companion_content p, .armata .views-field.views-field-fieldset summary, 
.armata div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.armata div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.armata .timeline-item .views-field.views-field-field-date, 
.armata .timeline-item .views-field.views-field-field-event-description .stusha, 
.armata .block-field-blockgroupwedding-companionfield-epitaph p , 
.armata .block-field-blockgroupwedding-companionfield-date, 
.armata .block-field-blockgroupwedding-companionfield-rsvp-a, .armata .view-locations .views-field.views-field-field-date {
  font-family: "Armata";
}
.autour.one .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.autour.one .block-ptah-group-rsvp-reminder, 
.autour.one textarea#edit-comment-body-0-value, 
.autour.one a.atcb-link, .autour.one .views-field.views-field-field-event-description, .autour.one .flag.flag-attendance.js-flag-attendance-1.action-unflag, .autour.one div#quicktabs-container-companion_content p, .autour.one .views-field.views-field-fieldset summary, 
.autour.one div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.autour.one div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.autour.one .timeline-item .views-field.views-field-field-date, 
.autour.one .timeline-item .views-field.views-field-field-event-description .stusha, 
.autour.one .block-field-blockgroupwedding-companionfield-epitaph p , 
.autour.one .block-field-blockgroupwedding-companionfield-date, 
.autour.one .block-field-blockgroupwedding-companionfield-rsvp-a, .autour.one .view-locations .views-field.views-field-field-date {
  font-family: "Autour One";
}
.bad-script .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.bad-script .block-ptah-group-rsvp-reminder, 
.bad-script textarea#edit-comment-body-0-value, 
.bad-script a.atcb-link, .bad-script .views-field.views-field-field-event-description, .bad-script .flag.flag-attendance.js-flag-attendance-1.action-unflag, .bad-script div#quicktabs-container-companion_content p, .bad-script .views-field.views-field-fieldset summary, 
.bad-script div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.bad-script div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.bad-script .timeline-item .views-field.views-field-field-date, 
.bad-script .timeline-item .views-field.views-field-field-event-description .stusha, 
.bad-script .block-field-blockgroupwedding-companionfield-epitaph, 
.bad-script .block-field-blockgroupwedding-companionfield-date, 
.bad-script .block-field-blockgroupwedding-companionfield-rsvp-a, .bad-script .view-locations .views-field.views-field-field-date {
  font-family: "Bad Script";
}
 .barlow .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
 .barlow .block-ptah-group-rsvp-reminder, 
.barlow textarea#edit-comment-body-0-value, 
.barlow a.atcb-link, .barlow .views-field.views-field-field-event-description, .barlow .flag.flag-attendance.js-flag-attendance-1.action-unflag, .barlow div#quicktabs-container-companion_content p, .barlow .views-field.views-field-fieldset summary, 
.barlow div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.barlow div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.barlow .timeline-item .views-field.views-field-field-date, 
.barlow .timeline-item .views-field.views-field-field-event-description .stusha, 
.barlow .block-field-blockgroupwedding-companionfield-epitaph p , 
.barlow .block-field-blockgroupwedding-companionfield-date, 
.barlow .block-field-blockgroupwedding-companionfield-rsvp-a, .barlow .view-locations .views-field.views-field-field-date {
  font-family: "Barlow";
}
.bitter .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.bitter .block-ptah-group-rsvp-reminder, 
.bitter textarea#edit-comment-body-0-value, 
.bitter  a.atcb-link,  .bitter .views-field.views-field-field-event-description, .bitter .flag.flag-attendance.js-flag-attendance-1.action-unflag, .bitter div#quicktabs-container-companion_content p, .bitter .views-field.views-field-fieldset summary, 
.bitter div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.bitter div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.bitter .timeline-item .views-field.views-field-field-date, 
.bitter .timeline-item .views-field.views-field-field-event-description .stusha, 
.bitter .block-field-blockgroupwedding-companionfield-epitaph p , 
.bitter .block-field-blockgroupwedding-companionfield-date, 
.bitter .block-field-blockgroupwedding-companionfield-rsvp-a, .bitter .view-locations .views-field.views-field-field-date {
  font-family: "Bitter";
}
.cardo .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.cardo .block-ptah-group-rsvp-reminder, 
.cardo textarea#edit-comment-body-0-value, 
.cardo a.atcb-link, .cardo .views-field.views-field-field-event-description, .cardo .flag.flag-attendance.js-flag-attendance-1.action-unflag, .cardo div#quicktabs-container-companion_content p, .cardo .views-field.views-field-fieldset summary, 
.cardo div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.cardo div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.cardo .timeline-item .views-field.views-field-field-date, 
.cardo .timeline-item .views-field.views-field-field-event-description .stusha, 
.cardo .block-field-blockgroupwedding-companionfield-epitaph p, 
.cardo .block-field-blockgroupwedding-companionfield-date, 
.cardo .block-field-blockgroupwedding-companionfield-rsvp-a, .cardo .view-locations .views-field.views-field-field-date {
  font-family: "Cardo";
}
.crimson.text .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
 .crimson.text .block-ptah-group-rsvp-reminder, 
.crimson.text  textarea#edit-comment-body-0-value, 
.crimson.tex a.atcb-link, .crimson.tex .views-field.views-field-field-event-description, .crimson.text .flag.flag-attendance.js-flag-attendance-1.action-unflag, .crimson.text div#quicktabs-container-companion_content p, .crimson.text .views-field.views-field-fieldset summary, 
.crimson.text div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.crimson.text div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.crimson.text .timeline-item .views-field.views-field-field-date, 
.crimson.text .timeline-item .views-field.views-field-field-event-description .stusha, 
.crimson.text .block-field-blockgroupwedding-companionfield-epitaph p, 
.crimson.text .block-field-blockgroupwedding-companionfield-date, 
.crimson.text .block-field-blockgroupwedding-companionfield-rsvp-a, .crimson.text .view-locations .views-field.views-field-field-date {
  font-family: "Crimson Text";
}
 .gruppo .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
 .gruppo .block-ptah-group-rsvp-reminder, 
.gruppo textarea#edit-comment-body-0-value, 
.gruppo a.atcb-link, .gruppo .views-field.views-field-field-event-description, .gruppo .flag.flag-attendance.js-flag-attendance-1.action-unflag, .gruppo div#quicktabs-container-companion_content p, .gruppo .views-field.views-field-fieldset summary, 
.gruppo div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.gruppo div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.gruppo .timeline-item .views-field.views-field-field-date, 
.gruppo .timeline-item .views-field.views-field-field-event-description .stusha, 
.gruppo .block-field-blockgroupwedding-companionfield-epitaph, 
.gruppo .block-field-blockgroupwedding-companionfield-date, 
.gruppo .block-field-blockgroupwedding-companionfield-rsvp-a, .gruppo .view-locations .views-field.views-field-field-date {
  font-family: "Gruppo";
}
.inclusive.sans .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.inclusive.sans .block-ptah-group-rsvp-reminder, 
.inclusive.sans textarea#edit-comment-body-0-value, 
.inclusive.sans a.atcb-link, .inclusive.sans .views-field.views-field-field-event-description, .inclusive.sans .flag.flag-attendance.js-flag-attendance-1.action-unflag, .inclusive.sans div#quicktabs-container-companion_content p, .inclusive.sans .views-field.views-field-fieldset summary, 
.inclusive.sans div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.inclusive.sans div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.inclusive.sans .timeline-item .views-field.views-field-field-date, 
.inclusive.sans .timeline-item .views-field.views-field-field-event-description .stusha, 
.inclusive.sans .block-field-blockgroupwedding-companionfield-epitaph p , 
.inclusive.sans .block-field-blockgroupwedding-companionfield-date, 
.inclusive.sans .block-field-blockgroupwedding-companionfield-rsvp-a, .inclusive.sans .view-locations .views-field.views-field-field-date {
  font-family: "Inclusive Sans";
}
.lilita-one .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.lilita-one .block-ptah-group-rsvp-reminder, 
.lilita-one textarea#edit-comment-body-0-value, 
.lilita-one a.atcb-link, .lilita-one .views-field.views-field-field-event-description, .lilita-one .flag.flag-attendance.js-flag-attendance-1.action-unflag, .lilita-one div#quicktabs-container-companion_content p, .lilita-one .views-field.views-field-fieldset summary, 
.lilita-one div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.lilita-one div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.lilita-one .timeline-item .views-field.views-field-field-date, 
.lilita-one .timeline-item .views-field.views-field-field-event-description .stusha, 
.lilita-one .block-field-blockgroupwedding-companionfield-epitaph p , 
.lilita-one .block-field-blockgroupwedding-companionfield-date, 
.lilita-one .block-field-blockgroupwedding-companionfield-rsvp-a, .lilita-one .view-locations .views-field.views-field-field-date {
  font-family: "Lilita One";
}
.marck .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.marck .block-ptah-group-rsvp-reminder, 
.marck textarea#edit-comment-body-0-value, 
.marck script a.atcb-link, .marck script .views-field.views-field-field-event-description, .marck script .flag.flag-attendance.js-flag-attendance-1.action-unflag, .marck script div#quicktabs-container-companion_content p, .marck .views-field.views-field-fieldset summary, 
.marck script div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.marck script div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.marck script .timeline-item .views-field.views-field-field-date, 
.marck script .timeline-item .views-field.views-field-field-event-description .stusha, 
.marck script .block-field-blockgroupwedding-companionfield-epitaph p , 
.marck .block-field-blockgroupwedding-companionfield-date, 
.marck script .block-field-blockgroupwedding-companionfield-rsvp-a, .marck script .view-locations .views-field.views-field-field-date {
  font-family: "Marck Script";
}
.martel.sans .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.martel.sans .block-ptah-group-rsvp-reminder, 
.martel.sans textarea#edit-comment-body-0-value, 
.martel.sans a.atcb-link, .martel.sans .views-field.views-field-field-event-description, .martel.sans .flag.flag-attendance.js-flag-attendance-1.action-unflag, .martel.sans div#quicktabs-container-companion_content p, .martel.sans .views-field.views-field-fieldset summary, 
.martel.sans div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.martel.sans div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.martel.sans .timeline-item .views-field.views-field-field-date, 
.martel.sans .timeline-item .views-field.views-field-field-event-description .stusha, 
.martel.sans .block-field-blockgroupwedding-companionfield-epitaph p , 
.martel.sans .block-field-blockgroupwedding-companionfield-date, 
.martel.sans .block-field-blockgroupwedding-companionfield-rsvp-a, .martel.sans  .view-locations .views-field.views-field-field-date {
  font-family: "Martel Sans";
}
.merienda .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.merienda .block-ptah-group-rsvp-reminder, 
.merienda textarea#edit-comment-body-0-value, 
.merienda a.atcb-link, .merienda .views-field.views-field-field-event-description, .merienda .flag.flag-attendance.js-flag-attendance-1.action-unflag, .merienda div#quicktabs-container-companion_content p, .merienda .views-field.views-field-fieldset summary, 
.merienda div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.merienda div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.merienda .timeline-item .views-field.views-field-field-date, 
.merienda .timeline-item .views-field.views-field-field-event-description .stusha, 
.merienda .block-field-blockgroupwedding-companionfield-epitaph p , 
.merienda .block-field-blockgroupwedding-companionfield-date,
.merienda  .block-field-blockgroupwedding-companionfield-rsvp-a, .merienda .view-locations .views-field.views-field-field-date {
  font-family: "Merienda";
}
.merriweather .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.merriweather .block-ptah-group-rsvp-reminder, 
.merriweather textarea#edit-comment-body-0-value, 
.merriweather a.atcb-link, .merriweather .views-field.views-field-field-event-description, .merriweather .flag.flag-attendance.js-flag-attendance-1.action-unflag, .merriweather div#quicktabs-container-companion_content p, .merriweather .views-field.views-field-fieldset summary, 
.merriweather div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.merriweather div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.merriweather .timeline-item .views-field.views-field-field-date, 
.merriweather .timeline-item .views-field.views-field-field-event-description .stusha, 
.merriweather .block-field-blockgroupwedding-companionfield-epitaph p ,  
.merriweather .block-field-blockgroupwedding-companionfield-date, 
.merriweather .block-field-blockgroupwedding-companionfield-rsvp-a, .merriweather .view-locations .views-field.views-field-field-date {
  font-family: "Merriweather";
}
.mukta .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.mukta .block-ptah-group-rsvp-reminder, 
.mukta textarea#edit-comment-body-0-value, 
.mukta a.atcb-link, .mukta .views-field.views-field-field-event-description, .mukta .flag.flag-attendance.js-flag-attendance-1.action-unflag, .mukta div#quicktabs-container-companion_content p, .mukta .views-field.views-field-fieldset summary, 
.mukta div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.mukta div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.timeline-item .views-field.views-field-field-date, .timeline-item .views-field.views-field-field-event-description .stusha, 
.mukta .block-field-blockgroupwedding-companionfield-epitaph p , 
.mukta .block-field-blockgroupwedding-companionfield-date, 
.mukta .block-field-blockgroupwedding-companionfield-rsvp-a, .mukta .view-locations .views-field.views-field-field-date {
  font-family: "Mukta";
}
.open-sans .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.open-sans .block-ptah-group-rsvp-reminder, 
.open-sans textarea#edit-comment-body-0-value, 
.open-sans a.atcb-link, .open-sans .views-field.views-field-field-event-description, .open-sans .flag.flag-attendance.js-flag-attendance-1.action-unflag, .open-sans div#quicktabs-container-companion_content p, .open-sans .views-field.views-field-fieldset summary, 
.open-sans div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.open-sans div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.timeline-item .views-field.views-field-field-date, .timeline-item .views-field.views-field-field-event-description .stusha, 
.open-sans .block-field-blockgroupwedding-companionfield-epitaph p , 
.open-sans .block-field-blockgroupwedding-companionfield-date, 
.open-sans .block-field-blockgroupwedding-companionfield-rsvp-a, .open-sans .view-locations .views-field.views-field-field-date {
  font-family: "Open Sans";
}
.oswald .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.oswald .block-ptah-group-rsvp-reminder, 
.oswald textarea#edit-comment-body-0-value, 
.oswald a.atcb-link, .oswald .views-field.views-field-field-event-description, .oswald .flag.flag-attendance.js-flag-attendance-1.action-unflag, .oswald div#quicktabs-container-companion_content p, .oswald .views-field.views-field-fieldset summary, 
.oswald div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.oswald div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.oswald .timeline-item .views-field.views-field-field-date, .timeline-item .views-field.views-field-field-event-description .stusha, 
.oswald .block-field-blockgroupwedding-companionfield-epitaph p , 
.oswald .block-field-blockgroupwedding-companionfield-date, 
.oswald .block-field-blockgroupwedding-companionfield-rsvp-a, .oswald .view-locations .views-field.views-field-field-date {
  font-family: "Oswald";
}
.pt-sans .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.pt-sans .block-ptah-group-rsvp-reminder, 
.pt-sans textarea#edit-comment-body-0-value, 
.pt-sans a.atcb-link, .pt-sans .views-field.views-field-field-event-description, .pt-sans .flag.flag-attendance.js-flag-attendance-1.action-unflag, .pt-sans div#quicktabs-container-companion_content p, .pt-sans .views-field.views-field-fieldset summary, 
.pt-sans div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.pt-sans div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.pt-sans .timeline-item .views-field.views-field-field-date, .timeline-item .views-field.views-field-field-event-description .stusha, 
.pt-sans .block-field-blockgroupwedding-companionfield-epitaph p , 
.pt-sans .block-field-blockgroupwedding-companionfield-date, 
.pt-sans .block-field-blockgroupwedding-companionfield-rsvp-a, .pt-sans .view-locations .views-field.views-field-field-date {
  font-family: "PT Sans";
}
.saira-condensed .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.saira-condensed .block-ptah-group-rsvp-reminder, 
.saira-condensed textarea#edit-comment-body-0-value, 
.saira-condensed a.atcb-link, .saira-condensed .views-field.views-field-field-event-description, .saira-condensed .flag.flag-attendance.js-flag-attendance-1.action-unflag, .saira-condensed div#quicktabs-container-companion_content p, .saira-condensed views-field.views-field-fieldset summary, 
.saira-condensed div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.saira-condensed div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.saira-condensed .timeline-item .views-field.views-field-field-date, .timeline-item .views-field.views-field-field-event-description .stusha, 
.saira-condensed .block-field-blockgroupwedding-companionfield-epitaph p , 
.saira-condensed .block-field-blockgroupwedding-companionfield-date, 
.saira-condensed .block-field-blockgroupwedding-companionfield-rsvp-a, .view-locations .views-field.views-field-field-date {
  font-family: "Saira Condensed";
}
.sawarabi-mincho .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.sawarabi-mincho .block-ptah-group-rsvp-reminder, 
.sawarabi-mincho  textarea#edit-comment-body-0-value, 
.sawarabi-mincho a.atcb-link, .sawarabi-mincho .views-field.views-field-field-event-description, .sawarabi-mincho .flag.flag-attendance.js-flag-attendance-1.action-unflag, .sawarabi-mincho div#quicktabs-container-companion_content p, .sawarabi.mincho .views-field.views-field-fieldset summary, 
.sawarabi-mincho div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.sawarabi-mincho div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.sawarabi-mincho .timeline-item .views-field.views-field-field-date, .timeline-item .views-field.views-field-field-event-description .stusha, 
.sawarabi-mincho .block-field-blockgroupwedding-companionfield-epitaph p , 
.sawarabi-mincho .block-field-blockgroupwedding-companionfield-date,
.sawarabi-mincho  .block-field-blockgroupwedding-companionfield-rsvp-a, .saira-condensed .view-locations .views-field.views-field-field-date {
  font-family: "Sawarabi Mincho";
}
.sofia-sans .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.sofia-sans .block-ptah-group-rsvp-reminder, 
.sofia-sans textarea#edit-comment-body-0-value, 
.sofia-sans a.atcb-link, .sofia-sans .views-field.views-field-field-event-description, .sofia-sans .flag.flag-attendance.js-flag-attendance-1.action-unflag, .sofia-sans div#quicktabs-container-companion_content p, .sofia-sans .views-field.views-field-fieldset summary, 
.sofia-sans div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.sofia-sans div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.sofia-sans .timeline-item .views-field.views-field-field-date, 
.sofia-sans .timeline-item .views-field.views-field-field-event-description .stusha, 
.sofia-sans .block-field-blockgroupwedding-companionfield-.sofia-sans epitaph p , 
.sofia-sans .block-field-blockgroupwedding-companionfield-date, 
.sofia-sans  .block-field-blockgroupwedding-companionfield-rsvp-a, .view-locations .views-field.views-field-field-date {
  font-family: "Sofia Sans";
}
.special-elite .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.special-elite .block-ptah-group-rsvp-reminder, 
.special-elite textarea#edit-comment-body-0-value, 
.special-elite a.atcb-link, .special-elite .views-field.views-field-field-event-description, .special-elite .flag.flag-attendance.js-flag-attendance-1.action-unflag, .special-elite div#quicktabs-container-companion_content p, .special-elite .views-field.views-field-fieldset summary, 
.special-elite div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.special-elite div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.special-elite .timeline-item .views-field.views-field-field-date, .timeline-item .views-field.views-field-field-event-description .stusha, 
.special-elite .block-field-blockgroupwedding-companionfield-epitaph p , 
.special-elite .block-field-blockgroupwedding-companionfield-date, 
.special-elite .block-field-blockgroupwedding-companionfield-rsvp-a, .special-elite .view-locations .views-field.views-field-field-date {
  font-family: "Special Elite";
}
.sriracha .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.sriracha .block-ptah-group-rsvp-reminder, 
.sriracha textarea#edit-comment-body-0-value, 
.sriracha a.atcb-link, .sriracha .views-field.views-field-field-event-description, .sriracha .flag.flag-attendance.js-flag-attendance-1.action-unflag, .sriracha div#quicktabs-container-companion_content p, .sriracha .views-field.views-field-fieldset summary, 
.sriracha div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.sriracha div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.sriracha .timeline-item .views-field.views-field-field-date, 
.sriracha .timeline-item .views-field.views-field-field-event-description .stusha, 
.sriracha .block-field-blockgroupwedding-companionfield-epitaph p ,  
.sriracha .block-field-blockgroupwedding-companionfield-date, 
.sriracha .block-field-blockgroupwedding-companionfield-rsvp-a, .sriracha .view-locations .views-field.views-field-field-date {
  font-family: "Sriracha";
}
.viga .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.viga .block-ptah-group-rsvp-reminder, 
.viga textarea#edit-comment-body-0-value, 
.viga a.atcb-link, .viga .views-field.views-field-field-event-description, .viga .flag.flag-attendance.js-flag-attendance-1.action-unflag, .viga div#quicktabs-container-companion_content p, .viga .views-field.views-field-fieldset summary, 
.viga div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.viga div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.viga .timeline-item .views-field.views-field-field-date, 
.viga .timeline-item .views-field.views-field-field-event-description .stusha, 
.viga .block-field-blockgroupwedding-companionfield-epitaph p , 
.viga .block-field-blockgroupwedding-companionfield-date, 
.viga .block-field-blockgroupwedding-companionfield-rsvp-a, .viga .view-locations .views-field.views-field-field-date {
  font-family: "Viga";
}
.ubuntu .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.ubuntu .block-ptah-group-rsvp-reminder, 
.ubuntu textarea#edit-comment-body-0-value, 
.ubuntu a.atcb-link, .ubuntu .views-field.views-field-field-event-description, .ubuntu .flag.flag-attendance.js-flag-attendance-1.action-unflag, .ubuntu div#quicktabs-container-companion_content p, .ubuntu .views-field.views-field-fieldset summary, 
.ubuntu div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.ubuntu div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.ubuntu .timeline-item .views-field.views-field-field-date, 
.ubuntu .timeline-item .views-field.views-field-field-event-description .stusha, 
.ubuntu .block-field-blockgroupwedding-companionfield-epitaph p , 
.ubuntu .block-field-blockgroupwedding-companionfield-date, 
.ubuntu .block-field-blockgroupwedding-companionfield-rsvp-a, .ubuntu .view-locations .views-field.views-field-field-date {
  font-family: "Ubuntu";
}
.unbounded .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.unbounded .block-ptah-group-rsvp-reminder, 
.unbounded textarea#edit-comment-body-0-value, 
.unbounded a.atcb-link, .unbounded .views-field.views-field-field-event-description, .unbounded .flag.flag-attendance.js-flag-attendance-1.action-unflag, .unbounded div#quicktabs-container-companion_content p, .unbounded .views-field.views-field-fieldset summary, 
.unbounded div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.unbounded div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.unbounded .timeline-item .views-field.views-field-field-date, .timeline-item .views-field.views-field-field-event-description .stusha, 
.unbounded .block-field-blockgroupwedding-companionfield-epitaph p , 
.unbounded .block-field-blockgroupwedding-companionfield-date, 
.unbounded .block-field-blockgroupwedding-companionfield-rsvp-a, .unbounded .view-locations .views-field.views-field-field-date {
  font-family: "Unbounded";
}
.zeyada  .view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date .field-content time, 
.zeyada  .block-ptah-group-rsvp-reminder, 
.zeyada  textarea#edit-comment-body-0-value,  
.zeyada  a.atcb-link, .zeyada .views-field.views-field-field-event-description, .zeyada .flag.flag-attendance.js-flag-attendance-1.action-unflag, .zeyada div#quicktabs-container-companion_content p, .zeyada .views-field.views-field-fieldset summary, 
.zeyada div#quicktabs-container-companion_content .views-field.views-field-field-activity, 
.zeyada div#quicktabs-container-companion_content .views-field.views-field-field-address, 
.zeyada .timeline-item .views-field.views-field-field-date p , 
.zeyada .timeline-item .views-field.views-field-field-event-description .stusha, 
.zeyada .block-field-blockgroupwedding-companionfield-epitaph, 
.zeyada .block-field-blockgroupwedding-companionfield-date, 
.zeyada .block-field-blockgroupwedding-companionfield-rsvp-a, .zeyada .view-locations .views-field.views-field-field-date {
  font-family: "Zeyada";
}

/*  fonts end   */

/* box shadow opacity */ 
.zeropercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.zeropercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.zeropercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .zeropercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .zeropercentshad  div#quicktabs-container-companion_content .view, .zeropercentshad  .bar1, .tenpercentshad .bar2, .zeropercentshad .bar3, .zeropercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .zeropercentshad .audiofield, .zeropercentshad .view-timeline .views-field.views-field-field-image img, .zeropercentshad ul.timeline-list:after, .zeropercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .zeropercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .zeropercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
box-shadow: 1px 1px 1px rgb(0 0 0 / 0%);
}
.tenpercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.tenpercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.tenpercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a,  .tenpercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .tenpercentshad div#quicktabs-container-companion_content .view, .tenpercentshad .bar1, .tenpercentshad .bar2, .tenpercentshad .bar3, .tenpercentshad div#quicktabs-container-companion_content .view-page-image-gallery img.tenpercentshad .audiofield,  .tenpercentshad .view-timeline .views-field.views-field-field-image img, .tenpercentshad ul.timeline-list:after, .tenpercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .tenpercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .tenpercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
    box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}
.twentypercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.twentypercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 	
.twentypercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a,.twentypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .twentypercentshad div#quicktabs-container-companion_content .view, .twentypercentshad .bar1, .twentypercentshad .bar2, .twentypercentshad .bar3, .twentypercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .twentypercentshad .audiofield, .twentypercentshad .view-timeline .views-field.views-field-field-image img, .twentypercentshad ul.timeline-list:after, .twentypercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .tewntypercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .twentypercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
 box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
}
.thirtypercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.thirtypercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.thirtypercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .thirtypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .thirtypercentshad div#quicktabs-container-companion_content .view, .thirtypercentshad .bar1, .thirtypercentshad .bar2, .thirtypercentshad .bar3, .thirtypercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .thirtypercentshad .audiofield, .thirtypercentshad .view-timeline .views-field.views-field-field-image img, .thirtypercentshad ul.timeline-list:after, .thirtypercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .thirtypercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .thirtypercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
box-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}
.fourtypercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.fourtypercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.fourtypercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .fourtypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .fourtypercentshad div#quicktabs-container-companion_content .view, .fourtypercentshad .bar1, .fourtypercentshad .bar2, .fourtypercentshad .bar3, .fourtypercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .fourtypercentshad .audiofield, .fourtypercentshad .view-timeline .views-field.views-field-field-image img, .fourtypercentshad  ul.timeline-list:after, .fourtypercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .fourtypercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .fourtypercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
box-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
}
.fiftypercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.fiftypercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.fiftypercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .fiftypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .fiftypercentshad div#quicktabs-container-companion_content .view, .fiftypercentshad .bar1, .fiftypercentshad .bar2, .fiftypercentshad .bar3, .fiftypercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .fiftypercentshad .audiofield, .fiftypercentshad .view-timeline .views-field.views-field-field-image img, .fiftypercentshad ul.timeline-list:after, .fiftypercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .fiftypercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .fiftypercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
box-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
}
.sixtypercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.sixtypercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.sixtypercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .sixtypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .sixtypercentshad  div#quicktabs-container-companion_content .view, .sixtypercentshad  .bar1, .sixtypercentshad  .bar2, .sixtypercentshad  .bar3, .sixtypercentshad  div#quicktabs-container-companion_content .view-page-image-gallery img, .sixtypercentshad .audiofield, .sixtypercentshad .view-timeline .views-field.views-field-field-image img, .sixtypercentshad ul.timeline-list:after, .sixtypercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .sixtypercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .sixtypercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {	
box-shadow: 1px 1px 1px rgb(0 0 0 / 60%);
}
.seventypercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.seventypercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.seventypercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .seventypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .seventypercentshad div#quicktabs-container-companion_content .view, .seventypercentshad .bar1, .seventypercentshad .bar2, .seventypercentshad .bar3, .seventypercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .seventypercentshad .audiofield, .seventypercentshad .view-timeline .views-field.views-field-field-image img, .seventypercentshad ul.timeline-list:after, .seventypercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .seventypercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .seventypercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {	 
box-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
}
.eightypercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.eightypercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 		  
.eightypercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .eightypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .eightypercentshad div#quicktabs-container-companion_content .view, .eightypercentshad .bar1, .eightypercentshad .bar2, .eightypercentshad .bar3, .eightypercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .eightypercentshad .audiofield, .eightypercentshad .view-timeline .views-field.views-field-field-image img, .eightypercentshad ul.timeline-list:after, .eightypercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .eightypercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .eightypercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
box-shadow: 1px 1px 1px rgb(0 0 0 / 80%);
}
.ninetypercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.ninetypercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.ninetypercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .ninetypercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .ninetypercentshad div#quicktabs-container-companion_content .view, .ninetypercentshad .bar1, .ninetypercentshad .bar2, .ninetypercentshad .bar3, .ninetypercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .ninetypercentshad .audiofield, .ninetypercentshad .view-timeline .views-field.views-field-field-image img, .ninetypercentshad ul.timeline-list:after, .ninetypercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .ninetypercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .ninetypercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
box-shadow: 1px 1px 1px rgb(0 0 0 / 90%);
}
.onehundredpercentshad .view-id-quick_tab_blocks.view-display-id-block_6 .views-row, 
.onehundredpercentshad div#quicktabs-container-companion_content .view-display-id-block_7, 
.onehundredpercentshad section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a a, .onehundredpercentshad .block-field-blockgroupwedding-companionfield-portrait-image-media img, .onehundredpercentshad div#quicktabs-container-companion_content .view, .onehundredpercentshad .bar1, .onehundredpercentshad .bar2, .onehundredpercentshad .bar3, .onehundredpercentshad div#quicktabs-container-companion_content .view-page-image-gallery img, .onehundredpercentshad .audiofield, .onehundredpercentshad .view-timeline .views-field.views-field-field-image img, .onehundredpercentshad ul.timeline-list:after, .onehundredpercentshad ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, .onehundredpercentshad ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper, .onehundredpercentshad ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper, .block-field-blockgroupwedding-companionfield-embedded-video {
box-shadow: 1px 1px 1px rgb(0 0 0 / 100%);
}

/* text shadow opacity */ 

[box-shadow-option="On"] .ptah-rsvp-reminder__message, [box-shadow-option="On"] a.atcb-link, [box-shadow-option="On"]  div#bga-butt, [box-shadow-option="On"] .block-field-blockgroupwedding-companionfield-date, [box-shadow-option="On"] .flag.flag-bookmarks.action-flag a:before, [box-shadow-option="On"] .flag.flag-bookmarks.action-unflag a:before, [box-shadow-option="On"] .announce-butt, [box-shadow-option="On"] .menu-icon-dropdown-menu-box:after, [box-shadow-option="On"] .menu-icon-off-canvas-box:after, [box-shadow-option="On"] .view-tributes .view-footer a, .block-field-blockgroupwedding-companionfield-rsvp-a, [box-shadow-option="On"] .block-field-blockgroupwedding-companionfield-epitaph, [box-shadow-option="On"] .block-field-blockgroupwedding-companionlabel, [box-shadow-option="On"] .view-timeline .views-field.views-field-field-image img, [box-shadow-option="On"] ul.timeline-list:after, [box-shadow-option="On"] ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker, [box-shadow-option="On"] .audiofield, [box-shadow-option="On"] .view-timeline .views-field.views-field-field-image img, [box-shadow-option="On"] button.slick-prev.slick-arrow:before, [box-shadow-option="On"] button.slick-next.slick-arrow:after {

    text-shadow: 1px 1px 1px #333;
}

 .ptah-rsvp-reminder__message, .zeropercentshad a.atcb-link, .zeropercentshad div#bga-butt, .zeropercentshad .block-field-blockgroupwedding-companionfield-date, .zeropercentshad .flag.flag-bookmarks.action-flag a:before, .zeropercentshad .flag.flag-bookmarks.action-unflag a:before, .zeropercentshad .announce-butt, .zeropercentshad .menu-icon-dropdown-menu-box:after, .zeropercentshad .menu-icon-off-canvas-box:after, .zeropercentshad .view-tributes .view-footer a, .zeropercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .zeropercentshad .block-field-blockgroupwedding-companionfield-epitaph, .zeropercentshad .block-field-blockgroupwedding-companionlabel, .zeropercentshad .view-timeline .views-field.views-field-field-image img, .zeropercentshad button.slick-prev.slick-arrow:before, .zeropercentshad button.slick-next.slick-arrow:after {
text-shadow: 1px 1px 1px rgb(0 0 0 / 0%);
}
 .ptah-rsvp-reminder__message, .tenpercentshad a.atcb-link, .tenpercentshad div#bga-butt, .tenpercentshad a.quicktabs-loaded, .tenpercentshad .block-field-blockgroupwedding-companionfield-date, .tenpercentshad .flag.flag-bookmarks.action-flag a:before, .tenpercentshad .flag.flag-bookmarks.action-unflag a:before, .tenpercentshad .announce-butt, .tenpercentshad .menu-icon-dropdown-menu-box:after, .tenpercentshad .menu-icon-off-canvas-box:after, .tenpercentshad .view-tributes .view-footer a, .tenpercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .tenpercentshad .block-field-blockgroupwedding-companionfield-epitaph, .tenpercentshad .block-field-blockgroupwedding-companionlabel, .twentypercentshad .view-timeline .views-field.views-field-field-image img, .twentypercentshad button.slick-prev.slick-arrow:before, .twentypercentshad button.slick-next.slick-arrow:after {
text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}	
.twentypercentshad .ptah-rsvp-reminder__message, .twentypercentshad a.atcb-link, .twentypercentshad div#bga-butt, .twentypercentshad a.quicktabs-loaded, .twentypercentshad .block-field-blockgroupwedding-companionfield-date, .twentypercentshad .flag.flag-bookmarks.action-flag a:before, .twentypercentshad .flag.flag-bookmarks.action-unflag a:before, .twentypercentshad .announce-butt, .twentypercentshad .menu-icon-dropdown-menu-box:after, .twentypercentshad .menu-icon-off-canvas-box:after, .twentypercentshad .view-tributes .view-footer a, .twentypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .twentypercentshad .block-field-blockgroupwedding-companionfield-epitaph, .twentypercentshad .block-field-blockgroupwedding-companionlabel, .thirtypercentshad .view-timeline .views-field.views-field-field-image img, .thirtypercentshad button.slick-prev.slick-arrow:before, .thirtypercentshad button.slick-next.slick-arrow:after {
text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
}	 
.thirtypercentshad .ptah-rsvp-reminder__message, .thirtypercentshad a.atcb-link, .thirtypercentshad div#bga-butt, .thirtypercentshad a.quicktabs-loaded, .thirtypercentshad .block-field-blockgroupwedding-companionfield-date, .thirtypercentshad .flag.flag-bookmarks.action-flag a:before, .thirtypercentshad .flag.flag-bookmarks.action-unflag a:before, .thirtypercentshad .announce-butt, .thirtypercentshad .menu-icon-dropdown-menu-box:after, .thirtypercentshad .menu-icon-off-canvas-box:after, .thirtypercentshad .view-tributes .view-footer a, .thirtypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .thirtypercentshad .block-field-blockgroupwedding-companionfield-epitaph, .thirtypercentshad .block-field-blockgroupwedding-companionlabel, .fourtypercentshad .view-timeline .views-field.views-field-field-image img, .fourtypercentshad  button.slick-prev.slick-arrow:before, .fourtypercentshad button.slick-next.slick-arrow:after {
text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}	  
.fourtypercentshad .ptah-rsvp-reminder__message, .fourtypercentshad a.atcb-link, .fourtypercentshad div#bga-butt, .fourtypercentshad a.quicktabs-loaded, .fourtypercentshad .block-field-blockgroupwedding-companionfield-date, .fourtypercentshad .flag.flag-bookmarks.action-flag a:before, .fourtypercentshad .flag.flag-bookmarks.action-unflag a:before, .fourtypercentshad .announce-butt, .fourtypercentshad .menu-icon-dropdown-menu-box:after, .fourtypercentshad .menu-icon-off-canvas-box:after, .fourtypercentshad .view-tributes .view-footer a, .fourtypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .fourtypercentshad .block-field-blockgroupwedding-companionfield-epitaph, .fourtypercentshad .block-field-blockgroupwedding-companionlabel, .fourtypercentshad .view-timeline .views-field.views-field-field-image img, .fourtypercentshad button.slick-prev.slick-arrow:before, .fourtypercentshad button.slick-next.slick-arrow:after {
text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
}	   
 .fiftypercentshad .ptah-rsvp-reminder__message, .fiftypercentshad a.atcb-link, .fiftypercentshad div#bga-butt, .fiftypercentshad a.quicktabs-loaded, .fiftypercentshad .block-field-blockgroupwedding-companionfield-date, .fiftypercentshad .flag.flag-bookmarks.action-flag a:before, .fiftypercentshad .flag.flag-bookmarks.action-unflag a:before, .fiftypercentshad .announce-butt, .fiftypercentshad.menu-icon-dropdown-menu-box:after, .fiftypercentshad .menu-icon-off-canvas-box:after, .fiftypercentshad .view-tributes .view-footer a, .fiftypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .fiftypercentshad .block-field-blockgroupwedding-companionfield-epitaph, .fiftypercentshad .block-field-blockgroupwedding-companionlabel, .fiftypercentshad .view-timeline .views-field.views-field-field-image img, .fiftypercentshad button.slick-prev.slick-arrow:before, .fiftypercentshad button.slick-next.slick-arrow:after {
text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
}		
.sixtypercentshad .ptah-rsvp-reminder__message, .sixtypercentshad a.atcb-link, .sixtypercentshad div#bga-butt, .sixtypercentshad a.quicktabs-loaded, .sixtypercentshad .block-field-blockgroupwedding-companionfield-date, .sixtypercentshad  .flag.flag-bookmarks.action-flag a:before, .sixtypercentshad .flag.flag-bookmarks.action-unflag a:before, .sixtypercentshad .announce-butt, .sixtypercentshad .menu-icon-dropdown-menu-box:after, .sixtypercentshad .menu-icon-off-canvas-box:after, .sixtypercentshad .view-tributes .view-footer a, .sixtypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .sixtypercentshad .block-field-blockgroupwedding-companionfield-epitaph, .sixtypercentshad .block-field-blockgroupwedding-companionlabel {
text-shadow: 1px 1px 1px rgb(0 0 0 / 60%);
}	 
.seventypercentshad .ptah-rsvp-reminder__message, .seventypercentshad a.atcb-link, .seventypercentshad div#bga-butt, .seventypercentshad a.quicktabs-loaded, .seventypercentshad .block-field-blockgroupwedding-companionfield-date, .seventypercentshad .flag.flag-bookmarks.action-flag a:before, .seventypercentshad .flag.flag-bookmarks.action-unflag a:before, .seventypercentshad .announce-butt, .seventypercentshad .menu-icon-dropdown-menu-box:after, .seventypercentshad .menu-icon-off-canvas-box:after, .seventypercentshad .view-tributes .view-footer a, .seventypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .seventypercentshad .block-field-blockgroupwedding-companionfield-epitaph, .seventypercentshad .block-field-blockgroupwedding-companionlabel, .seventypercentshad .view-timeline .views-field.views-field-field-image img, .seventypercentshad button.slick-prev.slick-arrow:before, .seventypercentshad button.slick-next.slick-arrow:after {
text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
}		  
.eightypercentshad .ptah-rsvp-reminder__message, .eightypercentshad a.atcb-link, .eightypercentshad div#bga-butt, .eightypercentshad a.quicktabs-loaded,  .eightypercentshad .block-field-blockgroupwedding-companionfield-date, .eightypercentshad .flag.flag-bookmarks.action-flag a:before, .eightypercentshad .flag.flag-bookmarks.action-unflag a:before, .eightypercentshad .announce-butt, .eightypercentshad .menu-icon-dropdown-menu-box:after, .eightypercentshad .menu-icon-off-canvas-box:after, .eightypercentshad.view-tributes .view-footer a, .eightypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .eightypercentshad .block-field-blockgroupwedding-companionfield-epitaph, .eightypercentshad .block-field-blockgroupwedding-companionlabel, .eightypercentshad .view-timeline .views-field.views-field-field-image img, .eightypercentshad button.slick-prev.slick-arrow:before, .eightypercentshad button.slick-next.slick-arrow:after {
 text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);
}		   
.ninetypercentshad .ptah-rsvp-reminder__message, .ninetypercentshad a.atcb-link, .ninetypercentshad div#bga-butt, .ninetypercentshad a.quicktabs-loaded,  .nenetypercentshad .block-field-blockgroupwedding-companionfield-date, .ninetypercentshad .flag.flag-bookmarks.action-flag a:before, .ninetypercentshad .flag.flag-bookmarks.action-unflag a:before, .ninetypercentshad .announce-butt, .ninetypercentshad .menu-icon-dropdown-menu-box:after, .ninetypercentshad .menu-icon-off-canvas-box:after, .ninetypercentshad .view-tributes .view-footer a, .ninetypercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .ninetypercentshad .block-field-blockgroupwedding-companionfield-epitaph, .ninetypercentshad .block-field-blockgroupwedding-companionlabel, .ninetypercentshad .view-timeline .views-field.views-field-field-image img, .ninetypercentshad button.slick-prev.slick-arrow:before, .ninetypercentshad button.slick-next.slick-arrow:after {
 text-shadow: 1px 1px 1px rgb(0 0 0 / 90%);
}			
.onehundredpercentshad .ptah-rsvp-reminder__message, .onehundredpercentshad a.atcb-link, .onehundredpercentshad div#bga-butt, .onehundredpercentshad a.quicktabs-loaded, .onehundredpercentshad .block-field-blockgroupwedding-companionfield-date, .onehundredpercentshad .flag.flag-bookmarks.action-flag a:before, .onehundredpercentshad .flag.flag-bookmarks.action-unflag a:before, .onehundredpercentshad .announce-butt, .onehundredpercentshad .menu-icon-dropdown-menu-box:after, .onehundredpercentshad .menu-icon-off-canvas-box:after, .onehundredpercentshad .view-tributes .view-footer a, .onehundredpercentshad .block-field-blockgroupwedding-companionfield-rsvp-a, .onehundredpercentshad .block-field-blockgroupwedding-companionfield-epitaph, .onehundredpercentshad .block-field-blockgroupwedding-companionlabel, .onehundredpercentshad button.slick-prev.slick-arrow:before, .onehundredpercentshad button.slick-next.slick-arrow:after {
 text-shadow: 1px 1px 1px rgb(0 0 0 / 100%);
}


/*  shadows end  */



/* video Thumbs */
div#edit-field-background-video div:nth-of-type(1) {
    background-image: url(https://trulywed.page/sites/default/files/disabled_visible_24dp_DD2C2C.svg);
    background-size: 80px 80px;
    background-repeat: no-repeat;
    background-position: center;
    background: #cccccc;
}
div#edit-field-background-video div:nth-of-type(2) {
    background: url(/sites/default/files/RsThumbs/1194259_Flower_Hydrangea_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(3) {
    background: url(/sites/default/files/RsThumbs/1320864_Exchange_Bride_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(4) {
    background: url(/sites/default/files/RsThumbs/1369870_Natural_Nature_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(5) {
    background: url(/sites/default/files/RsThumbs/1780130_Heart%20Pendant_Pendant_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(6) {
    background: url(/sites/default/files/RsThumbs/1995257_Wedding_Love_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(7) {
    background: url(/sites/default/files/RsThumbs/2000362_White_Arch_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(8) {
    background: url(/sites/default/files/RsThumbs/2631930_Romantic_Wedding_1280x720/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(9) {
    background: url(/sites/default/files/RsThumbs/457664_Flowers_Flower_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(10) {
    background: url(/sites/default/files/RsThumbs/4626806_Flower_Arch_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(11) {
    background: url(/sites/default/files/RsThumbs/5201521_Blossom_Flowers_B_Roll_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(12) {
    background: url(/sites/default/files/RsThumbs/5364832_Coll_wavebreak_Present_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(13) {
    background: url(/sites/default/files/RsThumbs/5767413_Coll_wavebreak_Video_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(14) {
    background: url(/sites/default/files/RsThumbs/5767417_Coll_wavebreak_Video_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(15) {
    background: url(/sites/default/files/RsThumbs/5767418_Coll_wavebreak_Video_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(16) {
    background: url(/sites/default/files/RsThumbs/5767427_Coll_wavebreak_Video_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(17) {
    background: url(/sites/default/files/RsThumbs/5767433_Coll_wavebreak_Video_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(18) {
    background: url(/sites/default/files/RsThumbs/5767435_Coll_wavebreak_Video_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(19) {
    background: url(/sites/default/files/RsThumbs/5767443_Coll_wavebreak_Video_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(20) {
    background: url(/sites/default/files/RsThumbs/5767453_Coll_wavebreak_Video_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(21) {
    background: url(/sites/default/files/RsThumbs/6042438_Wedding_Jewelry_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(22) {
    background: url(/sites/default/files/RsThumbs/6312513_Video_Pink_Flower_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(23) {
    background: url(/sites/default/files/RsThumbs/6470590_Background_Beauty_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(24) {
    background: url(/sites/default/files/RsThumbs/6578299_Wedding_Ring_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(25) {
    background: url(/sites/default/files/RsThumbs/6633996_Bride_Groom_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(26) {
    background: url(/sites/default/files/RsThumbs/6703697_Bride_Groom_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(27) {
    background: url(/sites/default/files/RsThumbs/6944291_Flowers_Plants_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(28) {
    background: url(/sites/default/files/RsThumbs/1775567_Cherry_Blossom_Background_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(29) {
    background: url(/sites/default/files/RsThumbs/2407359_Hanging_Abstract_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(30) {
    background: url(/sites/default/files/RsThumbs/2536325_Leaves_Heart_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(31) {
    background: url(/sites/default/files/RsThumbs/5150577_Blue_Flower_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(32) {
    background: url(/sites/default/files/RsThumbs/5259307_White_Roses_Floral_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(33) {
    background: url(/sites/default/files/RsThumbs/5409541_Coll_wavebreak_World_Map_1280x720/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(34) {
    background: url(/sites/default/files/RsThumbs/606362_Abstract_Antique_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(35) {
    background: url(/sites/default/files/RsThumbs/6235067_Heart_Wood_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(36) {
    background: url(/sites/default/files/RsThumbs/6312261_Video_Multiple_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(37) {
    background: url(/sites/default/files/RsThumbs/6915972_Motion_Graphics_Motion%20Graphic_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(38) {
    background: url(/sites/default/files/RsThumbs/6917118_Motion_Graphics_Motion%20Graphic_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(39) {
    background: url(/sites/default/files/RsThumbs/6917158_Motion_Graphics_Motion%20Graphic_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(40) {
    background: url(/sites/default/files/RsThumbs/7062025_White_Flowers_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(41) {
    background: url(/sites/default/files/RsThumbs/1657901_Mandala_Floral_Pattern_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(42) {
    background: url(/sites/default/files/RsThumbs/1673429_Eid_Al_Fitra_Eid_Al%20Adha_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(43) {
    background: url(/sites/default/files/RsThumbs/2206071_Abstract_Abstraction_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(44) {
    background: url(/sites/default/files/RsThumbs/2308921_Abstract_Abstraction_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(45) {
    background: url(/sites/default/files/RsThumbs/2525797_Arab_Arabic_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(46) {
    background: url(/sites/default/files/RsThumbs/5055713_Mandala_Arabian_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(47) {
    background: url(/sites/default/files/RsThumbs/5055983_Mandala_Arabian_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(48) {
    background: url(/sites/default/files/RsThumbs/5056773_Mandala_Arabesque_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(49) {
    background: url(/sites/default/files/RsThumbs/5231075_Mandala_Arabian_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(50) {
    background: url(/sites/default/files/RsThumbs/5450068_Coll_wavebreak_Animation_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(51) {
    background: url(/sites/default/files/RsThumbs/5541685_Coll_wavebreak_Animation_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(52) {
    background: url(/sites/default/files/RsThumbs/6913006_Motion_Graphics_Motion%20Graphic_1920x1080/Image1.jpg);
background-size: cover;
}
div#edit-field-background-video div:nth-of-type(53) {
    background: url(/sites/default/files/RsThumbs/6913661_Motion_Graphics_Motion%20Graphic_1920x1080/Image1.jpg);
background-size: cover;
}

/* video thumbs end */



/*  font selection  */
input#edit-field-heading-fonts-style-selector-almalik:before {
    padding-top: 21px;
    content: 'Almalik';
    font-family: 'almalik';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-altgotisch:before {
    padding-top: 21px;
    content: 'Altgotisch';
    font-family: 'Altgotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-anton:before {
    padding-top: 21px;
    content: 'Anton';
    font-family: 'Anton';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-bargitta:before {
    padding-top: 21px;
    content: 'Bargitta';
    font-family: 'Bargitta';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-bitterdine:before {
    padding-top: 21px;
    content: 'Bitterdine';
    font-family: 'Bitterdine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-blank-moment:before {
    padding-top: 21px;
    content: 'Blank Moment';
    font-family: 'Blank Moment';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-cabin-sketch:before {
    padding-top: 21px;
    content: 'Cabin Sketch';
    font-family: 'Cabin Sketch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-camilla:before {
    padding-top: 21px;
    content: 'Camilla';
    font-family: 'camilla';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-carrol-wild:before {
    padding-top: 21px;
    content: 'Carrol Wild';
    font-family: 'Carrol Wild';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-cloistered-monk:before {
    padding-top: 21px;
    content: 'Cloistered Monk';
    font-family: 'Cloistered Monk';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-cody-star:before {
    padding-top: 21px;
    content: 'Cody Star';
    font-family: 'Cody Star';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-cookie:before {
    padding-top: 21px;
    content: 'Cookie';
    font-family: 'Cookie';
    font-size: 4vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-courgette:before {
    padding-top: 21px;
    content: 'Courgette';
    font-family: 'Courgette';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-covered-by-your-grace:before {
    padding-top: 21px;
    content: 'Covered By Your Grace';
    font-family: 'Covered By Your Grace';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-damion:before {
    padding-top: 21px;
    content: 'Damion';
    font-family: 'Damion';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-duarose:before {
    padding-top: 21px;
    content: 'Duarose';
    font-family: 'Duarose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-ferguson:before {
    padding-top: 21px;
    content: 'Ferguson';
    font-family: 'Ferguson';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-forestine:before {
    padding-top: 21px;
    content: 'Forestine';
    font-family: 'Forestine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-freaky-story:before {
    padding-top: 21px;
    content: 'Freaky Story';
    font-family: 'Freaky Story';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-ganiser:before {
    padding-top: 21px;
    content: 'Ganiser';
    font-family: 'Ganiser';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-grafika:before {
    padding-top: 21px;
    content: 'Grafika';
    font-family: 'Grafika';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-granesta:before {
    padding-top: 21px;
    content: 'Granesta';
    font-family: 'Granesta';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-im-fell-english:before {
    padding-top: 21px;
    content: 'Im Fell English';
    font-family: 'Im Fell English';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-jena-gotisch:before {
    padding-top: 21px;
    content: 'Jena Gotisch';
    font-family: 'Jena Gotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-karelle:before {
    padding-top: 21px;
    content: 'Karelle';
    font-family: 'Karelle';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-khodijah:before {
    padding-top: 21px;
    content: 'Khodijah';
    font-family: 'Khodijah';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-lancaster:before {
    padding-top: 21px;
    content: 'Lancaster';
    font-family: 'Lancaster';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-london-scroll:before {
    padding-top: 21px;
    content: 'London Scroll';
    font-family: 'London Scroll';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-metorius:before {
    padding-top: 21px;
    content: 'Metorius';
    font-family: 'Metorius';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-mr-de-haviland:before {
    padding-top: 21px;
    content: 'Mr De Haviland';
    font-family: 'Mr De Haviland';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-nicky:before {
    padding-top: 21px;
    content: 'Nicky';
    font-family: 'Nicky';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-open-sans:before {
    padding-top: 21px;
    content: 'Open Sans';
    font-family: 'Open Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-oswald:before {
    padding-top: 21px;
    content: 'Oswald';
    font-family: 'Oswald';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-passion-one:before {
    padding-top: 21px;
    content: 'Passion One';
    font-family: 'Passion One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-heading-fonts-style-selector-patua-one:before {
    padding-top: 21px;
    content: 'Patua One';
    font-family: 'Patua One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-persona:before {
    padding-top: 21px;
    content: 'Persona';
    font-family: 'Persona';
    font-size: 2.1vw;
    position: relative;
    top: 35px;
    left: 5px;
}
input#edit-field-heading-fonts-style-selector-point-panther:before {
    padding-top: 21px;
    content: 'Point Panther';
    font-family: 'Point Panther';
    font-size: 2.7vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-rochester:before {
    padding-top: 21px;
    content: 'Rochester';
    font-family: 'Rochester';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-rosterine:before {
    padding-top: 21px;
    content: 'Rosterine';
    font-family: 'Rosterine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-runestar:before {
    padding-top: 21px;
    content: 'Runestar';
    font-family: 'Runestar';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-seaweed-script:before {
    padding-top: 21px;
    content: 'Seaweed Script';
    font-family: 'Seaweed Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-shelbie-roger:before {
    padding-top: 21px;
    content: 'Shelbie Roger';
    font-family: 'Shelbie Roger';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-tangerine:before {
    padding-top: 21px;
    content: 'Tangerine';
    font-family: 'Tangerine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-heading-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-text-fonts-style-selector-almalik:before {
    padding-top: 21px;
    content: 'Almalik';
    font-family: 'almalik';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-altgotisch:before {
    padding-top: 21px;
    content: 'Altgotisch';
    font-family: 'Altgotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-anton:before {
    padding-top: 21px;
    content: 'Anton';
    font-family: 'Anton';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-bargitta:before {
    padding-top: 21px;
    content: 'Bargitta';
    font-family: 'Bargitta';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-bitterdine:before {
    padding-top: 21px;
    content: 'Bitterdine';
    font-family: 'Bitterdine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-text-fonts-style-selector-blank-moment:before {
    padding-top: 21px;
    content: 'Blank Moment';
    font-family: 'Blank Moment';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cabin-sketch:before {
    padding-top: 21px;
    content: 'Cabin Sketch';
    font-family: 'Cabin Sketch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-camilla:before {
    padding-top: 21px;
    content: 'Camilla';
    font-family: 'camilla';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-carrol-wild:before {
    padding-top: 21px;
    content: 'Carrol Wild';
    font-family: 'Carrol Wild';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cloistered-monk:before {
    padding-top: 21px;
    content: 'Cloistered Monk';
    font-family: 'Cloistered Monk';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cody-star:before {
    padding-top: 21px;
    content: 'Cody Star';
    font-family: 'Cody Star';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cookie:before {
    padding-top: 21px;
    content: 'Cookie';
    font-family: 'Cookie';
    font-size: 4vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-courgette:before {
    padding-top: 21px;
    content: 'Courgette';
    font-family: 'Courgette';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-covered-by-your-grace:before {
    padding-top: 21px;
    content: 'Covered By Your Grace';
    font-family: 'Covered By Your Grace';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-damion:before {
    padding-top: 21px;
    content: 'Damion';
    font-family: 'Damion';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-duarose:before {
    padding-top: 21px;
    content: 'Duarose';
    font-family: 'Duarose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-ferguson:before {
    padding-top: 21px;
    content: 'Ferguson';
    font-family: 'Ferguson';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-forestine:before {
    padding-top: 21px;
    content: 'Forestine';
    font-family: 'Forestine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-freaky-story:before {
    padding-top: 21px;
    content: 'Freaky Story';
    font-family: 'Freaky Story';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-ganiser:before {
    padding-top: 21px;
    content: 'Ganiser';
    font-family: 'Ganiser';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-grafika:before {
    padding-top: 21px;
    content: 'Grafika';
    font-family: 'Grafika';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-granesta:before {
    padding-top: 21px;
    content: 'Granesta';
    font-family: 'Granesta';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-im-fell-english:before {
    padding-top: 21px;
    content: 'Im Fell English';
    font-family: 'Im Fell English';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-jena-gotisch:before {
    padding-top: 21px;
    content: 'Jena Gotisch';
    font-family: 'Jena Gotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-karelle:before {
    padding-top: 21px;
    content: 'Karelle';
    font-family: 'Karelle';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-khodijah:before {
    padding-top: 21px;
    content: 'Khodijah';
    font-family: 'Khodijah';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-lancaster:before {
    padding-top: 21px;
    content: 'Lancaster';
    font-family: 'Lancaster';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-london-scroll:before {
    padding-top: 21px;
    content: 'London Scroll';
    font-family: 'London Scroll';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-metorius:before {
    padding-top: 21px;
    content: 'Metorius';
    font-family: 'Metorius';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-mr-de-haviland:before {
    padding-top: 21px;
    content: 'Mr De Haviland';
    font-family: 'Mr De Haviland';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-nicky:before {
    padding-top: 21px;
    content: 'Nicky';
    font-family: 'Nicky';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-open-sans:before {
    padding-top: 21px;
    content: 'Open Sans';
    font-family: 'Open Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-oswald:before {
    padding-top: 21px;
    content: 'Oswald';
    font-family: 'Oswald';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-passion-one:before {
    padding-top: 21px;
    content: 'Passion One';
    font-family: 'Passion One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-text-fonts-style-selector-patua-one:before {
    padding-top: 21px;
    content: 'Patua One';
    font-family: 'Patua One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-persona:before {
    padding-top: 21px;
    content: 'Persona';
    font-family: 'Persona';
    font-size: 2.1vw;
    position: relative;
    top: 35px;
    left: 5px;
}
input#edit-field-text-fonts-style-selector-point-panther:before {
    padding-top: 21px;
    content: 'Point Panther';
    font-family: 'Point Panther';
    font-size: 2.7vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-rochester:before {
    padding-top: 21px;
    content: 'Rochester';
    font-family: 'Rochester';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-rosterine:before {
    padding-top: 21px;
    content: 'Rosterine';
    font-family: 'Rosterine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-runestar:before {
    padding-top: 21px;
    content: 'Runestar';
    font-family: 'Runestar';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-seaweed-script:before {
    padding-top: 21px;
    content: 'Seaweed Script';
    font-family: 'Seaweed Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-shelbie-roger:before {
    padding-top: 21px;
    content: 'Shelbie Roger';
    font-family: 'Shelbie Roger';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-tangerine:before {
    padding-top: 21px;
    content: 'Tangerine';
    font-family: 'Tangerine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}


/*  paragraph text selection  */
input#edit-field-text-fonts-style-selector-armata:before {
    padding-top: 21px;
    content: 'Armata';
    font-family:  'Armata';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-autour-one:before {
    padding-top: 21px;
    content: 'Autour One';
    font-family:  'Autour One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-bad-script:before {
    padding-top: 21px;
    content: 'Bad Script';
    font-family:  'Bad Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-barlow:before {
    padding-top: 21px;
    content: 'Barlow';
    font-family:  'Barlow';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-bitter:before {
    padding-top: 21px;
    content: 'bitter';
    font-family:  'Bitter';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-cardo:before {
    padding-top: 21px;
    content: 'Cardo';
    font-family:  'Cardo';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-crimson-text:before {
    padding-top: 21px;
    content:  'Crimson Text';
    font-family:  'Crimson Text';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-gruppo:before {
    padding-top: 21px;
    content: 'Gruppo';
    font-family:  'Gruppo';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-inclusive-sans:before {
    padding-top: 21px;
    content: 'Inclusive Sans';
    font-family:  'Inclusive Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-lilita-one:before {
    padding-top: 21px;
    content:  'Lilita One';
    font-family:  'Lilita One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-marck-script:before {
    padding-top: 21px;
    content:  'Marck Script';
    font-family:  'Marck Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-martel-sans:before {
    padding-top: 21px;
    content:  'Martel Sans';
    font-family:   'Martel Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-merienda:before {
    padding-top: 21px;
    content:  'Merienda';
    font-family:   'Merienda';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-merriweather:before {
    padding-top: 21px;
    content:  'Merriweather';
    font-family:   'Merriweather';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-mukta:before {
    padding-top: 21px;
    content:  'Mukta';
    font-family:   'Mukta';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-pt-sans:before {
    padding-top: 21px;
    content:  'PT Sans';
    font-family:   'PT Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-saira-condensed:before {
    padding-top: 21px;
    content:  'Saira Condensed';
    font-family:   'Saira Condensed';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-sawarabi-mincho:before {
    padding-top: 21px;
    content:  'Sawarabi Mincho';
    font-family:   'Sawarabi Mincho';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-sofia-sans:before {
    padding-top: 21px;
    content:  'Sofia Sans';
    font-family:  'Sofia Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-special-elite:before {
    padding-top: 21px;
    content:  'Special Elite';
    font-family:  'Special Elite';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-sriracha:before {
    padding-top: 21px;
    content:  'Sriracha';
    font-family:  'Sriracha';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-viga:before {
    padding-top: 21px;
    content:  'Viga';
    font-family:  'Viga';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-ubuntu:before {
    padding-top: 21px;
    content:  'Ubuntu';
    font-family:  'Ubuntu';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-unbounded:before {
    padding-top: 21px;
    content:  'Unbounded';
    font-family:  'Unbounded';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-text-fonts-style-selector-zeyada:before {
    padding-top: 21px;
    content:  'Zeyada';
    font-family:  'Zeyada';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}


/*  modern fonts   */
/*  font selection  */
input#edit-field-create-form-0-field-heading-fonts-style-selector-almalik:before {
    padding-top: 21px;
    content: 'Almalik';
    font-family: 'almalik';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-altgotisch:before {
    padding-top: 21px;
    content: 'Altgotisch';
    font-family: 'Altgotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-anton:before {
    padding-top: 21px;
    content: 'Anton';
    font-family: 'Anton';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-bargitta:before {
    padding-top: 21px;
    content: 'Bargitta';
    font-family: 'Bargitta';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-bitterdine:before {
    padding-top: 21px;
    content: 'Bitterdine';
    font-family: 'Bitterdine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-heading-fonts-style-selector-blank-moment:before {
    padding-top: 21px;
    content: 'Blank Moment';
    font-family: 'Blank Moment';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-cabin-sketch:before {
    padding-top: 21px;
    content: 'Cabin Sketch';
    font-family: 'Cabin Sketch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-camilla:before {
    padding-top: 21px;
    content: 'Camilla';
    font-family: 'camilla';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-carrol-wild:before {
    padding-top: 21px;
    content: 'Carrol Wild';
    font-family: 'Carrol Wild';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-cloistered-monk:before {
    padding-top: 21px;
    content: 'Cloistered Monk';
    font-family: 'Cloistered Monk';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-cody-star:before {
    padding-top: 21px;
    content: 'Cody Star';
    font-family: 'Cody Star';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-cookie:before {
    padding-top: 21px;
    content: 'Cookie';
    font-family: 'Cookie';
    font-size: 4vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-courgette:before {
    padding-top: 21px;
    content: 'Courgette';
    font-family: 'Courgette';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-covered-by-your-grace:before {
    padding-top: 21px;
    content: 'Covered By Your Grace';
    font-family: 'Covered By Your Grace';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-damion:before {
    padding-top: 21px;
    content: 'Damion';
    font-family: 'Damion';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-duarose:before {
    padding-top: 21px;
    content: 'Duarose';
    font-family: 'Duarose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-ferguson:before {
    padding-top: 21px;
    content: 'Ferguson';
    font-family: 'Ferguson';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-forestine:before {
    padding-top: 21px;
    content: 'Forestine';
    font-family: 'Forestine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-freaky-story:before {
    padding-top: 21px;
    content: 'Freaky Story';
    font-family: 'Freaky Story';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-ganiser:before {
    padding-top: 21px;
    content: 'Ganiser';
    font-family: 'Ganiser';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-grafika:before {
    padding-top: 21px;
    content: 'Grafika';
    font-family: 'Grafika';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-granesta:before {
    padding-top: 21px;
    content: 'Granesta';
    font-family: 'Granesta';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-im-fell-english:before {
    padding-top: 21px;
    content: 'Im Fell English';
    font-family: 'Im Fell English';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-jena-gotisch:before {
    padding-top: 21px;
    content: 'Jena Gotisch';
    font-family: 'Jena Gotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-karelle:before {
    padding-top: 21px;
    content: 'Karelle';
    font-family: 'Karelle';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-khodijah:before {
    padding-top: 21px;
    content: 'Khodijah';
    font-family: 'Khodijah';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-lancaster:before {
    padding-top: 21px;
    content: 'Lancaster';
    font-family: 'Lancaster';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-london-scroll:before {
    padding-top: 21px;
    content: 'London Scroll';
    font-family: 'London Scroll';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-metorius:before {
    padding-top: 21px;
    content: 'Metorius';
    font-family: 'Metorius';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-mr-de-haviland:before {
    padding-top: 21px;
    content: 'Mr De Haviland';
    font-family: 'Mr De Haviland';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-nicky:before {
    padding-top: 21px;
    content: 'Nicky';
    font-family: 'Nicky';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-open-sans:before {
    padding-top: 21px;
    content: 'Open Sans';
    font-family: 'Open Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-oswald:before {
    padding-top: 21px;
    content: 'Oswald';
    font-family: 'Oswald';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-passion-one:before {
    padding-top: 21px;
    content: 'Passion One';
    font-family: 'Passion One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-heading-fonts-style-selector-patua-one:before {
    padding-top: 21px;
    content: 'Patua One';
    font-family: 'Patua One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-persona:before {
    padding-top: 21px;
    content: 'Persona';
    font-family: 'Persona';
    font-size: 2.1vw;
    position: relative;
    top: 35px;
    left: 5px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-point-panther:before {
    padding-top: 21px;
    content: 'Point Panther';
    font-family: 'Point Panther';
    font-size: 2.7vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-rochester:before {
    padding-top: 21px;
    content: 'Rochester';
    font-family: 'Rochester';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-rosterine:before {
    padding-top: 21px;
    content: 'Rosterine';
    font-family: 'Rosterine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-runestar:before {
    padding-top: 21px;
    content: 'Runestar';
    font-family: 'Runestar';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-seaweed-script:before {
    padding-top: 21px;
    content: 'Seaweed Script';
    font-family: 'Seaweed Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-shelbie-roger:before {
    padding-top: 21px;
    content: 'Shelbie Roger';
    font-family: 'Shelbie Roger';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-tangerine:before {
    padding-top: 21px;
    content: 'Tangerine';
    font-family: 'Tangerine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-heading-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-text-fonts-style-selector-almalik:before {
    padding-top: 21px;
    content: 'Almalik';
    font-family: 'almalik';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-altgotisch:before {
    padding-top: 21px;
    content: 'Altgotisch';
    font-family: 'Altgotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-anton:before {
    padding-top: 21px;
    content: 'Anton';
    font-family: 'Anton';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-bargitta:before {
    padding-top: 21px;
    content: 'Bargitta';
    font-family: 'Bargitta';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-bitterdine:before {
    padding-top: 21px;
    content: 'Bitterdine';
    font-family: 'Bitterdine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-text-fonts-style-selector-blank-moment:before {
    padding-top: 21px;
    content: 'Blank Moment';
    font-family: 'Blank Moment';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cabin-sketch:before {
    padding-top: 21px;
    content: 'Cabin Sketch';
    font-family: 'Cabin Sketch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-camilla:before {
    padding-top: 21px;
    content: 'Camilla';
    font-family: 'camilla';
    font-size: 5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-carrol-wild:before {
    padding-top: 21px;
    content: 'Carrol Wild';
    font-family: 'Carrol Wild';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cloistered-monk:before {
    padding-top: 21px;
    content: 'Cloistered Monk';
    font-family: 'Cloistered Monk';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cody-star:before {
    padding-top: 21px;
    content: 'Cody Star';
    font-family: 'Cody Star';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cookie:before {
    padding-top: 21px;
    content: 'Cookie';
    font-family: 'Cookie';
    font-size: 4vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-courgette:before {
    padding-top: 21px;
    content: 'Courgette';
    font-family: 'Courgette';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-covered-by-your-grace:before {
    padding-top: 21px;
    content: 'Covered By Your Grace';
    font-family: 'Covered By Your Grace';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-damion:before {
    padding-top: 21px;
    content: 'Damion';
    font-family: 'Damion';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-duarose:before {
    padding-top: 21px;
    content: 'Duarose';
    font-family: 'Duarose';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-ferguson:before {
    padding-top: 21px;
    content: 'Ferguson';
    font-family: 'Ferguson';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-forestine:before {
    padding-top: 21px;
    content: 'Forestine';
    font-family: 'Forestine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-freaky-story:before {
    padding-top: 21px;
    content: 'Freaky Story';
    font-family: 'Freaky Story';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-ganiser:before {
    padding-top: 21px;
    content: 'Ganiser';
    font-family: 'Ganiser';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-grafika:before {
    padding-top: 21px;
    content: 'Grafika';
    font-family: 'Grafika';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-granesta:before {
    padding-top: 21px;
    content: 'Granesta';
    font-family: 'Granesta';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-im-fell-english:before {
    padding-top: 21px;
    content: 'Im Fell English';
    font-family: 'Im Fell English';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-jena-gotisch:before {
    padding-top: 21px;
    content: 'Jena Gotisch';
    font-family: 'Jena Gotisch';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-karelle:before {
    padding-top: 21px;
    content: 'Karelle';
    font-family: 'Karelle';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-khodijah:before {
    padding-top: 21px;
    content: 'Khodijah';
    font-family: 'Khodijah';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-lancaster:before {
    padding-top: 21px;
    content: 'Lancaster';
    font-family: 'Lancaster';
    font-size: 2.5vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-london-scroll:before {
    padding-top: 21px;
    content: 'London Scroll';
    font-family: 'London Scroll';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-metorius:before {
    padding-top: 21px;
    content: 'Metorius';
    font-family: 'Metorius';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-mr-de-haviland:before {
    padding-top: 21px;
    content: 'Mr De Haviland';
    font-family: 'Mr De Haviland';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-nicky:before {
    padding-top: 21px;
    content: 'Nicky';
    font-family: 'Nicky';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-open-sans:before {
    padding-top: 21px;
    content: 'Open Sans';
    font-family: 'Open Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-oswald:before {
    padding-top: 21px;
    content: 'Oswald';
    font-family: 'Oswald';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-passion-one:before {
    padding-top: 21px;
    content: 'Passion One';
    font-family: 'Passion One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

input#edit-field-create-form-0-field-text-fonts-style-selector-patua-one:before {
    padding-top: 21px;
    content: 'Patua One';
    font-family: 'Patua One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-persona:before {
    padding-top: 21px;
    content: 'Persona';
    font-family: 'Persona';
    font-size: 2.1vw;
    position: relative;
    top: 35px;
    left: 5px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-point-panther:before {
    padding-top: 21px;
    content: 'Point Panther';
    font-family: 'Point Panther';
    font-size: 2.7vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-rochester:before {
    padding-top: 21px;
    content: 'Rochester';
    font-family: 'Rochester';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-rosterine:before {
    padding-top: 21px;
    content: 'Rosterine';
    font-family: 'Rosterine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-runestar:before {
    padding-top: 21px;
    content: 'Runestar';
    font-family: 'Runestar';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-seaweed-script:before {
    padding-top: 21px;
    content: 'Seaweed Script';
    font-family: 'Seaweed Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-shelbie-roger:before {
    padding-top: 21px;
    content: 'Shelbie Roger';
    font-family: 'Shelbie Roger';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-tangerine:before {
    padding-top: 21px;
    content: 'Tangerine';
    font-family: 'Tangerine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-the-morshine:before {
    padding-top: 21px;
    content: 'The Morshine';
    font-family: 'The Morshine';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}


/*  paragraph text selection  */
input#edit-field-create-form-0-field-text-fonts-style-selector-armata:before {
    padding-top: 21px;
    content: 'Armata';
    font-family:  'Armata';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-autour-one:before {
    padding-top: 21px;
    content: 'Autour One';
    font-family:  'Autour One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-bad-script:before {
    padding-top: 21px;
    content: 'Bad Script';
    font-family:  'Bad Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-barlow:before {
    padding-top: 21px;
    content: 'Barlow';
    font-family:  'Barlow';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-bitter:before {
    padding-top: 21px;
    content: 'bitter';
    font-family:  'Bitter';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-cardo:before {
    padding-top: 21px;
    content: 'Cardo';
    font-family:  'Cardo';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-crimson-text:before {
    padding-top: 21px;
    content:  'Crimson Text';
    font-family:  'Crimson Text';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-gruppo:before {
    padding-top: 21px;
    content: 'Gruppo';
    font-family:  'Gruppo';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-inclusive-sans:before {
    padding-top: 21px;
    content: 'Inclusive Sans';
    font-family:  'Inclusive Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-lilita-one:before {
    padding-top: 21px;
    content:  'Lilita One';
    font-family:  'Lilita One';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-marck-script:before {
    padding-top: 21px;
    content:  'Marck Script';
    font-family:  'Marck Script';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-martel-sans:before {
    padding-top: 21px;
    content:  'Martel Sans';
    font-family:   'Martel Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-merienda:before {
    padding-top: 21px;
    content:  'Merienda';
    font-family:   'Merienda';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-merriweather:before {
    padding-top: 21px;
    content:  'Merriweather';
    font-family:   'Merriweather';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-mukta:before {
    padding-top: 21px;
    content:  'Mukta';
    font-family:   'Mukta';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-pt-sans:before {
    padding-top: 21px;
    content:  'PT Sans';
    font-family:   'PT Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-saira-condensed:before {
    padding-top: 21px;
    content:  'Saira Condensed';
    font-family:   'Saira Condensed';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-sawarabi-mincho:before {
    padding-top: 21px;
    content:  'Sawarabi Mincho';
    font-family:   'Sawarabi Mincho';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-sofia-sans:before {
    padding-top: 21px;
    content:  'Sofia Sans';
    font-family:  'Sofia Sans';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-special-elite:before {
    padding-top: 21px;
    content:  'Special Elite';
    font-family:  'Special Elite';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-sriracha:before {
    padding-top: 21px;
    content:  'Sriracha';
    font-family:  'Sriracha';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-viga:before {
    padding-top: 21px;
    content:  'Viga';
    font-family:  'Viga';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-ubuntu:before {
    padding-top: 21px;
    content:  'Ubuntu';
    font-family:  'Ubuntu';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-unbounded:before {
    padding-top: 21px;
    content:  'Unbounded';
    font-family:  'Unbounded';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}
input#edit-field-create-form-0-field-text-fonts-style-selector-zeyada:before {
    padding-top: 21px;
    content:  'Zeyada';
    font-family:  'Zeyada';
    font-size: 2vw;
    position: relative;
    top: 35px;
    left: 10px;
}

/*  modern fonts end   */


/*   overlays  */
.v-overlay1 .video-overlay {
    background: url(/sites/default/files/overlays/01.png);
    background-repeat: repeat;
}
.v-overlay2 .video-overlay {
    background: url(/sites/default/files/overlays/01.png);
    background-repeat: repeat;
}
.v-overlay3 .video-overlay {
    background: url(/sites/default/files/overlays/03.png);
    background-repeat: repeat;
}
.v-overlay4 .video-overlay {
    background: url(/sites/default/files/overlays/04.png);
    background-repeat: repeat;
}
.v-overlay5 .video-overlay {
    background: url(/sites/default/files/overlays/05.png);
    background-repeat: repeat;
}
.v-overlay6 .video-overlay {
    background: url(/sites/default/files/overlays/06.png);
    background-repeat: repeat;
}
.v-overlay7 .video-overlay {
    background: url(/sites/default/files/overlays/07.png);
    background-repeat: repeat;
}
.v-overlay8 .video-overlay {
    background: url(/sites/default/files/overlays/08.png);
    background-repeat: repeat;
}
.v-overlay9 .video-overlay {
    background: url(/sites/default/files/overlays/09.png);
    background-repeat: repeat;
}


.v-overlay1 .bg-image-overlay {
    background: url(/sites/default/files/overlays/01.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}
.v-overlay2 .bg-image-overlay {
    background: url(/sites/default/files/overlays/01.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}
.v-overlay3 .bg-image-overlay {
    background: url(/sites/default/files/overlays/03.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}
.v-overlay4 .bg-image-overlay {
    background: url(/sites/default/files/overlays/04.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}
.v-overlay5 .bg-image-overlay {
    background: url(/sites/default/files/overlays/05.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}
.v-overlay6 .bg-image-overlay {
    background: url(/sites/default/files/overlays/06.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}
.v-overlay7 .bg-image-overlay {
    background: url(/sites/default/files/overlays/07.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}
.v-overlay8 .bg-image-overlay {
    background: url(/sites/default/files/overlays/08.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}
.v-overlay9 .bg-image-overlay {
    background: url(/sites/default/files/overlays/09.png);
    background-repeat: repeat;
	width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    z-index: 0;
    top: 0;
}

input#edit-field-video-overlay-style-style-selector-v-overlay1 {
    background: url(/sites/default/files/overlays/01.png);
}

input#edit-field-video-overlay-style-style-selector-v-overlay2 {
    background: url(/sites/default/files/overlays/02.png);
}

input#edit-field-video-overlay-style-style-selector-v-overlay3 {
    background: url(/sites/default/files/overlays/03.png);
}

input#edit-field-video-overlay-style-style-selector-v-overlay4 {}

input#edit-field-video-overlay-style-style-selector-v-overlay4 {
    background: url(/sites/default/files/overlays/04.png);
}

input#edit-field-video-overlay-style-style-selector-v-overlay5 {
    background: url(/sites/default/files/overlays/05.png);
}

input#edit-field-video-overlay-style-style-selector-v-overlay6 {
    background: url(/sites/default/files/overlays/06.png);
}

input#edit-field-video-overlay-style-style-selector-v-overlay7 {
    background: url(/sites/default/files/overlays/07.png);
}

input#edit-field-video-overlay-style-style-selector-v-overlay8 {
    background: url(/sites/default/files/overlays/08.png);
}

input#edit-field-video-overlay-style-style-selector-v-overlay9 {
    background: url(/sites/default/files/overlays/09.png);
}



/*  textures start */
[textures-activated="On"] * {
    text-shadow: none!important;
}
[textures-activated="On"].texture1 .quicktabs-tabpage p,
[textures-activated="On"].texture1 .apture-restore-button,
[textures-activated="On"].texture1 a.atcb-link,
[textures-activated="On"].texture1 .comment__author a,
[textures-activated="On"].texture1 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture1 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture1 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture1 quicktabs-tabpage h1,
[textures-activated="On"].texture1 quicktabs-tabpage h2,
[textures-activated="On"].texture1 quicktabs-tabpage h3,
[textures-activated="On"].texture1 quicktabs-tabpage h4,
[textures-activated="On"].texture1 quicktabs-tabpage h5,
[textures-activated="On"].texture1 quicktabs-tabpage h6,

[textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture1 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture1 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture1 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture1 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture1 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture1 .apture-preview-header,
[textures-activated="On"].texture1 .apture-preview-window,
[textures-activated="On"].texture1 .apture-restore-button,
[textures-activated="On"].texture1 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture1 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture1 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture1 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture1 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture1 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture1 ul.timeline-list:after,
[textures-activated="On"].texture1 .custom-audio-player,
[textures-activated="On"].texture1 .heading-text , 
[textures-activated="On"].texture1 .bar1, 
[textures-activated="On"].texture1 .bar2, 
[textures-activated="On"].texture1 .bar3, [textures-activated="On"].texture1 .rotor-group-heading {
background: url(/sites/default/files/textures/1jf9cejyr.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture2 .quicktabs-tabpage p,
[textures-activated="On"].texture2 .apture-restore-button,
[textures-activated="On"].texture2 a.atcb-link,
[textures-activated="On"].texture2 .comment__author a,
[textures-activated="On"].texture2 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture2 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture2 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture2 quicktabs-tabpage h1,
[textures-activated="On"].texture2 quicktabs-tabpage h2,
[textures-activated="On"].texture2 quicktabs-tabpage h3,
[textures-activated="On"].texture2 quicktabs-tabpage h4,
[textures-activated="On"].texture2 quicktabs-tabpage h5,
[textures-activated="On"].texture2 quicktabs-tabpage h6,

[textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture2 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture2 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture2 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture2 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture2 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture2 .apture-preview-header,
[textures-activated="On"].texture2 .apture-preview-window,
[textures-activated="On"].texture2 .apture-restore-button,
[textures-activated="On"].texture2 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture2 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture2 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture2 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture2 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture2 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture2 ul.timeline-list:after,
[textures-activated="On"].texture2 .custom-audio-player,
[textures-activated="On"].texture2 .heading-text, 
[textures-activated="On"].texture2 .bar1, 
[textures-activated="On"].texture2 .bar2, 
[textures-activated="On"].texture2 .bar3, [textures-activated="On"].texture2 .rotor-group-heading { 
background: url(/sites/default/files/textures/own4n2i40.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture3 .quicktabs-tabpage p,
[textures-activated="On"].texture3 .apture-restore-button,
[textures-activated="On"].texture3 a.atcb-link,
[textures-activated="On"].texture3 .comment__author a,
[textures-activated="On"].texture3 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture3 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture3.block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture3 quicktabs-tabpage h1,
[textures-activated="On"].texture3 quicktabs-tabpage h2,
[textures-activated="On"].texture3 quicktabs-tabpage h3,
[textures-activated="On"].texture3 quicktabs-tabpage h4,
[textures-activated="On"].texture3 quicktabs-tabpage h5,
[textures-activated="On"].texture3 quicktabs-tabpage h6,

[textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture3 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture3 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture3 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture3 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture3 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture3 .apture-preview-header,
[textures-activated="On"].texture3 .apture-preview-window,
[textures-activated="On"].texture3 .apture-restore-button,
[textures-activated="On"].texture3 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture3 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture3 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture3 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture3 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture3 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture3 ul.timeline-list:after,
[textures-activated="On"].texture3 .custom-audio-player,
[textures-activated="On"].texture3 .heading-text , 
[textures-activated="On"].texture3 .bar1, 
[textures-activated="On"].texture3 .bar2, 
[textures-activated="On"].texture3 .bar3, [textures-activated="On"].texture3 .rotor-group-heading { 
background: url(/sites/default/files/textures/hv6xfg2jf.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture4 .quicktabs-tabpage p,
[textures-activated="On"].texture4 .apture-restore-button,
[textures-activated="On"].texture4 a.atcb-link,
[textures-activated="On"].texture4 .comment__author a,
[textures-activated="On"].texture4 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture4 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture4 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture4 quicktabs-tabpage h1,
[textures-activated="On"].texture4 quicktabs-tabpage h2,
[textures-activated="On"].texture4 quicktabs-tabpage h3,
[textures-activated="On"].texture4 quicktabs-tabpage h4,
[textures-activated="On"].texture4 quicktabs-tabpage h5,
[textures-activated="On"].texture4 quicktabs-tabpage h6,

[textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture4 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture4 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture4 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture4 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture4 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture4 .apture-preview-header,
[textures-activated="On"].texture4 .apture-preview-window,
[textures-activated="On"].texture4 .apture-restore-button,
[textures-activated="On"].texture4 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture4 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture4 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture4 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture4 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture4 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture4 ul.timeline-list:after,
[textures-activated="On"].texture4 .custom-audio-player,
[textures-activated="On"].texture4 .heading-text , 
[textures-activated="On"].texture4 .bar1, 
[textures-activated="On"].texture4 .bar2, 
[textures-activated="On"].texture4 .bar3, [textures-activated="On"].texture4 .rotor-group-heading { 
background: url(/sites/default/files/textures/nufkiomc7.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture5 .quicktabs-tabpage p,
[textures-activated="On"].texture5 .apture-restore-button,
[textures-activated="On"].texture5 a.atcb-link,
[textures-activated="On"].texture5 .comment__author a,
[textures-activated="On"].texture5 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture5 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture5 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture5 quicktabs-tabpage h1,
[textures-activated="On"].texture5 quicktabs-tabpage h2,
[textures-activated="On"].texture5 quicktabs-tabpage h3,
[textures-activated="On"].texture5 quicktabs-tabpage h4,
[textures-activated="On"].texture5 quicktabs-tabpage h5,
[textures-activated="On"].texture5 quicktabs-tabpage h6,

[textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture5 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture5 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture5 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture5 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture5 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture5 .apture-preview-header,
[textures-activated="On"].texture5 .apture-preview-window,
[textures-activated="On"].texture5 .apture-restore-button,
[textures-activated="On"].texture5 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture5 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture5 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture5 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture5 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture5 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture5 ul.timeline-list:after,
[textures-activated="On"].texture5 .custom-audio-player,
[textures-activated="On"].texture5 .heading-text, 
[textures-activated="On"].texture5 .bar1, 
[textures-activated="On"].texture5 .bar2, 
[textures-activated="On"].texture5 .bar3, [textures-activated="On"].texture5 .rotor-group-heading { 
background: url(/sites/default/files/textures/egwwzfflp.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture6 .quicktabs-tabpage p,
[textures-activated="On"].texture6 .apture-restore-button,
[textures-activated="On"].texture6 a.atcb-link,
[textures-activated="On"].texture6 .comment__author a,
[textures-activated="On"].texture6 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture6 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture6 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture6 quicktabs-tabpage h1,
[textures-activated="On"].texture6 quicktabs-tabpage h2,
[textures-activated="On"].texture6 quicktabs-tabpage h3,
[textures-activated="On"].texture6 quicktabs-tabpage h4,
[textures-activated="On"].texture6 quicktabs-tabpage h5,
[textures-activated="On"].texture6 quicktabs-tabpage h6,

[textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture6 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture6 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture6 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture6 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture6 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture6 .apture-preview-header,
[textures-activated="On"].texture6 .apture-preview-window,
[textures-activated="On"].texture6 .apture-restore-button,
[textures-activated="On"].texture6 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture6 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture6 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture6 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture6 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture6 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture6 ul.timeline-list:after,
[textures-activated="On"].texture6 .custom-audio-player,
[textures-activated="On"].texture6 .heading-text,[textures-activated="On"].texture6 .bar1, 
[textures-activated="On"].texture6 .bar2, 
[textures-activated="On"].texture6 .bar3, [textures-activated="On"].texture6 .rotor-group-heading { 
background: url(/sites/default/files/textures/gsq7u8fqt.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture7 .quicktabs-tabpage p,
[textures-activated="On"].texture7 .apture-restore-button,
[textures-activated="On"].texture7 a.atcb-link,
[textures-activated="On"].texture7. comment__author a,
[textures-activated="On"].texture7 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture7 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture7 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture7 quicktabs-tabpage h1,
[textures-activated="On"].texture7 quicktabs-tabpage h2,
[textures-activated="On"].texture7 quicktabs-tabpage h3,
[textures-activated="On"].texture7 quicktabs-tabpage h4,
[textures-activated="On"].texture7 quicktabs-tabpage h5,
[textures-activated="On"].texture7 quicktabs-tabpage h6,

[textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture7 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture7 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture7 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture7 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture7 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture7 .apture-preview-header,
[textures-activated="On"].texture7 .apture-preview-window,
[textures-activated="On"].texture7 .apture-restore-button,
[textures-activated="On"].texture7 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture7 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture7 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture7 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture7 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture7 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture7 ul.timeline-list:after,
[textures-activated="On"].texture7 .custom-audio-player,
[textures-activated="On"].texture7 .heading-text, 
[textures-activated="On"].texture7 .bar1, 
[textures-activated="On"].texture7 .bar2, 
[textures-activated="On"].texture7 .bar3, [textures-activated="On"].texture7 .rotor-group-heading { 
background: url(/sites/default/files/textures/nbcxjwp2k.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture8 .quicktabs-tabpage p,
[textures-activated="On"].texture8 .apture-restore-button,
[textures-activated="On"].texture8 a.atcb-link,
[textures-activated="On"].texture8 .comment__author a,
[textures-activated="On"].texture8 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture8 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture8 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture8 quicktabs-tabpage h1,
[textures-activated="On"].texture8 quicktabs-tabpage h2,
[textures-activated="On"].texture8 quicktabs-tabpage h3,
[textures-activated="On"].texture8 quicktabs-tabpage h4,
[textures-activated="On"].texture8 quicktabs-tabpage h5,
[textures-activated="On"].texture8 quicktabs-tabpage h6,

[textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture8 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture8 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture8 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture8 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture8 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture8 .apture-preview-header,
[textures-activated="On"].texture8 .apture-preview-window,
[textures-activated="On"].texture8 .apture-restore-button,
[textures-activated="On"].texture8 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture8 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture8 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture8 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture8 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture8 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture8 ul.timeline-list:after,
[textures-activated="On"].texture8 .custom-audio-player,
[textures-activated="On"].texture8 .heading-text , 
[textures-activated="On"].texture8 .bar1, 
[textures-activated="On"].texture8 .bar2, 
[textures-activated="On"].texture8 .bar3, [textures-activated="On"].texture8 .rotor-group-heading { 
background: url(/sites/default/files/textures/s7waxs8a0.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture9 .quicktabs-tabpage p,
[textures-activated="On"].texture9 .apture-restore-button,
[textures-activated="On"].texture9 a.atcb-link,
[textures-activated="On"].texture9 .comment__author a,
[textures-activated="On"].texture9 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture9 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture9 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture9 quicktabs-tabpage h1,
[textures-activated="On"].texture9 quicktabs-tabpage h2,
[textures-activated="On"].texture9 quicktabs-tabpage h3,
[textures-activated="On"].texture9 quicktabs-tabpage h4,
[textures-activated="On"].texture9 quicktabs-tabpage h5,
[textures-activated="On"].texture9 quicktabs-tabpage h6,

[textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture9 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture9 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture9 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture9 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture9 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture9 .apture-preview-header,
[textures-activated="On"].texture9 .apture-preview-window,
[textures-activated="On"].texture9 .apture-restore-button,
[textures-activated="On"].texture9 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture9 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture9 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture9 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture9 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture9 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture9 ul.timeline-list:after,
[textures-activated="On"].texture9 .custom-audio-player,
[textures-activated="On"].texture9 .heading-text , 
[textures-activated="On"].texture9 .bar1, 
[textures-activated="On"].texture9 .bar2, 
[textures-activated="On"].texture9 .bar3, [textures-activated="On"].texture9 .rotor-group-heading { 
background: url(/sites/default/files/textures/thodubzhl.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture10 .quicktabs-tabpage p,
[textures-activated="On"].texture10 .apture-restore-button,
[textures-activated="On"].texture10 a.atcb-link,
[textures-activated="On"].texture10 .comment__author a,
[textures-activated="On"].texture10 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture10 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture10 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture10 quicktabs-tabpage h1,
[textures-activated="On"].texture10 quicktabs-tabpage h2,
[textures-activated="On"].texture10 quicktabs-tabpage h3,
[textures-activated="On"].texture10 quicktabs-tabpage h4,
[textures-activated="On"].texture10 quicktabs-tabpage h5,
[textures-activated="On"].texture10 quicktabs-tabpage h6,

[textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture10 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture10 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture10 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture10 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture10 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture10 .apture-preview-header,
[textures-activated="On"].texture10 .apture-preview-window,
[textures-activated="On"].texture10 .apture-restore-button,
[textures-activated="On"].texture10 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture10 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture10 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture10 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture10 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture10 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture10 ul.timeline-list:after,
[textures-activated="On"].texture10 .custom-audio-player,
[textures-activated="On"].texture10 .heading-text , 
[textures-activated="On"].texture10 .bar1, 
[textures-activated="On"].texture10 .bar2, 
[textures-activated="On"].texture10 .bar3, [textures-activated="On"].texture10 .rotor-group-heading { 
background: url(/sites/default/files/textures/a04pjzicy.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture11 .quicktabs-tabpage p,
[textures-activated="On"].texture11 .apture-restore-button,
[textures-activated="On"].texture11 a.atcb-link,
[textures-activated="On"].texture11 .comment__author a,
[textures-activated="On"].texture11 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture11 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture11 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture11 quicktabs-tabpage h1,
[textures-activated="On"].texture11 quicktabs-tabpage h2,
[textures-activated="On"].texture11 quicktabs-tabpage h3,
[textures-activated="On"].texture11 quicktabs-tabpage h4,
[textures-activated="On"].texture11 quicktabs-tabpage h5,
[textures-activated="On"].texture11 quicktabs-tabpage h6,

[textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture11 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture11 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture11 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture11 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture11 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture11 .apture-preview-header,
[textures-activated="On"].texture11 .apture-preview-window,
[textures-activated="On"].texture11 .apture-restore-button,
[textures-activated="On"].texture11 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture11 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture11 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture11 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture11 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture11 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture11 ul.timeline-list:after,
[textures-activated="On"].texture11 .custom-audio-player,
[textures-activated="On"].texture11 .heading-text , 
[textures-activated="On"].texture11 .bar1, 
[textures-activated="On"].texture11 .bar2, 
[textures-activated="On"].texture11 .bar3, [textures-activated="On"].texture11 .rotor-group-heading { 
background: url(/sites/default/files/textures/m740inerh.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture12 .quicktabs-tabpage p,
[textures-activated="On"].texture12 .apture-restore-button,
[textures-activated="On"].texture12 a.atcb-link,
[textures-activated="On"].texture12 .comment__author a,
[textures-activated="On"].texture12 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture12 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture12 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture12 quicktabs-tabpage h1,
[textures-activated="On"].texture12 quicktabs-tabpage h2,
[textures-activated="On"].texture12 quicktabs-tabpage h3,
[textures-activated="On"].texture12 quicktabs-tabpage h4,
[textures-activated="On"].texture12 quicktabs-tabpage h5,
[textures-activated="On"].texture12 quicktabs-tabpage h6,

[textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture12 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture12 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture12 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture12 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture12 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture12 .apture-preview-header,
[textures-activated="On"].texture12 .apture-preview-window,
[textures-activated="On"].texture12 .apture-restore-button,
[textures-activated="On"].texture12 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture12 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture12 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture12 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture12 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture12 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture12 ul.timeline-list:after,
[textures-activated="On"].texture12 .custom-audio-player,
[textures-activated="On"].texture12 .heading-text , 
[textures-activated="On"].texture12 .bar1, 
[textures-activated="On"].texture12 .bar2, 
[textures-activated="On"].texture12 .bar3, [textures-activated="On"].texture12 .rotor-group-heading { 
background: url(/sites/default/files/textures/pilsy7qez.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture13 .quicktabs-tabpage p,
[textures-activated="On"].texture13 .apture-restore-button,
[textures-activated="On"].texture13 a.atcb-link,
[textures-activated="On"].texture13 .comment__author a,
[textures-activated="On"].texture13 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture13 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture13 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture13 quicktabs-tabpage h1,
[textures-activated="On"].texture13 quicktabs-tabpage h2,
[textures-activated="On"].texture13 quicktabs-tabpage h3,
[textures-activated="On"].texture13 quicktabs-tabpage h4,
[textures-activated="On"].texture13 quicktabs-tabpage h5,
[textures-activated="On"].texture13 quicktabs-tabpage h6,

[textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture13 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture13 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture13 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture13 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture13 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture13 .apture-preview-header,
[textures-activated="On"].texture13 .apture-preview-window,
[textures-activated="On"].texture13 .apture-restore-button,
[textures-activated="On"].texture13 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture13 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture13 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture13 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture13 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture13 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture13 ul.timeline-list:after,
[textures-activated="On"].texture13 .custom-audio-player,
[textures-activated="On"].texture13 .heading-text , 
[textures-activated="On"].texture13 .bar1, 
[textures-activated="On"].texture13 .bar2, 
[textures-activated="On"].texture13 .bar3, [textures-activated="On"].texture13 .rotor-group-heading { 
background: url(/sites/default/files/textures/usccntofj.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture14 .quicktabs-tabpage p,
[textures-activated="On"].texture14 .apture-restore-button,
[textures-activated="On"].texture14 a.atcb-link,
[textures-activated="On"].texture14 .comment__author a,
[textures-activated="On"].texture14 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture14 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture14 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture14 quicktabs-tabpage h1,
[textures-activated="On"].texture14 quicktabs-tabpage h2,
[textures-activated="On"].texture14 quicktabs-tabpage h3,
[textures-activated="On"].texture14 quicktabs-tabpage h4,
[textures-activated="On"].texture14 quicktabs-tabpage h5,
[textures-activated="On"].texture14 quicktabs-tabpage h6,

[textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture14 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture14 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture14 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture14 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture14 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture14 .apture-preview-header,
[textures-activated="On"].texture14 .apture-preview-window,
[textures-activated="On"].texture14 .apture-restore-button,
[textures-activated="On"].texture14 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture14 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture14 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture14 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture14 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture14 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture14 ul.timeline-list:after,
[textures-activated="On"].texture14 .custom-audio-player,
[textures-activated="On"].texture14 .heading-text , 
[textures-activated="On"].texture14 .bar1, 
[textures-activated="On"].texture14 .bar2, 
[textures-activated="On"].texture14 .bar3, [textures-activated="On"].texture14 .rotor-group-heading {  
background: url(/sites/default/files/textures/t4xhl2wqh.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture15 .quicktabs-tabpage p,
[textures-activated="On"].texture15.apture-restore-button,
[textures-activated="On"].texture15 a.atcb-link,
[textures-activated="On"].texture15 .comment__author a,
[textures-activated="On"].texture15 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture15 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture15 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture15 quicktabs-tabpage h1,
[textures-activated="On"].texture15 quicktabs-tabpage h2,
[textures-activated="On"].texture15 quicktabs-tabpage h3,
[textures-activated="On"].texture15 quicktabs-tabpage h4,
[textures-activated="On"].texture15 quicktabs-tabpage h5,
[textures-activated="On"].texture15 quicktabs-tabpage h6,

[textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture15 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture15 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture15 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture15 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture15 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture15 .apture-preview-header,
[textures-activated="On"].texture15 .apture-preview-window,
[textures-activated="On"].texture15 .apture-restore-button,
[textures-activated="On"].texture15 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture15 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture15 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture15 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture15 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture15 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture15 ul.timeline-list:after,
[textures-activated="On"].texture15 .custom-audio-player,
[textures-activated="On"].texture15 .heading-text , 
[textures-activated="On"].texture15 .bar1, 
[textures-activated="On"].texture15 .bar2, 
[textures-activated="On"].texture15 .bar3, [textures-activated="On"].texture15 .rotor-group-heading { 
background: url(/sites/default/files/textures/kjbx1frrj.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture16 .quicktabs-tabpage p,
[textures-activated="On"].texture16 .apture-restore-button,
[textures-activated="On"].texture16 a.atcb-link,
[textures-activated="On"].texture16 .comment__author a,
[textures-activated="On"].texture16 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture16 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture16 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture16 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture16 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture16 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture16   .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture16 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture16 quicktabs-tabpage h1,
[textures-activated="On"].texture16 quicktabs-tabpage h2,
[textures-activated="On"].texture16 quicktabs-tabpage h3,
[textures-activated="On"].texture16 quicktabs-tabpage h4,
[textures-activated="On"].texture16 quicktabs-tabpage h5,
[textures-activated="On"].texture16 quicktabs-tabpage h6,

[textures-activated="On"].texture16 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture16 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture16 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture16 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture16 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture16 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture16 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture16 .apture-preview-header,
[textures-activated="On"].texture16 .apture-preview-window,
[textures-activated="On"].texture16 .apture-restore-button,
[textures-activated="On"].texture16 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture16 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture16 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture16 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture16 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture16 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture16 ul.timeline-list:after,
[textures-activated="On"].texture16 .custom-audio-player,
[textures-activated="On"].texture16 .heading-text , 
[textures-activated="On"].texture16 .bar1, 
[textures-activated="On"].texture16 .bar2, 
[textures-activated="On"].texture16 .bar3, [textures-activated="On"].texture16 .rotor-group-heading { 
background: url(/sites/default/files/textures/jnjkebrrs.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture17 .quicktabs-tabpage p,
[textures-activated="On"].texture17 .apture-restore-button,
[textures-activated="On"].texture17 a.atcb-link,
[textures-activated="On"].texture17 .comment__author a,
[textures-activated="On"].texture17 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture17 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture17 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture17 quicktabs-tabpage h1,
[textures-activated="On"].texture17 quicktabs-tabpage h2,
[textures-activated="On"].texture17 quicktabs-tabpage h3,
[textures-activated="On"].texture17 quicktabs-tabpage h4,
[textures-activated="On"].texture17 quicktabs-tabpage h5,
[textures-activated="On"].texture17 quicktabs-tabpage h6,

[textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture17 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture17 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture17 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture17 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture17 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture17 .apture-preview-header,
[textures-activated="On"].texture17 .apture-preview-window,
[textures-activated="On"].texture17 .apture-restore-button,
[textures-activated="On"].texture17 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture17 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture17 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture17 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture17 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture17 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture17 ul.timeline-list:after,
[textures-activated="On"].texture17 .custom-audio-player,
[textures-activated="On"].texture17 .heading-text , 
[textures-activated="On"].texture17 .bar1, 
[textures-activated="On"].texture17 .bar2, 
[textures-activated="On"].texture17 .bar3, [textures-activated="On"].texture17 .rotor-group-heading { 
background: url(/sites/default/files/textures/zsfala1wx.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture18 .quicktabs-tabpage p,
[textures-activated="On"].texture18 .apture-restore-button,
[textures-activated="On"].texture18 a.atcb-link,
[textures-activated="On"].texture18 .comment__author a,
[textures-activated="On"].texture18 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture18 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture18 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture18 quicktabs-tabpage h1,
[textures-activated="On"].texture18 quicktabs-tabpage h2,
[textures-activated="On"].texture18 quicktabs-tabpage h3,
[textures-activated="On"].texture18 quicktabs-tabpage h4,
[textures-activated="On"].texture18 quicktabs-tabpage h5,
[textures-activated="On"].texture18 quicktabs-tabpage h6,

[textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture18 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture18 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture18 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture18 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture18 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture18 .apture-preview-header,
[textures-activated="On"].texture18 .apture-preview-window,
[textures-activated="On"].texture18 .apture-restore-button,
[textures-activated="On"].texture18 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture18 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture18 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture18 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture18 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture18 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture18 ul.timeline-list:after,
[textures-activated="On"].texture18 .custom-audio-player,
[textures-activated="On"].texture18 .heading-text , 
[textures-activated="On"].texture18 .bar1, 
[textures-activated="On"].texture18 .bar2, 
[textures-activated="On"].texture18 .bar3, [textures-activated="On"].texture18 .rotor-group-heading { 
background: url(/sites/default/files/textures/gtdqffaey.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture19 .quicktabs-tabpage p,
[textures-activated="On"].texture19 .apture-restore-button,
[textures-activated="On"].texture19 a.atcb-link,
[textures-activated="On"].texture19 .comment__author a,
[textures-activated="On"].texture19 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture19 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture19 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture19 quicktabs-tabpage h1,
[textures-activated="On"].texture19 quicktabs-tabpage h2,
[textures-activated="On"].texture19 quicktabs-tabpage h3,
[textures-activated="On"].texture19 quicktabs-tabpage h4,
[textures-activated="On"].texture19 quicktabs-tabpage h5,
[textures-activated="On"].texture19 quicktabs-tabpage h6,

[textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture19 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture19 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture19 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture19 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture19 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture19 .apture-preview-header,
[textures-activated="On"].texture19 .apture-preview-window,
[textures-activated="On"].texture19 .apture-restore-button,
[textures-activated="On"].texture19 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture19 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture19 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture19 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture19 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture19 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture19 ul.timeline-list:after,
[textures-activated="On"].texture19 .custom-audio-player,
[textures-activated="On"].texture19 .heading-text, 
[textures-activated="On"].texture19 .bar1, 
[textures-activated="On"].texture19 .bar2, 
[textures-activated="On"].texture19 .bar3, [textures-activated="On"].texture19 .rotor-group-heading { 
background: url(/sites/default/files/textures/lywbbe3bw.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture20 .quicktabs-tabpage p,
[textures-activated="On"].texture20 .apture-restore-button,
[textures-activated="On"].texture20 a.atcb-link,
[textures-activated="On"].texture20 .comment__author a,
[textures-activated="On"].texture20 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture20 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture20 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture20 quicktabs-tabpage h1,
[textures-activated="On"].texture20 quicktabs-tabpage h2,
[textures-activated="On"].texture20 quicktabs-tabpage h3,
[textures-activated="On"].texture20 quicktabs-tabpage h4,
[textures-activated="On"].texture20 quicktabs-tabpage h5,
[textures-activated="On"].texture20 quicktabs-tabpage h6,

[textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture20 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture20 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture20 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture20 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture20 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture20 .apture-preview-header,
[textures-activated="On"].texture20 .apture-preview-window,
[textures-activated="On"].texture20 .apture-restore-button,
[textures-activated="On"].texture20 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture20 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture20 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture20 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture20 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture20 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture20 ul.timeline-list:after,
[textures-activated="On"].texture20 .custom-audio-player,
[textures-activated="On"].texture20 .heading-text , 
[textures-activated="On"].texture20 .bar1, 
[textures-activated="On"].texture20 .bar2, 
[textures-activated="On"].texture20 .bar3, [textures-activated="On"].texture20 .rotor-group-heading { 
background: url(/sites/default/files/textures/do9180jc4.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture21 .quicktabs-tabpage p,
[textures-activated="On"].texture21 .apture-restore-button,
[textures-activated="On"].texture21 a.atcb-link,
[textures-activated="On"].texture21 .comment__author a,
[textures-activated="On"].texture21 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture21 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture21 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture21 quicktabs-tabpage h1,
[textures-activated="On"].texture21 quicktabs-tabpage h2,
[textures-activated="On"].texture21 quicktabs-tabpage h3,
[textures-activated="On"].texture21 quicktabs-tabpage h4,
[textures-activated="On"].texture21 quicktabs-tabpage h5,
[textures-activated="On"].texture21 quicktabs-tabpage h6,

[textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture21 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,

[textures-activated="On"].texture21 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture21 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture21 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture21 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture21 .apture-preview-header,
[textures-activated="On"].texture21 .apture-preview-window,
[textures-activated="On"].texture21 .apture-restore-button,
[textures-activated="On"].texture21 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture21 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture21 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture21 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture21 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture21 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture21 ul.timeline-list:after,
[textures-activated="On"].texture21 .custom-audio-player,
[textures-activated="On"].texture21 .heading-text , 
[textures-activated="On"].texture21 .bar1, 
[textures-activated="On"].texture21 .bar2, 
[textures-activated="On"].texture21 .bar3, [textures-activated="On"].texture21 .rotor-group-heading { 
background: url(/sites/default/files/textures/xvmqnpyjm.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture22 .quicktabs-tabpage p,
[textures-activated="On"].texture22 .apture-restore-button,
[textures-activated="On"].texture22 a.atcb-link,
[textures-activated="On"].texture22 .comment__author a,
[textures-activated="On"].texture22 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture22 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture22 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture22 quicktabs-tabpage h1,
[textures-activated="On"].texture22 quicktabs-tabpage h2,
[textures-activated="On"].texture22 quicktabs-tabpage h3,
[textures-activated="On"].texture22 quicktabs-tabpage h4,
[textures-activated="On"].texture22 quicktabs-tabpage h5,
[textures-activated="On"].texture22 quicktabs-tabpage h6,

[textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture22 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,

[textures-activated="On"].texture22 .flipdown.flipdown__theme-dark .rotor,
[textures-activated="On"].texture22 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture22 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture22 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture22 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture22 .apture-preview-header,
[textures-activated="On"].texture22 .apture-preview-window,
[textures-activated="On"].texture22 .apture-restore-button,
[textures-activated="On"].texture22 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture22 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture22 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture22 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture22 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture22 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture22 ul.timeline-list:after,
[textures-activated="On"].texture22 .custom-audio-player,
[textures-activated="On"].texture22 .heading-text , 
[textures-activated="On"].texture22 .bar1, 
[textures-activated="On"].texture22 .bar2, 
[textures-activated="On"].texture22 .bar3, [textures-activated="On"].texture22 .rotor-group-heading { 
background: url(/sites/default/files/textures/ytbt0pscc.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture23 .quicktabs-tabpage p,
[textures-activated="On"].texture23 .apture-restore-button,
[textures-activated="On"].texture23 a.atcb-link,
[textures-activated="On"].texture23 .comment__author a,
[textures-activated="On"].texture23 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture23 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture23 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture23 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture23 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture23 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture23 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture23 quicktabs-tabpage h1,
[textures-activated="On"].texture23 quicktabs-tabpage h2,
[textures-activated="On"].texture23 quicktabs-tabpage h3,
[textures-activated="On"].texture23 quicktabs-tabpage h4,
[textures-activated="On"].texture23 quicktabs-tabpage h5,
[textures-activated="On"].texture23 quicktabs-tabpage h6,

[textures-activated="On"].texture23 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture23 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture23 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture23 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture23 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture23 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture23 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture23 .apture-preview-header,
[textures-activated="On"].texture23 .apture-preview-window,
[textures-activated="On"].texture23 .apture-restore-button,
[textures-activated="On"].texture23 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture23 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture23 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture23 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture23 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture23 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture23 ul.timeline-list:after,
[textures-activated="On"].texture23 .custom-audio-player,
[textures-activated="On"].texture23 .heading-text , 
[textures-activated="On"].texture23 .bar1, 
[textures-activated="On"].texture23 .bar2, 
[textures-activated="On"].texture23 .bar3, , [textures-activated="On"].texture23 .rotor-group-heading { 
background: url(/sites/default/files/textures/46ywkh6mg.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture24 .quicktabs-tabpage p,
[textures-activated="On"].texture24 .apture-restore-button,
[textures-activated="On"].texture24 a.atcb-link,
[textures-activated="On"].texture24 .comment__author a,
[textures-activated="On"].texture24 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture24 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture24 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture24 quicktabs-tabpage h1,
[textures-activated="On"].texture24 quicktabs-tabpage h2,
[textures-activated="On"].texture24 quicktabs-tabpage h3,
[textures-activated="On"].texture24 quicktabs-tabpage h4,
[textures-activated="On"].texture24 quicktabs-tabpage h5,
[textures-activated="On"].texture24 quicktabs-tabpage h6,

[textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture24 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture24 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture24 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture24 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture24 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture24 .apture-preview-header,
[textures-activated="On"].texture24 .apture-preview-window,
[textures-activated="On"].texture24 .apture-restore-button,
[textures-activated="On"].texture24 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture24 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture24 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture24 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture24 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture24 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture24 ul.timeline-list:after,
[textures-activated="On"].texture24 .custom-audio-player,
[textures-activated="On"].texture24 .heading-text , 
[textures-activated="On"].texture24 .bar1, 
[textures-activated="On"].texture24 .bar2, 
[textures-activated="On"].texture24 .bar3, [textures-activated="On"].texture24 .rotor-group-heading { 
background: url(/sites/default/files/textures/e36b0xym7.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture25 .quicktabs-tabpage p,
[textures-activated="On"].texture25 .apture-restore-button,
[textures-activated="On"].texture25 a.atcb-link,
[textures-activated="On"].texture25 .comment__author a,
[textures-activated="On"].texture25 ul.links.inline.solo-ul a, 
[textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture25 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture25 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture25 quicktabs-tabpage h1,
[textures-activated="On"].texture25 quicktabs-tabpage h2,
[textures-activated="On"].texture25 quicktabs-tabpage h3,
[textures-activated="On"].texture25 quicktabs-tabpage h4,
[textures-activated="On"].texture25 quicktabs-tabpage h5,
[textures-activated="On"].texture25 quicktabs-tabpage h6,

[textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture25 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture25 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture25 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture25 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture25 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture25 .apture-preview-header,
[textures-activated="On"].texture25 .apture-preview-window,
[textures-activated="On"].texture25 .apture-restore-button,
[textures-activated="On"].texture25 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture25 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture25 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture25 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture25 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture25 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture25 ul.timeline-list:after,
[textures-activated="On"].texture25 .custom-audio-player,
[textures-activated="On"].texture25 .heading-text , 
[textures-activated="On"].texture25 .bar1, 
[textures-activated="On"].texture25 .bar2, 
[textures-activated="On"].texture25 .bar3, [textures-activated="On"].texture25 .rotor-group-heading { 
background: url(/sites/default/files/textures/93e8qfqtb.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture26 .quicktabs-tabpage p,
[textures-activated="On"].texture26 .apture-restore-button,
[textures-activated="On"].texture26 a.atcb-link,
[textures-activated="On"].texture26 .comment__author a,
[textures-activated="On"].texture26 ul.links.inline.solo-ul a,
[textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture26 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture26 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture26 quicktabs-tabpage h1,
[textures-activated="On"].texture26 quicktabs-tabpage h2,
[textures-activated="On"].texture26 quicktabs-tabpage h3,
[textures-activated="On"].texture26 quicktabs-tabpage h4,
[textures-activated="On"].texture26 quicktabs-tabpage h5,
[textures-activated="On"].texture26 quicktabs-tabpage h6,

[textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture26 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture26 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture26 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture26 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture26 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture26 .apture-preview-header,
[textures-activated="On"].texture26 .apture-preview-window,
[textures-activated="On"].texture26 .apture-restore-button,
[textures-activated="On"].texture26 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture26 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture26 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture26 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture26 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture26 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture26 ul.timeline-list:after,
[textures-activated="On"].texture26 .custom-audio-player,
[textures-activated="On"].texture26 .heading-text, 
[textures-activated="On"].texture26 .bar1, 
[textures-activated="On"].texture26 .bar2, 
[textures-activated="On"].texture26 .bar3, [textures-activated="On"].texture26 .rotor-group-heading { 
background: url(/sites/default/files/textures/x3fryk5aw.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}
[textures-activated="On"].texture27 .quicktabs-tabpage p,
[textures-activated="On"].texture27 .apture-restore-button,
[textures-activated="On"].texture27 a.atcb-link,
[textures-activated="On"].texture27 .comment__author a,
[textures-activated="On"].texture27 ul.links.inline.solo-ul a,
[textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-rsvp-a,
[textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-primary-video-media iframe, [textures-activated="On"].texture27 ul.quicktabs-tabs.solo-ul a, [textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-heading, [textures-activated="On"].texture27 .block-field-blockgroupwedding-companionlabel, [textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-epitaph, [textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-date, 
[textures-activated="On"].texture27 quicktabs-tabpage h1,
[textures-activated="On"].texture27 quicktabs-tabpage h2,
[textures-activated="On"].texture27 quicktabs-tabpage h3,
[textures-activated="On"].texture2 quicktabs-tabpage h4,
[textures-activated="On"].texture27 quicktabs-tabpage h5,
[textures-activated="On"].texture27 quicktabs-tabpage h6,

[textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-portrait-image-media img,
[textures-activated="On"].texture27 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img,
[textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content,


[textures-activated="On"].texture27 .flipdown.flipdown__theme-dark .rotor-top,
[textures-activated="On"].texture27 .flipdown.flipdown__theme-dark .rotor-leaf-front,
[textures-activated="On"].texture27 .flipdown.flipdown__theme-dark .rotor-bottom,
[textures-activated="On"].texture27 .flipdown.flipdown__theme-dark .rotor-leaf-rear,
[textures-activated="On"].texture27 .apture-preview-header,
[textures-activated="On"].texture27 .apture-preview-window,
[textures-activated="On"].texture27 .apture-restore-button,
[textures-activated="On"].texture27 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
[textures-activated="On"].texture27 .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,
[textures-activated="On"].texture27 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden,
[textures-activated="On"].texture27 .view-timeline .views-field.views-field-field-image img,
[textures-activated="On"].texture27 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture27 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
[textures-activated="On"].texture27 ul.timeline-list:after,
[textures-activated="On"].texture27 .custom-audio-player,
[textures-activated="On"].texture27 .heading-text , 
[textures-activated="On"].texture27 .bar1, 
[textures-activated="On"].texture27 .bar2, 
[textures-activated="On"].texture27 .bar3, [textures-activated="On"].texture27 .rotor-group-heading { 
  filter: drop-shadow(1px 1px 1px #696969);
background: url(/sites/default/files/textures/we8iecdfr.jpg)!important;
    background-color: #ffffff00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    z-index: auto;
	-webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}


/* frames & msc*/
[textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture27 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture27 button#group-formblock-toggle, 
[textures-activated="On"].texture27 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture27 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture27 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture27 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture27 ul.timeline-list:after, 
[textures-activated="On"].texture27 .bar1, 
[textures-activated="On"].texture27 .bar2, 
[textures-activated="On"].texture27 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture1 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture1 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture1 button#group-formblock-toggle, 
[textures-activated="On"].texture1 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture1 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture1 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture1 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture1 ul.timeline-list:after, 
[textures-activated="On"].texture1 .bar1, 
[textures-activated="On"].texture1 .bar2, 
[textures-activated="On"].texture1 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture2 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture2 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture2 button#group-formblock-toggle, 
[textures-activated="On"].texture2 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture2 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture2 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture2 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture2 ul.timeline-list:after, 
[textures-activated="On"].texture2 .bar1, 
[textures-activated="On"].texture2 .bar2, 
[textures-activated="On"].texture2 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture3 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture3 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture3 button#group-formblock-toggle, 
[textures-activated="On"].texture3 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture3 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture3 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture3 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture3 ul.timeline-list:after, 
[textures-activated="On"].texture3 .bar1, 
[textures-activated="On"].texture3 .bar2, 
[textures-activated="On"].texture3 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture4 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture4 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture4 button#group-formblock-toggle, 
[textures-activated="On"].texture4 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture4 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture4 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture4 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture4 ul.timeline-list:after, 
[textures-activated="On"].texture4 .bar1, 
[textures-activated="On"].texture4 .bar2, 
[textures-activated="On"].texture4 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture5 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture5 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture5 button#group-formblock-toggle, 
[textures-activated="On"].texture5 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture5 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture5 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture5 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture5 ul.timeline-list:after, 
[textures-activated="On"].texture5 .bar1, 
[textures-activated="On"].texture5 .bar2, 
[textures-activated="On"].texture5 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture6 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture6 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture6 button#group-formblock-toggle, 
[textures-activated="On"].texture6 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture6 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture6 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture6 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture6 ul.timeline-list:after, 
[textures-activated="On"].texture6 .bar1, 
[textures-activated="On"].texture6 .bar2, 
[textures-activated="On"].texture6 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture7 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture7 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture7 button#group-formblock-toggle, 
[textures-activated="On"].texture7 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture7 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture7 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture7 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture7 ul.timeline-list:after, 
[textures-activated="On"].texture7 .bar1, 
[textures-activated="On"].texture7 .bar2, 
[textures-activated="On"].texture7 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture8 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture8 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture8 button#group-formblock-toggle, 
[textures-activated="On"].texture8 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture8 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture8 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture8 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture8 ul.timeline-list:after, 
[textures-activated="On"].texture8 .bar1, 
[textures-activated="On"].texture8 .bar2, 
[textures-activated="On"].texture8 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture9 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture9 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture9 button#group-formblock-toggle, 
[textures-activated="On"].texture9 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture9 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture9 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture9 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture9 ul.timeline-list:after, 
[textures-activated="On"].texture9 .bar1, 
[textures-activated="On"].texture9 .bar2, 
[textures-activated="On"].texture9 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture10 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture10 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture10 button#group-formblock-toggle, 
[textures-activated="On"].texture10 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture10 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture10 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture10 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture10 ul.timeline-list:after, 
[textures-activated="On"].texture10 .bar1, 
[textures-activated="On"].texture10 .bar2, 
[textures-activated="On"].texture10 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture11 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture11 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture11 button#group-formblock-toggle, 
[textures-activated="On"].texture11 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture11 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture11 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture11 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture11 ul.timeline-list:after, 
[textures-activated="On"].texture11 .bar1, 
[textures-activated="On"].texture11 .bar2, 
[textures-activated="On"].texture11 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture12 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture12 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture12 button#group-formblock-toggle, 
[textures-activated="On"].texture12 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture12 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture12 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture12 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture12 ul.timeline-list:after, 
[textures-activated="On"].texture12 .bar1, 
[textures-activated="On"].texture12 .bar2, 
[textures-activated="On"].texture12 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture13 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture13 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture13 button#group-formblock-toggle, 
[textures-activated="On"].texture13 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture13 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture13 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture13 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture13 ul.timeline-list:after, 
[textures-activated="On"].texture13 .bar1, 
[textures-activated="On"].texture13 .bar2, 
[textures-activated="On"].texture13 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture14 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture14 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture14 button#group-formblock-toggle, 
[textures-activated="On"].texture14 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture14 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture14 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture14 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture14 ul.timeline-list:after, 
[textures-activated="On"].texture14 .bar1, 
[textures-activated="On"].texture14 .bar2, 
[textures-activated="On"].texture14 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture15 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture15 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture15 button#group-formblock-toggle, 
[textures-activated="On"].texture15 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture15 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture15 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture15 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture15 ul.timeline-list:after, 
[textures-activated="On"].texture15 .bar1, 
[textures-activated="On"].texture15 .bar2, 
[textures-activated="On"].texture15 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture16 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture16 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture16 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture16 button#group-formblock-toggle, 
[textures-activated="On"].texture16 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture16 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture16 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture16 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture16 ul.timeline-list:after, 
[textures-activated="On"].texture16 .bar1, 
[textures-activated="On"].texture16 .bar2, 
[textures-activated="On"].texture16 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture17 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture17 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture17 button#group-formblock-toggle, 
[textures-activated="On"].texture17 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture17 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture17 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture17 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture17 ul.timeline-list:after, 
[textures-activated="On"].texture17 .bar1, 
[textures-activated="On"].texture17 .bar2, 
[textures-activated="On"].texture17 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture18 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture18 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture18 button#group-formblock-toggle, 
[textures-activated="On"].texture18 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture18 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture18 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture18 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture18 ul.timeline-list:after, 
[textures-activated="On"].texture18 .bar1, 
[textures-activated="On"].texture18 .bar2, 
[textures-activated="On"].texture18 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture19 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture19 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture19 button#group-formblock-toggle, 
[textures-activated="On"].texture19 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture19 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture19 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture19 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture19 ul.timeline-list:after, 
[textures-activated="On"].texture19 .bar1, 
[textures-activated="On"].texture19 .bar2, 
[textures-activated="On"].texture19 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture20 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture20 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture20 button#group-formblock-toggle, 
[textures-activated="On"].texture20 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture20 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture20 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture20 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture20 ul.timeline-list:after, 
[textures-activated="On"].texture20 .bar1, 
[textures-activated="On"].texture20 .bar2, 
[textures-activated="On"].texture20 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture21 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture21 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture21 button#group-formblock-toggle, 
[textures-activated="On"].texture21 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture21 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture21 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture21 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture21 ul.timeline-list:after, 
[textures-activated="On"].texture21 .bar1, 
[textures-activated="On"].texture21 .bar2, 
[textures-activated="On"].texture21 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture22 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture22 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture22 button#group-formblock-toggle, 
[textures-activated="On"].texture22 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture22 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture22 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture22 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture22 ul.timeline-list:after, 
[textures-activated="On"].texture22 .bar1, 
[textures-activated="On"].texture22 .bar2, 
[textures-activated="On"].texture22 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture23 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture23 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture23 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture23 button#group-formblock-toggle, 
[textures-activated="On"].texture23 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture23 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture23 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture23 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture23 ul.timeline-list:after, 
[textures-activated="On"].texture23 .bar1, 
[textures-activated="On"].texture23 .bar2, 
[textures-activated="On"].texture23 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture24 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture24 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture24 button#group-formblock-toggle, 
[textures-activated="On"].texture24 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture24 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture24 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture24 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture24 ul.timeline-list:after, 
[textures-activated="On"].texture24 .bar1, 
[textures-activated="On"].texture24 .bar2, 
[textures-activated="On"].texture24 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture25 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture25 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture25 button#group-formblock-toggle, 
[textures-activated="On"].texture25 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture25 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture25 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture25 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture25 ul.timeline-list:after, 
[textures-activated="On"].texture25 .bar1, 
[textures-activated="On"].texture25 .bar2, 
[textures-activated="On"].texture25 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture26 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture26 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture26 button#group-formblock-toggle, 
[textures-activated="On"].texture26 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture26 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture26 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture26 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture26 ul.timeline-list:after, 
[textures-activated="On"].texture26 .bar1, 
[textures-activated="On"].texture26 .bar2, 
[textures-activated="On"].texture26 .bar3 {
    -webkit-background-clip: unset!important;
}

[textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-portrait-image-media img, 
[textures-activated="On"].texture27 .media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items img, 
[textures-activated="On"].texture27 .block-field-blockgroupwedding-companionfield-primary-video-media iframe.media-oembed-content, [textures-activated="On"].texture27 button#group-formblock-toggle, 
[textures-activated="On"].texture27 .field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden, [textures-activated="On"].texture27 .view-timeline .views-field.views-field-field-image img, 
[textures-activated="On"].texture27 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture27 ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker, [textures-activated="On"].texture27 ul.timeline-list:after, 
[textures-activated="On"].texture27 .bar1, 
[textures-activated="On"].texture27 .bar2, 
[textures-activated="On"].texture27 .bar3 {
    -webkit-background-clip: unset!important;
}




/*  textures end */





div#quicktabs-tabpage-companion_content-3 ul.timeline-list.item-list.alternate.marker-center {
    opacity: 1;
    visibility: visible;
    position: relative;
    transition: unset;
    transform-origin: unset;
    width: inherit;
    padding: 0!important;
    box-shadow: unset;
    height: auto;
    overflow: hidden;
}
.page-wrapper hr, .page-wrapper ul, .page-wrapper ol, .page-wrapper ol li, .page-wrapper ul li, .page-wrapper table, .page-wrapper .dropbutton-widget {
    background: unset!important;
}

ul.atcb-list li a {
    text-align: center;
}
a.atcb-item-link {
    padding-bottom: 7px!important;
    padding-top: 7px;
}
.ssui__item.form-type-boolean.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-field-portrait-image-style-style-selector.form-item-field-portrait-image-style-style-selector {
    width: 47px;
    height: 47px;
    padding-left: 4px;
}
div#edit-field-portrait-image-style-style-selector:before {
    display: none;
}
/*
input#edit-field-portrait-image-style-style-selector-pi-001 * {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    border-bottom-left-radius: 0%;
}

input#edit-field-portrait-image-style-style-selector-pi-001 * {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    border-bottom-left-radius: 0%;
}

input#edit-field-portrait-image-style-style-selector-pi-001 {
    background: #baa685;
    border-top-left-radius: 0%!important;
    border-top-right-radius: 0%!important;
    border-bottom-right-radius: 0%!important;
    border-bottom-left-radius: 0%!important;
}

.ssui__option.pi-002 * {
    background: #baa685;
    border-radius: 6px!important;
}

.ssui__option.pi-003 * {
    background: #baa685;
    border-top-left-radius: 33%!important;
    border-top-right-radius: 3%!important;
    border-bottom-left-radius: 3%!important;
    border-bottom-right-radius: 33%!important;
}
.pi-003.group.group--full.group--wedding-companion img.solo-image.image-style-large {
     border-top-left-radius: 33%!important;
    border-top-right-radius: 3%!important;
    border-bottom-left-radius: 3%!important;
    border-bottom-right-radius: 33%!important;
}
.ssui__option.pi-004 * {
    background: #baa685;
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important;
    border-bottom-left-radius: 5%!important;
    border-bottom-right-radius: 5%!important;
}
.pi-004.group.group--full.group--wedding-companion img.solo-image.image-style-large {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important;
    border-bottom-left-radius: 5%!important;
    border-bottom-right-radius: 5%!important;
}
.ssui__option.pi-005 * {
    border-radius: 50%;
    background: #baa685;
}
.pi-005.group.group--full.group--wedding-companion img.solo-image.image-style-large {
 border-radius: 50%;
}
.ssui__option.pi-006 * {
    background: #baa685;
    border-top-left-radius: 66%!important;
    border-top-right-radius: 5%!important;
    border-bottom-left-radius: 5%!important;
    border-bottom-right-radius: 66%!important;
}
.pi-006.group.group--full.group--wedding-companion img.solo-image.image-style-large { 
 border-top-left-radius: 66%!important;
    border-top-right-radius: 5%!important;
    border-bottom-left-radius: 5%!important;
    border-bottom-right-radius: 66%!important;
}
.ssui__option.pi-007 * {
    background: #baa685;
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important;
    border-bottom-right-radius: 50%!important;
    width: 122%!important;
}
.pi-007.group.group--full.group--wedding-companion img.solo-image.image-style-large { 
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important;
    border-bottom-right-radius: 50%!important;
    width: 122%!important;
}
.ssui__option.pi-008 * {
    background: #baa685;
    border-top-left-radius: 7%!important;
    border-top-right-radius: 61%!important;
    border-bottom-left-radius: 61%!important;
    border-bottom-right-radius: 61%!important;
}
.pi-008.group.group--full.group--wedding-companion img.solo-image.image-style-large { 
    border-top-left-radius: 7%!important;
    border-top-right-radius: 61%!important;
    border-bottom-left-radius: 61%!important;
    border-bottom-right-radius: 61%!important;
}
.ssui__option.pi-009 * {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%!important;
    background: #baa685;
}
.pi-009.group.group--full.group--wedding-companion img.solo-image.image-style-large { 
 border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%!important;
}
.ssui__option.pi-0010 * {
    background: #baa685;
    border-top-left-radius: 3%!important;
    border-top-right-radius: 33%!important;
    border-bottom-left-radius: 33%!important;
    border-bottom-right-radius: 3%!important;
}
.pi-0010.group.group--full.group--wedding-companion img.solo-image.image-style-large { 
    border-top-left-radius: 3%!important;
    border-top-right-radius: 33%!important;
    border-bottom-left-radius: 33%!important;
    border-bottom-right-radius: 3%!important;
}

*/
a.quicktabs-loaded {
    font-size: 2.5vw;
}



[paragraph-textures-option="Off"] .quicktabs-tabpage p, [paragraph-textures-option="Off"] .apture-restore-button, [paragraph-textures-option="Off"] a.atcb-link, [paragraph-textures-option="Off"] .comment__author a, [paragraph-textures-option="Off"] ul.links.inline.solo-ul a {
/*    background: unset!important;
    background-color: unset !important; */
    background-repeat: unset !important;
    background-attachment: unset !important;
    background-position: unset !important;
    z-index: auto;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    -webkit-font-smoothing: unset !important;
    filter: unset!important;
}

[heading-textures-option="Off"] .block-field-blockgroupwedding-companionfield-rsvp-a *, [heading-textures-option="Off"] section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-life-dates *, [heading-textures-option="Off"] section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-epitaph *, [heading-textures-option="Off"] section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionlabel *,  [heading-textures-option="Off"] section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-heading * {
    background: initial!important;
    background-color: unset !important;
    background-repeat: unset !important;
    background-attachment: unset !important;
    background-position: unset !important;
    z-index: auto;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: initial!important;
    -webkit-font-smoothing: unset !important;
    filter: unset!important;
}

[text-shadows-option="Off"] .block-field-blockgroupwedding-companionfield-date, [text-shadows-option="Off"] .block-field-blockgroupwedding-companionfield-life-dates, [text-shadows-option="Off"] .block-field-blockgroupwedding-companionfield-epitaph, [text-shadows-option="Off"] .block-field-blockgroupwedding-companionfield-secondary-headings, [text-shadows-option="Off"] .block-field-blockgroupwedding-companionlabel, [text-shadows-option="Off"] .block-field-blockgroupwedding-companionfield-heading, [text-shadows-option="Off"] div#quicktabs-container-companion_content {
    filter: none!important;
}

.media-entity.field.field--name-field-gallery-images.field--type-entity-reference.field--label-hidden.field__items {
    display: flex;
    gap: 15px;
}
.media-entity.field.field--name-field-gallery-videos.field--type-entity-reference.field--label-hidden.field__items img {
    padding: 10px;
}
.views-field.views-field-field-video-gallery- .media-entity.field.field--name-field-gallery-videos.field--type-entity-reference.field--label-hidden.field__items {
    display: flex;
    gap: 15px;
    justify-content: center;
}


.views-field.views-field-field-video-gallery- .media-entity.field.field--name-field-gallery-videos.field--type-entity-reference.field--label-hidden.field__items .field__item {
    width: 250px;
}

.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--pip-supported.plyr--paused.plyr--stopped {
    max-width: 720px;
    margin: 0 auto;
}


.js-filter-wrapper, .js-filter-wrapper * {
    display: none;
}

.home-1 .card-1 {
    box-shadow: 1px 1px 12px #a0c6df;
    transition: 1s;
    padding: 23px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: 1px solid #baa685a1;
};
article.contextual-region.node.solo-clear.node--type-reviews.node--view-mode-full {
    margin: 50px auto;
    text-align: center;
}


.five-star-widget.default.animated svg {
    width: 47px;
    fill: #baa685;
}

.five-star-widget.default.animated span.rating-value {
    font-size: 42px;
    position: relative;
    top: -5px;
}

.field.field--name-field-write-your-review-here.field--type-string-long.field--label-hidden.field__item {
    display: block;
    text-align: center;
}

.field.field--name-field-service-rating.field--type-integer.field--label-hidden.field__item {
    display: block;
    text-align: center;
    margin-top: 50px;
}

/* Dashbord and user pages */


.entity-user-canonical #main-container .main-box > div, section#block-drupal8-w3css-theme-local-tasks {
    background-color: #e0e9ef;
}


.entity-user-canonical section#block-solo-subtheme-content {
    background: #fff9f2;
    max-width: 1100px;
    margin: 50px auto;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #ccc;
}
.commerce_order-address_book-overview section#block-solo-subtheme-content {
    background: #fff9f2;
    max-width: 500px;
    margin: 50px auto;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #ccc;
}
.commerce_order-address_book-overview .main-box-inner {
    background-color: #e0e9ef;
}
.entity-user-canonical .ptah-quota-summary {
    background: unset;
    border-left: 0;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    box-shadow: none;
    border-radius: 4px;
    width: 320px;
    float: none;
}

.dashboard .layout.layout--twocol-section.layout--twocol-section--75-25 section {
    background: #fff9f2;
    padding: 15px;

    border-radius: 5px;
    box-shadow: 0 4px 8px -1px #12121714;
}
.dashboard .layout.layout--twocol-section.layout--twocol-section--75-25 {
    background: #e0e9ef;
}
.dashboard .layout.layout--twocol-section.layout--twocol-section--75-25 {
    background: #e0e9ef;
}
.dashboard .layout__region.layout__region--first {
    margin-right: 28px;
}
.dashboard .layout.layout--twocol-section.layout--twocol-section--75-25 section {
    background: #fff9f2;
    padding: 15px;

    border-radius: 5px;
}

.dashboard .solo-block.block-views.block-views-blockuser-infromation-block-1 img {
    border-radius: 100%;
    max-width: 170px!important;
    margin: 0 auto;
    display: block;
    padding: 5px;
    background: #e2e9ef;
}

.dashboard .views-field.views-field-name, .dashboard .views-field.views-field-name h4 {
    text-align: center;
    font-size: 30px;
    text-transform: capitalize;
}

h2.solo-block-title {
    background: transparent!important;
    font-size: 2em!important;
    color: #555555!important;
    font-weight: bold!important;
}
.block-private-message-inbox-block .private-message-thread:hover {
    background: #cccccc45;
    border-radius: 5px;
    padding: 10px;
}
.block-private-message-inbox-block .active-thread {
border: 0;
}
.block-private-message-inbox-block .active-thread {
    padding: 10px;
}
@media screen and (min-width: 40em) {
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first, .layout--twocol-section.layout--twocol-section--75-25 .layout__region--second {
        flex: 0 1 30%;
    }
}
@media screen and (min-width: 40em) {
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
        flex: 0 1 66%;
    }
}

.tablet-show-media iframe {
    display: block;
    box-shadow: rgba(204, 204, 204, 0.44) 1px 1px 2px 1px;
    margin: 0px auto;
    background: rgb(224, 233, 239);
    border-radius: 8px;
    padding: 29px 37px 29px 54px;
}

div#quicktabs-container-companion_content {
    text-align: center;
    margin-right: 25px;
    margin-left: 25px;
}

/* Private Messages Main container styling */
#region-outer.main-box.sidebar-box-main {
  display: flex;                /* allows inner regions to align */
  flex-direction: column;       /* stack content vertically */
  min-height: 100vh;            /* full viewport height */
  background: #f9fafc;          /* subtle background */
  border: 1px solid #e0e0e0;    /* light border for definition */
  border-radius: 8px;           /* soften corners */
  box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* gentle shadow */
  padding: 1.5rem;              /* breathing room inside */
  margin: 1rem auto;            /* center with margin */
  max-width: 1200px;            /* prevent overly wide layouts */
}

/* Inner content area */
.region-inner.main-box-inner.sidebar-box-main-inner {
  flex: 1;                      /* take available space */
  background: #fff;             /* contrast against outer */
  border-radius: 6px;
  padding: 1.25rem;
 /*   overflow-y: auto;            scroll if content grows */
}

/* Private message thread styling */
.private-message-thread-full {
  background: #fdf9f2;
  max-width: 1600px;
  border-radius: 6px;
  padding: 1rem;
  margin: 25px auto;
  box-shadow: 1px 1px 0px #55555559;
}

/* Message bubbles */
.private-message-default {
  background: #e1e9ef;          /* soft blue for self */
  border-radius: 6px;
  padding: 0.75rem 1rem;
  margin: 0.5rem 0;
  font-size: 0.95rem;
  line-height: 1.4;
}
/*
.private-message-default .field--name-owner .username a {
  font-weight: 600;
  color: #2a5bd7;
}
*/
.private-message-recipients article {
    display: inline-flex;
    gap: 11px;
}



.private-message-recipients {
    padding-bottom: 11px;
}

.private-message-recipients p.username {margin-top: -6px;text-transform: capitalize;}

div#edit-message-wrapper .speech-to-text-icon {
    visibility: hidden;
}
.private_message_thread_clear_history_link_wrapper, .private_message_thread_delete_link_wrapper {
    display: inline-block;
    margin: 0 25px 30px 0;
}

.private-message-entity.field.field--name-private-messages.field--type-entity-reference.field--label-above label {
    visibility: hidden;
}


div#edit-message-wrapper label.form-item__label.js-form-required.form-required {
    text-transform: capitalize;
}


.user-entity.field.field--name-owner.field--type-entity-reference.field--label-inline.clearfix p.username:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/user-round.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 4px;
    left: -2px;
}
.user-entity.field.field--name-owner.field--type-entity-reference.field--label-inline.clearfix p.username {
    position: relative;
    left: 25px;
    text-transform: capitalize;
    margin-top: -4px;
    top: 0;
}
.user-entity.field.field--name-owner.field--type-entity-reference.field--label-inline.clearfix  .block-unblock {
    position: relative;
    top: -23px;
}
.user-entity.field.field--name-owner.field--type-entity-reference.field--label-inline.clearfix  .block-unblock:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/shield-ban.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 3px;
    left: -4px;
}
.private-message-wrapper.field__item {
    padding-bottom: 10px;
}
.private-message .field--name-message {
    padding-bottom: 15px;
}

#private-message-page {
    max-width: 541px;
    margin: 0 auto;
}
form#private-message-add-form {
    background: #fff9f2;
    padding: 30px;
    max-width: 571px;
    margin: 30px auto;
    border-radius: 8px;
    box-shadow: 1px 1px 1px #ccc;
}

form#private-message-add-form label {
    font-weight: bold;
}

form#private-message-add-form .description.ptah-helptext-above {
    padding-bottom: 15px;
}
.ptah-quota-summary {
    background: transparent;
    border-left: 0;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    box-shadow: none;
    border-radius: 4px;
    width: unset;
    float: none;
}
section.views-element-container.contextual-region.solo-clear.solo-block.block-views.block-views-blockmy-companions-block-1 a {
    color: #baa685;
}

.view-my-companions .views-row div {
    padding-top: 6px;
}

section.block.block-private-message.block-private-message-inbox-block.solo-clear.solo-block .user-entity.field.field--name-owner.field--type-entity-reference.field--label-inline.clearfix {
    display: flex;
}


section.block.block-private-message.block-private-message-inbox-block.solo-clear.solo-block .private-message.private-message-inbox.contextual-region.solo-clear.element-container-wrapper {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    background: #e2e9ef;
}

section.block.block-private-message.block-private-message-inbox-block.solo-clear.solo-block .user-entity.field.field--name-owner.field--type-entity-reference.field--label-inline.clearfix p.username {
    margin-top: -3px;
}
.private-message-recipients {
    font-style: italic;
}

li.messages__item {
    color: #8f8f8f !important;
}
li.messages__item a {
    color: #329f6f !important;
}

.simple-status-messages .messages--status {
    background-color: #ffffff;
    color: #5c5c5c!important;
    box-shadow: -8px 0 0 #2196f3, -4px 0px 15px rgba(0, 0, 0, 0.3);
    border: 0;
}


.vertical-tabs {
    margin: 1em 0 1em 15em;
    
    background: #fff9f2;
}





.solo-table-wrapper {
    border: 0!important;
    max-width: 1600px;
    margin: 50px auto;

}

.solo-table-wrapper table {
    border-collapse: separate;  
    border-spacing: 0;       
    width: 100%;
    background: #fff;
    border: 1px solid #ddd!important;
    border-radius: 8px;        
    overflow: hidden;
    box-shadow: 1px 1px 1px 1px #00000012;
}
div#edit-actions {
    margin-bottom: -2px;
}
.page-wrapper table th {
    height: 60px;
    padding: 0 11px;
}

.page-wrapper table thead * {
    background: #e1e9ef !important;
}
.page-wrapper table thead a {
    background: transparent!important;
}
.path-view-group-comments div#edit-header {
    border-radius: 8px;
    display: flex;
    max-width: 360px;
    margin: 0 auto;
    margin-top: 11px;
    padding-top: 0;
}
.view-id-group_comments .page-wrapper form input.button.form-submit {
    border-radius: 5px;
    outline: none;
    font-weight: bold;
    box-shadow: 0.1em 0.25em 0.5em #00875f26;
    font-size: 15px;
    background: #fff;
    height: 41px;
    margin-top: 20px;
    width: 200px;
}
.view-id-group_comments select#edit-action {
    height: inherit;
    border-radius: 5px;
    outline: none;
    box-shadow: 0.1em 0.25em 0.5em #00875f26!important;
    font-size: 15px;
    background: #fff;
    margin: 1rem 0;
    height: 41px;
    margin-top: 20px;
    width: 200px;
    margin-right: 20px;
}
[data-drupal-selector="edit-comment-bulk-form"] {
    display: flex;
    background: #fdf9f2;
    padding: 0 19px 0px;
    border-radius: 5px;
    margin-top: 30px;
}

.view-filters.form-group {
    max-width: 1600px;
    margin: 19px auto;
    background: #fff9f2;
    padding: 10px 25px;
    border-radius: 5px;
}

.js td .dropbutton-multiple .dropbutton-action a, .js td .dropbutton-multiple .dropbutton-action input, .js td .dropbutton-multiple .dropbutton-action button {
    width: auto;
    border: 1px solid #ccc;
    background: #fff!important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
table ul.dropbutton li.dropbutton-toggle {
    margin-top: 6px;
    margin-inline-end: 0 !important;
    margin-inline-start: 10px;
    background: #fff!important;
    border: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 40px;
    position: absolute;
    left: 105px;
}
li.solo-small.dropbutton-action.secondary-action a {
    border-radius: unset;
    border: 0;
    box-shadow: 1px 1px 1px #ccc;
}

ul.vertical-tabs__menu li a {
    background: #fff9f2;
}


details#edit-role-permissions-wedding-companion-anonymous {
    margin-bottom: 0!important;
}
.details-wrapper {
    padding: 15px;
    margin: 0!important;
    padding-bottom: 30px;
}

.ptah-group-owner-permissions-group-form {
    max-width: 1600px!important;
    margin: 50px auto;
}

.vertical-tabs {
    border-radius: 5px;
}
.view-knowledgebase-page_1 img.site-logo-img {
    width: 180px;
    margin: 0 50px;
}

.view-knowledgebase-page_1 img.site-logo-img {
    width: 180px;
    margin: 0 50px;
}

input#edit-title--2 {
    padding: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

div#edit-actions--2 {
    padding: 0px;
/*    height: 60px; */
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
.entity-group-canonical ul.solo-ul.solo-clear.tabs.primary.ul-1 {
    background: #fff9f2!important;
}

.front-features-box-box h2 {
    text-align: center;
    color: #e1e9ef;
    font-size: 50px;
    text-shadow: 1px 1px 1px #252525;
}
h2.price-title-o {
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    color: #fef9f2;
    font-size: 50px;
    text-shadow: 1px 1px 1px #161616;
}

/*  run-up */

/* Container */
.view-id-quick_tab_blocks.view-display-id-block_6 .view-content {
  display: grid;
  gap: 2rem;
  margin-top: 2rem;
}

/* Each event row */
.view-id-quick_tab_blocks.view-display-id-block_6 .views-row {
  background: #ffffff;
  border-radius: 14px;
  padding: 1.75rem;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  border: 1px solid #f1f1f1;
  display: grid;
  grid-template-columns: 160px 1fr auto;
  grid-template-areas:
    "date title add"
    "date desc add";
  gap: 0rem 1rem;
  align-items: start;
}

/* Date block */
.view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date {
    grid-area: date;
    font-family: Inter, sans-serif;
    background: #ccc;
    height: 150px;
    padding: 52px 20px;
    border-radius: 5px;
}

.view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-date time {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  color: #444;
}

/* Title */
.view-id-quick_tab_blocks.view-display-id-block_6 .views-field-title {
  grid-area: title;
}

.view-id-quick_tab_blocks.view-display-id-block_6 .views-field-title .field-content {
  font-size: 1.35rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 0.25rem;
margin-top:0;
text-align:left;
text-transform: capitalize;
}

/* Description */
.view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-event-description {
  grid-area: desc;
}

.view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-event-description p {
  margin: 0;
  color: #555;
  line-height: 1.55;
  font-size: 0.95rem;
text-align:left;
}

/* Add to Calendar button */
.view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-add-to-calendar {
  grid-area: add;
  text-align: right;
margin-top: -11px;
}
.view-id-quick_tab_blocks.view-display-id-block_6 ul.atcb-list {
    margin-top: 0;
}
.view-id-quick_tab_blocks.view-display-id-block_6 .atcb-link {
    visibility: hidden;
    font-size: 0;
    height: 50px;
    width: 50px;
}

.view-id-quick_tab_blocks.view-display-id-block_6 .atcb-link:before {
    visibility: visible;
    position: relative;
    top: -7px;
    right: 9px;
}

/* Remove weird inline styles from WYSIWYG */
.view-id-quick_tab_blocks.view-display-id-block_6 .views-field-field-event-description span[style] {
  all: unset;
  color: #555;
}

/* Mobile */
@media (max-width: 700px) {
.view-id-quick_tab_blocks.view-display-id-block_6  .views-row {
    grid-template-columns: 1fr;
    grid-template-areas:
      "date"
      "title"
      "desc"
      "add";
  }

.view-id-quick_tab_blocks.view-display-id-block_6  .views-field-field-add-to-calendar {
    text-align: left;
    margin-top: 1rem;
  }
}
div#quicktabs-tabpage-companion_content-3 {
    max-width: 1000px;
    margin: 0 auto;
}

table#note-table {
    box-shadow: none;
    border: 0!important;
    background: #f1f1f1;
    padding: 8px;
    border-radius: 3px;
}

section#block-solo-subtheme-entitynoteblock {
    position: fixed;
    width: unset;
    bottom: 15px;
    opacity: .7;
}

section#block-solo-subtheme-entitynoteblock:hover {
    opacity: 1;
}
.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-titlebar h1 {
    color: #555555;
    font-size: 24px;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 25%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

section#stream-stream-field-comment .comment__title {
    display: none;
}
.add-comment.add-comment--before {
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 60px;
}
.add-comment__form {
    position: relative;
    top: 59px;
    left: 160px;
    width: 740px;
}
.add-comment__form  .form-textarea-wrapper {
    width: 100%!important;
}
a.atcb-link:before {
    content: '';
    background: url(/sites/default/files/timetable.svg)!important;
    display: block;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    background-size: cover!important;
    margin: -1px 8px 8px;
}
.field.field--name-field-rsvp-a.field--type-registration.field--label-hidden.field__item a {
    padding: 8px 42px;
}
.field.field--name-user-picture.field--type-image.field--label-hidden.field__item {
    clip-path: circle(46% at 50% 50%);
}

/*   */
.field.field--name-field-add-to-calendar.field--type-add-to-calendar-field.field--label-hidden.field__item a.atcb-link {
    font-size: 2em;
}

.field.field--name-field-add-to-calendar.field--type-add-to-calendar-field.field--label-hidden.field__item ul.atcb-list, .field.field--name-field-add-to-calendar.field--type-add-to-calendar-field.field--label-hidden.field__item li.atcb-item, .field.field--name-field-add-to-calendar.field--type-add-to-calendar-field.field--label-hidden.field__item li.atcb-item a {
    background: rgb(170 170 170 / 92%) !important;
}

.field.field--name-field-add-to-calendar.field--type-add-to-calendar-field.field--label-hidden.field__item ul.atcb-list {
    position: absolute;
    left: 85px;
}
section.solo-clear.solo-block.block-layout-builder.block-field-blockwishlist-itemsdefaultfield-item-link a {
    visibility: hidden;
    font-size: 0;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockwishlist-itemsdefaulttitle p {
    text-align: left;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockwishlist-itemsdefaultfield-item-link a:before {
    content: 'Buy Now';
    display: inline-block;
    background: #fff;
    width: 102px;
    visibility: visible;
    color: #555;
    font-size: 16px;
    padding: 11px;
    position: relative;
    top: -8px;
}
section.solo-clear.solo-block.block-layout-builder.block-field-blockwishlist-itemsdefaultfield-item-link, section.solo-clear.solo-block.block-layout-builder.block-field-blockwishlist-itemsdefaultfield-price {
    display: inline-block;
    max-width: 146px;
}
button#group-formblock-toggle img {
    width: 33px;
    padding: 1px;
    appearance: none;
    border: 0;
    border-radius: 3px;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease,
    color 0.15s ease,
    transform 0.05s ease;
}
div#quicktabs-container-companion_content .view-display-id-block_7 {
    background: transparent!important;
    box-shadow: none!important;
}

.view-id-tasks .view-contacts.view-id-contacts.view-display-id-page_1 {
    max-width: 1500px;
    margin: 50px auto;
}

.view-id-tasks .field.field--name-title.field--type-string.field--label-hidden.field__item {
    font-weight: bold!important;
    position: relative;
    top: 8px;
}

.view-id-tasks .solo-clear.views-row {
    max-width: 417px;
/* height: 380px; */
    background: #fff9f2;
    box-shadow: 1px 1px 1px #cccccce3;
    border-radius: 5px;
}

.view-tasks.view-id-tasks.view-display-id-page_1 {
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    top: 0;
}
.view-id-tasks .field--name-field-notes .field__item {
    max-height: 150px;
    overflow-y: scroll;
}
.view-id-tasks .field.field--name-field-priority.field--type-list-string.field--label-visually_hidden {
    background: #fff;
    padding: 7px 7px 7px 10px;
    position: absolute;
    top: -25px;
    right: -24px;
    border-top-right-radius: 5px;
    width: 81px;
}
span.views-field.views-field-edit-task, span.views-field.views-field-delete-task {
    background: #ddd;
    padding: 3px 11px;
    border-radius: 15px;
    text-transform: capitalize;
    font-size: 12px;
    margin-left: -5px;
    margin-right: 9px;
}
.view-id-tasks ul.date-recur-occurrences li {list-style: none;padding-left: 0;padding-bottom: 11px;}

.view-id-tasks ul.date-recur-occurrences {
    padding-left: 0;
}
.view-id-tasks .views-field.views-field-rendered-entity {
    margin-bottom: 15px;
}
.field.field--name-field-notes.field--type-text-long.field--label-above label, .field.field--name-title.field--type-string.field--label-hidden.field__item h4 {
    font-weight: bold;
    padding-bottom: 5px;
}

.view-tasks.view-id-tasks.view-display-id-page_1 .view-content, .view-companion-contacts.view-id-companion_contacts.view-display-id-page_1 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
gap:15px;
}
.view.view-companion-contacts.view-id-companion_contacts.view-display-id-page_1 .solo-clear.views-row {
    width: 330px;
    padding: 11px 15px;
    background: #fff9f2;
    border-radius: 4px;
    box-shadow: rgb(204, 204, 204) 1px 1px 1px;
}

.view.view-companion-contacts.view-id-companion_contacts.view-display-id-page_1 h4.field-content {
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 22px;
}
.view.view-companion-contacts.view-id-companion_contacts.view-display-id-page_1 {
    max-width: 1500px;
    margin: 30px auto;
}
table.sticky-header thead {
    top: unset;
}
td.views-field.views-field-group-roles ul.solo-ul li {
    padding: 0;
}
td.views-field.views-field-group-roles ul.solo-ul {
    padding: 0;
    font-size: inherit;
    display: inline;
    margin: 0;
}
.view-group_comments-page_published table ul.dropbutton li.dropbutton-toggle {
    left: 40px;
}
select.tabs-select.fade-in {
    margin: 0 auto;
    max-width: 500px;
}

form#ptah-sms-group-bulk-form {
    display: flex;
    flex-direction: column;
    background: #fff9f2;
    padding: 40px;
    max-width: 610px;
    margin: 30px auto;
    border-radius: 7px;
}

form#ptah-sms-group-individual-form {
    background: #fff9f2;
    padding: 40px;
    width: 615px;
    margin: 30px auto;
    border-radius: 7px;
}
.ui-widget-content {
    padding: 9px 5px;
}


fieldset#edit-field-wishlist .form-type--radio.form-type--boolean {
    display: inline-block;
    margin: 0 23px;
}

.field--name-field-link-thumbnail-url-overrid label {
    visibility: hidden;
}

.field--name-field-link-thumbnail-override summary.claro-details__summary {
    display: none;
}

.field--name-field-link-thumbnail-override  details {
    border: 0;
}

.field--name-field-link-thumbnail-override details .claro-details__wrapper.details-wrapper {
    margin: 37px 0;
}



.oglf-card img {width: 100px;}

.oglf-card__desc {
    display: none;
}

.oglf-card a {
    display: none;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockwishlist-itemsdefaultfield-link-thumbnail-url-overrid {
    display: none;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockwishlist-itemsdefaultfield-item-link img {
    position: absolute;
    left: -4px;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockwishlist-itemsdefaulttitle {
    left: 126px;
    position: relative;
    top: -53px;
}

.oglf-card img {
    position: relative;
    top: -20px;
    max-width: 100px;
    height: 100px;
    border: 8px solid #fff;
}
.view-id-quick_tab_blocks.view-display-id-block_2 .solo-clear.views-row {
    margin: 30px 0;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-rsvp-a {
    max-width: 500px;
    margin: 0 auto;
    background: #fff;
    padding: 38px;
    border-radius: 4px;
}
section.solo-clear.solo-block.block-ptah-group-rsvp.block-ptah-group-rsvp-reminder {
    z-index: 1;
    position: relative;
}

.ptah-rsvp-reminder {
    max-width: 600px;
    margin: 0 auto;
}
.ptah-rsvp-reminder__actions {
    text-transform: uppercase;
    max-width: 250px;
    margin: 0 auto;
   width: fit-content;
}
.ptah-rsvp-reminder__message {
    text-align: center;
    font-size: 1.2em;
}

/* media library*/

.ui-dialog.media-library-widget-modal.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
    border-radius: 13px;
}

.ui-dialog.media-library-widget-modal {
  border-radius: 16px;
  background: #ffffff;
z-index: 9999999999!important;
}

.ui-dialog.media-library-widget-modal .ui-dialog-titlebar {
    background: #f9f9f9;
    border-bottom: 1px solid #e8e3e0 !important;
}

div#media-library-add-form-wrapper [data-drupal-selector="edit-preview"] {
    display: flex;
    justify-content: flex-start;
    column-gap: 101px;
    background: #fff;
    border-radius: 8px;
    margin: 30px 0;
    border: 1px solid #cccccc47;
}

div#media-library-add-form-wrapper form img.solo-image.image-style-media-library {
    margin-top: 68px;
    margin-left: 34px;
}

div#media-library-add-form-wrapper form img.solo-image.image-style-media-library:after {
    content: 'Uploaded image';
    display: block;
    color: #555;
    position: absolute; 
    width: 50px;
    height: 25px;
    font-size: 18px;
}

div#media-library-add-form-wrapper form img.solo-image.image-style-media-library {
    border: 1px solid #ccc;
    border-radius: 8px;
    display: block;
}

div#media-library-add-form-wrapper [data-drupal-selector="edit-preview"]:before {
    content: 'Uploaded image';
    display: block;
    position: absolute;
    margin-left: 36px;
    font-weight: bold;
    margin-top: 33px;
}

div#media-library-add-form-wrapper form .js-form-managed-file.form-managed-file {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #cccccc47;
}

div#media-library-add-form-wrapper .ml-ic-notice {
    display: none;
}

div#media-library-add-form-wrapper form p:first-of-type {
    margin-left: 15px;
}

div#media-library-add-form-wrapper .form-item-name label:before {
    display: none;
}

div#media-library-add-form-wrapper .form-item-name {
    font-weight: bold;
    position: relative;
    top: -20px;
}


div#media-library-add-form-wrapper .form-item-name:before {
    content: 'File name:';
}

div#media-library-add-form-wrapper form [data-drupal-selector="edit-remove-button"] {
    background: #333333;
    color: #fff;
}

.js-media-library-item:hover {
  box-shadow: 0 6px 16px rgba(180,150,150,0.15);
}
.ui-dialog-buttonpane {
  background: #fafafa;
  border-top: 1px solid #e5e5e5;
  padding: 1rem 1.25rem;
}

.ui-dialog-buttonpane .button--primary {
  background: #333;
  color: #fff;
  padding: .65rem 1.4rem;
  border-radius: 6px;
  font-weight: 600;
  transition: background .25s;
}

.ui-dialog-buttonpane .button--primary:hover {
  background: #000;
}
.js-media-library-item input.solo-check:checked ~ .views-field-rendered-entity article {
  outline: 3px solid #4a90e2;
  border-radius: 10px;
}

#media-library-wrapper .js-media-library-item input.solo-check:checked ~ .views-field-rendered-entity article img {
  opacity: 0.85;
}
#media-library-wrapper  .js-media-library-item input.solo-check:checked ~ .views-field-rendered-entity article {
  outline: 3px solid #4a90e2;
  border-radius: 10px;
}

#media-library-wrapper  .js-media-library-item input.solo-check:checked ~ .views-field-rendered-entity article img {
  opacity: 0.85;
}
#media-library-wrapper .js-media-library-item {
    border: 1px solid #333333;
    border-radius: 10px;
    padding: .75rem;
    transition: box-shadow .25s, border-color .25s;
    cursor: pointer;
    width: 18%;
    display: inline-block;
    height: auto;
    vertical-align: top;
    margin: 10px;
    height: 171px;
}

#media-library-wrapper .js-media-library-item:hover {
  border-color: #ccc;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

#media-library-wrapper .js-media-library-item .field--name-thumbnail img {
  border-radius: 6px;
  object-fit: cover;
}


#media-library-wrapper .js-media-library-item img {
    overflow: hidden;
    height: 141px;
    margin: 0 auto;
    display: block;
    width: 100%;
    position: relative;
    top: -34px;
    z-index: -1;
}

[data-once="media-library-click-to-select media-library-click-to-select-hover"] article div:nth-of-type(2) {
    background: #cccccc42;
    position: absolute;
    padding: 5px;
    bottom: 75px;
    text-align: center;
    width: 100%;
    opacity: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
[data-once="media-library-click-to-select media-library-click-to-select-hover"] article div:nth-of-type(2):hover {
    opacity: 1;
}

div#media-library-add-form-wrapper form [data-drupal-selector="edit-container"] {
    display: none;
}
.js-form-managed-file.form-managed-file {
    background: #f1f1f173;
    padding-left: 17px;
    border-radius: 5px;
}
[data-drupal-selector="edit-image-source"] {
    margin-bottom: 35px;
    border: 3px solid;
    max-width: 237px;
    margin-top: 8px;
}
div#media-library-add-form-wrapper form .form-textarea-wrapper textarea {
    border: 2px solid #333;
    box-shadow: none;
    border-radius: 4px;
    background: #fef9f2;
    margin-bottom: 25px;
}
.has-value.solo-field-select.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-image-source.form-item-image-source {
    margin-top: 10px;
    font-family: 'open sans';
}

div#media-library-add-form-wrapper form * {
    font-family: 'open sans'!important;
}

div#media-library-view * {
    font-family: 'open sans';
}

.view-media-library [data-drupal-selector="edit-sort-by"] {
    min-width: 161px;
    border: 1px solid #333;
}

div#media-library-view [data-drupal-selector="edit-actions"] input {
    background: #333;
    #333: #333333;
    position: relative;
    top: 7px;
    border: 1px solid;
    color: #fff;
}

div#media-library-view [data-drupal-selector="edit-name"] {
    box-shadow: none;
    background: #fff;
    border: 1px solid #333;
}

div#media-library-view .view-filters.form-group {
    padding-top: 22px;
}

form#group-invite-edit-form, form#group-invite-add-form {
    background: #fff9f2;
    padding: 37px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'open sans';
    border-radius: 8px;
}

form#group-invite-edit-form div {
    padding-bottom: 15px;
}

form#group-invite-edit-form input, form#group-invite-edit-form select {
    border-radius: 6px!important;
    padding: 15px;
}
div#edit-actions input {
    margin-right: 31px;
}

a#edit-delete {
    margin-top: 1rem;
    height: inherit;
    border-radius: 5px;
    outline: none;
    font-weight: bold;
    box-shadow: 0.1em 0.25em 0.5em #00875f26;
    font-size: 15px;
    background: #fff;
    margin: 1rem 0;
    border-radius: 6px!important;
    padding: 15px 36px;
    border: 1px solid #cbced7;
}

form#group-invite-wizard-form, form#group-invite-add-form {
    max-width: 600px;
    margin: 0 auto;
    background: #fff9f2;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 100px;
    box-shadow: 1px 1px 1px 0px #ccc; 
    font-family: 'open sans';
}
form#group-invite-wizard-form div, form#group-invite-add-form div {
    margin-bottom: 10px;
}
.form-item-project-json-0-value .speech-to-text-icon {
    display: none;
}

.solo-table-wrapper table thead tr th {
    background: #f9f9f9 !important;
    font-weight: bold;
}

.group-invite-actions a {
    margin: 20px 0 0 0;
   padding: 9px 32px 9px 16px;
    background: #fff9f2;
    clear: both;
    font-size: inherit;
    color: #8f8f8f !important;
    border-radius: 6px;
    text-align: center;
    display: block;
    margin: 20px  auto;
    max-width: fit-content;
    font-size:0;
}
.group-invite-actions {
    width: 1600px;
    margin: 0 auto;
}
.ptah_animated_invite-group_invite_list * {
    font-family: 'open sans';
}

.page-wrapper table tr:last-child td {
    border-bottom: none;
    padding: 15px!important;
}
.solo-table-wrapper table td {
    padding: 15px;
}

form#ptah-group-invite-links-generate input#edit-max-uses {
    max-width: 100px;
}

form#ptah-group-invite-links-generate {
    background: #fff9f2;
    padding: 30px;
    max-width: 600px;
    margin: 60px auto;
font-family: 'open sans';
    border-radius: 8px;
}

.ptah_group_invite_links-list .mb-3 a {
    width: fit-content;
    margin: 20px 0 0 0;
    padding: 9px 32px 9px 16px;
    background: #fff9f2;
    clear: both;
    font-size: inherit;
    color: #8f8f8f !important;
    border-radius: 6px;
    text-align: center;
    display: block;
    margin: 20px  auto 0 auto;
    max-width: fit-content;
}

.ptah_group_invite_links-list .mb-3 {
    max-width: 1600px;
    margin: 0 auto;
}
[data-drupal-selector="edit-manual-wrap"], [data-drupal-selector="edit-contact-wrap"] {
    box-shadow: none!important;
}

[data-drupal-selector="edit-contact-wrap"] .details-wrapper, [data-drupal-selector="edit-manual-wrap"] .details-wrapper {
    padding: 18px 0;
}

[data-drupal-selector="edit-contact-wrap"] summary, [data-drupal-selector="edit-manual-wrap"] summary {
    padding-left: 0!important;
    margin-top: 20px;
}

.form-type-boolean.js-form-item-strict-personal.form-item-strict-personal input {
    position: relative;
    top: -8px;
}

[data-drupal-selector="edit-contact-wrap"] .details-wrapper, [data-drupal-selector="edit-manual-wrap"]  div {
    margin-bottom: 20px!important;
}

div#edit-expires, .has-value.is-required.solo-field-number.js-form-item.form-item.js-form-type-number.form-type-number.js-form-item-max-uses.form-item-max-uses {
    margin-bottom: 15px;
}

.form-type-boolean.solo-field-checkbox.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-strict-personal.form-item-strict-personal {
    position: relative;
    top: -30px;
}
fieldset#edit-guest-source--wrapper {
    border-radius: 8px;
    border: 0!important;
    padding: 0;
    margin: 15px 0;
}
form * {
    font-family: 'open sans';
}
input#edit-guest-phone, input#edit-guest-email, input#edit-guest-name {
    max-width: 500px;
}
form#ptah-sms-group-individual-form fieldset {
    border-radius: 8px;
}

form#ptah-sms-group-individual-form div {
    margin-top: 15px;
}
form#ptah-sms-group-bulk-form div {
    margin-bottom: 20px;
}

summary {
    font-weight: 700;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
    background: #fff9f2;
}

.ui-dialog-buttonset.form-actions {
    background: #fff9f2;
}

div#drupal-modal {
    background: #fff9f2;
}

.ptah-pwa-ui {
    background: rgb(255 249 242 / 0%) !important;
    max-width: 116px;
    box-shadow: none;
}

button.ptah-pwa-a11y-btn {
    background: #d1d5db!important;
}

.ptah-pwa-install-btn {
    background: #333333;
    color: #fff;
}

button.ptah-pwa-install-btn {
    font-family: 'open sans';
}

.form-item-field-plus-one-names label {
    font-weight: 700!important;
    position: relative;
    top: 15px;
}
.form-item-field-guest-message label {
    position: relative;
    top: 11px;
    font-weight: 700!important;
}


#ptah-admin-modals-overlay summary {
border-radius: 3px;
 background: #f7f1ea;
}

div#mini-payer-toggle svg {
    width: 47px;
    height: 47px;
    opacity: .3;
    cursor: pointer;
}

.view-id-group_invitations.view-display-id-page_1 .view-header {
    display: flex;
    justify-content: center;
}

.view-id-group_invitations.view-display-id-page_1 .view-header a {
    background: #fff9f2;
    padding: 9px 32px 9px 16px;
    margin: 30px 15px 0;
    color: #8f8f8f;
    border-radius: 5px;
}

a.link-gen-button:before {
    content: '';
    background: url(/sites/default/files/icons/mail-open.svg);
    height: 18px;
    width: 22px;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 1px;
    background-repeat: no-repeat;
 margin-right: 7px;
}
a.link-list-button:before {
    content: '';
    background: url(/sites/default/files/icons/link.svg);
    height: 18px;
    width: 22px;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 1px;
    background-repeat: no-repeat;
    margin-right: 7px;
}

a.animated-invites-button:before {
    content: '';
    background: url(/sites/default/files/icons/film.svg);
    height: 18px;
    width: 22px;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 1px;
    background-repeat: no-repeat;
    margin-right: 7px;
}

.group-invite-actions a:before {
    background: url(/sites/default/files/icons/film.svg);
    display: inline-block;
    width: 18px;
    height: 18px;
    content: '';
    background-size: contain;
    margin-right: 7px;
    position: relative;
    top: 2px;
    background-repeat: no-repeat;
}

.ptah_group_invite_links-list .mb-3 a:before {
    background: url(/sites/default/files/icons/link.svg);
    display: inline-block;
    width: 18px;
    height: 18px;
    content: '';
    background-size: contain;
    margin-right: 7px;
    position: relative;
    top: 2px;
    background-repeat: no-repeat;
}

div#edit-filters-roles {
    display: flex;
    flex-wrap: wrap;
}
.group-invite-actions a:after {
    content: 'Create animated invite';
    font-size: initial;
}
div#edit-filters-roles .form-type-boolean {
    width: 200px;
}




.user-logged-in a.site-logo img, .path-group a.site-logo img {
    width: 280px;
    margin-top: 5px;
}

.user-logged-in header#header, .path-group header#header {
    height: 171px;
    border-bottom: 1px solid #76767640;
    padding-bottom: 23px;
}




.user-logged-in .main-navigation-wrapper,  .path-group .page-wrapper .main-navigation-wrapper {
    z-index: 1;
    display: none;
}
html {
    background: #e1e9ef;
}

form#ptah-sms-group-notifications-form, form#ptah-sms-group-social-form {
    max-width: 530px;
    padding: 25px;
    background: #fdf9f2;
    margin: 30px auto;
    border-radius: 8px;
}
.form-item-og-description {
    margin: 14px 0;
}


/*  mini player toggle css */
/* Start hidden */
.ptah-audio-controller {
  transform: scale(0.6);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Visible state */
.ptah-audio-controller.is-visible {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

/* title top*/
h1.page-title-text.group-title-text {
    text-align: center;
    padding-bottom: 0;
    margin-bottom: -43px;
font-style: italic;
}
[data-drupal-selector="edit-comment-bulk-form"]  label.form-item__label {
    display: none;
}

[data-drupal-selector="edit-comment-bulk-form"] input#edit-submit--2 {
    margin-top: 19px;
    height: 41px;
    width: fit-content;
}

.entity-group-canonical section#block-solo-subtheme-primary-local-tasks li a {
    box-shadow: none;
}



ul.liul-box {
    display: flex;
    gap: 26px;
    list-style: none;
    text-transform: capitalize;
    justify-content: flex-end;
    margin-top: -23px;
    position: relative;
    top: 15px;
}



li.home-icon-link a:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/house.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: -6px;
}

li.user-icon-link a:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/circle-user-round.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 4px;
    left: -6px;
}

li.dashboard-icon-link a:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/layout-dashboard.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: -6px;
}

li.settings-icon-link a:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/user-round-cog.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: -6px;
}



li.logout-icon-link a:before {
    background: url(https://trulywed.page/sites/default/files/icons/log-out.svg);
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: -6px;
}

.logout-icon-link  a:before {
    background: url(https://trulywed.page/sites/default/files/icons/user-key.svg);
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: -6px;
}
.join-icon-link  a:before {
    background: url(https://trulywed.page/sites/default/files/icons/user-round-plus.svg);
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: -6px;
}
div#highlighted {
    background: #e0e9ef;
    padding-right: 25px;
}
#private-message-page
  .private-message-thread-full
  .field--name-private-messages
  .private-message {
    padding: 10px;
}

.private-message-thread--full-container .private_message_thread_clear_history_link_wrapper:before {
background: url(https://trulywed.page/sites/default/files/icons/brush-cleaning.svg);
    content:'';
        display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 4px;
    left: -6px;
}
.private-message-thread--full-container .private-message-recipients:before {
content: '';
    background: url(https://trulywed.page/sites/default/files/icons/user-round.svg);
    
        display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 4px;
    left: -6px;
}
   .private-message .field--name-created:before  {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/calendar-clock.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 4px;
    left: -6px;
}
   .private-message .username  {

    font-style:italic;
       position:relative;
       top: 3px;
       
}
.private-message .field--name-owner  {
/* margin-top: 17px; */
margin-bottom: 2px; 
}
.private-message label,  .private-message .field--name-created {
    font-weight:600;
}

.private-message .field--name-created {
     margin-left: 5px;
 }
.private-message-recipients {
    max-width: 300px;
    display: inline-block;
/*   margin-left: 28px; */
}
section.block.block-private-message.block-private-message-inbox-block.solo-clear.solo-block .private-message.private-message-inbox.contextual-region.solo-clear.element-container-wrapper {
    margin-top: 30px;
}


.private-message-recipients:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/user-round.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: -4px;
    left: 4px;
}

.private-message-recipients article p.username:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/user-round.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 4px;
    left: -2px;
}

.private-message-recipients .block-unblock:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/shield-ban.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 3px;
    left: -4px;
}

.private-message-recipients .block-unblock {
    position: relative;
    top: -6px;
    left: 6px;
}

.private-message-recipients p.username {
    margin-left: 4px;
}

.private-message-thread-messages .private-message.private-message-default.private-message-author-self.contextual-region.container-children-1.contains-processed-text.solo-clear.element-container-wrapper {
    margin-top: 0;
}

.private_message_thread_delete_link_wrapper:before {
    background: url(https://trulywed.page/sites/default/files/icons/trash.svg);
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 4px;
    left: -6px;
}
.private_message_thread_clear_history_link_wrapper:before {
    background: url(https://trulywed.page/sites/default/files/icons/brush-cleaning.svg);
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-size: contain;
    top: 4px;
    left: -6px;
}
.private-message label, .private-message .field--name-created {
    font-weight: normal;
    font-family: 'open sans';
}
.views-field.views-field-field-phone-number .field-content a:before {
    background: url(https://trulywed.page/sites/default/files/icons/phone.svg);
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    background-size: contain;
    top: 1px;
    margin-right: 2px;
}
.views-field.views-field-field-email-address .field-content:before {
    background: url(https://trulywed.page/sites/default/files/icons/mail.svg);
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    background-size: contain;
    top: 1px;
    margin-right: 2px;
}

section.views-element-container.contextual-region.solo-clear.solo-block.block-views.block-views-blockcontacts-block-1 .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    text-transform: capitalize;
}
section.views-element-container.contextual-region.solo-clear.solo-block.block-views.block-views-blockcontacts-block-1 .view-content .views-field-title {
    font-weight: 700;
}
.views-field.views-field-field-username .field-content a:before {
    background: url(https://trulywed.page/sites/default/files/icons/user-round.svg);
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    background-size: contain;
    margin-right: 2px;
}

ul.ptah-quota-breakdown li:nth-of-type(3):before {
    background: url(https://trulywed.page/sites/default/files/icons/headphones.svg);
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    background-size: contain;
    margin-right: 2px;
}

ul.ptah-quota-breakdown li {
    list-style: none;
    margin-left: -17px;
    padding-left: 0;
    margin-bottom: 8px;
}

ul.ptah-quota-breakdown li:nth-of-type(2):before {
    background: url(https://trulywed.page/sites/default/files/icons/clapperboard.svg);
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    background-size: contain;
    margin-right: 2px;
}

ul.ptah-quota-breakdown li:nth-of-type(1):before {
    background: url(https://trulywed.page/sites/default/files/icons/images.svg);
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    background-size: contain;
    margin-right: 2px;
}

.ptah_dashboard-user_dashboard .user-entity.field.field--name-owner.field--type-entity-reference.field--label-inline.clearfix p.username:before {
    display: none;
}

.commerce_order-address_book-overview section#block-solo-subtheme-content {
    background: #fff9f2;
    max-width: 500px;
    margin: 50px auto;
    padding: 22px !important;
    background: rgb(255, 250, 242) !important;
    border: 1px solid rgba(191, 176, 151, 0.28) !important;
    border-radius: 3px !important;
    box-shadow: rgba(57, 72, 80, 0.08) 0px 8px 20px !important;
}

a.address-book__add-link {
    margin-top: 1rem;
    height: inherit;
    border-radius: 5px;
    outline: none;
    box-shadow: 0.1em 0.25em 0.5em #00875f26;
    color: #baa685!important;
    background: #fff;
    display: block;
    padding: 8px 16px;
    width: fit-content;
    margin: 0 auto 30px;
}
a.address-book__delete-link, a.address-book__edit-link {
    padding: 3px 15px;
    border-radius: 18px;
    border: 1px inset #cccccc47;
}
.view-taxonomy-term {
    max-width: 650px;
    margin: 30px auto;
}

.view-taxonomy-term .views-row {
    background: #fef9f2;
    padding: 10px 25px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 1px 1px 1px #cccccc47;
}

.view-taxonomy-term .views-row img {
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #cccccc47;
}


.taxonomy-term-entity.field.field--name-field-category.field--type-entity-reference.field--label-inline.clearfix label:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/tags.svg);
    visibility: visible;
    width: 24px;
    height: 24px;
    background-size: contain;
    display: block;
    transform: rotate(90deg);
}

.taxonomy-term-entity.field.field--name-field-category.field--type-entity-reference.field--label-inline.clearfix label {
    font-size: 0;
}

.taxonomy-term-entity.field.field--name-field-category.field--type-entity-reference.field--label-inline.clearfix {
    border: 1px inset #cccccc47;
    padding: 11px;
    border-radius: 5px;
}

section#block-solo-subtheme-footerlogo img {
    max-width: 193px;
}

section#block-solo-subtheme-quicktabshelppagetabs  .view-content .item-list {
    display: block;
}

section#block-solo-subtheme-quicktabshelppagetabs .view {
    max-width: 950px;
    margin: 0 auto;
    background: #fef9f2;
    padding: 30px 15px 15px;
    border-radius: 5px;
}

section#block-solo-subtheme-quicktabshelppagetabs .view-content .item-list li a:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/info.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    background-size: contain;
    margin-right: 3px;
}

ul.liul-box a {
    color: #8f8f8f!important;
}

.entity-group-canonical header#header {
    display: none;
}

.links.inline {
    margin-top: 0;
    right: 15px;
    bottom: 18px;
justify-content: end;
justify-content: end;
}
.track-lane::-webkit-scrollbar {
    height: 13px;
    background: #fff9f2;
    width: 10px;
}

.track-lane::-webkit-scrollbar-thumb {
    background: #f0e8e0;
}



.path-node.page-node-type-knowledgebase-article  article img {
    width: 68%;
    box-shadow: 1px 1px 2px 2px #e1e8ee;
    border: 1px #ff980040 double;
}





form#views-exposed-form-knowledgebase-latest-articles-block-1 .solo-block.exposed-form.form--inline.clearfix {
    flex-wrap: nowrap;
    position: relative;
    top: -16px;
}

form#views-exposed-form-knowledgebase-latest-articles-block-1 input#edit-title {
    padding: 9px 10px;
    position: relative;
    margin-top: 1rem;
    height: inherit;
    border-radius: 5px;
    outline: none;
    font-weight: bold;
    box-shadow: 0.1em 0.25em 0.5em #00875f26!important;
    font-size: 15px;
    background: #fff;
}

form#views-exposed-form-knowledgebase-latest-articles-block-1 .form-item-title.form-no-label  div#edit-actions input {
margin-right: 0px;
}
form#views-exposed-form-knowledgebase-latest-articles-block-1 .form-item-title.form-no-label {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -13px;
    width: -webkit-fill-available;
}

form#views-exposed-form-knowledgebase-latest-articles-block-1 .view-filters.form-group {
    margin-top: -6px!important;
    position: relative;
    top: -26px;
}

.view-knowledgebase-latest-articles .view-content {
    padding: 0 20px 20px;
}

.view-knowledgebase-latest-articles.view-id-knowledgebase_latest_articles {
    max-width: 950px;
    margin: 0 auto;
    background: #fef9f2;
    padding: 30px 15px 15px;
    border-radius: 5px;
}

.flag.flag-apture-bookmark.js-flag-apture-bookmark-13.action-flag {
    display: none!important;
}

section#block-solo-subtheme-footerlogo img {
    max-width: 193px;
    margin-left: 50px;
    margin-top: 100px;
}
.view-id-users_groups.view-display-id-block_1 a {
    color: #baa685;
}
/* tasks page */
.field.field--name-field-notes.field--type-text-long.field--label-above ul {
    margin-left: 0;
    padding-left: 0;
}

.todo-list__label input {
    position: relative;
}

ul.todo-list input {
    position: relative;
    top: 8px;
    margin-right: 0;
    width: 17px;
}

ul.todo-list li {
    margin-bottom: 15px;
}
.task-grid-controls {
    max-width: 1344px;
    margin: -14px auto 20px auto;
}

.task-grid-controls button {
    background: #fff9f2;
    padding: 3px 15px;
    border-radius: 15px;
    color: #8f9192;
box-shadow: 1px 1px 1px #ccc;
position: relative;
top:-20px;
}

span.task-drag-handle {
    background: #fff;
    padding: 6px 15px 6px 25px;
    position: relative;
    top: -25px;
    left: -25px;
cursor: move;
}

.task-pin {
    background: #fff;
    padding: 6px 15px;
    position: relative;
    top: -25px;
    left: -25px;
    border-top-left-radius: 4px;
color: #b29968;
}

.view-id-quick_tab_blocks.view-display-id-block_2 .layout--twocol-section {
    justify-content: space-between;
}

.add-comment .button--primary, a.use-ajax.button.button--small.button--primary {
    background: #52525240;
    text-transform: capitalize;
    color: #fff;
    font-weight: normal;
    border: .5px solid;
    box-shadow: none;
}

a.use-ajax.button.button--small.button--primary {text-transform: uppercase;}


div#quicktabs-container-companion_content .view-id-quick_tab_blocks.view-display-id-block_6 h2 {
    margin-top: 0;
}

.tns-outer .tns-controls {
    text-align: center;
    margin-bottom: 10px;
    margin: 0 auto;
    margin-top: 0;
    position: absolute;
    top: 50%;
    z-index: 99999999999999999999999;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: -73px;
}
.user-entity.field.field--name-owner label, 
.user-entity.field.field--name-owner .username, 
.user-entity.field.field--name-owner .block-unblock{
display:none;
}

.private-message.private-message-inbox{
    background-color: #eeeeee;
    padding:5px 5px 5px 10px;
    border-radius:4px;
    }
form#user-form {
    background: #fef9f2;
    padding: 42px!important;
    max-width: 800px;
    margin: 30px auto;
    border-radius: 8px;
    box-shadow: 1px 1px 1px #ccc;
}

form#user-form input, form#user-form select {
    max-width: 600px;
}

form#user-form label {
    margin-top: 13px;
}

form#user-form .form-item {
    margin-top: 20px;
}

form#user-form .form-item label {
    font-weight: bold;
}

form#user-form  .js-form-item.form-item.js-form-type-password.form-type-password.js-form-item-current-pass.form-item-current-pass {
    margin-bottom: 25px;
}
.view-commerce_user_orders-order_page  section#block-solo-subtheme-content {
        background: #fff9f2;
    max-width: 800px;
    margin: 30px auto;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #ccc;
}
form#contact-message-feedback-form {
    background: #fff9f2;
    padding: 30px;
    max-width: 600px;
    margin: 30px auto;
    border-radius: 8px;
    box-shadow: 1px 1px 1px #ccc;
}
form#contact-message-feedback-form label {
    font-weight: bold;
    margin-top: 20px;
}
div#edit-subject-wrapper {
    margin: 20px 0;
}

form#ptah-ai-credits-group-dashboard-form {
    max-width: 1000px;
    margin: 30px auto;
    background: #fff9f2;
    padding: 25px;
    border-radius: 8px;
}

.views-field.views-field-field-video-tribute .field-content {
    max-width: 720px;
    margin: 0 auto;
}

form#bulk-group-invitation {
    max-width: 586px;
    margin: 30px auto;
    padding: 25px;
    background: #fef9f2;
    box-shadow: 1px 1px 1px #ccc;
    border-radius: 8px;
}

form#bulk-group-invitation label {
    font-weight: bold;
    margin-top: 15px;
    padding-top: 21px;
}

form#bulk-group-invitation .form-item-invitees {
    margin-top: 25px;
}

a.invite-members-button {
    margin: 30px auto;
    display: block;
    max-width: fit-content;
    background: #fef9f2;
    padding: 15px 16px 15px 15px;
    border-radius: 5px;
}



a.invite-members-button:before {
    content: '';
    background: url(/sites/default/files/icons/user-round-plus.svg);
    height: 22px;
    width: 22px;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 1px;
    background-repeat: no-repeat;
    margin-right: 7px;
}

.entity-group_relationship-add_form section#block-solo-subtheme-content {
    max-width: 565px;
    margin: 30px auto;
    padding: 25px;
    background: #fef9f2;
    border-radius: 8px;
    box-shadow: 1px 1px 1px #cccccc47;
}

.entity-group_relationship-add_form section#block-solo-subtheme-content {
    max-width: 730px;
    margin: 30px auto;
    padding: 25px;
    background: #fef9f2;
    border-radius: 8px;
    box-shadow: 1px 1px 1px #cccccc47;
}

.entity-group_relationship-add_form section#block-solo-subtheme-conten form label {
    font-weight: bold;
}
.entity-group_relationship-add_form section#block-solo-subtheme-content form label {
    font-weight: bold;
}

.entity-group_relationship-add_form section#block-solo-subtheme-content form .field--type-boolean {
    margin-bottom: 10px;
}

.entity-group_relationship-add_form section#block-solo-subtheme-content form .field--type-text-long {
    margin-bottom: 25px;
}

.entity-group_relationship-add_form section#block-solo-subtheme-content form .description.ptah-helptext-above {
    margin: 10px 0 5px;
}

.entity-group_relationship-add_form section#block-solo-subtheme-content form div#edit-path-wrapper {
    display: none;
}

.entity-group_relationship-add_form section#block-solo-subtheme-content form .field--type-group-relationship-target, 
.entity-group_relationship-add_form section#block-solo-subtheme-content form div#edit-field-children-count-wrapper, 
.entity-group_relationship-add_form section#block-solo-subtheme-content form div#edit-field-plus-one-count-wrapper, 
.entity-group_relationship-add_form section#block-solo-subtheme-content form select, 
.entity-group_relationship-add_form section#block-solo-subtheme-content form autocomplete {
    margin-bottom: 10px;
    margin-top: 10px;
}

form#ptah-contact-member-bridge-register-mobile-member-form {
    background: #fef9f2;
    padding: 25px;
    border-radius: 8px;
    max-width: 650px;
    margin: 30px auto;
    box-shadow: 1px 1px 1px #cccccc;
}

form#ptah-contact-member-bridge-register-mobile-member-form label {
    font-weight: bold;
}

form#ptah-contact-member-bridge-register-mobile-member-form .form-item {
    margin-bottom: 15px;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-portrait-image-media img {
    max-width: 50%;
}
.plyr__poster {
    width: fit-content!important;
}
.ptah-pwa-ui {
    flex-direction: column;
}
/*  mobile onboard modal */
a.button.button--primary.ptah-whatsapp-button.img--is-clickable svg {
    width: 32px;
}

.ptah-whatsapp-button img {
    width: 35px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: -93px;
}

a.ptah-whatsapp-button, a.ptah-whatsapp-button:hover {
    background: #fff;
    height: 54px;
    border: 1px solid #ccc;
    min-width: 300px;
    width: 300px;
    margin: 28px auto;
    display: block;
}

.ptah-whatsapp-button  span {
    position: relative;
    top: -28px;
}
.ui-dialog .ui-dialog-titlebar {
    background: #d0d6da;
}

.ui-dialog.ptah-contact-member-share-modal.ui-widget.ui-widget-content.ui-front {
    padding: 0;
    border-radius: 8px!important;
    box-shadow: 1px 1px 18px 5px #ccc;
}

div#drupal-modal {
    border-radius: 8px;
}
.ptah-contact-member-share-result p {
    line-height: 29px;
}
.ptah-guest-uploads-intro {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-bottom: inherit;
    box-shadow: none;
}
form#ptah-group-guest-uploads-form, .ptah-group-guest-uploads-form {
    background: #fff9f2;
    padding: 25px;
    border-radius: 8px;
    width: 588px;
    margin: 0 auto;
}

.ptah-guest-uploads-intro.container-children-2.solo-clear.element-container-wrapper h2 {
    font-size: calc(2 * var(--solo-px32));
    line-height: calc(2 * var(--solo-px38));
    text-transform: uppercase;
    font-weight: normal;
    color: #fef9f2;
    font-size: 50px;
    text-shadow: 1px 1px 2px #a2a6aa;
}
form#ptah-group-guest-uploads-form label {
    font-weight: bold;
}
.ptah-guest-uploads-intro.container-children-2.solo-clear.element-container-wrapper p {
    text-align: center;
visibility: hidden;
}

.ptah-guest-uploads-intro.container-children-2.solo-clear.element-container-wrapper {
    margin: 60px 0;
}
form#ptah-group-guest-uploads-form div#edit-images {
    margin-bottom: 32px;
}
form#ptah-group-guest-uploads-form .solo-field-textarea {
    margin-top: 30px;
}
.ptah-upload-summary {
    margin-bottom: 3rem;
}
.ptah-guest-uploads-page {
    max-width: 1600px;
    margin: 0 auto;
}
.ptah-guest-upload-cards {
    display: block;
}
/*    GUEST GALLERY   */
div#quicktabs-container-companion_content .view-guest-gallery {
    padding: 0!important;
    background: transparent;
    background-color: rgb(0 0 0 / 0%) !important;
    box-shadow: none!important;
}

.view-guest-gallery .view-content {
    display: flex;
}

.view-guest-gallery img {
    width: 284px!important;
    padding: 15px;
    background: #fff;
}

.view-guest-gallery .view .views-field.views-field-field-guest-upload-media .field-content a img {
    width: 200px!important;
}

.view-guest-gallery .views-field-title {
    font-size: 18px;
}
.view-id-quick_tab_blocks.view-display-id-block_11 {
    max-width: 1000px!important;
}

section.solo-clear.solo-block.block-quicktabs.block-quicktabs-blockcompanion-content {
    margin-bottom: 200px;
}

/*  companion dash links */
a.use-ajax.ptah-tribute-modal-link.dash-tribute-link:before {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/message-square-heart.svg);
    width: 17px;
    height: 18px;
    background-size: contain;
    display: inline-block;
    margin-top: 0px;
    position: relative;
    top: 4px;
}

a.use-ajax.ptah-tribute-modal-link.dash-tribute-link {
    margin-right: 13px;
}

a.dash-gallery-upload-link:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(https://trulywed.page/sites/default/files/icons/cloud-upload.svg);
    background-size: contain;
    position: relative;
    top: 4px;
}
a.join-leave:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(https://trulywed.page/sites/default/files/icons/user-round-x.svg);
    background-size: contain;
    position: relative;
    top: 0px;
    margin-right: 3px;
}
a.dash-gallery-upload-link, a.use-ajax.ptah-tribute-modal-link.dash-tribute-link, a.join-leave {
    background: #e2e9ef;
    padding: 3px 13px;
    border: 1px inset #cccccc47;
    border-radius: 54px;
    color: #333!important;
text-decoration:none!important;
}

.view-id-users_groups.view-display-id-block_1 .views-field.views-field-nothing-2 {
    margin: 30px 0 20px  0;
}
.views-field.views-field-status span.field-content {
    color: #baa685;
}
.dash-group-info-footer {
    display: flex;
    justify-content: flex-start;
    gap: 25px;
    align-items: center;
}

.views-field.views-field-status span.field-content {
    color: #baa685;
}

.field-content.dash-compan-footer-links {
    margin: 30px 0 20px  0;
}

ul.ptah-quota-breakdown, .ptah-quota-bar-wrap {
    font-size: 21px;
}

ul.ptah-quota-breakdown li:before {
    width: 20px!important;
    height: 20px!important;
    background-repeat: no-repeat;
    margin-right: 6px!important;
    top: 3px;
}
.ptah-quota-text {
    font-size: 0.0em;
    color: #333;
}
form#ptah-group-invite-links-generate label, form#ptah-group-invite-links-generate span.fieldset-legend {
    font-weight: bold;
}
form#group-invite-add-form .form-type-boolean label {
    position: relative;
    top: 7px;
}
.form-type-boolean.solo-field-checkbox.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-strict-personal.form-item-strict-personal label {
    position: relative;
    top: -4px;
}
.ptah_group_rsvp-catering_report section#block-solo-subtheme-content {
    background: #fef9f2;
    padding: 25px;
    margin: 30px auto;
    max-width: 700px;
    border-radius: 8px;
}

.path-node-6 #main-container , .path-node-6 .region-inner.main-box-inner.sidebar-box-main-inner, .path-node-6 #main-container .main-box > div, 
.path-node-6 ul.solo-ul.solo-clear.tabs.primary.ul-1, .path-node-6 nav.solo-clear.tabs, .path-node-6 section#block-solo-subtheme-primary-local-tasks {
    background: transparent!important;
}
.home-0, .home-1 .home-1-inner, .tablet-block, .crest, .front-about-box-box, .front-reviews-box, .front-features-box, home-page-last-box {
    background: transparent!important;
}
.path-node-6 header#header {
    z-index: 1;
}

.ptah-video-background {
  position: fixed !important;
  top: 0 !important;
left:0;
margin:0;
}

.path-node-6 div#main-container-inner {
    background: transparent!important;
    z-index: 1;
}
.ptah-video-background {
  position: fixed;
  inset: 0;

  width: 100vw;
  height: 100vh;

  overflow: hidden;



  pointer-events: none;
}

.ptah-video-background__video {
  position: absolute;

  top: 50%;
  left: 50%;

  min-width: 100%;
  min-height: 100%;

  width: auto;
  height: auto;

  transform: translate(-50%, -50%);

  object-fit: cover;
  object-position: center center;

  opacity: var(--ptah-vbg-opacity, 1);
}

.ptah-video-background__overlay {
  position: absolute;
  inset: 0;

  background: var(--ptah-vbg-overlay-color, #000000);

  opacity: var(--ptah-vbg-overlay-opacity, 0.25);
}









/*  mobile onboard modal end */



@media (max-width: 280px) {

}

@media (max-width:430px){

}
@media (max-width: 500px) {

/* PORTAIT */
.block-field-blockgroupwedding-companionfield-portrait-image-media {
    margin-top: 44px;
}
.pi-004 .block-field-blockgroupwedding-companionfield-portrait-image-media .field--name-field-media-image .field__item img {
    padding: 15px!important;
}
/*  HEADING */
.block-field-blockgroupwedding-companionlabel {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*  SUBHEADING */
.block-field-blockgroupwedding-companionfield-epitaph {
    margin-top: 10px;
    margin-bottom: 10px;
}
/*  DATE */
section.solo-clear.solo-block.block-layout-builder.block-field-blockgroupwedding-companionfield-date {
    margin-bottom: 0px;
}
/* FLIP DOWN*/

.flipdown .rotor, .flipdown .rotor-leaf, .flipdown .rotor-leaf-front, .flipdown .rotor-leaf-rear, .flipdown .rotor-top, .flipdown .rotor-bottom, .flipdown .rotor:after {
    width: 23px;
}
div#flipdown-field_date-0 {
    margin: 0 auto;
    max-width: 270px;
    margin-bottom: 15px;
}
.rotor-group-heading {
    position: relative;
    top: 75px;
    font-size: 19px;
    text-align: center;
}
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
    bottom: 13px;
    height: 8px;
    width: 8px;
margin-left: -14px;
}
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    bottom: 29px;
    height: 8px;
    width: 8px;
margin-left: -14px;
}

/* RSVP */
section.solo-clear.solo-block.block-ptah-group-rsvp.block-ptah-group-rsvp-reminder {
    margin-top: 30px;
}
.ptah-rsvp-reminder__message {
    text-align: center;
    font-size: 1em;
}
.ptah-rsvp-reminder__actions a {
    font-size: .8em;
    font-weight: normal;
}

/* EMBEDDED VIDEO */

.block-field-blockgroupwedding-companionfield-embedded-video {
    margin: 30px auto;
}

/*  PWA BUTTON */
.ptah-pwa-ui button {
    font-size: 10px;
}
.ptah-pwa-ui {
    max-width: 100%;
}

/* MENU*/

div#announce-butt, .bar1, .bar2, .bar3, .flag.flag-bookmarks.action-flag a:before, div#bga-butt {
    filter: unset!important;
}
#quicktabs-companion_content .item-list {
    width: 96%;
}
#quicktabs-companion_content .item-list li a {
    font-size: 1em;
}
/* AUDIO BUTT*/
div#mini-payer-toggle {
    width: 47px;
    position: absolute;
    top: 51px;
    right: 18px;
    height: 37px;
}
div#mini-payer-toggle svg {
    width: 37px;
    height: 37px;
    opacity: .3;
    cursor: pointer;
}
div#mini-payer-toggle:after {
display:none;
}
/*  FORM BLOCK */
button#group-formblock-toggle {
    display: none;
}
/* SHOUTBOX */
.shoutbox-comment-icon {
    display: none;
}
.add-comment__form {
    position: relative;
    top: 0px;
    left: 0;
    width: fit-content;
}
.add-comment__form  .speech-to-text-icon {
    bottom: 0px!important;
    top: unset!important;
    right: 8px!important;
    cursor: pointer;
    margin-bottom: 0!important;
}
.comment-wrapper {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 175px!important;
}
footer.comment__footer {
    display: none;
}
.view-shoutbox.view-id-shoutbox.view-display-id-block_1 [data-drupal-selector="comment"] {
    padding: 0px 14px;
}
.comment__header p, .comment__header time {
    margin: 0;
    line-height: 1.6;
}
.comment {
    gap: 3px;
}
.comment__time {
    font-size: 8px;
}
.add-comment__form {
    position: relative;
    top: 0;
    left: 0;
    width: fit-content!important;
    max-width: 90%;
}
.entity-group-canonical section#block-solo-subtheme-primary-local-tasks {
    z-index: 1;
    position: relative;
    background: #fcf9f2;
    box-shadow: none;
    padding: unset;
    top: -17px;
    width: fit-content;
    border: 1px solid #a19f9f;
    border-bottom-right-radius: 8px;
}
}

@media (max-width: 600px) {


}

@media (max-width: 900px) {


}

@media (max-width: 900px) {


}


/* FRONT PAGE */


.hero {
    min-height: 100vh;
    padding: 150px 24px 90px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}
.hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 54px;
    align-items: center;
    flex-wrap: wrap;
}

.phone-card {
    position: relative;
    max-width: 420px;
    margin-left: auto;
    border-radius: 17px;
    background: rgb(255 255 255);
    box-shadow: 2px 2px 8px 2px rgb(198 198 198 / 42%);
    padding: 20px;
    position: relative;
    top: 33px;
    padding-bottom: 48px;
    min-height: 600px;
    padding-top: 39px;
    background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
    border: 1px solid #b4a06e;
}
.phone-screen {
    border-radius: 14px;
    /* background: linear-gradient(180deg, #ffffff 0%, #fef9f2 100%); */
    overflow: hidden;
    border: 1px solid rgb(0 0 0 / 25%);
    padding-bottom: 1px;
    min-height: 600px;
}
.mock-content h3 {
    color: #fff;
}
.mock-content {
    padding: 24px;
    background:  url("https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=900&q=80") center/cover;
    min-height: 600px;
}

.mock-content p {
    margin: 0 0 20px;
    font-size: 14px;
    color: #707070;
}

.mock-list {
    display: grid;
    gap: 10px;
    position: relative;
    top: 177px;
    background: #ffffffc4;
    padding: 22px;
    border-radius: 5px;
}

.mock-list div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    border-radius: 16px;
    background: #90b3cb;
    font-size: 14px;
    color: var(--dark);
    font-weight: 700;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 17px;
    border-radius: 999px;
    background: rgb(227 233 239);
    border: 1px solid rgba(85, 85, 85, 0.08);
    color: #353535;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 24px;
}

.hero h1 {
    margin: 0;
    max-width: 760px;
    font-weight: bolder;
    color: #ffffff;
    font-size: clamp(50px, 8vw, 96px);
    line-height: 0.96;
    letter-spacing: -1px;
    font-family: Georgia, "Times New Roman", serif;
}
.hero p {
    max-width: 640px;
    margin: 28px 0;
    font-size: 20px;
    color: #ffffff;
    text-shadow: 1px 1px #000000;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}
.hero-actions .button-primary {
    /* background: #e2e9ef!important; */
    color: #4f4e4d !important;
    box-shadow: 0 12px 24px rgba(47, 47, 47, 0.18);
}
.hero-inner .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px!important;
    padding: 13px 24px;
    /* font-weight: 700; */
    font-size: 15px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    border: 1px solid #b4a06e!important;
    background: #e4e9ef !important;
}
.hero-inner a.button.button-secondary {
    background: #fefcf9!important;
}
.hero-note {
    margin-top: 24px;
    font-size: 14px;
    color: #ffffff;
    text-shadow: 1px 1px #000000;
}

.hero-inner .button a.button.button-primary {
    background: #333!important;
    color: var(--white);
    box-shadow: 0 12px 24px rgba(47, 47, 47, 0.18);
}

.companion-card {
    max-width: 1200px;
    margin: 100px auto;
    border-radius: 8px;
    padding: 42px;
    box-shadow: 0 24px 60px rgba(85, 85, 85, 0.08);
    text-align: center;
    line-height: 20px;
    background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
    border: 1px solid #b4a06e;
}

.companion-card h2 {
font-weight:bold;
    font-size: clamp(34px, 4vw, 64px);
    line-height: 1.1;
    max-width:800px;
    margin:0 auto 25px;
font-family: Georgia, "Times New Roman", serif;
}

.companion-card p {
    margin: 0 auto;
    max-width: 900px;
    font-size: 21px;
     line-height: 1.8;
}
section#companion {
    margin-bottom: 200px;
}

.features {
   max-width:1200px;
    margin:100px auto;
}
.section-heading h2 {
    margin: 0;
font-family: Georgia, "Times New Roman", serif;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.05;
    letter-spacing: -1.8px;
}


.section-heading {
    max-width: 760px;
    margin: 0 auto 46px;
    text-align: center;
}
.section-heading p {
    margin: 18px 0 0;
    font-size: 18px;
    color: #ffffff;
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.feature-card {
    background: #fff9f2;
    border-radius: 26px;
    padding: 30px;
    border: 1px solid rgba(85, 85, 85, 0.08);
    box-shadow: 0 18px 44px rgba(85, 85, 85, 0.06);
    background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
    border: 1px solid #b4a06e;
}

.emotional {
    text-align: center;
    padding: 120px 24px;
}

.emotional .section-inner {
    max-width: 880px;
    margin: 0 auto;
}

.emotional h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 6vw, 68px);
    line-height: 1.04;
    letter-spacing: -2px;
    color: rgb(255 255 255);
}

.emotional p {
    max-width: 720px;
    margin: 24px auto 0;
    font-size: 20px;
    color: rgb(255 255 255);
}

.split {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 56px;
    align-items: center;
    max-width: 1200px;
    margin: 100px auto;
}

.visual-panel {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    border: 1px solid rgba(85, 85, 85, 0.08);
    box-shadow: 0 24px 60px rgba(85, 85, 85, 0.08);
    background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
    border: 1px solid #b4a06e;
}
.visual-panel img {
    display: block;
    width: 100%;
    border-radius: 9px;

}
.split h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    color: #fff;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.06;
    letter-spacing: -1.6px;
}
.split p {
    margin: 20px 0 0;
    font-size: 18px;
    color: #ffffff;
}

.guest-list {
    display: grid;
    gap: 14px;
    margin-top: 28px;
}
.guest-list div {
    padding: 16px 18px;
    border-radius: 18px;
    font-weight: 700;
    color: var(--dark);
    background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
    border: 1px solid #b4a06e;
}

.ai-section {
    /* background: #90b3cb42; */
}
.section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.ai-card {
    max-width: 945px;
    margin: 100px auto;
    display: flex;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 123px;
    align-items: center;
    background: #fff;
    border-radius: 17px;
    padding: 44px;
    box-shadow: 0 24px 60px rgba(85, 85, 85, 0.12);
    padding: 25px;
    background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
    border: 1px solid #b4a06e;
}

.ai-badge {
    width: 105px;
    height: 105px;
    display: flex;
    place-items: center;
    border-radius: 12px;
    background: var(--cream);
    font-size: 42px;
    justify-content: flex-end;
    position: relative;
    right: -25px;
}

.ai-card h2 {
    margin: 0 0 14px;
    font-family: Georgia, "Times New Roman", serif;
    color: var(--dark);
    font-size: clamp(32px, 5vw, 50px);
    line-height: 1.08;
}

.ai-card p {
    margin: 0;
    font-size: 18px;
    color: #666666;
}

section.ai-section {
    padding: 47px 0;

    margin: 100px auto;
}

.final-cta {
    text-align: center;
}
.final-cta h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    color: #fff;
    font-size: clamp(38px, 6vw, 70px);
    line-height: 1.02;
    letter-spacing: -2px;
}
.final-cta p {
    max-width: 680px;
    margin: 22px auto 0;
    font-size: 19px;
    color: #fff;
    text-shadow: 1px 1px #000000;
}
.final-cta .hero-actions {
    justify-content: center;
}

.hero-actions .button-primary {
    font-size: 15px;
    padding: 13px 24px;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
    border-radius: 999px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(180, 160, 110) !important;
    border-image: initial !important;
    background: rgb(228, 233, 239) !important;
}

.hero-actions  a.button.button-secondary {
    font-size: 15px;
    padding: 13px 24px;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
    border-radius: 999px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(180, 160, 110) !important;
    border-image: initial !important;
    background: #fefcf9!important;
}
.media-library-content {
    width: 97%!important;
}
.has-value.solo-field-select.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-video-source.form-item-video-source {
    max-width: 284px;
    margin-bottom: 38px;
}


.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    width: 100%;
    height: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    margin: 0;
    transform: none;
    background: #fff;
    -webkit-mask-image: url("https://trulywed.page/themes/contrib/gin/dist/media/sprite.svg#close-view");
    mask-image: url("https://trulywed.page/themes/contrib/gin/dist/media/sprite.svg#close-view");
    -webkit-mask-size: 20px;
    mask-size:  20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
}
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    background: #000000;
    border:0;
}
.ui-icon {
    display: block;
    overflow: hidden;
    width: 1rem;
    height: 1rem;
    text-indent: -6249.9375rem;
    background-image: url(https://trulywed.page/core/themes/claro/images/ui-icons-222222-256x240.png);
    background-repeat: no-repeat;
}
.ui-button  {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    border: 0;
}
.ui-button:hover {
    border: 0;
    background: transparent;  
}

@media (min-width: 80em) {
    .media-library-selection .media-library-item--grid {

        width: 150px;
    }
}

article.feature-card .icon img {
    filter: invert(79%) sepia(2%) saturate(482%) hue-rotate(8deg);
}

form#views-form-commerce-cart-form-default-1 {
    margin: 0 auto;
    max-width: 1500px;
}


form#trulywed-journey-start-form {
    background: #fff9f2;
    margin: 50px auto;
    padding: 25px 40px;
    box-shadow: 1px 1px 2px #ccc;
    max-width: 600px;
    border-radius: 5px;
}

form#trulywed-journey-start-form label {
    font-weight: bold;
}

form#trulywed-journey-start-form p {
    margin-bottom: 15px;
}

form#trulywed-journey-start-form div {
    margin-bottom: 16px;
}

.trulywed-journey-customise.container-children-4.contains-container.solo-clear.element-container-wrapper {
    background: #fff9f2;
    margin: 50px auto;
    padding: 40px 40px;
    box-shadow: 1px 1px 2px #ccc;
    max-width: 900px;
    border: 0px;
    border-style: inset;
    border-radius: 4px;
    margin-top: 121px;
}
.trulywed-journey-preview.container-children-4.contains-container.contains-multiple-container.solo-clear.element-container-wrapper {
    background: #fff9f2;
    margin: 50px auto;
    padding: 40px 40px;
    box-shadow: 1px 1px 1px #ccc;
    max-width: 1205px;
    border: 2px;
    border-style: inset;
    border-color: #c4c4c438;
    border-radius: 12px;
    margin-top: 121px;
}
.trulywed-journey-actions.container-children-2 a {
    background: #fff;
    padding: 10px 25px;
    border: 1px solid #ccc;
    border-radius: 25px;
    margin-right: 40px;
}

.trulywed-journey-actions.container-children-2.solo-clear.element-container-wrapper {
    margin-top: 50px;
    display: flex;
    justify-content: flex-start;
}

.trulywed-journey-actions a {
    background: #fff;
    border: 1px solid #ceb67b;
    padding: 12px 17px;
    border-radius: 33px;
}

.trulywed-journey-actions {
    margin-top: 40px;
}

.trulywed-journey-preview.container-children-4.contains-container.contains-multiple-container.solo-clear.element-container-wrapper {
    margin: 0 auto;
    display: block;
    max-width: 1200px;
}

.trulywed-journey-dashboard.container-children-3.solo-clear.element-container-wrapper {
    background: #fff9f2;
    margin: 50px auto;
    padding: 40px 40px;
    box-shadow: 1px 1px 1px #ccc;
    max-width: 1205px;
    border: 2px;
    border-style: inset;
    border-color: #c4c4c438;
    border-radius: 12px;
    margin-top: 121px;
}

.trulywed-journey-dashboard.container-children-3.solo-clear.element-container-wrapper a {
    background: #fff;
    padding: 10px 25px;
    border: 1px solid #ccc;
    border-radius: 25px;
    margin-right: 40px;
    margin-top: 34px;
}

.trulywed-journey-dashboard.container-children-3.solo-clear.element-container-wrapper p {
    margin-bottom: 60px;
}

.trulywed-journey-dashboard.container-children-3.solo-clear.element-container-wrapper h2 {
    margin-bottom: 20px;
}

/*   Key People  */


.tns-item h2 {
    margin-top: -18px!important;
    padding-top: 0;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockparty-membermemberfield-short-bio-description {
    margin-top: 0!important;
    padding-top: 0!important;
    text-align: left!important;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockparty-membermemberfield-role {
    margin-bottom: 0;
}

section.solo-clear.solo-block.block-layout-builder.block-field-blockparty-membermemberfield-short-bio-description p {
    text-align: left;
    font-size: 0.8em;
}

.field.field--name-field-photo.field--type-image.field--label-hidden.field__item img {
    margin: 0 auto;
}

form#companion-backup-export-form {
    background: #fef9f2;
    padding: 25px;
    border-radius: 8px;
    max-width: 1120px;
    margin: 30px auto;
  box-shadow:1px 1px 1px #ccc;
}

form#companion-backup-export-form details#edit-history {
    margin-top: 25px;
}

form#companion-backup-export-form p {
    margin-bottom: 25px;
}





.ptah-user-support-tickets-page.container-children-2.contains-table.solo-clear.element-container-wrapper {
    margin: auto;
    max-width: 1200px;
}

.ptah-user-support-tickets-page.container-children-2.contains-table.solo-clear.element-container-wrapper p {
    display: none;
}
.ptah-user-support-ticket-view.container-children-4.contains-table.contains-link.solo-clear.element-container-wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

.ptah-user-support-ticket-view.container-children-4.contains-table.contains-link.solo-clear.element-container-wrapper .ptah-user-ticket-message {
    margin-bottom: 25px;
    background: #fef9f2;
    padding: 25px;
    border-radius: 8px;
}

form#ptah-support-desk-user-ticket-reply-form .form-textarea-wrapper {
    width: 100%!important;
}
form#group-mirotalk-sfu-group-room-settings {
   background: radial-gradient(circle at top left, rgba(234, 243, 255, 0.95), transparent 34%),
    radial-gradient(circle at bottom right, rgba(234, 250, 247, 0.92), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.86));
    padding: 25px;
    max-width: 710px;
    margin: 30px auto;
    border-radius: 8px;
    box-shadow: 1px 1px 1px #ccccccbd;
}

form#group-mirotalk-sfu-group-room-settings a#edit-open-link {
    background: #fff;
    border: 1px solid #cbced7;
    margin-top: 20px;
    border-radius: 4px;
    font-weight: bold;
}

form#group-mirotalk-sfu-group-room-settings .details-wrapper code {
    position: relative;
    top: -22px;
    left: 129px;
}

form#group-mirotalk-sfu-group-room-settings .details-wrapper code:before {
    content: "http://trulywed.page";
}





/* ============================================================
   TrulyWed Off-Canvas Customisation Panel
   Accurate Mockup Version - Pastel Studio + Gold Borders
   Replace the previous off-canvas CSS block with this one.
   ============================================================ */

#group-formblock-container {
  --tw-panel-width: 640px;
  --tw-blue-glow: rgba(234, 243, 255, 0.95);
  --tw-mint-glow: rgba(234, 250, 247, 0.92);
  --tw-warm-glow: rgba(255, 249, 241, 0.86);
  --tw-paper: rgba(255, 255, 255, 0.96);
  --tw-panel-line: rgba(201, 164, 96, 0.32);
  --tw-panel-line-soft: rgba(201, 164, 96, 0.18);
  --tw-card: rgba(255, 255, 255, 0.72);
  --tw-card-strong: rgba(255, 255, 255, 0.92);
  --tw-gold: #636363;
  --tw-gold-2: #aa9871;
  --tw-gold-dark: #9b8e7c;
  --tw-gold-soft: rgba(201, 154, 69, 0.14);
  --tw-gold-soft-2: rgba(201, 154, 69, 0.08);
  --tw-ink: #2d2925;
  --tw-muted: #6f6861;
  --tw-faint: rgba(45, 41, 37, 0.08);
  --tw-shadow: 0 20px 60px rgba(34, 28, 22, 0.15);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: min(var(--tw-panel-width), 96vw);
  height: 100vh;
  overflow: visible;
  background:
    radial-gradient(circle at top left, var(--tw-blue-glow), transparent 34%),
    radial-gradient(circle at bottom right, var(--tw-mint-glow), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--tw-warm-glow));
  border-right: 1px solid var(--tw-panel-line);
  box-shadow: var(--tw-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  width: 746px;
}

/* Subtle gold edge, like the mockup divider */
#group-formblock-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 1px;
  background:
    linear-gradient(
      to bottom,
      rgba(201, 154, 69, 0.1),
      rgba(201, 154, 69, 0.45),
      rgba(201, 154, 69, 0.12)
    );
  pointer-events: none;
}

/* Main scrollable form area */
#group-formblock-container form.group-form {
  height: 100vh;
  overflow-y: auto;
  padding: 30px 34px 124px;
  color: var(--tw-ink);
  scrollbar-width: thin;
  scrollbar-color: rgb(187 207 222) transparent;
}

#group-formblock-container form.group-form::-webkit-scrollbar {
  width: 9px;
}

#group-formblock-container form.group-form::-webkit-scrollbar-track {
  background: transparent;
}

#group-formblock-container form.group-form::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background-color: rgba(201, 154, 69, 0.46);
  background-clip: content-box;
}

/* Header, matching the mockup better */
#group-formblock-container form.group-form::before {
  content: "Customise your companion";
  display: block;
  margin: 0 0 4px;

  color: var(--tw-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.85rem;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.035em;
}

#group-formblock-container form.group-form::after {
  content: "Design every detail to reflect your story.";
  display: block;
  margin: 0 0 22px;

  color: var(--tw-muted);
  font-size: 0.94rem;
  line-height: 1.45;
}

/* Toggle tab: more like the mockup side control */
#group-formblock-toggle {
  /* position: absolute; */
  /* top: 92px; */
  /* right: -56px; */
  /* z-index: 10; */
  /* width: 56px; */
  /* height: 78px; */
  /* padding: 0; */
  /* display: grid; */
  /* place-items: center; */
  /* border: 1px solid rgba(201, 154, 69, 0.4); */
  /* border-left: 0; */
  border-radius: 0 10px 10px 0;
  /* background:
    linear-gradient(180deg, rgba(255, 247, 229, 0.98), rgba(224, 180, 91, 0.92)); */
  /* color: #fff; */
  /* box-shadow: 10px 14px 34px rgba(72, 50, 20, 0.18); */
  /* cursor: pointer; */
}

#group-formblock-toggle::after {
  content: "Design";
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);

  color: #7f5a24;
  font-size: 0.63rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

#group-formblock-toggle img {
  width: 25px;
  height: 25px;
  margin-top: -17px;
  object-fit: contain;
  filter:
    sepia(1)
    saturate(1.5)
    hue-rotate(350deg)
    drop-shadow(0 4px 8px rgba(98, 66, 23, 0.18));
}

/* General cleanup */
#group-formblock-container .container-children-0:empty,
#group-formblock-container .field--type-style-selector-css-class:empty {
  display: none;
}



/* ============================================================
   Accordions / Details
   ============================================================ */

#group-formblock-container details.field-group-details {
  margin: 0 0 10px;
  border: 1px solid var(--tw-panel-line-soft);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.52);
  box-shadow:
    0 8px 24px rgba(41, 35, 29, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  overflow: hidden;
}

#group-formblock-container details.field-group-details[open] {
  /* border-color: rgba(201, 154, 69, 0.42); */
  background: rgba(255, 255, 255, 0.78);
  box-shadow:
    0 14px 34px rgba(41, 35, 29, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

/* This is the important part: summary rows now look like the mockup */
#group-formblock-container details.field-group-details > summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;

  padding: 0 46px 0 44px;

  list-style: none;
  cursor: pointer;

  color: var(--tw-ink);
  font-size: 0.95rem;
  font-weight: 760;
  letter-spacing: -0.012em;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.88),
      rgba(255, 255, 255, 0.66)
    );

  border-bottom: 1px solid rgba(201, 154, 69, 0.13);
}

#group-formblock-container details.field-group-details:not([open]) > summary {
  border-bottom-color: transparent;
}

#group-formblock-container details.field-group-details > summary::-webkit-details-marker {
  display: none;
}

#group-formblock-container details.field-group-details > summary .summary {
  display: none;
}

/* Gold icon holder on the left */
#group-formblock-container details.field-group-details > summary::before {
    content: "◇";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 24px;
    display: grid;
    place-items: center;
    color: #494948;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 2px;  
    border: 1px solid rgba(201, 154, 69, 0.3);
    background: linear-gradient(135deg, rgb(255 255 255 / 19%), rgb(225 233 239 / 42%));
}



/* Section-specific icons using existing IDs */
#group-formblock-container #edit-group-colours > summary::before {
  content: "◌";
}

#group-formblock-container #edit-group-textures > summary::before {
  content: "▧";
}

#group-formblock-container #edit-group-frontend-shadows > summary::before {
  content: "◒";
}

#group-formblock-container #edit-group-images > summary::before {
  content: "□";
}

#group-formblock-container #edit-group-videos > summary::before {
  content: "▷";
}

#group-formblock-container #edit-group-fonts > summary::before {
  content: "T";
  font-family: Georgia, "Times New Roman", serif;
}

#group-formblock-container #edit-group-others > summary::before {
  content: "▱";
}

/* Chevron, cleaner and mockup-like */
#group-formblock-container details.field-group-details > summary::after {
  content: "⌄";
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-52%);

  color: var(--tw-gold-dark);
  font-size: 0.94rem;
  line-height: 1;

  transition: transform 160ms ease, color 160ms ease;
}

#group-formblock-container details.field-group-details[open] > summary::after {
  transform: translateY(-52%) rotate(180deg);
  color: var(--tw-gold);
}

#group-formblock-container .details-wrapper {
  padding: 15px 16px 17px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.34),
      rgba(255, 255, 255, 0.68) );
    gap: 18px;
    margin: var(--solo-px16);
    display: flex;
    flex-wrap: wrap;
}

/* ============================================================
   Labels, fieldsets, descriptions
   ============================================================ */

#group-formblock-container fieldset {
  margin: 0 0 14px;
  padding: 0;
  border: 0!important;
}

#group-formblock-container legend {
  margin-bottom: 8px;
}

#group-formblock-container .fieldset-legend,
#group-formblock-container label,
#group-formblock-container .form-item__label {
  color: var(--tw-ink);
  font-size: 0.81rem;
  font-weight: 720;
  letter-spacing: -0.005em;
}

#group-formblock-container .description,
#group-formblock-container .ptah-helptext-above,
#group-formblock-container .solo-small.description {
  margin: 8px 0 12px;
  padding: 10px 11px;

  border-left: 3px solid rgba(201, 154, 69, 0.48);
  border-radius: 6px;

  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.84), rgba(239, 249, 247, 0.58));

  color: var(--tw-muted);
  font-size: 0.77rem;
  line-height: 1.45;
}

/* ============================================================
   Inputs
   ============================================================ */

#group-formblock-container input[type="text"],
#group-formblock-container input[type="number"],
#group-formblock-container input[type="url"],
#group-formblock-container input[type="email"],
#group-formblock-container textarea,
#group-formblock-container select {
  min-height: 40px;

  border: 1px solid rgba(201, 154, 69, 0.22);
  border-radius: 6px;

  background: rgba(255, 255, 255, 0.84);
  color: var(--tw-ink);

  box-shadow:
    inset 0 1px 2px rgba(41, 35, 29, 0.035),
    0 1px 0 rgba(255, 255, 255, 0.72);
}

#group-formblock-container input[type="text"]:focus,
#group-formblock-container input[type="number"]:focus,
#group-formblock-container textarea:focus,
#group-formblock-container select:focus {
  outline: none;
  border-color: rgba(201, 154, 69, 0.72);
  box-shadow:
    0 0 0 3px rgba(201, 154, 69, 0.13),
    inset 0 1px 2px rgba(41, 35, 29, 0.035);
}

/* ============================================================
   Spectrum colour widgets
   ============================================================ */

#group-formblock-container .js-color-field-widget-spectrum {
  display: flex;
  align-items: center;
  gap: 12px;

  margin: 0px;
  padding: 10px 6px;

  border: 1px solid rgba(201, 154, 69, 0.18);
  border-radius: 7px;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(244, 251, 250, 0.46));
}

#group-formblock-container .js-color-field-widget-spectrum .form-item {
  margin: 0;
}

#group-formblock-container .sp-replacer {
    width: 64px;
    height: 38px;
    padding: 4px;
    border: 1px solid rgba(201, 154, 69, 0.34);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 1px 1px 0px rgba(41, 35, 29, 0.07);
}

#group-formblock-container .sp-preview {
  width: 38px;
  height: 28px;
  margin: 0;
  border: 1px solid #f8f2e7;
  border-radius: 4px;
  overflow: hidden;
}

#group-formblock-container .sp-dd {
  color: var(--tw-gold-dark);
  line-height: 28px;
}

#group-formblock-container .sp-container {
  border: 1px solid rgba(201, 154, 69, 0.28);
  border-radius: 6px;
  /* box-shadow: 0 18px 44px rgba(41, 35, 29, 0.2); */
  border: solid 1px #ada59e5c;
  background: #fff;
}

/* ============================================================
   Style selector / radios / checkboxes
   ============================================================ */

#group-formblock-container .ssui__item-group,
#group-formblock-container .form-radios {
  display: flex;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

#group-formblock-container .ssui__item,
#group-formblock-container .form-type-radio,
#group-formblock-container .form-type-checkbox {
  position: relative;
  margin: 0;
  padding: 8px; 
  border: 1px solid rgba(201, 154, 69, 0.18);
  border-radius: 3px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.66), rgba(245, 250, 250, 0.44));
  transition:
    transform 150ms ease,
    box-shadow 150ms ease,
    border-color 150ms ease,
    background 150ms ease;
}

#group-formblock-container .ssui__item:hover,
#group-formblock-container .form-type-radio:hover,
#group-formblock-container .form-type-checkbox:hover {
  transform: translateY(-1px);
  border-color: rgba(201, 154, 69, 0.38);
  box-shadow: 0 9px 20px rgba(41, 35, 29, 0.07);
}

#group-formblock-container .ssui__item:has(input:checked),
#group-formblock-container .form-type-radio:has(input:checked),
#group-formblock-container .form-type-checkbox:has(input:checked) {
  border-color: rgba(201, 154, 69, 0.76);
 /* background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 237, 0.76)); */
  box-shadow:
    0 10px 24px rgba(201, 154, 69, 0.13),
    inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}

#group-formblock-container details#edit-group-visibility-settings .ssui__item:has(input:checked), 
#group-formblock-container details#edit-group-visibility-settings .form-type-radio:has(input:checked), 
#group-formblock-container details#edit-group-visibility-settings .form-type-checkbox:has(input:checked) {
     padding-right: 26px; 
}

#group-formblock-container .ssui__item:has(input:checked)::after,
#group-formblock-container .form-type-radio:has(input:checked)::after,
#group-formblock-container .form-type-checkbox:has(input:checked)::after {
  content: "✓";
  position: absolute;
  top: 6px;
  right: 6px;

  width: 19px;
  height: 19px;

  display: grid;
  place-items: center;

  border-radius: 50%;
  background: var(--tw-gold);
  color: #fff;

  font-size: 0.72rem;
  font-weight: 800;
  box-shadow: 0 4px 10px rgba(129, 84, 24, 0.24);
}

#group-formblock-container input[type="radio"],
#group-formblock-container input[type="checkbox"] {
  accent-color: #ffebc7;
}

/* Visual style boxes */
#group-formblock-container .ssui__option {
  min-height: 44px;
  border-radius: 5px;
  overflow: hidden;

  background-color: rgba(245, 248, 246, 0.78);
  box-shadow:
    inset 0 0 0 1px rgba(41, 35, 29, 0.045),
    0 1px 0 rgba(255, 255, 255, 0.8);
}

#group-formblock-container .ssui__option-label {
  display: block;
  margin-top: 0px;
  color: var(--tw-muted);
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.22;
  word-break: break-word;
}

/* Texture selector: closer to mockup row of image tiles */
#edit-field-texture-style-selector .ssui__item-group {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#edit-field-texture-style-selector .ssui__option {
  min-height: 72px;
  background-size: cover;
  background-position: center;
}

#edit-field-texture-style-selector .ssui__option-label {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  visibility: hidden;
}

/* Font selectors: mockup-style font cards */
#edit-field-heading-fonts-style-selector .ssui__item-group,
#edit-field-text-fonts-style-selector .ssui__item-group {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#edit-field-heading-fonts-style-selector .ssui__option,
#edit-field-text-fonts-style-selector .ssui__option {
  min-height: 58px;

  display: grid;
  place-items: center;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(244, 249, 249, 0.68));
}

#edit-field-heading-fonts-style-selector .ssui__option::before,
#edit-field-text-fonts-style-selector .ssui__option::before {
  content: "Aa";
  color: var(--tw-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.45rem;
  font-weight: 500;
}

/* Compact option grids */
#edit-field-shadow-opacity-style-selector .ssui__item-group,
#edit-field-video-overlay-style-style-selector .ssui__item-group,
#edit-field-portrait-image-style-style-selector .ssui__item-group {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#edit-field-shadow-opacity-style-selector .ssui__option,
#edit-field-video-overlay-style-style-selector .ssui__option,
#edit-field-portrait-image-style-style-selector .ssui__option {
  min-height: 32px;
width:36px;
}

/* ============================================================
   Media library widgets
   ============================================================ */

#group-formblock-container .js-media-library-item {
  padding: 10px;

  border: 1px solid rgba(201, 154, 69, 0.22);
  border-radius: 7px;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(241, 250, 248, 0.48));
  box-shadow: 0 9px 22px rgba(41, 35, 29, 0.07);
}

#group-formblock-container .js-media-library-item-preview {
  margin-bottom: 8px;
}

#group-formblock-container .js-media-library-item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}

#group-formblock-container .js-media-library-open-button,
#group-formblock-container input[value="Add media"] {
  width: 100%;
  margin-top: 8px;
}

/* ============================================================
   Buttons
   ============================================================ */

#group-formblock-container .button,
#group-formblock-container .form-submit {
  /* min-height: 42px; */
  /* padding-inline: 18px; */
  border: 1px solid rgba(151, 103, 36, 0.38);
  /* border-radius: 7px; */
  /* background:
    linear-gradient(135deg, #dcb766, #bf8935); */
  /* color: #fff; */
  /* font-size: 0.9rem; */
  /* font-weight: 760; */
  /* text-shadow: 0 1px 1px rgba(80, 48, 12, 0.2); */
  /* box-shadow: 0 10px 22px rgba(151, 100, 35, 0.2); */
  /* transition:
    transform 150ms ease,
    box-shadow 150ms ease,
    filter 150ms ease; */
}

#group-formblock-container .button:hover,
#group-formblock-container .form-submit:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 14px 28px rgba(151, 100, 35, 0.26);
}

#group-formblock-container input[value="Remove"] {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 244, 240, 0.88));
  border-color: rgba(160, 75, 63, 0.26);
  color: #8a4a3f;
  box-shadow: none;
}

/* Sticky save button */
#group-formblock-container #edit-submit, #group-formblock-container input[data-drupal-selector="edit-submit"] {
    position: sticky;
    bottom: 20px;
    z-index: 20;
    min-height: 52px;
    margin-top: 18px;
    border-radius: 7px;
    font-size: 0.98rem;
    box-shadow: 1px 3px 4px rgba(151, 100, 35, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
}

/* ============================================================
   Long background video list
   ============================================================ */

#edit-field-background-video {
  max-height: 380px;
  overflow-y: auto;
  padding-right: 4px;
}

#edit-field-background-video .form-radios,
#edit-field-background-video {
  grid-template-columns: 1fr;
}

#edit-field-background-video .form-type-radio {
  padding: 8px 10px;
}

#edit-field-background-video .form-item__label {
  display: block;
  max-width: 100%;

  color: var(--tw-muted);
  font-size: 0.73rem;
  font-weight: 650;
  line-height: 1.25;

  word-break: break-word;
}

/* Revision area less dominant */
#group-formblock-container #edit-revision,
#group-formblock-container .js-form-item-revision-log-message-0-value {
  opacity: 0.86;
}

/* ============================================================
   Mobile / small screens
   ============================================================ */

@media (max-width: 760px) {
  #group-formblock-container {
    --tw-panel-width: 94vw;
    width: 94vw;
  }

  #group-formblock-container form.group-form {
    padding: 24px 18px 112px;
  }

  #group-formblock-toggle {
    right: -48px;
    width: 48px;
    height: 68px;
  }

  #group-formblock-container .ssui__item-group,
  #group-formblock-container .form-radios,
  #edit-field-heading-fonts-style-selector .ssui__item-group,
  #edit-field-text-fonts-style-selector .ssui__item-group {
    grid-template-columns: 1fr;
  }

  #edit-field-texture-style-selector .ssui__item-group,
  #edit-field-shadow-opacity-style-selector .ssui__item-group,
  #edit-field-video-overlay-style-style-selector .ssui__item-group,
  #edit-field-portrait-image-style-style-selector .ssui__item-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

fieldset#edit-field-heading-fonts-style-selector--wrapper {}



#group-formblock-container .sp-container * {
    border-color: #5555557d;
}

.sp-preview {
    border: 1px solid #ccc;
    margin: 0px;
}

details#edit-group-advanced-styling .details-wrapper {
    display: block;
}

#group-formblock-container .ssui-style--tile .ssui__option-wrapper, #group-formblock-container .ssui-style--tile .ssui__option, .ssui-style--tile .ssui__input, #group-formblock-container #drupal-off-canvas-wrapper .ssui-style--tile .ssui__option-wrapper, #group-formblock-container #drupal-off-canvas-wrapper .ssui-style--tile .ssui__option, #group-formblock-container #drupal-off-canvas-wrapper .ssui-style--tile .ssui__input {
    border-radius: 0;
}

#group-formblock-container #edit-field-heading-fonts-style-selector .ssui__option::before, #group-formblock-container #edit-field-text-fonts-style-selector .ssui__option::before {
display:none;
}
#group-formblock-container .ssui .ssui__input, #group-formblock-container #drupal-off-canvas-wrapper .ssui .ssui__input, .ssui__input::after, #group-formblock-container #drupal-off-canvas-wrapper .ssui__input::after {
    border: 0!important;
/*    background: none!important;
    background-image: none!important; */
    border-radius: 2px;
    border-color: transparent;
}

#edit-field-heading-fonts-style-selector .ssui__option, #edit-field-text-fonts-style-selector .ssui__option {
    min-height: 58px;
    display: flex;
    place-items: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(244, 249, 249, 0.68));
}

#group-formblock-container div#edit-field-background-video input, 
div#ptah-group-pwa-actions-placeholder {
    display: none;
}
#group-formblock-container div#edit-revision-log-message-wrapper {
    width: -webkit-fill-available;
}
.has-value.form-type-boolean.solo-field-radio.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-field-background-video-playback.form-item-field-background-video-playback {
    width: 171px;
    padding: 10px;
}
#group-formblock-container fieldset#edit-field-background-video-playback--wrapper input[type="radio"] {
    display: none;
}




/* ============================================================
   TrulyWed Concept 1 Platform UI Polish
   Scope: Solo frontend/account/platform pages only.
   Safe to paste below existing CSS Editor code.
   Does not style Drupal toolbar-administration.
   ============================================================ */

/* ------------------------------
   1. Design tokens
   ------------------------------ */

:root {
  --tw-ivory: #fffaf2;
  --tw-ivory-2: #fff7ec;
  --tw-pearl: #ffffff;
  --tw-champagne: #c7ad78;
  --tw-champagne-dark: #9b7b44;
  --tw-blush: #f4dfe3;
  --tw-blush-soft: #fff1f3;
  --tw-mist: #e8f0f3;
  --tw-mist-2: #f3f8f8;
  --tw-sage: #dfeee8;
  --tw-slate: #33414a;
  --tw-muted: #6f7a80;
  --tw-line: rgba(155, 123, 68, 0.22);
  --tw-line-cool: rgba(83, 112, 126, 0.14);
  --tw-shadow-soft: 0 18px 45px rgba(57, 72, 80, 0.11);
  --tw-shadow-card: 0 10px 30px rgba(57, 72, 80, 0.09);
  --tw-radius-lg: 22px;
  --tw-radius-md: 14px;
  --tw-radius-pill: 999px;
}

/* ------------------------------
   2. Main platform canvas
   ------------------------------ */

.dialog-off-canvas-main-canvas #page-wrapper {
  background:
    radial-gradient(circle at top left, rgba(244, 223, 227, 0.72), transparent 30%),
    radial-gradient(circle at top right, rgba(232, 240, 243, 0.88), transparent 34%),
    linear-gradient(180deg, #f7fbfb 0%, #fffaf2 48%, #f3f8f8 100%);
  color: var(--tw-slate);
  overflow-x: hidden;
}

.dialog-off-canvas-main-canvas #page-wrapper,
.dialog-off-canvas-main-canvas #page-wrapper p,
.dialog-off-canvas-main-canvas #page-wrapper li,
.dialog-off-canvas-main-canvas #page-wrapper td,
.dialog-off-canvas-main-canvas #page-wrapper th,
.dialog-off-canvas-main-canvas #page-wrapper input,
.dialog-off-canvas-main-canvas #page-wrapper select,
.dialog-off-canvas-main-canvas #page-wrapper textarea {
  font-family: "Open Sans", Arial, sans-serif;
}

.dialog-off-canvas-main-canvas #main-container {
  background: transparent;
}
/*
.dialog-off-canvas-main-canvas #main-container-inner {
  max-width: 1480px;
  margin: 0 auto;
  padding: 28px 24px 70px;
}
*/
.dialog-off-canvas-main-canvas .region-inner.main-box-inner {
  max-width: 100%;
}

/* ------------------------------
   3. Header and logo area
   ------------------------------ */

.dialog-off-canvas-main-canvas #header {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 6% 20%, rgba(244, 223, 227, 0.95), transparent 22%),
    radial-gradient(circle at 92% 10%, rgba(232, 240, 243, 0.95), transparent 26%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.92));
  border-bottom: 1px solid rgba(199, 173, 120, 0.28);
  box-shadow: 0 8px 28px rgba(67, 81, 88, 0.06);
}

.dialog-off-canvas-main-canvas #header::before,
.dialog-off-canvas-main-canvas #header::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 260px;
  height: 160px;
  opacity: 0.42;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 40%, rgba(199, 173, 120, 0.26) 0 5px, transparent 6px),
    radial-gradient(circle at 48% 28%, rgba(244, 223, 227, 0.74) 0 18px, transparent 19px),
    radial-gradient(circle at 76% 58%, rgba(255, 255, 255, 0.9) 0 20px, transparent 21px);
  filter: blur(0.2px);
}

.dialog-off-canvas-main-canvas #header::before {
  left: 24px;
  top: 18px;
}

.dialog-off-canvas-main-canvas #header::after {
  right: 24px;
  top: 18px;
  transform: scaleX(-1);
}

.dialog-off-canvas-main-canvas #header-inner {
  min-height: 136px;
  padding: 14px 24px 22px;
  position: relative;
}

.dialog-off-canvas-main-canvas .branding-wrapper {
  margin: 18px auto 4px;
  text-align: center;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-site-branding .site-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-site-branding img.site-logo-img {
  max-width: 245px;
  width: min(245px, 58vw);
  height: auto;
  filter: drop-shadow(0 10px 18px rgba(155, 123, 68, 0.14));
}

/* User/logout links in header */
.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 {
  position: absolute;
  top: 18px;
  right: 24px;
  z-index: 2;
}

.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 ul.liul-box {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(199, 173, 120, 0.22);
  border-radius: var(--tw-radius-pill);
  box-shadow: 0 8px 22px rgba(57, 72, 80, 0.08);
  backdrop-filter: blur(8px);
}

.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 ul.liul-box li {
  margin: 0;
  padding: 0;
}

.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 ul.liul-box a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 13px;
  border-radius: var(--tw-radius-pill);
  color: var(--tw-slate);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  text-transform: capitalize;
  transition: 180ms ease;
}

.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 ul.liul-box a:hover {
  background: var(--tw-ivory);
  color: var(--tw-champagne-dark);
}

/* ------------------------------
   4. Primary menu under logo
   ------------------------------ */

.dialog-off-canvas-main-canvas #primary-menu,
.dialog-off-canvas-main-canvas .main-navigation-wrapper {
  background: rgba(255, 255, 255, 0.74) !important;
  border-bottom: 1px solid rgba(199, 173, 120, 0.2);
  box-shadow: 0 8px 24px rgba(57, 72, 80, 0.05);
}

.dialog-off-canvas-main-canvas #primary-menu-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.dialog-off-canvas-main-canvas #account-menubar--2 {
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 10px 0;
}

.dialog-off-canvas-main-canvas #account-menubar--2 a.nav__menu-link-account {
  border-radius: var(--tw-radius-pill);
  padding: 12px 16px;
  color: #657178;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
  transition: 180ms ease;
}

.dialog-off-canvas-main-canvas #account-menubar--2 a.nav__menu-link-account:hover,
.dialog-off-canvas-main-canvas #account-menubar--2 a.nav__menu-link-account:focus {
  color: var(--tw-champagne-dark);
  background: var(--tw-ivory);
  box-shadow: inset 0 0 0 1px rgba(199, 173, 120, 0.22);
}

/* ------------------------------
   5. Page title band
   ------------------------------ */

.dialog-off-canvas-main-canvas #page-title {
  background:
    linear-gradient(90deg, rgba(232, 240, 243, 0.92), rgba(255, 250, 242, 0.95), rgba(232, 240, 243, 0.92));
  color: var(--tw-slate);
  border-bottom: 1px solid rgba(199, 173, 120, 0.22);
  position: relative;
}

.dialog-off-canvas-main-canvas #page-title::after {
  content: "";
  display: block;
  width: 118px;
  height: 2px;
  margin: -17px auto 22px;
  background: linear-gradient(90deg, transparent, var(--tw-champagne), transparent);
}

.dialog-off-canvas-main-canvas #page-title-inner {
  padding: 38px 18px 34px;
}

.dialog-off-canvas-main-canvas .page-title-text,
.dialog-off-canvas-main-canvas h1.page-title,
.dialog-off-canvas-main-canvas h1.page-title-text {
  margin: 0;
  color: var(--tw-slate) !important;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.2rem, 4.6vw, 4.6rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* ------------------------------
   6. Local task tabs
   ------------------------------ */

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks {
  top: auto;
  margin: -4px auto 28px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(199, 173, 120, 0.18);
  border-radius: var(--tw-radius-lg);
  box-shadow: var(--tw-shadow-card);
  backdrop-filter: blur(10px);
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks nav.tabs {
  margin: 0;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks ul.tabs.primary {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
  padding: 0;
  border: 0;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 17px;
  border: 1px solid rgba(199, 173, 120, 0.22);
  border-radius: var(--tw-radius-pill);
  background: rgba(255, 250, 242, 0.88);
  color: #66727a;
  box-shadow: 0 4px 12px rgba(57, 72, 80, 0.05);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: 180ms ease;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link:hover,
.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link:focus {
  background: #ffffff;
  color: var(--tw-champagne-dark);
  border-color: rgba(199, 173, 120, 0.42);
  transform: translateY(-1px);
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local.is-active > a.tabs__link,
.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link.is-active {
  color: #ffffff;
  background: linear-gradient(135deg, #c7ad78, #9f7e45);
  border-color: rgba(155, 123, 68, 0.72);
  box-shadow: 0 8px 20px rgba(155, 123, 68, 0.24);
}

/* ------------------------------
   7. Generic platform content cards
   ------------------------------ */

.dialog-off-canvas-main-canvas #block-solo-subtheme-content > .container-children-1,
.dialog-off-canvas-main-canvas .ptah-support-card,
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section,
.dialog-off-canvas-main-canvas .private-message-thread--full-container,
.dialog-off-canvas-main-canvas .ptah-quota-summary {
  border-radius: var(--tw-radius-lg);
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section,
.dialog-off-canvas-main-canvas .ptah-support-card,
.dialog-off-canvas-main-canvas .private-message-thread--full-container,
.dialog-off-canvas-main-canvas .ptah-quota-summary {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 242, 0.95));
  border: 1px solid rgba(199, 173, 120, 0.2);
  box-shadow: var(--tw-shadow-card);
  overflow: hidden;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section {
  padding: 24px;
  margin-bottom: 24px;
}

.dialog-off-canvas-main-canvas .solo-block-title,
.dialog-off-canvas-main-canvas .ptah-support-card__header h2 {
  margin: 0 0 16px;
  color: var(--tw-slate);
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.45rem, 2.1vw, 2.05rem);
  font-weight: 500;
  line-height: 1.15;
}

.dialog-off-canvas-main-canvas .solo-block-title::after,
.dialog-off-canvas-main-canvas .ptah-support-card__header h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 2px;
  margin-top: 12px;
  background: linear-gradient(90deg, var(--tw-champagne), transparent);
}

.dialog-off-canvas-main-canvas .ptah-support-card__header p {
  margin: 0;
  color: var(--tw-muted);
  font-size: 15px;
  line-height: 1.6;
}

/* ------------------------------
   8. Dashboard layout
   ------------------------------ */

.dialog-off-canvas-main-canvas .dashboard--dashboard {
  max-width: 1450px;
  margin: 0 auto;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.34fr);
  gap: 24px;
  align-items: start;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region {
  min-width: 0;
}

/* Wedding companions list */
.dialog-off-canvas-main-canvas .view-users-groups .view-content {
  display: grid;
  gap: 16px;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-row {
  position: relative;
  padding: 22px 22px 20px 86px;
  border: 1px solid rgba(83, 112, 126, 0.12);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(244, 223, 227, 0.5), transparent 30%),
    rgba(255, 255, 255, 0.72);
  box-shadow: 0 8px 18px rgba(57, 72, 80, 0.05);
}

.dialog-off-canvas-main-canvas .view-users-groups .views-row::before {
  content: "♡";
  position: absolute;
  left: 22px;
  top: 22px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--tw-blush-soft), var(--tw-ivory));
  border: 1px solid rgba(199, 173, 120, 0.28);
  color: var(--tw-champagne-dark);
  font-size: 24px;
  box-shadow: 0 8px 16px rgba(155, 123, 68, 0.13);
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-label a {
  color: var(--tw-champagne-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 600;
  text-decoration: none;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-label a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-group-roles,
.dialog-off-canvas-main-canvas .view-users-groups .views-field-created,
.dialog-off-canvas-main-canvas .view-users-groups .views-field-uid,
.dialog-off-canvas-main-canvas .view-users-groups .views-field-status {
  margin-top: 8px;
  color: var(--tw-muted);
  font-size: 14px;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-status .field-content {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #27724d;
  font-weight: 800;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-status .field-content::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #41a66f;
  box-shadow: 0 0 0 4px rgba(65, 166, 111, 0.12);
}

.dialog-off-canvas-main-canvas .dash-group-info-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}

.dialog-off-canvas-main-canvas .dash-group-info-footer a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 9px 14px;
  border-radius: var(--tw-radius-pill);
  border: 1px solid rgba(199, 173, 120, 0.24);
  background: #fff;
  color: var(--tw-slate);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(57, 72, 80, 0.05);
  transition: 180ms ease;
}

.dialog-off-canvas-main-canvas .dash-group-info-footer a:hover {
  color: var(--tw-champagne-dark);
  border-color: rgba(199, 173, 120, 0.48);
  transform: translateY(-1px);
}

.dialog-off-canvas-main-canvas .dash-group-info-footer a.join-leave {
  color: #8a4c52;
  background: #fff7f7;
  border-color: rgba(177, 91, 101, 0.22);
}

/* ------------------------------
   9. Media storage / quota block
   ------------------------------ */

.dialog-off-canvas-main-canvas .ptah-quota-summary {
  padding: 20px;
}

.dialog-off-canvas-main-canvas .ptah-quota-label {
  color: var(--tw-slate);
  font-weight: 900;
  margin-bottom: 12px;
}

.dialog-off-canvas-main-canvas .ptah-quota-bar-bg {
  height: 12px;
  border-radius: var(--tw-radius-pill);
  background: rgba(232, 240, 243, 0.95);
  border: 1px solid rgba(83, 112, 126, 0.12);
  overflow: hidden;
}

.dialog-off-canvas-main-canvas .ptah-quota-bar-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--tw-champagne), #e0c88e);
  box-shadow: 0 0 12px rgba(199, 173, 120, 0.36);
}

.dialog-off-canvas-main-canvas .ptah-quota-text {
  margin-top: 10px;
  color: var(--tw-muted);
  font-size: 13px;
  font-weight: 700;
}

.dialog-off-canvas-main-canvas .ptah-quota-breakdown {
  display: grid;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.dialog-off-canvas-main-canvas .ptah-quota-breakdown li {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(83, 112, 126, 0.1);
  color: var(--tw-muted);
  font-size: 13px;
  font-weight: 800;
}

/* ------------------------------
   10. Private message inbox
   ------------------------------ */

.dialog-off-canvas-main-canvas .private-message-thread--full-container {
  padding: 18px;
}

.dialog-off-canvas-main-canvas .private_message_thread_clear_history_link_wrapper a,
.dialog-off-canvas-main-canvas .private-message-recipients a {
  color: var(--tw-champagne-dark);
  font-weight: 800;
  text-decoration: none;
}

.dialog-off-canvas-main-canvas .private-message-recipients {
  margin: 0 0 14px;
  color: var(--tw-muted);
  font-size: 14px;
}

.dialog-off-canvas-main-canvas .private-message.private-message-inbox {
  padding: 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(232, 240, 243, 0.64), rgba(255, 250, 242, 0.88));
  border: 1px solid rgba(83, 112, 126, 0.12);
}

.dialog-off-canvas-main-canvas .private-message .field--name-created {
  color: var(--tw-muted);
  font-size: 13px;
  font-weight: 800;
}

.dialog-off-canvas-main-canvas .private-message .username {
  margin-top: 10px;
}

.dialog-off-canvas-main-canvas .private-message .username a {
  color: var(--tw-champagne-dark);
  font-weight: 900;
  text-decoration: none;
}

.dialog-off-canvas-main-canvas .private-message .field--name-message p {
  margin-top: 12px;
  color: var(--tw-slate);
  font-size: 15px;
  line-height: 1.55;
}

/* ------------------------------
   11. Support tickets page
   ------------------------------ */

.dialog-off-canvas-main-canvas .ptah-user-support-tickets-page {
  max-width: 1220px;
  margin: 0 auto;
}

.dialog-off-canvas-main-canvas .ptah-support-card {
  position: relative;
  padding: 0;
}

.dialog-off-canvas-main-canvas .ptah-support-card::before {
  content: "";
  position: absolute;
  right: 22px;
  top: 18px;
  width: 145px;
  height: 95px;
  opacity: 0.28;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 40%, rgba(244, 223, 227, 0.9) 0 18px, transparent 19px),
    radial-gradient(circle at 48% 32%, rgba(255, 255, 255, 0.98) 0 18px, transparent 19px),
    radial-gradient(circle at 75% 58%, rgba(199, 173, 120, 0.28) 0 7px, transparent 8px);
}

.dialog-off-canvas-main-canvas .ptah-support-card__header {
  position: relative;
  padding: 32px 34px 26px;
  background:
    linear-gradient(135deg, rgba(255, 250, 242, 0.94), rgba(232, 240, 243, 0.46));
  border-bottom: 1px solid rgba(199, 173, 120, 0.18);
}

.dialog-off-canvas-main-canvas .ptah-support-card__header::before {
  content: "Support";
  display: inline-flex;
  margin-bottom: 12px;
  padding: 6px 12px;
  border-radius: var(--tw-radius-pill);
  background: rgba(199, 173, 120, 0.12);
  color: var(--tw-champagne-dark);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dialog-off-canvas-main-canvas .ptah-support-card__body {
  padding: 2px 30px 0px;
}

/* ------------------------------
   12. Tables
   ------------------------------ */

.dialog-off-canvas-main-canvas .solo-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(83, 112, 126, 0.12);
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.dialog-off-canvas-main-canvas table.solo-table-all,
.dialog-off-canvas-main-canvas .ptah-support-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
  color: var(--tw-slate);
  overflow: hidden;
}

.dialog-off-canvas-main-canvas table.solo-table-all thead th,
.dialog-off-canvas-main-canvas .ptah-support-table thead th {
  padding: 16px 18px;
  border: 0;
  border-bottom: 1px solid rgba(199, 173, 120, 0.22);
  background: linear-gradient(180deg, #fffaf2, #f8efe2);
  color: #6f623d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dialog-off-canvas-main-canvas table.solo-table-all tbody td,
.dialog-off-canvas-main-canvas .ptah-support-table tbody td {
  padding: 16px 18px;
  border: 0;
  border-bottom: 1px solid rgba(83, 112, 126, 0.1);
  color: #52616a;
  font-size: 14px;
  vertical-align: middle;
}

.dialog-off-canvas-main-canvas table.solo-table-all tbody tr:last-child td,
.dialog-off-canvas-main-canvas .ptah-support-table tbody tr:last-child td {
  border-bottom: 0;
}

.dialog-off-canvas-main-canvas table.solo-table-all tbody tr.odd,
.dialog-off-canvas-main-canvas .ptah-support-table tbody tr.odd {
  background: #ffffff;
}

.dialog-off-canvas-main-canvas table.solo-table-all tbody tr.even,
.dialog-off-canvas-main-canvas .ptah-support-table tbody tr.even {
  background: rgba(255, 250, 242, 0.42);
}

.dialog-off-canvas-main-canvas table.solo-table-all tbody tr:hover,
.dialog-off-canvas-main-canvas .ptah-support-table tbody tr:hover {
  background: rgba(232, 240, 243, 0.36);
}

.dialog-off-canvas-main-canvas .ptah-ticket-link {
  color: var(--tw-slate);
  font-weight: 900;
  text-decoration: none;
}

.dialog-off-canvas-main-canvas .ptah-ticket-link:hover {
  color: var(--tw-champagne-dark);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ------------------------------
   13. Ticket badges and common badges
   ------------------------------ */

.dialog-off-canvas-main-canvas .ptah-ticket-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: var(--tw-radius-pill);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid transparent;
  white-space: nowrap;
}

.dialog-off-canvas-main-canvas .ptah-ticket-badge--closed {
  color: #246347;
  background: #e7f6ed;
  border-color: rgba(36, 99, 71, 0.16);
}

.dialog-off-canvas-main-canvas .ptah-ticket-badge--waiting_staff {
  color: #805b17;
  background: #fff2d9;
  border-color: rgba(128, 91, 23, 0.16);
}

.dialog-off-canvas-main-canvas .ptah-ticket-badge--open {
  color: #285f78;
  background: #e4f3f9;
  border-color: rgba(40, 95, 120, 0.16);
}

.dialog-off-canvas-main-canvas .ptah-ticket-badge--normal {
  color: #6c6870;
  background: #f3f1f4;
  border-color: rgba(108, 104, 112, 0.13);
}

/* Dashboard support ticket block does not have badge classes, so polish plain status text gently */
.dialog-off-canvas-main-canvas .block-ptah-user-support-tickets-block table td:nth-child(2) {
  font-weight: 900;
  text-transform: capitalize;
}

/* ------------------------------
   14. Buttons, form elements, links
   ------------------------------ */

.dialog-off-canvas-main-canvas .page-wrapper a.button,
.dialog-off-canvas-main-canvas .page-wrapper input.button,
.dialog-off-canvas-main-canvas .page-wrapper button.button,
.dialog-off-canvas-main-canvas .page-wrapper input[type="submit"],
.dialog-off-canvas-main-canvas .page-wrapper .form-submit {
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid rgba(155, 123, 68, 0.34);
  border-radius: var(--tw-radius-pill);
  background: linear-gradient(135deg, var(--tw-champagne), var(--tw-champagne-dark));
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(155, 123, 68, 0.18);
  font-weight: 900;
  text-decoration: none;
  transition: 180ms ease;
}

.dialog-off-canvas-main-canvas .page-wrapper a.button:hover,
.dialog-off-canvas-main-canvas .page-wrapper input.button:hover,
.dialog-off-canvas-main-canvas .page-wrapper button.button:hover,
.dialog-off-canvas-main-canvas .page-wrapper input[type="submit"]:hover,
.dialog-off-canvas-main-canvas .page-wrapper .form-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 13px 28px rgba(155, 123, 68, 0.24);
}

.dialog-off-canvas-main-canvas input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.dialog-off-canvas-main-canvas textarea,
.dialog-off-canvas-main-canvas select {
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: var(--tw-slate);
  box-shadow: 0 4px 12px rgba(57, 72, 80, 0.04) !important;
}

.dialog-off-canvas-main-canvas input:focus,
.dialog-off-canvas-main-canvas textarea:focus,
.dialog-off-canvas-main-canvas select:focus {
  border-color: rgba(199, 173, 120, 0.58) !important;
  box-shadow: 0 0 0 4px rgba(199, 173, 120, 0.12) !important;
  outline: none;
}

/* ------------------------------
   15. Copyright/footer
   ------------------------------ */

.dialog-off-canvas-main-canvas #copyright {
  background:
    linear-gradient(90deg, rgba(255, 250, 242, 0.98), rgba(232, 240, 243, 0.7), rgba(255, 250, 242, 0.98)) !important;
  border-top: 1px solid rgba(199, 173, 120, 0.24);
  color: var(--tw-muted);
}

.dialog-off-canvas-main-canvas #copyright-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 26px 20px;
  text-align: center;
}

.dialog-off-canvas-main-canvas #copyright .copyright-first {
  margin: 0;
  color: #6f7a80;
  font-size: 13px;
  font-weight: 700;
}

/* ------------------------------
   16. Responsive behaviour
   ------------------------------ */

@media (max-width: 1100px) {
  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
    grid-template-columns: 1fr;
  }

  .dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 {
    position: static;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }

  .dialog-off-canvas-main-canvas #header-inner {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  .dialog-off-canvas-main-canvas #main-container-inner {
    padding: 20px 14px 54px;
  }

  .dialog-off-canvas-main-canvas .page-title-text,
  .dialog-off-canvas-main-canvas h1.page-title,
  .dialog-off-canvas-main-canvas h1.page-title-text {
    font-size: clamp(1.9rem, 10vw, 3rem);
    letter-spacing: 0.08em;
  }

  .dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks {
    padding: 12px;
    border-radius: 18px;
  }

  .dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link {
    min-height: 36px;
    padding: 9px 12px;
    font-size: 12px;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section,
  .dialog-off-canvas-main-canvas .ptah-support-card__header,
  .dialog-off-canvas-main-canvas .ptah-support-card__body {
    padding: 20px;
  }

  .dialog-off-canvas-main-canvas .view-users-groups .views-row {
    padding: 76px 18px 18px;
  }

  .dialog-off-canvas-main-canvas .view-users-groups .views-row::before {
    left: 18px;
    top: 18px;
  }

  .dialog-off-canvas-main-canvas .dash-group-info-footer {
    flex-direction: column;
  }

  .dialog-off-canvas-main-canvas .dash-group-info-footer a {
    justify-content: center;
    width: 100%;
  }

  .dialog-off-canvas-main-canvas table.solo-table-all thead th,
  .dialog-off-canvas-main-canvas .ptah-support-table thead th,
  .dialog-off-canvas-main-canvas table.solo-table-all tbody td,
  .dialog-off-canvas-main-canvas .ptah-support-table tbody td {
    padding: 13px 14px;
    font-size: 13px;
  }
}


/* ============================================================
   TrulyWed Concept 1 Platform UI — Corrected Pass 2
   Purpose: remove over-designed additions and return closer to mockup.
   Paste below the first Concept 1 block.
   Do not keep the previous Pass 2 block.
   ============================================================ */


/* ============================================================
   1. Reset unwanted decorative additions
   ============================================================ */

.dialog-off-canvas-main-canvas #header::before,
.dialog-off-canvas-main-canvas #header::after,
.dialog-off-canvas-main-canvas #page-title::after,
.dialog-off-canvas-main-canvas .ptah-support-card::before,
.dialog-off-canvas-main-canvas .view-users-groups .views-row::before,
.dialog-off-canvas-main-canvas .dash-group-info-footer a::before,
.dialog-off-canvas-main-canvas .ptah-quota-breakdown li::before,
.dialog-off-canvas-main-canvas .private_message_thread_clear_history_link_wrapper a::before,
.dialog-off-canvas-main-canvas .private-message-recipients::before {
  content: none !important;
  display: none !important;
}


/* ============================================================
   2. Page background: simple, close to current mockup
   ============================================================ */

.dialog-off-canvas-main-canvas #page-wrapper {
  background: #dfeaf0 !important;
  color: #2f3c44;
}

.dialog-off-canvas-main-canvas #main-container {
  background: transparent !important;
}
/*
.dialog-off-canvas-main-canvas #main-container-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 26px 24px 78px;
}
*/

/* ============================================================
   3. Header: keep clean logo area, no extra decoration
   ============================================================ */

.dialog-off-canvas-main-canvas #header {
  background:
    radial-gradient(circle at top left, rgba(246, 222, 226, 0.65), transparent 28%),
    radial-gradient(circle at top right, rgba(234, 250, 247, 0.72), transparent 32%),
    linear-gradient(135deg, #ffffff, #fffaf2) !important;
  border-bottom: 1px solid rgba(180, 166, 144, 0.24) !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas #header-inner {
  min-height: 138px;
  padding: 18px 26px 20px;
}

.dialog-off-canvas-main-canvas .branding-wrapper {
  margin: 20px auto 0 !important;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-site-branding img.site-logo-img {
  width: min(230px, 56vw);
  max-width: 230px;
  filter: none !important;
}


/* Header user/logout pill */
.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 {
  position: absolute;
  top: 24px;
  right: 28px;
  z-index: 2;
}

.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 ul.liul-box {
  display: flex;
  gap: 6px;
  align-items: center;
  margin: 0;
  padding: 7px 9px;
  list-style: none;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(180, 166, 144, 0.22);
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(57, 72, 80, 0.07);
}

.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 ul.liul-box a {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  color: #747f84;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 ul.liul-box a:hover {
  color: #8f7143;
  background: transparent !important;
}


/* ============================================================
   4. Hide public account menu on these platform screens
   The mockup focuses on logo + local tabs, not the public menu.
   ============================================================ */

.dialog-off-canvas-main-canvas #primary-menu {
  display: none !important;
}


/* ============================================================
   5. Page title: no added card/background, just clean title area
   ============================================================ */

.dialog-off-canvas-main-canvas #page-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas #page-title-inner {
  padding: 72px 18px 48px !important;
}

.dialog-off-canvas-main-canvas .page-title-text,
.dialog-off-canvas-main-canvas h1.page-title,
.dialog-off-canvas-main-canvas h1.page-title-text {
  margin: 0 !important;
  color: #34424a !important;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.8rem, 5.4vw, 5.6rem) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.72);
}


/* ============================================================
   6. Local tabs: no wrapper background, only individual pills
   ============================================================ */

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks {
  max-width: 100%;
  margin: 0 auto 42px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks nav.tabs,
.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks ul.tabs.primary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks ul.tabs.primary {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 18px !important;
  border: 1px solid rgba(191, 176, 151, 0.55) !important;
  border-radius: 999px !important;
  background: #fffaf2 !important;
  color: #778086 !important;
  box-shadow: 0 3px 8px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link:hover,
.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link:focus {
  background: #ffffff !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.5) !important;
  transform: none !important;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local.is-active > a.tabs__link,
.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks li.task-local > a.tabs__link.is-active {
  background: #f7efe1 !important;
  color: #111111 !important;
  border-color: rgba(155, 123, 68, 0.66) !important;
  box-shadow: 0 5px 12px rgba(155, 123, 68, 0.16) !important;
}


/* ============================================================
   7. Dashboard layout: simple card system, no fake icons
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard {
  max-width: 1120px;
  margin: 0 auto;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
  gap: 28px;
  align-items: start;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section {
  margin-bottom: 24px !important;
  padding: 20px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.32) !important;
  border-radius: 3px !important;
  box-shadow: 0 8px 20px rgba(57, 72, 80, 0.08) !important;
  overflow: hidden;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .solo-block-title {
  margin: 0 0 18px !important;
  color: #4f5357 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.7rem, 2.2vw, 2.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .solo-block-title::after {
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  margin-top: 12px;
  background: rgba(155, 123, 68, 0.42);
}


/* Wedding companion rows */
.dialog-off-canvas-main-canvas .view-users-groups .view-content {
  display: grid;
  gap: 16px;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-row {
  padding: 22px 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05) !important;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-label a {
  color: #9b7b44 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-label a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-group-roles {
  display: inline;
  margin-left: 8px;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-group-roles,
.dialog-off-canvas-main-canvas .view-users-groups .views-field-created,
.dialog-off-canvas-main-canvas .view-users-groups .views-field-uid,
.dialog-off-canvas-main-canvas .view-users-groups .views-field-status {
  margin-top: 7px;
  color: #6f7a80 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.dialog-off-canvas-main-canvas .view-users-groups .views-field-status .field-content {
  color: #26714e !important;
  font-weight: 800;
}


/* Dashboard action links */
.dialog-off-canvas-main-canvas .dash-group-info-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px !important;
}

.dialog-off-canvas-main-canvas .dash-group-info-footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 13px !important;
  border: 1px solid rgba(191, 176, 151, 0.32) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #25323a !important;
  box-shadow: 0 3px 8px rgba(57, 72, 80, 0.07) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.dialog-off-canvas-main-canvas .dash-group-info-footer a:hover {
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.48) !important;
}

.dialog-off-canvas-main-canvas .dash-group-info-footer a.join-leave {
  background: #fffafa !important;
  color: #25323a !important;
  border-color: rgba(202, 163, 170, 0.4) !important;
}


/* ============================================================
   8. Dashboard side cards
   ============================================================ */

.dialog-off-canvas-main-canvas .ptah-quota-summary {
  padding: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas .ptah-quota-label {
  margin-bottom: 12px;
  color: #34424a;
  font-weight: 900;
}

.dialog-off-canvas-main-canvas .ptah-quota-bar-bg {
  height: 9px;
  background: #e5eef2 !important;
  border: 1px solid rgba(83, 112, 126, 0.08);
  border-radius: 999px;
  overflow: hidden;
}

.dialog-off-canvas-main-canvas .ptah-quota-bar-fill {
  height: 100%;
  background: #b79a5d !important;
  border-radius: inherit;
}

.dialog-off-canvas-main-canvas .ptah-quota-text {
  margin-top: 10px;
  color: #6f7a80;
  font-size: 12px;
  font-weight: 700;
}

.dialog-off-canvas-main-canvas .ptah-quota-breakdown {
  display: grid;
  gap: 10px;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.dialog-off-canvas-main-canvas .ptah-quota-breakdown li {
  padding: 11px 13px !important;
  background: #fffdf9 !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 10px !important;
  color: #5f6a70 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}


/* ============================================================
   9. Private messages
   ============================================================ */

.dialog-off-canvas-main-canvas .private-message-thread--full-container {
  padding: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas .private_message_thread_clear_history_link_wrapper {
  display: inline-flex;
  margin-right: 20px;
}

.dialog-off-canvas-main-canvas .private_message_thread_clear_history_link_wrapper a,
.dialog-off-canvas-main-canvas .private-message-recipients,
.dialog-off-canvas-main-canvas .private-message-recipients a {
  color: #6f7a80 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.dialog-off-canvas-main-canvas .private-message-recipients {
  display: inline-flex;
  gap: 4px;
}

.dialog-off-canvas-main-canvas .private-message.private-message-inbox {
  margin-top: 28px !important;
  padding: 18px !important;
  background: #e8f0f6 !important;
  border: 1px solid rgba(83, 112, 126, 0.16) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas .private-message .field--name-created {
  color: #6f7a80 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.dialog-off-canvas-main-canvas .private-message .field--name-message p {
  margin-top: 12px !important;
  color: #25323a !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}


/* ============================================================
   10. Support tickets full page
   ============================================================ */

.dialog-off-canvas-main-canvas .ptah-user-support-tickets-page {
  max-width: 980px;
  margin: 0 auto;
}

.dialog-off-canvas-main-canvas .ptah-support-card {
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 3px !important;
  box-shadow: 0 10px 24px rgba(57, 72, 80, 0.09) !important;
  overflow: hidden;
}

.dialog-off-canvas-main-canvas .ptah-support-card__header {
  padding: 34px 34px 28px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.2) !important;
}

.dialog-off-canvas-main-canvas .ptah-support-card__header::before {
  content: none !important;
  display: none !important;
}

.dialog-off-canvas-main-canvas .ptah-support-card__header h2 {
  margin: 0 0 12px !important;
  color: #25323a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em;
}

.dialog-off-canvas-main-canvas .ptah-support-card__header h2::after {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  margin-top: 12px;
  background: rgba(155, 123, 68, 0.42);
}

.dialog-off-canvas-main-canvas .ptah-support-card__header p {
  margin: 0 !important;
  color: #6f7a80 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.dialog-off-canvas-main-canvas .ptah-support-card__body {
  padding: 32px 34px 42px !important;
}


/* ============================================================
   11. Tables
   ============================================================ */

.dialog-off-canvas-main-canvas .solo-table-wrapper {
  width: 100%;
  overflow-x: auto;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas table.solo-table-all,
.dialog-off-canvas-main-canvas .ptah-support-table {
  width: 100%;
  margin: 0 !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
}

.dialog-off-canvas-main-canvas table.solo-table-all thead th,
.dialog-off-canvas-main-canvas .ptah-support-table thead th {
  padding: 16px 18px !important;
  background: #fffaf2 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.28) !important;
  color: #756846 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.dialog-off-canvas-main-canvas table.solo-table-all tbody td,
.dialog-off-canvas-main-canvas .ptah-support-table tbody td {
  padding: 16px 18px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.11) !important;
  color: #52616a !important;
  font-size: 13px !important;
  vertical-align: middle !important;
}

.dialog-off-canvas-main-canvas table.solo-table-all tbody tr:last-child td,
.dialog-off-canvas-main-canvas .ptah-support-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.dialog-off-canvas-main-canvas table.solo-table-all tbody tr:hover,
.dialog-off-canvas-main-canvas .ptah-support-table tbody tr:hover {
  background: rgba(232, 240, 243, 0.25) !important;
}

.dialog-off-canvas-main-canvas .ptah-ticket-link {
  color: #25323a !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.dialog-off-canvas-main-canvas .ptah-ticket-link:hover {
  color: #8f7143 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}


/* ============================================================
   12. Ticket badges
   ============================================================ */

.dialog-off-canvas-main-canvas .ptah-ticket-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid transparent;
}

.dialog-off-canvas-main-canvas .ptah-ticket-badge--closed {
  color: #246347;
  background: #e7f6ed;
  border-color: rgba(36, 99, 71, 0.14);
}

.dialog-off-canvas-main-canvas .ptah-ticket-badge--waiting_staff {
  color: #805b17;
  background: #fff2d9;
  border-color: rgba(128, 91, 23, 0.14);
}

.dialog-off-canvas-main-canvas .ptah-ticket-badge--open {
  color: #285f78;
  background: #e4f3f9;
  border-color: rgba(40, 95, 120, 0.14);
}

.dialog-off-canvas-main-canvas .ptah-ticket-badge--normal {
  color: #6c6870;
  background: #f3f1f4;
  border-color: rgba(108, 104, 112, 0.13);
}


/* ============================================================
   13. Buttons and submits
   Keep text readable everywhere.
   ============================================================ */

.dialog-off-canvas-main-canvas .page-wrapper a.button,
.dialog-off-canvas-main-canvas .page-wrapper input.button,
.dialog-off-canvas-main-canvas .page-wrapper button.button,
.dialog-off-canvas-main-canvas .page-wrapper input[type="submit"],
.dialog-off-canvas-main-canvas .page-wrapper .form-submit {
  min-height: 40px;
  padding: 9px 22px !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #25323a !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.dialog-off-canvas-main-canvas .page-wrapper a.button:hover,
.dialog-off-canvas-main-canvas .page-wrapper input.button:hover,
.dialog-off-canvas-main-canvas .page-wrapper button.button:hover,
.dialog-off-canvas-main-canvas .page-wrapper input[type="submit"]:hover,
.dialog-off-canvas-main-canvas .page-wrapper .form-submit:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.58) !important;
  transform: none !important;
}


/* ============================================================
   14. Forms
   ============================================================ */

.dialog-off-canvas-main-canvas form.user-form,
.dialog-off-canvas-main-canvas form[id^="user-form"],
.dialog-off-canvas-main-canvas #block-solo-subtheme-content > form,
.dialog-off-canvas-main-canvas #block-solo-subtheme-content .user-form {
  max-width: 620px;
  margin: 0 auto 70px !important;
  padding: 34px 34px 42px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 3px !important;
  box-shadow: 0 10px 24px rgba(57, 72, 80, 0.09) !important;
}

.dialog-off-canvas-main-canvas form.user-form label,
.dialog-off-canvas-main-canvas form[id^="user-form"] label {
  color: #34424a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.dialog-off-canvas-main-canvas form.user-form .description,
.dialog-off-canvas-main-canvas form[id^="user-form"] .description {
  color: #6f7a80 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.dialog-off-canvas-main-canvas form.user-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.dialog-off-canvas-main-canvas form[id^="user-form"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.dialog-off-canvas-main-canvas form.user-form select,
.dialog-off-canvas-main-canvas form[id^="user-form"] select,
.dialog-off-canvas-main-canvas form.user-form textarea,
.dialog-off-canvas-main-canvas form[id^="user-form"] textarea {
  min-height: 38px;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #25323a !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas form.user-form fieldset,
.dialog-off-canvas-main-canvas form[id^="user-form"] fieldset,
.dialog-off-canvas-main-canvas form.user-form details,
.dialog-off-canvas-main-canvas form[id^="user-form"] details {
  margin: 20px 0 !important;
  padding: 16px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas form.user-form legend,
.dialog-off-canvas-main-canvas form[id^="user-form"] legend,
.dialog-off-canvas-main-canvas form.user-form summary,
.dialog-off-canvas-main-canvas form[id^="user-form"] summary {
  color: #756846 !important;
  font-weight: 900 !important;
}

.dialog-off-canvas-main-canvas form.user-form .form-actions,
.dialog-off-canvas-main-canvas form[id^="user-form"] .form-actions {
  display: flex;
  justify-content: center;
  margin-top: 28px !important;
}

.dialog-off-canvas-main-canvas form.user-form input#edit-submit,
.dialog-off-canvas-main-canvas form[id^="user-form"] input#edit-submit {
  min-width: 150px !important;
  color: #25323a !important;
}


/* ============================================================
   15. Footer
   ============================================================ */

.dialog-off-canvas-main-canvas #copyright {
  background: linear-gradient(90deg, #fffaf2, #f5f8f8, #fffaf2) !important;
  border-top: 1px solid rgba(191, 176, 151, 0.24) !important;
  color: #6f7a80 !important;
}

.dialog-off-canvas-main-canvas #copyright-inner {
  padding: 28px 20px !important;
  text-align: center;
}

.dialog-off-canvas-main-canvas #copyright .copyright-first {
  margin: 0 !important;
  color: #52616a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}


/* ============================================================
   16. Responsive
   ============================================================ */

@media (max-width: 980px) {
  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
    grid-template-columns: 1fr;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard,
  .dialog-off-canvas-main-canvas .ptah-user-support-tickets-page {
    max-width: 760px;
  }

  .dialog-off-canvas-main-canvas #block-logged-in-user-link-block-1 {
    position: static;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
  }
}

@media (max-width: 680px) {
  .dialog-off-canvas-main-canvas #page-title-inner {
    padding: 48px 14px 36px !important;
  }

  .dialog-off-canvas-main-canvas .page-title-text,
  .dialog-off-canvas-main-canvas h1.page-title,
  .dialog-off-canvas-main-canvas h1.page-title-text {
    font-size: clamp(2rem, 10vw, 3.2rem) !important;
    letter-spacing: 0.1em !important;
  }

  .dialog-off-canvas-main-canvas #main-container-inner {
    padding: 20px 14px 62px;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section,
  .dialog-off-canvas-main-canvas .ptah-support-card__header,
  .dialog-off-canvas-main-canvas .ptah-support-card__body,
  .dialog-off-canvas-main-canvas form.user-form,
  .dialog-off-canvas-main-canvas form[id^="user-form"] {
    padding: 20px !important;
  }

  .dialog-off-canvas-main-canvas .view-users-groups .views-field-group-roles {
    display: block;
    margin-left: 0;
  }

  .dialog-off-canvas-main-canvas .dash-group-info-footer {
    flex-direction: column;
  }

  .dialog-off-canvas-main-canvas .dash-group-info-footer a {
    width: 100%;
  }
}

/* ============================================================
   TrulyWed Concept 1 — Dashboard Media Storage Cleaner Fix
   Paste below current Concept 1 CSS.
   ============================================================ */

/* Media Storage outer card */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second
  .block-ptah-disk-quota-usage-block {
  padding: 22px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 3px !important;
  box-shadow: 0 8px 20px rgba(57, 72, 80, 0.08) !important;
}

/* Keep the heading clean and aligned */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second
  .block-ptah-disk-quota-usage-block .solo-block-title {
  margin: 0 0 18px !important;
  color: #4f5357 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second
  .block-ptah-disk-quota-usage-block .solo-block-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  margin-top: 12px;
  background: rgba(155, 123, 68, 0.42);
}

/* Remove the nested-card feeling */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-summary {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Disk usage label */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-label {
  margin: 0 0 10px !important;
  color: #34424a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Progress bar */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-bar-wrap {
  margin-bottom: 18px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-bar-bg {
  height: 8px !important;
  background: #e5eef2 !important;
  border: 1px solid rgba(83, 112, 126, 0.08) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-bar-fill {
  height: 100% !important;
  background: #b79a5d !important;
  border-radius: inherit !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-text {
  margin-top: 9px !important;
  color: #6f7a80 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

/* Cleaner breakdown list */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Remove boxed button look from each item */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li {
  display: block !important;
  padding: 0 0 8px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.18) !important;
  border-radius: 0 !important;
  color: #5f6a70 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Make the labels slightly stronger without requiring markup changes */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li::first-letter {
  color: #34424a;
}

/* Remove any old pseudo icons from earlier passes */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li::before {
  content: none !important;
  display: none !important;
}

/* ============================================================
   TrulyWed Concept 1 — Dashboard Support Tickets Cleaner Fix
   Paste below current Concept 1 CSS.
   ============================================================ */

/* Support Tickets outer dashboard card */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second
  .block-ptah-user-support-tickets-block {
  padding: 22px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 3px !important;
  box-shadow: 0 8px 20px rgba(57, 72, 80, 0.08) !important;
  overflow: hidden !important;
}

/* Heading */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second
  .block-ptah-user-support-tickets-block .solo-block-title {
  margin: 0 0 20px !important;
  color: #4f5357 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second
  .block-ptah-user-support-tickets-block .solo-block-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  margin-top: 12px;
  background: rgba(155, 123, 68, 0.42);
}

/* Remove overly boxed table wrapper feel */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block .solo-table-wrapper {
  width: 100%;
  overflow-x: auto;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Table base */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all {
  width: 100%;
  min-width: 0 !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

/* Table header */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all thead th {
  padding: 0 8px 12px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.24) !important;
  color: #756846 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Table cells */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody td {
  padding: 13px 8px 13px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.11) !important;
  color: #52616a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

/* Last row */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Subject column */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:first-child {
  color: #34424a !important;
  font-weight: 800 !important;
}

/* Created column */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(3),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(3) {
  text-align: right !important;
}

/* Status column base */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(2) {
  width: 84px;
  color: #52616a !important;
  font-size: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* Convert raw status text into clean badges.
   This relies on row order because the dashboard mini block
   currently has no status badge classes. */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:nth-child(1) td:nth-child(2)::before,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:nth-child(2) td:nth-child(2)::before,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:nth-child(3) td:nth-child(2)::before,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:nth-child(4) td:nth-child(2)::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid transparent;
}

/* Row 1: Closed */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:nth-child(1) td:nth-child(2)::before {
  content: "Closed";
  color: #246347;
  background: #e7f6ed;
  border-color: rgba(36, 99, 71, 0.14);
}

/* Row 2: Waiting staff */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:nth-child(2) td:nth-child(2)::before {
  content: "Waiting";
  color: #805b17;
  background: #fff2d9;
  border-color: rgba(128, 91, 23, 0.14);
}

/* Rows 3 and 4: Open */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:nth-child(3) td:nth-child(2)::before,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr:nth-child(4) td:nth-child(2)::before {
  content: "Open";
  color: #285f78;
  background: #e4f3f9;
  border-color: rgba(40, 95, 120, 0.14);
}

/* Make dashboard ticket preview calmer on very narrow columns */
@media (max-width: 980px) {
  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-ptah-user-support-tickets-block table.solo-table-all {
    min-width: 460px !important;
  }
}


/* ============================================================
   TrulyWed Concept 1 — Dashboard Layout + Private Message Fix
   Paste below current Concept 1 CSS.
   ============================================================ */


/* ============================================================
   1. Improve dashboard overall width and right-column space
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

/* Give the right column more breathing room */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 390px) !important;
  gap: 36px !important;
  align-items: start !important;
}

/* Keep both columns aligned cleanly */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region {
  min-width: 0 !important;
}

/* Slightly reduce oversized empty vertical spacing */
.dialog-off-canvas-main-canvas #main-container-inner {
  padding-top: 20px !important;
}


/* ============================================================
   2. Standardise dashboard card spacing
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section {
  margin-bottom: 26px !important;
}

/* Main left cards */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--first > section {
  padding: 22px !important;
}

/* Right column cards */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second > section {
  padding: 22px !important;
}

/* Card headings: a little tighter and cleaner */
.dialog-off-canvas-main-canvas .dashboard--dashboard .solo-block-title {
  margin-bottom: 20px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .solo-block-title::after {
  margin-top: 11px !important;
}


/* ============================================================
   3. Support Tickets dashboard block: prevent squeezed table
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block {
  min-width: 360px !important;
}

/* Let the table use the card width properly */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block .solo-table-wrapper {
  overflow-x: visible !important;
}

/* Make the mini table readable without horizontal scroll */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all {
  table-layout: fixed !important;
  width: 100% !important;
}

/* Better column proportions */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(1),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(1) {
  width: 43% !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(2),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(2) {
  width: 25% !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(3),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(3) {
  width: 32% !important;
}

/* Improve table spacing */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all thead th {
  padding: 0 8px 13px 0 !important;
  font-size: 10px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody td {
  padding: 15px 8px 15px 0 !important;
  font-size: 12px !important;
}

/* Keep subject readable */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:first-child {
  line-height: 1.3 !important;
  word-break: normal !important;
}

/* Created date should wrap neatly, not feel crushed */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(3) {
  color: #52616a !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  text-align: right !important;
}

/* Slightly smaller badges to fit the preview table */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr td:nth-child(2)::before {
  min-height: 21px !important;
  padding: 4px 7px !important;
  font-size: 8.5px !important;
}


/* ============================================================
   4. Media Storage: match the new right-column width
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block {
  min-width: 360px !important;
}


/* ============================================================
   5. Private Message Inbox block polish
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block {
  padding: 22px !important;
}

/* Inner white message container */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message-thread--full-container {
  padding: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.22) !important;
  border-radius: 14px !important;
  box-shadow:
    0 5px 14px rgba(57, 72, 80, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* Top meta row */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message-thread {
  display: block !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private_message_thread_clear_history_link_wrapper,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message-recipients {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 18px 18px 0 !important;
  color: #6f7a80 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private_message_thread_clear_history_link_wrapper a,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message-recipients a {
  color: #7c704f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private_message_thread_clear_history_link_wrapper a:hover,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message-recipients a:hover {
  color: #9b7b44 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

/* Message preview bubble */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message.private-message-inbox {
  margin-top: 20px !important;
  padding: 20px !important;
  background: #e8f0f6 !important;
  border: 1px solid rgba(83, 112, 126, 0.15) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

/* Hide noisy owner/from field inside inbox preview */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message .field--name-owner {
  display: none !important;
}

/* Date line */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message .field--name-created {
  margin-bottom: 14px !important;
  color: #6f7a80 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Add a simple date icon using existing visual language */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message .field--name-created::before {
  content: "◷";
  display: inline-block;
  margin-right: 7px;
  color: #8e9599;
  font-size: 15px;
  line-height: 1;
  vertical-align: -1px;
}

/* Message text */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message .field--name-message p {
  margin: 0 !important;
  color: #25323a !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Make whole message preview feel clickable without overstyling */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message-inbox-thread-link {
  border-radius: 7px;
}


/* ============================================================
   6. Responsive: collapse neatly
   ============================================================ */

@media (max-width: 1100px) {
  .dialog-off-canvas-main-canvas .dashboard--dashboard {
    max-width: 760px !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
    grid-template-columns: 1fr !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-ptah-user-support-tickets-block,
  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-ptah-disk-quota-usage-block {
    min-width: 0 !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-ptah-user-support-tickets-block .solo-table-wrapper {
    overflow-x: auto !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-ptah-user-support-tickets-block table.solo-table-all {
    min-width: 460px !important;
  }
}

@media (max-width: 680px) {
  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-private-message-inbox-block .private_message_thread_clear_history_link_wrapper,
  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-private-message-inbox-block .private-message-recipients {
    display: flex !important;
    margin-right: 0 !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-private-message-inbox-block .private-message.private-message-inbox {
    padding: 16px !important;
  }
}


/* ============================================================
   TrulyWed Concept 1 — Dashboard Column Gap + Support Table Padding
   Paste below current Concept 1 CSS.
   ============================================================ */


/* ============================================================
   1. Reduce gap between left and right dashboard columns
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard {
  max-width: 1160px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 380px) !important;
  gap: 22px !important;
  column-gap: 22px !important;
}


/* ============================================================
   2. Give Support Tickets table proper inner padding
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block {
  padding: 22px 24px 26px !important;
}

/* Add a soft inner table panel so the table is not flush */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block .solo-table-wrapper {
  padding: 14px 16px !important;
  background: #fffdf9 !important;
  border: 1px solid rgba(191, 176, 151, 0.18) !important;
  border-radius: 10px !important;
  overflow-x: visible !important;
}

/* Prevent table from touching the wrapper edges */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all {
  width: 100% !important;
  table-layout: fixed !important;
}

/* Better table column balance */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(1),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(1) {
  width: 42% !important;
  padding-left: 0 !important;
  padding-right: 12px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(2),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(2) {
  width: 24% !important;
  padding-left: 4px !important;
  padding-right: 10px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(3),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(3) {
  width: 34% !important;
  padding-left: 10px !important;
  padding-right: 10 !important;
}

/* More comfortable row height */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all thead th {
  padding-top: 2px !important;
  padding-bottom: 14px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* Keep ticket subjects readable */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:first-child {
  color: #34424a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.32 !important;
}

/* Keep dates clean on the right */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(3) {
  color: #52616a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  text-align: right !important;
}

/* Align status badges better in the column */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(2) {
  text-align: left !important;
}

/* Slightly improve status badge width consistency */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody tr td:nth-child(2)::before {
  min-width: 44px !important;
}


/* ============================================================
   3. Make the right column cards feel aligned with left cards
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second > section {
  width: 100% !important;
  box-sizing: border-box !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--first > section,
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second > section {
  box-sizing: border-box !important;
}


/* ============================================================
   4. Responsive fallback
   ============================================================ */

@media (max-width: 1100px) {
  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-ptah-user-support-tickets-block .solo-table-wrapper {
    overflow-x: auto !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .block-ptah-user-support-tickets-block table.solo-table-all {
    min-width: 460px !important;
  }
}

/* ============================================================
   TrulyWed Concept 1 — Wedding Companions Dashboard Block Fix
   Paste below current Concept 1 CSS.
   ============================================================ */


/* ============================================================
   1. Main Wedding Companions card
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-views-blockusers-groups-block-1 {
  padding: 24px !important;
}

/* Keep the block heading aligned and refined */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-views-blockusers-groups-block-1 .solo-block-title {
  margin-bottom: 22px !important;
}


/* ============================================================
   2. Companion rows: cleaner spacing and better proportions
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .view-content {
  display: grid !important;
  gap: 18px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-row {
  padding: 24px 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05) !important;
}

/* Remove odd inherited padding from all inner view fields */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-row div {
  padding-top: 0 !important;
}


/* ============================================================
   3. Title and role sentence alignment
   ============================================================ */

/* Title */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-label {
  display: inline !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-label a {
  color: #9b7b44 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

/* Role text */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-group-roles {
  display: inline !important;
  margin-left: 10px !important;
  color: #6f7a80 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-group-roles a {
  color: #9b7b44 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-group-roles a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}


/* ============================================================
   4. Metadata lines
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-created,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-uid,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-status {
  margin-top: 7px !important;
  color: #6f7a80 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-created time {
  color: #6f7a80 !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-uid a {
  color: #9b7b44 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-uid a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

/* Published status */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-status .field-content {
  color: #27724d !important;
  font-weight: 900 !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-status .field-content::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  border-radius: 50%;
  background: #41a66f;
  vertical-align: 1px;
}


/* ============================================================
   5. Companion action buttons
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-nothing-2 {
  margin-top: 18px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .dash-compan-footer-links {
  display: block !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .dash-group-info-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 0 !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .dash-group-info-footer a {
  min-height: 31px !important;
  padding: 7px 14px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.32) !important;
  border-radius: 999px !important;
  color: #25323a !important;
  box-shadow: 0 4px 9px rgba(57, 72, 80, 0.07) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .dash-group-info-footer a:hover {
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.5) !important;
  background: #fffaf2 !important;
}

/* Keep leave button calm, not alarming */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .dash-group-info-footer a.join-leave {
  color: #25323a !important;
  background: #fffafa !important;
  border-color: rgba(202, 163, 170, 0.38) !important;
}


/* ============================================================
   6. Reduce empty whitespace in long first row
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-row:first-child {
  min-height: unset !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-row > * {
  max-width: 100% !important;
}


/* ============================================================
   7. Mobile behaviour
   ============================================================ */

@media (max-width: 760px) {
  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .view-users-groups .views-field-label,
  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .view-users-groups .views-field-group-roles {
    display: block !important;
    margin-left: 0 !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .view-users-groups .views-field-group-roles {
    margin-top: 6px !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .dash-group-info-footer {
    align-items: stretch !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard
    .dash-group-info-footer a {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ============================================================
   TrulyWed Concept 1 — Dashboard Spacing Calibration
   Reference: current dashboard screenshot.
   Paste below current Concept 1 CSS.
   ============================================================ */


/* ============================================================
   1. Reduce vertical space from title to tabs/content
   ============================================================ */

.dialog-off-canvas-main-canvas #page-title-inner {
  padding: 58px 18px 38px !important;
}

.dialog-off-canvas-main-canvas #block-solo-subtheme-primary-local-tasks {
  margin: 0 auto 34px !important;
}


/* ============================================================
   2. Bring dashboard content wider and better centred
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard {
  max-width: 1220px !important;
  margin: 0 auto !important;
}

/* Wider left column, usable right column, smaller middle gap */
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
  grid-template-columns: minmax(0, 760px) minmax(340px, 360px) !important;
  gap: 24px !important;
  column-gap: 24px !important;
  justify-content: center !important;
  align-items: start !important;
}


/* ============================================================
   3. Slightly widen and balance the main cards
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--first {
  width: 100% !important;
  max-width: 760px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second {
  width: 100% !important;
  max-width: 360px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--first > section,
.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second > section {
  width: 100% !important;
  box-sizing: border-box !important;
}


/* ============================================================
   4. Reduce excessive vertical gap between left cards
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section {
  margin-bottom: 22px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region > section:last-child {
  margin-bottom: 0 !important;
}


/* ============================================================
   5. Wedding Companions block spacing
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-views-blockusers-groups-block-1 {
  padding: 24px 26px 26px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-row {
  padding: 24px 28px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-label a {
  font-size: 1.23rem !important;
}

/* Keep the role sentence close but not cramped */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .view-users-groups .views-field-group-roles {
  margin-left: 12px !important;
  font-size: 12.5px !important;
}


/* ============================================================
   6. Private Message block spacing
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block {
  padding: 24px 26px 26px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message-thread--full-container {
  padding: 24px 28px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-private-message-inbox-block .private-message.private-message-inbox {
  margin-top: 18px !important;
  padding: 20px 22px !important;
}


/* ============================================================
   7. Right column card spacing
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second > section {
  padding: 24px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block {
  min-width: 0 !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block {
  min-width: 0 !important;
}


/* ============================================================
   8. Support Tickets dashboard table padding
   ============================================================ */

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block .solo-table-wrapper {
  padding: 16px 18px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(1),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(1) {
  width: 44% !important;
  padding-right: 12px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(2),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(2) {
  width: 23% !important;
  padding-right: 10px !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all th:nth-child(3),
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all td:nth-child(3) {
  width: 33% !important;
}

.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-user-support-tickets-block table.solo-table-all tbody td {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}


/* ============================================================
   9. Desktop-only fine tuning
   ============================================================ */

@media (min-width: 1200px) {
  .dialog-off-canvas-main-canvas #main-container-inner {
    padding-top: 18px !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard {
    transform: translateX(-4px);
  }
}


/* ============================================================
   10. Responsive fallback
   ============================================================ */

@media (max-width: 1100px) {
  .dialog-off-canvas-main-canvas .dashboard--dashboard {
    max-width: 760px !important;
    transform: none !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout--twocol-section {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--first,
  .dialog-off-canvas-main-canvas .dashboard--dashboard .layout__region--second {
    max-width: 100% !important;
  }
}

/* ============================================================
   TrulyWed Concept 1 — Media Storage Text Clipping Fix
   Paste below current Concept 1 CSS.
   ============================================================ */

/* Stop Media Storage text from being clipped on the left */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block * {
  overflow: visible !important;
}

/* Reset list item layout cleanly */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown {
  display: block !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Full-width rows with safe left padding */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.18) !important;
  color: #5f6a70 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

/* Last row clean */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li:last-child {
  border-bottom: 0 !important;
}

/* Remove any inherited pseudo content/icon spacing */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li::before,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li::after {
  content: none !important;
  display: none !important;
}

/* Make sure the quota text itself is not clipped */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-text,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-label {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

/* ============================================================
   TrulyWed Concept 1 — Media Storage Text Clipping Fix
   Paste below current Concept 1 CSS.
   ============================================================ */

/* Stop Media Storage text from being clipped on the left */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block * {
  overflow: visible !important;
}

/* Reset list item layout cleanly */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown {
  display: block !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Full-width rows with safe left padding */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.18) !important;
  color: #5f6a70 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

/* Last row clean */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li:last-child {
  border-bottom: 0 !important;
}

/* Remove any inherited pseudo content/icon spacing */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li::before,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-breakdown li::after {
  content: none !important;
  display: none !important;
}

/* Make sure the quota text itself is not clipped */
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-text,
.dialog-off-canvas-main-canvas .dashboard--dashboard
  .block-ptah-disk-quota-usage-block .ptah-quota-label {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

/* ============================================================
   TrulyWed Concept 1 — Corrected Guest Upload + Tribute Modal
   Replace the old Guest upload + Tribute modal sections with this.
   ============================================================ */


/* ============================================================
   1. Guest upload page
   Corrected path selectors.
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > form,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest-upload"],
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"],
body.path-group .dialog-off-canvas-main-canvas form[id*="upload"],
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form {
  max-width: 720px !important;
  margin: 0 auto 80px !important;
  padding: 34px 36px 38px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(57, 72, 80, 0.09) !important;
  box-sizing: border-box !important;
}

body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] .messages,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] .messages,
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] .messages,
body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary,
body.path-group .dialog-off-canvas-main-canvas .guest-upload-summary {
  margin: 0 0 28px !important;
  padding: 16px 18px !important;
  background: #e8f0f6 !important;
  border: 1px solid rgba(83, 112, 126, 0.12) !important;
  border-radius: 10px !important;
  color: #34424a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] label,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] label,
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] label,
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #34424a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] .form-type-managed-file,
body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] .js-form-type-managed-file,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] .form-type-managed-file,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] .js-form-type-managed-file,
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] .form-type-managed-file,
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] .js-form-type-managed-file,
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form .form-type-managed-file,
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form .js-form-type-managed-file {
  margin: 0 0 26px !important;
  padding: 18px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  border: 2px dashed rgba(191, 176, 151, 0.45) !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] .form-managed-file,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] .form-managed-file,
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] .form-managed-file,
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form .form-managed-file {
  width: 100% !important;
  box-sizing: border-box !important;
}

body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] input[type="file"]::file-selector-button,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] input[type="file"]::file-selector-button,
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] input[type="file"]::file-selector-button,
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form input[type="file"]::file-selector-button {
  margin-right: 14px !important;
  padding: 10px 18px !important;
  background: #f7fbff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.24) !important;
  border-radius: 3px !important;
  font-weight: 800 !important;
}

body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] textarea,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] textarea,
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] textarea,
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form textarea {
  min-height: 92px !important;
  padding: 14px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 9px !important;
  color: #25323a !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] .form-actions,
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] .form-actions,
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] .form-actions,
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form .form-actions {
  display: flex !important;
  justify-content: center !important;
  margin-top: 24px !important;
}

body.path-group .dialog-off-canvas-main-canvas form[id*="upload"] input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas form[id*="guest"] input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas form[id*="uploads"] input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas .ptah-group-guest-uploads-form input[type="submit"] {
  min-width: 170px !important;
  min-height: 42px !important;
  padding: 10px 22px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-weight: 900 !important;
}


/* ============================================================
   2. Tribute modal / jQuery UI dialog
   Broader targeting because Drupal modals may sit outside canvas.
   ============================================================ */

body .ui-dialog,
body .ui-widget.ui-widget-content.ui-dialog {
  border: 0 !important;
  border-radius: 6px !important;
  background: #fffaf2 !important;
  box-shadow: 0 22px 70px rgba(27, 38, 45, 0.28) !important;
  overflow: hidden !important;
}

body .ui-dialog .ui-dialog-titlebar {
  padding: 20px 24px !important;
  background: #dfeaf0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.26) !important;
  border-radius: 0 !important;
}

body .ui-dialog .ui-dialog-title {
  margin: 0 !important;
  color: #4f5357 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body .ui-dialog .ui-dialog-titlebar-close {
  top: 18px !important;
  right: 18px !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border: 1px solid rgba(57, 72, 80, 0.2) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #25323a !important;
  box-shadow: none !important;
}

body .ui-dialog .ui-dialog-titlebar-close:hover {
  background: #fffaf2 !important;
  border-color: rgba(155, 123, 68, 0.42) !important;
}

body .ui-dialog .ui-dialog-content {
  padding: 22px 26px 28px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
}

body .ui-dialog .ui-dialog-content fieldset,
body .ui-dialog .ui-dialog-content details,
body .ui-dialog .ui-dialog-content .form-wrapper,
body .ui-dialog .ui-dialog-content .js-form-wrapper {
  margin: 0 0 22px !important;
  padding: 18px 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.16) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

body .ui-dialog .ui-dialog-content legend,
body .ui-dialog .ui-dialog-content summary,
body .ui-dialog .ui-dialog-content label {
  color: #25323a !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body .ui-dialog .ui-dialog-content textarea,
body .ui-dialog .ui-dialog-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body .ui-dialog .ui-dialog-content select {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.24) !important;
  border-radius: 5px !important;
  color: #25323a !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

body .ui-dialog .ui-dialog-content textarea {
  min-height: 120px !important;
  padding: 12px !important;
}

body .ui-dialog .ui-dialog-content .form-managed-file,
body .ui-dialog .ui-dialog-content .js-form-type-managed-file {
  padding: 16px !important;
  background: rgba(255, 250, 242, 0.72) !important;
  border-radius: 5px !important;
}

body .ui-dialog .ui-dialog-buttonpane,
body .ui-dialog .form-actions {
  margin: 0 !important;
  padding: 18px 26px 24px !important;
  background: #fffaf2 !important;
  border: 0 !important;
}

body .ui-dialog input[type="submit"],
body .ui-dialog button[type="submit"],
body .ui-dialog .button,
body .ui-dialog .form-submit {
  width: 100% !important;
  min-height: 46px !important;
  padding: 12px 20px !important;
  background: #25323a !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 5px !important;
  box-shadow: 0 6px 14px rgba(37, 50, 58, 0.18) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body .ui-dialog input[type="submit"]:hover,
body .ui-dialog button[type="submit"]:hover,
body .ui-dialog .button:hover,
body .ui-dialog .form-submit:hover {
  background: #34424a !important;
  color: #ffffff !important;
}


/* ============================================================
   3. Mobile modal
   ============================================================ */

@media (max-width: 760px) {
  body .ui-dialog {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    left: 14px !important;
  }

  body .ui-dialog .ui-dialog-title {
    font-size: 1.35rem !important;
  }

  body .ui-dialog .ui-dialog-content {
    padding: 18px !important;
  }
}



/* ============================================================
   TrulyWed Concept 1 — FINAL Guest Upload + Tribute Modal Fix
   Replace all previous upload/modal polish blocks with this.
   Targets actual visible selectors.
   ============================================================ */


/* ============================================================
   TrulyWed Concept 1 — Guest Uploads Page Redesign
   Paste below current CSS.
   Targets: /group/{group}/my-wedding-uploads
   Form: .ptah-group-guest-uploads-form
   ============================================================ */


/* ============================================================
   1. Main guest upload form card
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form {
  position: relative !important;
  max-width: 760px !important;
  margin: 0 auto 96px !important;
  padding: 34px 38px 40px !important;
  background:
    radial-gradient(circle at top left, rgba(255, 246, 234, 0.95), transparent 38%),
    linear-gradient(145deg, #fffaf2, #ffffff) !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 14px !important;
  box-shadow:
    0 18px 42px rgba(57, 72, 80, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  box-sizing: border-box !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form,
body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form *,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form * {
  box-sizing: border-box !important;
}


/* ============================================================
   2. Gallery summary banner
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-current {
  margin: 0 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary {
  position: relative !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 20px 24px 20px 92px !important;
  background:
    linear-gradient(135deg, #eaf3f8, #f4f8fa) !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.16) !important;
  border-radius: 12px !important;
  box-shadow:
    0 6px 16px rgba(57, 72, 80, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary::before {
  content: "▧";
  position: absolute;
  left: 23px;
  top: 50%;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  background: #fffaf2;
  color: #9b7b44;
  border: 1px solid rgba(191, 176, 151, 0.4);
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary strong {
  color: #25323a !important;
  font-weight: 950 !important;
}


/* ============================================================
   3. Upload cards wrapper
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-cards {
  display: flex !important;
  gap: 24px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  flex-direction: column;
  align-items: stretch;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-cards > div[id^="ajax-wrapper"] {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ============================================================
   4. Individual upload sections
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-cards .form-type-managed-file {
  position: relative !important;
  min-height: 170px !important;
  margin: 0 !important;
  padding: 24px 24px 24px !important;
  background:
    linear-gradient(145deg, #ffffff, rgba(255, 253, 249, 0.94)) !important;
  border: 1px solid rgba(191, 176, 151, 0.26) !important;
  border-radius: 13px !important;
  box-shadow: 0 6px 16px rgba(57, 72, 80, 0.055) !important;
  overflow: hidden !important;
}

/* Divider between photo and video if needed */
body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-cards > div + div .form-type-managed-file {
  margin-top: 0 !important;
}


/* ============================================================
   5. Upload section labels with icons
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-cards .form-item__label {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin: 0 0 16px !important;
  padding-left: 36px !important;
  color: #25323a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Photo icon */
body.path-group .dialog-off-canvas-main-canvas .form-item-images > .form-item__label::before {
  content: "▧";
}

/* Video icon */
body.path-group .dialog-off-canvas-main-canvas .form-item-videos > .form-item__label::before {
  content: "▻";
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-cards .form-item__label::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  color: #9b7b44;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1;
}


/* ============================================================
   6. File drop/picker area
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input {
  position: relative !important;
  min-height: 108px !important;
  padding: 28px 220px 28px 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 12px !important;
  box-shadow:
    0 5px 13px rgba(57, 72, 80, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body.path-group .dialog-off-canvas-main-canvas .solo-file-upload-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-custom {
  display: inline-flex !important;
  align-items: center !important;
  gap: 22px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  min-height: 42px !important;
  padding: 10px 22px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.48) !important;
  border-radius: 999px !important;
  box-shadow:
    0 7px 16px rgba(57, 72, 80, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-button::before {
  content: "⇧";
  margin-right: 9px;
  color: #9b7b44;
  font-size: 15px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-name {
  color: #66747b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-custom:hover .solo-file-button {
  background: #fffaf2 !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.58) !important;
  transform: translateY(-1px);
}

/* Hide Drupal AJAX upload buttons; guest only needs one visible file chooser */
body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input input[id*="upload-button"],
body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input input[value="Upload"],
body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .js-hide {
  display: none !important;
}


/* ============================================================
   7. Decorative upload illustration on the right
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .form-item-images .ptah-guest-upload-input::after {
  content: "▧";
}

body.path-group .dialog-off-canvas-main-canvas .form-item-videos .ptah-guest-upload-input::after {
  content: "▻";
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input::after {
  position: absolute;
  top: 50%;
  right: 52px;
  width: 74px;
  height: 58px;
  display: grid;
  place-items: center;
  transform: translateY(-50%) rotate(-5deg);
  background: linear-gradient(145deg, #eef4f7, #ffffff);
  color: rgba(155, 123, 68, 0.58);
  border: 1px solid rgba(83, 112, 126, 0.16);
  border-radius: 8px;
  box-shadow:
    -12px 10px 0 rgba(232, 240, 245, 0.76),
    0 8px 16px rgba(57, 72, 80, 0.08);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  line-height: 1;
  pointer-events: none;
}

body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input::before {
  content: "+";
  position: absolute;
  z-index: 2;
  right: 42px;
  bottom: 28px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  background: #c59a50;
  color: #ffffff;
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(155, 123, 68, 0.24);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}


/* Helper text */
body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-upload-wrapper::after {
  content: "You can select multiple files.";
  display: block;
  margin-top: 22px;
  color: #6f7a80;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
}


/* ============================================================
   8. Add a note textarea
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form .form-item-note,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form .form-item-note {
  margin: 26px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form .form-item-note > label,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form .form-item-note > label {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin: 0 0 14px !important;
  padding-left: 36px !important;
  color: #25323a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form .form-item-note > label::before,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form .form-item-note > label::before {
  content: "✎";
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  color: #9b7b44;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form .form-textarea-wrapper,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form .form-textarea-wrapper {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form textarea,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form textarea {
  width: 100% !important;
  max-width: none !important;
  min-height: 112px !important;
  padding: 16px 50px 16px 18px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 5px 13px rgba(57, 72, 80, 0.045) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  resize: vertical !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form textarea:focus,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form textarea:focus {
  border-color: rgba(155, 123, 68, 0.48) !important;
  box-shadow:
    0 0 0 3px rgba(199, 173, 120, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  outline: none !important;
}

/* Mic icon placement */
body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form .speech-to-text-icon,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form .speech-to-text-icon {
  right: 15px !important;
  bottom: 18px !important;
}


/* ============================================================
   9. Main submit button
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form .form-actions,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form .form-actions {
  display: flex !important;
  justify-content: center !important;
  margin: 34px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form #edit-submit,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form #edit-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 210px !important;
  min-height: 46px !important;
  padding: 12px 30px !important;
  background: linear-gradient(135deg, #b9914d, #cda45c) !important;
  color: #ffffff !important;
  border: 1px solid rgba(128, 91, 23, 0.3) !important;
  border-radius: 999px !important;
  box-shadow:
    0 10px 20px rgba(155, 123, 68, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form #edit-submit::before,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form #edit-submit::before {
  content: "✈";
  margin-right: 10px;
  font-size: 14px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form #edit-submit:hover,
body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form #edit-submit:hover {
  background: linear-gradient(135deg, #a87e3d, #bd934c) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}


/* ============================================================
   10. Optional ornamental divider under page title
   Works if you place the divider custom block on this page.
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .tw-ornamental-divider {
  margin-bottom: 34px !important;
}


/* ============================================================
   11. Responsive
   ============================================================ */

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form,
  body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form {
    max-width: calc(100vw - 30px) !important;
    padding: 28px 24px 34px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input {
    padding: 26px 24px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input::before,
  body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input::after {
    display: none !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary {
    padding-left: 82px !important;
  }
}

@media (max-width: 560px) {
  body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form,
  body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form {
    padding: 24px 18px 30px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary {
    padding: 76px 18px 18px !important;
    text-align: center !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary::before {
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
  }

  body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-cards .form-type-managed-file {
    padding: 20px 18px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-custom {
    display: grid !important;
    gap: 12px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .ptah-guest-upload-input .solo-file-button {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form.ptah-group-guest-uploads-form #edit-submit,
  body.path-group .dialog-off-canvas-main-canvas form.ptah-guest-upload-form #edit-submit {
    width: 100% !important;
  }
}


/* ============================================================
   2. Tribute Modal
   Targets Drupal/jQuery UI modal directly.
   ============================================================ */

/* Main dialog shell */
body .ui-dialog {
  border: 0 !important;
  border-radius: 6px !important;
  background: #fffaf2 !important;
  box-shadow: 0 24px 76px rgba(27, 38, 45, 0.28) !important;
  overflow: hidden !important;
}

/* Header */
body .ui-dialog .ui-dialog-titlebar {
  padding: 20px 26px !important;
  background: #dfeaf0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.26) !important;
  border-radius: 0 !important;
}

body .ui-dialog .ui-dialog-title {
  margin: 0 !important;
  color: #4f5357 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Close button */
body .ui-dialog .ui-dialog-titlebar-close {
  top: 18px !important;
  right: 18px !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border: 1px solid rgba(57, 72, 80, 0.2) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #25323a !important;
  box-shadow: none !important;
}

/* Content */
body .ui-dialog .ui-dialog-content {
  padding: 24px 28px 28px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  box-sizing: border-box !important;
}

/* Modal sections */
body .ui-dialog .ui-dialog-content fieldset,
body .ui-dialog .ui-dialog-content details,
body .ui-dialog .ui-dialog-content .form-wrapper,
body .ui-dialog .ui-dialog-content .js-form-wrapper {
  margin: 0 0 22px !important;
  padding: 18px 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.16) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Do not turn nested wrappers into nested cards */
body .ui-dialog .ui-dialog-content .form-wrapper .form-wrapper,
body .ui-dialog .ui-dialog-content .js-form-wrapper .js-form-wrapper {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Labels/headings */
body .ui-dialog .ui-dialog-content legend,
body .ui-dialog .ui-dialog-content summary,
body .ui-dialog .ui-dialog-content label {
  color: #25323a !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

/* Textareas and inputs */
body .ui-dialog .ui-dialog-content textarea,
body .ui-dialog .ui-dialog-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body .ui-dialog .ui-dialog-content select {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.24) !important;
  border-radius: 5px !important;
  color: #25323a !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

body .ui-dialog .ui-dialog-content textarea {
  min-height: 120px !important;
  padding: 12px !important;
}

/* File upload area */
body .ui-dialog .ui-dialog-content .form-managed-file,
body .ui-dialog .ui-dialog-content .js-form-type-managed-file {
  padding: 14px !important;
  background: rgba(255, 250, 242, 0.72) !important;
  border-radius: 5px !important;
}

/* File selector button */
body .ui-dialog .ui-dialog-content input[type="file"]::file-selector-button {
  margin-right: 14px !important;
  padding: 9px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.26) !important;
  border-radius: 4px !important;
  box-shadow: 0 3px 8px rgba(57, 72, 80, 0.06) !important;
  font-weight: 800 !important;
}

/* Submit/action area */
body .ui-dialog .ui-dialog-buttonpane,
body .ui-dialog .form-actions {
  margin: 0 !important;
  padding: 18px 28px 26px !important;
  background: #fffaf2 !important;
  border: 0 !important;
}

/* Modal submit button */
body .ui-dialog input[type="submit"],
body .ui-dialog button[type="submit"],
body .ui-dialog .form-submit {
  width: 100% !important;
  min-height: 46px !important;
  padding: 12px 20px !important;
  background: #25323a !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 5px !important;
  box-shadow: 0 6px 14px rgba(37, 50, 58, 0.18) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body .ui-dialog input[type="submit"]:hover,
body .ui-dialog button[type="submit"]:hover,
body .ui-dialog .form-submit:hover {
  background: #34424a !important;
  color: #ffffff !important;
}


/* ============================================================
   3. Mobile
   ============================================================ */

@media (max-width: 760px) {
  body .ui-dialog {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    left: 14px !important;
  }

  body .ui-dialog .ui-dialog-title {
    font-size: 1.35rem !important;
  }

  body .ui-dialog .ui-dialog-content {
    padding: 18px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form {
    max-width: calc(100vw - 28px) !important;
    padding: 24px 20px 28px !important;
  }
}

/* ============================================================
   TrulyWed Concept 1 — Guest Upload Page Correction
   Paste below all current Concept 1 CSS.
   Purpose: make guest upload page match dashboard/account styling.
   ============================================================ */


/* ============================================================
   1. Page title correction
   ============================================================ */

/* Upload page title should match the wider TrulyWed page-title style */
body.path-group .dialog-off-canvas-main-canvas h1.page-title,
body.path-group .dialog-off-canvas-main-canvas h1.page-title-text,
body.path-group .dialog-off-canvas-main-canvas .page-title-text {
  color: #34424a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.45rem, 4.8vw, 4.8rem) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* Reduce the upload page title height so it sits like the dashboard */
body.path-group .dialog-off-canvas-main-canvas #page-title-inner {
  padding: 58px 18px 42px !important;
}

/* If this specific page title is long, keep it controlled */
body.path-group .dialog-off-canvas-main-canvas #page-title h1,
body.path-group .dialog-off-canvas-main-canvas #page-title .page-title-text {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ============================================================
   2. Upload page content positioning
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #main-container-inner {
  padding-top: 18px !important;
}

/* Known wrapper from your existing CSS/code */
body.path-group .dialog-off-canvas-main-canvas .ptah-guest-uploads-page {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}


/* ============================================================
   3. Main upload form card
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form {
  max-width: 720px !important;
  width: min(720px, calc(100vw - 48px)) !important;
  margin: 0 auto 90px !important;
  padding: 36px 42px 42px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.3) !important;
  border-radius: 3px !important;
  box-shadow: 0 12px 28px rgba(57, 72, 80, 0.1) !important;
  box-sizing: border-box !important;
}


/* ============================================================
   4. Summary box
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .ptah-upload-summary,
body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary {
  margin: 0 0 30px !important;
  padding: 16px 18px !important;
  background: #e8f0f6 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #25323a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}


/* ============================================================
   5. Remove dashed upload-box look
   ============================================================ */

/* Outer file sections */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form #edit-images,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form #edit-videos,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-type-managed-file,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .js-form-type-managed-file {
  margin: 0 0 26px !important;
  padding: 20px 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05) !important;
  box-sizing: border-box !important;
}



/* Label styling */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form label {
  display: block !important;
  margin: 0 0 12px !important;
  color: #25323a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* Inner managed file area should not look like another box */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-managed-file {
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* File input line */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form input[type="file"] {
  width: 100% !important;
  color: #52616a !important;
  font-size: 13px !important;
}

/* Native choose-file button */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form input[type="file"]::file-selector-button {
  margin-right: 16px !important;
  padding: 10px 18px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 9px rgba(57, 72, 80, 0.06) !important;
  font-weight: 900 !important;
}


/* ============================================================
   6. Add a note textarea — full width and more polished
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-type-textarea,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .js-form-type-textarea,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .solo-field-textarea {
  width: 100% !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 112px !important;
  padding: 15px 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 10px !important;
  color: #25323a !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.04) !important;
  box-sizing: border-box !important;
  resize: vertical !important;
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form textarea::placeholder {
  color: #8b969c !important;
}


/* ============================================================
   7. Submit button
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-actions {
  display: flex !important;
  justify-content: center !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-submit {
  min-width: 184px !important;
  min-height: 42px !important;
  padding: 10px 24px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 14px rgba(57, 72, 80, 0.1) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form input[type="submit"]:hover,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-submit:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.52) !important;
}


/* ============================================================
   8. Responsive
   ============================================================ */

@media (max-width: 760px) {
  body.path-group .dialog-off-canvas-main-canvas h1.page-title,
  body.path-group .dialog-off-canvas-main-canvas h1.page-title-text,
  body.path-group .dialog-off-canvas-main-canvas .page-title-text {
    font-size: clamp(2rem, 8vw, 3.2rem) !important;
    letter-spacing: 0.08em !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    padding: 26px 20px 30px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form #edit-images,
  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form #edit-videos,
  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-type-managed-file,
  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .js-form-type-managed-file {
    padding: 18px !important;
  }
}


/* ============================================================
   TrulyWed Concept 1 — Guest Upload Page Rescue Pass
   Paste below all current CSS.
   Removes ugly outlines, fixes title, widens note field,
   and brings the upload form closer to the dashboard style.
   ============================================================ */


/* ============================================================
   1. Undo the bad global border effect inside upload form
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form *,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form *::before,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form *::after {
  outline: none !important;
}

/* Remove accidental borders from labels, wrappers and inner elements */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form label,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-item,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .js-form-item,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-wrapper,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .js-form-wrapper,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-managed-file {
  border: 0 !important;
  box-shadow: none !important;
}


/* ============================================================
   2. Fix upload page title
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #page-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas #page-title-inner {
  padding: 58px 18px 44px !important;
}

/* Force this long upload title into the same family as dashboard */
body.path-group .dialog-off-canvas-main-canvas #page-title h1,
body.path-group .dialog-off-canvas-main-canvas #page-title .page-title,
body.path-group .dialog-off-canvas-main-canvas #page-title .page-title-text,
body.path-group .dialog-off-canvas-main-canvas h1.page-title,
body.path-group .dialog-off-canvas-main-canvas h1.page-title-text,
body.path-group .dialog-off-canvas-main-canvas .page-title-text {
  max-width: 1180px !important;
  margin: 0 auto !important;
  color: #34424a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.35rem, 4.2vw, 4.4rem) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: 0.105em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75) !important;
}


/* ============================================================
   3. Main upload form card
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form {
  width: min(720px, calc(100vw - 48px)) !important;
  max-width: 720px !important;
  margin: 0 auto 90px !important;
  padding: 36px 42px 42px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.3) !important;
  border-radius: 3px !important;
  box-shadow: 0 12px 28px rgba(57, 72, 80, 0.1) !important;
  box-sizing: border-box !important;
}


/* ============================================================
   4. Summary box
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .ptah-upload-summary,
body.path-group .dialog-off-canvas-main-canvas .ptah-upload-summary {
  margin: 0 0 30px !important;
  padding: 16px 18px !important;
  background: #e8f0f6 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #25323a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}


/* ============================================================
   5. Upload file sections — no dashed borders, no black boxes
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form #edit-images,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form #edit-videos {
  margin: 0 0 26px !important;
  padding: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05) !important;
  box-sizing: border-box !important;
}

/* Labels */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form label {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #25323a !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

/* Managed file inner area */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-managed-file {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

/* File input */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form input[type="file"] {
  width: 100% !important;
  color: #52616a !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

/* Native choose-file button */
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form input[type="file"]::file-selector-button {
  margin-right: 16px !important;
  padding: 10px 18px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 9px rgba(57, 72, 80, 0.06) !important;
  font-weight: 900 !important;
}


/* ============================================================
   6. Add a note — full-width field
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-type-textarea,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .js-form-type-textarea,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .solo-field-textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  min-height: 112px !important;
  padding: 15px 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 10px !important;
  color: #25323a !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.04) !important;
  box-sizing: border-box !important;
  resize: vertical !important;
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form textarea::placeholder {
  color: #8b969c !important;
}


/* ============================================================
   7. Submit button
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-actions {
  display: flex !important;
  justify-content: center !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-submit {
  min-width: 184px !important;
  min-height: 42px !important;
  padding: 10px 24px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 14px rgba(57, 72, 80, 0.1) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form input[type="submit"]:hover,
body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-submit:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.52) !important;
}


/* ============================================================
   8. Responsive
   ============================================================ */

@media (max-width: 760px) {
  body.path-group .dialog-off-canvas-main-canvas #page-title h1,
  body.path-group .dialog-off-canvas-main-canvas #page-title .page-title,
  body.path-group .dialog-off-canvas-main-canvas #page-title .page-title-text,
  body.path-group .dialog-off-canvas-main-canvas h1.page-title,
  body.path-group .dialog-off-canvas-main-canvas h1.page-title-text,
  body.path-group .dialog-off-canvas-main-canvas .page-title-text {
    font-size: clamp(2rem, 8vw, 3.2rem) !important;
    letter-spacing: 0.08em !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    padding: 26px 20px 30px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form #edit-images,
  body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form #edit-videos {
    padding: 18px !important;
  }
}
.ptah-guest-upload-cards div#ajax-wrapper--2, .ptah-guest-upload-cards div#ajax-wrapper {
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgba(191, 176, 151, 0.24) !important;
    border-radius: 14px !important;
}
.ptah-guest-upload-cards div#ajax-wrapper {
    margin-bottom: 40px;
}

.ptah-guest-uploads-intro.container-children-2.solo-clear.element-container-wrapper h2 {
    margin: 0 !important;
    color: #34424a !important;
    text-align: center;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(2.8rem, 5.4vw, 5.6rem) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.72);
}

body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .form-type-textarea, body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .js-form-type-textarea, body.path-group .dialog-off-canvas-main-canvas form#ptah-group-guest-uploads-form .solo-field-textarea .form-textarea-wrapper {
    width: 100%!important;
}

a.address-book__edit-link:hover, a.address-book__delete-link:hover, a.address-book__add-link:hover {
    background: #fffaf2 !important;
    color: #8f7143 !important;
    border-color: rgba(155, 123, 68, 0.52) !important;
}
a.address-book__delete-link, a.address-book__edit-link, a.address-book__add-link {
    min-width: 184px !important;
    min-height: 42px !important;
    padding: 10px 24px !important;
    background: #ffffff !important;
    color: #25323a !important;
    border: 1px solid rgba(191, 176, 151, 0.42) !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 14px rgba(57, 72, 80, 0.1) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    margin: 12px 20px 0 -6px;
}

.profile.profile--2.profile--type--customer.profile--is-default.profile--view-mode--full.clearfix {
    margin-bottom: 40px;
}



/* ============================================================
   TrulyWed Concept 1 — Safe Tribute Modal Styling
   Replacement block.
   This avoids overriding audio/managed-file visibility logic.
   ============================================================ */


/* ============================================================
   1. Modal shell
   ============================================================ */

body .ui-dialog {
  width: min(760px, calc(100vw - 36px)) !important;
  max-width: 760px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 3px !important;
  box-shadow: 0 18px 42px rgba(57, 72, 80, 0.22) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body .ui-dialog * {
  box-sizing: border-box;
}


/* ============================================================
   TrulyWed Concept 1 — Leave A Tribute Modal Clean Replacement
   Replace all previous modal-specific CSS with this block.
   Goal:
   - one visible final submit button
   - clear Text / Audio / Video sections
   - dashboard-style cards and buttons
   - avoid breaking Drupal/AJAX managed-file visibility
   ============================================================ */


/* ============================================================
   1. Modal shell
   ============================================================ */

body .ui-dialog {
  width: min(760px, calc(100vw - 36px)) !important;
  max-width: 760px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 6px !important;
  box-shadow: 0 22px 56px rgba(57, 72, 80, 0.24) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body .ui-dialog,
body .ui-dialog * {
  box-sizing: border-box !important;
}


/* ============================================================
   2. Modal header
   ============================================================ */

body .ui-dialog .ui-dialog-titlebar {
  position: relative !important;
  padding: 28px 34px 24px !important;
  background: #fffaf2 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 0 !important;
}

body .ui-dialog .ui-dialog-title {
  float: none !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #34424a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
}

body .ui-dialog .ui-dialog-titlebar::after {
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  margin-top: 14px;
  background: rgba(155, 123, 68, 0.42);
}

body .ui-dialog .ui-dialog-titlebar-close {
  position: absolute !important;
  top: 24px !important;
  right: 26px !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.36) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
}

body .ui-dialog .ui-dialog-titlebar-close .ui-icon {
  display: none !important;
}

body .ui-dialog .ui-dialog-titlebar-close::before,
body .ui-dialog .ui-dialog-titlebar-close::after {
  content: "";
  position: absolute;
  top: 19px;
  left: 11px;
  width: 18px;
  height: 2px;
  background: #25323a;
  border-radius: 2px;
}

body .ui-dialog .ui-dialog-titlebar-close::before {
  transform: rotate(45deg);
}

body .ui-dialog .ui-dialog-titlebar-close::after {
  transform: rotate(-45deg);
}


/* ============================================================
   3. Modal content
   ============================================================ */

body .ui-dialog .ui-dialog-content {
  max-height: min(76vh, 760px) !important;
  padding: 28px 34px 34px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  overflow-y: auto !important;
}

body .ui-dialog .ui-dialog-content::-webkit-scrollbar {
  width: 10px;
}

body .ui-dialog .ui-dialog-content::-webkit-scrollbar-track {
  background: #fffaf2;
}

body .ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb {
  background: rgba(83, 112, 126, 0.35);
  border: 2px solid #fffaf2;
  border-radius: 999px;
}


/* ============================================================
   4. Reset internal Drupal wrappers
   This prevents accidental fake cards and duplicate submit panels.
   ============================================================ */

body .ui-dialog .ui-dialog-content .form-wrapper:not(:has(textarea)):not(:has(input[type="file"])):not(:has(input[type="radio"])):not(:has(input[type="checkbox"])),
body .ui-dialog .ui-dialog-content .js-form-wrapper:not(:has(textarea)):not(:has(input[type="file"])):not(:has(input[type="radio"])):not(:has(input[type="checkbox"])),
body .ui-dialog .ui-dialog-content .form-item,
body .ui-dialog .ui-dialog-content .js-form-item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ============================================================
   5. Define the three real tribute areas
   Uses :has(), supported by current Chrome.
   ============================================================ */

/* Text tribute card */
body .ui-dialog .ui-dialog-content fieldset:has(textarea),
body .ui-dialog .ui-dialog-content details:has(textarea),
body .ui-dialog .ui-dialog-content .form-wrapper:has(textarea):not(:has(input[type="file"])) {
  margin: 0 0 24px !important;
  padding: 24px 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05) !important;
}

/* Audio tribute card */
body .ui-dialog .ui-dialog-content fieldset:has(input[type="file"]),
body .ui-dialog .ui-dialog-content details:has(input[type="file"]),
body .ui-dialog .ui-dialog-content .form-wrapper:has(input[type="file"]) {
  margin: 0 0 24px !important;
  padding: 24px 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05) !important;
}

/* Video tribute card */
body .ui-dialog .ui-dialog-content fieldset:has(input[type="radio"]),
body .ui-dialog .ui-dialog-content details:has(input[type="radio"]),
body .ui-dialog .ui-dialog-content .form-wrapper:has(input[type="radio"]),
body .ui-dialog .ui-dialog-content fieldset:has(input[type="checkbox"]),
body .ui-dialog .ui-dialog-content details:has(input[type="checkbox"]),
body .ui-dialog .ui-dialog-content .form-wrapper:has(input[type="checkbox"]) {
  margin: 0 0 24px !important;
  padding: 24px 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05) !important;
}

/* Do not card nested wrappers inside those cards */
body .ui-dialog .ui-dialog-content fieldset .form-wrapper,
body .ui-dialog .ui-dialog-content details .form-wrapper,
body .ui-dialog .ui-dialog-content fieldset .js-form-wrapper,
body .ui-dialog .ui-dialog-content details .js-form-wrapper {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ============================================================
   6. Section headings
   ============================================================ */

body .ui-dialog .ui-dialog-content legend,
body .ui-dialog .ui-dialog-content summary {
  color: #25323a !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

body .ui-dialog .ui-dialog-content label {
  color: #25323a !important;
  font-weight: 900 !important;
}

body .ui-dialog .ui-dialog-content fieldset legend {
  width: auto !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

body .ui-dialog .ui-dialog-content summary {
  margin: 0 0 14px !important;
  padding: 0 !important;
}


/* ============================================================
   7. Text tribute textarea
   ============================================================ */

body .ui-dialog .ui-dialog-content textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 136px !important;
  padding: 14px 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 10px !important;
  color: #25323a !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.04) !important;
  resize: vertical !important;
}


/* ============================================================
   8. Audio tribute layout
   ============================================================ */

/* Keep audio internals compact */
body .ui-dialog .ui-dialog-content .form-wrapper:has(input[type="file"]) .form-item,
body .ui-dialog .ui-dialog-content .form-wrapper:has(input[type="file"]) .js-form-item,
body .ui-dialog .ui-dialog-content fieldset:has(input[type="file"]) .form-item,
body .ui-dialog .ui-dialog-content fieldset:has(input[type="file"]) .js-form-item,
body .ui-dialog .ui-dialog-content details:has(input[type="file"]) .form-item,
body .ui-dialog .ui-dialog-content details:has(input[type="file"]) .js-form-item {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Managed file line */
body .ui-dialog .ui-dialog-content .form-managed-file {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* File input */
body .ui-dialog .ui-dialog-content input[type="file"] {
  width: auto !important;
  max-width: 100% !important;
  color: #52616a !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

/* Native choose file button */
body .ui-dialog .ui-dialog-content input[type="file"]::file-selector-button {
  margin-right: 12px !important;
  padding: 9px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}


/* ============================================================
   9. Buttons inside modal
   Light dashboard-style pills only.
   ============================================================ */

body .ui-dialog .ui-dialog-content button:not(.ui-dialog-titlebar-close),
body .ui-dialog .ui-dialog-content .button,
body .ui-dialog .ui-dialog-content input[type="button"],
body .ui-dialog .ui-dialog-content input[type="file"]::file-selector-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 36px !important;
  padding: 8px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  background-image: none !important;
}

body .ui-dialog .ui-dialog-content button:not(.ui-dialog-titlebar-close):hover,
body .ui-dialog .ui-dialog-content .button:hover,
body .ui-dialog .ui-dialog-content input[type="button"]:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.55) !important;
}

/* Record button */
body .ui-dialog .ui-dialog-content button[id*="record"],
body .ui-dialog .ui-dialog-content button[class*="record"],
body .ui-dialog .ui-dialog-content a[class*="record"],
body .ui-dialog .ui-dialog-content [class*="record-audio"],
body .ui-dialog .ui-dialog-content .audio-record-button,
body .ui-dialog .ui-dialog-content .record-audio-tribute {
  min-height: 36px !important;
  padding: 8px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Keep icons small */
body .ui-dialog .ui-dialog-content button svg,
body .ui-dialog .ui-dialog-content .button svg,
body .ui-dialog .ui-dialog-content a[class*="record"] svg,
body .ui-dialog .ui-dialog-content [class*="record-audio"] svg,
body .ui-dialog .ui-dialog-content .material-icons,
body .ui-dialog .ui-dialog-content i {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  font-size: 16px !important;
  margin-right: 6px !important;
  color: currentColor !important;
  line-height: 1 !important;
}


/* ============================================================
   10. Video tribute controls
   ============================================================ */

body .ui-dialog .ui-dialog-content input[type="radio"],
body .ui-dialog .ui-dialog-content input[type="checkbox"] {
  width: auto !important;
  margin-right: 6px !important;
  accent-color: #9b7b44 !important;
}

body .ui-dialog .ui-dialog-content input[type="radio"] + label,
body .ui-dialog .ui-dialog-content input[type="checkbox"] + label {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 18px 0 0 !important;
  color: #25323a !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body .ui-dialog .ui-dialog-content .description,
body .ui-dialog .ui-dialog-content .form-item__description {
  color: #6f7a80 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}


/* ============================================================
   11. Kill duplicate submit panels
   The duplicate visible button is usually a nested .form-actions wrapper.
   Hide nested action wrappers and keep only the final one.
   ============================================================ */

/* Hide any action wrapper inside a section card */
body .ui-dialog .ui-dialog-content fieldset .form-actions,
body .ui-dialog .ui-dialog-content details .form-actions,
body .ui-dialog .ui-dialog-content fieldset .js-form-wrapper.form-actions,
body .ui-dialog .ui-dialog-content details .js-form-wrapper.form-actions {
  display: none !important;
}

/* Hide duplicate submit wrappers that appear before the final action area */
body .ui-dialog .ui-dialog-content .form-actions:not(:last-child) {
  display: none !important;
}

/* Final action area */
body .ui-dialog .ui-dialog-content > form > .form-actions:last-child,
body .ui-dialog .ui-dialog-content .form-actions:last-child,
body .ui-dialog .ui-dialog-buttonpane {
  display: flex !important;
  justify-content: center !important;
  margin: 28px 0 0 !important;
  padding: 26px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(191, 176, 151, 0.22) !important;
  box-shadow: none !important;
}

/* Final submit button only */
body .ui-dialog input[value="Post comment"],
body .ui-dialog button[value="Post comment"],
body .ui-dialog input[data-drupal-selector="edit-submit"],
body .ui-dialog button[data-drupal-selector="edit-submit"],
body .ui-dialog .ui-dialog-content > form > .form-actions:last-child input[type="submit"],
body .ui-dialog .ui-dialog-content .form-actions:last-child input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 220px !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 0 auto !important;
  padding: 10px 30px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.48) !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 16px rgba(57, 72, 80, 0.11) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body .ui-dialog input[value="Post comment"]:hover,
body .ui-dialog button[value="Post comment"]:hover,
body .ui-dialog input[data-drupal-selector="edit-submit"]:hover,
body .ui-dialog button[data-drupal-selector="edit-submit"]:hover,
body .ui-dialog .ui-dialog-content > form > .form-actions:last-child input[type="submit"]:hover,
body .ui-dialog .ui-dialog-content .form-actions:last-child input[type="submit"]:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.58) !important;
}


/* ============================================================
   12. Mobile
   ============================================================ */

@media (max-width: 760px) {
  body .ui-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
  }

  body .ui-dialog .ui-dialog-titlebar {
    padding: 22px 22px 18px !important;
  }

  body .ui-dialog .ui-dialog-title {
    font-size: 1.45rem !important;
  }

  body .ui-dialog .ui-dialog-titlebar-close {
    top: 18px !important;
    right: 18px !important;
  }

  body .ui-dialog .ui-dialog-content {
    padding: 22px 18px 26px !important;
  }

  body .ui-dialog .ui-dialog-content fieldset:has(textarea),
  body .ui-dialog .ui-dialog-content details:has(textarea),
  body .ui-dialog .ui-dialog-content fieldset:has(input[type="file"]),
  body .ui-dialog .ui-dialog-content details:has(input[type="file"]),
  body .ui-dialog .ui-dialog-content fieldset:has(input[type="radio"]),
  body .ui-dialog .ui-dialog-content details:has(input[type="radio"]),
  body .ui-dialog .ui-dialog-content fieldset:has(input[type="checkbox"]),
  body .ui-dialog .ui-dialog-content details:has(input[type="checkbox"]),
  body .ui-dialog .ui-dialog-content .form-wrapper:has(textarea),
  body .ui-dialog .ui-dialog-content .form-wrapper:has(input[type="file"]),
  body .ui-dialog .ui-dialog-content .form-wrapper:has(input[type="radio"]),
  body .ui-dialog .ui-dialog-content .form-wrapper:has(input[type="checkbox"]) {
    padding: 18px !important;
  }

  body .ui-dialog input[value="Post comment"],
  body .ui-dialog button[value="Post comment"],
  body .ui-dialog input[data-drupal-selector="edit-submit"],
  body .ui-dialog button[data-drupal-selector="edit-submit"],
  body .ui-dialog .ui-dialog-content > form > .form-actions:last-child input[type="submit"],
  body .ui-dialog .ui-dialog-content .form-actions:last-child input[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ============================================================
   TrulyWed — Tribute Modal Duplicate Button Cleanup
   Paste below ALL current CSS.
   Purpose: one upload/file control, one submit button, clear sections.
   ============================================================ */


/* ============================================================
   1. Hide Drupal managed-file AJAX Upload buttons in the modal
   Keep the visible Choose File control only.
   ============================================================ */

body .ui-dialog input[type="submit"][value="Upload"],
body .ui-dialog button[type="submit"][value="Upload"],
body .ui-dialog input.form-submit[value="Upload"],
body .ui-dialog button.form-submit[value="Upload"],
body .ui-dialog input[data-drupal-selector*="upload-button"],
body .ui-dialog button[data-drupal-selector*="upload-button"],
body .ui-dialog input[id*="upload-button"],
body .ui-dialog button[id*="upload-button"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* ============================================================
   2. Hide duplicate Post comment buttons inside modal content
   Keep only the final real form action submit.
   ============================================================ */

/* Hide Post comment buttons that appear inside section wrappers/cards */
body .ui-dialog .ui-dialog-content fieldset input[value="Post comment"],
body .ui-dialog .ui-dialog-content fieldset button[value="Post comment"],
body .ui-dialog .ui-dialog-content details input[value="Post comment"],
body .ui-dialog .ui-dialog-content details button[value="Post comment"],
body .ui-dialog .ui-dialog-content .form-wrapper input[value="Post comment"],
body .ui-dialog .ui-dialog-content .form-wrapper button[value="Post comment"],
body .ui-dialog .ui-dialog-content .js-form-wrapper input[value="Post comment"],
body .ui-dialog .ui-dialog-content .js-form-wrapper button[value="Post comment"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hide any earlier form-actions block inside the scrollable content */
body .ui-dialog .ui-dialog-content .form-actions:not(:last-of-type) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Flatten the remaining final action area */
body .ui-dialog .ui-dialog-content > form > .form-actions,
body .ui-dialog .ui-dialog-content .form-actions:last-of-type {
  display: flex !important;
  justify-content: center !important;
  margin: 28px 0 0 !important;
  padding: 26px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(191, 176, 151, 0.22) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Style the one real final submit button */
body .ui-dialog .ui-dialog-content > form > .form-actions input[value="Post comment"],
body .ui-dialog .ui-dialog-content .form-actions:last-of-type input[value="Post comment"],
body .ui-dialog .ui-dialog-content .form-actions:last-of-type button[value="Post comment"],
body .ui-dialog .ui-dialog-content .form-actions:last-of-type input[data-drupal-selector="edit-submit"],
body .ui-dialog .ui-dialog-content .form-actions:last-of-type button[data-drupal-selector="edit-submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 220px !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 0 auto !important;
  padding: 10px 30px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.48) !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 16px rgba(57, 72, 80, 0.11) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}


/* ============================================================
   3. If the dark bottom Post comment is outside ui-dialog-content,
   force it to match the dashboard buttons too.
   ============================================================ */

body .ui-dialog input[value="Post comment"],
body .ui-dialog button[value="Post comment"],
body .ui-dialog input[data-drupal-selector="edit-submit"],
body .ui-dialog button[data-drupal-selector="edit-submit"] {
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.48) !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 16px rgba(57, 72, 80, 0.11) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}


/* ============================================================
   4. Rebuild clear Text / Audio / Video section areas
   ============================================================ */

body .ui-dialog .ui-dialog-content fieldset,
body .ui-dialog .ui-dialog-content details {
  margin: 0 0 24px !important;
  padding: 24px 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05) !important;
}

/* Do not let generic wrappers become cards */
body .ui-dialog .ui-dialog-content .form-wrapper,
body .ui-dialog .ui-dialog-content .js-form-wrapper,
body .ui-dialog .ui-dialog-content .form-item,
body .ui-dialog .ui-dialog-content .js-form-item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Restore file line layout */
body .ui-dialog .ui-dialog-content .form-managed-file {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep the native file picker as the only upload/file control */
body .ui-dialog .ui-dialog-content input[type="file"] {
  width: auto !important;
  max-width: 100% !important;
  color: #52616a !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

body .ui-dialog .ui-dialog-content input[type="file"]::file-selector-button {
  margin-right: 12px !important;
  padding: 9px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}


/* ============================================================
   5. Make record controls light and dashboard-like
   ============================================================ */

body .ui-dialog .ui-dialog-content button:not(.ui-dialog-titlebar-close),
body .ui-dialog .ui-dialog-content .button,
body .ui-dialog .ui-dialog-content input[type="button"] {
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Final safety: do not show hidden Drupal elements */
body .ui-dialog [hidden],
body .ui-dialog .hidden,
body .ui-dialog .visually-hidden {
  display: none !important;
}

/* permissoins */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > form#ptah-group-owner-permissions-group-form {
    max-width: 1200px!important;
}
/* ============================================================
   11. Responsive
   ============================================================ */

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas h1.page-title,
  body.path-group .dialog-off-canvas-main-canvas h1.page-title-text,
  body.path-group .dialog-off-canvas-main-canvas .page-title-text {
    font-size: clamp(2rem, 9vw, 3.6rem) !important;
    letter-spacing: 0.08em !important;
  }

  body.path-group .dialog-off-canvas-main-canvas #main-container-inner {
    padding: 18px 14px 68px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .solo-clear,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .view,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > form,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > article,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .group,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .layout,
  body.path-group .dialog-off-canvas-main-canvas .group-page-card,
  body.path-group .dialog-off-canvas-main-canvas .ptah-group-page-card {
    max-width: calc(100vw - 28px) !important;
    padding: 24px 20px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas table {
    min-width: 680px !important;
  }
}




/* ============================================================
   TrulyWed Concept 1 — Group Members View Polish
   Paste below current CSS.
   Targets the Group Members View/table only.
   ============================================================ */


/* ============================================================
   1. Members view container
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members {
  max-width: 1260px !important;
  margin: 0 auto 80px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ============================================================
   2. Header / Add new member button
   Same pill shape as other site buttons
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-header {
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 36px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .invite-members-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 18px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .invite-members-button::before {
  content: "♙";
  display: inline-block;
  margin-right: 8px;
  color: #9b7b44;
  font-size: 15px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .invite-members-button:hover {
  background: #ffffff !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.58) !important;
  transform: translateY(-1px);
}


/* ============================================================
   3. Table card wrapper
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-content {
  max-width: 1260px !important;
  margin: 0 auto !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper {
  width: 100% !important;
  overflow: visible !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px rgba(57, 72, 80, 0.09) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
}


/* ============================================================
   4. Table header
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table thead th {
  padding: 20px 22px !important;
  background: #fffaf2 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.26) !important;
  color: #756846 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.075em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table thead th a {
  color: #756846 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table thead th a:hover {
  color: #8f7143 !important;
}


/* ============================================================
   5. Table rows and cells
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr {
  background: rgba(255, 255, 255, 0.52) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr:hover {
  background: rgba(232, 240, 243, 0.32) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody td {
  padding: 19px 22px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.11) !important;
  color: #52616a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr:last-child td {
  border-bottom: 0 !important;
}


/* ============================================================
   6. User column
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-name a.username {
  color: #25323a !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-name a.username:hover {
  color: #8f7143 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}


/* ============================================================
   7. Role pills
   ============================================================ */

/* Remove default list spacing inside role field */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles .item-list,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles ul,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Admin role pill */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles li,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles .solo-li-list {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 10px !important;
  background: #fff4dd !important;
  color: #805b17 !important;
  border: 1px solid rgba(128, 91, 23, 0.14) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Small crown-style marker for Admin roles */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles li::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles .solo-li-list::before {
  content: "♛";
  display: inline-block;
  margin-right: 5px;
  color: #9b7b44;
  font-size: 11px;
  line-height: 1;
}

/* Plain None role */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles {
  color: #6f7a80 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}


/* ============================================================
   8. Date columns
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-changed,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-created {
  color: #5f6a70 !important;
  font-size: 13px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members time {
  color: #5f6a70 !important;
  font-weight: 700 !important;
}


/* ============================================================
   9. Operations dropbutton
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-dropbutton {
  width: 190px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 142px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-widget {
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.2) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.055) !important;
  overflow: visible !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton {
  margin: 0 !important;
  padding: 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-action a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 8px 14px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-action a:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
}

/* Toggle portion */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-toggle button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-left: 1px solid rgba(83, 112, 126, 0.16) !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: none !important;
}

/* Open dropdown menu */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-widget,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-widget {
  border-color: rgba(155, 123, 68, 0.4) !important;
  box-shadow: 0 10px 24px rgba(57, 72, 80, 0.14) !important;
}

/* Secondary actions */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton .secondary-action a {
  justify-content: flex-start !important;
  min-width: 150px !important;
  padding: 10px 14px !important;
}

/* Remove member should feel careful */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton .secondary-action a[href*="delete"] {
  color: #9d3d3d !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton .secondary-action a[href*="delete"]:hover {
  background: #fff4f4 !important;
  color: #8f2929 !important;
}


/* ============================================================
   10. Responsive
   ============================================================ */

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-members {
    max-width: calc(100vw - 28px) !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper {
    overflow-x: auto !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table {
    min-width: 860px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-header {
    margin-bottom: 24px !important;
  }
}


/* ============================================================
   TrulyWed Concept 1 — Group Members View Accuracy Pass
   Paste below the previous members CSS.
   Purpose: match the approved members mockup more closely.
   ============================================================ */


/* ============================================================
   1. Overall view sizing
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members {
  max-width: 1320px !important;
  margin: 0 auto 90px !important;
  padding: 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-content {
  max-width: 1260px !important;
  margin: 0 auto !important;
  position: relative !important;
}


/* ============================================================
   2. Add new member button — same shape as site buttons
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-header {
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .invite-members-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 18px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .invite-members-button::before {
  content: "♙";
  margin-right: 8px;
  color: #9b7b44;
  font-size: 15px;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .invite-members-button:hover {
  background: #ffffff !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.58) !important;
}


/* ============================================================
   3. Members table outer card + mockup header
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;
  padding-top: 104px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.3) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 32px rgba(57, 72, 80, 0.11) !important;
}

/* Header band */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper::before {
  content: "Group Members\A Manage and review all members of your group.";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 104px;
  padding: 28px 190px 22px 98px;
  background: linear-gradient(135deg, #fffaf2, rgba(255, 255, 255, 0.78));
  border-bottom: 1px solid rgba(191, 176, 151, 0.24);
  border-radius: 12px 12px 0 0;
  color: #34424a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.72rem;
  font-weight: 700;
  line-height: 1.15;
  white-space: pre-line;
  box-sizing: border-box;
}

/* Header description second line */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper {
  --tw-members-description: "Manage and review all members of your group.";
}

/* Icon circle in header */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-content::before {
  content: "♡";
  position: absolute;
  z-index: 2;
  top: 25px;
  left: 26px;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  background: #fffaf2;
  color: #9b7b44;
  border: 1px solid rgba(191, 176, 151, 0.34);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  font-size: 24px;
}

/* Member count in header. CSS cannot count rows, so this is display text. */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-content::after {
  content: "11 members";
  position: absolute;
  z-index: 2;
  top: 40px;
  right: 28px;
  color: #6f7a80;
  font-size: 14px;
  font-weight: 800;
}


/* ============================================================
   4. Table base
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  table-layout: fixed !important;
}

/* Column balance */
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-name,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-name {
  width: 27% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-group-roles,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-group-roles {
  width: 17% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-changed,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-changed {
  width: 21% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-created,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-created {
  width: 21% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-dropbutton,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-dropbutton {
  width: 14% !important;
}


/* ============================================================
   5. Table header
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table thead th {
  padding: 21px 24px !important;
  background: #fffaf2 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.26) !important;
  color: #805b17 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table thead th a {
  color: #805b17 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}


/* ============================================================
   6. Table rows
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr {
  background: rgba(255, 255, 255, 0.72) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr:hover {
  background: rgba(232, 240, 243, 0.35) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody td {
  height: 58px !important;
  padding: 15px 24px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.11) !important;
  color: #52616a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr:last-child td {
  border-bottom: 0 !important;
}


/* ============================================================
   7. User column with avatar circles
   CSS cannot dynamically create initials from names, so this
   uses row-specific initials for the current demo rows.
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members td.views-field-name {
  position: relative !important;
  padding-left: 72px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members td.views-field-name::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 24px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 999px;
  background: #e9def8;
  color: #5b4882;
  font-size: 12px;
  font-weight: 900;
}

/* Current row initials */
body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(1) td.views-field-name::before {
  content: "S";
  background: #e6ddf5;
  color: #5f4d86;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(2) td.views-field-name::before {
  content: "M";
  background: #dff2e9;
  color: #3c725b;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(3) td.views-field-name::before {
  content: "SJ";
  background: #dceefa;
  color: #346b95;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(4) td.views-field-name::before {
  content: "FJ";
  background: #fde3df;
  color: #9a5148;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(5) td.views-field-name::before {
  content: "SP";
  background: #f7ead4;
  color: #8a6838;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(6) td.views-field-name::before {
  content: "JP";
  background: #dff3f3;
  color: #3e7779;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(7) td.views-field-name::before {
  content: "LP";
  background: #fde1e4;
  color: #964d58;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(8) td.views-field-name::before {
  content: "L";
  background: #e4e5fa;
  color: #565da0;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(9) td.views-field-name::before {
  content: "L3";
  background: #e0f2df;
  color: #4d7f48;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(10) td.views-field-name::before {
  content: "CM";
  background: #dceefa;
  color: #346b95;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members tbody tr:nth-child(11) td.views-field-name::before {
  content: "PM";
  background: #fde1e4;
  color: #9a4e5a;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-name a.username {
  color: #25323a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-name a.username:hover {
  color: #8f7143 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}


/* ============================================================
   8. Role pills
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles .item-list,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles ul,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles li,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles .solo-li-list {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 5px 11px !important;
  background: #fff4dd !important;
  color: #805b17 !important;
  border: 1px solid rgba(128, 91, 23, 0.16) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles li::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles .solo-li-list::before {
  content: "♛";
  margin-right: 5px;
  color: #9b7b44;
  font-size: 11px;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-group-roles {
  color: #6f7a80 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}


/* ============================================================
   9. Dates
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members time {
  color: #5f6a70 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}


/* ============================================================
   10. Operations dropbutton — accurate button shape
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-dropbutton {
  overflow: visible !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 146px !important;
  z-index: 10 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-widget {
  position: relative !important;
  display: inline-flex !important;
  min-width: 146px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.055) !important;
  overflow: visible !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton {
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Primary visible View member action */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-action:first-child {
  flex: 1 1 auto !important;
  min-width: 104px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-action:first-child a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 8px 13px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 0 !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-decoration: none !important;
}

/* Toggle button */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-toggle {
  flex: 0 0 38px !important;
  width: 38px !important;
  border-left: 1px solid rgba(83, 112, 126, 0.16) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-toggle button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: none !important;
}

/* Build a clean arrow */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-arrow {
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  margin-top: 2px !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid #52616a !important;
}

/* Dropdown secondary menu */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton .secondary-action {
  display: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton .secondary-action,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton .secondary-action {
  display: block !important;
}

/* Open menu panel */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton {
  position: absolute !important;
  top: 44px !important;
  right: 0 !important;
  display: block !important;
  width: 178px !important;
  padding: 8px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 32px rgba(57, 72, 80, 0.18) !important;
  z-index: 200 !important;
}

/* Keep the visible primary as part of menu when open */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action:first-child,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child {
  display: block !important;
  min-width: 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-toggle,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-toggle {
  display: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a {
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 36px !important;
  padding: 10px 12px !important;
  border-radius: 7px !important;
  color: #25323a !important;
  text-align: left !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a:hover,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
}

/* Add simple icons to open menu actions */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a::before {
  display: inline-block;
  width: 17px;
  margin-right: 8px;
  color: #9b7b44;
  text-align: center;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a[href*="/member/"]::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a[href*="/member/"]::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a[href*="/content/"]::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a[href*="/content/"]::before {
  content: "♙";
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a[href*="/edit"]::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a[href*="/edit"]::before {
  content: "✎";
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a[href*="/delete"],
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a[href*="/delete"] {
  color: #9d3d3d !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a[href*="/delete"]::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a[href*="/delete"]::before {
  content: "♲";
  color: #9d3d3d;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-action a[href*="/delete"]:hover,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action a[href*="/delete"]:hover {
  background: #fff4f4 !important;
  color: #8f2929 !important;
}


/* ============================================================
   11. Responsive
   ============================================================ */

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-members {
    max-width: calc(100vw - 28px) !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper {
    overflow-x: auto !important;
    padding-top: 96px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table {
    min-width: 980px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper::before {
    padding-right: 120px;
    font-size: 1.45rem;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-content::after {
    right: 22px;
  }
}


/* ============================================================
   TrulyWed Concept 1 — Group Members View Corrections
   Paste below the current Members View CSS.
   Fixes:
   - header subtitle size
   - header icon becomes add-user style
   - usernames no longer overlap avatars
   - operations dropbutton stays aligned when opened
   ============================================================ */


/* ============================================================
   1. Rebuild the table card header with separate title/subtitle
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper {
  padding-top: 104px !important;
}

/* Title only */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper::before {
  content: "Group Members" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  min-height: 104px !important;
  padding: 28px 190px 22px 98px !important;
  background: linear-gradient(135deg, #fffaf2, rgba(255, 255, 255, 0.78)) !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 12px 12px 0 0 !important;
  color: #34424a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.62rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

/* Subtitle line */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper::after {
  content: "Manage and review all members of your group." !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 59px !important;
  left: 98px !important;
  right: 190px !important;
  color: #52616a !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

/* Header icon: add-user style */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-content::before {
  content: "♙" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 25px !important;
  left: 26px !important;
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  background: #fffaf2 !important;
  color: #9b7b44 !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

/* Member count remains top-right */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .view-content::after {
  top: 38px !important;
  right: 28px !important;
  color: #6f7a80 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}


/* ============================================================
   2. Fix username/avatar overlap
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table {
  table-layout: auto !important;
}

/* Give user column enough space */
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-name,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-name {
  width: 30% !important;
  min-width: 230px !important;
}

/* Push username safely clear of avatar */
body.path-group .dialog-off-canvas-main-canvas .view-group-members td.views-field-name {
  position: relative !important;
  padding-left: 84px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* Avatar position */
body.path-group .dialog-off-canvas-main-canvas .view-group-members td.views-field-name::before {
  left: 28px !important;
  width: 34px !important;
  height: 34px !important;
}

/* Ensure username itself does not get clipped */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-name a.username,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-name a {
  display: inline-block !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  color: #25323a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}


/* ============================================================
   3. Better column balance after widening user column
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-group-roles,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-group-roles {
  width: 16% !important;
  min-width: 130px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-changed,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-changed,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-created,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-created {
  width: 20% !important;
  min-width: 170px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table th.views-field-dropbutton,
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table td.views-field-dropbutton {
  width: 14% !important;
  min-width: 165px !important;
}


/* ============================================================
   4. Operations dropbutton: stop sinking on click/open
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-members .views-field-dropbutton {
  position: relative !important;
  overflow: visible !important;
  z-index: 50 !important;
}

/* Each row should allow the menu to float above nearby rows */
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr {
  position: relative !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr:has(.dropbutton-wrapper.open),
body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table tbody tr:has(.dropbutton-wrapper.dropbutton-multiple.open) {
  z-index: 150 !important;
}

/* Keep wrapper fixed height so row does not grow/drop */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper {
  position: relative !important;
  display: inline-block !important;
  width: 146px !important;
  min-width: 146px !important;
  height: 38px !important;
  min-height: 38px !important;
  vertical-align: middle !important;
  z-index: 80 !important;
}

/* Closed button shape */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper .dropbutton-widget {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 146px !important;
  min-width: 146px !important;
  height: 38px !important;
  min-height: 38px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.055) !important;
  overflow: visible !important;
}

/* Closed state layout */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper .dropbutton {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Primary visible action */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-action:first-child {
  flex: 1 1 auto !important;
  width: 108px !important;
  min-width: 108px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-action:first-child a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 108px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 0 !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-decoration: none !important;
}

/* Toggle stays attached */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-toggle {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 38px !important;
  height: 38px !important;
  border-left: 1px solid rgba(83, 112, 126, 0.16) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-toggle button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: none !important;
}

/* Closed secondary actions hidden */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton .secondary-action {
  display: none !important;
}

/* Open state: do not move the button; show menu below it */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open {
  height: 38px !important;
  min-height: 38px !important;
  z-index: 300 !important;
}

/* Keep the original button in place while open */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton-widget,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-widget {
  height: 38px !important;
  min-height: 38px !important;
  border-color: rgba(155, 123, 68, 0.42) !important;
  box-shadow: 0 6px 14px rgba(57, 72, 80, 0.12) !important;
}

/* The open menu panel */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton::after,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton::after {
  content: "";
  position: absolute;
  top: 44px;
  right: 0;
  width: 178px;
  height: calc((36px * 3) + 16px);
  background: #ffffff;
  border: 1px solid rgba(191, 176, 151, 0.34);
  border-radius: 10px;
  box-shadow: 0 16px 32px rgba(57, 72, 80, 0.18);
  z-index: 310;
}

/* Reveal secondary actions as floating menu items */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton .secondary-action,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton .secondary-action {
  display: block !important;
  position: absolute !important;
  right: 8px !important;
  width: 162px !important;
  z-index: 320 !important;
}

/* Stack secondary actions */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton .secondary-action:nth-of-type(2),
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton .secondary-action:nth-of-type(2) {
  top: 52px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton .secondary-action:nth-of-type(3),
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton .secondary-action:nth-of-type(3) {
  top: 88px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton .secondary-action:nth-of-type(4),
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton .secondary-action:nth-of-type(4) {
  top: 124px !important;
}

/* Secondary menu links */
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton .secondary-action a,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton .secondary-action a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 9px 11px !important;
  background: transparent !important;
  color: #25323a !important;
  border: 0 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-align: left !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.open .dropbutton .secondary-action a:hover,
body.path-group .dialog-off-canvas-main-canvas .view-group-members .dropbutton-wrapper.dropbutton-multiple.open .dropbutton .secondary-action a:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
}


/* ============================================================
   5. Responsive safety
   ============================================================ */

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-members table.views-table {
    min-width: 1040px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper::before {
    padding-left: 88px !important;
    padding-right: 120px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-members .solo-table-wrapper::after {
    left: 88px !important;
    right: 120px !important;
  }
}


/* ============================================================
   TrulyWed Concept 1 — Group Invitations View Polish
   Paste below the Members View CSS.
   Matches the Members page visual language.
   ============================================================ */


/* ============================================================
   1. Overall invitations view sizing
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations {
  max-width: 1320px !important;
  margin: 0 auto 90px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .view-content {
  max-width: 1260px !important;
  margin: 0 auto !important;
  position: relative !important;
}


/* ============================================================
   2. View header action buttons
   Generate invite links / Invite links / Animated invites
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .view-header {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .view-header a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 18px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .view-header a:hover {
  background: #ffffff !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.58) !important;
  transform: translateY(-1px);
}

/* Button icons */
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .link-gen-button::before {
  content: "✉";
  margin-right: 8px;
  color: #9b7b44;
  font-size: 14px;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .link-list-button::before {
  content: "🔗";
  margin-right: 8px;
  color: #9b7b44;
  font-size: 13px;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .animated-invites-button::before {
  content: "✦";
  margin-right: 8px;
  color: #9b7b44;
  font-size: 14px;
}


/* ============================================================
   3. Table outer card and card header
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .solo-table-wrapper {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;
  padding-top: 104px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.3) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 32px rgba(57, 72, 80, 0.11) !important;
}

/* Header title */
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .solo-table-wrapper::before {
  content: "Invitations" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  min-height: 104px !important;
  padding: 28px 190px 22px 98px !important;
  background: linear-gradient(135deg, #fffaf2, rgba(255, 255, 255, 0.78)) !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 12px 12px 0 0 !important;
  color: #34424a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.62rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

/* Header subtitle */
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .solo-table-wrapper::after {
  content: "Create, review and manage invitations for this Wedding Companion." !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 59px !important;
  left: 98px !important;
  right: 190px !important;
  color: #52616a !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

/* Header icon: invitation/envelope style */
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .view-content::before {
  content: "✉" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 25px !important;
  left: 26px !important;
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  background: #fffaf2 !important;
  color: #9b7b44 !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

/* Header count/summary */
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .view-content::after {
  content: "Invites" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 38px !important;
  right: 28px !important;
  color: #6f7a80 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}


/* ============================================================
   4. Table base
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  table-layout: auto !important;
}

/* Column balance */
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table th.views-field-invitee-mail,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table td.views-field-invitee-mail {
  width: 25% !important;
  min-width: 230px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table th.views-field-name,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table td.views-field-name {
  width: 18% !important;
  min-width: 170px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table th.views-field-group-roles,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table td.views-field-group-roles {
  width: 16% !important;
  min-width: 140px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table th.views-field-uid,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table td.views-field-uid {
  width: 15% !important;
  min-width: 140px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table th.views-field-created,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table td.views-field-created {
  width: 16% !important;
  min-width: 170px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table th.views-field-dropbutton,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table td.views-field-dropbutton {
  width: 10% !important;
  min-width: 160px !important;
}


/* ============================================================
   5. Table header
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table thead th {
  padding: 21px 24px !important;
  background: #fffaf2 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.26) !important;
  color: #805b17 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table thead th a {
  color: #805b17 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table thead th a:hover {
  color: #8f7143 !important;
}


/* ============================================================
   6. Table rows and cells
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table tbody tr {
  background: rgba(255, 255, 255, 0.72) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table tbody tr:hover {
  background: rgba(232, 240, 243, 0.35) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table tbody td {
  height: 58px !important;
  padding: 15px 24px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.11) !important;
  color: #52616a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table tbody tr:last-child td {
  border-bottom: 0 !important;
}


/* ============================================================
   7. Email / invitee styling
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations td.views-field-invitee-mail {
  position: relative !important;
  padding-left: 72px !important;
  white-space: nowrap !important;
}

/* Email avatar/icon circle */
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations td.views-field-invitee-mail::before {
  content: "✉";
  position: absolute;
  top: 50%;
  left: 24px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 999px;
  background: #f7ead4;
  color: #8a6838;
  font-size: 13px;
  font-weight: 900;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-invitee-mail a,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-name a,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-uid a {
  color: #25323a !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-invitee-mail a:hover,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-name a:hover,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-uid a:hover {
  color: #8f7143 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}


/* ============================================================
   8. Role pills
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-group-roles .item-list,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-group-roles ul,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-group-roles li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-group-roles li,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-group-roles .solo-li-list {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 5px 11px !important;
  background: #fff4dd !important;
  color: #805b17 !important;
  border: 1px solid rgba(128, 91, 23, 0.16) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-group-roles li::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-group-roles .solo-li-list::before {
  content: "♛";
  margin-right: 5px;
  color: #9b7b44;
  font-size: 11px;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-group-roles {
  color: #6f7a80 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}


/* ============================================================
   9. Empty invitations state
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-empty {
  height: 180px !important;
  padding: 56px 24px !important;
  background: #ffffff !important;
  color: #6f7a80 !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  border-bottom: 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-empty::before {
  content: "✉";
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 14px;
  background: #fffaf2;
  color: #9b7b44;
  border: 1px solid rgba(191, 176, 151, 0.34);
  border-radius: 999px;
  font-size: 24px;
}


/* ============================================================
   10. Operations dropbutton base
   Uses same visual language as Members page.
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .views-field-dropbutton {
  position: relative !important;
  overflow: visible !important;
  z-index: 50 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table tbody tr {
  position: relative !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table tbody tr:has(.dropbutton-wrapper.open),
body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table tbody tr:has(.dropbutton-wrapper.dropbutton-multiple.open) {
  z-index: 150 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .dropbutton-wrapper {
  position: relative !important;
  display: inline-block !important;
  width: 146px !important;
  min-width: 146px !important;
  height: 38px !important;
  min-height: 38px !important;
  vertical-align: middle !important;
  z-index: 80 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .dropbutton-widget {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 146px !important;
  min-width: 146px !important;
  height: 38px !important;
  min-height: 38px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.055) !important;
  overflow: visible !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .dropbutton {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .dropbutton-action:first-child {
  flex: 1 1 auto !important;
  width: 108px !important;
  min-width: 108px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .dropbutton-action:first-child a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 108px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 0 !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .dropbutton-toggle {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 38px !important;
  height: 38px !important;
  border-left: 1px solid rgba(83, 112, 126, 0.16) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .dropbutton-toggle button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .dropbutton-arrow {
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  margin-top: 2px !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid #52616a !important;
}


/* ============================================================
   11. Responsive
   ============================================================ */

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-invitations {
    max-width: calc(100vw - 28px) !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .solo-table-wrapper {
    overflow-x: auto !important;
    padding-top: 96px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-invitations table.views-table {
    min-width: 1040px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .solo-table-wrapper::before {
    padding-left: 88px !important;
    padding-right: 120px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .solo-table-wrapper::after {
    left: 88px !important;
    right: 120px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-invitations .view-content::after {
    right: 22px !important;
  }
}



/* ============================================================
   TrulyWed Concept 1 — Group Comments View Polish
   Paste below current group view CSS.
   Styles filters + bulk operations inline, with header directly
   attached above the comments table.
   ============================================================ */


/* ============================================================
   1. Main comments view container
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments {
  max-width: 1320px !important;
  margin: 0 auto 90px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content {
  max-width: 1260px !important;
  margin: 0 auto !important;
  position: relative !important;
}


/* ============================================================
   2. Position filters + bulk operations as one inline control band
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters {
  max-width: 1260px !important;
  margin: 0 auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 3 !important;
}

/* The exposed filter form will become the left side of the control band */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-form {
  max-width: 1260px !important;
  margin: 0 auto !important;
}

/* Pull the bulk form upward so it sits inline with filters */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-form > form > #edit-header {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* This is the bulk operations wrapper */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: end !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  max-width: 1260px !important;
  margin: -76px auto 32px !important;
  padding: 0 34px 0 650px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Filter band card */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 106px;
  background: #fffaf2;
  border: 1px solid rgba(191, 176, 151, 0.3);
  border-radius: 12px 12px 0 0;
  box-shadow: 0 14px 32px rgba(57, 72, 80, 0.11);
}

/* Exposed filter layout */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
  display: flex !important;
  align-items: end !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  min-height: 106px !important;
  padding: 26px 34px 130px 34px!important;
  box-sizing: border-box !important;
  /* height: 300px; */
}

/* Filter fields */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .form-item {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 240px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form label,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 label,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #805b17 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Filter inputs */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form input[type="text"],
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 select,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] select {
  min-height: 42px !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.045) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form input[type="text"]::placeholder {
  color: #8a969d !important;
}

/* Filter button */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .form-actions,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form #edit-actions {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form input[type="submit"] {
  min-height: 42px !important;
  padding: 10px 22px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Bulk select + apply */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 .form-item,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] .form-item {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 220px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 .form-actions,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] .form-actions {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] input[type="submit"] {
  min-height: 42px !important;
  padding: 10px 22px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}


/* ============================================================
   3. Table card wrapper with header directly above table
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;
  padding-top: 104px !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.3) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 14px 32px rgba(57, 72, 80, 0.11) !important;
}

/* Header title */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper::before {
  content: "Group Comments" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  min-height: 104px !important;
  padding: 28px 190px 22px 98px !important;
  background: linear-gradient(135deg, #fffaf2, rgba(255, 255, 255, 0.78)) !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.24) !important;
  color: #34424a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.62rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

/* Header subtitle */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper::after {
  content: "Review, filter and moderate tributes and other comments from your group." !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 59px !important;
  left: 98px !important;
  right: 190px !important;
  color: #52616a !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

/* Header icon */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content::before {
  content: "☷" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 25px !important;
  left: 26px !important;
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  background: #fffaf2 !important;
  color: #9b7b44 !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

/* Count text */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content::after {
  content: "2 comments" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 38px !important;
  right: 28px !important;
  color: #805b17 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}


/* ============================================================
   4. Table base
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  table-layout: auto !important;
}

/* Column balance */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-comment-bulk-form,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-comment-bulk-form {
  width: 5% !important;
  min-width: 58px !important;
  text-align: center !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-subject,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-subject {
  width: 17% !important;
  min-width: 150px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-name,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-name {
  width: 14% !important;
  min-width: 130px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-entity-id,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-entity-id {
  width: 18% !important;
  min-width: 180px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-changed,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-changed {
  width: 17% !important;
  min-width: 170px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-operations,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-operations {
  width: 13% !important;
  min-width: 150px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-comment-type,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-comment-type {
  width: 9% !important;
  min-width: 100px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-nothing,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-nothing {
  width: 12% !important;
  min-width: 120px !important;
}


/* ============================================================
   5. Table header and rows
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table thead th {
  padding: 21px 24px !important;
  background: #fffaf2 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.26) !important;
  color: #805b17 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table thead th.select-all {
  text-align: center !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table thead th a {
  color: #805b17 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table tbody tr {
  position: relative !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table tbody tr:hover {
  background: rgba(232, 240, 243, 0.35) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table tbody td {
  height: 74px !important;
  padding: 17px 24px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.11) !important;
  color: #52616a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table tbody tr:last-child td {
  border-bottom: 0 !important;
}


/* ============================================================
   6. Links, checkboxes, type pill, action links
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table a {
  color: #25323a !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table a:hover {
  color: #8f7143 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* Checkbox styling */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  accent-color: #9b7b44 !important;
}

/* Type pill */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-field-comment-type a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 5px 11px !important;
  background: #eef6f8 !important;
  color: #386978 !important;
  border: 1px solid rgba(56, 105, 120, 0.16) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* Actions column */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-field-nothing {
  line-height: 1.6 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-field-nothing a {
  display: inline-flex !important;
  align-items: center !important;
  margin: 1px 0 !important;
  color: #52616a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-field-nothing a[href*="publish"] {
  color: #2e7c57 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-field-nothing a[href*="delete"] {
  color: #9d3d3d !important;
}


/* ============================================================
   7. Operations dropbutton
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-field-operations {
  overflow: visible !important;
  position: relative !important;
  z-index: 50 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .dropbutton-wrapper {
  position: relative !important;
  display: inline-block !important;
  width: 116px !important;
  min-width: 116px !important;
  height: 38px !important;
  min-height: 38px !important;
  vertical-align: middle !important;
  z-index: 80 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .dropbutton-widget {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 116px !important;
  min-width: 116px !important;
  height: 38px !important;
  min-height: 38px !important;
  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.055) !important;
  overflow: visible !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .dropbutton {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .dropbutton-action:first-child {
  width: 76px !important;
  min-width: 76px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .dropbutton-action:first-child a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 0 !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .dropbutton-toggle {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 38px !important;
  height: 38px !important;
  border-left: 1px solid rgba(83, 112, 126, 0.16) !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .dropbutton-toggle button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .dropbutton-arrow {
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  margin-top: 2px !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid #52616a !important;
}


/* ============================================================
   8. Bottom bulk action button
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-form > form > .form-actions:last-child {
  display: flex !important;
  justify-content: center !important;
  margin: 34px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-form > form > .form-actions:last-child input[type="submit"] {
  min-height: 42px !important;
  padding: 10px 26px !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 16px rgba(57, 72, 80, 0.11) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}


/* ============================================================
   9. Responsive
   ============================================================ */

@media (max-width: 1050px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
    display: grid !important;
    grid-template-columns: 1fr 1fr auto !important;
    gap: 14px !important;
    min-height: auto !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
    margin: 16px auto 32px !important;
    padding: 0 34px !important;
    justify-content: center !important;
  }
}

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments {
    max-width: calc(100vw - 28px) !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper {
    overflow-x: auto !important;
    padding-top: 96px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table {
    min-width: 1120px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper::before {
    padding-left: 88px !important;
    padding-right: 120px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper::after {
    left: 88px !important;
    right: 120px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content::after {
    right: 22px !important;
  }
}

@media (max-width: 720px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
    grid-template-columns: 1fr !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* ============================================================
   TrulyWed — Group Comments Filter/Bulk Alignment Fix
   Paste below the previous Group Comments CSS.
   Purpose: make exposed filters and bulk operations appear inline
   in one shared control band above the comments table.
   ============================================================ */


/* ============================================================
   1. Create a stable layout context
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments {
  position: relative !important;
  max-width: 1320px !important;
  margin: 0 auto 90px !important;
}

/* The filter form becomes the shared visual band */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters {
  position: relative !important;
  z-index: 5 !important;
  max-width: 1260px !important;
  min-height: 116px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.3) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 32px rgba(57, 72, 80, 0.11) !important;
  box-sizing: border-box !important;
}

/* Kill the earlier generated pseudo background if present */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters::before {
  content: none !important;
  display: none !important;
}


/* ============================================================
   2. Left side: exposed filters
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Reserve right-side space for bulk operations */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
  display: grid !important;
  grid-template-columns: minmax(180px, 250px) minmax(180px, 250px) auto 1fr !important;
  align-items: end !important;
  gap: 18px !important;
  min-height: 116px !important;
  padding: 28px 560px 26px 34px !important;
  box-sizing: border-box !important;
}

/* Filter field wrappers */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .form-item {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form input[type="text"] {
  width: 100% !important;
}


/* ============================================================
   3. Right side: bulk operations pulled into same band
   ============================================================ */

/* Remove the bulk wrapper from normal document spacing */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-form > form > #edit-header {
  position: static !important;
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Place bulk controls over the right side of the filter band */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
  position: absolute !important;
  z-index: 8 !important;
  top: -136px !important;
  right: calc((100% - 1260px) / 2 + 34px) !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 230px) auto !important;
  align-items: end !important;
  gap: 18px !important;
  width: auto !important;
  max-width: 510px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Bulk select wrapper */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 .form-item,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] .form-item {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bulk select */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 select,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] select {
  width: 100% !important;
  min-height: 42px !important;
}

/* Bulk apply button wrapper */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 .form-actions,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] .form-actions {
  margin: 0 !important;
  padding: 0 !important;
  align-self: end !important;
}


/* ============================================================
   4. Add the subtle divider between filters and bulk controls
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters::after {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 26px;
  right: 520px;
  width: 1px;
  background: rgba(191, 176, 151, 0.28);
}


/* ============================================================
   5. Move the table/header card up directly after the band
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content {
  max-width: 1260px !important;
  margin: 0 auto !important;
  position: relative !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper {
  margin-top: 0 !important;
}


/* ============================================================
   6. Label/input consistency
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form label,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 label,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #805b17 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form input[type="text"],
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 select,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] select {
  min-height: 42px !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.045) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] input[type="submit"] {
  min-height: 42px !important;
  white-space: nowrap !important;
}


/* ============================================================
   7. Responsive fallback
   ============================================================ */

@media (max-width: 1280px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
    right: 34px !important;
  }
}

@media (max-width: 1050px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters {
    min-height: auto !important;
    padding: 0 !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
    grid-template-columns: 1fr 1fr auto !important;
    padding: 26px 34px !important;
    min-height: auto !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    display: grid !important;
    grid-template-columns: minmax(190px, 1fr) auto !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 auto 34px !important;
    padding: 0 34px 26px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters::after {
    display: none !important;
  }
}

@media (max-width: 720px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   TrulyWed — Group Comments View Layout Correction
   Paste below all previous Group Comments CSS.
   Purpose:
   - filter + bulk controls inline in one control band
   - header card directly attached to table
   - no separate floating filter card
   - cleaner actions/dropbutton spacing
   ============================================================ */


/* ============================================================
   1. Overall comments view layout
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments {
  max-width: 1260px !important;
  margin: 0 auto 90px !important;
  padding: 0 !important;
  position: relative !important;
}

/* The view content becomes the main card */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content {
  max-width: 1260px !important;
  margin: 0 auto !important;
  position: relative !important;
}


/* ============================================================
   2. Remove separate floating filter card look
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters {
  position: relative !important;
  z-index: 20 !important;
  max-width: 1260px !important;
  min-height: 0 !important;
  margin: 0 auto -1px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters::before,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-filters::after {
  content: none !important;
  display: none !important;
}


/* ============================================================
   3. Main comments card / table wrapper
   Header + controls + table live together
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding-top: 196px !important;
  overflow: visible !important;
  background: #fffaf2 !important;
  border: 1px solid rgba(191, 176, 151, 0.3) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 32px rgba(57, 72, 80, 0.11) !important;
}

/* Top header band */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper::before {
  content: "Group Comments" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  min-height: 92px !important;
  padding: 26px 190px 18px 98px !important;
  background: linear-gradient(135deg, #fffaf2, rgba(255, 255, 255, 0.78)) !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.22) !important;
  border-radius: 12px 12px 0 0 !important;
  color: #34424a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.62rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}

/* Subtitle */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper::after {
  content: "Review, filter and moderate tributes and other comments from your group." !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 58px !important;
  left: 98px !important;
  right: 190px !important;
  color: #52616a !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

/* Header icon */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content::before {
  content: "☷" !important;
  position: absolute !important;
  z-index: 25 !important;
  top: 25px !important;
  left: 26px !important;
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  background: #fffaf2 !important;
  color: #9b7b44 !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

/* Count */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content::after {
  content: "2 comments" !important;
  position: absolute !important;
  z-index: 25 !important;
  top: 38px !important;
  right: 28px !important;
  color: #805b17 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}


/* ============================================================
   4. Build one unified control band over the table wrapper
   ============================================================ */

/* Exposed form sits inside the table card visually */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form {
  position: absolute !important;
  z-index: 30 !important;
  top: 92px !important;
  left: 0 !important;
  right: 0 !important;
  height: 104px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fffaf2 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.22) !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
  display: grid !important;
  grid-template-columns: minmax(180px, 250px) minmax(180px, 250px) auto 1fr !important;
  align-items: end !important;
  gap: 18px !important;
  height: 104px !important;
  margin: 0 !important;
  padding: 24px 560px 24px 34px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Filter fields */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .form-item {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Filter button wrapper */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .form-actions {
  margin: 0 !important;
  padding: 0 !important;
  align-self: end !important;
}


/* ============================================================
   5. Pull bulk operations into the same control band
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-form > form > #edit-header {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Bulk controls: absolute inside card, right side of same band */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
  position: absolute !important;
  z-index: 35 !important;
  top: 116px !important;
  right: 34px !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 230px) auto !important;
  align-items: end !important;
  gap: 18px !important;
  width: auto !important;
  max-width: 510px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Divider between filter and bulk areas */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content .solo-table-wrapper > .tableresponsive-toggle-columns::before {
  content: "";
  position: absolute;
  z-index: 31;
  top: 116px;
  right: 520px;
  width: 1px;
  height: 56px;
  background: rgba(191, 176, 151, 0.28);
}


/* ============================================================
   6. Labels and controls
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form label,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 label,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #805b17 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form input[type="text"],
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 select,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] select {
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.045) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2 input[type="submit"],
body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] input[type="submit"] {
  min-height: 42px !important;
  padding: 10px 22px !important;
  white-space: nowrap !important;
  background: #fffaf2 !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}


/* ============================================================
   7. Table alignment adjustments
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table {
  margin-top: 0 !important;
  width: 100% !important;
  table-layout: fixed !important;
}

/* Better column balance */
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-comment-bulk-form,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-comment-bulk-form {
  width: 5% !important;
  min-width: 54px !important;
  text-align: center !important;
  padding-left: 18px !important;
  padding-right: 12px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-subject,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-subject {
  width: 16% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-name,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-name {
  width: 13% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-entity-id,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-entity-id {
  width: 17% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-changed,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-changed {
  width: 16% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-operations,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-operations {
  width: 13% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-comment-type,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-comment-type {
  width: 10% !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table th.views-field-nothing,
body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table td.views-field-nothing {
  width: 10% !important;
}


/* ============================================================
   8. Fix actions column cramped checkbox visual
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-field-nothing {
  position: relative !important;
  padding-right: 26px !important;
}

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-field-nothing a {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 3px !important;
  line-height: 1.25 !important;
}


/* ============================================================
   9. Bottom Apply button
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-form > form > .form-actions:last-child {
  display: flex !important;
  justify-content: center !important;
  margin: 34px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ============================================================
   10. Responsive fallback
   ============================================================ */

@media (max-width: 1100px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper {
    padding-top: 268px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form {
    height: auto !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block {
    grid-template-columns: 1fr 1fr auto !important;
    height: auto !important;
    padding: 24px 34px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
    top: 198px !important;
    left: 34px !important;
    right: 34px !important;
    grid-template-columns: minmax(190px, 1fr) auto !important;
    max-width: none !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .view-content .solo-table-wrapper > .tableresponsive-toggle-columns::before {
    display: none !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper {
    overflow-x: auto !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments table.views-table {
    min-width: 1120px !important;
  }
}

@media (max-width: 720px) {
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .solo-table-wrapper {
    padding-top: 338px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments .views-exposed-form .solo-block,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
    grid-template-columns: 1fr !important;
  }

  body.path-group .dialog-off-canvas-main-canvas .view-group-comments #edit-comment-bulk-form--2,
  body.path-group .dialog-off-canvas-main-canvas .view-group-comments [id^="edit-comment-bulk-form"] {
    top: 238px !important;
  }
}


/* ============================================================
   TrulyWed Concept 1 — Group Notifications Page Polish
   Paste below current CSS.
   Targets /group/{group}/notifications only.
   ============================================================ */


/* ============================================================
   1. Main notifications form card
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form {
  position: relative !important;
  max-width: 760px !important;
  margin: 0 auto 90px !important;
  padding: 34px 38px 38px !important;
  background:
    radial-gradient(circle at top left, rgba(255, 246, 234, 0.9), transparent 36%),
    linear-gradient(145deg, #fffaf2, #ffffff) !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 14px !important;
  box-shadow:
    0 18px 42px rgba(57, 72, 80, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  box-sizing: border-box !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form * {
  box-sizing: border-box !important;
}


/* ============================================================
   2. Details sections as elegant dashboard panels
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details {
  margin: 0 0 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 42px 12px 38px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.22) !important;
  color: #34424a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details > summary::marker,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details > summary::-webkit-details-marker {
  display: none !important;
}

/* Section icons */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > #edit-recipients > summary::before {
  content: "♙";
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > #edit-message-group > summary::before {
  content: "✉";
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > #edit-channels > summary::before {
  content: "✈";
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > #edit-social > summary::before {
  content: "◇";
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details > summary::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  color: #9b7b44;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1;
}

/* Chevron */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details > summary::after {
  content: "⌃";
  position: absolute;
  right: 4px;
  top: 3px;
  color: #9b7b44;
  font-size: 18px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details:not([open]) > summary::after {
  content: "⌄";
}

/* Content body */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details > .details-wrapper {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}


/* ============================================================
   3. Inner field panels
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form fieldset,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .details-wrapper > .form-item,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .details-wrapper > .js-form-item,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .details-wrapper > #ajax-wrapper {
  margin: 0 0 16px !important;
  padding: 18px 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.24) !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.045) !important;
}

/* Avoid double boxes inside AJAX wrapper */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form #ajax-wrapper > .form-item {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ============================================================
   4. Labels and text
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form legend,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .fieldset-legend,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form label {
  color: #34424a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form legend {
  margin-bottom: 10px !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .form-item__description,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .description {
  color: #6f7a80 !important;
  font-size: 12px !important;
}


/* ============================================================
   5. Recipient radio options
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .form-radios {
  display: grid !important;
  gap: 12px !important;
  margin: 8px 0 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .form-type-radio,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .form-type-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form input[type="radio"],
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  accent-color: #9b7b44 !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .option {
  color: #34424a !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}


/* ============================================================
   6. Inputs, autocomplete and message textarea
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form input[type="text"],
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form textarea {
  width: 100% !important;
  max-width: none !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 10px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 4px 10px rgba(57, 72, 80, 0.035) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form input[type="text"] {
  min-height: 42px !important;
  padding: 10px 14px !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form textarea {
  min-height: 108px !important;
  padding: 14px 48px 14px 16px !important;
  resize: vertical !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form input[type="text"]:focus,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form textarea:focus {
  border-color: rgba(155, 123, 68, 0.48) !important;
  box-shadow:
    0 0 0 3px rgba(199, 173, 120, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  outline: none !important;
}

/* Emoji wrapper must fill the form width */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .ptah-emoji-wrapper {
  width: 100% !important;
  max-width: none !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .form-textarea-wrapper {
  width: 100% !important;
}


/* Emoji + speech icons */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .ptah-emoji-btn {
  position: absolute !important;
  right: 34px !important;
  bottom: 13px !important;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .speech-to-text-icon {
  right: 12px !important;
  bottom: 14px !important;
}


/* ============================================================
   7. Delivery options
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form #edit-channels .details-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1.35fr !important;
  gap: 14px !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form #edit-channels .form-type-checkbox {
  min-height: 46px !important;
  padding: 12px 14px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.22) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.035) !important;
}


/* ============================================================
   8. Social Preview area
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form #edit-social .details-wrapper {
  display: grid !important;
  gap: 16px !important;
}

/* If Social Preview is collapsed, still make the title row look good */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form #edit-social:not([open]) {
  margin-bottom: 24px !important;
}

/* File upload */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .form-managed-file {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .solo-file-custom {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .solo-file-button {
  min-height: 36px !important;
  padding: 8px 16px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .solo-file-name {
  color: #66747b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Keep AJAX Upload hidden visually if Drupal adds it */
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form input[id*="upload-button"],
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form input[value="Upload"] {
  display: none !important;
}


/* ============================================================
   9. Submit button
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > #edit-submit,
body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > input[data-drupal-selector="edit-submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 44px !important;
  margin: 4px 0 0 !important;
  padding: 11px 26px !important;
  background: linear-gradient(135deg, #b9914d, #cda45c) !important;
  color: #ffffff !important;
  border: 1px solid rgba(128, 91, 23, 0.3) !important;
  border-radius: 999px !important;
  box-shadow:
    0 10px 20px rgba(155, 123, 68, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > #edit-submit::before {
  content: "✈";
  margin-right: 9px;
  font-size: 14px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > #edit-submit:hover {
  background: linear-gradient(135deg, #a87e3d, #bd934c) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}


/* ============================================================
   10. Responsive
   ============================================================ */

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form {
    max-width: calc(100vw - 30px) !important;
    padding: 28px 24px 32px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form #edit-channels .details-wrapper {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form {
    padding: 24px 18px 28px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > details > summary {
    padding-left: 34px !important;
    font-size: 1.08rem !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form fieldset,
  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .details-wrapper > .form-item,
  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .details-wrapper > .js-form-item,
  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form .details-wrapper > #ajax-wrapper {
    padding: 16px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas form.ptah-sms-group-notifications-form > #edit-submit {
    width: 100% !important;
  }
}

/* ============================================================
   TrulyWed Concept 1 — RSVP Catering Report Polish
   Paste below current group-page CSS.
   Targets /group/{group}/rsvp/catering.
   ============================================================ */


/* ============================================================
   1. Catering report main card
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content {
  box-sizing: border-box !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child,
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child + a.button--primary,
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2,
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details,
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .solo-table-wrapper {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ============================================================
   2. Summary intro row
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child {
  position: relative !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding-left: 34px !important;
  color: #34424a !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child::before {
  content: "♨";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #9b7b44;
  font-size: 18px;
  line-height: 1;
}


/* ============================================================
   3. Download CSV button
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child + a.button--primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin-bottom: 28px !important;
  padding: 10px 24px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.48) !important;
  border-radius: 999px !important;
  box-shadow:
    0 7px 16px rgba(57, 72, 80, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child + a.button--primary::before {
  content: "⇩";
  margin-right: 9px;
  color: #9b7b44;
  font-size: 16px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child + a.button--primary:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.58) !important;
  transform: translateY(-1px);
}


/* ============================================================
   4. Section headings with icons
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2 {
  position: relative !important;
  margin: 26px auto 16px !important;
  padding-left: 34px !important;
  color: #25323a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2::after {
  display: none !important;
}

/* Meal totals heading */
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2:nth-of-type(1)::before {
  content: "♨";
}

/* Meal totals by table heading */
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2:nth-of-type(2)::before {
  content: "▦";
}

/* Dietary requirements heading */
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2:nth-of-type(3)::before {
  content: "☘";
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #9b7b44;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1;
}


/* ============================================================
   5. Meal total accordion rows
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper {
  margin-bottom: 10px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.045) !important;
  overflow: hidden !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 11px 62px 11px 56px !important;
  background: linear-gradient(135deg, #ffffff, #fffaf2) !important;
  color: #25323a !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper > summary::marker,
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper > summary::-webkit-details-marker {
  display: none !important;
}

/* Meal-specific icons */
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper:nth-of-type(1) > summary::before {
  content: "♧";
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper:nth-of-type(2) > summary::before {
  content: "❧";
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper:nth-of-type(3) > summary::before {
  content: "◒";
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper:nth-of-type(4) > summary::before {
  content: "▤";
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper:nth-of-type(5) > summary::before {
  content: "☻";
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper:nth-of-type(6) > summary::before {
  content: "☾";
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper > summary::before {
  position: absolute;
  left: 22px;
  top: 50%;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  color: #9b7b44;
  font-size: 18px;
  line-height: 1;
}

/* Selections badge */
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper > summary::after {
  content: "0 selections";
  position: absolute;
  top: 50%;
  right: 42px;
  transform: translateY(-50%);
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  background: #fff4dd;
  color: #805b17;
  border: 1px solid rgba(128, 91, 23, 0.16);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

/* Chevron */
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper .summary::after {
  content: "⌄";
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
  color: #9b7b44;
  font-size: 16px;
  line-height: 1;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper[open] .summary::after {
  content: "⌃";
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper > .details-wrapper {
  padding: 0 !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(191, 176, 151, 0.2) !important;
}


/* ============================================================
   6. Accordion tables
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper .solo-table-wrapper {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow-x: auto !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper table th {
  padding: 13px 18px !important;
  background: #fffaf2 !important;
  color: #805b17 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.22) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper table td {
  padding: 15px 18px !important;
  color: #52616a !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.1) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content td.empty,
body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content td.message {
  color: #6f7a80 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}


/* ============================================================
   7. Dietary requirements table
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .solo-table-wrapper {
  margin-top: 20px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 13px rgba(57, 72, 80, 0.045) !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .solo-table-wrapper table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .solo-table-wrapper table th {
  padding: 17px 22px !important;
  background: #fffaf2 !important;
  color: #805b17 !important;
  border-bottom: 1px solid rgba(191, 176, 151, 0.24) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .solo-table-wrapper table td {
  padding: 18px 22px !important;
  color: #52616a !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.1) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}


/* ============================================================
   8. Spacing between lower sections
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2:nth-of-type(2) {
  margin-top: 28px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(191, 176, 151, 0.24) !important;
}

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2:nth-of-type(3) {
  margin-top: 18px !important;
}


/* ============================================================
   9. Responsive
   ============================================================ */

@media (max-width: 900px) {
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content {
    max-width: calc(100vw - 30px) !important;
    padding: 28px 24px 34px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > p:first-child + a.button--primary,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > h2,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details,
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > .solo-table-wrapper {
    max-width: 100% !important;
  }
}

@media (max-width: 560px) {
  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content {
    padding: 24px 18px 30px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper > summary {
    padding: 12px 18px 42px 50px !important;
  }

  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper > summary::after {
    left: 50px;
    right: auto;
    top: auto;
    bottom: 10px;
    transform: none;
  }

  body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > details.form-wrapper .summary::after {
    top: 21px;
    right: 16px;
  }
}

/* ============================================================
   TrulyWed Concept 1 — Private Messages Page Polish
   Paste below current CSS.
   Targets /private-messages/{thread}
   ============================================================ */


/* ============================================================
   1. Main private message card
   ============================================================ */

body .dialog-off-canvas-main-canvas #private-message-page {
  max-width: 820px !important;
  margin: 0 auto 90px !important;
  padding: 0 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-thread-full {
  position: relative !important;
  padding: 34px 38px 38px !important;
  background:
    radial-gradient(circle at top left, rgba(255, 246, 234, 0.92), transparent 36%),
    linear-gradient(145deg, #fffaf2, #ffffff) !important;
  border: 1px solid rgba(191, 176, 151, 0.34) !important;
  border-radius: 14px !important;
  box-shadow:
    0 18px 42px rgba(57, 72, 80, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  box-sizing: border-box !important;
}

body .dialog-off-canvas-main-canvas #private-message-page,
body .dialog-off-canvas-main-canvas #private-message-page * {
  box-sizing: border-box !important;
}


/* ============================================================
   2. Top thread actions
   Delete thread / Clear history
   ============================================================ */

body .dialog-off-canvas-main-canvas #private-message-page .private_message_thread_delete_link_wrapper,
body .dialog-off-canvas-main-canvas #private-message-page .private_message_thread_clear_history_link_wrapper {
  display: inline-flex !important;
  margin: 0 10px 18px 0 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private_message_thread_delete_link_wrapper a,
body .dialog-off-canvas-main-canvas #private-message-page .private_message_thread_clear_history_link_wrapper a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 18px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.48) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private_message_thread_delete_link_wrapper a::before {
  content: "♲";
  margin-right: 8px;
  color: #9d3d3d;
  font-size: 14px;
}

body .dialog-off-canvas-main-canvas #private-message-page .private_message_thread_clear_history_link_wrapper a::before {
  content: "♧";
  margin-right: 8px;
  color: #9b7b44;
  font-size: 14px;
}

body .dialog-off-canvas-main-canvas #private-message-page .private_message_thread_delete_link_wrapper a:hover,
body .dialog-off-canvas-main-canvas #private-message-page .private_message_thread_clear_history_link_wrapper a:hover {
  background: #fffaf2 !important;
  color: #8f7143 !important;
  border-color: rgba(155, 123, 68, 0.58) !important;
  transform: translateY(-1px);
}


/* ============================================================
   3. Recipients row
   ============================================================ */

body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  color: #25323a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients::before {
  content: "Participants:";
  margin-right: 4px;
  color: #34424a;
  font-size: 13px;
  font-weight: 900;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients span,
body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients article,
body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients .username,
body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients .block-unblock {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients .username a,
body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients .block-unblock a,
body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 14px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(191, 176, 151, 0.36) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 10px rgba(57, 72, 80, 0.055) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients .username a::before {
  content: "♙";
  margin-right: 7px;
  color: #9b7b44;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-recipients .block-unblock a::before {
  content: "⊘";
  margin-right: 7px;
  color: #6f7a80;
}


/* ============================================================
   4. Messages timeline area
   ============================================================ */

body .dialog-off-canvas-main-canvas #private-message-page .private-message-thread-messages {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .field--name-private-messages > .field__label {
  display: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .field--name-private-messages > .field__items {
  position: relative !important;
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 0 34px 52px !important;
}

/* Vertical timeline line */
body .dialog-off-canvas-main-canvas #private-message-page .field--name-private-messages > .field__items::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 20px;
  left: 18px;
  width: 2px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(155, 123, 68, 0.52),
    rgba(155, 123, 68, 0.52),
    transparent
  );
}

/* Timeline dots */
body .dialog-off-canvas-main-canvas #private-message-page .private-message-wrapper {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-wrapper::before {
  content: "";
  position: absolute;
  top: 24px;
  left: -41px;
  width: 11px;
  height: 11px;
  background: #c69d54;
  border: 3px solid #fffaf2;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(155, 123, 68, 0.28);
  z-index: 2;
}


/* ============================================================
   5. Individual message bubbles
   ============================================================ */

body .dialog-off-canvas-main-canvas #private-message-page .private-message {
  position: relative !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 18px 190px 18px 82px !important;
  background: #e8f0f5 !important;
  border: 1px solid rgba(83, 112, 126, 0.16) !important;
  border-radius: 12px !important;
  box-shadow:
    0 6px 14px rgba(57, 72, 80, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  color: #25323a !important;
}

/* Speech pointer */
body .dialog-off-canvas-main-canvas #private-message-page .private-message::before {
  content: "";
  position: absolute;
  top: 22px;
  left: -10px;
  width: 18px;
  height: 18px;
  background: inherit;
  border-left: 1px solid rgba(83, 112, 126, 0.16);
  border-bottom: 1px solid rgba(83, 112, 126, 0.16);
  transform: rotate(45deg);
}

/* Avatar circle */
body .dialog-off-canvas-main-canvas #private-message-page .private-message::after {
  content: "S";
  position: absolute;
  top: 18px;
  left: 22px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  background: #fff4dd;
  color: #805b17;
  border: 1px solid rgba(191, 176, 151, 0.42);
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(57, 72, 80, 0.08);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 900;
}

/* Author */
body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-owner {
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #25323a !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-owner .field__label {
  display: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-owner .field__item,
body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-owner .username {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-owner .username a {
  color: #25323a !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-owner .username a:hover {
  color: #8f7143 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

/* Date */
body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-created {
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #52616a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-created::before {
  content: "◷";
  margin-right: 7px;
  color: #9b7b44;
  font-size: 13px;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-created time {
  color: #52616a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Message text */
body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-message {
  margin: 0 !important;
  padding: 0 !important;
  color: #25323a !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-message p {
  margin: 0 !important;
}


/* ============================================================
   6. Divider before reply form
   ============================================================ */

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form {
  position: relative !important;
  margin: 4px 0 0 !important;
  padding: 36px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form::before {
  content: "❦";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(155, 123, 68, 0.52);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  line-height: 1;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(155, 123, 68, 0.42),
      transparent
    );
  z-index: 0;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form > * {
  position: relative;
  z-index: 1;
}


/* ============================================================
   7. Reply form
   ============================================================ */

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form #edit-message-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form label[for="edit-message-0-value"] {
  position: relative !important;
  display: block !important;
  margin: 0 0 10px !important;
  padding-left: 30px !important;
  color: #25323a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form label[for="edit-message-0-value"]::before {
  content: "☵";
  position: absolute;
  left: 0;
  top: 1px;
  color: #9b7b44;
  font-size: 20px;
  line-height: 1;
}

/* Textarea */
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form textarea {
  width: 100% !important;
  min-height: 116px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  color: #25323a !important;
  border: 1px solid rgba(83, 112, 126, 0.18) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 5px 13px rgba(57, 72, 80, 0.045) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  resize: vertical !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form textarea:focus {
  border-color: rgba(155, 123, 68, 0.48) !important;
  box-shadow:
    0 0 0 3px rgba(199, 173, 120, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  outline: none !important;
}

/* Hide text format clutter on the conversation page */
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form .js-filter-wrapper,
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form .filter-wrapper,
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form [id*="format-help"],
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form [id*="format-guidelines"],
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form .form-item-message-0-format {
  display: none !important;
}

/* Send button */
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form .form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form input[type="submit"],
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form #edit-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 44px !important;
  padding: 11px 26px !important;
  background: linear-gradient(135deg, #b9914d, #cda45c) !important;
  color: #ffffff !important;
  border: 1px solid rgba(128, 91, 23, 0.3) !important;
  border-radius: 999px !important;
  box-shadow:
    0 10px 20px rgba(155, 123, 68, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form input[type="submit"]:hover,
body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form #edit-submit:hover {
  background: linear-gradient(135deg, #a87e3d, #bd934c) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}


/* ============================================================
   8. Contextual/admin cleanup inside bubbles
   ============================================================ */

body .dialog-off-canvas-main-canvas #private-message-page .private-message .contextual {
  right: 8px !important;
  top: 8px !important;
}

body .dialog-off-canvas-main-canvas #private-message-page .private-message .contextual .trigger {
  opacity: 0.25;
}


/* ============================================================
   9. Responsive
   ============================================================ */

@media (max-width: 900px) {
  body .dialog-off-canvas-main-canvas #private-message-page {
    max-width: calc(100vw - 30px) !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .private-message-thread-full {
    padding: 28px 24px 32px !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .field--name-private-messages > .field__items {
    padding-left: 42px !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .private-message {
    padding: 18px 18px 18px 74px !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .private-message .field--name-created {
    position: static !important;
    display: block !important;
    margin: 8px 0 0 !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .private-message::after {
    left: 18px !important;
    width: 38px !important;
    height: 38px !important;
  }
}

@media (max-width: 560px) {
  body .dialog-off-canvas-main-canvas #private-message-page .private-message-thread-full {
    padding: 24px 18px 28px !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .private-message {
    padding: 16px 16px 16px 64px !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .private-message::after {
    left: 14px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 16px !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form .form-actions {
    justify-content: center !important;
  }

  body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form input[type="submit"],
  body .dialog-off-canvas-main-canvas #private-message-page .private-message-add-form #edit-submit {
    width: 100% !important;
  }
}
/* ============================================================
   TrulyWed Concept 1 — Private Message Inbox Block Polish
   Paste below current CSS.
   Targets the dashboard private message preview block.
   ============================================================ */


/* ============================================================
   1. Thread preview container
   ============================================================ */

body .dialog-off-canvas-main-canvas .private-message-thread--full-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-thread-inbox {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 28px 30px 30px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 176, 151, 0.26) !important;
  border-radius: 14px !important;
  box-shadow:
    0 7px 18px rgba(57, 72, 80, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container,
body .dialog-off-canvas-main-canvas .private-message-thread--full-container * {
  box-sizing: border-box !important;
}


/* ============================================================
   2. Make whole preview clickable without disrupting layout
   ============================================================ */

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-inbox-thread-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  text-indent: -9999px !important;
  background: transparent !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-thread-inbox > .contextual-region {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container a,
body .dialog-off-canvas-main-canvas .private-message-thread--full-container button,
body .dialog-off-canvas-main-canvas .private-message-thread--full-container .contextual {
  pointer-events: auto !important;
}


/* ============================================================
   3. Top meta row: Clear history + recipients
   ============================================================ */

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private_message_thread_clear_history_link_wrapper {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 22px 26px 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private_message_thread_clear_history_link_wrapper a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  color: #756846 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private_message_thread_clear_history_link_wrapper a::before {
  content: "♧";
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  color: #9b7b44;
  font-size: 15px;
  line-height: 1;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private_message_thread_clear_history_link_wrapper a:hover {
  color: #8f7143 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}


/* Recipients */
body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-recipients {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  color: #52616a !important;
  font-size: 13px !important;
  font-style: italic !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-recipients::before {
  content: "♙";
  display: inline-grid;
  place-items: center;
  width: 21px;
  height: 21px;
  margin-right: 2px;
  color: #9b7b44;
  font-style: normal;
  font-size: 15px;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-recipients span,
body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-recipients a {
  color: #52616a !important;
  font-size: 13px !important;
  font-style: italic !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-recipients a:hover {
  color: #8f7143 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}


/* ============================================================
   4. Hide owner field in dashboard preview
   The dashboard preview already shows participants in the meta row.
   ============================================================ */

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message .field--name-owner {
  display: none !important;
}


/* ============================================================
   5. Message preview bubble
   ============================================================ */

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message {
  position: relative !important;
  display: block !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 28px 26px 24px !important;
  background: #e8f0f5 !important;
  border: 1px solid rgba(83, 112, 126, 0.17) !important;
  border-radius: 10px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 5px 12px rgba(57, 72, 80, 0.045) !important;
  color: #25323a !important;
  box-sizing: border-box !important;
}

/* Date row */
body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message .field--name-created {
  position: relative !important;
  display: block !important;
  margin: 0 0 15px !important;
  padding: 0 0 0 30px !important;
  color: #52616a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message .field--name-created::before {
  content: "◷";
  position: absolute;
  left: 0;
  top: -3px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: #9b7b44;
  font-size: 16px;
  line-height: 1;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message .field--name-created time {
  color: #52616a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}


/* Message text */
body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message .field--name-message {
  margin: 0 !important;
  padding: 0 !important;
  color: #25323a !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message .field--name-message p {
  margin: 0 !important;
}


/* ============================================================
   6. Hover treatment
   ============================================================ */

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-thread-inbox:hover {
  border-color: rgba(155, 123, 68, 0.34) !important;
  box-shadow:
    0 10px 24px rgba(57, 72, 80, 0.095),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-thread-inbox:hover .private-message {
  background: #eaf3f8 !important;
  border-color: rgba(83, 112, 126, 0.22) !important;
}


/* ============================================================
   7. Contextual button cleanup
   ============================================================ */

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .contextual {
  z-index: 5 !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message .contextual {
  top: 8px !important;
  right: 8px !important;
}

body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message .contextual .trigger {
  opacity: 0.18 !important;
}


/* ============================================================
   8. Responsive
   ============================================================ */

@media (max-width: 760px) {
  body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-thread-inbox {
    padding: 24px 20px 24px !important;
  }

  body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private_message_thread_clear_history_link_wrapper,
  body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message-recipients {
    display: flex !important;
    margin-bottom: 14px !important;
  }

  body .dialog-off-canvas-main-canvas .private-message-thread--full-container .private-message {
    min-height: 96px !important;
    padding: 24px 20px 22px !important;
  }
}




/* ============================================================
   TRULYWED SOLO — GROUP ADD / EDIT PAGE POLISH
   For:
   - group-wedding-companion-edit-form
   - group-wedding-companion-add-form
   Targets Solo theme output, not Gin.
   ============================================================ */


/* ============================================================
   0. Page/form scope
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > form.group-form, body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > #block-solo-subtheme-content form.group-wedding-companion-edit-form, body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > #block-solo-subtheme-content form.group-wedding-companion-add-form {
  --tw-cream: #fffaf2;
  --tw-cream-2: #fff6e9;
  --tw-white: #ffffff;
  --tw-blue: #e7f0f6;
  --tw-blue-2: #dfeaf1;
  --tw-ink: #253440;
  --tw-muted: #63727b;
  --tw-gold: #b98c3f;
  --tw-gold-dark: #8f682c;
  --tw-border: rgba(191, 176, 151, 0.38);
  --tw-border-soft: rgba(83, 112, 126, 0.14);
  --tw-shadow: 0 18px 44px rgba(39, 54, 64, 0.12);
  --tw-shadow-soft: 0 8px 20px rgba(39, 54, 64, 0.08);

  max-width: 1180px !important;
  margin: 0 auto 70px !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--tw-ink) !important;
}


/* ============================================================
   1. Main form shell
   ============================================================ */

#block-solo-subtheme-content form.group-form .field-group-tabs-wrapper {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#block-solo-subtheme-content form.group-form .horizontal-tabs {
  margin: 0 !important;
  padding: 28px !important;
  background:
    radial-gradient(circle at top left, rgba(255, 246, 234, 0.95), transparent 34%),
    linear-gradient(145deg, #fffaf2 0%, #ffffff 62%) !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--tw-shadow) !important;
  overflow: visible !important;
}

/* Hide the internal “Features” horizontal tab strip */
#block-solo-subtheme-content form.group-form .horizontal-tabs-list {
  display: none !important;
}

#block-solo-subtheme-content form.group-form .horizontal-tabs-panes {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}


/* ============================================================
   2. Top fields row
   ============================================================ */

#block-solo-subtheme-content form.group-form .top-input-fields {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(360px, 1.45fr) minmax(260px, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;

  margin: 0 0 26px !important;
  padding: 26px !important;

  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--tw-shadow-soft) !important;
}

/* Remove inherited Solo/Gin-ish wrapper boxes inside top row */
#block-solo-subtheme-content form.group-form .top-input-fields > .form-wrapper,
#block-solo-subtheme-content form.group-form .top-input-fields fieldset,
#block-solo-subtheme-content form.group-form .top-input-fields .fieldset-wrapper,
#block-solo-subtheme-content form.group-form .top-input-fields .js-form-item,
#block-solo-subtheme-content form.group-form .top-input-fields .form-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-solo-subtheme-content form.group-form .top-input-fields label,
#block-solo-subtheme-content form.group-form .top-input-fields legend,
#block-solo-subtheme-content form.group-form .top-input-fields .fieldset-legend {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: var(--tw-ink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

/* Fix textarea width from inline width:fit-content */
#block-solo-subtheme-content form.group-form .form-textarea-wrapper {
  width: 100% !important;
  max-width: none !important;
}

#block-solo-subtheme-content form.group-form .top-input-fields input[type="text"],
#block-solo-subtheme-content form.group-form .top-input-fields input[type="date"],
#block-solo-subtheme-content form.group-form .top-input-fields input[type="time"],
#block-solo-subtheme-content form.group-form .top-input-fields textarea {
  width: 100% !important;
  max-width: none !important;
  min-height: 54px !important;
  padding: 13px 16px !important;

  background: #ffffff !important;
  color: var(--tw-ink) !important;

  border: 1px solid rgba(83, 112, 126, 0.22) !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 12px rgba(39, 54, 64, 0.045) !important;

  font-size: 14px !important;
  font-weight: 700 !important;
}

#block-solo-subtheme-content form.group-form #edit-field-epitaph-wrapper textarea {
  height: 54px !important;
  min-height: 54px !important;
  resize: vertical !important;
}

/* Hide text-format clutter in the top subtitle field */
#block-solo-subtheme-content form.group-form #edit-field-epitaph-0-format,
#block-solo-subtheme-content form.group-form #edit-field-epitaph-wrapper .filter-wrapper,
#block-solo-subtheme-content form.group-form #edit-field-epitaph-wrapper .js-filter-wrapper {
  display: none !important;
}

/* Date/time side by side */
#block-solo-subtheme-content form.group-form #edit-field-date-0-value,
#block-solo-subtheme-content form.group-form .form-datetime-wrapper .form-items-inline {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}


/* ============================================================
   3. Published status
   ============================================================ */

#block-solo-subtheme-content form.group-form #edit-status-wrapper {
  margin: 0 0 26px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-solo-subtheme-content form.group-form #edit-status-wrapper .form-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
}

#block-solo-subtheme-content form.group-form #edit-status-wrapper .form-item::before {
  content: "Wedding Companion Status:";
  color: var(--tw-ink);
  font-size: 13px;
  font-weight: 800;
}

#block-solo-subtheme-content form.group-form input[type="checkbox"],
#block-solo-subtheme-content form.group-form input[type="radio"] {
  accent-color: var(--tw-gold);
}


/* ============================================================
   4. Feature card panel
   ============================================================ */

#block-solo-subtheme-content form.group-form #edit-group-features {
  margin: 0 0 26px !important;
  padding: 28px !important;

  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(39, 54, 64, 0.09) !important;

  overflow: visible !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features > summary {
  display: none !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hidden modal groups must not affect the grid */
#block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper > .ptah-modal-group {
  display: none !important;
}


/* ============================================================
   5. Feature cards
   ============================================================ */

#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-field-card {
  display: grid !important;
  grid-template-rows: 118px minmax(88px, auto) 58px !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 264px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;
  border: 1px solid var(--tw-border-soft) !important;
  border-radius: 13px !important;
  box-shadow: 0 8px 18px rgba(39, 54, 64, 0.075) !important;

  overflow: hidden !important;
  text-align: center !important;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-field-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(185, 140, 63, 0.42) !important;
  box-shadow: 0 14px 28px rgba(39, 54, 64, 0.12) !important;
}

/* Icon band */
#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-card-icon {
  display: block !important;
  width: 100% !important;
  height: 118px !important;

  margin: 0 !important;
  padding: 0 !important;

  background-color: var(--tw-blue) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 62px auto !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Description band */
#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-card-description {
  position: static !important;
  top: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 88px !important;
  margin: 0 !important;
  padding: 14px 16px 8px !important;

  background: var(--tw-cream) !important;
  border: 0 !important;
  box-shadow: none !important;

  color: var(--tw-muted) !important;
  text-align: center !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-card-description::before {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;

  color: var(--tw-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}


/* Card description text */
#block-solo-subtheme-content form.group-form .ptah-card-introduction .ptah-modal-card-description::before {
  content: "Add the main body of information to your companion";
}

#block-solo-subtheme-content form.group-form .ptah-card-gifting .ptah-modal-card-description::before {
  content: "Add a wishlist or payment button to your page";
}

#block-solo-subtheme-content form.group-form .ptah-card-dining-menu .ptah-modal-card-description::before {
  content: "Add a dining menu to your page";
}

#block-solo-subtheme-content form.group-form .ptah-card-seating-plan .ptah-modal-card-description::before {
  content: "Add a seating plan for the wedding reception";
}

#block-solo-subtheme-content form.group-form .ptah-card-wedding-service .ptah-modal-card-description::before {
  content: "Create a programme to accompany the wedding service";
}

#block-solo-subtheme-content form.group-form .ptah-card-stream .ptah-modal-card-description::before {
  content: "Add a live message board to your page";
}

#block-solo-subtheme-content form.group-form .ptah-card-run-up-events .ptah-modal-card-description::before {
  content: "Add details to events leading up to the wedding day";
}

#block-solo-subtheme-content form.group-form .ptah-card-locations .ptah-modal-card-description::before {
  content: "Provide guests with location information for the wedding day";
}

#block-solo-subtheme-content form.group-form .ptah-card-image-gallery .ptah-modal-card-description::before {
  content: "Upload images to your page gallery";
}

#block-solo-subtheme-content form.group-form .ptah-card-background-audio .ptah-modal-card-description::before {
  content: "Upload audio to feature in your audio player";
}

#block-solo-subtheme-content form.group-form .ptah-card-video-gallery .ptah-modal-card-description::before {
  content: "Upload videos to your page gallery";
}

#block-solo-subtheme-content form.group-form .ptah-card-contacts .ptah-modal-card-description::before {
  content: "Add people to your contacts list";
}

#block-solo-subtheme-content form.group-form .ptah-card-app .ptah-modal-card-description::before {
  content: "Configure the mobile companion app";
}

#block-solo-subtheme-content form.group-form .ptah-card-tasks .ptah-modal-card-description::before {
  content: "Add and manage tasks in your task list";
}

#block-solo-subtheme-content form.group-form .ptah-card-live-stream .ptah-modal-card-description::before {
  content: "Embed a live stream into your companion";
}

#block-solo-subtheme-content form.group-form .ptah-card-rsvp-settings .ptah-modal-card-description::before,
#block-solo-subtheme-content form.group-form .ptah-card-rsvp .ptah-modal-card-description::before {
  content: "Manage your RSVP settings";
}

#block-solo-subtheme-content form.group-form .ptah-card-key-people .ptah-modal-card-description::before {
  content: "Add key people to your companion";
}


/* Card buttons */
#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-trigger,
#block-solo-subtheme-content form.group-form #edit-group-features button.button.ptah-modal-trigger {
  position: static !important;
  bottom: auto !important;

  align-self: center !important;
  justify-self: center !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 116px !important;
  min-height: 34px !important;

  margin: 0 !important;
  padding: 8px 15px !important;

  background: #ffffff !important;
  color: var(--tw-ink) !important;

  border: 1px solid rgba(83, 112, 126, 0.22) !important;
  border-radius: 999px !important;

  box-shadow: 0 5px 12px rgba(39, 54, 64, 0.08) !important;

  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-trigger:hover {
  color: var(--tw-gold-dark) !important;
  border-color: rgba(185, 140, 63, 0.55) !important;
  background: #fffaf2 !important;
}


/* ============================================================
   6. Details below features
   ============================================================ */

#block-solo-subtheme-content form.group-form details:not(#edit-group-features):not(.vertical-tabs__item) {
  margin: 22px 0 0 !important;
  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(39, 54, 64, 0.045) !important;
  overflow: hidden !important;
}

#block-solo-subtheme-content form.group-form details:not(#edit-group-features):not(.vertical-tabs__item) > summary {
  padding: 13px 16px !important;
  background: #f7fafc !important;
  color: var(--tw-ink) !important;
  font-weight: 850 !important;
}


/* ============================================================
   7. Vertical tabs/settings area
   ============================================================ */

#block-solo-subtheme-content form.group-form .vertical-tabs {
  display: grid !important;
  grid-template-columns: 245px minmax(0, 1fr) !important;
  gap: 24px !important;

  margin: 26px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__menu {
  margin: 0 !important;
  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__menu-item {
  margin: 0 !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.1) !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__menu-link {
  display: block !important;
  padding: 15px 18px !important;
  background: #ffffff !important;
  color: var(--tw-ink) !important;
  text-decoration: none !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link,
#block-solo-subtheme-content form.group-form .vertical-tabs__menu-item.selected .vertical-tabs__menu-link {
  background: #fffaf2 !important;
  color: var(--tw-gold-dark) !important;
  box-shadow: inset 4px 0 0 var(--tw-gold) !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__items {
  margin: 0 !important;
  padding: 26px !important;
  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(39, 54, 64, 0.05) !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__item > summary {
  display: none !important;
}


/* ============================================================
   8. Save/delete buttons
   ============================================================ */

#block-solo-subtheme-content form.group-form #edit-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;

  margin: 34px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-solo-subtheme-content form.group-form #edit-submit {
  min-height: 40px !important;
  padding: 10px 26px !important;

  background: var(--tw-gold) !important;
  color: #ffffff !important;

  border: 1px solid #a9792e !important;
  border-radius: 999px !important;

  box-shadow: 0 8px 16px rgba(155, 123, 68, 0.18) !important;

  font-weight: 850 !important;
}

#block-solo-subtheme-content form.group-form #edit-delete {
  min-height: 40px !important;
  padding: 10px 24px !important;

  background: #ffffff !important;
  color: #b54141 !important;

  border: 1px solid rgba(181, 65, 65, 0.42) !important;
  border-radius: 999px !important;

  box-shadow: 0 6px 14px rgba(39, 54, 64, 0.06) !important;

  font-weight: 850 !important;
}


/* ============================================================
   9. Responsive
   ============================================================ */

@media (max-width: 1200px) {
  #block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #block-solo-subtheme-content form.group-form .top-input-fields,
  #block-solo-subtheme-content form.group-form .vertical-tabs {
    grid-template-columns: 1fr !important;
  }

  #block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #block-solo-subtheme-content form.group-form .horizontal-tabs,
  #block-solo-subtheme-content form.group-form #edit-group-features {
    padding: 20px !important;
  }

  #block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  #block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
    grid-template-columns: 1fr !important;
  }

  #block-solo-subtheme-content form.group-form #edit-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #block-solo-subtheme-content form.group-form #edit-submit,
  #block-solo-subtheme-content form.group-form #edit-delete {
    width: 100% !important;
  }
}

/*  edit group page*/

/* ============================================================
   TRULYWED SOLO — GROUP ADD / EDIT PAGE POLISH
   For:
   - group-wedding-companion-edit-form
   - group-wedding-companion-add-form
   Targets Solo theme output, not Gin.
   ============================================================ */


/* ============================================================
   0. Page/form scope
   ============================================================ */

body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > form.group-form, body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > #block-solo-subtheme-content form.group-wedding-companion-edit-form, body.path-group .dialog-off-canvas-main-canvas #block-solo-subtheme-content > #block-solo-subtheme-content form.group-wedding-companion-add-form {
  --tw-cream: #fffaf2;
  --tw-cream-2: #fff6e9;
  --tw-white: #ffffff;
  --tw-blue: #e7f0f6;
  --tw-blue-2: #dfeaf1;
  --tw-ink: #253440;
  --tw-muted: #63727b;
  --tw-gold: #b98c3f;
  --tw-gold-dark: #8f682c;
  --tw-border: rgba(191, 176, 151, 0.38);
  --tw-border-soft: rgba(83, 112, 126, 0.14);
  --tw-shadow: 0 18px 44px rgba(39, 54, 64, 0.12);
  --tw-shadow-soft: 0 8px 20px rgba(39, 54, 64, 0.08);

  max-width: 1180px !important;
  margin: 0 auto 70px !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--tw-ink) !important;
}


/* ============================================================
   1. Main form shell
   ============================================================ */

#block-solo-subtheme-content form.group-form .field-group-tabs-wrapper {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#block-solo-subtheme-content form.group-form .horizontal-tabs {
  margin: 0 !important;
  padding: 28px !important;
  background:
    radial-gradient(circle at top left, rgba(255, 246, 234, 0.95), transparent 34%),
    linear-gradient(145deg, #fffaf2 0%, #ffffff 62%) !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--tw-shadow) !important;
  overflow: visible !important;
}

/* Hide the internal “Features” horizontal tab strip */
#block-solo-subtheme-content form.group-form .horizontal-tabs-list {
  display: none !important;
}

#block-solo-subtheme-content form.group-form .horizontal-tabs-panes {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}


/* ============================================================
   2. Top fields row
   ============================================================ */

#block-solo-subtheme-content form.group-form .top-input-fields {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(360px, 1.45fr) minmax(260px, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;

  margin: 0 0 26px !important;
  padding: 26px !important;

  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--tw-shadow-soft) !important;
}

/* Remove inherited Solo/Gin-ish wrapper boxes inside top row */
#block-solo-subtheme-content form.group-form .top-input-fields > .form-wrapper,
#block-solo-subtheme-content form.group-form .top-input-fields fieldset,
#block-solo-subtheme-content form.group-form .top-input-fields .fieldset-wrapper,
#block-solo-subtheme-content form.group-form .top-input-fields .js-form-item,
#block-solo-subtheme-content form.group-form .top-input-fields .form-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-solo-subtheme-content form.group-form .top-input-fields label,
#block-solo-subtheme-content form.group-form .top-input-fields legend,
#block-solo-subtheme-content form.group-form .top-input-fields .fieldset-legend {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: var(--tw-ink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

/* Fix textarea width from inline width:fit-content */
#block-solo-subtheme-content form.group-form .form-textarea-wrapper {
  width: 100% !important;
  max-width: none !important;
}

#block-solo-subtheme-content form.group-form .top-input-fields input[type="text"],
#block-solo-subtheme-content form.group-form .top-input-fields input[type="date"],
#block-solo-subtheme-content form.group-form .top-input-fields input[type="time"],
#block-solo-subtheme-content form.group-form .top-input-fields textarea {
  width: 100% !important;
  max-width: none !important;
  min-height: 54px !important;
  padding: 13px 16px !important;

  background: #ffffff !important;
  color: var(--tw-ink) !important;

  border: 1px solid rgba(83, 112, 126, 0.22) !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 12px rgba(39, 54, 64, 0.045) !important;

  font-size: 14px !important;
  font-weight: 700 !important;
}

#block-solo-subtheme-content form.group-form #edit-field-epitaph-wrapper textarea {
  height: 54px !important;
  min-height: 54px !important;
  resize: vertical !important;
}

/* Hide text-format clutter in the top subtitle field */
#block-solo-subtheme-content form.group-form #edit-field-epitaph-0-format,
#block-solo-subtheme-content form.group-form #edit-field-epitaph-wrapper .filter-wrapper,
#block-solo-subtheme-content form.group-form #edit-field-epitaph-wrapper .js-filter-wrapper {
  display: none !important;
}

/* Date/time side by side */
#block-solo-subtheme-content form.group-form #edit-field-date-0-value,
#block-solo-subtheme-content form.group-form .form-datetime-wrapper .form-items-inline {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}


/* ============================================================
   3. Published status
   ============================================================ */

#block-solo-subtheme-content form.group-form #edit-status-wrapper {
  margin: 0 0 26px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-solo-subtheme-content form.group-form #edit-status-wrapper .form-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
}

#block-solo-subtheme-content form.group-form #edit-status-wrapper .form-item::before {
  content: "Wedding Companion Status:";
  color: var(--tw-ink);
  font-size: 13px;
  font-weight: 800;
}

#block-solo-subtheme-content form.group-form input[type="checkbox"],
#block-solo-subtheme-content form.group-form input[type="radio"] {
  accent-color: var(--tw-gold);
}


/* ============================================================
   4. Feature card panel
   ============================================================ */

#block-solo-subtheme-content form.group-form #edit-group-features {
  margin: 0 0 26px !important;
  padding: 28px !important;

  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(39, 54, 64, 0.09) !important;

  overflow: visible !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features > summary {
  display: none !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hidden modal groups must not affect the grid */
#block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper > .ptah-modal-group {
  display: none !important;
}


/* ============================================================
   5. Feature cards
   ============================================================ */

#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-field-card {
  display: grid !important;
  grid-template-rows: 118px minmax(88px, auto) 58px !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 264px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;
  border: 1px solid var(--tw-border-soft) !important;
  border-radius: 13px !important;
  box-shadow: 0 8px 18px rgba(39, 54, 64, 0.075) !important;

  overflow: hidden !important;
  text-align: center !important;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-field-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(185, 140, 63, 0.42) !important;
  box-shadow: 0 14px 28px rgba(39, 54, 64, 0.12) !important;
}

/* Icon band */
#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-card-icon {
  display: block !important;
  width: 100% !important;
  height: 118px !important;

  margin: 0 !important;
  padding: 0 !important;

  background-color: var(--tw-blue) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 62px auto !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Description band */
#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-card-description {
  position: static !important;
  top: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 88px !important;
  margin: 0 !important;
  padding: 14px 16px 8px !important;

  background: var(--tw-cream) !important;
  border: 0 !important;
  box-shadow: none !important;

  color: var(--tw-muted) !important;
  text-align: center !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-card-description::before {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;

  color: var(--tw-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}


/* Card description text */
#block-solo-subtheme-content form.group-form .ptah-card-introduction .ptah-modal-card-description::before {
  content: "Add the main body of information to your companion";
}

#block-solo-subtheme-content form.group-form .ptah-card-gifting .ptah-modal-card-description::before {
  content: "Add a wishlist or payment button to your page";
}

#block-solo-subtheme-content form.group-form .ptah-card-dining-menu .ptah-modal-card-description::before {
  content: "Add a dining menu to your page";
}

#block-solo-subtheme-content form.group-form .ptah-card-seating-plan .ptah-modal-card-description::before {
  content: "Add a seating plan for the wedding reception";
}

#block-solo-subtheme-content form.group-form .ptah-card-wedding-service .ptah-modal-card-description::before {
  content: "Create a programme to accompany the wedding service";
}

#block-solo-subtheme-content form.group-form .ptah-card-stream .ptah-modal-card-description::before {
  content: "Add a live message board to your page";
}

#block-solo-subtheme-content form.group-form .ptah-card-run-up-events .ptah-modal-card-description::before {
  content: "Add details to events leading up to the wedding day";
}

#block-solo-subtheme-content form.group-form .ptah-card-locations .ptah-modal-card-description::before {
  content: "Provide guests with location information for the wedding day";
}

#block-solo-subtheme-content form.group-form .ptah-card-image-gallery .ptah-modal-card-description::before {
  content: "Upload images to your page gallery";
}

#block-solo-subtheme-content form.group-form .ptah-card-background-audio .ptah-modal-card-description::before {
  content: "Upload audio to feature in your audio player";
}

#block-solo-subtheme-content form.group-form .ptah-card-video-gallery .ptah-modal-card-description::before {
  content: "Upload videos to your page gallery";
}

#block-solo-subtheme-content form.group-form .ptah-card-contacts .ptah-modal-card-description::before {
  content: "Add people to your contacts list";
}

#block-solo-subtheme-content form.group-form .ptah-card-app .ptah-modal-card-description::before {
  content: "Configure the mobile companion app";
}

#block-solo-subtheme-content form.group-form .ptah-card-tasks .ptah-modal-card-description::before {
  content: "Add and manage tasks in your task list";
}

#block-solo-subtheme-content form.group-form .ptah-card-live-stream .ptah-modal-card-description::before {
  content: "Embed a live stream into your companion";
}

#block-solo-subtheme-content form.group-form .ptah-card-rsvp-settings .ptah-modal-card-description::before,
#block-solo-subtheme-content form.group-form .ptah-card-rsvp .ptah-modal-card-description::before {
  content: "Manage your RSVP settings";
}

#block-solo-subtheme-content form.group-form .ptah-card-key-people .ptah-modal-card-description::before {
  content: "Add key people to your companion";
}


/* Card buttons */
#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-trigger,
#block-solo-subtheme-content form.group-form #edit-group-features button.button.ptah-modal-trigger {
  position: static !important;
  bottom: auto !important;

  align-self: center !important;
  justify-self: center !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 116px !important;
  min-height: 34px !important;

  margin: 0 !important;
  padding: 8px 15px !important;

  background: #ffffff !important;
  color: var(--tw-ink) !important;

  border: 1px solid rgba(83, 112, 126, 0.22) !important;
  border-radius: 999px !important;

  box-shadow: 0 5px 12px rgba(39, 54, 64, 0.08) !important;

  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

#block-solo-subtheme-content form.group-form #edit-group-features .ptah-modal-trigger:hover {
  color: var(--tw-gold-dark) !important;
  border-color: rgba(185, 140, 63, 0.55) !important;
  background: #fffaf2 !important;
}


/* ============================================================
   6. Details below features
   ============================================================ */

#block-solo-subtheme-content form.group-form details:not(#edit-group-features):not(.vertical-tabs__item) {
  margin: 22px 0 0 !important;
  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(39, 54, 64, 0.045) !important;
  overflow: hidden !important;
}

#block-solo-subtheme-content form.group-form details:not(#edit-group-features):not(.vertical-tabs__item) > summary {
  padding: 13px 16px !important;
  background: #f7fafc !important;
  color: var(--tw-ink) !important;
  font-weight: 850 !important;
}


/* ============================================================
   7. Vertical tabs/settings area
   ============================================================ */

#block-solo-subtheme-content form.group-form .vertical-tabs {
  display: grid !important;
  grid-template-columns: 245px minmax(0, 1fr) !important;
  gap: 24px !important;

  margin: 26px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__menu {
  margin: 0 !important;
  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__menu-item {
  margin: 0 !important;
  border-bottom: 1px solid rgba(83, 112, 126, 0.1) !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__menu-link {
  display: block !important;
  padding: 15px 18px !important;
  background: #ffffff !important;
  color: var(--tw-ink) !important;
  text-decoration: none !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link,
#block-solo-subtheme-content form.group-form .vertical-tabs__menu-item.selected .vertical-tabs__menu-link {
  background: #fffaf2 !important;
  color: var(--tw-gold-dark) !important;
  box-shadow: inset 4px 0 0 var(--tw-gold) !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__items {
  margin: 0 !important;
  padding: 26px !important;
  background: #ffffff !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(39, 54, 64, 0.05) !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-solo-subtheme-content form.group-form .vertical-tabs__item > summary {
  display: none !important;
}


/* ============================================================
   8. Save/delete buttons
   ============================================================ */

#block-solo-subtheme-content form.group-form #edit-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;

  margin: 34px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-solo-subtheme-content form.group-form #edit-submit {
  min-height: 40px !important;
  padding: 10px 26px !important;

  background: var(--tw-gold) !important;
  color: #ffffff !important;

  border: 1px solid #a9792e !important;
  border-radius: 999px !important;

  box-shadow: 0 8px 16px rgba(155, 123, 68, 0.18) !important;

  font-weight: 850 !important;
}

#block-solo-subtheme-content form.group-form #edit-delete {
  min-height: 40px !important;
  padding: 10px 24px !important;

  background: #ffffff !important;
  color: #b54141 !important;

  border: 1px solid rgba(181, 65, 65, 0.42) !important;
  border-radius: 999px !important;

  box-shadow: 0 6px 14px rgba(39, 54, 64, 0.06) !important;

  font-weight: 850 !important;
}


/* ============================================================
   9. Responsive
   ============================================================ */

@media (max-width: 1200px) {
  #block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #block-solo-subtheme-content form.group-form .top-input-fields,
  #block-solo-subtheme-content form.group-form .vertical-tabs {
    grid-template-columns: 1fr !important;
  }

  #block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #block-solo-subtheme-content form.group-form .horizontal-tabs,
  #block-solo-subtheme-content form.group-form #edit-group-features {
    padding: 20px !important;
  }

  #block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  #block-solo-subtheme-content form.group-form #edit-group-features > .details-wrapper {
    grid-template-columns: 1fr !important;
  }

  #block-solo-subtheme-content form.group-form #edit-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #block-solo-subtheme-content form.group-form #edit-submit,
  #block-solo-subtheme-content form.group-form #edit-delete {
    width: 100% !important;
  }
}

.ptah-modal-field-card.ptah-card-tasks .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__tasks.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}

.ptah-modal-field-card.ptah-card-app .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__pwa.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}
.ptah-modal-field-card.ptah-card-contacts .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/_contacts.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}

.ptah-modal-field-card.ptah-card-video-gallery .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__video_gall.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}

ptah-modal-field-card.ptah-card-background-audio .ptah-modal-card-icon {
    content: '';
     background: url(https://trulywed.page/sites/default/files/icons/__audio_bg.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}
.ptah-modal-field-card.ptah-card-image-gallery .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__image_gall.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}

.ptah-modal-field-card.ptah-card-key-people .ptah-modal-card-description:before {
    padding: 22px;
    content: 'Add people to your contacts list';
    font-weight: normal;
    font-family: 'Ginter';
    font-size: 14px;
    position: relative;
    color: #555;
    display: block;
    background: #fef9f2;
    border-top: 1px solid #cccccc47;
    border-bottom: 1px solid #cccccc47;
}


.ptah-modal-field-card.ptah-card-key-people .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__key_people.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}

.ptah-modal-field-card.ptah-card-introduction .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/___introduction.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}

.ptah-modal-field-card.ptah-card-gifting .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__gift.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}



.ptah-modal-field-card.ptah-card-dining-menu .ptah-modal-card-icon {
    content: '';
        background: url(https://trulywed.page/sites/default/files/icons/__dining.png);
    background-size: contain;
    width: 111px;
    height: 90px;
    margin: 40px auto 0 auto;
background-repeat: no-repeat;
}




.ptah-modal-field-card.ptah-card-seating-plan .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/_seating.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
background-repeat: no-repeat;
}




.ptah-modal-field-card.ptah-card-wedding-service .ptah-modal-card-icon {
    content: '';
   background: url(https://trulywed.page/sites/default/files/icons/__service.png);
    background-size: contain;
    width: 121px;
    height: 90px;
   margin: 40px auto 0 auto;
background-repeat:no-repeat;
}




.ptah-modal-field-card.ptah-card-stream .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__wall.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
background-repeat:no-repeat;
}



.ptah-modal-field-card.ptah-card-run-up-events .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__runup.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
background-repeat:no-repeat;
}



}

.ptah-modal-field-card.ptah-card-locations .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__locations.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
background-repeat:no-repeat;
}

.ptah-modal-field-card.ptah-card-rsvp-settings .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__rsvp.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;

    background-repeat: no-repeat;
}

.ptah-modal-field-card.ptah-card-live-stream .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__stream.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}
.ptah-modal-field-card.ptah-card-locations .ptah-modal-card-icon {
    content: '';
    background: url(https://trulywed.page/sites/default/files/icons/__locations.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
background-repeat:no-repeat;
}

.ptah-modal-field-card.ptah-card-background-audio .ptah-modal-card-icon {
    content: '';
     background: url(https://trulywed.page/sites/default/files/icons/__audio_bg.png);
    background-size: contain;
    width: 90px;
    height: 90px;
    margin: 40px auto 0 auto;
    background-repeat: no-repeat;
}

/* ============================================================
   TRULYWED SOLO — SITE HEADER WITH FLORAL ACCENTS
   Targets the real Solo header HTML:
   #header
   #header-inner
   #block-solo-subtheme-site-branding
   #block-logged-in-user-link-block-1
   ============================================================ */


/* Main header canvas */
#header.solo-outer.header {
  position: relative !important;
  min-height: 150px !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 7% 18%, rgba(244, 208, 205, 0.38), transparent 20%),
    radial-gradient(circle at 96% 18%, rgba(220, 245, 239, 0.48), transparent 24%),
    linear-gradient(115deg, #fff8f1 0%, #fffefd 48%, #f3fffb 100%) !important;

  border-bottom: 1px solid rgba(191, 176, 151, 0.18) !important;
  box-shadow: 0 10px 26px rgba(57, 72, 80, 0.035) !important;
}

/* Inner header layout */
#header #header-inner.header-inner {
  position: relative !important;
  z-index: 2 !important;

  min-height: 150px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 26px 32px !important;
}


/* ============================================================
   Left floral cluster
   ============================================================ */

#header.solo-outer.header::before {
  content: "";
  position: absolute;
  left: -24px;
  top: -6px;
  z-index: 1;

  width: 300px;
  height: 170px;

  pointer-events: none;
  opacity: 0.92;

  background:
    /* petals / flowers */
    radial-gradient(circle at 50px 64px, rgba(255, 255, 255, 0.96) 0 14px, transparent 15px),
    radial-gradient(circle at 72px 48px, rgba(250, 221, 212, 0.9) 0 19px, transparent 20px),
    radial-gradient(circle at 92px 72px, rgba(255, 244, 236, 0.98) 0 24px, transparent 25px),
    radial-gradient(circle at 118px 44px, rgba(244, 205, 201, 0.65) 0 15px, transparent 16px),
    radial-gradient(circle at 138px 76px, rgba(255, 255, 255, 0.9) 0 16px, transparent 17px),

    /* gold centres */
    radial-gradient(circle at 89px 66px, rgba(185, 140, 63, 0.36) 0 3px, transparent 4px),
    radial-gradient(circle at 116px 47px, rgba(185, 140, 63, 0.26) 0 2px, transparent 3px),

    /* leaves */
    radial-gradient(ellipse at 166px 52px, rgba(174, 199, 182, 0.40) 0 19px, transparent 20px),
    radial-gradient(ellipse at 152px 96px, rgba(190, 213, 199, 0.38) 0 17px, transparent 18px),
    radial-gradient(ellipse at 36px 104px, rgba(184, 205, 192, 0.30) 0 15px, transparent 16px),

    /* soft wash */
    radial-gradient(circle at 78px 76px, rgba(255, 227, 214, 0.42), transparent 76px);
}


/* ============================================================
   Right soft floral / leaf cluster
   ============================================================ */

#header.solo-outer.header::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -12px;
  z-index: 1;

  width: 310px;
  height: 170px;

  pointer-events: none;
  opacity: 0.58;

  background:
    radial-gradient(circle at 230px 66px, rgba(255, 255, 255, 0.92) 0 13px, transparent 14px),
    radial-gradient(circle at 206px 48px, rgba(238, 222, 201, 0.52) 0 18px, transparent 19px),
    radial-gradient(circle at 182px 78px, rgba(245, 213, 209, 0.48) 0 22px, transparent 23px),
    radial-gradient(circle at 150px 54px, rgba(255, 249, 242, 0.72) 0 14px, transparent 15px),

    radial-gradient(ellipse at 130px 50px, rgba(178, 206, 192, 0.32) 0 18px, transparent 19px),
    radial-gradient(ellipse at 154px 98px, rgba(186, 211, 199, 0.34) 0 17px, transparent 18px),
    radial-gradient(ellipse at 240px 106px, rgba(174, 199, 182, 0.27) 0 15px, transparent 16px),

    radial-gradient(circle at 218px 74px, rgba(236, 251, 246, 0.52), transparent 82px);
}


/* ============================================================
   Logo / branding
   ============================================================ */

#header #block-solo-subtheme-site-branding {
  position: relative !important;
  z-index: 3 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#header #block-solo-subtheme-site-branding .branding-wrapper,
#header #block-solo-subtheme-site-branding .branding-first {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header #block-solo-subtheme-site-branding .site-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#header #block-solo-subtheme-site-branding .site-logo-img {
  display: block !important;
  width: auto !important;
  max-width: 260px !important;
  max-height: 88px !important;
  filter: drop-shadow(0 5px 12px rgba(95, 74, 43, 0.13)) !important;
}


/* ============================================================
   Logged-in user / logout pill
   ============================================================ */

#header #block-logged-in-user-link-block-1 {
  position: absolute !important;
  top: 28px !important;
  right: 32px !important;
  z-index: 5 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#header #block-logged-in-user-link-block-1 .liul-box {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;

  margin: 0 !important;
  padding: 7px 12px !important;

  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(57, 72, 80, 0.07) !important;
  backdrop-filter: blur(8px);
}

#header #block-logged-in-user-link-block-1 .liul-box,
#header #block-logged-in-user-link-block-1 .liul-box li {
  list-style: none !important;
}

#header #block-logged-in-user-link-block-1 .liul-box li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header #block-logged-in-user-link-block-1 .liul-box li + li::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 10px;
  background: rgba(83, 112, 126, 0.18);
}

#header #block-logged-in-user-link-block-1 .liul-box a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  color: #7a7f83 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#header #block-logged-in-user-link-block-1 .liul-box a:hover {
  color: #253440 !important;
}







/* ============================================================
   Subtle floating light dots
   ============================================================ */

#header #block-solo-subtheme-site-branding::before {
  content: "";
  position: absolute;
  left: -360px;
  top: 18px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  pointer-events: none;

  background: rgba(224, 179, 122, 0.16);
  box-shadow:
    74px 22px 0 18px rgba(255, 255, 255, 0.42),
    126px -2px 0 4px rgba(232, 196, 152, 0.14),
    880px 24px 0 15px rgba(255, 255, 255, 0.34),
    940px -8px 0 5px rgba(202, 222, 212, 0.18);
}


/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 760px) {
  #header.solo-outer.header {
    min-height: 118px !important;
  }

  #header #header-inner.header-inner {
    min-height: 118px !important;
    padding: 22px 18px !important;
  }

  #header.solo-outer.header::before {
    left: -74px;
    top: -26px;
    transform: scale(0.72);
    transform-origin: top left;
    opacity: 0.72;
  }

  #header.solo-outer.header::after {
    right: -96px;
    top: -30px;
    transform: scale(0.7);
    transform-origin: top right;
    opacity: 0.38;
  }

  #header #block-solo-subtheme-site-branding .site-logo-img {
    max-width: 210px !important;
    max-height: 68px !important;
  }

  #header #block-logged-in-user-link-block-1 {
    top: 12px !important;
    right: 12px !important;
  }

  #header #block-logged-in-user-link-block-1 .liul-box {
    padding: 6px 9px !important;
  }

  #header #block-logged-in-user-link-block-1 .liul-box a {
    font-size: 12px !important;
  }
}







/* ============================================================
   TRULYWED SOLO — HEADER WITH REAL FLORAL IMAGE ACCENTS
   Replace the earlier CSS-only floral header code with this.
   Update the image URLs after uploading the PNG files.
   ============================================================ */

/* Main header canvas */
#header.solo-outer.header {
  position: relative !important;
  min-height: 150px !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 8% 18%, rgba(244, 208, 205, 0.28), transparent 22%),
    radial-gradient(circle at 94% 18%, rgba(220, 245, 239, 0.36), transparent 26%),
    linear-gradient(115deg, #fff8f1 0%, #fffefd 48%, #f3fffb 100%) !important;

  border-bottom: 1px solid rgba(191, 176, 151, 0.18) !important;
  box-shadow: 0 10px 26px rgba(57, 72, 80, 0.035) !important;
}

/* Inner header layout */
#header #header-inner.header-inner {
  position: relative !important;
  z-index: 2 !important;

  min-height: 150px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 26px 32px !important;
}

/* ============================================================
   Floral image placeholders
   Temporary coloured backgrounds help you identify image boxes.
   Remove the background-color once placement is correct.
   ============================================================ */

/* Left floral image */
#header.solo-outer.header::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 2 !important;
    left: -5px !important;
    right: auto !important;
    top: -23px !important;
    bottom: auto !important;
    width: 407px !important;
    height: 197px !important;
    background-image: url("https://trulywed.page/sites/default/files/header-floral-left.png") !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 425px 196px !important;
    opacity: 3;
    pointer-events: none !important;
}
/* Right floral image */
#header.solo-outer.header::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    left: auto !important;
    right: -8px !important;
    top: 0 !important;
    bottom: auto !important;
    width: 394px !important;
    height: 173px !important;
    background-image: url("https://trulywed.page/sites/default/files/header-floral-right.png") !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-size: 375px 189px !important;
    opacity: 0.88 !important;
    pointer-events: none !important;
    transform: translateX(-10px);
}

/* ============================================================
   Logo / branding
   ============================================================ */

#header #block-solo-subtheme-site-branding {
  position: relative !important;
  z-index: 3 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#header #block-solo-subtheme-site-branding .branding-wrapper,
#header #block-solo-subtheme-site-branding .branding-first {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header #block-solo-subtheme-site-branding .site-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#header #block-solo-subtheme-site-branding .site-logo-img {
  display: block !important;
  width: auto !important;
  max-width: 260px !important;
  max-height: 88px !important;
  filter: drop-shadow(0 5px 12px rgba(95, 74, 43, 0.13)) !important;
}

/* ============================================================
   Logged-in user / logout pill
   ============================================================ */

#header #block-logged-in-user-link-block-1 {
  position: absolute !important;
  top: 28px !important;
  right: 32px !important;
  z-index: 5 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#header #block-logged-in-user-link-block-1 .liul-box {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 7px 12px !important;

  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(191, 176, 151, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(57, 72, 80, 0.07) !important;
  backdrop-filter: blur(8px);
}

#header #block-logged-in-user-link-block-1 .liul-box,
#header #block-logged-in-user-link-block-1 .liul-box li {
  list-style: none !important;
}

#header #block-logged-in-user-link-block-1 .liul-box li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header #block-logged-in-user-link-block-1 .liul-box li + li::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 10px;
  background: rgba(83, 112, 126, 0.18);
}

#header #block-logged-in-user-link-block-1 .liul-box a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  color: #7a7f83 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#header #block-logged-in-user-link-block-1 .liul-box a:hover {
  color: #253440 !important;
}


/* ============================================================
   Responsive behaviour
   ============================================================ */

@media (max-width: 900px) {
  #header.solo-outer.header {
    min-height: 128px !important;
  }

  #header #header-inner.header-inner {
    min-height: 128px !important;
    padding: 22px 20px !important;
  }

  #header.solo-outer.header::before {
    left: -90px;
    top: -12px;
    width: 360px;
    height: 150px;
    opacity: 0.82;
  }

  #header.solo-outer.header::after {
    right: -110px;
    top: -12px;
    width: 360px;
    height: 150px;
    opacity: 0.52;
  }

  #header #block-solo-subtheme-site-branding .site-logo-img {
    max-width: 220px !important;
    max-height: 74px !important;
  }

  #header #block-logged-in-user-link-block-1 {
    top: 12px !important;
    right: 12px !important;
  }
}

@media (max-width: 560px) {
  #header.solo-outer.header {
    min-height: 108px !important;
  }

  #header #header-inner.header-inner {
    min-height: 108px !important;
  }

  #header.solo-outer.header::before {
    left: -125px;
    top: -20px;
    width: 300px;
    height: 132px;
    opacity: 0.62;
  }

  #header.solo-outer.header::after {
    right: -150px;
    top: -18px;
    width: 300px;
    height: 132px;
    opacity: 0.36;
  }

  #header #block-solo-subtheme-site-branding .site-logo-img {
    max-width: 185px !important;
    max-height: 62px !important;
  }

  #header #block-logged-in-user-link-block-1 .liul-box {
    padding: 6px 9px !important;
  }

  #header #block-logged-in-user-link-block-1 .liul-box a {
    font-size: 12px !important;
  }
}


/* ============================================================
   TRULYWED — JOURNEY DASHBOARD LUXURY POLISH
   Full corrected version with reliable SVG background icons.
   For: /group/{group}/journey/dashboard
   ============================================================ */


/* ============================================================
   0. Main dashboard shell
   ============================================================ */

.trulywed-journey-dashboard {
  --tw-cream: #fffaf2;
  --tw-cream-2: #fff6e9;
  --tw-white: #ffffff;
  --tw-blue-bg: #dfeaf1;
  --tw-ink: #283642;
  --tw-muted: #667680;
  --tw-soft-text: #7b858b;
  --tw-gold: #b98c3f;
  --tw-gold-dark: #8f682c;
  --tw-gold-soft: rgba(185, 140, 63, 0.18);
  --tw-border: rgba(191, 176, 151, 0.38);
  --tw-border-soft: rgba(83, 112, 126, 0.14);
  --tw-shadow: 0 18px 45px rgba(39, 54, 64, 0.12);
  --tw-shadow-soft: 0 8px 24px rgba(39, 54, 64, 0.08);

  max-width: 1380px !important;
  margin: 90px auto 70px !important;
  padding: 0 22px !important;
  color: var(--tw-ink) !important;
}


/* ============================================================
   1. Hero card
   ============================================================ */

.trulywed-journey-dashboard__hero,
.trulywed-journey-progress,
.trulywed-journey-date,
.trulywed-journey-next-step,
.trulywed-journey-dashboard__actions {
  position: relative !important;
  z-index: 2 !important;
}

.trulywed-journey-dashboard__hero {
  position: relative !important;
  margin: 0 !important;
  padding: 54px 72px 28px !important;

  background:
    radial-gradient(circle at 95% 22%, rgba(255, 242, 230, 0.95), transparent 28%),
    radial-gradient(circle at 4% 6%, rgba(255, 255, 255, 0.98), transparent 30%),
    linear-gradient(145deg, #fffaf2 0%, #ffffff 58%, #fff8ef 100%) !important;

  border: 1px solid var(--tw-border) !important;
  border-bottom: 0 !important;
  border-radius: 22px 22px 0 0 !important;

  box-shadow: var(--tw-shadow) !important;
  overflow: hidden !important;
}

.trulywed-journey-dashboard__hero::after {
  content: "" !important;
  position: absolute !important;
  right: -36px !important;
  top: -14px !important;
  z-index: 1 !important;

  width: 390px !important;
  height: 270px !important;

  background-image: url("https://trulywed.page/sites/default/files/header-floral-right.png") !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
  background-size: contain !important;

  opacity: 0.34 !important;
  pointer-events: none !important;
}

.trulywed-journey-dashboard__hero::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 22px !important;
  width: 58px !important;
  height: 58px !important;
  border-top: 1px solid rgba(185, 140, 63, 0.42) !important;
  border-left: 1px solid rgba(185, 140, 63, 0.42) !important;
  border-radius: 16px 0 0 0 !important;
  pointer-events: none !important;
}

.trulywed-journey-dashboard__eyebrow {
  position: relative !important;
  z-index: 3 !important;

  margin: 0 0 12px !important;

  color: var(--tw-gold-dark) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.trulywed-journey-dashboard__hero h2 {
  position: relative !important;
  z-index: 3 !important;

  max-width: 680px !important;
  margin: 0 0 18px !important;

  color: var(--tw-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(38px, 5vw, 68px) !important;
  font-weight: 500 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  text-transform: none !important;
}

.trulywed-journey-dashboard__hero p:not(.trulywed-journey-dashboard__eyebrow) {
  position: relative !important;
  z-index: 3 !important;

  max-width: 520px !important;
  margin: 0 !important;

  color: var(--tw-muted) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}


/* ============================================================
   2. Progress area
   ============================================================ */

.trulywed-journey-progress {
  margin: 0 !important;
  padding: 0 72px 26px !important;
  background: #ffffff !important;
  border-left: 1px solid var(--tw-border) !important;
  border-right: 1px solid var(--tw-border) !important;
  border-radius: 0 !important;
}

.trulywed-journey-progress__top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 0 10px !important;
}

.trulywed-journey-progress__top strong,
.trulywed-journey-progress__top span {
  color: var(--tw-ink) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.trulywed-journey-progress__top span {
  color: var(--tw-gold-dark) !important;
}

.trulywed-journey-progress__track {
  height: 13px !important;
  width: 100% !important;

  background: #e8edf1 !important;
  border: 1px solid rgba(83, 112, 126, 0.08) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 2px rgba(39, 54, 64, 0.08) !important;
}

.trulywed-journey-progress__bar {
  height: 100% !important;
  background: linear-gradient(90deg, #9b6b24, #c99b49, #b98c3f) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 12px rgba(185, 140, 63, 0.26) !important;
}


/* ============================================================
   3. Date/countdown stats
   ============================================================ */

.trulywed-journey-date {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 28px 72px 34px !important;
  background: #ffffff !important;
  border-left: 1px solid var(--tw-border) !important;
  border-right: 1px solid var(--tw-border) !important;
  border-radius: 0 !important;
}

.trulywed-journey-date > div {
  position: relative !important;
  min-height: 58px !important;
  padding: 2px 20px 0 52px !important;

  color: var(--tw-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.trulywed-journey-date > div + div {
  border-left: 1px solid rgba(185, 140, 63, 0.24) !important;
}

.trulywed-journey-date > div::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;

  width: 34px !important;
  height: 34px !important;

  display: block !important;

  background-color: #fffaf2 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;

  border: 1px solid rgba(185, 140, 63, 0.24) !important;
  border-radius: 50% !important;
}

/* Calendar */
.trulywed-journey-date > div:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8%202v4'/%3E%3Cpath%20d='M16%202v4'/%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='18'%20rx='2'/%3E%3Cpath%20d='M3%2010h18'/%3E%3C/svg%3E") !important;
}

/* Clock */
.trulywed-journey-date > div:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%207v5l3%202'/%3E%3C/svg%3E") !important;
}

/* Countdown / gift */
.trulywed-journey-date > div:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='8'%20width='18'%20height='13'%20rx='2'/%3E%3Cpath%20d='M12%208v13'/%3E%3Cpath%20d='M3%2012h18'/%3E%3Cpath%20d='M12%208H8.5a2.5%202.5%200%200%201%200-5C12%203%2012%208%2012%208Z'/%3E%3Cpath%20d='M12%208h3.5a2.5%202.5%200%200%200%200-5C12%203%2012%208%2012%208Z'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-date strong {
  display: block !important;
  margin-bottom: 3px !important;
  color: var(--tw-ink) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.trulywed-journey-date span {
  color: var(--tw-ink) !important;
  font-weight: 850 !important;
}


/* ============================================================
   4. Recommended next step + actions
   ============================================================ */

.trulywed-journey-next-step {
  margin: 0 !important;
  padding: 34px 72px 0 !important;
  background: #ffffff !important;
  border-left: 1px solid var(--tw-border) !important;
  border-right: 1px solid var(--tw-border) !important;
  border-top: 1px solid rgba(185, 140, 63, 0.24) !important;
  border-radius: 0 !important;
}

.trulywed-journey-next-step h3 {
  position: relative !important;
  margin: 0 0 8px !important;
  padding-left: 42px !important;

  color: var(--tw-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
}

.trulywed-journey-next-step h3::before {
  content: "✧" !important;
  position: absolute !important;
  left: 0 !important;
  top: -2px !important;

  color: var(--tw-gold) !important;
  font-size: 24px !important;
}

.trulywed-journey-next-step p {
  max-width: 520px !important;
  margin: 0 !important;
  padding-left: 42px !important;

  color: var(--tw-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.trulywed-journey-dashboard__actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 28px !important;

  margin: 0 0 28px !important;
  padding: 0 72px 44px !important;

  background: #ffffff !important;
  border-left: 1px solid var(--tw-border) !important;
  border-right: 1px solid var(--tw-border) !important;
  border-bottom: 1px solid var(--tw-border) !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: var(--tw-shadow) !important;
}

.trulywed-journey-dashboard__actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  min-height: 46px !important;
  padding: 0 30px !important;

  background: #fffaf2 !important;
  color: var(--tw-gold-dark) !important;

  border: 1px solid rgba(185, 140, 63, 0.34) !important;
  border-radius: 999px !important;

  box-shadow: 0 8px 18px rgba(39, 54, 64, 0.07) !important;

  font-size: 14px !important;
  font-weight: 850 !important;
  text-decoration: none !important;

  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
}

.trulywed-journey-dashboard__actions a::after {
  content: "›" !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(185, 140, 63, 0.42) !important;
  border-radius: 50% !important;
  font-size: 19px !important;
  line-height: 1.8px !important;
}

.trulywed-journey-dashboard__actions a:first-child {
  background: linear-gradient(135deg, #a87322, #c79a4a) !important;
  color: #ffffff !important;
  border-color: #a87322 !important;
  box-shadow: 0 12px 22px rgba(155, 109, 36, 0.24) !important;
}

.trulywed-journey-dashboard__actions a:first-child::after {
  border-color: rgba(255, 255, 255, 0.55) !important;
}

.trulywed-journey-dashboard__actions a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 26px rgba(39, 54, 64, 0.12) !important;
}


/* ============================================================
   5. Manage hub panel
   ============================================================ */

.trulywed-journey-hub {
  position: relative !important;

  margin: 0 0 28px !important;
  padding: 36px 48px 40px !important;

  background:
    radial-gradient(circle at top right, rgba(255, 250, 242, 0.9), transparent 28%),
    linear-gradient(145deg, #ffffff 0%, #fffaf4 100%) !important;

  border: 1px solid var(--tw-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--tw-shadow) !important;
}

.trulywed-journey-hub::after {
  content: "" !important;
  position: absolute !important;
  right: 48px !important;
  top: 52px !important;

  width: 120px !important;
  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(185, 140, 63, 0.48), transparent) !important;
}

.trulywed-journey-hub h3 {
  margin: 0 0 8px !important;

  color: var(--tw-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
}

.trulywed-journey-hub > p {
  margin: 0 0 24px !important;

  color: var(--tw-muted) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}


/* ============================================================
   6. Accordion groups
   ============================================================ */

.trulywed-journey-hub-group {
  margin: 14px 0 !important;
  padding: 0 !important;

  background: rgba(255, 250, 242, 0.56) !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;

  box-shadow: 0 6px 18px rgba(39, 54, 64, 0.04) !important;
}

.trulywed-journey-hub-group > summary {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  padding: 18px 22px 18px 62px !important;

  background: rgba(255, 255, 255, 0.58) !important;
  color: var(--tw-ink) !important;

  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;

  cursor: pointer !important;
  list-style: none !important;
}

.trulywed-journey-hub-group > summary::-webkit-details-marker {
  display: none !important;
}

.trulywed-journey-hub-group > summary::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 28px !important;
  height: 28px !important;

  display: block !important;

  background-color: #fffaf2 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px 15px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='4'%20width='16'%20height='16'%20rx='3'/%3E%3Cpath%20d='M9%2012h6'/%3E%3Cpath%20d='M12%209v6'/%3E%3C/svg%3E") !important;

  border: 1px solid rgba(185, 140, 63, 0.25) !important;
  border-radius: 50% !important;
}

.trulywed-journey-hub-group[open] > summary::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='4'%20width='16'%20height='16'%20rx='3'/%3E%3Cpath%20d='M9%2012h6'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-group > summary::after {
  content: "⌄" !important;
  margin-left: auto !important;

  color: var(--tw-gold-dark) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.trulywed-journey-hub-group[open] > summary::after {
  content: "⌃" !important;
}

.trulywed-journey-hub-group .details-wrapper {
  padding: 0 22px 22px !important;
}

.trulywed-journey-hub-group .details-description {
  margin: -2px 0 18px 40px !important;
  color: var(--tw-muted) !important;
}

.trulywed-journey-hub-group .details-description p {
  margin: 0 !important;
  color: var(--tw-muted) !important;
  font-size: 14px !important;
}


/* ============================================================
   7. Hub cards
   ============================================================ */

.trulywed-journey-hub-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.trulywed-journey-hub-card {
  position: relative !important;

  min-height: 174px !important;
  padding: 28px 28px 24px 76px !important;

  background: #ffffff !important;
  border: 1px solid rgba(83, 112, 126, 0.12) !important;
  border-radius: 16px !important;

  box-shadow: 0 8px 18px rgba(39, 54, 64, 0.055) !important;

  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease !important;
}

.trulywed-journey-hub-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(185, 140, 63, 0.36) !important;
  box-shadow: 0 14px 28px rgba(39, 54, 64, 0.10) !important;
}

/* Icon circle */
.trulywed-journey-hub-card::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 28px !important;
  z-index: 1 !important;

  width: 42px !important;
  height: 42px !important;

  display: block !important;

  background:
    radial-gradient(circle at 35% 28%, #ffffff 0%, #fffaf2 58%, #fff3df 100%) !important;

  border: 1px solid rgba(185, 140, 63, 0.28) !important;
  border-radius: 50% !important;

  box-shadow:
    0 7px 14px rgba(39, 54, 64, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

/* SVG icon */
.trulywed-journey-hub-card::after {
  content: "" !important;
  position: absolute !important;
  left: 32px !important;
  top: 38px !important;
  z-index: 2 !important;

  width: 22px !important;
  height: 22px !important;

  display: block !important;

  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;

  pointer-events: none !important;
}

.trulywed-journey-hub-card:hover::before {
  background:
    radial-gradient(circle at 35% 28%, #ffffff 0%, #fff8ec 58%, #f9ead0 100%) !important;
  border-color: rgba(185, 140, 63, 0.48) !important;
  box-shadow:
    0 10px 20px rgba(39, 54, 64, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

.trulywed-journey-hub-card:hover::after {
  background-color: transparent !important;
  transform: translateY(-1px) !important;
}


/* ============================================================
   7B. Individual card SVG icons
   ============================================================ */

.trulywed-journey-hub-card--information::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M12%2016v-4'/%3E%3Cpath%20d='M12%208h.01'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--app::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='7'%20y='2'%20width='10'%20height='20'%20rx='2'/%3E%3Cpath%20d='M11%2018h2'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--rsvp::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'/%3E%3Cpath%20d='m3%207%209%206%209-6'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--contacts::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2'/%3E%3Ccircle%20cx='9'%20cy='7'%20r='4'/%3E%3Cpath%20d='M22%2021v-2a4%204%200%200%200-3-3.87'/%3E%3Cpath%20d='M16%203.13a4%204%200%200%201%200%207.75'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--run-up-events::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8%202v4'/%3E%3Cpath%20d='M16%202v4'/%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='18'%20rx='2'/%3E%3Cpath%20d='M3%2010h18'/%3E%3Cpath%20d='M8%2014h.01'/%3E%3Cpath%20d='M12%2014h.01'/%3E%3Cpath%20d='M16%2014h.01'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--wedding-service::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021s-7-4.35-7-11a4%204%200%200%201%207-2.65A4%204%200%200%201%2019%2010c0%206.65-7%2011-7%2011z'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--dining-menu::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%203v7a4%204%200%200%200%204%204V3'/%3E%3Cpath%20d='M8%203v18'/%3E%3Cpath%20d='M16%203v18'/%3E%3Cpath%20d='M19%203v7a3%203%200%200%201-3%203'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--seating-plan::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8'%20r='4'/%3E%3Cpath%20d='M6%2021v-2a6%206%200%200%201%2012%200v2'/%3E%3Cpath%20d='M4%2012h16'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--live-stream::after,
.trulywed-journey-hub-card--video-gallery::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'/%3E%3Cpath%20d='m10%209%205%203-5%203V9z'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--image-gallery::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'/%3E%3Ccircle%20cx='9'%20cy='9'%20r='2'/%3E%3Cpath%20d='m21%2015-3.1-3.1a2%202%200%200%200-2.8%200L6%2021'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--background-audio::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2018V5l12-2v13'/%3E%3Ccircle%20cx='6'%20cy='18'%20r='3'/%3E%3Ccircle%20cx='18'%20cy='16'%20r='3'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--stream::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2015a4%204%200%200%201-4%204H7l-4%204V7a4%204%200%200%201%204-4h10a4%204%200%200%201%204%204z'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--gifting::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='8'%20width='18'%20height='13'%20rx='2'/%3E%3Cpath%20d='M12%208v13'/%3E%3Cpath%20d='M3%2012h18'/%3E%3Cpath%20d='M12%208H8.5a2.5%202.5%200%200%201%200-5C12%203%2012%208%2012%208Z'/%3E%3Cpath%20d='M12%208h3.5a2.5%202.5%200%200%200%200-5C12%203%2012%208%2012%208Z'/%3E%3C/svg%3E") !important;
}

.trulywed-journey-hub-card--tasks::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239b6b24'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2011l3%203L22%204'/%3E%3Cpath%20d='M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11'/%3E%3C/svg%3E") !important;
}


/* ============================================================
   8. Milestone timeline
   ============================================================ */

.trulywed-journey-timeline {
  position: relative !important;

  margin: 0 !important;
  padding: 36px 48px 42px !important;

  background:
    radial-gradient(circle at 95% 92%, rgba(255, 243, 234, 0.95), transparent 28%),
    linear-gradient(145deg, #ffffff 0%, #fffaf4 100%) !important;

  border: 1px solid var(--tw-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--tw-shadow) !important;

  overflow: hidden !important;
}

.trulywed-journey-timeline::after {
  content: "" !important;
  position: absolute !important;
  right: -16px !important;
  bottom: -18px !important;

  width: 300px !important;
  height: 220px !important;

  background-image: url("https://trulywed.page/sites/default/files/header-floral-right.png") !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-size: contain !important;

  opacity: 0.22 !important;
  pointer-events: none !important;
}

.trulywed-journey-timeline h3 {
  position: relative !important;
  z-index: 2 !important;

  margin: 0 0 24px !important;
  padding-left: 42px !important;

  color: var(--tw-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
}

.trulywed-journey-timeline h3::before {
  content: "✧" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  color: var(--tw-gold) !important;
}

.trulywed-journey-timeline ol {
  position: relative !important;
  z-index: 2 !important;

  margin: 0 !important;
  padding: 0 0 0 8px !important;

  list-style: none !important;
  counter-reset: milestone !important;
}

.trulywed-journey-timeline li {
  position: relative !important;

  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 0 20px 50px !important;

  counter-increment: milestone !important;
}

.trulywed-journey-timeline li::before {
  content: counter(milestone) !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 2 !important;

  width: 26px !important;
  height: 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: var(--tw-gold) !important;
  color: #ffffff !important;

  border-radius: 50% !important;

  font-size: 12px !important;
  font-weight: 900 !important;
}

.trulywed-journey-timeline li:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  top: 28px !important;
  bottom: 2px !important;

  width: 1px !important;
  background: rgba(185, 140, 63, 0.3) !important;
}

.trulywed-journey-timeline strong {
  color: var(--tw-ink) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.trulywed-journey-timeline span {
  color: var(--tw-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}


/* ============================================================
   9. Responsive
   ============================================================ */

@media (max-width: 1100px) {
  .trulywed-journey-dashboard {
    margin-top: 60px !important;
  }

  .trulywed-journey-dashboard__hero,
  .trulywed-journey-progress,
  .trulywed-journey-date,
  .trulywed-journey-next-step,
  .trulywed-journey-dashboard__actions {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }

  .trulywed-journey-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .trulywed-journey-dashboard {
    margin-top: 40px !important;
    padding: 0 16px !important;
  }

  .trulywed-journey-dashboard__hero,
  .trulywed-journey-progress,
  .trulywed-journey-date,
  .trulywed-journey-next-step,
  .trulywed-journey-dashboard__actions,
  .trulywed-journey-hub,
  .trulywed-journey-timeline {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  .trulywed-journey-date {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .trulywed-journey-date > div + div {
    border-left: 0 !important;
    border-top: 1px solid rgba(185, 140, 63, 0.18) !important;
    padding-top: 18px !important;
  }

  .trulywed-journey-dashboard__actions {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
  }

  .trulywed-journey-hub-grid {
    grid-template-columns: 1fr !important;
  }

  .trulywed-journey-dashboard__hero::after {
    opacity: 0.18 !important;
    right: -110px !important;
  }
}

@media (max-width: 520px) {
  .trulywed-journey-dashboard__hero h2 {
    font-size: 36px !important;
  }

  .trulywed-journey-dashboard__actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .trulywed-journey-dashboard__actions a {
    width: 100% !important;
  }

  .trulywed-journey-hub-card {
    padding-left: 68px !important;
  }
}



[data-ptah-modal="RSVP Settings"] fieldset, [data-ptah-modal="RSVP Settings"] legend {
    border: 0!important;
    padding: 0;
}

[data-ptah-modal="RSVP Settings"] legend span {
    display: none;
}

[data-ptah-modal="RSVP Settings"] .ief-form.ief-form-bottom {
    margin-left: 0;
}

[data-ptah-modal="RSVP Settings"]  .fieldset-wrapper.solo-clear {
    padding-left: 0!important;
}



/* ============================================================
   TRULYWED SOLO — FOOTER TO MATCH MOCKUP
   Real footer structure:
   #footer-container
   #footer-box-first  = logo
   #footer-box-second = copyright
   #footer-box-third  = links
   ============================================================ */


/* ============================================================
   1. Footer outer bar
   ============================================================ */

#footer-container.solo-outer.footer-container {
  position: relative !important;
  overflow: visible !important;
  /* margin: 0 !important; */
  padding: 34px 48px 28px !important;
  background:
    linear-gradient(180deg, #fffaf3 0%, #fffdf9 100%) !important;
  border-top: 1px solid rgba(185, 140, 63, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 -8px 22px rgba(39, 54, 64, 0.035) !important;
}


/* ============================================================
   2. Center ornament above footer
   ============================================================ */

#footer-container.solo-outer.footer-container::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 4 !important;

  width: 142px !important;
  height: 46px !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='142'%20height='46'%20viewBox='0%200%20142%2046'%3E%3Cg%20fill='none'%20stroke='%23c79a49'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2023h44'/%3E%3Cpath%20d='M94%2023h44'/%3E%3Cpath%20d='M55%2023c5-8%2012-8%2016%200'/%3E%3Cpath%20d='M87%2023c-5-8-12-8-16%200'/%3E%3Cpath%20d='M71%2017c-5-6-14-2-14%205%200%208%209%2011%2014%2017%205-6%2014-9%2014-17%200-7-9-11-14-5z'/%3E%3Cpath%20d='M71%208v8'/%3E%3Cpath%20d='M61%2030c-5%207-13%205-16%200'/%3E%3Cpath%20d='M81%2030c5%207%2013%205%2016%200'/%3E%3C/g%3E%3C/svg%3E") !important;

  pointer-events: none !important;
}


/* ============================================================
   3. Footer grid layout
   ============================================================ */

#footer-container-inner.footer-container-inner {
  max-width: 1380px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) minmax(320px, auto) minmax(300px, 1fr) !important;
  align-items: end !important;
  column-gap: 32px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Footer region resets */
#footer-container .footer-box,
#footer-container .footer-box-inner,
#footer-container .solo-block,
#footer-container .field,
#footer-container .field__item {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ============================================================
   4. Left logo block
   ============================================================ */

#footer-box-first {
  justify-self: start !important;
  align-self: end !important;
}

#footer-box-first .footer-box-first-inner,
#block-solo-subtheme-footerlogo-2 {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
}

#footer-box-first img.site-logo-img,
#block-solo-subtheme-footerlogo-2 img.site-logo-img {
  display: block !important;

  width: auto !important;
  max-width: 178px !important;
  max-height: 58px !important;
  height: auto !important;

  filter: drop-shadow(0 4px 8px rgba(95, 74, 43, 0.10)) !important;
}


/* ============================================================
   5. Center copyright block
   ============================================================ */

#footer-box-second {
  justify-self: center !important;
  align-self: end !important;
  text-align: center !important;
}

#block-solo-subtheme-copyright {
  text-align: center !important;
}

#block-solo-subtheme-copyright p {
  margin: 0 !important;
  padding: 0 !important;

  color: #6f6f6f !important;

  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.01em !important;
}


/* ============================================================
   6. Right footer links
   ============================================================ */

#footer-box-third {
  justify-self: end !important;
  align-self: end !important;
  text-align: right !important;
}

#block-solo-subtheme-footerlinks {
  text-align: right !important;
}

#block-solo-subtheme-footerlinks .footer-links-box {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin-top: 30px !important;
  padding: 0 !important;
  color: rgba(157, 122, 59, 0.72) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

#block-solo-subtheme-footerlinks .footer-links-box a {
  color: #9d7a3b !important;
  text-decoration: none !important;

  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;

  transition:
    color 160ms ease,
    opacity 160ms ease !important;
}

#block-solo-subtheme-footerlinks .footer-links-box a:hover,
#block-solo-subtheme-footerlinks .footer-links-box a:focus {
  color: #283642 !important;
  text-decoration: none !important;
}

#block-solo-subtheme-footerlinks .footer-links-box span {
  display: inline-block !important;
  margin: 0 18px !important;
  color: rgba(157, 122, 59, 0.52) !important;
}


/* ============================================================
   7. Remove old copyright-region styling if still present
   ============================================================ */

#copyright.solo-outer.copyright {
  display: none !important;
}


/* ============================================================
   8. Mobile / tablet footer layout
   ============================================================ */

@media (max-width: 980px) {
  #footer-container.solo-outer.footer-container {
    padding: 42px 24px 28px !important;
  }

  #footer-container-inner.footer-container-inner {
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
    justify-items: center !important;
    align-items: center !important;
  }

  #footer-box-first,
  #footer-box-second,
  #footer-box-third {
    justify-self: center !important;
    text-align: center !important;
  }

  #footer-box-first .footer-box-first-inner,
  #block-solo-subtheme-footerlogo-2 {
    justify-content: center !important;
  }

  #block-solo-subtheme-footerlinks,
  #block-solo-subtheme-footerlinks .footer-links-box {
    justify-content: center !important;
    text-align: center !important;
  }

  #footer-box-first img.site-logo-img,
  #block-solo-subtheme-footerlogo-2 img.site-logo-img {
    max-width: 160px !important;
    max-height: 52px !important;
  }
}

@media (max-width: 560px) {
  #footer-container.solo-outer.footer-container {
    padding: 40px 16px 24px !important;
  }

  #footer-container.solo-outer.footer-container::before {
    width: 112px !important;
    height: 36px !important;
  }

  #block-solo-subtheme-copyright p,
  #block-solo-subtheme-footerlinks .footer-links-box,
  #block-solo-subtheme-footerlinks .footer-links-box a {
    font-size: 13px !important;
  }

  #block-solo-subtheme-footerlinks .footer-links-box span {
    margin: 0 10px !important;
  }

  #footer-box-first img.site-logo-img,
  #block-solo-subtheme-footerlogo-2 img.site-logo-img {
    max-width: 140px !important;
    max-height: 46px !important;
  }
}

/* ============================================================
   TRULYWED FOOTER — ORNATE CENTRE ORNAMENT + ALIGNMENT FIX
   Paste below the current footer CSS.
   ============================================================ */


/* Make the footer bar slightly more like the mockup */
#footer-container.solo-outer.footer-container {
  padding-top: 8px !important;
  padding-bottom: 26px !important;
  border-top: 1px solid rgba(185, 140, 63, 0.62) !important;
  margin-top: 100px;
}


/* Replace the simpler ornament with a more ornate divider */
#footer-container.solo-outer.footer-container::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 0 !important;

  width: 190px !important;
  height: 58px !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='190'%20height='58'%20viewBox='0%200%20190%2058'%3E%3Cg%20fill='none'%20stroke='%23b98c3f'%20stroke-width='1.55'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2029h52'/%3E%3Cpath%20d='M134%2029h52'/%3E%3Cpath%20d='M56%2029c9%200%2013-8%2018-8%206%200%207%208%201%2011-8%204-15-3-8-12'/%3E%3Cpath%20d='M134%2029c-9%200-13-8-18-8-6%200-7%208-1%2011%208%204%2015-3%208-12'/%3E%3Cpath%20d='M95%2013c-7-8-19-3-19%207%200%2011%2012%2016%2019%2025%207-9%2019-14%2019-25%200-10-12-15-19-7z'/%3E%3Cpath%20d='M95%207v9'/%3E%3Cpath%20d='M95%2044v8'/%3E%3Cpath%20d='M82%2034c-10%2010-25%206-29-4'/%3E%3Cpath%20d='M108%2034c10%2010%2025%206%2029-4'/%3E%3Cpath%20d='M67%2022c-10-12-24-4-24%207'/%3E%3Cpath%20d='M123%2022c10-12%2024-4%2024%207'/%3E%3Cpath%20d='M26%2029c8-7%2016-7%2022%200'/%3E%3Cpath%20d='M164%2029c-8-7-16-7-22%200'/%3E%3Cpath%20d='M90%2025c-4%203-4%207%200%2010'/%3E%3Cpath%20d='M100%2025c4%203%204%207%200%2010'/%3E%3Ccircle%20cx='95'%20cy='29'%20r='2.5'%20fill='%23b98c3f'/%3E%3Ccircle%20cx='61'%20cy='29'%20r='1.6'%20fill='%23b98c3f'/%3E%3Ccircle%20cx='129'%20cy='29'%20r='1.6'%20fill='%23b98c3f'/%3E%3C/g%3E%3C/svg%3E") !important;

  pointer-events: none !important;
}


/* Better three-column alignment */
#footer-container-inner.footer-container-inner {
  min-height: 74px !important;

  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(420px, auto) minmax(360px, 1fr) !important;
  align-items: end !important;
  column-gap: 40px !important;
}


/* Ensure all three footer columns align to the same visual baseline */
#footer-box-first,
#footer-box-second,
#footer-box-third {
  display: flex !important;
  align-items: flex-end !important;
  min-height: 74px !important;
}


/* Left logo: bottom-left */
#footer-box-first {
  justify-content: flex-start !important;
}

#footer-box-first .footer-box-first-inner,
#block-solo-subtheme-footerlogo-2,
#block-solo-subtheme-footerlogo-2 .field__item {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

#block-solo-subtheme-footerlogo-2 img.site-logo-img {
  max-width: 176px !important;
  max-height: 56px !important;
  margin-top: 20px !important;
  transform: translateY(2px) !important;
}


/* Centre copyright: true vertical/baseline alignment */
#footer-box-second {
  justify-content: center !important;
  text-align: center !important;
}

#footer-box-second .footer-box-second-inner,
#block-solo-subtheme-copyright,
#block-solo-subtheme-copyright .field__item {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100% !important;
}

#block-solo-subtheme-copyright p {
  margin-top: 30px !important;
  padding: 0 0 8px !important;
  line-height: 1.35 !important;
}


/* Right links: bottom-right */
#footer-box-third {
  justify-content: flex-end !important;
  text-align: right !important;
}

#footer-box-third .footer-box-third-inner,
#block-solo-subtheme-footerlinks,
#block-solo-subtheme-footerlinks .field__item {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center;
  width: 100% !important;
}

#block-solo-subtheme-footerlinks .footer-links-box {
  padding: 0 0 8px !important;
  line-height: 1.35 !important;
}


/* Give the right-side links the same baseline as the copyright */
#block-solo-subtheme-footerlinks .footer-links-box a,
#block-solo-subtheme-footerlinks .footer-links-box span {
  line-height: 1.35 !important;
}


/* On medium screens, keep the ornament but stack cleanly */
@media (max-width: 980px) {
  #footer-container-inner.footer-container-inner {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    row-gap: 14px !important;
    align-items: center !important;
    justify-items: center !important;
  }

  #footer-box-first,
  #footer-box-second,
  #footer-box-third {
    min-height: auto !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  #footer-box-first .footer-box-first-inner,
  #footer-box-second .footer-box-second-inner,
  #footer-box-third .footer-box-third-inner,
  #block-solo-subtheme-footerlogo-2,
  #block-solo-subtheme-copyright,
  #block-solo-subtheme-footerlinks,
  #block-solo-subtheme-footerlinks .footer-links-box {
    justify-content: center !important;
    text-align: center !important;
  }

  #block-solo-subtheme-copyright p,
  #block-solo-subtheme-footerlinks .footer-links-box {
    padding-bottom: 0 !important;
  }
}


@media (max-width: 560px) {
  #footer-container.solo-outer.footer-container::before {
    width: 145px !important;
    height: 44px !important;
  }
}