/*
.dmc-heading {
	font-size:80px;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 2px #000;
	margin-top: 30px;
	margin-bottom: 0px; /* -25px; * /
	
	padding: 1px;

}
.dmc-subheading {
	font-size: 50px;
	text-align: center;
	text-shadow: 2px 2px #000;
	font-weight: bold;
	margin-top: 10px;
	
	padding: 1px;
}
.dmc-directory {
	margin-top: 30px;
	font-size: 55px;
	text-align: center;
	text-shadow: 2px 2px #000;
	font-weight: bold;
}
.dmc-subdirectory {
	margin-top: 70px;
	font-size: 30px;
	text-align: center;
	text-shadow: 2px 2px #000;
	//font-weight: bold;
}
.dmc-info {
	margin-top: 70px;
	font-size: 22px;
	text-align: center;
	color: #000;
}

body {
	font-family: Lora;
	margin: 0px;
	padding: 0px;
	}
.container {
	margin-top: 40px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

hr {
	border-bottom: 1px solid blue;
}

.navbar {
	border-bottom: 1px solid blue;
}
.bg-light {
	background-color: #FFF !important;
}
.navbar-brand {
	font-size: 2rem;
	color: #3C81E4 !important;
}
.nav-link {
	font-size: 22px !important;
	color: blue !important;
}
.nav-link a:hover {
	color: orange !important;
}
.nav-link a:active {
	color: orange !important;
}
body > .nav-item a:hover {
	color: orange !important;
}
body > .nav-item a:active {
	color: orange !important;
}

footer a {
	color: #30e7ed;
}
footer a:hover {
	color: orange;
	text-decoration: none;
}
footer {
	margin: 0px;
	padding: 15px 0px;
	background-color: #565656;
	color: #fff;
	text-align: center;
}

/** display boxes ** /

 .display-box {
	background-color: #fff;
	color: #000;
	margin-top: 20px;
	border: 2px solid #fff;
	border-radius: 10px;
	text-align: center;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	//box-shadow: 5px 5px 5px #ccc;
}

.display-box a {
	color: #000;
}    
.display-box a:hover {
//background-color: #30E7ED !important;
color: blue;
text-decoration: none;
font-weight: bold;   
}

.display-boxes {
max-width: 90%;
margin: 20px auto;
}
*/

/* CSS for new display page */

.coop .coop.shortcode.display hr {
	border-bottom: 1px solid blue;
}

.coop .coop.shortcode.display .dmc-display-heading {
	
	line-height: 1em;
	
	font-size:80px;
	//font-weight: bold;
	text-align: center;
	//text-shadow: 2px 2px #000;
	margin-top: 30px;
	margin-bottom: 10px; // -25px;
	color: blue;

}
.coop .coop.shortcode.display .dmc-display-subheading {
	
	line-height: 1em;
	
	font-size: 50px;
	text-align: center;
	//text-shadow: 2px 2px #000;
	//font-weight: bold;
	margin-top: 10px;
	color: blue;
}    
.coop .coop.shortcode.display .display-container {
	background-color: #fff;
}

.coop .coop.shortcode.display .space-200 {
	height: 200px;
}
.coop .coop.shortcode.display .space-100 {
	height: 100px;
}
.coop .coop.shortcode.display .dmc-left p {
	font-size: 19px;
}
.coop .coop.shortcode.display .dmc-right {
	text-align: center;
	font-size: 18px;
}
.coop .coop.shortcode.display .phone {
	margin-bottom: -15px;
}
.coop .coop.shortcode.display .phone a {
	color: #0001ff;
	font-size: 22px;
}
.coop .coop.shortcode.display .phone a:hover {
	color: orange;
	text-decoration: none;
}
.coop .coop.shortcode.display .contact {
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 25px;
	//color: orange;
}
.coop .coop.shortcode.display .client-logo {
	text-align: center;
}
.coop .coop.shortcode.display .btn-info {
	background-color: #30e7ed;
	color: #000;
}
.coop .coop.shortcode.display .btn-info a:hover {
	background-color: #22a3a6;
}
.coop .coop.shortcode.display #mybtn {
	font-size: 20px;
	background-color: orange;
	color: white;
	border-color: orange;
}
.coop .coop.shortcode.display #myclose {
	cursor: pointer;              
	float:right !important;
	font-size: 20px;
	background-color: cornflowerblue;
	color: white;
	text-align: center;
	border-color: cornflowerblue;
}  
.coop .coop.shortcode.display .modal-body1 {
	max-height: 60vh; //Sets the height to 80/100ths of the viewport.
}
@media (max-width: 767.98px) { 
	.coop .coop.shortcode.display .dmc-left {
		text-align:center;
	}
	
 }