/* CSS Document */

body, html {
	padding:0px;
	margin:0px;
  scroll-behavior: smooth;
}

html {
	min-height:100%;
}
body {
	color:#FFF;
	font-family:"thinfont","Century Gothic",Arial;
	font-size:16px;
	/*background-image:url('../img2019/background.jpg'); */
	background-color:#626262;
	background-repeat:repeat-x;
	background-position:45% 0%;
	background-attachment:scroll;
}
body.carolsActive {
	background-image:none;
	background-color:#333 !important;
	color:#EEE;
}
body.pageSongs {
	background-color:#181b37;
	background-color:#143623;
	background-color:#0b1f14;
	background-image:none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.touchOnly, .touchOnlyTableCell, .touchOnlyInline {
	display:none !important;
}
.isTouch .touchOnlyInline {
	display:inline !important;
}
.isTouch .touchOnly {
	display:block !important;
}
.isTouch .touchOnlyTableCell {
	display:table-cell !important;
}
.isTouch .touchHide {
	display:none !important;
}
.smallOnly {
	display:none;
}
a {
	text-decoration:none;
}
a, a:link, a:visited, a:hover {
	color:#fff56c;
}
.carolsActive a, .carolsActive a:link, .carolsActive a:visited, .carolsActive a:hover {
	color:#fff56c;
}
a:hover {
	text-decoration:underline;
}
a:hover img {
	text-decoration:none;
}
a img {
	border:0px;
}
.hidden {
	display:none !important;
}
.visible {

}
.stickyTest {
	position:sticky;
	position:-webkit-sticky;
}





.container {
	width:100%;
	min-width:270px;
	/*box-shadow:0px 0px 10px 5px #ccc; */
	margin:0px auto;
	background-color: transparent;
}
.carolsActive .container {
	box-shadow:none;
	background-color:#2a2a2a;
}
.container-head {
	/* background-image:url('../img2018/top-bg2.jpeg'); */
	background-size:1000px auto;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#191919;
	height:100px;
	color:White;
	background-color: rgba(0,0,0,0.5);
}
.container-head-boundary {
	max-width:1000px;
	margin:0px auto;
}
.container-head .title {
	font-size:40px;
	padding-left:20px;
	text-shadow:0px 0px 0px #000;
	height:100px;
	letter-spacing:0px;
	font-family: Arial;
	/*background-image:url('../img2018/title.jpg'); */
	background-size:auto 50%;
	background-repeat:no-repeat;
	background-position:15px center;
	width:320px;
	float:left;
	font-family: "thinfont","Century Gothic",Arial;
	line-height:40px;
}
.container-head .church-logo {
	background-image:url('../img/ccbc-logo-2019-small-white.png');
	background-repeat:no-repeat;
	background-size:auto 170%;
	background-position: left top;
	height:20px;
	margin-top:25px;
	width:auto;
	display:block;
}
.container-head .menu {
	padding-top:20px;
	margin-right:20px;
	font-size:20px;
	width:auto;
	margin-left:340px;
	max-width:700px;
}
.container-head .menu .item {
	float: left;
	/* width: 23.9%; */
	/* width: 32.3%; */
	width: 49%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	display: table;
	border-spacing: 1px;
	border-collapse: separate;
}
.container-head .menu .item.hidden {
	display:none !important;
}
/*.container-head .menu .item.bg1 a:hover, .container-head .menu .item.active.bg1 a {
	background-position:-210px -211px;
}
.container-head .menu .item.bg2 a:hover, .container-head .menu .item.active.bg2 a {
	background-position:-447px -229px;
}
.container-head .menu .item.bg3 a:hover, .container-head .menu .item.active.bg3 a {
	background-position:-300px -60px;
}
.container-head .menu .item.bg4 a:hover, .container-head .menu .item.active.bg4 a {
	background-position:0px -305px;
}
.isTouch .container-head .menu .item.bg4 a:hover, .isTouch .container-head .menu .item.active.bg4 a {
	background-position:0px -345px;
} */
.container-head .menu .item a {
	background-color:#f5f0ea;
	margin-right:5px;
	background-repeat:no-repeat;
	padding:15px 0px;
	display:block;
	color:Black !important;
	text-decoration:none;
	border:1px solid #444;
	-webkit-transition-property:border-radius,border-color,background-position,background-color,color;
	-webkit-transition-duration:0.3s;
	border-radius:20px;
	text-align: center;
}
.container-head .menu .item:hover, .container-head .menu .item.active {
}
.container-head .menu .item:hover a, .container-head .menu .item.active a {
	color:#eee !important;
	border-color:#f9f9f9;
	text-shadow:0px 0px 0px #fff;
	background-color:#346684;
	border-radius:10px;
}
.container-head .menu .item a.sizeSmall {
	display:none;
}
.container-head .menu .item a.sizeBig {
	display:table-cell;
}
.container-body {
	max-width:1000px;
	margin:0px auto;
}
.pageDetails .container-body {
	max-width:none;
	margin:auto;
}
.container-body .section-church {
	width:100%;
	background-color:#191919;
	/* box-shadow: 0px 10px 5px 2px rgba(0,0,0,0.5); */
	background-color: rgba(0,0,0,0.5);
}
.container-body .section-church .boundary {
	max-width:800px;
	padding-top:10px;
	margin:0px auto;
	padding-bottom:10px;
}
.container-body .section-church .boundary .box {
	float:left;
	border-radius:5px;
	width:50%;
	margin-left:0px;
	text-align: center;
	overflow:hidden;
}
.container-body .section-church .boundary .box:last-child {
	padding-top:10px;
}
.container-body .section-church .boundary .box h4 {
	margin:0px;
	padding:0px;

}
.container-body .section-main {
	padding:0px;
	text-align:center;
	width:auto;
	max-width:960px;
	margin:0px auto;
	padding-bottom:0px;
	margin-right:320px;
}
.pageDetails .container-body .section-main {
	margin:0px auto;
}
.container-body .section-main .theme-content-logo {
	background-image:url('../img2025/2025.jpg');
	background-size: auto 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width:auto;
	background-color: transparent;
	margin-bottom:0px;
	height:600px;
	margin-right:0px;
}
.container-body .section-main .theme-content-logo.theme-content-logo-after {
	display:block;
}
.container-body .section-main .theme-content-logo.theme-content-logo-before {
	display:none;
}
.container-body .section-main .theme-content-logo .box {
	background-color: #f9f9f9;
	box-shadow:0px 0px 3px #CCC;
	padding-top:20px;
	padding-bottom:10px;
}
.container-body .section-main .side-main-content {
	background-color:#3C3C3C;
	background-color:rgba(44,44,44,0.3);
	box-shadow:0px 0px 3px #000;
	padding:15px;
	padding-top:10px;
	padding-bottom:0px;
	text-align: center;
	border-radius:20px;
	width:380px;
	float:right;
	font-family:"Work Sans","thinfont", "Century Gothic", Arial;
}
.container-body .section-main .side-main-content td {
	padding-bottom:15px;
}
.container-body .section-main .side-main-content td.icon {
	width:0px;
	background-size:40px 40px;
	background-size:contain;
	border-left:0px solid transparent;
	border-right:0px solid transparent;
	background-repeat: no-repeat;
	background-position: center 5px;
}
.container-body .section-main .side-main-content td.icon.event {
	/*background-image:url('../img2019/icons/event.png'); */
}
.container-body .section-main .side-main-content td.icon.location {
	/*background-image:url('../img2019/icons/location.png'); */
}
.container-body .section-main .side-main-content td.icon.castle {
	/*background-image:url('../img2019/icons/castle.png'); */
}
.container-body .section-main .side-main-content td.icon.music {
	/*background-image:url('../img2019/icons/music.png'); */
}
.container-body .section-main .side-main-content td.icon.fireworks {
	/*background-image:url('../img2019/icons/fireworks.png'); */
}
.container-body .section-main .side-main-content tr:first-child td:last-child {
	vertical-align: middle;
	height:50px;
}
.container-body .section-main .side-main-content tr:first-child td:last-child p {
	margin:0px;
	padding:0px;
}
.container-body .section-info {
	padding:20px;
	width:300px;
	padding-left:0px;
	float:right;
}
.pageDetails .container-body .section-info {
	clear:both;
	float:none;
	width:auto;
	max-width:1000px;
	margin:0px auto;
	padding:20px 0px;

}
.pageEvents .container-body .section-info#section-info {
	display:none;

}
.pageEvents .container-body .section-info#section-info {
	display:none;

}
.container-body .section-info > h2 {
	padding:0px;
	font-size:24px;
	margin:0px;
	color:White;
	text-align: center;
	font-weight: bold;
	padding-left:20px;
	font-family:"Work Sans","thinfont", "Century Gothic", Arial;
}
.pageDetails .container-body .section-info > h2 {
	font-size:40px;
	padding-left:0px;
}
.container-body .section-info .event {
	background-color:rgba(69,69,69,0.3);
	margin-top:20px;
	border-width:0px;
	border-color:#000;
	border-style:solid;
	box-shadow:0px 0px 3px #000;
	width: auto;
	margin-left:20px;
	/*min-height:210px; */
	color:White;
	border-radius:20px;
	font-family:"Work Sans","thinfont", "Century Gothic", Arial;
	font-weight: 300;

}
.pageDetails .container-body .section-info .event {
	float:left;
	width: 47%;
	background-color:rgba(69,69,69,0.3);
	margin-top:20px;
	border-width:0px;
	border-color:#555;
	border-style:solid;
	box-shadow:0px 0px 3px #000;
	margin-left:20px;
	/*min-height:210px; */
	color:White;
	border-radius:20px;

}
.carolsActive .container-body .section-info .event {
	background-color:#555;
	border-color:#999;
	box-shadow:0px 0px 5px #000;
}
.container-body .section-info .event h3 {
	padding:10px;
	border-bottom:1px solid #555;
	margin:0px;
}
.container-body .section-info .event .content  {
}
.container-body .section-info .event .content .detail {
	padding:10px;
	padding-left:48px;
	position:relative;
	border-bottom:1px solid #555;
}
.container-body .section-info .event .content .detail:last-child {
	border-bottom:0px;
}
.container-body .section-info .event .content .detail .icon {
	width:26px;
	height:26px;
	position:absolute;
	left:12px;
	top:9px;
	background-size:100% 100%;
}
.event .detail.cal .icon {
	background-image:url('../img2017/icons/calendar32.png');
}
.event .detail.clock .icon {
	background-image:url('../img2019/icons/event.png');
}
.event .detail.link .icon {
	background-image:url('../img2017/icons/link32.png');
}
.event .detail.location .icon {
	background-image:url('../img2019/icons/location.png');
}
.event .detail.attach .icon {
	background-image:url('../img2017/icons/attach32.png');
}
.event .detail.description .icon {
	/*background-image:url('../img2017/icons/paper-32.png'); */
}
.event .detail.facebook .icon {
	background-image:url('../img2017/icons/facebook32.png');
}
.section-main h2 {
	font-size:20px;
	font-weight:bold;
	padding:0px;
	margin:10px 0px;
	margin:0px;
}
.section-main h3 {
	font-size:16px;
	font-weight:300;
	padding:0px;
	margin:10px 0px;
	margin-top:0px;
}
.section-main h4 {
	font-size:18px;
	padding:0px;
	margin:5px 0px;
	margin-top:0px;
}
.section-main p {
	padding:0px;
	margin:10px 0px;
	margin-top:0px;
}
.inlineLogo {
	display:none;
}
img {
	border:0px solid #FFF;
}

a.scrollToLink {
	float:left;
	position:absolute;
	top:0px;
}
.songsArea div.songContainer, .songsArea div.spSection {
	position:relative;
}
.songsArea h2 {
	background-color:#346684;
	color:White;
	padding:3px;
	border-radius:8px;
	margin:0px;
	margin-top:1px;
	font-family:"thinfont", "Century Gothic", Arial;
	background-image:none;
	background-size:100% auto;
	background-size:cover;
	background-position:0px -85px; /*185*/
	text-shadow:0px 0px 0px #000;
	z-index: 100;
}
.isSticky .songsArea h2 {
	position:sticky;
	position:-webkit-sticky;
	top:0px;
}
.songsArea .songListArea, .songsArea .songArea {
	padding-top:10px;
	padding-bottom:10px;
}
.songListArea a {
	width:100%;
	display:block;
}

#contFontSize.font1 {
	font-size:12px;
}
#contFontSize.font2 {
	font-size:16px;
}
#contFontSize.font3 {
	font-size:20px;
}
#contFontSize.font4 {
	font-size:24px;
}
#contFontSize.font5 {
	font-size:28px;
}
.spSection {
  scroll-behavior: smooth;
}
.ctownArea {
	width:100%;
	height:400px;
	position:relative;
	transition-property: height;
	transition-duration:0s;
	-webkit-user-select:none;
}
.spBig .ctownArea {
	height:800px;
}
.ctownArea div.sp {
	height:400px;
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	transition-property:height,opacity;
	transition-duration:0s,1s;
	z-index: 40;
}
.spBig .ctownArea div.sp {
	height:800px;
}
.ctownArea div.ctownOverlay {
	position:absolute;
	left:5px;
	right:5px;
	bottom:5px;
	height:42px !important;
	z-index:50;
}
.ctownArea div.ctownOverlay div.ctownBig {
	height:40px;
	width:40px;
	float:right;
	border-radius:50px;
	background-color:White;
	background-image: url("../img/icons/bigger.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	opacity:0.3;
	margin:0px 5px;
	border:1px solid #bbb;
	cursor:pointer;
}
.spBig .ctownArea div.ctownOverlay div.ctownBig {
	background-image: url("../img/icons/smaller.png");
	background-position: 7px 7px;
	background-size: 26px 26px;
}
.ctownArea div.ctownOverlay div.ctownBig:hover {
	background-color: #eee;
}
.ctownArea div.ctownOverlay div.ctownPause {
	height:40px;
	width:40px;
	float:left;
	border-radius:40px;
	background-color:White;
	opacity:0.3;
	overflow:hidden;
	background-image:url('../img/icons/sponsor-bg.png');
	background-position: -40px 0px;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	border:1px solid #bbb;
	cursor:pointer;
	transition-property: background-position;
	transition-duration: 0s;
	transition-timing-function: linear;
}
.spTick .ctownArea div.ctownOverlay div.ctownPause {
	background-position: 0px 0px;
	transition-duration: 9s;
}
.ctownArea div.ctownOverlay div.ctownPause:hover {
	background-color: #eee;
}
.ctownArea div.ctownOverlay div.ctownPause div.ctownInner {
	height:40px;
	width:40px;
	float:left;
	background-image:url('../img/icons/pause.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}
.spPaused .ctownArea div.ctownOverlay div.ctownPause, .spPaused .ctownArea div.ctownOverlay div.ctownPause div.ctownInner {
  background-image: url("../img/icons/play.png");
}
.ctownArea div.ctownOverlay div.ctownNext {
	height:40px;
	width:40px;
	float:left;
	border-radius:40px;
	background-color:White;
	margin-left: 5px;
	opacity:0.3;
	background-image: url("../img/icons/next.png");
	background-position: 3px 3px;
	background-repeat: no-repeat;
	background-size: 34px 34px;
	border:1px solid #bbb;
	cursor:pointer;
}
.ctownArea div.ctownOverlay div.ctownNext:hover {
	background-color: #eee;
}
.ctownPreload1 {
	background: url('../img/icons/play.png') no-repeat -9999px -9999px;
	width:0px;
	height:0px;
}
.ctownPreload2 {
	background: url('../img/icons/smaller.png') no-repeat -9999px -9999px;
	width:0px;
	height:0px;
}

#section-events {
	width: 53% !important;
	float: none !important;
	margin: 0px auto !important;
}
#section-events .event {
	text-align: left;
}


.carolsActive .controls {
	position:fixed;
	bottom:14px;
	left:14px;
	width:500px;
	display:block;
	background-color:#222;
	color:#fff;
	z-index:10;
	text-align:left;
	background-image:none;
	background-size:100% auto;
	background-size:cover;
	border-radius:20px;
	border:1px solid #999;
	-webkit-user-select:none;
	z-index: 200 !important;
	text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 3px #000;
	font-weight: bold;
}
.controls .cont {
	margin:0px auto;
	max-width:500px;
	z-index: 200;
}
.controls table {
	width: 100%;
	border:0px;
	border-spacing:0px;
	z-index: 200;
}
.controls table td {
	text-align:center;
	padding:0px 5px !important;
	vertical-align:middle;
	height:51px;
	border-left:1px solid #68a;
	cursor:pointer;
	z-index: 200;
	transition-property: background-color;
	transition-duration: 0.2s;
}
.controls table td:hover {
	background-color:rgba(255,255,255,0.1);
}
.controls table td.hashtag {
	cursor:default;
	background-color:transparent !important;
	border-left:0px;
	text-align:center;
	padding:7px 5px !important;
	height:auto;
	min-width:110px;
	font-size: 16px;
	transition-property: background-color,color,text-shadow;
	transition-duration: 0.2s,0.2s,0.2s;
}
.controls table td.hashtagInt {
	cursor:default;
	background-color:#800000 !important;
	border-left:0px;
	text-align:center;
	padding:7px 5px !important;
	height:auto;
	min-width:110px;
	font-size: 16px;
	transition-property: background-color,color,text-shadow;
	transition-duration: 0.2s,0.2s,0.2s;
	color:#800000;
	text-shadow:none;
}
.controls table td.controlsMessage {
	cursor:default;
	background-color:#990000 !important;
	border-left:0px;
	text-align:center;
	padding:7px 5px !important;
	height:auto;
	min-width:110px;
	font-size: 16px;
	transition-property: background-color,color,text-shadow;
	transition-duration: 0.2s,0.2s,0.2s;
}
.controls table td:last-child {
	border-radius:0px 19px 19px 0px;
}
.controls table td:first-child {
	border-radius:19px 0px 0px 19px;
}
.controls table td a {
	display:block;
	width:100%;
	text-decoration:none;
}
.controls table td a:active {

}
.helpClosing .help {
	opacity:0 !important;
}
.help {
	display:none;
	position:fixed;
	top:50px;
	left:0px;
	right:0px;
	bottom:0px;
	width:auto;
	height:auto;
	z-index: 200;
	padding:0px;
	opacity:0;
	transition-property: opacity;
	transition-duration: 0.4s;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
}
.helpPreload {
	background: url('../img/help.gif') no-repeat -9999px -9999px;
	width:0px;
	height:0px;
}
.help div.image {
	background-image:url('../img/help.gif');
	background-size:contain !important;
	background-repeat:no-repeat;
	background-position: center top;
	max-width:500px;
	width:90%;
	position:absolute;
	left:5%;
	right:5%;
	top:0px;
	bottom:60px;
	margin:0px auto;
}
.helpOld {
	display:none;
	position:fixed;
	top:60px;
	left:20px;
	right:20px;
	width:auto;
	height:auto;
	background-color:#333;
	z-index: 200;
	padding:0px;
	border-radius: 10px;
	border:1px solid #777;
	opacity:0;
	transition-property: opacity;
	transition-duration: 0.4s;
	background-color: rgba(51,51,51,0.9);
}
.help p {
	padding:10px;
	padding-bottom:5px;
	margin:0px;
}
.help p:first-child {
	background-color:#555;
	background-color:rgba(130,130,130,0.4);
	border-radius:9px 9px 0px 0px;
}
.help div.button {
	padding-top:15px;
	padding-bottom:25px;
	background-color:none;
	border-top:1px solid #888888;
	border-radius: 0px;
	cursor:pointer;
	margin:0px auto;
	background-image:url('../img/button.png');
	background-size:0% 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	transition-property: background-size;
	transition-duration: 20s;
	transition-timing-function: linear;
	position:absolute;
	left:0%;
	right:0%;
	width:100%;
	bottom:0px;
}




.autoScrollOn .controls .ctrlAutoScroll {
	background-color:#aa0000 !important;
}
.autoScrollOn .controls .ctrlAutoScroll a {
	color:White !important;
}
.carolsOnly {
	display:none;
}
.carolsActive .carolsOnly {
	display:block;
}


.container-footer {
	padding:30px;
	text-align:center;
	width:auto;
	color:#999;
	margin:0px auto;
	margin-top:0px;
	padding-top:20px;
	background-color: rgba(0,0,0,0.5);
	/* box-shadow: 0px -10px 5px 2px rgba(0,0,0,0.5); */
}

.carolsActive .container-footer .footerGap {
	height:40px;
}

#feedbackTable {
	margin:0px auto;
	width:300px;
	margin-bottom:15px;
}
#feedbackTable a {
	display:block;
	width:50px;
	height:50px;
	padding-right:10px;
	background-image:url('../img/star-rating.png');
	background-size:50px 100px;
	background-repeat: no-repeat;
	background-position:5px 0px;
	float:left;
	cursor:pointer;

}
.starsHover1 .feedback-stars.stars1 a {
	background-position:5px -50px !important;
}
.starsHover2 .feedback-stars.stars2 a {
	background-position:5px -50px !important;
}
.starsHover3 .feedback-stars.stars3 a {
	background-position:5px -50px !important;
}
.starsHover4 .feedback-stars.stars4 a {
	background-position:5px -50px !important;
}
.starsHover5 .feedback-stars.stars5 a {
	background-position:5px -50px !important;
}
#feedbackTable.starsActive1 .feedback-stars.stars1 a {
	background-position:5px -50px !important;
}
#feedbackTable.starsActive2 .feedback-stars.stars2 a {
	background-position:5px -50px !important;
}
#feedbackTable.starsActive3 .feedback-stars.stars3 a {
	background-position:5px -50px !important;
}
#feedbackTable.starsActive4 .feedback-stars.stars4 a {
	background-position:5px -50px !important;
}
#feedbackTable.starsActive5 .feedback-stars.stars5 a {
	background-position:5px -50px !important;
}
.feedback-textarea {
	font-size:20px;
	background-color:#555;
	border-radius:10px;
	border:1px solid #999;
	padding:2%;
	color:White;
	font-family:"thinfont","Century Gothic",Arial;
	width:90%;
	height:100px;
	margin:0px auto;
	display:block;
	resize:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.feedback-textarea:focus {
	outline: none;
}
#feedbackSubmit {
	display:block;
	margin:0px auto;
	width:90%;
	padding:2%;
	text-align: center;
	border-radius:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration: none;
	color:White;
	border:1px solid #A3A9FF;
	background-color:#4548FF;
	cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition-property: background-color, border-color;
	transition-duration: 0.2s;
	transition-timing-function: ease;
}
#feedbackSubmit:hover {
	color:White;
	border:1px solid #7777FF;
	background-color:#8495FF;
}
#feedbackSubmit:disabled {
	border:1px solid #8C8C8C;
	background-color:#75768F;
	color:#BFBFBF;
	cursor:default;
}
.feedbackThanks {
	background-color:#336BD1;
	color:white;
	padding:10px;
	border-radius:10px;
	border:1px solid #7777FF;
	width:90%;
	margin:0px auto;

}
form {
	margin:0px;
	padding:0px;
}
#feedbackIframe {
	width:0px;
	height:0px;
	border:0px;
	margin:0px;
	padding:0px;
	display:none;
}
.feedbackOuter {
	display:none;
}
.carolsActive .feedbackOuter {
	display:block;
}
.feedbackSongListItem {
	display:none !important;
}
.carolsActive .feedbackSongListItem {
	display:block !important;
}

.ccbc-logo-small {
	width:200px;
	height:91px;
	background-image:url('../img/ccbc-logo-2019-small-black.png');
	background-repeat: no-repeat;
	background-size:100% 100%;
	display:block;
	margin:20px auto;
	font-size:0px;
}
.ccbc-logo-small-white {
	width:200px;
	height:91px;
	background-image:url('../img/ccbc-logo-2019-small-white.png');
	background-repeat: no-repeat;
	background-size:200px 91px;
	background-position:center center;
	display:block;
	margin:20px auto;
	font-size:0px;
	border-radius:10px;
	padding:5px;
}
.ccbc-logo-small-white:hover {
	background-color:rgba(255,255,255,0.1);

}
.carolsActive .ccbc-logo-small {
	background-image:url('../img/ccbc-logo-2019-small-white.png');
}


@media (max-width: 1000px) {
	.carolsActive .helpActive .help {
		display:block;
	}
	.carolsActive .helpActive.helpShow .help {
		opacity:1;
	}
	.carolsActive .helpActive.helpShow .help div {
		background-size:100% 100%;
	}
	body {
		background-repeat:no-repeat;
		font-family:"AmbleLightCondensed","thinfont", "Century Gothic", Arial;
		font-size:16px;
		background-size:auto 100%;


	}
	.container-body .section-main .theme-content-logo .box {
		display:none;
	}
	.smallOnly {
		/* display:block; */
	}
	body.carolsActive.pageSongs {
		background-color:#1e5168;
	}
	body.carolsActive {
		background-color:#181b37;
	}
	.carolsActive a.scrollToLink {
		top:-52px;
	}
	.carolsActive.pageSongs .phoneGap {
		width:100%;
		height:52px;
		background-image:none;
		background-position:0px -100%;
		background-size:100% auto;
		background-color: #333;
	}
	.carolsActive .controls {
		display:block;
		top:0px;
		left:0px;
		right:0px;
		bottom:auto;
		width:100%;
		display:block;
		color:#fff;
		z-index:10;
		text-align:left;
		background-image:none;
		background-size:100% auto;
		background-size:cover;
		border:0px;
		border-bottom:1px solid black;
		border-radius:0px;
	}
	.carolsActive .controls table td {
		border-radius:0px !important;
	}
	.container-head {
		background-position:0px -0px;
		height:auto;
		background-size:100% auto;
		background-image:none;
		background-position:center center;
		padding-top:10px;
		border-color:#222;
	}
	.container-head .title {
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		height:auto;
		margin:0px 10px;
		text-align: center;
		width: auto;
		float: none;
		padding: 0px;
	}
	.container-head .title .church-logo {
		background-position:top center;
		margin-top:0px;
	}
	.container-head .menu {
		font-size:16px;
		margin-left:3%;
		margin-right:3%;
		margin-top:10px;
		float:none;
		clear:both;
		width:auto;
		max-width:none;
		padding-top:0px;
		padding-bottom:10px;
	}
	.carolsActive .container-head .menu .item {
		width:49%;
	}
	.container-head .menu .item a {
		border-radius:15px;
		margin:0px;
		padding:2px 0px;
		height:40px;
		text-align:center;
		background-position:-200px -200px;
		display:table-cell;
		vertical-align:middle;
		outline:1px solid transparent;
		text-shadow:0px 0px 10px #FFF, 0px 0px 10px #FFF, 0px 0px 10px #FFF, 0px 0px 10px #FFF, 0px 0px 10px #FFF, 0px 0px 10px #FFF;
		background-position:center top !important;
		background-size:100% 200%;
		transition-property:background-position, background-color,border-radius;
		transition-duration:0.3s;
		/*background-image:url('../img2017/menu-bg-small.jpeg'); */
		background-attachment:scroll;
		background-repeat:repeat;
		/* color:Black !important; */
		text-shadow:0px 0px 0px #000;
		margin: 0px 2px !important;
	}
	.container-head .menu .item a.sizeSmall {
		display:table-cell;
	}
	.container-head .menu .item a.sizeBig {
		display:none;
	}
	.container-head .menu .item.active a, .container-head .menu .item a:hover {
		box-shadow:0px 0px 0px #444;
		background-position:center bottom !important;
		/* background-color:#4D9883;
		color:#942f45 !important; */
		text-shadow:0px 0px 0px #000;
		background-size:100% 200%;

	}
	.container-body .section-info {
		float:none;
		width:auto;
		display:none;
	}
	.container-body .section-main.section-info#section-events .event {
		margin-left:10px;
		margin-right:10px;
	}
	.container-body .section-church .boundary .box {
		width:100%;
		margin:0px;
		border-radius:0px;
	}
	.container-body .section-main {
		margin-right:0px;
		padding:10px;
		margin:0px auto;
		max-width:none;
	}
	body.pageDetails .container-body .section-main {
		padding:0px;
	}
	.container-body .section-main.section-info#section-events {
		float:none !important;
		width:auto !important;
		display:block;
		text-align:left;
	}
	.container-body .section-main.section-info h2 {
		text-align:center;
		padding:0px;
	}
	.container-body .section-main .theme-content-logo {
		float:none;
		min-width: 0px;
		max-width:95%;
		transform:none;
		margin:0px auto;
		height:400px;
	}
	.container-body .section-main .theme-content-logo.theme-content-logo-after {
		display:none;
	}
	.container-body .section-main .theme-content-logo.theme-content-logo-before {
		display:block;
	}
	.container-body .section-main .side-main-content {
		float:none;
		margin:0px auto;
		min-width: 0px;
		padding:5px;
		transform:none;
		max-width: none;
		width: auto;
		border-radius: 0px;
		box-shadow:0px -10px 0px 0px rgba(0,0,0,0.5);
		margin-top:10px;
	}
	.touchOnly {
		display:block !important;
	}
	.touchOnlyTableCell {
		display:table-cell !important;
	}
	.touchOnlyInline {
		display:inline !important;
	}
	.touchHide {
		display:none !important;
	}
	.inlineLogo {
		width:60%;
		display:inline;
		max-width:300px;
	}
	.carolsActive .isSticky .songsArea h2 {
		top:53px;
	}
	.ctownArea {
		width:100%;
		height:300px;
	}
	.ctownArea div.sp {
		width:100%;
		height:300px;
		margin:0px;
	}
	.spBig .ctownArea {
		height:500px;
	}
	.spBig .ctownArea div.sp {
		height:500px;
	}
	.container-footer .footerGap {
		height:0px;
	}
}
@media (-webkit-min-device-pixel-ratio:0) {
	@supports (-webkit-backdrop-filter: saturate(180%) blur(20px)) {
		.carolsActive .controls {
			background-color:rgba(0,0,0,0.2);
			background-image:none;
			-webkit-backdrop-filter: saturate(180%) blur(20px);
		}
		.help {
			background-color:rgba(0,0,0,0.2);
			background-image:none;
			-webkit-backdrop-filter: saturate(180%) blur(20px);
		}
	}
}