/* =============================================
 *
 *   CLAVERHAM DAY NURSERY
 *
 *   Design by Lee Ray
 *   lsr@claverham.org
 *
 * ============================================= */
@viewport {width:device-width;}
@-o-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-webkit-viewport {width:device-width;}
/*------------------------------------------------------------*/
/*---STRUCTURE------------------------------------------------*/
* {margin:0; padding:0; box-sizing:border-box; font-family:'Quicksand', sans-serif;}
section {display:flex; justify-content:center; flex-wrap:wrap;}
.body-text {transform:skewY(-4deg); border-bottom-right-radius:100vmin 18vmin; border-top-left-radius:100vmin 18vmin; padding:18vmin 0; margin:0; z-index:1;}
main {display:flex; width:100%; max-width:1120px; transform:skewY(4deg); justify-content:center; flex-wrap:wrap;}
article {width:100%; margin:0 1.5rem;}
figure {display:flex; flex-direction:column; padding:3vmin; align-items:center;}
figcaption {display:flex; justify-content:center; align-items:center; width:25vmin; min-width:110px; max-width:220px; margin:1vmin 0;}
li {list-style:none; list-style-position:inside;}
a, a::after {text-decoration:none; display:inline-block; position:relative; text-align:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
a:active, a:hover {outline:0;}
/*ACTION TAG UNDERLINES*/
article a::after {content:""; position:absolute; top:92%; height:2px; outline:1px solid transparent; width:98%; left:1%; background-color:rgba(255,255,255,1);}
article a:hover::after{top:100%; height:2px; background-color:rgba(255,255,255,.5);}
/*CIRCLE IMAGES*/
.inner-circle {width:29vmin; height:29vmin; min-width:110px; min-height:110px; max-width:210px; max-height:210px; border-radius:50%; border:4px solid rgba(255,255,255,0); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
figure a img:hover {border:4px solid rgba(255,255,255,1); background:#fff; box-shadow:0px 0px 1vmin rgba(255,255,255,.5)}
iframe {width:80vmin; height:60vmin; padding:5vmin 0;}
.brace {width:auto; min-width:35px; padding-bottom:20px; font-size:2em; line-height:2em; position:relative; text-align:center; vertical-align:middle; margin:0 15px 15px; border:none; background-color:transparent; background-image:-webkit-radial-gradient(circle at 0 0, rgba(255,255,255,0) 14.5px, #fff 15.5px, #fff 19.5px, rgba(255,255,255,0) 20.5px), -webkit-radial-gradient(circle at 35px 0, rgba(255,255,255,0) 14.5px, #fff 15.5px, #fff 19.5px, rgba(255,255,255,0) 20.5px); background-image:-webkit-radial-gradient(0 0 circle, rgba(255,255,255,0) 14.5px, #fff 15.5px, #fff 19.5px, rgba(255,255,255,0) 20.5px), -webkit-radial-gradient(35px 0 circle, rgba(255,255,255,0) 14.5px, #fff 15.5px, #fff 19.5px, rgba(255,255,255,0) 20.5px); background-image:radial-gradient(circle at 0 0, rgba(255,255,255,0) 14.5px, #fff 15.5px, #fff 19.5px, rgba(255,255,255,0) 20.5px), radial-gradient(circle at 35px 0, rgba(255,255,255,0) 14.5px, #fff 15.5px, #fff 19.5px, rgba(255,255,255,0) 20.5px); background-size:35px 20px; background-position:center bottom; background-repeat:no-repeat; text-transform:lowercase; font-style:italic; color:#fff; -webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,0.15)); filter:drop-shadow(0 1px 1px rgba(0,0,0,0.15));}
.brace:before {width:50%; border-top:5px solid #fff; border-left:1px solid transparent; border-top-left-radius:20% 30px; height:100%; content:""; position:absolute; top:100%; left:-15px; box-sizing:border-box; margin-top:-5px;}
.brace:after {width:50%; border-top:5px solid #fff; border-right:1px solid transparent; border-top-right-radius:20% 30px; height:100%; content:""; position:absolute; top:100%; right:-15px; box-sizing:border-box; margin-top:-5px;}
/*------------------------------------------------------------*/
/*---TABLES---------------------------------------------------*/
#a3 table, #a3 th, #a3 td {border:none;}
#a3 td {padding:0 .5rem 2rem;}
table {width:100%; margin:0 auto 2rem; text-align:left; border-collapse:collapse;}
table, th, td {border:2px solid;}
th, td {padding:1vmin; vertical-align:top;}
/*------------------------------------------------------------*/
/*---FONTS----------------------------------------------------*/
.normal {font-weight:normal;}
.semi-bold {font-weight:500;}
.bold {font-weight:700;}
.underline {text-decoration:underline;}
.indent {text-indent:3rem;}
.justify {text-align:justify;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.dont-break-out {overflow-wrap:break-word; word-wrap:break-word; -ms-word-break:break-all; word-break:break-word;}

@font-face {font-family:'comiczine'; src:url('../fonts/comic_zine_ot-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:"VAGRoundedStd-Black"; src:url("../fonts/VAGRoundedStd-Black.woff");}
header a {font:20vmin 'VAGRoundedStd-Black', sans-serif;}
header h1 {font:13vmin 'Finger Paint', cursive; padding-bottom:4rem;}
nav, nav button {font-weight:500; font-size:1rem;}
article a, .bold {font-weight:700; color:#ffffff;}
article a:hover, figcaption a:hover {color:rgba(255,255,255,.5);}
th, td {font-size:3vmin;}
#a3 td {font-size:1em;}

main h1 {display:inline-block; font-family:'comiczine'; font-weight:400; transform:rotate(-3deg); color:white; text-shadow:0.03em .03em 0px rgba(0,0,0, 0.3); background:url(svg/blob-new.svg) center/100% 100% no-repeat;}
main h2, h3, h4, .imagetext p {font-family:'itim'; font-weight:normal; text-shadow:0 0 0.03em rgba(0,0,0,.4), 0 0 0.03em rgba(0,0,0,.4), 0 0 0.03em rgba(0,0,0,.4), 0 0 0.03em rgba(0,0,0,.4), .05em .05em rgba(0,0,0,0.3);}
main {font-size:calc(6.72px + 2.9vmin);text-align:center;}
.imagetext>article {font-size:calc(6.72px + 2.9vmin);}
main h1 {font-size:3.157em; line-height:1em; padding:.2em 0; margin:.5em 0;}
main h2 {font-size:2.369em; line-height:1.2em; padding:.1em 0;}
main h3 {font-size:1.777em; line-height:1.2em; padding:.4em 0;}
main h4 {font-size:1.333em; line-height:1.5em; padding:.5em 0;}
main p, li {font-size:1em; line-height:1.5em; padding:.5em 0; text-align:left;}
.imagetext>article p {font-size:1em; color:white; text-align:right; padding:5vmin 5vw 0 0;}
.imagetext>article q {font:1.333em 'Caveat Brush', cursive; padding-top:1vmin;}
main figcaption, figcaption h4 {font-size:.8em;}
.cap-head {font:.8em 'Finger Paint', cursive;}
@media (min-width:1100px){main, .imagetext>article{font-size:32px;}}
/*------------------------------------------------------------*/
/*---COLOURS--------------------------------------------------*/
/*
INDIGO          Base: #536dfe       Light: #c5cae9      Primary: #3f51b5       Dark: #303f9f
BLUE            Base: #2196f3       Light: #bbdefb      Primary: #448aff       Dark: #1976d2
TEAL            Base: #009688       Light: #b2dfdb      Primary: #008779       Dark: #00796b
GREEN           Base: #4caf50       Light: #c8e6c9      Primary: #429f46       Dark: #388e3c
YELLOW          Base: #ffeb3b       Light: #fff9c4      Primary: #fdd534       Dark: #fbc02d
ORANGE          Base: #ff9800       Light: #ffe0b2      Primary: #fa8a00       Dark: #f57c00
RED             Base: #ff5252       Light: #ffcdd2      Primary: #f44336       Dark: #d32f2f
PINK            Base: #ff4081       Light: #f8bbd0      Primary: #e91e63       Dark: #c2185b
PURPLE          Base: #e040fb       Light: #e1bee7      Primary: #9c27b0       Dark: #7b1fa2
DEEP PURPLE     Base: #7c4dff       Light: #d1c4e9      Primary: #673ab7       Dark: #512da8
MONOCHROME      Base: #bdbdbd       Light: #ffffff      Primary: #757575       Dark: #212121
*/
/*------------------------------------------------------------*/
/*---NAV MENU-------------------------------------------------*/
nav {width:100%; position:fixed; z-index:2; -webkit-box-shadow:0 0 .8rem rgba(0,0,0,0.2); box-shadow:0 0 .8rem rgba(0,0,0,0.2); background:linear-gradient(rgba(63,81,181,0.9),rgba(63,81,181,0.9));}
nav a {width:50%; padding:15px 0; align-self:center; text-align:center; box-shadow:inset 0 5px 10px -3px rgba(0,0,0,0.2); color:#ffffff;}
nav p, nav button {padding:15px 1rem; color:#ffffff;}
.dropbtn {cursor:pointer; border:none; outline:none; background:transparent;}
.dropbtn:before {content:"menu";}
.dropbtn2:before {content:"close";}
.mobile-nav {display:flex; justify-content:space-between;}
.nav-menu {display:none;}
.show {display:flex; flex-wrap:wrap;}
.nav1 {background:#3f51b5; order:1;}
.nav2 {background:#448aff; order:3;}
.nav3 {background:#008779; order:5;}
.nav4 {background:#429f46; order:7;}
.nav5 {background:#fdd534; order:9;}
.nav6 {background:#fa8a00; order:2;}
.nav7 {background:#f44336; order:4;}
.nav8 {background:#e91e63; order:6;}
.nav9 {background:#9c27b0; order:8;}
.nav10 {background:#673ab7; order:10;}
nav a:hover {background:#ffffff;}
.nav1:hover {color:#3f51b5;}
.nav2:hover {color:#448aff;}
.nav3:hover {color:#008779;}
.nav4:hover {color:#429f46;}
.nav5:hover {color:#fdd534;}
.nav6:hover {color:#fa8a00;}
.nav7:hover {color:#f44336;}
.nav8:hover {color:#e91e63;}
.nav9:hover {color:#9c27b0;}
.nav10:hover {color:#673ab7;}

@media (min-width:820px){
nav a {width:10%;}
.mobile-nav {display:none;}
.nav-menu {display:flex;}
.nav1 {order:1;}
.nav2 {order:2;}
.nav3 {order:3;}
.nav4 {order:4;}
.nav5 {order:5;}
.nav6 {order:6;}
.nav7 {order:7;}
.nav8 {order:8;}
.nav9 {order:9;}
.nav10 {order:10;}}
/*------------------------------------------------------------*/
/*---HEADER---------------------------------------------------*/
header {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; padding:20vmin 0 30vmin; background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(images/img8.jpg)no-repeat center center; background-size:cover; margin:0 0 -30vmin; margin:0 0 -30vmin;}
@media (min-width:1100px){
header {background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(images/img8.jpg)no-repeat center center fixed; background-size:cover;}}
/*ALERT*/
.alert {display:flex; width:100%; justify-content:center; align-content:center; z-index:2; position:absolute; padding:2rem;}
.alert h1 {background:url(svg/blob-alert.svg) center/100% 100% no-repeat;}
.bounce-top {-webkit-animation:bounce-top 0.9s both; animation:bounce-top 0.9s both;}
@-webkit-keyframes bounce-top {0% {-webkit-transform: translateY(-45px); transform:translateY(-45px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:1;} 24% {opacity:1;} 40% {-webkit-transform:translateY(-24px); transform:translateY(-24px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 65% {-webkit-transform:translateY(-12px); transform:translateY(-12px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 82% {-webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 93% {-webkit-transform:translateY(-4px); transform:translateY(-4px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 25%, 55%, 75%, 87% {-webkit-transform:translateY(0px); transform:translateY(0px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;} 100% {-webkit-transform:translateY(0px); transform:translateY(0px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; opacity:1;}}
@keyframes bounce-top {0% {-webkit-transform:translateY(-45px); transform:translateY(-45px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity: 1;} 24% {opacity: 1;} 40% {-webkit-transform:translateY(-24px); transform:translateY(-24px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 65% {-webkit-transform:translateY(-12px); transform:translateY(-12px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 82% {-webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 93% {-webkit-transform:translateY(-4px); transform:translateY(-4px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;} 25%, 55%, 75%, 87% {-webkit-transform:translateY(0px); transform:translateY(0px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;} 100% {-webkit-transform:translateY(0px); transform:translateY(0px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; opacity:1;}}
/*SUN-LOGO*/
.sunlogo {width:40vmin; height:40vmin;}
.sunbody {fill:#ffeb3b;}
.cheeks {fill:#f8bbd0;}
.linework {fill:#212121;}
.sunshade {fill:#f57c00;}
/*CLAVERHAM MAGNETIC LETTERS*/
.claverham {width:100vw; display:flex; justify-content:center;}
.claverham a {display:inline; padding:0 .2vmin; line-height:7vmin; z-index:1;}
.rotate-5 {-ms-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); transform:rotate(-5deg);}
.rotate5 {-ms-transform:rotate(5deg); -webkit-transform:rotate(5deg); transform:rotate(5deg);}
.rotate-10 {-ms-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); transform:rotate(-10deg);}
.rotate10 {-ms-transform:rotate(10deg); -webkit-transform:rotate(10deg); transform:rotate(10deg);}
.char-pink {color:#ff4081; text-shadow:-.2vmin -.2vmin #f8bbd0, .15vmin .3vmin #e91e63, -.15vmin .3vmin #e91e63, -.1vmin .85vmin 0 #c2185b, .2vmin .85vmin 0 #c2185b, 0 1.5vmin 1vmin rgba(0,0,0,0.4);}
.char-pink:hover {-webkit-animation: char-pink 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: char-pink 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes char-pink {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #f8bbd0, .15vmin .3vmin #e91e63, -.15vmin .3vmin #e91e63, -.1vmin .85vmin 0 #c2185b, .2vmin .85vmin 0 #c2185b, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
@keyframes char-pink {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #f8bbd0, .15vmin .3vmin #e91e63, -.15vmin .3vmin #e91e63, -.1vmin .85vmin 0 #c2185b, .2vmin .85vmin 0 #c2185b, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
.char-green {color:#4caf50; text-shadow:-.2vmin -.2vmin #c8e6c9, .15vmin .3vmin #429f46, -.15vmin .3vmin #429f46, -.1vmin .85vmin 0 #388e3c, .2vmin .85vmin 0 #388e3c, 0 1.5vmin 1vmin rgba(0,0,0,0.4);}
.char-green:hover {-webkit-animation: char-green 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: char-green 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes char-green {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #c8e6c9, .15vmin .3vmin #429f46, -.15vmin .3vmin #429f46, -.1vmin .85vmin 0 #388e3c, .2vmin .85vmin 0 #388e3c, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
@keyframes char-green {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #c8e6c9, .15vmin .3vmin #429f46, -.15vmin .3vmin #429f46, -.1vmin .85vmin 0 #388e3c, .2vmin .85vmin 0 #388e3c, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
.char-yellow {color:#ffeb3b; text-shadow:-.2vmin -.2vmin #fff9c4, .15vmin .3vmin #fdd534, -.15vmin .3vmin #fdd534, -.1vmin .85vmin 0 #fbc02d, .2vmin .85vmin 0 #fbc02d, 0 1.5vmin 1vmin rgba(0,0,0,0.4);}
.char-yellow:hover {-webkit-animation: char-yellow 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: char-yellow 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes char-yellow {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #fff9c4, .15vmin .3vmin #fdd534, -.15vmin .3vmin #fdd534, -.1vmin .85vmin 0 #fbc02d, .2vmin .85vmin 0 #fbc02d, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
@keyframes char-yellow {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #fff9c4, .15vmin .3vmin #fdd534, -.15vmin .3vmin #fdd534, -.1vmin .85vmin 0 #fbc02d, .2vmin .85vmin 0 #fbc02d, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
.char-blue {color:#536dfe; text-shadow:-.2vmin -.2vmin #c5cae9, .15vmin .3vmin #3f51b5, -.15vmin .3vmin #3f51b5, -.1vmin .85vmin 0 #303f9f, .2vmin .85vmin 0 #303f9f, 0 1.5vmin 1vmin rgba(0,0,0,0.4);}
.char-blue:hover {-webkit-animation: char-blue 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: char-blue 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes char-blue {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #c5cae9, .15vmin .3vmin #3f51b5, -.15vmin .3vmin #3f51b5, -.1vmin .85vmin 0 #303f9f, .2vmin .85vmin 0 #303f9f, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
@keyframes char-blue {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #c5cae9, .15vmin .3vmin #3f51b5, -.15vmin .3vmin #3f51b5, -.1vmin .85vmin 0 #303f9f, .2vmin .85vmin 0 #303f9f, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
.char-red {color:#ff5252; text-shadow:-.2vmin -.2vmin #ffcdd2, .15vmin .3vmin #f44336, -.15vmin .3vmin #f44336, -.1vmin .85vmin 0 #d32f2f, .2vmin .85vmin 0 #d32f2f, 0 1.5vmin 1vmin rgba(0,0,0,0.4);}
.char-red:hover {-webkit-animation: char-red 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: char-red 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes char-red {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #ffcdd2, .15vmin .3vmin #f44336, -.15vmin .3vmin #f44336, -.1vmin .85vmin 0 #c50e29, .2vmin .85vmin 0 #d32f2f, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
@keyframes char-red {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #ffcdd2, .15vmin .3vmin #f44336, -.15vmin .3vmin #f44336, -.1vmin .85vmin 0 #d32f2f, .2vmin .85vmin 0 #d32f2f, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
.char-orange {color:#ff9800; text-shadow:-.2vmin -.2vmin #ffe0b2, .15vmin .3vmin #fa8a00, -.15vmin .3vmin #fa8a00, -.1vmin .85vmin 0 #f57c00, .2vmin .85vmin 0 #f57c00, 0 1.5vmin 1vmin rgba(0,0,0,0.4);}
.char-orange:hover {-webkit-animation: char-orange 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: char-orange 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes char-orange {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #ffe0b2, .15vmin .3vmin #fa8a00, -.15vmin .3vmin #fa8a00, -.1vmin .85vmin 0 #f57c00, .2vmin .85vmin 0 #f57c00, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
@keyframes char-orange {0% {-webkit-transform:translateY(0); transform:translateY(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;} 100% {-webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; text-shadow:-.2vmin -.2vmin #ffe0b2, .15vmin .3vmin #fa8a00, -.15vmin .3vmin #fa8a00, -.1vmin .85vmin 0 #f57c00, .2vmin .85vmin 0 #f57c00, 0 5vmin 3vmin rgba(0,0,0,0.4);}}
/*SUB-TITLE*/
.day {color:#ff4081; padding-right:4vmin; -ms-transform:rotate(4deg); -webkit-transform:rotate(4deg); transform:rotate(4deg); text-shadow:0.3vmin 0.3vmin white, -0.3vmin -0.3vmin white, -0.3vmin 0.3vmin white, 0.3vmin -0.3vmin white;}
.nursery {color:#448aff; padding-left:4vmin; -ms-transform:rotate(-8deg); -webkit-transform:rotate(-8deg); transform:rotate(-8deg); text-shadow:0.3vmin 0.3vmin white, -0.3vmin -0.3vmin white, -0.3vmin 0.3vmin white, 0.3vmin -0.3vmin white;}
/*------------------------------------------------------------*/
/*---SECTION STYLES-------------------------------------------*/
#home {background:url(textures/inspiration-geometry.png), #536dfe; color:#c5cae9;}
#home article {background:rgba(83,109,254,0.6);}
#home h1 {background:url(svg/blob-new.svg) center/100% 100% no-repeat;}
#home h2,#home h3 {color:#fdd534;}

#a2 {background:url(textures/inspiration-geometry.png), #2196f3; color:#bbdefb;}
#a2 article {background:rgba(33,150,243,0.6);}
#a2 h1 {background:url(svg/blob-pink.svg) center/100% 100% no-repeat;}
#a2 h2,#a2 h3 {color:#ff9800;}

#a3 {background:url(textures/inspiration-geometry.png),#009688; color:#b2dfdb;}
#a3 article {background:rgba(0,150,136,0.6);}
#a3 h1 {background:url(svg/blob-red.svg) center/100% 100% no-repeat;}
#a3 h2, #a3 h3, #a3 h4 {color:#fdd534;}

#a4 {background:url(textures/inspiration-geometry.png),#4caf50; color:#c8e6c9;}
#a4 article {background:rgba(76,175,80,0.6);}
#a4 h1 {background:url(svg/blob-deep-purple.svg) center/100% 100% no-repeat;}
#a4 h2,#a4 h3,#a4 h4 {color:#ff4081;}

#a5 {background:url(textures/inspiration-geometry.png),#ffeb3b; color:#fff9c4;}
#a5 article {background:rgba(255,235,59,0.6);}
#a5 h1 {background:url(svg/blob-green.svg) center/100% 100% no-repeat;}
#a5 h2, #a5 h3, #a5 h4, #a5 li, #a5 span {color:#536dfe;}
#a5 p, #a5 tr {color:#757575;}

#a6 {background:url(textures/inspiration-geometry.png),#ff9800; color:#ffe0b2;}
#a6 article {background:rgba(255,152,0,0.6);}
#a6 h1 {background:url(svg/blob-indigo.svg) center/100% 100% no-repeat;}
#a6 h2,#a6 h3,#a6 h4 {color:#2196f3;}

#a7 {background:url(textures/inspiration-geometry.png),#ff5252; color:#ffcdd2;}
#a7 article {background:rgba(255,82,82,0.6);}
#a7 h1 {background:url(svg/blob-teal.svg) center/100% 100% no-repeat;}
#a7 h2,#a7 h3,#a7 h4 {color:#ffffff;}

#a8 {background:url(textures/inspiration-geometry.png),#ff4081; color:#f8bbd0;}
#a8 article {background:rgba(255,64,129,0.6);}
#a8 h1 {background:url(svg/blob-green.svg) center/100% 100% no-repeat;}
#a8 h2,#a8 h3,#a8 h4 {color:#4caf50;}

#a9 {background:url(textures/inspiration-geometry.png),#e040fb; color:#e1bee7;}
#a9 article {background:rgba(224,64,251,0.6);}
#a9 h1 {background:url(svg/blob-orange.svg) center/100% 100% no-repeat;}
#a9 h2,#a9 h3,#a9 h4 {color:#fdd534;}

#a10 {background:url(textures/inspiration-geometry.png),#7c4dff; color:#d1c4e9;}
#a10 article {background:rgba(124,77,255,0.6);}
#a10 h1 {background:url(svg/blob-red.svg) center/100% 100% no-repeat;}
#a10 h2,#a10 h3,#a10 h4 {color:#fdd534;}
/*------------------------------------------------------------*/
/*---QUOTES---------------------------------------------------*/
.imagetext>article {width:100%; max-width:1120px; padding:20vmin 1.5rem;}
.speech-bubble {background:rgba(255,255,255,0.9); padding:4vmin 2vmin 1vmin; border-radius:10vmin; text-align:center;}
.speech-bubble::after {content:""; position:relative; bottom:-4vmin; left:85%; border-width:3vmin 2vmin 0; border-style:solid; border-color:rgba(255,255,255,0.9) transparent; display:block; width:0;}

#quote1 {background:url(images/img1.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
#quote2 {background:url(images/img2.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#448aff;}
#quote3 {background:url(images/img3.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
#quote4 {background:url(images/img4.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#448aff;}
#quote5 {background:url(images/img5.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
#quote6 {background:url(images/img6.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#448aff;}
#quote7 {background:url(images/img7.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
#quote8 {background:url(images/img10.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#448aff;}
#quote9 {background:url(images/img9.jpg)no-repeat center center; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}

@media (min-width:1100px){
    #quote1 {background:url(images/img1.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
    #quote2 {background:url(images/img2.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#448aff;}
    #quote3 {background:url(images/img3.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
    #quote4 {background:url(images/img4.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#448aff;}
    #quote5 {background:url(images/img5.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
    #quote6 {background:url(images/img6.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#448aff;}
    #quote7 {background:url(images/img7.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
    #quote8 {background:url(images/img10.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#448aff;}
    #quote9 {background:url(images/img9.jpg)no-repeat center center fixed; background-size:cover; padding:40vmin 0; margin:-30vmin 0; color:#ff4081;}
}
/*------------------------------------------------------------*/
/*---FOOTER---------------------------------------------------*/
footer {display:flex; justify-content:center; text-align:center; z-index:0; padding:38vmin 0 8vmin; margin:-30vmin 0 0; color:#757575; background:url(textures/darkdenim3.png);}
/*------------------------------------------------------------*/