/* ----------------------------------------- */ /* Slug de view: buscainmuebles - inicio */ /* ----------------------------------------- */ input[type=radio] { display:none; } .radio { display:inline-block; background-color: #3f51b5; border-color: #3f51b5; color: white; border-radius: 4px; } .radio:not(:last-child){ margin-right: 10px; } .radio label{ padding: 3px 100px; } .tipo-transaccion{ margin-bottom: 20px; text-align: center !important; } /*SELECT*/ select::-ms-expand { display: none; } select{ -webkit-appearance: none; } select{ -moz-appearance: none; } select + i.fa { float: right; margin-top: -26px; margin-right: 5px; /* this is so when you click on the chevron, your click actually goes on the dropdown menu */ pointer-events: none; /* everything after this is just to cover up the original arrow */ /* (for browsers that don't support the syntax used above) */ background-color: #fff; padding-right: 5px; font-weight: lighter; } /*BUSCAR*/ .buscar input{ margin-top:25px; background-color: #3f51b5; background: #3f51b5; border-color: #3f51b5; color: white; padding: 8px 20px; width:100%; } .buscar input:hover{ margin-top:25px; background-color: #fbed1a; border-color:#fbed1a; color: #757575; width:100% } .busqueda{ padding-top:40px; padding-bottom:110px; padding-left: 40px; padding-right: 40px; background-color:rgba(255, 255, 255, 0.5); border-radius:20px; } .active{ display:inline-block; background-color: #fbed1a; border-color: #fbed1a; color: #757575; border-radius: 4px; } @media (max-width: 575.98px) { .tipo-transaccion { text-align:center; margin: auto; } .radio label{ padding: 3px 35px; text-align:center; margin: auto; width:250px !important; } .radio{ width: 100% !important; } } @media (min-width: 768px) and (max-width: 1199.98px) { .busqueda { padding-bottom:300px !important; } } /* ----------------------------------------- */ /* Slug de view : buscainmuebles - fin */ /* ----------------------------------------- */