/* 
Theme Name: AV Graphics - late2020
Theme URI: https://avgraphics.com.au
Description: Uses Hello Elementor theme with customisation
Author: AV Graphics
Author URI: https://avgraphics.com.au/
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
*/

/*
    Add your custom styles here
*/

/*------------------------------------*\
    animated text overlays
\*------------------------------------*/
.underline-l-blue{width: calc(100%);
background-image: linear-gradient(transparent calc(100% - 7px), #e0e5fc 10px);
background-repeat: no-repeat;
background-size: 100% 94%;
transition: 0.5s ease;}
mark{
  --color1: #e0e5fc;
  --color2: #e0e5fc;
  --bg-height: 40%; 
  all: unset;
  background-image: linear-gradient(var(--color1), var(--color2));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 var(--bg-height);
  animation: highlight 800ms 1 ease-out;
  animation-fill-mode: forwards;
  animation-play-state: paused;
}
@keyframes highlight {
  to {background-size: 100% var(--bg-height);}
}

/*------------------------------------*\
  *--SHRINKING LOGO--*
\*------------------------------------*/
/*--New class when sticky is turned on 'elementor-sticky--effects'--*/
/*--give the logo image a class called 'sticky-logo' --*/
.elementor-sticky--effects .elementor-container{min-height: 60px !important;}
.elementor-sticky--effects .sticky-logo img {
	width: 80px!important;/*--edit the pixels to change to desired shrinking size--*/}
.sticky-logo img {transition: .5s all ease-in-out; width: 100% !important;}
.main-site-logo{max-height:72px;}
.main-site-logo img{height:100%;}

/*------------------------------------*\
  *--LIST Style--*
\*------------------------------------*/
.services-page ul li{
    list-style:none;
}
.services-page li:before{
content: "\2022";
color: #BAC4F3;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.services-page li{padding-bottom: 20px;}
.services-page.slighter li{padding-bottom: 5px;}

.numInputWrapper{display:none;}

.link-bronze a {color: #C4A794;}


/*------------------------------------*\
    Contact form 7
\*------------------------------------*/
.wpcf7-form p{ padding-top:2rem;}

/*------------------------------------*\
    adjusted media queries
\*------------------------------------*/

@media screen and (min-width: 300px) and (max-width:767px) /* Mobile */ {   
	.elementor-108 .elementor-element.elementor-element-625f433:not(.elementor-motion-effects-element-type-background), .elementor-108 .elementor-element.elementor-element-625f433>.elementor-motion-effects-container>.elementor-motion-effects-layer{
	background-image: url(https://avgraphics.com.au/wp-content/uploads/2020/12/bg-element-5-texture.jpg);
	}
}

/* Landscape tablet & small screens*/
@media (min-width: 768px) and (max-width:1366px) {
	.elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover{padding: 13px 15px !important;}
	.hero-message .elementor-column-wrap{padding: 0 100px !important;}
	.hero-message h1{font-size: 38px;}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.hero-message .elementor-column-wrap{ padding: 0 100px !important;}	
.hero-message h1{font-size: 38px;}
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape) {
.hero-message .elementor-column-wrap{ padding: 0 100px !important;}	
.hero-message h1{font-size: 38px;}
}
	

@media screen and (max-width: 767px) {
.elementor-sticky--effects .sticky-logo img { width: 90px!important;/*--edit the pixels to change to desired shrinking size for mobile--*/}
}