/* ~~~~~~~~~ admin view-as bar ~~~~~~~~~~ */
#admin-view-bar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 99999;
  background: #b85c00;
  color: #fff;
  padding: 8px 16px;
  font-size: 13px;
  text-align: center;
  line-height: 1.4;
}
#admin-view-bar i { margin-right: 6px; }
#admin-view-bar a {
  color: #fff;
  font-weight: 700;
  margin-left: 14px;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 4px;
  padding: 1px 8px;
}
#admin-view-bar a:hover { background: rgba(255,255,255,0.15); }

/* ~~~~~~~~~ layout ~~~~~~~~~~ */
:root {
  --main-bg-color: #005e7a;
  --alt-bg-color: #17BEBB;
  --main-btn-color: #165e7b;
  --main-btn-text-color: #fff;
  --main-block-color: #2E282A;
  --main-highlight-color: #e8db7d;
  --main-link-color: #5290e1;
}
a {
  text-decoration: none;
  color: #5290e1;
}
.hidden { display: none !important; }
#mainNav {
  z-index: 9999999;
}
#ideas {
  font-size: 16px;
  margin: 20px 0;
  border: 4px solid #dfa535;
  padding: 10px;
  text-align: center;
}
.footer-ad { display: grid; grid-template-columns: 60% 40%; background-color: #282627; padding: 20px 15%; }
.footer-ad img { width: 100%; }
.footer-ad h3 { text-align: right; padding: 50px 50px 20px; }
.footer-ad p { text-align: right; padding-right: 50px; font-size: 16px; }
.nomargin { margin: 0 !important; }
#banner-12345 {
    display: none;
    margin-bottom: 30px;
    padding: 20px 10px;
    border-radius: 5px;
    background: #7E7F9A;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 120px;
}
#top_bar {
	padding: 10px 10px 10px;
	margin: 0;
	height: 50px;
	/*box-shadow: 0px 3px 4px 0px #bfbfbf;*/
	overflow: hidden;
  border-bottom: 4px solid #666;
}
#top_bar a, #top_bar_left_hidden a, #top_bar_right a, #top_bar_right_hidden a {
	width: 85px;
	text-align: center;
	float: left;
	clear: none;
	color: #000;
}
#top_bar_left_hidden, #top_bar_right_hidden, #top_bar_left_hidden a, #top_bar_right_hidden a {

}
#top_bar i {
	font-size: 18px;
	color: #cc8a8a;
}
#top_bar_left {
	float: left; clear: left;
}
#top_bar_right {
	float: right; clear: none;
}
#container {
    width: 1000px;
    margin: 0px auto 100px;
    overflow: hidden;
    background-color: #f8fdff;
}
#mainSection3, #mainSection4 {
    background-color: #f8fdff;
    min-height: 60vh;
}
#tools_container {
  /* margin: 70px auto 0; */
  overflow: hidden;
  /* background-color: #282627; */
  padding: 70px 20px;
}
#tools_container h1 {
    /* font-size: 4.4em; */
    /* color: white; */
}
#tools_container h2 {
    /* color: white; */
    margin: 20px 0;
}
#contactForm {
    float: left;
    clear: none;
    width: 700px;
    /*margin:0 5px 0 0;*/
    /*padding:20px;*/
    /*color:#fff;*/
}

#contactForm h2 {
    font-size: 2.5em;
    margin-bottom: 10px;
    /*color:#fff;*/
}

#contactForm input[type="text"] {
    width: 200px;
}

#contactForm .textarea {
    height: 100px;
    width: 600px;
}
.formSubmit {
  clear: left;
  padding: 10px 0 4px;
}
.divider {
  border-bottom: 1px solid #ccc;
  height: 30px;
  width: 400px;
}
.account-divider {
  margin: 30px 0 0;
  background-color: #eee;
  padding: 20px;
  float: left;
  width: 87%;
}
.account-divider h3 {
  font-size: 20px;
  margin: 0 !important;
}
#retry_upload { display: none; }
.upload-description {
  width: 595px;
  height: 100px;
  font-size: 14px;
  padding: 6px;
}
#charts-sort, #account-menu {
  display: grid;
  grid-template-columns: 160px 170px 160px;
  grid-gap: 30px;
  margin: 40px 0;
  font-size: 16px;
}
#charts-sort div, #account-menu div {
  text-align: center;
  padding: 10px 0;
}
#charts-sort div a {
  color: #eee;
}
#account-menu div a {
  color: #666;
}
.active_chart {
  border-bottom: 2px solid #F3DE8A;
}
.active_chart_link {
  color: #fff !important;
  font-weight: bold;
}
.active_account_link{
  color: #272838 !important;
  font-weight: bold;
}
.fa-heart { color: red; }
.music-item {
  color: #fff;
  padding: 0;
  margin: 15px 10px 0 0;
  background-color: #443d3d;
  display: grid;
  grid-template-columns: 80px 1fr 85px 85px;
  grid-gap: 10px;
  clear: left;
}
.music-item-profile {
    /* color: #fff; */
    padding: 0 0 60px;
    margin: 15px 0 0;
}
.music-item h2, .music-item-profile h2 {
  color: #fff;
}
.music_plays, .music_mover {
  font-size: 14px;
  text-align: center;
  background-color: #F3DE8A;
  color: #13161d;
}
.music_plays {
    padding-top: 45px;
}
.music_plays span {
  font-size: 50px;
  line-height: 10px;
}
.music_mover i {
  font-size: 80px;
  color: white;
  padding-top: 15px;
}
.title-music-latest {
  float: right;
  font-size: 18px;
  text-transform: uppercase;
}
.music-item-latest {
  color: #414141;
  padding: 0;
  margin: 15px 0;
  box-shadow: 0px 6px 4px 0px #b1b1b1;
  background-color: #f1f3f4;
}
.music-item-inner {
  padding: 0;
  font-size: 16px;
}
.collab_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.collab_grid_5_cols {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.collab-item, .collab-item-alt-1, .collab-item-alt-2, .collab-item-alt-3, .collab-item-promoted {
  padding: 20px;
  font-size: 16px;
  background-color: #93c9de;
  margin: 0 10px 20px 0;
}
.collab-item-alt-1 {
  background-color: #e5dda3;
}
.collab-item-alt-2 {
  background-color: #98cadd;
}
.collab-item-alt-3 {
  background-color: #8fc3c3;
}
.collab-item-promoted {
  background-color: #fff8da;
  border: 2px dotted #e8db7d;
}
.collab-item-dash, .collab-item-dash-alt{
  padding: 10px 130px 20px;
  font-size: 16px;
  margin: 0 -100px 0;
}
.collab-item-p{
  padding: 0 30px 0;
}
.collab-item-dash-alt{
  background-color: #eee;
}
.music-item h2, .music-item-latest h2, .music-item-profile h2 {
  font-size:20px;
}
.audio-player {
  background-color: #1c1c1c;
  padding: 6px 6px 3px;
}
audio {
  clear: left;
  width: 100%;
  margin: 20px 0 0;
}
.ref_title {
  font-size: 20px;
  margin: 20px 0 0;
  color: white;
  padding: 0;
}
.site-features {
	box-shadow: 0px 6px 4px 0px #b1b1b1;
	background-color: #f1f3f4;
	padding: 20px 20px;
	color: #414141;
}
.site-features h2 {
	color: #414141 !important;
	font-weight: bold;
}
.site-features ul {
	list-style: none;
}
.site-features li {
	margin: 0 0 15px 0 !important;
}

/* ~~~~~~~~~ header ~~~~~~~~~~ */

.sale {
  padding: 5px 0;
  color: #d37b7b;
  font-size: 22px;
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  font-style: italic;
}
.sale_holder { margin: 20px 0; }
.new-feature {
    color: #13161d;
}
.new-feature i {
  	color: #fff;
    font-size: 40px;
}
.new-feature-basic {
  clear: left;
  float: left;
}
.nofloat {
  float: none;
}
.two-images-side-by-side { margin-bottom: 30px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
.two-images-side-by-side img { width: 100%; }
.offer {
  padding: 10px 20px;
  border-bottom: 3px solid #323232;
  background-color: #7E7F9Ad1;
  font-size: 22px;
  text-align: center;
  text-decoration: none;
  clear: left;
  float: left;
  color: white;
  margin: 20px 0 0;
  border-radius: 10px;
}
.side-column-ad {
  padding: 10px;
  margin: 30px 0 20px 0;
  border-top: 10px solid #E8DB7D;
  padding: 10px 10px 30px;
  background-color: #f9f8f8;
  font-size: 16px;
}
.side-column-ad a {
  /* color: white; */
}
.side-column-ad h2 {
  font-size: 20px;
  color: #272838 !important;
  margin: 20px 0;
  line-height: 25px;
}
.side-column-ad p {
  font-size: 16px !important;
  margin-bottom: 30px;
  line-height: 25px;
}
.side-column-ad img { width: 100%; }
.side-column-ad i { font-size: 40px; }
.centered { text-align: center; }
.mobile_only { display: none; }
.mobile_only2 { display: none; }
.mobile_only3 { display: none; }
.member_type {
  background-color: #E8DB7D;
  color: #13161d;
  padding: 3px 10px;
  font-size: 20px;
  margin: 30px 0 5px;
}
#ad_filter_mobile {
  margin: 10px 0 20px;
  font-size: 16px;
  display: none;
}
#ad_filter_mobile_label { display: none; margin-top: 10px; }

#main-navigation {
    /*border-bottom: 5px solid #666;*/
    float: left;
    margin: 7px 0 0;
    clear: both;
    width: 380px;
}

#main-navigation ul,
#social ul {
    overflow: hidden;
    /*width: 100%;*/
    list-style: none;
    font-size: 1.3em;
    /*border-left: 5px solid #fff;*/
}

#main-navigation li,
#social li {
    float: left;
    /*border-right: 5px solid #fff;*/
}

#main-navigation li a,
#social li a {
    margin: 0 0px 0 0;
    padding: 11px 14px;
    height: 22px;
    display: block;
    color: #222222;
    text-decoration: none;
}

#main-navigation li {
    /*background:#c2c2c2;*/
    /*height:41px;*/
}

#main-navigation li.current,
#social li.current {
    height: 66px;
    float: left;
}

#main-navigation li img {
    float: left;
}

#main-navigation li.current a,
#social li.current a {
    /*background: #c2c2c2;*/
    height: 22px;
    font-weight: bold;
    float: left;
}

#social li.firstLink {
    background: #fff;
    background: none;
    height: 66px;
    width: 35px;
}

#main-navigation li a:hover {
    /*background: #777;	*/
}

#page-content {
    /*padding:20px;*/
    float: left;
}

.sectionHolder {
    float: left;
    clear: none;
	width: 100%;
}

#page-content section {
    float: left;
    clear: none;
    padding: 0px 0px 0 5px;
}

#content {
    clear: left;
}

#ContentHolder2 {
    clear: none;
    float: left;
    background: #d6d6d6;
    height: 340px;
    width: 635px;
    margin: 0 5px 0 5px;
}

.leftaligned { padding: 0 !important; }

#forgotArea {

}

#postAdArea {
    width: 700px;
}

#page-content aside {
    border: 1px solid #d6d6d6;
    margin: 0 10px;
    padding: 20px;
    width: 240px;
}

#lowerContent {
    float: left;
    clear: left;
    opacity: 0.85;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
    /*border: 1px solid #999;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(css/PIE.htc);
    background: #102540;
    width: 960px;
    padding: 20px;
    color: #fff;
    margin-top: 15px;
}

#message {
    color: #ff0000;
    font-size: 1.3em;
    margin: 5px 0;
}


/* ~~~~~~~~~ article ~~~~~~~~~~ */

article {
    width: 100%;
    /*overflow: hidden;*/
}

section {
    /* float: left; */
    /*width: 400px;*/
}


.inline-button {
  float: left; clear: none; width: 275px; margin: 25px 0px 0 0; height: 30px;
}


/* ~~~~~~~~~ aside ~~~~~~~~~~ */

aside {
    float: right;
    width: 410px;
}


/* ~~~~~~~~~ footer ~~~~~~~~~~ */

footer {
    background-color: #13161d;
    font-size: 0.85em;
    text-align: center;
    padding: 60px 60px 40px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 60px;
    line-height: 28px;
    position: relative;
    z-index: 99999;
}
.footer-bottom {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #333644;
    font-size: 0.8em;
    color: #b1b0b0;
    text-align: left;
}
.footer-col-heading {
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.footer-col-heading a { color: #fff; }
.right-aligned { text-align: right; }
.left-aligned { text-align: left; }
.footer-logo { margin-top: -20px; }
#footerInner p {
    line-height: 28px;
}

footer a {
    color: #b1b0b0;
	text-decoration: none;
}

#footerArticles {
    display: none;
}
#searchForm {
    font-size: 14px;
    color: #838383;
    margin-top: 0px;
    margin-left: 0;
    width: auto; 
    padding: 5px 0 10px;
    position: inherit;
  }
#searchFormDummy {
  border: 2px solid #ddd;
  padding: 10px;
  border-radius: 10px;
  background-color: #292a2e;
  -webkit-touch-callout: none;  /* Disable Android and iOS callouts*/
 -webkit-user-select: none;  /* Chrome, Safari, and Opera */
 -khtml-user-select: none;  /* KHTML browsers (e.g. Konqueror) */
 -moz-user-select: none;  /* Mozilla Firefox */
 -ms-user-select: none;  /* Internet Explorer */
}
.central-menu-item {
	margin: 0 0 20px 0;
	background-color: #165e7b;
	border-radius: 7px;
	padding: 7px 20px;
	color: #fff;
	margin-right: 7px;
}
.central-menu-item i {
	font-size: 16px;
	color: #fff;
}
.central-menu-item a {
	font-size: 14px;
	color: #fff;
}
.ideas_list { list-style: none; margin-bottom: 30px; }
.ideas_list li { list-style: none; margin-left: 0 !important; margin-bottom: 15px; }
.ideas_list i { font-size: 14px; }
.logged_in_menu {
	clear: left;
	float: left;
	margin: 20px 0;
	background-color: #eee;
	width: 70%;
	padding: 20px 15%;
}
#searchForm p {
    clear: both;
}
#mainSection, #mainSection2 {
    width: 700px;
}

.home_cols { display: grid; grid-template-columns: 5fr 2fr; padding: 70px 20px 20px; }
.home_col_2 { padding: 20px 0 0 40px; }

#adTitle {
    max-width: 400px;
	width:100%;
    font-size: 14px;
    margin: 0 0 0 10px;
    padding: 0;
}

#adTitleFilter {
    margin: 0;
    padding: 2px 35px 0 0;
    font-size: 16px;
	margin-bottom: 20px;
  display: flex;
  grid-gap: 20px;
}

#adTitleFilter a,
#adTitleFilter2 a {
    font-size: 16px;
}

#adTitleFilter a,
#adTitleFilter2 a {
    color: #000;
    text-decoration: none;
}

#adTitleFilter a:hover,
#adTitleFilter2 a:hover {
    /* color: #fff; */
    text-decoration: underline;
}
.adFilterItem {
  background-color: #272838;
  color: #fff;
  padding: 3px 10px;
  margin: 3px 6px 3px 0;
  border-radius: 5px;
  font-size: 14px;
}
.adLevel {
  border-bottom: 1px solid #272838;
  padding: 5px 7%;
  margin: 3px 0 3px 0;
  background-color: #272838;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.active_bg_level a { color: #272838 !important; }
.adLevelSticker {
  border-top: 3px solid #C87A6E;
  color: #C87A6E;
  padding: 3px 10px 3px 0px;
  text-align: right;
  float: right;
  margin-right: -12px;
  font-size: 14px;
}
.adLevelStickerPro {
  border-top: 3px solid #fff;
  color: #fff;
}
#adTitleFilter2 {
    margin: 10px 0;
    padding: 0;
    font-size: 13px;
}
.adFilterItem a { color: #fff; }
.advertAmbitions { margin: 20px 0; font-size: 18px; }
.active { font-weight: bold; }
.active_bg {
  background-color: #e8db7d;
}
.active_bg a {
  color: #13161d;
}
.active_bg_level {
  background-color: #fff;
  border-left: 1px solid #272838;
  border-right: 1px solid #272838;
  border-top: 1px solid #272838;
  border-bottom: 0;
}
.no-adverts-found {
   float: left;
   clear: left;
   width: 100%;
   padding: 20px 0;
}
.no-adverts-found h3 {
   font-size: 22px;
   padding: 20px 0;
}
/* .vc_ads_holder padding zeroed — outer spacing now from .page_content */
.vc_ads_holder { padding: 0; }
.ad {
  display: grid;
  grid-template-columns: 50px 2fr 5fr;
  grid-gap: 20px;
  color: #414141;
  padding: 7px 2% 12px;
  margin: 20px 0;
  box-shadow: 0px 6px 4px 0px #b1b1b1;
  background-color: #f9f8f8;
}
.ad-thumb { width: 50px;padding-top: 17px; }
.ad-thumb img { width: 100%; border-radius: 10px; }
.ad p { font-size: 14px; }
.ad_text_standard a { color: #272838 !important; }
.adPro {
    padding: 20px 2% 10px;
    margin: 20px 0;
    box-shadow: 0px 6px 4px 0px #b1b1b1;
    background-color: #13161d;
}
.adPro h2, .adPro p, .adPro small, .adTitlePro a, .replyWordPro a, .numRowsTotalLikesPro, .ad_user_rate_pro, .recording_sample_pro { color: white !important; }
.adTitlePro { color: white !important; margin: 0 0 20px 0; }
.numRowsTotalLikes { padding: 7px 0 0; }
.notification {
  clear: left;
  float: left;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 30px;
  box-shadow: 0px 6px 4px 0px #b1b1b1;
}
.unread { border-left: 5px solid #7E7F9A; }
.notification_text {
  background-color: #ddd;
  margin: 5px 0 25px 0;
  float: left;
  padding: 10px;
  font-size: 18px;
}
.notification_date {
	padding: 0;
	margin: 0;
	font-size: 12px;
	/*font-style: italic;*/
	letter-spacing: 1px;
}
.delete_activity i { font-size: 14px; padding-left: 70px; }
.activity_circle i {
  color: #f57070 !important;
  font-size: 12px !important;
}
.new_flash {
	top: 11px;
	position: absolute;
	right: 6px;
  color: #7E7F9A;
  font-weight: bold;
}
#articles {
    /*margin-bottom:20px;
	margin-left:10px;
	border:1px solid #cccccc;*/
    height: auto;
}

.menuSubSection ul {
    border-bottom: 1px solid #cccccc;
}

.newSection {
    color: #fff;
    background-color: #D62D2D;
    padding: 1px 6px;
}

#articles h2 {
    color: #838383;
    padding: 0px;
    text-align: left;
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 0px;
    text-decoration: underline;
    font-size: 1.2em;
}

.findOutMore {
    background-color: #D62D2D;
    color: #fff;
    padding: 5px 10px;
    width: 85px;
}
.replyBox {
  color: #414141;
  float: left;
  clear: left;
  width: 98%;
  padding: 0 1%;
  margin-bottom: 30px;
  box-shadow: 0px 6px 4px 0px #b1b1b1;
}
.replyText {
  color: #7E7F9A;
  margin:15px 0;
}
.adColumn1 {
    padding: 0;
    line-height: 22px;
    overflow: hidden;
}
.adColumn1 h2 { line-height: 36px; font-size: 24px; margin: 0 !important; }
.adColumn1 h2 a { color: #13161d; }
.adColumn1 h3 {
    color: #C87A6E;
    font-size: 30px;
    margin-bottom: 15px;
}

.adColumn1 h3 a {
    color: #C87A6E;
    text-decoration: none;
}

.adColumn1 h3 a:hover {
    color: #C87A6E;
    text-decoration: underline;
}

.adColumnImage {
    width: 100px;
    padding: 20px 10px 0 0px;
}

.adColumn2 {
    padding: 0;
    line-height: 16px;
    overflow: hidden;
}

.adColumn2 p {
    font-size: 16px;
}

.adColumn3 {
    width: 50%;
    padding: 20px 0 0 0;
    line-height: 16px;
}

.adColumn3 p {
    font-size: 14px;
    margin: 0 0 2px;
}
.name_in_ad { color: #E8DB7D; }
.reply_icons {
	clear: both;
}
.reply {
    float: left;
    margin: 10px 20px 0 0;s
    padding: 0;
    text-align: center;
}

.replyWithImage {
    clear: both;
    float: left;
    margin-top: 10px;
    margin-left: 210px;
    padding: 0 0 20px 0;
    width: 80px;
}

.replyWord {
    padding: 0;
    text-align: center;
}

.replyWord a {
    text-decoration: none;
    padding: 8px;
}

.replyWord a:hover {
    text-decoration: underline;
}

.replyIcon a i {
    color: #006DA1;
}

#replySection {
    margin-top: 20px;
	width: 100%;
}

#messageBox {
    font-size: 16px;
    color: #000;
}

.btn-primary,
.btn-add,
.btn-view,
.btn-delete ,
.btn-red,
.btn-blue,
.btn-buy,
.btn-pink {
    border: 0;
    padding: 5px 15px;
    cursor: pointer;
    margin: 5px 0;
    border-radius: 9px;
    font-size: 16px;
    letter-spacing: 1px;
}

.btn-primary,
.btn-primary:hover,
.btn-add,
.btn-add:hover,
.btn-view,
.btn-view:hover,
.btn-delete,
.btn-delete:hover,
.btn-red,
.btn-red:hover,
.btn-pink,
.btn-pink:hover {
    color: #ffffff;
}
.btn-blue,
.btn-blue:hover {
    /* color: #ffffff; */
}

a.btn-primary,
a.btn-primary:hover,
a.btn-add,
a.btn-add:hover,
a.btn-view,
a.btn-view:hover,
a.btn-delete,
a.btn-delete:hover,
a.btn-red,
a.btn-red:hover,
a.btn-pink,
a.btn-pink:hover {
    color: #ffffff;
    text-decoration: none;
}
a.btn-blue,
a.btn-blue:hover {
    /* color: #ffffff; */
    text-decoration: none;
}
.btn-primary, .btn-red {
  background-color: var(--main-btn-color);
  color: var(--main-btn-text-color) !important;
  padding: 7px 20px;
  font-size: 16px;
  border-radius: 5px;
}
.btn-add {
    background-color: #359222;
}
.btn-view {
    background-color: #2ca5b7;
}
.btn-delete {
    background-color: #c23435;
}
.btn-cancel {
  background-color: #ddd;
  padding: 2px 10px 4px;
  border-radius: 10px;
  color: #272838;
}
.btn-blue {
  background-color: #165e7b;
  color: white;
  padding: 12px;
}
.btn-buy {
  background-color: #165e7b;
  color: white;
  padding: 12px;
}
.btn-pink { background-color: #C87A6E; }
.spacious-btn {
  line-height: 65px;
}
a.btn-delete {
    margin: 0;
    padding: 7px 10px;
    text-decoration: none;
}
.floating_buttons { display: flex; }
#load_more_p { margin-bottom: 30px; }
.horizontalLine {
    border-top: 1px solid #CCCCCC;
    padding: 0;
    margin: 20px 0;
}

.status {
    font-size: 14px;
    margin: 15px 5px 15px 0;
    padding: 0 0 10px;
	text-align: left;
    /*width: 160px;*/
}
.advert_type { float: left; clear: left; font-weight: bold; }
.advert_status { float: left; clear: left; font-weight: bold; }
.adlinks {
    margin-bottom: 20px !important;
    margin-top: 10px !important;
    float: left;
}
#aboutUs {
    padding: 5px;
}

#blogSummaryList ul {
    list-style: none;
    margin-left: 0;
}
#blogList,
.relatedPostsList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  list-style: none;
  margin: 30px 0;
  padding: 0;
}
#blogList li,
.relatedPostsList li {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-align: left;
  box-shadow: 0 2px 12px rgba(0,0,0,0.1);
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
}
#blogList li:hover,
.relatedPostsList li:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.15);
  transform: translateY(-3px);
}
.blogPostTop {
  padding: 16px 18px 8px;
  font-size: 1.05em;
  font-weight: 600;
  line-height: 1.4;
}
.blogPostReadMore {
  padding: 0 18px 20px;
  font-size: 0.9em;
  color: #C87A6E;
}
.blogPostReadMore a {
  color: #C87A6E !important;
  font-weight: 600;
}
.blogPostCategory {
  padding: 0 18px 6px;
}
.blogPostCategory a,
.blogPostCategorySingle a {
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #C87A6E !important;
  text-decoration: none;
}
.blogPostCategory a:hover,
.blogPostCategorySingle a:hover {
  text-decoration: underline;
}
.blogPostCategorySingle {
  margin-bottom: 14px;
}
.blogPostCategorySingle a {
  background: #eaf2f6;
  padding: 6px 14px;
  border-radius: 20px;
  color: #165e7b !important;
}
.blogPostCategorySingle a:hover {
  background: #165e7b;
  color: #fff !important;
  text-decoration: none !important;
}
.blogBackLink {
  padding-top: 24px;
  margin-bottom: 24px;
}
.blogBackLink a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85em;
  font-weight: 600;
  color: #767676 !important;
  text-decoration: none;
}
.blogBackLink a:hover {
  color: #165e7b !important;
}

/* ~~~~~~~~ Medium-style single blog article ~~~~~~~~ */
.blogArticleContainer {
  max-width: 720px;
  margin: 0 auto;
}
.blogArticleHeader {
  margin-bottom: 30px;
}
#mainSection3 .blogArticleHeader h1,
#mainSection4 .blogArticleHeader h1,
#container .blogArticleHeader h1 {
  font-size: 2.5em !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
  color: #13161d !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin: 0 0 22px !important;
}
.blogByline {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 0;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.blogAuthorAvatar {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, #165e7b, #13161d);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1em;
}
.blogBylineText {
  display: flex;
  flex-direction: column;
}
.blogAuthorName {
  font-weight: 600;
  color: #13161d;
}
.blogAuthorName a {
  color: #13161d !important;
  text-decoration: none;
}
.blogAuthorName a:hover {
  text-decoration: underline;
}
.blogBylineMeta {
  font-size: 0.85em;
  color: #767676;
  margin-top: 2px;
}
.blogArticleMedia {
  margin: 32px 0 36px;
}
.blogPostExcerpt {
  padding: 0 18px 10px;
  font-size: 0.9em;
  color: #555;
  line-height: 1.5;
}
.blogCategoryNav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 28px;
}
.blogCatLink {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  border: 1px solid #ddd;
  font-size: 0.85em;
  color: #555;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}
.blogCatLink:hover,
.blogCatLink.active {
  background: #C87A6E;
  border-color: #C87A6E;
  color: #fff;
}
.blogCatLink--gsw {
  margin-left: auto;
}
.blogCatLink--btl {
  margin-left: auto;
}
.blogCatLink--gsw ~ .blogCatLink--btl,
.blogCatLink--btl ~ .blogCatLink--gsw {
  margin-left: 0;
}
.blogPostMeta {
  padding: 0 18px 4px;
  font-size: 0.8em;
  color: #767676;
}
.btlHubBadge {
  padding: 0 18px 6px;
}
.btlHubBadge a {
  display: inline-block;
  font-size: 0.72em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #f4ece3;
  color: #9a5b2e !important;
  padding: 5px 12px;
  border-radius: 20px;
  text-decoration: none !important;
}
.btlHubBadge a:hover {
  background: #9a5b2e;
  color: #fff !important;
}
.blogArticleHeader .btlHubBadge {
  padding: 0 0 14px;
}
.blogArticleHeader .btlHubBadge a {
  font-size: 0.75em;
}
#blogSummaryList li {
    font-size: 15px;
    display: block;
    padding: 7px 0 7px 13px;
}
.blogListImage a img {
  width: 100%;
  height: 330px;
  object-fit: cover;
  display: block;
}
#blogList a,
.relatedPostsList a {
    color: #272838;
    text-decoration: none;
}
#blogList a:hover,
.relatedPostsList a:hover {
    color: #C87A6E;
}

#blogSummaryList a {
    text-decoration: none;
    color: #fff;
}

.blogSummaryItem {
    font-size: 1.4em;
    font-size: 15px;
    display: block;
    padding: 7px 0 7px 13px;
}

.readMore {
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: bold;
}

.blogMetaData {
    font-size: 1.1em;
    margin-bottom: 10px;
    font-style: italic;
    border-bottom: 1px solid #acacac;
    padding-bottom: 6px;
    width: 300px;
}

.blogImageCredit {
    font-size: 0.82em;
    color: #888;
    font-style: italic;
    margin: 6px 0 0 0;
    text-align: right;
}

.blogComments {
    width: 88%;
    margin: 20px 0s;
}
.blogListMainContent {
    width: 80%;
    font-size: 0.8em;
}

#blogMainContent {
    font-family: Georgia, 'Times New Roman', serif;
}
#blogMainContent p {
    font-size: 1.2em;
    line-height: 1.9;
    color: #242424;
    margin-bottom: 1.4em;
}
#blogMainContent h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: 800;
    line-height: 1.3;
    margin: 1.6em 0 0.6em;
    color: #13161d;
}
#blogMainContent h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.3;
    margin: 1.5em 0 0.5em;
    color: #13161d;
}
#blogMainContent li {
    font-size: 1.2em;
    line-height: 1.8;
    margin-bottom: 0.5em;
}
#blogMainContent a {
    color: #165e7b;
    text-decoration: underline;
    text-decoration-color: #b8d2dd;
    text-underline-offset: 2px;
}
#blogMainContent a:hover {
    text-decoration-color: #165e7b;
}
#blogMainContent blockquote {
    margin: 1.8em 0;
    padding: 2px 0 2px 26px;
    border-left: 3px solid #165e7b;
    font-style: italic;
    font-size: 1.25em;
    line-height: 1.6;
    color: #333;
}
#blogMainContent strong {
    font-weight: 700;
}
.blogListMainContent2 {
    width: 100%;
    font-size: 0.8em;
}

.blogListMainContent2 p {
    margin-left: 0;
}
#blogMainContent ul {
  padding-left: 20px;
}
#blogMainContent img {
  width: 100%;
  border-radius: 8px;
  margin: 1.4em 0;
  display: block;
}
#blogCommentThanks {
  border-bottom: 3px solid #d62d2d;
  padding: 5px 0;
  width: 85px;
  font-size: 16px;
  display: none;
}

.commentMetaData {
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 0px;
    margin-top: 0px;
    /*margin-left: 10px;*/
}

.commentTitle {
  width: 100%;
  font-size: 1.3em;
  font-weight: 700;
  margin: 50px 0 18px;
  padding-top: 30px;
  border-top: 1px solid #eaeaea;
  border-bottom: none;
}

.comment {
    padding: 16px 18px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px;
    background-color: #f7f8f9;
    border-radius: 8px;
}

.commentText {
    padding-top: 6px;
    white-space: pre-wrap;
    color: #333;
}

.blogLinks {
    width: 100%;
    margin: 0;
    background: #7E7F9A;
	border-radius: 5px;
}

.blogLinks p {
    color: #FFF;
    text-align: left;
    font-size: 1.2em;
    padding: 6px 7px 6px 8px;
    margin: 0px;
    -moz-transition: all 0.3s linear;
    /* Firefox 4 */
    -webkit-transition: all 0.3s linear;
    /* Safari and Chrome */
    -o-transition: all 0.3s linear;
    /* Opera */
}

.red-icon {
  color: #7E7F9A !important;
}

.white-icon {
  color: #fff !important;
  font-size: 18px !important;
}

.blogFeaturedImage img {
    width: 100%;
    border-radius: 10px;
    display: block;
}

.songwriterInfoBox {
    background: #f5f4f9;
    border-radius: 10px;
    padding: 24px 28px;
    margin: 0 0 34px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 32px;
}
.songwriterInfoRow {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
}
.songwriterInfoLabel {
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #C87A6E;
}
.songwriterInfoValue {
    font-size: 0.95em;
    color: #272838;
    line-height: 1.4;
}
.songwriterInfoValue a {
    color: #C87A6E;
    text-decoration: underline;
}
.songwriterInfoSongs {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-basis: 100%;
}
.songwriterInfoSongs ul {
    margin: 2px 0 0;
    padding-left: 18px;
}
.songwriterInfoSongs li {
    font-size: 0.95em;
    color: #272838;
    line-height: 1.6;
}
.blogSourcesLine {
    margin-top: 40px;
    padding-top: 14px;
    border-top: 1px solid #eaeaea;
    font-size: 0.82em;
    color: #888;
}
.blogSourcesLine a {
    color: #888;
    text-decoration: underline;
}

.blog-flagship-callout {
    background: #f5f4f9;
    border-left: 4px solid #7E7F9A;
    border-radius: 6px;
    padding: 14px 20px;
    margin: 32px 0 10px;
    line-height: 1.6;
    clear: both;
}
.blog-flagship-callout a {
    text-decoration: underline;
}

.blog-newsletter-cta {
    background: #f5f4f9;
    border-left: 4px solid #7E7F9A;
    border-radius: 6px;
    padding: 28px 32px;
    margin: 54px 0 10px;
    clear: both;
}
.blog-newsletter-cta h2 {
    margin: 0 0 8px;
    font-size: 1.3em;
    color: #272838;
}
.blog-newsletter-cta p {
    margin: 0 0 16px;
    color: #555;
    font-size: 1em;
    line-height: 1.6;
}

.gswWriteLike {
    background: #fbf3f1;
    border-left: 4px solid #C87A6E;
    border-radius: 6px;
    padding: 24px 28px;
    margin: 40px 0 10px;
    clear: both;
}
.gswWriteLike h3 {
    margin: 0 0 8px !important;
    font-size: 1.15em;
    color: #272838;
}
.gswWriteLike p {
    margin: 0 0 14px;
    color: #444;
    font-size: 0.95em;
    line-height: 1.6;
}
.gswWriteLike .gswWriteLikeCta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.92em;
    color: #C87A6E;
    text-decoration: none;
}
.gswWriteLike .gswWriteLikeCta:hover {
    text-decoration: underline;
}

.blog-related-posts {
    margin-top: 54px;
    clear: both;
}
.blog-related-posts h3 {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
}
.blog-related-posts .relatedPostsList {
  display: block;
  margin: 0;
}
.blog-related-posts .relatedPostsList li {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  box-shadow: none;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  margin-bottom: 14px;
}
.blog-related-posts .relatedPostsList li:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transform: none;
}
.blog-related-posts .blogListImage {
  flex: 0 0 120px;
  align-self: stretch;
}
.blog-related-posts .blogListImage a,
.blog-related-posts .blogListImage a img {
  width: 100%;
  height: 100%;
  min-height: 110px;
}
.blog-related-posts .blogListBody {
  flex: 1;
  min-width: 0;
}
.blog-related-posts .blogPostTop {
  padding-top: 14px;
  font-size: 1em;
}
.blog-related-posts .blogPostExcerpt {
  display: none;
}
.blogTitle {
  padding-top: 20px;
  border-top: 1px solid #acacac;
}

.blogTitle a {
    color: #FFF;
    text-decoration: none;
}

.blogTitle a:hover {
    color: #FFF;
    text-decoration: none;
}

.account-textbox {
  width: 100%;
  max-width: 700px;
  height: 220px;
  margin-bottom: 10px;
  padding: 12px;
  font-size: 16px;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  line-height: 1.5;
  resize: vertical;
  font-family: inherit;
  transition: border-color 0.15s;
}
.account-textbox:focus {
  border-color: #165e7b;
  outline: none;
  box-shadow: 0 0 0 3px rgba(22, 94, 123, 0.12);
}
.go-button { padding: 5px 10px; border-radius: 5px; color: #fff; background-color: #7E7F9A; float: left; clear: none; width: 150px; margin-right: 10px; text-align: center; text-decoration: none; font-size: 18px; }
.go-button-wide { padding: 5px 20px; border-radius: 5px; color: #fff; background-color: #7E7F9A; float: left; clear: none; margin-right: 10px; text-align: center; text-decoration: none; font-size: 18px; }
.cancel-account { margin: 40px 0 0 0; }
.account_social i { font-size: 40px; text-align: center; }
#account-messages {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
  margin: 30px 0;
  font-size: 16px;
}
#account-messages div span { background-color: #7E7F9A; padding: 15px; color: white; }
#account-messages div { padding: 15px; border-left: 4px solid #7E7F9A;line-height: 24px; }
#account-messages div.altbg { /*background-color: #1c1c1c;*/ }
#account-messages div a { text-decoration: underline; }
.account_advert_message {
  padding: 15px;
  border-left: 4px solid #7E7F9A;
  line-height: 24px;
  font-size: 18px;
  margin: 30px 0;
}
#user_month_totals {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 5px;
  margin: 30px 0;
  font-size: 18px;
  text-align: center;
  color: #272838;
}
#user_month_totals div { background-color: #d7cbcb; padding: 15px; line-height: 24px; }
.mpu_graphic_ad {
	margin: 20px 0;
  clear: left;
}
.bottom_ad {
  margin: 120px 0 0;
  float: left;
}

/* Global h1 baseline — inner pages override this via #mainSection3 h1 in common.css */
h1 {
    font-size: 2em;
    margin: 30px 0;
    line-height: 1.25;
}

h2 {
    font-size: 1.8em;
    color: #272838;
    font-weight: bold;
}
.h2_with_top_border {
  margin-top: 30px; border-top: 1px solid #ccc; padding: 30px 0 10px; float: left; line-height: 34px;
}
.h2_with_top_border_no_float {
  margin-top: 50px;
  border-top: 2px solid #e8e8e8;
  padding: 22px 0 10px;
  line-height: 1.3;
  color: #165e7b;
  font-size: 1.3em;
}

/* "Saved" badge shown after form section headings */
.updated-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  background-color: #27a44a;
  color: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Account info card at top of edit profile */
.edit-account-card {
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  overflow: hidden;
  margin: 16px 0 24px;
}
.edit-field-row {
  display: flex;
  align-items: flex-start;
  padding: 12px 20px;
  border-bottom: 1px solid #efefef;
  gap: 16px;
  font-size: 15px;
  line-height: 1.4;
}
.edit-field-row--last {
  border-bottom: none;
}
.edit-field-label {
  min-width: 140px;
  font-weight: 600;
  color: #666;
  font-size: 13px;
  padding-top: 2px;
  flex-shrink: 0;
}
.edit-field-label small {
  font-weight: 400;
  color: #999;
  display: block;
  font-size: 11px;
}
.edit-field-value {
  flex: 1;
  color: #1c1c1c;
}
.edit-link-wrap {
  margin-left: 8px;
  font-size: 13px;
  color: #888;
}
.edit-input-wrap {
  display: block;
  margin-top: 8px;
}

/* Photo card */
.edit-photo-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 20px;
  margin: 12px 0 24px;
}
.edit-photo-thumb {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #e8e8e8;
  flex-shrink: 0;
}
.edit-photo-placeholder {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #e0eaf0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.edit-photo-placeholder i {
  font-size: 36px;
  color: #aac0cc;
}
.edit-photo-actions p {
  margin: 0 0 10px !important;
  font-size: 14px;
  color: #555;
  line-height: 1.4 !important;
}
.needs_improvement {
  font-size: 16px;
  border-left: 4px solid #7E7F9A;
  clear: left;
  padding: 10px;
  margin: 30px 0 50px;
  background-color: #f2f2f2;
}
.needs_improvement ul {
  padding-left: 20px;
  margin: 10px 0 0;
}
.needs_improvement li {
  font-size: 16px
}
#international {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}
#international i {
  font-size: 2.6em;
  margin-bottom: 10px;
}
.testimonial {
  font-size: 1.2em;
  text-align: left;
  background-color: #13161d;
  padding: 20px 10px;
  margin: 50px 0;
  border-radius: 10px;
  box-shadow: 0px 6px 4px 0px #b1b1b1;
  color: white;
}
.testimonial i {
  font-size: 2.0em;
  margin-bottom: 10px;
  color: #white;
}
.testimonial span {
  font-size: 0.9em;
  margin: 10px 0 0;
  font-style: italic;
}
#main_logo img { width: 100%; }
#logoWords {
    margin: 8px 0 0 0;
}
#logoWords h1 {
    margin: 80px 0 0;
    width: 100%;
    font-weight: normal;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px;
    /* font-family: broadacre-light-0, sans-serif; */
    font-weight: 200;
}
#logoWords h2 {
    margin: 0 0 20px 0;
    width: 100%;
    font-weight: normal;
    font-size: 56px;
    /* font-family: broadacre-light-0, sans-serif; */
    font-weight: 200;
}
#logoWords h3 {
    margin: 0 !important;
    font-weight: normal;
    font-size: 24px;
    color: #ccc;
    line-height: 34px;
    /* font-family: broadacre-light-0, sans-serif; */
    font-weight: 200;
}
#logoGraphic {
    display: none;
}

#logoGraphicMobile {
    display: block;
}
#submit_search, #submit_keywords { margin-left: 5px; }
#keywords {
  width: 329px;
  padding: 8px 16px 8px;
  font-size: 18px;
  box-shadow: none;
  margin: 10px 0 0;
}

#moreSearchOptions {
    display: none;
}

#mainSection, #mainSection2,
#adSection {
    width: 530px;
}

#adTitleFilter {
    /*display: none;*/
}

.adColumn1 h3 {
    font-size: 20px;
    margin: 0 !important;
    line-height: 30px;
}

.memberSummary {
  font-size: 16px !important;
  margin: 0 !important;
}
#adTitle {
    margin-left: 0;
}

#page-content section {
    padding: 10px 0px 0px 0px;
}

#menuMobile {
    display: none;
}

#menuSection {
    display: block;
    width: 200px;
}

.reply {
    margin-left: 0;
}
.interested_box { background-color: #272838; color: white; padding: 20px; font-size: 18px; }
.interested_header {
  font-size: 22px;
  font-weight: bold;
}
.interested_header span {
  font-size: 18px;
  font-weight: normal;
}
#container {
    width: 760px;
    margin: 0
}

#header-inner {
    width: 1000px;
}

#logoGraphicMobile {
    width: auto;
}

#logoGraphicMobile img {
    width: 100%;
}

.required {
    color: #7E7F9A;
}

#logoGraphicMobile span {
    display: none;
    color: #272838;
}

h3 {
  font-size: 40px;
  color: #272838;
  line-height: 45px;
  margin: 50px 0 !important;
}

h3.extratopmargin {
    font-size: 28px;
    color: #7E7F9A;
    line-height: 28px;
    margin-top: 40px !important;
}

.quote {
    background-color: #13161D;
    color: #fff !important;
    padding: 15px 20px;
    font-size: 26px;
    line-height: 34px;
}

.lookingFor {
  margin: 0 0 0 5px;
  background-color: antiquewhite;
}
a.lookingForLink{
	color:white;
	text-decoration: none;
}
a.lookingForLink:hover > .lookingFor {
	color:white;
	background-color: #13161d;
	text-decoration: none;
}

.lookingForLozenge i {
    display: none;
    color: #fff;
    font-size: 14px;
    padding: 0 7px 0 0;
}

.advertDetail {
    margin: 10px 0;
}
.advertMessage a { color: #fff; }

/* The ribbons */

.premium_label {
	background-color: #C87A6E;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	line-height: 40px;
	width: 100%;
	color: #fff;
	float: left;
	clear: left;
}
.connect_icon_area {
  float: left;
  clear: left;
  width: 100%;
  background-color: #eee;
  margin-bottom: 10px;
  padding: 0 0 0 14px;
}
.connect_icon_area {
  float: left;
  clear: left;
  width: 100%;
  background-color: #eee;
  margin-bottom: 10px;
  padding: 0 0 0 14px;
}
.connect_icon {
  float: left;
  clear: left;
  font-size: 50px;
  width: 50px;
}
.connect_icon a {
  color: #272838;
}
.connect_text {
  float: left;
  clear: none;
  width: 80%;
  padding: 24px;
}
.connect_text a {
  color: #272838;
  font-size: 16px;
}
.processing-message { border: 2px dotted #272838333; padding: 30px; text-align: center; display: none; }
.processing-message span { font-size: 25px; }
.display_block { display: block !important; }
.payment_amount_display {
  float: right;
  border: 5px solid #fff;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  line-height: 37px;
}
.payment_amount_display span { font-size: 60px; }
#payment_fail {
  background-color: #ba2424;
  padding: 5px 30px;
  color: white;
  font-size: 16px;
  margin: 20px 0;
}
.radio_choice {
  margin: 10px 0;
  background-color: #eee;
  padding: 10px;
  font-size: 16px;
}
#subs_plan {
  padding: 20px;
  background-color: #7E7F9A;
  color: white;
  font-size: 22px;
  text-align: center;
  margin-bottom: 10px;
}
#subs { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; }
#subs div { padding: 20px; background-color: #272838; color: white; font-size: 18px; text-align: center; }
.subs_btns { display: flex; flex-wrap: wrap; }
.subs_btns a { margin: 0 10px 10px 0; }
#last_payment_failed {
  padding: 20px;
  border: 2px solid #272838;
  text-align: center;
  margin-bottom: 10px;
}
#last_payment_failed h4 {
  font-size: 22px;
  padding: 20px 0;
}
#last_payment_failed p {
  font-size: 18px;
}
#stripe_payment_area {
	/*display: none;*/
  padding: 20px;
  background-color: #f1f3f4;
  border-radius: 10px;
  margin: 20px 0;
  box-shadow: 0px 6px 4px 0px #b1b1b1;
}
#stripe_payment_area h2 { color: #272838; font-size: 26px; font-weight: bold; clear: left; }
#stripe_payment_area h3 { color: #272838; font-size: 20px; margin: 20px 0 12px 0; }
#payment_error {
  display: none;
  background: #c44040;
  padding: 10px;
  border: 2px solid #ae1a16;
  float: left;
  margin: 0 0 20px 0;
  color: #fff;
}
#payment_error h3 {
  width: auto !important;
  border: none;
  margin: 10px;
   color: #fff;
   font-size: 24px;
}
#payment_error_message {
  margin: 10px;
}
#payment_success {
  display: none;
  background: #659321;
  padding: 10px;
  border: 2px solid #248613;
  float: left;
  margin: 0 0 20px 0;
  color: #fff;
}
#payment_success h3 {
  width: auto !important;
  border: none;
  margin: 10px;
   color: #fff;
   font-size: 24px;
}
#payment_success_message {
  margin: 10px;
}
#paypal-button-holder {
    border-top: 1px dotted #272838;
    margin-top: 40px;
}
#payments { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 5px; font-size: 16px; }
#payments div {
  background-color: #dfdfdf;
  padding: 5px 10px;
}
#payments div span { display: none; }
.tight-icon-big { font-size: 40px; }
.basket-form-bottom { text-align: center; margin: 20px 0; padding: 20px 0 0; }
.basket-form-bottom h2 { width: 100%; margin: 10px 0; color: #272838 !important; }
#reason_for_leaving {
  font-size: 17px;
  padding: 10px;
  margin-bottom: 20px;
}
#card-element {
    background-color: #fff;
    margin: 15px 0;
    border-radius: 5px;
    padding: 0 10px;
    float: left;
    clear: left;
    width: 70%;
    box-shadow: 0 2px 0 #c6cacc inset;
}
#cardholder-name { clear: left; }
#card-number-element {
    width: 213px; clear: left;
}

#card-expiry-element {
    width: 102px; clear: left;
}

#card-cvc-element {
    width: 68px; clear: left;
}

#postal-code-element {
    width: 120px; clear: left;
}
.float {
  float: left; clear:both;
}
.comments_suggestions {
	margin: 10px 0;
	clear: left;
	float: left;
}
.message_thread_item {
  padding: 12px 0 5px 15px;
  background-color: #e8e8e8;
  border-radius: 10px;
  margin: 0 0 7px 0;
  display: flex;
  grid-gap: 10px;
}
.message_item {
  display: grid;
  grid-template-columns: 44px 10px 1fr;
  margin: 0 0 14px 0;
  grid-gap: 0;
  width: 100%;
}
.message_item_alt {
  display: flex;
  justify-content: flex-end;
  grid-template-columns: unset;
}
.message_item_alt .members-thumb,
.message_item_alt .message-arrow2 {
  display: none;
}
.message_bubble {
  padding: 10px 14px;
  background-color: #eef3f7;
  color: #2c2f38;
  border-radius: 0 14px 14px 14px;
  overflow-wrap: anywhere;
}
.message_bubble a { color: #165e7b; }
.message_bubble b a { text-decoration: none; }
.message_bubble_alt {
  background-color: #165e7b;
  color: #fff;
  border-radius: 14px 14px 0 14px;
  max-width: 78%;
}
.message_bubble_alt a { color: rgba(255,255,255,0.85); }
.message_bubble pre,
.message_bubble_alt pre {
  font-family: inherit;
  white-space: pre-wrap;
  margin: 4px 0 0;
}
.message_bubble_alt pre i { font-style: normal; }
.message_bubble small a {
  color: rgba(0,0,0,0.3);
  font-size: 11px;
  text-decoration: none;
}
.message_bubble_alt small a {
  color: rgba(255,255,255,0.4);
  font-size: 11px;
  text-decoration: none;
}
.message_bubble small a:hover { color: #c62828; }
.message_bubble_alt small a:hover { color: #ff8a80; }
.members-thumb img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.message-arrow {
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #eef3f7;
  margin-top: 10px;
}
.message-arrow2 {
  display: none;
}
.message-date {
  color: #999;
  font-size: 12px;
}
.message_bubble_alt .message-date {
  color: rgba(255,255,255,0.6);
}

/* ── Message thread: platform / system notices ──
   One shared "voice" for anything the platform says (safety warning, verify
   prompt, footer cautions) so it reads as clearly separate from the member
   conversation, which lives inside .message-thread-messages. */
.msg-sys-note {
  box-sizing: border-box;
  width: 100%;
  max-width: 680px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: #f6f7f9;
  border: 1px solid #e2e5ea;
  border-radius: 8px;
  padding: 10px 14px;
  margin: 12px 0;
  font-size: 12.5px;
  line-height: 1.55;
  color: #5a6572;
}
.msg-sys-note > i { color: #8a94a2; flex-shrink: 0; margin-top: 2px; }
.msg-sys-note a { color: #165e7b; font-weight: 600; }
.msg-sys-note strong { color: #3d4753; }
.msg-sys-note p { margin: 0; }
.msg-sys-note p + p { margin-top: 5px; }
.msg-sys-note-close {
  margin-left: auto;
  background: none;
  border: none;
  color: #b6bcc5;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  flex-shrink: 0;
}
.msg-sys-note-close:hover { color: #7a828d; }

/* The member conversation gets a visible container so notices sit outside it */
.message-thread-messages {
  border: 1px solid #e8edf2;
  border-radius: 12px;
  background: #fcfcfd;
  padding: 14px 16px 2px;
  margin: 14px 0 20px;
}
.message-thread-messages-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 700;
  color: #9aa3ad;
  margin: 0 0 14px;
}

/* ── Message thread desktop improvements ── */
@media (min-width: 900px) {
  .message-thread-wrap {
    max-width: 720px;
    background: #fff;
    border: 1px solid #e0e6ed;
    border-radius: 14px;
    padding: 28px 32px 24px;
    margin: 0 0 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  }
  .message-thread-wrap h1 {
    font-size: 1.4em;
    margin: 0 0 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8edf2;
    color: #1a2a36;
  }
  .message-thread-messages {
    padding: 14px 18px 2px;
    margin-bottom: 24px;
    scrollbar-width: thin;
    scrollbar-color: #c8d6e0 transparent;
  }
  .message-thread-messages::-webkit-scrollbar { width: 5px; }
  .message-thread-messages::-webkit-scrollbar-track { background: transparent; }
  .message-thread-messages::-webkit-scrollbar-thumb { background: #c8d6e0; border-radius: 3px; }
  .message-thread-reply {
    border-top: 1px solid #e8edf2;
    padding-top: 20px;
  }
  .message-thread-reply p { margin: 0 0 10px; font-weight: 600; color: #1a2a36; }
  .message_item { max-width: 640px; }
  .message_item_alt { max-width: 640px; margin-left: auto; margin-right: 0; }
  .message_bubble_alt { max-width: 82%; }
  .ai_check { max-width: 720px; }
}
.message_unread {
  background-color: #E8DB7D !important;
  /* color: white; */
  border-radius: 10px;
}
.message_account_unread {
  padding: 10px 15px 10px 15px;
  margin: 10px 0 20px;
  font-size: 16px;
  background-color: #bc3b3c;
  line-height: 30px;
  color: white;
}
.message_account_unread a { color: white; font-weight: bold; }
.multiple_messages {
  box-shadow: 0px 6px 4px 0px #b1b1b1;
  height: 10px;
  margin: -30px 0 20px 10px;
}
.multiple_messages2 {
  box-shadow: 0px 6px 4px 0px #b1b1b1;
  height: 10px;
  margin: -20px 0 20px 20px;
}
.thread-alt-bg {
    background-color: #d5f0ff;
    text-align: right;
}
.latest-message-bg {
  background-color: #7E7F9A;
  color: white;
}
.message_thread_item2 p {
  white-space: pre-wrap
}
.message_thread_item:hover {

}
.message_thread_item h3 {
	font-size: 20px;
}
.message_thread_item p {
	/* color: #fff; */
}
.message_text {
  color: #C87A6E;
  margin: 10px 0;
  float: left;
  width: 100%;
  font-size: 17px;
}
.message_text.message_unread {
  color: white;
}
.message_sent {
  color: #488e02;
  font-size: 18px;
  border-left: 5px solid;
  padding-left: 5px;
  display: none;
}
.reply-to-message {
  margin: 20px 0 40px;
  float: left;
}

/* Song builder */
#song_header { margin: 20px 0 0 0; }
#song_header, .song_line {
  display: grid; grid-template-columns: 4fr 100px 1fr;
}
.song_line_stats {
  display: grid; grid-template-columns: 55px 50px 80px 50px; font-size: 16px;padding: 16px; text-align: center; padding: 5px; text-transform: uppercase;
}
.song_line_input { width: 100% !important; border: 0 !important; box-shadow: none !important; margin: 0 0 10px !important; padding: 5px !important; font-size: 20px !important; }
.song_line_input_selected {
  background: #fff;
  padding: 10px 10px 8px;
  border: 1px solid #ccc;
  font-size: 2em;
  box-shadow: 0px 0px 6px 3px #ddd !important;
  border-radius: 5px;
}
#info_words i, #info_syllables i {
  font-size: 25px;
}
#song_elements {
  margin: 15px 0;
}
.song_element {
  padding: 10px; background-color: #7E7F9A; color: white; text-align: center; margin-right: 5px; font-size: 18px; border-radius: 10px;
}
#verse { background-color: #6d3c3c; }
#chorus { background-color: #842829; }
#bridge { background-color: #344051; }
#middleeighth { background-color: #d7c5b7; }
#intro { background-color: #40587b; }
#ending { background-color: #421414; }
#rhyme_toggle {
  margin: 50px 0 0;
  padding: 6px 12px;
  background-color: #515151;
  color: white;
  text-align: center;
  font-size: 14px;
  border-radius: 7px;
  display: none;
  float: left;
  clear: left;
}
.rhyme_suggestion { padding: 5px; background-color: #7E7F9A; color: #fff; text-align: center; font-size: 14px; margin: 2px; float: left; border-radius: 3px; }
#rhyme_suggestions_container { height: 140px; }
#rhyme_suggestions h3 { font-size: 22px; font-weight: normal; }
.rhyme-instructions { clear: left; padding: 15px 0; }
#delete_song { display: none; }
.email_song {
  padding: 8px 14px;
  font-size: 16px;
}
.song_verse {
  margin: 20px 0;
  background-color: #6d3c3c;
  padding: 0px 0 10px 20px;
  border-radius: 10px;
}
.song_chorus {
  margin: 20px 0;
  background-color: #842829;
  padding: 0px 0 10px 20px;
  border-radius: 10px;
}
.song_bridge {
  margin: 20px 0;
  background-color: #344051;
  padding: 0px 0 10px 20px;
  border-radius: 10px;
}
.song_middleeighth {
  margin: 20px 0;
  background-color: #d7c5b7;
  padding: 0px 0 10px 20px;
  border-radius: 10px;
}
.song_intro {
  margin: 20px 0;
  background-color: #40587b;
  padding: 0px 0 10px 20px;
  border-radius: 10px;
}
.song_ending {
  margin: 20px 0;
  background-color: #421414;
  padding: 0px 0 10px 20px;
  border-radius: 10px;
}
.delete_container { margin: 10px 0 0; }
.delete_line {
  background-color: white;
  padding: 5px 12px;
  border-radius: 20px;
  margin: 0 20px;
  font-size: 15px;
  cursor: pointer;
  color: #222;
}
.active_tab { background-color: #165e7b; color: #fff; padding: 10px 20px; }
.create { color: white; font-size: 14px; }
#editProject label { font-size: 16px; display: block; }
#editProject input { font-size: 16px; padding: 15px 10px; margin: 5px 0 20px; width: 600px; box-shadow: none; }
#editProject textarea { font-size: 16px; padding: 20px 10px; margin: 5px 0 20px; width: 600px; height: 200px; }
#editProject input[type='submit'] { font-size: 16px; margin: 5px 0 20px; display: block; width: 100px; }
.brand-new-feature { padding: 30px; font-size: 30px; text-align: center; border-top: 2px dashed; margin-top: 40px; }
.brand-new-feature-benefits { font-size: 20px; margin-bottom: 40px 0; }
.brand-new-feature-benefits li { list-style: none; line-height: 50px; }
#song_title_container {
  margin: 20px 0;
}
#song_title_container label {
  font-size: 15px;
  font-weight: normal;
}
/* Tool tab bar (projects pages) and the log-in prompt on tools pages.
   Was a full-width black bar; now a light card that matches the newer pages. */
#top_tool_buttons {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px;
  margin: 24px 0; padding: 6px;
  background: #fff; border: 1px solid #e3e9ec; border-radius: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.04);
}
#top_tool_buttons a:not(.btn) {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 12px; border-radius: 8px; margin: 0;
  color: #33424a; font-size: 14px; font-weight: 600; text-decoration: none;
}
#top_tool_buttons a:not(.btn) i { color: #165e7b; }
#top_tool_buttons a:not(.btn):hover { background: #f4f8fa; }
#top_tool_buttons a.active_tab { background: #165e7b; color: #fff; }
#top_tool_buttons a.active_tab i { color: #fff; }
#song_builder_login { margin: 20px 0; }
#song_builder_login a {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 18px; border-radius: 8px; background: #165e7b; color: #fff;
  font-size: 14px; font-weight: 600; text-decoration: none;
}
#song_builder_login a:hover { background: #0f4a62; color: #fff; }
.send_btn { padding: 10px 15px; background-color: #7E7F9A; color: white; text-align: center; font-size: 18px; border-radius: 10px; clear: left; border: 0; margin-left: 10px; }
#song_title_container, #song_elements_container, #song_header { display: none; }
.open_song, .open_template, #save_song_yes, #save_song_no, .red_btn {
  padding: 10px 20px;
  background-color: #7E7F9A;
  border-radius: 10px;
  color: white;
  /*display: block;*/
  margin: 10px 0;
}
#save_song_no {
  display: inline;
  width: 20px;
  /*padding: 0 20px;*/
}
.disabled_project_link { margin: 10px 0; }
.pitch_text {
  padding: 13px 20px 10px 20px;
  background-color: #272838;
  color: white;
  margin: 5px -20px 10px;
  font-weight: normal;
}
.listed_song, .listed-music, .pitches, .listed_project {
  color: white;
  border-bottom: 2px solid #664f50;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 3fr 1fr 50px 50px;
  font-size: 18px;
  grid-gap: 10px;
}
.listed_project { grid-template-columns: 3fr 1fr 1fr 130px; }
.listed_song span, .listed-music span, .pitches span, .listed_project span { font-size: 18px; color: #a6a6a6; }
.listed_song a, .listed-music a, .pitches a, .listed_project a {}
.colheader { color: #a6a6a6; margin-top: 30px; }
.sixcols { grid-template-columns: 3fr 1fr 1fr 1fr 50px 50px; }
.pitches { display: grid; grid-template-columns: 3fr 2fr 1fr 115px; grid-gap: 10px; padding: 30px 10px; }
.pitch { margin: 50px 0; border: 2px solid #797979; padding: 20px; border-radius: 10px; }
.pitch h4 { font-size: 20px; margin-bottom: 10px; }
.pitch_accept_reject_holder { margin: 30px 0 10px; }
.pitches span { display: none; }
.altbg-pitches { background-color: #272838; }
.listed-music { border-bottom: 0; }
.menu_break { display: none; }
.project_details {
  color: white;
  padding: 20px 0;
  font-size: 16px;
}
.project_details h3 {
  margin: 20px 0 !important;
}
.project_meta {
  margin: 0 0 10px 0;
  font-size: 14px;
}
#project_pitch, #project_pitch_success { display: none; }
.project_details h4 {
  font-size: 18px;
  margin: 20px 0 10px;
}
#project_pitch_success {
  font-size: 18px;
  background-color: #272838;
  padding: 30px 40px 20px;
}
.project {
  display: grid;
  grid-template-columns: 5fr 2fr;
  grid-gap: 50px;
  margin: 40px 0;
  line-height: 30px;
  font-size: 16px;
}
.project_meta_row {
  background-color: #282627;
  padding: 10px 20px;
  margin: 5px 0;
  font-size: 18px;
}
.project h4 a { color: #7E7F9A; font-size: 30px; margin: 10px 0 20px 0; }
.project_info p {
  margin: 20px 0;
  width: 70%;
}
#participants_area { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; }
.participant {
  color: white;
  text-align: center;
  background-color: #6c6161;
  padding: 10px;
  line-height: 40px;
  font-weight: normal;
}
.participant h4 { font-size: 24px; }
.participant a { color: white; }
.pitch_accept_reject {
  margin: 0 0 5px 0;
  padding: 13px 15px 13px 15px;
  max-height: 24px;
}
.project-meta, .project-meta2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 20px 0;
  text-align: center;
  font-size: 16px;
}
.project-meta2 { grid-template-columns: 1fr 1fr 1fr 1fr; }
.project-meta div, .project-meta2 div { background-color: #E8DB7D; padding: 10px; line-height: 24px; color: #13161d; }
.project-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 20px 0;
  text-align: center;
  font-size: 16px;
}
.project_item_div { margin: 20px 0; }
.project_song_header a { padding: 0 10px 0 0; }
.project-buttons div { background-color: #7E7F9A; padding: 10px; border-radius: 10px; font-size: 20px; }
.project-buttons div i {
  font-size: 30px;
  color: #fff;
  padding: 10px;
}
.project-buttons div a { color: #fff; }
.project_comment_holder {
  margin: 10px 0 0 10px;
}
.expanding_col { grid-column: 1 / span 5; }
#create_project { font-size: 16px; float: right; margin-top: -55px; }
.small-header { font-weight: bold; font-size: 24px; }
.project_comment {
  background-color: #2f2f2f;
  padding: 15px;
  margin: 2px 0;
  font-size: 16px;
  font-weight: normal;
  color: #b5b5b5;
}
.project_comment i {
  color: white;
  font-size: 15px;
}
.post_project_comment { display: none; }
.post-btn {
  padding: 10px !important;
  width: 80px !important;
  margin: 0 !important;
}
#songs_added_to_project {

}
#music_added_to_project {
}
#songs_added_to_project h3, #music_added_to_project h3 {
  font-size: 32px;
  margin: 0 !important;
}
#project_status {
  margin: 5px 0 20px 0;
  font-size: 14px;
}
.project_add {
  margin: 50px 0;
}
.project-inner { padding: 0; background-color: #282627; color: white; }
.project-inner h3 { margin: 40px 0 0 !important; }
.project-inner p { margin: 30px 0 !important; font-size: 20px; line-height: 37px; width: 70%; }
#autosave_notice {
  padding: 5px 0;
  border-bottom: 3px solid #4b4b4b;
  color: white;
  display: none;
  position: absolute;
  top: 100px;
  font-size: 16px;
}
#helper {
  padding: 0 30px 20px 20px;
  background-color: #e1c73b;
  border-radius: 10px;
  color: #282627;
  position: absolute;
  top: 360px;
  display: none;
  font-size: 16px;
  left: 100px;
}
#helper_triangle {
  width: 0;
  height: 0;
  border-bottom: 20px solid #e1c73b;
  border-right: 20px solid transparent;
  left: -10px;
  top: -20px;
  position: relative;
}
#helper_close {
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 1px;
  cursor: pointer;
}
#helper_got_it {
  cursor: pointer;
  background-color: #282627;
  padding: 8px 15px;
  color: white;
  margin: 10px 0 0;
  width: 46px;
  float: right;
}
#helper_close i {
  color: #8f7f2b;
}
#email { display: none; }
#modal_content {
    margin: 0 0 30px 0;
}
#modal_content h2 {
  margin: 10px 0 30px;
  color: #272838;
  font-weight: bold;
}
#modal_content h3 {
  margin: 10px 0 30px;
  color: #272838;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
}
#modal_content p {
  line-height: 50px;
}
.nav_blue, .nav_blue i {
  color: #C87A6E !important;
}
.droppable_zone {
  border: 2px dashed #bdbdbd;
  padding: 20px 10px;
}
#my-awesome-dropzone, #process_files_button { display: none; }
.slides {
    list-style: none;
    margin: 0;
    padding: 0;
}
.move_icon, .clone_icon, .delete_icon {
  font-size: 18px;
  padding: 10px 12px 15px 0;
  color: #fff;
  cursor: pointer
}
.slide-placeholder {
    /*background: #fff;*/
    position: relative;
    border: 2px dashed #bdbdbd;
    padding: 20px 10px;
}
.slide-placeholder:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    /*background-color: #fff;*/
}
.slide2 {
    height: 30px;
}
.slide3 {
    height: 50px;
}
.slide4 {
    height: 90px;
}
.slide5 {
    height: 35px;
}
.put_your_photo_here {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 440px;
  border-radius: 8px;
  border: 2px dashed #c8dde8;
  background: #f4fafd;
  font-size: 18px;
  color: #165e7b;
  text-align: center;
}
#temp_song_area { border: 3px dashed #eee; padding: 40px; color: #aaa; }
#message_preloader {
  display: none; /* toggled to flex by the send handler */
  align-items: center;
  gap: 10px;
  margin: 12px 0 0;
  padding: 11px 16px;
  border-radius: 8px;
  background: #f0f7fb;
  border: 1px solid #cfe6f2;
  font-size: 14px;
  font-weight: 600;
  color: #165e7b;
}
.dm-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 3px solid #bcdcea;
  border-top-color: #165e7b;
  border-radius: 50%;
  flex-shrink: 0;
  animation: dm-spin 0.7s linear infinite;
}
@keyframes dm-spin { to { transform: rotate(360deg); } }
#account_preloader_container { display: none; width: 100%; height: 100%; background-color: #fffc; padding-top: 40%; }
#account_preloader {
  display: none;
  /*width: 100%;
  height: 100%;*/
  z-index: 9999;
  /*position: absolute;*/
  text-align: center;
  /*top: 0;
  padding: 48% 0 0;*/
}
#replySubmitBtn {
  padding: 10px 15px;
  border-radius: 9px;
  font-size: 17px;
  margin-top: 20px;
}
.logged_in_menu h2 { margin: 0 0 20px 0; }
.profile { width: 100% !important; padding: 0 !important; }
.profile-inner { margin-top: 0px; padding: 0 60px 0 !important; 
  /* background-color: #282627;  
  color: white; */}
.profile-inner h1, .profile-inner h3 { margin: 40px 0 20px !important; 
  /* color: white;  */
}
.profile-inner p { margin: 30px 0 !important; line-height: 34px; }
.profile-inner dl.profile-info-list { margin: 16px 0 24px !important; }
.music-item-profile p { margin: 10px 0 !important; }
.charts-inner { padding: 30px 150px 60px !important; color: white; }
.charts-inner h1 { margin: 60px 0 50px !important; text-align: center; font-size: 50px; font-weight: 100; color: white; }
.chart_number { font-size: 50px; margin-top: -10px; text-align: right; }
.chart-intro { text-align: center; width: 70%; margin: 0 auto; }
.chart-intro-btn { text-align: center; margin-bottom: 60px !important; }
.profile-image {
  padding-top: 30px;
  position: relative;
  display: flex;
  justify-content: center;
}
.profile-image img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  object-position: center top;
  display: block;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 0 0 3px #e0e0e0;
}
.small-profile-image img {
  width: 180px;
  height: 180px;
  object-fit: cover;
  object-position: center top;
  display: block;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 0 0 3px #e0e0e0;
}
.profile-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* background-color: #373737; */
  margin: 0 -60px 0;
  padding: 0 0 0 60px;
}
.reply-sent {
  font-size: 24px;
  color: black;
  border-bottom: 2px solid #C87A6E;
  padding-bottom: 10px;
}
.footer-socials {
  padding: 20px 0 0;
}
.footer-socials i { font-size: 46px; padding: 0 2px 0; color: #346984; }
.footer-disclaimer { margin-top: 20px; font-size: 12px; line-height: 14px; }
.sidebarh4 { font-size: 16px; margin: 40px 0 10px; }
.soundcloud_embeds { margin: 30px 0; }
.account_social { margin: 20px 0; }
.new-members h3 { font-size: 20px; margin: 0 !important; color: #272838; }
.user-list-item {
  margin-bottom: 10px;
  padding: 14px 16px 25px;
  color: #1c1c1c;
  font-size: 12px;
  box-shadow: -1px 2px 8px -4px #272838;
  border-radius: 10px;
  margin-top: 10px;
}
.user-list-item h4 { font-size: 16px; margin-bottom: 10px; }
.user-list-item span { padding: 0 10px; }
.user-list-item-types {
  gap: 3px;
  flex-wrap: wrap;
}
.right-column-feature i {
  font-size: 110px;
  color: #2b2b2b;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.user-list-chevron {
  float: right;
  position: relative;
  right: 0;
  top: -35px;
  color: #13161D;
}
.user-list-chevron i { color: #7E7F9A; }
.adsense-ad-post { margin: 40px 0; float: left; clear: left; height: 203px; }
.new-members-note { width: 240px; padding: 30px 0; display: block; }
.checkboxform {
  font-size: 15px;
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s;
}
.checkboxform:hover {
  border-color: #165e7b;
  background-color: #edf4f7;
}
.checkboxform input[type="checkbox"],
.checkboxform input[type="radio"] {
  accent-color: #165e7b;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.checkboxform label {
  cursor: pointer;
  line-height: 1.3;
}
.skills-checkboxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 16px 0 24px;
}
.genre-checkboxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
.statement-checkboxes {
  display: grid;
  margin: 20px 0 30px;
  grid-gap: 20px;
}
.statements {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 22px;
}
.statement {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #f0f7fa;
  color: #155e7b;
  border: 1px solid #b8d4e2;
  border-radius: 20px;
  padding: 7px 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0;
}
.statement-alt-bg {
  background: #f3f0fa;
  color: #4a2980;
  border-color: #c8a8e8;
}
.profile-text { font-size: 1.1em; line-height: 24px; }
.profile-skills, .inline-buttons {
  display: flex;
}
.profile-skills div {
  padding: 10px 0 5px;
  border-bottom: 2px solid #F3DE8A;
  margin: 0 20px 0 0;
  font-size: 16px;
}
.inline-buttons div {
  padding: 10px 0 5px;
  margin: 20px 20px 30px 0;
}
.profile-alt-bg {
  background-color: #e6e6e6;
  margin: 0 -60px;
  padding: 45px 60px 1px;
}
.profile-alt-bg2 {
  background-color: #346984;
  margin: 0 -60px;
  color: white;
  padding: 45px 60px 20px;
}
.profile-alt-bg2 h3 {
  margin: 0 !important;
  color: white;
}
pre {
  font-size: 16px;
  white-space: pre-wrap;
  /* font-family: 'broadacre-light-0'; */
}
.adsbygoogle {
  /*float: left;*/
  clear: left;
  margin: 20px 0;
}
.spacer { padding: 20px 0; }
.members-menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 20px 0;
  text-align: center;
  font-size: 16px;
}
.members-menu div {
  background-color: #7E7F9A;
  padding: 10px;
  border-radius: 10px;
  font-size: 20px;
}
.members-menu div a {
    color: #fff;
}
.members-menu div i {
    font-size: 90px;
    color: white;
    padding: 30px;
}
.altbg-mem { background-color: #272838 !important; }
.members-spotlight {
  border: 1px solid #ffcc80;
  background: #fff8f0;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 20px 0;
}
.members-spotlight-header {
  font-size: 15px;
  font-weight: 700;
  color: #5d3a00;
  margin-bottom: 12px;
}
.members-spotlight-header i { color: #e65100; margin-right: 4px; }
.members-spotlight-row {
  display: grid;
  /* Fixed column counts (3/2/1) that all divide evenly into the 6 spotlight
     cards, so there's never a lone orphan card dangling in its own row —
     auto-fill's column count depends on container width and isn't
     guaranteed to divide 6 cleanly. */
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media (max-width: 900px) {
  .members-spotlight-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .members-spotlight-row { grid-template-columns: 1fr; }
}
.members-spotlight-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fff;
  border: 1px solid #f0ddc4;
  border-radius: 8px;
  padding: 12px;
  text-decoration: none;
}
.members-spotlight-avatar {
  position: relative;
  flex-shrink: 0;
}
.members-spotlight-avatar img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #ffcc80;
  display: block;
}
.members-spotlight-verified {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2e7d32;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  border: 2px solid #fff;
}
.members-spotlight-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.members-spotlight-name {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.members-spotlight-skill {
  font-size: 11px;
  color: #e65100;
  font-weight: 600;
}
.members-spotlight-location {
  font-size: 11px;
  color: #888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.members-spotlight-bio {
  font-size: 11px;
  color: #666;
  line-height: 1.4;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.members-spotlight-viewprofile {
  font-size: 11px;
  font-weight: 600;
  color: #165e7b;
  margin-top: 6px;
}
.members-grid { display: grid; grid-gap:10px; grid-template-columns: 1fr 1fr 1fr 1fr; clear: left; margin: 20px 0; }
.chart div { margin: 20px 0; }
.members-image a img { width:50%; border-radius: 10px; }
.members-image img { width:50%; border-radius: 10px; }
.td_ad2 { display: none; }
.your-web-links { display: grid; grid-template-columns: 1fr 1fr; margin: 20px 0; }
.your-web-links div { margin-bottom: 10px; }
.your-web-links div.web-link-delete { margin-bottom: 30px; }
.pricing-help { width: 60%; padding: 0 0 0 30px; border-left: 2px solid #7E7F9A; margin-bottom: 50px; }
.pricing-help h3 { font-size: 28px; margin: 40px 0 0 !important; }
.pricing-help h4 { font-size: 18px; margin: 40px 0 0; }
.pricing_layout { display: grid; grid-template-columns: 1fr 33%; grid-gap: 20px; align-items: start; margin-top: 10px; }
.pricing_main { min-width: 0; }
.pricing_help { padding: 25px; background-color: #f9f9f9; border-radius: 8px; border-left: 3px solid #7E7F9A; position: sticky; top: 20px; }
.pricing_help h2 { margin: 0 0 18px; font-size: 18px; }
.pricing_help_item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e5e5e5; }
.pricing_help_item:last-of-type { border-bottom: none; margin-bottom: 8px; padding-bottom: 0; }
.pricing_help_item h3 { font-size: 14px; margin: 0 0 5px !important; font-weight: bold; }
.pricing_help_item p { margin: 0; font-size: 14px; color: #444; line-height: 1.5; }
.pricing_help_contact { margin: 16px 0 0; font-size: 14px; }
.dashboard_stats { display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;text-align:center;padding:16px 10px; }
@media (max-width: 1100px) { .dashboard_stats { display: block; }.pricing_layout { grid-template-columns: 1fr; } .pricing_help { position: static; border-left: none; border-top: 3px solid #7E7F9A; } }
#searchedFor {
  font-size: 18px;
  border-left: 3px solid #7E7F9A;
  padding: 5px 10px;
  margin: 20px 0 0;
  background-color: #E8DB7D;
  display: none;
}
.image_upload_error { padding: 10px; color: white; background-color: #7E7F9A; font-size: 16px; }
.file_upload {
    color: #fff;
    background-color: #2672b2;
    border: 0;
    padding: 37px 20px;
    font-weight: bold;
    margin: 5px 5px 35px 0;
    width: 100%;
    font-size: 30px;
    text-align: center;
    display: block;
}
#upload_preloader {
    font-size: 30px;
}
#percentageCalc {
    font-size: 22px;
}
#upload_complete {
    font-size: 30px;
    padding: 62px 0;
}
#upload_preloader, #upload_complete, #image-upload-error-message, #progressBar {
    display: none;
}
#upload_more {
    display: none;
    padding: 20px;
    width: 100%;
    text-align: center;
    font-size: 24px;
}
#image-upload-error-message {
  color: #c62828;
  background-color: #ffebee;
  border: 1px solid #ef9a9a;
  border-radius: 6px;
  padding: 12px 16px;
  font-weight: bold;
  margin: 8px 0 16px;
  font-size: 14px;
}
.attachment-confirm {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #e8f4fb;
  border: 1px solid #b3d9f0;
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 14px;
  color: #165e7b;
  margin: 6px 0;
}
.attachment-confirm a { color: #165e7b; }
.attachment-discard { color: #999 !important; margin-left: 4px; white-space: nowrap; }
.attachment-discard:hover { color: #c62828 !important; }
#mobile-navigation {
  display: none;
  float: right;
  clear: right;
  width: 100%;
  padding: 10px;
  background-color: #3f3f3f;
}
.unread { }
.blog-post-home {
  padding: 10px 0 0;
  border-bottom: 2px solid #99D4F0;
  margin-bottom: 10px;
  line-height: 22px;
  width: fit-content;
}
.blog-post-home a { color: #13161d; }
#name_edit_input, #last_name_edit_input, #country_edit_input, #city_edit_input, #mobile_edit_input {
  padding: 5px;
  font-size: 18px;
  width: 200px;
  margin-bottom: 15px;
}
.advert_notes { background-color: #eee; padding: 10px 30px 30px; margin: 60px 0; }
.ad_user_rate { font-size: 18px; margin: 20px 0; }
.recording_sample { font-size: 22px; margin: 20px 0 0; text-decoration: underline;}
.lookingForList { display: flex; flex-wrap: wrap; line-height: 26px; }
#social_web_image { display: none; }
.arrow_icon { font-size: 22px !important; }
.heart_liked { display: none; color: #ea2424; }
.heart_unliked { color: #006DA1; }
.advert_not_right {
  margin: 10px 0;
  padding: 20px;
  background-color: #7E7F9A;
  color: white;
  float: left;
  font-size: 20px;
  font-style: italic;
}
.advert_not_right a {
  color: white;
  text-decoration: underline;
}
.projects-ad {
  margin: 50px 0;
  border-left: 5px solid #7E7F9A;
  background-color: #dfdfdf;
  padding: 30px;
}
.natural_width_image { width: auto !important; }
.badges_holder {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 26px;
  margin: 16px 0 24px;
}
.badge {
  /* Profile "earned badge": medallion + labels stacked in normal flow. */
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 88px;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #272838;
  font-weight: 400;
  text-align: center;
}
.badge-medal {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  color: #4a3a12;
  background: radial-gradient(circle at 33% 27%, #fff7d6 0%, #f1cd60 45%, #d3a326 100%);
  box-shadow: 0 3px 7px rgba(20, 22, 29, .22),
              inset 0 0 0 2px rgba(255, 255, 255, .5),
              inset 0 -7px 11px rgba(0, 0, 0, .13);
}
.badge-value,
.badge-name {
  margin-top: 10px;
  min-height: 2.4em;      /* keep the tier label aligned across 1- and 2-line values */
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  opacity: .9;
}
.badge-tier {
  margin-top: 3px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .9px;
  text-transform: uppercase;
  opacity: .6;
}
.badge-small {
  border-radius: 50%;
  height: 22px;
  width: 22px;
  border: 2px solid #e1e1e1;
  color: #272838;
  padding: 4px;
  text-align: center;
}
.badge-small i { color: #4a3a12; font-size: 19px; }

/* Tier finish — shared by the profile medallion and the small list badge. */
.badge-gold   .badge-medal,
.badge-small.badge-gold   { background: radial-gradient(circle at 33% 27%, #fff7d6, #f1cd60 45%, #d3a326); }
.badge-silver .badge-medal,
.badge-small.badge-silver { background: radial-gradient(circle at 33% 27%, #ffffff, #d7dce1 45%, #a7afb6); }
.badge-bronze .badge-medal,
.badge-small.badge-bronze { background: radial-gradient(circle at 33% 27%, #f7d5b2, #d99a63 45%, #af6a35); }
.badge-gold   .badge-tier { color: #a9790c; opacity: .85; }
.badge-silver .badge-tier { color: #79828a; opacity: .85; }
.badge-bronze .badge-tier { color: #9c5f2e; opacity: .85; }

.badge-none  { background-color: #464646; color: #777; border: 3px solid #4f4f4f; }
.badge-none2 { background-color: #fff; color: #a6a4a4; border: 3px solid #f7f7f7; }

/* Profile skill tags */
.skill-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 18px;
}
.skill-tag {
  padding: 4px 13px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  background-color: #f0f5f8;
  color: #555;
  border: 1px solid #d0dfe8;
}
.skill-tag-primary {
  background-color: #155e7b;
  color: #fff;
  border-color: #0f4a5f;
}

/* ID Verified badge */
.id-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #2e7d32;
  color: #fff;
  border: 1px solid #1b5e20;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 600;
  vertical-align: middle;
  cursor: default;
}
.id-verified-badge i { font-size: 13px; }

/* In Demand badge (producers, composers, musicians, singers — under-supplied skills) */
.in-demand-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #e65100;
  color: #fff;
  border: 1px solid #bf360c;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 600;
  vertical-align: middle;
  cursor: default;
}
.in-demand-badge i { font-size: 13px; }

/* Verified Lyricist credential badge (placeholder styling — final graphic is a design task) */
.verified-lyricist-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #4527a0;
  color: #fff;
  border: 1px solid #311b92;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 600;
  vertical-align: middle;
  cursor: default;
}
.verified-lyricist-badge i { font-size: 13px; }
.verified-lyricist-badge a { color: inherit; text-decoration: none; }

/* Top tier: verified + subscriber */
.id-verified-badge--top {
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
  border-color: #66bb6a;
  color: #1b5e20;
}

/* ID Verified badge (small — for search results and ads) */
.id-verified-badge-sm {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #2e7d32;
  color: #fff;
  border: 1px solid #1b5e20;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 600;
  vertical-align: middle;
  cursor: default;
  white-space: nowrap;
}
.id-verified-badge-sm i { font-size: 11px; }
.id-verified-badge-sm--top {
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
  border-color: #66bb6a;
  color: #1b5e20;
}

/* In Demand badge (producers, composers, musicians, singers — under-supplied skills) */
.in-demand-badge-sm {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #e65100;
  color: #fff;
  border: 1px solid #bf360c;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 600;
  vertical-align: middle;
  cursor: default;
  white-space: nowrap;
}
.in-demand-badge-sm i { font-size: 11px; }

/* Core Community Member badge */
.longstanding-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #f59e0b, #b45309);
  color: #fff;
  border-radius: 20px;
  padding: 4px 13px;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle;
  cursor: default;
  box-shadow: 0 2px 6px rgba(180,83,9,0.35);
  letter-spacing: 0.2px;
}
.longstanding-badge i { font-size: 12px; }

.longstanding-badge-sm {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(135deg, #f59e0b, #b45309);
  color: #fff;
  border-radius: 20px;
  padding: 2px 9px;
  font-size: 11px;
  font-weight: 700;
  vertical-align: middle;
  cursor: default;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(180,83,9,0.3);
  letter-spacing: 0.2px;
}
.longstanding-badge-sm i { font-size: 10px; }

/* Profile info definition list */
.profile-info-list {
  margin: 20px 0;
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 9px;
  column-gap: 16px;
  font-size: 15px;
  line-height: 1.5;
}
.profile-info-list dt {
  font-weight: 600;
  color: #666;
  white-space: nowrap;
}
.profile-info-list dd {
  margin: 0;
  color: #1c1c1c;
}
.profile-stars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

/* Follower / following stat bar */
.profile-social-stats {
  display: flex;
  gap: 0;
  margin: 14px 0 20px;
  border: 1px solid #d0dfe8;
  border-radius: 10px;
  overflow: hidden;
  width: fit-content;
}
.profile-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 24px;
  background: #f0f5f8;
  line-height: 1.2;
}
.profile-stat + .profile-stat {
  border-left: 1px solid #d0dfe8;
}
.profile-stat-number {
  font-size: 22px;
  font-weight: 700;
  color: #155e7b;
}
.profile-stat-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #777;
  margin-top: 2px;
}

/* Edit profile pill link */
a.edit-profile-link {
  display: inline-block;
  font-size: 13px;
  padding: 5px 14px;
  border-radius: 20px;
  border: 1.5px solid #155e7b;
  color: #155e7b;
  text-decoration: none;
  margin-bottom: 14px;
  transition: background-color 0.15s, color 0.15s;
}
a.edit-profile-link:hover {
  background-color: #155e7b;
  color: #fff;
}

/* Promote profile pill link — same shape as edit-profile-link, orange accent
   to match the "Promote (NEW!)" convention used on ads/tracks */
a.promote-profile-link {
  display: inline-block;
  font-size: 13px;
  padding: 5px 14px;
  border-radius: 20px;
  border: 1.5px solid #e94e1b;
  color: #e94e1b;
  text-decoration: none;
  margin-left: 8px;
  margin-bottom: 14px;
  transition: background-color 0.15s, color 0.15s;
}
a.promote-profile-link:hover {
  background-color: #e94e1b;
  color: #fff;
}

/* "Not protected" copyright upsell card, shown on your tracks/lyrics lists */
.cert-warning-card {
  background: #fff6f6;
  border: 1px solid #f3c9c9;
  border-left: 4px solid #c00000;
  border-radius: 8px;
  padding: 16px 18px;
  margin: 15px 0;
  max-width: 420px;
}
.cert-warning-status {
  color: #c00000;
  font-weight: 600;
  margin: 0 0 8px !important;
}
.cert-warning-card p:not(.cert-warning-status) {
  margin: 0 0 14px !important;
  color: #444;
  font-size: 14px;
  line-height: 1.5;
}

/* Profile section headings */
.profile-section-heading {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

/* Collaborated with pill links */
.collab-with-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 24px;
}
.collab-with-list a {
  padding: 4px 12px;
  border-radius: 16px;
  background-color: #f0f5f8;
  color: #155e7b !important;
  text-decoration: none !important;
  font-size: 14px;
  border: 1px solid #d0dfe8;
  transition: background-color 0.15s;
}
.collab-with-list a:hover {
  background-color: #d0dfe8;
}
.interview_image img { width: 100%; }
.standfirst {
  font-size: 24px !important;
  font-style: italic;
  line-height: 34px;
}
.ext_ad_img { width: 100%; }
.btns_home { display: flex; flex-wrap: wrap; margin: 0; }
.interview_text_over_image {
  bottom: 34px;
  position: relative;
  background-color: black;
  opacity: 0.8;
  color: white;
  padding: 5px 10px;
  left: 20px;
  width: 281px;
  font-size: 15px !important;
  text-align: center;
}
small { font-size: 13px; }
#back_to_top {
  float: right;
  position: relative;
  bottom: 67px;
}
#back_to_top i { color: white; font-size: 14px; }
.gallery_select_intro { color: #888; margin: 0 0 16px; font-size: 15px; }
.gallery_select {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
  margin-bottom: 24px;
}
.gallery_item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.gallery_item a {
  display: block;
  position: relative;
}
.gallery_item a img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
  border: 3px solid transparent;
  border-radius: 6px;
  transition: transform 0.18s ease, filter 0.18s ease, border-color 0.18s ease;
}
.gallery_item a:hover img {
  transform: scale(1.04);
  filter: brightness(0.8);
  border-color: #4a9fc2;
}
.gallery_check {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: rgba(22, 160, 133, 0.9);
  color: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  pointer-events: none;
  transition: transform 0.18s ease;
}
.gallery_item_selected .gallery_check {
  transform: translate(-50%, -50%) scale(1);
}
.gallery_item_selected a img {
  border-color: #16a085;
}
#gallery_image_updated {
  display: none;
  background: #16a085;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  margin-bottom: 16px;
  font-weight: 500;
}
#gallery_image_updated i { margin-right: 6px; }
#logoWords h4 { font-size: 26px; margin: 15px 0 5px; font-weight: 400; }
.home_header_buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  margin-right: 20px;
}
.home_header_buttons a {
  padding: 7px 15px 5px;
  background-color: #155e7b;
  border-radius: 8px;
  margin: 0 0 10px 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
  display: block;
}
#homepage_banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.home_header_img_mobile {
  display: none;
}
#welcome_video {
  padding: 10px 20px 0;
  background: #272838;
  background-repeat: repeat;
  background-image: none;
  background-image: url(/images/header_songwriter.jpg);
  background-repeat: no-repeat;
  height: 350px;
  background-position-x: center;
}
.full_width_content { padding: 40px 20px 20px; }
.dashboard { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; }
.choose_account { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; }
.choose_membership { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; text-align: center; margin-top: 10px; }
.plus_points_grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px 50px; }
.plus_points h2 { font-size: 30px; margin: 40px 0 !important; text-decoration: underline; border-top: 1px solid #eee; padding-top: 40px; }
.plus_points_grid h3, .plus_points_faq h3 { font-size: 20px; margin: 20px 0 0 !important; background: #fff6d1; padding: 5px 10px; width: fit-content; line-height: 28px; }
.plus_points_grid p, .plus_points_faq p { font-size: 16px; line-height: 22px; }
.plus_points_faq { margin: 40px 0; }
.choose_account_2_cols { grid-template-columns: 1fr 1fr; }
.dashboard a, .choose_account div {
  border-radius: 20px;
  padding: 35px 20px;
  background-color: #ffefaa;
  line-height: 25px;
  font-size: 18px;
}
.dashboard i, .choose_account div i, .choose_membership div i {
  color: #272838;
  font-size: 50px;
  padding: 10px;
}
.dashboard a, .choose_account a {
  /* color: #272838; */
  font-size: 18px;
}
.choose_account div p {
  background-color: #e5cd6a;
}
.choose_membership div {
  border-radius: 20px;
  line-height: 25px;
  font-size: 18px;
  margin-bottom: 10px;
}
.choose_account_alt_div { background-color: #8ddbdb !important; }
.choose_account_alt_div2 { background-color: #3f4674 !important; }
.choose_account_alt_div3 { background-color: #8791ca !important; }
.choose_account_alt_div p { background-color: #71bcbc !important; }
.choose_account_alt_div2 h2, .choose_account_alt_div3 h2 { color: white !important; }
.choose_account_alt_div2 p, .choose_account_alt_div3 p { background-color: #2d345c !important; color: white !important; }
.choose_account_alt_div3 p { background-color: #6870a1 !important; }
#slider-range { width: 300px; margin: 0 10px 40px; }
.age_range { border:0 !important; box-shadow: none !important; font-size: 16px !important; color:#fff; font-weight:bold; width: 100px !important; background-color: #272838 !important; }
.other_options { margin-top: 100px; }
.purple_tick {
    color: #9ad4f0 !important;
    margin-right: 5px;
    background-color: #14161d;
    border-radius: 20px;
    padding: 6px 7px 4px;
}
.yellow_tick { color: #f2de8a !important; margin-left: 20px; margin-right: 5px; }
.home_help_btn { margin: 20px 0; }

.promote-ad-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 24px;
    margin: 0 0 24px;
}
.promote-ad-card h1 { margin-top: 0; }
.promote-ad-checklist {
    list-style: none;
    margin: 16px 0;
    padding: 0;
}
.promote-ad-checklist li {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}
.promote-ad-checklist li:last-child { margin-bottom: 0; }
.promote-ad-action {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}
.promote-ad-select {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 8px 0 16px;
    max-width: 100%;
}
.promote-ad-buy {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin: 8px 0;
}
.home_help_btn a {
  padding: 7px 15px 5px;
  font-size: 22px;
  /* font-family: broadacre-light-0, sans-serif; */
  font-weight: 200;
}
.logo_span {
  color: #333;
}
.logo_span_blue {
}
.members_pagination {
  /* display: flex; gap: 10px; justify-content: flex-end; */
  margin: 20px;
}
.members_pagination p {
  flex-grow: 1;
  margin: 0;
  position: relative;
  top: 12px;
  font-weight: bold;
}
.members_pagination h3 {
  margin: 0 !important;
  font-size: 18px;
  line-height: 22px;
  /* position: relative; */
  top: 17px;
}
.members_pagination a i {
  position: relative;
  top: 1px;
  padding: 0;
}

.members_title { margin: 50px 0 20px !important; }
#search_members, #search_keywords, #search_locations { margin-bottom: 0; font-size: 16px; width: 230px; box-shadow: none; }
#members_filters {
  /* background-color: #272838; */
  /* padding: 20px;
  margin: 0 -20px 10px; */
  /* color: white; */
}
#show_hide_filters { position: absolute; top: 263px; right: 20px; }
#show_hide_filters i {
  font-size: 18px;
  padding: 0 7px 0 0;
}
.active_filter {
  border-bottom: 2px solid #005E7A;
  color: #005E7A !important;
  height: 18px;
}
.disabled_filter { 
  font-size: 14px;
  color: #888484;
}
.disabled_filter_active { 
  font-size: 14px;
  color: #988539;
  border-bottom: 2px solid #988539;
}
.members_filter_heading { 
  color: #005E7A;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: #E8DB7D !important;
  background-image: none !important;
  border: 1px solid #E8DB7D !important;
  color: black !important;
}
.ui-widget-header {
  background-color: #565873 !important;
  background-image: none !important;
  border: 0 !important;
}
.ui-widget-content {
  background-color: #b1b1b1 !important;
  background-image: none !important;
  border: 0 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 2px solid #1f2b1d;
}
.ui-widget-header .ui-icon {
  background-image: url('/images/ui-icons_ffffff_256x240.png') !important;
}
.ui-widget-header .ui-icon {
  background-image: url('/images/ui-icons_ffffff_256x240.png') !important;
}
#filter_type_mobile, #filter_looking_for_mobile, #filter_sort_mobile, #filter_experience_mobile, #filter_status_mobile, #filter_country_mobile { display: inline-block; margin: 10px 0 10px 0; }
.filters_mobile { display: none; }
.account_needs_attention {
  background-color: #fff8da;
  padding: 20px;
  margin: 80px 0px -10px;
}
.account_needs_attention h4 { font-size: 26px; padding: 10px 0 0; }
.big_promo, .big_promo2 {
  background: #272838;
  background-image: url('/images/big-promo-bg.jpg');
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: right;
}
.big_promo2 {
  background-image: url('/images/success2.jpg');
  text-align: left;
}
.big_promo h3, .big_promo2 h3 {
  margin: 0 !important;
  padding: 20px 0;
  color: white;
}
.big_promo h4, .big_promo2 h4 {
  margin: 0 !important;
  padding: 0 0 20px 0;
  font-size: 22px;
  line-height: 26px;
  color: white;
}
.big_promo_text {
  padding: 40px;
}
.audio-spectrum {
  margin: 20px 0;
  background-color: #282627;
}
.play_audio i, .pause_audio i {
  font-size: 30px;
  position: relative;
  top: 5px;
}
.alt_play_bg {
  color: #272838;
}
.pause_audio {
  display: none;
}
.exclusive_offer {
  border-bottom: 1px solid #c87a6e;
  padding: 0px;
  text-transform: uppercase;
  font-size: 20px;
  color: #c87a6e;
}
.success-story-images {
  display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: center; padding: 50px 0;
}
.success-arrows { text-align: center; }
.success-arrows i { font-size: 110px; padding: 120px 0 0; text-align: center; color: #272838; }
.success-image { width: 250px; }
.heading_alt {
  color: #E8DB7D;
  background-color: #272838;
  padding: 20px 53px;
  margin: 40px -50px 20px;
  font-size: 24px;
  line-height: 34px;
}
.white_link { color: white; }
.sponsor_block { padding: 10px 20px; background-color: #E8DB7D; margin: 40px 0 0;}
.sponsor_block i { color: #0a719f; font-size: 40px; }
.sponsor_block a { position: relative; top: -7px; left: 10px; }
.youtube_embed { width: 100%; height: 310px; }
.promo_slider_mobile { display: none !important; }
.big_banner {
  margin: 0 -20px;
  padding: 50px 50px;
  background-position: center;
}
.banner_image { width: 100%; }
#eye-slash { display: none; }
.artist_promo_text { width: 70%; }
.not_logged_in {
  padding: 20px 20px;
}

  .direct_message_select{padding:10px;font-size:16px;}
  .members_list_subscriber {
    font-size: 16px;
    border: 2px solid #41c35d;
    padding: 5px 10px;
    width: 80px;
    text-align: center;
    color: #25903c;
  }
  .user_profile_subscriber {
    font-size: 16px;
    border: 2px solid #41c35d;
    padding: 5px 10px;
    width: 80px;
    text-align: center;
    color: #25903c;
    margin-top: 20px;
  }
  .messages_subscriber {
    font-size: 14px;
    border: 2px solid #41c35d;
    padding: 5px 5px;
    width: 56px;
    text-align: center;
    color: #25903c;
    margin-top: 7px;
  }
  .showcase_subscriber {
    font-size: 12px;
    width: 90px;
    text-align: center;
    color: #2e6913;
    margin: 0;
  }
  #uploaded_attachments_area {
    clear: left;
  }
  .logo_sr {
    margin: 20px 0 30px;
  }
  .logo_sr b {
		font-size: 8vh;
    /* font-family: broadacre-light-0,sans-serif; */
		color: var(--main-bg-color);;
    /* text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em #f6b8d5, 0 0 0.5em #b42769, 0 0 0.1em #973f68, 0 10px 3px #fff; */
  }
		.logo_sr b span{
		animation: blink linear infinite 2s;
		}
		.logo_sr b span:nth-of-type(2){
		animation: blink linear infinite 3s;
		}
		@keyframes blink {
		78% {
			color: inherit;
			text-shadow: inherit;
		}
		79%{
			color: #fff;
		}
		80% {
			
			text-shadow: none;
		}
		81% {
			color: inherit;
			text-shadow: inherit;
		}
		82% {
			color: #eee;
			text-shadow: none;
		}
		83% {
			color: inherit;
			text-shadow: inherit;
		}
		92% {
			color: #333;
			text-shadow: none;
		}
		92.5% {
			color: inherit;
			text-shadow: inherit;
		}
		}

.topbar_promotion {
  position: fixed;
  top: 0;
  height: 25px;
  width: 100%;
  background-color: #165e7b;
  z-index: 9999999999;
  text-align: center;
  padding: 8px 0 0;
  color: white;
}
.topbar_promotion a {
  color: white;
  /* animation: blinker 2s linear infinite; */
}
.topbar_promotion_br { display: none; }
.instant_connect_message {
  color: white;
  font-size: 14px;
}

.topbar_promotion a {
}
.shop_ad { padding: 0 0 20px 20px; }

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.please_upload {
  margin: 110px 20px -80px;
}
.showing_total_promo {
  margin: 10px 20px;
}
.showing_total {
  margin:0;
  color: #fff;
}
.showing_total a {
  color: white;
  text-decoration: underline;
}
.your_certificates {
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px;
}
.your_certificate {
  background-color: #eee; padding: 15px 15px 5px; border-radius: 5px;
}
.pay_buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0px;
  margin-top: 40px;
  padding: 0 !important;
  line-height: 50px !important;
}
.pay_buttons span {
  margin-bottom: 5px;
}
.pay_buttons span a {
  font-size: 16px !important;
}
.join_currency {
  display: flex; 
  justify-content: space-between;
}
.search_by_country {
    margin: 30px 0 30px;
    border-bottom: 2px solid #E8DB7D;
    padding: 5px 0 5px;
    width: fit-content;
}
.search_by_country a {
  color: #272838;
  font-weight: bold;
}
.ai_check {
  background-color: #fff8da;
  border: 2px dotted #e8db7d;
  margin: 10px 0;
  padding: 0 20px 2px;
}
.ai_check_dark {
  border: 2px dotted #e8db7d;
  margin: 10px 0;
  padding: 0 20px 2px;
  color: white;
}
.messages_key {
  display: flex;
  justify-content: space-between;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.switchslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchslider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .switchslider {
  background-color: #2196F3;
}

input:focus + .switchslider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switchslider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* ~~~~~~~~ Lyric classification hub pages ~~~~~~~~ */
.classHubIntro {
  max-width: 760px;
  margin: 0 0 30px;
}
.classHubIntro h1 {
  font-size: 2.2em;
  font-weight: 800;
  color: #13161d;
  margin: 0 0 18px;
}
.classHubIntro h2 {
  font-size: 1.3em;
  font-weight: 700;
  color: #165e7b;
  margin: 0 0 14px;
}
.classHubIntro p {
  color: #444;
  line-height: 1.6;
  margin: 0 0 12px;
}
.classHubSpot {
  max-width: 760px;
  margin: 0 0 40px;
}
.classHubSpot h2 {
  font-size: 1.3em;
  font-weight: 700;
  color: #165e7b;
  margin: 0 0 14px;
}
.classHubSpot ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.classHubSpot li {
  color: #444;
  line-height: 1.6;
  margin: 0 0 10px;
}
.classHubSongwriters {
  margin: 0 0 20px;
}
.classHubSongwriters h2 {
  font-size: 1.3em;
  font-weight: 700;
  color: #165e7b;
  margin: 0 0 20px;
}

/* ~~~~~~~~ Lyric classifications index page ~~~~~~~~ */
.classIndexGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
}
.classIndexCard {
  display: flex;
  flex-direction: column;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 20px;
  text-decoration: none;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.classIndexCard:hover {
  border-color: #C87A6E;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.classIndexCardName {
  font-size: 1.15em;
  font-weight: 700;
  color: #13161d;
  margin: 0 0 8px;
}
.classIndexCardBlurb {
  color: #444;
  line-height: 1.5;
  font-size: 0.92em;
  margin: 0 0 16px;
  flex-grow: 1;
}
.classIndexCardMeta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  font-size: 0.8em;
  color: #767676;
}
.classIndexCardMeta > span:first-child {
  white-space: nowrap;
}
.classIndexCardLinkLabel {
  color: #C87A6E;
  font-weight: 600;
  white-space: nowrap;
}

/* ~~~~~~~~ Great Songwriters index page ~~~~~~~~ */
.gswIntro {
  max-width: 760px;
  margin: 0 0 36px;
}
.gswIntro h1 {
  font-size: 2.3em;
  font-weight: 800;
  color: #13161d;
  margin: 0 0 18px;
}
.gswIntro p {
  color: #444;
  line-height: 1.6;
  margin: 0 0 12px;
}

.gswLayout {
  display: grid;
  grid-template-columns: 290px 1fr;
  gap: 40px;
  align-items: start;
}

.gswFiltersPanel {
  position: sticky;
  top: 20px;
  align-self: start;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 18px;
}
.gswFiltersHeader {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 14px;
  font-size: 0.85em;
  font-weight: 600;
  color: #13161d;
}
.gswClearLink {
  color: #C87A6E !important;
  text-decoration: none;
  font-weight: 600;
}
.gswClearLink:hover {
  text-decoration: underline;
}
.gswFacetGroup {
  min-width: 0;
  border: none;
  padding: 0 0 18px;
  margin: 0 0 18px;
  border-bottom: 1px solid #eaeaea;
}
.gswFacetGroup:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.gswFacetGroup legend {
  font-size: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #767676;
  padding: 0 0 10px;
}
.gswFacetOption {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 0.9em;
  color: #333;
  padding: 4px 0;
  cursor: pointer;
}
.gswFacetOption input {
  margin: 0;
  flex-shrink: 0;
}
.gswFacetCount {
  color: #999;
  font-size: 0.85em;
}
.gswFacetHubLink {
  color: #C87A6E !important;
  font-size: 0.8em;
  margin-left: auto;
  text-decoration: none;
}
.gswFacetHubLink:hover {
  text-decoration: underline;
}

.gswDecadeSection {
  margin-bottom: 44px;
}
.gswDecadeSection.is-hidden {
  display: none;
}
.gswDecadeSection h2 {
  font-size: 1.4em;
  font-weight: 700;
  color: #165e7b;
  border-bottom: 2px solid #eaf2f6;
  padding-bottom: 10px;
  margin: 0 0 20px;
}

.gswCardGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 22px;
}
.gswCard {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.1);
  transition: box-shadow 0.2s, transform 0.2s;
}
.gswCard.is-hidden {
  display: none;
}
.gswCard--published:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.15);
  transform: translateY(-3px);
}
.gswCardLink {
  display: block;
  color: inherit !important;
  text-decoration: none !important;
}
.gswCardImage img {
  width: 100%;
  aspect-ratio: 680 / 440;
  object-fit: cover;
  display: block;
}
.gswCardBody {
  padding: 14px 16px 18px;
}
.gswCardName {
  font-weight: 700;
  font-size: 1em;
  color: #13161d;
  line-height: 1.3;
}
.gswCardEra {
  font-size: 0.8em;
  color: #767676;
  margin-top: 4px;
}
.gswCardTags {
  margin-top: 10px;
}
.gswTag {
  display: inline-block;
  font-size: 0.72em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #165e7b;
  background: #eaf2f6;
  border-radius: 20px;
  padding: 4px 10px;
}

.gswCard--placeholder {
  box-shadow: none;
  border: 1px dashed #ddd;
  background: #fafafa;
  opacity: 0.7;
}
.gswCard--placeholder .gswCardBody {
  padding: 18px 16px;
}
.gswCard--placeholder .gswCardName {
  color: #767676;
}
.gswCard--placeholder .gswTag {
  color: #999;
  background: #eee;
}
.gswComingSoon {
  display: inline-block;
  font-size: 0.7em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #b85c00;
  margin-bottom: 6px;
}

@media (max-width: 900px) {
  .gswLayout {
    grid-template-columns: 1fr;
  }
  .gswFiltersPanel {
    position: static;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .gswFacetGroup--genre {
    display: none;
  }
  .gswIntro h1 {
    font-size: 1.8em;
  }
  .gswCardGrid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 14px;
  }
  .gswCardBody {
    padding: 10px 12px 14px;
  }
}

/* Rounded sliders */
.switchslider.round {
  border-radius: 34px;
}

.switchslider.round:before {
  border-radius: 50%;
}

/* ~~~~~~~~~ Legal / policy pages (Terms, Privacy, Cookie) ~~~~~~~~~ */
/* Wrap the page body in <div class="legal-page"> — see termsAndConditions.php,
   cookie-policy.php, privacy-policy.php. Constrains the line length to a
   readable measure and gives the hand-written <p><strong>heading</strong></p>
   sections real heading weight. The Termly-generated Privacy doc keeps its own
   embedded styles; this only reins in its width. */
.legal-page {
    max-width: 820px;
    margin: 0 auto;
    padding: 0 4px 56px;
    font-size: 16px;
    line-height: 1.75;
    color: #2b2b2b;
}
.legal-page h1 {
    margin-bottom: 30px;
}
.legal-page > p:first-of-type,
.legal-page > p:nth-of-type(2) {
    color: #55595f;
}
.legal-page p { margin: 0 0 16px; }
.legal-page ul, .legal-page ol { margin: 0 0 20px; padding-left: 26px; }
.legal-page li { margin-bottom: 10px; }
.legal-page li > p { margin: 0 0 8px; }
.legal-page a { color: #165e7b; text-decoration: underline; }
.legal-page a:hover { color: #0f4257; }

/* Promote the run-in bold section labels to real headings. :only-child keeps
   inline emphasis inside sentences untouched; the div/span-based Termly page
   has no matching <p> so it is unaffected. */
.legal-page p > strong:only-child {
    display: block;
    margin: 38px 0 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    color: #13161d;
}
.legal-page > p:first-of-type > strong:only-child { margin-top: 4px; }

/* Rein in the width of the embedded Termly privacy document, and drop its
   duplicate "PRIVACY POLICY" title + the triple <br> gap under it (the page
   already has its own <h1>). Keeps the "Last updated" line (child 3). */
.legal-page [data-custom-class="body"] { max-width: 100%; }
.legal-page [data-custom-class="body"] > div:nth-child(1),
.legal-page [data-custom-class="body"] > div:nth-child(2),
.legal-page [data-custom-class="body"] > div:nth-child(4),
.legal-page [data-custom-class="body"] > div:nth-child(5),
.legal-page [data-custom-class="body"] > div:nth-child(6) { display: none; }

@media (max-width: 700px) {
    .legal-page { font-size: 15px; padding-bottom: 40px; }
    .legal-page p > strong:only-child { font-size: 18px; margin-top: 30px; }
}