2 text-rendering: optimizeLegibility
!important
;
3 -webkit-font-smoothing: antialiased
!important
;
6 /*Bootstrap overrides*/
28 .navbar-default .navbar-toggle .icon-bar {
32 background-color: #ffd429;
35 .navbar-default
.navbar-toggle:focus
,
36 .navbar-default .navbar-toggle:hover {
37 background-color: transparent
;
40 .navbar-default
.navbar-collapse
,
41 .navbar-default .navbar-form {
49 .navbar-default .navbar-nav > li > a {
54 color: #ffd429 !important
;
58 color: white
!important
;
73 color: #E8FBF2 !important
;
74 color: rgba
(255,255,255,0.9) !important
;
80 color: rgba
(255,255,255,0.9);
92 font-family: "Open Sans";
93 src: url
('../fonts/opensans-regular-webfont-webfont.svg#open_sansregular') format
('svg');
94 src: url
("../fonts/opensans-regular-webfont.eot");
95 src: url
("../fonts/opensans-regular-webfont.eot?#iefix") format
('embedded-opentype'), url
("../fonts/opensans-regular-webfont.woff2") format
('woff2'), url
("../fonts/opensans-regular-webfont.woff") format
('woff'), url
("../fonts/opensans-regular-webfont.ttf") format
('truetype');
100 font-family: "Open Sans Bold";
101 src: url
('../fonts/opensans-bold-webfont-webfont.svg#open_sansbold') format
('svg');
102 src: url
("../fonts/opensans-bold-webfont.eot");
103 src: url
("../fonts/opensans-bold-webfont.eot?#iefix") format
('embedded-opentype'), url
("../fonts/opensans-bold-webfont.woff2") format
('woff2'), url
("../fonts/opensans-bold-webfont.woff") format
('woff'), url
("../fonts/opensans-bold-webfont.ttf") format
('truetype');
108 font-family: "Signika Bold";
109 src: url
('../fonts/signika-bold-webfont-webfont.svg#signikabold') format
('svg');
110 src: url
("../fonts/signika-bold-webfont.eot");
111 src: url
("../fonts/signika-bold-webfont.eot?#iefix") format
('embedded-opentype'), url
("../fonts/signika-bold-webfont.woff2") format
('woff2'), url
("../fonts/signika-bold-webfont.woff") format
('woff'), url
("../fonts/signika-bold-webfont.ttf") format
('truetype');
116 font-family: "Signika Light";
117 src: url
('../fonts/signika-light-webfont-webfont.svg#signikalight') format
('svg');
118 src: url
("../fonts/signika-light-webfont.eot");
119 src: url
("../fonts/signika-light-webfont.eot?#iefix") format
('embedded-opentype'), url
("../fonts/signika-light-webfont.woff2") format
('woff2'), url
("../fonts/signika-light-webfont.woff") format
('woff'), url
("../fonts/signika-light-webfont.ttf") format
('truetype');
124 font-family: "Signika Regular";
125 src: url
('../fonts/signika-regular-webfont-webfont.svg#signikaregular') format
('svg');
126 src: url
("../fonts/signika-regular-webfont.eot");
127 src: url
("../fonts/signika-regular-webfont.eot?#iefix") format
('embedded-opentype'), url
("../fonts/signika-regular-webfont.woff2") format
('woff2'), url
("../fonts/signika-regular-webfont.woff") format
('woff'), url
("../fonts/signika-regular-webfont.ttf") format
('truetype');
136 font-family: "Signika Light";
142 font-family: "Signika Light";
148 font-family: "Signika Regular";
154 font-family: "Signika Light";
160 font-family: "Signika Regular";
169 font-family: "Open Sans";
175 list-style-type: disc
;
179 border-bottom: 2px solid
#ffd429;
181 text-decoration: none
;
182 transition: .3s all ease
;
187 text-decoration: none
;
192 padding-bottom: 30px;
200 transition: .3s all ease
;
204 width: 30px !important
;
208 width: 25px !important
;
211 .navbar-toggle:hover .bar1 {
212 width: 42px !important
;
215 .navbar-toggle:hover .bar2 {
216 width: 25px !important
;
219 .navbar-toggle:hover .bar3 {
220 width: 15px !important
;
228 font-family: "Signika Regular";
253 padding-bottom: 60px;
257 padding-bottom: 40px;
270 padding-bottom: 30px;
280 border-radius: 100px;
284 box-shadow: 0px 2px 4px 0px rgba
(0,0,0,0.15);
285 font-family: "Signika Regular";
288 .action-button:hover {
303 background-image: url
("../img/underline.svg");
304 background-position: center bottom
;
305 background-repeat: no-repeat
;
309 /*display: none; */ /* uncomment when needed*/
314 border-radius: 100px;
315 background-color: #0AD778;
317 text-transform: uppercase
;
319 font-family: "Open Sans";
337 padding-bottom: 30px;
341 background-color: transparent
;
342 background-image: url
("../img/bad-pattern.png");
343 background-size: 40px;
344 background-repeat: repeat
;
348 background-image: url
("../img/good.svg");
352 background-image: url
("../img/bad.svg");
356 background-image: url
("../img/neutral.svg");
368 background-position: top left
;
369 background-repeat: no-repeat
;
375 .recommended-img img {
390 border-radius: 100px;
392 box-shadow: 0px 2px 4px 0px rgba
(0,0,0,0.25);
394 vertical-align: middle
;
396 text-decoration: none
;
398 font-family: "Signika Regular";
406 text-decoration: none
;
416 transition: all
0.3s ease
;
429 background-image: url
("../img/info.svg");
430 background-position: center left
;
438 /*Recommended Lines*/
440 .recommended-section {
444 padding-bottom: 30px;
451 background-color: #F5FFF7;
454 /*Promotion details*/
457 background-color: #fffae5;
460 .promotion-details .panel-default .panel-heading {
462 background-color: #fffae5;
463 box-shadow: 0 0 0 transparent
;
469 background-color: #F5FFF7;
472 .licenses .panel-default .panel-heading {
474 background-color: #F5FFF7;
475 box-shadow: 0 0 0 transparent
;
485 background-color: #4B423B;
490 color: rgba
(255,255,255,0.72);
510 /*@media (max-width: 350px) {
517 /* Small devices (tablets, 768px and up) */
518 @media (min-width: 768px) {
523 /*margin-left: 100px;*/
526 .navbar-default .navbar-nav > li > a {
533 border-right: 1px #9BD2BF solid
;
534 background-color: white
;
535 list-style-type: none
;
537 font-family: "Signika Regular";
538 transition: .3s all ease
;
541 .navbar li:first-child {
542 border-radius: 100px 0 0 100px;
545 .navbar li:last-child {
547 border-radius: 0 100px 100px 0;
551 background-color: #FFDD55;
556 text-decoration: none
;
557 transition: .3s all ease
;
575 .is-table-row [class*="col-"] {
585 .recommended-section h5 {
592 filter: brightness
(0.39) contrast
(150%) opacity
(0.6) saturate
(0);
593 transition: .3s all ease
;
596 .charities img:hover {
597 filter: brightness
(1) contrast
(100%) opacity
(1) saturate
(1);
598 transform: scale
(1.1);
610 /* Medium devices (desktops, 992px and up) */
611 @media (min-width: 992px) {
614 margin: 10px 10px 10px 100px;
617 .navbar-default .navbar-nav > li > a {
624 border-right: 1px #9BD2BF solid
;
625 background-color: white
;
626 list-style-type: none
;
628 font-family: "Signika Regular";
629 transition: .3s all ease
;
632 .navbar li:first-child {
633 border-radius: 100px 0 0 100px;
636 .navbar li:last-child {
638 border-radius: 0 100px 100px 0;
642 background-color: #FFDD55;
647 text-decoration: none
;
648 transition: .3s all ease
;
669 background: transparent
;
675 color: rgba
(255, 255, 255, 0.95);
679 color: rgba
(255, 255, 255, 0.79);
684 font-family: "Signika Light";
696 /* Large devices (large desktops, 1200px and up) */
697 @media (min-width: 1200px) {