/* Body background behind menu  */
body {
    background-color: var(--colour1) !important;
    color: var(--colour2) !important;
}

.fl-page a {
    color: var(--colour2) !important;
	font-weight: bold;
	text-decoration: underline;
}

body.has-blocks .fl-post-content ul {
	margin: 0 auto !important;
}

/* Header */

.fl-theme-builder-header-scrolled  #featured-image-header, #events-and-post-header, #non-featured-image-header {
    background: var(--colour2);
}

#non-featured-image-header a, .fl-theme-builder-header-scrolled  #featured-image-header a {
    color: var(--colour1) !important;
	text-decoration: underline 4px solid var(--colour1);
} 

@media screen and (max-width:768px){
#featured-image-header .fl-menu .menu {
	background: #000c;
	padding: 1.5rem;
}	
}

/* Mobile menu hamburger */
#featured-image-header .fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu {
	color: var(--colour2);
}

/* Banner mobile */

@media screen and (max-width:768px) {
.fl-node-5fc56a8c212bf div.pp-info-banner-content {
    height: 100vh;
}
}

/*  Hide title on front page  */
.post-4731 .fl-post-header {
    display: none;
}

/*  Page  */

#fl-main-content {
/*    margin-top: 1rem; */
}

.fl-row-fixed-width {
    max-width: 1280px !important;
}

.fl-page-content {
    background-color: var(--colour1) !important;
}

.fl-post-header {
  /*  margin-bottom: 25px;  */
    outline: 4px solid var(--colour2);
    text-align: center;
    margin-bottom: 2rem !important;
}

.post-10  .fl-post-content, .post-28 .fl-post-content, .post-387 .fl-post-content, .post-77580  .fl-post-content {
    outline: 4px solid var(--colour2) !important;
    padding: 2rem;
    margin-top: 2rem;
}

p {
    color: var(--colour2);
}


.fl-module-content a {
    color: var(--colour2);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--colour2) !important;
    margin-top: 0.1rem !important;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

h3 {
    font-weight: bolder !important;
}

.fl-heading {
    text-align: center !important;
    outline: 4px solid var(--colour2);
    padding: 2rem !important; 
}

.fl-content-left {
        padding-right: 1.8rem !important;
        border-right:none !important;
}

@media screen and (max-width: 980px){
    .fl-content-left {
}
}

@media screen and (max-width: 980px){
    .fl-content-left {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
}
}

.fl-content, .fl-sidebar {
    margin: 2rem 0 40px 0 !important;
}

.fl-separator {
    display: none !important;
}

/* Page content pattern  */
.occii-page-content {
    outline: 4px solid var(--colour2);
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media screen and (min-width: 600px) and (max-width:781px){
.wp-block-columns.occii-page-content {
    flex-direction: column;
}


.occii-page-content .wp-block-column{
    padding: 1rem 2rem 0 1rem;
}
}

.alignnone {
    margin: 0 !important;
}


@media screen and (max-width:599px){
    .wp-block-columns.occii-page-content {
    padding: 1rem;
}
}

/*  DIY Columns  */
@media screen and (max-width: 782px){
    .occii-diy-empty-column {
        display: none;
        }
    .occii-diy-subculture {
        flex-basis: 100% !important;
        }
    .wp-block-column:not(:only-child) {
    flex-basis: 100% !important;
    }
    .occii-volunteer{
        margin: 2rem;
    }
}

@media screen and (max-width: 599px){
    .occii-diy-subculture, .occii-volunteer {
        margin: 1rem;
    }
}

@media screen and (min-width: 783px) {
    .occii-diy-volunteer-organize {
        padding: 0 2rem;
    }
}

/*  Donate form  */
.occii-page-content input[type="text"], .occii-page-content input[type="email"], .occii-page-content select{
    background: var(--colour1);
    color: var(--colour2);
    border: 1px solid var(--colour2);
}

/*  Form inputs  */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="number"], input[type="search"], input[type="url"], textarea {
    color: var(--colour2) !important;
    background-color: var(--colour1) !important;
    border: 1px solid var(--colour2) !important;
}



/*  Sidebar  */
.fl-sidebar-right {
    padding-left: 0 !important;
}

@media screen and (max-width: 980px){
.fl-sidebar-right {
    margin: 0 auto;
}
}

/*  Widgets  */
.fl-widget {
    background: url("https://occii.org/wp-content/uploads/2021/01/background2.png");
    margin-bottom: 2rem !important;
    padding: 1rem;
    outline: .4rem solid var(--colour2);
}

.fl-widget h2 {
    margin-top: 0 !important;
}

.occii-widget {
    text-align: center;
    color: var(--colour2) !important;
}

#mailchimpsf_widget-3 {
    text-align: center;
}

#mc_signup_form {
    color: var(--colour2);
}

.mc_merge_var input[type="text"]{
    background: var(--colour1);
    border: 2px solid var(--colour2);
    border-radius: 0;
    color: var(--colour2);
}

#mc_signup_submit {
    width: 100%;
    background: var(--colour2);
    color: var(--colour1);
}

.widget_search {
    padding: 0;
}

.widget_search input[type="search"] {
    background: var(--colour1) !important;
    color: var(--colour2) !important;
    border-top: 4px solid var(--colour2)!important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    border-radius: 0 !important;
}

#search-4 .fl-widget-title {
    text-align: center !important;
	font-size: 3rem !important;
}

@media screen and (max-width:992px){
.fl-sidebar, .fl-module-sidebar .fl-module-content {
    display: grid !important;
    flex-direction: row;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 2rem !important;
    padding: 1rem !important;
}

.fl-widget {
    margin-bottom: 0 !important;
}

.fl-page-footer-widgets-row.row::before, .fl-module-sidebar .fl-module-content::before {
    display: none;
}
.fl-page-footer-widgets-row.row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
}

.fl-page-footer-widgets .col-sm-3 {
    width: 100% !important;
}
}

@media screen and (max-width:669px){
    .fl-page-footer-widgets-row.row {
        grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (max-width:449px){
    .fl-page-footer-widgets-row.row {
        grid-template-columns: 1fr;
}
}

/* Products  */

.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
	color: var(--colour2) !important;
}

.woocommerce-page ul.products li.product a.button {
	color: var(--colour1) !important;
	background: var(--colour2) !important;
}

.woocommerce-page ul.products li.product a.button:hover {
	color: var(--colour2) !important;
	background: var(--colour1) !important;
	border: 1px solid var(--colour2) !important;
}

.woocommerce .woocommerce-ordering select {
    background: var(--colour2);
    color: var(--colour1);
    border: none;
    padding: 0.5rem;
}

.woocommerce .product_meta, .woocommerce-page .product_meta {
    border-top: 1px solid var(--colour2) !important;
}

.woocommerce ul.products {
    padding-top: 0 !important;
}

.woocommerce ul.products li.product {
    margin-bottom: 2rem !important;
}

#fl-main-content .type-product {
    outline: 4px solid var(--colour2);
    padding: 1rem !important;
    width: unset !important;
    margin-right:none !important;
/*	margin-bottom: 2rem !important; */
}

body.has-blocks .fl-post-content ul {
    max-width: 100% !important;
}

.woocommerce-Price-amount.amount {
    color: var(--colour2);
}

.woocommerce ul.products li.product {
    margin-right: 0 !important;
}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .button.product_type_variable.add_to_cart_button {
    background: var(--colour2);
    color: var(--colour1) !important;
}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover, .button.product_type_variable.add_to_cart_button:hover {
    background: var(--colour1);
    color: var(--colour2) !important;
    border: 1px solid var(--colour2);
}

.woocommerce ul.products li.product .button {
    background: var(--colour2);
}

.woocommerce ul.products li.product a {
    color: var(--colour1) !important;
}

.woocommerce div.product form.cart .variations select {
    background: var(--colour2) !important;
    border: none !important;
    padding: 0.5rem !important;
    color: var(--colour1) !important;
}

.woocommerce div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label {
    color: var(--colour2) !important;
}

.woocommerce-page button.button, .woocommerce-page button.button.alt{
	color: var(--colour1) !important;  
	background-color: var(--colour2) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    background: var(--colour1) !important; 

}

.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs {
	color: var(--colour2) !important;
}

.products.columns-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 2rem;
}

@media screen and (max-width: 767px){
.products.columns-4 {
    grid-template-columns: 1fr 1fr;
}

#fl-main-content .type-product {
    width: 100% !important;
}

.woocommerce ul.products li.product, 
.woocommerce[class*="columns-"].ul.products li.product {
max-width: 100% !important;
}
}

@media screen and (max-width: 480px){
.products.columns-4 {
    grid-template-columns: 1fr;
}
}

.woocommerce ul.products::before {
    display: none !important;
}

/* Posts */

/* frontpage posts  */

.fl-builder-content-76767.fl-builder-module-template {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 1185px !important;
}

.fl-node-5fc53150199fd > .fl-module-content {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: -2rem !important;
}

.fl-builder-module-template {
    padding: 0.7rem !important;
}

.uabb-post-thumbnail.uabb-blog-post-section {
    height: 240px;
}

.wp-post-image.lazyloaded {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media screen and (max-width: 920px){
	.uabb-blog-posts-col-4{
    padding-right: 2px;
    padding-left: 2px;
	width: 49% !important;
}
}


@media screen and (max-width: 480px){
	.uabb-blog-posts-col-4{
	width: 100% !important;
}
}

/* post archive page pagination */
.uabb-blogs-pagination li a.page-numbers {
    background: var(--colour1) !important;
}

.uabb-blogs-pagination li a.page-numbers:hover {
    background: #eee2 !important;
}

.uabb-blogs-pagination li {
    border: 1px solid var(--colour2) !important;
}

.uabb-blogs-pagination li span.page-numbers.current {
    color: var(--colour2) !important;
    background: #eee2 !important;
}

.fl-node-600dd16407528 .uabb-blogs-pagination li span.page-numbers {
    color: var(--colour2) !important;
    background: var(--colour1) !important;
}

/*  Single post page  */

.row.fl-post-image-beside-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    max-width: 100% !important;
}

@media screen and (max-width: 767px){
.row.fl-post-image-beside-wrap {
    grid-template-columns: 1fr;
}

.fl-post .fl-post-image-beside {
    padding: 0 !important;
}

.fl-post .fl-post-thumb {
    margin: 1rem 0 !important;
}
}

.fl-post .fl-post-image-beside, .fl-post .fl-post-content-beside {
    margin-right: 0 !important;
}

.fl-post-image-beside .wp-post-image, .post-template-default .fl-post .fl-post-content-beside,  .occii-artist-list {
    outline: 4px solid var(--colour2) !important;
    padding: 1rem !important;
    width: 100% !important;
}

.row.fl-post-image-beside-wrap::before {
    display: none;
}

.row.fl-post-image-beside-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.fl-post .fl-post-image-beside {
    max-height: max-content !important;
}

.fl-post .fl-post-content-beside {
    margin-right: 0 !important;
    outline: 4px solid var(--colour2);
    padding: 1rem;
}

/*  Footer  */

.fl-page-footer-widgets {
    background-color: var(--colour2) !important;
}

.fl-page-footer {
    background: var(--colour2) !important;
    border-top: 0 !important;
}

.fl-page-footer-widgets .fl-widget {
    outline: 0;
    background: none;
    margin-bottom: 2rem;
    padding: 1rem;
    color: var(--colour1) !important;
}

.fl-page-footer-widgets, .fl-page-footer-widgets * {
        color: var(--colour1) !important;
}

.fl-page-footer-widgets a {
     color: var(--colour1) !important;
}

.fl-page-footer * {
    color: var(--colour1) !important;
}

.footer-logos {
    margin: 4px;
    height: 46px;
}

#support-container {
    display: flex;
}

#support1 img {
    width: 150px;
}

#support2 img {
    width: 115px;
}

/*  Events  */

#em-wrapper h2 {
    outline: 4px solid var(--colour2);
    text-align: center;
    margin-bottom: 2rem;
    clear: both;
}

.occii-events-display-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:2rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 767px){
.occii-events-display-container {
    grid-template-columns: 1fr 1fr;
}
}

@media screen and (max-width: 480px){
.occii-events-display-container {
    grid-template-columns: 1fr;
}
}

.occii-event-display {
    outline: 4px solid var(--colour2);
    padding: 1rem;
}

.occii-event-display a {
    color: var(--colour2);
}

.occii-event-display-image {
    height: 240px;
}

.occii-event-display-image img {
    max-width: 100%;
    height: 24rem;
    object-fit: cover;
}

.occii-event-times {
    margin-top: 1rem;
	margin-bottom: 0;
}

.fl-post-content.clearfix h1 {
    text-align: center;
    outline: 4px solid var(--colour2);
    margin-bottom: 2rem;
    padding: 0 0 1rem 0;
}

.occii-button, .occii-button-event-page {
    width: 100%;
    background: var(--colour2);
    color: var(--colour1);
    border-radius: 0;
}

.occii-button:hover, .occii-button-event-page:hover {
    background: var(--colour1);
    color: var(--colour2);
    border: 1px solid var(--colour2);
}

.occii-button-event-page{
    display: block;
    margin: 1rem 0;
    max-width: 43rem;
}

@media screen and (max-width: 767px){
    .occii-button-event-page{
        max-width: 25rem;
}
}

/* Events woocommerce */
#em-booking-submit {
  background: var(--colour2) !important;
  color: var(--colour1) !important;
}

.woocommerce table.shop_table, .woocommerce-page table.shop_table {
  background: var(--colour1) !important;
  }

.checkout-button.button.alt.wc-forward {
  background: var(--colour2) !important;
}

.checkout-button.button.alt.wc-forward {
  color: var(--colour1) !important;
}

.woocommerce #payment, .woocommerce-page #payment {
  background: var(--colour1) !important;
}

.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
  background: var(--colour2) !important;
  }
  
.payment_box.payment_method_paypal p {
  color: var(--colour1) !important;
}

.payment_box.payment_method_mollie_wc_gateway_ideal p {
  color: var(--colour1) !important;
}

.woocommerce #order_review, .woocommerce-page #order_review {
  background: var(--colour2) !important;
  padding: 1px !important;
}

.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
  background: var(--colour2) !important;
}

.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
  border-color: var(--colour2) !important;
}

/*  Events tags page  */

#fl-post-174 .fl-post-content {
    margin: 2rem 0 !important;
    outline: 4px solid var(--colour2) !important;
    padding: 2rem 2rem !important;
}

@media screen and (max-width: 767px){
	#fl-post-174 .fl-post-content {
    padding: 2rem 1rem !important;
}
}

/*  Single event  */

.occii-event-details, .occii-event-details a {
    color: var(--colour2);
}

@media screen and (max-width:767px){
.fl-post.event .fl-post-content-beside {
    padding: 0 !important;
}

.occii-event-details {
    padding: 1rem;
}
}

.fl-page input[type="submit"] {
    color: var(--colour1) !important;
    background-color: var(--colour2) !important;
}

.em-booking-form-details textarea {
    background-color: var(--colour1);
    color: var(--colour2);
    border: 1px solid var(--colour2) !important;
}

.em-ticket-select {
    background: var(--colour1) !important;
    }

@media screen and (max-width: 410px){
.em-booking-form-details {
    width: 100%;
}

.em-booking-form-details textarea {
    width: 100%;
}
}

.event .fl-post-cats-tags {
	display: none;
}

#occii-artist-profiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(222px, 1fr));
    grid-column-gap: 2rem;
}

.occii-artist-info i {
    color: var(--colour2);
}

.occii-artist-list {
	max-width: 581px;
	margin-bottom: 2rem;
}

.fl-post-meta-bottom {
    border-top: 4px solid var(--colour2) !important;
    padding-top: 2rem !important;
    font-style: normal !important;
}

ul.event-categories {
    padding: 0 !important;
	margin: 0 !important;
}

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


/*  Occii announcement blocks */

.occii-announcement {
    outline: .4rem solid var(--colour2);
    padding: 1rem 1rem;
    margin-bottom: 2rem;
}

.occii-announcement h2 {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .occii-announcement {
    max-width: 100%;
    }
}

/*  Patterned blocks  */
.patterned-block {
    text-align: center;
    outline: 4px solid var(--colour2);
    padding: 1.5rem;
    background: url("https://occii.org/wp-content/uploads/2021/01/background2.png");
    color: var(--colour2);
/*    margin: 2rem 0; */
}

.patterned-block a {
    color: var(--colour2);
    text-decoration: underline;
}

.wp-block-kadence-rowlayout.alignnone.occii-page-content{
margin: unset !important;
}

/*  Unpatterned blocks  */
.unpatterned-block {
    text-align: center;
    outline: 4px solid var(--colour2);
    padding: 1.5rem;
    color: var(--colour2);
    margin: 2rem 0;
}

.unpatterned-block a {
    color: var(--colour2);
    text-decoration: underline;
}

.unpatterned-block h1, .patterned-block h1, .unpatterned-block h2, .patterned-block h2 , .unpatterned-block h3, .patterned-block h3, .unpatterned-block h4, .patterned-block h4, .unpatterned-block h5, .patterned-block h5   {
    padding: 0 !important;
    outline: 0 !important;
    margin-bottom: 0 !important;
}

/* jQuery tabs */
#faq-tabs {
    outline: .4rem solid var(--colour2);
    margin-bottom: 2rem;
}

#faq-tabs .ui-tabs-nav {
    max-width: 97%;
}

#faq-tabs .ui-widget-header {
    border: none;
    background: var(--colour1);
}

#faq-tabs .ui-widget-header .ui-state-default {
    background: var(--colour1);
}

#faq-tabs .ui-widget-header .ui-state-active {
    background: var(--colour1);
}

#faq-tabs .ui-widget-content {
    background:  var(--colour1);
}

.ui-widget.ui-widget-content {
    border: none !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
}

.ui-corner-all {
    border: none !important;
}

.ui-state-active a, .ui-state-active a:link {
    color: var(--colour2) !important;
}

.ui-state-default a {
        color: #777 !important;
}