@charset "utf-8";
/* CSS Document */
/* Custom Styles for the Center for Mindfulness UMass Med School*/
/* Author: Michael Connors, mconnorsinform@mac.com */
/* Original date created: 2/20/2014 */

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #666;
	font-size: .85em;
	/*background: linear-gradient(to bottom, #eee 0%, #9e9d9c 100%) repeat scroll 0 0 #9e9d9c;*/
	background: url("/Global/Center%20for%20Mindfulness/images/bg-body.png") repeat-x;
}

a,
.main-nav li li a {
	color: #0099CB;
}

input[type="text"], input[type="password"], input[type="datefield"], input[type="file"], textarea {
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="datefield"]:focus, input[type="file"]:focus, textarea:focus {
/*    background: #E7EDF1;*/
	box-shadow: 0 0 6px #E7EDF1;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 2em 0;
	font-size: .85rem;
}

table td, table th {
	border: 1px solid #ddd;
	padding: .75rem;
	color: #822847;
    font-weight: normal;
}

table th {
	background: #fafafa;
}

table.commongood-features td {
	font-size: .75rem;
}
table td.commongood {
	color: #389E42;
	font-weight: bold;
	text-transform: uppercase;
	background: #EFF8F0;
}

h1 {
	font-weight: normal;
	font-size: 2.2rem;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	color: #333;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}

h2 {
    color: #822847;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0.75rem;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}

h3 {
    font-size: 1.25rem;
    font-weight: normal;
	line-height: 1.5;
    margin-bottom: 1rem;
	color: #822847;
}

h4 {
    color: #333333;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 1.4rem;
}

p {
	line-height: 1.75;
	margin: 0 0 1.5rem 0;
}

li {
	line-height: 1.75;
}

.pager {
	background: none;
	color: #666;
}

.block.news-listing .news-date span {
	font-weight: normal;
}

.feature {
    box-sizing: border-box;
	-moz-box-sizing: border-box;
    background: #FAFAFA;
    border: 1px solid #EAEAEA;
    color: #333333;
    margin: 1rem 0;
    padding: 2rem 2rem 1rem;
}

.feature p {
	margin: 0 0 1rem 0;
}

.main-cols .col {
	float: right;
}

.col-left {
	margin: 1.25rem 0 0 2rem;
    width: 24%;
}

.two-thirds .col-main {
    width: 72%;
	padding: 0;
	padding: 0 0 0 2rem;
}

.col-main {
    padding: 0 2em 0 2.5em;
	margin: 0;
    width: 72%;
}

.col-main li {
	margin: 0 0 .5em 0;
}

.col-main ul:not(.bxslider), .col-main ol {
    line-height: 2em;
    margin: 0 0 20px 30px;
    padding-left: 5px;
}

.col-side .block.generic {
    border: 1px solid #DDDDDD;
    margin: 2em 0 0;
    padding: 1em;
	max-width: 95%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: linear-gradient(to right, #FAFAFA, #FFFFFF) rgba(0, 0, 0, 0)
}

.col-side .block.generic h3 {
	font-size: 1rem;
}

.col-side .block.generic p {
	font-size: .8rem;
}
.full .col-main {
    width: 960px;
}
.outer-wrapper {
	margin: 40px auto 0 auto;
	box-shadow: none;
	width: 100%;
	/*background: linear-gradient(to bottom, #fafafa , #fff);*/
	/*box-shadow: 0 .5rem 4rem rgba(0, 0, 0, 0.2) inset;*/
}

header {
	/*background: url(/Global/Center%20for%20Mindfulness/images/bg-header.png) repeat-x;*/
	border-bottom: 1px solid #DCDCDC;
	position: relative;
	z-index: 1000;
}

.banner-container {
	background: none;
}

.header {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

header .header .banner-container .banner {
	height: 95px;
	position: relative;
	float: none;
}


header .header .banner-container .banner img {
	position: relative;
	top: 7px;
}

.banner-container .logo {
	top: 10px
	left: 10px;
	display: none;
}

.utility {
	margin: 0;
}

.utility-nav {
    display: block;
    height: 3em;
    left: -45px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 600px;
    z-index: 500;
}

.utility-nav li:not(.img) {
    margin-left: 0;
    padding: 0 20px;
}

.utility-nav li {
	border-right: 1px dotted #aaa;
}

.utility-nav li a {
    color: #fff;
    display: inline-block;
    font-size: .95em;
    padding: 0;
    text-decoration: none;
}
.utility-nav li a:hover,
.utility-nav li a:active{
	color: #fff!important;
}
.main-nav li.on { 
	background: none;
}
.main-nav li.on a { 
	color: #000;
}

.search {
	height: 0;
	width: 0;
}

div#searchErrMsg {
	display: none!important;
}

.search input[type="submit"] {
	background: url(/Global/Center%20for%20Mindfulness/images/icon-search-2.png) no-repeat;
	width: 60px;
	height: 30px;
	border-radius: 0;
}

.search input[type="text"] {
    border: none;
	bottom: 0;
    font-size: 1em;
    height: 28px;
    position: absolute;
    right: 35px;
    width: 200px;
	padding: 0 .5em
}

.search-all {
    float: none;
    position: absolute;
    right: 250px;
    top: -25px;
    width: 10em;
}

.main-cols {
	margin: 0 auto;
	background: #fff;
	max-width: 1024px;
	padding-bottom: 2rem;
}

.footer {
	background: #444;
	color: #fff;
	border-top: 40px solid #822847;
	
}

.footer-section {
	width: 960px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.footer-section.top, .footer-section.bottom {
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    padding: 0.5rem 0 2rem;
}

.footer-center {
	text-align: left;
}

.logos-footer {
    border-right: 1px dotted #777777;
    float: left;
    margin: 0 4rem 0 0;
    padding: 0 2rem 0 0;
    width: 65%;
}

.logo-footer-cfm {
	margin: 0 8rem 2rem 0;
}

.logo-footer-umassmed {
	padding: 0 0 2.5rem 0;
}


.footer-section div.general-info {
    border-bottom: 1px dotted #777777;
    padding: 0 0 2rem;
}

.general-info p {
	clear: both;
}


ul.social {
    float: left;
    list-style-type: none;
    padding: 0;
    width: auto;
}

ul.social a:hover {
	color: #fff;
	transition: all 150ms linear 0s;
}

.copyright {
	font-size: .8em;
	clear: both;
	color: #888;
}

.footer-section ul.footer-util-list li a {
    color: #0099CB;
    padding: 0 2rem 0 0;
}

.footer-section ul.footer-util-list li a:hover {
	color: #888;
}

.footer-section p.footer-copy {
    width: 100%;
}

#main-nav {
	position: relative;
	z-index: 1000;
}

.main-nav-wrapper {
	background: none;
	border: none;
	margin: 0 auto;
	width: 100%;
	border-bottom: none;
	position: relative;
}

.main-nav {
	background: none;
	width: 960px;
	display: block;
	margin: 0 auto;
}

.main-nav > li:not(.img) {
	padding: 16px 8px;
}

.main-nav > li:hover:not(.img) {
	background: #0099CB; 
}

.main-nav li {
	font-weight: normal;
}
.main-nav li a {
	color: #444;
	font-size: .95em;
}

.main-nav li > ul {
	border: none;
	box-shadow:  0 5px 10px rgba(106,102,102,.5)
}

.subnav-menu {
	margin: .5em 0 0 0;
	
}
.subnav-menu span.nav-title {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #822847;
}

.subnav-menu ul {
	
}

.subnav-menu ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: none;
    color: #0099CB;
    font-size: .95em;
    list-style-type: none;
    padding: 8px 0 8px 8px;
    position: relative;
}

.subnav-menu ul li:hover {
	background: #0099CB;
}

.subnav-menu ul li a {
    color: #0099CB;
    display: block;
    font-weight: bold;
    text-decoration: none;
	font-weight: normal;
	line-height: 1.4;
}

.subnav-menu li > ul {
    background: #f6f6f6;
    border: none;
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
    width: 175px;
	box-shadow: 0 5px 10px rgba(106,102,102,.5)
}

.subnav-menu li > ul > li {
	background: #f6f6f6;
}

.breadcrumbs {
	border-bottom: 2px dotted #ddd;
}

.col-main .breadcrumbs ul {
	margin: 0!important;
	padding: 0;
}

.breadcrumbs ul li {
	margin-bottom: 1em; 
	font-size: .8em;
}

#wufoo-w7x2z1 {
    border: 1px solid #CCCCCC;
    margin: 20px 0;
    padding: 2rem;
}

.faqs .faq-question h4 {
	font-weight: normal;
}

.faqs .faq-question {
	border-bottom: 1px dotted #ccc;
}

.bio {
	overflow: hidden;
	padding: 0 0 1rem 0;
	margin: 0 0 2rem 0;
	border-bottom: 1px dotted #ddd;
}

.bio img {
	float: left;
	margin: 0 1rem 0 0;
}

.bio-name {
	font-size: 1.1rem;
	font-weight: normal;
	margin: 0 0 1rem 10rem;
}

.bio-title {
	font-size: .85rem;
	margin: 0 0 1rem 10rem;
	line-height: 1.4;
	color: #822847;
}

.bio-position {
	font-size: .85rem;
	margin: 0 0 1rem 10rem;
}

p.bio-description {
	margin-left: 10rem;
}

.bio-pic-main {
	float: right;
	width: auto;
	margin: 0 0 2rem 2rem;
}

/* Home page */

.home .outer-wrapper {
	
}

.home .main-cols {
	padding: 0;
	background: none
};

.full .col-main {
	width: 100%;
}

.home .main-cols .col {
	float: none;
}

.home .col-main {
	border: none;
	padding: 0;
}

.row-inner {
	/*width: 960px;*/
	margin: 0 auto;
	overflow: hidden;
}

.hero-inner {
	height: 400px;
	width: 960px;
	margin: 0 auto;
}

.home .col-left {
	margin-top: 0;
}

.home-hero {
	background: #822847 url(logo-mark-cfm.png) no-repeat;
	background-position: 5% center;
	box-shadow: inset 0 5px 10px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.3);
	border-bottom: 1px solid #fff;
}

.home .secondary {
	background: url(logo-mark-cfm-rose.png) no-repeat;
	background-position: 95% center;
	overflow: hidden;
	text-align: center;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}

/*------ Promos Home --------*/
.hero {
	overflow: hidden;
	margin: 2rem 0 0 0;
}
.hero-video {
	float: left;
	width: auto;
	margin: 0 0 0 .5rem;
	overflow: hidden;
	position: relative;
}
.hero-events {
	float: left;
	width: 28%;
	overflow: hidden;
	text-align: left;
	padding: 0 0 2rem 2rem;
}
.hero-events p.date {
	font-size: .75rem;
	margin-bottom: 0;
}
.hero-events p.event-title {
	margin-bottom: .5rem;
	color: #822847;
	line-height: 1.4;
}
.hero-lower {
	margin-top: 0!important;
	border: 10px solid #eaeaea!important;
}
.hero-lower a.button-1 {
	margin: 0;
	display: inline-block;
}
h3.hero-message {
	margin: 2rem 0 0 0;
	clear: both;
}
.home .highlight {
	overflow: hidden;
	text-align: center;
	clear: both;
}

.home .highlight-inner {
	padding: 1rem;
}

.home .highlight .one,
.home .highlight .two {
	float: left;
	box-shadow: 0 0 .5rem rgba(0,0,0,.2);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: linear-gradient(to right, #fafafa , #fff);
	margin: 2rem 1.2rem 2rem .54rem;
	padding: 0 0 2rem 0;
	overflow: hidden;
	width: 31%;
}

.home .highlight .three,
.home .highlight .four {
	float: left;
	box-shadow: 0 0 .5rem rgba(0,0,0,.2);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: linear-gradient(to right, #fafafa , #fff);
	margin: 2rem 0 2rem .4rem;
	padding: 0 0 2rem 0;
	overflow: hidden;
	width: 31%;
}

.home .highlight a.button {
	padding: .75rem 2rem;
	color: #fff;
	background: #33B5E5;
	font-size: .9rem;
	border-radius: 3px;
	border: 1px solid #0099CB;
	display: inline-block;
	transition: all 150ms linear 0s;
}

.home .highlight a.button:hover {
	text-decoration: none;
	background: rgba(51,181,229,.8);
}

.home .highlight .one img,
.home .highlight .two img,
.home .highlight .three img,
.home .highlight .four img {
	display: inline-block;
	margin: 0 0 2rem 0;
	max-width: 100%;
}

.home .highlight .one p,
.home .highlight .two p {
	
}
.home .highlight h3 {
	font-size: .85rem;
}
.home .highlight .one h3 {
	padding: 1rem;
	color: #fff;
	background: #822847;
}

.home .highlight .two h3 {
	padding: 1rem 2rem;
	color: #fff;
	background: #0099cb;
}

.home .highlight .three h3 {
	padding: 1rem 2rem;
	color: #fff;
	background: #44A497;
}

.home .highlight .four h3 {
	padding: 1rem 2rem;
	color: #fff;
	background: #822847;
}

.home .hero-video h3 {
	color: #fff;
    font-size: 0.85rem;
    font-weight: 100;
    left: 60px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 110px;
}
.home .hero-video ul {
	font-size: 1rem;
    font-weight: 900;
    left: 235px;
    list-style: none outside none;
    margin: 0!important;
    padding: 0!important;
    position: absolute;
    top: 125px;
}
.home .hero-video li {
	list-style: none;
	position: relative;
	text-align: left;
	width: 330px;
	margin: 0;
}
.home .hero-video li a {
	display: block;
	border-bottom: 1px solid #B04A6C;
	color: #fff;
	padding: .75rem .25rem;
}
.home .hero-video li a:hover {
	text-decoration: none;
	background: rgba(255,255,255,.1)
}
.home .hero-video li span {
	text-align: right;
	position: absolute;
	right: .25rem;
	font-weight: normal;
	color: #B04A6C;
}


/*------ Promos --------*/

.promo {
	overflow: hidden;
	margin: 2rem 0;
	border: 1px solid #eaeaea;
	box-shadow: 0 0 .5rem rgba(0,0,0,.2);
}

.promo-inner {
	padding: 1rem 3rem;
}

.promo .one,
.promo .two {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: linear-gradient(to right, #fafafa , #fff);
	padding: 0 0 2rem 0;
	overflow: hidden;
}

.promo a.register {
	padding: .75rem 2rem;
	color: #fff;
	background: #33B5E5;
	font-size: .9rem;
	border-radius: 3px;
	border: 1px solid #0099CB;
	width: 10rem;
	display: block;
	transition: all 150ms linear 0s;
	text-align: center;
	margin: 0 auto;
}

.promo a.register:hover {
	text-decoration: none;
	background: rgba(51,181,229,.8);
}

.promo .one img,
.promo .two img {
	display: inline-block;
	margin: 0 0 2rem 0;
}

.promo .one p,
.promo .two p {
	
}

.promo h2 {
	padding: 1rem 2rem;
	color: #fff;
	background: #822847;
	/*background: #A965CB;*/
	font-size: 1rem;
}

.home .giving {
	background: url(bg-giving.jpg) no-repeat center;
	text-align: center;
	padding: 4rem 6rem;
}

h1.primary-message {
	font-size: 2.5rem;
	color: #fff;
}

.giving a.solid {
	padding: .75rem 2rem;
	color: #fff;
	background: #33B5E5;
	font-size: .9rem;
	border-radius: 3px;
	border: 1px solid #0099CB;
	width: 12rem;
	display: block;
	margin: 1.5rem auto;
	text-transform: uppercase;
	transition: all 150ms linear 0s;
}

.giving a.ghost {
	padding: .75rem 2rem;
	color: #fff;
	background: none;
	font-size: .9rem;
	border-radius: 3px;
	border: 1px solid #fff;
	width: 12rem;
	display: block;
	margin: 0 auto;
	transition: all 150ms linear 0s;
}

.giving a.solid:hover {
	text-decoration: none;
	background: #5CC4EB;
}

.giving a.ghost:hover {
	text-decoration: none;
	background: rgba(255,255,255,.2);
}

/* Nuggets */

.testimonial,
.cfm-rose-block {
	font-size: 1.5rem;
	color: #999;
	background: url(logo-mark-cfm-rose.png) no-repeat scroll -40% center / 40% #FAFAFA;
	padding: 2rem 4rem;
	text-align: center;
	margin: 3rem 0;
	background-size: 50%;
}

.cfm-rose-block-2 {
	color: #999;
	background: url(logo-mark-cfm-rose.png) no-repeat scroll -40% center / 40% #FAFAFA;
	padding: 2rem 6rem;
	text-align: center;
	margin: 2rem 0;
	background-size: 50%;
}

p.testimonial {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
}

.nugget-1 {
	margin: 2rem 0;
	border: 1px solid #eaeaea;
	box-shadow: 0 0 .5rem rgba(0,0,0,.2);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: linear-gradient(to right, #fafafa , #fff);
	padding: 2rem;
	overflow: hidden;
}

.nugget-2 {
	margin: 2rem 0;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fafafa;
	padding: 2rem;
	overflow: hidden;
}

.nugget-3 {
	margin: 2rem 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #ccc;
	padding: 2rem;
	overflow: hidden;
	color: #fff;
}

.nugget-4 {
	margin: 2rem 0;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #ededed;
	padding: 2rem;
	overflow: hidden;
}

.nugget-5-left {
	margin: 2rem 2rem 2rem 0;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fafafa;
	padding: 2rem;
	overflow: hidden;
	max-width: 45%;
	float: left;
}

.nugget-6-right {
	margin: 2rem 0 2rem 2rem;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fafafa;
	padding: 2rem;
	overflow: hidden;
	max-width: 45%;
	float: right;
}

a.button-1 {
	padding: .75rem 2rem;
	color: #fff;
	background: #33B5E5;
	font-size: .9rem;
	border-radius: 3px;
	border: 1px solid #0099CB;
	max-width: 50%;
	display: block;
	transition: all 150ms linear 0s;
	text-align: center;
	margin: 2rem auto;
}

a.button-1:hover {
	text-decoration: none;
	background: rgba(51,181,229,.8);
}

/* Oasis Training Path */

.training-path {
	text-align: center;
	background: #fafafa;
	padding: 1rem;
	box-shadow: 0 0 .5rem rgba(0,0,0,.2);
	margin-top: 4rem;
}

.training-path h3 {
	text-transform: uppercase;
	background: none;
}

.cfm-courses {
	background: #F4EAEE;
}

.prerequisites,
.foundational,
.deepen,
.certification {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eaeaea;
    border-radius: 0.2rem;
    box-shadow: 0 0.1rem rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    margin: 2rem 0;
    padding: 2rem;
}

.training-path ul,
.training-path li {
	list-style-type: none;
}

.training-path ul.steps {
	margin: 0;
	padding: 0;
}

.training-path li {
    background: #fafafa;
	font-size: 1.4rem;
    margin-bottom: 1rem;
    padding: 1rem;
	color: #222;
}

.training-path ul.steps ul.steps li {
    box-shadow: 0 0.1rem rgba(0, 0, 0, 0.2);
    color: #666;
    font-size: 0.85rem;
    font-weight: normal;
    margin-left: 4rem;
    margin-right: 4rem;
}

.training-path li.option span {
    background: #efefef;
    display: block;
    margin: 0.5rem;
    padding: 1rem;
}

.training-path li li {
	background: #efefef;
	padding: .5rem;
	margin: 1rem;
}
.mbsr-programs {
	margin: 0 0 2rem 0;
	overflow: hidden;
}
.mbsr-programs-header img {
	max-width: 250px;
}
.mbsr-programs-header {
	margin: 0 0 2rem 0;
}
.mbsr-programs h3 {
	color: #333;
}
.mbsr-te,
.mbsr-tt,
.mbsr-prof-ed {
	box-sizing: border-box;
	width: 31%;
	padding: 1rem;
	border: 1px solid #ddd;
	margin: 0 1rem 0 0;
	float: left;
	min-height: 340px;
	text-align: center;
}
.mbsr-te {
	border-top: 10px solid #008CAA;
}
.mbsr-tt {
	border-top: 10px solid #964762;
}
.mbsr-prof-ed {
	border-top: 10px solid #FF8000;
}
.cfm-course {
	background: #E0D6DA!important;
	color: #822847!important;
}

.legend {
	margin-left: 8rem;
	margin-right: 8rem;
}
 
.calHeader { 	
	background: #999;
}

.presentations {
	border-bottom: 1px solid #ddd;
	margin-bottom: 3rem;
}

.mediaDIV {
	margin-bottom: 2rem;
}
li.cfmhome {
	position: absolute;
	top: 5px;
	right: 0px;
}
ul.main-nav li a[href="https://www.cfmhome.org/"] {
	background: url("/Global/Center%20for%20Mindfulness/images/logo-cfm-HOME.png");
    height: 100px;
    left: -160px;
    position: absolute;
    top: -100px;
    width: 143px;
	text-indent: -9999px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
}
ul.main-nav li a[href="https://www.cfmhome.org/"]:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.main-nav > li.cfmhome:hover:not(.img) {
	background: none; 
}


/*******************************
***** HERO SLIDERS *****
*******************************/
.outer-wrapper .main-cols .hero-wrapper {}
.hero-wrapper .bxslider li {display:none;}
.hero-wrapper.slider-home .bxslider li h1 {
	font: 21px/1.2em "Crimson Text",serif;
	color: #B7B7B7;
	line-height: 1.2em;
	margin: 18px 0 15px 0;
}
.hero-wrapper.slider-home .bxslider {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.hero-wrapper.slider-home {
	width: 100%;
	position: relative;
}
.hero-wrapper.slider-home .container {
	max-width: 960px;
	padding: 0;
}

.hero-wrapper.slider-home .bxslider li .block {padding:0;position: relative;}
/* HIDE OVERLAY IN OLDER BROWSERS TO FIX POINTER EVENTS */
_:-o-prefocus, body:last-child .hero-wrapper.slider-home .overlay {display: none;}
html.no-textshadow .hero-wrapper.slider-home .overlay {
	display: none;
}
.hero-wrapper.slider-home .bx-viewport {
	max-height: 326px;
}
.hero-wrapper.slider-home .container {
	position: relative;
	background: #181818;
}
.hero-wrapper.slider-home .bxslider { }
.hero-wrapper.slider-home .bxslider li .slide-desc {
	float: left;
	width: 26%;
	padding: 0;
	color: #FFF;
	margin: 0 1% 0 1.5%;
}
.hero-wrapper.slider-home .bxslider li img {
	float: right;
	width: 71%;
}
.hero-wrapper.slider-home .bxslider li .slide-desc p {
	margin-top: 15px;
	line-height: 22px;
	font-size: 12px;
}
.hero-wrapper.slider-home .bxslider li .slide-desc a {
	/*padding-left: 18px;*/
	color: #FFF;
	/*background: url(/static/img/homepage/sprite.png) no-repeat 0 3px;*/
	padding-left: 0;
	background: none;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
.hero-wrapper.slider-home .bxslider li .slide-desc a:after {
	/*content: " >";*/
}
.hero-wrapper.slider-home .bxslider li .slide-desc a.read-more:before {
	content: "";
    width:9px;
    height:10px;
    background:#CE9933;
    display: block;
    float: left;
    margin-right: 5px;
	border-top: 2px solid #151414;
}
	
.hero-wrapper.slider-home .bxslider li .slide-desc a.read-more:after {
	content: " \00BB";
	font-size: 14px;
	color: #CE9933;
}


.hero-wrapper.slider-home .bxslider li .slide-desc a:hover {
	color: #CB9933;
}

.hero-wrapper.slider-home .bx-controls {
	position: absolute;
	left: 19%;
	bottom: 10px;
}
.hero-wrapper.slider-home .bx-controls a {position: relative;}
.hero-wrapper.slider-home .bx-controls a.bx-prev,
.hero-wrapper.slider-home .bx-controls a.bx-next {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(/static/img/homepage/sprite.png) no-repeat left top;
	text-indent: -9999px;
	opacity: 100; 
}
.hero-wrapper.slider-home .bx-controls a.bx-prev {
	background-position:  -60px -20px;
	left: 5px;
}
.hero-wrapper.slider-home .bx-controls a.bx-prev:hover {
	background-position:  -60px -39px;
}
.hero-wrapper.slider-home .bx-controls a.bx-next {
	margin-left: 58px;
	background-position:  -60px -58px;
}
.hero-wrapper.slider-home .bx-controls a.bx-next:hover {
	background-position:  -60px -77px;
}
.hero-wrapper.slider-home .bx-controls .bx-pager {
	position: absolute;
	left: 26px;
	bottom: 2px;
	font-size: 12px;
	color: #FFF;
	z-index: 1000;
	width: 35px;
}

/* JQUERY CYCLERS */
.hero-wrapper .cycler {
	float: left;
  overflow: hidden;
  margin: 0 1% 10px 0;
  -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.hero-wrapper .cycle img {
	border: 0px solid gray
}
.hero-wrapper .cycler a {
	text-decoration: none;
}
.hero-wrapper .cycler .caption a {
	display: block;
	text-align: center;
	padding: 5px;
	color: #FFF;
	font-size: 16px;
	line-height: 16px;
	background: #0C5194;
}
.hero-wrapper .cycler .caption a:hover {
  color: #ccc;
}

.hero-wrapper.cycler-parent .bx-wrapper .bxslider .bx-caption {background: rgba(12, 81, 148, 0.75);}

.hero-wrapper.cycler-parent .bx-wrapper .bx-caption {
	background: rgba(49, 55, 129, 0.75) !important;
}
.hero-wrapper.cycler-parent .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: 1.1em;
	padding: 10px;
}

.home .giving {
    background: transparent url("/PageFiles/63130/css/bg-giving.jpg") no-repeat scroll center center;
    text-align: center;
    padding: 4rem 6rem;
    max-width: 100%;
}

.home .secondary {
    background: transparent url("/PageFiles/63130/css/logo-mark-cfm-rose.png") no-repeat scroll 95% center;
}

div.mobile-nav-wrapper .container {
 	border: none; 
	background: #822847; /* Old browsers */
	z-index: 1000;
}

/************************************************************
/* Homepage */
/************************************************************/
.home-bucket.pillars,
.home-bucket.half,
.home-bucket.full {
	border: 1px solid #ddd;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 12px;
}
.home-bucket.full,
.home-bucket.half {
	
}
.home-bucket.pillars p {
	color: #999;
    font-size: 0.75em;
    letter-spacing: 0.05em;
    margin: 20px 0 0;
    padding: 0 12px;
    text-transform: uppercase;
}
.home-bucket.half p,
.home-bucket.full p {
    margin: 0;
	line-height: 1.5;
}
.max {
	text-align: center;
	box-sizing: border-box;
	padding: 36px;
	background: #eaeaea;
}
.max-inner {
	background: rgba(255,255,255,.75);
	padding: 36px 124px 0 124px;
	box-sizing: border-box;
	width: 75%;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.max-1 {
	background: url(https://d3llet0w8tvbco.cloudfront.net/assets/private-rooms-f48bb324702f8aeb311716c5818949f9ba33afe46b675bb5b3d783fe75331641.jpg) no-repeat;
}
.home-bucket.pillars .mbsr,
.home-bucket.pillars .oasis,
.home-bucket.pillars .lab {
	float: left;
	padding: 0 12px;
	width: 30%;
}
.home-bucket.pillars .mbsr img,
.home-bucket.pillars .oasis img,
.home-bucket.pillars .lab img {
	max-width: 225px;
}
.home-bucket.pillars .mbsr p,
.home-bucket.pillars .oasis p,
.home-bucket.pillars .lab p {
	margin: 20px 0 0 0;
	padding: 0 12px;
}
.home-bucket.pillars .oasis,
.home-bucket.pillars .lab {
	border-left: 1px dotted #ccc;
}
.home-bucket.pillars {
	overflow: hidden;
	text-align: center;
	padding: 24px;
}
.home-bucket.full {
	clear: both;
	padding: 24px;
}
.home-bucket.half {
	float: left;
    height: 180px;
    padding: 24px;
    width: 49.35%;
	margin: 0 0 12px 0;
}
.home-bucket.half-left {
	margin: 0 12px 12px 0;
}
.home-bucket.full p,
.home-bucket.half p {
	margin: 0 0 0 224px;
}
.home-bucket.full img,
.home-bucket.half img {
	float: left;
	margin: 0 24px 0 0;
	width: 200px;
	height: 125px;
	background: #eaeaea;
}
.home-bucket.full h2 {
	font-size: 1.75em;
}
.home-bucket.half h2 {
	font-size: 1.25em;
	line-height: 1.25;
}
.home .col-mid {
	padding: 0;
}

/**** END Homepage ***************************************/


/**** BEGIN Course Styles ****************************************/

/*----- Courses --------*/
.course-container {
	margin: 0 0 1em 0;
	border: 1px solid #ccc;
	padding: 40px 40px 20px 40px;
	background: #fff;
	width: 625px;
}
.te-container {
	border-top: 10px solid #008CAA;
}
.ce-container {
	border-top: 10px solid #964762;
}
.pe-container {
	border-top: 10px solid #FF8000;
}
.fti-container {
	border-top: 10px solid #9C2802;
}
.course-name span {
    color: #fff;
    margin: 0 0.5em 0 0;
    padding: 0 0.25em 0 0.5em;
	border: none;
	box-sizing: border-box;
}
.course-name span.te {
	background: #008CAA;
}
.course-name span.ce {
	background: #964762;
}
.course-name span.pe {
	background: #FF8000;
}
.course-name span.fti {
	background: #9C2802;
}
.course-container h1 {
	font-size: 1.5rem;
}
.course-detail {

}
.course-detail ul,
.course-detail ol {
	margin: 0 0 0 40px;
}
.course-container h2 {
	margin-top: 1em;
	font-size: 1.5em;
}
.course-detail a {
	/*background: #33b5e5;*/
    border: 1px solid #0099cb;
    border-radius: 3px;
    /*color: #fff;*/
    display: inline-block;
    font-size: 0.9rem;
    margin: 0.5rem 1rem 2rem 0;
    padding: 0.75rem 2rem;
    text-align: center;
    transition: all 150ms linear 0s;
}
.course-detail a:hover {
	background: rgba(51, 181, 229, 0.8) none repeat scroll 0 0;
    text-decoration: none;
}
.course-detail a.register-apply {
	background: rgba(255,128,0,1.00);
    border: none;
    color: #fff;
    margin: 0 0 0 1rem;
    padding: 0.5rem 1rem;
	text-transform: uppercase;
	font-size: .7rem;
}
.course-detail a.register-apply:hover {
	background: rgba(255,128,0,.80);
}
.hide-course-detail a.register-apply {
	background: rgba(255,128,0,1.00);
    border: none;
    color: #fff;
    margin: 0 0 0 1rem;
    padding: 0.5rem 1rem;
	text-transform: uppercase;
	font-size: .7rem;
}
.hide-course-detail a.register-apply:hover {
	background: rgba(255,128,0,.80);
}
.course-detail a.special {
	background: none;
    border: medium none;
    color: #0099cb;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
.course-detail a.special:hover {
	background: rgba(0,0,0);
}
.hide-course-detail a.special {
	background: none;
    border: medium none;
    color: #0099cb;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
.hide-course-detail a.special:hover {
	background: rgba(0,0,0);
}

/* ---- Show Hide ----*/
.course-container label {
	color: #822847;
}
.course-container input {
	position:absolute;
	left:-999em
}
.course-container input[type=checkbox]:checked + div {
	opacity:0;
	max-height:0;
	border:none;
	transition:opacity .25s linear, max-height .5s linear;
}
.hide-course-detail {
	max-height:999em;
	opacity:1;
	height:auto;
	overflow:hidden;
	transition:opacity .25s linear;
}
.course-container label:after {
    color: #0099cb;
    content: "Details, Dates, Links";
    font-size: 0.85em;
    border-bottom: 1px dotted #0099cb;
    text-transform: uppercase;
}
.course-container input[type="checkbox"]:checked + label:after {
    content: 'Hide Details';
}
/****** END Course Styles****************************************/


/* ---- Show Hide Retreat ----*/
.retreat label {
	color: #822847;
}
.retreat input {
	position:absolute;
	left:-999em
}
.retreat input[type=checkbox]:checked + div {
	opacity:0;
	max-height:0;
	border:none;
	transition:opacity .25s linear, max-height .5s linear;
}
.hide-course-detail {
	max-height:999em;
	opacity:1;
	height:auto;
	overflow:hidden;
	transition:opacity .25s linear;
}
.retreat label:after {
    color: #0099cb;
    content: "Click here for other Silent Retreat Centers:";
    border-bottom: 1px dotted #0099cb;
}
.retreat input[type="checkbox"]:checked + label:after {
    content: 'Hide Details';
}

	/*
	.mobile-nav-wrapper .mobile-nav ul li.cfmhome { display: none; }
	*/
	/*CALENDAR*/
	.calendar { width: 100% !important;}

/*==== HIDE ON DESKTOP ====*/

/* MOBILE NAV/SEARCH */

.BannerText {display:none;}


/************************************************************
***** MEDIA QUERIES *****************************************
************************************************************/

@media only screen and (max-width : 980px) {
	
	.full .col-main { width: 100%;}
	.two-thirds .col-main { width: 70%; }
	.col-left { width: 24.4%; }
	.outer-wrapper {width: 100%;}
	.main-nav ul.top-nav li {
		font-size: 20px;
	}
	.main-nav-wrapper { width: 100%; }
	.header .main-nav-wrapper .main-nav  { font-size: .9em; }

}

@media only screen and (max-width : 769px) {
	.banner-container .logo { display: block; background: blue;}
	
	.outer-wrapper .banner-container .logo { width: 50px; height: 50px; }
}
	/*=== tablet horiz ===*/
@media only screen and (max-width : 768px) {
	body {
		padding: 0;
	}
	
	.BannerText { display: block; color: #fff;
		margin: 15px;
		width: auto;
		font-size: 180%;
		text-shadow: -2px 0px 2px transparent;
		font-weight: bold;
		letter-spacing: 1pt;
		word-spacing: 2pt;
		text-align: left;
		font-family: arial,helvetica,sans-serif;	
	} 
	.outer-wrapper .responsive-menu { top: 8px !important; z-index: 1101; background-color: #822847;} 
	.responsive-menu #mp-pusher #mp-menu .mp-level {background-color: #822847; z-index: 1101;}
	/*
	.outer-wrapper .header .banner-container .logo {
		background: transparent url("/Global/Center%20for%20Mindfulness/images/cfm-logo.png") no-repeat scroll right top;
		width: 50px;
		height: 50px;
		border: 4px solid blue;
		display: block;
		position: absolute;
		right: 70px;
		top: 0px;
	}*/
	.banner-container .logo a {
	    content: " ";
	    width: 250px;
	    height: 50px;
	    display: block;
	    background-image: url("/Global/Center%20for%20Mindfulness/images/cfm-logo.svg"), url("/static/img/umms-mobile-logo.svg");
	    background-position: 0px 0px, 200px 0;
	    background-repeat: no-repeat, no-repeat;
	    
	    position: fixed;
	    top: 5px;
	    z-index: 1001;
	    right: 5px;
}
	.outer-wrapper .main-cols img { height: auto; max-width: 100% !important; }
	.outer-wrapper .main-cols iframe { max-width: 100% !important; }
	body { background: none; } 
	.two-thirds .col-main { width: 100%; padding: 0;}
	#main-nav { display: none; }
	#main-nav ul li.cfmhome { display: none; }
	.footer { overflow: hidden; padding: 0 10px; box-sizing: border-box; }
	.footer .footer-center .logos-footer img { max-width: 100%; }
	.banner-container { background: #822847; height: auto; padding: 0 8px; box-sizing: border-box; margin-top: -2px; }
	header .header .banner-container .banner  {
    		display: none;
    		height: auto;
    		
	}
.mobile-nav-wrapper .mobile-nav { background: #464A4D; color: #fff; z-index: 1001; }
	ul.main-nav li a[href="https://www.cfmhome.org/"] {
		background: rgba(225,225,225,.5);
	    height: inherit;
	    left: inherit;
	    position: inherit;
	    top: inherit;
	    width: inherit;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		border-radius: 3px;
		text-indent: inherit;
		padding: 5px;
	}
	ul.main-nav li a[href="https://www.cfmhome.org/"]:hover {
		background: rgba(225,225,225,.2);
		color: #fff !important;
	}
	

	.outer-wrapper { margin-top: 0; }
	.subnav-menu {}
	
	.subnav-menu ul {position: relative;
left: 0px; }
	.subnav-menu li:hover > ul {
		display: none;
		}
	
	.footer-section {
		clear: both;
		width: auto;
		margin-top: 20px;
	}
	.logos-footer { border-right: none; } 
	
	.footer-section a.intranet, .footer-section a.email-page, .footer-section a.print {
    		background: #822847 none repeat scroll 0% 0%;
    	}
    	
    	.footer-section .footer-right, .footer-section .footer-left, .footer-section p.footer-copy {
	    	    		margin-top: 0;

	    	}
	.mobile-nav-wrapper {
		display: block;
	}

	.mobile-nav-wrapper .mobile-nav ul li a {
		font-family: 'Crimson Text',serif;
		  font-size: 18px;
		  color: #fff;
	}

	.mobile-nav-wrapper .mobile-nav ul li span {

		font-family: 'Crimson Text',serif;
	  font-size: 18px;
	  color: #fff;
	}
	.mobile-nav-wrapper .mobile-nav ul li span.subitems::after {
	    content: "+" !important;
	    position: relative;
	    top: -20px;
	    display: block;
	    width: 10%;
	    height: 30px;
	    float: right;
	    padding-left: 20px;
	    font-size: 18px !important;
	    font-weight: bold;
	}
	.col-container .col {
		border-left: 0px;
	}
	
	.col-main .row-container .row div.hero-wrapper:first-child {
		margin: -20px -1% 10px -1%;
		width: 102% !important;
		
	}

	.outer-wrapper .main-cols {
		padding-left: 1%;
		padding-right: 1%;
		
	}
	.nugget-5-left, .nugget-6-right { width: 98%; max-width: inherit; } 
	h1.primary-message {
    		font-size: 1.5rem;
	}
	.giving a.solid, .giving a.ghost {width: 50%; }
	.home .row-container .row .UMMS-wrapper div.hero-wrapper.slider-home:first-child {
		position: relative; 
		top: 0px;
		margin:0 0 0 0;
		width: 99.5% !important;
		height: auto !important;
		overflow: hidden;
		}
	/*.home .col-main .row-container .row .UMMS-wrapper div.hero-wrapper.slider-home:first-child .bx-wrapper {height: 242px;}
	*/.home .hero-wrapper.slider-home {}

	
	/*.home .hero-wrapper.slider-home .bxslider li img {width: 66%;	}
	.home .hero-wrapper.slider-home .bxslider li .slide-desc h1 {font-size: 170%;}
	.home .hero-wrapper.slider-home .bxslider li .slide-desc p {display: none;}
	*/
	.home .hero-wrapper  {
		width: 100%;
	    height: auto;
	    max-height: none;
	    height: auto; 
	}
	.home .hero-wrapper .bxslider {
	    height: auto;
	    max-height: none;
	    padding: 0;
	}
	.home .hero-wrapper .overlay {
	    height: 50px;
	}
	.home .hero-wrapper .bx-viewport {
	    max-height: none;
    }
	.home .hero-wrapper .bx-wrapper .bxslider li img {
		width: 100%;
		float: none;
	    height: auto;
	    margin-bottom: 0; 
	}
	.home .hero-wrapper .bxslider li .slide-desc {
		float: none;
		clear: both;
		width: 100%;
		padding: 10px 1% 5px 1%;
		text-align: center;
	}
	
	.home .hero-wrapper .bxslider li .slide-desc H1 { font-size: 18px;}
	.home .hero-wrapper .bxslider li .slide-desc p,
	.home .hero-wrapper .bxslider li .slide-desc a {
		display: none;
	}
	/* HERO WRAPPER ALTERNATE NAVIGATION */
	.home .hero-wrapper .bx-pager {
		display: none;
	}
	.home .hero-wrapper .bx-controls {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		pointer-events: none;
	}
	.home .hero-wrapper .bx-wrapper .bx-controls-direction a {
		position: relative; 
		top: 0; 
		margin-top:0;
		}
	.home .hero-wrapper .bx-controls-direction {
		height: 100%;
	}
	.home .hero-wrapper .bx-controls a.bx-prev,
	.home .hero-wrapper .bx-controls a.bx-next,
	.home .hero-wrapper .bx-controls a.bx-prev:hover,
	.home .hero-wrapper .bx-controls a.bx-next:hover {
    display: inline-block;
    width: 34px;
    height: 100%;
    padding-top: 20%;
    font-size: 42px;
    color: #CB9933;
		text-indent: 0;
		background: url(/static/img/homepage/sprite.png) repeat -208px 0;
		pointer-events: auto;
	}
	
	.home .hero-wrapper .bx-controls a.bx-prev:hover,
	.home .hero-wrapper .bx-controls a.bx-next:hover { color: white;}
	
	.home .hero-wrapper.slider-home .bx-controls a.bx-prev {
    padding-left: 8px;
	left:-2px;
	}
	.home .hero-wrapper.slider-home .bx-controls a.bx-next {
    float: right;
    padding-left: 7px;
	right:0;
	}
	
	.hero-events {
	    float: left;
	    width: 98%;
	    text-align: left;
	    padding: 0px 10px;
	}
	
	.home .highlight .one, .home .highlight .two, .home .highlight .three { width: 96%; 
		box-sizing: border-box;
	}
	.home .row-inner .hero-video { max-width: 100%; width: 100%; }
	.header, .home .outer-wrapper {
	    width: 100%;
	   
	}
}

@media only screen and (max-width : 640px) {
	/*
 	header .main-nav-wrapper .main-nav {
		display: none !important;
	}
	*/
		.home-bucket.pillars .mbsr,
		.home-bucket.pillars .oasis,
		.home-bucket.pillars .lab {
			float: none;
			padding: 20px 0;
			width: 100%;
			border-bottom: 1px dotted #666;
		}
		.home-bucket.pillars .oasis,
		.home-bucket.pillars .lab {
			border-left: none;
		}
		
		.home-bucket.full p, .home-bucket.half p {
			margin: 0;
		}
		.home-bucket.full h2,
		.home-bucket.half h2 {
			font-size: 1.25em;
		}
		.home-bucket.half {
			float: none;
			width: 100%;
			height: auto;
		}
		.home-bucket.half-left {
			margin: 0 0 12px;
		}
		.max-inner {
			padding: .25em;
			width: 100%
		}
}

@media only screen and (max-width: 480px) {
		.nugget-2 { width: 100%; padding: 0 10px; } 
		.testimonial h1 { font-size: 1.4rem; }
		
		.home-bucket.pillars .mbsr,
		.home-bucket.pillars .oasis,
		.home-bucket.pillars .lab {
			float: none;
			padding: 20px 0;
			width: 100%;
			border-bottom: 1px dotted #666;
		}
		.home-bucket.pillars .oasis,
		.home-bucket.pillars .lab {
			border-left: none;
		}
		.home-bucket.full p, .home-bucket.half p {
			margin: 0;
		}
		.home-bucket.full h2,
		.home-bucket.half h2 {
			font-size: 1.25em;
		}
		.home-bucket.half {
			float: none;
			width: 100%;
			height: auto;
		}
		.home-bucket.half-left {
			margin: 0 0 12px;
		}
		.max-inner {
			padding: .25em;
			width: 100%
		}
}

	
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {

	li.cfmhome {
		position: absolute;
		right: 200px;
		top: 0
	}

	.main-nav > li:not(.img){
	padding: 16px 7px;
	}
	
	ul.main-nav li a[href="https://www.cfmhome.org/"] {
	background: url("/Global/Center%20for%20Mindfulness/images/logo-cfm-HOME.png") transparent 0px -5px;
	height: 94px;
	top: -95px;
	}

} 
