/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
 Created on : 31/01/2017, 12:24:03 PM
 Author : duncanc
*/


/*
* ----------------------------------------------------------------------
*
* Content Main
*
* ----------------------------------------------------------------------
*/

.content-main .module--wrapper > .container {
    width: auto;
}

/*
* ----------------------------------------------------------------------
*
* Sidebar
*
* ----------------------------------------------------------------------
*/

.sidebar .id-module-wrapper .container,
.sidebar .module--canvas .module--item {
    width: 100% !important;
    padding: 0;
    margin-bottom: 30px;
}


/*
* ----------------------------------------------------------------------
*
* Header
*
* ----------------------------------------------------------------------
*/

.module-section-header {
    text-align: center;
}

.module-section-header-title {
    padding-top: 1ex;
    padding-bottom: 1ex;
    margin: 15px auto;
    color: inherit;
}

/*
* ----------------------------------------------------------------------
*
* Wrapper
*
* ----------------------------------------------------------------------
*/

.module--wrapper {
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.module--wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.0);
}


.loop-showcase .module--section {
    width: 100%;
    overflow: hidden;
}

/*
* ----------------------------------------------------------------------
*
* Canvas
*
* ----------------------------------------------------------------------
*/
.module--canvas {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
    -ms-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

/*
* ----------------------------------------------------------------------
*
* Item
*
* ----------------------------------------------------------------------
*/

.module--item {
    width: 100%;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: transparent;
}

@media screen and (min-width: 480px) {


    .module-grid--width-2 .module--item,
    .module--item {
        width: 50%;
        width: 49.9%;
    }

    .loop-default .module--item,
    .loop-card .module--item,
    .module-grid--width-1 .module--item {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {

    .loop-card .module--item {
        width: 50%;
    }

    .module-grid--width-1.loop-card .module--item  {
        width: 100%;
    }
    
    .module-grid--width-3 .loop-card .module--item,
    .module-grid--width-3 .module--item,
    .module--item {
        width: 33.275%;
    }
}

@media screen and (min-width: 1200px) {

    .module-grid--width-4 .module--item,
    .module--item {
        width: 25%;
    }
    .module-grid--width-5 .module--item {
        width: 20%;
    }
}

/*
* ----------------------------------------------------------------------
*
* Item inner
*
* ----------------------------------------------------------------------
*/

.module--outer {
    width: 100%;
    padding: 0;
}


.module--inner {
    width: 100%;
    min-height: 1px;
    background-color: rgba(255,255,255, 1);
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
}

@media screen and (min-width: 768px) {

    .module--outer {
        padding: 15px;
    }

    .module--outer,
    .module--inner {
        display: inline-block;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -ms-flex-wrap: nowrap;
        -ms-flex-direction: column;
        -ms-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;

        -ms-flex-pack: center;
        -o-justify-content: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;

        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -moz-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
/*
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -moz-flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 auto;
        flex: 1 1 100%;*/

    }
}







/*
* ----------------------------------------------------------------------
*
* Loop & Carousel Card
*
* ----------------------------------------------------------------------
*/
@media screen and (min-width: 768px) {

    /*    .carousel-card .module--inner,
        .loop-default .module--inner,
        .loop-card .module--inner {
            -ms-flex-wrap: wrap;
            -ms-flex-direction: row;
            -ms-flex-flow: row wrap;
            -moz-flex-flow: row wrap;
            -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
        }*/
    .carousel-card .module--inner,
    .loop-default .module--inner,
    .loop-card .module--inner {
        -ms-flex-wrap: wrap;
        -ms-flex-direction: norow;
        -ms-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }



    .loop-card .module--thumbnail {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -moz-flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        /* -ms-flex: 1 1 100%; */
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }


    .carousel-card .module--thumbnail {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -moz-flex: 1 1 40%;
        -webkit-flex: 1 1 40%;
        /* -ms-flex: 1 1 100%; */
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    }
    .carousel-card .module--content {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -moz-flex: 1 1 60%;
        -webkit-flex: 1 1 60%;
        /* -ms-flex: 1 1 100%; */
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    }

    .loop-card .module--thumbnail {
        padding-bottom: 50%;
        min-height: 200px;
    }

    .module-grid--width-1.loop-card .module--thumbnail {
        padding-bottom: 33.3%;
        min-height: 100px;
    }

    .carousel-card .module--thumbnail {
        padding-bottom: 40%;
        min-height: 200px;
    }


}


@media screen and (min-width: 992px) {
    .no-flexbox .carousel-card .module--thumbnail,
    .no-flexbox .carousel-card .module--content {
        float: left;
    }
}

/*
* ----------------------------------------------------------------------
*
* Loop Showcase
*
* ----------------------------------------------------------------------
*/


.loop-showcase .module--canvas {
    padding: 0;
}

.loop-showcase .module--item {
    width: 100%;
}

.loop-showcase .module--outer {
    padding: 0;
}


.loop-showcase .module--title {
    font-size: 2em;
    font-weight: normal;
    text-transform: none;
}

@media screen and (min-width: 768px) {


    .loop-showcase .module--outer,
    .loop-showcase .module--inner {
        -ms-flex-pack: flex-start;
        -o-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .loop-showcase .module--thumbnail,
    .loop-showcase .module--content {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -moz-flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        /* -ms-flex: 1 1 100%; */
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }

    .loop-showcase .module--inner {
        -ms-flex-wrap: nowrap;
        -ms-flex-direction: row;
        -ms-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .loop-showcase .module--item:nth-child(even) .module--inner {
        -ms-flex-wrap: nowrap;
        -ms-flex-direction: row-reverse;
        -ms-flex-flow: row-reverse nowrap;
        -moz-flex-flow: row-reverse nowrap;
        -webkit-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
    }

/*    .loop-showcase .module--thumbnail {
        padding-bottom: 50%;
        min-height: 200px;
    }*/

    .module-grid--width-1.loop-showcase .module--content,
    .loop-showcase .module--content {
        padding: 4em;
    }

    .loop-showcase .module--item:nth-child(even) .module--content {
        text-align: right;
    }
}

@media screen and (min-width: 1200px) {

    .loop-showcase .module--item {
        width: 49.95%;
    }
    .module-grid--width-1.loop-showcase .module--item {
        width: 100%;
    }

    .module-grid--width-1.loop-showcase .module--item:nth-child(4n+4) .module--inner,
    .module-grid--width-1.loop-showcase .module--item:nth-child(4n+3) .module--inner,
    .loop-showcase .module--item:nth-child(even) .module--inner {
        -ms-flex-wrap: nowrap;
        -ms-flex-direction: row;
        -ms-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .module-grid--width-1.loop-showcase .module--item:nth-child(even) .module--inner,
    .loop-showcase .module--item:nth-child(4n+4) .module--inner,
    .loop-showcase .module--item:nth-child(4n+3) .module--inner {
        -ms-flex-wrap: nowrap;
        -ms-flex-direction: row-reverse;
        -ms-flex-flow: row-reverse nowrap;
        -moz-flex-flow: row-reverse nowrap;
        -webkit-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
    }


    .module-grid--width-1.loop-showcase .module--item:nth-child(odd) .module--content,
    .loop-showcase .module--item:nth-child(even) .module--content {
        text-align: left;
    }

    .module-grid--width-1.loop-showcase .module--item:nth-child(even) .module--content,
    .loop-showcase .module--item:nth-child(4n+4) .module--content,
    .loop-showcase .module--item:nth-child(4n+3) .module--content {
        text-align: right;
    }


    .loop-showcase .module--content {
        padding: 3em;
    }

    .loop-showcase .module--title {
        font-size: 1.5em;
        font-weight: normal;
    }
}


@media screen and (min-width: 1400px) {

    .module-grid--width-1.loop-showcase .module--item:nth-child(even) .module--content>.module--excerpt,
    .module-grid--width-1.loop-showcase .module--item:nth-child(even) .module--content>.module--title {
        padding-left: 33%;
    }

    .module-grid--width-1.loop-showcase .module--item:nth-child(odd) .module--content>.module--excerpt,
    .module-grid--width-1.loop-showcase .module--item:nth-child(odd) .module--content>.module--title {
        padding-right: 33%;
    }

    .module-grid--width-1.loop-showcase .module--title {
        font-size: 2em;
    }
    .module-grid--width-1.loop-showcase .module--excerpt {
        font-size: 1em;
        font-size: 1rem;
    }
}


/*
* ----------------------------------------------------------------------
*
* Loop Default
*
* ----------------------------------------------------------------------
*/
@media screen and (min-width: 768px) {

    .loop-default .module--content {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -moz-flex: 1 1 80%;
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 100%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    }

    .loop-default .module--thumbnail {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -moz-flex: 1 1 20%;
        -webkit-flex: 1 1 20%;
        /* -ms-flex: 1 1 100%; */
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    }

/*    .loop-default .module--thumbnail {
        padding-bottom: 20%;
        min-height: 150px;
    }*/
}


@media screen and (min-width: 992px) {
/*    .loop-default .module--thumbnail {
        padding-bottom: 15%;
        min-height: 100px;
    }*/
}

/*
* ----------------------------------------------------------------------
*
* No Flexbox
*
* ----------------------------------------------------------------------
*/

@media screen and (min-width: 480px) {
    .no-flexbox .module--canvas .module--content,
    .no-flexbox .module--canvas .module--thumbnail,
    .no-flexbox .loop-card .module--content,
    .no-flexbox .loop-card .module--thumbnail {
        vertical-align: top;
        display: inline-block;
    }
    .no-flexbox .module--canvas .module--item {
        width: 49%;
        vertical-align: top;
        display: inline-block;
    }


    .no-flexbox .module--canvas .module--thumbnail {
        width: 100%;
    }

    .no-flexbox .module--canvas .module--content {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {


    .no-flexbox .module--canvas .module--item,
    .no-flexbox .loop-card .module--item {
        vertical-align: top;
    }
    .no-flexbox .module-grid--width-1.loop-card .module--item,
    .no-flexbox .module--canvas .module--item {
        width: 100%;
    }

    .no-flexbox .loop-card .module--item {
        width: 49%;
    }

    .no-flexbox .module--canvas .module--content,
    .no-flexbox .module--canvas .module--thumbnail,
    .no-flexbox .loop-card .module--content,
    .no-flexbox .loop-card .module--thumbnail {
        vertical-align: top;
        display: inline-block;
    }

    /*
    * Default Loop
    */
    .no-flexbox .loop-default .module--thumbnail {
        width: 20%;
    }

    .no-flexbox .loop-default .module--content {
        width: 79%;
    }

    /*
    * Card Loop
    */
    .no-flexbox .loop-card .module--thumbnail {
        width: 39%;
    }

    .no-flexbox .loop-card .module--content {
        width: 59%;
    }


    /*
    * Grid Loop
    */

    .no-flexbox .module-grid--width-1.loop-grid .module--item {
        width: 100%;
        vertical-align: top;
    }
    .no-flexbox .module-grid--width-2.loop-grid .module--item {
        width: 50%;
        vertical-align: top;
    }

    .no-flexbox .module-grid--width-3.loop-grid .module--item {
        width: 33%;
        vertical-align: top;
    }

    .no-flexbox .module-grid--width-4.loop-grid .module--item {
        width: 24.5%;
        vertical-align: top;
    }

    .no-flexbox .module-grid--width-5.loop-grid .module--item {
        width: 20%;
        vertical-align: top;
    }

    .no-flexbox .loop-grid .module--thumbnail {
        width: 100%;
    }

    .no-flexbox .loop-grid .module--content {
        width: 100%;
    }

    /*
    * Showcase Loop
    */

    .no-flexbox .loop-showcase .module--canvas {
        font-size: 0;
    }

    .no-flexbox .module-grid--width-1.loop-showcase .module--item {
        width: 100%;
        display: block;
    }

    .no-flexbox .loop-showcase .module--item {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
        /* min-height: 100%;*/
    }

    .no-flexbox .loop-showcase .module--outer,
    .no-flexbox .loop-showcase .module--inner {
        min-height: 100%;
        height: 100%;
        width: 100%;
    }

    .no-flexbox .loop-showcase .module--outer {
        display: table;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .no-flexbox .loop-showcase .module--inner {
        display: table-row;
    }

    .no-flexbox .module-grid--width-1.loop-showcase .module--outer,
    .no-flexbox .module-grid--width-1.loop-showcase .module--inner {
        min-height: 100%;
        height: 100%;
        width: 100%;
        vertical-align: middle;
    }

    .no-flexbox .loop-showcase .module--thumbnail,
    .no-flexbox .loop-showcase .module--content {
        font-size: 16px;
        width: 50%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

    .no-flexbox .loop-showcase .module--content {
        padding: 2em;
        text-align: left;
    }
}


@media screen and (min-width: 1200px) {
    .no-flexbox .module-grid--width-1.loop-showcase .module--item:nth-child(even) .module--content,
    .no-flexbox .loop-showcase .module--item:nth-child(4n+3) .module--content,
    .no-flexbox .loop-showcase .module--item:nth-child(4n+4) .module--content,
    .no-flexbox .loop-showcase .module--item:nth-child(4n+5) .module--content,
    .no-flexbox .module-grid--width-1.loop-showcase .module--item:nth-child(odd) .module--content,
    .no-flexbox .loop-showcase .module--item:nth-child(even) .module--content {
        text-align: left;
    }
}

/*
* ----------------------------------------------------------------------
*
* Owl Carousel
*
* ----------------------------------------------------------------------
*/


.module--canvas.owl-carousel {
    margin: auto;
}

.owl-carousel .module--outer {
    width: 100%;
    padding: 5px;
}

@media screen {

    .owl-carousel .module--item {
        width: 100% !important;
    }
}

.owl-carousel .module--outer,
.owl-carousel .module--inner,
.owl-carousel .owl-stage ,
.owl-carousel .owl-item {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media screen and (max-width: 767px) {
    .owl-carousel .module--inner {
        -ms-flex-wrap: nowrap;
        -ms-flex-direction: column;
        -ms-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -webkit-flex-flow:column nowrap;
        flex-flow: column nowrap;
    }

    .owl-carousel .module--thumbnail {
        padding-bottom: 66%;
    }
}



/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.module--canvas.owl-carousel .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent; 
}

.module--canvas.owl-carousel .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
.module--canvas.owl-carousel .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none; 
}

.module--canvas.owl-carousel .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; 
}

.module--canvas.owl-carousel .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}

.module--canvas.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent; }

.module--canvas.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 
}

.module--canvas.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; 
}
.module--canvas.owl-carousel .owl-dots .owl-dot.active span, .module--canvas.owl-carousel .owl-dots .owl-dot:hover span {
    background: #869791; 
}

/*
* ----------------------------------------------------------------------
*
* Icon / Image
*
* ----------------------------------------------------------------------
*/

.module--thumbnail {
    overflow: hidden;
}

.team-member .module--title a:hover,
.team-member .module--title a:focus,
.team-member .module--title a:active,
.team-member .module--item:hover .module--image,
.team-member .module--item:focus .module--image,
.team-member .module--item:active .module--image {
    cursor: default;
    text-decoration: none;
}

.module--item:hover .module--image,
.module--item:focus .module--image,
.module--item:active .module--image {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

    /*    top: -25px;
        left: -25px;
        right: -25px;
        bottom:  -25px;*/

    -webkit-transition: all 250ms ease-in-out 0;
    -moz-transition: all 250ms ease-in-out 0;
    -o-transition: all 250ms ease-in-out 0;
    transition: all 250ms ease-in-out 0;
}

/* Flex Box Size Fix */

.module--thumbnail::before {
    padding-bottom: 100%;
    content: '';
    display: block;
}

/* Flex Box Size Fix */

.module--thumbnail {
    padding-bottom: 0;
    background: rgba(0,0,0,0.15);
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-box-flex: 0;
    -moz-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
}

.module--thumbnail,
.module--content {
    width: 100%;
    position: relative;
    float: none;
}

.module--content>* {
    padding: 0 15px;
}

.module--content > .entry-date {
    text-transform: uppercase;
    font-size: 70%;
    letter-spacing: 2px;
    margin: auto;
    padding: 10px 15px;
    border-bottom: 1px rgba(150, 150, 150, 0.25) solid;
}

@media screen and (min-width: 768px) {
    .module--thumbnail {
/*        padding-bottom: 66.6%;
        min-height: 200px;*/
    }
}


.module--image,
.module--feature-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.module--feature-icon {
    width: 100%;
    min-width: 100%;
    height: 100%;
}

.module--image {
    align-items: center;
}


.module--feature-icon > img,
.module--image > img {
    padding: 30px;
    background-color: rgba(0,0,0,0.15);
    border-radius: 50%;
}

.module--feature-icon > img,
.module--image > img,
.module--icon > img {
    margin: auto;
    width: auto;
    max-height: 100px;
    max-width: 100px;
}

.module--thumbnail .module--icon > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.module--image,
.module--feature-icon {
    display: inline-block;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


.module--image .fa,
.module--feature-icon .fa {
    background-color: rgba(0,0,0,0.15);
    color: #fff;
    display: inline-block;
    display: block;
    border-radius: 50%;
    font-size: 3em;
    height: 2.5em;
    width: 2.5em;
    text-align: center;
    padding: 0.75em 0.5em;
    vertical-align: middle;
    margin: auto;
}


/*
.no-flexbox .module--feature-icon {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 25px;
    width: 60%;
}

.no-flexbox .module--feature-icon .fa {
    background: transparent;
    display: table-cell;
}*/

/*
* -------------------------------------------- 
* No Flexbox
* -------------------------------------------- 
*/

.no-flexbox .module--image  {
    display: table;
    table-layout: fixed;
    /*border-collapse: seperate;*/
    border-collapse: collapse;
    border-spacing: 25px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.no-flexbox .module--image > img {
    margin: 20px auto;
    display: inline-block;
}

.no-flexbox .module--image .fa {
    background: transparent;
    display: table-cell;
    text-align: center;
}
.no-flexbox .loop-card-block .module--image .fa {
    display: block;
}

.no-flexbox .module--image .fa::before {
    background-color: rgba(0,0,0,0.15);
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em;
    text-align: center;
    padding: 0.75em 0.5em;
    vertical-align: middle;
    margin: auto;
}




/*
* ----------------------------------------------------------------------------

* Content

* ----------------------------------------------------------------------------
*/

.module--content > * {
    width: 100%;
}


.module--content {

    background-color: transparent;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -ms-flex-direction: column;
    -ms-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -webkit-flex-flow:column nowrap;
    flex-flow: column nowrap;

    -ms-flex-align: stretch;
    -o-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;

    -ms-flex-align: stretch;
    -o-align-content: stretch;
    -ms-align-content: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;

/*    -ms-flex-pack: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;*/

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -moz-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    /* -ms-flex: 1 1 100%; */
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;

    font-size: 16px;
    font-size: 1rem;
}

/*
* Card
*/

.loop-card .module--content {
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


.module--excerpt {
    display: inline-block;
/*    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -moz-flex:1 1 100%;
    -webkit-flex:1 1 100%;
    -ms-flex:1 1 auto;
    flex: 1 1 100%;*/
    
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -moz-flex:1 1 auto;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex: 1 1 auto;
    font-size: 80%;
}

/*
* Default
*/
.loop-showcase .module--excerpt,
.loop-default .module--excerpt {
    display: inline-block;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-box-flex: 0;
    -moz-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    font-size: 80%;
}


.module--title {
    margin: 15px auto;
}



/*@media screen and (min-width: 768px) {
    h4.module--title {
        margin-top: 0;
    }
}*/

.module--content > *:first-child {
    padding-top: 15px;
    margin: 0 auto;
}

.module--content > *:last-child {
    padding-bottom: 15px;
    margin: 0 auto;
}

p.module--button {
    margin: auto;
    padding-top: 15px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-box-flex: 0;
    -moz-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
}

/*
* ----------------------------------------------------------------------
*
* Pagination
*
* ----------------------------------------------------------------------
*/

.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: rgba(0,0,0,0.35);
    border-color: rgba(0,0,0,0.15);
}

.pagination>li>a,
.pagination>li>span {
    color: inherit;
}



/*
* ----------------------------------------------------------------------
*
* Swipebox
*
* ----------------------------------------------------------------------
*/

.single .swipebox {
    display: block;
    max-height: 400px;
    overflow: hidden;
}

.single .swipebox > img {
    display: block;
    width: 100%;
}

.fa-fab {
    position: absolute;
    top: 15px;
    left: auto;
    right: 15px;
    bottom: auto;
    background-color: rgba(255,255,255,0.25);
    border-radius: 50% 50%;
    padding: 1ex;
}

.fa-fab.fa-fab-inverse {
    background-color: rgba(0,0,0,0.15);
    
}





/*
* ----------------------------------------------------------------------
*
* Swipebox
*
* ----------------------------------------------------------------------
*/