/*
Theme Name: Pout Pout Fish
Author: David Taylor Design
Theme URI: https://www.davidtaylordesign.com
Description: Pout Pout Fish
Version: 1.4
*/
@font-face {
	font-family: "Spumoni";
	src: url("fonts/spumoni-webfont.woff") format("woff"),
		 url("fonts/Spumoni.otf") format("opentype")
}
/* Reset */
* {box-sizing:border-box;outline:none;}
p {margin:0 0 14px 0;padding:0;line-height:1.5rem;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
input, select, textarea, input:focus, select:focus, textarea:focus {outline:none;}
html, body {display:flex;min-height:100vh;flex-direction:column;position:relative;z-index:1;}
main {flex:1;width:100%;}
/* Global */
body {font-family:'Open Sans', sans-serif;font-size:16px;line-height:18px;color:#000;overflow:hidden;overflow-y:auto;width:100%;}
a, a:active {color:#000;text-decoration:none;transition:color 0.2s, background-color 0.2s;}
a:hover {color:#F78F22;transition:color 0.2s, background-color 0.2s;}
.alignnone {max-width:100%;height:auto;}

/* ------------------------------------------ */
/* --------------- [ LAYOUT ] --------------- */
/* ------------------------------------------ */

/* Layout */
.w-max, .w-full {margin:0 auto;overflow:hidden;}
.w-max, .w-full, .w-0, .w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10 , .w-11 , .w-12 , .w-13 , .w-14 , .w-15 , .w-16 , .w-17 , .w-18 , .w-19 , .w-20 , .w-21 , .w-22 , .w-23 , .w-24 , .w-25 , .w-26 , .w-27 , .w-28 , .w-29 , .w-30 , .w-31 , .w-32 , .w-33 , .w-34 , .w-35 , .w-36 , .w-37 , .w-38 , .w-39 , .w-40 , .w-41 , .w-42 , .w-43 , .w-44 , .w-45 , .w-46 , .w-47 , .w-48 , .w-49 , .w-50 , .w-51 , .w-52 , .w-53 , .w-54 , .w-55 , .w-56 , .w-57 , .w-58 , .w-59 , .w-60 , .w-61 , .w-62 , .w-63 , .w-64 , .w-65 , .w-66 , .w-67 , .w-68 , .w-69 , .w-70 , .w-71 , .w-72 , .w-73 , .w-74 , .w-75 , .w-76 , .w-77 , .w-78 , .w-79 , .w-80 , .w-81 , .w-82 , .w-83 , .w-84 , .w-85 , .w-86 , .w-87 , .w-88 , .w-89 , .w-90 , .w-91 , .w-92 , .w-93 , .w-94 , .w-95 , .w-96 , .w-97 , .w-98 , .w-99 , .w-100{box-sizing:border-box;}
.w-max {width:100%;}.w-full {width:100%;max-width:1200px;}
.w-0 {display:none;}.w-1 {width:1%;}.w-2 {width:2%;}.w-3 {width:3%;}.w-4 {width:4%;}.w-5 {width:5%;}.w-6 {width:6%;} .w-7 {width:7%;}.w-8 {width:8%;}.w-9 {width:9%;}.w-10 {width:10%;}.w-11 {width:11%;}.w-12 {width:12%;}.w-13 {width:13%;}.w-14 {width:14%;}.w-15 {width:15%;}.w-16 {width:16%;}.w-17 {width:17%;}.w-18 {width:18%;}.w-19 {width:19%;}.w-20 {width:20%;}.w-21 {width:21%;}.w-22 {width:22%;}.w-23 {width:23%;}.w-24 {width:24%;}.w-25 {width:25%;}.w-26 {width:26%;}.w-27 {width:27%;}.w-28 {width:28%;}.w-29 {width:29%;}.w-30 {width:30%;}.w-31 {width:31%;}.w-32 {width:32%;}.w-33 {width:33.3333333%;}.w-34 {width:34%;}.w-35 {width:35%;}.w-36 {width:36%;}.w-37 {width:37%;}.w-38 {width:38%;}.w-39 {width:39%;}.w-40 {width:40%;}.w-41 {width:41%;}.w-42 {width:42%;}.w-43 {width:43%;}.w-44 {width:44%;}.w-45 {width:45%;}.w-46 {width:46%;}.w-47 {width:47%;}.w-48 {width:48%;}.w-49 {width:49%;}.w-50 {width:50%;}.w-51 {width:51%;}.w-52 {width:52%;}.w-53 {width:53%;}.w-54 {width:54%;}.w-55 {width:55%;}.w-56 {width:56%;}.w-57 {width:57%;}.w-58 {width:58%;}.w-59 {width:59%;}.w-60 {width:60%;}.w-61 {width:61%;}.w-62 {width:62%;}.w-63 {width:63%;}.w-64 {width:64%;}.w-65 {width:65%;}.w-66 {width:66.6666666%;}.w-67 {width:67%;}.w-68 {width:68%;}.w-69 {width:69%;}.w-70 {width:70%;}.w-71 {width:71%;}.w-72 {width:72%;}.w-73 {width:73%;}.w-74 {width:74%;}.w-75 {width:75%;}.w-76 {width:76%;}.w-77 {width:77%;}.w-78 {width:78%;}.w-79 {width:79%;}.w-80 {width:80%;}.w-81 {width:81%;}.w-82 {width:82%;}.w-83 {width:83%;}.w-84 {width:84%;}.w-85 {width:85%;}.w-86 {width:86%;}.w-87 {width:87%;}.w-88 {width:88%;}.w-89 {width:89%;}.w-90 {width:90%;}.w-91 {width:91%;}.w-92 {width:92%;}.w-93 {width:93%;}.w-94 {width:94%;}.w-95 {width:95%;}.w-96 {width:96%;}.w-97 {width:97%;}.w-98 {width:98%;}.w-99 {width:99.999999999%;}.w-100 {width:100%;}

/* Columns */
.container {position:relative;}
.outer-col {position:relative;font-size:0;vertical-align:top;}
.col {font-size:16px;vertical-align:top;}

/* Two Column */
.w-half:nth-of-type(2n+1) {margin-right:1%;margin-left:0;width:49%;}
.w-half:nth-of-type(2n+2) {margin-left:1%;margin-right:0%;width:49%;}

/* Three Column */
.w-thirds:nth-of-type(3n+1) {margin-right:1%;margin-left:0;width:32%;}
.w-thirds:nth-of-type(3n+2) {margin-left:1%;margin-right:1%;width:32%;}
.w-thirds:nth-of-type(3n+3) {margin-left:1%;margin-right:0;width:32%;}

/* Four Column */
.w-quarters:nth-of-type(4n+1) {margin-right:1%;margin-left:0;width:23.5%;}
.w-quarters:nth-of-type(4n+2) {margin-left:1%;margin-right:1%;width:23.5%;}
.w-quarters:nth-of-type(4n+3) {margin-left:1%;margin-right:1%;width:23.5%;}
.w-quarters:nth-of-type(4n+4) {margin-left:1%;margin-right:0;width:23.5%;}

/* Five Column */
.w-fifths:nth-of-type(5n+1) {margin-right:1%;margin-left:0;width:18.4%;}
.w-fifths:nth-of-type(5n+2) {margin-left:1%;margin-right:1%;width:18.4%;}
.w-fifths:nth-of-type(5n+3) {margin-left:1%;margin-right:1%;width:18.4%;}
.w-fifths:nth-of-type(5n+4) {margin-left:1%;margin-right:1%;width:18.4%;}
.w-fifths:nth-of-type(5n+5) {margin-left:1%;margin-right:0;width:18.4%;}

/* Buckets with Extra Spacing */
.w-bucket:nth-of-type(4n+1) {margin-right:2%;margin-left:0;width:22%;}
.w-bucket:nth-of-type(4n+2) {margin-left:2%;margin-right:2%;width:22%;}
.w-bucket:nth-of-type(4n+3) {margin-left:2%;margin-right:2%;width:22%;}
.w-bucket:nth-of-type(4n+4) {margin-left:2%;margin-right:0;width:22%;}

/* CSS Columns */
.w-two-col {column-count:2;column-gap:50px;}
.w-three-col {column-count:3;column-gap:50px;}
.w-four-col {column-count:4;column-gap:50px;}
.w-five-col {column-count:5;column-gap:50px;}
.w-six-col {column-count:6;column-gap:50px;}

/* Divider */
.divider {height:1px;width:100%;background-color:#ccc;margin:1.5em 0;}
.border-t {border-top:1px solid #ccc;}
.border-b {border-bottom:1px solid #ccc;}
.border-r {border-right:1px solid #ccc;}
.border-l {border-left:1px solid #ccc;}
.spacerWrapper {margin:1.75rem 0;}

/* Layout Padding/Margin */
.w-pad-dtb {padding-top:4em;padding-bottom:4em;}
.w-pad-dlr {padding-left:4em;padding-right:4em;}
.w-pad-dtop {padding-top:4em;}
.w-pad-dbottom {padding-bottom:4em;}
.w-pad-dleft {padding-left:4em;}
.w-pad-dright {padding-right:4em;}
.w-pad-tb {padding-top:2em;padding-bottom:2em;}
.w-pad-lr {padding-left:2em;padding-right:2em;}
.w-pad-top {padding-top:2em;}
.w-pad-bottom {padding-bottom:2em;}
.w-pad-left {padding-left:2em;}
.w-pad-right {padding-right:2em;}
.w-pad-htb {padding-top:1em;padding-bottom:1em;}
.w-pad-hlr {padding-left:1em;padding-right:1em;}
.w-pad-htop {padding-top:1em;}
.w-pad-hbottom {padding-bottom:1em;}
.w-pad-hleft {padding-left:1em;}
.w-pad-hright {padding-right:1em;}
.w-margin-dtb {margin-top:4em;margin-bottom:4em;}
.w-margin-dlr {margin-left:4em;margin-right:4em;}
.w-margin-dtop {margin-top:4em;}
.w-margin-dbottom {margin-bottom:4em;}
.w-margin-dleft {margin-left:4em;}
.w-margin-dright {margin-right:4em;}
.w-margin-tb {margin-top:2em;margin-bottom:2em;}
.w-margin-lr {margin-left:2em;margin-right:2em;}
.w-margin-top {margin-top:2em;}
.w-margin-bottom {margin-bottom:2em;}
.w-margin-left {margin-left:2em;}
.w-margin-right {margin-right:2em;}
.w-margin-htb {margin-top:1em;margin-bottom:1em;}
.w-margin-hlr {margin-left:1em;margin-right:1em;}
.w-margin-htop {margin-top:1em;}
.w-margin-hbottom {margin-bottom:1em;}
.w-margin-hleft {margin-left:1em;}
.w-margin-hright {margin-right:1em;}
.gutter-dtb {margin-top:32px;margin-bottom:32px;}
.gutter-dlr {margin-left:32px;margin-right:32px;}
.gutter-dtop {margin-top:32px;}
.gutter-dleft {margin-left:32px;}
.gutter-dright {margin-right:32px;}
.gutter-dbottom {margin-bottom:32px;}
.gutter-tb {margin-top:16px;margin-bottom:16px;}
.gutter-lr {margin-left:16px;margin-right:16px;}
.gutter-top {margin-top:16px;}
.gutter-left {margin-left:16px;}
.gutter-right {margin-right:16px;}
.gutter-bottom {margin-bottom:16px;}
.gutter-htb {margin-top:8px;margin-bottom:8px;}
.gutter-hlr {margin-left:8px;margin-right:8px;}
.gutter-htop {margin-top:8px;}
.gutter-hleft {margin-left:8px;}
.gutter-hright {margin-right:8px;}
.gutter-hbottom {margin-bottom:8px;}
.m-auto {margin-left:auto;margin-right:auto;}

/* Layout Align */
.table {display:table;}
.table-cell {display:table-cell;table-layout:fixed;}
.v-top {vertical-align:top;}
.v-mid, .v-align {vertical-align:middle;}
.v-bot {vertical-align:bottom;}
.left-wrap, .left {float:left;}
.right-wrap, .right {float:right;}
.left-wrap, .right-wrap {width:48%;}
.left-wrap {clear:both;}
.collapse, .inline {display:inline-block;}
.block {display:block;}
.t-left {text-align:left;}
.t-right {text-align:right;}
.t-center {text-align:center;}
.aligncenter {float:none;clear:both;margin-left:auto;margin-right:auto;}
.alignright {float:right;margin:0 0 1em 1em;}
.alignleft {float:left;margin:0 1em 1em 0;}

.white, .white a {color:#fff!important;}

/* Text */
.text {}
.desc {}
.white {color:#fff;}

/* ------------------------------------------ */
/* ------------- [ STRUCTURE ] -------------- */
/* ------------------------------------------ */

/* ----- [ HEADER ] ----- */
header {position:fixed;z-index:10000;width:100%;background-color:rgba(78, 82, 141, .85);border-bottom:5px solid #F06D25;}
header .w-full {display:flex;align-items:center;justify-content:space-between;}

/* ----- [ LOGO ] ----- */
#logo img {-webkit-filter: invert(100%) grayscale(100%) brightness(100%) contrast(10);filter: invert(100%) grayscale(100%) brightness(100%) contrast(10);}

/* ----- [ NAV ] ----- */
header nav ul {list-style:none;margin:0;padding:0;text-align:center;}
header nav ul li {display:inline-block;position:relative;}
header nav ul li a {display:block;color:#fff;padding:2em 0.5em;font-weight:bold;}
header nav>ul>li:last-of-type {padding-right:0;}
header nav>ul>li:not(:last-of-type)>a:after {content:'';border-right:2px solid #F06D25;height:100%;position:relative;right:-0.5em;}
header nav ul li.current-menu-item>a, header nav ul li.current-menu-parent>a, header nav>ul>li>a:hover {color:#F06D25;}
header nav ul li#menu-item-479>a {color:#fff;}

header nav ul li:hover ul {display:block;}
header nav ul ul {display:none;position:absolute;background-color:rgba(78, 82, 141, .85);border-top:5px solid #F06D25;padding:0 .5em;left:50%;min-width:15em;z-index:5000;-webkit-transform:translateX(-50%);}
header nav ul ul li {float:none;display:block;}
header nav ul ul li a {margin:0;height:auto;line-height:1.1em;padding:.5em 0;}

/* ----- [ SOCIAL ] ----- */
#social .media {background-color:#F06D25;color:#fff;border-radius:50%;padding:5px 7px;}

/* ----- [ MOBILE ] ----- */
#mobile-toggle {position:absolute;top:15px;right:10px;z-index:9999;cursor:pointer;width:45px;height:24px;}
#mobile-toggle .line {height:4px;background:#fff;width:45px;border-radius:6px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#mobile-toggle .second {margin:6px 0;}

#mobile-toggle.active .line {position:absolute;top:10px;left:0;-webkit-transition:all 0.2s;transition:all 0.2s;}
#mobile-toggle.active .line.first {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobile-toggle.active .line.second {display:none;}
#mobile-toggle.active .line.third {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/* ----- [ FOOTER ] ----- */
footer.shadow {z-index:3;}
footer nav ul {list-style:none;margin:0;padding:0;text-align:center;}
footer nav ul li {display:inline-block;position:relative;}
footer nav ul li a {display:block;color:#000;padding-right:1em;text-transform:uppercase;}
footer nav ul li:last-of-type {padding-right:0;}
footer nav ul li:not(:last-of-type) a:after {content:'';border-right:1px solid;height:100%;margin-left:1em;}
footer nav ul li a:hover {color:#666;}

footer nav ul li:hover ul {display:block;}
footer nav ul ul {display:none;position:absolute;background:#fff;padding:0 .5em;z-index:5000;}
footer nav ul ul li {float:none;display:block;}
footer nav ul ul li a {margin:0;height:auto;line-height:1.1em;padding:.5em 0;}

.logos img {height:75px;display:inline-block;width:auto;}

#copyright {background-color:#F06D25;text-transform:uppercase;}
#copyright a {color:#fff;}


/* ------------------------------------------ */
/* -------------- [ GENERAL ] --------------- */
/* ------------------------------------------ */
.content {z-index:6;}
.cover {padding: 2em;background-color: #F2C44F;border-radius: 50%;}
.cover img {border-radius:5px;box-shadow:0 0 15px #666;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s all;transition:.3s all;}
.cover img.animated {opacity:1;}
.cover:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);}
.gradient {z-index:4;width:100%;height:100%;}
.headline {color:#F2C44F;font-size:1.75rem;line-height:1.2;}
.more-info {width:100%;max-width:45em;margin:auto;}
.round {border-radius:50%}
.shadow {box-shadow:0 0 15px #666;}

.animated.superslow {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

.backandforth {
  -webkit-animation-name: backandforth;
  animation-name: backandforth;
}

.blink {
  -webkit-animation-name: blinking;
  animation-name: blinking;
}
@-webkit-keyframes blinking {
    0%{z-index:4999;opacity:0;}
    45%{opacity:0;}
    50%{z-index:5001;opacity:1;}
    55%{opacity:0;}
    100%{z-index:4999;opacity:0;}
}
 
@keyframes blinking {
    0%{z-index:4999;opacity:0;}
    45%{opacity:0;}
    50%{z-index:5001;opacity:1;}
    55%{opacity:0;}
    100%{z-index:4999;opacity:0;}
}
.db-bubble {cursor:pointer;display:inline-block;position:absolute;z-index: 50000;}
.page-id-2 .db-bubble {transition:all 50s linear;}
.tax-book-category .db-bubble {transition:all 35s linear;}
.page-id-9 .db-bubble, .page-id-11 .db-bubble {transition:all 25s linear;}
.float {
	-webkit-animation-name: float;
	animation-name: float;
}
@keyframes float {
	50% {
		transform: translateY(-70px);
	}
}


section.shadow {z-index:2;}
section .section-title {font-size:4rem;font-family:'Spumoni';color:#595da0;text-shadow:0 2px #F06D25;}
section .section-title.white {color:#fff;text-shadow:0 2px #000;}

/* ------------------------------------------ */
/* -------------- [ HOMEPAGE ] -------------- */
/* ------------------------------------------ */


/* ------------------------------------------ */
/* --------------- [ INPUT ] ---------------- */
/* ------------------------------------------ */
.validation_error {font-size:14px;margin:0 0 1em 0;}
.gform_wrapper {}
.gform_wrapper ul {list-style:none;margin:0;padding:0;}
.gform_wrapper ul li.gfield {margin:0 0 1em 0;}
.gform_wrapper ul li.gfield_html {margin:0;}
.gform_wrapper ul li.gfield input, .gform_wrapper ul li.gfield select, .gform_wrapper ul li.gfield textarea {margin:0;padding:8px;border:1px solid #ccc;border-radius:8px;}
.instruction.validation_message, .gfield_description.validation_message {background:#ccc;color:#fff;font-size:12px;padding:5px;}


/* ----- [ HEADINGS ] ----- */
h1,h2,h3,h4,h5,h6 {font-family:'Open Sans', sans-serif;line-height:1em;}
h1 {}
h2 {}
h3 {color:#595da0;}
.event h3 {margin:0.6em 0;}
h4 {}
h5 {}
h6 {}

/* ----- [ BUTTONS ] ----- */
.gform_footer input, 
a.button, .button {display:inline-block;border:0 none;padding:1em 2em;text-transform:uppercase;color:#fff;cursor:pointer;font-weight:bold;border-radius:5px;}

a.button.primary, .button.primary {background:#F06D25;}
a.button.primary:hover, .button.primary:hover {background:#d0530e;}

.gform_footer input {background:#F06D25;}
.gform_footer input:hover {background:#d0530e;}

/* ----- [ OVERRIDES ] ----- */
.ani,.ani:hover {transition:all 0.4s;}
.a,.a:hover {transition:color 0.4s, background-color 0.4s;}
.bg {background-size:cover;background-position:center;background-repeat:no-repeat;}
.bgTop {background-position: top center;}
.bgContain {background-size:contain;}
.bgRepeat {background-repeat:repeat;}
.lt {background-position:left top;}
.lc {background-position:left center;}
.lb {background-position:left bottom;}
.rt {background-position:right top;}
.rc {background-position:right center;}
.rb {background-position:right bottom;}
.ct {background-position:center top;}
.cc {background-position:center;}
.cb {background-position:center bottom;}
.hide {display:none;}
.clear {clear:both;}
.rel {position:relative;}
.abs {position:absolute;}
.o-visible {overflow:visible}
.o-hidden {overflow:hidden;}
.mobile-only, .small-only {display:none;}
.tablet-only {display:none;}
.desktop-only, .large-only {display:block;}
.m-img {max-width:100%;height:auto;}
.mm-img {min-width:100%;width:100%;max-width:100%;height:auto;}

#books .book .title {max-width: 15em;font-size: 1.25rem;line-height: 1.35;height: 2.7em;overflow: hidden;margin:1em auto;}
#books.book-page{background-image:url('../../uploads/2018/12/noise.jpg');}
#creators .gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d3a9+0,e5a400+100 */
background: rgb(216,211,169); /* Old browsers */
background: -moz-linear-gradient(top, rgba(216,211,169,0.5) 0%, rgba(229,164,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(216,211,169,0.5) 0%,rgba(229,164,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(216,211,169,0.5) 0%,rgba(229,164,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d3a9', endColorstr='#e5a400',GradientType=0 ); /* IE6-9 */}
#creators .headline {color:#F06D25;}
#creators .content {font-size:1.25rem;line-height:1.5;}
#creators #backandforth {width:250px;position:absolute;bottom:15%;left:20%;transform:rotateY(180deg);z-index:1;}
#creators #seabottom {margin-top:-4em;z-index:2;}
#creators .eyes {opacity:0;position:absolute;bottom:0;width:100%;z-index:3;}
#creators.home-page{background-image:url('../../uploads/2018/12/noise.jpg');}

#featured {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0695e2+0,141d9e+100 */
background: rgb(6,149,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(6,149,226,0.5) 0%, rgba(20,29,158,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(6,149,226,0.5) 0%,rgba(20,29,158,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(6,149,226,0.5) 0%,rgba(20,29,158,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0695e2', endColorstr='#141d9e',GradientType=0 ); /* IE6-9 */}
#featured .content {font-size:1.25rem;line-height:1.5;}
#featured.extra-page {background-image:url('../../uploads/2018/12/noise.jpg');}

#events .content {opacity:1;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#events .content.animated {opacity:1;}
#events .event {background-color:#F2C44F;border-radius:50%;min-height:22em;}
#events .event.past {background-color:#bbb;}
#rent .costume-details {font-size:2rem;font-weight:600;line-height:1.35;}
#gallery .slick-slide {padding:5px;}

#page-header {z-index:3;height:20em;}
#page-header #imagesWrapper, #page-header #images {height:100%;z-index:5;}
#page-header #images #left {width:400px;bottom:-3em;}
#page-header #images #right {width:150px;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#page-header #images #bottom {width:250px;right:20%;bottom:-3em;}
#page-header .heading {top:50%;color:#fff;font-size:4rem;font-family:'Spumoni';}
#page-header {background-image:url('../../uploads/2018/12/headerbg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
#recent .w-thirds h3 {min-height:2rem;}

#rent {z-index:2;}
#rent #bottom {opacity:0;}
#rent #bottom.animated {opacity:1;}
#rent #content {z-index:5;}
#rent .gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0695e2+0,141d9e+100 */
background: rgb(6,149,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(6,149,226,0.5) 0%, rgba(20,29,158,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(6,149,226,0.5) 0%,rgba(20,29,158,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(6,149,226,0.5) 0%,rgba(20,29,158,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0695e2', endColorstr='#141d9e',GradientType=0 ); /* IE6-9 */
z-index:4;}

#scene {height:100vh;z-index:3;}
#scene .gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,7aa6dd+100 */
background: rgb(234,234,234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(234,234,234,0.5) 0%, rgba(122,166,221,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(234,234,234,0.5) 0%,rgba(122,166,221,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(234,234,234,0.5) 0%,rgba(122,166,221,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#7aa6dd',GradientType=0 ); /* IE6-9 */}
#scene h1 {text-align:center;top:1.5em;font-family:'Spumoni';font-size: 6rem;color: #595da0;text-shadow: 0 2px #F06D25;}
#scene #imagesWrapper, #scene #images {height:100%;z-index:5;}
#scene #images #left img {width:200px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-20%);}
#scene #images #center {width:50%;left: 50%;top:50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-20%);z-index:1;}
#scene #images #center img {width:100%;}
#scene #images #center img:first-of-type {z-index:5000;}
#scene #images #center img#eyes {position:absolute;left:0;opacity:0;}
#scene #images #right {width:200px;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-20%);}
#scene #images #bottom {width:100%;bottom:0;}
#scene.home-page{background-image:url('../../uploads/2018/12/noise.jpg');}

#activites.home-page{background-image:url('../../uploads/2018/12/activitybg.jpg');}

#videos .gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0695e2+0,141d9e+100 */
background: rgb(6,149,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(6,149,226,0.5) 0%, rgba(20,29,158,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(6,149,226,0.5) 0%,rgba(20,29,158,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(6,149,226,0.5) 0%,rgba(20,29,158,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0695e2', endColorstr='#141d9e',GradientType=0 ); /* IE6-9 */
z-index:4;}
#videos .video h3 {color:#F2C44F;}
#videos.extra-page {background-image:url('../../uploads/2018/12/noise.jpg');}
.youtube-responsive-container iframe {max-width:100%;}

.box {
  width: 50px;
  height: 100px;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:0;}

.flask {
  width: 50px;
  height: 100px;
  display: block;
  position: absolute;
  bottom: 10px;
  top:100px;
  background: red;
}
.flask .inner-flask {
  position: relative;
  width: 100%;
  height: 100px;
  margin-top: 0;
  display: block;
  background: blue;
}
.flask .inner-flask .bubble {
  width: 10px;
  height: 10px;
  display: block;
  background: transparent;
  border:2px solid #82c8ef;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 50%;
}
.flask .inner-flask .medium {
  background: purple;
  width: 15px;
  height: 15px;
}
.flask .inner-flask .large {
  background: pink;
}

.flask.second {
  position: absolute;
  left: 150px;
  background: transparent;
}
.flask.second .inner-flask {
  background: transparent;
}
.flask.second .inner-flask .bubble {
  background: transparent;
  margin-left: 10px;
  top: 15px;
}
.flask.second .inner-flask .bubble .medium {
  width: 15px;
  height: 15px;
}

.button.dropdown {position: relative;padding:.5em 1em;line-height:2em;font-weight: 600;display: inline-block;text-align: center;border-radius: 5px;color:#fff;}
.button.dropdown.hover, .button.dropdown:hover {background:rgba(78, 82, 141, 1);color:#fff;}
.button.dropdown i {padding-left: 1em;}
.button.dropdown ul {list-style: none;padding:0;margin: 0;background: #fff;display: block;width: 100%;text-align: left;border: 2px solid rgba(78, 82, 141, 1);opacity: 0;transition: all 0.2s;position: absolute;top: 45px;left: 0;right: 0;transform-origin: 50% 0%;transform: scaleY(0);z-index: 99999;}
.button.dropdown.hover ul {opacity: 1;transition: all 0.2s;transform: scaleY(1);}
.button.dropdown ul li {font-size: 13px;display: block;}
.button.dropdown ul li a {text-transform: initial;font-weight: bold;color: #000;padding: .35em 1.5em;display: block;font-weight: 500;}
.button.dropdown ul li a:hover {background:rgba(78, 82, 141, 1);color:#fff;}

.page-id-3 h1, .page-id-3 h2 {margin-bottom:1em;}
.page-id-3 h3 {margin-bottom:.5em;}
.page-id-3 p {margin-bottom:1.35em;}
/*custom H tag  for accessibility */
.customHTag {
	text-align: center;
    top: 1.5em;
    font-family: 'Spumoni';
    font-size: 6rem;
    color: #595da0;
    text-shadow: 0 2px #F06D25;
}