@import url("rwd.css");
/*Overrides*/
h1 {
	color: #604844;
    text-decoration: none;
    font-family: 'open sans' , sans-serif;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: 0.1px;
    padding-bottom: 10px;
    font-style: normal;
    line-height: 100%;
}
body, textarea, select
{
    font-family: 'open sans' , sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 170%; 
}
.inPageHeading
{
    font-family: 'Barlow Condensed' , sans-serif;   
    font-size:30px;
    font-weight: 800;
    font-style: normal;
    line-height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 18px;
    margin-bottom: 10px;
    border-left: 5px solid #cccccc;
    padding-left: 6px;
    vertical-align: middle;
    color:#737373;

}
.h1BottomBorder
{
    background-color:red;
}
/*Overrides*/
.sectionheading
{
    font-size: 1.4em;
    font-style: normal;
    font-weight: bold;
    color: #9F7D25;
    text-decoration: none;
}
@media only screen and (max-width: 400px)
{
	.sectionheading
	{
		font-size: 1.2em;
	}
}
A{text-decoration: none}

.srimenusep
{
	color:#000000;
}
.sriinnermarginor
{
    margin-top: 2px;
}
.sriinPageHeading
{
    font-size:1.8em;
    font-weight:500;
    padding-top: 10px;
}
@media only screen and (max-width:700px)
{
    .sriinPageHeading{font-size:1.5em}
}
@media only screen and (max-width:500px)
{
    .sriinPageHeading{font-size:1.2em}
}
@media only screen and (max-width:320px)
{
    .sriinPageHeading{font-size:1em}
}
/******************************************
******Header Banner Mouseover Start********
******************************************/
.sri-block
{
	width: 100%; 
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	background-repeat: no-repeat; 
	background-size: cover; 
	padding-bottom: 30.69230769230769%;
	background-color: #999999; 
	background-position: center; 
	display: flex; 
	justify-content: center;
	align-items: center;
	position: relative;
}
/* Retina display */
@media screen and (min-width: 1024px){
    .sri-block{
        background-image: url(image5/others/temple/jagannathtemple-1300px.jpg);
    }
}
/* Desktop */
@media screen and (min-width: 980px) and (max-width: 1024px){
    .sri-block{
        background-image: url(image5/others/temple/jagannathtemple-1024px.jpg);
    }
}
/* Tablet */
@media screen and (min-width: 760px) and (max-width: 980px){
    .sri-block{
        background-image: url(image5/others/temple/jagannathtemple-980px.jpg);
    }
}
/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 760px){
    .sri-block{
        background-image: url(image5/others/temple/jagannathtemple-760px.jpg);
    }
}
/* Mobile LD */
@media screen and (max-width: 350px){
    .sri-block{
        background-image: url(image5/others/temple/jagannathtemple-350px.jpg);
    }
} 

.sri-block .navigation-popup
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
}
.sri-block .navigation-popup .navigation-title
{
	position: absolute;
	top: 50%;
	bottom: 20px;
	right: 10px;
	margin-top: -25px;
	width:100%;
	text-align:center;
}
.sri-block .navigation-popup .navigation-title h3
{
	margin-bottom: 8px;
	color: #FCC72C;
	font-weight: bold;
	font-size: 40px;
}
.sri-block .navigation-popup .navigation-title span
{
	color: #fff;
	font-weight: normal;
	font-size:20px;
}
.sri-block:hover
{
	-webkit-transform: scale(1.00);
	-moz-transform: scale(1.00);
	-o-transform: scale(1.00);
	transform: scale(1.00);
}
.sri-block:hover .navigation-popup
{
	opacity: 1;
}  
@media only screen and (max-width: 768px)
{
	.sri-block .navigation-popup .navigation-title h3
	{
		font-size: 28px;
	}
	.sri-block .navigation-popup .navigation-title span
	{
		font-size:15px;
	}
}
@media only screen and (max-width: 500px)
{
	.sri-block .navigation-popup .navigation-title h3
	{
		font-size: 18px;
	}
	.sri-block .navigation-popup .navigation-title span
	{
		font-size:12px;
	}
}

/******************************************
******Header Banner Mouseover End********
******************************************/

/******************************************
******Image Columns Start********
******************************************/
.shreeImageContainer
{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.shreeImageColumns
{
    width: 90%;
    display: inline-block;
}
.shreeImageColumn
{
    margin: 5px 5px 5px 5px;
    overflow: hidden;
    float: left;
    width: 22%;
    text-align: center;
}
.shreeImageColumnItem
{
    width: 100%;
    border-top: 1px dotted #999999;
    border-left: 1px dotted #999999;
    border-right: 1px dotted #999999;
}
.shreeImageColumnItemCaption
{
    width: 100%;
    border-left: 1px dotted #999999;
    border-right: 1px dotted #999999;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #eeeeee;
    color: #000000;
}
@media only screen and (max-width: 450px)
{
    .shreeImageColumn
    {
        width: 70%;
        float: none;
    }
}

/******************************************
******Image Columns End********
******************************************/

/******************************************
******Page Menu Start********
******************************************/
.kitchenmenu
{
    background-color: #ffffff;
    margin: 3px 5px 3px 5px;
    font-weight: bold;
	overflow: hidden;
    text-align: center;
    float: left;
    width:95%;
    line-height: 30px; 
    text-transform: uppercase;
}
.kitchenmenuselected
{
    background-color: #ffffff;
    margin: 3px 5px 3px 5px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    float: left;
    width:95%;
    line-height: 30px;
    text-transform: uppercase;
    color: #999999;
}
.kitchenmenu a
{
    color: rgb(9, 32, 243);
    text-decoration: underline;
    text-decoration-color: rgb(9, 32, 243);
    -webkit-text-decoration-color: rgb(9, 32, 243);
    text-underline-position: under;
    text-decoration-thickness: 2px;
}
.kitchenHeader
{
    width: 100%;
    overflow: hidden;
}
.kitchenHeader-menu
{
    width: 100%;
    overflow: hidden;
    float: left;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 10px;  
    border-bottom: 1px dotted #999999;  
}
@media only screen and (max-width: 1100px)
{
    .kitchenmenu
    {
        width: 95%;
    }
    .kitchenmenuselected
    {
        width: 95%;
    }
}
@media only screen and (max-width: 700px)
{
    .kitchenmenu a
    {
        font-size: .9em;
    }
    .kitchenmenuselected
    {
        font-size: .9em;
    }
}
@media only screen and (max-width: 600px)
{
    .kitchenmenu a
    {
        font-size: .8em;
    }
    .kitchenmenuselected
    {
        font-size: .8em;
    }
}
@media only screen and (max-width: 550px)
{
    .kitchenmenu
    {
        width: 95%;
    }
    .kitchenmenuselected
    {
        width: 95%;
    }
    .kitchenmenu a
    {
        font-size: 1em;
    }
    .kitchenmenuselected
    {
        font-size: 1em;
    }
}

/******************************************
******Page Menu End********
******************************************/

/******************************************
******Table Format Start********
******************************************/
.tdph, .tdphh, .tdphhh
{
    padding: 10px;
    vertical-align: top;
    border: 1px dotted #999999;
}
.tdphh
{
    font-size: 16px;
}
.tdphhh
{
    font-size: 20px;
}
.tdbld
{
    font-weight: bold;
}
.tdcnt
{
    text-align: center;
}
.tritemrow
{
    background-color:#F9E9E5; 
}
@media only screen and (max-width: 905px)
{
    .tdph
    {
    padding: 8px;
    }          
}
@media only screen and (max-width: 610px)
{
    .tdph
    {
    padding: 6px;
    }                                  
} 
@media only screen and (max-width: 480px)
{
    .tdph
    {
    padding: 4px;
    }      
}  
@media only screen and (max-width: 390px)
{
    .tdph
    {
    padding: 3px;
    }      
}   
/******************************************
******Table Format End********
******************************************/