.dop-style *{margin:0;padding:0;box-sizing:border-box}.frame{margin:0 auto;max-width:100%}.frame:after{content:"";display:table;clear:both}[class*=bit-]{float:left;padding:.3em}.bit-1{width:100%}.bit-2{width:50%}.bit-3{width:33.33333%}.bit-4{width:25%}.bit-5{width:20%}.bit-6{width:16.66667%}.bit-7{width:14.28571%}.bit-8{width:12.5%}.bit-9{width:11.11111%}.bit-10{width:10%}.bit-11{width:9.09091%}.bit-12{width:8.33333%}.bit-25{width:25%}.bit-40{width:40%}.bit-60{width:60%}.bit-75{width:75%}@media (max-width:30em){.bit-1,.bit-10,.bit-11,.bit-12,.bit-2,.bit-3,.bit-4,.bit-5,.bit-6,.bit-7,.bit-8,.bit-9{width:100%}}@media (min-width:30em) and (max-width:50em){.bit-10,.bit-12,.bit-4,.bit-6,.bit-8{width:50%}.bit-1,.bit-11,.bit-2,.bit-3,.bit-5,.bit-7,.bit-9{width:100%}}@media (min-width:50em) and (max-width:68.75em){.bit-2,.bit-7{width:100%}.bit-10,.bit-12,.bit-4,.bit-8{width:50%}}

.dop-site-language-select-wrap {
  bottom: 20px;
  right: 25px;
  background: #FFF;
  padding: 7px 15px;
  font-size: 15px;
  position: absolute !important;
}

.sf_colsIn.interior-layout__aside {
  display: none !important;
}

.sf_colsIn.interior-layout__main {
  width: 100% !important;
  padding-right: 0 !important;
  float: none !important;
}

  body p { font-size: 18px; line-height: 30px; }

  .container { width: 100%; padding: 0; }

  h1.page-title { display: none; }

  #dop { position: relative; max-width: 800px; margin-left: auto; margin-right: auto; }
  #dop2 { position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; }
  #resources { position: relative; width: 100%; padding: 90px 0; margin-bottom: 90px; background: url('https://www.acsi.org/images/default-source/common/landing-pages/dayofprayer2021-graphic-solo2jpg.jpg?Status=Master&sfvrsn=a74a9a32_2') no-repeat left center; background-size: cover; }
  #resources .inner { position: relative; max-width: 1040px; margin-left: auto; margin-right: auto; padding: 0 20px; }

  .centered-text-section {
    padding-bottom: 65px;
    text-align: center;
  }

  .centered-text-section .inner {
    position: relative;
    padding: 0 20px;
  }

  .centered-text-section p {
    margin-bottom: 30px;
  }

  #resources .centered-content {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

   #resources .centered-content p {
    color: #FFF;
    margin-bottom: 30px;
  }

  #resources .centered-content .resource-button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 50px 0;
    width: 300px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #0071bb;
    text-decoration: none;
    font-size: 22px;
    color: #FFF;
    font-weight: bold;
  }

  #resources .centered-content .special {
    font-size: 30px;
    line-height: 35px;
  }

  #resources .inner h2 { text-align: center; color: #FFF; margin-bottom: 50px; }
  #resources .inner .split-content { position: relative; }
  #resources .inner .split-content .split-col.col1 { margin-bottom: 70px; }
  #resources .inner .split-content .split-col p { color: #FFF; margin-bottom: 25px; }
  #resources .inner .split-content .split-col p.special { position: relative; margin-bottom: 20px; font-size: 30px; line-height: 35px; color: #FFF; }
  #resources .inner .split-content .split-col ul { position: relative; margin-bottom: 0; margin-left: 31px; }
  #resources .inner .split-content .split-col ul li { position: relative; margin-bottom: 16px; font-style: italic; font-size: 20px; line-height: 32px; color: #FFF; }
  #resources .inner .split-content .split-col .col-title { position:relative; margin-bottom: 25px; font-size: 22px; line-height: 30px; color: #FFF; font-weight: bold; }
  #resources .inner .split-content .split-col .col-title i { margin-right: 4px; }
  #resources .inner .split-content .split-col.col2 { text-align: center; }
  #resources .inner .split-content .split-col.col2 a, #resources .inner .split-content .split-col.col2 .a-style { position: relative; display: inline-block; vertical-align: top; margin: 0 10px 30px 10px; width: 300px; height: 48px; line-height: 48px; text-align: center; background: #0071bb; text-decoration: none; font-size: 22px; color: #FFF; font-weight: bold; }
  #resources .inner .split-content .split-col.col2 a:last-child { margin-bottom: 0; }
  #pray-for-one-another { position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; }
  .dop-style iframe { max-width: 100%; }
  .dop-style h2 { color: #0071BB; font-weight: 700; font-size: 50px; }
  .dop-style h2.wline { border-bottom: #F9A337 2px solid; padding: 0 15px; text-align: center; margin-bottom: 30px; }
  .dop-style .clear { position: relative; clear: both; }

  .dop-style .dop-quick-nav { position: relative; margin-bottom: 60px; text-align: center; line-height: 24px; }
  .dop-style .dop-quick-nav p { margin-bottom: 30px; }
  .dop-style .dop-quick-nav p:last-child { margin-bottom: 0; }

  .dop-style .top { position: relative; text-align: center; color: #FFFFFF; margin-bottom: 50px; padding-top: 50px; }
  .dop-style .top img { max-width: 100%; width: 100%; height: auto; }
  .dop-style .top .inner { position: relative; width: 100%;  }
  .dop-style .top .img1 { display: block; margin-bottom: 10px; }
  .dop-style .top .line1 { margin-bottom: 15px; text-transform: uppercase; font-size : 21px; letter-spacing : 2.1px; color : #FFFFFF; font-weight: normal; }
  .dop-style .top .line2 { margin-bottom: 45px; font-weight : 700; font-style : italic; font-size : 31px; color : #FFFFFF; }
  .dop-style .top .line3 { font-weight: 700;  }
  .dop-style .top .line3 em { display: block; margin-bottom: 10px; font-weight: 100; font-size: 24px; }

  .dop-style .dop-content-top { position: relative; margin-bottom: 30px; overflow: hidden; line-height: 25px; }
  .dop-style .dop-content-top>div { position: relative; overflow: hidden; }
  .dop-style .dop-content-top p { margin-bottom: 30px; }
  .dop-style .dop-content-top p:last-child { margin-bottom: 0; }
  .dop-style .dop-content-top .download-guide { float: right; margin-left: 30px; margin-bottom: 15px; }

  .dop-style .dop-join-movement { position: relative; text-align: center; background-color: #FAFAFA; padding: 40px 20px; }
  .dop-style .dop-join-movement h2 { margin-bottom: 10px; }
  .dop-style .dop-join-movement .h2-extra-line { color: #0071BB; font-weight: 700; font-size: 30px; margin-bottom: 40px; text-align: center;  }
  .dop-style .dop-join-movement .step { position: relative; margin-bottom: 60px; }
  .dop-style .dop-join-movement .step .icon-bar { position: relative; text-align: center; margin-bottom: 20px; }
  .dop-style .dop-join-movement .step .icon-bar:before { content: ""; height: 2px; background-color: #F9A337; width: 100%; position: absolute; top: 50%; margin-top: -1px; z-index: 1; left: 0; }
  .dop-style .dop-join-movement .step .icon-bar .icon { display: inline-block; background-color: #FAFAFA; margin-left: auto; margin-right: auto; width: 130px; height: 44px; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 5; }

  .dop-style .dop-join-movement .step1 .icon-bar .icon { background-image: url('https://www.acsi.org/Images/Day of Prayer/prayer-icon-1.svg'); }
  .dop-style .dop-join-movement .step2 .icon-bar .icon { background-image: url('https://www.acsi.org/Images/Day of Prayer/prayer-icon-2.svg'); }
  .dop-style .dop-join-movement .step3 .icon-bar .icon { background-image: url('https://www.acsi.org/Images/Day of Prayer/prayer-icon-3.svg'); }
  .dop-style .dop-join-movement .step4 .icon-bar .icon { background-image: url('https://www.acsi.org/Images/Day of Prayer/prayer-icon-4.svg'); }

  .dop-style .a-movement-section { position: relative; margin: 0 auto; padding: 40px 0; max-width: 810px; border-top: solid 1px #cecece; text-align: left; }
  .dop-style .a-movement-section.a-movement-section-1 { position: relative; margin: 0 auto; max-width: 800px; border-top: solid 1px #faa44a; }
  .dop-style .a-movement-section .icon { display: none; }
  .dop-style .a-movement-section a { font-style: italic; text-decoration: underline; color: #0071bb; }

  .dop-style .dop-prayer-form-cols { position: relative; padding: 0 20px; }
  .dop-style .dop-for-others { position: relative; margin-bottom: 60px; }

  #dop-form-wrap { position: relative; margin: 0 auto 0; }
  #dop-form-wrap label { display: none; font-weight: 700; margin-bottom: 7px; }
  #dop-form-wrap label.error { font-weight: normal; color: red; padding: 5px 0; margin-bottom: 0; }
  #dop-form-wrap input[type=text],
  #dop-form-wrap input[type=email],
  #dop-form-wrap textarea,
  #dop-form-wrap select { width: 100%; line-height: 30px; padding: 3px 10px; border: #c0c0c0 2px solid; font-size: 18px; }
  #dop-form-wrap textarea { line-height: 1.4em; min-height: 200px; border: #c0c0c0 2px solid; padding: 10px; font-size: 18px; }
  #dop-form-wrap input[type=submit] { background: #0071BB; border: none; color: #FFFFFF; text-align: center; line-height: 48px; height: 48px; padding: 0 40px; font-size: 15px; }
  #dop-form-wrap .row { margin-bottom: 15px; }
  #dop-form-wrap .row .frame .bit-2:first-child { margin-bottom: 30px; }
  #tacount { color: #a7a7a7; }

  .dop-style #form-msg { position: relative; color: red; }

  #dopmap-iframe-wrap { position: relative; width: 100%; margin: 0 auto 60px; }
  #prayer-map-wrap { position: relative; margin: 0 auto 30px; text-align: center; }
  #prayer-map { width: 100%; height: 450px; }

  .dop-style .dop-how { position: relative; overflow: hidden; margin-bottom: 60px; }
  .dop-style .how-to-content { position: relative; }
  .dop-style .how-to-content p,
  .dop-style .how-to-content ul { margin-bottom: 30px; }
  .dop-style .how-to-content ul { padding-left: 15px; }
  .dop-style .download-guide { position: relative; background: #FAFAFA; text-align: center; padding: 25px; }
  .dop-style .download-guide h2 { margin-bottom: 25px; }
  .dop-style .download-guide a { display: block; text-align: center; color: #FFFFFF; font-size: 14px; background: #0071BB; line-height: 30px; font-style: italic; font-weight: normal; }
  .dop-style .download-guide a .fa-download { margin-right: 5px; }

  .dop-style .dop-worship p { margin-bottom: 30px; }

  .dop-style .ptrack { position: relative; height: 180px; overflow: scroll; }
  .dop-style .prequest { position: relative; text-align: left; width: 275px; margin-bottom: 10px; padding: 10px; }
  .dop-style .prequest p { margin-bottom: 10px; }
  .dop-style .prequest .name { font-weight: bold; margin-bottom: 5px; }
  .dop-style .prequest .school { font-weight: bold; color: #0071BB; margin-bottom: 5px; }
  .dop-style .prequest .location { font-weight: bold; margin-bottom: 0; }

  .dop-style .dop-video { position: relative; }
  .dop-style .dop-video .voverlay { padding-top: 130px; background-color: rgba(0, 113, 187, .5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; text-align: center; color: #FFFFFF; font-size: 18px; }
  .dop-style .dop-video .voverlay strong { display: block; margin-bottom: 10px; font-size: 26px; }
  .dop-style .dop-video iframe { width: 100%; display: block; }

  #address-helper { position: relative; padding: 5px 0 20px 0; font-size: 12px; }

  .dop-style .new-nav-line { position: relative; text-align: center; margin-bottom: 40px; padding-top: 2px; }
  .dop-style .new-nav-line span { position: relative; display: inline-block; margin: 0 6px !important; vertical-align: top; color: #0071bb; font-size: 22px; }
  .dop-style .new-nav-line span.unique { margin: 0 10px 0 0 !important; color: #000000; font-size: 18px; }
  .dop-style .new-nav-line a { position: relative; display: inline-block; vertical-align: top; color: #0071bb; font-size: 22px; font-weight: bold; text-decoration: underline; }

  .dop-style .download-button { position: relative; display: block; margin: 0 auto; width: 317px; height: 50px; background: #0071bb; line-height: 50px; font-weight: 700; font-size: 20px; letter-spacing: -.5px; color: #FFF; text-align: center; }

  .dop-style .download-button i { color: #FFF; }

  .large-text-section { position: relative; padding: 90px 0; text-align: center; }
  .large-text-section p { font-size: 50px; line-height: 60px; color: #0071bb; max-width: 808px; margin: 0 auto; }

  .clear { clear: both; }

  #pray-for-one-another .wline { line-height: 1.8; margin-bottom: 60px; }

  #dop-new-top-banner {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 80px 20px;
  }

  #dop-new-top-banner .inner1 {
    position: relative;
    display: block;
    max-width: 610px;
    margin: 0 auto;
  }

  #dop-new-top-banner .title-svg-wrap {
    position: relative;
    display: block;
    margin-bottom: 20px;
  }

  #dop-new-top-banner .title-svg-wrap svg {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
  }

  #dop-new-top-banner .extra-quote-wrap {
    position: relative;
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 30px;
    line-height: 35px;
    color: #FFF;
  }

  .iframe-special-wrapper {
    position: relative;
    padding-top: 40px;
    padding-bottom: 15px;
  }

  .iframe-special-wrapper-2 {
    position: relative;
  }

  .iframe-special-wrapper-2:before {
    content: "";
    position: relative;
    display: block;
    padding-top: 56.25%;
  }

  .iframe-special-wrapper-2 iframe {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .st0{fill:#FFFFFF !important;}
  .st1{fill:#FAA439 !important;}

  .title-block { display: none !important }

  .promote-social-wrap {
    position: relative;
  }

  .promote-social-wrap a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
    width: 34px;
  }

  .promote-social-wrap a svg {
    position: relative;
    display: block;
    width: 100% !important;
    height: auto;
  }

.iframe-wrapper {
 position: relative;
  margin-bottom: 30px;
}

.iframe-wrapper:before {
  content: "";
  position: relative;
  display: block;
  padding-top: 56.25%;
}

.iframe-wrapper iframe {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media screen and ( max-width: 500px ) {
.page-footer::before {
  left: 0 !important;
  right: 0 !important;
}
  
.dop-h2-mobile {
  font-size: 28px !important;
  line-height: 32px !important;
}
  
.dop-h2-mobile2 {
  font-size: 40px !important;
  line-height: 45px !important;
}
  
.dop-h2-mobile3 {
  font-size: 40px !important;
  line-height: 45px !important;
  padding-bottom: 30px !important;
  margin-bottom: 40px !important;
}
  
#dop-new-top-banner {
  margin-bottom: 25px !important;  
}
}

  @media screen and ( min-width: 760px ) {

      .dop-style .dop-join-movement { padding: 40px 50px; }

      .dop-style .a-movement-section { padding: 60px 0 60px 200px; }
      .dop-style .a-movement-section .icon { position: absolute; display: block; width: 75px; height: 75px; left: 60px; top: 50%; margin-top: -38px; }
      .dop-style .a-movement-section.a-movement-section-1 .icon { width: 64px; height: 64px; margin-top: -32px; }
      .dop-style .a-movement-section .icon svg { position: relative; width: 100%; height: auto; }

      .dop-style .dop-for-others { float: left; width: 250px; margin-bottom: 0; }

      #dop-form-wrap { width: calc(100% - 250px); padding-left: 66px; float: left;  }
      #dop-form-wrap .padme { padding-right: 20px; }
      #dop-form-wrap .row .frame .bit-2:first-child { margin-bottom: 0; }

      .dop-style .how-to-content { float: left; max-width: 465px; }
      .dop-style .download-guide { float: right; width: 260px; }
  
  .inner-split-wrap-dop {
  	grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 50px;
        grid-row-gap: 50px;
  }
  
  .inner-split-wrap-dop .split-part.split-part-left {
  	margin-bottom: 0
  }
  
  .iframe-wrapper {
    float: right;
    width: 49%;
    margin-bottom: 10px;
    margin-left: 20px;
  }

  }

  @media screen and ( min-width: 960px ) {
    .dop-style .a-movement-section { padding: 78px 0 78px 200px; }

    #resources .inner h2 { margin-bottom: 75px; }

    #resources .inner .split-content .split-col.col1 { float: left; width: calc(100% - 300px); padding-right: 60px; margin: 0; clear: none; }
    #resources .inner .split-content .split-col.col2 { float: left; width: 300px; margin: 0; }
    #resources .inner .split-content .split-col.col2 a, #resources .inner .split-content .split-col.col2 .a-style { margin-left: 0; margin-right: 0; }
  }

  @media screen and ( min-width: 1100px ) {
    #resources .inner .split-content .split-col.col1 { padding-right: 120px; }
  }