.srm-destinations-horizontal.srm-funnel-multi-destinations {
display: inline;
margin: 0;
padding: 0;
}
.srm-destinations-horizontal.srm-funnel-multi-destinations li {
display: inline-block;
width: 100px;
height: auto;
margin: 10px;
vertical-align: top;
}
.srm-destinations-horizontal li.srm-funnel-multi-destination > a:before {
display:none !important;
}
.srm-destinations-horizontal li.srm-funnel-multi-destination > a .srm-funnel-icon {
font-size: 70px !important;
margin: auto !important;
width: auto !important;
height: auto !important;
}
.srm-destinations-horizontal li.srm-funnel-multi-destination > a img {
width: auto;
height: auto;
max-width: 70px;
max-height: 70px;
margin: auto;
display: block;
box-shadow: none;
-webkit-box-shadow: none;
}
.srm-destinations-horizontal li.srm-funnel-multi-destination .srm-funnel-destination-name {
display: block;
padding: 10px 0px;
font-size: 16px;
word-break: break-all;
max-width: 100px;
}
.srm-destinations-horizontal li.srm-funnel-multi-destination > a {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
padding: 10px;
margin: 0 auto;
display: flex;
background: #dadada;
color: #666;
width: 100px;
height: 100px;
border-radius: 5px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
text-decoration: none !important;
}
.srm-destinations-horizontal li.srm-funnel-multi-destination > a:hover {
transform: scale(1.05);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
cursor: pointer;
} .textwidget .srm-funnel-decision.srm-funnel-icon {
font-size: 90px;
}
.srm-destinations-vertical.srm-funnel-multi-destinations {
margin-top: 0;
margin-bottom: 1rem;
}
.srm-destinations-vertical.srm-funnel-multi-destinations li {
width: 100%;
height: auto;
vertical-align: top;
list-style: none;
padding: 10px;
cursor: pointer;
}
.srm-destinations-vertical li.srm-funnel-multi-destination > a:before {
display:none !important;
}
.srm-destinations-vertical li.srm-funnel-multi-destination > a .srm-funnel-icon {
font-size: 28px !important;
width: auto !important;
height: auto !important;
margin-left: 10px;
float: left;
}
.srm-destinations-vertical li.srm-funnel-multi-destination > a img {
margin-left: 10px;
float: left;
width: 2em;
}
.srm-destinations-vertical li.srm-funnel-multi-destination .srm-funnel-destination-name {
width: 100%;
text-align: center;
font-size: 20px;
word-break: break-all;
}
.srm-destinations-vertical li.srm-funnel-multi-destination > a {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
padding: 10px;
display: block;
background: #dadada;
color: #666;
height: 50px;
border-radius: 5px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
text-decoration: none !important;
}
.srm-destinations-vertical li.srm-funnel-multi-destination > a:hover {
transform: scale(1.05);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
body.single-funnel {
background-color: white;
height: 100vh !important;
font-family: sans-serif;
}
.bs-stepper-content {
padding: 20px;
}
.bs-stepper-content div.srm-funnel-error {
border: thin solid red;
border-radius: 5px;
padding: 15px;
color: red;
text-align: center;
}
.single-funnel h2:before {
display: none;
}
.bs-stepper {
margin: 25px 25px;
text-align: center;
display: table;
min-width: auto;
max-width: 50vw;
}
.header-steps {
display: none;
}
.srm-funnel-heading,
.srm-funnel-prompt {
text-align: center;
margin-bottom: 30px;
}
.srm-funnel-logo {
text-align: center;
margin: 15px auto;
}
.srm-funnel-logo img {
max-width: 100%;
max-height: 120px;
margin: 0 auto;
}
.srm-funnel-decision {
display: inline-block;
}
.srm-funnel-decision.srm-funnel-icon {
font-size: 7em;
}
#srm-funnel-positive {
margin-right: 15px;
}
.srm-funnel-icon {
display: inline-block;
width: unset !important;
height: unset !important;
}
#srm-funnel-positive.srm-funnel-icon {
color: #7ed026;
}
#srm-funnel-negative.srm-funnel-icon {
color: #e96e48;
transform: rotateY(-180deg);
margin-top: 35px; }
.srm-funnel-decision:hover {
cursor: pointer;
transform: scale(1.05);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#srm-funnel-negative.srm-funnel-decision:hover {
transform: rotateY(-180deg) scale(1.05);
}
.srm-funnel-link {
text-decoration: underline;
color: grey;
font-size: 14px;
}
.srm-funnel-questions {
display: inline;
margin: 0;
padding: 0;
}
a.srm-funnel-multi-destination-submit {
text-decoration: none !important; }
.srm-funnel > [class^="fa-"], .srm-funnel > [class*=" fa-"] {
font-family: Font Awesome\ 5 Brands !important;
} form.srm-funnel-form {
margin-top: 15px;
}
form input, form textarea {
font-family: sans-serif;
}
form.srm-funnel-form Label {
float: left;
font-size: 16px;
margin-bottom: unset;
}
form .invalid-feedback {
text-align: left;
font-size: 14px;
}
form .srm-funnel-required-indicator {
font-size: 14px;
} .srm-funnel-powered-by {
font-size: 80%;
text-align: center;
margin-top: 30px;
}
.srm-funnel-feedback-id {
font-size: 12px;
color: lightgray;
text-align: right;
font-family: monospace;
float: right;
display: none;
}
.srm-notice-message {
padding: 25px;
border: thin dashed orange;
border-radius: 10px;
}
.srm-notice-message .fa {
color: orange;
margin-bottom: 15px;
} body:not(.single-funnel) .bs-stepper {
min-width: auto !important;
} html {
font-size: unset !important;
display: unset !important;
} .textwidget .bs-stepper-content {
padding: 0;
}
.textwidget .bs-stepper, .textwidget .srm-funnel-heading {
margin: 0;
} @media only screen and (max-width: 960px) {
.bs-stepper {
margin: 25px 25px;
text-align: center;
display: table;
min-width: 90vw;
max-width: 90vw;
}
}