.wowbook {
position : relative;
zoom: 1;
}
.wowbook-page	{
zoom: 1;
}
.wowbook-page-content {
position : absolute;
overflow : hidden;
zoom: 1;
}
.wowbook-loading .wowbook-page-content {
background-image: url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/loading.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}
img.wowbook-lazy {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} .wowbook-left{}
.wowbook-right{}
.wowbook-disabled{}
.wowbook-handle {
cursor   : pointer;
height   : 100%;
position : absolute;
top      : 0;
width    : 50px;
z-index  : 10000; -webkit-transform: translate3d(0px, 0px, 10000px);
}
.wowbook-handle.wowbook-disabled {
display : none;
}
.wowbook-unselectable {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.wowbook-page-content.wowbook-double-page {
padding: 0;
} .wowbook-shadow-clipper {
position : absolute;
overflow : hidden;
z-index : 999; zoom: 1;
-webkit-backface-visibility: hidden; }
.wowbook-shadow-container {
display  : none;
position : absolute;
z-index  : 999; zoom: 1;
}
.wowbook-shadow-internal {
background : url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/shadow_internal_fold.png) repeat-y;
height     : 500px;
width      : 200px;
position   : absolute;
zoom: 1;
-webkit-backface-visibility: hidden; }
.wowbook-shadow-fold {
background : url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/shadow_fold.png) right top repeat-y;
height     : 500px;
width      : 100px;
position   : absolute;
zoom       : 1;
-webkit-backface-visibility: hidden; }
.wowbook-shadow-fold-flipped  {
background-image : url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/shadow_fold_flip_h.png);
}
.wowbook-fold-gradient {
background : url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/fold_gradient.png) right top repeat-y;
height : 500px;
width : 125px;
position : absolute;
top : 0;
zoom: 1;
-webkit-backface-visibility: hidden; }
.wowbook-fold-gradient-flipped {
background-image :  url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/fold_gradient_flip_h.png);
}
.wowbook-fold-gradient-container {
position : absolute;
z-index  : 1001; }
.wowbook-gutter-shadow {
height     : 100%;
width      : 40px;
position   : absolute;
top        : 0;
}
.wowbook-left .wowbook-gutter-shadow {
background : url(https://casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/inc/images/gutter_shadow_left.png) right top repeat-y;
right      : 0;
width      : 70px;
}
.wowbook-right .wowbook-gutter-shadow {
background : url(https://casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/inc/images/gutter_shadow_right.png) right top repeat-y;
left       : 0;
}
.wowbook-hard-page-shadow {
background : #888;
position   : absolute;
top        : 0;
z-index    : 999; }
.wowbook-page-number {
bottom   : 0;
padding-bottom: 0.3em;
position : absolute;
}
.wowbook-left .wowbook-page-number {
left : 0;
padding-left: 0.5em;
}
.wowbook-right .wowbook-page-number {
right : 0;
padding-right: 0.5em;
}
.wowbook-book-shadow{
-moz-box-shadow: 0 0 7px #666;
-ms-box-shadow: 0 0 7px #666;
-webkit-box-shadow: 0 0 7px #666;
-o-box-shadow: 0 0 7px #666;
box-shadow: 0 0 7px #666; }
.wowbook-hard-page-shadow {
background : #888;
box-shadow: 0 0 2px 0px #666;
background: rgba(96, 96, 96, 0.5);
position   : absolute;
top        : 0;
z-index    : 999;
}
.wowbook-page-holded {
}
.wowbook-page-holded object { } .wowbook-thumbnails {
background: none;
left: 0px;
top: 0px;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
image-rendering:optimizeQuality;
z-index: 10000;
}
.wowbook-thumbnails .wowbook-clipper {
overflow: hidden;
position: relative;
}
.wowbook-thumbnails ul {
position: relative;
margin : 0;
padding : 0;
}
.wowbook-thumbnails .wowbook-button {
background: none no-repeat 50% 50% #333;
cursor: pointer;
left: 0;
position: absolute;
top: 0;
}
.wowbook-thumbnail {
cursor : pointer;
display : inline-block;
*display: inline; zoom: 1; overflow: hidden;
position: relative;
vertical-align: top;
} .wowbook-thumbnail .wowbook-page-content {
position: relative;
}
.wowbook-thumbnail.wowbook-right {
margin-right: 1em;
}
.wowbook-overlay {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 100000;
} .wowbook-horizontal.wowbook-thumbnails{
width: 100%;
}
.wowbook-horizontal.wowbook-thumbnails .wowbook-clipper {
height: 100%;
position: relative;
margin: 0 30px; }
.wowbook-horizontal.wowbook-thumbnails ul {
display: inline-block;
*display: inline; *zoom: 1; white-space: nowrap;
}
.wowbook-horizontal.wowbook-thumbnails .wowbook-button {
width: 30px;
height: 100%;
background-image: url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/icons/arrow_left.png);
}
.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button {
left: auto; right: 0;
background-image: url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/icons/arrow_right.png);
}
.wowbook-horizontal .wowbook-thumbnail { white-space: normal; *white-space: nowrap;
}
.wowbook-horizontal .wowbook-thumbnail .wowbook-page-content{ *white-space: normal;
} .wowbook-vertical.wowbook-thumbnails {
display: inline-block;
height: 100%;
}
.wowbook-vertical.wowbook-thumbnails .wowbook-clipper {
position: absolute;
top: 30px; bottom: 30px; }
.wowbook-vertical.wowbook-thumbnails .wowbook-button {
height: 30px;
width: 100%;
background-image: url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/arrow_up.png);
}
.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button {
bottom: 0; top: auto;
background-image: url(//casadeisol.edu.vn/wp-content/plugins/casa-activity-gallery/images/arrow_down.png);
}
.wowbook-vertical .wowbook-thumbnail.wowbook-right {
margin-right: 0;
}
.wowbook-vertical .wowbook-thumbnail:first-child {
margin-left: 50%;
}.casa-flipbook-container {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 20px 0;
padding-top: 0px;
text-align: center;
}
.flipbook-title {
font-size: 28px;
font-weight: bold;
color: #008b8b;
margin-bottom: 25px !important;
margin-top: 0px !important;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
#casa-flipbook {
width: 1100px !important;
height: 700px !important;
margin: 0 auto;
position: relative;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
background: #fff;
} .casa-page {
width: 50%;
height: 100%;
float: left;
overflow: hidden;
}
.flip-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} #casa-flipbook::before {
display: none !important;
} .flip-btn {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: #fff;
border: none;
width: 60px !important;
height: 60px !important;
border-radius: 50%;
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
font-size: 28px !important;
color: #00a6a6;
cursor: pointer;
z-index: 100;
display: flex !important;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
min-height: unset !important;
}
.flip-btn:hover {
background: #00a6a6;
color: #fff;
transform: translateY(-50%) scale(1.1) !important;
}
#flip-prev {
left: -60px !important;
}
#flip-next {
right: -60px !important;
} .dummy-page {
background: transparent !important;
}  @media (max-width: 1366px) {
#casa-flipbook {
width: 95% !important;
height: 650px !important;
}
.flip-btn {
width: 55px !important;
height: 55px !important;
font-size: 26px !important;
}
} @media (max-width: 1024px) {
#casa-flipbook {
width: 95% !important;
height: 600px !important;
}
.flip-btn {
width: 50px !important;
height: 50px !important;
font-size: 24px !important;
}
#flip-prev {
left: -40px !important;
}
#flip-next {
right: -40px !important;
}
} @media (max-width: 820px) {
#casa-flipbook {
width: 100% !important;
height: 550px !important;
}
.flip-btn {
width: 45px !important;
height: 45px !important;
font-size: 22px !important;
}
#flip-prev {
left: -40px !important;
}
#flip-next {
right: -40px !important;
}
} @media (max-width: 600px) {
#casa-flipbook {
width: 100% !important;
height: 450px !important;
}
.flip-btn {
width: 30px !important;
height: 30px !important;
font-size: 20px !important;
}
#flip-prev {
left: -10px !important;
}
#flip-next {
right: -10px !important;
}
.flipbook-title{
font-size: 17px !important;
margin-top: -15px !important;
margin-bottom: 15px !important;
}
.flipbook_section {
padding: 0px !important;
}
} @media (max-width: 430px) {
#casa-flipbook {
width: 100% !important;
height: 400px !important;
}
.flip-btn {
width: 30px !important;
height: 30px !important;
font-size: 18px !important;
}
}.casa-events-wrapper {
position: relative;
}
.casa-events-swiper {
padding: 20px 0;
} .event-card {
display: flex;
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,.15);
} .event-date {
background: #FF5722;
color: #fff;
width: 85px; min-width: 85px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 18px 5px;
border-radius: 6px 0 0 6px; }
.event-day {
font-size: 40px; font-weight: bold;
border-bottom: 1px dashed rgba(255,255,255,0.9); display: block;
line-height: 1.2;
margin-bottom: 6px; }
.event-month {
font-size: 15px; font-weight: 500;
text-transform: lowercase;
} .event-body {
flex: 1;
display: flex;
flex-direction: column;
}
.event-image {
aspect-ratio: 16 / 9;
overflow: hidden;
width: 100%;
display: block;
}
.event-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.event-content {
padding: 10px;
}
.event-title {
font-size: 16px;
font-weight: bold;
color: #c62828;
margin-bottom: 8px;
text-transform: none; }
.event-title a {
color: inherit;
text-decoration: none;
}
.event-desc {
font-size: 14px; color: #000; line-height: 1.5;
margin-top: 5px;
}
.event-desc ul,
.event-desc ol {
padding-left: 15px; margin: 5px 0;
}
.event-desc li {
margin-bottom: 4px;
} .swiper-button-next,
.swiper-button-prev {
color: #ffffff !important;
}
.swiper-pagination-bullet {
background: #ffffff !important;
}
.swiper-wrapper {
margin-bottom: 50px !important;
}
span.swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 28px !important;
font-weight: 900 !important;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}