/* global */
.sq-view.list.no-main-image {
    margin-top: 200px;
}

/* faqs */
.sq-view.list.faqs .faqs-list {
    margin-bottom: 40px;
}

.sq-view.list.faqs .question-container {
    position: relative;
    height: 50px;
    width: 100%;
    display: table;
}

.sq-view.list.faqs .question-container .question-holder {
    position: relative;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0 8px;
    text-align: center;
    cursor: pointer;
}

.sq-view.list.faqs .question-container .question-holder .question {
    line-height: 25px;
    font-size: 20px;
    margin: 0;
    text-decoration: none;
    display: inline;
}

.sq-view.list.faqs .question-holder:hover .question {
    color: #FFF !important;
}

.sq-view.list.faqs .answer-holder {
    border-bottom-style: solid;
    border-bottom-width: 0;
    padding: 0 8px;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s linear;
}

.sq-view.list.faqs .faq.answer-is-shown .answer-holder {
    max-height: 500px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
}

.sq-view.list.faqs .faq-item.is-hidden {
    display: none;
}

.sq-view.list.faqs .answer-holder p {
    text-align: center;
    margin: 0;
    color: #000;
    width: 100%;
}

.sq-view.list.faqs .faqs-search {
    text-align: center;
    padding: 40px 0 80px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 30px;
}

.sq-view.list.faqs .faqs-search input {
    width: 60%;
    text-align: center;
    font-size: 20px;
    border: none;
}

/* news */
.sq-view.list.news .news-item {
    background-size: cover;
    background-position: center center;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.sq-view.list.news .news-item .news-container {
    padding: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    float: none;
    transition: background-color 0.5s ease-out;
}

.sq-view.list.news .news-item .news-holder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: table;
    float: none;
}

.sq-view.list.news .news-item .news-content {
    width: 100%;
    height: 100%;
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.sq-view.list.news .news-item .news-content h4 {
    color: #FFF;
    font-size: 2rem;
}

.sq-view.list.news .news-item .news-content p.date {
    font-size: 1.6rem;
}

/* gallery */
.sq-view.list.gallery .gallery-image {
    background-size: cover;
    background-position: center center;
    position: relative;
}

.sq-view.list.gallery .gallery-image .label-container {
    padding: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    float: none;
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.sq-view.list.gallery .gallery-image:hover .label-container,
.sq-view.list.gallery .gallery-image.is-shown .label-container {
    opacity: 1;
}

.sq-view.list.gallery .gallery-image .label-holder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: table;
    float: none;
}

.sq-view.list.gallery .gallery-image .label-content {
    width: 100%;
    height: 100%;
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.sq-view.list.gallery .gallery-image .label-content h4 {
    font-size: 1.6rem;
}

.sq-view.list.gallery .gallery-image .label-content p.category {
    font-size: 1.6rem;
    color: #FFF;
}

.sq-view.list.gallery .image-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    float: none;
    text-align: center;
    padding: 8px
}

.sq-view.list.gallery .image-container img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sq-view.list.gallery .image-viewer {
    display: none;
    margin-bottom: 20px;
}

.sq-view.list.gallery .image-viewer.is-shown {
    display: block;
}


.sq-view.list.gallery .image-viewer .image-meta {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: 100%;
    position: relative;
}

.sq-view.list.gallery .image-viewer .image-meta-container {
    display: table;
    width: 100%;
    padding: 12px 0;
}

.sq-view.list.gallery .image-viewer .title-column,
.sq-view.list.gallery .image-viewer .navigation-column,
.sq-view.list.gallery .image-viewer .download-column {
    vertical-align: middle;
    display: table-cell;
    width: 33.333%;
    float: none;
}

.sq-view.list.gallery .image-viewer .title-column p {
    margin-bottom: 0;
}

.sq-view.list.gallery .image-viewer .navigation-column {
    text-align: center;
}

.sq-view.list.gallery .image-viewer .navigation-column a {
    text-decoration: none;
}

.sq-view.list.gallery .image-viewer .download-column {
    text-align: right;
    padding-right: 30px;
}

.sq-view.list.gallery .image-viewer .download-column  .button {
    color: #FFF;
}

.sq-view.list.gallery p.dropbox-link {
    text-align: right;
    margin-top: 20px;
}

.sq-view.list.gallery p.dropbox-link a {
    text-decoration: none;
}

.sq-view.list.gallery p.dropbox-link a:hover {
    text-decoration: underline;
}

/* trade stands */
.sq-view.list.trade-stands .trade-stand-list {
    list-style: none;
    margin: 0;
    padding-bottom: 20px;
}

.sq-view.list.trade-stands .trade-stand-list .trade-stand {
    width: 100%;
    float: left;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    background-color: #FFF;
    border-radius: 5px;
    margin-bottom: 20px;
}   

.sq-view.list.trade-stands .trade-stand-list .trade-stand:last-of-type {
    margin-bottom: 0;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-category-bar {
    padding: 6px;
    margin-bottom: 12px;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-category-bar p {
    margin-bottom: 0;
    color: #FFF;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-category-bar .trade-stand-location {
    float: right;
    width: auto;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-category-bar .trade-stand-category {
    float: none;
    width: auto;
    position: relative;
    overflow: hidden;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-info-bar {
    padding: 6px;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-info-bar .button-box {
    float: right;
    width: auto;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-info-bar .button-box .button.sq-greener-background {
    color: #FFF;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-info-bar .contact-box {
    float: none;
    position: relative;
    overflow: hidden;
    width: auto;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-info-bar .contact-box .phone {
    display: inline-block;
    padding-right: 20px;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-info-bar .contact-box i.label {
    font-style: normal;
}

.sq-view.list.trade-stands .trade-stand h4 {
    padding: 6px;
    margin-bottom: 0;
    line-height: 1.1em;
}

.sq-view.list.trade-stands .trade-stand p.quick-desc {
    padding: 6px;
    margin-bottom: 0;
}

.sq-view.list.trade-stands .trade-stand .trade-stand-logo {
    padding-left: 18px; /* 12px + 6px */
}

.sq-view.list.trade-stands .trade-stand .trade-stand-logo img {
    max-width: 100%;
    height: auto;
}

.sq-view.list.trade-stands .trade-stand-list .trade-stand .full-information {
    clear: both;
    max-height: 0;
    transition: 0.6s ease-out;
    overflow: hidden;
    padding: 0 6px;
}

.sq-view.list.trade-stands .trade-stand-list .trade-stand .full-information.is-shown {
    padding: 6px;
    max-height: 1000px;
}

/* team */
.sq-view.list.team .team-list {
    list-style: none;
    margin: 0;
}

.sq-view.list.team .profile-image {
    background-position: top center !important;
}

/* schedules */
.sq-view.list.schedules .schedules-list {
    width: 100%;
    list-style: none;
    margin: 0;
    overflow: hidden;
}

.sq-view.list.schedules .schedules-list li {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-bottom: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 12px;
}

.sq-view.list.schedules .schedules-list li:last-of-type {
    border-bottom: none;
}

.sq-view.list.schedules .schedules-list li a {
    float: right;
    margin-left: 12px;
}

.sq-view.list.schedules .schedules-list li h4 {
    float: none;
    width: auto;
    overflow: hidden;
    position: relative;
}

/* contacts */
.sq-view.list.contacts .map-holder {
    position: relative;
}

.sq-view.list.contacts .map-holder img {
    max-width: 100%;
}

.sq-view.list.contacts .map-holder a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.sq-view.list.contacts .contact-list p {
    margin-bottom: 0;
}

.sq-view.list.contacts .contact-list li {
    padding-bottom: 20px;
}

/* results */
.sq-view.list.results .headers-list,
.sq-view.list.results .sections-list,
.sq-view.list.results .classes-list,
.sq-view.list.results .results-list {
    list-style: none;
    margin: 0;
    width: 100%;
}

.sq-view.list.results .sections-list,
.sq-view.list.results .classes-list,
.sq-view.list.results .results-list {
    max-height: 0;
    overflow: hidden;
    transition: 0.8s linear;
}

.sq-view.list.results .sections-list.is-shown,
.sq-view.list.results .classes-list.is-shown,
.sq-view.list.results .results-list.is-shown {
    max-height: 4500px;
}

.sq-view.list.results .headers-list li,
.sq-view.list.results .sections-list li,
.sq-view.list.results .classes-list li,
.sq-view.list.results .results-list li {
    padding-bottom: 12px;
}

.sq-view.list.results .results-list li:last-of-type {
    padding-bottom: 0;
}

.sq-view.list.results .results-list {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 0 12px;
}

.sq-view.list.results .results-list.is-shown {
    padding-top: 12px;
    padding-bottom: 12px;
}

.sq-view.list.results .item-title {
    display: block;
    padding: 12px;
    font-size: 1.8rem;
    text-decoration: none;
}

.sq-view.list.results li.is-hidden {
    display: none;
}

.sq-view.list.results .results-filters {
    padding: 12px;
    margin-bottom: 12px;
}

.sq-view.list.results .results-filters .field {
    width: 50%;
    float: left;
    overflow: hidden;
}

.sq-view.list.results .results-filters .field label {
    float: left;
    width: auto;
    color: #FFF;
}

.sq-view.list.results .results-filters .field .input-holder {
    float: none;
    width: auto;
    overflow: hidden;
    position: relative;
}

.sq-view.list.results .results-filters .field .input-holder input {
    width: 100%;
}

/* day planner */
.sq-view.list.day-planner .day-planner {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: red;
}

.sq-view.list.day-planner .day-planner {
    width: 100%;
    margin-bottom: 20px;
}
    
.sq-view.list.day-planner .day-planner-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
    
.sq-view.list.day-planner .day-planner .day-planner-line {
    float: left;
    width: 100%;
    display: flex;
    position: initial;
}
    
.sq-view.list.day-planner .day-planner .day-planner-line .venue {
    float: left;
    width: 200px;
    flex: 0 0 auto;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 8px;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events {
    flex: 1 0 auto;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    position: relative;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list {
    float: left;
    width: 100%;
    margin: 0;
    overflow: hidden;
    list-style: none;
    display: flex;
    height: 100%;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list li {
    float: left;
    color: #000;
    flex: 0 0 auto;
    font-size: 1.4rem;
    padding: 8px;
    position: relative;
    z-index: 2;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list li.event {
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e4457+0,f2f2f2+19&0.5+0,0.4+100 */
    /*background: -moz-linear-gradient(left,  rgba(30,68,87,0.5) 0%, rgba(242,242,242,0.48) 19%, rgba(242,242,242,0.4) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left,  rgba(30,68,87,0.5) 0%,rgba(242,242,242,0.48) 19%,rgba(242,242,242,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right,  rgba(30,68,87,0.5) 0%,rgba(242,242,242,0.48) 19%,rgba(242,242,242,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801e4457', endColorstr='#66f2f2f2',GradientType=1 ); /* IE6-9 */
    border-left-style: solid;
    border-left-width: 2px;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list li.event:first-of-type {
    border-left: none;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list li.event p {
    margin: 0;
    color: #666 !important;
    font-size: 1.4rem;
}
    
.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list li.event p.times {
    display: none;
    width: 100%;
    font-size: 1.4rem;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list li.event p.description {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    font-size: 1.2rem;
    transition: max-height 0.5s ease-in-out;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list li.event p.description.is-shown {
    max-height: 500px;
}

.sq-view.list.day-planner .day-planner .label {
    color: #FFF;
    font-size: 1.8rem;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .event-list li.label {
    padding-left: 0;
    color: #FFF;
    font-size: 1.8rem;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .display-scaffolding {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .display-scaffolding ul {
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .display-scaffolding ul li.hour-block {
    float: left;
    height: 100%;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #FFF;
    float: left;
}

.sq-view.list.day-planner .day-planner .day-planner-line .events .display-scaffolding ul li.hour-block .half {
    float: right;
    width: 50%;
    height: 100%;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFF;
}
    
.sq-view.list.day-planner .day-selector {
    width: 100%;
    text-align: left;
}

.sq-view.list.day-planner .day-selector a {
    text-decoration: none;
    display: inline-block;
    padding: 4px 8px;
    font-size: 1.8rem;
}

.sq-view.list.day-planner .day-selector a.selected {
    color: #FFF;
}

.sq-view.list.day-planner .day-planner .event-detail {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.4s linear;
    display: none;
    overflow-y: auto;
    padding: 12px;
}

.sq-view.list.day-planner .day-planner .event-detail.is-shown {
    opacity: 0.9;
    display: block;
}

.sq-view.list.day-planner .day-planner .event-detail p {
    color: #FFF;
}

.sq-view.list.day-planner .day-planner .event-detail h4 {
    color: #FFF;
    margin-bottom: 0;
}

.sq-view.list.day-planner .day-planner .event-detail p.times {
    font-style: italic;
}

.sq-view.list.day-planner .day-planner .event-detail img {
    float: left;
    max-width: 50%;
    margin: 0 12px 12px 0;
    display: none;
    max-height: 100%;
}

.sq-view.list.day-planner .day-planner .event-detail img.is-shown {
    display: block;
}

.sq-view.list.day-planner .day-planner .event-detail a.close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    z-index: 10;
}