/*!
Theme Name: Shree Music
Theme URI: http://underscores.me/
Author: Dirga Raj Lama
Author URI: http://lamadirga.com.np
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shree-music
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Shree Music is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('assets/font/font.css'); 
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}


body {
	margin: 0;
	font-family: "Montserrat", sans-serif;
}
@media (min-width: 1400px) { 
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1440px; } 

}
a {
	text-decoration: none;
	color: #233972;
}

h1, h2, h3, h4, h5, h6 {
	 font-family: 'Helvetica';
	 margin: 0px;
	 padding: 0px;
	 margin-bottom: 15px;
}
ul {
	margin: 15px 0px;
	padding: 0px;
	margin-left: 15px;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 18px;
}
.header {
	border-top: 2px solid #e11f27;
	padding: 8px 0;
}
.logo img {
	max-width: 75px;
	height: auto;
}

.main_nav {
	margin-top: 15px;
}

.head_right {
	margin-top: 15px;
}
.head_right ul {
	margin: 0px;
	padding: 0px;
}
.head_right ul li {
	list-style: none;
	display: inline-block;
	padding: 0 5px;
}
.head_right ul li a {
	color: #3f3f3f;
}
.head_right ul li:nth-child(2) {
 max-width: 74%;
}

.search_form {
	position: relative;
	max-width: 100%;
}
.search_form input {
	border: 1px solid #ddd;
	max-width: 100%;
	padding: 7px 10px;
}
.search_form .search_btn {
	position: absolute;
	z-index: 2;
	top: 7px;
	right: 10px;
	background: no-repeat;
	border: 0px;
	padding: 0px;
	font-size: 17px;
}
.dash_btn {
	border: 1px solid #ddd;
	width: 38px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.navbar-fixed {
  top: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
  background: #fff;
  border-bottom: 2px solid #e11f27;
  border-top: 0px solid #e11f27;
}

.default_cta {
	text-align: center;
}
.default_cta a {
	background: #e11f27;
	color: #fff;
	padding: 12px 25px;
	border: 2px solid transparent;
}
.default_cta a:hover {
	background: transparent;
	border: 2px solid #e11f27;
}
/*.......................... offcanvas..........................*/
.offcanvas-header {
	border-bottom: 1px solid #dadada;
	padding-bottom: 30px;
	margin-bottom: 15px;
}
.offcanvas_logo img {
	max-width: 250px;
	height: auto;
}
.desk_contactInfo h2 {
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
}

.dsk_con_row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
}
.dc_icon {
	margin-right: 10px;
}
.oc_social_icon {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #cdcdcd;
}
/*.......................... offcanvas..........................*/
/*....................... about Section ......................*/
.about_sec {
	padding: 45px 0;
}
.abt_content {
	text-align: center;
	margin-bottom: 30px;
}
.abt_content h1 {
	font-size: 36px;
	text-transform: uppercase;
}
.service_block {
	text-align: center;
}
.service_block h2 {
	font-size: 22px;
}
.service_block:hover,
.service_block:hover h2 {
	color: #e11f27;
}
.s_icon {
	width: 55px;
	height: 55px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.s_icon img {
	max-width: 100%;
	height: auto;
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.service_block:hover .s_icon img {
filter: inherit;
}
/*....................... about Section ......................*/
/*....................... strip ad Section ......................*/
.home_first_strip {
	background: #000 url(assets/images/home_first_strip_bg.webp) center center;
	background-size: cover;
	padding: 30px 0;
}
.fstrip_content {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
}
.strip_cta {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.strip_cta .default_cta a:hover {
	background: transparent;
	border: 2px solid #e11f27;
}

.videos_section {
	padding: 45px 0;
}
.first_ad_block {
	height: 390px;
	overflow: hidden;
	position: relative;
}
.first_ad_block img {
	max-width: 100%;
	height: auto;
}
.first_ad_block::before {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg,rgba(8, 18, 44, 0.95) 24%, rgba(8, 18, 44, 0) 100%);
	content: '';
}
.block_info {
	position: absolute;
	left:0px ;
	z-index: 2;
	width: 100%;
	bottom: 20px;
	padding: 15px 30px 0 30px;
	color: #fff;
}
.block_info h3 {
	color: #e11f27;
	font-size: 22px;
}

/*....................... Feature Section ......................*/
.videos_sec {
	background: #ffffff;
	min-height: 390px;
	box-shadow: 0 0 18px #f0f0f0;
	border: 2px solid #d7d7d7;
	max-height: 390px;
	overflow: hidden;
}
 

.main-video {
  width: 100%;
  height: 390px;
  background: #000;
}

.main-video iframe {
  width: 100%;
  height: 100%;
}

.right_videos {
  max-height: 390px;
  overflow-x: auto;
}

.video_list {
  padding: 12px;
  padding-left: 0px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  transition: background 0.3s;
}

.video_list:hover,
.video_list.active {
  background: #f5f5f5;
}

.video_thumb img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  background: #000;
}

.video_details h3 {
  font-size: 14px;
  margin: 0 0 5px;
  line-height: 1.3;
}

.video_details p {
  font-size: 12px;
  color: #777;
  margin: 0;
}
/*....................... Feature Section ......................*/
.owl-carousel {
	display: block;
}
/*....................... featured_artists ......................*/
.featured_artists {
	padding: 45px 0;
	background: #f6f6f6;
}
.featured_artists .container-fluid {
	max-width: 90%;
}

.featured_artists h2 {
	text-transform: uppercase;
	color: #171717;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.item_list {
    position: relative;
    max-height: 380px;
    background: #000;
    overflow: hidden;
    cursor: pointer;
}

/* Image zoom effect */
.item_list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Zoom image on hover */
.item_list:hover img {
    transform: scale(1.12);
}

/* Gradient overlay */
.item_list::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.9) 24%,
        rgba(0, 0, 0, 0) 100%
    );
    content: '';
    opacity: 0.8;
    transition: opacity 0.4s ease;
}

/* Slightly darker overlay on hover */
.item_list:hover::before {
    opacity: 1;
}

/* Artist info */
.artist_info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    color: #fff;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* Text slide-up effect */
.item_list:hover .artist_info {
    transform: translateY(-8px);
}

/* Optional: link styling */
.artist_info a {
    color: #fff;
    text-decoration: none;
}

.artist_info a:hover {
    text-decoration: underline;
}
#featured_artist .owl-prev,
#featured_artist .owl-next {
	position: absolute;
	top: 40%;
	font-size: 35px;
}
#featured_artist .owl-prev {
 left: -40px;
}
#featured_artist .owl-next {
 right: -40px;
}
.artist_info {
	position: absolute;
	left:0px ;
	z-index: 2;
	width: 100%;
	bottom: 20px;
	padding: 15px 30px 0 30px;
	color: #fff;
}
.artist_info h3 {
	font-size: 20px;
}
.artist_info h3 a {
	color: #fff;
}
/*....................... featured_artists ......................*/
/*....................... bottom scrip banner ......................*/
.btom_strip_section {
	padding: 45px 0;
}
.strip_block {
	padding: 30px;
	background: #0e1f49;
	min-height: 100px;
}
.strip_block .left_content {
 color: #fff;
 font-size: 22px;
}
.strip_block .left_content h2 {
	font-size: 36px;
}
.right_contact_info {
	color: #fff;
	padding-left: 45px;
	border-left: 1px solid #3a5190;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.ph_num_cta {
	display: flex;
	align-items: center;
}
.pho_number {
	margin-right: 60px;
	font-size: 32px;
	font-family: 'Helvetica';
}
/*....................... bottom scrip banner ......................*/
/*.......................footer ......................*/
.footer {
	min-height: 200px;
	background: #000 url(assets/images/footer_bg.webp) center center;
	background-size: cover;
}
.f_top {
	border-bottom: 1px solid #253e75;
	padding: 20px 0;
}
.f_mid {
	border-top: 1px solid #0c1b3d;
	border-bottom: 1px solid #253e75;
	min-height: 150px;
	padding: 30px 0;
}
.foot_block h2 {
	color: #fff;
	font-size: 26px;
}
.foot_block ul {
	margin: 0px;
	padding: 0px;
}
.foot_block ul li {
	list-style: none;
	position: relative;
	padding: 5px 0;
	padding-left: 15px;
}
.foot_block ul li::before {
	content: '\f0da';
	position: absolute;
	left: 0px;
	top: 4px;
	color: #cb0202;
	font-family: fontawesome;
}
.foot_block ul li a {
	color: #fff;
}
.c_row {
	color: #fff;
	margin-bottom: 12px;
}
.c_row i {
color: #cb0202;
margin-right: 10px;
}
.f_bottom {
	border-top: 1px solid #0c1b3d;
	padding: 15px 0;
}
.social_label {
	color: #fff;
}
.copy_right {
	color: #fff;
}
.fnav_item ul {
	text-align: right;
}
.fnav_item ul li {
	list-style: none;
	display: inline-block;
	padding: 0 10px;
	border-right: 1px solid #fff;
}
.fnav_item ul li:last-child {
	border-right: 0px solid #fff;
}
.fnav_item ul li a {
	color: #fff;
}
/*.......................footer ......................*/
/*.......................Common Page ......................*/
.main_sec {
	padding: 45px 0;
}
.bread_crumb_bann {
	background: #172957;
	padding: 15px 0;
	color: #fff;
}
.bread_crumb_bann p {
	margin: 0px;
}
.breadcrumb_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.breadcrumb_content a {
	color: #fff;
}
/*.......................Common Page ......................*/
/*.......................about Page ......................*/
.abt_thumb img {
	max-width: 100%;
	height: auto;
}

/*.......................about Page ......................*/
/*.......................artist/bands ......................*/
.page_content {
	margin-bottom: 30px;
}
.artist_page .item_list {
	margin-bottom: 30px;
}
.page_content h1 {
	text-transform: uppercase;
}
/*.......................artist/bands ......................*/
/*.......................Contact Page ......................*/

.contact_sidebar {
	background: #172957;
	padding: 30px;
	box-shadow: 0 0 20px #ececec;
	margin-left: 30px;
	margin-bottom: 30px;
}
.contact_sidebar h2 {
	color: #fff;
}
.con_row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.c_icon {
	font-size: 16px;
	margin-right: 10px;
	margin-top: 8px;
	width: 35px;
	height: 35px;
	text-align: center;
	background: #fff;
	color: #172957;
	display: flex;
	align-items: center;
	justify-content: center;
}
.c_details {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.c_details p {
	margin: 0px;
	padding: 0px;
	line-height: 24px;
}
.c_details span {
	font-weight: normal;
	font-size: 15px;
	font-style: italic;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
	padding: 10px 0 !important;
}

/*.......................Contact Page ......................*/
.sidebar_mob_nav {
	display: none;
}
.elementor-heading-title {
	margin-bottom: 20px;
}
.music-contact {
    max-width: 600px;
}

.music-contact .subtitle {
    color: #e11d48;
    font-weight: 600;
    letter-spacing: 1px;
}

.music-contact h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
}

.music-contact p {
    color: #555;
}

.contact-box {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    align-items: flex-start;
}

.contact-box .icon {
	background: #f4e9e9;
	border-radius: 3px;
	font-size: 26px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	color: #cf2e2e;
}

.contact-box p {
    margin: 0;
    color: #999;
}
/*............global css................*/
.elementor-widget-image-box .elementor-image-box-img img {
	display: block;
	line-height: 0;
	margin: 0 auto;
}
.elementor-140 .elementor-element.elementor-element-80832af.elementor-position-top .elementor-image-box-img {
	margin-bottom: 10px !important;
}

/*............global css................*/

@media (min-width: 240px) and (max-width: 480px) {
.container {max-width: 98%}
.head_right {margin-left: -15px;}
.head_right ul {margin-left: -10px;}
.head_right ul li:nth-child(2) {max-width: 60%;}
.right_contact_info {padding: 30px 0; padding-left: 45px;}
.pho_number {margin-bottom: 30px;}
.ph_num_cta {flex-wrap: wrap;}
.foot_block {margin-bottom: 15px;}
.right_contact_info {border: none; padding-left: 0px;}
.featured_artists h2 {font-size: 24px;}
.pho_number {margin-right: 0px;font-size: 28px;}
.right_contact_info {padding: 30px 0;padding-left: 0px;}
.pho_number {margin-bottom: 30px;}
 .ph_num_cta {flex-wrap: wrap;}
 .foot_block {margin-bottom: 15px;}

}

@media (min-width: 481px) and (max-width: 575px) {
 .container {max-width: 480px !important;}
.fstrip_content {
	text-transform: inherit;text-align: center;font-size: 18px;margin-bottom: 30px;}
.featured_artists h2 {font-size: 24px;}	
.right_contact_info {padding: 30px 0;padding-left: 45px;}
.pho_number {margin-bottom: 30px;}
 .ph_num_cta {flex-wrap: wrap;}
.right_contact_info {padding-left: 0px;border-left: 0px solid #3a5190;}

}
@media (min-width: 576px) and (max-width: 640px) {
 .container {max-width: 480px}
.fstrip_content {
	text-transform: inherit;text-align: center;font-size: 18px;margin-bottom: 30px;}
.featured_artists h2 {font-size: 24px;}	
.right_contact_info {padding: 30px 0;padding-left: 45px;}
.pho_number {margin-bottom: 30px;}
 .ph_num_cta {flex-wrap: wrap;}
}
@media (min-width: 640px) and (max-width: 767px) {
.fstrip_content {
	text-transform: inherit;text-align: center;font-size: 18px;margin-bottom: 30px;}
.featured_artists h2 {font-size: 24px;}	
.right_contact_info {padding: 30px 0;padding-left: 45px;}
.pho_number {margin-bottom: 30px;}
 .ph_num_cta {flex-wrap: wrap;}
}
@media (min-width: 240px) and (max-width: 768px) {
 .desk_contactInfo {display: none;}
 .offcanvas-header {margin-bottom: 0px;}
 .main_nav {display: none;}
 .sidebar_mob_nav {display: block;}
 .fnav_item ul {text-align: center;margin-top: 20px;}
.copy_right {text-align: center;}
.social_label {text-align: center;}
ul.cnss-social-icon {text-align: center !important;}
.strip_block .left_content h2 {font-size: 28px;}
.strip_block .left_content {font-size: 18px;}
.first_ad_block {margin-bottom: 30px;}
.contact_sidebar {margin-left: 0px;}
.c_details {font-size: 15px;}
.videos_sec {border: none;}

}

@media (min-width: 1200px) and (max-width: 1366px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 9px;font-size: 16px;}
.head_right ul li:nth-child(2) {max-width: 65%;}
.fstrip_content {font-size: 20px;}
.first_ad_block {
	height: 390px;}
.videos_sec {
	max-height: 390px;
	overflow: hidden;
}
.strip_block .left_content {
	font-size: 18px;
}

}

@media (min-width: 1367px) and (max-width: 1440px) {
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 9px;font-size: 16px;}
.head_right ul li:nth-child(2) {max-width: 65%;}
.fstrip_content {font-size: 20px;}
}