/* -- For SEO -> Additional Code -- */ /* ---- Global Page Styling ---- */ /* Adds space at top of header and curves page corners */ .main-form { background: #ffffff !important; color: #333333 !important; margin-top: 40px !important; max-width: 1200px !important; /*border-radius: 20px; */ } .checkbox { padding-left: 0px; } /* Changing helper icon to ? instead of i from FontAwesome and moving into field */ .fa-info:before { content: "\f059"; } .fa.fa-info.small.theme-text-info-input { margin-left: -20px; top: 3px; } button { cursor: pointer !important; } .nav.waiting-nav { margin-right: -60px; margin-left: -60px; } @media screen and (max-width: 1150px) { .nav.waiting-nav { margin-right: 0px; margin-left: 0px; } } .img-responsive { width: 1200px !important; /* border-radius: 20px 20px 0 0; */ } /* .brand-header { border-radius: 20px; } */ div.main-form { max-width: 1200px !important; } body { background-color: #f5f5f5 !important; /* Insert Image URL for background here */ background-image: url("https://az659834.vo.msecnd.net/eventsairaueprod/production-ozaccom-public/f8898ab2594047de8a0fbc8eb3f484d6") !important; background-attachment: fixed; background-size: cover; opacity: 0.98; } /* Progress bar settings */ .progress { height: 18pt; } .progress-bar { background: #0abb60; background-image: linear-gradient( 45deg, #0fcd6c 25%, #0000 25%, #0000 50%, #0fcd6c 50%, #0fcd6c 75%, #0000 75%, #0000 ); transition: 1s ease !important; line-height: 18pt; font-size: 12pt; font-weight: 600; color: #000; animation: animate-progress 8s linear infinite; background-size: 100px 100px; box-shadow: inset 0px 5px 5px 5px rgba(255, 255, 255, 0.3); } .theme-progress { border-radius: 0px; } @keyframes animate-progress { 0% { background-position: 0 0; } 100% { background-position: 100px 0; } } /* Add currency info to fees */ .fee-amount::before, .fee-summary::before, .theme-payment-summary .fixed-width-cost-col::before, .theme-summary .fixed-width-cost-col:nth-child(4)::before, .table-payment .text-right::before { content: "$"; } /* .fee-amount::after, .fee-summary::after, .theme-payment-summary .fixed-width-cost-col::after, .theme-summary .fixed-width-cost-col>strong::after { content: " AUD"; }*/ /* Sets AMOUNT and TOTAL to bold */ .text-muted { font-weight: bold; } /* Curves box storing value for + and - */ div.form-group .form-control.theme-number { border-radius: 10px; } /* Removes shadow around main form and adds padding to bottom of page */ #main-form { padding-bottom: 15px; box-shadow: none !important; } div.delayed-component-content { box-shadow: none !important; } /* Footer styling */ .brand-footer-bg { background-color: transparent; margin-bottom: 15px; width: auto !important; margin-left: 0px; margin-right: 0px; } /* Changes buttons to black with white text and circular shape */ button, input.btn, a.btn { border-radius: 15px !important; border: 0 !important; /*height: 34px !important;*/ font-size: 0.9167em !important; font-weight: bold !important; line-height: 34px !important; /* padding: 0 15px !important; <-- rectangle button padding */ /*padding: 0px 30px !important;*/ white-space: nowrap !important; /* text-transform: uppercase !important;*/ background: #012e5c !important; color: #fff !important; /* button animation */ -webkit-transform: perspective(1px) translateZ(0) !important; -moz-transform: perspective(1px) translateZ(0) !important; transform: perspective(1px) translateZ(0) !important; /*box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;*/ transition-duration: 0.3s !important; transition-property: transform, color, background-color !important; } /* Makes 'Edit' circular and smaller than regular buttons */ a.btn { border-radius: 15px !important; border: 0 !important; height: 34px !important; font-size: 0.9167em !important; font-weight: bold !important; line-height: 34px !important; padding: 0px 30px !important; white-space: nowrap !important; text-transform: uppercase !important; background: #012e5c !important; color: #fff !important; -webkit-transform: perspective(1px) translateZ(0) !important; -moz-transform: perspective(1px) translateZ(0) !important; transform: perspective(1px) translateZ(0) !important; box-shadow: 0 0 1px rgb(0 0 0 / 0%) !important; transition-duration: 0.3s !important; transition-property: transform, color, background-color !important; } .btn-file { background: #26383d !important; border-color: #26383d !important; } .btn-default:hover { background: #102433 !important; border-color: #102433 !important; } .theme-button { margin-bottom: 2px !important; cursor: pointer !important; display: inline-block !important; background: white !important; border: 0px !important; color: #012e5c !important; padding: 5px !important; } .theme-label-primary { background-color: #0b6db5; border-radius: 10px; } /* Padding across text used in all forms */ form p { padding: 15px; } .main-form form p { padding: 5px 15px 5px 15px; } /* Hide nav bar */ .navbar { height: 40px !important; border: 0 !important; padding: 0 !important; background: none !important; border-radius: 0 !important; height: 40px !important; min-height: 41px !important; } .nav { padding-top: 18px !important; } /* Styling for headings1-6 */ h1, h2, h3, h4, h5, h6 { color: #c07172 !important; } h1, h2 { background: #412d46 !important; color: #ffffff !important; margin-left: -15px !important; margin-right: -15px !important; margin-top: -15px !important; padding: 10px; } /* Adds 'line' underneath h3 and h4 with bold font */ h3, h4 { font-weight: bold !important; padding-bottom: 5px !important; padding-left: 0 !important; border-bottom: 4px solid #412d46 !important; margin-left: 0% !important; } h5 { border-bottom: 1px solid; padding-bottom: 5px; font-weight: bold; margin: 0 15px; padding: 5px 0; font-size: 16px; } h2 { margin-top: 10px !important; } .text-left.h2 { padding: 15px !important; } /* Formats secondary headers to not have underline */ .text-left.h4 { font-weight: bold; padding-bottom: 5px !important; padding-left: 0 !important; border-bottom: none !important; margin-left: 1% !important; } /* Radio buttons/Checkboxes made larger, coloured and filled correctly */ .radio input, .checkbox input, .main-form input[type="radio"], .main-form input[type="checkbox"] { background: #f8f8fc !important; border: 1px solid #0b6db5 !important; } .radio input:checked, .checkbox input:checked, .main-form input[type="radio"]:checked, .main-form input[type="checkbox"]:checked { background: #0b6db5 !important; color: #ffffff !important; transition: 0.3s linear !important; } .radio input:focus, .main-form input[type="radio"]:focus { outline: none !important; } .radio input:checked, .main-form input[type="radio"]:checked { border: none !important; } .radio input, .main-form input[type="radio"] { -webkit-appearance: none !important; box-shadow: none !important; padding: 9px !important; border-radius: 50% !important; display: inline-block !important; position: relative !important; width: 24px !important; height: 24px !important; margin-right: 8px !important; top: -5px !important; } .checkbox input:checked, .main-form input[type="checkbox"]:checked { border: none !important; box-shadow: none !important; border-radius: 0 !important; width: 24px !important; height: 24px !important; } /* Checkbox has tick appear when selected */ .checkbox input:checked::after, .main-form input[type="checkbox"]:checked::after { content: "\2714" !important; font-size: 14px !important; position: absolute !important; top: 2px !important; left: 6px !important; } .checkbox input, .main-form input[type="checkbox"] { -webkit-appearance: none !important; box-shadow: none !important; padding: 9px !important; border-radius: 0px !important; display: inline-block !important; position: relative !important; margin: 0 !important; width: 24px !important; height: 24px !important; margin-right: 8px !important; } /* Change mouse to pointer when hovering radio/checkbox button */ .checkbox input, .radio input { cursor: pointer !important; } /* Styling for box around panels */ .theme-panel { box-shadow: none !important; border-radius: 5px; padding: 1% 2%; margin-bottom: 0% !important; } /* Shifts text next to checkboxes and + - to be closer on mobile and desktop */ .col-sm-2 { width: none; } @media (min-width: 768px) { .col-sm-2 { width: unset !important; } } /* Program table formatting to extend across page, colour column header and alternate row background colour*/ .programTable { width: 100% !important; } .programTable tr th { background-color: #c07172; color: white; } .programTable tr th, .programTable tr td { padding: 5px; text-align: left; } .programTable tr:nth-child(odd) { background-color: #f2f2f2; } .programTable tr td:first-child { width: 30%; } .programTable td { border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; } /* ---- Global Page Styling End ---- */ /* ---- Incomplete registration page ---- */ .main-form.landing h2 { background: #0b6db5 !important; color: #ffffff !important; padding: 15px !important; margin-left: -15px; margin-right: -15px; margin-top: -15px !important; opacity: 1 !important; transition: opacity 0.6s !important; font-size: 20pt; background-color: white; } #main-form.landing > div > div.component > p { border: 1px solid #ccc; padding: 10px !important; } #main-form.landing > div > div.component p a { background: #0b6db5; color: #ffffff !important; border-radius: 25px !important; background-image: none !important; border: 0 !important; box-shadow: none !important; font-weight: bold !important; white-space: nowrap !important; text-transform: uppercase !important; padding: 9px 12px; line-height: 40px !important; display: inline !important; /* button animation */ -webkit-transform: perspective(1px) translateZ(0) !important; -moz-transform: perspective(1px) translateZ(0) !important; transform: perspective(1px) translateZ(0) !important; box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important; transition-duration: 0.3s !important; transition-property: transform, color, background-color !important; } #main-form.landing > div > div.component p a:hover, #main-form.landing > div > div.component p a:first-of-type:hover { background: #102433 !important; } #main-form.landing > div > div.component p a:first-of-type { background: #4bb543 !important; } #main-form.landing > div > div.component p a:nth-child(4) { background: #bb2124; } #main-form.landing > div > div.component p a::before { background: none; } #main-form.landing > div > div.component p a:link, #main-form.landing > div > div.component p a:visited, #main-form.landing > div > div.component p a:hover, #main-form.landing > div > div.component p a:active { text-decoration: none; } /* ---- Incomplete Registration Page End ---- */ /* ---- Accommodation Page ---- */ /* Hide empty room photo for accommodation page */ .row.room-type div.col-sm-2.hidden-xs { display: none; } .row.room-type div.col-sm-4.col-xs-8 { padding-top: 30px; padding-left: 30px; } .row.room-type div.col-sm-2.col-xs-4 { padding-top: 30px; } .row.room-type div.col-sm-3.col-xs-12 { padding-top: 23px; } .row.room-type div.col-sm-1 { padding-top: 25px; } /* ---- Accommodation Page End ---- */ /* ---- Summary Page ---- */ .main-form div[data-templateplaceholder="policies"] strong { padding-bottom: 5px !important; font-weight: bold !important; color: #26383d !important; border-bottom: 0 !important; font-size: 16px !important; } .main-form div[data-templateplaceholder="policies"] > div { margin-left: -12px !important; } /* Hides edit button next to each heading below main */ .summary-table h4 > a.btn { display: none; } /* ---- Summary Page End ---- */