.stateHeaderInner {
display: flex;
flex-wrap: wrap;
column-gap: 4%;
}
#howdoigetbtn {
width: 100%;
border-radius: 100px;
background: #ffffff;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
padding: 30px 45px;
}
#howdoigetbtn:hover {
box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff;
cursor: pointer;
}
.neumorphism22_inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.neumorphism22Inner {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
width: 100%;
}
.neumorphism22_link {
border-radius: 100px;
background: #ffffff;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
padding: 20px 30px;
width: 48%;
margin-bottom: 24px;
}
.neumorphism22_link:hover {
box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff;
}
.neumorphism22 {
min-height: 100%;
display: flex;
}
.neumorphismTextCont span {
font-family: Suez One;
font-size: 26px;
line-height: 35px;
font-weight: 400;
color: #444;
}
.statePageHeader {
z-index: 1;
position: relative;
}
.neumorphismIconCont i {
color: #e82731;
} .coursestopimage {
display: block;
overflow: hidden;
}
.howtogetq {
display: none;
}
.submenurow {
margin-bottom: 0px !important;
}
.fadeInBottom {
animation-name: fadeInBottom;
}
@keyframes fadeInBottom {
from {
opacity: 0;
transform: translateY(25%);
}
to {
opacity: 1;
}
}
.fadeInTop {
animation-name: fadeInBottom;
}
@keyframes fadeInBottom {
from {
opacity: 0;
transform: translateY(-25%);
}
to {
opacity: 1;
}
}
.cssanimation,
.cssanimation span {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-timing-function: ease;
} .neumorphismGreen {
border-radius: 50px;
background: #66b177;
box-shadow: 20px 20px 60px #579665, -20px -20px 60px #75cc89 !important;
}
.neumorphismGreen:hover {
box-shadow: inset 20px 20px 60px #579665, inset -20px -20px 60px #75cc89 !important;
}
.neumorphismWhite {
border-radius: 50px;
background: #ffffff;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
}
.neumorphismWhite:hover {
box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff !important;
}
.neumorphismBlue {
border-radius: 50px;
background: #3393bd;
box-shadow: 20px 20px 60px #2b7da1, -20px -20px 60px #3ba9d9 !important;
}
.neumorphismBlue:hover {
box-shadow: inset 20px 20px 60px #2b7da1, inset -20px -20px 60px #3ba9d9 !important;
}
.neumorphismRed {
border-radius: 50px;
background: #ec525a;
box-shadow: 20px 20px 60px #c9464d, -20px -20px 60px #ff5e68 !important;
}
.neumorphismRed:hover {
box-shadow: inset 20px 20px 60px #c9464d, inset -20px -20px 60px #ff5e68 !important;
}
.stateCourseItem {
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
padding: 30px 45px;
border-radius: 50px;
column-gap: 20px;
margin-bottom: 24px;
cursor: pointer;
}
.stateCourseText {
flex-grow: 1;
}
.gmlPrice {
font-family: Suez One;
font-size: 26px;
line-height: 35px;
}
.gmlDesc {
font-family: Cormorant Garamond;
font-size: 26px;
line-height: 35px;
font-weight: 900;
}
.neumorphismWhite .gmlDesc {
color: #202020;
}
.neumorphismWhite .gmlPrice {
color: #202020;
}
.neumorphismBtn {
border-radius: 50px;
padding: 15px 40px;
font-weight: 700;
}
.neumorphismBtnGreen {
color: white;
background: #66b177;
box-shadow: 20px 20px 60px #579665, -20px -20px 60px #75cc89;
transition: all ease 0.15s;
}
.neumorphismBtnGreen:hover {
box-shadow: inset 20px 20px 60px #579665, inset -20px -20px 60px #75cc89;
transition: all ease 0.15s;
}
.neumorphismBtnSuhd {
background: #fa6600;
color: #fff;
box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
transition: all ease 0.15s;
}
.neumorphismBtnSuhd:hover {
background: #000;
color: #fa6600;
transition: all ease 0.15s;
}
.neumorphismBtnSuhdAlt {
border: #fa6600 solid 1px;
background: #fff;
color: #fa6600;
box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
transition: all ease 0.15s;
}
.neumorphismBtnSuhdAlt:hover {
border: #000 solid 1px;
background: #000;
color: #fa6600;
transition: all ease 0.15s;
}
.neumorphismBtnWhite {
background: #e82731;
color: white;
box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
transition: all ease 0.15s;
}
.neumorphismBtnWhite:hover {
background: #fff;
color: #e82731;
box-shadow: inset 5px 5px 20px #d9d9d9, inset -5px -5px 20px #ffffff;
transition: all ease 0.15s;
}
.neumorphismBtnBlue {
color: white;
background: #3393bd;
box-shadow: 20px 20px 60px #2b7da1, -20px -20px 60px #3ba9d9;
transition: all ease 0.15s;
}
.neumorphismBtnBlue:hover {
box-shadow: inset 20px 20px 60px #2b7da1, inset -20px -20px 60px #3ba9d9;
transition: all ease 0.15s;
}
.neumorphismBtnRed {
color: white;
background: #ec525a;
box-shadow: 20px 20px 60px #c9464d, -20px -20px 60px #ff5e68;
transition: all ease 0.15s;
}
.neumorphismBtnRed:hover {
box-shadow: inset 20px 20px 60px #c9464d, inset -20px -20px 60px #ff5e68;
transition: all ease 0.15s;
}
.stateCourseBtn {
min-width: 165px;
z-index: 1;
}
.getmylicence {
display: none;
}
.stateCourseaLink {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
}
.faq-main {
border-radius: 50px;
background: #ffffff !important;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
border: none !important;
padding: 20px 40px !important;
}
.faq-main.open {
box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff !important;
}
.howdoiFaqHeader {
z-index: 1;
}
.neumorphismCourseGrid {
flex: 1;
max-width: 824px;
padding: 3% !important;
}
.neumorphismCourseRow .row_col_wrap_12_inner {
column-gap: 44px;
}
.courseGridDesc,
.textFoward {
z-index: 1!important;
position: relative!important;
}
.neumorphismWhite i {
color: #e82731;
}
.licensingcourses {
display: none;
overflow: hidden;
}
.ridebettersooner {
display: none;
overflow: hidden;
}
.suadventure {
display: none;
overflow: hidden;
}
.suroad {
display: none;
overflow: hidden;
}
@media only screen and (min-width: 1px) and (max-width: 690px) {
.mobHide {
display: none;
}
.neumorphism22_link {
width: 100%;
}
.neumorphism22_inner {
width: 100%;
}
.neumorphismTextCont span {
font-size: 20px;
line-height: 26px;
}
}
@media only screen and (min-width: 1001px) {
.deskHide {
display: none;
}
} .neumorphismStateInner {
max-width: 90%;
margin: auto;
display: flex;
column-gap: 30px;
}
.neumorphismStateCol {
border-radius: 25px;
box-shadow: 20px 20px 60px rgb(43, 43, 43, 0.16),
-20px -20px 60px rgb(59, 59, 59, 0.5) !important;
flex: 1;
padding: 4%;
transition: all ease 0.3s;
}
.neumorphismStateCol:hover {
box-shadow: inset 20px 20px 60px rgb(59, 59, 59, 0.5),
inset -20px -20px 60px rgb(43, 43, 43, 0.16) !important;
transition: all ease 0.3s;
}
.neumorphismStateColLight {
border-radius: 25px;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
flex: 1;
background: #ffffff;
padding: 4%;
transition: all ease 0.3s;
}
.neumorphismStateColLight:hover {
box-shadow: inset 20px 20px 60px rgb(59, 59, 59, 0.5),
inset -20px -20px 60px rgb(43, 43, 43, 0.16) !important;
transition: all ease 0.3s;
}
.neumorphismStateCol span {
color: white;
font-family: Suez One;
font-size: 24px;
line-height: 30px;
font-weight: 400;
transition: all ease 0.3s;
}
.neumorphismStateColLight span {
color: #444;
font-family: Suez One;
font-size: 24px;
line-height: 30px;
font-weight: 400;
transition: all ease 0.3s;
}
.neumorphismStateColLight:hover span {
color: white;
transition: all ease 0.3s;
}
.neumorphismStateColInner {
text-align: center;
}
.nswhowto:hover {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/NSW-Header-scaled-e1614912155404.jpg);
background-size: cover;
color: white;
}
.acthowto:hover {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/ACT-Header2-scaled-e1614912139392.jpg);
background-size: cover;
color: white;
}
.vichowto:hover {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/VIC-Header-scaled-e1614912147893.jpg);
background-size: cover;
color: white;
}
.qldhowto:hover {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/QLD-Header-scaled-e1614912165945.jpg);
background-size: cover;
color: white;
}
.wahowto:hover {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/WA-Header-scaled-e1614912132503.jpg);
background-size: cover;
color: white;
}
.tashowto:hover {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2024/05/TAS-Header-scaled-1.jpg);
background-size: cover;
color: white;
}
.hdigmlHeader {
max-width: 90%;
margin: auto;
margin-bottom: 3% !important;
z-index: 1;
position: relative;
}
.hdigmlHeaderCont {
margin-bottom: 24px;
}
.flip-box-front {
border-radius: 25px;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
}
.flip-box-back {
border-radius: 25px;
box-shadow: inset 20px 20px 60px #d9d9d9, inset -20px -20px 60px #ffffff;
}
.homeVidRow .nectar-video-box {
box-shadow: 20px 20px 60px #2b7da1, -20px -20px 60px #3ba9d9 !important;
border-radius: 25px;
}
.homeVidRow .nectar-video-box .inner-wrap {
border-radius: 25px;
} .socialRowInner {
display: flex;
justify-content: center;
align-items: center;
column-gap: 50px;
}
.socialrow {
display: flex;
column-gap: 20px;
}
.socialneophormic {
border-radius: 30px;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff !important;
background: #ffffff;
text-align: center;
}
.socialneophormic:hover {
border-radius: 30px;
box-shadow: inset 4px 4px 8px 0 rgba(0, 0, 0, 0.16),
inset -4px -4px 8px 0 rgba(255, 255, 255, 0.3) !important;
text-align: center;
}
.socialneomargin {
padding: 30px;
}
#fbicon {
color: #4267b2;
transition: all 0.25s ease;
}
#instaicon {
background: radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.25s ease;
}
#youtubeicon {
color: #ff0000;
transition: all 0.25s ease;
}
.fbhover {
display: inline-block;
transition: all 0.25s ease;
}
.fbhover:hover {
color: white;
background-color: #4267b2;
cursor: pointer;
}
.fbhover:hover #fbicon {
color: white;
transform: scale(1.2);
transition: all 0.25s ease;
}
.instahover {
display: inline-block;
transition: all 0.25s ease;
}
.instahover:hover {
color: white;
background: radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
cursor: pointer;
}
.instahover:hover #instaicon {
background: #ffffff;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transform: scale(1.2);
transition: all 0.25s ease;
}
.ythover {
display: inline-block;
transition: all 0.25s ease;
}
.ythover:hover {
color: white;
background-color: #ff0000;
cursor: pointer;
}
.ythover:hover #youtubeicon {
color: #ffffff !important;
transform: scale(1.2);
transition: all 0.25s ease;
}
.socialRowMain {
margin-top: 3%;
}
@media only screen and (min-width: 1px) and (max-width: 690px) {
.socialRowMain {
margin-top: 50px;
}
.socialRowInner {
z-index: 1;
position: relative;
flex-direction: column;
}
.socialRowHeader {
z-index: 1;
}
} .testimonialMain {
display: flex;
height: 770px;
align-items: center;
}
.testimonialInner {
margin-left: 440px;
margin-right: 5%;
}
.testimonialImage {
position: absolute !important;
left: -500px;
top: 0;
z-index: 2;
}
.testimonialSliderInner {
display: flex;
column-gap: 30px;
overflow-x: visible;
}
.testimonialCont {
border-radius: 50px;
background: #ffffff;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
padding: 50px;
position: relative;
}
.testimonialHeader {
z-index: 1;
position: relative;
text-align: center;
}
.testimonialSliderMain {
margin-top: 60px;
}
.testimonialName {
margin-top: 15px;
}
.testimonialName span {
font-weight: 700;
font-size: 20px;
}
.testimonialText i {
position: absolute;
top: 25px;
left: 25px;
color: #e82731;
font-size: 25px;
}
.owl-carousel {
margin-left: 420px;
}
.nectar_single_testimonial {
border-radius: 50px;
background: #ffffff;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
padding: 30px;
}
.testimonialHeader {
margin-left: 440px !important;
text-align: left;
}
@media only screen and (min-width: 691px) and (max-width: 999px) {
.testimonialHeader {
margin-left: 0 !important;
text-align: center;
padding: 0 30px;
}
.owl-carousel {
margin-left: 0 !important;
}
.testimonialImage {
display: none !important;
}
.homePageGallery {
display: none !important;
}
.socialRowInner {
width: 90%;
margin: auto;
}
}
@media only screen and (min-width: 1px) and (max-width: 690px) {
.testimonialHeader {
margin-left: 0 !important;
text-align: center;
padding: 0 30px;
}
.owl-carousel {
margin-left: 0 !important;
}
.testimonialImage {
display: none !important;
}
.homePageGallery {
display: none !important;
}
.neumorphismStateInner {
row-gap: 24px;
flex-wrap: wrap;
justify-content: center;
}
.neumorphismStateCol {
min-width: 172px;
max-width: 172px;
}
.neumorphismStateColLight {
min-width: 172px;
max-width: 172px;
}
} .booknowmnubtn a::before {
border-radius: 30px !important;
box-shadow: 5px 5px 15px rgb(43, 43, 43, 0.26),
-5px -5px 15px rgb(59, 59, 59, 0.26) !important;
}
.booknowmnubtn:hover a::before {
background-color: #3393bd !important;
box-shadow: inset 5px 5px 15px #2b7da1, inset -5px -5px 15px #3ba9d9 !important;
opacity: 1 !important;
}
.booknowmnubtn:hover {
opacity: 1 !important;
}
.sutelmenu a {
font-family: Suez One !important;
font-weight: 400 !important;
}
.neomorphicfooterbtn {
background-color: #1e1869;
color: #fff!important;
padding: 10px 30px;
border-radius: 30px;
}
.neomorphicfooterbtn:hover {
background-color: #3393bd !important;
box-shadow: inset 5px 5px 15px #2b7da1, inset -5px -5px 15px #3ba9d9 !important;
opacity: 1 !important;
}
.neumorphismTest {
background: #1e1869;
color: white!important;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
transition: all ease 0.15s;
padding: 10px 30px;
border-radius: 30px;
}
.neumorphismTest:hover {
background-color: #3393bd !important;
box-shadow: inset 5px 5px 15px #2b7da1, inset -5px -5px 15px #3ba9d9 !important;
transition: all ease 0.15s;
} .cf7row {
display: flex;
column-gap: 15px;
margin-bottom: 15px;
}
.ftrfrm-button {
padding: 10px 30px!important;
border-radius: 30px!important;
box-shadow: 5px 5px 15px #bfc2be, -5px -5px 15px #ffffff!important;
font-family: Cormorant Garamond!important;
font-size: 20px!important;
line-height: 22px!important;
font-weight: 400!important;
}
.ftrfrm-button:hover {
box-shadow: inset 5px 5px 15px #c5212a, inset -5px -5px 15px #ff2d38!important;
}
.ftrfield {
border-radius: 50px!important;
background: #e1e4df!important;
box-shadow: inset 5px 5px 15px #bfc2be, inset -5px -5px 15px #ffffff!important;
}
.ftrfield:focus {
background: #fff!important;
box-shadow: inset 5px 5px 15px #d9d9d9, inset -5px -5px 15px #ffffff!important;
border-color:#e1e4df!important;
} .wtOverlay {
position: absolute;
border-radius: 0 0 50px 50px;
bottom: 0;
left: 0;
right: 0;
background-color: #e82731;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
z-index:1;
}
.stateCourseItem:hover .wtOverlay {
height: 25%;
}
.wtoverlyText {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.workplaceTrainingItem {
overflow:hidden;
flex:1;
}
.wtDesc {
font-size: 26px;
line-height: 34px;
font-weight: 900;
}
@media only screen and (min-width: 1000px) {
.wtMobOnly {
display:none;
}
.wtMobCap {
text-transform: uppercase;
}
}
.neumorphismStateWtRow {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
padding: 0 30px;
}
.neumorphismStateWtInner {
display: flex;
column-gap: 30px;
padding: 30px 0;
}
.neumorphismStateWtCol {
border-radius: 25px;
background: #ffffff;
box-shadow:  10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
flex: 1;
padding: 4%;
transition: all ease 0.3s;
z-index: 1;
}
.neumorphismStateWtCol:hover {
box-shadow: inset 5px 5px 15px rgb(59, 59, 59, 0.5), inset -5px -5px 15px rgb(43, 43, 43, 0.16) !important;
transition: all ease 0.3s;
}
.neumorphismStateWtCol span {
color: white;
font-family: Suez One;
font-size: 24px;
line-height: 30px;
font-weight: 400;
transition: all ease 0.3s;
}
.nswhowWt {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/NSW-Header-scaled-e1614912155404.jpg);
background-size: cover;
color: white;
}
.acthowWt {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/ACT-Header2-scaled-e1614912139392.jpg);
background-size: cover;
color: white;
}
.vichowWt {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/VIC-Header-scaled-e1614912147893.jpg);
background-size: cover;
color: white;
}
.qldhowWt {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/QLD-Header-scaled-e1614912165945.jpg);
background-size: cover;
color: white;
}
.wahowWt {
background-image: url(//www.stayupright.com.au/wp-content/uploads/2021/03/WA-Header-scaled-e1614912132503.jpg);
background-size: cover;
color: white;
}
.workplaceTrainingLink {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
}
.onlineSbsInner {  
padding: 5%;
display:flex;
align-items: center;
column-gap: 50px;
}
.onlineSbsDetails {
flex:1;
}
.onlineSbsVid {
flex:1;
}
.onlineSbsList ul {
margin-top:15px;
}
.onlineSbsList span {
font-weight: 700;
}
.onlineSbsHeader {
margin-bottom: 20px;
}
.onlineSbsPrice {
z-index: 1;
position: relative;
}
.neumorphismBtnWtCont {
margin: 30px 0;
}
.sbsonline {
display:none;
}
.wtInfo {
display:none;
}
.workplaceTrainingInner {
display: flex;
column-gap: 50px;
align-items: center;
}
.workplaceTrainingHeader {
margin-bottom: 24px;
}
.workplaceTrainingCol {
flex-grow: 1;
}
.wtHeaderImgCont {
flex: 1;
min-width: 27vw;
}
@media only screen and (min-width: 1px) and (max-width: 1300px) {
.wtHeaderImgCont {
display:none;
}
.onlineSbsInner {
flex-direction: column;
row-gap: 30px;
}
.onlineSbsVid {
width: 100%;
}
}
.onlineSbsVid iframe {
min-width: 100%!important;
min-height: 450px!important;
border-radius: 10px;
}
.wtHeaderImg {
border-radius: 10px;
box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
.wtOverlay {
display:none;
}
}
@media only screen and (min-width: 1px) and (max-width: 690px) {
.workplaceTrainingInner .neumorphismIconMain {
display:none;
}
.stateCourseBtn {
display: none;
}
.workplaceTrainingHeader {
text-align: center;
}
.workplaceTrainingInner .stateCourseItem {
text-align: center;
}
.workplaceTrainingInner {
justify-content: center;
}
#wtStateSelectBtn {
margin-bottom:30px!important;
}
.neumorphismStateWtInner {
flex-wrap: wrap;
row-gap: 30px;
}
.neumorphismStateWtCol {
min-width: 100%;
padding: 50px 0;
}
.wtDesc i {
margin-right: 10px;
}
.neumorphismCourseRow .row_col_wrap_12_inner {
row-gap: 24px;
}
.neumorphismCourseGrid {
min-width: 100%;
padding: 40px 20px!important;
}
}
.faq-content .neumorphismBtnCont {
margin: 25px 0 40px 0;
}
.neumorphismBtnRow {
display: flex;
align-items: center;
column-gap: 15px;
row-gap: 15px;
flex-wrap: wrap;
}
.neoGiftRow .row_col_wrap_12_inner {
gap: 30px!important;
flex-wrap: nowrap!important;
}
.su-arlo-list {
display: flex!important;
flex-wrap: wrap;
gap: 30px;
margin-left: 0;
margin-bottom: 30px;
}
.arlo-show-more-hidden {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-left: 0;
margin-bottom: 30px;
}
.su-arlo-event {
flex: 1;
list-style: none;
border-radius: 30px;
background: #ffffff;
box-shadow: inset 10px 10px 30px #d9d9d9, inset -10px -10px 30px #ffffff;
padding: 30px;
min-width: 31%;
border:none!important;
transition: all ease 0.15s;
}
.su-arlo-event:hover {
box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
transform: translate3d(0px, -10px, 0px);
transition: all ease 0.15s;
}
.su-arlo-online-activity {
flex: 1;
list-style: none;
border-radius: 30px;
background: #ffffff;
box-shadow: inset 10px 10px 30px #d9d9d9, inset -10px -10px 30px #ffffff;
padding: 30px;
min-width: 31%;
border:none!important;
transition: all ease 0.15s;
}
.su-arlo-online-activity:hover {
box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
transform: translate3d(0px, -10px, 0px);
transition: all ease 0.15s;
}
.su-arlo-event-head {
margin-bottom: 45px;
}
.su-arlo-heading {
font-size: 28px;
font-family: Suez One !important;
color: #383838;
margin-bottom: 10px;
}
.su-arlo-event-location {
margin-bottom: 5px;
}
.arlo-tooltip-button {
margin-bottom: 5px;
text-align: left;
}
.arlo-event-notice {
margin-bottom: 15px;
}
.su-arlo-price {
margin-bottom: 20px;
}
.su-arlo-price li {
list-style: none!important;
}
.su-arlo-price span {
color: #e8273196;
font-family: Suez One !important;
}
.arlo-event_tags-list {
margin-left: 0px;
margin-bottom: 20px;
}
.arlo-event_tags-list li {
display: inline-block;
padding: 0.4em 0.7em;
border-radius: 5px;
font-weight: bold;
margin-right: 0.3em;
margin-bottom: 0.3em;
line-height: 1;
background-color: white;
color: #e8273196;
box-shadow: 0px 2px 5px #0000001a;
}
.arlo-places-remaining {
float: none!important;
text-align: left!important;
margin-bottom: 15px!important;
}
.arlo-event-full {
float: none!important;
text-align: left!important;
margin-bottom: 15px!important;
color: #e82731!important;
}
.su-arlo-button {
font-family: Cormorant Garamond;
font-size: 20px;
line-height: 26px;
font-weight: 700;
background-color: #e82731;
color: white;
padding: 10px 20px;
border-radius: 30px;
display: inline-block;
box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
transition: all ease 0.15s;
}
.su-arlo-button:hover {
background: #fff;
color: #e82731;
box-shadow: inset 5px 5px 20px #d9d9d9, inset -5px -5px 20px #ffffff;
transition: all ease 0.15s;
}
.arlo-event-template-filters {
display: flex;
gap: 15px;
margin-bottom: 30px;
align-items: center;
}
.arlo-filters {
border-radius: 30px!important;
transition: all ease 0.15s;
border: none!important;
box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
background: white;
font-size: 18px!important;
font-weight: bold;
}
.arlo-filters option {
font-weight: bold;
}
.arlo-filters:hover {
transition: all ease 0.15s;
box-shadow: inset 5px 5px 15px #d9d9d9, inset -5px -5px 15px #ffffff;
}
.arlo-filters:focus {
transition: all ease 0.15s;
background: linear-gradient(145deg, #ffffff, #e6e6e6);
box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
}
.resetCnt {
margin: 0.5em 0 1em 0;
}
.resetBtn {
border-radius: 30px!important;
transition: all ease 0.15s;
border: none!important;
box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
background: white;
font-size: 18px;
font-weight: bold;
padding: 10px 20px;
cursor: pointer;
}
.resetBtn:hover {
transition: all ease 0.15s;
box-shadow: inset 5px 5px 15px #d9d9d9, inset -5px -5px 15px #ffffff;
}
.resetBtn:focus {
transition: all ease 0.15s;
background: linear-gradient(145deg, #ffffff, #e6e6e6);
box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
}
.arlo-template-head h1 {
margin-bottom: 15px;
}
.dark-tooltip h5, .dark-tooltip h6 {
color: white;
}
.dark-tooltip div, .dark-tooltip p {
font-size: 18px;
}
.su-custom-showmoreCont {
display: flex;
justify-content: center;
}
.showmoreBtn {
border-radius: 30px!important;
transition: all ease 0.15s;
border: none!important;
box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;
background: white;
font-size: 18px;
font-weight: bold;
padding: 10px 20px;
cursor: pointer;
}
.showmoreBtn:hover {
transition: all ease 0.15s;
box-shadow: inset 5px 5px 15px #d9d9d9, inset -5px -5px 15px #ffffff;
}
.su-arlo-suggest-template-container {
border-radius: 30px;
background: #ffffff;
box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
padding: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.su-arlo-suggest-template-container h3 {
margin-bottom: 15px;
}
.su-arlo-suggest-templates {
box-sizing: border-box;
border: none !important;
}
.su-arlo-suggest-templates tr {
border-right: none!important;
border-bottom: none!important;
border-top: none!important;
border-left: 2px solid #e8273196;
transition: all .2s ease-in-out;
margin-bottom: 1px;
}
.su-arlo-suggest-templates tr:hover {
border-left: 5px solid #e82731;
transition: all .2s ease-in-out;
}
.su-arlo-suggest-templates td {
border: none!important;
border-bottom: 1px solid white;
font-size: 18px!important;
font-weight: bold;
}
.su-arlo-online-activity h3 {
margin-bottom: 15px;
}
.su-arlo-online-activity .arlo-event-offers {
margin-bottom: 30px;
}
.arlo-event-offers li {
list-style: none!important;
}
.arlo-event-offers span {
color: #e8273196;
font-family: Suez One !important;
}
@media only screen and (max-width: 690px) {
.arlo-event-template-filters {
gap: 0px;
flex-direction: column;
}
.su-arlo-event {
min-width: 100%;
}
}