/**
 * 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 {padding-bottom: 60px;
  --s: 2.6em; /* the size of the wave */
  --p: 1.4;    /* the curvature of the wave [0 2] */

  --R: calc(var(--s)*sqrt(var(--p)*var(--p) + 1)) at 50%;
  mask:
    radial-gradient(var(--R) calc(100% - var(--s)*(1 + var(--p))), #000 99%, #0000 101%) 
      calc(50% - 2*var(--s)) 0/calc(4*var(--s)),
    radial-gradient(var(--R) calc(100% + var(--s)*var(--p)), #0000 99%, #000 101%) 
      50% calc(-1*var(--s))/calc(4*var(--s)) repeat-x;
}

.entry-header {display: none;}

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

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

ul.sub-menu {z-index: 1000; width: 300px; background: #fff4e4!important;}
.icon {color: #d35227!important;}
.current_page_parent.current_page_ancestor.menu-item-has-children {text-decoration: none; color: #faa429!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: #d35227!important;}
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color: #faa429!important;}


h1 {margin: 0 0 20px 0!important; color: #000000; font-weight: normal;}
h2, h3, h4, h5, h6 {margin: 0 0 20px 0!important; color: #d35227; font-weight: normal;}
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.2em}
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: #d35227!important;}
.entry-content a:hover, .is-style-outline .wp-block-button__link:not(.has-text-color):hover {color: #faa429!important; text-decoration: none!important;}
.entry-content .pagination-single-inner{color: #d35227!important;}
.color-accent, .title-inner {color: #d35227!important;}
.color-accent:hover, .title-inner:hover {color: #faa429!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: #d35227!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;}


.home-page-first-row {margin-top: -40px;}





/* wavy line divider */
.wavy   --s: 2.6em; /* the size of the wave */
  --p: 1.4;    /* the curvature of the wave [0 2] */

  --R: calc(var(--s)*sqrt(var(--p)*var(--p) + 1)) at 50%;
  mask:
    radial-gradient(var(--R) calc(100% - var(--s)*(1 + var(--p))), #000 99%, #0000 101%) 
      calc(50% - 2*var(--s)) 0/calc(4*var(--s)),
    radial-gradient(var(--R) calc(100% + var(--s)*var(--p)), #0000 99%, #000 101%) 
      50% calc(-1*var(--s))/calc(4*var(--s)) repeat-x;
}