/*
 Theme Name:     Twenty Sixteen Child Theme
 Theme URI:      http://hyperlinkcode.com/blog/?p=1021
 Description:    A bare-bones child theme for use with Twenty Sixteen Theme. Pick matching colors quickly at <a href="http://www.html-color-names.com/">html-color-names.com</a>.
 Author:         Edward Zivkovic
 Author URI:     http://hyperlinkcode.com/blog/
 Template:       twentysixteen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

.custom-logo-link {
    margin-top: 15px;
}

.custom-logo {
    max-width: 100%;
}

.main-navigation a {
    color: #ba8760;
    font-family: oswald,sans-serif !important;
    font-size: 1em;
    font-weight:bold;
    text-transform: uppercase !important;
    padding-left:10px;
}

.main-navigation ul {
    background: #222 none repeat scroll 0 0;
    }

.main-navigation ul ul, .main-navigation ul ul li {
    border-color: rgba(242, 242, 242, 0.1);
}

.menu-toggle {
    font-family: oswald,sans-serif;
    }

li.menu-item-4748 a, li.menu-item-184 a, li.menu-item-4740 a, li.menu-item-4598 a, li.menu-item-333 a {
    color:#dccec3 !important;
}

ul.sub-menu a {
    color:#fff !important;
}

.site-branding, .site-header-menu, .header-image {
    margin-bottom: 0;
    margin-top: 0.6em;
}  

.site-content {
    margin-top: 20px;
    }

#main-slider {
	margin:25px 0px;
}

.page-title, .entry-title {
    font-family: oswald, Montserrat,"Helvetica Neue",sans-serif;
    font-size: 1.8rem;
    color: #dccec3;
    text-transform: uppercase !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: oswald, Montserrat,"Helvetica Neue",sans-serif;
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
    color: #dccec3;
}

body {
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
}

.entry-content h3, .entry-summary h3, .comment-content h3 {
    font-family: oswald,sans-serif;
    font-size: 1.4375rem;
    font-weight: bold;
    }

.site {
    background: rgba(0, 0, 0, 0) url("https://occii.org/wp-content/uploads/2017/08/Bouwontwerp-x-9B.jpg") no-repeat fixed 0 0 / cover !important;
}

#page {
 background: rgba(0, 0, 0, 0) url("https://occii.org/wp-content/uploads/2017/08/Bouwontwerp-x-9B.jpg") no-repeat fixed 0 0 / cover !important; 
}

.header-image {
    background: #383736 none repeat scroll 0 0;
    border: 2px solid #333;
    padding: 0.6em;
}

.entry-content a {
    box-shadow: none;
    font-family: sans-serif;
}

ul {
    list-style: outside none none;
    margin: 0 0 0 0;
}

/* ---  POSTS PAGES ---*/
.wp-cpl-sc-wrap .wp-cpl-sc-post {
    background: #383736 none repeat scroll 0 0;
    }

.entry-content .wp-cpl-sc-post a {
    font-family: oswald,sans-serif !important;
}

.post-navigation .post-title {
    font-family: Oswald,sans-serif;
}

.site-main > article {
    margin-bottom: 2em;
}

/*  Gallery  */
.gallery-caption .lightbox-info {
    display: none;
}

/* --- GROUPS PAGE --- */
.groups-outer {
  background: #383736 none repeat scroll 0 0;
  float:left;
  margin:10px;
  height:240px;
  border:1px solid #444;
  padding:10px;
}

/* --- ARTICLES --- */

article {
background:#222;
  padding:15px;
}

.wp-cpl-sc-post a {
    color: #fff;
}

.post-2126 .ui-widget-content {
    color: #222;
    font-family: "Special Elite",cursive;
    border: 1px solid #222;
}

.ui-tabs .ui-tabs-nav {
    background: #222 none repeat scroll 0 0;
    padding: 0;
    border: 0 none;
    }
    
.ui-tabs {
    padding: 0;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #333 none repeat scroll 0 0;
    }
    
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #fff none repeat scroll 0 0;
    }

.ui-corner-all {
        border-radius:0px;
}

#faq-tabs .ui-tabs .ui-tabs-panel {
    background: #272727;
}

#faq-tabs .ui-widget-content {
	    font-family: Montserrat, sans-serif;
}

#faq-tabs .ui-state-active, #faq-tabs .ui-widget-content .ui-state-active, #faq-tabs .ui-widget-header .ui-state-active {
    color: #999;
    }

#faq-tabs .ui-state-default, #faq-tabs .ui-widget-content .ui-state-default, #faq-tabs .ui-widget-header .ui-state-default {
    border: 1px solid #222;
    }

#privacy-tabs .ui-widget-content {
    color: #fff;
    }
    
#privacy-tabs .ui-tabs .ui-tabs-panel {
    background: #222;
    font-family: Montserrat;
    }
    
#privacy-tabs .ui-widget-content table a {
	color: #ffffff;
}

/* --- WIDGETS --- */
.widget {
    background: #383736 none repeat scroll 0 0;
    border: 2px solid #333 !important;
    padding: 1em;
}

.widget .widget-title {
    font-family: oswald,"Helvetica Neue",sans-serif;
    }

.wp-cpl a {
    font-family: oswald,sans-serif;
    font-size: 1.4em;
    line-height: 1em;
    color: #dccec3;
    }
    
.widget .wp-cpl a {
    color:#ffffff;
}

.wp-cpl-widget li {
    border-bottom: 1px solid #777;
    margin: 2px 0 10px !important;
    padding: 10px 5px !important;
    }

.widget_em_widget a {
     font-size: 0.8em;
     color:#ffffff;
}

.widget_em_widget h4 {
    line-height: 1.1;
    }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    background: #222;
}

input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus {
    background-color: #222;
    color:#fff;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus, .pagination::before, .pagination::after, .pagination .prev, .pagination .next, .page-links a {
    background-color: #222 !important;
    color: #fff !important;
}

#custom-groups-widget a {
    font-family:oswald, sans-serif;
    font-size: 1.3em;
}

#custom-groups-widget a:link {
    text-decoration:none !important;
    }

input.search-field[type="search"] {
    background: #222 none repeat scroll 0 0;
    color: #fff;
    }

.widget button.search-submit {
    background: #222 none repeat scroll 0 0;
    color: #fff;
}

/* --- EVENTS ---*/

.custom-events-list {
    background: #383736 none repeat scroll 0 0;
    border: 2px solid #333;
    clear: both;
    float: left;
    height: auto;
    margin-bottom: 20px;
    padding: 2%;
    width: 100%;
}

.custom-events-list a {
    font-family: oswald, sans-serif;
    font-size: 1.4em;
    line-height: 1em;
    color:#dccec3;
}

.custom-events-list-image {
float:left;
width:50%;
}

.custom-events-list-image img {
    width: 95%;
}

.event-date-highlight {
	background: #dccec3;
	color: #000000;
	font-weight:bold;
	padding: 2px 5px 2px 2px;
}

.custom-event {
margin-left:10px;
}

.custom-event a {
text-decoration:none;
}

.custom-event a button {
    background-color: #dccec3 !important;
    font-family: oswald,sans-serif;
    margin-top: 7px;
    color: #111111 !important;
}

ul.event-categories li {
display: inline;
list-style-type: none;
}

ul.event-categories li a {
    font-family: montserrat,sans-serif;
    font-size: 1em;
    margin-right: 8px;
}

ul.event-categories {
        margin-bottom:10px;
}

.custom-event img {
    border: 1px solid #dccec3;
        display: inline !important;
    }
    
.em-booking-form-details .em-booking-submit {
    background-color: #dccec3 !important;
    color: #111111 !important;
    font-family: oswald;
}

.em-booking-form-details {
    width: 100%;
}
    
.em-bookings-ticket-table-type {
    width: 80%;
}

/* --- EVENTS TOPPERS ---*/

.entry-content h3 {
	margin-bottom:0;
}

#toppers {
margin:3px;
background:#383736;
border:2px solid #333;
float:left;
width:100%;
}

#topper-inner {
	clear: both;
}

.topper {
    width:33%;
    float:left;
    padding: 7px;
    line-height: 1.4;
}

.topper a {
    color:#dccec3;
    font-family: oswald,sans-serif;
}

.topper img {
width:264px;
}

#topper-headline {
	float: left;
    	margin: 10px 0 0 10px;
}

.full-program-link {
	float:right;
	margin: 10px 10px 0 0;
}

.full-program-link button {
    background: #dccec3 none repeat scroll 0 0 !important;
    border: medium none;
    border-radius: 0;
    color: #111111 !important;
    font-family: oswald,sans-serif;
}

.full-program-link button:hover {
background-color: #555 !important;
}

/*  ---- EVENTS SHORT---- */

#events-short {
        margin-top:40px;
        float: left;
    	width: 100%;
}

.short-event {
    background: #383736 none repeat scroll 0 0;
    float: left;
    margin: 2px 0;
    padding: 7px;
    width: 100%;
}

.short-image {
	float: left;
	margin-right:15px;
}

.short-image img {
        width:100%;
}

.short-info {
	margin: 10px 0;

}

.short-info a {
     font-family: oswald, sans-serif;
     line-height: 1em;
     color:#dccec3;
     font-size: 1.4em;
}

.short-info img {
    border: 1px solid #dccec3;
    }

.short-info a img {
        display:inline;
}

.short-info a button {
    background-color: #dccec3 !important;
    font-family: oswald,sans-serif;
    margin-top: 7px;
    color: #111111 !important;
}

/* --- Announcements --- */

#announcements {
    background: #333 none repeat scroll 0 0;
    float: left;
    margin-top: 30px;
    padding: 9px;
        }

.announce {
    background: #ddd none repeat scroll 0 0;
    color: #444;
    float: left;
    line-height: 1.6em;
    margin: 3px 7px 3px 3px;
    padding: 11px;
    width: 31%;
}

.announce h3 {
color: #5f564e;
margin-bottom: 10px;
}

.page-title {
    margin: 0 0 2em;
}

.site-header {
    padding: 0 4.5455%;
}

.header-image {
    margin-bottom: 2em;
    margin-top: 1em;
}

/* Merch  */
.merch h2, .woocommerce-loop-product__title {
	font-size: 1.2rem !important;
	line-height: 1.4;
}

/* Mollie form  */

input.mollieform {
    background-color: #dccec3 !important;
    border: 1px solid #777;
    color: #000 !important;
    margin-bottom: 20px;
}
.entry-content a {
    color: #ffffff;
}

.ui-widget select {
    color: #ffffff;
	background: #333333;
	border: 1px solid #444444;
    border-radius: 10px;
    }

/* Lightbox  */
.fbx-light {
        background-color: rgba(0,0,0,.8);
}

.fbx-light .fbx-inner {
        border-color: #111111;
        background-color: #111111;
}

.fbx-light .fbx-prev, .fbx-light .fbx-next {
        background-color: #111111;
}

.fbx-light .fbx-close {
        background-color: #111111;
        color: #dddddd !important;
}

.fbx-rounded.fbx-light .fbx-close {
        border-color: #444444;
}

/* -- Sign up form -- */
span.wpcf7-list-item {
    display: list-item;
	list-style:none;
}

input.wpcf7-submit, .wpcf7-submit {
	background: #dccec3 !important;
	color: #111111 !important;
}

.wpcf7-submit a:hover, .wpcf7-submit a:visited, .wpcf7-submit a:link, .wpcf7-submit a:active{
	background: #dccec3 !important;
	color: #111111 !important;
	box-shadow:none !important;
}

/* -- FOOTER  --- */
.site-footer .site-title::after {
    content: "";
    }

/*  Woocommerce  */
.woocommerce-checkout #payment {
    color: black;
}


/* Responsive   */

@media screen and (max-width:540px) {

.topper {
    width: 100%;
}

.topper img {
    width: 100%;
}


.short-image {
    width: 100%;
    margin-bottom:15px;
}

.short-image img {
    width: 100%;
}

}

@media screen and (min-width:541px) {
.short-image {
    width: 30%;
}

.short-info {
    margin: 0px 0 10px 33%;
}

}

@media screen and (max-width:709px) {
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
    margin-left: 0;
    margin-right: 0;
}
}


@media screen and (max-width:766px) {
.announce {
    width: 100%;
}

.custom-events-list-image {
    width: 100%;
}

.custom-events-list-image img {
    width: 100%;
    margin-bottom: 15px;
}

.site-branding {
    max-width: 80%;
    }

}



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

.twentysixteen .site-main {
    margin-right: 7.6923%;
}

.entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
    margin-right: 7.6923%;
}

@media screen and (min-width:767px) {
.custom-event {
    margin-left: 50%;
}

}

@media screen and (min-width:710px) and (max-width:909px) {

.sidebar, .widecolumn {
    padding-right: 7%;
}

.short-info {
    margin: 0 0 10px 32%;
}

.site-branding {
    max-width: 70%;
    }

}

@media screen and (max-width:909px) {
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
    margin-left: 0;
    margin-right: 0;
    }
}

@media screen and (min-width:910px){
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-left: 7.6923%;
    margin-right: 7.6923%;
}

.no-sidebar .twentysixteen .site-main {
    margin-left: 7.6923%;
    margin-right: 7.6923%;
}

.entry-content {
    margin-right: 0;
}

.short-info {
    margin: 0px 0 10px 32%;
}

.main-navigation a {
    padding-left: 5px;
    padding-right: 5px;

}

@media screen and (min-width:910px) and (max-width:984px) {
.site-branding {
    max-width: 48%;
    }
}

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

.entry-content {
    width: 100% !important;
}

.site-branding {
    max-width: 50%;
    }

}

@media screen and (min-width:985px) {
.main-navigation a {
    padding-left: 10px;
    padding-right: 10px;

}
}

@media screen and (min-width:1308px) {
.announce {
    width: 32%;
}
}