/*
	Theme Name: The Recording Estates
	Description: Client custom theme
	Author: Collective Movement
	
	Version: 3.4.2
	
	Template: genesis
	Template Version: 3.4.2

*/

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../recording-estates/fonts/poppins-v22-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../recording-estates/fonts/poppins-v22-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../recording-estates/fonts/poppins-v22-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../recording-estates/fonts/poppins-v22-latin-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../recording-estates/fonts/poppins-v22-latin-800.woff2') format('woff2');
}

/* General */
html { box-sizing: border-box; font-size: 62.5%; -webkit-font-smoothing: antialiased; }
body { background-color: #fff; color: #333; font-family: 'Poppins'; font-size: 1.8rem; font-weight: 400; line-height: 1.625; margin: 0; }
*, *::before, *::after { box-sizing: inherit; }
.clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .site-menu:before, .widget:before, .wrap:before { content: " "; display: table; }
.clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .site-menu:after, .widget:after, .wrap:after { clear: both; content: " "; display: table; }
button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { transition: all 0.2s ease-in-out; }
a { color: #000; text-decoration: none; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
a:focus, a:hover { color: #333; text-decoration: none; outline-width: 0; }
:focus { color: #333; outline: none; }
ul { margin: 0; padding: 0; }
li { list-style-type: none; }
h1, h2 { margin: 0; padding: 0; }
p { color: #1a1a1a; font-family: 'Poppins'; font-size: 1.8rem; font-weight: 400; line-height: 1.6; margin: 0; padding: 0; }
.entry { display: flex; justify-content: center; margin: 0; }
.entry p { font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
h1.entry-title { color: #1a1a1a; font-family: 'Poppins'; font-size: 1.8rem; font-weight: 600; letter-spacing: .08em; line-height: 1.2; text-align: center; text-transform: uppercase; }
embed, iframe, img, object, video, .wp-caption { max-width: 100%; }
img { height: auto; vertical-align: top; }
.preload * { -webkit-transition: none !important; transition: none !important; }

/* Screen Reader */
.screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; color: #333; display: block; font-size: 1em; font-weight: bold; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; }
.more-link { display: inline-block; position: relative; margin-bottom: 30px; }

/* Framework */
.site-container { display: flex; flex-direction: column; word-wrap: break-word; position: relative; }
.site-inner { clear: both; margin: 0 auto; padding: 0; width: 100%; min-height: 100vh; flex: 1 0 auto; }

/* Content */
.content { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; padding: 2em; max-width: 1480px; }

/* Widgets */
.widget { margin-bottom: 40px; }
.widget p:last-child, .widget ul > li:last-of-type { margin-bottom: 0; }
.widget ul > li { margin-bottom: 5px; padding-bottom: 5px; }
.widget ul > li:last-of-type { padding-bottom: 0; }
.widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; }
.widget li li { border: 0; margin: 0 0 0 30px; padding: 0; }

/* Skip Links */
.genesis-skip-link { margin: 0; }
.genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; }
.genesis-skip-link li { height: 0; list-style: none; width: 0; }

/* Site Header */
.site-header { display: flex; flex-direction: row; flex-wrap: wrap; background-color: #f1f1f1; position: relative; min-height: 100px; padding: 0 2em; width: 100%; z-index: 9999; }
.site-header .wrap { display: flex; align-items: center; margin: 0 auto; padding: 0; max-width: 100%; width: 100%; position: relative; }

/* Title Area */
.title-area { display: flex; align-items: center; margin-left: 0; margin-right: auto; padding: 1em 0; }
.title-area a { display: block; }
.title-area img { width: 100%; max-width: 200px; }
.site-title { font-size: 2rem; font-weight: 600; line-height: 1; margin-bottom: 0; }
.site-title a, .site-title a:focus, .site-title a:hover { color: #333; text-decoration: none; }
.site-description, .site-title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }

/* Site Navigation */
#sitenav { display: flex; align-items: center; height: 100%; }
#sitenav.hidden { display: none; }

#menu-original .site-menu { width: 100%; height: 100%; }
#menu-original .site-menu .recording-estates-menu { clear: both; display: flex; align-items: center; width: 100%; height: 100%; }
#menu-original .site-menu .recording-estates-menu .menu-item { position: relative; height: 100%; }
#menu-original .site-menu .recording-estates-menu .menu-item a { color: #1a1a1a; display: flex; align-items: center; justify-content: center; font-family: 'Poppins'; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.02em; line-height: 1.4em; text-align: center; text-decoration: none; text-transform: uppercase; padding: 0 20px; height: 100%; }
#menu-original .site-menu .recording-estates-menu .menu-item a:hover, #menu-original .site-menu .recording-estates-menu .menu-item a:focus, #menu-original .site-menu .recording-estates-menu .menu-item.current-menu-item > a, #menu-original .recording-estates-menu .menu-item .sub-menu .current-menu-item > a:hover, #menu-original .site-menu .recording-estates-menu .menu-item .sub-menu .current-menu-item > a:focus, #menu-original .site-menu .recording-estates-menu .menu-item.current-menu-parent > a, #menu-original .site-menu .recording-estates-menu .menu-item .sub-menu .current-menu-parent > a:hover, #menu-original .site-menu .recording-estates-menu .menu-item .sub-menu .current-menu-parent > a:focus { color: #b4b4b4; text-decoration: none; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }

/* Site Navigation Sub-menu */
#menu-original .site-menu .recording-estates-menu .menu-item.sfHover > .sub-menu { opacity: 1;  }
#menu-original .site-menu .recording-estates-menu .sub-menu { background-color: #f1f1f1; display: flex; flex-direction: column; position: absolute; top: 97px; min-width: 129px; padding: .25em 0; opacity: 0; transition-delay: 500ms; z-index: 9999; }
#menu-original .site-menu .recording-estates-menu .sub-menu .sub-menu-item { width: 100%; }
#menu-original .site-menu .recording-estates-menu .sub-menu .sub-menu-item a { color: #1a1a1a; font-size: 1.35rem; font-weight: 400; padding: 12px 10px; word-wrap: break-word; visibility: visible; }
#menu-original .site-menu .recording-estates-menu .sub-menu .sub-menu-item a:hover { color: #b4b4b4; }
#menu-original .site-menu .recording-estates-menu .sub-menu .sub-menu-item.current-menu-item a { color: #1a1a1a; }

/* Mobile Nav */

/** Menu Button*/
nav:not( .mm-menu ) { display: none; }

.mm-mobile { overflow: hidden; position: relative; }

#menu-button { display: block; width: 25px; height: 19px; margin: 0; cursor: pointer; background: transparent; border-radius: 5px; }
#menu-button #hamburger { position: absolute; }
#menu-button #hamburger span { width: 25px; height: 2px; position: relative; top: 0; left: 0; margin: 6px 0; display: block; background: #1a1a1a; border-radius: 2px; }
#menu-button #hamburger span:first-of-type { margin: 0 0 6px; }
#menu-button #hamburger span:last-of-type { margin: 6px 0 0; }

/** Expanded Mobile Menu*/
#menu.mm-menu { -webkit-tap-highlight-color: transparent; }
.mm-menu--opened.mm-menu--offcanvas { width: 100%; min-width: 325px; max-width: 375px; transition: opacity .5s ease .25s,transform .5s ease .25s; }
.mm-navbars--top { max-height: 80px; min-height: 60px; border: none; }
.mm-navbars--top .mm-navbar { background: #1c1b1b; border-bottom: none; display: flex; align-items: center; max-height: 80px; min-height: 60px; padding: 0; position: relative; text-align: center; height: 80px; }
.mm-navbars--top .mm-navbar>* { display: inline; padding: 0; }

.mm-navbars--top .mm-navbar .close-panel { line-height: 0; margin-left: 0; position: absolute; left: 30px; top: calc(50% - 10px); }
.mm-navbars--top .mm-navbar .close-panel:before { content: ""; position: absolute; top: -8px; right: -12px; left: -12px; bottom: -8px; transform: translateZ(0); cursor: pointer; }
.mm-navbars--top .mm-navbar .close-panel svg { background: 0 0; color: #fff; display: inline-block; stroke-width: 1.5px; fill: currentColor; vertical-align: middle; overflow: hidden; pointer-events: none; width: 15px; height: 15px; }

.mm-panels .mm-panel { background: #1c1b1b; transition: none!important; transition-duration: 0s!important; transform: translate3d(0,0,0); visibility: visible; z-index: 2; }

.mm-panels .mm-panel:after, .mm-panels .mm-panel:before { height: auto; }

.mm-panels .mm-panel .mm-listview { padding: 0 30px; }
.mm-panels .mm-panel .mm-listview .mm-listitem { overflow: hidden; padding: 0;  width: 100%; }
.mm-panels .mm-panel .mm-listview .mm-listitem:after { border-color: #555454; left: 0; }
.mm-panels .mm-panel .mm-listview .mm-listitem a { display: block;  color: #fff; cursor: pointer; font-family: 'Montserrat', sans-serif; font-size: 1.22rem; font-weight: 500; letter-spacing: .2em; margin: 0; padding: 20px 10px 22px; text-align: left; text-transform: uppercase; white-space: nowrap; transition: color .2s ease-in-out; }
.mm-panels .mm-panel .mm-listview .mm-listitem a:hover { color: #fff; }
.mm-panels .mm-panel .mm-listview .mm-listitem.mm-listitem_selected a { background: transparent; color: #fff; }

.mm-panels .mm-panel .mm-listview .mm-listitem .mm-listitem__btn { background: transparent; border-left-style: none; border-left-width: 0; position: absolute; right: 0px; top: 8px; width: 45px; height: 11px; }
.mm-panels .mm-panel .mm-listview .mm-listitem .mm-listitem__btn:before { content: ''; background: #fff; border: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate( -90deg ); transition: transform .4s ease-in-out,opacity .4s ease-in-out; width: 11px; height: 1px; opacity: 1; }
.mm-panels .mm-panel .mm-listview .mm-listitem .mm-listitem__btn:after { content: ''; background-color: #fff; border: none; margin: 0; position: absolute; top: 50%; left: 50%; right: 0; bottom: auto; transform: translate(-50%,-50%) rotate( -90deg ); transition: transform .4s ease-in-out,opacity .4s ease-in-out; width: 1px; height: 11px; }
.mm-panels .mm-panel .mm-listview .mm-listitem.mm-listitem--opened .mm-listitem__btn:before { opacity: 0; transform: translate(-50%,-50%) rotate( 90deg ); }
.mm-panels .mm-panel .mm-listview .mm-listitem.mm-listitem--opened .mm-listitem__btn:after { transform: translate(-50%,-50%) rotate( 90deg ); }

.mm-panels .mm-panel .mm-listview .mm-listitem--selected>.mm-listitem__text { background: rgba(80, 80, 80, .75); }

/* Mobile Menu Sub-Menu */
.mm-panels .mm-panel .mm-listview .mm-listitem .sub-panel { background: transparent; padding: 0; transition: height .35s ease-in-out,visibility 0s ease-in-out .35s !important; visibility: hidden; height: 0; display: block !important; overflow: hidden; }
.mm-panels .mm-panel .mm-listview .mm-listitem.mm-listitem--opened .sub-panel { transition: height .35s ease-in-out !important; visibility: visible; height: 120px; overflow: visible; }
.mm-panels .mm-panel .mm-listview .mm-listitem .sub-panel .mm-listview { padding: 0; }
.mm-panels .mm-panel .mm-listview .mm-listitem .sub-panel .mm-listview .mm-listitem:after { border: none; }
.mm-panels .mm-panel .mm-listview .mm-listitem .sub-panel .mm-listview .mm-listitem { margin-left: 15px; margin-bottom: 0; }
.mm-panels .mm-panel .mm-listview .mm-listitem .sub-panel .mm-listview .mm-listitem a { color: #ffffff80; font-size: 11px; line-height: 1.6em; padding: 14px 5px; }

.mm-panels .mm-panel .mm-listview .mm-listitem.mm-listitem--opened #mm-2.sub-panel { height: 115px; }
.mm-panels .mm-panel .mm-listview .mm-listitem.mm-listitem--opened #mm-3.sub-panel { height: 75px; }

/* Mobile Menu - Footer Social */
.mm-navbars.mm-navbars--bottom { background: #1c1b1b; border-top: 1px solid #555454; box-shadow: 0 1px rgba(255, 255, 255, 0.25) inset; color: rgba(255, 255, 255, 0.5); padding: 2px 0; height: 48px; min-height: auto; }
.mm-navbars.mm-navbars--bottom .mm-navbar { background: #1c1b1b; border-top: none; max-width: 246px; margin: 0 auto; }
.mm-navbars.mm-navbars--bottom .mm-navbar a { color: #8e8d8d; font-size: 1.55rem; }

/* Pagination */
.pagination { clear: both; }
.adjacent-entry-pagination { margin-bottom: 0; }
.archive-pagination li { display: inline; }
.archive-pagination li a { background-color: #f5f5f5; color: #333; cursor: pointer; display: inline-block; font-size: 1.6rem; font-weight: 600; margin-bottom: 4px; padding: 8px 12px; text-decoration: none; }
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #333; color: #fff; }

/* Footer Widgets */
.widget p:last-child, .widget ul > li:last-of-type, .widget-area .widget:last-of-type { margin-bottom: 0; }
.footer-widgets { background-color: #f0f0f0; clear: both; padding: 1em 0 .5em; }
.footer-widgets .footer-inner { margin: 0 auto; padding: 0 2em; }
.footer-widgets .footer-inner .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; max-width: 1480px; }
.footer-widgets .footer-inner .wrap:before, .footer-widgets .footer-inner .wrap:after { content: none; }
.footer-widgets .footer-widget-area .widget { margin-bottom: 0; }

.footer-widgets-1 { width: 100%; }

/* Footer Widget - 1st Footer Module */
.company-widget { display: flex; flex-direction: column; }
.company-widget .company-footer-logo { display: flex; flex-direction: column; align-items: center; padding: .5em 0; }
.company-widget .company-footer-logo img { max-width: 200px; }
.footer-menu-widget { padding: .5em 0; }
.footer-menu-widget .footer-menu { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; max-width: 450px; }
.footer-menu-widget .footer-menu li { padding: 0; margin: 0; }
.footer-menu-widget .footer-menu li a { color: #000; font-family: 'Poppins'; font-size: 1.6rem; font-weight: 500; line-height: 1.4; }


/* Site Footer */
.site-footer { background-color: #e4e4e4; padding: 10px 0; text-align: center; }
.site-footer p { color: #7d7d7d; font-family: 'Poppins'; font-size: 1.2rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4em; margin: 0; }
.site-footer a { color: #7d7d7d; text-decoration: none; }
.site-footer a:hover { color: #b4b4b4; }
.site-footer .widget { margin-bottom: 0; }
.copyright-privacy-widget { display: flex; justify-content: center; }
.copyright-privacy-widget p:last-of-type { padding-left: 0.5em; }

/* Extras */

/** Mobile Menu Responsive*/
@media (min-width: 64.01em) {
nav:not( .mm-menu ) { display: block; width: 100%; height: 100%; }
#menu-button { display: none; }
.mobile #menu-button { display: block; }
.menu-toggle { display: none; }
}

/** Mobile Menu*/
.mobile nav:not( .mm-menu ) { display: none; }

/* Media Queries */
@media only screen and (max-width: 1480px) {}

@media only screen and (max-width: 1280px) {
.site-header { min-height: 95px; }
.title-area img { max-width: 195px; }
.company-widget .company-footer-logo img { max-width: 195px; }
}

@media only screen and (max-width: 1140px) {
.title-area img { max-width: 185px; }
.company-widget .company-footer-logo img { max-width: 185px; }
}

@media only screen and (max-width: 1080px) {}

@media only screen and (max-width: 1024px) {
.site-header { min-height: 90px; }
.title-area img { max-width: 175px; }
#sitenav { margin: 0; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); }
.company-widget .company-footer-logo img { max-width: 175px; }
}

@media only screen and (max-width: 880px) {}

@media only screen and (max-width: 768px) {
.site-header { padding: 0 1.5em; }
.content { padding: 2em 1.5em; }
.footer-widgets .footer-inner { padding: 0 1.5em; }
}

@media only screen and (max-width: 719px) {}

@media only screen and (max-width: 640px) {
.site-header { min-height: 85px; }
.title-area img { max-width: 165px; }
.entry p { font-size: 1.7rem; }
.mm-wrapper--opened .mm-menu--opened.mm-menu--offcanvas { max-width: 350px; }
.footer-widgets { padding: .8em 0 .5em; }
.company-widget .company-footer-logo { padding: .25em 0; }
.company-widget .company-footer-logo img { max-width: 165px; }
.footer-menu-widget { padding: .25em 0 .5em; }
.footer-menu-widget .footer-menu li a { font-size: 1.5rem; }
}

@media only screen and (max-width: 580px) {
.title-area { padding: .8em 0; }
.title-area img { max-width: 160px; }
.company-widget .company-footer-logo img { max-width: 160px; }
}

@media only screen and (max-width: 520px) {}

@media only screen and (max-width: 480px) {
.site-header { min-height: 80px; padding: 0 1.2em; }
.title-area img { max-width: 155px; }
.mm-wrapper_opened .mm-menu_opened.mm-menu_offcanvas { max-width: 325px; }
.content { padding: 2em 1em; }
.entry p { font-size: 1.6rem; }
.footer-widgets { padding: .5em 0; }
.company-widget .company-footer-logo img { max-width: 155px; }
.footer-menu-widget { padding: .25em 0; }
.footer-menu-widget .footer-menu { max-width: 400px; }
}

@media only screen and (max-width: 420px) {
.site-header { min-height: 68px; }
#menu .mm-listview .menu-item.menu-highlight { width: 125px; }
#menu .mm-listview .menu-item.menu-highlight a { padding: 8px; }
}