/*
Theme Name: Belmont Abbey
Theme URI: http://wordpress.org/themes/belmontabbey
Author: Eric Bates
Author URI: http://recalibr8.com/
Description: This is a custom theme created to support the belmontabbey.org website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: right-sidebar, three-column
Text Domain: belmontabbey

This theme is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Debugging Styles */

.highlight {background-color: rgba(255,255,0,0.7);}
.highlight .highlight {background-color: #fc0;}

/*
@media (max-width: 480px) {#disclaimer p:after {content: " XS";}}
@media (min-width: 768px) and (max-width: 991px) {#disclaimer p:after {content: " SM";}}
@media (min-width: 992px) {#disclaimer p:after {content: " MD";}}
*/

/********************* BEGIN Global Styles *****************/

/*
		Red: #c42d2b
		Green: 
		Gray: 
*/

/* TYPOGRAPHY */

@font-face {
	font-family: 'Droid Serif';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/DroidSerif.woff');
	src: url('./fonts/DroidSerif.woff?#iefix') format('woff'), url('./fonts/DroidSerif.woff') format('woff'), url('./fonts/DroidSerif.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: 'Fjalla One';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/FjallaOneRegular.woff');
	src: url('./fonts/FjallaOneRegular.woff?#iefix') format('woff'), url('./fonts/FjallaOneRegular.woff') format('woff'), url('./fonts/FjallaOneRegular.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: underline;
}

a.btn {
	font-family: 'Fjalla One';
	text-decoration: none;
}

a.navbar-brand {
	font-family: 'Droid Serif';
	font-weight: normal;
	font-size: 28px;
	text-transform: uppercase;
	text-decoration: none;
}

blockquote {
	font-family: 'Droid Serif';
	font-weight: normal;
	font-size: 28px;
	font-style: italic;
	border: none;
	background: transparent url('./img/glyphicon-open-quote.png') 0px 10px no-repeat;
}

span.glyphicon-close-quote {
	display: inline-block;
	position: relative;
	background: transparent url('./img/glyphicon-close-quote.png') 0px 0px no-repeat;
	width:20px;
	height: 28px;
}

span.glyphicon-twitter {
	display: inline-block;
	position: relative;
	background: transparent url('./img/glyphicon-twitter.png') 0px 0px no-repeat;
	width:25px;
	height: 25px;
}

span.glyphicon-tumblr {
	display: inline-block;
	position: relative;
	background: transparent url('./img/glyphicon-tumblr.png') 0px 0px no-repeat;
	width:25px;
	height: 25px;
}

span.glyphicon-facebook {
	display: inline-block;
	position: relative;
	background: transparent url('./img/glyphicon-facebook.png') 0px 0px no-repeat;
	width:25px;
	height: 25px;
}

span.glyphicon2-fire {
	display: inline-block;
	position: relative;
	background: transparent url('./img/glyphicon-flame.png') 0px 0px no-repeat;
	width:22px;
	height: 22px;
}

span.date,
span.categories-links {
	font-family: 'Droid Serif';
	font-size: 12px;
	color: #777;
	background-color: #efefef;
	display: inline-block;
	margin-bottom: 20px;
	padding: 2px 10px 2px 10px;
}

span.date a,
span.categories-links a {
	color: #777;
	text-decoration: none;
}

span.categories-links {
	margin-left: 1px;
}

span.author {
	display: none;
}

body,h1,h2,h3,h4,h5,h6 {
	font-family: "Fjalla One","Arial Narrow",sans-serif;
}

a.btn-large, a.btn-large.btn-primary, a.btn-large.btn-default {
	font-size: 25px;
}

a.btn-default, a.btn-primary {
	font-size: 20px;
}

dt {font-weight:normal!important;}

#footer .heading {
	font-family: 'Fjalla One',sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}

h3,h4,h5,h6 {
	text-transform: uppercase;
}

.large-icons {
	font-size: 20px;
}

.large-icons a, .large-icons a:hover {
	text-decoration: none;
}

.list-unstyled li {
	font-family: 'Droid Serif', serif;
	line-height: 170%;
}

.list-unstyled a {
	text-decoration: underline;
}

#main-column {
	font-size: 120%;
}

#nav-column li a {
	font-family: 'Fjalla One',sans-serif;
	font-size: 16px;
	text-decoration: none;
}

#nav-column li li a {
	font-family: 'Droid Serif';
	font-size: 14px;
	text-decoration: none;
}

.navbar-header h2 {
	font-family: 'Fjalla One',sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}

p, address {
	font-family: "Droid Serif";
}

p {
	line-height: 1.6em;
}

#quick-links-bottom {
	text-align: center;
}

#quick-links-bottom a {
	text-decoration: underline;
}

#quick-links-top {
	text-align: center;
}

#quick-links-top a {
	text-decoration: underline;
}

.quote {
	font-family: "Fjalla One";
	font-size: 21px;
}

#search-container input.form-control {
	font-size: 18px;
}

.text-divider {
	font-size: 40px;
	color: #ccc;
}

th {
	font-weight: normal;
}


/* COLORS AND BORDERS */

a.navbar-brand {
	color: #fff!important;
}

address {
	color: #4c677f;
}

.btn-primary {
	background-color: #c42d2b;
	border: 1px solid #fff;
	border-radius: 0px;
}

.btn-primary:hover {
	background-color: #cc0000;
	border: 1px solid #fff;
}

.btn-default {
	background-color: #eee;
	border: 1px solid #fff;
	border-radius: 0px;
}

.btn-default:hover {
	background-color: #bbb;
	border: 1px solid #fff;
}

#calendar-teaser {
	background-color: #eee;
}

.event-container {
	border-bottom: 1px solid #ccc;
}

.event-month-day {
	background-color: #999;
	color: #fff;
}

#footer {
	border-top: 6px solid #c42d2b;
	background-color: #333;
	background-image: -o-linear-gradient(bottom, rgb(15,15,15) 24%, rgb(54,54,54) 62%);
	background-image: -moz-linear-gradient(bottom, rgb(15,15,15) 24%, rgb(54,54,54) 62%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(15,15,15)), color-stop(0.62, rgb(54,54,54)));
	background-image: -webkit-linear-gradient(bottom, rgb(15,15,15) 24%, rgb(54,54,54) 62%);
	background-image: -ms-linear-gradient(bottom, rgb(15,15,15) 24%, rgb(54,54,54) 62%);
	background-image: linear-gradient(bottom, rgb(15,15,15) 24%, rgb(54,54,54) 62%);
}

#footer .heading a {
	color: #ccc;
	text-decoration: none;
}

.gray-gradient {
	outline: 1px solid #e5e5e5;
	outline-offset: 1px;
	background: rgb(235,235,235); /* Old browsers */
	background: -moz-linear-gradient(top,	rgba(235,235,235,1) 0%, rgba(207,207,207,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(207,207,207,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,	rgba(235,235,235,1) 0%,rgba(207,207,207,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,	rgba(235,235,235,1) 0%,rgba(207,207,207,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,	rgba(235,235,235,1) 0%,rgba(207,207,207,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,	rgba(235,235,235,1) 0%,rgba(207,207,207,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
}

input:-moz-placeholder {color: rgba(0,0,0,0.9)!important;}
input::-moz-placeholder {color: rgba(0,0,0,0.9)!important;}
input:-ms-input-placeholder {color: rgba(0,0,0,0.9)!important;}
input::-webkit-input-placeholder {color: rgba(0,0,0,0.9)!important;}

.large-icons a, .large-icons a:hover {
	color: #c42d2b;
}

.large-icons a span {
	color: #333;
}

.list-unstyled a {
	color: #fff;
}

.list-unstyled li {
	color: #ccc;
}

.navbar-header h2 {
	color: rgba(255,255,255,0.5);
}

.navbar-inverse {
	background: transparent;
	border: none;
}

.navbar-header {
	background: transparent url('./img/crescat-small.png') 20px 20px no-repeat;
}

.navbar-wrapper {
	background-color: rgba(0,0,0,0.7);
	border: none;
}

#nav-column ul.list-unstyled li {
	border-bottom: 1px solid #8a8a8a;
}

#nav-column ul.list-unstyled li li {
	border-top: 1px solid #8a8a8a;
}

#nav-column li.current-menu-item {
	background-color: #ccc;
}

#nav-column li.current-menu-item li.menu-item,
#nav-column li.current-menu-parent li.menu-item {
	background-color: #ececec;
}

#nav-column li.current-menu-item a {
	color: #333;
}

#nav-column li.current-menu-parent li.current-menu-item {
	background-color: #fff;
}

#nav-column li.current-menu-parent li.current-menu-item a {
	color: #c42d2b;
}

#nav-column li li.current-menu-item span.glyphicon {
	color: #ccc;
}

#nav-column li.home {
	background-color: #ccc;
	border-top: 3px solid #999;
}

#nav-column li.home a {
	color: #333;
}

#nav-column li.menu-item {
	background-color: #ccc;
}

#nav-column li.menu-item a {
	color: #333;
}

#nav-overlay h1, h1.banner {
	background-color: rgba(0,0,0,0.3);
	color: rgba(255,255,255,0.8);
}

#quick-links-top {
	background-color: rgba(0,0,0,0.7);
}

#quick-links-top .telephone {
	color: #fff;
	border-right: 1px solid #fff;
}

#quick-links-top a {
	color: #fff;
}

#quick-links-bottom {
	background-color: #c42d2b;
}

#quick-links-bottom .telephone {
	color: #fff;
	border-right: 1px solid #fff;
}

#quick-links-bottom a {
	color: #fff;
}

.quote {
	color: #363636;
}

.reverse {
	color: #c42d2b;
}

#search-container input.form-control {
	background-color: rgba(255,255,255,0.6);
	color: #222;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	-webkit-appearance: none!important;
	border-radius: 0!important;
}

#search-container .btn {
	background-color: rgba(255,255,255,0.6);
}

#side-bar h3,
#side-bar h4,
#side-bar h5,
#side-bar h6 {
	color: #666;
}






/* SPACING */

address {
	padding: 15px;
}

#calendar-teaser {
	padding: 10px 0;
	margin-top: 30px;
}

#calendar-teaser h3 {
	margin-top: 10px;
	margin-bottom: 20px;
}

#disclaimer p {
	padding-left: 15px;
}

.event-container {
	margin-bottom: 20px;
}

.event-month-day {
	margin-bottom: 20px;
	padding-top: 20px;
}

#footer {
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 30px;
}

#footer .heading {
	padding-top: 10px;
	padding-bottom: 6px;
}

.gray-gradient {
	padding-top: 10px;
	padding-bottom: 10px;
}

.large-icons {
	padding: 20px;
}

.large-icons a span {
	margin-right: 10px;
}

#main-column .container {
	margin-bottom: 20px;
}

#nav-column {
	padding-bottom: 77px;
}

.navbar {
	margin-bottom: 5px;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-header h1 {
	margin: 15px 0 0 60px;
	padding: 0;
}

.navbar-header h2 {
	margin: 0 0 24px 75px;
	padding: 0;
}

#nav-column li {
	padding: 10px 0;
}

#nav-column li.current_page_item span.glyphicon {
	margin-right: 10px;
}

#nav-column ul.list-unstyled li {
	padding-left:0;
	padding-right:0;
}

#nav-column ul.list-unstyled li a {
	padding-left:20px;
}

#nav-column ul.list-unstyled li ul {
	margin-top: 10px;
	margin-bottom: -8px;
}

#nav-column ul.list-unstyled li li {
	margin-bottom: 1px;
	border-bottom: none;
}

#nav-column ul.list-unstyled li li a {
	padding-left: 30px;
}

#nav-overlay h1 {
	margin: 0;
	padding: 13px 0 0 0;
}

.pad-top {
	margin-top: 40px;
}

#quick-links-top {
	margin-top: 24px;
	padding: 8px 0 10px 0;
}

#quick-links-top .telephone {
	padding-right: 10px;
	margin-right: 10px;
}

#quick-links-bottom {
	margin-bottom: 10px;
	padding: 8px 0 10px 0;
}

#quick-links-bottom .telephone {
	margin-right: 10px;
	padding-right: 10px;
}

.quote {
	margin-left: 20px;
}

#search-container {
	margin-top: 26px;
}

.search-result-excerpt {
	margin-bottom: 30px;
}


/* CUSTOM LAYOUT */

a.navbar-brand {float: none;}

.carousel-caption {
	/* Since positioning the image, we need to help out the caption */
	z-index: 10;
	padding: 0;
	left: 5%;
	right: 5%;
	bottom: 0px;
}

#page-title {
	z-index: 11;
}

#main-wrapper {
	z-index: 12;
}

.footer-home-link {
	font-family: 'Fjalla One';
	font-size: 16px;
	margin-bottom: 20px;
}

.footer-home-link a {
	font-family: 'Fjalla One';
	font-size: 16px;
	text-decoration: none;
	color: #eee;
	padding: 10px 20px 10px 10px;
	border: 1px solid #666;
}

#nav-column li.menu-item ul.sub-menu {
	display: none;
}

#nav-column li.current-menu-parent ul.sub-menu,
#nav-column li.current-menu-item ul.sub-menu {
	display: block;
}

.navbar-wrapper {
	position: absolute;
	top: 0;
	z-index: 15;
	padding: 0;
	left: 5%;
	right: 5%;
}

/* Calendar Styles */

table.calendar {
	width: 100%;
	margin: 20px 0;
}

table.calendar th {
	text-align: center;
	color: #555;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
}

table.calendar td {width: 14.28%;vertical-align: top;}
table.calendar span.num {float: right;color: #999;}

table.calendar span.content {
	display: block;
	color: #c42d2b;
	font-family: 'Droid Serif';
	font-weight: normal;
	font-size: 12px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

span.wpcf7-not-valid-tip-no-ajax {display:block;margin:5px 0 10px 0;}

.tribe-bar-disabled {display:none;}
.tribe-events-calendar td div a {text-decoration:none;font-weight:normal;}
.tribe-events-month-event-title {font-size:13px;text-align:center;font-family:'Droid Serif';}
.tribe-events-month-event-title a {color:#c42d2b;}
.tribe-events-tooltip {text-align:center;}
.tribe-events-single-section dd {font-family:'Droid Serif';}
.tribe-events-daynum a {font-size:20px!important;color:#939393;font-weight:normal!important;}

.hidden {display: none;}

/*********************** END Global Styles *************************/




/*********************** BEGIN Extra Small Screen Styles *************************/
@media (max-width: 480px) {

blockquote {font-size:16px;}
#disclaimer {margin-top:40px;}
#footer ul.list-unstyled li {display:inline;padding:5px;}
#footer ul.list-unstyled li.heading {margin-top:20px;}
#footer ul.list-unstyled li.footer-home-link {display:block;}

#myCarousel .item {
	background: url('http://belmontabbey.webfactional.com/wp/wp-content/uploads/photo-small-basilica-full.jpg') no-repeat;
	height: 363px;
}

#myCarousel .item img {
	display: none;
}

.navbar {
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
a.navbar-brand {
	font-size: 20px;
}

#nav-column {
	background: none;
}

.navbar-header h1 {
	margin: 0 0 0 28px;
	padding-bottom: 15px;
}

.navbar-header h2 {
	display: none;
}

.navbar-header {
	background: transparent url('./img/crescat-half-size.png') 10px 10px no-repeat;
}

#nav-column {display:none;}

#nav-overlay {
	position: absolute;
	top: 66px;
	z-index: 16;
	padding: 0;
	left: 5%;
	right: 5%;
}

#nav-overlay a {
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#nav-overlay h1 {
	margin-top: 90px;
}

h1.banner, #page-title, #quick-links-top, #search-container {
	display:none;
}

p.quote {font-size:16px;}
#profile-teaser {margin-top:30px;}
#profile-teaser div.col-xs-3 {width:100%;}
#quick-links-bottom {float:right;padding:10px 20px;}
#side-bar {background-color:#eee;padding-top:20px;padding-bottom:20px;}

}
/*********************** END Extra Small Screen Styles *************************/




/*********************** BEGIN Small Screen Styles *************************/
@media (min-width: 768px) and (max-width: 991px) {

#disclaimer {margin-top:40px;}
#footer ul.list-unstyled li {display:inline-block;padding:5px;}
#footer ul.list-unstyled li.heading {margin-top:20px;}

#main-wrapper {
	position: relative;
	z-index: 17;
	background-color: #fff;
}

#nav-column {
	background: transparent url('./img/nav-column-end-cap-sm.jpg') bottom center no-repeat;
	padding-bottom: 5px;
	width: 255px;
}

#nav-overlay {
	position: absolute;
	top: 110px;
	z-index: 16;
	padding: 0;
	left: 5%;
	right: 5%;
}

#nav-overlay a {
	font-size: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#nav-overlay h1 {
	height: 93px;
	overflow: hidden;
	padding-top: 2px;
}

#nav-overlay h1, h1.banner {
	font-size: 101px;
	line-height: 101px;
	text-transform: uppercase;
}

#page-title {
	position: absolute;
	top: 281px;
	z-index: 16;
	height: 126px;
	overflow: hidden;
	padding: 0;
	left: 5%;
	right: 5%;
}

#profile-teaser {margin-top:30px;}
#quick-links-bottom {float:right;padding:10px 20px;}
#quick-links-top {display:none;}

}
/*********************** END Small Screen Styles *************************/




/*********************** BEGIN Medium Screen Styles *************************/
@media (min-width: 992px) {

.carousel {
	/* Negative margin to pull up carousel. This value should be roughly margins and height of navbar. */
	margin-top: -110px;
	margin-bottom: 40px;
}

.carousel-control .glyphicon-chevron-left {
	top: 85%;
	left: 10%;
}

.carousel-control .glyphicon-chevron-right {
	top: 85%;
	left: 80%;
}

.carousel .item {
	/* Declare heights because of positioning of img element */
	height: 627px;
	overflow:hidden;
	background-color: #777;
}

.carousel-inner > .item > img {
	position: absolute;
	bottom: 0;
	left: 0;
	min-width: 100%;
/*	height: 627px;*/
}

#disclaimer {
	margin-top: 283px;
}

.footer-link-space {
	margin-top: 48px;
}

#main-wrapper {
	position: relative;
	z-index: 17;
}

#nav-column {
	background: transparent url('./img/nav-column-end-cap.jpg') bottom center no-repeat;
	width: 285px;
}

#nav-overlay {
	position: absolute;
	top: 120px;
	z-index: 16;
	padding: 0;
	left: 5%;
	right: 5%;
}

#nav-overlay h1 {
	height: 158px;
	overflow: hidden;
}

#nav-overlay h1, h1.banner {
	font-size: 135px;
	text-transform: uppercase;
	line-height: 135px;
}

#page-title {
	position: absolute;
	top: 381px;
	z-index: 16;
	height: 136px;
	overflow: hidden;
	padding: 0;
	left: 5%;
	right: 5%;
}

.wpcf7-response-output {clear:both;left:94px;position:relative;width:424px;margin-bottom:20px;}
table.calendar td {height: 100px;}
.tribe-events-tooltip {bottom: 40px!important;}

a.tribe-events-button {font-size:11px; color:#666; padding:10px; text-decoration:none; border:1px solid #ccc; margin-right:10px; text-transform:uppercase;}

}
/*********************** END Medium Screen Styles *************************/