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


body{
	font-family: Merriweather, Playfair Display, Georgia, serif;
}



/*nav and footer in site-wite.css file*/

.imagecolumn{
	display: flex;
	margin-left:auto;
	margin-right:auto;
	flex-display:wrap;	
}
.imagecolumn img{
	max-width:100%;
}

@media screen and (max-width:1400px){
.imagecolumn img{
	height:200px;
}
}

@media screen and (max-width:900px){
.imagecolumn img{
	height:150px;
}
}


@media screen and (max-width:600px){
.imagecolumn img{
	height:115px;
}
}







#title{
	margin-top:100px;
	text-align: center;
	text-shadow: 1px 1px #760709;
	text-decoration: underline;
}

#title a{
	text-decoration: none;
	color:black;
}
#subheading_1 h2{
	font-size: 23px;
	margin-bottom:50px;
}

#subheading_1{
	margin-top:100px;
	text-align:center;
}


#subheading_1 a{
	text-decoration: none; 
	color:black;
}


@media screen and (max-width:1200px){
	#subheading_1 h2{
		margin-bottom:20px;
	}
}

@media screen and (max-width:950px){
	#subheading_1 h2{
		margin-bottom:5px;
	}
}

.mail{
	margin-top:70px;
	margin-bottom: 70px;
	width:100%;
	height:300px;
	padding-bottom:50px;
	background-color: #760709;
}

.block{
	padding-top:100px;
	padding-bottom: 50px;
	text-align:center;
	color:white;
}

.block button{
	margin-bottom:25px;
	padding:50px 200px;
	border-radius: 25px;
	box-sizing:border-box;
	
}

.block a{
	font-size:19px;
	color:black;
	text-decoration:none;
	font-weight: bold;
}

.block button:hover{
	background-color: #EBCACB;
	border-style: groove;
	border: inset medium rgba(91,10,11,1.00);
	cursor:pointer;
}

.block a:hover{
	color:white;
}

@media screen and (max-width:1200px){
	.block button{
		padding:40px 150px;
		margin-bottom:20px;
	}
	
	.block{
		margin-top:70px;
		padding-bottom:50px;
	}
}

@media screen and (max-width:800px){
	.block button{
		padding:35px 105px;
		margin-bottom:15px;
	}
	
	.block{
		margin-top:70px;
		padding-bottom:50px;
	}
}


@media screen and (max-width:550px){
	.block button{
		padding:35px 90px;
		margin-bottom:15px;
	}
	
	.block{
		margin-top:70px;
		padding-bottom:50px;
	}
}

#subheading_2{
	margin-top:50px;
	text-align:center;
	margin-bottom:5px; 
}


#subheading_2 h2{
	margin-top: 125px;
	margin-bottom:50px;
}

h5{
	text-align: center;
}


.socialmediaicons {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
	align-items: center;
	justify-content: center;
    gap: 15px; /* Space between icons */
}

.socialmediaicons img {
    border-radius: 80%;
    width: 70px; /* Set size for the icons */
    height: 70px;
}


@media (max-width: 1400px) {
    .socialmediaicons {
        justify-content:center;
        margin-top: 30px; 
        margin-bottom: 70px; 
        flex-direction: row; /* Ensure icons are in a row */
    
    }

    .socialmediaicons img {
        width: 70px; /* Make icons smaller */
        height: 70px; /* Adjust icon size */
    }
}





/* Media Query for screens smaller than 800px */
@media (max-width: 800px) {
    .socialmediaicons {
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 90px; 
        flex-direction: row; /* Ensure icons are in a row */
    }

    .socialmediaicons img {
        width: 70px; /* Make icons smaller */
        height: 70px; /* Adjust icon size */
    }
}



.plugincolumn1 p{
	text-align: center;
	
}

.pluginrow{
	content:"";
	display:table;
	clear: both;
	align-content: center;
	justify-content: center;
	text-align:center;
	align-items: center;
	padding-top:20px;
	padding-bottom: 50px;
	
}

.plugincolumn1{
    float:left;
    width:50%;
	box-sizing:border-box;
	margin:auto;
    justify-content: center;
	margin-left:5%;
	padding-left:10px;
	
}
	
.plugincolumn2{
	float:left;
	width:40%;
	box-sizing:border-box;
	margin:auto;
	justify-content: center;
	margin-left:5%;
	
}

.plugincolumn2 iframe{
	box-shadow: 10px 10px 3px #760709;
	border-radius:10px;
}

#secondplugin{
	display:none;
}
@media screen and (max-width:1200px){
	.plugincolumn1{
		float:none;
		width:50%;
		box-sizing:border-box;
		margin:auto;
	}
	
	.plugincolumn2{
		float:none;
		width:50%;
		box-sizing:border-box;
		margin:auto;
	
	
			
	}
}
@media screen and (max-width:950px){
	.plugincolumn1{
		float:none;
		width:100%;
		margin:auto;
		
	}
	
	#firstplugin{
		display:none;
	}
	
	#secondplugin{
		box-sizing:border-box;
		justify-content: center;
		align-content: center;
		display: flex;
		margin:auto;

		
	}
		.plugincolumn2{
		float:none;
		width:100%;
		box-sizing:border-box;
	    margin:auto
	}
			
	}

	

h3{
	margin-top:70px;
}

.wrapper_row{
	content:"";
	display:table;
	clear:both;
}

.column{
	float:left;
	box-sizing: border-box;
	width:50%;
	padding-left:10px;
	text-align:center;
}

.column ul{
	list-style-type: none;
}

.column li{
	margin-right:30px;
}

.wrapper_row{
	content:"";
	display:table;
	clear:both;
}

.column h3{
	text-decoration: underline;
	color:#670608;
}

.column h4{
	text-decoration: underline;
	font-size:17px;

}

.sun{
	margin-top:130px;
}

@media screen and (max-width: 800px) {
	.column{
		width:100%;
}
	.sun{
		margin-top:0px;;
	}
}

.overlay{
	background-color: rgba(91,4,4,0.77);
	box-shadow: inset 0 0 180px grey;
	width:100%;
}

.image-container{
	margin-top:100px;
	background-image:url("photos/image-folder/art-openday-cropped.jpg");
	display:flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-size: cover;
	
}


.monthly{
	text-align: center;
	padding-bottom:15px;
	padding-top:15px;
	
}

.monthly ul{
  list-style-type: none;
  margin-right:30px;
  font-size: 17px;
}

.monthly a{
	text-decoration: underline;
	color:#fff;
}

@media screen and (max-width:800px){
	.image-container{
		background-image: url("photos/image-folder/mq-art-class.png");
		justify-content: center;
		align-items:center;
		background-size: cover;
		color:#fff;
		display:flex;
			}		
}