body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; color: #333; background: #222; padding-right:0px !important; /* bootbox fix */ } .container-fluid { padding: 0; } p { margin-bottom: 18px; } a[href^="tel:"] { color: #b4a2cf; text-decoration: none; } div.empty { background-color: #D9EDF7; border: 1px dashed #DDD; padding: 15px; margin-bottom: 18px; } div.empty p { margin-bottom: 0; } .mb-5 { margin-bottom: 5px !important; } .mb-15 { margin-bottom: 15px !important; } .m-0 { margin: 0 !important; } .p-15 { padding: 15px; } .spacer { height: 50px; } .spacer-sm { height: 25px; } .clear-fix { clear: both; } .img-border { border: 1px solid #DDD; } .text-center { text-align:center; } .scroll-y { max-height: 500px; overflow-y: scroll; margin-bottom: 10px; } .modal { z-index:10000001; } .modal-header { border-bottom:0px; padding-bottom: 0px; } .modal-title { text-transform: uppercase; font-size: 2.2em; font-weight: 700; } /*========================================================================== rows and columns without padding ==========================================================================*/ .row-no-padding { margin:0px; } .row-no-padding .col-lg-1, .row-no-padding .col-lg-10, .row-no-padding .col-lg-11, .row-no-padding .col-lg-12, .row-no-padding .col-lg-2, .row-no-padding .col-lg-3, .row-no-padding .col-lg-4, .row-no-padding .col-lg-5, .row-no-padding .col-lg-6, .row-no-padding .col-lg-7, .row-no-padding .col-lg-8, .row-no-padding .col-lg-9, .row-no-padding .col-md-1, .row-no-padding .col-md-10, .row-no-padding .col-md-11, .row-no-padding .col-md-12, .row-no-padding .col-md-2, .row-no-padding .col-md-3, .row-no-padding .col-md-4, .row-no-padding .col-md-5, .row-no-padding .col-md-6, .row-no-padding .col-md-7, .row-no-padding .col-md-8, .row-no-padding .col-md-9, .row-no-padding .col-sm-1, .row-no-padding .col-sm-10, .row-no-padding .col-sm-11, .row-no-padding .col-sm-12, .row-no-padding .col-sm-2, .row-no-padding .col-sm-3, .row-no-padding .col-sm-4, .row-no-padding .col-sm-5, .row-no-padding .col-sm-6, .row-no-padding .col-sm-7, .row-no-padding .col-sm-8, .row-no-padding .col-sm-9, .row-no-padding .col-xs-1, .row-no-padding .col-xs-10, .row-no-padding .col-xs-11, .row-no-padding .col-xs-12, .row-no-padding .col-xs-2, .row-no-padding .col-xs-3, .row-no-padding .col-xs-4, .row-no-padding .col-xs-5, .row-no-padding .col-xs-6, .row-no-padding .col-xs-7, .row-no-padding .col-xs-8, .row-no-padding .col-xs-9 { padding:0px; } /*========================================================================== Util ==========================================================================*/ .colour-black { color: #111; } .placeholder { background-color: rgba(255, 255, 255, .2); } .placeholder.dark { background-color: rgba(0, 0, 0, .2); } /*========================================================================== Frontend errors ==========================================================================*/ #main-errors { padding: 30px 0px; padding-bottom: 15px; border-bottom: 2px solid #DDD; background-color: #EEE; } /*========================================================================== Verification banner ==========================================================================*/ .verification-banner { padding: 15px 0px; background-color: #d9edf7; border-bottom: 2px solid #DDD; } .verification-banner .btn { margin-bottom: 0; } /*========================================================================== Headings ==========================================================================*/ h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-family: 'Source Sans Pro', sans-serif; text-rendering: optimizeLegibility; } h1, .h1 { font-size: 40px; font-weight: 600; text-transform: uppercase; color: #333; margin-bottom: 20px; display: block; letter-spacing: 2px; } h2, .h2 { font-size: 26px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; display: block; color: #111; letter-spacing: 2px; word-break: normal; } h2.light, .h2.light { font-weight: 500; } h3, .h3 { font-size: 28px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; display: block; color: #111; letter-spacing: 2px; } h4, .h4 { font-size: 21px; font-weight: 700; margin-bottom: 10px; display: block; color: #111; } /*========================================================================== Inputs ==========================================================================*/ .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.form-control { padding: 6px 12px; } .form-control.input-sm { height: 40px; padding: 6px 10px; font-size: 16px; } .form-control.borderless { border: 4px solid transparent; } .form-control:focus { border-color: #b4a2cf; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(152, 124, 193,1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(152, 124, 193,1); } .center-mobile { text-align:center; float:none !important; } .center-mobile img { margin:10px auto; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; } /*========================================================================== Buttons ==========================================================================*/ .btn { border-radius: 0; border: 4px solid transparent; text-transform: uppercase; color: #28121F; padding: 6px 10px; font-weight: bold; white-space: normal; } .btn-sm { } .btn:hover { background-color: #DDD; border-color: #DDD; text-decoration: none; } .btn-primary { border: 2px solid #b4a2cf; color:#FFF; background-color: #FFF; color: #b4a2cf; margin-bottom:10px; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.btn-trans:hover, .btn-primary.btn-trans:focus, .btn-primary.btn-trans:active, .btn-primary:active:hover { background-color: #b4a2cf; color: #FFF; border-color: #b4a2cf; } .highlighted .btn-primary { border: 2px solid #00ADEC; color: #00ADEC; } .highlighted .btn-primary:hover, .highlighted .btn-primary:focus, .highlighted .btn-primary:active, .highlighted .btn-primary.btn-trans:hover, .highlighted .btn-primary.btn-trans:focus, .highlighted .btn-primary.btn-trans:active, .highlighted .btn-primary:active:hover { background-color:#00ADEC; border-color:#00ADEC; } .btn-fill { background-color: #b4a2cf; color: #FFF; } .btn-fill:hover, .btn-fill:focus, .btn-fill.active:focus { background-color: #fff; color: #b4a2cf; border-color:#FFF; } .btn-primary.btn-white { color: #FFF; border-color:#fff; } .btn-primary.btn-white:hover { background-color: #FFF; color: #333; border-color: #FFF; } .btn-thin-border { border:2px solid #FFF; } .btn-clear { color:#b4a2cf; font-size:1.6em; font-weight:400; border:none; } .btn-clear:hover, .btn-clear:active, .btn-clear:focus { background-color:transparent; color:#FFF; border:none; } .btn-primary.btn-trans { background-color:transparent; } .btn.btn-primary.btn-alt { border: 0; border-top: 4px solid transparent; border-bottom: 4px solid #CCC; background-color: none; } .btn-info:hover { background-color:#3e8da5; border-color:#3e8da5; } .form-control { border: 2px solid #CCC; border-radius: 0; } .form-control.form-control-alt { border: 0; border-top: 4px solid transparent; border-bottom: 4px solid #CCC; box-shadow:none; } label.required:after { content:" *"; color:red; } .btn-secondary { border-color: #AAA; background-color: #CCC; color: #333; } .btn-secondary:hover { border-color: #777; background-color: #CCC; color: #333; } .alert-welcome { border:3px solid #b4a2cf; padding:20px; } .alert-instructions { display:block; font-size:1.2em; color:#444; text-align:center; } .alert-outline-danger { border:3px solid #fda6a6; border-radius:0px; background:#fbf1f1; } .alert-outline-danger h4 { text-transform:uppercase; } .btn-refresh { position: absolute; right: 1em; padding: 0.5em; line-height: 0; background-color: #aac0cc; color: #FFF; } .relative { position:relative; } /*========================================================================== Nav Pills ==========================================================================*/ .nav-pills { border: 0px; border: 1px solid #CCC; padding: 0px; border-radius: 0px; margin-bottom: 30px; } .nav-pills > li { padding: 0; } .nav-pills > li > a { border-radius: 0px; line-height: 28px; } .nav-pills > li.active > a { color: #fff; background-color: #CCC; color: #000; } /*========================================================================== Container ==========================================================================*/ .container-fluid { background-color: #FFF; overflow: hidden; } /*========================================================================== Primary header ==========================================================================*/ .primary-header { background-color: #000; height: 100vh; width: 100%; background-position: top center; background-repeat: no-repeat; overflow: visible; background-size: auto 100%; } .primary-header video { display: none; } .primary-header.condensed { display:none; } .primary-header.big { height: 100vh; } .primary-header.medium { height: 100vh; } .primary-header .countdown-intro { height: 440px; padding-top: 60px; z-index: 50; position: relative; } .primary-header .countdown-intro .h1 { color: #FFF; } .homepage-header-extra { position:absolute; z-index:1000; top:0px; left:0px; width:100%; } .homepage-header-extra.text-left h1, .homepage-header-extra.text-left h2 { text-align:left !important; font-weight: 600; } .homepage-header-extra h1 { font-size: 2.4em; margin-top:200px; } .home-cover-h2 { font-size:2em; font-weight:100; text-transform:uppercase !important; } .home-cover-h2 .purple { color:#A193BA; } .mute-video { color:#FFF !important; font-size:30px; position:absolute; bottom:20px; right:20px; z-index:1000; opacity:0.6; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .mute-video:hover { opacity:1; } .page-header-extra { width:100%; } .primary-header .world-map { height:100%; min-height:500px; } #events-map { height: 100%; } .nearby-event { display:block; width:100%; } .event-promo-thumbnail { min-height:200px; background-size:cover; background-position:center middle; background-repeat:no-repeat; padding:30px; } .event-promo-thumbnail h1 { font-size:2.8em; color:#FFF; } .event-promo-thumbnail .date .figure { color: #00ADEC; font-size: 3em; font-weight: 300; display: block; float: left; margin-top: -10px; } .event-promo-thumbnail .date strong { font-weight:600 !important; } .event-promo-thumbnail .date .space { width: 2px; background-color: #00ADEC; display: inline-block; margin-left: 8px; margin-right: 8px; line-height: 2.8rem; min-height: 50px; float: left; margin-top: -5px; } .event-promo-thumbnail h2 { color:#FFF; } .event-promo-thumbnail p { color:#FFF; text-transform:uppercase; font-size:1.2em; font-weight:100; } /*========================================================================== Header ==========================================================================*/ .header { height: 160px; width:100%; padding: 42px 0px; background-size:cover; background-repeat:no-repeat; background-color: #000; } .header.fixed-top { position: absolute; z-index: 10000; } .primary-header.transparent-top { min-height:0px; height:auto; } .header .logo { display: inline-block; float: left; position: absolute; z-index: 999; } .header .primary-nav { background-color: transparent; border-color: transparent; margin: 0; padding: 0; z-index: 100; } .header .primary-nav .navbar-toggle { border: 4px solid #FFF; padding: 5px; border-radius: 0; margin: 0; margin-top: 15px; } .header .primary-nav .navbar-toggle .icon-bar { display: block; background-color: #FFF; height: 4px; } .header .primary-nav .navbar-collapse { clear: both; margin: 0; padding: 0; border: 0; box-shadow: none; background-color: transparent; padding-top: 30px; position:absolute; width:100%; z-index:1000; } .header .primary-nav .navbar-nav { margin: 0; padding: 0; background: #222; list-style: none; width: 100%; border: 4px solid #FFF; } .header .primary-nav .navbar-nav li { margin: 0; padding: 0; } .header .primary-nav .navbar-nav li.split { display: none; } .header .primary-nav .navbar-nav li a { display: block; color: #FFF; border-bottom: 1px solid #333; text-transform: uppercase; font-weight: 400; padding: 12px 15px; font-size: 14px; } .header .primary-nav .navbar-nav li:last-of-type a { border: 0; } .header .primary-nav .navbar-nav li a:hover, .header .primary-nav .navbar-nav li a:active, .header .primary-nav .navbar-nav li a:focus { color: #b4a2cf; background-color: transparent; } /*========================================================================== Header sub-nav ==========================================================================*/ .sub-nav { background-color: #333; } .sub-nav .header-sub-nav { background-color: transparent; border-color: transparent; margin: 0; padding: 0; } .sub-nav .header-sub-nav .navbar-header { padding: 10px 0px; } .sub-nav .header-sub-nav .navbar-toggle { border: 4px solid #FFF; padding: 5px; border-radius: 0; margin: 0; float: none; } .sub-nav .header-sub-nav .navbar-toggle .icon-bar { display: block; background-color: #FFF; height: 4px; width: 40px; } .sub-nav .header-sub-nav .navbar-collapse { clear: both; margin: 0; padding: 0; border: 0; box-shadow: none; background-color: transparent; } .sub-nav .header-sub-nav .navbar-nav { margin: 0; padding: 0; background: #DDD; list-style: none; width: 100%; border: 0px; margin-bottom: 15px; } .sub-nav .header-sub-nav .navbar-nav li { margin: 0; padding: 0; } .sub-nav .header-sub-nav .navbar-nav li a { display: block; color: #333; font-weight: 400; padding: 12px 15px; font-size: 14px; } .sub-nav .header-sub-nav .navbar-nav li:last-of-type a { border: 0; } .sub-nav .header .primary-nav .navbar-nav li a:hover { background-color: rgba(255, 255, 255, .2); } .toggle-dropdown:hover .dropdown-menu { display:block; background-color:#000; border-top:1px solid #ccc; width:100%; position: relative; margin-bottom: 15px; border-bottom: 1px solid #FFF; padding-left: 20px; border-radius:0; } .section-divider { border-top:1px solid #dfdfdf; padding-bottom: 30px; margin-top:30px; } /*========================================================================== Section: Page ==========================================================================*/ section.page { padding: 100px 0px; } section .content-area img { display:block; max-width: 100%; height: auto; } section .content-area img { margin-left:auto; margin-right:auto; } section .content-area p { margin-bottom: 10px; word-wrap: break-word; } .mobile-line-bottom .col-md-6 { border-bottom:1px solid #dfdfdf; margin-bottom:40px; padding-bottom:20px; } .mobile-line-bottom { padding-top:0px !important; padding-bottom:0px !important; } /*========================================================================== UDO Groups ==========================================================================*/ .section-background { width:100%; background-size:cover; background-position:top; padding-top:25px; padding-bottom:25px; background-repeat:no-repeat; } .foreground-black { color:#000; background-color:#FFF; } .section-background.parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .section-background h1 { color:#000; margin-bottom:30px; } .section-background h1 .white { color:#FFF !important; } .section-background .btn-clear { background:transparent; border-color:#FFF; color:#FFF; } .section-background .extra-padding { padding-left:40px; padding-right:40px; } .blue { color:#30a1cb !important; } #group-stat .stat { border:3px solid #8D78B1; background-color:#8D78B1; text-align:center; height:292px; width:100%; margin-bottom:15px; margin-left:auto; margin-right:auto; padding-top:100px; } #group-stat .stat h3 { font-size:60px; font-weight:bold; color:#fff; line-height: 40px; } #group-stat .stat h4 { color:#FFF; text-align:center; font-weight:100; text-transform:uppercase; font-size:1.6em; } .cover-h1 { color:#FFF; font-weight:bold; margin-top:60%; font-size:40px; margin-bottom:10px; } .cover-h2 { color:#FFF; font-weight:100; text-transform:none; margin-bottom:30px; } /*========================================================================== Events ==========================================================================*/ .event-cover { height:100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .event-cover .inner { height:100%; width:100%; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.69)); background-position: center top; } .event-cover .countdown { color:#FFF; margin: 0px 0px; } .event-cover .countdown .row > div:last-child { border: 0; color: #30a1cb; } .event-cover .countdown .row > div:last-child h3, .event-cover .countdown .row > div:last-child h4 { color: #8D78B1; } .event-cover .countdown h4 { color:#FFF; font-size:18px; font-weight:100; text-align:center; } .event-cover .countdown h3 { color:#FFF; font-weight:bold; font-size:30px; text-align:center; text-shadow:1px 1px #000; } #event-map-small { height:400px; } .event-map.no-map { background-color:#121212; color:#FFF; text-align:center; color:#999; font-size:18px; display:table; width:100%; } .event-map.no-map .inner { display:table-cell; width:100%; vertical-align:middle; } #event-carousel { height:100%; } #event-carousel .carousel-inner { height:100%; } #event-carousel .item { background-size:cover; background-repeat:no-repeat; background-position:center; height:100%; position:relative; } #event-carousel .item .inner { display: table; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)); background-position: center top; height: 100%; color: white; padding:60px; } #event-carousel .item h2 { color:#FFF; margin-bottom:40px; font-size:36px; } #event-carousel .item p { color:#FFF; font-size:18px; font-weight:100; } .event-search-form { border-bottom: 3px solid #b4a2cf; margin-bottom:30px; } .event-search-form.pull-right { width: 100%; float:none; } .event-search-form .form-control-alt { border:0px; text-transform:uppercase !important; padding-left:0px; font-size:1.0em; width:80%; float:left; } .event-search-form .btn-alt { border-bottom:none !important; font-size:1.2em; text-align:right; padding-right:0px !important; float:right; } .event-search-form .btn-alt:hover, .event-search-form .btn-alt:focus, .event-search-form .btn-alt.active focus { background-color:#FFF; color:#00ADEF; outline:none; } .infowindow { border:1px solid #b4a2cf; color:#FFF; font-size:1.2em; margin-top: -15px; margin-left:60px; background:#b4a2cf; padding:15px; padding-left:40px; border-top-left-radius:70px; border-bottom-left-radius:70px; margin-top: -160px; width:400px; height: 140px; } .infowindow-triangle { content:""; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #b4a2cf transparent transparent transparent; margin-left:1200px; } .infowindow .left-info-window { width: 100px; float: left; } .infowindow .left-info-window h1, .infowindow .left-info-window h2 { color:#FFF; margin:0px; } .infowindow .left-info-window h1 { font-size: 4.4em; } .infowindow .left-info-window h2 { font-size: 2.2em; line-height: 0.8em; } .infowindow .right-info-window { width: 330px; float: left; padding-left: 88px; margin-top: -105px; } .infowindow .right-info-window h1 { font-size: 4.4em; color: #FFF; margin-bottom:10px; } .infowindow .right-info-window h2 { font-size: 2.2em; line-height: 0.8em; color: #FFF; margin-bottom:10px; } .infowindow .right-info-window h3 { margin:0px; margin-bottom:10px; font-size: 1.8em; line-height: 0.8em; font-weight:200; color:#FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .infoBox img { display: none; } .btn-white { border-color:#FFF; color:#FFF; } .btn-white:hover, .btn-white:focus { color:#00adec; } /*========================================================================== Section: Upcoming Events ==========================================================================*/ .upcoming-events { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 80px 0px; /*border-top: 3px solid #FFF;*/ } .upcoming-events h1 { margin-bottom: 20px; color: #FFF; } .upcoming-events h1 .alt { color: #00ADEF; } .upcoming-events .more-events { color: #FFF; } .upcoming-events .more-events:hover { color: #00ADEC; } .upcoming-events .nav-icon { font-size: 30px; color: #FFF; display: block; height: 375px; padding-top: 60px; } .upcoming-events .event { margin-bottom: 20px; } .upcoming-events .event-box { display: block; border: 2px solid #fff; text-align: center; padding: 20px 10px; font-family: 'Source Sans Pro', sans-serif; text-rendering: optimizeLegibility; font-size: 34px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; background-color: rgba(255, 255, 255, .1); } .upcoming-events .event-box:hover, .upcoming-events .event-box:focus, .upcoming-events .event-box:active { text-decoration: none; background-color: rgba(255, 255, 255, .3); } .upcoming-events .event-box .title { display: block; letter-spacing: 2px; color: #FFF; } .upcoming-events .event-box .date { display: block; letter-spacing: 2px; color: #000; font-size: 40px; } .upcoming-events .event-box .location { margin-bottom: 20px; display: block; letter-spacing: 2px; color: #FFF; font-size: 22px; } .upcoming-events .event-box .address { margin-bottom: 0px; display: block; letter-spacing: 2px; color: #FFF; font-size: 14px; font-weight: 300; } .upcoming-events .registration-button { display: block; border-radius: 0; border: 2px solid #FFF; text-transform: uppercase; background-color: #1B88B1; color: #FFF; font-weight: bold; font-size: 20px; padding: 4px; text-align: center; margin-bottom: 5px; } .upcoming-events .registration-button:hover { text-decoration: none; background-color: #FFF; color: #1B88B1; } .upcoming-events .ticket-button { display: block; border-radius: 0; border: 2px solid #FFF; text-transform: uppercase; background-color: #FFF; color: #30a1cb; font-weight: bold; font-size: 20px; padding: 4px; text-align: center; } .upcoming-events .ticket-button:hover { text-decoration: none; background-color: #1B88B1; color: #FFF; } .upcoming-events.plain-bg { background-image: none; margin: 0; padding: 0; padding-top: 0px; } .upcoming-events.plain-bg h1 { color: #333; } .upcoming-events.plain-bg .event-date-thumb h1 { color: #FFF; } .upcoming-events .parallax { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/assets/frontend/img/background-images/background_events.jpg'); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 80px 0px; margin-top: 40px; } .grid-black .event-date-thumb h1, .grid-black .event-date-thumb h2, .grid-black .event-date-thumb h3 { color:#000 !important; font-family: 'Roboto Mono', monospace; } .grid-black .event-thumbnail-name { color:#000 !important; } .event-date-thumb { text-align: center; } /*========================================================================== Section: Bulk Team Registration ==========================================================================*/ .team-list-container { margin-top:30px; } .team-list-container .list-header { background-color:#f1f1f1; padding:0px 15px; position:relative; padding-bottom:0px; border-bottom:2px solid #dfdfdf } .team-list-container .list-header h4 { margin:15px auto; } .team-list-container .list-header .btn { margin:10px 0px; } .team-list-container .list-body .no-content { padding:15px; text-align:center; background-color:#f1f1f1; margin:15px; } .team-list-container .list-body ul { list-style:none; margin:0px; padding:0px; min-height:150px; margin-bottom:15px; } .team-list-container .list-body ul li { list-style:none; margin:0px; padding:10px 15px; border-bottom:1px solid #dfdfdf; position:relative; } .team-list-container .list-body ul li:hover { background-color:#f1f1f1; } .team-list-container .list-body ul li:last-child { border-bottom:none; } .team-list-container .list-body ul li.new-dancer { border-left:4px solid #b4a2cf; } .team-builder-stats { margin:30px 0px; border:3px solid #dfdfdf; padding:15px; } .team-builder-stats h2, .team-builder-stats h4 { text-align:center; } .team-builder-stats h2 { margin-bottom:10px; } .team-builder-stats h4 { color:#666; } /*========================================================================== Section: Column Events ==========================================================================*/ .event-columns { background-image: url('/assets/frontend/img/background-images/bg-events-home.jpg'); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: auto 100%; padding: 80px 0px; margin-bottom:30px; /*border-top: 3px solid #FFF;*/ } .event-columns h1 { margin-bottom: 20px; color: #FFF; } .event-columns h1 .alt { color: #b4a2cf; } .event-columns .column { margin-bottom: 30px; } .event-columns .event { border: 4px solid #FFF; padding: 30px 20px; text-align: center; margin-bottom: 10px; background-color: rgba(0, 0, 0, .2); } .event-columns .event h2 { color: #FFF; font-size: 28px; } .event-columns .event .date { color: #b4a2cf; font-size: 28px; display: block; margin-bottom: 20px; } .event-columns .event .city { color: #FFF; font-size: 28px; display: block; margin-bottom: 15px; } .event-columns .event .name { color: #FFF; } .event-columns .btn-white { margin-bottom: 10px; background-color: #FFF; font-size: 22px; color: #0E4459; } .event-columns .btn-transparent { margin-bottom: 10px; background-color: transparent; font-size: 22px; color: #FFF; border: 4px solid #FFF; } /*========================================================================== Event thumbnails for homepage ==========================================================================*/ .event-thumbnail-info-container { display:block; padding-left:80px; } .event-date-thumb { display:inline-block; float:left; min-width: 70px; text-align: center; } .event-thumbnail-location { color:#b4a2cf; margin-bottom:5px; } .event-thumbnail-info-container.highlighted .event-thumbnail-location { color:#00ADEC; } .event-thumbnail-name { color:#FFF; font-weight:400; margin-bottom: 23px; font-size:1.8rem; } .event-date-thumb h2 { color:#FFF; font-size:25px; margin-bottom:0px; text-align: center; } .event-date-thumb h1 { font-size: 42px; line-height: 0.8em; margin-top: 10px; margin-bottom: 10px; text-align: center; } .event-date-thumb h3 { color:#FFF; font-size:19px; font-weight:bold; text-align: center; margin: 0; } .btn-event-prominent { background-color:#00ADEC; color:#FFF; display:inline-block; font-size:1.2em; border-radius:3px; margin-bottom:10px; } .btn-event-prominent:hover, .btn-event-prominent:focus, .btn-event-prominent:active { background-color:#fff; border-color:#fff; color:#00ADEC; } .btn-event-trans { background:transparent; border-color:#00ADEC; color:#FFF; display:inline-block; font-size:1.2em; border-radius:3px; margin-bottom:10px; } .btn-event-trans:hover, .btn-event-trans:focus, .btn-event-trans:active { background-color:#00ADEC; border-color:#00ADEC; color:#000; } /*========================================================================== Section: View event ==========================================================================*/ .view-event { padding: 100px 0px; padding-bottom: 30px; } .view-event .event-details { font-size: 22px; text-transform: uppercase; color: #8D78B1; font-weight: bold; } .view-event .stat-bar { } .view-event .stat-bar .stat { text-align: center; color: #FFF; border-radius: 15px; background-color: #ACAEAD; background-image: url('https://images.unsplash.com/photo-1491339526372-c7112c8e37f3?dpr=1&auto=compress,format&fit=crop&w=376&h=251&q=80&cs=tinysrgb&crop=&bg='); padding: 30px; } .view-event .stat-bar .stat .big { display: block; font-size: 40px; } .view-event .stat-bar .stat .small { } .view-event .event-details .btn-primary, .btn-primary.btn-purple { color:#8D78B1; border-color:#8D78B1; } .view-event .event-details .btn-primary:hover, .view-event .event-details .btn-primary:focus, .view-event .event-details .btn-primary.active:focus, .view-event .event-details .btn-primary, .btn-primary.btn-purple:hover, .view-event .event-details .btn-primary, .btn-primary.btn-purple:focus, .view-event .event-details .btn-primary, .btn-primary.btn-purple.active:focus { background-color:#8D78B1; color:#FFF; } /*========================================================================== Section: Account login ==========================================================================*/ .account-login { padding: 100px 0px; } /*========================================================================== Section: Account signup ==========================================================================*/ .account-signup { padding: 100px 0px; } .account-signup .signup-account-types { } .account-signup .signup-account-types .account-type { border: 1px solid #DDD; background-color: #DDD; border-radius: 10px; margin-bottom: 15px; } .account-signup .signup-account-types .account-type:hover { background-color: #d8d8d8; } .account-signup .signup-account-types .account-type .icon { background-color: #cfcfcf; padding: 25px; font-size: 40px; text-align: center; border-radius: 10px; display: block; color: #000; } .account-signup .signup-account-types .account-type .detail { padding: 15px; padding-left: 0; display: block; color: #000; } .account-signup .signup-account-types .account-type .detail:hover { text-decoration: none; } .account-signup .signup-account-types .account-type .detail .title { font-weight: 700; font-size: 22px; color: #333; display: inline-block; } .account-signup .signup-account-types .account-type .detail span { margin: 0; display: block; } .account-signup .bg-marketing { background-color:#e7e8ec; } /*========================================================================== Section: Default section ==========================================================================*/ .default-section { padding: 100px 0px; } /*========================================================================== Section: Shop ==========================================================================*/ .shop-categories { padding: 100px 0px; } .shop-categories .category { height: 500px; text-align: center; background-repeat:no-repeat; background-size:cover; } .shop-categories .category .shop-now { border: 2px solid #FFF; color: #FFF; } .shop-categories .category .shop-now:hover, .shop-categories .category .shop-now:focus, .shop-categories .category .shop-now.active:focus { color: #000; background-color:#FFF; } .shop-categories .category h1 { font-size:50px; color:#FFF; text-align:center; text-transform:uppercase; font-weight: 700; font-family: 'Source Sans Pro', sans-serif; text-rendering: optimizeLegibility; margin-top: 170px; } .shop-categories .category:first-child h1 { margin-top:240px; } .shop-categories .category a:hover, .shop-categories .category a:focus, .shop-categories .category a:active { border-color: #FFF; text-decoration: none; } .shop-products { padding: 100px 0px; } .shop-products .product { margin-bottom: 30px; } .shop-products .product .product-box { font-family: 'Source Sans Pro', sans-serif; text-rendering: optimizeLegibility; } .shop-products .product .product-box img { max-height:250px; margin-left:auto; margin-right:auto; display:block; } .shop-products .product .product-box .thumb { display: inline-block; } .shop-products .product .product-box .detail { padding: 15px 10px; } .shop-products .product .product-box .name:hover { text-decoration: none; } .shop-products .product .product-box .price { display: block; text-align: center; } .shop-viewproduct { padding: 100px 0px; } .shop-viewproduct .product-images .primary-image { display: block; } .shop-viewproduct .product-images .notify-me { color: #FFF; text-transform: uppercase; font-size: 12px; padding: 10px 15px; background-color: #333; display: inline-block; position: absolute; left: -60px; top: 100px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); } .shop-viewproduct .product-images .notify-me:hover { text-decoration: none; background-color: #666; } .nav-pills>li.active>a:hover { background-color:#30A1CB; } .image-collection .row { margin-left:0px; margin-right:0px; } .image-collection .col-sm-6 { padding-left:0px; padding-right:0px; } .product-name { margin-bottom:0px; font-size:3rem; letter-spacing:1px; margin-top:30px; margin-bottom:15px; } .product-price { color:#000; font-size:2rem; } /* cross in lightbox */ #swipebox-close { margin-top: 87px; margin-right: 18px; } .size-selector { margin-bottom:15px; margin-left:-7px; margin-right:-7px; min-height:50px; } .size-selector input[type="radio"] { position: absolute; visibility: hidden; } .size-selector .radio-option-box { height: 38px; line-height:34px; background-color:#CCC; color:#b4a2cf; text-align:center; text-transform:uppercase; float:left; margin-left:7px; margin-right:7px; cursor:pointer; border: 2px solid #CCC; font-size: 1.2em; user-select: none; font-weight:bold; padding: 0px 15px; } .size-selector .radio-option-box:hover { background-color:#CCC; border:2px solid #b4a2cf; } .size-selector input[type="radio"]:checked + label { background-color:#FFF; color:#b4a2cf; } /*========================================================================== Section: Featured products ==========================================================================*/ section.featured-products { padding: 30px 0px; background-color: #FFF; } section h1 .alt { color: #b4a2cf; } section.featured-products .product { margin-bottom: 10px; } section.featured-products .product .product-box { padding: 5px; font-family: 'Source Sans Pro', sans-serif; text-rendering: optimizeLegibility; } section.featured-products .product .product-box .thumb { display: inline-block; } section.featured-products .product .product-box .detail { padding: 15px 10px; } .product .product-box .name { font-weight: 700; font-size: 15px; color: #333; display: block; text-align: center; font-weight:400; text-transform:uppercase; font-family:sans-serif; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } section.featured-products .product .product-box .name:hover { text-decoration: none; } section.featured-products .product .product-box .price { display: block; text-align: center; } section.featured-products .btn.shop-now, section.section-basket .btn.shop-now, .btn.shop-purple { border-radius: 0px; border: 2px solid #b4a2cf; text-transform: uppercase; background-color: #FFF; color: #b4a2cf; font-weight: bold; font-size: 14px; padding:5px 15px; text-align: center; margin-bottom: 5px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } section.featured-products .btn.shop-now:hover, section.featured-products .btn.shop-now:focus, section.featured-products .btn.shop-now.active:focus, section.section-basket .btn.shop-now:hover, section.section-basket .btn.shop-now:focus, section.section-basket .btn.shop-now.active:focus, .btn.shop-purple:hover, .btn.shop-purple:focus, .btn.shop-purple.active:focus { color: #fff; background-color: #b4a2cf; } /*========================================================================== Section: Four Points ==========================================================================*/ section.four-points { padding: 50px 0px; background-color: #fff; } section.four-points .btn { margin-bottom: 20px; font-size: 1.2em; color:#b4a2cf; border-color:#b4a2cf; } section.four-points .btn:hover, section.four-points .btn:focus, section.four-points .btn.active:focus { background-color:#b4a2cf; color:#FFF; border-color:#b4a2cf; } section.four-points p { text-align: center; text-transform: uppercase; height:60px; overflow:hidden; } /*========================================================================== Section: Watch ==========================================================================*/ section.watch { padding-bottom: 30px; } section.watch h2 { font-size:1.8em; color:#b4a2cf; margin-bottom:40px; margin-top:40px; } section.watch .video { margin-bottom: 30px; } section.watch .video .video-box { border: 1px solid #fff; padding: 0px; font-family: 'Source Sans Pro', sans-serif; text-rendering: optimizeLegibility; overflow:hidden; } section.watch .video .video-box .thumb { display: inline-block; height: 220px; width: 100%; } section.watch .nav-icon { padding-top: 85px; font-size: 30px; color: #b4a2cf; display: block; position:absolute; } section.watch .nav-icon.left { float:left; left:-40px; } section.watch .nav-icon.right { float:right; right:-40px; } section.watch .video .video-box .name { font-weight: 700; font-size: 22px; color: #333; display: block; height: 62px; margin-bottom: 0px; text-align: center; } section.watch .video-box a { text-decoration:none !important; } #video-popup-align { margin:-15px; margin-bottom:-20px; margin-top:-30px; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; position: absolute; z-index: 3000; color: #00ADEC; right: 18px; opacity:1; text-shadow:none; font-size: 3.2rem; } button.close:hover { color:#a9e8ff; opacity:1; } .watch-search-form { border-bottom: 3px solid #8D78B1; } .watch-search-form.pull-right { float:none; width:100%; } .watch-search-form .form-control-alt { border:0px; text-transform:uppercase !important; padding-left:0px; font-size:1.1em; float:left; width:80%; } .watch-search-form .btn-alt { border-bottom:none !important; font-size:1.2em; text-align:right; padding-right:0px !important; color: #8D78B1; float:right; } .watch-search-form .btn-alt:hover, .watch-search-form .btn-alt:focus, .watch-search-form .btn-alt.active focus { background-color:#FFF; color:#8D78B1; outline:none; } .watch-whole-video-container { position:absolute; bottom: -50px; right:0px; z-index:3000; } .watch-whole-video-container .btn-primary { border: 2px solid #8D78B1; color: #FFF; color: #8D78B1; background:transparent; } .watch-whole-video-container .btn-primary:hover, .watch-whole-video-container .btn-primary:focus, .watch-whole-video-container .btn-primary.active:focus { background: #8D78B1; color:#FFF; } /*========================================================================== Misc // Manage schools ==========================================================================*/ .manage-schools { margin-bottom: 30px; } .manage-schools .school { border: 1px solid #DDD; padding: 15px; } /*========================================================================== Section: News ==========================================================================*/ section.news .news-thumbnail { width:100%; background-color:#333; height:300px; overflow:hidden; } section.news .news-thumbnail-inner { background-size:cover; background-repeat:no-repeat; padding:30px; height:100%; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } section.news .news-thumbnail:hover .news-thumbnail-inner { transform: scale(1.1); } section.news .news-thumbnail h2 { text-align:center; color:#FFF; font-size:2.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:80px; } /*========================================================================== Primary Footer ==========================================================================*/ .primary-footer { padding: 35px 0px; /*border-top: 5px solid #A293BA;*/ background-color: #000; color: #FFF; text-transform:uppercase; font-weight:300; } .primary-footer .footer-nav { margin: 0; padding: 0; list-style: none; margin-top: 10px; } .primary-footer .footer-nav li { margin: 0; padding: 0; } .primary-footer .footer-nav li a { color: #FFF; font-size: 15px; } .primary-footer .footer-nav li a:hover { color: #8D78B1; text-decoration: none; } .primary-footer .footer-nav li a i { color: #999; } .primary-footer .logo { padding-top: 15px; margin-bottom:30px; max-width: 120px; } .primary-footer .connect { padding-top: 10px; } .primary-footer .connect .title { display: block; color: #FFF; text-transform: uppercase; font-size: 15px; padding-left: 5px; margin-bottom:10px; } .primary-footer .connect .social { float: left; display: block; font-size: 13px; text-decoration: none; color: #FFF; margin-right: 8px; border-radius:50%; border:2px solid #FFF; width:38px; height:38px; text-align:center; padding-top: 8px; } .primary-footer .connect .social.social-ion { padding-top: 3px; } .primary-footer .connect .social i { font-size:1.4em; } .primary-footer .connect .social.social-ion i { font-size:1.5em; } .primary-footer .connect .social:hover { color: #8D78B1; border-color:#8D78B1; } /* .primary-footer .connect .social-facebook { background-image: url('/assets/frontend/img/footericons/footer-social-facebook.png'); } .primary-footer .connect .social-twitter { background-image: url('/assets/frontend/img/footericons/footer-social-twitter.png'); } .primary-footer .connect .social-youtube { background-image: url('/assets/frontend/img/footericons/footer-social-youtube.png'); } .primary-footer .connect .social-instagram { background-image: url('/assets/frontend/img/footericons/footer-social-instagram.png'); } .primary-footer .connect .social-linkedin { background-image: url('/assets/frontend/img/footericons/footer-social-linkedin.png'); } .primary-footer .connect .social-snapchat { background-image: url('/assets/frontend/img/footericons/footer-social-snapchat.png'); } */ .primary-footer p.copyright { font-size:0.7em; margin: 0; line-height: 1.2em; } .primary-footer p.copyright-lg { font-size:1em; line-height: 1.4em; } .primary-footer p.copyright a { color:#FFF; } .primary-footer .copyright { margin-bottom:10px; display:block; } .primary-footer .region-icon { width: 22px; height: 22px; overflow:hidden; border-radius: 50%; background-repeat: no-repeat; background-size: 137%; background-position: center; background-color: #fff; opacity:0.75; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; cursor:pointer; display:inline-block; } .primary-footer .region-icon:hover, .primary-footer .region-icon:active, .primary-footer .region-icon:focus { opacity:1; } .primary-footer .footer-region-name { color: #FFF; text-transform: uppercase; font-size: 0.8em; display: block; max-width: 100px; margin-left: 33px; margin-top: -26px; } .primary-footer .footer-region-box { display:block; margin-top:10px; } footer .language-form label { font-size:1rem; } footer .language-form .language-input { background-color: #000; border: 1px solid #333; color: #FFF; font-size: 12px; height: auto; display: block; width: 200px; } /*========================================================================== Secondary Footer ==========================================================================*/ .secondary-footer { padding: 10px 0px; background-color: #222; } .secondary-footer .regions .form-control { font-size: 13px; min-width: 140px; } .icon-box { padding: 30px; background-color: #ccffff; text-align: center; display: block; border: 3px solid transparent; color: #333; } .icon-box:hover { text-decoration: none; border: 3px solid #CCC; } .icon-box i { display: block; margin-bottom: 10px; } .icon-box i.hidden-icon { display: none; } .icon-box:hover i.hidden-icon { display: block; } .icon-box .text { font-size: 26px; display: block; } .icon-payment-box { background:#fff; border: 3px solid #b4a2cf; } .icon-payment-box:hover, .icon-payment-box:focus { text-decoration: none !important } .icon-payment-box img { height:60px; width:auto; margin:0 auto; } .icon-payment-box span.text { font-size:1.4em; font-weight:bold; margin-top:1rem; } .icon-payment-box:hover span.text { color:#694d92; } .grey-box { border: 1px solid #CCC; padding: 15px; margin-bottom: 20px; } .grey-box#chosen-tickets { padding:5px; } .ticket-choice { padding: 30px; background-color: #ccffff; display: block; border: 3px solid transparent; color: #333; margin-bottom: 10px; } .ticket-choice .type { font-size: 26px; display: block; } .icon-danger, .icon-danger>a { font-size:30px; display:block; height:40px; width:40px; color:#d31717; float:left; margin-right:10px; } .row-danger td { background: repeating-linear-gradient(45deg, #fcbdbd,#fcbdbd 10px,#f2c6c6 10px,#f2c6c6 20px); color:#d31717; text-shadow:1px 1px solid #FFF; font-weight:bold; text-transform:uppercase; } .row-danger td a { color: #d31717; } .checkout-bignumber { display: block; text-align: center; font-size: 30px; background-color: #DDD; padding: 15px; } .guest-instruction-form { cursor:pointer; } .guest-instruction-form:hover, .guest-instruction-for:focus { background:#efefef; opacity:0.8; } .filter-box { padding: 15px; margin-bottom: 20px; background-color: #dcebf7; } .region-thumbnail { padding:10px; margin-bottom:15px; border:none; } .region-thumbnail h4 { font-size:16px; height: 35px; line-height: 35px; margin-bottom: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .region-thumbnail p { margin-bottom:0px; } .region-thumbnail.active, .region-thumbnail:hover { text-decoration:none !important; font-weight: bold; } .region-thumbnail.active { font-weight:bold; text-decoration:none !important; } .region-thumbnail.active h4, .region-thumbnail:hover h4 { } .region-thumbnail .icon-thumb { width:35px; height:35px; border-radius:50%; overflow:hidden; border:1px solid #dfdfdf; background-size:140%; background-position:center; margin-right:10px; float:left; background-color:#333; } /*========================================================================== Cookies ==========================================================================*/ .cookie-warning { padding:15px 0px; background-color:#222; color:#FFF; position:fixed; bottom:0; z-index:200000; width:100%; } .cookie-warning .btn { background:transparent; } /*========================================================================== Blog ==========================================================================*/ .section-blog { border-top:1px solid #dfdfdf; margin-top:30px; padding-top:30px; } .blog-columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; min-height:250px; padding-bottom:50px; } .block-blog .blog-columns { min-height:auto !important; height:auto !important; padding-bottom:0px; } .blog-columns .column-thumbnail { display:block; border:1px solid #dfdfdf; background-color:#FFF; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; text-decoration:none; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; margin-bottom:15px; } .blog-columns .column-thumbnail:hover { text-decoration:none; border:1px solid #b4a2cf; } .blog-columns .column-thumbnail .featured-image { height:200px; border-bottom:1px solid #dfdfdf; background-color:#efefef; overflow:hidden; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .blog-columns .column-thumbnail:hover .featured-image { opacity:0.8; } .blog-columns .column-thumbnail .featured-image img { width:100%; } .blog-columns .column-thumbnail .thumbnail-details { padding:10px; } .blog-columns .column-thumbnail .thumbnail-details h4 { font-size:1.2em; font-weight:600; margin-bottom:5px; } .blog-columns .column-thumbnail .thumbnail-details p { font-size:12px; color:#666; margin-bottom:0px; } /************************* ** Slide **************************/ .slide-container { height:360px; background-color:#f1f1f1; position:relative; } .slide-container .carousel, .slide-container .carousel-inner { height:100%; } .slide-container .item { background-size:cover; background-repeat:no-repeat; height:100%; } .slide-container .item>.container { height:100%; position:relative; padding-bottom:40px; } .slide-container h1 { font-size:4em; color:#FFF; font-weight:bold; position:absolute; top: 20px; bottom: auto; } .slide-container .btn { position:absolute; left:20px; bottom:60px; } /************************* ** Frame **************************/ .frame-thumbnail { padding:1.4rem; border:2px solid #dfdfdf; border-radius:0; overflow:hidden; max-width:550px; margin-left:auto; margin-right:auto; } .frame-thumbnail .frame-img { height: 100%; width: 100%; overflow: hidden; background-size: 100%; background-position: 0px; background-repeat: no-repeat; } .frame-thumbnail .frame-img.video { background-size: 100%; background-color: #000; } .frame-thumbnail .frame-img img { width:100%; } .example-frame-image { height:488px; width:auto !important; } .file-upload { background-color:#FFF; padding:0.7rem; border:1px solid #dfdfdf; } .alt-well { border:2px solid #b4a2cf; border-radius:0; box-shadow:none; } .video-play { height: 300px; font-size: 8rem; color: #fff; opacity: 0.5; text-align: center; padding-top: 100px; } .boxed-sidebar { border: 1px solid #CCC; padding: 20px; } .boxed-sidebar .big-number { font-size: 26px; font-weight: 600; text-transform: uppercase; color: #111; letter-spacing: 2px; word-break: normal; } .boxed-sidebar hr { border-color: #CCC; } /********************** ** Accordian ***********************/ .accordian { list-style:none; margin:0px; padding:0px; } .accordian>li { list-style:none; padding: 1em 0.5em; font-weight:bold; border:1px solid #dfdfdf; cursor:pointer; } .accordian>li:hover, .accordian>li.active { background-color:#efefef; } .accordian-content { display:none; border:1px solid #dfdfdf; padding:1rem; background-color:#efefef; }