/*
Theme Name: St Mary's Cofe
Author: Justcode
Description: A Wordpress theme created for St Mary's Cofe
Version: 0.x
*/

/* Webfonts */
@font-face {
    font-family: 'allerbold';
    src: url('assets/fonts/aller_bd-webfont.eot');
    src: url('assets/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/aller_bd-webfont.woff2') format('woff2'),
         url('assets/fonts/aller_bd-webfont.woff') format('woff'),
         url('assets/fonts/aller_bd-webfont.ttf') format('truetype'),
         url('assets/fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerregular';
    src: url('assets/fonts/aller_rg-webfont.eot');
    src: url('assets/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/aller_rg-webfont.woff2') format('woff2'),
         url('assets/fonts/aller_rg-webfont.woff') format('woff'),
         url('assets/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('assets/fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2./* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* StMary's Church of England */

body {
	font:normal 17px/22px "Arial Narrow", Arial, Tahoma, sans-serif;
	background:#ff;
	color:#58595b;
}

#logo {
	float:none;
	margin:0 auto;
	text-align:center;
	padding:13px 0 12px;
	margin-top: 24px;
	margin-bottom:10px;
}

#logo img {
	width:100%;
	height:auto;
/*	max-width:566px; */
	max-width:375px;
}

h1 {
	color:#920003;
	font-weight:bold;
	font-size:43px;
}

header h1 {
	float:left;
	font:normal 54px/normal 'barmbold', sans-serif;
	padding:38px 0 0;
}

#content table {
	display:table;
	max-width:100%;
	table-layout:fixed;
	width:100%;
}

#content table.stackable-table-stacked {
	display:none;
}

@media screen and (max-width:800px) {
	#content table {
		display:none;
	}

	#content table.stackable-table-stacked {
		display:table;
		width:100%;
	}
}

header .mobile-row {
	clear:right;
	overflow:visible;
}

#mobile-hands-logo {
	display:none;
	float:left;
	width:36%;
	margin-top:-7%;
}

#mobile-hands-logo img {
	max-width:100%;
	width:100%;
	height:auto;
}

#mobile-menu-toggle {
	display:none;
	padding:0;
	position:relative;
	cursor: pointer;
}

#mobile-menu-toggle .line {
	width:100%;
	position:absolute;
	height:6px;
	top:0;
	left:0;
	background:#454545;
}

#mobile-menu-toggle .line.line-2 {
	top:12px;
}

#mobile-menu-toggle .line.line-3 {
	top:24px;
}

h2 {
	font-weight:normal;
	margin:0 0 15px;
}

h3 {
	font-weight:bold;
}

p {
	margin:0 0 15px;
}

a {
	color:#000;
	text-decoration:none;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

button {
	border:0;
	overflow:hidden;
	text-indent:-2000px;
	width:100%;
	max-width:48px;
	min-height:30px;
	float:right;
}

#header-contact {
	position:absolute;
	top:13px;
	right:5%;
	text-transform:uppercase;
}

.admin-bar #header-contact {
	top:45px;
}

#navigation-wrapper {
	display:block;
	clear:both;
	/* background:url(img/nav-bg.jpg) center bottom no-repeat transparent; */
	background:#00AEEF;
	background-size:cover;
}

#navigation-wrapper-mobile {
	display:none;
	clear:both;
}

@media screen and (min-width:801px) {
	#navigation-wrapper-mobile { display:none !important; }
}

#navigation-wrapper ul {
	width:100%;
	margin:0 0 3px;
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:center;
}

#navigation-wrapper ul#primary-nav:after {
	content:"";
	clear:both;
	display:block;
}

#navigation-wrapper ul li {
	width:auto;
	margin:0;
	padding:0 10px;
	text-align:center;
	background:transparent;
	min-height:33px;
	height:33px;
	position:relative;
	font-size:14px;
}


#navigation-wrapper ul li ul {
	position:absolute;
	display:none;
	background:#fff;
	left:0;
	top:100%;
	z-index:6000;
	width:220px;
	-webkit-box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.75);
}

#navigation-wrapper nav > ul > li > ul {
	border-top:1px solid #979c9b;
}

#navigation-wrapper ul li:hover ul {
	display:block;
}

#navigation-wrapper ul li:last-child {
	margin-right:0;
}

#primary-nav-mobile .menu-item-6 {
	background:transparent;
}

#navigation-wrapper ul li ul li {
	padding:0 18px;
	background:transparent;
	border-bottom:1px solid #fff;
	float:none;
	width:auto;
	text-align:left;
	font-size:16px;
	line-height:normal;
	height:auto;
	position:relative;
}

#navigation-wrapper ul li a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	line-height:33px;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}

#navigation-wrapper > .not-mobile > ul#primary-nav > li > a {
	white-space:nowrap;
}

#navigation-wrapper ul li ul li a {
	text-transform:none;
	line-height:normal;
	padding:7px 0;
	color:#000;
	text-align:left;
}

#navigation-wrapper ul li:hover ul li ul {
	display:none;
}

#navigation-wrapper ul li:hover ul li:hover > ul {
	display:block;
	position:absolute;
	width:100%;
	right:0;
	top:0;
	margin-left:100%;
}

#main-wrapper #home-slideshow {
	margin:45px auto 25px;
}

.page-template-template-captioned-slideshow #home-slideshow-container,
.page-template-template-captioned-slideshow #home-slideshow {
	width:100%;
	height:auto;
}

#home-slideshow img {
	display:none;
	width:100%;
}

#home-slideshow img.cycle-slide-active {
	display:block;
}

#home-slideshow .video {
	width:100%;
	height:0;
	padding:0 0 45%;
	overflow:hidden;
	position:relative;
}

#home-slideshow .video iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#home-slideshow .caption-slide {
	width:100%;
	height:auto;
	position:relative;
}

#home-slideshow .caption-slide h3 {
	position:absolute;
	left:10px;
	top:10px;
	color:#fff;
	font-size:30px;
	text-shadow:rgb(0, 0, 0) 0px 2px 2px;
	z-index:5002;
}

#home-slideshow .caption-slide .image-container {
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}

#home-slideshow .caption-slide .image-container img {
	max-width:100%;
	max-height:100%;
	height:auto;
	width:100%;
	position:relative;
	display:block;
}

#home-slideshow .caption-slide p {
	position:relative;
	display:block;
	padding:15px 0;
}

#home-slideshow a.prev,
#home-slideshow a.next {
/*
	width:35px;
	height:35px;
	position:absolute;
	top:50%;
	margin-top:-17.5px;
	border-radius:17.5px;
	background:#566c90;
	text-align:center;
	z-index:8002;
	overflow:hidden;
	padding-top:6px;
	box-sizing:border-box;
*/
	display:none;
}

.page-template-template-captioned-slideshow #home-slideshow a.prev,
.page-template-template-captioned-slideshow #home-slideshow a.next {
	width:35px;
	height:35px;
	position:absolute;
	top:50%;
	margin-top:-17.5px;
	border-radius:17.5px;
	background:#566c90;
	text-align:center;
	z-index:8002;
	overflow:hidden;
	padding-top:6px;
	box-sizing:border-box;
	display:block;
}

#home-slideshow a.prev {
	left:30px;
	padding-right:5px;
}

#home-slideshow a.next {
	right:30px;
	padding-left:5px;
}

#home-slideshow a.prev img,
#home-slideshow a.next img {
	display:block !important;
	width:16px !important;
	height:24px !important;
	margin:0 auto;
}

#main-wrapper #home-slideshow .pager {
	text-align:center;
	padding:11px 0 0;
}

#main-wrapper #home-slideshow .pager span {
	text-align:center;
	width:16px;
	height:16px;
	box-sizing:border-box;
	border:2px solid #9fa1a4;
	background:#fff;
	display:inline-block;
	border-radius:8px;
	overflow:hidden;
	text-indent:-2000px;
	cursor:pointer;
	margin:0 10px;
}

#main-wrapper #home-slideshow .pager span.cycle-pager-active {
	background:#cac9c9;
}

#main-wrapper {
	width:100%;
/*
	background: url("img/page_bckg.png") 0px 8px no-repeat, 
				url("img/page_bckg.png") right bottom no-repeat;
*/
	background: url("img/page_bckg.png") 0px 8px no-repeat;
	margin:0 auto;
	background-color:#fff;
}
#main-wrapper {
    width: 100%;
    /* background: url(img/page_bckg.png) 0px 8px no-repeat, url(img/page_bckg.png) right bottom no-repeat; */
    background: url(img/page_bckg.png) 0px 5px no-repeat;
    margin: 0 auto;
    background-color: #fff;
    background-size: 21%;
}

#navigation-wrapper .container,
#main-wrapper > * {
	max-width:1010px;
	margin:0 auto;
}

#main-wrapper > #navigation-wrapper,
#main-wrapper > #navigation-wrapper-mobile {
	max-width:100%;
}

#home-grid {
	overflow:hidden;
	width:1040px;
	margin:0 -15px 0 -15px;
}

#home-grid .home-box {
	box-sizing:border-box;
	color:#fff;
	padding:0;
	margin:15px;
	width:230px;
	min-height:230px;
	overflow:hidden;
	position:relative;
	float:left;
}

.wide-grid-item img,
#home-grid .home-box img {
	z-index:1;
	position:relative;
	width:100%;
	height:auto;
	min-height:230px;
	display:block;
}

.wide-grid-item h3,
#home-grid .home-box h3 {
	background: rgba(40, 137, 72, 0.6);
    min-height: 52px;
	color:#fff;
	text-align:center;
	padding:5px;
	width:100%;
/*	min-height:64px; */
	position:absolute;
	left:0;
	bottom:0;
	z-index:5;
	font:normal 17px/normal 'allerregular',sans-serif;
	box-sizing:border-box;
}

#home-grid .home-box .box_text,
#home-grid .home-box .overlay {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	color:#fff;
	text-align:center;
	z-index:20;
}


#home-grid .home-box .box_text,
#home-grid .home-box a:hover .overlay {
	display:table;
	table-layout:fixed;
	border-collapse:collapse;
	height:230px;
	width:230px;
}

#home-grid .home-box .box_text span,
#home-grid .home-box a:hover .overlay span {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#home-grid .home-box.bgc-orange .box_text,
#home-grid .home-box.overlay-colour-orange .overlay {
	background:#f47921;
}

#home-grid .home-box.bgc-green .box_text,
#home-grid .home-box.overlay-colour-green .overlay {
	background:#4cb848;
}

#home-grid .home-box.bgc-blue .box_text,
#home-grid .home-box.overlay-colour-blue .overlay {
	background:#00aac9;
}

#content .row.height-matched-columns {
	overflow:hidden;
	margin:0 0 24px;
}

#content .row .column.col-container {
	width:48.8461538462%;
	margin:0;
	float:left;
	box-sizing:border-box;
}

#content .row .column.col-container div {
	box-sizing:border-box;
}

#content .row.height-matched-columns .col-container .row {
	margin:0 0 20px;
	min-height:102px;
}

#content .row.height-matched-columns .col-container .row.home-box {
	position:relative;
}

#content .latest-news-box-container {
	max-height:100%;
	overflow:auto;
}

#content .row .col-container .latest-news-item:last-child,
#content .row.height-matched-columns .col-container p:last-child,
#content .row .fullwidth-row p:last-child,
#content .row.height-matched-columns .col-container .row:last-child {
	margin-bottom:0;
}

#content .row .column.col-container:nth-child(even) {
	margin:0 0 0 2.3076923077%;
}

#content .row .col-container .welcome-box-content {
	overflow:hidden;
}

#content .row .col-container .latest-news-item {
	margin:0 0 15px;
}

#content .row .thumbnail-col-right {
	float:right;
	margin:0 0 5px 5px;
}

#content .home-box-tel {
	margin:0 30px 0 0;
}

#content .home-box-email a {
	color:#fff;
	margin:0;
	padding:0;
}

.page-banner-full {
	margin:0 0 40px;
}

.page-banner-full img {
	width:100%;
	display:block;
}

.page-template .container.row,
.page-template-default .container.row {
	overflow:hidden;
	padding:0;
}

.page-template #content #sidebar,
.page-template-default #content #sidebar {
	width:24.7524752475%; /* 250px */
	float:left;
}

.page-template #content #sidebar ul,
.page-template-default #content #sidebar ul {
	padding:0 7px;
	box-sizing:border-box;
}

.page-template #content #sidebar ul li,
.page-template-default #content #sidebar ul li {
	margin:0;
	border-bottom:1px solid #fff;
	line-height:32px;
	color:#fff;
}

.page-template #content #sidebar ul li:last-child,
.page-template-default #content #sidebar ul li:last-child {
	border-bottom:0;
}

.page-template #content #sidebar ul li a,
.page-template-default #content #sidebar ul li a {
	color:#fff;
	font-size:14px;
	padding:0 15px;
}

.page-template #content-area-container,
.page-template-default #content-area-container {
	width:100%;
	float:none;
	box-sizing:border-box;
	padding:45px 20px 0;
	overflow:hidden;
}

.page-template #content-area-container .page-column {
	box-sizing:border-box;
	column-count:2;
	column-gap:30px;
	padding:0;
}

.single #content-area-container {
	padding:20px 0 0 20px;
}

.archive .news-content-container a {
	color:#0194d3;
}

#content-area-container-fullwidth {
	width:100%;
}

#content-area-container-fullwidth h1,
.page-template #content-area-container h1,
.page-template-default #content-area-container h1 {
	font-weight:normal;
	line-height:normal;
	color:#2884C6;
	margin:0 0 15px;
}

.page-template #content-area-container h1.default-title-clear {
	clear:both;
	padding:0;
	margin:0 0 15px;
}

#content-area-container-fullwidth iframe,
.page-template #content-area-container iframe {
	max-width:100%;
}

#whos-who-profiles .profiles-container {
	overflow:hidden;
	margin:0 -1.6216216216% 15px -1.6216216216%;
}

#whos-who-profiles .profiles-container .profile {
	float:left;
	width:22.7722772277%;
	max-width:230px;
	margin:0 1.086005% 34px;
}

#whos-who-profiles .profiles-container .profile .profile-image-container {
	width:100%;
	height:0;
	padding:0 0 100%;
	margin:0 0 10px;
	overflow:hidden;
}

#whos-who-profiles .profiles-container .profile img {
	display:block;
	width:100%;
	height:auto;
}

#whos-who-profiles .profiles-container .profile h4,
#whos-who-profiles .profiles-container .profile h5 {
	line-height:22px;
	text-align:center;
}

.youtube-gallery-container {
	overflow:hidden;
	position:relative;    margin-top: 35px;
}

.youtube-gallery-container .youtube-gallery {
	overflow:hidden;
	margin:0 -0.9900990099% 0 -0.9900990099%;
}

.youtube-gallery-container .youtube-gallery li {
	padding:20px 0;
	float:left;
	margin:0 1.5841584158% 20px;
	color:#fff;
	width:46.8316831684%;
	max-width:484px;
	position:relative;
}

.youtube-gallery-container .youtube-gallery li h3 {
	font:normal 22px/normal "Arial Narrow", Arial, Tahoma, sans-serif;
	font-size:22px;
	line-height:normal;
	margin:0 0 20px;
}

.youtube-gallery-container .youtube-gallery li img {
	width:100%;
	display:block;
	margin:0;
}

.pdf-download-list {
	overflow:hidden;
	padding:10px 0;
}

.pdf-download-list li {
	padding:0;
	min-height:32px;
	margin:0 0 10px;
}

.pdf-download-list li a {
	display:block;
	width:100%;
	height:100%;
	color:#253f8e;
	padding:15px 15px 15px 42px;
	background:url(img/icon-download-arrow.png) 15px center no-repeat transparent;
	font-weight:normal;
}

/* Revertable pdf list overrides */
.pdf-download-list { padding:0; }
.pdf-download-list li.green-box {
	min-height:0px;
	margin:0 0 15px;
	background:transparent;
}
.pdf-download-list li a {
	display:inline;
	width:auto;
	height:auto;
	color:inherit;
	padding:0;
	background:transparent;
}

#content-area-container a,
.pdf-download-list li a {
	color:#253f8e;
}

#content-area-container .image-gallery {
	text-align:center;
}

#content-area-container .image-gallery a.gallery-image {
	display:inline-block;
	margin:0 10px 20px;
}

footer {
	padding:40px 0 15px;
}

.footer-logos {
	display:block;
	margin:0 auto;
	max-width:100%;
}

#footer-logos {
	overflow:hidden;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
	margin:0 auto;
	width:68%;
}

#footer-logos li {
	text-align:center;
/*	margin:0 10px 20px; */
	margin:0 0 10px;
}

#footer-logos li a,
#footer-logos li img {
	display:inline;
}

#footer-logos li img {
	width:66%;
	height:auto;
}

#footer-nav-copyright-column {
	display:block;
	clear:both;
	padding:0 10px 10px;
	text-align:center;
}

#footer-nav-copyright-column ul {
	text-align:center;
	display:block;
	max-width:100%;
}

#footer-nav-copyright-column ul li {
	display:inline-block;
	border-left:1px solid #63779a;
	margin:0;
	line-height:12px;
	text-align:center;
}

#footer-nav-copyright-column ul li:first-child {
	border-left:0;
}

#footer-nav-copyright-column ul li a {
	color:#6c6d70;
	font-size:12px;
	padding:0 8px;
	display:inline-block;
	text-align:center;
}

footer .social-icon {
	display:block;
	margin:15px auto;
	text-align:center;
	float:none;
	max-width:27px;
}

footer .footer-business {
	color:#6c6d70;
	font-size:12px;
	display:block;
	text-align:center;
}

#content-area-container img {
	max-width:100%;
	height:auto;
}

#content-area-container #tribe-bar-form .tribe-bar-submit input[type=submit],
#content-area-container .tribe-events-calendar thead th {
	background:#696563;
}

#content-area-container #tribe-events-content a {
	color:#21759b;
}

#content-area-container #tribe-events-content a.tribe-events-button {
	color:#fff;
}

#content-area-container h1 {
	margin:30px 0 15px;
	line-height:normal;
}

#content-area-container .news-post-container {
	padding:15px 25px;
}

#content-area-container .news-post-container h3 {
	font-size:30px;
	font-weight:normal;
	line-height:normal;
}

#content-area-container .news-post-container:nth-child(odd) {
	background:#c6eafa;
}

#content-area-container .news-post-container a,
#content-area-container .news-post-container h3 a,
#content-area-container .news-post-container {
	color:#75756c;
}
.mobile_header_bg{
display:none;
background:url(img/mobile_bg.jpg);
height: 40px;
background-repeat: no-repeat;
background-size: cover;
}
.contact_det p span {display: block;}
span.phn_det {margin-top: 15px;}
.contact_det p span a{color: #58595b !important;}
 .page-template-default #content-area-container h2{color: #2884C6;}
h2.who_tle_sub {color: #2884C6;margin-bottom: 28px;}
#whos-who-profiles .profiles-container .profile h4, #whos-who-profiles .profiles-container .profile h5{color: #000;}


/* 16-12-2017 */
.ssc_choose p {text-align: center;font-size: 25px;font-weight: bold; color: #C4C3C3;margin-bottom: 50px;}
.ssc_schools {float: left;width: 100%;}
.ssc_left {float: left;width: 40%;}
.ssc_right {float: right; width: 40%;}
#content-area-container .ssc_logo img {max-height: 150px;}
/*body.page-template-template-nursery-page-php #main-wrapper{background: url(img/page_bckg.png) -75px -215px no-repeat, url(img/page_bckg.png) right 955px no-repeat;} */
body.page-template-template-nursery-page-php #main-wrapper{background: url(img/page_bckg.png) -75px -215px no-repeat; }
.ssc_logo {margin-bottom: 25px;}
.home_slider{margin: 45px auto;}	
body.page-template.page-template-template-whoswho-page #main-wrapper,body.page-template.page-template-template-contact-page #main-wrapper
,body.page-template-template-page-nocols-php #main-wrapper
{background: url(img/page_bckg.png) -257px -82px no-repeat;}
#navigation-wrapper ul li ul:after{
	content:"";
	width:5px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: #00AEEF;
}
#logo img{
	/* width: 580px; */
	width:600px;
	max-width:100%;
}

#home-grid li.home-box.home-box-purple h3 {
    background: #94278fc7;
}
#home-grid li.home-box.home-box-purple .overlay {
    background: #94278f;
}
#home-grid li.home-box.home-box-purple .box_text{
    background: #94278f;
}
li.home-box.home-box-orange .box_text {
    background: #f47921;
}
li.home-box.home-box-blue .box_text {
    background: #00aac9;
}
#home-grid  li.home-box.home-box-blue h3 {
    background: #00aac9c7;
}
#navigation-wrapper ul li ul li a{transition:all .4s;}
#navigation-wrapper ul li ul li:hover a {
    color: #00AEEF;
}
.amazingslider-text-wrapper {
    height: 100% !important;
}
body .slider_tilte {
    position: absolute;
    top: 0;
    font-size: 18px;font:normal 17px/22px "Arial Narrow", Arial, Tahoma, sans-serif;
}
body .slider_description {
    position: absolute;font:normal 17px/22px "Arial Narrow", Arial, Tahoma, sans-serif;
    bottom: 0;
}
body .amazingslider-text-nonebg {
    background: transparent;
}
.page_content_day {
    margin-bottom: 50px;
}
.page_content_day  .amazingslider-wrapper {
    padding-bottom: 50px;
}
.page_content_day  .amazingslider-wrapper  .slider_description{color:#000;bottom:-25px;left: 0;}
.page_content_day  .amazingslider-wrapper  .slider_tilte{top:15px;font-size:22px;font-weight: bold;}
body .home_slider .slider_tilte{top:auto;bottom:0px;}
/* 11-01-2018 */
/* 11-05-2018 */
.wide-grid-item h3, #home-grid .home-box h3{background: transparent !important;}
#home-grid .home-box h3 span{background: #f7941e;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -9;opacity: 0.6;}
.page-template-template-tiger-room h2, .page-template-template-bunny-room h2,  .page-template-template-panda-room h2{
	text-align: left;
    margin-bottom: 20px;
    font-size: 22px;
    text-transform: capitalize;
    font-family: 'allerregular';
    color: #499759;
	text-decoration:none;
}
.page-template-template-tiger-room h2 strong u, .page-template-template-bunny-room h2 strong  u,  .page-template-template-panda-room h2 strong u{
text-decoration:none;
}

/* 11-05-2018 */

@media screen and (max-width:1070px) {
	#home-grid {
		width:100%;
		margin:0 auto;
	}

	#main-wrapper #home-slideshow-container {
		padding:0 20px;
	}
}

@media screen and (max-width:1050px) {
	#content-area-container {
		padding:0 20px;
	}
}

@media screen and (max-width:1039px) {
	.youtube-box-type iframe,
	.featured-box-type img {
		max-width:100%;
		margin:0 auto;
		display:block;
	}

	#home-grid {
		width:780px;
	}
	
	.ssc_left{width:45%;}
	.ssc_right{width:45%;}
	
	#navigation-wrapper ul li {
		font-size:12px;
		padding:0 6px;
	}
	
}

@media screen and (max-width:860px) {
	header h1 {
		width:60%;
		padding-top:0;
	}

	.page-template #content-area-container,
	.page-template-default #content-area-container {
		width:100%;
		margin:0 auto;
		padding-top:20px;
	}

	.page-template #content #sidebar,
	.page-template-default #content #sidebar {
		display:none;
	}
}


@media screen and (max-width:800px) {
	#logo {
		padding:30px 20px 12px;
		box-sizing:border-box;
/*		width:70%; */
		width:64%;
		float:left;
		padding-top:10px;
		margin-top:0;
	}

	#header-contact {
		display:none;
	}

	#home-grid {
		width:520px;
	}

	#mobile-hands-logo {
		display:block;
	}

	#mobile-menu-toggle {
		display:block;
		max-width:50px;
		float:right;
		margin:45px 30px 0 0;
		/* margin:65px 30px 0 0; */
/*		background:#fff; */
		background:transparent;
	}

	#navigation-wrapper nav {
		display:none;
	}

	#navigation-wrapper-mobile {
		width:100%;
		margin:0 0 30px;
		color:#5e5f61;
		padding:5px 20px;
		text-align:left;
		box-sizing:border-box;
		font-size:16px;
/*		background: #fff; */
		background:transparent;
	}

	button#navigation-wrapper-mobile:focus,
	button#navigation-wrapper-mobile {
		outline:none;
	}

	#navigation-wrapper-mobile nav > ul > li {
		border-bottom:1px solid #5e5f61;
		position:relative;
		line-height:24px;
	}

	#navigation-wrapper-mobile nav > ul > li a {
		font-weight:bold;
		font-size:17px;
		display:block;
		position:relative;
		z-index:5;
	}

	#navigation-wrapper-mobile nav > ul > li.menu-item-has-children:after {
		/* background:url(img/mobile-menu-icon1.png) center center no-repeat #03843b; */
		/* background:url(img/mobile-menu-icon1.png) center center no-repeat #00AEEF; */
		background:#00AEEF;		
		box-sizing:cover;
		width:24px;
		height:24px;
		position:absolute;
		right:0;
		top:0;
		display:block;
		content:"";
		z-index:1;
		overflow:hidden;
	}
	#navigation-wrapper-mobile nav > ul > li.menu-item-has-children:before{
		content: "";
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #fff;
		position: absolute;
		right: 11px;
		top: 8px;
		z-index: 9;
	}
	#navigation-wrapper-mobile nav > ul > li.menu-item-has-children.active:before{
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#navigation-wrapper-mobile nav > ul > li.menu-item-has-children.active:after {
		-ms-transform: rotate(90deg);
    	-webkit-transform: rotate(90deg);
    	transform: rotate(90deg);
	}

	#navigation-wrapper-mobile nav > ul > li ul {
		display:none;
		font-size:14px;
		padding:0 20px;
	}

	#navigation-wrapper-mobile nav > ul > li > ul {
		border-top:1px solid #5e5f61;
	}

	#navigation-wrapper-mobile nav > ul > li ul li a {
		font-weight:normal;
	}
	.mobile_header_bg{
		display:block;background: #4db848;
	}
/*
	#main-wrapper { 
		background:url(img/page_bckg.png) 0px 570px no-repeat, 
					url(img/page_bckg.png) right bottom no-repeat;
	}
*/
/*
	#main-wrapper { 
		background:url(img/page_bckg.png) 0px 570px no-repeat;
	}
	body.page-template.page-template-template-whoswho-page #main-wrapper,
	body.page-template.page-template-template-contact-page #main-wrapper,
	body.page-template-template-page-nocols-php #main-wrapper {
		background: url(img/page_bckg.png) 525px -125px no-repeat; 
		background-size: 400px;
	}
*/
	#main-wrapper {
		background:transparent;
	}	

	
	
}

@media screen and (max-width:740px) {
	#content {
		clear:both;
	}

	.home #content {
		clear:none;
	}

	header h1 {
		width:66.666666666%;
		font-size:27px;
		padding:15px 0 0;
	}

	#home-slideshow {
		margin-bottom:5px;
	}

	#navigation-wrapper-mobile {
		margin:0 0 10px;
	}

	#content .row.height-matched-columns,
	#content .row .column.col-container {
		width:100%;
		float:none;
		height:auto !important;
		margin:0 0 8px;
	}

	#content .htmlcontent-box-type {
		height:auto !important;
	}

	#content .row .column.col-container:nth-child(even) {
		margin-left:0;
	}

	#content .row.height-matched-columns .col-container .row {
		margin:0 0 8px;
	}

	.youtube-gallery-container .youtube-gallery li {
		padding:20px;
		width:100%;
		box-sizing:border-box;
		margin:0 auto 20px;
		float:none;
	}
	#footer-logos{width:100%;}
	.ssc_left{width:100%;}
	.ssc_right{width:100%;}
	
	
	
	
}

@media screen and (max-width:570px) {
	#footer-nav-copyright-column ul li {
		border:0;
		display:block;
		padding:5px 10px;
	}

	#main-wrapper #home-slideshow .pager span {
		width:16px;
		height:16px;
		border-radius:8px;
		margin:0 5px;
	}
	#whos-who-profiles .profiles-container .profile{width: 31%;}
	#logo img{max-width: 100%;}
	#mobile-menu-toggle{margin: 30px 30px 0 0;}
	
}

@media screen and (max-width:520px) {
	#home-grid {
		width:260px;
	}

	.page-template #content-area-container .page-column {
		float:none;
		width:100%;
		column-count:1;
		column-gap:0;
	}
}

@media screen and (max-width:480px) {
	.home_slider {margin: 15px auto 45px;}
	#main-wrapper {
/*
		background:url(img/page_bckg.png) 183px -49px no-repeat, 
					url(img/page_bckg.png) 229px bottom no-repeat;
		background-size: 230px;
*/
/*		background:url(img/page_bckg.png) 183px -49px no-repeat; 
		background-size: 230px;
*/

/*
		background:url(img/page_bckg.png) 93% 45px no-repeat; 
		background-size: 155px;
*/
		background:transparent;
	}
/*
	.home #main-wrapper {
		background: url(img/page_bckg.png) -80px 250px no-repeat, url(img/page_bckg.png) 95px 82% no-repeat;
		background-size: contain;
	}
*/
	body.page-template.page-template-template-whoswho-page #main-wrapper,body.page-template.page-template-template-contact-page #main-wrapper
	,body.page-template-template-page-nocols-php #main-wrapper
	{
/*
		background: url(img/page_bckg.png) 211px -28px no-repeat;
		background-size: 219px;
*/
		background:transparent;
	}
	#whos-who-profiles .profiles-container .profile{width: 47.8%;}
	#whos-who-profiles .profiles-container .profile h4{font-size: 15px;}
/*	#logo img{max-width: 220px;} */
	#mobile-menu-toggle { margin: 18px 10px 0 0; max-width: 40px;}
	#mobile-menu-toggle .line{height: 4px;top: 10px;}
	#mobile-menu-toggle .line.line-2 {top: 17px;}
	#mobile-menu-toggle .line.line-3 {top: 24px;}
	body.page-template.page-template-template-nursery-page #main-wrapper {background: transparent;}
	
	
	
	
	
}
@media screen and (max-width:410px) {
	header h1 {
		font-size:21px;
	}

	#home-slideshow a.prev {
		left:10px;
	}

	#home-slideshow a.next {
		right:10px;
	}

	#content .row .thumbnail-col-right {
		float:none;
		text-align:center;
		margin:0 auto 10px;
	}

	/* #mobile-menu-toggle {
		margin:34px 30px 0 0;
	} */
}

.page-id-3485 #content-area-container .page-column{
	column-count:1;
	text-align:center;
}
.page-id-3485 #content-area-container h1.default-title-clear{
	text-align:center;
}

.gal_title {
    text-align: left;
    margin-bottom: 20px;
    font-size: 22px;
    text-transform: capitalize;
    font-family: 'allerregular';
    color: #499759;
} 
.page_gallery{
	text-align:left!important;
    display: inline-block;
    margin: 0 4px 20px;
}
.page_gallery a.gallery-image {
    display: inline-block;
	width:22.6%;	
    margin: 0 1% 20px!important;
}
.page_gallery a.gallery-image img{
/* 	width:100%; */
}
#content table td {
    padding: 10px;
}
#content table { 
    table-layout: inherit;
	width:auto;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {   
	/*font-family: 'allerregular';*/
	 background-color: transparent;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(1) {
    background-color: #090b2b!important;
    color: #ffffff;
    font-size: 20px;
	font-family: 'allerregular';
}
.wp-block-table.is-style-stripes tbody tr {
    background-color: transparent;
    border: 1px solid #a69a9a;
    color: #000000;
	/*font-family: 'allerregular';*/
}


@media only screen and (max-width: 992px) {	
.page_gallery a.gallery-image {    
    width: 22.4%;
}
#main-wrapper{
  background-size: 19%;	
}
	
}



@media only screen and (max-width: 800px) {	
#content table{
	display:block;
}
#content table.stackable-table-stacked{
	display:none;
}	

}

@media only screen and (max-width: 767px) {	
.page_gallery a.gallery-image {
    width: 30.7%;
}
}

@media only screen and (max-width: 480px) {	
.page_gallery a.gallery-image {
    width: 100%;
	margin:0!important;
	text-align:center;
}

.gal_title{
    text-align: center;   
} 

}