font-family: azo-sans-web,sans-serifAll required font weights: 300, 400, 500, 700
font-size: 18px
text-transform: uppercase; letter-spacing: .02em; line-height: 1.12; letter-spacing: .02em;Default font weight: 700
.light: 300
line-height: 1.3;
h5 {font-weight: 500}
h6 {font-weight: 400}
opacity: .66
display: none;1. max 767px
.hide-mobile2. max 1024px
.hide-tablet3. min 1025px
.hide-desktop
.small {
font-size: .9em}
.smaller {
font-size: .8em}
.large {
font-size: 1.2em}
.larger {
font-size: 1.4em}
font-weight: 300; font-size: 18px; line-height: 1.5;Bold/strong
font-weight: 500;
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren.
.elementor-widget-buttonAll buttons
border-radius: 0; font-weight: 400; border: solid 3px; line-height: 1.2; letter-spacing: .02em; text-transform: uppercase;Default button
font-size: 22px;
.elementor-rowStyle selector idea:
.elementor-column
.row-slant-right
.elementor-column:first-child
.elementor-column:last-child
.row-slant-right .elementor-column:last-child::before {
content:"";
display: block;
position: absolute;
height: 100%;
width: 90px;
top: 0;
left: -42px;
transform: skew(-6deg);
background: #2E2D2C;
}
.row-slant-right .elementor-column:last-child {
z-index: 2;
}
first column background slant left
.row-slant-right .elementor-column:first-child::before {
content:"";
display: block;
position: absolute;
height: 100%;
width: 90px;
top: 0;
right: -48px;
background: #fff;
opacity: 1;
z-index: 1;
transform: skew(-6deg)
}
selector:before {
content:"";
display: block;
position: absolute;
height: 100%;
width: 90px;
top: 0;
right: -42px;
transform: skew(-6deg);
background: #2E2D2C;
}
selector {
z-index: 2;
}
second column background slant right
selector:before {
content:"";
display: block;
position: absolute;
height: 100%;
width: 90px;
top: 0;
left: -48px;
background: #fff;
opacity: 1;
z-index: 1;
transform: skew(-6deg)
}
outline: none;2. Selection color:
::-moz-selection {
background: #DF5C16;
color: #fff
}
::selection {
background: #DF5C16;
color: #fff
}
