/**
 * Theme Name:     Birtle View Nursery
 * Author:         Clair Yates-Cook
 * Template:       twentytwenty
 * Text Domain:	   birtle-view-nursery
 * Description:    Website theme for Birtle View Nursery
 */

.site-logo img {max-height: 14rem!important;}

#site-header {background-color: #fbf9ed!important; padding-bottom: 60px; margin-bottom: -70px;
  clip-path: shape(from 0 0,vline to calc(100% - 40px),curve to 7.89% calc(100% - 42px) with 5.26% calc(100% - 13px),smooth to 13.16% calc(100% - 38px),smooth to 18.42% calc(100% - 30.5px),smooth to 23.68% calc(100% - 61.5px),smooth to 28.95% calc(100% - 39.5px),smooth to 34.21% calc(100% - 36px),smooth to 39.47% calc(100% - 51px),smooth to 44.74% calc(100% - 25px),smooth to 50% calc(100% - 14.5px),smooth to 55.26% calc(100% - 41.5px),smooth to 60.53% calc(100% - 61px),smooth to 65.79% calc(100% - 35.5px),smooth to 71.05% calc(100% - 37.5px),smooth to 76.32% calc(100% - 60px),smooth to 81.58% calc(100% - 34px),smooth to 86.84% calc(100% - 43px),smooth to 92.11% calc(100% - 40.5px),smooth to 100% calc(100% - 40px),vline to 0, hline to 0);
}

.home .entry-header {display: none;}
.entry-header {background: #80dbde!important; }
h1.entry-title {color: #fff!important; padding: 80px 0 50px 0; font-size: 2.2em!important;}

#site-content, .post-inner   {margin-top: 0!important; padding-top: 0!important;}

ul.primary-menu a {color: #f79689!important;}
ul.primary-menu a:hover {text-decoration: none; color: #80dbde!important;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {text-decoration: none; color: #80dbde!important;}

ul.sub-menu {z-index: 1000; width: 300px; background: #fff4e4!important;}
.icon {color: #f79689!important;}
.current_page_parent.current_page_ancestor.menu-item-has-children {text-decoration: none; color: #80dbde!important;}
/*Mobile menu*/

.menu-modal.active {z-index: 999!important;}
.modal-menu {z-index: 999!important;}
.menu-modal .menu-top {margin-top: 40px;}
.modal-menu a {color: #f79689!important;}
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color: #80dbde!important;}

               
h1 {margin: 0 0 20px 0!important; color: #000000; font-weight: bold;}
h2, h3, h4, h5, h6 {margin: 0 0 20px 0!important; color: #f79689; font-weight: bold;}
h1, h1.entry-title {font-size: 1.8em; line-height: 1.4em;}
h2 {font-size: 1.6em} 
h3 {font-size: 1.4em}
h4 {font-size: 1.2                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               em}
h5 {font-size: 1em}
h6 {font-size: 0.8em; text-transform:none;}
.entry-content a, .is-style-outline .wp-block-button__link:not(.has-text-color) {color: #f79689!important;}
.entry-content a:hover, .is-style-outline .wp-block-button__link:not(.has-text-color):hover {color: #FEE183!important; text-decoration: none!important;}
.entry-content .pagination-single-inner{color: #f79689!important;}
.color-accent, .title-inner {color: #f79689!important;}
.color-accent:hover, .title-inner:hover {color: #FEE183!important; text-decoration: none!important; border-bottom: none!important;}
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
    color: #f79689!important;
}
#site-content p, #site-content li {font-size: 16px; color: #727874;}
#site-content ul, #site-content ol {margin-bottom: 20px;}
#site-content li {margin: 0;}

.white-text p, .white-text li {color: #fff!important;}

/* wavy line dividers */
.wavy-top {padding-top: 60px; margin-top: -70px;
  clip-path: shape(from 0 100%,vline to 40px,curve to 7.89% 42px with 5.26% 13px,smooth to 13.16% 38px,smooth to 18.42% 30.5px,smooth to 23.68% 61.5px,smooth to 28.95% 39.5px,smooth to 34.21% 36px,smooth to 39.47% 51px,smooth to 44.74% 25px,smooth to 50% 14.5px,smooth to 55.26% 41.5px,smooth to 60.53% 61px,smooth to 65.79% 35.5px,smooth to 71.05% 37.5px,smooth to 76.32% 60px,smooth to 81.58% 34px,smooth to 86.84% 43px,smooth to 92.11% 40.5px,smooth to 100% 40px,vline to 100%, hline to 0);
}

.wavy-bottom {padding-bottom: 60px; margin-bottom: -70px; clip-path: shape(from 0 0,vline to calc(100% - 40px),curve to 7.89% calc(100% - 42px) with 5.26% calc(100% - 13px),smooth to 13.16% calc(100% - 38px),smooth to 18.42% calc(100% - 30.5px),smooth to 23.68% calc(100% - 61.5px),smooth to 28.95% calc(100% - 39.5px),smooth to 34.21% calc(100% - 36px),smooth to 39.47% calc(100% - 51px),smooth to 44.74% calc(100% - 25px),smooth to 50% calc(100% - 14.5px),smooth to 55.26% calc(100% - 41.5px),smooth to 60.53% calc(100% - 61px),smooth to 65.79% calc(100% - 35.5px),smooth to 71.05% calc(100% - 37.5px),smooth to 76.32% calc(100% - 60px),smooth to 81.58% calc(100% - 34px),smooth to 86.84% calc(100% - 43px),smooth to 92.11% calc(100% - 40.5px),smooth to 100% calc(100% - 40px),vline to 0, hline to 0);
}

.wavy-top-bottom  {padding: 80px 0; margin: -70px 0;
  clip-path: shape(from 0 40px,curve to 7.89% 42px with 5.26% 13px,smooth to 13.16% 38px,smooth to 18.42% 30.5px,smooth to 23.68% 61.5px,smooth to 28.95% 39.5px,smooth to 34.21% 36px,smooth to 39.47% 51px,smooth to 44.74% 25px,smooth to 50% 14.5px,smooth to 55.26% 41.5px,smooth to 60.53% 61px,smooth to 65.79% 35.5px,smooth to 71.05% 37.5px,smooth to 76.32% 60px,smooth to 81.58% 34px,smooth to 86.84% 43px,smooth to 92.11% 40.5px,smooth to 100% 40px,vline to calc(100% - 40px),curve to 92.11% calc(100% - 19.5px) with 94.74% calc(100% - 21px),smooth to 86.84% calc(100% - 41.5px),smooth to 81.58% calc(100% - 64.5px),smooth to 76.32% calc(100% - 52.5px),smooth to 71.05% calc(100% - 47px),smooth to 65.79% calc(100% - 30px),smooth to 60.53% calc(100% - 26.5px),smooth to 55.26% calc(100% - 57.5px),smooth to 50% calc(100% - 46.5px),smooth to 44.74% calc(100% - 26px),smooth to 39.47% calc(100% - 27.5px),smooth to 34.21% calc(100% - 22px),smooth to 28.95% calc(100% - 41.5px),smooth to 23.68% calc(100% - 36px),smooth to 18.42% calc(100% - 30px),smooth to 13.16% calc(100% - 38px),smooth to 7.89% calc(100% - 37px),smooth to 0 calc(100% - 40px),vline to 0);
}

.home-rooms img {border-radius: 20px 20px 0 0;}
.home-rooms .textwidget {background: #80dbde; border-radius: 0 0 20px 20px; padding: 20px 0 10px 0;}
.home-rooms .textwidget h6 {color: #ffffff;}

.bottom-cta h2 {color: #ffffff!important;}


.wavy-image img {
  --s: 600px; /* adjust to control the size */

  width: var(--s); 
  aspect-ratio: 1;
  --g:/calc(var(--s)*0.201) calc(var(--s)*0.201) radial-gradient(50% 50%,#000 99%,#0000 101%) no-repeat;
  mask: calc(50% + var(--s)*0.369) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*0.261) calc(50% + var(--s)*0.261) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*0.369) var(--g),calc(50% + var(--s)*-0.261) calc(50% + var(--s)*0.261) var(--g),calc(50% + var(--s)*-0.369) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*-0.261) calc(50% + var(--s)*-0.261) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*-0.369) var(--g),calc(50% + var(--s)*0.261) calc(50% + var(--s)*-0.261) var(--g),radial-gradient(calc(var(--s)*0.418),#000 99%,#0000 101%) subtract,calc(50% + var(--s)*0.447) calc(50% + var(--s)*0.185) var(--g),calc(50% + var(--s)*0.185) calc(50% + var(--s)*0.447) var(--g),calc(50% + var(--s)*-0.185) calc(50% + var(--s)*0.447) var(--g),calc(50% + var(--s)*-0.447) calc(50% + var(--s)*0.185) var(--g),calc(50% + var(--s)*-0.447) calc(50% + var(--s)*-0.185) var(--g),calc(50% + var(--s)*-0.185) calc(50% + var(--s)*-0.447) var(--g),calc(50% + var(--s)*0.185) calc(50% + var(--s)*-0.447) var(--g),calc(50% + var(--s)*0.447) calc(50% + var(--s)*-0.185) var(--g);
}

.menu .tablepress>:where(thead,tfoot)>tr>* {
    background-color: #80dbde!important;
    vertical-align: middle;
	text-align: center!important;
    word-break: normal;
}

.menu td {padding: 20px!important;}

.menu td.column-2, td.column-3, td.column-4, td.column-5, td.column-6 {text-align: center!important; vertical-align: middle!important;} 


.sow-form-field.sow-form-field-checkboxes ul input {height: 20px!important;}

.socials-contact {font-size: 50px;}
.socials-footer {font-size: 70px!important; padding:0!important; margin: 0!important;}

/* Footer */
.lower-menu {padding-top: 20px!important;}
.footer-inner.section-inner {max-width: 100%!important; width: 100%;}

.footer-inner.section-inner .widget:first-child {margin-top: 2em;}
.footer-inner.section-inner .widget {float: left; width: 17%; margin-top: 2em; margin-left: 3%;}

.header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top {
border-color: none;}

#site-footer {background-color: #551e57!important; padding: 40px; border-top: none; margin: 0!important;}
.footer-inner p, .footer-inner h6, .footer-inner a, .footer-inner ul, .footer-inner li {color: #fff!important; font-family: "Montserrat Alternates";}
.footer-inner p {font-size: 0.6em!important; font-weight: normal;}
.footer-inner a {text-decoration: none; font-size: 1em; font-weight: normal;}
.footer-top-visible .footer-nav-widgets-wrapper {margin-top: 0!important;}
.footer-inner li {font-size: 0.6em!important; font-weight: normal;}

.footer-credits {margin-top: 40px; margin-left: -100px;}
.footer-copyright {font-size: 0.6em; font-weight: 400; color: #fff!important;}
.footer-copyright a {color: #fff!important;}
a.cerebral {float: left; font-size: 0.5em!important; padding: 20px 0 0 20px; color: #999999!important;}

a.to-the-top {color: #fff!important;}



@media only screen and (max-width: 768px) {
.footer-inner.section-inner .widget {width: 90%;}
.footer-credits {margin-top: 40px; margin-left: -50px;}
}

@media only screen and (max-width: 1024px){
.home-header h1 {font-size: 1.2em!important;}	
.home-header .ow-button-base .sowb-button {font-size: 0.8em!important; padding: 0.5em!important; padding-inline: 1em!important;}
.footer-credits {margin-top: 40px; margin-left: -50px;}
}