/*
Theme Name: Sinatra
Text Domain: sinatra
Version: 1.3
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 5.2.4
Description: Sinatra is a lightweight and highly customizable multi-purpose theme that makes it easy for anyone to create their perfect website. You can use it for any type of website from blogs, businesses, online shops, creatives, hotels, restaurants, startups and more. With Sinatra you get the perfect blend of performance, modern design and powerful, yet simple to use options. Works perfectly with the new block editor (Gutenberg) and your favorite plugins such as: WooCommerce, JetPack, page builders, SEO plugins and others. It comes with microdata integration, unlimited colors, multiple layouts, pre-built demo websites and so much more. It's also translatable and built with best SEO practices. Try Sinatra theme today on https://try.sinatrawp.com
Tags: two-columns, right-sidebar, left-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, sticky-post, editor-style, threaded-comments, translation-ready, custom-colors, featured-images, full-width-template, microformats, theme-options, e-commerce
Author: Sinatra Team
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

Do not add your CSS to this file, use a child theme instead: https://codex.wordpress.org/Child_Themes
The main CSS file is loaded from "assets/css folder".
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap')


@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Product Sans Thin Regular'), url('https://staging.thedentistryblog.com/wp-content/themes/sinatra/assets/product-sans/ProductSans-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Product Sans Light Regular'), url('https://staging.thedentistryblog.com/wp-content/themes/sinatra/assets/product-sans/ProductSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Product Sans'), local('ProductSans-Regular'),
         url('https://staging.thedentistryblog.com/wp-content/themes/sinatra/assets/product-sans/ProductSans-Regular.woff2') format('woff2'), /* Preferred modern format */
         url('https://staging.thedentistryblog.com/wp-content/themes/sinatra/assets/product-sans/ProductSans-Regular.woff') format('woff');
  }

@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Product Sans Medium Regular'), url('https://staging.thedentistryblog.com/wp-content/themes/sinatra/assets/product-sans/ProductSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Product Sans Bold'), url('https://staging.thedentistryblog.com/wp-content/themes/sinatra/assets/product-sans/ProductSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Product Sans Black Regular'), url('https://staging.thedentistryblog.com/wp-content/themes/sinatra/assets/product-sans/ProductSans-Black.woff') format('woff');
}

@font-face {
    font-family: 'Product Sans';
    src: url('https://staging.thedentistryblog.com/wp-content/themes/sinatra/assets/product-sans/ProductSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

/* Example usage */
body {
    font-family: 'Product Sans', sans-serif;
}

h1 {
    font-weight: 600;
}

h2 {
    font-weight: 500;
}

.bold-text {
    font-weight: 700;
}

p {margin-bottom: 0 !important; margin-top: 0 !important;}
.sinatra-nav .sub-menu li a {color: #1D1D21; font-weight: 500;}
.sinatra-nav .sub-menu {border-top-color: #008490; border-radius: 6px;}
.sinatra-nav .sub-menu li:hover>a {background: #E5F1F0; border-radius: 6px;}
#colophon {background: #008085;}
#main>.si-container{width:100%!important;}
#sinatra-copyright {background: #008085; color: #fff; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 15px;}
#sinatra-copyright>.si-container>.si-flex-row {padding-top: 15px; padding-bottom: 15px;}
.si-container {max-width: 1600px; width: 92%; padding: 0;}
#sinatra-footer .sinatra-footer-column .si-widget {margin-bottom: 0;}
#sinatra-header-inner .sinatra-nav>ul>li>a {font-weight: 600 !important; font-size: 20px; color: #4A5873 !important; font-family: 'Product Sans', sans-serif;}
.footer-details h3 {font-family: Product Sans; font-size: 24px; font-weight: 700; line-height: 30px; text-align: left; color: #fff;letter-spacing: 1.1px; max-width: 320px;}
.footer-details p {color: #fff; font-size: 20px; line-height: 1.4; font-weight: 500; letter-spacing: 0.5px !important;}
.footer-details ul {margin: 0 !important; list-style: none; display: flex;  gap: 20px;}
.footer-details p {letter-spacing: 1px; max-width: 430px;}
.footer-details ul {margin-top: 40px !important; letter-spacing: 1px !important; gap: 12px;}
.widget-title {letter-spacing: 1px; font-size: 20px; color: #fff; font-weight: 500; letter-spacing: 1px;}
.sinatra-nav .sub-menu li a {padding: 0.571em 0.785em; }
#colophon .widget-title {font-family: Product Sans; font-size: 20px; font-weight: 500; line-height: 24px; letter-spacing: 0.05em; text-align: left; color: #fff !important;}
.textwidget ul {margin: 10px 0px!important; list-style: none;}
.textwidget ul li {color: #fff; }
.e-con>.e-con-inner {max-width: 1600px !important; width: 92% !important;}
#colophon a {color: #ffffff; font-family: Product Sans;  font-size: 20px; font-weight: 400;
    line-height: 38px; letter-spacing: 0.05em;  text-align: left;}
#colophon a:hover {color: #fff;}
.e-con-inner .e-con-inner {width: 85%;}
.e-con-inner .e-con-inner .e-con-inner {width: 100% !important;}
.banner-section h1 {font-family: Product Sans!important; font-size: 46px; font-weight: 700; line-height: 56px; letter-spacing: 0em; text-align: left;}
.banner-section p{font-family: Product Sans!important;}
.banner-section span{font-family: Product Sans!important;}
.widget ol li, .widget ul li {margin-bottom: 0 !important;}
.about-heading h2{font-family: Product Sans!important;}
.about-heading h3{font-family: Product Sans!important;}
.about-heading span{font-family: Playfair Display!important;}
.about-heading p{font-family: Product Sans!important;}
.delivering-concise h3{font-family: Product Sans!important;}
.quality-service-para p{font-family: Product Sans!important;}
.card-box-es a.uc_more_btn {border-bottom: 1px solid #008490!important;}
.card-box-es .btn_wrap {margin-top: 0px!important;}
.card-box-es h2.ue-title {font-family: Product Sans!important; max-width:200px!important;    width: 192px!important;}
.card-box-es p {font-family: Product Sans!important; min-height:156px!important;}
.card-box-es .card_carousel_title {font-family: Product Sans!important; max-width:200px!important;    width: 192px!important;}
.second-client-cards .e-con-inner {width: 54%!important;}
.blog-topics span{font-family: Product Sans!important;}
.blog-topics h2{font-family: Playfair Display!important;}
.blog-topics h3{font-family: Product Sans!important;}
.blog-sub-heading h3 {font-family: Product Sans!important;}
.blog-span p {font-family: Product Sans!important;}
.aligner-slider .ue-carousel-item {display: flex;flex-direction: column-reverse;}
span.uc_classic_carousel_border { display: none!important; }
#uc_card_carousel_elementor_b76f918 .uc_classic_carousel_placeholder{display: flex;justify-content: center; border: 1px solid #008490; margin: 0px 20px 20px 20px;
border-radius: 15px;}
.left-container-clear-aligner h3 {font-family: Product Sans!important;}
.left-container-clear-aligner p {font-family: Product Sans!important;}
.elementor-3239 .elementor-element.elementor-element-b76f918 .card_carousel_title{padding-bottom: 20px;}
.aligner-slider .card_carousel_title{font-family: Product Sans!important;}
.aligner-slider .card_carousel_text {font-family: Product Sans!important;}
#primary{margin-top:10px!important; margin-bottom:0px !important;}
.top-rated-brands p{font-family: Product Sans!important;}
.latest-topic-section h3{font-family: Product Sans!important;}
.latest-topic-section p{font-family: Product Sans!important;}
.popular-dental-product p{font-family: Product Sans!important;}
.popular-dental-product span{font-family: Product Sans!important;}
.faq-section h2{font-family: Product Sans!important;}
.faq-section span,p{font-family: Product Sans!important;}
.faq-section h3{font-family: Product Sans!important;}
.faq-section .faq-accordian{width:80%!important;}
.card-box-es .uc_more_btn {font-family: Product Sans!important;}
#uc_card_carousel_elementor_b76f918 .ue-carousel-item:hover .card_carousel_title
{color:#008490;}
#uc_card_carousel_elementor_b76f918 .ue-carousel-item:hover .card_carousel_text
{color:#000000;}
.blog-hover .uc_title {overflow: hidden;transform: scaleY(0);transform-origin: bottom;transition: 0.5s;max-height: 0;opacity: 0; font-family: Product Sans!important;}
.blog-hover .uc_long_content_box .uc_long_content_box_holder:hover .uc_title{max-height: 100%;transform: scaleY(1);overflow: visible;opacity: 1;}
.latest-topic-hover .uc_long_content_box{border-radius: 20px!important;}
.latest-topic-hover .uc_title{font-family: Product Sans!important;}
.latest-topic-hover .uc_long_content_box .uc_long_content_box_holder:hover .uc_title{color:#fff!important;}
.latest-topic-hover .uc_btn{font-family: Product Sans!important;}
.latest-topic-hover .uc_description p{ max-height: 100%;transform: scaleY(1);overflow: visible;opacity: 1;}
.banner-section .mobile-button a{display:none;}
.mobile-scroll .uc_image_carousel_bg {height: 400px !important;}
.mobile-scroll .uc_image_carousel_placeholder {height: 400px !important;}
.mobile-scroll .uc_image_carousel_content {margin-top: -359px;z-index: 1;position: relative;background-color: transparent !important;background: linear-gradient(180deg, rgba(188, 222, 229, 0) 0%, #BCDEE5 72%);flex-direction: column;
    justify-content: flex-end;}
.mobile-scroll .ue_post_category a {display: none;}
/* .mobile-scroll .ue_post_date {position: relative;top: 89px;} */
.mobile-scroll .uc_post_title {position: relative;bottom: 20px;}
.mobile-scroll .ue_post_intro {display: none!important;}
.mobile-scroll .ue_post_btn_holder {margin: 0px !important;}
.mobile-scroll .ue_post_btn_holder {    display: none;  transition: 0.5s;} 
.mobile-scroll .uc_image_carousel_container_holder:hover .ue_post_btn_holder { display: block;}
   .mobile-scroll .ue_post_carousel_item .uc_overlay {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #BCDEE500 0%, #008490 100%);
    opacity: 0%;
    border-radius: 19px;
}

.mobile-scroll .ue_post_carousel_item:hover .uc_overlay {   opacity: 100%;}

.mobile-scroll .uc_overlay { position: absolute; left: 0;  top: 0; right: 0; bottom: 0; width: 100%;    height: 100%;    z-index: 2;    transition: 1s;}

@media screen and (max-width: 765px)
{
   .top-rated-brands .e-con-inner {width:100%!important;} 
   .faq-section .faq-accordian{width:100%!important;}
   .banner-section .desktop-button a{display: none;}
   .banner-section .mobile-button a{display:block;}
   .card-box-es p{ min-height: 121px !important;}
  
   
}