/* Theme Name: The Music Room TMR Child Theme URI: https://generatepress.com Description: Default GeneratePress child theme Author: Tom Usborne Author URI: https://tomusborne.com Template: generatepress Version: 3.1.3 */ @font-face { font-family: 'Abuget'; src: url(//themusicroomtmr.com/wp-content/uploads/2022/09/Abuget.woff2) format('woff2'), url(//themusicroomtmr.com/wp-content/uploads/2022/09/Abuget.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Din-Grotesk-Medium'; src: url(//themusicroomtmr.com/wp-content/uploads/2022/09/DINNeuzeitGroteskStd-Light.woff2) format('woff2'), url(//themusicroomtmr.com/wp-content/uploads/2022/09/DINNeuzeitGroteskStd-Light.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } body, p, body > a, ul, li{font-family: 'Din-Grotesk-Medium';font-size: 16px;line-height: 1.65;} a{text-decoration:none !important} .hentry .entry-content a{text-decoration:none !important} .font-din{font-family: 'Din-Grotesk-Medium' !important} .font-abuget{font-family: 'Abuget' !important;} .hide, .single-tribe_events #tribe-events-pg-template .tribe-events-back, .single-tribe_events #tribe-events-pg-template .tribe-events-single-event-title, .single-post .featured-image{display:none !important} .before-text {position: absolute !important;font-size: 110px;line-height: 120px !important;color: #e7e7e7;top: 0px;z-index: 0 !important;left: 0;bottom: auto;margin-bottom: 0px !important;display: inline-block !important;padding-left: 20px;width: 100%;font-weight: initial;} .no-sidebar .entry-content .alignfull {width: 100%;margin-left: auto;margin-right: auto;} .mb-0, .single-tribe_events #tribe-events-content{margin-bottom:0px !important} .mb-20{margin-bottom:20px !important} .mb-5{margin-bottom:5px !important} .mb-10, .mb-10 table{margin-bottom:10px !important} .mb-neg-70{margin-bottom:-70px !important} .column-gap{gap:1em !important} :where(.wp-block-columns.has-background) {padding: 1.25em;} .line-height_1_3{line-height: 1.3 !important;} .position-relative{position:relative;} .mt-20, .counter-style .wpsm_count-title{margin-top:20px !important} .inside-top-bar{padding:0px 20px;} .inside-header,.inside-site-info {padding: 10px 20px;} .top-bar{overflow:hidden;} .top-bar .inside-top-bar, .top-bar .inside-top-bar .widget{display:block !important;} .top-bar-align-right .widget:first-child{margin-left:0px !important} .top_highlight {position: relative;z-index: 0;} .top_highlight:before {content: "";position: absolute; background: #af2443; width: 5000px;height: 100%;z-index: -1;left: -70px;right: 0;top: 0;bottom: 0;} /* Button Style */ .single-button-line{position:relative;} .single-button-line .uagb-button__wrapper:before, .single-button-line .uagb-button__wrapper:after {content: "";position: absolute;background: #fff;height: 1px;top: 24px;left: 0;width: calc(50% - 70px);right: 0;} .single-button-line .uagb-button__wrapper:after {left: auto;right: 0;} .btn-design .uagb-button__wrapper a {padding: 10px 22px;background: transparent !important;border-radius: 0px !important; border: none !important;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;line-height: 26px;position: relative;z-index: 0;} .btn-design .uagb-button__wrapper a:before, .btn-design .uagb-button__wrapper a:after {content: "";position: absolute; left: 0;width: 100%;height: 2px;background: #ffffff;top: 0;z-index: -1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;} .btn-design .uagb-button__wrapper a:after {bottom: 0;top: auto;} .btn-design .uagb-button__wrapper a:hover:before, .btn-design .uagb-button__wrapper a:hover:after {height: 100%; background: #f5f5f5;transition: all .3s ease;} .btn-design .uagb-button__wrapper a:hover {color:#af2443 !important} .single-button-line.color-line-btn .uagb-button__wrapper:before, .single-button-line.color-line-btn .uagb-button__wrapper:after {background: #ae2543;} .btn-design.color-line-btn .uagb-button__wrapper a:before, .btn-design.color-line-btn .uagb-button__wrapper a:after { background: #ae2543;} .btn-design.color-line-btn .uagb-button__wrapper a:hover{color:#fff !important} .btn-design.color-line-btn .uagb-button__wrapper a{color:#a81f39; display: flex;align-items: center;} /* End Button Style */ .classes-style .swiper-slide .slideContent {height: 120px !important;bottom: -70px;left: 0;right: 0;transition: all 300ms linear;background: linear-gradient(to bottom, transparent 20%, rgb(175 36 67 / 80%));display: flex;} .classes-style .swiper-slide .slideContent .slideTitle {left: 0 !important;right: 0;text-transform: uppercase;top: 0 !important;font-size: 24px !important;padding: 0px 10px;} .classes-style .swiper-slide .slideContent .slideBtn { top: 60px !important;padding: 0px !important;background: transparent !important;right: 0 !important;display: inline-block !important;left: 0 !important;width: 100px !important;margin: auto;padding-bottom: 5px !important;border-bottom: 2px solid #ffffff;} .classes-style .swiper-slide:hover .slideContent{bottom: 0px;transition: all 300ms linear;} .instructor img {padding: 12px;transition: all .5s ease;box-shadow: inset 0 0 0 7px transparent !important;} .instructor:hover img{transition: all .5s ease;box-shadow: inset 0 0 0 7px #ef7f2d !important;} .instructor h6 a {margin-top: 10px !important;display: block;color: #000;text-decoration: none;} .post_design article, .news {border: 1px solid #ddd !important;border-radius: 20px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%) !important;transition: 0.5s ease-in-out;transform-origin: 0 0 0;} .post_design article:hover, .news:hover {transform: translateY(-10px);transition: 0.5s ease-in-out;} .post_design article .uagb-post__image img {border-top-right-radius: 20px;border-top-left-radius: 20px;padding: 10px; height: 231px;object-fit: cover;/*border-bottom: 1px solid #ddd;*/object-position:top} .post_design article h4 {min-height: 65px;} .breadcrum-right {text-align: right;font-weight: 600;text-transform: uppercase;} .breadcrum-right a {color: #af2443;} .heading-border, .image-radius figure, .single-tribe_events .tribe-events-event-image {position: relative;} .image-radius img, .single-tribe_events .tribe-events-event-image img {box-shadow: 0px 5px 15px rgb(0 0 0 / 22%);border-bottom-right-radius: 30px;border-top-left-radius: 30px;} .image-radius figure:before, .single-tribe_events .tribe-events-event-image:before {position: absolute;content: '';border-bottom: 220px solid transparent;border-right: 220px solid #af2443; left: auto;top: -20px;z-index: -1;right: -20px;} .heading-border:before {content: "";position: absolute;width: 100%;height: 2px;background: #fff;bottom: 0;margin: auto; right: 0;} .counter-style .wpsm_count-icon {width: 100px;height: 100px;display: flex !important;align-items: center;justify-content: center;border: 1px solid rgb(175 36 67);border-radius: 100%;position: relative;background: rgb(175 36 67 / 70%);margin-bottom: 40px !important;} .counter-style .wpsm_count-icon:before {content: "";position: absolute;width: 130px;height: 130px;border: 1px solid #fff; border-radius: 100%;} .counter-style .wpsm_number, .counter-style .wpsm_count-title {font-family: 'Poppins' !important;font-weight: 800 !important;} .counter-style .wpsm_col-md-4:nth-child(1) .wpsm_number .counter:after {content: "years"; font-size: 20px;margin-left: 8px;position: relative;top: -5px;} .counter-style .wpsm_col-md-4:nth-child(2) .wpsm_number .counter:after, .counter-style .wpsm_col-md-4:nth-child(3) .wpsm_number .counter:after {content: "+"; font-size: 30px;margin-left: 8px;position: relative;top: -5px;} .counter-style .wpsm_col-md-4:nth-child(3) .wpsm_number .counter:before{content: "Over";font-size:30px;margin-right: 8px;position: relative;top: -5px;} .footer-widgets-container {padding: 40px 20px;} .footer-widgets {background-color: #1c222f;} #block-9 img {background: #fff;border-radius: 9px;padding: 2px;} #block-9 li.wp-social-link {font-size: 25px;margin-bottom: 10px;} .footer-contact-icon-color .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap svg {fill: #fff !important; color: #fff !important;} .form_design .label {font-family: 'Poppins';text-transform: uppercase;color: #000; font-weight: 600;font-size: 13px;} .form_design input[type="text"], .form_design input[type="email"], .form_design textarea {width: 100%;height: 40px; background: #fff;box-shadow: 0px 0px 10px 8px rgb(238 245 255 / 56%);border-color: #ddd;font-size: 13px;padding: 0px !important;text-indent: 10px;letter-spacing: 1px;} .form_design textarea {height:auto} /** Events & Single Event Page **/ .single-tribe_events #tribe-events-pg-template {max-width: 100%;width: 100%;padding: 0px;} .single-tribe_events #tribe-events-footer{background:#fff;margin: 0px;max-width: 992px;margin: auto;padding: 10px 20px;} .single-tribe_events #tribe-events-content{background:#fff} .tribe-events-page-template .site.grid-container {max-width: 100%;background: #fff;} .tribe-events-page-template .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding-bottom: var(--tec-spacer-8); padding-top: var(--tec-spacer-8);} .tribe-events-page-template .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {margin: var(--tec-spacer-4) var(--tec-grid-gutter-half-negative) var(--tec-spacer-6);border-left: 2px solid #b02444;} .tribe-events-page-template .tribe-common--breakpoint-medium.tribe-events article .tribe-events-calendar-list__event-featured-image-wrapper img { width: 300px;margin: auto;margin-right: 0px;} .tribe-events-page-template .tribe-events .tribe-events-calendar-list__event-date-tag-datetime {align-items: center;justify-content: center;border: 2px solid #ad2442;height: auto;padding: 18px;border-radius: 100%;} .tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {font-size: var(--tec-font-size-5);font-weight: 600;background: #ae2543;color: #fff;padding: 0px 15px;border-radius: 50px;} /** End **/ .table_style{border:1px solid #ddd !important;} .table_style table{margin-bottom:0px;} .table_style td, .table_style th {border: 1px solid rgba(0,0,0,0);text-align: left;margin-bottom:0px;} .table_style table thead tr th {background: #a81f39;color: #fff;font-size: 13px;letter-spacing: 1px;border: 1px solid #fff !important;} .table_style table tbody tr td:nth-child(1), .table_style table tbody tr td:nth-child(4) {font-weight: 600;} .post_design .page-numbers.current, .post_design .page-numbers:hover {background: #ae2543 !important;color:#fff; border-color: #ae2543 !important;} .post_design .page-numbers{padding: 6px 15px !important;} /** Single Post Banner **/ .Page-Banner-Post {position: absolute;width: 100%;left: 0;right: 0;min-height: 350px;padding-top: 60px;padding-bottom: 60px;padding-left: 40px;padding-right: 40px;row-gap: 20px;column-gap: 20px;overflow: visible;background-image: linear-gradient(220deg,rgba(0,0,0,0.64) 15%,rgba(176,37,67,0.59) 100%), url(//themusicroomtmr.com/wp-content/uploads/2022/11/About-TMR.jpg);background-repeat: no-repeat;background-position: 50% 20%;background-size: cover; background-attachment: scroll;} .Page-Banner-Post .uagb-container__shape-bottom {transform: rotate(180deg);z-index: 9;bottom: -3px;overflow: hidden;position: absolute;left: 0;width: 100%;line-height: 0;direction: ltr;z-index: 1;} .Page-Banner-Post .uagb-container__shape-bottom svg {height: 70px;width: calc( 100% + 1.3px );transform: translateX(-50%) rotateY(180deg);position: relative;left: 50%;} .Page-Banner-Post .uagb-container__shape-bottom svg path{fill: rgb(255 255 255);} .single-post .content-area {padding-top: 350px;} .Page-Banner-Post .alignfull {max-width: 1200px;margin: auto;width: 100%;flex-direction: column; justify-content: flex-end; height: calc(350px - 120px);display: flex;} .single-post .featured-image{text-align:center;} .single-post .entry-header .entry-meta, .single-post .category-newsletter .featured-image{display:none;} body.single-post{background:#fff;} .category-newsletter .page-header {padding: 10px !important;background: #af2443 !important;} .category-newsletter .page-header .page-title {color: #fff;font-size: 20px;} /** End Single Post Banner **/ .topbutton {height:50px; width:50px; position:fixed; right:15px; bottom:15px; Z-index:2; background-image:url(//themusicroomtmr.com/wp-content/uploads/2022/11/move-up.png); background-size: contain;background-color: rgba(230, 230, 230, 0.8);border-radius: 7px; background-repeat:no-repeat; display:none;} .mark-block .uagb-highlight {display: block;} .stripe-border-color table,.stripe-border-color td,.stripe-border-color th{border-color:var(--accent);} .sparkle-border-box{position: relative;} .sparkle-border-box:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;width:calc(100% - 20px);height:calc(100% - 20px);border: 3px dashed transparent;animation: sparkle-border 2s infinite linear;} .uagb-block-45d013f5.wp-block-uagb-image--layout-default figure img {padding:10px;} @keyframes sparkle-border { 0% {border-color: #a2df73;} 25% {border-color: #fbf15b;} 50% {border-color: #ed6fff;} 75% {border-color: #53a5fd;} 100% {border-color: #fbf15b;} } @media (max-width:992px){ #block-7 .wp-block-columns{display:block !important} .main-navigation .main-nav ul li a{line-height:40px;} #block-7 .uagb-icon-list__wrap {display: block;padding-bottom: 0px;text-align: center;} #block-7 .uagb-icon-list__wrap .wp-block-uagb-icon-list-child { margin-left: 0px;margin-bottom: 12px;} .classes-style .slide .sliderContent{display:block !important;height: auto !important;padding: 30px 18px !important;} #block-9 .has-text-align-center{text-align:left !important} #block-9 .wp-block-social-links{justify-content:flex-start !important} #block-9 .wp-block-columns, #block-7 .wp-block-columns{flex-wrap:nowrap !important} #block-9 .wp-block-columns figure{margin-left:0px !important} .tabs-hide{display:none !important} .tabs-center{text-align:center;} } @media (min-width:768px){ .menu-item-has-children .dropdown-menu-toggle{padding-right:0px;} .main-navigation .main-nav ul li a{padding:0px 10px;} .site-header{position:sticky !important;box-shadow: 0px 3px 5px rgb(0 0 0 / 10%);top: 0px;z-index: 999;} .logged-in.admin-bar .site-header{top:32px;} .main-navigation ul ul{width: 246px;} .single-post #right-sidebar{padding-top:350px;} } /*@media (max-width:768px){ .before-text{font-size: 85px;line-height: 75px !important;} }*/ @media (max-width:480px){ .before-text{font-size: 60px;} }