@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all{
#sp-header .sp-default-logo {
    display: inline-block;
}
}

@media (min-width:774px) and (max-width:1500px) {
	#offcanvas-toggler.hidden-sm {
		display: none !important;
	}
	ul.sp-megamenu-parent.visible-sm {
		display: inline-block !important;
	}
}

#offcanvas-toggler {
    position: fixed;
    top: -11px; 
    right: 17px;
}

#offcanvas-toggler >i {
  font-size: 28px;
}

#sp-header{
  max-width: 5000px !important;
}

div.page-header {
  margin: 0 0
}

div.contact h3{
  margin-top: 10px;
  display: none;
}

span.contact-name {
  margin-top: 10px;
  font-style: italic;
  font-weight: 300;
}

#jform_contact_message {
  height: 100px;
}

legend{
  font-size: 14px;
  padding-top: 8px;
}

.contact-form .form-actions{
  border-bottom: 1px solid #e5e5e5;
}

.quicklink {
  border: #ccc solid 2px;
  text-align: left;
  padding-left: 10px;
  padding-top: 2px;
}

#sp-user1 .quicklink {
  margin-top: 17px;
  background-image: url("/images/ql-cross-straight-col.jpg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  background-color: #496EA7;
  line-height: 35px;
  color: #fff;
  text-align: left;
  padding-left: 10px;
  padding-top: 2px;
  
/*  text-decoration: none;
  cursor: pointer; */
}

#sp-user2 .quicklink {
  margin-top: 17px;
  background-image: url("/images/ql-heritage-col.jpg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  background-color: #496EA7;
  line-height: 35px;
  color: #fff;
  text-align: left;
  padding-left: 10px;
  padding-top: 2px;
  
/*  text-decoration: none;
  cursor: pointer; */
}

#sp-user3 .quicklink {
  margin-top: 17px;
  background-image: url("/images/ql-get-involved-col.jpg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;  
  background-color: #496EA7;
  line-height: 35px;
  color: #fff;
  text-align: left;
  padding-left: 10px;
  padding-top: 2px;

/*  text-decoration: none;
  cursor: pointer; */
}

#sp-user4 .quicklink {
  margin-top: 17px;
  background-image: url("/images/ql-give-col.jpg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  background-color: #496EA7;
  line-height: 35px;
  color: #fff;
  text-align: left;
  padding-left: 10px;
  padding-top: 2px;
  
/*  text-decoration: none;
  cursor: pointer;*/
}

#sp-left .services {
  margin-top: 5px;
  padding-top: 2px;
  padding: 10px;
  padding-bottom: 3px;
  border-style: solid;
  border-width: 2px;
  background-color: #496EA7;
  border-color: #bbb;
  color: #fff;
}

#sp-left .pewsheet {
  margin-top: 17px;
  padding-top: 2px;
  padding: 10px;
  padding-bottom: 3px;
  border-style: solid;
  border-width: 2px;
  background-color: #496EA7;
  border-color: #bbb;
  color: #fff;
}

#sp-left .sp-module-title {
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 12px;
  font-size: 19px;
}

.sp-news {
  margin-top: 15px;
  background-color: #f5f6fa;
  color: #181a19;
  padding: 10px;
  padding-bottom: 3px;
  border-style: inherit;
  border-width: 1px;
}

#sp-main-body #sp-component {
   margin-top: 0px;
   padding-top: 0px;
}

#sp-main-body .entry-header {
  margin-bottom: 7px;
}

.entry-header h2{
  line-height: 1.15;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 16px;
  margin-top: 11px;
}

.sp-span {
  display: block;
  height: 90px;
}

.sp-pewsheet-span {
  display: block;
  height: 25px;
}