/* mf */ @font-face { font-family: 'bornready'; src: url('https://worthingandadurchamber.co.uk/resources/2022/born-ready-slanted.ttf') format('truetype'); /* IE9 Compat Modes */ src: url('https://worthingandadurchamber.co.uk/resources/2022/born-ready-slanted.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://worthingandadurchamber.co.uk/resources/2022/born-ready-slanted.ttf') format('woff2'), /* Super Modern Browsers */ url('https://worthingandadurchamber.co.uk/resources/2022/born-ready-slanted.ttf') format('woff'), /* Pretty Modern Browsers */ url('https://worthingandadurchamber.co.uk/resources/2022/born-ready-slanted.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ } @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap'); /* workaround for slider not working yet */ /* #camera_wrap_Nxrdw2o {max-height: 300px !important;} .WaLayoutPlaceHolder {max-height: 300px !important;} .placeHolderContainer {max-height: 300px !important;} #id_bRAZLcq {max-height: 300px !important;}*/ /* top header */ h2 {font-weight: 400 !important; color: #682E6B !important;} h3 {font-weight: 400 !important; color: #682E6B !important;} #id_KoCJfOj {margin-bottom: -10px !important; } #id_KoCJfOj p {font-family: 'Ubuntu', sans-serif; font-weight: 300 !important;} #id_m2X9sJw p {font-family: 'Ubuntu', sans-serif; font-weight: 300 !important;} #id_KkAi9H8 p {font-family: 'Ubuntu', sans-serif; font-weight: 300 !important;} #id_Kgc2G6Y p {font-family: 'Ubuntu', sans-serif; font-weight: 300 !important;} .welcome {font-family: 'Ubuntu', sans-serif; font-weight: 300 !important; font-size: 30px; color: #878786;} /* page naviagtion buttons -orange busines support pages */ a.pagenavbuttonsorange {padding-top: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; padding-right: 8px !important; text-align: center; background-color:#ff3c00; color: #fff !important; text-decoration: none; margin-right: 6px; font-size: 16px;} a.pagenavbuttonsorange:hover {padding-top: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; padding-right: 8px !important; text-align: center; background-color:#878786; color: #fff !important; text-decoration: none; margin-right: 6px; font-size: 16px;} /* Menu colours and menu padding*/ #id_svVLY2a {margin-left: -10px !important; padding-top: -10px !important; margin-top: -17px !important; font-weight: 100 !important; margin-bottom: 0px !important; background-color: transparent !important;} #id_svVLY2a ul a {font-weight:lighter !important;} .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{color:#878786; font-size: 18px; font-weight: 100 !important; text-transform: none !important; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: transparent !important; font-weight: 100 !important;} .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{font-family: 'Ubuntu', sans-serif; font-weight: 300 !important; text-transform: none !important; height:18px;padding: 13px 11px 10px} .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a {font-family: 'Ubuntu', sans-serif; font-weight: 300 !important; text-transform: none !important; background: #ffffff; color: #575656;} .WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {font-family: 'Ubuntu', sans-serif; font-weight: 300 !important; text-transform: none !important; background: #fff; color: #575656} .WaGadgetMenuHorizontal .menuInner ul ul li > .item:hover > a {font-family: 'Ubuntu', sans-serif; font-weight: 300 !important; text-transform: none !important; background: #fff; color: #575656} .social-white {color: #fff; } #buttonjoin {margin-top: 16px; width: 90px; background-color: #CC007E; padding: 12px; border-radius: 0px; text-align: center; } a.joinlink {color: #ffffff !important; text-decoration: none;} a.joinlink:hover {color: #431347 !important;} a.joinlink:visited {color: #ffffff !important; text-decoration: none;} a.joinlink:active {color: #ffffff !important; text-decoration: none;} /*log in text style*/ #toplogintext {text-align: right; color: #fff; font-size: 14px; padding-top: 8px;} /*log in button style*/ .WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink{ width: 20px !important; /*width and height to change the size*/ height: 30px !important; padding: 6px !important; background: #fff !important; color: #431347 !important; } .WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink:hover { width: 20px !important; /*width and height to change the size*/ height: 30px !important; padding: 6px !important; background: #fff !important; color: #431347 !important; } body {font-weight: 300 !important;} .homepromote {text-transform: none !important; font-weight: 600 !important; font-size: 58px !important; letter-spacing: 2px !important; color: #fff !important;} a.findoutmore {width: 130px; padding: 12px; text-align: center; border:2px solid #fff; color: #fff !important; text-decoration: none;} a.findoutmore:hover {width: 130px; padding: 12px; text-align: center; border:2px solid #431347; color: #431347 !important; text-decoration: none;} #id_3HxI19F {margin-top: -15px !important;} .meet {font-family: 'bornready', sans-serif !important; font-size: 30px; color: #575656 !important; letter-spacing: 2px; } /*divider line*/ hr {border-top: 1px solid #333;} /*on page h1*/ div.gadgetStyleBody.gadgetContentEditableArea h1 {font-size: 30px !important; color: #CC007E !important;} /*homepage new styles*/ #id_I7niGQj {font-family: 'bornready', sans-serif !important;} #id_Zq4x566 {font-family: 'bornready', sans-serif !important;} #id_DZxiCqi {font-family: 'bornready', sans-serif !important;} .together {font-family: 'bornready', sans-serif !important; font-weight: 100 !important; font-size: 32px; letter-spacing: 1px; color: #fff;} .homepromote {font-family: 'Ubuntu', sans-serif; font-weight: 600 !important; padding-bottom: 20px;} #id_H62sFhf {margin-top: -20px !important; margin-bottom: -20px !important;} #id_lFx9DbU {display: none !important;} /*we are all about grey text section on homepage*/ #id_NKoLB3W {padding-left: 90px; padding-right: 90px; margin-left: 40px; margin-right: 40px; } /*homepage new member link*/ #id_kpCbkc5 a {color: #AD8BAB;} #id_kpCbkc5 a:hover {color: #682E6B;} #joinlinkpink a {color: #CC007E !important; font-size: 18px; text-weight: bold;} /* FOOTER NEW*/ #footerone {float: left; margin-right: 22px; padding-left: 14px; color: #fff;} #footertwo {float: left; color: #fff;} #buttonfooterarea {float: right; margin-top: 120px; margin-right: 20px; margin-bottom: 20px;} a.joinbuttonfooter {width: 130px; padding: 12px; text-align: center; border:2px solid white; color: #fff !important; text-decoration: none;} a.joinbuttonfooter:hover {width: 130px; padding: 12px; text-align: center; border:2px solid #431347; color: #431347 !important; text-decoration: none;} #getintouchfooter {font-family: 'bornready', sans-serif !important; font-weight: 100 !important; font-size: 30px; letter-spacing: 1px !important; margin-bottom: -12px !important;} a.emailwhite {color: #fff !important; text-decoration: none !important;} a.emailwhite:hover {color: #111 !important; text-decoration: none !important;} #socialsfooter {margin-top: 25px !important; margin-bottom: 10px !important;} a.legal {color: #fff !important; text-decoration: underline !important; font-size: 11px; padding-right: 10px !important;} a.legal:hover {color: #111 !important; text-decoration: underline !important; font-size: 11px; padding-right: 10px !important;} .WaGadgetLoginButton .loginLink:hover { background: #AD8BAB !important; color: #fff !important; } a.templatefooterlink {color: #682E6B !important;} a.templatefooterlink:hover {color: #ffffff !important;} /*edit profile button style*/ #FunctionalBlock1_ctl00_ctl00_editButtonTop.typeButton {border-radius: 0px;} #ctl00_ContentArea_loginViewControl_loginControl_Login.loginButton {border-radius: 0px;} /*edit profile button*/ .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton { background: #575656; color: #ffffff; } .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:active { background: #6c3a77, ; color: #fff; } .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton { background: #575656; color: #ffffff; } .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover { background: #6c3a77; color: #fff; } .WaGadgetAuthorizationRequired .loginPageTable input.loginButton { background: #575656; color: #ffffff; } .WaGadgetAuthorizationRequired .loginPageTable input.loginButton:active { background: #6c3a77; color: #fff; } .WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover { background: #6c3a77; color: #fff; } /*homepage buttons #id_w1WPhWS a {background-color: #CC007E; color: #FFFFFF; text-decoration: none; padding-left: 10px; padding-right: 10px; font-size: 16px; font-weight: normal; } #id_w1WPhWS a:active {background-color: #431347;color: #FFFFFF; text-decoration: none; padding: 8px; padding-left: 10px; padding-right: 10px; font-size: 16px; font-weight: normal; } #id_w1WPhWS a:hover {background-color: #431347;color: #FFFFFF; text-decoration: none; padding: 8px; font-size: 16px; font-weight: normal; } #id_TX5SRER a {background-color: #CC007E; color: #FFFFFF; text-decoration: none; padding: 8px; font-size: 16px; font-weight: normal; } #id_TX5SRER a:active {background-color: #431347;color: #FFFFFF; text-decoration: none; padding: 8px; font-size: 16px; font-weight: normal; } #id_TX5SRER a:hover {background-color: #431347;color: #FFFFFF; text-decoration: none; padding: 8px; font-size: 16px; font-weight: normal; }*/ /*three buttons on the homepage*/ a.homepinkbutton {background-color: #CC007E; color: #FFFFFF !important; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } a.homepinkbutton:active {background-color: #431347;color: #FFFFFF; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } a.homepinkbutton:hover {background-color: #431347;color: #FFFFFF; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } a.homebluebutton {background-color: #00aeef; color: #FFFFFF !important; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } a.homebluebutton:active {background-color: #431347;color: #FFFFFF !important; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } a.homebluebutton:hover {background-color: #431347;color: #FFFFFF !important; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } a.homeorangebutton {background-color: #ff3c00; color: #FFFFFF !important; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } a.homeorangebutton:active {background-color: #431347;color: #FFFFFF !important; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } a.homeorangebutton:hover {background-color: #431347;color: #FFFFFF !important; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px; font-weight: normal; } /* Button code for new buttons* #id_2I5o6Xh a {background-color: #00aeef; color: #FFFFFF; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 16px; font-weight: normal; } #id_2I5o6Xh a:active {background-color: #431347;color: #FFFFFF; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 16px; font-weight: normal; } #id_2I5o6Xh a:hover {background-color: #431347;color: #FFFFFF; text-decoration: none; padding-left: 25px !important; padding-right: 25px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 16px; font-weight: normal; } /* END Button code for new buttons*/ /*blog feed on homepage*/ #id_DXTk6hO a {color: #fff !important;} #id_DXTk6hO div.date {display: none !important;} #id_DXTk6hO div.author {display: none !important;} /*sections on the homepage*/ #id_af6BCNv {margin-bottom: -20px !important;} #space {margin-bottom: 16px !important; } #spacelarge {margin-bottom: 30px !important; } #id_RVYVyeV {margin-bottom: -8px !important;} a.letsgobutton {width: 130px; padding: 12px; text-align: center; border:2px solid white; color: #fff !important; text-decoration: none;} a.letsgobutton:hover {width: 130px; padding: 12px; text-align: center; border:2px solid #431347; color: #431347 !important; text-decoration: none;} /*event listing main page*/ .boxBodyInfoContainer {height: 240px !important;} .boxBodyContainer {margin-top: 0px; border-bottom: 2px solid #999; padding-bottom: 26px !important;} div.boxBodyInfoContainer {margin-top: -20px !important;} div.inner.gadgetEventEditableArea {margin-bottom: -20px !important;} h4.boxHeaderTitle a {font-weight: bold !important; font-size: 20px !important;} /*.boxHeaderTitle {display: none !important;}*/ .boxesList {margin-top: 20px !important; } .boxesListItem {margin-top: 0px !important;} .footerEventDetailsLink {background-color: transparent !important; margin-bottom: 20px !important;} a.footerEventDetailsLink {font-size: 13px !important;} .WaGadgetEventsStateList h3.sectionTitle {text-transform: none !important;} /*event calendar sections*/ a.eventsbutton {padding-top: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; padding-right: 8px !important; text-align: center; background-color:#00aeef; color: #fff !important; text-decoration: none; margin-right: 6px; font-size: 16px;} a.eventsbutton:hover {padding-top: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; padding-right: 8px !important; text-align: center; background-color:#878786; color: #fff !important; text-decoration: none; margin-right: 6px; font-size: 16px;} #id_HpuRZvv a {color: #00aeef; text-decoration: none; font-size: 16px; font-weight: normal;} #id_HpuRZvv a:active {color: #00aeef; text-decoration: none; font-size: 16px; font-weight: normal;} #id_HpuRZvv a:hover {color: #6c3a77; text-decoration: none; font-size: 16px; font-weight: normal;} #id_HdIIETy a {color: #00aeef; text-decoration: none; font-size: 16px; font-weight: normal;} #id_HdIIETy a:active {color: #00aeef; text-decoration: none; font-size: 16px; font-weight: normal;} #id_HdIIETy a:hover {color: #6c3a77; text-decoration: none; font-size: 16px; font-weight: normal;} #id_ySi8cx2 a {color: #00aeef; text-decoration: none; font-size: 16px; font-weight: normal;} #id_ySi8cx2 a:active {color: #00aeef; text-decoration: none; font-size: 16px; font-weight: normal;} #id_ySi8cx2 a:hover {color: #6c3a77; text-decoration: none; font-size: 16px; font-weight: normal;} /*News&Blog section*/ #id_6svNSKo .toggleButton {background-color: #575656;} #id_6svNSKo .postedByLabel {display: none;} #id_6svNSKo .postedOn {display: none;} #id_6svNSKo a {color: #575656; font-size: 22px;} #id_6svNSKo a:active {color: #6c3a77; font-size: 22px;} #id_ySi8cx2 a:hover {color: #6c3a77; font-size: 22px;} .WaGadgetBlog .controlPanel.opened .toggleButton { background: #575656; color: #fff; } #id_6svNSKo .toggleButton { background-color: #575656; } .WaGadgetBlog .controlPanel .toggleButton:hover { color: #fff; background-color: #575656; } .WaGadgetBlog .controlPanel .toggleButton { background-color: #575656; color: #fff; } .WaGadgetBlog .controlPanel.opened .toggleButton { background: #575656; color: #fff; } .WaGadgetBlog .controlPanel .controlPanelInner a { background: #575656 !important; color: #fff !important; } .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]:active { background: #575656; color: #fff; } .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]:hover { background: #575656; color: #fff; } .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit] { background: #575656; color: #fff; } .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton { background: #575656; color: #fff; } .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover { background: #575656; color: #fff; } .genericListTable tr.hover td, .membersTable tr.hover td{ background: #878786; color: #fff; } /*new member form next button*/ #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_next.nextButton { background: #575656; color: #fff; border-radius: 0px; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_next.nextButton:hover { background: #575656; color: #fff; border-radius: 0px; } .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover { background: #575656; color: #FFFFFF; } .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span { background: #575656; color: #fff; } /* .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:active { background: #none; color: #fff !important;}*/ .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a:hover, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover { background: #575656; color: #FFFFFF; } #id_ySi8cx2 a { background-color: #fff; color: #000; text-decoration: none; padding: 8px; font-size: 16px; border-radius: 0px; font-weight: normal; } #id_ySi8cx2 a:hover { color: #CC007E; font-size: 16px; } /*register buttons*/ .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton {background-color: #575656; border-radius: 0px; color: #ffffff !important; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover {background-color: #6c3a77; border-radius: 0px; color: #fff !important; } /*on event page register buttons*/ .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {background-color: #575656; border-radius: 0px; color: #ffffff !important; } .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover {background-color: #6c3a77; border-radius: 0px; color: #fff !important; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar > tbody > tr > td{ background-color: #575656 !important; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar > tbody > tr > td{ color: white !important; } #FunctionalBlock1_ctl00_ctl00_Membership_RenewalButton { background-color: #575656 !important; } #FunctionalBlock1_ctl00_ctl00_Membership_RenewalButton.typeButton { color: #ffffff !important; } #FunctionalBlock1_ctl00_ctl00_Membership_RenewalButton.typeButton:hover { color: #fff !important; } #FunctionalBlock1_ctl00_ctl00_groupAccountSummary_addNewMemberButton { background-color: #575656 !important; } #FunctionalBlock1_ctl00_ctl00_groupAccountSummary_addNewMemberButton.typeButton { color: #ffffff !important; } #FunctionalBlock1_ctl00_ctl00_groupAccountSummary_addNewMemberButton.typeButton:hover { color: #fff !important; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_cancel { background-color: #575656 !important; border-radius: 0px !important; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_cancel.nextButton { color: #ffffff !important; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_cancel.nextButton:hover { color: #fff !important; } /*news and blog page #id_13zNheb h4 {color: #B5BE00; font-size: 18px;} div.inner a {color: #AD8BAB !important; text-decoration: none !important;} div.inner a:hover {color: #6c3a77 !important;} div.inner .linkCurrent {color: #6c3a77 !important;} .linkCurrent a {color: #575656 !important;} a.linkcurrent {color: #575656 !important;} .scope a {color: #575656 !important;} .scope a:hover {color: #6c3a77 !important;} .bound a {color: #575656 !important;} .bound a:hover {color: #6c3a77 !important;}*/ /*news and blog page*/ .WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{ display:none; } div.boxInfoContainer {padding-top: 10px !important;} div.boxBodyInfoContainer {height: 100% !important;} /*events page*/ #id_ySi8cx2 h3 {color: #00aeef; font-size: 24px;} #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventListViewSwitcher_calendarModeLink {display: none !important;} #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_bt { color: #000 !important; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_bt.registerButton a {color: #00aeef !important;} #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_bt.registerButton a:hover {color: #AD8BAB !important;} .typeButton.registerButton a {color: #ffffff !important;} .typeButton.registerButton a:hover {color: #AD8BAB !important;} #id_ySi8cx2 a {color: #00aeef !important;} #id_ySi8cx2 a:hover {color: #6c3a77 !important;} /*member pages*/ .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer h3 {font-size: 28px !important;} .captionOuterContainer .captionContainer .fieldBody h4 {font-size: 14px !important;} /*other black buttons*/ .WaGadgetEventsStateRegistration #idSectionGuestListContainer .navigationContainer input[type=submit], .navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type=submit] { background-color: #575656 !important; border-radius: 0px !important; color: #FFFFFF !important; } .WaGadgetEventsStateRegistration #idSectionGuestListContainer .navigationContainer input[type=submit], .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type=submit] { background-color: #6c3a77 !important; border-radius: 0px !important; color: #fff !important; } .WaGadgetEventsStateRegistration #idSectionGuestListContainer .navigationContainer input[type=submit], .navigationOuterContainer input.nextButton { background-color: #575656 !important; border-radius: 0px !important; color: #FFFFFF !important; } .WaGadgetEventsStateRegistration #idSectionGuestListContainer .navigationContainer input[type=submit], .navigationOuterContainer input.nextButton:hover { background-color: #6c3a77 !important; border-radius: 0px !important; color: #fff !important; } .WaGadgetEventsStateRegistration #idSectionGuestListContainer .navigationContainer input[type=submit], .navigationOuterContainer input.nextButtonAutoWidth { background-color: #575656 !important; border-radius: 0px !important; color: #FFFFFF !important; } .WaGadgetEventsStateRegistration #idSectionGuestListContainer .navigationContainer input[type=submit]:hover { background-color: #6c3a77 !important; border-radius: 0px !important; color: #fff !important; } .navigationOuterContainer input.nextButtonAutoWidth:hover { background-color: #6c3a77 !important; border-radius: 0px !important; color: #fff !important; } .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {color: #ffffff !important;} /*MEMBER directory page*/ #id_WwbvnmM h1 {color: #CC007E !important; font-size: 26px !important;} #id_WwbvnmM a {color: #682E6B !important; } #id_WwbvnmM a:hover {color: #431347 !important; } #id_Fhb6Mog a {color: #682E6B !important;} #id_Fhb6Mog a:hover {color: #431347 !important; } #id_Fhb6Mog h5 a {color: #682E6B !important; font-size: 22px; font-weight: 700;} #id_Fhb6Mog h5 a:hover {color: #431347 !important; font-size: 22px; font-weight: 700; } #id_B86zh69 a {color: #682E6B !important; } #id_B86zh69 a:hover {color: #431347 !important; } /*member benefits page*/ #id_7naIg9k {border: 3px solid #009fe3; border-radius: 0px;} #id_jtjLxwS {border: 3px solid #ca047e; border-radius: 0px;} #id_oWZMsr9 {border: 3px solid #a87eb1; border-radius: 0px;} #id_P6WRbEW {border: 3px solid #b6be0f; border-radius: 0px;} #id_ZGXGWrw {border: 3px solid #662f6b; border-radius: 0px;} #id_HpGtbdw {border: 3px solid #7cadd4; border-radius: 0px;} #id_lv7mSIO {border: 3px solid #ff3c00; border-radius: 0px;} /*end member benefits page*/ @media screen and (min-device-width: 150px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) { #bottombtn1 {font-size: 12px;} #bottombtn1 img {height: 30px; width: 60px;} div.boxBodyOuterContainer {padding-top: 20px !important;} /*#camera_wrap_Nxrdw2o {height: 50%;}*/ } /*hide log in text on mobile view*/ @media only screen and (max-width: 600px) { #id_spBKkhm {display: none !important;} #id_NKoLB3W {padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;} #id_OPuzLMb {margin-top: -15px !important;} #id_OPuzLMb .welcome {font-size: 20px;} #footerone {margin-left: 15px;} #footertwo {margin-left: 20px; margin-top: 20px;} #buttonfooterarea {margin-top: -130px !important; margin-bottom: 20px !important;} #toplogintext { display: none; #bottombtn1 {font-size: 9px;} div.boxBodyOuterContainer {padding-top: 20px !important; } a.eventsbutton {font-size: 9px !important;} } @media only screen and (orientation:landscape) and (min-device-width: 320px) and (max-device-width: 450px) { #buttonfooterarea {margin-top: -130px !important; margin-bottom: 20px !important;} } /*iphone portrait*/ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { #id_KkAi9H8 {display: none !important;} #bubble1 img {width: 270px !important;} #bubble1 {width: 345px !important;} #bubble5 img {width: 250px;} #bubble5 {width: 345px;} #bubble6 img {width: 250px;} #bubble6 {width: 345px;} #bubble3 img {width: 280px;} #bubble3 {width: 345px;} #id_OzmgqKA {margin-left: 120px !important; margin-top: -30px !important; padding-bottom: 20px !important;} .socialtel {font-family: 'Ubuntu', sans-serif !important; color: #fff; font-size: 20px !important; text-align: center !important;} .social-white {color: #fff; font-size: 22px !important; padding-left: 12px !important;} a.eventsbutton {font-size: 9px !important;} } @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { #id_KkAi9H8 {display: none !important;} #toplogintext { display: none; } #bubble1 img {width: 170px;} #bubble5 img {width: 170px;} #bubble6 img {width: 170px;} #bubble3 img {width: 170px;} #bubble2 img {width: 170px;} #bubble4 img {width: 170px;} a.eventsbutton {font-size: 9px !important;} } @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { #id_KkAi9H8 {display: none !important;} #toplogintext { display: none; } #bubble1 img {width: 170px;} #bubble5 img {width: 170px;} #bubble6 img {width: 170px;} #bubble3 img {width: 170px;} #bubble2 img {width: 170px;} #bubble4 img {width: 170px;} div.boxBodyOuterContainer {padding-top: 20px !important;} } /* HTC Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { #id_KkAi9H8 {display: none !important;} #bubble1 img {width: 170px;} #bubble5 img {width: 170px;} #bubble6 img {width: 170px;} #bubble3 img {width: 170px;} #bubble2 img {width: 170px;} #bubble4 img {width: 170px;} } /* galaxy Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { #id_KkAi9H8 {display: none !important;} #bubble1 img {width: 170px;} #bubble5 img {width: 170px;} #bubble6 img {width: 170px;} #bubble3 img {width: 170px;} #bubble2 img {width: 170px;} #bubble4 img {width: 170px;} } /* windows Portrait */ @media screen and (device-width: 480px) and (device-height: 800px) and (orientation: portrait) { #bubble1 img {width: 170px;} #bubble5 img {width: 170px;} #bubble6 img {width: 170px;} #bubble3 img {width: 170px;} #bubble2 img {width: 170px;} #bubble4 img {width: 170px;} } /*ipad bubbles*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {#bubble1 img {max-width: 270px;} #bubble2 img {max-width: 260px;} #bubble3 img {max-width: 270px;} #bubble4 img {width: 220px;} #bubble5 {height:105% !important;} #bubble5 img {max-width: 271px; } #bubble6 {height: 306px !important;} #bubble6 img {max-width: 290px;} #id_3oVubeb {width: 150px !important;} #id_ZnUHDQv {width: 130px !important;} #id_qg3uRjG {width: 180px !important;} #id_GkcHJUU.WaLayoutContainer {margin-top: -50px;} #bottombtn1 {font-size: 16px;} } /*ipad bubbles portrait*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #bubble1 img {max-width: 100px;} #bubble2 img {max-width: 100px;} #bubble3 img {max-width: 100px;} #bubble4 img {max-width: 90px;} #bubble5 {height:105% !important;} #bubble5 img {max-width: 100px; } #bubble6 {height: 306px !important;} #bubble6 img {max-width: 100px;} #id_3oVubeb {width: 150px !important;} #id_ZnUHDQv {width: 130px !important;} #id_qg3uRjG {width: 180px !important;} #bottombtn3 {font-size: 11px;} #id_GkcHJUU.WaLayoutContainer {margin-top: -120px;} #bottombtn1 {font-size: 13px;} #bottombtn1 img {width: 60px; height: 40px;} #bottombtn2 {font-size: 12px;} #bottombtn3 {font-size: 12px;} } .WaGadgetMobilePanel .mobilePanel { background: #682E6B; } .WaGadgetMobilePanel .mobilePanel .mobilePanelButton { color: white; }