@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto);

html, body {
	height:100%;
}

.cover-image {
	background: linear-gradient(
	to bottom,
	rgba(50,50,50,0),
	rgba(50,50,50,0.1),
	rgba(50,50,50,0.2),
	rgba(50,50,50,0.9)
	),
	url(images/FrontPageBear.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*
	width:100vw;
	*/
	height:100vh;
}

.header {
	font-size: 2em;
    margin: 0 auto;
    line-height: 1.40625em;
    text-transform: uppercase;
	width:100%;
    text-align: center;
    letter-spacing: .09375em;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    padding-top: 1.4375em;
}

#cattery {
	font-size: 2.5em;
	color: #fff;
	max-width: 100%;
	
	position:absolute;
	bottom:50px;
	text-align:left;
}

#cattery p{
	text-align:left;
	padding-left:50px;
}

#cattery p:first-of-type{
	letter-spacing: 0.163em;
}

#cattery a{
	padding-left:3px;
	margin-left:50px;
}

#cattery span{
	font-size:0.5em;
}

#about-us {
	color: #323232;
	padding:50px 0;
}

.thumbnail-images {
	max-width:75%;
    margin: 55px auto;
}

.caption-about-us {
	font-size: 1.3em;
	line-height: 155%;
	padding-bottom: 25px;
    margin: 0 auto;
    max-width: 75%;
    text-align: center;
    letter-spacing: .04375em;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    padding-top: .9375em;
	text-align: justify;
}






















.carousel {
	height: 600px;
	//margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 600px;
  margin:0 auto;
  padding-top:50px;
  background-color: #EEEEEE;
  text-align:center;
}
.carousel-inner > .item > img {
	margin:0 auto;
	height: 450px;
  
	-webkit-box-shadow: 14px 10px 50px -1px rgba(77,75,77,0.64);
	-moz-box-shadow: 14px 10px 50px -1px rgba(77,75,77,0.64);
	box-shadow: 14px 10px 50px -1px rgba(77,75,77,0.64);
}

span#carousel-left-chevron, span#carousel-right-chevron{
	line-height:20px;
	font-size:20px;
	color:#222222;
}

a#carousel-control-left {
	background-image: none;
}

a#carousel-control-right {
	background-image: none;
}


.carousel-indicators li {
    background-color: grey;
}
.carousel-indicators .active {
    background-color: black;
}


.carousel-caption {
	font-family: Roboto, sans-serif;
	color: #000;
	position:relative;
	left:auto;
	right:auto;
	margin-top:10px;
}

.carousel-caption h3 {
	font-size:3em;
	
}

.carousel-caption p {
	font-size:1.5em;
}





footer.site-footer {
	background-color:#000000;
	color:#DDDDDD;
	padding:40px 10% 40px 10%;
	//min-height:300px;
	
	background-image: url("./images/FooterCat.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	
}

footer div.footer-left {
	padding-top:10px;
	text-align:left;
}

footer div.footer-right {
	text-align:right;
}

footer div.footer-left p {
	font-size:2em;
	font-family: Lato, sans-serif;
	letter-spacing: 0.08em;
}

footer div.footer-left p:nth-of-type(2) {
	letter-spacing: 0.14em;
}

footer div.footer-left span {
	padding-top:20px;
	font-family: Roboto Condensed, sans-serif;
	font-weight: 300;
	font-size:1.1em;
	letter-spacing: 0.02em;
}

footer span#contact-address {
	font-family: Roboto Condensed, sans-serif;
	font-size:1.1em;
	letter-spacing:0.06em;
}

footer #cca-logo-img {
	height:40px;
	width:40px;
}

footer #cfa-logo-img {
	height:40px;
	width:40px;
}

footer #member-associations-container {
	margin-top:5px;
}

footer div.footer-right p {
}

footer div.footer-right i.footer-fa-icon-background {
	color:#15181B;
}







.page-footer-button {
    color: #FFFFFF;
    height:40px;
	width:40px;
	border-radius: 5px;
    text-decoration: none;
    display: inline-block;
}

.page-footer-button:hover {
	color:#FFFFFF;
}

#youtube-footer-logo, #instagram-footer-logo{
	text-align: center;
	line-height:40px;
	font-size:30px;
}

#instagram-header-logo{
	text-align:center;
	line-height:40px;
	font-size:30px;
}

.instagram-background-color {
	//background:rgb(43,92,132);
	background:rgb(230,73,128);
	//background:rgba(43,92,132,0.7);
}

.instagram-background-color:hover {
	//background:rgb(23,72,112);
	background:rgb(194,37,92);
}



.youtube-background-color {
	background:rgb(204,24,30);
	//background:rgba(204,24,30,0.7);
	//background:rgba(59,89,152,0.7);
}

.youtube-background-color:hover {
	background:rgb(184,4,10);
	//background:rgba(49,79,142,0.7);
}





/* Medium */
@media only screen and (max-width: 992px) {
	#cattery {font-size:2.5em;} 
	.carousel {height: 550px;}
	.carousel .item {height: 550px;padding-top:25px;}
	.carousel-inner > .item > img {height: 400px;}
}

/* Small */
@media only screen and (max-width: 768px) {
	#cattery {font-size:1.6em;}

	.carousel {height: 400px;}
	.carousel .item {height: 400px;padding-top:15px;}
	.carousel-inner > .item > img {height: 250px;}
	
}

/* Smaller */ 
@media only screen and (max-width : 480px) {
	#cattery {font-size:1.3em;}
	#cattery p{text-align:center;padding-left:0;}
	
	.carousel {height: 300px;}
	.carousel .item {height: 300px;padding-top:10px;}
	.carousel-inner > .item > img {height: 175px;}
}

/* Extra Small */ 
@media only screen and (max-width : 320px) {
	#cattery {font-size:1.0em;}
	#cattery p{text-align:center;padding-left:0;}
	.carousel {height: 170px;}
	.carousel .item {height: 170px;padding-top:10px;}
	.carousel-inner > .item > img {height: 140px;}
}