/*
Red base: #800704
Tan base: #807245
*/
/*
BUGS:
Collapsing nav... trigger collapse... explicitly open and close the menu... trigger un-collapse... menu is still hidden
*/

@font-face {
    font-family: 'celtichandregular';
    src: url('../fonts/celtichd-webfont.eot');
    src: url('../fonts/celtichd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/celtichd-webfont.woff2?acvbd') format('woff2'),
         url('../fonts/celtichd-webfont.woff') format('woff'),
         url('../fonts/celtichd-webfont.ttf') format('truetype'),
         url('../fonts/celtichd-webfont.svg#celtichandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
.pure-g [class *= "pure-u"] {
    font-family: 'Poppins', sans-serif;;
}
html {
    background-color: #120101;
}
body {
    background-color: #fff;
    color: #333;
}
dt, dd {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    line-height: 1.3;
}
h1 {
    font-size: 1.5em;
}
h2 {
    font-size: 1.25em;
}
h1 small,
h2 small {
    font-size: 0.75em;
    color: #666;
}
.tpl-group-page h1 {
    line-height: 1.2;
}
.testimonial-summary h2 small,
.tpl-group-page h1 small {
    display: block;
}
h3 {
    font-size: 1.125em;
}
a {
    text-decoration: none;
    color: #037c80;
}
a:hover {
    color: #025d60;
}

/* ++ Layout */
.b-box {
    box-sizing: border-box;
}
#content {
    padding: 0 1rem 2rem 1rem;
    box-sizing: border-box;
    max-width: 80rem;
    margin: 0 auto;
}

.tpl-home #content {
    padding: 0;
}
/* -- End  Layout */

/* ++ Header */
#banner {
    background: #000 url(../img/header-1-opt.jpg) 50% 100% no-repeat;
    background: #000 url(../img/header-2-opt.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 0;
}

/* NEW header...
TODO:
Make pri nav left aligned and max 80rem
relocate FB link
Relocacte nav toggle
*/
.brand {
    max-width: 76rem;
    margin: 14em auto 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    position: relative;
}

.transformable-toggle,
.headings,
.social-links {
    display: inline-block;
    vertical-align: middle;
}
.social-links {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.5em;
}
.transformable-toggle {
    display: inline-block;
    padding: 0.5rem 0.5rem 0 0.5rem;
}

#banner h1,
#banner h2 {
    margin: 0;
    color: #fff;
}
#banner h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    padding-top: 0.25rem;
    text-shadow: 1px 1px 0px #240201;
    line-height: 1;
}
#banner h2 {
    padding: 0;
    font-size: 1em;
}
#banner a {
    text-decoration: none;
}
#banner h1 a:link,
#banner h1 a:visited {
    color: inherit;
}
#banner h1 a:hover {
    color: inherit;
}
/* ++ Social */
.fb-link {
    display: inline-block;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    color: #fff;
    font-size: 2em;
    line-height: 1rem;
}
.fb-link:hover {
    color: #eee;
}
/* -- End Social */

/* ++ Toggle */
.transformable-toggle .bars {
    width: 1.5em;
    height: 1em;
    display: inline-block;
    position: relative;
}
.transformable-toggle .bar {
    background-color: #fff;
    display: block;
    width: 100%;
    height: 0.1875em;
    border-radius: 100px;
    position: absolute;
    top: 0.375em;
    right: 0;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.transformable-toggle .bar:first-child {
    -webkit-transform: translateY(-0.5em);
    -moz-transform: translateY(-0.5em);
    -ms-transform: translateY(-0.5em);
    transform: translateY(-0.5em);
}
.transformable-toggle .bar:last-child {
    -webkit-transform: translateY(0.5em);
    -moz-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em);
}
.transformable-toggle.x .bar {
    display: none;
}
.transformable-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
}
.transformable-toggle.x .bar:last-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}
.transformable-toggle:focus {
    outline: none;
}
/* -- End Toggle */

/* -- End Header */

/* ++ Language menu */
.utils {
    max-width: 76rem;
    margin: 0 auto;
    overflow: hidden;
}
ul.lang-switch  {
    padding: 0.25em 0.5em 0.25em 0.5em;
    margin: 0;
    font-size: 0.875em;
    list-style-type: none;
    text-align: center;
    background-color: #000;
    background-color: rgba(0,0,0, .7);
}
.lang-switch li {
    display: inline-block;
    margin-left: 1em;
}
.lang-switch li:first-child {
    margin-left: 0;
}

.lang-switch span,
.lang-switch a {
    padding-left: 32px;
    text-decoration: none;
    color: #bbb;
    background-position: 0 50%;
    background-repeat: no-repeat;
}
.lang-switch a {
    -webkit-transition : color 500ms ease-out;
    -moz-transition : color 500ms ease-out;
    -o-transition : color 500ms ease-out;
    transition : color 500ms ease-out;
}
.lang-switch a:hover {
    color: #fff;
}
.lang-switch .default {
    background-image: url(../img/flags/gb-24.png);
}
.lang-switch .es {
    background-image: url(../img/flags/es-24.png);
}
.lang-switch .ca {
    background-image: url(../img/flags/ca-24.png);
}
.lang-switch .active {
    color: #fff;
}
/* -- End Language menu */


/* ++ Nav */
.primary-nav {
    padding: 0;
    font-size: 1.125em;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25,0.1,0.25,1);
}

.primary-nav.menu-active {
    max-height: 30em;
}
.primary-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.primary-nav li a {
    display: block;
    padding: 1rem 1rem;
    color: #fff;
    background-color: transparent;
    -webkit-transition : background-color 500ms ease-out;
    -moz-transition : background-color 500ms ease-out;
    -o-transition : background-color 500ms ease-out;
    transition : background-color 500ms ease-out;
}
.primary-nav a {
    text-decoration: none;
}
/* -- End Nav */


/* ++ Breadcrumbs */
.breadcrumbs {
    display: none; /* Hide on small screens??? */
    display: block;
    padding: 2rem 1rem 0 1rem;
    font-size: 0.875em;
    max-width: 80rem;
    margin: 0 auto;
    box-sizing: border-box;
}
.breadcrumb-item {
    padding-right: 0.5em;
}
.breadcrumb-item a {
    padding-right: 0.5em;
}
.breadcrumb-item:after {
    content: '>';
}
/* -- End Breadcrumbs */

/* ++ Footer */
#page-footer {
    color: #ccc;
    padding: 2rem 1rem;
    font-size: 0.875em;
}
#page-footer a:link,
#page-footer a:visited {
    color: #c0dedf;
}
#page-footer a:hover {
    color: #82bec0;
}
.contact-list {
    margin: 0;
    padding: 0;
}
.contact-list dt {
    font-weight: 600;
    margin-top: 1em;
    font-size: 1.142857143em;
}
.contact-list dt:first-child {
    margin-top: 0;
}
.contact-list dd {
    margin-bottom: 0.5em;
}
.contact-list dt + dd {
    margin-top: 0.5em;
}
.social-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 2em;
}
.social-icons li {
    display: inline-block;
}
.copy-info {
    margin-top: 2em;
}
/* -- End Footer */

/* ++ Home */
.intro {
    /*padding: 2rem 1rem 1rem 1rem;*/
    padding: 2rem 1rem 1rem 1rem;
    font-size: 1.125em;
}
.intro .inner {
    border: 1px solid #c0dedf;
    color: #777;
    padding-left: 1rem;
    padding-right: 1rem;
}

.about-us {
    color: #fefefe;
    padding: 1rem 1rem;
}
.about-us p {
    font-size: 1em;
}
.categories {
    padding: 1rem 1rem 2rem 1rem;
}
.group-category {
    margin-bottom: 3em;
    background: #e6f2f3;
    padding-bottom: 1.5rem;
}
.group-category h1 {
    margin: 0 0 1em 0;
    border-bottom: 1px solid #037c80;
    background: #fff;
}
.group-summary-title {
    font-size: 1.25em;
    line-height: 1.4;
}
.group-summary-title small {
    display: block;
}
/* -- End Home */

/* ++ Slider */
.bx-wrapper {
    position: relative;
    margin: 0 auto 2em;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    width: 100%;
    display: block;
}
.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../img/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
.bx-wrapper .group-summary-title {
    margin-bottom: 0;
}
.bx-wrapper .group-summary-title,
.bx-wrapper .group-image-wrapper {
    padding: 0 2rem;
}
.bx-wrapper .bx-controls-direction a {
    outline: 0;
    font-size: 2em;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
}
.bx-wrapper .bx-prev {
    left: 0;
}
.bx-wrapper .bx-next {
    right: 0;
}
/* -- End Slider */

/* ++ Collection page */
.collection {

}
.collection .item {
    margin-bottom: 2em;
}

.collection .item .group-summary-title {
    margin-top: 0.5em;
}

/* -- End Collection page */

/* ++ Group page */
.group-desc,
.group-image,
.group-assets,
.group-video {
    margin-bottom: 2em;
}
.group-assets h2,
.group-video h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
}
.group-desc > :first-child {
    margin-top: 0;
}
.group-image img {
    margin: 0 auto;
}
.video-holder {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 75%;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* -- End Group page */

/* ++ Testimonials page */
.testimonial-summary {
    background-color: #f3f9fa;
    padding: 1rem;
    margin: 0 0 1rem 0;
}

.testimonial-summary footer {
    font-size: 1rem;
    font-weight: 300;
}

.testimonial-summary h2 {
    margin-bottom: 0.5rem;
}

.testimonial-summary blockquote {
    /*font-style: italic;
    font-size: 1.125em;
    font-weight: 300;*/
    margin: 0.5rem 0;
}

.testimonial-summary blockquote p {
    margin: 0 0 0.5rem 0;
}

.testimonial-subject {
    margin-top: 0;
    color: #037c80;
}

/* -- End Testimonial page */

/*
 * AUDIO PLAYER SKIN
 **********************************************************************/
.audio_player_wrapper {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    padding:0;
}
.audio_player_controls {
    padding: 0.25em;
}
.audio_player_wrapper ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
}
.player_control_group {
    overflow: hidden;
}
.player_control {
    float: left;
}
.player_control li {
    display: inline;
    line-height: 1;
    vertical-align: bottom;
}
.now-playing {
    text-align: center;
    font-style: italic;
    font-size: 1em;
    padding-bottom: 0.125em;
}
.timeline_group {
    font-size: 0.875em;
    padding: 0.5em 0;
    background-color: #fff;
    margin-bottom: 0.5em;
    line-height: 1;
}
.jp-seek-bar {
    background-color: #ccc;
    width: 100%;
}
.jp-play-bar {
    background-color: #932c29;
    height: 1em;
}
.time_elapsed, .time_total {
    width: 12.5%;
    text-align: center;
    margin-top: 0.125em;
}
.jp-progress {
    width: 75%;
    margin-top: 0.125em;
}
.button_group {
    font-size: 2em;
    line-height: 1;
}
.volume_control {
    float: left;
    margin-left:0.5em;
}
.jp-volume-bar {
    background-color: #ccc;
    width: 3em;
    margin-top: 0.25em;
}
.jp-volume-bar-value {
    height: 0.5em;
    background-color: #037c80;
}
.jp-toggles {
    float: right;
}
.jp-repeat, .jp-shuffle {
    color: #999;
}
.jp-playlist {
    background-color: #fff;
}
.jp-playlist .jp-artist {
    color: #642d00;
    display: block;
    font-size: 0.75em;
}
.jp-playlist li {
    margin: 0;
    padding: 0.5em;
    border-top: 1px solid #ccc;
}
.jp-playlist-current {
    font-weight: 700;
    font-style: italic;
}


@media (min-width: 23em) { /* > 368px */
    #banner h1 {
        font-size: 1.625em;
    }
}
@media (min-width: 30em) { /* > 480px */
    .transformable-toggle {
        padding: 0.5rem 1rem 0 1rem;
    }
    .fb-link {
        padding: 0.5rem 1rem 0.5rem 0.5rem;
    }
    #banner h1 {
        font-size: 2em;
    }
    #banner h2 {
        font-size: 1.25em;
    }
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.5em;
    }
    h1 small,
    h2 small {
        font-size: 0.66em;
    }
    h3 {
        font-size: 1.25em;
    }
    ul.lang-switch  {
        padding: 0.5em 1em 0.5em 1em;
        text-align: right;
        float: right;
    }

    .group-category {
        padding-bottom: 2.5rem;
    }
    .group-category h1 {
        font-size: 2.5em;
    }
    .group-summary-title {
        font-size: 1.75em;
    }
    .intro {
        /*font-size: 1.5em;*/
    }
}
@media screen and (min-width: 35.5em) { /* > 568px */
    .copy-info {
        margin-top: 0;
    }
}
@media screen and (min-width: 48em) { /* > 768px */

    .bx-wrapper .group-image-wrapper {
        padding: 0 1rem 0 3rem;
    }
    .bx-wrapper .group-summary-title {
        padding: 0 3rem 0 1rem;
    }
    .bx-wrapper .bx-controls-direction a {
        font-size: 3em;
    }

    .collection .item:nth-child(odd) {
        padding-right: 0.5em;
    }
    .collection .item:nth-child(even) {
        padding-left: 0.5em;
    }


    /* ++ Group page */
    .group-info > div:nth-child(even) {
        padding-left: 0.5rem;
    }
    .group-info > div:nth-child(odd) {
        padding-right: 0.5rem;
    }
    .testimonial-summary h2,
    .testimonial-summary h2,
    .tpl-group-page h1 {
        line-height: 1.4;
    }
    .testimonial-summary h2 small,
    .tpl-group-page h1 small {
        display: inline;
    }
    /* -- End Group page */

}
@media (min-width: 60em) { /* > 960px */
    .brand {
    }
    #banner h1 {
        font-size: 3em;
        padding-top: 1rem;
    }
    #banner h2 {
        padding: 0;
        font-size: 1.5em;
        padding-bottom: 0.5rem;
    }
    .headings {
        padding-left: 2rem;
    }
    #content {
        padding: 0 2rem 2rem 2rem;
    }
    .transformable-toggle {
        display: none;
    }
    .primary-nav {
        padding: 0;
        max-height: 30em;
    }
    .primary-nav ul {
        max-width: 76rem;
        margin: 0 auto;
    }
    .primary-nav li {
        display: inline-block;
    }
    .primary-nav li a {
        padding: 1rem 2rem;
    }
    .breadcrumbs {
        padding: 2rem 2rem 1rem 2rem;
    }
    .about-us {
        margin: 0;
        padding: 1rem 2rem;
    }
    #page-footer {
        padding: 2rem;
    }
    .intro {
        /*padding: 2rem 2rem 0 2rem;*/
        padding: 3rem 2rem 1rem 2rem;
    }
    .intro .inner {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .categories {
        padding: 2rem  2rem;
    }
    .about-us p {
    }

    .collection .item:nth-child(odd) {
        padding-right: 1em;
    }
    .collection .item:nth-child(even) {
        padding-left: 1em;
    }


    /* ++ Group page */
    .group-info > div:nth-child(even) {
        padding-left: 1rem;
    }
    .group-info > div:nth-child(odd) {
        padding-right: 1rem;
    }
    /* -- End Group page */
    #page-footer .pure-g {
        max-width: 76rem;
        margin: 0 auto;
    }
}
@media (min-width: 80em) { /* > 1280px */
    .intro {
        /*font-size: 2em;*/
    }
    .about-us {
        margin: 0 2rem 2rem 2rem;
    }
}
/* Scrollbar fix... mainly for Firefox
 * Ensures scrollbar is displayed, whether needed or not */
html {
    overflow-y: scroll;
}
/* End scrollbar fix */

/* Colours... */
.primary-nav {
    background-color: #016468;
}
.primary-nav li a:hover {
    background-color: #179095;
}
#banner {
    border-bottom: 3px solid #037A80;
}
.brand,
.primary-nav .parent a,
.primary-nav .parent a:hover,
.primary-nav .current a,
.primary-nav .current a:hover {
    background-color: #037A80;
}
#page-footer {
    background-color: #004C4F;
}
.about-us {
    background-color: #016468;
}