/* Overrides for the default page */

fieldset {
    background-color:white !important;
    color:black !important;
}
    fieldset legend {
        background-color: white !important;
        color: black !important;
        border: 1px solid black;
        margin-left: 10px;
        font-size: 1.5em;
    }

.padd {
    padding: 0 10px;
}

/* Main navigation -------------------------------------------------------- */
.website-menu-wrapper {
    position: relative;
    z-index: 100;
    margin-bottom: 10px;
}

.website-menu-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    gap: 8px;
}

.website-main-navigation,
.website-action-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
}

.website-action-navigation {
    margin-inline-start: auto;
}

.website-nav-link,
.website-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid var(--group-box-border-color);
    border-radius: 4px;
    color: inherit;
    background: var(--content-area-bg-color);
    text-align: center;
    text-decoration: none;
    white-space: normal;
    font-weight: bold;
}

.website-action-navigation > :nth-child(2) {
    background: rgb(248, 215, 127);
    color: rgb(49, 97, 130);
}

.website-action-navigation > :nth-child(2):hover {
    background: rgb(248, 215, 127);
    color: rgb(49, 97, 130);
}

.website-nav-link:hover,
.website-action-link:hover {
    border-color: var(--group-box-border-color);
    background: var(--content-area-bg-color);
    text-decoration: none;
}

/*.website-nav-link-selected {
    border-color: var(--group-box-border-color);
    background: var(--content-area-bg-color);
    font-weight: bold;
}*/

/* Dropdown submenu overlays the content below --------------------------- */
.website-nav-entry {
    position: relative;
    display: inline-flex;
}

/* Submenu exists in the page but starts hidden */
.website-submenu {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    z-index: 1000;
    display: none;
    flex-wrap: wrap;
    gap: 8px;
    box-sizing: border-box;
    width: max-content;
    min-width: 420px;
    max-width: 90vw;
    padding: 10px;
    border: 1px solid var(--group-box-border-color);
    border-radius: 4px;
    background: var(--content-area-bg-color);
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.22);
}

/* Mouse hover */
.website-nav-entry:hover > .website-submenu {
    display: flex;
}

/* Also works for keyboard navigation */
.website-nav-entry:focus-within > .website-submenu {
    display: flex;
}

/* Videos ---------------------------------------------------------------- */
.videoTable {
    width: 100%;
}

.videoCategoryRow td {
    font-weight: bold;
    font-size: 1.05rem;
}

.videoItemsRow td {
    padding-bottom: 0.8rem;
    text-align: left;
}

.videoItemsRow table {
    margin: 0;
    border-collapse: separate !important;
    border-spacing: 14px !important;
}

.videocell {
    width: 250px;
    height: 200px;
    padding: 5px;
    border: 1px solid var(--group-box-border-color);
    border-radius: 6px;
    background: var(--content-area-bg-color);
/*    box-shadow: 3px 3px 3px var(--group-box-border-color);*/
    text-align: center;
    vertical-align: top;
}    

.videoThumb {
    width: 240px;
    height: 175px;
    border-radius: 4px;
    object-fit: cover;
    cursor: pointer;
}

.videoTitleLink {
    display: inline-block;
    margin-top: 4px;
    font-size: 0.9rem;
    line-height: 1.2;
    text-align: left;
    white-space: normal;
    cursor: pointer;
    font-weight:bold;
}

.videoTitleLink:hover {
    text-decoration: none;
}

#txtContactMessage {
    height:100px;
    width:400px;
}

.free-account-intro {
    margin: 10px 10px 20px 10px;
    line-height: 1.45;
}

.free-account-intro p {
    margin: 0 0 12px 0;
}

#txtFreeEmail {
    width: 400px;
}

.free-account-result {
    padding: 48px 20px;
    line-height: 1.5;
}