@charset "utf-8";
/*
Theme Name: Acessibilidades RTP
Author: RTP Multimédia
Description: Tema Acessibilidades RTP
Author URI: https://www.rtp.pt
Version: 1.0
*/

:root {
    --maincolor: #69FBFD;
    --white: #ffffff;
    --gray: #3F4D54;
    --light-gray: #E8EBED;
    --dark-gray: #253036;
    --dark-gray-text: #323232;
    --black: #171717;

}

@media screen and (min-width:1320px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1240px;
    }
}

@media (max-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

body {
    min-width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Inter', sans-serif;
}

a,
a:hover {
    text-decoration: none;
}

.bg-maincolor {
    background-color: var(--maincolor) !important;
}

.color-maincolor {
    color: var(--maincolor) !important;
}

.color-light {
    color: var(--gray) !important;
}

.border-maincolor {
    border: 1px solid var(--maincolor) !important;
}

.border-dark {
    border: 1px solid var(--dark-gray) !important;
}

.border-light {
    border: 1px solid var(--gray) !important;
}

.bg-dark {
    background-color: var(--dark-gray) !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.color-dark {
    color: var(--dark-gray) !important;
}

.small-gutter-row {
    margin-left: -3.5px;
    margin-right: -3.5px;
}

.small-gutter-row>[class*="col-"] {
    padding-left: 3.5px;
    padding-right: 3.5px;
}

.skip {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    color: var(--white);
}

.skip:focus {
    position: static;
    width: auto;
    height: auto;
}

/**********************************************************
** Navbar 
/**********************************************************/

.navbar {
    height: 62px;
    background-color: var(--dark-gray);
}

.navbar .container {
    justify-content: flex-end;
}

.navbar-collapse {
    justify-content: center;
}

.navbar li a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 21px 14px 19px 14px;
    border-bottom: 3px solid transparent;
}

.navbar li.active a,
.navbar li a:hover,
.navbar li a:focus {
    border-bottom: 3px solid #fff;
    background-color: var(--gray);
}

.navbar-collapse.show {
    background-color: var(--dark-gray);
    position: relative;
    z-index: 10;
    width: 100vw;
    position: absolute;
    top: 62px;
    left: 0;
}

.navbar-toggler {
    background-color: transparent;
    border: none;
    padding: 0;
    line-height: normal;
}

.circle {
    position: relative;
    width: 48px;
    height: 48px;
    /* dark outline */
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
    /* vertical spacing between lines */
}

.line {
    width: 25px;
    height: 3px;
    background: #fff;
    border-radius: 3px;
    transition: 0.4s ease-in-out;
}

/* active state: cross */
.circle.active .line1 {
    transform: translate(-1px, 3px) rotate(45deg);
}

.circle.active .line2 {
    transform: translate(-1px, -9px) rotate(-45deg);
}

.header-section {
    margin-top: 64px;
}

.header-section .title {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--dark-gray);
}

.header-section .content {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: var(--dark-gray-text);
    margin-bottom: 16px;
}

.content-section {
    margin-top: 64px;
}

.subtitle {
    font-size: 28px;
    font-weight: 700;
    color: var(--dark-gray);
    margin-bottom: 20px;
}

.entry-item {
    margin-bottom: 48px;
    /* cursor: pointer; */
}

.entry-item:hover {
    opacity: 0.8;
}

.entry-item h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 8px;
    color: var(--dark-gray);
}

.entry-item p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: var(--dark-gray-text);
}

.border-container {
    border-top: 1px solid var(--light-gray);
    padding-top: 64px;
}

.text-content {
    margin-bottom: 48px;
}

.text-content h2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--dark-gray);
}

.text-content ul li {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: var(--dark-gray);
    margin-bottom: 0;
}

.text-content ul li b {
    font-weight: 700;
}

.date-order li a {
    font-size: 15px;
    font-weight: 700;
    color: var(--dark-gray);
    padding: 12px 24px;
    border: 1px solid var(--dark-gray);
    display: inline-block;
    text-transform: uppercase;
    margin-right: 8px;
}

.date-order li:last-child a {
    margin-right: 0;
}

.date-order li.selected a,
.date-order li a:hover {
    background-color: var(--dark-gray);
    color: #fff;
}

.element {
    margin-bottom: 48px;
}

.element h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: var(--dark-gray);
    margin-top: 16px;
    margin-bottom: 8px;
}

.element time {
    font-size: 18px;
    font-weight: 400;
    color: var(--dark-gray);
    margin-bottom: 12px;
}

.element p {
    font-size: 18px;
    font-weight: 400;
    color: var(--dark-gray);
    padding-top: 8px;
    border-top: 1px solid var(--light-gray);
}

.element a:hover {
    opacity: 0.8;
}

.schedule {
    margin-bottom: 64px;
}

.schedule span {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 12px;
    display: inline-block;
    margin-bottom: 16px;
}

.schedule .now span {
    background-color: #AF0808;
    color: #fff;
    border: 1px solid #AF0808;
}

.schedule .now span icon {
    position: relative;
    top: -5px;
    right: -2px;
}

.schedule .next span {
    border: 1px solid var(--dark-gray);
    color: var(--dark-gray);
}

.schedule h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--dark-gray);
    line-height: 32px;
    margin-bottom: 8px;
}

.schedule p {
    font-size: 18px;
    font-weight: 400;
    color: var(--dark-gray);
    margin-bottom: 0;
}

@media (max-width: 767px) {

    .page-template-page-lingua-gestual .content-section {
        padding: 0;
    }

    .page-template-page-lingua-gestual .schedule {
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-template-page-lingua-gestual .schedule .next span {
        margin-top: 32px;
    }
}

@media (max-width: 993px) {

    .navbar li {
        display: block;
        width: 100%;
    }

    .navbar li a {
        font-size: 24px;
        font-weight: 600;
        color: #fff;
        border-bottom: 0;
        display: block;
        padding: 16px 0;
    }

    .navbar li.active a,
    .navbar li a:hover,
    .navbar li a:focus {
        border-bottom: 0;
        background-color: #fff;
        color: var(--dark-gray);
    }
}

/**********************************************************
** Footer RTP
/**********************************************************/

.site-footer .uninav-menu-list a {
    color: #90A4AE !important;
}

.site-footer ul {
    padding-left: 0 !important;
}

.site-footer {
    background-color: #263238;
    min-height: 215px;
    color: #90A4AE;
    font-size: 1rem;
    padding: 40px 0;
    text-transform: uppercase;
    margin-top: 64px;
}

.site-footer a {
    color: inherit
}

.site-footer-nav {
    margin: 1rem -4px;
    font-size: .75rem
}

.site-footer-copyright {
    text-transform: none
}

.site-footer-nav a,
.site-footer-copyright {
    font-size: 12px;
}

.site-footer-nav a {
    margin: 0 4px
}

.logo-rtp-small-white {
    display: inline-block;
    margin: 30px 0
}

.logo-rtp-small-white img {
    max-width: 100%;
    height: auto
}

.logo-rtp-small-white span {
    display: none
}

.footer-menu {
    width: 100%;
    list-style: none;
    margin: 0 -.9375rem 30px;
    padding: 0;
    line-height: 1.75em;
    float: left;
}

.footer-menu>li {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%
}

.footer-menu li a {
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
}

.footer-menu>li>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff
}

.footer-menu .uninav-menu-title {
    margin: 0;
    font-size: inherit;
    line-height: inherit
}

.footer-menu .uninav-menu-title>span {
    font-weight: 400
}

.footer-menu .uninav-menu-list {
    color: #90A4AE;
    line-height: inherit;
    list-style: none;
}

.footer-menu .uninav-menu-list li {
    margin: 0
}

.footer-menu li a:hover {
    opacity: 0.8;
}

.footer-menu-title {
    color: var(--white)
}

.social-network-horizontal {
    float: left;
    padding: 0;
    margin: 30px 0
}

.social-network-horizontal li {
    float: left;
    overflow: hidden;
    list-style: none;
    margin-right: 8px
}

.social-network-horizontal .icon {
    display: block;
    text-align: left;
    text-indent: -999em;
    width: 48px;
    height: 48px;
    background-size: 48px
}

.epg-channel-list-maintitle.afternoon,
.epg-channel-list-maintitle.evening,
.epg-channel-list-maintitle.morning,
.epg-channel-list-maintitle.primetime {
    text-indent: 0
}

.social-network-horizontal .icon.facebook {
    background-image: url('https://www.rtp.pt/common/img/assets/social-icon-facebook.svg')
}

.social-network-horizontal .icon.twitter {
    background-image: url('https://www.rtp.pt/common/img/assets/social-icon-twitter.svg')
}

.social-network-horizontal .icon.youtube {
    background-image: url('https://www.rtp.pt/common/img/assets/social-icon-youtube.svg')
}

.social-network-horizontal .icon.flickr {
    background-image: url('https://www.rtp.pt/common/img/assets/social-icon-flickr.svg')
}

.social-network-horizontal .icon.instagram {
    background-image: url('https://www.rtp.pt/common/img/assets/social-icon-instagram.svg')
}

.footer-rtp-classic {
    background-color: #fff;
    padding-top: 1.25rem
}

.footer-rtp-classic .row>div {
    height: 290px;
    background-size: cover;
    background-position: center top;
    padding: 0
}

.footer-rtp-classic .row>div img {
    display: none
}

.footer-rtp-classic .row>div h2 {
    font-size: 1.5rem
}

.footer-rtp-classic .row>div p {
    font-size: 1.4rem;
    line-height: 1.625rem
}

.footer-rtp-classic .row>div a {
    width: 100%;
    padding: .93rem;
    position: relative;
    height: 290px;
    display: block;
    color: #fff;
    text-decoration: none
}

.footer-rtp-classic .row>div a .over-elements {
    position: absolute;
    z-index: 1;
    bottom: 10px
}

.footer-rtp-classic .row>div a .over-elements h2 {
    line-height: .9rem
}

.footer-rtp-classic .row>div a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    content: '';
    z-index: 0;
    opacity: 0;
    transition: all .3s
}

.footer-rtp-classic .row>div a:hover:after {
    opacity: 1;
    transition: all .6s
}

.footer-rtp-classic .row>div,
.footer-rtp-classic .row>div.gray {
    background-color: #86949A
}

.footer-rtp-classic .row>div.gray a:before {
    background-image: none;
    display: none
}

.footer-rtp-classic .row>div.gray .over-elements {
    bottom: auto;
    top: 20px
}

.footer-rtp-classic .row>div.gray .over-elements p {
    color: #404040;
    font-size: 1rem;
    line-height: 1.5rem
}

.footer-rtp-classic .text-highlight {
    color: inherit;
    background-color: transparent !important;
    padding: 40px 15px 15px !important
}

.footer-rtp-classic .text-highlight p {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.footer-rtp-classic .text-highlight h2 {
    font-weight: 300;
    font-size: 2rem;
    color: #0074FF
}

@media (max-width:767px) {
    .site-footer-copyright {
        font-size: 16px
    }

    .footer-menu li a {
        font-size: 16px;
    }
}

@media (min-width:768px) {
    .site-footer {
        /*padding:70px 0;*/
        font-size: .75rem
    }

    .site-footer-nav {
        font-size: .625rem;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .logo-rtp-small-white {
        margin: 0;
        width: 172px
    }
}

@media (max-width: 991px) {
    .logo-rtp-small-white {
        float: left;
        max-width: 100%
    }

    .social-network-horizontal {
        width: 100%;
    }
}

@media (min-width:544px) {
    .footer-menu>li {
        width: 50%
    }

    .footer-menu>li:nth-child(2n+1) {
        clear: left
    }
}

@media (min-width:768px) {
    .footer-menu>li {
        width: 22%
    }

    .footer-menu>li:last-child {
        width: 34%
    }

    .footer-menu>li:nth-child(2n+1) {
        clear: none
    }

    .social-network-horizontal {
        margin: 30px 0 30px;
    }
}

@media (min-width:768px) {
    .social-network-horizontal .icon {
        width: 22px;
        height: 22px;
        background-size: 22px
    }
}