/*
Theme Name: Smart TLS
Version: 1.0
Description: Smart TLS WordPress Theme.
Author: LBC
*/

html {scroll-behavior: smooth;} 

body {font-family: 'Montserrat', sans-serif; color: #000; font-size:.9em;}
a, a:visited, a:hover, a:active, a:focus, a:active:hover {text-decoration: none;}

.btn-primary {color: #fff; background-color: #2977c9; text-transform: uppercase; padding: 1em 1.5em; border: 2px solid #2977c9; border-radius: 2em;}
.btn-primary:hover {color: #2977c9; background-color: #fff;}

.btn-secondary {color: #2977c9; text-transform: uppercase; padding: 1em 1.5em; border: 2px solid #2977c9; border-radius: 2em;}
.btn-secondary:hover {color: #fff; background-color: #2977c9;}

a.arrow-left img {width: .75em; margin-right: .25em;}
a.arrow-left span {color: #000; font-size: .75em; text-transform: uppercase;}

#site-header {padding: 1.5em 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#site-header .tls-logo img {max-width: 15em;}
#site-header .menu {text-align: right;}
#site-header .menu a:not(:last-child) {padding: .75em 1em;}
#site-header .menu a:last-child {color: #000; text-transform: uppercase;}
#site-header .menu a:last-child:hover {color: #2977c9;}
#site-header .menu a.logout {color: #2977c9; font-size: .875em;}

.banner-contacts {background: url('/wp-content/themes/smart-tls/images/header-contactos.jpg');}

.banner .banner__image {background: url('/wp-content/themes/smart-tls/images/banner-homepage.jpg'); position: absolute; width: 100%; height: 580px; object-fit: cover;}
.banner .banner__content .container {position: relative; left: 0; right: 0; height: 610px;}
.banner .banner__content .banner__title h1 {font-size: 1.875em; font-weight: 700; line-height: 1.25em; margin-bottom: .5em;}
.banner .banner__content .banner__subtitle h2 {font-size: 1.125em; font-weight: 400; line-height: 1.25em; margin-bottom: 3em;}
.banner .banner__content .banner__button {margin-bottom: 2.5em;}
.banner .banner__content .banner__note {font-size: .875em; line-height: 1.25em;}

.section {margin-top: 3em; padding-bottom: 3em;}
.section .section-header {font-size: 2em; line-height: 1.25em; margin-bottom: 1em;}
.section .section-header span {font-weight: 700;}
.section .section-btn {margin-top: 3em;}

.section.section-saber-mais {margin-top: 0;}
.section.section-saber-mais .container {background-color: #f4f4f4; padding: 4em;}
.section.section-saber-mais .section-text {font-size: 1.125em; font-weight: 700;}

.section.section-como-utilizar {background-color: #f4f4f4; padding-top: 3em; padding-bottom: 0;}
.section.section-como-utilizar .row.wo-img {padding: 3em 0;}

.heading {font-size: 1.125em; font-weight: 700; margin-bottom: .5em;}

.table {display: table;}
.tr {display: table-row;}
.td {display: table-cell;}

.table.icons-list {margin-bottom: 2.5em;}
.table.icons-list.first-row {margin-top: 2em;}
.table.icons-list img {width: 1.5em;}
.table.icons-list .tr>.td:last-child {padding-left: 1em;}

.section.section-como-utilizar .table.icons-list img {width: 6em;}
.section.section-como-utilizar .table.icons-list .tr>.td:last-child {padding-left: 1em; padding-top: .5em; vertical-align: top;}

.table.tls-numbers {margin-bottom: 2.5em;}
.table.tls-numbers.last-row {margin-bottom: 0;}
.table.tls-numbers .tr>.td {vertical-align: middle; padding-left: 1em;}
.table.tls-numbers .tr>.td:first-child {color: #2977c9; font-size: 1.25em; line-height: 1.25em; width: 10em;}
.table.tls-numbers .tr>.td:first-child span {font-size: 2em; font-weight: 700;}
.table.tls-numbers .tr>.td:last-child {border-left: 1px solid #000; font-size: .875em;}

.page__banner {background-color: #f4f4f4; padding: 3em 0;}
.page__banner img {width: 100%; height: auto;}
.page__banner .banner__title h1 {font-size: 1.875em; font-weight: 700; line-height: 1.25em; margin-bottom: .5em;}
.page__banner .banner__subtitle h2 {font-size: 1.125em; font-weight: 400;}

.page__content {margin: 3em 0;}

.shortcuts {margin-bottom: 3em;}
.shortcuts .table {color: #fff; width: 100%; padding: 2em; min-height: 12em;}
.shortcuts .table img {width: 4.5em;}
.shortcuts .table .td {vertical-align: middle;}
.shortcuts .table .title {font-size: 1.25em; font-weight: 600; text-transform: uppercase; margin-bottom: .25em;}
.shortcuts .table .text {font-size: .875em; text-transform: uppercase;}
.shortcuts .table:hover {opacity: .8;}
.shortcuts .table.formacao {background-color: #2977c9;}
.shortcuts .table.implementacao {background-color: #00b2d1;}

.destaques {padding-bottom: 3em; margin-bottom: 3em;}
.destaques .title {font-size: 1.75em; font-weight: 700; margin-bottom: 1em;}
.destaques h3 {color: #000;}
.destaques h3:hover {opacity: .8;}

.course__banner {background-color: #f4f4f4; padding: 3em 0;}
.course__banner .row {background-color: #fff;}
.course__banner .row>div:last-child {padding: 0;}
.course__banner .course__title {padding: 2.5em;}
.course__banner .course__title h1 {font-size: 1.875em; font-weight: 700;}
.course__banner img {width: 100%; height: auto;}

.course__content {padding-bottom: 3em; margin: 3em 0;}
.course__content div.col:first-child {margin-bottom: 2em;}
.course__content .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {color: #000;}
.course__content .learndash-wrapper .ld-table-list a.ld-table-list-item-preview {color: #000;}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {display: none;}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-status {color: #728188!important;}

.post__banner {background-color: #f4f4f4; padding: 3em 0;}
.post__banner .row {background-color: #fff;}
.post__banner .row>div:last-child {padding: 0;}
.post__banner .post__title {padding: 2.5em;}
.post__banner .post__title .category {font-size: .875em;text-transform: uppercase; margin-bottom: .5em;}
.post__banner .post__title .category a {color: #7c7c7c;}
.post__banner .post__title .category a:hover {color: #2977c9;}
.post__banner .post__title h1 {font-size: 1.875em; font-weight: 700;}
.post__banner img {width: 100%; height: auto;}

.post__content {padding-bottom: 3em; margin: 3em 0; min-height: 50vh;}
.post__content div.col:first-child {margin-bottom: 2em;}

.blog .page__title {margin-top: 3em; margin-bottom: 1em;}
.blog .page__title h1 {font-size: 1.75em; font-weight: 700;}
.blog .page__content {padding-bottom: 3em; margin: 3em 0; min-height: 50vh;}
.blog h6 {color: #000;}
.blog h6:hover {color: #B07103;}

.post__thumbnail {margin-bottom: 1em;}
.post__thumbnail img {width: 100%; height: auto; border: 1px solid #f4f4f4;}
.post__thumbnail img:hover {opacity: .9;}

.first-post {margin-bottom: 3em;}
.post:not(:first-child) {margin-top: 3em;}
.post h3 {font-size: 1.125em;}

/**
 * Implementação
 */
.page-template-implementacao .post__banner {position: relative; overflow: hidden;}
.page-template-implementacao .post__banner .background {background-color: #f4f4f4; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; min-height: 500px; position: absolute; left: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); opacity: 0.9; transform: scale(1.1);}
.page-template-implementacao .post__banner .container {position: relative;}
.page-template-implementacao .post__content .box-monitorizacao {background-color: #f4f4f4; padding: 1.5rem; margin-bottom: 2rem;}
.page-template-implementacao .post__content .box-monitorizacao h3 {font-weight: 400; line-height: 1.25rem; margin-bottom: 1.5rem;}
.page-template-implementacao .post__content .box-monitorizacao span {color: #2977c9; font-weight: 600;}
.page-template-implementacao .post__content .box-monitorizacao .button {font-size: 1.125em; display: block; color: #fff; background-color: #2977c9; text-transform: uppercase; padding: 1em 1.5em; border: 2px solid #2977c9;}
.page-template-implementacao .post__content .box-monitorizacao .button img {width: 1.5rem; margin-right: .5rem;}
.page-template-implementacao .post__content .box-monitorizacao .button:hover {opacity: .8;}
.page-template-implementacao .post__content .group-info {background-color: #f4f4f4; padding: 1.5rem; margin-bottom: 2rem;}
.page-template-implementacao .post__content .group-info h2 {font-size: 1.25em; line-height: 1.25em; margin-bottom: .75rem;}
.page-template-implementacao .post__content .group-info span {display: block; margin-bottom: .25rem;}
.page-template-implementacao .post__content .group-info span.user-email:not(:last-child) {margin-bottom: 1rem;}
.page-template-implementacao .post__content .group-info h3 {color: #2977c9; font-size: 1em; margin-top: 2rem; margin-bottom: .5rem;}
.page-template-implementacao .post__content .item-heading h3 {font-size: 1.25em;}
.page-template-implementacao .post__content .item-heading:not(:first-child) {margin-top: 2rem;}
.page-template-implementacao .post__content .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview.to-do {background-color: #f4f4f4;}
.page-template-implementacao .post__content .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview.next-step a:hover {cursor: default;}

/**
 * Etapa
 */
.page-template-etapa .post__banner .post__title {color: #fff; font-size: 1.25em; padding-top: 2rem; padding-right: initial; padding-bottom: 2rem; padding-left: initial;}
.page-template-etapa .post__content h1 {font-size: 2em; margin-bottom: 1.5rem;}

.page-template-etapa .post__content .publish-box {background-color: #2977c9; padding: 2rem; margin-top: 2rem; margin-bottom: 2rem;}
.page-template-etapa .post__content .publish-box .box-title {margin-bottom: 1rem;}
.page-template-etapa .post__content .publish-box .box-title img {width: 1.5rem; margin-right: .25rem;}
.page-template-etapa .post__content .publish-box .box-title span {color: #fff; font-size: 1.5em; font-weight: 600;}
.page-template-etapa .post__content .publish-box .box-text {color: #fff;}

.page-template-etapa .post__content .pending-box {background-color: #2977c9; padding: 2rem; margin-top: 2rem; margin-bottom: 2rem;}
.page-template-etapa .post__content .pending-box .box-title {margin-bottom: 1rem;}
.page-template-etapa .post__content .pending-box .box-title img {width: 1.5rem; margin-right: .25rem;}
.page-template-etapa .post__content .pending-box .box-title span {color: #fff; font-size: 1.5em; font-weight: 600;}
.page-template-etapa .post__content .pending-box .box-text {color: #fff;}

.page-template-etapa .post__content .template-box {background-color: #2977c9; padding: 2rem; margin-top: 2rem; margin-bottom: 2rem;}
.page-template-etapa .post__content .template-box .box-title {margin-bottom: 1rem;}
.page-template-etapa .post__content .template-box .box-title img {width: 1rem; margin-right: .25rem;}
.page-template-etapa .post__content .template-box .box-title span {color: #fff; font-size: .75em; font-weight: 600;}
.page-template-etapa .post__content .template-box .template-title a {color: #fff; font-size: 1.75em; font-weight: 700; line-height: 1.5rem;}
.page-template-etapa .post__content .template-box .template-download {text-align: right;}
.page-template-etapa .post__content .template-box .btn-secondary {color: #fff; border: 2px solid #fff;}
.page-template-etapa .post__content .template-box .btn-secondary:hover {color: #2977c9; background-color: #fff;}

.page-template-etapa .post__content .upload-box {background-color: #f4f4f4; padding: 2rem; margin-top: 2rem; margin-bottom: 2rem;}
.page-template-etapa .post__content .upload-box .box-title {margin-bottom: 1rem;}
.page-template-etapa .post__content .upload-box .box-title img {width: 1rem; margin-right: .25rem;}
.page-template-etapa .post__content .upload-box .box-title span {color: #000; font-size: .75em; font-weight: 700;}
.page-template-etapa .post__content .upload-box .input-file {background-color: #fff; padding: .5rem; margin-bottom: 1rem;}
.page-template-etapa .post__content .upload-box textarea {width: 100%; min-height: 8em; border: none; padding: .5rem;}
.page-template-etapa .post__content .upload-box .submit-form {margin-bottom: .375rem; text-align: right;}
.page-template-etapa .post__content .upload-box .btn-secondary {background-color: #fff;}
.page-template-etapa .post__content .upload-box .btn-secondary:hover {background-color: #2977c9;}
.page-template-etapa .post__content hr {margin-top: 2rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}

.page-template-etapa .post__content .comments-box {background-color: #f4f4f4; padding: 2rem; margin-top: 1rem;}
.page-template-etapa .post__content .comments-box .single-comment {background-color: #fff; padding: 1rem .75rem;}
.page-template-etapa .post__content .comments-box .single-comment .comment-author {color: #fff; font-weight:600; padding: .5rem; border-radius: 50%; background-color: #2977c9; display: inline-block; margin-right: .25rem;}
.page-template-etapa .post__content .comments-box .single-comment .comment-text {display: inline-block; vertical-align: middle;}
.page-template-etapa .post__content .comments-box .single-comment .comment-text span {color: #808080; font-size: .875em; }
.page-template-etapa .post__content .comments-box .single-comment:not(:last-child) {margin-bottom: .75rem;}

/**
 * Monitorização
 */
.page-template-monitorizacao .post__banner .post__title {color: #fff; font-size: 1.25em; padding-top: 2rem; padding-right: initial; padding-bottom: 2rem; padding-left: initial;}
.page-template-monitorizacao .post__content {background-color: #f4f4f4; margin: 0; padding-top: 3em; padding-bottom: 6em;}
.page-template-monitorizacao .post__content .container-fluid {background-color: #fff; padding: 2rem;}
.page-template-monitorizacao .post__content h2 {font-size: 1.25em;}
.page-template-monitorizacao .post__content table {width: 100%;}
.page-template-monitorizacao .post__content table thead {color: #a9a9a9; text-transform: uppercase; font-size: .875em;}
.page-template-monitorizacao .post__content table thead tr {line-height: 2rem;}
.page-template-monitorizacao .post__content table tbody tr {line-height: 2.5rem; border-bottom: 1px solid #a9a9a9; font-weight: 600;}
.page-template-monitorizacao .post__content table tbody tr span.label-estado-pending {background-color: #db9600; color: #fff; text-transform: uppercase; padding: .5rem; font-size: .875em;}
.page-template-monitorizacao .post__content table tbody tr span.label-estado-publish {background-color: #28a745; color: #fff; text-transform: uppercase; padding: .5rem; font-size: .875em;}
.page-template-monitorizacao .post__content table tbody tr span.label-estado-draft {background-color: #dc3545; color: #fff; text-transform: uppercase; padding: .5rem; font-size: .875em;}
.page-template-monitorizacao .post__content table tbody tr span[class^="label-estado"]:hover {opacity: .8;}
.page-template-monitorizacao .post__content table tbody tr img {width: 1.5rem; margin-left: .75rem;}
.page-template-monitorizacao .post__content table tbody tr img:hover {opacity: .8;}

/**
 * Etapa submetida
 */
.page-template-single-etapa .post__banner .post__title {color: #fff; font-size: 1.25em; padding-top: 1.5rem; padding-right: initial; padding-bottom: 1.5rem; padding-left: initial;}
.page-template-single-etapa .post__banner .post__title h2 {font-size: 1.125em;}
.page-template-single-etapa .post__content .group-info {background-color: #f4f4f4; padding: 1.5rem; margin-bottom: 2rem;}
.page-template-single-etapa .post__content .group-info h2 {font-size: 1.25em; line-height: 1.25em; margin-bottom: .75rem;}
.page-template-single-etapa .post__content .group-info span {display: block; margin-bottom: .25rem;}
.page-template-single-etapa .post__content .group-info span.user-email:not(:last-child) {margin-bottom: 1rem;}
.page-template-single-etapa .post__content .group-info h3 {color: #2977c9; font-size: 1em; margin-top: 2rem; margin-bottom: .5rem;}

.page-template-single-etapa .post__content .evaluation-box {background-color: #f4f4f4; padding: 2rem; margin-bottom: 2rem;}
.page-template-single-etapa .post__content .evaluation-box .file-info {background-color: #fff; padding: 1rem;}
.page-template-single-etapa .post__content .evaluation-box .file-info .file-name a {color: #000;}
.page-template-single-etapa .post__content .evaluation-box .file-info .file-download {text-align: right;}
.page-template-single-etapa .post__content .evaluation-box .file-info .file-download img {width: 1.25rem;}
.page-template-single-etapa .post__content .evaluation-box textarea {width: 100%; min-height: 8em; border: none; padding: .5rem; margin-top: 1.5rem;}
.page-template-single-etapa .post__content .submit-form span {font-size: 1.125em; font-weight: 700;}
.page-template-single-etapa .post__content .submit-form .submit-buttons {text-align: right;}
.page-template-single-etapa .post__content .submit-form .submit-buttons input:first-child {margin-right: .5rem;}
.page-template-single-etapa .post__content .submit-form .submit-buttons .btn-secondary {background-color: #fff;}
.page-template-single-etapa .post__content .submit-form .submit-buttons .btn-secondary:hover {background-color: #2977c9;}
.page-template-single-etapa .post__content hr {margin-top: 2rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}

.page-template-single-etapa .post__content .comments-box {background-color: #f4f4f4; padding: 2rem; margin-top: 1rem;}
.page-template-single-etapa .post__content .comments-box .single-comment {background-color: #fff; padding: 1rem .75rem;}
.page-template-single-etapa .post__content .comments-box .single-comment .comment-author {color: #fff; font-weight:600; padding: .5rem; border-radius: 50%; background-color: #2977c9; display: inline-block; margin-right: .25rem;}
.page-template-single-etapa .post__content .comments-box .single-comment .comment-text {display: inline-block; vertical-align: middle;}
.page-template-single-etapa .post__content .comments-box .single-comment .comment-text span {color: #808080; font-size: .875em; }
.page-template-single-etapa .post__content .comments-box .single-comment:not(:last-child) {margin-bottom: .75rem;}

/**
 * Contactos
 */
.page-template-contactos .page__title {margin-top: 3em; margin-bottom: 1em;}
.page-template-contactos .page__title h1 {font-size: 1.75em; font-weight: 700;}
.page-template-contactos .page__content {padding-bottom: 3em; min-height: 50vh;}
.page-template-contactos .page__content div.wpforms-container-full .wpforms-form .wpforms-field {padding-top: 0;}
.page-template-contactos .page__content div.wpforms-container-full .wpforms-form .wpforms-field-label {font-weight: 600;}
.page-template-contactos .page__content div.wpforms-container-full .wpforms-form input[type=text] {max-width: 100%; border: 1px solid #000; width: 100%;}
.page-template-contactos .page__content div.wpforms-container-full .wpforms-form input[type=email] {max-width: 100%; border: 1px solid #000; width: 100%;}
.page-template-contactos .page__content div.wpforms-container-full .wpforms-form textarea {border: 1px solid #000;}
.page-template-contactos .page__content div.wpforms-container-full .wpforms-field {margin-bottom: 1em;}
.page-template-contactos .page__content div.wpforms-container-full .wpforms-form button[type=submit] {color: #fff; background-color: #2977c9; text-transform: uppercase; padding: .75em 1.75em; border: 2px solid #2977c9; border-radius: 2em;}
.page-template-contactos .page__content div.wpforms-container-full .wpforms-form button[type=submit]:hover {color: #2977c9; background-color: #fff;}
.page-header {background-repeat: no-repeat; background-position: center; height: 205px;}

.page-header .container {padding-top: 5em;}
.page-header h1 {
    font-size: 2.25em;
    color: #fff;
    text-shadow: 1px 1px #000;
    text-shadow: 1px 1px 2px #000;
}

#site-footer {border-top: 1px solid #000; padding: 2.5em 0;}
.nota-rodape {
    font-size: 0.8em;
    padding-bottom:0.5em;
}

/* Small devices */
@media (max-width: 767px) {
    #site-header .menu a:not(:last-child) {margin-right: 0;}
    #site-header .menu a:not(.logout):last-child {display: none;}

    .banner .banner__content .container {padding-top: 6em;}
    .banner .banner__content .banner__note {max-width: 70%;}

    .table.table.tls-numbers.first-row {margin-top: 5em;}

    .section.section-projeto img {width: 100%; height: auto;}

    .white-box {margin-top: 1.5em;}

    .heading.last-heading {margin-top: 1.5em;}

    .row.wo-img {display: flex;}
    .row.w-img{display: none;}

    .page__banner .banner__title {margin-top: 2em;}

    .course__banner .course__title {text-align: center;}

    .page-template-contactos .page__content div.wpforms-container-full {margin-top: 3em;}

    #site-footer a {display: block; text-align: center; margin-bottom: 1.5em;}
    #site-footer a:last-child {margin-bottom: 0;}
}

/* Medium devices */
@media (min-width: 768px) {
    #site-header .menu a:not(:last-child) {margin-right: 1em;}
    #site-header .menu a:last-child {display: inline-block;}

    .banner .banner__content .container {padding-top: 8em;}
    .banner .banner__content .banner__note {max-width: 50%;}

    .table.table.tls-numbers.first-row {margin-top: 5em;}

    .section.section-projeto img {width: 100%; height: auto;}

    .white-box {margin-top: 1.5em;}

    .heading.last-heading {margin-top: 1.5em;}

    .row.wo-img {display: flex;}
    .row.w-img {display: none;}

    .page__banner .banner__title {margin-top: 2em;}

    .course__banner .course__title {text-align: center;}

    .page-template-contactos .page__content div.wpforms-container-full {margin-top: 3em;}

    #site-footer a {padding-right: 2.5em;}
}

.margem{margin-top:40px;}
.texto-bullets {font-size:.9em;}
.texto-contactos{font-size:1.6em;}
.contorno-video{border:1px solid gray;}


/* Large devices */
@media (min-width: 992px) {
    .banner .banner__content .container {padding-top: 10em;}
    .banner .banner__content .banner__subtitle {max-width: 75%;}
    .banner .banner__content .banner__note {max-width: 35%;}

    .table.table.tls-numbers.first-row {margin-top: 0em;}

    .section.section-saber-mais .section-btn {margin-top: 0; text-align: right;}

    .section.section-projeto img {width: auto;}

    .white-box {background-color: #fff; padding-top: 2em; padding-bottom: 2em; padding-left: 2em;}

    .heading.last-heading {margin-top: 0;}

    .page__banner .banner__title {margin-top: 0;}

    .course__banner .course__title {text-align: left;}

    .page-template-contactos .page__content div.wpforms-container-full {margin-top: 0;}
}

/* Extra large devices */
@media (min-width: 1200px) {
    .banner .banner__content .container {padding-top: 8em;}
    .banner .banner__content .banner__subtitle {max-width: 65%;}
	.banner .banner__content .banner__note {max-width: 30%;}
}

/* Huge devices */
@media (min-width: 1840px) {
    .row.wo-img {display: none;}
    .row.w-img {display: flex;}
    .section.section-como-utilizar .tablets-img {background: url('/wp-content/themes/smart-tls/images/img-tablets.png'); background-repeat: no-repeat; position: absolute; width: 100%; height: 725px; object-fit: cover; margin-top: 147px;}
}