body {
    background-color: #FFEC98;
    color: black;
}

.contyell {
    background-color: #FFEC98;
}

h1, h2 {
    color: #820000;
}

h1 {
    margin: 20px;
}

h2 {
    margin: 20px;
}

h3 {
    margin: 30px auto 15px;
}

a span {
    color: black;
    font-weight: 500;
}

a:hover span {
    color: white;
}

.lcMainTit {
    color: #2c4e43;
    font-size: 60px;
}


.langcompMenu, .langcompMenu table {
    width: 450px;
    max-width: 450px;
    margin: 0 auto 30px;
    border-spacing: 10px;
}

    .langcompMenu td {
        width: 50%;
        height: 190px;
        min-height: 190px;
    }

    .langCompWrapper a {
        width: 200px;
        min-width: 200px;
        height: 60px;
        color: #93ced6 !important;
        color: white;
        display: block;
        padding: 140px 5px 0;
        text-decoration: none;
        text-align: center;
        font-size: 19px;
        line-height: 24px;
        position: relative;
        vertical-align: bottom;
    }


.langCompWrapper a {
    display: inline-block;
}

.langCompContainer {
    text-align: center;
    max-width:700px;
    margin:0 auto;
    
}

.langCompWrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    padding-top: 30px !important;
}

    .langCompWrapper div {
        display: inline-block;
        width: 212px;
        height: 212px;
        position: relative;
        min-height: 212px;
        min-width: 212px;
    }

.cleaner {
    clear: both;
}

.langcompMenu a:hover, .langCompWrapper a:hover {
    background-color: transparent;
}

.langcompMenu a span {
    font-size: 14px;
    display: inline-block;
    color: white;
    color: #93ced6 !important;
}

.topicsButt {
    background-image: url(_images/langComp_TopicsIco.png);
    background-position-y: 38% !important;
}

.themesButt {
    background-image: url(_images/langComp_ThemesIco.png);
    background-position-y:33% !important;
}


/*new LanguageCompanion*/

.topicsButt, .themesButt, .thesaurusButt, .wordFamiliesButt, .proseVsPoetryButt, .bardleButt {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40%;
    background-color: #D79C43;
    color: black !important;
    background-position-y: 45px;
    max-height: 95px;
    height: 100%;
    width: auto;
}
.bardleButt {
    background-size:80%;
}
    .topicsButt:hover, .themesButt:hover, .thesaurusButt:hover, .wordFamiliesButt:hover, .proseVsPoetryButt:hover, .bardleButt:hover {
        background-color: #d76800;
    }

.thesaurusButt {
    background-image: url(_images/Thesaurus_ICO.svg);
    
}
.wordFamiliesButt {
    background-image: url(_images/WordFamilies_ICO.svg);
    /*background-position-y: 40px;
    max-height: 95px;
    height: 100%;
    width: auto;*/
}
.proseVsPoetryButt {
    background-image: url(_images/ProseVsPoetry_ICO.svg);
    /*background-position-y: 40px;
    max-height: 95px;
    height: 100%;
    width: auto;*/
}
.bardleButt {
    background-image: url(_images/Bardle_ICO.svg);
    background-position-y: 38%;
    /*max-height: 95px;
    height: 100%;
    width: auto;*/
}

.languageCompanionButt a {
    color: black !important
}

/*topics*/
/*topics list*/
.topListCont {
    background-color: white;
    padding: 20px;
}

    .topListCont .contyell, .topicCont .contyell {
        background-color: white;
    }

@media screen and (max-width:800px) {
    .topListCont .contyell, .topicCont .contyell, .mainTitleMb.contyelll {
        background-color: #FFEC98;
        z-index: 950 !important;
        position: fixed;
    }
}
    

    .topicsListTable {
    width: 100%;
    min-width: 100%;
    margin: 10px 0 30px;
    display: block;
    border-spacing: 0;
    border-collapse: collapse;
}

    .topicsListTable td {
        width: 25%;
        max-width: 25%;
        min-width: 25%;
        vertical-align: middle;
        border: solid 2px #d1da39;
    }

        .topicsListTable td:hover {
            background-color: #820000;
            cursor: none;
        }

            .topicsListTable td:hover a {
                color: white;
            }

    .topicsListTable a {
        text-decoration: none;
        display: block;
        padding: 5px;
        min-height: 100%;
        font-weight: 600;
    }

        .topicsListTable a:hover, .topicsListTable td:hover a:hover {
            border: none;
            text-decoration: underline;
            cursor: pointer;
        }

    .topicsListTable td {
        background-color: white;
    }


/*zobrazení jednoho témata*/

.topicCont {
    background-color: white;
    padding: 20px;
    margin-bottom: 30px;
}

    .topicCont h1 {
        font-size: 48px;
        margin: 10px auto;
    }

.topicIntro {
    width: 100%;
    min-width: 100%;
    margin: 0 auto 30px;
}

    .topicIntro td {
        width: 50%;
        min-width: 50%;
        vertical-align: top;
        padding-right: 20px;
    }

.topicReference {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

    .topicReference tr:first-of-type {
        font-style: italic !important;
        font-size: 18px;
    }

        .topicReference tr:first-of-type td {
            vertical-align: middle;
        }

            .topicReference tr:first-of-type td:nth-child(2) {
                text-align: center;
            }

    .topicReference td {
        position: relative;
        height: 24px;
        min-height: 24px;
        vertical-align: middle;
        padding: 5px;
    }

    .topicReference hr {
        visibility: hidden;
        display: none;
    }

    .topicReference td:first-child {
        width: 16%;
    }

    .topicReference td:nth-child(2) {
        width: 14%;
        padding: 0 5px;
        height: 30px;
    }

    .topicReference tr:nth-child(even) {
        background: #dadada;
    }

    .topicReference td:nth-child(2) a {
        display: block;
        padding: 10px 5px 0;
        text-align: center;
        font-weight: 700;
        height: 100%;
    }

.oneTopicCont p {
    width: 90%;
    margin: 30px auto 15px;
    font-weight: 600;
}

.oneTopicCont a {
    font-weight: 700;
}

.oneTopicCont h2 {
    margin: 30px 0 0;
}

.oneTopicCont h3 {
    width: 90%;
    margin: 30px auto 10px;
}

.topicReference4C {
    width: 90%;
    margin: 0 auto;
    border-spacing: 0;
}

    .topicReference4C td {
        padding: 5px;
        min-height: 30px;
        height: 100%;
        vertical-align: middle;
        border-spacing: 0;
    }

    .topicReference4C a {
        font-weight: 700;
    }

    .topicReference4C td:first-child {
        width: 16%;
    }

    .topicReference4C td:nth-child(2) {
        width: 12%;
        padding: 0;
        min-height: 30px;
    }

        .topicReference4C td:nth-child(2) a {
            display: block;
            padding: 10px 5px 0;
            min-height: 30px;
            height: 100%;
            text-align: center;
        }


    .topicReference4C tr:first-of-type td:nth-child(2) {
        padding: 5px;
    }

    .topicReference4C td:nth-child(3) {
        width: 20%;
        height: 30px;
    }

    .topicReference4C tr:nth-child(even) {
        background: #dadada;
    }

    .topicReference4C tr:nth-child(odd) {
        background: white;
    }

.noTh tr:nth-child(odd) {
    background: #dadada;
}

.noTh tr:nth-child(even) {
    background: white;
}


/*archaisms*/
.archaisms .topicReference td:nth-child(2) {
    width: 20%;
}

.topicReference.text2C a {
    height: auto;
    text-align: left !important;
    padding: 2px 0 !important;
    font-weight: 700;
}

.topicReference.text2C td:nth-child(2) {
    padding: 5px;
    text-align: left;
}

.topicReference.text2C tr:first-of-type td:nth-child(2) {
    text-align: left;
}


/*attention signals*/
.attention .topicReference2C, .attention h3, .attention p {
    width: 75%;
    min-width: 75%;
}

/*britain*/
.britain .topicReference {
    width: 80%;
}

    .britain .topicReference td:first-child {
        width: 14%;
    }

/*cosmos*/
.oneTopicCont.cosmos h3, .cosmos .topicReference {
    width: 80%;
    min-width: 80%;
    margin: 30px auto 5px;
    font-weight: 500;
}

/*money*/

.money h3, .money.oneTopicCont h3 {
    width: 90%;
    margin: 30px auto 5px;
    font-weight: 500;
}

.topicReference.moneyLast tr:first-of-type td:nth-child(2) {
    text-align: left;
}

.money .topicReference td:first-child {
    width: 10%;
}

.money .topicReference td:nth-child(2) {
    width: 15%;
}

.topicReference.moneyLast td:nth-child(2) {
    width: 35%;
    padding: 5px;
}

    .topicReference.moneyLast td:nth-child(2) a {
        display: block;
        height: 25px;
        text-align: left;
        padding: 5px 5px 5px 0;
    }

/*numbers*/
.oneTopicCont.numbers h3, .numbers .topicReference4C, .numbers .topicReference {
    width: 70%;
}

    .numbers .topicReference td:first-child {
        width: 35%;
    }

    .numbers .topicReference td:nth-child(3) {
        width: 35%;
    }

    .numbers .topicReference4C td:nth-child(3), .numbers .topicReference4C td:nth-child(4) {
        width: 30%;
    }

/*plants*/
.plants h3 {
    width: 90%;
}

/*family*/
.family .topicReference4C td:nth-child(2), .family .topicReference4C td:nth-child(3) {
    width: 30%;
    padding: 5px;
}

.family .topicReference4C td:first-child {
    width: 12%;
    padding: 0;
    height: 30px;
}

    .family .topicReference4C td:first-child a {
        display: block;
        padding: 9% 5px;
        height: 92%;
        text-align: center;
    }

.family .topicReference4C tr:first-of-type td {
    padding: 5px;
}

    .family .topicReference4C tr:first-of-type td:first-child {
        text-align: center;
    }

    .family .topicReference4C tr:first-of-type td:nth-child(2) {
        text-align: left;
    }




.topicReference4C tr:first-of-type {
    font-style: italic !important;
    font-size: 18px;
    height: 30px;
}

    .topicReference4C tr:first-of-type td:nth-child(2) {
        text-align: center;
    }

.topicReference4C.noTh tr:first-of-type {
    font-style: normal !important;
    font-size: inherit;
}

/*greatings*/

.greatings .topicReference, .greatings h3, .greatings p {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
}

    .greatings .topicReference td:nth-child(2) {
        width: 20%;
    }


.topicReference2C {
    width: 90%;
    min-width: 90%;
    margin: 0 auto;
    border-spacing: 0;
}

    .topicReference2C td {
        padding: 5px;
        height: 30px;
        min-height: 30px;
    }

        .topicReference2C td:first-child {
            width: 10%;
        }


    .topicReference2C tr:nth-child(even) {
        background: white;
    }

    .topicReference2C tr:nth-child(odd) {
        background: #dadada;
    }
/*funshift*/

.topicReference4C.funshift td:first-child {
    width: 10%;
}

.topicReference4C.funshift td:nth-child(3) {
    width: 45%;
}

/*farewells*/
.farewells .topicReference, .farewells h3, .farewells p {
    width: 70%;
}

    .farewells .topicReference td:first-child {
        width: 28%;
    }

    .farewells .topicReference td:nth-child(2) {
        width: 20%;
    }

.topicReference4C.hence td:nth-child(3) {
    width: 40%;
}
/*here*/
.topicReference4C.here td:first-child {
    width: 12%;
}

.topicReference4C.here td:nth-child(2) {
    width: 15%;
}

.topicReference4C.here td:nth-child(3) {
    width: 40%;
}
/*how*/
.how .topicReference td:nth-child(2) {
    width: 50%;
}

.how .topicReference tr:first-of-type td {
    text-align: left;
}

.how .topicReference td:first-child {
    padding: 0;
    width: 13%;
}

.how .topicReference tr:first-of-type td:first-child {
    text-align: center;
}

.how .topicReference td:first-child a {
    display: block;
    text-align: center;
    padding: 10px 5px 0;
    height: 30px;
}

.how .topicReference4C td:nth-child(3) {
    width: 35%;
}

/*ly*/

.ly .topicReference, .ly p {
    width: 70%;
}

    .ly .topicReference td:nth-child(2) {
        width: 20%;
    }

.topicReference4C.humor td:first-child {
    width: 10%;
}

.topicReference4C.humor td:nth-child(2) {
    width: 20%;
}

/*negatives*/

.negatives h3, .negatives .topicReference2C, .negatives p {
    width: 80%;
    min-width: 80%;
    margin: 20px auto;
}

    .negatives .topicReference2C td:first-child {
        width: 12%;
        padding: 0;
    }

        .negatives .topicReference2C td:first-child a {
            display: block;
            text-align: center;
            padding: 10px 5px 0;
            height: 30px;
        }

    .negatives .topicReference2C td:nth-child(2) {
        width: 88%;
    }

/*past tenses*/

.pastTenses h3, .pastTenses .topicReference, .pastTenses p {
    width: 70%;
}

    .pastTenses .topicReference td {
        width: 33%;
    }

    .pastTenses .topicReference tr:first-of-type td {
        text-align: left;
    }

    .pastTenses .topicReference td:nth-child(3) {
        padding: 0;
    }

        .pastTenses .topicReference td:nth-child(3) a {
            display: block;
            padding: 7px 5px;
            height: 100%;
        }

.topicReference4C.plurals td:nth-child(2) {
    width: 15%;
}

.topicReference4C.plurals td:nth-child(3) {
    width: 50%;
}

/*regrets*/

.regrets .topicReference, .regrets p {
    width: 75%;
    min-width: 75%;
}

    .regrets .topicReference td:nth-child(2), .regrets .topicReference td:first-child {
        width: 20%;
    }

/*romon history*/
.topicReference.romanHistory td:first-child {
    width: 12%;
}

/*stage directions*/
.stageDirections .topicReference, .stageDirections h3 {
    width: 70%;
    margin-bottom: 10px;
}

    .stageDirections .topicReference td:first-child {
        width: 20%;
    }

    .stageDirections .topicReference td:nth-child(2) {
        width: 20%;
    }

/*swearing*/
.swearing .topicReference, .oneTopicCont.swearing h3, .swearing p {
    width: 60%;
}

    .swearing .topicReference td {
        width: 40%;
    }

        .swearing .topicReference td:nth-child(2) {
            width: 20%;
        }

        .swearing .topicReference td:first-child {
            width: 30%;
        }

.topicReference4C.thou td:first-child {
    width: 30%;
}

.topicReference.noTh.complex td:first-child {
    width: 60%;
}

.topicReference.noTh.complex tr:first-of-type td {
    font-size: 14px;
    font-style: normal;
}

.topicReference.noTh.complex td:nth-child(2) {
    text-align: left;
    width: 8%;
}


.topicReference.noTh.complex tr:nth-child(even) {
    background: white;
}

.topicReference.noTh.complex tr:nth-child(odd) {
    background: #dadada;
}

.topicReference4C.verbForms td:first-child,
.topicReference4C.verbForms td:nth-child(2) {
    width: 12%;
}

.topicReference4C.verbForms td:nth-child(3) {
    width: 36%;
}

.topicReference.noTh tr:first-of-type td {
    font-style: normal;
    font-size: 14px;
}
/*weapons*/
.weapons .topicReference.noTh, .weapons h3, .weapons p {
    width: 80%;
}

    .weapons .topicReference.noTh td:first-child {
        width: 13%;
    }

    .weapons .topicReference.noTh tr:nth-child(even) {
        background: white;
    }

.topicReference.noTh.weapons tr:nth-child(odd) {
    background: #dadada;
}

.topicReference4C.what td:first-child {
    width: 24%;
}

.topicReference4C.what td:nth-child(3) {
    width: 35%;
}

.topicReference4C.who td:nth-child(3) {
    width: 38%;
}

.topicReference4C.who td:first-child {
    width: 20%;
}

.topicReference4C.yon td:nth-child(3) {
    width: 35%;
}

/*classical mythology*/

.classicalMythology .topicReference4C td {
    vertical-align: top;
}

    .classicalMythology .topicReference4C td:first-child {
        width: 10%;
    }

    .classicalMythology .topicReference4C td:nth-child(2) {
        width: 15%;
        max-width: 15%;
    }

    .classicalMythology .topicReference4C td:nth-child(3) {
        width: 25%;
        min-width: 25%;
    }

    .classicalMythology .topicReference4C td:nth-child(4) {
        width: 45%;
        min-width: 45%;
    }

.topicReference4C.gods td {
    vertical-align: top;
}

    .topicReference4C.gods td:first-child {
        width: 12%;
    }

    .topicReference4C.gods td:nth-child(3) {
        width: 30%;
    }

.topicReference4C.nonClassical td {
    vertical-align: top;
}

    .topicReference4C.nonClassical td:nth-child(3) {
        width: 35%;
    }

.topicReference.contemporary td:first-child {
    width: 12%;
}

.topicReference.contemporary td:nth-child(2) {
    width: 15%;
}

/*days and dates*/

.days .topicReference, .oneTopicCont.days h3 {
    width: 70%;
}

    .days .topicReference td:first-child {
        width: 25%;
    }

    .days .topicReference td:nth-child(2) {
        width: 55%;
    }

    .days .topicReference tr:first-of-type td:nth-child(2) {
        text-align: left;
        padding: 5px;
    }

    .days .topicReference td:nth-child(3) {
        width: 20%;
        padding: 0;
    }

        .days .topicReference td:nth-child(3) a {
            display: block;
            padding: 10px 5px 0;
            height: 30px;
            text-align: center;
        }

    .days .topicReference tr:first-of-type td:nth-child(3) {
        text-align: center;
    }

/*discourse*/

.oneTopicCont.discourse h3, .discourse .topicReference4C, .discourse p {
    width: 80%;
    min-width: 80%;
}

    .discourse .topicReference4C td:nth-child(3) {
        width: 40%;
    }


/*elision*/
.elision .topicReference, .elision h3 {
    width: 75%;
    min-width: 75%;
}

    .elision .topicReference td:first-child {
        width: 20%;
    }

    .elision .topicReference td:nth-child(2) {
        width: 15%;
    }

.elision h2 {
    margin: 50px 0 0;
}

/*exclamations*/

.oneTopicCont.exclamations .topicReference4C.noTh td:first-child {
    width: 14%;
}

.oneTopicCont.exclamations .topicReference4C.noTh td:nth-child(3) {
    width: 35%;
}

.topicReference.world td:first-child {
    width: 15%;
}

/*french*/

.french .topicReference4C, .french .topicReference, .french.oneTopicCont h3, .french.oneTopicCont p {
    width: 60%;
}


    .french .topicReference td {
        width: 33%;
    }

        .french .topicReference td:nth-child(2) {
            padding: 5px;
        }

    .french .topicReference tr:first-of-type td:nth-child(2) {
        text-align: left;
    }

    .french .topicReference4C td {
        width: 25%;
    }

    .french .topicReference tr:first-of-type td:nth-child(3) {
        text-align: center;
        width: 15%;
    }

    .french .topicReference td:nth-child(3) {
        padding: 0;
    }

        .french .topicReference td:nth-child(3) a {
            display: block;
            padding: 10px 5px 0;
            height: 100%;
            text-align: center;
        }

    .french .topicReference td:nth-child(2) {
        padding: 5px;
        width: 30%;
    }

    .french .topicReference.french td:nth-child(2) {
        height: auto;
        min-height: 20px;
        text-align: left;
    }

        .french .topicReference.french td:nth-child(2) a {
            height: auto;
            max-height: 15px;
            text-align: left;
            padding: 10px;
            padding-left: 0;
        }

    .french .topicReference.french td:nth-child(3) {
        padding: 5px;
    }

    .french .topicReference.french tr:first-of-type td:nth-child(3) {
        text-align: left;
        padding: 5px;
        padding-left: 0;
    }

/*latin*/

.oneTopicCont.latin p, .oneTopicCont.latin h3 {
    width: 65%;
}

.sentencesCont {
    width: 90%;
    margin: 0 auto;
}

.oneTopicCont.latin .sentencesCont p, .oneTopicCont.latin .sentencesCont h3 {
    margin: 10px 0;
    width: 100%;
}

.oneTopicCont.latin {
}

.topicReference4C.latin {
    width: 65%;
}

    .topicReference4C.latin td:first-child {
        width: 24%;
    }

    .topicReference4C.latin td:nth-child(2) {
        width: 20%;
    }

        .topicReference4C.latin td:nth-child(2) a span {
            color: black;
        }

        .topicReference4C.latin td:nth-child(2) a:hover span {
            color: white;
        }

    .topicReference4C.latin td:nth-child(3) {
        width: 25%;
    }

/*responses*/
.responses .topicReference4C td:first-child {
    width: 5%;
}

.responses .topicReference4C td:nth-child(3) {
    width: 35%;
}
/*ships*/
.ships .topicReference, .ships p {
    width: 70%;
}

    .ships .topicReference td:nth-child(2) {
        width: 20%;
    }

/*sounds*/
.sounds .topicReference, .sounds h3 {
    width: 70%;
    margin-bottom: 10px;
}

    .sounds .topicReference td:nth-child(2) {
        width: 22%;
    }

/*italian*/

.topicReference.italian, .oneTopicCont.italian h3, .oneTopicCont.italian p {
    width: 50%;
}

    .topicReference.italian td {
        width: 40%;
        text-align: left;
    }


        .topicReference.italian td:first-child {
            width: 20%;
        }

        .topicReference.italian td:nth-child(2) {
            padding: 0;
            text-align: center;
        }

            .topicReference.italian td:nth-child(2) a {
                text-align: center;
                padding: 10px 5px 0;
                width: auto;
                height: 100%;
            }

/*irish*/

.topicReference.irish, .oneTopicCont.irish h3, .oneTopicCont.irish p {
    width: 50%;
}

    .topicReference.irish td {
        width: 33%;
    }

    .topicReference.irish tr:first-of-type td {
        text-align: left;
    }


        .topicReference.irish tr:first-of-type td:nth-child(3) {
            text-align: center;
        }

    .topicReference.irish td:nth-child(3) {
        padding: 0;
    }

        .topicReference.irish td:nth-child(3) a {
            display: block;
            padding: 10px 5px 0;
            height: 30px;
            text-align: center;
        }
/*welsh*/
.welsh .topicReference2C, .welsh .topicReference, .welsh h3, .welsh p {
    width: 60%;
    min-width: 60%;
}

.welsh .topicIntro {
    width: 75%;
    min-width: 75%;
}

.welsh .topicReference td {
    width: 33%;
}

.topicReference.welsh tr:first-of-type td {
    text-align: left;
}

.topicReference.welsh td:nth-child(3) {
    padding: 0;
}

    .topicReference.welsh td:nth-child(3) a {
        display: block;
        padding: 5px;
    }

.topicReference2C.welsh {
    border-spacing: 0;
}

    .topicReference2C.welsh td {
        width: 50%;
    }

        .topicReference2C.welsh td:nth-child(2) {
            padding: 0 !important;
        }

            .topicReference2C.welsh td:nth-child(2) a {
                padding: 5px;
                display: block;
                height: 20px;
            }

.oneTopicCont.aas h3, .topicReference4C.aas {
    width: 55%;
}

    .topicReference4C.aas td {
        width: 25%;
    }

        .topicReference4C.aas td:nth-child(4) {
            padding: 0 !important;
            height: 30px;
        }

            .topicReference4C.aas td:nth-child(4) a {
                display: block;
                padding: 10px 5px 0;
                height: 100%;
                text-align: center;
            }

    .topicReference4C.aas tr:first-of-type td:nth-child(4) {
        text-align: center;
    }
/*adress form*/
.topicReference4C.address td {
    vertical-align: top;
    line-height: 24px;
}

    .topicReference4C.address td:first-child {
        width: 10%;
    }

    .topicReference4C.address td:nth-child(3) {
        width: 45%;
    }

.topicReference4C.address tr:first-of-type td {
    vertical-align: bottom;
}

.topicReference4C.address td:nth-child(2) {
    padding: 5px !important;
    width: 15%;
}

    .topicReference4C.address td:nth-child(2) a {
        height: auto;
        padding: 0;
    }

/*an*/
.anTab {
    width: 70%;
    margin: 0 auto;
}

    .anTab table {
        width: 100%;
    }

    .anTab .left, .anTab .right {
        vertical-align: top;
        padding: 10px;
    }

    .anTab p {
        padding: 0;
        margin: 15px 5px;
    }

.topicReference2C.an tr:first-of-type td {
    font-style: italic !important;
    font-size: 18px;
}


.topicReference2C.an tr:nth-child(even) {
    background: #dadada;
}

.topicReference2C.an tr:nth-child(odd) {
    background: white;
}

.topicReference2C.an td {
    width: 50%;
}

    .topicReference2C.an td:nth-child(2) {
        padding: 0 !important;
    }

        .topicReference2C.an td:nth-child(2) a {
            padding: 10px 5px 0;
            height: 100%;
            display: block;
            text-align: left;
        }

.topicReference2C.an tr:first-of-type td:nth-child(2) {
    padding-left: 5px !important;
    text-align: left;
}

/*body armour */

.bodyArmour p {
    width: 100%;
    margin: 0;
}

.bodyArmourTbl {
    width: 100%;
    border-spacing: 0;
}

    .bodyArmourTbl h3 {
        width: 100%;
    }

    .bodyArmourTbl .left, .bodyArmourTbl .right {
        width: 50%;
        vertical-align: top;
    }

    .bodyArmourTbl .left {
        padding-right: 10px;
    }

    .bodyArmourTbl .right {
        padding-left: 10px;
    }

    .bodyArmourTbl .topicReference {
        width: 100%;
        max-width: 100%;
    }

        .bodyArmourTbl .topicReference td:first-child {
            width: 12%;
        }

        .bodyArmourTbl .topicReference td:nth-child(2) {
            width: 25%;
        }

/*comparsion*/
.oneTopicCont.comparsion .topicReference,
.oneTopicCont.comparsion .topicReference4C,
.oneTopicCont.comparsion p {
    width: 70%;
}

    .oneTopicCont.comparsion .topicReference4C td {
        width: 25%;
    }

        .oneTopicCont.comparsion .topicReference4C td:nth-child(4) {
            padding: 0;
            height: 30px;
        }

    .oneTopicCont.comparsion .topicReference4C tr:first-of-type td:nth-child(4) {
        text-align: center;
    }

    .oneTopicCont.comparsion .topicReference4C td:nth-child(4) a {
        width: 100%;
        padding: 10px 5px 0;
        height: 30px;
        text-align: center;
    }

    .oneTopicCont.comparsion .topicReference td {
        width: 33%;
    }

        .oneTopicCont.comparsion .topicReference td:nth-child(2) {
            padding: 5px;
            text-align: left;
        }

.oneTopicCont.comparsion .paddLeft {
    width: 65%;
    padding-left: 5%;
    margin: 10px auto;
}

/*clothing*/
.clothingTab {
    width: 100%;
    border-spacing: 0;
}

    .clothingTab .left, .clothingTab .right {
        width: 50%;
        vertical-align: top;
    }

    .clothingTab .left {
        padding-right: 20px;
    }

    .clothingTab .right {
        padding-left: 20px;
    }

    .clothingTab p {
        margin: 20px 0;
        width: 100%;
    }

    .clothingTab .topicReference4C {
        width: 100%;
    }

        .clothingTab .topicReference4C tr:first-of-type td {
            vertical-align: bottom;
            line-height: 14px;
        }

            .clothingTab .topicReference4C tr:first-of-type td:nth-child(3) span {
                font-size: 13px;
            }

        .clothingTab .topicReference4C td:first-child {
            width: 10%;
        }

        .clothingTab .topicReference4C td:nth-child(2) {
            width: 24%;
        }

        .clothingTab .topicReference4C td:nth-child(3) {
            width: 18%;
        }

    .clothingTab h3 {
        text-align: left;
        padding: 0;
        margin: 10px 0 15px;
    }

/*cousin*/
.cousin .topicReference4C {
    width: 90%;
    border-spacing: 0;
}

    .cousin .topicReference4C tr:first-of-type td:first-child {
        text-align: center;
    }

    .cousin .topicReference4C tr:first-of-type td:nth-child(2) {
        text-align: left;
    }

    .cousin .topicReference4C td:first-child {
        width: 13%;
        padding: 0 !important;
    }

        .cousin .topicReference4C td:first-child a {
            padding: 10px 5px 0;
            display: block;
            height: 30px;
            text-align: center;
        }

    .cousin .topicReference4C td:nth-child(2) {
        width: 23%;
        padding: 5px;
    }

    .cousin .topicReference4C td:nth-child(3), .cousin .topicReference4C td:nth-child(4) {
        width: 23%;
        padding: 5px;
    }

/*withal*/
.withal .topicReference4C {
    width: 90%;
}

    .withal .topicReference4C td:first-child {
        width: 15%;
    }

    .withal .topicReference4C td:nth-child(3), .withal .topicReference4C td:nth-child(4) {
        width: 36%;
    }

/*london*/
.london .topicReference, .london p {
    width: 75%;
}

    .london .topicReference td:first-child {
        width: 15%;
    }

/*abbreviations*/
.abbreviationTab {
    width: 100%;
    border-spacing: 0;
}

.abbrMainTdLeft {
    width: 60% !important;
    min-width: 60% !important;
    padding-right: 5% !important;
}



.abbreviationTab td {
    vertical-align: top;
    text-align: left;
}

.abbreviationTab h2 {
    text-align: left;
    font-size: 30px;
    line-height: 32px;
    margin: 0px !important;
    padding: 0 !important;
    font-weight: 400;
}

.abbrMainTdLeft h3, .abbrMainTdRight h3 {
    font-size: 22px;
    line-height: 24px;
    text-align: left;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    font-weight: 400;
    color: #820000;
}

.abbreviationTab td:first-child p {
    margin: 0;
    padding: 15px 0;
}

.abbreviationTab td:first-child .paddLeft {
    padding-left: 30px;
}


.abbrMainTdRight {
    width: 35%;
    min-width: 35%;
}

    .abbrMainTdRight table {
        margin: 30px 0;
        border-spacing: 0;
        width: 100%;
    }

        .abbrMainTdRight table td {
            padding: 5px !important;
        }

        .abbrMainTdRight table tr:nth-child(even) {
            background: white;
        }

        .abbrMainTdRight table tr:nth-child(odd) {
            background: #dadada;
        }

.abbreviationsTbl td:first-child {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    text-align: center;
}

.abbreviationsTbl td:first-child,
.textAbbreviationsTbl td:first-child,
.symbolsTbl td:first-child, .symbolsTbl td:nth-child(3) {
    padding-left: 0;
    font-weight: 700;
    text-align: center;
}

.symbolsTbl td:nth-child(2) {
    border-right: white solid 3px;
}

.symbolsTbl td {
    width: 25%;
}

.symbolsTbl tr:first-of-type td {
    font-weight: 600;
    vertical-align: bottom;
}

.topicReference4C.verbForms td:nth-child(2) {
    padding-top: 5px;
}

.selectSceneSpeakerPart {
    width: 96%;
    background-color: white;
    padding: 30px 2%;
    font-size: 1em;
}

.selectSceneSpeakerTab {
    width: 100%;
    min-width: 100%;
}

    .selectSceneSpeakerTab td:first-child, .selectSceneSpeakerTab td:last-child {
        width: 28%;
        padding-right: 2%;
    }

    .selectSceneSpeakerTab td:nth-child(2), .selectSceneSpeakerTab td:nth-child(3) {
        width: 18%;
        padding-right: 2%;
    }

    .selectSceneSpeakerTab select {
        width: 100%;
        height: 48px;
        font-size: 1.2em;
    }

    .selectSceneSpeakerTab input[type=submit] {
        width: 100%;
        margin-top: 15px;
    }

        .selectSceneSpeakerTab input[type=submit].aspNetDisabled, input[type=submit].selectSceneSpeakerTab .aspNetDisabled:hover {
            background-color: gray;
            cursor: not-allowed;
        }

.advancedSearchPage .selectSceneSpeakerTab td {
    box-sizing: border-box;
    width: 25%;
}
/*.searchLineBtn {

    position:relative;
    right:-5%;
}
*/
.aspNetDisabled {
    cursor: not-allowed;
}

.labelRow span {
    font-size: 1.2em;
}

.speakerLinesTbl {
    width: 100%;
}
/*responzivita*/
@media (max-width: 800px) {
    .topicCont {
        margin-top: 0px;
    }

    .oneTopicCont, .topicIntro {
        /* font-size: 1.2em;
        line-height: 1.4em;*/
    }

    .frequentlyCont h3 span {
        font-size: 1em;
        font-weight: 500;
    }

    .frequentlyCont p {
        font-size: 1.7em;
        line-height: 1.8em;
        font-weight: 500;
    }

    .frequentlyCont span {
        font-size: 1.75em;
        line-height: 1.8em;
        font-weight: 500;
    }

    .frequentlyCont h3 {
        font-size: 2em !important;
        line-height: 2em !important;
        font-weight: 500 !important;
        color: black !important;
    }

    .topicIntro tr, .topicIntro td {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }

    .frequentlyCont {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .topicReference4C, .topicReference, .topicReference4C.latin {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    /*.oneTopicCont h3 {
        float: left;
        margin: 10px 0;
    }*/

    .oneTopicCont p {
        width: 100% !important;
    }

    /*.topicReference {
        float: left;
    }*/

    .topicIntro td {
        display: block;
        width: 100%;
        min-width: 100%;
        float: left;
    }

    .welsh .topicIntro {
        width: 100%;
    }

    .welsh .topicReference, .welsh .topicReference2C, .welsh .topicReference, .welsh h3, .welsh p {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .topicReference, .topicReference4C {
        /*font-size: 1.2em;
        line-height: 1.2em;*/
    }

        .topicReference a {
            font-size: .75em !important;
        }

    .abbreviationCont {
        /*font-size: 1.2em;
        line-height: 1.4em;*/
    }

    .abbrMainTdLeft, .abbrMainTdRight {
        display: block;
        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
    }

    .abbreviationsTbl td:first-child {
        width: 25% !important;
    }

    .abbrMainTdLeft h2, .abbrMainTdRight h2 {
        font-size: 2em;
        line-height: 1em;
    }

    .abbrMainTdLeft h3, .abbrMainTdRight h3, .topicCont h3, .oneTopicCont h3 {
        color: #820000;
        float: left;
        margin-top: 30px;
    }
    .topicReference4C.address tr {
        display: block;
    }


        .topicReference4C.address td:first-child {
            display: block !important;
            width: 100% !important;
            min-width: 100% !important;
            font-weight: 700;
        }

        .topicReference4C.address td:nth-child(2) {
            width: 20%;
            min-width: 20%;
            max-width: 20%;
            text-align: left;
            line-break: normal;
        }

            .topicReference4C.address td:nth-child(2) a {
                text-align: left;
                line-break: normal;
                word-break: break-word;
                margin-bottom: 1em;
            }

    .topicReference4C.address br {
        padding-bottom: 1em;
    }

    .topicReference4C.address td:nth-child(3) {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }

    .topicReference4C.address td:nth-child(4) {
        width: 30%;
        min-width: 30%;
        max-width: 30%;
    }

    .topicReference4C tr:first-of-type {
        height: auto;
    }

    .topicCont table, .topicReference2C, .attention .topicReference2C, .farewells .topicReference, .farewells h3, .farewells p {
        width: 100% !important;
        min-width: 100%;
        max-width: 100%;
        display: block;
    }

    .topicCont td {
        vertical-align: top;
        padding-bottom: 20px !important;
    }

        .topicCont td a {
            height: auto;
        }

    .bodyArmourTbl .left, .bodyArmourTbl .right, .clothingTab .left, .clothingTab .right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        display: block;
        float: left;
        padding: 0;
    }

        .clothingTab .right .topicReference4C {
            float: left;
        }

        .clothingTab .left .topicReference4C td:nth-child(2) {
            width: 20%;
        }

    .comparsion .topicReference4C td:nth-child(2), .comparsion .topicReference4C td:nth-child(4) {
        width: 20%;
    }

    .oneTopicCont.comparsion .paddLeft {
        padding-left: 0;
    }

    .cousin .topicReference4C td:first-child a {
        height: auto;
    }

    .oneTopicCont h3,
    .oneTopicCont.cosmos h3, .cosmos .topicReference,
    .oneTopicCont.discourse h3, .discourse .topicReference4C, .discourse p,
    .elision .topicReference, .elision h3, .greatings .topicReference, .greatings h3, .greatings p,
    .pastTenses h3, .pastTenses .topicReference, .pastTenses p {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

        .elision .topicReference td:first-child {
            width: 25%;
        }

    .farewells .topicReference td:first-child, .farewells .topicReference td:last-child {
        width: 40%;
        min-width: 40%;
        max-width: 40%;
    }

    .farewells .topicReference td:nth-child(2) {
        width: 20%;
        max-width: 20%;
        min-width: 20%;
    }

    .how .topicReference td:first-child a {
        height: auto;
    }

    .topicReference4C.humor td:first-child {
        display: block;
        width: 100%;
        min-width: 100%;
        font-weight: 700;
    }

    .topicReference4C.humor tr {
        display: block;
    }

    .topicReference4C.humor td:nth-child(2), .topicReference4C tr:first-of-type td:nth-child(2), .topicReference4C.humor td:nth-child(3), .topicReference4C tr:first-of-type td:nth-child(3) {
        width: 30%;
        min-width: 30%;
        max-width: 30%;
        vertical-align: top;
    }

    .topicReference4C.humor td:nth-child(4), .topicReference4C tr:first-of-type td:nth-child(4) {
        width: 40%;
        min-width: 40%;
        max-width: 40%;
        vertical-align: top;
    }

    .topicReference4C tr:first-of-type td {
        text-align: left !important;
        /*font-size: 1.2em;*/
    }

    .topicReference.moneyLast tr {
        display: block;
    }

    .topicReference.moneyLast td:first-child {
        display: block;
        width: 100%;
        font-weight: 700;
    }

    .topicReference.moneyLast td:nth-child(2), .topicReference.moneyLast td:nth-child(3) {
        width: 50%;
        vertical-align: top;
    }

    .numbers .topicReference4C tr {
        display: block;
        width: 100%;
    }

    .numbers .topicReference4C td:first-child {
        width: 100%;
        display: block;
        font-weight: 700;
    }

    .numbers .topicReference4C td {
        vertical-align: top;
    }

    .topicReference4C td:nth-child(2) a {
        height: auto;
    }

    .oneTopicCont.plants .topicReference4C tr {
        display: block;
        width: 100%;
    }

    .oneTopicCont.plants .topicReference4C td:first-child {
        display: block;
        width: 100%;
        font-weight: 700;
        padding-top: 10px;
    }

    .oneTopicCont.plants .topicReference4C td {
        vertical-align: top;
        padding-bottom: 30px;
    }

        .oneTopicCont.plants .topicReference4C td:nth-child(2) {
            width: 20%;
        }

        .oneTopicCont.plants .topicReference4C td:nth-child(3), .oneTopicCont.plants .topicReference4C td:nth-child(4) {
            width: 40%;
        }

    .pastTenses .topicReference {
        display: inline-table;
    }

    .topicReference4C.thou td:nth-child(2) {
        width: 20%;
        max-width: 20%;
        min-width: 20%;
        display: inline-table;
    }

    .topicReference.noTh tr:first-of-type td {
        /*font-size: 1.5em;*/
    }

    .topicReference4C.what td:nth-child(2) {
        width: 10%;
        min-width: 10%;
        max-width: 10%;
        display: inline-table;
    }

    .oneTopicCont.withal .topicReference4C tr {
        display: block;
        width: 100%;
    }

    .oneTopicCont.withal .topicReference4C td:first-child {
        display: block;
        width: 100%;
        font-weight: 700;
    }

    .topicReference4C.yon a {
        display: inline-table !important;
        word-break: break-all;
    }

    .topicReference4C.yon td:first-child {
        width: 15%;
    }

    .topicReference4C.yon td:nth-child(2) {
        width: 15% !important;
        max-width: 15% !important;
        min-width: 15% !important;
    }

    .topicReference4C.yon td:nth-child(3), .topicReference4C.yon td:nth-child(4) {
        width: 35%;
    }

    .oneTopicCont.britain .topicReference.noTh tr {
        display: block;
    }

    .oneTopicCont.britain .topicReference.noTh td:first-child {
        width: 100%;
        display: block;
        font-weight: 700;
    }

    .oneTopicCont.britain .topicReference.noTh td:nth-child(2) {
        width: 20%;
    }

    .oneTopicCont.britain .topicReference.noTh td:nth-child(2), .oneTopicCont.britain .topicReference.noTh td:nth-child(3) {
        padding-bottom: 30px;
    }

    .oneTopicCont.classicalMythology .topicReference4C tr {
        display: block;
    }

    .oneTopicCont.classicalMythology .topicReference4C td:first-child {
        display: inline-table;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        font-weight: 700;
        float: left;
    }

    .oneTopicCont.classicalMythology .topicReference4C td:nth-child(2) {
        width: 15%;
        max-width: 15%;
        min-width: 15%;
    }

        .oneTopicCont.classicalMythology .topicReference4C td:nth-child(2) a {
            text-align: right;
            height: auto;
            max-width: 80px;
            text-align: left;
        }


    .topicReference.contemporary td:first-child {
        width: 15%;
    }

    .topicReference.contemporary td:nth-child(2) {
        width: 10%;
    }

    .topicReference.contemporary td:nth-child(3) {
        width: 65%;
    }

    .days .topicReference td:nth-child(3) a {
        height: auto;
        padding-top: 0;
    }

    .french .topicReference4C, .french .topicReference, .french.oneTopicCont h3, .french.oneTopicCont p {
        width: 100% !important;
        min-width: 100%;
        max-width: 100%;
        display: inline-table;
    }

    .topicReference4C.gods tr {
        display: block;
    }

    .topicReference4C.gods td:first-child {
        display: block;
        width: 100%;
        font-weight: 700;
    }

    .topicReference4C.gods td:nth-child(2) {
        width: 18%;
    }

    .oneTopicCont.historicalFigures .topicReference td:first-child {
        width: 30% !important;
        max-width: 30% !important;
        min-width: 30% !important;
        word-break: break-word;
    }

    .oneTopicCont.historicalFigures .topicReference td:nth-child(2) {
        width: 10%;
        max-width: 10%;
        min-width: 10%;
    }

    .oneTopicCont.historicalFigures .topicReference td:nth-child(3) {
        width: 60% !important;
        min-width: 60% !important;
        max-width: 60% !important;
    }

    .oneTopicCont.historicalFigures a, .oneTopicCont.historicalFigures .topicReference td:nth-child(2) a {
        height: auto;
        display: inline-table !important;
    }

    .topicReference.irish, .topicReference.italian {
        display: inline-table;
    }

    .sentencesCont {
        width: 100%;
    }

    .topicReference4C.latin tr {
        display: inline-block;
        width: 100%;
    }

    .topicReference4C.latin td {
        width: 33%;
        min-width: 33%;
        max-width: 33%;
    }

        .topicReference4C.latin td a {
            padding-top: 5px;
        }

        .topicReference4C.latin td:first-child {
            display: block !important;
            font-weight: 700;
            padding-bottom: 0px !important;
            width: 100% !important;
            min-width: 100% !important;
            max-width: 100% !important;
            float: left;
        }

    .topicReference4C.nonClassical tr {
        display: block;
    }

    .topicReference4C.nonClassical td:first-child {
        display: block;
        width: 100%;
        min-width: 100%;
        font-weight: 700;
    }

    .topicReference4C.nonClassical a {
        padding-top: 5px !important;
    }

    .oneTopicCont.welsh .topicReference, .topicReference2C.noTh.welsh {
        display: inline-table;
    }

    .topicReference.world td:first-child {
        max-width: 35%;
        min-width: 35%;
        max-width: 35%;
    }

    .topicReference.world td:nth-child(3) {
        width: 65%;
    }

    .topicReference.world td:nth-child(2) a {
        word-break: break-all;
    }

    .topicsListTable {
        font-size: .85em;
        line-height: 1.3em;
    }

        .topicsListTable td {
            height: 50px;
            min-height: 50px;
            padding-bottom: 0;
        }

    .selectSceneSpeakerPart {
        font-size: .8em;
    }

    .selectSceneSpeakerTab span {
        color: #820000;
    }

    .selectSceneSpeakerPart .spkName {
        color: #820000;
    }

    .selectSceneSpeakerPart .speakerPart {
        margin-top: 20px;
    }

    .labelRow span {
        font-size: 1em;
    }

    .selectSceneSpeakerTab select {
        font-size: .9em;
    }

    .selectSceneSpeakerPart .playChecksRowMobile {
        position: relative;
        top: 0;
        left: 0;
    }

    .textSubMenuTableVis {
        background-color: transparent;
    }

    .selectSceneSpeakerPart .playChecksRowMobile {
        background-color: transparent;
        visibility: hidden;
        height: 50px;
        min-height: 50px;
        overflow: visible;
        position: relative;
        z-index: 800;
    }

        .selectSceneSpeakerPart .playChecksRowMobile span {
            display: none;
        }

        .selectSceneSpeakerPart .playChecksRowMobile select {
            display: inline-table;
            visibility: visible;
            font-size: .9em;
            position: relative;
            top: 0;
            left: 0;
            float: left
        }

    .selectSceneSpeakerPart .col1Vis.col2Vis.col3Vis .speakerLinesTbl td:first-child,
    .selectSceneSpeakerPart .col1Vis.col2Vis.col3Vis .speakerLinesTbl th:first-child {
        display: none;
    }
}

@media print and (min-width: 480px) {
    .playChecksRowMobile {
        display: none;
        visibility: hidden;
    }

    .mainTitleMb.contgr, .mainMenuContainer {
        display: none;
        visibility: hidden;
    }

    .mainContainer {
        padding: 5%;
    }
}

.introRow {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: white;
    padding: 10px;
    margin-bottom: 30px;
}

.irCol {
    width: 33%;
    flex-grow: 1;
    flex-shrink: 3;
    box-sizing: border-box;
    padding: 15px;
}

.charGrid {
    width: 100%;
    height: calc(100vh - 160px) !important;
    max-height: calc(100vh - 160px) !important;
    /*position: -webkit-sticky;*/
    position: sticky;
    top: 100px;
    display:block;
    /*padding-top: 30px;*/
}

#grid {
    /*font-size: 1.2em !important;
    line-height: 1.5em !important;*/
    height: calc(100vh - 160px) !important;
    max-height: calc(100vh - 160px) !important;
}
.k-link {
    line-height:1.5em !important;
}
.mobTit {
    visibility:hidden;
    display:none;
}


@media screen and (max-width: 800px) {
    #grid {
        font-size: .8em !important;
        line-height: 1em !important;
    }

    .introRow {
        display: block;
        padding: 40px;
    }

    .irCol {
        width: 95%;
        margin:0 auto;
        display: block;
    }
    .mobTit {
        visibility: visible;
        display: block;
    }
}