/*========================================================================================

CSS

=========================================================================================*/

.elementor-section {
  padding: 0;
}

.elementor-section .elementor-widget-heading {
  margin-bottom: 0 !important;
}

.elementor-section h2{
	font-size: 2.8rem;
	border-left: 5px solid var(--color-sub);
	margin-bottom: 25px;
	background: #fbf1e6;
	padding: 1em;
	color: var(--color-dark);
}
.elementor-section h3 {
	position: relative;
	font-size: 2rem;
	border-bottom: 5px solid var(--color-sub2);
	margin-bottom: 25px;
	background: none;
	padding: 0 0 0 60px;
	color: var(--color-point);
	border: 0;
}
.elementor-section h3::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 40px;
	height: 1px;
	background-color: var(--color-sub);
}
.elementor-section h4 {
  color: var(--color-sub) !important;
  font-weight: 700;
  border-bottom: solid 3px var(--color-sub);
  font-size: 2rem;
  padding-bottom: 10px;
  line-height: 1.5em;
  margin-bottom: 10px !important;
}

.elementor-section p {
  font-size: 16px !important;
  color: #000000;
}

.elementor-widget-image-box .elementor-image-box-description {
  color: #000000 !important;
}

.elementor-section .wp-caption-text {
  color: #5e5e5e;
  margin-top: 10px;
  font-size: 1.6rem;
}

.elementor-section .elementor-image-carousel-caption {
  color: #5e5e5e;
  margin-top: 10px;
  font-style: italic;
  font-size: 1.6rem;
}

.elementor-section .elementor-image-gallery .gallery-item img {
  border: none;
}

.elementor-section .elementor-button {
  background-color: var(--color-point) !important;
}

.elementor-section .elementor-button:hover {
  opacity: 0.7 !important;
}

.elementor-column-gap-default
  > .elementor-row
  > .elementor-column
  > .elementor-element-populated
  > .elementor-widget-wrap {
  padding: 0 !important;
}

.elementor-image-gallery img {
  border: none !important;
}

.elementor-image-box-img {
  margin-bottom: 10px !important;
}

.elementor-widget-divider {
  --divider-color: #000 !important;
}

.elementor-icon-list-items li {
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid var(--color-point) !important;
}

.elementor-icon-list-text {
  color: #000000 !important;
  line-height: 1.6em !important;
}

.elementor-icon-list-items li i {
  color: var(--color-point) !important;
}

.elementor-icon-list-items li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 820px) {
  .elementor-section h2 {
    font-size: 1.8rem !important;
    padding: 10px 0 !important;
    border-top: solid 2px var(--color-point) !important;
    border-bottom: solid 2px var(--color-point) !important;
  }

  .elementor-section h3 {
    font-size: 1.6rem !important;
    padding: 8px 15px !important;
  }

  .elementor-section h4 {
    font-size: 1.6rem !important;
    border-bottom: solid 2px var(--color-point) !important;
  }

  .elementor-section p {
    font-size: 1.3rem !important;
  }

  .elementor-icon-list-text {
    font-size: 1.3rem !important;
  }

  .elementor-section .wp-caption-text,
  .elementor-section .elementor-image-carousel-caption {
    font-size: 1.2rem;
  }

  .elementor-image-box-img {
    width: 100% !important;
  }
}

@media screen and (max-width: 450px) {
  .elementor-section h2 {
    font-size: 1.4rem !important;
    padding: 10px 0 !important;
  }

  .elementor-section h3 {
    font-size: 1.4rem !important;
    padding: 8px 15px !important;
  }

  .elementor-section h4 {
    font-size: 1.4rem !important;
  }
}
