/*Modifying Map */

.map {
	width:100%;
	height:300px;	
}

.map-wrap {
	position:relative; 
}
	
.overlay {
	width:100%;
	min-height:300px; 
	position:absolute; 
	top:0;
}

/*Modifying front-page-4 background colour */

.bg-primary:after {
    background: #b2b2b2;
}

/*Modifying front-page-5 background colour */
.front-page-5 {
    background: #fafafa;
}

/*Modifying padding bottom widget area */

.flexible-widget-area > .wrap {
  	padding-top: 5%;
    padding-bottom: 5%;
}

/*Modifying site footer */

.site-footer {
    background: #4bb1a3;
    opacity: 0.9;
}

/*Modifying Primary navigation menu text color */

.with-page-header .genesis-nav-menu a, .with-page-header .genesis-nav-menu .menu-item.highlight a {
    color: #0887b9;
    font-weight: 600;
}

.genesis-nav-menu .menu-item.highlight a {
    border: 2px solid #4bb1a3;
}

/*Modifying site header background colour */

.site-header, .header-image .site-header {
    padding: 3rem 0.5rem 2.5rem;
    background: #fff;
}

/*Modifying Footer Widget */

.footer-widgets {
    background: #51c0b1;
    color: #fff;
}

.footer-widgets .widgettitle {
    margin-bottom: 3rem;
}

.footer-widgets a:not(.button) {
    opacity: 0.9;
}

.footer-widgets .simple-social-icons ul li a {
    padding: 6px !important;
}

/*Making logo area bigger */

.header-image .title-area {
    width: 27rem;
}

/*Modifying front-page-1 padding to fit featured image*/
@media only screen and (min-width: 800px) {
.home .page-header {
    padding: calc(13% + 10.8rem) 0 13%;
}
}

.page-header a:not(.button) {
    opacity: 0.8;
}

/*Modifying highlight class for menu */

.with-page-header .genesis-nav-menu .menu-item.highlight a {
		border: 2px solid #0887b9;
}

/*Remove date and author on Posts */
.entry-header .entry-meta {
    display: none;
}

/*Modifying backgroud colour for before footer section*/
.before-footer {
    background: #fff;
}

/*removing member descriptions*/
.wp_teamshowcase_slider.design-1 .member-desc {
    display: none;
}

/*fixing navigation in mobile view*/
@media only screen and (max-width: 800px) {
.header-image .title-area {
    width: 25rem;
}
}

@media only screen and (max-width: 800px) {
h1, .content .entry-title, .site-title {
    text-align: center;
}
}

/*reducing size of title*/
.wp_teamshowcase_slider.design-3 .member-name {
    font-size: 18px;
}

/*adding margin bottom to hotdoc button in navigation menu*/
@media only screen and (max-width: 800px)  {
[data-hotdoc-button].icon-calendar.small, [data-hotdoc-button].icon-hotdoc.small {
    margin-bottom: 20px;
}
}

.patientform a {
  background: #4bb1a3;
  padding: 5px 8px;
  border: 2px solid #fff;
  border-radius: 5px;
	text-decoration:none;
}
