@charset "UTF-8";

/* COLORS
   Siesta dark var(--siesta-dark)
   Siesta light #aed0ee
   Siesta extra light #f0f8ff

*/
:root {
    --siesta-dark: #FF8F9A;
    --siesta-middle: #FFACB2;
    --siesta-light: #ffc4c4;
    --siesta-extra-light: #fff0f0;
    --siesta-green: #04C471;
}


@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    src: url('fonts/fontawesome-webfont.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/fontawesome-webfont.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/fontawesome-webfont.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/fontawesome-webfont.svg') format('svg');
    /* Legacy iOS */
}


.number-infographic {
    font-family: "VibeMO Condensed Pro Ultra";
    -webkit-text-stroke: 2px #175090;
}

.infographic-box {
    margin-bottom: 2.0em;
    border: 1px solid #d6d6d6;
    background-color: var(--siesta-extra-light);
    border-radius: 15px 15px 0 0;
}

.infographic-box img {
    margin-bottom: 1.0em;
}


p {
    line-height: 2.0em;
    margin: 0 0 1.0em;
    font-size: 16px;
}

.page-header {
    margin-top: 2.0em;
    border: none;
}

.node-18 .page-header {
    display: none;
    /* HIDE TITLE IN NEO PAGE */
}

.site-slogan-wrapper {
    background: var(--siesta-extra-light);
    padding-bottom: 0.1em;
    padding-top: 0.2em;
}

html,
body {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 100%;
    margin-top: 0;
    font-weight: 300;
}

h1,
h2,
h3 {
    margin: 0 0 1em 0;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-feature-settings: "palt";
    font-weight: 500;
}

.main-menu {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-feature-settings: "palt";
}


h2 {
    color: var(--siesta-dark);
}

h3 {
    color: #464646;
}

h2.small,
h3.small {
    font-size: 1.8em;
}

h2.large,
h3.large,
.lead .large {
    font-size: 2.5em;
}

h2.x-large,
h3.x-large {
    font-size: 3.0em;
}

h2.xx-large,
h3.xx-large {
    font-size: 4.0em;
}

.subtitle {
    font-size: large;
    margin: 0 !important;
}


.page-node-edit .row {
    margin-right: unset;
    margin-left: unset;
}

/* FRONT PAGE EXCEPTIONS */

.front .page-header,
.front #first-time,
.front #title-wrapper,
.front .hide-on-front-page {
    display: none;
}

.path-frontpage .messages__wrapper {
    margin-bottom: 0;
}

/* BOOTSTRAP CLASSES */

.BSlogo {
    min-width: 120px;
}

.navbar .logo {
    margin-top: 0;
}

.logo-mobile:before,
.navbar .logo:before {
    /*   content: "菫晁ご蝨偵�蛹ｻ逋よｩ滄未蜷代￠蜊育擅繧ｻ繝ｳ繧ｵ繝ｼ縲後す繧ｨ繧ｹ繧ｿ繝吶�縲�"; */
    display: block;
}

.mobile .logo-mobile:before {
    font-size: 0.7em;
    padding-left: 2.0em;
}

.navbar-header a.navbar-btn {
    margin: 0;
    padding: 10px 10px 0 5px;
}

/* MESSAGES STYLING */

.messages__wrapper {
    /* text-align: center; */
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 2em;
}

/* SEARCH FORM CONTEXTUAL MENU */

#search-block-form a.contextual-links-trigger,
#search-block-form div.contextual-links-wrapper ul.contextual-links {
    margin-top: -54px;
}

/* WIDTH DEFINITIONS */

.full-width,
.width-full {
    width: 100% !important;
    left: 0;
    overflow: hidden;
}

.width-normal {
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.desktop .navbar-collapse,
.width-banner {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.width-narrow {
    max-width: 740px !important;
    margin-left: auto;
    margin-right: auto;
}

.path-admin .main-container {
    max-width: 1280px;
}

/* TABS */

.nav-tabs {
    font-size: 0.8em;
    margin-bottom: 10px;
}

/* TABLES */

.table {
    border-bottom: 1px solid #ddd;
}

th {
    background: var(--siesta-extra-light);
    color: #333;
    text-align: center;
}

.table tr>th,
.table tr>td {
    vertical-align: middle !important;
}

/* TOOLBAR MENU */

#toolbar {
    position: static !important;
    padding: 0;
    margin: 0;
}

body.toolbar,
body.toolbar-drawer {
    padding-top: 0 !important;
}

/* SIESTA MODIFIERS */

/* Container
  .container-fluid {
    padding-left: 0;
    padding-right: 0;
    } */

.container-fluid .edge-to-edge {
    margin-left: -15px;
    margin-right: -15px;
    overflow-x: hidden;
}

/* Header */
.sitename {
    padding-left: 10px;
    color: var(--siesta-dark);
}

/* MAIN MENU */

.bold-font,
.menu {}

.navbar {
    margin-bottom: 0;
    border: 0px;
}

.navbar-default {
    /* background-color: transparent;
    border: 0px; */
}

/* 
  .stickynav-active {
    z-index: 10000;
    } */

.stickynav-active .navbar-default {
    /*  background-color: #f6f6f6;
    box-shadow: 0px 0px 10px #d6d6d6; */
}

.desktop .stickynav-active {
    /* FIX STICKYNAV IN BOOTSTRAP SUBTHEME */
    position: fixed !important;
    top: 0px !important;
    z-index: 1000 !important;
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.navbar-collapse.in {
    /* padding: 0 50px !important; */
    /* background: white; */
    /* border: 0px; */
    /* box-shadow: 0px 0px 10px #d6d6d6; */
}

.navbar-collapse.in li>a {
    /*  border: 0px; */
}

.navbar.container,
.navbar.container-fluid {
    background: #e9f5ff;
    /* was var(--siesta-extra-light) */
    border-radius: 0;
    margin-top: 0;
}

.desktop .stickynav-active {
    box-shadow: 0px 3px 6px #a6a6a6;
    border-bottom: 1px solid #d6d6d6;
}

.desktop .navbar.container,
.desktop .navbar.container-fluid {
    padding: 5px 0 5px 0;
}

.desktop .navbar-nav {
    float: right;
    margin-right: 10px;
}

.desktop .navbar-nav>li>a {
    margin-right: 10px;
    border: 3px solid #fff;
    border-radius: 25px;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    margin-top: 0.7em;
}

.mobile .navbar-nav>li>a {
    /* margin-bottom: 1em; */
}

.navbar-brand {
    /* display: block;
    height: auto;
    margin-top: 0.3em; */
}

/* MENU NORMAL STATUS */

.desktop .navbar-nav>li>a {
    background: var(--siesta-light) !importantt;
    border-color: #fff !important;
    color: var(--siesta-dark) !important;
}

.desktop .navbar-nav>li>a.menu-inquiry {
    background: var(--siesta-dark) !important;
    border-color: #fff !important;
    color: #fff !important;
}

.desktop .navbar-nav>li>a.menu-request-pdf {
    background: var(--siesta-green) !important;
    border-color: #fff !important;
    color: #fff !important;
}

/* MENU HOVER & ACTIVE STATUS */

.desktop .navbar-nav>li.active.active-trail>a,
.desktop .navbar-nav>li>a:hover {
    border-color: var(--siesta-dark) !important;
    background: transparent;
}

.desktop .navbar-nav>li.active.active-trail>a.menu-inquiry,
.desktop .navbar-nav>li>a.menu-inquiry:hover {
    border-color: #1a4676 !important;
}

.desktop .navbar-nav>li.active.active-trail>a.menu-request-pdf,
.desktop .navbar-nav>li>a.menu-request-pdf:hover {
    border-color: green !important;
}

body.toolbar .navbar-fixed-top {
    top: 0px;
}

.title-wrapper,
.title-wrapper-bg {
    padding: 30px 0;
    width: 100%;
}

/* TOGGLE MOBILE MENU */

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: var(--siesta-dark);
}

.navbar-default .navbar-toggle {
    border-color: var(--siesta-dark);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.siesta-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ddf1f9+10,feffff+62,e6f1fc+100 */
    background: rgb(221, 241, 249);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgb(221, 241, 249) 10%, rgb(254, 255, 255) 62%, rgb(230, 241, 252) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgb(221, 241, 249) 10%, rgb(254, 255, 255) 62%, rgb(230, 241, 252) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgb(221, 241, 249) 10%, rgb(254, 255, 255) 62%, rgb(230, 241, 252) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddf1f9', endColorstr='var(--siesta-extra-light)', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

h1.page-header {
    text-align: center;
    color: #767676;
}

.alert {
    margin-bottom: 0;
    border: none;
}

.region-help>.glyphicon {
    font-size: 32px;
}

/* SIESTA TAGS (LEGACY SITE) */

.siesta-tag-1 {
    background: #498a20;
    color: #fff;
}

.siesta-tag-2 {
    background: #bb6928;
    color: #fff;
}

.siesta-tag-3 {
    background: #2092ab;
    color: #fff;
}

.siesta-tag-4 {
    background: #acac45;
    color: #fff;
}

.siesta-tag-5 {
    background: var(--siesta-dark);
    color: #fff;
}


.siesta-bg-1 {
    background: #ffdfec;
}

.siesta-bg-2 {
    background: #ffeedf;
}

.siesta-bg-3 {
    background: #d4ffda;
}

.siesta-bg-4 {
    background: #d4fcff;
}

.siesta-bg-5 {
    background: #d4e1ff;
}

.siesta-color-1 {
    color: #498a20;
}

.siesta-color-2 {
    color: #bb6928;
}

.siesta-color-3 {
    color: #2092ab;
}

.siesta-color-4 {
    color: #acac45;
}

/* SIESTA COLORS & BACKGROUNDS */

.color-siesta-bebe {
    color: var(--siesta-dark) !important;
}

.color-siesta-bebe-light {
    color: #E6F1FC;
}

.color-siesta-bebe-dark {
    color: #046997;
}

.background-siesta-bebe {
    background-color: var(--siesta-dark);
}

.background-siesta-x-light {
    background: var(--siesta-extra-light);
}

.background-map {
    background: var(--siesta-extra-light) url(../../img/childcarebusiness/service/siesta/siesta_facilities-map.png) 50% 50% no-repeat;
    background-size: contain;
}

.background-siesta,
.background-x-light-blue,
.background-siesta-bebe-light {
    background-color: var(--siesta-extra-light);
}

.background-siesta-yellow {
    background-color: #fcf9e6f;
}

.background-siesta-green {
    background-color: #f6fce6;
}

.background-siesta-pink {
    background-color: #ffe9f6;
}

.background-catalog {
    background-color: var(--siesta-middle);
}

.background-siesta-yellow h2,
.background-siesta-yellow h3 {
    color: #a0a025;
}

.background-siesta-green h2,
.background-siesta-green h3 {
    color: #498a20;
}

.background-siesta-pink h2,
.background-siesta-pink h3 {
    color: #b42088;
}

.border-color-siesta-bebe {
    border-color: var(--siesta-dark) !important;
}

/* BUTTONS */

.btn {
    border-radius: 5em;
    padding: 0.7em 1em;
    font-feature-settings: "palt";
}

.btn-primary {
    color: #ffffff;
    /* was #E6F1FC */
    background-color: var(--siesta-dark);
    border: none;
}

.btn-default:hover {
    color: #E6F1FC;
    background-color: var(--siesta-dark);
}

.btn-green {
    background: var(--siesta-green);
    color: white;
}

.btn-green:hover {
    background: #277e27;
    color: white;
}

/* USER LOGIN PAGE FORM THEMING */

.path-user .region-content {
    padding: 2.0em;
    max-width: 740px !important;
    margin: auto;
    /* SAME AS .width-narrow CLASS */
}

.gradient-bg {
    background: #5a8ec8;
    background: -moz-linear-gradient(-45deg, #5a8ec8 10%, #5daff7 48%, #5a8ec8 98%);
    background: -webkit-linear-gradient(-45deg, #5a8ec8 10%, #5daff7 48%, #5a8ec8 98%);
    background: linear-gradient(135deg, #5a8ec8 10%, #5daff7 48%, #5a8ec8 98%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a8ec8', endColorstr='#5a8ec8', GradientType=1);
}

.siesta-bebe-curve {
    border-radius: 50% 50% 50% 50% / 0% 0% 100% 100%;
    height: 150px;
    background: var(--siesta-dark);
    box-shadow: 2px 2px 5px #d6d6d6;
}

.layer-top {
    z-index: 10000;
}

.layer-bottom {
    z-index: -9999;
}

/* FOOTER CLASSES */

.footer {
    background: #002b60 url(../../img/childcarebusiness/service/siesta/footer-bg.png) right bottom no-repeat;
    color: #ffffff;
    font-size: 80%;
    margin-top: 0;
    padding: 0 0 50px 0;
    border-top: 0;
}

.footer-wave {
    background: #ffffff url(../../img/childcarebusiness/service/siesta/footer-wave.png) left 4px no-repeat;
    width: 100%;
    height: 100px;
}

.footer h2,
.footer h3,
.footer h4,
.footer a {
    color: #ffffff !important;
}

.footer h3 {
    font-size: 1.6em;
}

.curved-top {
    display: block;
    box-sizing: border-box;
    height: 200px;
    background-color: var(--siesta-light);
    clip-path: ellipse(53% 100% at 50% 100%);
}

.landing-page-header {
    display: block;
    box-sizing: border-box;
    height: 500px;
    background-color: var(--siesta-light);
    clip-path: ellipse(99% 100% at 50% 0%);
}

/* VIDEO BACKGROUND */

.curved-video {
    display: block;
    box-sizing: border-box;
    clip-path: ellipse(96% 100% at 50% 100%);
}

video {
    object-fit: cover;
    position: unset;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.video-wrapper {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-wrapper-xs {
    width: 100%;
    height: 850px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-overlay {
    position: absolute;
    color: white;
    width: 100%;
    height: inherit;
}

/* SIESTA BUBBLE */

.bubble-wrapper {
    width: 320px;
    display: block;
    margin-left: 70px;
}

.bubble {
    position: relative;
    min-height: 95px;
    padding: 0px;
    background: var(--siesta-middle);
    -webkit-border-radius: 0px 20px 20px 20px;
    -moz-border-radius: 0px 20px 20px 20px;
    border-radius: 0px 20px 20px 20px;
}

.bubble .bubble-text {
    display: inline-block;
    margin-top: -80px;
    padding: 10px 20px;
    vertical-align: middle;
}

.bubble .bubble-text-square {
    display: inline-block;
    margin-top: -80px;
    padding: 10px 20px;
    vertical-align: middle;
}

.bubble:before {
    content: " ";
    display: block;
    margin-left: -70px;
    width: 70px;
    height: 82px;
    background: url(../../img/childcarebusiness/service/siesta/siesta-arrow.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.bubble-up-wrapper {
    width: 320px;
    display: block;
}

.bubble-up {
    position: relative;
    min-height: 95px;
    padding: 0px;
    background: var(--siesta-middle);
    -webkit-border-radius: 0px 20px 20px 20px;
    -moz-border-radius: 0px 20px 20px 20px;
    border-radius: 0px 20px 20px 20px;
}

.bubble-up .bubble-text {
    padding: 10px 20px;
    vertical-align: middle;
}

.bubble-down-center {
    position: relative;
    min-height: 95px;
    padding: 0px;
    background: var(--siesta-middle);
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

.bubble-up-center {
    position: relative;
    min-height: 95px;
    padding: 0px;
    background: var(--siesta-middle);
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

.bubble-up-wrapper:before {
    content: " ";
    display: block;
    width: 70px;
    height: 82px;
    background: url(../../img/childcarebusiness/service/siesta/siesta-arrow-up.png) no-repeat;
    background-size: contain;
}

.bubble-up-center-wrapper:before {
    content: " ";
    display: block;
    height: 82px;
    background: url(../../img/childcarebusiness/service/siesta/siesta-arrow-up-center.png) 50% 0 no-repeat;
    background-size: contain;
}

.bubble-down-center-wrapper:after {
    content: " ";
    display: block;
    height: 82px;
    background: url(../../img/childcarebusiness/service/siesta/siesta-arrow-down-center.png) 50% -1px no-repeat;
    background-size: contain;
}

/* WEBFORM IMAGE SELECTOR */

.form-item-country {
    display: none;
}

.thumbnails.image_picker_selector p {
    text-align: center;
    font-weight: 500;
}

.image_picker_image {
    box-shadow: 1px 1px 3px #d6d6d6;
    width: 150px;
}

.image_picker_image:hover {
    cursor: pointer;
}

/* WEBFORM LABELS */

label[for="edit-select-catalog"],
label[for="edit-quote-qty"],
label[for="edit-facility-type"],
label[for="edit-company-name"],
label[for="edit-facility-name"],
label[for="edit-zip-code"],
label[for="edit-prefecture"],
label[for="edit-address-1"],
label[for="edit-name-full"],
label[for="edit-tel"],
label[for="edit-email-mail-1"],
label[for="edit-email-mail-2"],
label[for="edit-message"],
label[for="edit-select-pdf"],
.form-composite legend {
    color: black;
}

.form-required:after {
    width: auto;
    height: auto;
    vertical-align: baseline;
    line-height: 1.5em;
}

/* SIESTA BUBBLE */

.bubble-wrapper {
    width: 320px;
    display: block;
    margin-left: 70px;
}

.bubble {
    position: relative;
    /* width: 250px; */
    min-height: 95px;
    padding: 0px;
    background: var(--siesta-middle);
    -webkit-border-radius: 0px 20px 20px 20px;
    -moz-border-radius: 0px 20px 20px 20px;
    border-radius: 0px 20px 20px 20px;
}

.bubble .bubble-text {
    display: inline-block;
    margin-top: -80px;
    padding: 10px 20px;
    vertical-align: middle;
}

.bubble .bubble-text-square {
    display: inline-block;
    margin-top: -80px;
    padding: 10px 20px;
    vertical-align: middle;
}

.bubble:before {
    content: " ";
    display: block;
    margin-left: -70px;
    width: 70px;
    height: 82px;
    background: url(../../img/childcarebusiness/service/siesta/siesta-arrow.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.bubble-up-wrapper {
    width: 320px;
    display: block;
}

.bubble-up {
    position: relative;
    min-height: 95px;
    padding: 0px;
    background: var(--siesta-middle);
    -webkit-border-radius: 0px 20px 20px 20px;
    -moz-border-radius: 0px 20px 20px 20px;
    border-radius: 0px 20px 20px 20px;
}

.bubble-up .bubble-text {
    padding: 10px 20px;
    vertical-align: middle;
}

.bubble-up-wrapper:before {
    content: " ";
    display: block;
    width: 70px;
    height: 82px;
    background: url(../../img/childcarebusiness/service/siesta/siesta-arrow-up.png) no-repeat;
    background-size: contain;
}

/* PARAGRAPHS EDITING */

.paragraphs-dropdown-action.button {
    color: black;
}

/* CONTEXTUAL LINKS */

.contextual {
    margin-right: 20px;
    /* AVOID OVERLAPPING WITH CLOSE BUTTON */
}

.c-btnArea {
    margin-top: 24px;
    padding: 0 15px;
}

.c-btnArea a:hover {
    color: #fff;
}

.c-btnArea .c-btn--cv {
    display: flex;
    justify-content: center;
}

@media (max-width: 640px) {
    .c-btn--cv {
        font-size: 16px;

    }


    .c-btnArea a span {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.s01 h3 {
    font-size: 30px;
}

.s07 .bubble-down-center-wrapper .bubble-down-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}