/* Scott, 20-Oct-2018: For some reason, there is now a 20px white gap at the top of the screen before the main image.
   Don't know where this comes from. Fix it with a -20px margin. */
.page-template-default .btContentWrap {
    margin-top: -20px;
}
.btIconWidget {
  float:right !important;
  margin-left:15px !important;
}
.btDarkSkin .btSiteFooterWidgets, .btLightSkin .btDarkSkin .btSiteFooterWidgets { 
	background: #004D73;
}

.btDarkSkin .btSiteFooter, .btLightSkin .btDarkSkin .btSiteFooter {
	background: #004365;
}

.btMenuGutter .mainHeader .port, .btMenuGutter .mainHeader .topBarPort {
	max-width: 1300px !important;
}

.topBarInLogoArea .btIconWidgetTitle {
  color: #fff;
}

.topBarInLogoArea .btIconWidgetText {
	color: #ededed;
}

.btStickyHeaderActive .topBarInLogoArea .btIconWidgetTitle {
  color: #444;
}

.btStickyHeaderActive .topBarInLogoArea .btIconWidgetText {
  color: rgba(68,68,68,.4);
}

#section-2 .boldRow:first-child {
	margin-left: -80px;
	margin-right: -80px;
}

.menuHolder .menuPort ul.sub-menu li a:not(:hover) {
	color: #444 !important;
}

.menuHolder .menuPort ul.sub-menu li a:hover {
	color: #00b3cc !important;
}

/* Phone Number in menu and under logo on mobile & tablet view */
.phonemenu a, .phonemenu a:hover {
	font-size: 17px !important;
  color: #e54554 !important;
}

.phonemenu {
  display: none !important;
}

.phonemenu a[href^=tel]:before, .phone-under-collapsed-menu a[href^=tel]:before { 
    font: normal normal normal 15px/1 FontAwesome;
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    content: "\f095";
}

.phone-under-collapsed-menu, .phone-under-collapsed-menu a {
    font-size: 20px !important;
    font-weight: bold;
    padding-top: 20px;
}

.dentist_image {
	max-height: 450px;
	max-width: 300px;
}
	
.dentist_image img {	
	margin-top: -30px;
}

.affiliates_header span {
	color: black;
}

.phonnumber-with-icon:before {
	font-family: Icon7Stroke;
	content: "\e670";
	font-size: 16px;
	padding-right: 10px;
}

.email-with-icon:before {
	font-family: Icon7Stroke;
	content: "\e639";
	font-size: 16px;
	padding-right: 10px;
}

.phonnumber-with-icon:hover, a.email-with-icon:hover {
    color: #00b3cc;
}

.btDarkSkin .btnOutlineStyle.btnLightColor, .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor, .btLightSkin .btnOutlineStyle.btnLightColor, .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor {
    background-color: #e54554;
    border: 2px solid #e54554;
    color: #fff !important;
}

.btnFilledStyle.btnAlternateColor, .btnOutlineStyle.btnAlternateColor:hover {
    background-color: #e54554;
    border: 2px solid #e54554;
}

a.btContinueReading {
    display: none;
}

.btIconRow {
    display: none;
}

.btArticleComments {
    display: none !important;
}

/* Author details below post. Note that author bio is hard-coded in Theme file views/post-list-standard.php */
.author-details {
  padding-left: 20px;
}

.author-details h5.author {
  margin-top: 0px;
}

.post-author-links {
  padding-top: 10px
}

.post-author-links .fa {
  font-size: 14px;
  color: #00b3cc;
  padding-right: 10px;
}

@media screen and (max-width: 1300px) {
  #section-2 .boldRow:first-child {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media screen and (max-width: 991px) {
  .hide-on-mobile {
    display: none;
  }
}

/* Below 892px is iPad Tablet width */
@media screen and (max-width: 892px) {
  /* Display Phone Numbers in menu & header on mobile & tablet layout */
  .phonemenu {
		display: block !important;
  }
}

@media screen and (max-width: 615px) {
  .slidedItem .btSlidePane {
  	padding-left: 20px;
    padding-right: 20px;
  }
  
  .btTextLeft .btBtn:not(.btnFullWidth) {
    margin-top: 15px;
  }

  .topBarInLogoArea .btIconWidgetTitle {
    color: #444;
  }

  .topBarInLogoArea .btIconWidgetText {
    color: rgba(68,68,68,.4);
  } 
  
  #header-image-section .rowItem {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}
  
	.header.extralarge h1 {
    font-size: 30px;
  }
  
  .header.extralarge .btSubTitle {
		font-size: 18px;
  }
  
  #header-image-section {
    background-position: 10%;
	}
  
  #testimonials-section-1, #gallery-section-1 {
    background-position: 80%;
	}
  
  .btMainLogo {
		height: 50px !important;
	}  
}