/*
Theme Name: De Ceuvel
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*=================

    Fonts

=================*/


/* This stylesheet generated by Transfonter (http://transfonter.org) on August 16, 2016 9:07 AM */

@font-face {
    font-family: 'Hipstelvetica';
    src: url('fonts/HipstelveticaBold.eot');
    src: url('fonts/HipstelveticaBold.eot?#iefix') format('embedded-opentype'), url('fonts/HipstelveticaBold.woff') format('woff'), url('fonts/HipstelveticaBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Hipstelvetica';
    src: url('fonts/Hipstelvetica-Light.eot');
    src: url('fonts/Hipstelvetica-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Hipstelvetica-Light.woff') format('woff'), url('fonts/Hipstelvetica-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Hipstelvetica';
    src: url('fonts/Hipstelvetica-UltraLight.eot');
    src: url('fonts/Hipstelvetica-UltraLight.eot?#iefix') format('embedded-opentype'), url('fonts/Hipstelvetica-UltraLight.woff') format('woff'), url('fonts/Hipstelvetica-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa';
    src: url('fonts/NexaRustSans-Black.eot');
    src: local('☺'), url('fonts/NexaRustSans-Black.woff') format('woff'), url('fonts/NexaRustSans-Black.ttf') format('truetype'), url('fonts/NexaRustSans-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*=================

    Body

=================*/

body {
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Raleway', sans-serif;*/
    font-weight: 400;
    color: #3d3d3d;
    line-height: 1.7em;
}

a:visited {
    color: #3d3d3d;
}

a:active {
    color: #3d3d3d;
}

a:hover {
    color: #3d3d3d;
    text-decoration: none;
}

a {
    color: #3d3d3d;
}

h1 {
    font-family: 'HipstelveticaBold', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.4em;
}

h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
}

h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2em;
}

p {
    font-size: .9em;
}

em {
    font-weight: 700;
    font-style: normal
}

td,
th {
    padding: 0;
    padding-right: 5%;
}


/*=================

    Navigation

=================*/

.navbar {
    z-index: 999;
    border: 0px solid transparent;
}

.navbar.absolute {
    position: absolute;
    left: 0px;
    width: 100%;
}


/*
.nav > li > a {
    padding: 24px 15px;
}
*/

.navbar-transparent {
    background-color: transparent;
    border-color: transparent;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.navbar-transparent .navbar-brand {
    color: #ffffff;
}

.navbar-transparent .navbar-brand:hover,
.navbar-transparent .navbar-brand:focus {
    color: #ffffff;
}

.navbar-transparent .navbar-text {
    color: #ffffff;
}

.navbar-transparent .navbar-nav > li > a {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
}

.navbar-transparent .navbar-nav > li > a > .stripe {
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 10px;
    left: 15px;
    background-color: #fff;
}

.navbar-transparent .navbar-nav > li > a:hover,
.navbar-transparent .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-transparent .navbar-nav > .active > a,
.navbar-transparent .navbar-nav > .active > a:hover,
.navbar-transparent .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-transparent .navbar-nav > .active > a > .stripe {
    width: 100%;
    width: calc(100% - 30px)
}

.navbar-transparent .navbar-nav > .open > a,
.navbar-transparent .navbar-nav > .open > a:hover,
.navbar-transparent .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-transparent .navbar-toggle {
    border-color: transparent;
}

.navbar-transparent .navbar-toggle:hover,
.navbar-transparent .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-transparent .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-transparent .navbar-collapse,
.navbar-transparent .navbar-form {
    border-color: #ffffff;
}

.navbar-transparent .navbar-link {
    color: #ffffff;
}

.navbar-transparent .navbar-link:hover {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
    font-weight: 700;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a > .stripe {
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 10px;
    left: 15px;
    background-color: #1d1d1d;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a > .stripe {
    width: 100%;
    width: calc(100% - 30px)
}

.navbar-transparent .dropdown-menu > li > a {
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 700;
    color: #fff;
    text-align: right
}

.navbar-transparent .dropdown-menu {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    border: 0px solid transparent
}

.navbar-transparent .dropdown-menu > .active > a,
.navbar-transparent .dropdown-menu > li > a:focus,
.navbar-transparent .dropdown-menu > li > a:hover {
    background-color: #fff;
    color: #1d1d1d;
    outline: 0 none;
    text-decoration: none;
}


/*
.navbar-transparent {
    min-height: 50px;
    margin-top: 36px;
    margin-bottom: 0;
    background: transparent;
    border-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    color: #fff;
}


.navbar-default .navbar-nav > .active > a > .stripe,
.navbar-default .navbar-nav > .active > a:focus > .stripe,
.navbar-default .navbar-nav > .active > a:hover > .stripe {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    width: calc(100% - 30px);
    height: 3px;
    background-color: #fff;
    display: inline-block;
    margin: 0 15px;
}
*/


/*
.navbar-default .navbar-brand {
    padding: 18px 15px;
}

.navbar-transparent .navbar-brand {
    padding: 0;
    margin-top: -12px;
    margin-left: 12px
}
*/


/*
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}
*/

.navbar.up {
    top: -72px;
}

.qtranxs-lang-menu img {
    max-width: 24px !important;
    height: auto;
    margin-top: -2px
}

.qtranxs-available-languages-message{font-weight: 700; margin-bottom: 15px}


/*=================

    Cafe

=================*/

.page-template-template-cafe {}

.page-template-template-cafe h1,
.page-template-template-cafe h2,
.page-template-template-cafe h3,
.page-template-template-listchildrencafe h1,
.page-template-template-listchildrencafe h2,
.page-template-template-listchildrencafe h3 {
    font-family: 'Hipstelvetica', sans-serif;
    font-weight: 300;
    font-style: normal;
}

.page-template-template-cafe .cover h1,
.page-template-template-listchildrencafe .cover h1 {
    font-family: 'Hipstelvetica', sans-serif;
    font-weight: 300;
    font-style: normal;
}


/*=================

    Cover Image

=================*/

.cover {
    position: relative;
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    background: #000000;
    overflow: hidden !important;
}

.cover .background {
    position: relative;
    width: 100%;
    height: 100%;
    background: transparent none no-repeat scroll center center / cover;
    background-image: url("images/front.jpg");
    opacity: .85;
    top: 0;
    overflow: auto
}

.cover h1 {
    font-family: 'Nexa', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 4em;
}

.cover .social {
    position: absolute;
    right: 24px;
    bottom: 24px;
}

.cover .social .btn {
    background: transparent
}


/*=================

    Scroll Indicator

=================*/

.scrolldown {
    position: absolute;
    width: 30px;
    height: 50px;
    bottom: 24px;
    left: 50%;
    margin-left: -15px;
}

.scrolldown a {
    padding-top: 60px;
}

.scrolldown a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}

.scrolldown a span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes sdb10 {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


/*=================

    Layout

=================*/

.middle {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0
}

.fullheight {
    height: 100%
}

.footer {
    background: #1d1d1d;
    padding-bottom: 48px;
    padding-top: 48px;
    color: #d1d1d1
}

.footer .client-logos {}

.footer .client-logos li {
    list-style: none;
    float: left;
    padding: 12px;
    width: 120px;
}

.footer .client-logos li img {
    width: 100%;
}

.footer a.textlink:visited {
    color: #d1d1d1;
}

.footer a.textlink:active {
    color: #d1d1d1;
}

.footer a.textlink:hover {
    color: #d1d1d1;
    text-decoration: none;
}

.footer a.textlink {
    color: #d1d1d1;
    text-decoration: underline
}


/*=================

    Buttons

=================*/

.white {
    color: #fff
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    background-color: #111111;
    border-color: #111111;
    color: #ffffff
}

.btn-black,
.btn-black:visited {
    background-color: #1d1d1d;
    border-color: #1d1d1d;
    color: #ffffff
}

.btn-hexagon,
.btn-hexagon:hover,
.btn-hexagon:focus,
.btn-hexagon:active,
.btn-hexagon:visited {
    background-color: #fff;
    border-color: #fff;
    background: url('images/button.svg') center center no-repeat;
    background-size: contain;
    color: #ffffff;
    padding: 30px;
    display: block;
}


/*=================

    Sidebar

=================*/

#sidebar .list-group-item.active,
#sidebar .list-group-item.active:focus,
#sidebar .list-group-item.active:hover {
    background-color: #1d1d1d;
    border-color: #1d1d1d;
    color: #fff;
    z-index: 2;
}

#sidebar .list-group-item a,
#sidebar .list-group-item a:visited {
    background-color: transparent;
    border-color: transparent;
    color: #1d1d1d
}

#sidebar .list-group-item.active a,
#sidebar .list-group-item.active a:focus,
#sidebar .list-group-item.active a:hover {
    color: #ffffff;
}

.widget_recent_entries ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_recent_entries ul li {
    border-bottom: 3px solid #f5f5f5;
    padding: 8px 0
}


/*=================

    Post Navigation

=================*/

.entry-date {font-size: .8em}

.nav-previous {
    position: relative;
    width: 50%;
    float: left;
    text-align: left
}

.nav-next {
    position: relative;
    width: 50%;
    float: left;
    text-align: right
}


/*=================

    Helpers

=================*/

hr {
    border-width: 1px 0 0;
    margin-bottom: 24px;
    margin-top: 24px;
    border-color: transparent
}

hr.divider {
    height: 3px;
    background: #f5f5f5;
    margin-bottom: 48px;
    margin-top: 48px;
}

hr.small {
    margin-bottom: 12px;
    margin-top: 12px;
}

.popout {
    width: 120%;
    margin-left: -10%;
}

.animated {
    transition-delay: 0s, 0s;
    transition-duration: 600ms, 0ms;
    transition-property: all, z-index;
    transition-timing-function: cubic-bezier(0, 1.005, 0.43, 0.995);
}

.sticky.affix {
    position: fixed;
    top: 40px;
}

.m-t-0 {
    margin-top: 0
}

.m-t-15 {
    margin-top: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-0 {
    margin-bottom: 0px
}

.block {
    display: block
}


/*=================

    Hexagon

=================*/

.hexagon {
    display: block;
    position: relative;
    background: #000000;
    width: 90%;
    margin-left: 5%
}

.hexagon a {
    display: block;
    position: relative;
}

.hexagon h3 {
    color: #fff;
    width: 80%;
    margin-left: 10%
}

.hexagon p {
    color: #fff;
    width: 80%;
    margin-left: 10%
}

.hexagon.darken img {
    opacity: .7;
}

.clip-svg {
    position: absolute
}


/*=================

    Honeycomb

=================*/

.honeycomb {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
    display: block;
}

.clr:after {
    content: "";
    display: block;
    clear: both;
}

.honeycomb li {
    position: relative;
    list-style-type: none;
    width: 27.85714285714286%;
    /* = (100-2.5) / 3.5 */
    padding-bottom: 32.16760145166612%;
    /* =  width /0.866 */
    float: left;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(-60deg) skewY(30deg);
    -ms-transform: rotate(-60deg) skewY(30deg);
    transform: rotate(-60deg) skewY(30deg);
}

.honeycomb li:nth-child(3n+2) {
    margin: 0 1%;
}

.honeycomb li:nth-child(6n+4) {
    margin-left: 0.5%;
}

.honeycomb li:nth-child(6n+4),
.honeycomb li:nth-child(6n+5),
.honeycomb li:nth-child(6n+6) {
    margin-top: -6.9285714285%;
    margin-bottom: -6.9285714285%;
    -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
}


/*
.honeycomb li:nth-child(6n+4):last-child,
.honeycomb li:nth-child(6n+5):last-child,
.honeycomb li:nth-child(6n+6):last-child {
    margin-bottom: 0%;
}
*/

.honeycomb li div,
.honeycomb li img {
    position: absolute;
    visibility: visible;
}

.honeycomb li a {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    text-align: center;
    display: block
}

.honeycomb h3,
.honeycomb p {
    width: 100%;
    color: #ffffff
}

.honeycomb li a {
    height: 100%
}

.honeycomb li > div {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    -ms-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
    background: #000
}


/* HEX CONTENT */

.honeycomb li img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    opacity: .85
}


/*
.honeycomb h3 {
    color: #fff;
    width: 80%;
    margin-left: 10%
}

.honeycomb p {
    color: #fff;
    width: 80%;
    margin-left: 10%
}
*/


/*
.honeycomb div h3,
.honeycomb div p {
    width: 90%;
    padding: 0 5%;
    background-color: #008080;
    background-color: rgba(0, 128, 128, 0.8);
    font-family: 'Raleway', sans-serif;
    -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
    -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
    transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}


.honeycomb li h3 {
    bottom: 110%;
    font-style: italic;
    font-weight: normal;
    font-size: 1.5em;
    padding-top: 100%;
    padding-bottom: 100%;
}

.honeycomb li h3:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 45%;
    width: 10%;
    text-align: center;
    z-index: 1;
    border-bottom: 2px solid #fff;
}

.honeycomb li p {
    padding-top: 50%;
    top: 110%;
    padding-bottom: 50%;
}
*/


/* HOVER EFFECT  */

.honeycomb h3 {
    bottom: 50%;
    padding-bottom: 2px;
}

.honeycomb p {
    top: 50%;
    padding-top: 2px;
}


/*=================

    Media Queries

=================*/


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .navbar {
        font-size: .8em;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-transparent .navbar-nav > li > a > .stripe {
        bottom: 2px;
        left: 15px;
        background-color: #fff;
    }
    .navbar-collapse {
        background: #000;
        border: 0px solid transparent
    }
    .cover h1 {
        font-size: 2em;
    }
    .scrolldown {
        display: none
    }
}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}


/*=================

    Screen Readers

=================*/

.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    /* many screen reader and browser combinations announce broken words as they would appear visually */
    word-wrap: normal !important;
}


/* must have higher specificity than alternative color schemes inline styles */

.site .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #21759b;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: -9999em;
    outline: none;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}

.logged-in .site .skip-link {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
    font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    width: auto;
    z-index: 100000;
}

.event-preview {
	border: 3px solid;
	margin-top: -3px;
}

.event-date {
	font-size: 2.5em;
    font-weight: 900;
	margin-bottom: 0px;
}

.entry-date {
    font-size: 1em;
    font-weight: 900;
    margin-top: 0px;
}

.event-preview .col-sm-5 {
	overflow: hidden;
}

.inline{
    display : none;
}

.bold{
    font-weight:bold;
}

.event-recurring .thumb{
	width: 50%;
}

.event-recurring .event-date {
	display: inline-block;
    font-size: 2.5em;
}

.event-recurring .entry-date {
	display: inline-block;
	width: 40%;
}

.event-recurring {
	width: 350px;
	height: 175px;
	margin-left: -3px;
	float: left;
	overflow: hidden;
}

.event-recurring .event-title {
	margin-top: 0px;
}

.event-recurring div{
	float: left;
	position: relative;
	width: 49%;
}

.event-data {
	padding-left: 10px;
}

.event-normal {
	width: 90%;
	height: 175px;
}

.event-normal div {
	height: 169px;
}

.event-normal .col-sm-2 {
	padding-right: 0px;
	padding-top: 35px;
}

.event-normal .col-sm-5 {
}

.month-title {
	font-size: 3em;
	text-align: center;
	margin-top: 2em;
    margin-bottom: 1em;
}

.container-event-recurring {
	width: 720px;
	margin: 0 auto;
}

/* Show info on hover */

.event-preview .event-details,
.event-preview .thumb {
    position: relative;
}
.event-preview .event-meta {
    background: rgba(64,64,64,0.9);
    color: white;
    display: none;
    height: 100%;
    left: 0;
    padding: 1em;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
}
.event-preview .event-meta h5 {
    margin: 0;
    font-weight: bold;
}
.event-preview:hover .event-meta {
    display: block;
}

/*=================

    Media Queries Events

=================*/

@media only screen and (max-width: 767px) {
    .container-event-recurring {
        width: auto;
    }

    .normalEvents {
        margin-left: -15px;
        margin-right: -15px;
    }

    .event-preview {
        float: none;
        height: auto;
        margin: -3px auto 0;
        max-width: 500px;
        width: 100%;
    }

    .event-recurring div.event-data {
        padding: 8%;
    }

    .event-normal div {
        height: auto;
        padding: 0;
    }

    .event-normal .event-data {
        float: left;
        padding: 8%;
        width: 50%;
    }
    .event-normal .thumb {
        float: right;
        max-width: 180px;
        width: 50%;
    }
    .event-normal .event-details {
        border-top: 2px solid;
        clear: both;
        padding: 8%;
    }
}

@media only screen and (max-width: 479px) {
    .event-recurring div.event-data {
        padding: 5% 5% 0;
    }
}

@media only screen and (min-width: 768px) {
    .indent-0 {
    	margin-left: 0px;
    }

    .indent-1 {
    	margin-left: 25px;
    }

    .indent-2 {
    	margin-left: 40px;
    }
}


.product-category {
  display: none;
}