/*
Theme Name: Maldon Drama
Theme URI: https://idiculous.xyz/
Author: Martin Terry
Version: 1.0
Description: Custom block theme for Maldon Drama community site.
*/
html, body {background:#dfb6be;
		font-family: Montserrat,sans-serif;
		}
		
		p {margin-bottom:20px}
		
		.m-footer{
			padding:20px;
			text-align:center;
			min-height:50px;
			color: #ffffff;
			background-color: #333333;
		}
		
		.section{
			padding:40px 0 20px 0;
		}
		
		.alt-section{
			padding:40px 0 20px 0;
			background-color:#59427a;
			color:#d5c7e8
		}
		
		.alt-section a{
			color:#d5c7e8;
			text-decoration:underline
		}
		
		.m-about{
			background-color:#59427a;
			color:#d5c7e8
		}
		
		
		
		.m-navbar{
			background:#000
		}
		
		.m-navbar img {height:80px}
		
		.hero-section{
			margin-top:80px
		}
		
		.hero-right{
			font-size: 1.25rem;
			padding-top:30px;
			padding-left:50px
		}
		
		.hero-right button{
			margin-top:40px
		}
		
		.m-text-1 {
			font-size: 4.3rem;
			margin:0
		}
		.m-text-2 {
			font-size: 3rem;
			margin:0 0 20px 0
		}
		
		.home_news_image{
			
			object-fit:contain;
			
		}
		
		
		.m-image-round {
			
		}
		
		.m-radius-20 img {
			max-height: 550px;
			width: auto;
			height: auto;
			object-fit: contain;
			border-radius: 20px;
		}

		
		.m-container-layout{
			margin: -667px 0 390px auto ;
		}
		
		
		.m-prev-show{
			margin:20px;
			background-color:#fff;
			box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
		}
		
		.m-full-button{
			width:100%;
			background:#59427a;
			color:#fff
		}
		
		/* phone portrait */
		@media only screen and (max-width: 600px) {
			.m-image-1 img{
				
			}

		}
		/* phone landscape */
		@media only screen and (min-width: 600px) {
			
			.m-image-1 img{
				
			}
		}
		/* tablet portrait */
		@media only screen and (min-width: 768px) {
			
			.m-image-1 img{
				
			}
			
		}
		/* tablet landscape */
		@media only screen and (min-width: 992px) {
			
			.hero-right{
				margin-top:0px;
				padding-top:0px;
			}
			
			.m-image-1 img{
				max-height:550px;
				
			}
			
			.navbar, .navbar-end, .navbar-menu, .navbar-start {
				align-items: stretch;
				display: block;
			}
			
			.rp{
				padding-right:60px;
			}
			
		}
		
		/* desktop */
		@media only screen and (min-width: 1200px) {
			
			.m-image-1 img{
				
			}
		}
		
		h2 {
			font-size: 1.875rem;
			font-weight:bold
		}
		
		
		#apply{
			display:none;
		}