@media (min-width: 768px) { .input-field.half-width {
width: 50%;
}
}
.entry-header {
display: flex;
flex-direction: column;
}
.ast-single-post-order {
order: 1;
margin-bottom:20px;
}
.post-thumb {
order: 2;
margin-bottom:10px;
}
h1{
margin-top:20px;
margin-bottom:20px;
}
.especialidade-container h2{
margin-top:20px;
margin-bottom:15px;
}
.especialidade-container {
width:100%;
}
.search-input {
width: 100%!important;
padding: 10px;
box-sizing: border-box;
background-color:white!important;
}
.suggestions {
position: absolute;
width: 100%;
display: none;
background-color: #fff;
border: 1px solid #ccc;
}
.suggestions ul {
list-style: none;
padding: 0;
margin: 0;
}
.suggestions ul li {
padding: 10px;
cursor: pointer;
}
.suggestions ul li:hover {
background-color: #f1f1f1;
}
.show-all-btn {
position: absolute;
right: 0;
top: 0;
border: none;
background-color: transparent;
font-size: 16px;
padding: 10px;
cursor: pointer;
outline: none;
}
.show-all-btn:hover {
background-color: #f1f1f1;
}
.listbox-label {
color:var(--ast-global-color-2)!important;    font-weight: bold;
position: absolute;
top: -20px;
left: 0;
}
.link-block.link-block-hover {
background-color: var(--ast-global-color-2);
border-color: var(--ast-global-color-2);
color: white;
cursor: pointer;
}
.link-block a,
.link-block span,
.link-block h3 {
background-color: transparent !important;
}
.link-block.link-block-hover img {
filter: brightness(200%);
}
.link-block.link-block-hover p,
.link-block.link-block-hover a {
color: white !important;
}
.medicos-card-footer-links {
display: flex;
justify-content: space-around;
}
.search-input {
border: none !important;
}
#medicos-container,#medicos-shortcode-container { display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 20px; justify-items: center;
}
.medicos-card {
width: 100%;
position:relative;
min-height:560px;
background: rgb(245, 245, 245);   }
.list-box-container {
position: relative;
border-bottom:2px black solid;
anchor-point
}
.medicos-foto {
height: 20rem;
background-size: cover;
background-position: center top;
cursor: pointer;
background-repeat: no-repeat;
}
.medicos-foto img {
width: 100%;
}
.medicos-nome {
color: #222;
font-weight: 600;
font-size: 20px;
max-width: 200px;
line-height: 24px;
margin-bottom:10px;
margin-top:10px;
}
.medicos-cargo {
font-size: 12px;
font-weight: 600;
}
.medicos-especialidade {
line-height: 18px;
font-weight: 600;
color: var(--ast-global-color-2);
}
.medicos-idiomas {
color: var(--ast-global-color-9);
font-size: 14px;
font-style: italic;
}
.medicos-content {
padding: 10px;
}
.medicos-cta {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.medicos-card-cta-button {
color: white!important;
background: var(--ast-global-color-2);
padding: 10px 20px;
border-radius: 45px;
}
.medicos-card-cta-button:hover,.medicos-search-cta-button:hover,
.medicos-foto:focus {
color: white!important;
filter: brightness(90%)!important;
}
.medicos-saiba-mais {
color: var(--ast-global-color-2);
font-weight: 600;
}
.medicos-acordos-link-icon {
height: 12px;
width: 12px;
}
.medicos-acordos-link {
font-weight: 600;
display: flex;
}
a.medicos-card-footer-links-anchor {
color: var(--ast-global-color-1) !important;
}
a.red-link {
color: var(--ast-global-color-2) !important;
}
.search-input:focus {
outline: none;
}
.list-box-container .search-input:focus {
background-color: rgb(245,245,245)!important;
}
.list-box-container .search-input {
margin-top: 5px;
cursor: pointer;
}
.list-box-box-div{
width:80%;
}
.list-box-button-div{
width:20%;
}
.list-box-container-main{
display: flex;
}
.medicos-card-footer-links a:hover{
text-decoration: underline;
text-underline-offset: 2px;
}
#post-4104 > div > header{
display:none;}
.medico {
display: grid;
grid-template-rows: auto auto;
grid-gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}
.medico-top {
display: grid;
grid-template-columns: 200px 1fr;
grid-gap: 2rem;
align-items: center;
}
.medico-photo { }
.medico-photo img {
width: 100%;
height: auto;
object-fit: cover;
}
.medico-info {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.medico-cta {
background-color: #3498db;
color: #ffffff;
border: none;
border-radius: 4px;
padding: 0.5rem 1rem;
cursor: pointer;
}
.medico-bottom {
display: grid;
grid-template-columns: 200px 1fr;
grid-gap: 1rem;
}
.medico-accordion { }
.entry-content .medico-title {
color: #222;
font-weight: 600;
font-size: 28px;
} #medicos-container,#medicos-shortcode-container  {
//  display: flex!important;
//justify-content: space-around;
//flex-wrap: wrap;
grid-template-columns: 1fr!important;
.medicos-foto {
height:400px;
}
.medico-photo img {
width: 85%;
height: auto;
object-fit: cover;
}
.medicos-nome{
//line-height: 34px;
margin-bottom:10px;
max-width:100%;
}
.medico-top,
.medico-bottom {
grid-template-columns: 1fr;
}
}
.accordion-item {
position: relative;
margin-bottom: 1rem;
}
.accordion-item__checkbox {
position: absolute;
opacity: 0;
z-index: -1;
}
.accordion-item__label {
display: block;
padding: 0.5rem 1rem;
background-color: #3498db;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
}
.accordion-item__content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background-color: #f2f2f2;
padding: 0 1rem;
}
.accordion-item__checkbox:checked ~ .accordion-item__content {
max-height: 1000px; transition: max-height 0.5s ease;
}
.accordion-item__label{
background:none;
border-bottom:solid #333 2px;
color:#333;
margin-bottom:10px;
display: block;
padding: 0.5rem 1rem;
color: #333;
font-weight: bold;
text-transform: uppercase;
position: relative;
}
.accordion-item__content{background:none;}
.arrow {
transition: transform 0.3s ease;
}
.accordion-item__checkbox:checked ~ .accordion-item__label .arrow {
transform: rotate(180deg);
}
.arrow {
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s ease;
}
h1.medico-title{margin-bottom:5px;} .single-medicos-cta-button{
width:18rem;
}
h2.medico-especialidade{
color: #444;
font-weight: 400;
font-size: 21px;
}
.medico-texts{
padding-left: 20px;
position: relative;
}
.medico-texts h3{
font-size: 21px;
font-weight:500;
}
.base-positioned{
position:absolute;
bottom:-40px;
}
#especialidades-container,#acordos-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 60px;
}
label.accordion-item__label{
padding-left: 0px;
margin-bottom:0px;
padding-bottom:0px;
}
.especialidades.accordion-item{
margin-bottom:0px;
padding-bottom:0px;
}
.especialidades .accordion-item__content{
padding-top:10px;
}
.accordion-cta-link-div{
margin-bottom:20px;
}
.red-link{
color:var(--ast-global-color-2)!important;    font-weight: bold;
}
.accordion-item__content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-in-out;
}
.box-type-select .show-all-btn{
display:none;
}
//teste
.list-box-container {
position: relative;
display: inline-block;
}
.search-input {
width: 200px;
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 4px;
outline: none;
}
.suggestions {
position: absolute;
width: 100%;
max-height: 200px;
overflow-y: auto;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 4px 4px;
display: none;
background-color: #fff;
z-index: 1000;
}
.suggestion-item {
padding: 5px 10px;
cursor: pointer;
}
.suggestion-item:hover {
background-color: #f2f2f2;
}
.ast-archive-description p{
padding: 5px 80px;
font-weight: 600;
}
.ast-archive-description h1{
text-transform:uppercase!important;
margin:40px 0px!important;
font-size:40px!important;
font-weight:800!important;
text-align: left!important;
}
.no-results.not-found{
display:none !important;
}
.appointment-form{
padding:0px 20px!important;
}
.appointment-form .wpforms-field-label:not(.form-disclaimer) {
color: var(--ast-global-color-2);    
font-weight: 600;
margin-bottom: 10px;
}
label[for="wpforms-4553-field_11"],label[for="wpforms-4553-field_12"]{
color: var(--ast-global-color-3)!important;    
}
label[for="wpforms-6894-field_11"],label[for="wpforms-4553-field_12"]{
color: var(--ast-global-color-3)!important;    
}
.wpforms-submit-container{width:100%!important;}
#wpforms-form-4553{display:block!important;}
#wpforms-form-6894{display:block!important;}
.appointment-form .wpforms-field-label:after {
content: "";
display: block;
height: 1px;
background-color: black;
margin: 10px 0;
}
#wpforms-submit-4553, #wpforms-submit-10367 {
background-color:var(--ast-global-color-2)!important;
border-radius: 45px!important;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border:none!important;
font-weight:600!important;
}
#wpforms-submit-6894 {
background-color:var(--ast-global-color-2)!important;
border-radius: 45px!important;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border:none!important;
font-weight:600!important;
}
#wpforms-submit-4553, #wpforms-submit-10367:hover,
#wpforms-submit-6894:hover  {
filter: brightness(90%)!important;
}
.wp-post-image{margin-right:20px;}
.wpforms-submit-container:not(.footer-form .wpforms-submit-container){
text-align: center;
}
#wpforms-4553-field_7-container{margin-right:0!important;}
#wpforms-6894-field_7-container{margin-right:0!important;}
.wpforms-confirmation-container-full{background-color:#eee!important;}
#tempo_medio_de_espera .elementor-widget-container{
text-align: center; 
font-size:22px;
font-weight:600;
color:var(--ast-global-color-3);
}
.especialidades-lista h2{
color:var(--ast-global-color-8);
}
.especialidades-lista h2 a{
color:var(--ast-global-color-3);
text-decoration: underline!important;;
}
.especialidades-lista h2 a:hover{
color:var(--ast-global-color-2);
} .especialidades-lista {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.especialidades-lista div {
width: 100%;
box-sizing: border-box;
padding: 1rem;
}
#content > div > div.acordos-container > div:nth-child(4){
margin-top:30px;
} 
.acordos-container a{
margin-bottom:30px;
}
.acordos-container em{
margin-left:3em;
}
.acordos-container h1{
font-size:36px;
}
.acordos-website-link-text{
font-weight:800;
padding-bottom:4px!important;
}
.accordion-item__content p{
margin-bottom:5px;
}
.agreement img{
height:auto!important;
width:80px!important;
padding:5px;
}
div.wpforms-container-full .wpforms-form .wpforms-field{
display:block;
}
.pagination{
display:flex;
justify-content:space-around;
padding:2rem;  
font-size:16px;
}
.pagination a{
text-decoration:underline;
color:var(--ast-global-color-2) !important;
text-underline-offset: 4px;
font-weight:500;
}
#especialidades-container,#acordos-container{
margin:40px 60px;
}
a.gray-link{
color:var(--ast-global-color-1);
}
.ast-single-post-order h1.entry-title{
display:block;
}
.pagination-button {
padding: 8px;
margin: 8px;
background-color: white;
color: black;
}
.pagination-button.active {
color: gray;
}
button.medicos-search-cta-button:disabled,
button.medicos-search-cta-button[disabled] {
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
}
.suggestion-list {
position: absolute;
z-index: 999;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
list-style: none;
margin: 50px 0px 0px 0px;
padding: 0;
width: 100%;
}
.list-box-container-main {
position: relative;
}
.search-input {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
} .suggestion-list li {
padding: 5px;
}
.suggestion-list li a {
color: #333;
text-decoration: none;
}
.suggestion-list li a:hover {
background-color: #f0f0f0;
}
hr.filters-hr{
background-color:#ccc;
height:1px;
margin:15px 0 10px 0;
}
.checkboxes-header {
font-size: 32px;
color: #ccc;
font-weight: bold;
text-transform: capitalize;
margin-top: 30px;
}
.checkboxes-title {
font-size: 18px;
color: #444;
text-transform: capitalize;
margin: 10px 0 5px 0;
font-weight: 600;
}
#especialidades-checkbox-container input,
#acordos-checkbox-container input {
margin-right: 5px;
}
#especialidades-checkbox-container,
#acordos-checkbox-container {
font-weight: 600;
}
#especialidades-checkbox-container button,
#acordos-checkbox-container button {
background-color: transparent;
color: #444;
font-weight: bold;
padding: 0;
}
div.checkbox-wrapper {
padding-bottom: 10px;
}
div.checkbox-wrapper label:hover{
cursor:pointer;
}
.checkbox-wrapper label {
font-size: 13px;
margin-bottom: 5px;
padding-left: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.checkbox-wrapper label::first-line {
margin-bottom: 10px; display: block;
} .custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .custom-checkbox .checkmark {
position: relative;checkmark
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #ddd;
border: 5px solid white;
padding: 2px 12px;
margin-right: 5px; text-align: center;
} .custom-checkbox:hover input ~ .checkmark {
background-color: #ccc;
} .custom-checkbox input:checked ~ .checkmark {
background-color: var(--ast-global-color-2);
} .custom-checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
} .custom-checkbox input:checked ~ .checkmark:after {
display: block;
} .custom-checkbox .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}  @media (min-width: 768px) {
.stack-on-mobile li{
display:block!important;
}
.especialidades-lista div {
width: calc(33.3333% - 2rem);
}
}
@media (max-width: 767px) {
#especialidades-container,#acordos-container{
grid-template-columns: 1fr;
}
}
@media (max-width:921px){
.medico-top  {
margin-top:050px;
display: flex;
flex-wrap: wrap;
//lex-direction: column;
align-items: center;
}
.medico-bottom  {
margin-top:250px;
display: flex;
flex-direction: column;
align-items: center;
}
.medico-accordion, .medico-texts {
width: 100%;
}
.medicos-card{
//max-width:80%;
max-width:78vw!important;
position:relative;
min-height:630px;
}
.doctor-card-buttons {
flex-direction: column-reverse;
margin-top:10px!important;
margin-bottom:10px!important;
align-items: start!important;
gap:20px!important;
}
.doctor-card-appointment {
order: 1;
}
.doctor-card-agreements-and-know-more {
order: 2;
justify-content: left!important;
}
}
.medico-single-photo{
width:200px;
height:200px;
background-size: cover;
}
.medico-top{
width:200px;
height:200px;
margin-bottom:60px;
}
#pagination-container{
margin-left:20px;
}
.card{
display: grid; grid-template-columns: auto 1fr; width: 100%
}
@media (max-width:921px){
.card{
display:flex;
flex-direction:column;
}
}
#menu-item-6937{
max-width:15em;
}