html {
--angel: 30deg;
--angel-inv: calc(-1 * var(--angel));
} #logo {
--self-height: 150px;
}
#menu {
--self-height: 100px;
padding-left: 35px;
transition: all 0.5s ease;
}
@media screen and (min-width: 769px) {
#logo {
height: var(--self-height);
transform: skew(var(--angel-inv)) translateX(calc(-1 * var(--self-height) * tan(var(--angel))))!important;
padding-left: calc((var(--self-height) / 2) * tan(var(--angel)) + calc(-1 * var(--self-height) * tan(var(--angel-inv))));
transition: all 0.5s ease;
}
#logo img {
width: 60%;
transform: skew(var(--angel));
transition: all 0.5s ease;
}
#menu {
height: var(--self-height);
transform: skew(var(--angel-inv)) translateX(calc(-1 * var(--self-height) * tan(var(--angel-inv))));
padding-right: calc((var(--self-height) / 2) * tan(var(--angel)) + calc(-1 * var(--self-height) * tan(var(--angel-inv))));
}
#menu nav {
transform: skew(var(--angel));
}
.elementor-sticky--effects #logo {
--self-height: 80px !important;
box-shadow: 0px 0px 12px 9px rgba(0,0,0,0.23);
-webkit-box-shadow: 0px 0px 12px 9px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 12px 9px rgba(0,0,0,0.23);
}
.elementor-sticky--effects #logo img {
transform: skew(var(--angel)) scale(0.4);
}
.elementor-sticky--effects #menu {
--self-height: 80px !important;
padding-left: 15px;
box-shadow: 0px 0px 12px 9px rgba(0,0,0,0.23);
-webkit-box-shadow: 0px 0px 12px 9px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 12px 9px rgba(0,0,0,0.23);
}
}
@media screen and (max-width: 768px) {
.elementor-sticky--effects #logo {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.elementor-sticky--effects #menu {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
}  .button-top a.elementor-button.elementor-size-lg {
position: relative;
height: 70px;
padding-left: calc( (70px / tan( calc(90deg - (var(--angel))))) + 40px );
clip-path: polygon(calc( 70px / tan( calc(90deg - (var(--angel)))) ) 0, 100% 0, 100% 100%, 0 100%);
}
.button-bottom a.elementor-button.elementor-size-lg,
#load-more.elementor-button {
position: relative;
height: 70px;
padding: 20px 40px;
padding-right: calc( (70px / tan( calc(90deg - (var(--angel))))) + 40px );
clip-path: polygon(0 0, 100% 0, calc( 100% - (70px / tan( calc(90deg - (var(--angel))))) ) 100%, 0 100%);
}
#load-more.elementor-button {
margin-top: 50px;
}
.button-top a.elementor-button.elementor-size-lg .elementor-button-text {
background-image: linear-gradient(90deg, var(--e-global-color-secondary), var(--e-global-color-secondary));
}
.button-bottom a.elementor-button.elementor-size-lg .elementor-button-text,
#load-more.elementor-button .elementor-button-text {
background-image: linear-gradient(90deg, var(--e-global-color-a875e87), var(--e-global-color-a875e87));	
}
.button-top a.elementor-button.elementor-size-lg .elementor-button-text,
.button-bottom a.elementor-button.elementor-size-lg .elementor-button-text,
#load-more.elementor-button .elementor-button-text {
background-repeat:no-repeat;
background-position: right bottom;
background-size: 0 1px;
transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.button-top a.elementor-button.elementor-size-lg:hover .elementor-button-text,
.button-bottom a.elementor-button.elementor-size-lg:hover .elementor-button-text,
#load-more.elementor-button:hover .elementor-button-text {
background-position: left bottom;
background-size: 100% 1px;
} a.skip-main {
left:-999px;
position:absolute;
top:auto;
width:1px;
height:1px;
overflow:hidden;
z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
color: #fff;
background-color:#000;
left: auto;
top: auto;
width: 30%;
height: auto;
overflow:auto;
margin: 10px 35%;
padding:5px;
border-radius: 15px;
border:4px solid yellow;
text-align:center;
font-size:1.2em;
z-index:999;
}
.elementor-widget-text-editor p:last-child {
margin-bottom: 0px;
}
ul {
list-style-type: square;
}