@charset "UTF-8";
.colio {
position: relative;
height: 0;
clear: both;
overflow: hidden;
}
.colio-container {
padding: 40px;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.colio-content {
display: none;
overflow: hidden;
}
.colio a.colio-close,
.colio a.colio-prev,
.colio a.colio-next {
border: none;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.colio a.colio-no-prev,
.colio a.colio-no-next {
cursor: default;
opacity: 0.2;
} .colio-close {
position: absolute;
top: 10px;
right: 10px;
}
.colio-navigation {
position: absolute;
top: 10px;
left: 10px;
}
.colio-navigation a {
margin-right: 5px;	
} .colio-placement-inside,
.colio-placement-before {
margin-bottom: 20px;
}
.colio-placement-after {
margin-top: 20px;
margin-bottom: 20px;
}.colio-wrap .colio-list {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
clear: both;
}
.colio-wrap.colio-effect-rotate .colio-list {
-webkit-perspective: 2000px;
-moz-perspective: 2000px;
-o-perspective: 2000px;
perspective: 2000px;
}
.colio-wrap .colio-list > li {
float: left;
margin: 0;
padding: 0;
-webkit-transform: translate3d(0,0,0);
}
.colio-list .colio-inner {
margin: 0 20px 20px 0;
} .colio-grid1 .colio-list > li { width: 100%; }
.colio-grid2 .colio-list > li { width: 50%; }
.colio-grid3 .colio-list > li { width: 33.33%; }
.colio-grid4 .colio-list > li { width: 25%; }
.colio-grid5 .colio-list > li { width: 20%; } .colio-wrap .colio-filters {
float: right;
padding: 0;
margin: 0 20px 20px 0;
list-style: none;
}
.colio-wrap select.colio-filters {
float: right;
margin-bottom: 20px;
min-width: 100px;
width: auto;
}
.colio-wrap .colio-filters li {
float: left;
padding: 0;
margin: 5px 10px 0 0;
}
.colio-wrap .colio-filters a {
display: block;
padding: 2px 15px;
color: #999;
background-color: #eee;
border-radius: 5px;
line-height: 20px;
font-size: 85%;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
outline: none;
font-style: normal;
font-weight: 400;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.colio-wrap .colio-filters a:hover {
color: #555;
}
.colio-wrap .colio-filters a.colio-active-filter {
color: #eee;
background-color: #555;
text-shadow: none;
}
.colio-wrap .colio-filters a.colio-disable-filters {
padding: 2px;
padding-right: 5px;
font-size: 1.2em;
color: #999!important;
background-color: transparent!important;
}
.colio-wrap.colio-filters-left .colio-filters {
float: left;
}
.colio-wrap.colio-filters-left .colio-filters li:first-child {
float: right;
} .colio-list .colio-thumb {
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
.colio-thumb-padding .colio-thumb {
margin: 1px;
outline: 1px solid #eee;
border: 5px solid #fff;
}
.colio-list .colio-thumb img {
width: 100%;
height: auto;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
box-shadow: none;
-webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94);
-moz-transition: all .3s cubic-bezier(.25,.46,.45,.94);
-o-transition: all .3s cubic-bezier(.25,.46,.45,.94);
transition: all .3s cubic-bezier(.25,.46,.45,.94);
}
.colio-thumb-zoom .colio-thumb:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
} .colio-thumb .colio-view {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 0;
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: opacity .3s, visibility 0s linear .3s;
-moz-transition: opacity .3s, visibility 0s linear .3s;
-o-transition: opacity .3s, visibility 0s linear .3s;
transition: opacity .3s, visibility 0s linear .3s;
}
.colio-thumb .colio-view:before {
content: "";
position: absolute;
top: 0; 
left: 0;
right: 0;
bottom: 0;
}
.colio-thumb:hover .colio-view {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
} .colio-view .colio-button,
.colio-view .colio-button:visited {
display: inline-block;
position: relative;
top: 50%;
padding: 7px 12px;
margin: -17px 0 0;
background-color: #ff5452;
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 20px;
text-decoration: none;
text-shadow: -1px 0 0 rgba(0,0,0,0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transform: translateZ(0);
-webkit-transition: background .3s;
-moz-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
}
.colio-view .colio-button:hover {
text-decoration: none;
color: #fff;
}
.colio-active-item .colio-view { 
display: none; 
} .colio-list .colio-summary {
padding: 10px;
}
.colio-list .colio-summary h4 {
margin: 10px 0;
padding: 0;
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
}
.colio-list .colio-summary h4 a {
color: #444;
line-height: inherit;
text-decoration: none;
}
.colio-list .colio-summary h4 a:hover { color: #999; }
.colio-active-item .colio-summary h4 a { text-decoration: underline; color: #999!important; }
.colio-list .colio-summary p {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.5em;
color: #999;
text-shadow: none;
} .colio-item-loading .colio-thumb { background: #fff url(//www.bluesfest.com.au/wp-content/plugins/colio/images/loading.gif) no-repeat center center;  }
.colio-item-loading .colio-thumb img { opacity: 0.3; }
.colio-item-loading .colio-view { display: none; } .colio-pagination {
padding-top: 10px;
margin: 0 0 20px;
overflow: hidden;
}
.colio-pagination .colio-next-page,
.colio-pagination .colio-prev-page {
float: left;
text-indent: -9999px;
width: 24px;
height: 24px;
margin-top: 3px;
background: #ccc;
opacity: 0.3;
outline: none;
}
.colio-pagination .colio-next-page:hover,
.colio-pagination .colio-prev-page:hover {
opacity: 1;
} 
.colio-pagination .colio-prev-page { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls.png) no-repeat -72px 0; }
.colio-pagination .colio-next-page { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls.png) no-repeat -96px 0; }
.colio-wrap .colio-pagination ul {
float: left;
padding: 0;
margin: 0 5px;
list-style: none!important;	
}
.colio-pagination li {
float: left;
margin: 0 5px;
}
.colio-pagination li a {
display: block;
width: 40px;
height: 25px;
line-height: 25px;
color: #444;
font-size: 85%;
text-align: center;
border-bottom: 2px solid #ccc;
outline: none;
}
.colio-pagination li a:hover, 
.colio-pagination .colio-page-active a { } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.colio-pagination .colio-prev-page { 
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls@2x.png) no-repeat -72px 0; 
background-size: 120px 24px; 
}
.colio-pagination .colio-next-page {
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls@2x.png) no-repeat -96px 0; 
background-size: 120px 24px; 
}
}  @media only screen and (min-width: 1280px) {} @media only screen and (min-width: 960px) and (max-width: 1280px) {
.colio-grid5 .colio-list > li { 
width: 20%; 
}
.colio-grid3 .colio-view .colio-button,
.colio-grid2 .colio-view .colio-button { padding: 10px 17px; margin-top: -20px; }
} @media only screen and (max-width: 959px) {} @media only screen and (min-width: 768px) and (max-width: 959px) {
.colio-grid5 .colio-list > li, 
.colio-grid4 .colio-list > li { 
width: 33.33%; 
}
.colio-grid2 .colio-view .colio-button { padding: 10px 17px; margin-top: -20px; }
} @media only screen and (max-width: 767px) {} @media only screen and (min-width: 480px) and (max-width: 767px) {
.colio-grid5 .colio-list > li, 
.colio-grid4 .colio-list > li, 
.colio-grid3 .colio-list > li { 
width: 50%;
}
} @media only screen and (max-width: 479px) {
.colio-grid5 .colio-list > li, 
.colio-grid4 .colio-list > li, 
.colio-grid3 .colio-list > li, 
.colio-grid2 .colio-list > li { 
width: 100%; 
}
.colio-list .colio-inner { margin-right: 0!important; }
.colio-view .colio-button { padding: 10px 17px; margin-top: -20px; }
}.colio {
margin-right: 20px;
z-index: 5;
}
.colio-placement-before {
margin-bottom: 0;
}
.colio-placement-before.colio-expanded {
margin-bottom: 20px;
}
.colio-placement-after {
margin-top: 0;
} .colio .colio-close {
position: absolute;
top: 16px;
right: 16px;
}
.colio .colio-close:hover {
opacity: 0.8;
}
.colio .colio-close span {
display: block;
width: 24px;
height: 24px;
text-indent: -9999px;
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls.png) no-repeat -48px 0;
} .colio .colio-navigation a {
float: left;
padding: 5px;
background-color: #fff;
-webkit-transition: background-color .1s;
-moz-transition: background-color .1s;
-o-transition: background-color .1s;
transition: background-color .1s;
}
.colio .colio-navigation a:hover,
.colio .colio-no-prev,
.colio .colio-no-next {
background-color: #555!important;
}
.colio .colio-navigation span {
display: inline-block;
width: 24px;
height: 24px;
text-indent: -9999px;
}
.colio .colio-prev span {
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls.png) no-repeat 0 0;
}
.colio .colio-next span {
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls.png) no-repeat -24px 0;
} .colio-item .colio-main,
.colio-item .colio-side {
float: left;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.colio-item .colio-main { width: 100%; }
.colio-item.colio-has-side .colio-main { width: 60%; }
.colio-item .colio-side { width: 40%; }
.colio-item.colio-side-slider .colio-main { width: 40%; }
.colio-item.colio-side-slider .colio-side { width: 60%; } .colio-item:after,
.colio-item .colio-main:after,
.colio-item .colio-side:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
} .colio .colio-social {
margin: 0 0 20px;
padding: 0;
list-style: none;
overflow: hidden;
}
.colio .colio-social li {
float: left;
margin: 0 7px 7px 0;
padding: 0;
}
.colio .colio-social a {
display: inline-block;
width: 24px;
height: 24px;
text-indent: -9999px;
opacity: 0.7;
border-radius: 12px;
background-size: 24px 24px !important;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.colio .colio-social a:hover {
opacity: 1;
}
.colio .colio-social .delicious { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/delicious.png) no-repeat center; }
.colio .colio-social .digg { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/digg.png) no-repeat center; }
.colio .colio-social .dribble { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/dribble.png) no-repeat center; }
.colio .colio-social .ember { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/ember.png) no-repeat center; }
.colio .colio-social .facebook { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/facebook.png) no-repeat center; }
.colio .colio-social .flickr { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/flickr.png) no-repeat center; }
.colio .colio-social .forrst { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/forrst.png) no-repeat center; }
.colio .colio-social .google { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/google.png) no-repeat center; }
.colio .colio-social .last_fm { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/last_fm.png) no-repeat center; }
.colio .colio-social .linkedin { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/linkedin.png) no-repeat center; }
.colio .colio-social .my_space { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/my_space.png) no-repeat center; }
.colio .colio-social .quora { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/quora.png) no-repeat center; }
.colio .colio-social .rss { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/rss.png) no-repeat center; }
.colio .colio-social .sharethis { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/sharethis.png) no-repeat center; }
.colio .colio-social .skype { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/skype.png) no-repeat center; }
.colio .colio-social .stumbleupon { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/stumbleupon.png) no-repeat center; }
.colio .colio-social .tumblr { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/tumblr.png) no-repeat center; }
.colio .colio-social .twitter { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/twitter.png) no-repeat center; }
.colio .colio-social .vimeo { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/vimeo.png) no-repeat center; }
.colio .colio-social .you_tube { background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/social/you_tube.png) no-repeat center; } .colio .colio-feed {	
padding: 0;
margin: 0 0 20px;
list-style: none;
overflow: hidden;
}
.colio .colio-feed li {
float: left;
width: 33.33%;
height: auto;
max-width: 150px;
padding: 0 5px 5px 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.colio .colio-feed li a {
display: block;
outline: none;
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/plus.png) no-repeat center;
background-color: #ff5452;
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.colio .colio-feed img {
width: 100%;
height: auto;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
box-shadow: none;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.colio .colio-feed img:hover {
opacity: 0.2;
} .colio-slider.flexslider {
margin: 0 0 20px;	
background-color: transparent;
overflow: hidden;
}
.colio-slider.flexslider ul,
.colio-slider.flexslider ol {
list-style: none!important;
margin: 0;
padding: 0;
}
.colio-slider.flexslider img { 
margin: 0; 
padding: 0;
border: 0;
}
.colio-slider.flexslider .flex-direction-nav a {
line-height: initial;
text-shadow: none;
text-align: center;
padding: 10px 0;
line-height: 80px;
margin-top: -30px;
outline: none;
background-color: #333;
background-color: rgba(0,0,0,0.3);
}
.colio-slider.flexslider .flex-direction-nav .flex-prev { left: 0px!important; }
.colio-slider.flexslider .flex-direction-nav .flex-next { right: 0px!important; }
.colio-slider.flexslider .flex-direction-nav a:before {
font-size: 20px;
line-height: 40px;
text-shadow: none;
color: #fff;
vertical-align: top;
}
.colio-slider.flexslider .flex-control-paging {
bottom: 5px;
z-index: 10;
}
.colio-slider.flexslider .flex-control-paging li a {
width: 10px;
height: 10px; 
}
.colio-slider.flexslider .flex-caption {
position: absolute;
left: 20px; 
top: 20px;
background-color: #B93838;
padding: 10px 20px;
color: #fff;
font-size: 12px;
line-height: 1.2em;
max-width: 65%;
} .colio-theme-black .colio-container {
background-color: #1a1c1e;
}
.colio-theme-black .colio-navigation {
top: 40px;
left: 60px;
}
.colio-theme-black .colio-navigation a {
background-color: #ff5452;
} .colio-theme-black .colio-item {
color: #999;
}
.colio-theme-black .colio-item p {
margin: 0 0 20px;
color: inherit;
line-height: 1.5em;
}
.colio-theme-black .colio-item a,
.colio-theme-black .colio-item a:visited {
color: #ff5452;
text-decoration: none;
}
.colio-theme-black .colio-item a:hover {
text-decoration: underline;
}
.colio-theme-black .colio-item .colio-title {
margin: 0 0 20px;
padding: 0;
color: #ccc;
line-height: 1.3em;
text-shadow: none;
}
.colio-theme-black.colio-has-navigation .colio-item {
padding-top: 55px;
}
.colio-theme-black .colio-item .colio-subtitle {
margin: -10px 0 20px;
font-style: italic;
font-size: 85%;
font-family: "Times New Roman", Times, serif;
color: #666;	
} .colio-theme-white .colio-container {
border: 1px solid #e0e0e0;
background: #eaeaea;
}
.colio-theme-white.colio-has-navigation .colio-container {
padding-bottom: 80px;
}
.colio-theme-white .colio-navigation {
top: auto;
left: auto;
right: 35px;
bottom: 40px;
}
.colio-theme-white .colio-navigation a {
background-color: #47dfff;
} .colio-theme-white .colio-item {
color: #666;
}
.colio-theme-white .colio-item p {
color: inherit;
margin: 0 0 20px;
line-height: 1.5em;
}
.colio-theme-white .colio-item a,
.colio-theme-white .colio-item a:visited {
color: #47dfff;
font-weight: bold;
text-decoration: none;
}
.colio-theme-white .colio-item a:hover {
color: #555;
}
.colio-theme-white .colio-item .colio-title {
margin: 5px 0 20px;
padding: 0;
color: #555;
line-height: 1.3em;
text-shadow: none;
}
.colio-theme-white .colio-subtitle {
position: relative;
top: -10px;
display: inline-block;
background-color: #ccc;
padding: 0 10px;
margin: 0 0 10px;
font-style: italic;
font-size: 85%;
font-family: "Times New Roman", Times, serif;
color: #fff;
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.colio .colio-prev span {
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls@2x.png) no-repeat 0 0;
background-size: 120px 24px;
}
.colio .colio-next span {
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls@2x.png) no-repeat -24px 0;
background-size: 120px 24px;
}
.colio .colio-close span {
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/images/controls@2x.png) no-repeat -48px 0;
background-size: 120px 24px;
}
}  @media only screen and (min-width: 1280px) {} @media only screen and (min-width: 960px) and (max-width: 1280px) {} @media only screen and (max-width: 959px) {} @media only screen and (min-width: 768px) and (max-width: 959px) {} @media only screen and (max-width: 767px) {
.colio .colio-main,
.colio .colio-side { padding: 0; width: 100%!important; }
.colio .colio-navigation { top: 40px; left: 40px; right: auto; bottom: auto; }
.colio.colio-has-navigation .colio-item { padding-top: 55px; }
.colio-theme-white.colio-has-navigation .colio-container { padding-bottom: 40px; }
.colio .colio-switch-columns .colio-side { margin-top: 20px; }
.colio.colio-has-navigation .colio-switch-columns .colio-side { margin-top: 0; }
} @media only screen and (min-width: 480px) and (max-width: 767px) {} @media only screen and (max-width: 479px) {	
.colio { margin-right: 0!important; }
.colio .colio-container { padding: 30px!important; }
.colio .colio-navigation { top: 30px; left: 30px; }	
.colio .colio-feed li { width: 50%; }
}@font-face {
font-family: 'flexslider-icon';
src: url(//www.bluesfest.com.au/wp-content/plugins/colio/flexslider/fonts/flexslider-icon.eot);
src: url(//www.bluesfest.com.au/wp-content/plugins/colio/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//www.bluesfest.com.au/wp-content/plugins/colio/flexslider/fonts/flexslider-icon.woff) format('woff'), url(//www.bluesfest.com.au/wp-content/plugins/colio/flexslider/fonts/flexslider-icon.ttf) format('truetype'), url(//www.bluesfest.com.au/wp-content/plugins/colio/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #ffffff;
border: 4px solid #ffffff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.bluesfest.com.au/wp-content/plugins/colio/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.bluesfest.com.au/wp-content/plugins/colio/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.bluesfest.com.au/wp-content/plugins/colio/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.bluesfest.com.au/wp-content/plugins/colio/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//www.bluesfest.com.au/wp-content/plugins/colio/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}.gdc_row {overflow:auto; margin-bottom:20px;} .gdc_cfull {width:100%;}
.gdc_chalf {width:50%;}
.gdc_cthird {width:33.3%;}
.gdc_ctwo-thirds {width:66.6%;}
.gdc_cquarter {width:25%;}
.gdc_cthree-quarters {width:75%;} .gdc_column {float:left;}
.gdc_column div.gdc_inner {padding:0 20px;}
.gdc_column:first-of-type .gdc_inner {padding-left:0;}
.gdc_column:last-of-type .gdc_inner {padding-right:0;}
@media only screen and (max-width: 40em) { .gdc_cfull {width:100%;}
.gdc_chalf {width:100%;}
.gdc_cthird {width:100%;}
.gdc_ctwo-thirds {width:100%;}
.gdc_cquarter {width:100%;}
.gdc_cthree-quarters {width:100%;} 
.gdc_column .gdc_inner {padding:0 !important;}
.gdc_column {margin-bottom:20px;}
}@import url("//fonts.googleapis.com/css?family=Amiri:700|Montserrat:100");
@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important} .pum-theme-8616, .pum-theme-content-only { background-color: rgba( 0, 0, 0, 0.70 ) } 
.pum-theme-8616 .pum-container, .pum-theme-content-only .pum-container { padding: 0px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ) } 
.pum-theme-8616 .pum-title, .pum-theme-content-only .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-8616 .pum-content, .pum-theme-content-only .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } 
.pum-theme-8616 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 7px; bottom: auto; top: 7px; padding: 0px; color: #000000; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ) } .pum-theme-4570, .pum-theme-floating-bar { background-color: rgba( 255, 255, 255, 0.00 ) } 
.pum-theme-4570 .pum-container, .pum-theme-floating-bar .pum-container { padding: 8px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 238, 246, 252, 1.00 ) } 
.pum-theme-4570 .pum-title, .pum-theme-floating-bar .pum-title { color: #505050; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-4570 .pum-content, .pum-theme-floating-bar .pum-content { color: #505050; font-family: inherit; font-weight: 400 } 
.pum-theme-4570 .pum-content + .pum-close, .pum-theme-floating-bar .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 5px; bottom: auto; top: 50%; padding: 0px; color: #505050; font-family: Sans-Serif; font-weight: 700; font-size: 15px; line-height: 18px; border: 1px solid #505050; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ); transform: translate(0, -50%) } .pum-theme-3523, .pum-theme-default-theme { background-color: rgba( 10, 0, 2, 0.40 ) } 
.pum-theme-3523 .pum-container, .pum-theme-default-theme .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 3, 161, 209, 1.00 ) } 
.pum-theme-3523 .pum-title, .pum-theme-default-theme .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-3523 .pum-content, .pum-theme-default-theme .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } 
.pum-theme-3523 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: Amiri; font-weight: 700; font-size: 32px; line-height: 36px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 0.00 ) } .pum-theme-3524, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) } 
.pum-theme-3524 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px solid #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-3524 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-3524 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit; font-weight: 100 } 
.pum-theme-3524 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { position: absolute; height: 26px; width: 26px; left: auto; right: -13px; bottom: auto; top: -13px; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 24px; line-height: 24px; border: 2px solid #ffffff; border-radius: 26px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) } .pum-theme-3525, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) } 
.pum-theme-3525 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-3525 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #315b7c; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 34px; line-height: 36px } 
.pum-theme-3525 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-3525 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: Times New Roman; font-weight: 100; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 49, 91, 124, 1.00 ) } .pum-theme-3526, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) } 
.pum-theme-3526 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-3526 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-3526 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-3526 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-3527, .pum-theme-cutting-edge { background-color: rgba( 0, 0, 0, 0.50 ) } 
.pum-theme-3527 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 30, 115, 190, 1.00 ) } 
.pum-theme-3527 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Sans-Serif; font-weight: 100; font-size: 26px; line-height: 28px } 
.pum-theme-3527 .pum-content, .pum-theme-cutting-edge .pum-content { color: #ffffff; font-family: inherit; font-weight: 100 } 
.pum-theme-3527 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { position: absolute; height: 24px; width: 24px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #1e73be; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 0px; box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 238, 238, 34, 1.00 ) } .pum-theme-3528, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) } 
.pum-theme-3528 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) } 
.pum-theme-3528 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-3528 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-3528 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { position: absolute; height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Tahoma; font-weight: 700; font-size: 16px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) } 
#pum-3531 {z-index: 1999999999}
body #header-wrapper .logo {
margin: -65px 0 15px !important;
}
.is-stuck #header-wrapper .logo img {
max-width: 340px !important;
}                                                  #home-lineup .inner {
padding: 60px 0 0 !important;
}
@media (min-width: 64em) {
#footer-subscribe .footer-subscribe-wrapper.new {
padding-bottom: 100px;
}
}
@media (min-width: 64em) {
#home-lineup .inner {
padding: 100px 0 0;
}
}
#home-about h1 {
margin: 0 auto 0 !important;
}
.divider.new {
margin-top: 0px;
margin-bottom: 80px;
}
#footer-subscribe .floralf {
height: 390px !important;
}
#subForm {
position: relative;
z-index: 2;
}
#cboxOverlay,
#cboxWrapper,
#colorbox {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxBottomLeft,
#cboxMiddleLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingGraphic,
#cboxLoadingOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#cboxContent,
#cboxLoadedContent,
#colorbox {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
#cboxOverlay {
background: #000;
opacity: 0.9;
}
#colorbox {
outline: 0;
}
#cboxContent {
margin-top: 20px;
background: #000;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
border: 5px solid #000;
background: #fff;
}
#cboxTitle {
position: absolute;
top: -20px;
left: 0;
color: #ccc;
}
#cboxCurrent {
position: absolute;
top: -20px;
right: 0;
color: #ccc;
}
#cboxLoadingGraphic {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/css/images/loading.gif) no-repeat center center;
}
#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: 0 0;
}
#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
outline: 0;
}
#cboxSlideshow {
position: absolute;
top: -20px;
right: 90px;
color: #fff;
}
#cboxPrevious {
position: absolute;
top: 50%;
left: 5px;
margin-top: -32px;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/css/images/controls.png) no-repeat top left;
width: 28px;
height: 65px;
text-indent: -9999px;
}
#cboxPrevious:hover {
background-position: bottom left;
}
#cboxNext {
position: absolute;
top: 50%;
right: 5px;
margin-top: -32px;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/css/images/controls.png) no-repeat top right;
width: 28px;
height: 65px;
text-indent: -9999px;
}
#cboxNext:hover {
background-position: bottom right;
}
#cboxClose {
position: absolute;
top: 5px;
right: 5px;
display: block;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/css/images/controls.png) no-repeat top center;
width: 38px;
height: 19px;
text-indent: -9999px;
}
#cboxClose:hover {
background-position: bottom center;
}
.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-moz-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
z-index: 0;
}
.tns-fadeOut,
.tns-normal {
opacity: 0;
z-index: -1;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
display: inline-block;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: "";
display: table;
clear: both;
}
.tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
float: left;
} .lazyYT-container {
position: relative;
display: block;
height: 0;
padding: 0 0 56.25% 0;
overflow: hidden;
background-color: #000;
}
.lazyYT-container iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.ytp-gradient-top {
top: 0;
z-index: 21;
width: 100%;
height: 98px;
position: absolute;
pointer-events: none;
background-repeat: repeat-x;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAQAAAA7fHH2AAAAQUlEQVQYV22KQQoAIAzDyv7/Et/oVlGZVCfkkIYamsENXESyi8vc0u/PKZ6o8+7fZ0h8ShRYnD+BFKToRJkHFpkM2hZSxuyWpEYAAAAASUVORK5CYII=);
-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.ytp-chrome-top {
position: absolute;
left: 12px;
right: 10px;
top: 0;
font-family: Roboto, Arial, Helvetica, sans-serif;
color: #eee;
text-align: left;
direction: ltr;
font-size: 11px;
line-height: 1.3;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
z-index: 60;
-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.ytp-title {
font-size: 150%;
overflow: hidden;
padding-right: 20px;
white-space: nowrap;
}
.ytp-title-text {
padding-top: 15px;
display: inline-block;
line-height: 1.1;
vertical-align: top;
max-width: 100%;
margin-left: 4px;
}
.ytp-title-link {
max-width: 100%;
overflow: hidden;
color: #eee;
text-decoration: none;
white-space: nowrap;
word-wrap: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
float: left;
}
.ytp-thumbnail {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 12;
cursor: pointer;
background-position: 50% 50%;
background-repeat: no-repeat;
-moz-transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
-webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.lazyYT-image-loaded .ytp-spinner {
display: none;
}
.ytp-thumbnail button.ytp-button {
visibility: hidden;
}
.ytp-thumbnail.lazyYT-image-loaded button.ytp-button {
visibility: visible;
}
.ytp-spinner {
position: absolute;
left: 45%;
top: 45%;
width: 10%;
height: 10%;
z-index: 16;
}
.ytp-spinner-message {
position: absolute;
left: 50%;
top: 100%;
width: 300px;
font-size: 127%;
line-height: 182%;
margin-left: -150px;
display: none;
text-align: center;
background-color: #000;
opacity: 0.5;
}
@keyframes ytp-spinner-dot-fade {
0% {
opacity: 0.5;
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
50% {
opacity: 0.15;
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
to {
opacity: 0.15;
-moz-transform: scale(0.85, 0.85);
-ms-transform: scale(0.85, 0.85);
-webkit-transform: scale(0.85, 0.85);
transform: scale(0.85, 0.85);
}
}
@-moz-keyframes ytp-spinner-dot-fade {
0% {
opacity: 0.5;
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
50% {
opacity: 0.15;
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
to {
opacity: 0.15;
-moz-transform: scale(0.85, 0.85);
-ms-transform: scale(0.85, 0.85);
-webkit-transform: scale(0.85, 0.85);
transform: scale(0.85, 0.85);
}
}
@-webkit-keyframes ytp-spinner-dot-fade {
0% {
opacity: 0.5;
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
50% {
opacity: 0.15;
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
to {
opacity: 0.15;
-moz-transform: scale(0.85, 0.85);
-ms-transform: scale(0.85, 0.85);
-webkit-transform: scale(0.85, 0.85);
transform: scale(0.85, 0.85);
}
}
.ytp-spinner-dot {
-moz-animation: ytp-spinner-dot-fade 0.8s ease infinite;
-webkit-animation: ytp-spinner-dot-fade 0.8s ease infinite;
animation: ytp-spinner-dot-fade 0.8s ease infinite;
opacity: 0;
fill: #ccc;
-moz-transform-origin: 4px 4px;
-ms-transform-origin: 4px 4px;
-webkit-transform-origin: 4px 4px;
transform-origin: 4px 4px;
}
.ytp-spinner-dot-1 {
-moz-animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.ytp-spinner-dot-2 {
-moz-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.ytp-spinner-dot-3 {
-moz-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.ytp-spinner-dot-4 {
-moz-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.ytp-spinner-dot-5 {
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.ytp-spinner-dot-6 {
-moz-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.ytp-spinner-dot-7 {
-moz-animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.ytp-button,
.ytp-button:focus {
border: none;
outline: 0;
color: inherit;
text-align: inherit;
font-size: 100%;
font-family: inherit;
cursor: default;
line-height: inherit;
padding: 0;
background: 0 0;
}
.ytp-large-play-button {
position: absolute;
left: 50%;
top: 50%;
width: 68px;
height: 48px;
margin-left: -34px;
margin-top: -24px;
-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.ytp-button:not([aria-disabled="true"]):not([disabled]):not([aria-hidden="true"]) {
cursor: pointer;
}
.ytp-large-play-button-bg {
-moz-transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1),
opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
-webkit-transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1),
opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1),
opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
fill: #1f1f1f;
opacity: 0.9;
}
.ytp-thumbnail:hover .ytp-large-play-button-bg {
-moz-transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1),
opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
-webkit-transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1),
opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1),
opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
fill: #cc181e;
opacity: 1;
}
.video-time {
position: absolute;
right: 2px;
bottom: 2px;
height: 14px;
padding: 0 4px;
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 14px;
color: #fff !important;
background-color: #000;
opacity: 0.75;
zoom: 1;
}

@media print, screen and (min-width: 40em) {
.reveal,
.reveal.large,
.reveal.small,
.reveal.tiny {
right: auto;
left: auto;
margin: 0 auto;
}
} html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
main {
display: block;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
input {
overflow: visible;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
details {
display: block;
}
summary {
display: list-item;
}
menu {
display: block;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
*,
::after,
::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0;
}
select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 0;
}
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
max-width: none !important;
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: 0 0;
line-height: 1;
cursor: auto;
}
[data-whatinput="mouse"] button {
outline: 0;
}
pre {
overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.grid-container {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 75rem;
margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
.grid-container {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.grid-container.fluid {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 100%;
margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
.grid-container.fluid {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin: 0 auto;
}
.grid-x {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.cell {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%;
}
.cell.auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.cell.shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .auto {
width: auto;
}
.grid-x > .shrink {
width: auto;
}
.grid-x > .small-1,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-full,
.grid-x > .small-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-1,
.grid-x > .medium-10,
.grid-x > .medium-11,
.grid-x > .medium-12,
.grid-x > .medium-2,
.grid-x > .medium-3,
.grid-x > .medium-4,
.grid-x > .medium-5,
.grid-x > .medium-6,
.grid-x > .medium-7,
.grid-x > .medium-8,
.grid-x > .medium-9,
.grid-x > .medium-full,
.grid-x > .medium-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-1,
.grid-x > .large-10,
.grid-x > .large-11,
.grid-x > .large-12,
.grid-x > .large-2,
.grid-x > .large-3,
.grid-x > .large-4,
.grid-x > .large-5,
.grid-x > .large-6,
.grid-x > .large-7,
.grid-x > .large-8,
.grid-x > .large-9,
.grid-x > .large-full,
.grid-x > .large-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.grid-x > .small-1 {
width: 8.33333%;
}
.grid-x > .small-2 {
width: 16.66667%;
}
.grid-x > .small-3 {
width: 25%;
}
.grid-x > .small-4 {
width: 33.33333%;
}
.grid-x > .small-5 {
width: 41.66667%;
}
.grid-x > .small-6 {
width: 50%;
}
.grid-x > .small-7 {
width: 58.33333%;
}
.grid-x > .small-8 {
width: 66.66667%;
}
.grid-x > .small-9 {
width: 75%;
}
.grid-x > .small-10 {
width: 83.33333%;
}
.grid-x > .small-11 {
width: 91.66667%;
}
.grid-x > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .medium-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.grid-x > .medium-1 {
width: 8.33333%;
}
.grid-x > .medium-2 {
width: 16.66667%;
}
.grid-x > .medium-3 {
width: 25%;
}
.grid-x > .medium-4 {
width: 33.33333%;
}
.grid-x > .medium-5 {
width: 41.66667%;
}
.grid-x > .medium-6 {
width: 50%;
}
.grid-x > .medium-7 {
width: 58.33333%;
}
.grid-x > .medium-8 {
width: 66.66667%;
}
.grid-x > .medium-9 {
width: 75%;
}
.grid-x > .medium-10 {
width: 83.33333%;
}
.grid-x > .medium-11 {
width: 91.66667%;
}
.grid-x > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .large-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.grid-x > .large-1 {
width: 8.33333%;
}
.grid-x > .large-2 {
width: 16.66667%;
}
.grid-x > .large-3 {
width: 25%;
}
.grid-x > .large-4 {
width: 33.33333%;
}
.grid-x > .large-5 {
width: 41.66667%;
}
.grid-x > .large-6 {
width: 50%;
}
.grid-x > .large-7 {
width: 58.33333%;
}
.grid-x > .large-8 {
width: 66.66667%;
}
.grid-x > .large-9 {
width: 75%;
}
.grid-x > .large-10 {
width: 83.33333%;
}
.grid-x > .large-11 {
width: 91.66667%;
}
.grid-x > .large-12 {
width: 100%;
}
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto;
}
.grid-margin-x {
margin-left: -0.625rem;
margin-right: -0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
.grid-margin-x > .cell {
width: calc(100% - 1.25rem);
margin-left: 0.625rem;
margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .cell {
width: calc(100% - 1.875rem);
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
}
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.25rem);
}
.grid-margin-x > .small-2 {
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x > .small-5 {
width: calc(41.66667% - 1.25rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
width: calc(58.33333% - 1.25rem);
}
.grid-margin-x > .small-8 {
width: calc(66.66667% - 1.25rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
width: calc(83.33333% - 1.25rem);
}
.grid-margin-x > .small-11 {
width: calc(91.66667% - 1.25rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .small-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .small-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .small-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .small-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .small-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .small-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .small-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.875rem);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x > .large-auto {
width: auto;
}
.grid-margin-x > .large-shrink {
width: auto;
}
.grid-margin-x > .large-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .large-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .large-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .large-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .large-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .large-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .large-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .large-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 1.875rem);
}
}
.grid-padding-x .grid-padding-x {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x .grid-padding-x {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
.grid-padding-x > .cell {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x > .cell {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.small-up-1 > .cell {
width: 100%;
}
.small-up-2 > .cell {
width: 50%;
}
.small-up-3 > .cell {
width: 33.33333%;
}
.small-up-4 > .cell {
width: 25%;
}
.small-up-5 > .cell {
width: 20%;
}
.small-up-6 > .cell {
width: 16.66667%;
}
.small-up-7 > .cell {
width: 14.28571%;
}
.small-up-8 > .cell {
width: 12.5%;
}
@media print, screen and (min-width: 40em) {
.medium-up-1 > .cell {
width: 100%;
}
.medium-up-2 > .cell {
width: 50%;
}
.medium-up-3 > .cell {
width: 33.33333%;
}
.medium-up-4 > .cell {
width: 25%;
}
.medium-up-5 > .cell {
width: 20%;
}
.medium-up-6 > .cell {
width: 16.66667%;
}
.medium-up-7 > .cell {
width: 14.28571%;
}
.medium-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 64em) {
.large-up-1 > .cell {
width: 100%;
}
.large-up-2 > .cell {
width: 50%;
}
.large-up-3 > .cell {
width: 33.33333%;
}
.large-up-4 > .cell {
width: 25%;
}
.large-up-5 > .cell {
width: 20%;
}
.large-up-6 > .cell {
width: 16.66667%;
}
.large-up-7 > .cell {
width: 14.28571%;
}
.large-up-8 > .cell {
width: 12.5%;
}
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.28571% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.28571% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
}
.small-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .small-1 {
width: 8.33333%;
}
.small-margin-collapse > .small-2 {
width: 16.66667%;
}
.small-margin-collapse > .small-3 {
width: 25%;
}
.small-margin-collapse > .small-4 {
width: 33.33333%;
}
.small-margin-collapse > .small-5 {
width: 41.66667%;
}
.small-margin-collapse > .small-6 {
width: 50%;
}
.small-margin-collapse > .small-7 {
width: 58.33333%;
}
.small-margin-collapse > .small-8 {
width: 66.66667%;
}
.small-margin-collapse > .small-9 {
width: 75%;
}
.small-margin-collapse > .small-10 {
width: 83.33333%;
}
.small-margin-collapse > .small-11 {
width: 91.66667%;
}
.small-margin-collapse > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.small-margin-collapse > .medium-1 {
width: 8.33333%;
}
.small-margin-collapse > .medium-2 {
width: 16.66667%;
}
.small-margin-collapse > .medium-3 {
width: 25%;
}
.small-margin-collapse > .medium-4 {
width: 33.33333%;
}
.small-margin-collapse > .medium-5 {
width: 41.66667%;
}
.small-margin-collapse > .medium-6 {
width: 50%;
}
.small-margin-collapse > .medium-7 {
width: 58.33333%;
}
.small-margin-collapse > .medium-8 {
width: 66.66667%;
}
.small-margin-collapse > .medium-9 {
width: 75%;
}
.small-margin-collapse > .medium-10 {
width: 83.33333%;
}
.small-margin-collapse > .medium-11 {
width: 91.66667%;
}
.small-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.small-margin-collapse > .large-1 {
width: 8.33333%;
}
.small-margin-collapse > .large-2 {
width: 16.66667%;
}
.small-margin-collapse > .large-3 {
width: 25%;
}
.small-margin-collapse > .large-4 {
width: 33.33333%;
}
.small-margin-collapse > .large-5 {
width: 41.66667%;
}
.small-margin-collapse > .large-6 {
width: 50%;
}
.small-margin-collapse > .large-7 {
width: 58.33333%;
}
.small-margin-collapse > .large-8 {
width: 66.66667%;
}
.small-margin-collapse > .large-9 {
width: 75%;
}
.small-margin-collapse > .large-10 {
width: 83.33333%;
}
.small-margin-collapse > .large-11 {
width: 91.66667%;
}
.small-margin-collapse > .large-12 {
width: 100%;
}
}
.small-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.small-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .small-1 {
width: 8.33333%;
}
.medium-margin-collapse > .small-2 {
width: 16.66667%;
}
.medium-margin-collapse > .small-3 {
width: 25%;
}
.medium-margin-collapse > .small-4 {
width: 33.33333%;
}
.medium-margin-collapse > .small-5 {
width: 41.66667%;
}
.medium-margin-collapse > .small-6 {
width: 50%;
}
.medium-margin-collapse > .small-7 {
width: 58.33333%;
}
.medium-margin-collapse > .small-8 {
width: 66.66667%;
}
.medium-margin-collapse > .small-9 {
width: 75%;
}
.medium-margin-collapse > .small-10 {
width: 83.33333%;
}
.medium-margin-collapse > .small-11 {
width: 91.66667%;
}
.medium-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .medium-1 {
width: 8.33333%;
}
.medium-margin-collapse > .medium-2 {
width: 16.66667%;
}
.medium-margin-collapse > .medium-3 {
width: 25%;
}
.medium-margin-collapse > .medium-4 {
width: 33.33333%;
}
.medium-margin-collapse > .medium-5 {
width: 41.66667%;
}
.medium-margin-collapse > .medium-6 {
width: 50%;
}
.medium-margin-collapse > .medium-7 {
width: 58.33333%;
}
.medium-margin-collapse > .medium-8 {
width: 66.66667%;
}
.medium-margin-collapse > .medium-9 {
width: 75%;
}
.medium-margin-collapse > .medium-10 {
width: 83.33333%;
}
.medium-margin-collapse > .medium-11 {
width: 91.66667%;
}
.medium-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.medium-margin-collapse > .large-1 {
width: 8.33333%;
}
.medium-margin-collapse > .large-2 {
width: 16.66667%;
}
.medium-margin-collapse > .large-3 {
width: 25%;
}
.medium-margin-collapse > .large-4 {
width: 33.33333%;
}
.medium-margin-collapse > .large-5 {
width: 41.66667%;
}
.medium-margin-collapse > .large-6 {
width: 50%;
}
.medium-margin-collapse > .large-7 {
width: 58.33333%;
}
.medium-margin-collapse > .large-8 {
width: 66.66667%;
}
.medium-margin-collapse > .large-9 {
width: 75%;
}
.medium-margin-collapse > .large-10 {
width: 83.33333%;
}
.medium-margin-collapse > .large-11 {
width: 91.66667%;
}
.medium-margin-collapse > .large-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.large-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .small-1 {
width: 8.33333%;
}
.large-margin-collapse > .small-2 {
width: 16.66667%;
}
.large-margin-collapse > .small-3 {
width: 25%;
}
.large-margin-collapse > .small-4 {
width: 33.33333%;
}
.large-margin-collapse > .small-5 {
width: 41.66667%;
}
.large-margin-collapse > .small-6 {
width: 50%;
}
.large-margin-collapse > .small-7 {
width: 58.33333%;
}
.large-margin-collapse > .small-8 {
width: 66.66667%;
}
.large-margin-collapse > .small-9 {
width: 75%;
}
.large-margin-collapse > .small-10 {
width: 83.33333%;
}
.large-margin-collapse > .small-11 {
width: 91.66667%;
}
.large-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .medium-1 {
width: 8.33333%;
}
.large-margin-collapse > .medium-2 {
width: 16.66667%;
}
.large-margin-collapse > .medium-3 {
width: 25%;
}
.large-margin-collapse > .medium-4 {
width: 33.33333%;
}
.large-margin-collapse > .medium-5 {
width: 41.66667%;
}
.large-margin-collapse > .medium-6 {
width: 50%;
}
.large-margin-collapse > .medium-7 {
width: 58.33333%;
}
.large-margin-collapse > .medium-8 {
width: 66.66667%;
}
.large-margin-collapse > .medium-9 {
width: 75%;
}
.large-margin-collapse > .medium-10 {
width: 83.33333%;
}
.large-margin-collapse > .medium-11 {
width: 91.66667%;
}
.large-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .large-1 {
width: 8.33333%;
}
.large-margin-collapse > .large-2 {
width: 16.66667%;
}
.large-margin-collapse > .large-3 {
width: 25%;
}
.large-margin-collapse > .large-4 {
width: 33.33333%;
}
.large-margin-collapse > .large-5 {
width: 41.66667%;
}
.large-margin-collapse > .large-6 {
width: 50%;
}
.large-margin-collapse > .large-7 {
width: 58.33333%;
}
.large-margin-collapse > .large-8 {
width: 66.66667%;
}
.large-margin-collapse > .large-9 {
width: 75%;
}
.large-margin-collapse > .large-10 {
width: 83.33333%;
}
.large-margin-collapse > .large-11 {
width: 91.66667%;
}
.large-margin-collapse > .large-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.large-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
.small-offset-0 {
margin-left: 0;
}
.grid-margin-x > .small-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.small-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.33333% + 0.625rem);
}
.small-offset-2 {
margin-left: 16.66667%;
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.66667% + 0.625rem);
}
.small-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.small-offset-4 {
margin-left: 33.33333%;
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.33333% + 0.625rem);
}
.small-offset-5 {
margin-left: 41.66667%;
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.66667% + 0.625rem);
}
.small-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.small-offset-7 {
margin-left: 58.33333%;
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.33333% + 0.625rem);
}
.small-offset-8 {
margin-left: 66.66667%;
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.66667% + 0.625rem);
}
.small-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.small-offset-10 {
margin-left: 83.33333%;
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.33333% + 0.625rem);
}
.small-offset-11 {
margin-left: 91.66667%;
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.66667% + 0.625rem);
}
@media print, screen and (min-width: 40em) {
.medium-offset-0 {
margin-left: 0;
}
.grid-margin-x > .medium-offset-0 {
margin-left: calc(0% + 0.9375rem);
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.33333% + 0.9375rem);
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.66667% + 0.9375rem);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + 0.9375rem);
}
.medium-offset-4 {
margin-left: 33.33333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.33333% + 0.9375rem);
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.66667% + 0.9375rem);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + 0.9375rem);
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.33333% + 0.9375rem);
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.66667% + 0.9375rem);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + 0.9375rem);
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.33333% + 0.9375rem);
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.66667% + 0.9375rem);
}
}
@media print, screen and (min-width: 64em) {
.large-offset-0 {
margin-left: 0;
}
.grid-margin-x > .large-offset-0 {
margin-left: calc(0% + 0.9375rem);
}
.large-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.33333% + 0.9375rem);
}
.large-offset-2 {
margin-left: 16.66667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.66667% + 0.9375rem);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + 0.9375rem);
}
.large-offset-4 {
margin-left: 33.33333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.33333% + 0.9375rem);
}
.large-offset-5 {
margin-left: 41.66667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.66667% + 0.9375rem);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + 0.9375rem);
}
.large-offset-7 {
margin-left: 58.33333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.33333% + 0.9375rem);
}
.large-offset-8 {
margin-left: 66.66667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.66667% + 0.9375rem);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + 0.9375rem);
}
.large-offset-10 {
margin-left: 83.33333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.33333% + 0.9375rem);
}
.large-offset-11 {
margin-left: 91.66667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.66667% + 0.9375rem);
}
}
.grid-y {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.grid-y > .cell {
width: auto;
}
.grid-y > .auto {
height: auto;
}
.grid-y > .shrink {
height: auto;
}
.grid-y > .small-1,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9,
.grid-y > .small-full,
.grid-y > .small-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-1,
.grid-y > .medium-10,
.grid-y > .medium-11,
.grid-y > .medium-12,
.grid-y > .medium-2,
.grid-y > .medium-3,
.grid-y > .medium-4,
.grid-y > .medium-5,
.grid-y > .medium-6,
.grid-y > .medium-7,
.grid-y > .medium-8,
.grid-y > .medium-9,
.grid-y > .medium-full,
.grid-y > .medium-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-1,
.grid-y > .large-10,
.grid-y > .large-11,
.grid-y > .large-12,
.grid-y > .large-2,
.grid-y > .large-3,
.grid-y > .large-4,
.grid-y > .large-5,
.grid-y > .large-6,
.grid-y > .large-7,
.grid-y > .large-8,
.grid-y > .large-9,
.grid-y > .large-full,
.grid-y > .large-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.grid-y > .small-1 {
height: 8.33333%;
}
.grid-y > .small-2 {
height: 16.66667%;
}
.grid-y > .small-3 {
height: 25%;
}
.grid-y > .small-4 {
height: 33.33333%;
}
.grid-y > .small-5 {
height: 41.66667%;
}
.grid-y > .small-6 {
height: 50%;
}
.grid-y > .small-7 {
height: 58.33333%;
}
.grid-y > .small-8 {
height: 66.66667%;
}
.grid-y > .small-9 {
height: 75%;
}
.grid-y > .small-10 {
height: 83.33333%;
}
.grid-y > .small-11 {
height: 91.66667%;
}
.grid-y > .small-12 {
height: 100%;
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .medium-shrink {
height: auto;
}
.grid-y > .medium-1 {
height: 8.33333%;
}
.grid-y > .medium-2 {
height: 16.66667%;
}
.grid-y > .medium-3 {
height: 25%;
}
.grid-y > .medium-4 {
height: 33.33333%;
}
.grid-y > .medium-5 {
height: 41.66667%;
}
.grid-y > .medium-6 {
height: 50%;
}
.grid-y > .medium-7 {
height: 58.33333%;
}
.grid-y > .medium-8 {
height: 66.66667%;
}
.grid-y > .medium-9 {
height: 75%;
}
.grid-y > .medium-10 {
height: 83.33333%;
}
.grid-y > .medium-11 {
height: 91.66667%;
}
.grid-y > .medium-12 {
height: 100%;
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .large-shrink {
height: auto;
}
.grid-y > .large-1 {
height: 8.33333%;
}
.grid-y > .large-2 {
height: 16.66667%;
}
.grid-y > .large-3 {
height: 25%;
}
.grid-y > .large-4 {
height: 33.33333%;
}
.grid-y > .large-5 {
height: 41.66667%;
}
.grid-y > .large-6 {
height: 50%;
}
.grid-y > .large-7 {
height: 58.33333%;
}
.grid-y > .large-8 {
height: 66.66667%;
}
.grid-y > .large-9 {
height: 75%;
}
.grid-y > .large-10 {
height: 83.33333%;
}
.grid-y > .large-11 {
height: 91.66667%;
}
.grid-y > .large-12 {
height: 100%;
}
}
.grid-padding-y .grid-padding-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y .grid-padding-y {
margin-top: -0.9375rem;
margin-bottom: -0.9375rem;
}
}
.grid-padding-y > .cell {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y > .cell {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
.grid-margin-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -0.9375rem;
margin-bottom: -0.9375rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.25rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.25rem);
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.25rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.25rem);
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.25rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.25rem);
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.25rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .large-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .large-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .large-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .large-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem);
}
}
.grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .grid-frame {
width: 100%;
}
.cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.cell-block-y {
overflow-y: auto;
max-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.cell-block-container > .grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media print, screen and (min-width: 40em) {
.medium-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .medium-grid-frame {
width: 100%;
}
.medium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.medium-cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.medium-cell-block-container > .grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
}
@media print, screen and (min-width: 64em) {
.large-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .large-grid-frame {
width: 100%;
}
.large-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.large-cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.large-cell-block-container > .grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.large-cell-block-y {
overflow-y: auto;
max-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
}
.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
@media print, screen and (min-width: 40em) {
.grid-y.medium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
@media print, screen and (min-width: 64em) {
.grid-y.large-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
.cell .grid-y.grid-frame {
height: 100%;
}
@media print, screen and (min-width: 40em) {
.cell .grid-y.medium-grid-frame {
height: 100%;
}
}
@media print, screen and (min-width: 64em) {
.cell .grid-y.large-grid-frame {
height: 100%;
}
}
.grid-margin-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -0.9375rem;
margin-bottom: -0.9375rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.25rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.25rem);
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.25rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.25rem);
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.25rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.25rem);
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.25rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .large-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .large-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .large-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .large-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem);
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.875rem);
}
}
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
em,
i {
font-style: italic;
line-height: inherit;
}
b,
strong {
font-weight: 700;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 400;
color: inherit;
text-rendering: optimizeLegibility;
}
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
line-height: 0;
color: #ffffff;
}
.h1,
h1 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
.h2,
h2 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
.h3,
h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
.h4,
h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
.h5,
h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
.h6,
h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
.h1,
h1 {
font-size: 3rem;
}
.h2,
h2 {
font-size: 2.5rem;
}
.h3,
h3 {
font-size: 1.9375rem;
}
.h4,
h4 {
font-size: 1.5625rem;
}
.h5,
h5 {
font-size: 1.25rem;
}
.h6,
h6 {
font-size: 1rem;
}
}
a {
line-height: inherit;
color: #1779ba;
text-decoration: none;
cursor: pointer;
}
a:focus,
a:hover {
color: #1468a0;
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
}
dl,
ol,
ul {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6;
}
li {
font-size: inherit;
}
ul {
margin-left: 1.25rem;
list-style-type: disc;
}
ol {
margin-left: 1.25rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: 700;
}
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca;
}
blockquote,
blockquote p {
line-height: 1.6;
color: #8a8a8a;
}
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a;
}
cite:before {
content: "— ";
}
abbr,
abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none;
}
figure {
margin: 0;
}
code {
padding: 0.125rem 0.3125rem 0.0625rem;
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 400;
color: #0a0a0a;
}
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: 400;
line-height: 1.4;
color: #8a8a8a;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
ol.no-bullet,
ul.no-bullet {
margin-left: 0;
list-style: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: 0 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #000 !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
blockquote,
pre {
border: 1px solid #8a8a8a;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.print-break-inside {
page-break-inside: auto;
}
}
[type="color"],
[type="date"],
[type="datetime-local"],
[type="datetime"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out,
-webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type="color"]:focus,
[type="date"]:focus,
[type="datetime-local"]:focus,
[type="datetime"]:focus,
[type="email"]:focus,
[type="month"]:focus,
[type="number"]:focus,
[type="password"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="text"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="week"]:focus,
textarea:focus {
outline: 0;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out,
-webkit-box-shadow 0.5s;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #cacaca;
}
input::placeholder,
textarea::placeholder {
color: #cacaca;
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed;
}
[type="button"],
[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[type="checkbox"],
[type="file"],
[type="radio"] {
margin: 0 0 1rem;
}
[type="checkbox"] + label,
[type="radio"] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
}
[type="checkbox"] + label[for],
[type="radio"] + label[for] {
cursor: pointer;
}
label > [type="checkbox"],
label > [type="radio"] {
margin-right: 0.5rem;
}
[type="file"] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
color: #0a0a0a;
}
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a;
}
.input-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 1rem;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.input-group > :first-child {
border-radius: 0;
}
.input-group > :last-child > * {
border-radius: 0;
}
.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
margin: 0;
white-space: nowrap;
}
.input-group-label {
padding: 0 1rem;
border: 1px solid #cacaca;
background: #e6e6e6;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
min-width: 0;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
height: auto;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
max-width: 100%;
margin-bottom: 0.5rem;
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca;
}
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
-webkit-background-origin: content-box;
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
-webkit-background-size: 9px 6px;
background-size: 9px 6px;
padding-right: 1.5rem;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out,
-webkit-box-shadow 0.5s;
}
@media screen and (min-width: 0\0) {
select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==);
}
}
select:focus {
outline: 0;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out,
-webkit-box-shadow 0.5s;
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
.is-invalid-input:not(:focus) {
border-color: #cc4b37;
background-color: #f9ecea;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37;
}
.is-invalid-label {
color: #cc4b37;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: 700;
color: #cc4b37;
}
.form-error.is-visible {
display: block;
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #1779ba;
color: #fefefe;
}
[data-whatinput="mouse"] .button {
outline: 0;
}
.button:focus,
.button:hover {
background-color: #14679e;
color: #fefefe;
}
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.button.primary {
background-color: #1779ba;
color: #fefefe;
}
.button.primary:focus,
.button.primary:hover {
background-color: #126195;
color: #fefefe;
}
.button.secondary {
background-color: #767676;
color: #fefefe;
}
.button.secondary:focus,
.button.secondary:hover {
background-color: #5e5e5e;
color: #fefefe;
}
.button.success {
background-color: #3adb76;
color: #0a0a0a;
}
.button.success:focus,
.button.success:hover {
background-color: #22bb5b;
color: #0a0a0a;
}
.button.warning {
background-color: #ffae00;
color: #0a0a0a;
}
.button.warning:focus,
.button.warning:hover {
background-color: #cc8b00;
color: #0a0a0a;
}
.button.alert {
background-color: #cc4b37;
color: #fefefe;
}
.button.alert:focus,
.button.alert:hover {
background-color: #a53b2a;
color: #fefefe;
}
.button.disabled,
.button[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
background-color: #1779ba;
color: #fefefe;
}
.button.disabled.primary,
.button[disabled].primary {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.primary,
.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
background-color: #1779ba;
color: #fefefe;
}
.button.disabled.secondary,
.button[disabled].secondary {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.secondary,
.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
background-color: #767676;
color: #fefefe;
}
.button.disabled.success,
.button[disabled].success {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.success,
.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success,
.button[disabled].success:focus,
.button[disabled].success:hover {
background-color: #3adb76;
color: #0a0a0a;
}
.button.disabled.warning,
.button[disabled].warning {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.warning,
.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
background-color: #ffae00;
color: #0a0a0a;
}
.button.disabled.alert,
.button[disabled].alert {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.alert,
.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
background-color: #cc4b37;
color: #fefefe;
}
.button.hollow {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
background-color: transparent;
}
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
background-color: transparent;
}
.button.hollow:focus,
.button.hollow:hover {
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.hollow:focus.disabled,
.button.hollow:focus[disabled],
.button.hollow:hover.disabled,
.button.hollow:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.primary {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.primary:focus,
.button.hollow.primary:hover {
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.hollow.primary:focus.disabled,
.button.hollow.primary:focus[disabled],
.button.hollow.primary:hover.disabled,
.button.hollow.primary:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.secondary {
border: 1px solid #767676;
color: #767676;
}
.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
border-color: #3b3b3b;
color: #3b3b3b;
}
.button.hollow.secondary:focus.disabled,
.button.hollow.secondary:focus[disabled],
.button.hollow.secondary:hover.disabled,
.button.hollow.secondary:hover[disabled] {
border: 1px solid #767676;
color: #767676;
}
.button.hollow.success {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:focus,
.button.hollow.success:hover {
border-color: #157539;
color: #157539;
}
.button.hollow.success:focus.disabled,
.button.hollow.success:focus[disabled],
.button.hollow.success:hover.disabled,
.button.hollow.success:hover[disabled] {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.warning:focus,
.button.hollow.warning:hover {
border-color: #805700;
color: #805700;
}
.button.hollow.warning:focus.disabled,
.button.hollow.warning:focus[disabled],
.button.hollow.warning:hover.disabled,
.button.hollow.warning:hover[disabled] {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.alert {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.hollow.alert:focus,
.button.hollow.alert:hover {
border-color: #67251a;
color: #67251a;
}
.button.hollow.alert:focus.disabled,
.button.hollow.alert:focus[disabled],
.button.hollow.alert:hover.disabled,
.button.hollow.alert:hover[disabled] {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.clear {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear,
.button.clear:focus,
.button.clear:hover {
background-color: transparent;
}
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
background-color: transparent;
}
.button.clear:focus,
.button.clear:hover {
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover.disabled,
.button.clear:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear,
.button.clear.disabled,
.button.clear:focus,
.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover,
.button.clear:hover.disabled,
.button.clear:hover[disabled],
.button.clear[disabled] {
border-color: transparent;
}
.button.clear.primary {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear.primary:focus,
.button.clear.primary:hover {
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary:focus,
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover,
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled],
.button.clear.primary[disabled] {
border-color: transparent;
}
.button.clear.secondary {
border: 1px solid #767676;
color: #767676;
}
.button.clear.secondary:focus,
.button.clear.secondary:hover {
border-color: #3b3b3b;
color: #3b3b3b;
}
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled] {
border: 1px solid #767676;
color: #767676;
}
.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary:focus,
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover,
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled],
.button.clear.secondary[disabled] {
border-color: transparent;
}
.button.clear.success {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.clear.success:focus,
.button.clear.success:hover {
border-color: #157539;
color: #157539;
}
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled] {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.clear.success,
.button.clear.success.disabled,
.button.clear.success:focus,
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover,
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled],
.button.clear.success[disabled] {
border-color: transparent;
}
.button.clear.warning {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.clear.warning:focus,
.button.clear.warning:hover {
border-color: #805700;
color: #805700;
}
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled] {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning:focus,
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover,
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled],
.button.clear.warning[disabled] {
border-color: transparent;
}
.button.clear.alert {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.clear.alert:focus,
.button.clear.alert:hover {
border-color: #67251a;
color: #67251a;
}
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled] {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert:focus,
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover,
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled],
.button.clear.alert[disabled] {
border-color: transparent;
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #fefefe transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em;
}
.button.dropdown.hollow::after {
border-top-color: #1779ba;
}
.button.dropdown.hollow.primary::after {
border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary::after {
border-top-color: #767676;
}
.button.dropdown.hollow.success::after {
border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after {
border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after {
border-top-color: #cc4b37;
}
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0;
}
a.button:focus,
a.button:hover {
text-decoration: none;
}
.accordion {
margin-left: 0;
background: #fefefe;
list-style-type: none;
}
.accordion[disabled] .accordion-title {
cursor: not-allowed;
}
.accordion-item:first-child > :first-child {
border-radius: 0;
}
.accordion-item:last-child > :last-child {
border-radius: 0;
}
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #1779ba;
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #e6e6e6;
border-radius: 0;
}
.accordion-title:focus,
.accordion-title:hover {
background-color: #e6e6e6;
}
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: "+";
}
.is-active > .accordion-title::before {
content: "\2013";
}
.accordion-content {
display: none;
padding: 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
background-color: #fefefe;
color: #0a0a0a;
}
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #e6e6e6;
}
.accordion-menu li {
width: 100%;
}
.accordion-menu a {
padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
margin-right: 0;
margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-right: 1rem;
margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative;
}
.accordion-menu
.is-accordion-submenu-parent:not(.has-submenu-toggle)
> a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
left: auto;
right: 1rem;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
right: auto;
left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.is-accordion-submenu-parent {
position: relative;
}
.has-submenu-toggle > a {
margin-right: 40px;
}
.submenu-toggle {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 40px;
height: 40px;
}
.submenu-toggle::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
top: 0;
bottom: 0;
margin: auto;
}
.submenu-toggle[aria-expanded="true"]::after {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.submenu-toggle-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.badge {
display: inline-block;
min-width: 2.1em;
padding: 0.3em;
border-radius: 50%;
font-size: 0.6rem;
text-align: center;
background: #1779ba;
color: #fefefe;
}
.badge.primary {
background: #1779ba;
color: #fefefe;
}
.badge.secondary {
background: #767676;
color: #fefefe;
}
.badge.success {
background: #3adb76;
color: #0a0a0a;
}
.badge.warning {
background: #ffae00;
color: #0a0a0a;
}
.badge.alert {
background: #cc4b37;
color: #fefefe;
}
.breadcrumbs {
margin: 0 0 1rem 0;
list-style: none;
}
.breadcrumbs::after,
.breadcrumbs::before {
display: table;
content: " ";
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.breadcrumbs::after {
clear: both;
}
.breadcrumbs li {
float: left;
font-size: 0.6875rem;
color: #0a0a0a;
cursor: default;
text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
position: relative;
margin: 0 0.75rem;
opacity: 1;
content: "/";
color: #cacaca;
}
.breadcrumbs a {
color: #1779ba;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .disabled {
color: #cacaca;
cursor: not-allowed;
}
.button-group {
margin-bottom: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.button-group::after,
.button-group::before {
display: table;
content: " ";
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.button-group::after {
clear: both;
}
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.button-group .button:last-child {
margin-right: 0;
}
.button-group.tiny .button {
font-size: 0.6rem;
}
.button-group.small .button {
font-size: 0.75rem;
}
.button-group.large .button {
font-size: 1.25rem;
}
.button-group.expanded .button {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.button-group.primary .button {
background-color: #1779ba;
color: #fefefe;
}
.button-group.primary .button:focus,
.button-group.primary .button:hover {
background-color: #126195;
color: #fefefe;
}
.button-group.secondary .button {
background-color: #767676;
color: #fefefe;
}
.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
background-color: #5e5e5e;
color: #fefefe;
}
.button-group.success .button {
background-color: #3adb76;
color: #0a0a0a;
}
.button-group.success .button:focus,
.button-group.success .button:hover {
background-color: #22bb5b;
color: #0a0a0a;
}
.button-group.warning .button {
background-color: #ffae00;
color: #0a0a0a;
}
.button-group.warning .button:focus,
.button-group.warning .button:hover {
background-color: #cc8b00;
color: #0a0a0a;
}
.button-group.alert .button {
background-color: #cc4b37;
color: #fefefe;
}
.button-group.alert .button:focus,
.button-group.alert .button:hover {
background-color: #a53b2a;
color: #fefefe;
}
.button-group.stacked,
.button-group.stacked-for-medium,
.button-group.stacked-for-small {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.button-group.stacked .button,
.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.button-group.stacked .button:last-child,
.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
margin-bottom: 0;
}
}
@media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
margin-bottom: 0;
}
}
@media screen and (max-width: 39.9375em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0;
}
}
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
background-color: #fff;
color: #0a0a0a;
}
.callout > :first-child {
margin-top: 0;
}
.callout > :last-child {
margin-bottom: 0;
}
.callout.primary {
background-color: #d7ecfa;
color: #0a0a0a;
}
.callout.secondary {
background-color: #eaeaea;
color: #0a0a0a;
}
.callout.success {
background-color: #e1faea;
color: #0a0a0a;
}
.callout.warning {
background-color: #fff3d9;
color: #0a0a0a;
}
.callout.alert {
background-color: #f7e4e1;
color: #0a0a0a;
}
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem;
}
.card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 1rem;
border: 1px solid #e6e6e6;
border-radius: 0;
background: #fefefe;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
color: #0a0a0a;
}
.card > :last-child {
margin-bottom: 0;
}
.card-divider {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1rem;
background: #e6e6e6;
}
.card-divider > :last-child {
margin-bottom: 0;
}
.card-section {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 1rem;
}
.card-section > :last-child {
margin-bottom: 0;
}
.card-image {
min-height: 1px;
}
.close-button {
position: absolute;
color: #8a8a8a;
cursor: pointer;
}
[data-whatinput="mouse"] .close-button {
outline: 0;
}
.close-button:focus,
.close-button:hover {
color: #0a0a0a;
}
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1;
}
.close-button,
.close-button.medium {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1;
}
.menu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
[data-whatinput="mouse"] .menu li {
outline: 0;
}
.menu .button,
.menu a {
line-height: 1;
text-decoration: none;
display: block;
padding: 0.7rem 1rem;
}
.menu a,
.menu button,
.menu input,
.menu select {
margin-bottom: 0;
}
.menu input {
display: inline-block;
}
.menu,
.menu.horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.menu.vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.menu.expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.menu.simple {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.menu.simple li + li {
margin-left: 1rem;
}
.menu.simple a {
padding: 0;
}
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.menu.medium-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.menu.medium-expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.menu.medium-simple li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
@media print, screen and (min-width: 64em) {
.menu.large-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.menu.large-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.menu.large-expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.menu.large-simple li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
.menu.nested {
margin-right: 0;
margin-left: 1rem;
}
.menu.icons a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu.icon-bottom a,
.menu.icon-left a,
.menu.icon-right a,
.menu.icon-top a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu.icon-left li a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.menu.icon-left li a i,
.menu.icon-left li a img,
.menu.icon-left li a svg {
margin-right: 0.25rem;
}
.menu.icon-right li a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.menu.icon-right li a i,
.menu.icon-right li a img,
.menu.icon-right li a svg {
margin-left: 0.25rem;
}
.menu.icon-top li a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.menu.icon-top li a i,
.menu.icon-top li a img,
.menu.icon-top li a svg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center;
}
.menu.icon-bottom li a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.menu.icon-bottom li a i,
.menu.icon-bottom li a img,
.menu.icon-bottom li a svg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center;
}
.menu .is-active > a {
background: #1779ba;
color: #fefefe;
}
.menu .active > a {
background: #1779ba;
color: #fefefe;
}
.menu.align-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.menu.align-right li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.menu.align-right li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.menu.align-right.vertical li {
display: block;
text-align: right;
}
.menu.align-right.vertical li .submenu li {
text-align: right;
}
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0;
}
.menu.align-center li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu.align-center li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.menu .menu-text {
padding: 0.7rem 1rem;
font-weight: 700;
line-height: 1;
color: inherit;
}
.menu-centered > .menu {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-centered > .menu li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-centered > .menu li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
}
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #fefefe;
-webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
content: "";
}
.menu-icon:hover::after {
background: #cacaca;
-webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
}
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
-webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: "";
}
.menu-icon.dark:hover::after {
background: #8a8a8a;
-webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}
.is-drilldown {
position: relative;
overflow: hidden;
}
.is-drilldown li {
display: block;
}
.is-drilldown.animate-height {
-webkit-transition: height 0.5s;
transition: height 0.5s;
}
.drilldown a {
padding: 0.7rem 1rem;
background: #fefefe;
}
.drilldown .is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #fefefe;
-webkit-transition: -webkit-transform 0.15s linear;
transition: -webkit-transform 0.15s linear;
transition: transform 0.15s linear;
transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
margin-right: 0;
margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
left: auto;
right: 1rem;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
right: auto;
left: 1rem;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
}
.drilldown .js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
border-left-width: 0;
}
.dropdown-pane {
position: absolute;
z-index: 10;
width: 300px;
padding: 1rem;
visibility: hidden;
display: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-size: 1rem;
}
.dropdown-pane.is-opening {
display: block;
}
.dropdown-pane.is-open {
visibility: visible;
display: block;
}
.dropdown-pane.tiny {
width: 100px;
}
.dropdown-pane.small {
width: 200px;
}
.dropdown-pane.large {
width: 400px;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
.dropdown.menu a {
padding: 0.7rem 1rem;
}
[data-whatinput="mouse"] .dropdown.menu a {
outline: 0;
}
.dropdown.menu .is-active > a {
background: 0 0;
color: #1779ba;
}
.no-js .dropdown.menu ul {
display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
margin-right: 0;
margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
top: 0;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.vertical > li > a::after {
right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
right: auto;
left: 5px;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
}
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba;
}
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.medium-horizontal
> li.is-dropdown-submenu-parent
> a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.medium-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.medium-vertical > li.opens-left > a::after {
right: auto;
left: 5px;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
}
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba;
}
}
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
top: 0;
}
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.large-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.large-vertical > li.opens-left > a::after {
right: auto;
left: 5px;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
}
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba;
}
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto;
}
.is-dropdown-menu.vertical {
width: 100px;
}
.is-dropdown-menu.vertical.align-right {
float: right;
}
.is-dropdown-submenu-parent {
position: relative;
}
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
left: auto;
margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #cacaca;
background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
right: auto;
left: 5px;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba;
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px;
}
.is-dropdown-submenu > li {
width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
display: block;
}
.flex-video,
.responsive-embed {
position: relative;
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
overflow: hidden;
}
.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flex-video.widescreen,
.responsive-embed.widescreen {
padding-bottom: 56.25%;
}
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 0;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #1779ba;
color: #fefefe;
}
.label.primary {
background: #1779ba;
color: #fefefe;
}
.label.secondary {
background: #767676;
color: #fefefe;
}
.label.success {
background: #3adb76;
color: #0a0a0a;
}
.label.warning {
background: #ffae00;
color: #0a0a0a;
}
.label.alert {
background: #cc4b37;
color: #fefefe;
}
.media-object {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.media-object img {
max-width: none;
}
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.media-object.stack-for-small .media-object-section img {
width: 100%;
}
}
.media-object-section {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.media-object-section:first-child {
padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem;
}
.media-object-section > :last-child {
margin-bottom: 0;
}
.media-object-section.main-section {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.is-off-canvas-open {
overflow: hidden;
}
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
transition: opacity 0.5s ease, visibility 0.5s ease;
background: rgba(254, 254, 254, 0.25);
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible;
}
.js-off-canvas-overlay.is-closable {
cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed;
}
.off-canvas-wrapper {
position: relative;
overflow: hidden;
}
.off-canvas {
position: fixed;
z-index: 12;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #e6e6e6;
}
[data-whatinput="mouse"] .off-canvas {
outline: 0;
}
.off-canvas.is-transition-push {
z-index: 12;
}
.off-canvas.is-closed {
visibility: hidden;
}
.off-canvas.is-transition-overlap {
z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
-webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-absolute {
position: absolute;
z-index: 12;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #e6e6e6;
}
[data-whatinput="mouse"] .off-canvas-absolute {
outline: 0;
}
.off-canvas-absolute.is-transition-push {
z-index: 12;
}
.off-canvas-absolute.is-closed {
visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
-webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.position-left {
top: 0;
left: 0;
height: 100%;
overflow-y: auto;
width: 250px;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content.is-open-left.has-transition-push {
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
.position-left.is-transition-push {
-webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}
.position-right {
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
width: 250px;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content.is-open-right.has-transition-push {
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
.position-right.is-transition-push {
-webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}
.position-top {
top: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 250px;
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content.is-open-top.has-transition-push {
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px);
}
.position-top.is-transition-push {
-webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}
.position-bottom {
bottom: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 250px;
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content.is-open-bottom.has-transition-push {
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
}
.position-bottom.is-transition-push {
-webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}
.off-canvas-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.off-canvas-content.has-transition-push {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
@media print, screen and (min-width: 40em) {
.position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-left.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 250px;
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-right.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 250px;
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 250px;
}
.position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-top.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 250px;
}
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 250px;
}
.position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 250px;
}
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 250px;
}
}
@media print, screen and (min-width: 64em) {
.position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-left.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 250px;
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-right.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 250px;
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 250px;
}
.position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-top.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 250px;
}
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 250px;
}
.position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 250px;
}
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 250px;
}
}
@media print, screen and (min-width: 40em) {
.off-canvas.in-canvas-for-medium {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
-webkit-transition: inherit;
transition: inherit;
}
.off-canvas.in-canvas-for-medium.position-bottom,
.off-canvas.in-canvas-for-medium.position-left,
.off-canvas.in-canvas-for-medium.position-right,
.off-canvas.in-canvas-for-medium.position-top {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-medium .close-button {
display: none;
}
}
@media print, screen and (min-width: 64em) {
.off-canvas.in-canvas-for-large {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
-webkit-transition: inherit;
transition: inherit;
}
.off-canvas.in-canvas-for-large.position-bottom,
.off-canvas.in-canvas-for-large.position-left,
.off-canvas.in-canvas-for-large.position-right,
.off-canvas.in-canvas-for-large.position-top {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-large .close-button {
display: none;
}
}
.orbit {
position: relative;
}
.orbit-container {
position: relative;
height: 0;
margin: 0;
list-style: none;
overflow: hidden;
}
.orbit-slide {
width: 100%;
}
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0;
}
.orbit-figure {
margin: 0;
}
.orbit-image {
width: 100%;
max-width: 100%;
margin: 0;
}
.orbit-caption {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
padding: 1rem;
background-color: rgba(10, 10, 10, 0.5);
color: #fefefe;
}
.orbit-next,
.orbit-previous {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
padding: 1rem;
color: #fefefe;
}
[data-whatinput="mouse"] .orbit-next,
[data-whatinput="mouse"] .orbit-previous {
outline: 0;
}
.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
background-color: rgba(10, 10, 10, 0.5);
}
.orbit-previous {
left: 0;
}
.orbit-next {
left: auto;
right: 0;
}
.orbit-bullets {
position: relative;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
text-align: center;
}
[data-whatinput="mouse"] .orbit-bullets {
outline: 0;
}
.orbit-bullets button {
width: 1.2rem;
height: 1.2rem;
margin: 0.1rem;
border-radius: 50%;
background-color: #cacaca;
}
.orbit-bullets button:hover {
background-color: #8a8a8a;
}
.orbit-bullets button.is-active {
background-color: #8a8a8a;
}
.pagination {
margin-left: 0;
margin-bottom: 1rem;
}
.pagination::after,
.pagination::before {
display: table;
content: " ";
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.pagination::after {
clear: both;
}
.pagination li {
margin-right: 0.0625rem;
border-radius: 0;
font-size: 0.875rem;
display: none;
}
.pagination li:first-child,
.pagination li:last-child {
display: inline-block;
}
@media print, screen and (min-width: 40em) {
.pagination li {
display: inline-block;
}
}
.pagination a,
.pagination button {
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
color: #0a0a0a;
}
.pagination a:hover,
.pagination button:hover {
background: #e6e6e6;
}
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #1779ba;
color: #fefefe;
cursor: default;
}
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #cacaca;
cursor: not-allowed;
}
.pagination .disabled:hover {
background: 0 0;
}
.pagination .ellipsis::after {
padding: 0.1875rem 0.625rem;
content: "\2026";
color: #0a0a0a;
}
.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: 0.5rem;
content: "\00ab";
}
.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: 0.5rem;
content: "\00bb";
}
.progress {
height: 1rem;
margin-bottom: 1rem;
border-radius: 0;
background-color: #cacaca;
}
.progress.primary .progress-meter {
background-color: #1779ba;
}
.progress.secondary .progress-meter {
background-color: #767676;
}
.progress.success .progress-meter {
background-color: #3adb76;
}
.progress.warning .progress-meter {
background-color: #ffae00;
}
.progress.alert .progress-meter {
background-color: #cc4b37;
}
.progress-meter {
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #1779ba;
}
.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
margin: 0;
font-size: 0.75rem;
font-weight: 700;
color: #fefefe;
white-space: nowrap;
}
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #e6e6e6;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #cacaca;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
.slider-handle {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 0;
background-color: #1779ba;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
[data-whatinput="mouse"] .slider-handle {
outline: 0;
}
.slider-handle:hover {
background-color: #14679e;
}
.slider-handle.is-dragging {
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
.slider.disabled,
.slider[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.slider.vertical {
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.slider.vertical .slider-fill {
top: 0;
width: 0.5rem;
max-height: 100%;
}
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.sticky-container {
position: relative;
}
.sticky {
position: relative;
z-index: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
position: fixed;
z-index: 5;
width: 100%;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
position: relative;
right: auto;
left: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
body.is-reveal-open {
overflow: hidden;
}
html.is-reveal-open,
html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
position: fixed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: scroll;
}
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto;
}
[data-whatinput="mouse"] .reveal {
outline: 0;
}
@media print, screen and (min-width: 40em) {
.reveal {
min-height: 0;
}
}
.reveal .column {
min-width: 0;
}
.reveal > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 75rem;
}
}
.reveal.collapse {
padding: 0;
}
@media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem;
}
}
@media print, screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 75rem;
}
}
@media print, screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 75rem;
}
}
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0;
}
}
.reveal.without-overlay {
position: fixed;
}
.switch {
height: 2rem;
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: 0.875rem;
font-weight: 700;
color: #fefefe;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch-input {
position: absolute;
margin-bottom: 0;
opacity: 0;
}
.switch-paddle {
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 0;
background: #cacaca;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer;
}
input + .switch-paddle {
margin: 0;
}
.switch-paddle::after {
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-radius: 0;
background: #fefefe;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
content: "";
}
input:checked ~ .switch-paddle {
background: #1779ba;
}
input:checked ~ .switch-paddle::after {
left: 2.25rem;
}
[data-whatinput="mouse"] input:focus ~ .switch-paddle {
outline: 0;
}
.switch-active,
.switch-inactive {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.switch-active {
left: 8%;
display: none;
}
input:checked + label > .switch-active {
display: block;
}
.switch-inactive {
right: 15%;
}
input:checked + label > .switch-inactive {
display: none;
}
.switch.tiny {
height: 1.5rem;
}
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1rem;
height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem;
}
.switch.small {
height: 1.75rem;
}
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem;
}
.switch.large {
height: 2.5rem;
}
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem;
}
.switch.large .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 2rem;
height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1rem;
border-radius: 0;
}
table tbody,
table tfoot,
table thead {
border: 1px solid #f1f1f1;
background-color: #fefefe;
}
table caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: 700;
}
table thead {
background: #f8f8f8;
color: #0a0a0a;
}
table tfoot {
background: #f1f1f1;
color: #0a0a0a;
}
table tfoot tr,
table thead tr {
background: 0 0;
}
table tfoot td,
table tfoot th,
table thead td,
table thead th {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: 700;
text-align: left;
}
table tbody td,
table tbody th {
padding: 0.5rem 0.625rem 0.625rem;
}
table tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1;
}
table.unstriped tbody {
background-color: #fefefe;
}
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: 1px solid #f1f1f1;
background-color: #fefefe;
}
@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none;
}
table.stack tfoot {
display: none;
}
table.stack td,
table.stack th,
table.stack tr {
display: block;
}
table.stack td {
border-top: 0;
}
}
table.scroll {
display: block;
width: 100%;
overflow-x: auto;
}
table.hover thead tr:hover {
background-color: #f3f3f3;
}
table.hover tfoot tr:hover {
background-color: #ececec;
}
table.hover tbody tr:hover {
background-color: #f9f9f9;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ececec;
}
.table-scroll {
overflow-x: auto;
}
.table-scroll table {
width: auto;
}
.tabs {
margin: 0;
border: 1px solid #e6e6e6;
background: #fefefe;
list-style-type: none;
}
.tabs::after,
.tabs::before {
display: table;
content: " ";
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.tabs::after {
clear: both;
}
.tabs.vertical > li {
display: block;
float: none;
width: auto;
}
.tabs.simple > li > a {
padding: 0;
}
.tabs.simple > li > a:hover {
background: 0 0;
}
.tabs.primary {
background: #1779ba;
}
.tabs.primary > li > a {
color: #fefefe;
}
.tabs.primary > li > a:focus,
.tabs.primary > li > a:hover {
background: #1673b1;
}
.tabs-title {
float: left;
}
.tabs-title > a {
display: block;
padding: 1.25rem 1.5rem;
font-size: 0.75rem;
line-height: 1;
color: #1779ba;
}
.tabs-title > a:hover {
background: #fefefe;
color: #1468a0;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"] {
background: #e6e6e6;
color: #1779ba;
}
.tabs-content {
border: 1px solid #e6e6e6;
border-top: 0;
background: #fefefe;
color: #0a0a0a;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0;
}
.tabs-panel {
display: none;
padding: 1rem;
}
.tabs-panel.is-active {
display: block;
}
.thumbnail {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
border: solid 4px #fefefe;
border-radius: 0;
-webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0;
}
a.thumbnail {
-webkit-transition: -webkit-box-shadow 0.2s ease-out;
transition: -webkit-box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}
a.thumbnail:focus,
a.thumbnail:hover {
-webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
}
a.thumbnail image {
-webkit-box-shadow: none;
box-shadow: none;
}
.title-bar {
padding: 0.5rem;
background: #0a0a0a;
color: #fefefe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.title-bar-left,
.title-bar-right {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.title-bar-right {
text-align: right;
}
.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: 700;
}
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px #8a8a8a;
font-weight: 700;
cursor: help;
}
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 0;
background-color: #0a0a0a;
font-size: 80%;
color: #fefefe;
}
.tooltip::before {
position: absolute;
}
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #0a0a0a;
bottom: 100%;
}
.tooltip.bottom.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #0a0a0a transparent transparent;
top: 100%;
bottom: auto;
}
.tooltip.top.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #0a0a0a;
left: 100%;
}
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #0a0a0a transparent transparent;
right: 100%;
left: auto;
}
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.align-top::before {
bottom: auto;
top: 10%;
}
.tooltip.align-bottom::before {
bottom: 10%;
top: auto;
}
.tooltip.align-left::before {
left: 10%;
right: auto;
}
.tooltip.align-right::before {
left: auto;
right: 10%;
}
.top-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-bar,
.top-bar ul {
background-color: #e6e6e6;
}
.top-bar input {
max-width: 200px;
margin-right: 1rem;
}
.top-bar .input-group-field {
width: 100%;
margin-right: 0;
}
.top-bar input.button {
width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media print, screen and (min-width: 40em) {
.top-bar {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.top-bar .top-bar-left {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: auto;
}
.top-bar .top-bar-right {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: auto;
}
}
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.top-bar-title {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0.5rem 1rem 0.5rem 0;
}
.top-bar-left,
.top-bar-right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important;
}
}
@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important;
}
}
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important;
}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.show-on-focus:active,
.show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.hide-for-portrait,
.show-for-landscape {
display: block !important;
}
@media screen and (orientation: landscape) {
.hide-for-portrait,
.show-for-landscape {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-portrait,
.show-for-landscape {
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-right: auto;
margin-left: auto;
}
.clearfix::after,
.clearfix::before {
display: table;
content: " ";
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.clearfix::after {
clear: both;
}
.align-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-justify {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-spaced {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-right.vertical.menu > li > a {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-self-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.align-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.align-center-middle {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.small-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.small-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.small-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.small-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.small-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.small-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
@media print, screen and (min-width: 40em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.medium-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.medium-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.medium-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.medium-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
}
@media print, screen and (min-width: 64em) {
.large-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.large-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.large-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.large-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.large-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.large-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
}
.flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-child-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-child-grow {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.flex-child-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
.medium-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.medium-flex-child-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.medium-flex-child-grow {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.medium-flex-child-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.medium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.medium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.medium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.medium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 64em) {
.large-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.large-flex-child-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.large-flex-child-grow {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.large-flex-child-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.large-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.large-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.large-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.large-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@font-face {
font-family: LHFGloria;
src: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/LHFGloria.eot);
src: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/LHFGloria.eot?#iefix) format("embedded-opentype"),
url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/LHFGloria.woff) format("woff"),
url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/LHFGloria.ttf) format("truetype"),
url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/LHFGloria.svg#svgFontName) format("svg");
font-weight: 400;
font-display: auto;
font-style: normal;
}
@font-face {
font-family: Avenir;
font-style: normal;
font-weight: 400;
src: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/Avenir-Regular.ttf);
}
@font-face {
font-family: Avenir;
font-style: normal;
font-weight: 700;
src: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/Avenir-Bold.ttf);
}
@font-face {
font-family: Avenir-Next;
font-style: normal;
font-weight: 400;
src: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/AvenirNextCyr-Regular.ttf);
}
@font-face {
font-family: Avenir-Next;
font-style: normal;
font-weight: 700;
src: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/AvenirNextCyr-Bold.ttf);
}
@font-face {
font-family: Avenir-Next;
font-style: normal;
font-weight: 900;
src: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/fonts/AvenirNextCyr-Heavy.ttf);
}
body {
color: #fff;
font-weight: 400;
font-family: Avenir, sans-serif;
overflow-x: hidden;
font-size: 18px;
}
#wrapper { background-color: #000000;
background-size: cover;
background-attachment: fixed;
background-size: 40%;
}
#wrapper:not(.day) #title-container .title h1 {
color: #ffffff;
}
@media (max-width: 64em) {
#wrapper {  }
#wrapper:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -10;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/BlueBG.jpg) center bottom #000;
background-size: cover;
}
.page-template-template-lineup-page #wrapper:before {
background: none !important;
}
}
@media (min-width: 64em) {
.home #wrapper {
background-image: none;
}
}
#wrapper.day,
.single-post #wrapper { background-size: 40%;
background-size: cover;
background-attachment: fixed;
}
@media (max-width: 64em) {
#wrapper.day,
.single-post #wrapper {
background-image: none;
background-color: transparent;
}
#wrapper.day:before,
.single-post #wrapper:before {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/OrangeBG.jpg) center bottom #EB6D40;
background-size: cover;
}
}
#wrapper.day .entry-content p a,
.single-post #wrapper .entry-content p a {
color: #ffffff;
}
.border {
border: 1px solid #83CADE;
}
.transition {
transition: background 0.2s ease, padding 0.8s linear;
}
.off-canvas-wrapper-inner {
background: #fff;
}
table {
margin-top: 20px;
}
table td {
vertical-align: top;
}
table th {
text-align: left;
}
hr {
margin: 2rem 0;
}
a {
color: #EB6D40;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
a:active,
a:focus,
a:hover {
color: #fff;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: LHFGloria, sans-serif;
letter-spacing: 0.05rem;
color: #EB6D40;
margin: 2rem 0 1rem;
text-transform: uppercase;
line-height: 0.75;
font-weight: 400;
letter-spacing: 0.125rem;
}
.day .h1,
.day .h2,
.day .h3,
.day .h4,
.day .h5,
.day h1,
.day h2,
.day h3,
.day h4,
.day h5,
.day h6,
.single-post .h1,
.single-post .h2,
.single-post .h3,
.single-post .h4,
.single-post .h5,
.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6 {
color: #ffffff;
}
.h1.hdf,
.h2.hdf,
.h3.hdf,
.h4.hdf,
.h5.hdf,
h1.hdf,
h2.hdf,
h3.hdf,
h4.hdf,
h5.hdf,
h6.hdf {
font-family: Avenir, sans-serif;
font-weight: 700;
}
.h1.banner,
.h2.banner,
.h3.banner,
.h4.banner,
.h5.banner,
h1.banner,
h2.banner,
h3.banner,
h4.banner,
h5.banner,
h6.banner {
font-size: 2em;
background: #fff;
display: block;
width: calc(100% - 60px);
margin: 0 auto 30px;
text-align: center;
color: #83CADE;
cursor: auto;
}
.h1.banner:after,
.h1.banner:before,
.h2.banner:after,
.h2.banner:before,
.h3.banner:after,
.h3.banner:before,
.h4.banner:after,
.h4.banner:before,
.h5.banner:after,
.h5.banner:before,
h1.banner:after,
h1.banner:before,
h2.banner:after,
h2.banner:before,
h3.banner:after,
h3.banner:before,
h4.banner:after,
h4.banner:before,
h5.banner:after,
h5.banner:before,
h6.banner:after,
h6.banner:before {
background-color: #fff;
}
.h1.banner.banner-orange,
.h2.banner.banner-orange,
.h3.banner.banner-orange,
.h4.banner.banner-orange,
.h5.banner.banner-orange,
h1.banner.banner-orange,
h2.banner.banner-orange,
h3.banner.banner-orange,
h4.banner.banner-orange,
h5.banner.banner-orange,
h6.banner.banner-orange {
color: #fff;
background: #EB6D40;
}
.h1.banner.banner-orange:after,
.h1.banner.banner-orange:before,
.h2.banner.banner-orange:after,
.h2.banner.banner-orange:before,
.h3.banner.banner-orange:after,
.h3.banner.banner-orange:before,
.h4.banner.banner-orange:after,
.h4.banner.banner-orange:before,
.h5.banner.banner-orange:after,
.h5.banner.banner-orange:before,
h1.banner.banner-orange:after,
h1.banner.banner-orange:before,
h2.banner.banner-orange:after,
h2.banner.banner-orange:before,
h3.banner.banner-orange:after,
h3.banner.banner-orange:before,
h4.banner.banner-orange:after,
h4.banner.banner-orange:before,
h5.banner.banner-orange:after,
h5.banner.banner-orange:before,
h6.banner.banner-orange:after,
h6.banner.banner-orange:before {
background-color: #EB6D40;
}
@media (max-width: 64em) {
.h1.banner:after,
.h1.banner:before,
.h2.banner:after,
.h2.banner:before,
.h3.banner:after,
.h3.banner:before,
.h4.banner:after,
.h4.banner:before,
.h5.banner:after,
.h5.banner:before,
h1.banner:after,
h1.banner:before,
h2.banner:after,
h2.banner:before,
h3.banner:after,
h3.banner:before,
h4.banner:after,
h4.banner:before,
h5.banner:after,
h5.banner:before,
h6.banner:after,
h6.banner:before {
display: none;
}
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #EB6D40;
text-decoration: none;
}
.day .h1 a,
.day .h2 a,
.day .h3 a,
.day .h4 a,
.day .h5 a,
.day h1 a,
.day h2 a,
.day h3 a,
.day h4 a,
.day h5 a,
.day h6 a,
.single-post .h1 a,
.single-post .h2 a,
.single-post .h3 a,
.single-post .h4 a,
.single-post .h5 a,
.single-post h1 a,
.single-post h2 a,
.single-post h3 a,
.single-post h4 a,
.single-post h5 a,
.single-post h6 a {
color: #ffffff;
}
h1 {
font-size: 3.1rem;
margin-top: 0;
}
h1.hdf {
font-size: 2rem;
}
@media (min-width: 64em) {
h1 {
font-size: 4rem;
}
h1.hdf {
font-size: 3.1rem;
}
}
h2 {
font-size: 2.8rem;
}
h2.hdf {
font-size: 1.8rem;
}
@media (min-width: 64em) {
h2 {
font-size: 4rem;
}
h2.hdf {
font-size: 3rem;
}
}
h2 strong {
color: #EB6D40;
}
h3 {
font-size: 3rem;
}
h3.hdf {
font-size: 2rem;
}
h4 {
font-size: 2.5rem;#
}
h4.hdf {
font-size: 1.5rem;
}
h5 {
font-size: 2rem;
}
h5.hdf {
font-size: 1.2rem;
}
#main {
position: relative;
z-index: 1;
margin: 0;
padding: 60px 0 0;
}
body.home #main {
padding: 0;
}
#main p {
line-height: 1.8;
}
#main li,
#main p {
font-size: 1.3rem;
}
#content {
padding: 0;
}
#content p {
line-height: 1.8;
}
#content li,
#content p,
#content td {
font-size: 1rem;
color: #fff;
}
#content .entry-content {
padding-bottom: 0;
}
#content .entry-content h2:first-child,
#content .entry-content h3:first-child,
#content .entry-content h4:first-child,
#content .entry-content h5:first-child,
#content .entry-content h6:first-child {
margin-top: 0;
color: #ffffff;
}
.entry-content p {
color: white !important;
}
.day #content .entry-content > h2,
.single-post #content .entry-content > h2 {
color: #ffffff;
}
.day #content .entry-content > h4,
.single-post #content .entry-content > h4 {
color: #ffffff;
}
#content .entry-content > p > img.size-full {
border: 10px solid #EB6D40;
}
.byline {
color: #999;
}
blockquote,
pre {
border-left: 1px solid #83CADE;
}
blockquote p,
pre p {
color: #fff;
}
.entry-content {
padding-top: 0;
}
.entry-content dd {
margin-left: 0;
color: #fff;
margin-bottom: 1.5em;
}
.entry-content img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.entry-content object,
.entry-content video {
max-width: 100%;
height: auto;
}
.entry-content pre {
background: #83CADE;
border: 1px solid #cecece;
padding: 10px;
}
.wp-caption {
max-width: 100%;
background: #83CADE;
padding: 5px;
}
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%;
}
.wp-caption p.wp-caption-text {
font-size: 0.85em;
margin: 4px 0 7px;
text-align: center;
}
.banner, .button:not(.gform_button_select_files), a.button {
background-color: #1f1a4e;
color: #fff;
padding: 15px 25px;
text-transform: uppercase;
line-height: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
letter-spacing: 1px;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0 !important;
font-family: LHFGloria, sans-serif;
font-size: 1.3rem;
position: relative;
border: 0;
}
.banner:before,
.button:not(.gform_button_select_files):before,
a.button:before {
display: inline-block;
position: absolute;
left: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background-color: #1f1a4e;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.banner:after,
.button:not(.gform_button_select_files):after,
a.button:after {
display: inline-block;
position: absolute;
right: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background-color: #1f1a4e;
-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.banner:active,
.banner:focus,
.banner:hover,
.button:active,
.button:focus,
.button:hover,
a.button:active,
a.button:focus,
a.button:hover {
background-color: #EB6D40;
color: #fff;
}
.banner:active:after,
.banner:active:before,
.banner:focus:after,
.banner:focus:before,
.banner:hover:after,
.banner:hover:before,
.button:active:after,
.button:active:before,
.button:focus:after,
.button:focus:before,
.button:hover:after,
.button:hover:before,
a.button:active:after,
a.button:active:before,
a.button:focus:after,
a.button:focus:before,
a.button:hover:after,
a.button:hover:before {
background-color: #EB6D40;
}
.banner.jumbo,
.button.jumbo,
a.button.jumbo {
font-size: 1.2rem;
padding: 15px 30px;
}
.button-p {
background-color: transparent;
color: #F05822;
padding: 0 !important;
line-height: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-weight: bold;
font-family: 'Avenir' !important;
font-size: 16px;
position: relative;
border: 0;
}
.button-p:active,
.button-p:focus,
.button-p:hover {
background-color: #83CADE;
color: #fff;
}
a.button-alt {
background-color: #EB6D40;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0 !important;
}
a.button-alt:after,
a.button-alt:before {
background-color: #EB6D40;
}
a.button-alt:hover {
background-color: #83CADE;
color: #fff;
}
a.button-alt:hover:after,
a.button-alt:hover:before {
background-color: #83CADE;
}
#breadcrumbs,
#crumbs {
margin: 0 0 30px;
font-size: 0.85rem;
}
#breadcrumbs a,
#crumbs a {
color: #fff;
}
#breadcrumbs a:hover,
#crumbs a:hover {
color: #83CADE;
}
#breadcrumbs span.separator,
#crumbs span.separator {
font-weight: 700;
color: #999;
margin: 0 5px;
display: inline-block;
}
#content .post-container {
padding-bottom: 20px;
margin-bottom: 40px;
position: relative;
}
#main .gfield_checkbox li input {
margin: 5px 0 0;
padding: 0;
}
#main .gfield_checkbox li label {
font-size: 0.85rem;
}
#content .pagination {
text-align: center;
}
#content .pagination a {
display: inline-block;
float: none;
}
#content .pagination li a {
color: #83CADE;
line-height: inherit;
border: 1px solid #ccc;
}
#content .pagination li {
display: inline-block;
float: none;
}
.pagination span {
display: inline-block;
float: none;
margin: 0 10px;
}
.pagination span.current {
background-color: #83CADE;
margin: 0;
}
.pagination a:hover {
color: #000;
}
.button-group li:first-child {
margin-right: 10px;
}
.inline-list {
margin: 1rem 0 1.0625rem;
padding: 0;
list-style: none;
overflow: hidden;
}
.inline-list > li {
list-style: none;
float: none;
margin-left: 10px;
display: inline-block;
}
.inline-list > li:first-child {
margin-left: 0 !important;
}
.inline-list > li > * {
display: inline-block;
}
#main ul.arrow-list {
list-style: none;
}
#content ul.large-list {
list-style: none;
position: relative;
margin: 0;
font-family: LHFGloria, sans-serif;
letter-spacing: 0.05rem;
}
#content ul.large-list li {
text-align: center;
font-size: 3rem;
margin-bottom: 0;
line-height: 1.5;
}
#content ul.large-list li a {
border-bottom: 2px solid #83CADE;
}
@media (min-width: 40em) {
img.alignright {
float: right;
margin: 0 0 30px 30px;
}
img.alignleft {
float: left;
margin: 0 30px 30px 0;
}
img.aligncenter {
margin: 0 auto 20px;
display: block;
}
}
@media (min-width: 64em) {
ul.split-list {
margin: 0;
padding: 0;
}
ul.split-list li {
list-style: none;
}
ul.split-list .sub-list {
float: left;
width: 30%;
}
}
#main ol {
list-style: number;
}
#main ol li {
margin-left: 20px;
margin-bottom: 0.5rem;
}
.gallery {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
}
.gallery .owl-nav {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.gallery .owl-nav > [class*="owl-"] {
position: absolute;
color: #fff;
background: 0 0;
line-height: 1;
font-size: 3em;
padding: 3px 12px;
opacity: 1;
width: 30px;
height: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.gallery .owl-nav > [class*="owl-"].disabled {
opacity: 0.3;
}
.gallery .owl-nav > [class*="owl-"]:hover {
background-color: transparent;
}
.gallery .owl-prev {
left: 0;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat;
background-size: contain;
font-size: 0;
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.gallery .owl-prev:hover {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat;
background-size: contain;
}
.gallery .owl-next {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat;
background-size: contain;
font-size: 0;
right: 0;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.gallery .owl-next:hover {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat;
background-size: contain;
}
.gallery .owl-dots {
position: absolute;
bottom: -30px;
display: none;
width: 100%;
}
@media (min-width: 40em) {
.gallery .owl-dots {
display: block;
}
}
.gallery .owl-dots .owl-dot.active span,
.gallery .owl-dots .owl-dot:hover span {
background: #EB6D40;
}
.gallery .owl-dots .owl-dot span {
border: 0;
background: #EB6D40;
}
.gallery.gallery-columns-1 {
margin: 0 0 50px;
}
.gallery.gallery-columns-1 .gallery-item {
margin: 0;
flex: 0 0 100%;
}
@media (min-width: 64em) {
.gallery.gallery-columns-1 .gallery-item {
flex: 0 0 100%;
}
}
.gallery.gallery-columns-1 .gallery-item .gbgimg {
padding: 51% 0 0 0;
background-size: cover;
}
@media (min-width: 64em) {
.gallery.gallery-columns-4 .gallery-item {
flex: 1 1 24%;
margin-right: 2%;
}
}
@media (min-width: 64em) {
.gallery.gallery-columns-5 .gallery-item {
flex: 1 1 18%;
margin-right: 2%;
}
}
@media (min-width: 64em) {
.gallery.gallery-columns-6 .gallery-item {
flex: 1 1 13%;
margin-right: 2%;
}
}
.gallery .gallery-item {
flex: 1 1 48%;
margin-right: 2%;
margin-bottom: 20px;
}
@media (min-width: 64em) {
.gallery .gallery-item {
flex: 0 1 32%;
}
}
.gallery .gallery-item img {
width: 102%;
}
.gallery .gallery-item .gbgimg {
width: 100%;
padding-top: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.gallery br {
display: none;
}
@media (min-width: 64em) {
.iso-gallery-wrapper {
min-height: 900px;
}
}
.iso-gallery-wrapper h2 {
color: #fff;
text-align: center;
margin-bottom: 30px;
}
.iso-gallery {
display: block;
width: 100%;
padding: 0;
background: #EB6D40;
}
.gutter-sizer {
width: 0;
}
@media (min-width: 64em) {
.grid-sizer {
width: 25%;
}
}
.iso-gallery-item {
margin-bottom: 20px;
}
@media (min-width: 64em) {
.iso-gallery-item {
width: 25%;
float: left;
margin-bottom: 0;
}
}
.iso-gallery-item img {
display: block;
width: 100%;
}
.iso-gallery-item-width2 {
width: 50%;
}
.row-expanded.collapse > .column,
.row-expanded.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.primary {
color: #83CADE;
}
.secondary {
color: #EB6D40;
}
.tertiary {
color: #EB6D40;
}
#main table tbody,
#main table tfoot,
#main table thead {
border: 0;
background: 0 0;
}
.fadein {
opacity: 0;
}
.loaded .fadein {
opacity: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
input[type="password"],
input[type="text"] {
box-sizing: border-box !important;
}
.accordion-panel .accordion-title {
font-size: 1.1rem;
line-height: 1.5;
color: #fff;
padding-right: 30px;
margin-bottom: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px !important;
border: 1px solid #ccc;
}
.accordion-panel .accordion-title:before {
color: #83CADE;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0;
font-size: 2rem;
}
.accordion-panel .accordion-title:focus,
.accordion-panel .accordion-title:hover,
.accordion-panel .is-acive .accordion-title {
color: #fff;
background: #83CADE;
}
.accordion-panel .accordion-title:focus:before,
.accordion-panel .accordion-title:hover:before,
.accordion-panel .is-acive .accordion-title:before {
color: #fff;
}
.accordion-panel .accordion-content {
color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px !important;
margin-bottom: 10px;
border: 0;
}
.layout-panel {
padding: 40px 0 40px;
margin: 0;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 64em) {
.layout-panel {
padding: 100px 0;
}
}
@media (min-width: 64em) {
.layout-panel.half-bg-grey {
background: #fff;
background: -moz-linear-gradient(
left,
#fff 0,
#fff 30%,
#f4f4f4 30%,
#f4f4f4 100%
);
background: -webkit-linear-gradient(
left,
#fff 0,
#fff 30%,
#f4f4f4 30%,
#f4f4f4 100%
);
background: linear-gradient(
to right,
#fff 0,
#fff 30%,
#f4f4f4 30%,
#f4f4f4 100%
);
}
}
.layout-panel.sub-product {
padding-top: 0;
}
.layout-panel .cell {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.layout-panel .cell > h1,
.layout-panel .cell > h2,
.layout-panel .cell > h3,
.layout-panel .cell > h4,
.layout-panel .cell > h5,
.layout-panel .cell > h6 {
margin-top: 0;
}
.layout-panel .cell > h2:after {
content: "";
width: 80px;
height: 2px;
margin: 0;
background: #EB6D40;
display: block;
position: relative;
margin: 15px 0;
}
.layout-panel .cell.extrapad .inner {
padding: 30px 0;
}
.layout-panel .cell.img .inner {
min-height: 400px;
}
.layout-panel .section-head h2 {
text-align: center;
text-transform: uppercase;
color: #EB6D40;
margin: 0;
letter-spacing: 0.1rem;
font-size: 1.2rem;
}
.layout-panel .section-head h2:after {
content: "";
width: 80px;
height: 2px;
margin: 0;
background: #EB6D40;
display: block;
position: relative;
margin: 15px auto;
}
.layout-panel .section-head h3 {
letter-spacing: 0.1rem;
text-align: center;
}
@media (min-width: 64em) {
.layout-panel .section-head h3 {
font-size: 3rem;
font-weight: 400;
margin: 10px auto 50px;
max-width: 930px;
}
}
.layout-panel .section-head h4 {
color: #777;
text-align: center;
margin: 0;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
}
.layout-panel .fluid {
max-width: 120rem;
}
.layout-panel.alt-bg {
background-color: #EB6D40;
}
.layout-panel.no-bottom {
margin-bottom: 0;
padding-bottom: 0;
}
.layout-panel.no-top {
margin-top: 0;
padding-top: 0;
}
.layout-panel.no-pad {
padding: 0;
}
.layout-panel.no-margin {
margin: 0;
}
.layout-panel.primarybg {
background-color: #83CADE;
color: #fff;
}
.layout-panel.primarybg a,
.layout-panel.primarybg a.button,
.layout-panel.primarybg h2,
.layout-panel.primarybg h3,
.layout-panel.primarybg h4,
.layout-panel.primarybg h5,
.layout-panel.primarybg p {
color: #fff;
}
.layout-panel.lightbg {
background-color: #fff;
}
.layout-panel.greybg {
background-color: #83CADE;
}
.layout-panel.extrapad .cell {
padding: 30px;
}
.layout-panel .cell > h2:first-child {
margin-top: 0;
}
.layout-panel .cell.extrapad {
padding: 50px 50px;
}
.layout-panel.shortrow {
max-width: 50rem;
margin-bottom: 30px;
}
.layout-panel.shortrow h2 {
margin-top: 10px;
}
.layout-panel.shortrow img {
max-height: 250px;
}
.layout-panel.grid-panel a {
display: block;
background-size: cover;
background-position: center center;
color: #fff;
min-height: 280px;
padding-top: 235px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-align: center;
}
.layout-panel.grid-panel a:hover {
opacity: 0.8;
}
.layout-panel.grid-panel p {
color: #fff;
}
.layout-panel.grid-panel h3 {
color: #fff;
margin: 0;
font-size: 1.2rem;
display: block;
padding: 20px;
background-color: rgba(255, 255, 255, 0.8);
border-bottom: 3px solid #83CADE;
}
.post h3 {
margin: 0 0 30px;
font-size: 1.8rem;
}
#archive-wrapper .post {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #ddd;
}
.post .post-image {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.post .post-image img {
width: 100%;
}
.post .post-title {
margin-bottom: 30px;
}
.post .post-title h2 {
margin: 0;
}
.room-wrapper .post .post-title h2 {
margin-bottom: 10px;
}
.post .post-details {
background-color: #fff;
-webkit-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1);
width: 80%;
margin: -50px auto;
position: relative;
padding: 30px;
text-align: center;
}
#single-post {
margin-bottom: 50px;
}
#single-post h3 {
color: #83CADE;
text-transform: uppercase;
margin: 0 0 30px;
}
#single-post #gallery {
margin-bottom: 50px;
}
#single-post .post-desc {
margin: 30px 0;
}
#single-post .post-image {
margin-bottom: 50px;
text-align: left;
}
#wrapper .sidebar .widget {
margin-bottom: 10px;
}
#wrapper .sidebar .widget h4,
#wrapper .sidebar .widget h4.widgettitle {
color: #83CADE;
text-transform: uppercase;
font-family: Avenir, sans-serif;
font-size: 1.3rem;
margin-top: 0;
}
#wrapper .sidebar .widget .button {
margin-bottom: 0;
}
#wrapper .sidebar .gform_widget {
padding: 0;
}
#wrapper .sidebar .gform_widget .enquiry-form .button {
background: #EB6D40;
}
#wrapper .sidebar .gform_widget .enquiry-form .button:hover {
background: #EB6D40;
}
#wrapper .sidebar ul.menu {
margin: 0;
padding: 0;
}
#wrapper .sidebar ul.menu li {
display: block;
list-style: none;
position: relative;
padding-left: 5px;
margin-bottom: 5px;
}
#wrapper .sidebar ul.menu li a {
padding-top: 5px;
border-bottom: 1px solid #ccc;
color: #83CADE;
}
#wrapper .sidebar ul.menu li a:hover {
color: #EB6D40;
}
#wrapper .sidebar li,
#wrapper .sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
#wrapper .sidebar li a {
color: #333;
}
#wrapper .sidebar li a:hover {
color: #83CADE;
}
#wrapper .sidebar .widget_recent_entries li {
font-size: 0.9rem;
padding-bottom: 10px;
margin-bottom: 10px;
line-height: 1.3;
}
#wrapper .sidebar .widget_search {
padding: 20px 0;
}
#wrapper .sidebar .widget_search .screen-reader-text {
display: none;
}
#wrapper .sidebar .widget_search input,
#wrapper .sidebar .widget_search label {
display: inline-block;
}
#wrapper .sidebar .widget_search label {
width: 60%;
}
.clearing-assembled.clearing-blackout a:hover {
background: #fff;
}
.gform_wrapper {
margin: 0;
width: 100% !important;
}
.gform_wrapper .gform_body {
width: 100%;
}
.gform_wrapper ul.gform_fields {
list-style: none outside none;
margin: 0;
padding: 15px 15px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.gform_wrapper li.gfield {
margin: 5px 0 5px;
background-image: none;
padding: 0;
flex: 0 0 100%;
}
.gform_wrapper li.gfield.gf_left_half,
.gform_wrapper li.gfield.gf_right_half {
flex: 0 0 49%;
}
.gform_wrapper li.gfield.gform_validation_container {
display: none;
}
.gform_wrapper li:before {
content: none !important;
}
.gform_wrapper div.validation_error {
color: red !important;
font-size: 0.75em !important;
font-weight: 400 !important;
line-height: 1 !important;
margin: 0 0 5px 0 !important;
border-color: red !important;
padding: 15px;
text-align: center;
}
.gform_wrapper li.gfield_error {
max-width: 100% !important;
}
.gform_wrapper li.gfield_error input.medium {
border: 1px solid red !important;
}
.gform_wrapper .gfield_description {
padding: 0 !important;
margin: -15px 0 15px 0 !important;
color: #777;
}
.gform_wrapper .validation_message {
display: none;
}
.gform_wrapper .gform_confirmation_wrapper {
background: #fff;
padding: 20px;
min-height: 340px;
margin: 50px 0;
display: flex;
align-items: center;
}
.gform_wrapper .medium,
.gform_wrapper input[type="text"],
.gform_wrapper select,
.gform_wrapper textarea {
font-size: 1rem;
color: #fff;
width: 100%;
padding: 5px 10px;
margin: 0;
box-shadow: none;
position: relative;
border: 1px solid #ddd;
background: #fff;
height: auto;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0 !important;
}
.gform_wrapper .gform_heading {
font-size: 1rem;
}
.gform_wrapper .textarea {
height: 150px !important;
padding: 10px !important;
}
.gform_wrapper .gform_page_footer {
border: 0 !important;
}
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
text-align: left;
padding: 5px 15px 20px;
text-align: center;
}
.gform_wrapper .gform_footer .button,
.gform_wrapper .gform_page_footer .button {
margin: 0;
position: relative;
font-size: 1.5rem;
line-height: 1;
border: 0;
padding: 15px 35px;
margin: 0;
width: 100%;
background: #EB6D40;
color: #fff;
}
.gform_wrapper .gform_footer .button:hover,
.gform_wrapper .gform_page_footer .button:hover {
background: #83CADE;
color: #fff;
}
.gform_wrapper label {
font-size: 1rem;
color: #fff;
font-weight: 400;
}
.gform_wrapper li.hidden_label label {
display: none;
}
.gform_wrapper span.gfield_required {
display: none;
}
.gform_wrapper h3.gform_title {
color: #83CADE;
text-transform: none;
font-family: Avenir, sans-serif;
font-size: 1.5rem;
margin: 0 0 30px;
}
.gform_wrapper .gform_button {
text-align: center;
padding: 15px 30px;
}
.gform_wrapper img.gform_ajax_spinner {
display: none !important;
}
.gform_wrapper body ul li.field_description_below div.ginput_container_radio,
.gform_wrapper ul li.field_description_below div.ginput_container_checkbox {
margin-top: 5px;
margin-bottom: 0;
}
.gform_wrapper
body
ul
li.field_description_below
div.ginput_container_radio
input,
.gform_wrapper
ul
li.field_description_below
div.ginput_container_checkbox
input {
margin: 0;
}
.gform_wrapper ::-webkit-input-placeholder {
color: #fff;
}
.gform_wrapper ::-moz-placeholder {
color: #fff;
}
.gform_wrapper ::-ms-input-placeholder {
color: #fff;
}
.gform_wrapper ::placeholder {
color: #fff;
}
.subscribe-form {
margin: 0;
padding: 0;
width: 100%;
}
.subscribe-form .subscribe-form-column {
margin-top: 15px;
}
@media (min-width: 64em) {
.subscribe-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.subscribe-form .subscribe-form-column {
flex: 1;
margin: 0;
padding: 0 10px 0 0;
}
.subscribe-form .subscribe-form-column.subscribe-form-submit-column {
padding: 0 0 0 20px;
flex: 0 0 auto;
}
}
.subscribe-form .medium,
.subscribe-form input[type="text"],
.subscribe-form select,
.subscribe-form textarea {
width: 100%;
padding: 5px 10px;
margin: 0;
box-shadow: none;
position: relative;
border: 1px solid #ddd;
background: #fff;
height: auto;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0 !important;
font-size: 1rem;
font-weight: 700;
padding: 10px;
color: #999;
margin: 0;
text-transform: none;
font-family: Avenir, sans-serif;
}
@media (min-width: 64em) {
.subscribe-form .medium,
.subscribe-form input[type="text"],
.subscribe-form select,
.subscribe-form textarea {
padding: 12px;
font-size: 1.3rem;
}
}
.subscribe-form button[type="submit"] {
margin: 0;
position: relative;
line-height: 1;
border: 0;
margin: 0;
width: 100%;
text-transform: uppercase;
background: #EB6D40;
color: #fff;
font-family: LHFGloria, sans-serif;
letter-spacing: 0.125rem;
font-size: 3rem;
font-weight: 400;
padding: 3px 15px;
min-height: 0;
}
@media (max-width: 64em) {
.subscribe-form button[type="submit"] {
font-family: LHFGloria, sans-serif;
letter-spacing: 0.1rem;
font-size: 2rem;
font-weight: 400;
padding: 20px 30px;
line-height: 0.75;
min-height: 0;
}
}
.subscribe-form button[type="submit"]:hover {
background: #83CADE;
color: #fff;
}
.subscribe-form ::-webkit-input-placeholder {
color: #999;
}
.subscribe-form ::-moz-placeholder {
color: #999;
}
.subscribe-form ::-ms-input-placeholder {
color: #999;
}
.subscribe-form ::placeholder {
color: #999;
}
#respond ul {
margin-left: 0;
}
.commentlist li {
position: relative;
clear: both;
overflow: hidden;
list-style-type: none;
margin-bottom: 1.5em;
padding: 0.7335em 10px;
}
.commentlist li:last-child {
margin-bottom: 0;
}
.commentlist li ul.children {
margin: 0;
}
.commentlist li[class*="depth-"] {
margin-top: 1.1em;
}
.commentlist li.depth-1 {
margin-left: 0;
margin-top: 0;
}
.commentlist li:not(.depth-1) {
margin-left: 10px;
margin-top: 0;
padding-bottom: 0;
background: #e7e7e7;
}
.commentlist li.depth-3 {
background: #dadada;
}
.commentlist .vcard {
margin-left: 50px;
}
.commentlist .vcard cite.fn {
font-weight: 700;
font-style: normal;
}
.commentlist .vcard time {
float: right;
}
.commentlist .vcard time a {
color: #999;
text-decoration: none;
}
.commentlist .vcard time a:hover {
text-decoration: underline;
}
.commentlist .vcard img.avatar {
position: absolute;
left: 10px;
padding: 2px;
border: 1px solid #cecece;
background: #fff;
}
.commentlist .comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em;
}
.commentlist .comment-reply-link {
border-style: solid;
border-width: 0;
cursor: pointer;
font-weight: 400;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.875rem;
padding-right: 1.75rem;
padding-bottom: 0.9375rem;
padding-left: 1.75rem;
font-size: 0.8125rem;
background-color: #008cba;
border-color: #007095;
color: #fff;
transition: background-color 0.4s ease-out;
float: right;
}
.commentlist .comment-reply-link:focus,
.commentlist .comment-reply-link:hover {
background-color: #007095;
}
.commentlist .comment-reply-link:focus,
.commentlist .comment-reply-link:hover {
color: #fff;
}
.respond-form {
margin: 1.5em 10px;
padding-bottom: 2.2em;
}
.respond-form form {
margin: 0.75em 0;
}
.respond-form form li {
list-style-type: none;
clear: both;
margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
display: none;
}
.respond-form form input[type="email"],
.respond-form form input[type="text"],
.respond-form form input[type="url"],
.respond-form form textarea {
padding: 3px 6px;
background: #efefef;
border: 2px solid #cecece;
line-height: 1.5em;
}
.respond-form form input[type="email"]:focus,
.respond-form form input[type="text"]:focus,
.respond-form form input[type="url"]:focus,
.respond-form form textarea:focus {
background: #fff;
}
.respond-form form input[type="email"]:invalid,
.respond-form form input[type="text"]:invalid,
.respond-form form input[type="url"]:invalid,
.respond-form form textarea:invalid {
outline: 0;
border-color: #fbc2c4;
background-color: #f6e7eb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.respond-form form input[type="email"],
.respond-form form input[type="text"],
.respond-form form input[type="url"] {
max-width: 400px;
min-width: 250px;
}
.respond-form form textarea {
resize: none;
width: 97.3%;
height: 150px;
}
#comment-form-title {
margin: 0 0 1.1em;
}
#allowed_tags {
margin: 1.5em 10px 0.7335em 0;
}
.nocomments {
margin: 0 20px 1.1em;
}
@media print {
* {
background: 0 0 !important;
color: #000 !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a,
a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after,
a:visited:after {
content: " (" attr(href) ")";
}
a abbr[title]:after,
a:visited abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
blockquote,
pre {
border: 1px solid #83CADE;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.page-navigation,
.respond-form,
.sidebar,
.wp-prev-next,
nav {
display: none;
}
}
#canvas {
position: fixed;
z-index: 0;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: #000000;   }
.page-template-template-lineup-page #wrapper #canvas {
display: inline-block !important;
}
#header {
background-color: #f0e7d1 !important;
width: 100% !important;
}
#nav-wrapper {
background-color: #f0e7d1 !important;
width: 100% !important;
}
.floralf {
background-position: bottom;
height: 500px !important;
max-height: 500px !important;
}
@media (min-width: 64em) {
#nav-wrapper {
background-color: #f0e7d1;
padding-top: 35px;
padding-bottom: 35px;
}
}
#header-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
}
.is-stuck #header-wrapper {
align-items: center;
}
#header-wrapper .grid-x {
flex: 1 1 auto;
align-items: center;
}
body.home .is-stuck #header-wrapper .grid-x {
align-items: center;
}
.is-stuck #header-wrapper .grid-x {
align-items: center;
}
#header-wrapper .logo-container {
position: relative;
align-self: flex-start;
}
#header-wrapper .logo-container .logo-wrapper {
position: absolute;
width: 100%;
}
#header-wrapper .logo {
text-align: center;
}
body #header-wrapper .logo {
margin: -25px 0 15px;
}
body:not(.home) #header-wrapper .logo {
margin-top: -45px;
}
body .is-stuck #header-wrapper .logo {
margin: -45px 0 15px;
}
#header-wrapper .logo img {
max-width: 340px;
}
.is-stuck #header-wrapper .logo img {
max-width: 240px;
}
#header-wrapper .ticket-wrapper.bft .button:first-child {
background: #EB6D40;
margin-bottom: 5px;
}
#header-wrapper .ticket-wrapper.bft .button:first-child:after,
#header-wrapper .ticket-wrapper.bft .button:first-child:before {
background: #EB6D40;
}
#header-wrapper .ticket-wrapper.bf .button {
font-size: 1.8rem;
}
#header-wrapper .ticket-wrapper .button {
padding: 5px 8px;
margin: 0;
display: block;
}
.is-stuck #header-social {
display: none;
}
#header-social ul {
margin-bottom: 50px;
}
.social-widget {
text-align: center;
margin: 0;
display: block;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.social-widget ul li a {
color: #fff;
}
.social-widget ul li a span {
display: block;
width: 28px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
}
.social-widget ul li a .facebook {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/facebook-icon-orange.svg);
}
#footer-lower .social-widget ul li a .facebook,
#mobile-nav .social-widget ul li a .facebook {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/facebook-icon-orange.svg);
}
.social-widget ul li a .twitter {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/twitter-icon-orange.svg);
}
#footer-lower .social-widget ul li a .twitter,
#mobile-nav .social-widget ul li a .twitter {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/twitter-icon-orange.svg);
}
.social-widget ul li a .instagram {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/instagram-icon.svg);
}
#footer-lower .social-widget ul li a .instagram,
#mobile-nav .social-widget ul li a .instagram {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/instagram-icon-orange.svg);
}
.social-widget ul li a .youtube {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/youtube-icon-orange.svg);
}
#footer-lower .social-widget ul li a .youtube,
#mobile-nav .social-widget ul li a .youtube {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/youtube-icon-orange.svg);
}
.social-widget ul li a .spotify {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/spotify-icon-orange.svg);
}
#footer-lower .social-widget ul li a .spotify,
#mobile-nav .social-widget ul li a .spotify {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/spotify-icon-orange.svg);
}
.social-widget ul li a .apple-music {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/apple-music-icon.svg);
}
#footer-lower .social-widget ul li a .apple-music,
#mobile-nav .social-widget ul li a .apple-music {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/apple-music-icon-yellow.svg);
}
.social-widget ul li a .fab {
color: #EB6D40;
}
.social-widget ul li a:hover {
color: #EB6D40;
}
.social-widget ul li a:hover .fab {
color: #fff;
}
#mobile-header {
position: relative;
z-index: 9;
}
#mobile-nav {
height: 80px;
background: #f0e7d1;
}
#mobile-nav .logo {
text-align: center;
position: absolute;
left: 50%;
top: 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.is-stuck #mobile-nav .logo,
body.show-menu #mobile-nav .logo {
top: 10px;
}
#mobile-nav .logo img {
width: 200px;
position: relative;
z-index: 9;
}
.is-stuck #mobile-nav .logo img,
body.show-menu #mobile-nav .logo img {
width: 130px;
margin-bottom: 0;
}
#mobile-nav .mobile-actions {
position: absolute;
right: 20px;
top: 25px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#mobile-nav a.mobile-tickets {
font-size: 2rem;
color: #fff;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/tickets.png) no-repeat 0;
width: 35px;
height: 35px;
display: block;
position: relative;
font-size: 0;
position: absolute;
left: 20px;
top: 25px;
}
a.menu-toggle {
height: 2.2rem;
width: 1.8rem;
color: #EB6D40;
display: inline-block;
position: relative;
line-height: 1;
}
a.menu-toggle span {
background-color: #EB6D40;
display: block;
height: 2px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: width 0.2s;
-o-transition: width 0.2s;
transition: width 0.2s;
width: 100%;
}
.show-menu a.menu-toggle span {
width: 0;
}
a.menu-toggle:after,
a.menu-toggle:before {
top: 0.55rem;
background-color: #EB6D40;
content: " ";
display: block;
height: 2px;
position: absolute;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
width: 100%;
}
a.menu-toggle:after {
top: auto;
bottom: 0.5rem;
}
.show-menu a.menu-toggle:before {
top: 50% !important;
-webkit-transform: rotate(45deg) translateY(-50%);
-o-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.show-menu a.menu-toggle:after {
bottom: 50% !important;
-webkit-transform: rotate(-45deg) translateY(50%);
-o-transform: rotate(-45deg) translateY(50%);
transform: rotate(-45deg) translateY(50%);
}
#mobile-menu1 {
display: none !important;
}
.show-menu #mobile-menu1 {
display: block !important;
}
#mobile-menu1 {
display: none;
z-index: 1;
position: relative;
top: 80px;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: 0;
padding-bottom: 30px;
background: #EB6D40;
height: 100vh;
width: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#mobile-menu1 ul.menu {
margin: 0;
padding: 20px 30px 0;
background: #EB6D40;
}
#mobile-menu1 ul.menu li.active a {
border: 0;
}
#mobile-menu1 ul.menu li a {
font-size: 1.5rem;
padding: 10px 0;
color: #fff;
text-align: left;
background: 0 0;
font-weight: 700;
border-bottom: 1px solid #EB6D40;
text-transform: none;
position: relative;
display: block;
font-family: LHFGloria, sans-serif;
letter-spacing: 0.125rem;
}
#mobile-menu1 ul.menu li a:hover {
color: #fff;
}
#mobile-menu1 .has-submenu-toggle > a {
margin-right: 0;
}
#mobile-menu1 .submenu-toggle {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat;
background-size: contain;
top: 0;
width: 20px;
height: 44px;
cursor: pointer;
}
#mobile-menu1 .submenu-toggle:after {
border-color: transparent transparent transparent;
}
#mobile-menu1 ul.submenu {
padding: 0;
}
#mobile-menu1 ul.submenu li {
display: block !important;
text-align: left;
}
#mobile-menu1 ul.submenu li a {
color: #fff;
font-size: 1.4rem;
padding-left: 10%;
border: 0;
}
#mobile-menu1 .social-widget ul {
padding: 0 30px;
text-align: left;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#mobile-menu1 .social-widget ul li a span {
width: 28px;
height: 28px;
background-size: cover;
}
#nav-wrapper {
z-index: 9;
}
#nav-wrapper.is-stuck {
background: #fff;
}
.primary-nav {
position: relative;
z-index: 9;
max-width: 80rem;
margin: 0 auto;
padding: 0;
background: 0 0;
-webkit-transition: background-color 0.5s linear;
-ms-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
body.home .is-stuck .primary-nav #menu-main-menu {
align-items: center;
}
.primary-nav
.dropdown.menu.medium-horizontal
> li.is-dropdown-submenu-parent
> a {
padding-right: 0;
}
.primary-nav > .menu {
justify-content: center;
align-items: center;
}
@media (min-width: 64em) {
.primary-nav > .menu #menu-main-menu,
.primary-nav > .menu body.home #menu-main-menu {
justify-content: center;
align-items: center;
}
}
.primary-nav > .menu > li {
flex: 0 1 30%;
float: none;
vertical-align: top;
margin: 0;
padding: 0;
}
.primary-nav > .menu > li > a {
max-width: 80px;
}
.primary-nav > .menu > li.is-active > a {
color: #B64B29;
}
.primary-nav > .menu > li a {
color: #B64B29;
padding: 0;
display: block;
text-transform: uppercase;
font-weight: 400;
font-size: 1.7rem;
font-family: LHFGloria, sans-serif;
letter-spacing: 0.05rem;
line-height: 0.7;
text-align: center;
}
.primary-nav > .menu > li a:focus,
.primary-nav > .menu > li a:hover {
color: #D0972A;
}
.primary-nav > .menu > li ul {
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
background: #EB6D40;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0 !important;
min-width: 250px;
padding: 10px 0;
}
.primary-nav > .menu > li ul li {
padding: 0;
justify-content: center;
}
.primary-nav > .menu > li ul li a {
color: #fff;
line-height: 1;
text-align: center;
padding: 8px;
border-bottom: 0;
font-size: 1.5rem;
flex: 1;
}
.primary-nav > .menu > li ul li a:hover {
color: #fff;
background: #83CADE;
}
.primary-nav > .menu li.is-dropdown-submenu-parent a:after {
border: 0 !important;
}
.primary-nav
> .menu
.dropdown.menu.medium-horizontal
> li.is-dropdown-submenu-parent
> a::after {
border-color: #83CADE transparent transparent;
border-top-width: 5px;
border-left-width: 5px;
border-right-width: 5px;
right: 15px;
}
.menu .active > a {
background-color: transparent;
}
.home-content > section {
overflow: hidden;
}
@media (min-width: 100em) {
.home-content > section {
overflow: visible;
}
}
#home-video {
max-width: 120rem;
margin: 0 auto;
position: relative;
z-index: 1;
}
body.admin-bar #home-video {
margin-top: -32px;
}
#home-video .divider {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/Divider_Cream.svg) 0 bottom repeat-x #231f20;
background-repeat: no-repeat;
padding-bottom: 20px;
height: 32px;
}
@media (min-width: 64em) {
#home-video .divider {
padding-bottom: 0;
}
}
#home-video #video-frame {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/video-overlay-left.png);
background-position: left bottom;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
width: 100%;
height: 24%;
z-index: 1;
background-size: contain;
pointer-events: none;
}
#home-video #video-frame .video-frame-inner {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/video-overlay-right.png?v=2);
background-size: contain;
background-position: right bottom;
position: relative;
background-repeat: no-repeat;
height: 100%;
}
@media (min-width: 64em) {
#home-video #video-frame {
background-size: contain;
height: 64%;
}
#home-video #video-frame:after {
background-image: none;
}
}
#home-video .videoWrapper {
position: relative;
z-index: 1;
}
#home-video .videoWrapper.static {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/bbbf-poster.jpg);
background-size: cover;
padding-top: 0;
padding-bottom: 56.25%;
}
@media (min-width: 64em) {
#home-video .videoWrapper {
min-height: 928px;
}
}
#home-video .videoWrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#home-video .arrow-down {
width: 100%;
height: 32px;
position: absolute;
bottom: 22px;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center center no-repeat;
background-size: 42px;
z-index: 9;
display: block;
}
@media (min-width: 64em) {
#home-video .arrow-down {
bottom: 10px;
}
}
#home-about {
color: #fff;
text-align: center;
}
#home-about .inner {
border-bottom: 0px solid #EB6D40;
position: relative;
padding: 0px;
}
@media (min-width: 64em) {
#home-about .inner {
padding: 30px 0;
}
}
@media (min-width: 64em) {
#home-about {
background-size: cover;
background-position: 50% 0;
}
}
#home-about h1 {
font-size: 1rem;
line-height: 1.6;
max-width: 800px;
margin: 0 auto 30px;
font-family: Avenir, sans-serif;
color: #fff;
text-transform: none;
}
@media (min-width: 64em) {
#home-about h1 {
font-size: 1.3rem;
}
}
#home-about #countdown {
font-size: 1.5rem;
color: #fff;
letter-spacing: 0.125rem;
font-weight: 700;
text-transform: uppercase;
margin: 10px 0;
}
@media (min-width: 64em) {
#home-about #countdown {
margin: 20px 0;
font-size: 2rem;
}
}
#home-about h2 {
color: #EB6D40;
letter-spacing: 0.125rem;
margin: 0;
font-size: 4rem;
}
@media (min-width: 64em) {
#home-about h2 {
font-size: 5.5rem;
}
}
#home-about h3 {
color: #EB6D40;
letter-spacing: 0.125rem;
margin: 0;
font-size: 2rem;
}
#home-about h3 span {
font-family: Avenir, sans-serif;
}
@media (min-width: 64em) {
#home-about h3 {
font-size: 4.5rem;
}
#home-about h3 span {
font-size: 3rem;
}
}
#home-about .button-wrapper {
text-align: center;
margin: 30px 0 30px;
}
@media (min-width: 64em) {
#home-about .button-wrapper {
max-width: 700px;
margin: 30px auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
}
#home-about .button-wrapper a.button {
padding: 5px;
font-size: 1.5rem;
max-width: 100px;
line-height: 0.75;
display: block;
margin: 0 auto;
}
@media (min-width: 64em) {
#home-about .button-wrapper a.button {
max-width: 110px;
font-size: 1.5rem;
}
}
#home-about .button-wrapper a.button.jumbo {
font-size: 2rem;
max-width: none;
background: #EB6D40;
margin: 10px auto;
padding: 20px 30px;
}
#home-about .button-wrapper a.button.jumbo:hover {
background: #83CADE;
}
#home-about .button-wrapper a.button.jumbo:hover:after,
#home-about .button-wrapper a.button.jumbo:hover:before {
background: #83CADE;
}
#home-about .button-wrapper a.button.jumbo:after,
#home-about .button-wrapper a.button.jumbo:before {
background: #EB6D40;
}
@media (min-width: 64em) {
#home-about .button-wrapper a.button.jumbo {
font-size: 3.5rem;
margin: 0 100px;
}
}
.pum-container {
background-color: #83CADE !important;
}
.pum-container input {
background-color: #83CADE !important;
border: 2px solid #ffffff !important;
}
.pum-container input::placeholder,
.pum-container select {
color: white !important;
}
.pum-container select {
background-color: #83CADE !important;
border: 2px solid #ffffff !important;
}
#home-artists {
padding: 0;
}
#home-artists .inner {
position: relative;
padding: 30px 0;
position: relative;
}
@media (min-width: 64em) {
#home-artists .inner {
padding: 45px 0;
}
}
@media (min-width: 100em) {
#home-artists .inner {
padding-bottom: 135px;
}
}
#home-artists .bird2 {
display: none;
}
#home-artists .bird3 {
display: none;
}
@keyframes slideInButterfly {
from {
left: -800px;
top: 850px;
}
to {
left: -300px;
top: 650px;
}
}
@media (min-width: 100em) {
#home-artists .bird2 {
width: 250px;
height: 500px;
display: block;
position: absolute;
left: -40px;
top: -80px;
z-index: 3;
}
#home-artists .bird2.visible {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/Bird_1.svg) no-repeat;
}
#home-lineup .bird3 {
width: 400px;
height: 750px;
display: block;
position: absolute;
left: -800px;
top: 850px;
z-index: 3;
filter: brightness(125%);
}
#home-lineup .bird3.visible {
transform-origin: 50% 50%;
animation: slideInButterfly 1.5s ease-out;
animation-delay: 1s;
animation-fill-mode: forwards;
transform: scaleX(-1.25) scaleY(1.25);
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/moon.svg) no-repeat;
}
}
#home-artists .floralg1 {
display: none;
}
@media (min-width: 64em) {
#home-artists .floralg1 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 60%;
margin-left: -220px;
bottom: 0;
z-index: 1;
}
#home-artists .floralg1.visible {
width: 440px;
height: 248px;
animation: scaleIn 1s; }
}
#home-artists .tns-outer {
z-index: 2;
}
#home-artists h2 {
text-align: center;
color: #EB6D40;
margin: 0 0 50px;
}
#home-artists h2 a {
color: #EB6D40;
}
@media (min-width: 64em) {
#home-artists h2 {
font-size: 5.5rem;
}
}
#home-artists .artist-box {
text-align: center;
color: #fff;
padding: 30px;
background: #83CADE;
}
#home-artists .artist-box h3 {
color: #fff;
}
@media (min-width: 64em) {
#home-artists .artist-box h3 {
font-size: 3.6rem;
}
}
#home-artists .divider {
margin-top: 30px;
}
@media (min-width: 64em) {
#home-artists .divider {
margin-top: 0;
position: relative;
top: 50px;
}
}
#home-news {
padding: 0 0 30px;
}
@media (min-width: 64em) {
#home-news {
padding: 0 0 65px;
}
}
#home-news h2 {
text-align: center;
margin: 0 0 50px;
}
#home-news h2 a {
color: #EB6D40;
}
@media (min-width: 64em) {
#home-news h2 {
font-size: 5.5rem;
}
}
#home-news .news-box {
background: #fff;
display: block;
text-align: left;
min-height: 365px;
}
#home-news .news-box h3 {
color: #000000;
font-size: 1.5rem;
margin: 15px 20px;
font-family: 'Avenir' !important;
text-transform: none;
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
font-weight: bold;
}
#home-news .news-box button {
background-color: transparent;
color: #F05822;
padding: 0 !important;
line-height: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-weight: bold;
font-family: 'Avenir' !important;
font-size: 16px;
position: relative;
border: 0;
margin: 0 20px 20px 20px !important;
cursor: pointer;
}
#home-promo-vid {
margin-bottom: 30px;
}
#home-promo-vid .inner {
border-bottom: 0px solid #EB6D40;
position: relative;
padding: 0 0 50px;
}
@media (min-width: 80em) {
#home-promo-vid .inner {
padding: 100px 0 100px;
}
}
#home-promo-vid .divider {
position: relative;
margin-bottom: 30px;
}
@media (min-width: 80em) {
#home-promo-vid .divider {
margin-bottom: 0;
top: -90px;
}
}
#home-promo-vid .responsive-embed {
margin: 0;
z-index: 2;
border: 12px solid #EB6D40;
padding-bottom: 53.25%;
}
#home-promo-vid iframe {
display: block;
}
.floralg2 {
display: none;
}
@media (min-width: 80em) {
.floralg2 {
width: 300px;
height: 260px;
display: block;
position: absolute;
left: -160px;
top: 0px;
z-index: 100;
}
.floralg2.visible {
animation: scaleIn 1s;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/flower_2.svg) no-repeat;
}
} @media (min-width: 80em) {
.floralg3 {
width: 240px;
height: 200px;
display: block;
position: absolute;
right: -120px;
bottom: 30px;
z-index: 3;
}
.floralg3.visible {
animation: scaleIn 1s;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/flower_1.svg) no-repeat;
}
}
@media (min-width: 64em) {
#home-spotify .inner {
padding: 50px 0;
}
}
#home-spotify iframe {
display: block;
border: 0px solid #EB6D40;
}
@media (min-width: 64em) {
#home-spotify img {
max-width: 640px;
animation: pulse infinite 3s;
}
}
#content #home-bftv {
background: #83CADE;
padding-bottom: 30px;
}
#content #home-bftv .inner > h3 {
text-align: center;
color: #fff;
margin-bottom: 20px;
}
#content #home-bftv .bftv-wrapper .inner {
background: #EB6D40;
padding: 20px;
min-height: 330px;
}
#content #home-bftv .bftv-wrapper .inner h4 {
font-size: 1.5rem;
text-transform: uppercase;
color: #fff;
}
#bftv-wrapper {
position: relative;
z-index: 1;
}
#bftv-wrapper .inner {
margin-bottom: 30px;
}
@media (min-width: 64em) {
#bftv-wrapper .inner .featured-video {
padding-top: 50px;
}
#bftv-wrapper .inner .featured-video .floralg2 {
top: -100px;
}
}
@media (min-width: 64em) {
.entry-content > p:first-child .featured-video {
padding-top: 50px;
}
.entry-content > p:first-child .featured-video .floralg2 {
top: -100px;
}
}
#home-lineup {
position: relative;
overflow: hidden;
color: #fff;
}
#home-lineup .inner {
padding: 30px 0 0px;
text-align: center;
border-bottom: 0px solid #EB6D40;
position: relative;
}
@media (min-width: 64em) {
#home-lineup .inner {
padding: 100px 0 20px;
}
}
#home-lineup #artist-announce .artist-group-wrapper {
margin-bottom: 20px;
}
#home-lineup
#artist-announce
.artist-group-wrapper
.artist-sub-group:first-child
a {
font-size: 150%;
}
#home-lineup
#artist-announce
.artist-group-wrapper
.artist-sub-group:nth-child(2)
a {
font-size: 150%;
}
#home-lineup
#artist-announce
.artist-group-wrapper
.artist-sub-group:nth-child(3)
a {
font-size: 115%;
}
#home-lineup
#artist-announce
.artist-group-wrapper
.artist-sub-group.headline
li {
flex: 1 1 100%;
}
#home-lineup
#artist-announce
.artist-group-wrapper
.artist-sub-group.headline
li:after {
display: none;
}
#home-lineup
#artist-announce
.artist-group-wrapper
.artist-sub-group.headline
a {
font-size: 250%;
}
#home-lineup .bird1 {
display: none;
}
@media (min-width: 100em) {
#home-lineup .bird1 {
width: 442px;
height: 523px;
display: block;
position: absolute;
right: -442px;
top: 100px;
z-index: 1;
}
#home-lineup .bird1.visible {
animation: slideInRight 1s ease-in-out;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/Butterfly_2.svg) no-repeat;
}
}
#home-lineup h2 {
display: inline-block;
position: relative;
background: #EB6D40;
color: #fff;
position: relative;
padding: 10px;
font-size: 1.5rem;
}
#home-lineup h2:after {
display: inline-block;
position: absolute;
right: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background-color: #EB6D40;
-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#home-lineup h2:before {
display: inline-block;
position: absolute;
left: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background-color: #EB6D40;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media (min-width: 64em) {
#home-lineup h2 {
font-size: 4.0rem;
padding: 5px 40px;
margin-bottom: 50px;
}
}
#final-announcement-dates {
display: inline-block;
position: relative;
background: #f3b018;
color: #000 !important;
position: relative;
padding: 10px;
font-size: 1.5rem;
}
#final-announcement-dates:after {
display: inline-block;
position: absolute;
right: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background-color: #f3b018;
-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#final-announcement-dates:before {
display: inline-block;
position: absolute;
left: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background-color: #f3b018;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media (min-width: 64em) {
#final-announcement-dates {
font-size: 40px;
padding: 10px 30px !important;
margin-bottom: 50px;
margin-top: 5px;
}
}
#home-lineup .playing-days {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/playing_days_button.svg) no-repeat;
width: 120px;
height: 120px;
margin: 0 auto 20px;
position: relative;
display: block;
}
@media (min-width: 100em) {
#home-lineup .playing-days {
position: absolute;
width: 180px;
height: 180px;
left: -180px;
top: 50px;
}
}
.time-to-pay-badge {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/TimeToPay.png) no-repeat;
background-size: contain;
width: 120px;
height: 120px;
margin: 0 auto 20px;
position: relative;
display: block;
}
@media (min-width: 100em) {
.time-to-pay-badge {
position: absolute;
width: 180px;
height: 180px;
right: -125px;
top: -125px;
}
}
.time-to-pay-badge-home {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/TimeToPay.png) no-repeat;
background-size: contain;
width: 120px;
height: 120px;
margin: 0 auto 20px;
position: relative;
display: block;
z-index: 2;
}
@media (min-width: 100em) {
.time-to-pay-badge-home {
position: absolute;
width: 180px;
height: 180px;
right: -180px;
top: 50px;
}
}
#home-lineup h3.button {
background: #000;
margin-top: 20px;
cursor: text;
}
#home-lineup h3.button:after,
#home-lineup h3.button:before {
background: #000;
}
@media (min-width: 64em) {
#home-lineup h3.button {
font-size: 2.5rem;
}
}
#home-lineup #artist-list > div {
margin-bottom: 20px;
}
#home-lineup ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#home-lineup ul li {
margin: 0 5px 0 0;
padding: 0;
line-height: 0.75;
list-style: none;
font-family: LHFGloria, sans-serif;
letter-spacing: 0.125rem;
display: block;
flex: 0 1 auto;
font-size: 1.3rem;
}
@media (min-width: 64em) {
#home-lineup ul li {
font-size: 2.5rem;
margin: 0 10px 10px 0;
}
}
#home-lineup ul li:after {
content: "\2022";
color: #fff;
display: inline-block;
text-align: center;
margin-left: 5px;
}
@media (min-width: 64em) {
#home-lineup ul li:after {
margin-left: 10px;
}
}
#home-lineup ul li:last-child {
margin-right: 0;
}
#home-lineup ul li:last-child:after {
content: "";
margin-left: 0;
}
#home-lineup ul li a {
color: #fff;
letter-spacing: 0;
}
#home-lineup ul li a:hover {
color: #83CADE;
}
#home-lineup .group1 li {
font-size: 1.8rem;
}
@media (min-width: 64em) {
#home-lineup .group1 li {
font-size: 4rem;
}
}
#home-lineup .group2 li {
font-size: 1.5rem;
}
@media (min-width: 64em) {
#home-lineup .group2 li {
font-size: 3.5rem;
}
}
#home-lineup .group3 li {
font-size: 1.3rem;
}
@media (min-width: 64em) {
#home-lineup .group3 li {
font-size: 3rem;
}
}
#mobile-about {
margin: 10px;
padding: 0;
}
#mobile-about .grid-container {
padding: 0;
}
#mobile-about .grid-container .small-up-2 a {
min-height: 200px;
}
#mobile-about a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
font-size: 3.5rem;
color: #fff;
text-align: center;
align-items: center;
justify-content: center;
background: #000;
font-family: LHFGloria, sans-serif;
min-height: 300px;
position: relative;
letter-spacing: 0.1rem;
background-size: cover;
background-position: center center;
cursor: auto;
}
.festival-info #mobile-about a {
margin-bottom: 30px;
min-height: 280px;
}
#mobile-about a em {
font-style: normal;
display: inline-block;
line-height: 0.75;
position: relative;
z-index: 2;
}
#mobile-about a .mask {
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
z-index: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#mobile-about a[href] {
cursor: pointer;
}
#mobile-about a[href]:hover .mask {
opacity: 1;
background: rgba(252, 177, 25, 0.6);
}
.divider {
height: 17px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 2;
margin-top: 50px;
margin-bottom: 50px;
}
@media (min-width: 64em) {
.divider {
width: 510px;
}
}
.divider.visible {
animation: scaleIn 1s;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/Divider_Cream.svg) center center;
background-repeat: no-repeat;
}
.day .divider.visible,
.single-post .divider.visible {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/Divider_Cream.svg);
background-repeat: no-repeat;
}
.orange-divider {
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/Divider_Orange.svg) !important;
background-repeat: no-repeat;
}
#mobile-bottom-tickets {
display: block;
margin: 12px;
text-align: center;
padding: 20px 30px;
font-size: 2rem;
line-height: 0.75;
letter-spacing: 0.1rem;
font-family: LHFGloria, sans-serif;
color: #fff;
text-align: center;
position: relative;
background-color: #EB6D40;
line-height: 1;
}
#mobile-bottom-tickets:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: 
background-size: 1400px auto;
background-position: 50% 80%;
transition: opacity ease 0.3s;
}
#mobile-bottom-tickets span {
position: relative;
}
#mobile-bottom-tickets:hover:before {
opacity: 0.5;
}
.featured-video {
position: relative;
}
.featured-video .responsive-embed {
position: relative;
z-index: 2;
}
.featured-video .responsive-embed iframe {
border: 10px solid #EB6D40;
}
@media (min-width: 64em) {
.featured-video {
padding: 140px 0 50px;
}
.featured-video .floralg2 {
top: 0;
}
}
.featured-image {
position: relative;
}
@media (min-width: 64em) {
.featured-image {
padding: 50px 0 50px;
}
.featured-image .floralg2 {
top: -100px;
}
}
.single-gallery-slider .tns-item {
border: 10px solid #83CADE;
}
.single-gallery-slider .tns-item img {
margin: 0;
width: 100%;
}
.tns-outer {
position: relative;
}
.tns-controls {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tns-controls button {
position: absolute;
line-height: 1;
opacity: 1;
width: 20px;
height: 20px;
}
@media (min-width: 80em) {
.tns-controls button {
width: 80px;
height: 80px;
}
}
.tns-controls button:first-child {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow-r.svg) center no-repeat;
background-size: contain;
font-size: 0;
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
top: -20px;
left: 0;
}
@media (min-width: 80em) {
.tns-controls button:first-child {
left: -100px;
}
}
.tns-controls button:last-child {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow-r.svg) center no-repeat;
background-size: contain;
font-size: 0;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
top: -20px;
right: 0;
}
@media (min-width: 80em) {
.tns-controls button:last-child {
right: -100px;
}
}
.tns-nav {
text-align: center;
margin: -30px 0 10px;
}
.tns-nav > [aria-controls] {
width: 9px;
height: 9px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #ddd;
border: 0;
}
.tns-nav > .tns-nav-active {
background: #EB6D40;
}
#content .ticket-accordion {
background: 0 0;
}
#content .ticket-accordion li.accordion-item {
margin-bottom: 15px;
}
#content .ticket-accordion .accordion-title {
background: #EB6D40;
color: #fff;
font-size: 2rem;
border-bottom: 1px solid #d4eaf5;
text-align: left;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
padding: 10px 20px 20px;
}
@media (min-width: 64em) {
#content .ticket-accordion .accordion-title {
font-size: 3rem;
text-align: center;
padding: 10px;
}
}
#content .ticket-accordion .accordion-title span {
font-family: LHFGloria, sans-serif;
letter-spacing: 0.125rem;
}
#content .ticket-accordion .accordion-title em {
font-size: 1rem;
color: #EB6D40;
display: block;
font-style: normal;
}
#content .ticket-accordion .accordion-title:before {
content: "";
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/accordion-actions.svg);
background-size: 200% auto;
background-repeat: no-repeat;
width: 1rem;
height: 1rem;
position: absolute;
right: 1.5rem;
top: 20px;
transition: transform ease 0.2s;
}
@media (min-width: 64em) {
#content .ticket-accordion .accordion-title:before {
width: 2rem;
height: 2rem;
}
}
#content .ticket-accordion .is-active .accordion-title {
background: #83CADE;
}
#content .ticket-accordion .is-active .accordion-title:before {
background-position: 100% 0;
}
#content .ticket-accordion .is-active .accordion-title em {
color: #fff;
}
#content .ticket-accordion .accordion-content {
border: 0;
background: #d4eaf5;
}
#content.ticket-page > p.terms {
color: #fff;
}
#content.ticket-page > p.terms a {
color: #EB6D40;
}
#content .ticket-group {
text-align: center;
padding: 0;
margin: 0 0 30px;
}
#content .ticket-group .grid-x {
justify-content: center;
}
#content .ticket-group h2 {
display: inline-block;
position: relative;
background: #EB6D40;
color: #fff;
position: relative;
padding: 10px;
font-size: 1.5rem;
}
#content .ticket-group h2:after {
display: inline-block;
position: absolute;
right: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background-color: #EB6D40;
-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#content .ticket-group h2:before {
display: inline-block;
position: absolute;
left: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background-color: #EB6D40;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media (min-width: 64em) {
#content .ticket-group h2 {
font-size: 4.2rem;
padding: 5px 50px;
margin-bottom: 50px;
}
}
#content .ticket-group .notes {
color: #fff;
font-size: 1.1rem;
margin-bottom: 30px;
}
#content .ticket-group .inner {
padding: 30px 10px;
margin-bottom: 30px;
background: #fff;
border: 0px solid #EB6D40;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
flex-direction: column;
justify-content: center;
}
#content .ticket-group .inner a.button-p {
font-size: 1.5rem;
display: block;
flex: 0 1 auto;
line-height: 0.75em;
margin-top: auto;
font-size: 3rem;
}
#content .ticket-group .inner a.button-p span {
font-size: 2rem;
}
#content .ticket-group .inner .title {
color: #83CADE;
margin: 0 0 20px;
font-size: 2.5rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
#content .ticket-group .inner p.subtitle {
color: #000;
font-size: 1.2rem;
margin-top: auto;
margin-bottom: 20px;
}
.pulse {
animation: pulse 5s infinite ease-in-out;
}
.wiggle {
animation: pulse 5s infinite ease-in-out;
}
.scaleIn {
animation-name: scaleIn;
}
.fadeInUp {
animation-name: fadeInUp;
}
.slideInRight {
animation-name: slideInRight;
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes pulse {
0% {
transform: scale3d(1, 1, 1);
}
20% {
transform: scale3d(1.05, 1.05, 1.05);
}
40% {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@keyframes scaleIn {
from {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
body.page-id-355 #wrapper {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/boomerang-body.png) no-repeat 0 100px #000;
background-size: contain;
}
body.page-id-355 #footer-subscribe.visible {
background-image: none;
}
body.page-id-355 #footer-subscribe .footer-subscribe-wrapper.visible {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/boomerang-footer.png) no-repeat 0 top #000;
background-size: cover;
}
body.page-id-355 .featured-video {
padding: 0;
}
body.page-id-355 .featured-video .floral {
display: none;
}
body.page-id-355 #main #title-container .title,
body.page-id-541 #main #title-container .title {
background: 0 0;
margin: 0;
padding: 0;
}
@media (min-width: 64em) {
body.page-id-355 #main #title-container .title,
body.page-id-541 #main #title-container .title {
padding-top: 100px;
margin-bottom: 50px;
}
}
body.page-id-355 #main #title-container h1,
body.page-id-541 #main #title-container h1 {
text-indent: -9999px;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/Boomerang-Festival-Logo.png) center no-repeat; background-size: contain;
display: block;
max-width: 100%;
width: 828px;
height: 227px;
margin: 0 auto 20px;
}
body.page-id-355 #main .entry-content > h3,
body.page-id-541 #main .entry-content > h3 {
font-size: 2em;
background: #c00;
display: block;
width: 70%;
margin: 0 auto 50px;
color: #EB6D40;
cursor: auto;
}
body.page-id-355 #main .entry-content > h3:after,
body.page-id-355 #main .entry-content > h3:before,
body.page-id-541 #main .entry-content > h3:after,
body.page-id-541 #main .entry-content > h3:before {
background: #c00;
}
@media (max-width: 64em) {
body.page-id-355 #main .entry-content > h3:after,
body.page-id-355 #main .entry-content > h3:before,
body.page-id-541 #main .entry-content > h3:after,
body.page-id-541 #main .entry-content > h3:before {
display: none;
}
}
body.page-id-355 #main .entry-content,
body.page-id-541 #main .entry-content {
padding-bottom: 0;
}
body.page-id-355 #main .entry-content iframe,
body.page-id-541 #main .entry-content iframe {
border: 10px solid #c00;
}
body.page-id-355 #main .entry-content p,
body.page-id-541 #main .entry-content p {
color: #fff;
font-size: 1.2rem;
}
body.page-id-355 #main #boomerang-gallery a,
body.page-id-541 #main #boomerang-gallery a {
display: block;
min-height: 245px;
background-size: cover;
background-position: center top;
margin-bottom: 30px;
}
body.page-id-355 #main #boomerang-gallery h2,
body.page-id-541 #main #boomerang-gallery h2 {
color: #c00;
text-align: center;
}
@media (min-width: 64em) {
body.page-id-355 #main #boomerang-gallery h2,
body.page-id-541 #main #boomerang-gallery h2 {
font-size: 5rem;
margin-bottom: 65px;
}
}
body.page-id-400 #content {
position: relative;
}
body.page-id-400 #title-container {
margin-bottom: 40px;
}
body.page-id-400 a.time-to-pay {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/blu-time-to-pay-badge-orange.svg) no-repeat;
width: 100px;
height: 100px;
margin: 0 auto 20px;
display: block;
z-index: 2;
}
@media (min-width: 40em) {
body.page-id-400 a.time-to-pay {
position: absolute;
left: 0;
top: -120px;
}
}
@media (min-width: 64em) {
body.page-id-400 a.time-to-pay {
position: absolute;
width: 130px;
height: 130px;
left: 10%;
top: -140px;
}
}
body.page-id-9 {
background-color: #83CADE;
}
body.page-id-9 #main {
margin-bottom: 50px;
}
body.page-id-9 #content a,
body.page-id-9 #content p,
body.page-id-9 #content td {
color: #fff;
}
body.page-id-9 #content a strong,
body.page-id-9 #content p strong,
body.page-id-9 #content td strong {
color: #d4eaf5;
}
body.page-id-9 #title-container .title {
padding: 50px 30px 30px;
}
body.page-id-9 #title-container h1 {
color: #d4eaf5;
text-align: left;
}
#content .news-grid {
padding: 0;
}
#content .news-grid h2 {
color: #83CADE;
text-align: center;
margin-bottom: 50px;
}
#content .news-grid .inner {
margin-bottom: 30px;
}
#content .news-grid .inner > a {
background: #fff;
display: block;
text-align: left;
}
@media (min-width: 40em) {
#content .news-grid .inner > a {
min-height: 300px;
}
}
#content .news-grid .inner > a:hover {
background: #fff;
}
#content .news-grid .inner > a:hover h3 { }
#content .news-grid .inner a .thumb {
overflow: hidden !important;
}
#content .news-grid .inner > a:hover img {
transform: scale(1.1);
transition: cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s;
}
#content .news-grid .inner > a img {
transition: cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s;
}
@media (min-width: 64em) {
#content .news-grid .inner > a {
min-height: 350px;
}
}
#content .news-grid .inner > a .meta {
color: #fff;
text-align: right;
font-size: 0.85em;
display: none;
}
#content .news-grid .inner > a .meta span {
display: inline-block;
padding: 5px 8px;
background: #EB6D40;
}
#content .news-grid .inner .button-p {
flex: 0 1 auto;
padding: 10px;
margin-top: auto;
pointer-events: none;
margin: 0 20px 20px 20px !important;
}
#content .news-grid .inner .button-p:hover {
background: #EB6D40;
}
#content .news-grid .inner h3 {
color: #000000;
font-size: 1.5rem;
margin: 15px 20px;
font-family: 'Avenir' !important;
text-transform: none;
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
font-weight: bold;
}
#contact-page-form .medium {
font-size: 1rem;
font-weight: 700;
padding: 12px 10px;
color: #83CADE;
font-family: Avenir, sans-serif;
}
#contact-page-form .gform_wrapper select {
background: #d4eaf5;
color: #83CADE;
font-weight: 700;
}
#contact-page-form .ginput_container_select {
position: relative;
}
#contact-page-form .ginput_container_select:after {
content: "";
width: 34px;
height: 16px;
position: absolute;
right: 10px;
top: 18px;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg);
background-size: cover;
pointer-events: none;
}
#contact-page-form .gform_wrapper .gform_footer {
text-align: left;
}
#contact-page-form .gform_wrapper .gform_footer .button {
font-size: 2rem;
display: inline-block;
width: auto;
}
#contact-page-form .gform_wrapper .gform_footer .button:hover {
background: #EB6D40;
}
#contact-page-form ::-webkit-input-placeholder {
color: #83CADE;
text-transform: uppercase;
}
#contact-page-form ::-moz-placeholder {
color: #83CADE;
text-transform: uppercase;
}
#contact-page-form ::-ms-input-placeholder {
color: #83CADE;
text-transform: uppercase;
}
#contact-page-form ::placeholder {
color: #83CADE;
text-transform: uppercase;
}
hr {
border-color: #fff;
}
#artist-lineup .cell {
margin-bottom: 20px;
}
#artist-lineup .inner {
padding: 10px;
background: #83CADE;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position: relative;
}
#artist-lineup a:hover .inner {
background: #EB6D40;
}
#artist-lineup .new-artist {
position: absolute;
z-index: 1;
top: -5px;
right: -5px;
background: #EB6D40;
color: #fff;
padding: 2px 3px;
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
}
#artist-lineup .title {
color: #fff;
text-align: center;
padding: 10px 0 0;
min-height: 40px;
}
#artist-lineup .title h3 {
font-size: 1.5rem;
font-weight: 400;
font-family: LHFGloria, sans-serif;
color: #fff;
margin: 0;
}
#artist-lineup .title .playing {
font-size: 14px;
margin-top: 5px;
}
#artist-lineup .title .playing span {
display: inline-block;
padding: 2px 0;
line-height: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0 !important;
margin-right: 7px;
color: #000;
}
#single-artist-page p.back-link {
text-align: right;
}
#single-artist-page p.back-link a {
font-weight: 700;
font-size: 1.1rem;
border-bottom: 2px solid #fff;
color: #fff;
}
#loading-image {
display: none;
text-align: center;
margin-bottom: 10px;
color: #83CADE;
}
.single-artist-wrapper {
padding: 30px 20px;
}
@media (min-width: 64em) {
.single-artist-wrapper {
padding: 30px 40px;
}
}
.single-artist-wrapper .fluid {
width: 100%;
}
@media (max-width: 64em) {
.single-artist-wrapper .fluid {
padding: 0;
}
}
.single-artist-wrapper .social-widget .inline-list {
margin-bottom: 0;
}
.single-artist-wrapper h2 {
color: #fff;
font-size: 3.2rem;
}
.single-artist-wrapper .single-description {
color: #fff;
}
.single-artist-wrapper .single-description p {
color: #fff;
}
.single-artist-wrapper a.watch-video {
display: block;
margin: 5px auto;
text-align: center;
color: #fff !important;
}
.single-artist-wrapper a.watch-video span {
line-height: 36px;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/play-button.svg) no-repeat left center;
background-size: contain;
padding-left: 50px;
display: inline-block;
}
.single-artist-wrapper .spotify-player {
margin-top: 0;
}
.single-artist-wrapper .single-artist-wrapper .single-img .responsive-embed {
margin-bottom: 0;
}
@media (min-width: 64em) {
.single-artist-wrapper .single-artist-wrapper .single-img {
height: 267px;
overflow: hidden;
}
}
#year-filter {
background: #83CADE;
text-align: center;
margin-bottom: 20px;
}
#year-filter a {
color: #fff;
display: inline-block;
margin: 10px 10px;
padding: 5px;
text-transform: uppercase;
font-weight: 700;
font-size: 0.85rem;
}
#year-filter a.active {
border-bottom: 2px solid #fff;
}
#cboxLoadedContent {
border: 5px solid #fff;
background: #83CADE;
}
#cboxLoadedContent .single-img .responsive-embed {
margin-bottom: 0;
}
@media (min-width: 64em) {
#cboxLoadedContent .single-img {
height: 267px;
overflow: hidden;
}
}
#cboxCurrent {
display: none !important;
}
#cboxClose {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/close.svg) no-repeat center center;
background-size: 14px;
height: 24px;
top: 10px;
right: 15px;
}
#cboxClose:hover {
background-position: center center;
}
#cboxNext {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat;
right: -2px;
width: 30px;
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
background-size: contain;
outline: 0;
}
@media (min-width: 64em) {
#cboxNext {
right: 15px;
}
}
#cboxNext:hover {
background-position: center;
}
#cboxPrevious {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat;
font-size: 0;
left: -2px;
width: 30px;
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
background-size: contain;
outline: 0;
}
@media (min-width: 64em) {
#cboxPrevious {
left: 15px;
}
}
#cboxPrevious:hover {
background-position: center;
}
.colio-theme-black .colio-container {
background: #83CADE;
}
.colio-theme-black .colio-container .colio-item,
.colio-theme-black .colio-container .colio-item .colio-title,
.colio-theme-black .colio-container h1,
.colio-theme-black .colio-container h2,
.colio-theme-black .colio-container h3,
.colio-theme-black .colio-container h3.colio-title,
.colio-theme-black .colio-container h4,
.colio-theme-black .colio-container h5,
.colio-theme-black .colio-container h6,
.colio-theme-black .colio-container p {
color: #fff;
}
.colio-theme-black .colio-container h2.colio-title {
font-size: 3rem;
line-height: 1;
}
body.single-artist {
background: #83CADE;
}
.colio-item .single-artist-wrapper .single-img img,
.single-artist-wrapper .single-img img {
width: 100%;
}
.colio-item .single-artist-wrapper h2,
.single-artist-wrapper h2 {
margin-top: 0;
}
.colio-item .single-artist-wrapper a,
.colio-item .single-artist-wrapper p a,
.single-artist-wrapper a,
.single-artist-wrapper p a {
color: #EB6D40 !important;
}
.colio-item .single-artist-wrapper em,
.single-artist-wrapper em {
font-style: normal;
}
.colio-item .single-artist-wrapper .artist-days li,
.single-artist-wrapper .artist-days li {
display: inline-block;
background: #EB6D40;
color: #fff !important;
padding: 5px;
text-transform: uppercase;
margin-right: 0;
line-height: 1;
font-size: 14px !important;
}
@media (min-width: 64em) {
.colio-item .single-artist-wrapper,
.single-artist-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
justify-content: space-between;
}
.colio-item .single-artist-wrapper .colio-main,
.single-artist-wrapper .colio-main {
flex: 0 1 48%;
float: none;
width: auto;
padding: 0;
}
.colio-item .single-artist-wrapper .colio-sidebar,
.single-artist-wrapper .colio-sidebar {
flex: 0 1 48%;
}
}
#content #artist-grid {
position: relative;
}
#content #artist-grid a {
display: block;
}
#content #artist-grid a:hover .mask {
opacity: 1;
}
#content #artist-grid .expander {
position: absolute;
width: 100%;
left: 0;
}
#content #artist-grid .expander.hidden {
opacity: 0;
}
#content #artist-grid h2 {
text-align: right;
background: #83CADE;
padding: 5px;
color: #fff;
display: block;
text-transform: uppercase;
font-size: 2rem;
line-height: 1;
margin: 0;
}
#content #artist-grid .cell {
margin-bottom: 30px;
}
#content #artist-grid .artist-img {
position: relative;
}
#content #artist-grid .artist-img .mask {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
background: rgba(0, 102, 153, 0.4);
z-index: 2;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#content #artist-grid .artist-img img {
width: 100%;
position: relative;
z-index: 1;
}
#title-container {
position: relative;
z-index: 1;
margin: 0 0 30px;
}
#title-container span.author {
display: block;
}
#title-container .title {
margin-bottom: 10px;
}
@media (min-width: 64em) {
#title-container .title {
margin-bottom: 30px;
}
}
#title-container h1,
#title-container h2 {
text-align: center;
color: #EB6D40;
font-size: 3rem;
margin: 0;
}
body.single-post #title-container h1,
body.single-post #title-container h2 {
font-size: 2rem;
}
.day #title-container h1,
.day #title-container h2,
.single-post #title-container h1,
.single-post #title-container h2 {
color: #ffffff;
}
@media (min-width: 64em) {
#title-container h1,
#title-container h2 {
font-size: 5rem;
text-transform: uppercase;
}
body.single-post #title-container h1,
body.single-post #title-container h2 {
font-size: 3rem;
}
}
#title-container h1.artist-title,
#title-container h2.artist-title {
text-align: center;
}
h1.page-title {
font-size: 2.5rem;
margin: 0;
color: #EB6D40;
}
#content .large p,
#content p.large {
font-size: 1.5em;
}
#main table tbody tr:nth-child(even) {
background-color: #fff;
}
#contact-page-form {
background-color: #83CADE;
}
#contact-page-form .gform_wrapper ul.gform_fields {
padding-top: 0;
}
#wrapper .contact-details .widgettitle {
display: none;
}
#wrapper .contact-details #gform_wrapper_2 h2 {
text-align: center;
}
#wrapper .contact-details #gform_wrapper_2 .enquiry-form .gform_body {
padding-top: 50px !important;
}
#wrapper .contact-details #gform_wrapper_2 .textarea {
height: 200px !important;
}
#wrapper .contact-details h2 {
margin-top: 10px;
}
.grid-products .cell {
margin-bottom: 20px;
}
.grid-products a {
display: block;
position: relative;
padding: 10px;
}
.grid-products a:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 100, 38, 0.2);
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.grid-products a:hover:after {
opacity: 1;
}
.grid-products .img {
text-align: center;
background: #fff;
padding: 10px;
}
.grid-products .img img {
max-height: 180px;
}
.grid-products h2 {
font-size: 1.3rem;
margin: 10px 0;
color: #83CADE;
text-align: center;
min-height: 50px;
}
.grid-products .inner {
background: #83CADE;
}
#content .post-container {
padding-bottom: 20px;
margin-bottom: 20px;
}
#content .post-container .fa {
color: #83CADE;
}
#content .post-container h2 {
text-transform: none;
margin-top: 0;
}
#content .post-container .meta {
color: #999;
font-style: italic;
margin: 20px 0;
}
#content .post-container .meta a {
color: #999;
}
#content .post-container .meta span {
display: inline-block;
}
#content .post-container .meta .author {
margin-right: 20px;
}
#content .post-container .featimg img {
width: 100%;
height: auto;
}
#content .post-container .post-thumb {
position: relative;
margin-bottom: 20px;
}
#content .post-container .date {
position: absolute;
color: #fff;
text-align: center;
left: 0;
top: 0;
background: #83CADE;
padding: 15px 20px;
text-align: center;
}
#content .post-container .date .date-inner {
position: relative;
z-index: 9;
}
#content .post-container .date span {
display: block;
line-height: 1;
color: #fff;
}
#content .post-container .button {
margin-top: 20px;
}
div.post-share .row {
text-transform: uppercase;
background-color: #83CADE;
margin: 20px 0;
}
.form-wrapper {
background: #83CADE;
padding: 30px;
}
.form-wrapper > h3 {
font-size: 1.5rem;
}
@media (min-width: 64em) {
.form-wrapper {
padding: 30px 50px;
}
}
.form-wrapper * {
color: #fff;
}
.owl-carousel {
display: none;
}
.no-js .owl-carousel {
display: block;
}
.owl-carousel.owl-loaded {
display: block;
}
#footer-subscribe {
text-align: center;
overflow: hidden;
position: relative;
} #footer-subscribe.visible h5 {
color: #ffffff !important;
}
.day #footer-subscribe.visible .subscribe-form button[type="submit"] {
background-color: #83CADE !important;
}
#footer-subscribe .footer-subscribe-wrapper {
padding-bottom: 50px;
}
@media (min-width: 64em) {
#footer-subscribe .footer-subscribe-wrapper {
padding-bottom: 350px;
background-position: 0px 350px;
}
}
#footer-subscribe .footer-subscribe-wrapper.visible { }
#footer-subscribe .divider {
margin-top: 30px;
}
body.home #footer-subscribe .divider {
display: none;
}
#footer-subscribe .floralf {
display: none;
}
@media (min-width: 64em) {
#footer-subscribe .floralf {
width: 100%;
height: 360px;
max-height: 360px;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
#footer-subscribe .floralf.visible {
animation: fadeInUp 1s ease-in-out;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/floral-footer.svg) no-repeat center top;
background-size: cover;
}
}
@media (min-width: 130em) {
#footer-subscribe .floralf {
height: 600px;
}
}
body.home #footer-subscribe .inner {
border-top: 0px solid #EB6D40;
padding-top: 0px;
}
#footer-subscribe h5 {
font-size: 3.5rem;
color: #EB6D40;
margin-bottom: 0;
}
.day #footer-subscribe h5,
.single-post #footer-subscribe h5 {
color: #83CADE;
}
#footer-subscribe h6 {
color: #fff;
font-weight: 700;
font-family: Avenir, sans-serif;
text-transform: none;
letter-spacing: normal;
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 20px;
}
#footer-subscribe h6.cycle {
display: none;
}
#footer-subscribe p {
color: #fff;
max-width: 960px;
margin: 20px auto 0;
font-size: 0.8rem;
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 64em) {
#footer-subscribe .gform_wrapper .gf_simple_horizontal {
flex-wrap: nowrap;
}
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_body {
flex: 1 1 100%;
}
@media (min-width: 64em) {
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_body {
flex: 1 1 80%;
}
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_footer {
flex: 1 1 100%;
}
@media (min-width: 64em) {
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_footer {
flex: 0 1 auto;
}
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_fields {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
@media (min-width: 64em) {
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_fields {
flex-wrap: nowrap;
padding-right: 1em;
}
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_fields li {
flex: 1 1 100%;
margin: 0 0 20px 0;
}
@media (min-width: 64em) {
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_fields li {
flex: 1 1 auto;
margin: 0 10px 0 0;
}
}
#footer-subscribe
.gform_wrapper
.gf_simple_horizontal
.gform_fields
li
.medium {
font-size: 1rem;
font-weight: 700;
padding: 10px;
color: #999;
margin: 0;
text-transform: uppercase;
font-family: Avenir, sans-serif;
}
@media (min-width: 64em) {
#footer-subscribe
.gform_wrapper
.gf_simple_horizontal
.gform_fields
li
.medium {
padding: 12px;
font-size: 1.3rem;
}
}
#footer-subscribe
.gform_wrapper
.gf_simple_horizontal
.gform_fields
li
select.medium {
padding: 12px 10px;
}
#footer-subscribe
.gform_wrapper
.gf_simple_horizontal
.gform_fields
#field_1_3 {
min-width: 200px;
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_footer {
padding: 0;
}
@media (max-width: 64em) {
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_footer {
padding-top: 10px;
}
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal .gform_footer .button {
font-size: 3rem;
font-family: LHFGloria, sans-serif;
font-weight: 400;
background: #EB6D40;
padding: 3px 15px;
min-height: 0;
line-height: 1;
cursor: pointer;
}
#footer-subscribe
.gform_wrapper
.gf_simple_horizontal
::-webkit-input-placeholder {
color: #999;
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal ::-moz-placeholder {
color: #999;
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal ::-ms-input-placeholder {
color: #999;
}
#footer-subscribe .gform_wrapper .gf_simple_horizontal ::placeholder {
color: #999;
}
.gform_wrapper .gf_simple_horizontal {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 64em) {
.gform_wrapper .gf_simple_horizontal {
flex-wrap: nowrap;
}
}
.gform_wrapper .gf_simple_horizontal .gform_body {
flex: 1 1 100%;
}
@media (min-width: 64em) {
.gform_wrapper .gf_simple_horizontal .gform_body {
flex: 1 1 80%;
}
}
.gform_wrapper .gf_simple_horizontal .gform_footer {
flex: 1 1 100%;
}
@media (min-width: 64em) {
.gform_wrapper .gf_simple_horizontal .gform_footer {
flex: 0 1 auto;
}
}
.gform_wrapper .gf_simple_horizontal .gform_fields {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
@media (min-width: 64em) {
.gform_wrapper .gf_simple_horizontal .gform_fields {
flex-wrap: nowrap;
padding-right: 1em;
}
}
.gform_wrapper .gf_simple_horizontal .gform_fields li {
flex: 1 1 100%;
margin: 0 0 20px 0;
}
@media (min-width: 64em) {
.gform_wrapper .gf_simple_horizontal .gform_fields li {
flex: 1 1 auto;
margin: 0 10px 0 0;
}
}
.gform_wrapper .gf_simple_horizontal .gform_fields li .medium {
font-size: 1rem;
font-weight: 700;
padding: 10px;
color: #999;
margin: 0;
text-transform: uppercase;
font-family: Avenir, sans-serif;
}
@media (min-width: 64em) {
.gform_wrapper .gf_simple_horizontal .gform_fields li .medium {
padding: 12px;
font-size: 1.3rem;
}
}
.gform_wrapper .gf_simple_horizontal .gform_fields li select.medium {
padding: 12px 10px;
}
.gform_wrapper .gf_simple_horizontal .gform_fields #field_1_3 {
min-width: 200px;
}
.gform_wrapper .gf_simple_horizontal .gform_footer {
padding: 0;
}
@media (max-width: 64em) {
.gform_wrapper .gf_simple_horizontal .gform_footer {
padding-top: 10px;
}
}
.gform_wrapper .gf_simple_horizontal .gform_footer .button {
font-size: 3rem;
font-family: LHFGloria, sans-serif;
font-weight: 400;
background: #EB6D40;
padding: 3px 15px;
min-height: 0;
line-height: 1;
cursor: pointer;
}
.gform_wrapper .gf_simple_horizontal ::-webkit-input-placeholder {
color: #999;
}
.gform_wrapper .gf_simple_horizontal ::-moz-placeholder {
color: #999;
}
.gform_wrapper .gf_simple_horizontal ::-ms-input-placeholder {
color: #999;
}
.gform_wrapper .gf_simple_horizontal ::placeholder {
color: #999;
}
#footer {
background: #000;
padding: 20px 0;
position: relative;
}
@media (min-width: 64em) {
#footer {
padding: 40px 0 50px 0;
margin-top: 60px;
border-top: 1px solid rgb(255 255 255 / 75%);
}
}
#footer-top ul.menu {
align-items: center;
text-align: center;
}
@media (max-width: 64em) {
#footer-top ul.menu {
display: block;
}
}
#footer-top ul.menu li {
display: inline-block;
margin-right: 25px;
}
@media (max-width: 64em) {
#footer-top ul.menu li {
width: auto;
margin-right: 0;
}
}
#footer-top ul.menu li a {
color: #fff;
font-weight: 700;
font-size: 1rem;
padding: 10px;
}
@media (min-width: 64em) {
#footer-top ul.menu li a {
padding: 20px;
}
}
#footer-top ul.menu li a:hover {
color: #EB6D40;
}
#footer-top ul.menu li:first-child {
display: block;
text-align: center;
}
#footer-top ul.menu li:first-child a {
display: inline-block;
}
@media (min-width: 64em) {
#footer-top ul.menu li:first-child {
display: inline-block;
}
}
#footer-top ul.menu li:first-child a {
background: #83CADE;
position: relative;
margin: 15px 15px 15px 15px;
color: #fff;
font-weight: 400;
padding: 5px 10px;
font-size: 2rem;
font-family: LHFGloria, sans-serif;
}
#footer-top ul.menu li:first-child a:before {
display: inline-block;
position: absolute;
left: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background: #83CADE;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#footer-top ul.menu li:first-child a:after {
display: inline-block;
position: absolute;
right: -14px;
bottom: 0;
content: "";
width: 15px;
height: 100%;
background: #83CADE;
-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#footer-top ul.menu li:first-child a:hover {
background: #EB6D40;
}
#footer-top ul.menu li:first-child a:hover:after,
#footer-top ul.menu li:first-child a:hover:before {
background: #EB6D40;
}
#footer-mid {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 15px 0;
}
@media (min-width: 64em) {
#footer-mid {
margin: 30px 0;
}
}
#footer-mid .footer-widget {
text-align: center;
display: inline-block;
}
#footer-mid .footer-widget img {
max-width: 60px !important;
max-height: 40px !important;
padding: 0 5px;
width: auto;
height: auto;
}
@media (min-width: 40em) {
#footer-mid .footer-widget img {
max-width: 80px !important;
max-height: 45px !important;
margin: 0 20px;
}
}
@media (min-width: 64em) {
#footer-mid .footer-widget img {
max-width: 130px !important;
max-height: 35px !important;  }
}
#footer-lower {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 20px 0;
color: #EB6D40;
font-weight: 700;
font-size: 0.9rem;
}
@media (min-width: 64em) {
#footer-lower {
justify-content: center;
}
}
#footer-lower a {
color: #EB6D40;
padding: 0;
margin: 0 5px;
}
#footer-lower p,
#footer-lower ul {
margin: 0;
}
@media (min-width: 64em) {
#footer-lower p,
#footer-lower ul {
text-align: center;
}
}
@media (min-width: 64em) {
#footer-lower {
flex-wrap: nowrap;
align-items: center;
justify-content: space-around;
}
}
#footer-lower .copyright {
font-size: 0.9rem;
}
@media (max-width: 64em) {
#footer-lower .copyright {
margin: 15px 0;
font-size: 0.7rem;
display: block;
}
}
#footer-lower .copyright span {
margin-left: 10px;
}
@media (min-width: 64em) {
#footer-lower .copyright span {
display: inline-block;
margin-left: 20px;
}
}
.ginput_recaptcha {
margin-top: 0 !important;
}
.ginput_recaptcha > div {
height: 50px !important;
}
.ginput_recaptcha iframe {
transform: scale(0.7);
-webkit-transform: scale(0.7);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
#content #pricing .title {
text-align: center;
}
#content #pricing .title h1 {
font-size: 3rem;
}
#content #pricing .title h2 {
font-size: 2.8rem;
}
#content #pricing .title p {
text-align: center;
}
#content .pricing-mod-container .pricing-mod {
background-color: #fff;
padding: 20px;
border-radius: 4px;
border: 1px solid #ddd;
text-align: center;
margin-bottom: 10px;
}
#content .pricing-mod-container .pricing-mod h3 {
font-size: 1.5rem;
text-align: center;
color: #fff;
text-transform: none;
}
#content .pricing-mod-container .pricing-mod h3 small {
color: #fff;
}
#content .pricing-mod-container .pricing-mod p.price {
font-size: 1.5em;
color: #83CADE;
font-weight: 700;
}
#content .pricing-mod-container .pricing-mod p {
font-size: 1rem;
}
.rs-background-video-layer iframe {
visibility: inherit !important;
}
#lightbox {
padding-top: 50px;
background: 0 0;
border: 0;
text-align: center;
}
#lightbox .close-button {
font-size: 3em;
line-height: 1;
color: #fff;
}
#lightbox #lightbox-content {
text-align: center;
display: inline-block;
position: relative;
}
#lightbox #lightbox-content img {
border: 10px solid #fff;
}
#page-search .input-group {
max-width: 700px;
margin: 0 auto 30px;
position: relative;
}
#page-search .input-group .button {
margin-right: 5px;
}
#page-search .input-group a.clear {
position: absolute;
right: 140px;
display: block;
padding: 10px;
color: #999;
}
#page-search .input-group .btn-next {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat #83CADE;
background-size: 12px;
font-size: 0;
}
#page-search .input-group .btn-prev {
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/arrow.svg) center no-repeat #83CADE;
background-size: 12px;
font-size: 0;
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion.simple-accordion {
background: 0 0;
padding: 0.5rem 0;
}
.accordion.simple-accordion > br {
display: none;
}
.accordion.simple-accordion .accordion-title {
max-width: 700px;
margin: 0.5rem auto 0 auto;
font-family: LHFGloria, sans-serif;
letter-spacing: 0.05rem;
text-transform: uppercase;
line-height: 1.25;
font-weight: 400;
letter-spacing: 0.125rem;
background: #EB6D40;
color: #fff;
padding: 0.25em 0.6em;
font-size: 2rem;
cursor: pointer;
background-size: cover;
background-position: 50% 50%;
border: 0;
}
@media (min-width: 64em) {
.accordion.simple-accordion .accordion-title {
font-size: 2.5rem;
}
}
.accordion.simple-accordion .accordion-title:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
background-color: transparent;
transition: background-color ease 0.5s;
}
.accordion.simple-accordion .accordion-title.bkg-img:before {
background-color: rgba(0, 0, 0, 0.5);
}
.accordion.simple-accordion .accordion-title.open:before {
background-color: rgba(251, 175, 24, 0.75);
}
.accordion.simple-accordion .accordion-title:after {
content: "";
background-image: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/accordion-actions.svg);
background-size: 200% auto;
background-position: 0 -0.5rem;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
position: absolute;
right: 1.5rem;
top: 50%;
transition: transform ease 0.2s;
transform: translateY(calc(-50% + 0.5rem));
}
.accordion.simple-accordion .accordion-title.open:after {
background-position: 100% 0;
transform: translateY(calc(-50%));
}
.accordion.simple-accordion .accordion-title span {
position: relative;
}
.accordion.simple-accordion .accordion-content {
border: 0;
margin-top: 0.25rem;
background: #83CADE;
padding: 2rem;
}
#content .accordion.simple-accordion .accordion-content,
#content .accordion.simple-accordion .accordion-content h1,
#content .accordion.simple-accordion .accordion-content h2,
#content .accordion.simple-accordion .accordion-content h3,
#content .accordion.simple-accordion .accordion-content h4,
#content .accordion.simple-accordion .accordion-content h5,
#content .accordion.simple-accordion .accordion-content h6,
#content .accordion.simple-accordion .accordion-content li,
#content .accordion.simple-accordion .accordion-content p,
#content .accordion.simple-accordion .accordion-content td,
.accordion.simple-accordion .accordion-content,
.accordion.simple-accordion .accordion-content h1,
.accordion.simple-accordion .accordion-content h2,
.accordion.simple-accordion .accordion-content h3,
.accordion.simple-accordion .accordion-content h4,
.accordion.simple-accordion .accordion-content h5,
.accordion.simple-accordion .accordion-content h6,
.accordion.simple-accordion .accordion-content li,
.accordion.simple-accordion .accordion-content p,
.accordion.simple-accordion .accordion-content td {
color: #fff;
}
.accordion.simple-accordion > hr {
margin: 1.5rem 0;
}
.accordion.simple-accordion > hr:last-child {
display: none;
}
@media screen and (max-width: 768px) {
.title {
margin-top: 50px !important;
}
} #wrapper #nav-wrapper {
background-color: #000000 !important;
width: 100% !important;
border-bottom: 1px solid rgb(255 255 255 / 75%);
}
#wrapper #nav-wrapper .primary-nav > .menu > li a {
color: #ffffff !important;
}
#header-wrapper .ticket-wrapper .button {
background-color: #76ceed !important;
color: #000000 !important;
}
#header-wrapper .ticket-wrapper .button:before, #header-wrapper .ticket-wrapper .button:after {
background-color: #76ceed !important;
} .single-post #wrapper {
background: none !important;
background-color: #000000 !important;
}
.single-post #wrapper .title {
margin-bottom: 50px !important;
}
.single-post #wrapper .title h1 {
font-size: 110px;
line-height: 90px;
font-weight: bold;
color: #ffffff !important;
}
.single-post #wrapper .title p.date {
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.single-post #wrapper .title p.desc {
text-align: center;
max-width: 760px;
margin: 0 auto;
margin-top: 20px;
font-size: 20px;
line-height: 30px;
}
.single-post #wrapper .inner_content {
max-width: 950px;
margin: 0 auto;
margin-top: 80px;
}
.single-post #wrapper .inner_content .imgtxt_row {
margin-top: 80px;
}
.single-post #wrapper .inner_content .imgtxt_row .imgtxt_content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 60px;
align-items: center;
margin-top: 40px;
}
.single-post #wrapper .inner_content .imgtxt_row .imgtxt_content .img_column img {
width: 100%;
max-height: 500px;
min-height: 400px;
object-fit: cover;
}
.single-post #wrapper .inner_content .imgtxt_row .imgtxt_content.reverse .img_column {
order: 2 !important;
}
.single-post #wrapper .inner_content .imgtxt_row .imgtxt_content.reverse .txt_column {
order: 1 !important;
}
.single-post #wrapper .inner_content .videos_row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 40px;
align-items: center;
margin-top: 80px;
}
.single-post #wrapper .inner_content .videos_row .featured-video {
padding: 0 !important;
}
.single-post #wrapper .inner_content .videos_row .featured-video .responsive-embed iframe {
border: none !important;
}
.single-post #wrapper .inner_content blockquote {
border: none !important;
padding: 0 !important;
}
.single-post #wrapper .inner_content blockquote p {
font-size: 26px;
line-height: 32px;
font-weight: 700;
}
.single-post #wrapper .inner_content .additional_content {
margin-top: 80px;
}
.single-post #wrapper .inner_content nav.navigation {
margin-top: 40px !important;
padding: 0 40px;
}
.single-post #wrapper .inner_content nav.navigation .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
}
.single-post #wrapper .inner_content nav.navigation .nav-links .nav-previous, 
.single-post #wrapper .inner_content nav.navigation .nav-links .nav-next {
background-color: #fab016 !important;
color: #ffffff !important;
padding: 3px 25px;
position: relative;
cursor: pointer;
min-width: 110px;
text-align: center;
}
.single-post #wrapper .inner_content nav.navigation .nav-links .nav-previous a, 
.single-post #wrapper .inner_content nav.navigation .nav-links .nav-next a {
color: #000;
font-weight: bold;
font-family: 'LHFGloria' !important;
font-size: 24px;
letter-spacing: 1px;
}
.single-post #wrapper .inner_content .nav-previous:before {
display: inline-block;
position: absolute;
left: -19px;
bottom: 0;
content: "";
width: 20px;
height: 100%;
min-height: 42.2px;
background-color: #f4b019;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.single-post #wrapper .inner_content .nav-previous:after {
display: inline-block;
position: absolute;
right: -14px;
bottom: 0;
z-index: -1;
content: "";
width: 55px;
height: 100%;
background-color: #f4b019;
-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.single-post #wrapper .inner_content .nav-next:before {
display: inline-block;
position: absolute;
left: -14px;
bottom: 0;
z-index: -1;
content: "";
width: 55px;
height: 100%;
background-color: #f4b019;
-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.single-post #wrapper .inner_content .nav-next:after {
display: inline-block;
position: absolute;
right: -20px;
bottom: 0;
content: "";
width: 20px;
height: 100%;
min-height: 42.2px;
background-color: #f4b019;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 100% 50%, 0 0);
clip-path: polygon(100% 0, 0 50%, 100% 100%, 0 100%, 0 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media screen and (max-width: 1024px) {
.single-post #wrapper .title h1 {
font-size: 90px;
line-height: 80px;
}
.single-post #wrapper .inner_content .imgtxt_row .imgtxt_content {
grid-template-columns: 1fr;
}
.single-post #wrapper .inner_content .imgtxt_row .imgtxt_content.reverse .img_column {
order: 1 !important;
}
.single-post #wrapper .inner_content .imgtxt_row .imgtxt_content.reverse .txt_column {
order: 2 !important;
}
}
@media screen and (max-width: 747px) {
.single-post #wrapper .inner_content .videos_row {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 690px) {
.single-post #wrapper .title h1 {
font-size: 56px;
line-height: 46px;
}
} .single-post #wrapper.lightmode {
background-color: #F5E7CA !important;
color: #000000 !important;
}
.single-post #wrapper.lightmode #main p,
.single-post #wrapper.lightmode #main a,
.single-post #wrapper.lightmode #main h1, 
.single-post #wrapper.lightmode #main h2, 
.single-post #wrapper.lightmode #main h3, 
.single-post #wrapper.lightmode #main h4, 
.single-post #wrapper.lightmode #main h5, 
.single-post #wrapper.lightmode #main h6 {
color: #000000 !important;
}
.single-post #wrapper.lightmode #main .social-widget ul li a span {
filter: invert(1) !important;
} .main_title {
margin-top: 120px;
}
.main_title h1 {
color: #d0982a !important;
}
body header.header #header-wrapper .logo { }
body header.header #header-wrapper .logo img, 
body header.header .is-stuck #header-wrapper .logo img { }
body header.header #mobile-nav .logo img, 
body header.header .is-stuck #mobile-nav .logo img {
width: 180px !important;
} .lineup-new-container .artist-name a { font-size: 38pt !important;
font-weight: bold;
letter-spacing: 0.06rem !important;
}
.artist-main-group:nth-of-type(2) {
margin-top: 20px !important;
}
#home-lineup .lineup-new-container .artist-main-group:nth-of-type(2) ul li.artist-name {
margin-bottom: 0 !important;
line-height: 24pt !important;
}
h3 .neue-side-text-container {
position: absolute !important;
padding: 0 !important;
left: 30px;
right: 0;
}
.headliner-row-neue .headliner-neue h3 {
font-size: 60px !important;
}
@media screen and (min-width: 767px) {
.lineup-new-container.headliners { }
}
@media screen and (max-width: 1000px) {
div.headliner-row-neue {
flex-direction: column !important;
}
.headliner-neue-day-container, .neue-divider, .neue-side-text-container {
display: none !important;
}
div.headliner-row-neue .headliner-neue h3 {
padding-left: 0 !important;
}
.headliner-neue h3 a {
margin-top: 0 !important;
}
}
@media screen and (max-width: 767px) {
#home-lineup .lineup-new-container .artist-main-group:nth-of-type(2) ul li.artist-name {
line-height: 18pt !important;
}
}
.artist-main-group:nth-of-type(2) .artist-name a {
font-size: 28pt !important;
}
.lineup-new-container .artist-name.headliner a { font-size: 38pt !important;
font-weight: bold;
letter-spacing: 0.06rem !important;
}
.lineup-new-container .artist_extended_name {  }
.lineup-new-container .artist-name a:hover {
color: #EB6D40 !important;
}
#home-lineup ul {
align-items: center !important;
}
#home-lineup .lineup-new-container ul li {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 6px !important;
margin-bottom: 4px !important;
}
#home-lineup .lineup-new-container ul li:after {
margin-left: 6px !important;
color: #f3b017;
font-size: 36pt;
}
.lineup-new-container .artist-name .artist_extended_name { font-family: LHFGloria, sans-serif !important;
margin: 0px !important; }
.lineup-new-container .artist-name .artist_extended_name.highlight {
color: #fab015 !important;
font-size: 20pt !important;
}
h4#disclaimer {
color: #fab015;
font-weight: bold;
font-family: 'Avenir';
font-size: 16px;
letter-spacing: 0;
}
.lineup_btn {
margin-top: 30px;
}
.lineup_btn .ticket-wrapper.bft .button:first-child {
background: #EB6D40;
margin-bottom: 5px;
}
.lineup_btn .ticket-wrapper.bft .button:first-child:after,
.lineup_btn .ticket-wrapper.bft .button:first-child:before {
background: #EB6D40;
}
.lineup_btn .ticket-wrapper.bf .button {
font-size: 2rem;
}
.lineup_btn .ticket-wrapper .button {
padding: 15px 50px;
margin: 0;
display: block;
background-color: #76ceed !important;
color: #000000 !important;
}
.lineup_btn .ticket-wrapper .button:before, .lineup_btn .ticket-wrapper .button:after {
background-color: #76ceed !important;
color: #000000 !important;
}
h4#artist-announcement-sale {
font-family: LHFGloria, sans-serif !important;
color: #d0982a;
font-size: 56px !important;
margin-top: 50px;
}
h4#artist-announcement-sale.secondary {
margin-top: 0;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(12) .artist-name:nth-of-type(1) a {
display: flex;
align-items: center;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(12) .artist-name:nth-of-type(1) a .artist_extended_name {
padding-left: 5px !important;
}
#home-lineup .playing-days {
width: 140px !important;
height: 140px !important;
position: absolute !important;
top: 80px !important;
left: 30px !important;
background: url(//www.bluesfest.com.au/wp-content/themes/bluesfest-2022/bluesfest-basic/assets/images/artist_profile_btn.png) no-repeat;
background-size: contain;
} h3#more_artists {
color: #fab015;
font-weight: 700;
font-family: 'Avenir';
font-size: 50px;
line-height: 62px;
letter-spacing: 0;
margin-bottom: 40px;
max-width: 650px;
}
.more_announcements { margin-bottom: 30px;
}
.more_announcements .artist-name a {
font-size: 64pt !important;
line-height: 0.8;
font-weight: bold;
letter-spacing: 0.06rem !important;
font-family: LHFGloria, sans-serif;
color: #f3b019;
text-transform: uppercase;
position: relative;
}
.more_announcements .artist-name a .small_tag {
position: absolute;
bottom: 0;
right: 0;
font-size: 18px;
color: #fff;
}
@media screen and (max-width: 1030px) {
.more_announcements .artist-name a .small_tag {
display: none !important;
}
}
@media screen and (max-width: 1000px) {
.headliner-row-neue:nth-of-type(2) {
margin-top: 0 !important;
}
.headliner-row-neue:nth-of-type(2) h3 {
display: block !important;
}
.headliner-row-neue h3 a {
display: block !important;
width: 100% !important;
}
} #mobile-nav {
background: #000000 !important;
border-bottom: 1px solid rgb(255 255 255 / 75%) !important;
}
@media screen and (max-width: 1000px) {
#home-lineup .playing-days {
display: none !important;
}
}
@media screen and (max-width: 900px) {
#home-lineup .lineup-new-container {
transform: scale(1) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
right: 0;
left: 0;
}
#home-lineup .lineup-new-container #final-artist-announcement {
margin-top: 0 !important;
}
h4#disclaimer {
font-size: 12px;
}
h4#artist-announcement-sale {
font-size: 6vw !important;
}
}
@media screen and (max-width: 1025px) and (min-width: 600px) {
#home-lineup .lineup-new-container #neue-returns {
margin-top: 10px;
}
#home-lineup .lineup-new-container #final-announcement-dates {
margin-top: 10px;
margin-bottom: 40px;
padding: 10px;
}
#home-lineup .lineup-new-container .artist-name a { font-size: 28pt !important;
}
#home-lineup .more_announcements .artist-name a {
font-size: 28pt !important;
}
#home-lineup .lineup-new-container .artist-name.headliner a {
font-size: 28pt !important;
}
#home-lineup .lineup-new-container .artist_extended_name { font-size: 28pt !important;
}
#home-lineup .lineup-new-container .artist_extended_name.highlight {
font-size: 18pt !important;
}
#home-lineup .lineup-new-container ul li:after {
font-size: 20pt !important;
margin: 0 4px !important;
}
#home-lineup .lineup-new-container .exclusive_tag img {
width: 30px;
display: none;
}
#home-lineup .lineup-new-container ul li {
margin-right: 0 !important;
}
}
@media screen and (max-width: 600px) {
#home-lineup .lineup-new-container #neue-returns {
margin-top: 10px;
}
#home-lineup .lineup-new-container #final-announcement-dates {
margin-top: 10px;
margin-bottom: 40px;
padding: 10px;
max-width: 320px;
line-height: 1;
}
#home-lineup .lineup-new-container .artist-name a { font-size: 19pt !important;
}
#home-lineup .more_announcements .artist-name a {
font-size: 26pt !important;
}
h3#more_artists {
font-size: 40px;
line-height: 52px;
}
#home-lineup .lineup-new-container .artist-name.headliner a { font-size: 19pt !important;
}
#home-lineup .lineup-new-container .artist_extended_name {
font-size: 10pt !important;
display: none !important;
}
#home-lineup .lineup-new-container ul li:after {
font-size: 20pt !important;
margin: 0 4px !important;
}
#home-lineup .lineup-new-container .exclusive_tag img {
width: 30px;
display: none;
}
#home-lineup .lineup-new-container ul li {
margin-right: 0 !important;
}
}
@media screen and (max-width: 435px) and (min-width: 395px) {
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(1) .artist-name:nth-of-type(3):after { opacity: 0 !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(2) .artist-name:nth-of-type(2):after { }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(4) .artist-name:nth-of-type(1):after { opacity: 0 !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(5) .artist-name:nth-of-type(2):after {  }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(7) .artist-name:nth-of-type(2):after { opacity: 0 !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(9) .artist-name:nth-of-type(3):after { opacity: 0 !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(10) .artist-name:nth-of-type(1):after { opacity: 0 !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(11) .artist-name:nth-of-type(3):after { opacity: 0 !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(12) .artist-name:nth-of-type(2):after {  }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(13) .artist-name:nth-of-type(3):after { opacity: 0 !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(14) .artist-name:nth-of-type(2):after {  }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(15) .artist-name:nth-of-type(2):after { opacity: 0 !important;
}
}
@media screen and (max-width: 395px) {
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(1) .artist-name:nth-of-type(2):after {
display: none !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(3) .artist-name:nth-of-type(3):after {
display: none !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(3) .artist-name:nth-of-type(2):after { }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(4) .artist-name:nth-of-type(1):after {
display: none !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(5) .artist-name:nth-of-type(2):after { }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(7) .artist-name:nth-of-type(2):after {
display: none !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(9) .artist-name:nth-of-type(3):after {
display: none !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(10) .artist-name:nth-of-type(1):after { }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(10) .artist-name:nth-of-type(3):after { }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(11) .artist-name:nth-of-type(2):after { }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(12) .artist-name:nth-of-type(2):after { }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(13) .artist-name:nth-of-type(3):after {
display: none !important;
}
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(14) .artist-name:nth-of-type(2):after { }
#home-lineup .lineup-new-container .artist-sub-group:nth-of-type(15) .artist-name:nth-of-type(2):after {
display: none !important;
}
} .single-description {
overflow: scroll;
height: 500px;
} #gform_fields_7 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
grid-gap: 20px;
}
#gform_fields_7 input {
background-color: #ffffff !important;
height: 60px !important;
border-radius: 10px !important;
font-size: 16px !important;
padding-left: 20px !important;
color: #000000 !important;
font-weight: bold;
font-family: Avenir, sans-serif !important;
}
#gform_fields_7 textarea {
background-color: #ffffff !important;
border-radius: 10px !important;
font-size: 16px !important;
padding-left: 20px !important;
color: #000000 !important;
font-weight: bold;
font-family: Avenir, sans-serif !important;
}
.gform_fields .fullwidth {
grid-column: 1 / 3;
}
#gform_wrapper_7 .gform_footer {
padding: 0 !important;
width: 30% !important;
margin-top: 20px !important;
}
@media screen and (max-width: 1000px) {
#gform_fields_7 {
grid-template-columns: 1fr !important;
}
.gform_fields .fullwidth {
grid-column: 1 / 1 !important;
}
} .stall_applications {
text-align: center;
max-width: 900px;
margin: 0 auto;
padding: 20px 0 40px 0;
}
.stall_applications .ticket-wrapper {
max-width: 400px;
margin: 0 auto;
}
.volunteers_container {
max-width: 900px;
margin: 0 auto;
}
.postid-9380 .artist-img {
max-height: 700px;
object-fit: cover;
}
.postid-9380 #content p {
max-width: 1000px;
margin: 0 auto 1rem;
}
p.button-p {
font-size: 1.5rem !important;
display: block;
flex: 0 1 auto;
line-height: 0.75em !important;
margin-top: auto;
font-size: 3rem !important;
cursor: default !important;
color: #F05822 !important;
} .comp_form {
max-width: 700px;
margin: 0 auto;
}
.comp_form input {
height: 50px;
padding: 10px;
color: #000;
border-radius: 5px;
}
.comp_form input::placeholder {
color: #000000 !important;
}
.comp_form label {
font-size: 16px !important;
font-weight: bold !important;
color: #ffffff !important;
}
.comp_form button {
margin-top: 15px;
position: relative;
line-height: 1;
border: 0;
width: 100%;
text-transform: uppercase;
background: #EB6D40;
color: #fff;
font-family: LHFGloria, sans-serif;
letter-spacing: 0.125rem;
font-size: 3rem;
font-weight: 400;
padding: 3px 15px;
min-height: 0;
border-radius: 5px;
transition: ease-in-out 0.2s !important;
}
.comp_form button:hover {
color: #000000 !important;
background-color: #76ceed !important;
transition: ease-in-out 0.2s !important; 
cursor: pointer !important;
}
@media screen and (min-width: 1000px) {
body.page-id-6491 .gdc_row {
display: flex !important;
align-items: center !important;
}
body.page-id-6491 .gdc_row img {
max-height: 290px;
min-height: 290px;
}
} .food_stalls {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px 40px;
}
@media screen and (max-width: 1000px) and (min-width: 690px) {
.food_stalls {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 690px) {
.food_stalls {
grid-template-columns: 1fr;
}
}
.stall_item {
text-align: center;
}
.stall_item img {
margin: 0 !important;
border: 5px solid #f0e4c5;
border-radius: 20px !important;
max-height: 300px;
min-height: 300px;
min-width: 100%;
object-fit: cover;
}
.stall_item h5 {
margin: 10px 0 !important;
} body.page-id-6065 h1 {
display: none !important;
}
@media screen and (min-width: 690px) {
body.page-id-6065 .desktopGraphic {
display: block !important;
}
body.page-id-6065 .mobileGraphic {
display: none !important;
}
}
@media screen and (max-width: 690px) {
body.page-id-6065 .desktopGraphic {
display: none !important;
}
body.page-id-6065 .mobileGraphic {
display: block !important;
}
}
div#gform_drag_drop_area_7_7 {
display: flex;
flex-wrap: wrap;
align-items: center;
}
button.gform_button_select_files {
background: #eb6d40;
font-weight: bold;
margin: 0 0 0 10px;
}
span#gfield_upload_rules_7_7 {
color: #ffffff;
font-size: 14px;
opacity: 0.8;
}