#page.donate #wrapper {position:relative; min-height:100vh;}
#page.donate  .container {max-width:var(--width-container-tiny);}

#page.donate main {padding:20px 10px 0;}
#page.donate .paragraph {background-color:#FFF; margin-bottom:15px; padding:15px; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,0.08);}
#page.donate .paragraph:last-of-type {margin-bottom:0px;}
#page.donate .paragraph-title {margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid rgba(0, 0, 0, 0.05); font-size:20px; font-weight:400; color:var(--color-purple-primary);}
#page.donate .paragraph p {font-size:16px; line-height:26px; color:#333;}
#page.donate .paragraph .payments {display:flex; flex-flow:column; grid-row-gap:20px;}
#page.donate .paragraph .payments .option {display:flex; align-items:center; color:#333;}
#page.donate .paragraph .payments .option .name {flex-shrink:0; margin-right:15px; font-size:16px; font-weight:500;}
#page.donate .paragraph .payments .option .wallet {background-color:#FCFCFC; display:flex; align-items:center; width:100%; padding:8px 10px; border-radius:5px; color:var(--color-green-highlight); box-shadow:inset 0 0px 15px rgba(0,0,0,0.08); overflow-wrap:anywhere;}
#page.donate .paragraph .payments .option .wallet input {background-color:transparent; width:100%; overflow:hidden; padding-right:15px; font-family:inherit; font-size:15px; line-height:20px; color:var(--color-green-highlight); text-overflow:ellipsis; letter-spacing:0.5px;}
#page.donate .paragraph .payments .option .wallet .btn {background-color:transparent; display:flex; margin-left:10px;}
#page.donate .paragraph .payments .option .wallet .btn svg {height:20px; width:20px;}
#page.donate .paragraph .payments .option .wallet .btn.copy svg {fill:var(--color-green-highlight);}
#page.donate .paragraph .payments .option .wallet .btn.link svg {fill:var(--color-blue-highlight);}


#page.donate .paragraph .note {margin-top:15px; font-size:14px; color:#333;}

#page.donate #page-footer {padding-right:10px; padding-left:10px;}
#page.donate #page-footer .container {max-width:var(--width-container-medium);}





/* You just need to get this field */
.copy-input {background-color:#EAEAEB; max-width:275px; width:100%; padding:15px 45px 15px 15px; border:none; border-radius:5px; font-family:"Montserrat", sans-serif; font-size:14px; color:#6C6C6C; cursor:pointer; box-shadow:0 3px 15px #B8C6DB; -moz-box-shadow:0 3px 15px #B8C6DB; -webkit-box-shadow:0 3px 15px #B8C6DB;}
.copy-input:focus {outline:none;}

.copy-btn {background-color:#EAEAEB; margin-left:-50px; width:40px; padding:6px 9px; border:none; border-radius:5px; font-size:18px; color:#6C6C6C; transition:all 0.4s;}
.copy-btn:hover {transform:scale(1.3); color:#1A1A1A; cursor:pointer;}
.copy-btn svg {height:20px; width:20px;}

.copy-btn:focus {outline:none;}

.copied {position:fixed; bottom:20px; left:0; right:0; background-color:#FFF; display:none; margin:auto; width:75px; padding:15px 15px; border-radius:5px; font-family:"Montserrat", sans-serif; color:#000; box-shadow:0 3px 15px #B8C6DB; -moz-box-shadow:0 3px 15px #B8C6DB; -webkit-box-shadow:0 3px 15px #B8C6DB;}
/* You just need to get this field */

/* ---  M E D I A   Q U E R I E S  --- */

@media (max-width:991px) {/* Rules for tablets and smaller viewports */}

@media (max-width:767px) {/* Rules for smartphones only */
	#page.donate #wrapper {margin-bottom:100px;}
	#page.donate .paragraph .payments .option {flex-flow:column; align-items:start;}
	#page.donate .paragraph .payments .option .name {margin-bottom:5px;}}
/* ---  M E D I A  Q U E R I E S  --- */