.to_the_top {color:#CFAB78!important; border-color:#CFAB78!important; opacity:0.5;
		border-radius:8px}
.to_the_top:hover {opacity:1}

/* GENERAL ========== */
body {background:url('https://javierlopezmusic.com/jlmnew/wp-content/uploads/2025/09/bg.jpg') left top / 100% auto repeat-y; background-attachment:scroll}	
.hide {display:none!important}
.title-hide .widget-title {display:none}
.center {text-align:center}
strong, b {font-weight:600!important; color:#FFF!important}
hr {border:none!important; width:100%; height:3px; background:#fff; opacity:0.44; border-radius:3px}

.img-rad img {border-radius:15px}
.arena {color:#CFAB78!important}
.beige {color:#DED7CA!important}
.relative {position:relative}
.btn {background:transparent!important; font-size:20px!important; font-weight:400!important; padding:12px 20px;
		border:2px solid #FFF; border-radius:50px}
.btn:hover {border:2px solid #CFAB78}
p:last-child {margin-bottom:0!important}

/* HEADER ========== */
.headerclass {padding:0}
.headerclass .container {width:100%; padding:0; background:rgba(255, 255, 255, 0.16);
		border-radius:75px 15px 15px 75px}
.sf-menu li {border-bottom:3px solid transparent!important;}
.sf-menu li:hover, .sf-menu li.current_page_item {border-bottom:3px solid #CFAB78!important}
.sf-menu li:hover a, .sf-menu .current_page_item a {font-weight:500!important;}
.sf-menu li:last-child {border:none!important}
.sf-menu li:last-child i:hover {color:#CFAB78}
.sf-menu li a {padding:0 15px!important}
.sf-menu .dropdown {background:#1A1A1A!important; min-width:225px!important; padding:10px 5px;
	 border-radius:0 0 15px 15px; margin-top:3px!important; text-transform:uppercase}
.sf-menu .dropdown li {padding:20px 0 5px!important}

/*HOME ========== */
#hm-top-row .panel-grid-cell:last-child {background:rgba(255, 255, 255, 0.1)!important; padding:40px 25px;
		border-radius:15px;}
#hm-sld {border-radius:15px; overflow:hidden}
#hm-sld img {width:100%!important; height:auto!important}
#hm-youtube .videofit {border-radius:15px; overflow:hidden; margin:0 10px 25px 0;}
#hm-sld-serv img {width:100%; height:auto}

/* FILTER GALLERY ========== */
.sgwf_filter ul li a {font-family:"Oswald", sans-serif; font-weight:400; text-transform:uppercase!important;
		background:transparent!important; border-bottom:2px solid transparent;}
.sgwf_filter ul li a.active, .sgwf_filter ul li a:hover  {background-color:transparent!important; border-bottom:2px solid #CFAB78!important}
.sgwf-pagination {display:none!important}
.sgwf_c2tw_item {padding:5px!important;}
.sgwf_c2tw_iteminr {border-radius:9px; overflow:hidden!important; }
.sgwf_c2tw_iteminr a {transition: all .25s ease; transform:scale(1)}
.sgwf_c2tw_iteminr a:hover {transform:scale(1.1); opacity:0.75}
.sgwf_c2tw_item h3 {display:none!important}

/* SERVICIOS */
#hm-serv h4 {font-size:16px; line-height:2!important}
#hm-serv h4 span {color:#CFAB78!important; padding:0 15px}


/* DISCOGRAFIA CAROUSEL ========== */
.pcp-carousel-wrapper .sp-pcp-carousel {padding:40px 0 30px!important; border:0px solid yellow}
.sp-pcp-post .sp-pcp-post-thumb-area {border-radius:15px; overflow:hidden}
.sp-pcp-title a {border:none!important; line-height:1!important; text-align:center}
.pcp-carousel-wrapper .pcp-button-prev.top_left {top:-8px; text-align:left!important;}
.pcp-carousel-wrapper .pcp-button-next.top_left {top:-8px; right:0!important; left:auto!important;
		float:right!important; }
.swiper-pagination-bullets {bottom:0!important;}

/* CLIENTES ========== */
.page-id-409 #content img {border-radius:9px!important}

/* PORTFOLIO PÁGINAS ========== */
.sow-video-wrapper {padding-bottom:40px; margin-bottom:30px}
.container-vimeo a {border-radius:15px!important; border:0px solid #333!important}
.lazy-load-info {position:absolute; width:100%; bottom:-30px; text-align:center; padding:0!important;
	text-transform:capitalize!important}

/* BLOG ========== */
.single-post img {border-radius:15px;}
.archive #content {padding:60px 20%!important;}
.archive .imghoverclass {border-radius:15px; overflow:hidden}
.archive .blog_item .entry-content, .archive .blog_item footer {display:none}
.archive .blog_item header a h5 {color:#FFF; text-align:center; line-height:1.25}
.archive .blog_item header a:hover h5 {color:#CFAB78}

/* PROCESO PAGE ---------------------- */
.page-id-1583 article {background:transparent!important;}
.page-id-1583 article img {border-radius:15px}
.page-id-1583 .sow-entry-title {text-transform:uppercase; font-weight:400!important}
.page-id-1583 .sow-entry-content {position:relative;}
.page-id-1583 .sow-more-link {position:relative; bottom:-30px; margin-bottom:30px; left:30%; width:40%; text-align:center;
		font-size:20px!important; font-weight:400!important; color:#FFF!important; text-transform:uppercase;
		padding:10px 20px!important; border:2px solid #FFF!important; border-radius:50px;
		transition:border .0s ease-in-out!important;}
 .sow-more-link:hover {border-color:#CFAB78!important;}
.page-id-1583 .sow-more-link:after {content: ''; position:absolute; top:-40px; left:-50%; width:200%; height:3px;
		background:#fff; opacity:0.44; border-radius:3px}
.page-id-1583 .sow-more-link-arrow {display:none!important}


/* NOTICIAS ---------------------- */
.page-id-535 .main .kad_img_upload_widget	{width:100%; max-height:25vh!important; overflow:hidden;
		border-radius:9px;}
/* LIGHTBOX NEWS ========== */
.mfp-figure::after {top:0!important; bottom:0!important;}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {width:24px!important; height:24px!important;
		top:3px!important; right:3px!important; padding:0 4px 0 0!important; font-size:24px!important;
		line-height:0!important; color:white!important; background:red!important; border-radius:50%;}
img.mfp-img {padding:0!important;}
.mfp-bottom-bar {border:1px solid red!important; display:none!important}


/* CONTACTO ========== */
#contact-form label strong {color:#CFAB78!important; font-weight:400!important}
#contact-form textarea, #contact-form .sow-text-field {background:rgba(222, 215, 202, 0.3)}
#contact-form input:focus, #contact-form textarea:focus {background:rgba(222, 215, 202, 0.2)!important}
#contact-form button {background:transparent!important; padding:12px 50px!important; margin-top:40px}

/* FOOTER ========== */
#fotter-info i {font-size:15px; color:#000; background:#EDEDED; width:20px; height:20px;
		line-height:20px;	border-radius:3px; text-align:center; margin-right:5px}
#fotter-info a:hover i {background:#CFAB78;}
.kadence_social_widget a {font-size:24px; color:#000!important; background:#EDEDED; width:30px; height:30px;
		line-height:34px;	border:none; border-radius:3px;}
.footerclass {font-size:14.66px!important}
footer {margin:50px 15px!important}
footer h2 {margin:0!important}

.footerclass .menu li a {letter-spacing:0; border-bottom:none!important;}
.footercredits {color:#CFAB78; margin-top:50px;}



/*RESPONSIVE ========== */
@media (min-width:767px) {
	.contentclass {background:rgba(255, 255, 255, 0.06)!important; border-radius:15px}
	.container {width:90%; max-width:1300px}/* SITE WIDTH */
	#content {width:100%!important; padding:60px 40px!important; }
	.footerclass .container {width:100%!important;}
	#content p, #content p a {font-size:14.66px}
	h1, h2, h3, h4, p, li {line-height:1.4!important}
	h1, h2 {font-size:37.33px!important}
	h3 {font-size:24px!important}
	h4 {font-size:17.33px!important}		
	/* SCROLLBAR */
	* {scrollbar-width:thin; scrollbar-color:#CFAB78 #73624A;} /* Firefox */
	*::-webkit-scrollbar {width:12px;} /* Otros */
	*::-webkit-scrollbar-track {background:#73624A;}
	*::-webkit-scrollbar-thumb {background-color:#CFAB78; border-radius:20px; border:3px solid #73624A;}		
	#hm-youtube {height:700px!important; overflow-y:auto;}
	.sgwf_filter ul li a {font-size:24px!important;}
	#serv-sld-txt {position:absolute; top:25%; left:50px; width:30%; text-align:justify}
	footer, footer p, footer a {font-size:16px!important;}	
	.kadence_social_widget a {margin:0 12px 0 0}		
}
@media (max-width:766px) {
	.desk {display:none!important}
	#content p, #content p a {font-size:13px}
	h1, h2, h3, h4, p, li {line-height:1.4!important}
	h1, h2 {font-size:24px!important}
	h3 {font-size:19px!important}
	h4 {font-size:16px!important}			
	#hm-youtube {height:400px!important; overflow-y:auto;}
	.sgwf_filter ul li a {font-size:18px!important; line-height:1!important; padding:0 5px!important;}
	.footercol1, .footercol2 {margin-bottom:40px}
	.footercol1 {text-align:center}
	#firma {width:180px; height:auto; padding:40px 0}

}

@media (max-width: 480px) {
	#inner-wrap #content .main {padding:0 10px!important}	
	.sgwf_come2theweb .sgwf_come2thewe_cnt .sgwf_c2tw_item {width:50%;}
	.clientes img {width:70%; margin-left:15%}
	.kadence_social_widget {text-align:center!important;}		
	.kadence_social_widget a {text-align:center!important; margin:2px!important}
}



/* STANDBY
border:1px solid red;


*/


/*bg-test ========== */
.page-id-1518 #content {height:500vh}
.page-id-1518 {
background:url('https://javierlopezmusic.com/jlmnew/wp-content/uploads/2025/08/bg-test.jpg') left top / 100% auto repeat-y; background-attachment:scroll;}
/*bg-test2 ========== */
.page-id-1523 #content {height:500vh}
.page-id-1523 {
background:url('https://javierlopezmusic.com/jlmnew/wp-content/uploads/2025/08/bg-test.jpg') left top / 100% 100% no-repeat; background-attachment:fixed;}