@charset "UTF-8";
/* CSS Document */
/* Color scheme hexadecimal values: FFE8DF 8F92B2 F9F9FF BBCCB3 99B28B */
@import url('https://fonts.googleapis.com/css2?family=Englebert&display=swap');

/* The body tag style applies to all elements on the page */
body {
/* background-color: rgb(177, 231, 194)
; */
font-family: Englebert, Verdana, Geneva, Arial, sans-serif;
padding:0px;
margin:0px;
background: rgb(42,122,98);
background: -moz-linear-gradient(top,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
background: -webkit-linear-gradient(top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
background: linear-gradient(to bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );



}

/* The wrapper ID style is used with a div tag to provide a 960px wide page */
#wrapper {
max-width: 959px;
min-width: 701px;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:#99B28B ;

}

 nav ul {
	Text-decoration: none; 
	display: flex; 
	flex-direction: row; 
	margin: auto; 
	
}

/* This is so the phone view nav will not show in the tablet view */

div.phone {
  display: none
}

div.navphoneleft {
	display: none;
}




/*The right-column ID style is floated right */
 #right-column {
float: right;
width: 360px;
height: auto;
background: rgb(42,122,98);
background: -moz-linear-gradient(top,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
background: -webkit-linear-gradient(top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
background: linear-gradient(to bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );

color:  antiquewhite;
/* font-size: 18pt; */
font-size: 14pt;
margin-right: 20px;
margin-left: 20px;
/* margin-bottom: 20px; */
margin-top: 15px;
padding-top: 20px;
margin-bottom: 15px;
position: relative;



/* padding-left: 10px; */



} 

#right-column a{
   
        color: antiquewhite;
    }
    #right-column a:visited {
        color: #043f30;
    }
    
    #right-column a:hover {
        color:  rgb(47, 38, 59) ;
        
          
    }

/* The left-column ID style is floated left */
#left-column {
float: left;
width: 50%;
background: rgb(42,122,98);
background: -moz-linear-gradient(top,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
background: -webkit-linear-gradient(top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
background: linear-gradient(to bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
filter: progid:DXImagTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );

height:auto;
color: antiquewhite;
font-size: 15pt;
margin-bottom: 20px;
margin-top: 40px;
margin-left: 20px;
padding-left: 10px;
padding-right: 10px;

}
    /*Style for the ROLLOVER imageS  */
    .figure {
      position: relative;
      width: 360px;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      margin-left: 80px;
      padding: 5px;
      color: antiquewhite;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
      
    }

    
/*Style for the toggle or rollover image captions */
figcaption {
font-style: italic; 
padding-left: 5px;
padding: 0; 
width: 150px;
text-decoration: none;
}



img {
  width: 175px;
  
}

figcaption {
  color: antiquewhite;
}
 /*  Style for the contact information fields  */

.box-contact {
	width: 500px;
	height: auto;
	font-size: 15pt;

} 

 /*  Style for the contact page invitation paragraph */
.cards {
    font-weight: 600;
    font-size: 16pt;
    line-height: 20pt;
   color: rgb(47, 38, 59); 
   width: 425px;
   padding: 10px;
   margin-right: 10px;
   
}

span.cards {
    text-align: center;
}



	


/* Defining a style for a set of tags separated by commas applies the style to all tags */
h1,h2,h3,h4,h5,h6,p,li, box {
margin-left:15px;
}







/* This clear class style terminates float */
.clear{ 
clear: both; 
}

.accordion a {
	color: rgb(47, 38, 59);
}
.accordion a:visited {
	color: #043f30;
}

.accordion a:hover {
	color: antiquewhite;
}