@biggive/components 1.0.195 → 1.0.197

package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.css

@@ -1,36 +1,9 @@
-body {
-  background-color: #FFFFFF;
-}
-body.background-primary {
-  background-color: #2C089B;
-}
-body.background-secondary {
-  background-color: #2C089B;
-}
-body.background-tertiary {
-  background-color: #2C089B;
-}
-body.background-brand-1 {
-  background-color: #B30510;
-}
-body.background-brand-2 {
-  background-color: #B30510;
-}
-body.background-brand-3 {
-  background-color: #B30510;
-}
-body.background-brand-4 {
-  background-color: #B30510;
-}
-body.background-brand-5 {
-  background-color: #B30510;
-}
-body.background-brand-6 {
-  background-color: #B30510;
+a {
+  color: inherit;
+  text-decoration: underline;
 }
-
-h1, h3, h3, h4, h5, h6 {
-  margin-bottom: 0;
+a:hover {
+  text-decoration: none;
 }
 
 h1, .heading-1 {
@@ -63,56 +36,60 @@ h5, .heading-5 {
   font-weight: bold;
 }
 
-a {
-  color: inherit;
-  text-decoration: underline;
+.space-above-0 {
+  margin-top: 0;
 }
-a:hover {
-  text-decoration: none;
+
+.space-above-1 {
+  margin-top: 5px;
 }
 
-.colour-primary {
-  color: #2C089B;
+.space-above-2 {
+  margin-top: 10px;
 }
 
-.colour-secondary {
-  color: #2AF135;
+.space-above-3 {
+  margin-top: 15px;
 }
 
-.colour-tertiary {
-  color: #FF7272;
+.space-above-4 {
+  margin-top: 30px;
 }
 
-.colour-brand-1 {
-  color: #B30510;
+.space-above-5 {
+  margin-top: 45px;
 }
 
-.colour-brand-2 {
-  color: #6E0887;
+.space-above-6 {
+  margin-top: 60px;
 }
 
-.colour-brand-3 {
-  color: #50B400;
+.space-below-0 {
+  margin-bottom: 0;
 }
 
-.colour-brand-4 {
-  color: #FFE500;
+.space-below-1 {
+  margin-bottom: 5px;
 }
 
-.colour-brand-5 {
-  color: #F07D00;
+.space-below-2 {
+  margin-bottom: 10px;
 }
 
-.colour-brand-6 {
-  color: #CBC8C8;
+.space-below-3 {
+  margin-bottom: 15px;
 }
 
-.colour-white {
-  color: #FFFFFF;
+.space-below-4 {
+  margin-bottom: 30px;
 }
 
-.colour-black {
-  color: #000000;
+.space-below-5 {
+  margin-bottom: 45px;
+}
+
+.space-below-6 {
+  margin-bottom: 60px;
 }
 
 .text-colour-hover-primary:hover,
@@ -170,606 +147,6 @@ a:hover {
   color: #000000;
 }
 
-.fill-primary {
-  fill: #2C089B;
-}
-
-.fill-secondary {
-  fill: #2AF135;
-}
-
-.fill-tertiary {
-  fill: #FF7272;
-}
-
-.fill-brand-1 {
-  fill: #B30510;
-}
-
-.fill-brand-2 {
-  fill: #6E0887;
-}
-
-.fill-brand-3 {
-  fill: #50B400;
-}
-
-.fill-brand-4 {
-  fill: #FFE500;
-}
-
-.fill-brand-5 {
-  fill: #F07D00;
-}
-
-.fill-brand-6 {
-  fill: #CBC8C8;
-}
-
-.fill-white {
-  fill: #FFFFFF;
-}
-
-.fill-black {
-  fill: #000000;
-}
-
-.fill-red {
-  fill: red;
-}
-
-.background-colour-hover-primary:hover,
-.background-colour-primary {
-  background-color: #2C089B;
-}
-
-.background-colour-hover-secondary:hover,
-.background-colour-secondary {
-  background-color: #2AF135;
-}
-
-.background-colour-hover-tertiary:hover,
-.background-colour-tertiary {
-  background-color: #FF7272;
-}
-
-.background-colour-hover-brand-1:hover,
-.background-colour-brand-1 {
-  background-color: #B30510;
-}
-
-.background-colour-hover-brand-2:hover,
-.background-colour-brand-2 {
-  background-color: #6E0887;
-}
-
-.background-colour-hover-brand-3:hover,
-.background-colour-brand-3 {
-  background-color: #50B400;
-}
-
-.background-colour-hover-brand-4:hover,
-.background-colour-brand-4 {
-  background-color: #FFE500;
-}
-
-.background-colour-hover-brand-5:hover,
-.background-colour-brand-5 {
-  background-color: #F07D00;
-}
-
-.background-colour-hover-brand-6:hover,
-.background-colour-brand-6 {
-  background-color: #CBC8C8;
-}
-
-.background-colour-hover-white:hover,
-.background-colour-white {
-  background-color: #FFFFFF;
-}
-
-.background-colour-hover-black:hover,
-.background-colour-black {
-  background-color: #000000;
-}
-
-.background-colour-transparent {
-  background-color: transparent;
-}
-
-.input-wrap {
-  display: flex;
-  justify-content: space-between;
-}
-
-.input-text {
-  font-family: "Euclid Triangle", sans-serif;
-  font-size: 17px;
-  line-height: 24px;
-  color: #000000;
-  padding: 5px 10px;
-  box-sizing: border-box;
-  width: 100%;
-}
-.input-text:focus {
-  outline: 0;
-}
-.input-text:placeholder {
-  color: #4A4A4A;
-}
-
-.button {
-  font-size: 17px;
-  line-height: 24px;
-  padding: 10px 30px;
-  border-radius: 5px;
-  border: 1px solid #000000;
-  background-color: #000000;
-  color: #FFFFFF;
-  display: inline-block;
-  text-decoration: none;
-  text-align: center;
-  transition: all ease-in-out 0.5s;
-  cursor: pointer;
-}
-.button:hover {
-  background-color: #FFFFFF;
-  color: #000000;
-}
-.button.size-small {
-  font-size: 13px;
-  line-height: 17px;
-  padding: 5px 15px;
-}
-.button.button.rounded-true {
-  border-radius: 27.5px;
-}
-.button.button.rounded-true.size-small {
-  border-radius: 20px;
-}
-
-.button-primary {
-  color: #FFFFFF;
-  background-color: #2C089B;
-  border-color: #2C089B;
-}
-.button-primary:hover {
-  color: #2C089B;
-  background-color: #FFFFFF;
-}
-
-.button-secondary {
-  color: #000000;
-  background-color: #2AF135;
-  border-color: #2AF135;
-}
-.button-secondary:hover {
-  background-color: #FFFFFF;
-  border-color: #000000;
-}
-
-.button-tertiary {
-  color: #FFFFFF;
-  background-color: #FF7272;
-  border-color: #FF7272;
-}
-.button-tertiary:hover {
-  background-color: #FFFFFF;
-}
-
-.button-brand-1 {
-  color: #FFFFFF;
-  background-color: #B30510;
-  border-color: #B30510;
-}
-.button-brand-1:hover {
-  background-color: #FFFFFF;
-}
-
-.button-brand-2 {
-  color: #FFFFFF;
-  background-color: #6E0887;
-  border-color: #6E0887;
-}
-.button-brand-2:hover {
-  background-color: #FFFFFF;
-}
-
-.button-brand-3 {
-  color: #FFFFFF;
-  background-color: #50B400;
-  border-color: #50B400;
-}
-.button-brand-3:hover {
-  background-color: #FFFFFF;
-}
-
-.button-brand-4 {
-  color: #FFFFFF;
-  background-color: #FFE500;
-  border-color: #FFE500;
-}
-.button-brand-4:hover {
-  background-color: #000000;
-}
-
-.button-brand-5 {
-  color: #FFFFFF;
-  background-color: #F07D00;
-  border-color: #F07D00;
-}
-.button-brand-5:hover {
-  background-color: #FFFFFF;
-}
-
-.button-brand-6 {
-  color: #FFFFFF;
-  background-color: #CBC8C8;
-  border-color: #CBC8C8;
-}
-.button-brand-6:hover {
-  background-color: #000000;
-}
-
-.button-white {
-  color: #2C089B;
-  background-color: #FFFFFF;
-  border-color: #FFFFFF;
-}
-.button-white:hover {
-  color: #FFFFFF;
-  background-color: #2C089B;
-}
-
-.button-black {
-  color: #FFFFFF;
-  background-color: #000000;
-  border-color: #000000;
-}
-.button-black:hover {
-  color: #000000;
-  background-color: #FFFFFF;
-}
-
-.button-clear-primary {
-  color: #2C089B;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-primary:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-secondary {
-  color: #2AF135;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-secondary:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-tertiary {
-  color: #FF7272;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-tertiary:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-brand-1 {
-  color: #B30510;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-brand-1:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-brand-2 {
-  color: #6E0887;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-brand-2:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-brand-3 {
-  color: #50B400;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-brand-3:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-brand-4 {
-  color: #FFE500;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-brand-4:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-brand-5 {
-  color: #F07D00;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-brand-5:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-brand-6 {
-  color: #CBC8C8;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-brand-6:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-clear-white {
-  color: #FFFFFF;
-  background-color: transparent;
-  text-decoration: underline;
-  border: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.button-clear-white:hover {
-  color: #FFFFFF;
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.button-rounded {
-  border-radius: 27.5px;
-}
-.button-rounded.size-small {
-  border-radius: 20px;
-}
-
-.progress-bar {
-  display: flex;
-}
-.progress-bar .slider {
-  margin: auto 15px auto 0;
-  position: relative;
-  flex-grow: 1;
-}
-.progress-bar .slider:before {
-  content: "";
-  position: absolute;
-  display: block;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background-color: #E8E8E8;
-  border-radius: 4px;
-}
-.progress-bar .slider .progress {
-  position: relative;
-  border-radius: 4px;
-  background-color: #000000;
-  height: 8px;
-}
-.progress-bar .counter {
-  font-weight: 700;
-  color: #000000;
-  font-size: 14px;
-  line-height: 18px;
-}
-
-.progress-bar-primary .slider .progress {
-  background-color: #2C089B;
-}
-.progress-bar-primary .counter {
-  color: #2C089B;
-}
-
-.progress-bar-secondary .slider .progress {
-  background-color: #2AF135;
-}
-.progress-bar-secondary .counter {
-  color: #2AF135;
-}
-
-.video-wrap {
-  position: relative;
-  padding-bottom: 56.25%;
-}
-
-.video-wrap iframe,
-.video-wrap video {
-  position: absolute;
-  border: 0;
-  display: block;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.image-wrap img {
-  width: 100%;
-  height: auto;
-}
-
-.align-left {
-  text-align: left;
-}
-
-.align-right {
-  text-align: right;
-}
-
-.align-center {
-  text-align: center;
-}
-
-.align-justify {
-  text-align: justify;
-}
-
-.space-below-0 {
-  margin-bottom: 0;
-}
-
-.space-below-1 {
-  margin-bottom: 5px;
-}
-
-.space-below-2 {
-  margin-bottom: 10px;
-}
-
-.space-below-3 {
-  margin-bottom: 15px;
-}
-
-.space-below-4 {
-  margin-bottom: 30px;
-}
-
-.space-below-5 {
-  margin-bottom: 45px;
-}
-
-.space-below-6 {
-  margin-bottom: 60px;
-}
-
-.space-above-0 {
-  margin-top: 0;
-}
-
-.space-above-1 {
-  margin-top: 5px;
-}
-
-.space-above-2 {
-  margin-top: 10px;
-}
-
-.space-above-3 {
-  margin-top: 15px;
-}
-
-.space-above-4 {
-  margin-top: 30px;
-}
-
-.space-above-5 {
-  margin-top: 45px;
-}
-
-.space-above-6 {
-  margin-top: 60px;
-}
-
-.horizontal-padding-1 {
-  padding-left: 5px;
-  padding-right: 5px;
-}
-
-.horizontal-padding-2 {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
-.horizontal-padding-3 {
-  padding-left: 15px;
-  padding-right: 15px;
-}
-
-.horizontal-padding-4 {
-  padding-left: 30px;
-  padding-right: 30px;
-}
-
-.horizontal-padding-5 {
-  padding-left: 45px;
-  padding-right: 45px;
-}
-
-.horizontal-padding-6 {
-  padding-left: 60px;
-  padding-right: 60px;
-}
-
-.vertical-padding-1 {
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
-.vertical-padding-2 {
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-
-.vertical-padding-3 {
-  padding-top: 15px;
-  padding-bottom: 15px;
-}
-
-.vertical-padding-4 {
-  padding-top: 30px;
-  padding-bottom: 30px;
-}
-
-.vertical-padding-5 {
-  padding-top: 45px;
-  padding-bottom: 45px;
-}
-
-.vertical-padding-6 {
-  padding-top: 60px;
-  padding-bottom: 60px;
-}
-
 :host {
   display: contents;
   font-family: "Euclid Triangle", sans-serif;