/*
 Theme Name:   Sean Johnson
 Theme URI:    https://xlwebsites.co.uk
 Description:  XLWP starter theme for rapid development of prototypes and websites.
 Author:       Sean Johnson
 Author URI:   https://xlwebsites.co.uk
 Template:     generatepress
 Version:      1.0.1
*/



/*.
HTML Elements — Defaults
----------------------------------------------------------------------------- */

abbr[title] { cursor: help; text-decoration: none;
  border-bottom: 1px dotted; 
}

ul, ol  { margin: 1.5em 0 1.5em 1em; padding: 0; }
li      { margin: 0.5em 0 0.5em 0.5rem; }
li li   { margin-left: 0; }
li ul   { margin: 0 0 0 1.5em; padding: 0; }
li ol   { margin: 0 0 0 1.5em; padding: 0; }

p {
    /* max-width: 60ch; */
}

.wp-block-archives-list,
.wp-block-categories-list,
.wp-block-latest-posts__list {
    margin: 0 0 24px 0;
    padding: 0;
    list-style: none;
}

.wp-block-archives-list li,
.wp-block-categories-list li,
.wp-block-latest-posts__list li {
    margin-left: 0;
}




/*.
FORMS 
----------------------------------------------------------------------------- */

.forminator-guttenberg {
    width: 100%;
    max-width: 500px;
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {

 height: auto;
 width: 100%;
 padding: 0.75em 1.5em;
 background: var(--surface-primary);
 border-radius: 4px;
 border: 1px solid var(--border-primary);
}

label, .forminator-label { 
    display: block;
    padding-bottom: 8px;
    }

textarea { height: 12rem; }


input[type="file"] {
  width: auto;
  padding: 0.5rem 0;
  background: transparent;
  border: none;
}



input[type="checkbox"], input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 2rem;
  width: 2rem;
  border: 1px solid var(--text-secondary);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  position: relative;
  bottom: -0.5rem;
  margin-right: 0.5rem;
  padding: 0;
}

input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: var(--brand-primary-dark); border-color: var(--brand-primary-dark); }

input[type="checkbox"]:before, input[type="checkbox"]:checked:before,
input[type="radio"]:before, input[type="radio"]:checked:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  content: ''; 
}

input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before { content: "✓"; }


/*.
BUTTONS 
----------------------------------------------------------------------------- */

button, .gb-button, .button, [type="button"], [type="submit"], [type="reset"]
{
  height: auto;
  padding: 0.75em 1.5em;
  border-radius: 8px;
  background-color: var(--brand-primary);
  border: 1px solid var(--brand-primary);
  cursor: pointer;
  font-weight: 600;
}

button:hover, .button:hover, [type="button"]:hover, [type="submit"]:hover, [type="reset"]:hover {
  background-color: var(--brand-primary-darker);
  border: 1px solid var(--brand-primary-darker);
}

.button-tertiary {
  text-decoration: underline !important;
}

button.menu-toggle {
  padding: .5rem;
}

button.menu-toggle:hover {
  border: none;
}

.forminator-has_error {
  color: #cc0000;
}


/*
Search Form
----------------------------------------------------------------------------- */

.search-form label {
    display: inline-block;
}

.gp-search-modal .gp-modal__overlay {
  background: rgb(0 0 0 / 40%);
}

.search-modal-form {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid var(--text-secondary);
}



/*
Newsletter Form
----------------------------------------------------------------------------- */

.forminator-row:has(.newsletter-input) {
  width: 70%;
  float: left;
}

.forminator-edit-module {
    display: none;
}

.newsletter-input input {
  width: 100%;
}

button.newsletter-submit {
  background-color: var(--brand-primary-light);
  border: 1px solid var(--brand-primary-light);
  color: var(--brand-primary-dark);
}
 button.newsletter-submit:hover {
  background-color: var(--brand-primary-lighter);
  border: 1px solid var(--brand-primary-light);
  color: var(--brand-primary-dark);
}

.newsletter-submit {
  margin-top: 32px;
}



.newsletter {
  display: inline;
  margin-right: 16px;
}



p.search-for {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}

h1.search-title {
  margin-bottom: 0;
}
  
.search-modal-form {
  background-color: #fff;
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item), 
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: inherit;
}






.border-top, .site-header {
    border-bottom: 1px solid var(--border-primary);
}

.border-top {
    border-top: 1px solid var(--border-primary);
}

.wp-block-categories li {
    display: inline;
    /* margin-right: 8px; */
}

.wp-block-categories .cat-item a {
    padding: 4px 8px;
    background: var(--surface-secondary);
    border: 1px solid var(--border-primary);
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    color: var(--text-primary);
}

.wp-block-categories .cat-item a:hover {
    background: var(--surface-primary);
}

.no-ul a {
    text-decoration: none;
}

.blog h1.category-title,
.search-results h1.category-title,
.category .page-header .page-title {
    display: none;
}


.site-main .paging-navigation {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.site-branding-container .site-logo {
    margin-right: 0.5em;
}


.wp-block-separator {
    margin-bottom: 32px;
    margin-top: 32px;
    border-top: 1px solid var(--border-primary);
}

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

    }
}


/*
@media only screen and (min-width: 2000px) {
    :root {
      font-size: 120%;
    }
  }
*/