/*
Theme Name: Jnilla
Theme URI: https://jnilla.com/
Author: Jnilla
Author URI: https://jnilla.com/
Description: Jnilla Template is functional for any environment, that is, whether you are creating a single page website, a blog, a business website or a portfolio, Jnilla will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.3
Requires PHP: 8.0
Version: 0.0
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
*/

@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");
@import url("css/mod-banner.css");
@import url("css/mod-logos.css");
@import url("css/mod-logos-spanish.css");
@import url("css/mod-footer.css");
@import url("css/mod-who-we-are.css");
@import url("css/scrollbar-styles.css");
@import url("css/mod-family-dentistry.css");
@import url("css/btn-style.css");
@import url("css/mod-cta-free.css");
@import url("css/mod-our-services.css");
@import url("css/mod-cosmetic-modal.css");
@import url("css/custom-cta.css");
@import url("css/mod-modal-list.css");
@import url("css/modal-style.css");
@import url("css/mod-testimonial.css");
@import url("css/mod-testimonial-home.css");
@import url("css/page-faq.css");
@import url("css/fonts-styles.css");
@import url("css/mod-dental-implants.css");
@import url("css/mod-dental-emergency-landing-es.css");
@import url("css/mod-contact-page.css");
@import url("css/spanish-banner.css");
@import url("css/mod-call-for-details-landing-es.css");
@import url("css/mod-reviews-landing-es.css");
@import url("css/mod-testimonial-spanish.css");
@import url("css/mod-content-video.css");
@import url("css/mod-banner-mobile.css");
@import url("css/mod-links.css");
@import url("css/mod-carson.css");
@import url("css/mod-family-cosmetic.css");
@import url("css/mod-contact-services.css");
@import url("css/mod-emergency-dentistry.css");
@import url("css/header.css");
@import url("css/mod-menu-tel.css");
@import url("css/page-about.css");
@import url("css/page-contact.css");
@import url("css/mod-nav.css");
@import url("css/mod-nav-footer.css");
@import url("css/mod-nav-mobile.css");
@import url("css/page-template-spanish.css");
@import url("css/mod-what-we-do.css");
@import url("css/mod-contact-text.css");
@import url("css/content-footer-spanish.css");
@import url("css/page-template-spanish-home.css");
@import url("css/mod-modal-spanish.css");
@import url("https://www.dentistoflakewood.com/wp-content/themes/jnilla/css/page-id-10.css");
@import url("css/mod-beautiful-smile-spanish.css");
@import url("css/mod-mobile-address.css");
@import url("css/mod-testimonial-services.css");
@import url("css/mod-map.css");
@import url("css/mod-btn-mobile.css");
@import url("css/mod-btn-mobile-spanish.css");
@import url("css/mod-blue-banner-mobile.css");
@import url("css/page-id-336.css");
@import url("css/page-id-70.css");
@import url("css/mod-financing.css");
@import url("css/mod-top-contact.css");

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
  text-decoration-style: dashed;
  text-decoration: none !important;
}

a:active {
  text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  text-decoration: underline;
  text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
*/

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  background-color: var(--wp--preset--color--primary);
  border-radius: 0;
  border: none;
  color: var(--wp--preset--color--background);
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
  opacity: 0.9;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Jnilla. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
  padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body
  > .is-root-container
  > .wp-block-template-part
  > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
  margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: var(--wp--custom--spacing--outer);
  padding-bottom: var(--wp--custom--spacing--large);
  padding-right: var(--wp--custom--spacing--outer);
  padding-left: var(--wp--custom--spacing--outer);
}

/*
 * Improves spacing for the legacy Post Comments block.
 * https://core.trac.wordpress.org/ticket/57560
 */

.wp-block-post-comments ol.commentlist ul.children {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
  margin-bottom: 1rem;
}

.textarea-h {
  height: 90px !important;
}

.border-color {
  border: 1px solid #30c5fe;
}

.jn-play {
  position: relative;
  overflow: hidden;
}

.jn-play .jn-play-poster {
  cursor: pointer;
  display: block;
  width: 100%;
  transform: scale(1);
  transition: 1s;
}

.jn-play .jn-play-action {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  opacity: 0.7;
  transform: scale(1);
  transition: 1s;
}

.jn-play:hover .jn-play-poster {
  opacity: 1;
  transform: scale(1.1);
}

.jn-play:hover .jn-play-action {
  transform: scale(1.3);
}

.jn-play iframe {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  height: 326px;
}

.jn-play-modal {
  border: 1px solid #ccc;
  border-radius: 0;
}

.jn-play-modal .modal-body {
  padding: 0;
  overflow: hidden;
  border-radius: 5px;
}

.jn-play-close {
  display: table-cell;
  position: absolute;
  top: -11px;
  right: -11px;
  z-index: 10;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  text-align: center;
  padding: 1px;
  background-color: #ccc;
  border-radius: 24px;
  cursor: pointer;
  font-family: arial;
}

@media (max-width: 767px) {
  .entry-content .col-md-auto,
  .imagenes {
    text-align: center;
  }
}

@media (max-width: 979px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }

  .wp-block-navigation .wp-block-navigation-item__content {
    font-size: 16px;
  }
}