/* 
Theme Name: Muscle and Gym
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html {
  font-size: 100%;
}
html,
body {
  scroll-behavior: smooth;
}

:root {
  --spacing-padding-inline: 0.25rem; /*  min-width:640px ( 40rem )*/
}
/* Padding works only for main section  */
.main-section-padding .e-con-inner,
.e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
  padding-inline: calc(var(--spacing-padding-inline) * 0);
}

@media screen and (width <= 118.75rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 15);
  }
}
@media screen and (width <= 100rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 20);
  }
}
@media screen and (width <= 85.375rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 15);
  }
}

@media screen and (width <= 64rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 10);
  }
}
@media screen and (width <= 40rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 5);
  }
}
#breadcrumbs {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#breadcrumbs > span {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
#breadcrumbs .breadcrumbs-icon {
  width: 1rem;
  height: 12px;
  filter: brightness(100) invert(1);
}