/* Styles for the template-education.php pages */
.alignright { margin-right:40px; }
/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }
.arve-inner { cursor:pointer; }
/* Basic Page Styles */
#topnav { height:auto; position:fixed; }
hr { background-color:#716d6d; color:#716d6d; height:1px; border:0; width:100%; margin:15px 0 25px 0; display:block; }
header#basic-page-header { display:block; margin:0 auto; width:100%; height:auto; max-width:1920px; min-height:600px; 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%; }
a.donate img { margin-top:20px; float:right; max-width:426px; width:25%; height:auto; margin-right:30px; }
div#basic-content-wrapper { width:100%; max-width:1920px; margin:0 auto; display:block; position:relative; padding:65px 0 200px 0; }
section#basic-main { width:65%; max-width:1248px; display:inline-block; padding:0 20px 0 50px; box-sizing:border-box; float:left; }
div.left-content { width:100%; color:#000 !important; }
img#bluelifelogo { width:476px; height:auto; display:block; margin-bottom:20px; }
div.basic-section { margin:0; padding:25px 0; width:100%; display:block; clear:both; }
div.basic-section.divider { padding:17px 0; border-top:1px solid #848080; }
div.basic-section img { width:100%; height:auto; display:block; }
a { text-decoration:none; transition: all .3s ease-in; }
div.basic-section h2 { font-size:250%; margin-bottom:20px; }
div.basic-section > h3 { font-size:180%; text-transform:uppercase; line-height:130%; padding-top:30px; }
div.basic-section > h4 { font-size:150%; padding-top:15px; }
div.basic-section p { font-size:135%; margin:5px 0; padding:5px 0; line-height:150%; }
div.basic-section ol { list-style:decimal; font-size:135%; margin-bottom:20px; overflow:hidden; padding-left:50px; }
div.basic-section ul { list-style:disc; font-size:135%; margin-bottom:20px; overflow:hidden; padding-left:50px; }
div.basic-section 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; }

/* Education */
/* Color Section */
.bluelifebluebg { background-color:rgba(91,156,212,.8); }
div.basic-section.bluelife-text a, div.basic-section.bluelife-text h2, div.basic-section.bluelife-text h3, div.basic-section.bluelife-text h4 { color:#5a9bd3; }
div.basic-section.bluelifeblue a:hover { color:#0076a3; }
div#sidebar-content div ul#menu-conservation li a:hover { color:#5a9bd3; }
div#sidebar-content div ul#menu-conservation li.current-menu-item a, div#sidebar-content div ul#menu-conservation li.menu-item-6663 a { font-weight:600; color:#5a9bd3; }
a.clickybutton { color:#fff !important; background-color:#5a9bd3; padding:13px 26px; font-size:150%; font-weight:700; border-radius:15px; border-width:2px; border-style:solid; border-color:#5a9bd3; box-sizing:border-box; max-width:100%; display:inline-block; }
a.clickybutton:hover { background-color:#0076a3; cursor:pointer; }

/* Sidebar */

div.conservation-sidebar { width:100%; display:block; max-width:375px; border-top-left-radius:35px; border-width:1px; border-color:#5a9bd3; border-style:solid; float:left; overflow:hidden; margin:20px 0; color:#000; }
div.conservation-sidebar div.conservation-sidebar-header img { width:100%; height:auto; }
div.conservation-sidebar div.conservation-sidebar-content { color:#000; padding:20px; box-sizing:border-box; width:100%; font-size:100%; }
div.conservation-sidebar div.conservation-sidebar-content > h2 { font-size:250%; margin-bottom:20px; }
div.conservation-sidebar div.conservation-sidebar-content > h3 { font-size:180%; text-transform:uppercase; line-height:130%; }
div.conservation-sidebar div.conservation-sidebar-content > h4 { font-size:150%; font-weight:600; }
div.conservation-sidebar div.conservation-sidebar-content a, div.conservation-sidebar div.conservation-sidebar-content h1, div.conservation-sidebar div.conservation-sidebar-content h2, div.conservation-sidebar div.conservation-sidebar-content h3, div.conservation-sidebar div.conservation-sidebar-content h4 { color:#5a9bd3; }
div.conservation-sidebar div.conservation-sidebar-content h1, div.conservation-sidebar div.conservation-sidebar-content h2, div.conservation-sidebar div.conservation-sidebar-content h3 { font-weight:700; padding:10px 0; }
div.conservation-sidebar div.conservation-sidebar-content a:hover { color:#0076a3; }

div.conservation-sidebar div.conservation-sidebar-content img { max-width:100%; height:auto; }
div.conservation-sidebar div.conservation-sidebar-content p { margin:5px 0; padding:5px 0; font-size:125%; line-height:135%; }

ul.faq { padding:5px 0 20px 20px; margin:0; list-style-image: url('images/clipart/arrow.gif') !important; font-size:100% !important; }
ul.faq li.question { color:#5a9bd3; font-size:175%; padding:10px 0 0 0; text-transform:uppercase; }
ul.faq li.question:hover { cursor:pointer; }
ul.faq div.answer { padding:15px 0 20px 15px; }


/* disclaimers */
section#disclaimers { padding:0; 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%; }


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

/** Carousel **/
.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; font-size:100%; }
.jcarousel li { float: left; width: auto; height: 180px; margin: 7px; }
.jcarousel img { width:100%; max-width:180px; height:auto; min-height:180px; }
.jcarousel .loading { text-align: center; line-height: 140px; /* Fake vertical aligning */ }

/** 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; }

@media only screen and (max-width:1500px) {
	.jcarousel-wrapper { width: 582px; }
}
@media only screen and (max-width:1250px) {
	.jcarousel-wrapper { width: 388px; }
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */

}