/* pop-dish-view1 */
.pop-dish-view1 {
	overflow: hidden;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  object-fit: cover;
}

/* MGallery on Front */
.block-views-blockmaidelyn-gallery-block-3 {
	padding-top: 4px;
  overflow: hidden;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  object-fit: cover;
}

.block-views-blockmaidelyn-gallery-block-3 .views-view-responsive-grid__item img:hover {
  transform: scale(1.1); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  border: 2px solid rgba(180,180,220,0.4);
  border-radius: 10px;
  box-shadow: 3px 4px 5px 0 rgba(50,50,100,0.4);
}


/* ebt adjustments */
.ebt-hero .field--name-field-ebt-hero-title-prefix {
  text-transform: none;
  color: #ffffff;
  font-size: 200%;
  font-weight: 600;
  font-variant: small-caps slashed-zero;
}
.ebt-hero .field--name-field-ebt-hero-title {
  color: #fff;
}
.ebt-hero .field--name-body {
  color: #fff;
}
.ebt-hero .buttons {
	display: block;
	margin: 12px 0;
}

.ebt-hero .buttons a {
  margin: 12px 0;
	text-decoration: none !important; 
	color: #ffffff; 
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	background-color: #6d6755; 
	border-color: #6d6755; 
	text-align: center; 
	display: inline-block; 
	border-width: 1px; 
	border-style: solid; 
	border-radius: 50px; 
	font-size: 1.5rem; 
	line-height: 1.2; 
	padding: 6px 12px; 
	font-weight: 500; 
}
.ebt-hero .buttons a:active, .ebt-hero .buttons a:hover { 
  background-color: #948C75;
  border-color: #948C75;
}







/** hero-banner positioning **/
.page-node-59 .region-header .justify-content-center{
	flex-wrap: wrap;               /*  added  */
  align-content: flex-start;     /*  added, so they align at the top  */
}
#block-belgrade-herotest1{
flex-basis: 100%;              /*  added  */
}

#block-belgrade-blockformenus{
flex-basis: 100%;              /*  added  */
}

/** not using slides for now so no z overrides for now...
#block-belgrade-blockformenus > div:nth-child(1) > div:nth-child(1){
 z-index: -10000;
}
#block-belgrade-blockformenus > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
 z-index: -10000;
}
#block-belgrade-blockformenus > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
 z-index: 100000;	
}
**/

/** hero-banner block styling **/
.hero1subject {
	/* background: rgba(148, 129, 88, .25); */
	/* max-width: 80%; */
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 1;
  text-align: center;
  display: inline-block;
  padding: 0.5rem 1rem 0 1rem;
}

.hero1statement {
	background: rgba(148, 129, 88, .25);
	max-width: 80%;
  text-align: center;
  font-size: 1rem;
  display: inline-block;
  padding: 0.5rem 0.75rem 0 0.75rem;
}

.hero1link {
	background: rgba(40,40,40,.5);
	border: 4px;
}

.herolinkimageclass{
	margin: 12px 0;
}

.herolinkclass a {
  margin: 12px 0;
	text-decoration: none !important; 
	color: #ffffff; 
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	background-color: #6d6755; 
	border-color: #6d6755; 
	text-align: center; 
	display: inline-block; 
	border-width: 1px; 
	border-style: solid; 
	border-radius: 50px; 
	font-size: 1.5rem; 
	line-height: 1.2; 
	padding: 6px 12px; 
	font-weight: 500; 
}
.herolinkclass a:active, .herolinkclass a:hover { 
  background-color: #948C75;
  border-color: #948C75;
}
.layout-bg-content-container #superfish-menus{
	color: #ffffff; 
	background: rgba(148, 129, 88, .25);
	font-size: 1.5rem; 
	font-weight: 500; 
}
.layout-bg-content-container #superfish-menus a{
  text-decoration: none; 
}
/*  put a white margin around the cover blocks */
.block--type-heroblock {
	margin: 4px;
	border: 4px double #F3CA41;
}