/*
Theme Name: RIC Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. Contains all customizations for the RIC Amsterdam site.
Version: 0.1.1
Author: Roel van der Steen
Author URI: http://www.ricamsterdam.nl/
Template: enfold
*/


/*Add your own styles here:*/

/* Grid */

div .av_one_fifth {
  margin-left: 3%;
  width: 17.6%;
}
div .av_one_fourth {
  margin-left: 3%;
  width: 22.75%;
}
div .av_one_third {
  margin-left: 3%;
  width: 31.333333333333332%;
}
div .av_two_fifth {
  margin-left: 3%;
  width: 38.2%;
}
div .av_one_half {
  margin-left: 3%;
  width: 48.5%;
}
div .av_three_fifth {
  margin-left: 3%;
  width: 58.8%;
}
div .av_two_third {
  margin-left: 3%;
  width: 64.66666666666666%;
}
div .av_three_fourth {
  margin-left: 3%;
  width: 74.25%;
}
div .av_four_fifth {
  margin-left: 3%;
  width: 79.4%;
}
div .av_one_sixth {
  margin-left: 3%;
  width: 14.166666666666666%;
}
div .av_one_seventh {
  margin-left: 3%;
  width: 11.7142857%;
}
div .av_one_eighth {
  margin-left: 3%;
  width: 9.875%;
}
div .av_one_nineth {
  margin-left: 3%;
  width: 8.444444444444444%;
}
div .av_one_tenth {
  margin-left: 3%;
  width: 7.3%;
}


/* General Custom CSS */

#header_main .container,
.main_menu ul:first-child > li a {
    height: 110px;
    line-height: 110px;
}
.logo img, .logo a img { max-width: none; }

#header .av-main-nav > li > a { line-height: 68px !important; }

#glossary-search-term { margin-right: 6px; }

.mobile-only { display: none; }

.content, .sidebar { padding-top: 30px; }
body .column-top-margin { margin-top: 30px; }
.widget_ric_weer { padding-bottom: 0; }

/* Align post content on the left (Enfold default is justify). */
#top .fullsize .template-blog .post .entry-content-wrapper { text-align: left; }

/* Let post meta float centered instead of left-aligned */
.html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta { float: inherit; }

/* Hide share options under posts */
#top.single-post .entry-footer div.av-share-box { display: none !important; }

#socket { display: none !important; }

/* Do not transform post titles to uppercase text */
.html_elegant-blog #top .post-entry .post-title { text-transform: none !important; }

/* Use full height for Lightbox, otherwise no images will be shown at all on mobile devices */
.galleria-theme-nextgen_pro_lightbox .galleria-stage { height:100% !important; }

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .logo img, .logo a img { display: none !important; }
  .logo a { background: url(mobile.png) no-repeat left top; }
  #header_main .container {
    max-width: 95% !important;
    width: 95% !important;
  }
  .mobile-only { display: inline !important; }
}

.widget_ric_weer .wp_widget_box {
  background: #fff;
  border: 1px solid #ccc;
  padding: 6px 18px 18px 22px;
}

.frm_style_formidable-style.with_frm_style { line-height: 160%; }

.sortable th {
   cursor: pointer;
}

/* Ledenlijst search - prevent zoom on focus on mobile devices */
@media (max-width: 600px) {
  #ledenlijst #searchTerm {
    font-size: 16px;
    line-height: 1.3;
    transform: scale(0.875); /* visual shrink */
    transform-origin: left center;
    width: 114.2857%; /* 100 / 0.875 to compensate for scale */
  }
}

/* Evenementenkalender */

.tribe-events-calendar-month .tribe-events-calendar-month__calendar-event.cat_ric {
    border: 1px solid rgba(240, 120, 20, 0.8);
    background-color: rgba(240, 120, 20, 0.4);
    border-radius: 3px;
    padding: 3px 5px;
    margin: 2px 6%;
}
.tribe-events-calendar-month .tribe-events-calendar-month__calendar-event.cat_societeit {
    border: 1px solid rgba(205, 205, 205, 0.8);
    background-color: rgba(205, 205, 205, 0.4);
    border-radius: 3px;
    padding: 3px 5px;
    margin: 2px 6%;
}
.tribe-events-calendar-month .tribe-events-calendar-month__calendar-event.cat_wedstrijd {
    border: 1px solid rgba(128, 191, 255, 0.8);
    background-color: rgba(128, 191, 255, 0.4);
    border-radius: 3px;
    padding: 3px 5px;
    margin: 2px 6%;
}
.tribe-events-calendar-month .tribe-events-calendar-month__calendar-event.cat_jeugd {
    border: 1px solid rgba(0, 180, 60, 0.8);
    background-color: rgba(0, 180, 60, 0.4);
    border-radius: 3px;
    padding: 3px 5px;
    margin: 2px 6%;
}
.tribe-events-calendar-month .tribe-events-calendar-month__calendar-event.cat_marathon {
    border: 1px solid rgba(204, 153, 255, 0.8);
    background-color: rgba(204, 153, 255, 0.4);
    border-radius: 3px;
    padding: 3px 5px;
    margin: 2px 6%;
}
.tribe-events-calendar-month .tribe-events-calendar-month__calendar-event.cat_toertocht {
    border: 1px solid rgba(153, 102, 51, 0.8);
    background-color: rgba(153, 102, 51, 0.4);
    border-radius: 3px;
    padding: 3px 5px;
    margin: 2px 6%;
}
.tribe-events-calendar-month .tribe-events-calendar-month__calendar-event.cat_overig {
    border: 1px solid rgba(255, 240, 51, 0.8);
    background-color: rgba(255, 240, 51, 0.4);
    border-radius: 3px;
    padding: 3px 5px;
    margin: 2px 6%;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { padding-top: 0; }
.tribe-events-before-html { margin-bottom: 1.5em !important; }
:root { --tec-font-family-sans-serif: 'open sans', Helvetica, Arial, sans-serif; }
.tribe-common * { font-family: 'open sans', Helvetica, Arial, sans-serif !important; }

th, td { font-size: 14px; }

.tablepress thead th {
    background-color: #ff8000 !important;
    color: #ffffff !important;
    letter-spacing: normal;
    text-transform: none;
    vertical-align: top;
}
.tablepress thead th, .tablepress tbody td {
    font-size: 98%;
    font-weight: 400 !important;
    border: 1px solid #e1e1e1; /* TODO */
}
.tablepress.fixedHeader-floating, .tablepress.fixedHeader-locked { z-index: 999; }

.responsive .single-glossary .container {
    max-width: 1010px;
}

#ts_content #suche>form>select {
    margin: 0 8px 20px;
    width: 28%;
}

#ts_content #suche>form>input {
    margin: 0 8px 20px;
}

#ts_content #suche>form>button {
    margin: 0 8px;
}

#ts_content #logout {
    display: none !important;
}

#ts_content .done_text * {
    text-transform: none !important;
}

#ts_content .ts_title {
    font-weight: 700;
}

#ts_content * {
    font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

#ts_content .ticket * {
    font-size: 14px;
}

#ts_content .ticket td {
    padding: 8px;
}

#ts_content .ticket tr>td:only-child {
    padding: 0px 8px;
}

#ts_content .select_2 {
    padding: 8px 6px !important;
}

.slide-entry {
    border: 1px solid #e1e1e1 !important;
    background-color: #fff !important;
    padding: 12px !important;
}

.slide-image {
    display: none !important;
}

.slide-entry-title {
    font-size: 125% !important;
}

ul ul li { margin-bottom: 0; }

.frm_inline_box {
    border-radius: 0 !important;
    margin-bottom: 20px;
}

/* Meal menu table */
.mealmenu-table {
    margin: 0;
    table-layout: fixed;
    width: 100%;
}

.mealmenu-table td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.mealmenu-mobile {
    display: none;
}

@media (max-width: 768px) {
    .mealmenu-desktop {
        display: none;
    }
    
    .mealmenu-mobile {
        display: table-row-group;
    }
    
    .mealmenu-mobile .mealmenu-label {
        padding-bottom: 2px;
    }
    
    .mealmenu-mobile .mealmenu-value {
        padding-top: 0;
    }
}

/* Meal attendees table */
.meal-attendees {
    table-layout: fixed;
    width: 100%;
}

.meal-attendees th, .meal-attendees td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.meal-attendees .meal-remark-label-mobile {
    display: none;
}

@media (max-width: 768px) {
    .meal-attendees .meal-remark-label-desktop {
        display: none;
    }
    
    .meal-attendees .meal-remark-label-mobile {
        display: inline;
    }
}