/* —ANCHOR JUMP— */

:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}



.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 14px;
    letter-spacing: 0px;
}


.GreenPanel {
  background-color: #799b3e;
}

.RedPanel {
  background-color: #ab333a;
}

.BluePanel {
  background-color: #16667f;
}
  
  
  /* —ABOUT BOX— */

.AboutTitle {
    text-align: center;
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 900;
    color: #ffffff;
    margin: 20px 0;
}

.AboutText {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.5em;
}


.IntroH1 {
    color: #799b3e;
    text-align: center;
    font-size: 4.2em;
    padding: 20px 0 0 0;
}

.PanelTextBlue {

    color: #ffffff;
    text-transform: uppercase;
    position: absolute;
    top: 23%;
    width: 100%;
    text-align: center;
}

.PanelTextBlue a:link {
    color: #ffffff;
}

.PanelTextBlue a:visited {
    color: #ffffff;
}


.PanelTextRed {

    color: #ffffff;
    text-transform: uppercase;
    position: absolute;
    top: 32%;
    width: 100%;
    text-align: center;
}

.PanelTextRed a:link {
    color: #ffffff;
}

.PanelTextRed a:visited {
    color: #ffffff;
}

.PanelTextGreen {

    color: #ffffff;
    text-transform: uppercase;
    position: absolute;
    top: 32%;
    width: 100%;
    text-align: center;
}

.PanelTextGreen a:link {
    color: #ffffff;
}

.PanelTextGreen a:visited {
    color: #ffffff;
}

.PanelTextBrown {

    color: #ffffff;
    text-transform: uppercase;
    position: absolute;
    top: 32%;
    width: 100%;
    text-align: center;
}

.PanelTextBrown a:link {
    color: #ffffff;
}

.PanelTextBrown a:visited {
    color: #ffffff;
}

.PanelBlue {
  background-color: #16667f;
  height: 200px;
  width: 33.3%;
  position: relative;
  float: left;
}

.PanelRed {
  background-color: #ab333a;
  height: 200px;
  width: 33.3%;
  position: relative;
  float: left;
}

.PanelGreen {
  background-color: #799b3e;
  height: 200px;
  width: 33.3%;
  position: relative;
  float: left;
}

.PanelBrown {
  background-color: #594c43;
  height: 200px;
  width: 33.3%;
  position: relative;
  float: left;
}


/* —MOBILE RESPONSIVE— */

.offcanvas-menu {
    width: unset;
    height: unset;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    visibility: hidden;
    overflow: inherit;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 10000;
}

#offcanvas-toggler > i {
    color: #555555;
}

.offcanvas .body-wrapper {
    right: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

/*
.sppb-section {
    margin: 0 !important;
    padding: 0;
} */


.images-inset {
  margin: 10px 0;
  
}

.sp-column.logo-feature {
    width: 180px;
    margin: 0 auto;
}

.logo {
    margin: 0 auto;
    width: 180px;
}

.sp-megamenu-parent {
    float: none;
    text-align: center;
}



.about-image {
    margin: 10px 0;
}

.images-inset {

}


.social > img {
    top: 20px;
    position: unset;
    display: inline;
    padding: 0 0 5px 0;
    width:30px;
}

.anchor{
  display: block;
  height: 110px; /*same height as header*/
  margin-top: -110px; /*same height as header*/
  visibility: hidden;
}

.contact-form {

    background-color: #a03222;
    padding: 20px;

}


.bottom-logo {

    padding: 20px 40px;

}

td, th {
    padding: 2px 10px;
}

td {

min-width: 200px;

}

#section-id-1622531025838 td {
	width:50% !important;
}

/* —CONTACT— */



.contact-block {
    min-height: 135px;
    color: #ffffff;
    padding: 40px;
    line-height: 2em;
}

.contact-name {
    font-size: 1.9em;
    font-weight: 600;
    margin: 0 0 10px 0;

}

.contact-title {
    font-size: 1.5em;
    font-style: oblique;
    margin: 0 0 10px 0;

}

.contact-tel {
    font-size: 1.7em;
    margin: 0 0 10px 0;

}

.contact-tel a:link { 
  color: #ffffff; 
}

.contact-email {
      font-size: 1.5em;
      font-weight: 600;
      margin: 0 0 10px 0;

}
.contact-email a:link { 
  color: #ffffff; 
  font-style: oblique;

}

.contact-office {
      font-size: 1.7em;
    font-weight: 600;
}

.AddressText {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
}


.about-text {
    font-size: 1.1em;
    line-height: 1.4em;
}

.about-row, .trading-row, .header-row {

    margin: 0;
    padding: 0;

}

.about-row {
    background-color: #16667f;
    color: #ffffff;
}

.gallery-row {

    margin: 0;
    padding: 30px 0 60px 0;
    background: #F5F5F5;

}


.block-title {
    background-color: #646569;
    padding: 15px 25px 15px 15px;
    color: #ffffff;
    font-size: 1.6em;
    display: table;
    margin: 30px 0 40px 0;
    height: 55px;
}

.block-title-left {
    background-color: #a03222;
    height: 55px;
    color: #ffffff;
    width: 80px;
    float: left;
}

.block-title >h1 {
    font-size: 1em;
    margin: 0 0 0 0 !important;
}


.block-title-orange {
    background-color: #ef9a20;
    padding: 15px 25px 15px 15px;
    color: #ffffff;
    font-size: 1.6em;
    display: table;
    margin: 20px 0;
}

.block-title-orange >a {
    color: #ffffff;
}


.store-logo {

}

.store-name {

    font-size: 1.5em;
    text-align: center;

}

.store-tel {

    font-size: 1.2em;
    text-align: center;
    padding: 5px 0 0 0;

}

.store-email {

    font-size: 1.5em;
    text-align: center;
    padding: 5px 0 0 0;

}

.tenants-row {

    margin: 20px 0;

}

/* —TRADING HOURS BOX HOMEPAGE— */


.trading-hours-container {

    background-color: #ffffff;
    padding: 15px ;
    width: 100%;
    color: #ac333a;
    text-align: center;
    margin: 10px auto 10px auto;
    position: relative;
    height: 230px;

}

.trading-hours-heading {
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 900;
}

.trading-hours-table {
    width: 90%;
    margin: 0 auto;
    font-size: 2em;
    line-height: 1.4em;
    font-weight: 400;
}

.left-text {
    float:left;
    width:50%;
    text-align: left;
}

.right-text {
    float:left;
    width:50%;
    text-align: right;
}

.excluding {
    font-size: 0.5em;
}

/* —MOBILE RESPONSIVE— */


@media screen and (max-width: 640px) {

  .trading-hours-table {
    width: 90%;
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 400;
}
  
  
.IntroH1 {
    color: #799b3e;
    text-align: center;
    font-size: 2.2em;
    padding: 20px 0 0 0;
}
  
  
  .PanelBlue {
  background-color: #16667f;
  height: 200px;
  width: 100%;
  position: relative;
  float: none;
}

.PanelRed {
  background-color: #ab333a;
  height: 200px;
  width: 100%;
  position: relative;
  float: none;
}

.PanelGreen {
  background-color: #799b3e;
  height: 200px;
  width: 100%;
  position: relative;
  float: none;
}

.PanelBrown {
  background-color: #594c43;
  height: 200px;
  width: 100%;
  position: relative;
  float: none;
}
  
  .mobletb table {
		overflow-x: auto;
		display: block;
	  
	}
	
	.mobletb td {
	display: block;
	min-width: 75vw;
	}
	
	.mobletb p {
	margin: 0px;
	}
	
	.mobletb td:nth-child(1) {
	font-weight: bold;
}
}


/*site refresh*/

/* Header Section*/
#section-id-1621927399152 {
	margin-right: 7px !important;
}

#section-id-1621927399154 {
	margin-left: 7px !important;
}


@media screen and (min-width:990px) and (max-width:1198px) {
#section-id-1621927399221 {
	margin-top: 40px !important;
}
}

/*About Section*/
.hdivider {
	width: 95% !important;
}

.hdivider2 {
	width: 100% !important;
}

#btn-1526315138118 {
	border-width: 3px !important;
}

/*shop s at KG*/
#sppb-addon-1622531376260 .sppb-divider {
	width: 45% !important;
}

#sppb-addon-1622531376267 .sppb-panel-title { 
	font-weight: normal !important;
}