/* Invitaions + Group cards Fonts */ @font-face { font-family: "Abril Fatface"; src: url("../Fonts/invitations-fonts/AbrilFatface-Regular.eot"); src: url("../Fonts/invitations-fonts/AbrilFatface-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/AbrilFatface-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/AbrilFatface-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/AbrilFatface-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/AbrilFatface-Regular.svg#AbrilFatface-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Amatic SC"; src: url("../Fonts/invitations-fonts/AmaticSC-Bold.eot"); src: url("../Fonts/invitations-fonts/AmaticSC-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/AmaticSC-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/AmaticSC-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/AmaticSC-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/AmaticSC-Bold.svg#AmaticSC-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Alfa Slab One"; src: url("../Fonts/invitations-fonts/AlfaSlabOne-Regular.eot"); src: url("../Fonts/invitations-fonts/AlfaSlabOne-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/AlfaSlabOne-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/AlfaSlabOne-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/AlfaSlabOne-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/AlfaSlabOne-Regular.svg#AlfaSlabOne-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Alata"; src: url("../Fonts/invitations-fonts/Alata-Regular.eot"); src: url("../Fonts/invitations-fonts/Alata-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Alata-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Alata-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Alata-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Alata-Regular.svg#Alata-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Assistant"; src: url("../Fonts/invitations-fonts/Assistant-Regular.eot"); src: url("../Fonts/invitations-fonts/Assistant-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Assistant-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Assistant-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Assistant-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Assistant-Regular.svg#Assistant-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Arimo"; src: url("../Fonts/invitations-fonts/Arimo-Regular.eot"); src: url("../Fonts/invitations-fonts/Arimo-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Arimo-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Arimo-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Arimo-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Arimo-Regular.svg#Arimo-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Bungee Shade"; src: url("../Fonts/invitations-fonts/BungeeShade-Regular.eot"); src: url("../Fonts/invitations-fonts/BungeeShade-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/BungeeShade-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/BungeeShade-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/BungeeShade-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/BungeeShade-Regular.svg#BungeeShade-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Cabin Sketch"; src: url("../Fonts/invitations-fonts/CabinSketch-Regular.eot"); src: url("../Fonts/invitations-fonts/CabinSketch-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/CabinSketch-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/CabinSketch-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/CabinSketch-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/CabinSketch-Regular.svg#CabinSketch-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Caveat"; src: url("../Fonts/invitations-fonts/Caveat-Regular.eot"); src: url("../Fonts/invitations-fonts/Caveat-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Caveat-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Caveat-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Caveat-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Caveat-Regular.svg#Caveat-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Courier Prime"; src: url("../Fonts/invitations-fonts/CourierPrime-Bold.eot"); src: url("../Fonts/invitations-fonts/CourierPrime-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/CourierPrime-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/CourierPrime-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/CourierPrime-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/CourierPrime-Bold.svg#CourierPrime-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Chonburi"; src: url("../Fonts/invitations-fonts/Chonburi-Regular.eot"); src: url("../Fonts/invitations-fonts/Chonburi-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Chonburi-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Chonburi-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Chonburi-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Chonburi-Regular.svg#Chonburi-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Courier Prime"; src: url("../Fonts/invitations-fonts/CourierPrime-BoldItalic.eot"); src: url("../Fonts/invitations-fonts/CourierPrime-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/CourierPrime-BoldItalic.woff2") format("woff2"), url("../Fonts/invitations-fonts/CourierPrime-BoldItalic.woff") format("woff"), url("../Fonts/invitations-fonts/CourierPrime-BoldItalic.ttf") format("truetype"), url("../Fonts/invitations-fonts/CourierPrime-BoldItalic.svg#CourierPrime-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Courier Prime"; src: url("../Fonts/invitations-fonts/CourierPrime-Regular.eot"); src: url("../Fonts/invitations-fonts/CourierPrime-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/CourierPrime-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/CourierPrime-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/CourierPrime-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/CourierPrime-Regular.svg#CourierPrime-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Exo 2"; src: url("../Fonts/invitations-fonts/Exo2-Light.eot"); src: url("../Fonts/invitations-fonts/Exo2-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Exo2-Light.woff2") format("woff2"), url("../Fonts/invitations-fonts/Exo2-Light.woff") format("woff"), url("../Fonts/invitations-fonts/Exo2-Light.ttf") format("truetype"), url("../Fonts/invitations-fonts/Exo2-Light.svg#Exo2-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Dosis"; src: url("../Fonts/invitations-fonts/Dosis-ExtraBold.eot"); src: url("../Fonts/invitations-fonts/Dosis-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Dosis-ExtraBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Dosis-ExtraBold.woff") format("woff"), url("../Fonts/invitations-fonts/Dosis-ExtraBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Dosis-ExtraBold.svg#Dosis-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "GFS Didot"; src: url("../Fonts/invitations-fonts/GFSDidot-Regular.eot"); src: url("../Fonts/invitations-fonts/GFSDidot-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/GFSDidot-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/GFSDidot-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/GFSDidot-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/GFSDidot-Regular.svg#GFSDidot-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Gloria Hallelujah"; src: url("../Fonts/invitations-fonts/GloriaHallelujah.eot"); src: url("../Fonts/invitations-fonts/GloriaHallelujah.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/GloriaHallelujah.woff2") format("woff2"), url("../Fonts/invitations-fonts/GloriaHallelujah.woff") format("woff"), url("../Fonts/invitations-fonts/GloriaHallelujah.ttf") format("truetype"), url("../Fonts/invitations-fonts/GloriaHallelujah.svg#GloriaHallelujah") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Josefin Sans"; src: url("../Fonts/invitations-fonts/JosefinSans-Light.eot"); src: url("../Fonts/invitations-fonts/JosefinSans-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/JosefinSans-Light.woff2") format("woff2"), url("../Fonts/invitations-fonts/JosefinSans-Light.woff") format("woff"), url("../Fonts/invitations-fonts/JosefinSans-Light.ttf") format("truetype"), url("../Fonts/invitations-fonts/JosefinSans-Light.svg#JosefinSans-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Josefin Slab"; src: url("../Fonts/invitations-fonts/JosefinSlab-Bold.eot"); src: url("../Fonts/invitations-fonts/JosefinSlab-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/JosefinSlab-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/JosefinSlab-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/JosefinSlab-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/JosefinSlab-Bold.svg#JosefinSlab-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Herr Von Muellerhoff"; src: url("../Fonts/invitations-fonts/HerrVonMuellerhoff-Regular.eot"); src: url("../Fonts/invitations-fonts/HerrVonMuellerhoff-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/HerrVonMuellerhoff-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/HerrVonMuellerhoff-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/HerrVonMuellerhoff-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/HerrVonMuellerhoff-Regular.svg#HerrVonMuellerhoff-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Josefin Sans"; src: url("../Fonts/invitations-fonts/JosefinSans-Regular.eot"); src: url("../Fonts/invitations-fonts/JosefinSans-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/JosefinSans-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/JosefinSans-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/JosefinSans-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/JosefinSans-Regular.svg#JosefinSans-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Julius Sans One"; src: url("../Fonts/invitations-fonts/JuliusSansOne-Regular.eot"); src: url("../Fonts/invitations-fonts/JuliusSansOne-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/JuliusSansOne-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/JuliusSansOne-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/JuliusSansOne-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/JuliusSansOne-Regular.svg#JuliusSansOne-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url("../Fonts/invitations-fonts/Lato-Bold.eot"); src: url("../Fonts/invitations-fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Lato-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Lato-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Lato-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Lato-Bold.svg#Lato-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Josefin Slab"; src: url("../Fonts/invitations-fonts/JosefinSlab-Regular.eot"); src: url("../Fonts/invitations-fonts/JosefinSlab-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/JosefinSlab-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/JosefinSlab-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/JosefinSlab-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/JosefinSlab-Regular.svg#JosefinSlab-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Maven Pro"; src: url("../Fonts/invitations-fonts/MavenPro-Regular.eot"); src: url("../Fonts/invitations-fonts/MavenPro-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/MavenPro-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/MavenPro-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/MavenPro-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/MavenPro-Regular.svg#MavenPro-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Maven Pro"; src: url("../Fonts/invitations-fonts/MavenPro-Bold.eot"); src: url("../Fonts/invitations-fonts/MavenPro-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/MavenPro-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/MavenPro-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/MavenPro-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/MavenPro-Bold.svg#MavenPro-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Lora"; src: url("../Fonts/invitations-fonts/Lora-Bold.eot"); src: url("../Fonts/invitations-fonts/Lora-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Lora-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Lora-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Lora-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Lora-Bold.svg#Lora-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Merriweather"; src: url("../Fonts/invitations-fonts/Merriweather-Bold.eot"); src: url("../Fonts/invitations-fonts/Merriweather-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Merriweather-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Merriweather-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Merriweather-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Merriweather-Bold.svg#Merriweather-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Merriweather"; src: url("../Fonts/invitations-fonts/Merriweather-Regular.eot"); src: url("../Fonts/invitations-fonts/Merriweather-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Merriweather-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Merriweather-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Merriweather-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Merriweather-Regular.svg#Merriweather-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Merriweather Sans"; src: url("../Fonts/invitations-fonts/MerriweatherSans-Bold.eot"); src: url("../Fonts/invitations-fonts/MerriweatherSans-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/MerriweatherSans-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/MerriweatherSans-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/MerriweatherSans-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/MerriweatherSans-Bold.svg#MerriweatherSans-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Niconne"; src: url("../Fonts/invitations-fonts/Niconne-Regular.eot"); src: url("../Fonts/invitations-fonts/Niconne-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Niconne-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Niconne-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Niconne-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Niconne-Regular.svg#Niconne-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../Fonts/invitations-fonts/Montserrat-Regular.eot"); src: url("../Fonts/invitations-fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Montserrat-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Montserrat-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Montserrat-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/invitations-fonts/NotoSans-Regular.eot"); src: url("../Fonts/invitations-fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/NotoSans-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/NotoSans-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/NotoSans-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/NotoSans-Regular.svg#NotoSans-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Oleo Script"; src: url("../Fonts/invitations-fonts/OleoScript-Regular.eot"); src: url("../Fonts/invitations-fonts/OleoScript-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/OleoScript-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/OleoScript-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/OleoScript-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/OleoScript-Regular.svg#OleoScript-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Nunito"; src: url("../Fonts/invitations-fonts/Nunito-Bold.eot"); src: url("../Fonts/invitations-fonts/Nunito-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Nunito-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Nunito-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Nunito-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Nunito-Bold.svg#Nunito-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Pangolin"; src: url("../Fonts/invitations-fonts/Pangolin-Regular.eot"); src: url("../Fonts/invitations-fonts/Pangolin-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Pangolin-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Pangolin-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Pangolin-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Pangolin-Regular.svg#Pangolin-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Parisienne"; src: url("../Fonts/invitations-fonts/Parisienne-Regular.eot"); src: url("../Fonts/invitations-fonts/Parisienne-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Parisienne-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Parisienne-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Parisienne-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Parisienne-Regular.svg#Parisienne-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Nunito"; src: url("../Fonts/invitations-fonts/Nunito-Regular.eot"); src: url("../Fonts/invitations-fonts/Nunito-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Nunito-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Nunito-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Nunito-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Nunito-Regular.svg#Nunito-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../Fonts/invitations-fonts/OpenSans-Regular.eot"); src: url("../Fonts/invitations-fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/OpenSans-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/OpenSans-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/OpenSans-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Oleo Script"; src: url("../Fonts/invitations-fonts/OleoScript-Bold.eot"); src: url("../Fonts/invitations-fonts/OleoScript-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/OleoScript-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/OleoScript-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/OleoScript-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/OleoScript-Bold.svg#OleoScript-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../Fonts/invitations-fonts/Poppins-Regular.eot"); src: url("../Fonts/invitations-fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Poppins-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Poppins-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Poppins-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Poppins-Regular.svg#Poppins-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Playfair Display"; src: url("../Fonts/invitations-fonts/PlayfairDisplay-Bold.eot"); src: url("../Fonts/invitations-fonts/PlayfairDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/PlayfairDisplay-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/PlayfairDisplay-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/PlayfairDisplay-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Quicksand"; src: url("../Fonts/invitations-fonts/Quicksand-Bold.eot"); src: url("../Fonts/invitations-fonts/Quicksand-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Quicksand-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Quicksand-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Quicksand-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Quicksand-Bold.svg#Quicksand-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../Fonts/invitations-fonts/Poppins-Bold.eot"); src: url("../Fonts/invitations-fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Poppins-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Poppins-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Poppins-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Poppins-Bold.svg#Poppins-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Prompt"; src: url("../Fonts/invitations-fonts/Prompt-Regular.eot"); src: url("../Fonts/invitations-fonts/Prompt-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Prompt-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Prompt-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Prompt-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Prompt-Regular.svg#Prompt-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../Fonts/invitations-fonts/Poppins-Light.eot"); src: url("../Fonts/invitations-fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Poppins-Light.woff2") format("woff2"), url("../Fonts/invitations-fonts/Poppins-Light.woff") format("woff"), url("../Fonts/invitations-fonts/Poppins-Light.ttf") format("truetype"), url("../Fonts/invitations-fonts/Poppins-Light.svg#Poppins-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Playfair Display"; src: url("../Fonts/invitations-fonts/PlayfairDisplay-Regular.eot"); src: url("../Fonts/invitations-fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/PlayfairDisplay-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/PlayfairDisplay-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Prompt"; src: url("../Fonts/invitations-fonts/Prompt-Light.eot"); src: url("../Fonts/invitations-fonts/Prompt-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Prompt-Light.woff2") format("woff2"), url("../Fonts/invitations-fonts/Prompt-Light.woff") format("woff"), url("../Fonts/invitations-fonts/Prompt-Light.ttf") format("truetype"), url("../Fonts/invitations-fonts/Prompt-Light.svg#Prompt-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Poiret One"; src: url("../Fonts/invitations-fonts/PoiretOne-Regular.eot"); src: url("../Fonts/invitations-fonts/PoiretOne-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/PoiretOne-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/PoiretOne-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/PoiretOne-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/PoiretOne-Regular.svg#PoiretOne-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Permanent Marker"; src: url("../Fonts/invitations-fonts/PermanentMarker-Regular.eot"); src: url("../Fonts/invitations-fonts/PermanentMarker-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/PermanentMarker-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/PermanentMarker-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/PermanentMarker-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/PermanentMarker-Regular.svg#PermanentMarker-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Quicksand"; src: url("../Fonts/invitations-fonts/Quicksand-Medium.eot"); src: url("../Fonts/invitations-fonts/Quicksand-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Quicksand-Medium.woff2") format("woff2"), url("../Fonts/invitations-fonts/Quicksand-Medium.woff") format("woff"), url("../Fonts/invitations-fonts/Quicksand-Medium.ttf") format("truetype"), url("../Fonts/invitations-fonts/Quicksand-Medium.svg#Quicksand-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../Fonts/invitations-fonts/Roboto-Regular.eot"); src: url("../Fonts/invitations-fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Roboto-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Roboto-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Roboto-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Roboto-Regular.svg#Roboto-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../Fonts/invitations-fonts/RobotoCondensed-Regular.eot"); src: url("../Fonts/invitations-fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/RobotoCondensed-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Quicksand"; src: url("../Fonts/invitations-fonts/Quicksand-Regular.eot"); src: url("../Fonts/invitations-fonts/Quicksand-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Quicksand-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Quicksand-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Quicksand-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Quicksand-Regular.svg#Quicksand-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Secular One"; src: url("../Fonts/invitations-fonts/SecularOne-Regular.eot"); src: url("../Fonts/invitations-fonts/SecularOne-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/SecularOne-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/SecularOne-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/SecularOne-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/SecularOne-Regular.svg#SecularOne-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Quicksand"; src: url("../Fonts/invitations-fonts/Quicksand-SemiBold.eot"); src: url("../Fonts/invitations-fonts/Quicksand-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Quicksand-SemiBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Quicksand-SemiBold.woff") format("woff"), url("../Fonts/invitations-fonts/Quicksand-SemiBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Quicksand-SemiBold.svg#Quicksand-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Raleway"; src: url("../Fonts/invitations-fonts/Raleway-ExtraBold.eot"); src: url("../Fonts/invitations-fonts/Raleway-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Raleway-ExtraBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Raleway-ExtraBold.woff") format("woff"), url("../Fonts/invitations-fonts/Raleway-ExtraBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Staatliches"; src: url("../Fonts/invitations-fonts/Staatliches-Regular.eot"); src: url("../Fonts/invitations-fonts/Staatliches-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Staatliches-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Staatliches-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Staatliches-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Staatliches-Regular.svg#Staatliches-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Shrikhand"; src: url("../Fonts/invitations-fonts/Shrikhand-Regular.eot"); src: url("../Fonts/invitations-fonts/Shrikhand-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Shrikhand-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Shrikhand-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Shrikhand-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Shrikhand-Regular.svg#Shrikhand-Regular") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Special Elite"; src: url("../Fonts/invitations-fonts/SpecialElite-Regular.eot"); src: url("../Fonts/invitations-fonts/SpecialElite-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/SpecialElite-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/SpecialElite-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/SpecialElite-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/SpecialElite-Regular.svg#SpecialElite-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Sue Ellen Francisco"; src: url("../Fonts/invitations-fonts/SueEllenFrancisco.eot"); src: url("../Fonts/invitations-fonts/SueEllenFrancisco.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/SueEllenFrancisco.woff2") format("woff2"), url("../Fonts/invitations-fonts/SueEllenFrancisco.woff") format("woff"), url("../Fonts/invitations-fonts/SueEllenFrancisco.ttf") format("truetype"), url("../Fonts/invitations-fonts/SueEllenFrancisco.svg#SueEllenFrancisco") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Bungee"; src: url("../Fonts/invitations-fonts/Bungee-Regular.eot"); src: url("../Fonts/invitations-fonts/Bungee-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Bungee-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Bungee-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Bungee-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Bungee-Regular.svg#Bungee-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Lilita One"; src: url("LilitaOne.eot"); src: url("../Fonts/invitations-fonts/LilitaOne.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LilitaOne.woff2") format("woff2"), url("../Fonts/invitations-fonts/LilitaOne.woff") format("woff"), url("../Fonts/invitations-fonts/LilitaOne.ttf") format("truetype"), url("../Fonts/invitations-fonts/LilitaOne.svg#LilitaOne") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Courier Prime"; src: url("CourierPrime-Bold.eot"); src: url("../Fonts/invitations-fonts/CourierPrime-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/CourierPrime-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/CourierPrime-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/CourierPrime-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/CourierPrime-Bold.svg#CourierPrime-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Luckiest Guy"; src: url("../Fonts/invitations-fonts/LuckiestGuy-Regular.eot"); src: url("../Fonts/invitations-fonts/LuckiestGuy-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LuckiestGuy-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/LuckiestGuy-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/LuckiestGuy-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/LuckiestGuy-Regular.svg#LuckiestGuy-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Barlow Semi Condensed"; src: url("../Fonts/invitations-fonts/BarlowSemiCondensed-Bold.eot"); src: url("../Fonts/invitations-fonts/BarlowSemiCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/BarlowSemiCondensed-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/BarlowSemiCondensed-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/BarlowSemiCondensed-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/BarlowSemiCondensed-Bold.svg#BarlowSemiCondensed-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Kumbh Sans"; src: url("../Fonts/invitations-fonts/KumbhSans-Regular.eot"); src: url("../Fonts/invitations-fonts/KumbhSans-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/KumbhSans-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/KumbhSans-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/KumbhSans-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/KumbhSans-Regular.svg#KumbhSans-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Rubik"; src: url("../Fonts/invitations-fonts/Rubik-Regular.eot"); src: url("../Fonts/invitations-fonts/Rubik-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Rubik-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Rubik-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Rubik-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Rubik-Regular.svg#Rubik-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Comfortaa"; src: url("../Fonts/invitations-fonts/Comfortaa-Bold.eot"); src: url("../Fonts/invitations-fonts/Comfortaa-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Comfortaa-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Comfortaa-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Comfortaa-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Comfortaa-Bold.svg#Comfortaa-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Bebas Neue"; src: url("../Fonts/invitations-fonts/BebasNeue-Regular.eot"); src: url("../Fonts/invitations-fonts/BebasNeue-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/BebasNeue-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/BebasNeue-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/BebasNeue-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/BebasNeue-Regular.svg#BebasNeue-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Lobster"; src: url("../Fonts/invitations-fonts/Lobster-Regular.eot"); src: url("../Fonts/invitations-fonts/Lobster-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Lobster-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Lobster-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Lobster-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Lobster-Regular.svg#Lobster-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Pacifico"; src: url("../Fonts/invitations-fonts/Pacifico-Regular.eot"); src: url("../Fonts/invitations-fonts/Pacifico-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Pacifico-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Pacifico-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Pacifico-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Pacifico-Regular.svg#Pacifico-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Glacial Indifference"; src: url("../Fonts/invitations-fonts/GlacialIndifference-Regular.eot"); src: url("../Fonts/invitations-fonts/GlacialIndifference-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/GlacialIndifference-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/GlacialIndifference-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/GlacialIndifference-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/GlacialIndifference-Regular.svg#GlacialIndifference-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Great Vibes"; src: url("../Fonts/invitations-fonts/GreatVibes-Regular.eot"); src: url("../Fonts/invitations-fonts/GreatVibes-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/GreatVibes-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/GreatVibes-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/GreatVibes-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/GreatVibes-Regular.svg#GreatVibes-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Aleo"; src: url("../Fonts/invitations-fonts/Aleo-Regular.eot"); src: url("../Fonts/invitations-fonts/Aleo-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Aleo-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Aleo-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Aleo-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Aleo-Regular.svg#Aleo-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../Fonts/invitations-fonts/Roboto-Black.eot"); src: url("../Fonts/invitations-fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Roboto-Black.woff2") format("woff2"), url("../Fonts/invitations-fonts/Roboto-Black.woff") format("woff"), url("../Fonts/invitations-fonts/Roboto-Black.ttf") format("truetype"), url("../Fonts/invitations-fonts/Roboto-Black.svg#Roboto-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../Fonts/invitations-fonts/Montserrat-Bold.eot"); src: url("../Fonts/invitations-fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Montserrat-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Montserrat-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Montserrat-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Quicksand"; src: url("../Fonts/invitations-fonts/Quicksand-Light.eot"); src: url("../Fonts/invitations-fonts/Quicksand-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Quicksand-Light.woff2") format("woff2"), url("../Fonts/invitations-fonts/Quicksand-Light.woff") format("woff"), url("../Fonts/invitations-fonts/Quicksand-Light.ttf") format("truetype"), url("../Fonts/invitations-fonts/Quicksand-Light.svg#Quicksand-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../Fonts/invitations-fonts/Montserrat-ExtraBold.eot"); src: url("../Fonts/invitations-fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Montserrat-ExtraBold.woff") format("woff"), url("../Fonts/invitations-fonts/Montserrat-ExtraBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Raleway"; src: url("../Fonts/invitations-fonts/Raleway-Bold.eot"); src: url("../Fonts/invitations-fonts/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Raleway-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Raleway-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Raleway-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Raleway-Bold.svg#Raleway-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../Fonts/invitations-fonts/Montserrat-Medium.eot"); src: url("../Fonts/invitations-fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Montserrat-Medium.woff2") format("woff2"), url("../Fonts/invitations-fonts/Montserrat-Medium.woff") format("woff"), url("../Fonts/invitations-fonts/Montserrat-Medium.ttf") format("truetype"), url("../Fonts/invitations-fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Raleway"; src: url("../Fonts/invitations-fonts/Raleway-Regular.eot"); src: url("../Fonts/invitations-fonts/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Raleway-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Raleway-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Raleway-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Raleway-Regular.svg#Raleway-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* Invitaions + Group cards Fonts */ @font-face { font-family: "heartwellregular"; src: url("../fonts/heart-well/heartwell-webfont.eot"); src: url("../fonts/heart-well/heartwell-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/heart-well/heartwell-webfont.woff2") format("woff2"), url("../fonts/heart-well/heartwell-webfont.woff") format("woff"), url("../fonts/heart-well/heartwell-webfont.ttf") format("truetype"), url("../fonts/heart-well/heartwell-webfont.svg#heartwellregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Modern Era TRIAL"; src: url("../Fonts/modern_era/ModernEraTRIAL-Bold.eot"); src: url("../Fonts/modern_era/ModernEraTRIAL-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/ModernEraTRIAL-Bold.woff2") format("woff2"), url("../Fonts/modern_era/ModernEraTRIAL-Bold.woff") format("woff"), url("../Fonts/modern_era/ModernEraTRIAL-Bold.ttf") format("truetype"), url("../Fonts/modern_era/ModernEraTRIAL-Bold.svg#ModernEraTRIAL-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Modern Era TRIAL"; src: url("../Fonts/modern_era/ModernEraTRIAL-Medium.eot"); src: url("../Fonts/modern_era/ModernEraTRIAL-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/ModernEraTRIAL-Medium.woff2") format("woff2"), url("../Fonts/modern_era/ModernEraTRIAL-Medium.woff") format("woff"), url("../Fonts/modern_era/ModernEraTRIAL-Medium.ttf") format("truetype"), url("../Fonts/modern_era/ModernEraTRIAL-Medium.svg#ModernEraTRIAL-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Modern Era TRIAL"; src: url("../Fonts/modern_era/ModernEraTRIAL-Regular.eot"); src: url("../Fonts/modern_era/ModernEraTRIAL-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/ModernEraTRIAL-Regular.woff2") format("woff2"), url("../Fonts/modern_era/ModernEraTRIAL-Regular.woff") format("woff"), url("../Fonts/modern_era/ModernEraTRIAL-Regular.ttf") format("truetype"), url("../Fonts/modern_era/ModernEraTRIAL-Regular.svg#ModernEraTRIAL-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Recoleta"; src: url("../Fonts/modern_era/Recoleta-Black.eot"); src: url("../Fonts/modern_era/Recoleta-Black.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Black.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Black.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Black.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Black.svg#Recoleta-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Recoleta"; src: url("../Fonts/modern_era/Recoleta-Bold.eot"); src: url("../Fonts/modern_era/Recoleta-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Bold.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Bold.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Bold.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Bold.svg#Recoleta-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Recoleta"; src: url("../Fonts/modern_era/Recoleta-SemiBold.eot"); src: url("../Fonts/modern_era/Recoleta-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-SemiBold.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-SemiBold.woff") format("woff"), url("../Fonts/modern_era/Recoleta-SemiBold.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-SemiBold.svg#Recoleta-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Recoleta"; src: url("../Fonts/modern_era/Recoleta-Light.eot"); src: url("../Fonts/modern_era/Recoleta-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Light.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Light.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Light.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Light.svg#Recoleta-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Recoleta"; src: url("../Fonts/modern_era/Recoleta-Thin.eot"); src: url("../Fonts/modern_era/Recoleta-Thin.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Thin.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Thin.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Thin.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Thin.svg#Recoleta-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Recoleta"; src: url("../Fonts/modern_era/Recoleta-Medium.eot"); src: url("../Fonts/modern_era/Recoleta-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Medium.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Medium.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Medium.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Medium.svg#Recoleta-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Recoleta"; src: url("../Fonts/modern_era/Recoleta-Regular.eot"); src: url("../Fonts/modern_era/Recoleta-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Regular.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Regular.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Regular.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Regular.svg#Recoleta-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../Fonts/invitations-fonts/Roboto-Bold.eot"); src: url("../Fonts/invitations-fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Roboto-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Roboto-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Roboto-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Roboto-Bold.svg#Roboto-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("../Fonts/invitations-fonts/Jost-Regular.eot"); src: url("../Fonts/invitations-fonts/Jost-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Jost-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Jost-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Jost-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Jost-Regular.svg#Jost-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Archivo"; src: url("../Fonts/invitations-fonts/Archivo-Regular.eot"); src: url("../Fonts/invitations-fonts/Archivo-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Archivo-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Archivo-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Archivo-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Archivo-Regular.svg#Archivo-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url("../Fonts/invitations-fonts/Lato-Light.eot"); src: url("../Fonts/invitations-fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Lato-Light.woff2") format("woff2"), url("../Fonts/invitations-fonts/Lato-Light.woff") format("woff"), url("../Fonts/invitations-fonts/Lato-Light.ttf") format("truetype"), url("../Fonts/invitations-fonts/Lato-Light.svg#Lato-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url("../Fonts/invitations-fonts/Lato-Regular.eot"); src: url("../Fonts/invitations-fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Lato-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Lato-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Lato-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Lato-Regular.svg#Lato-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Borel"; src: url("../Fonts/invitations-fonts/Borel-Regular.eot"); src: url("../Fonts/invitations-fonts/Borel-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Borel-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Borel-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Borel-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Borel-Regular.svg#Borel-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "EB Garamond"; src: url("../Fonts/invitations-fonts/EBGaramond-Regular.eot"); src: url("../Fonts/invitations-fonts/EBGaramond-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/EBGaramond-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/EBGaramond-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/EBGaramond-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/EBGaramond-Regular.svg#EBGaramond-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "EB Garamond"; src: url("../Fonts/invitations-fonts/EBGaramond-Italic.eot"); src: url("../Fonts/invitations-fonts/EBGaramond-Italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/EBGaramond-Italic.woff2") format("woff2"), url("../Fonts/invitations-fonts/EBGaramond-Italic.woff") format("woff"), url("../Fonts/invitations-fonts/EBGaramond-Italic.ttf") format("truetype"), url("../Fonts/invitations-fonts/EBGaramond-Italic.svg#EBGaramond-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Barlow Condensed"; src: url("../Fonts/invitations-fonts/BarlowCondensed-Regular.eot"); src: url("../Fonts/invitations-fonts/BarlowCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/BarlowCondensed-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/BarlowCondensed-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/BarlowCondensed-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/BarlowCondensed-Regular.svg#BarlowCondensed-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Barlow Condensed"; src: url("../Fonts/invitations-fonts/BarlowCondensed-Light.eot"); src: url("../Fonts/invitations-fonts/BarlowCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/BarlowCondensed-Light.woff2") format("woff2"), url("../Fonts/invitations-fonts/BarlowCondensed-Light.woff") format("woff"), url("../Fonts/invitations-fonts/BarlowCondensed-Light.ttf") format("truetype"), url("../Fonts/invitations-fonts/BarlowCondensed-Light.svg#BarlowCondensed-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../Fonts/invitations-fonts/Inter-Bold.eot"); src: url("../Fonts/invitations-fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Inter-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Inter-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Inter-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Inter-Bold.svg#Inter-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../Fonts/invitations-fonts/Inter-Regular.eot"); src: url("../Fonts/invitations-fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Inter-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Inter-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Inter-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Inter-Regular.svg#Inter-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../Fonts/invitations-fonts/Inter-Light.eot"); src: url("../Fonts/invitations-fonts/Inter-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Inter-Light.woff2") format("woff2"), url("../Fonts/invitations-fonts/Inter-Light.woff") format("woff"), url("../Fonts/invitations-fonts/Inter-Light.ttf") format("truetype"), url("../Fonts/invitations-fonts/Inter-Light.svg#Inter-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../Fonts/invitations-fonts/Montserrat-MediumItalic.eot"); src: url("../Fonts/invitations-fonts/vMontserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../Fonts/invitations-fonts/Montserrat-MediumItalic.woff") format("woff"), url("../Fonts/invitations-fonts/Montserrat-MediumItalic.ttf") format("truetype"), url("../Fonts/invitations-fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic") format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Corben"; src: url("../Fonts/invitations-fonts/Corben-Regular.eot"); src: url("../Fonts/invitations-fonts/Corben-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Corben-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Corben-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Corben-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Corben-Regular.svg#Corben-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Corben"; src: url("../Fonts/invitations-fonts/Corben-Bold.eot"); src: url("../Fonts/invitations-fonts/Corben-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Corben-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Corben-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Corben-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Corben-Bold.svg#Corben-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Lora"; src: url("../Fonts/invitations-fonts/Lora-Regular.eot"); src: url("../Fonts/invitations-fonts/Lora-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Lora-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Lora-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Lora-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Lora-Regular.svg#Lora-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("../Fonts/invitations-fonts/Jost-Medium.eot"); src: url("../Fonts/invitations-fonts/Jost-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Jost-Medium.woff2") format("woff2"), url("../Fonts/invitations-fonts/Jost-Medium.woff") format("woff"), url("../Fonts/invitations-fonts/Jost-Medium.ttf") format("truetype"), url("../Fonts/invitations-fonts/Jost-Medium.svg#Jost-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("../Fonts/invitations-fonts/Jost-SemiBold.eot"); src: url("../Fonts/invitations-fonts/Jost-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Jost-SemiBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Jost-SemiBold.woff") format("woff"), url("../Fonts/invitations-fonts/Jost-SemiBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Jost-SemiBold.svg#Jost-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("../Fonts/invitations-fonts/Jost-Bold.eot"); src: url("../Fonts/invitations-fonts/Jost-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Jost-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Jost-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/Jost-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Jost-Bold.svg#Jost-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Work Sans"; src: url("../Fonts/invitations-fonts/WorkSans-Medium.eot"); src: url("../Fonts/invitations-fonts/WorkSans-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/WorkSans-Medium.woff2") format("woff2"), url("../Fonts/invitations-fonts/WorkSans-Medium.woff") format("woff"), url("../Fonts/invitations-fonts/WorkSans-Medium.ttf") format("truetype"), url("../Fonts/invitations-fonts/WorkSans-Medium.svg#WorkSans-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Baskerville"; src: url("../Fonts/invitations-fonts/LibreBaskerville-Bold.eot"); src: url("../Fonts/invitations-fonts/LibreBaskerville-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LibreBaskerville-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/LibreBaskerville-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/LibreBaskerville-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/LibreBaskerville-Bold.svg#LibreBaskerville-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Work Sans"; src: url("../Fonts/invitations-fonts/WorkSans-SemiBold.eot"); src: url("../Fonts/invitations-fonts/WorkSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/WorkSans-SemiBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/WorkSans-SemiBold.woff") format("woff"), url("../Fonts/invitations-fonts/WorkSans-SemiBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/WorkSans-SemiBold.svg#WorkSans-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Work Sans"; src: url("../Fonts/invitations-fonts/WorkSans-Regular.eot"); src: url("../Fonts/invitations-fonts/WorkSans-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/WorkSans-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/WorkSans-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/WorkSans-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/WorkSans-Regular.svg#WorkSans-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Work Sans"; src: url("../Fonts/invitations-fonts/WorkSans-Bold.eot"); src: url("../Fonts/invitations-fonts/WorkSans-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/WorkSans-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/WorkSans-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/WorkSans-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/WorkSans-Bold.svg#WorkSans-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Baskerville"; src: url("../Fonts/invitations-fonts/LibreBaskerville-Regular.eot"); src: url("../Fonts/invitations-fonts/LibreBaskerville-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LibreBaskerville-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/LibreBaskerville-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/LibreBaskerville-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Baskerville"; src: url("../Fonts/invitations-fonts/LibreBaskerville-Italic.eot"); src: url("../Fonts/invitations-fonts/LibreBaskerville-Italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LibreBaskerville-Italic.woff2") format("woff2"), url("../Fonts/invitations-fonts/LibreBaskerville-Italic.woff") format("woff"), url("../Fonts/invitations-fonts/LibreBaskerville-Italic.ttf") format("truetype"), url("../Fonts/invitations-fonts/LibreBaskerville-Italic.svg#LibreBaskerville-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "GFS Didot"; src: url("../Fonts/invitations-fonts/GFSDidot-Regular.eot"); src: url("../Fonts/thankyounote_fonts/GFSDidot-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/thankyounote_fonts/GFSDidot-Regular.woff2") format("woff2"), url("../Fonts/thankyounote_fonts/GFSDidot-Regular.woff") format("woff"), url("../Fonts/thankyounote_fonts/GFSDidot-Regular.ttf") format("truetype"), url("../Fonts/thankyounote_fonts/GFSDidot-Regular.svg#GFSDidot-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Cooper Std"; src: url("../Fonts/invitations-fonts/CooperBlackStd.eot"); src: url("../Fonts/invitations-fonts/CooperBlackStd.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/CooperBlackStd.woff2") format("woff2"), url("../Fonts/invitations-fonts/CooperBlackStd.woff") format("woff"), url("../Fonts/invitations-fonts/CooperBlackStd.ttf") format("truetype"), url("../Fonts/invitations-fonts/CooperBlackStd.svg#CooperBlackStd") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Arial Rounded MT"; src: url("../Fonts/invitations-fonts/ArialRoundedMTBold.eot"); src: url("../Fonts/invitations-fonts/ArialRoundedMTBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/ArialRoundedMTBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/ArialRoundedMTBold.woff") format("woff"), url("../Fonts/invitations-fonts/ArialRoundedMTBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/ArialRoundedMTBold.svg#ArialRoundedMTBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Windsor"; src: url("../Fonts/invitations-fonts/WindsorRegular.eot"); src: url("../Fonts/invitations-fonts/WindsorRegular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/WindsorRegular.woff2") format("woff2"), url("../Fonts/invitations-fonts/WindsorRegular.woff") format("woff"), url("../Fonts/invitations-fonts/WindsorRegular.ttf") format("truetype"), url("../Fonts/invitations-fonts/WindsorRegular.svg#WindsorRegular") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../Fonts/invitations-fonts/Poppins-Medium.eot"); src: url("../Fonts/invitations-fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Poppins-Medium.woff2") format("woff2"), url("../Fonts/invitations-fonts/Poppins-Medium.woff") format("woff"), url("../Fonts/invitations-fonts/Poppins-Medium.ttf") format("truetype"), url("../Fonts/invitations-fonts/Poppins-Medium.svg#Poppins-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../Fonts/invitations-fonts/Poppins-SemiBold.eot"); src: url("../Fonts/invitations-fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Poppins-SemiBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/Poppins-SemiBold.woff") format("woff"), url("../Fonts/invitations-fonts/Poppins-SemiBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("../Fonts/invitations-fonts/LibreFranklin-SemiBold.eot"); src: url("../Fonts/invitations-fonts/LibreFranklin-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LibreFranklin-SemiBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/LibreFranklin-SemiBold.woff") format("woff"), url("../Fonts/invitations-fonts/LibreFranklin-SemiBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/LibreFranklin-SemiBold.svg#LibreFranklin-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("../Fonts/invitations-fonts/LibreFranklin-Regular.eot"); src: url("../Fonts/invitations-fonts/LibreFranklin-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LibreFranklin-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/LibreFranklin-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/LibreFranklin-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/LibreFranklin-Regular.svg#LibreFranklin-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Caprasimo"; src: url("../Fonts/invitations-fonts/Caprasimo-Regular.eot"); src: url("../Fonts/invitations-fonts/Caprasimo-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Caprasimo-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Caprasimo-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Caprasimo-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Caprasimo-Regular.svg#Caprasimo-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Architects Daughter"; src: url("../Fonts/invitations-fonts/ArchitectsDaughter-Regular.eot"); src: url("../Fonts/invitations-fonts/ArchitectsDaughter-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/ArchitectsDaughter-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/ArchitectsDaughter-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/ArchitectsDaughter-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/ArchitectsDaughter-Regular.svg#ArchitectsDaughter-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("../Fonts/invitations-fonts/LibreFranklin-Bold.eot"); src: url("../Fonts/invitations-fonts/LibreFranklin-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LibreFranklin-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/LibreFranklin-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/LibreFranklin-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/LibreFranklin-Bold.svg#LibreFranklin-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("../Fonts/invitations-fonts/LibreFranklin-Medium.eot"); src: url("../Fonts/invitations-fonts/LibreFranklin-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/LibreFranklin-Medium.woff2") format("woff2"), url("../Fonts/invitations-fonts/LibreFranklin-Medium.woff") format("woff"), url("../Fonts/invitations-fonts/LibreFranklin-Medium.ttf") format("truetype"), url("../Fonts/invitations-fonts/LibreFranklin-Medium.svg#LibreFranklin-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Gotu"; src: url("../Fonts/invitations-fonts/Gotu-Regular.eot"); src: url("../Fonts/invitations-fonts/Gotu-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Gotu-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Gotu-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Gotu-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Gotu-Regular.svg#Gotu-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Graduate"; src: url("../Fonts/invitations-fonts/Graduate-Regular.eot"); src: url("../Fonts/invitations-fonts/Graduate-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Graduate-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Graduate-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Graduate-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Graduate-Regular.svg#Graduate-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Proza Libre"; src: url("../Fonts/invitations-fonts/ProzaLibre-Bold.eot"); src: url("../Fonts/invitations-fonts/ProzaLibre-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/ProzaLibre-Bold.woff2") format("woff2"), url("../Fonts/invitations-fonts/ProzaLibre-Bold.woff") format("woff"), url("../Fonts/invitations-fonts/ProzaLibre-Bold.ttf") format("truetype"), url("../Fonts/invitations-fonts/ProzaLibre-Bold.svg#ProzaLibre-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Proza Libre"; src: url("../Fonts/invitations-fonts/ProzaLibre-SemiBold.eot"); src: url("../Fonts/invitations-fonts/ProzaLibre-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/ProzaLibre-SemiBold.woff2") format("woff2"), url("../Fonts/invitations-fonts/ProzaLibre-SemiBold.woff") format("woff"), url("../Fonts/invitations-fonts/ProzaLibre-SemiBold.ttf") format("truetype"), url("../Fonts/invitations-fonts/ProzaLibre-SemiBold.svg#ProzaLibre-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Sacramento"; src: url("../Fonts/invitations-fonts/Sacramento-Regular.eot"); src: url("../Fonts/invitations-fonts/Sacramento-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Sacramento-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Sacramento-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Sacramento-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Sacramento-Regular.svg#Sacramento-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Yesteryear"; src: url("../Fonts/invitations-fonts/Yesteryear-Regular.eot"); src: url("../Fonts/invitations-fonts/Yesteryear-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/Yesteryear-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/Yesteryear-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/Yesteryear-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/Yesteryear-Regular.svg#Yesteryear-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Proza Libre"; src: url("../Fonts/invitations-fonts/ProzaLibre-Regular.eot"); src: url("../Fonts/invitations-fonts/ProzaLibre-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/ProzaLibre-Regular.woff2") format("woff2"), url("../Fonts/invitations-fonts/ProzaLibre-Regular.woff") format("woff"), url("../Fonts/invitations-fonts/ProzaLibre-Regular.ttf") format("truetype"), url("../Fonts/invitations-fonts/ProzaLibre-Regular.svg#ProzaLibre-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Proza Libre"; src: url("../Fonts/invitations-fonts/ProzaLibre-Medium.eot"); src: url("../Fonts/invitations-fonts/ProzaLibre-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/invitations-fonts/ProzaLibre-Medium.woff2") format("woff2"), url("../Fonts/invitations-fonts/ProzaLibre-Medium.woff") format("woff"), url("../Fonts/invitations-fonts/ProzaLibre-Medium.ttf") format("truetype"), url("../Fonts/invitations-fonts/ProzaLibre-Medium.svg#ProzaLibre-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } /* ThankYou Note Fonts */ @font-face { font-family: "Arial Black"; src: url("../Fonts/thankyounote_fonts/Arial-Black.eot"); src: url("../Fonts/thankyounote_fonts/Arial-Black.eot?#iefix") format("embedded-opentype"), url("../Fonts/thankyounote_fonts/Arial-Black.woff2") format("woff2"), url("../Fonts/thankyounote_fonts/Arial-Black.woff") format("woff"), url("../Fonts/thankyounote_fonts/Arial-Black.ttf") format("truetype"), url("../Fonts/thankyounote_fonts/Arial-Black.svg#Arial-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Tahoma"; src: url("../Fonts/thankyounote_fonts/Tahoma.eot"); src: url("../Fonts/thankyounote_fonts/Tahoma.eot?#iefix") format("embedded-opentype"), url("../Fonts/thankyounote_fonts/Tahoma.woff2") format("woff2"), url("../Fonts/thankyounote_fonts/Tahoma.woff") format("woff"), url("../Fonts/thankyounote_fonts/Tahoma.ttf") format("truetype"), url("../Fonts/thankyounote_fonts/Tahoma.svg#Tahoma") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Comic Sans MS"; src: url("../Fonts/thankyounote_fonts/ComicSansMS.eot"); src: url("../Fonts/thankyounote_fonts/ComicSansMS.eot?#iefix") format("embedded-opentype"), url("../Fonts/thankyounote_fonts/ComicSansMS.woff2") format("woff2"), url("../Fonts/thankyounote_fonts/ComicSansMS.woff") format("woff"), url("../Fonts/thankyounote_fonts/ComicSansMS.ttf") format("truetype"), url("../Fonts/thankyounote_fonts/ComicSansMS.svg#ComicSansMS") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Palatino Linotype"; src: url("../Fonts/thankyounote_fonts/PalatinoLinotype-Roman.eot"); src: url("../Fonts/thankyounote_fonts/PalatinoLinotype-Roman.eot?#iefix") format("embedded-opentype"), url("../Fonts/thankyounote_fonts/PalatinoLinotype-Roman.woff2") format("woff2"), url("../Fonts/thankyounote_fonts/PalatinoLinotype-Roman.woff") format("woff"), url("../Fonts/thankyounote_fonts/PalatinoLinotype-Roman.ttf") format("truetype"), url("../Fonts/thankyounote_fonts/PalatinoLinotype-Roman.svg#PalatinoLinotype-Roman") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Georgia"; src: url("../Fonts/thankyounote_fonts/Georgia.eot"); src: url("../Fonts/thankyounote_fonts/Georgia.eot?#iefix") format("embedded-opentype"), url("../Fonts/thankyounote_fonts/Georgia.woff2") format("woff2"), url("../Fonts/thankyounote_fonts/Georgia.woff") format("woff"), url("../Fonts/thankyounote_fonts/Georgia.ttf") format("truetype"), url("../Fonts/thankyounote_fonts/Georgia.svg#Georgia") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Century Gothic"; src: url("../Fonts/thankyounote_fonts/CenturyGothic.eot"); src: url("../Fonts/thankyounote_fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../Fonts/thankyounote_fonts/CenturyGothic.woff2") format("woff2"), url("../Fonts/thankyounote_fonts/CenturyGothic.woff") format("woff"), url("../Fonts/thankyounote_fonts/CenturyGothic.ttf") format("truetype"), url("../Fonts/thankyounote_fonts/CenturyGothic.svg#CenturyGothic") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Trebuchet MS"; src: url("../Fonts/thankyounote_fonts/TrebuchetMS.eot"); src: url("../Fonts/thankyounote_fonts/TrebuchetMS.eot?#iefix") format("embedded-opentype"), url("../Fonts/thankyounote_fonts/TrebuchetMS.woff2") format("woff2"), url("../Fonts/thankyounote_fonts/TrebuchetMS.woff") format("woff"), url("../Fonts/thankyounote_fonts/TrebuchetMS.ttf") format("truetype"), url("../Fonts/thankyounote_fonts/TrebuchetMS.svg#TrebuchetMS") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* ThankYou Note Fonts */ /* CSS for new GT pages */ .gt-header { padding: 14px 15px; } .tooltip-inner { max-width: 225px; } a:hover { text-decoration: none; } a.navbar-brand svg { width: 136px; fill: #1e2437; } a.navbar-brand svg .theme-color { fill: #7fe2dc; } .gt-navbar .nav-item a.nav-link { font-weight: 500; font-size: 18px; line-height: 30px; text-align: center; color: #1e2437; padding: 0px 0px; margin: 0 15px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; position: relative; } .gt-navbar .nav-item a.nav-link:after { content: ""; display: block; position: absolute; bottom: -2px; left: 50%; height: 2px; width: 0; background: transparent; } .gt-navbar .nav-item a.nav-link:after { transition: width 0.3s ease, background-color 0.3s ease, left 0.3s ease; } .gt-navbar .nav-item a.nav-link:hover:after, .gt-navbar .nav-item a.nav-link:focus:after, .gt-navbar .nav-item a.nav-link:active:after { width: 100%; left: 0; background: #7fe2dc; } .gt-navbar .nav-item a.nav-link:hover { color: #1e2437; } .gt-text-color { color: #1e2437 !important; } .gt-header .media img { width: 50px; height: 50px; object-fit: cover; } .gt-header .media .media-body a { font-weight: 500; font-size: 18px; line-height: 30px; color: #1e2437; } .gt-header .media .media-body a:hover { text-decoration: none; } .gt-md-container { max-width: 1250px; padding: 0px 10px; margin-left: auto; margin-right: auto; } .avatar-container { padding-top: 60px; padding-bottom: 70px; } .avatar-container img { width: 135px; height: 135px; object-fit: cover; } .avatar-container h2 { font-weight: 500; font-size: 40px; line-height: 48px; margin-bottom: 0; } .gt-dashboard .nav-tabs { border-bottom: 1px solid rgba(30, 36, 55, 0.1); } .gt-dashboard .nav-tabs .nav-item { } .gt-dashboard .nav-tabs .nav-item .nav-link { border: 0; border-bottom: 2px solid transparent; font-weight: 500; font-size: 18px; line-height: 32px; padding: 10px 0; background-color: transparent; margin-right: 30px; color: #1e2437; opacity: 0.7; } .gt-dashboard .nav-tabs .nav-item.show .nav-link, .gt-dashboard .nav-tabs .nav-link.active { border: 0; border-bottom: 2px solid #1e2437; color: #1e2437; opacity: 1; } a.tab-start-collection { font-weight: 400; font-size: 18px; line-height: 32px; text-align: right; color: #36adb4; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .gt-dropdown .dropdown-toggle::after { display: none; } .gt-dash-head { background-color: #7fe2dc; padding: 12px 18px; border-radius: 8px 8px 0px 0px; position: relative; } .gt-dash-head h3 { margin-bottom: 0; font-weight: 500; font-size: 16px; line-height: 24px; } .animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } @keyframes slideIn { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0rem); opacity: 1; } 0% { transform: translateY(1rem); opacity: 0; } } @-webkit-keyframes slideIn { 0% { -webkit-transform: transform; -webkit-opacity: 0; } 100% { -webkit-transform: translateY(0); -webkit-opacity: 1; } 0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; } } .slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; } .gt-dropdown .dropdown-menu { min-width: 110px; border: 1px solid rgba(30, 36, 55, 0.1); padding: 5px 5px; margin: 0; margin-top: 40px; border-radius: 4px; box-shadow: 0px 0px 24px rgb(30 36 55 / 5%); } .gt-dropdown .dropdown-menu a { margin-bottom: 0; font-weight: 500; line-height: 24px; color: #1e2437; font-size: 14px; display: block; border-bottom: 1px solid rgba(30, 36, 55, 0.1); padding: 0 8px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .gt-dropdown .dropdown-menu a:hover { background-color: #efefef; } .gt-dropdown .dropdown-menu a:last-child { border-bottom: 0px solid rgba(30, 36, 55, 0.1); } .gt-theme-header { background-color: #7fe2dc; padding: 45px 0; } .gt-theme-header-content h2 { font-weight: 500; font-size: 32px; line-height: 48px; color: #1e2437; margin-bottom: 0; } .gt-theme-header-content a { font-weight: normal; font-size: 16px; line-height: 28px; color: #107b87; display: inline-block; } .gt-theme-header .gt-dropdown .dropdown-menu { right: 0px !important; left: auto !important; margin-top: 55px; } .gt-contribution { padding-top: 80px; padding-bottom: 80px; } .gt-show-toggle a.toggle-title { font-weight: 500; font-size: 16px; line-height: 24px; color: #36adb4; position: relative; } .gt-contribution-grid { background: #fff; box-shadow: 0px 0px 24px rgb(30 36 55 / 5%); border-radius: 8px; } .gt-show-contribution h2 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; margin-bottom: 10px; } .gt-contribution-divider { border-bottom: 1px solid #e9eaeb; padding: 30px 35px; } .gt-show-contribution .card { border: 1px solid #e9eaeb; } .gt-show-toggle a.toggle-title::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; font-size: 12px; margin-left: 3px; } .gt-show-toggle a.toggle-title[aria-expanded="true"]::after { content: "\f077"; } .gt-contribution-grid .gt-contribution-divider:last-child { border-bottom: 0px; } .gt-dashboard { background-color: #f7f7f6; min-height: 90vh; } .gt-cgrid-footer { background-color: #7fe2dc; text-align: center; text-transform: uppercase; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; font-size: 16px; line-height: 18px; letter-spacing: 0.05em; color: #000000; padding: 22px 10px; } .gt-collection-grid { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: 0px 0px 24px rgba(30, 36, 55, 0.05); position: relative; } .collection-tab-content { padding-top: 60px; } .gt-cgrid-header { background: #ffffff; min-height: 250px; position: relative; overflow: hidden; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .col-pixel-width-320 { -ms-flex: 0 0 320px; flex: 0 0 320px; max-width: 320px; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .gt-cgrid-header img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover !important; object-position: center; width: 100%; height: 100%; } .gt-cgrid-content { position: absolute; left: 0; right: 0; width: 100%; bottom: 15px; } .gt-cgrid-content h4 { font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #1e2437; margin-bottom: 8px; border-bottom: 1px solid rgba(30, 36, 55, 0.3); padding-bottom: 8px; max-width: 75%; margin-left: auto; margin-right: auto; } .gt-cgrid-content .gt-cgrid-detail h2 { font-size: 20px; line-height: 26px; text-align: center; font-weight: normal; color: #1e2437; margin-bottom: 3px; } .gt-cgrid-content .gt-cgrid-detail p { font-family: Recoleta; font-size: 18px; line-height: 26px; font-weight: normal; text-align: center; color: #1e2437; margin-bottom: 0; } ul.gt-caction-group { list-style-type: none; margin: 0; padding: 0; position: absolute; top: -18px; right: -30px; z-index: 9; } ul.gt-caction-group li:first-child { margin-bottom: 3px; } ul.gt-caction-group li a svg { width: 62px; height: 62px; } .collection-tab-content .row { margin-right: -22px; margin-left: -22px; } .collection-tab-content .row .col-md-4 { padding-left: 22px; padding-right: 22px; } .gt-cgrid-content.text-white h4, .gt-cgrid-content.text-white .gt-cgrid-detail h2, .gt-cgrid-content.text-white .gt-cgrid-detail p { color: #fff; } .gt-cgrid-content.text-white h4 { border-bottom: 1px solid rgb(255 255 255); } .gt-collection-add { background: #e9eaeb; border: 1px dashed #a5a7af; box-sizing: border-box; border-radius: 8px; display: flex; align-items: center; justify-content: center; min-height: 312px; } .gt-collection-faq { background: #ffffff; box-shadow: 0px 0px 24px rgb(30 36 55 / 5%); border-radius: 8px; margin-top: 100px; max-width: 95%; margin-left: auto; position: relative; } .gt-collection-faq h2 { border-bottom: 1px solid rgba(30, 36, 55, 0.1); font-weight: normal; font-size: 16px; line-height: 48px; color: #36adb4; padding: 6px 22px; margin-bottom: 0; } div#groupcard_cover_title, div#groupcard_cover_description { border: 2px dashed transparent; } .gc-booklet div[contenteditable="false"] { border: 2px dashed transparent; } .collection-faq-box { border-bottom: 1px solid rgba(30, 36, 55, 0.1); padding: 20px 22px; } .faq-content p a { font-size: 14px; } .faq-header a { font-weight: normal; font-size: 13px; line-height: 16px; color: #4b505f; display: block; position: relative; padding-right: 20px; } .faq-header a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; font-size: 10px; margin-left: 0; color: #4b505f; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .faq-header a[aria-expanded="true"]::after { content: "\f077"; } .faq-content { font-weight: normal; font-size: 13px; line-height: 16px; color: #4b505f; padding-top: 15px; } .collection-faq-box { display: none; } .accordion .collection-faq-box:last-child { border-bottom: 1px solid transparent; } .faq-btn { background: #ffffff; box-shadow: 0px 0px 24px rgb(30 36 55 / 5%); width: 35px; height: 35px; border-radius: 100%; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); cursor: pointer; } .faq-btn svg { width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .faq-content ul { list-style-type: decimal; padding-left: 15px; } .faq-content ul li { margin-bottom: 10px; } .faq-content ul li:last-child { margin-bottom: 0; } .faq-content ul li em { font-size: 12px; line-height: 14px; } .gt-background-lite { background-color: #f7f7f6; } .theme-border-top { border-top: 4px solid #7fe2dc; } .pt-pb-1 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .large-group-card { box-shadow: 0px 0px 15px 5px #cccccc96; -webkit-box-shadow: 0px 0px 15px 5px #cccccc96; -moz-box-shadow: 0px 0px 15px 5px #cccccc96; font-family: Recoleta; padding: 40px 80px; background-position: top center; background-size: contain; background-repeat: no-repeat; position: relative; max-width: 98%; height: 100%; } .large-group-card::before { content: ""; background-color: #fff; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 96.87%); position: absolute; width: 100%; height: 20%; left: 0; top: 20%; right: 0; z-index: 999; } .large-group-card::after { content: ""; background-color: #fff; position: absolute; width: 100%; height: 60%; left: 0; bottom: 0; right: 0; z-index: 999; } .large-group-card-inner { position: relative; z-index: 9999; } .large-group-card img.card-bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 100%; } .large-group-card h2 { font-size: 40px; line-height: 48px; font-weight: 400; margin-bottom: 15px; } .large-group-card p { font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 0; } .large-group-card .edit-card { position: absolute; top: 35px; right: -25px; z-index: 99; } .large-group-card .edit-card svg { width: 70px; height: 70px; } .group-card-tile { background: #ffffff; box-shadow: 0px 0px 48px rgba(30, 36, 55, 0.05); border-radius: 8px; text-align: center; padding: 40px 35px 30px; margin-bottom: 20px; min-height: 145px; } .group-card-tile:last-child { margin-bottom: 0; } .group-card-tile h1 { font-weight: normal; font-size: 70px; line-height: 48px; text-align: center; color: #e78970; margin-bottom: 15px; position: relative; display: inline-block; } .group-card-tile h1 a { position: absolute; font-size: 16px; color: #b9b9b9; top: -15px; right: -25px; line-height: normal; } .group-card-tile p { font-size: 16px; line-height: 24px; text-align: center; color: #1e2437; text-transform: none; } .group-card-tile .row { margin-left: -8px; margin-right: -8px; } .group-card-tile .row .col-6 { padding-left: 8px; padding-right: 8px; } .cards-button a { width: 100%; padding: 12px 5px; background: #7fe2dc; border-radius: 24px; display: inline-block; font-size: 16px; text-align: center; color: #243040; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .cards-button a:hover { background-color: #46cac2; } a.dark-btn { background: #1e2437; color: #ffffff; } a.dark-btn:hover { background-color: #0f121c; } .group-card-tile h2 { font-size: 40px; line-height: 36px; font-weight: 400; text-align: center; color: #7fe2dc; margin-bottom: 5px; } .group-card-tile small { color: rgba(30, 36, 55, 0.6); margin-bottom: -15px; display: block; margin-top: 10px; font-size: 12px; } .pt-6 { padding-top: 13px; } .gt-background-dark { background-color: #e9eaeb; } .card-box img { width: 100%; max-width: 100%; } .recoleta-title { font-weight: normal; font-size: 40px; line-height: 48px; color: #1e2437; font-family: Recoleta; margin-bottom: 25px; } .cards-head { margin-bottom: 20px; } .cards-head p { font-size: 20px; line-height: 24px; text-transform: capitalize; color: #1e2437; font-family: Recoleta; margin-bottom: 0; } .cards-head a { font-size: 13px; line-height: 18px; letter-spacing: 0.05em; text-transform: uppercase; color: #36adb4; } .card-full-grid .theme-btn-lite { max-width: 370px; } .theme-btn-lite { font-family: "Modern Era TRIAL"; width: 100%; padding: 12px 5px; background: #7fe2dc; border-radius: 30px; display: inline-block; font-size: 16px; text-align: center; color: #243040; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; margin: 0 auto; border: 0; cursor: pointer; } .theme-btn-lite:hover { background-color: #46cac2; color: #243040; } .theme-btn-blue { font-family: "Modern Era TRIAL"; width: 100%; padding: 12px 5px; background: #1e2437; border-radius: 30px; display: inline-block; font-size: 16px; text-align: center; color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; margin: 0 auto; border: 0; cursor: pointer; } .theme-btn-blue:hover { background-color: #0f121c; color: #fff; } .theme-btn-lite:focus, .theme-btn-dark:focus, .theme-btn-blue:focus { outline: none; } .theme-color { fill: #7fe2dc; } .gt-mt-footer { padding-top: 6rem; padding-bottom: 6rem; background-color: #1e2437; } .footer-logo svg { width: 160px; fill: #fff; } .footer-links ul { padding: 0; margin: 0; list-style-type: none; } .footer-links ul li a { color: #fff; font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; display: inline-block; position: relative; } .footer-links ul li { margin-bottom: 0.25rem; } .footer-links ul li a:after { content: ""; display: block; position: absolute; bottom: -2px; left: 50%; height: 1px; width: 0; background: transparent; transition: width 0.3s ease, background-color 0.3s ease, left 0.3s ease; } .footer-links ul li a:hover:after, .footer-links ul li a:focus:after, .footer-links ul li a:active:after { width: 100%; left: 0; background: #fff; } .footer-margin { margin-top: 8rem; } .copy-right { color: #fff; opacity: 0.25; margin-bottom: 0; } .footer-legal-links, .footer-social { padding: 0; margin: 0; } .footer-legal-links li, .footer-social li { display: inline-block; } .footer-legal-links li a { color: #fff; opacity: 0.25; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .footer-legal-links li:last-child { margin-left: 20px; } .footer-legal-links li a:hover { opacity: 1; } .footer-social li:last-child { margin-left: 6px; } .footer-social li a { width: 32px; height: 32px; display: flex; border: 1px solid #fff; border-radius: 100%; opacity: 0.25; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .footer-social li a svg { width: 50px; fill: #fff; } .footer-social li a:hover { opacity: 1; } .col-md-8 .card-full-grid { max-width: 90%; position: relative; } .col-md-8 .card-full-grid:after { content: ""; border-left: 1px dashed rgba(30, 36, 55, 0.54); position: absolute; height: 106%; top: -3%; right: -7%; } .card-box { padding: 28px 20px; } .message-card-outer { position: relative; background-color: #faf9f5; padding: 15px; } .message-card-inner { border: 1px solid #7fe2dc; padding: 18px; } .message-card-inner .message-card-text { min-height: 300px; display: flex; align-items: center; justify-content: center; } .message-card-inner .message-card-text h1 { font-family: Recoleta; font-style: normal; font-weight: 400; font-size: 44.4517px; line-height: 44px; text-align: center; color: #1e2437; max-width: 220px; margin-left: auto; margin-right: auto; } .message-card-outer .message-card-inner p { font-family: Recoleta; font-size: 18px; line-height: normal; margin: 0; } .message-card-outer .message-card-inner ul.message-card-list { padding: 0; list-style-type: none; } .message-card-outer .message-card-inner ul.message-card-list:after { content: ""; clear: both; display: block; } .message-card-outer .message-card-inner ul.message-card-list li { width: 25%; float: left; } .message-card-outer .message-card-inner ul.message-card-list li img { padding: 1px; max-width: 100%; } .message-card-section a.theme-btn-lite { max-width: 260px; margin-left: auto; margin-right: auto; display: block; margin-top: -10px; z-index: 99; position: relative; } .pb-6 { padding-bottom: 75px; } .message-card-section { max-width: 390px; margin-left: auto; margin-right: auto; } .gt-mob-header { font-size: 18px; line-height: 32px; color: #1e2437; } .slick-slide:focus { outline: none; } .collection-progress { background-color: #fcedd3; height: 20px; border-radius: 30px; overflow: hidden; max-width: 75%; margin: 0 auto; position: relative; } .collection-progress-bar { background-color: #e78970; position: absolute; height: 100%; bottom: 0; top: 0; left: 0; border-radius: 30px; } .collection-info h2 { font-style: normal; font-weight: normal; font-size: 44px; line-height: 52px; text-align: center; color: #e78970; margin-bottom: 0; } .br-left:after { content: ""; border-left: 1px dashed rgba(30, 36, 55, 0.54); position: absolute; left: 1px; top: 2px; height: 76px; width: 1px; } .pl-3.br-left h2 { position: relative; display: inline-block; } .gt-md-modal-header { position: relative; } .gt-md-modal-header h2 { font-size: 18px; line-height: 24px; text-align: center; color: #1e2437; border-bottom: 1px solid #e9eaeb; padding: 15px 0; margin-bottom: 0; font-family: "Modern Era TRIAL"; } .gt-md-modal-header .gt-modal-close, .gt-md-modal-header .gt-modal-back { top: 50%; transform: translateY(-50%); position: absolute; right: 20px; cursor: pointer; height: 100%; display: flex; align-items: center; } .gt-md-modal-header .gt-modal-close:hover, .gt-md-modal-header .gt-modal-back:hover { opacity: 0.8; } .gt-md-modal-header .gt-modal-back { left: 20px; } .gt-md-modal-content { padding: 30px 40px 30px; } .gt-md-modal-content h2 { font-weight: 500; font-size: 20px; line-height: 32px; color: #1e2437; margin-bottom: 5px; font-family: "Modern Era TRIAL"; } .gt-md-modal-content p { font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); font-family: "Modern Era TRIAL"; } .gt-md-modal-content hr { margin-top: 2.5rem; margin-bottom: 2rem; border: 0; border-top: 2px solid #e9eaeb; width: 60px; } .copy-link { border: 1px solid #e9eaeb; border-radius: 4px; padding: 14px 70px 14px 20px; text-align: left; } .copy-link p { margin-bottom: 0; color: rgba(30, 36, 55, 0.8); font-weight: 500; overflow-wrap: break-word; } .copy-link button { font-size: 16px; line-height: 24px; text-align: right; color: #36adb4; background-color: #fff; border: 0; position: absolute; right: 0; top: 0; height: 100%; padding: 0; width: 65px; text-align: center; } .copy-link button:hover { color: #46cac2; } .copy-link button:focus { outline: none; } ul.mt-modal-social { margin: 0; padding: 0; margin-top: 25px; margin-bottom: 10px; } ul.mt-modal-social li { display: inline-block; } ul.mt-modal-social li a { display: flex; border: 1px solid #e9eaeb; border-radius: 100%; width: 48px; height: 48px; align-items: center; justify-content: center; margin: 0 4px; } .gt-mdal-840 .modal-dialog { max-width: 840px; } .share-modalv2-main { background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); border-radius: 8px; } .share-modalv2-form { padding: 10px; display: grid; grid-template-columns: 38% 54% 8%; align-items: center; } .share-modalv2-form:last-child { margin-top: 0; } .close-svg { border: 0; padding: 0; background-color: transparent; } .close-svg path { stroke: #7fe2dc; transition: all ease 0.3s; } .close-svg:hover path { stroke: #46cac2; } button.close-svg svg { width: 16px; height: 16px; position: relative; top: -4px; } button.close-svg:hover { color: #a9a7a7; } .close-svg:focus { outline: none; } .share-modalv2-form .form-group { position: relative; text-align: left; } .share-modalv2-form.mt-5 { margin-top: 60px !important; } .share-modalv2-form .form-group label { font-size: 13px; line-height: 18px; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(30, 36, 55, 0.8); position: absolute; top: -35px; } .share-modalv2-form .form-group input.form-control { height: auto; max-width: 100%; background: #ffffff; border-radius: 0px; font-size: 16px; border: 1px solid rgba(30, 36, 55, 0.1); padding: 10px 15px; } .share-modalv2-form .form-group input[type="email"] { margin-left: -1px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .share-modalv2-form .form-group input[type="submit"] { background: #c4c4c4; border-radius: 4px; border: 0; position: relative; top: -1px; color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .share-modalv2-form .form-group input[type="text"] { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .share-modalv2-form .form-group input[type="submit"]:hover { background: #a9a7a7; } .share-modal-links ul { padding: 0; margin: 0; list-style-type: none; margin-top: 18px; } .share-modal-links ul li { display: inline-block; margin-left: 20px; position: relative; } .share-modal-links ul li:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f111"; top: 50%; transform: translateY(-50%); position: absolute; left: -15px; color: #a5a5a5; font-size: 3px; } .share-modal-links ul li:first-child { margin-left: 0px; } .share-modal-links ul li:first-child:before { display: none; } .share-modal-links ul li a { font-size: 16px; line-height: 24px; color: #36adb4; border-bottom: 1px solid transparent; transition: all ease 0.3s; padding-bottom: 3px; } .share-modal-links ul li a:hover { border-bottom: 1px solid #36adb4; } .font-18 { font-size: 18px !important; line-height: 27px !important; } .email-textarea { margin-top: 30px; margin-bottom: 15px; } .email-textarea textarea { width: 100%; background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); height: 220px; border-radius: 4px; padding: 15px 18px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; overflow-x: hidden; overflow-y: auto; } .email-textarea textarea::-webkit-scrollbar { width: 4px; } .email-textarea textarea::-webkit-scrollbar-track { background: #f1f1f1; } .email-textarea textarea::-webkit-scrollbar-thumb { background: #888; } .email-textarea textarea::-webkit-scrollbar-thumb:hover { background: #555; } .email-textarea textarea:focus { outline: none; border: 1px solid #46cac2; } .email-textarea textarea::placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .email-textarea textarea:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .email-textarea textarea::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .invite-friends .theme-color { color: #36adb4; font-weight: 500; font-size: 18px; margin-top: 15px; } .invite-friends .theme-color svg { width: 18px; height: 18px; position: relative; top: -3px; } .upload-csv .upload-csv-wrapper { position: relative; overflow: hidden; display: block; cursor: pointer; } .upload-csv .upload-csv-wrapper button { background: #ffffff; border: 2px dashed rgba(30, 36, 55, 0.1); border-radius: 4px; width: 100%; color: rgba(30, 36, 55, 1); padding: 30px 0; margin-top: 25px; cursor: pointer; } .upload-csv .upload-csv-wrapper button:focus { outline: none; } .upload-csv .upload-csv-wrapper button svg { display: block; margin: 0 auto; margin-bottom: 25px; } .upload-csv .upload-csv-wrapper input[type="file"] { position: absolute; left: 0; top: 0; opacity: 0; bottom: 0; right: 0; height: 100%; width: 100%; cursor: pointer; } .invites-search { border-bottom: 1px solid rgba(30, 36, 55, 0.1); padding-bottom: 15px; } .invites-search svg { position: absolute; left: 13px; top: 13px; width: 22px; height: 22px; } .invites-search input { width: 100%; border: 0; padding-left: 45px; padding-right: 10px; color: rgba(30, 36, 55, 0.4); line-height: 24px; padding-top: 12px; padding-bottom: 12px; } .invites-search input:focus { outline: none; } .invites-search input::placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .invites-search input:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .invites-search input::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .invites-search-result ul { padding: 0; list-style-type: none; margin-bottom: 30px; max-height: 220px; overflow-x: hidden; overflow-y: auto; } .invites-search-result ul::-webkit-scrollbar { width: 4px; } .invites-search-result ul::-webkit-scrollbar-track { background: #f1f1f1; } .invites-search-result ul::-webkit-scrollbar-thumb { background: #888; } .invites-search-result ul::-webkit-scrollbar-thumb:hover { background: #555; } .invites-search-result ul li { position: relative; border-bottom: 1px solid rgba(30, 36, 55, 0.1); padding-top: 15px; padding-bottom: 15px; padding-left: 10px; } .invites-search-result ul li:last-child { border-bottom: 0px solid rgba(30, 36, 55, 0.1); } .invite-result-label { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 24px; color: #1e2437; margin-bottom: 0; } .invites-search-result ul li span { color: rgba(30, 36, 55, 0.6); font-weight: 300; } .invite-result-label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .invite-result-label .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: #fff; border: 1px solid #e9e9eb; border-radius: 100%; } .invite-result-label input:checked ~ .checkmark { background-color: #7fe2dc; border: 1px solid #7fe2dc; } .invite-result-label .checkmark:after { content: ""; position: absolute; display: none; } .invite-result-label input:checked ~ .checkmark:after { display: block; } .invite-result-label .checkmark:after { left: 9px; top: 4px; width: 5px; height: 10px; border: solid #1e2437; border-width: 0 1.5px 1.5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modal-radio-block { background: #ffffff; border: 1px solid #a5a7af; box-sizing: border-box; border-radius: 8px; position: relative; margin-bottom: 8px; padding: 15px 15px; } .modal-radio-block .radio-label { display: block; position: relative; padding-left: 30px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 24px; color: #1e2437; } .modal-radio-block .radio-label input { position: absolute; opacity: 0; cursor: pointer; } .modal-radio-block .radio-label .checkmark { position: absolute; top: 3px; left: 0; height: 18px; width: 18px; border-radius: 100%; background: #ffffff; border: 1px solid #e9e9eb; box-shadow: inset 0px 0px 4px rgb(30 36 55 / 10%); } .modal-radio-block .radio-label input:checked ~ .checkmark { background-color: #7fe2dc; } .modal-radio-block .radio-label .checkmark:after { content: ""; position: absolute; display: none; } .modal-radio-block .radio-label input:checked ~ .checkmark:after { display: block; } .modal-radio-block .radio-label .checkmark:after { top: 5px; left: 5px; width: 6px; height: 6px; border-radius: 50%; background: #fff; } .modal-radio p { font-weight: 500; font-size: 16px; line-height: 24px; color: #1e2437; margin-bottom: 10px; } .modal-tooltip { position: absolute; top: 18px; right: 15px; font-size: 16px; color: #b9b9b9; line-height: normal; z-index: 99; } [data-toggle="tooltip"]:hover { color: #46cac2 !important; } .radius-zero { border-bottom: 0; margin-bottom: 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .modal-radio.inline-radio { border: 1px solid #a5a7af; padding: 15px 20px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .modal-radio.inline-radio .modal-radio-block { padding: 0; border: 0; margin: 0; } .toggle-switch .switch { position: relative; display: inline-block; cursor: pointer; padding-left: 60px; font-size: 16px; line-height: 28px; color: rgba(30, 36, 55, 0.8); margin-bottom: 8px; } .toggle-switch .switch input { opacity: 0; width: 0; height: 0; } .toggle-switch .switch input:focus { outline: none; } .toggle-switch .slider { position: absolute; cursor: pointer; top: 2px; left: 0; right: 0; bottom: 0; background: rgba(30, 36, 55, 0.1); box-shadow: inset 0px 0px 4px rgba(30, 36, 55, 0.1); -webkit-transition: 0.4s; transition: 0.4s; width: 42px; height: 24px; } .toggle-switch .slider:focus { outline: none; } .toggle-switch .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } .toggle-switch input:checked + .slider { background-color: #7fe2dc; } .toggle-switch input:focus + .slider { box-shadow: 0 0 1px #2196f3; } .toggle-switch input:checked + .slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .right-25 { right: -25px; } .theme-btn-delete { width: 100%; padding: 12px 5px; background: #e9eaeb; border-radius: 24px; display: inline-block; font-size: 16px; text-align: center; color: #e45964; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .theme-btn-delete:hover { background: #a9a7a7; color: #e45964; } .contributor-links ul { padding: 0; margin: 0; list-style-type: none; margin-top: 0; } .contributor-links ul li { display: inline-block; margin-left: 20px; position: relative; } .contributor-links ul li:first-child { margin-left: 0px; } .contributor-links ul li a { font-size: 16px; line-height: 24px; color: #36adb4; border-bottom: 1px solid transparent; transition: all ease 0.3s; padding-bottom: 3px; } .contributor-links ul a:hover { border-bottom: 1px solid #36adb4; } .contributor-links ul li:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f111"; top: 50%; transform: translateY(-50%); position: absolute; left: -15px; color: #a5a5a5; font-size: 3px; } .contributor-search { position: relative; } .contributor-search svg { position: absolute; left: 0; top: 3px; width: 18px; height: 18px; } .contributor-search input { padding-left: 30px; border: 0; width: 108px; transition: width 0.3s; padding-right: 25px; } .contributor-search input:focus { outline: none; width: 200px; } .modal-contributor-header { border-bottom: 1px solid #e9eaeb; padding-bottom: 12px; } .pt-2half { padding-top: 12px; } .caccordions-head { position: relative; cursor: pointer; } .caccordions-head .caccordions-left { font-size: 16px; font-weight: 500; text-align: right; top: 50%; transform: translateY(-50%); position: absolute; right: 25px; background: #d9f6f5; border-radius: 30px; padding: 5px 15px; color: #1f2534; } .caccordions-head .caccordions-left.amount { color: #1f2534; } .caccordions-head .media img { width: 40px; height: 40px; object-fit: cover; } .caccordions-block { border-bottom: 1px solid rgba(30, 36, 55, 0.1); padding-top: 17px; padding-bottom: 17px; padding-right: 0; } .caccordions-head .media h5 { display: block; position: relative; cursor: pointer; font-size: 16px; line-height: 24px; color: #1e2437; margin-bottom: 0; } .caccordions-head .media h5 span { color: rgba(30, 36, 55, 0.6); font-weight: 300; } .caccordions-head::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; font-size: 16px; margin-left: 0; color: #d2d3d7; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all ease 0.3s; } .caccordions-head.active::after { content: "\f077"; } .caccordions-body { background: #f7f7f6; border-radius: 4px; padding: 20px; margin-top: 17px; } ul.caccordions-details { list-style-type: none; padding: 0; padding-left: 10px; } ul.caccordions-details li { font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); margin-bottom: 4px; } ul.caccordions-details li b { font-weight: 500; } ul.caccordions-links { list-style-type: none; padding: 0; margin-bottom: 0; margin-top: 30px; } ul.caccordions-links li { display: inline-block; margin-left: 10px; position: relative; margin-right: 10px; } ul.caccordions-links li a { font-size: 16px; line-height: 24px; color: #36adb4; border-bottom: 1px solid transparent; transition: all ease 0.3s; padding-bottom: 3px; } ul.caccordions-links li:first-child { margin-left: 0px; } ul.caccordions-links li a:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f111"; top: 50%; transform: translateY(-50%); position: absolute; left: -12px !important; color: #36adb4; font-size: 3px; } ul.caccordions-links li a:hover { border-bottom: 1px solid #36adb4; } ul.caccordions-links li:first-child a:before { display: none; } .caccordions-left.invited { color: rgba(30, 36, 55, 0.6); font-size: 16px; } .invited-content p b { font-weight: 500; } a.send-reminder { font-size: 16px; line-height: 24px; color: #36adb4; } .send-message-block ul { padding: 0; margin: 0; list-style-type: none; margin-top: 20px; } .send-message-block ul li { border-bottom: 1px solid #e9eaeb; } .send-message-block ul li a { font-size: 16px; line-height: 24px; text-align: center; color: #36adb4; padding: 15px 0; display: block; } .send-message-block ul li:last-child { border-bottom: 0px solid #e9eaeb; } .send-message-block ul li a:hover { color: #46cac2; } .mt-select-form { position: relative; } .mt-select-form::before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f107"; color: #1e2437; position: absolute; right: 18px; bottom: 17px; } .mt-select-form.mt-form.max-180::before { bottom: auto; top: 48px; } .productv2-filters.position-relative.mt-select-form { background-color: #fff; } .productv2-filters.position-relative.mt-select-form .form-control:focus { background-color: transparent; } .mt-select-form select { height: 56px; max-width: 100%; background: transparent; border: 1px solid #a5a7af; box-sizing: border-box; border-radius: 8px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; padding: 0 18px; text-indent: 1px; text-overflow: ellipsis; position: relative; z-index: 99; } .mt-form label { color: #1e2437; } .mt-form input.form-control { padding: 0 18px; } .mt-form textarea.form-control { height: 184px; padding: 18px 18px; color: #1e2437; } .gt-md-modal-footer { border-top: 1px solid #e9eaeb; padding: 20px 25px; } .send-btn { background-color: #36adb4; border-radius: 24px; border: 0; line-height: 18px; text-align: center; color: #ffffff; height: 40px; padding: 0 27px; } .send-btn:focus { outline: none; } .font-16 { font-size: 16px !important; line-height: 24px !important; } .distributed-list ul { padding: 0; list-style-type: none; margin-top: 0; margin-bottom: 40px; padding-left: 25px; padding-right: 25px; } .distributed-list ul li { color: #787c87; font-size: 14px; font-weight: 400; border-bottom: 1px solid #e9eaeb; padding: 14px 0; } .distributed-list ul li:nth-child(1 + 1) { border-top: 1px solid #e9eaeb; } .distributed-list ul li span { color: #36adb4; } .date-input p { font-size: 14px; line-height: 20px; color: rgba(30, 36, 55, 0.6); margin-top: 15px; } .date-input { margin-top: 10px; margin-bottom: 30px; } .date-input input.form-control { border: 2px solid #7fe2dc; } /* mt-join-collection */ .mt-join-collection { background-color: #fff; } .mt-join-collection-card { padding: 60px; } .mt-join-collection-card-inner { font-family: Recoleta; background-position: top center; background-size: contain; background-repeat: no-repeat; position: relative; height: 100%; } .mt-join-collection-card-inner .position-relative { z-index: 9999; width: 100%; } .mt-join-collection-card-inner .position-relative p { font-size: 16px; line-height: 28px; text-align: center; color: #1e2437; margin-bottom: 15%; } .mt-join-collection-card-inner img.card-bg { width: 100%; max-width: 440px; margin: 0 auto; box-shadow: 0px 0px 48px rgb(0 0 0 / 10%); } .mt-join-collection-card-footer { z-index: 9999; width: 100%; left: 0; right: 0; padding-top: 50px; padding-bottom: 15px; background-color: #f7f7f6; } .mt-join-collection-card-footer svg { width: 120px; } .mt-join-collection-card-content h1 { font-family: Recoleta; font-style: normal; font-weight: normal; font-size: 36px; line-height: 40px; text-align: center; color: #1e2437; max-width: 450px; margin: 0 auto 25px; } .mt-join-collection-card-content .d-flex a { width: 209px; margin: 0 15px; } .theme-btn-dark { width: 100%; padding: 12px 5px; background: #1e2437; border-radius: 30px; display: inline-block; font-size: 16px; text-align: center; color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; margin: 0 auto; border: 0; } .mt-join-collection-card-content p { font-size: 14px; line-height: 18px; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(30, 36, 55, 0.6); font-weight: 500; margin-top: 25px; margin-bottom: 0; } .theme-btn-dark:hover { background-color: #0f121c; color: #ffffff; } .bg-lite { background-color: #f7f7f6; } .min-100vh { min-height: 100vh; } .mt-logo-footer { text-align: center; position: absolute; width: 100%; bottom: 30px; left: 0; right: 0; } .mt-logo-footer svg { width: 120px; padding-top: 30px; } .mt-contribute-left, .mt-contribute-right { height: 100%; } .mt-contribute-left-content { padding-top: 8vh; padding-left: 15px; padding-right: 15px; } .mt-how-many p { font-size: 16px; line-height: 28px; color: #1e2437; margin-bottom: 0; } .mt-contribute-right-content { padding-top: 8vh; padding-bottom: 8vh; padding-left: 15px; padding-right: 15px; max-width: 500px; margin-left: auto; margin-right: auto; height: 100%; } .mt-contribute-left-content h2, .mt-contribute-right-content h2 { font-family: Recoleta; font-weight: normal; font-size: 36px; line-height: 32px; color: #1e2437; margin-bottom: 5vh; position: relative; } .mt-contribute-left-content h2 { line-height: 40px; max-width: 450px; margin-left: auto; margin-right: auto; } .mt-aamount h1 { font-size: 30px; line-height: 60px; color: #1e2437; margin-bottom: 0; } .mt-aamount p { font-size: 18px; line-height: 28px; color: rgba(30, 36, 55, 0.6); margin-bottom: 0; } .mt-aamount { margin-bottom: 5vh; } .mt-how-many h3 { font-size: 14px; line-height: 24px; letter-spacing: 0.05em; color: #36adb4; text-transform: uppercase; font-weight: 500; } .quantity { background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); box-sizing: border-box; border-radius: 4px; width: 98px; height: 43px; margin: 0 auto; padding: 0 7px; } .quantity.quantity-dollor-sign:after { content: "$"; color: #6a6a6d; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 14px; } .quantity a { line-height: normal; width: 18px; height: 18px; background-color: #36adb4; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .quantity input { border: 0; width: 40px; text-align: center; font-size: 12px; line-height: 21px; color: #1e2437; font-weight: 500; padding: 0; } .quantity input:focus { outline: none; } .quantity a i { color: #fff; font-size: 8px; } a.quantity-left-minus { background: rgba(54, 173, 180, 0.4); } .mt-closes h3, .mt-target h3, .mt-donationto h3 { font-size: 14px; line-height: 24px; letter-spacing: 0.05em; color: #36adb4; text-transform: uppercase; font-weight: 500; margin-bottom: 0; } .mt-closes p, .mt-target p, .mt-donationto p { color: #1e2437; font-size: 18px; line-height: 24px; margin-bottom: 0; font-weight: 500; } .mt-closes { margin-top: 5vh; } .mt-closes, .mt-target, .mt-donationto { margin-bottom: 3vh; } .max-100 { max-width: 100% !important; } .modal { z-index: 9999999 !important; } .tooltip { z-index: 9999 !important; } .mt-contribute-scrollable-block .form-group { margin-bottom: 15px; } .mt-contribute-scrollable-block { } .mt-contribute-right-content .mt-select-form::before { content: "\f0dd"; color: #7fe2dc; bottom: 18px; } .mt-pay-radio label { display: block; position: relative; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0px 0; } .mt-pay-radio input { position: absolute; opacity: 0; cursor: pointer; display: none; } .mt-pay-radio .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 15px; width: 15px; background-color: #e9e9eb; border-radius: 50%; } .mt-pay-radio input:checked ~ .checkmark { background-color: #e9e9eb; } .mt-pay-radio .checkmark:after { content: ""; position: absolute; display: none; } .mt-pay-radio input:checked ~ .checkmark:after { display: block; } .mt-pay-radio .checkmark:after { top: 7px; width: 8px; left: 0; height: 8px; border-radius: 50%; background: #7fe2dc; top: 50%; transform: translateY(-50%); right: 0; margin: 0 auto; } .mt-pay-options label { color: #1e2437; margin-bottom: 10px; } .mt-pay-radio label img { display: flex; align-items: center; justify-content: center; } .mt-pay-radio { margin-right: 30px; } .mt-contribute-right-content .row.no-gutters { margin-left: 0; margin-right: 0; max-width: 400px; } .mt-contribute-right-content .row.no-gutters .col-12, .mt-contribute-right-content .row.no-gutters .col-6 { padding-left: 0; padding-right: 0; } .mt-pay-options { margin-bottom: 15px; } .mt-card-details label { color: #1e2437; } .mt-card-details input.form-control { padding: 0 18px; } input.form-control.card-num { border-bottom: transparent; } .mt-card-details input.form-control:focus { background-color: #fff; border-color: #e9e9eb; outline: 0; box-shadow: none; } input.form-control.card-num { border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } input.form-control.card-expire { border-radius: 0; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; border-right: transparent; } input.form-control.card-cvc { border-radius: 0; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .mt-contribute-right-content .modal-tooltip { right: -25px; top: -2px; } .mt-contribute-right-content .modal-tooltip i { font-size: 15px; } .mt-cart-total p span { position: relative; } .mt-cart-total { margin-top: 30px; margin-bottom: 20px; } .mt-cart-total p { margin-bottom: 0; font-size: 16px; line-height: 28px; color: rgba(30, 36, 55, 0.8); font-weight: 500; } .mt-pay-btn button { background-color: #1e2437; width: 100%; text-align: center; max-width: 400px; margin: 20px 0; border: 0; padding: 11px 0; position: relative; font-size: 14px; line-height: 18px; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; font-weight: 700; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .mt-pay-btn button:hover { background-color: #0f121c; } .mt-pay-btn button svg { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; } .mt-tagline, .mt-tagline a { font-size: 12px; line-height: 20px; color: rgba(30, 36, 55, 0.6); font-weight: 500; } .mt-tagline a { font-size: 12px; color: rgba(30, 36, 55, 0.8); } .mt-tagline a:hover { border-bottom: 1px solid rgba(30, 36, 55, 0.6); } .mt-contribute-scrollable-block { min-height: 71.5vh; overflow: auto; overflow-x: hidden; } .mt-contribute-scrollable-block::-webkit-scrollbar { width: 10px; } .mt-contribute-scrollable-block::-webkit-scrollbar-track { background: #f5f5f5; border-radius: 50px; } .mt-contribute-scrollable-block::-webkit-scrollbar-thumb { background: #cfcfcf; border-radius: 50px; } .mt-contribute-scrollable-block::-webkit-scrollbar-thumb:hover { background: #bdbdbd; } .mt-contribute-right-content .row { margin-left: -10px; margin-right: -10px; max-width: 420px; } .mt-contribute-right-content .row .col-6 { padding-right: 10px; padding-left: 10px; } .mt-card-slider-section { box-shadow: 0px 0px 48px rgb(0 0 0 / 10%); width: 400px; margin: 0px auto; } button.slick-prev.mt-card.slick-arrow { display: none !important; } button.slick-next.mt-card.slick-arrow { position: absolute; right: -20%; top: 50%; transform: translateY(-50%); border: 0; background-color: transparent; } button.slick-next.mt-card.slick-arrow:focus { outline: none; } button.slick-next.mt-card.slick-arrow i { color: #a2a2a2; font-size: 24px; } .mt-card-slide { min-height: 560px; position: relative; background-size: 100% 100%; background-position: top center; } .mt-card-slide h2 { font-family: Recoleta; font-style: normal; font-weight: 400; font-size: 44.4517px; line-height: 44px; text-align: center; color: #1e2437; max-width: 220px; margin-left: auto; margin-right: auto; padding-top: 28%; } .mt-card-foot { position: absolute; width: 100%; left: 0; right: 0; bottom: 30px; } .mt-card-foot p { font-family: Recoleta; font-size: 18px; line-height: normal; margin: 0; } .mt-card-image { background-image: url(../Images/gt-mt-images/corona.png); } .mt-sign-card { max-width: 400px; margin: 0 auto; padding: 60px 0; } .mt-sign-card-inner h2 { font-size: 36px; line-height: 32px; font-weight: normal; color: #1e2437; font-family: Recoleta; margin-bottom: 15px; } .mt-sign-card-inner p { font-weight: 500; font-size: 16px; line-height: 26px; color: rgba(30, 36, 55, 0.7); } .mt-sign-card-form { background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); box-sizing: border-box; border-radius: 4px; padding: 15px; margin-top: 30px; } .mt-sign-control label { font-weight: 500; font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); display: block; margin-bottom: 0; } .mt-contribute-scrollable-block .mt-form input.form-control::placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .mt-contribute-scrollable-block .mt-form input.form-control:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .mt-contribute-scrollable-block .mt-form input.form-control::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .mt-sign-control { position: relative; } .mt-sign-card-form hr { margin-top: 12px; margin-bottom: 12px; border-top: 1px solid #e9eaeb; margin-left: -15px; margin-right: -15px; } .mt-sign-control input, .mt-sign-control textarea { border: 0px solid #ffff; font-size: 14px; width: 100%; } .mt-sign-control input:focus, .mt-sign-control textarea:focus { outline: none; } .mt-sign-control input::placeholder, .mt-sign-control textarea::placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .mt-sign-control input:-ms-input-placeholder, .mt-sign-control textarea:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .mt-sign-control input::-ms-input-placeholder, .mt-sign-control textarea::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .mt-sign-control textarea.mt-sign-textarea { width: 100%; min-height: 90px; resize: none; line-height: 18px; padding-top: 5px; color: rgba(30, 36, 55, 0.8); font-weight: 400; } .mt-sign-control div.mt-sign-textarea { width: 100%; height: 110px; font-size: 14px; resize: none; line-height: 18px; padding-top: 5px; color: rgba(30, 36, 55, 0.8); font-weight: 400; overflow: auto; padding-bottom: 15px; } .mt-sign-control div.mt-sign-textarea { scrollbar-width: thin; scrollbar-color: #b5b5b4 #e0e0e0; } .mt-sign-control div.mt-sign-textarea::-webkit-scrollbar { width: 4px; height: 4px; } .mt-sign-control div.mt-sign-textarea::-webkit-scrollbar-track { background-color: #e0e0e0; } .mt-sign-control div.mt-sign-textarea::-webkit-scrollbar-thumb { background-color: #b5b5b4; } .mt-sign-control div.mt-sign-textarea::-webkit-scrollbar-track, .mt-sign-control div.mt-sign-textarea::-webkit-scrollbar-thumb { border-radius: 0px; } .mt-sign-control div.mt-sign-textarea[placeholder]:empty:before { content: attr(placeholder); color: rgba(30, 36, 55, 0.3); } .mt-sign-control div.mt-sign-textarea:focus[placeholder]:empty:before { content: attr(placeholder); color: transparent; } .chars-left { font-size: 14px; line-height: 20px; text-align: right; color: rgba(30, 36, 55, 0.4); position: absolute; bottom: 5px; right: 8px; } a.like-suggestions { font-size: 14px; line-height: 20px; text-align: right; text-decoration-line: underline; color: #36adb4; position: absolute; right: 0; top: 0; } .mt-upload-own { position: relative; overflow: hidden; display: inline-block; cursor: pointer; } .mt-upload-own button { background: rgba(30, 36, 55, 0.2); border: 1px solid #1e2437; box-sizing: border-box; border-radius: 24px; width: 172px; font-size: 16px; line-height: 18px; text-align: center; color: #1e2437; max-width: 172px; padding: 14px 0; display: block; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .mt-upload-own input[type="file"] { position: absolute; left: 0; top: 0; opacity: 0; bottom: 0; right: 0; width: 100%; height: 100%; cursor: pointer; } button.mt-browse-library { background: #d9f6f5; border: 1px solid #36adb4; box-sizing: border-box; border-radius: 24px; width: 172px; font-size: 16px; line-height: 18px; text-align: center; color: #36adb4; max-width: 172px; padding: 14px 0; display: block; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .mt-upload-own button:focus, button.mt-browse-library:focus { outline: none; } .mt-sign-control .d-flex { margin-top: 12px; } .mt-library-tab-content { height: 60vh; overflow-x: hidden; overflow-y: auto; } button.mt-browse-library:hover { background-color: #46cac2; color: #ffffff; } .mt-library-tabs .nav-tabs { border-bottom: 0px solid #dee2e6; justify-content: center; } .mt-library-tabs .nav-tabs .nav-link { border: 0px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: 2px solid transparent; padding: 0px 0; margin: 0 15px; font-size: 18px; line-height: 32px; text-align: center; color: #1e2437; font-weight: 500; transition: border-bottom 0.25s ease-out; } .mt-library-tabs .nav-tabs .nav-link:hover { border-bottom: 2px solid #7fe2dc; } .mt-library-tab-content ul { padding: 0; margin: 0; list-style-type: none; margin-top: 15px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .mt-library-tab-content ul li { max-width: 100%; margin-bottom: 20px; cursor: pointer; } .mt-card-image-preview a { position: absolute; top: -5px; right: -25px; display: block; line-height: normal; } .mt-card-image-preview a:hover { opacity: 0.9; } .thank-you-inner h2 { font-weight: normal; font-size: 36px; line-height: 32px; text-align: center; font-family: Recoleta; color: #1e2437; margin-bottom: 15px; } .thank-you-inner p { font-weight: normal; font-size: 18px; line-height: 28px; text-align: center; color: rgba(30, 36, 55, 0.6); margin-bottom: 0; } button.create-collection-btn { background-color: #1e2437; color: #fff; display: block; margin: 30px auto 25px; font-weight: bold; font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; border: 0; width: 260px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; padding: 13px 0; } a.create-collection-btn { background-color: #1e2437; color: #fff !important; display: block; margin: 30px auto 25px; font-weight: bold; font-size: 13px !important; line-height: 18px !important; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; border: 0; width: 260px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; padding: 13px 0 !important; } a.create-collection-btn:focus { outline: none; } a.create-collection-btn:hover { background: #0f121d; color: #ffffff; } .thank-you-inner .learn-more { font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; color: #36adb4; border-bottom: 1px solid transparent; transition: border-bottom ease 0.3s; padding-bottom: 3px; } .thank-you-inner .learn-more:hover { border-bottom: 1px solid #36adb4; } .powered-by-footer svg { width: 30px; height: 30px; } .powered-by-footer p { font-size: 13px; line-height: 18px; text-align: center; color: rgba(30, 36, 55, 0.4); font-weight: 500; margin-top: 10px; margin-bottom: 0; } .gt-signup-modal-content .gt-modal-close { top: 12px; position: absolute; right: 20px; cursor: pointer; } .gt-signup-modal-content h2 { padding: 0 0 30px 0; font-size: 20px; line-height: 32px; text-align: center; color: #1e2437; font-weight: 500; margin-bottom: 0; } .gt-social-signup button { position: relative; background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); box-sizing: border-box; border-radius: 8px; display: block; width: 100%; margin: 8px 0; font-weight: 600; padding: 14px 10px; font-size: 13px; line-height: 17px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #1e2437; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .gt-social-signup button svg { width: 20px; height: 20px; top: 50%; transform: translateY(-50%); position: absolute; left: 15px; } .gt-email-signup { margin-top: 30px; } .gt-email-signup h3 { font-weight: normal; font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(30, 36, 55, 0.6); position: relative; font-weight: 500; } .gt-email-signup h3 span { background-color: #fff; position: relative; z-index: 99; padding: 0 25px; } .card-edit-btns.scrollTop { top: 50px; } .card-edit-btns .dropdown-menu .mt-sign-control { position: relative; border-bottom: 1px solid #f7f7f6; padding-bottom: 8px; margin-bottom: 8px; } .card-edit-btns .dropdown-menu .mt-sign-control input { padding: 0px; color: rgba(30, 36, 55, 0.8); } .mt-card-image-preview img { width: auto !important; max-width: 360px; } .card-edit-btns .dropdown-menu .mt-sign-control textarea.mt-sign-textarea { padding: 0px; margin-top: 5px; } .mt-comment-confirmation2 { min-height: 335px; width: 391px; display: flex; align-items: center; justify-content: center; text-align: center; } .mt-comment-confirmation2 span { font-size: 26px; line-height: 34px; text-align: center; color: #ffffff; font-weight: 400; padding: 0 15px; margin-top: 30px; margin-bottom: 30px; } .mt-comment-confirmation2 a { max-width: 170px; } .mt-editor-dropdown::before { content: "\f0dd"; color: #7fe2dc; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; right: 12px; top: 4px; pointer-events: none; } .modal.full-screen-modal .modal-dialog { margin: 0 auto; min-height: 100vh; max-width: 640px; pointer-events: unset; } .modal.full-screen-modal a.carousel-control-prev, .modalIframe .modalIframeInner a.carousel-control-prev { width: auto; left: -50px; opacity: 1; } .modal.full-screen-modal a.carousel-control-next, .modalIframe .modalIframeInner a.carousel-control-next { width: auto; right: -50px; opacity: 1; } .modal.full-screen-modal a.carousel-control-prev svg, .modal.full-screen-modal a.carousel-control-next svg, .modalIframe .modalIframeInner a.carousel-control-prev svg, .modalIframe .modalIframeInner a.carousel-control-next svg { width: 30px; height: 60px; } .modal.full-screen-modal a.carousel-control-prev:hover, .modal.full-screen-modal a.carousel-control-next:hover, .modalIframe .modalIframeInner a.carousel-control-prev:hover, .modalIframe .modalIframeInner a.carousel-control-next:hover { opacity: 0.8; } .modal-arrows a.carousel-control-prev { width: auto; left: -50px; opacity: 1; } .modal-arrows a.carousel-control-next { width: auto; right: -50px; opacity: 1; } .modal-arrows a.carousel-control-prev svg, .modal-arrows a.carousel-control-next svg { width: 30px; height: 60px; } .modal-arrows a.carousel-control-prev:hover, .modal-arrows a.carousel-control-next:hover { opacity: 0.8; } .gs-groupcard-modal { max-width: 540px; } .gs-groupcard-modal .gc-booklet { height: auto; } .mt-card-slider .message-card-inner .message-card-text { min-height: 286px; } .mt-library-tab-content::-webkit-scrollbar { width: 0px; } .mt-library-tab-content::-webkit-scrollbar-track { background: #f1f1f1; } .mt-library-tab-content::-webkit-scrollbar-thumb { background: #888; } .mt-library-tab-content::-webkit-scrollbar-thumb:hover { background: #555; } .mt-upload-own:hover button { background: #1e2437; color: #ffffff; } .mt-library-tabs .nav-tabs .nav-link.active { border-bottom: 2px solid #7fe2dc; } .mt-library-tab-content ul li img { width: 100%; max-width: 100%; } .mt-library-tab-content ul li .library-image-overlay { opacity: 0; transition: opacity 0.5s; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; align-items: center; justify-content: center; } .mt-library-tab-content ul li .library-image-overlay a { font-weight: bold; font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #1e2437; background: #ffffff; border-radius: 24px; padding: 10px 24px; display: inline-block; } .mt-library-tab-content ul li:hover .library-image-overlay { opacity: 1; } .mt-card-image-preview a { position: absolute; top: -5px; right: -30px; display: block; line-height: normal; } .thank-you-100 { height: 100vh; background-image: url(../../Images/gt-mt-images/thankyou-bg.png); background-size: cover; background-position: center center; } button.create-collection-btn:focus { outline: none; } button.create-collection-btn:hover { background: #0f121d; color: #ffffff; } .thank-you-inner a { font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; color: #36adb4; border-bottom: 1px solid transparent; transition: border-bottom ease 0.3s; padding-bottom: 3px; } .thank-you-inner a:hover { border-bottom: 1px solid #36adb4; } .powered-by-footer { position: absolute; bottom: 25px; left: 0; right: 0; } .gt-signup-modal-content { padding: 40px; } .gt-signup-modal-content .gt-modal-close:hover { opacity: 0.8; } .gt-social-signup button:focus { outline: none; } .gt-social-signup button:hover { background: #f3f3f3; } .gt-email-signup h3::after { background-color: #e9eaeb; content: ""; transform: translateY(-50%); position: absolute; left: 0; top: 50%; right: 0; width: 100%; height: 1px; } .gt-email-signup-form { background: #ffffff; border: 1px solid #e9eaeb; box-sizing: border-box; border-radius: 4px; overflow: hidden; margin: 15px 0; } .gt-email-signup-form .gt-email-signup-input { border-bottom: 1px solid #e9eaeb; } .gt-email-signup-form .gt-email-signup-input input { font-weight: normal; font-size: 16px; line-height: 28px; color: #1e2437; border: 0; width: 100%; padding: 10px 15px; } .gt-email-signup-form .gt-email-signup-input input:focus { outline: none; } .gt-email-signup-form .gt-email-signup-input input::placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .gt-email-signup-form .gt-email-signup-input input:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .gt-email-signup-form .gt-email-signup-input input::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .bt-signup-btn { width: 100%; padding: 12px 5px; background: rgba(30, 36, 55, 0.2); border-radius: 24px; display: inline-block; font-size: 16px; border: 0; text-align: center; color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; margin-top: 10px; font-weight: 500; } .bt-signup-btn:focus { outline: none; } .bt-signup-btn:hover { background: #1e2437; } .gt-email-signup p { font-size: 13px; line-height: 20px; text-align: center; color: rgba(30, 36, 55, 0.6); font-weight: 500; margin-bottom: 0; margin-top: 20px; } .gt-email-signup p a { color: rgba(30, 36, 55, 0.8); transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .gt-email-signup p a:hover { text-decoration: underline; } .mt-card-breadcrumb ul { padding: 0; margin: 0; list-style-type: none; } .mt-card-breadcrumb ul li { display: inline-block; } .mt-card-breadcrumb ul li a { font-weight: normal; font-size: 16px; line-height: 18px; color: #1e2437; } .mt-card-breadcrumb ul li a { font-weight: normal; font-size: 16px; line-height: 18px; text-align: center; color: #1e2437; font-weight: 500; } .mt-card-breadcrumb ul li:first-child a { color: #36adb4; } .mt-card-breadcrumb ul li:last-child a { color: rgba(30, 36, 55, 0.3); display: block; margin-left: 25px; } .mt-card-breadcrumb ul li i { color: #36adb4; font-size: 12px; margin: 0 5px; } .mt-header-icons { background: #7fe2dc; box-shadow: 0px 1px 6px rgb(30 36 55 / 20%); border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .mt-header-icons svg { width: 24px; height: 24px; object-fit: contain; } .trackManage-nav ul li a:hover .mt-header-icons { background-color: #1e2437; } .mt-card-cover-section { max-width: 500px; margin: 0 auto; margin-bottom: 60px; } .mt-card-cover { min-height: 700px; position: relative; background: #faf9f5; box-shadow: 0px 0px 43.3311px rgb(0 0 0 / 10%); background-size: 100%; background-position: top center; background-repeat: no-repeat; padding: 20px; } .mt-card-image01 { background-image: url(../Images/gt-mt-images/card-bg01.png); } .mt-card-cover-foot { position: absolute; width: 100%; left: 0; right: 0; bottom: 30px; } .mt-card-cover-foot p { font-family: Recoleta; font-size: 18px; line-height: normal; margin: 0; } .mt-card-slide h2 { font-family: Recoleta; font-style: normal; font-weight: 400; font-size: 44.4517px; line-height: 44px; text-align: center; color: #1e2437; max-width: 220px; margin-left: auto; margin-right: auto; padding-top: 30%; } .mt-card-heading { font-family: Recoleta; font-style: normal; font-weight: 400; font-size: 58px; line-height: 58px; text-align: center; color: #1e2437; max-width: 260px; margin-left: auto; margin-right: auto; overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; padding-top: 25%; } [contenteditable="true"]:focus { outline: none; } .mt-first-card-header p { font-size: 16px; line-height: 24px; color: #1e2437; font-weight: 500; } .mt-card-cover-header { margin-bottom: 5px; min-height: 30px; } .mt-card-cover-header ul.mt-card-cover-action { list-style-type: none; padding: 0; margin: 0; } .mt-card-cover-header ul.mt-card-cover-action li { display: inline-block; } .mt-card-cover-header ul.mt-card-cover-action li a svg { width: 16px; height: 16px; } .mt-card-cover-header ul.mt-card-cover-action li a { display: flex; padding: 0 0px; height: 28px; width: 28px; align-items: center; justify-content: center; } .mt-card-cover-header ul.mt-card-cover-action li:last-child a { padding-right: 0; } .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows a { text-align: center; transition: all ease 0.3s; border-radius: 4px; line-height: 50px; font-weight: 800; } .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows a:hover, .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows.active a { background: rgba(30, 36, 55, 0.1); } .card-scale-actions { position: fixed; bottom: 30px; right: 40px; } .zoom-btns ul li { display: inline-block; border-right: 1px dashed rgba(30, 36, 55, 0.54); padding: 2px 15px; margin: 0; } .zoom-btns ul li:last-child { border-right: 0px dashed rgba(30, 36, 55, 0.54); padding-right: 5px; } .zoom-dropdown { position: relative; margin: 0 15px; } .zoom-dropdown select { border: 1px solid rgba(30, 36, 55, 0.1); box-sizing: border-box; border-radius: 3.06667px; width: 92px; height: 38px; padding: 0 15px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; font-size: 14px; color: #1e2437; font-weight: 500; } .zoom-dropdown::before { content: "\f0dd"; color: #7fe2dc; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; right: 14px; top: 5px; } .zoom-dropdown select:focus { outline: none; } .zoom-full-screen { padding-left: 10px; } .zoom-full-screen a { background: #7fe2dc; box-shadow: 0px 1px 6px rgb(30 36 55 / 20%); border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .zoom-full-screen a svg { width: 20px; height: 20px; object-fit: contain; } .zoom-full-screen a:hover { background-color: #1e2437; } .zoom-full-screen a:hover svg path { fill: #fff; } .customize-graphic { } .customize-graphic { margin-top: 50px; margin-bottom: 60px; } a.theme-btn-lite.max-180 { max-width: 180px; } .card-edit-btns { position: fixed; top: 170px; left: 5%; z-index: 99; } .card-edit-btns .dropright button.dropdown-toggle { background-color: transparent; border: none; background: #1e2437; color: #ffffff; font-size: 10px; line-height: 12px; padding-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 12px; width: 70px; min-height: 80px; text-align: center; } .card-edit-btns .dropright button.dropdown-toggle:focus { outline: none; background-color: #353a4b; } button.dropdown-toggle.active { background-color: #353a4b !important; } .card-edit-btns .dropdown-toggle::after { display: none !important; } .card-edit-btns .dropright button svg { display: block; margin: 0 auto 8px; } .top-radius-6 { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .bottom-radius-6 { -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .card-edit-btns .dropdown-menu { background: #353a4b; border-radius: 8px; padding: 35px; margin-left: 35px !important; } .card-edit-btns .dropdown-menu:after { content: ""; background: #353a4b; transform: rotate(-45deg); width: 20px; height: 20px; position: absolute; top: 30px; left: -6px; z-index: -1; } .card-edit-btns button.mt-browse-library { margin-right: 15px; } .locked-btns { position: relative; } .locked-btns .locked-features { background: rgba(255, 255, 255, 0.8); border-radius: 0px 0px 5px 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 9; display: flex; align-items: center; justify-content: center; text-align: center; color: #e45964; font-size: 10px; line-height: 12px; font-weight: 500; } .locked-btns .locked-features svg { display: block; margin: 0 auto 8px; } .quantity.modal-quantity { width: 100%; height: 56px; padding: 0 10px; } .quantity.modal-quantity a { width: 22px; height: 22px; } .quantity.modal-quantity input { font-size: 16px; } .modal-radio-block.inline-radio-block { padding: 0; margin: 0; border: 0; } input.form-control.lite-placeholder::placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } input.form-control.lite-placeholder:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } input.form-control.lite-placeholder::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .hide { display: none !important; } .gt-confirm-amount h2 { font-weight: 500; font-size: 24px; line-height: 32px; text-align: center; color: #1e2437; margin-bottom: 25px; } .gt-confirm-amount p { font-size: 18px; line-height: 28px; text-align: center; color: rgba(30, 36, 55, 0.6); font-weight: 500; margin-bottom: 35px; } span.active-balance { font-size: 16px; line-height: 24px; text-align: right; color: rgba(30, 36, 55, 0.6); } .payment-icons { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); } .pb-20 { padding-bottom: 20px !important; } .mt-order-completed { padding: 50px 50px; } .mt-order-completed h1 { font-weight: 500; font-size: 24px; line-height: 32px; color: #1e2437; margin-top: 18px; margin-bottom: 25px; } .mt-order-completed h2 { font-weight: 500; font-size: 18px; line-height: 28px; text-align: center; color: #1e2437; } .mt-order-completed p { font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.6); margin-bottom: 35px; } .mt-order-completed a { max-width: 200px; } .mt-comment-confirmation { min-height: 335px; width: 391px; display: flex; align-items: center; justify-content: center; text-align: center; } .mt-comment-confirmation p { font-size: 26px; line-height: 34px; text-align: center; color: #ffffff; font-weight: 400; padding: 0 15px; margin-top: 30px; margin-bottom: 30px; } .mt-comment-confirmation a { max-width: 170px; } .bg-dark-gray { background-color: #e8e9eb !important; } .delete-card-btn { font-size: 16px; line-height: 18px; color: #e45964; background-color: #fff; border: 0; text-transform: uppercase; } .delete-card-btn:focus { outline: none; } .modal-default-margin { margin: 1.75rem auto !important; } .dropdown-menu.top99 { top: -99px !important; width: 475px; } .mt-card-templates .row { margin-left: -5px; margin-right: -5px; } .mt-card-templates .row .col-4 { padding-right: 5px; padding-left: 5px; margin-bottom: 10px; } .mt-card-templates img { width: 100%; } .mt-card-templates { height: 532px; overflow-y: scroll; overflow-x: hidden; padding-right: 15px; } .mt-card-templates::-webkit-scrollbar { width: 7px; border-radius: 30px; } .mt-card-templates::-webkit-scrollbar-track { background: #353a4b; } .mt-card-templates::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 30px; } .card-edit-btns .dropdown-menu.top99:after { top: 125px; } .dropdown-menu.top120 { top: -179px !important; width: 600px; padding: 15px; } .card-col-grid ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; list-style-type: none; } .card-col-grid ul li { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .card-col-grid ul li a { display: block; text-align: center; padding: 20px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .card-col-grid ul li a img { width: 100%; } .card-col-grid ul li a p { font-size: 16px; line-height: 12px; color: #ffffff; margin-bottom: 0; margin-top: 30px; } .card-col-grid ul li a:hover { background-color: #4a4f5e; } .card-edit-btns .dropdown-menu.top120:after { top: auto; bottom: 42px; } .mt-content-editor { padding: 12px 0; } .editor-bg { background-color: #f8f8f8; } .mt-content-editor-inner { max-width: 500px; margin: 0 auto; } .mt-fixed-header { background-color: #f7f7f6; } .mt-fixed-header.fixed { position: fixed; width: 100%; z-index: 999; top: 0; transition: all ease 0.3s; } .mt-fixed-header.fixed .mt-header-icons { width: 40px; height: 40px; } .mt-fixed-header.fixed .mt-header-icons svg { width: 20px; height: 20px; } .mt-fixed-header.fixed .navbar-light .navbar-nav .nav-link { padding-top: 4px; padding-bottom: 4px; } .mt-editor-dropdown { position: relative; } .mt-editor-dropdown select { background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); box-sizing: border-box; border-radius: 4px; height: 38px; width: 100%; font-size: 12px; line-height: 20px; color: #1e2437; font-weight: 500; padding: 0 8px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; } .mt-editor-dropdown::before { content: "\f0dd"; color: #7fe2dc; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; right: 12px; top: 4px; } ul.mt-text-editor { list-style-type: none; padding: 0; margin: 0; } ul.mt-text-editor li { margin: 0 10px; } ul.mt-text-editor li:first-child a img { height: 24px; } ul.mt-text-editor li:nth-child(2) a img { height: 18px; position: relative; top: -3px; } ul.mt-text-editor li:nth-child(3) a img { height: 20px; position: relative; top: -2px; } ul.mt-text-alignment { list-style-type: none; padding: 0; margin: 0; } ul.mt-text-alignment li { position: relative; margin-left: 12px; padding-left: 12px; } ul.mt-text-alignment li:after { content: ""; background-color: rgba(0, 0, 0, 0.2); height: 36px; width: 1px; position: absolute; left: 0; top: -4px; } .mt-card-content { font-size: 11px; line-height: 15px; color: #1e2437; background-color: #fff; padding: 12px 14px; margin-bottom: 12px; } .mt-card-content br { content: ""; margin: 3em; display: block; font-size: 24%; } .mt-card-content p { font-size: 12.1681px; line-height: 19px; text-align: right; color: #1e2437; margin: 0; margin-top: 8px; font-weight: 500; } .card-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } .card-row .card-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 8px; padding-right: 8px; } .mt-editable-nav .navbar-nav .nav-item .nav-link span { display: none; font-size: 16px; line-height: 18px; color: #000000; font-weight: 500; } .modal-max480 { max-width: 480px; } .mt-editbar-mob { display: none; } .modal.full-screen-modal { background-color: #f7f7f6; } .modal.full-screen-modal .modal-dialog { margin: 0 auto; min-height: 100vh; max-width: 540px; pointer-events: unset; } .modal.full-screen-modal .modal-dialog .carousel .mt-card-cover { min-height: 100vh; } .modal.full-screen-modal .modal-dialog .card-scale-actions { position: fixed; bottom: 30px; right: 40px; background: #1e2437; border-radius: 8px; padding: 8px 12px; } .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a:hover { background-color: #7fe2dc; } .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a svg path { fill: #000; } .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a:hover svg path { fill: #000; } .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-btns ul li { border-right: 1px dashed rgb(255 255 255 / 54%); } .slideCount { font-size: 12px; line-height: 20px; color: #fff; padding-left: 10px; } .mt-join-collection-card .mt-5 { margin-top: 0 !important; } .mt-join-collection-card .mt-join-collection-card-inner > div { margin: 0px !important; } .gts-btn-blue { box-shadow: none; border: none; background: #05eaed; color: #000; } .gts-textbox { background: #f8f8f8; border: solid 0px !important; margin-top: 12px; font-size: 10px; } .text-box-style { padding-top: 20px; min-height: 100px; position: relative; padding: 20px !important; border: 1px solid #bfbfbf; margin-bottom: 20px; } .popupDiv { position: fixed; left: 50%; transform: translate(-50%, 0); top: 13%; z-index: 100000000; display: none; text-align: center; margin: 10px auto; background-color: rgba(0, 0, 0, 0.85); border: #666 medium solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; } .displaydiv { display: none !important; } .mt-circle-avatar-name { background-color: #7fe2dc; width: 50px; height: 50px; text-align: center; line-height: 50px; font-weight: 800; } .mt-circle-avatar-name-large { background-color: #7fe2dc; width: 120px; height: 120px; text-align: center; line-height: 120px; font-weight: 800; font-size: 24px; } .mt-gradient-image-div { background-size: cover; background-repeat: no-repeat; background-position: top center; } .tool-tip-info { position: absolute; font-size: 16px; color: #b9b9b9; top: 0; right: -25px; line-height: normal; } /* profile page CSS */ .mt-profile-setting { max-width: 400px; margin: 0 auto; padding: 50px 0; } .dropdown.header-dropdown .dropdown-toggle::after { display: none; } .dropdown.header-dropdown .dropdown-menu { background: #ffffff; border-radius: 4px; background: #fff; box-shadow: -2px 10px 19px 0px rgba(0, 0, 0, 0.09); box-sizing: border-box; min-width: 205px; border: none; padding: 5px; margin-top: 15px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .dropdown.header-dropdown .dropdown-menu:hover { background-color: #fdfdfd; } .dropdown.header-dropdown a.header-dropdown-item { font-size: 16px; line-height: 26px; color: #1e2437; padding: 10px 15px; border-radius: 4px; position: relative; display: flex; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; align-items: center; justify-content: space-between; border-bottom: 0; margin: 0; } .profile-upload-wrapper { position: relative; overflow: hidden; display: block; width: 135px; margin: 0 auto; } .profile-upload-wrapper .profile-upload-btn { position: relative; border: 0; background-color: transparent; padding: 0; } button.profile-upload-btn img { width: 135px; height: 135px; object-fit: cover; } button.profile-upload-btn span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #00000059; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; font-size: 14px; opacity: 0; transition: all ease 0.3s; } .profile-upload-wrapper:hover button.profile-upload-btn span { opacity: 1; } .profile-upload-wrapper input[type="file"] { position: absolute; left: 0; top: 0; opacity: 0; bottom: 0; right: 0; width: 100%; height: 100%; cursor: pointer; } .mt-profile-image h2 { font-weight: 500; font-size: 40px; line-height: 48px; text-align: center; color: #1e2437; margin-bottom: 0; margin-top: 40px; } .mt-profile-image { margin-bottom: 60px; } .mt-edit-profile .theme-btn-dark { width: 100%; border: 0; border-radius: 30px; max-width: 110px; } .mt-edit-profile .theme-btn-dark:focus { outline: none; } .mt-profile-checkbox { margin-bottom: 40px; margin-top: 40px; } .mt-profile-checkbox label { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 20px; color: #1e2437; } .mt-profile-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .mt-profile-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #e9eaeb; border: 1px solid #d2d3d7; overflow: hidden; } .mt-profile-checkbox input:checked ~ .checkmark { background-color: #1e2437; border: 0px solid #1e2437; } .simple-link:hover { color: #46cac2; } .checkmark:after, .checkmark:before { content: ""; position: absolute; display: none; } .mt-profile-checkbox input:checked ~ .checkmark:after, .mt-profile-checkbox input:checked ~ .checkmark:before { display: block; } .mt-profile-checkbox .checkmark:after { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/cancel.png); background-size: contain; width: 14px; height: 14px; background-repeat: no-repeat; background-position: center; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .mt-edit-profile .theme-btn-lite:focus { outline: none; } hr.mt-profile-divider { margin-top: 50px; margin-bottom: 50px; border: 0; border-top: 1px solid #e9eaeb; } .mt-profile-update-password .form-group .form-control { margin-bottom: 15px; } .mt-profile-update-password .form-group .form-control::placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .mt-profile-update-password .form-group .form-control:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .mt-profile-update-password .form-group .form-control::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .theme-update-btn { width: 100%; padding: 12px 5px; background: rgba(30, 36, 55, 0.1); border-radius: 24px; display: inline-block; font-size: 16px; text-align: center; color: rgba(30, 36, 55, 0.5); transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; border: 0; } .theme-update-btn:hover { background: rgba(30, 36, 55, 0.3); } .theme-update-btn:focus, .theme-delete-btn:focus { outline: none; } .theme-delete-btn { width: 100%; padding: 12px 5px; background: #fff; border-radius: 24px; display: inline-block; font-size: 16px; text-align: center; color: #e45964; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; border: 1px solid #e45964; } .theme-delete-btn:hover { background: #e45964; color: #fff; } .theme-delete-btn:hover svg path { fill: #fff; } .theme-delete-btn svg { position: relative; top: -5px; margin-right: 5px; } /* profile page CSS */ /* step modal CSS */ .step-modal .modal-dialog { max-width: 100%; } .step-modal .share-modal-large { max-width: 840px; margin: 0 auto; background: #ffffff; box-shadow: 0px 0px 48px rgb(30 36 55 / 10%); border-radius: 8px; width: 100%; } .step-modal .share-modal-small { max-width: 480px; margin: 0 auto; background: #ffffff; box-shadow: 0px 0px 48px rgb(30 36 55 / 10%); border-radius: 8px; width: 100%; } .step-modal .modal-dialog .modal-content { background: transparent; box-shadow: none; border-radius: 0px; } .mt-join-height { min-height: 100vh; display: flex; align-items: center; justify-content: center; } .preview-mode .mt-join-height { min-height: calc(100vh - 290px); } .mt-contribute-left.mt-card-space { padding: 110px 0 110px; } .mt-logo-footerv2 { text-align: center; width: 100%; padding: 50px 0 0; } .mt-logo-footerv2 svg { width: 120px; } div#previewPicDiv img { object-fit: cover; } .mt-profile-checkbox.mt-4.mb-5 { margin-bottom: 30px !important; } a.carousel-control-next.mt-cardSliderArrow { right: -80px; opacity: 1; color: #635e5e; } a.carousel-control-next.mt-cardSliderArrow i { color: #a2a2a2; font-size: 24px; } /* Support request page CSS */ .gt-support-request-inner { width: 100%; max-width: 880px; padding: 80px 15px 200px; margin: 0 auto; } .gt-sr-head { margin-bottom: 50px; } .gt-sr-head h2 { margin-bottom: 50px; font-weight: 500; font-size: 64px; line-height: 72px; color: #1e2437; } .gt-sr-head p { font-size: 24px; line-height: 40px; color: #1e2437; } .gt-sr-radio { max-width: 400px; } .gt-sr-radio p { font-size: 20px; margin-bottom: 15px; } .gt-support-request-inner .modal-radio.mb-5 { margin-bottom: 28px !important; } .wax-100 { max-width: 100% !important; } .mt-form textarea.form-control.wax-100 { height: 172px; } .gt-support-request-inner .support-submit { max-width: 160px; } /* New Trach and Manage page CSS */ .mt-track-manage-subheader { background-color: #7fe2dc; max-height: 250px; position: relative; } .mt-tm-container { max-width: 1280px; width: 100%; margin-left: auto; margin-right: auto; padding: 0 15px; } .mt-tm-subheading h2 { font-family: Recoleta; font-style: normal; font-weight: normal; font-size: 44px; line-height: 55px; color: #1e2437; margin-bottom: 0; max-width: 550px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .mt-tm-subheading { padding-top: 35px; padding-bottom: 15px; } .mt-tm-collection-detail { width: 284px; height: 284px; background: #1e2437; margin: 0 auto; border-radius: 100%; margin-top: -14px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; position: relative; } .mt-tm-cd-inner p { font-size: 16px; line-height: 24px; text-align: center; color: #ffffff; text-transform: uppercase; margin-bottom: 0; } .mt-tm-cd-inner a { font-size: 20px; line-height: 24px; text-align: center; color: #7fe2dc; text-transform: uppercase; display: inline-block; margin-top: 20px; } .mt-tm-card { max-width: 540px; margin: 0 auto; position: relative; } .mt-tm-card .mt-card-cover .gc-booklet-inner { background-color: transparent; } .mt-tm-card .mt-card-cover { box-shadow: 0px 0px 52.1396px rgb(0 0 0 / 20%); min-height: 100%; padding: 0; background-color: #f5f5f5; } .mt-tm-sidebar { max-width: 400px; margin: 0 auto; padding-top: 300px; } .mt-tm-invite-friends a.theme-btn-lite, .mt-tm-invite-friends a.theme-outline-btn { position: relative; z-index: 99; width: 100%; } .fgc-tagline.text-center { color: #1e243799; font-size: 13px; } .mt-tm-sidebar-blocks { background: #ffffff; box-shadow: 0px 12px 25px 0px rgba(0, 0, 0, 0.07); border-radius: 8px; text-align: center; height: 190px; padding: 25px 15px; margin-bottom: 25px; display: flex; align-items: flex-end; justify-content: center; } .mt-tm-sidebar-blocks h2 { font-weight: normal; font-size: 40px; line-height: 48px; text-align: center; color: #7fe2dc; margin: 0; } .mt-tm-sidebar-blocks p { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-transform: uppercase; text-align: center; color: #1e2437; margin-bottom: 0; } .mt-tm-sidebar-blocks .theme-btn-lite { max-width: 180px; margin: 0 auto; margin-top: 20px; } .mt-tm-sidebar-blocks small { font-weight: normal; font-size: 12px; line-height: 16px; text-align: center; color: rgba(30, 36, 55, 0.6); display: block; } .mt-track-manage-cardholder { padding-bottom: 40px; background: #f7f7f6; margin-top: -40px; } .mt-tm-egift-inner { background: #ffffff; box-shadow: 0px 0px 24px rgba(30, 36, 55, 0.05); border-radius: 8px; padding: 30px; position: relative; } .mt-tm-egift-header { border-bottom: 1px solid #d2d3d7; padding: 10px 0 28px; margin-bottom: 28px; } .mt-tm-egift-title h2 { font-family: Recoleta; font-weight: normal; font-size: 24px; line-height: 24px; color: #1e2437; margin-bottom: 0; } .mt-tm-egift-title h2 span { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #a5a7af; margin-left: 20px; } .mt-tm-egift-sorting select { font-size: 16px; line-height: 24px; color: #1e2437; border: 0; border-bottom: 1px solid #1e2437; padding-right: 35px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .mt-tm-egift-sorting select:focus { outline: none; } .mt-track-manage-egift { padding-bottom: 120px; background: #f7f7f6; } .mt-tm-egift-sorting svg { position: absolute; right: 0; top: 8px; } .egift-cards .text-center { position: relative; } .egift-cards-inner { cursor: pointer; } .egift-cards-inner img { box-shadow: 0.949544px 2.84863px 4.74772px -0.949544px rgb(0 0 0 / 13%); border-radius: 22px; margin-bottom: 25px; max-width: 100%; width: 100%; } .egift-cards-inner h3 { font-weight: normal; font-size: 20px; line-height: 24px; color: #1e2437; margin-bottom: 2px; } .egift-cards-inner p { font-size: 16px; line-height: 24px; color: #1e2437; } .egift-cards .slick-slide { margin: 0 10px; } .egift-cards .slick-list { margin: 0 -10px; } .mt-tm-egift-cards { margin-bottom: 10px; } .egift-see-more p { font-weight: normal; font-size: 16px; line-height: 18px; color: rgba(30, 36, 55, 0.8); margin: 0; margin-top: 12px; } .egift-see-more { text-align: center; position: absolute; left: 0; right: 0; bottom: -55px; cursor: pointer; max-width: 120px; margin: 0 auto; } .egift-see-more:hover svg circle { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .egift-see-more:hover svg circle { fill: #46cac2; } .birthday-ideas-inner { background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); box-sizing: border-box; border-radius: 8px; overflow: hidden; margin-bottom: 2px; } .birthday-ideas-inner img { width: 100%; max-width: 100%; object-fit: cover; height: 250px; } .birthday-ideas-content { padding: 18px 22px; } .birthday-ideas-content h4 { font-weight: normal; font-size: 16px; line-height: 20px; color: #1e2437; margin: 0; margin-bottom: 5px; } .birthday-ideas-content p { font-weight: normal; font-size: 16px; line-height: 20px; color: #a5a7af; margin: 0; } .mt-tm-birthday-ideas .slick-slide { margin: 0 10px; } .mt-tm-birthday-ideas .slick-list { margin: 0 -10px; } .mt-tm-birthday-ideas .slick-arrow { background: #7fe2dc; box-shadow: 0px 2px 4px rgb(30 36 55 / 10%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; top: 50%; transform: translateY(-50%); position: absolute; z-index: 9; font-size: 16px; color: #1e2437; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .mt-tm-birthday-ideas .slick-arrow:hover { background-color: #46cac2; } .mt-tm-birthday-ideas .left-arrow.slick-arrow { left: -10px; } .mt-tm-birthday-ideas .right-arrow.slick-arrow { right: -10px; } .mt-tm-egift-inner .wide-gutter { margin-left: -20px; margin-right: -20px; } .mt-tm-egift-inner .wide-gutter .col-md-6 { padding-left: 20px; padding-right: 20px; } .after-border { position: relative; border-right: 1px dashed #1e2437; } .mt-tm-card .edit-card { position: absolute; top: 80px; right: -35px; } .mt-tm-card .edit-card svg { width: 75px; height: 75px; } .gt-semi-curve { position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 100%; } .mt-tm-invite-friends.mt-5 { margin-top: 35px !important; } .egift-cards .slick-arrow, .trending-gifts-slider .slick-arrow { background: #7fe2dc; box-shadow: 0px 2px 4px rgb(30 36 55 / 10%); width: 40px; height: 40px; display: flex !important; align-items: center; justify-content: center; border-radius: 100%; top: 32%; transform: translateY(-50%); position: absolute; z-index: 9; font-size: 16px; color: #1e2437; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .egift-cards .slick-arrow:hover, .trending-gifts-slider .slick-arrow:hover { background-color: #46cac2; } .egift-cards .left-arrow.slick-arrow, .trending-gifts-slider .left-arrow.slick-arrow { left: -10px; } .egift-cards .right-arrow.slick-arrow, .trending-gifts-slider .right-arrow.slick-arrow { right: -10px; } .egift-cards .slick-arrow.slick-disabled { display: none !important; } .mt-tm-cd-inner h5 { font-size: 30px; line-height: 36px; text-align: center; color: #fff; font-weight: 400; margin-bottom: 5px; position: relative; display: inline-block; } .mt-tm-cd-inner > .row > .row .col-6.dash-border { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .mt-tm-cd-inner h5 svg { position: absolute; right: -8px; top: -15px; cursor: pointer; } .mt-tm-cd-inner .col-12 h5 { font-size: 55px; line-height: 65px; } .mt-tm-cd-inner .col-12 h5 svg { right: -10px; } .circle-actions { position: absolute; left: 0; right: 0; bottom: 30px; z-index: 99; } .circle-actions a { margin-top: 0; } .dash-border { border-left: 1px dashed #ffffff; } .mt-tm-cd-inner .row { max-width: 100%; margin-left: auto; margin-right: auto; } .gift-shop { max-width: 180px; margin-left: auto; } .most-popular-badge { background-image: url(../../Images/gt-mt-images/badge.png); width: 156px; height: 28px; position: absolute; right: -9px; top: 25px; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 24px; color: #ffffff; text-transform: uppercase; } .most-popular-badge svg { margin-right: 5px; margin-left: 5px; } .egift-cards03 .slick-slide { margin: 0 10px; } .egift-cards03 .slick-list { margin: 0 -10px; } .egift-cards03 .egift-cards-inner h3, .egift-cards03 .egift-cards-inner p { font-weight: normal; font-size: 16px; line-height: 24px; color: #1e2437; } .egift-cards03 .egift-cards-inner p { font-size: 14px; } .egift-cards03 .egift-cards-inner img { margin-bottom: 15px; } .mt-tm-sidebar .mt-card-cover { min-height: 470px; } .mt-tm-sidebar .mt-card-cover .mt-card-heading { font-style: normal; font-weight: normal; font-size: 44.6955px; line-height: 45px; text-shadow: 0px 0px 33.6086px rgba(0, 0, 0, 0.25); } .mt-tm-sidebar-blocks.tm-170 .w-50 { height: 170px; display: flex; align-items: center; justify-content: center; border-right: 1px dashed rgba(30, 36, 55, 0.6); flex-direction: column; } .mt-tm-sidebar-blocks.tm-170 .w-50:last-child { border-right: 0px dashed rgba(30, 36, 55, 0.6); } .mt-tm-sidebar .reminders-btn { position: relative; width: 100%; max-width: 100%; bottom: 0; left: 0; right: 0; margin: 0 auto; margin-top: -95px; margin-bottom: 30px; } .mt-tm-card ~ .reminders-btn { bottom: 25px; } .mt-tm-sidebar .mt-tm-card .edit-card svg { width: 65px; height: 65px; } .mt-tm-sidebar .mt-tm-card .edit-card { position: absolute; top: 40px; right: -30px; } .curve-progress { position: relative; text-align: center; -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: -45px; max-width: 350px; margin-left: auto; margin-right: auto; } .curve-progress .barOverflow { position: relative; overflow: hidden; width: 350px; height: 85px; margin-bottom: 0; margin-left: auto; margin-right: auto; } .curve-progress .bar { position: absolute; top: 0; left: 0; width: 350px; height: 350px; border-radius: 73%; box-sizing: border-box; border: 20px solid #fcedd3; border-bottom-color: #e78970; border-right-color: #e78970; } .curve-progress span { color: transparent; } .curve-progress .barOverflow::after { content: ""; position: absolute; height: 20px; width: 16px; background-color: #7fe2dc; bottom: -10px; left: 28px; -ms-transform: rotate(125deg); transform: rotate(125deg); } .curve-progress .barOverflow::before { content: ""; position: absolute; height: 20px; width: 16px; background-color: #7fe2dc; bottom: -10px; right: 28px; -ms-transform: rotate(-125deg); transform: rotate(-125deg); z-index: 99; } .bar.theme-bar { border: 20px solid #36adb4; border-bottom-color: #36adb4; border-right-color: #36adb4; } .guest-entered h2, .guest-entered p { font-size: 14px; line-height: 19px; text-align: center; color: #787c87; font-weight: 400; } .share-modal .modal-dialog { max-width: 600px; } .share-modal .max-480 { max-width: 480px; margin-left: auto; margin-right: auto; } .egift-cards03 .left-arrow.slick-arrow { left: -50px; } .egift-cards03 .slick-arrow.slick-disabled { display: none !important; } .egift-cards03 .slick-arrow { background: #7fe2dc; box-shadow: 0px 2px 4px rgb(30 36 55 / 10%); width: 40px; height: 40px; display: flex !important; align-items: center; justify-content: center; border-radius: 100%; top: 44%; transform: translateY(-50%); position: absolute; z-index: 9; font-size: 16px; color: #1e2437; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .egift-cards03 .slick-arrow:hover { background-color: #46cac2; } .egift-cards03 .right-arrow.slick-arrow { right: -50px; } label.switch.position-relative a { top: 4px; transform: none; right: -25px; } ul.charity-search-results { list-style-type: none; padding: 0; margin: 10px 0; border: 1px solid #e9e9eb; border-radius: 4px; } ul.charity-search-results li a { font-size: 16px; line-height: normal; color: rgba(30, 36, 55, 0.8); border-bottom: 1px solid #e9e9eb; display: block; padding: 8px 15px; } ul.charity-search-results li a:hover { background-color: #e9e9eb; } ul.charity-search-results li:last-child a { border-bottom: 0px solid #e9e9eb; } .form-group.mt-form a.promo-code-btn { position: absolute; color: #46cac2; right: 15px; top: 48px; font-weight: 500; font-size: 16px; } /* invite-preview */ .invite-preview-header { padding: 15px 70px; position: -webkit-sticky; position: sticky; top: 0; width: 100%; background-color: #ffffff; top: 0; left: 0; z-index: 999; } .invite-preview-header .theme-btn-lite { } .preview-breadcrumbs { text-align: center; background-color: #e9eaeb; padding: 28px 0; } .preview-mode .preview-modal-inner { position: relative; margin: 0 auto; max-width: 1300px; padding: 100px 0; background-color: #7fe2dc; } section.preview-mode { background-color: #e9eaeb; } section.min-100vh.preview-bg.preview-mode { min-height: unset; } .preview-mode .preview-modal-inner .row.no-gutters { border-radius: 24px; overflow: hidden; box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 5%); position: relative; transform: scale(0.8); transform-origin: top center; } .trigger-screen { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: none; } .preview-mode .preview-modal-inner .row.no-gutters .trigger-screen { display: block; } .previewCarousel { display: none; } .preview-modal-btn-right, .preview-modal-btn-left { display: none; } .preview-mode .preview-modal-inner .preview-modal-btn-right, .preview-mode .preview-modal-inner .preview-modal-btn-left { position: fixed; right: 5%; z-index: 9999; text-align: center; top: 50%; transform: translateY(-50%); display: block; } .preview-mode .preview-modal-inner .preview-modal-btn-left { left: 5%; right: auto; } span#availablityText { font-size: 14px; } .invite-preview-header.remove-sticky { position: static; } .invite-preview-header.remove-sticky .invite-preview-right .theme-btn-lite { z-index: 999; position: fixed; pointer-events: none; right: 70px; top: 22px; max-width: 290px; } .disable-arrows .preview-modal-btn-right, .disable-arrows .preview-modal-btn-left { pointer-events: none; } .preview-modal-v2 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background-color: #fffffff5; z-index: 999; display: flex; align-items: center; justify-content: center; } .preview-breadcrumbs ul li { display: inline-block; } .preview-breadcrumbs ul li a { color: #989ba3; text-transform: uppercase; letter-spacing: 0.05em; display: inline-block; font-size: 14px; font-family: "Modern Era TRIAL"; font-weight: 500; position: relative; margin: 0 12px; } .preview-breadcrumbs ul li a.active { color: #1e2437; font-weight: 700; } .preview-breadcrumbs ul li i { color: #c0c2c7; font-size: 11px; } .invite-preview-right .theme-link-lite { font-size: 16px; margin-top: 10px; display: inline-block; } .max-400 { max-width: 400px; } .preview-mode { margin: 0 !important; } .invite-preview-right { max-width: 100%; margin-left: auto; text-align: center; width: 100%; min-height: 88px; display: flex; align-items: center; justify-content: flex-end; flex-direction: row; } .invite-preview-right .theme-btn-lite { max-width: 215px; margin: 0; margin-left: 30px; } .mt-contribute-right.mt-48.position-relative.mt-card-white { min-height: 100vh; } .preview-mode .mt-contribute-right.mt-48.position-relative.mt-card-white { min-height: unset; } .skip-preview { font-size: 16px; line-height: 18px; text-align: center; color: #1e2437; margin-top: 20px; display: inline-block; } .skip-preview:hover { color: #0f121c; } .invite-preview-left h2 { font-size: 24px; line-height: 36px; color: #1e2437; margin-bottom: 0; font-weight: 500; display: flex; font-family: "Modern Era TRIAL"; align-items: center; } .invite-preview-left p { font-size: 14px; line-height: 22px; color: rgba(30, 36, 55, 0.6); margin-bottom: 5px; margin-top: 10px; } .invite-preview-left a { font-size: 16px; line-height: 18px; color: #36adb4; margin-right: 30px; } .invite-preview-left a:hover { color: #46cac2; } .invite-preview-left h2 svg { position: static; left: 0; top: 0; cursor: pointer; } .header-preview-text { font-size: 18px; line-height: 22px; color: #1e2437; font-family: "Modern Era TRIAL"; } .header-preview-text strong { font-weight: 500; font-size: 20px; display: block; margin-bottom: 8px; } .header-preview-text a { text-decoration: underline !important; color: #1e2437 !important; cursor: pointer !important; } .form-group.mt-form a.promo-code-btn:hover { color: #7fe2dc; } .simple-link { font-size: 16px; line-height: 17px; text-align: center; text-decoration-line: underline; color: #1e2437; font-family: "Modern Era TRIAL"; margin-top: 25px; display: block; } a.theme-btn-lite.max-290 { max-width: 290px; } .form-group.mt-form span.error-alert { font-size: 14px; font-weight: 500; } .error-message-color { color: #ed4f32; } .success-message-color { color: #15cd72; } .invite-preview-body { background-color: #f7f7f6; padding: 80px 0; min-height: 100vh; } .invite-preview-card-holder { background: #ffffff; border-radius: 4px; max-width: 560px; margin: 0 auto; padding: 35px 60px 50px; } .invite-preview-info p { font-size: 14px; line-height: 42px; color: #1e2437; margin-bottom: 0; } .invite-preview-info p span { color: #a5a7af; } .invite-preview-info { margin-bottom: 30px; } /* verification-modal */ .verification-modal .modal-dialog { margin-top: 5%; max-width: 500px; } .verification-control { margin-top: 25px; margin-bottom: 0; } .verification-modal-inner { padding-top: 50px; padding-bottom: 50px; } .verification-modal-inner h2 { font-size: 20px; line-height: 32px; text-align: center; color: #1e2437; margin-bottom: 24px; } .verification-modal-inner p { font-size: 14px; line-height: 22px; text-align: center; color: rgba(30, 36, 55, 0.6); } .verification-control .form-control { width: 60px; height: 74px; background: #e9eaeb; border-radius: 9px; border: 0; margin: 10px 10px; text-align: center; border: 1px solid #e9eaeb; font-size: 28px; font-weight: 500; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .verification-control .form-control:focus { color: #495057; background-color: #e9eaeb; border-color: #7fe2dc; outline: 0; box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%); } h5.verification-error { color: red; font-size: 14px; margin: 0; margin-top: 5px; } /* invitation-preview */ td.tdSpacee { width: 70px !important; } td.tdSpace { width: 50px !important; } td.tdSpaced { width: 16% !important; } td div#mainHeading { font-size: 28px; line-height: 1.1 !important; } div#babyDuckHeading { font-size: 50px !important; line-height: 58px !important; } div#candyHeartHeading { font-size: 83px !important; line-height: 78px !important; } .modal-dialog.modal-margin-bottom { margin-bottom: 160px; } .email-success { color: green; font-size: 16px; } /* invitation-preview */ /* New Group Cards */ /* Group Card max-440 */ .mt-group-card-container { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; } .mt-groupCard { max-width: 540px; background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #f7f7f6; text-align: center; position: relative; } .mt-groupCard .mt-groupCard-header { height: 200px; } .mt-groupCard-header img { width: 100%; max-width: 100%; display: block; } .mt-groupCard .mt-groupCard-title { font-family: Recoleta; font-weight: 300; font-size: 60px; line-height: 1 !important; letter-spacing: -0.02em; color: #000000; max-width: 480px; margin-left: auto; margin-right: auto; min-height: 220px; margin-bottom: 20px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } .mt-groupCard-space { min-height: 200px; display: flex; align-items: center; justify-content: center; } .mt-groupCard .mt-groupCard-description { font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; letter-spacing: -0.03em; color: #1e2437; max-width: 450px; margin-left: auto; margin-right: auto; margin-bottom: 0; display: none; } .mt-groupCard .mt-groupCard-image { display: none; margin-bottom: 15px; text-align: center; } .mt-groupCard-image img { width: 450px; max-width: 100%; object-fit: cover; height: 300px; } .mt-groupCard-footer { font-family: Recoleta; font-style: normal; font-weight: 300; font-size: 18px; line-height: 45px; text-align: center; letter-spacing: -0.02em; color: #000000; margin-bottom: 0; margin-top: 60px; } /* Old css to Display description and image for groupcard */ /* New css to Hide description and image for groupcard */ .groupCardDescription .mt-groupCard-description { display: none; } .groupCardImage .mt-groupCard-image { display: none; } /* New css to Hide description and image for groupcard */ .preview-invitation-container { width: 100%; padding: 0; padding-top: 70px; padding-bottom: 30px; max-width: 440px; } /* GroupCard Images */ ._greenPlant_ .gc-booklet-inner { /*background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/waterColor-plantGreen-Cover.png);*/ background-color: #f5f5f5; background-size: 100%; background-repeat: no-repeat; background-position: top center; } ._greenPlant_ .gc-booklet-inner .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/waterColor-plantGreen-Cover.png); background-size: cover; background-position: top center; } ._greenPlant_ .mt-groupCard-space { display: none; } ._greenPlant_ .mt-groupCard-title { font-family: "Parisienne"; font-size: 80px; padding: 10px; color: #000000; text-transform: capitalize; line-height: 80px; max-width: 100%; letter-spacing: 0; position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; } ._goldDots_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header01.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #faf9f5; } ._goldClouds_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header03.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #faf9f5; } ._brownDots_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header04.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #faf9f5; } ._colorFlower_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header05.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #faf9f5; } ._roses_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header06.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #faf9f5; } ._goldLines_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header07.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #faf9f5; } ._pinkFlower_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header08.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #faf9f5; } ._multiShades_ .gc-container-inner { background-color: #f7f7f7; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header09.png), url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-footer09.png); background-position: top center, bottom center; background-repeat: no-repeat, no-repeat; } ._multiShades_.groupCardImage .mt-groupCard-footer, ._multiShades_.groupCardDescription .mt-groupCard-footer { margin-top: 50px; } ._rainbowTop_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header11v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 230px; } ._rainbowTop_ .mt-groupCard-space { display: none; } ._rainbowTop_.groupCardDescription .mt-groupCard-space { display: flex; } .mt-groupCard._pinkRainbow_ .gc-container-inner { background-color: #dec5d9; } ._pinkRainbow_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header11v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 230px; } ._pinkRainbow_ .mt-groupCard-space { display: none; } ._pinkRainbow_.groupCardDescription .mt-groupCard-space { display: flex; } ._rabbitTop_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header16v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 200px; } ._rabbitTop_ .mt-groupCard-space { display: none; } ._rabbitTop_.groupCardDescription .mt-groupCard-space { display: flex; } .mt-groupCard._pinkRabit_ .gc-container-inner { background-color: #dec5d9; } ._pinkRabit_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header16v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 200px; } ._pinkRabit_ .mt-groupCard-space { display: none; } ._pinkRabit_.groupCardDescription .mt-groupCard-space { display: flex; } ._deer_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header12v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 220px; } ._deer_ .mt-groupCard-space { display: none; } ._deer_.groupCardDescription .mt-groupCard-space { display: flex; } ._Sun_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header13v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 200px; } ._Sun_ .mt-groupCard-space { display: none; } ._Sun_.groupCardDescription .mt-groupCard-space { display: flex; } ._honeyBee_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header14v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 180px; } ._honeyBee_ .mt-groupCard-space { display: none; } ._honeyBee_.groupCardDescription .mt-groupCard-space { display: flex; } .mt-groupCard._pinkWhale_ .gc-container-inner { background-color: #dec5d9; } ._whaleTop_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header15v2.png); background-repeat: no-repeat; background-position: center; height: 245px; background-size: 185px; } ._whaleTop_ .mt-groupCard-space { display: none; } ._whaleTop_.groupCardDescription .mt-groupCard-space { display: flex; } ._pinkWhale_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header15v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 200px; } ._pinkWhale_ .mt-groupCard-space { display: none; } ._pinkWhale_.groupCardDescription .mt-groupCard-space { display: flex; } ._happyBirthday_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header17v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 330px; background-position-y: 60%; } ._happyBirthday_ .mt-groupCard-space { display: none; } ._happyBirthday_.groupCardDescription .mt-groupCard-space { display: flex; } ._happyBirthday_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._happyBirthday_.groupCardImage .mt-groupCard-title { display: none; } ._goodBye_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header18v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 330px; background-position-y: 60%; } ._goodBye_ .mt-groupCard-space { display: none; } ._goodBye_.groupCardDescription .mt-groupCard-space { display: flex; } ._goodBye_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._goodBye_.groupCardImage .mt-groupCard-title { display: none; } ._hoorayRed_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header19v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: auto; background-position-y: 60%; } ._hoorayRed_ .mt-groupCard-space { display: none; } ._hoorayRed_.groupCardDescription .mt-groupCard-space { display: flex; } ._hoorayRed_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; } ._hoorayRed_.groupCardImage .mt-groupCard-space { display: flex; } ._hoorayRed_.groupCardImage .mt-groupCard-title { display: none; } .mt-groupCard._hoorayPink_ .gc-container-inner { background-color: #ecc3c1; } ._hoorayPink_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header25_gc.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: auto; background-position-y: 60%; } ._hoorayPink_ .mt-groupCard-space { display: none; } ._hoorayPink_.groupCardDescription .mt-groupCard-space { display: flex; } ._hoorayPink_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; } ._hoorayPink_.groupCardImage .mt-groupCard-space { display: flex; } ._hoorayPink_.groupCardImage .mt-groupCard-title { display: none; } .mt-groupCard._hoorayBlue_ .gc-container-inner { background-color: #d1f4ff; } ._hoorayBlue_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header26_gc.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: auto; background-position-y: 60%; } ._hoorayBlue_ .mt-groupCard-space { display: none; } ._hoorayBlue_.groupCardDescription .mt-groupCard-space { display: flex; } ._hoorayBlue_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; } ._hoorayBlue_.groupCardImage .mt-groupCard-space { display: flex; } ._hoorayBlue_.groupCardImage .mt-groupCard-title { display: none; } ._HBD_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header20v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 460px; background-position-y: 60%; } ._HBD_ .mt-groupCard-space { display: none; } ._HBD_.groupCardDescription .mt-groupCard-space { display: flex; } ._HBD_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._HBD_.groupCardImage .mt-groupCard-title { display: none; } ._welcomeWorld_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header21v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 360px; background-position-y: 60%; } ._welcomeWorld_ .mt-groupCard-space { display: none; } ._welcomeWorld_.groupCardDescription .mt-groupCard-space { display: flex; } ._welcomeWorld_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 0px; } ._welcomeWorld_.groupCardImage .mt-groupCard-title { display: none; } ._greenBye_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header23v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 300px; background-position-y: center; } ._greenBye_ .mt-groupCard-space { display: none; } ._greenBye_.groupCardDescription .mt-groupCard-space { display: flex; } ._greenBye_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._greenBye_.groupCardImage .mt-groupCard-title { display: none; } ._FarewellGoodLuck_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header22v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 380px; background-position-y: center; } ._FarewellGoodLuck_ .mt-groupCard-space { display: none; } ._FarewellGoodLuck_.groupCardDescription .mt-groupCard-space { display: flex; } ._FarewellGoodLuck_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._FarewellGoodLuck_.groupCardImage .mt-groupCard-title { display: none; } ._grayGoodBye_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header27v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 400px; background-position-y: center; } ._grayGoodBye_ .mt-groupCard-space { display: none; } ._grayGoodBye_.groupCardDescription .mt-groupCard-space { display: flex; } ._grayGoodBye_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._grayGoodBye_.groupCardImage .mt-groupCard-space { display: flex; } ._grayGoodBye_.groupCardImage .mt-groupCard-title { display: none; } .mt-groupCard._pinkFarewell_ .gc-booklet-inner, .mt-groupCard._pinkFarewell_ { background-color: #dfc2bc; } ._pinkFarewell_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 400px; background-position-y: center; } ._pinkFarewell_ .mt-groupCard-space { display: none; } ._pinkFarewell_.groupCardDescription .mt-groupCard-space { display: flex; } ._pinkFarewell_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._pinkFarewell_.groupCardImage .mt-groupCard-space { display: flex; } ._pinkFarewell_.groupCardImage .mt-groupCard-title { display: none; } .mt-groupCard._farewellMiss_ .gc-container-inner { background-color: #dfcdbc; } ._farewellMiss_ .mt-groupCard-space { display: none; } ._farewellMiss_.groupCardDescription .mt-groupCard-space { display: flex; } ._farewellMiss_.groupCardImage .mt-groupCard-space { display: flex; } .mt-groupCard._farewellMiss_ { background-color: #dfcdbc; } ._farewellMiss_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 400px; background-position-y: center; } ._farewellMiss_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._farewellMiss_.groupCardImage .mt-groupCard-title { display: none; } .mt-groupCard._blueFarewell_ { background-color: #bcd9df; } ._blueFarewell_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 450px; background-position-y: center; } ._blueFarewell_ .mt-groupCard-space { display: none; } ._blueFarewell_.groupCardDescription .mt-groupCard-space { display: flex; } ._blueFarewell_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._blueFarewell_.groupCardImage .mt-groupCard-space { display: flex; } ._blueFarewell_.groupCardImage .mt-groupCard-title { display: none; } ._photoInvitations_ .mt-groupCard-header { height: auto; max-width: 100%; margin: 0 auto; padding: 50px; } ._photoInvitations_ .mt-groupCard-space { display: none; } ._photoInvitations_.groupCardDescription .mt-groupCard-space { display: flex; } ._photoInvitations_.groupCardImage .mt-groupCard-image { display: block; margin-top: 0; margin-bottom: 30px; } ._photoInvitations_.groupCardImage .mt-groupCard-space { display: flex; } ._photoInvitations_.groupCardImage .mt-groupCard-title { display: block; } ._photoInvitations_.groupCardImage .mt-groupCard-space { display: none; } ._HarryLiliy_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header29.png); background-color: #f5f6f5; background-size: 100%; background-repeat: no-repeat; background-position: top center; } .mt-groupCard._hoorayRed_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/confetti-header-gold.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; background-color: #f7f7f6; } .mt-groupCard._HBD_ .gc-container-inner { background-color: #f7f7f6; } ._HarryLiliy_ .mt-groupCard-header { height: 380px; } ._HarryLiliy_ .mt-groupCard-title { min-height: 175px; margin-bottom: 10px; } ._HarryLily2_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header30.png); background-color: #f5f5f5; background-size: 100%; background-repeat: no-repeat; background-position: top center; } ._HarryLily2_ .mt-groupCard-header { height: 380px; } ._HarryLily2_ .mt-groupCard-title { min-height: 60px; } ._HarrySally_ .gc-booklet-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/waterColor-HarrySally-Cover.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; } ._HarrySally_ .mt-groupCard-title { font-family: "heartwellregular"; font-size: 70px; padding: 10px 35px; color: #000000; text-transform: none; line-height: 70px; max-width: 100%; letter-spacing: 0; position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; width: 100%; height: 360px; margin-top: 17px; } ._HarrySally_ .mt-groupCard-space { display: none; } ._HarrySally_ .mt-groupCard-header { height: 160px; } .mt-groupCard-description { width: 100%; } .mt-groupCard-description [contenteditable] { width: 100%; } .preview-overlay { position: relative; } .preview-modal-btn { position: absolute; height: 100%; width: 100%; color: red; z-index: 99; display: flex; align-items: center; justify-content: center; top: 100px; } .preview-modal-btn .theme-btn-lite { max-width: 290px; } /*verification-modal*/ .gt_varification-modal-outer .verification-control .form-control { border-radius: 0; color: #495057; border: 1px solid #ced4da; height: 70px; width: 60px; margin: 10px 10px; text-align: left; font-size: 30px; } .gt_varification-modal-outer .verification-control .form-control { letter-spacing: 40px; border: 0; width: 100%; padding-left: 40px; text-indent: 6px; max-width: 400px; margin-left: auto; margin-right: auto; } .gt_varification-modal-outer .verification-control { position: relative; } .gt_varification-modal-outer .verification-control .form-control:focus { color: #495057; border-color: #80bdff; outline: 0; box-shadow: none; } .gt_varification-modal-outer .verification-control .form-control::placeholder { color: rgba(30, 36, 55, 0.4); opacity: 1; } .gt_varification-modal-outer .verification-control .form-control:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .gt_varification-modal-outer .verification-control .form-control::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .gt_varification-modal-outer .verification-control:after { content: ""; position: absolute; height: 1px; width: 340px; background-color: #0aebed; bottom: 12px; left: 0; right: 0; margin: 0 auto; } .gt_varification-modal-outer .verification-control-footer { max-width: 458px; margin: 0 auto; font-size: 14px; } .gt_varification-modal-outer .verification-control-footer h5 { font-size: 14px; color: red; } .gt_varification-modal-outer .verification-control-footer p a { color: #00b3b5; } .gt_varification-modal-outer .row.verification-control-footer.max-code.no-gutters { max-width: 400px; margin: 0 auto; } .gt_varification-verify { margin-top: 35px; margin-bottom: 20px; } .gt_varification-verify button { max-width: 160px; } .tooltip .tooltip-inner { text-align: left !important; } .tooltip .tooltip-inner ul { margin: 0; padding-left: 15px; list-style-type: disc; } /* gc-booklet */ .custom-control.custom-switch.d-inline img { right: 8px; top: 0px; position: relative; } .gc-booklet .mt-groupCard { height: 100%; } .gc-booklet { width: 100%; height: 100vh; } .gc-booklet .mt-groupCard { margin-left: auto; margin-right: auto; } .carousel .carousel-inner .gc-booklet { display: flex; align-items: center; } .carousel .carousel-inner .gc-booklet .mt-groupCard { margin-left: 0; margin-right: 0; display: flex; align-items: center; width: 100%; background-color: transparent; } .gc-booklet-inner { width: 100%; height: 765px; position: relative; background-color: #f7f7f6; } .gc-booklet .gc-booklet-inner .mt-groupCard-footer { margin-top: 0px; position: absolute; left: 0; right: 0; bottom: 0; line-height: 35px; } .gc-booklet .gc-booklet-inner .gc-page { display: block; width: 640px; height: 100%; background: #faf9f5; } a.theme-btn-lite.wax-400 { max-width: 448px; } .notification-badge { margin-left: 2px; position: relative; top: -4px; } .font-12 { font-size: 12px !important; } .quantity.quantity-dollor-sign { width: 120px; } .quantity.quantity-dollor-sign input { font-size: 14px; width: 72px; } .quantity.quantity-dollor-sign input:focus::placeholder { color: transparent; } /* mt-contribute-groupcard */ .mt-contribute-groupcard { } .mt-contribute-groupcard-inner { width: 100%; margin: auto; max-width: 540px; } .mt-contribute-groupcard-inner .gc-booklet { height: auto; } .mt-contribute-groupcard-inner .carousel-control-next, .mt-contribute-groupcard-inner .carousel-control-prev { width: 36px; opacity: 1; } .mt-contribute-groupcard-inner .carousel-control-prev { left: -60px; } .mt-contribute-groupcard-inner .carousel-control-next { right: -60px; } .mt-contribute-groupcard-inner .carousel-control-next svg, .mt-contribute-groupcard-inner .carousel-control-prev svg { width: 36px; height: 36px; } .mt-contribute-right.mt-48 { padding-top: 48px; } .mt-join-collection-card-content.max-440 { max-width: 440px; } .invite-preview-body.invite-preview-divider { margin-top: 155px; } /* Group- card */ .tab-pane .preview-tab-content .gc-booklet-inner { background-color: transparent; } p.collection-share { font-size: 35px; line-height: 48px; } .z-index-50 { z-index: 50 !important; } .mt-groupCard-description { font-family: "Modern Era TRIAL"; } ._blueFarewel_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png); background-repeat: no-repeat; background-position: center; height: 260px; background-size: 400px; background-position-y: center; } .mt-groupCard._blueFarewel_ { background-color: #bcd9df; } .mt-groupCard._blueFarewel_ .gc-container-inner { background-color: #bcd9df; } .preview-tab-content .gc-container:before { display: none; } ._hoorayRed_ .mt-groupCard-header, ._hoorayPink_ .mt-groupCard-header, ._hoorayBlue_ .mt-groupCard-header { background-size: 95%; background-position-y: center; } ._happyBirthday_.groupCardImage .mt-groupCard-space, ._goodBye_.groupCardImage .mt-groupCard-space, ._hoorayRed_.groupCardImage .mt-groupCard-space, ._HBD_.groupCardImage .mt-groupCard-space, ._welcomeWorld_.groupCardImage .mt-groupCard-space, ._greenBye_.groupCardImage .mt-groupCard-space, ._FarewellGoodLuck_.groupCardImage .mt-groupCard-space, ._hoorayPink_.groupCardImage .mt-groupCard-space, ._hoorayBlue_.groupCardImage .mt-groupCard-space, ._grayGoodBye_.groupCardImage .mt-groupCard-space, ._farewellMiss_.groupCardImage .mt-groupCard-space, ._pinkFarewell_.groupCardImage .mt-groupCard-space, ._blueFarewel_.groupCardImage .mt-groupCard-space { display: flex; } ._happyBirthday_.groupCardImage .mt-groupCard-title, ._goodBye_.groupCardImage .mt-groupCard-title, ._hoorayRed_.groupCardImage .mt-groupCard-title, ._HBD_.groupCardImage .mt-groupCard-title, ._welcomeWorld_.groupCardImage .mt-groupCard-title, ._greenBye_.groupCardImage .mt-groupCard-title, ._FarewellGoodLuck_.groupCardImage .mt-groupCard-title, ._hoorayPink_.groupCardImage .mt-groupCard-title, ._hoorayBlue_.groupCardImage .mt-groupCard-title, ._grayGoodBye_.groupCardImage .mt-groupCard-title, ._farewellMiss_.groupCardImage .mt-groupCard-title, ._pinkFarewell_.groupCardImage .mt-groupCard-title, ._blueFarewel_.groupCardImage .mt-groupCard-title { display: block; } a.edit-btn { position: absolute; right: -25px; top: 30px; z-index: 9; } a.edit-btn svg { width: 55px; height: 55px; } .mt-groupCard._deer_ .gc-container-inner, .mt-groupCard._whaleTop_ .gc-container-inner, .mt-groupCard._rainbowTop_ .gc-container-inner, .mt-groupCard._rabbitTop_ .gc-container-inner, .mt-groupCard._Sun_ .gc-container-inner, .mt-groupCard._honeyBee_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/card-bg.png); background-size: cover; background-repeat: repeat; } .mt-contribute-groupcard-inner .gc-container:before { display: none; } .mt-join-collection-card.preview-invitation-container a.edit-btn { display: none; } .mt-groupCard .gc-container:before { display: none; } .mt-groupCard._greenBye_ .gc-container-inner { background-color: #33a589; } .mt-groupCard._FarewellGoodLuck_ .gc-container-inner { background-color: #f4ebe7; } .mt-groupCard._grayGoodBye_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header27-bg.png); background-size: cover; } .mt-groupCard._welcomeWorld_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header21-bg.png); background-size: cover; background-position: center; } ._hoorayRed_ .mt-groupCard-header, ._hoorayBlue_ .mt-groupCard-header, ._hoorayPink_ .mt-groupCard-header, ._HBD_ .mt-groupCard-header { height: 390px; background-size: 490px; } ._happyBirthday_ .mt-groupCard-header, ._goodBye_ .mt-groupCard-header, ._welcomeWorld_ .mt-groupCard-header, ._greenBye_ .mt-groupCard-header, ._FarewellGoodLuck_ .mt-groupCard-header, ._grayGoodBye_ .mt-groupCard-header, ._farewellMiss_ .mt-groupCard-header, ._pinkFarewell_ .mt-groupCard-header, ._blueFarewel_ .mt-groupCard-header, ._happyBirthday_ .mt-groupCard-header { height: 390px; background-size: 420px; } ._happyBirthday_.groupCardDescription .mt-groupCard-title, ._goodBye_.groupCardDescription .mt-groupCard-title, ._hoorayRed_.groupCardDescription .mt-groupCard-title, ._hoorayBlue_.groupCardDescription .mt-groupCard-title, ._hoorayPink_.groupCardDescription .mt-groupCard-title, ._HBD_.groupCardDescription .mt-groupCard-title, ._welcomeWorld_.groupCardDescription .mt-groupCard-title, ._greenBye_.groupCardDescription .mt-groupCard-title, ._FarewellGoodLuck_.groupCardDescription .mt-groupCard-title, ._grayGoodBye_.groupCardDescription .mt-groupCard-title, ._farewellMiss_.groupCardDescription .mt-groupCard-title, ._pinkFarewell_.groupCardDescription .mt-groupCard-title, ._blueFarewel_.groupCardDescription .mt-groupCard-title, ._HarryLiliy_.groupCardDescription .mt-groupCard-title, ._HarryLily2_.groupCardDescription .mt-groupCard-title { display: none; } ._happyBirthday_.groupCardImage .mt-groupCard-title, ._goodBye_.groupCardImage .mt-groupCard-title, ._hoorayRed_.groupCardImage .mt-groupCard-title, ._hoorayBlue_.groupCardImage .mt-groupCard-title, ._hoorayPink_.groupCardImage .mt-groupCard-title, ._HBD_.groupCardImage .mt-groupCard-title, ._welcomeWorld_.groupCardImage .mt-groupCard-title, ._greenBye_.groupCardImage .mt-groupCard-title, ._FarewellGoodLuck_.groupCardImage .mt-groupCard-title, ._grayGoodBye_.groupCardImage .mt-groupCard-title, ._farewellMiss_.groupCardImage .mt-groupCard-title, ._pinkFarewell_.groupCardImage .mt-groupCard-title, ._blueFarewel_.groupCardImage .mt-groupCard-title, ._HarryLiliy_.groupCardImage .mt-groupCard-title, ._HarryLily2_.groupCardImage .mt-groupCard-title { display: none; } /* ========== Spend New Pages CSS =========== */ .gt-spend-v2-col { min-height: 100vh; } .gt-spend-v2-left { max-width: 460px; margin: 0 auto; padding-top: 60px; position: relative; padding-left: 15px; padding-right: 15px; padding-bottom: 60px; } .gt-spend-v2-left h2 { font-size: 28px; line-height: 36px; color: #1e2437; font-family: "Modern Era TRIAL"; margin-bottom: 15px; position: relative; } .gt-spend-v2-left p { font-family: "Modern Era TRIAL"; font-weight: normal; font-size: 18px; line-height: 28px; color: rgba(30, 36, 55, 0.6); margin-bottom: 45px; } .gts-label h6 { font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); font-weight: 400; } .gts-label h6 svg { margin-left: 5px; display: inline-block; position: relative; top: -2px; } .gts-input input { width: 69px; height: 56px; background: #ffffff; border: 1px solid #e9eaeb; box-sizing: border-box; border-radius: 4px; text-align: center; font-size: 14px; line-height: 28px; color: #484d5d; font-family: "Modern Era TRIAL"; } .gts-input h5 { text-align: center; font-size: 14px; line-height: 28px; color: #484d5d; font-family: "Modern Era TRIAL"; width: 69px; height: 30px; margin-bottom: 0; display: flex; align-items: center; justify-content: center; } .gts-fields { max-width: 310px; } .gts-action-btns { max-width: 340px; text-align: center; margin-top: 40px; } .gts-action-btns p { margin-bottom: 15px; font-size: 18px; line-height: 28px; text-align: center; font-family: "Modern Era TRIAL"; color: rgba(30, 36, 55, 0.6); } .gts-action-btns p a { margin-bottom: 15px; font-size: 18px; line-height: 28px; text-align: center; font-family: "Modern Era TRIAL"; color: rgba(30, 36, 55, 0.6); text-decoration: underline; } .gts-action-btns p a:hover { color: rgba(30, 36, 55, 0.8); } p.gts-v2-help, p.gts-v2-help a { font-size: 12px; line-height: 28px; text-align: center; color: rgba(30, 36, 55, 0.6); margin: 0; font-family: "Modern Era TRIAL"; position: absolute; left: 0; right: 0; bottom: 10px; } p.gts-v2-help a { text-decoration: underline; position: static !important; } .gt-spend-v2-col-withbg { background-color: #f7f7f6; } .gt-spend-v2-right { max-width: 530px; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; padding-left: 15px; padding-right: 15px; } .gts-large-fields .gts-input input, .gts-large-fields .gts-input h5 { width: 210px; } a.gts-back-arrow { position: absolute; top: 64px; left: -70px; } ul.gts-spend-list { padding: 0; margin: 0; list-style-type: none; } ul.gts-spend-list li { font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); font-family: "Modern Era TRIAL"; margin-bottom: 10px; position: relative; padding-left: 32px; } ul.gts-spend-list li a { text-decoration: underline; color: rgba(30, 36, 55, 0.8); display: inline-block; } ul.gts-spend-list li > span { position: absolute; left: 0; top: 0; } ul.gts-spend-list li > span.code-span { position: static; display: block; background-color: #e9eaeb; text-align: center; padding: 15px 5px; font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); font-family: "Modern Era TRIAL"; } /* ========== Spend New Pages CSS =========== */ .contributor-accordions { overflow: auto !important; height: auto !important; } .contributor-accordions::-webkit-scrollbar { width: 4px; } .contributor-accordions::-webkit-scrollbar-track { background: #f1f1f1; } .contributor-accordions::-webkit-scrollbar-thumb { background: #888; } .contributor-accordions::-webkit-scrollbar-thumb:hover { background: #555; } .invite-preview-card-holder a.edit-btn { display: none; } /* ========== Spend New Pages CSS =========== */ .mt-tm-invite-friends a svg { width: 35px; height: 22px; margin-top: -5px; } .mt-giftshop-subheader { height: 130px; background: #7fe2dc; } .mt-giftshop-subheader .mt-tm-container .col { height: 130px; } .col-pixel-width-220 { flex: 0 0 220px; padding: 0 15px; } .mt-giftshop-title-box { padding: 10px 0; } .mt-giftshop-subheader .row { min-height: 130px; } .mt-giftshop-title-box a { font-size: 16px; color: #1e2437; font-family: "Modern Era TRIAL"; } .mt-giftshop-title-box a svg { margin-right: 5px; position: relative; top: -3px; width: 8px; height: 10px; } .mt-giftshop-title-box h2 { font-size: 40px; font-family: Recoleta; line-height: 60px; color: #1e2437; font-weight: 400; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .mt-gs-amount-available-circle { width: 178px; height: 178px; background-color: #36adb4; border-radius: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: relative; top: -15px; z-index: 1; } .mt-gs-avail p, .mt-gs-spent p { font-size: 10px; line-height: 15px; text-align: center; color: #ffffff; font-family: "Modern Era TRIAL"; margin-bottom: 5px; } .mt-gs-avail h2, .mt-gs-spent h2 { font-size: 36px; line-height: 30px; text-align: center; color: #ffffff; font-weight: normal; font-family: "Modern Era TRIAL"; margin-bottom: 0; } .mt-gs-spent p, .mt-gs-spent h2 { color: #1e2437; } .mt-gs-avail { margin-bottom: 20px; } .mt-gs-amount-available-circle svg.gt-smile { position: absolute; bottom: -26px; left: 0; right: 0; text-align: center; width: 100%; } .mt-gs-cartbtn { width: 68px; height: 68px; right: 0; top: -25px; background-color: #1e2437; position: absolute; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 100%; cursor: pointer; z-index: 2; } .mt-gs-cartbtn .mt-gs-cart-items { background: #e45964; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 100%; position: absolute; top: 0; right: -5px; font-size: 14px; line-height: 0px; color: #fff; font-family: "Modern Era TRIAL"; } .offcanvas-header { display: none; padding: 30px 0; } .mt-giftshop-navbar { background-color: #1e2437; padding: 8px 0px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } .nav-giftshop { position: static; } .nav-giftshop .navbar-nav .nav-item .nav-link img.gifts { max-width: 25px; margin-right: 10px; } .nav-giftshop .navbar-nav .nav-item .nav-link img.eGifts { max-width: 28px; margin-right: 10px; } .nav-giftshop .navbar-nav .nav-item .nav-link img.tFunds { max-width: 24px; margin-right: 10px; } .nav-giftshop .navbar-nav .nav-item .nav-link img.gCard { max-width: 24px; margin-right: 10px; margin-top: -2px; } .nav-giftshop .navbar-nav .nav-item .nav-link { font-size: 17px; line-height: 32px; text-transform: capitalize; color: #ffffff; font-family: "Modern Era TRIAL"; display: flex; align-items: center; position: relative; padding-right: 40px; } .nav-giftshop .navbar-nav li.nav-item.dropdown { margin-right: 15px; } .nav-giftshop .navbar-nav .nav-item .nav-link.dropdown-toggle::before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f078"; position: absolute; right: 20px; top: 10px; font-size: 10px; } .nav-giftshop .dropdown, .dropleft, .nav-giftshop .dropright, .nav-giftshop .dropup { position: static; } .nav-giftshop .dropdown-menu { min-width: 100%; padding: 0; margin: 0; border-radius: 0; left: 0; right: 0; background-color: #1e2437; border: 0; padding-top: 16px; padding-bottom: 16px; margin-top: 0px; border-top: 1px solid #36adb4; } .nav-giftshop li.nav-item.dropdown.show > a.nav-link { color: #36adb4; } .nav-giftshop .giftshop-megamenu ul { padding: 0; list-style-type: none; } .nav-giftshop .giftshop-megamenu ul li { display: block; } .nav-giftshop .giftshop-megamenu ul li:last-child { margin-right: 0px; } .nav-giftshop .giftshop-megamenu ul li a { font-size: 17px; line-height: 32px; text-transform: capitalize; color: #ffffff; font-family: "Modern Era TRIAL"; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .nav-giftshop .giftshop-megamenu ul li a:hover { color: #36adb4; } .nav-giftshop .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::before { content: "\f077"; } .nav-giftshop .navbar-nav .nav-item .dropdown-toggle::after { display: none; } .nav-giftshop .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::after { content: ""; border: 0; position: absolute; transition: 0.2s ease all; width: 8px; height: 8px; background-color: #1e2437; border-left: 1px solid #36adb4; border-top: 1px solid #36adb4; transform: rotate(45deg); bottom: -12px; z-index: 99999; left: 0; right: 0; margin: 0 auto; display: block !important; } .giftshop-slider-section { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/100-plus-brands-bg.png); background-repeat: repeat-x; background-size: contain; position: relative; } img.gc-squigglesv-image { position: absolute; right: 330px; bottom: 100px; max-width: 350px; z-index: 99; } .gs-slider-item-content { padding: 70px 0; max-width: 700px; position: relative; z-index: 9; min-height: 540px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } .giftshop-slider .slick-list { overflow: visible; } .gs-slider-tag { font-size: 14px; line-height: 18px; color: #1e2437; margin-bottom: 15px; font-family: "Modern Era TRIAL"; } .gs-slider-title { font-size: 52px; line-height: 56px; color: #1e2437; font-weight: 500; font-family: "Modern Era TRIAL"; } svg.squiggles-svg { position: absolute; bottom: 110px; left: 250px; max-width: 350px; } img.gc-slider-ribbon { position: absolute; bottom: 125px; max-width: 260px; left: 235px; } .gs-slider-title span { font-family: Recoleta; display: block; font-weight: 300; } .gs-slider-shopbtn { max-width: 204px; margin-top: 10px; margin-left: 0; padding-top: 16px; padding-bottom: 16px; } .giftshop-slider ul.slick-dots { position: absolute; left: 0; right: 0; text-align: center; width: 100%; bottom: 20px; list-style-type: none; margin-bottom: 0; } .giftshop-slider ul.slick-dots li button { color: transparent; border: 0; padding: 0; width: 10px; height: 10px; background-color: #a5a7af; border-radius: 100%; } .giftshop-slider ul.slick-dots li.slick-active button { background-color: #1e2437; } .giftshop-slider ul.slick-dots li button:focus { outline: none; } .giftshop-slider ul.slick-dots li { display: inline-block; margin: 0 4px; } .giftshop-slider .slick-slide { position: relative; } .giftshop-slider .gc-slider-image { position: absolute; right: 0; top: 50%; bottom: 0; height: auto; max-width: 590px; transform: translateY(-50%); width: 100%; } .giftshop-banner { padding: 40px 0; } .giftshop-banner .giftshop-banner-bg { background-color: #e9e9eb; border-radius: 8px; } .gc-banner-image img { max-width: 280px; padding: 15px 0 5px; } .gc-banner-content h2 { font-size: 40px; line-height: 52px; color: #1e2437; font-weight: 400; font-family: "Modern Era TRIAL"; } .gc-banner-content h2 span { font-family: Recoleta; display: block; font-weight: 300; } .gc-banner-content a { max-width: 290px; margin-top: 12px; } .gray-bg { background-color: #f7f7f6; } .gc-card-inner { height: 500px; position: relative; background-color: #7fe2dc; background-position: bottom; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; padding: 60px; background-size: contain; } .giftshop-cards { padding-bottom: 40px; padding-top: 40px; } .gc-card-inner h2 { font-size: 40px; line-height: 52px; color: #1e2437; font-weight: 500; font-family: "Modern Era TRIAL"; position: relative; z-index: 9; } .gc-card-inner h2 span { font-family: Recoleta; display: block; font-weight: 300; } a.view-more { font-size: 22px; line-height: 18px; text-align: center; text-decoration-line: underline; color: #ffffff; font-family: "Modern Era TRIAL"; position: absolute; left: 0; right: 0; bottom: 60px; } .gc-first-card { background-image: url(../Images/gt-mt-images/g-cards.png); } .gc-second-card { background-image: url(../Images/gt-mt-images/gifts-image01.png); } .gc-cards-overlay:after { content: ""; background-image: url(../Images/gt-mt-images/overlay.png); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .gc-second-card a.view-more { color: #1e2437; z-index: 9999; } .gc-second-card h2 { position: relative; z-index: 9; } .mt-tm-cd-inner h5.resize-length-4-8 { font-size: 24px; line-height: 38px; } .mt-tm-cd-inner h5.resize-length-greater-8 { font-size: 14px; line-height: 26px; padding-top: 6px; } .mobile-sidebar { position: fixed; top: 0; width: 100%; background-color: #fff; min-height: 100%; z-index: 999 !important; padding: 15px 20px 15px; } .mobile-sidebar .gt-modal-close { text-align: right; margin-bottom: 15px; margin-right: 5px; } .tm-mob-menu { position: absolute; left: 0; right: 0; max-width: 100%; margin: 0 auto; text-align: center; top: 15px; } .tm-mob-menu a { font-size: 18px; line-height: 32px; text-align: center; color: #1e2437; font-family: "Modern Era TRIAL"; font-weight: 400; } .tm-mob-menu .dropdown-toggle { border-bottom: 2px solid #7fe2dc; padding-bottom: 6px; } .tm-mob-menu .dropdown-toggle::after { display: none; } .tm-mob-menu .dropdown-toggle span { position: relative; } .tm-mob-menu .dropdown-toggle span::before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f078"; position: absolute; right: -22px; top: -4px; font-size: 15px; color: #1e2437; } .tm-mob-menu .dropdown-menu { border: 0; width: 100%; border-radius: 0; background-color: #fff; padding-bottom: 20px; } .tm-mob-menu .dropdown-toggle[aria-expanded="true"] span::before { content: "\f077"; } .gs-brands-slider-section { background-color: #e9e9eb; padding: 70px 0; } .gs-brands-slider-section h2 { font-size: 40px; line-height: 42px; text-align: center; font-family: "Modern Era TRIAL"; color: #1e2437; font-weight: 400; margin-bottom: 80px; } .gs-brands-slider { padding: 0 50px; } .gs-brands-slider-item img { max-width: 160px; margin: 0 auto; max-height: 140px; object-fit: contain; } .gs-brands-slider-item { display: flex; justify-content: center; align-items: center; min-height: 150px; } .gs-brands-slider .left-arrow.slick-arrow, .gs-brands-slider .right-arrow.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; cursor: pointer; } .gs-brands-slider .left-arrow.slick-arrow { left: 18px; } .gs-brands-slider .right-arrow.slick-arrow { right: 18px; } .giftshop-featured-collections { padding-bottom: 40px; } .gs-collection-block { margin-bottom: 20px; } .gs-collection-block img { width: 100%; max-width: 100%; max-height: 495px; object-fit: cover; background-color: #efefef; border-radius: 8px; margin-bottom: 30px; } .gs-collection-block h2 { font-size: 30px; line-height: 42px; text-align: center; color: #1e2437; font-family: "Modern Era TRIAL"; padding: 0 15px; } .gs-collection-block h2 span { font-family: Recoleta; display: block; font-weight: 300; } .gs-collection-block a { font-size: 20px; line-height: 18px; text-align: center; text-decoration-line: underline; font-family: "Modern Era TRIAL"; color: #1e2437; display: block; font-weight: 500; margin-top: 20px; } .gs-collection-large-block { height: 100%; max-height: 495px; object-fit: cover; background-color: #fcedd3; border-radius: 8px; display: flex; justify-content: center; align-items: center; } .gs-collection-large-block h2 { font-size: 40px; line-height: 52px; text-align: center; color: #1e2437; font-family: "Modern Era TRIAL"; padding: 0 15px; } .gs-collection-large-block h2 span { font-family: Recoleta; display: block; font-weight: 300; } .gs-brands-slider-section { padding-top: 80px; padding-bottom: 80px; } /* Share modal css */ .share-accordion-block { } .share-accordion-header svg { margin-right: 30px; } .share-accordion-header h5 { font-size: 20px; line-height: 32px; color: #1e2437; margin-bottom: 0; font-family: "Modern Era TRIAL"; } .share-accordion-header p { margin-bottom: 0; font-size: 16px; font-family: "Modern Era TRIAL"; line-height: 24px; color: rgba(30, 36, 55, 0.6); } .share-accordion-header { position: relative; padding: 25px 60px; border-bottom: 1px solid #e9eaeb; cursor: pointer; padding-right: 20px !important; } .share-accordion-header .popup-firewall-text { margin-top: 10px; } .share-accordion-header .popup-firewall-text p { font-size: 16px; line-height: 24px; color: #36adb4; font-family: "Modern Era TRIAL"; } .share-accordion-header.border-bottom-0::after { top: 42%; } .share-accordion-header::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; font-size: 15px; margin-left: 0; color: #787c87; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } .share-accordion-header[aria-expanded="true"]::after { content: "\f077"; } .share-accordion-body { background: #f7f7f6; padding: 25px 0 40px; } .share-accordion-body::-webkit-scrollbar { width: 4px; } .share-accordion-body::-webkit-scrollbar-track { background: #f1f1f1; } .share-accordion-body::-webkit-scrollbar-thumb { background: #888; } .share-accordion-body::-webkit-scrollbar-thumb:hover { background: #555; } .share-accordion-body .copy-link { background-color: #fff; } .share-accordion-body .max-400 { margin: 0 auto; } .share-accordion-body ul.mt-modal-social li a { background-color: #fff; } .email-textarea textarea:-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .email-textarea textarea::-ms-input-placeholder { color: rgba(30, 36, 55, 0.4); } .invite-friends h2 { font-size: 14px !important; line-height: 19px !important; text-align: center; color: #787c87; font-family: "Modern Era TRIAL"; font-weight: 400; margin-bottom: -5px !important; } /* Share modal css End */ .giftshop-category-grid { padding-top: 65px; padding-bottom: 65px; } .giftshop-category-header h2 { font-size: 40px; line-height: 48px; font-family: Recoleta; font-weight: 300; color: #a5a7af; margin-bottom: 0; } .giftshop-category-header h2 span { color: #a5a7af; } .giftshop-category-header h2 span.ec { position: relative; text-decoration: underline; text-decoration-thickness: 2px; } .giftshop-category-header { border-bottom: 1px solid rgba(30, 36, 55, 0.2); padding-bottom: 20px; margin-bottom: 60px; } .giftshop-category-product { margin-bottom: 50px; background-color: white; border-radius: 20px; border: 1px solid rgba(30, 36, 55, 0.1); overflow: hidden; } .gc-category-product-image { position: relative; overflow: hidden; border-radius: 20px; background: rgb(239, 238, 232); background: linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%); box-shadow: 0px 4px 15px 0px rgb(30 36 55 / 30%); height: 185px; } .gc-category-product-image img { height: 102%; border-radius: 20px; object-fit: cover; } .gc-category-product-image a { display: flex; opacity: 0; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; position: absolute; left: 0; right: 0; bottom: 0; top: 0; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.8); } .gc-category-product-image a:hover { opacity: 1; } .gc-category-product-content { padding: 20px 22px; padding-top: 25px; } .gc-category-product-content h2 { font-weight: 400; font-size: 14px; line-height: 20px; color: #1e2437; font-family: "Modern Era TRIAL"; margin-bottom: 5px; } .gc-category-product-content h6 { font-family: "Modern Era TRIAL"; font-size: 14px; color: #a5a7af; font-weight: 400; margin-bottom: 10px; } .gc-category-product-content p { font-weight: 500; font-size: 14px; line-height: 20px; color: #1e2437; font-family: "Modern Era TRIAL"; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; } .giftshop-category-header.gs-small-header h2 { font-size: 18px; line-height: 48px; } .giftshop-category-header.gs-small-header h2 span.ec:after { bottom: 2px; } .giftshop-category-header.gs-small-header { border-bottom: 0; margin-bottom: 20px; padding-bottom: 0; } .giftshop-brand-title { margin-bottom: 45px; } .giftshop-brand-title img { max-width: 380px; } .giftshop-brand-section { padding-top: 30px; padding-bottom: 30px; } .gs-brand-slider-item img { max-height: 500px; width: 100%; object-fit: cover; border-radius: 8px; } .giftshop-brand-slider .slick-arrow { background: #ffffff; box-shadow: 0px 2px 4px rgb(30 36 55 / 10%); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 22px; color: #1e2437; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; } .giftshop-brand-slider .left-arrow.slick-arrow { left: -18px; } .giftshop-brand-slider .right-arrow.slick-arrow { right: -18px; } .giftshop-brand-content { padding-left: 10px; } .giftshop-brand-content p { font-size: 16px; line-height: 24px; color: #1e2437; font-family: "Modern Era TRIAL"; margin-bottom: 15px; } .giftshop-brand-content p:last-child { margin-bottom: 0; } .giftshop-send-ecard h2 { font-size: 30px; line-height: 48px; font-family: Recoleta; font-weight: 400; color: #1e2437; margin-bottom: 0; } .giftshop-send-ecard-header a svg { width: 17px; height: 17px; color: #1e2437; } .giftshop-send-ecard-header { border-bottom: 1px solid #a5a7af; margin-bottom: 35px; } .gs-send-row .fixed-amount-col { flex: 0 0 180px; padding: 0 15px; } .gs-send-row .form-group .form-control { max-width: 100%; height: 56px; resize: none; padding-left: 15px; } .gs-send-row .form-group textarea.form-control { padding-top: 14px; } .gs-send-row .form-group label { color: #484d5d; margin-bottom: 10px; } .form-group .gs-send-save { font-size: 12px; line-height: 28px; color: #36adb4; border: 0; background-color: transparent; position: absolute; bottom: 14px; right: 22px; } .form-group .gs-send-save:focus { outline: none !important; } .gs-send-row .form-group { margin-bottom: 25px; } .gs-send-row .form-group > span { font-size: 13px; line-height: 20px; color: rgba(72, 77, 93, 0.8); margin-top: 10px; display: inline-block; } .gs-send-divider hr { border-color: #a5a7af; margin-top: 0; } .gs-total-amount { padding-top: 0; padding-bottom: 0; } .gs-total-amount { font-size: 24px; line-height: 24px; color: #1e2437; font-weight: 500; font-family: "Modern Era TRIAL"; } .gs-send-card-btn { padding-bottom: 1em; } .gs-send-card-btn .media { padding: 8px 0; cursor: pointer; } .gs-send-card-btn { padding-bottom: 0; background: #e9e9eb; border: 1px dashed #a5a7af; display: flex; justify-content: center; margin-bottom: 20px; padding: 8px 0; } .gs-send-card-btn .add-icon { background-color: #7fe2dc; width: 32px; height: 32px; display: flex; border-radius: 100%; justify-content: center; align-items: center; margin-right: 10px; } .gs-send-card-btn .add-icon svg { width: 14px; height: 14px; } .link-disabled { cursor: not-allowed !important; } .gs-send-card-btn .media-body p { font-size: 16px; line-height: 18px; color: #1e2437; margin-bottom: 0; } .gs-withdraw-icon img { max-width: 220px; } .giftshop-withdraw-section { padding-top: 65px; padding-bottom: 65px; } .gs-withdraw-title h2 { font-size: 48px; line-height: 47px; color: #1e2437; font-family: "Modern Era TRIAL"; font-weight: 400; margin-bottom: 15px; } .gs-withdraw-title h2 span { font-family: Recoleta; font-weight: 300; } .gs-withdraw-title p { font-size: 16px; line-height: 24px; color: #1e2437; margin-bottom: 0; font-family: "Modern Era TRIAL"; } .gs-withdraw-amount { background: #e9eaeb; border-radius: 8px; padding: 55px; } .gs-withdraw-amount-inner { max-width: 400px; margin: 0 auto; } .gs-quantity { text-align: center; } .gs-quantity p { font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; color: #4b505f; } .gs-quantity .quantity { width: 135px; } .gs-quantity { text-align: center; border-bottom: 1px solid rgba(30, 36, 55, 0.2); padding-bottom: 30px; } .gs-amount-table .border-bottom { border-bottom: 1px solid rgba(30, 36, 55, 0.2) !important; } .gs-amount-table .d-flex { padding: 45px 0; } .gs-amount-table .d-flex:last-child { padding-bottom: 0; } .gs-amount-table .d-flex span { font-size: 14px; line-height: 20px; color: rgba(30, 36, 55, 0.8); font-family: "Modern Era TRIAL"; } .gs-amount-table .d-flex p { margin-bottom: 0; font-family: "Modern Era TRIAL"; font-size: 16px; line-height: 24px; color: #4b505f; } .withdraw-row { padding-top: 100px; padding-bottom: 80px; } .gs-bank-details { max-width: 500px; } .gs-bank-details p { font-size: 20px; line-height: 40px; text-align: center; color: #1e2437; font-family: "Modern Era TRIAL"; } .gs-bank-details .form-group { margin-bottom: 20px; } .gs-bank-details .form-group .form-control { max-width: 100%; text-align: center; } .gs-addcart-btn { margin-top: 60px; } .gs-addcart-btn span { font-size: 10px; line-height: 24px; text-align: center; color: rgba(30, 36, 55, 0.8); display: inline-block; margin-top: 8px; } .mt-gs-cartbtn.dropdown-toggle::after { display: none; } .gs-cart-pgc-details { border-bottom: 1px solid #e9eaeb; padding-bottom: 20px; } .gift-shop-cart-section.dropdown-menu { background-color: #fff; z-index: 999999; background: #ffffff; box-shadow: 0px 0px 48px rgb(30 36 55 / 5%); border-radius: 8px; min-width: 400px; left: -65% !important; margin-top: 60px; border: 0; padding: 0; transform: none !important; top: 0; } .gift-shop-cart-section.dropdown-menu:after { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f0d8"; position: absolute; top: -25px; color: #fff; font-size: 30px; right: 60px; left: auto; margin: 0 auto; text-align: center; } .gs-cart-header { border-bottom: 1px solid #e9eaeb; padding: 20px 35px; } .gs-cart-header h2 { font-size: 20px; line-height: 24px; color: #1e2437; font-family: "Modern Era TRIAL"; margin: 0; font-weight: 400; } .gs-cart-header h2 span { color: #a5a7af; } .gs-cart-body { border-bottom: 0px solid #e9eaeb; padding: 0 25px; max-height: 670px; overflow-y: auto; overflow-x: hidden; } .gs-cart-body::-webkit-scrollbar { width: 4px; } .gs-cart-body::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 2px; } .gs-cart-body::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 2px; } .gs-cart-body::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } ul.gs-cart-product-list { list-style-type: none; margin: 0; padding: 0; } ul.gs-cart-product-list li.gs-cart-item { border-top: 1px solid #e9eaeb; padding-top: 20px; padding-bottom: 20px; } ul.gs-cart-product-list li.gs-cart-item:first-child { border-top: 0px solid #e9eaeb; } ul.gs-cart-product-list li.gs-cart-item .media { width: 100%; max-width: 100%; } ul.gs-cart-product-list li.gs-cart-item .media img { max-width: 80px; margin-right: 20px; box-shadow: 0.28px 0.84px 1.4px -0.28px rgba(0, 0, 0, 0.13); border-radius: 6px; } ul.gs-cart-product-list li.gs-cart-item .media .media-body h5 { font-size: 14px; line-height: 17px; color: #1e2437; font-family: "Modern Era TRIAL"; margin-bottom: 10px; } ul.gs-cart-product-list li.gs-cart-item .media .media-body .d-flex { column-gap: 15px; } ul.gs-cart-product-list li.gs-cart-item .media .media-body p { font-family: "Modern Era TRIAL"; font-size: 14px; line-height: 17px; color: #a5a7af; } ul.gs-cart-product-list li.gs-cart-item .media .media-body p span { font-size: 10px; } ul.gs-cart-product-list li.gs-cart-item .product-price { font-size: 14px; line-height: 20px; text-align: right; color: #1e2437; font-family: "Modern Era TRIAL"; font-weight: 500; } ul.gs-cart-product-list li.gs-cart-item .product-price span { color: #36adb4; } ul.gs-cart-product-list li.gs-cart-item .media .media-body a { color: #7fe2dc; font-family: "Modern Era TRIAL"; font-size: 14px; line-height: 17px; display: block; margin-top: 8px; } ul.gs-cart-product-list ul.gs-cart-actionlist, ul.gs-cart-actionlist { padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; column-gap: 25px; margin-top: 10px; } ul.gs-cart-product-list li.gs-cart-item .media .media-body ul.gs-cart-actionlist li a, ul.gs-cart-actionlist li a { color: #36adb4; font-family: "Modern Era TRIAL"; font-weight: 500; font-size: 14px; line-height: 18px; margin: 0; position: relative; border-bottom: 1px solid transparent; transition: border ease 0.3s; } ul.gs-cart-product-list li.gs-cart-item .media .media-body ul.gs-cart-actionlist li a:hover, ul.gs-cart-actionlist li a:hover { border-bottom: 1px solid; } .shopping-link-temp { border-bottom: 1px solid transparent; line-height: 24px; display: inline-block; transition: border ease 0.3s; } .shopping-link-temp:hover { border-bottom: 1px solid; } ul.gs-cart-product-list li.gs-cart-item .media .media-body ul.gs-cart-actionlist li a::before, ul.gs-cart-actionlist li a::before { font-family: "Font Awesome 5 Free"; content: "\f111"; color: #36adb4; font-size: 3px; position: absolute; right: -13px; top: 0px; font-weight: 900; } ul.gs-cart-product-list li.gs-cart-item .media .media-body ul.gs-cart-actionlist li:last-child a::before, ul.gs-cart-actionlist li:last-child a::before { display: none; } .gs-cart-footer { padding: 20px 25px; } .gs-cart-pgc-details .custom-control-label { font-size: 14px; } .gs-cart-notification { background-color: #e6fdfc; margin-top: 15px; font-size: 14px; text-align: center; padding: 8px; border-radius: 4px; margin-bottom: 5px; } ul.gs-cart-product-list li.gs-cart-item .media img.gs-cart-card-preview { max-width: 70px; border-radius: 0; margin-left: 10px; } .gs-cart-pgc-details ul.gs-cart-product-list li.gs-cart-item { padding-top: 20px; padding-bottom: 20px; } .gs-cart-pgc-details .custom-control.custom-radio { padding: 12px 39px; } .product-price.pgc-price-spacing { padding-top: 26px; } .gs-cart-footer { font-size: 16px; line-height: 24px; font-family: "Modern Era TRIAL"; color: #1e2437; border-top: 1px solid #e9eaeb; font-weight: 500; } .gs-cart-checkout-btn { margin-top: 20px; margin-bottom: 0px; } .gc-category-product-imagev2 { background: rgb(249, 249, 249); background: -moz-linear-gradient(0deg, rgba(249, 249, 249, 1) 0%, rgba(225, 225, 225, 1) 100%); background: -webkit-linear-gradient(0deg, rgba(249, 249, 249, 1) 0%, rgba(225, 225, 225, 1) 100%); background: linear-gradient(0deg, rgba(249, 249, 249, 1) 0%, rgba(225, 225, 225, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#e1e1e1",GradientType=1); height: 365px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; position: relative; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .gc-category-product-imagev2 img { object-fit: cover; width: 130% !important; height: 130% !important; position: absolute; top: 50%; left: 50%; right: 0; bottom: 0; object-fit: cover; transform: translate(-50%, -50%); } .gc-category-product-imagev2 span.productv2-lable { display: none; } .gc-category-product-contentv2 { padding: 20px; } .gc-category-product-contentv2 h2 { font-weight: 400; font-size: 16px; line-height: 20px; color: #1e2437; font-family: "Modern Era TRIAL"; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .gc-category-product-contentv2 h4 { color: #a5a7af; font-weight: 400; margin-bottom: 5px; font-size: 14px; line-height: 20px; font-family: "Modern Era TRIAL"; } .gc-category-product-contentv2 p { font-size: 14px; line-height: 24px; color: #1e2437; font-family: "Modern Era TRIAL"; font-weight: 500; margin-bottom: 0; } .productv2-delivery-region svg { position: relative; top: -4px; margin-right: 3px; } .productv2-delivery-region { color: #ffc373; font-size: 14px; } .gc-category-product-contentv2 a { color: #46cac2; display: block; margin-top: 5px; font-size: 16px; } .giftshop-category-productv2 { margin-bottom: 45px; background: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: inset 0px 0px 0px 1px rgba(30, 36, 55, 0.1); } .giftshop-category-productv2 span.productv2-lable { color: #36adb4; position: absolute; top: 12px; right: 12px; background-color: #fff; border-radius: 30px; font-size: 14px; padding: 1px 30px; text-align: center; max-width: calc(100% - 24px); } .giftshop-product-slider .slick-arrow { background: #7fe2dc !important; box-shadow: 0px 2px 4px rgb(30 36 55 / 10%); width: 35px !important; height: 35px !important; display: flex !important; align-items: center; justify-content: center; border-radius: 100%; position: absolute; z-index: 9; font-size: 16px; color: #1e2437; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; left: 0; right: 0; margin: 0 auto; top: 15px; } .giftshop-product-slider .bottom-arrow.slick-arrow { bottom: 15px; top: auto; } .giftshop-product-slider .slick-arrow:hover { background-color: #46cac2 !important; } .giftshop-single-product { padding-top: 45px; padding-bottom: 45px; } .gs-back-btn { margin-bottom: 40px; } .gs-back-btn a { font-size: 16px; line-height: 0px; color: #1e2437; font-family: "Modern Era TRIAL"; } .gs-back-btn a svg { margin-right: 5px; position: relative; top: -3px; width: 8px; height: 10px; } .giftshop-product-slider .gs-product-slider-wrapper { display: flex; overflow: hidden; max-height: 740px; } ul.gs-product-slider-thumb, ul.gs-product-slider-preview { padding: 0; margin: 0; list-style-type: none; } .giftshop-product-slider .gs-product-slider-thumb { max-width: 160px; margin-right: 35px; } .giftshop-product-slider .gs-product-slider-thumb li { max-height: 200px; } ul.gs-product-slider-thumb li.thumb-image { background: rgb(239, 238, 232); background: -moz-linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%); background: -webkit-linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%); background: linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#e1e1e1",GradientType=1); display: flex; align-items: flex-end; justify-content: center; margin-bottom: 20px; cursor: pointer; } ul.gs-product-slider-thumb li.thumb-image img { max-width: 100%; } ul.gs-product-slider-preview li.preview-image { background: rgb(239, 238, 232); background: -moz-linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%); background: -webkit-linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%); background: linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#e1e1e1",GradientType=1); display: flex; align-items: flex-end; justify-content: center; max-height: 740px; overflow: hidden; } ul.gs-product-slider-preview li.preview-image img { object-fit: cover; max-width: 100%; object-position: top; width: 100%; } .giftshop-product-detail { font-family: "Modern Era TRIAL"; } .giftshop-product-detail .giftshop-product-title { font-size: 35px; line-height: 40px; color: #1e2437; margin-bottom: 15px; font-weight: 400; } .giftshop-product-detail .giftshop-product-subtitle { font-size: 18px; color: #1e2437; margin-bottom: 35px; font-weight: 400; } .giftshop-product-detail .giftshop-product-subtitle span { text-transform: uppercase; display: block; color: #46cac2; margin-top: 12px; } .giftshop-product-detail .giftshop-product-price { font-size: 30px; color: #1e2437; margin-bottom: 30px; font-weight: 500; } .giftshop-product-detail .giftshop-product-variation { font-size: 18px; color: #1e2437; margin-bottom: 25px; font-weight: 400; } .gs-product-accordion-block .gs-product-acc-header h2 { cursor: pointer; font-size: 18px; line-height: 24px; color: #4b505f; font-weight: 400; border-bottom: 1px solid rgba(30, 36, 55, 0.1); padding: 20px 0; position: relative; font-family: "Modern Era TRIAL"; } .gs-product-accordion-block .gs-product-acc-header[aria-expanded="true"] h2 { border-bottom: 0px solid rgba(30, 36, 55, 0.1); } .giftshop-product-accordion { border-top: 1px solid rgba(30, 36, 55, 0.1); margin-top: 40px; border-bottom: 1px solid rgba(30, 36, 55, 0.1); } .gs-product-accordion-block .gs-product-acc-header h2::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size: 10px; margin-left: 0; color: #4b505f; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .gs-product-accordion-block .gs-product-acc-header[aria-expanded="true"] h2::after { content: "\f077"; } .gs-product-accordion-block .gs-product-acc-body { border-bottom: 1px solid rgba(30, 36, 55, 0.1); padding-top: 20px; padding-bottom: 40px; font-size: 18px; color: #766772; } .gs-product-description { font-size: 1rem; line-height: 1.5; } .gs-product-description .gs-collapse.collapse:not(.show) { display: block; height: 100px; overflow: hidden; position: relative; } .gs-product-description .gs-collapse.collapsing { height: 100px; } .gs-product-description .gs-collapse.collapse:not(.show)::after { content: ""; background: linear-gradient(0deg, #f7f7f6 19.5%, rgba(247, 247, 246, 0) 88.68%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .gs-product-description a.collapsed::after { content: "Read More"; } .gs-product-description a:not(.collapsed)::after { content: "Read Less"; } .gs-product-description { padding-top: 80px; font-family: "Modern Era TRIAL"; } .gs-product-description h3 { font-size: 20px; line-height: 30px; color: #1e2437; } .gs-product-description a.readmore-btn { font-size: 20px; line-height: 30px; font-family: "Modern Era TRIAL"; text-decoration-line: underline; color: #1e2437; } .giftshop-related-products { padding: 50px 0; } .giftshop-related-products h3 { font-size: 35px; line-height: 30px; color: #1e2437; font-family: Recoleta; font-weight: 400; margin-bottom: 50px; } .related-products-slider .slick-slide { margin: 0 16px; } .related-products-slider .slick-list { margin: 0 -16px; } .related-products-slider .gc-category-product-imagev2 { height: auto; } .related-products-slider .gc-category-product-contentv2 h2 { margin-bottom: 15px; } .related-products-slider .slick-arrow { background: #ffffff; box-shadow: 0px 2px 4px rgba(30, 36, 55, 0.1); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 22px; color: #1e2437; position: absolute; top: 32%; transform: translateY(-50%); z-index: 99; cursor: pointer; } .related-products-slider .left-arrow.slick-arrow { left: -30px; } .related-products-slider .right-arrow.slick-arrow { right: -30px; } .gs-send-row .form-group textarea.gs-textarea { height: 170px; } .gs-send-row .mt-select-form::before { content: "\f0dd"; color: #7fe2dc; top: 47px; bottom: auto; } .modal-dialog.gift-shop-modal { max-width: 1100px; font-family: "Modern Era TRIAL"; } .amount-info p { font-size: 16px; line-height: 24px; color: #36adb4; margin-bottom: 0; } .amount-info h2 { font-size: 40px; line-height: 48px; font-weight: 400; color: #1e2437; margin-top: 8px; } .amount-info { padding-bottom: 50px; padding-top: 30px; } .modal-text h3 { font-size: 20px; line-height: 32px; text-align: center; color: #1e2437; } .modal-text p { color: rgba(30, 36, 55, 0.6); line-height: 24px; } .modal-actions-btns { max-width: 620px; margin: 0 auto; padding-bottom: 50px; padding-top: 60px; } .modal-actions-btns .text-center img { height: 90px; max-width: 120px; object-fit: contain; margin-bottom: 50px; } .modal-dialog.gift-shop-modal .modal-content { border-radius: 8px; background-color: transparent; box-shadow: none; } .modal-hide { display: none; } .gift-shop-modal .gt-md-modal-header .gt-modal-back { right: auto; } .gs-modal-title { font-size: 20px; line-height: 32px; text-align: center; color: #1e2437; margin-bottom: 30px; margin-top: 10px; } .gs-modal-search { max-width: 330px; margin: 0 auto; margin-bottom: 25px; } .gs-modal-search input { background: #ffffff; border: 1px solid #e9eaeb; box-sizing: border-box; border-radius: 50px; width: 100%; height: 48px; padding-left: 60px; padding-right: 15px; } .gs-modal-search input:focus { outline: none; } .gs-modal-search svg { position: absolute; left: 25px; top: 15px; color: #a5a7af; width: 20px; height: 20px; } .gs-modal-sort p { color: rgba(30, 36, 55, 0.6); } .gs-modal-sort ul { list-style-type: none; padding: 0; margin-bottom: 20px; } .gs-modal-sort ul li { display: inline-block; position: relative; } .gs-modal-sort ul li a { color: #46cac2; font-size: 18px; padding: 0 6px; } .gs-modal-sort ul li::after { content: "."; color: rgba(30, 36, 55, 0.6); position: absolute; top: -2px; right: -4px; } .gs-modal-sort ul li:last-child::after { display: none; } .gs-organisation-slider { max-width: 620px; padding: 20px 50px 0; margin: 0 auto 0; } .gs-organisation-slider .organisation-slider-item { height: 140px; display: flex; align-items: center; justify-content: center; } .gs-organisation-slider .organisation-slider-item img { height: 65px; } .gs-organisation-slider .slick-arrow { color: #a5a7af; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; width: 30px; height: 100%; background-repeat: no-repeat; background-position: center; } .gs-organisation-slider .left-arrow.slick-arrow { background-image: url(../Images/gt-mt-images/arrow-left.png); left: 0; } .gs-organisation-slider .right-arrow.slick-arrow { background-image: url(../Images/gt-mt-images/arrow-right.png); right: 0; } ul.gs-organisation-grid { padding: 0; list-style-type: none; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } ul.gs-organisation-grid li { height: 110px; display: flex; align-items: center; justify-content: center; } ul.gs-organisation-grid li img { height: 65px; object-fit: contain; } .charity-modal-header { border-bottom: 1px solid #e9eaeb; padding: 0 50px 15px; } .charity-modal-header .media img { max-width: 110px; margin-right: 30px; } .amount-info-single { padding: 15px 0; border-bottom: 1px solid #e9eaeb; } .charity-modal-header .media { max-width: 660px; margin: 0 auto; } .gift-shop-modal .gs-modal-screen01, .gift-shop-modal .gs-modal-screen02 { background: #ffffff; box-shadow: 0px 0px 48px rgb(30 36 55 / 10%); border-radius: 8px; max-width: 840px; margin: 0 auto; } .gift-shop-modal .gs-modal-screen03 { background: #ffffff; box-shadow: 0px 0px 48px rgb(30 36 55 / 10%); border-radius: 8px; } .giftshop-donation-info .gs-send-row .fixed-amount-col { flex: 0 0 320px; } .giftshop-donation-info .gs-send-divider hr { border-color: #d2d3d7; } .giftshop-donation-info .gs-send-card-btn .add-icon { width: 54px; height: 54px; } .collection-calendar svg { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; } /* Date Picker */ .datepicker_dashboard .years .year { color: #a8aab2; } .datepicker_dashboard .months .month { color: #a6a8b0; } .datepicker_dashboard.column_1[aria-hidden="true"] { box-shadow: none !important; } .datepicker_dashboard.column_1 { background-image: none; background-color: #fff; width: 276px !important; height: 256px !important; box-shadow: 0px 10px 25px rgb(0 0 0 / 25%); -webkit-box-shadow: 0px 10px 25px rgb(0 0 0 / 25%); -moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25); padding: 6px; margin-top: 8px; } .datepicker_dashboard .header { background-color: #7fe2dc; height: 30px !important; width: 100% !important; margin-bottom: 5px; } .datepicker_dashboard .header .titleText { color: #1e2437; font-weight: 700; padding: 4px 0; font-size: 14px; font-family: "Modern Era TRIAL"; } .datepicker_dashboard .header .next { background-image: url(../Images/gt-mt-images/calendar-next.png); background-position: center; height: 11px; width: 11px; top: 10px; right: 12px; } .datepicker_dashboard .header .previous { background-image: url(../Images/gt-mt-images/calendar-back.png); background-position: center; height: 12px; width: 12px; top: 12px; left: 15px; } .datepicker_dashboard .header .next:hover, .datepicker_dashboard .header .previous:hover { background-position: center; } .datepicker_dashboard .days thead { text-transform: uppercase; color: #2f2260; background-color: #e9e9eb; font-family: "Modern Era TRIAL"; font-weight: 700; } .datepicker_dashboard .days thead .titles { height: auto !important; margin-bottom: 0; padding: 0 10px; } .datepicker_dashboard .days .titles .day { margin-right: 0; font-weight: 700; color: #2f2260; font-family: "Modern Era TRIAL"; padding: 7px 0 5px; height: auto !important; font-size: 12px; } .datepicker_dashboard thead tr { border-bottom: 5px solid #fff; } .datepicker_dashboard .unavailable { color: #a5a7af !important; } .datepicker_dashboard .days tbody .week .day { color: #a5a7af; } .slider, .slider > div, .datepicker_dashboard .body { height: 210px !important; } .datepicker_dashboard tbody tr.week td { height: auto !important; padding: 4px 0 !important; font-weight: 500; } .datepicker_dashboard tbody tr.week td { font-family: "Modern Era TRIAL"; } .datepicker_dashboard tbody tr.week td:last-child { color: #36adb4 !important; } .datepicker_dashboard tbody tr td.selected { background-color: #7fe2dc; border-radius: 100%; color: #1e2437 !important; } .datepicker_dashboard table { border-spacing: 0; width: 100%; table-layout: fixed; } .datepicker_dashboard .days .day { height: 28px !important; width: 28px !important; display: flex; justify-content: center; align-items: center; font-size: 13px; } .datepicker_dashboard tbody tr, .datepicker_dashboard thead tr { display: flex; justify-content: space-between; padding: 0 10px; } .slider > div, .datepicker_dashboard .body { width: 262px !important; } .col-pixel-width-430 { -ms-flex: 0 0 430px; flex: 0 0 430px; max-width: 430px; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .gt-review-gifts-inner { font-family: "Modern Era TRIAL"; } .gt-review-gifts-inner > h2 { font-size: 40px; font-family: Recoleta; line-height: 48px; color: #1e2437; font-weight: 400; margin-bottom: 30px; } .col-pixel-width-430 .gt-collection-faq { margin-top: 60px; } h2.gtrbh-title { font-size: 28px; line-height: 48px; color: #a5a7af; margin-bottom: 0; font-weight: 400; } h2.gtrbh-title .dark-color { color: #1e2437; } a.gtrbh-link { transition: all ease 0.3s; font-size: 14px; line-height: 40px; color: #36adb4; } .gt-review-block-header { padding-bottom: 0; margin-bottom: 25px; } .gt-review-gifts-body { padding-top: 30px; position: relative; padding-left: 0; padding-bottom: 20px; padding-right: 0; border-top: 1px solid #e9eaeb; padding-bottom: 0; margin-bottom: 0; } .gt-review-gifts-body .media img { max-width: 90px; margin-right: 35px; box-shadow: 0.28px 0.84px 1.4px -0.28px #00000021; border-radius: 6px; } .gt-review-gifts-block { padding-bottom: 15px; margin-bottom: 15px; } .gt-review-gifts-body .media .media-body h5 { font-size: 16px; color: #1e2437; margin-bottom: 10px; font-weight: 500; line-height: 18px; } .gt-review-gifts-body .media .media-body h6 { margin-bottom: 15px; margin-top: 8px; } .gt-review-gifts-body .media .media-body p { margin-bottom: 15px; } .gt-review-gifts-body .media .media-body h6, .gt-review-gifts-body .media .media-body p { font-size: 16px; line-height: 20px; font-weight: 400; color: #1e2437; } .gt-review-gifts-body .media .media-body .d-flex h5:last-child { width: 100%; max-width: 120px; text-align: right; } .gt-review-gifts-pgc .gs-cart-notification { text-align: left; font-weight: 500 !important; font-size: 14px !important; padding: 6px 12px; margin: 0 !important; } .gt-review-gifts-pgc ul.gs-cart-actionlist { margin-bottom: 10px; margin-top: 0; } .gt-review-gifts-pgc { margin-bottom: 30px; } .gt-review-gifts-body .media img.gs-cart-card-preview { max-width: 70px; border-radius: 0; margin-left: 10px; } .gt-review-gifts-body .media .media-body .d-flex { column-gap: 15px; } .gt-review-gifts-body .media .media-body h6 span, .gt-review-gifts-body .media .media-body p span { color: #a5a7af; } .gt-review-amount-dropdown.mt-select-form::before { content: "\f0dd"; color: #7fe2dc; bottom: 12px; right: 12px; } .gt-review-amount-dropdown { position: absolute; top: 30px; right: 0; max-width: 70px; margin: 0; } .gt-review-amount-dropdown.mt-select-form select { height: 43px; max-width: 70px; padding: 0 10px; font-size: 12px; line-height: 21px; color: #1e2437; } .gt-review-amount-dropdown input { height: 43px; max-width: 70px; padding: 0 10px; font-size: 12px; line-height: 21px; color: #1e2437; text-align: center; } .send-card-preview { padding: 30px 30px; } .send-card-preview .media { border: 1px solid rgba(30, 36, 55, 0.1); border-radius: 8px; padding: 15px 15px; margin-bottom: 18px; } .send-card-preview .media:last-child { margin-bottom: 35px; } .send-card-preview .media img { width: 110px; height: 110px; margin-right: 25px; border-radius: 100%; object-fit: cover; } .send-card-preview .media .media-body { } .send-card-preview .media .media-body h5 { font-weight: 500; font-size: 20px; line-height: 32px; font-family: "Modern Era TRIAL"; color: #36adb4; margin-bottom: 10px; } .send-card-preview .media .media-body p { font-family: "Modern Era TRIAL"; font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.6); margin-bottom: 0; } .col-pixel-width-105 { -ms-flex: 0 0 105px; flex: 0 0 105px; max-width: 105px; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .gt-review-gifts-total-amount p { font-size: 16px; line-height: 24px; margin-bottom: 30px; } .gt-review-gifts-total-amount .theme-btn-dark, .gt-review-gifts-total-amount .theme-btn-lite { max-width: 288px; margin-top: 20px; } .gt-review-gifts-total-amount { padding-bottom: 60px; } .edit-details-modal > h2 { font-size: 24px; line-height: 32px; margin-bottom: 25px; } .gt-md-modal-content .edit-details-modal hr { border-top: 1px solid #e9eaeb; width: 100%; margin-top: 45px; margin-bottom: 40px; } .gt-md-modal-content textarea.form-control { min-height: 115px; height: auto; } .gt-md-modal-content .gs-send-card-btn { border-top: 1px solid #e9eaeb; border-bottom: 1px solid #e9eaeb; margin-bottom: 70px; margin-top: 50px; padding-top: 10px; padding-bottom: 10px; } .max-730 { max-width: 730px !important; } .confirmation-modal { padding: 10px; padding-top: 0; } .confirmation-modal h2 { font-size: 24px; line-height: 32px; margin-bottom: 35px; } .confirmation-modal p { font-weight: 500; font-size: 24px; line-height: 30px; text-align: center; color: #1e2437; } .areyousure.confirmation-modal p { font-size: 16px; line-height: 26px; text-align: center; color: #1e2437; margin-bottom: 30px; } .areyousure.confirmation-modal p a { font-size: 16px; text-decoration: underline; } .editmodalbtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; max-width: 420px; } .preview-mode-content h4 { font-weight: 500; font-size: 20px; display: block; } .editmodalbtn a.theme-btn-lite { max-width: 260px; margin-left: auto; margin-right: auto; width: 100%; display: block; } .preview-mode-content ul { margin-bottom: 30px; margin-top: 15px; padding: 0; list-style-type: none; } .preview-mode-content ul li { font-size: 14px; padding: 0; position: relative; line-height: 26px; } .preview-mode-content ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f111"; font-size: 5px; margin-right: 8px; position: relative; top: -2px; } .confirmation-modal.areyousure { padding: 8px; } svg.tooltip-input-icon { position: relative; top: -2px; right: -2px; } input:focus::placeholder, textarea:focus::placeholder { color: transparent !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #a5a7af; } .collection-calendar::after { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjUxODcgMi4yMjY5NEgxOS40MTYxVjAuODM3NDUzQzE5LjQxNjEgMC4zNzUwMzUgMTkuMDMyOSAwLjAwMDI0NDE0MSAxOC41NjAxIDAuMDAwMjQ0MTQxQzE4LjA4NzIgMC4wMDAyNDQxNDEgMTcuNzA0IDAuMzc1MDM1IDE3LjcwNCAwLjgzNzQ1M1YyLjIyNjk0SDcuMzU4OTZWMC44Mzc0NTNDNy4zNTg5NiAwLjM3NTAzNSA2Ljk3NTc0IDAuMDAwMjQ0MTQxIDYuNTAyOTEgMC4wMDAyNDQxNDFDNi4wMzAwOSAwLjAwMDI0NDE0MSA1LjY0Njg3IDAuMzc1MDM1IDUuNjQ2ODcgMC44Mzc0NTNWMi4yMjY5NEgyLjU0NDI3QzEuMjg1NTkgMi4yMjY5NCAwLjI2MTQ3NSAzLjIyODUyIDAuMjYxNDc1IDQuNDU5NVYyMS43Njc3QzAuMjYxNDc1IDIyLjk5ODcgMS4yODU1OSAyNC4wMDAyIDIuNTQ0MjcgMjQuMDAwMkgyMi41MTg3QzIzLjc3NzQgMjQuMDAwMiAyNC44MDE1IDIyLjk5ODcgMjQuODAxNSAyMS43Njc3VjQuNDU5NUMyNC44MDE1IDMuMjI4MjQgMjMuNzc3NCAyLjIyNjk0IDIyLjUxODcgMi4yMjY5NFpNMi41NDQyNyAzLjkwMTM2SDUuNjQ2ODdWNC42MzE2OUM1LjY0Njg3IDUuMDk0MTEgNi4wMzAwOSA1LjQ2ODkgNi41MDI5MSA1LjQ2ODlDNi45NzU3NCA1LjQ2ODkgNy4zNTg5NiA1LjA5NDExIDcuMzU4OTYgNC42MzE2OVYzLjkwMTM2SDE3LjcwNDNWNC42MzE2OUMxNy43MDQzIDUuMDk0MTEgMTguMDg3NSA1LjQ2ODkgMTguNTYwMyA1LjQ2ODlDMTkuMDMzMiA1LjQ2ODkgMTkuNDE2NCA1LjA5NDExIDE5LjQxNjQgNC42MzE2OVYzLjkwMTM2SDIyLjUxODdDMjIuODMzNCAzLjkwMTM2IDIzLjA4OTQgNC4xNTE2OSAyMy4wODk0IDQuNDU5NVY3LjA3MjE1SDEuOTczNTdWNC40NTk1QzEuOTczNTcgNC4xNTE2OSAyLjIyOTUzIDMuOTAxMzYgMi41NDQyNyAzLjkwMTM2Wk0yMi41MTg3IDIyLjMyNThIMi41NDQyN0MyLjIyOTUzIDIyLjMyNTggMS45NzM1NyAyMi4wNzU1IDEuOTczNTcgMjEuNzY3N1Y4Ljc0NjU3SDIzLjA4OTRWMjEuNzY3N0MyMy4wODk0IDIyLjA3NTUgMjIuODMzNCAyMi4zMjU4IDIyLjUxODcgMjIuMzI1OFoiIGZpbGw9IiNBNUE3QUYiLz4KPHBhdGggZD0iTTUuNzkyMzEgMTYuODY5MUg0LjA4MDIyQzMuNzY0OTEgMTYuODY5MSAzLjUwOTUyIDE2LjYxOTMgMy41MDk1MiAxNi4zMTA5VjE0LjYzNjVDMy41MDk1MiAxNC4zMjgxIDMuNzY0OTEgMTQuMDc4NCA0LjA4MDIyIDE0LjA3ODRINS43OTIzMUM2LjEwNzYyIDE0LjA3ODQgNi4zNjMwMSAxNC4zMjgxIDYuMzYzMDEgMTQuNjM2NVYxNi4zMTA5QzYuMzYzMDEgMTYuNjE5IDYuMTA3NjIgMTYuODY5MSA1Ljc5MjMxIDE2Ljg2OTFaIiBmaWxsPSIjQTVBN0FGIi8+CjxwYXRoIGQ9Ik0xMC44NTU5IDE2Ljg2OTFIOS4xNDM4MkM4LjgyODUxIDE2Ljg2OTEgOC41NzMxMiAxNi42MTkzIDguNTczMTIgMTYuMzEwOVYxNC42MzY1QzguNTczMTIgMTQuMzI4MSA4LjgyODUxIDE0LjA3ODQgOS4xNDM4MiAxNC4wNzg0SDEwLjg1NTlDMTEuMTcxMiAxNC4wNzg0IDExLjQyNjYgMTQuMzI4MSAxMS40MjY2IDE0LjYzNjVWMTYuMzEwOUMxMS40MjY2IDE2LjYxOSAxMS4xNzA5IDE2Ljg2OTEgMTAuODU1OSAxNi44NjkxWiIgZmlsbD0iI0E1QTdBRiIvPgo8cGF0aCBkPSJNMTUuOTE5MSAxNi44NjkxSDE0LjIwNzFDMTMuODkxNyAxNi44NjkxIDEzLjYzNjQgMTYuNjE5MyAxMy42MzY0IDE2LjMxMDlWMTQuNjM2NUMxMy42MzY0IDE0LjMyODEgMTMuODkxNyAxNC4wNzg0IDE0LjIwNzEgMTQuMDc4NEgxNS45MTkxQzE2LjIzNDUgMTQuMDc4NCAxNi40ODk4IDE0LjMyODEgMTYuNDg5OCAxNC42MzY1VjE2LjMxMDlDMTYuNDg5OCAxNi42MTkgMTYuMjM0NSAxNi44NjkxIDE1LjkxOTEgMTYuODY5MVoiIGZpbGw9IiNBNUE3QUYiLz4KPHBhdGggZD0iTTIwLjk4MjYgMTYuODY5MUgxOS4yNzA1QzE4Ljk1NTIgMTYuODY5MSAxOC42OTk4IDE2LjYxOTMgMTguNjk5OCAxNi4zMTA5VjE0LjYzNjVDMTguNjk5OCAxNC4zMjgxIDE4Ljk1NTIgMTQuMDc4NCAxOS4yNzA1IDE0LjA3ODRIMjAuOTgyNkMyMS4yOTc5IDE0LjA3ODQgMjEuNTUzMyAxNC4zMjgxIDIxLjU1MzMgMTQuNjM2NVYxNi4zMTA5QzIxLjU1MzMgMTYuNjE5IDIxLjI5NzkgMTYuODY5MSAyMC45ODI2IDE2Ljg2OTFaIiBmaWxsPSIjQTVBN0FGIi8+CjxwYXRoIGQ9Ik01Ljc5MjMxIDEyLjY5NTJINC4wODAyMkMzLjc2NDkxIDEyLjY5NTIgMy41MDk1MiAxMi40NDU1IDMuNTA5NTIgMTIuMTM3MVYxMC40NjI3QzMuNTA5NTIgMTAuMTU0MyAzLjc2NDkxIDkuOTA0NTQgNC4wODAyMiA5LjkwNDU0SDUuNzkyMzFDNi4xMDc2MiA5LjkwNDU0IDYuMzYzMDEgMTAuMTU0MyA2LjM2MzAxIDEwLjQ2MjdWMTIuMTM3MUM2LjM2MzAxIDEyLjQ0NTUgNi4xMDc2MiAxMi42OTUyIDUuNzkyMzEgMTIuNjk1MloiIGZpbGw9IiNBNUE3QUYiLz4KPHBhdGggZD0iTTEwLjg1NTkgMTIuNjk1Mkg5LjE0MzgyQzguODI4NTEgMTIuNjk1MiA4LjU3MzEyIDEyLjQ0NTUgOC41NzMxMiAxMi4xMzcxVjEwLjQ2MjdDOC41NzMxMiAxMC4xNTQzIDguODI4NTEgOS45MDQ1NCA5LjE0MzgyIDkuOTA0NTRIMTAuODU1OUMxMS4xNzEyIDkuOTA0NTQgMTEuNDI2NiAxMC4xNTQzIDExLjQyNjYgMTAuNDYyN1YxMi4xMzcxQzExLjQyNjYgMTIuNDQ1NSAxMS4xNzA5IDEyLjY5NTIgMTAuODU1OSAxMi42OTUyWiIgZmlsbD0iI0E1QTdBRiIvPgo8cGF0aCBkPSJNMTUuOTE5MSAxMi42OTUySDE0LjIwNzFDMTMuODkxNyAxMi42OTUyIDEzLjYzNjQgMTIuNDQ1NSAxMy42MzY0IDEyLjEzNzFWMTAuNDYyN0MxMy42MzY0IDEwLjE1NDMgMTMuODkxNyA5LjkwNDU0IDE0LjIwNzEgOS45MDQ1NEgxNS45MTkxQzE2LjIzNDUgOS45MDQ1NCAxNi40ODk4IDEwLjE1NDMgMTYuNDg5OCAxMC40NjI3VjEyLjEzNzFDMTYuNDg5OCAxMi40NDU1IDE2LjIzNDUgMTIuNjk1MiAxNS45MTkxIDEyLjY5NTJaIiBmaWxsPSIjQTVBN0FGIi8+CjxwYXRoIGQ9Ik0yMC45ODI2IDEyLjY5NTJIMTkuMjcwNUMxOC45NTUyIDEyLjY5NTIgMTguNjk5OCAxMi40NDU1IDE4LjY5OTggMTIuMTM3MVYxMC40NjI3QzE4LjY5OTggMTAuMTU0MyAxOC45NTUyIDkuOTA0NTQgMTkuMjcwNSA5LjkwNDU0SDIwLjk4MjZDMjEuMjk3OSA5LjkwNDU0IDIxLjU1MzMgMTAuMTU0MyAyMS41NTMzIDEwLjQ2MjdWMTIuMTM3MUMyMS41NTMzIDEyLjQ0NTUgMjEuMjk3OSAxMi42OTUyIDIwLjk4MjYgMTIuNjk1MloiIGZpbGw9IiNBNUE3QUYiLz4KPHBhdGggZD0iTTUuNzkyMzEgMjEuMDQyOUg0LjA4MDIyQzMuNzY0OTEgMjEuMDQyOSAzLjUwOTUyIDIwLjc5MzEgMy41MDk1MiAyMC40ODQ4VjE4LjgxMDNDMy41MDk1MiAxOC41MDIgMy43NjQ5MSAxOC4yNTIyIDQuMDgwMjIgMTguMjUyMkg1Ljc5MjMxQzYuMTA3NjIgMTguMjUyMiA2LjM2MzAxIDE4LjUwMiA2LjM2MzAxIDE4LjgxMDNWMjAuNDg0OEM2LjM2MzAxIDIwLjc5MzEgNi4xMDc2MiAyMS4wNDI5IDUuNzkyMzEgMjEuMDQyOVoiIGZpbGw9IiNBNUE3QUYiLz4KPHBhdGggZD0iTTEwLjg1NTkgMjEuMDQyOUg5LjE0MzgyQzguODI4NTEgMjEuMDQyOSA4LjU3MzEyIDIwLjc5MzEgOC41NzMxMiAyMC40ODQ4VjE4LjgxMDNDOC41NzMxMiAxOC41MDIgOC44Mjg1MSAxOC4yNTIyIDkuMTQzODIgMTguMjUyMkgxMC44NTU5QzExLjE3MTIgMTguMjUyMiAxMS40MjY2IDE4LjUwMiAxMS40MjY2IDE4LjgxMDNWMjAuNDg0OEMxMS40MjY2IDIwLjc5MzEgMTEuMTcwOSAyMS4wNDI5IDEwLjg1NTkgMjEuMDQyOVoiIGZpbGw9IiNBNUE3QUYiLz4KPC9zdmc+Cg==); position: absolute; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 24px; height: 24px; background-size: contain; } .position-relative.collection-calendar input { z-index: 8; position: relative; background-color: transparent; } .contributor-filters { position: relative; margin-left: 25px; } .contributor-filters:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f111"; top: 50%; transform: translateY(-50%); position: absolute; left: -15px; color: #a5a5a5; font-size: 3px; } .contributor-filters select { font-size: 16px; padding: 10px 0 10px 0px; border: 0; width: auto; } .contributor-filters select:focus { outline: none; } .gt-review-gifts-inner-title h2 { font-size: 40px; font-family: Recoleta; line-height: 48px; color: #1e2437; font-weight: 400; margin-bottom: 20px; } .verify-modal-main { font-family: "Modern Era TRIAL"; color: #1e2437; } .verify-modal-header { margin-bottom: 30px; } .verify-modal-header img { max-width: 105px; } .verify-modal-step01 .vefify-modal-header img { margin-left: -8%; } .verify-modal-body h2 { font-size: 20px; line-height: 32px; text-align: center; margin-bottom: 20px; } .gt-modal-close.verif-modal-close { position: absolute; right: 18px; top: 18px; } .verify-modal-body p { font-size: 15px; line-height: 22px; margin-left: auto; font-weight: 500; margin-right: auto; margin-bottom: 10px; } .verify-modal-body a { margin-top: 35px; } .phone-verification-input .mt-select-form::before { content: "\f0dd"; color: #7fe2dc; bottom: 18px; right: 12px; display: none; } .country-flag { flex: 0 0 115px; padding: 0 15px 0 15px; } .phone-verification-input .mt-select-form select { padding: 0 15px; } .country-flag .select2-container { width: 100% !important; } div#exit_intent_modal { z-index: 999999 !important; } .country-flag .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 17px 0; padding-left: 15px; padding-right: 15px !important; } .country-flag .select2-container--default .select2-selection--single .select2-selection__rendered span { display: flex; align-items: center; } .country-flag .select2-container--default .select2-selection--single .select2-selection__rendered span img { width: 32px; height: 20px; } .country-flag span.select2-search.select2-search--dropdown { display: none !important; } .phone-verification-input .input-group-text { background-color: #a5a7af; border: 1px solid #a5a7af; width: 70px; font-family: "Modern Era TRIAL"; color: #1e2437; justify-content: center; } .phone-verification-input input.form-control { padding-left: 15px; } .send-code-box { margin-bottom: 1rem; margin-top: 2rem; } .send-code-box input.form-control { background-color: #e9eaeb; border-radius: 9px; width: 100%; height: 64px; text-align: center; margin: 0 6px; border-color: #e9eaeb; font-size: 24px; padding: 5px; max-width: 100%; font-weight: 700; font-size: 32px; line-height: 24px; color: #1e2437; margin-bottom: 10px; } .send-code-box .theme-btn-lite { margin-left: auto; margin-right: auto; max-width: 400px; width: 100%; } .verify-modal-footer { margin-top: 35px; } .verify-modal-footer a { font-size: 14px; line-height: 22px; text-align: center; color: #36adb4; border-bottom: 1px solid transparent; transition: all ease 0.3s; display: block; text-decoration: none; } .verify-modal-footer a:hover { border-bottom: 1px solid #36adb4; text-decoration: none; } .verify-modal-footer ul { padding: 0; list-style-type: none; margin-bottom: 25px; } .verify-modal-footer ul li { display: inline-block; position: relative; margin: 0 10px; } .verify-modal-footer ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f111"; top: 50%; transform: translateY(-50%); position: absolute; right: -13px; color: #36adb4; font-size: 2px; } .verify-modal-footer ul li:last-child::before { display: none; } .giftshop-brand-title { font-family: "Sarpanch"; font-weight: 900; font-size: 80px; line-height: 96px; } .select2-dropdown.verifitation-dropdown ul.select2-results__options li { padding: 10px 15px; } .select2-dropdown.verifitation-dropdown ul.select2-results__options li img { width: 32px; height: 20px; position: relative; top: -3px; } /* New Group Covers */ .group-card-placeholder { max-width: 540px; margin: 0 auto; } .mt-groupCard._babyDuck_, .mt-groupCard._babyDuck_ .gc-booklet-inner { background-color: #f8d99d; } ._babyDuck_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-duck-invitaions-header.png); background-repeat: no-repeat; background-position: center; height: 485px; background-size: 160px; } ._babyDuck_ .mt-groupCard-title { font-family: "Merriweather Sans"; font-size: 44px; color: #d78c1f; text-transform: uppercase; line-height: normal; max-width: 480px; letter-spacing: 0; } .mt-groupCard._candyHeart_, .mt-groupCard._candyHeart_ .gc-booklet-inner { background-color: #fff; } ._candyHeart_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/candy-heart-invitaions-header.png); background-repeat: no-repeat; background-position: center; height: 405px; background-size: 210px; } ._candyHeart_ .mt-groupCard-title { font-family: "Caveat"; font-size: 80px; color: #322f29; line-height: 80px; max-width: 490px; letter-spacing: 0; } .mt-groupCard._babyFeetBlue_, .mt-groupCard._babyFeetBlue_ .gc-booklet-inner { background-color: #b4d4f2; } ._babyFeetBlue_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-feet-invitaions-header.png); background-repeat: no-repeat; background-position: center; height: 500px; background-size: 140px; } ._babyFeetBlue_ .mt-groupCard-title { font-family: "Secular One"; font-size: 37px; color: #fff; text-transform: uppercase; line-height: 44px; max-width: 480px; letter-spacing: 0; } .mt-groupCard._babyFeetPink_, .mt-groupCard._babyFeetPink_ .gc-booklet-inner { background-color: #f4bfaa; } ._babyFeetPink_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-feet-invitaions-header.png); background-repeat: no-repeat; background-position: center; height: 500px; background-size: 140px; } ._babyFeetPink_ .mt-groupCard-title { font-family: "Secular One"; font-size: 37px; color: #fff; text-transform: uppercase; line-height: 44px; max-width: 480px; letter-spacing: 0; } .mt-groupCard._waterColourBee_, .mt-groupCard._waterColourBee_ .gc-booklet-inner { background-color: #fff; } ._waterColourBee_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/watercolour-Bee-header.png); background-repeat: no-repeat; background-position: center; height: 520px; background-size: 200px; } ._waterColourBee_ .mt-groupCard-title { font-family: "Special Elite"; font-size: 38.5px; color: #000000; text-transform: uppercase; line-height: 44px; max-width: 480px; letter-spacing: 0; } .mt-groupCard._waterColourRainbow_ .gc-booklet-inner { background-color: transparent; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/watercolour-rainbow-bg.png); } ._waterColourRainbow_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/watercolour-rainbow-header.png); background-repeat: no-repeat; background-position: center; height: 500px; background-size: 420px; } ._waterColourRainbow_ .mt-groupCard-title { font-family: "Pangolin"; font-size: 50px; color: #888880; text-transform: uppercase; line-height: 56px; max-width: 480px; letter-spacing: 0; } /*Batch 2*/ .mt-groupCard._blueTitle_, .mt-groupCard._blueTitle_ .gc-container-inner { background-color: #2e377f; } ._blueTitle_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: 250px; background-size: 420px; } ._blueTitle_ .mt-groupCard-title { font-family: "Chonburi"; font-size: 46px; padding: 10px; color: #ffbe58; text-transform: uppercase; line-height: 60px; max-width: 100%; letter-spacing: 0; position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; } .cover-editable { position: relative; } .mt-groupCard._thinTitle_, .mt-groupCard._thinTitle_ .gc-container-inner { background-color: #f8d99d; } ._thinTitle_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: auto; background-size: 420px; } ._thinTitle_ .mt-groupCard-title { font-family: "Poiret One"; font-size: 56px; color: #e46631; text-transform: uppercase; line-height: 70px; max-width: 100%; letter-spacing: 0; position: absolute !important; top: 0; bottom: 0; padding: 10px; left: 0; right: 0; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; } .mt-groupCard._colourfulCocktail_, .mt-groupCard._colourfulCocktail_ .gc-booklet-inner { background-color: #fff; } ._colourfulCocktail_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/colourful-cocktail-header.png); background-repeat: no-repeat; background-position: center; height: 460px; background-size: 310px; flex-shrink: 0; } ._colourfulCocktail_ .mt-groupCard-title { overflow: hidden; display: block; align-items: center; height: calc(100% - (460px + 140px)); font-family: "Nunito"; font-size: 50px; color: #000000; text-transform: none; line-height: 52px; max-width: 480px; letter-spacing: 0; min-height: unset; margin-bottom: 0; } ._colourfulCocktail_ .mt-groupCard-space { height: 140px; overflow: hidden; align-items: flex-start; padding: 10px 0; } ._colourfulCocktail_ .mt-groupCard-description { display: block; font-family: "Nunito"; line-height: 30px; letter-spacing: 0; max-width: 500px; } .mt-groupCard._orangeHappyBday_ .gc-booklet-inner { background-color: #ff6133; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/orange-happy-birthday-bg.png); background-size: 100% 100%; } ._orangeHappyBday_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: auto; background-size: 420px; } ._orangeHappyBday_ .mt-groupCard-title { font-family: "Staatliches"; font-size: 80px; color: #fff; text-transform: uppercase; line-height: 80px; max-width: 100%; padding: 10px; letter-spacing: 0; position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; } .mt-groupCard._brightPinkThankYou_, .mt-groupCard._brightPinkThankYou_ .gc-container-inner { background-color: #f303ef; } ._brightPinkThankYou_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/bright-pink-thank-you-header.png); background-repeat: no-repeat; background-position: center; height: 480px; background-size: 350px; } ._brightPinkThankYou_ .mt-groupCard-title { font-family: "Poppins"; font-size: 30px; color: #fff; text-transform: none; line-height: 40px; max-width: 480px; letter-spacing: 0; } .mt-groupCard._greenHeart_, .mt-groupCard._greenHeart_ .gc-container-inner { background-color: #dae2cf; } ._greenHeart_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/green-heart-header.png); background-repeat: no-repeat; background-position: center; height: 440px; background-size: 300px; } ._greenHeart_ .mt-groupCard-title { font-family: "Poppins"; font-size: 58px; color: #000000; text-transform: none; line-height: 68px; max-width: 480px; letter-spacing: 0; } /*Batch 3*/ .mt-groupCard._youRock_, .mt-groupCard._youRock_ .gc-container-inner { background-color: #eeeeed; } ._youRock_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/you-rock-header.png); background-repeat: no-repeat; background-position: center; height: 430px; background-size: 245px; } ._youRock_ .mt-groupCard-title { font-family: "Lato"; font-size: 60px; color: #545454; text-transform: none; line-height: 70px; max-width: 480px; letter-spacing: 0; font-weight: 700; } .mt-groupCard._thanksAbunch_, .mt-groupCard._thanksAbunch_ .gc-booklet-inner { background-color: #fff; } ._thanksAbunch_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/thanks-a-bunch-header.png); background-repeat: no-repeat; background-position: center; height: 450px; background-size: 350px; } ._thanksAbunch_ .mt-groupCard-title { font-family: "Montserrat"; font-size: 30px; color: #000; text-transform: none; line-height: 36px; max-width: 480px; letter-spacing: 0; font-weight: 400; } .mt-groupCard._peace_, .mt-groupCard._peace_ .gc-booklet-inner { background-color: #fff; } ._peace_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/peace-header.png); background-repeat: no-repeat; background-position: center; height: 460px; background-size: 140px; } ._peace_ .mt-groupCard-title { font-family: "Lora"; font-size: 30px; color: #000; text-transform: none; line-height: 38px; max-width: 480px; letter-spacing: 0; font-weight: 700; } .mt-groupCard._coachWhistle_, .mt-groupCard._coachWhistle_ .gc-booklet-inner { background-color: #fff; } ._coachWhistle_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/coach-whistle-header.png); background-repeat: no-repeat; background-position: center; height: 450px; background-size: 190px; } ._coachWhistle_ .mt-groupCard-title { font-family: "Poppins"; font-size: 40px; color: #d84012; text-transform: none; line-height: 50px; max-width: 480px; letter-spacing: 0; font-weight: 400; } .mt-groupCard._pinkDonut_, .mt-groupCard._pinkDonut_ .gc-container-inner { background-color: #f8cfdf; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/pink-donut-bg.png); background-size: 100% 100%; } ._pinkDonut_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: 540px; background-size: 190px; } ._pinkDonut_ .mt-groupCard-title { font-family: "Quicksand"; font-size: 28px; color: #000; text-transform: uppercase; line-height: 36px; max-width: 450px; letter-spacing: 0; font-weight: 600; } .mt-groupCard._navyBorderBlue_ .gc-booklet-inner { background-color: #75a0c7 !important; -webkit-box-shadow: inset 0px 0px 0px 10px #1e2437; -moz-box-shadow: inset 0px 0px 0px 10px #1e2437; box-shadow: inset 0px 0px 0px 10px #1e2437; } .mt-groupCard._navyBorderBlue_ .gc-container-inner { -webkit-box-shadow: inset 0px 0px 0px 10px #1e2437; -moz-box-shadow: inset 0px 0px 0px 10px #1e2437; box-shadow: inset 0px 0px 0px 10px #1e2437; } ._navyBorderBlue_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: auto; background-size: 420px; } ._navyBorderBlue_ .mt-groupCard-title { font-family: "GFS Didot"; font-size: 68px; color: #1e2437; line-height: 70px; max-width: 490px; letter-spacing: 0; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; overflow: hidden; width: 100%; height: calc(100% - 170px); } ._navyBorderBlue_ .mt-groupCard-description { display: block; font-family: "GFS Didot"; color: #1e2437; font-weight: 300; font-size: 26px; line-height: 28px; max-width: 490px; padding: 0 0 10px 0; } ._navyBorderBlue_ .mt-groupCard-space { height: 170px; overflow: hidden; align-items: flex-start; padding: 10px 0; } /*Batch 4*/ .invitation-upload-yourown { position: relative; overflow: hidden; display: inline-block; } .invitation-upload-yourown input[type="file"] { position: absolute; left: 0; top: 0; opacity: 0; right: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; } .horizontal-yourown img { max-width: 210px; height: 120px; } .landscape-yourown img { max-width: 240px; } .photo-polaroid-bg { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bgv2.png); padding-top: 30px; padding-bottom: 30px; max-width: 260px; margin: 0 auto; } .photo-polaroid-bg .polaroid-yourown { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bg.png); padding: 15px; padding-bottom: 40px; background-size: cover; box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%); -webkit-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%); -moz-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%); } .orangecircle-yourown img { border: 3px solid #d84012; border-radius: 100%; object-fit: cover; } .groupcard-upload-yourown { position: relative; overflow: hidden; display: block; height: 100%; width: 100%; } .groupcard-upload-yourown input[type="file"] { position: absolute; left: 0; top: 0; opacity: 0; right: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; z-index: 9; } .groupcard-upload-yourown img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-position: center; } .mt-groupCard._photoFullSquare_, .mt-groupCard._photoFullSquare_ .gc-booklet-inner, .mt-groupCard._photoFullSquareSympathy_, .mt-groupCard._photoFullSquareSympathy_ .gc-booklet-inner { background-color: #ffffff; } ._PhotoFullSquare_ .gc-container-inner, ._photoFullSquareSympathy_ .gc-container-inner { flex: 1; display: flex; flex-direction: column; } ._photoFullSquare_ .gc-container-inner .mt-groupCard-batch4-header, ._photoFullSquareSympathy_ .gc-container-inner .mt-groupCard-batch4-header { flex-shrink: 0; height: calc(100% - 30%); overflow: hidden; } ._photoFullSquare_ .mt-groupCard-title, ._photoFullSquareSympathy_ .mt-groupCard-title { flex: 1; display: flex; align-items: center; height: 30%; margin-bottom: 0; font-family: "Nunito"; font-size: 30px; color: #000000; width: 100%; justify-content: center; max-width: 490px; padding: 10px; line-height: 38px; overflow: hidden; text-transform: uppercase; } .mt-groupCard._photoGoldBorder_ .gc-container-inner, .mt-groupCard._photoGoldBorderSympathy_ .gc-container-inner { background-color: #ffffff; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-gold-border-cover.png); background-size: 100% 100%; } ._photoGoldBorder_ .gc-container-inner, ._photoGoldBorderSympathy_ .gc-container-inner { flex: 1; display: flex; flex-direction: column; padding: 75px; padding-bottom: 50px; } ._photoGoldBorder_ .gc-container-inner .mt-groupCard-batch4-header, ._photoGoldBorderSympathy_ .gc-container-inner .mt-groupCard-batch4-header { flex-shrink: 0; height: calc(100% - 40%); overflow: hidden; } ._photoGoldBorder_ .mt-groupCard-title, ._photoGoldBorderSympathy_ .mt-groupCard-title { flex: 1; display: flex; align-items: center; height: 40%; margin-bottom: 0; font-family: "Niconne"; font-size: 58px; color: #3b372f; width: 100%; justify-content: center; max-width: 470px; padding: 10px; line-height: 55px; overflow: hidden; } .mt-groupCard._photoLogoNavyBorder_ .gc-container-inner { background-color: #ffffff; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-logo-navy-border-bg.png); background-size: 100% 100%; } ._photoLogoNavyBorder_ .gc-container-inner { flex: 1; display: flex; flex-direction: column; padding: 45px 25px; } ._photoLogoNavyBorder_ .gc-container-inner .mt-groupCard-batch4-header { flex-shrink: 0; height: 150px; overflow: hidden; } ._photoLogoNavyBorder_ .mt-groupCard-title { flex: 1; display: flex; align-items: center; height: calc(100% - (150px + 140px)); margin-bottom: 0; font-family: "Playfair Display"; font-size: 64px; color: #1e2437; width: 100%; justify-content: center; max-width: 100%; padding: 10px; line-height: 80px; overflow: hidden; font-weight: 700; } ._photoLogoNavyBorder_ .mt-groupCard-space { min-height: 140px; } .mt-groupCard._photoLogoNavyBorder_ .mt-groupCard-description { display: block; font-family: "Playfair Display"; font-size: 20px; color: #1e2437; line-height: normal; } ._photoLogoNavyBorder_ .groupcard-upload-yourown { position: relative; overflow: hidden; display: block; height: 150px; width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; } .mt-groupCard._photoFullPageLandscape_ .gc-container-inner, .mt-groupCard._photoFullPageLandscapeSympathy_ .gc-container-inner { background-color: #ffffff; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-full-page-landscape-bg.png); background-size: 100% 100%; } ._photoFullPageLandscape_ .gc-container-inner, ._photoFullPageLandscapeSympathy_ .gc-container-inner { flex: 1; display: flex; flex-direction: column; } ._photoFullPageLandscape_ .gc-container-inner .mt-groupCard-batch4-header, ._photoFullPageLandscapeSympathy_ .gc-container-inner .mt-groupCard-batch4-header { flex-shrink: 0; height: 50%; overflow: hidden; } ._photoFullPageLandscape_ .mt-groupCard-title, ._photoFullPageLandscapeSympathy_ .mt-groupCard-title { flex: 1; display: flex; align-items: flex-start; height: calc(100% - (50% + 140px)); margin-bottom: 0; font-family: "Maven Pro"; font-size: 50px; color: #141414; width: 100%; justify-content: center; max-width: 510px; padding: 10px; line-height: 55px; font-weight: 700; padding-top: 15%; text-transform: uppercase; } .mt-groupCard._photoFullPageLandscape_ .mt-groupCard-description, .mt-groupCard._photoFullPageLandscapeSympathy_ .mt-groupCard-description { display: block; font-family: "Maven Pro"; font-size: 25px; line-height: normal; color: #141414; } .mt-groupCard-space { min-height: 140px; } .mt-groupCard._photoPolaroid_ .gc-container-inner, .mt-groupCard._photoPolaroidSympathy_ .gc-container-inner { background-color: #ffffff; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bgv2.png); background-size: 100% 100%; } ._photoPolaroid_ .gc-container-inner, ._photoPolaroidSympathy_ .gc-container-inner { flex: 1; display: flex; flex-direction: column; padding: 120px 60px; } ._photoPolaroid_ .gc-container-inner .mt-groupCard-batch4-header, ._photoPolaroidSympathy_ .gc-container-inner .mt-groupCard-batch4-header { flex-shrink: 0; height: calc(100% - 25%); overflow: hidden; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bg.png); background-size: cover; box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%); -webkit-box-shadow: 0px 2px 2px 0px rgb(78 78 78 / 50%); -moz-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%); padding: 20px; padding-bottom: 0; } ._photoPolaroid_ .mt-groupCard-title, ._photoPolaroidSympathy_ .mt-groupCard-title { flex: 1; display: flex; align-items: center; height: 25%; margin-bottom: 0; font-family: "Amatic SC"; font-size: 35px; color: #b11a1e; width: 100%; justify-content: center; max-width: 100%; padding: 10px 20px; line-height: 44px; overflow: hidden; font-weight: 700; text-transform: uppercase; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bg.png); background-size: cover; box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%); -webkit-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%); -moz-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%); margin-top: -5px; min-height: unset; } ._photoOrangeCircle_ .gc-container-inner, ._photoOrangeCircleSympathy_ .gc-container-inner { flex: 1; display: flex; flex-direction: column; background-color: #f6ebdb; padding: 50px 20px; } ._photoOrangeCircle_ .gc-container-inner .mt-groupCard-batch4-header, ._photoOrangeCircleSympathy_ .gc-container-inner .mt-groupCard-batch4-header { flex-shrink: 0; height: calc(100% - 45%); overflow: hidden; } .mt-groupCard-batch4-header { display: none; } ._photoFullSquare_ .mt-groupCard-batch4-header, ._photoFullSquareSympathy_ .mt-groupCard-batch4-header, ._photoGoldBorder_ .mt-groupCard-batch4-header, ._photoGoldBorderSympathy_ .mt-groupCard-batch4-header, ._photoLogoNavyBorder_ .mt-groupCard-batch4-header, ._photoFullPageLandscape_ .mt-groupCard-batch4-header, ._photoFullPageLandscapeSympathy_ .mt-groupCard-batch4-header, ._photoPolaroid_ .mt-groupCard-batch4-header, ._photoPolaroidSympathy_ .mt-groupCard-batch4-header, ._photoOrangeCircle_ .mt-groupCard-batch4-header, ._photoOrangeCircleSympathy_ .mt-groupCard-batch4-header { display: block; } ._photoFullSquare_ .mt-groupCard-header, ._photoFullSquareSympathy_ .mt-groupCard-header, ._photoGoldBorder_ .mt-groupCard-header, ._photoGoldBorderSympathy_ .mt-groupCard-header, ._photoLogoNavyBorder_ .mt-groupCard-header, ._photoFullPageLandscape_ .mt-groupCard-header, ._photoFullPageLandscapeSympathy_ .mt-groupCard-header, ._photoPolaroid_ .mt-groupCard-header, ._photoPolaroidSympathy_ .mt-groupCard-header, ._photoOrangeCircle_ .mt-groupCard-header, ._photoOrangeCircleSympathy_ .mt-groupCard-header { display: none; } ._photoOrangeCircle_ .mt-groupCard-title, ._photoOrangeCircleSympathy_ .mt-groupCard-title { flex: 1; display: flex; align-items: center; height: 45%; margin-bottom: 0; font-family: "Abril Fatface"; font-size: 65px; color: #d84012; width: 100%; justify-content: center; max-width: 100%; padding: 10px; line-height: 75px; overflow: visible; font-weight: 400; } ._photoOrangeCircle_ .groupcard-upload-yourown, ._photoOrangeCircleSympathy_ .groupcard-upload-yourown { border: 6px solid #d84012; border-radius: 100%; width: 330px; height: 330px; margin-left: auto; margin-right: auto; } .mt-tm-sidebar-blocks.receipt-page.d-block.tm-170 { height: auto; margin-top: 0px; } .mt-tm-sidebar-blocks.receipt-page.tm-170 .w-50 { height: auto; justify-content: flex-start; border-right: 1px dashed #a5a7af; } .mt-tm-sidebar-blocks.receipt-page h5 { font-size: 22px; line-height: 48px; text-align: center; color: #7fe2dc; margin-bottom: 0; } .mt-tm-sidebar-blocks.receipt-page.tm-170 .w-50:last-child { border-right: 0px dashed rgba(30, 36, 55, 0.6); } .email-recipient-blockv3, .email-recipient-blockv2 { display: none; } .profile-messages { margin-bottom: 20px; border: 1px solid #a5a7af; padding: 4px 10px; font-size: 16px; border-radius: 2px; } .msg-green { color: #7fe2dc; border-color: #7fe2dc; } .msg-red, .msg-red a { color: #ff0000; border-color: #ff0000; } .mt-receipt-gift { padding-top: 85px; padding-bottom: 85px; } .mt-receipt-gift-details h2 { font-size: 40px; font-family: Recoleta; line-height: 48px; color: #1e2437; font-weight: 400; margin-bottom: 15px; } .media.media-yourcard .media-body .email-recipient-status span { display: inline; color: #25d366; } .email-recipient-blockv3 .text-center { color: #36adb4; } .email-recipient-blockv3 .theme-link-lite { font-size: 18px; margin-top: 20px; display: inline-block; } .mt-gift-details-block-header h2.gtrbh-title { font-size: 28px; line-height: 48px; color: #a5a7af; margin-bottom: 0; font-family: "Modern Era TRIAL"; font-weight: 400; } .mt-gift-details-block-header h2.gtrbh-title .dark-color { color: #1e2437; } .mt-gift-details-block-header p { font-size: 16px; line-height: 20px; color: #1e2437; margin-bottom: 10px; font-weight: 500; } .mt-gift-details-block-header p span { color: #a5a7af; } .mt-gift-details-block-header p a { margin-left: 8px; position: relative; top: -3px; } .mt-gift-details-block-header { margin-bottom: 15px; padding-bottom: 15px; } .mt-receipt-copylink .theme-btn-dark { font-size: 20px; line-height: 30px; min-height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin-bottom: 35px; } .mt-receipt-copylink .theme-btn-dark svg { margin-left: 30px; } .mt-gift-details-block { border-bottom: 0px solid #a5a7af; margin-bottom: 0; padding-bottom: 0; } .mt-gift-details-collapse { margin-top: 40px; margin-bottom: 0; padding-bottom: 0; } .mt-gift-details-collapse .mt-gift-details-collapse-btn { font-size: 20px; line-height: 20px; color: #36adb4; font-family: "Modern Era TRIAL"; border-bottom: 1px solid #a5a7af; margin-bottom: 30px; padding-bottom: 25px; display: block; border-top: 1px solid #a5a7af; padding-top: 25px; } .mt-gift-details-collapse .mt-gift-details-collapse-btn span { position: relative; } .mt-gift-details-collapse .mt-gift-details-collapse-btn span::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; font-size: 14px; margin-left: 0; color: #36adb4; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); } .mt-gift-details-collapse .mt-gift-details-collapse-btn[aria-expanded="true"] span::after { content: "\f077"; } .mt-gift-details-item.media img { max-width: 180px; margin-right: 35px; } .mt-gift-details-item.media .media-body { font-family: "Modern Era TRIAL"; } .mt-gift-details-item.media .media-body h3 { color: #1e2437; font-size: 22px; line-height: 25px; } .mt-gift-details-item.media .media-body h5 { font-size: 14px; line-height: 17px; color: #1e2437; margin-bottom: 12px; } .mt-gift-details-item.media .media-body p { margin-top: 25px; } .mt-gift-details-item.media .media-body h6, .mt-gift-details-item.media .media-body p { font-size: 14px; line-height: 20px; font-weight: 400; color: #1e2437; margin-bottom: 0; } .mt-gift-details-item.media .media-body h6 span, .mt-gift-details-item.media .media-body p span { color: #a5a7af; } span.status-available { color: #25d366 !important; } .mt-gift-details-item.media .media-body ul { padding: 0; margin: 0; list-style-type: none; margin-top: 20px; } .mt-gift-details-item.media .media-body ul li { display: inline-block; color: #36adb4; margin: 0 4px; } .mt-gift-details-item.media .media-body ul li:first-child { margin-left: 0; } .mt-gift-details-item.media .media-body ul li a { color: #36adb4; transition: all ease 0.3s; } .mt-gift-details-item.media .media-body ul li a:hover, a.gtrbh-link:hover { color: #46cac2; } .mt-gift-details-item { border-bottom: 1px solid #a5a7af; padding-bottom: 35px; margin-bottom: 35px; } span.status-pending { color: #e45964 !important; } span.status-sending { color: #f99f1b !important; } span.status-progress { color: #f99f1b !important; } .mt-gift-details-image { max-width: 225px; width: 100%; text-align: center; } a.mt-gift-details-collapse-btn.close-collapse { font-size: 16px; line-height: 20px; } .mt-gift-details-block-header.border-bottom { border-bottom: 1px solid #a5a7af !important; margin-bottom: 40px; } .mt-gift-details-image.mt-gift-details-image-with-btn { position: relative; } .mt-gift-details-image.mt-gift-details-image-with-btn img { box-shadow: 0px 1.38012px 16.5614px rgb(0 0 0 / 15%); } .mt-gift-details-image.mt-gift-details-image-with-btn .theme-btn-lite { max-width: 115px; position: absolute; bottom: -24px; left: 37px; right: auto; } span.status-done { color: #25d366 !important; } input.search-library-input { width: 100%; display: block; text-align: left; color: #131313; font-size: 13px; height: 32px; padding: 0 0 0 15px; border: 1px solid #ccc; border-radius: 0px; height: 38px !important; background-color: #fff; margin-bottom: 15px; } .addfriend-textarea { width: 100%; background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); height: 220px; border-radius: 4px; padding: 15px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; resize: vertical; overflow: auto; } .addfriend-textarea::-webkit-scrollbar { width: 4px; } .addfriend-textarea::-webkit-scrollbar-track { background: #f1f1f1; } .addfriend-textarea::-webkit-scrollbar-thumb { background: #888; } .addfriend-textarea::-webkit-scrollbar-thumb:hover { background: #555; } .addfriend-textarea:focus { outline: none; border: 1px solid #46cac2; } ul.sharemodal-addlist { margin: 0; padding: 0; list-style-type: none; } ul.sharemodal-addlist li { display: block; margin-bottom: 5px; } ul.sharemodal-addlist li .sharemodal-grid { display: inline-block; position: relative; border: 1px solid rgba(30, 36, 55, 0.1); margin-bottom: 0; border-radius: 50px; padding: 5px 35px 5px 15px; margin-right: 0; font-size: 14px; min-height: 35px; } ul.sharemodal-addlist li .sharemodal-grid textarea { min-height: unset; padding: 0px 0 0 0; line-height: 24px; max-height: 22px; overflow: hidden; } ul.sharemodal-addlist li:last-child { margin-bottom: 0px; } ul.sharemodal-addlist li button { background-color: transparent; border: 0; position: absolute; right: 14px; top: 3px; padding: 0; } ul.sharemodal-addlist li button svg { width: 9px; height: 9px; } ul.sharemodal-addlist li button:focus { outline: none; } ul.sharemodal-addlist li button svg stroke { fill: gray; } ul.sharemodal-addlist li .sharemodal-grid textarea { resize: none; border: 0; background-color: transparent; width: 100%; display: block; } ul.sharemodal-addlist li .sharemodal-grid textarea:focus { outline: none; } .inviteDisabled .invite-result-label { cursor: default !important; pointer-events: all !important; } .inviteDisabled .invite-result-label input:checked ~ .checkmark { background-color: #e8e4e4 !important; border: 1px solid #e8e4e4 !important; } .gc-title-edit { height: auto; max-width: 400px; background: #ffffff; border: 1px solid #a5a7af; box-sizing: border-box; border-radius: 4px; font-size: 16px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; font-weight: 400; line-height: 1.5; color: #495057; padding: 14px 0.75rem; } .edit-title-modal-inner .gc-title-edit { max-width: 100%; } .edit-title-modal-inner .mt-sign-control label { margin-bottom: 8px; } .gc-title-edit[placeholder]:empty:before { content: attr(placeholder); color: #a5a7af; } .gc-title-edit:focus { color: #495057; background-color: #fff; border-color: #7fe2dc; outline: 0; box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%); } /*Batch 5*/ .mt-groupCard._luggageTag_ .gc-booklet-inner { background-color: #dee3e2; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/luggage-tag-bg.png); background-size: 100% 100%; } ._luggageTag_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: 250px; } ._luggageTag_ .mt-groupCard-title { font-family: "Merriweather"; font-size: 34px; color: #846e56; text-transform: uppercase; max-width: 360px !important; padding-left: 0 !important; padding-right: 0 !important; letter-spacing: 0; font-weight: 400; line-height: 44px; height: calc(100% - (250px + 260px)); margin-bottom: 0; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: unset; } ._luggageTag_ .mt-groupCard-title:after { content: ""; background-color: #846e56; position: absolute; bottom: 0; left: 0; right: 0; width: 75%; height: 3px; margin: 0 auto; } ._luggageTag_ .mt-groupCard-space { height: 260px; overflow: hidden; padding: 10px 0; } ._luggageTag_ .mt-groupCard-description { display: block; font-family: "Merriweather"; color: #846e56; font-size: 18px; max-width: 360px; line-height: 27px; } .mt-groupCard._redBrush_ .gc-booklet-inner { background-color: #f9f9f9; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/red-brush-bg.png); background-size: 100% 100%; } ._redBrush_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: auto; background-size: 420px; } ._redBrush_ .mt-groupCard-title { font-family: "Julius Sans One"; font-size: 48px; color: #fff; text-transform: uppercase; line-height: 60px; max-width: 100%; padding: 15px; letter-spacing: 0; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; overflow: hidden; width: 100%; height: calc(100% - 230px); } ._redBrush_ .mt-groupCard-description { display: block; font-family: "Exo 2"; color: #fff; font-weight: 300; font-size: 26px; line-height: 30px; max-width: 470px; padding: 0 0 10px 0; } ._redBrush_ .mt-groupCard-space { height: 170px; overflow: hidden; align-items: flex-start; padding: 10px 0; } .mt-groupCard._blueFlowers_ .gc-booklet-inner { background-color: #78b9b5; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-flowers-bg.png); background-size: 100% 100%; } ._blueFlowers_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: 265px; } ._blueFlowers_ .mt-groupCard-title { font-family: "heartwellregular"; font-size: 84px; color: #0f2250; text-transform: none; max-width: 480px; letter-spacing: 0; font-weight: 400; line-height: 105px; height: calc(100% - (265px + 245px)); margin-bottom: 0; } ._blueFlowers_ .mt-groupCard-space { height: 245px; overflow: hidden; padding: 10px 0; } ._blueFlowers_ .mt-groupCard-description { display: block; font-family: "Montserrat"; color: #0f2250; } .mt-groupCard._blueSpeechBubble_, .mt-groupCard._blueSpeechBubble_ .gc-container-inner { background-color: #0db8b2; } ._blueSpeechBubble_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: 50px; } ._blueSpeechBubble_ .mt-groupCard-title { font-family: "Josefin Slab"; font-size: 45px; color: #0db8b2; text-transform: uppercase; max-width: 500px !important; letter-spacing: 0; font-weight: 400; line-height: 60px; background-color: #fff; border-radius: 60px; padding: 45px 20px !important; position: relative; display: flex; align-items: center; width: 100%; } ._blueSpeechBubble_ .mt-groupCard-title:after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-speech-bubble-header-arrow.png); position: absolute; bottom: -118px; right: 100px; width: 120px; height: 120px; background-size: contain; background-repeat: no-repeat; } .bubble-image:after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-speech-bubble-header-arrow.png); position: absolute; bottom: -44px; right: 60px; width: 46px; height: 46px; background-size: contain; background-repeat: no-repeat; } ._blueSpeechBubble_ .mt-groupCard-description { display: block; color: #ffffff; font-family: "Josefin Sans"; margin-top: 100px; line-height: 30px; } .mt-groupCard._goldFoilTop_ .gc-booklet-inner { background-color: #f9f9f9; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/gold-foil-top-bg.png); background-size: 100% 100%; } ._goldFoilTop_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: 260px; } ._goldFoilTop_ .mt-groupCard-title { font-family: "Maven Pro"; font-size: 50px; color: #222222; text-transform: uppercase; max-width: 490px; letter-spacing: 0; line-height: 60px; font-weight: 700; } .mt-groupCard._babyBunting_ .gc-booklet-inner { background-color: #ffffff !important; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-bunting-header.png); background-size: contain; background-repeat: no-repeat; background-position: top center; } ._babyBunting_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: 290px; } ._babyBunting_ .mt-groupCard-title { font-family: "Sue Ellen Francisco"; font-size: 100px; color: #cb5637; text-transform: none; max-width: 480px; letter-spacing: 0; line-height: 130px; font-weight: 400; } /*Verification Modal*/ .dd-container { width: auto !important; } .dd-select { width: auto !important; background: transparent !important; border: 1px solid #a5a7af !important; box-sizing: border-box; border-radius: 8px !important; height: 56px; padding: 14px 12px !important; } .dd-select a.dd-selected { padding: 0 !important; margin: 0 !important; } img.dd-selected-image { max-width: 40px !important; } .dd-pointer-down { border: solid 5px transparent !important; border-top: solid 5px #7fe2dc !important; } ul.dd-options.dd-click-off-close { width: auto !important; } .dd-option-image, .dd-selected-image { max-width: 36px !important; } a.dd-option { padding: 3px 30px 3px 12px !important; margin: 0 !important; } .dd-pointer-up { border: solid 5px transparent !important; border-bottom: solid 5px #7fe2dc !important; } .invite-friends h3 { font-size: 20px; line-height: 32px; color: #1e2437; margin-bottom: 5px; font-family: "Modern Era TRIAL"; } .email-textarea { text-align: left; } .email-textarea label { color: #1e2437; } .theme-link-lite { font-size: 20px; line-height: 20px; color: #36adb4; font-family: "Modern Era TRIAL"; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .theme-link-lite:hover { color: #46cac2; } .theme-btn-gray { background-color: #d2d3d7; color: #1e2437; } .theme-btn-gray:hover { background-color: #c2c3c6; color: #1e2437; } .receipt-gift-userinfo p { font-size: 16px; line-height: 20px; color: #1e2437; margin-bottom: 10px; font-weight: 500; } .receipt-gift-userinfo p span { color: #a5a7af; } .receipt-gift-userinfo .theme-link-lite { font-size: 16px; margin-top: 15px; display: inline-block; } .receipt-gift-userinfo { border-top: 1px solid #a5a7af; padding: 25px 0; } .receipt-gift-userinfo .media { cursor: pointer; } .receipt-gift-userinfo .add-icon { background-color: #a5a7af; width: 70px; height: 70px; display: flex; border-radius: 100%; justify-content: center; align-items: center; margin-right: 20px; } .receipt-gift-userinfo .media-body p { font-size: 16px; line-height: 18px; color: #1e2437; margin-bottom: 0; } .mt-receipt-giftsandcards-block .white-block { background: #ffffff; box-shadow: 0px 0px 16px rgb(0 0 0 / 6%); border-radius: 8px; padding: 25px 15px; } .mt-receipt-giftsandcards-block { padding: 15px 0 15px; } .mt-receipt-giftsandcards-block .white-block p { color: #1e2437; font-size: 20px; margin-bottom: 40px; } .mt-receipt-giftsandcards-block .white-block p span { color: #a5a7af; } .mt-receipt-giftsandcards-block .white-block a { font-size: 18px; } .mt-receipt-giftsandcards-btns p { color: #1e2437; font-size: 20px; line-height: 35px; text-align: center; margin-top: 35px; } .mt-receipt-giftsandcards-main { font-family: "Modern Era TRIAL"; } .yourCard img { max-width: 175px; box-shadow: 0px 1.38012px 16.5614px rgb(0 0 0 / 15%); } .giftsandcards-white-block { background: #ffffff; box-shadow: 0px 0px 16px rgb(0 0 0 / 6%); border-radius: 8px; padding: 45px 50px 45px; } .yourCard a { position: absolute; left: 0; right: 0; text-align: center; bottom: -25px; } .yourCard a svg { width: 50px; height: 50px; } .media.media-yourcard .media-body { padding-left: 60px; } .media.media-yourcard .media-body h5 { font-size: 20px; line-height: 33px; color: #1e2437; margin-bottom: 30px; } .media.media-yourcard .media-body p { color: #a5a7af; font-size: 20px; line-height: 33px; } .media.media-yourcard .media-body p span { color: #f99f1b; display: block; } .mt-generic-popup-design .modal-dialog { z-index: 999; } /*hide new groupcards image and description section */ ._photoOrangeCircle_ .mt-groupCard-space, ._photoOrangeCircleSympathy_ .mt-groupCard-space, ._photoPolaroid_ .mt-groupCard-space, ._photoFullSquareSympathy_ .mt-groupCard-space, ._photoGoldBorder_ .mt-groupCard-space, ._photoGoldBorderSympathy_ .mt-groupCard-space, ._photoFullSquare_ .mt-groupCard-space, ._photoFullSquareSympathy_ .mt-groupCard-space, ._babyBunting_ .mt-groupCard-space, ._coachWhistle_ .mt-groupCard-space, ._peace_ .mt-groupCard-space, ._thanksAbunch_ .mt-groupCard-space, ._youRock_ .mt-groupCard-space, ._greenHeart_ .mt-groupCard-space, ._brightPinkThankYou_ .mt-groupCard-space, ._orangeHappyBday_ .mt-groupCard-space, ._thinTitle_ .mt-groupCard-space, ._blueTitle_ .mt-groupCard-space, ._waterColourRainbow_ .mt-groupCard-space, ._waterColourBee_ .mt-groupCard-space, ._babyFeetPink_ .mt-groupCard-space, ._babyFeetBlue_ .mt-groupCard-space, ._candyHeart_ .mt-groupCard-space, ._babyDuck_ .mt-groupCard-space, ._sprinkles_ .mt-groupCard-space { display: none; } ._goldFoilTop_ .mt-groupCard-space .mt-groupCard-description { display: block; } /*Batch 6*/ .mt-groupCard._goldBrush_ .gc-container-inner { background-color: #ffffff; background-image: none; background-size: 100% 100%; } .mt-groupCard._goldBrush_ .gc-container-inner .mt-groupCard-title { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/gold-brush-header.png); max-width: 100%; background-size: 100% 100%; min-height: 400px; padding-top: 100px; padding-left: 25px; padding-right: 25px; font-family: "Assistant"; font-weight: 400; text-transform: uppercase; color: #fff; } .mt-groupCard._goldBrush_ .mt-groupCard-description { font-family: "Assistant"; display: block; } .mt-groupCard._goldConfetti_ .gc-container-inner { background-color: #ffffff; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/gold-confetti-cover.png); background-size: 100% 100%; } ._goldConfetti_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: 265px; } ._goldConfetti_ .mt-groupCard-title { font-family: "heartwellregular"; font-size: 86px; color: #000000; text-transform: none; max-width: 490px; letter-spacing: 0; font-weight: 400; line-height: 100px; min-height: 320px; } .mt-groupCard._goldConfetti_ .mt-groupCard-description { font-family: "Montserrat"; display: block; } .mt-groupCard._sprinkles_ .gc-booklet-inner { background-color: #ff8966; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sprinkles-cover.png); background-size: 100% 100%; } ._sprinkles_ .mt-groupCard-header { background-image: none; background-repeat: no-repeat; background-position: center; height: auto; background-size: 420px; } ._sprinkles_ .mt-groupCard-title { font-family: "Roboto"; font-size: 40px; color: #ff6133; text-transform: uppercase; line-height: 50px; max-width: 470px !important; letter-spacing: 0; position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; width: 100%; background-color: #fff; min-height: 470px; border-radius: 100%; padding: 40px; } ._sprinkles_ .mt-groupCard-title:after { content: ""; box-shadow: 0px 0px 0px 4px rgb(255 97 51 / 75%) inset; position: absolute; height: 97%; width: 97%; border-radius: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*Batch 7*/ .mt-groupCard._vintageTV_ .gc-container-inner { background-color: #211a0e; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Vintage-TV_Card.png); background-size: 100% 100%; } .mt-groupCard._vintageTV_ .mt-groupCard-header, .mt-groupCard._vintageTV_ .mt-groupCard-title, .mt-groupCard._vintageTV_ .mt-groupCard-space { display: none; } .mt-groupCard._pinkPhone_ .gc-container-inner { background-color: #a4dcdc; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Pink-Phone_Card.png); background-size: 100% 100%; } .mt-groupCard._pinkPhone_ .mt-groupCard-header, .mt-groupCard._pinkPhone_ .mt-groupCard-title, .mt-groupCard._pinkPhone_ .mt-groupCard-space { display: none; } .mt-groupCard._speechBubbleCiao_ .gc-container-inner { background-color: #bfbbb4; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Speech-Bubble-Ciao_Card.png); background-size: 100% 100%; } .mt-groupCard._speechBubbleCiao_ .mt-groupCard-header, .mt-groupCard._speechBubbleCiao_ .mt-groupCard-title, .mt-groupCard._speechBubbleCiao_ .mt-groupCard-space { display: none; } .mt-groupCard._dogGetWellSoon_ .gc-container-inner { background-color: #d54d25; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Dog-Get-Well-Soon_Card.png); background-size: 100% 100%; } .mt-groupCard._dogGetWellSoon_ .mt-groupCard-header, .mt-groupCard._dogGetWellSoon_ .mt-groupCard-title, .mt-groupCard._dogGetWellSoon_ .mt-groupCard-space { display: none; } .mt-groupCard._yellowRetroMan_ .gc-container-inner { background-color: #ffd527; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Yellow-Retro-Man_Card-Background.png); background-size: 100% 100%; } .mt-groupCard._yellowRetroMan_ .mt-groupCard-header, .mt-groupCard._yellowRetroMan_ .mt-groupCard-space { display: none; } .mt-groupCard._yellowRetroMan_ .mt-groupCard-title { font-family: "Bungee Shade"; font-size: 34px; color: #000000; text-transform: none; max-width: 500px; letter-spacing: 0; font-weight: 400; line-height: 44px; margin-bottom: 0; padding-top: 45px; } .mt-groupCard._birthdayBeer_ .gc-container-inner { background-color: #aa3832; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Birthday-Beer_Card-Background.png); background-size: 100% 100%; } .mt-groupCard._birthdayBeer_ .mt-groupCard-header, .mt-groupCard._birthdayBeer_ .mt-groupCard-space { display: none; } .mt-groupCard._birthdayBeer_ .mt-groupCard-title { font-family: "Montserrat"; font-size: 28px; color: #e9cdb0; text-transform: none; max-width: 310px !important; letter-spacing: 0; font-weight: 400; line-height: 30px; margin-bottom: 0; padding-top: 0 !important; position: absolute !important; bottom: 0; width: 100%; min-height: 230px; padding: 15px 25px !important; } /*Batch 7*/ .mt-groupCard._oneInMelon_ .gc-container-inner { background-color: #f9b5a1; background-size: 100%; } .mt-groupCard._oneInMelon_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/one-in-a-melon-header.png); background-size: 400px; background-position: center; background-repeat: no-repeat; height: 540px; } .mt-groupCard._oneInMelon_ .mt-groupCard-space { display: none; } .mt-groupCard._oneInMelon_ .mt-groupCard-title { font-family: "Noto Sans"; font-size: 35px; color: #fff; text-transform: none; max-width: 100%; letter-spacing: 0; font-weight: 400; line-height: 40px; margin-bottom: 0; padding-top: 0; position: absolute; bottom: 0; width: 100%; min-height: 230px; padding: 15px; } .mt-groupCard._wavyHappyBirthday_ .gc-container-inner { background-color: #f1bc67; background-size: 100%; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/wavy-happy-birthday-cover.png); } .mt-groupCard._wavyHappyBirthday_ .mt-groupCard-space, .mt-groupCard._wavyHappyBirthday_ .mt-groupCard-header { display: none; } .mt-groupCard._wavyHappyBirthday_ .mt-groupCard-title { font-family: "Noto Sans"; font-size: 35px; color: #fff; text-transform: none; max-width: 100%; letter-spacing: 0; font-weight: 400; line-height: 40px; margin-bottom: 0; padding-top: 0 !important; position: absolute !important; bottom: 0; width: 100%; min-height: 270px; padding: 15px; } .mt-groupCard._thePerfectPear_ .gc-container-inner { background-color: #f6d2c4; background-size: 100%; } .mt-groupCard._thePerfectPear_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/the-perfect-pear-header.png); background-size: 310px; background-position: center; background-repeat: no-repeat; height: 565px; } .mt-groupCard._thePerfectPear_ .mt-groupCard-space { display: none; } .mt-groupCard._thePerfectPear_ .mt-groupCard-title { font-family: "Noto Sans"; font-size: 30px; color: #fff; text-transform: none; max-width: 100%; letter-spacing: 0; font-weight: 400; line-height: 35px; margin-bottom: 0; padding-top: 0; position: absolute; bottom: 0; width: 100%; min-height: 200px; padding: 15px; } .mt-groupCard._greenHeartThinkingofYou_ .gc-container-inner { background-color: #fcba80; background-size: 100%; } .mt-groupCard._greenHeartThinkingofYou_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/green-heart-thinking-of-you-header.png); background-size: 440px; background-position: center; background-repeat: no-repeat; height: 565px; } .mt-groupCard._greenHeartThinkingofYou_ .mt-groupCard-space { display: none; } .mt-groupCard._greenHeartThinkingofYou_ .mt-groupCard-title { font-family: "Noto Sans"; font-size: 35px; color: #fff; text-transform: none; max-width: 100%; letter-spacing: 0; font-weight: 400; line-height: 40px; margin-bottom: 0; padding-top: 0; position: absolute; bottom: 0; width: 100%; min-height: 200px; padding: 15px; } .mt-groupCard._yellowBlueBye_ .gc-container-inner { background-color: #b4d4f2; background-size: 100%; } .mt-groupCard._yellowBlueBye_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/yellow-blue-bye-header.png); background-size: 440px; background-position: center; background-repeat: no-repeat; height: 565px; } .mt-groupCard._yellowBlueBye_ .mt-groupCard-space { display: none; } .mt-groupCard._yellowBlueBye_ .mt-groupCard-title { font-family: "Alfa Slab One"; font-size: 30px; color: #000000; text-transform: none; max-width: 100%; letter-spacing: 0; font-weight: 400; line-height: 35px; margin-bottom: 0; padding-top: 0; position: absolute; bottom: 0; width: 100%; min-height: 200px; padding: 15px; } .mt-groupCard._yellowBlueThankYou_ .gc-container-inner { background-color: #b4d4f2; background-size: 100%; } .mt-groupCard._yellowBlueThankYou_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/yellow-blue-thank-you-header.png); background-size: 440px; background-position: center; background-repeat: no-repeat; height: 565px; } .mt-groupCard._yellowBlueThankYou_ .mt-groupCard-space { display: none; } .mt-groupCard._yellowBlueThankYou_ .mt-groupCard-title { font-family: "Alfa Slab One"; font-size: 30px; color: #000000; text-transform: none; max-width: 100%; letter-spacing: 0; font-weight: 400; line-height: 35px; margin-bottom: 0; padding-top: 0; position: absolute; bottom: 0; width: 100%; min-height: 200px; padding: 15px; } .row.gutter-8 { margin-left: -5px; margin-right: -5px; } .row.gutter-8 .col-md-4 { padding: 0 5px; } /*Batch 9*/ .mt-groupCard._pleaseDonutLeavePink_ .gc-container-inner { background-color: #f9d2e1; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/please-donut-leave-pink-cover.png); background-size: 100% 100%; } .mt-groupCard._pleaseDonutLeavePink_ .mt-groupCard-header, .mt-groupCard._pleaseDonutLeavePink_ .mt-groupCard-title, .mt-groupCard._pleaseDonutLeavePink_ .mt-groupCard-space { display: none; } .mt-groupCard._pleaseDonutLeaveBlue_ .gc-container-inner { background-color: #65c3d3; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/please-donut-leave-blue-cover.png); background-size: 100% 100%; } .mt-groupCard._pleaseDonutLeaveBlue_ .mt-groupCard-header, .mt-groupCard._pleaseDonutLeaveBlue_ .mt-groupCard-title, .mt-groupCard._pleaseDonutLeaveBlue_ .mt-groupCard-space { display: none; } .mt-groupCard._grumpyCat_ .gc-container-inner { background-color: #181d20; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/grumpy-cat-cover.png); background-size: 100% 100%; } .mt-groupCard._grumpyCat_ .mt-groupCard-header, .mt-groupCard._grumpyCat_ .mt-groupCard-title, .mt-groupCard._grumpyCat_ .mt-groupCard-space { display: none; } .mt-groupCard._jamesBrownFeelGood_ .gc-container-inner { background-color: #181d20; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/james-brown-feel-good-cover.png); background-size: 100% 100%; } .mt-groupCard._jamesBrownFeelGood_ .mt-groupCard-header, .mt-groupCard._jamesBrownFeelGood_ .mt-groupCard-title, .mt-groupCard._jamesBrownFeelGood_ .mt-groupCard-space { display: none; } .mt-groupCard._pastelByeBye_ .gc-container-inner { background-color: #b0bee1; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/pastel-bye-bye-cover-bg.png); background-size: 100% 100%; } .mt-groupCard._pastelByeBye_ .mt-groupCard-header, .mt-groupCard._pastelByeBye_ .mt-groupCard-title, .mt-groupCard._pastelByeBye_ .mt-groupCard-space { display: none; } .mt-groupCard._darkGreenBackground_, .mt-groupCard._darkGreenBackground_ .gc-booklet-inner { background-color: #144529; background-image: none; background-size: 100% 100%; } .mt-groupCard._darkGreenBackground_ .mt-groupCard-header, .mt-groupCard._darkGreenBackground_ .mt-groupCard-space { display: none; } ._darkGreenBackground_ .mt-groupCard-title { font-family: "Parisienne"; font-size: 76px; color: #fff; text-transform: none; line-height: 80px; max-width: 100%; padding: 15px; letter-spacing: 0; position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; } /*Test GIF*/ .mt-groupCard._yellowDaisyGIF_ { background-color: #f8c21d; } .mt-groupCard._yellowDaisyGIF_ .gc-container-inner { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/yellow-daisy-cover.gif); background-size: 100% 100%; background-color: #f8c21d; } .mt-groupCard._yellowDaisyGIF_ .mt-groupCard-header, .mt-groupCard._yellowDaisyGIF_ .mt-groupCard-space { display: none; } ._yellowDaisyGIF_ .mt-groupCard-title { font-family: "Oleo Script"; font-size: 70px; color: #fbf5f0; text-transform: none; line-height: 75px; max-width: 100%; padding: 5px 15px; letter-spacing: 0; position: absolute !important; top: 185px; left: 0; right: 0; margin-bottom: 0; min-height: 245px; display: flex; align-items: center; justify-content: center; } /*Batch 10*/ .mt-groupCard._orangeBirthdayCake_ .gc-container-inner { background-color: #f7924e; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/orange-birthday-cake-cover.png); background-size: 340px; background-repeat: no-repeat; background-position: center 80%; } .mt-groupCard._orangeBirthdayCake_ .mt-groupCard-header, .mt-groupCard._orangeBirthdayCake_ .mt-groupCard-space { display: none; } .mt-groupCard._orangeBirthdayCake_ .mt-groupCard-title { font-family: "Gloria Hallelujah"; font-size: 60px; color: #000000; text-transform: none; max-width: 500px; letter-spacing: 0; font-weight: 400; line-height: 60px; margin-bottom: 0; padding-top: 120px; min-height: 280px; } .mt-groupCard._yellowPinkHeartBalloons_ .gc-container-inner { background-color: #fadb5e; background-size: 100%; } .mt-groupCard._yellowPinkHeartBalloons_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/yellow-pink-heart-balloons-cover.png); background-size: 240px; background-position: center; background-repeat: no-repeat; height: 565px; } .mt-groupCard._yellowPinkHeartBalloons_ .mt-groupCard-space { display: none; } .mt-groupCard._yellowPinkHeartBalloons_ .mt-groupCard-title { font-family: "Permanent Marker"; font-size: 40px; color: #000000; text-transform: uppercase; max-width: 100%; letter-spacing: 0; font-weight: 400; line-height: 45px; margin-bottom: 0; padding-top: 0; position: absolute; bottom: 0; width: 100%; min-height: 200px; padding: 15px; } .mt-groupCard._redPinkLove_ .gc-booklet-inner { background-color: #f681bd; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/red-pink-love-cover.png); background-size: 100% 100%; } ._redPinkLove_ .mt-groupCard-header { display: none; } ._redPinkLove_ .mt-groupCard-title { font-family: "Raleway"; font-size: 50px; color: #fff; text-transform: uppercase; line-height: 60px; max-width: 100%; padding: 10px; font-weight: 800; letter-spacing: 0; position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 0; } ._redPinkLove_ .mt-groupCard-space { display: none; } .mt-groupCard._ifYouGotItFlauntIt_ .gc-container-inner { background-color: #f68b1d; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/If-you-got-It-flaunt-It-cover.png); background-size: 100% 100%; } .mt-groupCard._ifYouGotItFlauntIt_ .mt-groupCard-header, .mt-groupCard._ifYouGotItFlauntIt_ .mt-groupCard-title, .mt-groupCard._ifYouGotItFlauntIt_ .mt-groupCard-space { display: none; } .mt-groupCard._rainBowV2_ .gc-container-inner { background-color: #ffffff; background-size: 100%; } .mt-groupCard._rainBowV2_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/rainbowv2-header.png); background-size: 340px; background-position: center; background-repeat: no-repeat; height: 530px; } .mt-groupCard._rainBowV2_ .mt-groupCard-space { display: none; } .mt-groupCard._rainBowV2_ .mt-groupCard-title { font-family: "Gloria Hallelujah"; font-size: 50px; color: #000000; text-transform: capitalize; max-width: 100%; letter-spacing: 0; font-weight: 400; line-height: 60px; margin-bottom: 0; padding-top: 0; position: absolute; bottom: 0; width: 100%; min-height: 230px; padding: 15px; } .mt-groupCard._pastelHeartGrid_ .gc-container-inner { background-color: #fff9f2; background-size: 100%; } .mt-groupCard._pastelHeartGrid_ .mt-groupCard-header { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/pastel-heart-grid-header.png); background-size: 400px; background-position: center; background-repeat: no-repeat; height: 565px; } .mt-groupCard._pastelHeartGrid_ .mt-groupCard-space { display: none; } .mt-groupCard._pastelHeartGrid_ .mt-groupCard-title { font-family: "Quicksand"; font-size: 35px; color: #000000; text-transform: capitalize; max-width: 100%; letter-spacing: 0; font-weight: 700; line-height: 45px; margin-bottom: 0; padding-top: 0; position: absolute; bottom: 0; width: 100%; min-height: 200px; padding: 15px; } .mt-receipt-page { padding: 50px 0; } .mt-receipt-page .mt-receipt-page-inner { max-width: 440px; margin: 0 auto; } .mt-receipt-page .mt-receipt-page-inner h1 { color: #1e2437; font-family: Recoleta; font-weight: 500; font-size: 34px; margin-bottom: 25px; } .mt-receipt-page .mt-receipt-page-inner p { font-family: "Modern Era TRIAL"; color: #1e2437; font-weight: 500; font-size: 22px; padding: 0 15px; line-height: 30px; margin: 25px 0; } .mt-receipt-page .mt-receipt-page-inner .receipt-page-btn { max-width: unset; padding: 17px 5px; text-align: left; padding-left: 25px; margin-bottom: 25px; position: relative; font-weight: 500; width: auto; padding-right: 60px; } .mt-receipt-page .mt-receipt-page-inner .receipt-page-btn svg { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 35px; height: 35px; } .mt-receipt-page .mt-receipt-page-inner h6 { color: #454b5b; font-size: 18px; font-weight: 400; } .cards-animation { position: relative; list-style-type: none; padding: 0; max-width: 34em; margin: 20% auto 0; } .cards-animation .card-item { position: absolute; top: 0; left: 0; z-index: 2; border-radius: 30px; transform: translateY(0) rotate(0deg) translateX(0); transform-origin: 0 0; transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cards-animation .card :last-child { margin-bottom: 0; } .cards-animation .card--next { z-index: 5; transform: translateY(-20px) rotate(0deg) translateX(0); } .cards-animation .card--out { -webkit-animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8); animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8); transform: translateY(-40px) rotate(0deg) translateX(0); z-index: 1; } @-webkit-keyframes card-out { 0% { z-index: 20; transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(80px) rotate(0deg) translateX(0); } 80% { z-index: 1; } 100% { transform: translateY(-50px) rotate(0) translateX(0); } } @keyframes card-out { 0% { z-index: 20; transform: translateY(0px) rotate(-4deg); } 50% { transform: translateY(-120%) rotate(-5deg) translateX(-40px); } 80% { z-index: 1; } 100% { transform: translateY(-50px) rotate(8deg) translateX(55px); } } .cards-animation .card--current { cursor: auto; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; position: relative; z-index: 10; opacity: 1; transform: rotate(0deg) translateX(0%); } .mmw-msg-generating { max-width: 400px; background: #ffffff; border: 1px solid #a5a7af; border-radius: 8px; height: auto; padding: 15px 18px !important; } .progress_steps .mmw-msg-generating, .progress_steps input.form-control, .progress_steps .custom-control.custom-radio, .progress_steps .btn-next { max-width: 100%; } .form-control.collection-desc { max-width: 100%; background: #ffffff; border: 0px solid #a5a7af; border-radius: 0; height: auto; padding: 0px !important; } .collection-desc-placeholder:empty:before { content: attr(aria-placeholder); color: #888; pointer-events: none; } .collection-desc-placeholder:focus:empty:before { content: attr(aria-placeholder); } .collection-desc-placeholder { min-height: 100px; word-break: break-word; } .form-group.edit-url-input { margin-top: -15px; } h2.text-left.pl-6s { padding-left: 35px; padding-top: 18px; padding-bottom: 18px; } .mt-gs-radio-group { padding: 16px 0; } .mt-gs-radio-group .modal-radio-block { background: transparent; margin-right: 50px; } .mt-gs-radio-group span.checkmark { margin-top: 0; } .mt-gs-radio-group label.radio-label { margin-bottom: 0; } .contributor-filters .select2-container { width: 130px !important; } .contributor-filters .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 10px; } .contributor-filters .select2-container .select2-selection--single { height: 46px; } .contributor-filters .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; width: 16px; right: 10px; } .contributor-filters .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 6px 6px 0 6px; } .contributor-filters .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 6px 6px 6px; } .gc-baby-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-gift-card.png); } .gc-card-inner .theme-btn-dark { width: auto; position: absolute; left: 0; right: 0; bottom: 20px; padding-left: 40px; padding-right: 40px; max-width: fit-content; z-index: 9; } .gc-gifts-hampers { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/gifts-hampers-flowers.png); } .gc-teacher-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/teacher-girf-card.png); } .gc-sun-flower { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sun-flower.png); } .gc-farewell-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/farewell-gift-card.png); } .gc-birthday-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/birthday-gift-card.png); } .gc-coach-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/coach-gift-card.png); } .gc-thank-you-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/thank-you-gift-card.png); } .gc-wedding-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/wedding-gift-card.png); } .gc-sympathy-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sympathy-gift-card.png); } .gc-jasmine-flower { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/jasmine.png); } .gc-general-card { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/general-gift-card.png); } .gc-sun-flower, .gc-jasmine-flower { background-size: cover; } .tm-egift-cards-list { list-style-type: none; padding: 0; margin: 0; } .tm-egift-cards-list li.col-md-3 { display: none; } .tm-egift-cards-list li.col-md-3 { padding-left: 8px; padding-right: 8px; } .filters-dropdown .select2-results .select2-results__option { padding: 8px 10px; } .modal-dialog.max-540 { max-width: 550px; } .group-pay-popup-content { margin-top: 30px; } .group-pay-popup-content input { max-width: 100%; } span.select2-dropdown.whatIsItForDropdown { z-index: 999999999; } .input-group.group-pay-amount { padding-left: 25px; } input.form-control.input-dark { background-color: #f4f4f5; } .gs-groupcard-modal .edit-card { position: absolute; top: 50px; right: -30px; z-index: 9; } .gs-groupcard-modal .edit-card svg { width: 75px; height: 75px; } header.receipt-page-header { text-align: center; border-bottom: 4px solid #7fe2dc; padding: 15px 0; } .recipient-dropdown { } .dropdown.recipient-dropdown button { max-width: 100%; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; height: 56px; resize: none; padding-left: 15px; background: #ffffff; border: 1px solid #a5a7af; border-radius: 4px; width: 100%; text-align: left; } .dropdown.recipient-dropdown button:focus { color: #495057; background-color: #fff; border-color: #a5a7af; outline: 0; box-shadow: none; } .dropdown.recipient-dropdown button svg { width: 41px; position: relative; top: -3px; margin-right: 10px; } .dropdown.recipient-dropdown .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 7px solid; border-right: 7px solid transparent; border-bottom: 0; border-left: 7px solid transparent; color: #7fe2dc; position: absolute; right: 15px; top: 25px; } .dropdown.recipient-dropdown .dropdown-menu { padding: 0; border-radius: 0; width: 100%; margin: 0px; border: 0px solid transparent; } .dropdown.recipient-dropdown .dropdown-menu span.add-recipient { width: 34px; height: 34px; background-color: #7fe2dc; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 100%; margin-top: 0; margin-right: 18px; } .dropdown.recipient-dropdown .dropdown-menu span.add-recipient svg { width: 15px; } .dropdown.recipient-dropdown .dropdown-menu a.dropdown-item { display: flex; align-items: center; padding: 13px 18px; } .dropdown.recipient-dropdown .dropdown-item.active, .dropdown.recipient-dropdown .dropdown-item:active { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown.recipient-dropdown button[aria-expanded="true"] { border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .dropdown.recipient-dropdown .dropdown-menu .dropdown-item { border: 1px solid #a5a7af; } .dropdown.recipient-dropdown .dropdown-menu .dropdown-item:last-child { border-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top: 0; } .mt-groupCard._greenPlant_ .gc-booklet-inner, .mt-groupCard._HarrySally_ .gc-booklet-inner { background-color: transparent; } input[type="text"], input[type="number"], input[type="tel"], input[type="email"], select, textarea, [contenteditable], .custom-control.custom-radio, label.custom-control-label { cursor: pointer !important; } p.step-text.mt-3 { max-width: 370px; } div#groupcard_cover_title, div#groupcard_cover_description, div#mainHeading, div#description { min-width: 80px; } div#outer-invitation > table { min-height: 415px; } .select2-results__options li:last-child { border-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .recipient-gift-cards { min-height: 100vh; padding: 60px 0; position: relative; } .recipient-gift-cards .preview-tabs { max-width: 400px; margin-top: 0; margin-bottom: 0; height: auto; } .recipient-gift-cards .recipient-tab { margin-top: 100px; } ul.recipient-cards-grid { padding: 0; margin: 0; list-style-type: none; position: relative; min-height: 390px; border-radius: 15px; } ul.recipient-cards-grid li { position: absolute; bottom: 0; left: 0; right: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; width: 100%; height: 250px; } ul.recipient-cards-grid li img { border-radius: 15px; width: 100%; max-width: 100%; } ul.recipient-cards-grid li:nth-child(1) { top: 0; } ul.recipient-cards-grid li:nth-child(2) { top: 70px; } ul.recipient-cards-grid li:nth-child(3) { } ul.recipient-cards-grid li:hover { transform: translateY(-60px); } ul.recipient-cards-grid li a { display: block; } ul.recipient-cards-grid li a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } ul.recipient-cards-grid li.animation-enter img { animation-name: rotateInUpRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.5s; z-index: 9999; } @keyframes rotateInUpRight { 0% { transform: rotate(0deg); } 100% { transform: rotate(16deg); } } ul.recipient-cards-grid li.animation-exit img { animation-name: rotateInUpDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.5s; } @keyframes rotateInUpDown { 0% { transform: rotate(16deg); } 100% { transform: rotate(0deg); } } .recipient-gift-cards-footer { text-align: center; margin-top: 75px; } .recipient-gift-cards-footer svg { width: 120px; height: 51px; } .recipient-gift-sidebar { position: absolute; top: 40px; right: 10%; width: 100%; max-width: 240px; } .recipient-gift-sidebar .mt-tm-collection-detail { width: 185px; height: 185px; } .recipient-gift-sidebar svg.gt-smile { position: absolute; bottom: -26px; left: 0; right: 0; text-align: center; width: 100%; } .recipient-gift-sidebar .theme-btn-lite { margin-top: 55px; } .mt-giftshop-new-banner { background-color: #DFF8F6; padding: 70px 0; } .new-banner-text h2 { font-weight: 300; font-size: 50px; line-height: 58px; color: #1e2437; font-family: Recoleta; margin-bottom: 30px; } .new-banner-text ul { list-style-type: none; padding: 0; margin: 0; padding-left: 0; } .new-banner-text ul li { position: relative; font-size: 18px; line-height: 24px; font-family: Recoleta; color: #1e2437; padding-left: 35px; margin-bottom: 10px; } .new-banner-text ul li::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiM3RkUyREMiLz4KPHBhdGggZD0iTTEwLjY1MTIgMTVDMTAuNDcyNCAxNSAxMC4zMDA4IDE0LjkyOTEgMTAuMTc0NCAxNC44MDMxTDcgMTEuNjM5MUw3Ljk1MzYgMTAuNjg4N0wxMC42NTEyIDEzLjM3NzRMMTYuMDQ2NCA4TDE3IDguOTUwNDVMMTEuMTI4IDE0LjgwMzFDMTEuMDAxNiAxNC45MjkxIDEwLjgzIDE1IDEwLjY1MTIgMTVaIiBmaWxsPSIjMUUyNDM3Ii8+Cjwvc3ZnPgo=); width: 22px; content: ""; height: 22px; background-color: #7fe2dc; border-radius: 100%; font-size: 11px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: contain; } .new-banner-image img { box-shadow: 0px 2px 15px rgb(30 36 55 / 17%); border-radius: 15px; overflow: hidden; } .gift-shop-search { margin-right: 200px; position: relative; border-bottom: 1px solid #fff; padding-left: 10px; padding-right: 5px; } .gift-shop-search input { background-color: #1e2437; border: 0; color: #fff; font-size: 17px; line-height: 32px; width: 160px; padding-left: 25px; } .gift-shop-search input:focus { outline: none; } .gift-shop-search input::-webkit-input-placeholder { color: #fff; } .gift-shop-search input:-ms-input-placeholder { color: #fff; } .gift-shop-search input::placeholder { color: #fff; } .gift-shop-search svg { position: absolute; left: 6px; top: 8px; width: 18px; height: 18px; } .max-180 { max-width: 180px; } .cart-alert { background: rgba(127, 226, 220, 0.42); margin-top: 15px; padding: 20px 20px; border-radius: 4px; position: relative; } .cart-alert p { font-size: 16px; line-height: 24px; color: #36adb4; margin: 0; padding-right: 45px; } .cart-alert button { background-color: transparent; border: 0; position: absolute; right: 6px; top: 0; } #load-less { display: none; } .mt-gs-circle-position { top: 65px; } span.fa.toggle-password { position: absolute; right: 15px; top: 20px; cursor: pointer; } .contributor-back-arrow { position: absolute; left: 25px; top: 15px; } .verify-modal-step04 .gt-modal-close { position: absolute; right: 20px; top: 15px; } /* Generic Group Card_ */ .mt-groupCard._genericGroupCard_ .gc-container-inner { background-color: #f2eee8; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/generic-card-coverSympathy-background.png); background-size: 100% 100%; } .mt-groupCard._genericGroupCard_ .mt-groupCard-header, .mt-groupCard._genericGroupCard_ .mt-groupCard-space { display: none; } .mt-groupCard._genericGroupCard_ .mt-groupCard-title { font-family: Recoleta; font-size: 25px; color: #000000; text-transform: none; max-width: 360px; letter-spacing: 0; font-weight: 400; line-height: 30px; margin-bottom: 0; position: absolute !important; bottom: 96px; width: 100%; height: 143px; padding: 20px 0 0px; left: 0; right: 0; margin: 0 auto; text-align: left; min-height: unset; overflow: hidden; } .mt-groupCard._genericGroupCardSympathy_ .gc-container-inner { background-color: #f2eee8; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/generic-card-cover-background.png); background-size: 100% 100%; } .mt-groupCard._genericGroupCardSympathy_ .mt-groupCard-header, .mt-groupCard._genericGroupCardSympathy_ .mt-groupCard-space { display: none; } .mt-groupCard._genericGroupCardSympathy_ .mt-groupCard-title { font-family: Recoleta; font-size: 25px; color: #000000; text-transform: none; max-width: 360px; letter-spacing: 0; font-weight: 400; line-height: 30px; margin-bottom: 0; position: absolute !important; bottom: 46px; width: 100%; height: 193px; padding: 20px 0 0px; left: 0; right: 0; margin: 0 auto; text-align: left; min-height: unset; overflow: hidden; } /* invitation card animation */ .invitation { width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform ease 0.3s; } .gt-envelope { background: #e6e2dc; width: 100%; height: 307.6923076923px; position: relative; z-index: 1; -webkit-box-shadow: 0px 10px 13px -7px #00000082, 5px 5px 15px 5px rgba(0, 0, 0, 0); box-shadow: 0px 10px 13px -7px #00000082, 5px 5px 15px 5px rgba(0, 0, 0, 0); transition: transform ease 0.3s; } .gt-envelope.is-open:before, .gt-envelope.is-open:after { z-index: -2; } .gt-envelope:before, .gt-envelope:after { content: ""; position: absolute; bottom: 0; } .gt-envelope:before { right: 0; border-bottom: 0px solid transparent; border-top: 307.6923076923px solid transparent; border-right: 500px solid #d3cdc3; z-index: 1; } .gt-envelope:after { left: 0; border-bottom: 0px solid transparent; border-top: 307.6923076923px solid transparent; border-left: 500px solid #e6e2dc; z-index: 1; } .gt-flap { border-right: 250px solid transparent; border-top: 155px solid #edebe6; border-left: 250px solid transparent; position: absolute; left: 0; top: 0; transform-origin: 50% 0%; z-index: 2; } .gt-mask { box-sizing: border-box; -webkit-clip-path: inset(0 0 50% 0); clip-path: inset(0 0 50% 0); overflow: hidden; position: relative; width: 480px; height: 2010px; z-index: 0; margin: auto; top: 50%; transform: translate(0, -50%); } .gt-card { position: relative; width: 480px; height: 670px; margin: auto; transform-style: preserve-3d; transform-origin: 50% 10%; transform: translate(0, 128%) rotateY(0deg); } .gt-face { top: 0; right: 0; bottom: 0; left: 0; position: absolute; box-shadow: 0 3px 6x rgba(0, 0, 0, 0.3); } .gt-face:last-of-type { background-size: 100% auto; } .gt-front { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/envelope-groupcard-holder.png); } .invitation-gt-logo { position: absolute; top: 70px; left: 0; right: 0; z-index: 9; margin: 0 auto; width: 50px; text-align: center; } .invitation-gt-logo svg { width: 60px; height: 60px; } button.envelope-gt-btn { } button.envelope-gt-btn:focus { outline: none; } button.envelope-gt-btn { max-width: 250px; margin: 0 auto; display: block; margin-top: 40px; } /* recipient-flow Pages */ .recipient-flow-screen01 { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sent-gift-background-imagev1.png); height: 100vh; position: relative; background-position: center; background-size: 75%; background-repeat: no-repeat; overflow: hidden; } .recipient-flow-screen01:after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sent-gift-background-imagev2.png); position: absolute; width: 100%; height: 100%; z-index: -1; background-size: 100% 100%; background-repeat-x: repeat; top: 0; left: 0; right: 0; bottom: 0; } .rflow-screen01-inner { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(255, 255, 255, 0.94); } .rflow-screen01-inner h2 { font-size: 50px; line-height: normal; text-align: center; color: #1e2437; font-family: Recoleta; font-weight: 400; margin-bottom: 10px; } .rflow-screen01-inner p { font-size: 24px; line-height: 42px; text-align: center; font-family: "Modern Era TRIAL"; color: #1e2437; margin-bottom: 40px; } .rflow-screen01-inner .form-your-besties-btn { font-weight: 300; font-size: 24px; line-height: 30px; font-family: Recoleta; text-align: center; color: #36adb4; display: block; } section.recipient-flow-screen02 { height: 100vh; overflow: hidden; position: relative; } svg.invitation-footer-logo { width: 110px; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; } .close-without-heading { position: absolute; right: 18px; top: 12px; } .pink-bubble { background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/modal-bubble-bg.png); text-align: center; background-size: 100% 100%; font-size: 30px; line-height: 36px; color: #1e2437; font-weight: 600; font-family: "Modern Era TRIAL"; height: 200px; padding-top: 38px; } .pink-bubble img { max-width: 34px; position: relative; top: -4px; } p.country-only { color: #f8d463; font-size: 16px; text-transform: none; margin-top: 8px; } .max-540 { max-width: 540px !important; } .mt-10 { margin-top: 70px !important; } .mt-10 .preview-tab-content { margin-top: 30px; } .invitation-overlay::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; } a.invitation-save-btn { position: absolute; top: 32px; right: -20px; background-color: #7fe2dc; width: 48px; height: 48px; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgb(37 37 37 / 25%); z-index: 9; } a.invitation-save-btn svg { width: 20px; height: 20px; fill: #fff; } a.edit-pen-icon { background: #7fe2dc; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2); border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; } a.edit-pen-icon svg { width: 26px !important; height: 26px !important; } /* groupPay Updated Popup */ .updated-grouppay-banner { background: #7fe2dc; padding: 35px 15px; } .updated-grouppay-top h2 { font-weight: 500; font-size: 60px; line-height: 60px; text-align: center; color: #000000; font-family: "Modern Era TRIAL"; } .updated-grouppay-top h2 span { font-family: Recoleta; } .updated-grouppay-top p { text-align: center; color: #000000; font-family: "Modern Era TRIAL"; font-size: 30px; font-weight: 500; margin-bottom: 35px; } .updated-grouppay-top a.theme-btn-dark { max-width: 300px; } .updated-grouppay-top { margin-bottom: 60px; } .updated-grouppay-bottom { background: rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 24px rgb(30 36 55 / 10%); border-radius: 16px; max-width: 440px; margin: 0 auto; padding: 0 30px 20px; } .updated-grouppay-bottom h2 { background: #ffffff; border-radius: 7px; max-width: 190px; margin: 0 auto; font-weight: 500; font-size: 30px; line-height: 48px; text-align: center; font-family: "Modern Era TRIAL"; color: #1e2437; position: relative; top: -22px; } .updated-grouppay-bottom > p { font-weight: 500; font-size: 20px; font-family: "Modern Era TRIAL"; line-height: 24px; text-align: center; color: #1e2437; margin-bottom: 20px; margin-top: -5px; } .updated-grouppay-bottom ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; list-style-type: none; } .updated-grouppay-bottom ul li img { border-radius: 100%; width: 46px; height: 46px; margin: 0 auto; margin-bottom: 6px; } .updated-grouppay-bottom ul li > p { font-size: 14px; line-height: 18px; text-align: center; color: #1e2437; margin-bottom: 0; } .updated-grouppay-bottom ul li > p span { color: #8c9fa5; } .updated-grouppay-poweredby { padding: 35px 15px; } img.powered-by { max-width: 270px; } .updated-grouppay-steps { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 650px; margin: 0 auto; margin-top: 50px; position: relative; } .updated-grouppay-step h2 { width: 64px; height: 64px; background-color: #7fe2dc; font-weight: 500; font-size: 30px; line-height: 24px; display: flex; font-family: "Modern Era TRIAL"; align-items: center; text-align: center; color: #ffffff; justify-content: center; border-radius: 100%; margin: 0 auto; margin-bottom: 15px; position: relative; } .updated-grouppay-step h2.grouppay-divider:after { content: ""; height: 3px; background-color: #f4f4f5; width: 130%; left: 140%; position: absolute; right: 0; margin: 0 auto; } .updated-grouppay-step p { font-weight: 500; font-size: 20px; line-height: 24px; color: #1e2437; } .grouppay-rating svg { fill: #fff; } .grouppay-rating p { font-weight: 500; font-size: 20px; font-family: "Modern Era TRIAL"; text-align: center; color: rgba(30, 36, 55, 0.4); } .grouppay-rating span.total-rating { font-weight: 500; font-size: 30px; font-family: "Modern Era TRIAL"; margin-right: 3px; color: #1e2437; position: relative; top: 3px; } .grouppay-rating span.total-reviews { font-weight: 500; font-size: 20px; font-family: "Modern Era TRIAL"; color: rgba(30, 36, 55, 0.8); margin-left: 3px; } .grouppay-rating svg { width: 28px; height: 28px; position: relative; top: -6px; } .updated-grouppay-step { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } a.grouppay-start-sm { display: none; } @media screen and (max-width: 500px) { a.grouppay-start-sm { max-width: 370px; margin-top: 35px; font-size: 24px; display: block; } .grouppay-start-lg { display: none !important; } } .gt-staff-gifts { max-width: 450px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .max-330 { max-width: 330px; } .gt-staff-gifts .theme-btn-lite { padding: 14px 5px; } .gt-staff-gifts-inner { width: 100%; height: 100%; } .gt-staff-gifts-card-content { background: #faf9f5; box-shadow: 0px 0px 43.2953px rgb(0 0 0 / 20%); height: 636px; width: 100%; padding: 12px; } .gt-staff-gifts-inner-content { border: 1px solid #7fe2dc; height: 100%; padding: 15px 25px; display: grid; grid-template-rows: 150px auto 120px; align-items: center; justify-content: center; } .gt-staff-gifts-header h2 { font-size: 28px; line-height: 30px; text-align: center; color: #1e2437; font-family: Recoleta; font-weight: 400; } .gt-staff-gifts-header img { max-height: 95px; object-fit: contain; margin-bottom: 25px; } .gt-staff-gifts-body p { font-size: 16px; line-height: 20px; font-family: "Modern Era TRIAL"; color: #1e2437; } .gt-staff-gifts-body p:last-child { margin-bottom: 0; } .gt-staff-gifts-footer p { font-weight: 300; font-size: 20px; line-height: 24px; font-family: Recoleta; color: #1e2437; margin-bottom: 5px; } .gt-staff-gifts-card img { height: 636px; width: 100%; object-fit: cover; } /* logout dropdown */ .logout-dropdown { position: relative; z-index: 999; } .logout-dropdown .dropdown-toggle::after { display: none; } .logout-dropdown .dropdown-menu-right { right: auto; left: 0; } .logout-dropdown .dropdown-menu { background: #ffffff; border: 1px solid #e9eaeb; box-sizing: border-box; box-shadow: 0px 2px 4px rgb(30 36 55 / 10%); border-radius: 4px; min-width: 105px; padding: 0; margin-top: 15px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .logout-dropdown a.header-dropdown-item { font-size: 16px; line-height: 26px; color: #1e2437; padding: 8px 12px; position: relative; display: flex; align-items: center; justify-content: space-between; } .gsStepCarousel a.carousel-control-prev svg, .gsStepCarousel a.carousel-control-next svg { width: 30px; height: 60px; } .gsStepCarousel a.carousel-control-next { width: auto; right: -50px; opacity: 1; } .gsStepCarousel a.carousel-control-prev { width: auto; left: -50px; opacity: 1; } .carousel-inner { z-index: 9; } .gsStepCarousel a.carousel-control-prev:hover, .gsStepCarousel a.carousel-control-next:hover { opacity: 0.8; } .modal { overflow-y: scroll; } .modal { scrollbar-width: none; scrollbar-color: transparent transparent !important; } .modal::-webkit-scrollbar { width: 0px; } .modal::-webkit-scrollbar-track { background: transparent !important; } .modal::-webkit-scrollbar-thumb { background-color: transparent !important; border-radius: 0px; border: 0px none transparent !important; } /* gt-staff-gifts-main */ .gt-staff-gifts-main { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; box-shadow: 0px 0px 43.2953px rgb(0 0 0 / 20%); } .gt-staff-gifts-main > img { height: 100%; width: 100%; object-fit: cover; } .gt-staff-gifts-main .gt-staff-gifts-card-content { height: 100%; box-shadow: none; } .gt-staff-gifts-main .gt-staff-gifts-inner-content { padding: 2rem 3rem; grid-template-rows: 150px auto 130px; padding-bottom: 1rem; } .gt-staff-gifts-main .gt-staff-gifts-card-content .gt-staff-gifts-body p { font-size: 22px; line-height: 26px; } .gt-staff-gifts-main .gt-staff-gifts-card-content .gt-staff-gifts-footer p { font-size: 24px; line-height: 26px; margin-bottom: 1.5rem; } .gt-staff-gifts-main .gt-staff-gifts-card-content .gt-staff-gifts-header h2 { font-size: 30px; line-height: 32px; } /* Signin new pages */ .header-title { font-weight: 500; font-size: 18px; line-height: 28px; font-family: "Modern Era TRIAL"; border-bottom: #7fe2dc 2px solid; padding: 0 4px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .header-signIn { font-size: 16px; line-height: 24px; text-align: right; color: rgba(30, 36, 55, 0.8); font-family: "Modern Era TRIAL"; } .header-signIn a { color: #36adb4; display: inline-block; } .header-signIn a::after { content: ""; width: 0px; height: 1px; display: block; background: #36adb4; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .header-signIn a:hover::after { width: 100%; } .reset-password { background-color: #e5e5e5; min-height: calc(100vh - 112px); } .reset-password-main { max-width: 400px; margin: 0 auto; padding-top: 3.5rem; } .theme-btn-disable { font-family: "Modern Era TRIAL"; width: 100%; padding: 12px 5px; background: rgba(30, 36, 55, 0.1); border-radius: 30px; display: inline-block; font-size: 16px; text-align: center; color: rgba(30, 36, 55, 0.1); transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; margin: 0 auto; border: 0; } .reset-password-main button:disabled { background: rgba(30, 36, 55, 0.1); color: rgba(30, 36, 55, 0.1); pointer-events: auto; cursor: not-allowed; } .access-modal { padding: 30px 35px; } .access-modal h4 { font-weight: 500; font-size: 20px; line-height: 32px; text-align: center; color: #1e2437; margin-bottom: 2rem; } .social-access a, .social-access button { background: #ffffff; border: 1px solid rgba(30, 36, 55, 0.1); box-sizing: border-box; border-radius: 8px; font-weight: 500; margin: 10px 0px; font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #1e2437; height: 52px; display: flex; align-items: center; justify-content: center; position: relative; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; cursor: pointer; font-family: "Modern Era TRIAL"; } .social-access a svg, .social-access button svg { top: 50%; transform: translateY(-50%); position: absolute; left: 15px; } .social-access a:hover, .social-access button:hover { border-color: #7fe2dc; box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%); text-decoration: none !important; } .social-access a svg, .social-access button svg { width: 24px; height: 24px; } .modal-content.gt-login-modal { background: #f7f7f6 !important; } .gt-form-main h2 { font-weight: 500; font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(30, 36, 55, 0.6); font-family: "Modern Era TRIAL"; position: relative; margin-bottom: 20px; } .gt-form-main h2:after { content: ""; background-color: #e9eaeb; width: 100%; position: absolute; left: 0; right: 0; height: 1px; top: 50%; transform: translateY(-50%); position: absolute; } .gt-form-main h2 span { background-color: #ffffff; position: relative; z-index: 9; padding: 0 20px; } .gt-login-modal .gt-form-main h2 span { background-color: #f7f7f6; } .gt-form-main { margin-top: 35px; } .gt-form-group input.form-control { height: 54px; border: 1px solid #e9eaeb; max-width: 100%; } .gt-form-group .form-control.border0bottom { border-radius: 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: -1px; } .gt-form-group .form-control.border0top { border-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .gt-form-group .form-control.border0topbottom { border-radius: 0; margin-bottom: -1px; } .gt-form-group input.form-control:focus { position: relative; z-index: 99; border-color: #7fe2dc; box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%); } .gt-form-group .form-group { position: relative; } .gt-form-group .toggle-password { top: 17px; position: absolute; right: 15px; background-color: transparent; border: 0; line-height: normal; z-index: 99; font-size: 14px; cursor: pointer; } .gt-form-group button.gt-form-password-btn:focus { outline: none; } .mt-35 { margin-top: 35px; } .gt-form-footer { text-align: center; margin-top: 30px; } .gt-form-footer .gt-form-forgot-password { font-weight: 500; font-size: 13px; text-align: center; display: inline-block; color: #36adb4; margin-bottom: 20px; font-family: "Modern Era TRIAL"; } .gt-form-footer .gt-form-forgot-password:hover { text-decoration: none !important; } .gt-form-footer .gt-form-forgot-password::after { content: ""; width: 0px; height: 1px; display: block; background: #36adb4; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .gt-form-footer .gt-form-forgot-password:hover::after { width: 100%; } .gt-form-have-account { font-size: 16px; text-align: center; color: #1e2437; margin: 0; font-family: "Modern Era TRIAL"; } .gt-form-have-account a, .gt-form-footer .signin a { color: #36adb4 !important; display: inline-block; text-decoration: none !important; font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 18px; border-bottom: 0px solid #1e2437; } .signin a { position: relative; display: inline-block; } .gt-form-have-account a::after, .gt-form-footer .signin a::after { content: ""; width: 0px; height: 2px; display: block; background: #36adb4; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; top: 1px; position: relative; } .gt-form-have-account a:hover::after, .signin a:hover::after, .gt-form-footer .signin a:hover::after { width: 100%; } .gt-form-group button.theme-btn-lite:disabled { background: rgba(30, 36, 55, 0.1); color: rgba(30, 36, 55, 0.1); pointer-events: auto; cursor: not-allowed; } .gt-form-terms { font-size: 13px; line-height: 20px; text-align: center; color: rgba(30, 36, 55, 0.6); margin-bottom: 20px; font-family: "Modern Era TRIAL"; } .gt-form-terms a { color: #1e2437; display: inline-block; text-decoration: none !important; } .gt-form-terms a::after { content: ""; width: 0px; height: 1px; display: block; background: #787c87; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .gt-form-terms a:hover::after { width: 100%; } .gsStepCarouselInner .gc-booklet { width: 100%; height: auto; } .height100 { height: 100%; } .access-section { background-color: #f7f7f6; max-width: 480px; margin: 0 auto; padding-top: 50px; } .access-page { background-color: #f7f7f6; min-height: calc(100vh - 112px); } .access-section .gt-form-main h2 span { background-color: #f7f7f6; } .gt-form-groupv2 .toggle-password { top: 20px; position: absolute; right: 15px; background-color: transparent; border: 0; line-height: normal; z-index: 99; font-size: 14px; cursor: pointer; } .gt-form-groupv2 .form-group { position: relative; } .custom-checkbox { position: relative; font-family: sans-serif; margin: 8px 0; } .custom-checkbox input[type="checkbox"] { display: none; } .custom-checkbox input[type="checkbox"] ~ b { display: inline-block; position: relative; background-color: #ffffff; border: 2px solid #49b35e; font-size: 20px; color: #49b35e; cursor: pointer; line-height: 1; outline: 0; text-align: center; vertical-align: middle; height: 25px; width: 25px; } .custom-checkbox label { display: flex; align-items: center; color: #1e2437; } .custom-checkbox input[type="checkbox"]:checked ~ b:after { content: "✓"; } .custom-checkbox input[type="checkbox"]:disabled ~ b { background-color: #ffffff; } .custom-checkbox input[type="checkbox"]:disabled:checked ~ b:after { content: "✓"; } .custom-checkbox input[type="checkbox"]:disabled ~ b:after { content: ""; } .custom-checkbox input[type="checkbox"]:hover ~ b { border: 2px solid #49b35e; } .custom-checkbox input[type="checkbox"]:hover:disabled ~ b { border-color: #49b35e; cursor: default; } .custom-checkbox input[type="checkbox"]:hover:disabled ~ b ~ span { cursor: default; } .custom-checkbox span { cursor: pointer; margin-left: 10px; } .modal-dialog.max-800 { max-width: 1000px; } .gs-bank-details .details-warning p, .gs-bank-details .details-warning p a { text-align: left; font-size: 16px; line-height: 24px; } .gs-bank-details .details-warning p:last-child { margin-bottom: 0; } .gs-withdraw-icon img.modal-icon { max-width: 150px; position: relative; left: -6%; } .reset-password-main h2 { font-weight: 500; font-size: 20px; line-height: 32px; text-align: center; color: #1e2437; font-family: "Modern Era TRIAL"; margin-bottom: 2rem; } div#signup { overflow: scroll; } #description-examples .modal-dialog .modal-body::-webkit-scrollbar { width: 10px; } #description-examples .modal-dialog .modal-body::-webkit-scrollbar-track { background: #f1f1f1; } #description-examples .modal-dialog .modal-body::-webkit-scrollbar-thumb { background: #888; } #description-examples .modal-dialog .modal-body::-webkit-scrollbar-thumb:hover { background: #555; } .productv2-loadmore { cursor: pointer; } .productv2-loadmore p { color: rgba(30, 36, 55, 0.8); font-size: 18px; margin-top: 6px; } .productv2-filters .dropdown .dropdown-toggle { border: 0; border-radius: 0; border-bottom: 1px solid #1e2437; background-color: transparent; color: #1e2437; font-size: 20px; padding: 0; line-height: 24px; } .productv2-filters .dropdown .dropdown-toggle:focus { outline: none; box-shadow: none; } .productv2-filters .dropdown-toggle::after { display: none; } .productv2-filters .dropdown button svg { margin-left: 8px; position: relative; top: -5px; width: 13px; } .productv2-filters .dropdown-menu { background: #ffffff; border-radius: 8px; border: 0; margin-top: 5px; padding: 18px 0; } .productv2-filters .dropdown-menu .dropdown-item { padding: 2px 20px; color: #1e2437; font-size: 18px; line-height: 24px; } .productv2-filters .dropdown-item.active, .productv2-filters .dropdown-item:active { background-color: #f8f9fa; } .gift-previewv2 { padding-bottom: 40px; } .gift-previewv2 .mt-tm-container { max-width: 1250px; position: relative; } .gift-previewv2 .mt-tm-container:after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sent-gift-background-imagev2.png); position: absolute; width: 100%; height: 100%; background-size: 100% 100%; background-repeat-x: repeat; top: 0; left: 0; right: 0; bottom: 0; background-position-y: -15px; border-radius: 8px; } .gift-previewv2 .mt-tm-container .row { z-index: 1; position: relative; } .gift-previewv2-content h2 { font-weight: 400; font-size: 60px; line-height: 65px; text-align: center; color: #1e2437; font-family: Recoleta; margin-top: 40px; margin-bottom: 75px; } .gift-previewv2-content p { font-size: 20px; line-height: 28px; color: #1e2437; margin-bottom: 20px; } .gift-previewv2-content a { max-width: 290px; margin-bottom: 50px; } .gift-previewv2-image { position: relative; top: 12px; } .trending-giftsv2 .mt-tm-egift-title h2 { font-weight: 300; } .trending-giftsv2 .mt-tm-egift-title h2 span { font-family: "Modern Era TRIAL"; color: #a5a7af; margin-left: 10px; } .trending-giftsv2 { padding-bottom: 40px; } .trending-giftsv2 .mt-tm-egift-title { border-bottom: 1px solid #d2d3d7; padding-bottom: 15px; margin-bottom: 20px; } .trending-gifts-slider .slick-slide { margin-left: 12px; margin-bottom: 0; } .trending-gifts-slider .slick-list { margin-left: -12px; } .trending-gifts-slider .slick-arrow { top: 40%; } img.promotion-badge { position: absolute; right: 16px; top: 16px; max-width: 160px; } .promotion-bannerv2-content { position: absolute; bottom: 0; width: 100%; padding: 10px 20px; } .promotion-bannerv2-content .theme-btn-lite { max-width: 290px; margin-right: 0; } .promotion-bannerv2-content h2 { font-weight: 500; font-size: 64px; color: #fff; font-family: "Modern Era TRIAL"; line-height: 72px; padding-left: 15px; } .v3dp__popout, .gs-send-row .form-group .v3dp__popout { border: 0 !important; box-shadow: 0px 10px 25px rgb(0 0 0 / 25%) !important; padding: 10px !important; margin-top: 10px; width: 16.5rem !important; } .v3dp__popout:after, .gs-send-row .form-group .v3dp__popout:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } .v3dp__heading, .gs-send-row .form-group .v3dp__heading { background-color: #7fe2dc; padding: 5px 0; font-size: 14px !important; align-items: center !important; margin-bottom: 10px !important; } button.v3dp__heading__center:hover, .v3dp__heading__button:not(:disabled):hover, .gs-send-row .form-group button.v3dp__heading__center:hover, .gs-send-row .form-group .v3dp__heading__button:not(:disabled):hover { background-color: transparent !important; } .v3dp__heading__button:disabled .v3dp__heading__icon, .gs-send-row .form-group .v3dp__heading__button:disabled .v3dp__heading__icon { display: none !important; } .v3dp__subheading, .gs-send-row .form-group .v3dp__subheading { background-color: #e9e9eb; color: #1e2437 !important; font-size: 12px !important; font-family: "Modern Era TRIAL"; padding: 6px 0 !important; margin-top: 0px !important; font-weight: 500 !important; } .gs-send-row .form-group .v3dp__subheading span { font-size: 12px !important; line-height: normal !important; color: #1e2437 !important; margin-top: 0 !important; display: inline-block; } hr.v3dp__divider, .gs-send-row .form-group hr.v3dp__divider { border: 0 !important; margin-top: 10px !important; margin-bottom: 0 !important; } .v3dp__elements button:disabled span, .gs-send-row .form-group .v3dp__elements button:disabled span { text-decoration: line-through !important; font-size: 12px !important; color: #999 !important; } .gs-send-row .form-group .v3dp__elements button span { margin: 0 !important; } .v3dp__elements button.selected span, .gs-send-row .form-group .v3dp__elements button.selected span { background-color: #7fe2dc !important; color: #1e2437 !important; } .v3dp__elements button:not(:disabled):hover span, .gs-send-row .form-group .v3dp__elements button:not(:disabled):hover span { background-color: #7fe2dc !important; color: #1e2437 !important; } .gt-form-group .form-control.rounded-0 { margin-bottom: -1px; } .editEmailBackbtn { position: absolute; top: 12px; left: 20px; background-color: transparent; border: 0; font-size: 20px; padding: 0; } .editEmailBackbtn:focus { outline: none; } .giftshop-megamenu-innerrow-col h3 { font-weight: 500; font-size: 17px; line-height: 32px; color: #fff; margin-bottom: 15px; font-family: "Modern Era TRIAL"; } .giftshop-megamenu-innerrow { display: grid; grid-template-columns: 300px 300px; padding: 0 8px; } div#description { line-height: normal !important; } .receipt-option-1 { background-color: #f7f7f6; height: 100vh; display: grid; grid-template-rows: 120px auto 120px; align-items: center; text-align: center; } .receipt-one-footer p { font-size: 13px; line-height: 18px; text-align: center; color: rgba(30, 36, 55, 0.4); margin: 0; margin-top: 10px; font-family: "Modern Era TRIAL"; margin-bottom: 15px; } .receipt-one-content { max-width: 420px; margin: 0 auto; padding: 0px 10px; } .receipt-one-content h2 { font-weight: 400; font-size: 36px; color: #1e2437; font-family: Recoleta; margin-bottom: 10px; } .receipt-one-content p { font-size: 18px; color: rgba(30, 36, 55, 0.6); font-family: "Modern Era TRIAL"; margin-bottom: 30px; } .receipt-one-content .theme-btn-dark { max-width: 260px; display: block; border-radius: 0; text-transform: uppercase; font-weight: 500; font-size: 13px; letter-spacing: 0.05em; margin-bottom: 30px; } .receipt-one-content .theme-link-lite { font-size: 16px; line-height: 24px; font-weight: 400; position: relative; } .receipt-one-content .theme-link-lite:after { content: ""; display: block; position: absolute; bottom: -5px; left: 50%; height: 2px; width: 0; background: transparent; } .receipt-one-content .theme-link-lite:after { transition: width 0.3s ease, background-color 0.3s ease, left 0.3s ease; } .receipt-one-content .theme-link-lite:hover:after, .receipt-one-content .theme-link-lite:focus:after, .receipt-one-content .theme-link-lite:active:after { width: 100%; left: 0; background: #7fe2dc; } .receipt-option-2 { background-color: #fff; display: grid; grid-template-rows: 120px auto; align-items: center; text-align: center; } .receipt-two-content h2 { font-style: normal; font-weight: 400; font-size: 68px; line-height: normal; font-family: Recoleta; text-align: center; color: #1e2437; margin-bottom: 15px; } .receipt-two-content img { max-width: 100%; margin-bottom: 20px; } .receipt-two-content p { font-weight: 400; font-size: 26px; line-height: 36px; font-family: "Modern Era TRIAL"; text-align: center; color: #1e2437; } .receipt-two-body-footer .theme-btn-lite { max-width: 200px; height: 56px; line-height: 32px; border-radius: 40px; position: relative; } .receipt-two-body-footer .theme-btn-lite svg { width: 28px; height: 28px; position: relative; left: 12px; top: -3px; margin-left: -12px; } .receipt-two-body-footer p { font-weight: 400; font-size: 18px; line-height: 28px; font-family: "Modern Era TRIAL"; text-align: center; color: rgba(27, 31, 57, 0.8); margin: 0; margin-top: 30px; } .receipt-two-body-footer { margin-top: 70px; } .receipt-two-body { padding: 0 10px; } .alert.alert-promo { text-align: center; background-color: #1e2437; border: 0; border-radius: 0; color: #fff; padding-top: 15px; padding-bottom: 15px; } .alert.alert-promo p { font-weight: 400; font-size: 18px; font-family: "Modern Era TRIAL"; margin: 0; } .alert.alert-promo button.close, .alert.alert-promo-banner button.close { padding: 0; opacity: 1; top: 10px; right: 15px; } .alert.alert-promo button.close:focus, .alert.alert-promo-banner button.close:focus { outline: none; } .alert.alert-promo button.close svg, .alert.alert-promo-banner button.close svg { color: #fff; width: 26px; height: 26px; } .alert.alert-promo-banner { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; padding: 0; border: 0; border-radius: 0; background: rgba(255, 255, 255, 0.8); z-index: 9; } .promo-banner-wrapper { top: 50%; transform: translateY(-50%); position: absolute; background: #ffffff; box-shadow: 0px 0px 48px rgb(30 36 55 / 10%); border-radius: 16px; width: 100%; max-width: 930px; margin: 0 auto; right: 0; left: 0; overflow: hidden; } .alert.alert-promo-banner button.close svg { color: #1e2437; } .promo-banner-content { padding: 80px; padding-right: 15px; max-width: 530px; padding-left: 70px; } .promo-banner-content h6 { font-size: 14px; line-height: 18px; color: #1e2437; margin-bottom: 15px; } .promo-banner-content h2 { font-size: 60px; line-height: 65px; font-family: "Modern Era TRIAL"; color: #1e2437; margin-bottom: 30px; font-weight: 500; } .promo-banner-content h2 span { font-family: Recoleta; display: block; font-weight: 300; } .promo-banner-content .theme-btn-lite { max-width: 200px; line-height: 36px; font-size: 18px; } .receipt-three-header { padding: 20px 0; } .receipt-three-header svg { max-width: 180px; } img.promo-banner-image { position: absolute; top: 15px; right: 40px; max-width: 390px; } .receipt-three-body { background-color: #7fe2dc; min-height: calc(100vh - 107px); padding: 80px 0; display: flex; align-items: center; } .receipt-three-image .receipt-three-gifholder { position: relative; height: 390px; width: 390px; overflow: hidden; border-radius: 100%; } .receipt-three-image { max-width: 420px; position: relative; } .receipt-three-image .receipt-three-gifholder .receipt-gif { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .receipt-three-image:after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/curve-vector.png); width: 400px; height: 120px; position: absolute; left: -5px; bottom: -55px; background-repeat: no-repeat; background-size: contain; } .receipt-three-content h2 { font-weight: 300; font-size: 60px; line-height: 70px; color: #1e2437; font-family: Recoleta; margin-bottom: 20px; } .receipt-three-content p { font-size: 20px; line-height: 32px; font-family: "Modern Era TRIAL"; color: #1b1f39; margin-bottom: 40px; } .receipt-three-content .theme-btn-dark { margin-bottom: 40px; font-size: 18px; max-width: 260px; text-align: left; padding: 18px 35px; position: relative; border-radius: 50px; } .receipt-three-content .theme-btn-dark svg { position: absolute; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; right: 18px; } .receipt-rating .receipt-rating-inner { display: flex; align-items: center; } .receipt-rating .receipt-rating-inner img { margin: 0 5px; } .receipt-rating-inner p { font-weight: 500; font-size: 18px; line-height: 18px; font-family: "Modern Era TRIAL"; color: rgba(30, 36, 55, 0.8); margin: 0; } .receipt-rating-inner h6 { font-weight: 500; font-size: 28px; line-height: 32px; color: #1e2437; font-family: "Modern Era TRIAL"; margin: 0; } .receipt-rating > p { font-weight: 500; font-family: "Modern Era TRIAL"; font-size: 18px; line-height: 18px; color: rgba(30, 36, 55, 0.4); } .ps-footer { color: rgba(27, 31, 57, 0.8) !important; } .receipt-rating { margin-bottom: 25px; } .mt-groupCard-title { max-width: 100% !important; } div#groupcard_cover_title { width: 100%; position: relative; z-index: 99; } div#description { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: normal; } .gc-preview-btns { position: fixed; top: 22%; right: 50px; transform: translateY(-50%); max-width: 230px; display: grid; width: 100%; grid-row-gap: 12px; z-index: 9999999; } .gc-preview-btns .theme-btn-lite { text-align: left; padding-left: 30px; display: flex; align-items: center; width: 100%; padding-top: 14px; padding-bottom: 14px; } .gc-preview-btns .theme-btn-lite svg { width: 26px; object-fit: contain; height: 23px; margin-right: 10px; } .mt-editor-btns img { height: 18px !important; } a.edit-card.edit-gc-title svg { width: 28px; height: 28px; fill: #fff; } .progress-head-dropdown a::after { display: none; } .progress-head-dropdown .dropdown-menu { transition: none !important; margin-top: 8px !important; } .progress-head-dropdown .dropdown-menu:after { content: ""; width: 15px; height: 15px; background-color: white; position: absolute; top: -4px; right: 10px; transform: rotate(45deg); z-index: -1; } .progress-head-dropdown.dropdown.header-dropdown .dropdown-menu:hover { background-color: #fff; } .progress-head-dropdown.dropdown.header-dropdown a.header-dropdown-item:hover { background-color: #f7f7f6; } div#SendMessageToAll { z-index: 9999 !important; } /** USA GIFTSHOP CSS **/ img.cards-group { max-width: 460px; margin-bottom: 20px; margin-top: 40px; } .productv2-filters.mt-select-form select { width: 200px !important; } .see-more-eCards { text-align: center; color: rgba(30, 36, 55, 0.8); font-family: "Modern Era TRIAL"; padding: 30px 0; padding-top: 40px; } .see-more-eCards .see-more-eCards-btn-icon { background-color: #7fe2dc; width: 56px; border-radius: 100%; height: 56px; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 8px; cursor: pointer; } .see-more-eCards .see-more-eCards-btn-icon svg { width: 25px; height: 25px; fill: #1e2437; } .recomemded-eCards-header { padding: 0 15px; border-bottom: 1px solid #d2d3d7; margin-bottom: 30px; padding-bottom: 15px; } .rC-header-title p { font-weight: 300; font-size: 24px; line-height: 24px; color: #1e2437; margin: 0; font-family: Recoleta; margin-right: 25px; } .rC-header-title span { font-weight: 400; font-size: 16px; line-height: 24px; color: #a5a7af; } .rC-header-search svg { color: #a5a7af; width: 20px; height: 20px; position: relative; top: -3px; left: 3px; } .rC-header-search input { border: 0; background-color: transparent; padding: 0px 14px; height: 35px; width: 150px; color: #a5a7af; } .rC-header-search input:focus { outline: none; } .gc-category-product-image span.eCards-badge { font-size: 14px; line-height: 20px; text-align: center; color: #1e2437; position: absolute; right: 12px; background-color: #fff; display: block; min-width: 110px; padding: 0 10px; border-radius: 10px; top: 12px; } .gc-category-product-image span.eCards-badge.popular { background-color: #ffc373; } .recomemded-eCards { padding-bottom: 50px; padding-top: 100px; } .gifts-delivery-info { margin-bottom: 25px; } .gifts-delivery-info p { font-size: 18px; line-height: 30px; color: #484d5d; margin-bottom: 0; } .gifts-delivery-info p span { color: #36adb4; } .gifts-delivery-info h6 { font-size: 18px; font-weight: 400; line-height: 30px; color: #ffc373; } .gifts-delivery-info h6 svg { position: relative; margin-right: 2px; top: -3px; } .eCard-switch { height: 56px; background: #ffffff; border: 1px solid #a5a7af; box-sizing: border-box; border-radius: 4px; font-size: 16px; display: flex; align-items: center; padding: 0 15px; } .eCard-switch .custom-switch { margin: 0; } .eCard-switch label.custom-control-label { padding-left: 15px; padding-top: 3px; } .switch-info { font-weight: 400; font-size: 13px; line-height: 20px; color: rgba(72, 77, 93, 0.8); margin-top: 6px; } .col-switch { flex: 0 0 550px; padding: 0 15px; } .eCard-services-info { background: rgba(127, 226, 220, 0.3); border-radius: 4px; padding: 20px 15px; } .eCard-services-info p { font-weight: 500; font-size: 16px; line-height: 24px; color: #36adb4; margin-bottom: 10px; padding-left: 15px; } .eCard-services-info .row { padding: 0 15px; } .eCard-services-info .row p { font-weight: 400; font-size: 14px; margin-bottom: 0; margin-top: 5px; padding-left: 0; } .eCard-services-info .modal-radio-block.inline-radio-block { padding: 10px 16px; border: 1px solid #e9e9eb; box-sizing: border-box; border-radius: 4px; height: 56px; display: flex; align-items: center; } .eCard-services-info p svg { color: rgba(30, 36, 55, 0.1); position: relative; top: -2px; margin-left: 5px; } .eCard-cart-detail { padding: 30px 0; max-width: 220px; margin-left: auto; padding-bottom: 20px; } .eCard-cart-detail p { font-weight: 400; font-size: 16.75px; line-height: 17px; color: #1e2437; margin-bottom: 10px; } .cart-notification { background: rgba(127, 226, 220, 0.42); font-size: 16px; line-height: 24px; margin-top: 18px; color: #36adb4; position: relative; padding: 25px 25px; } .cart-notification button.close { color: #36adb4; margin: 0; position: absolute; top: 7px; right: 12px; font-size: 24px; } .cart-notification button.close:focus { outline: none; } .services-fee-type { font-weight: 500; font-size: 12px; line-height: 17px; color: #36adb4; position: relative; padding-left: 12px; margin-bottom: 10px; } .services-fee-type:before { content: "+"; position: absolute; left: 0; top: 0; } .gs-cart-info { border-bottom: 3px solid #7fe2dc; padding-bottom: 10px; margin-bottom: 15px; } .gs-cart-info p { font-size: 16px; line-height: 26px; margin-bottom: 5px; font-weight: 500; } .subtotal-amount, .subtotal-text { font-weight: 500; } .modal-dialog-centered.card-modal { max-width: 520px; } .modal-dialog-centered.card-modal button.close { position: absolute; right: 18px; top: 12px; opacity: 0.7; z-index: 99; } .modal-dialog-centered.card-modal button.close:focus { outline: none; } .card-modal .card-modal-inner { padding: 10px; } .card-modal .card-modal-inner .modal-card-img { width: 280px; height: 174px; display: block; margin: 0 auto; border-radius: 15px; margin-bottom: 40px; } .card-modal .card-modal-inner h2 { font-weight: 500; font-size: 28px; border-bottom: 1px solid rgba(30, 36, 55, 0.1); color: #1e2437; padding-bottom: 15px; margin-bottom: 12px; } .card-modal .card-modal-inner h6 { font-size: 14px; line-height: 20px; color: rgba(30, 36, 55, 0.4); font-weight: 400; margin-bottom: 15px; } .card-modal .card-modal-inner p { color: rgba(30, 36, 55, 0.6); margin-bottom: 0; line-height: 20px; } .card-modal .card-modal-inner ul { margin: 15px 0; padding-left: 25px; } .card-modal .card-modal-inner ul li { color: rgba(30, 36, 55, 0.6); line-height: 20px; } .review-gifts-total { border-top: 0px solid #e9eaeb; padding-top: 0px; margin-bottom: 25px; } .review-gifts-total .review-gifts-total-inner { background: rgba(233, 234, 235, 0.4); border-radius: 8px; padding: 20px; } .review-gifts-total .table { margin-bottom: 0; } .review-gifts-total .table .tbody { } .review-gifts-total .table tbody tr td:last-child, .review-gifts-total .table tfoot tr td:last-child { text-align: right; } .review-gifts-total .table tfoot tr td { background: rgba(127, 226, 220, 0.3); } .review-gifts-total .table tfoot tr td:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .review-gifts-total .table tfoot tr td:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .review-gifts-total .table tfoot { border-top: 10px solid #f6f7f7; } .review-gifts-total .table tfoot tr td { font-weight: 500; font-size: 16px; line-height: 24px; padding: 10px 25px; color: #1e2437; } .review-gifts-total .table tbody tr td { font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); padding: 5px 25px; } .payment-screen { padding: 5% 0; max-width: 500px; margin: 0 auto; } .payment-screen-header h3 { font-weight: 300; font-size: 32px; margin-bottom: 20px; text-align: center; color: #1e2437; font-family: Recoleta; } .payment-screen-header h1 { font-weight: 500; font-size: 54px; margin-bottom: 35px; text-align: center; color: #1e2437; } .payment-screen-body table { border: 0px solid #dee2e6; border-collapse: collapse; border-radius: 4px; border-style: hidden; box-shadow: 0 0 0 1px rgba(30, 36, 55, 0.6); background-color: #fff; } .payment-screen-body .table-bordered td { border: 1px solid rgba(30, 36, 55, 0.6); } .payment-screen-body .table tbody tr td:last-child, .payment-screen-body .table tfoot tr td:last-child { text-align: right; width: 120px; } .payment-screen-body .table tbody tr td { font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.6); padding: 12px 20px; } .payment-screen-body .table tbody tr td span { display: block; color: #36adb4; } .payment-screen-body .table tfoot tr td { font-weight: 500; padding: 12px 20px; line-height: 24px; color: rgba(30, 36, 55, 0.8); } .payment-screen-footer { max-width: 460px; margin: 0 auto; margin-top: 45px; } .payment-screen-footer .table tbody tr td:last-child, .payment-screen-footer .table tfoot tr td:last-child { text-align: right; } .payment-screen-footer .table tfoot { border-top: 2px solid #7fe2dc; } .payment-screen-footer .table tbody tr td { font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); padding: 5px 2px; } .payment-screen-footer .table tfoot tr td { font-weight: 500; font-size: 16px; line-height: 24px; color: #1e2437; padding: 10px 2px; } .payment-screen-footer .table tbody tr:last-child td { padding-bottom: 10px; } .gt-review-amount h4 { font-size: 16px; color: #1e2437; margin-bottom: 10px; font-weight: 500; line-height: 18px; } .gt-review-amount ul { list-style-type: none; margin: 0; padding: 0; } .gt-review-amount ul li { display: inline-block; font-weight: 400; font-size: 16px; line-height: 20px; font-family: "Modern Era TRIAL"; color: #36adb4; margin-right: 25px; } .gt-review-amount ul li:last-child { margin-right: 0px; } .payment-back-arrow { position: absolute; top: 30px; left: 30px; cursor: pointer; } .payment-back-arrow svg { width: 28px; height: 25px; } .giftdetail-header { margin-top: 80px; margin-bottom: 40px; } .giftdetail-header h2 { font-family: Recoleta; font-weight: 300; font-size: 30px; line-height: 48px; color: #1e2437; } span.mt-notification { font-weight: 400; font-size: 13px; line-height: 20px; color: rgba(72, 77, 93, 0.8); } .position-relative.col-amount { flex: 0 0 195px; padding: 0 15px; } .border-top-0 { border-top: 0 !important; } .theme-font-16 { font-size: 16px; text-decoration: none; } .theme-btn-lite.max-320 { max-width: 320px; margin-top: 20px; margin-bottom: 5px; } .card-edit-btns { position: fixed; top: 170px; left: 5%; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .card-edit-btns.scrollTop { top: 40px; } .tooltip-dropdown ul.select2-results__options li i.fas.fas.fa-question-circle { color: #a5a7af; right: 0; top: 50%; position: absolute; transform: translateY(-50%); } .select2-container--default .tooltip-dropdown .select2-results > .select2-results__options { overflow-y: visible !important; } .tooltip-dropdown ul.select2-results__options li i.fas.fas.fa-question-circle:after { content: ""; position: absolute; background-color: #353a4b; font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 400; width: 320px; color: #fff; line-height: 1.5; text-align: center; font-size: 0.875rem; border-radius: 0.25rem; top: 50%; transform: translateY(-50%); left: 40px; opacity: 0; transition: opacity 0.15s linear; } .tooltip-dropdown ul.select2-results__options li i.fas.fas.fa-question-circle:hover:after { opacity: 1; padding: 12px 12px; } .tooltip-dropdown ul.select2-results__options li span { display: block; width: 100%; position: relative; z-index: 9; } .tooltip-dropdown ul.select2-results__options li:nth-child(1) i.fas.fas.fa-question-circle:hover:after { content: "You'll share a link or email that invites people to add a message and picture to a card and contribute to a group gift if they'd like too. There's no fee for friends to take part."; } /*.tooltip-dropdown ul.select2-results__options li:nth-child(2) i.fas.fas.fa-question-circle:hover:after { content: "You'll share a link or email that invites people to pay. There's no fee for friends to take part."; }*/ .tooltip-dropdown ul.select2-results__options li:nth-child(2) i.fas.fas.fa-question-circle:hover:after { content: "Sign a card - You'll share a link or email that invites people to add a message and picture/GIF to a card online. There's no fee for friends to take part. You can have unlimited people add messages and there's no limit to the length of their message. You can give set a date for us to send the card digitally or print it and giving it yourself."; } .tooltip-dropdown ul.select2-results__options li:nth-child(4) i.fas.fas.fa-question-circle:hover:after { content: "Sign a card - You'll share a link or email that invites people to add a message and picture/GIF to a card online. There's no fee for friends to take part. You can have unlimited people add messages and there's no limit to the length of their message. You can give set a date for us to send the card digitally or print it and giving it yourself."; } .tooltip-dropdown ul.select2-results__options li i i.fas.fa-caret-left { color: #353a4b; position: absolute; font-size: 18px; left: 34px; top: 0; display: none; } .tooltip-dropdown ul.select2-results__options li i:hover i.fas.fa-caret-left { display: block; } i.fas.undefined { display: none; } .select2-selection__rendered i.fas.fas.fa-question-circle { display: none; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type="number"] { -moz-appearance: textfield; } .pt-6.pb-6 { padding-top: 70px; padding-bottom: 70px; } .dropdown-menu.card-message.open.show, .dropdown-menu.card-message { display: none !important; } .dropdown-menu.card-message.open.show.keep-open, .dropdown-menu.card-message.keep-open { display: block !important; } div#div_ErrorReg { font-size: 14px; margin-bottom: 10px; display: inline-block; color: #dc3545 !important; margin-top: 0.5rem; } .suggestion-popup { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); margin-bottom: 0.5rem; } .suggestion-popup i { color: #a5a7af; cursor: pointer; } .suggestion-modal .gt-modal-close { position: absolute; right: 20px; top: 15px; } .suggestion-modal ul { list-style-type: none; margin: 0; margin-top: 20px; padding: 0 8px; margin-bottom: 10px; } .suggestion-modal ul li { position: relative; padding-left: 20px; margin-bottom: 15px; font-family: "Modern Era TRIAL"; font-size: 16px; line-height: 18px; } .suggestion-modal ul li b { display: inline-block; margin-bottom: 8px; } .suggestion-modal ul li span { position: absolute; left: 0; top: 0; } .modal-dialog.max-610 { max-width: 610px; } /* Collection Setup video */ .collection-setup-video { position: absolute; top: 192px; left: 0; right: 0; text-align: center; max-width: 500px; margin: 0 auto; overflow: hidden; box-shadow: 3px 3px 8px 8px rgb(224 224 224 / 17%); } .collection-setup-video video.collection-video { width: 100%; height: 300px; object-fit: cover; } .play-btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: white; display: flex; align-items: center; justify-content: center; } .play-btn:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; } .play-btn a { display: inline-block; z-index: 9; position: relative; } .play-btn img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; transform: scale(1.01); transform-origin: center; } .button.is-play { background-color: #fff; border-radius: 50%; width: 65px; height: 65px; } .button-icon.is-play svg { transform: scale(0.8); } .button.is-play .button-outer-circle { background: rgba(255, 255, 255, 0.2); border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .button.is-play .button-icon { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; transform: translate(-50%, -50%); } .button.is-play .button-icon .triangle { -webkit-animation: fadeIn 7s ease; animation: fadeIn 7s ease; } .button.is-play .button-icon .path { stroke-dasharray: 90; stroke-dashoffset: 0; -webkit-animation: triangleStroke 3s; animation: triangleStroke 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; } .has-scale-animation { -webkit-animation: smallScale 3s infinite; animation: smallScale 3s infinite; } .has-delay-short { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes triangleStroke { from { stroke-dashoffset: 90; } to { stroke-dashoffset: 0; } } @keyframes triangleStroke { from { stroke-dashoffset: 90; } to { stroke-dashoffset: 0; } } @-webkit-keyframes smallScale { from { transform: scale(1); opacity: 1; } to { transform: scale(1.5); opacity: 0; } } @keyframes smallScale { from { transform: scale(1); opacity: 1; } to { transform: scale(1.5); opacity: 0; } } /* Collection Setup video */ .row.addressDiv.gt-stripe-group { max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; } .row.addressDiv.gt-stripe-group .col-12 { padding-left: 0px; padding-right: 0px; } .row.addressDiv.gt-stripe-group .form-group { margin-bottom: 0 !important; } .gt-stripe-group { margin-top: 0.75rem; } .gt-stripe-group input.form-control { padding: 0.75rem !important; background-color: #fff; border-radius: 5px; transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease; border: 1px solid #e6e6e6; box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%); width: 100%; height: 45px; max-width: 100% !important; } .gt-stripe-group label { margin-bottom: 0.25rem; font-size: 0.93rem; font-weight: 400; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); display: block; line-height: 18px; } .row.addressDiv.no-gutters.gutter-8.overRideP.gt-stripe-group { margin-left: 0px !important; margin-right: 0px !important; max-width: 100%; overflow: visible !important; } .row.addressDiv.no-gutters.gutter-8.overRideP.gt-stripe-group .col-6 { padding-left: 6px; padding-right: 6px; } .gt-stripe-group input.form-control:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); } .verify-modal-footerv1 { max-width: 400px; margin-left: auto; margin-right: auto; } .review-modal .carousel-inner { box-shadow: 0px 0px 36.44px rgb(0 0 0 / 10%); } .review-modal .gc-container-inner { box-shadow: none; } .tab-content .mt-tm-card .mt-card-cover { box-shadow: none; } .send-code-box { max-width: 100%; margin-left: auto; margin-right: auto; } .setup-editable, .editable-invitation div#mainHeading, .editable-invitation div#description { position: relative; } .setup-editable::before, .editable-invitation div#mainHeading::before, .editable-invitation div#description::before { content: ""; position: absolute; width: 56px; height: 56px; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/edit_msg.png); display: flex; align-items: center; justify-content: center; font-size: 22px; cursor: pointer; z-index: 999; border-radius: 100%; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; background-size: 100% 100%; } .setup-editable:hover::before, .editable-invitation div#mainHeading:hover::before, .editable-invitation div#description:hover::before { opacity: 1; } .setup-editable::after, .editable-invitation div#mainHeading::after, .editable-invitation div#description::after { position: absolute; width: 100%; height: 98%; content: ""; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; background-color: #fff; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; z-index: 99; } .setup-editable:hover::after, .editable-invitation div#mainHeading:hover::after, .editable-invitation div#description:hover::after { opacity: 0.85; } .setup-editable[contenteditable="true"], .editable-invitation div#mainHeading[contenteditable="true"], .editable-invitation div#description[contenteditable="true"] { border: 2px dashed !important; padding: 5px 0; } .setup-editable[contenteditable="true"]::after, .setup-editable[contenteditable="true"]::before, .editable-invitation div#mainHeading[contenteditable="true"]::after, .editable-invitation div#mainHeading[contenteditable="true"]::before, .editable-invitation div#description[contenteditable="true"]::after, .editable-invitation div#description[contenteditable="true"]::before { display: none; } .giftshop-modal { max-width: 700px; text-align: center; margin-top: 6%; } .giftshop-modal .modal-body { padding: 50px 60px; } .giftshop-modal h2 { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 500; font-size: 24px; line-height: 32px; color: #1e2437; margin-bottom: 35px; } .giftshop-modal p { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: rgba(30, 36, 55, 0.8); margin-bottom: 70px; max-width: 450px; margin-left: auto; margin-right: auto; } .max-280 { max-width: 280px !important; } .giftshop-modal img { max-height: 270px; } .eCard-value label svg { margin-left: 5px; position: relative; top: -3px; } .eGift-amount label span { color: #36adb4; } .eGift-amount input { max-width: 180px; } .eGift-cart-total p { font-weight: 400; font-size: 17px; line-height: 17px; color: #1e2437; font-family: "Modern Era TRIAL"; } .eGift-cart-total p:last-child { text-align: right; } .eGift-cart-total .eGift-footer p { font-weight: 500; font-size: 24px; line-height: 30px; color: #1e2437; } .eGift-cart-total { max-width: 400px; } .eCard-recipient-details .form-control { max-width: 100%; padding-left: 20px; } .giftshop-send-ecard label { color: #484d5d; margin-bottom: 10px; } .eGift-note { font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(72, 77, 93, 0.8); margin-top: 5px; } .eGift-addtocart { max-width: 400px; display: block; margin-right: 0; margin-top: 75px; margin-bottom: 30px; } .eCard-recipient-details .form-group { margin-bottom: 20px; } .eGift-note p { font-weight: 400; font-size: 16px; line-height: 20px; color: rgba(72, 77, 93, 0.8); margin-top: 5px; } .eGift-leftbar { min-height: 320px; } .eCard-recipient-details { position: relative; } .eCard-recipient-details .mb-20 { position: absolute; bottom: -40px; left: 0; margin: 0; } .eGift-cart-total.eGift-footer-main { margin-top: -28px; } .giftshop-eGiftCard { margin-top: 100px; } .giftshop-eGiftCard:first-child { margin-top: 30px; } div#description { min-height: 85px; } div#outer-invitation tbody tr:first-child { vertical-align: top; } .mt-card-image-preview img { font-size: 14px; overflow: visible; } .receipt-five-body { background-color: #7fe2dc; min-height: calc(100vh - 107px); padding: 15px 0; display: flex; align-items: center; padding-bottom: 15px; } .receipt-three-content.receipt-max { max-width: 550px; margin: 0 auto; margin-top: -40px; } .receipt-three-content.receipt-max .theme-btn-dark { max-width: 340px; } .receipt-five-body .receipt-rating { position: absolute; bottom: 50px; left: 40px; margin: 0; } .receipt-five-body .receipt-rating > p { font-size: 14px; margin-top: 4px; } .receipt-five-body .receipt-rating .receipt-rating-inner img { margin: 0 8px; max-width: 135px; margin-top: 3px; } .receipt-three-content.receipt-max .theme-btn-dark svg { right: 28px; } img.receipt-banner-image { max-width: 520px; margin-bottom: 0px; } .receipt-three-content.receipt-max .ps-footer { margin-bottom: 0; margin-top: 30px; } .receipt-three-content.receipt-max h2 { margin-top: -20px; } .account-verify-bar { background-color: #ad0019; text-align: center; font-family: "Modern Era TRIAL"; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; padding: 18px 15px; } .account-verify-bar a { color: #ffffff; font-weight: 700; } .receipt-payment-summary { margin-bottom: 50px; margin-top: 50px; } .receipt-payment-summary h2 { font-weight: 500; font-size: 28px; line-height: 48px; color: #1e2437; border-bottom: 1px solid #a5a7af; padding-bottom: 15px; margin-bottom: 50px; font-family: "Modern Era TRIAL"; } .receipt-payment-table { background-color: rgba(233, 234, 235, 0.4); border-radius: 8px; padding: 25px 40px; } .receipt-payment-table h6 { font-size: 20px; line-height: 24px; color: rgba(30, 36, 55, 0.8); margin-bottom: 25px; font-family: "Modern Era TRIAL"; } .receipt-payment-cell, .receipt-payment-subtotal, .receipt-payment-footer, .receipt-payment-collected { display: flex; align-items: center; justify-content: space-between; } .receipt-payment-cell p { font-weight: 500; font-size: 16px; line-height: 28px; color: #1e2437; margin-bottom: 0; font-family: "Modern Era TRIAL"; } .receipt-payment-cell p.sfee { color: #36adb4; } .receipt-payment-cell { margin-bottom: 20px; } .receipt-payment-table hr { margin-top: 15px; margin-bottom: 15px; border-color: rgba(165, 167, 175, 0.7); } .receipt-payment-subtotal, .receipt-payment-collected { margin-bottom: 15px; } .receipt-payment-subtotal p { font-weight: 500; font-size: 16px; line-height: 28px; color: #1e2437; margin-bottom: 0; } .receipt-payment-collected p { font-weight: 500; font-size: 16px; line-height: 24px; color: #1e2437; margin-bottom: 0; font-family: "Modern Era TRIAL"; } .receipt-payment-footer { background: rgba(127, 226, 220, 0.3); border-radius: 4px; padding: 10px 15px; margin-bottom: 15px; margin-left: -15px; margin-right: -15px; } .receipt-payment-footer p { font-weight: 500; font-size: 16px; line-height: 24px; color: #1e2437; margin-bottom: 0; font-family: "Modern Era TRIAL"; } .download-receipt { font-weight: 500; font-size: 16px; line-height: 30px; color: #36adb4; background-color: transparent; border: 0; padding: 0; } .download-receipt:hover { text-decoration: underline; color: #36adb4; } .receipt-pdf { width: 595px; min-height: 845px; margin: 20px auto; background: #ffffff; box-shadow: 0px 3px 10px rgb(0 0 0 / 7%), 0px 10px 50px rgb(51 38 60 / 15%); padding: 35px; position: relative; } .receipt-pdf-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } .receipt-pdf-header h1 { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 500; font-size: 36px; line-height: 44px; letter-spacing: 0.05em; color: #1e2437; } .receipt-pdf-details { display: flex; justify-content: space-between; } .collection-details p { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #222234; margin-bottom: 4px; } .collection-details p b { font-weight: 500; margin-bottom: 10px; display: block; } .receipt-pdf .receipt-payment-summary p { font-size: 14px; line-height: 20px; } .receipt-pdf .receipt-payment-table h6 { font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 12px; } .receipt-payment-cell { margin-bottom: 12px; } .receipt-pdf .receipt-payment-table hr { margin-top: 12px; margin-bottom: 12px; } .receipt-pdf .receipt-payment-subtotal, .receipt-pdf .receipt-payment-collected { margin-bottom: 12px; } .receipt-pdf .receipt-payment-footer p { font-size: 16px; } .receipt-pdf .receipt-payment-summary { margin-bottom: 25px; margin-top: 25px; } .receipt-pdf .receipt-payment-footer { margin-bottom: 0px; } .receipt-pdf-footer { display: flex; justify-content: space-between; align-items: flex-start; border-top: 1px solid #bcb0c4; padding-top: 15px; } .receipt-pdf-footer a { font-weight: 400; font-size: 14px; line-height: 17px; font-family: "Modern Era TRIAL"; color: #36adb4; display: inline-block; text-decoration: none; } .receipt-pdf-footer p { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #6f6f84; margin-bottom: 0; margin-top: 5px; } .modal-dialog .gt-chipIn-modal { padding: 50px 55px; background: #ffffff; box-shadow: 0px 4px 48px rgb(0 0 0 / 10%); border-radius: 16px; padding-top: 70px; position: relative; } .modal-dialog .gt-chipIn-modal svg.chipIn-banner { width: 170px; margin-bottom: 40px; } .gt-chipIn-modal h2 { font-family: "Modern Era TRIAL"; font-weight: 500; font-size: 30px; line-height: 32px; color: #1e2437; margin-bottom: 20px; } .gt-chipIn-modal p { font-family: "Modern Era TRIAL"; font-weight: 500; font-size: 14px; line-height: 18px; color: #1e2437; margin-bottom: 35px; } .gt-chipIn-modal .theme-btn-lite { max-width: 300px; } .gt-chipIn-close { background-color: #d9d9d9; width: 23px; height: 23px; position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 100%; top: 15px; right: 15px; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .gt-chipIn-close:hover { background-color: #bcb6b6; } .modal-dialog.chipIn-modal { margin-top: 1.75rem; max-width: 510px; } .gt-chipIn-modal img { max-width: 260px; margin-bottom: 40px; margin-top: 10px; } .mt-card-image-preview img:-moz-broken { position: absolute; height: 28px !important; background-color: white; width: 52px !important; top: -10px; z-index: 99; outline: none; border: 1px solid transparent; left: 0; } .mt-card-image-preview img { position: relative; } .mt-card-image-preview img::after { content: ""; display: block; position: absolute; top: -20px; left: 0; width: 150px; height: 30px; background-color: white; z-index: 99; } div#gc-cover-div, div#groupcard_cover_title { width: 100%; } div#groupcard_cover_title span { width: 100%; display: block; } .accordion .collection-faq-box:nth-child(6) { border-bottom: 0px solid transparent; } .accordion.faq-border .collection-faq-box:nth-child(6) { border-bottom: 1px solid rgba(30, 36, 55, 0.1); } div#gifts-w-info { margin-top: -1%; } .rf-content-scroll { max-height: 340px; overflow: auto; padding-right: 10px; } .rf-content-scroll::-webkit-scrollbar { width: 6px; } .rf-content-scroll::-webkit-scrollbar-track { background: #e0e0e0; } .rf-content-scroll::-webkit-scrollbar-thumb { background: #b5b5b4; } .rf-content-scroll::-webkit-scrollbar-thumb:hover { background: #9c9c9c; } .suggestion-badge { background: #ffc373; border-radius: 12px; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; letter-spacing: 0.05em; color: #1e2437; padding: 5px 14px; margin-left: 5px; position: relative; top: -1px; text-transform: uppercase; } .blob { border-radius: 50%; height: 11px; width: 11px; transform: scale(1); animation: pulse-black 2s infinite; } @keyframes pulse-black { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } .blob.red { background: transparent; box-shadow: 0 0 0 0 rgba(54, 173, 180, 1); animation: pulse-red 2s infinite; } @keyframes pulse-red { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(54, 173, 180, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(54, 173, 180, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(54, 173, 180, 0); } } .inspiration-text { transform: translate3d(0, 0, 0); animation-name: shakeMe; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes shakeMe { 2%, 18% { transform: translate3d(-3px, 0, 0); } 4%, 16% { transform: translate3d(3px, 0, 0); } 6%, 10%, 14% { transform: translate3d(-3px, 0, 0); } 8%, 12% { transform: translate3d(3px, 0, 0); } 18.1% { transform: translate3d(0px, 0, 0); } } .setup-graphic { text-align: center; padding-top: 100px; padding-bottom: 20px; } .setup-graphic img { width: 100%; max-width: 640px; } .card-only-content h2 { font-size: 20px; line-height: 24px; margin-bottom: 35px; } .card-only-content img { margin-top: -10px; margin-bottom: 40px; width: 255px; max-width: 100%; box-shadow: 0px 0px 20px rgb(106 106 106 / 16%); border-radius: 18px; } .card-only-content .card-only-btns { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px; } .theme-btn-outline { font-family: "Modern Era TRIAL"; width: 100%; padding: 12px 5px; background: rgba(127, 226, 220, 0.2); border: 1px solid #36adb4; border-radius: 30px; display: inline-block; font-size: 16px; text-align: center; color: #36adb4; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; margin: 0 auto; cursor: pointer; } .card-only-content .card-only-btns > a { height: 48px; max-width: 100%; } .theme-btn-outline:hover { background-color: #46cac2; border-color: #46cac2; color: #243040; } .gt_custom_popup_outer .gt-modal-close { top: 22px; right: 15px; } .mt-contribute-left.mt-contribute-groupcard.mt-card-space { overflow: hidden; } .media.mt-gift-details-item ol { padding: 0; padding-left: 18px; margin-top: 5px; } .spend-send { padding-bottom: 90px; background: #f7f7f6; } .spend-send .mt-tm-container { position: relative; } .spend-send .spend-send_GIF { position: absolute; max-height: 335px; left: 0; top: 50%; transform: translateY(-50%); } .spend-send .spend-send-inner { background: #dff8f6; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05); border-radius: 8px; padding: 50px; width: calc(100% - 170px); margin-left: auto; } .spend-send .spend-send-textblock { background: #ffffff; border-radius: 8px; padding: 40px; position: relative; max-width: 820px; margin-left: auto; } .spend-send-textblock svg { position: absolute; left: -72px; top: 40px; width: 95px; } .spend-send-textblock h3 { font-weight: 500; font-size: 24px; margin-bottom: 15px; } .spend-send-textblock p { line-height: 20px; margin-bottom: 10px; } .spend-send-textblock .theme-btn-lite { max-width: 290px; margin-top: 15px; } .ecard-content-close { position: absolute; top: 12px; right: 22px; cursor: pointer; } .ecard-content-badge { background: #fdecd2; border-radius: 4px; position: relative; padding: 8px 8px; margin-bottom: 25px; padding-left: 45px; } .tnmCards.gt-md-modal .modal-dialog { max-width: 560px; margin-top: 1.75rem; } .tnmCards .modal-content { border-radius: 16px; } .tnmCards .modal-dialog .gt-chipIn-modal { padding-top: 50px; } .ecard-content-badge svg { position: absolute; left: 16px; top: 12px; } .ecard-content .ecard-content-badge p { font-size: 12px; letter-spacing: 0.15px; text-align: left; color: #1e2437; margin-bottom: 0; } .ecard-content .ecard-image { width: 290px; height: 183px; border-radius: 15px; background: rgba(30, 36, 55, 0.4); max-width: unset; margin-bottom: 40px; } .ecard-content h2 { text-align: left; font-weight: 500; font-size: 32px; margin-bottom: 20px; } .ecard-content hr { border-top: 1px solid rgba(30, 36, 55, 0.1); margin-top: 15px; margin-bottom: 15px; } .ecard-content p { text-align: left; font-size: 16px; line-height: 20px; color: rgba(30, 36, 55, 0.4); margin-bottom: 25px; } .card-description ul, .card-description ol { padding-left: 25px; margin: 18px 0; } .card-description { text-align: left; color: rgba(30, 36, 55, 0.6); } .card-description h3 { font-size: 18px; font-weight: 700; margin-bottom: 15px; } .ecard-content .card-description p { font-size: 16px; margin-bottom: 15px; color: rgba(30, 36, 55, 0.6); } .ecard-content .card-description p:last-child { margin-bottom: 0; } .ecard-content .egift-image { width: 290px; height: 365.71px; border-radius: 3px; background: rgba(30, 36, 55, 0.4); max-width: unset; margin-bottom: 40px; } .ecard-content .d-flex p { font-size: 16px; line-height: 30px; color: #484d5d; margin-bottom: 0; } .ecard-content .d-flex h4 { font-weight: 500; font-size: 27px; line-height: 30px; text-align: right; color: #1e2437; margin-bottom: 0; } .ecard-content .egift-delivery { margin-bottom: 20px; } .ecard-content .egift-delivery p { font-size: 16px; line-height: 30px; color: #36adb4; margin-bottom: 0; } .ecard-content .egift-delivery .egift-yellow { color: #ffc373; } .ecard-content .egift-delivery .egift-yellow svg { margin-right: 5px; position: relative; top: -3px; } .ecard-content .card-description p:first-child strong { display: block; font-size: 18px; } .modal-dialog.perfect-gift { max-width: 500px; } .perfect-gift-body { max-width: 400px; margin-left: auto; margin-right: auto; text-align: left; padding-bottom: 25px; } .gs-calander > svg, .gShop-calander > svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .gs-calander .form-control:disabled, .gs-calander .form-control[readonly], .gShop-calander .form-control:disabled, .gShop-calander .form-control[readonly] { background-color: #ffffff; opacity: 1; } .ftd-content h6 { font-size: 20px; line-height: 30px; color: #484d5d; font-weight: 400; margin-bottom: 5px; } .ftd-content p { color: #36adb4; position: relative; padding-left: 25px; } .ftd-content svg { position: absolute; left: 2px; top: 5px; fill: #36adb4; } .ftd-content p a { color: #1e2437cc; text-decoration: underline; } .ftd-content { margin-bottom: 35px; } h4.giftshop-product-price span { color: #484d5d; font-weight: 400; font-size: 18px; } .g-2 .col-6:first-child { padding-right: 10px; } .g-2 .col-6:last-child { padding-left: 10px; } .form-group .gs-send-save.ftd-save { right: 10px; } .gs-send-row .form-group textarea.ftd-textarea { height: 286px; } .ftd-total { background: rgba(127, 226, 220, 0.3); border-radius: 5px; padding: 30px 30px; margin-bottom: 20px; } .ftd-total h5 { font-weight: 500; font-size: 20px; margin-bottom: 20px; } .ftd-total table { width: 100%; } .ftd-total table tbody tr td:last-child, .ftd-total table tfoot tr td:last-child { text-align: right; } .ftd-total table tr td { padding-top: 3px; padding-bottom: 3px; } .ftd-total table tfoot { border-top: 1px solid #a5a7af; } .ftd-total table tfoot tr td { padding-top: 6px; font-weight: 500; font-size: 18px; } .ftd-total table tbody tr:last-child td { padding-bottom: 6px; } .ftd-total table, .ftd-total h5 { width: 95%; margin-left: auto; margin-right: auto; } .error-box { background: #fdecd2; border-radius: 4px; padding: 15px; } .error-box p { font-weight: 400; font-size: 12px; margin: 0; letter-spacing: 0.15px; padding-left: 28px; } .error-box svg { position: absolute; left: 15px; top: 15px; width: 18px; height: 18px; } .select2.select2-container--ftd-container span.select2-selection.select2-selection--single { border: 1px solid #a5a7af; background: #ffffff; border: 1px solid #a5a7af; box-sizing: border-box; border-radius: 4px; font-size: 16px; height: 56px; padding: 0.375rem 0.75rem; padding-left: 15px; font-weight: 400; line-height: 1.5; color: #495057; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; line-height: 40px; z-index: 9999; position: relative; } .select2.select2-container--ftd-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; } .select2.select2-container--ftd-container span.select2-selection.select2-selection--single:focus { color: #495057; background-color: #fff; border-color: #7fe2dc; outline: 0; box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); } .select2.select2-container--ftd-container span.select2-selection__arrow { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjY5Nzg0IDYuMzIwMTFDNi4zMDk1MyA2LjY5ODQ0IDUuNjkwNDcgNi42OTg0NCA1LjMwMjE3IDYuMzIwMTFMMC44MzMzNjcgMS45NjYyNkMwLjE5MDczOSAxLjM0MDE2IDAuNjM0MDAxIDAuMjUgMS41MzEyIDAuMjVMMTAuNDY4OCAwLjI1MDAwMUMxMS4zNjYgMC4yNTAwMDEgMTEuODA5MyAxLjM0MDE2IDExLjE2NjYgMS45NjYyNkw2LjY5Nzg0IDYuMzIwMTFaIiBmaWxsPSIjN0ZFMkRDIi8+Cjwvc3ZnPgo=); position: absolute; width: 12px; height: 7px; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); right: 18px; background-size: contain; } .ftd-select ul li.select2-results__option { padding: 10px 15px; } .select2-dropdown.ftd-select.select2-dropdown--below { margin-top: -3px; box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.1); } .ftd-select ul.select2-results__options { padding-top: 3px; } .ftd-select ul.select2-results__options { max-height: 275px; overflow: auto; } .ftd-select ul.select2-results__options::-webkit-scrollbar { width: 4px; } .ftd-select ul.select2-results__options::-webkit-scrollbar-track { background: #f1f1f1; } .ftd-select ul.select2-results__options::-webkit-scrollbar-thumb { background: #888; } .ftd-select ul.select2-results__options::-webkit-scrollbar-thumb:hover { background: #555; } .delivery-bar p { margin: 0; background-color: #fcedd3; text-align: center; padding: 15px 15px; color: #1e2437; font-size: 18px; } .delivery-bar p span { font-weight: 500; } .delivery-bar p a { border-radius: 27px; background: #ffc373; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2); display: inline-flex; width: 26px; height: 26px; justify-content: center; align-items: center; margin-left: 6px; } .gc-category-product-contentv2 h6 { color: #a5a7af; font-size: 14px; font-family: Modern Era; line-height: 20px; margin-bottom: 10px; } span.status-success { color: #25d366 !important; } span.status-failure { color: #ed4f32 !important; } /* Thank you Note */ .modal .modal-top-spacing { margin-top: 8vh !important; margin-bottom: 0; } .modal .modal-dialog.modal-top-spacing .modal-content { background: #ffffff; box-shadow: 0px 0px 48px rgba(30, 36, 55, 0.1); border-radius: 16px 16px 0px 0px; border: 0; min-height: calc(100vh - 8vh); display: block; padding-bottom: 80px; } .dropdown.msg-group-dropdown { margin-right: 10px; } .msg-group-dropdown .dropdown-toggle::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjIzODEgMS4xMjVMNS45ODgxIDUuODc1TDEwLjczODEgMS4xMjUiIHN0cm9rZT0iIzFFMjQzNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); border: 0; width: 12px; height: 12px; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); } .dropdown.msg-group-dropdown button { padding-right: 40px !important; } .msg-group-dropdown .dropdown-menu { background: #ffffff; box-shadow: 0px 9px 32px 10px rgba(0, 0, 0, 0.13); border-radius: 10px; border: 0; padding: 15px; } .msg-group-dropdown .dropdown-menu .dropdown-item { display: block; color: #1e2437; font-weight: 500; padding: 10px 30px; border-radius: 4px; transition: all ease 0.3s; } .msg-group-dropdown .dropdown-menu .dropdown-item:hover { color: #36adb4; } .msg-group-dropdown .dropdown-menu hr { margin-top: 7px; margin-bottom: 7px; border: 0; border-top: 1px solid #e9e9eb; width: 100%; } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { color: #36adb4; text-decoration: none; background-color: #f7f7f6; } #MessageFromReminder .modal-dialog a.theme-btn-lite, #SuccessMessaget .modal-dialog a.theme-btn-lite { max-width: 130px; } .friendsSummary .pl-4, .friendsSummary pr-4 { padding-left: 1.2rem !important; padding-right: 1.2rem !important; } .writeMessageForm .form-group { margin-bottom: 10px; } .writeMessageForm .error-message { display: block; margin-top: 5px; } .writeMessageForm p { text-align: center; margin-bottom: 20px; } .msg-send-toall .theme-btn-input { height: 56px; max-width: 400px; background: #ffffff; border: 1px solid #a5a7af; box-sizing: border-box; border-radius: 4px; font-size: 16px; width: 100%; text-align: left; padding-left: 18px; transition: all ease 0.3s; } .msg-send-toall .theme-btn-input:focus { color: #495057; background-color: #fff; border-color: #7fe2dc; outline: 0; box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); } .msg-send-toall .dropdown-menu { width: 100%; text-align: center; } .msg-send-toall .select2-container .select2-selection--single { height: 56px; } .msg-send-toall .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 54px; padding-left: 18px; } .msg-send-toall .select2-container--default .select2-selection--single .select2-selection__arrow { height: 56px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjIzODEgMS4xMjVMNS45ODgxIDUuODc1TDEwLjczODEgMS4xMjUiIHN0cm9rZT0iIzFFMjQzNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); border: 0; background-repeat: no-repeat; background-size: 10px; background-position: center; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); } .msg-send-toall .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .msg-send-toall .select2-container--open span.select2-selection.select2-selection--single { border: 1px solid #7fe2dc; } span.select2-dropdown.messageAll-dropdown { background: #ffffff; box-shadow: 0px 9px 32px 10px rgba(0, 0, 0, 0.13); border-radius: 8px; border: 0; margin-top: 3px; overflow: hidden; padding: 15px; text-align: center; } span.select2-dropdown.messageAll-dropdown .select2-results__option--highlighted[aria-selected] { color: #36adb4; text-decoration: none; background-color: #f7f7f6; } span.select2-dropdown.messageAll-dropdown ul li.select2-results__option { color: #36adb4; font-weight: 500; padding: 10px 30px; border-radius: 4px; border: 0; margin-bottom: 15px; position: relative; } span.select2-dropdown.messageAll-dropdown ul li.select2-results__option:last-child { margin-bottom: 0px; } span.select2-dropdown.messageAll-dropdown ul li.select2-results__option:after { content: ""; background-color: #e9e9eb; position: absolute; left: 0; right: 0; width: 100%; bottom: -8px; z-index: 9; height: 1px; } span.select2-dropdown.messageAll-dropdown ul li.select2-results__option:last-child:after { display: none; } span.select2-dropdown.messageAll-dropdown .select2-results__option[aria-selected="true"] { background-color: #f7f7f6; } .sign-file-upload { display: grid; grid-template-columns: 1fr 30px 1fr; align-items: center; margin-top: 20px; margin-bottom: 10px; } .upload-btn-wrapper { position: relative; overflow: hidden; } .upload-btn-wrapper .outline-btn-lite { width: 100%; padding: 8px 5px; background: #d9f6f5; border-radius: 30px; display: inline-block; font-size: 14px; text-align: center; color: #1e2437; transition: all ease 0.3s; text-decoration: none; position: relative; overflow: hidden; border: 0; margin-top: 3px; } .upload-btn-wrapper .outline-btn-lite:focus, .upload-btn-wrapper .outline-btn-lite:hover { outline: none; background-color: #bdf1ef; } .sign-file-upload span { font-size: 14px; line-height: 18px; text-align: center; color: rgba(30, 36, 55, 0.6); } .upload-btn-wrapper .outline-btn-dark { width: 100%; padding: 8px 5px; background: rgba(30, 36, 55, 0.09); border-radius: 30px; display: inline-block; font-size: 14px; text-align: center; color: #1e2437; transition: all ease 0.3s; text-decoration: none; position: relative; overflow: hidden; border: 0; margin-top: 3px; } .upload-btn-wrapper .outline-btn-dark:focus, .upload-btn-wrapper .outline-btn-dark:hover { outline: none; background-color: rgb(30 36 55 / 15%); } .upload-btn-wrapper input[type="file"] { position: absolute; bottom: 0; top: 0; opacity: 0; left: 0; right: 0; width: 100%; height: 100%; cursor: pointer; } .gt-md-modal-content .uload-limit { font-size: 13px; line-height: 20px; text-align: center; color: #999da6; margin-bottom: 20px; } .uploaded-image img { display: inline-block; border-radius: 10px; margin-top: 10px; margin-bottom: 20px; } .uploaded-image a { background: #ffffff; border-radius: 30px; width: 24px; height: 24px; position: absolute; right: 10px; top: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.08); } div#giphyModal { z-index: 99999999999 !important; } .theme-tabs ul.nav-tabs { justify-content: center; text-align: center; border: 0; margin-bottom: 18px; } .theme-tabs ul.nav-tabs li.nav-item { margin: 0 15px; } .theme-tabs ul.nav-tabs li.nav-item .nav-link { border: 0; font-weight: 500; font-size: 18px; line-height: 32px; color: #1e2437; padding: 0; border-bottom: 4px solid transparent; background-color: #fff; } .theme-tabs ul.nav-tabs li.nav-item .nav-link.active { border-color: #7fe2dc; } .theme-tab-inner .image-search { margin-bottom: 18px; } .theme-tabs ul.nav-tabs li.nav-item .nav-link:focus { outline: none; } .theme-tab-inner .image-search .form-control { border-color: #dee2e6; height: 48px; border-radius: 4px; max-width: 100%; } .theme-tab-inner .giphy-col { -moz-column-count: 2; -moz-column-gap: 6px; -webkit-column-count: 2; -webkit-column-gap: 6px; column-count: 2; column-gap: 6px; list-style: none; padding: 0; } .theme-tab-inner .giphy-col li { position: relative; margin-bottom: 6px; } .theme-tab-inner .giphy-col li a { display: block; } .theme-tab-inner .giphy-col li a img { width: 100%; } .theme-tab-inner .giphy-col li a .theme-btn-lite { text-transform: uppercase; position: absolute; top: 50%; padding: 13px 5px; left: 50%; transform: translate(-50%, -50%); width: 120px; font-weight: 500; font-size: 13px; line-height: 18px; opacity: 0; transition: opacity 0.3s; z-index: 9; } .theme-tab-inner .giphy-col li a:after { opacity: 0; content: ""; background-color: #000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; transition: opacity 0.3s; } .theme-tab-inner .giphy-col li a:hover:after { opacity: 0.5; } .modal .modal-575 { max-width: 575px; } .theme-tab-inner .giphy-col li a:hover .theme-btn-lite { opacity: 1; } .modal-dialog .modal-body.theme-tabs { padding: 25px; } .invites-card-header { display: flex; align-items: center; justify-content: space-between; cursor: pointer; position: relative; padding-right: 28px; } .invites-card-header h4 { font-size: 16px; color: #1e2437; } .invites-card-header h4 span { color: #1e243766; display: inline-block; margin-left: 8px; font-weight: 400; } .invites-card-header h6 { background: rgba(0, 0, 0, 0.08); border-radius: 30px; color: #1f2534; padding: 8px 15px; font-size: 14px; font-weight: 500; display: flex; align-items: center; } .invites-card-header h6 svg { margin-right: 4px; } .invites-card-body { background: #ffffff; border-radius: 4px; padding: 15px 20px; margin-top: 15px; } .invites-card-body p { margin-bottom: 0; } .invites-card { border-bottom: 1px solid rgba(30, 36, 55, 0.1); padding-bottom: 10px; margin-bottom: 10px; } .invites-card-header:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all ease 0.3s; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMyAxTDcgN0wxIDEiIHN0cm9rZT0iIzFFMjQzNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: 12px; } .invites-card-header[aria-expanded="true"]:after { transform: translateY(-50%) rotate(180deg); } .cardPlaceholder { width: 540px; height: 765px; background-color: #fff; margin: auto; margin-top: 40px; } .thankYou-last-page { width: 100%; height: 100%; background-color: #fff; position: relative; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 40px; font-family: "Modern Era TRIAL"; } .thankYou-last-page h1 { font-weight: 500; font-size: 30px; margin-bottom: 15px; } .thankYou-last-page p { color: rgba(30, 36, 55, 0.6); font-size: 16px; padding: 0 30px; } .thankYou-last-page svg.footer-thankyou { position: absolute; bottom: 55px; } .thankYou-last-page-inner { margin-top: -55px; } .dropdown-item.active, .dropdown-item:active { color: #1e2437 !important; } .preloader { width: 100%; background-color: rgba(127, 226, 220, 0.95); position: fixed; height: 100%; z-index: 999999999; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 50px; flex-direction: column; font-family: "Modern Era TRIAL"; } .ftd-loader .preloader-logo { margin-bottom: 12%; } .ftd-loader .preloader-top { margin-top: -8%; } .preloader .preloader-inner { width: 100%; margin-right: auto !important; margin-left: auto !important; display: flex; justify-content: center; } .mb-70 { margin-bottom: 60px !important; } .preloader .preloader-inner .loader-dialogue { background: #ffffff; border-radius: 20px; padding: 35px; max-width: 540px; } .preloader .preloader-inner .loader-dialogue h2, .preloader .preloader-inner .loader-dialogue .h2 { font-size: 27px; line-height: 34px; font-family: "Modern Era TRIAL"; font-weight: 500; margin-bottom: 10px; } .preloader .preloader-inner .loader-dialogue p { font-weight: 400; color: rgba(30, 36, 55, 0.6); font-size: 16px; line-height: 22px; margin-bottom: 20px; max-width: 500px; } a.theme-btn-link { font-family: Modern Era TRIAL; font-size: 16px; font-weight: 500; line-height: 36px; display: block; color: #000000; text-align: center; } a.theme-btn-link:hover { text-decoration: underline; } .preloader .preloader-inner .loader-dialogue p b { font-weight: 500; } .preload-button-group { display: flex; column-gap: 25px; align-items: center; margin-top: 25px; } .preloader .preloader-inner .loader-dialogue .dialogue-bubble { position: absolute; left: -35px; top: 35px; } .preloader .preloader-inner .loader-image { height: 350px; } .preloader .preloader-inner .loader-image.mh-300 { height: 300px; } .mr-20 { margin-right: 20px; } .ms-3 { margin-left: 1rem; } .preloader-top { margin-top: -6%; } .loader-dialogue.w-500 { width: 490px; } .close-preloader { color: #36adb4; display: inline-block; margin-top: 15px; font-weight: 700; border-bottom: 1px solid transparent; transition: border ease 0.3s; } .close-preloader:hover { border-bottom: 1px solid; color: #36adb4; text-decoration: none !important; } .preload-button-group .theme-btn-lite { max-width: 170px; margin-left: 0; margin-right: 0; } .loader-dialogue .sign-body { margin-top: 20px; } .loader-dialogue .sign-body .sign-message-block hr { width: calc(100% - 0px); } .loader-dialogue .sign-body .sign-message-block { padding: 14px 0px; position: relative; padding-top: 10px; } .carousel-control-next, .carousel-control-prev { bottom: auto; opacity: 1; top: 50%; width: auto; transform: translateY(-50%); } .carousel-updated-arrow { background: #7fe2dc; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .carousel-updated-arrow svg { width: 25px !important; height: 25px !important; position: relative; z-index: 9; } .gsStepCarousel .carousel-inner { box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); margin-top: 10px; } .thankYou-tab-content { margin-top: 140px; max-width: 600px; margin-left: auto; margin-right: auto; background: #fff; } .thankYou-body { background: #f7f7f6; padding: 30px; border-radius: 0px 0px 4px 4px; } .thankYou-status p span { color: #1e243766; } .thankYou-header { height: 115px; display: flex; justify-content: center; background: #7fe2dc; border-radius: 4px 4px 0px 0px; align-items: center; } .thankYou-body-inner { padding: 10px; border: 1px solid #7fe2dc; border-radius: 4px; padding-top: 40px; } .thankYou-images img { max-width: 100%; width: 100%; margin-top: 10px; } .thankYou-body-inner h2 { font-weight: 300; font-size: 55px; line-height: 76px; text-align: center; color: #1e2437; font-family: "Recoleta"; padding: 0 20px; margin-bottom: 30px; margin-top: 20px; } .thankYou-body-inner p { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #1e2437; padding: 0 50px; margin-bottom: 30px; } .thankYou-main { padding-bottom: 150px; } .thankYou-footer { padding-top: 50px; } .modal { overflow: auto !important; } .select2-container--select2-without-outline span.select2-selection.select2-selection--single { border: 0px solid #a5a7af; } .select2-container--select2-without-outline.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .select2-tyu .select2-results__options { height: 250px; overflow: auto; } span.select2-dropdown.select2-tyu { border: 0; border-radius: 8px; background: #fff; box-shadow: -2px 0px 15px 0px rgba(0, 0, 0, 0.09); padding: 15px; margin-top: 5px; } .select2-tyu .select2-results__options::-webkit-scrollbar { width: 4px; } .select2-tyu .select2-results__options::-webkit-scrollbar-track { background: #f1f1f1; } .select2-tyu .select2-results__options::-webkit-scrollbar-thumb { background: #888; } .select2-tyu .select2-results__options::-webkit-scrollbar-thumb:hover { background: #555; } .select2-tyu ul.select2-results__options li.select2-results__option { color: #4b505f; font-size: 16px; font-family: Modern Era TRIAL; font-style: normal; font-weight: 400; line-height: 20px; padding: 12px 12px; border-color: #f8f8f8; width: calc(100% - 15px); } .select2-tyu ul.select2-results__options li.select2-results__option:hover { border-radius: 4px; background: #faf9f9; color: #36adb4; } .select2-dropdown { z-index: 999999999 !important; } .select2-container--select2-without-outline span.select2-selection__arrow { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4wNDEzIDkuODU3ODNDMTcuMzg1NiAxMC4yMDIxIDE3LjM4NTYgMTAuNzYwNCAxNy4wNDEzIDExLjEwNDdMMTMuMTIzIDE1LjAyM0MxMi43Nzg3IDE1LjM2NzMgMTIuMjIwNSAxNS4zNjczIDExLjg3NjIgMTUuMDIzTDcuOTU3NzggMTEuMTA0N0M3LjYxMzQ5IDEwLjc2MDQgNy42MTM0OSAxMC4yMDIxIDcuOTU3NzggOS44NTc4M0M4LjMwMjA4IDkuNTEzNTMgOC44NjAzIDkuNTEzNTMgOS4yMDQ2IDkuODU3ODNMMTIuNDk5NiAxMy4xNTI4TDE1Ljc5NDUgOS44NTc4M0MxNi4xMzg4IDkuNTEzNTMgMTYuNjk3IDkuNTEzNTMgMTcuMDQxMyA5Ljg1NzgzWiIgZmlsbD0iIzk5OURBNiIvPgo8L3N2Zz4K); position: absolute; right: 0; width: 25px; height: 25px; top: 50%; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; } .select2-container--select2-without-outline.font-select2 .select2-results__options { height: 348px; } .gs-calander > svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .position-relative.gs-calander .form-control { background-color: transparent; } .position-relative.gs-calander .v3dp__popout { margin-top: -210px !important; } .position-relative.gs-calander .v3dp__popout:after { display: none !important; } .position-relative.gs-calander .v3dp__datepicker { position: relative; z-index: 9; } .gt-header.thankyou-header { background-color: #f7f7f6; } .navbar.navbar-expand-md.navbar-light.bg-white { background-color: #f7f7f6 !important; } .gt-header.thankyou-header .signin.mt-sigin-fixed { background-color: #f7f7f6; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .thank-you-sticky-footer { background: #e6fdfc; padding: 13px 15px; justify-content: center; display: flex; align-items: center; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; } .thank-you-sticky-footer h2 { font-family: "Recoleta"; font-style: normal; font-weight: 300; font-size: 20px; line-height: 21px; color: #1e2437; margin-right: 12px; margin-bottom: 0; } .thank-you-sticky-footer .theme-btn-dark, .thank-you-sticky-footer .theme-btn-lite { width: auto; padding: 8px 30px; margin: 0 8px; } .thankYou-main { padding-bottom: 180px; } .sign-body { border: 1px solid #e8e9eb; border-radius: 4px; } .sign-body .add-image-block { border-top: 1px solid #e8e9eb; padding: 12px 18px; padding-bottom: 16px; } .sign-message-block { padding: 16px 0px; position: relative; padding-top: 12px; } .sign-message-block .sign-from { padding: 0 18px; } .sign-body label { font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 5px; color: #1e2437; } .sign-message-block .textarea-block { min-height: 80px; } .sign-message-block .textarea-block[contenteditable="true"]:empty:before { content: attr(placeholder); color: #999da6; } .sign-message-block .textarea-block:focus { outline: none; } .send-thank-you-body { padding-top: 15px; } .sign-message-block .inspiration-text { position: relative; padding: 8px 15px; background: #e6fdfc; border-radius: 4px; padding-left: 40px; font-size: 14px; letter-spacing: 0.15px; margin-top: 20px; animation: none; width: calc(100% - 36px); margin-left: auto; margin-right: auto; } .sign-message-block hr { border-color: #e8e9eb; opacity: 1; margin-top: 15px; margin-bottom: 10px; width: 100%; margin-left: auto; margin-right: auto; } .sign-message-block .sign-from .form-control { border: 0; border-radius: 0; padding: 0; height: auto; } .sign-message-block .sign-from .form-control:focus { outline: 0; box-shadow: none; } .sign-message-block .inspiration-text .inspiration-icon span { position: absolute; top: 10px; left: 6px; } .gs-calander .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu { margin-top: -210px !important; } .gs-calander .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu:after { display: none !important; } .select2-container--select2-without-outline span.select2-selection.select2-selection--single { border: 0px solid #a5a7af; height: auto; } .warning-error { background: #fdecd2; border-radius: 4px; margin-top: 0; padding: 15px; width: 270px; margin-right: 30px; } .warning-error .flex-grow-1 { margin-left: 12px; } .warning-error .flex-grow-1 h4, .warning-error .flex-grow-1 .h4 { font-family: "Modern Era TRIAL"; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.09px; margin-bottom: 4px; } .warning-error .flex-grow-1 p { font-weight: 400; font-size: 12px; margin-bottom: 2px; letter-spacing: 0.15px; line-height: 16px; } .warning-error .flex-shrink-0 svg { width: 24px; height: 24px; position: relative; top: -3px; } p.ftd-tagline { margin: 0 !important; font-size: 16px !important; margin-top: 20px !important; } .setup-tip p { color: #36adb4; padding: 0 5px; margin-bottom: 20px; font-size: 14px; line-height: 20px; font-weight: 500; } /* Thank You Note fonts */ .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(1), [title^="Arial"] { font-family: "Arial"; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(2), [title^="Arial Black"] { font-family: "Arial Black"; font-weight: 900; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(3), [title^="Courier Prime"] { font-family: "Courier Prime"; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(4), [title^="Georgia"] { font-family: "Georgia"; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(5), [title^="Comic Sans MS"] { font-family: "Comic Sans MS"; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(6), [title^="Century Gothic"] { font-family: "Century Gothic"; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(7), [title^="Palatino Linotype"] { font-family: "Palatino Linotype"; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(8), [title^="Tahoma"] { font-family: "Tahoma"; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(9), [title^="MS Serif"] { font-family: "serif"; } .select2-dropdown.with-font-family ul.select2-results__options li.select2-results__option:nth-child(10), [title^="Trebuchet MS"] { font-family: "Trebuchet MS"; } /* Thank You Note fonts */ .slider-sub-link { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; text-align: left; text-decoration-line: underline; color: #1e2437; margin-top: 100px; } .slider-sub-link:hover { text-decoration-line: underline; color: #46cac2; } .ftd-featured { background-color: #dff8f6; overflow: hidden; border-radius: 8px; position: relative; height: 490px; } .ftd-featured img { object-fit: cover; max-width: 100%; position: absolute; height: 100%; width: 100%; object-position: center; } .ftd-featured .theme-btn-lite { position: absolute; left: 0; right: 0; width: 250px; padding-top: 16px; padding-bottom: 16px; bottom: 35px; font-weight: 500; } .disable-ftd-product { position: relative; } .disable-ftd-product:after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; } .gc-category-product-contentv2 svg { margin-right: 5px; } .ftd-pagination { text-align: center; display: flex; width: 100%; justify-content: center; margin-top: 50px; align-items: center; } .ftd-pagination span { display: inline-block; margin: 0 15px; font-weight: 600; } .ftd-pagination button { background-color: transparent; border: 1px solid #7fe2dc; border-radius: 100%; width: 30px; height: 30px; color: #ffffff; background-color: #7fe2dc; display: flex; justify-content: center; align-items: center; } .ftd-pagination button:focus { outline: none; } .ftd-pagination button:hover { background-color: transparent; color: #7fe2dc; } .any-card-modal img { max-width: 450px; } .any-card-modal h2 { font-size: 25px; } .any-card-footer { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 45px; margin-top: 50px; margin-bottom: 50px; max-width: 650px; margin-left: auto; margin-right: auto; } .gc-category-product-contentv2 span.spinner-border.spinner-border-sm { margin-right: 5px; } .gShop-calander .v3dp__datepicker .form-control[readonly] { background-color: transparent; } .position-relative.gShop-calander .v3dp__datepicker { position: relative; z-index: 9; } .custom-tooltip { position: absolute; top: 45%; right: 14px; transform: translateY(-50%); z-index: 9999999; } .custom-tooltip:after { content: ""; position: absolute; background-color: #353a4b; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; width: 265px; color: #fff; line-height: 1.5; text-align: center; font-size: 0.875rem; border-radius: 0.25rem; top: auto; transform: translateX(-50%); left: 50%; opacity: 0; transition: opacity 0.15s linear; padding: 10px 15px 10px; bottom: 25px; } .custom-tooltip:hover:after { content: "We need a delivery phone number to help our florist partners and delivery drivers successfully deliver your gift. Your recipient may receive a call to clarify delivery location or let them know their gift has arrived!"; } .custom-tooltip:hover:after { opacity: 1; } .custom-tooltip i.fas.fa-caret-down { color: #353a4b; position: absolute; font-size: 18px; opacity: 0; top: -9px; transition: opacity 0.15s linear; } .custom-tooltip:hover i.fas.fa-caret-down { opacity: 1; } .theme-outline-btn { padding: 12px 5px; border: 1px solid #36adb4; background: #d9f6f5; height: 48px; font-size: 16px; line-height: 22px; text-align: center; color: #36adb4; transition: all ease 0.3s; text-decoration: none; position: relative; overflow: hidden; border-radius: 30px; width: 100%; display: inline-block; } .theme-outline-btn:hover { background-color: #46cac2; color: #243040; } .mt-7 { margin-top: 15px; } .fgc-signed h2 { font-size: 70px; color: #fff; margin-bottom: 0; font-weight: 400; line-height: 70px; } .modal-dialog.fgc-dialog { max-width: 700px; } .modal-dialog.fgc-dialog .gt-md-modal-content { padding: 50px 50px 50px; } .modal-dialog.fgc-dialog .modal-radio-block .radio-label { font-weight: 400; padding: 15px 15px; padding-left: 45px; } .gt-md-modal-content .fgcContent h2 { margin-bottom: 30px; font-size: 24px; } .gt-md-modal-content .fgcContent { max-width: 570px; margin-bottom: 35px; margin-left: auto; margin-right: auto; } .modal-dialog.fgc-dialog .modal-radio-block { padding: 0; } .modal-dialog.fgc-dialog .modal-radio-block .radio-label .checkmark { top: 50%; left: 15px; transform: translateY(-50%); } .modal.fgcModals { background-color: #ffffffde; } .modal.fgcModals.gt-md-modal .modal-dialog { margin-top: 10%; } .fgcCopy { background: #f7f7f6; margin-bottom: 30px; margin-left: -50px; margin-right: -50px; padding: 45px 15px; } .fgcCopyInner { width: 100%; max-width: 540px; margin-left: auto; margin-right: auto; display: grid; grid-template-columns: auto 75px; align-items: center; background: #ffffff; border: 1px solid #e9eaeb; border-radius: 4px; padding: 12px 10px; padding-right: 20px; } .fgcCopyInner input { border: 0; } .fgcCopyInner input:focus { outline: none; } .fgcCopyInner button { color: #36adb4; background-color: transparent; border: 0; font-weight: 500; text-align: right; } .green-notification { background: #e6fdfc; border-radius: 4px; margin-top: 0; padding: 15px; width: 100%; margin-right: 30px; margin-bottom: 20px; } .green-notification .flex-grow-1 { margin-left: 12px; } .green-notification .flex-grow-1 p { font-weight: 400; font-size: 13px; margin-bottom: 0; letter-spacing: 0.15px; line-height: 16px; color: #484d5dcc; } .green-notification .flex-shrink-0 svg { width: 24px; height: 24px; position: relative; top: -3px; } .ftd-suggestions-dropdown { position: absolute; background-color: #100000; border-radius: 4px; top: 95px; left: 0; right: 0; z-index: 2; box-shadow: 0px 4px 10px rgb(30 36 55 / 10%); } .ftd-suggestions-dropdown .ftd-suggestions-dropdown-item { border-bottom: 1px solid #a5a7af; padding: 6px 15px; font-size: 16px; background-color: #fff; font-family: "Modern Era TRIAL"; font-weight: 500; border-left: 1px solid #a5a7af; border-right: 1px solid #a5a7af; cursor: pointer; } .ftd-suggestions-dropdown .ftd-suggestions-dropdown-item:first-child { border-top: 1px solid #a5a7af; border-top-left-radius: 4px; border-top-right-radius: 4px; } .ftd-suggestions-dropdown .ftd-suggestions-dropdown-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .ftd-suggestions-dropdown .ftd-suggestions-dropdown-item:hover { background-color: #f7f7f7; } div#trackMain[data-groupcard="True"] .mt-tm-sidebar.closedDate { padding-top: 385px; } .error-text a { color: #36adb4; font-weight: 500; } .tyn-image-group { margin-bottom: 15px; } .tyn-image-group img { width: 100%; margin-bottom: 15px; } .tyn-image-group .delete-image { position: absolute; right: 12px; top: 8px; } .empty-error { color: red; font-size: 13px; font-weight: 400; } ul.caccordions-links.refunded-list li { display: block; margin: 0; margin-bottom: 10px; border-bottom: 1px solid #e9e9e9; padding-bottom: 5px; } ul.caccordions-links.refunded-list li span { width: 100%; display: inline-block; max-width: 170px; } .set-value { position: relative; background: #ffffff; border: 1px solid #dee2e6; border-radius: 4px; width: 158px; height: 52px; margin: 25px auto 15px; overflow: hidden; } .set-value span { background: linear-gradient(0deg, #f8f8f8, #f8f8f8), #ffffff; border-right: 1px solid #dee2e6; border-radius: 4px 0px 0px 4px; width: 65px; position: absolute; top: 0; left: 0; bottom: 0; font-size: 16px; line-height: 28px; color: #787c87; display: flex; justify-content: center; align-items: center; } .set-value input.form-control { border: 0; padding-left: 80px; height: 100%; } .set-value input.form-control::placeholder { color: #b7bcc1 !important; opacity: 1; } .set-value input.form-control:-ms-input-placeholder { color: #b7bcc1 !important; } .set-value input.form-control::-ms-input-placeholder { color: #b7bcc1 !important; } .verify-modal-body { max-width: 400px; margin-left: auto; margin-right: auto; padding-bottom: 30px; padding-top: 20px; } .verify-modal-step01 { padding-top: 40px; } div#full-screen-preview.modal { overflow: visible !important; position: absolute; height: 100%; } .modal-dialog.thank-you-modal.hideCreatoMate { text-align: center; max-width: 580px; } .thank-you-modal.hideCreatoMate .creatomate { display: none !important; } .thank-you-modal.hideCreatoMate .send-ty.thankyou-border-right { border-right: 0; } .thank-you-modal.hideCreatoMate .col-md-6.send-ty { flex: 0 0 100%; max-width: 100%; } .thank-you-modal.hideCreatoMate .col-md-6.send-ty p { margin-bottom: 15px; margin-top: 15px; } .thank-you-modal.hideCreatoMate .ty-left-content .theme-btn-lite { margin-bottom: 10px; } .carousel-counter { font-weight: 700; font-size: 16px; line-height: 24px; text-align: center; margin: 20px 0; } .cp-edit-message { box-shadow: 0px 6px 38px 0px rgba(0, 0, 0, 0.14); background-color: #fff; overflow: hidden; border-radius: 10px; } .cp-edit-message h2 { text-align: center; margin: 0; font-size: 20px; padding: 16px 0; margin-bottom: 5px; padding-top: 30px; } .cp-edit-footer { padding: 20px 30px; margin-bottom: 12px; } .cp-edit-buttons { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 18px; } .cp-edit-main { padding-left: 25px; padding: 20px; border: 1px solid #a5a7af; border-radius: 6px; width: calc(100% - 60px); margin-left: auto; margin-right: auto; min-height: 225px; overflow: hidden; } .cp-edit-main [contenteditable] { min-height: 180px; } .invitation-loading { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #ffffff; padding: 20px; border-radius: 6px; } .animation-div { animation: pulse-bg 2s infinite; } @keyframes pulse-bg { 0% { background-color: #d3d3d3; } 50% { background-color: #e5e5e5; } 100% { background-color: #d3d3d3; } } .iloading-msg { height: 30px; border-radius: 2px; margin-bottom: 20px; } .iloading-msg.iloading-msg-title { max-width: 40%; } .iloading-msg.iloading-msg-decs { height: 115px; max-width: 90%; } .modalIframe .modalIframeInner { max-width: 510px; margin-left: auto; margin-right: auto; position: relative; } .modalIframe { width: 100%; height: auto; } .modalIframe .gc-booklet { width: 100%; height: auto; } body.iframe-backgroup { background-color: transparent; } .preview-overflow { overflow: visible !important; } .preview-bg.preview-mode { background-color: #7fe2dc; } .cp-preview { height: calc(100vh - 120px); position: relative; } .preview-carousel { height: 665px; } .preview-carousel .carousel-inner, .preview-carousel .carousel-inner .carousel-item { height: 100%; } .preview-carousel .carousel-inner { border-radius: 24px; border: 1px solid #fff; overflow: hidden; box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.08); background-color: #fff; } .preview-carousel .carousel-inner .carousel-item iframe.iframeScale { height: 100%; position: absolute; width: 100%; bottom: 0; top: 0; left: 0; right: 0; } .preview-carousel ol.carousel-indicators { margin: 0; margin-bottom: -40px; } .preview-carousel .carousel-indicators li { width: 10px; border-radius: 15px; height: 10px; background-color: transparent; border: 1.5px solid #1e2437; opacity: 1; } .preview-carousel .carousel-indicators li.active { background-color: #1e2437; } h2.preview-title { position: absolute; left: 0; top: 45px; font-size: 28px; } .cp-preview button.carousel-control-next { right: -50px; background-color: transparent; border: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE4IDMwIiBmaWxsPSJub25lIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMgMjdMMTUgMTVMMyAzIiBzdHJva2U9IiMxRTI0MzciIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9zdmc+); width: 34px; height: 34px; background-size: contain; background-repeat: no-repeat; background-position: center; padding: 0; } .cp-preview button.carousel-control-prev { left: -50px; background-color: transparent; border: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE4IDMwIiBmaWxsPSJub25lIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1IDNMMyAxNUwxNSAyNyIgc3Ryb2tlPSIjMUUyNDM3IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==); width: 34px; height: 34px; background-size: contain; background-repeat: no-repeat; background-position: center; padding: 0; } .cp-preview .cp-overlay-trigger { position: absolute; height: 100%; width: 100%; background-color: transparent; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; } .gc-last-page-footer h6 { margin-bottom: 0; font-size: 13px; margin-top: 5px; color: rgba(30, 36, 55, 0.45); } .preloader-inner .max-165 { max-width: 165px; } .preloader-inner .height-310 { height: 310px !important; } .preloader-inner .fgc-pl { padding-left: 15px; } .loader-dialogue.fgc-pad { padding: 35px 18px 35px !important; } /* New Setup improvements */ .theme-bg { background-color: #7fe2dc; } .setup-fetch { max-width: 360px; margin: 0 auto; position: -webkit-sticky; position: sticky; z-index: 10; margin-top: 150px; top: 166px; } .setup-fetch .loader-image { max-width: 100%; margin-bottom: 20px; height: 390px; object-fit: contain; } .setup-fetch .setup-fetch-content { border-radius: 8px; background: #fff; padding: 30px; } .setup-fetch .setup-fetch-content p { color: #000; font-size: 24px; font-weight: 500; line-height: 26px; margin-bottom: 0; } .setup-fetch .setup-fetch-content.promotion-text p { font-size: 20px; font-weight: 400; line-height: 28px; margin-bottom: 8px; } .setup-fetch .setup-fetch-content.promotion-text p small { line-height: 24px; display: block; } .setup-fetch .setup-fetch-content svg { position: absolute; top: -33px; right: 50px; } .auth-flag, .auth-flag-keep { border-radius: 4px; background-color: #e6fdfc; padding: 10px 15px; margin-bottom: 25px; position: relative; } .auth-flag svg, .auth-flag-keep svg { position: absolute; left: 15px; top: 14px; } .auth-flag p, .auth-flag-keep p { color: #1e2437; font-size: 14px; font-weight: 400; letter-spacing: 0.15px; margin: 0; padding-left: 60px; line-height: 18px; font-family: "Modern Era TRIAL"; } .auth-flag p a, .auth-flag-keep p a { color: #107b87; text-decoration: underline; font-weight: 600; font-family: "Modern Era TRIAL"; } .auth-flag.au-flag::after, .auth-flag-keep.au-flag-keep::after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Flag-Australia.svg); width: 45px; height: 22px; position: absolute; top: 15px; left: 16px; border-radius: 2px; background-size: 100% 100%; } .auth-flag.us-flag::after, .auth-flag-keep.us-flag-keep::after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Flag-USA.svg); width: 45px; height: 22px; position: absolute; top: 15px; left: 16px; border-radius: 2px; background-size: 100% 100%; } .setup-progress { padding: 30px 0px; padding-bottom: 10px; position: fixed; width: 50%; top: 0; background-color: #fff; z-index: 9; text-align: center; left: 0; } .setup-progress .progress.progress-bar { float: none; max-width: 410px; } .setup-progress-logo { margin-bottom: 30px; } .setup-progress .progress { position: relative; overflow: visible; } .setup-progress .progress .progress-bar { overflow: visible; position: relative; border-radius: 8px; } .setup-progress .progress .progress-bar:after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/SmileySocialCircle.svg); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; position: absolute; right: -15px; top: -6px; z-index: 9; } .setup-progress .progress .progress-bar.remove-bar:after { display: none; } .setup-signin { padding: 32px 40px; padding-bottom: 30px; position: fixed; width: 50%; top: 0; background-color: transparent; z-index: 9; text-align: center; right: 0; } .setup-signin.header-gray { background-color: #f7f7f6; } .step-heading i { color: #a5a7af; cursor: pointer; } .preview-tab-content.max-450 { max-width: 455px; } .mt-groupCard-tooltip { position: absolute; left: -285px; border-radius: 8px; background: #353a4b; width: 275px; display: none; z-index: 99; padding: 20px; top: 50%; transform: translateY(-50%); } .mt-groupCard-tooltip:after { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjUgOUwtMS43NjkzNGUtMDYgMTcuNjYwM0wtMS4wMTIyNGUtMDYgMC4zMzk3NDVMNy41IDlaIiBmaWxsPSIjMzUzQTRCIi8+Cjwvc3ZnPgo=); position: absolute; right: -9px; top: 50%; width: 10px; height: 22px; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); } .mt-groupCard-tooltip p { color: #fff; font-size: 16px; } .mt-groupCard-tooltip .theme-btn-lite { padding: 11px 0; max-width: 108px; margin-top: 15px; } .mt-groupCard .gc-booklet-inner .gc-container-inner div.mt-groupCard-title.mt-overflow-visible { overflow: visible; } .mt-groupCard-title.mt-overflow-visible .mt-groupCard-tooltip { font-family: "Modern Era TRIAL"; letter-spacing: 0; text-shadow: none; color: #fff; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px !important; text-transform: none !important; } .auth-flag.us-flag::after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Flag-USA.svg); width: 45px; height: 22px; position: absolute; top: 15px; left: 16px; border-radius: 2px; background-size: 100% 100%; } .auth-flag.globe-flag::after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/auth-globe.png); width: 45px; height: 45px; position: absolute; top: 50%; left: 16px; border-radius: 2px; background-size: 100% 100%; transform: translateY(-50%); } .auth-flag { display: none; } .cropper-modal .modal-dialog .modal-content .modal-header { justify-content: center; padding: 15px 30px; border-bottom: 1px solid #dee2e6; } .cropper-modal .modal-dialog .modal-content .modal-header .modal-close { border: 0; background-color: transparent; position: absolute; padding: 0; right: 20px; transform: translateY(-50%); top: 50%; } .cropper-body .croppie-container .cr-slider-wrap:before { content: "Zoom & reposition your image to get the perfect crop."; color: #999da6; font-size: 16px; position: relative; top: -12px; } .cropper-footer .outline-btn-dark { width: 100%; padding: 8px 5px; background: rgba(30, 36, 55, 0.09); border-radius: 30px; display: inline-block; font-size: 14px; text-align: center; color: #1e2437; transition: all ease 0.3s; text-decoration: none; position: relative; overflow: hidden; border: 0; font-family: "Modern Era TRIAL"; } .cropper-footer .outline-btn-lite { width: 100%; padding: 8px 5px; background: #d9f6f5; border-radius: 30px; display: inline-block; font-size: 14px; text-align: center; color: #1e2437; transition: all ease 0.3s; text-decoration: none; position: relative; overflow: hidden; border: 0; font-family: "Modern Era TRIAL"; } .cropper-footer .outline-btn-lite { padding: 12px 5px; border: 1px solid #36adb4; background: #d9f6f5; height: 48px; font-size: 16px; line-height: 18px; text-align: center; color: #36adb4; } .cropper-footer .outline-btn-dark { padding: 12px 5px; border: 1px solid #1e2437; background: rgba(30, 36, 55, 0.09); height: 48px; font-size: 16px; line-height: 18px; text-align: center; color: #1e2437; } .cropper-footer .theme-btn-lite { padding: 12px 5px; height: 48px; font-size: 16px; line-height: 18px; text-align: center; } .cropper-footer .outline-btn-dark:hover, .cropper-footer .outline-btn-lite:hover { opacity: 0.7; } .cropper-footer .outline-btn-lite { border: 1px solid #36adb4; outline: none !important; } .cropper-body .croppie-container .cr-slider-wrap { width: 100%; position: relative; margin: 30px auto; } .cropper-body .croppie-container .cr-slider-wrap .cr-slider { width: 100%; } .cropper-body input[type="range"] { height: 25px; -webkit-appearance: none; margin: 5px 0; width: 100%; } .cropper-footer { padding: 40px; padding-top: 15px; } .cropper-body .croppie-container .cr-boundary { border-radius: 4px; max-width: 470px; margin: 15px auto; } .cropper-modal .modal-dialog .modal-content .modal-header .modal-title { font-family: "Modern Era TRIAL"; font-weight: 500; font-size: 20px; line-height: 28px; } .cropper-footer .row { margin-right: -5px; margin-left: -5px; } .cropper-footer .col-4 { padding-left: 5px; padding-right: 5px; } .cropper-body input[type="range"]:focus { outline: none; } .cropper-body input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #e4e5e7; border-radius: 1px; border: 0px solid #000000; } .cropper-body input[type="range"]::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000; border: 1px solid #7fe2dc; height: 20px; width: 20px; border-radius: 25px; background: #7fe2dc; cursor: pointer; -webkit-appearance: none; margin-top: -7px; } .cropper-body input[type="range"]:focus::-webkit-slider-runnable-track { background: #e4e5e7; } .cropper-body input[type="range"]::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #e4e5e7; border-radius: 1px; border: 0px solid #000000; } .cropper-body input[type="range"]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000; border: 1px solid #7fe2dc; height: 20px; width: 20px; border-radius: 25px; background: #7fe2dc; cursor: pointer; } .cropper-body input[type="range"]::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } .cropper-body input[type="range"]::-ms-fill-lower { background: #e4e5e7; border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; } .cropper-body input[type="range"]::-ms-fill-upper { background: #e4e5e7; border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; } .cropper-body input[type="range"]::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 0px #000000; border: 1px solid #7fe2dc; height: 20px; width: 20px; border-radius: 25px; background: #7fe2dc; cursor: pointer; } .cropper-body input[type="range"]:focus::-ms-fill-lower { background: #e4e5e7; } .cropper-body input[type="range"]:focus::-ms-fill-upper { background: #e4e5e7; } .modal-dialog.cropper-modal { margin-top: 50px !important; } .modal-dialog.cropper-modal .modal-body.cropper-body { padding-top: 15px; padding-bottom: 15px; } .modal .modal-dialog.cropper-modal .modal-content { min-height: calc(100vh - 50px); } div#description, div#mainHeading { letter-spacing: 0px !important; line-height: normal !important; } .aspect-ratio-wrapper { width: 100%; position: relative; } .aspect-ratio-wrapper:before { content: ""; display: block; padding-top: 141.67%; } .aspect-ratio-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .invitationDiv-preview-img { background-size: cover; background-position: center; width: 100%; height: 100%; } .filters-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: calc(100% - 15px); height: 100%; background: rgba(255, 255, 255, 0.86); z-index: 999; justify-content: center; align-items: center; display: none; } .filters-loader .filters-loader-spinner { width: 50px; height: 50px; border-radius: 50%; background: conic-gradient(#0000 10%, #36adb4); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0); animation: s3 1s infinite linear; } @keyframes s3 { to { transform: rotate(1turn); } } .occasion-type-filters .owl-stage { display: flex; flex-wrap: wrap; } .occasion-type-filters .owl-stage .owl-item.change-order { order: -1; } .preview-tab-content.max-540 { box-shadow: none !important; } .preview-tab-content.max-540 .mt-tm-card .mt-card-cover { box-shadow: 0px 12px 25px 0px rgba(0, 0, 0, 0.07); } .cp-edit-footer label.custom-control-label.custom-switch-label { color: #4b505f; } .cp-edit-footer-inner p { color: #787c87; font-size: 14px; line-height: 18px; margin-top: 10px; margin-bottom: 20px; } .cp-edit-successstate { padding: 38px; text-align: center; } .cp-edit-successstate p { color: #787c87; font-size: 13px; line-height: 18px; margin-bottom: 18px; } .cp-edit-successstate h3 { color: #1e2437; font-size: 22px; margin-bottom: 15px; } .custom-switch-label.pt-c { padding-top: 2px; } .loader-dialogue.w-540 p a { text-decoration: underline; color: rgba(30, 36, 55, 0.6); } .loader-dialogue.w-540 p a:hover { color: #36adb4; } .loader-dialogue.w-540 p.dark-color { color: #212529; } .invite-friends-error .warning-error { width: 100%; margin-right: 0; margin-top: 15px; margin-bottom: 15px; text-align: left; } .invite-friends-error .warning-error .flex-grow-1 { margin-left: 8px; } .invite-friends-error .warning-error .flex-grow-1 h4 { font-size: 16px; line-height: 20px; } .invite-friends-error .warning-error .flex-grow-1 p { font-size: 14px; letter-spacing: 0.15px; line-height: 20px; color: #1e2437; } .invite-friends-error .warning-error .flex-grow-1 p a { color: #1e2437; font-weight: 700; } .invite-friends-error .warning-error .flex-grow-1 p a:hover { border-bottom: 1px solid; } .setup-fetch p small { font-size: 16px; } .question-mark-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDBDMy42IDAgMCAzLjYgMCA4QzAgMTIuNCAzLjYgMTYgOCAxNkMxMi40IDE2IDE2IDEyLjQgMTYgOEMxNiAzLjYgMTIuNCAwIDggMFpNOCAxM0M3LjQgMTMgNyAxMi42IDcgMTJDNyAxMS40IDcuNCAxMSA4IDExQzguNiAxMSA5IDExLjQgOSAxMkM5IDEyLjYgOC42IDEzIDggMTNaTTkuNSA4LjRDOSA4LjcgOSA4LjggOSA5VjEwSDdWOUM3IDcuNyA3LjggNy4xIDguNCA2LjdDOC45IDYuNCA5IDYuMyA5IDZDOSA1LjQgOC42IDUgOCA1QzcuNiA1IDcuMyA1LjIgNy4xIDUuNUw2LjYgNi40TDQuOSA1LjRMNS40IDQuNUM1LjkgMy42IDYuOSAzIDggM0M5LjcgMyAxMSA0LjMgMTEgNkMxMSA3LjQgMTAuMSA4IDkuNSA4LjRaIiBmaWxsPSIjMUUyNDM3IiBmaWxsLW9wYWNpdHk9IjAuNCIvPg0KPC9zdmc+DQo=); width: 16px; height: 16px; background-size: contain; display: inline-block; position: relative; top: 3px; margin-left: 4px; cursor: pointer; } .gt-switch.mmw-switch { margin: 0; padding: 18px 15px 20px; } textarea.form-control.mmw-textarea { resize: none; } .message-length span.select2-selection.select2-selection--single { border: 0px solid #a5a7af; height: auto; } .message-length .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: normal; padding-left: 0; padding-right: 0; } .message-length .select2-container--default .select2-selection--single .select2-selection__arrow { height: auto; width: 5px; top: 10px; } .select2-dropdown.mmw-length-dropdown { border-radius: 8px; background: #fff; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15); border: 0; padding: 0; min-width: 250px; border: 0; } .select2-dropdown.mmw-length-dropdown .select2-results__option { padding: 5px 8px; border-bottom: 0; } .select2-dropdown.mmw-length-dropdown .select2-results__option:hover { background-color: #e5f8f7; } .select2-dropdown.mmw-length-dropdown .select2-results > .select2-results__options { max-height: 230px; box-shadow: none; height: 100%; padding: 8px; border-radius: 8px; } .select2-dropdown.mmw-length-dropdown .select2-results__option { border-radius: 4px !important; } .mmw-modal-main { padding: 0 !important; } .mmmw-trigger { background: #e6fdfc; border-radius: 4px; padding: 12px 15px 12px 40px; font-size: 14px; letter-spacing: 0.15px; padding-left: 80px; margin: 0 auto; animation: none !important; margin-top: 18px; } .mmmw-trigger img { width: 55px; position: absolute; bottom: 0; left: 5px; } .mmmw-trigger.inspiration-text .mmw-go { padding: 7px 15px; border-radius: 40px; background: #36adb4; color: #fff; text-align: center; font-size: 14px; font-weight: 500; line-height: 16px; text-decoration: none; display: inline-block; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); } .mmw-modal-main { background-color: #7fe2dccc; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-notification { background-color: #e6fdfc; border-radius: 4px; position: relative; padding: 10px 15px 10px 88px; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-notification img { position: absolute; bottom: 0; left: 10px; width: 60px; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .sign-from { padding: 10px 20px; border-bottom: 1px solid #e8e9eb; margin-bottom: 0; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .sign-from:last-child { padding: 10px 20px; border-bottom: 0px solid #e8e9eb; margin-bottom: 0; } .mmw-modal-main .mmw-modal .modal-content .modal-footer { border-top: 0; grid-template-columns: 130px 1fr; display: grid; justify-content: center; padding: 20px; grid-column-gap: 15px; } .mmw-modal-main .mmw-modal { max-width: 415px; margin-top: 0; margin-bottom: 0; padding: 40px 0; } .mmw-modal-main .mmw-modal .modal-content .mmw-header { justify-content: center; padding: 15px 30px; border-color: #dee2e6; position: relative; border-bottom: 0; padding-top: 20px; padding-bottom: 20px; } .mmw-modal-main .mmw-modal .modal-content .mmw-header .btn-close { box-sizing: content-box; color: #000; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDEuNDFMMTIuNTkgMEw3IDUuNTlMMS40MSAwTDAgMS40MUw1LjU5IDdMMCAxMi41OUwxLjQxIDE0TDcgOC40MUwxMi41OSAxNEwxNCAxMi41OUw4LjQxIDdMMTQgMS40MVoiIGZpbGw9IiMxRjI0MzYiLz4KPC9zdmc+Cg==); border: 0; border-radius: 0.375rem; position: absolute; right: 25px; top: 25px; transform: none; opacity: 1; padding: 0; margin: 0; width: 16px; height: 16px; background-size: contain; background-color: transparent; } .mmw-modal-main .modal-dialog .modal-content .modal-header .modal-title { font-weight: 500; font-size: 18px; line-height: 24px; text-align: center; font-size: 1.25rem !important; } .mmw-modal-main .mmw-modal .modal-content .modal-body { padding: 0 20px 0 20px; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form { border: 1px solid #e8e9eb; border-radius: 4px; margin-top: 18px; margin-bottom: 0; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-notification p { font-size: 12px; margin-bottom: 0; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .sign-from label { font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 5px; color: #1e2437; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .sign-from .form-control { border: 0; border-radius: 0; padding: 0; height: auto; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .radio-button-group { display: flex; flex-wrap: wrap; column-gap: 5px; row-gap: 5px; margin-top: 5px; margin-bottom: 10px; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .radio-button-group .radio-button { position: absolute; width: 1px; height: 1px; opacity: 0; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .radio-button-group .radio-button + label { padding: 5px 15px; cursor: pointer; border: 1px solid #36adb4; color: #36adb4; background-color: #d9f6f5; display: block; text-align: center; font-weight: 400; border-radius: 30px; transition: background-color 0.3s ease; margin: 0; line-height: normal; font-style: normal; font-size: 14px; font-weight: 400; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .radio-button-group .radio-button + label:hover { background-color: #36adb4; color: #fff; } .mmw-modal-main .mmw-modal .modal-content .modal-body .mmw-form .radio-button-group .radio-button:checked + label { background-color: #36adb4; color: #fff; } .gt-switch { margin-top: 15px; margin-bottom: 10px; } .gt-switch .form-switch { display: flex; align-items: center; } .gt-switch .form-switch label { color: rgba(30, 36, 55, 0.8); font-size: 16px; font-weight: 500; margin-bottom: 0; position: relative; top: 2px; cursor: pointer; padding-left: 35px; } .gt-switch .form-switch .form-check-input { background-color: #e4e8f2; height: 24px; width: 42px; border-color: transparent; margin-right: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+); box-shadow: inset 0 0 10px #d4d4d4bf; background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; margin-top: 0.25em; vertical-align: top; background-repeat: no-repeat; background-size: contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .gt-switch .form-switch .form-check-input:checked { background-position: right center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+); background-color: #36adb4; box-shadow: none; } .gt-switch .form-switch .form-check-input:focus { box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.2); } .form-group label > span { color: #a5a7af; font-weight: 300; } .mmw-modal-main .mmw-modal .modal-content { -webkit-box-shadow: 0px 9px 22px 0px rgba(30, 36, 55, 0.1); -moz-box-shadow: 0px 9px 22px 0px rgba(30, 36, 55, 0.1); box-shadow: 0 9px 22px #1e24371a; border-radius: 15px; height: 100%; padding-bottom: 0; border: 0; display: block; background: #ffffff; } .radio-button-group .sign-from { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin-top: 10px; } .radio-button-group .sign-from .form-control { padding: 0 !important; resize: none; } .form-control.collection-desc.pb-5 { padding-bottom: 20px !important; } .invite-friends-error .warning-error { width: 100%; margin-right: 0; margin-top: 15px; margin-bottom: 15px; text-align: left; } .invite-friends-error .warning-error .flex-grow-1 { margin-left: 8px; } .invite-friends-error .warning-error .flex-grow-1 h4 { font-size: 16px; line-height: 20px; } .invite-friends-error .warning-error .flex-grow-1 p { font-size: 14px; letter-spacing: 0.15px; line-height: 20px; color: #1e2437; } .invite-friends-error .warning-error .flex-grow-1 p a { color: #1e2437; font-weight: 700; } .invite-friends-error .warning-error .flex-grow-1 p a:hover { border-bottom: 1px solid; } .setup-fetch p small { font-size: 16px; } .question-mark-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDBDMy42IDAgMCAzLjYgMCA4QzAgMTIuNCAzLjYgMTYgOCAxNkMxMi40IDE2IDE2IDEyLjQgMTYgOEMxNiAzLjYgMTIuNCAwIDggMFpNOCAxM0M3LjQgMTMgNyAxMi42IDcgMTJDNyAxMS40IDcuNCAxMSA4IDExQzguNiAxMSA5IDExLjQgOSAxMkM5IDEyLjYgOC42IDEzIDggMTNaTTkuNSA4LjRDOSA4LjcgOSA4LjggOSA5VjEwSDdWOUM3IDcuNyA3LjggNy4xIDguNCA2LjdDOC45IDYuNCA5IDYuMyA5IDZDOSA1LjQgOC42IDUgOCA1QzcuNiA1IDcuMyA1LjIgNy4xIDUuNUw2LjYgNi40TDQuOSA1LjRMNS40IDQuNUM1LjkgMy42IDYuOSAzIDggM0M5LjcgMyAxMSA0LjMgMTEgNkMxMSA3LjQgMTAuMSA4IDkuNSA4LjRaIiBmaWxsPSIjMUUyNDM3IiBmaWxsLW9wYWNpdHk9IjAuNCIvPg0KPC9zdmc+DQo=); width: 16px; height: 16px; background-size: contain; display: inline-block; position: relative; top: 3px; margin-left: 4px; } .gt-switch.mmw-switch { margin: 0; padding: 18px 15px 20px; } textarea.form-control.mmw-textarea { resize: none; } .message-length span.select2-selection.select2-selection--single { border: 0px solid #a5a7af; height: auto; } .message-length .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: normal; padding-left: 0; padding-right: 0; } .message-length .select2-container--default .select2-selection--single .select2-selection__arrow { height: auto; width: 5px; top: 10px; } .mmmw-control { display: grid; grid-template-columns: 85px 25px auto; align-items: center; padding-top: 10px; padding-bottom: 5px; } .mmmw-control .revert-btn { color: #36adb4; background-color: transparent; font-size: 16px; font-style: normal; font-weight: 500; border: 0; display: flex; align-items: center; padding: 0; } .mmmw-control .revert-btn svg { margin-right: 5px; width: 20px; height: 20px; } .mmmw-control span.dot { color: rgba(30, 36, 55, 0.4); font-size: 16px; font-style: normal; font-weight: 500; padding-right: 10px; text-align: center; } .mmmw-control .imporve-dropdown .imporve-btn { color: #36adb4; background-color: transparent; font-size: 16px; font-style: normal; font-weight: 500; border: 0; padding: 0; position: relative; } .mmmw-control .imporve-dropdown .imporve-btn::after { border: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMjMwNSAwLjc2OTQ3MkMxMC41ODkyIDEuMTI4MTIgMTAuNTg5MiAxLjcwOTU5IDEwLjIzMDUgMi4wNjgyNEw2LjE0ODkgNi4xNDk4N0M1Ljc5MDI1IDYuNTA4NTIgNS4yMDg3NyA2LjUwODUyIDQuODUwMTMgNi4xNDk4N0wwLjc2ODQ5NiAyLjA2ODI0QzAuNDA5ODUxIDEuNzA5NTkgMC40MDk4NTEgMS4xMjgxMiAwLjc2ODQ5NiAwLjc2OTQ3MkMxLjEyNzE0IDAuNDEwODI3IDEuNzA4NjIgMC40MTA4MjcgMi4wNjcyNiAwLjc2OTQ3Mkw1LjQ5OTUxIDQuMjAxNzJMOC45MzE3NiAwLjc2OTQ3MkM5LjI5MDQxIDAuNDEwODI3IDkuODcxODggMC40MTA4MjcgMTAuMjMwNSAwLjc2OTQ3MloiIGZpbGw9IiMzNkFEQjQiLz4KPC9zdmc+Cg==); width: 12px; background-size: contain; height: 100%; background-repeat: no-repeat; position: absolute; top: 1px; right: -22px; bottom: 0; background-position: center; } .mmmw-control .imporve-dropdown .dropdown-menu { border-radius: 8px; background: #fff; box-shadow: -2px 10px 19px 0px rgba(0, 0, 0, 0.09); border: 0; padding: 10px; min-width: 250px; } .mmmw-control .imporve-dropdown .dropdown-menu .dropdown-item { color: #4b505f; font-size: 16px; font-style: normal; font-weight: 400; padding: 0px 12px; border-radius: 4px; height: 40px; display: flex; align-items: center; text-shadow: -0.2px -0.2px 0 transparent, 0.2px 0.2px transparent; } .mmmw-control .imporve-dropdown .dropdown-menu .dropdown-item:hover { background: #faf9f9; color: #36adb4; text-shadow: -0.2px -0.2px 0 #36adb4, 0.2px 0.2px #36adb4; } .mmmw-control button:focus { outline: none !important; } .generating-msg-loader .spinner { width: 38px; height: 38px; border-radius: 50%; border: 5px solid #36adb4; animation: spinner-bulqg1 0.8s infinite linear alternate, spinner-oaa3wk 1.6s infinite linear; } @keyframes spinner-bulqg1 { 0% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); } 12.5% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%); } 50% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); } 62.5% { clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); } 75% { clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%); } 100% { clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%); } } @keyframes spinner-oaa3wk { 0% { transform: scaleY(1) rotate(0deg); } 49.99% { transform: scaleY(1) rotate(135deg); } 50% { transform: scaleY(-1) rotate(0deg); } 100% { transform: scaleY(-1) rotate(-135deg); } } .generating-msg-loader { text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; left: 0; right: 0; background-color: #fff; height: 100%; z-index: 9; } .generating-msg-loader p { color: #36adb4; font-size: 16px; font-style: normal; font-weight: 500; margin-top: 10px; margin-bottom: 0; } .invitation-fetch-notification { background-color: #e6fdfc; border-radius: 8px; padding: 8px 20px; margin-bottom: 18px; padding-left: 75px; line-height: 18px; } .invitation-fetch-notification p { font-size: 12px; margin-bottom: 0; color: #1e2437; } .invitation-fetch-notification p a { font-size: 12px; color: #1e2437; font-weight: 700; } .invitation-fetch-notification img { position: absolute; height: 65px; bottom: 0; left: 0; } .invite-link { border: 1px solid #a5a7af; background-color: #fff; border-radius: 8px; height: 56px; padding: 14px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; padding-right: 45px; z-index: 1; } .invite-link .copy-invite-link { position: absolute; right: 8px; top: 50%; background-color: transparent; border: 0; transform: translateY(-50%); cursor: pointer; z-index: 9; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjc1IDIuMzMzMDFIMTAuODc1QzkuNTQ1ODMgMi4zMzMwMSA4LjQ1ODMzIDMuMzgzMDEgOC40NTgzMyA0LjY2NjM0VjE4LjY2NjNDOC40NTgzMyAxOS45NDk3IDkuNTQ1ODMgMjAuOTk5NyAxMC44NzUgMjAuOTk5N0gyMS43NUMyMy4wNzkyIDIwLjk5OTcgMjQuMTY2NyAxOS45NDk3IDI0LjE2NjcgMTguNjY2M1Y0LjY2NjM0QzI0LjE2NjcgMy4zODMwMSAyMy4wNzkyIDIuMzMzMDEgMjEuNzUgMi4zMzMwMVpNMjEuNzUgMTguNjY2M0gxMC44NzVWNC42NjYzNEgyMS43NVYxOC42NjYzWk0zLjYyNSAxNy40OTk3VjE1LjE2NjNINi4wNDE2N1YxNy40OTk3SDMuNjI1Wk0zLjYyNSAxMS4wODNINi4wNDE2N1YxMy40MTYzSDMuNjI1VjExLjA4M1pNMTIuMDgzMyAyMy4zMzNIMTQuNVYyNS42NjYzSDEyLjA4MzNWMjMuMzMzWk0zLjYyNSAyMS41ODNWMTkuMjQ5N0g2LjA0MTY3VjIxLjU4M0gzLjYyNVpNNi4wNDE2NyAyNS42NjYzQzQuNzEyNSAyNS42NjYzIDMuNjI1IDI0LjYxNjMgMy42MjUgMjMuMzMzSDYuMDQxNjdWMjUuNjY2M1pNMTAuMjcwOCAyNS42NjYzSDcuODU0MTdWMjMuMzMzSDEwLjI3MDhWMjUuNjY2M1pNMTYuMzEyNSAyNS42NjYzVjIzLjMzM0gxOC43MjkyQzE4LjcyOTIgMjQuNjE2MyAxNy42NDE3IDI1LjY2NjMgMTYuMzEyNSAyNS42NjYzWk02LjA0MTY3IDYuOTk5NjdWOS4zMzMwMUgzLjYyNUMzLjYyNSA4LjA0OTY3IDQuNzEyNSA2Ljk5OTY3IDYuMDQxNjcgNi45OTk2N1oiIGZpbGw9IiMzNkFEQjQiLz4KPC9zdmc+Cg==); width: 28px; height: 28px; background-repeat: no-repeat; background-position: center; background-size: contain; } .invite-link .copy-invite-link:focus { outline: none; } .sidebar-block-tNm { background-color: #ffffff; border-radius: 8px; padding: 25px; margin-bottom: 15px; box-shadow: 0px 0px 48px 0px rgba(30, 36, 55, 0.05); } .sidebar-block-header { display: grid; grid-template-columns: auto 126px; grid-column-gap: 15px; align-items: center; } .sidebar-block-header h3 { font-size: 20px; margin-bottom: 0; position: relative; padding-left: 32px; } .sidebar-block-header h3:after { content: ""; width: 24px; height: 22px; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: contain; } .sidebar-block-header .yg-icon::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDIxVjE5QzE3IDE3LjkzOTEgMTYuNTc4NiAxNi45MjE3IDE1LjgyODQgMTYuMTcxNkMxNS4wNzgzIDE1LjQyMTQgMTQuMDYwOSAxNSAxMyAxNUg1QzMuOTM5MTMgMTUgMi45MjE3MiAxNS40MjE0IDIuMTcxNTcgMTYuMTcxNkMxLjQyMTQzIDE2LjkyMTcgMSAxNy45MzkxIDEgMTlWMjEiIHN0cm9rZT0iIzFFMjQzNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkgMTFDMTEuMjA5MSAxMSAxMyA5LjIwOTE0IDEzIDdDMTMgNC43OTA4NiAxMS4yMDkxIDMgOSAzQzYuNzkwODYgMyA1IDQuNzkwODYgNSA3QzUgOS4yMDkxNCA2Ljc5MDg2IDExIDkgMTFaIiBzdHJva2U9IiMxRTI0MzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMyAyMC45OTk5VjE4Ljk5OTlDMjIuOTk5MyAxOC4xMTM2IDIyLjcwNDQgMTcuMjUyNyAyMi4xNjE0IDE2LjU1MjJDMjEuNjE4NCAxNS44NTE3IDIwLjg1ODEgMTUuMzUxNSAyMCAxNS4xMjk5IiBzdHJva2U9IiMxRTI0MzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNiAzLjEyOTg4QzE2Ljg2MDQgMy4zNTAxOCAxNy42MjMgMy44NTA1OCAxOC4xNjc2IDQuNTUyMTlDMTguNzEyMiA1LjI1MzggMTkuMDA3OCA2LjExNjcxIDE5LjAwNzggNy4wMDQ4OEMxOS4wMDc4IDcuODkzMDUgMTguNzEyMiA4Ljc1NTk2IDE4LjE2NzYgOS40NTc1N0MxNy42MjMgMTAuMTU5MiAxNi44NjA0IDEwLjY1OTYgMTYgMTAuODc5OSIgc3Ryb2tlPSIjMUUyNDM3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .sidebar-block-header .set-icon::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI2NzFfNDI1MzIpIj4KPHBhdGggZD0iTTEyIDE1QzEzLjY1NjkgMTUgMTUgMTMuNjU2OSAxNSAxMkMxNSAxMC4zNDMxIDEzLjY1NjkgOSAxMiA5QzEwLjM0MzEgOSA5IDEwLjM0MzEgOSAxMkM5IDEzLjY1NjkgMTAuMzQzMSAxNSAxMiAxNVoiIHN0cm9rZT0iIzFFMjQzNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjQgMTVDMTkuMjY2OSAxNS4zMDE2IDE5LjIyNzIgMTUuNjM2MiAxOS4yODYgMTUuOTYwNkMxOS4zNDQ4IDE2LjI4NSAxOS40OTk1IDE2LjU4NDMgMTkuNzMgMTYuODJMMTkuNzkgMTYuODhDMTkuOTc2IDE3LjA2NTcgMjAuMTIzNSAxNy4yODYzIDIwLjIyNDEgMTcuNTI5MUMyMC4zMjQ4IDE3Ljc3MTkgMjAuMzc2NiAxOC4wMzIyIDIwLjM3NjYgMTguMjk1QzIwLjM3NjYgMTguNTU3OCAyMC4zMjQ4IDE4LjgxODEgMjAuMjI0MSAxOS4wNjA5QzIwLjEyMzUgMTkuMzAzNyAxOS45NzYgMTkuNTI0MyAxOS43OSAxOS43MUMxOS42MDQzIDE5Ljg5NiAxOS4zODM3IDIwLjA0MzUgMTkuMTQwOSAyMC4xNDQxQzE4Ljg5ODEgMjAuMjQ0OCAxOC42Mzc4IDIwLjI5NjYgMTguMzc1IDIwLjI5NjZDMTguMTEyMiAyMC4yOTY2IDE3Ljg1MTkgMjAuMjQ0OCAxNy42MDkxIDIwLjE0NDFDMTcuMzY2MyAyMC4wNDM1IDE3LjE0NTcgMTkuODk2IDE2Ljk2IDE5LjcxTDE2LjkgMTkuNjVDMTYuNjY0MyAxOS40MTk1IDE2LjM2NSAxOS4yNjQ4IDE2LjA0MDYgMTkuMjA2QzE1LjcxNjIgMTkuMTQ3MiAxNS4zODE2IDE5LjE4NjkgMTUuMDggMTkuMzJDMTQuNzg0MiAxOS40NDY4IDE0LjUzMiAxOS42NTcyIDE0LjM1NDMgMTkuOTI1NUMxNC4xNzY2IDIwLjE5MzggMTQuMDgxMyAyMC41MDgyIDE0LjA4IDIwLjgzVjIxQzE0LjA4IDIxLjUzMDQgMTMuODY5MyAyMi4wMzkxIDEzLjQ5NDIgMjIuNDE0MkMxMy4xMTkxIDIyLjc4OTMgMTIuNjEwNCAyMyAxMi4wOCAyM0MxMS41NDk2IDIzIDExLjA0MDkgMjIuNzg5MyAxMC42NjU4IDIyLjQxNDJDMTAuMjkwNyAyMi4wMzkxIDEwLjA4IDIxLjUzMDQgMTAuMDggMjFWMjAuOTFDMTAuMDcyMyAyMC41NzkgOS45NjUxMiAyMC4yNTggOS43NzI1MSAxOS45ODg3QzkuNTc5OSAxOS43MTk0IDkuMzEwNzQgMTkuNTE0MyA5IDE5LjRDOC42OTgzOCAxOS4yNjY5IDguMzYzODEgMTkuMjI3MiA4LjAzOTQxIDE5LjI4NkM3LjcxNTAyIDE5LjM0NDggNy40MTU2OCAxOS40OTk1IDcuMTggMTkuNzNMNy4xMiAxOS43OUM2LjkzNDI1IDE5Ljk3NiA2LjcxMzY4IDIwLjEyMzUgNi40NzA4OCAyMC4yMjQxQzYuMjI4MDggMjAuMzI0OCA1Ljk2NzgzIDIwLjM3NjYgNS43MDUgMjAuMzc2NkM1LjQ0MjE3IDIwLjM3NjYgNS4xODE5MiAyMC4zMjQ4IDQuOTM5MTIgMjAuMjI0MUM0LjY5NjMyIDIwLjEyMzUgNC40NzU3NSAxOS45NzYgNC4yOSAxOS43OUM0LjEwNDA1IDE5LjYwNDMgMy45NTY1MyAxOS4zODM3IDMuODU1ODggMTkuMTQwOUMzLjc1NTIzIDE4Ljg5ODEgMy43MDM0MyAxOC42Mzc4IDMuNzAzNDMgMTguMzc1QzMuNzAzNDMgMTguMTEyMiAzLjc1NTIzIDE3Ljg1MTkgMy44NTU4OCAxNy42MDkxQzMuOTU2NTMgMTcuMzY2MyA0LjEwNDA1IDE3LjE0NTcgNC4yOSAxNi45Nkw0LjM1IDE2LjlDNC41ODA1NCAxNi42NjQzIDQuNzM1MTkgMTYuMzY1IDQuNzk0IDE2LjA0MDZDNC44NTI4MiAxNS43MTYyIDQuODEzMTIgMTUuMzgxNiA0LjY4IDE1LjA4QzQuNTUzMjQgMTQuNzg0MiA0LjM0Mjc2IDE0LjUzMiA0LjA3NDQ3IDE0LjM1NDNDMy44MDYxOCAxNC4xNzY2IDMuNDkxNzkgMTQuMDgxMyAzLjE3IDE0LjA4SDNDMi40Njk1NyAxNC4wOCAxLjk2MDg2IDEzLjg2OTMgMS41ODU3OSAxMy40OTQyQzEuMjEwNzEgMTMuMTE5MSAxIDEyLjYxMDQgMSAxMi4wOEMxIDExLjU0OTYgMS4yMTA3MSAxMS4wNDA5IDEuNTg1NzkgMTAuNjY1OEMxLjk2MDg2IDEwLjI5MDcgMi40Njk1NyAxMC4wOCAzIDEwLjA4SDMuMDlDMy40MjA5OSAxMC4wNzIzIDMuNzQyIDkuOTY1MTIgNC4wMTEzIDkuNzcyNTFDNC4yODA1OSA5LjU3OTkgNC40ODU3MiA5LjMxMDc0IDQuNiA5QzQuNzMzMTIgOC42OTgzOCA0Ljc3MjgyIDguMzYzODEgNC43MTQgOC4wMzk0MUM0LjY1NTE5IDcuNzE1MDIgNC41MDA1NCA3LjQxNTY4IDQuMjcgNy4xOEw0LjIxIDcuMTJDNC4wMjQwNSA2LjkzNDI1IDMuODc2NTMgNi43MTM2OCAzLjc3NTg4IDYuNDcwODhDMy42NzUyMyA2LjIyODA4IDMuNjIzNDMgNS45Njc4MyAzLjYyMzQzIDUuNzA1QzMuNjIzNDMgNS40NDIxNyAzLjY3NTIzIDUuMTgxOTIgMy43NzU4OCA0LjkzOTEyQzMuODc2NTMgNC42OTYzMiA0LjAyNDA1IDQuNDc1NzUgNC4yMSA0LjI5QzQuMzk1NzUgNC4xMDQwNSA0LjYxNjMyIDMuOTU2NTMgNC44NTkxMiAzLjg1NTg4QzUuMTAxOTIgMy43NTUyMyA1LjM2MjE3IDMuNzAzNDMgNS42MjUgMy43MDM0M0M1Ljg4NzgzIDMuNzAzNDMgNi4xNDgwOCAzLjc1NTIzIDYuMzkwODggMy44NTU4OEM2LjYzMzY4IDMuOTU2NTMgNi44NTQyNSA0LjEwNDA1IDcuMDQgNC4yOUw3LjEgNC4zNUM3LjMzNTY4IDQuNTgwNTQgNy42MzUwMiA0LjczNTE5IDcuOTU5NDEgNC43OTRDOC4yODM4MSA0Ljg1MjgyIDguNjE4MzggNC44MTMxMiA4LjkyIDQuNjhIOUM5LjI5NTc3IDQuNTUzMjQgOS41NDgwMiA0LjM0Mjc2IDkuNzI1NjkgNC4wNzQ0N0M5LjkwMzM3IDMuODA2MTggOS45OTg3MiAzLjQ5MTc5IDEwIDMuMTdWM0MxMCAyLjQ2OTU3IDEwLjIxMDcgMS45NjA4NiAxMC41ODU4IDEuNTg1NzlDMTAuOTYwOSAxLjIxMDcxIDExLjQ2OTYgMSAxMiAxQzEyLjUzMDQgMSAxMy4wMzkxIDEuMjEwNzEgMTMuNDE0MiAxLjU4NTc5QzEzLjc4OTMgMS45NjA4NiAxNCAyLjQ2OTU3IDE0IDNWMy4wOUMxNC4wMDEzIDMuNDExNzkgMTQuMDk2NiAzLjcyNjE4IDE0LjI3NDMgMy45OTQ0N0MxNC40NTIgNC4yNjI3NiAxNC43MDQyIDQuNDczMjQgMTUgNC42QzE1LjMwMTYgNC43MzMxMiAxNS42MzYyIDQuNzcyODIgMTUuOTYwNiA0LjcxNEMxNi4yODUgNC42NTUxOSAxNi41ODQzIDQuNTAwNTQgMTYuODIgNC4yN0wxNi44OCA0LjIxQzE3LjA2NTcgNC4wMjQwNSAxNy4yODYzIDMuODc2NTMgMTcuNTI5MSAzLjc3NTg4QzE3Ljc3MTkgMy42NzUyMyAxOC4wMzIyIDMuNjIzNDMgMTguMjk1IDMuNjIzNDNDMTguNTU3OCAzLjYyMzQzIDE4LjgxODEgMy42NzUyMyAxOS4wNjA5IDMuNzc1ODhDMTkuMzAzNyAzLjg3NjUzIDE5LjUyNDMgNC4wMjQwNSAxOS43MSA0LjIxQzE5Ljg5NiA0LjM5NTc1IDIwLjA0MzUgNC42MTYzMiAyMC4xNDQxIDQuODU5MTJDMjAuMjQ0OCA1LjEwMTkyIDIwLjI5NjYgNS4zNjIxNyAyMC4yOTY2IDUuNjI1QzIwLjI5NjYgNS44ODc4MyAyMC4yNDQ4IDYuMTQ4MDggMjAuMTQ0MSA2LjM5MDg4QzIwLjA0MzUgNi42MzM2OCAxOS44OTYgNi44NTQyNSAxOS43MSA3LjA0TDE5LjY1IDcuMUMxOS40MTk1IDcuMzM1NjggMTkuMjY0OCA3LjYzNTAyIDE5LjIwNiA3Ljk1OTQxQzE5LjE0NzIgOC4yODM4MSAxOS4xODY5IDguNjE4MzggMTkuMzIgOC45MlY5QzE5LjQ0NjggOS4yOTU3NyAxOS42NTcyIDkuNTQ4MDIgMTkuOTI1NSA5LjcyNTY5QzIwLjE5MzggOS45MDMzNyAyMC41MDgyIDkuOTk4NzIgMjAuODMgMTBIMjFDMjEuNTMwNCAxMCAyMi4wMzkxIDEwLjIxMDcgMjIuNDE0MiAxMC41ODU4QzIyLjc4OTMgMTAuOTYwOSAyMyAxMS40Njk2IDIzIDEyQzIzIDEyLjUzMDQgMjIuNzg5MyAxMy4wMzkxIDIyLjQxNDIgMTMuNDE0MkMyMi4wMzkxIDEzLjc4OTMgMjEuNTMwNCAxNCAyMSAxNEgyMC45MUMyMC41ODgyIDE0LjAwMTMgMjAuMjczOCAxNC4wOTY2IDIwLjAwNTUgMTQuMjc0M0MxOS43MzcyIDE0LjQ1MiAxOS41MjY4IDE0LjcwNDIgMTkuNCAxNVYxNVoiIHN0cm9rZT0iIzFFMjQzNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNjcxXzQyNTMyIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); } .sidebar-block-body ul { padding: 0; margin: 0; list-style-type: none; } .sidebar-block-body ul li { font-size: 20px; color: #787c87; } .sidebar-block-body ul li span { color: #1e2437; } .sidebar-block-header .theme-btn-lite { padding: 8px 10px; } .setting-grid h6 { color: #787c87; margin-bottom: 2px; } .setting-grid p { color: #787c87; margin-bottom: 0; } .setting-grid { margin-bottom: 15px; } .setting-grid:last-child { margin-bottom: 0; } .card-delivery-status { margin-top: 20px; padding-bottom: 45px; } .card-delivery-status .cds-bar::after { content: ""; background-color: #f3f6f6; height: 8px; border-radius: 8px; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .card-delivery-status .cds-bar p { color: #b0b4c1; font-size: 14px; } .cds-left, .cds-dot-left { position: absolute; left: 0; top: 18px; } .cds-center, .cds-dot-center { position: absolute; left: 0; right: 0; top: 18px; text-align: center; } .cds-right, .cds-dot-right { position: absolute; right: 0; top: 18px; } .card-delivery-status.scheduled .cds-status-text, .card-delivery-status.delivered .cds-status-text, .card-delivery-status.opened .cds-status-text { color: #3dc26f !important; font-size: 15px !important; } .card-delivery-status .cds-status-dot { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIyLjI1QzE3LjY2MDkgMjIuMjUgMjIuMjUgMTcuNjYwOSAyMi4yNSAxMkMyMi4yNSA2LjMzOTA4IDE3LjY2MDkgMS43NSAxMiAxLjc1QzYuMzM5MDggMS43NSAxLjc1IDYuMzM5MDggMS43NSAxMkMxLjc1IDE3LjY2MDkgNi4zMzkwOCAyMi4yNSAxMiAyMi4yNVoiIGZpbGw9IiM3RkUyREMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41Ii8+CjxwYXRoIGQ9Ik0xMS45ODU3IDE5LjIwNDRDOS41NjEwMyAxOS4yMDQ0IDcuMjcxMDcgMTguMDI0NCA1Ljg1OTM4IDE2LjA1MDVMNy4xNzQwOCAxNS4xMTEyQzguMjgyMjQgMTYuNjYzIDEwLjA4MTkgMTcuNTg3OSAxMS45ODU3IDE3LjU4NzlDMTMuODg5NSAxNy41ODc5IDE1LjY4OTEgMTYuNjYxMiAxNi43OTczIDE1LjEwOTRMMTguMTEyIDE2LjA0ODdDMTYuNzAyMSAxOC4wMjQ0IDE0LjQxMjIgMTkuMjA0NCAxMS45ODU3IDE5LjIwNDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); width: 24px; height: 24px; top: -8px; background-size: contain; z-index: 1; margin-left: auto; margin-right: auto; } .card-delivery-status .cds-dot { width: 14px; height: 14px; top: -3px; background-color: #7fe2dc; z-index: 1; margin-left: auto; margin-right: auto; border-radius: 100%; } .card-delivery-status.not-delivered .cds-status-text { color: #efa25a !important; font-size: 15px !important; } .card-delivery-status.not-delivered .cds-status-dot { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIyLjI1QzE3LjY2MDkgMjIuMjUgMjIuMjUgMTcuNjYwOSAyMi4yNSAxMkMyMi4yNSA2LjMzOTA4IDE3LjY2MDkgMS43NSAxMiAxLjc1QzYuMzM5MDggMS43NSAxLjc1IDYuMzM5MDggMS43NSAxMkMxLjc1IDE3LjY2MDkgNi4zMzkwOCAyMi4yNSAxMiAyMi4yNVoiIGZpbGw9IiNFRkEyNUEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41Ii8+CjxwYXRoIGQ9Ik0xMiAyMkMxNy41MjI4IDIyIDIyIDE3LjUyMjggMjIgMTJDMjIgNi40NzcxNSAxNy41MjI4IDIgMTIgMkM2LjQ3NzE1IDIgMiA2LjQ3NzE1IDIgMTJDMiAxNy41MjI4IDYuNDc3MTUgMjIgMTIgMjJaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgOFYxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDE2SDEyLjAxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .card-delivery-status.delivered .cds-bar::before, .card-delivery-status.not-delivered .cds-bar::before { background-color: #7fe2dc; right: auto; width: 50%; content: ""; height: 8px; border-radius: 8px; position: absolute; top: 0; left: 0; z-index: 1; } .card-delivery-status.opened .cds-bar::before { background-color: #7fe2dc; right: auto; width: 100%; content: ""; height: 8px; border-radius: 8px; position: absolute; top: 0; left: 0; z-index: 1; } .modal-backdrop { background-color: #7fe2dce5 !important; } .modal-backdrop.show { opacity: 0 !important; } .modal.show { background-color: #7fe2dce5 !important; } div#imageCropperContainer { z-index: 99999999 !important; } .pgc-calendar .v3dp__heading { position: relative; } .pgc-calendar .v3dp__heading .v3dp__heading__button { position: relative; } .pgc-select .select2-container .select2-selection--single { height: 56px; } .pgc-select .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 56px; padding-left: 15px; } .pgc-select .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #7fe2dc transparent transparent transparent; border-width: 7px 7px 0 7px; border-radius: 40px; position: static; } .pgc-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #7fe2dc transparent; border-width: 0 7px 7px 7px; border-radius: 40px; } .pgc-allbits-modal .form-control { max-width: 100%; width: 100%; } .invitation-fetch-notification.tm-fetch img { height: 84px; left: 3px; } .invitation-fetch-notification.tm-fetch p { font-size: 16px; line-height: 22px; letter-spacing: 0.15px; } .invitation-fetch-notification.tm-fetch { padding: 12px 20px; padding-left: 95px; margin-top: 28px; } .pgc-delete-btns { display: grid; grid-template-columns: 150px 230px; grid-column-gap: 10px; margin-top: 20px; } .form-control.collection-desc.edit-modal-pgc { max-width: 400px; background: #ffffff; border: 1px solid #a5a7af; border-radius: 8px; min-height: 140px; padding: 15px 18px !important; } .mt-tm-sidebar.typeCnC { padding-top: 370px; } .mt-tm-sidebar.typeCnC.typeCnCClosed { padding-top: 350px; } .mt-tm-sidebar.typeCO { padding-top: 370px; } .mt-tm-sidebar.typeCO.typeCOClosed { padding-top: 270px; } .mt-tm-sidebar.typePGC { padding-top: 460px; } .mt-tm-sidebar.typePGC.typePGCClosed { padding-top: 335px; } .mt-tm-sidebar.typeFGCG { padding-top: 455px; } .mt-tm-sidebar.typeFGCG.typeFGCGClosed { padding-top: 350px; } .mt-tm-sidebar.typeFGC { padding-top: 460px; } .mt-tm-sidebar.typeFGC.typeFGClosed { padding-top: 330px; } .mt-tm-sidebar.type10 { padding-top: 450px; } .mt-tm-sidebar.type10.type10Closed { padding-top: 350px; } .mt-tm-sidebar.typeCoPay { padding-top: 375px; } .mt-tm-sidebar.typeCoPay.typeCoPayClosed { padding-top: 330px; } .mt-tm-sidebar.typePGC.typePGCAnyCard { padding-top: 370px; } span.select2-dropdown.timezone-dropdown .select2-results__options { max-height: 300px; } #giphyModal .modal-dialog .modal-content .modal-header { justify-content: center; padding: 15px 30px; border-bottom: 1px solid #dee2e6; } #giphyModal .modal-content .modal-header .modal-title { font-family: "Modern Era TRIAL"; font-weight: 500; font-size: 18px; line-height: 24px; } #giphyModal .modal-dialog .modal-content .modal-header .modal-close { border: 0; background-color: transparent; position: absolute; padding: 0; right: 20px; transform: translateY(-50%); top: 50%; } .ready-fetch-button { background-color: #e6fdfc; border-radius: 4px; padding: 8px; display: grid; grid-template-columns: 1fr 105px; align-items: center; padding-left: 56px; margin-top: 15px; padding-right: 12px; } .ready-fetch-button img { height: 43px; position: absolute; left: 5px; bottom: 0; } .ready-fetch-button p { margin: 0 !important; font-family: "Modern Era TRIAL"; color: #1e2437; font-weight: 500; letter-spacing: 0.15px; font-size: 13px; } .ready-fetch-button .theme-btn-lite { background-color: #36adb4; color: #ffffff; font-size: 14px; line-height: 16px; padding: 9px 0; width: 100%; font-weight: 500; } .ready-fetch-button .theme-btn-lite:hover { background-color: #46cac2; } .cs-fetch-loader { background: rgba(255, 255, 255, 0.95); position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 100px; } .cs-fetch-loader svg { height: auto; width: 200px; margin-bottom: 10px; } .cs-fetch-loader p { color: #000; font-size: 12px; font-style: normal; font-weight: 400; font-family: "Modern Era TRIAL"; } .cs-fetch-loader img { max-width: 240px; } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .dot1 { animation: blink 1s infinite; margin-left: 3px; } .dot2 { animation: blink 1s infinite; animation-delay: 0.2s; } .dot3 { animation: blink 1s infinite; animation-delay: 0.4s; } button.copy-invite-link.copied-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODUiIHZpZXdCb3g9IjAgMCA4NSA4NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjQ5OTQgMC40MTY5OTJDMTkuMjY5NCAwLjQxNjk5MiAwLjQxNjAxNiAxOS4yNzAzIDAuNDE2MDE2IDQyLjUwMDNDMC40MTYwMTYgNjUuNzMwMyAxOS4yNjk0IDg0LjU4MzcgNDIuNDk5NCA4NC41ODM3QzY1LjcyOTQgODQuNTgzNyA4NC41ODI3IDY1LjczMDMgODQuNTgyNyA0Mi41MDAzQzg0LjU4MjcgMTkuMjcwMyA2NS43Mjk0IDAuNDE2OTkyIDQyLjQ5OTQgMC40MTY5OTJaTTM0LjA4MjcgNjMuNTQyTDEzLjA0MSA0Mi41MDAzTDE4Ljk3NDggMzYuNTY2NkwzNC4wODI3IDUxLjYzMjRMNjYuMDIzOSAxOS42OTEyTDcxLjk1NzcgMjUuNjY3TDM0LjA4MjcgNjMuNTQyWiIgZmlsbD0iIzdGRTJEQyIvPgo8L3N2Zz4K); width: 25px; height: 25px; right: 10px; } .personalise-card-bg { background-color: #f7f7f6; } .personalise-card { padding-left: 20px; padding-right: 20px; padding-bottom: 50px; padding-top: 110px; position: -webkit-sticky; position: sticky; top: 0; max-width: 490px; margin: 0 auto; } .personalise-card h1 { font-weight: 500; font-size: 27px; color: #000000; } .personalise-card p { color: #494e5d; margin-bottom: 20px; } .personalise-card-preview { position: relative; max-width: 100%; width: 100%; padding-top: calc(636 / 450 * 100%); margin-left: auto; margin-right: auto; background-color: #dcdcdc; } .personalise-card-preview img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; box-shadow: 0px 6px 38px 0px rgba(0, 0, 0, 0.14); } .generic-checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .generic-checkbox label { position: relative; cursor: pointer; margin-bottom: 0; display: flex; align-items: center; color: #1e2437; font-weight: 400; } .generic-checkbox label:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 2px solid #cccccc; border-radius: 2px; padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 12px; width: 21px; height: 21px; padding: 0; } .generic-checkbox input:checked + label:before { background-color: #36adb4; border: 2px solid #36adb4; } .generic-checkbox input:checked + label:after { content: ""; display: block; position: absolute; top: 3px; left: 7px; width: 7px; height: 14px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .generic-checkbox { margin-top: 20px; } .product-price span { margin-top: 0px; display: inline-block; } .cp-gift-block { box-shadow: 0px 6px 38px 0px rgba(0, 0, 0, 0.14); background-color: #fff; padding: 25px; border-radius: 10px; } .cp-gift-block img { max-width: 250px; margin-right: 32px; display: block; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12); border-radius: 15px; } .cp-gift-info h5 { font-family: Recoleta; font-weight: 300; font-size: 34px; line-height: 36px; margin-bottom: 5px; } .preview-tab-content.max-600 { max-width: 600px !important; box-shadow: none !important; } .cp-gift-description { margin-top: 28px; } .cp-gift-description h2 { font-family: Recoleta; font-weight: 300; font-size: 24px; margin-bottom: 12px; } .cp-gift-description ul { list-style-type: none; } .cp-gift-description ul li { position: relative; padding-left: 15px; font-size: 14px; } .cp-gift-description ul li::before { font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: 900; font-size: 3px; position: absolute; top: 10px; left: 5px; } .cp-gift-info p { font-weight: 700; } .cp-download-receipt a { color: #36adb4; font-weight: 500; position: relative; } .cp-download-receipt { margin-top: 30px; } .cp-download-receipt a { display: flex; align-items: center; justify-content: center; } .cp-download-receipt a:hover { opacity: 0.8; } .cp-download-receipt .download-svg { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgMjNDMTcuODUxMyAyMyAyMyAxNy44NTEzIDIzIDExLjVDMjMgNS4xNDg3MyAxNy44NTEzIDAgMTEuNSAwQzUuMTQ4NzMgMCAwIDUuMTQ4NzMgMCAxMS41QzAgMTcuODUxMyA1LjE0ODczIDIzIDExLjUgMjNaIiBmaWxsPSIjMzZBREI0Ii8+CjxwYXRoIGQ9Ik0xNi4zNzUgMTMuMTI1VjE1LjI5MTdDMTYuMzc1IDE1LjU3OSAxNi4yNjA5IDE1Ljg1NDUgMTYuMDU3NyAxNi4wNTc3QzE1Ljg1NDUgMTYuMjYwOSAxNS41NzkgMTYuMzc1IDE1LjI5MTcgMTYuMzc1SDcuNzA4MzNDNy40MjEwMiAxNi4zNzUgNy4xNDU0NyAxNi4yNjA5IDYuOTQyMyAxNi4wNTc3QzYuNzM5MTQgMTUuODU0NSA2LjYyNSAxNS41NzkgNi42MjUgMTUuMjkxN1YxMy4xMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTguNzkxMDIgMTAuNDE2N0wxMS40OTkzIDEzLjEyNUwxNC4yMDc3IDEwLjQxNjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjUgMTMuMTI1VjYuNjI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); width: 23px; height: 23px; display: inline-block; background-repeat: no-repeat; background-size: contain; margin-right: 8px; } .cp-gift-description p { font-size: 14px; line-height: 22px; margin-bottom: 15px; } .cp-gift-description h4 { font-size: 20px; font-weight: 700; margin-bottom: 10px; margin-top: 30px; } .cp-gift-description .table { margin-bottom: 0; table-layout: fixed; } .cp-gift-description .table tr td { font-size: 14px; line-height: 26px; padding: 0 0px; word-wrap: break-word; } .cp-gift-info .cp-refund-status { background-color: #e45964; color: #fff; font-weight: 500; font-size: 14px; line-height: 18px; display: inline-block; padding: 5px 18px; border-radius: 30px; margin: 8px 0; } .cp-gift-info p.cp-refund-amount { color: #a5a7af; text-decoration: line-through; } .profile-section { background-color: #f7f7f6; } .grayout-edit-url { display: flex; align-items: center; padding: 0 15px; position: relative; overflow: hidden; height: 56px; max-width: 400px; background: #ffffff; border: 1px solid #a5a7af; box-sizing: border-box; border-radius: 8px; font-size: 16px; } .grayout-edit-url:focus { border-color: #7fe2dc; outline: 0; box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); } .domain-name { white-space: nowrap; transition: margin-left 0.1s ease; color: #999da6; margin-right: -3px; position: relative; z-index: 1; } .edit-domain-name { flex-grow: 1; border: none; outline: none; width: 1px; /* Start with the minimum width */ min-width: 50px; box-sizing: border-box; } .row.pgc-allbits-modal label { margin-bottom: 5px; } .unique-url .form-group p { line-height: 20px; font-size: 14px; color: #787c87; margin-top: 0px !important; margin-bottom: 12px !important; } .edit-url .edit-icon { font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; text-decoration: none; color: #36adb4; } .unique-url .edit-url::after { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuODc1IDE0SDMuNUMzLjc2MjUgMTQgMy45Mzc1IDEzLjkxMjUgNC4xMTI1IDEzLjczNzVMMTMuNzM3NSA0LjExMjVDMTQuMDg3NSAzLjc2MjUgMTQuMDg3NSAzLjIzNzUgMTMuNzM3NSAyLjg4NzVMMTEuMTEyNSAwLjI2MjVDMTAuNzYyNSAtMC4wODc1IDEwLjIzNzUgLTAuMDg3NSA5Ljg4NzUgMC4yNjI1TDAuMjYyNSA5Ljg4NzVDMC4wODc1IDEwLjA2MjUgMCAxMC4yMzc1IDAgMTAuNVYxMy4xMjVDMCAxMy42NSAwLjM1IDE0IDAuODc1IDE0Wk0xLjc1IDEwLjg1TDEwLjUgMi4xTDExLjkgMy41TDMuMTUgMTIuMjVIMS43NVYxMC44NVoiIGZpbGw9IiMzNkFEQjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=); position: absolute; left: 4px; top: 2px; width: 15px; height: 15px; background-repeat: no-repeat; background-size: contain; } .unique-url .edit-url { padding-left: 24px; } .delivery-history { margin-top: 20px; } .delivery-history-header h2 { color: #4b505f; font-size: 16px; font-weight: 700; } .delivery-history-header a { color: #36adb4; font-weight: 700; border-bottom: 1px solid transparent; } .delivery-history-header a:hover { border-bottom: 1px solid #36adb4; } .delivery-history-header { margin-bottom: 12px; } .delivery-history-status { border-bottom: 1px solid #e9eaeb; padding-bottom: 10px; margin-bottom: 10px; } .delivery-history-status:last-child { border-bottom: 1px solid transparent; padding-bottom: 0px; margin-bottom: 0px; } .delivery-history-status p { font-size: 14px; color: #787c87; } .status-opened { font-weight: 700 !important; color: #3dc26f !important; } .status-not-delivered { font-weight: 700 !important; color: #efa25a !important; } .gt-md-modal-content .delivery-stats-block { border-bottom: 1px solid #e9eaeb; padding-bottom: 15px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; column-gap: 15px; } .gt-md-modal-content .delivery-stats-block p { color: #1e2437; } .gt-md-modal-content .delivery-stats-block p span { margin-left: 5px; font-weight: 400; color: #787c87; } .gt-md-modal-content .modal-delivery-status-generic { background-color: #d9f6f5; color: #1f2534; font-size: 13px; padding: 4px 12px; border-radius: 30px; text-align: center; } .gt-md-modal-content .modal-delivery-status-not-deliverd { background-color: #fcedd3; color: #1f2534; font-size: 13px; padding: 4px 12px; border-radius: 30px; width: 100%; max-width: 155px; text-align: center; } .select-gift-block { background-color: #e6fdfc; padding: 12px; border-radius: 4px; overflow: hidden; padding-bottom: 10px; } .select-gift-fetch { position: relative; padding-left: 62px; padding-top: 18px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } .select-gift-fetch img { height: 55px; position: absolute; left: 0; bottom: -8px; } .select-gift-fetch p { font-size: 12px; line-height: 20px; } .select-gift-fetch a { font-size: 12px; font-weight: 700; line-height: 20px; color: #36adb4; text-decoration: underline; display: inline-block; position: relative; z-index: 2; } .select-gift-fetch a:hover { text-decoration: underline; opacity: 0.8; } .service-fee-text h5 { color: #36adb4 !important; } a.edit-card[disabled="true"], .navbar-nav .nav-link[disabled="true"] .mt-header-icons, .disable-btn { background-color: #c5c4c4 !important; pointer-events: none !important; } .edit-card.edit-pen-icon.tm-third-icon.disable-btn { pointer-events: auto !important; } .navbar-nav .nav-link[disabled="true"] { pointer-events: none !important; } .give-the-gift { background-color: #e6fdfc; border-radius: 4px; position: relative; padding: 18px 25px; } .give-the-gift h2 { font-size: 16px; font-weight: 700; margin-bottom: 12px; } .give-the-gift p { font-size: 14px; margin-bottom: 15px; } .give-the-gift-fetch img { height: 55px; position: absolute; left: 15px; bottom: 0; } .give-the-gift-fetch { padding-left: 55px; margin-top: 25px; } .give-the-gift-fetch a { font-size: 14px; font-weight: 700; line-height: 20px; color: #36adb4; text-decoration: underline; display: inline-block; position: relative; z-index: 2; } .give-the-gift-fetch a:hover { text-decoration: underline; opacity: 0.8; } .md-setting-buttons { position: relative; z-index: 1; margin-bottom: 20px; } .md-setting-buttons .row { margin-left: -5px; margin-right: -5px; } .md-setting-buttons .row > .col { padding-left: 5px; padding-right: 5px; } button:focus { outline: none !important; } .setup-progress .progress.progress-bar::before { content: ""; background: rgba(30, 36, 55, 0.2); position: absolute; left: 66.666%; height: 100%; width: 1px; } .setup-progress .progress.progress-bar::after { content: ""; background: rgba(30, 36, 55, 0.2); position: absolute; left: 33.333%; height: 100%; width: 1px; } .preview-tabs.thankyounote-block { max-width: 100%; margin: 0 !important; height: auto !important; padding: 40px 15px; background-color: #f7f7f6; min-height: 100vh; } .thankyounote-block .nav-tabs { position: relative; z-index: 10000000; justify-content: center; margin-bottom: 30px; } .preview-tabs.thankyounote-block .nav-tabs .nav-item .nav-link { background-color: transparent; } div#groupCardPreview .thankyou-tabs div#full-screen-preview .modal-dialog { position: relative; top: unset !important; left: unset !important; transform: none !important; width: 100%; min-height: unset; z-index: 9999; } div#groupCardPreview .thankyou-tabs div#full-screen-preview.modal { overflow: visible !important; position: static; height: auto; } .pgc-thankyounote-modal { position: relative; z-index: 999999999; } .pgc-thankyounote-modal .modal-dialog.thank-you-modal { max-width: 950px; } .pgc-thankyounote-modal .modal-dialog.thank-you-modal .modal-content { background: #ffffff; box-shadow: 0px 0px 48px rgba(30, 36, 55, 0.1); border-radius: 16px 16px 0px 0px; border: 0; padding: 0px 40px 40px; min-height: calc(100vh - 8vh); display: block; padding-bottom: 80px; } .send-thank-you-body { padding-top: 15px; } .sign-message-block .inspiration-text { position: relative; padding: 8px 15px; background: #e6fdfc; border-radius: 4px; padding-left: 40px; font-size: 14px; letter-spacing: 0.15px; margin-top: 20px; animation: none; width: calc(100% - 36px); margin-left: auto; margin-right: auto; } .sign-message-block .inspiration-text .inspiration-icon { position: absolute; top: 50%; transform: translateY(-65%); left: 12px; } .sign-message-block .inspiration-text a { color: #36adb4; font-weight: 700; } .sign-message-block hr { border-color: #e8e9eb; opacity: 1; margin-top: 15px; margin-bottom: 10px; width: 100%; margin-left: auto; margin-right: auto; } .sign-message-block .sign-from .form-control { border: 0; border-radius: 0; padding: 0; height: auto; } .sign-message-block .sign-from .form-control:focus { outline: 0; box-shadow: none; } .sign-message-block .inspiration-text .inspiration-icon span { position: absolute; top: 10px; left: 6px; } .blob { border-radius: 50%; height: 8px; width: 8px; transform: scale(1); background: transparent; box-shadow: 0 0 0 0 #36adb4; animation: pulse-red 2s infinite; } .uload-limit { font-size: 13px; line-height: 20px; text-align: center; color: #999da6; margin-bottom: 20px; } .send-thank-you-body .sign-file-upload { grid-template-columns: 1fr 45px 1fr; } .thankYou-note-preview { border: 1px solid #7fe2dc; border-radius: 4px; padding: 10px; text-align: center; } .thankYou-note-preview h1 { font-weight: 400; font-size: 54px; line-height: 76px; text-align: center; color: #1e2437; margin-bottom: 10px; margin-top: 30px; font-family: Recoleta; } .thankYou-note-preview .thankYou-message { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #1e2437; margin-bottom: 20px; min-height: 55px; padding: 10px; } .preview-block p { font-weight: 500; font-size: 16px; line-height: 24px; color: rgba(30, 36, 55, 0.8); margin-bottom: 3px; } .msg-group-dropdown.thankYou-dropdown { margin: 0; margin-top: 25px; } .msg-group-dropdown.thankYou-dropdown .dropdown-menu { padding: 10px; min-width: auto; max-width: 100%; width: 100%; margin-top: 5px; } .msg-group-dropdown.thankYou-dropdown .dropdown-menu .dropdown-item { padding: 10px 15px; } .sign-from select.form-control { width: 100%; margin-left: -4px; color: #495057; } .image-preview { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; } .image-preview .position-relative img { width: 100%; } img.preview-image { margin-top: 10px !important; } .image-preview .delete-image { position: absolute; right: 6px; top: 10px; cursor: pointer; } .image-preview .delete-image svg { width: 20px; top: 20px; } .suggestion-text-inner p { color: rgba(30, 36, 55, 0.6); font-weight: 500; } .suggestion-text-inner .suggestion-block { background-color: #f7f7f6; border-radius: 4px; padding: 15px 20px; margin-bottom: 15px; } .suggestion-text-inner .suggestion-block p { font-size: 14px; line-height: 20px; color: #1e2437; } .suggestion-text-inner .suggestion-block .theme-btn-lite { max-width: 110px; } .pgc-thankyounote-modal div#sendThankYouNote .gt-modal-close { right: 0 !important; } .thankyou-tabs .thankYou-tab-content { margin-top: 50px; background: transparent; position: relative; z-index: 9999; } .thankyou-tabs .thankYou-body { background: #ffffff; } body.modal-open.thank-you-body { overflow: visible; } .mt-gs-circle-position.else-circle { top: 30px; } .btn-20 { background-color: #bbeeea; } .btn-20:hover { background-color: #7fe2dc; } .gt-fees { background-color: #e6fdfc; padding: 0; font-size: 14px; border-radius: 4px; margin-top: -10px; margin-bottom: 15px; width: calc(100% - 10px); margin-left: auto; margin-right: auto; cursor: pointer; color: #1e2437; } .gt-fees h6 { font-size: 15px; font-weight: 600; margin-bottom: 0; padding: 15px; position: relative; } .gt-fees p a { color: #36adb4; font-weight: 700; text-decoration: underline; } :focus-visible { outline: none !important; } .gt-fees p { margin-bottom: 5px; } .gt-fees ul { margin-bottom: 0px; padding-left: 10px; margin-top: 6px; list-style-type: none; } .gt-fees ul li { position: relative; padding-left: 10px; line-height: 24px; } .gt-fees ul li::before { font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: 900; font-size: 3px; position: absolute; left: 0; top: 1px; } .gt-fees p a:hover { text-decoration: underline; opacity: 0.8; } .gt-fees h6:before { font-family: "Font Awesome 5 Free"; content: "\f078"; font-weight: 900; position: absolute; right: 17px; top: 17px; color: #1e2437; font-size: 12px; } .gt-fees h6[aria-expanded="true"]:before { transform: rotate(180deg); } .gt-fees .card-body { padding: 18px; padding-top: 0; } .select2-results__option--selected { background-color: #f0f0f0 !important; } .select2-results__option--highlighted { background-color: #f8f8f8 !important; } .select2-results__option--selected.select2-results__option--highlighted { background-color: #f0f0f0 !important; } .select2-search--dropdown .select2-search__field { outline: none; height: 46px; background: #ffffff; border: 1px solid #a5a7af; box-sizing: border-box; border-radius: 8px; font-size: 16px; padding: 0 15px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .select2-search--dropdown .select2-search__field:focus { color: #495057; background-color: #fff; border-color: #7fe2dc; outline: 0; box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); } .select2-search--dropdown { padding: 10px; } span.select2-dropdown.timeZone { max-width: 400px; box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.08); } span.select2-dropdown.timeZone.select2-dropdown--below { border-top: 1px solid #a5a7af; border-top-right-radius: 0; overflow: hidden; margin-top: -1px; } .select2-container--default .select2-dropdown.timeZone .select2-results > .select2-results__options { max-height: 355px; } .select2-dropdown.timeZone .select2-results__option { padding: 15px 25px; } .select2-dropdown.timeZone.timeZoneUS .select2-results__option { padding: 15px 15px; } .share-link { background: #ffffff; border: 1px solid #e8e8e8; border-radius: 10px; height: 44px; display: flex; align-items: center; padding: 0 15px; margin: 15px 0; position: relative; padding-right: 75px; margin-bottom: 25px; width: 100%; } .share-link input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; color: #1e2437; width: 100%; border: 0; } .share-link input:focus { outline: none; } .share-link button { font-family: "Modern Era TRIAL"; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; color: #36adb4; background-color: transparent; border: 0; right: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 75px; text-align: center; } .poc-radio span { color: #36adb4; font-weight: 500; } .poc-radio .custom-control-label::before { top: 15px; } .poc-radio .custom-control-label::after { top: 14px; } .poc-radio .custom-control-label { line-height: 22px; } .tooltip { z-index: 99999999 !important; } .tooltip-poc .question-mark-icon { position: absolute; right: 2px; top: 4px; } .xs-fetch { position: relative; background-color: #e6fdfc; border-radius: 4px; padding: 10px; padding-left: 50px; margin-top: 15px; display: none; } .xs-fetch img { height: 33px; position: absolute; left: 5px; bottom: 0; } .xs-fetch p { font-size: 12px; font-weight: 400; line-height: 18px; margin-bottom: 0; } .poc-add-gift { padding: 0 5px; margin-top: 30px; } .poc-add-main { padding-right: 198px; position: relative; } .poc-add-gift label { color: #1e2437; margin-bottom: 5px; } .poc-add-gift p { font-size: 12px; font-weight: 400; line-height: 18px; color: #1e2437; } .poc-add-gift img { max-width: 186px; width: 100%; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); margin-top: 3px; } .tooltip-inner.poc-tooltip { text-align: center !important; padding: 15px 15px; max-width: 270px; width: 270px !important; border-radius: 8px; } .poc-add-gift-inner .tooltip-poc { padding-right: 22px; } .mt-tm-cd-inner .row { justify-content: center; } .mt-tm-collection-detail .row .row { margin-left: 0; margin-right: 0; } .mt-tm-collection-detail .row .col-6, .mt-tm-collection-detail .row .col-12 { padding-left: 7px; padding-right: 7px; } .mt-tm-collection-detail { padding: 5px; } .modal-dialog.max-620 { max-width: 620px; } .mt-15vh { margin-top: 12vh !important; } .alert-triangle { background-color: #ffc373; height: 95px; width: 95px; border-radius: 100%; margin-left: auto; margin-right: auto; margin-bottom: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjU3ODggNi43NzI0N0wzLjEwOTIzIDI5Ljc1QzIuODEwOSAzMC4yNDE0IDIuNjUzMDUgMzAuNzk4NiAyLjY1MTM4IDMxLjM2NjFDMi42NDk3MSAzMS45MzM1IDIuODA0MjggMzIuNDkxNiAzLjA5OTcxIDMyLjk4NDZDMy4zOTUxNCAzMy40Nzc2IDMuODIxMTQgMzMuODg4NCA0LjMzNTMyIDM0LjE3NjJDNC44NDk0OSAzNC40NjQgNS40MzM5MyAzNC42MTg3IDYuMDMwNDggMzQuNjI1SDM0Ljk2OTZDMzUuNTY2MiAzNC42MTg3IDM2LjE1MDYgMzQuNDY0IDM2LjY2NDggMzQuMTc2MkMzNy4xNzkgMzMuODg4NCAzNy42MDUgMzMuNDc3NiAzNy45MDA0IDMyLjk4NDZDMzguMTk1OCAzMi40OTE2IDM4LjM1MDQgMzEuOTMzNSAzOC4zNDg3IDMxLjM2NjFDMzguMzQ3MSAzMC43OTg2IDM4LjE4OTIgMzAuMjQxNCAzNy44OTA5IDI5Ljc1TDIzLjQyMTMgNi43NzI0N0MyMy4xMTY4IDYuMjk0ODkgMjIuNjg4IDUuOTAwMDQgMjIuMTc2MyA1LjYyNkMyMS42NjQ2IDUuMzUxOTcgMjEuMDg3MyA1LjIwODAxIDIwLjUwMDEgNS4yMDgwMUMxOS45MTI4IDUuMjA4MDEgMTkuMzM1NSA1LjM1MTk3IDE4LjgyMzkgNS42MjZDMTguMzEyMiA1LjkwMDA0IDE3Ljg4MzQgNi4yOTQ4OSAxNy41Nzg4IDYuNzcyNDdWNi43NzI0N1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC41IDE1LjEyNVYyMS42MjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC41IDI4LjEyNUgyMC41MTcxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center; background-size: 40px; } .confirmation-modal-footer { display: flex; justify-content: center; grid-column-gap: 15px; margin-top: 25px; } .confirmation-modal-footer .theme-btn-dark { max-width: 175px; margin: 0; } .confirmation-modal-footer .theme-btn-lite { max-width: 130px; margin: 0; } .verify-modal-header h2 { font-family: Modern Era TRIAL; font-weight: 700; font-size: 24px; line-height: 24px; color: #1e2437; margin-top: 25px; } .verify-modal-body { max-width: 510px; margin: 0 auto; } .input-group-text.countryCode { border-radius: 10px; } .notification-banner { margin-bottom: 15px; margin-top: 10px; background-color: #fdecd2; border-radius: 4px; padding: 12px 20px; padding-left: 12px; } .notification-banner h5 { font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.09px; margin-bottom: 5px; } .notification-banner p { font-weight: 400; font-size: 12px; line-height: 143%; letter-spacing: 0.15px; margin-bottom: 10px; } .notification-banner .theme-btn-dark { padding: 8px 10px; max-width: 195px; } .notification-banner .notification-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEzMDFfNDM2MikiPgo8cGF0aCBkPSJNMTEgMTVIMTNWMTdIMTFWMTVaTTExIDdIMTNWMTNIMTFWN1pNMTEuOTkgMkM2LjQ3IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ3IDIyIDExLjk5IDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMS45OSAyWk0xMiAyMEM3LjU4IDIwIDQgMTYuNDIgNCAxMkM0IDcuNTggNy41OCA0IDEyIDRDMTYuNDIgNCAyMCA3LjU4IDIwIDEyQzIwIDE2LjQyIDE2LjQyIDIwIDEyIDIwWiIgZmlsbD0iI0Y5QTIyRSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEzMDFfNDM2MiI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; margin-right: 8px; } .modal-920 .modal-dialog { max-width: 930px; } .invitation-inner { max-width: 780px; margin: 0 auto; } .invitation-inner p { color: #787c87; margin-bottom: 40px; font-weight: 500; } .invitation-block { background-color: #f6f6f6; border-radius: 8px; padding: 20px; font-weight: 400; padding-bottom: 10px; } .invitation-inner .invitation-text { font-weight: 400; font-size: 14px; line-height: 21px; margin-bottom: 5px; } .invitation-inner .invitation-link { margin-bottom: 5px; font-size: 14px; font-weight: 700; line-height: 20px; color: #1e2437; } .share-step h6 { font-weight: 500; font-size: 16px; line-height: 24px; color: #1e2437cc; } .share-step { margin-bottom: 30px; } .button-copy-text { color: #36adb4; font-size: 14px; font-weight: 500; line-height: 20px; text-decoration-line: underline; text-decoration-style: solid; position: relative; background-color: transparent; border: 0; padding: 10px; padding-left: 26px; } .button-copy-text::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjc1IDIuMzMzMDFIMTAuODc1QzkuNTQ1ODMgMi4zMzMwMSA4LjQ1ODMzIDMuMzgzMDEgOC40NTgzMyA0LjY2NjM0VjE4LjY2NjNDOC40NTgzMyAxOS45NDk3IDkuNTQ1ODMgMjAuOTk5NyAxMC44NzUgMjAuOTk5N0gyMS43NUMyMy4wNzkyIDIwLjk5OTcgMjQuMTY2NyAxOS45NDk3IDI0LjE2NjcgMTguNjY2M1Y0LjY2NjM0QzI0LjE2NjcgMy4zODMwMSAyMy4wNzkyIDIuMzMzMDEgMjEuNzUgMi4zMzMwMVpNMjEuNzUgMTguNjY2M0gxMC44NzVWNC42NjYzNEgyMS43NVYxOC42NjYzWk0zLjYyNSAxNy40OTk3VjE1LjE2NjNINi4wNDE2N1YxNy40OTk3SDMuNjI1Wk0zLjYyNSAxMS4wODNINi4wNDE2N1YxMy40MTYzSDMuNjI1VjExLjA4M1pNMTIuMDgzMyAyMy4zMzNIMTQuNVYyNS42NjYzSDEyLjA4MzNWMjMuMzMzWk0zLjYyNSAyMS41ODNWMTkuMjQ5N0g2LjA0MTY3VjIxLjU4M0gzLjYyNVpNNi4wNDE2NyAyNS42NjYzQzQuNzEyNSAyNS42NjYzIDMuNjI1IDI0LjYxNjMgMy42MjUgMjMuMzMzSDYuMDQxNjdWMjUuNjY2M1pNMTAuMjcwOCAyNS42NjYzSDcuODU0MTdWMjMuMzMzSDEwLjI3MDhWMjUuNjY2M1pNMTYuMzEyNSAyNS42NjYzVjIzLjMzM0gxOC43MjkyQzE4LjcyOTIgMjQuNjE2MyAxNy42NDE3IDI1LjY2NjMgMTYuMzEyNSAyNS42NjYzWk02LjA0MTY3IDYuOTk5NjdWOS4zMzMwMUgzLjYyNUMzLjYyNSA4LjA0OTY3IDQuNzEyNSA2Ljk5OTY3IDYuMDQxNjcgNi45OTk2N1oiIGZpbGw9IiMzNkFEQjQiLz4KPC9zdmc+Cg==); width: 20px; height: 20px; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } button.button-copy-text.copied::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODUiIHZpZXdCb3g9IjAgMCA4NSA4NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjQ5OTQgMC40MTY5OTJDMTkuMjY5NCAwLjQxNjk5MiAwLjQxNjAxNiAxOS4yNzAzIDAuNDE2MDE2IDQyLjUwMDNDMC40MTYwMTYgNjUuNzMwMyAxOS4yNjk0IDg0LjU4MzcgNDIuNDk5NCA4NC41ODM3QzY1LjcyOTQgODQuNTgzNyA4NC41ODI3IDY1LjczMDMgODQuNTgyNyA0Mi41MDAzQzg0LjU4MjcgMTkuMjcwMyA2NS43Mjk0IDAuNDE2OTkyIDQyLjQ5OTQgMC40MTY5OTJaTTM0LjA4MjcgNjMuNTQyTDEzLjA0MSA0Mi41MDAzTDE4Ljk3NDggMzYuNTY2NkwzNC4wODI3IDUxLjYzMjRMNjYuMDIzOSAxOS42OTEyTDcxLjk1NzcgMjUuNjY3TDM0LjA4MjcgNjMuNTQyWiIgZmlsbD0iIzdGRTJEQyIvPgo8L3N2Zz4K); width: 18px; background-repeat: no-repeat; background-position: center; } .invitation-inner .row { margin-right: -30px; margin-left: -30px; } .invitation-inner .col-md-6 { padding-right: 30px; padding-left: 30px; } .card-preview { width: 293px; height: 416px; position: relative; margin: 0 auto; margin-bottom: 25px; margin-top: 15px; box-shadow: 8px 10px 19px 0px rgba(0, 0, 0, 0.09); overflow: hidden; } .sub-step-heading { color: #1e2437; font-family: "Modern Era TRIAL"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: 0.15px; margin-bottom: 10px; } .setup-pricing-dropdown { padding: 0 5px; display: inline-block; width: 100%; max-width: 110px; margin-top: 20px; } .setup-pricing-dropdown button.dropdown-toggle { border: 0; background-color: transparent; color: #999da6; font-family: "Modern Era TRIAL"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; text-decoration: underline; padding: 3px 0px; } .setup-pricing-dropdown button.dropdown-toggle::after { display: none !important; } .setup-pricing-dropdown .dropdown-menu { border-radius: 10px; background: #fff; box-shadow: 0px 14px 22px 0px rgba(0, 0, 0, 0.1); padding: 16px 20px; border: 0; margin-top: 5px; min-width: unset; width: 410px; max-width: 410px; left: 0; right: 0; } .setup-pricing-dropdown .dropdown-menu p { color: #1e2437; font-family: "Modern Era TRIAL"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 0; } .progress_steps .form-group { margin-bottom: 20px; } .form-group.occasion-next.mt-4 { margin-top: 28px !important; } .html-select .select2-results .select2-results__options .select2-results__option { color: #1e2437; font-family: "Modern Era TRIAL"; font-size: 16px; font-weight: 500; line-height: 18px; padding: 18px 15px; } .html-select .select2-results .select2-results__options .select2-results__option span.type-info { color: #999da6; font-family: "Modern Era TRIAL"; font-size: 13px; font-weight: 400; line-height: 17px; margin-top: 5px; } .select-group-html .select2-selection__rendered { color: #1e2437; font-family: "Modern Era TRIAL"; font-size: 16px; font-weight: 500; } .select-group-html .select2-selection__rendered { align-items: self-start !important; height: 100%; justify-content: center !important; flex-direction: column; } .select-group-html .select2-selection__rendered .type-info { font-weight: 400; font-size: 12px; color: #999da6; display: block; line-height: normal !important; } .select-group-html .select2-container .select2-selection--single { height: 66px; } .select-group-html .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 27px; padding-top: 11px; padding-bottom: 11px; } .occasion-dropdown.select2-dropdown--above .select2-results__options .select2-results__option:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .select2-container--open-once .select2-dropdown--above { margin-left: 3.5px; } .html-select .select2-results .select2-results__options .select2-results__option span.poc-remaining { margin-left: 0; display: inline-block !important; max-width: fit-content; margin-top: 10px; line-height: 16px; background-color: #00000014; color: #1f2534; font-weight: 500; font-size: 13px; padding: 8px 15px; border-radius: 30px; width: 100%; position: relative; z-index: 9; } .select-group-html .select2-container--default .select2-selection--single .select2-selection__rendered span.poc-remaining { display: none !important; } span.select2-dropdown.html-select.select2-dropdown--above .select2-results__options .select2-results__option:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } /*.setup-signin { padding-right: 122px; }*/ .row-block { position: fixed; top: 27px; right: 30px; z-index: 99; } .row-block .dropdown-toggle { background-color: #0000000f; border: 0; border-radius: 4px; padding: 8px 8px; display: flex; align-items: center; justify-content: center; } .row-block .dropdown-toggle::after { border: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOSIgcj0iOCIgZmlsbD0id2hpdGUiIHN0cm9rZT0iI0U5RUFFQiIvPgo8cGF0aCBkPSJNNS4xIDguMTUwMDJMOC41IDExLjEyNUwxMS45IDguMTUwMDIiIHN0cm9rZT0iIzFFMjQzNyIvPgo8L3N2Zz4K); width: 17px; height: 17px; background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 8px; } .row-block.show .dropdown-toggle { background-color: #bff1ee; } .row-block .dropdown-menu { box-shadow: 0px 2px 24px 0px #00000026; padding: 20px; border-radius: 8px; min-width: 308px; border: 0; margin-top: 5px; } .row-block .dropdown-menu h3 { font-size: 16px; font-weight: 700; margin-bottom: 12px; } .row-radio-group label { display: block; width: 100%; margin-bottom: 5px; } .row-block .row-radio-group .radio-option .radio-option { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border: 1px solid #ddd; border-radius: 8px; cursor: pointer; margin-bottom: 6px; background: #fff; transition: background 0.2s, border-color 0.2s; } .row-block .row-radio-group .radio-option input[type="radio"] { display: none; } .row-block .row-radio-group .radio-option .radio-content { display: flex; align-items: center; flex: 1; border: 1px solid #e9eaeb; border-radius: 8px; height: 46px; padding: 5px 12px; position: relative; cursor: pointer; } .row-block .row-radio-group .radio-option .radio-content img { width: 34px; height: 25px; margin-right: 10px; object-fit: contain; } .row-block .row-radio-group .radio-option input[type="radio"]:checked ~ .radio-content { background: #e6fdfc; } .row-block .row-radio-group .radio-option .radio-content:hover { background: #e6fdfc; } .row-block .row-radio-group .radio-option input[type="radio"]:checked ~ .radio-content::after { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDJMNyAxM0wyIDgiIHN0cm9rZT0iIzM2QURCNCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); width: 20px; height: 15px; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); } .row-block .dropdown-menu .theme-btn-lite[disabled] { background-color: #e8e9eb; color: #898d9a; } .row-block .dropdown-menu .theme-btn-lite { margin-top: 10px; padding: 11px 10px; } .dropdown-downward span.select2.select2-container.select2-container--default.occasion-container.select2-container--below { top: 0px !important; } .dropdown-downward span.select2-container.select2-container--default.select2-container--open { top: 88px !important; padding-bottom: 30px; } .select-group-html span.select2.select2-container.select2-container--default.html-select-container.select2-container--below { top: 0px !important; } .select-group-html span.select2-container.select2-container--default.select2-container--open { top: 98px !important; padding-bottom: 30px; } .setup-fixed-section { position: fixed; right: 0; bottom: 0; top: 0; height: 100%; width: 50%; max-width: 50%; } .select-arrow-down.select-group-html .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; top: 12px !important; transform: none !important; } .select-arrow-down.dropdown-downward .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; top: 6px !important; transform: none !important; } .terms-checkbox { display: flex; align-items: flex-start; position: relative; padding: 0 2px; } .terms-checkbox input[type="checkbox"] { position: relative; border: 2px solid #cccccc; border-radius: 2px; background: none; cursor: pointer; line-height: 0; margin: 0 10px 0 0; outline: 0; padding: 0 !important; vertical-align: text-top; height: 20px; width: 20px; -webkit-appearance: none; opacity: 1; left: 0; z-index: 1; } .terms-checkbox input[type="checkbox"]:checked { background-color: #7fe2dc; opacity: 1; border-color: #7fe2dc; } .terms-checkbox input[type="checkbox"]::before { content: ""; position: absolute; right: 50%; top: 50%; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; margin: -1px -1px 0; transform: rotate(45deg) translate(-50%, -50%); z-index: 2; } .terms-checkbox label { color: rgba(30, 36, 55, 0.6) !important; font-family: "Modern Era TRIAL"; font-weight: 400; font-size: 13px; line-height: 20px !important; margin: 0; position: relative !important; top: -4px; cursor: pointer !important; padding: 0 !important; } .terms-checkbox label::after, .terms-checkbox label::before { display: none !important; } .terms-checkbox label a { color: #1e2437; display: inline-block; text-decoration: none !important; font-weight: 500; } .terms-checkbox label a::after { content: ""; width: 0px; height: 1px; display: block; background: #787c87; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .terms-checkbox label a:hover::after { width: 100%; } .gt-form-main .gt-form-group button.theme-btn-lite:disabled { background-color: #e8e9eb; color: #898d9a; cursor: auto; } .gt-modal .modal-dialog.max-840 { max-width: 840px; } .gt-modal .modal-dialog { max-width: 620px; margin-top: 10vh; } .gt-modal .modal-dialog .modal-content { border-radius: 10px; background: #fff; border: 0; } .gt-modal .modal-dialog .modal-content .gt-modal-header { border-bottom: 1px solid #e9eaeb; text-align: center; position: relative; padding: 15px 45px; } .gt-modal .modal-dialog .modal-content .gt-modal-header h2 { font-family: "Modern Era TRIAL"; font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 0; } .gt-modal .modal-dialog .modal-content .gt-modal-header .modal-close { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk5OTkgMS45NTMxMkw3Ljg3OTg4IDcuODk2MjlMMTMuOTk5OSAxMy44Mzk1IiBzdHJva2U9IiMxRTI0MzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjc1OTg4IDEzLjgzOThMNy44Nzk4OCA3Ljg5NjY4TDEuNzU5ODggMS45NTM1MSIgc3Ryb2tlPSIjMUUyNDM3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); width: 16px; height: 16px; background-color: transparent; border: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 18px; } .ai-modal-wrapper { display: grid; grid-template-columns: auto 400px; grid-column-gap: 50px; } .gt-modal .modal-dialog .modal-content .gt-modal-body { padding: 30px; font-family: "Modern Era TRIAL"; color: #1e2437; } .ai-modal-options p, .ai-image-result-wrapper p { font-weight: 700; font-size: 16px; margin-bottom: 8px; } .ai-image-upload { border: 1px dashed #36adb4; border-radius: 8px; padding: 20px; display: grid; grid-template-columns: 55px auto; margin-bottom: 5px; background-color: #e6fdfc; align-items: center; } .ai-image-upload p { margin-bottom: 0px; font-weight: 700; font-size: 14px; } .ai-image-upload p a { color: #36adb4; } .ai-image-upload svg { margin-right: 1rem; } .ai-image-wrapper span { color: #999da6; font-weight: 400; font-size: 13px; } .ai-modal-options textarea.form-control, .ai-image-result-wrapper textarea.form-control { border: 1px solid #e9eaeb; width: 100%; max-width: 100%; resize: none; min-height: 120px; padding: 15px 15px; font-size: 16px; line-height: 24px; } .ai-modal-options textarea.form-control::placeholder, .ai-image-result-wrapper textarea.form-control::placeholder { font-size: 16px; line-height: 24px; opacity: 1; } .ai-modal-options textarea.form-control::-ms-input-placeholder, .ai-image-result-wrapper textarea.form-control::-ms-input-placeholder { font-size: 14px; line-height: 22px; } .ai-modal-options textarea.form-control:focus, .ai-image-result-wrapper textarea.form-control:focus { border-color: #7fe2dc; outline: 0; box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); } .ai-layout-buttons { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; } .ai-layout-buttons .ai-layout-btn { border: 1px solid #e9eaeb; width: 100%; font-weight: 500; font-size: 14px; line-height: 18px; border-radius: 8px; padding: 15px; background-color: #fff; display: flex; align-items: center; justify-content: flex-start; transition: all ease 0.3s; } .ai-layout-buttons .ai-layout-btn:hover, .ai-layout-buttons .ai-layout-btn.active { border-color: #7fe2dc; outline: 0; } .ai-layout-buttons .ai-layout-btn svg { margin-right: 10px; } .ai-image-upload.drag-over { border-color: #05eaed; background-color: #e6f9fa; transform: scale(1.02); } .ai-image-upload a:hover { text-decoration: underline; } #ai-image-upload-input { display: none; } .ai-image-preview-wrapper { border: 1px solid #e9eaeb; background-color: #f7f7f6; padding: 20px; border-radius: 8px; padding-top: 30px; } .ai-image-preview-wrapper .ai-image-preview { height: 210px; width: auto; object-fit: contain; margin: 0 auto; display: block; max-width: 100%; } .ai-image-preview-wrapper .ai-delete-image { border: 0; padding: 0; position: absolute; right: 6px; top: 2px; line-height: normal; z-index: 2; } .ai-image-generating { position: relative; } .ai-image-generating .ai-image-generating-preview { width: 330px; height: auto; border-radius: 8px; object-fit: contain; } .ai-generation-progress { text-align: center; margin: 30px 0; } .ai-generation-progress p { font-weight: 700; font-size: 16px; color: #1e2437; margin-bottom: 20px; } .ai-generation-progress .progress { background-color: #def8f6; border-radius: 20px; height: 15px; overflow: visible; } .ai-generation-progress .progress .progress-bar { background-color: #7fe2dc; margin-left: 0; height: 15px; position: relative; overflow: visible; } .ai-generation-progress .progress .progress-bar:after { content: ""; background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/SmileySocialCircle.svg); width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; position: absolute; right: -15px; top: -6px; z-index: 9; box-shadow: 0px 4px 12px 0px #0000001f; border-radius: 100%; } .loading-dots::after { content: ""; animation: loading-dots 1.5s infinite; display: inline-block; width: 1em; text-align: left; margin-left: 3px; } @keyframes loading-dots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } 100% { content: ""; } } .ai-image-generating { overflow: hidden; } .ai-image-generating .shine { position: absolute; top: 0; right: -50%; width: 70%; height: 100%; background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 100% ); animation: slideShine 1.5s infinite; } @keyframes slideShine { 0% { right: -50%; } 100% { right: 100%; } } .improve-btn-group { display: grid; grid-template-columns: auto 110px; grid-column-gap: 10px; align-items: center; } .improve-btn-group .ai-improve-btn { display: flex; align-items: center; justify-content: center; column-gap: 5px; } .improve-btn-group .ai-improve-btn svg path { stroke: #1e2437; } .improve-btn-group .ai-improve-btn[disabled] { background-color: #e8e9eb; color: #898d9a; cursor: auto; } .improve-btn-group .ai-improve-btn[disabled] svg path { stroke: #898d9a; } .ai-modal-options .theme-btn-lite { display: flex; align-items: center; justify-content: center; column-gap: 5px; } .ai-modal-options .theme-btn-lite[disabled] { background-color: #e8e9eb; color: #898d9a; cursor: auto; } .ai-modal-options .theme-btn-lite[disabled] svg path { stroke: #898d9a; } .ai-magic-cover-wrapper .dropdown { position: absolute; top: 10px; right: 15px; } .ai-magic-cover-wrapper .dropdown .dropdown-toggle { background-color: transparent; border: 0; padding: 0; width: 28px; height: 28px; line-height: normal; box-shadow: 0px 4px 12px 0px #0000001f; border-radius: 4px; } .ai-magic-cover-wrapper .dropdown .dropdown-toggle svg { width: 28px; height: 28px; } .ai-magic-cover-wrapper .dropdown .dropdown-toggle::after { display: none; } .ai-magic-cover-wrapper .dropdown .dropdown-menu { margin-top: 10px; border: 0; padding: 5px 5px; } .ai-magic-cover-wrapper .dropdown .dropdown-menu .dropdown-item { font-size: 16px; padding: 10px 20px; border-radius: 4px; color: #1e2437; } .ai-magic-cover-wrapper .dropdown .dropdown-menu .dropdown-item:hover { background-color: #f7f7f7; color: #1e2437; } .ai-magic-cover-wrapper button.ai-edit-btn { position: absolute; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 100%; top: 35px; left: -30px; } .ai-warning-error { padding: 10px 15px; } .ai-warning-error .flex-shrink-0 svg { width: 20px; height: 20px; position: relative; top: -3px; } .ai-warning-error .flex-grow-1 { margin-left: 10px; } .carousel-inner button.ai-edit-btn.theme-btn-lite { display: none !important; } .mt-giftshop-new-banner.egift-bg { padding: 0 0; } .egift-bg img.experiences-egift { position: absolute; height: 100%; right: 0; top: 0; bottom: 0; max-width: 580px; object-fit: contain; } .egift-bg .col-md-12 { padding-top: 100px; padding-bottom: 100px; }