/*
Theme Name: Shahid2023
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: Hamza Mairaj
Author URI: https://hamzamairaj.dev
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
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, accessibility-ready, blog, portfolio, news
*/
 	
.mobile-only {
    margin-top:10px;
}
@media screen and (min-width: 769px) {
  	
	.mobile-only {
    display: none !important;
}
}
ol.has-background, ul.has-background{
	padding:0 !important;
}
 .entry-content a {
    color: blue !important;
}
.wp-block-post-featured-image {
    display:none !important;
}
body {
    -webkit-font-smoothing: antialiased;
}

ul.wp-block-navigation__submenu-container li a {
    font-weight: 400;
}

ul.wp-block-navigation__submenu-container {
    border: none !important;
    width: 250px !important;
}

ul.wp-block-navigation__container > li {
    padding: 12px 24px;
}

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

ul.wp-block-navigation__container li a:hover {
    color: #fff;
}

ul.wp-block-navigation__container > li:hover,
ul.wp-block-navigation__container > li.current-menu-item {
    border-bottom: 3px solid #1981B1;
}

ul.wp-block-navigation__container > li {
    border-bottom: 3px solid transparent;
}

ul.wp-block-navigation__submenu-container li:hover,
ul.wp-block-navigation__submenu-container li.current-menu-item {
    background-color: #1981B1 !important;
}

.below-hero-section {
    transform: translateY(-50%);
    z-index: 9999;
    position: relative;
}

.below-hero-section img {
    height: 68px !important;
    max-width: inherit;
}

.text-shadow {
    text-shadow: 0px 0px 10px rgb(0 0 0 / 71%);
}

.service-card *, .service-card img {
    transition: all .3s ease;
}

.service-card:hover img {
    transform: translateX(30px);
}

.service-card:hover span.wp-block-cover__background.has-background-dim-0.has-background-dim {
    opacity: .8;
}

.service-card:hover .wp-block-cover__inner-container {
    transform: translateY(-30px);
}

body {
    max-width: 100%;
    overflow-x: hidden;
}

.box-shadow {
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
}

p.wp-block-post-excerpt__excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

a {
    transition: all .3s ease;
}

a.wp-block-button__link.has-primary-color.has-text-color.wp-element-button:hover {
    background-color: #579ed1 !important;
    color: #fff !important;
}

a.wp-block-button__link.has-base-color.has-primary-background-color.has-text-color.has-background.wp-element-button:hover {
    background-color: #3555af !important;
}

a.wp-block-button__link.has-base-color.has-green-background-color.has-text-color.has-background.wp-element-button:hover {
    background-color: #579ed1 !important;
}

.sticky >div:nth-child(1){
	display:none !important;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 1.25s;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
  animation-duration: 1.25s;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight;
  animation-duration: 1.25s;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown;
  animation-duration: 1.25s;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight;
  animation-duration: 1.25s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp;
  animation-duration: 1.25s;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
  animation-duration: 1.25s;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn;
  animation-duration: 1.25s;
}

.footer-blogs{
    display: flex !important;
}

.footer-blogs  .wp-block-group{
    display: flex !important;
    flex-direction: column !important;
    height: 350px !important;
    position: relative !important;
}

.footer-blogs .wp-block-post-excerpt__more-text{
    bottom: 20px !important;
    position: absolute !important;
}

@media (max-width:981px){
    .footer-blogs  .wp-block-group{
        display: flex !important;
        flex-direction: column !important;
        height: 400px !important;
    }
}

@media (max-width:781px){
    .footer-blogs{
        flex-direction: column !important;
    }
    .footer-blogs  .wp-block-group{
        height: 320px !important;
    }
}



header.wp-block-template-part.sticky {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            max-width: 100vw;
            z-index: 999;
			background: #fff;
			z-index: 999999;
            animation: slidedown .3s ease;
        }

        @keyframes slidedown {
            from {
                transform: translateY(-100px);
            }

            to {
                transform: translateY(0px);
            }
        }

@media (max-width:999px) {
	.below-hero-section {
      	margin-top: 30px;
		transform: unset;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.is-menu-open .wp-block-navigation__responsive-dialog {
    color: #fff !important;
}

.desktop-only {
	display: none !important;
}

img.custom-logo {
    max-width: 140px;
}

header.wp-block-template-part {
    display: flex;
    justify-content: space-around;
    padding: 10px;
    align-items: center;
  	flex-wrap:wrap;
}
  header.wp-block-template-part > *:nth-child(1){
  	flex-basis:100%;
  }
  header.wp-block-template-part > *:nth-child(2){
  	flex-basis:30%;
  }
  header.wp-block-template-part > *:nth-child(3){
  	flex-basis:70%;
  }
}

@media (max-width:600px) {
  header.wp-block-template-part > :nth-child(3){
  	flex-basis:10%  !important;
  }
	li.has-text-color.has-base-color.has-fs-20-font-size.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu > button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 10px;
    }
  
  	li.has-text-color.has-base-color.has-fs-20-font-size.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu > ul.wp-block-navigation__submenu-container {
        display: none;
    }
  
  	li.has-text-color.has-base-color.has-fs-20-font-size.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover > ul.wp-block-navigation__submenu-container {
        display: block;
    }
  	
  	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        justify-content: flex-start !important;
        align-items: flex-start;
    }
}