/**
Theme Name: Astra Child
Author: Ivan Dagelić
Author URI: https://test123.hr/
Description: Astra Child Theme
Version: 1.0.0
Text Domain: astra-child
Template: astra
*/

html {
  overflow-x: hidden !important;
}

// Contact fixup.

.elementor-page-78,
.page-id-78,
#page
  > div.elementor.elementor-96.elementor-location-footer
  > section.elementor-section.elementor-top-section.elementor-element.elementor-element-8aea367.elementor-section-full_width.id-top-right-triangle-256.elementor-section-height-default.elementor-section-height-default {
  display: none !important;
}

.id-top-right-triangle-64:after {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 0 64px 64px 0;
  border-color: transparent #608a32 transparent transparent;
  position: absolute;
}

.id-top-right-triangle-white-512:before {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 0 512px 512px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
}

.id-top-right-triangle-blue-256:after {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 0 256px 256px 0;
  border-color: transparent #0a0c0f transparent transparent;
  position: absolute;
}

.id-top-right-triangle-1024:after {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 0 1024px 1024px 0;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-bottom-right-triangle-256:after {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 256px 256px 0px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-bottom-right-triangle-blue-768:before {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 256px 256px 0px 0px;
  border-color: transparent #0a0c0f transparent transparent;
  position: absolute;
}

.id-bottom-left-triangle-128:after {
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 128px 0px 0px 128px;
  border-color: transparent transparent transparent #202e46;
  position: absolute;
}

.id-bottom-left-triangle-256:before {
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 256px 0px 0px 256px;
  border-color: transparent transparent transparent #202e46;
  position: absolute;
}

.id-bottom-left-triangle-512:before {
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 512px 0px 0px 512px;
  border-color: transparent transparent transparent #202e46;
  position: absolute;
}

.id-bottom-left-triangle-768:before {
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 768px 0px 0px 768px;
  border-color: transparent transparent transparent #202e46;
  position: absolute;
}

.id-bottom-left-triangle-384:after {
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 384px 0px 0px 384px;
  border-color: transparent transparent transparent #202e46;
  position: absolute;
}

.id-top-right-triangle-256:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0px 256px 256px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-top-right-triangle-512:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0px 512px 512px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-top-right-triangle-768:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0px 768px 768px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

@media (min-width: 769px) {
  .id-top-right-triangle-white-256:after {
    content: "";
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0px 256px 256px 0px;
    border-color: transparent #fff transparent transparent;
    position: absolute;
  }

  .id-bottom-right-triangle-gray-256:after {
    content: "";
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 256px 256px 0px 0px;
    border-color: transparent #ececec transparent transparent;
    position: absolute;
  }

  .id-bottom-left-triangle-white-256:before {
    content: "";
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 256px 0px 0px 256px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
  }
}

.id-top-right-triangle-384:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0px 384px 384px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-top-right-triangle-128:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0px 128px 128px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-top-left-triangle-192:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 192px 192px 0px 0px;
  border-color: #202e46 transparent transparent #202e46;
  position: absolute;
}

.id-top-left-triangle-256:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 256px 256px 0px 0px;
  border-color: #202e46 transparent transparent #202e46;
  position: absolute;
}

.id-top-left-triangle-blue-256:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 256px 256px 0px 0px;
  border-color: #0a0c0f transparent transparent #0a0c0f;
  position: absolute;
}

.id-top-left-triangle-blue-384:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 384px 384px 0px 0px;
  border-color: #0a0c0f transparent transparent #0a0c0f;
  position: absolute;
}

.id-top-left-triangle-gray-256:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 256px 256px 0px 0px;
  border-color: #ececec transparent transparent #ececec;
  position: absolute;
}

.id-top-left-triangle-512:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 512px 512px 0px 0px;
  border-color: #202e46 transparent transparent #202e46;
  position: absolute;
}

.id-bottom-right-triangle-512:after {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 512px 512px 0px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-bottom-left-triangle-gray-256:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
  border-style: solid;
  border-width: 256px 0px 0px 256px;
  border-color: transparent transparent #ececec #ececec;
  position: absolute;
}

.id-bottom-left-triangle-gray-448:after {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
  border-style: solid;
  border-width: 448px 0px 0px 448px;
  border-color: transparent transparent #ececec #ececec;
  position: absolute;
}

.id-bottom-right-triangle-gray-1024:before {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 1024px 1024px 0px 0px;
  border-color: transparent #ececec transparent transparent;
  position: absolute;
}

.id-bottom-left-triangle-blue-256:after {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
  border-style: solid;
  border-width: 256px 0px 0px 256px;
  border-color: transparent transparent #0a0c0f #0a0c0f;
  position: absolute;
}

.id-bottom-left-triangle-blue-512:after {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
  border-style: solid;
  border-width: 512px 0px 0px 512px;
  border-color: transparent transparent #0a0c0f #0a0c0f;
  position: absolute;
}

.id-top-right-triangle-gray-384:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0px 384px 384px 0px;
  border-color: transparent #ececec transparent transparent;
  position: absolute;
}

.id-bottom-right-triangle-448:after {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 448px 448px 0px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-bottom-right-triangle-768:after {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 768px 768px 0px 0px;
  border-color: transparent #202e46 transparent transparent;
  position: absolute;
}

.id-bottom-right-triangle-blue-256:before {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 256px 256px 0px 0px;
  border-color: transparent #0a0c0f transparent transparent;
  position: absolute;
}

.id-top-right-triangle-blue-1024:before {
  content: "";
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 0 1024px 1024px 0;
  border-color: transparent #0a0c0f transparent transparent;
  position: absolute;
}

.id-homepage-spacer .elementor-widget-container {
  width: 2000px;
}

@media (min-width: 769px) {
  .id-right-translated-section {
    margin-right: -200px;
    z-index: 2;
  }
}

@media (max-width: 768px) {
  .id-mobile-section-blue-background {
    background-image: none !important;
    background-color: #0a0c0f !important;
  }

  .id-no-pseudo-before:before {
    display: none !important;
  }

  .id-no-pseudo-after:after {
    display: none !important;
  }
}

.id-image-inset-shadow::after {
  box-shadow: inset 0 200px 30px -10px rgba(255, 255, 255, 0.75);
  content: "";
  display: block;
  height: calc(100% + 160px);
  position: absolute;
  top: 0;
  width: 100%;
  margin-top: -160px;
}

.id-image-inset-shadow-post::after {
  box-shadow: inset 0 160px 100px 0px rgba(0, 0, 0, 0.75);
  content: "";
  display: block;
  height: 94%;
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: rotate(180deg);
}



@media(min-width: 768px) {

	
}

.id-blog-container .elementor-post__text {
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #0a0c0f;
}

.id-blog-posts-container-component .elementor-post__text {	
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  background-color: #0a0c0f;
}

.id-blog-posts-container-component .elementor-post__title a {	
  color: white;
}

.elementor-toc__list-wrapper {
  margin-left: 0px;
}

.elementor-widget-container .elementor-toc__body {
  padding-top: 0px;
}

.id-hover-scale:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.025);
  z-index: 1;
}

.id-hover-scale {
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  z-index: 1;
}

.id-text-decoration-none div span a {
  text-decoration: none !important;
}

#id-contact-form > div > form > div > div.elementor-field-type-recaptcha.elementor-field-group.elementor-column.elementor-field-group-field_982f3f2.elementor-col-100, 
#id-contact-form > div > form > div > div.elementor-field-type-recaptcha.elementor-field-group.elementor-column.elementor-field-group-field_79062af.elementor-col-100, 
#id-contact-form > div > form > div > div.elementor-field-type-recaptcha.elementor-field-group.elementor-column.elementor-field-group-field_76df14a.elementor-col-100 {    
	margin: 0 auto;
	width: fit-content;
	padding-bottom: 12px;
}

#id-blog-featured-post .elementor-post__read-more {
	color: white;
    background: #1963B7;
    display: block;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    width: fit-content;
    padding-left: 48px;
    padding-right: 48px;	
	margin-top: 16px;
}


#id-blog-featured-post .elementor-post__read-more:hover {	
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  z-index: 1;
}