/*
Theme Name: beachgrovedental
Theme URI: http://www.customizepress.ca/portfolio
Author: CustomizePress
Author URI: http://www.customizepress.ca
Description: Beach Grove Dental Custom Theme is an elegant theme developed by CustomizePress
on 2017. This fully responsive site is designed using a mobile-first approach. It provides great
user experiences on all devices such as smartphone, tablet, laptop and desktop computer. It is a dynamic website that populates
the front-page using posts & Customizer API. This clean and artistic theme is ideal for any
businesses.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Version: 1.0

Text Domain: beachgrovedental

Tags: one-column, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

This theme, like WordPress, is licensed under the GPL.
*/


/* Resets - Typography - Genericons - Elements
   ===================================================== */

/*
#metaslider-id-6,
#metaslider_container_6,
#metaslider_6,
#metaslider_6 ul,
#metaslider_6 ul li {
	display:block;
	clear:both;
	overflow: block;
}
*/


.canada-container {
    display: flex;
    align-items: center; /* Vertical centering */
    justify-content: center;
    width: 38%; /* Adjust width as necessary */
	clear:both;
	margin-left: auto;
	margin-right: auto;	
}

.canada-left {
    flex: 0 1 auto; /* Does not grow, can shrink, auto basis */
    padding: 10px;
	
}

.canada-left img {
    width: 100%; /* Image will scale to fit the container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Removes bottom margin/space */
}

.canada-right {
    flex: 1 0 80%; /* Grow, does not shrink, starts at 80% width */
    padding: 10px;
    display: flex;
    align-items: center; /* Center text vertically */	
	line-height: 1.2;
	color: #000000;
}

.canada-right a {
	color: red;
	text-decoration: underline;
}

.canada-right a:hover {
	color: red;
	text-decoration: underline;
}

section.value-proposition {
    margin-top: 0px !important;
}

@media only screen and (max-width: 1300px) {
	.canada-container {
		width: 70%;
	}
}

@media only screen and (max-width: 900px) {
	.canada-container {
		width: 80%;
	}
	
	.canada-right {
		flex: 1 0 60%; /* Grow, does not shrink, starts at 80% width */
	}	
}

@media only screen and (max-width: 600px) {
	.canada-container {
		width: 95%;
	}
}

@media only screen and (max-width: 400px) {
	.canada-container {
		width: 99%;
		margin-top: 5px;
    	margin-bottom: 15px;		
	}
	
	.canada-left,
	.canada-right {
		padding: 3px 3px 3px 8px;
	}
}



* {
	margin:0;
	padding:0;
}

html, body {

  overflow-x: hidden;
}

body {
		font-family:'Lato', sans-serif;
    color: #747474;
		background-color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.7em;
}

h1, h2, h3, h4, h5, h6 {
		font-family:'Roboto Condensed', sans-serif;
		font-weight: 700;
    color:#505357;
}



p, ul, ol {

	font-weight: 300;
}


a:hover,
a:visited,
a:focus {
	text-decoration:none;
}

a {
  color: #f5a729;
}

a:hover {
	color: #d89323;
}

blockquote::after, blockquote::before {
  display:none;
}

b, strong {
  font-weight: bold;
	color: #474748;
}

h2.second-headline {
	text-align: center;
	padding-top: 50px;
	font-size: 22px;
	text-transform: uppercase;
	color: #3b577b;
	margin-top: 0;
}

.short-divider {
	width: 60px;
	height: 3px;
	background: #e2b748;
	margin-top: 10px;
}

@media only screen and (max-width:991px) {
	.short-divider {
		margin: 10px auto;
	}
}

.call-to-action {
	text-align: center;
	margin: 0 auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	padding: 8px 0 0;
	background: #71dbd4;
}

@media only screen and (max-width:767px) {
	.call-to-action {
		box-shadow: none;
	}
}


h2.cta-message {
	display: inline-block;
	padding-right: 100px;
	font-size: 18px;
	color: #fff;
	margin: 0;
}

@media only screen and (max-width:850px) {
	h2.cta-message {
		padding-right: 50px;
	}
}

@media only screen and (max-width:767px) {
	h2.cta-message {
		display: block;
    padding-right: 0;
    padding: 10px 10px 20px;
    line-height: 1.3;
	}
}

.cta-wrapper {
	text-align: center;
	margin: 70px auto;
}


.cta-btn-wrapper {
    text-align: center;
}

.cta-button {
	border: 1px solid #eee;
	font-weight: 300;
	padding: 10px 20px;
	background: rgb(0, 172, 238);
	color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	margin-bottom: 10px;
}

.cta-button:hover {
  background: #6d7886;
	color:#fff;
	transition:all 1s;
	border:1px solid #6d7886;
}

.cta-button.get-quote {
    background: #fba526;
    margin-left: 10px;
}

/* Special button width for profile section button on homepage */

#aboutwrap .cta-button {
	width:175px;
	
}


.btn-info {
    color: #fff;
    background-color: #94a2b5;
    border-color: #94a2b5;
}



/* -----------------------------------------
	      Header Info bar
------------------------------------------- */

/* header info bar
   ===================================================== */

.header-info-bar  {
    width: 100%;
    background: #505357;
    color: #fff;
		height:40px;
}



.right-header-info {
	float:right;
}

@media only screen and (max-width:767px) {
	.header-info-bar  {
			height:80px;
	}

	.left-header-info {
			text-align: center;
			margin-bottom: 7px;
			border-bottom: 1px solid #797979;
	}

	.right-header-info {
		text-align: center;
		float:none;
	}
}

@media only screen and (max-width:500px) {
	.header-info-bar  {
			height:auto; /* 100px */
	}
}


.header-info-bar ul  {
	list-style-type: none;
	margin-bottom:0;
	padding-top:7px;
}

.left-header-info a  {
	color: white;
    border: none;
    position: relative;
    top: -1px;
}

.glyphicon {
	margin-right:10px;
	color:#fff;
}

.header-info-bar div#sfsi_holder {
    display: none;
}

.header-info-bar .sfsiplus_norm_row.sfsi_plus_wDiv {
	text-align: right !important;
	position: relative !important;
	width: auto !important;
}

@media only screen and (max-width:767px) {
	.header-info-bar .sfsiplus_norm_row.sfsi_plus_wDiv {
	    text-align: center !important;
	}
}

.sfsiplus_norm_row {
    float: none;
}

.left-header-info li  {
	display:inline;
	margin-left:15px;
}

@media only screen and (max-width:500px) {
	.left-header-info li {
		display:block;

	}
}

.header-info-bar .sfsi_plus_wicons {
    width: 25px !important;
}

.header-info-bar .sfsi_plus_widget {
    min-height: 55px;
    padding-right: 10px;
}


/* Modal
   ===================================================== */

.modal-header {
  padding: 15px 30px !important;
  border-bottom: 1px solid #e5e5e5;
  background: #505357 !important;
  color: #fff !important;
}

.modal-title  {
	color:#fff;
}

 .modal-body {
  padding: 30px !important;
}

.modal-body input.wpcf7-form-control.wpcf7-submit {
padding: 7px 30px;
    background: #94a2b5;
    color: #fff;
    border-radius: 0;
    border-color: #94a2b5;
}

.modal input.wpcf7-form-control.wpcf7-submit:hover {
  background: #69727d;
  color: #fff;
}

.modal button span {
  color: #fff;
}

.modal .close {
  opacity: .5;
}

.modal .close:hover {
  opacity: 1;
}

.modal input,
.modal select,
.modal textarea {
    padding: 5px;
}

/* Modal on sidebar */

.modal-consultation a {
	padding:0;
}

/* Navigation
   ===================================================== */

	 .navbar {
	 	margin-bottom:0;
	 }

	 .site .navbar {
	 	border-radius:0;
	 	border:none;
	 }

	 .navbar-default {
	     background-color: rgb(255, 255, 255);
	     min-height:50px;
	     padding-top:15px;
	 }


	 @media only screen and (max-width:767px) {
	 	nav.navbar.navbar-default {
	 		text-align:center;
	 	}
	 }


	 .company-name {
	 	padding-top:5px;
	 }

	 .shrink-nav {
	 	min-height: 50px;
	     padding: 0;
	     background: #ffffff;
	     border-bottom: 1px solid #eee;
	 }

	 nav.navbar.navbar-default.navbar-fixed-top {
	 	padding-top: 25px;
	 }

	 nav.navbar.navbar-default li.active a {
	 	color: #ffffff;
	 	font-weight: 400;
	 	background: #94a2b5;
	 	border-bottom: 3px solid #e2b748;
	 	border-radius: 0;
	 }


	 nav.navbar.navbar-default.navbar-fixed-top.shrink-nav li a {
	     color: #333;
	     font-weight:400;
	 }

	 nav.navbar.navbar-default.navbar-fixed-top.shrink-nav li.active a {
	     color: #000;
	     font-weight:400;
	     background: #ebfff4;
	     border-bottom: 3px solid #ffbd4a;
	     border-radius:0;
	 }

	 nav.navbar.navbar-default.navbar-fixed-top.shrink-nav ul ul a {
	     color: #333;
	 }

	 @media only screen and (max-width:767px) {
	 	nav.navbar.navbar-default.navbar-fixed-top.shrink-nav ul ul a {
	 		color: #fff;
	 	}
	 }

	 @media only screen and (max-width:767px) {
	 	.shrink-nav .fa-caret-down {
	 		color: #fff !important;
	 	}
	 }

	 .nav-align {
	 	padding-top:25px;
	 }


	 .navbar-collapse {
	 	float: right;
	 	padding-right: 15px !important;
	 	padding-left: 15px !important;

	 }

	 @media only screen and (max-width:767px) {
	 	.navbar-collapse {
	 		width:100%;
	 	}
	 }

	 .navbar-brand {
	 	margin-top:30px;
	 	margin-bottom: -15px;
	 }

	 @media only screen and (max-width:590px) {
	 	.navbar-brand {
	 		float: none;
	 		height:auto;
	 		padding:0;
	 	}
	 }

	 .navbar-brand > img {
	 	width: 240px;
	 	position: relative;
	 	top: -60px;
	 	left: 30px;
	 }

	 @media only screen and (max-width:590px) {
	 	.navbar-brand > img {
    			position: relative;
    			display: block;
    			top: -15px;
    			left: 15px;
	 	}
	 }

	 .affix .navbar-brand > img {
	 }

	 @media only screen and (min-width:676px) and (max-width:780px) {
	 	.nav > li > a {
	 		padding:15px 10px;
	 	}
	 }

	 .fa-caret-down {
	     display: inline-block;
	     float: right;
	     position: relative;
	     top: 10px;
	     right: 15px;
	     color: #777 !important;
	     line-height:0 !important;
	 }

	 @-moz-document url-prefix() {
	 	.fa-caret-down {
	 		display: inline-block;
	 		float: right;
	 		position: relative;
	 		top: -10px;
	 		right: 15px;
	 		color: #777 !important;
	 		line-height:0 !important;
	 	}
	 }

	 .navbar-default .navbar-nav > li {
	 	cursor:pointer;
	 }

	 .navbar-default .navbar-nav > li > a {
	 	color: #333;
	 	border-radius:2px;
	 	z-index:1000;
	 	text-transform: uppercase;
	 }

	 .site .navbar-default .navbar-nav > li > a {
	     color: #333;
	 }

	 .navbar-nav > li > a:hover,
	 .navbar-nav > li > a:active,
	 .highlighted {
	 	background-color: #ecf0fa !important;
	 	color: #385b7d !important;
	 	transition: all 1s;
	 }

	 .navbar-default .navbar-nav > li > a:focus,
	 .navbar-default .navbar-nav > li > a:hover {
	     border-bottom: 1px solid #ded7d7;
	     border-radius: 0;
	 }

	 .dropdown-menu > li > a:hover,
	 .dropdown-menu > li > a:focus,
	 .dropdown-menu > li > a:active {
	 	background-color: #ecf0fa !important;
	 	transition: all 1s;
	 }

	 .dropdown-menu > li > a {
	 	padding: 12px 20px;
	   font-weight: 300;
	 }

	 .dropdown-menu > li > a:hover *.fa-caret-down {
	     color:#fff;
	 }

	 a.has-submenu:hover > .fa-caret-down:before {
	 	color: #fff;
	 }

	 a.has-submenu:focus > .fa-caret-down:before {
	 	color: #fff;
	 }

	 .navbar-nav > li > .dropdown-menu {
	     padding-bottom: 0;
	 		padding-top: 0;

	 }

	 @media only screen and (max-width: 767px) {
	 	.navbar-nav .open .dropdown-menu {
	 		background-color: rgb(238, 239, 248) !important;
	 	}
	 }

	 @media only screen and (max-width: 767px) {
	 	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
	 		padding: 5px 15px 5px 370px;
	 	}
	 }

	 @media only screen and (max-width: 767px) {
	 	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	 		color: #555 ;
	 		padding: 15px 0;
	 		margin: 0;
	 		text-align: center;
	 	}
	 }

	 .navbar-header > .navbar-toggle {
	 	background-color: #0088cc !important;
	 }

	 @media only screen and (max-width:590px) {
	 	.navbar-header > .navbar-toggle {
	 		background-color: #93a2b5 !important;
	 		top:0;

	 		}
	 }

	 @media only screen and (max-width:590px) {
	 	nav.navbar.navbar-default.navbar-fixed-top.shrink-nav .navbar-header > .navbar-toggle {
	 		background-color: #93a2b5 !important;

	 		}
	 }

	 @media only screen and (max-width:350px) {
	 	.navbar-header > .navbar-toggle {
	 		background-color: #93a2b5 !important;

	 		}
	 }

	 @media only screen and (max-width:825px) {
	 	.navbar-header {
	 	}
	 }



	 .navbar-toggle:focus {
	     outline: 0;
	     background: #5486b7 !important;
	 }

	 .navbar-default .navbar-toggle .icon-bar {
	     background-color: #fff;
	 }

	 .menu-item-31 {
	 	background: #8EB8C8;
	 	border-radius:15px;
	 }

	 .menu-item-31 a:hover {
	 	border-radius:15px !important;
	 }

	 .menu-item-31 a {
	 	color:#fff !important;
	 }



/* Affix */


.affix {
      width: 100%;
      margin-top:-60px;
      border-radius:0;
      z-index:999;
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    will-change: transform, opacity;
  }

  .affix + .header-banner {
      padding-top: 85px;
  }

/* affix jitter control placed on breadcrumb to avoid jumpy behavior */

	.affix + .affix-fixer {
      padding-top: 85px;

  }



	@media only screen and (max-width:767px) {
	.affix {
		  margin-top:-120px;
	  }
	}



	#navWrap {
		min-height: 50px;
		height: auto;
		position: relative;
		top: 35px;
		margin-top: -35px;
		z-index: 1;
	}

	@media only screen and (max-width:590px) {
		#navWrap {
			min-height: auto;
		}
	}


	/* Nav Shadow */

	.nav_shadow img {
		margin-bottom: -20px;
	}



	@media only screen and (max-width:767px) {
		.nav_shadow img {
			display: none;
		}
	}



	/* Toggle */

	.navbar-default .navbar-toggle {
	  border-color: #fff;
	}

	.navbar-default .navbar-toggle:hover {
	  background: #3498db;
		border-color: #fff;
	}

	.navbar-default .navbar-toggle:focus {
	  background: #34495e;
		border-color: #fff;
	}



	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar {
	  background-color: #fff;
	}

	.navbar-default .navbar-toggle .icon-bar {
	  background-color: #fff;
	}

	/* Bootstrap menu collapse at 991px - Delete this section if you want menu to collapse on regular 767px; */


	@media screen and (max-width: 991px) {
		.navbar-collapse{
			background:#f5f5f5;
			float:right !important;
		}
		.navbar-collapse.collapse{
			display: none!important;
			height: 0!important;
			padding-bottom: 0;
			overflow: hidden!important;
		}
		.navbar-toggle.collapsed{
			display:block!important;
		}
		.navbar-toggle{
			display:block!important;
		}
		.navbar-collapse.collapse.in{
			display:block!important;
			height:auto!important;
			overflow:visible!important;
		}

		.navbar-default .navbar-nav > li > a {
			color: #505055;
		}
		.navbar-header {
			width:100%;
		}
		div#bs-example-navbar-collapse-1 {
			width: 100%;
		}
	}







/* Plugins
   ===================================================== */

/* Meta Slider */

.metaslider .slides img.slider-6 {
}

.caption-wrap {
		top: 100px !important;
		background: transparent !important;
    text-align: center;
		opacity: 1 !important;
}

.caption-wrap h4 {
	color: #fff;
	text-transform: uppercase;
	line-height: 1.3;
}

.caption {
	background: rgba(255, 255, 255, 0.65);
    width: 50%;
    margin: 0 auto;
    padding: 20px 20px 40px !important;
}


@media only screen and (max-width:1199px) {
	.caption-wrap {
		top: 50px !important;
	}
}

@media only screen and (max-width:991px) {
	.caption-wrap {
		top: 0 !important;
	}

	.caption {
		width: 100% !important;
	}
}

@media only screen and (max-width:767px) {
	.caption-wrap {
		display: none !important;
	}

}

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

	.metaslider {
    max-width: 400px;
    margin: 0 auto 50px;
	}
}




/* Social Media Plus */

.sfsiaftrpstwpr {
	padding: 30px 0 20px;
}

/* Recent Posts With Thumbnail
   ------------------------------------------ */

#rpwwt-recent-posts-widget-with-thumbnails-2 img {
  width: 90px !important;
  height: auto !important;
}

/* Social Media Ultimate
   ------------------------------------------ */

.sfsiplus_norm_row.sfsi_plus_wDiv {
  position: static !important;
  width: 100% !important;
}

.testimonial-single-page img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
   width: auto !important;
}

/* Testimonial on widget sidebar */


.site-sidebar-right .widget-area-right .strong-testimonials-view-widget img {
	display: none;
}



/* Widget Area - Sidebar
	 ===================================================== */

.widget-area-right {
	margin-bottom:50px;
}

.widget_search {
	text-align:center;
}

.widget ul {
	list-style-type:none;
	padding: 0;
}

.widget-area .widget ul li {
	border-bottom: 1px dotted #ddd;
	margin: 25px 0 20px;
	padding-bottom: 10px;
	padding-left:30px;
}

.widget-area .widget ul li:before {
	content: "\f054";
	font-family: FontAwesome;
	width: 1.3em;
	font-size: 11px;
	color: #71dbd4;
	margin-right: 10px;
	font-weight: 100;
}

.recent-posts-widget-with-thumbnails ul li {
	padding-left:0 !important;

}

.recent-posts-widget-with-thumbnails ul li:before {
	display:none;

}

@media only screen and (max-width:767px) {
	.widget-area {
		margin:20px auto;
	}
}

.blog .widget-area {
	margin:0 -25px 0 0;
}

.widget-area input {
	margin-bottom:10px;
	padding:10px;
}

#s {
	width:60%;
}

.widget input[type="submit"] {
	background:#93a2b5;
	color:#fff;
	border-color:#fff;
	transition:all 2s;
	width: 35%;
}

.site-sidebar-right .widget input[type="submit"] {
	width:100px;
}

.widget input[type="submit"]:hover {
	background:#565f6b;
	color: #FFF5EE;
}

.fpw-page-title {
	font-size: 16px;
}

.fpw-layout-wrapped .fpw-featured-image {
	float: left;
	margin-right: 10px;
}

.fpw-clearfix {
	margin-bottom: 20px;
}

h3.right-widget-title {
	border-bottom: 1px solid #dddddd;
	position: relative;
	padding-bottom: 10px;
	text-transform:uppercase;
	font-size:1.7rem;
	margin-bottom: 20px;
}

h3.right-widget-title::before {
	position: absolute;
	content: '';
	width: 70px;
	height: 3px;
	background: #FFC107;
	top: 27px;
}

.sidebar-more-testimonials {
	font-weight:bold;
}

.site-sidebar-right.widget-area {
  border-left: 1px solid #ddd;
  padding: 5px 10px 0 30px;
  color:#333;
}

@media only screen and (max-width:767px) {
	.site-sidebar-right.widget-area {
		padding: 0 30px 0 10px;
		border-left:none;
	}
}


.site-sidebar-right.widget-area a {
  color: #747474;
}


.site-sidebar-right.widget-area ul,
.site-sidebar-right.widget-area ol {
  padding:0;
}


.site-sidebar-right.widget-area li {
  color:#333;
}


/* Breadcrumbs
   ===================================================== */

.beachgrovedental_header_breadcrum_title{
	background: rgb(245, 255, 254);
	/*PK-Dec23,2021: Disable transition to reduce CLS opacity: 1; */
	padding: 0;
	margin: 0px auto 50px;
}

.breadcrum-title-position {
	text-align:center;
}

@media only screen and (max-width:770px) {
	.breadcrum-title-position {
	}
}

.beachgrovedental_header_breadcrum_title h1{
	color:#777777;
	font-size: 2.7rem;
	padding: 20px 0;
	text-transform: uppercase;
}

@media only screen and (max-width:768px) {
	.beachgrovedental_header_breadcrum_title h1{
		font-size:1.5rem;
	}
}

.breadcrumb {
	font-size: 16px;
	padding: 0;
	position: relative;
	display: inline-block;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	list-style: none;
}

.breadcrumb li {
	display: inline-block;
	color:#777;
}


.blog .breadcrumb li {
	display: none;
}

.breadcrumb li a{
	color:#337ab7;
}

.breadcrumb li a:hover{
	text-decoration:none;
}

.breadcrumb > .active {
	color: #000;
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #888;
	content: ">>";
}

.breadcrumbs-substitute {
	background:rgba(83, 193, 230, 0.13);
	height:145px;
	margin-bottom:100px;
	padding-top:20px;
}

.breadcrumbs-substitute h1 {
	color: #777777;
	font-size: 2.7rem;
	padding: 20px 0;
}


/* Footer
   ===================================================== */

#beachgrovedental-footer  {
	background: #222222;
}



#beachgrovedental-footer .widget-title {
	color: #efecec;
	font-size: 17px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase;
	padding-bottom: 15px;
  max-width: 300px;
	margin-right: 50px;
}

@media only screen and (max-width:767px) {
	#beachgrovedental-footer .widget-title {
	  max-width: 100%;
		margin-right: 50px;
	}
}

#beachgrovedental-footer .widget-title::before {
	content: '';
	background: #5fb1ac;
	width: 100px;
	height: 2px;
	position: absolute;
	top: 59px;
}

@media only screen and (max-width:767px) {
	#beachgrovedental-footer .widget-title::before {
		top: 39px;
	}
}

#beachgrovedental-footer ul {
	list-style:outside none none;
}

@media only screen and (max-width:991px) {
	#beachgrovedental-footer ul  {
		margin-left:0;
	}
}

#beachgrovedental-footer ul,
.textwidget {
	color:#888888;
}

#beachgrovedental-footer a:hover {
	color:#32CB8E;
	text-decoration:none;
}

#beachgrovedental-footer li a {
	padding: 16px 0 6px 0;
	color:#888888;

}

#beachgrovedental-footer li a {
	color: #999995;
	font-size: 14px;
	font-weight: lighter;
}

#beachgrovedental-footer li a:hover {
	color:#32CB8E;
}

#beachgrovedental-footer p {
	color: #999999;
	margin-top: 20px;
	font-weight: lighter;
	font-size: 14px;
}

#beachgrovedental-footer .textwidget {
	color:#a1b1ba;
}

#menu-footer-menu li {
	padding-top: 10px;
}

/* Footer widget */

#footer-sidebar  {
	border:none;
	box-sizing:border-box;
	padding-top: 20px;
}

@media only screen and (max-width:767px) {
	#footer-sidebar  {
		height:auto;
	}
}

#footer-sidebar1  {
	width:100%;
	color: #ccc;
	font-weight: bold;
	line-height: 24px;
	padding-left:20px;
	margin-top: 20px;
}

#footer-sidebar1 img {
	width: 200px;
}

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

	#footer-sidebar1  {
		margin-left:0;
		padding-left: 0;
	}
}

#footer-sidebar1 h4 {
    color: #fff;
    margin: 30px auto 15px;
}

#footer-sidebar2  {
	width:100%;
	color: #CCC;
	margin-left:50px;
}

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

	#footer-sidebar2, #footer-sidebar3  {
		margin-bottom:70px;
		margin-left: 0;
	}
}

#footer-sidebar2 ul {
    max-width: 350px;
}

#footer-sidebar2 ul li {
    border-bottom: 1px dotted #555;
    padding: 10px 0;
}

#footer-sidebar2 ul li span {
    float: right;
}

#footer-sidebar3  {
	width:70%;
	color: #CCC;
	/*margin-left:50px;*/
}

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

	#footer-sidebar3  {
		margin-left:0;
	}
}


.footer-fa-icons {
	color: #60b1ac;
}

/* Copyright bar  */

.copyright-bar {
	background-color: #141313;
	text-align: center;
	width: 100%;
	padding-top: 1.0%;
	padding-bottom: 10px;
}

.col-sm-12  {
	padding:0px;
}

.copyright-bar a,
.copyright-bar p {
	color:#a1b1c1 !important;
}





/* -----------------------------------------
	      Image Slider Section in Homepage
------------------------------------------- */

.header-banner {
    padding: 0;
    margin: 0 0 -40px;
}

h1.banner-caption {
    font-size: 5rem;
    color: #000;
}

.banner-caption span {
		display: block;
		color: #797979;
		margin: 20px auto 30px;
}

p.banner-paragraph {
		color: #777;
		font-size: 1.7rem;
		line-height: 1.5;
}

a.btn.info-btn.banner-btn {
    background: #70dcd5;
    color: #fff;
    margin-top: 30px;
}

a.btn.info-btn.banner-btn:hover {
    background: #64c5bf;
		transition:all 1s;
}


/* -----------------------------------------
	  Section in Homepage - Value Proposition
------------------------------------------- */

section.value-proposition {
    text-align: center;
    color: #fff;
		margin-top: 40px;
}

.single-proposition {
    padding: 15px;
}

.single-proposition i.fa.fa-heart {
    font-size: 28px;
}

.single-proposition h4 {
    color: #fff;
    font-weight: 500;
		margin: 15px auto;
}

.single-proposition .fa-3x {
    font-size: 4em;
}

.light-bg {
    background: rgba(126,123,123,0.9);
}

.dark-bg {
    background: rgba(35, 40, 45, 0.8);
}

@media only screen and (max-width:991px) {
	section.value-proposition {
			margin-top: -50px;
	}
}

/* -----------------------------------------
	      About Us Section in Homepage
------------------------------------------- */

.about-wrap {
	position: relative;
	background-color: #f3f3f3; /* #effaff   */
	overflow: hidden;
	padding: 70px 50px;
}

.about-wrap h4 {
	text-transform: uppercase;
	color: #74747d;
	font-size: 16px;
}

.about-wrap .short-divider {
	margin-bottom: 30px;
}


@media only screen and (max-width:991px) {
	.about-wrap {
		text-align: center;
	}
}


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

	.about-wrap {
		padding:70px 0;
	}

	.about-wrap h3 {
		font-size: 20px;
	}
}

.about-wrap .cta-btn-wrapper {
	text-align: left;
	margin: 30px 0 0;
}

.about-wrap .cta-button {
    margin-right: 15px;
}

.about-left-content {
    margin-top: 15px;
}

@media only screen and (max-width:991px) {
	.about-wrap .cta-btn-wrapper {
		text-align: center;
		margin: 30px auto 0;
	}
}

.about-wrap p {
   white-space:pre-wrap;
}

/* -----------------------------------------
		 Featurettes Section
------------------------------------------- */

.featurettes-content {
	margin-top:35px;
	color: #fff;
}


/*==================================================
 * Effect 7
 * ===============================================*/

.effect7
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.effect7:hover, .effect7:hover::before {
	box-shadow:none;
	transition: all 1s;
}


.featurettes-content h3 {
	text-align: center;
	text-transform: uppercase;
	margin: 30px auto 50px;
}

.single-feature-content {
    text-align: center;
    background: #505357;
    padding: 30px;
		margin-bottom: 30px;
}

.single-feature-content2 {
    background: #8B8888;
}

.single-feature-content h4 {
    color:#fff;
}

.single-feature i {
	font-size: 28px;
	color: #6fddd6;
	border: 1px solid white;
	border-radius: 100%;
	padding: 15px;
}

.single-feature h4 {
    margin: 15px auto;
}

/* -----------------------------------------
		Home Testimonial Section
 ------------------------------------------- */

 section.testimonial-section {
     background: #f3f3f3;
     padding: 50px 50px 50px;
     margin-top: 30px;
 }

 .testimonial-section h4 {
    text-align: center;
    text-transform: uppercase;
		font-size: 20px;
}

@media only screen and (max-width:767px) {
	section.testimonial-section {
			padding: 50px 0;
	}
}

/* -----------------------------------------
		Home - Blog Section
 ------------------------------------------- */

section.blog-section {
    padding: 100px 0 0;
}


.blog-section .cta-btn-wrapper,
.featurettes .cta-btn-wrapper {
	margin:50px auto;
}


/* Pages
   ===================================================== */

.page-wrapper {
    margin-top: -30px;
}

.content-align {
	padding:50px 70px;
}


@media only screen and (max-width:767px) {
	.content-align {
		padding:0 30px;
	}
}

.content-page-wrapper img {
	width:100%;
	max-width: 768px;
	height:auto;
	padding: 0 20px 0 0;
	margin:0 auto 50px;
	/* PK-Dec23,2021: Disable transition to reduce CLS
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	*/
}

@media only screen and (max-width:767px) {
	.content-page-wrapper img {
		margin:20px auto;

	}
}

.page-template-page-fullwidthserivce .content-page-wrapper img {
	width:auto;
	max-width: 100%;
	height:auto;
	padding: 20px 20px 20px 0;
	margin:0;
	/* PK-Dec23,2021: Disable transition to reduce CLS
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	*/
}

.content-page-wrapper ul {
  list-style: none;
  padding: 0 0 0 3em;
  margin: 20px auto;
}

@media only screen and (max-width:767px) {
	.content-page-wrapper ul {
	  padding: 0 2em;
	}
}

.content-page-wrapper ol {
  padding: 0 0 0 2em;
  margin: 20px auto;
}

@media only screen and (max-width:767px) {
	.content-page-wrapper ol {
	  padding: 0 0 0 1em;
	}
}

.content-page-wrapper li {
    padding-bottom: 1.0em;
    padding-left: .5em;
}

.content-page-wrapper ul li:before {
	content: "\f054";
	font-family: FontAwesome;
	margin-left: -1.9em;
	width: 1.3em;
	font-size: 16px;
	color: #71dbd4;
	margin-right: 10px;
}

.content-page-wrapper .widget-area li:before {
	content: none;
	font-family: FontAwesome;
	margin-left: -1.9em;
	width: 1.3em;
	font-size: 10px;
	color: #FF5722;
	margin-right: 10px;
}

blockquote {
    padding: 10px 20px;
    margin: 20px auto;
    font-size: 1.7rem;
    border-left: 5px solid #18ba60;
    background: #eee;
    color: #3f515a;
}

.wysiwyg-button {
	text-align:center;
}

div.link-event-wrapper {
	margin:70px auto 0;
	text-align:center;
}

a.btn.btn-info.link-to-event {

    font-size: 1.7rem;
    text-transform: uppercase;
    padding: 15px;
    background-color: #18ba60;
    border-color: #13a052;
}

a.btn.btn-info.link-to-event:hover {
    background-color: #13a052;
    border-color: #13a052;
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #579894;
    border-color: #579894;
}

/* Full Width Page Template
   ===================================================== */

/*
.full-page-width {
	padding: 50px;
}
*/

@media only screen and (max-width:767px) {
	.full-page-width {
		padding: 0;
	}
}

/* Page With Sidebar
   ===================================================== */

.content-page-wrapper {
		margin-top: -20px;
		margin-bottom: 50px;
		position: relative;
}

@media only screen and (max-width:767px) {
	.content-page-wrapper {
		margin-top:0;
		margin-bottom: 0;

	}
}

.header-menu-wrapper {
	height: 577px;
}

@media only screen and (max-width:767px) {
	.header-menu-wrapper {
		height: 237px;
	}
}


/* About Us Page With Accordion
   ===================================================== */

.course-page-width {
	max-width:1200px;
}

.course-page-width h4 {
	text-transform: uppercase;
	color: #616161;
	font-size: 16px;
}

.ul-err {
	margin:0;
}

/* PK-Dec23,2021: Disable transition to reduce CLS
.content-align img:hover {
	  -webkit-filter: grayscale(100%);
*/
}

/* About page multiple tab */

.tab-wrap {
	-webkit-transition: 0.3s box-shadow ease;
	transition: 0.3s box-shadow ease;
	border-radius: 6px;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	   flex-wrap: wrap;
	position: relative;
	list-style: none;
	background-color: #fff;
	margin: 0 0 40px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
	box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}

.tab {
	display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	       transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	       transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	       transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	       transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	       transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
	border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tab:checked + label {
	background-color: skyblue;
	color:#fff;
	box-shadow: 0 -1px 0 #fff inset;
	cursor: default;
}
.tab:checked + label:hover {
	box-shadow: 0 -1px 0 #fff inset;
	background-color: #e5f7ff;
	color:#3677a4;
}
.tab + label {
	box-shadow: 0 -1px 0 #eee inset;
	border-radius: 6px 6px 0 0;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #3677a4;
	-webkit-box-flex: 3;
	   -ms-flex-positive: 3;
	       flex-grow: 3;
	text-align: center;
	background-color: #e5f7ff;
	-webkit-user-select: none;
	  -moz-user-select: none;
	   -ms-user-select: none;
	       user-select: none;
	text-align: center;
	-webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
	transition: 0.3s background-color ease, 0.3s box-shadow ease;
	height: 50px;
	box-sizing: border-box;
	padding: 15px;
	font-size: 18px;
	text-transform: uppercase;
	border-right: 1px solid #fff;
}
.tab + label:hover {
	background-color: #f9f9f9;
	box-shadow: 0 1px 0 #f4f4f4 inset;
}
.tab__content {
	padding: 35px 30px;
	background-color: transparent;
	position: absolute;
	width: 100%;
	z-index: -1;
	opacity: 0;
	left: 0;
	-webkit-transform: translateY(-3px);
	       transform: translateY(-3px);
	border-radius: 6px;
}

.tab__content img {
	max-width: 500px;
	float: left;
	padding: 0 20px 20px;
	width: 100%;
}

@media only screen and (max-width:767px) {
	.tab__content img {
		max-width:100%;
		float:none;
		padding:0 0 35px;
	}

}

.tab__content img:hover {
	  -webkit-filter: grayscale(100%);
}

.tab__content .fa {
	  color:#3677a4;
}

/* Testimonials Page */

.strong-view ul.simplePagerNav li.currentPage a {
    background-color: #6eded7 !important;
    color: #fff !important;
    border: 1px solid #6eded7 !important;
}

.strong-view ul.simplePagerNav li a {
    outline: none;
    color: black;
    float: left;
    padding: 8px 16px !important;
    text-decoration: none;
    transition: background-color .3s !important;
    border: 1px solid #ddd !important;
    margin: 0 4px !important;
}

/* Contact Page with form code
   ===================================================== */

	 /* Contact Page
	    ===================================================== */


			div#contact-widget {
			    padding: 30px;
			}


	 	 .cp-contactpage-form {
	 	     margin-top: 50px;
	 	 }

	 	 .cp-contactpage-form .info p {
	 	   text-align:center;
	 	   color: #999;
	 	   text-transform:none;
	 	   font-weight:600;
	 	   font-size:15px;
	 	   margin-top:2px
	 	 }

	 	 .cp-contactpage-form .info i {
	 	   color:#F6AA93;
	 	 }
	 	 .cp-contactpage-form form h1 {
	 	   font-size: 18px;
	 	   background: #F6AA93 none repeat scroll 0% 0%;
	 	   color: rgb(255, 255, 255);
	 	   padding: 22px 25px;
	 	   border-radius: 5px 5px 0px 0px;
	 	   margin: auto;
	 	   text-shadow: none;
	 	   text-align:left
	 	 }

	 	 .cp-contactpage-form form {
	 	   border-radius: 5px;
	 	   max-width:700px;
	 	   width:100%;
	 	   margin: 5% auto;
	 	   background-color: #FFFFFF;
	 	   overflow: hidden;
	 	 }

	 	 .cp-contactpage-form p span {
	 	   color: #555;
	 	 }

	 	 .cp-contactpage-form p {
	 	   margin: 0px;
	 	   font-weight: 500;
	 	   line-height: 2;
	 	   color:#333;
	 	 }

	 	 .cp-contactpage-form h1 {
	 	   text-align:center;
	 	   color: #666;
	 	   text-shadow: 1px 1px 0px #FFF;
	 	   margin:50px 0px 0px 0px
	 	 }

	 	 .cp-contactpage-form input {
	 	   border-radius: 0px 5px 5px 0px;
	 	   border: 1px solid #eee;
	 	   margin-bottom: 15px;
	 	   height: 40px;
	 	   padding: 0px 15px;
	 		 position: relative;
	 		 color: #555;
	 	 }

	 	 .cp-contactpage-form a {
	 	   text-decoration:inherit
	 	 }

	 	 .cp-contactpage-form textarea {
	 	   border-radius: 0px 5px 5px 0px;
	 	   border: 1px solid #EEE;
	 	   margin: 0;
	 	   height: 130px;
	 	   float: left;
	 	   padding: 0px 15px;
	 		 position: relative;
	 		 box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1), 0 2px 0px rgba(255, 255, 255, 0.2);
	 	 }


		 select.wpcf7-form-control.wpcf7-select.form-control {
		     height: 40px;
		     position: relative;
		     left: -3px;
		 }



	 	 .cp-contactpage-form .form-group {
	 	   overflow: hidden;
	 	 }

	 	 .cp-contactpage-form .icon-case {
	 		width: 35px;
	 		float: left;
	 		border-radius: 5px 0px 0px 5px;
	 		background:#505357;
	 		height: 40px;
	 		position: relative;
	 		text-align: center;
	 		line-height: 40px;
	 	 }

	 	 .cp-contactpage-form i {
	 	   color:#fff;
	 	 }

	 	 .cp-contactpage-form .contentform {
	 	   padding: 0 30px;
	 	 }

	 	 .cp-contactpage-form .bouton-contact{
	 	   background-color: #81BDA4;
	 	   color: #FFF;
	 	   text-align: center;
	 	   width: 100%;
	 	   border:0;
	 	   padding: 17px 25px;
	 	   border-radius: 0px 0px 5px 5px;
	 	   cursor: pointer;
	 	   margin-top: 40px;
	 	   font-size: 18px;
	 	 }

	 	 .cp-contactpage-form .leftcontact {
	 	   width:49.5%;
	 	   float:left;
	 	   border-right: 1px dotted #CCC;
	 	   box-sizing: border-box;
	 	   padding: 0px 15px 0px 0px;
	 	 }

	 	 .cp-contactpage-form .rightcontact {
	 	   width:49.5%;
	 	   float:right;
	 	   box-sizing: border-box;
	 	   padding: 0px 0px 0px 15px;
	 	 }

	 	 .cp-contactpage-form .validation {
	 	   display:none;
	 	   margin: 0 0 10px;
	 	   font-weight:400;
	 	   font-size:13px;
	 	   color: #DE5959;
	 	 }

	 	 .cp-contactpage-form #sendmessage {
	 	   border:1px solid #fff;
	 	   display:none;
	 	   text-align:center;
	 	   margin:10px 0;
	 	   font-weight:600;
	 	   margin-bottom:30px;
	 	   background-color: #EBF6E0;
	 	   color: #5F9025;
	 	   border: 1px solid #B3DC82;
	 	   padding: 13px 40px 13px 18px;
	 	   border-radius: 3px;
	 	   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
	 	 }

	 	 .cp-contactpage-form #sendmessage.show,.show  {
	 	   display:block;
	 	 }


	 	.cp-contactpage-submit {
	 		text-align: center;
			margin: 50px auto;
	 	}

.alert-success {
    text-align: center;
}

	 	/* Contact info & map */


	 	.beachgrovedental .map-wrapper {
	 		-webkit-box-shadow: 0px 6px 46px -20px rgba(0,0,0,0.75);
	 		-moz-box-shadow: 0px 6px 46px -20px rgba(0,0,0,0.75);
	 		box-shadow: 0px 6px 46px -20px rgba(0,0,0,0.75);

	 	}


	 	.beachgrovedental .contact-number hr {
	 		border-top:1px solid darkgrey;
	 		margin:50px auto;
	 	}

	 	.beachgrovedental .contact-info {
			border: 1px solid #ece8e8;
			border-top: 1px solid;
			border-top-color: #ece8e8;
			padding: 20px;
	 	}

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

	 		.beachgrovedental .contact-info {

	 			margin-bottom: 50px;
	 		}
	 	}

	 	.beachgrovedental .contact-info h3 {
	 			margin: 0 auto 30px;
	 			color: #5b5b5b;
	 			text-transform: uppercase;
	 			font-size: 20px;
	 	}

	 	.beachgrovedental .contact-info .textwidget {
	 		color: #5b5b5b;

	 	}


	 	.contact-map  {
	 		margin-bottom: 100px;
	 	}


	 	.map-responsive {
	 	    overflow:hidden;
	 	    padding-bottom:56.25%;
	 	    position:relative;
	 	    height:0;
	 	}
	 	.map-responsive iframe{
	 	    left:0;
	 	    top:0;
	 	    height:100%;
	 	    width:100%;
	 	    position:absolute;
	 	}



	 @media only screen and (max-width:767px) {
	 	.cp-contactpage-form .leftcontact {
	     border-right: none;
	 	}

	 	.cp-contactpage-form .leftcontact  {
	     width: 100%;
	 	}

	 	.cp-contactpage-form .rightcontact {
	 		width: 100%;
	 		padding:0;
	 	}

	 	.cp-contactpage-form input {
	 		width: 90%;
	 	}

	 }

	 @media only screen and (max-width:470px) {
	 	.cp-contactpage-form input {
	 		width: 75%;
	 	}
	 }


/* Blog Page - Index Page
   ===================================================================== */

.blog .page-wrapper {
	margin-top: 50px;
}

.blog .blog-heading {
	text-align: center;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin:30px auto;
}

.blog .background span {
	background: #fff;
	font-size: 5rem;
}

.blog .post,
.home .post {
	margin-bottom: 30px;
	border: 1px solid;
	border-color: #ececf5;
	margin-top:35px;
}

.home .post {
	max-width: 320px;
}

.blog .post a,
.home .post a {
	text-decoration:none;
}

.blog .post button,
.home .post button {
	padding: 10px 16px;
	font-size: 15px;
	position: relative;
	margin: 15px auto;
	border-radius: 0;
	color: #94a2b5;
	background: transparent;
	border: 1px solid #94a2b5;
}

.blog .post button a,
.home .post button a {
	color:#fff;
}


.blog .post button:hover,
.home .post button:hover {
	color: #fff;
	background: #6fddd6;
	border: 2px solid #8db7ec;
}

.blog .meta-thumb-wrapper,
.home .meta-thumb-wrapper {
	width:100%;
}

.blog .date-box,
.home .date-box  {
	background: rgb(80, 83, 87);
	padding: 5px 0 5px;
	color: #fff;
	text-align: center;
}

.blog-meta-wrapper {
    display: inline-block;
    margin-left: 15px;
	font-size:14px;
	font-weight:300;
}


.blog .date-box a,
.home .date-box a {
	color:#acc;
}


.home .date-box a {
	color:#607D8B;
}

.blog .date-box .glyphicon,
.home .date-box .glyphicon {
  margin-right: 5px;
	color:#fff;
}

.blog .meta-divider1,
.home .meta-divider1 {
	border:1px solid #989b9e;
}

.blog .meta-divider2,
.home .meta-divider2 {
	border:1px solid transparent;
	padding: 0 20px;
}

.blog .post img,
.home .post img {
	width: 100%;
    height: 100%;
}

.blog .post h3,
.home .post h3 {
	text-align:center;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;

}

@media only screen and (max-width:767px) {
	.home .post {
		max-width: 100%;
		margin: 35px auto;
	}

}

/* Single.php
   ===================================================== */

.single .page-wrapper {
  margin-top: 50px;
}

.blog-content .post {
	border:none;
}

.blog-content .post h5 {
	margin-top:20px;
}

.blog-content {
	margin-bottom:-150px;
}

.single-post .site-sidebar-right.widget-area,
.blog .site-sidebar-right.widget-area {
    margin-top: 35px;
}

/* Service Page
   ===================================================== */
.page-template-page-services .call-to-action {
	box-shadow: none;
}

/* 404 Error Page
   ===================================================== */

.error404 {
  background: radial-gradient(#000, #352c2c);
  color: white;
  overflow: hidden;
  height: 100%;
  user-select: none;
}

.error-page {
	height:700px;
}

.error-page .static {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  top: -100px;
  opacity: 0.05;
  z-index: 230;
  user-select: none;
  user-drag: none;
}

.error-page .error {
  text-align: center;
  font-family: 'Gilda Display', serif;
  font-size: 95px;
  font-style: italic;
  text-align: center;
  width: 100px;
  height: 60px;
  line-height: 60px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60px;
  right: 0;
  animation: noise 2s linear infinite;
  overflow: default;
}

.error-page .error:after {
  content: '404';
  font-family: 'Gilda Display', serif;
  font-size: 100px;
  font-style: italic;
  text-align: center;
  width: 150px;
  height: 60px;
  line-height: 60px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  color: blue;
  animation: noise-1 .2s linear infinite;
}

.error-page .info {
  text-align: center;
  font-family: 'Gilda Display', serif;
  font-size: 15px;
  font-style: italic;
  text-align: center;
  width: 200px;
  height: 60px;
  line-height: 60px;
  margin: auto;
  position: absolute;
  top: 140px;
  bottom: 0;
  left: 0;
  right: 0;
  animation: noise-3 1s linear infinite;
}

.error-page .error:before {
  content: '404';
  font-family: 'Gilda Display', serif;
  font-size: 100px;
  font-style: italic;
  text-align: center;
  width: 100px;
  height: 60px;
  line-height: 60px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  color: red;
  animation: noise-2 .2s linear infinite;
}

@keyframes noise-1 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: -6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: 2px;}
}

@keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: 6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: -2px;}
}

@keyframes noise {
  0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; transform: scaleY(1);}
  4.3% {opacity: 1; transform: scaleY(1.7);}
  43% {opacity: 1; transform: scaleX(1.5);}
}

@keyframes noise-3 {
  0%,3%,5%,42%,44%,100% {opacity: 1; transform: scaleY(1);}
  4.3% {opacity: 1; transform: scaleY(4);}
  43% {opacity: 1; transform: scaleX(10) rotate(60deg);}
}

.error-page a {
  position: relative;
  display: block;
  color: wheat;
  background: red;
  margin-top: 50px;
}


/* WordPress Special Classes
   ===================================================== */

	 .alignnone {
	     margin: 5px 20px 20px 0;
	 }

	 .aligncenter,
	 div.aligncenter {
	     display: block;
	     margin: 5px auto 5px auto !important;
	 }

	 .alignright {
	     float:right;
	     margin: 5px 0 20px 20px;
	 }

	 .alignleft {
	     float: left;
	     margin: 5px 20px 20px 0;
	 }

	 a img.alignright {
	     float: right;
	     margin: 5px 0 20px 20px;
	 }

	 a img.alignnone {
	     margin: 5px 20px 20px 0;
	 }

	 a img.alignleft {
	     float: left;
	     margin: 5px 20px 20px 0;
	 }

	 a img.aligncenter {
	     display: block;
	     margin-left: auto;
	     margin-right: auto;
	 }

	 .wp-caption {
	     background: #fff;
	     border: 1px solid #f0f0f0;
	     max-width: 96%; /* Image does not overflow the content area */
	     padding: 5px 3px 10px;
	     text-align: center;
	 }

	 .wp-caption.alignnone {
	     margin: 5px 20px 20px 0;
	 }

	 .wp-caption.alignleft {
	     margin: 5px 20px 20px 0;
	 }

	 .wp-caption.alignright {
	     margin: 5px 0 20px 20px;
	 }

	 .wp-caption img {
	     border: 0 none;
	     height: auto;
	     margin: 0;
	     max-width: 98.5%;
	     padding: 0;
	     width: auto;
	 }

	 .wp-caption p.wp-caption-text {
	     font-size: 11px;
	     line-height: 17px;
	     margin: 0;
	     padding: 0 4px 5px;
	 }

	 /* Text meant only for screen readers. */
	 .screen-reader-text {
	 	border: 0;
	 	clip: rect(1px, 1px, 1px, 1px);
	 	clip-path: inset(50%);
	 	height: 1px;
	 	margin: -1px;
	 	overflow: hidden;
	 	padding: 0;
	 	position: absolute !important;
	 	width: 1px;
	 	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
	 }

	 .screen-reader-text:focus {
	 	background-color: #eee;
	 	clip: auto !important;
	 	clip-path: none;
	 	color: #444;
	 	display: block;
	 	font-size: 1em;
	 	height: auto;
	 	left: 5px;
	 	line-height: normal;
	 	padding: 15px 23px 14px;
	 	text-decoration: none;
	 	top: 5px;
	 	width: auto;
	 	z-index: 100000;
	 	/* Above WP toolbar. */
	 }


/* IOS Adjustment
   ===================================================== */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
	body {
	  overflow-x:hidden !important;
	}

	.intro-header {
		padding-top: 250px;
		padding-bottom: 50px;
		text-align: center;
		background: url(http://burnabyfurnacerepair.com/wp-content/uploads/2017/01/fireplace-416042.jpg) no-repeat center center;
		background-size: cover;
		height: 767px;
	}
}

/* Rajeev's friend request */

h3.blog-index-title {
    color: #777777;
    font-size: 2.7rem;
    padding: 55px 0 0;
    text-transform: uppercase;
    background: rgb(245, 255, 254);
    opacity: 1;
    margin: 0 auto;
    height: 145px;
    text-align: center;
}