/*
Theme Name: Dental Blocks
Theme URI: https://www.ovationthemes.com/wordpress/free-dental-wordpress-theme/
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Dental Blocks is a user-friendly website template designed for dental clinics and practitioners looking to establish a professional online presence. This theme provides a visually appealing and easy-to-navigate platform for showcasing dental services, introducing dental professionals, and offering important information to patients. With a clean and modern design, the Dental Blocks theme caters to the unique needs of dental practices. It includes sections for services like cleanings, fillings, and cosmetic procedures, allowing clinics to effectively communicate the range of treatments they offer. The theme also incorporates a gallery or portfolio feature to showcase before-and-after images, highlighting successful dental transformations. This theme is suitable for dental clinics, individual practitioners, and dental-related businesses. Its versatile design accommodates different types of dental practices, whether it's a family-oriented clinic, a specialized cosmetic dentistry service, or a general dental practice. Users can easily customize the Dental Blocks theme to match their brand identity. The intuitive interface allows for simple modifications to colors, fonts, and images, ensuring that the website aligns with the clinic's unique style. The theme may also include appointment booking functionality, streamlining the scheduling process for both the clinic and patients.
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: dental-blocks
Tags: blog, portfolio, e-commerce, one-column, two-columns, three-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, right-sidebar, custom-background, wide-blocks

Dental Blocks WordPress Theme, Copyright 2024 pewilliams
Dental Blocks is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
	outline: 2px solid blue !important;
}
.wp-block-navigation ul li a:focus,
.wp-block-navigation .wp-block-navigation__submenu-icon:focus{
	outline: none;
	border: 1px solid #cf2e2e;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    background-color: var(--wp--preset--color--secondary);
}

.wp-block-navigation__submenu-container .wp-block-navigation-link a{
    color: var(--wp--preset--color--white) !important;
}

.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

.services-item {
    position: relative;
    margin-bottom: 20px;
}

.ser-inner {
    position: relative;
    text-align: center;
    border-radius: 6px;
    padding: 50px 35px 50px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
}

.ser-inner:before {
    position: absolute;
    content: '';
    left: 14px;
    top: 14px;
    right: 14px;
    bottom: 14px;
    opacity: 0;
    border-radius: 6px;
    border: 1px solid var(--wp--preset--color--primary);
    -webkit-transform: scale(0.8, 1);
    -ms-transform: scale(0.8, 1);
    transform: scale(0.8, 1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.ser-icon {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 15px;
    width: 90px;
    height: 90px;
}

.ser-icon:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--wp--preset--color--primary);
    z-index: -1;
}

.ser-title {
    position: relative;
}

.ser-title h4 {
    font-weight: 600;
    margin-bottom: 10px;
}

.services-item:hover .ser-inner:before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.services-item:hover .ser-icon {
    -webkit-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.teammember-list {
    position: relative;
    margin-bottom: 30px;
    padding: 10px;
    border-bottom: 3px solid var(--wp--preset--color--primary);
    text-align: center;
    background-color: #ffffff;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: 0 3px 24px rgb(0 0 0/20%);
    border-radius: 10px;
}

.team-inner {
    position: relative;
}

.team-thumbnail {
    position: relative;
}

.team-thumbnail img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    display: block;
}

.member-social-icon {
    position: absolute;
    margin-bottom: 10px;
    text-align: center;
    top: 15px;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.member-social-icon ul {
    margin: 0;
    padding: 0;
}

.member-social-icon ul li {
    position: relative;
    list-style: none;
}

.team-info {
    padding: 10px 0;
}

.team-info h4 {
    margin-bottom: 5px;
}

.team-info span {
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    font-size: 16px;
}

.teammember-list:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.teammember-list:hover .member-social-icon {
    opacity: 1;
    right: 15px;
}

.footer-menu{
    padding: 0;
}

.footer-menu li{
    margin-bottom: 14px;
    width: 100%;
    display: block;
}

.footer-menu li a{
    display: block;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.footer-menu li a:before {
    content: '>>';
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.footer-post-excerpt p{ 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid #ebebeb;
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: #000000;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    border-radius: 30px;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: #000000;
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
.wp-block-post-comments-form {
    box-sizing: border-box;
    padding: 20px;
    margin: 20px 0 0;
    border: 1px solid #949494;
}
/*header*/
.feedback-links{
    gap: 3px !important;
}
.calling-row{
    gap: 7px !important;
}
.feedback-links a{
    text-decoration: none;
}
/*banner*/
.banner-image-cover img{
    width: 100%;
}
/*about-us*/
.about-img{
    position: relative;
}
.about-img2{
    position: absolute;
    top: 50%;
    left: 40%;
}
/*choose us*/
.chooseus-img img{
    width: 100%;
}
/*service*/
.service-box {
    box-shadow: 0 0 10px 7px #f6f5f5;
}
.service-img{
    padding: 20px 11px;
    background-color: #f3f3f9;
    width: 60px;
    border-radius: 50%;
}
.service-box:hover{
    background-color: var(--wp--preset--color--primary) !important;
}
.service-box:hover h6,.service-box:hover p, .service-box:hover .wp-block-button__link{
    color: var(--wp--preset--color--heading) !important;
}
/*latestnews*/
.blog-box{
    position: relative;
}
.blog-content-box{
    position: absolute;
    top: 75%;
    width: 80%;
    left: 0;
    right: 0;
}
/*footer*/
footer ::marker{
    color: var(--wp--preset--color--primary);
}
/*woocommerce*/
.woocommerce-Tabs-panel--reviews, .woocommerce-Tabs-panel--description {
    padding: 20px !important;
    border: 1px solid #e1e1e1;
}
.woocommerce span.onsale{
    background-color:var(--wp--preset--color--primary);
    border-radius: 10px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--heading);
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {

    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 42px;
        height: 42px;
    }
    
    .wp-block-navigation__responsive-container-open svg path,
    .wp-block-navigation__responsive-container-close svg path{
        fill: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container-close{
        top: 20px;
        right: 20px;
    }

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

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--secondary);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
        display: block !important;
        margin-left: 15px;
        padding: 3px 10px;
        float: right;
        font-size: 19px;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0;
        height: 42px;
        width: 42px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
        stroke: var(--wp--preset--color--white);
        display: block;
        width: 30px;
        height: 13px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        display: none;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
        padding-left: 35px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul.wp-block-navigation__submenu-container {
        display: block;
        margin: 0;
        padding: 0;
    }
}
@media screen and (max-width:999px) {
    .inner-menu-header nav{
        justify-content: center !important;
    }
    .latest-blogs{
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width:1649px) and (min-width:782px){
    .opening-hours p{
        font-size: 13px !important;
    }
    .opening-hours{
        gap: 12px !important;
    }
    .feedback-links p{
        font-size: 13px !important;
    }
}
@media screen and (max-width: 1440px){
    .inner-menu-header,.inner-info-head,.inner-top-bar{
        max-width: 85% !important;
    }
   
}
@media screen and (max-width: 1255px){
    .banner-heading h1,.banner-text p{
        max-width: 100% !important;
    }
    .services-heading h2,.latest-heading h2{
        max-width: 80% !important;
    }
}
@media screen and (max-width:1200px) and (min-width:782px){
    .chooseus-box{
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .chooseus-upper-box{
        gap: 20px !important;
    }
}
@media screen and (max-width:1138px) and (min-width:782px){
    .inner-menu-header,.inner-info-head,.inner-top-bar,.our-services :where(:not(.alignleft):not(.alignright):not(.alignfull)),.chooseus-sec :where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
    .info-head h6{
        font-size: 16px !important;
    }
    .location{
        gap: 12px !important;
    }
    .inner-menu-header ul{
        gap: 17px !important;
    }
    .inner-menu-header ul li a{
        font-size:13px !important;
    }
    .chooseus-sec h2{
        font-size: 32px;
    }
    .chooseus-sec p{
        font-size: 15px;
    }
    .blog-content-box{
        position: static;
        width: 100%;
    }
    .latest-spacer{
        height: 0 !important;
    }
    .latest-news{
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 781px){
    .feedback-links,.calling-row,.social-block ul,.logodiv,.info-row,.opening-hours,.location,.banner-btn,.chooseus-btn,.aboutus-btn{
        justify-content: center !important;
    }
    .search-block.is-layout-flow > .alignright {
        float: none;
        display: grid;
        justify-content: center;
        margin-inline-start: 0 !important;
    }
    .blog-content-box h3,.banner-heading h1,.banner-text p,.chooseus-sec h2,.chooseus-sec p,.chooseus-sec h6,.aboutus-content h6,.aboutus-content h2,.aboutus-content p{
        text-align: center;
    }
    .services-heading h2{
        max-width: 100% !important;
        font-size: 30px;
    }
    .aboutus-content{
        padding-top: 30px;
    }
    .blog-content-box{
        position: static;
        width: 100%;
        text-align: center;
    }
    .latest-spacer{
        height: 0 !important;
    }
    .latest-news{
        padding-bottom: 0 !important;
    }
    .latest-readmore{
        display: grid;
        justify-content: center;
    }
    .banner-image-cover img{
       object-position: 22% 29% !important; 
    }
}
@media screen and (max-width:600px){
    .copyright-text{
        display: grid !important;
    }
    .copyright-text p{
        text-align: center;
    }
    .latest-heading h2{
        font-size: 30px;
    }
}