@tailwind base;
@tailwind components;
@tailwind utilities;

p{
    font: 18px / 1.7 "IBM Plex Sans", sans-serif;
}

.scantrust-hero-container{
    @apply bg-white;
}

.wp-block-scantrust-hero-block-v2{
    @apply py-8 md:py-0;
}

/* Custom styles for frontend blocks */
.scantrust-hero-block {
    @apply container flex flex-col items-center gap-10 px-6 pb-6 lg:flex-row lg:items-start lg:pt-2;
}

.wp-block-scantrust-hero-block-v2 .scantrust-hero-block {
    @apply container flex flex-col items-center gap-10 px-6 pb-6 lg:flex-row lg:pt-2;
}

.scantrust-hero-text {
    @apply flex-1 lg:py-12 text-center lg:text-left lg:pr-[60px];
}

.scantrust-hero-heading {
    @apply mb-4;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.2;
    font-family: "IBM Plex Sans";
}

/* .scantrust-hero-description {
    @apply mb-4 text-[24px] text-gray-500 font-semibold leading-[1.3];
    
} */

.scantrust-hero-action {
     @apply flex flex-row justify-center gap-4 mb-10 lg:justify-start;
}

.scantrust-hero-select {
    @apply p-2 border border-gray-300 rounded;
    width: 310px;
    height: 52px;
    font: 16px / 1 "IBM Plex Sans", sans-serif;
    text-align: center;
}

.scantrust-hero-button {
    @apply px-4 py-2 text-white bg-green-500 rounded hover:bg-green-600;
    font: 18px / 1.4 "IBM Plex Sans", sans-serif;
    width: 100px;
}

.scantrust-second-image {
    @apply max-w-full mx-auto mt-4 rounded lg:mx-0;
}

.scantrust-hero-image {
    @apply flex justify-center flex-1;
}

.scantrust-main-image {
    @apply max-w-full rounded;
}

/* Logo Block Container */
.scantrust-logo-block {
    @apply flex flex-col items-center justify-center px-4 py-16 mb-16 bg-gray-50;
}

/* Title Styling */


.scantrust-section-title {
    @apply text-2xl leading-[1.2] font-medium text-[#222] text-center md:text-3xl;

    font-family: "IBM Plex Sans";
    margin-bottom: 40px;
}

.scantrust-section-title-inline {
    @apply text-2xl leading-[1.2] font-medium text-[#222] text-center md:text-3xl px-[20px] md:px-[60px] lg:px-0;

    font-family: "IBM Plex Sans";
    margin-bottom: 40px;
}

/* Logo Gallery Styling */
.scantrust-logo-gallery {
    @apply grid w-full max-w-screen-xl grid-cols-3 gap-2 mx-auto sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-9 sm:gap-8 md:gap-4;
}

/* Individual Logo Styling */
.scantrust-logo-image {
    @apply w-auto h-[25px] object-contain mx-auto grayscale hover:grayscale-0 transition-all duration-300 ease-in-out;
}

/* Responsive Flexbox Carousel Styling for Smaller Screens */
.logos-carousel {
    @apply block w-full mt-8 lg:hidden;
}

.logos-carousel .flickity-enabled {
    @apply w-full mx-auto;
}

.logos__img {
    @apply object-contain w-auto h-10 mx-4 grayscale;
}

/* Flickity Slider Overrides */
.flickity-page-dots .dot {
    @apply w-2 h-2 mx-1 bg-gray-400 rounded-full;
}

.flickity-page-dots .dot.is-selected {
    @apply bg-gray-800;
}

/* Common CSS for Image and Video Text Grid Blocks */
.scantrust-video-text-grid,
.scantrust-image-text-grid {
    @apply flex items-center justify-center py-10 bg-white;
}


.scantrust-video-text-grid .scantrust-grid-wrapper,
.scantrust-image-text-grid .scantrust-grid-wrapper{
    @apply flex flex-col-reverse items-center justify-center w-full gap-10 md:flex-row-reverse lg:flex-row;
}


.wp-block-scantrust-video-text-grid-v2 .scantrust-grid-wrapper,
.wp-block-scantrust-image-text-grid-v2 .scantrust-grid-wrapper {
    @apply flex flex-col items-center justify-center w-full gap-10 md:flex-row lg:flex-row;
}


.scantrust-grid-video,
.scantrust-grid-image {
    @apply w-full lg:w-[40%];
}

.scantrust-grid-video video,
.scantrust-grid-image img {
   @apply object-cover w-[70%] mx-auto md:w-full lg:w-full;
}

.scantrust-grid-content {
    @apply w-full lg:w-[40%] flex flex-col;
}

.scantrust-grid-heading {
    @apply text-[#222222] text-[22px] font-semibold font-['IBM_Plex_Sans'];
}


.scantrust-grid-description {
    @apply text-lg text-[#222222] text-[20px];
    font-family: roboto, sans-serif!important;
}

.scantrust-grid-link {
    @apply font-medium text-[18px] leading-[1.5] font-['IBM_Plex_Sans'] ;
    color: #00aeef!important;
     transition: color 0.3s ease-in;
}

.scantrust-grid-link:hover {
    color: #006b94!important;
}

.scantrust-grid-content a{
    color: #00aeef!important;
}

.scantrust-grid-content a:hover {
    color: #006b94!important;
}

video.scantrust-video {
    width: 700px;
    margin: 0 auto;
}

.wp-block-scantrust-page-video-block {
    margin-top: 40px;
    margin-bottom: 40px;
}

.scantrust-block{
    padding-top: 40px;
    padding-bottom: 40px;
}

.scantrust-testimonial-text strong{
    font: 500 26px / 1 "IBM Plex Sans", sans-serif;
}


.scantrust-testimonial-content {
    @apply flex flex-col items-center justify-between p-10 md:flex-row;
}

.scantrust-testimonial-left {
    @apply md:w-[60%];
}

.scantrust-testimonial-right {
     @apply mt-10 md:mt-0 md:w-[40%];
}

.scantrust-author-avatar{
     @apply mt-6 mb-6 md:mt-0 md:mb-6;
}
/* Main block styling */
.scantrust-cta-block-v1 {
    background-color: var(--main-bg-color, #f9f9f9);
    height: 250px;
    width: 100%;
}

/* Container styling */
.scantrust-container {
    background-color: var(--container-bg-color, #ffffff);
    padding: 0;
    margin: 0;
    text-align: center;
    align-content: center;
    height: inherit;
}

/* Heading styling */

/* Button container styling */
.scantrust-cta-button-container {
    margin-top: 15px;
}

/* Button styling */
.scantrust-cta-button {
    background-color: var(--button-bg-color, #0789b2);
    color: var(--button-text-color, #ffffff)!important;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    font: 18px / 1.4 "IBM Plex Sans", sans-serif;
    padding: .77em 1.44em;
}

.wp-block-scantrust-cta-block-v1 .scantrust-cta-button{
    background-color:#0789b2;
}


.read-case-study{
    padding: 0 20px;
}

.use-case-grid{
    max-width: 1080px;
    margin: 0 auto;
}

.use-case-grid-item{
    box-shadow: 5px 5px 25px rgba(137, 141, 154, .3);
    border-radius: 5px;
}

.use-case-grid-content{
    padding: 20px;
}

.use-case-grid-item .wp-block-image img{
    border-radius: 5px;
}


.scantrust-hero-container .scantrust-hero-description,
.scantrust-hero-text .scantrust-section-subtitle {
    font-size: 24px!important;
    font-family: roboto, sans-serif !important;
    color: #808080!important;
    font-weight: 300!important;
    line-height: 1.3!important;
}

.hero-second .scantrust-cta-button{
    font-weight: 400;
}

.ct-contact{
    margin: 0 auto;
}

.scantrust-testimonial-block .container{
    margin-bottom: 20px;
}


.custom-table th {
    background: #0789b2;
    color: #fff;
}