.highlighted_post_widget {
margin-top: 60px;
}
.highlighted_post_widget h3 {
margin-top: 0;
margin-bottom: 30px;
padding-bottom: 10px;
}
.highlighted_post_widget h3 {
font-family: 'aktiv-grotesk-extended', sans-serif;
color: #517cfc;
border-bottom: 2px solid #517cfc;
display: inline-block;
}
.highlighted_post_widget .block {
display: flex;
flex-direction: column;
flex: 33%;
margin: 0 0 1rem 0;
align-items: center;
}
.highlighted_post_widget .block h4 {
border: none;
font-size: 1.3em;
line-height: 1.3;
}
.highlighted_post_widget .block h4 a {
color: #293e68;
}
@media only screen and (max-width: 768px) {
.highlighted_post_widget h3 {
text-align: center;
}
.highlighted_post_widget .block>a>img {
width: auto;
}
.highlighted_post_widget .block h4 {
padding: 0;
}
.highlighted_post_widget .block {
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.highlighted_post_widget .items {
text-align: center;
}
.highlighted_post_widget .items h4 {
font-size: 22px;
}
} .box-calcolo,
.box-info {
background-color: #ffffff;
padding: 10px;
margin: 20px 0;
color: #293e68;
border: 1px solid #293e68;
height: 470px;
}
.box-calcolo #error-label {
color: #ff003d;
}
.box-info h3,
.box-calcolo h3 {
margin: 0 0 30px !important;
color: #293e68 !important;
}
.box-info h3 {
font-size: 20px !important;
margin: 0 0 10px !important;
}
.box-info {
text-align: center;
}
.box-info.flex {
display: flex !important;
flex-direction: column;
align-content: center;
justify-content: center;
}
#tax-final-output {
font-weight: bold;
font-size: 24px;
margin: 40px 0;
}
.box-calcolo .disclaimer,
.box-info .disclaimer {
font-size: 1em;
margin: 20px 0 0;
line-height: 16px;
}
.box-calcolo h4,
.box-calcolo label {
color: #293e68 !important;
}
.box-calcolo h4 {
margin: 40px 0 10px;
}
.box-calcolo .form-group {
margin-bottom: 10px !important;
}
.box-calcolo label {
margin: 4px 0 0;
}
.input-euro {
position: relative;
margin-bottom: 0;
margin-right: 1rem;
}
.input-euro i {
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
z-index: 3;
}
.input-euro input,
.select_first_house select {
color: #293e68;
box-shadow: none;
box-sizing: border-box;
font-weight: 400;
padding: 5px 25px;
width: 70%;
z-index: 2;
position: relative;
transition: .3s;
border: 1px solid #293e68 !important;
border-radius: 0;
}
.select_first_house select {
padding: 5px 10px;
}
.input-euro input:focus,
.input-euro input:focus-visible,
.select_first_house select:focus,
.select_first_house select:focus-visible {
outline: 0;
}
.btn-rock {
font-family: 'aktiv-grotesk', sans-serif;
background-color: #ff003d;
border-radius: 0 !important;
border: 1px solid #ff003d;
font-weight: bold;
text-transform: uppercase;
margin: 0;
color: white;
font-size: 18px;
padding: 0 20px;
transition: .3s background-color ease;
width: 190px;
}
.btn-rock:hover,
.btn-rock:focus,
.btn-rock:focus-visible,
.btn-rock:active {
color: #ff003d !important;
background-color: white !important;
border: 1px solid #ff003d !important;
outline: none !important;
}
.select_first_house select {
cursor: pointer;
}
.output-prices-list {
margin: 0 auto;
padding: 0;
}
.output-prices-list li {
color: #293e68;
list-style: none;
margin: 0;
padding: 0;
}
.output-prices-list li span {
text-align: center;
}
@media screen and (max-width: 768px) {
.box-calcolo,
.box-info {
height: auto;
}
.select_first_house {
text-align: center;
}
.select_first_house select {
margin: 10px auto !important;
}
.input-euro input,
.select_first_house select {
width: 100%;
}
}
#immoguida-cta {
box-sizing: border-box;
font-family: 'aktiv-grotesk', sans-serif;
color: white;
max-width: 760px;
text-align: center;
overflow: hidden;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.category #immoguida-cta {
max-width: none !important;
}
#immoguida-cta.blue {
background-color: #293e68;
}
#immoguida-cta.azure {
background-color: #517cfc;
}
#immoguida-cta .not-visible {
display: none;
}
#immoguida-cta-step-success {
display: flex;
flex-direction: column;
padding: 15px 25px;
}
#immoguida-cta .h3,
#immoguida-cta h4,
#immoguida-cta p {
margin: 0;
color: white;
}
#immoguida-cta-step-form {
padding: 25px;
height: 100%;
}
#immoguida-cta-step-form .cta-img {
display: block;
max-width: 100%;
height: auto;
margin: 10px auto;
}
#immoguida-cta .h3 {
font-family: 'aktiv-grotesk-extended', sans-serif;
font-size: 20px;
color: white;
font-weight: 900;
}
#immoguida-cta p {
font-family: 'aktiv-grotesk', sans-serif;
font-size: 12px;
color: white;
line-height: 14px;
}
#immoguida-cta h4 {
font-family: 'aktiv-grotesk-extended', sans-serif;
color: white;
}
#immoguida-form {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
margin: 0 auto;
max-width: 470px;
}
.category #immoguida-form {
max-width: 370px;
}
#immoguida-cta-step-form .errorBox {
background-color: red;
color: white;
font-size: 9px;
text-align: left;
margin-bottom: 5px;
padding: 0 5px;
}
#immoguida-cta-step-form .errorBox.hidden {
display: none;
}
#immoguida-form .email-container {
background-color: white;
box-sizing: border-box;
padding: 5px;
width: 100%;
display: flex;
margin-bottom: 10px;
flex-direction: column;
}
#immoguida-form input[name="email"] {
box-sizing: border-box;
width: 100%;
padding: 5px 5px;
font-family: 'aktiv-grotesk', sans-serif;
border: none;
color: black;
font-size: 12px;
}
#immoguida-form input[name="email"]:focus {
outline: none;
}
#immoguida-form input[name="email"]::placeholder {
font-family: 'aktiv-grotesk', sans-serif;
}
#immoguida-form button[type="submit"] {
font-family: 'aktiv-grotesk', sans-serif;
color: white;
background-color: #ff003d;
border: 1px solid #ff003d;
text-align: center;
text-transform: uppercase;
border: none;
min-width: 76px;
font-weight: bold;
padding: 10px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-direction: row;
flex-wrap: nowrap;
line-height: 12px;
}
#immoguida-form button[type="submit"].loading {
background-color: #f06585;
border: 1px solid #f06585;
cursor: default;
}
#immoguida-form button[type="submit"]:not(.loading):hover {
background-color: white;
color: #ff003d;
border: 1px solid #ff003d;
}
#immoguida-form button[type="submit"] .submit-spinner {
width: 14px;
}
#immoguida-form input[type="checkbox"] {
width: 16px;
height: 16px;
vertical-align: middle;
padding: 0;
outline: 0;
cursor: pointer;
}
#immoguida-form label[for="acceptPrivacy"],
#immoguida-form label[for="subscribeNews"] {
font-size: 12px;
margin: 0;
}
#immoguida-form a {
color: white;
text-decoration: underline;
}
#immoguida-form .checkbox-container {
margin-bottom: 0;
display: flex;
gap: 5px;
align-items: center;
margin-bottom: 10px;
}
#immoguida-form .checkbox-container:last-child {
margin-bottom: 0;
}
#immoguida-cta-step-success .success-icon {
display: block;
margin: 0 auto 20px;
}
#immoguida-cta-step-success h3 {
margin-bottom: 10px;
}
#immoguida-cta-step-success h4 {
font-size: 16px;
margin-bottom: 44px;
}
@media screen and (min-width: 375px) {
#immoguida-cta-step-form .h3 {
font-size: 28px;
}
#immoguida-cta-step-form p {
font-size: 18px;
margin: 5px 0;
}
#immoguida-form .email-container {
flex-direction: row;
}
#immoguida-cta-step-form .errorBox {
font-size: 12px;
}
#immoguida-form button[type="submit"] {
padding: 5px 12px;
}
#immoguida-cta-step-success h3 {
font-size: 34px;
}
#immoguida-cta-step-success h4 {
font-size: 18px;
}
#immoguida-cta-step-success p {
font-size: 14px;
}
#immoguida-form input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0;
}
}
@media screen and (min-width: 425px) {
#immoguida-cta-step-form .h3 {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
#immoguida-cta {
text-align: left;
height: 240px;
align-items: flex-start;
}
.category #immoguida-cta {
margin-top: 80px;
height: 250px;
}
#immoguida-cta-step-form .cta-img {
display: none;
}
#immoguida-form {
margin: 0;
text-align: left;
max-width: 355px;
}
#immoguida-form input[name="email"] {
padding: 10px 5px;
}
#immoguida-form button[type="submit"] .submit-spinner {
width: 25px;
}
#immoguida-form button[type="submit"] {
min-width: 113px;
font-size: 16px;
}
#immoguida-form label[for="acceptPrivacy"],
#immoguida-form label[for="subscribeNews"] {
font-size: 12px;
font-weight: 500;
}
#immoguida-cta .h3 {
font-size: 36px;
}
#immoguida-cta p {
font-size: 20px;
margin: 10px 0 15px;
}
#immoguida-cta-step-form {
background-image: url(//www.rockagent.it/news/wp-content/plugins/rockagent-wp/public/images/banners/immoguida/vendere-casa-facile.webp);
background-position-x: 96%;
background-position-y: bottom;
background-repeat: no-repeat;
background-size: 40%;
width: 100%;
}
#immoguida-cta-step-success {
flex-direction: row-reverse;
justify-content: center;
align-items: center;
gap: 40px;
}
#immoguida-cta-step-success .success-icon {
display: block;
margin: 0;
}
#immoguida-cta-step-success h3 {
margin-bottom: 5px;
}
#immoguida-cta-step-success h4 {
font-size: 28px;
margin-bottom: 10px;
}
#immoguida-cta-step-success p {
font-size: 16px;
}
#immoguida-cta-step-success br {
display: none;
}
}
@media screen and (min-width:1024px) {
.category #immoguida-cta-step-form {
background-size: 30%;
height: 100%;
}
.category #immoguida-form {
max-width: 550px;
}
.category #immoguida-cta .h3 {
font-size: 42px;
}
.category #immoguida-cta-step-success p {
font-size: 20px;
line-height: 22px;
margin: 10px 0 20px;
}
.category #immoguida-form input[name="email"] {
font-size: 14px;
}
.category #immoguida-cta-step-success {
flex-direction: row-reverse;
width: 100%;
padding: 0 60px;
gap: 80px;
}
.category #immoguida-cta-step-success .success-icon {
scale: 1.6;
}
}