/* * hue.css */ /* * * Credits: * Based on the original PNG/Sketch gradients by Vladimir Kudinov * https://www.behance.net/gallery/30067997/Hue-Free-Promo-Backdrops-and-Gradients * * CSS Prototype using CSS3 background-blend modes by More than Themes * http://www.morethanthemes.com * * Version - 1.0.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * */ /* 1-The Bridge: */ .theBridge { background: -webkit-linear-gradient(223deg, #EBEBEB 0%, #C5C6C8 100%), -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.5) 5%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(227deg, #EBEBEB 0%, #C5C6C8 100%), linear-gradient(155deg, rgba(255, 255, 255, 0.5) 5%, rgba(0, 0, 0, 0.5) 100%); background-blend-mode: multiply; } /* 2-Deep Focus: */ .deepFocus { background-image: -webkit-linear-gradient(top, #EBEBEB 0%, #DCDDDF 48%, #C4C5C7 99%); background-image: linear-gradient(-180deg, #EBEBEB 0%, #DCDDDF 48%, #C4C5C7 99%); } /* 3-Blue Hour: */ .blueHour { background: -webkit-linear-gradient(left, #7E898F 0%, #636C75 100%), -webkit-radial-gradient(at top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.55) 100%), -webkit-radial-gradient(at top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.08) 63%); background: linear-gradient(90deg, #7E898F 0%, #636C75 100%), radial-gradient(at top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.55) 100%), radial-gradient(at top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.08) 63%); background-blend-mode: multiply, screen; } /* 4-Dark Amber: */ .darkAmber { background-image: -webkit-linear-gradient(top, #15140F 0%, #34312C 97%); background-image: linear-gradient(-180deg, #15140F 0%, #34312C 97%); } /* 5-Prelude */ .prelude { background-image: -webkit-radial-gradient(51% 96%, #E7E9E4 10%, #D4D6D1 96%); background-image: radial-gradient(51% 96%, #E7E9E4 10%, #D4D6D1 96%); } /* 6-Salt and Pepper: */ .saltAndPepper { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 2%, rgba(0, 0, 0, 0.5) 100%), -webkit-radial-gradient(51% 97%, #E8E8E8 7%, #CCCCCC 97%); background: linear-gradient(-180deg, rgba(255, 255, 255, 0.5) 2%, rgba(0, 0, 0, 0.5) 100%), radial-gradient(51% 97%, #E8E8E8 7%, #CCCCCC 97%); background-blend-mode: multiply; } /* 7-Cashemere: */ .cashemere { background-image: -webkit-radial-gradient(51% 98%, #D3D4CF 7%, #BDBFBA 98%); background-image: radial-gradient(51% 98%, #D3D4CF 7%, #BDBFBA 98%); } /* 8-Wolverine: */ .wolverine { background: -webkit-linear-gradient(left, #BDBFBA 4%, #5A5C5B 98%), -webkit-linear-gradient(16deg, rgba(255, 255, 255, 0.5) 54%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(90deg, #BDBFBA 4%, #5A5C5B 98%), linear-gradient(74deg, rgba(255, 255, 255, 0.5) 54%, rgba(0, 0, 0, 0.5) 100%); background-blend-mode: multiply; } /* 9-Full Moon: */ .fullMoon { background-image: -webkit-linear-gradient(#DEDFE3 2%, #AEB3B9 95%), -webkit-radial-gradient(33% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(#DEDFE3 2%, #AEB3B9 95%), radial-gradient(33% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-blend-mode: screen; } /* 10-Flamingo: */ .flamingo { background-image: -webkit-radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), -webkit-radial-gradient(91% 146%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 100%); background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 100%); background-blend-mode: screen; } /* 11-Early Morning: */ .earlyMorning { background: -webkit-linear-gradient(top, #BCC5CE 0%, #929EAD 98%), -webkit-radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-blend-mode: screen; } /* 12-Near Light: */ .nearLight { background-image: -webkit-radial-gradient(at top right, #B7B6BB 0%, #E8EAE9 100%); background-image: radial-gradient(at top right, #B7B6BB 0%, #E8EAE9 100%); } /* 13-Mirror: */ .mirror { background: #C9CCD3; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-blend-mode: lighten; } /* 14-The Dementor: */ .dementor { background: -webkit-linear-gradient(top, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.25) 200%); background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.25) 200%); background-blend-mode: multiply; } /* 15-Under the Earth: */ .underTheEarth { background-image: -webkit-radial-gradient(50% 150%, #787B7D 5%, #4B5052 100%); background-image: radial-gradient(50% 150%, #787B7D 5%, #4B5052 100%); } /* 3-Back to Alaska: */ .backToAlaska { background: -webkit-radial-gradient(55% 330%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 550%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.6) 50%), -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 120%); background: radial-gradient(55% 330%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 550%), linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.6) 50%), linear-gradient(to top right, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 120%); background-color: #DFE3E4; background-blend-mode: color-burn, screen, color-burn; } /* 17-Flash: */ .flash { background-image: -webkit-linear-gradient(top, #E9E9E7 2%, #EFEEEC 27%, #EEEEEC 58%, #D5D4D0 94%); background-image: linear-gradient(180deg, #E9E9E7 2%, #EFEEEC 27%, #EEEEEC 58%, #D5D4D0 94%); } /* 18-Unicorn: */ .unicorn { background: -webkit-linear-gradient(top, #E1E6EC 0%, #F0F4F7 100%), -webkit-linear-gradient(top, #E1E6EC 0%, #F0F4F7 100%); background: linear-gradient(to bottom, #E1E6EC 0%, #F0F4F7 100%), linear-gradient(to bottom, #E1E6EC 0%, #F0F4F7 100%); background-blend-mode: normal,color-burn; } /* 19-Tribute: */ .tribute { background-image: -webkit-linear-gradient(right, #596164 1%, #868F96 99%); background-image: linear-gradient(-90deg, #596164 1%, #868F96 99%); } /* 20-Twin Peaks: */ .twinPeaks { background-image: -webkit-linear-gradient(left, #F4F4F4 4%, #DFDEDC 99%); background-image: linear-gradient(to right, #F4F4F4 4%, #DFDEDC 99%); } /* 21-Young Forest: */ .youngForest { background: -webkit-linear-gradient(top right, #E2E8E6 0%, #CDD3CD 100%), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%); background: linear-gradient(to bottom left, #E2E8E6 0%, #CDD3CD 100%), linear-gradient(to left, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%); background-blend-mode: screen; } /* 22-Air: */ .air { background: -webkit-linear-gradient(top, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02) 50%, rgba(255, 255, 255, 0.02) 61%, rgba(0, 0, 0, 0.02) 73%), -webkit-linear-gradient(57deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 50%, rgba(255, 255, 255, 0.02) 61%, rgba(0, 0, 0, 0.02) 73%), linear-gradient(33deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background-blend-mode: normal,color-burn; } /* 23-Tranquility: */ .tranquility { background-image: -webkit-linear-gradient(top, #A3A29E 0%, #B1B0AC 27%, #BCBBB7 49%, #E5E4E0 76%, #F3F2F0 100%); background-image: linear-gradient(to bottom, #A3A29E 0%, #B1B0AC 27%, #BCBBB7 49%, #E5E4E0 76%, #F3F2F0 100%); } /* 24-Silver Lake: */ .silverLake { background: #CCCCCC; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); } /* 25-Amnesia: */ .amnesia { background-color: #DCD9D4; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), -webkit-radial-gradient(at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.5) 50%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), radial-gradient(at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.5) 50%); background-blend-mode: soft-light,screen; } /* 26-Silver Stone: */ .silverStone { background: #989898; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), -webkit-radial-gradient(at top center, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 120%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 120%); background-blend-mode: multiply,multiply; } /* 27-Grey Connection: */ .greyConnection { background: #C4C4C4; background-image: -webkit-radial-gradient(50% 100%, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.35) 0%, #929292 99%); background-image: radial-gradient(50% 100%, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(to left, rgba(255, 255, 255, 0.35) 0%, #929292 99%); background-blend-mode: normal,multiply; } /* 28-The Capsule: */ .theCapsule { background-color: #E4E4E1; background-image: -webkit-radial-gradient(at top center, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, rgba(143, 152, 157, 0.6) 100%); background-image: radial-gradient(at top center, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(143, 152, 157, 0.6) 100%); background-blend-mode: normal, multiply; } /* 29-Hidden Gems: */ .hiddenGems { background: #BDB5B2; background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.2) 0%, #A1A1A1 100%), -webkit-linear-gradient(top right, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 95%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 0%, #A1A1A1 100%), linear-gradient(to bottom left, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 95%); background-blend-mode: multiply; } /* 30-Night Smoothie: */ .nightSmoothie { background: #A2A2A4; background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0.5) 200%); background-image: radial-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0.5) 200%); background-blend-mode: multiply; } /* 31-Golden Leaf: */ .goldenLeaf { background: #92847B; background-image: -webkit-radial-gradient(at bottom center, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 200%), -webkit-radial-gradient(at bottom center, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); background-image: radial-gradient(at bottom center, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 200%), radial-gradient(at bottom center, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); background-blend-mode: normal,screen; } /* 32-Floating Dream: */ .floatingDream { background: #C2C2C2; background-image: -webkit-radial-gradient(at 50% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.5) 260%), -webkit-radial-gradient(at 61% 50%, rgba(255, 255, 255, 0.3) 55%, rgba(0, 0, 0, 0.5) 150%), -webkit-linear-gradient(top right, rgba(255, 255, 255, 0.25) 3%, rgba(0, 0, 0, 0.25) 100%), -webkit-linear-gradient(290deg, rgba(255, 255, 255, 0.5) 13%, rgba(0, 0, 0, 0.8) 100%); background-image: radial-gradient(at 50% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.5) 260%), radial-gradient(at 61% 50%, rgba(255, 255, 255, 0.3) 55%, rgba(0, 0, 0, 0.5) 150%), linear-gradient(to bottom left, rgba(255, 255, 255, 0.25) 3%, rgba(0, 0, 0, 0.25) 100%), linear-gradient(-200deg, rgba(255, 255, 255, 0.5) 13%, rgba(0, 0, 0, 0.8) 100%); background-blend-mode: normal,screen,normal,multiply; } /* 33-Escape: */ .escape { background: #3E3E3E; background-image: -webkit-radial-gradient(at 50% -16%, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.5) 190%); background-image: radial-gradient(at 50% -16%, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.5) 190%); background-blend-mode: normal,multiply; } /* 34-Icarus: */ .icarus { background: #A2A2A2; background-image: -webkit-radial-gradient(at 50% 90%, #B8B4B3 0%, #3B3A38 100%); background-image: radial-gradient(at 50% 90%, #B8B4B3 0%, #3B3A38 100%); background-blend-mode: normal,multiply; } /* 35-Flashlight: */ .flashlight { background-image: -webkit-linear-gradient(left, #B1B1AF 4%, #484846 98%); background-image: linear-gradient(to right, #B1B1AF 4%, #484846 98%); } /* 36-Milky Way: */ .milkyWay { background-image: -webkit-linear-gradient(bottom, #F4F4F4 0%, #DFDEDC 100%); background-image: linear-gradient(to top, #F4F4F4 0%, #DFDEDC 100%); } /* 37-Circular: */ .circular { background: #EBEBE9; background-image: -webkit-linear-gradient(160deg, rgba(255, 255, 255, 0.35) 3%, rgba(0, 0, 0, 0.35) 100%), -webkit-radial-gradient(101% 97%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 98%); background-image: linear-gradient(-70deg, rgba(255, 255, 255, 0.35) 3%, rgba(0, 0, 0, 0.35) 100%), radial-gradient(101% 97%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 98%); background-blend-mode: normal,normal,lighten; } /* 38-Autumn: */ .autumn { background-image: -webkit-radial-gradient(27% 185%, #F9F6F1 0%, #D7D0C5 100%); background-image: radial-gradient(27% 185%, #F9F6F1 0%, #D7D0C5 100%); } /* 39-North Kingdom: */ .northKingdom { background-image: -webkit-linear-gradient(right, #BDBBBE 0%, #9D9EA3 100%), -webkit-radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), -webkit-radial-gradient(50% 100%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-blend-mode: normal, lighten, soft-light; } /* 40-Jupiter: */ .jupiter { background-image: -webkit-linear-gradient(top, #504D48 5%, #33342F 96%); background-image: linear-gradient(-180deg, #504D48 5%, #33342F 96%); } /* 41-White Noise: */ .whiteNoise { background-color: #E1E6EC; background-image: -webkit-linear-gradient(top, #E1E6EC 2%, #F0F4F7 96%), -webkit-radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.5) 200%); background-image: linear-gradient(-180deg, #E1E6EC 2%, #F0F4F7 96%), radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.5) 200%); background-blend-mode: normal, color-burn; } /* 42-Silver Surfer: */ .silverSurfer { background-image: -webkit-linear-gradient(top, #BCBCBC 0%, #D9D9D9 26%, #EFEFEF 49%, #E0E0E0 74%, #D3D3D3 100%), -webkit-linear-gradient(top, #BCBCBC 0%, #D9D9D9 26%, #EFEFEF 49%, #E0E0E0 74%, #D3D3D3 100%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 150%), -webkit-radial-gradient(at 50% 59%, rgba(255, 255, 255, 0.3) 66%, rgba(0, 0, 0, 0.3) 200%); background-image: linear-gradient(to bottom, #BCBCBC 0%, #D9D9D9 26%, #EFEFEF 49%, #E0E0E0 74%, #D3D3D3 100%), linear-gradient(to bottom, #BCBCBC 0%, #D9D9D9 26%, #EFEFEF 49%, #E0E0E0 74%, #D3D3D3 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 150%), radial-gradient(at 50% 59%, rgba(255, 255, 255, 0.3) 66%, rgba(0, 0, 0, 0.3) 200%); background-blend-mode: multiply,multiply,screen; } /* 43-Black Sands: */ .blackSands { background-color: #9D9B97; background-image: -webkit-radial-gradient(at 50% 85%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 150%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background-image: radial-gradient(at 50% 85%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 150%), linear-gradient(to top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background-blend-mode: normal, multiply; } /* 44-Grey Hound: */ .greyHound { background: #989898; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), -webkit-radial-gradient(at 50% -100%, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 270%), -webkit-radial-gradient(at 50% 2%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at 50% -100%, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 270%), radial-gradient(at 50% 2%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); background-blend-mode: normal,multiply,multiply; } /* 45-Return to Air: */ .returnToAir { background-image: -webkit-linear-gradient(top, #C8C9D1 0%, #AAAFB7 99%); background-image: linear-gradient(180deg, #C8C9D1 0%, #AAAFB7 99%); } /* 46-Graphite: */ .graphite { background: #282828; background-image: -webkit-linear-gradient(right, #7B7F82 2%, #303136 100%), -webkit-radial-gradient(50% 116%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%), -webkit-linear-gradient(149deg, rgba(255, 255, 255, 0.5) 7%, rgba(87, 87, 87, 0.5) 68%, rgba(85, 85, 85, 0.5) 76%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(-90deg, #7B7F82 2%, #303136 100%), radial-gradient(50% 116%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(-59deg, rgba(255, 255, 255, 0.5) 7%, rgba(87, 87, 87, 0.5) 68%, rgba(85, 85, 85, 0.5) 76%, rgba(0, 0, 0, 0.5) 100%); background-blend-mode: normal,multiply,multiply; } /* 47-Cosmos: */ .cosmos { background-color: #797572; background-image: -webkit-linear-gradient(263deg, rgba(255, 255, 255, 0.2) 0%, #000000 100%), -webkit-linear-gradient(18deg, rgba(255, 255, 255, 0.25) 25%, rgba(0, 0, 0, 0.25) 100%), -webkit-radial-gradient(47% 102%, rgba(255, 255, 255, 0.5) 0%, rgba(21, 24, 32, 0.6) 120%); background-image: linear-gradient(-173deg, rgba(255, 255, 255, 0.2) 0%, #000000 100%), linear-gradient(72deg, rgba(255, 255, 255, 0.25) 25%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(47% 102%, rgba(255, 255, 255, 0.5) 0%, rgba(21, 24, 32, 0.6) 120%); background-blend-mode: multiply; } /* 48-Ice: */ .ice { background-color: #CDDCDC; background-image: -webkit-radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); background-image: radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); background-blend-mode: screen, overlay; } /* 49-Comet: */ .comet { background-color: #646770; background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), -webkit-radial-gradient(at 50% 87%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), radial-gradient(at 50% 87%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-blend-mode: multiply,normal; } /* * jarallax css */ .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; object-fit: cover; /* support for plugin https://github.com/bfred-it/object-fit-images */ font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .target-wrapper{position:relative}.target{position:absolute;width:100%;height:auto;display:block}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative!important;float:none!important;height:auto!important;left:auto!important;top:auto!important;bottom:auto!important;right:auto!important;-webkit-transform:none!important;transform:none!important;width:100%!important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative!important;float:none!important;height:auto!important;left:auto!important;top:auto!important;bottom:auto!important;right:auto!important;-webkit-transform:none!important;transform:none!important;width:100%!important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative!important;float:none!important;height:auto!important;left:auto!important;top:auto!important;bottom:auto!important;right:auto!important;-webkit-transform:none!important;transform:none!important;width:100%!important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative!important;float:none!important;height:auto!important;left:auto!important;top:auto!important;bottom:auto!important;right:auto!important;-webkit-transform:none!important;transform:none!important;width:100%!important}} /**/ /* Foundry Specific Hue Background */ /**/ /* Rosebud */ .foundry-hue-rosebud { background: #90daff; background: -moz-linear-gradient(-45deg, #90daff 0%, #2a408c 100%); background: -webkit-linear-gradient(-45deg, #90daff 0%,#2a408c 100%); background: linear-gradient(135deg, #90daff 0%,#2a408c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90daff', endColorstr='#2a408c',GradientType=1 ); } /* Ocean */ .foundry-hue-ocean { background: #90daff; background: -moz-linear-gradient(-45deg, #90daff 0%, #2a408c 100%); background: -webkit-linear-gradient(-45deg, #90daff 0%,#2a408c 100%); background: linear-gradient(135deg, #90daff 0%,#2a408c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90daff', endColorstr='#2a408c',GradientType=1 ); } /* Grapefruit */ .foundry-hue-grapefruit { background: #ffddc9; background: -moz-linear-gradient(-45deg, #ffddc9 0%, #fdbdd5 100%); background: -webkit-linear-gradient(-45deg, #ffddc9 0%,#fdbdd5 100%); background: linear-gradient(135deg, #ffddc9 0%,#fdbdd5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddc9', endColorstr='#fdbdd5',GradientType=1 ); } /* Seafoam */ .foundry-hue-seafoam { background: #492bf0; background: -moz-linear-gradient(45deg, #492bf0 0%, #7c9ce8 50%, #a7eae3 100%); background: -webkit-linear-gradient(45deg, #492bf0 0%,#7c9ce8 50%,#a7eae3 100%); background: linear-gradient(45deg, #492bf0 0%,#7c9ce8 50%,#a7eae3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#492bf0', endColorstr='#a7eae3',GradientType=1 ); } /* Rays */ .foundry-hue-rays { background: #ffd84f; background: -moz-linear-gradient(-45deg, #ffd84f 0%, #ff549d 100%); background: -webkit-linear-gradient(-45deg, #ffd84f 0%,#ff549d 100%); background: linear-gradient(135deg, #ffd84f 0%,#ff549d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd84f', endColorstr='#ff549d',GradientType=1 ); } /* Mint */ .foundry-hue-mint { background: #9ad88f; background: -moz-linear-gradient(-45deg, #9ad88f 0%, #93c78a 100%); background: -webkit-linear-gradient(-45deg, #9ad88f 0%,#93c78a 100%); background: linear-gradient(135deg, #9ad88f 0%,#93c78a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ad88f', endColorstr='#93c78a',GradientType=1 ); } /* Royal */ .foundry-hue-royal { background: #aa92d8; background: -moz-linear-gradient(top, #aa92d8 0%, #9071ce 100%); background: -webkit-linear-gradient(top, #aa92d8 0%,#9071ce 100%); background: linear-gradient(to bottom, #aa92d8 0%,#9071ce 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa92d8', endColorstr='#9071ce',GradientType=0 ); } /* Fantasy */ .foundry-hue-fantasy { background: #eff0c9; background: -moz-linear-gradient(-45deg, #eff0c9 0%, #9aecea 25%, #83aff3 50%, #9595f0 75%, #5068d7 100%); background: -webkit-linear-gradient(-45deg, #eff0c9 0%,#9aecea 25%,#83aff3 50%,#9595f0 75%,#5068d7 100%); background: linear-gradient(135deg, #eff0c9 0%,#9aecea 25%,#83aff3 50%,#9595f0 75%,#5068d7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0c9', endColorstr='#5068d7',GradientType=1 ); } /* Pastel Sun */ .foundry-hue-pastel-sun { background: #ffb347; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #ffb347 , #ffcc33); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #ffb347 , #ffcc33); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } /* Pre-Dawn */ .foundry-hue-pre-dawn { background: #00223e; background: -moz-linear-gradient(-45deg, #00223e 0%, #ffa17f 100%); background: -webkit-linear-gradient(-45deg, #00223e 0%,#ffa17f 100%); background: linear-gradient(135deg, #00223e 0%,#ffa17f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00223e', endColorstr='#ffa17f',GradientType=1 ); } /* Bliss */ .foundry-hue-bliss { background: #360033; background: -moz-linear-gradient(top, #360033 0%, #ffa17f 100%); background: -webkit-linear-gradient(top, #360033 0%,#ffa17f 100%); background: linear-gradient(to bottom, #360033 0%,#ffa17f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360033', endColorstr='#ffa17f',GradientType=0 ); } /* Atmosphere */ .foundry-hue-atmosphere { background: #b6fbff; background: -moz-linear-gradient(45deg, #b6fbff 0%, #83a4d4 100%); background: -webkit-linear-gradient(45deg, #b6fbff 0%,#83a4d4 100%); background: linear-gradient(45deg, #b6fbff 0%,#83a4d4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6fbff', endColorstr='#83a4d4',GradientType=1 ); } #stacks_in_3_page8 { padding: 100px 0px 0px 0px; } #stacks_in_p3_n32_page8 > .container { border-radius: 0px; } /* CSS for removing gutters if option is enabled. */ #stacks_in_p3_n1_page8 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_p3_n1_page8 .row.no-gutters > [class^="col-"], #stacks_in_p3_n1_page8 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media (max-width: 47.9em) { /* iPhone */ #stacks_in_p3_n1_page8 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9em) { /* iPad */ #stacks_in_p3_n1_page8 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_p3_n1_page8 .foundry_column { margin-bottom: 0px; } } @media screen and (min-width: 768px) { #stacks_in_p3_n1_page8 .equal, #stacks_in_p3_n1_page8 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_p3_n1_page8 .equal > div[class*='col-'] { align-items: center; } #stacks_in_p3_n1_page8 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_p3_n1_page8 > .row > .foundry_column_one { background-color: rgba(18, 137, 98, 1.00); } #stacks_in_p3_n1_page8 > .row > .foundry_column_two { background-color: rgba(18, 137, 98, 0.80); } #stacks_in_p3_n1_page8 > .row > .foundry_column_three { background-color: rgba(18, 137, 98, 0.80); } #stacks_in_p3_n1_page8 > .row > .foundry_column_four { background-color: rgba(18, 137, 98, 0.80); } @media only screen { #stacks_in_p3_n45_page8 { margin: 0px; } #stacks_in_p3_n45_page8 { padding: 0px; } #stacks_in_p3_n45_page8 { padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 61.9em) { #stacks_in_p3_n45_page8 { margin: 0px; } #stacks_in_p3_n45_page8 { padding: 0px; } #stacks_in_p3_n45_page8 { padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 47.9em){ #stacks_in_p3_n45_page8 { margin: 0px; } #stacks_in_p3_n45_page8 { padding: 0px; } #stacks_in_p3_n45_page8 { padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 20px; } } #stacks_in_p3_n2_page8 h5 { font-style: normal; letter-spacing: 0px; } #stacks_in_p3_n2_page8 h5 { color: rgba(255, 255, 255, 1.00); } #stacks_in_p3_n2_page8 h5 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_p3_n5_page8 .vertical-center-wrapper { display:table; width: 100%; } #stacks_in_p3_n5_page8 .vertical-center-inner { display:table-cell; vertical-align:middle; } #stacks_in_p3_n5_page8 .vertical-center-content { margin-left: auto; margin-right: auto; } @media (max-width: 47.9em) { #stacks_in_p3_n5_page8 .vertical-center-wrapper { height: 100px; } } @media (min-width: 48em) and (max-width: 61.9em) { #stacks_in_p3_n5_page8 .vertical-center-wrapper { height: 100px; } } @media (min-width: 62em) { #stacks_in_p3_n5_page8 .vertical-center-wrapper { height: 100px; } } #stacks_in_p3_n5_page8 { padding: 10px 0px 0px 40px; } #stacks_in_p3_n6_page8 > .positioner_wrapper { } #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner { position: absolute; top: 50%; margin-top: -38px; left: 0; margin-left: -38px; z-index: 90; /*margin-right: px;*/ } /*Adam*/ #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner > a, #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner > a:visited, #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner > span { background: rgba(2, 116, 216, 0.00); color: rgba(247, 231, 152, 1.00); box-shadow: 0 0 0 0px rgba(255, 255, 255, 1.00); font-size: 38px; display: block; padding: 0px; line-height: 75px; height: 75px; width: 75px; border-radius: 50%; text-align: center; } #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner > a:hover, #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner > a:active, #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner > span:hover { background: rgba(2, 116, 216, 0.00); } #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner > a > i, #stacks_in_p3_n6_page8 > .positioner_wrapper > .positioner > span > i { line-height: 75px; } /* Option for removing base margin */ #stacks_in_p3_n7_page8 > .container { border-radius: 0px; } #stacks_in_p3_n7_page8 { padding: 0px 0px 0px 20px; } #stacks_in_p3_n8_page8 h6 { font-style: normal; margin-bottom: 0; letter-spacing: 0px; } #stacks_in_p3_n8_page8 h6 { color: rgba(255, 255, 255, 1.00); } #stacks_in_p3_n8_page8 h6 small { color: rgba(119, 119, 119, 1.00); } /* Color picker style settings */ #stacks_in_p3_n10_page8 p { color: rgba(204, 204, 204, 1.00); } #stacks_in_p3_n10_page8 p a, #stacks_in_p3_n10_page8 p a:visited { color: rgba(55, 129, 187, 1.00); } #stacks_in_p3_n10_page8 p a:hover, #stacks_in_p3_n10_page8 p a:active { color: rgba(64, 103, 138, 1.00); } /* Edit mode custom colors. */ #stacks_in_p3_n10_page8 .paragraph { color: rgba(204, 204, 204, 1.00); } #stacks_in_p3_n10_page8 .paragraph a, #stacks_in_p3_n10_page8 .paragraph a:visited { color: rgba(55, 129, 187, 1.00); } #stacks_in_p3_n10_page8 .paragraph a:hover, #stacks_in_p3_n10_page8 .paragraph a:active { color: rgba(64, 103, 138, 1.00); } /* Option for removing base margin on paragraphs */ #stacks_in_p3_n10_page8 p, #stacks_in_p3_n10_page8 { margin-bottom: 0; } #stacks_in_p3_n16_page8 .vertical-center-wrapper { display:table; width: 100%; } #stacks_in_p3_n16_page8 .vertical-center-inner { display:table-cell; vertical-align:middle; } #stacks_in_p3_n16_page8 .vertical-center-content { margin-left: auto; margin-right: auto; } @media (max-width: 47.9em) { #stacks_in_p3_n16_page8 .vertical-center-wrapper { height: 100px; } } @media (min-width: 48em) and (max-width: 61.9em) { #stacks_in_p3_n16_page8 .vertical-center-wrapper { height: 100px; } } @media (min-width: 62em) { #stacks_in_p3_n16_page8 .vertical-center-wrapper { height: 100px; } } #stacks_in_p3_n16_page8 { padding: 10px 0px 0px 40px; } #stacks_in_p3_n17_page8 > .positioner_wrapper { } #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner { position: absolute; top: 50%; margin-top: -38px; left: 0; margin-left: -38px; z-index: 90; /*margin-right: px;*/ } /*Adam*/ #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner > a, #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner > a:visited, #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner > span { background: rgba(2, 116, 216, 0.00); color: rgba(247, 231, 152, 1.00); box-shadow: 0 0 0 0px rgba(255, 255, 255, 1.00); font-size: 38px; display: block; padding: 0px; line-height: 75px; height: 75px; width: 75px; border-radius: 50%; text-align: center; } #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner > a:hover, #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner > a:active, #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner > span:hover { background: rgba(2, 116, 216, 0.00); } #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner > a > i, #stacks_in_p3_n17_page8 > .positioner_wrapper > .positioner > span > i { line-height: 75px; } /* Option for removing base margin */ #stacks_in_p3_n18_page8 > .container { border-radius: 0px; } #stacks_in_p3_n18_page8 { padding: 0px 0px 0px 20px; } #stacks_in_p3_n19_page8 h6 { font-style: normal; margin-bottom: 0; letter-spacing: 0px; } #stacks_in_p3_n19_page8 h6 { color: rgba(255, 255, 255, 1.00); } #stacks_in_p3_n19_page8 h6 small { color: rgba(119, 119, 119, 1.00); } /* Color picker style settings */ #stacks_in_p3_n21_page8 p { color: rgba(204, 204, 204, 1.00); } #stacks_in_p3_n21_page8 p a, #stacks_in_p3_n21_page8 p a:visited { color: rgba(55, 129, 187, 1.00); } #stacks_in_p3_n21_page8 p a:hover, #stacks_in_p3_n21_page8 p a:active { color: rgba(64, 103, 138, 1.00); } /* Edit mode custom colors. */ #stacks_in_p3_n21_page8 .paragraph { color: rgba(204, 204, 204, 1.00); } #stacks_in_p3_n21_page8 .paragraph a, #stacks_in_p3_n21_page8 .paragraph a:visited { color: rgba(55, 129, 187, 1.00); } #stacks_in_p3_n21_page8 .paragraph a:hover, #stacks_in_p3_n21_page8 .paragraph a:active { color: rgba(64, 103, 138, 1.00); } /* Option for removing base margin on paragraphs */ #stacks_in_p3_n21_page8 p, #stacks_in_p3_n21_page8 { margin-bottom: 0; } #stacks_in_p3_n34_page8 .vertical-center-wrapper { display:table; width: 100%; } #stacks_in_p3_n34_page8 .vertical-center-inner { display:table-cell; vertical-align:middle; } #stacks_in_p3_n34_page8 .vertical-center-content { margin-left: auto; margin-right: auto; } @media (max-width: 47.9em) { #stacks_in_p3_n34_page8 .vertical-center-wrapper { height: 100px; } } @media (min-width: 48em) and (max-width: 61.9em) { #stacks_in_p3_n34_page8 .vertical-center-wrapper { height: 100px; } } @media (min-width: 62em) { #stacks_in_p3_n34_page8 .vertical-center-wrapper { height: 100px; } } #stacks_in_p3_n34_page8 { padding: 10px 0px 0px 40px; } #stacks_in_p3_n35_page8 > .positioner_wrapper { } #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner { position: absolute; top: 50%; margin-top: -38px; left: 0; margin-left: -38px; z-index: 90; /*margin-right: px;*/ } /*Adam*/ #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner > a, #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner > a:visited, #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner > span { background: rgba(2, 116, 216, 0.00); color: rgba(247, 231, 152, 1.00); box-shadow: 0 0 0 0px rgba(255, 255, 255, 1.00); font-size: 38px; display: block; padding: 0px; line-height: 75px; height: 75px; width: 75px; border-radius: 50%; text-align: center; } #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner > a:hover, #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner > a:active, #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner > span:hover { background: rgba(2, 116, 216, 0.00); } #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner > a > i, #stacks_in_p3_n35_page8 > .positioner_wrapper > .positioner > span > i { line-height: 75px; } /* Option for removing base margin */ #stacks_in_p3_n36_page8 > .container { border-radius: 0px; } #stacks_in_p3_n36_page8 { padding: 0px 0px 0px 20px; } #stacks_in_p3_n37_page8 h6 { font-style: normal; margin-bottom: 0; letter-spacing: 0px; } #stacks_in_p3_n37_page8 h6 { color: rgba(255, 255, 255, 1.00); } #stacks_in_p3_n37_page8 h6 small { color: rgba(119, 119, 119, 1.00); } /* Color picker style settings */ #stacks_in_p3_n39_page8 p { color: rgba(204, 204, 204, 1.00); } #stacks_in_p3_n39_page8 p a, #stacks_in_p3_n39_page8 p a:visited { color: rgba(55, 129, 187, 1.00); } #stacks_in_p3_n39_page8 p a:hover, #stacks_in_p3_n39_page8 p a:active { color: rgba(64, 103, 138, 1.00); } /* Edit mode custom colors. */ #stacks_in_p3_n39_page8 .paragraph { color: rgba(204, 204, 204, 1.00); } #stacks_in_p3_n39_page8 .paragraph a, #stacks_in_p3_n39_page8 .paragraph a:visited { color: rgba(55, 129, 187, 1.00); } #stacks_in_p3_n39_page8 .paragraph a:hover, #stacks_in_p3_n39_page8 .paragraph a:active { color: rgba(64, 103, 138, 1.00); } /* Option for removing base margin on paragraphs */ #stacks_in_p3_n39_page8 p, #stacks_in_p3_n39_page8 { margin-bottom: 0; } #stacks_in_p2_n212_page8 > .foundry-backdrop { background: url(../files/image_bkg_p2_n212.png) no-repeat center center; background-repeat: repeat; background-position: center center; } #stacks_in_p2_n212_page8 > .foundry-backdrop .foundry-backdrop-overlay { background-color: rgba(18, 137, 98, 0.00); transition-property: background-color; transition-duration: 300ms; } #stacks_in_p2_n212_page8 > .foundry-backdrop, #stacks_in_p2_n212_page8 > .foundry-backdrop > .foundry-backdrop-overlay { border-radius: 0px; } #stacks_in_p2_n212_page8 > .foundry-backdrop { border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; } #stacks_in_p2_n2_page8 > .container { max-width: 1140px; } #stacks_in_p2_n2_page8 > .container { border-radius: 0px; } #stacks_in_p2_n2_page8 { padding: 40px 0px 0px 0px; } /* CSS for removing gutters if option is enabled. */ #stacks_in_p2_n3_page8 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_p2_n3_page8 .row.no-gutters > [class^="col-"], #stacks_in_p2_n3_page8 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media (max-width: 47.9em) { /* iPhone */ #stacks_in_p2_n3_page8 .foundry_column { margin-bottom: 10px; } } @media (min-width: 48em) and (max-width: 61.9em) { /* iPad */ #stacks_in_p2_n3_page8 .foundry_column { margin-bottom: 20px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_p2_n3_page8 .foundry_column { margin-bottom: 20px; } } @media screen and (min-width: 768px) { #stacks_in_p2_n3_page8 .equal, #stacks_in_p2_n3_page8 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_p2_n3_page8 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_p2_n3_page8 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_p2_n3_page8 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_p2_n3_page8 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_p2_n3_page8 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_p2_n4_page8 > .container { border-radius: 0px; } #stacks_in_p2_n5_page8 h6 { font-style: normal; letter-spacing: 0px; } @media only screen { #stacks_in_p2_n230_page8 { margin: 0px; } #stacks_in_p2_n230_page8 { padding: 30px; } #stacks_in_p2_n230_page8 { padding-left: 50px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_p2_n230_page8 { margin: 0px; } #stacks_in_p2_n230_page8 { padding: 0px; } #stacks_in_p2_n230_page8 { margin: 0px; } #stacks_in_p2_n230_page8 { padding: 0px; } } @media only screen and (max-width: 61.9em) { #stacks_in_p2_n230_page8 { margin: 0px; } #stacks_in_p2_n230_page8 { padding: 30px; } #stacks_in_p2_n230_page8 { padding-left: 50px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_p2_n230_page8 { margin: 0px; } #stacks_in_p2_n230_page8 { padding: 0px; } } @media only screen and (max-width: 47.9em){ #stacks_in_p2_n230_page8 { margin: 0px; } #stacks_in_p2_n230_page8 { padding: 30px; } #stacks_in_p2_n230_page8 { padding-left: 50px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } #stacks_in_p2_n7_page8 a, #stacks_in_p2_n7_page8 a:visited { color: rgba(51, 51, 51, 1.00); } #stacks_in_p2_n7_page8 a:hover, #stacks_in_p2_n7_page8 a:active { color: rgba(40, 40, 40, 1.00); } .stacks_in_p2_n8_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n214_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n232_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n216_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n254_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n256_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n252_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n253_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n215_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n9_page8_linked_list_description { margin-left: 0px; } .target.stacks_in_p2_n313_page8{ margin:0px;} .target.stacks_in_p2_n313_page8{ z-index:2;}.target.stacks_in_p2_n313_page8.width-fill{width:calc(100% - 0px)}.target.stacks_in_p2_n313_page8.width-flexible{width:100%}.target.stacks_in_p2_n313_page8.width-fixed{width:250px}.target.stacks_in_p2_n313_page8.height-fill{height:calc(100% - 0px)}.target.stacks_in_p2_n313_page8.height-flexible{height:100%}.target.stacks_in_p2_n313_page8.height-fixed{height:250px}.target.stacks_in_p2_n313_page8[class*="relative-"].top-pt{top:-40%}.target.stacks_in_p2_n313_page8[class*="relative-"].top-px{top:-40px}.target.stacks_in_p2_n313_page8[class*="relative-"].bottom-pt{bottom:-40%}.target.stacks_in_p2_n313_page8[class*="relative-"].bottom-px{bottom:-40px}.target.stacks_in_p2_n313_page8[class*="relative-"].right-pt{right:0%}.target.stacks_in_p2_n313_page8[class*="relative-"].right-px{right:0px}.target.stacks_in_p2_n313_page8[class*="relative-"].left-pt{left:0%}.target.stacks_in_p2_n313_page8[class*="relative-"].left-px{left:0px}.target.stacks_in_p2_n313_page8.shift-up{margin-top:-0px}.target.stacks_in_p2_n313_page8.shift-down{margin-bottom:-0px}.target.stacks_in_p2_n313_page8.shift-left{right:0px}.target.stacks_in_p2_n313_page8.shift-right{left:0px}.target.stacks_in_p2_n313_page8.pin-top,.target.stacks_in_p2_n313_page8.pin-bottom{left:0px}.target.stacks_in_p2_n313_page8.pin-left,.target.stacks_in_p2_n313_page8.pin-right{top:0px} @media only screen { #stacks_in_p2_n318_page8 { margin: 0px; } #stacks_in_p2_n318_page8 { padding: 0px; } #stacks_in_p2_n318_page8 { margin-left: 50px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } #stacks_in_p2_n318_page8 { margin: 0px; } #stacks_in_p2_n318_page8 { padding: 0px; } #stacks_in_p2_n318_page8 { margin: 0px; } #stacks_in_p2_n318_page8 { padding: 0px; } } @media only screen and (max-width: 61.9em) { #stacks_in_p2_n318_page8 { margin: 0px; } #stacks_in_p2_n318_page8 { padding: 0px; } #stacks_in_p2_n318_page8 { margin-left: 50px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } #stacks_in_p2_n318_page8 { margin: 0px; } #stacks_in_p2_n318_page8 { padding: 0px; } } @media only screen and (max-width: 47.9em){ #stacks_in_p2_n318_page8 { margin: 0px; } #stacks_in_p2_n318_page8 { padding: 0px; } #stacks_in_p2_n318_page8 { margin-left: 50px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } } #stacks_in_p2_n308_page8 button.btn { background-color: rgba(2, 116, 216, 0.00); color: rgba(255, 255, 255, 0.85); } #stacks_in_p2_n308_page8 button.btn:hover { background-color: rgba(1, 92, 172, 0.00); color: rgba(255, 255, 255, 0.85); } #stacks_in_p2_n308_page8 button.btn { background-color: !important; color: ; } #stacks_in_p2_n308_page8 button.btn:hover { background-color: !important; color: ; } #stacks_in_p2_n308_page8 .dropdown-menu { background-color: rgba(247, 231, 152, 0.80); color: rgba(55, 58, 60, 1.00); } #stacks_in_p2_n308_page8 .dropdown-menu a, #stacks_in_p2_n308_page8 .dropdown-menu a:visited { color: rgba(55, 58, 60, 1.00) !important; background: transparent; } #stacks_in_p2_n308_page8 .dropdown-menu a:hover, #stacks_in_p2_n308_page8 .dropdown-menu a:active { background-color: rgba(12, 97, 176, 0.33); color: rgba(55, 58, 60, 1.00) !important; } #stacks_in_p2_n308_page8 .dropdown-header { color: rgba(55, 58, 60, 1.00); } #stacks_in_p2_n308_page8 .dropdown-divider { background-color: rgba(0, 0, 0, 0.15); } button.stacks_in_p2_n308_page8_group_button { -webkit-appearance: none; } #stacks_in_p2_n308_page8 a.dropdown-item, #stacks_in_p2_n308_page8 a.dropdown-item:visited, #stacks_in_p2_n308_page8 a.dropdown-item:hover, #stacks_in_p2_n308_page8 a.dropdown-item:active { text-decoration: none; } /*#stacks_in_p2_n308_page8 .dropdown-menu { z-index: 90 !important; } */ #stacks_in_p2_n13_page8 > .container { border-radius: 0px; } /* CSS for removing gutters if option is enabled. */ #stacks_in_p2_n14_page8 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_p2_n14_page8 .row.no-gutters > [class^="col-"], #stacks_in_p2_n14_page8 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media (max-width: 47.9em) { /* iPhone */ #stacks_in_p2_n14_page8 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9em) { /* iPad */ #stacks_in_p2_n14_page8 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_p2_n14_page8 .foundry_column { margin-bottom: 0px; } } #stacks_in_p2_n263_page8 { padding: 35px 0px 0px 0px; } /* Color picker style settings */ /* Option for removing base margin on paragraphs */ #stacks_in_p2_n19_page8 p, #stacks_in_p2_n19_page8 { } #stacks_in_p2_n19_page8 { padding: 10px 0px 0px 0px; } #stacks_in_p2_n23_page8 > .container { border-radius: 0px; } #stacks_in_p2_n23_page8 { padding: 0px 0px 20px 0px; } #stacks_in_p2_n24_page8 h6 { font-style: normal; letter-spacing: 0px; } #stacks_in_p2_n217_page8 a, #stacks_in_p2_n217_page8 a:visited { color: rgba(51, 51, 51, 1.00); } #stacks_in_p2_n217_page8 a:hover, #stacks_in_p2_n217_page8 a:active { color: rgba(40, 40, 40, 1.00); } .stacks_in_p2_n218_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n219_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n223_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n220_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n235_page8_linked_list_description { margin-left: 0px; } .stacks_in_p2_n222_page8_linked_list_description { margin-left: 0px; } #stacks_in_p2_n46_page8 > .container { border-radius: 0px; } #stacks_in_p2_n47_page8 h6 { font-style: normal; letter-spacing: 0px; } #stacks_in_p2_n225_page8 ul.social_badges_container { list-style: none; font-size: 0; padding: 0; margin: 0; } #stacks_in_p2_n225_page8 ul.social_badges_container li { display: inline-block; overflow: hidden; margin-left: 2.50px; margin-right: 2.50px; } #stacks_in_p2_n225_page8 ul.social_badges_container li, #stacks_in_p2_n225_page8 ul.social_badges_container li a, #stacks_in_p2_n225_page8 ul.social_badges_container li a i { width: 32px; height: 32px; line-height: 32px; } #stacks_in_p2_n225_page8 ul.social_badges_container li a { text-align: center; display: block; font-size: 18px; } #stacks_in_p2_n225_page8 ul.social_badges_container li a { } #stacks_in_p2_n225_page8 { padding: 0px 0px 20px 0px; } li.stacks_in_p2_n226_page8_individual_badge a, li.stacks_in_p2_n226_page8_individual_badge a:visited { background-color: rgba(2, 115, 217, 1.00); color: rgba(255, 255, 255, 1.00); } li.stacks_in_p2_n226_page8_individual_badge a:hover, li.stacks_in_p2_n226_page8_individual_badge a:active { background-color: rgba(6, 102, 189, 0.80); color: rgba(255, 255, 255, 1.00); } li.stacks_in_p2_n234_page8_individual_badge a, li.stacks_in_p2_n234_page8_individual_badge a:visited { background-color: rgba(191, 26, 150, 1.00); color: rgba(255, 255, 255, 1.00); } li.stacks_in_p2_n234_page8_individual_badge a:hover, li.stacks_in_p2_n234_page8_individual_badge a:active { background-color: rgba(200, 14, 147, 0.80); color: rgba(255, 255, 255, 1.00); } li.stacks_in_p2_n233_page8_individual_badge a, li.stacks_in_p2_n233_page8_individual_badge a:visited { background-color: rgba(212, 8, 32, 1.00); color: rgba(255, 255, 255, 1.00); } li.stacks_in_p2_n233_page8_individual_badge a:hover, li.stacks_in_p2_n233_page8_individual_badge a:active { background-color: rgba(224, 0, 35, 0.80); color: rgba(255, 255, 255, 1.00); } /* Color picker style settings */ /* Option for removing base margin on paragraphs */ #stacks_in_p2_n242_page8 p, #stacks_in_p2_n242_page8 { margin-bottom: 0; } #stacks_in_p2_n236_page8 ul.social_badges_container { list-style: none; font-size: 0; padding: 0; margin: 0; } #stacks_in_p2_n236_page8 ul.social_badges_container li { display: inline-block; overflow: hidden; margin-left: 2.50px; margin-right: 2.50px; } #stacks_in_p2_n236_page8 ul.social_badges_container li, #stacks_in_p2_n236_page8 ul.social_badges_container li a, #stacks_in_p2_n236_page8 ul.social_badges_container li a i { width: 32px; height: 32px; line-height: 32px; } #stacks_in_p2_n236_page8 ul.social_badges_container li a { text-align: center; display: block; font-size: 18px; } #stacks_in_p2_n236_page8 ul.social_badges_container li a { } #stacks_in_p2_n236_page8 { padding: 0px 0px 20px 0px; } li.stacks_in_p2_n240_page8_individual_badge a, li.stacks_in_p2_n240_page8_individual_badge a:visited { background-color: rgba(58, 230, 99, 1.00); color: rgba(255, 255, 255, 1.00); } li.stacks_in_p2_n240_page8_individual_badge a:hover, li.stacks_in_p2_n240_page8_individual_badge a:active { background-color: rgba(30, 233, 108, 0.80); color: rgba(255, 255, 255, 1.00); } /* Color picker style settings */ /* Option for removing base margin on paragraphs */ #stacks_in_p2_n265_page8 p, #stacks_in_p2_n265_page8 { margin-bottom: 0; } #stacks_in_p2_n293_page8 { padding: 0px 0px 20px 0px; } #stacks_in_p2_n204_page8 { padding: 0px 0px 20px 0px; }