/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

body {
    overflow-x: hidden;
}

.dialog-close-button {
	outline: none !important;
}

.custom-portfolio .elementor-loop-container.elementor-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

@media (max-width: 767px) {
  .custom-portfolio .elementor-loop-container.elementor-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .custom-portfolio .elementor-loop-container.elementor-grid .e-loop-item {
    grid-column: auto !important;
  }

  .custom-portfolio .elementor-loop-container.elementor-grid .e-loop-item img,
  .custom-portfolio .elementor-loop-container.elementor-grid .e-loop-item video {
    width: 100%;
    height: auto !important;
  }
}

.custom-portfolio video {
  height: 400px !important;
}


.custom-portfolio-initial .elementor-loop-container.elementor-grid .e-loop-item:nth-child(3n+1) {
  grid-column: 1 / -1;
}

.custom-portfolio-initial .elementor-loop-container.elementor-grid .e-loop-item:nth-child(3n+1) img {
  height: auto !important;
}

.custom-portfolio-initial .elementor-loop-container.elementor-grid .e-loop-item:nth-child(3n+1) video {
  height: 500px !important;
}

.custom-portfolio-main .elementor-loop-container.elementor-grid .e-loop-item:nth-child(3n) {
  grid-column: 1 / -1;
}

.custom-portfolio-main .elementor-loop-container.elementor-grid .e-loop-item:nth-child(3n) img {
  height: auto !important;
}

.custom-portfolio-main .elementor-loop-container.elementor-grid .e-loop-item:nth-child(3n) video {
  height: 500px !important;
}

.article-content h2 {
  font-family: "Nebulica", Sans-serif;
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    color: #000000;
}

.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  font-family: "Nebulica", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #000000;
}

.article-content p {
  font-family: "Gilroy", Sans-serif;
  font-size: 20px;
   font-weight: 400;
    line-height: 25px;
    color: #000000;
}

.article-content a {
  color: #CAE949;
}

.article-content a:hover {
  color: #CAE949;
  text-decoration: underline;
}

@keyframes rotateSmooth {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.img-rotate img {
  display: inline-block;       
  transform-origin: center;     
  animation: rotateSmooth 10s linear infinite;
}

html,
body {
	overflow-x: hidden !important;
}


@media screen and (max-width: 767px) {
	.article-content h3,
	.article-content h4,
	.article-content h5,
	.article-content h6 {
		font-size: 17px;
		line-height: 25px;
	}

	.article-content p {
	  	font-size: 17px;
		line-height: 25px;
	}
}

.article-content .wp-block-group {
    background: #CAE949 !important;
    padding: 30px;
}

.article-content p {
	max-width: 100%;
}