@charset "UTF-8";
/*
Theme Name: SoProtection
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: SoProtection

SoProtection WordPress Theme © 2011-2023 SoProtection
SoProtection is distributed under the terms of the GNU GPL
*/
@import url("//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap");
:root {
  --primary-color-dark: #773B78;
  --primary-color-medium: #93468b;
  --primary-color-light: #c965be;
  --primary-color-very-light: #FEF0FE;
  --primary-color-white: #fff;
  --primary-color-black: #212427;
  --font-color-dark: #212427;
  --font-color-light-grey: #D9D9D9;
  --font-color-very-light-grey:#f1f0f0;
  --font-color-light: #fff;
  --shadow-dark: 0 2rem 6rem rgba(0,0,0,.3);
  --shadow-light: 0 2rem 5rem rgba(0,0,0,.06); }

*,
*::After,
*::Before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%; }

body {
  font-size: 2.4rem;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  min-height: 100vh; }

span, time {
  font-size: 2.4rem;
  font-size: 2.4rem;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif; }

.div-spacing {
  margin: 2rem auto 1rem;
  /* Center the content and add some spacing */ }

/* Style for mobile (use media query) */
@media (max-width: 768px) {
  .div-spacing {
    padding-left: 1rem;
    /* For mobile */
    padding-right: 1rem;
    /* For mobile */ } }

#header {
  background: var(--primary-color-dark);
  display: flex;
  justify-content: space-around;
  line-height: 0;
  height: 6rem; }
  @media (max-width: 768px) {
    #header {
      height: 4rem; } }
  #header .header-left {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    #header .header-left img {
      height: calc(6rem * 30 / 60); }
      @media (max-width: 768px) {
        #header .header-left img {
          height: calc(4rem * 30 / 60); } }
  #header .header-right {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    #header .header-right .social-icons {
      padding-left: 0.2rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      /* Apply different margin on mobile devices */ }
      #header .header-right .social-icons a {
        display: inline-block;
        margin-right: 0.5rem;
        /* Adjust spacing between icons */ }
        #header .header-right .social-icons a img {
          height: calc(6rem * 35 / 60); }
          @media (max-width: 768px) {
            #header .header-right .social-icons a img {
              height: calc(4rem * 35 / 60); } }
      @media (max-width: 768px) {
        #header .header-right .social-icons {
          /* Adjust breakpoint as needed */ }
          #header .header-right .social-icons a {
            margin-right: 0.2rem;
            /* Reduced margin on mobile */ } }

.hamburger-menu {
  display: flex; }

#menu__toggle {
  opacity: 0; }

#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg); }
  #menu__toggle:checked + .menu__btn > span::before {
    top: 0;
    transform: rotate(0deg); }
  #menu__toggle:checked + .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg); }

#menu__toggle:checked ~ .menu-main-menu-container {
  left: 0 !important; }

.menu__btn {
  z-index: 4;
  width: 2.6rem;
  height: 2.6rem;
  cursor: pointer;
  position: relative; }
  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
    display: block;
    position: absolute;
    top: 1.3rem;
    left: -1rem;
    width: 100%;
    height: 0.3rem;
    background-color: var(--font-color-light);
    transition-duration: .25s;
    z-index: 1; }
  .menu__btn > span::before {
    content: '';
    top: -0.8rem;
    left: 0rem; }
  .menu__btn > span::after {
    content: '';
    top: 0.8rem;
    left: 0rem; }

.menu-main-menu-container {
  z-index: 3;
  position: absolute;
  line-height: 0.25;
  top: 0;
  left: -100%;
  width: 30rem;
  height: 100%;
  margin: 0;
  padding: 8rem 0;
  background-color: var(--primary-color-medium);
  box-shadow: 0.2rem 0.2rem 0.6rem rgba(0, 0, 0, 0.4);
  transition-duration: .25s; }
  .menu-main-menu-container ul {
    list-style: none; }
    .menu-main-menu-container ul li a {
      display: block;
      font-size: 2.5rem;
      padding: 2rem 2.4rem;
      color: var(--font-color-light);
      text-decoration: none;
      transition-duration: .25s; }
      .menu-main-menu-container ul li a:hover {
        background-color: var(--primary-color-light); }

.page, .tag, .category {
  /* Apply styles to the container */
  /* Style for the entry-title */
  /* Style for mobile (use media query) */
  /* Style for entry-content on desktop */
  /* Style for mobile (use media query) */
  /* Style for the page-creative image */
  /* Style for the video container */
  /* Style for the play button image */
  /* Style for mobile (use media query) */ }
  .page .page-header, .tag .page-header, .category .page-header {
    max-width: 120rem;
    margin: 5rem auto 0rem;
    /* Center the container horizontally */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Center all items horizontally within the container */ }
  .page .entry-title, .tag .entry-title, .category .entry-title {
    text-align: center; }
  .page .entry-title h1, .tag .entry-title h1, .category .entry-title h1 {
    font-size: 6.5rem;
    /* For desktop */
    margin: 0;
    /* Remove default margin */ }
  @media (max-width: 768px) {
    .page .entry-title h1, .tag .entry-title h1, .category .entry-title h1 {
      font-size: 3.8rem;
      /* For mobile */ } }
  .page .entry-content, .tag .entry-content, .category .entry-content {
    text-align: center;
    font-size: 2.4rem;
    /* For mobile */ }
  @media (min-width: 769px) {
    .page .entry-content, .tag .entry-content, .category .entry-content {
      font-size: 3rem;
      /* For mobile */
      width: 75%; } }
  .page .page-creative img, .tag .page-creative img, .category .page-creative img {
    max-width: 100%;
    /* Ensure the image doesn't exceed its container */
    height: auto;
    display: block;
    /* Remove extra space below inline images */
    margin: 2rem auto;
    /* Center the image and add some spacing */ }
  .page .splash-video-container, .tag .splash-video-container, .category .splash-video-container {
    position: relative;
    width: 100%;
    height: auto; }
  .page #splash-play-button, .tag #splash-play-button, .category #splash-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 10rem;
    /* Adjust the size of the play button as needed */
    height: auto;
    cursor: pointer;
    z-index: 2;
    /* Ensure the play button is on top of the video */ }
  @media (max-width: 769px) {
    .page #splash-play-button, .tag #splash-play-button, .category #splash-play-button {
      max-width: 5rem;
      /* Adjust the size of the play button as needed */
      top: 40%;
      /* Adjust vertical positioning for mobile */ } }

.page-content {
  display: flex;
  max-width: 120rem;
  margin: 0 auto;
  background: linear-gradient(-45deg, var(--font-color-light) 25%, var(--font-color-very-light-grey) 25%, var(--font-color-very-light-grey) 50%, var(--font-color-light) 50%, var(--font-color-light) 75%, var(--font-color-very-light-grey) 75%, var(--font-color-very-light-grey) 100%);
  background-size: 5px 5px; }
  @media (max-width: 768px) {
    .page-content {
      flex-direction: column; } }
  .page-content__left {
    flex: 3;
    padding: 1%; }
    @media (max-width: 768px) {
      .page-content__left {
        width: 100%; } }
  .page-content__right {
    flex: 1;
    display: block;
    padding: 2rem;
    background: var(--primary-color-white);
    text-align: center; }
    @media (max-width: 768px) {
      .page-content__right {
        width: 100%; } }
    .page-content__right li {
      list-style: none;
      margin: 1rem 0rem; }
      .page-content__right li .wp-block-search__icon-button label {
        line-height: 5rem; }
      .page-content__right li .wp-block-search__icon-button .wp-block-search__inside-wrapper {
        border-radius: 0.4rem;
        border: 0.1rem solid var(--primary-color-medium);
        background: var(--primary-color-white);
        margin: auto;
        display: flex;
        width: 70%;
        height: 4rem;
        padding: 0.5rem; }
      .page-content__right li .wp-block-search__icon-button .wp-block-search__input {
        border: none; }
      .page-content__right li.widget_angel_numbers_survey_widget {
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: center;
        background: var(--primary-color-dark);
        box-shadow: 0.2rem 0.2rem 0.4rem 0rem var(--primary-color-medium);
        color: var(--font-color-light);
        margin-top: 3rem; }
        .page-content__right li.widget_angel_numbers_survey_widget .widget-title {
          font-weight: lighter;
          font-size: 2.6rem;
          margin-bottom: 1rem; }
        .page-content__right li.widget_angel_numbers_survey_widget .widget-content {
          display: flex;
          flex-direction: column; }
          .page-content__right li.widget_angel_numbers_survey_widget .widget-content a {
            border-radius: 2.5rem;
            border: 0.1rem solid var(--primary-color-medium);
            background: linear-gradient(180deg, var(--primary-color-white) 25.89%, rgba(209, 133, 209, 0) 160.71%);
            flex-shrink: 0;
            color: var(--font-color-dark);
            text-transform: capitalize;
            margin: 0.5rem 0;
            padding: 0.5rem 1.5rem;
            font-size: 2.4rem;
            font-weight: lighter;
            cursor: pointer; }
  .page-content .page-category-posts ul.post-list {
    list-style: none;
    padding: 0; }
    .page-content .page-category-posts ul.post-list .entry-summary {
      background: var(--font-color-light);
      display: flex;
      border: 0.1rem solid var(--font-color-light-grey);
      padding: 1rem;
      margin-bottom: 2rem; }
      .page-content .page-category-posts ul.post-list .entry-summary a {
        text-decoration: none;
        color: var(--font-color-dark); }
      .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__thumbnail {
        align-self: center;
        flex: 1;
        max-width: 25%; }
        .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__thumbnail img {
          width: 100%;
          height: auto; }
      .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__content {
        flex: 4;
        padding-left: 1rem; }
      .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__title {
        font-size: 2.4rem;
        font-weight: bold;
        margin: 0; }
      .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__description {
        margin-top: 1rem; }
        .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__description .more-link {
          font-weight: bold; }
      .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__time-and-author {
        color: #888;
        margin-top: 1rem; }
        .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__time-and-author span, .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__time-and-author time {
          font-style: italic;
          font-weight: 300; }
    @media (max-width: 768px) {
      .page-content .page-category-posts ul.post-list .entry-summary {
        line-height: initial; }
        .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__thumbnail {
          max-width: 50%; }
        .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__description {
          display: none; }
        .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__time-and-author {
          margin-top: 0; }
          .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__time-and-author time {
            display: none; }
          .page-content .page-category-posts ul.post-list .entry-summary .entry-summary__time-and-author span {
            font-size: 2rem; } }
  .page-content .load-more {
    text-align: center;
    margin-bottom: 2%; }
    .page-content .load-more a {
      border-radius: 2.5rem;
      border: 0.1rem solid var(--primary-color-medium);
      background: var(--primary-color-very-light);
      padding: 1rem 2rem;
      cursor: pointer;
      transition: all 0.2s; }
      .page-content .load-more a:hover {
        background: var(--primary-color-light); }
      .page-content .load-more a:active {
        background: var(--primary-color-very-light); }

/* Apply styles to the container */
main#content {
  max-width: 120rem;
  margin: 5rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center; }
  main#content .post .splash {
    /* Style for the entry-title */
    /* Style for mobile (use media query) */ }
    main#content .post .splash .entry-title {
      text-align: center; }
    main#content .post .splash .entry-title h1 {
      font-size: 6.5rem;
      /* For desktop */
      margin: 0;
      /* Remove default margin */ }
    @media (max-width: 768px) {
      main#content .post .splash .entry-title h1 {
        font-size: 3.8rem;
        /* For mobile */ } }
    main#content .post .splash #breadcrumbs {
      padding: 1rem; }
      main#content .post .splash #breadcrumbs a, main#content .post .splash #breadcrumbs span {
        font-size: 1.5rem;
        line-height: normal;
        color: var(--font-color-dark);
        text-decoration: none; }
      main#content .post .splash #breadcrumbs span {
        font-weight: bold; }
    main#content .post .splash .entry-title {
      padding: 1rem;
      max-width: 60%;
      margin: 5rem auto; }
      @media (max-width: 768px) {
        main#content .post .splash .entry-title {
          margin: 1rem auto;
          max-width: 100%; } }
      main#content .post .splash .entry-title h1 {
        color: var(--font-color-dark);
        font-weight: bold; }
    main#content .post .splash .author-top {
      text-align: center;
      margin: 3rem; }
      @media (max-width: 768px) {
        main#content .post .splash .author-top {
          margin: 1rem auto; } }
      main#content .post .splash .author-top .author,
      main#content .post .splash .author-top .author a {
        color: var(--primary-color-dark);
        line-height: 1.5rem;
        text-transform: uppercase;
        text-decoration: none; }
        @media (max-width: 768px) {
          main#content .post .splash .author-top .author,
          main#content .post .splash .author-top .author a {
            font-size: 1.4rem; } }
      main#content .post .splash .author-top .author a {
        font-weight: 700; }
        main#content .post .splash .author-top .author a:hover {
          color: var(--primary-color-light); }
    main#content .post .splash .the-excerpt {
      max-width: 80%;
      margin: 3rem auto;
      padding: 1rem;
      text-align: justify; }
      @media (max-width: 768px) {
        main#content .post .splash .the-excerpt {
          max-width: 100%; } }
      main#content .post .splash .the-excerpt p {
        font-size: 2.8rem; }
        @media (max-width: 768px) {
          main#content .post .splash .the-excerpt p {
            font-size: 2.4rem; } }
    main#content .post .splash #toc-container {
      max-width: 80%;
      margin: 2rem auto 5rem; }
      @media (max-width: 768px) {
        main#content .post .splash #toc-container {
          font-size: 1.4rem;
          margin: 0rem auto 3rem; } }
      main#content .post .splash #toc-container .sp-toc {
        display: flex;
        flex-direction: column;
        border: 1px solid var(--primary-color-dark);
        background: var(--primary-color-very-light);
        margin: auto;
        text-align: center; }
        main#content .post .splash #toc-container .sp-toc .toc-content {
          padding: 0 1rem 1rem;
          text-align: left; }
          main#content .post .splash #toc-container .sp-toc .toc-content a {
            color: var(--font-color-dark); }
            @media (max-width: 768px) {
              main#content .post .splash #toc-container .sp-toc .toc-content a {
                font-size: 1.4rem; } }
    main#content .post .splash .splash-thumbnail img {
      width: 100%;
      height: auto; }
  main#content article {
    flex: 4; }
  main#content .sidebar {
    flex: 1; }

.post .post-content {
  display: flex;
  margin-top: 5rem; }
  .post .post-content__left-side {
    flex: 3;
    padding: 2rem; }
  .post .post-content__right-side {
    flex: 1; }
    @media (max-width: 768px) {
      .post .post-content__right-side {
        display: none; } }

.entry-content {
  text-align: initial; }
  .entry-content .drop-cap {
    font-size: 7.2rem;
    line-height: 6rem; }
  .entry-content h2 {
    font-size: 3rem;
    margin: 3rem 0rem 2rem;
    padding: 1rem 0rem;
    border-top: 0.2rem solid var(--primary-color-light);
    border-bottom: 0.2rem solid var(--primary-color-light);
    text-align: center;
    color: var(--primary-color-medium); }
  .entry-content > p {
    margin-top: 1.5rem; }
    .entry-content > p > a {
      color: var(--font-color-dark); }
  .entry-content .wp-block-quote {
    background: var(--primary-color-very-light);
    box-shadow: 0rem 0.2rem 0.4rem 0.2rem rgba(0, 0, 0, 0.07);
    text-align: center;
    padding: 2% 2%;
    margin: 2rem 0rem; }
    .entry-content .wp-block-quote p {
      font-style: italic;
      font-size: 3.6rem;
      text-transform: capitalize;
      line-height: 4.5rem; }
    .entry-content .wp-block-quote cite {
      color: var(--primary-color-medium);
      font-size: 2rem;
      font-style: inherit;
      font-weight: bold; }
  .entry-content .more-numbers-cat {
    border-radius: 0.25rem;
    background: var(--font-color-very-light-grey);
    text-align: center;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    font-size: 2.8rem;
    margin: 3rem 0rem 6rem; }
    .entry-content .more-numbers-cat span {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 3.2rem; }
    .entry-content .more-numbers-cat a {
      font-weight: bold;
      color: var(--font-color-light);
      border-radius: 1rem;
      background: var(--primary-color-medium);
      box-shadow: 0rem 0.4rem 0.4rem 0rem rgba(0, 0, 0, 0.25);
      padding: 0.5rem;
      text-decoration: none;
      margin-top: 1rem; }

.sidebar .widget_related_articles_widget {
  list-style: none;
  padding: 3rem 2rem;
  text-align: center; }
  .sidebar .widget_related_articles_widget .widget-title {
    text-align: center;
    color: var(--primary-color-medium);
    text-decoration: underline;
    font-size: 2.8rem; }
  .sidebar .widget_related_articles_widget ul {
    list-style: none; }
    .sidebar .widget_related_articles_widget ul li {
      border-radius: 0.3125rem;
      border: 0.1rem solid var(--primary-color-medium);
      margin: 2rem 0rem;
      padding: 0.5rem; }
      .sidebar .widget_related_articles_widget ul li a {
        text-decoration: none;
        color: var(--font-color-dark); }

#comments {
  padding: 2rem; }
  @media (min-width: 768px) {
    #comments {
      width: 120rem; } }
  #comments .comments-title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2rem; }
  #comments ul {
    list-style: none; }
    #comments ul .comment {
      border-radius: 0.5rem;
      border: 0.1rem solid var(--primary-color-medium);
      margin-bottom: 2rem;
      padding: 2rem; }
      #comments ul .comment .comment-author {
        display: flex;
        align-items: flex-start; }
        #comments ul .comment .comment-author img {
          border-radius: 100%;
          width: 45px;
          height: auto; }
        #comments ul .comment .comment-author cite {
          line-height: 2.5rem;
          margin-left: 1rem;
          text-transform: capitalize;
          font-size: 2rem; }
        #comments ul .comment .comment-author .says {
          display: none; }
      #comments ul .comment .commentmetadata {
        position: relative; }
        #comments ul .comment .commentmetadata a {
          text-decoration: none;
          font-size: 1.1rem;
          line-height: 0;
          position: absolute;
          top: -1.2rem;
          left: 5.6rem; }
      #comments ul .comment .reply {
        display: none; }
  #comments #respond {
    border-radius: 0.5rem;
    border: 0.1rem solid var(--primary-color-medium);
    margin-bottom: 2rem;
    padding: 2rem; }
    #comments #respond .reply-btn {
      text-decoration: none;
      color: var(--primary-color-medium); }

.below-blog {
  max-width: 120rem;
  margin: 2rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none; }
  .below-blog li {
    margin: 2rem auto; }
  .below-blog .widget_about_the_author_widget {
    text-align: center;
    max-width: 80%;
    font-weight: lighter; }
    .below-blog .widget_about_the_author_widget h3 {
      font-weight: lighter; }
    .below-blog .widget_about_the_author_widget img {
      border-radius: 100%;
      max-width: 12rem; }
  .below-blog .widget_angel_numbers_survey_widget {
    width: 100%;
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: center;
    background: var(--primary-color-dark);
    box-shadow: 0.2rem 0.2rem 0.4rem 0rem var(--primary-color-medium);
    color: var(--font-color-light);
    margin: auto;
    margin-top: 3rem;
    text-align: center; }
    .below-blog .widget_angel_numbers_survey_widget .widget-title {
      font-weight: lighter;
      font-size: 2.6rem;
      margin-bottom: 1rem; }
    .below-blog .widget_angel_numbers_survey_widget .widget-content {
      display: flex;
      flex-direction: column;
      text-align: center; }
      .below-blog .widget_angel_numbers_survey_widget .widget-content a {
        border-radius: 2.5rem;
        border: 0.1rem solid var(--primary-color-medium);
        background: linear-gradient(180deg, var(--primary-color-white) 25.89%, rgba(209, 133, 209, 0) 160.71%);
        flex-shrink: 0;
        color: var(--font-color-dark);
        text-transform: capitalize;
        margin: 0.5rem 0;
        padding: 0.5rem 1.5rem;
        font-size: 2.4rem;
        font-weight: lighter;
        cursor: pointer; }
  .below-blog .widget_related_articles_widget {
    list-style: none;
    padding: 3rem 2rem;
    text-align: center; }
    .below-blog .widget_related_articles_widget .widget-title {
      text-align: center;
      color: var(--primary-color-medium);
      text-decoration: underline;
      font-size: 2.8rem; }
    .below-blog .widget_related_articles_widget ul {
      list-style: none; }
      .below-blog .widget_related_articles_widget ul li {
        border-radius: 0.3125rem;
        border: 0.1rem solid var(--primary-color-medium);
        margin: 2rem 0rem;
        padding: 0.5rem; }
        .below-blog .widget_related_articles_widget ul li a {
          text-decoration: none;
          color: var(--font-color-dark); }

.woocommerce span.onsale {
  display: none; }

.woocommerce div.entry-summary {
  text-align: center;
  padding: 1rem; }
  .woocommerce div.entry-summary h1.product_title {
    font-size: 3rem;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 1.25; }
  .woocommerce div.entry-summary .price {
    direction: rtl; }
  .woocommerce div.entry-summary ins {
    font-size: 2.5rem;
    text-decoration: none;
    font-weight: bold;
    color: var(--primary-color-dark); }
  .woocommerce div.entry-summary del {
    color: black;
    opacity: 1 !important;
    font-weight: lighter;
    font-size: 2rem;
    margin-left: 3px; }
    .woocommerce div.entry-summary del .amount {
      font-size: 2rem; }
  .woocommerce div.entry-summary div.woocommerce-product-details__short-description > p:nth-child(1) {
    text-transform: uppercase;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--primary-color-medium);
    margin-bottom: 2rem;
    padding: 0.65rem;
    font-size: 2rem;
    margin-top: 0.5rem; }

.woocommerce .wc-tabs {
  display: none; }

.woocommerce #tab-description {
  padding: 1rem; }

.search-results .header {
  padding: 0rem 2rem; }

.search-results .search-results-page {
  padding: 2rem;
  display: flex;
  max-width: 120rem;
  margin: 0 auto;
  background: linear-gradient(-45deg, var(--font-color-light) 25%, var(--font-color-very-light-grey) 25%, var(--font-color-very-light-grey) 50%, var(--font-color-light) 50%, var(--font-color-light) 75%, var(--font-color-very-light-grey) 75%, var(--font-color-very-light-grey) 100%);
  background-size: 5px 5px; }
  @media (max-width: 768px) {
    .search-results .search-results-page {
      flex-direction: column; } }
  .search-results .search-results-page__left {
    flex: 3;
    padding: 1%; }
    @media (max-width: 768px) {
      .search-results .search-results-page__left {
        width: 100%; } }
  .search-results .search-results-page__right {
    flex: 1;
    display: block;
    padding: 2rem;
    background: var(--primary-color-white);
    text-align: center; }
    @media (max-width: 768px) {
      .search-results .search-results-page__right {
        width: 100%; } }
    .search-results .search-results-page__right li {
      list-style: none;
      margin: 1rem 0rem; }
      .search-results .search-results-page__right li .wp-block-search__icon-button label {
        line-height: 5rem; }
      .search-results .search-results-page__right li .wp-block-search__icon-button .wp-block-search__inside-wrapper {
        border-radius: 0.4rem;
        border: 0.1rem solid var(--primary-color-medium);
        background: var(--primary-color-white);
        margin: auto;
        display: flex;
        width: 70%;
        height: 4rem;
        padding: 0.5rem; }
      .search-results .search-results-page__right li.widget_angel_numbers_survey_widget {
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: center;
        background: var(--primary-color-dark);
        box-shadow: 0.2rem 0.2rem 0.4rem 0rem var(--primary-color-medium);
        color: var(--font-color-light);
        margin-top: 3rem; }
        .search-results .search-results-page__right li.widget_angel_numbers_survey_widget .widget-title {
          font-weight: lighter;
          font-size: 2.6rem;
          margin-bottom: 1rem; }
        .search-results .search-results-page__right li.widget_angel_numbers_survey_widget .widget-content {
          display: flex;
          flex-direction: column; }
          .search-results .search-results-page__right li.widget_angel_numbers_survey_widget .widget-content a {
            border-radius: 2.5rem;
            border: 0.1rem solid var(--primary-color-medium);
            background: linear-gradient(180deg, var(--primary-color-white) 25.89%, rgba(209, 133, 209, 0) 160.71%);
            flex-shrink: 0;
            color: var(--font-color-dark);
            text-transform: capitalize;
            margin: 0.5rem 0;
            padding: 0.5rem 1.5rem;
            font-size: 2.4rem;
            font-weight: lighter;
            cursor: pointer; }
  .search-results .search-results-page ul.post-list {
    list-style: none;
    padding: 0; }
    .search-results .search-results-page ul.post-list .entry-summary {
      background: var(--font-color-light);
      display: flex;
      border: 0.1rem solid var(--font-color-light-grey);
      padding: 1rem;
      margin-bottom: 2rem; }
      .search-results .search-results-page ul.post-list .entry-summary a {
        text-decoration: none;
        color: var(--font-color-dark); }
      .search-results .search-results-page ul.post-list .entry-summary .entry-summary__thumbnail {
        align-self: center;
        flex: 1;
        max-width: 25%; }
        .search-results .search-results-page ul.post-list .entry-summary .entry-summary__thumbnail img {
          width: 100%;
          height: auto; }
      .search-results .search-results-page ul.post-list .entry-summary .entry-summary__content {
        flex: 4;
        padding-left: 1rem; }
      .search-results .search-results-page ul.post-list .entry-summary .entry-summary__title {
        font-size: 2.4rem;
        font-weight: bold;
        margin: 0; }
      .search-results .search-results-page ul.post-list .entry-summary .entry-summary__description {
        margin-top: 1rem; }
        .search-results .search-results-page ul.post-list .entry-summary .entry-summary__description .more-link {
          font-weight: bold; }
      .search-results .search-results-page ul.post-list .entry-summary .entry-summary__time-and-author {
        color: #888;
        margin-top: 1rem; }
        .search-results .search-results-page ul.post-list .entry-summary .entry-summary__time-and-author span, .search-results .search-results-page ul.post-list .entry-summary .entry-summary__time-and-author time {
          font-style: italic;
          font-weight: 300; }
    @media (max-width: 768px) {
      .search-results .search-results-page ul.post-list .entry-summary {
        line-height: initial; }
        .search-results .search-results-page ul.post-list .entry-summary .entry-summary__thumbnail {
          max-width: 50%; }
        .search-results .search-results-page ul.post-list .entry-summary .entry-summary__description {
          display: none; }
        .search-results .search-results-page ul.post-list .entry-summary .entry-summary__time-and-author {
          margin-top: 0; }
          .search-results .search-results-page ul.post-list .entry-summary .entry-summary__time-and-author time {
            display: none; }
          .search-results .search-results-page ul.post-list .entry-summary .entry-summary__time-and-author span {
            font-size: 2rem; } }

.contact-us-page .page-header {
  max-width: 120rem;
  margin: 5rem auto 0rem;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .contact-us-page .page-header .entry-title {
    text-align: center; }
    .contact-us-page .page-header .entry-title h1 {
      font-size: 6.5rem;
      margin: 0; }
    @media (max-width: 768px) {
      .contact-us-page .page-header .entry-title h1 {
        font-size: 3.8rem; } }
  .contact-us-page .page-header .entry-content {
    padding: 0rem 3rem;
    text-align: center;
    font-size: 2.4rem; }
    @media (min-width: 769px) {
      .contact-us-page .page-header .entry-content {
        font-size: 3rem;
        width: 75%; } }

.contact-us-page .page-creative img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 2rem auto; }

.contact-us-page .wpcf7-form {
  margin: 2rem auto;
  max-width: 600px; }
  .contact-us-page .wpcf7-form p label {
    display: block;
    font-size: 2rem;
    margin-bottom: 1rem; }
  .contact-us-page .wpcf7-form p input[type="text"],
  .contact-us-page .wpcf7-form p input[type="email"],
  .contact-us-page .wpcf7-form p textarea {
    width: 100%;
    padding: 1rem;
    font-size: 1.6rem;
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    margin-bottom: 1rem; }
  .contact-us-page .wpcf7-form p textarea {
    resize: vertical; }
  .contact-us-page .wpcf7-form p .wpcf7-submit {
    background-color: var(--primary-color-very-light);
    color: var(--font-color-dark);
    padding: 1rem 2rem;
    font-size: 2rem;
    border: none;
    border-radius: 0.4rem;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    margin: auto; }
    .contact-us-page .wpcf7-form p .wpcf7-submit:hover {
      background-color: var(--primary-color-light); }

.terms-and-conditions .entry-title, .privacy-page .entry-title {
  padding: 0rem 5rem;
  text-align: left; }
  .terms-and-conditions .entry-title h1, .privacy-page .entry-title h1 {
    font-size: 1.8rem; }

.terms-and-conditions .entry-content, .privacy-page .entry-content {
  margin-bottom: 10rem;
  text-align: left; }
  .terms-and-conditions .entry-content p, .privacy-page .entry-content p {
    margin-top: 1rem;
    font-size: 1.4rem; }

.not-found {
  text-align: center; }
  .not-found h1 {
    font-size: 6.5rem;
    margin: 3rem 0rem; }
  .not-found .bottombar {
    max-width: 120rem;
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none; }
    .not-found .bottombar .widget_search {
      border-radius: 0.3125rem;
      margin: 2rem 0rem;
      padding: 0.5rem;
      width: 100%; }
      .not-found .bottombar .widget_search a {
        text-decoration: none;
        color: var(--font-color-dark); }
      .not-found .bottombar .widget_search .wp-block-search__icon-button label {
        line-height: 5rem; }
      .not-found .bottombar .widget_search .wp-block-search__icon-button .wp-block-search__inside-wrapper {
        border-radius: 0.4rem;
        background: var(--primary-color-white);
        margin: auto;
        display: flex;
        width: 100%;
        height: 4rem;
        padding: 0.5rem; }
    .not-found .bottombar .widget_related_articles_widget {
      padding: 3rem 2rem;
      text-align: left; }
      .not-found .bottombar .widget_related_articles_widget .widget-title {
        text-align: center;
        color: var(--primary-color-medium);
        text-decoration: underline;
        font-size: 2.8rem; }
      .not-found .bottombar .widget_related_articles_widget ul {
        list-style: none; }
        .not-found .bottombar .widget_related_articles_widget ul a {
          text-decoration: none; }

footer {
  background: var(--primary-color-black);
  text-align: center;
  color: var(--font-color-light);
  padding: 1%; }
  footer #footer-text {
    border: 1px solid var(--primary-color-very-light);
    max-width: 120rem;
    margin: auto;
    padding: 2rem; }
  footer .footer-menu {
    max-width: 120rem;
    margin: auto;
    padding: 1%;
    margin-top: 1%; }
    footer .footer-menu #menu-footer-menu {
      display: flex;
      justify-content: center;
      list-style: none; }
      footer .footer-menu #menu-footer-menu li {
        padding: 0rem 3rem; }
        footer .footer-menu #menu-footer-menu li a {
          text-decoration: none;
          color: var(--font-color-light);
          text-transform: uppercase; }
          footer .footer-menu #menu-footer-menu li a:hover {
            color: var(--font-color-light-grey);
            text-decoration: underline; }

@media (max-width: 769px) {
  #menu-footer-menu {
    flex-direction: column; } }