/*
Theme Name: 	Housing Court Answers
Theme URI: 		http://partnerandpartners.com/
Description: 	Fighting for Justice
Version: 		2.0
Author: 		Partner & Partners
Author URI: 	http://partnerandpartners.com
Tags: 			Simple, Clean, Basic, Custom
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/**
 * Responsive Styles
 */
/**
 * Required Variables
 */
/**
 * Root Media Query Variables
 */
 :root {
    --global--spacing-horizontal: 1.25rem;
    --global--spacing-vertical: 1.25rem;
    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignfull-width: 100%;
    --responsive--alignright-margin: var(--global--spacing-horizontal);
    --responsive--alignleft-margin: var(--global--spacing-horizontal);
  }
  
  @media only screen and (min-width: 482px) {
    :root {
      --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
      --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
      --responsive--alignright-margin: var(--global--spacing-horizontal);
      --responsive--alignleft-margin: var(--global--spacing-horizontal);
    }
  }
  @media only screen and (min-width: 822px) {
    :root {
      --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 960px);
      --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1440px);
    }
  }
  
  @media only screen and (min-width: 1600px) {
    :root {
      --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 960px);
      --responsive--alignwide-width: calc(1440px - 2 * var(--global--spacing-horizontal));
    }
  }
  
  /**
   * Extends
   */
  .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
  *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: var(--responsive--aligndefault-width);
    margin-left: auto;
    margin-right: auto;
  }
  
  .widget-area, .pagination,
  .comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .is-style-alignwide, .wide-max-width {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto;
  }
  
  p.is-style-alignwide {
    max-width: var(--responsive--alignwide-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  .wp-block-image figcaption {
    font-family: var(--global--font-primary);
    font-size: 1rem;
    color: var(--color-lightgray);
    margin-top: .25rem;
    margin-bottom: .25rem;
  }
  
  .alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width {
    max-width: var(--responsive--alignfull-width);
    width: var(--responsive--alignfull-width);
    margin-left: auto;
    margin-right: auto;
  }
  
  @media only screen and (min-width: 482px) {
    .alignfull, .full-max-width {
      max-width: var(--responsive--alignfull-width);
      width: auto;
      margin-left: auto;
      margin-right: auto;
    }
  }
  .entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide {
    margin-left: auto;
    margin-right: auto;
    width: var(--responsive--alignwide-width);
    max-width: var(--responsive--alignfull-width);
  }
  
  @media only screen and (min-width: 482px) {
    .entry-content > .alignleft {
      /*rtl:ignore*/
      margin-left: var(--responsive--alignleft-margin);
      /*rtl:ignore*/
      margin-right: var(--global--spacing-horizontal);
    }
  }
  @media only screen and (min-width: 482px) {
    .entry-content > .alignright {
      /*rtl:ignore*/
      margin-left: var(--global--spacing-horizontal);
      /*rtl:ignore*/
      margin-right: var(--responsive--alignright-margin);
    }
  }
  /**
   * Site Structure
   *
   * - Set vertical margins and responsive widths on
   *   top-level wrappers and content wrappers
   * - `--global--width-content` is a responsive variable
   * - See: globals/_global-width-responsive.scss
   */
  /**
   * Top Level Wrappers (header, main, footer)
   * - Set vertical padding and horizontal margins
   */
  .site-header,
  .site-main,
  .widget-area,
  .site-footer {
    margin-left: auto;
    margin-right: auto;
  }
  
  .site-header {
    padding-top: calc(0.75 * var(--global--spacing-vertical));
    padding-bottom: calc(2 * var(--global--spacing-vertical));
  }
  @media only screen and (min-width: 482px) {
    .site-header {
      padding-bottom: calc(3 * var(--global--spacing-vertical));
    }
  }
  
  /**
   * Site-main children wrappers
   * - Add double vertical margins here for clearer hierarchy
   */
  .site-main > *:first-child {
    margin-top: 0;
  }
  .site-main > *:last-child {
    margin-bottom: 0;
  }
  
  /**
   * Set the default maximum responsive content-width
   */
  /**
   * Set the wide maximum responsive content-width
   */
  /**
   * Set the full maximum responsive content-width
   */
  /*
   * Block & non-gutenberg content wrappers
   * - Set margins
   */
  
  /*
   * Block & non-gutenberg content wrapper children
   * - Sets spacing-vertical margin logic
   */
  .site-main > article > *,
  .site-main > .not-found > *,
  .entry-content > *,
  [class*=inner-container] > *,
  .wp-block-template-part > * {
    margin-top: calc(0.666 * var(--global--spacing-vertical));
    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
  }
  @media only screen and (min-width: 482px) {
    .site-main > article > *,
  .site-main > .not-found > *,
  .entry-content > *,
  [class*=inner-container] > *,
  .wp-block-template-part > * {
      margin-top: calc(1.1 * var(--global--spacing-vertical));
      margin-bottom: calc(1.1 * var(--global--spacing-vertical));
    }
  }
  
  .site-main > article > *:first-child,
  .site-main > .not-found > *:first-child,
  .entry-content > *:first-child,
  [class*=inner-container] > *:first-child,
  .wp-block-template-part > *:first-child {
    margin-top: 0;
  }
  
  .site-main > article > *:last-child,
  .site-main > .not-found > *:last-child,
  .entry-content > *:last-child,
  [class*=inner-container] > *:last-child,
  .wp-block-template-part > *:last-child {
    margin-bottom: 0;
  }
  
  .site-footer > *,
  .widget-area > * {
    margin-top: calc(0.666 * var(--global--spacing-vertical));
    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
  }
  @media only screen and (min-width: 482px) {
    .site-footer > *,
  .widget-area > * {
      margin-top: var(--global--spacing-vertical);
      margin-bottom: var(--global--spacing-vertical);
    }
  }
  
  /*
   * Block & non-gutenberg content wrapper children
   * - Sets spacing-unit margins
   */
  .entry-header > *,
  .post-thumbnail > *,
  .page-content > *,
  .comment-content > *,
  .widget > * {
    margin-top: var(--global--spacing-unit);
    margin-bottom: var(--global--spacing-unit);
  }
  .entry-header > *:first-child,
  .post-thumbnail > *:first-child,
  .page-content > *:first-child,
  .comment-content > *:first-child,
  .widget > *:first-child {
    margin-top: 0;
  }
  .entry-header > *:last-child,
  .post-thumbnail > *:last-child,
  .page-content > *:last-child,
  .comment-content > *:last-child,
  .widget > *:last-child {
    margin-bottom: 0;
  }
  
  /*
   * .entry-content children specific controls
   * - Adds special margin overrides for alignment utility classes
   */
  .entry-content > * {
    /* Reset alignleft and alignright margins after alignfull */
  }
  .entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
    margin-top: 0;
  }
  .entry-content > *:last-child, .entry-content > *.alignfull.has-background {
    margin-bottom: 0;
  }
  .entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright {
    margin-top: var(--global--spacing-vertical);
  }
  
  .wp-block-columns.alignfull {
    margin: 0 1.5rem;
  }
  
  @media screen and (max-width: 1200px) {
    .widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width {
        max-width: 100%;
        margin-left: var(--global--spacing-horizontal);
        margin-right: var(--global--spacing-horizontal);
    }
  }
  
  @media screen and (max-width: 991px) {
    .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .default-max-width {
      max-width: 100%;
      margin-left: var(--global--spacing-horizontal);
      margin-right: var(--global--spacing-horizontal);
    }
  
    .wp-block-cover, .wp-block-cover-image {
      width: inherit;
    }
  
    .wp-block-columns.alignfull {
      margin: 0;
    }
  
  }
  
  .entry-content .has-background {
    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
  }

.site-main .entry-content a {
    text-decoration: underline;
    font-family: "GrotesqueMT-Bold",serif;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    text-decoration-color: #cacaca;
}

.site-main .entry-content a:hover {
    text-decoration-color: black;
}

.site-main .event .news-event-meta a {
    padding: 6px 12px;
    background-color: white;
    color: black;
    border: 2px solid black;
    border-radius: 50px;
    margin-top: 5px;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
}

.site-main .event .news-event-meta a:hover {
    background-color: black;
    color: white;
}

.site-main .workshop .news-event-meta a {
    padding: 6px 12px;
    background-color: white;
    color: black;
    border: 2px solid black;
    border-radius: 50px;
    margin-top: 5px;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
}

.site-main .workshop .news-event-meta a:hover {
    background-color: black;
    color: white;
}

.site-main .event .news-event-meta strong a {
    font-family: "HCA Bold",Verdana,sans-serif;
}

.site-main .event .news-event-meta em a {
    font-style: normal;
    font-family: "HCA Bold",Verdana,sans-serif;
}

div.wp-block-embed__wrapper iframe {
    border: 10px solid black;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

div.wp-block-embed__wrapper {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    background-color: black;
}

.iframe-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

div.iframe-wrapper {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    background-color: black;
    margin-bottom: 10px;
}

.wp-block-buttons {
    margin: 2.5rem 0;
}

.site-main .entry-content .wp-block-button__link {
    color: #fff;
    background-color: #000;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 1em;
    font-family: "HCA Bold",Verdana,sans-serif;
    text-decoration: none;
}

.site-main .entry-content .wp-block-button__link:hover {
    color: #fff;
}

.wp-block-image figcaption {
    font-size: 1.5rem;
}

.site-main .entry-content .is-style-outline .wp-block-button__link {
    border: 3px solid #cacaca;
    background-color: transparent;
    color: #000;
}

.site-main .entry-content .is-style-outline .wp-block-button__link:hover {
    border: 3px solid #000;
    color: #000;
}

.site-main .entry-content .wp-block-pullquote blockquote {
    border-left: none;
    border-top: 10px solid black;
    border-bottom: 10px solid black;
    padding-left: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-top: 0;
}

.site-main .entry-content .wp-block-pullquote {
    padding: 1rem 0;
}

.site-main .entry-content blockquote {
    border-left: 10px solid #000;
    padding-left: 2rem;
    margin: 5rem auto;
}

.site-main .entry-content blockquote p {
    font-family: "HCA Bold",Verdana,sans-serif;
    font-size: 2.5rem;
}

.site-main .entry-content blockquote cite {
    font-size: 1.75rem;
}

.search-section #search-input {
    background-color: white;
}

marquee {
    position: absolute;
    top: 186px;
    z-index: 9999;
}

form label {
  width: auto !important;
  display: inline-block !important;
}

form {
  font-family: "HCA Bold",Verdana,sans-serif;
}

select {
  margin-bottom: 3rem;
}

form input[type="submit"] {
  margin-top: 2rem;
  border-radius: 50px;
  padding: 1.5rem 3rem;
  background-color: #000;
  color: #fff;
  border: none;
}

input[type="submit"]:hover {
  background-color: #0072ff;
}

input[type="radio"], input[type="checkbox"] {
  margin-left: 1rem;
  margin-bottom: 2rem;
  border: 2px solid #000;
  cursor: pointer;
}