/* To minimize this .css file, use: */
/*https://css.github.io/csso/csso.html*/
/* NOTE: You may want to uncheck the "Restructure" option if mmenu doens't work or it is blank! Also other strange CSS things could happen, watch for faded headers like the ones with ID or class "mainMenu_2025" */
/*or use the Google page speed tool*/
/* http://tools.w3clubs.com/cssmin/ */
/* BE CAREFUL because the above script alters some styles beginning #FFadd !! */
/* Otherwise use: http://csscompressor.com/ */
/* But be careful anyway because it removes @viewport definition below */

/* Version 3.1 (3-18-2015) for 3 styles for jQuery expert references... */
/* Version 4 (10-28-2015) for video lessons and new hybrid home page with Jssor slide */


/* This CSS is just for Category style pages */


@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}


/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

b,
strong {
    font-weight: bold;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


img {
    margin: 0;
    padding: 0;
    border: 0;
    border-style: none
}

button,input,select,textarea {
    font-family: inherit;
    margin: 0
}

button,input {
    line-height: normal
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:focus,
a:active,
a:hover {
    outline: none;
}


svg:not(:root) {
    overflow: hidden;
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}



body {
    font-family: Arial,Helvetica,sans-serif;

    padding: 0 2px;
    overflow-y: auto;
    font-size: 12px;
    margin: 0px;
}

#prewrapper {

    margin: 0;
    padding-bottom: 10px;
}

.newh4,h1,h2,h3,h4,h5 {
    font-weight: 700;
    margin: 0;
    padding: 0
}

form  {
	margin: 0px;
	padding: 0px;
}
input {
	font-size: 1em;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}

body,h5 {
    font-size: 12px
}

em,h1,p {
    color: #666
}

li,ul {
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 36px;
	color: #666666;
}

h2 {
    font-size: 22px;
    color: #999
}

h3 {
	font-size: 18px;
}

h4, .newh4 {
	font-size: 14px;
}

a,a:link {
    text-decoration: none;
    color: #3e62b0
}

a:visited {
    color: #a14ff3;
    text-decoration: none;
}

#wrapper {
    position: relative;
    margin: 0;
    background-color: #fff
}

#header, #content, #contentnwpr {
	position: relative;
}
#breadcrumbs {
	width:100%;
	margin:12px 0 0 15px;
	text-align:left;
}
#header {
	height: 100px;
	overflow:hidden; /* added 12-11-2012 for Android devices */
}



ul#topMenu,ul#topMenu li a {
    font-weight: 700;
    color: #c76c14
}

ul#topMenu {
    display: block;
    height: 26px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    padding-top: 8px;
    color: #c76c14;
}

ul#topMenu li {
    display: inline
}

ul#topMenu li a {
	font-weight: bold;
	text-transform: uppercase;
	color: #c76c14;
	padding: 0px 1px;
}









.FFsalutation {
    float: left;
    margin: 10px 0 0;
    color: #c76c14;
    font-weight: 700
}





a.FFfixedlink:visited {
	color: #3e62b0;
}

.FFmainColumncss HR, hr.FFmainColumncssStyle {
	margin-bottom: 8px;
	padding: 0;
	border-bottom:1px solid #d9e3f6; /* d9e3f6 bbb */
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0;
	height:1px;
	display:block;

}

/* --------------------------------- */
/* --- START FabNewChiariRel_ND.css  */
/* --------------------------------- */


.buy
{
    COLOR: #CD5363;
}



.normaltext
{

	font-size: 1em;
	COLOR: #222222;
	text-align: justify;
}
.normaltextsmall
{

	font-size: 0.9em;
	COLOR: #222222;
	text-align: justify;
}
.normaltextrightsmall
{

	font-size: 0.9em;
	COLOR: #222222;
	text-align: right;
}







nav:not(.mm-menu) {
    display: none
}

.header {
	text-align: center;
    /* background: rgba(77, 109, 177, 0.95) url('//cdn3.virtualsheetmusic.com/images/gradients/tui4revlogo3.png') no-repeat right top; */

	/* background: linear-gradient(to right, rgba(77, 109, 177, 0.95) 0px, rgba(77, 109, 177, 0.95) 800px, #fff 800px) no-repeat right top; rgb(56, 84, 151) 77, 109, 177*/

	background: linear-gradient(to left, rgba(255, 255, 255, 0.85) 0px, rgba(255, 255, 255, 0.85) 75px, rgba(77, 109, 177, 0.85) 180px, rgba(56, 84, 151, 0.95) 300px);

    /* border-bottom: 1px solid #aaa; */
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 0 0 50px;
    box-shadow: 1px 1px 9px #666;
    position: fixed;
    top: 0;
    transform: none;
    z-index: 10000;

	/* Add blur effect */
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.header a#respmenu {
    background: center center no-repeat;






    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 25 25'%3E%3Cpath d='M3 3h19v3H3V2zm0 7h19v3H3v-2zm0 7h19v3H3v-2z' fill='%23ffffff'/%3E%3C/svg%3E");






    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 7px
}

.mm-menu,.mm-menu>.mm-panel {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: inherit
}

.mm-menu {
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-menu {
    background: #333;
    color: rgba(255,255,255,.6)
}

.mm-page {
    box-sizing: border-box;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease
}

#mm-blocker {
    background: 0 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999
}

#mm-blocker,.mm-menu.mm-offcanvas {
    display: none;
    position: fixed
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

/* From Responsive (redundancies have been left because consolidation created issues) */

#menumobheader, .mm-menu li.mm-nosubresults>a.mm-subopen {
	display: none;
}

#prewrapper {
	padding:0;
}

#wrapper {
	padding:0 0 10px 0;
}

.badge
{
width:16px;
height:16px;
line-height:16px;
border-radius:50%;
font-size:16px;
color:#fff;
text-align:center;
background:red;
position:absolute;
top:7px;
left:111px;/* 68px */
}

.badge a, .badgelg a, .badge a:visited, .badgelg a:visited, .badge a:hover, .badgelg a:hover {
	color:white;
	text-decoration:none;
}











/* New category pages other stuff */


.catbnr {
	margin-bottom:15px;
	border:1px solid #ccc;
	box-shadow: 5px 5px 5px #ccc;
}






#drillleftcolumn {
	float:left;
	width:190px;
	padding:10px 0 0 10px;
	text-align:left;
}



/* Norton Seal */
#NSGs {
	position:fixed;
	left:0px;
	bottom:0px
}







/* FROM DEFERRED CSS */

/* From MAIN_speed2.css */

/* --------------------------------- */
/* --- START menu.css           ---- */
/* --------------------------------- */




/* --------------------------------- */
/* --- START styles.css           ---- */
/* --------------------------------- */


/* CSS Document */












p {
	color: #666666;
}

ul {
	list-style-image: none;
	list-style-type: none;
}
li {
	list-style-image: none;
	list-style-type: none;
}






ul#topMenu li a:hover {
	color: #CCCCCC;
	text-decoration: none;
}



#searchForm .searchText {
	float: left;
	width: 13%;
	margin-top: 5px;
}
#searchForm .searchInput {
	width: 60%;
	float: left;
	height:1.7em;
	font-size:120%;
}
#searchForm .searchButton {
	float: left;
	width: 11%;
	text-align:left;

}
#searchForm .advancedSearch {
	float: left;
	width: 15%;
	font-size: 95%;
	margin-top: 5px;
	text-align: left;
}

.searchInput, .searchInput2 {
	position:relative;
}


#content {
	margin-top: 15px;
}

/* FF REMOVED BLOCK 11-2-2015 (#howItWork, #headline, etc) */

.product {
	width: 100%;
	margin-bottom: 10px;
}








.FFsalutation {
	float:left;
	margin: 10px 0 0 0;
	color: #c76c14;
	font-weight: bold;
}




/* --------------------------------- */
/* --- START FabNewChiariRel_ND.css  */
/* --------------------------------- */


.sendzip, .sendzipacco, .bodyintables, .features, .normaltext, .normaltextsmall, .normaltextrightsmall, .normaltextleft, .normaltextleftsmall, .normaltextcentersmall, .normaltextright, .normaltextcenter, .smalllists, .normallists, .addeddate, .normaltextwarnings, .reviewstextsmall, .loggedtext, A.editfabriblu, .exclusive, A.exclusive, .retrieveit, .retrieveitscad {

	font-family: verdana, geneva, arial,helvetica,sans-serif;
}


.normaltextleft
{

	font-size: 1em;
	COLOR: #222222;
	text-align: left;
}

.subsearch
{
	COLOR: #555555;
}

.azzurro,a.azzurro:link,a.azzurro:visited
{
	COLOR: #495EAA;
	font-weight: bold;
	TEXT-DECORATION: none
}

.azzurrolight,a.azzurrolight:link,a.azzurrolight:visited
{
	COLOR: #7383ba;
	font-weight: bold;
	TEXT-DECORATION: none
}


a.azzurro:hover, a.azzurroul:hover, a.azzurrodeac:hover, a.azzurrolight:hover {
	color: #3399CC;
}

.exclusive
{

	font-size: 0.8em;
	COLOR: #9E8C03;
	text-align: right;
        TEXT-DECORATION: none
}
A.exclusive
{

	font-size: 0.8em;
	COLOR: #9E8C03;
	text-align: right;
        TEXT-DECORATION: none
}

.navigation {
	COLOR: #777;
	text-decoration:none;
}

a.navigation:link, a.navigation:visited {
	COLOR: #777;

}

a.navigation:hover {
	COLOR: #FF6600;
	text-decoration:underline;
}

hr.lists {
	padding:0;
	margin:0;
	border-bottom:1px solid #bbb;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0;
	height:1px;
	display:block;
}

.red {
	color: red;
}

.bold, a.bold {
	font-weight:bold;
}
.grey {
	color:#555;
}
.lightgrey {
	color:#aaa;
}

a.fixedlink, a.fixedlink:link, a.fixedlink:visited  {
	color: #495EAA;
}
a.fixedlink:hover  {
  color: #ff7d14;
}

.italic {
	font-style: italic;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* New Commenting System CSS (to externalize together with the above ones! */

.replyline {
	font-size:85%;
	font-style:normal;
	margin-top:5px;
	border-bottom:1px solid #eee;

	padding-bottom:5px;
	/*display:none;*/

}

a.listtitles:link,a.listtitles:visited
{
	font-size: 1em;
	font-weight: bold;
	COLOR: #000000;
	text-decoration: none;
	vertical-align: middle;

}
a.listtitles:hover
{
	font-size: 1em;
	font-weight: bold;
	COLOR: #000000;
	text-decoration: underline;
	vertical-align: middle;

}



/* Search for sheet music (8-15-2012) */



.replyline a {
	color:#999;
	font-weight:bold;
}

.replyline a:hover {
	color: #3e62b0;
}

.replybox {
	font-size:85%;
	font-style:normal;

}

#CommentStatusDisplay {
	color:#fff;
	font-weight:bold;
	font-size:120%;
	padding:5px;
	margin-top:10px;
	visibility:visible;
}

.replythankyou {
	color:#fff;
	background-color: #339933;
	font-weight:bold;
	font-size:100%;
	padding:5px;
	margin-top:5px;
}

/* New lists stuff taken from in-line (10-16-2014) */













/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_sprite.png')!important;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


/* From Mmenu demo.css */




/* From Mmenu jquery.mmenu.all.css */

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translateX(-30%);
      -moz-transform: translateX(-30%);
      -ms-transform: translateX(-30%);
      -o-transform: translateX(-30%);
      transform: translateX(-30%); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 1.2em; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

}


.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative;
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }


/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }





/* From Mmenu jquery.mmenu.searchfield.css */






/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.mm-search {
  padding: 10px; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }
  .mm-search input::-ms-clear {
    display: none; }

/* This below added by Fabrizio on 8-1-207 because Chrome didn't set the right color! */
.mm-search input::placeholder {
	color:#bbb;
}

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background-color: #eee;
  color:#333;


/*
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
 */

  }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }


/* From Responsive (redundancies have been left because consolidation created issues) */







/* Latest additions */

#latestrsshead {

	background-color:#edebff;
	padding:10px;
	border:1px solid #777;
	border-radius: 5px;
	font-size:120%;
	display:block;
	margin-bottom:30px;
}

/* Niche pages */

.clipdescr {
	margin:40px 0 0 250px;
	padding:10px;
	border:1px solid #999;
	background-color:#ffffeb
}

.clipvideo {
	float:left;
	margin-bottom:50px;
}


/* ///////////////////////////////// */



.badge
{
width:16px;
height:16px;
line-height:16px;
border-radius:50%;
font-size:16px;
color:#fff;
text-align:center;
background:red;
position:absolute;
top:7px;
left:111px;/* 68px */
}

.badgelg
{
width:20px;
height:20px;
line-height:20px;
border-radius:50%;
font-size:16px;
color:#fff;
text-align:center;
background:red;
position:absolute;
top:7px;
left:109px;
}

.badge a, .badgelg a, .badge a:visited, .badgelg a:visited, .badge a:hover, .badgelg a:hover {
	color:white;
	text-decoration:none;
}

#commentbox {
	font-size:110%;
	overflow:hidden;
}
#commentbox a {
	word-break: break-all;
}


a.smallgreylink, a.smallgreylink:visited {
	font-size: 80%;
	color:#777;
	text-decoration: underline;
}

#fbloginprebtn {
	float:left;
	color:#666;
	font-size:90%;
}

#fbloginbtn {
	float:left;
}




/* Start Mailing and Membership Boxes */

.NEWHOMEbox, .NEWHOMEboxNO {
	width:100%;
	border-radius:20px;
	box-shadow: 1px 1px 10px #bbb;
	margin-bottom:30px;

}

.NEWHOMEbox {
	border:10px solid #DCDFED;
}

.NEWHOMEboxNOcat {
	width:100%;
}

.NEWHOMEboxNO, .NEWHOMEboxNOcat {
	border:10px solid transparent;
}

.NEWHOMEboxinner {
	margin:0 6% 20px 6%;
	border-radius:20px;
	padding:10px 13px 20px 13px;
	background-color:#FFFFCC;
}


.NEWHOMEboxinnernocol {
	margin:0 6% 20px 6%;
	border-radius:20px;
	padding:10px 13px 20px 13px;
	border:1px solid #ddd;
}


.NEWHOMEboxinnerdesc, .NEWHOMEboxinnerdescnoserif {


	text-align:left;
	font-size:120%;
	padding:10px;
	color:#444
}

.NEWHOMEboxinnerdesc {
	font-family:Times New Roman, Times, serif;

}

.NEWHOMEboxinnerdesc1 {
	font-size:120%;
	font-weight:bold;
	text-align:right
}

.NEWHOMEboxinnerdesc2 {
	font-size:110%;
	font-weight:bold;
	color:#888;
	font-style:italic;
	text-align:right;
	margin-bottom:20px
}

a.NEWHOMEboxinnerbt, a.NEWHOMEboxinnerbtbl,a.NEWHOMEboxinnerbtgr, .NEWHOMEboxinnerbt, .NEWHOMEboxinnerbtbl, .NEWHOMEboxinnerbtgr {
	background-color:#0B9704;
	color:#fff;
	padding:5px 10px;
	font-weight:bold;
	border-radius:10px;
	box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/
	text-decoration:none;
	white-space: nowrap;

}

a.NEWHOMEboxinnerbtbl, .NEWHOMEboxinnerbtbl {
	background-color:#6584C8!important;
}

a.NEWHOMEboxinnerbtgr, .NEWHOMEboxinnerbtgr {
	background-color:#eee!important;
	color:#495eaa!important;
}

.NEWHOMEboxinnerbtIP {
	border:none;
}

.NEWHOMEboxinnerbtout {
	display:inline-block;
}

.NEWHOMEboxinnerbtout:hover {
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
}


.NEWHOMEmailingbox {
	width:72%;
	background-color:#efefef;
	padding:7px 20px;
	border-radius:20px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:120%;
	margin-top:0;
}

.NEWHOMEnewsletter {
	width:100%;
}

#NEWHOMErightColumn {
	float:right;
	width:33%;
	text-align:center;

}

#NEWHOMErightColumnSmall {
	float:right;
	width:28%;
	text-align:center;
}

#NEWHOMErightColumnxSmall {
	float:right;
	width:220px;
	text-align:center;
}

#NEWHOMEmainColumnFIX {
	float:left;
	width:65%;
	padding-left:10px;
	border-bottom:1px solid #BCCEF6;
}

#NEWHOMEmainColumnFIXlarge {
	float:left;
	width:70%;
	padding-left:10px;
	border-bottom:1px solid #BCCEF6;
}

#NEWHOMEmainColumnFIXxshort {
	float:left;
	width:535px;
	padding-left:10px;
	border-bottom:1px solid #BCCEF6;
}

#NEWHOMEmiddlecore {
	margin-top:40px;
}

#NEWHOMEboxes {
	width:80%;
	margin:0 auto;
	padding-right:20px;
}

#NEWHOMEboxesNEWCAT {

	margin:0 auto;

}

/* New category pages 8-17-2016 */










ul.drilllist {
	margin-top:5px;
}

ul.drilllist li {
	padding-top:5px;
}

ul.drilllist li.drilllistsub {
	padding-left:5px;
	font-size:90%;
}

.hddrill {
	display:none;
}

a.rmdrill:hover {
	text-decoration:none;
}






.RESPlargefield {
	width:59%;
}

.ncrating {
	display:block;
	padding-left:3px;
}

/* XXXXXXXXXXXX */




/* New Category Pages UI (8notes buttons style) 3-6-2017 */


.NEWHOMEcatdesc {
	text-align:left;
	font-size:1.2em;
	margin:10px 0;
	padding:0;
	color:#555;
}

.NEWHOMEgroupdynb {

	/*border:1px solid red;*/

	height:auto;/* 120px */

	/*border-radius:20px;*/


	/*box-shadow: 1px 1px 10px #bbb;*/

	display:block;
	text-decoration:none!important;

	padding:10px;


	color:#4360ab;
	text-align:center;
	/*margin:5px 5px 5px 5px;*/
	font-size:1.5em;



}

.NEWHOMEgroupdynb:visited {
	color:#4360ab;

}

.NEWHOMEgroupb:hover, .NEWHOMEgroupdynb:hover {
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
}

.h3categories, a.h3categories, a.h3categories:link, a.h3categories:visited {
	color:#d26e03;
	text-align:left;
	font-weight:normal;
	font-size:1.5em;
	margin:20px 0 10px 0;
	text-decoration:none;
	display:block;

}





/* Norton Seal */
#NSGs {
	position:fixed;
	left:0px;
	bottom:0px
}

/* END FROM DEFERRED CSS */



/* For cancel button in search fields 9/24/20, 11:02 AM */



#keyword {/*indexes, search, home*/
	padding: 0.2em 1.5em 0.2em 0.5em;
	border: 1px solid silver;
	border-radius: 20px;
}


.searchInput2 .pl-BaseIcon {/*Global*/
    display: none;/*inline-block*/
    fill: currentColor;
    vertical-align: middle;
    pointer-events: none;
}

.searchInput2 .SearchBar-clearSearch-icon {/*Global*/
	clear:both;
    border-radius: 50%;
    background: #dfdfe1;
    width: 20px;
    height: 20px;

}

.searchInput3 .SearchBar-clearSearch-icon {/*indexes, search, home*/
	width: 20px;
    height: 20px;
}

.searchInput5 .SearchBar-clearSearch-icon {/*indexes*/
	width: 15px;
    height: 15px;
}


.searchInput2 .SearchBar-clearSearch {/*Global*/
    top: 0;
    position: absolute;
    right: 0;
    width: 20px;
    height: 100%;
    color: #fff;
    margin:0;
    padding:0;
    border:none;
}


.searchInput2 .SearchBar-clearSearch.is-focused {/*Global*/
    right:12px;
}

.searchInput3 .SearchBar-clearSearch.is-focused {/*indexes, search, home*/
    right:0.6em;
}

.searchInput4 .SearchBar-clearSearch.is-focused {/*indexes, search*/
    right:1px;
}

.searchInput5 .SearchBar-clearSearch.is-focused {/*indexes*/
    right:0.2em;
}

.searchInput2 button.SearchBar-clearSearch {/*Global*/
    background: 0;
    cursor: pointer;
	-webkit-tap-highlight-color: transparent;
    outline: none;
}

.searchInput4 {/*indexes, search*/
	display:inline-block;
	width:70%;
	vertical-align:bottom;
}

.searchInput5 {/*indexes*/
	display:inline-block;
	width:65%;

}

.searchInput5 #keyword {/*indexes*/
	width:92%;
}




/* To avoid comments layout shift 4/28/21, 6:25 AM */


/* To avoid comments layout shift 4/28/21, 6:25 AM */
#extrafields {
	display:none
}

#commenthere {
	color:#777;
	font-size:90%
}



/* Auto complete since 8/24/22, 9:29 AM */
.autocomplete-suggestions {
	/* border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee; */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #FFF;
	cursor: default;
	overflow: auto;
	font-size:1.5em;

}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }





/* NEW REDESIGN 2025 */


.header2025 {
    display: flex;
	max-width: 1280px;
    align-items: center; /* Vertical centering */
    justify-content: space-between; /* Spreads items evenly */
    padding: 10px 20px;

}

.FFsalutationWrapper2025 {
	border-top:1px solid #efefef;
}

.FFsalutation2025 {

	max-width:1280px;
	color: #c76c14;
	font-weight: bold;
	text-align:left;
	margin:5px 20px;
	font-size:13px;
}

#logo_2025 {
    flex-shrink: 0; /* Prevents logo from shrinking */
}

#search_2025 {
    flex-grow: 1; /* Allows search to take available space */
    margin: 0 10px 0 20px; /* Adds some spacing between elements */
}

#search_2025 input {
    width: 100%;
    padding: 8px;
}

#menu_2025 ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
    align-items: center;
}

#menu_2025 li {
    padding-left: 10px;
    border-left: 1px solid #e0e0e0; /* Light grey separator */
}

#menu_2025 a:hover svg {
    fill: #666; /* or whatever color you want for hover state */
}

#menu_2025 a {
    display: flex;
    align-items: center;
    line-height: 16px;
    height: 16px;
}

#search_2025 .searchInput {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;  /* Add border to the container */
    border-radius: 14px;      /* Round the container corners */
    overflow: hidden;        /* Ensure inner elements don't break radius */

}

#search_2025 .searchInput input {
    width: 100%;
    padding: 8px;
    border: none;           /* Remove input border */
    outline: none;          /* Optional: removes focus outline */
	font-size: 130%;
	background-color: #efefef;
}

#search_2025 .searchInput #search2025Btn {
    white-space: nowrap;
    padding: 10px 15px;
    height: 100%;
    background-color: #FF8C00;
    border: none;
    border-radius: 0;       /* Remove button border radius */
    color: white;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

#search_2025 .searchInput #search2025Btn svg {
    width: 16px;
    height: 16px;
}

/* Optional: Add hover effect */
#search_2025 .searchInput #search2025Btn:hover {
    background-color: #FF7000; /* Slightly darker orange on hover */
}

#search_2025 .searchInput input::placeholder {
    font-style: italic;
    color: #888;  /* Optional: lighter color for placeholder */
}

/* For older browsers compatibility */
#search_2025 .searchInput input::-webkit-input-placeholder {
    font-style: italic;
}
#search_2025 .searchInput input::-moz-placeholder {
    font-style: italic;
}
#search_2025 .searchInput input:-ms-input-placeholder {
    font-style: italic;
}

.advancedSearch_2025 {
    flex-shrink: 0; /* Prevents shrinking */
    display: flex;
    align-items: center;
	margin-right: 10px;
	font-size: 13px;
}

.advancedSearch_2025 a {
    text-decoration: none;
    color: #2f3136c3;
}

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



.mainMenu_2025 {
    background: linear-gradient(to bottom, #476AB6, #3A569C);
    /* border-bottom: 1px solid #e7e7e7; */
    width: 100%;
    display: flex;
    justify-content: center; /* Centers the content horizontally */
}

.mainMenu_2025 > ul:not(.mm_sub) {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 1368px;  /* Matches header width */
    justify-content: center; /* Centers the li elements horizontally */
    gap: 0px; /* Adds consistent spacing between items */
}

.mainMenu_2025 > ul > li:not(.mm_sub_column):not(.mm_sub_column_sub):not(.mm_sub) {
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s;
    white-space: nowrap; /* Prevents text wrapping */
    border-right: 1px solid #e0e0e0; /* Add right border */
	border-color: #6483c6;
}

.mainMenu_2025 > ul > li:last-child {
	border-right: none!important;
}

.mainMenu_2025 > ul > li > a:not(.mm_sub):not(.mm_sub_column_sub) {
    color: #fff;
	font-size:130%;
	font-weight: 700;
}

/* .mainMenu_2025 li:hover {
    background-color: #e7e7e7;
} */

.mainMenu_2025 > ul > li:hover a {
	text-decoration: none;
}

.mainMenu_2025 > ul > li:hover:not(.mainMenu_2025_active) a {
    color: rgb(211, 211, 211);

}





.mainMenu_2025 li::after {
    content: none; /* Remove the | separator */
    margin: 0;
}

.mainMenu_2025 li:last-child {
    border-right: none; /* Remove border from last item */
}

.mainBanner_2025 {/*263760*/ /* a1b4e1 */
	/* background: linear-gradient(to bottom right, #11192b 0%, #2c52aa 50%, #11192b 100%); */

	/* background: linear-gradient(to bottom right, #CCCCFE 0%, #b6b7fe 50%, #CCCCFE 100%); */

	background: linear-gradient(to bottom right, #cdcdff 0%, #b6b7fe 50%, #3232a3 100%);

	border-radius:0 0 3px 3px;


	padding:30px 0;


}

#mainBanner_2025_image_frame_wrapper {
	max-width: 1150px;
	position: relative;
}

#mainBanner_2025_image_frame {
	background-color:#000;
	padding:10px;
	display:inline-block;
	border-radius:10px;
	box-shadow: 0 0 48px rgba(0, 0, 0, 0.934);
	position: relative;

	margin:0 20px;

}

.mainBanner_2025_image {
    /* box-shadow: 0 0 48px rgba(111, 110, 110, 0.773); */
	border-radius: 10px;
	width: 100%;
    height: auto;
	margin-top:10px;
	display: 'block'
}

.banner-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s;
    z-index: 2;
}

.banner-arrow:hover {
    background: rgba(0, 0, 0, 0.5);
}

.banner-arrow svg {
    color: white;
}

.banner-arrow-left {
    left: 20px;
}

.banner-arrow-right {
    right: 20px;
}





/* START OF NEW REDESIGN 2025 taken from category_2025.css */



.mainMenu_2025_ul {
	position: relative;
}
.mainMenu_2025_active {
	position: relative !important;
    box-shadow:
        4px 0 8px rgba(0, 0, 0, 0.2),  /* right shadow */
        -4px 0 8px rgba(0, 0, 0, 0.2), /* left shadow */
        0 -4px 8px rgba(0, 0, 0, 0.2); /* top shadow */



    /* Slightly lift the element */
    /* transform: translateY(-2px); */

    /* Add a subtle background color */
    /* background-color: #ffffff; */

    /* Round the corners slightly */
    border-radius: 4px 4px 0 0;

    /* Smooth transition for hover effects */
    transition: all 0.2s ease-in-out;

	/* background: linear-gradient(to bottom, #324b83, #2b4074); */

	background: linear-gradient(to bottom, #476AB6, #4362b2);
	/* background-color: #4362b2; */
	z-index: 1000;

}


/* Main dropdown container */
.mm_sub {
    /* display: flex !important; */
	flex-direction: column;
    position: absolute;
    top:92%;
    left: 0;
    /* background-color: #4362b2; */


	box-shadow: 0 8px 8px -2px rgba(0, 0, 0, 0.669);
    border-radius: 4px;
    padding: 0;
    white-space: nowrap;
	min-width:150px;
    z-index: 1000;
    max-width: 800px;
	font-size:130%;

	background: linear-gradient(to bottom, #4362b2, #365391);

	display:none;

}

.secondary_menu {
	left: -170px;
}

.third_menu {
	left: -370px;
}

.fourth_menu {
	left: -450px;
}

.fifth_menu {
	left: -85px;
}

.mm_sub_ul {
	display: flex !important; /* Override the parent flex settings */
	flex-direction: row;
	width:100%;
}

.mm_sub_column {
    border-right: 1px solid #5c71a8;
    padding: 0;
    flex: 1;
}

.mm_sub_column {
	padding-top:10px;
	margin:0!important;
}

.mm_sub img {
	border-radius: 4px 4px 0 0;
}


.mm_sub_column_sub {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important; /* Override parent flex */
    width: auto !important; /* Override parent width */
	text-align:left;
}

.mm_sub_column_sub li {
    padding: 1px 0px !important;
    border: none !important;
    margin: 1px 0 !important;
    white-space: normal !important;
	min-width:150px;
}

.mm_sub_column_sub li:last-child {
    margin-bottom: 20px !important;
}

.mm_sub_column_sub li a:not(.mm_sub_column_sub_header) {
    color: #ffffff;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 5px 15px;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.mm_sub_column_sub_header a, .mm_sub_column_sub_header span {
    font-weight: bold !important;
	color:#ffd05b!important;
}

.mm_sub_column_sub_header span {
	display:block;
	padding:5px 0 0 14px;
}



.mm_sub_more {
    border-top: 1px solid #5c71a8;
    color: #fff;
    padding: 10px 20px;
    text-align: right;
    border-radius: 0 0 4px 4px;
    cursor: default;
    position: relative;
    overflow: hidden;
}

/* Add new class for the background pattern */
.mm_sub_more::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.05;
    pointer-events: none;
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0%200%20100%20100'%3E%3Cg fill='%23ffffff'%3E%3Cg transform='translate(10,15) rotate(10)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(30,25) rotate(-20)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(50,10) rotate(5)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(70,40) rotate(30)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(85,70) rotate(-40)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(20,80) rotate(15)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(60,75) rotate(-30)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 100px 100px;
	*/
}

.nopointer {
	cursor: default;
}

.mm_sub_more a {
    display: inline-block;
    padding: 8px 16px;
    background-color: #2c467e;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    border: 1px solid #979797;
}

.item_list_container_header {
	margin-left: 60px;
}

.h1_2025 {
    font-size: 180%;
    /* animation: fadeInUp 1s ease; */
    /* background: linear-gradient(to right,#9999da,#343479); */
	padding:0;
	margin:1.3em 0 0 0;
	background: linear-gradient(to right,#aeaeae,#030306);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-align: left;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.slide-reveal {
	animation: fadeInUp 2s ease;
}

.slide-reveal-late {
	animation: fadeInUp 2s ease 0.2s;
}

.slide-reveal-mainBtn2025 {
	animation: fadeInUp 2s ease 0.5s;
}


.h1_2025.category_header {
	background: linear-gradient(to right,#e49733,#552e09);/* ad5604 552e09 */
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scroll_container_wrapper {
    position: relative;
	width:100%;
    max-width: 1368px;
}

.scroll_container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin: 0 40px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

.scroll_container::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.scroll_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: rgba(130, 153, 206, 0.765);
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background-color 0.2s ease;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}



.scroll_arrow.left {
    left: 10px;
	display:none;
}

.scroll_arrow.right {
    right: 10px;
	display:none;
}

.scroll_arrow svg {
    width: 32px;
    height: 32px;
    fill: currentColor;
}

.item_list {
	display: flex;
	flex-direction: row;
    gap: 20px;
    padding: 20px;
    min-width: min-content; /* Ensures items don't shrink */
    list-style: none;

}

.item_list li {
	margin-right: 15px;

}

.item_list li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position:relative;
	height:242px;
	width:171px;
	overflow:hidden;

	border: 1px solid #efefef;
	padding: 3px;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.item_list li a.noSidePad {
	padding:3px 0;
}



.item_list_icon {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;

}

.item_list_icon img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
	object-fit: contain;
	margin:0 auto
}

.item_more_icon {
	/* background: linear-gradient(to bottom right, #ffffff, #e0e0e0); */

	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 10px, #f6f4ff 10px, #f6f4ff 20px);

	display: flex;
	justify-content: center;
	align-items: center;
}

.item_list_title {
	background: linear-gradient(to bottom, rgba(67, 98, 178, 0.9), rgba(54, 83, 145, 0.9));

    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    padding: 12px 0;
	color:#fff;

	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.3);
	border-radius: 5px;


}

/* .item_list_title.category {
	background: linear-gradient(to bottom, rgba(255, 140, 0, 0.765), rgba(200, 84, 0, 0.765));
} */

.item_list_icon.category img {
	border-radius: 5px;
	object-fit: cover;
	width:177px;
	height:177px;
}

.item_list.category li a {
	height:171px;
	width:177px;
	padding:0;
}

.item_list_title_main {
	font-weight: bold;
	font-size: 120%;
}

.item_list_title_category {
	font-size:140%;
}

.item_list_beginner {
	background-color: #3da2b6;
	padding: 2px 4px;

}

.item_list_easy {
	background-color: #5bcc44;
	padding: 2px 4px;

}

.item_list_intermediate {
	background-color: #d47e18;
	padding: 2px 4px;

}

.item_list_advanced {
	background-color: #b63d3d;
	padding: 2px 4px;

}

.item_list_instruments {
	font-size:120%;
	border-top:1px solid #efefef3d;
	/* border-bottom:1px solid #efefef3d; */
	color:#aec7fc;
	font-weight:bold;
}

#searchForm {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.searchInput {
    position: relative;
}

.SearchBar-clearSearchMain {
    position: absolute;
    right: 55px; /* Adjust based on the search icon button width */
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SearchBar-clearSearchMain .pl-BaseIconMain {
    width: 23px;
    height: 23px;
    display: none;
	background-color:#cac7c7;
	border-radius:50%;
}

.featured_items_2025 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 5%;
	padding: 0 20px;
	box-sizing: border-box;
	padding: 30px 20px;
	margin: 20px 0;
}

.featured_items_2025 .featured_item {
	flex: 1;
	max-width: 558px;
}

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

.NEWHOMEpregroup2dynb img {
	transform: scale(1.05);
}

.hero {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-bottom:15px;
	overflow: hidden;
}

.heroTopSpace {
	padding-top:30px;
	/* background: linear-gradient(to bottom, #ffffff 0%, #b6b7fe 80%, #b6b7fe 100%); */
}

.hero-content {
	max-width: 1500px;
	width:95%;
}

.hero p {
	font-size: 1.2rem;
	margin:0 0 5px 0;
	/* animation: fadeInUp 2s ease 0.2s; */
	animation-fill-mode: both;
}

.hero p.last {
	margin-bottom: 30px;
}

/* .hero-content h2 {
	animation: fadeInUp 2s ease;
} */

.image_viewer_arrow_left {
    position: absolute;
    top: 50%;
    left: 14px;
    width: 30px;
    transform: translateY(-50%);
    z-index: 110;
    cursor: pointer;
}

.image_viewer_arrow_right {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 30px;
    transform: translateY(-50%);
    z-index: 110;
    cursor: pointer;
}

.landing-video {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    font-size: calc(min(100vw,1200px)/20);
}

.landing-video .video-container {
    margin: 10px auto;
    background: #000;
    width: 100%;
    position: relative;
    padding-top: 50.625%; /* 90% * 9/16 = 50.625% */
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
	-webkit-overflow-scrolling: touch;

}

.landing-video .video-container.imgStart {
	background-image: url('/images/home/MainFrame.jpg');
	background-size: 92% 92%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
}

.landing-video .video-container video {
    position: absolute;
    top: 15px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 30px);
    object-fit: contain; /* Changed back to contain to prevent cropping */
	/* box-shadow: 0 0 20px #746992;
	border-radius: 10px; */

	box-shadow: 0 0 20px #746992;

}

.video-container2 video {
	border-radius: 10px;
	width:100%;
	height:auto;
	box-shadow: 0 0 20px #746992;
	margin: 20px 0;
}




.play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.95;
    transition: all 0.3s ease;
}


.play-button-overlay svg {
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4));
    transition: all 0.3s ease;
}

.play-button-overlay circle {
    fill: rgba(0,0,0,0.7);
    transition: all 0.3s ease;
}




.slideshow-container {
	height:568px;
}



.slideshow-container, .slideshow-container-frame {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slideshow-container-frame .arrows {
	top:1em;
	display:none;
}

.slideshow-container-frame .image_viewer_arrow_left {
	left:0;
}

.slideshow-container-frame .image_viewer_arrow_right {
	right:0;
}

.slide-controls {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 2rem;
	position: relative;
}

.slide-button {
    padding: 0.75rem 1.5rem;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	border-right: none;
    background: #efefef;
    color: #6262A5;
    /* border-radius: 2rem; */
    cursor: pointer;
    transition: all 0.3s ease;
	position: relative;
	font-size:140%;
}


.slide-button.firstBt {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.slide-button.lastBt {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-right: 1px solid #ccc;
}

.slide-button.active, .slide-button.activeAnim {
    background: #6262A5;/* 1E2642 */
    color: #fff;
}

.slide-button.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 15px solid #6262A5;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.slideshow-item {
    position: absolute;
    width: 100%;
    transition: transform 0.5s ease;
    left: 0;
    transform: translateX(100%);
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.slideshow-item.active {
    transform: translateX(0);
    visibility: visible;
}

.slideshow-item.previous {
    transform: translateX(-100%);
}

.slideshow-item h2, .searchResultsContent2025 h2:not(.middle-page-ad-content h2) {
	color:#6a44ca;
	margin:0 0 5px 0;
	background: linear-gradient(to right, #8B8BCE, #4747B0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slideshow-item p {
	max-width: 800px;
	margin-bottom: 20px;
}

.video-preview-container {
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
	position: relative;
    cursor: pointer;
    display: inline-block;

}

/* Add this to ensure images scale properly */
.video-preview-container img {
    max-width: 100%;
    height: auto;
	border-radius: 10px;
	box-shadow: 0 0 20px #746992;
	border-radius: 10px;
	margin-bottom: 20px;
}

.lazy-video {
	cursor: pointer;
	/* -webkit-user-select: none;
    -webkit-touch-callout: none; */
	object-fit: contain;
	/* touch-action: none; */
}

.altSectionBng {
	background: linear-gradient(to bottom right, #cdcdff 0%, #383a9c 50%, #b2b2d9 100%);
	border-radius:3px;
	padding:10px;
}

.noBorderRadius {
	border-radius: 0!important;
}



/* Comparison Table styles */
.comparison-table-section {
	/* background: linear-gradient(to bottom right, #cdcdff 0%, #383a9c 50%, #b2b2d9 100%); */
	background: linear-gradient(to bottom right, #9595da 0%, #383a9c 50%, #b2b2d9 100%);
}


#comparison-table {
	width:80%;
	font-size:100%;
	margin-top:40px;
}
.comparison-table-wrapper {
	max-width: 700px;
	margin: 0 auto;
	padding: 20px;
}

.comparison-table {
	font-size:150%;
    width: 100%;
    border-collapse: separate; /* Changed from collapse to separate to allow border radius */
    background: rgba(255, 255, 255);
    border-radius: 10px;
    overflow: hidden;
    border-spacing: 0; /* Ensure no gaps between cells */
    border: 1px solid #222277; /* Add border matching header color 6262A5 */

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
}

.comparison-table th,
.comparison-table td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.comparison-table th {
    background: #474787;
    color: #fff;
    font-weight: 600;
    border-bottom: none; /* Remove bottom border from header */
}

/* Add this to ensure last row cells have rounded corners */
.comparison-table tr:last-child td {
    border-bottom: none;
}

.comparison-table tr:last-child td:first-child {
    border-bottom-left-radius: 9px;
}

.comparison-table tr:last-child td:last-child {
    border-bottom-right-radius: 9px;
}

.comparison-table th:first-child,
.comparison-table td:first-child {
	text-align: left;
	padding-left: 30px;
}

/* .comparison-table tr:hover {
	background: rgba(255, 255, 255, 0.05);
} */

.comparison-table .check {
	color: #4CAF50;/* 4CAF50 */
	font-weight: bold;
}

.comparison-table .x {
	color: #f44336;
	font-weight: bold;
}

.comparison-table a {
	text-decoration: none!important;
}

#comparison-table h2 {
	text-align: center;
	color: #fff;
	/* background: linear-gradient(to right, #a793da, #6843C8);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
	margin-bottom: 20px;
	font-size: 2.5em;
}

/* Testimonials*/

.rating2025 {
    display: inline-flex;
    gap: 2px;
    align-items: center;
}

.rating2025.inline {
    position: relative;
    top: 1px; /* Moves the stars down by 2 pixels */
}

a.ratingsLink2025, a.ratingsLink2025:visited {
	text-decoration:none;
	transition: transform 0.2s ease-in-out;
	display: inline-block; /* Change to inline-block */
    transform-origin: center; /* Specify transform origin */
}

a.ratingsLink2025:hover {
	text-decoration:none;
	transform: scale(1.1);
}

.star2025 {
    filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.3));
}

.hero .NEWMBTopTargetsBox {
	max-width: 1024px;
    margin: 30px 0 0 20px;

}

.hero .NEWMBTopTargets {
    width: 33%;
    float: left;
    text-align: left;
}

.hero .NEWMBTopTargets img {
	transform: scale(1);
}

.hero .NEWMBTopTstTtl {
    text-align: left;
    font-size: 120%;
    float: left;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    margin: 8px 0 0 10px;
    color: #7d88b6;
}

.hero .NEWMBTstImg1, .hero .NEWMBTstImg2, .hero .NEWMBTstImg3 {
    width: 65px;
    height: 66px;
    float: left;
    color: transparent;
	transform: scale(1.1);
}

.hero .NEWMBTstImg1 {
    background: url(https://cdn4.virtualsheetmusic.com/images/extras/newmb/testimonials.png) no-repeat 0 0;
}

.hero .NEWMBTstImg2 {
    background: url(https://cdn4.virtualsheetmusic.com/images/extras/newmb/testimonials.png) no-repeat -65px 0;
}

.hero .NEWMBTstImg3 {
    background: url(https://cdn4.virtualsheetmusic.com/images/extras/newmb/testimonials.png) no-repeat -130px 0;
}

.hero .NEWMBTopTstCnt {
    text-align: left;
    font-size: 120%;
    color: #111;
    padding-right: 40px;
    margin-top: 10px;
    font-style: italic;
}

.hero .NEWMBTopTargets a, .hero .NEWMBTopTargets a:visited {
    color: #7d88b6;
	text-decoration: none!important;
}



.title2025 {
	margin-top:20px;

}

.title2025 h3, .mainTitle2025 h3 {
	font-size:270%;
	color:#6a44ca;
	margin:0 0 5px 0;
	background: linear-gradient(to right, #b7b7ed, #4747B0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainTitle2025 h1 {
	font-size: 300%;
	margin-bottom: 10px;
	/* background: linear-gradient(to right, #b7b7ed, #4747B0);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.badgeShimmer {
    /* background: linear-gradient(
        120deg,
        #4747B0 20%,
        #7986cb 30%,
        #e8eaf6 40%,
        #7986cb 50%,
        #4747B0 60%
    ); */

	background: linear-gradient(
        120deg,
        #b7b7ed 5%,
        #7986cb 15%,
        #4747B0 30%,
        #7986cb 50%,
        #b7b7ed 60%
    );
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shimmer 5s linear 2s 1;

    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.3);
}

@keyframes shimmer {
    to {
        background-position: 200% center;
    }
}



.mainTitle2025 h2 {
	color:#aaa;
	background: linear-gradient(to right, #909097, #6b6b84);/* 909097 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 170%;
	margin-bottom: 20px;
}

.title2025Grey h3 {
	background: linear-gradient(to right, #909097, #6b6b84);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.block2025 {
	width:auto;
	max-width:700px;
	display:inline-block;
}

.typing-animation {
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid transparent;
    width: 0;
    animation: typing 2s steps(50) forwards,
               blink-caret 0.75s step-end infinite;
}

@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #000 }
}


.intertitialFrame {
	background: linear-gradient(to bottom right, #3A589C 0%, #3d5ba2 50%, #3A589C 100%);
	border-radius:3px;
	padding:10px;
	display:flex;
	flex-direction: row;
	gap: 40px;
	align-items: center;
	justify-content: center;
}

.purpleGradient {
	background: linear-gradient(to bottom right, #6262A5 0%, #5b3da2 50%, #6262A5 100%);
}

.intertitialFrame.BtmConnect {
	border-radius: 3px 3px 0 0!important;
}

.intertitialTitle {
	font-size: 200%;
	color: #fff;
	text-align: center;
}

.intertitialSubtitle {
	font-size: 60%;
	color: #ccc;
	text-align: left;
	max-width:400px;
	margin-top:5px;

}

.intertitialButtonFrame {
	display: flex;
	justify-content: center;
}

a.intertitialButton {
    display: inline-block;
    padding: 8px 16px;
    background-color: #2c467e;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    /* transition: background-color 0.2s ease; */
    border: 1px solid #979797;
	text-decoration: none!important;
	font-size: 150%;
	position: relative;
	overflow: hidden;
}

a.intertitialButton::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
}
a.intertitialButton:hover::after {
	animation: ripple 2s ease-out;
}

@keyframes ripple {
	0% { transform: scale(0, 0); opacity: 1; }
	20% { transform: scale(25, 25); opacity: 1; }
	100% { opacity: 0; transform: scale(40, 40); }
}

/* a.intertitialButton.mainBtn2025 {
	background-color: #E57F15;
	color:#fff;
	border: 1px solid #ccc;
} */

/* a.intertitialButton.mainBtn2025 {
	background-color: #EFEFEF;
	color:#6262A5;
	border: 1px solid #ccc;
} */

a.intertitialButton.mainBtn2025 {
	background-color: #8383e7;
	color:#fff;
	border: 1px solid #ccc;
}

a.intertitialButton.mainBtn2025b {
	background-color: #6A6BB3;
	color:#fff;
	border: 1px solid #ccc;
}

a.intertitialButton.mainBtn2025c {
	background-color: #53b357;
	color:#fff;
	border: 1px solid #ccc;
}

/* a.intertitialButton.mainBtn2025 {
	background: linear-gradient(to right, #EFEFEF, #c1cfe3);
	color: #6262A5;
	border: 1px solid #ccc;
	transform: scale(1.2);
	transition: transform 0.5s ease, background 0.3s ease;
}

a.intertitialButton.mainBtn2025:hover {
	background: linear-gradient(to right, #ecf4ff, #6262A5);
	transform: scale(1.1);
} */

#pricing a.intertitialButton {
	font-size:130%!important;
	width:8em;
}

.NEWMBUnderGiftBox2025 {
    padding-bottom: 20px;
    width: 100%;
	max-width: 1024px;
	display: table;
}

.NEWMBUnderGiftInnL2025, .NEWMBUnderGiftInnR2025 {
    vertical-align: middle;
    display: table-cell;
    width: 40%;
}

.NEWMBbutton32025 {
    height: 40px;
    margin: 19px auto 0;
    width: 275px;
}

.NEWHOMEboxinnerbtout {
    display: inline-block;
}


a.NEWHOMEboxinnerbt2025 {
	background-color: #d95c26;
    font-size: 150%;
    font-weight: 400;
    padding: 10px!important;
    color: #fff;
    padding: 8px 10px!important;
    font-weight: 700;
    border-radius: 5px;

   box-shadow: inset 0-1px 1px rgba(0,0,0,.5),inset 0 1px 1px #fff;
    text-decoration: none!important;
    white-space: nowrap;
}

.NEWMBUnderGiftInnR2025 {
    width: 60%;
    color: #777;
    font-size: 200%;
    text-align: left;
}


/* Footer Styles */

.footer2025 {
	background: linear-gradient(to bottom right, #3A589C 0%, #3d5ba2 50%, #3A589C 100%);
	color: #ffffff;
    padding: 40px 0;
	display: flex;
	align-items: center;
}

.footer-container {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start; /* Changed from space-between */
    padding: 0 20px;
    gap: 70px; /* Added gap instead of margin-right on columns */
}

footer-column {
    flex: 1;
    /* Removed margin-right since we're using gap */
}


.footer-column h3 {
    color: #ddd;
    font-size: 120%;
    margin-bottom: 20px;
    font-weight: 600;
	text-align: left;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left; /* Explicitly set left alignment */
}

.footer-column ul li {
    margin-bottom: 10px;
    text-align: left; /* Explicitly set left alignment */
}

.footer-column ul li a {
    color: #aaa;
    text-decoration: none;
    font-size: 100%;
    transition: color 0.3s ease;
}



.newsletter-input-container {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
	margin-bottom: 20px;
}

.newsletter-input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    outline: none;
    font-size: 16px;
}

.newsletter-submit {
    background: #FF8C18;
    border: none;
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}



.social-icons {
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    transition: background-color 0.3s ease;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #8b9299;
}


.app-stores {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.app-store-button img {
    height: 40px;
    width: auto;
}

.social-svg {
    width: 20px;
    height: 20px;
    fill: #1c252c;
}

.footer-copyright {
	font-size: 100%;
	color: #aaa;
	text-align: center;
	margin: 20px;
	display: block;
}

/* Pricing Frame */

.pricingFrame {
	/* background: linear-gradient(to bottom right, #cdcdff 0%, #b6b7fe 50%, #3232a3 100%); */

	/* background: linear-gradient(to bottom right, #9595da 0%, #383a9c 50%, #b2b2d9 100%); */



	border-radius:0 0 3px 3px;
	padding:10px;
}


/* Add all pricing styles from dadasnap.com here below... */



/* Add all pricing styles from dadasnap.com here below... */
.pricing {
    padding: 40px 0 80px 0;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.title2025 .container h3 {
	font-size:200%!important;
	margin-bottom:30px;
}

#pricing .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
	font-size:130%
}

.pricing-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: stretch; /* Changed from center to stretch */
}


/* Ensure inner content is properly spaced */
.pricing-card h3 {
    margin-top: 0;
}

.price-features {
    flex-grow: 1; /* This will make the features list take up available space */
}

.pricing-card {
	flex: 0 1 250px; /* Don't grow, can shrink, base width 200px */
    height: auto; /* Fixed height approach */
    /* OR */
    /* height: 100%; */ /* Stretch approach - will match tallest card */
    display: flex;
    flex-direction: column;
    /* existing properties */
    background: linear-gradient(to bottom right, #6262A5 0%, #3d5ba2 50%, #283d6d 100%);

    border-radius: 10px;
    padding: 28px;
    text-align: center;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    /* min-height: 450px; */
    /* Add this property */
    align-items: center;
	border: 1px solid transparent;
	color:#fff;
}

.pricing-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}



.price {
    font-size: 2.5rem;
    font-weight: 600;
}

.price-features {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 30px 0;
    flex-grow: 1;
    /* Add this property */
    width: 100%;
	text-align: left;
	font-size:90%;
	list-style: none;
}

.price-features li {
    position: relative;
    padding-left: 25px; /* Adjust this value to control text indentation */
    margin-bottom: 8px;

}

.price-features .check {
    position: absolute;
    left: 0;
}

.feature-text {
    display: inline-block;
}


.price-features li .check {
	opacity: 0.7;
	background-image: url('https://cdn.virtualsheetmusic.com/images/newdesign2025/svg/check.svg');
	background-size: cover;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
}


.pricing-switcher {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 2rem;
    position: relative;
}

.pricing-switch {
    padding: 0.75rem 1.5rem;
    border: 1px solid #ccc;
    background: #efefef;
    color: #6262A5;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    font-size: 120%;
}

/* First button in the switcher */
.pricing-switch:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	border-right:none!important;
}

/* Last button in the switcher */
.pricing-switch:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pricing-switch.active {
    background: #6262A5;
    color: #fff;
}

.pricing-switch.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 15px solid #6262A5;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.pricing-card .pricing-badge-container {
	height:30px;
}

.pricing-badge-container .pricing-badge {
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
    background: #6943C8; /* Changed to solid purple background */
    display: inline-block;
    border-radius: 12px;
    font-size: 12px;
}

.pricing-badge.currentPlan {
	background:#982762;
}

.pricing-badge-container .pricing-badge:not(.currentPlan):before {
    animation: badgeShimmer 3.5s infinite ease-out 1.8s;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .18) 25%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .18) 75%, rgba(255, 255, 255, 0) 100%);
    content: "";
    display: block;
    height: 90px;
    left: -60%;
    position: absolute;
    top: -150px;
    transform: rotate(-25deg);
    width: 200px;
}

@keyframes badgeShimmer {
	0% {
		left: -100%;
		top: -150px;
	}
	50% {
		left: 100%;
		top: 150px;
	}
	100% {
		left: 100%;
		top: 150px;
	}
}

.pricing-switcher .smaller {

	color:#4CAF50;
}

.billed {
	font-size: 85%;
	color:#aaa;
	height:20px;
}

.billed a {
	color:#fff;
}

.priceCredits {
	font-size: 90%;
	height:20px;
	color:orange;
	font-weight:bold;
	margin-bottom:20px;
}

a.yearly-link {
	text-decoration: none!important;
	font-size:12px;
	color:#6dd1fc;

}

.features-title {
	font-weight:bold;
	font-size:130%;
}

/* .pricing-notes {
	margin-top:20px;
	font-size:90%;
	color:#aaa;
} */

.priceSlashed {
    font-size: 1.2em;
    text-decoration: line-through;
    color: #9ca067;
	height:1.2em;
}


/* Category Pages CSSs 2025 */

.NEWHOMEh12025 {
	/* background: linear-gradient(
        120deg,
        #7e7e84 5%,
        #3d3d3d 15%,
        #2a2a2c 30%,
        #3d3d3d 50%,
        #7e7e84 60%
    ); */

	/* background: linear-gradient(
        120deg,
        #e49733 5%,
        #ab7227 15%,
        #552e09 30%,
        #ab7227 50%,
        #e49733 60%
    ); */

	background: linear-gradient(
        120deg,
        #39569C 5%,
        #2b437b 15%,
        #2a2a2c 30%,
        #2b437b 50%,
        #39569C 60%
    );

    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shimmer 5s linear 2s 1;
	text-align:left;
	font-weight:bold;
	font-size:3em;
	margin:0 0 0 10px;

    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */
}

.category_banner_2025 {
	max-width:1280px;
	margin:0 auto;

}

/*
.mainBanner_2025 {

	background: linear-gradient(to bottom right, #cdcdff 0%, #b6b7fe 50%, #3232a3 100%),
            linear-gradient(to right, rgba(205,205,255,1) 0%, rgba(205,205,255,0.1) 100%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0%200%20100%20100'%3E%3Cg fill='%23b6b7fe'%3E%3Cg transform='translate(10,15) rotate(10)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(30,25) rotate(-20)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(50,10) rotate(5)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(70,40) rotate(30)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(85,70) rotate(-40)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(20,80) rotate(15)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(60,75) rotate(-30)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-blend-mode: soft-light, overlay, normal;

	border-radius:0 0 3px 3px;


	padding:30px 0;


}
*/

.mainBanner_2025.mainBanner_2025_cat_2025 {
	/* background: linear-gradient(to right, #E3E3EC 0%, #6E70F2B3 50%, #3232A300 100%); */

	/* background-image: linear-gradient(to right,
		rgba(205, 205, 255, 1) 0%,
		rgba(110, 112, 242, 0.7) 70%,
		rgba(50, 50, 163, 0) 100%
	); */



	background-size: cover;
	background-position: center;
	border-radius: 0 0 3px 3px;
	padding: 10px 0 5px 0;
}

:root {
	--gradient-cat-opacity-mid: 0.7;/* for all category pages */
	--gradient-cat-opacity-end: 0.5;/* for all category pages */
}


.catSearchForm2025 {
	display:flex;
	flex-direction:row;
	gap:2px;
	align-items:center;
}

.searchInput5 #keyword {
	background-color:#fff;
}

.searchInput5 {/*indexes*/
	width:100%;

}

.searchInput5 .SearchBar-clearSearch.is-focused {
	right:0.6em;
}





/* Category Pages Featured Items 2025 */

.featured_vertical_list {
    max-width: 1250px;
    margin: 0 auto;
    padding: 20px;
}

.featured_item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* .featured_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
	cursor:pointer;
} */

/* .featured_item:hover .mainBtn2025 {
    background-color: #5252a3;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} */

a.featured-title-link {
    color: inherit;
    text-decoration: none!important;
}





.featured_item_content {
    display: flex;
    padding: 20px;
    gap: 30px;
}

.featured_item_image {
    flex: 0 0 200px;
	transition: transform 0.3s ease;
}



.featured_item_image img {
    /* width: 100%;
    height: auto; */
    border-radius: 5px;
	border:1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.featured_item_details {
    flex: 1;
	font-size:150%;
	text-align:center;
}
.featured_item_details_left {
	text-align:left;
}

.featured_item_details h3 {
    font-size: 1.5em;
    margin: 0;
    color: #6262A5;
	display:inline-block;
}

.featured_item_description {
    color: #666;
    margin: 15px 0;
    line-height: 1.6;
}

.featured_item_testimonial {
    background: #f5f5f5;
    padding: 15px;
    margin: 15px 0;
    border-radius: 5px;
}

.featured_item_testimonial blockquote {
    margin: 0;
    font-style: italic;
    color: #555;
}

.featured_title {
    text-align: left;
    text-transform: uppercase;
    color: #aaa;
	font-size:120%;
	padding:10px 0 10px 15px;
	font-weight:bold;
	border-bottom:1px solid #efefef;
	background-color:#f5f5f5;
}

.featured_item_details a.intertitialButton {
	font-size:120%;
}


.intertitial-button-container {
	text-align:center;
	margin:0 0 30px 0;
	font-size:120%;
}

.comments-container-2025 {
	font-size:120%;
	max-width:1250px;
}

.breadcrumbs_container {
	text-align:left;
	font-size:130%;
	max-width:1280px;
	margin-left:10px;
}


#breadcrumbs {
	margin:12px 0;
}

.lessons2025 {
	margin-top:30px;
}
.lessons2025 .featured_item_content {
	background-color:#f1f0cc;
}

.lessons2025 .featured_title {
	background-color:#2D467E;
}

.feedback-icons {
    display: inline-flex;
    align-items: center;
    margin-left: 16px;
	position:relative;
	top: 3px;
}

.feedback-btn {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    transition: transform 0.2s;
}

.feedback-btn:hover {
    transform: scale(1.1);
}

.feedback-btn svg {
    fill: #ffffff;  /* Changed from currentColor to white */
}

.feedback-btn:first-child {
    margin-right: 8px;
}


.middle-page-ad-2025 {
    max-width: 1250px;
    margin: 0 auto;
    overflow: hidden; /* Add this to contain the image */
    border-radius: 10px; /* Move border-radius to container */
}

.middle-page-ad-2025 img {
    width: 100%; /* Make image fill container width */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove any potential inline spacing */
}

.middle-page-ad-2025-inner-content {
    position: relative;
    overflow: hidden;
}

.middle-page-ad-2025-inner-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to left,
        rgb(0, 0, 0) 0%,
        rgba(0, 0, 0, 0.7) 20%,
        rgba(50, 50, 163, 0) 50%
    );
    z-index: 1;
    pointer-events: none; /* Ensures the overlay doesn't interfere with clicks */
}

.middle-page-ad-2025-inner-content img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.middle-page-ad-content {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    text-align: right;
    color: #fff;
    z-index: 2;
    width: min(420px, 50%); /* Use min() to be responsive while capping at 300px */
    margin-left: auto; /* Ensures right alignment */
}

.middle-page-ad-content h2 {
    margin: 0 0 10px;
    font-size: 24px;
    color: #8383e7;
    text-shadow:
        2px 2px 0 rgba(0,0,0,0.5),
        -1px -1px 0 rgba(0,0,0,0.5),
        1px -1px 0 rgba(0,0,0,0.5),
        -1px 1px 0 rgba(0,0,0,0.5);
}

.middle-page-ad-content p {
    margin: 0 0 15px;
    font-size: 16px;
    color: #ffc15b;
    text-shadow:
        1px 1px 0 rgba(0,0,0,0.5),
        -1px -1px 0 rgba(0,0,0,0.5),
        1px -1px 0 rgba(0,0,0,0.5),
        -1px 1px 0 rgba(0,0,0,0.5);
    font-weight: bold;

}



.middle-page-ad-2025 .desktop-banner {
    display: block !important;
    width: 100%;
    height: auto;
}

.middle-page-ad-2025 .mobile-banner {
    display: none !important;
    width: 100%;
    height: auto;
}

.middle-page-ad-2025 .mobile-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;

}

.arrowreply {
	position:relative;
	float:left;
	left:-2px;
	top:-5px;
	width:25px;
}

hr.blueHr2025 {
	padding:0;
	margin:40px 0;
	border-bottom:1px solid #D9E3F6;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0;
	height:1px;
	display:block;
}

.search-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    position: relative;
}

.search-department {
    padding: 8px 24px 8px 8px;
    border: none;
    border-right: 1px solid #e0e0e0;
    border-radius: 4px 0 0 4px;
    background-color: #f3f3f3;
    cursor: pointer;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
	color:#000;
}

.search-department:focus {
    outline: none;
    background-color: #e9e9e9;
}

#search2025 {
    border-radius: 0 4px 4px 0;
    border-left: none;
}

/* When department selector is present */
.search-wrapper #search2025 {
    border-radius:0;
}

.NEWHOMEh22025 {
	text-align:left;
	margin:0 0 10px 10px;

	background: linear-gradient(
        120deg,
        #39569C 5%,
        #2b437b 15%,
        #2a2a2c 30%,
        #2b437b 50%,
        #39569C 60%
    );

	background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shimmer 5s linear 2s 1;
	text-align:left;
	font-weight:bold;
	font-size:1.5em;
}

.tempo2025 {
	color:rgba(255, 255, 255, 0.6);
}

/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */


/* Search Results CSS 2025 */
.searchResultsContent2025 {
    display: flex;
    flex-direction: column;
    /* gap: 30px; */
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
	/* text-align:left; */
}

/* Row wrapper for top and bottom sections */
.searchResultsContent2025 > div {
    display: flex;
    gap: 10px;
}

/* Common styles for all columns */
.searchResultsLeftColumnBottom,
.searchResultsRightColumnBottom {
    /* padding: 20px; */
    background: #fff; /* Optional: adds visual separation */
}

/* Left columns */
.searchResultsLeftColumnBottom {
    width: 180px;
    flex-shrink: 0;
	text-align:left;
}


/* Right columns */
.searchResultsRightColumnBottom {
    flex: 1;
    min-width: 300px;
}

.filterHeaders {
	font-size:120%;
	font-weight:bold;
	color:#888;
	margin-top:30px
}


.searchResultsContent2025 .slide-controls {
	justify-content: flex-start;
	margin-top:30px;
	margin-bottom:15px;
}

.searchResultsRightColumnBottomInner {
	border:2px solid #EFEFEF;
	padding:20px;
	border-radius:5px;
	margin-top:20px;
}

.searchResultsRightColumnBottom h2 {

	margin-top:5px;
}


.results-table {
	width: 100%;
	/* padding: 20px; */
	font-size:120%;
}

.results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	color:#888;
	gap:10px;
}

.sort-by select {
	padding: 5px;
	margin-left: 10px;
}

.results-table table {
	width: 100%;
	border-collapse: collapse;

}

.results-table th {
	text-align: left;
	padding: 10px;
	border-bottom: 2px solid #eee;
	font-weight: bold;
	color:#6262A5;
    white-space: nowrap;

}

.results-table th a {
    color: #6262A5 !important;
    text-decoration: none !important;
    transform: scale(1);
    transition: all 0.2s ease !important;
    display: inline-block !important; /* This is important for transforms to work on inline elements */
    backface-visibility: hidden !important; /* Helps with rendering */
    -webkit-transform: scale(1); /* Vendor prefixes for broader support */
    -moz-transform: scale(1);
    -webkit-transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
}

.results-table th a:hover {
    color: #6262A5 !important;
    transform: scale(1.05) !important;
    -webkit-transform: scale(1.05) !important;
    -moz-transform: scale(1.05) !important;
    text-decoration: none !important;
}

.sort-arrow {
	display:none;
}

.sort-arrow-icon {
  margin-left: 4px;
  vertical-align: middle;
  color: #666; /* Adjust color as needed */
}

/* For the active/selected sort column */
.sort-active .sort-arrow-icon {
  color: #000; /* Darker color for active state */
}

/* For descending sort */
.sort-desc .sort-arrow-icon {
  transform: rotate(180deg);
}

.back-arrow-icon {
  margin: 0 4px 2px 0;
  vertical-align: middle;
  color: #767676; /* Adjust color as needed */
}


.results-table td {
	padding: 15px 10px;
}

.results-table tr:not(:last-child) {
	border-bottom: 1px solid #eee;
}

.text-center {
	text-align: center!important;
}

.text-right {
	text-align: right!important;
}

.format-icons {
    display: grid;
    grid-template-columns: repeat(2, auto); /* Creates 2 equal columns */
    gap: 5px;
    justify-content: center;
    align-items: center;
    width: 100%;
}


.format-icons span {
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 12px;
	display:inline-block;
}

/* .interactive-icon {
	background: #eee;
}

.pdf-icon {
	background: #eee;
} */

.media-icon {
	background: #eee;
	color:#555;
}

.beginner-icon {
	background: #3da2b6;
	color:#fff;
}

.easy-icon {
	background: #6c9836;
	color:#fff;
}

.intermediate-icon {
	background: #d47e18;
	color:#fff;
}

.advanced-icon {
	background: #b63d3d;
	color:#fff;
}

.pro-icon {
	background: #652b84;
	color:#fff;
}

.composerSR {
	font-size:90%;
	color:#777;
	display:block;
	margin-top:3px;
}

.publisherSR {
	font-size:80%;
	display:inline;
	background-color:#efefef;
	padding:2px 5px;
	color:#777;
	border-radius:5px;
}

.pricesSR {
	display:flex;
	gap:10px;
	margin-top:5px;
	color:#888;
}

.results-table td a {
	color: #0066cc;
	text-decoration: none;
	font-weight:bold;
}

.results-table td a:hover {
	text-decoration: underline;
}

.sort-by-select {
    display: inline-block;
    min-width: 235px;
    max-width: 100%;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    letter-spacing: -.5px;
    font-size: 100%;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.sort-by {
    display: flex;
    align-items: center;
    gap: 8px; /* Adds space between "Sort by" text and select */
}

.sort-by span {
    white-space: nowrap; /* Prevents text from wrapping */
}


.results-table tbody tr {
    transition: background-color 0.2s ease;
    position: relative; /* For z-index to work */
	cursor: pointer;
}

.results-table tbody tr:hover:not(:has(.cart-icon:hover)) {
    /* Your hover styles here */
    background-color: rgba(0, 0, 0, 0.05);
}



.results-table tbody tr td a {
    position: relative; /* Keep links above the overlay */
    z-index: 1;
	color:#3e62b0;
}

.results-table tbody tr td a:hover {
	text-decoration: none;
	color:#3e62b0;
}

.results-table tbody tr td a:visited {
	color:#a14ff3;
}

.results-table tbody tr .row-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0; /* Below the content */
}

.cart-icon {
	min-width:27px; min-height: 25px;
	position: relative;
    z-index: 2;
}

.cart-icon:hover {
	cursor: pointer;
	transform: scale(1.2);
    transition: transform 0.2s ease;

}

.cart-icon {
	position: relative;
	z-index: 2;
}


.cart-icon div {
	background-color: #eeecfd;
	display: flex;
	height: 55px;
	position: absolute;
	top: 50%;
	right: 0;

	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-radius: 50% 0 0 50%;
	width: 45px;
}

.cart-icon.alreadyInCart div {
	background-color: #ffbbbb;
}

.recordicon2025 {
	border:1px solid #ddd;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	min-width: 54px;
	min-height: 77px;

}

.recordicon2025.square {
	min-height:54px;
}

.recordicon2025.video {
	min-width: 54px; min-height: 30px;
}

.titleFix {
	min-width: 150px;
}

.iconFix {
	width: 54px;
    min-width: 54px;
    max-width: 54px;
}

#drillleftcolumninner {
	margin-top:10px;
}


.buyMembers2025 {
	color: #3ca91e;
}


.freeMembers2025 {
	display:inline;
	color: #fff;
	background-color: #3ca91e;
	padding: 2px 5px;
	border-radius: 5px;
	font-size:85%;
}

.back-button {
    display: inline-block;
    padding: 8px 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;

}

a.back-button {
	color: #767676;
}

.back-button:hover {
    background-color: #e9e9e9;
    border-color: #ccc;
    text-decoration: none;
}

.filter-button {
	background-color: #8A8ACD;
	color: #fff;
}

.filter-button:hover {
	background-color: #6262A5;
	color: #fff;
}


/* Pagination */

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.pagination-left {
  flex: 0 0 auto; /* Don't grow or shrink, keep auto width */
}

.pagination-right {
  flex: 0 0 auto; /* Don't grow or shrink, keep auto width */
}

.paginationBottom {
	margin-top:20px;
	display: flex;
	justify-content: right;
	align-items: right;
	width: 100%;
}

a.pgNo, .pgNo {
    margin: 0 5px;
    padding: 4px 10px;
	border:1px solid #ddd;
	border-radius: 5px;
	color:#2D467E;
}



a.pgNo:hover, .pgNoSel {
	text-decoration: none;
    background-color: #6262A5;
    border-radius: 5px;
	color:#fff;
}

#drillleftcolumnMobile, .filter-button {
	display:none;
}

/* Popup System */

.info-popup {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  max-width: 400px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  z-index: 1000;
  font-size: 14px;
  color:#555;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.info-popup h4 {
  margin: 0 0 8px 0;
  color: #6262A5;
}

.info-popup ul {
  margin: 0;
  padding-left: 10px;
}

.info-popup p {
	padding-left: 10px;
}

.info-popup li {
  margin: 4px 0;
  line-height: 1.4;
}

/* Optional: Add animation */
.info-popup {
  opacity: 0;
  transition: opacity 0.2s;
}

.info-popup[style*="display: block"] {
  opacity: 1;
}

.info-popup .skill-icons {
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 12px;
}

.info-popup .price-info {
	line-height: 1.5em;
}

.itemInfoImg {
	width:300px;
	height:auto;
}

.search-page-number {
	color:#999!important;
	font-size:80%;
	background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #999 !important;
	font-weight:normal!important;
}

#drillsOnMobile {
	display:none;
	background-color: #EEECFD;
	padding:10px;
	border-radius: 5px;
	margin-top:20px;
	text-align:left;
}

.left-text {
	text-align:left!important;
}

.showing-results {
	text-align:left;
}

.relatedByOut {
	background-color:#efefef;
	padding:5px;
	text-align:left;
	margin-bottom:20px;
}

.newsletter.forInterstitial {
	min-width:400px;
	margin:0;
}

.newsletter.forInterstitial .newsletter-input-container {
	margin:0;
}

.feedback-message {
    z-index: 1000;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.relatedByOut {
	background-color:#efefef;
	text-align:left;
	padding:10px;
}


.forMembers {
	color: #888;
	font-size: 85%;
}














/* These below must be last!!! */
.hide {
	display:none;
}

.showRESP558, .showRESP780, .showRESP558il, .showRESP650, .showFlexRESP780, .showRESP969 {
	display:none;
}



/* START MEDIA - RESPONSIVE STYLES */


@media screen and (max-width: 1200px) {
	.footer-container {
		gap: 40px;
	}
}

@media screen and (max-width: 1050px) {

	.pricing-card:not(.short) {
		flex: 0 1 240px;
		padding:20px;
	}

	.pricing-card.extraCredits {
		height:auto;
	}

	/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */

	/* Search Results */

	.titleFix {
		min-width: 100%;
	}

}

@media screen and (max-width: 969px) {

	.middle-page-ad-content {
		right:10px;
	}

	.middle-page-ad-content h2, .middle-page-ad-content p {
		margin-bottom:5px;
	}

	/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */

	/* Search Results */

	.searchResultsContent2025 > div {
        flex-direction: column;
    }

    .searchResultsLeftColumnBottom,
    .searchResultsRightColumnBottom {
        width: 100%;
        min-width: 0;
    }

	#drillleftcolumninner {
		display:none;
	}

	#drillleftcolumnMobile {
		display:block;
	}

	.filter-button {
		display:inline;
	}

	.hideRESP969 {
		display:none;
	}

	.showRESP969 {
		display:block;
	}

}

@media screen and (max-width: 840px) {

	.mainMenu_2025 > ul > li:not(.mm_sub_column):not(.mm_sub_column_sub):not(.mm_sub) {

		padding: 10px 18px;

	}

}

@media screen and (max-width: 820px) {


	#header, #content, #navigation, #breadcrumbs, #contentnwpr {
		width: 100%;
	}


	 .orangeTxt {
		font-size:110%!important;
	}

	#menumobheader {
        display:block
    }

    .topofpage {
		font-size:150%;
	}

	.expimgbanners {
		width: 100%;
		height:auto;
	}

	/* Commons */

	.centerRESP {
		text-align:center;
	}

	.hideRESP780 {
		display:none;
	}

	.showRESP780 {
		display:block;
	}

	/* Start Mailing and Membership Boxes */

	.NEWHOMEbox, .NEWHOMEboxNO {
		float:none;
		width:90%;
		margin:0 auto 30px auto;


	}

	/* New Home Page Hybrid Design */

	#NEWHOMErightColumn, #NEWHOMErightColumnSmall, #NEWHOMErightColumnxSmall {
		float:none;
		width:100%;

	}


	#NEWHOMEmainColumnFIX, #NEWHOMEmainColumnFIXxshort, #NEWHOMEmainColumnFIXlarge {
		float:none;
		width:100%;
		padding:0;
		margin-bottom:50px;
	}

	/* New category pages 8-17-2016 */

	.RESPlargefield {
		font-size:120%;
		width:55%;

	}




	.RESPlargegobutton {
		width:50px;
	}




	.NEWHOMEboxNOcat {
		border:0;
	}


	#drillleftcolumn {
		float:none;
		width:100%;
		padding:0;
	}

	#drillleftcolumninner {
		border:1px solid #aaa;
		background-color:#f1f4f9;
		padding:10px;
		margin:0 3px 20px 3px;
		border-radius: 5px;
	}




	#menumobheader {
		display: block;
	}


	.topofpage {
		font-size:150%;
	}

	.FFhomesep {
		font-size: 120%;
	}

	#commentbox {
		word-break: break-all;
	}

	/* Commons */




	/* Start Mailing and Membership Boxes */

	.NEWHOMEbox, .NEWHOMEboxNO {
		float:none;
		width:90%;
		margin:0 auto 30px auto;


	}

	.NEWHOMEboxMB img {
		width: 90%;
		height:auto;
	}

	/* New Home Page Hybrid Design */

	#NEWHOMErightColumn, #NEWHOMErightColumnSmall, #NEWHOMErightColumnxSmall {
		float:none;
		width:100%;

	}


	#NEWHOMEmainColumnFIX, #NEWHOMEmainColumnFIXxshort, #NEWHOMEmainColumnFIXlarge {
		float:none;
		width:100%;
		padding:0;
		margin-bottom:50px;
	}



	#NEWHOMEboxes, #NEWHOMEboxesNEWCAT {
		padding:0!important;
		width:90%;
	}

	.NEWHOMEboxMB img {
		width:72%!important;
	}

	/* New category pages 8-17-2016 */


	.RESPlargefieldhmsm {
		font-size:150%;
		width:80%;
		margin:0;
	}



	.catbnr {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-left:0;
		border-right:0;
	}



	#cacheddrills {
		padding:10px;
		background-color:#efefef;
		margin:0 3px;
		border-radius: 5px;
	}

	ul.drilllist li {
		line-height: 1.5em;
	}

	/* New Category Pages UI (8notes buttons style) 3-6-2017 */

	.h3categories {
		margin-left:5px;
	}






	/* For cancel button in search fields 9/24/20, 11:02 AM */
	.searchInput3 {/*indexes, search, home*/
		display:inline-block;
		width:76%;
		margin-right:10px;

	}

	.searchInput5 {/*indexes*/
		display:inline-block;
		width:55%;
		margin-right:0;

	}

	.searchInput5 #keyword {/*indexes*/
		width:89%;
	}


	.searchInput3 .RESPlargefieldhmsm {/*indexes, search, home*/
		font-size: 150%;
		width: 91%;
		margin: 0;
	}

	#narrowND {/*indexes, search*/

		border: 1px solid silver;
		border-radius: 20px;

	}

	.searchInput4 .SearchBar-clearSearch-icon, .searchInput5 .SearchBar-clearSearch-icon {/*indexes, search*/
		width: 20px;
   		height: 20px;
	}


	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused  {/*indexes, search*/
    	right:8px;
	}



	.searchInput4 {/*indexes, search*/
		margin-right:10px;

	}

	/* NEW REDESIGN 2025 */

	.FFsalutationWrapper2025 {
		display:none;
	}



	/* START OF NEW REDESIGN 2025 taken from category_2025.css */




	.featured_items_2025 {
		flex-direction: column;
		gap: 20px;
	}

	.featured_items_2025 .featured_item {
		width: 100%;
	}

	.item_list_container_header {
		margin-left: 0;
	}

	.slide-controls {
		font-size:80%;
	}

	.blockResp {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	.NEWMBbutton32025 {
		width: 100%;
	}

	.NEWMBUnderGiftInnL2025 {
		width: 100%;
	}

	.NEWMBUnderGiftInnR2025 {
		font-size: 160%;
		width: 100%;
	}

	.intertitialFrame {
		font-size: 80%;
	}

	.intertitialTitle {
		text-align:left;
		/* margin-left:30px; */
	}

	#comparison-table h2 {
		font-size:2em;
	}
	#pricing .container {
		font-size:100%;
		padding:0;

	}

	.pricing-card:not(.short):not(.extraCredits) {
		flex: 0 1 190px;
	}

	.pricing-grid {
		gap: 20px;
	}

	.features-title {
		font-size:113%;
	}


	.mainTitle2025 h1 {
		font-size:270%;
	}

	.mainTitle2025 h2 {
		font-size:160%;
	}


	/* Category Pages CSSs 2025 */



	.searchboxcatsm {
		max-width:100%;
		margin:0 20px;
	}

	.catSearchForm2025 {

		width:100%;
		justify-content: center;
		align-items: center;
	}

	.searchInput5 {
		width:100%;
		margin-right:10px;
	}

	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:25px;
	}

	.featured_item_details h3 {
		display:block;
	}

	.featured_item_details h3 {
		font-size:120%;
		margin-bottom:10px;
	}

	.featured_item_details_left {
		text-align:center;
	}

	.featured_item_description {
		text-align:left;
	}

	.featured_item_details a.intertitialButton {
		font-size:100%;
	}


	.middle-page-ad-2025 {
		border-radius:0;
	}

	.middle-page-ad-2025 .desktop-banner {
		display: none !important;
	}

	.middle-page-ad-2025 .mobile-banner {
		display: block !important;
	}

	.middle-page-ad-2025 .mobile-content {
		flex-direction: column;
		position: relative; /* Add this */
	}

	.middle-page-ad-2025 .middle-page-ad-content {
		position: absolute; /* Change to absolute */
		bottom: 20px; /* Position from bottom */
		left: 0;
		right: 0;
		text-align: center;
		padding: 20px;
		z-index: 2;
		width: auto;
		transform: none;
	}

	/* Add gradient overlay for better text visibility */
	.middle-page-ad-2025 .mobile-content::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 50%; /* Adjust as needed */
		background: linear-gradient(to top,
			rgba(0, 0, 0, 0.7) 0%,
			rgba(0, 0, 0, 0) 100%
		);
		z-index: 1;
		pointer-events: none;
	}

	.middle-page-ad-2025-inner-content::before {
		background: linear-gradient(to top,
			rgb(0, 0, 0) 0%,
			rgba(0, 0, 0, 0.7) 10%,
			rgba(50, 50, 163, 0) 50%
		);
	}


	.middle-page-ad-content h2 {
		font-size:190%;
		margin-bottom:10px;
	}

	.middle-page-ad-content p {
		line-height:0.7em;
		font-size:150%;
		margin-bottom:15px;
	}

	.mainBanner_2025.mainBanner_2025_cat_2025 {
		/* background: linear-gradient(to right, #E3E3EC 0%, #9c9ef9b3 50%, #3232A300 100%); */

		/* background-image: linear-gradient(to right,
			rgba(205, 205, 255, 1) 0%,
			rgba(110, 112, 242, 0.7) 70%,
			rgba(50, 50, 163, 0) 100%
		), url('https://cdn.virtualsheetmusic.com/images/newdesign/catbanners/1354.png'); */

		/* background-image: linear-gradient(to right,
			rgba(227, 227, 236, 1) 0%,
			rgba(186, 187, 237, 0.9) 70%,
			rgba(171, 171, 244, 0.8) 100%
		); */

		background-size: cover;
		background-position: center;
		border-radius: 0 0 3px 3px;
		padding: 10px 0;
	}

	:root {
		--gradient-cat-opacity-mid: 0.9;/* for all category pages */
		--gradient-cat-opacity-end: 0.8;/* for all category pages */
	}

	/* For search "department" selector Amazon Style */
	#search_2025 {
		margin:0;
		font-size:100%;
	}

	.header2025 {
		margin:0;
		padding: 5px 5px 10px 5px;
	}

	.NEWHOMEh12025 {
		font-size:2.5em;
		margin: 0 0 0 10px;
	}

	#search_2025 .searchInput #search2025Btn {
		padding:13px 15px;
	}

	.search-department {
		font-size:16px;
	}


	/* These below must be last! */

	.hideRESP780 {
		display:none;
	}

	.showRESP780 {
		display:block;
	}

	/* slider icions size control for mobile */

	/* .item_list li a, .item_list_icon img {
		width:171px;
		height:242px;
	} */

	.item_list.category li a, .item_list_icon.category img {
		width:170px;
		height:195px;
		word-break: break-word;
	}

	.item_list_title_category {
		font-size:120%;
	}

	.scroll_container {
		margin:0;
	}

	.item_list li a {
		height:262px;
	}

}



@media screen and (max-width: 755px) {

	.pricing-card:not(.short):not(.extraCredits) {
		flex: 0 1 230px;
	}
	.features-title {
		font-size:130%;
	}

	#pricing .container {
		font-size:110%;
	}

}

@media screen and (max-width: 720px) {
	.slide-controls {
		transform: scale(0.8);
		font-size:100%;
	}


	.intertitialFrame {
		flex-direction: column;
		gap: 20px;
	}

	.intertitialButtonFrame {
		margin-bottom: 20px;
	}

	/* Footer Styles */

	.footer-container {
        flex-direction: column;
        gap: 30px; /* Adjusted gap for mobile */
    }

    .footer-column {
        width: 100%; /* Ensure full width on mobile */
        text-align: left; /* Maintain left alignment on mobile */
    }

    .app-stores {
        justify-content: center;
    }

	.block2025 {
		width:100%;
		max-width:100%;
	}

	.typing-animation {
        /* Remove the white-space: nowrap constraint */
        white-space: normal;
        /* Adjust animation to only show the text fade-in */
        animation: fadeIn 2s ease-in forwards;
        width: auto;
        border-right: none;
    }


    /* New fade-in animation for mobile */
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

	/* Category Pages CSSs 2025 */

	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:20px;
	}

	.intertitialTitle {
		text-align:center;
		margin:0 auto;
	}

	.intertitialSubtitle {
		text-align: center;
	}


}

@media screen and (max-width: 650px) {
	.hero .NEWMBTopTargets {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}

	.pricing-card:not(.short) {
		padding:30px!important;
		flex: 0 1 300px!important;
		height: auto!important;
	}

	/* Category Pages CSSs 2025 */

	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:15px;
	}

	.featured_item_content {
        flex-direction: column;
    }

    .featured_item_image {
        flex: 0 0 auto;

        margin: 0 auto;
    }

	.format-icons span {
		margin-right:5px;
	}

	/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */

	/* This must be last! */

	.hideRESP650 {
		display:none;
	}

	.showRESP650 {
		display:block;
	}

}


@media screen and (max-width:623px) {
	/* Target expert video lists and other */


	#submitcomment {
		width:150px;
		height:auto;

	}

	/* START OF NEW REDESIGN 2025 taken from category_2025.css */

	.middle-page-ad-2025 .middle-page-ad-content {
		padding:0 5px;
	}


}

@media screen and (min-width: 559px) and (max-width:820px) {
	/* Target landscape smartphones, narrow tablets, narrow desktops */

    #footerunres,#header,#navigation,.indexesabsrightboxes {
        display:none
    }

    #breadcrumbs {
		margin-left:8px;
		width:98%!important;/* Added 10-20-2015!! */
	}

    body {
        padding: 0;
        background: #fff;
        font-size: .9em;
        margin: 0
    }

	#prewrapper,#wrapper {
        width: 100%;
        min-width: 100%
    }

    #prewrapper {
        padding-top: 60px
    }

    #orderbyctrl {
		width: 130px;
		height: 40px;
		font-size:120%;
	}

	#orderbyctrlgo {
		width: 100px;
		height: 40px;
		font-size:120%;
	}





	/* Composer videos 8/24/23, 9:30 AM */

	.expvideos {
		width:100%!important;
		height:295px!important;
	}


}

@media screen and (max-width: 558px) {





    /* Target for fixed width banners*/
	/* As well ALL portrait smartphones */
	#breadcrumbs,#header,#navigation,.addcartchunck,.hideRESP,.hideressm,.indexesabsrightboxes,.moinflist {
        display:none
    }

    body {
        padding: 0;
        background: #fff;
        margin: 0;
        font-size: 1em
    }

	#mainColumn,#mainColumnProd,#prewrapper,#wrapper {
        width: 100%;
        min-width: 100%
    }

    #prewrapper {
        padding-bottom: 0;
        padding-top: 60px
    }

    #content {
		margin:0;
	}

	.showRESP558 {
		display:block;
	}






	#orderbyctrl {
		width: 130px;
		height: 50px;
		font-size:120%;
	}

	#orderbyctrlgo {
		width: 100px;
		height: 50px;
		font-size:120%;
	}


	.imgbanners {
		width: 100%;
		height:auto;
	}

	.FFhomesep {
		font-size: 130%;
	}

	/* ///////////////////////////////// */


	/* For category indexes */

	.topbnswdalt, .topbnswdalt2 {
		width:auto;
	}

	/* For Home Page */



	.hprespitrg {
		float:left;
		/*border:1px solid green;*/
		width:66%;
		margin-left:12%;
	}

	.RESPblock558 {
		display:block;
	}

	.NEWHOMEgroupsml {
		font-size:70%;
	}

	.NEWHOMEmailingbox, .NEWHOMEboxMB img {
		margin-top:10px;
	}


	/* New Category Pages */

	.RESPlargefield {
		font-size:150%;
		width:90%;
		margin:0 auto 10px auto;
	}


	.searchInput5 .RESPlargefield {/*indexes */
		font-size:140%;

	}

	.RESPlargegobutton {
		width:50px;
		margin-top:10px;
	}


	.ncrating {
		width:75px;
		height:19px;
	}





	.h3categories {
		text-align:center!important;
	}

	.NEWHOMEgroupdynb img {
		-ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Safari */
    transform: scale(1.2,1.2);
		margin-bottom:10px;
	}





	/* Norton Seal */
	#NSGs {
		display:none;
	}







    .hideRESP558 {
		display:none;
	}


	/* For cancel button in search fields 9/24/20, 11:02 AM */
	#keyword {/*indexes, search, home*/
		padding-right:1.3em;
	}

	.searchInput3 .RESPlargefieldhmsm {/*indexes, search, home*/
		font-size: 140%;
		width: 86%;
	}



	.searchInput4 .SearchBar-clearSearch.is-focused {/*indexes, search*/
    	right:15px;
	}


	.searchInput4, .searchInput5  {/*indexes, search*/
		margin-right:2px;
		width:79%;

	}

	.searchInput5 #keyword {/*indexes*/
		margin:0 auto;
		width:84%;
	}


	.searchInput5 .SearchBar-clearSearch.is-focused  {/*indexes, search*/
    	right:12px;
	}

	#submitcommentdiv {
		text-align:center;
		width:100%;
	}


	/* Composer videos 8/24/23, 9:30 AM */

	.expvideos {
		width:100%!important;
		height:178px!important;
	}


	/* NEW REDESIGN 2025 */


	.mainBanner_2025 {
		padding:0;
		border-radius:0;
		background:none;
	}

	.mainBanner_2025_image {
		border-radius:0;
		margin:0;
	}

	#mainBanner_2025_image_frame {
		margin:0;
		padding:0;
		border-radius:0;
		/* box-shadow:none; */
	}

	#mainBanner_2025_image_frame_wrapper {
		margin:0;
		padding:0;
	}


	.banner-arrow-left {
		left:0;
	}

	.banner-arrow-right {
		right:0;
	}



	/* START OF NEW REDESIGN 2025 taken from category_2025.css */




	.mainBanner_2025 {
		padding:0;
		border-radius:0;
		background:none;
	}

	.mainBanner_2025_image {
		border-radius:0;
		margin:0;
	}

	#mainBanner_2025_image_frame {
		margin:0;
		padding:0;
		border-radius:0;
		/* box-shadow:none; */
	}

	#mainBanner_2025_image_frame_wrapper {
		margin:0;
		padding:0;
	}


	.banner-arrow-left {
		left:0;
	}

	.banner-arrow-right {
		right:0;
	}

	.h1_2025.category_header {
		background: linear-gradient(to right,#e49733,#ad5604);/* ad5604 552e09 */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size:150%;
	}

	/* .scroll_arrow {
		display: none;
	} */

	.scroll_container {
		margin: 0 10px;
	}

	.slide-controls {
		display: none;
	}

	.slideshow-container-frame .arrows {
		display:block;
	}

	.slideshow-item h2 {
		font-size:130%;
		max-width:75%;
	}

	/* .intertitialTitle {
		text-align:center;
		margin:0 auto;
	} */

	/* Comparison Table */
	#comparison-table {
		width:100%;
		font-size:100%;
	}

	.pricing h2 {
		font-size: 2em;
	}

	.comparison-table-wrapper {
		padding: 10px;
	}

	.comparison-table th,
	.comparison-table td {
		padding: 10px;
	}


	.title2025 {
		margin:0;
	}

	.title2025 h3 {
		font-size: 200%;
	}

	#pricing .container {
		font-size:110%;
	}



	.pricing-switcher {
		margin: 0 auto 2rem auto;
	}

	.pricing-switch {
		padding: 1rem 1rem;
		font-size: 100%;
	}



	/* .intertitialSubtitle {
		text-align: center;
	} */

	.footer-container {
		font-size: 120%;
	}

	.mainTitle2025 h1 {
		font-size: 160%;/* 200% */
		margin-bottom:0;

	}

	.mainTitle2025 h2 {
		font-size:150%;
	}

	.h3separator {
		display:none;
	}

	/* Category Pages CSSs 2025 */
	.category_banner_2025 .NEWHOMEh12025, .category_banner_2025 .NEWHOMEh22025 {
		text-align:center;
	}

	.catSearchForm2025 {
		justify-content: stretch;
		align-items: stretch;
		width:100%;
	}

	.searchboxcatsm {
		margin:0;
		font-size:90%;
		border-radius:0;
	}

	.searchInput5 {
		width:100%;
		margin:0;
	}

	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:25px;
	}

	.searchInput2 .SearchBar-clearSearch  {
		top:0px;
	}

	.NEWsrchnw {
		margin:0;
	}



	.badgeShimmer {
		text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.3);
	}

	.middle-page-ad-2025 .middle-page-ad-content {
		padding:0 20px;
	}

	.middle-page-ad-content h2 {
		font-size:160%;
	}

	.middle-page-ad-content p {
		display:none;
	}

	.middle-page-ad-content a {
		margin-top:15px;
	}

	.comments-container-2025 {
		font-size:110%;
	}

	.featured_vertical_list {
		padding:10px;
	}

	.NEWHOMEh12025 {
		margin-left:0;
	}

	.feedback-icons {
		margin:0;
	}

	/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */

	.searchResultsContent2025 {
		padding:0;
	}


	.searchResultsRightColumnBottomInner {
		padding: 0;
		border:0;
	}

	.searchResultsRightColumnBottom h2 {
		margin: 0 0 20px 10px;
	}

	.results-header {
		flex-direction: column;
		gap:20px;
	}

	.showing-results {
		display:block;
		/* background-color: #f0f0f0;
		padding:10px;
		border-radius:5px; */
		/* border-bottom:1px solid #ddd;
		padding-bottom:10px; */
		order:2;
		margin:0 5px;


	}

	.sort-by {
		display:flex;
		flex-direction:row;
		gap:10px;
		justify-content:center;
		align-items:center;
		background-color: #f0f0f0;
		padding:10px;
		box-sizing: border-box;
		width:100%;
		order:1;

	}

	.iconFix {
		vertical-align: top;
	}

	#searchResults2025 tr:first-child {
		border-top:1px solid #ddd;
	}

	#searchResults2025 tr:last-child {
		border-bottom:1px solid #ddd;
	}

	.cart-icon {
		position: relative;
		z-index: 2;
	}


	.pagination {
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box; /* Add this to include padding in width calculation */
	}

	.back-to {
		display:none;
	}


	/* Keep this last! */
	.hideRESP558 {
		display:none;
	}

	.showRESP558 {
		display:block;
	}

	.showRESP558il {
		display:inline;
	}

	/* slider icions size control for mobile */
/*
	.item_list li a, .item_list_icon img {
		width:150px;
		height:212px;
	}

	.item_list_title {
		font-size:90%;
	} */



	.item_list_container_header {
		margin-left: 10px;
	}

	.scroll_container {
		margin:0;
	}

	/* Other stuff */

	.featured_item_details {
		font-size:130%;
	}

	.intertitialFrame #search2025 {
		min-width:auto;
	}

	.intertitialSearch {
		width:100%;
	}

	.intertitialSearchFrame {
		padding:20px 5px;
	}

	.item_list li a {
		height:300px;
	}

	.newsletter.forInterstitial {
		min-width:auto;
		width:95vw;
	}

	.noPaddingRESP {
		padding:0!important;
	}

}

@media screen and (max-width: 500px) {
	/* Category Pages CSSs 2025 */
	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:20px;
	}
}

@media screen and (max-width: 450px) {
	/* Category Pages CSSs 2025 */
	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:18px;
	}
}

@media screen and (max-width: 425px) {

	.middle-page-ad-content h2 {
		display:none;
	}
}


@media screen and (max-width: 400px) {
	/* Category Pages CSSs 2025 */
	/* .searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:15px;
	} */

}

@media screen and (max-width: 380px) {
	/* Category Pages CSSs 2025 */
	/* .searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:11px;
	} */

	.catSearchForm2025 {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.searchInput5 {
		width:100%;
		margin:0;
	}
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

	/* For Responsive deisgn 2015 */
	/* To allow IE 10 or newer to display mmenu correctly... */
	html.mm-opened .mm-page #menumobheader {
		position: relative;
	}

	html.mm-opened .mm-page #prewrapper {
		margin-top: -50px;
	}
}

@media (pointer: coarse) {/* For touch devices */
    .scroll_arrow {
        /* Increase touch target size on touch devices */
        width: 56px;
        height: 56px;
        padding: 12px;
    }
}

@media (hover:hover) and (pointer:fine){/* Targets non-touch devices only */


	a:not(.NEWHOMEboxinnerbtout a):hover {
		color: #3399CC;
	}

	/* START OF NEW REDESIGN 2025 taken from category_2025.css */


	.mm_sub_column_sub li a:hover {
		background-color: #2c467e;
	}

	.mm_sub_more a:hover {
		background-color: #15223d;
	}

	.item_list li:hover {
		transform: translateY(-5px);
		transition: transform 0.3s ease;
	}

	.item_list li:hover .item_list_title {
		background: linear-gradient(to bottom, rgba(42, 62, 114, 0.9), rgba(16, 25, 45, 0.9));
	}

	.scroll_arrow:hover {
		background: rgba(48, 80, 149, 0.9);
	}

	.featured_items_2025 .featured_item:hover {
		transform: scale(1.05);
		transition: transform 0.3s ease;
	}

	.hero .NEWMBTopTargets a:hover {
		text-decoration: underline!important;
	}

	a.intertitialButton:hover {
		background-color: #15223d;
	}

	a.intertitialButton.mainBtn2025:hover {
		background-color: #6262A5;
		color:#fff;
	}

	/* a.intertitialButton.mainBtn2025:hover {
		background-color: #b05c01;
		color:#fff;
	} */


	.video-preview-container:hover .play-button-overlay {
		transform: translate(-50%, -50%) scale(1.1); /* Slightly enlarge on hover */
		opacity: 1;
	}

	.video-preview-container:hover .play-button-overlay circle {
		fill: rgba(0,0,0,0.85); /* Darker background on hover */
	}

	.video-preview-container:hover .play-button-overlay svg {
		filter: drop-shadow(0 6px 12px rgba(0,0,0,0.5)); /* Stronger shadow on hover */
	}

	.social-icon:hover {
		background-color: #ffffff;
	}

	.newsletter-submit:hover {
		background: #d94d1a;
	}

	.footer-column ul li a:hover {
		color: #ffffff;
	}

	.pricing-card:hover {
        transform: scale(1.05);
        cursor: pointer;
        border: 1px solid var(--accent-color);
    }

	.slide-button:hover, .pricing-switch:hover {
		color: #fff;
		background-color: #7c7cc8;
	}

	/*  Category Pages CSSs 2025 */
	a.featured-title-link:hover {
		color: #888;
	}

	.featured_item_image:hover:not(.noHover) {
		transform: translateY(-5px);
	}


}