/*
Theme Name: Twenty Twenty Child
description: >-
  Twenty Twenty Child Theme
Author: John Doe
Template: twentytwenty
Version: 1.0.0
*/

/*--------------------------------------------------------------
# Theme Colours
# Hookers Green - #52796F
# Hookers Dark Green - #354F52
# Highlight - #F2CC8F
# Pale Background - #F5F3E0
--------------------------------------------------------------*/

/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 1.5
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries
	18. Additional Extra Customisation

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */
body {
  background: #f5efe0;
  box-sizing: border-box;
  color: #000;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  letter-spacing: -0.015em;
  text-align: left;
}

@supports (font-variation-settings: normal) {
  body {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

/* Clearing ---------------------------------- */

/* Base Transitions -------------------------- */

/* Screen Reader Text ------------------------ */

/* Skip Link --------------------------------- */

/* Fonts ------------------------------------- */

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the classic editor and
 * block editor. The following font-face override fixes the issue by manually
 * inserting a custom font that includes just a Hoefler Text space replacement
 * for that character instead.
 */
/* ----------------------------------------------
Inter variable font. Usage:

@supports (font-variation-settings: normal) {
	html { font-family: 'Inter var', sans-serif; }
}
---------------------------------------------- */

/* Accessibility Settings -------------------- */

/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* ---------------------------------------------*---------------------------- */

a {
  color: #52796f;
  text-decoration: underline;
}

/* Lists ------------------------------------- */

/* Quotes ------------------------------------ */

/* Code -------------------------------------- */

/* Media ------------------------------------- */

/* GALLERIES */

/* Inputs ------------------------------------ */

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
}

@supports (font-variation-settings: normal) {
  input,
  textarea,
  button,
  .button,
  .faux-button,
  .faux-button.more-link,
  .wp-block-button__link,
  .wp-block-file__button {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #52796f;
  background: #52796f;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.0333em;
  line-height: 1.25;
  margin: 0;
  opacity: 1;
  padding: 1.1em 1.44em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: opacity 0.15s linear;
}

.social-icons a,
body:not(.overlay-header) .primary-menu ul,
.header-footer-group button,
.header-footer-group .button,
.header-footer-group .faux-button,
.header-footer-group
  .wp-block-button:not(.is-style-outline)
  .wp-block-button__link,
.header-footer-group .wp-block-file__button {
  color: #52796f;
}

.header-footer-group input[type="button"],
.header-footer-group input[type="reset"],
.header-footer-group input[type="submit"] {
  color: #52796f;
  background: #fff;
}

button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.social-icons a:focus,
.social-icons a:hover,
body:not(.overlay-header) .primary-menu ul:focus,
body:not(.overlay-header) .primary-menu ul:hover,
.header-footer-group button:focus,
.header-footer-group button:hover,
.header-footer-group .button:focus,
.header-footer-group .button:hover,
.header-footer-group .faux-button:focus,
.header-footer-group .faux-button:hover,
.header-footer-group
  .wp-block-button:not(.is-style-outline)
  .wp-block-button__link:focus,
.header-footer-group
  .wp-block-button:not(.is-style-outline)
  .wp-block-button__link:hover,
.header-footer-group .wp-block-file__button:focus,
.header-footer-group .wp-block-file__button:hover,
.header-footer-group input[type="button"]:focus,
.header-footer-group input[type="button"]:hover,
.header-footer-group input[type="reset"]:focus,
.header-footer-group input[type="reset"]:hover,
.header-footer-group input[type="submit"]:focus,
.header-footer-group input[type="submit"]:hover {
  text-decoration: none;
  color: #f2cc8f;
  transform: scale(1.05);
}

div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
  text-decoration: none;
  color: #f2cc8f;
  background-color: #52796f;
  border: 0;
  transform: scale(1.05);
}

/* Tables ------------------------------------ */

/* -------------------------------------------------------------------------- */

/*	3. Helper Classes
/* -------------------------------------------------------------------------- */

/* Layout ------------------------------------ */

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

/* Colors ------------------------------------ */

/* COLOR */

.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
  color: #52796f;
}

/* BACKGROUND COLOR */

.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
  background-color: #52796f;
}

/* BORDER COLOR */

.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
  border-color: #52796f;
}

/* FILL COLOR */

.fill-children-accent,
.fill-children-accent * {
  fill: #52796f;
}

/* Opacity ----------------------------------- */

/* Image Classes ----------------------------- */

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

/* Social Icons ------------------------------ */

.social-icons a:focus,
.social-icons a:hover {
  transform: scale(1.1);
  text-decoration: none;
  color: #f2cc8f;
}

/* Cover Modals ------------------------------ */

/* -------------------------------------------------------------------------- */

/*	4.	Site Header
/* -------------------------------------------------------------------------- */

/* Header Titles ----------------------------- */

.site-title a:hover,
.site-title a:focus {
  text-decoration: none;
  color: #f2cc8f;
}

/* Overlay Header ---------------------------- */

.overlay-header #site-header {
  margin: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: transparent;
  transition: background-color 400ms linear;
}

.overlay-header #site-header.scrolled {
  background-color: #52796f;
  transition: background-color 400ms linear;
}

/* Header Navigation ------------------------- */

/* Header Toggles ---------------------------- */

.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text,
.header-inner .toggle:focus .toggle-icon,
.header-inner .toggle:hover .toggle-icon {
  text-decoration: none;
  color: #f2cc8f;
}

/* Search Toggle ----------------------------- */

/* Navigation Toggle ------------------------- */

/* Primary Menu ---------------------------- */

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
  color: #f2cc8f;
  text-decoration: none;
}

.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
  text-decoration: none;
}

.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
  color: #f2cc8f;
  text-decoration: none;
}

/* SUB MENU */

/* DEEP DOWN */

/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
/* -------------------------------------------------------------------------- */

/*	5. Menu Modal
/* -------------------------------------------------------------------------- */

button.close-nav-toggle {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: flex-end;
  padding: 3.1rem 0;
  width: 100%;
}

button.close-nav-toggle:hover,
button.close-nav-toggle:focus {
  color: #f2cc8f;
}

/* Main Menu --------------------------------- */

.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
  color: #f2cc8f;
  text-decoration: none;
}

/* Main menu animation ----------------------- */

/* Expanded Menu ----------------------------- */

/* Menu Bottom ------------------------------- */

/* -------------------------------------------------------------------------- */

/*	6. Search Modal
/* -------------------------------------------------------------------------- */

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

/* -------------------------------------------------------------------------- */

/*	7a. Template: Cover Template
/* -------------------------------------------------------------------------- */

.cover-header {
  display: flex;
  overflow: hidden;
  max-height: 40vh !important;
}

.cover-header-inner-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  padding: 40vh 0 60vh 0;
}

.cover-header-inner {
  padding: 18rem 0 8rem 0;
  width: 100%;
}

/* To The Content ---------------------------- */

.to-the-content:focus svg,
.to-the-content:hover svg {
  transform: translateY(20%);
  color: #f2cc8f;
}

/* -------------------------------------------------------------------------- */

/*	7b. Template: Cover Main
/* -------------------------------------------------------------------------- */

.cover-header-main {
  display: flex;
  overflow: hidden;
  max-height: 100vh !important;
}

.cover-header-inner-wrapper-main {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  padding: 10%;
  background: transparent;
}

.entry-header-main {
  background: transparent;
  color: #fff;
}

/* -------------------------------------------------------------------------- */

/*	7c. Template: Full Width
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*	8. Post: Archive
/* -------------------------------------------------------------------------- */

/* Archive Header ---------------------------- */

/* Posts ------------------------------------- */

/* Search Results ---------------------------- */

/* -------------------------------------------------------------------------- */

/*	9. Post: Single
/* -------------------------------------------------------------------------- */

/* Post Header ------------------------------- */

.entry-categories a {
  border-bottom: 0rem solid currentColor;
  color: #52796f;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.036666667em;
  margin: 0.5rem 0 0 1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.entry-title a:focus,
.entry-title a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* POST META */

.post-meta a:focus,
.post-meta a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Featured Media ---------------------------- */

/* Post Footer ------------------------------- */

/* POST NAV LINKS */

/* POST META BOTTOM */

/* Author Bio -------------------------------- */

.author-bio .author-link:focus,
.author-bio .author-link:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Single Pagination ------------------------- */

.pagination-single {
  font-size: 1.8rem;
  margin-top: 5rem;
  color: #52796f;
}

.pagination-single-inner {
  display: flex;
  flex-direction: column;
  color: #52796f;
}

.pagination-single hr:first-child {
  margin: 0 0 2.8rem 0;
  color: #52796f;
}

.pagination-single hr:last-child {
  margin: 2.8rem 0 0.8rem 0;
  color: #52796f;
}

.pagination-single a {
  align-items: baseline;
  display: flex;
  font-weight: 600;
  letter-spacing: -0.0275em;
  text-decoration: none;
  flex: 1;
  color: #52796f;
}

.pagination-single a .arrow {
  margin-right: 1rem;
  color: #52796f;
}

.pagination-single a:focus .title,
.pagination-single a:hover .title {
  text-decoration: none;
  color: #f2cc8f;
}

/* -------------------------------------------------------------------------- */

/*	10. Blocks
/* -------------------------------------------------------------------------- */

/* Block Colors ------------------------------ */

/* CUSTOM COLORS */

/* Block Typography Classes ------------------ */

.has-drop-cap:not(:focus)::first-letter {
  color: #cd2653;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 5.1em;
  font-weight: 800;
  margin: 0.05em 0.1em 0 0;
}

/* Block Font Families ----------------------- */

.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@supports (font-variation-settings: normal) {
  .has-drop-cap:not(:focus)::first-letter,
  .entry-content .wp-block-archives,
  .entry-content .wp-block-categories,
  .entry-content .wp-block-latest-posts,
  .entry-content .wp-block-latest-comments,
  .entry-content .wp-block-cover-image p,
  .entry-content .wp-block-pullquote {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

/* Block Font Sizes -------------------------- */

/* Block: Base Margins ----------------------- */

.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
  text-decoration: none;
  color: #f2cc8f;
}

/* Block: Shared Media Styles ---------------- */

/* Block: Audio ------------------------------ */

/* Block: Button ----------------------------- */

.wp-block-button.is-style-outline {
  color: #52796f;
}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
  color: #52796f;
}

/* Block: Columns ---------------------------- */

/* Block: Cover ------------------------------ */

/* Block: Embed ------------------------------ */

/* Block: File ------------------------------- */

.wp-block-file a:not(.wp-block-file__button):focus,
.wp-block-file a:not(.wp-block-file__button):hover {
  text-decoration: none;
  color: #f2cc8f;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
  opacity: 1;
  text-decoration: none;
  color: #f2cc8f;
}

/* Block: Gallery ---------------------------- */

/* Block: Group ------------------------------ */

/* Block: Image ------------------------------ */

/* Block: Media And Text --------------------- */

/* Block: Pullquote -------------------------- */

/* STYLE: DEFAULT */

/* STYLE: SOLID BACKGROUND COLOR */

/* Block: Separator  ------------------------- */

/* STYLE: WIDE */

/* STYLE: DOTS */

/* Block: Search ----------------------------- */

/* Block: Table ------------------------------ */

/* Block: Quote ------------------------------ */

/* STYLE: LARGE */

/* Block: Widget Latest Comments ------------- */

.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
  text-decoration: none;
  color: #f2cc8f;
}

/* Block: Widget Latest Posts ---------------- */

/* -------------------------------------------------------------------------- */

/*	11. Entry Content
/* -------------------------------------------------------------------------- */

.entry-content a:hover,
.entry-content a:focus {
  text-decoration: none;
  color: #f2cc8f;
}

/* Font Families ----------------------------- */

.entry-content {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@supports (font-variation-settings: normal) {
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .entry-content cite,
  .entry-content figcaption,
  .entry-content table,
  .entry-content address,
  .entry-content .wp-caption-text,
  .entry-content .wp-block-file {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

/* Alignment Classes ------------------------- */

/* Full */

/* Wide */

/* Center */

/* Left and right */

/* -------------------------------------------------------------------------- */

/*	12. Comments
/* -------------------------------------------------------------------------- */

/* Comment Headers ----------------------------- */

/* Comment Item ----------------------------- */

/* COMMENT HEADER */

.comment-author a:hover,
.comment-author a:focus {
  text-decoration: none;
  color: #f2cc8f;
}

.comment-metadata a:focus,
.comment-metadata a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* COMMENT CONTENT */

/* COMMENT FOOTER */

.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Pingbacks & Trackbacks ------------------------- */

/* Comments Pagination ---------------------------- */

.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Comment Respond ---------------------------- */

.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Reply Respond ---------------------------- */

.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* -------------------------------------------------------------------------- */

/*	13. Site Pagination
/* -------------------------------------------------------------------------- */

.pagination a:focus,
.pagination a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* -------------------------------------------------------------------------- */

/*	14. Error 404
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*	15.	Widgets
/* -------------------------------------------------------------------------- */

/* Widget Base ------------------------------- */

/* Font Families ----------------------------- */

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}

.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@supports (font-variation-settings: normal) {
  .widget-content cite,
  .widget-content figcaption,
  .widget-content .wp-caption-text {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

/* Base List Widget -------------------------- */

.widget_archive a:focus,
.widget_archive a:hover,
.widget_categories a:focus,
.widget_categories a:hover,
.widget_pages a:focus,
.widget_pages a:hover,
.widget_meta a:focus,
.widget_meta a:hover,
.widget_nav_menu a:focus,
.widget_nav_menu a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Widget: Calendar -------------------------- */

.widget_recent_comments a:focus,
.widget_recent_comments a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Widget: Recent Entries -------------------- */

.widget_recent_entries a:focus,
.widget_recent_entries a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Widget: RSS ------------------------------- */

.widget_rss a:focus,
.widget_rss a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Widget: Search ---------------------------- */

/* Widget: Tag Cloud ------------------------- */

.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* Widget: Text ------------------------------ */

/* -------------------------------------------------------------------------- */

/*	16. Site Footer
/* -------------------------------------------------------------------------- */

/* Footer Top -------------------------------- */

/* FOOTER MENU */

.footer-menu a:hover,
.footer-menu a:focus {
  color: #f2cc8f;
  text-decoration: none;
}

/* FOOTER SOCIAL */

/* Footer Widgets ---------------------------- */

/* Footer Bottom ----------------------------- */

#site-footer a:focus,
#site-footer a:hover {
  text-decoration: none;
  color: #f2cc8f;
}

/* -------------------------------------------------------------------------- */

/*	17. Media Queries
/* -------------------------------------------------------------------------- */

@media (max-width: 479px) {
  /* Blocks -------------------------------- */

  .wp-block-pullquote.alignleft,
  .wp-block-pullquote.alignright {
    float: none;
  }

  /* Entry Content ------------------------- */

  /* LISTS */

  ul,
  ol {
    margin: 0 0 3rem 2rem;
  }

  li {
    margin: 0.5rem 0 0 1rem;
  }

  /* Post Footer --------------------------- */

  /* POST NAV LINKS */

  .post-nav-links {
    margin: 3em 0 0 0;
  }
}

@media (min-width: 480px) {
  /* Blocks -------------------------------- */

  /* BLOCK: BASE ALIGNMENT WIDTH */

  .wp-block-pullquote.alignleft,
  .wp-block-pullquote.alignright,
  .wp-block-cover-image.alignleft,
  .wp-block-cover-image.alignright,
  .wp-block-cover.alignleft,
  .wp-block-cover.alignright,
  .wp-block-embed.alignleft,
  .wp-block-embed.alignright,
  .wp-block-gallery.alignleft,
  .wp-block-gallery.alignright {
    max-width: 26rem;
  }

  /* BLOCK: TABLE WIDTH */
  .wp-block-table.alignleft,
  .wp-block-table.alignright {
    max-width: 100%;
  }

  /* Entry Content ------------------------- */

  /* ALIGNMENT CLASSES */

  .alignleft,
  .alignright {
    max-width: 26rem;
  }

  /* Post Footer --------------------------- */

  /* POST NAV LINKS */

  .post-nav-links {
    margin: 3em 0 0 0;
  }
}

@media (max-width: 599px) {
  /* Blocks -------------------------------- */

  /* BLOCK: COLUMNS */

  /* While columns are stacked */
  .wp-block-column:last-child {
    margin-bottom: 0;
  }

  .wp-block-columns + .wp-block-columns {
    margin-top: 0.2rem;
  }

  .wp-block-columns.alignwide + .wp-block-columns.alignwide {
    margin-top: -0.8rem;
  }

  .wp-block-columns.alignfull + .wp-block-columns.alignfull {
    margin-top: -1.8rem;
  }

  /* Template -------------------------------- */

  /* TEMPLATE: COVER */

  .template-cover .post-inner .post-meta-wrapper,
  .template-cover .post-inner .author-bio {
    width: calc(100% - 4rem);
  }

  /* Post Footer --------------------------- */

  /* POST NAV LINKS */

  .post-nav-links {
    margin: 3em 0 0 0;
  }
}

@media (min-width: 600px) {
  /* Blocks -------------------------------- */

  /* BLOCK: COLUMNS */

  .wp-block-columns.alignwide + .wp-block-columns.alignwide,
  .wp-block-columns.alignfull + .wp-block-columns.alignfull {
    margin-top: -4rem;
  }

  /* Post Footer --------------------------- */

  /* POST NAV LINKS */

  .post-nav-links {
    margin: 3em 0 0 0;
  }
}

@media (min-width: 700px) {
  /* Template: Cover Template -------------- */

  h1.entry-title {
    font-size: 6rem;
  }

  .to-the-content svg {
    height: 4.4rem;
    width: 4.12rem;
  }
}

@media (min-width: 1330px) {
  /* Blocks -------------------------------- */

  /* BLOCK: PULLQUOTE */

  .wp-block-pullquote.is-style-solid-color.alignleft::before,
  .wp-block-pullquote.is-style-solid-color.alignright::before {
    top: 0;
  }
}

/* Additional Extra Customisation for carbonrewild.com*/

.footer-credits .powered-by-wordpress {
  display: none;
}

.widget-content {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#wpforms-1184-field_6-container > div a {
  color: #52796f;
}

@media (max-width: 480px) {
  body.custom-background {
    background-image: none;
  }
}

a {
  color: #52796f;
}

.entry-content {
  padding: 0% 10% 0%;
  width: 100%;
}

@media (max-width: 480px) {
  .entry-content {
    padding: 0% 0% 0%;
    width: 100%;
  }
}

.post-2041 #breadcrumbs,
.post-2042 #breadcrumbs {
  display: none;
}