@font-face {
font-family: NB;
src: url(https://findyouraisle.com/wp-content/themes/wedding/type/NotoSerif-Bold.ttf);
font-weight: 900;
}
@font-face {
font-family: OR;
src: url(https://findyouraisle.com/wp-content/themes/wedding/type/OpenSans-Regular.ttf);
}
@font-face {
font-family: OB;
src: url(https://findyouraisle.com/wp-content/themes/wedding/type/OpenSans-SemiBold.ttf);
}
html{
scroll-behavior:smooth;
font-size:16px;
font-family: OR, sans-serif;
background-color: #fff;
color:#2e3849;
}
body{
margin:0;
padding:0;
}
a{
text-decoration-skip-ink:auto;
transition: all 0.3s;
color:#bf9b30;
text-decoration: none;
}
a:hover, a:focus, a:active{
color:#506786;
}
textarea,input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"]{
appearance:none;
border-radius:0
}
input[type="search"]{
appearance:textfield
}
input[type="checkbox"], input[type="radio"], button{
cursor:pointer
}
big{
font-size:120%
}
small,sup,sub{
font-size:50%
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, #q-wedding-budget .explanation{
display:block
}
article#venue-quiz header.header{
height:.01rem;
}
strong{
font-weight: 700;
font-family: OB, sans-serif;
}
.screen-reader-text{
border:0;
clip:rect(0.0625rem,0.0625rem,0.0625rem,0.0625rem);
clip-path:inset(50%);
height:0.0625rem;
margin:-0.0625rem;
overflow:hidden;
padding:0;
position:absolute!important;
width:0.0625rem;
word-wrap:normal!important;
word-break:normal
}
.screen-reader-text:focus{
background-color:#f7f7f7;
border-radius:0.1875rem;
box-shadow:0 0 0.125rem 0.125rem rgba(0,0,0,.6);
clip:auto!important;
clip-path:none;
color:#007acc;
display:block;
font-size:.875rem;
font-weight:700;
height:auto;
right:0.3125rem;
line-height:normal;
padding:0.9375rem 1.4375rem 0.875rem;
text-decoration:none;
top:0.3125rem;
width:auto;
z-index:100000
}
.skip-link{
left:-9999rem;
top:2.5rem;
z-index:999999999;
text-decoration:underline
}
.skip-link:focus{
display:block;
left:0.375rem;
top:0.4375rem;
font-size:0.875rem;
font-weight:600;
text-decoration:none;
line-height:normal;
padding:0.9375rem 1.4375rem 0.875rem;
z-index:100000;right:auto
}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){
position:absolute !important;
height:0.0625rem;
width:0.0625rem;
overflow:hidden;
clip:rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem);
clip:rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
white-space:nowrap;
}
#site-title h1 span{
text-indent:-999999999999em;
display: inline;
clip-path: inset(0 0 0 100%); 
}
#site-title h1 a{
background: url(https://findyouraisle.com/wp-content/themes/wedding/images/logo-vertical.svg) no-repeat;
width:15.625rem;
height:15rem;
margin:2.25rem auto 2.5rem;
display: block;
opacity: 1.0;
}
#site-title h1 a:hover, #site-title h1 a:focus, #site-title h1 a:active{
opacity:0.75;
}
#venue-quiz h1.entry-title{
text-indent:-999999999999em;
margin:0;
padding:0;
display:inline;
clip-path: inset(0 0 0 100%); 
}
#wrapper{
overflow: hidden;
}
em{
font-style: oblique;
}
header.header h2{
margin-bottom:0;
}
p{
margin-top:0;
line-height: 1.5rem;
}
p.answer{
font-weight:bold;
padding-left:2.75rem;
}
p.venue-answer{
padding-left:2.75rem;
}
.note {
font-size:0.8rem;
font-style: italic;
margin-top:2rem;
}
#q-basics .note, #q-contact-info .note, #q-venue-details .note, #q-event-details .note, #q-vendors .note, #q-event-pricing .note, #q-further .note{
margin-top:0;
margin-bottom:0;
} #quiz{
margin-bottom:0;
}
#quiz fieldset, #add-venue header{
border:0;
padding:2rem 1.5rem;
margin:0;
}
#quiz fieldset.even, #add-venue #quiz fieldset.odd{
background: #fff;
}
@media only screen and (min-width: 45rem) {
#quiz fieldset, #add-venue header{
padding:2rem 3rem;
}
}  
@media only screen and (min-width: 45rem) {
#quiz.add-venue-quiz fieldset{
padding:2rem 3rem;
}
}  
@media only screen and (min-width: 56rem) {
#quiz.add-venue-quiz fieldset{
padding:2rem 0rem;
}
}  
#quiz fieldset.odd, #add-venue #quiz fieldset.even, #add-venue header{
background:#f3f4ed;
}
#quiz fieldset#quiz-submit{
padding-top:2rem;
}
#quiz hr{
border:0;
border-bottom: 0.0625rem solid #d0bc85;
margin:1rem 0;
}
#quiz label{
font-size:1rem;
letter-spacing: 0.05em;
margin-left:0.75rem;
cursor:pointer;
float: left;
display: block;
width:calc(100% - 3rem);
margin-bottom:0.5rem;
}
#quiz label.must {
margin-left: 0.75rem;
position: relative;
margin-bottom:0;
}
#quiz label, #quiz input[type="radio"], #quiz input[type="checkbox"]{
color:#506786;
transition: all 0.3s;
}
#quiz label:hover, #quiz label:active, #quiz label:focus, #quiz input[type="radio"]:checked,
#quiz input[type="radio"]:checked + label, #quiz input[type="checkbox"]:checked,
#quiz input[type="checkbox"]:checked + label{
color:#bf9b30;
}
#quiz label.how{
cursor:auto;
display:block;
}
#quiz label.how:hover, #quiz label.how:active, #quiz label.how:focus{
color:#506786;
}
#quiz h2, #info-form h2{
font-family: 'NB', serif;
color:#506786;
font-size:1.5rem;
margin-top:0;
}
#quiz h3{
font-family: 'NB', serif;
color:#506786;
font-size:1.25rem;
}
#quiz h1{
font-family: 'NB', serif;
color:#2e3849;
font-size:2rem;
margin:0;
}
#quiz select{
appearance: none; 
border: 0.0625rem solid #506786;
color:#fff;
background-color: #506786;
border-radius: 0.45rem;
padding: 0.7rem 1rem; 
font-size:1rem;
font-family: OR, sans-serif;
letter-spacing: 0.05em;
width:16rem;
height:3rem;
cursor: pointer;
background:#506786 url(https://findyouraisle.com/wp-content/themes/wedding/images/down-arrow.svg) no-repeat right 1rem center;
background-position: 94% 55% !important;
background-size:1rem 0.6667rem;
margin-bottom: 0.5rem;
transition: all 0.3s;
touch-action: manipulation;
}
#quiz .question select{
width:13rem;
}
#quiz select:focus, #quiz select:hover{
outline: none;
border-color: #2e3849;
background-color: #2e3849;
background:#2e3849 url(https://findyouraisle.com/wp-content/themes/wedding/images/down-arrow.svg) no-repeat right 1rem center;
background-size:1rem 0.6667rem;
}
#quiz select option{
cursor: pointer;
}
#quiz select option:disabled{
opacity: 0.6;
cursor: not-allowed;
}
div.input, div.question {
overflow: auto;
}
#quiz input[type="radio"], #quiz input[type="checkbox"]{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
background-color: #fff;
border: 0.0625rem solid #506786;
outline: none;
cursor: pointer;
transition: all 0.3s;
float:left;
display: block;
margin-bottom:0.5rem;
}
#quiz input[type="checkbox"]#question-1-required, #quiz input[type="checkbox"]#question-2-required, #quiz input[type="checkbox"]#question-6-required, #quiz input[type="checkbox"]#question-8-required, #quiz input[type="checkbox"]#question-14-required, #quiz input[type="checkbox"]#question-19-required, #quiz input[type="checkbox"]#question-21-required, #quiz input[type="checkbox"]#question-22-required{
margin-bottom:0;
}
#quiz input[type="radio"], #venue input[type="radio"]{
width: 1.4375rem;
height: 1.4375rem;
border-radius: 50%;
top:-0.15rem;
}
#quiz input[type="checkbox"], #venue input[type="checkbox"] {
left:0.2rem;
width: 1.125rem;
height: 1.125rem;
}
input[type="checkbox"] {
border-radius: 0;
}
#quiz input[type="number"], #quiz input[type="email"], #quiz input[type="text"], #quiz input[type="email"], #quiz input[type="tel"], #quiz input[type="url"], #quiz input[type="time"]  {
height: 2rem;
font-size: 1rem;
padding: 0 0.5rem;
color: #506786;
border-radius: 0.25rem;
border: 0.0625rem solid #506786;
}
#quiz input[type="number"], #quiz input[type="text"].number{
width:10rem;
}
#quiz input[type="email"], #quiz input[type="text"], #quiz input[type="url"], #quiz textarea{
width: calc(100% - 2rem);
}
#quiz textarea{
height: 10rem;
font-size: 1rem;
padding:0.5rem;
color: #506786;
border-radius: 0.25rem;
border: 0.0625rem solid #506786;
}
#quiz input[type="number"]:hover, #quiz input[type="number"]:focus, #quiz input[type="number"]:active, 
#quiz input[type="email"]:hover, #quiz input[type="email"]:focus, #quiz input[type="email"]:active, 
#quiz input[type="text"]:hover, #quiz input[type="text"]:focus, #quiz input[type="text"]:active,
#quiz input[type="tel"]:hover, #quiz input[type="tel"]:focus, #quiz input[type="tel"]:active,
#quiz input[type="url"]:hover, #quiz input[type="url"]:focus, #quiz input[type="url"]:active,
#quiz input[type="time"]:hover, #quiz input[type="time"]:focus, #quiz input[type="time"]:active,
#quiz textarea:hover, #quiz textarea:focus, #quiz textarea:active {
border: 0.0625rem solid #bf9b30;
outline-width: 0;
outline: none;
}
#quiz input[type="radio"]:hover, #quiz input[type="radio"]:focus, #quiz input[type="radio"]:active, #quiz input[type="checkbox"]:hover, #quiz input[type="checkbox"]:focus, #quiz input[type="checkbox"]:active {
background-color: #fff;
border: 0.0625rem solid #bf9b30;
}
#quiz input[type="radio"]:checked, #quiz input[type="checkbox"]:checked {
background-color: transparent;
border: 0;
}
#quiz input[type="radio"]:checked::before, #quiz input[type="checkbox"]:checked::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 1.4375rem;
height: 1.4375rem;
transform: translate(-50%, -50%);
}
#quiz input[type="radio"]:checked::before {
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/radio-button-x.svg) no-repeat;
}
#quiz input[type="checkbox"]:checked::before {
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/checkbox-x.svg) no-repeat;
}
#q-where-married .importance{
display:block;
}
.importance{
display:none;
clear: both;
padding-top:0.25rem;
}
.must-have, #quiz label.must, #quiz input[type="checkbox"].required{
display:none;
}
#venue-type #type-checkbox-container{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(43, 1fr);
grid-auto-flow: column;
max-width: 50rem;
}
#multi-venue-type #type-checkbox-container{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(44, 1fr);
grid-auto-flow: column;
max-width: 50rem;
}
@media only screen and (min-width: 32.5rem) {
#venue-type #type-checkbox-container, #multi-venue-type #type-checkbox-container{
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(22, 1fr);
}
}
@media only screen and (min-width: 45rem) {
#venue-type #type-checkbox-container, #multi-venue-type #type-checkbox-container{
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(15, 1fr);
}
}  
#q-type-of-venue #type-checkbox-container{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(27, 1fr);
grid-auto-flow: column;
max-width: 50rem;
}
@media only screen and (min-width: 32.5rem) {
#q-type-of-venue #type-checkbox-container{
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(14, 1fr);
}
}
@media only screen and (min-width: 45rem) {
#q-type-of-venue #type-checkbox-container{
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(9, 1fr);
}
}  
#amenities-container{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(16, 1fr);
grid-auto-flow: column;
max-width: 33.33rem;
}
@media only screen and (min-width: 32.5rem) {
#amenities-container{
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(8, 1fr);
}
}
.input-group.months{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(12, 1fr);
grid-auto-flow: column;
max-width: 33.33rem;
}
@media only screen and (min-width: 32.5rem) {
.input-group.months{
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(6, 1fr);
}
}
#spaces-checkbox-container{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(1, 1fr);
grid-auto-flow: column;
max-width: 33.33rem;
}
@media only screen and (min-width: 32.5rem) {
#spaces-checkbox-container{
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(1, 1fr);
}
}
#quiz fieldset#q-accommodations-guests{
display:none;
background:none !important;
padding-left:0;
padding-bottom:0.5rem;
}
#quiz p{
color:#2e3849;
}
#quiz h2 + p{
margin-top:-0.75rem;
}
.explanation {
display: none;
margin-top:-0.75rem;
}
#quiz .explanation p{
color:#506786;
}
button.more-info {
all: unset;
font-family: NB, serif;
display: inline-flex;
justify-content: center;
align-items: center;
margin-top: -1.5rem;
color: #506786;
text-decoration: none;
border-radius: 50%;
border: 0.0625rem solid #506786;
background-color: #fff;
width: 1.5rem;
height: 1.5rem;
font-size: 1rem;
line-height: 1.5rem;
cursor: pointer;
}
button.more-info:hover, button.more-info:focus, button.more-info:active {
color: #bf9b30;
border:  0.0625rem solid #bf9b30;
}
input[type="range"] {
width: 18.5rem;
appearance: none;
-webkit-appearance: none;
background: transparent;
margin: 0.75rem 0 0.5rem;
cursor: pointer;
}
@media only screen and (min-width: 45rem) {
input[type="range"] {
width: 22.5rem;
}
}  
input[type="range"]::-webkit-slider-runnable-track{
height: 0.25rem;
background: #d0bc85;
border-radius: 0.1875rem;
border:none;
margin-left:0;
}
input[type="range"]::-moz-range-track {
height: 0.25rem;
background: #d0bc85;
border-radius: 0.1875rem;
border:none;
margin-left:1.25rem;
}
input[type="range"]::-webkit-slider-thumb {
appearance: none;
-webkit-appearance: none;
width: 1rem;
height: 1rem;
padding:0.5rem;
border-radius: 50%;
background: #506786;
border: 0.1875rem solid #fff;
cursor: pointer;
margin-top: -0.5rem;
}
input[type="range"]::-moz-range-thumb{
width: 1rem;
height: 1rem;
border-radius: 50%;
background: #506786;
border: 0.1875rem solid #fff;
cursor: pointer;
}
input[type="range"]::-ms-track {
width: 100%;
height: 0.25rem;
background: transparent;
border-color: transparent;
color: transparent;
margin-left:1.25rem;
}
input[type="range"]::-ms-thumb {
width: 1rem;
height: 1rem;
border-radius: 50%;
background: #506786;
border: 0.1875rem solid #fff;
cursor: pointer;
}
input[type="range"]::-ms-fill-lower {
background: #d0bc85;
}
input[type="range"]::-ms-fill-upper {
background: #d0bc85;
}
datalist {
display: flex;
justify-content: space-between;
width: 20.5rem;
margin-top: -0.5rem;
font-size: 0.875rem;
color: #506786;
left: -0.9rem;
position: relative;
text-align: center;
}
@media only screen and (min-width: 45rem) {
datalist {
width: 24.5rem;
}
}
datalist option {
position: relative;
width: 3.25rem;
}
input[type="submit"]{
-webkit-appearance: none; 
-moz-appearance: none;
appearance: none; 
border:none;
color:#fff;
border-radius: 0.45rem;
padding: 0.7rem 1rem; 
font-size:1rem;
font-family: OR, sans-serif;
letter-spacing: 0.05em;
cursor: pointer;
margin-bottom: 0.5rem;
transition: all 0.3s;
background: #506786;
}
input[type="submit"]:focus, input[type="submit"]:hover, input[type="submit"]:active{
outline: none;
border-color: #2e3849;
background:#2e3849;
}
#q-device .input{
margin-bottom: 2rem;
}
#q-device .input label{
margin-left:0;
}
#q-info-website, #q-error-description, #q-reproduce, #q-device, #q-venue-name, #q-venue-relationship, #q-wrong, #q-feedback, #q-rate, #q-respond, #q-submit, .question#seated-guests, .question#guests-accommodate, .question#different-end, .question#need-to-be-over, .question#many-different-end, .question#end1, .question#end2, .question#end3, .question#end4, .question#end5, .question#end6, .question#end7, .question#end8, .question#end9, .question#end10, .question#ex-end1, .question#ex-end2, .question#ex-end3, .question#ex-end4, .question#ex-end5, .question#ex-end6, .question#ex-end7, .question#ex-end8, .question#ex-end9, .question#ex-end10, .question#out-catering, .question#catering-fee, .question#out-bar, .question#bar-fee, .question#indoor, .question#outdoor, .other, #different-rates-apply, #many-different-day, #many-different-month, #many-different-guest, #many-different-event, #many-different-capacity, #venue-capacity, #range-catering, #range-bar, #many-different-event-space, .multi-space, #submit-btn, #photo-link, #multi-photo-link{
display:none;
}
input[disabled]{
opacity: 0.5;
pointer-events: none;
}
input[disabled]+label{
opacity: 0.5;
pointer-events: none;
}
.modal {
display:none;
position:fixed;
top:0;
left:0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
justify-content: center;
align-items: center;
z-index: 9999;
}
.modal-content {
background: #fff;
padding: 2rem;
border-radius: 0.75rem;
text-align: center;
box-shadow: 0 0.625rem 1.5625rem rgba(0, 0, 0, 0.3);
animation: fadeIn 0.3s ease-out;
max-width: 70%;
}
#quiz .modal-content p{
color:#506786;
}
.modal-buttons {
display: flex;
justify-content: center;
gap: 1rem;
margin-top: 1rem;
}
button {
padding: 0.7rem 1rem;
border: none;
border-radius: 0.45rem;
cursor: pointer;
transition: 0.3s;
font-size:1rem;
height:2.8rem;
}
#confirmBtn {
background: #bf9b30;
color: #fff;
}
#cancelBtn {
background: #666;
color: #fff;
}
button:hover, #confirmBtn:hover {
opacity: 0.8;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.q{
display:inline;
}
.question{
padding:1rem 0;
}
.other{
padding-top:1rem;
}
#different-months .month, #different-guest .guest, #different-days .day, #different-event .event, #different-other .othering, .generated-event, .generated-day, .generated-month, .generated-guest, .generated-other, #different-event-space .event-space, .generated-event-space{
padding:0;
} 
#different-months .month h3, #different-guest .guest h3, #different-days .day h3, #different-event .event h3, #ex-end1 h3, #ex-end2 h3, #ex-end3 h3, #ex-end4 h3, #ex-end5 h3, #ex-end6 h3, #ex-end7 h3, #ex-end8 h3, #ex-end9 h3, #ex-end10 h3, #different-other .othering h3, .generated-event h3, .generated-day h3, .generated-month h3, .generated-guest h3, .generated-other h3, #different-event-space .event-space h3, .generated-event-space h3, #different-guest-capacities h3{
margin-bottom:0.5rem;
} 
#ex-end1, #ex-end2, #ex-end3, #ex-end4, #ex-end5, #ex-end6, #ex-end7, #ex-end8, #ex-end9, #ex-end10, .end-explain{
padding-top:0;
display:none;
}
#end1, #end2, #end3, #end4, #end5, #end6, #end7, #end8, #end9, #end10, .end-time {
padding-bottom:0;
display:none;
}
.input-group input[type="number"], .input-group input[type="text"], .input-group .input:last-of-type input[type="checkbox"], .input-group .input:last-of-type input[type="radio"]{
margin-bottom:0.5rem;
}
#event-pricing-questions-grid {
display: flex;
flex-direction: column;
gap: 2rem;
}
.pricing-card {
border-radius: 1rem;
padding: 1rem 0;
background: #fff;
}
.combo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
margin-top: 1rem;
}
.combo-block {
background: #f3f4ed;
border-radius: 0.5rem;
padding: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.combo-block.event-wedding-ceremonies {
background: #f3f4ed;
}
.combo-block.event-wedding-receptions {
background: #edf0f2;
}
.combo-block.event-wedding-ceremonies-with-receptions {
background: #f2eded;
}
.combo-block.event-rehearsal-dinners {
background: #f2edf2;
}
.combo-block.event-welcome-parties {
background: #ededf2;
}
.combo-block label {
font-weight: bold;
margin-bottom: 0.5rem;
}
.combo-block input {
padding: 0.5rem;
margin-top: 0.25rem;
}
.combo-block ul{
padding:0 0 0.75rem;
list-style-type: none;
margin:0;
margin-bottom: auto;
}
.combo-block li{
margin-bottom:0.5rem;
}
.combo-block li:last-of-type{
margin-bottom:0;
}
.combo-block strong{
color:#506786
}
#quiz .combo-block input[type="number"], #quiz .combo-block input[type="text"].number{
width:calc(100% - 2rem);
margin-top: auto;
}
#quiz .combo-block.model-packages input[type="number"], #quiz .guests input[type="text"].number, #quiz .combo-block.model-packages input[type="text"].number, #quiz .guests .number{
width:calc(50% - 2.875rem);
}
#quiz .guests input[type="number"], #quiz .guests input[type="text"].number{
max-width:10rem;
}
#quiz .pricing-card h3{
margin-top:0;
}
#quiz .pricing-card h2{
margin-bottom:0.5rem;
}
#progress-bar-container {
width: calc(100% - 3rem);
background-color: #f3f4ed;
height: 0.5rem;
border-radius: 0.25rem;
margin:2rem auto;
border:0.125rem solid #f3f4ed;
}
@media only screen and (min-width: 45rem) {
#progress-bar-container{
width: calc(100% - 6rem);
}
}
@media only screen and (min-width: 56rem) {
#progress-bar-container{
width: 100%;
}
}
#progress-bar {
height: 100%;
width: 0;
background-color: #bf9b30;
border-radius: 0.25rem;
transition: width 0.3s ease;
}
.navigation-buttons{
margin:2rem auto;
text-align: center;
}
#the-end{
margin-top:4rem;
}
#pricing-models-used-questions h1{
text-transform:capitalize;
margin-bottom:1.5rem;
}
#pricing-models-used-questions hr, .event-host-section, .extra-allowed-section, .extra-amenities-section, .extra-entertainment-section, .event-setting-section, .handicap-accessible-section, .hosts-style-section, .venue-type-section, .end-time-section, .guest-capacity-section, .venue-children-section, .specific-photo-section{
margin:0 0 1.5rem;
}
.event-host-section:first-of-type, .extra-allowed-section:first-of-type, .extra-amenities-section:first-of-type, .extra-entertainment-section:first-of-type, .event-setting-section:first-of-type, .handicap-accessible-section:first-of-type, .hosts-style-section:first-of-type, .venue-type-section:first-of-type, .end-time-section:first-of-type, .guest-capacity-section:first-of-type, .venue-children-section:first-of-type, .specific-photo-section:first-of-type{
padding-top:1rem;
}
.event-host-section:last-of-type, .extra-allowed-section:last-of-type, .extra-amenities-section:last-of-type, .extra-entertainment-section:last-of-type, .event-setting-section:last-of-type, .handicap-accessible-section:last-of-type, .hosts-style-section:last-of-type, .venue-type-section:last-of-type, .end-time-section:last-of-type, .guest-capacity-section:last-of-type, .venue-children-section:last-of-type, .specific-photo-section:last-of-type{
margin-bottom:1rem;
}
#pricing-models-used-1, #pricing-models-used-2, #pricing-models-used-3, #pricing-models-used-4, #pricing-models-used-5{
padding-top:1.5rem;
}
#event-pricing-questions-grid-1, #event-pricing-questions-grid-2, #event-pricing-questions-grid-3, #event-pricing-questions-grid-4, #event-pricing-questions-grid-5 {
margin-top:1.5rem;
border-top:0.0625rem solid #d0bc85;
padding-top:1rem;
display: none;
}
#multi-venue-host.question, #multi-venue-amenities.question, #multi-allowed-extras.question, #multi-enter-allowed.question, #multi-event-setting.question, #mulit-handicap-accessible.question, #multi-event-style.question, #multi-venue-type.question, #multi-end-time.question, #multi-guest-capacity.question, #multi-venue-children.question, #multi-photo-link.question{
padding:0;
}
.multi-space{
padding-bottom:0;
}
#quiz input[type="number"].input-error, #quiz input[type="email"].input-error, #quiz input[type="text"].input-error, #quiz input[type="tel"].input-error, 
#quiz input[type="url"].input-error, #quiz input[type="time"].input-error, #quiz input[type="checkbox"].input-error, #quiz input[type="radio"].input-error, #quiz select.input-error{  
border: 0.125rem solid red;
}
#loading-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(46, 56, 73, 0.8);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
z-index: 1000; 
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
#loading-overlay p{
color:#f3f4ed;
font-family:OB, sans-serif;
letter-spacing:0.1em;
}
.spinner {
border:4px solid #f3f4ed;
border-top:4px solid #bf9b30;
border-radius:50%;
width:30px;
height:30px;
animation:spin 1s linear infinite;
margin-bottom:10px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="url"]::placeholder, input[type="time"]::placeholder{
color: #999999;
opacity: 1;
} .quiz-results{
width:100%;
}
@media only screen and (min-width: 60rem) {
.quiz-results{
width:66%;
float: left;
}
} 
#info-form{
width:calc(100% - 3rem);
padding: 0 1.5rem 2rem;
display: block;
}
@media only screen and (min-width: 60rem) {
#info-form{
width:calc(34% - 3rem);
float: left;
padding: 0 1.5rem 2rem;
}
} 
@media only screen and (min-width: 75rem) {
#info-form{
padding: 0 3rem 2rem;
width:calc(34% - 6rem);
}
} 
#venues-results{
margin:0 auto 1.5rem;
display: grid;
} 
@media only screen and (min-width: 60rem) {
#venues-results{
margin:0 auto 3rem;
} 
} 
.venue{
margin:0;
padding:2rem 1.5rem 1rem;
position: relative;
}
@media only screen and (min-width: 75rem) {
.venue{
padding:2rem 3rem 1rem;
}
} 
.venue:nth-of-type(odd){
background: #f3f4ed;
}
.venue-contact-info{
order:1;
}
.headline-match{
order:2;
}
.query.match{
order:3;
}
.headline-mixed{
order:4;
}
.query.mixed{
order:5;
}
.headline-miss{
order:6;
}
.query.miss{
order:7;
}
.headline-unknown{
order:8;
}
.query.unknown{
order:9;
}
.data-source{
order:10;
border-top: 0.0625rem solid #d0bc85;
padding-top: 2rem;
margin-top:1rem;
}
.report-errors{
order:9;
}
.venue.no-display{
order:500000;
}
.headline-match, .headline-mixed, .headline-miss, .headline-unknown{
font-family: 'NB', serif;
color: #506786;
font-size:2rem;
margin:1rem 0 0;
padding-top:1rem;
border-top:0.0625rem solid #d0bc85;
padding-left:2.75rem;
}
.headline-match span, .headline-mixed span, .headline-miss span,.headline-unknown span, .venue-answer span {
color:#bf9b30;
}
.headline-match{
background: url(https://findyouraisle.com/wp-content/themes/wedding/images/green-check-icon.svg) no-repeat left;
background-size: 2rem 1.5rem;
background-position: 0 1.5rem;
}
.headline-mixed{
background: url(https://findyouraisle.com/wp-content/themes/wedding/images/blue-tilde-icon.svg) no-repeat left;
background-size: 2rem 0.8125rem;
background-position: 0 2rem;
}
.headline-miss{
background: url(https://findyouraisle.com/wp-content/themes/wedding/images/red-x-icon.svg) no-repeat left;
background-size: 2rem 2rem;
background-position: 0 1.35rem;
}
.headline-unknown{
background: url(https://findyouraisle.com/wp-content/themes/wedding/images/question-mark-icon.svg) no-repeat left;
background-size: 1.17360625rem 2rem;
background-position: 0 1.35rem;
}
.results{
display:grid;
grid-template-columns:6rem 1fr;
grid-template-areas: "score image" "text text";
}
@media only screen and (min-width: 40rem) {
.results{
display:grid;
grid-template-columns:9.375rem 12.5rem 1fr;
grid-template-areas: "score image text";
}
} 
.venue-text{
padding:1rem 0 0;
grid-area: text;
}
@media only screen and (min-width: 40rem) {
.venue-text{
padding:0 0 0 2rem;
}
} 
.venue-text a{
cursor: pointer;
}
.full-results {
display: none;
padding: 1.25rem 2rem;
background: #f3f4ed;
margin-top:2rem;
}
.venue:nth-of-type(odd) .full-results{
background: #fff;
}
input[type="checkbox"]:checked ~ .full-results {
display: grid;
position: relative;
left:0;
}
@media only screen and (min-width: 40rem) {
input[type="checkbox"]:checked ~ .full-results {
left:-23.875rem;
width: calc(100% + 19.875rem);
}
} 
.view-full-results{
display: grid;
grid-template-columns: 0 0 0 11.5rem 1fr;
grid-template-rows: auto;
}
.toggle-button {
cursor: pointer;
background: #506786;
color: #fff;
padding: 0.7rem 1rem;
border-radius: 0.45rem;
display: inline-block;
text-align: left;
grid-column-start: 4;
grid-column-end: 5;
border: 0.0625rem solid #506786;
font-size: 0.875rem;
font-family: OR, sans-serif;
letter-spacing: 0.05em;
position: relative;
transition: all 0.3s ease-in-out;
}
.toggle-button::before {
content: "";
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
width: 1rem;
height: 0.6667rem;
background: url(https://findyouraisle.com/wp-content/themes/wedding/images/down-arrow.svg) no-repeat center;
background-size: contain;
transition: transform 0.3s ease-in-out;
}
.toggle-button:hover,.toggle-button:active,.toggle-button:focus {
outline: none;
border-color: #2e3849;
background: #2e3849;
}
input[type="checkbox"]:checked ~ .view-full-results .toggle-button::before {
transform: translateY(-50%) rotate(180deg);
}
input[type="checkbox"]:checked ~ .view-full-results .toggle-button::after {
content: "Hide Full Results";
}
.toggle-button::after {
content: "View Full Results";
}
.venue-text h1{
font-family: 'NB', serif;
font-size: 2rem;
color: #506786;
margin-top:-0.5rem;
margin-bottom:0.8rem;
}
.venue-text h1 span{
display: block;
font-weight: normal;
font-size: 0.875rem;
color:#666;
font-family: 'OR', sans-serif;
}
.venue-text p a{
color:#bf9b30;
font-family: 'OB', serif;
font-weight: 700;
text-decoration: none;
}
.venue-text p.data-source a{
font-weight: normal;
font-family: 'OR', serif;
}
.venue-text p a:hover, .venue-text p a:focus, .venue-text p a:active{
color:#2e3849;
grid-area: score;
}
h2.question{
margin-bottom:0;
font-family: 'NB', serif;
color: #506786;
padding-left:2.75rem;
}
.venue-score{
height:6rem;
width:6rem;
opacity: 1.0;
background-color:#fff;
text-align: center;
color:#fff;
position: relative;
z-index: 100;
}
@media only screen and (min-width: 40rem) {
.venue-score{
height:9.375rem;
width: 9.375rem;
}
} 
.venue-score-bg{
background-color:#bf9b30;
height:6rem;
width:6rem;
position: absolute;
top:0;
}
@media only screen and (min-width: 40rem) {
.venue-score-bg{
height:9.375rem;
width: 9.375rem;
}
} 
.venue-score h2{
font-size:2rem;
text-align:center;
font-family: 'NB', serif;
grid-area: image;
}
@media only screen and (min-width: 40rem) {
.venue-score h2{
font-size:3rem;
}
} 
.venue-score h2 span{
font-size:0.6875rem;
position: relative;
top:-0.5rem;
}
@media only screen and (min-width: 40rem) {
.venue-score h2 span{
font-size:1.125rem;
}
} 
.venue-image{
grid-area: score / image;
position: relative;
left:-6rem;
}
@media only screen and (min-width: 40rem) {
.venue-image{
grid-area: image;
left:0;
}
} 
.venue-image{
height:auto;
width:calc(100% + 6rem);
}
.venue-image img{
height:auto;
width:100%;
}
@media only screen and (min-width: 40rem) {
.venue-image, .venue-image img{
height:9.375rem;
width: 12.5rem;
}
} 
.venue-contact-info h1{
font-family: 'NB', serif;
margin:0;
color: #506786;
}
.venue-contact-info ul{
list-style: none;
line-height: 1.5rem;
padding-left:0;
margin-top:0.5rem;   
margin-bottom:1rem; 
}
.venue-contact-info ul strong{
font-family: 'NB', serif;
}
#info-form h2, #send-details h1{
margin-bottom:0;
}
.venue.no-display{
padding: 1rem 1.5rem;
}
@media only screen and (min-width: 75rem) {
.venue.no-display{
padding: 1rem 3rem;
}
} 
.venue.no-display p{
margin-bottom:0;
}
.explainer{
padding-top:2rem;
}
#send-icon{
display: block;
width:2rem;
height:auto;
position: fixed;
top:1.5rem;
right:2rem;
opacity: 1.0;
z-index: 1000;
}
@media only screen and (min-width: 60rem) {
#send-icon{
display: none !important;
}
} 
#send-icon a{
opacity: 1.0;
}
#send-icon a:hover, #send-icon a:focus, #send-icon a:active{
opacity: 0.75;
}
#number-of-sends{
font-family: OR;
background:#bf9b30;
color:#fff;
border-radius: 50%;
text-align: center;
width:1.25rem;
height:1.25rem;
display: block;
font-size:0.75rem;
line-height: 1.25rem;
position: absolute;
top:0.75rem;
left:1.25rem;
}
#show-more-button, .blue-button{
background: #2e3849;
color: #fff;
font-family: OB, sans-serif;
margin:0 auto;
display: block;
margin-bottom:5rem;
border-radius: 0.45rem;
padding: 0.75rem 1.5rem;
font-size: 1rem;
letter-spacing: 0.05em;
cursor: pointer;
transition: all 0.3s;
border:0;
}
#show-more-button:hover, .blue-button:hover{
background: #bf9b30;
}
#venues-results > *:nth-child(n+11){
display: none;
} #send-details{
background:#2e3849;
}
.venue-checkbox{
display:none;
}
#send-details fieldset{
border: 0;
padding:1rem;
}
#send-details .input{
clear:both;
margin-bottom:1rem;
}
#send-details .input.flexible{
margin-top:2rem;
}
#send-details h1 {
font-family: 'NB', serif;
color: #d0bc85;
font-size: 1.5rem;
margin-top: 0;
background-image: url(https://findyouraisle.com/wp-content/themes/wedding/images/send-icon.svg);
background-repeat: no-repeat;
background-size: 2rem;
background-position-y: 0.35rem;
padding-left:3rem;
}
@media only screen and (min-width: 60rem) {
#send-details h1 {
font-family: 'NB', serif;
color: #d0bc85;
font-size: 1.5rem;
margin-top: 0;
padding-left:0;
background:none;
}
}
#send-details p {
color:#fff;
margin-bottom: 0;
}
#send-details label {
font-size: 1rem;
letter-spacing: 0.05em;
cursor: pointer;
float: left;
width: calc(100% - 3rem);
margin-bottom: 0.5rem;
color:#d0bc85;
transition: all 0.3s;
}
#send-details #venue-send-container label, #send-details label.indented{
margin-left: 0.75rem;
}
#send-details label:hover, #send-details label:focus, #send-details label:active {
color:#bf9b30;
}
#send-details input[type="checkbox"] {
left: 0.2rem;
width: 1.125rem;
height: 1.125rem;
}
#send-details input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
background-color: #fff;
border: 0.0625rem solid #d0bc85;
outline: none;
cursor: pointer;
transition: all 0.3s;
float: left;
margin-bottom: 0.5rem;
}
#send-details input[type="checkbox"]:hover, #send-details input[type="checkbox"]:focus, #send-details input[type="checkbox"]:active {
background-color: #fff;
border: 0.0625rem solid #bf9b30;
}
#send-details input[type="checkbox"]:checked {
background-color: transparent;
border: 0;
}
#send-details input[type="checkbox"]:checked::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 1.4375rem;
height: 1.4375rem;
transform: translate(-50%, -50%);
}
#send-details input[type="checkbox"]:checked::before {
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/checkbox-check.svg) no-repeat;
top:40%;
}
#send-details .note{
color:#fff;
margin-top:1rem;
}
.venue-details-check{
display: block;
}
#venue-send-container{
padding:1rem 0;
overflow: auto;
}
#send-details input[type="text"], #send-details input[type="email"], #send-details input[type="tel"], #send-details input[type="date"], 
#send-details textarea {
font-size: 1rem;
color: #506786;
border-radius: 0.25rem;
border: 0.0625rem solid #2e3849;
width: calc(100% - 2rem);
}
#send-details input[type="text"]:hover, #send-details input[type="text"]:focus, #send-details input[type="text"]:active,
#send-details input[type="email"]:hover, #send-details input[type="email"]:focus, #send-details input[type="email"]:active,
#send-details input[type="tel"]:hover, #send-details input[type="tel"]:focus, #send-details input[type="tel"]:active,
#send-details input[type="date"]:hover, #send-details input[type="date"]:focus, #send-details input[type="date"]:active,
#send-details textarea:hover, #send-details textarea:focus, #send-details textarea:active {
border: 0.0625rem solid #bf9b30;
outline-width: 0;
outline: none;
}
#send-details input[type="text"], #send-details input[type="email"], #send-details input[type="tel"], #send-details input[type="date"] {
height: 2rem;
padding: 0 0.5rem;
}
#send-details textarea{
padding:0.5rem;
}
.hidden{
display:none !important;
}
#send-details input[type="submit"], input[type="submit"]#reset_form {
background: #bf9b30;
color: #fff;
border-radius: 0.45rem;
padding: 0.7rem 1rem;
font-size: 1rem;
font-family: OR, sans-serif;
letter-spacing: 0.05em;
cursor: pointer;
margin-bottom: 0.5rem;
transition: all 0.3s;
border:0;
}
#send-details input[type="submit"]:focus, #send-details input[type="submit"]:hover, #send-details input[type="submit"]:active,
input[type="submit"]#reset_form:focus, input[type="submit"]#reset_form:hover, input[type="submit"]#reset_form:active {
background: #d0bc85;
}
input[type="submit"].submitbtn{
margin-right:1rem;
}
.venue-icons{
padding-top:1rem;
grid-column:1 / 4;
overflow: visible;
}
.venue-icons div{
margin-right:1rem;
margin-bottom:1rem;
}
.icon-miss img, .icon-mixed img, .icon-match img, .icon-unknown img{
cursor: pointer;
position:relative;
margin: 0 auto;
display:block;
}
.icon-miss img{
width:1.75rem;
height:1.75rem;
top:0.125rem;
}
.icon-mixed img{
width:1.875rem;
height:0.75rem;
top:0.56rem;
}
.icon-match img{
width:1.875rem;
height:1.352rem;
top:0.264rem;
}
.icon-unknown img{
height:1.875rem;
width:1.173125rem;
}
.icon-miss, .icon-mixed, .icon-match, .icon-unknown{
position: relative;
display: inline-block;
vertical-align: top;
}
.icon-miss:hover .image-title, .icon-mixed:hover .image-title, .icon-match:hover .image-title, .icon-unknown:hover .image-title, .icon-miss:focus .image-title, .icon-mixed:focus .image-title, .icon-match:focus .image-title, .icon-unknown:focus .image-title{
opacity:1;
visibility: visible;
pointer-events: auto;
}
.image-title{
position: absolute;
top:0;
color: white;
padding: 0.4rem 0.8rem;
opacity: 0;
visibility: hidden;
pointer-events: none;
margin-bottom:0;
border-radius: 0.45rem;
transition: opacity 0.3s, visibility 0.3s;
z-index: 1000;
cursor: default;
white-space: nowrap;
}
.icon-miss .image-title {
background: rgba(204, 0, 0, 0.6);
}
.icon-mixed .image-title{
background: rgba(80, 103, 134, 0.6);
}
.icon-match .image-title{
background: rgba(0, 153, 51, 0.6);
}
.icon-unknown .image-title{
background: rgba(0, 0, 0, 0.6);
}
.accommodations-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/accommodations-icon.svg) no-repeat;
height:1.875rem;
width:2.07335rem;
}
.icon-miss.accommodations-icon, .icon-mixed.accommodations-icon, .icon-unknown.accommodations-icon{
background-position-x: 0.5rem;
}
.icon-match.accommodations-icon{
background-position-x: 0.375rem;
}
.location-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/location-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.icon-miss.location-icon, .icon-match.location-icon{
background-position-x: 0.375rem;
}
.type-of-event-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/type-of-event-icon.svg) no-repeat;
height:1.875rem;
width:2.132rem;
}
.style-of-event-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/style-of-event-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.budget-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/budget-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.icon-miss.budget-icon{
background-position-x: 0.44rem;
}
.icon-mixed.budget-icon, .icon-match.budget-icon, .icon-unknown.budget-icon{
background-position-x: 0.4rem;
}
.coordinator-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/coordinator-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.icon-miss.coordinator-icon, .icon-match.coordinator-icon, .icon-unknown.coordinator-icon{
background-position-x: 0.28rem;
}
.catering-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/catering-icon.svg) no-repeat;
height:1.875rem;
width:2.192rem;
}
.icon-miss.catering-icon, .icon-match.catering-icon, .icon-unknown.catering-icon{
background-position-y: 0.32rem;
background-position-x: 0.008rem;
}
.bar-drinks-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/bar-drinks-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.icon-miss.bar-drinks-icon, .icon-match.bar-drinks-icon{
background-position-x: -0.024rem;
}
.end-time-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/end-time-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.entertainment-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/entertainment-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.allow-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/allow-icon.svg) no-repeat;
height:2.25rem;
width:1.875rem;
}
.icon-miss.allow-icon, .icon-mixed.allow-icon, .icon-match.allow-icon, .icon-unknown.allow-icon{
background-position-x: 0.52rem;
}
.handicap-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/handicap-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.icon-miss.handicap-icon, .icon-match.handicap-icon, .icon-unknown.handicap-icon{
background-position-x: 0.2rem;
}
.children-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/children-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.capacity-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/capacity-icon.svg) no-repeat;
height:1.875rem;
width:1.9625rem;
}
.icon-miss.capacity-icon, .icon-match.capacity-icon, .icon-unknown.capacity-icon{
background-position-y: 0.4rem;
}
.type-of-venue-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/type-of-venue-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.icon-miss.type-of-venue-icon, .icon-match.type-of-venue-icon{
background-position-x: 0.16rem;
}
.amenities-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/amenities-icon.svg) no-repeat;
height:1.875rem;
width:1.9625rem;
}
.vendors-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/vendors-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.icon-miss.vendors-icon, .icon-unknown.vendors-icon{
background-position-x: 0.2rem;
}
.setting-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/setting-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.icon-miss.setting-icon, .icon-match.setting-icon, .icon-unknown.setting-icon{
background-position-y: 0.2rem;
}
.lgbtq-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/lgbtq-icon.svg) no-repeat;
height:1.875rem;
width:2.1875rem;
}
.icon-miss.lgbtq-icon, .icon-match.lgbtq-icon, .icon-unknown.lgbtq-icon{
background-position-y: 0.4rem;
}
.minority-icon{
background:transparent url(https://findyouraisle.com/wp-content/themes/wedding/images/minority-icon.svg) no-repeat;
height:1.875rem;
width:1.875rem;
}
.query .icon-match, .query .icon-miss, .query .icon-mixed, .query .icon-unknown{
margin-right:1rem;
margin-top:1.75rem;
float:left;
}
.query .icon-match img, .query .icon-miss img, .query .icon-mixed img, .query .icon-unknown img{
cursor: default;
} #sent-details, #page{
background: #f3f4ed;
padding:2rem 1.5rem;
margin: 0;
}
@media only screen and (min-width: 45rem) {
#sent-details, #page {
padding:2rem 3rem;
}
}
.details-sent, .page-content, .add-venue-quiz{
max-width: 50rem;
margin:0 auto;
}
#sent-details h1, .page-content h1, #add-venue .header h1 {
font-family: 'NB', serif;
color: #506786;
font-size: 1.5rem;
margin-top: 0;
} #page .page-content h1, #add-venue .header h1{
font-size: 2.5rem;
margin-bottom: 0;
}
.page-content h2, .page-content h3, .page-content table thead {
font-family: 'NB', serif;
color: #506786;
text-transform:capitalize;
margin-bottom:0;
}
.page-content h4.update-date{
margin:0 0 2em;
font-family: 'OR', serif;
font-weight: normal;
}
.page-content table{
margin:1.5rem 0;
}
.page-content table thead {
background-color: #fff;
}    
.page-content table tr:nth-of-type(even){
background-color: #fff;
}
.page-content table td, .page-content table th{
padding:0.5rem 1rem;
} #footer {
background: #2e3849;
padding: 1.5rem;
color:#fff;
clear:both;
}
@media only screen and (min-width: 45rem) {
#footer {
padding: 3rem;
}
} 
#footer h2 span{
text-indent:-999999999999em;
display: inline;
clip-path: inset(0 0 0 100%); 
}
#footer h2 a{
background: url(https://findyouraisle.com/wp-content/themes/wedding/images/logo-footer.svg) no-repeat;
width:18rem;
height:2.63rem;
margin:0;
display: block;
opacity: 1.0;
}
@media only screen and (min-width: 45rem) {
#footer h2 a{
width:25.625rem;
height:3.75rem;
}
}  
#footer h2 a:hover, #footer h2 a:active, #footer h2 a:focus{
opacity: 0.6;
}
#footer a{
color:#d0bc85;
text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active{
color:#bf9b30;
}
#footer #copyright{
margin-top:2rem;
}
#footer #copyright p{
font-size:0.8rem;
margin-bottom: 0;
}
#footer ul{
list-style:none;
line-height: 2rem;
padding-left:0;
}
#footer a.gold-button{
color: #fff;
margin-top:1rem;
display: block;
width:8.3rem;
}
@media only screen and (min-width: 45rem) {
#footer a.gold-button{
float:right;
display: inline;
width: auto;
}
}  
.gold-button{
background:#bf9b30;
color:#fff;
border-radius: 0.45rem;
padding: 0.5rem 1rem; 
font-size:1rem;
font-family: OR, sans-serif;
letter-spacing: 0.05em;
cursor: pointer;
margin-bottom: 0.5rem;
transition: all 0.3s;
}
.gold-button:focus, .gold-button:hover, .gold-button:active{
background:#d0bc85;
}