/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */

/* ================================= Custom CSS ================================= */
nav.site-navigation-dropdown.show a { background: #9a041e !important; color: #ffffff !important; }
.site-navigation ul.menu li a { text-decoration: none; }
i.eicon-menu-bar { margin-top: -5px; }
.eicon-menu-bar:before { content: "☰" !important; color: #ffffff; font-size: 26px; font-style: normal !important; }
.site-navigation-toggle-holder { margin-left: 10px; padding: 0px; }
.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before { content: "x" !important; font-family: sans-serif; color: #ffffff; font-size: 26px; font-style: normal !important; }
li.menu-item a div { color: #ffffff !important; font-weight: 500; }
ul.menu { margin-bottom: 0px; }

img.custom-logo { width: 200px; }

/* Website Header */
.site-header .site-navigation { justify-content: flex-start; }
.site-header .header-inner { align-items: center; }
.main-header-extra-class { display: flex; justify-content: space-between; align-items: center; }
/* .eicon-menu-bar:before { content: "\e816" !important; font-size: 26px !important; color: #ffffff; } */
/* .site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before { content: "\e87f" !important; color: #ffffff; } */
header#site-header { padding: 0px; background: #9A031E; position: sticky; top: 0; z-index: 99; }
.site-header .header-inner { padding: 5px 0px; }
.header-top { width: 100%; background: #FB8B24; }
select#language-select { background: #FB8B24; color: #fff; border: none; font-size: 16px; text-align: right; }
/* nav.site-navigation-dropdown.show a { color: #000 !important; } */
header button#searchsubmit { background: #620705; width: auto; padding: 10px; }
header select#city { height: 40px; border-bottom: none !important; background: #ffffff; }
header input.search-field { height: 40px; border-bottom: none !important; }
ul#menu-primary-menu { margin-bottom: 0; }
ul#menu-primary-menu a { color: #fff !important; font-weight: 600; }
ul#menu-primary-menu a:hover { text-decoration: none; }

/* Common CSS */
/*body { background-color: #fef6ec; } */
.page-id-2, h4 { font-family: "Open Sans", Arial, sans-serif; }

.marathi_lang { display: block; }
.en_lang { display: none; }
.hi_lang { display: none; }

/* Header CSS */
/* .home .cst-header { position: fixed; top: 0; background-color: #5F0F4050 !important; } */
.cst-header { background-color: #5F0F40 !important; }
.site-navigation-toggle-holder .site-navigation-toggle { width: 38px !important; }
.header-inner.header-bottom { justify-content: center; }

/* Search Bar CSS */
form.search-form { display: flex; align-items: center; }
input::placeholder { font-size: 14px; }
/* .search-ico { padding: 10px; width: 45px; height: 45px; position: absolute; } */
/* i.fa.fa-search.search-ico { font-size: 20px; } */
.header-search-form { width: 70%; }

input.search-field { height: 40px; border-radius: 5px !important; margin-right: 10px; background-color: #f2f2f2; border: none !important; border-bottom: 1px solid #620705 !important; background: #ffffff; }
input.search-field::placeholder, select#parent-city::placeholder, select#child-city::placeholder { color: #545454; font-size: 14px; }

select#city, select#parent-city, select#child-city { height: 40px; border-bottom: 1px solid #620705 !important; border: none; margin-right: 10px; border-radius: 5px; background: #ffffff; font-size: 14px; color: #545454; }
form#searchform { display: flex; }
button#searchsubmit { background-color: #620705; border: none; border-radius: 4px; display: flex; color: #ffffff; font-weight: 600; width: 20%; justify-content: center; font-size: 16px !important; line-height: 1.4 !important; }
button#searchsubmit:hover { background-color: #163757; }
img.searchbar-icon { width: 30px; }

.frm-back .elementor-widget-container { background: #ffffff50; backdrop-filter: blur(7px) !important; }

/* Temple Grid CSS */
.temple-grid-format { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
.temple-block { width: 30%; border-radius: 15px; padding: 15px; border: 1px solid #FB8B24; background-color: #FFDDBE; text-align: center; box-shadow: 0px 0px 8px #00000050; }
.temple-data p { font-size: 12px; }
.temple-data a { text-decoration: none !important; }
.temple-data h5 { font-weight: 600; margin: 0px 0px 10px; color: #9A031E; text-align: center; font-size: 16px; }
.temple-data img { border-radius: 10px; box-shadow: 0px 0px 8px #00000030; border: 1px solid #FB8B24; }
.view-details-btn { padding: 5px; background: #9A031E; color: #ffffff; border-radius: 5px; display: block; text-align: center; font-weight: 600; font-size: 14px; margin-top: 5px; transition: 0.5s; text-decoration: none !important; }
.view-details-btn:hover { background: #FB8B24; color: #000; transition: 0.5s; }
.temple-excerpt p { font-size: 12px; text-align: center; }
.gall figcaption { margin-top: -28px !important; background: #00000075; position: relative; border-radius: 0px 0px 15px 15px; color: #ffffff !important; }
.about-cities img { border: 1px solid #FB8B24 !important; border-radius: 17px; box-shadow: 0px 0px 8px #00000050; }

/* Gallery CSS */
.gall .elementor-animated-content .elementor-animated-item--fade-in { opacity: 1 !important; background: #00000099; font-weight: 400; }

/* Single Template */
.lSAction > a { opacity: 1 !important; }
.site-footer { background-color: #620705; }

/* Website Footer */
/* footer .cst-foot { background: #9B031E !important; } */

.post-feature-image { width: 100%; height: 205px; background-size: cover; background-position: center; border-radius: 10px; border: 1px solid #fb8b24; margin-bottom: 5px; }


/* Mobile CSS */
@media only screen and (max-width: 600px) {
	.post-feature-image { height: 150px; }
	
	.site-navigation-dropdown a { padding: 10px !important; }
	header .header-search-form form { display: inline-flex; justify-content: center; align-items: baseline; width: 100%; gap: 10px; }
	.header-inner.header-bottom { text-align: center; }
	.header-search-form { width: 100% !important; padding: 0px 5px; }
	.header-top { padding: 0px 10px; }
	.temple-block { width: 45%; padding: 5px; border-radius: 10px; }
	.temple-data img { border-radius: 7px; }
	.view-details-btn { padding: 2px; }
	.temple-excerpt p { font-size: 10px; }
	form.search-form { display: block; }
	button#searchsubmit { width: 100%; }

	.gall figcaption { margin-top: -22px !important; }
	header button#searchsubmit { height: auto; }
	
	.temple-data h5 { font-size: 14px; font-weight: 500; }
    
    input.search-field, form.search-form select { height: 30px !important; padding: 0px; font-size: 12px !important; margin-right: 5px !important; }
    button#searchsubmit { font-size: 12px !important; padding: 7px !important; }
    header input.search-field::placeholder { font-size: 12px; padding: 5px; }
}


/* CSS 22 March 2025 */
/* .temple-details .mr_lang.dis_lang:not(:has(img))::after {
    content: "ही सामग्री इंग्रजीमध्ये उपलब्ध आहे. कृपया हेडरमधून भाषा बदला.";
    display: block;
    font-size: 26px;
    font-weight: bolder;
    text-align: center;
    font-family: auto;
}
.temple-details .en_lang.dis_lang:not(:has(img))::after {
    content: "This content is available in Marathi. Please change the language from the header.";
    display: block;
    font-size: 26px;
    font-weight: bolder;
    text-align: center;
    font-family: auto;
}
}
.temple-details .hi_lang.dis_lang:not(:has(img))::after {
    content: "यह सामग्री किसी अन्य भाषा में भी उपलब्ध है। कृपया हेडर से भाषा बदलें।";
    display: block;
    font-size: 26px;
    font-weight: bolder;
    text-align: center;
    font-family: auto;
} */