/* ---------------------------------------	*/
/* ----- Kittenville-specific styles ----- 	*/
/* reference this CSS file last to 			*/
/* override other styles					*/
/* ----------------------------------------	*/


/* ------- Header -----------*/

#body_kittenville .header-style4 .toprow, 
#body_kittenville .header-style4 .topbar {
	background-color: rgba(255, 255, 255);
}

#body_kittenville .site-header .topbar {
	height: 90px;
}

#body_kittenville .header-style4 .navigation {
	padding-top: 20px;
}

#body_kittenville .header-style4 .navigation ul li {
		font-size: 20px;
}
/* ------- Body Text ------- */
#body_kittenville .main-container ul {
	margin-bottom: 15px;
}

#body_kittenville .main-container li {
	margin-bottom: 7px;
}

#body_kittenville .breadcrumb {
	padding: 90px 0 20px 0;
}

/* ------- Body ------- */
#body_kittenville .main-container img.rightAlign {
		float: right;
		margin: 0 0 15px 15px;
		padding: 0 0 15px 15px;
}

#body_kittenville .main-container .caption {
		text-align: center;
		font-style: italic;
		
}

#body_kittenville .main-container .listing-cont {
	border-top: 2px solid #f8f7f3;
	padding-top: 7px;
}
.youtube-container-container { /* needs double div to prevent video from being huge on desktop */
	max-width: 560px;
	max-height: 315px;
    margin: 0 auto 15px auto;
	
}
.youtube-container {
  position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

}
.youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.embedded-video-16-9 {
  width:  70vw;
  height: 39.37vw; /* 90*9/16 */
  margin-left: 5vw;
  margin-right: 5vw;
}

@media (min-width: 893px) {
  .embedded-video-16-9 {
    width: 35vw;
    height: 19.68vw; /* 45*9/16 */
    margin-left: 2vw;
    margin-right: 2vw
  }
}
/* ------- Footer ------- */
#body_kittenville .site-footer {
	padding-bottom: 0;
}

/* ------- donate page ------- */
#support_page .row {
	margin-bottom: 20px;
}

/* ------- Contact Form - Override Hello Form Styles ------- */

#contact-page .helloform {
	margin-top: 0px;
}
#contact-page .helloform .form-control {
	border: 1px solid #cccccc;
}
#contact-page .helloform .input-lg {
	height: 46px;
}
#contact-page .helloform .form-group {
	margin-bottom: 0;
}

#contact-page .helloform .form-label {
	font-size: 18px;
	left: 20px;
}

#contact-page .helloform .form-control {
	font-size: 18px;
	padding-left: 16px;
}

#contact-page .helloform textarea.form-control {
	font-size: 18px;
	left: 20px;
}

#contact-page .helloform textarea#message {
	margin-top: 0;
	padding-left: 20px;
	max-width: 383px;
	height: 100px;
}

#contact-page .helloform textarea::placeholder {
	color: #FFFFE8;
}	

#contact-page .helloform #submitButtonHolder .btn {
	border: 0;
}

#contact-page .helloform #submitButtonHolder {
	margin-top: 15px;
}


#contact-page .helloform .help-block {
	bottom: -18px;
	right: auto;
}

#contact-page .helloform .has-feedback.has-error.has-danger::before,
#contact-page .helloform .has-feedback.has-success::before {
	left: -3px;
}