/*
Theme Name: cosme child
Template: cosme
*/
body {
  font-size: 20px !important;
  background-color: #180535;
  color: #fff;
  letter-spacing: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
  font-family: "Raleway";
}
h1 {
  font-size: 60px;
  margin: 0;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 28px;
}
a:hover,
a:focus,
a:active {
  color: #f0f135;
}
a {
  color: #f0f135;
}
.elementor-kit-31 button {
  background-image: none;
}
.elementor-kit-31 button:hover {
  background-image: none;
}
.elementor-kit-31 button:focus {
  background-image: none;
}
.menu-toggle .item {
  background: #9a25b5;
}
.main-navigation ul {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 19px;
}
.main-navigation a {
  color: #f0f135;
  padding: 10px;
}
.site-footer .section-copyright .copyright {
  font-size: 20px;
}
.site-header .grid-layout {
  grid-template-columns: 1fr 20fr 1fr;
}
.site-header {
  background: #180535;
}
.site-header .site-branding img {
  padding: 10px 0;
}
table tr:nth-child(odd) {
  color: #000;
}
.strategies {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
}
.strategies li {
  margin-bottom: 15px;
  list-style-image: url(/wp-content/uploads/2022/05/check.png);
  width: 50%;
  text-align: center;
}
.theme-img img {
  height: 250px;
  object-fit: cover;
}
.customer-service img {
  height: 420px;
  object-fit: cover;
}
#top-section {
  margin-bottom: 50px;
  background-image: linear-gradient(270deg, #3d2365 45%, #180535 100%);
  padding: 0 20px 20px 20px;
}
#top-section .wp-block-group__inner-container {
  background-image: url(/wp-content/uploads/2022/05/pattern.png);
}
.midle-section {
  background-image: url(/wp-content/uploads/2022/05/pattern.png);
  background-color: transparent;
  padding: 20px;
}
.border-item .wp-block-column {
  background-color: #3e2366;
  padding: 20px;
  border-radius: 50px;
}
.border-item .wp-block-column:hover {
  border: 1px solid #d04dff;
  transition: all 0.6s;
}
.error-404.not-found .page-header {
  background: #180535;
  margin: 0;
}
.error-404.not-found .page-content {
  margin: 0;
}
.error-404.not-found .page-content .page-heading-large {
  font-size: 60px;
  margin: 0;
}
#colophon {
  background: #180535;
  border-top: 1px solid #000;
}
#colophon #menu-footer-menu-1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#colophon #menu-footer-menu-1 li {
  border-bottom: 1px solid;
}
#colophon #menu-footer-menu-1 li:not(:last-child) {
  margin-right: 20px;
}
#colophon h2 {
  font-size: 30px;
}
#colophon p {
  color: #fff;
}
#colophon .grid__item.large--two-fifths.medium--two-quarters.small--one-whole.footer-block-one {
  flex: 0 0 100%;
  width: 100%;
}
#colophon .grid__item.large--two-fifths.medium--two-quarters.small--one-whole.footer-block-one #menu-header-menu-1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#colophon .grid__item.large--two-fifths.medium--two-quarters.small--one-whole.footer-block-one #menu-header-menu-1 li:not(:last-child) {
  margin-right: 15px;
}
#colophon .grid__item.large--two-fifths.medium--two-quarters.small--one-whole.footer-block-one #menu-header-menu-1 li a {
  border-bottom: 1px solid;
  color: #f0f135;
}
#colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two {
  flex: 0 0 33.333%;
  width: 33.333%;
}
#colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two input[type="submit"] {
  width: 100%;
  background-color: transparent;
  background-image: linear-gradient(200deg, #eff035 0%, #52f6b5 100%);
  padding: 19px 35px 19px 35px;
  font-size: 19px;
  font-weight: 700;
  margin-top: 15px;
}
#colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two input[type="submit"]:hover {
  background-image: linear-gradient(200deg, #52f6b5 0%, #eff035 100%);
}
#colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-three {
  flex: 0 0 33.333%;
  width: 33.333%;
}
#colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-four {
  flex: 0 0 33.333%;
  width: 33.333%;
}
#colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-four .wp-block-image img {
  margin-right: 25px;
}
.site-footer .section-footer {
  padding-top: 25px;
}
.site-footer .widget ul li a {
  color: #f0f135;
}
@media (max-width: 1200px) {
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two {
    flex: 0 0 50%;
    width: 50%;
  }
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-three {
    flex: 0 0 50%;
    width: 50%;
  }
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-four {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .steps .elementor-container.elementor-column-gap-default {
    flex-direction: column-reverse;
  }
  .strategy .elementor-container.elementor-column-gap-default {
    flex-direction: column-reverse;
  }
  .bonus-img {
    display: none;
  }
  .reverse {
    flex-direction: column;
  }
  #rule-section img,
  #dalembert-section img,
  #casino-roulette-section img,
  #paroli-section img,
  #bond-section img {
    width: 450px;
  }
  #desing-section .desing-img img {
    width: 250px;
  }
  #desing-section .desing-img .elementor-widget-wrap.elementor-element-populated {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 992px) {
  .navigation .toggled .main-navigation {
    background: #3d2264;
  }
  .site-header .grid-layout {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 17px !important;
  }
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 25px;
  }
  #bonus-section .elementor-container.elementor-column-gap-default {
    flex-direction: column-reverse;
  }
  #colophon .grid__item.large--two-fifths.medium--two-quarters.small--one-whole.footer-block-one #menu-header-menu-1 li a {
    font-size: 17px;
  }
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two {
    flex: 0 0 100%;
    width: 100%;
  }
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two input[type="submit"],
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two input[type="email"] {
    width: 60%;
  }
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-three {
    flex: 0 0 100%;
    width: 100%;
  }
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-four {
    flex: 0 0 100%;
    width: 100%;
  }
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-four .wp-block-image img {
    margin-right: 0;
  }
  #icon-section .elementor-widget-wrap {
    flex-wrap: nowrap;
  }
  .play-roulette img {
    width: 100px;
    height: auto;
  }
  .play-roulette .elementor-widget-wrap {
    flex-wrap: nowrap;
  }
  .netent {
    display: none;
  }
}
@media (max-width: 600px) {
  .wp-block-columns {
    margin-bottom: 0;
  }
  .wp-block-columns .wp-block-column {
    margin-bottom: 25px;
  }
  .theme-img img {
    height: 150px;
  }
  .customer-service img {
    height: 340px;
  }
}
@media (max-width: 500px) {
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two input[type="submit"],
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-two input[type="email"] {
    width: 100%;
  }
  #colophon #menu-footer-menu-1 {
    justify-content: space-around;
  }
  .customer-service img {
    height: 250px;
  }
}
@media (max-width: 480px) {
  .site-branding .custom-logo {
    height: 90px;
    width: auto;
  }
  #colophon .grid__item.large--one-fifth.medium--two-quarters.small--one-whole.footer-block-four .wp-block-group {
    justify-content: center;
  }
  .strategies {
    flex-direction: column;
    align-items: center;
  }
}