/*
	Theme Name: Senior Planning Services
	Author: Scott Fennell
	Author URI: http://www.illuminage.com/
*/

/* FONTS */
	@import url("//hello.myfonts.net/count/36a75e");
	@font-face {
		font-family: 'AlbertusMTPro';
		src: url('fonts/36A75E_0_0.eot');
		src: url('fonts/36A75E_0_0.eot?#iefix') format('embedded-opentype'),
			 url('fonts/36A75E_0_0.woff2') format('woff2'),
			 url('fonts/36A75E_0_0.woff') format('woff'),
			 url('fonts/36A75E_0_0.ttf') format('truetype');
	}

/* RESET */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
	:focus { outline: 0; }
	body { background: #fff; line-height: 1; }
	ol, ul { list-style: none; }
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { font-weight: normal; text-align: left; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }
	a img { border: 0; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

	/* Alignment */
	.alignleft { display: inline; float: left; margin-right: 1.625em; border-radius: 10px; }
	.alignright { display: inline; float: right; margin-left: 1.625em; border-radius: 10px; }
	.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; border-radius: 10px; }
	img { border-radius: 10px; }

	/*universals*/
	.post-edit-link {display: none;} 
	.hide-text, #colophon #third a, #site-title a, #site-description, #menu-left a[title="Coastal Home Care"] span {overflow: hidden; white-space: nowrap; text-indent: 100%; display: block;}
	body {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
	#secondary .widget-title, .widget_highlights_widget .widget-title, #menu-primary, .widget.widget_text_size_widget, .s, #colophon, .widget.widget_text_size_widget .widget-title {font-family: "Lucida Sans Unicode"}
	/*#menu-top a , h1, h2 {font-family: 'Dancing Script', cursive; font-weight: 700;}*/
	#menu-top a , h1, h2 {font-family: 'AlbertusMTPro', cursive; font-weight: 700;}
	#primary a {color: #006993;}
	#primary a:hover {color: #804100}
	a, li, p dd, dt {-webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }

/* SCREEN READER TEXT */
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

/* HIGH CONTRAST */
	.high_contrast * {
		background-color: #fff !important;
		color: #222 !important;
	}
	body.high_contrast, body.high_contrast.page-template-page-coastal-php {
		border-top: 35px solid #000000;
	}
	.high_contrast #slider { overflow: visible; }
	.high_contrast #page, .high_contrast.page-template-page-coastal-php #page, .high_contrast.page-template-page-coastal-php #main, .high_contrast.page-template-page-coastal-php #blue_box, .high_contrast #blue_box, .high_contrast #main { border-color: #707070; }
	.high_contrast #logo a, .thmb a, .high_contrast #blue_box { background-color: transparent !important; }
	.high_contrast .menu-primary-container, .high_contrast #nav li, .high_contrast #nav li.menu-item-change-of-condition ul.sub-menu li a, .high_contrast #nav li ul li a { border-color: #000000; }
	.high_contrast #nav li ul {
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	.high_contrast ul#menu-left { border: 1px solid #000000; }
	.high_contrast ul#menu-left li { border-bottom: 1px solid #000000; }
	.high_contrast ul#menu-left li:last-child { border-bottom: none; } 
	.high_contrast #menu-left li a[title="Coastal Home Care"] span { background: url(images/coastal-bw.png) no-repeat; }
	.high_contrast #secondary .widget, .high_contrast .widget_highlights_widget, .high_contrast #secondary .widget-title, .high_contrast .widget_highlights_widget .widget-title, .high_contrast .testimonial_hr { border-color: #000000; }  
	.high_contrast footer#colophon {
		background-color: transparent !important;
		background: #000000 !important;
		color: #ffffff !important;
	}
	.high_contrast footer#colophon div, .high_contrast footer#colophon div aside, .high_contrast footer#colophon span, .high_contrast footer#colophon h3, .high_contrast footer#colophon h4, .high_contrast footer#colophon a {
		background-color: transparent !important;
		color: #ffffff !important;
	}
	.high_contrast #colophon #first,  .high_contrast #colophon #second {
		border-color: #ffffff;
	}
	.high_contrast #colophon #third {background: url(images/sponsors-bw.png) no-repeat; }

/* STRUCTURE */
	.full_width_element {width: 100%;clear: both;}
	.wrap_it_up {width: 1000px;  clear: both; margin: 0 auto; position: relative; }
	body {
		border-top: 35px solid #0f6790; font-size: 1em; min-width: 1030px;
	}
	#page {border-top: 6px solid #93c2ca;}
	#branding {background: #fffcdf; overflow: hidden;}
	#site-title {float: left; }
	#site-title a {
		background: url(images/logo19.png) no-repeat left top;
		width: 321px;
		height: 123px;
		margin-top: 18px; margin-left: 5px; 
	}
	#sidebar-top {top: -8px;}

/* ACCESS TOOLS */
	#access_tools { 
		position: absolute; 
		right: 280px;
		top: -34px;
	}
	#access_tools a {
		border: 1px solid rgba(0, 0, 0, .25);
		display: inline-block;
		height: 23px;
		padding: 0.2em 0.1em;
		vertical-align: top;
		width: 1.5em;
		color: #fff;
		font-size: 28px;
		text-align: center;
		text-decoration: none;
	}
	#access_tools a#textsize { border:none; }
	#access_tools a#textsize span {
		display: inline-block;
		font-size: .6em;
		text-transform: uppercase;
	}
	#access_tools a#highcontrast {
		background: #fff url(images/icon-high-contrast.png) center no-repeat;
		background-size: 1em;
	}

/* SEARCH CONTAINER */
	#search-container  {position: absolute; top: -25px; right: 0px;}
	#search {width: 250px}
	#search label { display: none; }
	#search_box {
		position: absolute;
		border-left: 1px solid #c9d9e3; border-right:1px solid #c9d9e3;
		border-top: none; border-bottom: none;
		height: 20px; padding: 1px 5px; font-style: italic; color: #333; width: 212px; margin-top: -1px;
	}	
	#search input[type=submit] {
		height: 20px; width: 20px; display: block; background: #fff url(images/search.png) no-repeat center center;
		border: none; float: right;
		padding: 0; 
		text-indent: 9999px;
		overflow: hidden;
	}
	.menu-top-container {float: right;margin-top: 43px;}
	#menu-top li {float: left; margin-left: 8px;}
	#menu-top li a {
		text-decoration: none; 
		border-radius: 8px;-webkit-border-radius: 8px; display: block; 
		padding: 12px 14px;  background: #e8dd88; color: #282838;
		font-size: 18px;
	}
	#menu-top li.current-menu-item a,
	#menu-top li a:hover{ color: #e8dd88;background: #282838;}

/* HEADER SOCIAL ICONS */
	#header .tools {
		position: absolute;
		top: 100px;
		left: 920px;
	}
	#header-social li {
		position: relative;
		width: 32px;
		height: 32px;
		float: left;
		margin-right: 15px;
	}
	#header-social li:last-child {
		margin-right: 0;
	}
	#header-social li a {
		background: url("images/header-social.png") no-repeat scroll 0 0 transparent;
		display: inline-block;
		width: 32px;
		height: 32px;
		position: absolute;
		text-indent: -9999px;
		overflow: hidden;
	}
	#header-social li.header-facebook a {
	    background-position: 0 0;
	}
	#header-social li.header-twitter a {
	    background-position: -34px 0;
	}
	#social {margin-top: -37px; clear: both; float: right;}
	#social a {
		display: inline-block;
		height: 21px; width: 21px;
		background: url(images/icons.png) no-repeat;
		cursor: pointer;
	}
	#social a.facebook {background-position: -26px top}
	#social a.twitter {background-position: -52px top}
	#social a.linkedin {background-position: -78px top}

/* BLOG SOCIAL MEDIA */
	.blog-social {
		height: 18px !important;
		padding: 0 !important;
		width: 60px;
		margin-bottom: 8px;
		color: #373737;
		font-size: 0;
		text-transform: uppercase;
	}
	.blog-social div {
		display: inline-block;
		padding: 0 5px 0 0;
		vertical-align: middle;
		font-size: 13px;
	}
	.blog-social a {
		display: inline-block;
		height: 16px;
		margin: 0 0 0 4px;
		vertical-align: middle;
		width: 16px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
		border-radius: 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	}
	.blog-social a:first-child { margin: 0; }
	.blog-social a.sharethis { background-image: url(images/social-share.png); }
	.blog-social a.sh-facebook { background-image: url(images/social-facebook.png); }
	.blog-social a.sh-twitter { background-image: url(images/social-twitter.png); }
	.blog-social a.sh-linkedin { background-image: url(images/social-linkedin.png); }
	.blog-social a.sh-email { background-image: url(images/social-email.png); }

/* MENU */
	.menu-primary-container {border-top: 4px solid #e1dcac; 
		border-bottom: 2px solid #e1dcac;
		overflow: hidden;
		margin-bottom: 30px;
	}
	ul#menu-primary { text-align: center; width: 100%; }
	#nav li {float: left; border-right: 1px solid #e1dcac; margin: 0;}
	#nav li:first-child {margin-left: 16px;}
	#nav li:last-child {border-right: none; margin-right: 16px;}
	#nav a {
		font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase; 
		font-weight: 500; 
		font-size: 15px; 
		text-decoration: none; 
		padding: 12px 22px 12px	23px; 
		display: block; color: #003c54;
	}
	@media only screen and (device-width: 768px) {
		.menu-primary-container a {padding: 12px 16px; }
	}
	#nav li:hover a, #nav li:active a, #nav li.current-menu-item a, #nav li:hover a {color: white; background: #006791;} 
	#nav li ul {display: none; position: absolute; z-index: 999;-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .1); font-size: 13px;}
	#nav li:hover ul {display: block;}
	#nav li ul li {float: none; margin: 0;}
	#nav li ul li:first-child {margin-left: 0px;}
	#nav li ul li:last-child {margin-right: 0px;}
	#nav li ul li a {text-transform: none; color: white; background: #006791; border-bottom: 1px solid white;font-weight: normal;}
	#nav li ul li a:hover {background: #97c2ce;}
	#nav li.current_page_parent {background:#014762;}
	#nav li.current_page_parent a{color:white;}
	#nav li ul li.current_page_item a{background:#014762 !important;}
	#nav li.menu-item-change-of-condition ul.sub-menu, #nav li.menu-item-change-of-condition ul.sub-menu li {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#nav li.menu-item-change-of-condition ul.sub-menu {
		left: 47.5%;
		width: 500px;
		background-color: #006791;
		font-size: 0;
	}
	#nav ul li.menu-item-change-of-condition ul.sub-menu:after {
		height: 100%;
		left: 50%;
		position: absolute;
		top: 0;
		width: 1px;
		background: #fff;
		content: '';
	}
	#nav li.menu-item-change-of-condition ul.sub-menu li {
		border: 0 none;
		display: inline-block;
		vertical-align: top;
		width: 50%;
		font-size: 15px;
	}
	#nav li.menu-item-change-of-condition ul.sub-menu li a {
		border: 0 none;
		border-top: 1px solid #fff;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.menu-left-container {float: left; position: relative; z-index: 998;}
	#menu-left {position: relative; z-index: 998;
		-webkit-border-radius: 12px 12px 0px 0px;
		border-radius: 12px 12px 0px 0px;
		background: #e8dd88; 
	}
	#menu-left li {clear: left; padding: 0 10px; text-align: center;}
	#menu-left li:first-child {
		-webkit-border-radius: 12px 12px 0px 0px;
		border-radius: 12px 12px 0px 0px;
		padding: 0px 10px 0 10px
	}
	#menu-left li a {
		text-decoration: none;
		display: block;
		padding: 16px 10px; border-bottom: 1px solid #fff;
		color: #3f3604; font-weight: 500; text-transform: uppercase; font-size: 18px
	}

	#menu-left li:last-child a {
		border-bottom: none;
	}
	#menu-left li.current-menu-item, #menu-left li:hover, #menu-left li:active a, #menu-left li.current-menu-item a, #menu-left li:hover a{background: #3f3604; color: #e8dd88;}
	#menu-left li a[title="Coastal Home Care"] span {display: none; background: none; width: 106px; height: 17px;float: left; padding-right: 0px;}

/* HERO SLIDESHOW */
	#slider .ill_hero_slider { padding: 0; }
	#slider .ill_hero_slider .stage {
		height: 275px;
		width: 695px;
		padding: 0;
	}
	#slider .ill_hero_slider .info, #slider .ill_hero_slider .button, #slider .ill_hero_slider .prev, #slider .ill_hero_slider .next, #slider .ill_hero_slider .controls {
		display: none;
	}
	#slider {float: right; width: 695px; height: 275px; border-radius: 12px !important;
		border-right: 1px solid #fffcde; border-left: 1px solid #fffcde;  
	}
	#slider img, #slider .ill_hero_slider .stage .slide .pic {border-radius: 12px !important;}
	.nivo-slice { 
	    border-radius:  12px !important;
	}

/* MAIN */
	#main {
		border-top: 6px solid #8ebac2;
		margin-top: -72px;
		padding-top: 90px;
		background: #fff;
	}
	#blue_box {
		position: absolute;
		top: -90px;
		right: -6px;
		height: 67px;
		width: 697px;
		z-index: 999;
		border-bottom: 6px solid #8EBAC2;
		border-right: 6px solid #8EBAC2;
		border-left: 6px solid #8EBAC2;
		border-radius: 0 0 19px 19px;
	}
	#primary {float: right; width: 655px; margin-bottom: 50px;}
	#primary hr {
		border:0px none;
	    height:2px;
	    background-color: #dae7e9;
	    margin: 10px 0px 25px 0!important;
	    padding: 0px;
	}
	#secondary {float: left; width: 250px;margin-top: -44px; }
	#secondary .widget, .widget_highlights_widget {
		overflow: hidden;
		border-bottom: 2px solid  #e1d6aa;
		position: relative;
		margin-bottom: 20px;
	}
	#secondary .widget-title, .widget_highlights_widget .widget-title {
		text-transform: uppercase; 
		color: #006892; 
		border-bottom: 4px solid #e1d6aa;
		padding-bottom: 6px;
	}
	#secondary .widget ul, .widget_highlights_widget ul {
		margin:0 0 20px 30px;
		padding: 10px  0 15px 0;
	}
	#secondary .widget select {margin: 10px 0 15px 0;}
	#secondary .widget li, .widget_highlights_widget li {
		list-style: disc outside;
		color: #c7ae48;
		margin: 8px 0;
	}
	#secondary .widget li a, .widget_highlights_widget li a {color: #006993;font-size: .8em;}
	.view_all {
		float: right;
		text-decoration: none;
		color: black;
		background: #E1D6AA;
		text-transform: uppercase;
		border-radius: 5px 5px 0 0;
		padding: 6px 7px 5px 7px;
		font-size: .7em;
		font-family: arial, helvetica;
		position: absolute; bottom: 0; right: 0;
	}
	.testimonial_hr {border-bottom: 4px solid #e1d6aa;}
	.widget_testamonials_widget { position: relative; margin-bottom:25px;}
	.widget_testamonials_widget blockquote, .widget_testamonials_widget cite {font-size: .8em; line-height: 1.5em; padding: 15px 15px 0 15px; color: #535353;}
	.widget_testamonials_widget cite {font-style: italic; display: block; margin-bottom: 35px; font-weight: 600;line-height: 2em;}

	#content .ill_responsive_video {
		margin: 0 0 1em;
		padding: 0 0 56.25% 0; /* creates 16:9 size video area */
		position: relative;
	}
	#content .ill_responsive_video iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

/* BOTTOM */
	#colophon {height: 230px; background: #006791 url(images/bg-footer.gif) repeat-x left top; color: white; margin-top: 30px; overflow: hidden}
	#colophon a {color: white; text-decoration: none;}
	#colophon .widget-area {float: left; clear: none; padding: 60px 0 20px 0; margin-top: 65px;}
	#colophon h4 {font-weight: 600;}
	#colophon #first, #colophon #second {padding: 0 29px 0 35px; border-right: 1px solid #80b4c9; min-height: 90px; font-size: .7em; line-height: 1.5em;}
	#colophon #first{width: 385px; height:118px }
	#colophon #second{width: 275px; }
	#colophon #second .widget-title {text-transform: uppercase;}
	.pipe {color: #80b4c9}
	.sitemap {float: left; display: block; margin-top: 20px; width: 50%}
	.credit {float: right; text-align: right; display: block; margin-top: 20px; width: 50%}
	#colophon #third {width: 210px; background: url(images/sponsors.png) no-repeat 24px top;margin-top: 40px;}
	#colophon #third .widget {padding-left: 25px;}
	#text-4 {width:185px; height: 100px; position: relative;}
	#text-4 a {display: block; height: 60px; width: 60px; position: absolute;}
	#text-4 a.top_left {top: -52px; left: 52px;}
	#text-4 a.top_right {top: -52px; right: 0px;}
	#text-4 a.bottom_right {bottom: 20px; right: 0;}
	#text-4 a.bottom_left {bottom: 20px; left: 52px;}

/* POST */
	.entry-title {font-size: 38px;margin-top: 5px; margin-bottom: 22px;color:#0081b9}
	.entry-title a {text-decoration: none; font-size: 38px;}
	.entry-content {font-size: .9em; line-height: 1.7em;}
	.entry-content p, .entry-content ul, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
		margin-bottom: 1.7em;
	}
	.entry-content p, .entry-content li {color:#4f4f4f !important}
	.entry-content ul, .entry-content ol{margin:10px 15px 0 30px} 
	.entry-content li {margin-bottom: .6em; list-style: disc outside;}
	.entry-content ol li {list-style: decimal;}
	ul.sub-menu{border-top:1px solid #e1dcac!important;}
	.entry-content h2 {font-size: 2em; margin-bottom: .8em;color:#0082b6;line-height:1.3em}
	.entry-content h3 {font-size: 1.1em; font-weight: 600;}
	.entry-content img{
		border: 4px solid #cbd7c8;
		margin:10px;
		padding:2px;
	}
	.entry-content img.noborder{
		border: 0 !important;
	}
	body #primary .entry-content a {color: #006993}
	.video {float: right; margin-left: 30px}
	.post-content img, .video iframe { border: 4px solid #cbd7c8}
	.entry-content .s {border: 1px solid #cbd7c8}
	.whatif {
		width:645px;
		margin:10px 0;
		padding:10px 0;
		border-bottom:2px solid #e2d5ab
	}
	.whatif img{margin-bottom:10px;}
	.entry-content span.collapseomatic { font-size: 1.5em; color: #ffffff; }
	.entry-content .collapseomatic {
		display: block;	
		background: #0f6790;
		padding: 10px;
		text-decoration: none;
		margin: 5px 0 0 0;
	}
	.entry-content .collapseomatic:hover {
		color: #ffffff;
		background: #6c9aaf;
	}
	.entry-content .collapseomatic.colomat-close {
		margin-bottom: 15px;
	}
	.blog #content #nav-above { margin-bottom: 25px; }

/* RESPONSIVE TABBY */
	#content .responsive-tabs-wrapper p {
		color: #333;
	}
	#content .responsive-tabs-wrapper h2 { color: #0081b9; margin-bottom: 10px }
	#content .responsive-tabs-wrapper h3 { color: #09597a; margin-bottom: 15px;}
	#content .responsive-tabs-wrapper a { color: #609154 !important; text-decoration: none !important; font-weight: bold; }
	#content .responsive-tabs-wrapper a:hover { color: #0081b9 !important; }
	#content .responsive-tabs .responsive-tabs__panel, #content .responsive-tabs .responsive-tabs__list__item {
		border: 1px solid #e8dd88;
		background-color: #fffdec;
		margin: 1px 5px 0 0;
	}
	#content .responsive-tabs .responsive-tabs__list__item--active, #content .responsive-tabs .responsive-tabs__list__item:hover {
		background-color: #0081b9 !important;
		border: 1px solid #0d6a91;
		color: #fff !important;
	}
	#content .responsive-tabs__panel--active {
		border-color: #e8dd88 !important;
		background-color: #fffcdf;
	}
	#content .responsive-tabs .responsive-tabs__list__item {
		padding: 7px;
		background-color: #e8dd88;
		color: #fff;
		font-size: 16px;
	}

/* LOOP */
	article.testamonial, .archive article, .blog article {margin-bottom: 30px; }
	article.testamonial {padding-bottom:10px; border-bottom:1px solid #e2d5ab}
	article.testamonial cite {font-weight: bold; font-style: italic;}
	.page-template-page-coastal-php #site-title a {
		margin-top: 18px; 
	}
	body.page-template-page-coastal-php {border-color: #804100}
	.page-template-page-coastal-php #page, .page-template-page-coastal-php #main, .page-template-page-coastal-php #blue_box {border-color: #e3b06f}
	.page-template-page-coastal-php h1, .page-template-page-coastal-php h1 a, .page-template-page-coastal-php .entry-content a{color:#764004 }
	.page-template-page-coastal-php .entry-title {margin-bottom: 50px;}
	body.page-template-page-geriatric-php {border-color: #475C42}
	.page-template-page-geriatric-php #page, .page-template-page-geriatric-php #main, .page-template-page-geriatric-php #blue_box {border-color: #9FB69A}
	.page-template-page-geriatric-php h1, .page-template-page-geriatricl-php h1 a, .page-template-page-geriatricl-php .entry-content a{color:#5D7958 }
	#header #nav_contain .tools { display: none; }

/* ie7 */
	#ie7 * {zoom: 1}
	#ie7 .wrap_it_up {z-index: 1;}
	#ie7 #access {z-index: 999;}
	#ie7 .widget_text_size_widget .widget-title {
		position: relative; top: 2px;
	}
	#ie7 .searchsubmit {font-size: 0px !important; color: #fff}
	#ie7 .menu-primary-container {z-index: 999; position: relative; overflow: visible}
	#ie7 .menu-primary-container li {position: relative; }
	#ie7 .menu-primary-container li ul {z-index: 999; left: 0; top: 35px; width: 190px; }
	#ie7 .menu-primary-container li ul li  {width: 190px; }
	#ie7 .menu-social-container {
		margin-top: 13px;
	}
	#ie7 .menu-left-container {bottom: 5px; margin-bottom: 5px;}
	#ie7 #slider img {visibility: hidden; }
	#ie7 #slider{ background: url(images/slider/1.jpg) no-repeat left top !important}
	#nav-single,.entry-meta{display:none}

	/* GRAVITY FORM */
	#input_1_4_5_container{clear:both !important}
	#gform_wrapper_2 .gfield_radio label, #gform_wrapper_2 .gfield_checkbox label { margin-top: 3px !important }

/* TABLET */
	@media only screen and (max-width: 1024px) { 
		#nav a { 
			font-size: 14px; 
			padding: 12px 14px;
		} 
		#nav li:last-child { margin-right: 0;}
		#nav li.menu-item-change-of-condition ul.sub-menu {
			left: 30%;
		}
	}
	@media only screen and (max-width: 769px) { 
		.wrap_it_up { width: auto; }
		body { 
			width: auto;
			min-width: 0;
		}  	
		.menu-top-container { margin-top: 20px; padding-right: 10px; }
		#menu-top li { float:none }
		#menu-top li:first-child { margin-bottom: 5px; }  
		#blue_box { display:none; } 	
		.menu-left-container { padding-left: 10px; }
		#menu-left li a { font-size: 15px; }
		#nav a { 
			font-size: 12px; 
		}	
		#slider {
			width: 525px;
			height: 105px; 
			padding-right: 10px;
		}
		#slider .ill_hero_slider .stage { width: 525px; height: 191px; } 
		#main { margin-top: 0; padding-top: 30px; }
		#primary { width: 64%; padding-right: 10px; }
		#secondary {
			margin-top: 0;
			width: 28%;
			padding-left: 10px;
		}
		#colophon #first, #colophon #second { width: 25% }
		#colophon #third { width: 32%; }
	}

/* PHONE  */
	@media only screen and (max-width: 600px) {
		.entry-title, .menu-top-container, #sidebar-top, .widget_search, #textsize, .utility_nav, .no_mobile, #blue_box, #wpadminbar {
			display: none !important;
		}
		body {
			border-top: none;
			width: auto;
			min-width: 0;
		}
		.outer, .inner, #content, #primary, #secondary {
			border: 0 none;
			bottom: auto;
			float: none;
			height: auto;
			left: auto;
			margin: 0;
			min-height: 0;
			min-width: 0;
			position: static;
			right: auto;
			top: auto;
			width: auto;
		}
		html { overflow: auto; }
		body {
			padding: 60px 0 0 0;
			position: relative;
			background: #fff;
		}
		.full_width_element, .wrap_it_up { width: auto; }
		#header {
			height: 60px;
			left: 0;
			padding: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 100;
			background-color: #FFFCDF;
			box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
		}
		#page,  #main { border-top: none; }
		#branding { background: #ffffff; }
		#header-social li {
			float: none;
			display: inline-block;
		}
		#header #site-title { float: none; }
		#header #site-title a {
			height: 55px;
			left: auto;
			margin: 0 0 0 10px;
			position: relative;
			top: 2px;
			width: 240px;
			background-position: left center;
			background-size: contain; /* OR use width and height numbers like: auto 80px */
		}
		#header .tools { display: none; }
		#nav li.menu-item-change-of-condition ul.sub-menu {
			left: auto;
			width: 100%;
			background-color: #006791;
			font-size: 0;
		}
		#nav ul li.menu-item-change-of-condition ul.sub-menu:after {
			content: none;
		}
		#nav li.menu-item-change-of-condition ul.sub-menu li {
			border: 0 none;
			display: inline-block;
			vertical-align: top;
			width: 100%;
			font-size: 15px;
		}
		#nav li.menu-item-change-of-condition ul.sub-menu li a {	
			border-top: none;
			border-bottom: 1px solid #ffffff;
		}
		#menu_btn {
			display: block;
			height: 60px;
			position: absolute;
			right: 0;
			top: 0;
			width: 60px;
			background-color: #0F6790;
			font-size: 0;
			text-align: center;
		}
		#menu_btn:before {
			display: block;
			padding-top: .25em;
			color: #fff;
			content: "\f333";
			font: 40px 'Dashicons';
		}
		#close_btn {
			display: block;
			position: absolute;
			right: 5px;
			top: 9px;
			z-index: 140;
		}
		#close_btn:before {
			display: block;
			content: "\f335";
			font: 40px 'Dashicons';
		}
		#nav_contain {
			height: 100%;
			left: -100%;
			margin: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 100;
			background-color: transparent;
			transition: .25s background ease-out;
			-ms-transition: .25s background ease-out;
		}
		#nav_contain.slid { left: 0; background-color: rgba(0, 0, 0, .4); }
		#nav {
			border: 0 none;
			bottom: auto;
			height: 100%;
			left: -100%;
			position: absolute;
			top: 0;
			width: 90%;
			background-color: #eee;
			transition: .25s left ease-out;
			-ms-transition: .25s left ease-out;
		}
		#nav:before {
			display: block;
			height: 60px;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 100;
			background-color: #ccc;
			content: '';
		}
		#nav * { -webkit-tap-highlight-color: rgba(0,0,0,0); }
		#nav_contain.slid #nav { left: 0; }
		#nav > div { height: 100%; }
		#nav .inner {
			overflow-y: auto;
			overflow-x: hidden;
			-webkit-overflow-scrolling: touch;
		}
		#nav ul {
			height: 100%;
			overflow: auto;
			padding: 60px 0 0 0;
			text-align: left;
			-webkit-overflow-scrolling: touch;
		}
		#nav li { float: none; }
		#nav li:first-child { margin-left: 0; }
		#nav ul li {
			display: block;
			height: auto;
			font-size: 17px;
		}
		#nav ul li a {
			padding: 1em;
		}
		#nav ul.menu li:hover ul.sub-menu { display: none; }
		#nav ul li ul.sub-menu {
			display: none;
			left: auto;
			padding: 0;
			position: relative;
			width: auto;
			opacity: 1;
		}
		#nav ul.menu li.over ul.sub-menu, #nav ul.menu li.current-menu-ancestor ul.sub-menu { display: block; }
		#nav ul li ul.sub-menu li a {
			padding: .75em 2em;
			line-height: 1.25;
		}
		#header .tools { display: none; }
		#header #nav_contain .tools {
			display: block;
			height: 60px;
			left: -100%;
			top: 0;
			width: 90%;
			z-index: 120;
			background-color: #93C2CA;
			font-size: 1.15em;
			text-align: left;
			transition: .25s left ease-out;
			-ms-transition: .25s left ease-out;
		}
		#header #nav_contain.slid .tools { left: 0; }
		#header #nav_contain .tools:before {
			display: inline-block;
			height: 100%;
			vertical-align: middle;
			content: '';
		}
		#header #nav_contain .tools .widget {
			display: inline-block;
			margin: 0 0 0 1em;
			vertical-align: middle;
		}
		.menu-left-container { 
			width: 80%;
			margin: 25px auto 15px auto;
			float: none; 
			z-index: 1;
		}
		#menu-left a[title="Coastal Home Care"] span {
			text-indent: 0;
			overflow: auto;
			display: inline;
		}
		#menu-left li a[title="Coastal Home Care"] span {
			background: none;
			width: auto;
			height: auto;
			float: none;
			padding-right: auto;
		}
		#slider { display: none; }
		.video {
			float: none;
			margin: 10px auto;
			text-align: center;
		}
		#main #content { padding: 2em 1em 0; }
		#content { padding: 0 0 1em; }
		#secondary { padding: 0 0 1em; }
		#secondary .widget-title {
			padding-left: 10px; 
		}
		#footer { text-align: center; }
		#footer .top { padding: 0 0 1em; }
		#colophon { height: auto; text-align: center; }
		#colophon #first, #colophon #second, #colophon #third {
			width: auto;
			float: none;
			border: none;
			padding: 15px 10px;
			height: auto;
			min-height: 0;
		}
		#colophon #first { margin-top: 65px; }
		#colophon #third { display: none; }
		#colophon #third .widget { padding: 0; }
		#colophon .widget-area { 
			float: none; 
			margin-top: 0;
		}
		.credit, .sitemap {
			float: none; 
			margin-top: 10px;
			text-align: center;
			width: auto;
		}
		.alignleft, .alignright {
			display: block;
			float: none;
			height: auto;
			margin: 0 0 1em 0;
			max-width: 90%;
		}
	}
	.only_mobile { display: none; }