/*
 Theme Name:   Divi Child
 Theme URI:    http://www.elegantthemes.com/gallery/divi/
 Description:  Divi Child Theme
 Author:       Osmova
 Author URI:   https://osmova.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  Divichild
*/
.d-flex {
  display: flex !important;
}
.d-flex:before, .d-flex:after {
  content: none;
}

.d-inline-flex {
  display: inline-flex !important;
}
.d-inline-flex:before, .d-inline-flex:after {
  content: none;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

@media (min-width: 320px) {
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-flex:before, .d-xs-flex:after {
    content: none;
  }

  .d-xs-inline-flex {
    display: inline-flex !important;
  }
  .d-xs-inline-flex:before, .d-xs-inline-flex:after {
    content: none;
  }

  .d-xs-none {
    display: none !important;
  }

  .d-xs-block {
    display: block !important;
  }

  .flex-xs-column {
    flex-direction: column !important;
  }

  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xs-row {
    flex-direction: row !important;
  }

  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xs-wrap {
    flex-wrap: wrap;
  }

  .flex-xs-nowrap {
    flex-wrap: nowrap;
  }

  .justify-content-xs-start {
    justify-content: flex-start !important;
  }

  .justify-content-xs-end {
    justify-content: flex-end !important;
  }

  .justify-content-xs-center {
    justify-content: center !important;
  }

  .justify-content-xs-between {
    justify-content: space-between !important;
  }

  .justify-content-xs-around {
    justify-content: space-around !important;
  }

  .align-items-xs-start {
    align-items: flex-start !important;
  }

  .align-items-xs-end {
    align-items: flex-end !important;
  }

  .align-items-xs-center {
    align-items: center !important;
  }

  .align-items-xs-baseline {
    align-items: baseline !important;
  }

  .align-items-xs-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 768px) {
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-flex:before, .d-sm-flex:after {
    content: none;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-inline-flex:before, .d-sm-inline-flex:after {
    content: none;
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 980px) {
  .d-md-flex {
    display: flex !important;
  }
  .d-md-flex:before, .d-md-flex:after {
    content: none;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-inline-flex:before, .d-md-inline-flex:after {
    content: none;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-block {
    display: block !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 1405px) {
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-flex:before, .d-lg-flex:after {
    content: none;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-inline-flex:before, .d-lg-inline-flex:after {
    content: none;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }
}
:root {
  --color-primary: #8EE121;
  --navbar-height: 4.5rem;
  --container-width: 1280px;
  --container-width-small: 1080px;
}

/*
 * Divi
 */
#page-container {
  max-width: 100vw;
}

/*
 * Menu / Header section
 */
.main-menu {
  height: var(--navbar-height);
}
.main-menu > div {
  height: 100%;
}
.main-menu > div > div {
  height: 100%;
}
.main-menu .et_pb_menu__wrap {
  height: 100%;
  max-width: 100%;
  margin: auto;
}
.main-menu .et_pb_menu__wrap .et_pb_menu__menu {
  flex: 1;
  justify-content: center;
  max-width: none;
}
.main-menu .et_pb_menu__wrap .et_pb_menu__menu > nav {
  width: 100%;
}
.main-menu .et_pb_menu__wrap > div {
  width: 100%;
  height: 100%;
}
.main-menu .et_pb_menu__wrap > div > div {
  width: 100%;
  height: 100%;
}
.main-menu ul.nav.et-menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.main-menu ul.nav.et-menu > li {
  flex: 1;
  justify-content: center;
  font-size: 1rem;
}
.main-menu ul.nav.et-menu > li > a {
  font-size: inherit;
}
.main-menu ul.nav.et-menu > li.et_pb_menu__logo-slot {
  flex: 0.8;
}
.main-menu .et_pb_menu__logo-wrap {
  height: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-menu .et_pb_menu__logo-wrap .et_pb_menu__logo {
  padding: 0.75rem;
}
.main-menu .et_pb_menu__logo-wrap .et_pb_menu__logo > img {
  height: 100%;
  object-fit: contain;
}

.head-section {
  position: relative;
  background: rgba(26, 26, 26, 0.6);
  overflow: visible;
  z-index: 1;
}
.head-section:before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0;
  bottom: -10%;
  left: -1%;
  height: 110%;
  width: 50%;
  opacity: 0.8;
  background-image: url("/wp-content/uploads/2021/12/seven_icon_simple.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.title-primary.title-accent-part strong, .title-primary.title-accent-part b {
  color: #8EE121;
}

.icons-row, .icon-blocks {
  display: flex;
  justify-content: space-between;
}
.icons-row > .et_pb_column, .icon-blocks > .et_pb_column {
  margin: 0;
  padding: 0 1.5rem;
  flex: 1;
}
@media (min-width: 320px) {
  .icons-row > .et_pb_column:not(:last-of-type):after, .icon-blocks > .et_pb_column:not(:last-of-type):after {
    content: "";
    position: absolute;
    top: 5%;
    bottom: 5%;
    right: 0;
    transform: translateX(50%);
    width: 1px;
    height: 90%;
    display: block;
    background-color: #E4E4E4;
  }
}
@media (max-width: 320px) {
  .icons-row, .icon-blocks {
    flex-direction: column;
  }
}

.icon-block .et_pb_image, .icon-col .et_pb_image {
  text-align: center;
}

body #page-container .et_pb_section .et_pb_button.btn-link-white-primary:after, body #page-container .et_pb_section .et_pb_button.button-cta-7:after {
  display: block !important;
  opacity: 1;
}

.button-cta-7:after {
  content: "";
  background-image: url("/wp-content/themes/Divi-child/resources/img/seven_icon_w.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  display: block;
}
.et-menu-nav .button-cta-7 {
  position: relative;
  font-size: 1rem !important;
  height: 100%;
  right: -0.75rem;
  border-color: rgba(0, 0, 0, 0);
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
  background-image: url("/wp-content/uploads/2021/12/seven_icon_wt.png");
  background-color: #8EE121;
}
.et-menu-nav .button-cta-7 > a {
  padding: 0.5rem 1.5rem;
}

/*
 * Global elements
 */
.section-secondary {
  overflow-x: hidden;
}

.btn-link-white-primary, a.btn-link-white-primary, body #page-container .et_pb_section .et_pb_button.btn-link-white-primary {
  position: relative;
  display: inline-block;
}
.btn-link-white-primary:after, a.btn-link-white-primary:after, body #page-container .et_pb_section .et_pb_button.btn-link-white-primary:after {
  content: "" !important;
  position: absolute;
  background-color: #8EE121;
  bottom: 0;
  left: 20%;
  right: 20%;
  width: 60%;
  transform: none;
  display: block !important;
  height: 1px;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
  margin: 0;
}
.btn-link-white-primary:hover:after, a.btn-link-white-primary:hover:after, body #page-container .et_pb_section .et_pb_button.btn-link-white-primary:hover:after {
  width: 100%;
  left: 0;
  right: 0;
}

.club-block {
  background-color: transparent !important;
}
.club-block .row-details {
  max-width: 80%;
}
.club-block .row-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.articles-grid article, .articles-list-primary article {
  border-color: transparent;
}
.articles-grid article.et_pb_post, .articles-list-primary article.et_pb_post {
  border: none;
}
.articles-grid article .et_pb_image_container, .articles-list-primary article .et_pb_image_container {
  margin-bottom: -4.5rem;
  z-index: 0;
  position: relative;
}
.articles-grid article > *:not(.et_pb_image_container), .articles-list-primary article > *:not(.et_pb_image_container) {
  z-index: 1;
  position: relative;
  background-color: white;
  display: block;
  padding: 0 1.5rem;
}
.articles-grid article > *:not(.et_pb_image_container).entry-title, .articles-list-primary article > *:not(.et_pb_image_container).entry-title {
  padding-top: 4.5rem;
}
.articles-grid article > *:not(.et_pb_image_container):last-child, .articles-list-primary article > *:not(.et_pb_image_container):last-child {
  padding-bottom: 1.5rem;
}

ul#menu-footer {
  display: flex;
  flex-direction: column;
}
ul#menu-footer > li {
  margin-top: 1rem;
}

/*
 * Homepage
 */
#main-title h1 > span {
  color: var(--color-primary);
}
#main-title h1 > span[style="color: #00ff00;"] {
  color: var(--color-primary) !important;
}

@media (min-width: 1405px) {
  .media-group-floating-image {
    transform: translate(25%, -10%);
    position: relative;
  }
}
.media-group-floating-image:before, .media-group-floating-image:after {
  content: "";
  position: absolute;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.media-group-floating-image:before {
  background-image: url("/wp-content/themes/Divi-child/resources/img/square_lg_bg.svg");
  width: 50%;
  height: 40%;
  top: -15%;
  right: -25%;
}
.media-group-floating-image:after {
  background-image: url("/wp-content/themes/Divi-child/resources/img/seven_icon_stroke-p.svg");
  width: 100%;
  height: 90%;
  bottom: -30%;
  right: -40%;
}

.video-player-primary {
  position: relative !important;
}
.video-player-primary:after {
  content: "";
  background-image: url("/wp-content/themes/Divi-child/resources/img/seven_icon_simple.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -10%;
  left: -5%;
  width: 5rem;
  height: 8rem;
  z-index: 10;
}

/* Image modal */
.image-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000a;
  z-index: 999999;
}
.image-modal .modal-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-modal .modal-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 4em;
}
.image-modal img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 75vh;
  object-fit: contain;
  object-position: center;
}