@import url(../../common/css/flickr.css);
@import url(../../common/css/chapel.css);

/*Template Themes*/
@import url(theme-blue.css);
/*
@import url(theme-blue.css);
@import url(theme-bright.css);
@import url(theme-gray.css);
@import url(theme-rose.css);
@import url(theme-royal.css);
@import url(theme-sage.css);
*/

body {
  font-family: 'Open Sans', sans-serif; font-weight: normal; line-height: normal; font-size: 18px; 
  width: 100%;
}

.body-container {
  background: #fff;
  padding-top: 30px;
  padding-left: 6px;
  background: #fff;
  background-repeat: repeat-x;
  background-position: top left;
  max-width: 1200px;
}

.container {
  padding-left: 0;
  padding-right: 0;
  max-width: 1200px;
  height: auto;
}
.row {
  margin-left: 0;
  margin-right: 0;
}

/*---------------------- Page Content Area ----------------------  */
#content_frame	{	padding: 0; margin: 0; width: 1000px; min-height: 100%; height: 100%; background-color: white; z-index: -3;	}	

/*---------------------- Header ----------------------  */
#header	{	height:170px; width:87%; z-index:1; margin-top:-15px;	}

#patron_saint	{	float: left; height: 170px; width: 340px; background: url(/assets/themes/common/saints/patron_saint-john_theo.png) no-repeat 0px 10px; z-index: 0; background-size: cover;  } 
#parish_id  {	position: relative; margin: 0 auto; top: 50px;  }
#goa_logo 	{	float: right; position: relative; left: 0; top: 0; width: 150px; height: 150px; margin: -25px 20px 0 0; 
				background: url(/assets/themes/common/goa_logo/goa_logo_white_full.png) top left no-repeat;	}

#header_titles {  position: relative; color: #fff; top: 0px;   }
#header_titles * {	color: #fff; font-weight: 600; font-family: 'Cinzel Decorative', cursive; text-transform: capitalize; }
#header_titles h1 { font-size: x-large; margin: 0; padding:0; line-height: normal; text-shadow:0 2px 3px #000; }
#header_titles h4 { margin: 0; padding:0; line-height: normal; text-shadow:0 2px 3px #000; }

#logo {
  height: 162px;
}


/* ---------- Navigation ---------- */

@media (min-width: 768px) {
  .navbar	{	border-radius: 0; }
}

.navbar 			{ 	margin-bottom: 0; border-radius: 0px; position: inherit;	}
.container-fluid	{	padding-top: 8px;}
.navbar-nav>li>a	{	padding: 6px 10px;	}
.navbar-collapse 	{	padding-right: 10px; padding-left: 0px;	}
.navbar-default 	{	border-left: none; border-right: none; font-style: normal;	}

.navbar-nav > li:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu > li > a {
	white-space: normal;
}

@media (max-width: 767px) {
	.navbar-nav>li>a	{	padding: 6px 20px;	}
}

.right_column	{	font-size: 0.8em; line-height: 1.2em; } 
.right_column h6	{	font-size: 1.4em;	}

/*--------------------------------------------------------------------
					Navigation Styles: Side Navigation
---------------------------------------------------------------------- */

#side_navigation			{	position: relative; top: 0; margin: 0 0 10px 0; padding: 0 0 40px 0; 
								line-height: normal; border-bottom: 1px solid #ccc; z-index: 3; }
#side_navigation ul			{	list-style: none; margin: 0; padding: 0;  	}
#side_navigation ul li			{	line-height: normal; margin: 0; padding: 0px; border-bottom: 1px dotted #b4b4b4; text-align: left;  	}
#side_navigation ul li.last		{	}
#side_navigation ul li a		{	display: block; color: #333; padding: 3px 5px; border: none; text-decoration: none; font-weight: normal; margin: 0; font-size: 0.9em; 	}

#side_navigation p				{	border: none;	}
#side_navigation table	{	width: 90%; margin: 0 4px; border: none; 	}
#side_navigation td 	{	font-size: 10pt; border-bottom: 1px dotted #ccc;	}
#side_navigation td p	{	font-size: 8pt; padding: 0; margin: 0;	}
#side_navigation td a	{	text-decoration: none; text-align: left; margin: 0; left: 0; font-weight: normal; 	}

#side_navigation_title	{	margin: 0; padding: 10px 5px; }
#side_navigation_title a	{	font-weight: bold; font-size: 18pt !important; color: black; text-decoration: none;	}


/*---------------------- Page Footer ----------------------  */

footer	{	min-height: 100px; bottom: -60px; width: auto; padding: 0; margin: 0; height: auto;	}
.footer-container	{	position: relative; }
.footer-container a	{	color: #fff; text-decoration: none; }
.footer-container p	{	color: #fff !important; text-align: center; margin: 30px 0 0 0;}

#im-badge { padding: 10px 0; text-align: center; }
#im-badge img { display: block; margin: 0 auto; padding: 0; }
#im-badge a { color: #fff; }


/*---------------------- Media ----------------------  */

@media (max-width: 1199px) {
	#header_titles h4 	{	font-size: small; }
}

@media (max-width: 991px) {
	#goa_logo 		{	display: none;	} 
	.body-container {	background: white;	}
	#header_titles h4	{ 	font-size: small;}
	#patron_saint 	{	margin: 0 20px 0 40px; }
}

@media (max-width: 900px) {
	#patron_saint 	{	margin: 0 20px 0 0; }
	.city			{	font-size: small;	}
	#header_titles h1 	{	font-size: large;	}
}

@media (max-width: 767px) {
	#goa_logo 			{	display: none;		}
	#header				{	width:100%; background-image:none;	}
	#header_titles 		{	padding: 0; margin: 0 auto !important; width: 99% !important;	}
	#header_titles h1 	{ 	font-size: large; }
	#header_titles h4	{ 	font-size: small;}
	h1					{	font-size: x-large;	}
}


@media (max-width: 650px) {
	#parish_id			{	top: 25px; position: relative; left: -30px; }
	#patron_saint		{	margin-left: 20px; height: 170px; width: 220px; position: relative; left: -15px; background-size: contain;	margin-top: 20px; }
	#header_titles h1 	{ 	font-size: medium; }
	#header_titles		{	top: 30px;	}
	.metropolis				{	display: none;		}
}

@media (max-width: 440px) {
	#parish_id		{	top: 25px; width: 110%; }
	#patron_saint	{	top: -22px; background-size: contain; width: 180px; background-position: bottom;}	
	.metropolis		{	font-size: small; 	}
	#header_titles 	{	top: 10px; width: 90% !important;	}
}

@media (max-width: 365px) {
	#header_titles h4 { font-size: 10px;   }
	#header_titles h1  {font-size: small;   }
	#patron_saint     { width: 7.4em;      }
	#header_titles 	{ top: 20px;     }
}