/*
Theme Name: PIB-Theme
Theme URI: https://github.com/parthmaghara
Author: Techhub
Author URI: #
Description: A PIB WordPress theme development using Tailwind CSS
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: PIB-theme
*/

html {
    scroll-behavior: smooth;
}
  

h2 {
    padding-bottom: 10px;
}

body {
    color: var(--color-body);
    font-family: var(--text-font-family) !important;
    font-size: var(--body-font-size);
}

h1, h2, h3, h4, h5 {
    font-family: var(--header-font-family) !important;
}

body h1 {
    font-size: var(--h1-font-size);
}
body h2 {
    font-size: var(--h2-font-size);
}
body h3 {
    font-size: var(--h3-font-size);
}

.btn {
    font-family: var(--cta-font-family) !important;
    padding: 15px 40px !important;
}

.menu-item-cta .btn {
    padding: 0.5rem !important;
}

.btn:hover {
    text-decoration: none;
    color: unset;
}
.desktop {
    display: block;
}
.mobile {
    display: none;
}

.textdisplay-section table tr td {
    border: 1px solid #00abcf;
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  /* covers all iPad sizes, any orientation */
  .btn {
    padding: 0.5rem 1rem !important;
  }
}
@media (max-width: 768px) {
    body h1 {
        font-size: var(--responsive-h1-font-size);
        line-height: 1.1;
    }
    body h2 {
        font-size: var(--responsive-h2-font-size);
        line-height: 1.2;
    }
    body h3 {
        font-size: var(--responsive-h3-font-size);
        line-height: 1.2;
    }
    .desktop {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
    /* Show one div */
    .logo-mob {
        display: block !important;
    }

    /* Hide another div */
    .logo-desk {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .footer-links ul li, .footer-links .textwidget p {
        font-size: 16px;
    }
}