/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Nav */
a {
  text-decoration: underline;
  text-decoration-thickness: 1px !important;
}
a.elementor-button:hover  {
   padding-left: 5px !important; 
}
/* Text */
h1,h2 {
  line-height: 1.2;
}
h1 span {
  font-weight: 500;
}
h1 a, h2 a, a {
  text-decoration-thickness: 1px !important;
}
strong {
  font-weight: 500;
}
a svg#Layer_1, button svg#Layer_1 {
  fill: #000;
  width: 62px;
}
/* v */

.v-left-2:before {
	    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2021/06/v.svg) no-repeat;
    background-size: contain;
    width: 75%;
    top: 0;
    bottom: -41px;
    right: 54%;

}
.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
/* Layoout */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px 20px;
}
/* Forms */
input[type="text"], input[type="email"], textarea {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	/* Layoout */

  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 740px;
  }
	h1 a, h2 a, a {
  text-decoration-thickness: 2px !important;
}
	/* Stikcy header */
header.sticky-header {
  --header-height: 100px;
  --opacity: 0.90;
  --shrink-me: 0.80;
  transition: all 0.5s ease;
}
header.sticky-header.elementor-sticky--effects {
  background-image: none !important;
  opacity: var(--opacity) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: all 0.5s ease;
}
header.sticky-header .logo img {
  width: 184px !important;
  transition: all 0.5s ease;
}
header.sticky-header.elementor-sticky--effects .logo img {
  width: 150px !important;
}
header.sticky-header > .elementor-container {
  transition: min-height var(--transition);
  transition: all 0.5s ease;
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
  min-height: calc(var(--header-height) * var(--shrink-me)) !important;
  height: calc(var(--header-height) * var(--shrink-me));
  transition: all 0.5s ease;
}

	.v-left:before {
  content: '';
  position: absolute;
  background: url(/wp-content/uploads/2021/06/v.svg) no-repeat;
  background-size: contain;
  height: 100%;
  width: 50%;
  top: 0;
  right: 55%;
}
	.v-left-2:before {
  content: '';
  position: absolute;
  background: url(/wp-content/uploads/2021/06/v.svg) no-repeat;
  background-size: contain;
  width: 50%;
  top: -200px;
    bottom:0;
  right: 55%;
	

}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
		/* Layoout */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
        h1,h2 {
  font-size:50px !important;
}
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1170px;
  }
}
@media (min-width: 1462px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1428px;
  }
}
@media (min-width: 1600px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1500px;
  }
}
@media (min-width: 1920px) {
    h1,h2 {
  font-size:80px !important;
}
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1640px;
  }
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) {}