/*
	Theme Name: Mind Body
	Theme URI: http://matthewhollett.com/design/
	Description: Mind Body is a responsive WordPress theme, custom designed for Laura Casey Foss by Matthew Hollett.
	Version: 1.0
	Author: Matthew Hollett
	Author URI: http://matthewhollett.com/
*/



/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i|Merienda:400,700|Source+Sans+Pro:300,400');



*, *:after, *:before {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body {
 background-color: #efefef; color: #333; margin: 0;
 font-family: 'Lato', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
/* font-family: 'Georgia', 'Times New Roman', serif; */
/* font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif; */
/* font-family: 'Trebuchet MS', 'Helvetica', 'Arial', sans-serif; */
}
a {text-decoration: none;}
a:link, a:visited {color: #31bc63;}
a:hover, a:active {color: #cc5e50; outline: 0;}
img {max-width: 100%; height: auto;}
iframe, .mejs-container {max-width: 100% !important;}
a img {border: none;}
a:focus, input:focus {outline: 0;}

ul {list-style: none; margin: 0; padding: 0;}
ul li {margin: 0; padding: 0 0 0 21px;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: 1.2;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top: 0;}
.clear {font-size: 0; height: 0; clear: both;}
hr {border: 0; height: 1px; background: #46cca9; margin: 70px 0 55px 0;}



/* page and head */
.wrapper {position: relative; width: 1100px; margin: 0 auto; padding: 20px 90px 50px 90px; background-color: #fff;}

.header {position: relative; min-height: 90px; margin-bottom: 50px; border-bottom: 5px #d1f2e9 solid; overflow: visible;}
.home-body .header {margin-bottom: 0;}

.logo {
 position: absolute; bottom: 0; left: 0; font-size: 2.6em;
 font-family: 'Source Sans Pro', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.03em;
}
.logo-laura {color: #46cca9;}
.logo-casey {color: #4c92cc;}
.logo-foss {color: #8255b7;}

.nav {
 position: absolute; bottom: 3px; left: 340px; width: 63%;
 font-size: 0.95em;
	-webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}
.nav ul {list-style: none; margin: 1em 0; padding: 0;}
.nav ul li {float: left; margin: 0 57px 0 0; padding: 0;}
.nav ul li:last-child {margin-right: 0;}
.nav>ul>li>a, #navNarrow ul li#navToggle {font-family: 'Merienda', 'Georgia', 'Times New Roman', serif; text-transform: lowercase;}
.nav ul li a:link, .nav ul li a:visited {color: #777;}
.nav ul li a:hover, .nav ul li a:active {color: #cc5e50;}

.nav ul li.current_page_item>a {color: #8255b7;}
.page-id-6 .nav ul li.current_page_item>a, .parent-pageid-6 .nav ul li.current-page-ancestor>a, .parent-pageid-6 .nav ul li.current-page-ancestor ul li.current-menu-item a {color: #4c92cc;}
.page-id-8 .nav ul li.current_page_item>a, .parent-pageid-8 .nav ul li.current-page-ancestor>a, .parent-pageid-8 .nav ul li.current-page-ancestor ul li.current-menu-item a {color: #31bc63;}
.page-id-12 .nav ul li.current_page_item>a, .parent-pageid-12 .nav ul li.current-page-ancestor>a, .parent-pageid-12 .nav ul li.current-page-ancestor ul li.current-menu-item a {color: #46cca9;}

.nav ul li ul {
 display: none; position: absolute; margin: 0; padding: 12px 15px 15px 15px; font-size: 0.94em; background-color: #fff;
 border: 3px #d1f2e9 solid; border-left-width: 2px; border-right-width: 2px; border-top-width: 0; z-index: 1000;
}
.nav ul li ul li {float: none; display: block; margin: 0; padding: 2px 0;}
.nav ul li ul li a {padding: 0;}
.nav ul li:hover ul {display: block;}

#navNarrow {display: none;}
#navNarrow ul {list-style: none; margin: 0; padding: 0;}
#navNarrow ul li {float: none; margin: 0; padding: 0;}
#navNarrow ul li a {display: block; padding: 3px 0;}

#navNarrow ul li#navToggle {display: none; position: relative; padding: 0;}

#navNarrow ul li#navToggle:after {
 position: absolute; top: 0.6em; width: 0; height: 0; margin-left: 5px; content: "";
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #46cca9;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
	        transform: rotate(-90deg);
 -webkit-transition: -webkit-transform 100ms ease;
	   -moz-transition:    -moz-transform 100ms ease;
	    -ms-transition:     -ms-transform 100ms ease;
	     -o-transition:      -o-transform 100ms ease;
	        transition:         transform 100ms ease;
}
#navNarrow ul li#navToggle:hover:after, #navNarrow.expanded ul li#navToggle:after {
 -webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
}



/* search */
.search-form {display: inline-block; position: absolute; top: 6px; right: 0; vertical-align: middle; margin: 0; padding: 0;}
.search-div {margin: 0; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #0782a3 0 0 5px; overflow: hidden;}
.search-input {
 float: left; width: 150px; margin: 0; padding: 2px 5px !important;
 font-size: 1em; color: #333; font-family: 'Source Sans Pro', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
 border: 0; background-color: transparent; transition: all 0.10s ease-out;
}
.search-div.expanded {background-color: rgba(255, 255, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #222 0 0 1px;}
.search-div.expanded .search-input {width: 120px; transition: all 0.10s ease-in;}
.search-submit {
 width: 22px; height: 22px; margin: 3px 1px 0 0; padding: 0;
 background: url('images/icon-magnifier.png') center no-repeat; border: 0; cursor: pointer;
}



/* social */
.social {display: inline-block; position: relative; margin: 5px 0 0 0; padding: 0; line-height: 1;}
.social a {display: inline-block; vertical-align: middle; background: none; margin: 0 12px 0 0; padding: 2px 3px 1px 3px;}
.social a.social-facebook {width: 31px; height: 31px; background: url('images/social-facebook.png') center no-repeat;}
.social a.social-twitter {width: 31px; height: 31px; background: url('images/social-twitter.png') center no-repeat;}
.social a.social-instagram {width: 31px; height: 31px; background: url('images/social-instagram.png') center no-repeat;}
.social a:last-child {margin-right: 0;}

.social a, .social .search-submit {opacity: 0.8;}
.social a:hover, .social .search-submit:hover {opacity: 1;}

.page .section .social {top: -1px; margin: 0 0 0 20px;}



/* body */
.section {float: right; width: 63%; font-size: 0.9em;}
.section-full {width: 100%;}
.section article {color: #555;}
.section article p, .section article li {max-width: 600px; font-size: 1.2em; line-height: 1.5;}
.news-body article, .section-search article, .section-archive article {clear: both; padding-bottom: 3em; margin-bottom: 3em; border-bottom: 1px #dcdcdc solid;}
.pagination {}

.section article h1 {}
.section article h2 {}
.section article h3 {margin-top: 3em; font-size: 1.55em; color: #8255b7;}
.section article h4 {margin-top: 2.5em; font-size: 1.3em; font-weight: 600;}

.section article .date {margin-top: -1.2em; font-size: 0.95em; color: #bbb;}

.section article ul, .subpages {list-style: none; margin: 0; padding: 0;}
.section article ul li, .subpages li {margin: 0; padding: 1px 0 1px 21px; background: url('images/bullet.png') 0 0.25em no-repeat;}
.subpages li.current_page_item a {color: #333;}
/*
.section .subpages li {background: none;}

.subpages {list-style: none; margin: 0; padding: 0;}
.subpages li {display: inline-block; margin: 0; padding: 0; line-height: 1.4;}
.subpages li::after {content: "|"; color: #bbb; padding: 0 4px;}
.subpages li:last-child::after {content: "";}
*/

.section h1 {font-size: 1.7em; font-family: 'Merienda', 'Georgia', 'Times New Roman', serif;}
.section h2 {font-size: 1.55em; margin-top: 2em;}
.section h2.news-title {margin-top: 0;}

.page-id-6 a:link, .page-id-6 a:visited, .parent-pageid-6 a:link, .parent-pageid-6 a:visited {color: #4c92cc;}
.page-id-6 a:hover, .page-id-6 a:active, .parent-pageid-6 a:hover, .parent-pageid-6 a:active {color: #cc5e50;}

blockquote {margin: 1em 40px;}
.section article blockquote p {font-size: 1.25em; font-family: 'Merienda', 'Georgia', 'Times New Roman', serif; color: #46cca9; line-height: 1.4;}

.archive-image {float: left; margin: 0 20px 20px 0;}



/* home */
.slidesDiv {position: relative; height: 500px; overflow: hidden;}
ul.slides {list-style: none; margin: 0; padding: 0;}
ul.slides li {
 display: none; position: absolute; left: 0; top: 0; width: 100%; height: 500px; margin: 0 !important; padding: 0 !important;
 background-repeat: no-repeat; background-position: center center; background-size: cover;
 box-shadow: inset rgba(0, 0, 0, 0.12) 0 9px 10px -6px; -webkit-backface-visibility: hidden;
}
ul.slides li:first-child {display: block; position: relative;}
ul.slides li img {display: block; float: left; width: 100%; max-width: 1100px; height: auto; margin: 0;}
.slide-link {display: block; width: 100%; height: 100%;}

.slide-panel {position: absolute; top: 0; left: 0; width: 32%; min-width: 290px; height: 100%; background-color: rgba(255, 255, 255, 0.9);}
.slide-panel-logo {margin: 0 auto;}
.slide-panel-logo-mind {width: 252px; height: 170px; margin-top: 80px; background: url('images/logo-mind-body.png') center center no-repeat;}
.slide-panel-logo-fox {width: 202px; height: 236px; margin-top: 35px; background: url('images/logo-fox-yoga.png') center center no-repeat;}

.slide-panel-body {padding: 20px 40px;}
.slide-panel p {font-size: 1.1em; font-style: italic; text-align: center; margin-bottom: 30px;}
.slide-panel a.button {display: block !important; max-width: 260px; margin: 0 auto; text-align: center; font-size: 1.4em !important;}

.rslides_tabs {width: 100%; position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 100;}
.rslides_tabs li {display: inline-block; position: relative; left: auto; top: auto; width: auto; height: auto; margin: 0; padding: 0;}
.rslides_tabs li a {display: block; width: 100%; height: 100%; padding: 0 7px; color: #fff; opacity: 0.65;}
.rslides_tabs li a:hover {opacity: 1;}
.rslides_tabs li.rslides_here a {color: #46cca9; opacity: 1;}

.slide-panel-body-fox .button {
 background: -webkit-gradient(linear, left top, left bottom, from(#3ce87a), to(#31bc63));
 background: -webkit-linear-gradient(top, #3ce87a, #31bc63);
 background: -moz-linear-gradient(top, #3ce87a, #31bc63);
 background: -ms-linear-gradient(top, #3ce87a, #31bc63);
 background: -o-linear-gradient(top, #3ce87a, #31bc63);
}

.slide-panel-body-mind .button {
 background: -webkit-gradient(linear, left top, left bottom, from(#5fb5ff), to(#4c92cc));
 background: -webkit-linear-gradient(top, #5fb5ff, #4c92cc);
 background: -moz-linear-gradient(top, #5fb5ff, #4c92cc);
 background: -ms-linear-gradient(top, #5fb5ff, #4c92cc);
 background: -o-linear-gradient(top, #5fb5ff, #4c92cc);
}

.home-box {float: left; width: 32%; margin: 0 2% 10px 0; padding: 25px 20px; font-size: 0.98em; background-color: #efefef;}
.home-box:nth-child(3n) {margin-right: 0;}
.home-box h3, .sidebar-box h3 {margin: 0 0 0.5em 0; font-size: 1.3em;}
.home-box h4, .sidebar-box h4 {margin: 1em 0 0 0; font-size: 1.2em;}

.home-about {
	border-bottom: 5px #8255b7 solid; background: rgba(224,212,237,1);
	background: -moz-linear-gradient(45deg, rgba(224,212,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(224,212,237,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(45deg, rgba(224,212,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(45deg, rgba(224,212,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(224,212,237,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgba(224,212,237,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0d4ed', endColorstr='#ffffff', GradientType=1 );
}
.home-about a:link, .home-about a:visited {color: #8255b7;}
.home-about a:hover, .home-about a:active {color: #cc5e50;}
.home-about img {display: block; width: 170px; height: 170px; border-radius: 85px; margin-bottom: 1em;}

.home-news {
	border-bottom: 5px #4c92cc solid; background: rgba(210,228,242,1);
	background: -moz-linear-gradient(45deg, rgba(210,228,242,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(210,228,242,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(45deg, rgba(210,228,242,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(45deg, rgba(210,228,242,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(210,228,242,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgba(210,228,242,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e4f2', endColorstr='#ffffff', GradientType=1 );
}
.home-news a:link, .home-news a:visited {color: #333;}
.home-news a:hover, .home-news a:active {color: #cc5e50;}
.home-news img {border: 1px #ccc solid;}

.home-social {
	border-bottom: 5px #46cca9 solid; background: rgba(209,242,233,1);
	background: -moz-linear-gradient(45deg, rgba(209,242,233,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(209,242,233,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(45deg, rgba(209,242,233,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(45deg, rgba(209,242,233,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(209,242,233,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgba(209,242,233,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f2e9', endColorstr='#ffffff', GradientType=1 );
}



/* sidebar */
.sidebar {float: left; width: 31%;}
.circle {
 width: 280px; height: 280px; border-radius: 140px;
 background-color: rgba(130, 85, 183, 0.5); background: position: center center; background-repeat: no-repeat; background-size: cover;
}
.page.bio-body .circle {background-image: url('images/circle-laura.png');}
.page.news-body .circle, .single-post .circle, .search .circle, .archive .circle, .error404 .circle {background-image: url('images/circle-retreat.png');}
.page.contact-body .circle {background-image: url('images/circle-landscape.png');}
.page-id-6 .circle, .parent-pageid-6 .circle {background-color: rgba(76, 146, 204, 0.5); background-image: url('images/logo-mind-body-white.png');}
.page-id-8 .circle, .parent-pageid-8 .circle {background-color: rgba(49, 188, 99, 0.5); background-image: url('images/logo-fox-yoga-white.png');}
.page-id-12 .circle, .parent-pageid-12 .circle {background-color: rgba(70, 204, 169, 0.5);}

.sidebar-box {margin: 2em 0 0 0; padding: 25px 20px; font-size: 0.9em; background-color: #efefef;}

.fb-page {max-width: 300px !important; margin-bottom: 15px; overflow: hidden;}
.sidebar .fb-page {margin-top: 40px;}



/* contact page */
.button, .wpcf7-submit {
 display: inline-block;
 border-width: 0;
 background: #f18073;
 background: -webkit-gradient(linear, left top, left bottom, from(#f18073), to(#f15e4e));
 background: -webkit-linear-gradient(top, #f18073, #f15e4e);
 background: -moz-linear-gradient(top, #f18073, #f15e4e);
 background: -ms-linear-gradient(top, #f18073, #f15e4e);
 background: -o-linear-gradient(top, #f18073, #f15e4e);
 padding: 9px 22px !important;
 border-radius: 2px !important;
 box-shadow: 0 1px 0 #444;
 text-shadow: rgba(0,0,0,.4) 0 1px 2px;
 color: #eee !important;
 font-size: 1.1em !important;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
}
.button:hover, .button:active, .wpcf7-submit:hover, .wpcf7-submit:active {
 background: #cc5e50 !important;
 color: #fff;
}

.wpcf7 p {margin-top: 1em; margin-bottom: 0;}
.wpcf7 input, .wpcf7 textarea {
  display: block; width: 98%; max-width: 278px; margin-top: 0.3em; padding: 5px 7px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif !important; font-size: 0.9em;
  border: 1px #999 solid; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset; transition: all 0.30s ease-in-out;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #fff 0 0 5px; border: 1px #cc5e50 solid;}
.wpcf7 textarea {height: 185px;}
.wpcf7 input.wpcf7-submit {display: block; width: auto; margin: 1em 0; border-width: 0; transition: none;}

.wpcf7-response-output {width: auto; background-color: #fee8c5; color: #222; margin: -1em 0 1em 0 !important;} /* don't add padding because div is on page even when empty */
span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax {display: block; color: #222 !important; font-size: 0.9em;}



/* footer */
.footer {margin: 50px 0; font-size: 0.95em; color: #aaa; border-top: 5px #d1f2e9 solid;}
.footer a:link, .footer a:visited {color: #aaa;} /* was #777 */
.footer a:hover, .footer a:active {color: #cc5e50;}

.footer-left {float: left; width: 45%; margin: 0.5em 0 0 0;}
.footer-right {float: right; width: 55%; margin: 0.5em 0 0 0; text-align: right;}
.footer-right span {display: inline-block; margin: 0 5px; color: #46cca9;}



/* misc */
.read-more {display: block; margin-top: 0.5em;}

.gallery {}
.gallery dl {float: left; width: 32%; margin: 0 1.25% 10px 0;} /* was 2% */
/*.gallery dl:nth-of-type(3n) {margin-right: 0;}*/
.gallery dl dt {}
.gallery dl dt a {}
.gallery dl dt a img {width: 100%; height: auto;}

.gallery br {display: none;}
.gallery:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.emm-paginate {clear: both; display: block; margin: 1em 0; font-size: 1.2em;}
.emm-paginate a {padding: 1px 6px; text-align: center;}
.emm-paginate a:link, .emm-paginate a:visited {}
.emm-paginate a:hover, .emm-paginate a:active {background-color: #ccc;}
.emm-paginate .emm-title {color: #222; margin-right: 4px;}
.emm-paginate .emm-gap {color: #999;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}
.emm-paginate .emm-current {background-color: #ccc; color: #fff; padding: 1px 6px; cursor: default;}

/* fix for ios automatically styling phone numbers */
a[href^="tel"]{
 color:inherit;
 text-decoration:none;
}



/* selections */
::selection {
	background: #04a4cc;
	color: #fff;
	text-shadow: none;
}
::-webkit-selection {
	background: #04a4cc;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #04a4cc;
	color: #fff;
	text-shadow: none;
}
/* hide input placeholder text on focus */
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}



/* wordpress core */
div#wpadminbar {
 z-index: 10000 !important;
}
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
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 {
	padding: 5px 3px 10px;
	max-width: 100% !important;
}
.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;
	padding: 0;
	max-width: 100% !important;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11.5px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}






/* responsive */

/* When width is less than 1120 */
@media only screen and (max-width: 1120px) {
 .wrapper {width: 100%; max-width: 1100px; min-width: 310px; padding: 20px 70px 50px 70px;}
 
 .header {min-height: 0; padding-bottom: 1px;}
 .logo, .nav {display: block; position: relative; float: none; width: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: 0;}
 .nav {margin: 10px 0 2px 0;}
 .nav ul {margin: 0;}
 .nav ul li {margin: 0 49px 0 0;}
 
 .slidesDiv, ul.slides li {height: 450px;}
 .slide-panel-logo-mind {margin-top: 40px;}
 .slide-panel-logo-fox {margin-top: 15px;}
 .slide-panel-body {padding: 5px 40px;}
 .slide-panel p {font-size: 1.05em; margin-bottom: 20px;}
}


/* When width is less than 1000 */
@media only screen and (max-width: 1000px) {
 .header {min-height: 0; margin-bottom: 25px;}
 .section, .sidebar {display: block; float: none; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
	.circle {width: 200px; height: 200px; border-radius: 100px; margin-bottom: 25px;}
	.sidebar-box, .sidebar .fb-page {display: none !important;}
}


/* When width is less than 950 */
@media only screen and (max-width: 950px) {
 .slidesDiv, ul.slides li {height: 400px;}
}


/* When width is less than 800 */
@media only screen and (max-width: 800px) {
 .wrapper {padding: 10px 50px 50px 50px;}
 
 .slidesDiv, ul.slides li {height: 350px;}
 .slide-panel-logo-mind {width: 180px; height: 121px; background-size: contain;}
 .slide-panel-logo-fox {width: 150px; height: 175px; background-size: contain;}
 .slide-panel-body {padding: 0 30px;}
 .rslides_tabs {display: none;}

 .home-box {display: block; float: none; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
 
 .footer {margin: 0;}
 .footer-left, .footer-right {display: block; float: none; width: 100%; text-align: center;}
}


/* When width is less than 700 */
@media only screen and (max-width: 700px) {
 .wrapper {padding: 10px 30px 50px 30px;}
 .logo {text-align: center;}

 #navWide {display: none;}
 #navNarrow {display: block; text-align: center;}
 #navNarrow.expanded ul {padding-bottom: 1em;}
 #navNarrow ul li {
	 max-height: 0px; opacity: 0; pointer-events: none;
	 -webkit-transition: max-height 0.2s linear, opacity 0.2s linear;
  -moz-transition:    max-height 0.2s linear, opacity 0.2s linear;
  -ms-transition:     max-height 0.2s linear, opacity 0.2s linear;
  -o-transition:      max-height 0.2s linear, opacity 0.2s linear;
  transition:         max-height 0.2s linear, opacity 0.2s linear;
	}
	#navNarrow.expanded ul li {
	 max-height: 200px; opacity: 1; pointer-events: auto;
	 -webkit-transition: max-height 0.2s ease-in, opacity 0.2s ease-in;
	 -moz-transition:    max-height 0.2s ease-in, opacity 0.2s ease-in;
	 -ms-transition:     max-height 0.2s ease-in, opacity 0.2s ease-in;
	 -o-transition:      max-height 0.2s ease-in, opacity 0.2s ease-in;
	 transition:         max-height 0.2s ease-in, opacity 0.2s ease-in;
	}
	#navNarrow.expanded>ul>li {padding: 0.25em 0;}
	#navNarrow.expanded ul li ul {display: block; position: relative; font-size: 0.85em; background-color: transparent; border: 0;}
	#navNarrow ul li#navToggle {display: block; max-height: 100px !important; opacity: 1 !important; cursor: pointer; pointer-events: auto;}
	
 .slidesDiv, ul.slides li {height: 300px;}
 .slide-panel {width: 100%; background-color: rgba(255, 255, 255, 0.85);}
 .slide-panel-logo-mind {width: 150px; height: 101px; margin-top: 30px;}
 .slide-panel-logo-fox {width: 120px; height: 140px; margin-top: 15px;}
 .slide-panel p {margin-bottom: 15px;}
 .slide-panel a.button {font-size: 1.3em !important; padding: 8px 18px !important;}
 
 .circle {margin: 25px auto;}
}


/* When width is less than 600 */
@media only screen and (max-width: 600px) {
 .wrapper {padding: 10px 10px 50px 10px;}
 
 .search-form {top: 58px;}
 .search-div.expanded .search-input {width: 85px;}
 
 .section h1 {font-size: 1.45em;}
 .section h2 {font-size: 1.25em;}
 blockquote {margin: 1em 20px;}
 .section article blockquote p {font-size: 1.1em;}
 
 .archive-image {display: block; float: none; margin: 1em 0;}
}


/* When width is less than 480 */
@media only screen and (max-width: 480px) {
 .wrapper {width: 100%;}
 .alignright, .alignleft {display: block; float: none !important; width: auto; height: auto; margin: 10px 0 !important; padding: 0;}
 .footer {font-size: 0.9em;}
}






/* higher-resolution images for retina screens */
/* see: http://stackoverflow.com/questions/16154494/retina-displays-high-res-background-images */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {

 .search-submit {
  background: url('images/icon-magnifier-2x.png') center center no-repeat;
  background-size: 22px 22px; /* note: image is smaller than div */
 }
 
 .section article ul li, .subpages li {
  background-image: url('images/bullet-2x.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
 }
 
 .slide-panel-logo-mind {
  background-image: url('images/logo-mind-body-2x.png');
  background-size: contain;
 }
 .slide-panel-logo-fox {
  background-image: url('images/logo-fox-yoga-2x.png');
  background-size: contain;
 }
 
 .page.bio-body .circle {
  background-image: url('images/circle-laura-2x.png');
  background-size: contain;
 }
 .page.news-body .circle, .single-post .circle, .search .circle, .archive .circle, .error404 .circle {
  background-image: url('images/circle-retreat-2x.png');
 }
 .page.contact-body .circle {
  background-image: url('images/circle-landscape-2x.png');
 }
 .page-id-6 .circle, .parent-pageid-6 .circle {
  background-image: url('images/logo-mind-body-white-2x.png');
 }
 .page-id-8 .circle, .parent-pageid-8 .circle {
  background-image: url('images/logo-fox-yoga-white-2x.png');
 }

 .social a.social-facebook {
  background-image: url('images/social-facebook-2x.png');
  background-size: 31px 31px;
 }
 .social a.social-twitter {
  background-image: url('images/social-twitter-2x.png');
  background-size: 31px 31px;
 }
 .social a.social-instagram {
  background-image: url('images/social-instagram-2x.png');
  background-size: 31px 31px;
 }

}