/**
Theme Name: Helene Phillips
Author: Vladimír Jarkovský
Author URI: https://jarkovsky.com
Description: Custom theme created for Helene Phillips
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: helene-phillips
Template: astra
*/

.hp-image:before { content: ""; position: absolute; top: 10px; left: 50%; height: 360px; width: 150%; background: #15182A; display: block; }
.hp-image.right:before { left: auto; right: 50%; }
.hp-image img { z-index: 3; position: relative; }


.text-shadow-light  { text-shadow: 5px 3px 0 rgba(0,0,0,0.05)}

.hp-image.large:before { height: 110%; width: 9999%; }
.hp-image.light:before { background: #212832; }

.hero-with-line:after { content: ""; position: absolute; bottom: -125px; left: 50%; height: 250px; width: 1px; background: #2b2775; display: block; z-index: 10; }
.elementor-shape { overflow: visible; }


.heading-with-underline h1 { 
	/* font-family: 'futuramedium'; */
	/* font-size: 80px!important; */
	position: relative; 
	z-index: 1!important; 
	/* display: inline;  */
	background: -webkit-linear-gradient(#d1cfff, #2b2775);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.heading-with-underline h1:before {
	content: "";
	height: 4px;
	width: 60%;
	background: #fff;
	display: block;	
	position: absolute;
  bottom: -35px;
	margin-top: -16px;
	z-index: -1;
	left:50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

footer.site-footer {
	position: relative;
}
footer.site-footer:before {
	content: "";
	width: 0;
  height: 0;
  border-top: 100px solid #fff;
    border-right: 100vw solid transparent;
	position: absolute;	
	top: 0;
	z-index: 3;
}

footer.site-footer .ast-footer-overlay { padding-top: 140px; }

.main-header-menu > .menu-item > a {
	/* font-family: 'futuramedium'; */
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
}

h1, .entry-content h1, 
h2, .entry-content h2, 
h3, .entry-content h3, 
h4, .entry-content h4, 
h5, .entry-content h5, 
h6, .entry-content h6 {
	/* font-family: 'futuramedium';     */
	letter-spacing: 1px;
}




@media only screen and (max-width: 1050px) {
  /* Header */
  .ast-header-break-point .site-header { border: none; }
  .ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle { border-radius: 100%; margin-top: 10px; }

  .elementor-section-height-full { height: 100vh; }


  .ast-theme-transparent-header .main-header-menu, .ast-theme-transparent-header .main-header-menu a, .ast-theme-transparent-header .ast-masthead-custom-menu-items, .ast-theme-transparent-header .ast-masthead-custom-menu-items a, .ast-theme-transparent-header .main-header-menu li > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu li > .ast-menu-toggle {
      color: #666!important;
  }
}

@media only screen and (max-width: 690px) {

  body #main .project-row .project-content .elementor-element-populated { text-align: center; padding: 30px; }

  .elementor-2346 .elementor-element.elementor-element-a24c8d6:not(.elementor-motion-effects-element-type-background), .elementor-2346 .elementor-element.elementor-element-a24c8d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-position: top right 32%; }


  .elementor-2346 .elementor-element.elementor-element-1172a69e .elementor-heading-title { font-size: 4rem!important; line-height: 1.2; }
  .elementor-2346 .elementor-element.elementor-element-407a17b .elementor-heading-title { font-size: 16px; line-height: 1.4; }


  .heading-with-underline h1:before {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}


.educator-classes .elementor-button { width: 100%; padding-top: 17px!important; padding-right: 23px!important; padding-bottom: 17px!important; padding-left: 23px!important; }


@media only screen and (max-width: 1050px) and (orientation: landscape) {
  body .elementor-section-height-full {
    height: 140vh;
  }
}