.itdev-ctabanner-handler-wrapper {
aspect-ratio: 1.313;
padding: 0 24px;
}
.itdev-ctabanner-handler {
max-width: 410px;
min-height: 410px;
margin: 0 auto;
}
.itdev-ctabanner-handler p.ctabannertext {
margin-bottom: 0;
font-weight: 800;
line-height: normal;
}
.itdev-ctabanner-handler p.ctabannertext span {
color: #E54218;
}
.itdev-ctabanner-handler .link_absolute {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
}
.itdev-ctabanner-handler img {
display: block;
margin: auto;
}
.itdev-ctabanner-handler .button {
display: inline-block;
}
.itdev-ctabanner-handler .ctab__tag {
border: solid 3px #fff;
padding: 4px 12px;
margin: -8px 0 8px;
display: inline-block;
font-size: 0.9em;
border-radius: 3px;
}
.itdev-ctabanner-handler-bg-calm.itdev-ctabanner-handler-notitle, .itdev-ctabanner-handler-calm.itdev-ctabanner-handler-notitle, .itdev-ctabanner-handler-bg-bold.itdev-ctabanner-handler-notitle {
justify-content: flex-end;
}
.itdev-ctabanner-handler:hover .flat-white {
background: #b00620;
color: #fff;
box-shadow: 0px 17px 34px rgba(176, 6, 32, 0.3), 0px 1px 2px rgba(176, 6, 32, 0.5);
}
.itdev-ctabanner-handler:hover .glass {
box-shadow: 0px 6px 18px rgba(176, 8, 33, 0.5), inset 0px -4px 64px 0px rgb(126.6813186813, 4.3186813187, 23.032967033);
}
.itdev-ctabanner-handler-bold {
background-color: #e54117;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(229, 66, 24, 0.21), 0 10px 54px 0 rgba(115, 85, 0, 0.37);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #fff;
text-align: center;
padding: 1.5em;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.itdev-ctabanner-handler-bold p.ctabannertext {
font-size: 1.7em;
margin: 1em 0;
}
.itdev-ctabanner-handler-bold p.ctabannertext span {
color: #3D3C41;
}
.itdev-ctabanner-handler-bold img {
margin: 0;
}
.itdev-ctabanner-handler-calm {
padding: 1.1em;
border-radius: 20px;
background: linear-gradient(180deg, #E7E7E7 0%, #FFF 100%);
box-shadow: 0 54px 74px -30px rgba(0, 0, 0, 0.19);
color: #3D3C41;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
position: relative;
overflow: hidden;
}
.itdev-ctabanner-handler-calm > * {
position: relative;
z-index: 2;
}
.itdev-ctabanner-handler-calm img {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.itdev-ctabanner-handler-calm p.ctabannertext {
font-size: 2.2em;
}
.itdev-ctabanner-handler-bg-calm {
padding: 1.1em 1.1em 1.6em;
border-radius: 20px;
box-shadow: 0 54px 74px -30px rgba(0, 0, 0, 0.19);
min-height: 590px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;
text-align: center;
}
.itdev-ctabanner-handler-bg-calm::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(47, 47, 47, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
}
.itdev-ctabanner-handler-bg-calm > * {
position: relative;
z-index: 2;
}
.itdev-ctabanner-handler-bg-calm p.ctabannertext {
font-size: 2.2em;
}
.itdev-ctabanner-handler-bg-bold {
padding: 1.9em 1.1em 1.1em 1.9em;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(229, 66, 24, 0.21), 0 10px 54px 0 rgba(115, 85, 0, 0.37);
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
position: relative;
overflow: hidden;
}
.itdev-ctabanner-handler-bg-bold::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%), linear-gradient(0deg, rgba(229, 66, 24, 0.7) 0%, rgba(229, 66, 24, 0.7) 100%);
}
.itdev-ctabanner-handler-bg-bold::after {
content: "";
width: 30px;
height: 30px;
border-radius: 32px;
border-top: 1px solid #FFF;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 10px 30px 0 rgba(0, 0, 0, 0.22);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
position: absolute;
bottom: 1.4em;
left: 1.9em;
z-index: 2;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.41406 1.4142L7.12835 7.12849L1.41406 12.8428' stroke='%23E54218' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.itdev-ctabanner-handler-bg-bold > * {
position: relative;
z-index: 2;
}
.itdev-ctabanner-handler-bg-bold p.ctabannertext {
font-size: 2em;
}
.itdev-ctabanner-handler-bg-bold .button {
align-self: flex-end;
}
@media screen and (max-width: 767px) {
.itdev-ctabanner-cell {
order: -1;
}
.itdev-ctabanner-container .post__image_handler.hide-over-768 {
display: none;
}
}