@charset "utf-8";
/* CSS Document */

  @import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cardo&display=swap');

body {
	background-color: white;
}
h1 {
	font-family: 'Indie Flower', cursive; 
	color:deeppink;
}
p{
	font-family: 'Cardo', serif;
}

.container-fluid{
	background-color: white;
}
.navbar-nav{
	font-family: 'Indie Flower', cursive; 
	font-size:30px;
}
.nav-item:hover {
	padding: 10px 20px 5px;
    border-bottom: 6px solid palevioletred;
}
.nav-link:link{
	padding: 10px 20px 5px;
    border-bottom: 6px solid white;
}

.container{
	padding-top: 50px;
  padding-bottom: 50px;
}
.col-lg-4{
	opacity:.4;
}
.col-lg-4:hover{
	opacity:1.0;
}
.col-lg-4 h2{
	font-family: 'Indie Flower', cursive; 
	color:deeppink;
}
.col-lg-4 p{
	font-family: 'Cardo', serif;
}
.btn{
	background-color: hotpink;
}
button{
	background-color: hotpink;
}
.colfooter{
	background-color: white;
}
.colfooter h3{
	font-family: 'Indie Flower', cursive;
}
.favorites h1{
	font-family: 'Indie Flower', cursive;
	color:deeppink;
	padding-top: 30px;
  padding-bottom: 30px;
 
}
.favorites p{
	font-family: 'Cardo', serif;
}
.p-3 h1{
	font-family: 'Indie Flower', cursive;
	color:deeppink;
}
.p-3 p{
	font-family: 'Cardo', serif;
}
.col h1{
	font-family: 'Indie Flower', cursive;
	color:deeppink;
}

.Events h1{
	font-family: 'Indie Flower', cursive;
	color:deeppink;
}
.col-6 img{
	border: 5px solid deeppink;
}
.btn{
	font-family: 'Cardo', serif;
}
.col{
	width:330px;
	border-radius: 5px;
	display:block;
	margin:5px;
	background-size:100%;
	background-repeat: no-repeat;
	opacity:.5;
	transition: opacity 1s;
}
.col:hover{
	opacity:1.0;
}
/*css for contact form */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
	color:deeppink;
}

/* Style the submit button */
input[type=submit] {
  background-color: deeppink;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Style the container */
.form-container {
  border-radius: 5px;
  background-color: white;
  padding: 20px;
  /*width: 50%;
  float: right;*/
}
.form-container label{
	display: inline-block;
  width: 6em;
  margin-right: .5em;
  padding-top: 1.5em;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.picture-box{
	width:30%;
	border: medium #EB1694 thin;
	padding: 10px;
	 margin-left: auto;
    margin-right: auto;
	
}
.picture-box h4{
	font-family: 'Cardo', serif;
}
.picture-box p{
	font-style: italic;
}
.container h2 {
	font-family: 'Indie Flower', cursive; 
	color:deeppink;
}
.picture-box{
	opacity:.4;
}
.picture-box:hover{
	opacity:1.0;
}
.menu h1{
	font-family: 'Indie Flower', cursive;
	color:deeppink;
	padding-top: 30px;
  padding-bottom: 30px;
 
}
.menu p{
	font-family: 'Cardo', serif;
}
.accordion-header{
	font-family: 'Indie Flower', cursive;
	color:deeppink;
}
.accordion-button{
	color:deeppink;
}
.accordion-body{
	font-family: 'Indie Flower', cursive;
}
.accordion-button{
	color:deeppink;
}
.accordion-item{
	color:deeppink;
}
.collapse{
	color:deeppink;
}
.collapseOne{
	color:deeppink;
}
.accordion-collapse collapse show {
	color:deeppink;
}
.button{
	color:deeppink;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
	.row-contact{
		text-align: left;
	}
}