/*
Theme Name: SupportHost
Theme URI: https://wordpress.org/themes/supporthost/
Author: the WordPress team
Author URI: https://wordpress.org
Description: SupportHost is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. SupportHost comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.2.2107
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: supporthost-theme
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html {
  overflow-x: hidden;
}

.hidden {
  display: none !important;
}

:where(body .is-layout-constrained) > * {
  margin-block-start: 0;
}

/* Menu */
  .wp-block-navigation
    .has-child
    .wp-block-navigation__submenu-container
    > .wp-block-navigation-item
    > .wp-block-navigation-item__content
    span {
    font-weight: 400;
  }
  .menu-blur {
    position: absolute;
    height: 100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.6);
    transition-property: opacity, visibility;
    transition-duration: 0.8s;
    -webkit-backdrop-filter: blur(0.125rem);
    backdrop-filter: blur(0.125rem);
    z-index: 100;
  }
  .menu-blur.active {
    opacity: 1;
    visibility: visible;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    z-index: 1000;
  }

  /* Menu With icons desktop */
    @media (min-width: 1024px) {
      .wp-block-navigation
        ul.wp-block-navigation__container
        > li.has-child.mega-menu
        > ul.wp-block-navigation__submenu-container {
        flex-direction: row;
        /* width: 100%; */
        color: var(--wp--preset--color--black);
        justify-content: center;
        align-items: center;
        top: 100%;
        left: 0;
        box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
      }
      .wp-block-navigation
        .has-child
        .wp-block-navigation__submenu-container
        > .wp-block-navigation-item
        > .wp-block-navigation-item__content
        span {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .wp-block-navigation
        .has-child
        .wp-block-navigation__submenu-container
        > .wp-block-navigation-item
        > .wp-block-navigation-item__content
        span
        svg {
        fill: var(--wp--preset--color--gray-text);
        color: var(--wp--preset--color--gray-text);
        margin-bottom: 10px;
        width: 35px;
        height: 50px;
        object-fit: cover;
      }
      .wp-block-navigation
        .has-child
        .wp-block-navigation__submenu-container
        > .wp-block-navigation-item
        > .wp-block-navigation-item__content:hover
        span
        svg {
        fill: var(--wp--preset--color--green);
        color: var(--wp--preset--color--green);
      }
      .wp-block-navigation .wp-block-navigation__submenu-icon svg{
        margin-top: -10px;
      }
      .wp-block-navigation
        ul.wp-block-navigation__container
        > li.has-child
        > ul.wp-block-navigation__submenu-container
        a:hover {
        text-decoration: none;
        color: var(--wp--preset--color--green) !important;
      }
      .ar-header {
        position: relative;
        top: 0;
        left: 0;
        transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      .wp-block-navigation
        ul.wp-block-navigation__container
        > li.has-child
        > ul.wp-block-navigation__submenu-container {
        padding: 10px 0px;
      }
      .wp-block-navigation,
        .wp-block-navigation__responsive-container,
        .wp-block-navigation__responsive-dialog,
        .wp-block-navigation > ul,
        .wp-block-navigation .wp-block-navigation-item {
        position: static !important;
      }
      .wp-block-navigation__container
        .has-child
        > .wp-block-navigation-item__content {
        cursor: default;
      }
    
      .wp-block-navigation__container li > .wp-block-navigation-item__content {
        padding: 15px 0 25px;
      }
      .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        padding: 0.5em 1em !important;
      }
      .wp-block-navigation .wp-block-navigation__submenu-icon {
        margin-block-start: 0;
      }
      .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
      }
    }


  /* Mobile menu toggle */
  @media (min-width: 1024px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
        .is-menu-open
      ) {
      display: block !important;
    }
  }
  @media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
        .is-menu-open
      ) {
      display: none;
    }
  }
  /* End of mobile menu toggle */


  /* Mobile header */
  @media (max-width: 1023px) {
  
    .ar-header .custom-logo {
      width: 160px;
    }
    .ar-header__inner {
      justify-content: space-between !important;
      padding-left: 6vw;
      padding-right: 6vw;
    }
    .ar-header__inner .wp-block-navigation__container {
      width: 100%;
      padding-top: 45px;
      padding-bottom: 45px;
    }
    .wp-block-navigation__responsive-container.is-menu-open {
      z-index: 999 !important;
      padding-left: 6vw;
    }
    .wp-block-navigation__responsive-container-open svg,
    .wp-block-navigation__responsive-container-close svg {
      width: 40px;
    }
    .wp-block-navigation__responsive-container-open svg rect,
    .wp-block-navigation__responsive-container-close svg rect {
      width: 40px;
      height: 2px;
    }
    .wp-block-navigation__responsive-container-close {
      top: 15px;
      right: calc(6vw - 16px);
    }
    .wp-block-navigation__responsive-container
      .wp-block-navigation-item__label
      svg {
      display: none;
    }
    .wp-block-navigation__responsive-container.is-menu-open
      .wp-block-navigation__responsive-container-content {
      padding-top: 0;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
      align-items: flex-start;
    }
    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
      margin-top: 39px;
    }
  }
/* End of Menu */

/* Header */
  .entry-content > .wp-block-cover .wp-block-cover__image-background {
    left: unset;
    right: unset;
    width: 120%;
  }
/* End of Header */

/* Footer */
  footer {
    margin-block-start: 0;
  }
  .currency-picker {
    color: var(--wp--preset--color--gray-text);
    font-size: var(--wp--preset--font-size--small);
    cursor: pointer;
		transition: all ease-out .2s;
  }
  .currency-picker.active {
    color: var(--wp--preset--color--white);
    cursor: default;
  }
  .currency-picker:not(.active):hover {
    color: var(--wp--preset--color--orange);
    transform: scale(1.2);
  }
	.language-picker:not(:last-child) {
		margin-right: 15px;
	}
	.language-picker {
		opacity: 0.6;
		transition: all ease-out .2s;
	}
	.language-picker img {
		transition: all ease-out .2s;
	}
  .language-picker img {
    width: 25px;
  }
  .language-picker.current img {
    transform: scale(1.3);
  }
	.language-picker.current {
		opacity: 1;
    cursor: default;
    pointer-events: none;
	}
	.language-picker:hover {
		opacity: 1;
	}
	.language-picker:hover img {
    transform: scale(1.3);
	}
  @media (max-width: 950px) {
    footer .mobile-align-left p.has-text-align-right {
      text-align: left;
    }
    footer .footer-company-data {
      flex-wrap: wrap !important;
      flex-direction: column;
    }
  }
  .footer-cookie-settings {
    color:  var(--wp--preset--color--white);
    cursor: pointer;
    font-size: var(--wp--preset--font-size--small);
  }
  .footer-cookie-settings:hover {
    color:  var(--wp--preset--color--orange);
  }
  footer .is-vertical .has-white-color.has-small-font-size a {
    text-decoration: none;
  }
/* End of Footer */

/* Sidebar */
  aside {
    height: 100%;
  }
  .ar-sidebar .wp-block-template-part{
    height: 100%;
  }
  .sh-sidebar {
    height: 100%;
  }
  .ar-sidebar .wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border: 1px solid var(--wp--preset--color--gray-lines);
  }
  @media (min-width: 1024px) {
    .ar-sidebar__box-trial {
      top: 50px;
    }
  }
  .ar-sidebar .wp-block-search__inside-wrapper {
    border-radius: 15px;
  }
  .ar-sidebar .wp-block-search__input {
    padding-left: 15px;
  }
  .ar-sidebar .wp-block-search__button {
    border: none;
    color: var(--wp--preset--color--green);
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .ar-sidebar .wp-block-search__button:hover {
    background-color: transparent;
    color: var(--wp--preset--color--black);
  }
  .ar-sidebar .wp-block-categories-list a {
    color: var(--wp--preset--color--black);
    font-size: var(--wp--preset--font-size--small) !important;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
  }
  .ar-sidebar .wp-block-categories-list a:hover {
    color: var(--wp--preset--color--green);
  }
  .wp-block-search__input {
    background: #fff;
  }
/* End of Sidebar */


/* Query loop */
  .blog .wp-block-post {
    overflow: hidden;
  }
  .blog .ar-grid-loop .wp-block-post figure {
    overflow: hidden;
    border-radius: 15px 15px 0 0;
  }
  .blog .ar-grid-loop .wp-block-post .wp-block-post-featured-image img {
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .blog .wp-block-post:hover .wp-block-post-featured-image img
  {
    transform: scale(1.15);
  }
  .blog .ar-grid-loop .wp-block-post-featured-image img{
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
  }
  .blog .ar-grid-loop > .wp-block-post > .wp-block-group {
    min-height: 660px;
  }
  .blog .ar-grid-loop .wp-block-post h2 {
    min-height: 90px;
  }
  @media (max-width: 781px) {
    .ar-grid-loop {
      grid-template-columns: 1fr !important;
    }
  }
/* End of Query loop */


/* Patterns and Blocks */
  .hidden {
    display: none;
  }
  .wp-block-button__link {
    transition: ease 0.5s;
  }
  .media-text img {
    min-width: 100%;
  }
  .green-hosting .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--green) !important;
  }
  .entry-content p.note {
    border-left: 7px solid var(--wp--preset--color--green);
    padding: 10px 10px 10px 1.5em;
    font-style: italic;
    margin: 3em 0;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.05), 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .05), 0 0 35px 0 rgba(0, 0, 0, .05), 0 30px 100px -40px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.05), 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
  }
  .price-list th {
    word-break: auto-phrase;
  }
  .wp-block-image:not(.alignleft):not(.alignright) {
    text-align: center;
  }
  .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: transparent;
    border-color: var(--wp--preset--color--black);
    border-width: 1px;
    color: var(--wp--preset--color--black);
  }
  .reviews-logo figure {
    margin: 0 auto;
  }
  .stars {
    gap: 0;
  }
  .stars figure {
    line-height: 0;
  }

  @media (max-width: 1023px) {
    .ar-four-columns {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 781px) {
    .ar-four-columns {
      display: grid;
      grid-template-columns: repeat(1, 1fr) !important;
    }
    .about-pattern figure {
      float: unset !important;
      margin: auto !important;
    }
    .about-pattern img {
      max-width: 250px;
    }
  }

  @media (min-width: 1900px) {
    .imgfull {
      max-width: 1900px;
      margin: 0 auto !important;
    }
  }

  /* Steps */
    .step-line {
      position: relative;
      height: 1px;
      background-color: var(--wp--preset--color--gray-text);
      margin-top: 75px;
      margin-bottom: 75px;
      width: 100%;
    }
    .step-number {
      width: 80px;
      height: 80px;
      position: absolute;
      top: -40px;
      left: calc(50% - 40px);
      text-align: center;
    }
    .step-number:before {
      background-color: var(--wp--preset--color--green);
      border-radius: 50%;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -10px;
      margin-left: -10px;
      transition-property: all;
      transition-timing-function: ease-out;
      transition-duration: 0.4s;
      content: "";
    }
    .step-inner {
      color: #fff;
      line-height: 80px;
      text-align: center;
      width: 100%;
      font-weight: 700;
      z-index: 9999;
      visibility: hidden;
      position: relative;
      transition-property: all;
      transition-timing-function: ease-out;
      transition-duration: 0.2s;
    }
    .step-box:hover .step-number:before {
      width: 70px;
      height: 70px;
      margin-left: -35px;
      margin-top: -35px;
    }
    .step-box:hover .step-inner {
      visibility: visible;
      font-size: 22.5px;
    }
  /* End of Steps */
  
  /* Tutorials */
    .tutorial-container {
      align-items: stretch !important;
    }
    .tutorial-box {
      width: 32%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    @media (max-width: 1024px) {
      .tutorial-box {
        width: 49%;
      }
    }
    @media (max-width: 991px) {
      .tutorial-box {
        width: 100%;
      }
    }
  /* End of tutorials */

  /* Bonus loop */
    li.type-bonus:nth-child(even) .wp-block-columns {
      flex-direction: row-reverse;
    }
  /* End of bonus loop */
/* End of Patterns and Blocks */

/* Responsive tweaks */
@media (max-width: 1320px) {
  .wp-block-cover, .wp-block-cover-image,
    .wp-block-group.alignfull {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ar-about-section {
    padding: 0 !important;
  }
}
@media (max-width: 990px) {
  .reverse-mobile {
    flex-direction: column-reverse;
  }
  .column-mobile {
    flex-direction: column;
  }
  .hidden-mobile {
    display: none;
  }
}
/* End of Responsive */

/* Single */
  .sh-single {
    line-height: 1.8;
  }
  .sh-single p,
  .sh-single .wp-block-rank-math-toc-block,
  .sh-single ul,
  .sh-single img,
  .sh-single .wp-block-rank-math-toc-block nav,
  .block-editor-block-list__layout p {
    margin: 18px 0;
  }

  .sh-single h2,
  .sh-single h3,
  .sh-single h4,
  .sh-single h5,
  .sh-single h6 {
    margin: 6rem 0 1.05rem;
  }

  .sh-single li {
    margin-bottom: 1rem;
  }

  .sh-single figure.wp-block-image {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%), 0 0 6px 0 rgb(0 0 0 / 10%), 0 2px 2px -2px rgb(0 0 0 / 15%);
  }

  .sh-single .wp-block-rank-math-toc-block h2, .sh-single .wp-block-rank-math-toc-block li, .sh-single .wp-block-rank-math-toc-block ul {
    margin: 0;
  }
  @media (max-width: 1120px) {
    .sh-sidebar.wp-block-columns {
      display: flex;
      flex-direction: column;
    }
    .wp-block-comment-template ol {
      padding-left: 0.5rem;
    }
    aside, .ar-sidebar {
      padding-left: 0 !important;
    }
  }
/* End of Single */