/* 768 and up */
@media screen and (min-width: 768px) and (max-width:1299px) {	


* :focus { outline: 0 !important; }

html, body {
  overflow-x: hidden;
}
	
body {font-family: 'lato', sans-serif;}

.clear1 {clear:both;height:1px;}
.clear10 {clear:both;height:10px}
.clear20 {clear:both;height:20px}
.clear30 {clear:both;height:30px}
.clear40 {clear:both;height:40px}
.clear50 {clear:both;height:50px}


.TopHeader {background-color:#ffffff;height:138px;width:100%;}

.TopHeader .contact-row{
height:38px;width:100%;clear:both;background-color:#e9b370;
}

.TopHeader .contact-row-inner{
width:768px;margin:auto;
}

.TopHeader .contact-row .header-contact {width:550px;float:right;padding-top:6px;text-align:right;}

.header-contact span {font-size:17px;color:#181818;}


.TopHeader .main-row {background-color:#ffffff;margin:auto;width:768px;height:100px;} 

.TopHeader .logo {width:275px;float:left;margin-top:25px;}

.TopHeader .logo img {width:275px;}

.TopHeader .navigation-row {float:left;width:493px;}

	
.footer-wrap {position:relative;width:100%;background-color:#1956aa;}

.footer-bar {height:38px;width:100%;clear:both;background-color:#e9b370;}

.footer-area {width:768px;margin:0px auto;}

.footer-columns-outer {clear:both;margin-bottom:20px;}

.footer-column-left-top {width:300px;float:left;margin-right:100px;}
.footer-column-right-top {width:768px;float:left;padding-top:30px;}

.footer-column-left {width:300px;float:left;margin-right:100px;margin-bottom:30px;}
.footer-column-right {width:768px;float:left;}




span.footer-nav {font-size:19px;font-weight:400;}
span.footer-nav a {text-decoration:none;color:#e9b370;margin-right:50px;}
span.footer-nav a:last-child {
  margin-right: 0;
}

.footer-column-right p {font-size:16px;margin-bottom:20px;color:#ffffff;}

.footer-line {clear:both;height:1px;background-color:#ffffff;width:100%;margin-top:20px;}

.contact-details-left {width:30px;float:left;margin-right:10px;text-align:center;}
.contact-details-right {width:260px;float:left;font-size:18px;color:#ffffff;font-weight:300}
.contact-details-right a {color:#ffffff;text-decoration:none;}




.content-area {width:768px;margin:auto;clear:both;}

.alignwide {width:768px;}

.alignfull {width: 100vw !important;  position: relative;  left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw;}

.alignfull .alignwide {width:768px;margin:auto;}

	
/* Make sure LI doesn't impose its own background */
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item {
    background: transparent !important;
}

/* BASE LINK STYLING */
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    background-color: transparent !important;
    color: #333333;
    transition:
        background-color 0.45s ease,
        color 0.45s ease;
}

/* HOVER + CURRENT */
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-item > a.mega-menu-link {
    background-color: #1956aa !important;
    color: #ffffff !important;
}


/* Force Toolset grid columns to stretch instead of align-top */
.equal-height-row {
  align-items: stretch !important;
}

/* Make the image column able to fill the full stretched height */
.equal-height-row .tb-grid-column.image-fill-column {
  position: relative;
  overflow: hidden;
}

/* Remove default figure spacing and make it fill */
.equal-height-row .tb-grid-column.image-fill-column figure {
  margin: 0;
  height: 100%;
}

/* Fill the whole column */
.equal-height-row .tb-grid-column.image-fill-column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

	
.tb-container {box-sizing:border-box;}
.tb-grid {box-sizing:border-box;}	
.tb-grid-column {box-sizing:border-box;}
	

.content-area h1 {font-size:38px;line-height:44px;font-weight:normal;margin-bottom:14px;
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
	
	
.content-area h2 {
    font-size:32px;
    line-height:38px;
    padding:0;
    margin-bottom:10px;
    font-weight:400;
    font-family: 'Fraunces', serif;
}

.content-area h2.section {
    font-size:32px;
    line-height:38px;
	display: table;
    margin: 0 auto 10px;
    text-align: center;
    position: relative;
}

.content-area h2.section::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e9b370;
    margin-top: 2px;
}

	

.content-area h3 {font-size:26px;line-height:32px;font-weight:400;margin-bottom:10px;font-family: 'Fraunces', serif;}

.content-area h4 {font-size:22px;line-height:30px;font-weight:500;margin-bottom:10px;font-family: 'lato', sans-serif;}

.content-area p {font-size:18px;margin-bottom:20px;line-height:26px;}

.content-area p strong {font-weight:700;}

.content-area p.big {font-size:24px;margin-bottom:20px;line-height:30px;font-weight: 300;}

.content-area p.big strong {font-weight:700;}
	
	
	mark {font-style:normal !important;font-weight:normal !important}
	
	
	
	

.wp-block-button a{
padding: 8px 14px 8px 12px;
border-radius: 4px;
transition: all 0.3s;
text-decoration:none;
font-size:16px;
font-family:'lato';
text-transform:uppercase;
font-weight:500;
}

.wp-block-button a:hover{
background-color:#333333 !important;
color:#ffffff;
text-decoration:none;
}
	

.wp-block-button.big-button a{
padding: 12px 20px 12px 20px;
border-radius: 4px;
transition: all 0.3s;
text-decoration:none;
font-size:22px;
font-family:'lato';
text-transform:uppercase;
font-weight:500;
}

.wp-block-button.big-button a:hover{
background-color:#333333 !important;
color:#ffffff;
text-decoration:none;
}




}