/* Admin styles */

.toplevel_page_350donations .db350_banner_template,
.toplevel_page_350donations .db350_block_wrapper,
#db350-banner-mce-editor-wrapper,
#db350-block-mce-editor-wrapper {
display: none;
}

.wrap h2 {
  font-size: 1.3em;
  margin: 1em 0;
  margin-bottom: 0;
  font-weight: 600;
}

.wrap .submit input {
  width: auto;
}

.db350-radio-options {
  float: left;
  margin-right: 40px;
}

.db350-clear {
  clear: both;
}

#wp-db350-banner-copy-mce-editor-wrap, #wp-db350-block-copy-mce-editor-wrap {
  margin: 15px 0;
  width: 50%;
}

.wrap .db350_block_wrapper{
  max-width: 38rem;
}

.wrap .form-table tr:nth-child(2n) {
  background-color: transparent;
}

/* How to page */
.db350-banner-text, .donate-bar-text .text-dark{
  line-height: 1.5rem;}

.wrap.page-how-to img {
  box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4);
  margin: 20px;
}

.wrap.page-how-to h2 {
  margin-top: 40px;
  font-size: 20px;
}

.wrap.page-how-to p, .wrap.page-how-to li {
  font-size: 14px;
}

/* Banner styles */
@media screen and (min-width:950px){
  .db350_banner_template{
    display: flex;
    flex-direction: row !important;
    align-items: center;
  }

  .db350_banner_template .db350-banner-donate {
  width: 80% !important;
}

  .db350_banner_template .db350-banner-close {
    order: 0 !important;
  }
}
.db350_banner_template{
  display: flex;
  padding: 20px;
  width: 100%;
  position: relative;
  flex-direction: column;
}

.db350_banner_template .db350-buttons {
  margin: 0;
}

.db350_banner_template .db350-banner-donate {
  width: 100%;
}

.db350_banner_template .db350-buttons-other-amount {
  margin: 0;
}


@media screen and (min-width:950px) and (max-width:1049px) {
.db350_banner_template .c2 {
  margin-right: 7%;
}
}
@media screen and (min-width:1050px) {
.db350_banner_template .c2 {
  margin-right: 5%;
}
}
@media screen and (max-width:600px){
.db350-banner{
  padding-top:3em;}
.db350-banner-text{
  margin-bottom:1.4rem;}
.db350_block_wrapper{
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
}
.db350-buttons{
  border-radius:2px;
  display:flex !important;
  flex-wrap:wrap;

}

.db350-buttons h2{
  flex:0 0 100%;
  font-size:1.1rem;
  margin:0 0 0.3em;
  width:100%;}
.db350-buttons-other-amount{
display:block;
padding: 0.4em 1em;
margin:0.3em 0 0.5em 0;
color: #f0f0f0 !important;}

.db350-buttons-other-amount:hover {
color: #ffffff !important;
}
.db350-banner-buttons.db350-buttons .button{
  border-radius:2px;
  padding:0.7em 1em;
  /* margin-right: 2%; */
}
.db350-banner-close{
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  order: -1;
  align-self: flex-end;
}

p.db350-shortcode {
  margin: 0;
}

p.db350-shortcode+.db350_banner_template a.db350-banner-close.slide-up-close.modal-close.modal-close-x{
  display: none;
}

p.db350-shortcode+.db350_banner_template .db350-banner-text {
  /* margin-left: 1rem; */
}

/* Block styles */
.db350_block_wrapper {
  background-color: #e1eaf2;
  padding: 20px;
  margin: 20px 0;
}

.db350_block_template{
  padding: 20px;
  border-top:2px solid #FFA902;
}

.db350-block-buttons{
    background: rgba(0,0,0,0.4);
    padding: 1%
}
.db350-block-buttons .button{
  flex:1 1 10%;
  margin:1%;
  padding:0.7em 1em;
  border-radius:2px;
  background: #DAE6F2;
  color: #000;
}

.db350-block-buttons.teal-buttons a.button{
  background: #35c9c5;
  color: #ffffff;
}

.bg-lt-gray .button.selected{ background: #FFA902; }
.bg-orange .button.selected{ background: #35c9c5; }
.button.arrow-right::after {
    background-color: rgba(20, 35, 43, 0.6);}


.donate-block-other-amount.db350-buttons-other-amount{
width:100%;}

/* MCE Button Style */
i.mce-i-db350-icon {
    font: 400 20px/1 dashicons;
    padding: 0;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: -2px;
    padding-right: 2px;
}

.dashicons-heart:before {
  content: '\f487';
  font: 400 20px/1 dashicons !important;
}

/* Page Style */
/* Enforce no horizontal scroll */
html.baseline #container {
  width: 100%;
  overflow-x: hidden;
}