/*** General ***/
html,body { height:100%; background-size: cover; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: .955em; color: #4c4c4c; } a { color: #c01f71; transition: 0.3s; } a:hover, a:active, a:focus { color: #dd3e8e; outline: none; text-decoration: none; } p { padding: 0; margin: 0 0 2.3em 0; line-height: 1.9em; } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', 'Franklin Gothic Bold', 'Arial Black', sans-serif; font-weight: 400; margin: 0 0 1.2em 0; padding: 0; }
/* Back to top button */
.back-to-top { position: fixed; background-color: #b9b9b8; color: #fff; width: 50px; height: 50px; text-align: center; line-height: 1; border-radius: 50%; right: 5%; bottom: 3%; transition: background 0.3s; z-index: 11; display:none; border: 3px solid rgba(202, 202, 202, 0.9); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0, 0.25); box-shadow: 0px 2px 5px 0px rgba(0,0,0, 0.25); } .back-to-top i { font-size: 3em; color: #333; line-height: .9em; }
/*** Header ***/
#header { padding: 40px 0; height: 92px; position: fixed; left: 0; top: 0; right: 0; transition: all 0.9s; z-index: 11; }
#header #logo { position: relative; overflow:hidden; background-repeat:no-repeat; background-size:100%; width:200px; height:71px; transition: all 0.1s; }
#header .pull-left .main-logo { text-indent: -9999px; float: left; padding: 2em 6em; display: inline-block; width:100%; }
#header.header-scrolled .pull-left .main-logo { padding: 1.5em 5em; }
.subpage #header { padding: 40px 0; background: rgba(255, 255, 255, 1.0); }
.subpage #header #logo { margin-top:-2em; }
#header.header-scrolled, .subpage #header.header-scrolled { background: rgba(255, 255, 255, 1.0); padding: 22px 0; height: 75px; box-shadow: 0 -5px 25px rgba(78, 82, 99, 0.3); }
#header.header-scrolled #logo, .subpage #header.header-scrolled #logo { width: 180px; margin-top: -1.1em; position:relative; }
.subpage section:first-child { padding-top: 13em; background-color: rgba(255,255,255, 1.0); }
/*** Intro Section ***/
#intro { display: table; width: 100%; height: 100vh; background: #000; }
#intro .carousel-item { width: 100%; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; }
#intro .carousel-item::before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; right: 0; left: 0; bottom: 0; background:-webkit-linear-gradient(top,rgba(0,0,0,.4)0%,rgba(0,0,0,.4)10%,rgba(0,0,0,.08)45%,transparent 50%,rgba(0,0,0,.08)55%,rgba(0,0,0,.4)90%,rgba(0,0,0,.4)99%);
background:linear-gradient(to bottom,rgba(0,0,0,.3)0%,rgba(0,0,0,.3)10%,rgba(0,0,0,.08)45%,transparent 50%,rgba(0,0,0,.08)55%,rgba(0,0,0,.7)90%,rgba(0,0,0,.7)99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000',GradientType=0);
}
#intro .carousel-item:hover { cursor: move; cursor: -webkit-grab; cursor: grab; }
#intro .carousel-item.grab { cursor: -webkit-grabbing; cursor: grabbing; }
#intro .carousel-container { width:100%; position: absolute; bottom: 0; top: 20%; left: 0; }
#intro .carousel-content { text-align: center; }
#intro .carousel-indicators { bottom: 3%;}
#intro h1, #intro h2 { color: #fff; margin-bottom: 30px; font-size: 3.5em; font-weight: 600; text-shadow: 0px 2px 20px #333; position: relative; }
#intro h1 span, #intro h2 span { color:#088985; }
#intro h1 { animation-iteration-count: 1; }
#intro p { width: 40%; margin: 0 auto 1em auto; color: #fff; font-size:1.2em; }
#intro .carousel-fade .carousel-inner .carousel-item { -webkit-transition-property: opacity; transition-property: opacity; }
#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right { opacity: 0; }
#intro .carousel-fade .carousel-inner .active,
#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right { opacity: 1; transition: 0.5s; }
#intro .carousel-fade .carousel-inner .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*CAROUSEL CONTROLS*/
#intro .carousel-control-prev, #intro .carousel-control-next { width: 10%; }
#intro .fa-angle-left, #intro .fa-angle-right { background: none; font-size: 4.5em; line-height: 1; }
#intro .carousel-indicators li { cursor: pointer; position: relative; width: 10px; height: 10px; border-radius: 50%; margin: 0 .5em; border: 6px solid rgba(255,255,255,.25); transform: scale(.9);
transition: all 250ms ease-in-out; }
#intro .carousel-indicators li.active { border: 6px solid rgba(255,255,255,.35); transform: scale(1.2); animation: border 0.4s ease 1 forwards; }
#intro .carousel-indicators li.active::after { position: absolute; margin-left: -20px; border: 20px solid rgba(255,255,255,.25); border-radius: 50%; margin-bottom: -10px; background: transparent;
-webkit-animation: pulse 2s ease-out;
animation: pulse 2s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
#intro .btn-left, #intro .btn-right { font-weight: 500; font-size: 1em; letter-spacing: 1px; display: inline-block; padding: 10px 30px; border-radius: 50px; transition: 0.2s; margin: 2em 1em 1em 1em; box-shadow: 0px 2px 15px 0px rgba(166, 196, 55, 0.35); }
#intro .btn-left, #intro .btn-right { color: #fff; animation-iteration-count: 1; }
#intro .btn-left { background: #088985; border: 3px solid #088985; animation-delay: 1s; }
#intro .btn-right { border: 3px solid #fff; animation-delay: 1.5s; }
#intro .btn-left .fa { font-size: 1.5em; vertical-align: middle; margin-left:.25em; }
#intro .btn-left:hover, #intro .btn-right:hover { background: #fff; color: #088985; border-color: #fff; }
/* Nav Menu Essentials */
.nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; }
.nav-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.nav-menu li { position: relative; white-space: nowrap; }
.nav-menu > li { float: left; }
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul { display: block; }
.nav-menu ul ul { top: 0; left: 100%; }
.nav-menu ul li { min-width: 180px; transition: 0.3s; }
.nav-menu li.nav-signup, .nav-menu li.nav-tickets { margin-left: 0; }
.nav-menu li.nav-signup a, .nav-menu li.nav-tickets a { letter-spacing: 1px; display: inline-block; padding: 10px 30px 8px; border-radius: 50px; transition: 0.4s; color: #fff; background: #c01f71; margin-top: -.75em; }
.header-scrolled .nav-menu li.nav-signup a, .header-scrolled .nav-menu li.nav-tickets a { margin-top: -.35em; }
.nav-menu li.nav-tickets a .fa { color:#FFDF62; }
.nav-menu li.nav-signup a:hover, .nav-menu li.nav-tickets a:hover { background: #dd3e83; border-radius: 50px; color: #fff; }
.nav-menu li.nav-signup a .fa { position: relative; margin-right:.5em; transition-duration: 0.9s; }
.nav-menu li.nav-tickets a .fa { transition: all .2s ease-in-out; color:#FFDF62; font-size: 1.2em; }
.nav-menu li.nav-tickets a:hover .fa { transform: scale(1.1); }
.nav-menu li.nav-signup a:hover .fa { animation: heart .5s infinite; }
.subpage .nav-menu li.nav-signup a { color: #fff; margin-top: -.5em; }
.subpage .nav-menu li.nav-signup a:hover { background: #643681; }
.nav-menu li.nav-social { display:none; }
.nav-menu li.mobile-logo { display:none; }
/* Nav Menu Arrows */
.sf-arrows .sf-with-ul { padding-right: 30px; }
.sf-arrows .sf-with-ul:after { content: "\f107"; position: absolute; right: 15px; font-family: FontAwesome; font-style: normal; font-weight: normal; }
.sf-arrows ul .sf-with-ul:after { content: "\f105"; }
/* Nav Meu Container */
#nav-menu-container { float: right; margin: 0; padding-right: 5%; }
/* Nav Meu Styling */
.nav-menu a { padding: 0px 12px 12px 12px; text-decoration: none; display: inline-block; color: #fff; font-weight: 400; font-size: .95em; text-transform: uppercase; outline: none; letter-spacing: .05em; }
.nav-menu li:hover > a, .nav-menu > .menu-active > a { color: #c01f71; }
.nav-menu > .menu-active > a { color: #c01f71; font-weight:600; }
.nav-menu > li { margin-left: 10px; }
.nav-menu ul { margin: 4px 0 0 0; padding: 10px; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); background: #fff; }
.nav-menu ul li a { padding: 10px; color: #333; transition: 0.3s; display: block; text-transform: none; }
.nav-menu ul li:hover > a { color: #c01f71; }
.nav-menu ul ul { margin: 0; }
/*HEADER SCROLLED*/
.header-scrolled .nav-menu a, .subpage .header-scrolled .nav-menu a, .subpage .nav-menu a { color: #333; }
.header-scrolled .nav-menu .menu-active a, .subpage .header-scrolled .nav-menu .menu-active a, .subpage .nav-menu .menu-active a { color:#c01f71; } .subpage .header-scrolled .nav-menu li.nav-signup a { margin-top:-.25em; }
.header-scrolled .nav-menu a { padding-top: 6px; }
.subpage .header-scrolled .nav-menu li.nav-tickets a,
.subpage .header-scrolled .nav-menu li.nav-signup a { color:#fff; }
/* Mobile Nav Toggle */
#mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999; margin: 3% 6% 0 0; border: 0; background: none; font-size: 1.2em; display: none; transition: all 0.4s; outline: none; cursor: pointer; }
#mobile-nav-toggle i { color: #fff; font-size: 1.2em; }
#mobile-nav-toggle span { color: #fff; font-weight:200; padding-right: .2em; }
.subpage #mobile-nav-toggle span { color: #595959;}
#mobile-nav-toggle.toggle-scrolled { margin-top: 2.2%; }
#mobile-nav-toggle.toggle-scrolled span, .subpage #mobile-nav-toggle span,
#mobile-nav-toggle.toggle-scrolled i, .subpage #mobile-nav-toggle i { color: #333; }
/* Mobile Nav Styling */
#mobile-nav { position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 13; left: -290px; width: 280px; overflow-y: auto; transition: 0.4s; box-shadow: 0px 0px 10px -2px #000; background-color: rgba(255,255,255,.97); border-right: 5px solid rgba(0,0,0,.2); }
#mobile-nav ul { padding: 0; margin: 0; list-style: none; }
#mobile-nav ul li { position: relative; border-bottom: 1px solid #dee2e6; }
#mobile-nav ul li a { color: #333; letter-spacing: 1px; font-size: .9em; text-transform: uppercase; overflow: hidden; padding: 14px 22px 14px 20px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; font-weight: 200; -webkit-transition:all ease .3s;transition:all ease .3s; }
#mobile-nav ul li a:hover { color: #7d7d7d; }
#mobile-nav ul li a.hover.navhover{ background-color:#643681; color:#fff; }
#mobile-nav ul li.menu-active { background-color:#efefef; }
#mobile-nav ul li.menu-active a { color:#c01f71; }
#mobile-nav ul li.home { border-top: 1px solid #dee2e6; }
#mobile-nav ul li.nav-signup .fa { color:#643681; }
#mobile-nav ul li.nav-tickets { background-color:#c01f71; }
#mobile-nav ul li.nav-tickets a { color:#fff; }
#mobile-nav ul li.nav-tickets .fa { font-size: 1.5em; color:#FFDF62; position: relative; bottom: -.1em;}
#mobile-nav ul li.nav-social { padding: 12px 22px 12px 15px; }
#mobile-nav ul li.nav-social a { display:inline; font-size: 1.4em; padding: 12px 5px 12px 10px; }
#mobile-nav ul li.nav-social a.twitter { color: rgb(0, 172, 237); }
#mobile-nav ul li.nav-social a.facebook { color: rgb(59, 89, 152); }
#mobile-nav ul li.nav-social a.instagram { color: rgb(188, 42, 141); }
#mobile-nav ul li.nav-social a.yelp { color: rgb(196, 18, 0); }
#mobile-nav ul li.mobile-logo { position: relative; overflow:hidden; background-repeat:no-repeat; background-position: 40% 1%; background-size:69%; height:72px; transition: all 0.1s; margin-bottom: 1em; border-bottom: 0;}
#mobile-nav ul li.mobile-logo a { text-indent: -9999px; float:left; padding: 2em 6em; }
#mobile-nav ul li li { padding-left: 30px; }
#mobile-nav ul .menu-has-children i { position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; }
#mobile-nav ul .menu-has-children i.fa-chevron-up { color: #c01f71; }
#mobile-nav ul .menu-has-children li a { text-transform: none; }
#mobile-nav ul .menu-item-active { color: #c01f71; }
#mobile-body-overly { width: 100%; height: 100%; z-index: 12; top: 0; left: 0; position: fixed; background: rgba(0, 0, 0, 0.5); display: none; transition: all 0.4s; -webkit-filter: blur(1px); filter: blur(1px); }
/* Mobile Nav body classes */
body.mobile-nav-active { overflow: hidden; }
body.mobile-nav-active #mobile-nav { left: 0; }
body.mobile-nav-active #mobile-nav-toggle { color: #fff; }
/*Sections*/
section:nth-child(odd) {background-color: rgba(160, 236, 250,.1); }
.section-header h3, .section-header h2 { font-size: 2.1em; color: #595959; text-align: center; font-weight: 500; position: relative; padding-top: 1em; padding-bottom:1em; }
.section-header h3:before, .section-header h2:before { content: ''; position: absolute; display: block; width: 10%; height: 5px; background: #c0c0c0; top: 0; left: calc(45% - 1px); }
.section-header p { text-align: center; padding-bottom: 30px; color: #333; }
/* Section with background
--------------------------------*/
.section-bg { background: #f7f7f7; }
/* Featured Services Section
--------------------------------*/
#featured-services {
background: #6dc2df;
background: -webkit-linear-gradient(to right, rgba(107,194,222,.3), rgba(52,151,170,.3));
background: linear-gradient(to right, rgba(107,194,222,.3), rgba(52,151,170,.3)); }
#featured-services .box { padding: 50px 25px; text-align: center; }
#featured-services .box-bg { border-left: 1px solid rgba(255,255,255, .5); border-right: 1px solid rgba(255,255,255, .5); }
#featured-services .box:nth-child(1) .bounceIn { animation-delay: 0.2s; }
#featured-services .box:nth-child(2) .bounceIn { animation-delay: 0.5s; }
#featured-services .box:nth-child(3) .bounceIn { animation-delay: 0.7s; }
#featured-services i { color: #1d6ea0; font-size: 3.5em; display: inline-block; line-height: 1; }
#featured-services h2, #featured-services h3, #featured-services h4 { font-weight: 200; margin: 15px 0; font-size: 1.6em; color:#52514f; text-transform: uppercase; }
#featured-services h2 a, #featured-services h3 a, #featured-services h4 a { color: #fff; }
#featured-services h2 a:hover, #featured-services h3 a:hover, #featured-services h4 a:hover { color: #c01f71; }
#featured-services p { line-height: 1.8em; margin-bottom: 0; color:#212529; }
#featured-services p a { border-bottom: 1px solid #c01f71; }
/*GALLERY Section
--------------------------------*/
#homegallery { padding: 0; position: relative; }
#homegallery::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; }
#homegallery .container { position: relative; z-index: 10; }
#homegallery .row .col-lg-2 { padding-left: 0; padding-right: 0; }
/*FAQ Section
--------------------------------*/
#faq { padding: 7em 0; position: relative; }
#faq::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.card { border-bottom: 1px solid rgba(0,0,0,.125); border-top:0; border-left:0; border-right:0; border-radius: 0; }
.card:last-child { border-bottom: 0; }
.card .card-header { box-shadow: none; -webkit-transition: box-shadow .2s; transition: box-shadow .2s; font-weight: 600; margin: 0; position: relative; display: block; background-color: transparent; padding:0; border-bottom: 0; margin-bottom: 0; }
.card .card-header h5, .card .card-header h3 { margin-bottom: 0; font-size: 1.25em; }
.card .card-header .btn.btn-link { color:#000; padding: 1.8rem 1.8rem .5rem 1.25rem; font-size: 1.05rem; width: 100%; text-align: left; font-weight: 600; }
.card .card-header .btn { white-space: normal; border-radius: 0; }
.card .card-header .btn.btn-link:hover { color:#212529; }
.card .card-header .btn.btn-link.collapsed { font-weight: 200; color:#414141; padding: 1.8rem 1.8rem 1.5rem 1.25rem; }
.card .card-header .btn.btn-link:before { float: right; font-family: FontAwesome; content:"\f068"; font-size: .8rem; padding-top: .3rem; color:#c01f71; }
.card .card-header .btn.btn-link.collapsed:before { float: right; content:"\f067"; color:#6c757d; }
.card .card-header .btn.btn-link:hover,
.card .card-header .btn.btn-link:active,
.card .card-header .btn.btn-link:focus { text-decoration:none; }
.card .card-header .btn.btn-link:hover { color:#c01f71; }
.card-body { padding-top: 0; padding-bottom: 2rem; }
.card-body p { margin-bottom: .5rem; margin-right: 8rem; color:#000; line-height: 1.6em; }
.card-body p a { border-bottom: 1px solid #c01f71; }
.card-body p:last-child { margin-bottom: 0;}
.card .card-header .btn.btn-link { background-color:#efefef; }
.card .card-header .btn.btn-link.collapsed { background-color:#fff; }
.card .card-body { background-color:#efefef; }
.card .card-header .btn.btn-link:before { content:"";}
.card .card-header .btn.btn-link.collapsed:before { content:"";}
.card-header .expand-bar { position: absolute; top: 50%; right: 1.6em; transition: all 0.5s ease; }
.card-header .expand-bar,
.card-header .expand-bar:after { width: 12px; height: 2px; }
.card-header .expand-bar:after { content: ""; position: absolute; left: 0; top: 0; transform: rotate(90deg); transition: all 0.5s ease; }
.card .card-header .btn.btn-link.collapsed .expand-bar {transform: rotate(90deg); background-color: #414141; }
.card .card-header .btn.btn-link.collapsed .expand-bar:after { transform: rotate(90deg); background-color: #414141; }
.card .card-header .btn.btn-link .expand-bar { transform: rotate(180deg); background-color: #c01f71; }
.card .card-header .btn.btn-link .expand-bar:after { transform: rotate(180deg); background-color: #c01f71; }
@media only screen and (max-width: 430px) {
#faq .container .row { margin-left:0; margin-right: 0; }
.card .card-header .btn.btn-link { padding-right: 2.5em; }
.card .card-header .btn.btn-link:before { float: right; position:relative; left:20px; padding-top: .2rem; color:#c01f71; }
.card .card-header .btn.btn-link.collapsed:before { float: right; position:relative; left:10px; }
}
/*EVENT TABLE
--------------------------------*/
.eventtable .table-bordered { border: none; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: none; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #fff; }
.table-bordered > thead > tr > th { white-space: nowrap; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border: 1px solid #dbdbdb; color:#000; }
.table-striped > tbody > tr > td { background-color: rgba(255,255,255, .75); }
.table-bordered > tbody > tr > td { padding: 20px; line-height: 1.9em; }
.table-bordered > thead > tr > th { padding: 10px 10px 10px 15px; color: #fff; font-weight: normal; background: #1488CC; background: -webkit-linear-gradient(to top, #2B32B2, #1488CC); background: linear-gradient(to top, #2B32B2, #1488CC); }
.table-bordered > thead > tr > th .fa { color: #ffc922; font-size: 1.25em; padding-right: .25em; }
.table-bordered > tbody > tr.alt { background-color: rgba(204,198,193,.9); }
.table-bordered > tbody > tr > td.time { white-space: nowrap; width:17%; border-right: 3px solid #ff8174; }
.table-bordered > tbody > tr > td.location { width:33%; }
.table-striped > tbody > tr > td.name { width:30%; }
.table-bordered > tbody > tr > td.location span { font-style: italic; color:#464646; }
.table-bordered > tfoot { background-color:#fff;}
.table-bordered > tfoot > tr > td { border: none; color:#000; padding: 15px 0 15px 10px; }
.table-bordered > tbody > tr > td.time span { font-weight:600; }
.table-bordered tbody tr { border-bottom: 2px solid #dbdbdb; }
tfoot tr td span { color:#E0540C; }
.table-bordered .event ul {list-style: none; padding-left: 1.25em; margin: 0; margin-top: .5em; }
.table-bordered .event ul li { line-height: 1.65em; padding-bottom: .5em;}
.table-bordered .event ul li::before { content: "\f005"; font-family: FontAwesome, 'Open Sans', sans-serif; color: #0263cc; font-size: .9em; font-weight: normal; display: inline-block; margin-left: -.75em }
.table-bordered .event .bullet { color:#fd894d; font-size: 1.25em; font-weight: 600; }
.table-striped > tbody > tr:nth-child(2n+1) > td.subhead, .table-bordered > tbody > tr > td.subhead { color:#000; text-align: center; font-weight: 600; font-size:1.2em; padding: 1em; letter-spacing:1px; border-top: 3px solid #eccd8c; background: #f9e6d6; background: -webkit-linear-gradient(to bottom, #fffdf2, #f9e6d6); background: linear-gradient(to bottom, #fffdf2, #f9e6d6); }
.table-bordered > tbody > tr.subhead { text-align: center; font-weight: 600; font-size:1.2em; padding: 1em; letter-spacing:1px; background: #f85032; background: -webkit-linear-gradient(to top, #e73827, #f85032); background: linear-gradient(to top, #e73827, #f85032); }
.table-bordered > tbody > tr.subhead td { color:#fff; }
.table-bordered > tbody > tr.subhead > td, .table-striped > tbody > tr.subhead > td { background-color: transparent; }
.eventtable h2 { font-size: 1.5rem;}
@media only screen and (max-width: 576px) {
.table-striped > tbody > tr > td.name { width:100%; }
}
/*EVENT TABLE 2023*/
.lastmodified { font-size: .9em; font-style: italic; text-align: right; }
.subpage #event-activities { padding: 12em 0 10em 0; background-color: rgba(159,158,158,.10); }
.viewoptions span { font-style: italic; }
.wristband { text-align: center;}
.wristband { font-size: 1.5em; font-weight: 600; color:#da4141; }
@media only screen and (max-width: 576px) {
.wristband { font-size: 1.25em; }
}
.eventnotice { border: 1px solid #d0d0d0; padding: 2em; background-color: rgba(255,253,227, .5); }
.eventnotice .heading { text-align: left; }
.eventnotice p { font-style: italic; margin: 0; font-size: .91em; }
.vendorlist h2 { text-align:center; font-weight: 600; color:#916f3d; text-transform: uppercase; }
.vendorlist .listheading { margin-top: 2em; }
.viewoptions a { display: inline-block; box-sizing: border-box; padding: 0px 1.5em; border-radius: 999em; text-decoration: none; color: #64367f; vertical-align: bottom; transition: .15s background-color,.15s border-color,.15s color,.15s fill; text-transform: uppercase; font-size:.85em; margin: 0 .5em; letter-spacing: .05em; border: 1px solid #64367f; }
.viewoptions a:hover{ background: #64367f; color: #fff; border: 1px solid #64367f; }
.viewoptions a.selected { background: #64367f; color: #fff; border: 1px solid #64367f; }
.profile-card-4 { max-width: 320px; background-color: #FFF;
-webkit-box-shadow: -15px 15px 0px -3px rgba(237,212,157,0.7);
box-shadow: -15px 15px 0px -3px rgba(237,212,157,0.7); overflow: hidden; position: relative; margin: 10px auto; margin-bottom:3.5em; border-radius: 10px; }
.profile-card-4 hr, .table td hr { display: block; border: none; height: 3px;
background-color: #d8b075;
margin: .75em 0;
-webkit-animation-name: line-show;
/* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.9s;
/* Safari 4.0 - 8.0 */
animation-name: line-show;
animation-duration: 2s;
transition-timing-function: cubic-bezier(.32,0,.86,1);
/* custom */
width:55%;
}
@-webkit-keyframes line-show { from { width:0;} to { width:60%; } }
/* Standard syntax */
@keyframes line-show { from { width:0;} to { width:60%; } }
.profile-card-4 img { transition: all 0.25s linear; margin: 0 auto; width:125%; } .profile-card-4 .profile-content { position: relative; padding: 15px; background-color: #FFF; } .profile-card-4 .profile-name h2 {font-weight: bold; color: #000; font-size: 1.3em; margin-bottom:0; } .profile-card-4 .profile-description { padding: 10px; } .profile-card-4 .profile-description p {color: #575757; font-size: .95em; margin-bottom: 0; line-height: 1.6em;} .profile-card-4 .profile-content::before { content: ""; position: absolute; height: 20px; top: -10px; left: 0px; right: 0px; background-color: #FFF; z-index: 0; transform: skewY(3deg); }
.thead-default { background-color:#959595; color:#fff; background: #d8b075; background: -webkit-linear-gradient(to bottom, #af9152, #d8b075); background: linear-gradient(to bottom, #af9152, #d8b075); }
.thead-default tr th { font-weight:200; border-bottom:0; font-style: italic; text-align:center; } .thead-default tr th.first { border-right: 1px solid #fff; } .table td { padding: 2em; }
@media only screen and (max-width: 991.555px) { #event-activities .container { width: 100%; max-width: 992px; } }
@media only screen and (max-width: 767px) { .viewoptions, .lastmodified { text-align: center; } .viewoptions span { display:block; margin-bottom: .5em; } }
@media only screen and (max-width: 575px) { table thead { display: none; } table tr { display: flex; flex-direction: column; border-bottom: 3px solid rgba(185,152,205,0.8); } table tfoot tr { border-bottom: 0px; } table td[data-label] { display: flex; font-weight: bold; } .table td { padding: 2.2em 1.3em; } table td.name { border-top: 3px; padding-bottom:0; font-size: 1.1em; } table td.description { border-top: 0; padding-top: .25em; } table td[data-label]::before { content: attr(data-label); color: lightgrey; font-weight: 100; width: 50%; } }
@media only screen and (max-width: 430px) { .profile-card-4 { max-width: 350px; } .vendorlist .col-md-10 { padding-left:0; padding-right: 0; } }
/*YOUTUBE--------------------------------*/
.video-herocontainer { overflow: hidden; position: relative; width:90%; margin: 0 auto; margin-bottom:1em; } .video-herocontainer::after { padding-top: 56.25%; display: block; content: ''; } .video-herocontainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 667px) { .video-herocontainer { overflow: hidden; position: relative; width:100%; } }
.video-container { overflow: hidden; position: relative; width:100%; } .video-container::after { padding-top: 56.25%; display: block; content: ''; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 667px) { .video-container { overflow: hidden; position: relative; width:100%; } }
/*CONTEST
--------------------------------*/
.contest .btn-left, .contest .btn-right { font-weight: 500; font-size: 1em; letter-spacing: 1px; display: inline-block; padding: 10px 30px; border-radius: 50px; transition: 0.2s; margin: 1em 1em 2em 0; box-shadow: 0px 2px 15px 0px rgba(166, 196, 55, 0.35); } .contest .btn-left, .contest .btn-right { color: #fff; animation-iteration-count: 1; } .contest .btn-left, .contest .btn-right { background: #088985; border: 3px solid #088985; animation-delay: 1s; } .contest .btn-right .fa { font-size: 1.5em; vertical-align: middle; margin-left:.25em; } .contest .btn-left:hover, .contest .btn-right:hover { background: #088985; color: #fff; border-color: #088985; } .contest h2:first-child { margin-top: 0; } .contest h2 { font-size: 1.3rem; margin: 1.75rem 0 .2em 0;} .contest p a { border-bottom: 1px solid; } .contest p a.pdf { border-bottom: 0px solid; margin-left: .25em; } .contest p a.pdf .fa { color:#B1080B; }
/*PRESS Section
--------------------------------*/
#press { padding: 60px 0 40px 0; position: relative; }
#press::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; }
#press .container { position: relative; z-index: 10; }
#press .press-col { position: relative; background: #fff; border-radius: 0 0 4px 4px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.06); margin-bottom: 4.5em; padding-bottom: 20px; }
#press a .press-col { transition: top .1s ease-in-out; -webkit-box-shadow: -15px 15px 0px -3px rgba(237,212,157,0.7);
box-shadow: -15px 15px 0px -3px rgba(237,212,157,0.7); border-radius: 10px;
transition: all .5s; border: 1px solid #fff; }
#press a:hover .press-col { background: #fff;
-webkit-box-shadow: -10px 10px 0px -3px rgba(237,212,157,0.7);
box-shadow: -10px 10px 0px -3px rgba(237,212,157,0.7);
}
#press .press-col .img { position: relative; }
#press .press-col .img img { border-radius: 4px 4px 0 0; opacity: 0.9; }
#press .press-col h2 { color: #000; text-align: center; font-weight: 500; font-size: 1.4em; padding: 0; margin: 20px 10px 10px 10px; }
#press .press-col p { line-height: 24px; color:#333; margin-bottom: 0; padding: 1em 20px 10px 20px; }
.press-col p.btncontainer { text-align: center; }
.press-col p.btncontainer span.btn { padding: 8px 35px; display: inline-block; border-radius: 30px; background-color: #c01f71; color: #fff; /*box-shadow: 0px 2px 15px 0px rgba(166, 196, 55, 0.35);*/ font-size:.95em; text-transform: uppercase; }
.press-col p.btncontainer span.btn .fa { margin-left: .5rem;}
#press .press-col .col-lg-4 { position: relative; }
#press a:hover .press-col .img img { opacity: 1.0; }
#press a:hover .press-col h2 { color: #c01f71; }
#press a:hover .press-col p { color: #2a2a2a; }
a:hover .press-col p.btncontainer span.btn { background-color: #c01f71; }
.press-copy .imgcontainer { margin: 3em 0; }
.press-copy .imgcontainer p {width: 90%; line-height: 2em; font-size: .9em; color:#888; }
.press-copy .copyimg { margin: .5em 0 2em 0; }
@media only screen and (max-width: 736px) {
.press-col p.btncontainer span.btn { width: 70%; }
}
/*YOUTUBE VIDEO CONTAINER*/
.embed-responsive-16by9 { position:relative; overflow:hidden; }
.embed-responsive-16by9 .embed-responsive-item { position:absolute; top:0; left:0; width: 90%; height: 375px; }
.subcopy { padding: 6em 0 5em 0; }
.subpage .section-header { text-align: center; margin-bottom: 4em; }
.subpage .section-header h1 { color: #000; font-weight: 300; font-size: 3em; text-align: center; position: relative; padding-top: 1em; padding-bottom:1em; }
.section-header h1:before { content: ''; position: absolute; display: block; width: 8%; height: 5px; background: #c0c0c0; top: 0; left: calc(50% - 40px); }
.subpage #press { padding: 12em 0 10em 0; background-color: rgba(159,158,158,.10); }
.press-copy { padding-bottom: 4em; }
.press-copy .section-header { text-align:center; width: 90%; margin: 0 auto; }
.press-copy .section-header h1 { color: #3f3f3f; font-size: 2.75em; padding-bottom: 0; line-height: 1.4em; text-align: left; }
.press-copy .section-header h1:before { content: ''; position: absolute; display: block; width: 0; height: 5px; background: #9c078d; top: 0; left: 0; transition: all 1s; transition-delay: 1s; }
body.loaded .press-copy .section-header h1:before { width:8%; }
.press-copy h2 { font-size: 1.5em; line-height: 1.5em; }
.press-copy h3 { font-size: 1.2em; line-height: 1.5em; margin-top: 3rem; }
.press-copy .press-hero { text-align:center; }
.press-copy .press-hero img { margin-bottom: 1em; }
.press-copy .press-hero .caption { font-size: .95em; width: 90%; margin: 0 auto; padding-bottom: 2em; }
.press-copy .press-hero .posteddate { text-align: right; font-size: .9em; margin-right: 4%; font-style: italic; }
.press-copy p { line-height: 1.85em; }
.press-copy p a { border-bottom: 1px solid; }
.press-copy .posteddate { padding:0; margin: 0; list-style: none; position: relative; margin-bottom: 5em; color: #4d4d4d; }
.press-copy .posteddate li { display: inline; }
.press-copy .posteddate li .fa { margin-right: .25em; }
.press-copy .posteddate li.source { border-left: 1px solid #ccc; padding-left: 1em; margin-left:1em;}
.press-copy .posteddate li.source span { margin-right: .5em; }
.press-copy .posteddate li.source a { font-size: 1.35em; padding: .25em; }
.press-copy .posteddate li.source a .fa-twitter { color:#1da1f2; }
.press-copy .posteddate li.source a .fa-facebook { color:#3b5998; }
.press-copy ul { margin: 1.5em 0 2.5em 0; list-style-type: circle; padding-left: 1.75em; }
.press-copy ul li { margin-bottom: 1.3em;}
.press-copy blockquote { padding-left: 2em; border-left: .5em solid #e5d8ff; margin: 4em 0; line-height: 1.9em; font-size: 1.2em; font-style: italic; }
/*NEW GALLERY*/
.common-gallery { margin: 3rem 0;}
.common-gallery .owl-nav { position: absolute; width:100%; bottom: 0; top:45%; display: none; }
.common-gallery .owl-dots { margin-top: 1rem; text-align:center; }
.common-gallery .owl-dots .owl-dot { display:inline; margin: .13rem; }
.common-gallery .owl-dots .owl-dot:nth-child(1),
.common-gallery .owl-dots .owl-dot:nth-child(6) { margin-left: 0; }
.common-gallery .owl-dots .owl-dot img { width: 15%; margin-bottom: .12rem; opacity: .5; transition: all 1s; }
.common-gallery .owl-dots .owl-dot.active img, .common-gallery .owl-dots .owl-dot:hover img { opacity: 1; }
.morepress { padding: 6em 0; position: relative; /*border: 1px solid #e9e9e9;*/ background-color:#f8f8f8; }
.morepress.home { padding: 6em 0; position: relative; border: 0; }
.morepress::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; }
.morepress .container { position: relative; z-index: 10; }
.morepress .press-col { background: #fff;
-webkit-box-shadow: -15px 15px 0px -3px rgba(237,212,157,0.7);
box-shadow: -15px 15px 0px -3px rgba(237,212,157,0.7); border-radius: 10px;
transition: all .5s;
margin-bottom: 20px; }
#press.morepress.home a .press-col, .morepress .press-col {
-webkit-box-shadow: -15px 15px 0px -3px rgba(237,212,157,0.7);
box-shadow: -15px 15px 0px -3px rgba(237,212,157,0.7); border-radius: 10px;
transition: all .5s; border: 1px solid #fff;
}
#press.morepress.home a:hover .press-col, .morepress a:hover .press-col {
-webkit-box-shadow: -10px 10px 0px -3px rgba(237,212,157,0.7);
box-shadow: -10px 10px 0px -3px rgba(237,212,157,0.7);
top:0;
}
.morepress a { transition: 1s; }
.morepress a:hover .press-col { background: #fff; margin-bottom: 20px; }
.morepress .press-col .img { position: relative; }
.morepress .press-col .img img { border-radius: 4px 4px 0 0; opacity: 0.9; }
.morepress .press-col h2 { color: #000; text-align: center; font-weight: 500; font-size: 1.4em; padding: 0; margin: 30px 10px 10px 10px; }
.morepress .press-col p { line-height: 24px; color:#6c757d; margin-bottom: 0; padding: 0 20px 20px 20px; }
.morepress a:hover .press-col .img img { opacity: 1.0; }
.morepress a:hover .press-col h2 { color: #c01f71; }
.morepress a:hover .press-col p { color: #2a2a2a; }
/* ACCOMMODATIONS
--------------------------------*/
#accommodations { padding: 7em 0; position: relative; }
#accommodations .venue-hero img { width: 100%; height: 100%; min-height: 300px; }
#accommodations .venue-map iframe { width: 100%; height: 100%; min-height: 300px; }
#accommodations .venue-info { position: relative; padding-top: 50px; padding-bottom: 50px; }
#accommodations .venue-info:before { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#accommodations .venue-info.aulani:before { background-color:#04988a; }
#accommodations .venue-info.fsoahu:before { background: rgba(0, 0, 0, 0.9); }
#accommodations .venue-info h3 { font-size: 1.6em; font-weight: 500; color: #fff; }
#accommodations .venue-info h4 {color: #fff; font-size: 1.4em; margin-top: 1.5em; }
#accommodations .venue-info p { color: #fff; }
#accommodations .venue-info p:last-child { margin-bottom:1em; }
#accommodations .venue-info p a { color: #fff; text-decoration:0; border-bottom: 1px solid #fff; }
#accommodations .venue-info .btn-right { font-weight: 500; font-size: 1em; letter-spacing: 1px; display: inline-block; padding: 8px 40px; border-radius: 50px; transition: 0.2s; margin: 1.5em 0 0 0; color: #fff; background: #088985; border: 3px solid #088985; }
#accommodations .venue-info .btn-right:hover {background: #fff; color: #088985; border-color: #fff; }
#accommodations .venue-info .btn-right .fa { font-size: 1.6em; margin-left: .25em; vertical-align:middle; }
#accommodations .venue-gallery-container { margin-bottom: 2em;}
#accommodations .venue-gallery { overflow: hidden; border-right: 3px solid #fff; border-bottom: 3px solid #fff; }
@media only screen and (min-width: 736px) {
#accommodations .venue-hero, #accommodations .venue-info, #accommodations .venue-info .col-10, #accommodations .venue-gallery-container .col-sm-4 { padding-left: 0; padding-right: 0; }
}
@media only screen and (max-width: 430px) {
#accommodations .venue-gallery-container { margin-bottom: 0;}
#accommodations .row { margin-left:0; margin-right:0; }
#accommodations .venue-hero { padding-left: 0; padding-right: 0; }
#accommodations .venue-gallery-container .col-sm-4 { padding-left: 0; padding-right: 0; }
}
/*EVENT VENUE /MAP*/
#venue { padding: 6em 0 8em 0; }
#venue .venue-info { padding-top: 60px; padding-bottom: 60px; background-size: cover; position: relative; }
#venue .venue-info:before { content: ""; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#venue .venue-info h3 { font-size: 1.6em; font-weight: 500; color: #fff; }
#venue .venue-info p { color: #fff; }
#venue .venue-info .btn-right { font-weight: 500; font-size: 1em; letter-spacing: 1px; display: inline-block; padding: 8px 40px; border-radius: 50px; transition: 0.2s; margin: 1.5em 0 0 0; color: #fff; background: #c01f71; border: 3px solid #c01f71; }
#venue .venue-info .btn-right:hover {background: #fff; color: #dd3e83; border-color: #fff; }
.maps-image{padding-top:45.5%;position:relative;}
.googlemap-win{line-height:1.4em;font-size:1.1em;}
.googlemap-win a, .googlemap-win a:link, .googlemap-win a:visited{color:#163d7a;text-decoration:underline;}
.maps-text-inner{margin-left:auto;}
.maps-image .gmap_canvas{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
.maps-image .gmap_canvas img{max-width:none;}
.maps-image iframe{width:100%;height:100%;float:left; border:0; }
.maps-text h2{color:#fff;text-shadow:1px 1px 2px #225c98;}
.maps-text{color:#000;}
.maps-text p{line-height:1.65em;}
.maps-text a, .maps-text a:link, .maps-text a:visited{color:#163d7a;}
.gm-style-iw{color:#000;}
/* Call To Action Section
--------------------------------*/
#call-to-action { background-size: cover; padding: 90px 0;
background: linear-gradient(rgba(36,36,62,.9), rgba(48,43,99,.8)), url('https://koolinachildrensfestival.com/img/call-to-action-bg-2.jpg') fixed center center; }
#call-to-action h3 { color: #fff; font-size: 2.5em; font-weight: 700; margin-bottom:.5em; }
#call-to-action h3 span {color: #088985;}
#call-to-action p { color: #fff; width: 70%; margin: 0 auto; font-size: 1.1em; }
#call-to-action .cta-btn { text-transform: uppercase; font-weight: 500; font-size: 1em; letter-spacing: 1px; display: inline-block; padding: 8px 30px; border-radius: 25px; transition: 0.5s; margin-top: 1.5em; border: 2px solid #fff; color: #fff;}
#call-to-action .cta-btn:hover { background: #643681; border: 2px solid #643681; }
/*COMMUNITY SPONSORS - PARTNERS*/
.sponsorlogos { text-align:center; }
.sponsorlogos img { width: 100%; height: auto; max-width: 100%; transition: 0.3s; padding: 0; }
.sponsorlogos span { display:inline-block; }
.sponsorlogos .logo-alohapetroleum { width:27%; padding-left:.5em; padding-right:.5em; }
.sponsorlogos .logo-alohapetroleumdunkindonuts { width:26%; padding-left:.5em; padding-right:.5em; }
.sponsorlogos .logo-kamakanaalii, .sponsorlogos .logo-fhb, .sponsorlogos .logo-eliteparking {padding-left:.4em; padding-right:.4em; margin-right:.5em; margin-left:.5em; }
.sponsorlogos .logo-kamakanaalii { width:18%; }
.sponsorlogos .logo-fhb { width:11%; }
.sponsorlogos .logo-eliteparking { width:10%; }
/*KORA PARTNERS*/
#partners { padding: 80px 0; border-top: 1px solid #dee2e6; background-color: rgba(255, 255, 255, .9); }
#partners .partnerline { width: 1px; height: 100%; background-color: rgba(0, 0, 0, .2); margin: 0 auto; }
#partners h3 { padding-bottom: 0;}
#partners .kora-logos { text-align:center; }
#partners img { max-width: 100%; transition: 0.3s; padding: 15px 5px; }
#partners h3 { text-align:center; text-transform: uppercase; font-size: 1.3em; color:#767676; }
#partners .kora-logos img { width: 100%; height: auto; }
#partners .kora-logos span { display:inline-block; }
#partners .kora-logos span.logo-marriott {margin: 0 .75em; }
#partners .kora-logos .logo-beachvillas,
#partners .kora-logos .logo-fsoahu,
#partners .kora-logos .logo-marriott,
#partners .kora-logos .logo-oceanwide,
#partners .kora-logos .logo-golfclub,
#partners .kora-logos .logo-marina { width:13%; }
#partners .kora-logos .logo-aulani,
#partners .kora-logos .logo-centerstation,
#partners .kora-logos .logo-theresortgroup { width:9%; }
#partners .partnersubheading h3 { padding-top: 3em; padding-bottom:0; }
#partners h3 { padding-top: 2em; font-size: 1.9em; color: #595959; text-align: center; font-weight: 500; position: relative;padding-top: 1em; padding-bottom: 1em; text-transform: none; }
.partnersspecial { margin-top: 2em; }
.partnersspecial header { border-top: 1px solid #dbdbdb; }
.partnersspecial .section-header h3:before { content: none; }
.partnersspecial header .fa { color:#e30000; }
.partnersspecial p { text-align:center; font-size: .98em; line-height: 2em; font-weight:600; }
@media only screen and (max-width: 480px) {
#partners h3 { font-size: 1.7em; }
#partners .partnersubheading h3 { font-size: 1.6em; }
.partnersspecial .col-sm-12 { text-align:center; padding-left: 1.5em; padding-right: 1.5em; }
.partnersspecial .col-sm-12 p { margin-bottom: 0; }
}
/* Footer
--------------------------------*/
#footer { padding: 0 0 30px 0; background: #333;}
#footer .container-fluid.footerline { padding:0; }
#footer .container-fluid.footerline div { height: 8px;
background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
background-size: 400% 400%;
-webkit-animation: Gradient 10s ease infinite;
animation: Gradient 10s ease infinite;
}
#footer .footer-top {
background: #dfc484;
background: -webkit-linear-gradient(to bottom, #fffae9, #e8dec7);
background: linear-gradient(to bottom, #fffae9, #e8dec7); padding: 9em 0 5em 0; border-top: 1px solid #efe8f5; }
#footer .footer-top .footer-info { margin-top: 2em; }
#footer .footer-top .footer-info h3 {
position: relative; overflow:hidden; background-repeat:no-repeat; background-size:100%; height:76px; margin-top: -1.8em; margin-bottom: .5em; }
#footer .footer-top .footer-info h3 span { text-indent: -9999px; float:left; }
#footer .footer-top .footer-info p { font-size: 1em; line-height: 24px; margin-bottom: 0; }
.footer-top .social-links a { font-size: 1.8em; display: inline-block; background: #b1b1b1; color: #fff; line-height: 1; padding: 7px 0; margin-right: .3em; border-radius: 50%; text-align: center; width: 40px; height: 40px; transition: 0.3s; }
.footer-top .social-links a:hover { color: #fff; }
.footer-top .social-links .email { background: #c39f32; }
.footer-top .social-links .instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); }
.footer-top .social-links .facebook { background: #3b5998; }
.footer-top .social-links .twitter { background: #1da1f2; }
.footer-top .social-links .yelp { background: #c41200; }
.footer-top .social-links .youtube { background:rgb(187, 0, 0); }
.footer-top .social-links .email:hover { background: #d0ab3c; }
.footer-top .social-links .instagram:hover { background: #c7288f; }
.footer-top .social-links .facebook:hover { background: #427dbd; }
.footer-top .social-links .twitter:hover { background: #36aff9; }
.footer-top .social-links .yelp:hover { background: #b51302; }
.footer-top .social-links .youtube:hover { background:rgb(187, 0, 0); }
#footer .footer-top h4 { font-size: 1.2em; color: #474747; position: relative; padding-bottom: 12px; }
#footer .footer-top h4::before, #footer .footer-top h4::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; }
#footer .footer-top h4::before { right: 0; background: #f8f9fa; }
#footer .footer-top h4::after { background: #6c757d; width: 60px; }
#footer .footer-top .footer-links { margin-bottom: 30px; }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 8px; color: #dee2e6; }
#footer .footer-top .footer-links ul li { border-bottom: 1px solid #dee2e6; padding: 10px 0; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .footer-top .footer-links ul a { color: #6c757d; }
#footer .footer-top .footer-links ul a:hover { color: #c01f71; }
#footer .footer-top .footer-contact { margin-bottom: 30px; padding-left: 1.5em; padding-right: 1.5em; }
#footer .footer-top .footer-contact p { line-height: 26px; }
#footer .footer-top .footer-contact p a { border-bottom: 1px solid #c01f71; color:#c01f71; }
#footer .footer-top .footer-contact .fa { font-size:1.2em; color: #8e8e8e; }
#footer .footer-top .footer-newsletter { margin-top: 2em; }
#footer .footer-top .footer-newsletter label { display:block; }
#footer .footer-top .footer-newsletter p { margin-bottom: .5em; }
#footer .footer-top .footer-newsletter input[type="email"] { border-radius: 50px 0px 0px 50px; padding: 6px 8px; width: 65%; border: 1px solid #dee2e6;
}
#footer .footer-top .footer-newsletter input[type="submit"] { background: #c01f71; border: 0; width: 35%; padding: 6px 0; text-align: center; color: #fff; transition: 0.3s; cursor: pointer; border-radius: 0 50px 50px 0; text-transform: uppercase; }
#footer .copyright { text-align: center; padding-top: 30px; color:#fff; font-size: .9em; }
#footer .copyright .col-sm-12:nth-child(1) { text-align:left; }
#footer .copyright .col-sm-12:nth-child(2) { text-align:right; }
#footer .copyright a { color:#fff; padding: 0 10px; border-right: 1px solid #959595; }
#footer .copyright a:last-child { margin-right: 30px; border-right: 0; }
#footer .copyright span { margin-left: 25px; }
#footer .credits { text-align: center; font-size: .9em; color: #dee2e6; }
/* NO JS*/
.noscript-warning { z-index: 1030; bottom: 0; left: 0; width: 100%; position: fixed; padding: 4em; font-size: 1.25em; text-align:center;
background: #f85032;
background: -webkit-linear-gradient(to right, #e73827, #f85032);
background: linear-gradient(to right, #e73827, #f85032);
color:#fff; line-height: 1.5em; } .noscript-warning a { color:#fff; text-decoration: underline; }
.noscript-warning .noscript-icon { font-size: 2.5em; color:#f7d09f;} .noscript-warning .noscript-copy { text-align: left;}
/*NO JS*/
[data-js="false"] .carousel-background img { width: 100%; }
[data-js="false"] #intro { height: 0;}
[data-js="false"] #intro .carousel-item { height: 65vh;}
[data-js="false"] #intro .carousel-container { top: 40%; }
/*MIN WIDTH 1450*/
@media only screen and (min-width: 1450px) {
#header #logo { margin-left: 10%; margin-top: -2em; }
}
@media only screen and (max-width: 1449px) {
#header #logo { margin-top: -2em; }
#nav-menu-container { padding-right: 0%; }
}
/*MIN WIDTH 1425*/
@media only screen and (min-width: 1426px) {
#intro h1, #intro h2 { font-size: 3em; }
#intro .carousel-container { top: 45%; }
#intro p { width: 50%; }
}
@media screen and (min-device-width: 1201px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
#nav-menu-container { padding-right: 0%; }
}
/*MIN WIDTH 1200*/
@media only screen and (min-width: 1200px) {
#footer .footer-top .footer-info h3 { width:334px; }
}
/*MIN WIDTH 1025*/
@media only screen and (min-width: 1025px) {
#intro .carousel-control-prev, #intro .carousel-control-next { width: 5%; }
}
/*MIN WIDTH 992*/
@media only screen and (min-width: 992px) {
.embed-responsive-16by9 { padding-bottom:.25%; }
.embed-responsive-16by9::before { padding-top: 50%; }
.embed-responsive-16by9 .embed-responsive-item { width: 90%; height: 350px; }
}
/*MIN WIDTH 768*/
@media only screen and (min-width: 768px) {
.contest .col-md-5.offset-md-1 { margin-left: 4%; }
}
/*MAX WIDTH 1425*/
@media only screen and (max-width: 1425px) {
#nav-menu-container { padding-right: 0; }
#intro h1, #intro h2 { font-size: 3em; }
#intro .carousel-container { top: 45%; }
#intro p { width: 50%; }
}
/*MAX WIDTH 1200*/
@media only screen and (max-width: 1200px) {
#nav-menu-container { display: none; }
.subpage #mobile-nav-toggle, #mobile-nav-toggle { display: inline; }
.common-gallery .owl-dots .owl-dot img { width: 19.3%;}
}
/*MAX WIDTH 1024*/
@media only screen and (max-width: 1024px) {
#header .pull-left .main-logo { margin-left: 2.5em; }
#header #logo { margin-left: 5%; width:180px; margin-top: -1em; }
#mobile-nav-toggle.toggle-scrolled { margin-top: 2.5%; }
#intro p { width: 75%; }
#intro .carousel-indicators, #intro .carousel-control-prev, #intro .carousel-control-next { display:none; }
#accommodations .venue-info p { font-size: 1.1em; }
.embed-responsive-16by9::before { padding-top: 57%; }
#footer .copyright .col-sm-12:nth-child(1), #footer .copyright .col-sm-12:nth-child(2) { text-align:left; }
#footer .copyright span { margin-left: 0; }
}
/*MAX WIDTH 992*/
@media only screen and (max-width: 992px) {
#intro h1, #intro h2 { font-size: 2.5em; } #intro .carousel-container { top: 17%; } #intro p { width: 90%; }
#homegallery .row .col-lg-2:nth-of-type(4), #homegallery .row .col-lg-2:nth-of-type(5) { display:none; }
.section-header h3, .section-header h2 { font-size: 1.7em; }
#faq .container { padding-left: 0; padding-right: 0; } .card-body p { margin-right: 2rem; }
.embed-responsive-16by9::before { padding-top: 62%; }
.embed-responsive-16by9 { padding-bottom: 15%; }
.common-gallery .owl-dots .owl-dot img { width: 18%; }
.contest .col-md-5.offset-md-1 { margin-left: 0; }
.contest .col-md-5 { flex: auto; max-width: 95%; }
#footer .footer-top .container { padding-left: 1.75em; padding-right: 1.75em; } #footer .footer-top .col-sm-12 { margin-bottom: 3em; width: 70%; flex: auto; max-width:70%; } #footer .copyright .col-sm-12 { width: 100%; flex: auto; max-width:100%; margin-bottom: 1em; }
#partners .partnersubheading h3, #partners .partnersspecial h3 { font-size: 1.7em; }
}
/*MAX WIDTH 991*/
@media only screen and (max-width: 991px) {
.maps-image{padding-top:65%;}
.maps-text + .maps-image{ margin-top:90px;margin-bottom:-90px; }
.maps-text-inner{ margin:0 auto; }
#footer .footer-top .footer-info h3 { width:334px; }
.eventtable .col-md-10 { max-width: 100%; flex: auto; }
.eventtable .offset-md-1 { margin-left: 0; }
}
/*MAX WIDTH 960*/
@media only screen and (max-width: 960px) {
#intro .carousel-container { top: 25%; }
#featured-services .container { width: 95%; max-width:100%; }
.eventtable .col-md-12 { padding-left: 0; padding-right: 0; }
.eventtable .table-bordered { border: 0; }
/* Force table to not be like tables anymore */
.eventtable table, .eventtable thead, .eventtable tbody,
.eventtable th, .eventtable td, .eventtable tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
.eventtable thead tr { position: absolute; top: -9999px; left: -9999px; }
.eventtable tr { border-bottom: 0; }
.eventtable td { border: none; border: 0; position: relative; padding-left: 50%; white-space: normal; text-align: left; }
.table-bordered tbody tr { border-bottom: 3px solid #c1c1c1; }
.table-bordered tbody tr:first-child { border-bottom: 0; }
.table-bordered tbody tr.rowspan { border-bottom: 1px solid #c1c1c1; }
.table-bordered > tbody > tr > td { border: 0; line-height: 2em; }
.eventtable td:before { position: absolute; top: 6px;left: 1%;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold; }
.eventtable td:before { content: ' ' attr(data-title) ''; }
.table-bordered > tbody > tr > td.time:before { content:"\f017 \0020 Time:"; }
.table-bordered > tbody > tr > td.event:before { content:"\f006 \0020 Event:"; }
.table-bordered > tbody > tr > td.location:before { content:"\f041 \0020 Location:"; }
.table-bordered > tbody > tr > td:before { font-family: FontAwesome, 'Open Sans', sans-serif; font-weight:300; color:#ff8174; margin-left: 5%; margin-top: .4em; font-size:.95em; }
.table-bordered > tbody > tr > td.time span { display:inline; }
.table-bordered > tbody > tr > td.time, .table-bordered > tbody > tr > td.location { width:100%; }
.table-bordered > tfoot > tr > td { padding-left: 0; }
.table-bordered > tfoot > tr { border-bottom: 0; }
.table-bordered > tbody > tr > td.time,
.table-bordered > tbody > tr > td.event,
.table-bordered > tbody > tr > td.location { padding: 1em 1.5em 1.1em 9em; }
}
/*MAX WIDTH 812*/
@media only screen and (max-width: 812px) {
#header { height: 0; } #header #logo h1 { font-size: 28px; } #intro .carousel-container { top: 25%; } .subpage section:first-child { padding-top: 12em; } .embed-responsive-16by9 { padding-bottom:.25%; } .embed-responsive-16by9 .embed-responsive-item { width: 100%; height: 300px; } }
@media only screen and (orientation: landscape) and (max-width: 812px) and (-webkit-device-pixel-ratio: 3) {
#header #logo { margin-top: -2em; width:160px; }
#mobile-nav-toggle { margin-top: 3%; font-size: 1.3em; }
#mobile-nav-toggle.toggle-scrolled { margin-top: 3%; }
#intro .carousel-container { top: 30%; }
#intro h1, #intro h2 { font-size: 1.9em; margin-bottom: .5em; }
#intro p { font-size: 1em; }
#intro .carousel-control-prev, #intro .carousel-control-next, .carousel-indicators { display:none; }
#intro .btn-left, #intro .btn-right { margin-top:0; padding: 8px 30px; }
#homegallery .row .col-lg-2:nth-of-type(4), #homegallery .row .col-lg-2:nth-of-type(5) { display:none; }
}
/*MAX WIDTH 800*/
@media only screen and (max-width: 800px) { .press-copy .section-header h1 { font-size: 2.6em; } }
/*MAX WIDTH 768*/
@media only screen and (max-width: 768px) {
#mobile-nav-toggle { margin-top: 4%; }
#mobile-nav-toggle.toggle-scrolled { margin-top: 3.25%; }
#header #logo h1 { font-size: 28px; }
#intro .carousel-container { top: 55%; }
#intro h1, #intro h2 { font-size: 2.2em; }
#intro .btn-left, #intro .btn-right { margin: 1em 1em .5em 1em; }
#featured-services .box { text-align:center; }
#homegallery .row .col-lg-2:nth-of-type(4), #homegallery .row .col-lg-2:nth-of-type(5) { display:none; }
#footer .footer-top .footer-info h3 { margin-bottom: .5em;}
#footer .copyright .col-sm-12:nth-child(1), #footer .copyright .col-sm-12:nth-child(2) { text-align:center; }
#footer .copyright a:last-child { margin-right: 0; }
#footer .footer-top .footer-newsletter input[type="email"] { padding: 12px 8px; }
#footer .footer-top .footer-newsletter input[type="submit"] { padding: 12px 0; }
#partners .partnerline { width: 100%; height: 1px; margin: 3em 0; }
}
@media only screen and (orientation: portrait) and (device-width: 768px) and (-webkit-min-device-pixel-ratio: 1) { #intro h1, #intro h2 { font-size: 2.5em; } #intro .carousel-container { top: 30%; } #intro p { width: 90%; } }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { #intro h1, #intro h2 { font-size: 3em; } #intro .carousel-container { top: 33%; } }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { #intro h1, #intro h2 { font-size: 3em; } #intro .carousel-container { top: 33%; } }
/*MAX WIDTH 767*/
@media only screen and (max-width: 767px) {
#intro .carousel-control-prev, #intro .carousel-control-next, .carousel-indicators { display:none; }
#accommodations { padding: 50px 0 0 0; }
#accommodations .venue-info h3 { font-size: 1.4em; }
#press { padding: 5em 0; }
.justify-content-center .col-10 { padding-right: 0; padding-left:0; }
#footer .footer-top { padding: 6em 0 3em 0; }
#footer .footer-top .col-sm-12 { width:100%; max-width:100%; }
#sponsors, #partners { padding: 5em .5em; } }
/*MAX WIDTH 736*/
@media only screen and (max-width: 736px) {
#header { height: 75px; } #header #logo { width:170px; } #header.header-scrolled #logo, .subpage #header.header-scrolled #logo { width:160px; }
#mobile-nav-toggle { margin-top: 3%; font-size: 1.3em; }
#mobile-nav-toggle.toggle-scrolled { margin-top: 2%; }
#intro .carousel-item::before { background-color: rgba(15, 12, 41, 0.6); background-image: -webkit-linear-gradient(to right, #000, #000, #000); background-image: linear-gradient(to right, rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.25)); }
#intro .carousel-container { top: 30%; }
#intro h1, #intro h2 { font-size: 1.9em; margin-bottom: .5em; }
#intro p { font-size: 1em; }
#intro .btn-left, #intro .btn-right { padding: 5px 15px; margin-top:0; }
#press .section-header h1:before { width:13%; left: calc(44% - 1px); }
body.loaded .press-copy .section-header h1:before { width:15%; }
.subpage .section-header h1 { margin-top: .5em; }
.embed-responsive-16by9 .embed-responsive-item { width: 100%; height: 250px; }
#featured-services .container { width: 100%; }
#featured-services .container .col-md-4 { max-width: 33.33333%; }
#sponsors .sponsorlogos .logo-alohapetroleum { width:65%; }
#sponsors .sponsorlogos .logo-alohapetroleumdunkindonuts { width:60%; }
#sponsors .sponsorlogos .logo-dunkindonuts { width:43%; }
#sponsors .sponsorlogos .logo-kamakanaalii { width:24%; }
#sponsors .sponsorlogos .logo-fhb{ width:30%; }
#sponsors .sponsorlogos .logo-eliteparking{ width:28%; }
#partners .kora-logos .logo-beachvillas,
#partners .kora-logos .logo-fsoahu,
#partners .kora-logos .logo-marriott,
#partners .kora-logos .logo-oceanwide,
#partners .kora-logos .logo-golfclub,
#partners .kora-logos .logo-marina { width:23%; }
#partners .kora-logos .logo-aulani,
#partners .kora-logos .logo-centerstation,
#partners .kora-logos .logo-theresortgroup { width:18%; }
.sponsorlogos .logo-kamakanaalii { width:31%; }
}
/*MAX WIDTH 667*/
@media only screen and (max-width: 667px) {
#intro .carousel-container { top: 30%; } #intro h1,#intro h2 { font-size: 1.7em; margin-bottom: .5em; } #intro p { font-size: 1em; } #mobile-nav-toggle { margin-top: 4%; }
.subpage section:first-child { padding-top: 9em; }
.section-header h1:before { width:20%; left: calc(50% - 40px); }
.embed-responsive-16by9::before { padding-top: 55%; }
.embed-responsive-16by9 { padding-bottom:5.25%; }
.press-copy .section-header h1 { font-size: 1.75em; }
.press-copy h2 { font-size: 1.2em; }
.col-md-12.press-hero { padding-left:0; padding-right: 0; margin-bottom: 3em; }
.press-copy .posteddate { padding-left: 1em; }
}
/*MAX WIDTH 640*/
@media only screen and (max-width: 640px) { #sponsors .sponsorlogos .logo-alohapetroleum { width:60%; } #sponsors .sponsorlogos .logo-alohapetroleumdunkindonuts { width:60%; } #sponsors .sponsorlogos .logo-kamakanaalii { width:22%; } #sponsors .sponsorlogos .logo-fhb { width:27%; } #sponsors .sponsorlogos .logo-eliteparking { width:25%; } }
/*MAX WIDTH 568*/
@media only screen and (orientation: landscape) and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 1) {
#intro .carousel-container { top: 27%; } #intro p { line-height: 1.5em; }
}
@media only screen and (max-width: 568px) {
#homegallery .row .col-sm-6 { width:50%; }
.embed-responsive-16by9::before { padding-top: 50%; }
.embed-responsive-16by9 { padding-bottom:15%; }
#accommodations .venue-gallery-container .row .col-sm-4 { width:33.33333%; }
#featured-services .container .col-md-4 { max-width: 100%; }
}
/*MAX WIDTH 540*/
@media only screen and (max-width: 540px) {
.eventtable .container { width: 100%; }
.event-schedule .col-md-11 { padding-left: 0; padding-right: 0; }
.table-bordered > tbody > tr > td { font-size: 1.1em; color: #333; line-height: 1.7em; padding-left: 1.5em; padding-top: 35px; }
.table-striped > tbody > tr:nth-child(2n+1) > td.subhead { padding-top: 1em; }
.table-bordered > tbody > tr > td.time { padding-left: 95px; padding-top: 10px; }
.table-bordered > tbody > tr > td.event, .table-bordered > tbody > tr > td.location { padding-left: 7.5em; }
.table-bordered > tbody > tr > td:before { margin-top: 4px; }
.common-gallery .owl-dots .owl-dot img { width: 18%; }
}
/*MAX WIDTH 480*/
@media only screen and (max-width: 480px) {
#header {padding: 30px 0; }
#header.header-scrolled #logo, .subpage #header.header-scrolled #logo { width:165px; margin-top: -.75em; }
#mobile-nav-toggle, #mobile-nav-toggle.toggle-scrolled { margin-top: 5.5%; }
#header #logo { margin-left: 0; }
#header .pull-left .main-logo { margin-left: 2em; margin-top: .4em; }
#intro p { font-size: 1em;}
#accommodations .container { padding-left:0; padding-right: 0; }
#accommodations .venue-info p { font-size: 1em; }
#partners .row .col-md-12 { padding-left: 0; padding-right: 0; }
.subpage section:first-child { padding-top: 8em; padding-left:1.5em; padding-right:1.5em; }
.section-header h3, .section-header h2 { font-size: 1.6em; }
.subcopy .section-header h1 { padding-bottom: 0; font-size: 2.25em; }
.section-header h1:before { width:25%; left: calc(50% - 40px); }
#press .press-col { margin-bottom: 10px; padding-bottom: 30px; }
.press-copy .press-hero .posteddate { margin-right:0; }
.press-copy .posteddate { margin-bottom: 1.2em; padding-left: 0; }
.press-copy .posteddate li { margin-right: 0; margin-bottom: 1em; }
.card .card-header .btn.btn-link { font-size: 1rem; }
.card-body p { margin-right: .5rem; font-size: .9em; }
#venue .venue-info .col-10 { padding-left: 0; padding-right: 0; }
#footer .copyright { padding-right: .5em; padding-left: .5em; }
}
@media only screen and (max-width: 430px) { .press-cols .col-sm-12 { margin-bottom:2.5em; padding-right:1.5em; padding-left: 1.5em; } .subpage #press { padding: 10em 0 0 0;} .subpage .press-copy .section-header { width: 100%; } .subpage .press-copy .container { padding-left:0; padding-right: 0; } }
/*MAX WIDTH 430*/
@media only screen and (max-width: 430px) {
.sponsorlogos .logo-kamakanaalii { width:35%; }
}
/*MAX WIDTH 414*/
@media only screen and (max-width: 414px) {
#header #logo, .subpage #logo { width:170px; }
#mobile-nav-toggle { margin-top: 7%; font-size: 1.1em; }
#mobile-nav-toggle.toggle-scrolled { margin-top: 7%; }
#intro .carousel-container { top: 27%; }
#intro .btn-left, #intro .btn-right { margin-top:1em; }
#featured-services .container { width: 100%; }
#homegallery .container-fluid { padding-right: 0; padding-left: 0; }
.subpage .section-header h1 { padding-top: 1em; padding-bottom:0; }
.press-copy .section-header {width: inherit; }
.subpage #press { padding: 9em 0 1em 0; }
.embed-responsive-16by9 { padding-bottom:30%; }
#sponsors .sponsorlogos .logo-alohapetroleum { width:95%; }
#sponsors .sponsorlogos .logo-alohapetroleumdunkindonuts { width:98%; }
#sponsors .sponsorlogos .logo-kamakanaalii { width:35%; }
#sponsors .sponsorlogos .logo-fhb { width:45%; }
#sponsors .sponsorlogos .logo-eliteparking { width:41%; }
.container, .col-sm-12 {padding-left: 0; padding-right: 0; }
.press-copy .col-sm-12 { padding-left: 0; padding-right: 0; }
.row { margin-right: 0; margin-left: 0; }
.morepress { padding: 3em 0; }
.subpage .section-header { margin-bottom: 2em; }
.morepress .press-col, #press.morepress.home .press-col { box-shadow: none; border-radius: 0; }
.table-bordered > tbody > tr > td.time { padding-left: 5.5em; padding-top: 1em; }
.table-bordered > tbody > tr > td.time:before { margin-top: .65em; }
.table-bordered > tbody > tr > td.event,
.table-bordered > tbody > tr > td.location { padding: 2.5em 1.5em 1em 1.5em; }
}
/*MAX WIDTH 375*/
@media only screen and (max-width: 375px) { #header .pull-left .main-logo, #header.header-scrolled .pull-left .main-logo { padding: 1em 3.5em; margin-left:0; margin-top: 0; } #mobile-nav { left: -350px; width: 300px; } #mobile-nav-toggle { margin-top: 7.5%; } #intro p { font-size: 1em;} .embed-responsive-16by9 { padding-bottom: 38%; } #footer .footer-top .footer-info h3 { width:100%; } #footer .footer-top .footer-contact { padding-left: 0; padding-right: 0; } }
/*MAX WIDTH 320*/
@media only screen and (max-width: 320px) {
.section-header h3:before, .section-header h2:before { width:20%; left: calc(50% - 30px); }
.subpage .section-header h1 {padding-top: .5em; padding-bottom: .5em; }
.section-header h1:before { width:20%; left: calc(50% - 30px); }
.embed-responsive-16by9 { padding-bottom:50%; }
}
@-webkit-keyframes pulse {
0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.0; }
25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.1; }
50% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.3; }
75% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.5; }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.0; }
}
@keyframes pulse {
0% { transform: scale(0); opacity: 0.0; }
25% { transform: scale(0); opacity: 0.1; }
50% { transform: scale(0.1); opacity: 0.3; }
75% { transform: scale(0.5); opacity: 0.5; }
100% { transform: scale(1); opacity: 0.0; }
}
@-webkit-keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes heart { from { transform: none; } 50% { transform: scale(1.4); } to { transform: none; } }