h1 {
	font-size: 150%;
	padding-bottom: 5px;
	border-bottom: 1px solid #A51919;
}

h2 {
	font-size: 140%;
	color: #A51919;
	font-weight: 600;
}


h3 {
	font-size: 130%;
	padding-top: 12px;
	font-weight: 600;
} 



h4 {
	font-size: 120%;
	font-weight: 700;
}



h5 {
	font-size: 110%;
}


h6 {
	font-size: 105%;
}


article {
	padding-top: 10px;
}

.smaller {font-size: .8em}

.top-nav {
	padding-top: 2px;
	padding-bottom: 2px;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 2;    
	border-color: rgb(165,25,25);
    border-style: solid;
    border-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.navbar {padding: 0px 10px 0px 10px;}
@media ( min-width :992px) {
	.googleUp {
		display: block;
	}
}

.googleDown {
	position: fixed;
	top: 0;
	width: 100%;
}

.row2 {
	background: #333D50;	
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #111111 ),
		 color-stop(100%, #333D50 ));
	background: -moz-linear-gradient(#333D50 100%, top #111111 0%);

	
}	


.sec2 {
	border-bottom: thick;
	border-bottom-color: black;
	background:rgb(33,37,41);
}
.sec2-float-menu {
	margin-bottom: 73px;
}

.navbar-dark {
	background-color: #111111;
	border-bottom: 1px solid #a51919;
	margin-bottom: 30px;
}

.navbar-red {
	background-color: #580000;
}

.btn-nav:focus {
	box-shadow: none;
}

.navbrand-link:hover, .navbrand-link:focus {
	background: white;
	outline: 2px solid blue;
	color: black !important;
}

.btn-primary {
	box-shadow: 0 0 0 .1rem rgba(0, 0, 0, .8) !important;
	border: black;
}

.logo {
	font-family: 'Arial  MT Bold', arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 27px;
}



.btn-nav {
	background: transparent;
	color: white;
	border-radius: 0px;
}

.dropdown-menu {
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0B0A10),
		color-stop(100%, black));
}

.dropdown-item {
	color: white;
	background: transparent !important;
}

.dropdown-item:hover {
	color: black !important;
	background: white !important;
}

.dropdown-item:focus {
	color: black !important;
	background: white !important;
}

span.dropdown-item {
	Background: white;
	color: black !important;
}

.tocol {
	text-align: left;
	border: 1px solid #D3D3D3;
	color: #0033CC;
	padding-top:15px;
	
}

.tocli {
	color: #295376;
}


.toctitle {
	padding-top: 10px;
	font-size: 140%;
	color: #580000;
	text-align: center;
}

.noindent {
	list-style-type: inside;
	padding-left: 25px;
	padding-right: 10px;
}
	color: #580000;
	text-align: center;
}

.noindent2 {
	list-style-type: inside;
	padding-left: 25px;
	padding-right: 10px;
}

.boxsmall {
	border-radius: 10px;
	border: 1px solid black;
	background: #FEFDE8;
	padding: 9px 15px;
	margin: 10px;
	text-align: center;
}

.navbar-toggler {
	background-color: white;
}

blockquote {
	border-left: 3px solid #A51919;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	border-right: 1px solid grey;
	margin-left: 25px;
	padding: 10px 20px 0px 20px;
	background-color: #F6F6F6;
	border-radius: 0 10px 10px 0;
}

.indent {
	margin-left: 10px;
}

.alignc {
	text-align: center;
}
details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
	
}

details {z-index: 1000;}

@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}

/*summary 
{border-color: black;
	
		border-radius: 10px;
		background-color: #682c2c;
		color: white;
		margin: 5px 10px 10px 10px; 
		padding: 10px 10px 10px 10px;
	z-index: 1000;
		}*/


summary {
    border-color: white;
    border-radius: 10px;
    background-color: lightgray;
    color: black;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
		z-index: 1000;}

.sum-small 
{border-color: #494949;
		border-radius: 10px;
		background-color: #E6E6E6;
		color: black;
	z-index: 1000;
		}
.sum-lyrics {border-color: black;
	text-align: left;
		border-radius: 10px;
		background-color: #504F4E;
		color: white;
		margin: 10px 10px 10px 0px; 
		padding: 10px 10px 10px 10px;
		}

.lyrics {  }

.lyric-bg { background:#e3e3e3; padding: 10px;  }

.det-lyrics {padding-left: 20px;
text-align: center;}

.ox-toc {padding-left: 20px;}


	.middle-left {
		position: absolute;
		width: 100%;
		top: 50%;
		font-size: 2em;
		transform: translate(-50%, -50%);
	
	}

@media ( max-width :850px) {
	.middle-left {
		font-size: 1.5em;
	}
}

.indent {
	margin-left: 10%;
}


img { border: 0; } 

.img-container {
	position: relative;
	text-align: center;
}

.shadowl {
	text-shadow: 4px 4px 12px rgba(0, 0, 0, 1), -4px -4px 12px
		rgba(0, 0, 0, 1), 0px 0px 14px rgba(0, 0, 0, 1), 2px 2px 5px
		rgba(0, 0, 0, 1), -2px -2px 5px rgba(0, 0, 0, 1);
	color: white;
}

.menu-toggle {
	background: #0B0A10;
	color: white;
}
.menu-toggle:hover {
	background: white;
	color: #0B0A10;
}
.menu-toggle:focus {
	background: white;
	color: #0B0A10;
}

@media ( min-width :992px) {
	.menu-toggle {
		display: none;
	}
}

@media ( max-width:992px) {
.hide-mobile{
		display: none;
	}
}

.main {
	padding-right: 42px;
	padding-left: 20px;
	width: 98%!important
}


.contentToggle:focus {
	background: #FFFFFF;
	color: #580000;
}

.contentToggle:hover {
	background: #FFFFFF;
	color: #580000;
}

.marginless {
	margin-bottom: 0px;
}

.sideh3,.wb-sec-def h3, .wb-sec-def h4, .wb-sec-def .top-level {
	font-size: 100%;
	border-bottom: 0;
	margin: 0 0 3px;
	color: #666666;
}



.sideh3, .wb-sec-def a sideh3, .wb-sec-def h4 a, .wb-sec-def .top-level a,
	.wb-sec-def li a {
	display: block;
	color: #333;
	text-decoration: none;
}

.wb-sec-def ul {
	list-style-type: none;
	margin: 0 0 3px;
	padding: 0px;
}

.sideh3, .wb-sec-def sideh3 a, .wb-sec-def h4 a, .wb-sec-def .top-level a {
	font-weight: 700;
	background: #fff;
	padding: 2px 4px;
	border-top: 1px solid #A51919;
	
}

.wb-sec-def sideh3 a:hover, .wb-sec-def sideh3 a:focus, .wb-sec-def sideh3 a:active,
	.wb-sec-def h4 a:hover, .wb-sec-def h4 a:focus, .wb-sec-def h4 a:active,
	.wb-sec-def .top-level a:hover, .wb-sec-def .top-level a:focus,
	.wb-sec-def .top-level a:active, .wb-sec-def li a:hover, .wb-sec-def li a:focus,
 .wb-sec-def li a:active {
	text-decoration: none;
	background: grey;
	color: white;
}
.sidelink {	display: block;
	color: #333;
	text-decoration: none;
border: none}

.fab {color: #A51919}

.wb-sec-def li a {
	padding: 5px 0 0 10px;
	width: 90%;
}

.wb-sec-def {
	margin: 10%;
}


.wb-invisible {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	margin: 0 !important;
}

.nohover  a:hover, .nohover  a:focus, .nohover  a:active {
	text-decoration: underline;
	background-color: transparent; 
}




.middle-Left {
	line-height: 40px;
	color: #ffedc2;
}

@media ( max-width :1284px) {
	.wb-sec-def {
		margin: 10px 0px 0px 0px;
	}
}


.search {
	width: 300px;
	left: -235px;
	padding-left: 20px;
}

@media ( min-width :992px) {
	.hidden {
		display: none !important;
	}
}

@media ( max-width :992px) and (min-width:768px) {
	.hidden {
		display: block;
	}
}


@media ( max-width :768px) {


.hide {
		display: none;
	}


	.pop {
		margin-bottom: 0px !important;
		font-size: 1em;
	}
	footer{
		text-align:center; 
	}
}

@media ( max-width :700px) {

	.g-container {
		position: static !important;
	}
	.googleDown {
		position: static !important;
	}

	.middle-left {
		line-height: 35px;
	}
}

@media ( max-width :370px) {
	.middle-left {
		font-size: 1.3em;
		line-height: 30px;
	}
}

/* David's styles */
#myBtn2 {
	dispalay:none;
	position: fixed;
	top: 300px;
	right: 0px;
	height: 40px;
	z-index: 100;
	cursor: pointer;
	padding: 0px;
	border-radius: 4px;
	width: 100px;
	/*was 175 width, and -71 margin*/
	margin-right: -35px;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari 3-8 */
	transform: rotate(90deg);
}

#myBtn3 {
	position: fixed;
	right: 0px;
	z-index: 1;
	cursor: pointer;
	padding: 0px;
	border-radius: 4px;
	width: 27%;
	/**height:90vh;**/
}

.scroll {
	max-height: 90vh;
	overflow-y: auto;
}

.ccol{
	background:white;
}
a .menulink {
	background-color: #2b2b2b;
}

.menulink  a:hover  {
	background-color: white ;
	color: #2b2b2b !important;
}

@media ( max-width :992px) {
	.main {
		padding-left: 26px;
		width:98%!important;
	}
	.center {
		padding-right: 2px
	}
	#myBtn2 {
		height: 26px !important;
		right: 1px;
	}
	#myBtn {
		width: 26px !important;
	}
	#myBtn3 {
		width: 90%;
		right: 0px !important;
height:90vh;
		
	}
	
	.scroll {
	max-height: 90vh;
	overflow-y: auto;
}

	.g-container {
		position: static !important;
	}
	.googleDown {
		position: static !important;
	}
	header {
		background: #333D50;
	}

}

@media ( max-width :768px) {
	#myBtn3 {
		width: 90%;
		height:90vh;
		
	}
	.scroll {
		height:90vh;
		overflow-y: auto;
	}
	
/*	.wb-sec-def{
		display:none;
	}*/
	


.side-media li a{
	text-align: center;
	display: inline-block;
}

.side-media {
	display: flex;
	
	
}

.wb-sec-def li a {
	text-align: center;
}
.sideh3
{text-align: center;}
	}

@media (max-width :992px){
	.tocol  {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}
}
 .dropdown-menu {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

@media ( max-width :700px) {
	#myBtn3 {
		z-index: 5;
		cursor: pointer;
		padding: 0px;
		border-radius: 4px;
		width: 90%;
		height:90vh;
		
			
	}
	
	.scroll {
		max-height:90vh;
		overflow-y: auto;
	}
}

.dropdown-toggle:focus, .dropdown-toggle:hover {
	color: black;
	background: white;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 130px;
	width: 40px;
	right: 2px;
	z-index: 2;
	font-size: 18px;
	border-color: black;
	background-color: #A51919;
	color: white;
	cursor: pointer;
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 4px;
	border: 1px solid #0B0A10;
}

#myBtn:hover {
	background-color: white; 
	color: #580000;
}

#myBtn:focus {
	background-color: white;
	color: #580000;
}

.padtop {
	padding-top: 10px;
}

.foot-head {
	font-size: 110%;
	font-weight: 700;
	margin: 0px 0px 0px ;
	color: #222;
}

.foot-head>a, .foot-head>a {
	color: #222;
}

.foot-head>a:hover, .foot-head>a:focus, .footer-list>li>a:hover,
	.footer-list>li>a:focus, .legal:hover, .legal:focus {
	color: red;
	text-decoration: underline;
}

.footer-list {
	list-style-type: none;
	margin-bottom: 5px;
	padding: 0;
}

.footer-list>li>a, .legal {
	font-weight: 400;
	color: #222;
font-size: 90%;
}

footer {
	border-top: 1px solid #A51919;
}

.photoBack {
	background-color: rgb(239, 239, 239);
	padding-top: 6px;
	padding-bottom: 16px;
	
}

.bottom {
	background: #0B0A10;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bottom {
	background: #grey;
	padding-top: 10px;
	padding-bottom: 10px;
}


.bottomNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.bottomNav>li>a {
	color: white;
	font-size: 90%;
}

.bottomNav>li>a>span {
	font-weight: 700;
}

.bottomNav>li>a>span.last {
	font-size: 1.5em;
	margin-top: 6px;
}

.divided {
	border-left: 1px solid white;
}

.btn-primary {
	background: #A51919;
}

.btn-primary:focus, .btn-primary:hover {
	color: #580000;
	background: white;
}

.btn-primary:active {
	color: #580000 !important;
	background: white !important;
}

.skipnav {
	text-align: left;
}

.skipnav a {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skipnav a:focus, .skipnav a:active {
	position: static;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
}

.social {
	padding: 5px;
	border: 1px solid  #787878;
	border-radius: 15px;
	margin-top: 10px;
}

.gsc-search-button-v2:focus .gsc-search-button-v2:hover {
	background: white;
	color: black;
}

@media ( min-width :992px) and ( max-width :1045px) {
	.last {
		max-width: 178px;
	}
	.last .dropdown-item {
		overflow-wrap: normal !important;
		white-space: normal;
	}
}

@media ( max-width : 992px) {
	.last {
		max-width: 100% !important;
	}
}

.half-social {
	max-height: 600px;
	overflow-y: scroll;
}


nav a::after, .bookmark::after {
	content: none !important;
	margin: 0 0 0 5px;
}

.close {
	margin-right: 4px;
	margin-top: 2px;
}

.mb-sm section {
	text-align: left;
}

.mb-sm section {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition: all 0.4s ease-in-out;
}

.mb-sm a {
	color: #295376;
	font-size: 80%;
	text-decoration: underline;
}

.mb-sm h4 {
	font-size: 150%;
}



.mb-sm section:hover {
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

@media ( max-width : 576px) {
	#myBtn {
		bottom: 30px !important;
	}
	#myBtn2 {
		top: 310px;
	}
	#myBtn3 {
		top: 50px;
	}
}

a {
	color: #4D6FD6;
	border-bottom: 1px dotted;
}

li a {border-bottom: none}
h4 a {border-bottom: none}
h3 a {border-bottom: none}
h2 a {border-bottom: none}
h5  a {border-bottom: none}
h6  a {border-bottom: none}
a.nav-item {border-bottom: none}


sup a.footnote-link, .wet-boew-footnotes dl dd p.footnote-return a {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0 4px 1px;
	white-space: nowrap;
	color: #222;
}

sup a.footnote-link:hover {
	color: white;
	background: #222;
}

.infobox {
	float: right;
	width: 220px;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
	list-style-position: outside;
	margin-right: 8px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-radius: 10px;
	background-image:
		url(https://www.catholicbridge.com/images/decoration/bkgroundmenu.jpg);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, fff),
		color-stop(50%, fff), color-stop(100%, lightgrey));
	background: -moz-linear-gradient(top, white 0%, white 50%, lightgrey 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white',
		endColorstr='lightgrey');
}


/*Modal Dialog*/
.modal-dialog {
	max-width: 1000px;
}

.th-col {
	max-width: 1000px;
}

.tw-col {
	max-width: 600px;
}

.fr-col {
	max-width: 1200px
}



.modal-title  {
	font-size: 1.5em;
	    margin: auto;
	color: #640000 !important;
	
}
.modal h4 {
	color: black;
	font-weight: bold;
	
}

.modal a {
	color: black;
	font-size: 90%;
}

.modal a:hover {
	
}

.modal a:visited {
	color: black; 
	font-size: 90%;
	
}


.modal ul {
	list-style-type: none;
	padding: 0px;
}

.close-modal {
	color: white;
	background: #a51919;
	font-size: 1.5em;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

.close-modal:hover, .close-modal:focus {
	color: maroon;
	background: white;
}

.navbar-nav a {
	color: white;
	    
	
}

.navbar-nav a:visited {
	color: white ;
	   
}





.pipe {
	padding-right: 5px;
}

.pipe::after {
	content: "|";
	padding-left: 10px;
}

.modal .nav-item {
	padding-top: 0px;
	padding-bottom: 0px;
}

.modal .navbar a {
	padding-top: 2px;
	padding-bottom: 4px;
	font-weight:bold;
}

.footer-nav {
	-ms-flex-direction: row;
	flex-direction: row;
}


.navbar-footer {
	width: 100%;
	border: #fff;
	justify-content: center;
}

.navbar-footer .nav-item {
	padding-left: 5px;
	padding-right: 5px;
	ustify-content: center;
}

.navbar-footer .nav-item a {
	color: #640000 !important;
}



.modal-body{
	padding-bottom: 0px;
}
.modal-header {

	padding-top: 8px;
	padding-bottom: 8px;
	background:#ff9200;
	color: black;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #e2840461),
		 color-stop(100%, #ffb85ad4));
	background: -moz-linear-gradient(#ff9200 100%, top #ffb85a 0%);
	
	border-bottom-color: #a51919;
}
.modal-footer  {

	padding-top: 8px;
	padding-bottom: 8px;
	background:#ff9200;
	color: black;
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffb85ad4),
		 color-stop(100%, #e2840461));
	background: -moz-linear-gradient(#ffc06b 100%, top #ffb85a 0%);
	border-top-color: #a51919;
	text-align: center;
}

.modal-footer a {color: white}

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

.btn-menu {
	background-color: #111111;
	color: white;
	
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 0;
}

.btn-menu:focus, .btn-menu:hover {
	color: #0B0A10;
	background-color: white;
	border-radius: 0;
}
.btn-menu:focus, .btn-menu:hover a:visited {
	color: #0B0A10 !important;
}

@media ( min-width: 992px) {
	.g-in {
		display: none;
	}
}

@media ( max-width: 992px) {
	.heady {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.g-in {
		width: 100%;
		display: block;
		position: relative;
	}
	.g-pop {
		display: none;
	}
	
	.head {
		width: 80%;
	}
	.pipe::after {
		content: none !important
	}
	.skipnav, .social {
		display: none;
	}
}

.lBottom {
	font-family: 'Arial MT Bold', arial, helvetica, sans-serif;
	font-weight: 600;
}

header a:visited {
	color: white;
}
.table th {
   text-align: center;   
}

table .thead-dark th {background-color: #333333 !important;
border: black;}


table.table-bordered{
    border:1px solid #282828;
    margin-top:20px;
  }
th .table-bordered{
    border:1px solid #282828;
    margin-top:20px;
  }

table.table-bordered > thead > tr > th{
    border:1px solid #282828;
}
table.table-bordered > tbody > tr > td{
    border:1px solid #282828;
}

table.table-bordered > tbody > tr > th{
    border:1px solid #282828;
}

.head {
	height: 38px;
}
/*logo*/
#logo1 {
	color: #F5BD70;
	font-size: 200%
}

#logo2 {
	color: white;
	font-size: 200%
}

#logo3 {
	color: #F5BD70;
	font-size: 75%
}
lBottom-home {
	font-family: 'Arial MT Bold', arial, helvetica, sans-serif;
	font-weight: 600;}

#logo1-home {
	color: #F5BD70;
	font-size: 150%
}

#logo2-home {
	color: white;
	font-size: 150%;
}

#logo3-home {
	color: #F5BD70;
	font-size: 75%
}

#logo4-home {
	font-size: 60%
}
#logo4 {
	font-size: 80%
}
#bLogo1,#bLogo2{
	color: #F5BD70;
}
#bLogo2{
	font-size: 50%;
}
.navbar-brand:hover #bLogo2,.navbar-brand:focus #bLogo2, .navbar-brand:hover #bLogo1,.navbar-brand:focus #bLogo1{
	color:#580000;
}

/*
.mr-auto .right-item{
	width:210px;
	max-width:100%;
}
*/
.mr-auto-home .right-item-home{
	width:300px;  
	max-width:100%;
}


.navbar-footer ul.mr-auto{
	
	max-width:100%
}


/* Bulk import of David's classes from the wet version*/


img.float  {float: left; 
 left: -20px;
 margin-right:5px;
 padding: 10px 10px 10px 10px}
 
img.floatright 
 {	float: right; 
	right: -20px;
	margin-left:5px;
 	padding: 10px 10px 10px 10px
 }
 
 .nospace  {margin-bottom: 0; padding-bottom: 0;}

.indent {padding-left:50px}
.indent2 {padding-left:100px}
.indent3 {padding-left:150px}

.small
{
font-size: 80%
}

.box 
{
	background-color: #FEFDE8;
        padding: 10px;
		color: #000000;
          font-size: 120%;
        border-style: solid;
        border-color: #003366; 
        border-width: 1px 1px 1px 1px;
        text-align: center;
		margin: 0px 20px 10px 20px;	
		z-index: 1;
	border-radius: 10px;
	-moz-box-shadow: 8px 8px 5px -3px #888;
 	-webkit-box-shadow: 8px 8px 5px -3px #888;
 	box-shadow: 8px 8px 5px -3px #888;
 
	}
.box a:link
{ 	font-family: sans-serif;
	color: black;
	border: 1px solid black;
	padding: 1em;
	background: #FEFDE8;      
	}
.box a:hover
{ 	font-family: sans-serif;
	color: black;
	border: 1px solid black;
	padding: 1em;
	background: #FEFDE8;      
	}

	
.boxsmall 
{
	background-color: #FEFDE8;
	color: #000000;
	font-size: 120%;
	border-style: solid;
	border-color: #003366;
	border-width: 1px 1px 1px 1px;
	padding: .5em;
	border-radius: 10px;
	margin: 0px 10px 10px 50px;	
	-moz-box-shadow: 8px 8px 5px -3px #888;
 	-webkit-box-shadow: 8px 8px 5px -3px #888;
 	box-shadow: 8px 8px 5px -3px #888;
	}
	

	


	
.dblspace{margin-bottom:1em}



.spanishtitle
{color : #ffcc66;
}

.spanishtitlesmall
{color : #ffcc66;
font-size:64.5%; 
font-weight:bold;
padding-left: 5px;
width:180px;
height:12px}

.titlesmall
{color : #ffcc66;
font-size:64.5%; 
font-weight:bold;
padding-left: 5px;
width:180px;
height:12px}

.tocol {
	padding: 10px 0em 0em 10px;
	margin: 5px 0px 0px 0px;
	
	list-style-position: outside; color:#03C
	}
.toctitle{text-align:center; color:#580000; }
.tocli {text-decoration:none; }
a.tocli  {text-decoration:none;}
a.tocli:hover {text-decoration:underline; 
	color:black;}
a.tocli:visited {text-decoration:none; }	
#toc {
	float: right;

	width: 250px;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
	padding: 5px 10px 0px  5px;
	list-style-position: outside;
	margin-right: 8px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;

	border-radius: 10px;
	background-image: url(https://www.catholicbridge.com/images/decoration/bkgroundmenu.jpg) 	

}

#toc_orth {
	float: right;
	color: #03C;
	width: 250px;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
	padding: 5px 10px 0px  5px;
	list-style-position: outside;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-color:#dcdcdc;
	
	border-radius: 10px;
	background-image: url(https://www.catholicbridge.com/images/decoration/bkgroundmenu.jpg)
}
.alignl {text-align:left}
.alignr {text-align:right}
.alignc {text-align:center}

a.white {color: #FFF}
a.white:link {color: #FFF}
a.white:visited {color: #FFF}
a.white:hover {color: red}
a.white:active {color: red}

a.photo {color: #FFC}
a.photo:link {color: #FFC}
a.photo:visited {color: #FFC}
a.photo:hover {color: red}
a.photo:active {color: red}


p.nospace {margin-top: 0;}
p.title {margin-top: 0; color:maroon; text-align:center; margin-left:0; padding-left:0; font-size: 80%}
p.title_photos {margin-top: 0; color:#FC6; text-align:center; margin-left:0; padding-left:0; font-size: 80%}
ul.photos{border-top: 1px solid grey; }
li.photos{border-bottom: 1px solid grey; }
p.footerprayer {text-align:center; font-size:140%;}
.googlesearch {padding-left:15px; margin-right: 20px; width:90%}
a.topred {color: red}
a.topred:visited {color: red}
a.topred:hover {background: black; color: white}

	
blockquote {margin-bottom: 10px;}

/*Styles from canadapt  David*/




body {
	background: #ffffff;
	font-family: 'Roboto', sans-serif; 
	position: relative;
	font-size: 16px;
}

html, body {
	width: 100%;
	overflow-x: hidden;
}

.heading {
	font-size: 1.25em;
}



.subheading {
	font-size: 70%;
	padding-bottom: 60px;
	letter-spacing: normal;
	font-weight: 700;
}

.bold {
	font-weight: bold;
}



hr {
	width: 180px;
	border-color: #CCC;
}

.section-title h1 {
	font-size: 1.5em;
}

.section-title {
	padding-bottom: 2em;
	padding-top:2em;
}

.medium-icon {
	font-size: 2em !important;
}

#work, #about, #team, #portfolio, #pricing, #contact {

	padding-bottom: 30px;
}



.btn-danger {
	background-color: #A51919;
	border-color: black;
}

.btn-danger:hover {
	color: #A51919;
	background:white;
	border-color: black;
}

.endorse {
	padding: 8px 10px;
	border-radius: 15px;
	background: #A5A5A5; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top, #F8F8F8, #E8D8D8);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #F8F8F8, #E8D8D8);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #F8F8F8, #E8D8D8);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #F8F8F8, #E8D8D8);
	/* Standard syntax */
}

code {
	font-size: 80%;
	background-color: transparent;
}


.shadow {
	text-shadow: 4px 4px 12px rgba(0, 0, 0, 1), -4px -4px 12px
		rgba(0, 0, 0, 1), 0px 0px 14px rgba(0, 0, 0, 1), 2px 2px 5px
		rgba(0, 0, 0, 1), -2px -2px 5px rgba(0, 0, 0, 1);
	color: white;
}

.shadowheavy {
	text-shadow: 4px 4px 12px rgba(0, 0, 0, 1), -4px -4px 12px
		rgba(0, 0, 0, 1), 0px 0px 14px rgba(0, 0, 0, 1), 2px 2px 5px
		rgba(0, 0, 0, 1), -2px -2px 5px rgba(0, 0, 0, 1), 10px 10px 20px
		rgba(0, 0, 0, 1), -10px -10px 20px rgba(0, 0, 0, 1);
	color: white;
}

.shadowheavy2 {
	text-shadow: 4px 4px 12px rgba(255, 255, 255, 1), -4px -4px 12px
		rgba(255, 255, 255, 1), 0px 0px 14px rgba(255, 255, 255, 1), 2px 2px
		5px rgba(255, 255, 255, 1), -2px -2px 5px rgba(255, 255, 255, 1), 10px
		10px 20px rgba(255, 255, 255, 1), -10px -10px 20px
		rgba(255, 255, 255, 1);
	color: black;
}

.shadowlight {
	text-shadow: 0px 4px 6px rgba(0, 0, 0, 1), 0px -4px 6px rgba(0, 0, 0, 1);
	z-index: 1;
	color: white;
}

.hr-ruler {
	width: 50%;
	margin: 0 auto;
	height: 1px;
	background: #A51919;;
	overflow: hidden;
}

.hr-ruler-left {
	width: 50%;
	height: 1px;
	background: #A51919;;
	overflow: hidden;
}

.hr-ruler-gray {
	width: 50%;
	margin: 0 auto;
	height: 1px;
	background: #A51919;
	overflow: hidden;
}

.opacity-bg {
	background: black;
	background: rgba(0, 0, 0, 0.7);
}

.small {
	color: white !important;
}

.center {
	width: 100%;
	margin: 0 auto;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.section-title h2 {
	font-size: 3em;
	color: #333D50;
	font-weight: 400;
}

img.bottom {
	vertical-align: text-bottom;
}

.indent {
	padding-left: 10%
}

.indent2 {
	padding-left: 5%
}

.linebreak {
	padding-top: 6px
}

.skipnav {
	text-align: left;
}

.skipnav a {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skipnav a:focus, .skipnav a:active {
	position: static;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
}

/* ==========================================================================
 home section========================================================================== */

.splash-position {margin-bottom: 70vh}



#home {
	background-size: cover;
	background-position: center;
	color: #ffffff;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}

#home h1 {
	font-size: 2em;
}

#home h3 {
	font-size: 14px;
}

#home .btn {
	background: transparent;
	border: 2px solid #ffffff;
	border-radius: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 8px 30px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 16px;
	transition: all 0.1s ease-in-out;
}

#home .btn:hover {
	background: white;
	color: black;
	border-color: transparent;
}

#home .btn:focus {
	background: white;
	color: black;
	border-color: transparent;
}

#home .btn-danger:hover {
	border: 2px solid #ffffff;
	border-radius: 0;
	background: white;
	color: black;
	text-shadow: none;
}

#home .btn-danger:focus {
	border: 2px solid #ffffff;
	border-radius: 0;
	background: white;
	color: black;
	text-shadow: none;
}

#home .noindent {
	list-style-type: inside;
	padding-left: 0px;
	padding-right: 0px;
}



@media  ( min-width : 992px) {
.jumbotron {
/** padding: 40px 0px 0px 0px;**/
	 padding: 0px 0px 0px 0px;
	border-radius: 0;
	margin-bottom: 0px;
}
}

@media  ( max-width : 992px) {
.jumbotron {
 padding: 0px 0px 0px 0px;
	border-radius: 0;
	margin-bottom: 0px;
}
}
.bg-image {
	background-image:
		url("https://www.catholicbridge.com/images/splash/catholicbridge992.jpg");
}


@media ( max-width : 992px) {

	.width70home {
		width: 90%;
	}

	
}
@media ( max-width : 700px) {

.bg-image {
		background-image:
			url("https://www.catholicbridge.com/images/splash/catholicbridge992.jpg");
	}	
	

	.desktop-banner	{display: none;}
		.tiny-banner 	{display: none;}
	
 .desktop-player  {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
	
	
	.width70home {
		width: 90%;
	}

.section-title h2 {
	font-size: 2em;
}
}


@media (max-width : 750px) {
	.bg-image {
		background-image:
			url("https://www.catholicbridge.com/images/splash/catholicbridge576.jpg");
	}
	.width70home {
		width: 90%;
	}
	
}
@media (max-width : 400px) {
	.bg-image {
		background-image:
			url("https://www.catholicbridge.com/images/splash/catholicbridge400.jpg");
	}
	.width70home {
		width: 90%;
	}
	
	
}


@media ( min-width : 700px) {
	.mobile-banner	{display: none;}
	.tiny-banner 	{display: none;}
	
 .mobile-player  {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
	
}

@media ( max-width : 400px) {
	.mobile-banner	{display: none;}
	
	.desktop-banner	{display: none;}
	
	.tiny-banner {display: block}

	
}

@media ( max-width : 1071px) and ( min-width : 767px){
	
.desktop-player  {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }	
.mobile-player  {
    visibility: visible;
    clear: none;
    float: none;
    margin: 10px auto 5px 20px;
    width: 100%;
    display: block;
  }		
}

#chevron {
	position: fixed;
	bottom: 0;
	width: 12%;
	/*margin: 0 auto;
	background: rgba(0, 0, 0, 0.2);*/
	margin-bottom: 5px;
	font-size: 1.5em;
}

#chevron2 {
	position: fixed;
	bottom: 0;
	width: 12%;
	margin: 0 auto;
	/*background: rgba(0, 0, 0, 0.2);*/
	margin-bottom: 5px;
	font-size: 1.5em;
	z-index: 10;
}

/* ==========================================================================work section = Services========================================================================== */
#work {
	text-align: center;
}

#work ul {
  list-style: none;
}
#work 

a {color: black}

#work .col-md-4, #work .col-md-5, #work .col-md-6 {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	position: relative;
	transition: all 0.4s ease-in-out;
	margin-bottom: 0px;
}

#work .col-md-4:hover, #work .col-md-5:hover, #work .col-md-6:hover {
	background-color: #ffffff;
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
}

#work p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0px;
	text-align: left;
}

#work h3 {
	
	color: #333D50;
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 12px;
}

#work .fa {
	color: #5B5B5B;
}

#work .logomobile {
	width: 30%;
}

#work a .btn-danger:hover {
	color: black !important;

}

/* ==========================================================================about section = Bio========================================================================== */
#about blockquote {background: #3b3b3b; 
					color: #fff}
#about {
	background: #3B3B3B;
	color: #ffffff;
}

#about .nav-tabs {
	margin-top: 20px;
	border-bottom: 1px solid #606060;
}

#about .nav-tabs>li {
	float: left;
	margin-bottom: -1px;
}

#about .nav-tabs>li>a {
	display: block;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 20px;
	border: 0;
	border-radius: 0;
}

#about .nav-tabs>li>a:hover {
	background-color: transparent;
}

#about .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	color: #00c6d7;
	cursor: default;
	background-color: transparent;
	/*border: 1px solid transparent;*/
	border-bottom-color: transparent;
}

#about .tab-content {
	padding-top: 20px;
}

#about .tab-content a {
	color: #0CC;
}

.tab-content a:hover, .tab-content a:link {
	color: #FF0; 	text-decoration: none;
}

#about a {
	color: yellow;
}

#about a:hover a:focus {
	color: yellow;
}

#about blockquote {
	color: black;
	
}

.custom-button {
	color: white;
	outline-color: white;
}

#about .btn-danger:hover {

	background: white;
	color: #A51919;
}

#about .btn-danger:focus {
	
	background: white;
	color: #A51919;
}

#about .btn-danger {
	
	color: white;
	
}

/* ==========================================================================team section = Endorsements========================================================================== */
#team {
	text-align: center;
}

#team h3 {
	color: #00c6d7;
	font-size: 14px;
	font-weight: bold;
}

#team .col-md-3 {
	padding-top: 20px;
	padding-bottom: 20px;
}

#team .team-wrapper {
	overflow: hidden;
	position: relative;
}

#team .team-des {
	background-color: rgba(00, 00, 00, 0.6);
	position: absolute;
	color: #ffffff;
	opacity: 0;
	max-width: 500px;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 0.4s ease-in-out;
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#team .team-des:hover {
	opacity: 1;
}

#team img {
	margin: 0 auto;
}

#team .social-icon li a {
	color: #fff;
}

#team .social-icon li a:hover {
	color: #00c6d7;
}

#team blockquote {
	text-align: left !important;
}

#team em {
	text-align: left !important;
}

#team .quote-color {
	color: #580000;
}

#team .fa {
	color: #5B5B5B;
}

blockquote .bq-home{
	border-left: 5px;
	border-top: 5px;
	border-bottom: 5px;
	border-right: 5px;
	padding: 5px;
	
	border-radius: 0px 0px 0px 0px;
}

/* ==========================================================================portfolio section========================================================================== */
#portfolio {
	background-color: #f6f6f6;
	text-align: center;
}

#portfolio .container {
	width: 100%; /* padding: 0;*/
	margin: 0;
}

#portfolio img {
	width: 100%;
	transition: all 0.4s ease-in-out;
}

#portfolio img:hover {
	opacity: 0.5;
} 

/* FILTER CSS */

.filter-wrapper {
	width: 100%;
	margin: 40px 0 24px 0;
	overflow: hidden;
	text-align: center;
}

.filter-wrapper li {
	display: inline-block;
	margin: 4px;
}

.filter-wrapper li a {
	color: #999999;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 8px 17px;
	display: block;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
}

.filter-wrapper li .selected, .filter-wrapper li a:focus,
	.filter-wrapper li a:hover {
	color: #00c6d7; 
}
.iso-box-section { 
	
}

.iso-box-wrapper { 
	padding: 0;
	clear: both;
	position: relative;
}

.iso-box {
	position: relative;
	min-height: 50px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}

.iso-box>a {
	display: block; 
	height: 100%;
	overflow: hidden;
}

.iso-box>a {
	display: block; 
	height: 100%;
	overflow: hidden;
}

.fluid-img { 
	display: block;
}

#portfolio .btn {
	font-size: 16px;
	font-weight: bold;
	padding: 16px 60px;
	transition: all 0.4s ease-in-out;
	margin-top: 20px;
}
/* ==========================================================================pricing section = blog  (and also the courses page web_accessibility_training_in_ottawa========================================================================== */
#pricing, #courses {
	text-align: center;
}

#pricing h2 {
	font-size: 52px;
}

#pricing h3, #courses h3 {
	font-size: 1.5em;
	text-align: center;
	color: #580000;
	line-height: 1.5em;
	letter-spacing: 1px;
}

#pricing h3 a.link {
	color: #580000;
}

.plan {
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 24px;
	padding-right: 10px;
	padding-left: 10px;
}

#pricing .plan span, #courses .plan span {
	font-size: 16px;
}

#pricing .plan .plan_title, #courses .plan .plan_title {
	font-weight: 300;
	letter-spacing: 2px;
} /* Radius circle around icon  */
#pricing .medium-icon, #courses .medium-icon {
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
	border-radius: 50%;
	font-size: 52px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	margin-bottom: 32px;
}

#pricing .plan ul, #courses .plan ul {
	padding: 0px;
}

#pricing .btn-big, #courses .btn-big {
	font-size: 16px;
	font-weight: bold;
	padding: 16px 60px;
	transition: all 0.4s ease-in-out;
	margin-top: 20px;
}

#pricing p, #courses p {
	padding-top: 10px;
}

#pricing .btn-big, #courses .btn-big {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 16px 60px;
	transition: all 0.4s ease-in-out;
	margin-top: 20px;
	text-transform: uppercase;
}

#pricing .plan-one .btn {
	background-color: #580000;
}

#courses .plan-one .btn {
	background-color: #580000;
}

#pricing .plan-two .btn {
	background-color: black;
}

#courses .plan-two .btn {
	background-color: #020C7F;
}

#pricing .plan-three .btn {
	background-color: #013C18;
}

#courses .plan-three .btn {
	background-color: #013C18;
}

#pricing .plan .btn:hover {
	background-color: #3B3B3B;
}

#courses .plan .btn:hover {
	background-color: #3B3B3B;
}

#pricing .plan-one h3 {
	color: #580000;
}

#pricing .plan-two h3 {
	color: black;
}

#pricing .plan-three h3 {
	color: #013C18;
}
/* ==========================================================================contact section========================================================================== */

#blog {text-align: center}



/* ==========================================================================Content Pages========================================================================== */
.content-header {
	background: #C3C3C3;
	background-size: cover;
	color: #ffffff; 
	padding-top: 8px;
	border-color: #580000; 
}

#content-section h1, #coursesintro h1 {
	font-size: 2.5em;
	color: #580000;
	font-weight: 400;
	padding-bottom: 0px;
	margin-top: 0px;
}

.section-title-content {
	padding-bottom: 20px;
	padding-top: 50px;
}

.opacity-bg1 {
	background: black;
	background: rgba(0, 0, 0, 0.2);
}


.content-sub-head {
	font-size: medium;
	font-weight: normal;
	letter-spacing: normal;
}

.content-aside-logo {
	width: 100%;
}


.size80 {
	font-size: 80%;
}

a.link-black {
	color: black;
}

a.link-white {
	color: white;
}

/* ==========================================================================Courses Intro - see also pricing section above for combined classes========================================================================== */
#courses .plan {
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.50);
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 24px;
	padding-right: 10px;
	padding-left: 10px;
}

#courses .reverse-contrast {
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
	padding-top: 3px;
	padding-bottom: 6px;
	margin-bottom: 0px;
	padding-right: 6px;
	padding-left: 6px;
}

#coursesintro h2, #courses h2 {
	font-size: 2em;
}

#coursesintro h3 {
	font-size: 1.2em;
}

.reverse-contrast {
	background-color: #3b3b3b;
	color: #ffffff;
}

.gray-back {
	background-color: #DBDBDB;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top:6px;
	padding-bottom: 6px;
	border-bottom: solid;
	border-top: solid;
	border-top-color: #580000;
	border-bottom-color: #580000;
}

.reverse-contrast a {
	color: yellow;
}

.reverse-contrast i {
	color: yellow;
}

.black {
	color: black;
}

.plain {
	font-weight: 100 !important;
}



.course-category {
	margin-bottom: 24px;
	margin-top: 24px;
	border-bottom: #580000;
	border-top: #580000;
}

#courses .hr-ruler {
	width: 90%;
	margin: 0 auto;
	height: 1px;
	background: #A51919;
	overflow: hidden;
	
}

#left-list ul {
	list-style: none;
	padding-left: 0;
}

blockquote .recs {
	margin: 40px 0px 0px 0px;
	padding-right: 18px;
	font-size: 1em;
}

/* ==========================================================================Audit page = Services========================================================================== */

#audit2 h1 {
	font-size: 40px;
}

#audit2 h3 {
	font-size: 14px;
}

#audit2 hr {
	width: 240px;
}

#audit2 .btn { 
	background: #ee3432;
	border: 2px solid #ffffff;
	border-radius: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 8px 30px;
	margin-top: 20px;
	margin-right: 16px;
	transition: all 0.1s ease-in-out;
}

#audit2 .btn:hover {
	background: white;
	color: black;
	border-color: transparent;
}

#audit2 .btn-danger:hover {
	border: 2px solid #ffffff;
	border-radius: 0;
	background: white;
	color: black;
	text-shadow: none;
}

#audit2 {
	text-align: center;
	padding-top: 40px;
}

#audit2 .col-md-4 {
	padding-top: 28px;
	padding-right: 28px;
	padding-left: 28px;
	padding-bottom: 28px;
	position: relative;
	transition: all 0.4s ease-in-out;
	margin-bottom: 0px;
}

#audit2 .col-md-4:hover {
	background-color: #ffffff;
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
}

#audit2 .col-md-6 {
	padding-top: 28px;
	padding-right: 28px;
	padding-left: 28px;
	padding-bottom: 28px;
	position: relative;
	transition: all 0.4s ease-in-out;
	margin-bottom: 0px;
}

#audit2 .col-md-6:hover {
	background-color: #ffffff;
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
}

#audit2 p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0px;
	text-align: left;
}

#audit2 h3 {
	
	color: #580000;
	font-size: 1.4em;
	text-align: center;
	padding-bottom: 12px;
}

#audit2 .fa {
	color: #5B5B5B;
}

#audit2 ul {
	list-style-position: outside;
	padding-left: 10px;
}

#audit2 li.top {
	padding-top: 0px;
	margin-top: 0px;
}

#audit {
	background-size: cover;
	background-position: center;
}

#audit h1 {
	font-size: 2.5em;
}

/*=========Services========*/
#work .plan {
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.50);
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 24px;
	padding-right: 10px;
	padding-left: 10px;
}

.spacer {
	background: transparent;
	height: 40px;
}

.carousel {
	overflow: hidden;
}
.gray-back>h2{
	padding-top:.4rem!important;
}

@media ( max-width :1080px) {
	.custom-navbar .nav li a {
		font-size: 13px !important;
	}
}
.icon{
	margin-bottom:10px
}

/*==========================================================================Blog========================================================================== */

#menus{
	background: url(http://theivyrestaurants.com/images/our-story/bg/ivymenubg.jpg) no-repeat
		center bottom;
}
.menubox{
	overflow:scroll;
	max-height:80%;
	border:20px; 
		border-color: grey;
}
.reserve{
	text-align:center;
	position: relative;
	height: auto;
	min-height: 350px;
	width: 100%;
	margin: 0;
	padding: 0 0 1px 0;
	background: rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.08);
	box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.08);
	overflow: hidden;
	
	background-size: cover;
}
.contact{
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	
	-webkit-background-size: cover;
	background-size: cover;
}
.btn-custom{
	background-color:white;
	color:#306A78;
	width:260px;
	margin:20px;
	font-size:1.3em!important;
	
}
.btn-custom:hover{
	background-color:#306A78;
	color:white;
}
.btn-custom:focus{
	background-color:#306A78;
	color:white;
}
.rh>h2{
	padding-top:20px;
	color:white;
	font-size:3em!important;
}
.footerText{

	color:white;
	text-align:center;
}
.gallery{
	padding-top:15px;
	padding-bottom:15px;
	margin-right:auto;
	margin-left:auto;
}
.fancybox-button--thumbs{
	display:none!important;
}

.email{
	text-decoration:underline;
	color:white;
}
.email:hover{
	color:white;
}
a{
	color:#375DDE;
}
code{
	color:#c7254e!important;
}
@media(max-width:450px){
	#logo1-home, #logo2-home, #logo1, #logo2{
		font-size:1.2em;
	}
}
@media(max-width:360px){
	#logo1-home, #logo2-home,  #logo1, #logo2{
		font-size:1em;
	}
	#logo4-home{
		font-size:50%;
	}
}
.noBorder{
	border:none;
}
.shadow-home{
	text-shadow: 4px 4px 12px rgba(0, 0, 0, 1), -4px -4px 12px
		rgba(0, 0, 0, 1), 0px 0px 14px rgba(0, 0, 0, 1), 2px 2px 5px
		rgba(0, 0, 0, 1), -2px -2px 5px rgba(0, 0, 0, 1);
	color: white;
}

/*	.sec2{
		padding-top:43px;
	}*/

@media(min-width : 992px){
/*	.sec2{
		padding-top:47px;
	}*/
}
.navbar-nav a:focus, .navbar-nav a:hover{
	color: #0B0A10;
}


/*Sass variables*/