/* Responsive Inline Simple List */

@media only screen and (max-width: 767px) {
    #page_f542735ad41e46b68cf6f8df762662af .listView.vAlgn1 .itemPreview.hasImg, 
    #page_f542735ad41e46b68cf6f8df762662af .listView.vAlgn2 .itemPreview.hasImg {
        display: block;
    }
    
    #page_f542735ad41e46b68cf6f8df762662af .listView .itemPreview.hasImg .itemImg {
        width: 100%;
        margin-bottom: 20px;
    }
    
    #page_f542735ad41e46b68cf6f8df762662af .listView .itemPreview.hasImg .itemContent {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
.blockWrap_afc5a51b92ad433bb44d7a4a25281c40 .contentImg {
    max-width: 329px;
    }}
    
    /* 2 Column Form */

div#madHero {
    text-align: center;
    padding: 15px;
}

div#madHero > div.madHero-item{
    flex: 1 1 0;
    margin-bottom: 20px;
}

.madTitle {
    font-size: 2.2rem; /*accepts decimals*/
    /*color: #000;*/ /*use to change color*/
}

.madContent {
    font-size: 1.2rem; /*accepts decimals*/
    /*color: #000;*/ /*use to change color*/
}


@media only screen and (min-width: 768px) {
    div#madHero {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: left;
    }
}

/* 2 Column Form */

div#madHero {
    text-align: center;
    padding: 15px;
}

div#madHero > div.madHero-item{
    flex: 1 1 0;
    margin-bottom: 20px;
}

.madTitle {
    font-size: 1.8rem; /*accepts decimals*/
    /*color: #fff;*/ /*use to change color*/
}

.madContent {
    font-size: 1.1rem; /*accepts decimals*/
    /*color: #ffffff;*/ /*use to change color*/
}


@media only screen and (min-width: 768px) {
    div#madHero {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: left;
    }
}

/*Targets the parent container of the simple list items*/
.items_faf0593ef52c44798f12a0523102e2d3 {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   min-height: 100%;
}
/*Targets the child flex items*/
.items_faf0593ef52c44798f12a0523102e2d3 > .item {
   display: flex;
   flex-direction: column;
}

/*Targets the parent container of the simple list items*/
.items_e9e65f92e6eb45a7ad22f25e287a4087 {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   min-height: 100%;
}
/*Targets the child flex items*/
.items_e9e65f92e6eb45a7ad22f25e287a4087 > .item {
   display: flex;
   flex-direction: column;
}

/*Targets the parent container of the simple list items*/
.items_cccc03e3d7904f50a8040eb1ae76fc36 {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   min-height: 100%;
}
/*Targets the child flex items*/
.items_cccc03e3d7904f50a8040eb1ae76fc36 > .item {
   display: flex;
   flex-direction: column;
}

/* --- TRAINING SEMINAR SCOPED STYLES --- */
#training-landing-page {
    /* Prefixed variables to avoid global conflicts */
    --ts-primary-dark: #1a365d;
    --ts-primary-accent: #2563eb;
    --ts-text-main: #1f2937;
    --ts-text-muted: #6b7280;
    --ts-white: #ffffff;
    
    font-family: 'Inter', sans-serif;
    color: var(--ts-text-main);
    background-color: var(--ts-white);
    line-height: 1.6;
}

/* Ensure box-sizing doesn't ruin your global header/footer */
#training-landing-page *, 
#training-landing-page *:before, 
#training-landing-page *:after {
    box-sizing: border-box;
}

#training-landing-page .ts-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Navigation - Prefixed to avoid navbar conflicts */
#training-landing-page .ts-navbar {
    background: var(--ts-white);
    padding: 1rem 0;
    position: sticky;
    top: 0;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

#training-landing-page .ts-nav-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#training-landing-page .ts-logo {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ts-primary-dark);
}

/* Buttons - Prefixed */
#training-landing-page .ts-btn {
    padding: 0.7rem 1.8rem;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: 600;
    transition: 0.3s ease;
    display: inline-block;
}

#training-landing-page .ts-btn-primary {
    background: var(--ts-primary-accent);
    color: var(--ts-white) !important;
}

#training-landing-page .ts-btn-primary:hover {
    background: #1d4ed8;
    transform: translateY(-2px);
}

/* Hero Section */
#training-landing-page .ts-hero {
    background: linear-gradient(135deg, #1a365d 0%, #2d3748 100%);
    color: var(--ts-white);
    padding: 60px 0;
}

#training-landing-page .ts-hero-grid {
    display: grid;
    gap: 40px;
    align-items: center;
}

#training-landing-page .ts-main-title {
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 15px 0;
    color: var(--ts-white);
}

#training-landing-page .ts-highlight {
    color: #93c5fd;
}

#training-landing-page .ts-badge {
    background: var(--ts-primary-accent);
    padding: 5px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 800;
}

/* Registration Card */
#training-landing-page .ts-registration-card {
    background: var(--ts-white);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

#training-landing-page .ts-registration-card h3 {
    color: var(--ts-text-main);
    text-align: center;
    margin-bottom: 20px;
}

/* Content Details */
#training-landing-page .ts-details {
    padding: 80px 0;
}

#training-landing-page .ts-section-header {
    text-align: center;
    margin-bottom: 50px;
}

#training-landing-page .ts-section-label {
    color: var(--ts-primary-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#training-landing-page .ts-content-grid {
    display: grid;
    gap: 50px;
    align-items: center;
}

#training-landing-page .ts-image-wrapper img {
    width: 100%;
    border-radius: 10px;
}

#training-landing-page .ts-benefits-list {
    list-style: none;
    padding: 0;
}

#training-landing-page .ts-benefits-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
    font-size: 1.1rem;
}

#training-landing-page .ts-benefits-list i {
    color: #10b981;
    font-size: 1.3rem;
    margin-top: 3px;
}

/* Responsive Logic */
@media (min-width: 768px) {
    #training-landing-page .ts-hero-grid,
    #training-landing-page .ts-content-grid {
        grid-template-columns: 1fr 1fr;
    }
    #training-landing-page .ts-main-title {
        font-size: 3.5rem;
    }
}

@media (max-width: 767px) {
    #training-landing-page .ts-main-title {
        text-align: center;
    }
    #training-landing-page .ts-hero-content {
        text-align: center;
    }
    #training-landing-page .ts-logistics-mini {
        justify-content: center;
    }
}