/* Theme base styles */ /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Unbounded:wght@200..900&display=swap'); :root { /* Theme Variable Styles */ --body_color: var(--primary); --body: #0a0037; --primary: #0a0037; --secondary: #28b660; --tertiary: ; --white:#FFFFFF; --light_color:#F5F0EC; --white_color:#FFFFFF; --dark_green_color:#2BA459; --black: #000; --bold: 600; --medium: 500; --regular: 400; --light: 300; --normal: 200; --primary_font:museo-sans; --secondary_font:museo-sans-rounded; --header-bg-color:#ffffff; --footer-bg-color:; --error-text-color: #ff0000; --body-text-color: var(--primary); --h1-color: var(--primary); --h2-color: var(--primary); --h3-color: var(--primary); --h4-color: var(--primary); --h5-color: var(--primary); --h6-color: var(--primary); --h1-weight: 400; --h2-weight: 400; --h3-weight: 400; --h4-weight: 400; --h5-weight: 400; --h6-weight: 400; --body-size: 1.125rem; --body-mobile-size: em; --h1-size: 3.2em; --h1-min: 4em; --h2-size: 2.5em; --h2-min: 3.5em; --h3-size: 1.9em; --h3-min: 1.5em; --h4-size: 1.4em; --h4-min: 1.5em; --h5-size: 1.25em; --h5-min: 1.3em; --h6-size: 1.15em; --h6-min: 1em; --label-color:var(--primary); --help-color: ; --form-background-color: var(--white_color); --form-border-color: ; --container: 1356px; --container-small: px; --Pill: px; --Rectangular: px; --Rounded: px; --museo_sans:"museo-sans"; --museo_sans_rounded: "museo-sans-rounded"; --museo_sans_condensed:"museo-sans-condensed"; --museo_sans_display:"museo-sans-display"; } @font-face { font-family:"museo-sans"; src:url("https://use.typekit.net/af/69a3e8/00000000000000007735da1d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/69a3e8/00000000000000007735da1d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/69a3e8/00000000000000007735da1d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans"; src:url("https://use.typekit.net/af/5cbd27/00000000000000007735da1e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/5cbd27/00000000000000007735da1e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/5cbd27/00000000000000007735da1e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-rounded"; src:url("https://use.typekit.net/af/308cda/0000000000000000775873d4/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/308cda/0000000000000000775873d4/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/308cda/0000000000000000775873d4/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans-rounded"; src:url("https://use.typekit.net/af/2a9692/00000000000000007735994a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/2a9692/00000000000000007735994a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/2a9692/00000000000000007735994a/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-rounded"; src:url("https://use.typekit.net/af/5fb84a/000000000000000077359977/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/5fb84a/000000000000000077359977/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/5fb84a/000000000000000077359977/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans-rounded"; src:url("https://use.typekit.net/af/ad800e/000000000000000077359984/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/ad800e/000000000000000077359984/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/ad800e/000000000000000077359984/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-condensed"; src:url("https://use.typekit.net/af/68608c/00000000000000007735d9f8/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/68608c/00000000000000007735d9f8/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/68608c/00000000000000007735d9f8/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans-condensed"; src:url("https://use.typekit.net/af/247039/00000000000000007735da0c/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/247039/00000000000000007735da0c/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/247039/00000000000000007735da0c/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans-condensed"; src:url("https://use.typekit.net/af/54491d/00000000000000007735da10/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/54491d/00000000000000007735da10/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/54491d/00000000000000007735da10/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-condensed"; src:url("https://use.typekit.net/af/19c8ff/00000000000000007735da13/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/19c8ff/00000000000000007735da13/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/19c8ff/00000000000000007735da13/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-display"; src:url("https://use.typekit.net/af/e78478/000000000000000077359978/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e78478/000000000000000077359978/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e78478/000000000000000077359978/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; } @font-face { font-family:"museo-sans-display"; src:url("https://use.typekit.net/af/108288/000000000000000077359966/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/108288/000000000000000077359966/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/108288/000000000000000077359966/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:800;font-stretch:normal; } @font-face { font-family:"museo-sans"; src:url("https://use.typekit.net/af/036a04/00000000000000007735da11/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/036a04/00000000000000007735da11/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/036a04/00000000000000007735da11/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans"; src:url("https://use.typekit.net/af/dd4263/00000000000000007735da14/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/dd4263/00000000000000007735da14/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/dd4263/00000000000000007735da14/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans"; src:url("https://use.typekit.net/af/69a3e8/00000000000000007735da1d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/69a3e8/00000000000000007735da1d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/69a3e8/00000000000000007735da1d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans"; src:url("https://use.typekit.net/af/5cbd27/00000000000000007735da1e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/5cbd27/00000000000000007735da1e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/5cbd27/00000000000000007735da1e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-rounded"; src:url("https://use.typekit.net/af/308cda/0000000000000000775873d4/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/308cda/0000000000000000775873d4/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/308cda/0000000000000000775873d4/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans-rounded"; src:url("https://use.typekit.net/af/2a9692/00000000000000007735994a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/2a9692/00000000000000007735994a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/2a9692/00000000000000007735994a/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-rounded"; src:url("https://use.typekit.net/af/5fb84a/000000000000000077359977/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/5fb84a/000000000000000077359977/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/5fb84a/000000000000000077359977/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans-rounded"; src:url("https://use.typekit.net/af/ad800e/000000000000000077359984/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/ad800e/000000000000000077359984/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/ad800e/000000000000000077359984/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-condensed"; src:url("https://use.typekit.net/af/68608c/00000000000000007735d9f8/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/68608c/00000000000000007735d9f8/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/68608c/00000000000000007735d9f8/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans-condensed"; src:url("https://use.typekit.net/af/247039/00000000000000007735da0c/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/247039/00000000000000007735da0c/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/247039/00000000000000007735da0c/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:300;font-stretch:normal; } @font-face { font-family:"museo-sans-condensed"; src:url("https://use.typekit.net/af/54491d/00000000000000007735da10/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/54491d/00000000000000007735da10/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/54491d/00000000000000007735da10/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-condensed"; src:url("https://use.typekit.net/af/19c8ff/00000000000000007735da13/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/19c8ff/00000000000000007735da13/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/19c8ff/00000000000000007735da13/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; } @font-face { font-family:"museo-sans-display"; src:url("https://use.typekit.net/af/e78478/000000000000000077359978/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e78478/000000000000000077359978/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e78478/000000000000000077359978/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; } @font-face { font-family:"museo-sans-display"; src:url("https://use.typekit.net/af/108288/000000000000000077359966/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/108288/000000000000000077359966/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/108288/000000000000000077359966/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:800;font-stretch:normal; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { line-height:1.75em; word-break: break-word; font-weight: 300; font-style: normal; font-size: var(--body-size); font-family: var(--primary_font); color: var(--body_color); } html[lang^="ja"] body, html[lang^="zh"] body, html[lang^="ko"] body { line-break: strict; word-break: break-all; } /* Custom Font Family */ /* Paragraphs */ p { font-size: var(--body-size); color: var(--body_color); margin: 0 0 1.5rem; } p:last-child{ margin: 0 ; } /* Anchors */ a { color: var(--secondary); cursor: pointer; text-decoration: none; } p a{ text-decoration: underline; } a:hover { text-decoration: underline; } ul li:not(.baker-footer ul li,.hs-dropdown ul li,.header_mega_menu_sec ul li) { list-style: disc !important; } ul:not(.baker-footer ul,.hs-dropdown ul,.header_mega_menu_sec ul) { padding-left: 15px; margin-bottom: 0; padding-left:20px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{margin-top:0;} h1, .h1 { font-size: var(--h1-size); font-weight: var(--h1-weight); line-height:1.1; margin-bottom: 20px; color:var(--h1-color); letter-spacing: -.02em; } h1 strong, .h1 strong { font-weight: 600; } h2, .h2 { font-size: var(--h2-size); font-weight: var(--h2-weight); line-height:1.1; margin-bottom: 20px; color:var(--h2-color); letter-spacing: -.02em; } h2 strong, .h2 strong { font-weight: 600; } h2 b, .h2 b { font-weight: 600; } h2 span, .h2 span{ color:var(--primary); } h3, .h3 { font-size: var(--h3-size); font-weight: var(--h3-weight); line-height:1.1; margin-bottom: 20px; color:var(--h3-color); } h3 strong, .h3 strong { font-weight: 600; } h4, .h4 { font-size:var(--h4-size); font-weight: var(--h4-weight); line-height:1.1; margin-bottom: 20px; color:var(--h4-color); } h4 strong, .h4 strong { font-weight: 600; } h5, .h5 { font-size:var(--h5-size); font-weight: var(--h5-weight); line-height:1.1; margin-bottom: 20px; color:var(--h5-color); } h5 strong, .h5 strong { font-weight: 600; } h6, .h6 { font-size: var(--h6-size); font-weight: var(--h6-weight); line-height: 1.1; margin-bottom: 20px; color:var(--h6-color); } h6 strong, .h6 strong { font-weight: 600; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: var(--secondary_font); } @media(max-width:1024px){br{display: none;}} @media screen and (max-width:767px) { h1, .h1 {font-size: 2.5rem;} h2, .h2 {font-size: 1.8rem;} h3, .h3 {font-size:1.6rem; } h4, .h4 {font-size:1.5rem;} h5, .h5 {font-size:1.2rem; } h6, .h6 {font-size: 1rem;} p,body{font-size:var(--body-size);} } /* Lists */ ul, ol { color: var(--body); margin: 0 0 1.5rem; } ul ul, ol ul, ul ol, ol ol { margin: 0; } ul.no-list { list-style: none; } /* Code blocks */ pre { overflow: auto; } code { vertical-align: bottom; } .site-common-section ul, .site-common-section ol { display: block; padding-left: 30px !important; margin-bottom: 20px !important; } .site-common-section ul li, .site-common-section ol li { list-style: inherit !important; text-align: left; } .hs-tools-menu-dropdown .hs-tools-actions { list-style: none !important; padding: 0px !important; margin: 0px !important; } .hs-tools-menu-dropdown .hs-tools-actions li { list-style: none !important; } /* Blockquotes */ blockquote { border-left: 2px solid; margin: 0 0 1.4rem; padding-left: 15px; } /* Horizontal rules */ hr { background-color: #CCC; border: none; color: #CCC; height: 1px; } /* Image alt text */ img { font-size: 14px; word-break: normal; } /* Generic This is where reset, normalize & box-sizing styles go. */ *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* html,body{ overflow:hidden; } */ html.open-popup{ overflow:hidden; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bold; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; display:block; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Helpers Utility classes derived from tailwindcss.com */ /* line heights Utilities for controlling the leading (line height) of an element. ========================================================================== */ .leading-reset { line-height: 0; } .leading-none { line-height: 1; } .leading-tight { line-height: 1.15; } .leading-snug { line-height: 1.375; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-loose { line-height: 2; } /* Text Decoration Utilities for controlling the decoration of text. ========================================================================== */ .underline { text-decoration: underline; } .line-through { text-decoration: line-through; } .no-underline { text-decoration: none; } .hover\:underline:hover { text-decoration: underline; } .hover\:line-through:hover { text-decoration: line-through; } .hover\:no-underline:hover { text-decoration: none; } /* Font Style Utilities for controlling the style of text. ========================================================================== */ .italic { font-style: italic; } .not-italic { font-style: normal; } /* Width Utilities for setting the width of an element ========================================================================== */ .w-auto { width: auto } .w-full { width: 100% } .w-1\/2 { width: 50% } .w-1\/3 { width: 33.33333% } .w-1\/4 { width: 25% } .w-1\/5 { width: 20% } .w-1\/6 { width: 16.66667% } /* numbered */ .w-1\/12 { width: 8.333333%; } .w-2\/12{ width: 16.666667%; } .w-3\/12{ width: 25%; } .w-4\/12{ width: 33.3333333333%;; } .w-5\/12{ width: 41.6666666667%;; } .w-6\/12{ width: 50%; } .w-7\/12{ width: 58.333333%; } .w-8\/12{ width: 66.666667%; } .w-9\/12{ width: 75%; } .w-10\/12 { width: 83.333333%; } .w-11\/12 { width: 91.666667%; } /* lg */ @media (max-width: 1024px) { .lg\:w-auto { width: auto } .lg\:w-full { width: 100% } .lg\:w-1\/2 { width: 50% } .lg\:w-1\/3 { width: 33.33333% } .lg\:w-1\/4 { width: 25% } .lg\:w-1\/5 { width: 20% } .lg\:w-1\/6 { width: 16.66667% } /* numbered */ .lg\:w-1\/12 { width: 8.333333%; } .lg\:w-2\/12{ width: 16.666667%; } .lg\:w-3\/12{ width: 25%; } .lg\:w-4\/12{ width: 33.3333333333%;; } .lg\:w-5\/12{ width: 41.6666666667%;; } .lg\:w-6\/12{ width: 50%; } .lg\:w-7\/12{ width: 58.333333%; } .lg\:w-8\/12{ width: 66.666667%; } .lg\:w-9\/12{ width: 75%; } .lg\:w-10\/12 { width: 83.333333%; } .lg\:w-11\/12 { width: 91.666667%; } } /* md */ @media (max-width: 991px) { .md\:w-auto { width: auto } .md\:w-full { width: 100% } .md\:w-1\/2 { width: 50% } .md\:w-1\/3 { width: 33.33333% } .md\:w-1\/4 { width: 25% } .md\:w-1\/5 { width: 20% } .md\:w-1\/6 { width: 16.66667% } /* numbered */ .md\:w-1\/12 { width: 8.333333%; } .md\:w-2\/12{ width: 16.666667%; } .md\:w-3\/12{ width: 25%; } .md\:w-4\/12{ width: 33.3333333333%;; } .md\:w-5\/12{ width: 41.6666666667%;; } .md\:w-6\/12{ width: 50%; } .md\:w-7\/12{ width: 58.333333%; } .md\:w-8\/12{ width: 66.666667%; } .md\:w-9\/12{ width: 75%; } .md\:w-10\/12 { width: 83.333333%; } .md\:w-11\/12 { width: 91.666667%; } } /* sm */ @media (max-width: 767px) { .sm\:w-auto { width: auto } .sm\:w-full { width: 100% } .sm\:w-1\/2 { width: 50% } .sm\:w-1\/3 { width: 33.33333% } .sm\:w-1\/4 { width: 25% } .sm\:w-1\/5 { width: 20% } .sm\:w-1\/6 { width: 16.66667% } /* numbered */ .sm\:w-1\/12 { width: 8.333333%; } .sm\:w-2\/12{ width: 16.666667%; } .sm\:w-3\/12{ width: 25%; } .sm\:w-4\/12{ width: 33.3333333333%;; } .sm\:w-5\/12{ width: 41.6666666667%;; } .sm\:w-6\/12{ width: 50%; } .sm\:w-7\/12{ width: 58.333333%; } .sm\:w-8\/12{ width: 66.666667%; } .sm\:w-9\/12{ width: 75%; } .sm\:w-10\/12 { width: 83.333333%; } .sm\:w-11\/12 { width: 91.666667%; } } /* xs */ @media (max-width: 480px) { .xs\:w-auto { width: auto } .xs\:w-full { width: 100% } .xs\:w-1\/2 { width: 50% } .xs\:w-1\/3 { width: 33.33333% } .xs\:w-1\/4 { width: 25% } .xs\:w-1\/5 { width: 20% } .xs\:w-1\/6 { width: 16.66667% } /* numbered */ .xs\:w-1\/12 { width: 8.333333%; } .xs\:w-2\/12{ width: 16.666667%; } .xs\:w-3\/12{ width: 25%; } .xs\:w-4\/12{ width: 33.3333333333%;; } .xs\:w-5\/12{ width: 41.6666666667%;; } .xs\:w-6\/12{ width: 50%; } .xs\:w-7\/12{ width: 58.333333%; } .xs\:w-8\/12{ width: 66.666667%; } .xs\:w-9\/12{ width: 75%; } .xs\:w-10\/12 { width: 83.333333%; } .xs\:w-11\/12 { width: 91.666667%; } } /* Display Utilities for controlling the display box type of an element. ========================================================================== */ .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .hidden { display: none !important; visibility: inherit !important; } /* MQs ============================ */ /* lg */ @media (max-width: 1024px) { .lg\:block { display: block; } .lg\:inline-block { display: inline-block; } .lg\:inline { display: inline; } .lg\:hidden { display: none !important; } } /* md */ @media (max-width: 768px) { .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:inline { display: inline; } .md\:hidden { display: none !important; } } /* sm */ @media (max-width: 640px) { .sm\:block { display: block; } .sm\:inline-block { display: inline-block; } .sm\:inline { display: inline; } .sm\:hidden { display: none !important; } } /* xs */ @media (max-width: 480px) { .xs\:block { display: block; } .xs\:inline-block { display: inline-block; } .xs\:inline { display: inline; } .xs\:hidden { display: none !important; } } /* Align Utilities for controlling the vertical alignment of an inline or table-cell box. ========================================================================== */ .align-baseline { vertical-align: baseline; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .align-text-top { vertical-align: text-top; } .align-text-bottom { vertical-align: text-bottom; } /* Flex Utilities for controlling how flex items both grow and shrink. ========================================================================== */ .flex { display: flex; } .flex-row { -ms-flex-direction: row; flex-direction: row } .flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .flex-col { -ms-flex-direction: column; flex-direction: column } .flex-col-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .items-start { -ms-flex-align: start; align-items: flex-start } .items-end { -ms-flex-align: end; align-items: flex-end } .items-center { -ms-flex-align: center; align-items: center } .items-baseline { -ms-flex-align: baseline; align-items: baseline } .items-stretch { -ms-flex-align: stretch; align-items: stretch } .self-auto { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto } .self-start { -ms-flex-item-align: start; align-self: flex-start } .self-end { -ms-flex-item-align: end; align-self: flex-end } .self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .justify-start { -ms-flex-pack: start; justify-content: flex-start } .justify-end { -ms-flex-pack: end; justify-content: flex-end } .justify-center { -ms-flex-pack: center; justify-content: center } .justify-between { -ms-flex-pack: justify; justify-content: space-between } .justify-around { -ms-flex-pack: distribute; justify-content: space-around } .content-center { -ms-flex-line-pack: center; align-content: center } .content-start { -ms-flex-line-pack: start; align-content: flex-start } .content-end { -ms-flex-line-pack: end; align-content: flex-end } .content-between { -ms-flex-line-pack: justify; align-content: space-between } .content-around { -ms-flex-line-pack: distribute; align-content: space-around } .flex-1 { -ms-flex: 1 1 0%; flex: 1 1 0% } .flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto } .flex-initial { -ms-flex: 0 1 auto; flex: 0 1 auto } .flex-none { -ms-flex: none; flex: none } .flex-grow-0 { -ms-flex-positive: 0; flex-grow: 0 } .flex-grow { -ms-flex-positive: 1; flex-grow: 1 } .flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0 } .flex-shrink { -ms-flex-negative: 1; flex-shrink: 1 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 999; order: 999 } .order-none, .order-normal { -ms-flex-order: 0; order: 0 } /* MQs ============================ */ /* xxl */ @media (max-width: 1400px) { .xxl\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } /* xl */ @media (max-width: 1280px) { .xl\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } /* lg */ @media (max-width: 1024px) { .lg\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .lg\:justify-between { -ms-flex-pack: justify; justify-content: space-between } .lg\:flex-none { -ms-flex: none; flex: none } /* Align Items */ .lg\:items-start { -ms-flex-align: start; align-items: flex-start } .lg\:items-end { -ms-flex-align: end; align-items: flex-end } .lg\:items-center { -ms-flex-align: center; align-items: center } .lg\:items-baseline { -ms-flex-align: baseline; align-items: baseline } .lg\:items-stretch { -ms-flex-align: stretch; align-items: stretch } } /* md */ @media (max-width: 991px) { .md\:flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto } .md\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .md\:flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:inline { display: inline; } .md\:hidden { display: none !important; } /* Justify */ .md\:justify-start { -ms-flex-pack: start; justify-content: flex-start } .md\:justify-end { -ms-flex-pack: end; justify-content: flex-end } .md\:justify-center { -ms-flex-pack: center; justify-content: center } .md\:justify-between { -ms-flex-pack: justify; justify-content: space-between } .md\:justify-around { -ms-flex-pack: distribute; justify-content: space-around } /* Align Items */ .md\:items-start { -ms-flex-align: start; align-items: flex-start } .md\:items-end { -ms-flex-align: end; align-items: flex-end } .md\:items-center { -ms-flex-align: center; align-items: center } .md\:items-baseline { -ms-flex-align: baseline; align-items: baseline } .md\:items-stretch { -ms-flex-align: stretch; align-items: stretch } /* self align */ .md\:self-start { -ms-flex-item-align: start; align-self: flex-start } .md\:self-end { -ms-flex-item-align: end; align-self: flex-end } .md\:self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .md\:self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } /* order */ .md\:order-1 { -ms-flex-order: 1; order: 1 } .md\:order-2 { -ms-flex-order: 2; order: 2 } .md\:order-3 { -ms-flex-order: 3; order: 3 } .md\:order-4 { -ms-flex-order: 4; order: 4 } .md\:order-5 { -ms-flex-order: 5; order: 5 } .md\:order-6 { -ms-flex-order: 6; order: 6 } .md\:order-first { -ms-flex-order: -1; order: -1 } .md\:order-last { -ms-flex-order: 999; order: 999 } .md\:order-none, .md\:order-normal { -ms-flex-order: 0; order: 0 } } /* sm */ @media (max-width: 640px) { .sm\:flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto } .sm\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .sm\:flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .sm\:block { display: block; } .sm\:inline-block { display: inline-block; } .sm\:inline { display: inline; } .sm\:hidden { display: none !important; } /* Justify */ .sm\:justify-start { -ms-flex-pack: start; justify-content: flex-start } .sm\:justify-end { -ms-flex-pack: end; justify-content: flex-end } .sm\:justify-center { -ms-flex-pack: center; justify-content: center } .sm\:justify-between { -ms-flex-pack: justify; justify-content: space-between } .sm\:justify-around { -ms-flex-pack: distribute; justify-content: space-around } /* order */ .sm\:order-1 { -ms-flex-order: 1; order: 1 } .sm\:order-2 { -ms-flex-order: 2; order: 2 } .sm\:order-3 { -ms-flex-order: 3; order: 3 } .sm\:order-4 { -ms-flex-order: 4; order: 4 } .sm\:order-5 { -ms-flex-order: 5; order: 5 } .sm\:order-6 { -ms-flex-order: 6; order: 6 } .sm\:order-first { -ms-flex-order: -1; order: -1 } .sm\:order-last { -ms-flex-order: 999; order: 999 } .sm\:order-none, .sm\:order-normal { -ms-flex-order: 0; order: 0 } } /* xs */ @media (max-width: 480px) { .xs\:flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto } .xs\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .xs\:flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap } /* Align Items */ .xs\:items-start { -ms-flex-align: start; align-items: flex-start } .xs\:items-end { -ms-flex-align: end; align-items: flex-end } .xs\:items-center { -ms-flex-align: center; align-items: center } .xs\:items-baseline { -ms-flex-align: baseline; align-items: baseline } .xs\:items-stretch { -ms-flex-align: stretch; align-items: stretch } /* Justify */ .xs\:justify-start { -ms-flex-pack: start; justify-content: flex-start } .xs\:justify-end { -ms-flex-pack: end; justify-content: flex-end } .xs\:justify-center { -ms-flex-pack: center; justify-content: center } .xs\:justify-between { -ms-flex-pack: justify; justify-content: space-between } .xs\:justify-around { -ms-flex-pack: distribute; justify-content: space-around } } /* Heights Utilities for setting the height of an element ========================================================================== */ .h-full { height: 100%; } .h-40 { height: 40px; } /* MQs ============================ */ /* sm */ @media (max-width: 640px) { .sm\:h-auto { height: auto; } } /* Margins Utilities for controlling an element's margin. ========================================================================== */ /* top bottom */ /* .my-0 { margin-top: 0px; margin-bottom: 0px; } .my-px { margin-top: 1px; margin-bottom: 1px; } .my-0.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-1.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-2.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-3.5 { margin-top: 0.875rem; margin-bottom: 0.875rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .my-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .my-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .my-16 { margin-top: 4rem; margin-bottom: 4rem; } .my-20 { margin-top: 5rem; margin-bottom: 5rem; } .my-24 { margin-top: 6rem; margin-bottom: 6rem; } .my-28 { margin-top: 7rem; margin-bottom: 7rem; } .my-32 { margin-top: 8rem; margin-bottom: 8rem; } .my-36 { margin-top: 9rem; margin-bottom: 9rem; } .my-40 { margin-top: 10rem; margin-bottom: 10rem; } .my-44 { margin-top: 11rem; margin-bottom: 11rem; } .my-48 { margin-top: 12rem; margin-bottom: 12rem; } .my-52 { margin-top: 13rem; margin-bottom: 13rem; } .my-56 { margin-top: 14rem; margin-bottom: 14rem; } .my-60 { margin-top: 15rem; margin-bottom: 15rem; } .my-64 { margin-top: 16rem; margin-bottom: 16rem; } .my-72 { margin-top: 18rem; margin-bottom: 18rem; } .my-80 { margin-top: 20rem; margin-bottom: 20rem; } .my-96 { margin-top: 24rem; margin-bottom: 24rem; } .my-auto { margin-top: auto; margin-bottom: auto; } */ /* left right */ .mx-auto { margin-left: auto; margin-right: auto; } /* .mx-0 { margin-left: 0px; margin-right: 0px; } .mx-px { margin-left: 1px; margin-right: 1px; } .mx-0.5 { margin-left: 0.125rem; margin-right: 0.125rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-1.5 { margin-left: 0.375rem; margin-right: 0.375rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-2.5 { margin-left: 0.625rem; margin-right: 0.625rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-3.5 { margin-left: 0.875rem; margin-right: 0.875rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-7 { margin-left: 1.75rem; margin-right: 1.75rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .mx-9 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .mx-11 { margin-left: 2.75rem; margin-right: 2.75rem; } .mx-12 { margin-left: 3rem; margin-right: 3rem; } .mx-14 { margin-left: 3.5rem; margin-right: 3.5rem; } .mx-16 { margin-left: 4rem; margin-right: 4rem; } .mx-20 { margin-left: 5rem; margin-right: 5rem; } .mx-24 { margin-left: 6rem; margin-right: 6rem; } .mx-28 { margin-left: 7rem; margin-right: 7rem; } .mx-32 { margin-left: 8rem; margin-right: 8rem; } .mx-36 { margin-left: 9rem; margin-right: 9rem; } .mx-40 { margin-left: 10rem; margin-right: 10rem; } .mx-44 { margin-left: 11rem; margin-right: 11rem; } .mx-48 { margin-left: 12rem; margin-right: 12rem; } .mx-52 { margin-left: 13rem; margin-right: 13rem; } .mx-56 { margin-left: 14rem; margin-right: 14rem; } .mx-60 { margin-left: 15rem; margin-right: 15rem; } .mx-64 { margin-left: 16rem; margin-right: 16rem; } .mx-72 { margin-left: 18rem; margin-right: 18rem; } .mx-80 { margin-left: 20rem; margin-right: 20rem; } .mx-96 { margin-left: 24rem; margin-right: 24rem; } /* top */ .mt-0 { margin-top: 0px; } .mt-px { margin-top: 1px; } .mt-0.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1.5 { margin-top: 0.375rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-3 { margin-top: 0.75rem; } .mt-3\.5 { margin-top: 0.875rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .mt-9 { margin-top: 2.25rem; } .mt-10 { margin-top: 2.5rem; } .mt-11 { margin-top: 2.75rem; } .mt-12 { margin-top: 3rem; } .mt-14 { margin-top: 3.5rem; } .mt-16 { margin-top: 4rem; } .mt-20 { margin-top: 5rem; } .mt-24 { margin-top: 6rem; } .mt-28 { margin-top: 7rem; } .mt-32 { margin-top: 8rem; } .mt-36 { margin-top: 9rem; } .mt-40 { margin-top: 10rem; } .mt-44 { margin-top: 11rem; } .mt-48 { margin-top: 12rem; } .mt-52 { margin-top: 13rem; } .mt-56 { margin-top: 14rem; } .mt-60 { margin-top: 15rem; } .mt-64 { margin-top: 16rem; } .mt-72 { margin-top: 18rem; } .mt-80 { margin-top: 20rem; } .mt-96 { margin-top: 24rem; } .mt-auto { margin-top: auto; } /* right */ /* .mr-0 { margin-right: 0px; } .mr-px { margin-right: 1px; } .mr-0.5 { margin-right: 0.125rem; } .mr-1 { margin-right: 0.25rem; } .mr-1.5 { margin-right: 0.375rem; } .mr-2 { margin-right: 0.5rem; } .mr-2.5 { margin-right: 0.625rem; } .mr-3 { margin-right: 0.75rem; } .mr-3.5 { margin-right: 0.875rem; } .mr-4 { margin-right: 1rem; } .mr-5 { margin-right: 1.25rem; } .mr-6 { margin-right: 1.5rem; } .mr-7 { margin-right: 1.75rem; } .mr-8 { margin-right: 2rem; } .mr-9 { margin-right: 2.25rem; } .mr-10 { margin-right: 2.5rem; } .mr-11 { margin-right: 2.75rem; } .mr-12 { margin-right: 3rem; } .mr-14 { margin-right: 3.5rem; } .mr-16 { margin-right: 4rem; } .mr-20 { margin-right: 5rem; } .mr-24 { margin-right: 6rem; } .mr-28 { margin-right: 7rem; } .mr-32 { margin-right: 8rem; } .mr-36 { margin-right: 9rem; } .mr-40 { margin-right: 10rem; } .mr-44 { margin-right: 11rem; } .mr-48 { margin-right: 12rem; } .mr-52 { margin-right: 13rem; } .mr-56 { margin-right: 14rem; } .mr-60 { margin-right: 15rem; } .mr-64 { margin-right: 16rem; } .mr-72 { margin-right: 18rem; } .mr-80 { margin-right: 20rem; } .mr-96 { margin-right: 24rem; } .mr-auto { margin-right: auto; } */ /* bottom */ .mb-0 { margin-bottom: 0px; } .mb-px { margin-bottom: 1px; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-2\.5 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-3\.5 { margin-bottom: 0.875rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-7 { margin-bottom: 1.75rem; } .mb-8 { margin-bottom: 2rem; } .mb-9 { margin-bottom: 2.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-11 { margin-bottom: 2.75rem; } .mb-12 { margin-bottom: 3rem; } .mb-14 { margin-bottom: 3.5rem; } .mb-16 { margin-bottom: 4rem; } .mb-20 { margin-bottom: 5rem; } .mb-24 { margin-bottom: 6rem; } .mb-28 { margin-bottom: 7rem; } .mb-32 { margin-bottom: 8rem; } .mb-36 { margin-bottom: 9rem; } .mb-40 { margin-bottom: 10rem; } .mb-44 { margin-bottom: 11rem; } .mb-48 { margin-bottom: 12rem; } .mb-52 { margin-bottom: 13rem; } .mb-56 { margin-bottom: 14rem; } .mb-60 { margin-bottom: 15rem; } .mb-64 { margin-bottom: 16rem; } .mb-72 { margin-bottom: 18rem; } .mb-80 { margin-bottom: 20rem; } .mb-96 { margin-bottom: 24rem; } .mb-auto { margin-bottom: auto; } .-mb-0 { margin-bottom: 0px; } /* MQs ========================== */ /* medium */ @media (max-width: 991px) { /* left right */ /* top */ .md\:mt-0 { margin-top: 0px; } .md\:mt-px { margin-top: 1px; } .md\:mt-0.5 { margin-top: 0.125rem; } .md\:mt-1 { margin-top: 0.25rem; } .md\:mt-1.5 { margin-top: 0.375rem; } .md\:mt-2 { margin-top: 0.5rem; } .md\:mt-2.5 { margin-top: 0.625rem; } .md\:mt-3 { margin-top: 0.75rem; } .md\:mt-3.5 { margin-top: 0.875rem; } .md\:mt-4 { margin-top: 1rem; } .md\:mt-5 { margin-top: 1.25rem; } .md\:mt-6 { margin-top: 1.5rem; } .md\:mt-7 { margin-top: 1.75rem; } .md\:mt-8 { margin-top: 2rem; } .md\:mt-9 { margin-top: 2.25rem; } .md\:mt-10 { margin-top: 2.5rem; } .md\:mt-11 { margin-top: 2.75rem; } .md\:mt-12 { margin-top: 3rem; } .md\:mt-14 { margin-top: 3.5rem; } .md\:mt-16 { margin-top: 4rem; } .md\:mt-20 { margin-top: 5rem; } .md\:mt-24 { margin-top: 6rem; } .md\:mt-28 { margin-top: 7rem; } .md\:mt-32 { margin-top: 8rem; } .md\:mt-36 { margin-top: 9rem; } .md\:mt-40 { margin-top: 10rem; } .md\:mt-44 { margin-top: 11rem; } .md\:mt-48 { margin-top: 12rem; } .md\:mt-52 { margin-top: 13rem; } .md\:mt-56 { margin-top: 14rem; } .md\:mt-60 { margin-top: 15rem; } .md\:mt-64 { margin-top: 16rem; } .md\:mt-72 { margin-top: 18rem; } .md\:mt-80 { margin-top: 20rem; } .md\:mt-96 { margin-top: 24rem; } .md\:mt-auto { margin-top: auto; } .md\:-mt-0 { margin-top: 0px; } /* bottom */ .md\:mb-0 { margin-bottom: 0px; } .md\:mb-px { margin-bottom: 1px; } .md\:mb-0.5 { margin-bottom: 0.125rem; } .md\:mb-1 { margin-bottom: 0.25rem; } .md\:mb-1.5 { margin-bottom: 0.375rem; } .md\:mb-2 { margin-bottom: 0.5rem; } .md\:mb-2.5 { margin-bottom: 0.625rem; } .md\:mb-3 { margin-bottom: 0.75rem; } .md\:mb-3.5 { margin-bottom: 0.875rem; } .md\:mb-4 { margin-bottom: 1rem; } .md\:mb-5 { margin-bottom: 1.25rem; } .md\:mb-6 { margin-bottom: 1.5rem; } .md\:mb-7 { margin-bottom: 1.75rem; } .md\:mb-8 { margin-bottom: 2rem; } .md\:mb-9 { margin-bottom: 2.25rem; } .md\:mb-10 { margin-bottom: 2.5rem; } .md\:mb-11 { margin-bottom: 2.75rem; } .md\:mb-12 { margin-bottom: 3rem; } .md\:mb-14 { margin-bottom: 3.5rem; } .md\:mb-16 { margin-bottom: 4rem; } .md\:mb-20 { margin-bottom: 5rem; } .md\:mb-24 { margin-bottom: 6rem; } .md\:mb-28 { margin-bottom: 7rem; } .md\:mb-32 { margin-bottom: 8rem; } .md\:mb-36 { margin-bottom: 9rem; } .md\:mb-40 { margin-bottom: 10rem; } .md\:mb-44 { margin-bottom: 11rem; } .md\:mb-48 { margin-bottom: 12rem; } .md\:mb-52 { margin-bottom: 13rem; } .md\:mb-56 { margin-bottom: 14rem; } .md\:mb-60 { margin-bottom: 15rem; } .md\:mb-64 { margin-bottom: 16rem; } .md\:mb-72 { margin-bottom: 18rem; } .md\:mb-80 { margin-bottom: 20rem; } .md\:mb-96 { margin-bottom: 24rem; } .md\:mb-auto { margin-bottom: auto; } .md\:-mb-0 { margin-bottom: 0px; } } /* sm */ @media (max-width: 640px) { /* left right */ /* top */ /* bottom */ .sm\:mb-0 { margin-bottom: 0px; } .sm\:mb-px { margin-bottom: 1px; } .sm\:mb-0.5 { margin-bottom: 0.125rem; } .sm\:mb-1 { margin-bottom: 0.25rem; } .sm\:mb-1.5 { margin-bottom: 0.375rem; } .sm\:mb-2 { margin-bottom: 0.5rem; } .sm\:mb-2.5 { margin-bottom: 0.625rem; } .sm\:mb-3 { margin-bottom: 0.75rem; } .sm\:mb-3.5 { margin-bottom: 0.875rem; } .sm\:mb-4 { margin-bottom: 1rem; } .sm\:mb-5 { margin-bottom: 1.25rem; } .sm\:mb-6 { margin-bottom: 1.5rem; } .sm\:mb-7 { margin-bottom: 1.75rem; } .sm\:mb-8 { margin-bottom: 2rem; } .sm\:mb-9 { margin-bottom: 2.25rem; } .sm\:mb-10 { margin-bottom: 2.5rem; } .sm\:mb-11 { margin-bottom: 2.75rem; } .sm\:mb-12 { margin-bottom: 3rem; } .sm\:mb-14 { margin-bottom: 3.5rem; } .sm\:mb-16 { margin-bottom: 4rem; } .sm\:mb-20 { margin-bottom: 5rem; } .sm\:mb-24 { margin-bottom: 6rem; } .sm\:mb-28 { margin-bottom: 7rem; } .sm\:mb-32 { margin-bottom: 8rem; } .sm\:mb-36 { margin-bottom: 9rem; } .sm\:mb-40 { margin-bottom: 10rem; } .sm\:mb-44 { margin-bottom: 11rem; } .sm\:mb-48 { margin-bottom: 12rem; } .sm\:mb-52 { margin-bottom: 13rem; } .sm\:mb-56 { margin-bottom: 14rem; } .sm\:mb-60 { margin-bottom: 15rem; } .sm\:mb-64 { margin-bottom: 16rem; } .sm\:mb-72 { margin-bottom: 18rem; } .sm\:mb-80 { margin-bottom: 20rem; } .sm\:mb-96 { margin-bottom: 24rem; } .sm\:mb-auto { margin-bottom: auto; } .sm\:-mb-0 { margin-bottom: 0px; } } /* Padding Utilities for controlling an element's padding. ========================================================================== */ /* all round */ .p-8 { padding: 2rem; } /* top */ /* top percentage */ .pt-full { padding-top: 100%; } .pt-1\/2 { padding-top: 50%; } .pt-2\/3 { padding-top: 66.666667%; } /* bottom */ .pb-0 { padding-bottom: 0px; } .pb-px { padding-bottom: 1px; } .pb-0.5 { padding-bottom: 0.125rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-1.5 { padding-bottom: 0.375rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-2.5 { padding-bottom: 0.625rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-3.5 { padding-bottom: 0.875rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-7 { padding-bottom: 1.75rem; } .pb-8 { padding-bottom: 2rem; } .pb-9 { padding-bottom: 2.25rem; } .pb-10 { padding-bottom: 2.5rem; } .pb-11 { padding-bottom: 2.75rem; } .pb-12 { padding-bottom: 3rem; } .pb-14 { padding-bottom: 3.5rem; } .pb-16 { padding-bottom: 4rem; } .pb-20 { padding-bottom: 5rem; } .pb-24 { padding-bottom: 6rem; } .pb-28 { padding-bottom: 7rem; } .pb-32 { padding-bottom: 8rem; } .pb-36 { padding-bottom: 9rem; } .pb-40 { padding-bottom: 10rem; } .pb-44 { padding-bottom: 11rem; } .pb-48 { padding-bottom: 12rem; } .pb-52 { padding-bottom: 13rem; } .pb-56 { padding-bottom: 14rem; } .pb-60 { padding-bottom: 15rem; } .pb-64 { padding-bottom: 16rem; } .pb-72 { padding-bottom: 18rem; } .pb-80 { padding-bottom: 20rem; } .pb-96 { padding-bottom: 24rem; } .pb-auto { padding-bottom: auto; } .-pb-0 { padding-bottom: 0px; } /* left */ /* top bottom */ /* left right */ /* MQs ========================== */ /* medium */ @media (max-width: 768px) { /* top */ /* bottom */ /* left */ /* top bottom */ /* left right */ } /* small */ @media (max-width: 640px) { /* top */ /* top percentage */ .sm\:pt-full { padding-top: 100%; } /* bottom */ @media (max-width: 640px) { /* left right */ /* top */ /* bottom */ .sm\:pb-0 { padding-bottom: 0px; } .sm\:pb-px { padding-bottom: 1px; } .sm\:pb-0.5 { padding-bottom: 0.125rem; } .sm\:pb-1 { padding-bottom: 0.25rem; } .sm\:pb-1.5 { padding-bottom: 0.375rem; } .sm\:pb-2 { padding-bottom: 0.5rem; } .sm\:pb-2.5 { padding-bottom: 0.625rem; } .sm\:pb-3 { padding-bottom: 0.75rem; } .sm\:pb-3.5 { padding-bottom: 0.875rem; } .sm\:pb-4 { padding-bottom: 1rem; } .sm\:pb-5 { padding-bottom: 1.25rem; } .sm\:pb-6 { padding-bottom: 1.5rem; } .sm\:pb-7 { padding-bottom: 1.75rem; } .sm\:pb-8 { padding-bottom: 2rem; } .sm\:pb-9 { padding-bottom: 2.25rem; } .sm\:pb-10 { padding-bottom: 2.5rem; } .sm\:pb-11 { padding-bottom: 2.75rem; } .sm\:pb-12 { padding-bottom: 3rem; } .sm\:pb-14 { padding-bottom: 3.5rem; } .sm\:pb-16 { padding-bottom: 4rem; } .sm\:pb-20 { padding-bottom: 5rem; } .sm\:pb-24 { padding-bottom: 6rem; } .sm\:pb-28 { padding-bottom: 7rem; } .sm\:pb-32 { padding-bottom: 8rem; } .sm\:pb-36 { padding-bottom: 9rem; } .sm\:pb-40 { padding-bottom: 10rem; } .sm\:pb-44 { padding-bottom: 11rem; } .sm\:pb-48 { padding-bottom: 12rem; } .sm\:pb-52 { padding-bottom: 13rem; } .sm\:pb-56 { padding-bottom: 14rem; } .sm\:pb-60 { padding-bottom: 15rem; } .sm\:pb-64 { padding-bottom: 16rem; } .sm\:pb-72 { padding-bottom: 18rem; } .sm\:pb-80 { padding-bottom: 20rem; } .sm\:pb-96 { padding-bottom: 24rem; } .sm\:pb-auto { padding-bottom: auto; } .sm\:-pb-0 { padding-bottom: 0px; } } /* left */ /* top bottom */ /* left right */ /* top percentage */ .sm\:pt-full { padding-top: 100%; } .sm\:pt-1\/2 { padding-top: 50%; } .sm\:pt-2\/3 { padding-top: 66.666667%; } } /* Background Colours Utilities for controlling an element's background color. ========================================================================== */ .bg-primary { background-color: ; } .bg-secondary { background-color: ; } .bg-tertiary { background-color: ; } .bg-quaternary { background-color: ; } .bg-quinary { background-color: ; } .bg-senary { background-color: ; } .bg-septenary { background-color: ; } .bg-senary { background-color: ; } .bg-octonary { background-color: ; } .bg-nonary { background-color: ; } .bg-denary { background-color: ; } .bg-duodenary { background-color: ; } /* hover ========================== */ /* primary */ .hover\:bg-primary:hover { background-color: ; } /* secondary */ .hover\:bg-secondary:hover { background-color: ; } /* tertiary */ .hover\:bg-tertiary:hover { background-color: ; } /* quaternary */ .hover\:bg-quaternary:hover { background-color: ; } /* quinary */ .hover\:bg-quinary:hover { background-color: ; } /* senary */ .hover\:bg-senary:hover { background-color: ; } /* septenary */ .hover\:bg-septenary:hover { background-color: ; } /* octonary */ .hover\:bg-octonary:hover { background-color: ; } /* nonary */ .hover\:bg-nonary:hover { background-color: ; } /* denary */ .hover\:bg-denary:hover { background-color: ; } /* duodenary */ .hover\:bg-duodenary:hover { background-color: ; } /* Background Images Utilities for controlling an element's background image. ========================================================================== */ /* size */ .bg-cover { background-size: cover } .bg-contain { background-size: contain } /* position */ .bg-bottom { background-position: bottom } .bg-center { background-position: center } .bg-left { background-position: left } .bg-left-bottom { background-position: left bottom } .bg-left-top { background-position: left top } .bg-right { background-position: right } .bg-right-bottom { background-position: right bottom } .bg-right-top { background-position: right top } .bg-top { background-position: top } .bg-repeat { background-repeat: repeat } /* repeat */ .bg-no-repeat { background-repeat: no-repeat } .bg-repeat-x { background-repeat: repeat-x } .bg-repeat-y { background-repeat: repeat-y } /* Object Fit Utilities for controlling how a replaced element's content should be resized. ========================================================================== */ .object-contain { object-fit: contain; font-family: 'object-fit: contain;'; } .object-cover { object-fit: cover; font-family: 'object-fit: cover;'; } .object-fill { object-fit: fill; font-family: 'object-fit: fill;'; } .object-none { object-fit: none; } .object-scale-down { object-fit: scale-down; } /* Object Position Utilities for controlling how a replaced element's content should be positioned within its container. ========================================================================== */ .object-bottom { object-position: bottom; } .object-center { object-position: center; } .object-left { object-position: left; } .object-left-bottom { object-position: left bottom; } .object-left-top { object-position: left top; } .object-right { object-position: right; } .object-right-bottom { object-position: right bottom; } .object-right-top { object-position: right top; } .object-top { object-position: top; } /* Text Colours Utilities for controlling the text color of an element. ========================================================================== */ /* primary */ .text-primary { color: ; } /* secondary */ .text-secondary { color: ; } /* tertiary */ .text-tertiary { color: ; } /* quaternary */ .text-quaternary { color: ; } /* quinary */ .text-quinary { color: ; } /* senary */ .text-senary { color: ; } /* septenary */ .text-septenary { color: ; } /* octonary */ .text-octonary { color: ; } /* nonary */ .text-nonary { color: ; } /* denary */ .text-denary { color: ; } /* duodenary */ .text-duodenary { color: ; } /* hover ========================== */ /* primary */ .hover\:text-primary:hover { color: ; } /* secondary */ .hover\:text-secondary:hover { color: ; } /* tertiary */ .hover\:text-tertiary:hover { color: ; } /* quaternary */ .hover\:text-quaternary:hover { color: ; } /* quinary */ .hover\:text-quinary:hover { color: ; } /* senary */ .hover\:text-senary { color: ; } /* septenary */ .hover\:text-septenary { color: ; } /* octonary */ .hover\:text-octonary { color: ; } /* nonary */ .hover\:text-nonary { color: ; } /* denary */ .hover\:text-denary { color: ; } /* duodenary */ .hover\:text-duodenary { color: ; } /* Text Align Utilities for controlling the alignment of text. ========================================================================== */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } /* MQs =========================== */ /* md */ @media (max-width: 768px) { .md\:text-left { text-align: left } .md\:text-center { text-align: center } .md\:text-right { text-align: right } .md\:text-justify { text-align: justify } } /* sm */ @media (max-width: 640px) { .sm\:text-left { text-align: left } .sm\:text-center { text-align: center } .sm\:text-right { text-align: right } .sm\:text-justify { text-align: justify } } /* xs */ @media (max-width: 480px) { .xs\:text-left { text-align: left } .xs\:text-center { text-align: center } .xs\:text-right { text-align: right } .xs\:text-justify { text-align: justify } } /* Letter Spacing Utilities for controlling the tracking (letter spacing) of an element. ========================================================================== */ .tracking-tighter { letter-spacing: -4px; } .tracking-tight { letter-spacing: -2px; } .tracking-normal { letter-spacing: 0; } .tracking-wide { letter-spacing: 1px; } .tracking-wider { letter-spacing: 2px; } .tracking-widest { letter-spacing: 4px; } /* Text Transform Utilities for controlling the transformation of text. ========================================================================== */ .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } /* Position Utilities for controlling how an element is positioned in the DOM. ========================================================================== */ .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .sticky { position: -webkit-sticky; position: sticky } .inset-0 { top: 0; right: 0; bottom: 0; left: 0 } .inset-auto { top: auto; right: auto; bottom: auto; left: auto } .inset-y-0 { top: 0; bottom: 0 } .inset-x-0 { right: 0; left: 0 } .inset-y-auto { top: auto; bottom: auto } .inset-x-auto { right: auto; left: auto } .top-0 { top: 0 } .right-0 { right: 0 } .bottom-0 { bottom: 0 } .left-0 { left: 0 } .top-auto { top: auto } .right-auto { right: auto } .bottom-auto { bottom: auto } .left-auto { left: auto } /* Z-Index Utilities for controlling the stack order of an element. ========================================================================== */ .z-0 { z-index: 0 } .z-1 { z-index: 1 } .z-2 { z-index: 2 } .z-3 { z-index: 3 } .z-4 { z-index: 4 } .z-5 { z-index: 5 } .z-10 { z-index: 10; } .z-20{ z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-auto { z-index: auto; } /* Overflow Utilities for controlling how an element handles content that is too large for the container. ========================================================================== */ .overflow-hidden { overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } /* Borders ========================================================================== */ /* width */ .border { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .border-3 { border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; } /* bottom */ .border-b { border-top-width: 0; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; } .border-b-3 { border-top-width: 0; border-right-width: 0; border-bottom-width: 3px; border-left-width: 0; } /* style */ .border-solid { border-style: solid; } /* color */ /* Word Break Utilities for controlling word breaks in an element. ========================================================================== */ .break-normal { word-break: normal; overflow-wrap: normal } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } /* List Style Position Utilities for controlling the position of bullets/numbers in lists. ========================================================================== */ .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } /* List Style Type Utilities for controlling the bullet/number style of a list. ========================================================================== */ .list-none { list-style-type: none; } .list-disc { list-style-type: disc; } .list-decimal { list-style-type: decimal; } /* Border Raduis Utilities for controlling the border radius of an element. ========================================================================== */ .rounded-none { border-radius: 0; } .rounded-sm { border-radius: .125rem; } .rounded { border-radius: 0.3125rem; } .rounded-lg { border-radius: .625rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-2xl { border-radius: 1.25rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-full { border-radius: 9999px; } /* Box Shadow Utilities for controlling the box shadow of an element. ========================================================================== */ .shadow { box-shadow: 0 0 35px rgba(0, 0, 0, 0.10); } /* Overflow Utilities for controlling how an element handles content that is too large for the container. ========================================================================== */ .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-visible { overflow-x: visible; } .overflow-y-visible { overflow-y: visible; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-scroll { overflow-y: scroll; } /* Whitespace Utilities for controlling an element's white-space property. ========================================================================== */ .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } } .container,.container-small { max-width: var(--container); margin: 0 auto; padding: 0 30px; } .container-full{ margin: 0 auto; padding: 0 20px; } .left-container { padding-left: calc(50% - (var(--container) - 20px) / 2); } .right-container { padding-right: calc(50% - (var(--container) - 20px) / 2); } @media screen and (min-width:1600px) and (max-width:1750px){ .container,.container-small { max-width: 1550px; } } @media screen and (min-width:1401px) and (max-width:1599px){ /* .container,.container-small { max-width: 1370px; } */ .container,.container-small { max-width: 1450px; } } @media screen and (min-width:1281px) and (max-width:1400px){ /* .container,.container-small { max-width: 1260px; margin: 0 auto; } */ /* .container,.container-small { max-width: 1300px; margin: 0 auto; } */ } @media screen and (min-width:766px) and (max-width:1280px){ /* .container,.container-small { max-width: 1200px; margin: 0 auto; } */ } @media(max-width:767px){ .container, .container-small { padding: 0 20px; } } .dnd-section > .row-fluid { margin: 0 auto; } /* Elements Base HMTL elements are styled in this section (,

, ,

,