* {
    background-color: white;
    font-family: Georgia, 'Times New Roman', Times, serif 'Open Sans', 'Helvetica Neue', sans-serif;
}

.vegan-chocolate-container {
    display: flex;
    flex-direction: column;
    background-color: white;
    justify-content: center;
}

.vegan-chocolate-container-border {
    border-style: solid;
    border-width: 2px;
    border-color: black;
    border-radius: 6px;
    box-shadow: 3px 4px darkgrey;
}

.vegan-chocolate-container-border-2 {
    border-style: solid;
    border-width: 2px;
    border-color: black;
    border-radius: 6px;
    box-shadow: 3px 4px darkgrey;
}

.vegan-chocolate-container > div {
    background-color: white;
    margin: 5px;
    padding: 5px;
}

.vegan-chocolate-logo-container {
    display: flex;
    align: center;
}

.vegan-chocolate-logo-container > div {
    background-color: white;   
    margin-bottom: -100px;
}
  
.chocolate-box-container {
    display: flex;
    flex-direction: column;  
    justify-content: center;  
}

.chocolate-box-container > div {
    background-color: white;
  
}

.chocolate-box-shadow {
    border-style: solid;
    border-width: 2px transparent;
    border-color: black;
    border-radius: 5px;
    box-shadow: 3px 4px darkgrey;
}

.chocolate-box-width {
    width: 100%;
}

hr {
    display: block;
    position: relative;
    padding: 0;
    margin: 8px auto;
    height: 0;
    width: 100%;
    max-height: 0;
    font-size: 1px;
    line-height: 0;
    clear: both;
    border: none;
    border-top: 2px solid black;
    }

h1 {
    margin: 0px;
    margin-top:-8px;
    color:black;
    align: center; 
}

.h1 {
    font-size: 18px;
}

.h1 a {
    text-decoration: none; 
    color:black;
    align: center;    
}

button {
   border:none;
   background-color:transparent;
   outline:none;
}

.chocolate-button {
    background: #ffe978;
    background-image: -webkit-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -moz-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -ms-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -o-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: linear-gradient(to bottom, #ffe978, #f7f0d7);
    -webkit-border-radius: 11;
    -moz-border-radius: 11;
    border-radius: 11px;
    text-shadow: 2px 1px 2px #666666;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 4px 4px 2px #666666;
    color: #000000;
    padding: 24px 16px 8px 16px;
    border: solid #fff2b0 2px;
    text-decoration: none;
}

.chocolate-button:hover {
    background: #f7f0d7;
    background-image: -webkit-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -moz-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -ms-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -o-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: linear-gradient(to bottom, #f7f0d7, #ffe978);
    text-decoration: none;    
}


.chocolate-button-1 {
    padding: 42px 16px 8px 16px;
    font-size: 28px;
    text-shadow: 1px 1px 2px #666666;
    margin-bottom: 42px;
}

.chocolate-button-2 {
    padding: 42px 16px 8px 16px;
    font-size: 28px;
    text-shadow: 1px 1px 2px #666666;
    margin-bottom: 42px;   
}

.chocolate-button-3 {
    padding: 42px 16px 8px 16px;
    font-size: 28px;
    text-shadow: 1px 1px 2px #666666;
    margin-bottom: 16px;
 }



.chocolate-footer {
    margin-bottom: 14px; 
}


.chocolate-gift-box-mobile {
    padding: 145px 16px 8px 16px;
    font-size: 28px;
    text-shadow: 1px 1px 2px #666666;
    margin: 0px;
}





@media (min-width: 600px) {

h1 {
    font-size: 46px;
    margin: 0px;
    margin-top:-28px;
    color:black;
    align: center; 
}

.chocolate-button-1-1 {
    background: #ffe978;
    background-image: -webkit-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -moz-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -ms-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -o-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: linear-gradient(to bottom, #ffe978, #f7f0d7);
    -webkit-border-radius: 11;
    -moz-border-radius: 11;
    border-radius: 11px;
    text-shadow: 2px 1px 2px #666666;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 4px 4px 2px #666666;
    color: #000000;
    padding: 6px 16px 8px 16px;
    border: solid #fff2b0 2px;
    text-decoration: none;
    font-size: 16px;
    position: absolute;
    top: 20px;
    right: 16px;
    z-index: 1;
}

.chocolate-button-1-1:hover {
    background: #f7f0d7;
    background-image: -webkit-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -moz-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -ms-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -o-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: linear-gradient(to bottom, #f7f0d7, #ffe978);
    text-decoration: none;
}

.chocolate-button-1-2 {
    background: #ffe978;
    background-image: -webkit-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -moz-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -ms-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -o-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: linear-gradient(to bottom, #ffe978, #f7f0d7);
    -webkit-border-radius: 11;
    -moz-border-radius: 11;
    border-radius: 11px;
    text-shadow: 2px 1px 2px #666666;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 4px 4px 2px #666666;
    color: #000000;
    padding: 6px 16px 8px 16px;
    border: solid #fff2b0 2px;
    text-decoration: none;
    font-size: 40px;
    margin-right: 5px;  
}

.chocolate-button-1-2:hover {
    background: #f7f0d7;
    background-image: -webkit-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -moz-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -ms-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -o-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: linear-gradient(to bottom, #f7f0d7, #ffe978);
    text-decoration: none;
}

.chocolate-button-1-3 {
    background: #ffe978;
    background-image: -webkit-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -moz-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -ms-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -o-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: linear-gradient(to bottom, #ffe978, #f7f0d7);
    -webkit-border-radius: 11;
    -moz-border-radius: 11;
    border-radius: 11px;
    text-shadow: 2px 1px 2px #666666;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 4px 4px 2px #666666;
    color: #000000;
    padding: 6px 16px 8px 16px;
    border: solid #fff2b0 2px;
    text-decoration: none;
    font-size: 40px;
    margin-right: 5px;  
}

.chocolate-button-1-3:hover {
    background: #f7f0d7;
    background-image: -webkit-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -moz-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -ms-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -o-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: linear-gradient(to bottom, #f7f0d7, #ffe978);
    text-decoration: none;
}

.vegan-chocolate-logo-container {  
    position: relative;
    top: -20px;
}

.vegan-chocolate-logo-container > div {
      background-color: white;
}

.hidden-chocolate-1 {
    display: none;
}

.hidden-chocolate-2 {
    display: none;
    display: flex;
    justify-content: center;
}


.chocolate-button-desktop {
    background: #ffe978;
    background-image: -webkit-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -moz-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -ms-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: -o-linear-gradient(top, #ffe978, #f7f0d7);
    background-image: linear-gradient(to bottom, #ffe978, #f7f0d7);
    -webkit-border-radius: 11;
    -moz-border-radius: 11;
    border-radius: 11px;
    text-shadow: 2px 1px 2px #666666;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 4px 4px 2px #666666;
    color: #000000;
    padding: 8px 16px 8px 16px;
    border: solid #fff2b0 2px;
    text-decoration: none;
    font-size: 40px;
    margin: 30px;
}

.chocolate-button-desktop:hover {
    background: #f7f0d7;
    background-image: -webkit-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -moz-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -ms-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: -o-linear-gradient(top, #f7f0d7, #ffe978);
    background-image: linear-gradient(to bottom, #f7f0d7, #ffe978);
    text-decoration: none;    
}









<!-- AWeber Web Form Generator 3.0.1 -->

#af-form-1028291916 .af-body{font-family:Helvetica, sans-serif;font-size:16px;color:#444444;background-image:none;background-position:inherit;background-repeat:no-repeat;padding-top:10px;padding-bottom:10px;}
#af-form-1028291916 .af-body .privacyPolicy{font-family:Helvetica, sans-serif;font-size:16px;color:#444444;}
#af-form-1028291916 {border-style:none;border-width:1px;border-color:#CFCFCF;background-color:#FFFFFF;}
#af-form-1028291916 .af-standards .af-element{padding-left:20px;padding-right:20px;}
#af-form-1028291916 .af-quirksMode{padding-left:20px;padding-right:20px;}
#af-form-1028291916 .af-header{font-family:Helvetica, sans-serif;font-size:16px;color:#444444;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-width:1px;background-image:none;background-position:inherit;background-repeat:no-repeat;background-color:#FFFFFF;padding-left:15px;padding-right:15px;padding-top:20px;padding-bottom:5px;}
#af-form-1028291916 .af-footer{font-family:Helvetica, sans-serif;font-size:16px;color:#444444;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-width:1px;background-image:none;background-position:top left;background-repeat:no-repeat;background-color:#EBF0F2;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;}
#af-form-1028291916 .af-body input.text, #af-form-1028291916 .af-body textarea{border-color:#D6DEE3;border-width:2px;border-style:solid;font-family:Trebuchet MS, sans-serif;font-size:16px;font-weight:normal;font-style:normal;text-decoration:none;color:#444444;background-color:#EBF0F2;}
#af-form-1028291916 .af-body input.text:focus, #af-form-1028291916 .af-body textarea:focus{border-style:solid;border-width:1px;border-color:#D6DEE3;background-color:#ABDAEF;}
#af-form-1028291916 .af-body label.previewLabel{font-family:Helvetica, sans-serif;font-size:16px;font-weight:bold;font-style:normal;text-decoration:none;color:#444444;display:block;float:none;text-align:left;width:auto;}
#af-form-1028291916 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-1028291916 .buttonContainer input.submit{font-family:Helvetica, sans-serif;font-size:18px;font-weight:normal;font-style:normal;text-decoration:none;color:#FFFFFF;background-color:#333333;background-image:none;}
#af-form-1028291916 .buttonContainer{text-align:center;}
#af-form-1028291916 .af-body label.choice{font-family:inherit;font-size:inherit;font-weight:normal;font-style:normal;text-decoration:none;color:#000000;}
#af-form-1028291916 .af-body a{font-weight:normal;font-style:normal;text-decoration:underline;color:#777777;}
#af-form-1028291916, #af-form-1028291916 .quirksMode{width:100%;max-width:418.0px;}
#af-form-1028291916.af-quirksMode{overflow-x:hidden;}
#af-form-1028291916 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1028291916{overflow:hidden;}
#af-form-1028291916 button,#af-form-1028291916 input,#af-form-1028291916 submit,#af-form-1028291916 textarea,#af-form-1028291916 select,#af-form-1028291916 label,#af-form-1028291916 optgroup,#af-form-1028291916 option {float:none;margin:0;position:static;}
#af-form-1028291916 select,#af-form-1028291916 label,#af-form-1028291916 optgroup,#af-form-1028291916 option {padding:0;}
#af-form-1028291916 input,#af-form-1028291916 button,#af-form-1028291916 textarea,#af-form-1028291916 select {font-size:100%;}
#af-form-1028291916 .buttonContainer input.submit {width:auto;}
#af-form-1028291916 form,#af-form-1028291916 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1028291916 img {float:none;color:inherit;margin:0;padding:0;position:static;background-color:none;border:none;}
#af-form-1028291916 div {margin:0;}
#af-form-1028291916 {display:block;}
#af-form-1028291916 body,#af-form-1028291916 dl,#af-form-1028291916 dt,#af-form-1028291916 dd,#af-form-1028291916 h1,#af-form-1028291916 h2,#af-form-1028291916 h3,#af-form-1028291916 h4,#af-form-1028291916 h5,#af-form-1028291916 h6,#af-form-1028291916 pre,#af-form-1028291916 code,#af-form-1028291916 fieldset,#af-form-1028291916 legend,#af-form-1028291916 blockquote,#af-form-1028291916 th,#af-form-1028291916 td { float:none;color:inherit;margin:0;padding:0;position:static;}
#af-form-1028291916 p { color:inherit;}
#af-form-1028291916 ul,#af-form-1028291916 ol {list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-1028291916 .bodyText p {margin:1em 0;}
#af-form-1028291916 table {border-collapse:collapse;border-spacing:0;}
#af-form-1028291916 fieldset {border:0;}
.af-clear{clear:both;}
.af-form{box-sizing:border-box; margin:auto; text-align:left;}
.af-element{padding-bottom:5px; padding-top:5px;}
.af-form-wrapper{text-indent: 0;}
.af-body input.submit, .af-body input.image, .af-form .af-element input.button{float:none!important;}
.af-body input.submit{white-space: inherit;}
.af-body input.text{width:100%; padding:2px!important;}
.af-body .af-textWrap{text-align:left;}
.af-element label{float:left; text-align:left;}
.lbl-right .af-element label{text-align:right;}
.af-quirksMode .af-element{padding-left: 0!important; padding-right: 0!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-body input.image{border:none!important;}
.af-body input.text{float:none;}
.af-element label{display:block; float:left;}
.lastNameContainer { margin-top:10px; }
.af-header,.af-footer { margin-bottom:0; margin-top:0; padding:10px; }
body {
}

#af-form-1028291916 {
  border-radius: 6px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px;
  font-size: 16px;
}
#af-form-1028291916 .af-body {

}
#af-form-1028291916 .af-body .af-element {
  margin-top: 1rem !important;
  padding-top: 0;
  padding-bottom: 2px;
}
#af-form-1028291916 .af-body .af-element:first-child {
  margin-top: 0 !important;
}
#af-form-1028291916 .af-body label.previewLabel {
  margin-bottom: 0.25rem !important;
}
#af-form-1028291916 .af-body input.text {
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  margin-top: 0.25rem !important;
  padding: 8px 12px !important;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
#af-form-1028291916 .af-body input.text:focus {
  outline: none;
}
#af-form-1028291916 .af-body select {
  width: 100%;
}
#af-form-1028291916 .af-body .af-dateWrap select {
  width: 33%;
}
#af-form-1028291916 .choiceList-radio-stacked {
  margin-bottom: 1rem !important;
  width: 100% !important;
}
#af-form-1028291916 .af-element-radio {
  margin: 0 !important;
}
#af-form-1028291916 .af-element-radio input.radio {
  display: inline;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0;
}
#af-form-1028291916 .af-element-radio input.radio:checked ~ label {
  font-weight: 700 !important;
}
#af-form-1028291916 .af-element-radio input.radio:focus ~ label {
  box-shadow: inset 0 0 0 2px rgba(25,35,70,.25);
}
#af-form-1028291916 .af-element-radio input.radio:checked ~ label:before {
  background-color: #777777;
  border-color: #d6dee3;
}
#af-form-1028291916 .af-element-radio label.choice {
  border: 1px solid #d6dee3;
  border-radius: 3px !important;
  display: block !important;
  font-weight: 300 !important;
  margin: 0.5rem 0 !important;
  padding: 1rem 1rem 1rem 2rem !important;
  position: relative;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
#af-form-1028291916 .af-element-radio label.choice:before {
  background-color: #FFF;
  border: 1px solid #d6dee3;
  border-radius: 50%;
  content: '';
  height: 0.75rem;
  margin-left: -1.3rem;
  position: absolute;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  width: 0.75rem;
}
#af-form-1028291916 .buttonContainer {
  box-sizing: border-box !important;
}
#af-form-1028291916 .af-footer {
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 6px 6px -6px;
  box-sizing: border-box !important;
}
#af-form-1028291916 .af-footer p {
  margin: 0 !important;
}
#af-form-1028291916 input.submit,
#af-form-1028291916 #webFormSubmitButton {
  background-image: none;
  border: none;
  border-radius: 3px !important;
  margin-top: 0.5rem !important;
  padding: 0.6rem 2.5rem !important;
  -webkit-appearance: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  width: 100% !important;
}
#af-form-1028291916 input.submit:hover,
#af-form-1028291916 #webFormSubmitButton:hover {
  cursor: pointer;
  opacity: 0.9;
}
#af-form-1028291916 input.text {
  border-radius: 3px !important;
  margin-top: 0.5rem !important;
  padding: 0.6rem 2.5rem !important;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  width: 100% !important;
}
#af-form-1028291916 input.text:hover {
  cursor: pointer;
  opacity: 0.9;
}


.privacyPolicy p {
  font-size: 0.75rem !important;
}


}