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

	/* !General styling for mobile --------------------------- */


	.mobile-only {
		display: block;
	}

	.mobile-hidden {
		display: none !important;
	}

	.inner {
		width: auto;
	}

	.action.disclosure {
		display: block;
		background-image: url(../images/mobile/white-arrow-right.png);
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-size: 12px 18px;
		text-align: left;
		margin: 10px 15px;
	}
	input.action.disclosure {
		width: 100%;
		margin: 5px 0;
	}

	h1 {
		line-height: 20px;
		font-size: 16px;
	}

	h2 {
		line-height: 20px;
		font-size: 14px;
		margin-bottom: 0;
	}

	h3, h4, h5, h6 {
		line-height: 20px;
		font-size: 13px;
		margin-bottom: 0;
	}


	/* !Global layout elements -------------------------------------- */


	body, #header,  {
		width: auto;
	}

	div.jPanelMenu-panel {
		background: #f4f4f4 url(../images/layout/speckled.png);
	}

	div.header-top {
		display: none;
	}

	#main-nav, #main-actions {
		display: none;
	}

	#header .header-inner,
	#header {
		height: 45px;
	}


	#header .mobile-title {
		top: 0;
		height: 45px;
		left: 0;
		right: 0;
		background:url(/assets/images/layout/bg-light.jpg);
		z-index: 15;
		/*-webkit-transform: translate3d(0, 0, 10px);*/
	}


	#header .logo {
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		left: 60px;
		right: 60px;
		z-index: 16;
		background: url(../images/mobile/elca-logo.png) no-repeat center center;
		background-size: contain;
	}
	#header a.logo img {
		display: none;
	}

	a.menu-trigger {
		left: 0;
		background: url(../images/mobile/menu-trigger.png) no-repeat right center;
		z-index: 100;
	}

	a.search-trigger {
		right: 0;
		background: url(../images/mobile/search-trigger.png) no-repeat left center;
		z-index: 15;
	}

	a.menu-trigger, a.search-trigger {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 60px;
		text-indent: -9999px;
		background-size: contain;
	}

	#header-search-form {
		display: none;
		position: absolute;
		left: 0;
		top: 45px;
		width: 100%;
		z-index: 10;
		border-radius: 0;
		padding: 10px 0;
		border-top: 1px solid #aaa;
		box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.2);
		background: #fff;
		/*transition: -webkit-transform 0.5s ease;*/
		/*-webkit-transform: translate3d(0, -60px, 0px);*/
	}
	#header-search-form.open {
		/*-webkit-transform: translate3d(0, 0px, 0px);*/
	}
	.search-form .search-input {
		width: auto;
		left: 10px;
		right: 105px;
		bottom: 10px;
		padding: 9px !important;
	}
	.search-form .search-btn {
		top: auto;
		bottom: 10px;
		right: 75px;
		background-color: #569bbe;
		border-color: #569bbe;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.search-form .search-filter-button {
		right: 10px;
		bottom: 0px;
		height: 52px;
		background: none;
		border-left: 1px solid #dcdcdc;
		line-height: 50px;
	}
	.search-form .search-filter {
		right: 0;
		top: 53px;
	}

	div.jPanelMenu-panel {
		box-shadow: -5px 0 5px rgba(0, 0, 0, 0.5);
	}

    #jPanelMenu-menu {
		background: #2a303e url(../images/mobile/menu-bg.png);
    }

    #jPanelMenu-menu ul {
	    padding: 0;
	    margin: 0;
    }

    #jPanelMenu-menu li {
	    padding: 10px 5px 10px 25px;
	    margin: 0;
	    border-top: 1px solid #3e4555;
	    border-bottom: 1px solid #242a37;
    }

	#jPanelMenu-menu li img {
		width: 32px;
		height: 32px;
		margin-right: 15px;
	}

	#jPanelMenu-menu li a {
		color: white;
		text-decoration: none;
		font-size: 16px;
	}

	#jPanelMenu-menu li.title {
	    background: black;
	    color: #888;
	    border: none;
    }

	#jPanelMenu-menu li.divider {
		background: #464859;
		box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.5);
		border: none;
    }

    #jPanelMenu-menu li.promote {
	    background: #569bbe;
	    border: none;
    }

    #jPanelMenu-menu li.external {
	    background: url(../images/mobile/menu-external.png) no-repeat 94% 50%;
	    background-size: auto 16px;
    }

	#footer {
		background: transparent;
		border-top: none;
		padding: 0;
	}

	#footer .inner {
		display: none;
	}

	#footer .mobile-only {
		text-align: center;
		padding: 10px;
	}

	#footer .icons li {
		list-style: none;
		display: inline-block;
		margin-right: 10px;
	}

	#mobile-copyright {
		font-size: 12px;
	}


	/* !Bread crumbs ------------------------------------------ */


	#breadcrumbs {
		width: auto;
		position: relative;
		overflow: hidden;
	}

	#breadcrumbs nav {
		width: auto;
		background: black;
	}

	#breadcrumbs ul {
		margin: 0 15px;
		white-space: nowrap;
	}

	#breadcrumbs.long ul {
		position: absolute;
		right: 0;
	}

	#breadcrumbs.long:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 19px;
		z-index: 1;
		background: url(../images/mobile/breadcrumb-fade.png) no-repeat left center;
		background-size: 25px 35px;
	}
	#breadcrumbs.long.swiped:after {
		left: auto;
		right: 0;
		background-image: url(../images/mobile/breadcrumb-fade2.png);
	}

	#breadcrumbs span {
		color: white;
	}

	#breadcrumbs li.divider {
		text-indent: -9999px;
		vertical-align: top;
		width: 30px;
		height: 35px;
		display: inline-block;
		background: url(../images/mobile/breadcrumb-divider.png) no-repeat center center;
		background-size: 9px 35px;
	}


	/* !Columns/sidebar --------------------------------------- */


	.main-content {
		margin: 0;
		padding: 15px 20px;
		background: white;
	}

	.two-columns-main {
		display: block;
		width: auto;
	}

	.two-columns-inner {
		display: block;
		float: none;
		width: auto;
		overflow: visible;
	}

	.two-columns-inner .inner-content {
		display: block;
		float: none;
		width: auto;
		margin: 0 !important;
	}

	.two-columns-inner .inner-widgets {
		display: block;
		float: none;
		width: auto;
	}


	.full-content .inner-content {
		display: block;
		float: none;
		width: auto;
	}

	.full-content .inner-widgets {
		display: block;
		float: none;
		width: auto;
		overflow: visible;
	}

	.right-content {
		display: block;
		float: none;
		width: auto;
	}

	.inner-content.inner-content-border-right {
		padding: 0;
		border: none;
	}

	#sidebar,
	#sidebar-left {
		display: block;
		float: none;
		margin: 0;
		width: auto;
	}

	.left-nav nav a {
		padding: 10px 4px 10px 14px;
		background: #ebebeb url(../images/mobile/blue-arrow-right.png) no-repeat 95% 50%;
		background-size: 10px 15px;
		font-weight:bold;
		color: #575757;
	}
	.left-nav nav a:hover {
		color: #575757;
		background-color: #ebebeb;
	}

	.left-nav nav .current > a {
		color: white;
		background-image: url(../images/mobile/white-arrow-down.png);
		background-size: 18px 12px;
	}

	.left-nav nav .l2.current > a, .left-nav nav .l2.current > a:hover {
		background-color: #569bbe;
	}

	.left-nav nav .l3 {
		font-size: inherit;
	}

	.left-nav nav .l2.current .l3 {
		display: block;
	}

	.left-nav nav .l3 a, .left-nav nav .l3 a:hover {
		background: #f8f8f8;
		color: #575757;
		font-size: inherit;
		 
		padding-left: 25px;
	}

	.left-nav nav .l3 > a.current, .left-nav nav .l3.current > a:hover {
		background: #dcdcdc;
		color: #575757;
		font-weight:bold;
	}

	.left-nav nav .l4 {
		padding: 0;
	}

	.left-nav nav .l3.current .l4 {
		display: block;
	}

	.left-nav nav .l4 > a, .left-nav nav .l4 > a:hover {
		background: white;
		color: #569bbe;
	/*	padding: 10px 4px 10px 25px;
		  */
	}

	.left-nav nav .l4.current > a, .left-nav nav .l4.current > a:hover {
		color:#569bbe;
		font-weight:bold;
	}

	.left-nav .widget {
		margin-top: 20px;
	}

	.left-nav .widget.widget-small {
		width: 200px;
	}


	/* !Home Page --------------------------------------------- */


	#home-rotator-container {
		width: auto;
		height: 235px;
		background: #0e0d10;
	}

	#home-rotator {
		width: auto;
		height: 235px;
	}

	#home-rotator .item {
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		height: 180px;
		overflow-y: visible !important;
		background-size: cover !important;
		background-position: 50% 0 !important;
	}

	#home-rotator .item .title {
		margin: 0;
		font-size: 20px;
		position: absolute;
		text-align: center;
		top: 185px;
		width: 100%;
	}

	#home-rotator-nav {
		background: transparent;
		top: 180px;
		height: 55px;
	}

	#home-rotator-nav .navi {
		outline: none;
		opacity: 1;

		display: inline-block;
		text-indent: -9999px;
		background: #fff;
		border: 1px solid white;

		width: 14px;
		height: 14px;
		margin: 35px 2px 2px;

		-webkit-box-shadow: inset 1px 1px 2px #333;
		-moz-box-shadow:    inset 1px 1px 2px #333;
		box-shadow:         inset 1px 1px 2px #333;

		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;

		border/*\**/: 1px solid #ddd\9;
	}

	#home-rotator-nav .navi.activeSlide {
		background: #569bbe;
	}

	#home-rotator .subtitle,
	#home-rotator-next,
	#home-rotator-prev,
	#home-rotator-nav .navi .tip,
	#home-rotator-nav .navi .tip .tick,
	#home-rotator-nav .navi a.thumbnail {
		display: none !important
	}


	.mobile-table,
	#getting-started {
		width: auto;
		background: inherit;
	}
	#getting-started,
	section.mobile-table {
		padding: 10px 15px;
	}

	.mobile-table h3,
	#getting-started h3 {
		color: #333;
		font-size: 15px;
		line-height: 35px;
		margin: 0 15px;
	}

	.mobile-table ul,
	.mobile-table-inner,
	#personas {
		width: auto;
		border: 1px solid #d7d7d7;
		border-radius: 10px;
		background: #fbfbfa;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	}

	#getting-started h3 {
		float: none;
	}

	#personas {
		float: none;
	}

	#personas .persona {
		float: none;
	}

	.mobile-table ul li,
	.mobile-table-inner > div,
	#personas .persona {
		line-height: 35px;
		margin: 0;
		color: #333;
		border-bottom: 1px solid #d7d7d7;
		border-top: 1px solid #d7d7d7;
		clear:both;
	}
	.mobile-table ul li:last-child,
	.mobile-table-inner > div:last-child
	#personas .persona:last-child {
		border-bottom: none;
	}
	.mobile-table ul li:first-child,
	.mobile-table-inner > div:first-child
	#personas .persona:first-child {
		border-top: none;
	}

	.mobile-table > ul > li .title,
	.mobile-table > ul > li > a,
	.mobile-table-inner > div > p,
	#personas .persona span.title {
		margin: 0;
		border: none;
		padding: 0 15px;
		font-size: 12px;
		background: url(../images/mobile/blue-arrow-right.png) no-repeat 95% 50%;
		background-size: 10px 15px;
	}
	.mobile-table > ul > li.open .title,
	.mobile-table > ul > li.open > a,
	.mobile-table-inner > div.open > p,
	#personas .persona.open span.title {
		background: url(../images/mobile/blue-arrow-down.png) no-repeat 95% 50%;
		background-size: 15px 10px;
	}

	.mobile-table ul ul {
		border: none;
		background: transparent;
		box-shadow: none;
		margin: 0 0 10px;
		padding: 0;
	}

	.mobile-table ul ul li {
		list-style: none;
		border: none;
		line-height: 27px;
	}
	.mobile-table ul ul li a {
		text-decoration: none;
		padding: 0 15px;
	}

	.mobile-table ul li .tray,
	.mobile-table ul li .tab-content {
		display: none !important;
	}
	.mobile-table ul li.open .tray,
	.mobile-table ul li.open .tab-content {
		display: block !important;
	}

	#personas .persona .tray {
		position: relative;
		left: auto;
		bottom: auto;
		width: auto;
		display: none !important;
		padding: 0;
		border: none;
		background: transparent;
		/*transition: -webkit-transform 0.5s ease;*/
		/*-webkit-transform: scale(1, 0);*/
	}

	#personas .persona .tray > .heading-wrap,
	#personas .persona .tray > img,
	#personas .persona .tray > p {
		display: none;
	}

	#personas .persona.open .tray {
		display: block !important;
		/*-webkit-transform: scale(1, 1);*/
	}


	.featured {
		border-top: none;
		background: none;
	}

	.featured .left,
	.featured .right {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}

	.featured h3 {
		font-size: 15px;
		margin: 0 0 5px 15px;
	}

	.featured .featured-rotator-nav {
		right: 15px;
	}

	.featured .featured-rotator {
		width: auto !important;
		height: 180px !important;
	}
	.featured .item {
		width: auto !important;
		height: 180px !important;
		right: 0;
	}

	.featured .poster {
		border: none;
		padding: 0;
		width: auto !important;
		height: 180px !important;
	}
	.featured .poster .img {
		width: 100%;
		height: auto;
	}
	.featured .poster img {
		width: 100%;
		min-height: 180px;
	}

	.featured .readmore {
		display: none;
	}

	.featured h4.excerpt-title {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 40px;
		line-height: 40px;
		color: white;
		background: rgba(0, 0, 0, 0.8);
		padding: 0 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0;
	}
	.featured h4.excerpt-title a {
		color: white;
	}
	h4.excerpt-title:hover {
		opacity: 1;
	}

	.featured .excerpt {
		display: none;
	}


	.mobile-table .tab-nav {
		padding: 0;
		margin: 0;
		height: 160px;
		white-space: nowrap;
		overflow: hidden;
		background: white url(../images/mobile/tabs_bg.png) repeat-x left top;
		font-size: 0px; /* removes space between tabs */
	}

	.mobile-table .tab-nav li {
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none;
	}

	.mobile-table .tab-nav li a {
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height: 32px;
		margin: 0;
		padding: 0 5px;
		font-size: 12px;
		border: none;
		line-height: 32px;
		text-decoration: none;
		color: #333;
	}


	/*.mobile-table .tab-nav li:hover a,*/
	.mobile-table .tab-nav .active a {
		background: #fff;
		border-left: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
	}
	.mobile-table .tab-nav .active:first-child a {
		border-left: none;
	}

	.mobile-table .tab-nav .tab-content {
		display: none;
		position: absolute;
		left: 0;
		width: 100%;
	}

	.mobile-table .active .tab-content {
		display: block;
	}


	.mobile-table .tab-content form {
		font-size: 13px;
		line-height: 32px;
		margin: 10px 15px;
	}

	.mobile-table input.text {
		height: 20px;
		line-height: 16px;
		padding: 2px 6px;
		border: 1px solid #ddd;
	}

	.mobile-table select.wide {
		width: 100%;
	}

	.mobile-table input.submit {
		display: block;
	}


	/* !Other page content -------------------------------------------- */


	#page-rotator-container {
		height: 200px;
		width: auto;
		margin: -15px -20px 15px;
		border-bottom: 1px solid #888;
	}
	#page-rotator {
		width: auto;
		height: inherit;
	}
	#page-rotator .item {
		width: 100%;
		height: inherit;
	}
	#page-rotator .item img {
		width: 100%;
		min-height: 200px;
	}

	.widget-grid {
		text-align: center;
	}
	.widget-grid-item {
		padding: 0;
		width: 100%;
	}
	.mobile-image-cover img {
		width: 100%;
	}


	/* !News pages ----------------------------------------------------- */


	#news-rotator-container {
		height: 220px;
		width: auto;
		margin: -15px -20px 0px;
		padding-top: 40px;
		border: none;
		border-bottom: 1px solid #888;
		position: relative;
		overflow: hidden;
	}
	#news-rotator {
		width: auto;
		height: inherit;
		overflow: visible;
	}

	#news-rotator .item {
		width: 100%;
		height: inherit;
	}
	#news-rotator .item img {
		width: 100%;
		min-height: 200px;
	}
	#news-rotator .item h2 {
		position: absolute;
		top: -200px;
		color: black;
		font-size: 16px;
		line-height: 40px;
	}
	#news-rotator .item .description {
		bottom: 0;
		top: auto;
		padding: 10px 20px;
	}
	#news-rotator .item .description p {
		margin: 0;
	}

	#news-rotator-nav2 {
		display: none;
	}

	#news-rotator-nav {
		position: absolute;
		top: 0px;
		right: 10px;
		height: 40px;
		text-align: right;
	}
	#news-rotator-nav .thumbnail {
		display: inline-block;
		background: #fff;
		border: 1px solid white;

		width: 14px;
		height: 14px;
		margin: 12px 2px 2px;

		-webkit-box-shadow: inset 1px 1px 2px #333;
		-moz-box-shadow:    inset 1px 1px 2px #333;
		box-shadow:         inset 1px 1px 2px #333;

		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;

		border/*\**/: 1px solid #ddd\9;
	}
	#news-rotator-nav .thumbnail.activeSlide {
		background: #569bbe;
	}
	#news-rotator-nav .thumbnail img {
		display: none;
	}

	.content.content-more-news {
		margin: 0 -20px;
		padding: 0;
		width: auto;
		border: none;
	}
	.content.content-more-news h2 {
		border-bottom: 1px solid #cdcdcd;
		line-height: 40px;
		padding: 0 20px;
	}

	ul.news-list li,
	ul.news-list li:first-child {
		padding: 15px 40px 15px 20px;
		position: relative;
		text-align: left;
	}
	ul.news-list li h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	ul.news-list li p {
		max-height: 40px;
		overflow: hidden;
	}
	ul.news-list li a.read-more {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		text-indent: -9999px;
		background: url(../images/mobile/blue-arrow-right.png) no-repeat 95% 50%;
		background-size: 10px 15px;
	}

	#story-detail .share-this {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		margin-bottom: 15px;
	}


	.masthead {
		margin: -15px -20px 15px;
		width: auto;
	}
	.masthead img {
		width: 100%;
	}

	.blog-list h1, .blog-list hr {
		display: none;
	}

	#blog-category-select {
		width: 100%;
		margin-bottom: 15px;
		position: relative;
		z-index: 100;
	}

	.blog-item .image {
		width: auto;
		height: 140px;
		position: relative;
		top: auto;
		left: auto;
		margin: 0 -10px;
	}
	.blog-item .image img {
		width: 100%;
	}

	.blog-item .details {
		margin: 5px 0 -20px;
	}
	.blog-item .details p {
		font-size: 12px;
	}
	.blog-item .details h2, .blog-item .details h2 a {
		font-family: LatoRegular;
		text-transform: uppercase;
		color: #888;
		font-size: 11px;
		margin-bottom: 5px;
	}

	ul.pagination {
		margin: 0 -20px -15px;
	}

	/* !Our Work ----------------------------------------------------------- */


	.icon-grid-title {
		line-height: 20px;
		font-size: 16px;
		font-family: 'LatoBold';
		text-align: left;
	}

	.icon-grid .item {
		border: none !important;
		margin: 5px 0;
		width: 48%;
	}
	.icon-grid .item .action {
		background: transparent;
		color: black;
	}
	.icon-grid .item .icon {
		width: 100px;
		height: 80px;
		background-size: 100px !important;
	}
	.icon-grid .clear {
		clear: none;
		display: inline;
	}

	.extra-wide {
		border: none;
		background: white;
		padding: 0;
	}
	.extra-wide .inner-content {
		display: none;
	}
	.extra-wide .inner-widgets img {
		margin: 20px auto;
	}

	#congregations-and-synods-icon {
		background: url(/assets/images/sprites/our-work.jpg) 50% 0 no-repeat;
	}
	#leadership-icon {
		background: url(/assets/images/sprites/our-work.jpg) 50% -75px no-repeat;
	}
	#relief-and-development-icon {
		background: url(/assets/images/sprites/our-work.jpg) 50% -155px no-repeat;
	}
	#global-church-icon {
		background: url(/assets/images/sprites/our-work.jpg) 50% -238px no-repeat;
	}
	#related-ministries-icon {
		background: url(/assets/images/sprites/our-work.jpg) 50% -315px no-repeat;
	}
	#publicly-engaged-church-icon {
		background: url(/assets/images/sprites/our-work.jpg) 50% -390px no-repeat;
	}


	.sponsorship-page .col-details {
		float: none;
		width: auto;
		margin: 0 0 30px;
	}
	.sponsorship-page .col-donate {
		float: none;
		width: auto;
		margin: 0;
	}

	.sponsorship-page hr {
		display: none;
	}

	.sponsorship-page .tray {
		padding: 0 20px;
	}
	.sponsorship-page .tray p,
	.sponsorship-page .tray h4 {
		font-size: 12px;
	}

	/* !Resources Page -------------------------------------------------- */


	#resources-tabs {
		margin: -15px -20px 0;
		font-size: 0;
	}
	#resources-tabs li {
		width: 50%;
	}
	#resources-tabs li a {
		border: none;
		background: transparent;
		color: #808080;
		text-align: center;
		font-size: 12px;
		padding: 8px 0;
	}
	#resources-tabs li a.active {
		font-family: LatoBold;
		border-right: 1px solid #ccc9c9;
	}
	#resources-tabs li:last-child a.active {
		border-right: none;
		border-left: 1px solid #ccc9c9;
	}


	#resources-search {
		margin: 10px -5px;
		height: auto;
		background: none;
	}
	#resources-search-widget {
		margin: 0 -5px 10px;
		height: auto;
		background: none;
	}
	#resources-search-widget .search-form,
	#resources-search .search-form {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		width: auto;
		zoom: 1;
		padding: 0;
		background: transparent;
	}
	#resources-search-widget .search-form .search-input,
	#resources-search .search-form .search-input {
		top: 0;
		bottom: 0;
		left: 0;
		right: 25px;
		width: auto;
	}
	#resources-search-widget .search-form .search-btn,
	#resources-search .search-form .search-btn {
		bottom: 0;
		right: 0;
	}

	.grid-small .grid-item,
	.resources-grid .grid-item {
		width: 49%;
		margin: 10px 0;
	}
	.grid-small .grid-item .grid-image,
	.resources-grid .grid-item .grid-image {
		width: 100px;
		height: 80px;
		border: none;
		padding: 0;
		margin: 0 auto;
	}
	.grid-small .grid-item img,
	.resources-grid .grid-item .grid-image img {
		max-width: 100%;
		border: none;
		padding: 0;
		display: block;
		margin: 0 auto;
	}

	/* Hack up the sharethis buttons a little so they line up better */
	.share-this {
		margin: 10px 0 15px;
		text-align:center;
	}
	.share-this span {
		vertical-align: bottom !important;
		line-height: inherit;
	}


	#resources-detail,
	#story-detail,
	#event-detail,
	.page-detail {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}
	#resources-related {
		margin-top: 15px;
	}
	#resources-detail-content #resources-tabs {
		margin: 0;
	}
	#resources-detail-content #resources-tabs li {
		display: block;
		margin-bottom: 0;
		width: auto;
	}
	#resources-detail-content #resources-tabs li > a {
		border: none;
		padding: 0 15px;
		font-size: 12px;
		background: url(../images/mobile/blue-arrow-right.png) no-repeat 95% 50%;
		background-size: 10px 15px;
		text-align: left;
	}
	#resources-detail-content #resources-tabs li.open > a {
		background: url(../images/mobile/blue-arrow-down.png) no-repeat 95% 50%;
		background-size: 15px 10px;
	}
	#resources-detail-content #resources-tabs li > a.active {
		font-family: LatoRegular;
	}

	.resource-item-small {
		width: auto;
		float: none;
		border-top: 2px dashed #ccc9c9;
		background-position: 0% 80% !important;
		background-size: 40px !important;
		min-height: 60px;
		margin: 0;
		padding: 10px 0;
	}

	#resources-detail-content .tab-content {
		padding: 0px 15px 10px;
	}
	#resources-detail-content .tab-content p {
		font-size: 12px;
	}

	#resources-tabs.gray-tabs li a {
		background: transparent;
		border: none;
		text-align: left;
		padding: 0;
	}

	.resource-item-small .details {
		margin-left: 44px;
		position: relative;
	}

	.resource-item-small .details h2 {
		margin-right: 88px;
		line-height: 60px;
	}

	.resource-item-small .poster {
		width: 40px;
		min-height: 60px;
	}
	.resource-item-small .poster img {
		width: 40px;
		height: auto;
		vertical-align: middle;
	}

	.resource-item-small .details-hover {
		display: block;
		position: relative;
		padding: 0;
		border: none;
		background: transparent;
	}
	.resource-item-small .details-hover h2 {
		font-size: 13px;
	}
	.resource-item-small .details-hover .tick {
		display: none;
	}


	#resources-tabs.gray-tabs a.link {
		width: 75px;
		position: absolute;
		right: 0;
		background: #569bbe;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		color: white;
		padding: 5px;
		line-height: 16px;
	}
	#resources-tabs.gray-tabs a.download-link {
		top: 0;
		background: #569bbe url(../images/mobile/resource-arrows.png) no-repeat 65px 5px;
		background-size: 16px 50px;
	}
	#resources-tabs.gray-tabs a.order-link {
		bottom: 0;
		background: #75994c url(../images/mobile/resource-arrows.png) no-repeat 65px -20px;
		background-size: 16px 50px;
	}
	.resource-item-small .details a.link:before {
		display: none;
	}


	.widget-resources-search {
		width: auto;
		border: none;
		background: none;
		border-bottom: 1px solid #eee;
		border-radius: 0;
		-webkit-border-radius: 0;
		margin: 15px -20px;
	}
	.widget-resources-search .widget-padded-inner {
		padding: 0 20px 15px;
	}
	.widget-resources-search input[type=date],
	.widget-resources-search select {
		width: 100%;
	}
	#resources-filter-widget br {
		display: none;
	}
	#resources-filter-widget label {
		display: inline-block;
		width: 45%;
	}

	#resources-featured-items .image img {
		border: none;
		padding: 0;
	}

	#downloadable-resources hr {
		margin: 1em -20px;
	}

	#resources-results-list {
		margin: -10px -20px 0;
	}

	.resource-item {
		width: auto;
		float: none;
		border-top: 1px solid #eee;
		background-position: 20px 15px !important;
		background-size: 60px !important;
		min-height: 60px;
		margin: 0;
		padding: 15px 0px 15px 20px;
	}
	.resource-item:first-child {
		border-top: none;
	}

	.resource-item .details {
		margin-left: 70px;
		padding-right: 30px;
		background: url(../images/mobile/blue-arrow-right.png) no-repeat 95% 50%;
		background-size: 10px 15px;
	}
	.resource-item .details h2 {
		font-size: 13px;
	}
	.resource-item .details p {
		font-size: 12px;
		margin: 0;
	}

	.resource-item.open .details {
		background-image: url(../images/mobile/blue-arrow-down.png);
		background-size: 15px 10px;
	}

	.resource-item .poster {
		width: 60px;
		min-height: 60px;
	}
	.resource-item .poster img {
		width: 60px;
		height: auto;
		vertical-align: middle;
	}

	.resource-item:hover .details-hover {
		display: none;
	}

	.resource-item.open .details-hover {
		display: block !important;
		background: transparent;
		border: none;
		padding: 0;
		margin: 0 0 0 70px;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
	}
	#resources-results-list .info {
		padding: 15px 20px 15px 0;
	}
	.resource-item .details-hover h2 {
		font-size: 13px;
	}
	.resource-item .details-hover p {
		font-size: 12px;
	}
	.resource-item .details-hover .tick {
		display: none;
	}
	#resources-results-list .options {
		background: white;
		text-align: left;
	}
	#resources-results-list .options a {
		display: inline-block;
		padding: 5px 7px;
		background: #569bbe;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		color: white;
		text-decoration: none;
		margin-right: 5px;
	}
	#resources-results-list .options a.order-link {
		background: #75994c;
	}


	/* !Give section -------------------------------------------------------- */


	#give-items {
		margin: -20px -20px 0;
	}

	#give-items .item {
		display: block;
		width: auto;
		position: relative;
		padding: 35px 20px 5px;
		border-top: 1px solid #ccc9c9 !important;
	}
	#give-items .item:first-child {
		border-top: none !important;
	}

	#give-items .item h3 {
		position: absolute;
		top: 10px;
		left: 20px;
	}

	#give-items .item .icon {
		margin: 0 0 5px 0;
		float: left;
	}

	#give-items .item .sub-title {
		float: none;
		margin: 0 0 0 100px;
		text-align: left;
	}

	#give-items .item .action {
		clear: both;
		display: block;
		color: white;
		background-color: #569bbe;
		background-image: url(../images/mobile/white-arrow-right.png);
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-size: 12px 18px;
		text-align: left;
		margin: 10px 0px;
	}


	#donate-icon {
		background: url(/assets/images/sprites/give.jpg) 50% 0 no-repeat;
	}
	#give-monthly-icon {
		background: url(/assets/images/sprites/give.jpg) 50% -75px no-repeat;
	}
	#planned-gifts-icon {
		background: url(/assets/images/sprites/give.jpg) 50% -155px no-repeat;
	}
	#volunteer-icon {
		background: url(/assets/images/sprites/give.jpg) 50% -237px no-repeat;
	}
	#elca-good-gifts-icon {
		background: url(/assets/images/sprites/give.jpg) 50% -315px no-repeat;
	}
	#foundation-icon {
		background: url(/assets/images/sprites/give.jpg) 50% -390px no-repeat;
	}


	dl.contact-info {
		font-size: 13px;
	}
	dl.contact-info dt {
		width: 50px;
		float: left;
		clear: left;
		font-family: LatoBold;
	}
	dl.contact-info dd {
		margin-left: 55px;
	}


	#give-now-form select {
		width: 100%;
	}
	#give-now-form .action.action-yellow {
		display: block;
		color: white;
		background: #569bbe url(../images/mobile/white-arrow-right.png) no-repeat 95% 50%;
		background-size: 12px 18px;
		text-align: left;
		margin: 15px 0px 30px;
		width: 100%;
	}

	#giving-opportunities {
		padding: 0;
	}

	.giving-description-holder {
		border: none;
	}
	.giving-description-holder:first-child {
		border-bottom: 1px solid #d7d7d7;
	}
	.giving-description-holder p {
		padding: 3px 15px !important;
		font-size: 13px !important;
	}

	.giving-description-holder .giving-description {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		display: none !important;
	}

	.giving-description-holder.open .giving-description {
		display: block !important;
		font-size: 12px;
		border: 0;
		padding: 0;
		background: transparent;
	}
	.giving-description .tick {
		display: none;
	}


	/* !Calendar/Events ---------------------------------------------- */


	.calendar-page {
		width: auto;
		text-align: center;
	}

	#event-calendar-mobile {
		margin: 0 -20px;
		border-top: 1px solid #ccc9c9;
		border-bottom: 1px solid #ccc9c9;
	}

	#event-calendar-mobile li h3 {
		margin-bottom: 0;
	}
	#event-calendar-mobile li p {
		font-size: 12px;
		color: #888;
	}

	.calendar-page #cal-list-nav {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 15px;
	}

	.calendar-page #calendar-nav {
		position: absolute;
		width: auto;
		left: 15px;
		right: 15px;
		top: 15px;
	}
	#calendar-nav h1 {
		display: none;
	}



	#calendar-nav #cal-nav-prev, #calendar-nav #cal-nav-next {
		background: #569bbe url(../images/mobile/white-arrow-left.png) no-repeat center center;
		background-size: 11px 18px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#calendar-nav #cal-nav-next {
		background-image: url(../images/mobile/white-arrow-right.png);
	}


	.event-detail-content h1 {
		line-height: 1.2;
		font-size: 24px;
	}

	.event-detail-content h3 {
		font-size: 14px;
		margin-top: 15px;
	}

	.event-detail-content .action.action-yellow {
		display: block;
		color: white;
		background: #569bbe url(../images/mobile/white-arrow-right.png) no-repeat 95% 50%;
		background-size: 12px 18px;
		text-align: left;
		margin: 15px -10px;
		width: auto;
	}

	.event-detail-content #location-wrap {
		position: relative;
		padding-bottom: 350px;
	}
	.event-detail-content #map-wrap {
		position: absolute;
		bottom: -20px;
		left: -20px;
		right: -20px;
	}
	.event-detail-content #map-wrap iframe {
		border: 1px solid #ccc9c9;
		width: 100% !important;
		height: 350px;
	}


	/* !I'm the map, I'm the map, I'm the map, I'm the map... ----------------------------- */


	#map-canvas {
		border-bottom: #ccc9c9;
	}
	#map-canvas img {
		height: auto !important;
	}
	#map-canvas.shifted-for-locations {
		padding-right: 0;
	}

	#map-search-overlay {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: auto !important;
		border: none;
	}

	#map-search-top {
		margin: 0 auto;
		border: none;
	}

	#map-search-filters-toggle {
		display: none;
	}

	#map-search-filters-holder {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: auto !important;
	}

	#map-search-filters {
		padding: 0;
	}

	#map-search-filters h2 {
		font-size: 13px;
		color: white;
		background: #569bbe;
		position: relative;
		margin: 0;
		line-height: 30px;
		padding: 0px 20px;
	}
	#map-search-filters h2 .box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#map-search-filters h2 .box.box-collapsed {
		background: transparent url(../images/mobile/white-arrow-right.png) no-repeat 95% 50%;
		background-size: 12px 18px;
	}
	#map-search-filters h2 .box.box-expanded {
		background: transparent url(../images/mobile/white-arrow-down.png) no-repeat 95% 50%;
		background-size: 18px 12px;
	}
	#map-search-filters h2 .map-search-clear {
		display: none;
	}

	#map-search-filters-holder hr {
		display: none;
	}

	#map-search-filters label {
		border-bottom: 1px solid #eee;
		padding: 0px 20px;
		line-height: 30px;
	}
	#map-search-filters label input {
		float: right;
		margin-top: 8px;
	}


	#map-search-locations-holder {
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		height: auto;
		overflow: visible;
		border-bottom: 1px solid #ccc9c9;
	}

	#map-search-locations-toggle {
		display: none;
	}

	#map-search-locations {
		position: relative;
		height: auto;
		overflow: visible;
	}


	.map-location-detail-holder {
		position: relative;
		width: auto;
		height: auto;
		bottom: auto;
		left: auto;
		background: none;
	}
	.map-location-detail-holder .close {
		display: none;
	}
	.map-location-detail-holder .map-location-detail {
		overflow: visible;
		height: auto;
		max-height: none;
	}
	.map-location-detail-holder .map-location-detail .content {
		max-height: none;
		overflow: visible;
	}

	.map-location-detail-options {
		background: white;
		height: auto;
	}
	.map-location-detail-options ul {
		margin: 0;
		padding: 0 15px 15px;
	}
	.map-location-detail-options ul li {
		display: block;
	}
	.map-location-detail-options ul li a {
		display: block;
		background: #569bbe url(../images/mobile/white-arrow-right.png) no-repeat 95% 50%;
		background-size: 12px 18px;
		text-align: left;
		text-decoration: none;
		padding: 0 15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.map-location-detail-options ul li a.action-green {
		background-color: #75994c;
	}


	.map-location-detail {
		background: white;
		border: none;
	}

	.map-location-detail h2 {
		font-size: 14px;
		line-height: 20px;
	}
	.map-location-detail h3 {
		font-size: 13px;
		line-height: 20px;
	}
	.map-location-detail hr {
		display: none;
	}
	.map-location-detail a {
		text-decoration: none;
	}
	.map-location-detail table.data {
		margin-bottom: 10px;
	}


	.map-location-detail .tabset {
		position: relative;
		width: auto;
		padding: 15px 15px 1px;
	}
	.map-location-detail .tabset li {
		margin: 0 0 10px;
	}
	.map-location-detail .tabset li > a.active,
	.map-location-detail .tabset li > a {
		display: block;
		background: #569bbe url(../images/mobile/white-arrow-right.png) no-repeat 95% 50%;
		background-size: 12px 18px;
		border: none;
		text-decoration: none;
		padding: 0 15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		color: white;
		font-size: 13px;
		line-height: 40px;
	}
	.map-location-detail .tabset li.open > a.active,
	.map-location-detail .tabset li.open > a {
		background: #569bbe url(../images/mobile/white-arrow-down.png) no-repeat 95% 50%;
		background-size: 18px 12px;
		color: white;
	}

	.map-location-detail .tab-content {
		padding: 15px 5px;
		margin: 0;
		border: none;
		max-height: none;
		overflow: visible;
		display: none !important;
	}
	.map-location-detail li.open .tab-content {
		display: block !important;
	}

	.map-location-detail .tabset .tab-content a {
		background: none;
		display: inline;
		border: none;
		color: #569bbe;
		text-decoration: underline;
		white-space: nowrap;
	}

}