/*
Theme Name: Guirguis-2024
Theme URI: https://identitydental.com/
Author: the WordPress team
Author URI: https://identitydental.com/
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Guirguis-2024
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, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

body.single h2.shadow-t.wp-block-post-title{
  font-size: 40px !important;
  text-shadow: 2px 2px 2px black;
}

body .uwy.userway_p1 .userway_buttons_wrapper {
	top: auto !important;
	right: auto !important;
	bottom: 13px !important; 
	left: calc(100vw - 21px) !important;
	transform: translate(-100%) !important;
}


a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}
.on-hover-black-udrlin li:hover{text-decoration-color: black !important;}
.zoomOut{
  animation: zoomOut .5s ease-out forwards;
}
.overflow{overflow:hidden!important;}
/* Animation keyframes */
@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
html.pum-open.pum-open-overlay.pum-open-scrollable div .pum-overlay.pum-active{overflow-y:hidden;}
.wp-block-cover__image-background.has-parallax{background-attachment: scroll!important;}
footer{margin-top:0px!important;}
.shadow-t {
    text-shadow: 3px 3px 10px #0000004d;
}
.sticky-header-fade-in {
    animation-name: sticky_header_fadein;
    animation-duration: .6s;
    animation-iteration-count: 1;
}
.stickey-header-active {
  background:white!important;
    position: fixed!important;
    margin:0!important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    box-shadow: 0 5px 20px -15px rgba(0,0,0,.1);
}
@keyframes sticky_header_fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }}
/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}
.marker-black ::marker {color:black!important;}
.marker-white ::marker {color:white!important;}
nav a:hover{text-decoration:none!important;}
:where(.wp-site-blocks *:focus) {
    outline-width: 0px!important;
}
a:focus{border:none!important;}
/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
nav .wp-block-button__link:hover {background-color: white!important;color: #EADCA6!important;}
nav .wp-block-navigation-item__content{
  padding-right:20px!important;
  padding-left:20px!important;
}
nav .wp-block-navigation-item__content:hover{background-color: black!important;color: white!important; border-radius:8px!important;}
.current-menu-item a{font-weight: 700!important;}
.more-link {
	display: block;
}

.wp-block-navigation__responsive-container.hidden-by-default{
    overflow: visible!important;
    top: 140px!important;

}
.wp-block-navigation__responsive-close{overflow-y:scroll!important;}
div .has-modal-open .wp-block-navigation__responsive-close{max-width:100%!important;}
.wp-block-navigation__responsive-container-close {
    top: -92px !important;
    right: 40px !important;
    position:fixed!important;
    background:white!important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal="true"]) {
  padding-right: 0px!important;
}
nav .wp-block-navigation__responsive-container-open.always-shown{background:white!important;}
h2.wp-block-heading {
    margin-bottom: 32px;
}
.px-holder {
    z-index: 0;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.px-image-above {
    position: absolute;
    inset: -3vw 0;
}
:root :where(.wp-block-button.is-style-fill--2 .wp-block-button__link.wp-block-button__link:not(.has-background) ){
    transition: background-color .2s, color .2s;
}

.space-arounds{justify-content: space-around!important;}
.brand-stroke {
  color: #EADCA6;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: .013em;
  -webkit-text-stroke-color: #EADCA6;
}
.wp-duotone-eadca6-ffffff-1.wp-block-image img{filter:none!important;}
.wp-duotone-eadca6-ffffff-1.wp-block-image:hover img{filter:url(#wp-duotone-eadca6-ffffff-1)!important;}
.above{
    margin-top: -1vw!important;
    margin-bottom: -1vw!important;
    position: relative;
}
.above-2{
    margin-top: -3vw!important;
    margin-bottom: -3vw!important;
    position: relative;
}
.above-2.add_bottom{
     margin-bottom: 7vw!important;
}
.relative-group{position:relative;}
.heading-the-doctor {
    z-index: 2;
    line-height: 1;
  position: absolute;}
.heading-the-doctor.cosmetic{
    margin-top: -36px;
    margin-bottom: 60px;
    font-size: 7.6em!important;
    position: static;

}
.hover-bg:hover{
  background:black!important;
  color:white!important;
}
.blog-img {
  display: block;
  overflow: hidden;
}
.article-hero {overflow:hidden!important;}
.article-hero img{
  left: -20px!important;
  right: -20px!important;
}

.blog .button-black.social-media{display:none!important;}
.blog a .button-black.social-media{display:block!important;}
.button-black:hover{background-color:white!important;}
.blog-img img{
  transition: transform 0.3s ease-in-out; /* Smooth transition effect */
}
.blog-img:hover img {
  transform: scale(1.1); /* Scales the image by 10% on hover */
}
.difference {
    width: 700px;
    left: 30%;
}
.has-hone-font-size{
 letter-spacing: normal !important;
  line-height:1!important;}

.map{
    width: 100%;
    height: 100%;
    position: absolute;
}
.yellow-square{position:relative;}
.yellow-square.right:before{
    left: auto;
  right: 0;}
.yellow-square:before{
    content: "";
    background-color: #eadca6;
    width: 50%;
    height: 300px;
    position: absolute;
    inset: 50% auto auto 0%;
    transform: translateY(-50%);
}
.div-spacer.mobile-v {
    display: none;
}
.phone-number-text {
    z-index: 1;
    position: relative;
    left: -5px;
}
.phone-number-arrow {
    background-color: #EADCA6;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -15px;
    left: -11px;
    transform: rotate(45deg);
}
.phone{position:relative!important;}
.phone:hover .phone-number{display:flex!important;}
.phone .phone-number{display:none!important;}
.phone-number {
    background-color: #EADCA6;
    text-align: center;
    letter-spacing: 1px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 30px;
    padding: 5px 6px 5px 10px;
    display: flex
;
    position: absolute;
    top: -3px;
    left: 60px;
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    height: 45px !important;
    width: 45px !important;
}
.neg-right {
    z-index: 7;
    margin-top: 0;
    margin-right: -695px;
    position: relative;
}
.div-block-2 {
    background-color: #292727;
    position: absolute;
    inset: 100px 0% 0% 100px;
    z-index: -1;
}
.div-block-3 {
    z-index: 1;
    max-width: 450px;
    margin-top: -60px;
    margin-bottom: 40px;
    margin-left: -168px;
    position: relative;
}
.slick-prev{left: 15px!important;}
.slick-next{right: 20px!important;}
.slick-next, .slick-prev {z-index: 2;}
.wp-block-cb-carousel .slick-next:before, .wp-block-cb-carousel .slick-prev:before {
    color: #ffffff!important;
}
.slick-next:before, .slick-prev:before {
  font-size: 35px!important;}
.wp-block-cb-carousel .slick-slide {
    overflow: hidden;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.before-after:hover .rev-button img{transform:rotate(180deg);}
.before-after:hover .before-after-back{
  transition: left 0.5s ease; 
  left:0;}
.before-after-back {
  top:0;
  width:100%;
  position: absolute;
  transition: left 0.5s ease;
  left: -100%;}
.before-after{
overflow: hidden;
  position: relative;}
/*.before-after-front {
  width:100%;
  position: absolute;
  inset: auto 0% 0% auto;}*/
.rev-button{
  position: absolute;
  inset: auto 0% 0% auto;
  z-index: 2;
}
h2.before-after-text {
    background-color: #3dd2ce;
    margin-bottom: 0;
    padding: 11px 15px;
    font-family: gill-sans-nova, sans-serif!important;
    font-size: 1.5em!important;
    font-weight: 300!important;
    line-height: 1.1em;
    position: absolute;
    inset: 0% auto auto 0%;
}
@media screen and (max-width: 479px) {
  .hero-cover{min-height:50vw!important;}
  .footer-button.wp-block-buttons  .wp-block-button__link{font-size:12px!important;}
    div h2.hero-heading{margin-bottom: 20px;
    font-size: 40px;}
   .button-spacer_60{height:30px!important;}
  div .half-img{min-height:50vw!important;}
 div .no-flex{flex-basis: 110px!important;}
  .hide-small{display:none!important;}
  div .article-hero{min-height:80vw!important;}
 div .s-team {
        min-height: 55vh!important;
    }
div h2.adj-font {font-size: 52px!important;}
  div .big-p-no-italic {
      letter-spacing: 1px!important;
        font-size: 24px!important;
    }
   div .big-p {
        letter-spacing: 3px!imporatant;
        font-size: 30px!imporatant;
    }
   div  .heading-the-doctor.brand-stroke.cosmetic {
        margin-top: 0;
        font-size: 2.9em!important;
    }
  div .has-x-large-font-size{font-size: 24px!important;}
    div .has-hone-font-size , .wp-block-heading.has-hone-font-size {
         font-size: 64px!important;
         
    }
    div .has-htwo-font-size , .wp-block-heading.has-htwo-font-size,h2.wp-block-heading {
         font-size: 46px!important;
    }
    .heading-mid {
        font-size: 46px!important;
    }
    
    .heading-the-doctor.brand-stroke{
       position: static;
       font-size: 62px!important;
    }
    div .split-image-custom {
        min-height: 60vw!important;
        padding-left: 20px;
        padding-right: 20px;
      }
   
}
div .show-mbl{display:none!important;}
@media screen and (max-width: 781px){
  .warp{flex-wrap: wrap;}
  footer .contact-details{margin:auto!important;}
footer ul.wp-block-social-links{
  width: 100%;
  flex-direction: row;
  justify-content: center;}
  div  .map {position:relative!important;}
  .map iframe{min-height:358px!important;}
    .memorial-p {
        font-size: 28px!important;
    }
      .memorial-heading {
        font-size: 52px;
    }
  div .hide-desktop{display:none!important;}
 div .show-mbl{display:block!important;}
  .heading-the-doctor{position:relative!important;}
    div p.small-p {
        font-size: 23px!important;
        line-height: 1.2!important;
      margin-top:30px!important;
    }
  div .div-block-3 {
        margin-top: 0;
        margin-left: 0;
    }
  div .div-block-2 {
        left: 0;
    }
  div .split-left-the-doctor {
        z-index: 1;
        min-height: 80vw!important;
    }
     div .neg-right {
        margin-right: 0;
    }
  
  .wrap{flex-wrap: wrap!important;}
  .space-arounds{flex-wrap: wrap!important;}
      .div-spacer {
        display: none;
    }
      .div-spacer.mobile-show {
        min-height: 5vw;
        display: block;
    }
      div .yellow-square:before {
        height: 60px;
        top: 10%;
        transform: translateY(-10%);
    }
.reverse-cols{
 flex-direction: column-reverse!important;

}
 .map{
   min-height: 80vw;
}
 .div-spacer.mobile-v {
        display: block;
    }

}
@media screen and (max-width: 781px) and (min-width: 478px) {
   .hero-cover{min-height:60vw!important;}
    div h2.hero-heading{margin-bottom: 10px;
    font-size: 56px;}
 div .half-img{min-height:60vw!important;}
   div .s-team {
        min-height: 75vh!important;
    }
  div h2.adj-font {font-size: 80px!important;}
   div .split-image-custom {
        min-height: 70vw!important;
        padding-left: 20px;
        padding-right: 20px;
        }
     .heading-the-doctor.brand-stroke.difference {
        width: auto;
        font-size: 80px!important;
        left: 10px;
    }
    .heading-mid {
        font-size: 53px!important;
    }
}



@media screen and (max-width: 991px) and (min-width: 478px) {
   .footer-button.wp-block-buttons .wp-block-button__link{font-size:14px!important;}
   .button-spacer_60{height:40px!important;}
div .has-x-large-font-size{font-size: 32px!important;}
   div .big-p-no-italic {
        letter-spacing: 1px!important;
        font-size: 32px!important;
    }
  div .big-p {
        letter-spacing: 2px!important;
        font-size: 36px!important;
    }
 div .heading-the-doctor.brand-stroke.cosmetic {
        margin-bottom: 20px;
        font-size: 4.2em!important;
    }
  div .has-htwo-font-size , .wp-block-heading.has-htwo-font-size,h2.wp-block-heading {
         font-size: 42px!important;
    }
   div h2.wp-block-heading  {
        line-height: 1;
    }
    div .has-hone-font-size  , .wp-block-heading.has-hone-font-size {
        font-size: 92px!important;
        line-height: 1.2!important;
    }

}


@media screen and (max-width: 991px) and (min-width: 780px) {
   .footer-button.wp-block-buttons .wp-block-button__link{font-size:16px!important;}
    div h2.hero-heading{margin-bottom: 10px;
    font-size: 76px;}
      .memorial-heading {
        font-size: 58px!important;
    }
  .memorial-p {
        font-size: 32px!important;
    }
 div h2.adj-font {font-size: 100px!important;}
    div .split-left-the-doctor {
        z-index: 1;
        min-height: 52vw!important;
    }
    div  .neg-right {
        margin-right: -353px;
    }
   div .yellow-square:before {
        height: 250px;
    }
.heading-the-doctor.brand-stroke.difference {
        width: 450px;
        left: 10%;
        font-size: 100px!important;
    } 
  .heading-mid {
        font-size: 68px!important;
    }

}
.mobile-only{display:none!important;}
@media screen and (max-width: 991px) {
  .blog-post-templet {grid-template-columns: repeat(1, minmax(0, 1fr))!important;}
  .heading-excellent{font-size:24px!important;}
  .adj-spacer{height:30px!important;}
  .button-spacer{height:20px!important;}
  div .wp-block-navigation__responsive-container-close {
    top: -120px !important;
    right: 20px !important;}
  .desktop-only{display:none!important;}
  .mobile-only{display:block!important;}
    div .split-content,
    div .split-content-custom {
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
    div .has-paragraph-font-size {
        font-size: 24px!important;
    }

    div p  {
        line-height: 1.1;
        font-size: 24px;
    }
}