.reCAPTCHA {
content: '6LdeNFEpAAAAAG6sjxRuUQulwpsBGmBlKRNJWpBF'
content: '6LdeNFEpAAAAALs2QiKbU0W_yN9mxzw5UzLSnJ3g'
} @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&display=swap");
@font-face {
font-family: 'Abuget';
src: url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/fonts/Abuget/Abuget.eot);
src: url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/fonts/Abuget/Abuget.eot?#iefix) format('embedded-opentype'),
url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/fonts/Abuget/Abuget.woff2) format('woff2'),
url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/fonts/Abuget/Abuget.woff) format('woff'),
url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/fonts/Abuget/Abuget.ttf) format('truetype'),
url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/fonts/Abuget/Abuget.svg#Abuget) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--dark: #101010;
--small-spacing: 2rem;
--large-spacing: 4rem;
}
body { font-family: 'Open Sans', sans-serif; } .preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
background: black;
z-index: 999999;
}
.preloader .spinner {
margin: 100px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.preloader .spinner > div {
background-color: white;
height: 100%;
width: 3px;
margin-right: 2px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.preloader .spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.preloader .spinner .rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.preloader .spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.preloader .spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4) 
}
20% {
-webkit-transform: scaleY(1.0) 
}
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
} .block {
width: 100%;
padding: var(--small-spacing);
}
.block.small-padding { padding: var(--small-spacing); }
@media (min-width: 768px) {
.block { padding: var(--large-spacing); }
.block.padding-small { padding: var(--small-spacing); }
.p-md-block { padding: var(--large-spacing); }
}
@media (min-width: 992px) { .p-lg-block { padding: var(--large-spacing); } }
@media (max-width: 991.98px) { .container { max-width: none; } }
.framed-block {
padding: var(--small-spacing);
border: solid 8px var(--dark);
}
@media (min-width: 992px) { .framed-block { padding: var(--large-spacing); } }
@media (min-width: 1500px) { .framed-block { margin: 0 calc(0% - var(--large-spacing)); border: none; outline: solid 8px var(--dark); } }
.img-src-set img { width: 100%; height: auto; } .bg-leather {
background-image: url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/images/black-leather.jpg);
background-size: cover;
background-position: center;
background-repeat: repeat;
}
@media (min-width: 992px) {
.bg-leather { background-size: 65% auto; }
}
.block.promo-item {
background-image: url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/images/offer-mobile-background.png);
background-position: bottom right;
background-size: cover;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.block.promo-item {
background-image: url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/images/offer-background-left.png), url(//mistressaylareid.com/wp-content/themes/Miss-Ayla-Reid/assets/images/offer-background-right.png);
background-position: bottom right, bottom left;
background-size: cover;
background-repeat: no-repeat;
}
} p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child,
.display-1:last-child, .display-2:last-child, .display-3:last-child, .display-4:last-child, .display-5:last-child, .display-6:last-child,
ul:last-child, ol:last-child {
margin-bottom: 0px;
}
.special { font-family: 'Abuget'!Important; }
.serif,
.wp-content h3, .wp-content h4, .wp-content h5 { font-family: 'Cormorant Garamond', serif; }
.display-1.special { font-size: calc(1.625rem + 7.5vw); }
@media (min-width: 1200px) { .display-1.special { font-size: 7rem; } } .hamburger {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
cursor: pointer;
transition-timing-function: linear;
transition-duration: 0.15s;
transition-property: opacity, filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent;
display: flex;
justify-content: flex-end;
}
.hamburger.is-active:hover,
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
background-color: var(--blue);
}
.hamburger-box {
position: relative;
display: inline-block;
width: 40px;
height: 24px;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
position: absolute;
width: 40px;
height: 3px;
transition-timing-function: ease;
transition-duration: 0.15s;
transition-property: transform;
border-radius: 3px;
background-color: var(--blue);
}
.hamburger-inner:after {
width: 25px;
left: 15px;
}
.hamburger-inner:after,
.hamburger-inner:before {
display: block;
content: "";
}
.hamburger-inner:before {
top: -10px;
}
.hamburger-inner:after {
bottom: -10px;
}
.hamburger--squeeze .hamburger-inner {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 75ms;
}
.hamburger--squeeze .hamburger-inner:before {
transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease, opacity 75ms ease 0.12s;
opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
width: 40px;
bottom: 0;
transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transform: rotate(-90deg);
left: 0;
}
.hamburger {
padding: 0px;
transform: scale(0.75);
transform-origin: right;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
background-color: white;
}
nav#navigation {
position: fixed;
width: 100%;
padding-top: 3rem;
color: white;
z-index: 3;
transition: padding-top 0.3s ease, background-color 0.6s ease;
}
nav#navigation.nav-sticky {
padding-top: 1rem;
background-color: var(--dark);
}
nav#navigation .profile-panel-toggle {
cursor: pointer;
}
nav#navigation .profile-panel {
position: fixed;
top: 0;
right: -450px;
width: 100%;
max-width: 450px;
height: 100vh;
background: red;
transition: right 0.3s ease;
overflow: scroll;
-webkit-overflow-scrolling: touch;
z-index: 99;
}
nav#navigation .profile-panel.show {
right: 0;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
}
nav#navigation .profile-panel .profile-body {
color: #101010;
}
nav#navigation .profile-panel .profile-body .profile-image {
width: 130px;
height: 130px;
border-radius: 50%;
overflow: hidden;
}
nav#navigation .profile-panel .profile-body .intro .icons {
font-size: 1.5rem;
}
nav#navigation .profile-panel .profile-body article {
margin-bottom: 3rem;
}
nav#navigation .profile-panel .profile-body article:last-child {
margin-bottom: 0;
}
nav#navigation .profile-panel-cover {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, 0.75);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 98;
}
nav#navigation .profile-panel-cover.show {
width: 100vw;
height: 100vh;
opacity: 1;
}
.nav-bg-dark { background-color: var(--dark); } header {
position: relative;
width: 100%;
height: 75vh;
min-height: 45rem;
background-color: var(--dark);
overflow: hidden;
margin-bottom: calc(-2 * var(--small-spacing));
}
@media (min-width: 768px) { header { margin-bottom: calc(-2 * var(--large-spacing)); } }
header video {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 0;
display: none;
}
header #header-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
header #header-image img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 768px) {
header #header-image #desktop { display: block; }
header #header-image #mobile { display: none; }
}
@media (hover: hover) {
header video { display: block; }
_header #video-poster { display: none; }
}
header .container {
position: relative;
z-index: 2;
}
header .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: var(--dark);
opacity: 0.5;
z-index: 1;
}
#intro {
position: relative;
z-index: 2;
} .image-hover {
display: block;
position: relative;
width: 100%;
color: white!Important;
background-color: var(--dark);
overflow: hidden;
}
.image-hover:after {
content: "";
display: block;
padding-bottom: 100%;
}
.image-hover .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: 'Cormorant Garamond', serif;
}
.image-hover .inner {
position: absolute;
top: -1%;
left: -1%;
width: 102%;
height: 102%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: 0.3s ease;
}
.image-hover .inner:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--dark);
opacity: 0.5;
}
.image-hover:hover .inner {
top: -10%;
left: -10%;
width: 120%;
height: 120%;
}
.image-hover .inner img {
width: 100%;
height: 100%;
object-fit: cover;
} footer.block {
background: var(--dark);
padding-top: 0;
padding-bottom: 0;
margin-top: var(--small-spacing);
}
footer.block .block {
transform: translateY( calc(0% - var(--small-spacing)) );
}
@media (min-width: 768px) {
footer.block { margin-top: var(--large-spacing); }
footer.block .block { transform: translateY( calc(0% - var(--large-spacing)) ); }
}
footer a { text-decoration: none; }  @media (max-width: 991.99px) {
.modal-dialog {
max-width: 1000px;
margin-left: var(--large-spacing);
margin-right: var(--large-spacing);
}
}
@media (max-width: 767.99px) {
.modal-dialog {
margin-left: var(--small-spacing);
margin-right: var(--small-spacing);
}
}
*:focus {
outline: unset!Important;
box-shadow: unset!Important;
}
#reviews-carousel .carousel-indicators,
#twitter-carousel .carousel-indicators {
_position: relative;
bottom: unset;
margin-bottom: var(--small-spacing);
}
#reviews-carousel .carousel-indicators .active,
#twitter-carousel .carousel-indicators .active { background-color: #dc3545; } #reviews-carousel .carousel-inner,
#twitter-carousel .carousel-inner {
min-height: 100px;
display: flex;
align-items: center;	
}
#reviews-carousel .carousel-control-next,
#reviews-carousel .carousel-control-prev,
#twitter-carousel .carousel-control-next,
#twitter-carousel .carousel-control-prev { width: 30px; }
#reviews-carousel .carousel-control-prev,
#twitter-carousel .carousel-control-prev { left: -30px; }
#reviews-carousel .carousel-control-next,
#twitter-carousel .carousel-control-next { right: -30px; } .merch__image {	width: 100%; }
.merch__image img {	width: 100%; height: auto; } .image-pair { position: relative; }
.image-pair img { display: block; width: 100%; height: auto; }
.image-pair img:nth-child(2){
position: absolute;
top: 0;
left: 0;
z-index: 1;
animation: fadeInOut 4s infinite; }
@keyframes fadeInOut {
0% {
opacity: 0; }
12.5% {
opacity: 1; }
62.5% {
opacity: 1; }
75% {
opacity: 0; }
100% {
opacity: 0; }
} .cf7-form p { margin-bottom: 0px; }
.cf7-form br { display: none; }
.wpcf7 form .wpcf7-response-output { margin: 0; }
.wpcf7-not-valid-tip {
padding: 6px 10px;
background: #dc3545;
margin-top: 7px;
border-radius: 3px;
margin-bottom: 0.5rem;
color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
color: #fff;
background: #ffb900;
padding: 10px 15px;
border-radius: 4px;
margin-top: 0.75rem;
}
.wpcf7 form.sent .wpcf7-response-output {
color: white;
background-color: #46b450;
border-color: #46b450;
border-radius: 0.25rem;
margin-top: 1rem;
}
.wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
transform: translate(-50%, -50%);
} [data-hour="0"], [data-hour="1"], [data-hour="2"], [data-hour="3"], [data-hour="4"], [data-hour="5"], [data-hour="6"], [data-hour="7"], 
._xdsoft_weekend { pointer-events: none; opacity: 0.5; }
[data-hour="0"], [data-hour="1"], [data-hour="2"], [data-hour="3"], [data-hour="4"], [data-hour="5"], [data-hour="6"], [data-hour="7"] { display: none; }