html,body{height:100%;}
body{
	background: #fff;
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #797979;
	position: relative;
	min-width: 320px;
	text-align: left;
	font-size: 16px;
}

/*********************************header*************************************/
header {
    width: 100%;
    position: relative;
    background: #191919;
    padding: 15px 20px 0;
}

header .indent-bottom {
    padding-bottom: 12px;
    width: 100%;
}

/* Logo styles */
h1 {
    float: left;
    padding-left: 54px;
}

h1 a {
    display: block;
    width: 390px;
    height: 50px;
    background: url("../images/logo.png") 3px 0 no-repeat;
    text-indent: -100%;
    white-space: nowrap;
    overflow: hidden;
}

h1 a:hover{text-decoration:none;}
	
h1 > span{
	display:block;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top:7px;
	font-size: 18px;
	text-align: center;
}

/********************************* Content **********************************/
#content{
    width:100%; 
    padding:10px 0 61px; 
    border-bottom:1px solid #c7c7c7;
    box-sizing: border-box;
}
#page1 #content{ padding:10px 0 61px;}

/* ---------- Tags ---------*/
h3{
    font: normal 35px/42px 'Open Sans Condensed', sans-serif; 
    color:#191919; 
    border-bottom:1px solid #c7c7c7; 
    padding:7px 0 17px 53px;
}
h3.icon-1{background:url("../images/title-icon1.png") 0 0 no-repeat;}
h3.icon-2{background:url("../images/title-icon2.png") 0 0 no-repeat;}
h3.icon-3{background:url("../images/title-icon3.png") 0 0 no-repeat;}
h3.icon-4{background:url("../images/title-icon4.png") 0 3px no-repeat;}
#page3 h3, #page4 h3, #page6 h3{font-size:40px; padding:5px 0 19px 53px;}

h4{font: normal 35px/42px 'Open Sans Condensed', sans-serif; color:#191919; padding-top:7px;}
h5{font-weight:normal; color:#b4b4b4;}
h6{font-weight:bold; color:#191919;}
h6 a{color:#191919;}

p, .p3-1{margin-bottom:18px}
.p0{margin-bottom:0;}
.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
.p3{margin-bottom:15px;}
.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
.p9{margin-bottom:45px;}	.p9-1{margin-bottom:47px;}

a{color:#191919; outline:none; cursor:pointer; text-decoration:none;}
a:hover{
    text-decoration: underline;
    font-size: 13px;
    color: #FF0000;
}

blockquote{width:100%;}
.quote-caption{text-align:right;}
time{display:block; font:normal 24px/29px 'Open Sans Condensed', sans-serif; color:#191919;}

/*----- Global Structure -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{
    width:100%;
    overflow:hidden;
    position:relative;
    background-color: #FFFFFF;
}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.img-indent{float:left; margin-right:20px;}
.img-indent2{float:left; margin-right:10px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}

.caption{font-size:12px; line-height:15px; color:#4f4f4f;}
.lable{display:block; float:left; width:28px; margin-right:3px; font:18px/22px Arial, Helvetica, sans-serif; color:#191919; text-transform:uppercase;}
.font-1{line-height:18px;}

/*---------- Columns --------*/
.col-2x{float:left; width:134px; margin-right:20px;}

/*---------- Links ----------*/
.button{display:inline-block; font:normal 19px/23px 'Open Sans Condensed', sans-serif; color:#fff; word-spacing:2px; background:#2b2b2b; padding:11px 19px 13px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; cursor:pointer;}
.button:hover{text-decoration:none; background-color:#f0f0f0; color:#2b2b2b;}
.link-1{font-weight:bold; font-size:16px; line-height:20px; color:#83c00b;}
.link-1:hover{text-decoration:none; color:#191919;}

/*----------- Boxes ----------*/
.box1{border:1px solid #e9e9e9; font:12px/19px Arial, Helvetica, sans-serif; color:#8b8b8b; cursor: default;}
.box1:hover{background:#f0f0f0;}
.box1 .indents1{padding:13px 19px 16px;}
.box1 h6{display:inline;}
.box1 a:hover{text-decoration:none; color:#83c00b;}
.box2{background:#e6e6e6; font:13px/18px Arial, Helvetica, sans-serif; color:#787878; cursor:default;}
.box2:hover{background:#191919;}
.box2:hover h6 a{color:#fff;}
.box2 .indents1{padding:10px 11px 15px;}
.box2 h6{font-weight:normal; text-transform:uppercase;}

/*---------- Lists -----------*/
.list-1 li{background:url("../images/marker-1.png") 0 0 no-repeat; padding-left:30px; margin-bottom:4px; min-height:21px;}
.list-1 a{color:#797979;}
.list-1 a:hover{text-decoration:none; color:#83c00b;}
.list-2{background:#dedede; padding:17px 0;}
.list-2 li{font:bold 16px/20px Arial, Helvetica, sans-serif; }
.list-2 a{display:block; padding:0 30px;}
.list-2 span{display:block; padding:9px 0 10px; border-bottom:1px solid #bababa;}
.list-2 .last-item span{border-bottom:none;}
.list-2 a:hover{background:#191919; text-decoration:none; color:#fff; }
.list-2 a:hover span{border-bottom-color:#191919;}

/*---------- Borders ---------*/
.borders{border:1px solid #ccc;}
.border-bottom{border-bottom:1px solid #e9e9e9;}

/*---------- Indents ---------*/
.indent-top1{padding-top:5px;}
.indent-right4{padding-right:20px;}
.indent-right6{padding-right:30px;}
.indent-left1-1{padding-left:7px;}
.indent-bottom5{padding-bottom:25px;}
.indent-bottom11-1{padding-bottom:58px;}

/*--------Pretty photo-------*/
.lightbox-image {cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1;}
.lightbox-image img {position: relative; z-index: 1;}
.lightbox-image span {background: url("../images/magnify.png") no-repeat scroll 50% 50% transparent; display: inline-block; height: 100%; left: 0; padding: 0; position: absolute; top: -100%; width: 100%; z-index: 2;}

/*----------- Map ------------*/
#map iframe{width:274px; height:248px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dt{font-weight:bold; color:#191919; margin-bottom:20px;}
#map dl span {float:left; width:82px;}

/************************************** Footer *************************************/
footer{width:100%; font:12px/15px Arial, Helvetica, sans-serif; color:#989898; text-align:center; text-transform:uppercase; padding:21px 0 35px;}
footer a{color:#989898;}

/*--------- social icons -------*/
.social-icons{margin:0; list-style:none; padding-top:21px;}
.social-icons li{display:inline-block; margin-right:3px;}
.social-icons li a{display:block; height:32px; width:32px; background-image: url("../images/social-icons.jpg"); background-repeat: no-repeat; cursor:pointer; filter:}
.social-icons .icon-1 a{background-position:0 top;}
.social-icons .icon-2 a{background-position:-38px top;}
.social-icons .icon-3 a{background-position:-76px top;}

/* Gallery Styles */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    counter-reset: card; 
}

.gallery .title::before {
    content: counter(card) ". ";
    font-weight: bold;
    margin-right: 4px;
}

.gallery a {
    display: block;
    text-decoration: none;
    color: inherit;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    background: #fff;
    transition: transform 0.2s, box-shadow 0.2s;
    counter-increment: card; 
}

.gallery a:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.gallery .title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
    color: #222;
}

.gallery .desc {
    font-size: 14px;
    line-height: 1.4;
    color: #444;
}

/*=================================================================================*/
/* MOBILE RESPONSIVE STYLES */
@media only screen and (max-width: 995px) {
    img{width:100%; height:auto;}
    .hide1{display:none;}
    .img-indent-none1{
        float:none;
        margin-right:0;
        margin-bottom:10px;
        color: #000000;
        font-size: 18px;
        text-align: center;
    }
    p, .p3, .p3-1{margin-bottom:13px}
    .p0{margin-bottom:0;}
    .p1, .p1-1{margin-bottom:5px;}
    .p2, .p2-1{margin-bottom:5px;}
    .p4, .p4-1{margin-bottom:15px;}
    .p5, .p5-1{margin-bottom:20px;}
    .p6, .p6-1{margin-bottom:20px;}
    .p7, .p7-1{margin-bottom:25px;}
    .p8, .p8-1{margin-bottom:25px;}
    .p9, .p9-1{margin-bottom:25px;}
    .col-2x{width:108px;}
    
    h1{padding-left:40px;}
    #page3 h3, #page4 h3, #page6 h3{font-size:36px;}
    #page6 h3.icon-1{letter-spacing:-1px; word-spacing:2px;}
    .box2{height:340px; overflow:hidden;}
    #map iframe{width:234px;}
    .indent-right4,.indent-right6{padding-right:0;}
    .indent-left1-1{padding-left:0;}
}

@media only screen and (max-width: 767px) {
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .extra-marg-bot{
        margin-bottom:40px;
    }
    .hide2{display:none;}
    .last-col{margin-bottom:0 !important;}
    .even-last-item{margin-right:0 !important;}
    .img-indent-none2{float:none; margin-right:0; margin-bottom:10px;}
    .col-2x{width:200px;}
    
    .button{padding:8px 15px 10px;}
    .box2{height:auto;}
    #map iframe{width:418px;}
}

@media only screen and (max-width: 479px) {
    .hide3{display:none;}
    .col-2x{width:140px;}
    #map iframe{width:298px;}
}

/* ========== MOBILE LAYOUT FIXES ========== */
@media (max-width: 767px) {
    /* Fix logo truncation */
    header {
        padding: 10px 15px 0 !important;
        overflow: hidden !important;
    }
    
    header .indent-bottom {
        padding-bottom: 8px !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    h1 {
        width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 auto 10px !important;
        float: none !important;
    }
    
    h1 a {
        width: 280px !important;
        height: 36px !important;
        background-size: contain !important;
        background-position: center !important;
        margin: 0 auto !important;
        display: block !important;
        max-width: 100% !important;
    }
    
    /* Fix body content overflow */
    body, .wrapper, #content {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    #content {
        padding: 10px 15px 30px !important;
    }
    
    /* Fix images overflowing */
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* Fix text containers */
    .container, .content, .main-content, p, h1, h2, h3, h4, h5, h6 {
        max-width: 100% !important;
        word-wrap: break-word !important;
        box-sizing: border-box !important;
    }
    
    /* Mobile menu */
    nav {
        width: 100% !important;
        margin: 10px 0 0 0 !important;
        display: block !important;
        background: transparent !important;
    }
    
    .sf-menu.responsive-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 8px !important;
        max-width: 100% !important;
        background: transparent !important;
    }
    
    .sf-menu.responsive-menu li {
        display: inline-block !important;
        margin: 0 !important;
        background: transparent !important;
    }
    
    .sf-menu.responsive-menu li a {
        padding: 8px 12px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        background: #f0f0f0 !important;
        color: #333 !important;
        border: 1px solid #ccc !important;
        border-radius: 5px !important;
        text-decoration: none !important;
    }
    
    .sf-menu.responsive-menu li a:hover {
        background: #191919 !important;
        color: white !important;
    }
}

@media (max-width: 480px) {
    h1 a {
        width: 220px !important;
        height: 28px !important;
    }
    
    .sf-menu.responsive-menu li a {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }
    
    #content {
        padding: 10px 10px 20px !important;
    }
}

/* ========== DESKTOP SINGLE-ROW MENU ========== */
@media (min-width: 768px) {
    nav {
        float: right;
        margin-top: 10px;
    }
    
    .sf-menu.responsive-menu {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 20px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .sf-menu.responsive-menu li {
        display: inline-block;
    }
    
    .sf-menu.responsive-menu li a {
        display: block;
        padding: 8px 15px;
        color: white;
        text-decoration: none;
        font-size: 16px;
    }
    
    .sf-menu.responsive-menu li a:hover {
        background: #333;
        color: white;
    }
    
    .sf-menu.responsive-menu li.current a {
        background: #333;
        color: white;
    }
}/* ========== ULTRA-COMPACT DESKTOP MENU ========== */
@media (min-width: 768px) {
    nav {
        float: right;
        margin-top: 10px;
    }
    
    .sf-menu.responsive-menu {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 6px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .sf-menu.responsive-menu li {
        display: inline-block;
    }
    
    .sf-menu.responsive-menu li a {
        display: block;
        padding: 6px 10px;
        color: white;
        text-decoration: none;
        font-size: 13px;
        white-space: nowrap;
    }
    
    .sf-menu.responsive-menu li a:hover {
        background: #333;
        color: white;
    }
    
    .sf-menu.responsive-menu li.current a {
        background: #333;
        color: white;
    }
}/* ========== NO-GAP DESKTOP MENU ========== */
@media (min-width: 768px) {
    nav {
        float: right;
        margin-top: 10px;
    }
    
    .sf-menu.responsive-menu {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 0;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .sf-menu.responsive-menu li {
        display: inline-block;
        margin: 0 2px;
    }
    
    .sf-menu.responsive-menu li a {
        display: block;
        padding: 6px 8px;
        color: white;
        text-decoration: none;
        font-size: 13px;
        white-space: nowrap;
    }
    
    .sf-menu.responsive-menu li a:hover {
        background: #333;
        color: white;
    }
    
    .sf-menu.responsive-menu li.current a {
        background: #333;
        color: white;
    }
}/* ========== SLIGHTLY LARGER DESKTOP MENU ========== */
@media (min-width: 768px) {
    nav {
        float: right;
        margin-top: 10px;
    }
    
    .sf-menu.responsive-menu {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 0;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .sf-menu.responsive-menu li {
        display: inline-block;
        margin: 0 3px;
    }
    
    .sf-menu.responsive-menu li a {
        display: block;
        padding: 7px 9px;
        color: white;
        text-decoration: none;
        font-size: 14px;
        white-space: nowrap;
    }
    
    .sf-menu.responsive-menu li a:hover {
        background: #333;
        color: white;
    }
    
    .sf-menu.responsive-menu li.current a {
        background: #333;
        color: white;
    }
}/* ========== MOBILE VIEWPORT FIX ========== */
@media (max-width: 767px) {
    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .container_12, .wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    .grid_12 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    
    /* Ensure header and content are properly contained */
    header, #content, footer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    /* Specifically target any elements that might be causing overflow */
    body > * {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
}/* Add this to your existing CSS file */
.energy-miracles {
    text-align: center;
    color: #ff4500;
    font-size: 1.8rem;
    line-height: 1.6;
    margin: 30px auto;
    padding: 20px;
    background-color: #fffaf0;
    border-radius: 8px;
    border: 2px dashed #ffa500;
    max-width: 600px;
    box-shadow: 0 4px 8px rgba(255, 69, 0, 0.1);
}