/* CSS Document */
#sp-header {height:200px}
#sp-header #sp-logo .sp-column {background: rgba(255,255,255,0.3); padding: 10px 20px;}
#sp-header .logo {height:80px; }
#sp-header .logo a {font-size: 1.7em; text-transform: uppercase; text-shadow: 1px 1px 1px #000; font-weight: bold; }
#sp-header .logo-slogan {color: #333; font-size: 1.1em; line-height:1.1em; font-weight:bold; }
#sp-menu {margin-top:20px}
#sp-menu .sp-module._menu { display: none;}

.sp-megamenu-parent {margin:0 30px 0 0}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height:20px; font-size:16px; color:#fff}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size:1.2em; font-weight:bold}
.sp-megamenu-parent > li.active > .sp-dropdown {/*display:block; opacity:0.8*/}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding:10px 20px 10px}
.sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size:1.4rem !important; font-weight:400 !important}

#offcanvas-toggler {line-height:2rem; font-size:2rem;}
#offcanvas-toggler > .fa {color:#fff}
.close-offcanvas { width: 2rem;  height: 2rem;  line-height: 1.8rem;  font-size: 1.3rem;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li { border-bottom: 1px solid #eee;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:last-child {border-bottom:none}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {font-size:1.5rem}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {font-size:1.3rem}

.breadcrumb {background:none; margin-bottom:0}
#sp-breadcrumb a {text-decoration:underline}
.breadcrumb-item + .breadcrumb-item::before {color:#fff}
.breadcrumb-item.active {color:#fff}

#sp-main-body {padding:30px 0}
#sp-sidebar h3.sp-module-title, #sp-sidebar ul.menu_resources li.menu-divider span {text-transform:uppercase; font-size:1.6em; color:#fff; padding: 10px;  margin:0 0 0px 0; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow:1px 1px 0 #666; width:100%; display:inline-block;

	background: #944C23; /*Old browser*/
    background: -moz-linear-gradient(top, #D6A489 0%, #BA8A71 50%,#a57256 50%,#944C23 100% ); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D6A489), color-stop(50%,#BA8A71), color-stop(0%,#a57256), color-stop(100%,#944C23)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D6A489 0%, #BA8A71 50%,#a57256 50%,#944C23 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D6A489 0%, #BA8A71 50%,#a57256 50%,#944C23 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #D6A489 0%, #BA8A71 50%,#a57256 50%,#944C23 100%); /* IE10+ */
    background: linear-gradient(top, #D6A489 0%, #BA8A71 50%,#a57256 50%,#944C23 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a57256', endColorstr='#944C23', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}

.sp-megamenu-parent > li {padding: 7px 0 5px; }
.sp-megamenu-parent > li.active {background:#fff}
#sp-sidebar ul.menu_resources, #sp-sidebar ul.menu {padding:0; margin-bottom:5px;}
#sp-sidebar ul.menu_resources li, #sp-sidebar ul.menu li {list-style:none}
#sp-sidebar ul.menu_resources li a, #sp-sidebar ul.menu li a {text-decoration:none; color:#333; display:inline-block; font-family:'Yanone Kaffeesatz', sans-serif;  font-size:1.3em; line-height:19px; text-transform:none; margin:2px 0 2px; padding:5px 0 5px 10px; border-left:2px solid #944c23; width:100%; }
#sp-sidebar ul.menu li.active a {border-left:none}
/* HOME - SERVICES */

.custom_homeservices ul {padding:0; margin:0;}
.custom_homeservices ul li {list-style:none; display:block; font-size:14px; text-transform:uppercase; text-align:center;  float:left; margin:5px 0}
.custom_homeservices ul li:last-child {margin-right:0;}
.custom_homeservices ul li:hover {background:#ccc;}
.custom_homeservices ul li:hover > a {color:#000;}
.custom_homeservices ul li img { padding:0px; margin:5px auto;}
.custom_homeservices ul li a {text-decoration:none;}

.rl_tabs.top > ul.nav-tabs > li > a {font-family:'Yanone Kaffeesatz', sans-serif; font-size:1.2em; color:#944C23}
.rl_tabs.top > ul.nav-tabs > li > a.active {color:#000}
.rl_tabs.top > ul.nav-tabs > li.active a, .rl_tabs.top > ul.nav-tabs > li.active a:hover {border-bottom:1px solid #ddd}
.rl_tabs.outline_handles ul.nav-tabs > li a.active.show {border-bottom-color:transparent}
.rl_tabs.outline_content > .tab-content {border:none; padding: 20px 0}
.rl_tabs.outline_content > .tab-content .col-md-6 {float:left;}
.rl_tabs.outline_content img {padding: 2px; margin: 0px 0 10px; box-shadow: 0 2px 5px #BBBBBB; -moz-box-shadow: 0 2px 5px #BBBBBB; -webkit-box-shadow: 0 2px 5px #BBBBBB;}
.rl_tabs.outline_content span.float_l img {margin: 10px 20px 30px 0 !important}


.article-details .article-header h1, .article-details .article-header h2 {font-size:3rem; font-weight:bold}
.article-details h3 {margin:30px 0 10px}
.article-details img {padding: 2px; margin: 0 0 10px; box-shadow: 0 2px 5px #BBBBBB; -moz-box-shadow: 0 2px 5px #BBBBBB; -webkit-box-shadow: 0 2px 5px #BBBBBB;}
.article-details p {text-align:justify}
.article-details .float_l {margin:0 20px 30px 0}
figure {margin:20px 30px 30px 0}
figcaption, .imgcaption { display: block; font-size: 0.8em; font-style: italic; font-family: "Courier New", Courier, monospace; font-weight: normal;
    text-align: center;   margin: 5px 0px 30px; }
.easyfolderlisting  img {box-shadow:none; display:inline-block; margin:5px}
.easyfolderlisting > tbody tr > th, .easyfolderlisting > tbody tr > td:nth-child(2), .easyfolderlisting > tbody tr > td:nth-child(3) {text-align:center}

.btn-success {float:right}
.btn a {color:#fff; font-weight: bold}


/*@-moz-document url-prefix() {*/
	.tree {margin:0 15%}
	#content .tree h1 { font-size:12px; line-height:13px; margin:0 0 2px 0; color: #09F; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
	.tree ul {
		padding: 10px 0 0 0; margin:0; position: relative;
		
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
	}
	
	.tree li {
		float: left; text-align: center;
		list-style-type: none;
		position: relative;
		padding: 25px 2px 10px 2px;
		
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
	}
	
	/*We will use ::before and ::after to draw the connectors*/
	
	.tree li::before, .tree li::after{
		content: '';
		position: absolute; top: 12px; right: 50%;
		border-top: 1px solid #ccc;
		width: 50%; height: 23px;
	}
	.tree li::after{
		right: auto; left: 50%;
		border-left: 1px solid #ccc;
	}
	
	/*We need to remove left-right connectors from elements without 
	any siblings*/
	.tree li:only-child::after, .tree li:only-child::before {
		display: none;
	}
	
	/*Remove space from the top of single children*/
	.tree li:only-child{ padding-top: 0;}
	
	/*Remove left connector from first child and 
	right connector from last child*/
	.tree li:first-child::before, .tree li:last-child::after, .tree ul ul ul:last-child{
		border: 0 none;
	}
	/*Adding back the vertical connector to the last nodes*/
	.tree li:last-child::before{
		border-right: 1px solid #ccc;
		border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0;
		-moz-border-radius: 0 5px 0 0;
		/*border-left:1px solid red;*/
	}
	
	.tree li:first-child::after{
		border-radius: 5px 0 0 0;
		-webkit-border-radius: 5px 0 0 0;
		-moz-border-radius: 5px 0 0 0;
	}
	
	/*Time to add downward connectors from parents*/
	.tree ul ul::before{
		content: '';
		position: absolute; top: 0px; left: 50%;
		border-left: 1px solid #ccc;
		width: 0; height: 22px;
	}
	
	.tree li a{
		border: 2px solid #ccc;
		padding: 4px 6px; margin:11px 3px 0;
		text-decoration: none; font-weight:bold;
		color: #333; background:#C7EA8E;
		font-family: 'Noto Sans','sans-serif';
		font-size: 12px; line-height:12px;
		display: inline-block;
		
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
	}
	.tree li a b{ clear:both; display:block; margin:5px 0; font-weight:normal; font-size: 12px; line-height:12px;}
	
	/*Time for some hover effects*/
	/*We will apply the hover effect the the lineage of the element also*/
	.tree li a:hover, .tree li a:hover+ul li a {
		background: #c8e4f8; color: #000; border: 2px solid #94a0b4;
	}
	/*Connector styles on hover*/
	.tree li a:hover+ul li::after, 
	.tree li a:hover+ul li::before, 
	.tree li a:hover+ul::before, 
	.tree li a:hover+ul ul::before{
		border-color:  #94a0b4;
	}

/*} end of @-moz-document-->

/*MEMBER NOMINATION*/
div#fox-container-c115 .fox-form select, div#fox-container-c115 .fox-form textarea, div#fox-container-c115 .fox-form input[type="text"], div#fox-container-c115 .fox-form input[type="email"] {width: 350px; max-width: 100%;}

/*MINOR DONATION & SUPPORT POLICY*/
.donation h2 {font-size:2em}

/*BOOKING REQUEST FORM*/
div#fox-container-c118 .fox-form select, div#fox-container-c118 .fox-form textarea, div#fox-container-c118 .fox-form input[type="text"], div#fox-container-c118 .fox-form input[type="email"] {width: 350px; max-width: 100%;}

/*MOTEL*/
.article-details.motel .col img {margin:0 auto 30px}


/*OTHER SERVICES*/
.table { margin:0px auto 30px; clear:both; width:100%; /*background:#f5f5f5;*/ padding:6px;}
.table thead {    color: #333;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0px 0;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    background:#c7ea8e;
    background: -moz-linear-gradient(top,  #c7ea8e 0%, #89a856 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7ea8e), color-stop(100%,#89a856)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c7ea8e 0%,#89a856 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c7ea8e 0%,#89a856 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c7ea8e 0%,#89a856 100%); /* IE10+ */
    background: linear-gradient(top,  #c7ea8e 0%,#89a856 100%); /* W3C */
    transition: all 0.5s ease-in-out; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.table thead th {vertical-align:middle; border-top:none}
.table td {  padding:10px 0px; margin:0; text-align:center; font-size:14px; line-height:19px; 
    background:#f5f4f3;
    background: -moz-linear-gradient(top,  #fff 0%, #f5f4f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f4f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%,#f5f4f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%,#f5f4f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%,#f5f4f36 100%); /* IE10+ */
    background: linear-gradient(top, #fff 0%,#f5f4f3 100%); /* W3C */
    transition: all 0.5s ease-in-out; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
  
  }


/*CONTACT*/
.contact h3 {display:none}
.contact .contact-miscinfo {background:#FFFEE8; border:3px solid #edebbb; padding:5px 20px; margin-bottom:30px;}
.contact .contact-miscinfo dl { margin:0; padding:0;}
.contact .contact-miscinfo .dl-horizontal dd {margin-left:0; margin-bottom:1px}
.contact .contact-miscinfo h4 {font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow:none; margin:10px 0; font-size:26px; line-height:30px; color:#444; padding:0;  border-bottom:1px solid #edebbb;}
.contact .contact-miscinfo p {margin:0;}

dd {margin-bottom:0}
.dl-horizontal dt .jicons-icons {float:left; display:block; margin-right:20px; padding:5px}
.contact-address > dd:nth-child(3) {margin-left:45px}

dl.contact-address {float:left; width:50%}
dl.map {float:right; padding:3px; }
dl.map iframe {box-shadow: 3px 3px 5px #ccc; -moz-box-shadow: 3px 3px 5px #ccc; -webkit-box-shadow: 3px 3px 5px #ccc; max-width:100%; padding:3px}
.contact-form {clear:both}


/*FOOTER*/
#sp-footer {text-align:center; padding: 0 0 10px;  }
#sp-footer ul.menu li a {text-transform:uppercase}
#sp-footer ul ul {display:none}


/*TABLET - PORTRAIT*/
@media (min-width:576px) and (max-width:1023px){
	#sp-header #sp-logo {margin: 20px 0 10px}
	#sp-header .logo {height:auto; }
	#sp-header .logo a {font-size:1.8em} 
	#offcanvas-toggler {height:auto; font-size:2.5em}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a {font-size:1.8em}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a span {font-size:1.5em}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {font-size:1.5em}
	.close-offcanvas {    width: 40px; height: 40px; line-height: 34px;     font-size: 1.5em;}
	#sp-sidebar {display:none !important}
	.rl_tabs.top > ul.nav-tabs > li > a {font-size:1.1em}
}

/*TABLET - LANDSCAPE*/
@media (min-width:1024px) and (max-width:1199px){
	#sp-header .logo {height:auto; margin-bottom:10px}
	#sp-header .logo a {font-size:1.5em}
	#sp-header .logo-slogan {font-size:1em}
	#offcanvas-toggler {height:auto; font-size:2.5em}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a {font-size:1.8em}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a span {font-size:1.5em}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {font-size:1.5em}
	.close-offcanvas {    width: 40px; height: 40px; line-height: 34px;     font-size: 1.5em;}
	.tree {margin:0}
	.rl_tabs.top > ul.nav-tabs > li > a {font-size:0.9em}
	dl.contact-address {width:48%}
}

/*MOBILE - LANDSCAPE, PORTRAIT*/
@media (max-width:575px){
	#sp-header {height:150px}
	#sp-header #sp-logo .sp-column {padding:10px; margin-top:10px}
	#sp-header .logo {height:auto; margin-bottom:0px}
	#sp-header .logo a {font-size:1.3em} 
	#sp-header .logo-slogan {font-size:0.9em; line-height:0.9em}
	#offcanvas-toggler {height:auto; font-size:2rem;}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a {font-size:1.6em}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a span {font-size:1.4em}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {font-size:1.4em}
	.close-offcanvas {    width: 40px; height: 40px; line-height: 34px;     font-size: 1.5em;}
	.breadcrumb { font-size: 0.8rem;}
	#sp-breadcrumb a { font-size: 0.8rem;}
	h1 {font-size:2rem !important; line-height:2rem !important}
	h2 {font-size:2rem !important; line-height:2rem !important}
	.article-details h3 {margin:10px 0}
	h4 {font-size:1rem !important; line-height:1rem !important}
	p {text-align:justify}
	figcaption, .imgcaption {font-size:0.8rem; line-height:1rem}
	.article-details.the-corporate > div:nth-child(3) > figure {margin-bottom:0px !important}
	.article-details.the-corporate .float_l {margin:0}
	.article-details.the-corporate > div:nth-child(3) > p:nth-child(8) > span > img {width:50% !important}
	
	.btn {margin:5px; width:100%}
	.btn-success {float:none}
	.rl_tabs>ul.nav-tabs>li {width:100%}
	.rl_tabs>ul.nav-tabs>li a {border-radius:0; margin:2px 0}
	.rl_tabs.top > ul.nav-tabs > li.active a, .rl_tabs.top > ul.nav-tabs > li.active a:hover { background: #9b5d39; color: #fff;}
	.contact {padding:0 20px}
	.contact .contact-miscinfo h4 {font-size:1.5rem; line-height:1.5rem}
	dl.contact-address {width:100%}
	dl.map {float:none; box-shadow: none}
	dl.map iframe {max-width:100%}
	.form-group { margin-bottom: 0.5rem; }
	#sp-footer {padding:0 30px 10px}
	#sp-footer ul.menu li { margin: 5px 0; width: 100%; padding: 5px; background: #98542d; }
}

@media (max-width:320px){
	.custom_homeservices ul li {max-width:100%}
}