/*.sns-psalm {
		display:none;
	}*/

	/*initialization */
		  .bd-placeholder-img {
			font-size: 1.125rem;
			text-anchor: middle;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		  }

		  @media (min-width: 768px) {
			.bd-placeholder-img-lg {
			  font-size: 3.5rem;
			}
		  }

	/* Colors */
	sns-dmmaroon { color:#370000;}
	sns-lmaroon {color:#008040;}
	sns-dblue {color:#097182;}
	sns-lblue {color: #1485CC;}
	sns-mblue {color:#208395;}
	.lead, p, h1, h2, h3, h4 {font-weight: normal;}
	}


	/* Top nav */
	body {
	  padding-top: 4.5rem;
	  /*margin-bottom: 60px;*/
	}
	
	main.container{margin-top:2rem;}

	.fos-blurb{font-size:1.2em;}

	.sns-topic-help {
		padding: 1rem 1rem 2rem 1rem;
	}

	div.btn-group {
		width:100%;
	}
	
	span.fos-nav-title {
			/* color:#004c26; */
			color:#008040; 
			font-size:1.3rem;
	}
	span.fos-nav-bigtitle {
			/* color:#004c26; */
			color:#008040; 
			font-size:6rem;
	}	
	
	ul.navbar-nav > li.nav-item > a.fos-navbar {
		color:#008040;
	}
	a.nav-link {font-size:1.5em;}

	.navbar {
		border-top: 5px solid #008040;
		border-bottom: 5px solid #008040;
	}
	
	li.nav-item > a.active {
		color: #15673E !important;
		font-weight:500 !important;
	}	

	/* Slider */
	img.hero{
	  object-fit: cover !important;
		top: 0;
		left: 0;
		height:100%;
		width:100%;
	}	

	/* Footer */
	footer {
	/*    position: absolute;
		bottom: 0;
		width: 100%;
		height: 60px;
		line-height: 60px; 
		*/
		padding-bottom:1.5rem !important;
		background-color: #008040;
	}

	section {
		display:block;
		box-sizing: border-box;
	}

	.topic-questions a {
		padding-right:1rem;
	}


	.h3, h3 {
		font-size:1.4rem;
	}

	/*fixer for nav bar*/
	.sns-index-top { 
		/*margin-top:4rem;*/
	}

	.sns-topic-2 {
		color:#208395;
	}

	.sns-topic-3 {
		color:#008040;
	}

	.col-md {
		padding:0rem 1rem;
	}

	.jumbotron {
		padding: 2rem 1rem;		
		background-color:#F8F8F8;
		margin-bottom:.25rem;
		margin-top:1rem;
	}

	.topictron {
		padding: 1rem 0rem 2rem 0rem;
		background-color: #fff;
		border-radius: .3rem;
		border: 2px 
	}

	.topictron > p {
		margin-bottom: 0;
		display: block;
		margin-block-start: 0px;
		margin-block-end: 0px;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
	}

	div.sns-btn {
		padding-bottom: 1rem;
		margin-top:1rem;
	}

	.sns-topic-btn {
		margin: 0 auto;
		display: block;
		max-width:200px;
		margin-top:1rem;	
	}

	.btn-primary {
		color: #fff;
		background-color: #008040;
		border-color: #097182;
	}
	a { color: #1485CC; }

	.btn-not-primary {
		color: #1485CC;
		background-color: #fff;
		border-color: #097182;
	}

	.btn-not-primary:hover {
		color: #008040;
		border-color: #008040;
		text-decoration: none;
	}

	.btn-primary:hover {
		color:#00B35A;
		background-color: #208395;
		border-color: #097182
	}

	.btn-primary:focus,
	.btn-primary.focus {
		background-color: #1485CC;
		border-color: #097182;
		box-shadow: none;
	}

	.btn-primary.disabled,
	.btn-primary:disabled {
		color: #fff;
		background-color: #1485CC;
		border-color: #5bc2c2
	}

	.btn-primary:not(:disabled):not(.disabled):active,
	.btn-primary:not(:disabled):not(.disabled).active,
	.show>.btn-primary.dropdown-toggle {
		color: #fff`;
		background-color: #097182;
		border-color: #208395;
	}

	.btn-primary:not(:disabled):not(.disabled):active:focus,
	.btn-primary:not(:disabled):not(.disabled).active:focus,
	.show>.btn-primary.dropdown-toggle:focus {
		color: #fff;
		background-color: #097182;
		border-color: #208395;
		box-shadow: none;
	}

	.btn-outline-primary {
		color: #1485CC;
		background-color: transparent;
		background-image: none;
		border-color: #7cc
	}

	.btn-outline-primary:hover {
		color: #222;
		background-color: #8ad3d3;
		border-color: #7cc
	}

	.btn-outline-primary:focus,
	.btn-outline-primary.focus {
		box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
	}

	.btn-outline-primary.disabled,
	.btn-outline-primary:disabled {
		color: #1485CC;
		background-color: transparent
	}

	.btn-outline-primary:not(:disabled):not(.disabled):active,
	.btn-outline-primary:not(:disabled):not(.disabled).active,
	.show>.btn-outline-primary.dropdown-toggle {
		color: #fff;
		background-color: #8ad3d3;
		border-color: #7cc
	}

	.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
	.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-primary.dropdown-toggle:focus {
		/*box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)*/
		box-shadow: none;
	}

	div.sj-prayer {
		margin-bottom:1rem;
	}
	
	/* St Joseph Page */
	p.sjlinks a {
		padding-right:2oem;
	}
	
	b.sj-begin {
	   color: #008040;
	}	

	p.sjlinks a.active {
		font-weight:bold;
		color:inherit;
	}
	p.sj-litany {margin-bottom:.5rem; font-size:1.2em}

       div.sj-prayer {margin-bottom:.5rem;}

    @media (min-width:320px)  {
		main.container {margin-top:1rem; min-height:20vh;}
		.slider {margin-right:0; margin-left:0;}
		div.carousel-item {height:100%; width:100%;}
		img.hero {height:100%; width:100%;}
		.fos-big {display:none; !important}
	}

    @media (min-width:560px)  {
		main.container {margin-top:1rem; min-height:40vh;}
		.slider {margin-right:10%; margin-left:10%;}
		.fos-small {display:none; !important}
		.fos-big {display:block; !important}
	}

    @media (min-width:992px)  {
		.fixed-top {position:relative;}
		main.container {margin-top:1rem; min-height:74vh}
		.slider {margin-right:20%; margin-left:20%;}
		.fos-small {display:none; !important}
		.fos-big {display:block; !important}		
	}