/* 
Theme Name: Pro-Child
Theme URI: http://brcp-benchmarkwebdesign.co.uk
Description: Twenty Seventeen Child 
Theme Author: Benchmark Software
Author URI: http://benchmarkwebdesign.co.uk
Template: pro 
Version: 1.0.0
Text Domain: pro-child
License: GNU General Public License or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/
/*
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
	wp_enqueue_style( 'child-style', get_stylesheet_uri().'/style.css' );
}
?>




*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');



* {
  margin: 0;
  padding: 0;
}

.x-navbar {
	height: 220px;
}

.swpm-edit-profile-form label {
	font-size: 12px;
	font-family: Verdana;
}

.acf-field-text {
	font-size: 20px;
	font-family: Verdana;
}
.acf-field-text {
  	display: flex; /* or inline-flex */
	column-gap: 40px;
  	font-size: 12px;
	font-family: Verdana;
}
.acf-field {
  	display: flex; /* or inline-flex */
	column-gap: 10px;
  	font-size: 12px;
	font-family: Verdana;
    padding: 3px;
    /*background-color: black !important;*/
}
.acf-input {
	width: 60%;	
}
.acf-label {
	width: 250px !important;	
}

#acff-post-field_64baabe9d7a41 label {
    width: 1% !important;
}

*/

/*
.accordion-trigger {
  width: 100%;
  display: flex;
  background-color: rgb(250, 250, 250);
  color: rgb(50, 50, 50);
  padding: 24px;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  text-align: left;
  border: none;
  gap: 16px;
  justify-content: space-between;
  cursor: pointer;
  border: 1px solid black;
}
.accordion-icon {
  transition: transform 0.5s;
}
.accordion-item[open] .accordion-icon {
  transform: rotate(45deg);
}
*/

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  
  .active, .accordion:hover {
    background-color: #ccc;
  }
  
  .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  .ui-accordion .ui-accordion-content {
    height: auto !important;
    overflow: visible !important;
  }

  #ffmwp-left-col {
    background-color: white !important;
  }
  #ffmwp-left-col-menu {
    background-color: white !important;
  }

/*the modal form for the Membership Application*/
.fea-modal-content{
    width:900px !important;
}

/*Titles on the Frontend Admin Form to go across screen*/
#acff-post-field_64cccdf2f8d8a{
    display:none;
}


/*DISCIPLINE APPLICATION SCREEN*/
/* This sets the width of the number columns */
/* THIS DOESNT WORK:
.input[type="number"]{ 
    width: 200px !important; 
}*/
#acff-post-field_64b002323b78d, #acff-post-field_64b0025c3b78e, #acff-post-field_64c7cf77f7d5b, #acff-post-field_64df78d046730, #acff-post-field_64df794346731, #acff-post-field_64df796746732,
#acff-post-field_64df7e83bf09b, #acff-post-field_64df7eeb838a4{
    width:80px;
}

/*Type DATE*/
#acff-post-field_64b001a10ac0c, #acff-post-field_64b001bf3b78b {
    width:160px;
}

.acf.input{
    width: 80% !important;
}



/*SEARCH ACCORDIAN STYLE SETTINGS
#search_accordion {
  width: 100%;
  /*margin: 90px auto;
  color: black;
  background-color: white;
  /*padding: 45px 45px;
}
#search_accordion .container {
  position: relative;
  margin: 10px 10px;
}
/* Positions the labels relative to the .container. Adds padding to the top and bottom and increases font size. Also makes its cursor a pointer 
#search_accordion .label {
  position: relative;
  padding: 10px 0;
  font-size: 20px;
  color: black;
  cursor: pointer;
}
/* Positions the plus sign 5px from the right. Centers it using the transform property. 
#search_accordion .label::before {
  content: '+';
  color: black;
  position: absolute;
  top: 50%;
  right: -5px;
  font-size: 30px;
  transform: translateY(-50%);
}
/* Hides the content (height: 0), decreases font size, justifies text and adds transition 
#search_accordion .content {
  position: relative;
  background: white;
  height: 0;
  font-size: 20px;
  text-align: justify;
  width: 780px;
  overflow: hidden;
  transition: 0.5s;
}
/* Adds a horizontal line between the contents 
#search_accordion hr {
  width: 100;
  margin-left: 0;
  border: 1px solid grey;
}

/* Unhides the content part when active. Sets the height 
#search_accordion .container.active .content {
  height: 150px;
}

/* Changes from plus sign to negative sign once active 
#search_accordion .container.active .label::before {
  content: '-';
  font-size: 30px;
}