a:-webkit-any-link {
    /*color: -webkit-link;*/
    cursor: pointer;
}

section {
    display: block;
}

audio, video, canvas, progress {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

.r-180 {
    transform: rotate(180deg);
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-t-15 {
    margin-top: 15px;
}

.no-vis {visibility: hidden; font-size: 0px;}

/* START — TRENDING WORDS */
.words {
    padding-top: 24px;
}

/* class="trend" */
#ara .words>div {
    height: 383px;
}

.words>div, .boxSizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.words>div {
    float: left;
    width: 33.3333%;
    min-height: 383px;
    padding: 20px;
}

.trend {
    text-align: center;
    position: relative;
}

.words>div section {
    height: 100%;
}

.trend section,
.contentPanel section {
    background-color: var(--p-1);
    padding: 27px 23px;
}

.trend section h4,
.contentPanel section h4 {
    color: #333;
    padding-bottom: 12px;
    font: 15px var(--ogeKíkọ);
    font-weight: 600;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    border-bottom: 1px dotted #ccc;
}

.trend section .popular,
.contentPanel section .popular {
    position: relative;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 18px;
    /*padding-bottom: 6px;*/
    padding: 6px 0;
}

.trend section ol,
.contentPanel section ol {
    text-align: left;
    list-style: none;
    counter-reset: li -1;
}

.trend .bgc-search-trends ol li:before {
    color: var(--irenmwi);
}

ol.search-trends { column-count: 2; }

.trend section ol li,
.contentPanel section ol li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 9px;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
}

.trend section li,
.contentPanel section li {
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;
}

.trend section ol li:before,
.contentPanel section ol li:before {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 20px;
    line-height: 22px;
    font-family: inherit;
    counter-increment: li;
    content: counter(li,decimal) ". ";
}

.trend section ol li a,
.contentPanel section ol li a {
    font: 20px var(--ogeKíkọ);
    font-family: inherit;
    color: #333;
}
/* END — TRENDING WORDS */

/* START — TODAY'S WORD */
#ara .dayword section { position: relative; }

.dayword section {
    background-color: var(--t-1);
}

#ara .words .daywordmain {
    min-height: initial;
    padding-top: 18px;
}

.dayword section h4 {
    color: var(--funfun);
    height: 34px;
    padding-top: 15px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: inherit;
    letter-spacing: 1.2px;
    text-align: center;
}

.dayword section .daywordmain .word_spacer {}

.dayword section .daywordmain>div {
    display: table;
    width: 100%;
    margin-top: 35px;
}

.dayword section .daywordmain>div>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.dayword section .daywordmain strong {
    /*color: var(--funfun);*/
    font: 40px var(--ogeKíkọ);
    font-family: inherit;
    display: block;
    margin-bottom: 5px;
}

.dayword section .daywordmain strong .linkword {
    line-height: 40px;
    padding-top: 9px;
    padding-left: 15px;
    padding-right: 15px;
    color: var(--funfun);
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break all;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.dayword section .daywordmain strong .linkword:hover {
    text-decoration: underline;
}

.Mac .dayword section .daywordmain strong .linkword {
    padding-bottom: 8px;
}

.ios .dayword section .daywordmain strong .linkword {
    padding: 0 0 10px;
}

.dayword section .daywordmain p {
    color: var(--funfun);
    font: 18px var(--ogeKíkọ);
    font-family: var(--ogeKíkọ);
}

.word_type.pos {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.recordbtn {
    display: inline-block;
}

.recordbtn .voice {
    width: 42px;
    height: 42px;
    cursor: pointer;
}

.recordbtn .voice .orn {
    fill: var(--t-1-d-1);
}

.recordbtn .voice:hover .orn {
    fill: #fff;
}

.recordbtn .voice .wh {
    fill: #fff;
}

.recordbtn .voice:hover .wh {
    fill: #8a222b;
}

.dayword section h4 {
    color: var(--funfun);
    height: 34px;
    padding-top: 15px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: inherit;
    letter-spacing: 1.2px;
}
/* END — TODAY'S WORD */

/* START — TODAY'S QUOTE */
#ara .quote {
    min-height: initial;
    height: 383px;
}

#ara .quote .quotewrap {
    position: relative;
    padding: 36px 40px 30px;
    /*background-color: #00a8a3;*/
    background-color: #031934;
    text-align: center;
    min-height: initial;
    height: 100%;
    /*padding-top: 18px;*/
}

.quotewrap i {
    width: 24px;
    height: 16px;
    display: block;
    /*color: #006059;*/
    /*color: #0D53A8;*/
    margin-left: auto;
    margin-right: auto;
    color: #5289CC;
}

.quote .quotewrap h4 {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    /*font: normal 15px var(--ogeKíkọ);*/
    /*font-weight: 600;*/
    /*color: #006059;*/
    /*color: #0D53A8;*/
    /*color: #5289CC;*/
    color: var(--funfun);
    letter-spacing: 1.2px;

}

.quote .quotewrap .word_spacer {
    margin-top: 0px;
    padding-top: 18px;
}

.quote .quotewrap .quotemain {
    height: 166px;
    display: table-cell;
    vertical-align: middle;
}

.quotewrap .quotemain p {
    color: var(--funfun);
    font: 28px/36px var(--ogeKíkọ);
}

.quotewrap .author {
    display: block;
    font: 20px var(--ogeKíkọ);
    /*color: #006059;*/
    color: #5289CC;
    margin-bottom: 3px;
}
/* END — TODAY'S QUOTE */

/********* MEDIA MEDIA MEDIA ***********/
@media screen and (max-width: 1290px) {
    /* START — TRENDING WORDS */
    .words {
        padding-top: 25px;
    }

    .words>div {
        padding: 15px;
        height: 375px;
    }

    .trend section ol li:before {
        top: 2px;
    }

    .trend section ol li a, .contentPanel section ol li a {
        line-height: 27px;
        display: block;
    }
    /* END — TRENDING WORDS */
}

@media screen and (max-width: 1023px) {
    /* START — TRENDING WORDS */
    .words {
        padding: 13px 0;
        font-size: 0;
        text-align: center;
    }

    .words>div { /* class="trend" */
        display: inline-block;
        width: 50%;
        height: 363px;
        padding: 10px;
        font-size: 14px;
        vertical-align: top;
    }

    .trend section ol li:before {
        top: 3px;
    }
    /* END — TRENDING WORDS */

    /* START — TODAY'S QUOTE */
    .words>div.quote {
        float: none;
    }
    .quote .quotewrap .quotemain {
        height: auto;
        padding: 22px 0;
    }
    /* END — TODAY'S QUOTE */
}

@media screen and (max-width: 767px) {
    /* START — TRENDING WORDS */
    .words {
        display: flex;
        flex-flow: column;
        flex-wrap: wrap-reverse;
        padding: 15px 0 10px;
    }

    .words>div {
        padding: 5px;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .trend section {
        padding: 27px 23px 17px;
    }
    /* END — TRENDING WORDS */

    /* START — TODAY'S WORD */
    .dayword section .daywordmain>div {
        height: auto;
    }
    /* END — TODAY'S WORD */

    .dayword section .daywordmain strong {
        margin-bottom: 10px;
    }
    /* START — TODAY'S QUOTE */
    .quote .quotewrap .quotemain {
        height: auto;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        display: block;
        padding: 44px 0;
    }
    /* END — TODAY's QUOTE */
}