/* Styles for the template-support.php pages */
.alignright { margin-right:40px; }
/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }
.arve-inner { cursor:pointer; }

/* ProtectorBox Table */
.protectorbox {
    clear: both;
    padding-top: 30px;
}
.protectorbox h3 {
    border: 2px solid black;
	font-weight: 700;
    font-size: 150%;
    display: inline;
    line-height: 1em;
    position: relative;
    top: -12px;
    border-bottom-color: #fff;
    padding: 8px 15px;
}
.protectorbox h3:before {
    position: absolute;
    left: -2px;
    border-left: 2px solid black;
    top: 0;
    height: 100px;
    z-index: 2;
    display: block;
    content: '';
}

/* Basic Page Styles */
hr { background-color:#716d6d; color:#716d6d; height:1px; border:0; width:100%; }
header#basic-page-header { display:block; margin:0 auto; width:100%; height:auto; min-height:130px; max-width:1920px; max-height:970px; position:relative; overflow:hidden; }
header#basic-page-header > img { width:100%; height:auto; position:relative; z-index:-1; }
#basic-page-header-category { position:absolute; bottom:17.5%; left:50px; z-index:2; display:table; width:888px; height:400px; }
#basic-page-header-category h1 { font-size:600%; text-transform:uppercase; display:table-cell; text-shadow:0 0 10px #000000; letter-spacing:10px; vertical-align:bottom; }
#basic-title { position:absolute; bottom:0; padding-left:50px; box-sizing:border-box; font-size:250%; text-transform:uppercase; z-index:2; height:92px; line-height:92px; vertical-align:middle; width:100%; }
div#basic-content-wrapper { width:100%; max-width:1920px; margin:0 auto; display:block; position:relative; padding:65px 0 100px 0; }
div#basic-title a.button { margin-top:11px; float:right; width:378px; height:69px; margin-right:30px; background-position:0 0; background-repeat:no-repeat; }
div#basic-title a.button:hover { background-position:-378px 0; }
a.button.join { background-image:url('images/buttons/membership-join-now.png'); }
section#basic-main { width:65%; max-width:1248px; display:inline-block; padding:0 20px 0 50px; box-sizing:border-box; float:left; }
section#basic-main.wide { width:100%; max-width:100%; }
div.left-content { width:100%; color:#000 !important; }
div.basic-section { margin:0; padding:17px 0; width:100%; display:block; clear:both; }
div.basic-section.divider { padding:17px 0; border-top:1px solid #848080; }
div.basic-section img { max-width:100%; height:auto; display:block; }
div.basic-section a { text-decoration:none; }
div.basic-section h2, section.zoomission h2 { font-size:250%; margin-bottom:20px; }
div.basic-section h3, section.zoomission h3 { font-size:180%; text-transform:uppercase; }
div.basic-section h4, section.zoomission h4 { font-size:150%; }
div.basic-section p, section.zoomission p { font-size:135%; margin:5px 0; padding:5px 0; line-height:150%; display:block; }
div.basic-section ol, section.zoomission ol { list-style:decimal; margin-bottom:20px; overflow:hidden; padding-left:50px; }
div.basic-section ul, section.zoomission ul { list-style:disc; margin-bottom:20px; overflow:hidden; padding-left:50px; }
div.basic-section > ul, div.basic-section > ol { font-size:135%; }
div.basic-section li, section.zoomission li { padding:5px 0; line-height:125%; list-style-position:outside; }
section#basic-sidebar { width:35%; max-width:672px; display:inline-block; padding:0 30px; box-sizing:border-box; float:left; }
div.sidebar-content div ul li { line-height:26px; margin:12px 0; }
div.sidebar-content div ul li a { padding:4px 0; margin:0; font-size:180%; text-decoration:none; color:#000; text-transform:uppercase; }

/* Support */
/* Color Section */
.support-bg { background-color:rgba(234,148,44,.8); }
div.basic-section.support-text h2, div.basic-section.support-text a, div.basic-section.support-text h3, div.basic-section.support-text h4 { color:#ea942c; }
div.sidebar-content div ul#menu-support li a:hover, div.sidebar-content div ul#menu-support li a:hover { color:#ea942c; }
div.sidebar-content div ul#menu-support li.current-menu-item a, div.sidebar-content div ul#menu-support li.current-menu-item a { font-weight:600; color:#ea942c; }
div.basic-section.event-list { padding-bottom:100px; }

/* Expandable Sections */
div.expandable-section { margin-bottom:15px; }
h2.section-title { text-transform: uppercase; color: #000 !important; font-weight: 600; font-size: 2em !important; }
div.expander { padding: 15px 40px; font-size: 1.5em; font-weight: 600; color:#fff; box-sizing:border-box; position:relative; line-height:1em; background-color:#ea942c; }
div.expander:hover { cursor:pointer; }
span.toggler { position:absolute; left:20px; font-size:.75em; }
div.expanded { padding: 0 20px; box-sizing:border-box; }
.banner { width:100%; display:block; }
.banner img { max-width:100%; height:auto; }

/* Sidebar */

div.support-sidebar { width:100%; display:block; max-width:375px; border-top-left-radius:35px; border-width:1px; border-color:#ea942c; border-style:solid; float:left; overflow:hidden; margin:20px 0; color:#000; }
div.support-sidebar div.support-sidebar-header img { width:100%; height:auto; }
div.support-sidebar div.support-sidebar-content { color:#000; padding:20px; box-sizing:border-box; width:100%; font-size:100%; }
div.support-sidebar div.support-sidebar-content:after { display:block; clear:both; content:""; }
div.support-sidebar div.support-sidebar-content > h2 { font-size:250%; margin-bottom:20px; }
div.support-sidebar div.support-sidebar-content > h3 { font-size:180%; line-height:100%; }
div.support-sidebar div.support-sidebar-content > h4 { font-size:150%; font-weight:600; }
div.support-sidebar div.support-sidebar-content a, div.support-sidebar div.support-sidebar-content h1, div.support-sidebar div.support-sidebar-content h2, div.support-sidebar div.support-sidebar-content h3, div.support-sidebar div.support-sidebar-content h4 { color:#ea942c; }
div.support-sidebar div.support-sidebar-content h1, div.support-sidebar div.support-sidebar-content h2, div.support-sidebar div.support-sidebar-content h3 { font-weight:700; padding:10px 0; line-height:1.15em; }
div.support-sidebar div.support-sidebar-content a:hover { color:#ea942c; }

div.support-sidebar div.support-sidebar-content img { max-width:100%; height:auto; }
div.support-sidebar div.support-sidebar-content p { margin:5px 0; padding:5px 0; font-size:125%; line-height:135%; }
div.support-sidebar div.support-sidebar-content p span.input-field input, div.support-sidebar div.support-sidebar-content p span.input-field select { width:100%; }
.wdm-nocapt-recapt { clear:both; padding:15px 0 0 0; }
div.support-sidebar div.support-sidebar-content div.wpcf7 { padding-top:20px; }
div.support-sidebar div.support-sidebar-content input { margin:6px 0; padding:4px 10px; height:30px; width:100%;  }
div.support-sidebar div.support-sidebar-content select { margin:6px 0; height:30px; padding:10px 10px; }
div.support-sidebar div.support-sidebar-content input:focus, div.support-sidebar div.support-sidebar-content select:focus { outline:none; box-shadow: 0 0 3px #3DA3FF; }
div.support-sidebar div.support-sidebar-content input[type=text]:hover, div.support-sidebar div.support-sidebar-content input[type=tel]:hover, div.support-sidebar div.support-sidebar-content input[type=email]:hover, div.support-sidebar div.support-sidebar-content textarea:hover, div.support-sidebar div.support-sidebar-content select:hover { background-color:#b0e2de; }
div.support-sidebar div.support-sidebar-content textarea, div.support-sidebar div.support-sidebar-content input, div.support-sidebar div.support-sidebar-content select { border-width:1px; border-color:#ea942c; border-style:solid; background-color:#fff; border-radius: 7px; box-sizing:border-box; font-size:.8em; }
div.support-sidebar div.support-sidebar-content input[type=submit] { text-transform:uppercase; width:100px; background-color:#ea942c; color:#fff; transition:all ease .5s; }
div.support-sidebar div.support-sidebar-content input[type=submit]:hover { background-color:#f26700; cursor:pointer; }

/* Sponsor Logos */
.sponsor-logos { padding-bottom:30px; text-align:center; }
.basic-section.sponsor-logos img { width:197px; height:auto; margin: 15px; display:inline-block; }
.basic-section.sponsor-logos { border-bottom:1px solid #bdbdbd; }

/* disclaimers */
section#disclaimers { overflow:hidden; display:block; position:relative; margin:45px auto; padding:20px 50px 50px 50px; box-sizing:border-box; color:#716d6d; max-width:1920px; }
section#disclaimers h3 { font-size:135%; margin-top:30px; font-weight:600; }
section#disclaimers ul { list-style:disc; padding-left:30px; padding-top:15px; }
section#disclaimers ul li, section#disclaimers p { font-size:115%; line-height:115%; }

/* Zoo Protectors Table */
    .tablepress-id-4 { display:block; text-align:justify; border:2px solid #000; padding:15px 15PX; font-weight:400;}
	.tablepress-id-4 tr { display:inline; }
	.tablepress-id-4 td { display:inline; padding:0px; line-height:1.3; }
	.tablepress-id-4 td:before { content: ' '; }
	.tablepress-id-4 td:after { content: '\00A0\2022'; }
	.tablepress-id-4 tr:last-of-type td:after { content: ''; }
.tablepress-id-4  tbody td, .tablepress-id-4 tfoot th{
	border-top: none!important;
}

/* jcarousel styles */
.jcarousel-wrapper { margin: 20px auto; position: relative; width: 80%; }
.jcarousel-wrapper p { font-size:120%; margin-bottom:20px; font-weight:400; line-height:1.1; }

/** Carousel **/
.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { float: left; width: 286px; height: auto; margin: 7px; }
.jcarousel li a { display:block; max-height:202px; overflow:hidden; }
.jcarousel img { width:286px; height:202px; object-fit:cover; object-position:50% 25%; }
.jcarousel .loading { text-align: center; line-height: 90px; /* Fake vertical aligning */ }
.jcarousel ul:after { display:block; content:''; clear:both; }

/** Carousel Controls **/
.jcarousel-control-prev,.jcarousel-control-next { position: absolute; top: 125px; width: 30px; height: 30px; text-align: center; background: #4E443C; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; }
.jcarousel-control-prev { left: -50px; } 
.jcarousel-control-next { right: -50px; }
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; }

/* Descriptions */
div.description { width:100%; padding:15px 5px; box-sizing:border-box; white-space:normal; position:relative; }
div.description p.description { color:#000; padding-top:15px; }

@media only screen and (max-width:1700px) {
	.jcarousel-wrapper { width:628px; height:auto; }
}
@media only screen and (max-width:1280px) {
	.jcarousel-wrapper { width:314px; }
}
@media only screen and (max-width:1024px) {
	section#basic-main { width:60%; }
	section#basic-sidebar {width:40%; text-transform:uppercase; }	
}
@media only screen and (max-width:768px) {
  /* For general iPad layouts */
	header#basic-page-header > img { display:block; }
	#basic-page-header-category { display:none; }
	#basic-title { height:62px; line-height:62px;  position:relative; }
	div#basic-content-wrapper { padding-top:25px; }
	section#basic-main { width:100%; padding:0 20px 0 20px; }
	section#basic-sidebar {width:100%; max-width:400px; padding:0 20px 0 20px; }
	.jcarousel-control-prev { left: -35px; } 
	.jcarousel-control-next { right: -35px; }
	.jcarousel-wrapper { width:508px; }
	.jcarousel li { width:240px; height:162px; }
	.jcarousel img { width:100%; height:auto; min-height:162px; }
	.jcarousel-control-prev,.jcarousel-control-next { top: 80px; }
}
@media only screen and (max-width:415px) {
	.jcarousel-wrapper { width:254px; margin-left:10px; }
}