/*
|-------------------------------------------------------------------------
| Colorado Pro
| Global style
| version 1.0
| http://blackjackproductions.com
| 
|--------------------------------------------------------------------------
| 1.0 Base
| 2.0 Color themes
|  -- 2.1 - Design A Colors
|  -- 2.2 - Design B Colors
|  -- 2.3 - Design C Colors
|  -- 2.4 - Design D Colors
|
*/

section {
	min-height: 210px;
	padding:20px 0 20px; 
	background-color:rgba(209,178,129,.2); 
	background-repeat:no-repeat; 
	background-position:center top; 
}

.designB section {
    background-color: #e8e6f3;
}

section:nth-child(even) {
	background: #fff;
}

section:nth-child(2) {
	background-color:rgba(255,255,255, 0.1) !important;
}

h1, h2, h3, h4, h5, h6, b {
    font-family: 'Copperplate', 'Copperplate Gothic Light', 'Libre Baskerville', 'Balthazar',  serif;
}

.designB h1, 
.designB h2, 
.designB h3, 
.designB h4, 
.designB h5, 
.designB h6,
.designB h6 a,
.designB b {
    font-family: 'Copperplate', 'Copperplate Gothic Light', 'Balthazar','Libre Baskerville', serif;
    color: #A83428;
}


table {
    border-collapse: collapse;
    background-color: #fff;
}

.footer-content {
	padding: 10px 0;
}

.copyright {
	padding: 10px 0;
	color: #FFF1DB;
	text-align: center;
	font-size: small;
}

/* 
|-------------------------------------------------------------------------
| 1.0 Base Styles 
| 
*/
	
	.navbar-logo {
	  width: 90px;
	}
	
	
	.assocLogo {
	    max-width: 50px;
	}
	
	/* Stiky Bootstrap */
	.sticky.is-sticky {
	  position: fixed;
	  left: 0;
	  right: 0;
	  top: 0;
	  z-index: 1000;
	  width: 100%;
	}

/* End 1.0 */

/* 2.0 Color themes */
	/*/ 2.1 - Design A Colors /*/
	/* 
	|-------------------------------------------------------------------------
		The primary colors for this design are:
		- light tan: #eadcc9
		- tan: #e8e1d5
		- brown: #473d33
		- orchre: #edcc7f
		//color variations below
		- Main brown color variation (buttons)] #403C37
		- Dark tan variation: #E5D8C5
		- DUll brown/grey: #7F786E
		- Bright tan: #FFF1DB
	 -------------------------------------------------------------------------|
	*/
	
	input[type="date"], 
	input[type="email"], 
	input[type="number"], 
	input[type="password"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="text"], 
	input[type="url"], 
	select, 
	textarea, 
	input.qty {
	    color: #473d33;
	    background-color: rgba(164, 151, 120, 0.2);
	    border-color: #473d33;
	}
	
	a:hover {
		color: #473d33;
	}
	
	a:active {
		color: #9D9E99;
	}
	
	a:active {
		color: #9D9E99;
	}
	
	.nav-link {
	    padding: 0 0 6px;
	}
	
	.mainNav li.nav-item a.nav-link:hover {
		color: #FE9E00;
	}
	
	footer a {
		color: #EDCC7F;
		text-shadow: 1px 1px 1px #6c5e51;
	}
	
	footer a:hover {
		color: #FE9E00;
	}
		
	.bg-primary {
	    background-color: #473d33 !important;
	}
	
	.designB .bg-primary {
	    background-color: #092c54 !important;
	}
	
	input[type="button"] {
	    border-color: #edcc7f;
	    color: #edcc7f !important;
	}
	
	.introSection h1 {
		color: #ECCA79;
		text-align: center;
		text-shadow: #473D33 2px 1px 4px;
	}
	
	.float-left.headerIcon {
		max-height: 70px;
		max-width: 70px;
		padding: 0;
		margin: 0 10px 10px 0;
	}
	
	.card-img-top {
		display: block;
		max-width: 100%;
		height: 200px;
		border-top-right-radius: calc(.25rem - 1px);
		border-top-left-radius: calc(.25rem - 1px);
		background-size: cover;
	}
	
	.card-block svg {
	    width: 100%;
	}

	/*/ 2.2 - Design B Colors /*/
	
	/*/ 2.3 - Design C Colors /*/
	
	/*/ 2.4 - Design D Colors /*/
	
	
/* End 2.0 */


/* 3.0 Design A styles */
body, 
button, 
span.date_label, 
.timeline_items li h3 span, 
input[type="submit"], 
input[type="reset"], 
input[type="button"], 
input[type="text"], 
input[type="password"], 
input[type="tel"], 
input[type="email"], 
textarea, 
select, 
.offer_li 
.title h3 {
    font-family: "Lato", Arial, Tahoma, sans-serif;
    font-weight: 400;
}

.navbar-toggleable-sm > .container {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

#logo {
    max-height: 52px;
}

.logo-main {
    display: none;
	visibility: hidden;
}

.footerLogo {
	display: none;
	visibility: hidden;
}

.footerLogoMark {
	display: block;
	visibility: visible;
}

.nav.navbar-nav.rspsvNav {
    display: none;
}

.nav.navbar-nav.rspsvNav.shown {
    position: fixed;
	z-index: 4990;
	top: 56px;
	height: auto;
	display: inline-block;
	width: 100%;
	right: 0px;
	padding: 0 10px;
	background: #fff1db;
}

.rspsvNav .nav-item {
	height: 40px;
    border-bottom: 1px solid #473d33;
}

.rspsvNav .nav-item a.nav-link {
	color: #473d33;
    vertical-align: middle;
    line-height: 40px;
}

.rspsvNav .nav-item:hover {
    background: #473d33;
}

.rspsvNav .nav-item a.nav-link:hover {
	color: white;
}

.mobileNavbar {
	display: block;
	visibility: visible;
}

.mobileLogo {
    display: inline-block;
    max-height: 40px;
    margin-top: 0;
    text-align: left;
    max-width: 71px;
}

.mobileNav {
    display: block;
    height: 25px;
    width: 30px;
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
}

.mainNav {
	display: none;
}

.centerLogo {
	display: none;
	visibility: hidden;
}

/* Begin header section styling */
section.introSection {
    /*background: url(../img/morgueFile/emotion/matthew-henry-35963.jpg) center no-repeat fixed;*/
    background: url("../img/morgueFile/cashCard/credit-squeeze-522549_1920.jpg") center no-repeat fixed;
	background-size: cover;
	min-height: 210px;
}

section.aboutSection {
	height: 210px;
}

.aboutSection::after {
	content: "";
	position: absolute;
	top: 56px; 
	left: 0;
	width: 100%; 
	height: 210px;  
	opacity: .7; 
	z-index: -1;
	background: url(../img/morgueFile/cashRegister/4094383080_8bc6d6b68a_o.jpg) center no-repeat fixed;
	background-size: cover;
}

section.premiseSection{
	height: 210px;
}

.premiseSection::after
{
	content: "";
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	height: 210px;
	opacity: .7;
	z-index: -1;
	background-size: cover;
	background-image: url(../img/morgueFile/cashCard/8265436713_794e63869d_o.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}


section.feesSection {
	height: 210px;
}


section.feesSection::after
{
	content: "";
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	height: 210px;
	opacity: .7;
	z-index: -1;
	background-size: cover;
	background-image: url(../img/morgueFile/cashCard/wallet-2125548_1920.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
	
	
section.faqsSection {
	height: 210px;
}

section.faqsSection::after
{
	content: "";
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	height: 210px;
	opacity: .7;
	z-index: -1;
	background-size: cover;
	background-image: url(../img/morgueFile/emotion/father-1633655_1920.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

section.reasonSection {
	height: auto;
}


section.comparisonSection {
	height: 210px;
}

.comparisonSection::after
{
	content: "";
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	height: 210px;
	opacity: .3;
	z-index: -1;
	background-size: cover;
	background-image: url(../img/morgueFile/emotion/debt-1376061_1280.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

.brace {

    width: auto;
    min-width: 35px;
    margin-bottom: 20px;
    padding-bottom: 55px;
    font-size: 2em;
    line-height: 2em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    margin: 0 15px 60px;
    border: none;
    background-color: transparent;
    background-image: radial-gradient(circle at -1px 19px, rgba(255,255,255,0) 14.5px, #ecca79 15.5px, #ecca79 19.5px, rgba(255,255,255,0) 20.5px), radial-gradient(circle at 35px 18px, rgba(255,255,255,0) 14.5px, #ecca79 15.5px, #ecca79 19.5px, rgba(255,255,255,0) 20.5px);
    background-size: 35px 20px;
    background-position: center bottom;
    background-repeat: no-repeat;
    text-transform: none;
    font-style: italic;
    color: #ECCA79;
    text-shadow: 1px 3px 1px black;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.15));
    -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.15));

}

.brace:before {
  width: 50%;
	border-top: 5px solid #ECCA79;
	border-left: 1px solid transparent;
	border-top-left-radius: 20% 30px;
	height: 100%;
	content: "";
	position: absolute;
	top: -11px;
	left: -15px;
	box-sizing: border-box;
	margin-top: -5px;
	transform: rotateX(180deg);
}
.brace:after {
  	width: 50%;
	border-top: 5px solid #ECCA79;
	border-right: 1px solid transparent;
	border-top-right-radius: 20% 30px;
	height: 100%;
	content: "";
	position: absolute;
	top: -11px;
	right: -10px;
	box-sizing: border-box;
	margin-top: -5px;
	transform: rotateX(180deg);
}
/* End header section styling */

.aboutUsImg {
	background: url("../img/morgueFile/cashRegister/4094383080_8bc6d6b68a_o-thumb.jpg") center no-repeat;
}

.premiseImg {
	background: url("../img/morgueFile/cashCard/8266503630_0367ef9ff0_o-thumb.jpg") center no-repeat;
}

.comparisonImg
{
	background-image: url("../img/morgueFile/emotion/debt-1376061_1280-thumb.png");
	background-repeat: no-repeat;
	background-position: center;
}

.faqsImg
{
	background-image: url("../img/morgueFile/emotion/father-1633655_1920-thumb.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

.card-img-top a {
    display: block;
    width: 100%;
    height: 100%;
}

li div[role="tablist"] {
    margin-top: 10px;
    margin-bottom: 10px;
}
	
.card-header h6,
.card-header h6 a {
    display: block;
    width: 100%;
    height: 100%;
}

.quotes {
	display: none;
	padding: 30px 20px;
    text-align: center;
    font-size: large;
    min-height: 220px;
    background: rgba(246, 235, 235, 0.7);
    border-radius: 7px !important;
}

input#pooh { display: none; }

.testimonials.carousel-item {
    line-height: 30px;
}

.testimonials blockquote {
    margin: 0 auto 1rem;
    max-width: 75%;
    font-size: 1rem;
}

.testimonials blockquote img {
    border-radius: 50%;
    margin-right: 20px;
    float: left;
    background: #f5f5f5;
}

.testimonials .col-12 blockquote {
    background: rgba(221, 221, 221, 0.81);
    min-height: 135px;
    padding: 10px;
}

#accordion h6 a {
	display: block;
	width: 100%;
	height: auto;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 1;
}

.carousel-control-prev {
    left: -40px;
}

.carousel-control-next {
    right: -40px;
}

.feesMin em {
	font-size: small;
}

.whyCPS th {
	padding: 0 10px;
}

.whyCPS td {
	padding: 0 15px;
}

.smallcaps {
	font-variant: small-caps;
}

address {
    font-size: smaller;
    color: white;
}

.carousel {
	position: relative;
	max-width: 240px;
	margin: auto;
}

/* Styles for screens smaller than 482px */
@media only screen and (max-width: 482px) {
/* Styles for brace H1 text smaller than 482px */
	.brace
	{
		font-size: 2em;
		line-height: 1em;
	}
}

/* End of Styles for brace H1 text smaller than 482px */

/* Styles for screens larger than 767px */
@media only screen and (min-width: 767px) {
	#logo {
		max-height: 65px;
	}
	
	.logo-main {
		display: block;
	    max-height: 65px;
	    margin-top: -8px;
	    text-align: center;
	    visibility: visible;
	}
	
	.mobileNavbar,
	.mobileLogo, 
	.mobileNav,
	.rspsvNav {
		display: none;
		visibility: hidden;
	}
	
	.mainNav {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	
	.centerLogo {
		display: block;
		visibility: visible;
	}
	
	/* Begining of Section styling */
		
	section.introSection {
    	background: url("../img/morgueFile/cashCard/credit-squeeze-522549_1920.jpg") center no-repeat fixed;
		background-size: cover;
		min-height: 700px;
	}
	
	section.aboutSection {
		min-height: 320px;
	}
	
	section.aboutSection::after {
		content: "";
		position: absolute;
		top: 0; 
		left: 0;
		width: 100%; 
		height: 400px;  
		opacity: .8; 
		z-index: -1;
		background: url(../img/morgueFile/cashRegister/4094383080_8bc6d6b68a_o.jpg) center center no-repeat fixed;
		background-size: cover;
	}
	
	section.premiseSection{
		height: 320px;
	}
	
	.premiseSection::after
	{
		content: "";
		position: absolute;
		top: 56px;
		left: 0;
		width: 100%;
		height: 350px;
		opacity: .7;
		z-index: -1;
		background-size: cover;
		background-image: url(../img/morgueFile/cashCard/8265436713_794e63869d_o.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
	}
	
	section.feesSection {
		min-height: 320px;
	}
	
	section.feesSection::after
	{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 400px;
		opacity: .7;
		z-index: -1;
		background-size: cover;
		background-image: url(../img/morgueFile/cashCard/wallet-2125548_1920.jpg);
		background-repeat: no-repeat;
		background-position: center 2px;
		background-attachment: fixed;
	}
	
	section.faqsSection {
		min-height: 320px;
	}
	
	section.faqsSection::after
	{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 400px;
		opacity: .7;
		z-index: -1;
		background-size: cover;
		background-image: url(../img/morgueFile/emotion/father-1633655_1920.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
	}
	
	section.comparisonSection {
		height: 320px;
	}
	
	.comparisonSection::after
	{
		content: "";
		position: absolute;
		top: 56px;
		left: 0;
		width: 100%;
		height: 345px;
		opacity: .3;
		z-index: -1;
		background-size: cover;
		background-image: url(../img/morgueFile/emotion/debt-1376061_1280.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
	}
	
	section.reasonSection{
		height: auto;
	}
	
	section.testimonialSection {
		position: relative;
	}
	
	section.testimonialSection::after
	{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .5;
		z-index: -1;
		min-height: 320px;
		background-size: cover;
		background-image: url(../img/morgueFile/cashCard/8266503630_0367ef9ff0_o.jpg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	/*.reasonSection::after {
		content: "";
		position: absolute;
		top: 0; 
		left: 0;
		width: 100%; 
		height: 400px;  
		opacity: .3; 
		z-index: -1;
		background: url(../img/morgueFile/piggyBankCash/fabian-blank-78637.jpg) center -200px no-repeat fixed;
		background-size: cover;
	}*/
	
	.brace
	{
		width: auto;
		min-width: 35px;
		margin-bottom: 20px;
		padding-bottom: 60px;
		font-size: 4em;
		line-height: 1em;
		position: relative;
		text-align: center;
		vertical-align: middle;
		margin: 0 15px 60px;
		border: none;
		background-color: transparent;
		background-size: 35px 20px;
		background-position: center bottom;
		background-repeat: no-repeat;
		text-transform: none;
		font-style: italic;
		font-weight: bold;
		color: #ECCA79;
		-webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.15));
		text-shadow: 1px 3px 1px black;
	}
	/* End of Section styling */
	
	.footerLogo {
		display: block;
		width: 100%;
		visibility: visible;
	}
	
	.footerLogoMark {
		display: none;
		visibility: hidden;
	}
		
	.aboutUsImg {
		background: url("../img/morgueFile/cashRegister/4094383080_8bc6d6b68a_o-thumb.jpg") center no-repeat;
	}
	
	.premiseImg {
		background: url("../img/morgueFile/cashCard/8266503630_0367ef9ff0_o-thumb.jpg") center no-repeat;
	}
	
	.comparisonImg
	{
		background-image: url("../img/morgueFile/emotion/debt-1376061_1280-thumb.png");
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.faqsImg
	{
		background-image: url("../img/morgueFile/emotion/father-1633655_1920-thumb.jpg");
		background-repeat: no-repeat;
		background-position: center;
	}
		
	.quotes {
		display: none;
	    text-align: center;
	    font-size: xx-large;
	    color: black;
	    text-shadow: 1px 2px 3px whitesmoke;
	    background: rgba(246, 235, 235, 0.7);
	    border-radius: 7px !important;
	}
	
	.carousel {
		position: relative;
		max-width: 95%;
		margin: auto;
	}
	
}

/* Styles for screens smaller than 482px */
@media only screen and (min-width:1199px) {
/* Styles for brace H1 text smaller than 482px */
	.brace
	{
		font-size: 5em;
	}
}