/**
 * Theme Name: Cathedral View
 * Template:   generatepress
 * Author:     GoTripod
 * Author URI: https://gotripod.com
 * Description: A child-theme for Cathedral View based on GeneratePress.
 * Version:           1.0.0
 * Tags:              block-patterns, GeneratePress
 * Text Domain:       cathedral-view
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 */

/**
* Styles to override the default GeneratePress styles for the main content area, to ensure it is centered and
* does not exceed a reasonable width, while still allowing for full-width sections as needed.
*
*/
.one-container .site-content{
    padding: 128px 0;
}
/**
*
* Styles to override the default GeneratePress styles for lists, to make them more visually appealing and consistent with the Cathedral View design.
* 
*/

.gbp-section ol, .gbp-section ul {
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.gbp-section ol li, .gbp-section ul li {
    padding-left: 0.2rem;
    margin-bottom: 1rem;
}

.site-footer .gbp-section ol li, .site-footer .gbp-section ul li {
    margin-bottom: 1rem;
}

@media screen and (max-width: 600px) {
    .site-footer .gbp-section ol li, .site-footer .gbp-section ul li {
        margin-bottom: 1rem;
    }
}

.gbp-section ul li::marker {
    color: var(--accent-2);
    font-size: 130%;
}

ul.bullets-base li::marker {
    color: var(--base);
}

ul.bullets-base-2 li::marker {
    color: var(--base-2);
}

ul.bullets-base-3 li::marker {
    color: var(--base-3);
}

ul.bullets-contrast li::marker {
    color: var(--contrast);
}

ul.bullets-contrast-2 li::marker {
    color: var(--contrast-2);
}

ul.bullets-contrast-3 li::marker {
    color: var(--contrast-3);
}

ul.bullets-accent li::marker {
    color: var(--accent);
}
ul.bullets-accent-2 li::marker {
    color: var(--accent-2);
}
ul.bullets-accent-3 li::marker {
    color: var(--accent-3);
}


/**
*
* Styles to setup lists with custom tick icons, for use in the "Facilities" section of the homepage, and other sections as needed.
*
*/

.gbp-section .tick-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.gbp-section .tick-list li {
  position: relative;
  padding-left: 2.7rem;
  margin-bottom: 2rem;
}

.gbp-section .tick-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.2rem;
  width: 2.2rem;
  height: 2.2rem;
  background: url("./assets/images/tick.svg") no-repeat center;
  background-size: contain;
}


.gbp-section .tick-list-light {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.gbp-section .tick-list-light li {
  position: relative;
  padding-left: 2.7rem;
  margin-bottom: 2rem;
}

.gbp-section .tick-list-light li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.2rem;
  width: 2.2rem;
  height: 2.2rem;
  background: url("./assets/images/tick-light.svg") no-repeat center;
  background-size: contain;
}

.footer-bottom-menu li a { 
    text-decoration: underline;
}

/**
*
* Styles for the comments area, to ensure it is hidden by default and styled appropriately when displayed.
*
*/

.comments-area {
	padding: 6.25rem 2rem;
	display: none;
}

.comments-area #comments {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--gb-container-width);
}

/**
*
* Styles for the CQC widget, to ensure it is centered and does not exceed a reasonable width.
*
*/

div.cqc-widget {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px !important;
}

/**
* Styles to override navigation menu item spacing, to ensure it is consistent with the Cathedral View design.
*
*/

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 10px;
}

.main-navigation .main-nav ul li a {
    padding-left: 10px;
    padding-right: 10px;
}

.site-header .site-logo a {
	display: block;
	height: 70px;
	width: auto;
}

.logo-type-nursing .site-header .header-image {
    width: 160px;
    height: auto;
}