@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,400italic,300italic");
/* line 11, ../scss/_reset.scss */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
/* line 26, ../scss/_reset.scss */

img {
    max-width: 100%;
}
/* line 40, ../scss/_reset.scss */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/* line 51, ../scss/_reset.scss */

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
/* line 60, ../scss/_reset.scss */

audio:not([controls]) {
    display: none;
    height: 0;
}
/* line 70, ../scss/_reset.scss */

[hidden],
template {
    display: none;
}
/* line 78, ../scss/_reset.scss */

a {
    background: transparent;
}
/* line 86, ../scss/_reset.scss */

a:active,
a:hover {
    outline: 0;
}

.forgottenPassword {
	color: #10884b;
}

/* line 94, ../scss/_reset.scss */

abbr[title] {
    border-bottom: 1px dotted;
}
/* line 102, ../scss/_reset.scss */

b,
strong {
    font-weight: bold;
}
/* line 109, ../scss/_reset.scss */

dfn {
    font-style: italic;
}
/* line 117, ../scss/_reset.scss */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/* line 125, ../scss/_reset.scss */

mark {
    background: #ff0;
    color: #000;
}
/* line 133, ../scss/_reset.scss */

small {
    font-size: 80%;
}
/* line 141, ../scss/_reset.scss */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
/* line 148, ../scss/_reset.scss */

sup {
    top: -0.5em;
}
/* line 152, ../scss/_reset.scss */

sub {
    bottom: -0.25em;
}
/* line 160, ../scss/_reset.scss */

img {
    border: 0;
}
/* line 167, ../scss/_reset.scss */

svg:not(:root) {
    overflow: hidden;
}
/* line 175, ../scss/_reset.scss */

figure {
    margin: 1em 40px;
}
/* line 182, ../scss/_reset.scss */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
	margin: 25px;
}
/* line 191, ../scss/_reset.scss */

pre {
    overflow: auto;
}
/* line 201, ../scss/_reset.scss */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
/* line 221, ../scss/_reset.scss */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
/* line 230, ../scss/_reset.scss */

button {
    overflow: visible;
}
/* line 241, ../scss/_reset.scss */

button,
select {
    text-transform: none;
}
/* line 255, ../scss/_reset.scss */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
/* line 264, ../scss/_reset.scss */

button[disabled],
html input[disabled] {
    cursor: default;
}
/* line 272, ../scss/_reset.scss */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* line 281, ../scss/_reset.scss */

input {
    line-height: normal;
}
/* line 293, ../scss/_reset.scss */

* input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
/* line 304, ../scss/_reset.scss */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/* line 313, ../scss/_reset.scss */

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
/* line 326, ../scss/_reset.scss */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/* line 333, ../scss/_reset.scss */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/* line 343, ../scss/_reset.scss */

legend {
    border: 0;
    padding: 0;
}
/* line 351, ../scss/_reset.scss */

textarea {
    overflow: auto;
}
/* line 359, ../scss/_reset.scss */

optgroup {
    font-weight: bold;
}
/* line 367, ../scss/_reset.scss */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* line 373, ../scss/_reset.scss */

td,
th {
    padding: 0;
}
/* line 376, ../scss/_reset.scss */

ul,
li {
    list-style: none;
}
/* line 379, ../scss/_reset.scss */

a {
    text-decoration: none;
}
/* line 382, ../scss/_reset.scss */

ul {
    padding: 0px;
    margin: 0px;
}
/*

Usage for Clear fix

.container-with-floated-children {
  @extend %clearfix;
}

*/
/* line 5, ../scss/_base.scss */

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* line 10, ../scss/_base.scss */

body {
    font-size: 15px;
    line-height: 1.6;
    font-family: "Open Sans", sans-serif;
    color: #909090;
    max-width: 1500px;
    margin: 0 auto;
}
/* line 19, ../scss/_base.scss */

.container {
    width: 90%;
    margin: 0 auto;
}
/* line 23, ../scss/_base.scss */

.wrap {
    /* Keep footer at bottom */

    min-height: calc(100vh - 20px);
	overflow: overlay;
}
/* Remove Google autofill background */
/* line 28, ../scss/_base.scss */

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #E8E8E8 inset;
    /* Change the color to your own background color */

    -webkit-text-fill-color: #333;
}
/* line 32, ../scss/_base.scss */

input:-webkit-autofill:focus {
    -webkit-box-shadow: , 0 0 0 50px #E8E8E8 inset;
    -webkit-text-fill-color: #333;
}
/* line 36, ../scss/_base.scss */

.Button {
    padding: 12px 25px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    background: #2b2f38;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -ms-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    display: inline-block;
}
/* line 45, ../scss/_utilities.scss */

.Button:hover {
    background: green;
}
/* line 39, ../scss/_base.scss */

#logo,
nav {
    display: inline-block;
}
/* line 44, ../scss/_base.scss */

nav ul li {
    display: inline-block;
    margin: 0px 7px;
}
/* line 47, ../scss/_base.scss */

nav ul li a {
    text-transform: uppercase;
}
@font-face {
    font-family: 'candy';
    src: url("../font/Candy.ttf") format("truetype");
}
/* line 9, ../scss/_main.scss */

body {
    -webkit-font-smoothing: antialiased;
    background-image: url("../images/bg_for-Santa.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
	background-position-x: 50%;
}
/* line 17, ../scss/_main.scss */

h2 {
    font-family: 'candy';
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* line 33, ../scss/_main.scss */

#logo {
    width: 190px;
    display: inline-block;
    vertical-align: middle;
}
/* line 39, ../scss/_main.scss */

.header {
    width: 95%;
    margin-top: 5.5%;
    text-align: center;
}
/* line 45, ../scss/_main.scss */

.landing header {
    display: none;
}
/* line 55, ../scss/_main.scss */

nav {
    margin-left: 50px;
}
/* line 57, ../scss/_main.scss */

nav img {
    height: 52px;
    display: inline-block;
    vertical-align: middle;
    webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
/* line 68, ../scss/_main.scss */

nav img:hover,
.charity__button img:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */

    -webkit-transform: scale(1.1);
    /* Chrome, Safari, Opera */
}
/* line 74, ../scss/_main.scss */

#mobile {
    display: none;
}
/* line 78, ../scss/_main.scss */

.mobile {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    padding: 25px;
    background-color: rgba(51, 51, 51, 0.6);
    width: 100%;
    -webkit-transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    transition: ease 1s;
    height: 100vh;
}
/* line 93, ../scss/_main.scss */

.fa-bars {
    display: none!important;
    font-size: 30px!important;
    color: rgba(0, 0, 255, 0);
    position: absolute;
    top: 5%;
    background: rgba(0, 0, 255, 0);
    width: 30%;
    height: 10%;
    right: 5%;
    margin: 10px;
}
/* line 106, ../scss/_main.scss */

.fa-times {
    display: none!important;
    font-size: 30px!important;
    color: #c22026;
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
/* line 120, ../scss/_main.scss */

.fa-times:hover {
    color: #fff;
}
/* line 130, ../scss/_main.scss */

footer {
    width: 60%;
    margin-left: 20%;
    margin-bottom: 30px;
	margin-top: 50px;
}
/* line 135, ../scss/_main.scss */

footer img {
    width: 130px;
}
/* line 140, ../scss/_main.scss */

.lowerFooter__boxes,
.lowerFooter__landing,
.lowerFooter__landing--nav {
    width: 32%;
    display: inline-block;
    color: #fff;
    vertical-align: top;
}
/* line 146, ../scss/_main.scss */

.lowerFooter__boxes h2,
.lowerFooter__landing h2,
.lowerFooter__landing--nav h2 {
    font-size: 14px;
}
/* line 150, ../scss/_main.scss */

.lowerFooter__boxes li,
.lowerFooter__landing li,
.lowerFooter__landing--nav li {
    font-family: inherit;
    font-size: 15px;
}
/* line 154, ../scss/_main.scss */

.lowerFooter__boxes li a,
.lowerFooter__landing li a,
.lowerFooter__landing--nav li a {
    webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #fff;
}
/* line 162, ../scss/_main.scss */

.lowerFooter__boxes li a:hover,
.lowerFooter__landing li a:hover,
.lowerFooter__landing--nav li a:hover {
    color: #c22026;
}
/* line 174, ../scss/_main.scss */
.home__middle {
   webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.home__left,
.home__right{
    width: 47.5%;
    position: relative;
    webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
/* line 186, ../scss/_main.scss */

.home__left img,
.home__right img {
    width: 250px;
}
/* line 190, ../scss/_main.scss */

.home__left h2,
.home__right h2,
.home__middle h2 {
    color: #c22026;
    font-size: 28px;
    position: absolute;
    bottom: 25px;
}
/* line 198, ../scss/_main.scss */

.home__left:hover,
.home__right:hover,
.home__middle:hover {
    transform: scale(0.95);
    -ms-transform: scale(0.95);
    /* IE 9 */

    -webkit-transform: scale(0.95);
    /* Chrome, Safari, Opera */
}
/* line 204, ../scss/_main.scss */

.home__left {
    float: left;
    transform-origin: right;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
}
/* line 209, ../scss/_main.scss */

.home__left img {
    float: right;
    margin-top: 28px;
}

.home__full {
    color: #eee;
    padding: 5px 25px;
    border-radius: 15px;
    margin: auto;
    margin-top: 2.5%;
    max-width: 550px;
    height: 40%;
    background-color: rgba(0,0,0,0.5);
}

.shopping-directory {
	width: 80%;
	margin: 0 auto;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.45);
	    margin-top: 2.5%;
}

.shopping-directory img {
	width: 32.3333%;
	display: inline-block;
	padding: 15px;
	min-width: 150px;
}

.floatingTitles, .charity__withContent h2, .home__full  h3, .list__selection a {
	font-size: 28px;
    color: #c22026;
    font-family: 'candy';
    letter-spacing: 1.5px;
    font-weight: 100;
    text-align: center;
    text-shadow: 2px 2px #fff;
}

.home__full  h3 {
	font-size: 25px;
}

.home__full  h3, .home__full  p {
	margin: 10px 0;
}

.floatingTitles--margin {
	margin-top: 25px;
}

.floatingTitles--margin p {
	margin: 0;
}

.floatingTitles a {
	color: #fff;
	background: #c22026;
	text-shadow: none;
    padding: 10px 20px;
    border-radius: 5px;
	webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.floatingTitles a:hover {
	color: #c22026;
	background: #fff;
}

.listSelection__left {
	width: 100%;
    text-align: center;
}

.listSelection__left img {
	margin-top: 7px;
	width: 300px;
	float: none;
}

.listSelection__left h2{
	position: absolute;
    top: 35%;
    left: 53%;
    transform: translate(-50%, -50%);
}

.listSelection__left h2 {
	right: 38px!important;
}

/* line 214, ../scss/_main.scss */

.home__left h2 {
    right: 29px;
}
/* line 219, ../scss/_main.scss */

.home__right {
    float: right;
    transform-origin: left;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
}
/* line 224, ../scss/_main.scss */

.home__right img {
    float: left;
}
/* line 228, ../scss/_main.scss */

.home__right h2 {
    left: 38px;
}
.home__middle {
    top:50px;
    position: relative;
    display: inline-block;
    width:100%;
    text-align: center;
}
.home__middle img{
    width:300px;
}
.home__middle h2{
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    left: 50%;
    top: 60%;
    width: 100%;
    text-align: center;
    }

@media only screen and (min-width : 600px) {
	.family__link h2 {
		left: 27px;
		max-width: 200px;
		text-align: center;
		top: 107px;
	}
}

/* line 239, ../scss/_main.scss */

.charity, .signup {
    width: 40%;
    margin: auto;
    position: relative;
}

.charity__withContent {
    background-image: url(../images/parchment.jpg);
    background-size: cover;
    color: #000;
    padding: 15px;
	overflow: hidden;
	border-radius: 15px;
}

.charity__button input {
	display: block;
    margin: 15px auto!important;
}

/* line 245, ../scss/_main.scss */

.charity__content {
    width: 60%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */

    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */

    color: #000;
}

.addlist {
	top: 59%!important;
}

.addsubuser__link--scrouge {
	display: block;
    margin: 10px 0;
}

.addsubuser__link--scrouge img {
	max-height: 100px;
}

.list img  {
	max-height: 75px;
}

/* line 255, ../scss/_main.scss */

.charity__content h2 {
    color: #c22026;
    text-transform: capitalize;
    font-size: 25px;
}

.charity__content h3 {
    margin: auto;
    margin-bottom: 10%;
    width: 95%;
}

/* line 262, ../scss/_main.scss */

.charity__button {
    text-align: center;
    margin-top: 25px;
}
/* line 266, ../scss/_main.scss */

.charity__button img {
    width: 230px;
    webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.charity__withContent select {
	width: 100%;
    margin: 0;
    margin-top: 10px;
	text-transform: capitalize;
	background-color: #fff;
	color: #000;
}
/* line 275, ../scss/_main.scss */

.charity__withContent .slider img {
    max-width: 60%;
}
/* line 287, ../scss/_main.scss */

.shopping img {
    width: 60%;
}
/* line 291, ../scss/_main.scss */

.shopping .sssnext {
    background: url("../images/button/button_shop_2-min.png") no-repeat;
    background-size: contain;
    width: 180px;
    top: 45%;
    right: 12%;
}
/* line 299, ../scss/_main.scss */

.shopping .sssprev {
    background: url("../images/button/button_shop_1-min.png") no-repeat;
    background-size: contain;
    width: 180px;
    top: 45%;
    left: 12%;
}
/* line 307, ../scss/_main.scss */

.shopping .ssslide {
    left: 50%;
}
/* line 318, ../scss/_main.scss */

.lowerFooter__landing {
    width: 54%!important;
    font-size: 12px;
}
/* line 323, ../scss/_main.scss */

.lowerFooter__landing--nav {
    width: 20%;
}
/* line 327, ../scss/_main.scss */

#landing_img {
    height: 40vh;
    margin: auto;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
    display: block;
}
@media only screen and (max-width: 1175px) {
    .signup {
        width: 85%!important;
    }
}
@media only screen and (max-width: 1100px) {
    /* line 5, ../scss/_responsive.scss */

    footer {
        width: 90%;
        margin-left: 5%;
    }
    /* line 10, ../scss/_responsive.scss */

    .charity__content {
        width: 80%;
        top: 45%;
    }
    /* line 15, ../scss/_responsive.scss */

    .shopping .sssnext,
    .shopping .sssprev {
        width: 120px;
    }
}
@media only screen and (max-width: 980px) {
    .signup {
        width: 58%!important;
        margin-bottom: 30px;
    }

	.family {
		margin-left: auto!important;
		display: block!important;
	}

	.signup__left, .signup__right {
		width: 100%!important;
		margin: 10px 0!important;
	}
}
@media only screen and (max-width: 890px) {
    /* line 21, ../scss/_responsive.scss */

    nav {
        width: 100%;
        margin: 40px 0;
    }
    /* line 26, ../scss/_responsive.scss */

    .charity {
        width: 80%;
    }
    /* line 30, ../scss/_responsive.scss */

    .slider img {
        width: 200px;
    }
    /* line 34, ../scss/_responsive.scss */

    .sss {
        height: 180px!important;
    }
    /* line 38, ../scss/_responsive.scss */

    .sssnext,
    .sssprev {
        top: 30%!important;
    }
    /* line 42, ../scss/_responsive.scss */

    .shopping img {
        width: 60%!important;
    }
    /* line 46, ../scss/_responsive.scss */

    .shopping .sssnext,
    .shopping .sssprev {
        top: 45%!important;
        width: 90px;
    }
}

@media only screen and (max-width: 725px) {
	nav img {
		height: 40px;
	}
}

@media only screen and (max-width: 700px) {
    /* line 53, ../scss/_responsive.scss */

    .lowerFooter__boxes {
        width: 100%;
        text-align: center;
    }
    /* line 57, ../scss/_responsive.scss */

    .lowerFooter__boxes img {
        display: none;
    }
    /* line 63, ../scss/_responsive.scss */

    .landingFooter footer img,
    .landingFooter footer .lowerFooter__landing--nav,
    .landingFooter footer .lowerFooter__landing {
        width: 100%!important;
    }
    /* line 67, ../scss/_responsive.scss */

    .landingFooter footer .lowerFooter__landing--nav {
        display: none;
    }

	.home__full {
		width: 90%;
	}
}
@media only screen and (max-width: 600px) {
    /* line 74, ../scss/_responsive.scss */

    body {
        -webkit-font-smoothing: antialiased;
        background-image: url(../images/mobile_back.png);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: #6a9bcd;
        background-size: contain;
    }
    /* line 83, ../scss/_responsive.scss */

    nav {
        display: none;
    }
    /* line 87, ../scss/_responsive.scss */

    .fa-bars,
    .fa-times {
        display: inherit!important;
    }
    /* line 91, ../scss/_responsive.scss */

    .home__left,
    .home__right {
        float: none;
        width: 100%;
        padding: 20px;
    }
    /* line 96, ../scss/_responsive.scss */

    .home__left h2,
    .home__right h2 {
        font-size: 9vw;
    }
    /* line 101, ../scss/_responsive.scss */

    .home__left img,
    .home__right img,
    .home__middle img {
        width: 100%;
        float: none;
    }
    .home__middle h2 {
        top:62%;
            font-size: 9vw;
    }
    /* line 106, ../scss/_responsive.scss */

    .home__left h2,
    .home__right h2 {
        bottom: 20%;
        left: 20%;
    }

	.listSelection__left h2,
	.listSelection__right h2 {
		left: 45%!important;
	}

	.listSelection__left h2 {
		top:22%;
	}

	.listSelection__right h2 {
		top: 28%;
	}

    /* line 111, ../scss/_responsive.scss */

    .sssnext,
    .sssprev {
        display: none;
    }
    /* line 115, ../scss/_responsive.scss */

    .shopping img {
        width: 100%!important;
    }
    /* line 119, ../scss/_responsive.scss */

    .shopping .sssnext,
    .shopping .sssprev {
        top: 87%!important;
        width: 90px;
        display: inherit!important;
    }
    /* line 125, ../scss/_responsive.scss */

    .shopping .sssnext {
        right: 15%;
    }
    /* line 129, ../scss/_responsive.scss */

    .shopping .sssprev {
        left: 15%;
    }
    /* line 133, ../scss/_responsive.scss */

    .landing {
        margin-top: 35%;
    }
    /* line 136, ../scss/_responsive.scss */

    .landing header {
        display: inherit;
    }
    /* line 140, ../scss/_responsive.scss */

    .landing #landing_img {
        padding: 0 10px;
		height: inherit;
    }
    /* line 145, ../scss/_responsive.scss */

    #logo {
        display: none;
    }
    /* line 149, ../scss/_responsive.scss */

    .wrap {
        margin-top: 150px;
        margin-bottom: 80px;
    }

	.signup {
        width: 95%!important;
    }
	
	.signup .charity__content {
		max-width: 100%!Important;
	}
}
@media only screen and (max-width: 600px) {
    /* line 155, ../scss/_responsive.scss */

    .charity {
        width: 90%;
    }
    /* line 159, ../scss/_responsive.scss */

    .charity .sign-up-scroll-img, .login__parchment {
        display: none;
    }

	.list__selection img {
		display: inherit!important;
		padding: 0 10px;
	}
    /* line 163, ../scss/_responsive.scss */

    .response__box {
        display: inherit;
        transform: inherit;
        left: 0;
        background-color: rgba(255, 255, 255, 0.75);
        border-radius: 3px;
        padding: 15px;
        width: 100%;
        margin-top: 50px;
    }

    .signup .charity__content {
        width: 100%!important;
        padding: 25px 0;
    }
    .signup input[type='text'],
    .signup select {
        width: 85%;
    }

	.family__right {
		top: 365px;
	}

    /* line 174, ../scss/_responsive.scss */

    .sss {
        overflow: visible!important;
    }
    .list li {
        margin: 15px 0;
        font-size: 12px;
    }
    .list a {
        margin: 0px 10px;
    }
}
@media only screen and (max-width: 372px) {
    /* line 180, ../scss/_responsive.scss */

    body {
        background-size: contain;
    }
    /* line 184, ../scss/_responsive.scss */

    .wrap {
        margin-top: 100px;
    }
}
/* line 195, ../scss/_responsive.scss */

.active {
    display: inherit!important;
}
/* line 199, ../scss/_responsive.scss */

.inactive {
    display: none!important;
}
/* line 203, ../scss/_responsive.scss */

.mobile ul {
    margin-top: 13%;
}
/* line 205, ../scss/_responsive.scss */

.mobile ul li {
    position: relative;
}
/* line 207, ../scss/_responsive.scss */

.mobile ul li a {
    position: absolute;
    top: 57.5%;
    left: 49.5%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */

    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */

    font-size: 18px;
    color: #fff;
    font-family: candy;
    letter-spacing: 2px;
    text-transform: uppercase;
}
/* line 221, ../scss/_responsive.scss */

.mobile ul li img {
    width: 200px;
    height: auto;
}
/* line 228, ../scss/_responsive.scss */

#mobile_back {
    position: absolute;
    top: 50%;
    left: 48%;
    height: 95vh;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */

    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
}
@media only screen and (max-width: 400px) {
    /* line 239, ../scss/_responsive.scss */

    .mobile ul {
        margin-top: 10%;
    }
    /* line 242, ../scss/_responsive.scss */

    .mobile ul li img {
        width: 170px;
    }
    /* line 245, ../scss/_responsive.scss */

    .mobile ul li a {
        font-size: 15px;
    }

	.floatingTitles {
		font-size: 22px;
	}

	input, select {
		padding: 2px 10px!important;
		margin: 0px!important;
		margin-bottom: 15px!important;
	}
}
/**
 * iPad with portrait orientation.
 */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    /* line 262, ../scss/_responsive.scss */

    .wrap {
        height: 1024px;
    }
}
/**
 * iPad with landscape orientation.
 */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    /* line 271, ../scss/_responsive.scss */

    .wrap {
        height: 768px;
    }
}
/**
 * iPhone 5
 * You can also target devices with aspect ratio.
 */

@media screen and (device-aspect-ratio: 40 / 71) {
    /* line 281, ../scss/_responsive.scss */

    .wrap {
        height: 500px;
    }
}
/* ==========================================================================
// List
// ========================================================================== */

.list {
    text-align: center;
    background-image: url('../images/parchment.jpg');
	background-size: cover;
    border-radius: 15px;
    padding: 30px 10px;
    color: #000;
    text-transform: capitalize;
    padding: 10px;
}

.list-detail {
	font-family: 'Coming Soon', cursive;
}

.list li {
    text-align: center;
	overflow: hidden;
	margin-top: 15px;
    font-size:22px;
    font-family: 'Coming Soon', cursive;
}
.list a {
    color: #4DD0E1;
	margin: auto;
}
.list a:hover {
    color: #CE93D8;
}

.font__change .addsubuser__link, .font__change, .font__change p {
	font-family: 'Coming Soon', cursive;
}
/* ==========================================================================
// SignUp
// ========================================================================== */

.signup {
    text-align: center;
    width: 70%;
}
.sign-up-scroll-img{
    height:1030px;
}

.family {
	display: inline-block;
	width: 35%;
	margin-left: 10%;
}

.family h3 {
	text-transform: uppercase;
    color: red;
}

 button {
    background: #c22026;
    color: #fff;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 2.5px;
    border: 2.5px solid #fff;
    webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

input[type=submit], .button__new {
    color: #fff;
    margin: 0 5px;
    webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-repeat: no-repeat;
    background-size: contain;
    width: inherit;
    background-color: #c22026;
    border: 3px solid #fff;
    border-radius: 52px;
    padding: 12px 18px;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 20px;
    font-family: candy;
    letter-spacing: 1px;
}

input[type=submit]:hover, .button__new:hover  {
	background-color: #fff;
	border: 3px solid #c22026;
	color: #c22026;
}

.add-buyer-button {
    font-size:11px;
}


button:hover {
	background: #fff;
	color: #000;
}

.addsubuser__link {
	text-align: center;
    font-size: 18px;
    color: #c22026;
    text-shadow: 2px 2px #fff;
    font-family: 'candy';
    letter-spacing: 1.5px;
    font-weight: 100;
    width: 90%;
    margin: auto;
}

.addsubuser__link span {
	font-weight: bold;
}

.nopresents {
    text-align: center;
    color: #008e2a;
    font-weight: bold;
    font-size: 22px;
}
.nopresents span{
    color:#c22026;
    }

.signup .charity__content {
    width: initial;
    top: 50%;
	max-width: 340px;
}

input, select {
	line-height: normal;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 10px;
    margin-bottom: 20px;
    color: #000;
    width: 60%;
	min-width: 175px;
}

.login .charity__content {
    top: 60%;
}

.login {
	text-align: center;
	width: 55%;
}

.familyLogin .charity__content {
	top: 62.5%;
}

.signup__left, .signup__right {
	position: relative;
    width: 45%;
    float: left;
    margin: 20px;
}

.list__selection {
	text-align: center;
	margin: 20px 0;
}

.list__selection img {
	max-width: 300px;
}

.list__selection h2 {
	margin: 0!important;
}

.list__selection--content {

}

.universal__directions__box {
	background-color: rgba(255,255,255,0.7);
    min-width: 300px;
    width: 25%;
    margin: auto;
    border-radius: 2.5px;
    padding: 10px;
    color: #000;
    position: fixed;
    bottom: 0;
    margin: 10px;
}

.universal__directions__box p {
	margin: 0;
}

/* Accordian */
button.accordion {
    background-color: #d22234;
    color: #fff;
    border: solid 5px white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border-radius: 70px;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin: 0;
}

button.accordion.active, button.accordion:hover {
    background-color: #6a9bcd;
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
	border-radius: 25px;
	text-align: right;
	font-family: 'Coming Soon', cursive;
	text-transform: capitalize;
}

div.panel.show {
    opacity: 1;
    max-height: 100%;
}

div.panel span {
	float: left;
}

div.panel img {
    max-width: 75px;
}

div.panel p  a {
    text-decoration: none;
    font-family: 'Coming Soon', cursive;
    font-size: 18px;
    color: #000000;
}


.charity-info {
    display: none;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    background: #5fcf80;
    box-shadow: 1px 1px 1px black;
    padding:0px 10px;
    border-radius: 2px;
    position: absolute;
    color:#fff;
    margin-top: -119px;
}
.charity-label {
    color:blue;
    text-decoration: underline;
}

.page_button {
    width:150px;
}
.lowerFooter--social {
    display: inline-block;
    width:40px;
    margin-top:5px;
}
.lowerFooter--social:nth-child(3) {
    margin-left:5px;
    margin-right:5px;
}
.list-detail {
    font-size:18px;

}
.list-detail span{
    display:block;
    color:#10884b;
    font-weight: bold;
    }
.lowerFooter__link-ul {
    display: inline-block;
    margin:5px;
}
.lower-links ul li a{
    text-transform:capitalize;
}
.logout-button, .signup-button  {
    margin:0 auto;
    display:block;
    width:175px;
}
.logout-link {
    background: none !important;
}

.block__button {
	background-color: #c8823c;
    border: 3px solid #b06a2e;
    border-radius: 8px;
}

.login-help {
    font-size:17px;
    font-weight:bold;
}
.error-list {
    background: #fff;
    padding: 10px 0px;
    border-radius: 3px;
    box-shadow: 1px 1px #9e9e9e;
    color: red;
}

.shopping__accordion {
	width: 35%;
    margin: auto;
	min-width: 350px;
	margin-top: 30px;
}