@font-face { font-family: 'dogmascriptboldbold'; src: url(//thesoundpalace.com/wp-content/themes/tsp-2019/fonts/dogmascrbol-webfont.woff2) format("woff2"), url(//thesoundpalace.com/wp-content/themes/tsp-2019/fonts/dogmascrbol-webfont.woff) format("woff"); font-weight: normal; font-style: normal; }
body, html { font-family: 'Montserrat', sans-serif; font-weight: 200; color: #222; }
strong, .strong, b, .bold { font-weight: 900; }
.fancy-text-font { font-family: "dogmascriptboldbold", Helvetica, sans-serif; letter-spacing: -.21rem; font-size: 2.8rem; }
@media (max-width: 992px) { .fancy-text-font { letter-spacing: -.15rem; font-size: 1.8rem; } }
.btn { border-radius: 3px; padding: 1rem 2rem; }
.btn-primary { background-color: #8f2a3b; border-color: #8f2a3b; }
.btn-primary:hover { background-color: #222; border-color: #222; }
.btn-secondary { background-color: #222; border-color: #222; }
.btn-secondary:hover { background-color: transparent; border-color: #222; color: #222; }
.btn-lg { font-size: 18px; padding: 2rem 4rem; }
.bg-primary { background-color: #8f2a3b; }
.bg-primary-overlay:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: #8f2a3b; opacity: .55; z-index: 0; }
.bg-dark-overlay:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: #222; opacity: .35; z-index: 0; }
.bg-light, .contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form input[type="number"], .contact-form select, .contact-form textarea { background-color: #f2f2f2 !important; }
nav { position: fixed; top: 0; -webkit-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
@media (max-width: 992px) { nav#top-nav { padding: 10px 0 !important; } }
nav .logo { -webkit-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
@media (max-width: 992px) { nav .logo { width: 180px; height: auto; } }
nav .nav { text-transform: uppercase; -webkit-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
nav .nav a { color: #fff; font-weight: 900; }
nav .nav .dropdown-menu a { color: #222; }
nav.bg-dark { padding: 0.5rem !important; background-color: #8f2a3b !important; }
nav.bg-dark .logo, nav.bg-dark .nav, nav.bg-dark .social { -webkit-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
nav #show-mobile-nav { display: none; }
@media (max-width: 992px) { nav #show-mobile-nav { position: fixed; width: 0; height: 100%; top: 0; left: 0; display: block; overflow: hidden; background: #8f2a3b; } }
nav #show-mobile-nav #main-menu-mobile { padding: 4rem; font-size: 2rem; }
nav #show-mobile-nav #main-menu-mobile .dropdown-menu { font-size: 1.5rem; }
nav #show-mobile-nav .mobile-toggle-close { width: 44px; height: 44px; position: absolute; top: 15px; right: 15px; display: block; }
nav #show-mobile-nav .mobile-toggle-close:after, nav #show-mobile-nav .mobile-toggle-close:before { content: ''; position: absolute; height: 1px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; }
nav #show-mobile-nav .mobile-toggle-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
nav #show-mobile-nav .mobile-toggle-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
#footer { padding: 4rem 2rem; }
@media (max-width: 992px) { #footer { padding: 2rem 15px; } }
#footer .footer-menu > li { display: inline-block; }
@media (max-width: 767px) { #footer .footer-menu > li { padding-left: 0; } }
#footer .footer-menu > li > a { color: #222; text-transform: uppercase; font-weight: 900; }
@media (max-width: 767px) { #footer .footer-menu > li > a { padding: 0; padding-right: 15px; } }
#footer .footer-menu > li .dropdown-menu a { font-weight: bold; }
@media (max-width: 767px) { #footer .footer-menu { display: block !important; } }
.bg-image { background-repeat: no-repeat; background-size: cover; }
header { color: #fff; position: relative; overflow: hidden; }
header.hero-home { height: 65vh; }
header.hero-small { height: 45vh; }
@media (max-width: 767px) { header.hero-small { height: 35vh; } }
header.hero-small .small { font-size: 18px; }
header.hero-bg-img { background-repeat: no-repeat; background-size: cover; background-image: url(//thesoundpalace.com/wp-content/themes/tsp-2019/images/bg/home-bg.png); }
header .hero-content { position: relative; z-index: 10; }
@media (max-width: 992px) { header .hero-content { padding: 0 15px; } }
@media (max-width: 767px) { header .hero-content span.text-uppercase { font-size: 16px; } }
header .fancy-text { font-family: "dogmascriptboldbold", Helvetica, sans-serif; font-size: 5rem; position: relative; letter-spacing: -.5rem; }
@media (max-width: 992px) { header .fancy-text { font-size: 1.95rem; letter-spacing: -.115rem; } }
header .fancy-text:before { content: attr(title); position: absolute; -webkit-text-stroke: 1rem rgba(0, 0, 0, 0.75); left: 0; top: 0; z-index: -1; }
@media (max-width: 767px) { header .fancy-text:before { -webkit-text-stroke: none; content: ''; } }
#studio-list .container-fluid { position: relative; overflow: hidden; }
#studio-list div[class*="col"] { height: 45vh; overflow: hidden; }
@media (max-width: 767px) { #studio-list div[class*="col"] { height: 35vh; } }
#studio-list div[class*="col"]:before { content: ''; border: 2rem solid #fff; display: block; width: 100%; height: 100%; position: absolute; top: 0; }
@media (max-width: 767px) { #studio-list div[class*="col"]:before { border-width: 15px; } }
#studio-list div[class*="col"]:first-child:before { border-right-width: 1rem; }
#studio-list div[class*="col"]:last-child:before { border-left-width: 1rem; }
#studio-list .studio-or { width: 100px; height: 100px; position: absolute; display: block; left: -50%; right: -50%; top: -50%; bottom: -50%; margin: auto; font-weight: bold; z-index: 10; background: #fff; color: #222; font-size: 20px; border-radius: 50em; }
#studio-list h3 > span.text-uppercase { font-size: 20px; }
.banner { overflow: hidden; padding-top: 6rem; padding-bottom: 6rem; }
@media (max-width: 767px) { .banner { padding-top: 3rem; padding-bottom: 3rem; } }
@media (max-width: 767px) { .banner .small { font-size: 16px; } }
.brand-carousel { text-align: center; margin-bottom: 15px; }
.brand-carousel .col { height: 228px; position: relative; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
@media (max-width: 992px) { .brand-carousel .col { height: 128px; } }
@media (max-width: 767px) { .brand-carousel .col { height: 110px; } }
.brand-carousel img { mix-blend-mode: multiply; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; position: absolute; display: block; top: 0; width: auto; height: 228px; }
@media (max-width: 992px) { .brand-carousel img { height: 128px; } }
@media (max-width: 767px) { .brand-carousel img { height: 110px; } }
.brand-carousel img.active { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: block; opacity: 1; }
#post-feed { padding-top: 6rem; padding-bottom: 6rem; }
@media (max-width: 767px) { #post-feed { padding-top: 3rem; padding-bottom: 3rem; padding-left: 15px; padding-right: 15px; } }
#post-feed .card { border: none; }
#post-feed .card-image { height: 188px; position: relative; overflow: hidden; }
#post-feed .card-image img { position: absolute; display: block; margin: auto; left: -50%; right: -50%; top: 0; }
#post-feed .card-text p { margin: 0; padding: 0; }
.post-wrapper { padding-top: 6rem; padding-bottom: 6rem; }
@media (max-width: 992px) { .post-wrapper { padding-top: 2.5rem; padding-bottom: 2.5rem; } }
.post-wrapper .post-content { font-size: 18px; line-height: 1.75; }
@media (max-width: 992px) { .post-wrapper .post-content { font-size: 16px; } }
@media (max-width: 767px) { .post-wrapper .post-content { font-size: 14px; } }
.post-wrapper p a { color: #8f2a3b; }
.page-wrapper .section-title { font-size: 36px; padding-bottom: 20px; }
@media (max-width: 992px) { .page-wrapper .section-title { font-size: 22px; } }
.page-wrapper address { font-size: 18px; }
.page-wrapper address p { word-spacing: 5px; }
@media (max-width: 992px) { .page-wrapper address { font-size: 16px; } }
@media (max-width: 767px) { .page-wrapper address { font-size: 14px; } }
.page-wrapper .faq-item { color: #222; margin-bottom: 8px; }
.page-wrapper .faq-item:last-of-type { margin-bottom: 0; }
.page-wrapper .faq-item a { font-size: 18px; padding: 1rem 5rem 1rem 1.5rem; display: block; position: relative; -webkit-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
.page-wrapper .faq-item a:after { border-style: solid; border-width: 0.1em 0.1em 0 0; content: ''; display: block; height: 1em; width: 1em; position: absolute; top: 33.33%; right: 1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
.page-wrapper .faq-item a.collapsed:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
.page-wrapper .faq-item .faq-answer { padding: 0 2rem 2rem 2rem; }
.page-wrapper .list-section { margin-bottom: 2rem; }
.page-wrapper .list-section .list-item { margin-bottom: 30px; }
@media (max-width: 992px) { .page-wrapper .list-section .list-item { margin-bottom: 15px; } }
#single-page .post-content h1, #single-page .post-content h2, #single-page .post-content h3, #single-page .post-content h4, #single-page .post-content h5 { font-weight: bold; text-transform: uppercase; padding-top: 20px; }
#single-page .post-content h1:first-child, #single-page .post-content h2:first-child, #single-page .post-content h3:first-child, #single-page .post-content h4:first-child, #single-page .post-content h5:first-child { padding-top: 0; }
@media (min-width: 768px) { #single-page .post-content blockquote { width: 70%; margin: 0 auto; padding: 3rem 3rem 3rem 10rem; font-size: 2rem; background: #f2f2f2; margin-bottom: 4rem; position: relative; }
#single-page .post-content blockquote:after { content: '\201D'; font-family: Helvetica, sans-serif; font-size: 10rem; position: absolute; top: -1.15rem; left: 3rem; } }
@media (max-width: 767px) { #single-page .post-content blockquote { width: 90%; margin: 0 auto; padding: 2rem; font-size: 1.5rem; background: #f2f2f2; margin-bottom: 4rem; position: relative; }
#single-page .post-content blockquote:after { content: '\201D'; font-family: Helvetica, sans-serif; font-size: 5rem; display: block; text-align: center; line-height: 0; padding-top: 3rem; } }
#single-page .post-content blockquote p { text-align: left !important; padding: 0; margin: 0; line-height: 1.4; }
@media (max-width: 767px) { #single-page .post-content blockquote p { text-align: center !important; } }
.single-post header { padding-left: 30px; padding-right: 30px; }
.single-post header .fancy-text { font-size: 4rem; line-height: 1; }
@media (max-width: 767px) { .single-post header .fancy-text { font-size: 2rem; } }
.single-post header .fancy-text:before { content: ''; }
#gallery li { margin-bottom: .75rem; }
.pagination-wrapper nav { position: relative !important; }
.pagination-wrapper .screen-reader-text { display: none; }
.pagination-wrapper .nav-links { margin-top: 20px; display: block; }
.pagination-wrapper .nav-links a, .pagination-wrapper .nav-links span { font-size: 16px; padding: 8px 14px; font-weight: bold; background: #f2f2f2; }
.pagination-wrapper .nav-links a { color: #8f2a3b; }
.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form input[type="number"], .contact-form select, .contact-form textarea { border: none; border-radius: 2px; font-size: 18px; padding: 1rem; height: auto; width: 85%; margin-bottom: 8px; }
@media (max-width: 992px) { .contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form input[type="number"], .contact-form select, .contact-form textarea { width: 100%; } }
.contact-form select { height: 46px; }
.contact-form ::-webkit-input-placeholder { text-transform: uppercase; }
.contact-form :-ms-input-placeholder { text-transform: uppercase; }
.contact-form ::-ms-input-placeholder { text-transform: uppercase; }
.contact-form ::placeholder { text-transform: uppercase; }
.contact-form :-ms-input-placeholder { text-transform: uppercase; }
.contact-form ::-ms-input-placeholder { text-transform: uppercase; }
.contact-form label.label-floatlabel { font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
body div.wpcf7-response-output { border: none; color: #fff; padding: 1rem; font-size: 14px; width: 85%; margin-left: 0; margin-right: 0; }
body div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #3b8d6d; border: none; }
body div.wpcf7-response-output.wpcf7-validation-errors, body div.wpcf7-response-output.wpcf7-acceptance-missing { background-color: #ac253c; border: none; }
body input.wpcf7-not-valid { border: 1px solid #ac253c !important; }
body span.wpcf7-not-valid-tip { padding-bottom: 15px; color: #ac253c; }
.wp-block-image { display: inline-block; background: #f2f2f2; padding: 30px; }
body.hidden-scroll { overflow: hidden; }
.sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 1; display: none; z-index: 1035; }
.sl-wrapper { z-index: 1040; }
.sl-wrapper button { border: 0 none; background: transparent; font-size: 28px; padding: 0; cursor: pointer; }
.sl-wrapper button:hover { opacity: 0.7; }
.sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 30px; z-index: 10060; margin-top: -14px; margin-right: -14px; height: 44px; width: 44px; line-height: 44px; font-family: sans-serif; color: #222; font-size: 3rem; }
.sl-wrapper .sl-close:focus { outline: none; }
.sl-wrapper .sl-counter { display: none; position: fixed; top: 30px; left: 30px; z-index: 1060; color: #222; font-size: 1rem; }
.sl-wrapper .sl-navigation { width: 100%; display: none; }
.sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -22px; height: 44px; width: 22px; line-height: 44px; text-align: center; display: block; z-index: 10060; font-family: sans-serif; color: #222; }
.sl-wrapper .sl-navigation button.sl-next { right: 5px; font-size: 2rem; }
.sl-wrapper .sl-navigation button.sl-prev { left: 5px; font-size: 2rem; }
.sl-wrapper .sl-navigation button:focus { outline: none; }
@media (min-width: 35.5em) { .sl-wrapper .sl-navigation button { width: 44px; }
.sl-wrapper .sl-navigation button.sl-next { right: 10px; font-size: 3rem; }
.sl-wrapper .sl-navigation button.sl-prev { left: 10px; font-size: 3rem; } }
@media (min-width: 50em) { .sl-wrapper .sl-navigation button { width: 44px; }
.sl-wrapper .sl-navigation button.sl-next { right: 20px; font-size: 3rem; }
.sl-wrapper .sl-navigation button.sl-prev { left: 20px; font-size: 3rem; } }
.sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; }
.sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0 none; width: 100%; height: auto; }
@media (min-width: 35.5em) { .sl-wrapper .sl-image img { border: 0 none; } }
@media (min-width: 50em) { .sl-wrapper .sl-image img { border: 0 none; } }
.sl-wrapper .sl-image iframe { background: #000; border: 0 none; }
@media (min-width: 35.5em) { .sl-wrapper .sl-image iframe { border: 0 none; } }
@media (min-width: 50em) { .sl-wrapper .sl-image iframe { border: 0 none; } }
.sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #fff; background: rgba(0, 0, 0, 0.5); font-size: 13px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; text-transform: uppercase; }
.sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0; }
.sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto; }
.sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #222; z-index: 1060; }
.sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; -webkit-animation: pulsate 1s ease-out infinite; -moz-animation: pulsate 1s ease-out infinite; -ms-animation: pulsate 1s ease-out infinite; -o-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite; }
.sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.sl-transition { transition: -moz-transform ease 200ms; transition: -ms-transform ease 200ms; transition: -o-transform ease 200ms; transition: -webkit-transform ease 200ms; -webkit-transition: -webkit-transform ease 200ms; -o-transition: transform ease 200ms; transition: transform ease 200ms; transition: transform ease 200ms, -webkit-transform ease 200ms; }
@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1);
opacity: 0.0; }
50% { opacity: 1; }
100% { -webkit-transform: scale(1.2); transform: scale(1.2);
opacity: 0; } }
@keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1);
opacity: 0.0; }
50% { opacity: 1; }
100% { -webkit-transform: scale(1.2); transform: scale(1.2);
opacity: 0; } }
@-moz-keyframes pulsate { 0% { transform: scale(0.1);
opacity: 0.0; }
50% { opacity: 1; }
100% { transform: scale(1.2);
opacity: 0; } }
@-o-keyframes pulsate { 0% { transform: scale(0.1);
opacity: 0.0; }
50% { opacity: 1; }
100% { transform: scale(1.2);
opacity: 0; } }
@-ms-keyframes pulsate { 0% { -ms-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; }
50% { opacity: 1; }
100% { -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; } }