/* global ----------------------- */
.row {
  max-width: 1500px; 
}

body {
    background-image: url('../img/bglogo.jpg');
    background-attachment: fixed;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: contain;
}

#headingpadding {
    height: 135px;
    width: 100%;
}

h1, h2 {
    font-family:  'Jura', sans-serif;
}

h3, h4, h5, h6, p, a {
    font-family: 'Nunito', sans-serif;
}

h1 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 48px;
}

h3 {
    font-size: 22px;
    line-height: 22px;
    margin: 0px;
    margin-bottom: 24px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

h4 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 48px;
    margin-bottom: 24px;
}

a {
    color: #a94e91;
}

a:hover {
   color: #ffffff;    
}

hr {
    border: 2px solid #a94e91;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 48px;
    margin-bottom: 0px;
    float:left;
    width: 40%;
    display: none;
}

.button {
    background: #000000;
    border: 2px solid #a94e91;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

.button:hover {
    background: #a94e91;
}

.column, .columns {
    padding: 0px;
}

/* header ----------------------- */
#fixedheader {
    position: fixed;
    width: 100%;
    z-index: 99999; 
    background-color: #000000;
    padding: 10px 0px;

}

#headerlogo {
    width: 20%;
    float:left;
    padding-left: 48px;
}

#headercontact {
	    position: relative;
    width: 50%;
    float:left;
    padding-right: 48px;
	padding-top:12px;
	padding-bottom: 12px;
}

/* nav menu -----------------------*/
#navheadermenucontainer {
    padding-right: 48px;
    width: 80%;
    float:left;
}

#headerphone {
    float:right;
    line-height: 36px;
    padding-left: 52px;
    background-image: url(../img/phoneicon.png);
    background-repeat: no-repeat;
    color: #ffffff;
    font-weight: bold;
    margin-right: 28px;
}

#headeremail {
    float:right;
    line-height: 36px;
    padding-left: 52px;
    background-image: url(../img/mailicon.png);
    background-repeat: no-repeat;
    color: #ffffff;
    font-weight: bold;
    margin-right: 22px;
}

#topheader_links ul{
	
	list-style:none;
}

#topheader_links ul li a {
    color: #ffffff;
    font-weight: bold;
    padding-left: 52px;
    line-height: 36px;
	display:block;
	width: auto;
    background-image: url(https://elderengineering.co.uk/elderWP/wp-content/uploads/2019/10/elderE.png);
    background-repeat: no-repeat;
    background-position: left center;
	float:left;
}

#topheader_links{
	width:30%;
	float:left;
    padding-right: 48px;
    padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 32px;
}

#topheader_links ul {
	padding:0px;
	margin: 0px;
}

#menulink0 { width: 10%; }
#menulink1 { width: 10%; }
#menulink2 { width: 16%; }
#menulink3 { width: 14%; }
#menulink4 { width: 12%; }
#menulink5 { width: 14%; }
#menulink6 { width: 12%; }
#menulink7 { width: 12%; }


#navheadermenu {
  list-style: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
  position: relative; 
}


#navheadermenu li {
    float:left;
	display:block;
}

#navheadermenu li a {
    line-height: 42px;
    display: block;
    float:left;
    text-align: center;
    padding: 0px 12px;
    margin: 0px;
    width: 100%;
    background: #000000;
    transition: background-color 0.5s ease;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

#navheadermenu li a:hover {
    background: #a94e91; 
}

/* nav menu submenus --------------------- */

#navheadermenu .submenu {
	display:none;
	position:absolute;
	top: 42px;
	z-index: 9999;
	padding: 0px;
	margin: 0px;
}

#navheadermenu li:hover .submenu  {
	display:block;
	opacity: 1;
}

#navheadermenu .subsubmenu {
	display:none;
	position:absolute;
	top: 0px;
	z-index: 9999;
	padding: 0px;
	margin: 0px;
	left: 320px;
}

#navheadermenu li .submenu li:hover .subsubmenu  {
	display:block;
	opacity: 1;
}

#navheadermenu .submenu li {
	position:relative;
	width: 320px;
	clear:both;
}

#navheadermenu .submenu li a {
	line-height: 14px;
	padding: 16px 10px;
	height: auto;
	background: #000000;
}

#navheadermenu .submenu li a:hover {
	background: #a94e91;		
}

#navheadermenu .closedrop,  #navheadermenu .closedroptwo {
	display:none;
}


#showmobilemenu {
    display: none;
}

/* footer ----------------------- */
footer.full-width {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    
    border: 0px;
    float:left;
    width: 100%;
    
    position: relative;
}

footer.full-width .row {
    padding: 48px;
}

#footerbg {
    background-image:url("../img/footerbg.png");
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 500px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
}

.footerpanel {
    float:left;
}

.footerpanel h3 {
    color: #a94e91;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

footer.full-width .footerpanel ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 16px;
}

footer.full-width  .footerpanel a {
    color: #ffffff;
    font-size: 16px;
}

footer.full-width  .footerpanel p {
    color: #ffffff;
    font-size: 16px;
}

footer.full-width  .footerpanel li {
    color: #ffffff;
}

#footerpanel1 { width: 20%;}
#footerpanel2 { width: 30%; text-align: center;}
#footerpanel3 { width: 25%;}
#footerpanel4 { width: 25%; text-align: center;}

#footeraddress a {
    color: #a94e91;
    font-weight: bold;
}

#footerpanel4 img {
    max-width: 100%;
    width: 260px;
    margin-bottom: 24px;
}

/* end footer ---------------------- */
#endfooter {
    text-align: center;
    background: #000000;
    
    float:left;
    width: 100%;
    padding: 10px 0px;
}

#endfooter p {
    color: #ffffff;
    margin: 0px;
}

#endfooter a {
    color: #a94e91;
    font-weight: bold;
}

/* social media list ------------- */
#socialmedialinks {
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    float:left;
    width: 60%;
    margin: 0px 20%;
}

#socialmedialinks li {
    float:left;
    width: 30%;
}

#socialmedialinks li:nth-of-type(2){
    margin: 0px 5%;
}

/* Contact form ------------------- */
#verify {
    display: none;
}

#qc_errors p, #qc_success p {
    color: #fff;
    padding: 10px;
	margin: 0px;
}
#qc_errors {
    background: #f80202 none repeat scroll 0 0;
}
#qc_success {
    background: #21db55 none repeat scroll 0 0;
}

#captcha_container{
	float:left;
	width: 28%;
	height: 2.3125rem;
	line-height:  2.3125rem;
	text-align:center;
	background: #000000;
    margin-left: 20%;
    margin-right: 2%;
}

#contactpage #captcha {
	float:left;
	width: 20%;
	height: 2.3125rem;
	line-height:  2.3125rem;
    border-radius: 0px;
}

#contactpage .button {
	float:right;
	height: 2.3125rem;
	line-height:  2.3125rem;
	padding: 0px 24px;
    width: 30%;
    background: #a94e91;
    color: #ffffff;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


#pagecontent #contactformblock {


}

#contactpage input, #contactpage textarea{
    border-radius: 10px;
    background: #000000;
    border: 1px solid #111111;
    color: #ffffff;
    width: 80%;
    float:left;
    line-height: 38px;
    margin: 0px;
    height: auto;
    padding: 6px;
    margin-bottom: 14px;
}


#contactpage label {
    line-height: 28px;
    color: #ffffff;
    width:20%;
    float:left;
    text-align: right;
    line-height: 38px;
    margin: 0px;
    height: auto;
    padding: 6px 18px;
}

  .google-maps {
        position: relative;
        padding-bottom: 25%; 
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


#contactpage_address p {
    margin-bottom: 0px;
}

#contactpage_address a {
    color: #a94e91;
    font-weight: bold;
}

/* homerow1 ------------- */
#homerow1 {
    background: #3a3b3c; /* Old browsers */
    background: -moz-linear-gradient(top, #3a3b3c 0%, #030303 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a3b3c 0%,#030303 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a3b3c 0%,#030303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3b3c', endColorstr='#030303',GradientType=0 ); /* IE6-9 */
    
    padding: 58px 0px;
}

.servicesbox {
    position: relative;
    overflow: hidden;
    border: 2px solid #000000;
    width: 30%;
    float:left;
}

.servicesbox:nth-child(2){
    margin-left: 5%;
    margin-right: 5%;
}

.servicesbox img {
    width: 100%;
    height: auto;
    transform: scale(1.0);
    transition: all 0.5s ease;
}

.servicesbox:hover img {
    transform: scale(1.05);
}

.servicesboxtitle {
    position: absolute;
    background: rgba(169, 78, 145, 0.8);
    width: 100%;
    bottom: 20px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    padding: 18px;
    transition: all 0.5s ease;
}

.servicesbox:hover .servicesboxtitle {
    padding: 26px;
}

.servicesbox .servicesboxtitle span {
    margin-left: 10px;
    transition: all 0.5s ease;
    font-weight: bolder;
}

.servicesbox:hover .servicesboxtitle span {
    margin-left: 30px;
}

/* homerow2 ------------- */
#homerow2 {
    padding: 58px 0px;
    background: #212121;
    color: #ffffff;
}

#homerow2 h1 {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    border-bottom: 2px solid #a94e91;
    padding-bottom: 22px;
    margin-bottom: 22px;
}

#homerow2 hr {
    margin-bottom: 48px;
}

/* home icons -------------------- */

#homeiconrow {
    margin-top: 60px;
}

#homeiconrow .homeiconbox {
    text-align: center;
    display: block;
    transition: all 0.5s ease;
    padding-bottom: 0px;
}


.homeiconbox p {
    margin: 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}

/* latest news ------------------ */
#latestnews {
    padding: 58px 0px;
    text-align: center;
}

#latestnews .button {
    padding: 4px 12px;
    margin-top: 18px;
}

#latestnewscontainer {
    padding-left: 20%;
    padding-right: 20%;
    width: 100%;
    float:left;
}

#latestnews img{
    border: 2px solid #000000;
}
#latestnews span {
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 58px;
    display: block;
    font-size: 28px;
}

#latestnews .newsblockdetails h4 {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    min-height: 38px;
}

#latestnews .newsblockdetails span {
    text-align: center;
    color: #a94e91;
    margin: 0px;
    font-size: 14px;
    text-transform: capitalize; 
}

.newsblock {
    width: 32%;
    float:left;
    padding: 8px;
	text-align:center;
}

#latestnews .newsblock:nth-child(2) {
    margin-right: 2%;
    margin-left: 2%;   
}

.newsblock img {
    width: auto;
    height: 160px;
}

/* page banner ------------ */
#pagebanner {
    background-repeat: no-repeat;
    background-size:contain;
    background-position: right center;
    
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(169,78,145,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(169,78,145,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(169,78,145,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cca94e91',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#pagebannercontent {
    padding: 100px 48px;
    color: #ffffff;
}


#pagebannercontent h1 {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px;
}

#pagebannercontent h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 10px;
}

/* page content ---------- */

#pagecontent {
    background: #212121;
    float:left;
    width: 100%;
}

#pagecontent img {
    border: 2px solid #000000;
}

#pagecontent .pagecontentblock {
    float:left;
    padding: 48px;
    width: 100%;
    background: #212121;
}

#pagecontent  #content1  {
    width: 60%;
    padding-bottom: 0px;
}

#pagecontent  #content2 {
    width: 40%;
    padding-bottom: 0px;
}

#pagecontent  #content3 {
    width: 60%;
    padding-top: 0px;   
}

#pagecontent  #content4 {
    width: 40%;
    padding-top: 0px;
}

#pagecontent  #content2 img.fullwidth {
    width: 100%;
    height: auto;
}



#pagecontent .pagecontentblock p, #pagecontent p {
    color: #ffffff;
}

#pagecontent .pagecontentblock ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}


#pagecontent .pagecontentblock ul li {
    color: #ffffff;
    padding: 6px 0px;
}

#pagecontent  #content3 img{
	width:100%;
	padding:0px;
    margin: 0px;
}

#pagegallery {
    margin-top: 52px;
    float:left;
}

#pagecontent #pagegallery a {
    width: 32%;
    float:left;
    margin-top: 24px;
    display: block;
    background: #ffffff;
    height: 160px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#pagecontent #pagegallery a:nth-of-type(1){ 
    height: auto;
}

#pagecontent #pagegallery a:nth-of-type(1) img {
    width: 100%;
    height: auto;
}

#pagecontent #pagegallery a:nth-of-type(3){
    margin-right: 2%;
    margin-left: 2%;
}

#pagecontent #pagegallery a:nth-of-type(1){
    width: 100%;
    margin: 0px;
}


#pagecontent #pagegallery .viewgallerybutton {
    position: relative;
    width: 100%;
    height: auto;
    padding: 24px;
    text-align: center;
    background-color: #000000;
}

#pagecontent #pagegallery .viewgallerybutton:hover { 
    background: #a94e91;
}



/* x-ray page */
.xraypanel {
    width: 100%;
    float:left;
    padding: 58px 0px;
}

.xraypanel .left {
    width: 70%;
    float:left;
    padding-right: 28px;
}

.xraypanel .right {
    width: 30%;
    float:left;
    padding-left: 28px;
}

.xraypanel p, h1, h2, h3 {
    color: #ffffff;
}


/* gallery landing page */
.gallerylandinglink {
    height: 300px;
    position: relative;
    overflow: hidden;
}

.gallerylandinglink:nth-child(2){
    margin-left: 5%;
    margin-right: 5%;
}


.gallerylandinglinkbg {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ffffff;
    transform: scale(1,1);
    transition: all 0.5s ease;
}

.gallerylandinglink:hover .gallerylandinglinkbg{
        transform: scale(1.05,1.05);
}

.gallerylandinglink_title {
    position: absolute;
    background: rgba(169, 78, 145, 0.8);
    width: 100%;
    bottom: 20px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    padding: 18px;
    transition: all 0.5s ease;
    z-index: 999;
}

.gallerylandinglink:hover .gallerylandinglink_title {
    padding: 26px;
}


/* tables */
.mat_table {
    background: #111111;
    width: 100%;
    border: 0px;  
    margin-bottom: 0px;

}

.mat_table tr.even, .mat_table tr.alt, .mat_table tr:nth-of-type(even) {
    background: #222222;
}

.mat_table tr {
      background: #222222;  
}

.mat_table tr th {
    color: #ffffff;
    font-weight: bold;
    background: #000000;
}

.mat_table td {
    color: #ffffff;
    padding: 16px;
    width: 20%;
}

.machine_table td {
    padding: 24px;
}

/* quality page --------- */

#qualityDownloads h3 {
    line-height: 48px;
    display: block;
    margin-bottom: 12px;
    margin-top: 28px;
}

#qualityDownloads a{
    color: #ffffff;
    font-weight: bold;
    border-bottom: 1px solid #a94e91;
}


#pagecontent .pagecontentblock .plantlistrow ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float:left;
    width: 33.33%;
}


#pagecontent .pagecontentblock .plantlistrow li {
    padding: 12px;
    margin-bottom: 8px;
    display: block;
    float:left;
    width: 100%;
    
    background: -moz-linear-gradient(left, rgba(18,18,18,1) 0%, rgba(18,18,18,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(18,18,18,1) 0%,rgba(18,18,18,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(18,18,18,1) 0%,rgba(18,18,18,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#00121212',GradientType=1 ); /* IE6-9 */
}

.plantlistrow {
    float:left;
    width: 100%;
    margin-bottom: 24px;
}


#pagecontent .pagecontentblock  .plantlistrow .listheader {
    background: #000000;
    width: 98%;
}

.headerphone_mobile {
    display: none;
}

.headerphone_desktop {
    display: inline;
}

#southernbanner {
	padding: 20px;
	text-align: center;
	background: #000000;
}


/* ----------------------------------- mid breakpoint ----------------------------------- */
@media only screen and (max-width: 1560px) { 
    .footerpanel {
        padding: 26px;
    }
}



/* --------------------------------- mobile breakpoint ---------------------------------  */

@media only screen and (max-width: 70em) { 
    
    .headerphone_mobile {
        display: block;
    }
    
    .headerphone_desktop {
        display: none;
    }

	#topheader_links{
		width:100%;
		float:left;
		padding: 10px 14px;
		text-align:center;
	}
	
	
	#topheader_links a {
		width: auto;
	}
    
    #fixedheader {
        position: relative;
    }
    
    #headingpadding{
        height: 0px;
    }
    
   /* nav menu ----------------------- */
  	#navheadermenu li, #menulink0, #menulink1, #menulink2, #menulink3, #menulink4, #menulink5, #menulink6, #menulink7, #menulink8{
		width: 100%;
	}
    
    
    #navheadermenucontainer {
        overflow: hidden;
    }
    
    #navheadermenu li a {
        line-height: 32px;
        padding: 12px;
    }
    
    #navheadermenu .closedrop {
        display: block;
    }
    
    #navheadermenu .submenu {
        left: 100%;
        top: 0px;
        padding: 0px;
        width: 100%;
        position: absolute;
    }
    
    #navheadermenu .submenu li {
        width: 100%;
    }
    
    #navheadermenucontainer {
		width: 100%;
        display: none;
        margin-top: 0px;
        padding: 0px;
	}
	
    #navheadermenu {
        top: 0px;
    }

    #headerlogo {
        width: 100%;
        text-align: center;
		padding: 0px;
    }

    #headercontact {
        width: 100%;
		padding: 0px 14px;
    }

    
    /* header ---- */
    #headerphone {
        float:left;
        width: 32%;
        margin: 0px;
    }
    
    #headeremail {
        float:left;
        width: 32%;
        margin: 0px;

    }
   
    
    /* show mobile menu button ----------------------- */
    #showmobilemenu {
        display: block;
       float:right;
        top: 0px;
    }
    
    
    #showmobilemenu .bar1, #showmobilemenu .bar2, #showmobilemenu .bar3 {
		width: 35px;
		height: 5px;
		background-color: #ffffff;
		margin: 6px 0;
		transition: 0.4s;
	}
    
    #showmobilemenu.change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
        transform: rotate(-45deg) translate(-9px, 6px) ;
    }

    #showmobilemenu.change .bar2 {
        opacity: 0;
    }

    #showmobilemenu.change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
        transform: rotate(45deg) translate(-8px, -8px) ;
    }
    
    
    #footerpanel1 { width: 100%; text-align: center;}
    #footerpanel2 { width: 100%; text-align: center;}
    #footerpanel3 { width: 100%; text-align: center;}
    #footerpanel4 { width: 100%; text-align: center;}
    
    
    #homerow1 {
        padding: 0px;
    }
    
    .servicesbox {
        width: 100%;
        height: 100px;
        overflow: hidden;
    }
    
    .servicesbox img {
        transform: translate(0,-100px);
    }
    
    .servicesbox:hover img {
        transform: scale(1.0);
        transform: translate(0,-100px);
    }
    
    .servicesboxtitle {
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        line-height: 100px;
        padding: 0px;
        font-weight: bold;
    }

    .servicesbox:nth-child(2) {
        margin: 0px;
    }
    
    .servicesbox:hover .servicesboxtitle {
        padding: 0px;
    }

    .servicesbox .servicesboxtitle span {
        display: none;
    }
    
    #homerow2 {
        padding: 22px;
    }
    
    #homeiconrow ul {
        margin: 0px;
    }
    
    #homeiconrow ul .homeiconbox {
        margin-bottom: 40px;
        padding: 0px;
    }
    
    #latestnews {
        padding: 0px;
        padding-top: 58px;
    }
    
    .newsblock, #latestnews .newsblock:nth-child(2) {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 20px;
    }
    
    #latestnews .newsblockdetails h4 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    
    #pagecontent #content1, #pagecontent #content2, #pagecontent #content3, #pagecontent #content4{
        width: 100%;
    }
    
    #pagebanner h1 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }
    
    .mat_table td {
        width: 100%;
        clear: both;
        display: block;
        float:left;
    }
    
     .mat_table td:blank { 
         display: none;
    }
    
    #pagecontent .pagecontentblock .plantlistrow ul {
        width: 100%;   
    }
    
    .gallerylandinglink {
        width: 100%;
    }
    
}


.af-form.acf-form {
 
	background: #3c3c3d;
    padding: 0 1rem;
	
    width: 100%;
	
    display: flex;
	flex-direction: column;
    flex-grow: 1;
}


.af-form.acf-form .af-field .af-label label {
    font-size: 1rem;
    font-weight: 600;
	color: #fff;
}

.af-form.acf-form  .acf-field[data-width]+.acf-field[data-width]{
	
	border: none;
}

.af-form.acf-form .af-field input {
    height: 3.125rem;
}

.af-form.acf-form .af-field input {
    height: 3.125rem;
}

.af-form.acf-form .af-field input, 
.af-form.acf-form .af-field textarea {
	
    box-shadow: 0 0 0.3125rem inset #3c3c3d;
    border: .0625rem solid;
}

.af-submit.acf-form-submit button {
    border-radius: 0;
    border: none;
    background: #a94e91;
    height: 2.8125rem;
    width: 14.375rem;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1rem;
	padding: 0;
}


.gallery-landing-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.gallery-landing-links .gallerylandinglink {
	display: block;
	width: 100%;
	flex-basis: 32%;
	margin: 0px !important;
}

@media only screen and (max-width: 70em) { 
    
    .gallery-landing-links .gallerylandinglink {
        flex-basis: 100%;
    }
}



.page-gallery {
    display: grid;
    gap: 20px 20px;
    grid-template-columns: auto auto auto auto;
}

.page-gallery a {
    width: 100%;
    height: auto;
}

.page-gallery a img {
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1150px) { 
    .page-gallery {
        grid-template-columns: auto auto;
    }
}


@media only screen and (max-width: 820px) { 
    .page-gallery {
        grid-template-columns: auto;
    }
}