/* Custom CSS Stylesheet */

/******* GLOBAL STYLES ********************************************************/
#noscript p { display: block; min-height: 22px; min-width: 100%; margin-bottom: 0; background: #FFCC33; text-align: center; }
html, body { height: 100%; }
body { background-color: #EEE; }
/* colours */
.black, .black a { color: #000; }
.white, .white a { color: #FFF; }
.blue, .blue a { color: #1A94FE; }

/******* BODY ******************************************************************/
/* match body background to content */
body.match { background-color: #FEFDF5; }

/******* TOP NAVIGATION BAR ***************************************************/
.navbar {
	margin-bottom: 0px;
	/* remove rounded corners */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.navbar-nav li.active a:hover { cursor: default; }

/* centre navbar */
.navbar .navbar-nav { display: inline-block; float: none; }
.navbar .navbar-collapse { text-align: center; }
/* /centre navbar */

.navbar-brand a { font-size: 20px; color: #FFF; text-decoration: none; }
.navbar-brand a:hover { color: #FFF; text-decoration: none; }

/******* MAIN BANNERS *********************************************************/
.jumbotron.home {
	height: 300px;
	margin-bottom: 0px;
	background: url(../../homepage/img-jumbotron-bg1680.jpg) no-repeat center #000;
}

.logo {
	margin-top: -28px; margin-left: -28px;
}

.jumbotron.pages {
  padding: 5px;
	background: #22182C;
	height: 140px;
	margin: 0 0;
	color: #FFF;
}

.jumbotron.pages > .container-custom900 { background-color: #22182C; }
.jumbotron.pages > .container-custom960 { background-color: #22182C; }
.jumbotron.pages h1 { font-size: 2em; margin: 0.67em 0; }

@media (max-width: 900px) {
.jumbotron.pages h1 { font-size: 1.6em; }
}

@media (max-width: 768px) {
.jumbotron.pages { height: 112px; }
.jumbotron.pages h1 { font-size: 1.25em; }
}

/******* FOOTER ***************************************************************/
footer > .container-custom960 { background-color: #22182C; }
footer > .container-custom900 { background-color: #22182C; }

footer { background-color: #22182C; min-height: 280px; margin-top: 40px; padding-top: 20px; color: #D8D8D8; }

.footer-nav { text-align: center; }
.footer-nav ul { display: inline; padding-left: 0; }
.footer-nav li { display: inline; margin-right: 12px; }
.footer-nav li.last { margin-right: 0; }
.footer-nav li a:hover { color: #33CCFF; }
.footer-nav li.active a { color: #33CCFF; text-decoration: none; cursor: default; }

.footer-info { max-width: 75%; margin: 20px auto; font-size: 1.2em; }
.footer-info a:hover { color: #33CCFF; }

@media (max-width: 961px) {
.footer-info { text-align: center; }
}

/******* CUSTOM CONTAINERS ****************************************************/
.container-custom960 {
	max-width: 960px;
	padding: 0 28px 40px 28px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FEFDF5;
}

.container-custom900 {
	max-width: 900px;
	padding-right: 48px;
	padding-left: 48px;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
}

/******* SIDEBAR PANELS *******************************************************/
.panel-heading.sidebar { background-color: #22182C; color: #FFF; }
.panel-body.sidebar { font-size: 0.875em; }

/******* SOCIAL MEDIA GRAPHICS *******************************************************/
.onesidedropshadow {
	-webkit-box-shadow: 0 8px 6px -6px #808080;
	   -moz-box-shadow: 0 8px 6px -6px #808080;
	        box-shadow: 0 8px 6px -6px #808080;
}

/******* HOME PAGE ************************************************************/
.font-med { font-size: 1.25em; }
.slogan { font-weight: 800; color: #FFF; }

@media (max-width: 481px) {
.font-med p { font-size: 80%; }
.slogan { font-size: 80%; }
}

/******** PACKAGES PAGE ********************************************************/
/* panel-heading colours */
.panel-heading.buttercup { background-color: #A1BB9D; }
.panel-heading.daisy { background-color: #C8C49C; }
.panel-heading.tulip { background-color: #B18B8B; }
.panel-heading.forgetmenot { background-color: #9FB0CB; }
.panel-heading.violet { background-color: #B298D9; }
.panel-heading.passion { background-color: #C487BF; }
.panel-heading.bronze { background-color:#E99F4C; }
.panel-heading.silver { background-color: #E2E2E2; }
.panel-heading.gold { background-color: #FFC948; }

.promptarrow { margin: 8px 0 0 0; }

.floralpackages-subheading { margin-top: -10px; }
.abvpackages-subheading { margin-top: 20px; }

/******* VENUES PAGE ***********************************************************/
li.churchtab.resp-tab-active { background-color: #7D3A5E; }
li.receptiontab.resp-tab-active { background-color: #487D54; }

.venuescontainer { padding: 0 12px 0px 12px; margin-right: auto; margin-left: auto; }
.titleblock { margin-bottom: 18px; }
.titleblock h3 { padding: 0 0 10px 15px; }
.row.title { background-color: #D6CAE2; margin-left: -13px; margin-right: -13px; }
.row.churchtitle { background-color: #E0BDD0; }
.row.receptiontitle { background-color: #CBE1D0; }
.row.description { padding: 15px 15px; margin-left: -13px; margin-right: -13px; }

.venueblock img { border: thin solid; margin-left: 12px; border-radius: 6px; box-shadow: 2px 2px 7px 0 #ABABAB }
.venueblock hr { margin-top: 10px; margin-bottom: 12px; border: 0; border-top: 1px solid #BFBFBF; }
.venueblock p { min-height: 96px; color: #333; }
.venueblock a:hover p { color: #0044CC; }
.venueblock a:hover h4 { color: #0044CC; }
.venueblock a:hover img { opacity: 0.9; filter: alpha(opacity=90) }
.venueblock a { text-decoration: none; outline: 0; } /*outline 0 removes the dotted focus marker*/
.venueblock a:focus, a:active { color: #956464; }/*changes heading colour on return to replace focus marker*/
.venueblock img a:focus, a:active { color: #956464; }/*as above if image was selected (doesn't work in Firefox)*/

/******* INDIVIDUAL VENUES PAGES **********************************************/
.venuedescription ul { margin-left: 0px; padding-left: 12px; }

/* venues tariff tables */
.tariffheading { text-align: center; margin-top: 30px; background: #CEC0DD; }
.table { max-width: 504px; margin: 0 auto; border: 1px solid #DDD; }
.table ul { margin-left: 0px; padding-left: 12px; }
.table ol { margin-left: 8px; padding-left: 12px; }
tr.rowsubheading th { font-weight: normal; font-style: italic; background-color: #E8E8E8; }
/* /venues tariff tables */

/* carousel image, indicators and glyphicon styles */
#carousel-fade .img-responsive { max-width: 500px; margin: 0 auto 30px auto; border: solid thin #BBB; }
#carousel-fade .carousel-indicators { bottom: 0; }
#carousel-fade .glyphicon.glyphicon-chevron-left,
#carousel-fade .glyphicon.glyphicon-chevron-right {
	background: #444;
	border: 4px solid transparent;
	border-radius: 23px 23px 23px 23px;
	height: 40px;
	width: 40px;
}
#carousel-fade .glyphicon.glyphicon-chevron-left { padding: 6px 4px 5px 0; left: 30%; }
#carousel-fade .glyphicon.glyphicon-chevron-right { padding: 5px 5px 5px 5px; right: 30%; }
/* /carousel image, indicators and glyphicon styles */

/* fade transition for carousel items */
#carousel-fade .carousel .item {
	left: 0 !important;
	  -webkit-transition: opacity 0.8s; /*adjust timing here */
	     -moz-transition: opacity 0.8s;
	       -o-transition: opacity 0.8s;
	          transition: opacity 0.8s;
}
/* remove background gradients on controls */
#carousel-fade .carousel-control {
	background-image: none !important;
}
/* fade controls together with items */
#carousel-fade .next.left,
#carousel-fade .prev.right {
	opacity: 1;
	z-index: 1;
}
#carousel-fade .active.left,
#carousel-fade .active.right {
	opacity: 0;
	z-index: 2;
}
/* /fade transition for carousel items */

/******* EXTRAS PAGE **********************************************************/
.extrascontainer {
	max-width: 800px;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: auto;
	margin-left: auto;
}

/******* ABOUT CYPRUS PAGE *************************************************************/
.weather { background-color: transparent; margin-top: 30px; }
.weather span {
display: block !important;
width: 320px;
text-align: center;
font-family: sans-serif;
font-size: 12px;
border: solid 1px #CCC;
border-radius: 6px;
}

/******* TESTIMONIALS PAGE *****************************************************/
.testimonialscontainer { width: 86%; margin-right: auto; margin-left: auto; }
.feedbackblock { margin-bottom: 40px; }
.feedbackblock.last { margin-bottom: 20px; }
.feedbackblock p { overflow: auto; font-size: 16px; }
.feedbackblock img { border: solid thin; box-shadow: 2px 2px 7px 0 #ABABAB; margin-right: 20px; }
@media (max-width: 641px) {
 .feedbackblock p { font-size:90%; }
 .feedback-body { padding-top: 20px; }
}

/******* GLOBAL RESPONSIVE CONTENT RESIZE STYLES ******************************/
@media (max-width: 481px) {
p { font-size: 85%; }
.navbar-brand a, .caption p { font-size: 90%; }
}