/*
Theme Name: Essence Hospice
Author: Jelly Websites
Template: twentysixteen
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
    max-width: 1480px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  vertical-align: top;
    display: inline-block;
  box-sizing: border-box;
text-align: center;}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 1200px) {
  .container {
    width: 100%; }
  .column,
  .columns {
   margin-left: 2.91%;
	text-align: left;}
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "centuryGothic", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      color: black;
	      background: #45918b; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: #000000;
	-webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    -ms-transition: color .5s linear;
    -o-transition: color .5s linear;
	transition: color .5s linear; }
a:hover {
	color: #434343;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
font-family: "centuryGothic", "Helvetica Neue", Helvetica, Arial, "sans-serif"!important;}
h1 { margin-top: 25px;font-size: 3rem;; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.5rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 1.5rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.0rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 0.5rem; line-height: 1.6;  letter-spacing: 0; }
h1, h3, h5{
	color: #1A504C;
}
h2, h4, h6{
	color: #45918B;
	font-style: italic;
}
/* Larger than phablet */
@media (min-width: 550px) {
  h1 {font-size: 3rem!important; }
  h2 { font-size: 2rem!important; }
  h3 { font-size: 1.5rem!important; }
  h4 { font-size: 1rem!important; }
  h5 { font-size: 0.5rem!important; }
  h6 { font-size: 0.5rem!important; }
}

/* Custom Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
  font-family: "centuryGothic";
  src: url("//dentalandimplantcare.com/css/fonts/GOTHIC.TTF")  format("truetype");
}
@font-face {
  font-family: "palatinoLino";
  src: url("//dentalandimplantcare.com/css/fonts/pala.ttf")  format("truetype");
}
.site {
    background-color: #f6f6f6;
	margin: 0;
}
.site-inner {
    max-width: none;
}
.show-menu:after {
    content: 'Show Menu';
}
input[type=checkbox]:checked ~ .show-menu:after {
    content: 'Close Menu';
}

/* Navigation Styles. */
.navContainer {
	background: #45918B;
    position: fixed;
    width: 100%;
    top: 0;
	z-index: 999;
}
nav{
    height: 40px;
    position: relative;
    display: block;
    margin: 0 auto;
	    width: 615px;
}
/*Strip the ul of padding and list styling*/
.navigation {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	    width: 100%;
}

/*Create a horizontal list with spacing*/
.navigation li {
	display:inline-block;
	float: left;
	margin-right: 1px;
	margin-bottom: 0;
}

/*Style for menu links*/
.mainNavLink {
	display:block;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	font-family: "centuryGothic", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background: none;
	text-decoration: none;
	-webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    -ms-transition: color .5s linear;
    -o-transition: color .5s linear;
	transition: color .5s linear;
	text-align: left;
	padding: 0 10px;
        color: #ffffff;
	    font-size: 15px;
}
.navigation li ul li a {
    height: 35px;
    line-height: 35px;
	padding: 0 10px;
		-webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
	    transition: color .15s linear;
}
/*Hover state for top level links*/
.navigation li:hover a {
    color: black;
}
/*Hover state for second level links*/
.navigation li:hover ul {
    opacity: 1;
    visibility: visible;
	z-index: 999;
}
/*transitions second level links*/
.navigation li ul {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    margin-top: 0;
	width: auto;
}
/*Style for dropdown links*/
.navigation li:hover ul a {
	    height: 35px;
    line-height: 35px;
	    background: #45918b;
}

/*Hover state for dropdown links*/
.navigation li:hover ul a:hover {
background: #45918b;
}

/*Hide dropdown links until they are needed*/
.navigation li ul {
visibility: hidden;
padding: 0;
    margin: 0;
}

/*Make dropdown links vertical*/
.navigation li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.navigation li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.navigation li a:hover + .hidden, .hidden:hover {
visibility: visible;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "centuryGothic", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	display: none;
}
.hidden li a {
    color: #ffffff!important;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
#firstLink {
    padding-left: 0;
}
#lastLink {
    padding-right: 0;
}
.hidden a {
    display: block;
    text-decoration: none;
    padding: 0 15px!important;
}
.menuWidth{
	width: 270px!important;
}
header {
    margin-top: 50px;
   
    background-color: #1a505c;
    background-position: center;
    background-repeat: no-repeat;
}
.logo a{
	display: block;
	    color: transparent;
}
.logoImg{
	    
    display: inline-block;
    vertical-align: middle;
	margin-bottom: 15px;
}
.logoImg img{
	width: 100%;
}
.logoTxt{
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    font-family: "palatinoLino", Times, "Times New Roman", "serif";
    font-size: 33px;
    font-size: 2em;
    color: white;
    font-weight: 100;
}
.logoTxt p{
	margin: 0;
}

.headerPhone{
	min-height: 100px;
    position: relative;
}
.headerPhone p{
	margin: 0;
    text-align: right;
    position: relative;
}
.headerPhone p {
    color: #fff;
	cursor: default;
	    font-size: 19px;
    font-size: 1.15em;
	margin-top: 10px;
}
.headerPhone span a {
    color: #fff;
    text-decoration: none;
	    font-size: 22px;
    font-size: 1.17em;
}
.headerPhone span a:hover {
    color: #333;
    text-decoration: none;
	    font-size: 22px;
    font-size: 1.17em;
}
.headerPhone a {
    color: #fff;
    text-decoration: none;
	    font-size: 20px;
}
.headerPhone a:hover {
    color: #333!important;
    text-decoration: underline;
	    font-size: 20px;
}
.tagline{
	font-family: "palatinoLino", Times, "Times New Roman", "serif";;
    color: white!important;
    font-style: italic;
    font-size: 25px!important;
    font-size: 1.49em!important;
}
.hidden li a:hover {
    color: white!important;
}
main header {
    background: none;
}
.entry-content a {
  color: #1a504c;
}
.entry-title a {
    color: #1A504C;
    font-size: 3rem;
    font-weight: 100;
}
.entry-title a:hover, .entry-title a:focus {
    color: #2C94E5;
}
.entry-footer a {
    color: black;
}
.entry-footer a:hover, .entry-footer a:focus {
    color: #2C94E5;
}
.sidebar {
    margin-top: 100px;
}
.widget .widget-title {
    font-size: 16px;
    font-size: 1.55rem;
}
.widget {
    font-size: 17px;
    font-size: 1.5rem;
}
.entry-footer {
    font-size: 14px;
    font-size: 1.2rem;
}
input[type="search"].search-field {
    font-size: 16px;
    font-size: 1.55rem;
}
.post-navigation {
    border: none;
}

.post-navigation div + div {
    border: none;
}
.post-navigation a {
    color: #f9f9f9;
}
.post-navigation .meta-nav {
    color: white;
}
@media screen and (min-width : 931px){
.navigation{
	display:block!important;/* Fixes issue with desktop links keeping their mobile layout; media queries must follow each other (max = 930 & min = 931) */
}
}
@media screen and (max-width : 930px){
	nav {
	width: 100%;
  position: relative;
  height: auto;
	}
	/*Make dropdown links appear inline*/
	.navigation {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.navigation li {
		margin-bottom: 1px;
		  display: block;
  float: none;
  margin-right: 1px;
		background: #45918b;
    border-top: solid 1px white;
	}
	.navigation li a {
        color: #ffffff;
}
	/*Make all menu links full width*/
	.navigation li, li a {
		width: 100%;
	}
	.navigation li ul{
	width:100%;	
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	.navigation li a:hover + .hidden, .hidden:hover {
  max-width: 100%;
  position: relative;
	}
.navigation li:hover ul a {
    color: white;
}
#firstLink {
    padding-left: 10px;
}
	.logoImg {
    width: 100%;
    display: block;
    max-width: 83px;
    margin: 0 auto;
}
	.logoTxt {
    width: 100%;
    display: block;
    text-align: center;
		font-size: 21px;
    font-size: 1.25em;
	}
	.headerPhone p span {
    display: block;
    text-align: center;
}
	.headerPhone p {
width: 100%;
    text-align: center;
}
	header {
    background: none;
}
}
@media screen and (min-width: 56.875em)
{
.widget button, .widget input, .widget select, .widget textarea {
    font-size: 16px;
    font-size: 1.45rem;
	}
}