ul {
font-family: "Inter", sans-serif !important;
font-size:16px !important;
font-weight:400 !important;
line-height:24px !important;
}
p{
font-family: "Inter", sans-serif;
line-height:24px !important;
font-size:16px !important;
font-weight:400 !important;
}
div#page-top-banner {
bottom: 10.5rem;
}
#top nav {
background: #006072 !important;
border-radius: 55px !important;
padding: 0px 3rem 0px 2rem !important;
height: 4rem;
}
span.menu-title-text {
color: #F1EAE2 !important;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after {
border-color: #F1EAE2 !important;
}
#top .row {
display: flex;
align-items: center;
}
#top .span_3 {
display: flex;
align-items: center;
}
#top .span_9 {
display: flex;
align-items: center;
justify-content: center;
}
#top nav ul.sf-menu {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
body #header-outer {
background-color: transparent !important;
}
#header-outer[data-box-shadow="small"] {
box-shadow: none !important;
} .sticky-cta {
position: fixed;
top: 94%;
right: 0;
transform: translateY(-94%);
z-index: 9999;
display: inline-flex;
align-items: center;
text-decoration: none;
overflow: visible;
margin-right: 3%;
}
.sticky-cta-label {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
padding: 0 30px 0 20px;
background: #f3eee8;
color: #1f1f1f;
font-size: 16px;
line-height: 1;
white-space: nowrap;
border-radius: 999px 0 0 999px;
margin-right: -18px;
opacity: 0;
visibility: hidden;
transform: translateX(30px);
transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s ease;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
font-weight:600;
}
.sticky-cta-icon {
position: relative;
z-index: 2;
display: block;
}
.sticky-cta-icon img {
display: block;
width: 82px;
height: auto;
}
.sticky-cta:hover .sticky-cta-label {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.sticky-cta:hover .sticky-cta-icon {
transform: translateX(0);
}
@media (max-width: 767px) {
.sticky-cta-label {
display: none;
}
.sticky-cta-icon img {
width: 64px;
}
}  .btn {
position: relative;
display: flex;
align-items: center;
width: 220px;
height: 48px;
border-radius: 60px;
cursor: pointer;
border: none;
padding: 5px;
box-sizing: border-box;
background: #1e2a3a;
transition: background 0.4s ease;
clip-path: inset(0 round 60px);
}
.btn .icon {
position: absolute;
left: 5px;
width: 56px;
height: calc(100% - 10px);
border-radius: 60px;
display: flex;
align-items: center;
justify-content: center;
background: #3ecfbf;
transition: left 0.4s cubic-bezier(0.77, 0, 0.18, 1),
background 0.4s ease;
z-index: 2;
}
.btn .icon svg {
width: 20px;
height: 20px;
transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
}
.btn .label {
position: absolute;
width: 100%;
text-align: center;
padding-left: 40px;
box-sizing: border-box;
color: #ffffff;
font-size: 14px;
font-family: 'Inter', sans-serif;
font-weight: 400;
letter-spacing: 1.5px;
text-transform: uppercase;
transition: color 0.4s ease, letter-spacing 0.4s ease, padding 0.4s cubic-bezier(0.77, 0, 0.18, 1);
z-index: 1;
}
.btn:hover {
background: #5a2316;
}
.btn:hover .icon {
left: calc(100% - 61px);
background: #c0c0c0;
}
.btn:hover .icon svg {
transform: translateX(3px);
}
.btn:hover .label {
color: #3ecfbf;
letter-spacing: 2px;
padding-left: 0;
padding-right: 40px;
}
.btn .icon svg line,
.btn .icon svg polyline {
stroke: #1e2a3a;
transition: stroke 0.4s ease;
}
.btn:hover .icon svg line,
.btn:hover .icon svg polyline {
stroke: #3ecfbf;
}
.cta-align-center {
display: flex;
justify-content: center;
} .btn-medio {
position: relative;
display: flex;
align-items: center;
width: 275px;
height: 48px;
border-radius: 60px;
cursor: pointer;
border: none;
padding: 5px;
box-sizing: border-box;
background: #1e2a3a;
transition: background 0.4s ease;
clip-path: inset(0 round 60px);
}
.btn-medio .icon {
position: absolute;
left: 5px;
width: 56px;
height: calc(100% - 10px);
border-radius: 60px;
display: flex;
align-items: center;
justify-content: center;
background: #3ecfbf;
transition: left 0.4s cubic-bezier(0.77, 0, 0.18, 1),
background 0.4s ease;
z-index: 2;
}
.btn-medio .icon svg {
width: 20px;
height: 20px;
transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
}
.btn-medio .label {
position: absolute;
width: 100%;
text-align: center;
padding-left: 40px;
box-sizing: border-box;
color: #ffffff;
font-size: 14px;
font-family: 'Inter', sans-serif;
font-weight: 400;
letter-spacing: 1.5px;
text-transform: uppercase;
transition: color 0.4s ease, letter-spacing 0.4s ease, padding 0.4s cubic-bezier(0.77, 0, 0.18, 1);
z-index: 1;
}
.btn-medio:hover {
background: #5a2316;
}
.btn-medio:hover .icon {
left: calc(100% - 61px);
background: #c0c0c0;
}
.btn-medio:hover .icon svg {
transform: translateX(3px);
}
.btn-medio:hover .label {
color: #3ecfbf;
letter-spacing: 2px;
padding-left: 0;
padding-right: 40px;
}
.btn-medio .icon svg line,
.btn-medio .icon svg polyline {
stroke: #1e2a3a;
transition: stroke 0.4s ease;
}
.btn-medio:hover .icon svg line,
.btn-medio:hover .icon svg polyline {
stroke: #3ecfbf;
} .btn-2 {
position: relative;
display: flex;
align-items: center;
width: 220px;
height: 48px;
border-radius: 60px;
cursor: pointer;
border: none;
padding: 5px;
box-sizing: border-box;
background: #fff;
transition: background 0.4s ease;
clip-path: inset(0 round 60px);
}
.btn-2 .icon {
position: absolute;
left: 5px;
width: 56px;
height: calc(100% - 10px);
border-radius: 60px;
display: flex;
align-items: center;
justify-content: center;
background: #3ecfbf;
transition: left 0.4s cubic-bezier(0.77, 0, 0.18, 1),
background 0.4s ease;
z-index: 2;
}
.btn-2 .icon svg {
width: 20px;
height: 20px;
transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
}
.btn-2 .label {
position: absolute;
width: 100%;
text-align: center;
padding-left: 40px;
box-sizing: border-box;
color: #1F2536;
font-size: 14px;
font-family: 'Inter', sans-serif;
font-weight: 400;
letter-spacing: 1.5px;
text-transform: uppercase;
transition: color 0.4s ease, letter-spacing 0.4s ease, padding 0.4s cubic-bezier(0.77, 0, 0.18, 1);
z-index: 1;
}
.btn-2:hover {
background: #888686
}
.btn-2:hover .icon {
left: calc(100% - 61px);
background: #1F2536;
}
.btn-2:hover .icon svg {
transform: translateX(3px);
}
.btn-2:hover .label {
color: #3ecfbf;
letter-spacing: 2px;
padding-left: 0;
padding-right: 40px;
}
.btn-2 .icon svg line,
.btn-2 .icon svg polyline {
stroke: #1e2a3a;
transition: stroke 0.4s ease;
}
.btn-2:hover .icon svg line,
.btn-2:hover .icon svg polyline {
stroke: #3ecfbf;
} .cta-dente-azul {
position: relative;
display: flex;
align-items: center;
width: 325px;
height: 48px;
border-radius: 60px;
cursor: pointer;
border: none;
padding: 5px;
box-sizing: border-box;
background: #1e2a3a;
transition: background 0.4s ease;
clip-path: inset(0 round 60px);
}
.cta-dente-azul .icon {
position: absolute;
left: 5px;
width: 56px;
height: calc(100% - 10px);
border-radius: 60px;
display: flex;
align-items: center;
justify-content: center;
background: #3ecfbf;
transition: left 0.4s cubic-bezier(0.77, 0, 0.18, 1),
background 0.4s ease;
z-index: 2;
}
.cta-dente-azul .icon svg {
width: 20px;
height: 20px;
transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
}
.cta-dente-azul .label {
position: absolute;
width: 100%;
text-align: center;
padding-left: 40px;
box-sizing: border-box;
color: #ffffff;
font-size: 14px;
font-family: 'Inter', sans-serif;
font-weight: 400;
letter-spacing: 1.5px;
text-transform: uppercase;
transition: color 0.4s ease, letter-spacing 0.4s ease, padding 0.4s cubic-bezier(0.77, 0, 0.18, 1);
z-index: 1;
}
.cta-dente-azul:hover {
background: #5a2316;
}
.cta-dente-azul:hover .icon {
left: calc(100% - 61px);
background: #888686;
}
.cta-dente-azul:hover .icon svg {
transform: translateX(3px);
}
.cta-dente-azul:hover .label {
color: #3ecfbf;
letter-spacing: 2px;
padding-left: 0;
padding-right: 40px;
}
.cta-dente-azul .icon svg line,
.cta-dente-azul .icon svg polyline {
stroke: #1e2a3a;
transition: stroke 0.4s ease;
}
.cta-dente-azul:hover .icon svg line,
.cta-dente-azul:hover .icon svg polyline {
stroke: #3ecfbf;
}
.cta-dente-azul img {
margin-bottom: 0px !important;
}
.cta-dente-azul .icon {
position: absolute;
}
.cta-dente-azul .icon img {
position: absolute;
width: 20px;
height: 20px;
transition: opacity 0.3s ease;
} .cta-dente-azul .icon-dark {
opacity: 1;
} .cta-dente-azul .icon-light {
opacity: 0;
} .cta-dente-azul:hover .icon-dark {
opacity: 0;
}
.cta-dente-azul:hover .icon-light {
opacity: 1;
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
body .footerimg, .footerlogo {
max-width: 65% !important;
}
} .formcontactos input.validation-lenient, input.validation-strict {
border-radius: 100px !important;
}
.formcontactos textarea.validation-lenient {
border-radius: 20px !important;
height: 219.6px !important;
}
.formcontactos textarea:focus {
border: 3px solid #441906 !important;
}
.formcontactos html .formcraft-css .fc-form .form-element .submit-cover .submit-button,
.formcontactos .formcraft-css .fc-form .form-element .submit-cover .submit-button {
border-radius: 99px !important;
}
.formcontactos html .formcraft-css .fc-form .form-element .submit-cover .submit-button *,
.formcontactos .formcraft-css .fc-form .form-element .submit-cover .submit-button * {
font-family: "Inter", sans-serif !important;
}
.formcontactos a.powered-by {
display: none !important;
}
.formcontactos .main-label > span::after {
right: -15px !important;
}
.formcontactos .form-element .error {
background: #ffffff00 !important;
top: -15px !important;
}
.formcontactos button:hover span {
color: #f1eae1;
} .page-id-49 .beforefooter {
display: none !important;
} .icon-dente-homepage .iwithtext .iwt-icon img:not([srcset]) {
width: 20px !important;
}
.icon-dente-homepage .iwithtext .iwt-text {
padding-left: 30px !important;
}
.flip-box-back, .flip-box-front {
min-height: 365px !important;
border-radius: 10px !important;
}
.nectar-flip-box .flip-box-back .inner, .nectar-flip-box .flip-box-front .inner {
padding-left: 20px;
padding-bottom: 40px;
font-size: 28px;
color: #F1EAE1;
line-height: 28px !important;
font-weight: 500 !important;
} .TabsSobreNos div[data-style="minimal"] .toggle {
border-bottom: none;
transition: none;
}
.TabsSobreNos .toggle>.toggle-title a {
color: #006072;
}
@media only screen and (min-width: 1425px) {
.TabsSobreNos .col.padding-5-percent > .vc_column-inner {
padding: 0 !important;
}
}
.caixa-nome-equipa {
border-radius: 5px;
} .TabsEspecialidades .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
justify-content: center;
}
.tabbed>ul li .active-tab, .tabbed>ul li a { 
color: #006072;
font-size: 20px;
font-weight: 400;
text-align: center;
line-height: 22px;
}
.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
background-color: #D1CCC4;
width: 130%;
}
.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li .active-tab {
box-shadow: none;
} .text-copy-footer p, .text-copy-footer a {
font-size: 18px !important;
color: #F1EAE1;
text-decoration: underline;
line-height: 32px !important;
}
.footermorada p {
padding-bottom: 0.5em !important;
} .imgcompcase .twentytwenty-wrapper {
position: relative;
padding: 0;
border-radius: 10px !important;
}
.imgcompcase .label {
position: absolute;
bottom: 10px;
background: #D1CCC4;
padding: 15px 15px;
font-size: 22px;
border-radius: 4px;
color: #441906 !important;
font-weight: 600;
}
.imgcompcase .antes {
left: 10px;
}
.imgcompcase .depois {
right: 10px;
}
.imgcompcase .label {
transition: opacity 0.8s ease;
}
.imgcompcase .wpb_tabs_nav {
color: #441906 !important;
} .TabsOrtodontia .toggles[data-style="minimal"] .toggle {
border-bottom: none !important;
background: #D1CCC4 !important;
margin: 1% 0 !important;
padding: 0 3% !important;
border-radius: 10px !important;
}
.TabsOrtodontia .toggle>.toggle-title a{
color: #006072;
}
.TabsOrtodontia-blue .toggles[data-style="minimal"] .toggle {
border-bottom: none !important;
background: #1F2536 !important;
margin: 1% 0 !important;
padding: 0 3% !important;
border-radius: 10px !important;
}
.TabsOrtodontia-blue .toggle>.toggle-title a{
color: #51C5C1;
}
.TabsOrtodontia-blue p, .TabsOrtodontia-blue ul {
color: #F1EAE2;
} .pum-theme-248 .pum-container, .pum-theme-default-theme .pum-container {
padding:3% 0 0 2% !important;
border-radius: 10px !important;
background-color: #F1EAE1 !important;
}
.pum-theme-248 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
background-color: transparent;
font-size: 18px;
color:#000;
box-shadow: none;
line-height: 10px;
padding: 12px;
padding-top: 12px;
padding-right: 12px;	
}
.wpb_column.colun-popup-ortodontia > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay {
border-radius: 10px;
}
.wpb_column.colun-popup-ortodontia > .vc_column-inner > .wpb_wrapper {
padding: 10% 5% 15% 5%;
height: 400px !important;
}
.pum-container.pum-scrollable .pum-content {
overflow-x: hidden !important;
}
.titulo-popup-ortodontia {
padding-right: 15rem !important;
}
.rows-popup-ortodontia {
padding-right: 25px !important;
}
.page-id-156 .tabbed>ul, .wpb_content_element .tabbed .wpb_tabs_nav {
margin-bottom: 5vh !important;
}
.formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="checkbox"]:checked {
border-color: #441906 !important;
background: #441906 !important;
}
form label span {
color: #441906 !important;
} @media only screen and (max-width: 690px) {
div#page-top-banner {
bottom: 5.5rem;
}
.imgcompcase .label {
position: absolute;
bottom: 10px;
background: #D1CCC4;
padding: 10px 14px;
font-size: 17px;
border-radius: 4px;
color: #441906 !important;
font-weight: 600;
}
.cta-dente-azul {
width: 290px !important;
}
.tabbed[data-style*=vertical] .wpb_tabs_nav {
width: 80% !important;
display: flex !important;
flex-direction: column !important;
flex-wrap: wrap !important;
}	
}
.cmplz-documents.cmplz-links li {
list-style: none !important;
}