/** * root.css * @ GULA Theme * * Document & Code @copyright by SteckDesign * Changes by third parties are not permitted. */ :root { --fontsize: calc(14px + (24 - 14) * ((100vw - 300px) / (2000 - 300))); --lineheight: calc( var( --fontsize ) * 1.6 ); --font-family-sans: "Inter", "Helvetica Neue", Helvetica, Arial, "sans-serif"; --font-family-serif: "Playfair Display", "Times", "serif"; --body-font: var(--font-family-sans); --bodyweight: 400; --title-font: var(--font-family-sans); --title-font-serif: var(--font-family-serif); --titleweight: 600; --size-0: calc( var( --fontsize ) * 0 ); --size-0125: calc( var( --fontsize ) * 0.125 ); --size-025: calc( var( --fontsize ) * 0.25 ); --size-05: calc( var( --fontsize ) * 0.5 ); --size-075: calc( var( --fontsize ) * 0.75 ); --size-1: calc( var( --fontsize ) * 1 ); --size-125: calc( var( --fontsize ) * 1.25 ); --size-15: calc( var( --fontsize ) * 1.5 ); --size-175: calc( var( --fontsize ) * 1.75 ); --size-2: calc( var( --fontsize ) * 2 ); --size-225: calc( var( --fontsize ) * 2.25 ); --size-25: calc( var( --fontsize ) * 2.5 ); --size-275: calc( var( --fontsize ) * 2.75 ); --size-3: calc( var( --fontsize ) * 3 ); --size-35: calc( var( --fontsize ) * 3.5 ); --size-4: calc( var( --fontsize ) * 4 ); --size-45: calc( var( --fontsize ) * 4.5 ); --size-5: calc( var( --fontsize ) * 5 ); --size-55: calc( var( --fontsize ) * 5.5 ); --size-6: calc( var( --fontsize ) * 6 ); --size-65: calc( var( --fontsize ) * 6.5 ); --size-7: calc( var( --fontsize ) * 7 ); --size-75: calc( var( --fontsize ) * 7.5 ); --size-8: calc( var( --fontsize ) * 8 ); --size-85: calc( var( --fontsize ) * 8.5 ); --size-9: calc( var( --fontsize ) * 9 ); --size-95: calc( var( --fontsize ) * 9.5 ); --size-10: calc( var( --fontsize ) * 10 ); --size-20: calc( var( --fontsize ) * 20 ); --size-30: calc( var( --fontsize ) * 30 ); --size-40: calc( var( --fontsize ) * 40 ); --size-50: calc( var( --fontsize ) * 50 ); --size-60: calc( var( --fontsize ) * 60 ); --size-70: calc( var( --fontsize ) * 70 ); --size-80: calc( var( --fontsize ) * 80 ); --size-90: calc( var( --fontsize ) * 90 ); --size-100: calc( var( --fontsize ) * 100 ); --font-normal: normal; --font-italic: italic; --weight-100: 100; --weight-200: 200; --weight-300: 300; --weight-400: 400; --weight-500: 500; --weight-600: 600; --weight-700: 700; --weight-800: 800; --weight-900: 900; } .nono { display: none; } /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */ .shadowtext { text-shadow: 1px 1px 0px #000; } .box_shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; } .block { display: block;} .nomarg { margin-left: 0px; margin-right: 0px; } .nomarg-left { margin-left: 0px; } .nomarg-right { margin-right: 0px; } .nopad { padding-left: 0px; padding-right: 0px; } .nopad-left { padding-left: 0px; } .nopad-right { padding-right: 0px; } .round { border-radius: 50%; } .upcase { text-transform: uppercase; } .text-left { text-align: left!important; } .text-center { text-align: center!important; } .text-right { text-align: right!important; } .text-justify { text-align: justify!important; } span.lines { border-bottom: #FFF solid 1px; border-top: 1px solid #FFF; padding-bottom: 1px; } .dot { border-radius: 50%; display: inline-block; } .iconcircle { border-radius: 50%; border: 2px solid; display: grid; align-items: center; justify-content: center; } .neg span { display: inline-block; } .neg > span > span { padding: 0 0.25em; margin: 0 -0.5em 0 0; } .neg .blackbg span { background-color: #000; color: #ffffff; } .neg .whitebg span { background-color: #ffffff; color: #000; } .clearfix::after { content: ""; clear: both; display: table; } /* * Arrows */ .tarrow { border: solid; display: inline-block; } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .left { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .arrborder1 { border-width: 0 1px 1px 0; } .arrborder2 { border-width: 0 2px 2px 0; } .arrborder3 { border-width: 0 3px 3px 0; } .arrborder4 { border-width: 0 4px 4px 0; } .arrborder5 { border-width: 0 5px 5px 0; } .arrborder6 { border-width: 0 6px 6px 0; } .arrborder7 { border-width: 0 7px 7px 0; } .arrborder8 { border-width: 0 8px 8px 0; } .arrborder9 { border-width: 0 9px 9px 0; } .arrborder10 { border-width: 0 10px 10px 0; } .arrborder11 { border-width: 0 11px 11px 0; } .arrborder12 { border-width: 0 12px 12px 0; } .arrborder13 { border-width: 0 13px 13px 0; } .arrborder14 { border-width: 0 14px 14px 0; } .arrborder15 { border-width: 0 15px 15px 0; } .arrborder16 { border-width: 0 16px 16px 0; } .arrborder17 { border-width: 0 17px 17px 0; } /* * Border */ .btop1-solid-black { border-top: 1px solid rgba( var(--black), 1.0); } .btop2-solid-black { border-top: 2px solid rgba( var(--black), 1.0); } .btop3-solid-black { border-top: 3px solid rgba( var(--black), 1.0); } .btop4-solid-black { border-top: 4px solid rgba( var(--black), 1.0); } .btop5-solid-black { border-top: 5px solid rgba( var(--black), 1.0); } .btop6-solid-black { border-top: 6px solid rgba( var(--black), 1.0); } .btop7-solid-black { border-top: 7px solid rgba( var(--black), 1.0); } .btop8-solid-black { border-top: 8px solid rgba( var(--black), 1.0); } .btop9-solid-black { border-top: 9px solid rgba( var(--black), 1.0); } .btop10-solid-black { border-top: 10px solid rgba( var(--black), 1.0); } .btop1-solid-white { border-top: 1px solid rgba( var(--white), 1.0); } .btop2-solid-white { border-top: 2px solid rgba( var(--white), 1.0); } .btop3-solid-white { border-top: 3px solid rgba( var(--white), 1.0); } .btop4-solid-white { border-top: 4px solid rgba( var(--white), 1.0); } .btop5-solid-white { border-top: 5px solid rgba( var(--white), 1.0); } .btop6-solid-white { border-top: 6px solid rgba( var(--white), 1.0); } .btop7-solid-white { border-top: 7px solid rgba( var(--white), 1.0); } .btop8-solid-white { border-top: 8px solid rgba( var(--white), 1.0); } .btop9-solid-white { border-top: 9px solid rgba( var(--white), 1.0); } .btop10-solid-white { border-top: 10px solid rgba( var(--white), 1.0); } .bbot1-solid-black { border-bottom: 1px solid rgba( var(--black), 1.0); } .bbot2-solid-black { border-bottom: 2px solid rgba( var(--black), 1.0); } .bbot3-solid-black { border-bottom: 3px solid rgba( var(--black), 1.0); } .bbot4-solid-black { border-bottom: 4px solid rgba( var(--black), 1.0); } .bbot5-solid-black { border-bottom: 5px solid rgba( var(--black), 1.0); } .bbot6-solid-black { border-bottom: 6px solid rgba( var(--black), 1.0); } .bbot7-solid-black { border-bottom: 7px solid rgba( var(--black), 1.0); } .bbot8-solid-black { border-bottom: 8px solid rgba( var(--black), 1.0); } .bbot9-solid-black { border-bottom: 9px solid rgba( var(--black), 1.0); } .bbot10-solid-black { border-bottom: 10px solid rgba( var(--black), 1.0); } .bbot1-solid-white { border-bottom: 1px solid rgba( var(--white), 1.0); } .bbot2-solid-white { border-bottom: 2px solid rgba( var(--white), 1.0); } .bbot3-solid-white { border-bottom: 3px solid rgba( var(--white), 1.0); } .bbot4-solid-white { border-bottom: 4px solid rgba( var(--white), 1.0); } .bbot5-solid-white { border-bottom: 5px solid rgba( var(--white), 1.0); } .bbot6-solid-white { border-bottom: 6px solid rgba( var(--white), 1.0); } .bbot7-solid-white { border-bottom: 7px solid rgba( var(--white), 1.0); } .bbot8-solid-white { border-bottom: 8px solid rgba( var(--white), 1.0); } .bbot9-solid-white { border-bottom: 9px solid rgba( var(--white), 1.0); } .bbot10-solid-white { border-bottom: 10px solid rgba( var(--white), 1.0); } .btop1-solid-green { border-top: 1px solid rgba( var(--green), 1.0); } .btop1-solid-green050 { border-top: 1px solid rgba( var(--green), 0.5); } .btop1-solid-green025 { border-top: 1px solid rgba( var(--green), 0.25); } .btop1-solid-gold { border-top: 5px solid rgba( var(--rgb_gold), 1.0); } .bleft10-solid-white { border-left: 10px solid rgba( var(--white), 1.0); } .br1 { border-radius:calc( var( --size-1 ) * 0.1 ); } .br2 { border-radius:calc( var( --size-1 ) * 0.15 ); } .br3 { border-radius:calc( var( --size-1 ) * 0.175 ); } .br4 { border-radius:calc( var( --size-1 ) * 0.2 ); } .br5 { border-radius:calc( var( --size-1 ) * 0.25 ); } .br6 { border-radius:calc( var( --size-1 ) * 0.3 ); } .br7 { border-radius:calc( var( --size-1 ) * 0.35 ); } .br8 { border-radius:calc( var( --size-1 ) * 0.4 ); } .br9 { border-radius:calc( var( --size-1 ) * 0.475 ); } .br10 { border-radius:calc( var( --size-1 ) * 0.55 ); } .br15 { border-radius:calc( var( --size-1 ) * 0.8 ); } .br20 { border-radius:calc( var( --size-1 ) * 0.95 ); } .br25 { border-radius:calc( var( --size-1 ) * 1.2 ); } .br30 { border-radius:calc( var( --size-1 ) * 1.45 ); } .br35 { border-radius:calc( var( --size-1 ) * 1.7 ); } .br40 { border-radius:calc( var( --size-1 ) * 1.95 ); } .btop-solid { border-top: solid; } .btop-dotted { border-top: dotted; } .btop-dashed { border-top: dashed; } .btop-double { border-top: double; } .btop-width1 { border-top-width: 1px;} .btop-width2 { border-top-width: 2px;} .btop-width3 { border-top-width: 3px;} .btop-width4 { border-top-width: 4px;} .btop-width5 { border-top-width: 5px;} .btop-width6 { border-top-width: 6px;} .btop-color { border-top-color: #04A4CC;} .b-left1 { border-left:1px; } .b-dashed { border-style:dashed; } .b-top-double { border-top: double; } .b-top-white { border-top-color: rgba( var(--white), 1.0); } hr { margin-top: 0rem; margin-bottom: 0rem; border: 0; border-top: 0px solid transparent; } /* .hrborder { margin-top: 0px!important; margin-bottom: 0px!important; } */ .hrborder.hrblack { border-color: rgba( var(--black), 1.0)!important; } .hrborder.hrwhite { border-color: rgba( var(--white), 1.0); } .hrborder.hrdeepred { border-color: rgba( var(--maincolor-4), 1.0); } .hrborder.dotted { border-style:dotted!important; } .hrborder.dashed { border-style:dashed!important; } .hrborder.double { border-style:double!important; } .hrborder.single { border-style:single; } .hrleft{ display: inline-block; vertical-align: middle; margin-right:auto; } .hrwidth1 { border-width:calc( var( --size-1 ) * 0.1 ); } .hrwidth2 { border-width:calc( var( --size-1 ) * 0.15 ); } .hrwidth3 { border-width:calc( var( --size-1 ) * 0.175 ); } .hrwidth4 { border-width:calc( var( --size-1 ) * 0.2 ); } .hrwidth5 { border-width:calc( var( --size-1 ) * 0.25 ); } .hrwidth6 { border-width:calc( var( --size-1 ) * 0.3 ); } .hrwidth7 { border-width:calc( var( --size-1 ) * 0.35 ); } .hrwidth8 { border-width:calc( var( --size-1 ) * 0.4 ); } .hrwidth9 { border-width:calc( var( --size-1 ) * 0.475 ); } .hrwidth10 { border-width:calc( var( --size-1 ) * 0.55 ); } .hrwidth15 { border-width:calc( var( --size-1 ) * 0.8 ); } .hrwidth20 { border-width:calc( var( --size-1 ) * 0.95 ); } .hrwidth25 { border-width:calc( var( --size-1 ) * 1.2 ); } .hrwidth30 { border-width:calc( var( --size-1 ) * 1.45 ); } .hrwidth35 { border-width:calc( var( --size-1 ) * 1.7 ); } .hrwidth40 { border-width:calc( var( --size-1 ) * 1.95 ); } /* * Fonts */ .sans { font-family: var( --title-font ); font-style: var( --font-normal ); } .serif { font-family: var( --title-font-serif ); font-weight: 400; font-style: var( --font-normal ); } .fs5vw { font-size: 5vw; } .fs6vw { font-size: 6vw; } .fs7vw { font-size: 7vw; } .fs8vw { font-size: 8vw; } .fs9vw { font-size: 9vw; } .fs10vw { font-size: 10vw; } .fs11vw { font-size: 11vw; } .fs12vw { font-size: 12vw; } .fs13vw { font-size: 13vw; } .fs14vw { font-size: 14vw; } .fs15vw { font-size: 15vw; } .fs20vw { font-size: 20vw; } .fs25vw { font-size: 25vw; } .fs30vw { font-size: 30vw; } .fs35vw { font-size: 35vw; } .fs40vw { font-size: 40vw; } .fs45vw { font-size: 45vw; } .fs50vw { font-size: 50vw; } .fs55vw { font-size: 55vw; } .fs60vw { font-size: 60vw; } .fs65vw { font-size: 65vw; } .fs70vw { font-size: 70vw; } .fs75vw { font-size: 75vw; } .fs80vw { font-size: 80vw; } .fs85vw { font-size: 85vw; } .fs90vw { font-size: 90vw; } .fs95vw { font-size: 95vw; } .fs100vw { font-size: 100vw; } /* .fsvw9 { font-size: 26vw; line-height: 1; } .fsvw8 { font-size: 22vw; line-height: 1; } .fsvw7 { font-size: 18.3vw; line-height: 1; } .fsvw6 { font-size: 14.9vw; line-height: 1; } .fsvw5 { font-size: 12.7vw; line-height: 1; } .fsvw4 { font-size: 10.7vw; line-height: 1; } .fsvw3 { font-size: 8.9vw; line-height: 1; } .fsvw2 { font-size: 8.15vw; line-height: 1; } .fsvw1 { font-size: 6.35vw; line-height: 1; } */ .fsvw9 { font-size: calc( 13vw * 1.1 ); line-height: 1; } .fsvw8 { font-size: calc( 11vw * 1.2 ); line-height: 1; } .fsvw7 { font-size: calc( 9.3vw * 1.3 ); line-height: 1; } .fsvw6 { font-size: calc( 7.9vw * 1.4 ); line-height: 1; } .fsvw5 { font-size: calc( 6.7vw * 1.5 ); line-height: 1; } .fsvw4 { font-size: calc( 5.7vw * 1.6 ); line-height: 1; } .fsvw3 { font-size: calc( 4.9vw * 1.7 ); line-height: 1; } .fsvw2 { font-size: calc( 4.15vw * 1.8 ); line-height: 1; } .fsvw1 { font-size: calc( 3.35vw * 1.9 ); line-height: 1; } @media ( min-width: 567px ) { .fsvw9 { font-size: calc( 13vw * 1.25 ); line-height: 1; } .fsvw8 { font-size: calc( 11vw * 1.25 ); line-height: 1; } .fsvw7 { font-size: calc( 9.3vw * 1.25 ); line-height: 1; } .fsvw6 { font-size: calc( 7.9vw * 1.25 ); line-height: 1; } .fsvw5 { font-size: calc( 6.7vw * 1.25 ); line-height: 1; } .fsvw4 { font-size: calc( 5.7vw * 1.25 ); line-height: 1; } .fsvw3 { font-size: calc( 4.9vw * 1.25 ); line-height: 1; } .fsvw2 { font-size: calc( 4.15vw * 1.25 ); line-height: 1; } .fsvw1 { font-size: calc( 3.35vw * 1.25 ); line-height: 1; } } @media ( min-width: 767px ) { .fsvw9 { font-size: 13vw; line-height: 1; } .fsvw8 { font-size: 11vw; line-height: 1; } .fsvw7 { font-size: 9.3vw; line-height: 1; } .fsvw6 { font-size: 7.9vw; line-height: 1; } .fsvw5 { font-size: 6.7vw; line-height: 1; } .fsvw4 { font-size: 5.7vw; line-height: 1; } .fsvw3 { font-size: 4.9vw; line-height: 1; } .fsvw2 { font-size: 4.15vw; line-height: 1; } .fsvw1 { font-size: 3.35vw; line-height: 1; } } .fs1 { font-size: calc( var( --size-1 ) * 0.6 ); } .fs2 { font-size: calc( var( --size-1 ) * 0.7 ); } .fs3 { font-size: calc( var( --size-1 ) * 0.8 ); } .fs4 { font-size: calc( var( --size-1 ) * 0.9 ); } .fs5 { font-size: calc( var( --size-1 ) * 1.0 ); } .fs6 { font-size: calc( var( --size-1 ) * 1.2 ); } .fs7 { font-size: calc( var( --size-1 ) * 1.4 ); } .fs8 { font-size: calc( var( --size-1 ) * 1.6 ); } .fs9 { font-size: calc( var( --size-1 ) * 1.8 ); } .fs10 { font-size: calc( var( --size-1 ) * 2.05 ); } .fs11 { font-size: calc( var( --size-1 ) * 2.25 ); line-height: 1; letter-spacing: -0.05rem; } .fs12 { font-size: calc( var( --size-1 ) * 2.5 ); line-height: 1; letter-spacing: -0.05rem; } .fs13 { font-size: calc( var( --size-1 ) * 2.75 ); line-height: 1; letter-spacing: -0.05rem; } .fs14 { font-size: calc( var( --size-1 ) * 3 ); line-height: 1; letter-spacing: -0.05rem; } .fs15 { font-size: calc( var( --size-1 ) * 3.3 ); line-height: 1; letter-spacing: -0.05rem; } .fs16 { font-size: calc( var( --size-1 ) * 3.6 ); line-height: 1; letter-spacing: -0.05rem; } .fs17 { font-size: calc( var( --size-1 ) * 3.9 ); line-height: 1; letter-spacing: -0.05rem; } .fs18 { font-size: calc( var( --size-1 ) * 4.3 ); line-height: 1; letter-spacing: -0.05rem; } .fs19 { font-size: calc( var( --size-1 ) * 4.7 ); line-height: 1; letter-spacing: -0.05rem; } .fs20 { font-size: calc( var( --size-1 ) * 5.1 ); line-height: 1; letter-spacing: -0.05rem; } /* * Font Weight */ .fw100 { font-weight: var( --weight-100 )!important; } .fw200 { font-weight: var( --weight-200 )!important; } .fw300 { font-weight: var( --weight-300 )!important; } .fw400 { font-weight: var( --weight-400 )!important; } .fw500 { font-weight: var( --weight-500 )!important; } .fw600 { font-weight: var( --weight-600 )!important; } .fw700 { font-weight: var( --weight-700 )!important; } .fw800 { font-weight: var( --weight-800 )!important; } .fw900 { font-weight: var( --weight-900 )!important; } /* * Line Height */ .lh05 { line-height: 0.5!important; } .lh06 { line-height: 0.6!important; } .lh07 { line-height: 0.7!important; } .lh08 { line-height: 0.8!important; } .lh09 { line-height: 0.9!important; } .lh10 { line-height: 1!important; } .lh11 { line-height: 1.1!important; } .lh12 { line-height: 1.2!important; } .lh13 { line-height: 1.3!important; } .lh14 { line-height: 1.4!important; } .lh15 { line-height: 1.5!important; } .lh16 { line-height: 1.6!important; } .lh17 { line-height: 1.7!important; } .lh18 { line-height: 1.8!important; } .lh19 { line-height: 1.9!important; } .lh20 { line-height: 2!important; } .lh21 { line-height: 2.1!important; } .lh22 { line-height: 2.2!important; } .lh23 { line-height: 2.3!important; } .lh24 { line-height: 2.4!important; } .lh25 { line-height: 2.5!important; } /* * Letter Spacing */ .-lesp1 { letter-spacing: -1rem; } .-lesp075 { letter-spacing: -0.75rem; } .-lesp05 { letter-spacing: -0.5rem; } .-lesp04 { letter-spacing: -0.4rem; } .-lesp03 { letter-spacing: -0.3rem; } .-lesp02 { letter-spacing: -0.2rem; } .-lesp01 { letter-spacing: -0.1rem; } .-lesp0075 { letter-spacing: -0.075rem; } .-lesp005 { letter-spacing: -0.05rem; } .-lesp0025 { letter-spacing: -0.025rem; } .lesp0 { letter-spacing: 0rem; } .lesp0025 { letter-spacing: 0.025rem; } .lesp005 { letter-spacing: 0.05rem; } .lesp0075 { letter-spacing: 0.075rem; } .lesp01 { letter-spacing: 0.1rem; } .lesp02 { letter-spacing: 0.2rem; } .lesp03 { letter-spacing: 0.3rem; } .lesp04 { letter-spacing: 0.4rem; } .lesp05 { letter-spacing: 0.5rem; } .lesp075 { letter-spacing: 0.75rem; } .lesp1 { letter-spacing: 1rem; } /* * Text Indent */ .textindent0125 { text-indent: var( --size-0125 ); } .textindent025 { text-indent: var( --size-025 ); } .textindent05 { text-indent: var( --size-05 ); } .textindent075 { text-indent: var( --size-075 ); } .textindent1 { text-indent: var( --size-1 ); } .textindent125 { text-indent: var( --size-125 ); } .textindent15 { text-indent: var( --size-15 ); } .textindent175 { text-indent: var( --size-175 ); } .textindent2 { text-indent: var( --size-2 ); } .textindent225 { text-indent: var( --size-225 ); } .textindent25 { text-indent: var( --size-25 ); } .textindent275 { text-indent: var( --size-275 ); } .textindent3 { text-indent: var( --size-3 ); } .textindent35 { text-indent: var( --size-35 ); } .textindent4 { text-indent: var( --size-4 ); } .textindent45 { text-indent: var( --size-45 ); } .textindent5 { text-indent: var( --size-5 ); } .textindent55 { text-indent: var( --size-55 ); } .textindent6 { text-indent: var( --size-6 ); } .textindent65 { text-indent: var( --size-65 ); } .textindent7 { text-indent: var( --size-7 ); } .textindent75 { text-indent: var( --size-75 ); } .textindent8 { text-indent: var( --size-8 ); } .textindent85 { text-indent: var( --size-85 ); } .textindent9 { text-indent: var( --size-9 ); } .textindent95 { text-indent: var( --size-95 ); } .textindent10 { text-indent: var( --size-10 ); } .-textindent0125 { text-indent: calc( var( --size-0125 ) * -1 ); } .-textindent025 { text-indent: calc( var( --size-025 ) * -1 ); } .-textindent05 { text-indent: calc( var( --size-05 ) * -1 ); } .-textindent075 { text-indent: calc( var( --size-075 ) * -1 ); } .-textindent1 { text-indent: calc( var( --size-1 ) * -1 ); } .-textindent125 { text-indent: calc( var( --size-125 ) * -1 ); } .-textindent15 { text-indent: calc( var( --size-15 ) * -1 ); } .-textindent175 { text-indent: calc( var( --size-175 ) * -1 ); } .-textindent2 { text-indent: calc( var( --size-2 ) * -1 ); } .-textindent225 { text-indent: calc( var( --size-225 ) * -1 ); } .-textindent25 { text-indent: calc( var( --size-25 ) * -1 ); } .-textindent275 { text-indent: calc( var( --size-275 ) * -1 ); } .-textindent3 { text-indent: calc( var( --size-3 ) * -1 ); } .-textindent35 { text-indent: calc( var( --size-35 ) * -1 ); } .-textindent4 { text-indent: calc( var( --size-4 ) * -1 ); } .-textindent45 { text-indent: calc( var( --size-45 ) * -1 ); } .-textindent5 { text-indent: calc( var( --size-5 ) * -1 ); } .-textindent55 { text-indent: calc( var( --size-55 ) * -1 ); } .-textindent6 { text-indent: calc( var( --size-6 ) * -1 ); } .-textindent65 { text-indent: calc( var( --size-65 ) * -1 ); } .-textindent7 { text-indent: calc( var( --size-7 ) * -1 ); } .-textindent75 { text-indent: calc( var( --size-75 ) * -1 ); } .-textindent8 { text-indent: calc( var( --size-8 ) * -1 ); } .-textindent85 { text-indent: calc( var( --size-85 ) * -1 ); } .-textindent9 { text-indent: calc( var( --size-9 ) * -1 ); } .-textindent95 { text-indent: calc( var( --size-95 ) * -1 ); } .-textindent10 { text-indent: calc( var( --size-10 ) * -1 ); } /* * Padding */ .pad0 { padding: 0px; } .pad0125 { padding: var( --size-0125 ); } .pad025 { padding: var( --size-025 ); } .pad05 { padding: var( --size-05 ); } .pad075 { padding: var( --size-075 ); } .pad1 { padding: var( --size-1 ); } .pad125 { padding: var( --size-125 ); } .pad15 { padding: var( --size-15 ); } .pad175 { padding: var( --size-175 ); } .pad2 { padding: var( --size-2 ); } .pad225 { padding: var( --size-225 ); } .pad25 { padding: var( --size-25 ); } .pad275 { padding: var( --size-275 ); } .pad3 { padding: var( --size-3 ); } .pad35 { padding: var( --size-35 ); } .pad4 { padding: var( --size-4 ); } .pad45 { padding: var( --size-45 ); } .pad5 { padding: var( --size-5 ); } .pad55 { padding: var( --size-55 ); } .pad6 { padding: var( --size-6 ); } .pad65 { padding: var( --size-65 ); } .pad7 { padding: var( --size-7 ); } .pad75 { padding: var( --size-75 ); } .pad8 { padding: var( --size-8 ); } .pad85 { padding: var( --size-85 ); } .pad9 { padding: var( --size-9 ); } .pad95 { padding: var( --size-95 ); } .pad10 { padding: var( --size-10 ); } /* * Padding Left & Right */ .pleftright0 { padding-left: 0px; } .pleftright0125 { padding-left: var( --size-0125 ); padding-right: var( --size-0125 ); } .pleftright025 { padding-left: var( --size-025 ); padding-right: var( --size-025 ); } .pleftright05 { padding-left: var( --size-05 ); padding-right: var( --size-05 ); } .pleftright075 { padding-left: var( --size-075 ); padding-right: var( --size-075 ); } .pleftright1 { padding-left: var( --size-1 ); padding-right: var( --size-1 ); } .pleftright125 { padding-left: var( --size-125 ); padding-right: var( --size-125 ); } .pleftright15 { padding-left: var( --size-15 ); padding-right: var( --size-15 ); } .pleftright175 { padding-left: var( --size-175 ); padding-right: var( --size-175 ); } .pleftright2 { padding-left: var( --size-2 ); padding-right: var( --size-2 ); } .pleftright225 { padding-left: var( --size-225 ); padding-right: var( --size-225 ); } .pleftright25 { padding-left: var( --size-25 ); padding-right: var( --size-25 ); } .pleftright275 { padding-left: var( --size-275 ); padding-right: var( --size-275 ); } .pleftright3 { padding-left: var( --size-3 ); padding-right: var( --size-3 ); } .pleftright35 { padding-left: var( --size-35 ); padding-right: var( --size-35 ); } .pleftright4 { padding-left: var( --size-4 ); padding-right: var( --size-4 ); } .pleftright45 { padding-left: var( --size-45 ); padding-right: var( --size-45 ); } .pleftright5 { padding-left: var( --size-5 ); padding-right: var( --size-5 ); } .pleftright55 { padding-left: var( --size-55 ); padding-right: var( --size-55 ); } .pleftright6 { padding-left: var( --size-6 ); padding-right: var( --size-6 ); } .pleftright65 { padding-left: var( --size-65 ); padding-right: var( --size-65 ); } .pleftright7 { padding-left: var( --size-7 ); padding-right: var( --size-7 ); } .pleftright75 { padding-left: var( --size-75 ); padding-right: var( --size-75 ); } .pleftright8 { padding-left: var( --size-8 ); padding-right: var( --size-8 ); } .pleftright85 { padding-left: var( --size-85 ); padding-right: var( --size-85 ); } .pleftright9 { padding-left: var( --size-9 ); padding-right: var( --size-9 ); } .pleftright95 { padding-left: var( --size-95 ); padding-right: var( --size-95 ); } .pleftright10 { padding-left: var( --size-10 ); padding-right: var( --size-10 ); } /* * Padding Top, Bottom - Small Screens (Mobiles/Handys) */ .ptop0 { padding-top: 0px!important; } .ptop0125 { padding-top: calc( var( --size-0125 ) * 0.5 )!important; } .ptop025 { padding-top: calc( var( --size-025 ) * 0.5 )!important; } .ptop05 { padding-top: calc( var( --size-05 ) * 0.5 )!important; } .ptop075 { padding-top: calc( var( --size-075 ) * 0.5 )!important; } .ptop1 { padding-top: calc( var( --size-1 ) * 0.5 )!important; } .ptop125 { padding-top: calc( var( --size-125 ) * 0.5 )!important; } .ptop15 { padding-top: calc( var( --size-15 ) * 0.5 )!important; } .ptop175 { padding-top: calc( var( --size-175 ) * 0.5 )!important; } .ptop2 { padding-top: calc( var( --size-2 ) * 0.5 )!important; } .ptop225 { padding-top: calc( var( --size-225 ) * 0.5 )!important; } .ptop25 { padding-top: calc( var( --size-25 ) * 0.5 )!important; } .ptop275 { padding-top: calc( var( --size-275 ) * 0.5 )!important; } .ptop3 { padding-top: calc( var( --size-3 ) * 0.5 )!important; } .ptop35 { padding-top: calc( var( --size-35 ) * 0.5 )!important; } .ptop4 { padding-top: calc( var( --size-4 ) * 0.5 )!important; } .ptop45 { padding-top: calc( var( --size-45 ) * 0.5 )!important; } .ptop5 { padding-top: calc( var( --size-5 ) * 0.5 )!important; } .ptop55 { padding-top: calc( var( --size-55 ) * 0.5 )!important; } .ptop6 { padding-top: calc( var( --size-6 ) * 0.5 )!important; } .ptop65 { padding-top: calc( var( --size-65 ) * 0.5 )!important; } .ptop7 { padding-top: calc( var( --size-7 ) * 0.5 )!important; } .ptop75 { padding-top: calc( var( --size-75 ) * 0.5 )!important; } .ptop8 { padding-top: calc( var( --size-8 ) * 0.5 )!important; } .ptop85 { padding-top: calc( var( --size-85 ) * 0.5 )!important; } .ptop9 { padding-top: calc( var( --size-9 ) * 0.5 )!important; } .ptop95 { padding-top: calc( var( --size-95 ) * 0.5 )!important; } .ptop10 { padding-top: calc( var( --size-10 ) * 0.5 )!important; } .pbot0 { padding-bottom: 0px!important; } .pbot0125 { padding-bottom: calc( var( --size-0125 ) * 0.5 )!important; } .pbot025 { padding-bottom: calc( var( --size-025 ) * 0.5 )!important; } .pbot05 { padding-bottom: calc( var( --size-05 ) * 0.5 )!important; } .pbot075 { padding-bottom: calc( var( --size-075 ) * 0.5 )!important; } .pbot1 { padding-bottom: calc( var( --size-1 ) * 0.5 )!important; } .pbot125 { padding-bottom: calc( var( --size-125 ) * 0.5 )!important; } .pbot15 { padding-bottom: calc( var( --size-15 ) * 0.5 )!important; } .pbot175 { padding-bottom: calc( var( --size-175 ) * 0.5 )!important; } .pbot2 { padding-bottom: calc( var( --size-2 ) * 0.5 )!important; } .pbot225 { padding-bottom: calc( var( --size-225 ) * 0.5 )!important; } .pbot25 { padding-bottom: calc( var( --size-25 ) * 0.5 )!important; } .pbot275 { padding-bottom: calc( var( --size-275 ) * 0.5 )!important; } .pbot3 { padding-bottom: calc( var( --size-3 ) * 0.5 )!important; } .pbot35 { padding-bottom: calc( var( --size-35 ) * 0.5 )!important; } .pbot4 { padding-bottom: calc( var( --size-4 ) * 0.5 )!important; } .pbot45 { padding-bottom: calc( var( --size-45 ) * 0.5 )!important; } .pbot5 { padding-bottom: calc( var( --size-5 ) * 0.5 )!important; } .pbot55 { padding-bottom: calc( var( --size-55 ) * 0.5 )!important; } .pbot6 { padding-bottom: calc( var( --size-6 ) * 0.5 )!important; } .pbot65 { padding-bottom: calc( var( --size-65 ) * 0.5 )!important; } .pbot7 { padding-bottom: calc( var( --size-7 ) * 0.5 )!important; } .pbot75 { padding-bottom: calc( var( --size-75 ) * 0.5 )!important; } .pbot8 { padding-bottom: calc( var( --size-8 ) * 0.5 )!important; } .pbot85 { padding-bottom: calc( var( --size-85 ) * 0.5 )!important; } .pbot9 { padding-bottom: calc( var( --size-9 ) * 0.5 )!important; } .pbot95 { padding-bottom: calc( var( --size-95 ) * 0.5 )!important; } .pbot10 { padding-bottom: calc( var( --size-10 ) * 0.5 )!important; } @media (min-width: 768px) { .ptop0 { padding-top: 0px!important; } .ptop0125 { padding-top: var( --size-0125 )!important; } .ptop025 { padding-top: var( --size-025 )!important; } .ptop05 { padding-top: var( --size-05 )!important; } .ptop075 { padding-top: var( --size-075 )!important; } .ptop1 { padding-top: var( --size-1 )!important; } .ptop125 { padding-top: var( --size-125 )!important; } .ptop15 { padding-top: var( --size-15 )!important; } .ptop175 { padding-top: var( --size-175 )!important; } .ptop2 { padding-top: var( --size-2 )!important; } .ptop225 { padding-top: var( --size-225 )!important; } .ptop25 { padding-top: var( --size-25 )!important; } .ptop275 { padding-top: var( --size-275 )!important; } .ptop3 { padding-top: var( --size-3 )!important; } .ptop35 { padding-top: var( --size-35 )!important; } .ptop4 { padding-top: var( --size-4 )!important; } .ptop45 { padding-top: var( --size-45 )!important; } .ptop5 { padding-top: var( --size-5 )!important; } .ptop55 { padding-top: var( --size-55 )!important; } .ptop6 { padding-top: var( --size-6 )!important; } .ptop65 { padding-top: var( --size-65 )!important; } .ptop7 { padding-top: var( --size-7 )!important; } .ptop75 { padding-top: var( --size-75 )!important; } .ptop8 { padding-top: var( --size-8 )!important; } .ptop85 { padding-top: var( --size-85 )!important; } .ptop9 { padding-top: var( --size-9 )!important; } .ptop95 { padding-top: var( --size-95 )!important; } .ptop10 { padding-top: var( --size-10 )!important; } .pbot0 { padding-bottom: 0px!important; } .pbot0125 { padding-bottom: var( --size-0125 )!important; } .pbot025 { padding-bottom: var( --size-025 )!important; } .pbot05 { padding-bottom: var( --size-05 )!important; } .pbot075 { padding-bottom: var( --size-075 )!important; } .pbot1 { padding-bottom: var( --size-1 )!important; } .pbot125 { padding-bottom: var( --size-125 )!important; } .pbot15 { padding-bottom: var( --size-15 )!important; } .pbot175 { padding-bottom: var( --size-175 )!important; } .pbot2 { padding-bottom: var( --size-2 )!important; } .pbot225 { padding-bottom: var( --size-225 )!important; } .pbot25 { padding-bottom: var( --size-25 )!important; } .pbot275 { padding-bottom: var( --size-275 )!important; } .pbot3 { padding-bottom: var( --size-3 )!important; } .pbot35 { padding-bottom: var( --size-35 )!important; } .pbot4 { padding-bottom: var( --size-4 )!important; } .pbot45 { padding-bottom: var( --size-45 )!important; } .pbot5 { padding-bottom: var( --size-5 )!important; } .pbot55 { padding-bottom: var( --size-55 )!important; } .pbot6 { padding-bottom: var( --size-6 )!important; } .pbot65 { padding-bottom: var( --size-65 )!important; } .pbot7 { padding-bottom: var( --size-7 )!important; } .pbot75 { padding-bottom: var( --size-75 )!important; } .pbot8 { padding-bottom: var( --size-8 )!important; } .pbot85 { padding-bottom: var( --size-85 )!important; } .pbot9 { padding-bottom: var( --size-9 )!important; } .pbot95 { padding-bottom: var( --size-95 )!important; } .pbot10 { padding-bottom: var( --size-10 )!important; } } .ptop-xs0 { padding-top: 0px!important; } .ptop-xs0125 { padding-top: var( --size-0125 ) } .ptop-xs025 { padding-top: var( --size-025 ) } .ptop-xs05 { padding-top: var( --size-05 ) } .ptop-xs075 { padding-top: var( --size-075 ) } .ptop-xs1 { padding-top: var( --size-1 ) } .ptop-xs125 { padding-top: var( --size-125 ) } .ptop-xs15 { padding-top: var( --size-15 ) } .ptop-xs175 { padding-top: var( --size-175 ) } .ptop-xs2 { padding-top: var( --size-2 ) } .ptop-xs225 { padding-top: var( --size-225 ) } .ptop-xs25 { padding-top: var( --size-25 ) } .ptop-xs275 { padding-top: var( --size-275 ) } .ptop-xs3 { padding-top: var( --size-3 ) } .ptop-xs35 { padding-top: var( --size-35 ) } .ptop-xs4 { padding-top: var( --size-4 ) } .ptop-xs45 { padding-top: var( --size-45 ) } .ptop-xs5 { padding-top: var( --size-5 ) } .ptop-xs55 { padding-top: var( --size-55 ) } .ptop-xs6 { padding-top: var( --size-6 ) } .ptop-xs65 { padding-top: var( --size-65 ) } .ptop-xs7 { padding-top: var( --size-7 ) } .ptop-xs75 { padding-top: var( --size-75 ) } .ptop-xs8 { padding-top: var( --size-8 ) } .ptop-xs85 { padding-top: var( --size-85 ) } .ptop-xs9 { padding-top: var( --size-9 ) } .ptop-xs95 { padding-top: var( --size-95 ) } .ptop-xs10 { padding-top: var( --size-10 ) } .pbot-xs0 { padding-bottom: 0px!important; } .pbot-xs0125 { padding-bottom: var( --size-0125 ) } .pbot-xs025 { padding-bottom: var( --size-025 ) } .pbot-xs05 { padding-bottom: var( --size-05 ) } .pbot-xs075 { padding-bottom: var( --size-075 ) } .pbot-xs1 { padding-bottom: var( --size-1 ) } .pbot-xs125 { padding-bottom: var( --size-125 ) } .pbot-xs15 { padding-bottom: var( --size-15 ) } .pbot-xs175 { padding-bottom: var( --size-175 ) } .pbot-xs2 { padding-bottom: var( --size-2 ) } .pbot-xs225 { padding-bottom: var( --size-225 ) } .pbot-xs25 { padding-bottom: var( --size-25 ) } .pbot-xs275 { padding-bottom: var( --size-275 ) } .pbot-xs3 { padding-bottom: var( --size-3 ) } .pbot-xs35 { padding-bottom: var( --size-35 ) } .pbot-xs4 { padding-bottom: var( --size-4 ) } .pbot-xs45 { padding-bottom: var( --size-45 ) } .pbot-xs5 { padding-bottom: var( --size-5 ) } .pbot-xs55 { padding-bottom: var( --size-55 ) } .pbot-xs6 { padding-bottom: var( --size-6 ) } .pbot-xs65 { padding-bottom: var( --size-65 ) } .pbot-xs7 { padding-bottom: var( --size-7 ) } .pbot-xs75 { padding-bottom: var( --size-75 ) } .pbot-xs8 { padding-bottom: var( --size-8 ) } .pbot-xs85 { padding-bottom: var( --size-85 ) } .pbot-xs9 { padding-bottom: var( --size-9 ) } .pbot-xs95 { padding-bottom: var( --size-95 ) } .pbot-xs10 { padding-bottom: var( --size-10 ) } @media (min-width: 575px) { .ptop-sm0 { padding-top: 0px!important; } .ptop-sm0125 { padding-top: var( --size-0125 ) } .ptop-sm025 { padding-top: var( --size-025 ) } .ptop-sm05 { padding-top: var( --size-05 ) } .ptop-sm075 { padding-top: var( --size-075 ) } .ptop-sm1 { padding-top: var( --size-1 ) } .ptop-sm125 { padding-top: var( --size-125 ) } .ptop-sm15 { padding-top: var( --size-15 ) } .ptop-sm175 { padding-top: var( --size-175 ) } .ptop-sm2 { padding-top: var( --size-2 ) } .ptop-sm225 { padding-top: var( --size-225 ) } .ptop-sm25 { padding-top: var( --size-25 ) } .ptop-sm275 { padding-top: var( --size-275 ) } .ptop-sm3 { padding-top: var( --size-3 ) } .ptop-sm35 { padding-top: var( --size-35 ) } .ptop-sm4 { padding-top: var( --size-4 ) } .ptop-sm45 { padding-top: var( --size-45 ) } .ptop-sm5 { padding-top: var( --size-5 ) } .ptop-sm55 { padding-top: var( --size-55 ) } .ptop-sm6 { padding-top: var( --size-6 ) } .ptop-sm65 { padding-top: var( --size-65 ) } .ptop-sm7 { padding-top: var( --size-7 ) } .ptop-sm75 { padding-top: var( --size-75 ) } .ptop-sm8 { padding-top: var( --size-8 ) } .ptop-sm85 { padding-top: var( --size-85 ) } .ptop-sm9 { padding-top: var( --size-9 ) } .ptop-sm95 { padding-top: var( --size-95 ) } .ptop-sm10 { padding-top: var( --size-10 ) } .pbot-sm0 { padding-bottom: 0px!important; } .pbot-sm0125 { padding-bottom: var( --size-0125 ) } .pbot-sm025 { padding-bottom: var( --size-025 ) } .pbot-sm05 { padding-bottom: var( --size-05 ) } .pbot-sm075 { padding-bottom: var( --size-075 ) } .pbot-sm1 { padding-bottom: var( --size-1 ) } .pbot-sm125 { padding-bottom: var( --size-125 ) } .pbot-sm15 { padding-bottom: var( --size-15 ) } .pbot-sm175 { padding-bottom: var( --size-175 ) } .pbot-sm2 { padding-bottom: var( --size-2 ) } .pbot-sm225 { padding-bottom: var( --size-225 ) } .pbot-sm25 { padding-bottom: var( --size-25 ) } .pbot-sm275 { padding-bottom: var( --size-275 ) } .pbot-sm3 { padding-bottom: var( --size-3 ) } .pbot-sm35 { padding-bottom: var( --size-35 ) } .pbot-sm4 { padding-bottom: var( --size-4 ) } .pbot-sm45 { padding-bottom: var( --size-45 ) } .pbot-sm5 { padding-bottom: var( --size-5 ) } .pbot-sm55 { padding-bottom: var( --size-55 ) } .pbot-sm6 { padding-bottom: var( --size-6 ) } .pbot-sm65 { padding-bottom: var( --size-65 ) } .pbot-sm7 { padding-bottom: var( --size-7 ) } .pbot-sm75 { padding-bottom: var( --size-75 ) } .pbot-sm8 { padding-bottom: var( --size-8 ) } .pbot-sm85 { padding-bottom: var( --size-85 ) } .pbot-sm9 { padding-bottom: var( --size-9 ) } .pbot-sm95 { padding-bottom: var( --size-95 ) } .pbot-sm10 { padding-bottom: var( --size-10 ) } } @media (min-width: 768px) { .ptop-md0 { padding-top: 0px!important; } .ptop-md0125 { padding-top: var( --size-0125 ) } .ptop-md025 { padding-top: var( --size-025 ) } .ptop-md05 { padding-top: var( --size-05 ) } .ptop-md075 { padding-top: var( --size-075 ) } .ptop-md1 { padding-top: var( --size-1 ) } .ptop-md125 { padding-top: var( --size-125 ) } .ptop-md15 { padding-top: var( --size-15 ) } .ptop-md175 { padding-top: var( --size-175 ) } .ptop-md2 { padding-top: var( --size-2 ) } .ptop-md225 { padding-top: var( --size-225 ) } .ptop-md25 { padding-top: var( --size-25 ) } .ptop-md275 { padding-top: var( --size-275 ) } .ptop-md3 { padding-top: var( --size-3 ) } .ptop-md35 { padding-top: var( --size-35 ) } .ptop-md4 { padding-top: var( --size-4 ) } .ptop-md45 { padding-top: var( --size-45 ) } .ptop-md5 { padding-top: var( --size-5 ) } .ptop-md55 { padding-top: var( --size-55 ) } .ptop-md6 { padding-top: var( --size-6 ) } .ptop-md65 { padding-top: var( --size-65 ) } .ptop-md7 { padding-top: var( --size-7 ) } .ptop-md75 { padding-top: var( --size-75 ) } .ptop-md8 { padding-top: var( --size-8 ) } .ptop-md85 { padding-top: var( --size-85 ) } .ptop-md9 { padding-top: var( --size-9 ) } .ptop-md95 { padding-top: var( --size-95 ) } .ptop-md10 { padding-top: var( --size-10 ) } .pbot-md0 { padding-bottom: 0px!important; } .pbot-md0125 { padding-bottom: var( --size-0125 ) } .pbot-md025 { padding-bottom: var( --size-025 ) } .pbot-md05 { padding-bottom: var( --size-05 ) } .pbot-md075 { padding-bottom: var( --size-075 ) } .pbot-md1 { padding-bottom: var( --size-1 ) } .pbot-md125 { padding-bottom: var( --size-125 ) } .pbot-md15 { padding-bottom: var( --size-15 ) } .pbot-md175 { padding-bottom: var( --size-175 ) } .pbot-md2 { padding-bottom: var( --size-2 ) } .pbot-md225 { padding-bottom: var( --size-225 ) } .pbot-md25 { padding-bottom: var( --size-25 ) } .pbot-md275 { padding-bottom: var( --size-275 ) } .pbot-md3 { padding-bottom: var( --size-3 ) } .pbot-md35 { padding-bottom: var( --size-35 ) } .pbot-md4 { padding-bottom: var( --size-4 ) } .pbot-md45 { padding-bottom: var( --size-45 ) } .pbot-md5 { padding-bottom: var( --size-5 ) } .pbot-md55 { padding-bottom: var( --size-55 ) } .pbot-md6 { padding-bottom: var( --size-6 ) } .pbot-md65 { padding-bottom: var( --size-65 ) } .pbot-md7 { padding-bottom: var( --size-7 ) } .pbot-md75 { padding-bottom: var( --size-75 ) } .pbot-md8 { padding-bottom: var( --size-8 ) } .pbot-md85 { padding-bottom: var( --size-85 ) } .pbot-md9 { padding-bottom: var( --size-9 ) } .pbot-md95 { padding-bottom: var( --size-95 ) } .pbot-md10 { padding-bottom: var( --size-10 ) } } @media (min-width: 992px) { .ptop-lg0 { padding-top: 0px!important; } .ptop-lg0125 { padding-top: var( --size-0125 ) } .ptop-lg025 { padding-top: var( --size-025 ) } .ptop-lg05 { padding-top: var( --size-05 ) } .ptop-lg075 { padding-top: var( --size-075 ) } .ptop-lg1 { padding-top: var( --size-1 ) } .ptop-lg125 { padding-top: var( --size-125 ) } .ptop-lg15 { padding-top: var( --size-15 ) } .ptop-lg175 { padding-top: var( --size-175 ) } .ptop-lg2 { padding-top: var( --size-2 ) } .ptop-lg225 { padding-top: var( --size-225 ) } .ptop-lg25 { padding-top: var( --size-25 ) } .ptop-lg275 { padding-top: var( --size-275 ) } .ptop-lg3 { padding-top: var( --size-3 ) } .ptop-lg35 { padding-top: var( --size-35 ) } .ptop-lg4 { padding-top: var( --size-4 ) } .ptop-lg45 { padding-top: var( --size-45 ) } .ptop-lg5 { padding-top: var( --size-5 ) } .ptop-lg55 { padding-top: var( --size-55 ) } .ptop-lg6 { padding-top: var( --size-6 ) } .ptop-lg65 { padding-top: var( --size-65 ) } .ptop-lg7 { padding-top: var( --size-7 ) } .ptop-lg75 { padding-top: var( --size-75 ) } .ptop-lg8 { padding-top: var( --size-8 ) } .ptop-lg85 { padding-top: var( --size-85 ) } .ptop-lg9 { padding-top: var( --size-9 ) } .ptop-lg95 { padding-top: var( --size-95 ) } .ptop-lg10 { padding-top: var( --size-10 ) } .pbot-lg0 { padding-bottom: 0px!important; } .pbot-lg0125 { padding-bottom: var( --size-0125 ) } .pbot-lg025 { padding-bottom: var( --size-025 ) } .pbot-lg05 { padding-bottom: var( --size-05 ) } .pbot-lg075 { padding-bottom: var( --size-075 ) } .pbot-lg1 { padding-bottom: var( --size-1 ) } .pbot-lg125 { padding-bottom: var( --size-125 ) } .pbot-lg15 { padding-bottom: var( --size-15 ) } .pbot-lg175 { padding-bottom: var( --size-175 ) } .pbot-lg2 { padding-bottom: var( --size-2 ) } .pbot-lg225 { padding-bottom: var( --size-225 ) } .pbot-lg25 { padding-bottom: var( --size-25 ) } .pbot-lg275 { padding-bottom: var( --size-275 ) } .pbot-lg3 { padding-bottom: var( --size-3 ) } .pbot-lg35 { padding-bottom: var( --size-35 ) } .pbot-lg4 { padding-bottom: var( --size-4 ) } .pbot-lg45 { padding-bottom: var( --size-45 ) } .pbot-lg5 { padding-bottom: var( --size-5 ) } .pbot-lg55 { padding-bottom: var( --size-55 ) } .pbot-lg6 { padding-bottom: var( --size-6 ) } .pbot-lg65 { padding-bottom: var( --size-65 ) } .pbot-lg7 { padding-bottom: var( --size-7 ) } .pbot-lg75 { padding-bottom: var( --size-75 ) } .pbot-lg8 { padding-bottom: var( --size-8 ) } .pbot-lg85 { padding-bottom: var( --size-85 ) } .pbot-lg9 { padding-bottom: var( --size-9 ) } .pbot-lg95 { padding-bottom: var( --size-95 ) } .pbot-lg10 { padding-bottom: var( --size-10 ) } } @media (min-width: 1200px) { .ptop-xl0 { padding-top: 0px!important; } .ptop-xl0125 { padding-top: var( --size-0125 ) } .ptop-xl025 { padding-top: var( --size-025 ) } .ptop-xl05 { padding-top: var( --size-05 ) } .ptop-xl075 { padding-top: var( --size-075 ) } .ptop-xl1 { padding-top: var( --size-1 ) } .ptop-xl125 { padding-top: var( --size-125 ) } .ptop-xl15 { padding-top: var( --size-15 ) } .ptop-xl175 { padding-top: var( --size-175 ) } .ptop-xl2 { padding-top: var( --size-2 ) } .ptop-xl225 { padding-top: var( --size-225 ) } .ptop-xl25 { padding-top: var( --size-25 ) } .ptop-xl275 { padding-top: var( --size-275 ) } .ptop-xl3 { padding-top: var( --size-3 ) } .ptop-xl35 { padding-top: var( --size-35 ) } .ptop-xl4 { padding-top: var( --size-4 ) } .ptop-xl45 { padding-top: var( --size-45 ) } .ptop-xl5 { padding-top: var( --size-5 ) } .ptop-xl55 { padding-top: var( --size-55 ) } .ptop-xl6 { padding-top: var( --size-6 ) } .ptop-xl65 { padding-top: var( --size-65 ) } .ptop-xl7 { padding-top: var( --size-7 ) } .ptop-xl75 { padding-top: var( --size-75 ) } .ptop-xl8 { padding-top: var( --size-8 ) } .ptop-xl85 { padding-top: var( --size-85 ) } .ptop-xl9 { padding-top: var( --size-9 ) } .ptop-xl95 { padding-top: var( --size-95 ) } .ptop-xl10 { padding-top: var( --size-10 ) } .pbot-xl0 { padding-bottom: 0px!important; } .pbot-xl0125 { padding-bottom: var( --size-0125 ) } .pbot-xl025 { padding-bottom: var( --size-025 ) } .pbot-xl05 { padding-bottom: var( --size-05 ) } .pbot-xl075 { padding-bottom: var( --size-075 ) } .pbot-xl1 { padding-bottom: var( --size-1 ) } .pbot-xl125 { padding-bottom: var( --size-125 ) } .pbot-xl15 { padding-bottom: var( --size-15 ) } .pbot-xl175 { padding-bottom: var( --size-175 ) } .pbot-xl2 { padding-bottom: var( --size-2 ) } .pbot-xl225 { padding-bottom: var( --size-225 ) } .pbot-xl25 { padding-bottom: var( --size-25 ) } .pbot-xl275 { padding-bottom: var( --size-275 ) } .pbot-xl3 { padding-bottom: var( --size-3 ) } .pbot-xl35 { padding-bottom: var( --size-35 ) } .pbot-xl4 { padding-bottom: var( --size-4 ) } .pbot-xl45 { padding-bottom: var( --size-45 ) } .pbot-xl5 { padding-bottom: var( --size-5 ) } .pbot-xl55 { padding-bottom: var( --size-55 ) } .pbot-xl6 { padding-bottom: var( --size-6 ) } .pbot-xl65 { padding-bottom: var( --size-65 ) } .pbot-xl7 { padding-bottom: var( --size-7 ) } .pbot-xl75 { padding-bottom: var( --size-75 ) } .pbot-xl8 { padding-bottom: var( --size-8 ) } .pbot-xl85 { padding-bottom: var( --size-85 ) } .pbot-xl9 { padding-bottom: var( --size-9 ) } .pbot-xl95 { padding-bottom: var( --size-95 ) } .pbot-xl10 { padding-bottom: var( --size-10 ) } } @media (min-width: 1408px) { .ptop-xxl0 { padding-top: 0px!important; } .ptop-xxl0125 { padding-top: var( --size-0125 ) } .ptop-xxl025 { padding-top: var( --size-025 ) } .ptop-xxl05 { padding-top: var( --size-05 ) } .ptop-xxl075 { padding-top: var( --size-075 ) } .ptop-xxl1 { padding-top: var( --size-1 ) } .ptop-xxl125 { padding-top: var( --size-125 ) } .ptop-xxl15 { padding-top: var( --size-15 ) } .ptop-xxl175 { padding-top: var( --size-175 ) } .ptop-xxl2 { padding-top: var( --size-2 ) } .ptop-xxl225 { padding-top: var( --size-225 ) } .ptop-xxl25 { padding-top: var( --size-25 ) } .ptop-xxl275 { padding-top: var( --size-275 ) } .ptop-xxl3 { padding-top: var( --size-3 ) } .ptop-xxl35 { padding-top: var( --size-35 ) } .ptop-xxl4 { padding-top: var( --size-4 ) } .ptop-xxl45 { padding-top: var( --size-45 ) } .ptop-xxl5 { padding-top: var( --size-5 ) } .ptop-xxl55 { padding-top: var( --size-55 ) } .ptop-xxl6 { padding-top: var( --size-6 ) } .ptop-xxl65 { padding-top: var( --size-65 ) } .ptop-xxl7 { padding-top: var( --size-7 ) } .ptop-xxl75 { padding-top: var( --size-75 ) } .ptop-xxl8 { padding-top: var( --size-8 ) } .ptop-xxl85 { padding-top: var( --size-85 ) } .ptop-xxl9 { padding-top: var( --size-9 ) } .ptop-xxl95 { padding-top: var( --size-95 ) } .ptop-xxl10 { padding-top: var( --size-10 ) } .pbot-xxl0 { padding-bottom: 0px!important; } .pbot-xxl0125 { padding-bottom: var( --size-0125 ) } .pbot-xxl025 { padding-bottom: var( --size-025 ) } .pbot-xxl05 { padding-bottom: var( --size-05 ) } .pbot-xxl075 { padding-bottom: var( --size-075 ) } .pbot-xxl1 { padding-bottom: var( --size-1 ) } .pbot-xxl125 { padding-bottom: var( --size-125 ) } .pbot-xxl15 { padding-bottom: var( --size-15 ) } .pbot-xxl175 { padding-bottom: var( --size-175 ) } .pbot-xxl2 { padding-bottom: var( --size-2 ) } .pbot-xxl225 { padding-bottom: var( --size-225 ) } .pbot-xxl25 { padding-bottom: var( --size-25 ) } .pbot-xxl275 { padding-bottom: var( --size-275 ) } .pbot-xxl3 { padding-bottom: var( --size-3 ) } .pbot-xxl35 { padding-bottom: var( --size-35 ) } .pbot-xxl4 { padding-bottom: var( --size-4 ) } .pbot-xxl45 { padding-bottom: var( --size-45 ) } .pbot-xxl5 { padding-bottom: var( --size-5 ) } .pbot-xxl55 { padding-bottom: var( --size-55 ) } .pbot-xxl6 { padding-bottom: var( --size-6 ) } .pbot-xxl65 { padding-bottom: var( --size-65 ) } .pbot-xxl7 { padding-bottom: var( --size-7 ) } .pbot-xxl75 { padding-bottom: var( --size-75 ) } .pbot-xxl8 { padding-bottom: var( --size-8 ) } .pbot-xxl85 { padding-bottom: var( --size-85 ) } .pbot-xxl9 { padding-bottom: var( --size-9 ) } .pbot-xxl95 { padding-bottom: var( --size-95 ) } .pbot-xxl10 { padding-bottom: var( --size-10 ) } } /* * Padding Left, Right */ .pleft0 { padding-left: 0px!important; } .pleft0125 { padding-left: var( --size-0125 )!important; } .pleft025 { padding-left: var( --size-025 )!important; } .pleft05 { padding-left: var( --size-05 )!important; } .pleft075 { padding-left: var( --size-075 )!important; } .pleft1 { padding-left: var( --size-1 )!important; } .pleft125 { padding-left: var( --size-125 )!important; } .pleft15 { padding-left: var( --size-15 )!important; } .pleft175 { padding-left: var( --size-175 )!important; } .pleft2 { padding-left: var( --size-2 )!important; } .pleft225 { padding-left: var( --size-225 )!important; } .pleft25 { padding-left: var( --size-25 )!important; } .pleft275 { padding-left: var( --size-275 )!important; } .pleft3 { padding-left: var( --size-3 )!important; } .pleft35 { padding-left: var( --size-35 )!important; } .pleft4 { padding-left: var( --size-4 )!important; } .pleft45 { padding-left: var( --size-45 )!important; } .pleft5 { padding-left: var( --size-5 )!important; } .pleft55 { padding-left: var( --size-55 )!important; } .pleft6 { padding-left: var( --size-6 )!important; } .pleft65 { padding-left: var( --size-65 )!important; } .pleft7 { padding-left: var( --size-7 )!important; } .pleft75 { padding-left: var( --size-75 )!important; } .pleft8 { padding-left: var( --size-8 )!important; } .pleft85 { padding-left: var( --size-85 )!important; } .pleft9 { padding-left: var( --size-9 )!important; } .pleft95 { padding-left: var( --size-95 )!important; } .pleft10 { padding-left: var( --size-10 )!important; } .pright0 { padding-right: 0px!important; } .pright0125 { padding-right: var( --size-0125 )!important; } .pright025 { padding-right: var( --size-025 )!important; } .pright05 { padding-right: var( --size-05 )!important; } .pright075 { padding-right: var( --size-075 )!important; } .pright1 { padding-right: var( --size-1 )!important; } .pright125 { padding-right: var( --size-125 )!important; } .pright15 { padding-right: var( --size-15 )!important; } .pright175 { padding-right: var( --size-175 )!important; } .pright2 { padding-right: var( --size-2 )!important; } .pright225 { padding-right: var( --size-225 )!important; } .pright25 { padding-right: var( --size-25 )!important; } .pright275 { padding-right: var( --size-275 )!important; } .pright3 { padding-right: var( --size-3 )!important; } .pright35 { padding-right: var( --size-35 )!important; } .pright4 { padding-right: var( --size-4 )!important; } .pright45 { padding-right: var( --size-45 )!important; } .pright5 { padding-right: var( --size-5 )!important; } .pright55 { padding-right: var( --size-55 )!important; } .pright6 { padding-right: var( --size-6 )!important; } .pright65 { padding-right: var( --size-65 )!important; } .pright7 { padding-right: var( --size-7 )!important; } .pright75 { padding-right: var( --size-75 )!important; } .pright8 { padding-right: var( --size-8 )!important; } .pright85 { padding-right: var( --size-85 )!important; } .pright9 { padding-right: var( --size-9 )!important; } .pright95 { padding-right: var( --size-95 )!important; } .pright10 { padding-right: var( --size-10 )!important; } .pleft-xs0 { padding-left: 0px!important; } .pleft-xs0125 { padding-left: var( --size-0125 ) } .pleft-xs025 { padding-left: var( --size-025 ) } .pleft-xs05 { padding-left: var( --size-05 ) } .pleft-xs075 { padding-left: var( --size-075 ) } .pleft-xs1 { padding-left: var( --size-1 ) } .pleft-xs125 { padding-left: var( --size-125 ) } .pleft-xs15 { padding-left: var( --size-15 ) } .pleft-xs175 { padding-left: var( --size-175 ) } .pleft-xs2 { padding-left: var( --size-2 ) } .pleft-xs225 { padding-left: var( --size-225 ) } .pleft-xs25 { padding-left: var( --size-25 ) } .pleft-xs275 { padding-left: var( --size-275 ) } .pleft-xs3 { padding-left: var( --size-3 ) } .pleft-xs35 { padding-left: var( --size-35 ) } .pleft-xs4 { padding-left: var( --size-4 ) } .pleft-xs45 { padding-left: var( --size-45 ) } .pleft-xs5 { padding-left: var( --size-5 ) } .pleft-xs55 { padding-left: var( --size-55 ) } .pleft-xs6 { padding-left: var( --size-6 ) } .pleft-xs65 { padding-left: var( --size-65 ) } .pleft-xs7 { padding-left: var( --size-7 ) } .pleft-xs75 { padding-left: var( --size-75 ) } .pleft-xs8 { padding-left: var( --size-8 ) } .pleft-xs85 { padding-left: var( --size-85 ) } .pleft-xs9 { padding-left: var( --size-9 ) } .pleft-xs95 { padding-left: var( --size-95 ) } .pleft-xs10 { padding-left: var( --size-10 ) } .pright-xs0 { padding-right: 0px!important; } .pright-xs0125 { padding-right: var( --size-0125 ) } .pright-xs025 { padding-right: var( --size-025 ) } .pright-xs05 { padding-right: var( --size-05 ) } .pright-xs075 { padding-right: var( --size-075 ) } .pright-xs1 { padding-right: var( --size-1 ) } .pright-xs125 { padding-right: var( --size-125 ) } .pright-xs15 { padding-right: var( --size-15 ) } .pright-xs175 { padding-right: var( --size-175 ) } .pright-xs2 { padding-right: var( --size-2 ) } .pright-xs225 { padding-right: var( --size-225 ) } .pright-xs25 { padding-right: var( --size-25 ) } .pright-xs275 { padding-right: var( --size-275 ) } .pright-xs3 { padding-right: var( --size-3 ) } .pright-xs35 { padding-right: var( --size-35 ) } .pright-xs4 { padding-right: var( --size-4 ) } .pright-xs45 { padding-right: var( --size-45 ) } .pright-xs5 { padding-right: var( --size-5 ) } .pright-xs55 { padding-right: var( --size-55 ) } .pright-xs6 { padding-right: var( --size-6 ) } .pright-xs65 { padding-right: var( --size-65 ) } .pright-xs7 { padding-right: var( --size-7 ) } .pright-xs75 { padding-right: var( --size-75 ) } .pright-xs8 { padding-right: var( --size-8 ) } .pright-xs85 { padding-right: var( --size-85 ) } .pright-xs9 { padding-right: var( --size-9 ) } .pright-xs95 { padding-right: var( --size-95 ) } .pright-xs10 { padding-right: var( --size-10 ) } @media (min-width: 575px) { .pleft-sm0 { padding-left: 0px!important; } .pleft-sm0125 { padding-left: var( --size-0125 ) } .pleft-sm025 { padding-left: var( --size-025 ) } .pleft-sm05 { padding-left: var( --size-05 ) } .pleft-sm075 { padding-left: var( --size-075 ) } .pleft-sm1 { padding-left: var( --size-1 ) } .pleft-sm125 { padding-left: var( --size-125 ) } .pleft-sm15 { padding-left: var( --size-15 ) } .pleft-sm175 { padding-left: var( --size-175 ) } .pleft-sm2 { padding-left: var( --size-2 ) } .pleft-sm225 { padding-left: var( --size-225 ) } .pleft-sm25 { padding-left: var( --size-25 ) } .pleft-sm275 { padding-left: var( --size-275 ) } .pleft-sm3 { padding-left: var( --size-3 ) } .pleft-sm35 { padding-left: var( --size-35 ) } .pleft-sm4 { padding-left: var( --size-4 ) } .pleft-sm45 { padding-left: var( --size-45 ) } .pleft-sm5 { padding-left: var( --size-5 ) } .pleft-sm55 { padding-left: var( --size-55 ) } .pleft-sm6 { padding-left: var( --size-6 ) } .pleft-sm65 { padding-left: var( --size-65 ) } .pleft-sm7 { padding-left: var( --size-7 ) } .pleft-sm75 { padding-left: var( --size-75 ) } .pleft-sm8 { padding-left: var( --size-8 ) } .pleft-sm85 { padding-left: var( --size-85 ) } .pleft-sm9 { padding-left: var( --size-9 ) } .pleft-sm95 { padding-left: var( --size-95 ) } .pleft-sm10 { padding-left: var( --size-10 ) } .pright-sm0 { padding-right: 0px!important; } .pright-sm0125 { padding-right: var( --size-0125 ) } .pright-sm025 { padding-right: var( --size-025 ) } .pright-sm05 { padding-right: var( --size-05 ) } .pright-sm075 { padding-right: var( --size-075 ) } .pright-sm1 { padding-right: var( --size-1 ) } .pright-sm125 { padding-right: var( --size-125 ) } .pright-sm15 { padding-right: var( --size-15 ) } .pright-sm175 { padding-right: var( --size-175 ) } .pright-sm2 { padding-right: var( --size-2 ) } .pright-sm225 { padding-right: var( --size-225 ) } .pright-sm25 { padding-right: var( --size-25 ) } .pright-sm275 { padding-right: var( --size-275 ) } .pright-sm3 { padding-right: var( --size-3 ) } .pright-sm35 { padding-right: var( --size-35 ) } .pright-sm4 { padding-right: var( --size-4 ) } .pright-sm45 { padding-right: var( --size-45 ) } .pright-sm5 { padding-right: var( --size-5 ) } .pright-sm55 { padding-right: var( --size-55 ) } .pright-sm6 { padding-right: var( --size-6 ) } .pright-sm65 { padding-right: var( --size-65 ) } .pright-sm7 { padding-right: var( --size-7 ) } .pright-sm75 { padding-right: var( --size-75 ) } .pright-sm8 { padding-right: var( --size-8 ) } .pright-sm85 { padding-right: var( --size-85 ) } .pright-sm9 { padding-right: var( --size-9 ) } .pright-sm95 { padding-right: var( --size-95 ) } .pright-sm10 { padding-right: var( --size-10 ) } } /* * Margin All, Top, Bottom */ .mar0 { margin: 0px; } .mar0125 { margin: var( --size-0125 ); } .mar025 { margin: var( --size-025 ); } .mar05 { margin: var( --size-05 ); } .mar075 { margin: var( --size-075 ); } .mar1 { margin: var( --size-1 ); } .mar125 { margin: var( --size-125 ); } .mar15 { margin: var( --size-15 ); } .mar175 { margin: var( --size-175 ); } .mar2 { margin: var( --size-2 ); } .mar225 { margin: var( --size-225 ); } .mar25 { margin: var( --size-25 ); } .mar275 { margin: var( --size-275 ); } .mar3 { margin: var( --size-3 ); } .mar35 { margin: var( --size-35 ); } .mar4 { margin: var( --size-4 ); } .mar45 { margin: var( --size-45 ); } .mar5 { margin: var( --size-5 ); } .mar55 { margin: var( --size-55 ); } .mar6 { margin: var( --size-6 ); } .mar65 { margin: var( --size-65 ); } .mar7 { margin: var( --size-7 ); } .mar75 { margin: var( --size-75 ); } .mar8 { margin: var( --size-8 ); } .mar85 { margin: var( --size-85 ); } .mar9 { margin: var( --size-9 ); } .mar95 { margin: var( --size-95 ); } .mar10 { margin: var( --size-10 ); } .mtop0 { margin-top: 0px!important; } .mtop0125 { margin-top: var( --size-0125 )!important; } .mtop025 { margin-top: var( --size-025 )!important; } .mtop05 { margin-top: var( --size-05 )!important; } .mtop075 { margin-top: var( --size-075 )!important; } .mtop1 { margin-top: var( --size-1 )!important; } .mtop125 { margin-top: var( --size-125 )!important; } .mtop15 { margin-top: var( --size-15 )!important; } .mtop175 { margin-top: var( --size-175 )!important; } .mtop2 { margin-top: var( --size-2 )!important; } .mtop225 { margin-top: var( --size-225 )!important; } .mtop25 { margin-top: var( --size-25 )!important; } .mtop275 { margin-top: var( --size-275 )!important; } .mtop3 { margin-top: var( --size-3 )!important; } .mtop35 { margin-top: var( --size-35 )!important; } .mtop4 { margin-top: var( --size-4 )!important; } .mtop45 { margin-top: var( --size-45 )!important; } .mtop5 { margin-top: var( --size-5 )!important; } .mtop55 { margin-top: var( --size-55 )!important; } .mtop6 { margin-top: var( --size-6 )!important; } .mtop65 { margin-top: var( --size-65 )!important; } .mtop7 { margin-top: var( --size-7 )!important; } .mtop75 { margin-top: var( --size-75 )!important; } .mtop8 { margin-top: var( --size-8 )!important; } .mtop85 { margin-top: var( --size-85 )!important; } .mtop9 { margin-top: var( --size-9 )!important; } .mtop95 { margin-top: var( --size-95 )!important; } .mtop10 { margin-top: var( --size-10 )!important; } .mbot0 { margin-bottom: 0px!important; } .mbot0125 { margin-bottom: var( --size-0125 )!important; } .mbot025 { margin-bottom: var( --size-025 )!important; } .mbot05 { margin-bottom: var( --size-05 )!important; } .mbot075 { margin-bottom: var( --size-075 )!important; } .mbot1 { margin-bottom: var( --size-1 )!important; } .mbot125 { margin-bottom: var( --size-125 )!important; } .mbot15 { margin-bottom: var( --size-15 )!important; } .mbot175 { margin-bottom: var( --size-175 )!important; } .mbot2 { margin-bottom: var( --size-2 )!important; } .mbot225 { margin-bottom: var( --size-225 )!important; } .mbot25 { margin-bottom: var( --size-25 )!important; } .mbot275 { margin-bottom: var( --size-275 )!important; } .mbot3 { margin-bottom: var( --size-3 )!important; } .mbot35 { margin-bottom: var( --size-35 )!important; } .mbot4 { margin-bottom: var( --size-4 )!important; } .mbot45 { margin-bottom: var( --size-45 )!important; } .mbot5 { margin-bottom: var( --size-5 )!important; } .mbot55 { margin-bottom: var( --size-55 )!important; } .mbot6 { margin-bottom: var( --size-6 )!important; } .mbot65 { margin-bottom: var( --size-65 )!important; } .mbot7 { margin-bottom: var( --size-7 )!important; } .mbot75 { margin-bottom: var( --size-75 )!important; } .mbot8 { margin-bottom: var( --size-8 )!important; } .mbot85 { margin-bottom: var( --size-85 )!important; } .mbot9 { margin-bottom: var( --size-9 )!important; } .mbot95 { margin-bottom: var( --size-95 )!important; } .mbot10 { margin-bottom: var( --size-10 )!important; } .mtop-xs0 { margin-top: 0px!important; } .mtop-xs0125 { margin-top: var( --size-0125 ) } .mtop-xs025 { margin-top: var( --size-025 ) } .mtop-xs05 { margin-top: var( --size-05 ) } .mtop-xs075 { margin-top: var( --size-075 ) } .mtop-xs1 { margin-top: var( --size-1 ) } .mtop-xs125 { margin-top: var( --size-125 ) } .mtop-xs15 { margin-top: var( --size-15 ) } .mtop-xs175 { margin-top: var( --size-175 ) } .mtop-xs2 { margin-top: var( --size-2 ) } .mtop-xs225 { margin-top: var( --size-225 ) } .mtop-xs25 { margin-top: var( --size-25 ) } .mtop-xs275 { margin-top: var( --size-275 ) } .mtop-xs3 { margin-top: var( --size-3 ) } .mtop-xs35 { margin-top: var( --size-35 ) } .mtop-xs4 { margin-top: var( --size-4 ) } .mtop-xs45 { margin-top: var( --size-45 ) } .mtop-xs5 { margin-top: var( --size-5 ) } .mtop-xs55 { margin-top: var( --size-55 ) } .mtop-xs6 { margin-top: var( --size-6 ) } .mtop-xs65 { margin-top: var( --size-65 ) } .mtop-xs7 { margin-top: var( --size-7 ) } .mtop-xs75 { margin-top: var( --size-75 ) } .mtop-xs8 { margin-top: var( --size-8 ) } .mtop-xs85 { margin-top: var( --size-85 ) } .mtop-xs9 { margin-top: var( --size-9 ) } .mtop-xs95 { margin-top: var( --size-95 ) } .mtop-xs10 { margin-top: var( --size-10 ) } .mbot-xs0 { margin-bottom: 0px!important; } .mbot-xs0125 { margin-bottom: var( --size-0125 ) } .mbot-xs025 { margin-bottom: var( --size-025 ) } .mbot-xs05 { margin-bottom: var( --size-05 ) } .mbot-xs075 { margin-bottom: var( --size-075 ) } .mbot-xs1 { margin-bottom: var( --size-1 ) } .mbot-xs125 { margin-bottom: var( --size-125 ) } .mbot-xs15 { margin-bottom: var( --size-15 ) } .mbot-xs175 { margin-bottom: var( --size-175 ) } .mbot-xs2 { margin-bottom: var( --size-2 ) } .mbot-xs225 { margin-bottom: var( --size-225 ) } .mbot-xs25 { margin-bottom: var( --size-25 ) } .mbot-xs275 { margin-bottom: var( --size-275 ) } .mbot-xs3 { margin-bottom: var( --size-3 ) } .mbot-xs35 { margin-bottom: var( --size-35 ) } .mbot-xs4 { margin-bottom: var( --size-4 ) } .mbot-xs45 { margin-bottom: var( --size-45 ) } .mbot-xs5 { margin-bottom: var( --size-5 ) } .mbot-xs55 { margin-bottom: var( --size-55 ) } .mbot-xs6 { margin-bottom: var( --size-6 ) } .mbot-xs65 { margin-bottom: var( --size-65 ) } .mbot-xs7 { margin-bottom: var( --size-7 ) } .mbot-xs75 { margin-bottom: var( --size-75 ) } .mbot-xs8 { margin-bottom: var( --size-8 ) } .mbot-xs85 { margin-bottom: var( --size-85 ) } .mbot-xs9 { margin-bottom: var( --size-9 ) } .mbot-xs95 { margin-bottom: var( --size-95 ) } .mbot-xs10 { margin-bottom: var( --size-10 ) } @media (min-width: 575px) { .mtop-sm0 { margin-top: 0px!important; } .mtop-sm0125 { margin-top: var( --size-0125 ) } .mtop-sm025 { margin-top: var( --size-025 ) } .mtop-sm05 { margin-top: var( --size-05 ) } .mtop-sm075 { margin-top: var( --size-075 ) } .mtop-sm1 { margin-top: var( --size-1 ) } .mtop-sm125 { margin-top: var( --size-125 ) } .mtop-sm15 { margin-top: var( --size-15 ) } .mtop-sm175 { margin-top: var( --size-175 ) } .mtop-sm2 { margin-top: var( --size-2 ) } .mtop-sm225 { margin-top: var( --size-225 ) } .mtop-sm25 { margin-top: var( --size-25 ) } .mtop-sm275 { margin-top: var( --size-275 ) } .mtop-sm3 { margin-top: var( --size-3 ) } .mtop-sm35 { margin-top: var( --size-35 ) } .mtop-sm4 { margin-top: var( --size-4 ) } .mtop-sm45 { margin-top: var( --size-45 ) } .mtop-sm5 { margin-top: var( --size-5 ) } .mtop-sm55 { margin-top: var( --size-55 ) } .mtop-sm6 { margin-top: var( --size-6 ) } .mtop-sm65 { margin-top: var( --size-65 ) } .mtop-sm7 { margin-top: var( --size-7 ) } .mtop-sm75 { margin-top: var( --size-75 ) } .mtop-sm8 { margin-top: var( --size-8 ) } .mtop-sm85 { margin-top: var( --size-85 ) } .mtop-sm9 { margin-top: var( --size-9 ) } .mtop-sm95 { margin-top: var( --size-95 ) } .mtop-sm10 { margin-top: var( --size-10 ) } .mbot-sm0 { margin-bottom: 0px!important; } .mbot-sm0125 { margin-bottom: var( --size-0125 ) } .mbot-sm025 { margin-bottom: var( --size-025 ) } .mbot-sm05 { margin-bottom: var( --size-05 ) } .mbot-sm075 { margin-bottom: var( --size-075 ) } .mbot-sm1 { margin-bottom: var( --size-1 ) } .mbot-sm125 { margin-bottom: var( --size-125 ) } .mbot-sm15 { margin-bottom: var( --size-15 ) } .mbot-sm175 { margin-bottom: var( --size-175 ) } .mbot-sm2 { margin-bottom: var( --size-2 ) } .mbot-sm225 { margin-bottom: var( --size-225 ) } .mbot-sm25 { margin-bottom: var( --size-25 ) } .mbot-sm275 { margin-bottom: var( --size-275 ) } .mbot-sm3 { margin-bottom: var( --size-3 ) } .mbot-sm35 { margin-bottom: var( --size-35 ) } .mbot-sm4 { margin-bottom: var( --size-4 ) } .mbot-sm45 { margin-bottom: var( --size-45 ) } .mbot-sm5 { margin-bottom: var( --size-5 ) } .mbot-sm55 { margin-bottom: var( --size-55 ) } .mbot-sm6 { margin-bottom: var( --size-6 ) } .mbot-sm65 { margin-bottom: var( --size-65 ) } .mbot-sm7 { margin-bottom: var( --size-7 ) } .mbot-sm75 { margin-bottom: var( --size-75 ) } .mbot-sm8 { margin-bottom: var( --size-8 ) } .mbot-sm85 { margin-bottom: var( --size-85 ) } .mbot-sm9 { margin-bottom: var( --size-9 ) } .mbot-sm95 { margin-bottom: var( --size-95 ) } .mbot-sm10 { margin-bottom: var( --size-10 ) } } /* * Margin Left, Right */ .mleft0 { margin-left: 0px!important; } .mleft0125 { margin-left: var( --size-0125 )!important; } .mleft025 { margin-left: var( --size-025 )!important; } .mleft05 { margin-left: var( --size-05 )!important; } .mleft075 { margin-left: var( --size-075 )!important; } .mleft1 { margin-left: var( --size-1 )!important; } .mleft125 { margin-left: var( --size-125 )!important; } .mleft15 { margin-left: var( --size-15 )!important; } .mleft175 { margin-left: var( --size-175 )!important; } .mleft2 { margin-left: var( --size-2 )!important; } .mleft225 { margin-left: var( --size-225 )!important; } .mleft25 { margin-left: var( --size-25 )!important; } .mleft275 { margin-left: var( --size-275 )!important; } .mleft3 { margin-left: var( --size-3 )!important; } .mleft35 { margin-left: var( --size-35 )!important; } .mleft4 { margin-left: var( --size-4 )!important; } .mleft45 { margin-left: var( --size-45 )!important; } .mleft5 { margin-left: var( --size-5 )!important; } .mleft55 { margin-left: var( --size-55 )!important; } .mleft6 { margin-left: var( --size-6 )!important; } .mleft65 { margin-left: var( --size-65 )!important; } .mleft7 { margin-left: var( --size-7 )!important; } .mleft75 { margin-left: var( --size-75 )!important; } .mleft8 { margin-left: var( --size-8 )!important; } .mleft85 { margin-left: var( --size-85 )!important; } .mleft9 { margin-left: var( --size-9 )!important; } .mleft95 { margin-left: var( --size-95 )!important; } .mleft10 { margin-left: var( --size-10 )!important; } .mright0 { margin-right: 0px!important; } .mright0125 { margin-right: var( --size-0125 )!important; } .mright025 { margin-right: var( --size-025 )!important; } .mright05 { margin-right: var( --size-05 )!important; } .mright075 { margin-right: var( --size-075 )!important; } .mright1 { margin-right: var( --size-1 )!important; } .mright125 { margin-right: var( --size-125 )!important; } .mright15 { margin-right: var( --size-15 )!important; } .mright175 { margin-right: var( --size-175 )!important; } .mright2 { margin-right: var( --size-2 )!important; } .mright225 { margin-right: var( --size-225 )!important; } .mright25 { margin-right: var( --size-25 )!important; } .mright275 { margin-right: var( --size-275 )!important; } .mright3 { margin-right: var( --size-3 )!important; } .mright35 { margin-right: var( --size-35 )!important; } .mright4 { margin-right: var( --size-4 )!important; } .mright45 { margin-right: var( --size-45 )!important; } .mright5 { margin-right: var( --size-5 )!important; } .mright55 { margin-right: var( --size-55 )!important; } .mright6 { margin-right: var( --size-6 )!important; } .mright65 { margin-right: var( --size-65 )!important; } .mright7 { margin-right: var( --size-7 )!important; } .mright75 { margin-right: var( --size-75 )!important; } .mright8 { margin-right: var( --size-8 )!important; } .mright85 { margin-right: var( --size-85 )!important; } .mright9 { margin-right: var( --size-9 )!important; } .mright95 { margin-right: var( --size-95 )!important; } .mright10 { margin-right: var( --size-10 )!important; } .mleft-xs0 { margin-left: 0px!important; } .mleft-xs0125 { margin-left: var( --size-0125 ) } .mleft-xs025 { margin-left: var( --size-025 ) } .mleft-xs05 { margin-left: var( --size-05 ) } .mleft-xs075 { margin-left: var( --size-075 ) } .mleft-xs1 { margin-left: var( --size-1 ) } .mleft-xs125 { margin-left: var( --size-125 ) } .mleft-xs15 { margin-left: var( --size-15 ) } .mleft-xs175 { margin-left: var( --size-175 ) } .mleft-xs2 { margin-left: var( --size-2 ) } .mleft-xs225 { margin-left: var( --size-225 ) } .mleft-xs25 { margin-left: var( --size-25 ) } .mleft-xs275 { margin-left: var( --size-275 ) } .mleft-xs3 { margin-left: var( --size-3 ) } .mleft-xs35 { margin-left: var( --size-35 ) } .mleft-xs4 { margin-left: var( --size-4 ) } .mleft-xs45 { margin-left: var( --size-45 ) } .mleft-xs5 { margin-left: var( --size-5 ) } .mleft-xs55 { margin-left: var( --size-55 ) } .mleft-xs6 { margin-left: var( --size-6 ) } .mleft-xs65 { margin-left: var( --size-65 ) } .mleft-xs7 { margin-left: var( --size-7 ) } .mleft-xs75 { margin-left: var( --size-75 ) } .mleft-xs8 { margin-left: var( --size-8 ) } .mleft-xs85 { margin-left: var( --size-85 ) } .mleft-xs9 { margin-left: var( --size-9 ) } .mleft-xs95 { margin-left: var( --size-95 ) } .mleft-xs10 { margin-left: var( --size-10 ) } .mright-xs0 { margin-right: 0px!important; } .mright-xs0125 { margin-right: var( --size-0125 ) } .mright-xs025 { margin-right: var( --size-025 ) } .mright-xs05 { margin-right: var( --size-05 ) } .mright-xs075 { margin-right: var( --size-075 ) } .mright-xs1 { margin-right: var( --size-1 ) } .mright-xs125 { margin-right: var( --size-125 ) } .mright-xs15 { margin-right: var( --size-15 ) } .mright-xs175 { margin-right: var( --size-175 ) } .mright-xs2 { margin-right: var( --size-2 ) } .mright-xs225 { margin-right: var( --size-225 ) } .mright-xs25 { margin-right: var( --size-25 ) } .mright-xs275 { margin-right: var( --size-275 ) } .mright-xs3 { margin-right: var( --size-3 ) } .mright-xs35 { margin-right: var( --size-35 ) } .mright-xs4 { margin-right: var( --size-4 ) } .mright-xs45 { margin-right: var( --size-45 ) } .mright-xs5 { margin-right: var( --size-5 ) } .mright-xs55 { margin-right: var( --size-55 ) } .mright-xs6 { margin-right: var( --size-6 ) } .mright-xs65 { margin-right: var( --size-65 ) } .mright-xs7 { margin-right: var( --size-7 ) } .mright-xs75 { margin-right: var( --size-75 ) } .mright-xs8 { margin-right: var( --size-8 ) } .mright-xs85 { margin-right: var( --size-85 ) } .mright-xs9 { margin-right: var( --size-9 ) } .mright-xs95 { margin-right: var( --size-95 ) } .mright-xs10 { margin-right: var( --size-10 ) } @media (min-width: 575px) { .mleft-sm0 { margin-left: 0px!important; } .mleft-sm0125 { margin-left: var( --size-0125 ) } .mleft-sm025 { margin-left: var( --size-025 ) } .mleft-sm05 { margin-left: var( --size-05 ) } .mleft-sm075 { margin-left: var( --size-075 ) } .mleft-sm1 { margin-left: var( --size-1 ) } .mleft-sm125 { margin-left: var( --size-125 ) } .mleft-sm15 { margin-left: var( --size-15 ) } .mleft-sm175 { margin-left: var( --size-175 ) } .mleft-sm2 { margin-left: var( --size-2 ) } .mleft-sm225 { margin-left: var( --size-225 ) } .mleft-sm25 { margin-left: var( --size-25 ) } .mleft-sm275 { margin-left: var( --size-275 ) } .mleft-sm3 { margin-left: var( --size-3 ) } .mleft-sm35 { margin-left: var( --size-35 ) } .mleft-sm4 { margin-left: var( --size-4 ) } .mleft-sm45 { margin-left: var( --size-45 ) } .mleft-sm5 { margin-left: var( --size-5 ) } .mleft-sm55 { margin-left: var( --size-55 ) } .mleft-sm6 { margin-left: var( --size-6 ) } .mleft-sm65 { margin-left: var( --size-65 ) } .mleft-sm7 { margin-left: var( --size-7 ) } .mleft-sm75 { margin-left: var( --size-75 ) } .mleft-sm8 { margin-left: var( --size-8 ) } .mleft-sm85 { margin-left: var( --size-85 ) } .mleft-sm9 { margin-left: var( --size-9 ) } .mleft-sm95 { margin-left: var( --size-95 ) } .mleft-sm10 { margin-left: var( --size-10 ) } .mright-sm0 { margin-right: 0px!important; } .mright-sm0125 { margin-right: var( --size-0125 ) } .mright-sm025 { margin-right: var( --size-025 ) } .mright-sm05 { margin-right: var( --size-05 ) } .mright-sm075 { margin-right: var( --size-075 ) } .mright-sm1 { margin-right: var( --size-1 ) } .mright-sm125 { margin-right: var( --size-125 ) } .mright-sm15 { margin-right: var( --size-15 ) } .mright-sm175 { margin-right: var( --size-175 ) } .mright-sm2 { margin-right: var( --size-2 ) } .mright-sm225 { margin-right: var( --size-225 ) } .mright-sm25 { margin-right: var( --size-25 ) } .mright-sm275 { margin-right: var( --size-275 ) } .mright-sm3 { margin-right: var( --size-3 ) } .mright-sm35 { margin-right: var( --size-35 ) } .mright-sm4 { margin-right: var( --size-4 ) } .mright-sm45 { margin-right: var( --size-45 ) } .mright-sm5 { margin-right: var( --size-5 ) } .mright-sm55 { margin-right: var( --size-55 ) } .mright-sm6 { margin-right: var( --size-6 ) } .mright-sm65 { margin-right: var( --size-65 ) } .mright-sm7 { margin-right: var( --size-7 ) } .mright-sm75 { margin-right: var( --size-75 ) } .mright-sm8 { margin-right: var( --size-8 ) } .mright-sm85 { margin-right: var( --size-85 ) } .mright-sm9 { margin-right: var( --size-9 ) } .mright-sm95 { margin-right: var( --size-95 ) } .mright-sm10 { margin-right: var( --size-10 ) } } /* * Width */ .width0125 { width: var( --size-0125 ); } .width025 { width: var( --size-025 ); } .width05 { width: var( --size-05 ); } .width075 { width: var( --size-075 ); } .width1 { width: var( --size-1 ); } .width125 { width: var( --size-125 ); } .width15 { width: var( --size-15 ); } .width175 { width: var( --size-175 ); } .width2 { width: var( --size-2 ); } .width225 { width: var( --size-225 ); } .width25 { width: var( --size-25 ); } .width275 { width: var( --size-275 ); } .width3 { width: var( --size-3 ); } .width35 { width: var( --size-35 ); } .width4 { width: var( --size-4 ); } .width45 { width: var( --size-45 ); } .width5 { width: var( --size-5 ); } .width55 { width: var( --size-55 ); } .width6 { width: var( --size-6 ); } .width65 { width: var( --size-65 ); } .width7 { width: var( --size-7 ); } .width75 { width: var( --size-75 ); } .width8 { width: var( --size-8 ); } .width85 { width: var( --size-85 ); } .width9 { width: var( --size-9 ); } .width95 { width: var( --size-95 ); } .width10 { width: var( --size-10 ); } .width20 { width: var( --size-20 ); } .width30 { width: var( --size-30 ); } .width40 { width: var( --size-40 ); } .width50 { width: var( --size-50 ); } .width60 { width: var( --size-60 ); } .width70 { width: var( --size-70 ); } .width80 { width: var( --size-80 ); } .width90 { width: var( --size-90 ); } .width100 { width: var( --size-100 ); } /* * Height */ .height0125 { height: var( --size-0125 ); } .height025 { height: var( --size-025 ); } .height05 { height: var( --size-05 ); } .height075 { height: var( --size-075 ); } .height1 { height: var( --size-1 ); } .height125 { height: var( --size-125 ); } .height15 { height: var( --size-15 ); } .height175 { height: var( --size-175 ); } .height2 { height: var( --size-2 ); } .height225 { height: var( --size-225 ); } .height25 { height: var( --size-25 ); } .height275 { height: var( --size-275 ); } .height3 { height: var( --size-3 ); } .height35 { height: var( --size-35 ); } .height4 { height: var( --size-4 ); } .height45 { height: var( --size-45 ); } .height5 { height: var( --size-5 ); } .height55 { height: var( --size-55 ); } .height6 { height: var( --size-6 ); } .height65 { height: var( --size-65 ); } .height7 { height: var( --size-7 ); } .height75 { height: var( --size-75 ); } .height8 { height: var( --size-8 ); } .height85 { height: var( --size-85 ); } .height9 { height: var( --size-9 ); } .height95 { height: var( --size-95 ); } .height10 { height: var( --size-10 ); } .height20 { height: var( --size-20 ); } .height30 { height: var( --size-30 ); } .height40 { height: var( --size-40 ); } .height50 { height: var( --size-50 ); } .height60 { height: var( --size-60 ); } .height70 { height: var( --size-70 ); } .height80 { height: var( --size-80 ); } .height90 { height: var( --size-90 ); } .height100 { height: var( --size-100 ); } /* * Position */ .p_absolute { position: absolute; } .p_left0 { left: 0px!important; } .p_left0125 { left: var( --size-0125 )!important; } .p_left025 { left: var( --size-025 )!important; } .p_left05 { left: var( --size-05 )!important; } .p_left075 { left: var( --size-075 )!important; } .p_left1 { left: var( --size-1 )!important; } .p_left125 { left: var( --size-125 )!important; } .p_left15 { left: var( --size-15 )!important; } .p_left175 { left: var( --size-175 )!important; } .p_left2 { left: var( --size-2 )!important; } .p_left225 { left: var( --size-225 )!important; } .p_left25 { left: var( --size-25 )!important; } .p_left275 { left: var( --size-275 )!important; } .p_left3 { left: var( --size-3 )!important; } .p_left35 { left: var( --size-35 )!important; } .p_left4 { left: var( --size-4 )!important; } .p_left45 { left: var( --size-45 )!important; } .p_left5 { left: var( --size-5 )!important; } .p_left55 { left: var( --size-55 )!important; } .p_left6 { left: var( --size-6 )!important; } .p_left65 { left: var( --size-65 )!important; } .p_left7 { left: var( --size-7 )!important; } .p_left75 { left: var( --size-75 )!important; } .p_left8 { left: var( --size-8 )!important; } .p_left85 { left: var( --size-85 )!important; } .p_left9 { left: var( --size-9 )!important; } .p_left95 { left: var( --size-95 )!important; } .p_left10 { left: var( --size-10 )!important; } .-p_left0 { left: 0px!important; } .-p_left0125 { left: calc(-1 * var( --size-0125 ) ); } .-p_left025 { left: calc(-1 * var( --size-025 ) ); } .-p_left05 { left: calc(-1 * var( --size-05 ) ); } .-p_left075 { left: calc(-1 * var( --size-075 ) ); } .-p_left1 { left: calc(-1 * var( --size-1 ) ); } .-p_left125 { left: calc(-1 * var( --size-125 ) ); } .-p_left15 { left: calc(-1 * var( --size-15 ) ); } .-p_left175 { left: calc(-1 * var( --size-175 ) ); } .-p_left2 { left: calc(-1 * var( --size-2 ) ); } .-p_left225 { left: calc(-1 * var( --size-225 ) ); } .-p_left25 { left: calc(-1 * var( --size-25 ) ); } .-p_left275 { left: calc(-1 * var( --size-275 ) ); } .-p_left3 { left: calc(-1 * var( --size-3 ) ); } .-p_left35 { left: calc(-1 * var( --size-35 ) ); } .-p_left4 { left: calc(-1 * var( --size-4 ) ); } .-p_left45 { left: calc(-1 * var( --size-45 ) ); } .-p_left5 { left: calc(-1 * var( --size-5 ) ); } .-p_left55 { left: calc(-1 * var( --size-55 ) ); } .-p_left6 { left: calc(-1 * var( --size-6 ) ); } .-p_left65 { left: calc(-1 * var( --size-65 ) ); } .-p_left7 { left: calc(-1 * var( --size-7 ) ); } .-p_left75 { left: calc(-1 * var( --size-75 ) ); } .-p_left8 { left: calc(-1 * var( --size-8 ) ); } .-p_left85 { left: calc(-1 * var( --size-85 ) ); } .-p_left9 { left: calc(-1 * var( --size-9 ) ); } .-p_left95 { left: calc(-1 * var( --size-95 ) ); } .-p_left10 { left: calc(-1 * var( --size-10 ) ); } .p_right0 { right: 0px!important; } .p_right0125 { right: var( --size-0125 )!important; } .p_right025 { right: var( --size-025 )!important; } .p_right05 { right: var( --size-05 )!important; } .p_right075 { right: var( --size-075 )!important; } .p_right1 { right: var( --size-1 )!important; } .p_right125 { right: var( --size-125 )!important; } .p_right15 { right: var( --size-15 )!important; } .p_right175 { right: var( --size-175 )!important; } .p_right2 { right: var( --size-2 )!important; } .p_right225 { right: var( --size-225 )!important; } .p_right25 { right: var( --size-25 )!important; } .p_right275 { right: var( --size-275 )!important; } .p_right3 { right: var( --size-3 )!important; } .p_right35 { right: var( --size-35 )!important; } .p_right4 { right: var( --size-4 )!important; } .p_right45 { right: var( --size-45 )!important; } .p_right5 { right: var( --size-5 )!important; } .p_right55 { right: var( --size-55 )!important; } .p_right6 { right: var( --size-6 )!important; } .p_right65 { right: var( --size-65 )!important; } .p_right7 { right: var( --size-7 )!important; } .p_right75 { right: var( --size-75 )!important; } .p_right8 { right: var( --size-8 )!important; } .p_right85 { right: var( --size-85 )!important; } .p_right9 { right: var( --size-9 )!important; } .p_right95 { right: var( --size-95 )!important; } .p_right10 { right: var( --size-10 )!important; } .-p_right0 { right: 0px!important; } .-p_right0125 { right: calc(-1 * var( --size-0125 ) ); } .-p_right025 { right: calc(-1 * var( --size-025 ) ); } .-p_right05 { right: calc(-1 * var( --size-05 ) ); } .-p_right075 { right: calc(-1 * var( --size-075 ) ); } .-p_right1 { right: calc(-1 * var( --size-1 ) ); } .-p_right125 { right: calc(-1 * var( --size-125 ) ); } .-p_right15 { right: calc(-1 * var( --size-15 ) ); } .-p_right175 { right: calc(-1 * var( --size-175 ) ); } .-p_right2 { right: calc(-1 * var( --size-2 ) ); } .-p_right225 { right: calc(-1 * var( --size-225 ) ); } .-p_right25 { right: calc(-1 * var( --size-25 ) ); } .-p_right275 { right: calc(-1 * var( --size-275 ) ); } .-p_right3 { right: calc(-1 * var( --size-3 ) ); } .-p_right35 { right: calc(-1 * var( --size-35 ) ); } .-p_right4 { right: calc(-1 * var( --size-4 ) ); } .-p_right45 { right: calc(-1 * var( --size-45 ) ); } .-p_right5 { right: calc(-1 * var( --size-5 ) ); } .-p_right55 { right: calc(-1 * var( --size-55 ) ); } .-p_right6 { right: calc(-1 * var( --size-6 ) ); } .-p_right65 { right: calc(-1 * var( --size-65 ) ); } .-p_right7 { right: calc(-1 * var( --size-7 ) ); } .-p_right75 { right: calc(-1 * var( --size-75 ) ); } .-p_right8 { right: calc(-1 * var( --size-8 ) ); } .-p_right85 { right: calc(-1 * var( --size-85 ) ); } .-p_right9 { right: calc(-1 * var( --size-9 ) ); } .-p_right95 { right: calc(-1 * var( --size-95 ) ); } .-p_right10 { right: calc(-1 * var( --size-10 ) ); } .p_top0 { top: 0px!important; } .p_top0125 { top: var( --size-0125 )!important; } .p_top025 { top: var( --size-025 )!important; } .p_top05 { top: var( --size-05 )!important; } .p_top075 { top: var( --size-075 )!important; } .p_top1 { top: var( --size-1 )!important; } .p_top125 { top: var( --size-125 )!important; } .p_top15 { top: var( --size-15 )!important; } .p_top175 { top: var( --size-175 )!important; } .p_top2 { top: var( --size-2 )!important; } .p_top225 { top: var( --size-225 )!important; } .p_top25 { top: var( --size-25 )!important; } .p_top275 { top: var( --size-275 )!important; } .p_top3 { top: var( --size-3 )!important; } .p_top35 { top: var( --size-35 )!important; } .p_top4 { top: var( --size-4 )!important; } .p_top45 { top: var( --size-45 )!important; } .p_top5 { top: var( --size-5 )!important; } .p_top55 { top: var( --size-55 )!important; } .p_top6 { top: var( --size-6 )!important; } .p_top65 { top: var( --size-65 )!important; } .p_top7 { top: var( --size-7 )!important; } .p_top75 { top: var( --size-75 )!important; } .p_top8 { top: var( --size-8 )!important; } .p_top85 { top: var( --size-85 )!important; } .p_top9 { top: var( --size-9 )!important; } .p_top95 { top: var( --size-95 )!important; } .p_top10 { top: var( --size-10 )!important; } .-p_top0 { top: 0px!important; } .-p_top0125 { top: calc(-1 * var( --size-0125 ) ); } .-p_top025 { top: calc(-1 * var( --size-025 ) ); } .-p_top05 { top: calc(-1 * var( --size-05 ) ); } .-p_top075 { top: calc(-1 * var( --size-075 ) ); } .-p_top1 { top: calc(-1 * var( --size-1 ) ); } .-p_top125 { top: calc(-1 * var( --size-125 ) ); } .-p_top15 { top: calc(-1 * var( --size-15 ) ); } .-p_top175 { top: calc(-1 * var( --size-175 ) ); } .-p_top2 { top: calc(-1 * var( --size-2 ) ); } .-p_top225 { top: calc(-1 * var( --size-225 ) ); } .-p_top25 { top: calc(-1 * var( --size-25 ) ); } .-p_top275 { top: calc(-1 * var( --size-275 ) ); } .-p_top3 { top: calc(-1 * var( --size-3 ) ); } .-p_top35 { top: calc(-1 * var( --size-35 ) ); } .-p_top4 { top: calc(-1 * var( --size-4 ) ); } .-p_top45 { top: calc(-1 * var( --size-45 ) ); } .-p_top5 { top: calc(-1 * var( --size-5 ) ); } .-p_top55 { top: calc(-1 * var( --size-55 ) ); } .-p_top6 { top: calc(-1 * var( --size-6 ) ); } .-p_top65 { top: calc(-1 * var( --size-65 ) ); } .-p_top7 { top: calc(-1 * var( --size-7 ) ); } .-p_top75 { top: calc(-1 * var( --size-75 ) ); } .-p_top8 { top: calc(-1 * var( --size-8 ) ); } .-p_top85 { top: calc(-1 * var( --size-85 ) ); } .-p_top9 { top: calc(-1 * var( --size-9 ) ); } .-p_top95 { top: calc(-1 * var( --size-95 ) ); } .-p_top10 { top: calc(-1 * var( --size-10 ) ); } .p_bottom0 { bottom: 0px!important; } .p_bottom0125 { bottom: var( --size-0125 )!important; } .p_bottom025 { bottom: var( --size-025 )!important; } .p_bottom05 { bottom: var( --size-05 )!important; } .p_bottom075 { bottom: var( --size-075 )!important; } .p_bottom1 { bottom: var( --size-1 )!important; } .p_bottom125 { bottom: var( --size-125 )!important; } .p_bottom15 { bottom: var( --size-15 )!important; } .p_bottom175 { bottom: var( --size-175 )!important; } .p_bottom2 { bottom: var( --size-2 )!important; } .p_bottom225 { bottom: var( --size-225 )!important; } .p_bottom25 { bottom: var( --size-25 )!important; } .p_bottom275 { bottom: var( --size-275 )!important; } .p_bottom3 { bottom: var( --size-3 )!important; } .p_bottom35 { bottom: var( --size-35 )!important; } .p_bottom4 { bottom: var( --size-4 )!important; } .p_bottom45 { bottom: var( --size-45 )!important; } .p_bottom5 { bottom: var( --size-5 )!important; } .p_bottom55 { bottom: var( --size-55 )!important; } .p_bottom6 { bottom: var( --size-6 )!important; } .p_bottom65 { bottom: var( --size-65 )!important; } .p_bottom7 { bottom: var( --size-7 )!important; } .p_bottom75 { bottom: var( --size-75 )!important; } .p_bottom8 { bottom: var( --size-8 )!important; } .p_bottom85 { bottom: var( --size-85 )!important; } .p_bottom9 { bottom: var( --size-9 )!important; } .p_bottom95 { bottom: var( --size-95 )!important; } .p_bottom10 { bottom: var( --size-10 )!important; } .-p_bottom0 { bottom: 0px!important; } .-p_bottom0125 { bottom: calc(-1 * var( --size-0125 ) ); } .-p_bottom025 { bottom: calc(-1 * var( --size-025 ) ); } .-p_bottom05 { bottom: calc(-1 * var( --size-05 ) ); } .-p_bottom075 { bottom: calc(-1 * var( --size-075 ) ); } .-p_bottom1 { bottom: calc(-1 * var( --size-1 ) ); } .-p_bottom125 { bottom: calc(-1 * var( --size-125 ) ); } .-p_bottom15 { bottom: calc(-1 * var( --size-15 ) ); } .-p_bottom175 { bottom: calc(-1 * var( --size-175 ) ); } .-p_bottom2 { bottom: calc(-1 * var( --size-2 ) ); } .-p_bottom225 { bottom: calc(-1 * var( --size-225 ) ); } .-p_bottom25 { bottom: calc(-1 * var( --size-25 ) ); } .-p_bottom275 { bottom: calc(-1 * var( --size-275 ) ); } .-p_bottom3 { bottom: calc(-1 * var( --size-3 ) ); } .-p_bottom35 { bottom: calc(-1 * var( --size-35 ) ); } .-p_bottom4 { bottom: calc(-1 * var( --size-4 ) ); } .-p_bottom45 { bottom: calc(-1 * var( --size-45 ) ); } .-p_bottom5 { bottom: calc(-1 * var( --size-5 ) ); } .-p_bottom55 { bottom: calc(-1 * var( --size-55 ) ); } .-p_bottom6 { bottom: calc(-1 * var( --size-6 ) ); } .-p_bottom65 { bottom: calc(-1 * var( --size-65 ) ); } .-p_bottom7 { bottom: calc(-1 * var( --size-7 ) ); } .-p_bottom75 { bottom: calc(-1 * var( --size-75 ) ); } .-p_bottom8 { bottom: calc(-1 * var( --size-8 ) ); } .-p_bottom85 { bottom: calc(-1 * var( --size-85 ) ); } .-p_bottom9 { bottom: calc(-1 * var( --size-9 ) ); } .-p_bottom95 { bottom: calc(-1 * var( --size-95 ) ); } .-p_bottom10 { bottom: calc(-1 * var( --size-10 ) ); } /* * Rotate */ .rot01 { transform: rotate( 1deg ); transform-origin: left top 0; } .rot02 { transform: rotate( 2deg ); } .rot03 { transform: rotate( 3deg ); } .rot04 { transform: rotate( 4deg ); } .rot05 { transform: rotate( 5deg ); } .rot10 { transform: rotate( 10deg ); } .rot15 { transform: rotate( 15deg ); } .rot20 { transform: rotate( 20deg ); } .rot25 { transform: rotate( 25deg ); } .rot30 { transform: rotate( 30deg ); } .rot35 { transform: rotate( 35deg ); } .rot40 { transform: rotate( 40deg ); } .rot45 { transform: rotate( 45deg ); } .rot50 { transform: rotate( 50deg ); } .rot55 { transform: rotate( 55deg ); } .rot60 { transform: rotate( 60deg ); } .rot65 { transform: rotate( 65deg ); } .rot70 { transform: rotate( 70deg ); } .rot75 { transform: rotate( 75deg ); } .rot80 { transform: rotate( 80deg ); } .rot85 { transform: rotate( 85deg ); } .rot90 { transform: rotate( 90deg ); } .-rot01 { transform: rotate( -1deg ); transform-origin: left top 0; } .-rot02 { transform: rotate( -2deg ); } .-rot03 { transform: rotate( -3deg ); } .-rot04 { transform: rotate( -4deg ); } .-rot05 { transform: rotate( -5deg ); } .-rot10 { transform: rotate( -10deg ); } .-rot15 { transform: rotate( -15deg ); } .-rot20 { transform: rotate( -20deg ); } .-rot25 { transform: rotate( -25deg ); } .-rot30 { transform: rotate( -30deg ); } .-rot35 { transform: rotate( -35deg ); } .-rot40 { transform: rotate( -40deg ); } .-rot45 { transform: rotate( -45deg ); } .-rot50 { transform: rotate( -50deg ); } .-rot55 { transform: rotate( -55deg ); } .-rot60 { transform: rotate( -60deg ); } .-rot65 { transform: rotate( -65deg ); } .-rot70 { transform: rotate( -70deg ); } .-rot75 { transform: rotate( -75deg ); } .-rot80 { transform: rotate( -80deg ); } .-rot85 { transform: rotate( -85deg ); } .-rot90 { transform: rotate( -90deg ); } /* ============================================================ * Colors */ .tc-brightred { color: rgba( var(--tc_brightred), 1.0); } .tc-deepred { color: rgba( var(--tc_deepred), 1.0); } .tc-purple { color: rgba( var(--tc_purple), 1.0); } .tc-purplegrey { color: rgba( var(--tc_purplegrey), 1.0); } .tc-deepblue { color: rgba( var(--tc_deepblue), 1.0); } .tc-deepgrey { color: rgba( var(--tc_deepgrey), 1.0); } .tc-deepgreen { color: rgba( var(--tc_deepgreen), 1.0); } .deepgreen-50 { color: var(--deepgreen-50); } .deepgreen-100 { color: var(--deepgreen-100); } .deepgreen-200 { color: var(--deepgreen-200); } .deepgreen-300 { color: var(--deepgreen-300); } .deepgreen-400 { color: var(--deepgreen-400); } .deepgreen-500 { color: var(--deepgreen-500); } .deepgreen-600 { color: var(--deepgreen-600); } .deepgreen-700 { color: var(--deepgreen-700); } .deepgreen-800 { color: var(--deepgreen-800); } .deepgreen-900 { color: var(--deepgreen-900); } .tc-bg-brightred { background-color: rgba( var(--tc_brightred), 1.0); } .tc-bg-deepred { background-color: rgba( var(--tc_deepred), 1.0); } .tc-bg-purple { background-color: rgba( var(--tc_purple), 1.0); } .tc-bg-purplegrey { background-color: rgba( var(--tc_purplegrey), 1.0); } .tc-bg-deepblue { background-color: rgba( var(--tc_deepblue), 1.0); } .tc-bg-deepgrey { background-color: rgba( var(--tc_deepgrey), 1.0); } .tc-bg-deepgreen { background-color: rgba( var(--tc_deepgreen), 1.0); } .bg-deepgreen-50 { background-color: var(--deepgreen-50); } .bg-deepgreen-100 { background-color: var(--deepgreen-100); } .bg-deepgreen-200 { background-color: var(--deepgreen-200); } .bg-deepgreen-300 { background-color: var(--deepgreen-300); } .bg-deepgreen-400 { background-color: var(--deepgreen-400); } .bg-deepgreen-500 { background-color: var(--deepgreen-500); } .bg-deepgreen-600 { background-color: var(--deepgreen-600); } .bg-deepgreen-700 { background-color: var(--deepgreen-700); } .bg-deepgreen-800 { background-color: var(--deepgreen-800); } .bg-deepgreen-900 { background-color: var(--deepgreen-900); } .black { color: rgba( var(--black), 1.0); } .white { color: rgba( var(--white), 1.0); } .mediumgrey { color: rgba( var(--grey), 1.0); } .mediumgrey-50 { color: var(--grey-50) } .mediumgrey-100 { color: var(--grey-100) } .mediumgrey-200 { color: var(--grey-200) } .mediumgrey-300 { color: var(--grey-300) } .mediumgrey-400 { color: var(--grey-400) } .mediumgrey-500 { color: var(--grey-500) } .mediumgrey-600 { color: var(--grey-600) } .mediumgrey-700 { color: var(--grey-700) } .mediumgrey-800 { color: var(--grey-800) } .mediumgrey-900 { color: var(--grey-900) } .bluegrey { color: rgba( var(--bluegrey), 1.0); } .bluegrey-50 { color: var(--bluegrey-50) } .bluegrey-100 { color: var(--bluegrey-100) } .bluegrey-200 { color: var(--bluegrey-200) } .bluegrey-300 { color: var(--bluegrey-300) } .bluegrey-400 { color: var(--bluegrey-400) } .bluegrey-500 { color: var(--bluegrey-500) } .bluegrey-600 { color: var(--bluegrey-600) } .bluegrey-700 { color: var(--bluegrey-700) } .bluegrey-800 { color: var(--bluegrey-800) } .bluegrey-900 { color: var(--bluegrey-900) } .purplegrey { color: rgba( var(--purplegrey), 1.0); } .purplegrey-50 { color: var(--purplegrey-50) } .purplegrey-100 { color: var(--purplegrey-100) } .purplegrey-200 { color: var(--purplegrey-200) } .purplegrey-300 { color: var(--purplegrey-300) } .purplegrey-400 { color: var(--purplegrey-400) } .purplegrey-500 { color: var(--purplegrey-500) } .purplegrey-600 { color: var(--purplegrey-600) } .purplegrey-700 { color: var(--purplegrey-700) } .purplegrey-800 { color: var(--purplegrey-800) } .purplegrey-900 { color: var(--purplegrey-900) } .yellow { color: rgba( var(--yellow), 1.0); } .yelloworange { color: rgba( var(--yelloworange), 1.0); } .orange { color: rgba( var(--orange), 1.0); } .redorange { color: rgba( var(--redorange), 1.0); } .red { color: rgba( var(--red), 1.0); } .redviolett { color: rgba( var(--redviolett), 1.0); } .violett { color: rgba( var(--violett), 1.0); } .blueviolett { color: rgba( var(--blueviolett), 1.0); } .blue { color: rgba( var(--blue), 1.0); } .bluegreen { color: rgba( var(--bluegreen), 1.0); } .green { color: rgba( var(--green), 1.0); } .green-50 { color: var(--green-50) } .green-100 { color: var(--green-100) } .green-200 { color: var(--green-200) } .green-300 { color: var(--green-300) } .green-400 { color: var(--green-400) } .green-500 { color: var(--green-500) } .green-600 { color: var(--green-600) } .green-700 { color: var(--green-700) } .green-800 { color: var(--green-800) } .green-900 { color: var(--green-900) } .yellowgreen { color: rgba( var(--yellowgreen), 1.0); } .phcblue-50 { color: var(--phcblue-50) } .phcblue-100 { color: var(--phcblue-100) } .phcblue-200 { color: var(--phcblue-200) } .phcblue-300 { color: var(--phcblue-300) } .phcblue-400 { color: var(--phcblue-400) } .phcblue-500 { color: var(--phcblue-500) } .phcblue-600 { color: var(--phcblue-600) } .phcblue-700 { color: var(--phcblue-700) } .phcblue-800 { color: var(--phcblue-800) } .phcblue-900 { color: var(--phcblue-900) } .phcgreen-50 { color: var(--phcgreen-50) } .phcgreen-100 { color: var(--phcgreen-100) } .phcgreen-200 { color: var(--phcgreen-200) } .phcgreen-300 { color: var(--phcgreen-300) } .phcgreen-400 { color: var(--phcgreen-400) } .phcgreen-500 { color: var(--phcgreen-500) } .phcgreen-600 { color: var(--phcgreen-600) } .phcgreen-700 { color: var(--phcgreen-700) } .phcgreen-800 { color: var(--phcgreen-800) } .phcgreen-900 { color: var(--phcgreen-900) } .phcgrey-50 { color: var(--phcgrey-50) } .phcgrey-100 { color: var(--phcgrey-100) } .phcgrey-200 { color: var(--phcgrey-200) } .phcgrey-300 { color: var(--phcgrey-300) } .phcgrey-400 { color: var(--phcgrey-400) } .phcgrey-500 { color: var(--phcgrey-500) } .phcgrey-600 { color: var(--phcgrey-600) } .phcgrey-700 { color: var(--phcgrey-700) } .phcgrey-800 { color: var(--phcgrey-800) } .phcgrey-900 { color: var(--phcgrey-900) } .bg-black { background-color: rgba( var(--black), 1.0); } .bg-white { background-color: rgba( var(--white), 1.0); } .bg-mediumgrey { background-color: rgba( var(--grey), 1.0); } .bg-mediumgrey-50 { background-color: var(--grey-50) } .bg-mediumgrey-100 { background-color: var(--grey-100) } .bg-mediumgrey-200 { background-color: var(--grey-200) } .bg-mediumgrey-300 { background-color: var(--grey-300) } .bg-mediumgrey-400 { background-color: var(--grey-400) } .bg-mediumgrey-500 { background-color: var(--grey-500) } .bg-mediumgrey-600 { background-color: var(--grey-600) } .bg-mediumgrey-700 { background-color: var(--grey-700) } .bg-mediumgrey-800 { background-color: var(--grey-800) } .bg-mediumgrey-900 { background-color: var(--grey-900) } .bg-bluegrey { background-color: rgba( var(--bluegrey), 1.0); } .bg-bluegrey-50 { background-color: var(--bluegrey-50) } .bg-bluegrey-100 { background-color: var(--bluegrey-100) } .bg-bluegrey-200 { background-color: var(--bluegrey-200) } .bg-bluegrey-300 { background-color: var(--bluegrey-300) } .bg-bluegrey-400 { background-color: var(--bluegrey-400) } .bg-bluegrey-500 { background-color: var(--bluegrey-500) } .bg-bluegrey-600 { background-color: var(--bluegrey-600) } .bg-bluegrey-700 { background-color: var(--bluegrey-700) } .bg-bluegrey-800 { background-color: var(--bluegrey-800) } .bg-bluegrey-900 { background-color: var(--bluegrey-900) } .bg-purplegrey { background-color: rgba( var(--purplegrey), 1.0); } .bg-purplegrey-50 { background-color: var(--purplegrey-50) } .bg-purplegrey-100 { background-color: var(--purplegrey-100) } .bg-purplegrey-200 { background-color: var(--purplegrey-200) } .bg-purplegrey-300 { background-color: var(--purplegrey-300) } .bg-purplegrey-400 { background-color: var(--purplegrey-400) } .bg-purplegrey-500 { background-color: var(--purplegrey-500) } .bg-purplegrey-600 { background-color: var(--purplegrey-600) } .bg-purplegrey-700 { background-color: var(--purplegrey-700) } .bg-purplegrey-800 { background-color: var(--purplegrey-800) } .bg-purplegrey-900 { background-color: var(--purplegrey-900) } .bg-yellow { background-color: rgba( var(--yellow), 1.0); } .bg-yelloworange { background-color: rgba( var(--yelloworange), 1.0); } .bg-orange { background-color: rgba( var(--orange), 1.0); } .bg-redorange { background-color: rgba( var(--redorange), 1.0); } .bg-red { background-color: rgba( var(--red), 1.0); } .bg-redviolett { background-color: rgba( var(--redviolett), 1.0); } .bg-violett { background-color: rgba( var(--violett), 1.0); } .bg-blueviolett { background-color: rgba( var(--blueviolett), 1.0); } .bg-blue { background-color: rgba( var(--blue), 1.0); } .bg-bluegreen { background-color: rgba( var(--bluegreen), 1.0); } .bg-green { background-color: rgba( var(--green), 1.0); } .bg-green-50 { background-color: var(--green-50) } .bg-green-100 { background-color: var(--green-100) } .bg-green-200 { background-color: var(--green-200) } .bg-green-300 { background-color: var(--green-300) } .bg-green-400 { background-color: var(--green-400) } .bg-green-500 { background-color: var(--green-500) } .bg-green-600 { background-color: var(--green-600) } .bg-green-700 { background-color: var(--green-700) } .bg-green-800 { background-color: var(--green-800) } .bg-green-900 { background-color: var(--green-900) } .bg-yellowgreen { background-color: rgba( var(--yellowgreen), 1.0); } .bg-phcblue-50 { background-color: var(--phcblue-50) } .bg-phcblue-100 { background-color: var(--phcblue-100) } .bg-phcblue-200 { background-color: var(--phcblue-200) } .bg-phcblue-300 { background-color: var(--phcblue-300) } .bg-phcblue-400 { background-color: var(--phcblue-400) } .bg-phcblue-500 { background-color: var(--phcblue-500) } .bg-phcblue-600 { background-color: var(--phcblue-600) } .bg-phcblue-700 { background-color: var(--phcblue-700) } .bg-phcblue-800 { background-color: var(--phcblue-800) } .bg-phcblue-900 { background-color: var(--phcblue-900) } .bg-phcgreen-50 { background-color: var(--phcgreen-50) } .bg-phcgreen-100 { background-color: var(--phcgreen-100) } .bg-phcgreen-200 { background-color: var(--phcgreen-200) } .bg-phcgreen-300 { background-color: var(--phcgreen-300) } .bg-phcgreen-400 { background-color: var(--phcgreen-400) } .bg-phcgreen-500 { background-color: var(--phcgreen-500) } .bg-phcgreen-600 { background-color: var(--phcgreen-600) } .bg-phcgreen-700 { background-color: var(--phcgreen-700) } .bg-phcgreen-800 { background-color: var(--phcgreen-800) } .bg-phcgreen-900 { background-color: var(--phcgreen-900) } .bg-phcgrey-50 { background-color: var(--phcgrey-50) } .bg-phcgrey-100 { background-color: var(--phcgrey-100) } .bg-phcgrey-200 { background-color: var(--phcgrey-200) } .bg-phcgrey-300 { background-color: var(--phcgrey-300) } .bg-phcgrey-400 { background-color: var(--phcgrey-400) } .bg-phcgrey-500 { background-color: var(--phcgrey-500) } .bg-phcgrey-600 { background-color: var(--phcgrey-600) } .bg-phcgrey-700 { background-color: var(--phcgrey-700) } .bg-phcgrey-800 { background-color: var(--phcgrey-800) } .bg-phcgrey-900 { background-color: var(--phcgrey-900) }