html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
font-size: 100%;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
table {
border-collapse: collapse;
border-spacing: 0; }
a {
text-decoration: none; }
body, html {
margin: 0;
padding: 0;
font-size: 10px; }
b, strong {
font-weight: bold; }
.single-post-page {
padding: 0 0 3rem; }
.single-post-page .container {
position: relative; }
.single-post-page .share-container {
position: absolute;
left: -10rem;
top: 11.5rem; }
.single-post-page .share-container .share {
transform: rotate(-90deg);
position: relative;
left: -35%;
margin: 0 0 10rem; }
.single-post-page .share-container .share:after {
content: '';
position: absolute;
top: 50%;
left: -100%;
width: 5rem;
height: 1px;
background-color: rgba(2, 19, 19, 0.5); }
.single-post-page .share-buttons {
margin: 0;
padding: 0;
list-style-type: none; }
.single-post-page .share-buttons li {
margin-bottom: 1rem;
width: 2rem;
text-align: center; }
.single-post-page .share-buttons li a i {
color: #63B7AF;
transition: all ease-in-out .2s; }
.single-post-page .share-buttons li a:hover i {
color: #021313; }
.single-post-page .share-buttons li:last-of-type {
margin: 0; }
.single-post-page .post-author-container {
position: relative;
top: -4rem;
justify-content: center;
z-index: 99;
margin: 0 0 -4rem; }
.single-post-page .post-author-container .post-author-title-container {
display: flex;
flex: 0 0 100%;
justify-content: center;
position: absolute;
top: -4rem; }
.single-post-page .post-author-container .post-author-title-container p {
margin: 0;
font-size: 1.6rem;
color: white;
font-weight: 100; }
.single-post-page .post-author-container .post-pic {
width: 8rem;
padding-bottom: 8rem;
border-radius: 50%; }
.single-post-page .wysiwyg, .single-post-page .img-container {
margin: 0 0 4.5rem; }
.single-post-page .img-container {
width: 100%;
padding-bottom: 62%; }
.single-post-page .plyr {
max-width: 60rem;
margin: 0 auto 4.5rem; }
@media screen and (max-width: 1024px) {
.single-post-page .share-container {
left: -5rem; } }
@media screen and (max-width: 925px) {
.single-post-page .share-container {
left: 0;
top: 2.5rem;
display: flex; }
.single-post-page .share-container .share {
transform: rotate(0deg);
left: 0;
margin: 0 7rem 0 0; }
.single-post-page .share-container .share:after {
left: 110%; }
.single-post-page .share-container .share-buttons {
display: flex; }
.single-post-page .share-container .share-buttons li {
margin: 0 1.5rem 0 0; }
.single-post-page .share-container .share-buttons li:last-of-type {
margin: 0; } }
@media screen and (max-width: 650px) {
.single-post-page {
padding-bottom: 2rem; }
.single-post-page .post-author-container {
margin: 0 0 -2rem; }
.single-post-page .share-container {
top: 6rem; }
.single-post-page .wysiwyg, .single-post-page .img-container {
margin: 0 0 3rem; }
.single-post-page .plyr {
max-width: 100%;
margin: 0 auto 3rem; } }
body, html {
font-size: 10px;
overflow-x: hidden; }
* {
box-sizing: border-box;
font-family: itc-avant-garde-gothic-pro, sans-serif;
color: #021313; }
.container {
max-width: 90%;
width: 1240px;
margin: 0 auto; }
.container.container-2 {
width: 1024px; }
.container.container-3 {
width: 700px; }
.container.container-4 {
width: 800px; }
.container.container-5 {
width: 1370px; }
.container.container-6 {
width: 1140px; }
img {
max-width: 100%;
height: auto; }
.img-container {
position: relative;
overflow: hidden; }
.img-container > img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover; }
.img-container > img + .container {
position: relative;
z-index: 1; }
section {
padding: 8rem 0; }
.cap {
text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 {
font-weight: 400; }
h3, h4, h5, h6 {
margin: 0 0 1.5rem;
font-size: 2.4rem;
line-height: 1.3; }
h1 {
font-size: 7rem;
margin: 0;
color: white;
text-align: center;
letter-spacing: 3px; }
h2 {
font-size: 5rem;
margin: 0 0 3.5rem;
line-height: 1.2; }
.subtitle {
color: #F8B400;
font-size: 1.4rem;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 1.5rem; }
.wysiwyg ul {
list-style-type: none;
margin: 2.5rem 0;
padding: 0 0 0 2rem; }
.wysiwyg ul li {
position: relative;
margin-bottom: .5rem; }
.wysiwyg ul li:before {
content: '';
position: absolute;
top: .65rem;
left: -2rem;
width: .9rem;
height: .9rem;
background-color: #2C786C;
border-radius: 50%; }
.wysiwyg ul li:last-of-type {
margin: 0; }
.wysiwyg p strong {
margin: 0; }
.flex {
display: flex;
flex-wrap: wrap; }
p, li {
font-size: 1.8rem;
line-height: 1.6;
color: rgba(2, 19, 19, 0.75);
letter-spacing: 0.4px; }
p:first-of-type, li:first-of-type {
margin-top: 0; }
p:last-of-type, li:last-of-type {
margin-bottom: 0; }
a, span {
text-decoration: none;
transition: all ease-in-out .2s;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #63B7AF; }
a:hover {
color: #021313; }
@media screen and (max-width: 1024px) {
body, html {
font-size: 8px; }
.wysiwyg a:hover {
color: #63B7AF; } }
@media screen and (max-width: 650px) {
h1 {
font-size: 4.33rem; }
h2 {
font-size: 3.7rem;
margin: 0 0 2rem; }
.subtitle {
font-size: 1.25rem; }
section {
padding: 5rem 0; }
p, li {
font-size: 1.4rem; } }
.page-template-page-tokyo .banner h1, .page-template-page-about .banner h1, .blog .banner h1 {
text-transform: uppercase; }
.single-post .banner.secondary-banner {
padding: 20% 0 10%; }
.banner {
padding: 21% 0;
text-align: center; }
.banner span {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(2, 19, 19, 0.15);
z-index: 3; }
.banner h1, .banner p, .banner .button {
position: relative;
z-index: 9; }
.banner p {
color: white;
font-size: 2.4rem;
font-weight: 100;
letter-spacing: 0.4px;
margin: 2.5rem 0 0; }
.banner .button {
margin: 5rem 0 0; }
.banner:before {
content: '';
position: absolute;
top: -25%;
left: 50%;
transform: translateX(-75%);
width: 1023px;
height: 1023px;
background-color: rgba(2, 19, 19, 0.4);
border-radius: 50%;
z-index: 1; }
.banner:after {
content: '';
position: absolute;
bottom: -25%;
right: 50%;
transform: translateX(75%);
width: 1023px;
height: 1023px;
background-color: rgba(2, 19, 19, 0.44);
border-radius: 50%; }
.banner.secondary-banner {
padding: 20% 0 5%; }
.banner.secondary-banner:after {
bottom: -125%; }
@media screen and (max-width: 800px) {
.banner.secondary-banner {
padding: 30% 0 10%; }
.single-post .banner.secondary-banner {
padding: 25% 0 15%; } }
@media screen and (max-width: 650px) {
.banner {
padding: 25% 0; }
.banner p {
font-size: 1.5rem;
margin: 1.5rem 0 0; }
.banner .button {
margin: 4rem 0 0; } }
@media screen and (max-width: 500px) {
.single-post .banner.secondary-banner {
padding: 40% 0 25%; } }
@media screen and (max-width: 450px) {
.banner {
padding: 40% 0 20%; }
.banner.secondary-banner {
padding: 40% 0 20%; } }
.button {
display: inline-block;
background-color: #63B7AF;
color: white;
padding: 2rem 3rem;
cursor: pointer;
transition: all ease-in-out 0.2s;
font-weight: 500;
font-size: 1.4rem;
align-self: center;
border-radius: 28px;
letter-spacing: 1.2px;
min-width: 20rem;
border: 1px solid #63B7AF;
text-align: center;
box-shadow: 0 1rem 1rem 0 rgba(99, 183, 175, 0.4);
text-transform: uppercase;
outline: none;
-webkit-appearance: none; }
.button:hover {
background: transparent;
box-shadow: 0 0 0 0 rgba(99, 183, 175, 0);
color: #63B7AF; }
.button.button-secondary {
background: transparent;
box-shadow: 0 0 0 0 rgba(99, 183, 175, 0); }
.button.button-secondary:hover {
background: #63B7AF;
color: white; }
.button.brochure {
position: relative;
padding: 2rem 3rem 2rem 5.5rem; }
.button.brochure:before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 3.5rem;
width: 15px;
height: 19px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/download.svg);
transition: all ease-in-out .2s; }
.button.brochure:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 3.5rem;
width: 15px;
height: 19px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/download-teal.svg);
transition: all ease-in-out .2s;
opacity: 0; }
.button.brochure:hover:before {
opacity: 0; }
.button.brochure:hover:after {
opacity: 1; }
.read-more {
font-size: 1.3rem;
text-decoration: underline;
font-weight: 600;
display: block; }
@media screen and (max-width: 1024px) {
.button:hover {
background-color: #63B7AF;
color: white;
box-shadow: 0 1rem 1rem 0 rgba(99, 183, 175, 0.4); }
.button.button-secondary:hover {
background: transparent;
box-shadow: 0 0 0 0 rgba(99, 183, 175, 0); }
.button.brochure:before {
left: 3.2rem; }
.button.brochure:hover:before {
opacity: 1; }
.button.brochure:hover:after {
opacity: 0; } }
.page-template-page-tokyo .intro, .page-template-page-about .intro {
background-color: #F3F4F4; }
.home-intro, .intro {
text-align: center;
padding: 8rem 0 6.5rem; }
.home-intro .wysiwyg {
max-width: 70rem;
margin: 0 auto; }
@media screen and (max-width: 650px) {
.home-intro, .intro {
padding: 5rem 0; } }
.call-to-action {
padding: 6.5rem 0; }
.call-to-action .flex {
justify-content: center; }
.call-to-action h2 {
font-size: 7rem;
letter-spacing: 2.06px;
margin: 0 6rem 0 0; }
@media screen and (max-width: 800px) {
.call-to-action {
padding: 4rem 0; }
.call-to-action h2 {
font-size: 5.2rem;
margin: 0 0 3rem;
flex: 0 0 100%;
text-align: center; } }
.error .container {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.error h1 {
color: #021313;
margin-bottom: 2.5rem;
letter-spacing: 10px; }
.error h3, .error p {
flex: 0 0 100%;
text-align: center; }
.error h3, .error p {
font-size: 4rem;
margin: 0 0 2rem 0; }
.error p {
font-size: 2rem; }
.admin-bar header {
top: 32px; }
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: transparent;
z-index: 999;
transition: all ease-in-out .2s; }
header:after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: linear-gradient(0deg, rgba(2, 19, 19, 0) 0%, #021313 100%); }
header .container {
display: flex;
justify-content: space-between;
align-items: center; }
header #header-logo, header .button, header #mobile-menu {
position: relative;
z-index: 999; }
header .button {
margin: 0 2.5rem 0 auto; }
header #header-logo {
padding: 1.5rem 0; }
header nav {
position: absolute;
top: 0;
left: 100%;
width: 100%;
background-color: #021313;
transition: all ease-in-out .2s;
height: 100vh;
overflow: auto;
z-index: 9999;
padding: 14rem 0; }
header nav .main-menu-tours, header nav .main-menu-pages {
flex: 1; }
header nav .main-menu-tours {
padding: 0 0 0 15rem; }
header nav .main-menu-tours h2 {
color: white;
margin: 0 0 2rem; }
header nav .main-menu-tours ul {
padding: 0 0 0 3rem; }
header nav .main-menu-tours ul li a {
font-size: 2.6rem; }
header nav .main-menu-tours ul li .sub-menu {
padding: 0 0 2.5rem 2rem; }
header nav .main-menu-tours ul li .sub-menu li a {
font-size: 1.8rem;
font-weight: 100;
color: rgba(255, 255, 255, 0.5); }
header nav .main-menu-tours ul li .sub-menu li a:hover {
color: #63B7AF; }
header nav .main-menu-tours ul li .sub-menu .current-menu-item a {
color: #63B7AF; }
header nav .expand-child-items {
display: none; }
header nav .main-menu-pages ul {
padding: 0; }
header nav .main-menu-pages ul li a {
padding: 0;
margin: 0 0 4.5rem;
line-height: 1; }
header nav ul {
margin: 0; }
header nav ul .current-menu-item a {
color: #63B7AF; }
header nav ul li a {
display: block;
color: white;
font-size: 5rem; }
header nav ul li a:hover {
color: #63B7AF; }
header #mobile-menu {
display: block;
height: 2rem;
width: 4rem;
position: relative;
cursor: pointer;
z-index: 99999; }
header #mobile-menu span {
background-color: white;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: .2rem;
transform: translateY(-50%);
transition: all ease-in-out 0.3s;
transition-delay: 0; }
header #mobile-menu span:nth-of-type(2) {
top: 50%; }
header #mobile-menu span:nth-of-type(3) {
top: 100%; }
header.scroll-active {
background-color: #021313;
box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); }
header.mobile-active nav {
left: 0; }
header.mobile-active #mobile-menu span:first-of-type {
top: 50%;
transform: rotate(45deg); }
header.mobile-active #mobile-menu span:nth-of-type(2) {
left: -100%;
opacity: 0; }
header.mobile-active #mobile-menu span:last-of-type {
top: 50%;
transform: rotate(-45deg); }
@media screen and (max-width: 1024px) {
header nav ul .current-menu-item a:hover {
color: #63B7AF; }
header nav ul li a:hover {
color: white; }
header nav ul li.menu-item-has-children .sub-menu li a:hover {
color: rgba(255, 255, 255, 0.5); }
header nav ul li.menu-item-has-children .sub-menu .current-menu-item a:hover {
color: #63B7AF; } }
@media screen and (max-width: 782px) {
.admin-bar header {
top: 45px; }
#wpadminbar {
position: fixed !important; }
header #header-logo {
max-width: 37rem; }
header nav .main-menu-tours {
padding-left: 5%; } }
@media screen and (max-width: 650px) {
header.mobile-active {
background-color: #021313; }
header.mobile-active #header-logo {
z-index: 999999;
opacity: .25; }
header #header-logo {
max-width: 226px; }
header .button {
display: none; }
header nav {
padding: 5rem 0 0;
top: 100%; }
header nav h2 {
display: none; }
header nav .expand-child-items {
display: block; }
header nav .main-menu-pages {
height: 100%; }
header nav .main-menu-tours, header nav .main-menu-pages {
flex: 0 0 100%;
padding: 0;
text-align: center; }
header nav .main-menu-tours .button, header nav .main-menu-pages .button {
display: inline-block;
margin: 0; }
header nav .main-menu-tours ul, header nav .main-menu-pages ul {
padding: 0; }
header nav .main-menu-tours ul li a, header nav .main-menu-pages ul li a {
font-size: 3.5rem; }
header nav .main-menu-tours ul li .sub-menu, header nav .main-menu-pages ul li .sub-menu {
padding-left: 0; }
header nav .main-menu-tours ul li .sub-menu li, header nav .main-menu-pages ul li .sub-menu li {
padding: 1rem 0; }
header nav .main-menu-tours ul li.menu-item-has-children, header nav .main-menu-pages ul li.menu-item-has-children {
position: relative; }
header nav .main-menu-tours ul li.menu-item-has-children .expand-child-items, header nav .main-menu-pages ul li.menu-item-has-children .expand-child-items {
position: absolute;
top: 0;
right: 0;
height: 5.5rem;
width: 6.5rem;
display: flex;
align-items: center;
justify-content: flex-end;
cursor: pointer; }
header nav .main-menu-tours ul li.menu-item-has-children .expand-child-items:before, header nav .main-menu-pages ul li.menu-item-has-children .expand-child-items:before {
content: '';
position: absolute;
width: 12px;
height: 12px;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/plus.svg);
cursor: pointer; }
header nav .main-menu-tours ul li.menu-item-has-children .expand-child-items i, header nav .main-menu-pages ul li.menu-item-has-children .expand-child-items i {
display: none; }
header nav .main-menu-tours ul li.menu-item-has-children .sub-menu, header nav .main-menu-pages ul li.menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
display: block;
width: 23rem;
background-color: #021313;
opacity: 0;
visibility: hidden;
max-height: 0;
transition: all ease-in-out .2s;
margin: 0;
padding-bottom: 2.5rem; }
header nav .main-menu-tours ul li.menu-item-has-children .sub-menu, header nav .main-menu-pages ul li.menu-item-has-children .sub-menu {
position: relative;
width: 100%; }
header nav .main-menu-tours ul li.menu-item-has-children .sub-menu.active, header nav .main-menu-pages ul li.menu-item-has-children .sub-menu.active {
opacity: 1;
visibility: visible;
max-height: 100vh; } }
footer {
padding: 7rem 0 9rem;
background-color: #021313; }
footer .sbi_header_text {
position: relative;
left: -30px; }
footer .sb_instagram_header {
display: flex;
justify-content: center;
margin: 0 0 5rem !important; }
footer .sb_instagram_header .sbi_header_link .sbi_header_text {
padding: 0 !important; }
footer .sb_instagram_header .sbi_header_link .sbi_header_text .sbi_bio {
margin-left: 0 !important; }
footer .sb_instagram_header .sbi_header_img {
display: none; }
footer .sb_instagram_header h3 {
display: none; }
footer .sb_instagram_header p {
color: white;
font-size: 4.2rem !important; }
footer .sbi_item {
width: 16.66% !important; }
footer .footer-top, footer .footer-bottom {
flex: 0 0 100%; }
footer .footer-top {
padding: 7rem 0;
justify-content: space-between; }
footer .footer-top .footer-contact, footer .footer-top .footer-column {
margin: 0 4% 0 0; }
footer .footer-top .footer-contact h3, footer .footer-top .footer-column h3 {
color: #FAF5E4;
font-size: 2.2rem; }
footer .footer-top .footer-contact ul, footer .footer-top .footer-column ul {
margin: 0;
padding: 0; }
footer .footer-top .footer-contact a, footer .footer-top .footer-column a {
color: rgba(255, 255, 255, 0.75);
letter-spacing: 0.2px;
font-weight: 100; }
footer .footer-top .footer-contact a:hover, footer .footer-top .footer-column a:hover {
color: #63B7AF; }
footer .footer-top .footer-contact:last-of-type, footer .footer-top .footer-column:last-of-type {
margin: 0; }
footer .footer-top .footer-contact a {
font-size: 1.6rem; }
footer .footer-top .footer-contact .footer-contact-icons {
margin: 3.5rem 0 0; }
footer .footer-top .footer-contact .footer-contact-icons svg {
margin: 0 1rem 0 0; }
footer .footer-top .footer-contact .footer-contact-icons svg:last-of-type {
margin: 0; }
footer .footer-top .footer-column a {
font-size: 14px; }
footer .footer-top .footer-icon-column {
max-width: 219px; }
footer .footer-top .footer-icon-column .footer-icons {
flex: 0 0 100%;
justify-content: center;
margin: 2rem 0 0; }
footer .footer-top .footer-icon-column .footer-icons a {
margin: 0 1.5rem 0 0; }
footer .footer-top .footer-icon-column .footer-icons a svg path {
transition: all ease-in-out .2s;
fill: #63B7AF; }
footer .footer-top .footer-icon-column .footer-icons a:last-of-type {
margin: 0; }
footer .footer-top .footer-icon-column .footer-icons a:hover svg path {
fill: #2C786C; }
footer .footer-bottom p, footer .footer-bottom a {
color: rgba(255, 255, 255, 0.5);
font-size: 1.3rem;
letter-spacing: 0.2px;
align-self: center; }
footer .footer-bottom a:hover {
color: #63B7AF; }
footer .footer-bottom ul {
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
align-self: flex-start; }
footer .footer-bottom ul li {
border-right: 1px solid rgba(255, 255, 255, 0.5);
padding: 0 .5rem 0 0;
margin: 0 .5rem 0 0;
line-height: 1;
align-self: center; }
footer .footer-bottom ul li:last-of-type {
margin: 0;
padding: 0;
border: 0; }
footer .footer-bottom .thrive {
margin: 0 0 0 auto; }
@media screen and (max-width: 1250px) {
footer .footer-top .footer-column {
margin-right: 2%; }
footer .footer-top .footer-contact {
margin-right: 2%; }
footer .footer-top .footer-contact .footer-contact-icons {
margin: 3.5rem 0 0; }
footer .footer-top .footer-contact .footer-contact-icons svg {
margin: 0 1rem 0 0;
max-width: 65px; }
footer .footer-top .footer-contact .footer-contact-icons svg:last-of-type {
margin: 0; } }
@media screen and (max-width: 1100px) {
footer .footer-top .footer-column {
margin-right: 5%;
flex: 0 0 30%; }
footer .footer-top .footer-icon-column {
flex: 0 0 47.5%;
margin: 0 5% 5% 0; }
footer .footer-top .footer-contact {
margin: 0 0 5% 0;
flex: 0 0 47.5%; } }
@media screen and (max-width: 1024px) {
footer .footer-top .footer-column a:hover {
color: rgba(255, 255, 255, 0.75); }
footer .footer-top .footer-icon-column .footer-icons a:hover svg path {
fill: #63B7AF; }
footer .footer-top .footer-contact {
margin: 0 0 5% 0;
flex: 0 0 47.5%; }
footer .footer-bottom a:hover {
color: rgba(255, 255, 255, 0.5); } }
@media screen and (max-width: 650px) {
footer {
padding: 5rem 0 10px; }
footer #sb_instagram .sb_instagram_header {
margin: 0 0 35px !important; }
footer #sb_instagram #sbi_images {
display: flex !important; }
footer #sb_instagram #sbi_images .sbi_item {
width: 33.33% !important;
flex: 0 0 33.33% !important; }
footer .footer-top {
padding: 28px 0 22px; }
footer .footer-top .footer-column {
margin: 0 0 15px 0;
flex: 0 0 47.5%; }
footer .footer-top .footer-column ul li a {
font-size: 12px; }
footer .footer-top .footer-icon-column, footer .footer-top .footer-contact {
flex: 0 0 100%;
margin: 0 auto 20px;
text-align: center; }
footer .footer-top .footer-icon-column {
max-width: 186px; }
footer .footer-top .footer-contact .footer-contact-icons {
margin-top: 12px; }
footer .footer-bottom {
justify-content: center;
text-align: center; }
footer .footer-bottom p {
flex: 0 0 100%; }
footer .footer-bottom p, footer .footer-bottom li, footer .footer-bottom a {
font-size: 10px; }
footer .footer-bottom .thrive {
margin: 8px 0 0 8px; }
footer .footer-bottom ul {
margin: 8px 0 0 0; } }
.city-tours {
padding: 7rem 0 2rem; }
.city-tours .single-tour {
padding-bottom: 7rem; }
.city-tours .single-tour .img-container {
flex: 0 0 55%;
padding-bottom: 44%;
margin: 0 7% 0 0; }
.city-tours .single-tour .img-container .tour-badge {
position: absolute;
top: .5rem;
right: .5rem;
width: 58px;
height: 58px;
z-index: 9; }
.city-tours .single-tour .single-tour-details {
flex: 1 0 38%;
align-self: center; }
.city-tours .single-tour .single-tour-details h2 {
font-size: 4.2rem;
margin: 0 0 2.5rem; }
.city-tours .single-tour .single-tour-details .subtitle {
margin: 0 0 2rem; }
.city-tours .single-tour .single-tour-details .button {
margin: 2rem 0 0; }
.city-tours .single-tour:nth-of-type(even) {
flex-direction: row-reverse; }
.city-tours .single-tour:nth-of-type(even) .img-container {
margin: 0 0 0 7%; }
@media screen and (max-width: 800px) {
.city-tours .single-tour .single-tour-details h2 {
font-size: 30px;
margin: 0 0 2rem; } }
@media screen and (max-width: 650px) {
.city-tours {
padding: 5rem 0 0; }
.city-tours .single-tour {
padding: 0 0 5rem; }
.city-tours .single-tour .img-container, .city-tours .single-tour .single-tour-details {
flex: 0 0 100%; }
.city-tours .single-tour .img-container {
margin: 0 0 3rem !important;
padding-bottom: 80%; }
.city-tours .single-tour .single-tour-details .button {
margin: 0; } }
.tour-intro {
padding: 7rem 0; }
.tour-intro .img-container {
flex: 0 0 48.5%;
margin: 0 7% 0 0;
padding-bottom: 50%; }
.tour-intro .tour-intro-details {
flex: 1 0 44.5%;
align-self: center; }
.tour-intro .tour-intro-details h2 {
font-size: 4.2rem; }
.tour-intro .tour-intro-details h2, .tour-intro .tour-intro-details .subtitle {
margin: 0 0 2.5rem; }
.tour-intro .tour-intro-details .button {
margin: 4rem 0 0; }
@media screen and (max-width: 800px) {
.tour-intro .img-container {
flex: 0 0 66%;
margin: 0 0 3rem 0;
padding-bottom: 80%; }
.tour-intro .tour-intro-details {
flex: 0 0 100%; } }
@media screen and (max-width: 650px) {
.tour-intro {
padding: 5rem 0; }
.tour-intro .img-container {
flex: 0 0 100%;
padding-bottom: 100%; }
.tour-intro .tour-intro-details {
flex: 0 0 100%; }
.tour-intro .tour-intro-details h2 {
font-size: 3.7rem;
margin: 0 0 2rem; }
.tour-intro .tour-intro-details .button {
margin: 2rem 0 0; } }
.accordion {
padding: 7rem 0;
background-color: #F3F4F4; }
.accordion h2, .accordion .subtitle {
text-align: center; }
.accordion h2 {
margin: 0 0 4.5rem; }
.accordion .button-container {
display: flex;
justify-content: center; }
.accordion .button-container .button {
margin: 5rem 0 0; }
.accordion-item {
border-bottom: 1px solid rgba(2, 19, 19, 0.2); }
.accordion-item .accordion-item--title {
font-size: 2.6rem;
color: #021313; }
.accordion-item--title {
padding: 2.5rem 7rem 2.5rem 0;
user-select: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
position: relative; }
.accordion-item--title:before {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 24px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/black-arrow.svg);
transition: all ease-in-out .2s; }
.accordion-item--title:after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 24px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/teal-arrow.svg);
transition: all ease-in-out .2s;
opacity: 0; }
.accordion-item--title.active {
color: #63B7AF; }
.accordion-item--title.active:before {
opacity: 0; }
.accordion-item--title.active:after {
opacity: 1; }
.accordion-item--title.active + .accordion-item--content {
opacity: 1; }
.accordion-item--content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: all ease-in-out 0.2s; }
.accordion-item--content .accordion-content--inner {
padding: 0 0 2rem; }
.accordion-item--content .accordion-content--inner ul {
margin: 2.5rem 0 0; }
.accordion-item--content .accordion-content--inner p strong {
color: rgba(2, 19, 19, 0.75); }
@media screen and (max-width: 650px) {
.accordion {
padding: 5rem 0; }
.accordion h2 {
font-size: 3.7rem;
margin: 0 0 3.5rem; } }
.slider {
width: 95%;
margin: 0 auto;
position: relative; }
.slider .img-container {
width: 50%;
padding-bottom: 35%;
margin-right: 1.3%; }
.slider .flickity-button {
background: transparent; }
.slider .flickity-button .flickity-button-icon {
display: none; }
.slider .previous {
left: -2.5%; }
.slider .next {
right: -2.5%; }
.slider:before {
content: '';
position: absolute;
top: 50%;
left: 100%;
transform: translate(-50%, -50%);
width: 40px;
height: 24px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/black-arrow.svg);
z-index: 9;
pointer-events: none; }
.slider:after {
content: '';
position: absolute;
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
width: 40px;
height: 24px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/arrow-left.svg);
z-index: 9;
pointer-events: none; }
@media screen and (max-width: 850px) {
.slider .previous {
left: -2%; }
.slider .next {
right: -2%; }
.slider:before {
left: 99%; }
.slider:after {
left: 1%; } }
@media screen and (max-width: 650px) {
.slider .previous {
left: 11%; }
.slider .next {
right: 11%; }
.slider:before {
left: 85%; }
.slider:after {
left: 15%; } }
.page-template-page-kanazawa .featured-cities .single-featured-city-link, .page-template-page-kyoto .featured-cities .single-featured-city-link, .page-template-page-tokyo .featured-cities .single-featured-city-link {
padding: 18rem 0; }
.featured-cities {
padding: 0; }
.featured-cities .single-featured-city-link {
flex: 1;
text-align: center;
padding: 15rem 0;
position: relative; }
.featured-cities .single-featured-city-link h2, .featured-cities .single-featured-city-link span {
position: relative;
z-index: 9; }
.featured-cities .single-featured-city-link h2 {
color: white;
margin: 0 0 2rem;
font-size: 4.2rem;
padding: 0 1rem;
transition: all ease-in-out .2s; }
.featured-cities .single-featured-city-link span {
text-decoration: underline;
font-size: 1.3rem; }
.featured-cities .single-featured-city-link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(2, 19, 19, 0.5);
z-index: 1; }
.featured-cities .single-featured-city-link:hover h2 {
color: #63B7AF; }
@media screen and (max-width: 1024px) {
.featured-cities .single-featured-city-link h2 {
font-size: 3.5rem; } }
@media screen and (max-width: 850px) {
.featured-cities .single-featured-city-link:hover h2 {
color: white; } }
@media screen and (max-width: 650px) {
.featured-cities .single-featured-city-link {
flex: 0 0 100%;
padding: 12rem 0 !important; }
.featured-cities .single-featured-city-link h2 {
font-size: 3.5rem; } }
.content-columns {
padding: 0; }
.content-columns .content-column {
padding: 8rem 0; }
.content-columns .content-column .content-column--content {
flex: 1 0 38%;
align-self: center; }
.content-columns .content-column .content-column--content .button {
margin: 4rem 0 0; }
.content-columns .content-column .img-container {
flex: 0 0 55%;
padding-bottom: 44%;
margin: 0 0 0 7%; }
.content-columns .content-column:nth-of-type(even) {
background-color: #F3F4F4; }
.content-columns .content-column:nth-of-type(even) .container {
flex-direction: row-reverse; }
.content-columns .content-column:nth-of-type(even) .img-container {
margin: 0 7% 0 0; }
@media screen and (max-width: 800px) {
.content-columns .content-column .content-column--content h2 {
font-size: 30px;
margin: 0 0 2rem; }
.content-columns .content-column .content-column--content .button {
margin: 2rem 0 0; } }
@media screen and (max-width: 650px) {
.content-columns .content-column {
padding: 5rem 0; }
.content-columns .content-column .content-column--content {
flex: 0 0 100%; }
.content-columns .content-column .img-container {
flex: 0 0 100%;
padding-bottom: 80%;
margin: 3rem 0 0 !important; } }
.team {
text-align: center;
padding: 7rem 0; }
.team h2 {
margin: 0 0 7rem; }
.team .team-container .img-container {
flex: 0 0 18.4%;
padding-bottom: 18.37%;
margin: 0 2% 2% 0; }
.team .team-container .img-container .member-info {
position: absolute;
padding: 2rem 1rem;
transform: translateY(-101%);
background-color: rgba(2, 19, 19, 0.75);
width: 100%;
height: 100%;
z-index: 9;
transition: all ease-in-out .2s;
overflow-y: scroll; }
.team .team-container .img-container .member-info p {
color: white;
margin: 0;
font-size: 1.5rem; }
.team .team-container .img-container:hover .member-info {
transform: translateY(0%); }
.team .team-container .img-container:nth-of-type(5n+5) {
margin-right: 0; }
.team .team-container .img-container:last-of-type {
margin-right: 0; }
@media screen and (max-width: 1024px) {
.team .team-container .img-container:hover .member-info {
transform: translateY(-100%); }
.team .team-container .active .member-info {
transform: translateY(0%) !important; } }
@media screen and (max-width: 650px) {
.team {
padding: 5rem 0 4rem; }
.team h2 {
margin: 0 0 2.5rem; }
.team .team-container .img-container {
flex: 0 0 49%;
padding-bottom: 49%;
margin: 0 2% 2% 0 !important; }
.team .team-container .img-container:nth-of-type(2n+2) {
margin-right: 0 !important; }
.team .team-container .img-container:last-of-type {
margin-right: 0 !important; } }
.single-post .tour-slider-section {
background-color: #F3F4F4; }
.tour-slider-section {
padding: 7rem 0; }
.tour-slider-section .tour-slider-intro {
text-align: center;
margin: 0 0 6rem; }
.tour-slider-section .tour-slider-intro p {
font-family: "Montserrat", sans-serif; }
.tour-slider-section .tour-slider .single-tour-slide {
margin: 0 1.3% 0 0;
width: 19%; }
.tour-slider-section .tour-slider .single-tour-slide .img-container {
width: 100%;
padding-bottom: 90%; }
.tour-slider-section .tour-slider .single-tour-slide .img-container .tour-badge {
position: absolute;
top: .5rem;
right: .5rem;
width: 58px;
height: 58px;
z-index: 9; }
.tour-slider-section .tour-slider .single-tour-slide .img-container:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 68, 69, 0.8);
z-index: 4;
transition: all ease-in-out .2s;
opacity: 0; }
.tour-slider-section .tour-slider .single-tour-slide h3 {
font-size: 2.6rem;
margin: 0;
padding: 2rem 0 2.5rem; }
.tour-slider-section .tour-slider .single-tour-slide a:hover .img-container:before {
opacity: 1; }
.tour-slider-section .tour-slider .flickity-prev-next-button {
top: 33%; }
.tour-slider-section .tour-slider:before {
top: 33%; }
.tour-slider-section .tour-slider:after {
top: 33%; }
.tour-slider-section .button {
margin: 6rem 0 0;
position: relative;
left: 50%;
transform: translateX(-50%); }
@media screen and (max-width: 1024px) {
.tour-slider-section .tour-slider .single-tour-slide a:hover .img-container:before {
opacity: 0; } }
@media screen and (max-width: 850px) {
.tour-slider-section .tour-slider .single-tour-slide {
width: 25%; }
.tour-slider-section .tour-slider .single-tour-slide h3 {
font-size: 2rem;
padding: 1.8rem 0; }
.tour-slider-section .tour-slider .single-tour-slide .tour-badge {
width: 35px;
height: 35px;
position: relative; }
.tour-slider-section .tour-slider .single-tour-slide .tour-badge svg {
width: 35px;
height: 35px;
position: absolute;
right: 0; }
.tour-slider-section .tour-slider .flickity-prev-next-button {
top: 40%; }
.tour-slider-section .tour-slider .previous {
left: -2%; }
.tour-slider-section .tour-slider .next {
right: -2%; }
.tour-slider-section .tour-slider:before {
left: 99%;
top: 40%; }
.tour-slider-section .tour-slider:after {
left: 1%;
top: 40%; } }
@media screen and (max-width: 650px) {
.tour-slider-section {
padding: 5rem 0; }
.tour-slider-section .tour-slider-intro {
margin: 0 0 3rem; }
.tour-slider-section .tour-slider .single-tour-slide {
width: 50%; }
.tour-slider-section .tour-slider .flickity-prev-next-button {
top: 35%; }
.tour-slider-section .tour-slider .previous {
left: 11%; }
.tour-slider-section .tour-slider .next {
right: 11%; }
.tour-slider-section .tour-slider:before {
left: 85%;
top: 35%; }
.tour-slider-section .tour-slider:after {
left: 15%;
top: 35%; }
.tour-slider-section .button {
margin: 4.5rem 0 0; } }
.archive-categories {
background-color: #021313;
padding: 3.5rem 0; }
.archive-categories .category-sort {
display: flex;
justify-content: center;
list-style-type: none;
margin: 0;
padding: 0; }
.archive-categories .category-sort li {
margin: 0 7% 0 0; }
.archive-categories .category-sort li a {
font-size: 1.4rem;
letter-spacing: 3px;
color: white;
text-transform: uppercase; }
.archive-categories .category-sort li a.active {
color: #F8B400; }
.archive-categories .category-sort li a:hover {
color: #F8B400; }
.archive-categories .category-sort li:last-of-type {
margin: 0; }
.archive-news {
padding: 6rem 0 2rem; }
.button-container {
display: flex;
justify-content: center;
margin-bottom: 6rem; }
.col {
flex: 0 0 27.66%;
margin: 0 8.5% 0 0; }
.col-3 {
margin-right: 0; }
.post-thumbnail .img-container {
width: 100%;
padding-bottom: 68%;
margin: 0 0 2rem;
flex: 0 0 100%; }
.post-thumbnail .img-container:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 68, 69, 0.8);
transition: all ease-in-out .2s;
z-index: 9;
opacity: 0; }
.post-thumbnail .img-container.img-container-large {
padding-bottom: 125%; }
.post-thumbnail h2 {
font-size: 2.6rem;
margin: 0 0 2.5rem; }
.post-thumbnail span {
margin: 0 0 6rem; }
.post-thumbnail:hover .img-container:before {
opacity: 1; }
@media screen and (max-width: 1024px) {
.post-thumbnail:hover .img-container:before {
opacity: 0; } }
@media screen and (max-width: 800px) {
.post-thumbnail h2 {
font-size: 2rem;
margin: 0 0 2rem; }
.post-thumbnail span {
margin: 0 0 4rem; } }
@media screen and (max-width: 650px) {
.archive-news {
padding: 5rem 0 1rem; }
.col {
flex: 0 0 31.33%;
margin: 0 3% 0 0; }
.col-3 {
margin-right: 0 !important; } }
@media screen and (max-width: 450px) {
.col {
flex: 0 0 100%;
margin: 0 !important; } }
.contact {
padding: 0; }
.contact .contact-details, .contact .contact-form {
flex: 1; }
.contact-form {
background-color: #F3F4F4;
padding: 8rem 12rem 8rem 10rem; }
.contact-form .wysiwyg {
margin: 0 0 6rem; }
.contact-details {
padding: 8rem 10rem; }
.contact-details .wysiwyg {
margin: 0 0 2.5rem; }
.contact-details .contact-detail-container {
margin: 0 0 2.5rem; }
.contact-details .contact-detail-container a, .contact-details .contact-detail-container span {
font-weight: 600;
color: #021313;
font-size: 1.6rem; }
.contact-details .contact-detail-container a {
margin: 0 0 1rem;
display: block; }
.contact-details .contact-detail-container a:hover {
color: #63B7AF; }
.contact-details .contact-detail-container .phone-container a {
display: inline-block; }
.contact-details .contact-detail-container p {
font-size: 1.4rem; }
.contact-find-us p {
max-width: 30rem;
font-size: 1.4rem;
line-height: 1.2;
letter-spacing: 0.2px; }
.contact-icons {
margin: 3rem 0 0; }
.contact-icons a {
margin-right: 1.5rem; }
.contact-icons a svg path {
fill: #63B7AF;
transition: all ease-in-out .2s; }
.contact-icons a:last-of-type {
margin: 0; }
.contact-icons a:hover svg path {
fill: #021313; }
@media screen and (max-width: 1024px) {
.contact-form, .contact-details {
padding: 8rem 5%; }
.contact-form .contact-detail-container a:hover, .contact-details .contact-detail-container a:hover {
color: #021313; }
.contact-icons a:hover svg path {
fill: #63B7AF; } }
@media screen and (max-width: 800px) {
.contact .contact-form, .contact .contact-details {
flex: 0 0 100%; }
.contact .contact-details .wysiwyg h2 {
margin: 0 0 2rem; } }
@media screen and (max-width: 650px) {
.contact-form, .contact-details {
padding: 5rem 5%; }
.contact-form .wysiwyg, .contact-details .wysiwyg {
margin: 0 0 3rem; } }
.checkfront {
background-color: #F3F4F4; }
.checkfront .checkfront-title-container {
text-align: center;
margin: 0 0 8rem; }
@media screen and (max-width: 650px) {
.checkfront .checkfront-title-container {
margin: 0 0 3rem; } }
form .gform_body ul {
padding: 0;
margin: 0;
list-style-type: none; }
form .gform_body ul li {
width: 100%;
margin: 0 0 3rem;
border: none; }
form .gform_body ul li input {
width: 100%;
margin-bottom: 1rem; }
form .gform_body ul li .ginput_container input, form .gform_body ul li .ginput_container textarea {
color: rgba(2, 19, 19, 0.75);
font-size: 1.8rem;
background: transparent;
outline: none;
padding: 1rem 1rem 1rem 0;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid rgba(2, 19, 19, 0.2); }
form .gform_body ul li .ginput_container input::placeholder, form .gform_body ul li .ginput_container textarea::placeholder {
font-size: 1.8rem; }
form .gform_body ul li .ginput_container textarea {
width: 100%;
resize: none; }
form .gform_body ul li .gfield_label {
display: none; }
form .gform_body ul .gfield_html {
margin: 0 0 6rem; }
form .gform_footer {
display: flex; }
form .gform_footer .button {
transition: all ease-in-out .2s;
outline: none;
-webkit-appearance: none; }
form .gform_footer .button:hover {
cursor: pointer; }
.gfield_error .ginput_container input[type="text"],
.gfield_error .ginput_container textarea, .gfield_error .ginput_container select {
border-bottom: 1px solid #c10012 !important; }
.gform_confirmation_message {
font-size: 1.8rem; }
.validation_message {
display: none; }
.validation_error {
font-size: 1.8rem;
margin: 0 0 2.5rem; }
select::-ms-expand {
display: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid transparent;
-webkit-text-fill-color: rgba(2, 19, 19, 0.75);
transition: background-color 5000s ease-in-out 0s; }
input:-webkit-autofill::first-line {
font-size: 1.8rem; }
.single-tokyo .book-online-form, .single-kyoto .book-online-form, .single-kanazawa .book-online-form {
padding-top: 0; }
.book-online-form {
text-align: center; }
.book-online-form form .gform_body ul {
display: flex;
flex-wrap: wrap; }
.book-online-form form .gform_body ul li {
width: 47.5%;
margin-right: 5%; }
.book-online-form form .gform_body ul li ::placeholder {
color: rgba(2, 19, 19, 0.75); }
.book-online-form form .gform_body ul li:nth-of-type(2n+3) {
margin-right: 0; }
.book-online-form form .gform_body ul li .ginput_container_select {
position: relative; }
.book-online-form form .gform_body ul li .ginput_container_select:after {
content: '';
position: absolute;
top: 2rem;
right: 0;
width: 17px;
height: 8px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/form-arrow.svg);
z-index: 3;
pointer-events: none; }
.book-online-form form .gform_body ul li .ginput_container_date .clear-multi {
display: flex;
justify-content: space-between; }
.book-online-form form .gform_body ul li .ginput_container_date .clear-multi div {
flex: 1;
margin-right: 1rem;
position: relative; }
.book-online-form form .gform_body ul li .ginput_container_date .clear-multi div:after {
content: '';
position: absolute;
top: 2rem;
right: 0;
width: 17px;
height: 8px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/form-arrow.svg);
z-index: 3;
pointer-events: none; }
.book-online-form form .gform_body ul li .ginput_container_date .clear-multi div:last-of-type {
margin-right: 0; }
.book-online-form form .gform_body ul #field_2_13, .book-online-form form .gform_body ul #field_3_13 {
position: relative; }
.book-online-form form .gform_body ul #field_2_13 .gfield_label, .book-online-form form .gform_body ul #field_3_13 .gfield_label {
display: block;
text-align: left;
color: rgba(2, 19, 19, 0.75);
position: absolute;
z-index: 9;
top: -2rem;
font-size: 1.3rem; }
.book-online-form form .gform_body ul #field_2_13 .gfield_label span, .book-online-form form .gform_body ul #field_3_13 .gfield_label span {
color: rgba(2, 19, 19, 0.75); }
.book-online-form form .gform_body ul #field_3_10, .book-online-form form .gform_body ul #field_3_11 {
width: 100%;
margin-right: 0; }
.book-online-form form .gform_body ul #field_3_10 textarea {
max-height: 8rem; }
.book-online-form form .gform_body ul #field_3_11 textarea {
max-height: 12rem; }
.book-online-form form .gform_body ul .gfield_html {
width: 100%;
margin: 0 0 5rem 0; }
.book-online-form form .gform_footer {
display: flex;
justify-content: center; }
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 1rem 3rem 1rem 0;
outline: none;
width: 100%;
font-size: 1.8rem;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid rgba(2, 19, 19, 0.2);
color: rgba(2, 19, 19, 0.75);
border-radius: 0; }
@-moz-document url-prefix() {
select {
opacity: .5; }
#field_2_13 .gfield_label, #field_3_13 .gfield_label {
opacity: .5; }
#field_2_13 .gfield_label span, #field_3_13 .gfield_label span {
opacity: .5; } }
@media screen and (max-width: 650px) {
.book-online-form form .gform_body ul li {
width: 100%;
margin-right: 0; }
.book-online-form form .gform_body ul .gfield_html {
margin: 0 0 3rem; } }
.testimonials {
padding: 9rem 0 11rem;
justify-content: space-between; }
.testimonials:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.77;
background-image: linear-gradient(270deg, rgba(2, 19, 19, 0) 0%, #021313 100%);
z-index: 5; }
.testimonials:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background-color: #021313;
opacity: .7; }
.testimonials .testimonial-title-container {
position: relative;
z-index: 7;
padding: 0 0 0 10rem;
flex: 0 0 40%; }
.testimonials .testimonial-title-container h2 {
color: white; }
.testimonials .testimonial-title-container p {
color: rgba(255, 255, 255, 0.75);
margin-bottom: 4.5rem; }
.testimonials .testimonial-title-container .img-container {
width: 100%;
max-width: 12.5rem;
min-height: 5rem; }
.testimonials .testimonial-title-container .img-container img {
object-fit: contain; }
.testimonials .wprs_unslider {
flex: 0 0 55%;
position: relative;
z-index: 7;
padding-top: 5rem; }
.testimonials .wprs_unslider .wptripadvisor_t1_SPAN_5 {
color: #63B7AF; }
.testimonials .wprs_unslider .wprs_unslider-nav {
display: none !important; }
.testimonials .wprs_unslider .wprs_unslider-arrow {
position: absolute;
right: auto;
top: auto;
bottom: 0;
overflow: visible;
background: transparent; }
.testimonials .wprs_unslider .wprs_unslider-arrow:before {
content: '';
position: absolute;
top: calc(50% - 10px);
left: 0;
width: 33px;
height: 20px;
background-image: url(//thebackstreetguides.com/wp-content/themes/Backstreet/assets/dist/images/green-arrow.svg);
z-index: 7; }
.testimonials .wprs_unslider .prev {
left: -21%; }
.testimonials .wprs_unslider .next {
left: -15%; }
@media screen and (max-width: 1200px) {
.testimonials {
padding: 8rem 0; }
.testimonials .wprs_unslider .prev {
left: -23%; }
.testimonials .wprs_unslider .next {
left: -15%; } }
@media screen and (max-width: 800px) {
.testimonials {
justify-content: center; }
.testimonials .testimonial-title-container {
flex: 0 0 100%; }
.testimonials .wprs_unslider {
flex: 0 0 95%; }
.testimonials .wprs_unslider .wprs_unslider-arrow {
top: -2.5rem;
bottom: auto; }
.testimonials .wprs_unslider .prev {
left: 25.5rem; }
.testimonials .wprs_unslider .next {
left: 30.5rem; } }
@media screen and (max-width: 650px) {
.testimonials {
padding: 5rem 0 2rem; }
.testimonials .testimonial-title-container {
padding: 0 5% 3rem;
max-width: 100%;
text-align: center; }
.testimonials .testimonial-title-container p {
margin-bottom: 2.5rem; }
.testimonials .testimonial-title-container .img-container {
margin: 0 0 0 7rem; }
.testimonials .wprs_unslider {
padding: 0; }
.testimonials .wprs_unslider .wprs_unslider-arrow {
top: -5.5rem; } }
@media screen and (max-width: 350px) {
.testimonials .testimonial-title-container .img-container {
margin: 0 0 0 4rem; }
.testimonials .wprs_unslider .wprs_unslider-arrow {
top: -5.5rem; }
.testimonials .wprs_unslider .prev {
left: 22.5rem; }
.testimonials .wprs_unslider .next {
left: 28.5rem; } }