:root {
--colorBackground: #142333;
--colorLine: #333e32;
--colorHeading: #141515;
--colorText: #fff;
--colorLight: #A1A1A2;
--colorHighlight: #c4a575;
--colorHighlightLink: #e4bd74;
--colorLink: #007bff;
--colorLinkHover: #4e9ff5;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-tertiary-bg: #2b3035;
--bs-emphasis-color:#fff;
}

body{background-color: var(--colorBackground);color: var(--colorText);}
a{color: var(--colorLinkHover);text-decoration: none;}
a:hover{color: var(--colorHighlight);text-decoration: none;}

/* ------------------| MENU DA DIREITA */
#nav-right-wrapper {z-index: 1100;position: fixed;transition: transform 0.4s;visibility: visible;display: block;right: -260px;transform: translateX(0px);width: 250px;background-color: #111e2bfc;padding: 10px;box-shadow: rgb(0 0 0) 0px 0px 6px;}
#nav-right-wrapper .navbar-collapse{overflow-y: scroll;max-height: 640px;}
#nav-right-wrapper > .navbar-collapse > div{width: 100%;}
#nav-right-wrapper .nav-right-user {text-align: left;padding: 10px 0;font-size: smaller;}
#nav-right-wrapper .nav-right-user > a{color:var(--colorText)}
#nav-right-wrapper .nav-right-user > a > img{max-height: 40px;border-radius: 30px;margin-right: 20px}    
#nav-right-wrapper .nav-right-user-txt{font-size: smaller;}
#nav-right-wrapper .nav-right-user-txt >p{margin: 0;}
#nav-right-wrapper .nav-right-user-txt >p:first-child{font-weight: bold;font-size: large;}    
#nav-right-wrapper > .navbar-collapse >ul:first-child{font-size: larger;}
#nav-right-wrapper > .navbar-collapse >ul >li{padding: 12px 0 0px 30px}
#nav-right-wrapper div ul li{position: relative;display: block;border-top: 1px solid rgb(255 255 255 / 10%);padding: 12px 0px;min-height: 52px;}
#nav-right-wrapper .dropdown a i{font-size: medium;right: 10px;position: absolute;background: #2f373e;border-radius: 2px;text-align: center;width: 30px;height: 30px;transition: all 500ms ease;padding: 7px 0 0 4px;top: 10px;}

.navbar-tools .navbar-toggler {border: 1px solid #ffffff1a;}
.closeNavigation{transition:opacity 0.4s;position: fixed;background-color: var(--colorBackground);z-index: 190;width: 100%;display: none;opacity:0;}
.container {width: auto;max-width: 1170px;padding: 0 15px;}
.btn-toggle {padding: .25rem .5rem;font-weight: 600;color: var(--bs-emphasis-color);background-color: transparent;}
.btn-toggle:hover,
.btn-toggle:focus {color: rgba(var(--bs-emphasis-color-rgb), .85);background-color: var(--bs-tertiary-bg);}
.btn-toggle::before {width: 1.25em;line-height: 0;content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28196,165,117,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");transition: transform .35s ease;transform-origin: .5em 50%;}
[data-bs-theme="dark"] .btn-toggle::before {content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");}
.btn-toggle[aria-expanded="true"] {color: rgba(var(--bs-emphasis-color-rgb), .85);}
.btn-toggle[aria-expanded="true"]::before {transform: rotate(90deg);}
.btn-toggle-nav a {padding: .1875rem .5rem;margin-top: .125rem;margin-left: 1.25rem;}
.btn-toggle-nav a:hover, .btn-toggle-nav a:focus {background-color: var(--bs-tertiary-bg);}
footer .nav-item a{color: #8fa4b3;text-decoration: none;}
footer .nav-item a:hover{color: var(--colorHighlight);text-decoration: none;}
.btn-agil{background-color: var(--bs-emphasis-color);color: var(--colorHighlight);border-color: var(--colorHighlight);}
.btn-agil:hover{background-color: var(--colorHighlight);color: var(--bs-emphasis-color);border-color: var(--colorHighlight);}
.card-body li{margin-bottom: 12px;text-align: justify;}
.card-body li i {margin-right: 6px;}
.card-body small{font-size: x-large;}
.footer-sobre h5{left: 0;position: absolute;top: calc(50% - 10px);}
.footer-contato{margin-top: 50px;}
.card-highlighted{margin-top: 0;transform: scale(1.05);}
.card-standard{transform: scale(.95);}
.list-psico{list-style: none;padding-right: 10px;}
.list-psico li::before{content: "\2022";color: var(--colorHighlight);font-weight: bold;font-size: x-large;display: inline-block;width: 1em;margin-left: -1em;}
.list-psico ul div{display: inline-block;}
.list-psico ul div:first-child{float: left;}
.list-psico ul div:last-child{float: right;}
.banner-pucrs{box-shadow: rgb(0 0 0 / 40%) 0px 0px 16px;background-image: url(../img/pucrs.jpg);background-repeat: no-repeat;background-size: cover;background-position: 60% 30%;position: relative;width: 100%;height: 500px;margin-top: 40px;}
.banner-pucrs-content{background-color: #ffffffed;color: #000;padding: 20px;width: calc(100% - 20px);right: 10px;top: calc(50% - 140px);position: absolute;border-radius: 10px;text-align: justify;}
.intro-psicologia-agil{background-image: url(../img/Intro-Psicologia-Agil.jpg);background-repeat: no-repeat;background-size: cover;background-position: 60% 30%;position: relative;width: 100%;margin-top: 40px;}
.intro-psicologia-agil div{padding-top: 30px;background-color: #14233330;padding-bottom: 20px;}
.intro-psicologia-agil div p {font-size: x-large;font-weight: 400;background-color: #ffffffd4;color: #000;padding: 20px;width: calc(100% - 20px);border-radius: 10px;text-align: justify;margin: 0 auto;box-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;}
@media (min-width: 760px) {
    .footer-contato{margin-top: 0;}
    .footer-sobre h5{left: 0;position: absolute;top: calc(50% - 25px);}
    .list-psico{padding-right: 0;}
    .card-highlighted{margin-top: -10px;}
    .card-body small{font-size: large;}
}
@media (min-width: 1100px) {
    .banner-pucrs{background-position: 100% 30%;width: 100%;height: 500px;margin-top: 40px;}
    .banner-pucrs-content{padding: 20px;width: 900px;right: 100px;top: calc(50% - 70px);border-radius: 10px;}
    .intro-psicologia-agil{background-position: 60% 30%;width: 100%;margin-top: 40px;}
    .intro-psicologia-agil div{padding-top: 60px;padding-bottom: 40px;}
    .intro-psicologia-agil div p {padding: 20px;width: calc(100% - 20px);margin: 0 auto;max-width: 1170px;}
}