/*
Theme Name: KBirth Theme
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: A custom theme created for Kueo Birth Center based on the Twenty Twenty theme.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.7.1729879213
Updated: 2024-10-25 18:00:13

*/

/*General Edits*/
.no-margins {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/*Header Edits*/
#post-6 .entry-header, #post-79 .entry-header, #post-83 .entry-header, #post-85 .entry-header, #post-89 .entry-header, #post-219 .entry-header, #post-216 .entry-header {
    display: none;
}

.site-description {
    display: none;
}

#site-header {
    background-color: #D5D9C4;
}

.primary-menu {
    font-family: address-sans-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3em !important;
}

.primary-menu a {
    color: #414E22 !important;
}


.center-container {
  text-align: center; /* Centers the header within the container */
}

.kbc-header {
    position: relative;
    display: inline;
    font-family: address-sans-pro, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal;
    text-transform: uppercase;
}

.kbc-header::before,
.kbc-header::after {
  content: "";
  position: absolute;
  left: -15px;
  right: -15px;
  height: 3px; /* Adjust thickness */
  background-color: #D5D9C4; /* Border color */
}

.kbc-header::before {
  top: 3px; /* Position above text */
}

.kbc-header::after {
  bottom: 10px; /* Position below text */
}

h1, h2 {
    font-family: address-sans-pro, sans-serif !important;
    font-weight: 200;
    font-style: normal;
}

h3, h4, h5 {
    font-family: address-sans-pro, sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

p {
    font-family: address-sans-pro, sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

p a {
    color: #414e22;
}

.cover-bg {
    background: linear-gradient(to top, #F2F3ED, #FFFFFF)
}

.book-now, .book-now a {
    font-family: address-sans-pro, sans-serif !important;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

.book-now .wp-block-button__link {
    padding: 0.25em 0.5em 0.1em;
}

.wp-block-list {
    font-family: address-sans-pro, sans-serif !important;
}

.midwife-box .wp-block-media-text__content {
    padding-top: 0 !important;
}

/*Box Shadows*/
.shadow-up-left-dark img {
  -webkit-box-shadow: -40px -40px 0px 0px #D5D9C4; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: -40px -40px 0px 0px #D5D9C4; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.shadow-down-right-dark img {
  -webkit-box-shadow: 40px 40px 0px 0px #D5D9C4; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 40px 40px 0px 0px #D5D9C4; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.shadow-up-right-light img {
  -webkit-box-shadow: 40px -40px 0px 0px #F2F3ED; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
      box-shadow: 40px -40px 0px 0px #F2F3ED; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.shadow-up-left-light img {
  -webkit-box-shadow: -40px -40px 0px 0px #F2F3ED; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
      box-shadow: -40px -40px 0px 0px #F2F3ED; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.shadow-down-left-light img {
  -webkit-box-shadow: -40px 40px 0px 0px #F2F3ED; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
      box-shadow: -40px 40px 0px 0px #F2F3ED; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

/*Gallery Edits*/

.swiper-button-next, .swiper-button-prev {
    color: #414e22 !important;
}
.swiper-pagination-bullet {
    background: #F2F3ED !important;
}

/*Contact Form*/
.wpcf7-form label {
    font-size: 2.1rem;
    color: #414e22;
}
.wpcf7-form input, .wpcf7-form textarea {
    font-family: address-sans-pro, sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.wpcf7-submit {
    background-color: #414e22 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: 100%;
    font-size: 3rem !important;
    padding: 10px 0px 7px !important;
}


/*Footer Edits*/

.wp-block-cover.footer-block  {
    padding: 0 !important;
}

.footer-block .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    padding: 0 !important;
}

.footer-block .wp-block-image {
    margin-top: 0 !important;
}

.footer-block .wp-block-columns.alignwide {
    padding: 0 !important;
}

#site-footer {
    background-color: #D5D9C4;
    border-top-width: 0px;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.footer-copyright {
    color: #414E22;
}

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

/*Mobile Edit*/
.header-inner .toggle path {
    fill: #414E22;
}
.toggle-text {
    color: #414E22 !important;
}
.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: #414E22;
}
.fill-children-current-color, .fill-children-current-color * {
    fill: #414E22;
}
.menu-modal-inner {
    background: #D5D9C4;
}
.modal-menu a {
    color: #414E22 !important;
}
.modal-menu .ancestor-wrapper {
    background: #FFFFFF;
}
.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: #D5D9C4 !important;
}
@media only screen and (max-width: 430px) {
    .custom-logo {
        min-height: 150px;
    }
    .header-titles {
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
    }
    .privacy-practices {
        font-size: 17px;
    }
    .fb-icon .alignright {
        float: none !important;
        margin-left:auto;
        margin-right: auto;
    }
    .wp-block-cover, .wp-block-cover-image {
        min-height: 250px;
    }
    h1.kbc-header {
        font-size: 5rem;
    }
    .shadow-up-left-dark img {
      -webkit-box-shadow: -10px -10px 0px 0px #D5D9C4; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
              box-shadow: -10px -10px 0px 0px #D5D9C4; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
    }
    .shadow-down-right-dark img {
      -webkit-box-shadow: 10px 10px 0px 0px #D5D9C4; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
              box-shadow: 10px 10px 0px 0px #D5D9C4; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
    }
    .shadow-up-right-light img {
      -webkit-box-shadow: 10px -10px 0px 0px #F2F3ED; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 10px -10px 0px 0px #F2F3ED; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
    }
    .shadow-up-left-light img {
      -webkit-box-shadow: -10px -10px 0px 0px #F2F3ED; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: -10px -10px 0px 0px #F2F3ED; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
    }
    .shadow-down-left-light img {
        -webkit-box-shadow: -10px 10px 0px 0px #F2F3ED; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
        box-shadow: -10px 10px 0px 0px #F2F3ED; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
    }
}





