/*
 Theme Name:  iSpeak Arabic LP Theme
 Theme URI:    http:// 
 Description:  Child Theme
 Author:       Justin Yingling
 Author URI:   https://fosemckay.com
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          
 Text Domain:  twentynineteen
*/

#intro-video-section {
  bottom: 0;
  height: 100%;
  width: 100%;
  left: 0;
  position: fixed;
  z-index: 1
}

.coming-soon-img {
  bottom: 0;
  left: 0;
  position: fixed
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}


.lp-content { height: 100vh; overflow: hidden }
.desktop-lp--intro-logo { text-align: center; width: 100% }
.desktop-lp--intro-logo img { display: inline-block; max-width: 100%; width: 496px; margin-left: -50px; margin-top: 130px  }
.desktop-lp--intro-footer { bottom: 0; max-width: 100%; position: relative }
@media (min-width: 1600px) { 
  .desktop-lp--intro-logo img { margin-top: 150px; width: 550px }
}
.clear { clear: both }
/* .subscriber-form { background: #fff; border: 0; display: block;  margin : 0 auto; max-width: 100%; padding: 0 20px; text-align: center; width: 600px; z-index: 10000 } */
.desktop-lp .subscriber-form  {  border: 0; display: block; left: -30px; margin : 0 auto; position: absolute; text-align: center; top: 8%;  width: 100%; z-index: 1000 }
/* .subscriber-form { background: #fff; border: 0; display: inline-block; position: absolute; bottom: 260px; left: -304px; margin-left: 50%; max-width: 100%; padding: 0 20px; text-align: center; width: 600px; z-index: 1000 } */

/* .subscriber-form--inner { border: 2px solid #2875b4; border-radius: 4px  } */
.subscriber-form--inner { background: #fff; display: inline-block; margin : 0 auto; padding: 60px; position: relative }
.subscriber-form--inner img {margin: 0 auto 30px; width: 440px; max-width: 100% }     
.subscriber-form--inner span { position: absolute; top: 0; right: 20px }

.coming-soon-text {position: absolute; text-align: center; top: 35%;  width: 100%; z-index: 100}
.coming-soon-text h3 { color: #C63A5B; font-size: 50px; margin: 0 }


.subscriber-form h3 { color: #C63A5B; font-size: 25px; margin: 0 }
.subscriber-form #gform_wrapper_1 { display: inline-block; margin: 0 auto 8px }
.subscriber-form  #field_1_1 { padding-right: 0 }
.subscriber-form #gform_submit_button_1 { background: #256FA4; border-radius: 0; font-size: 14px; font-weight: normal; margin-top: 12px; padding: 10px 12px }
.subscriber-form #input_1_1 { font-size: 14px; line-height: 34px; padding: 0; text-indent: 12px; width: 200px }
.subscriber-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 14px
}
.subscriber-form ::-moz-placeholder { /* Firefox 19+ */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 14px
}
.subscriber-form :-ms-input-placeholder { /* IE 10+ */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 14px
}
.subscriber-form :-moz-placeholder { /* Firefox 18- */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 14px
}

.mobile-lp { display: none }

@media (max-width: 767px) { 
  .desktop-lp { display: none }
  .mobile-lp { display: block; height: 100vh; overflow: hidden; position: relative }
  .mobile-lp--intro-logo{ margin: 80px auto 50px; text-align: center }
  .mobile-lp--intro-logo img { display: block; max-width: 70%; margin: 0 auto } 
  .mobile-lp--intro-footer img { display: block; max-width: 100% }
  .mobile-lp--intro-footer { position: absolute; bottom: 0 }
  
  .mobile-lp .subscriber-form { bottom: 0; left: 0; position: relative; margin: 0 auto; max-width: 90%; text-align: center  }
  .mobile-lp .subscriber-form #gform_wrapper_1 { display: block; margin: 0 auto }
  .mobile-lp .subscriber-form #input_1_1 { width: 100% }
  .mobile-lp .subscriber-form .gform_wrapper .gform_footer { margin: 0; padding-top: 0 }
  
}