/*
Theme Name: Launchify
Theme URI: http://themes.kudosthemes.co.uk/launchify/
Description: A responsive coming soon theme.
Author: Paul Allen
Author URI: http://paulallen.me.uk
Version: 1.0
*/





/*=============================================================================
  ***************************************************************************
  
  Table of contents

  1. Global - Lines 48 - 90

  2. Typography - Lines 91 - 118

  3. Header - Lines 119 - 134

  4. About - Lines 135 - 150 & 277 - 289

  5. Countdown - Lines 151 - 167

  6. Meet The Team - Lines 168 - 182 & 290 - 302

  7. Get Notified - Lines 183 - 197

  8. Footer - Lines 198 - 215 & 240 - 252

  9. Background Images - Lines 310 - 330

  ***************************************************************************
=============================================================================*/










/*=============================================================================
  ***************************************************************************
  Global
  ***************************************************************************
=============================================================================*/


/*========== Inputs ==========*/
input[type="submit"],
input[type="email"],
textarea { -webkit-appearance: none; outline: none; border: none;}
button:focus { outline: none;}
::-webkit-input-placeholder { color: #fff;}
:-moz-placeholder { color: #fff;}
::-moz-placeholder { color: #fff;}
:-ms-input-placeholder { color: #fff;}


/*========== Buttons ==========*/
.button { display: inline-block; margin-top: 75px; padding: 15px 30px; border-radius: 50px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.btn-flat-white { border: 2px solid #fff; color: #fff; background: rgba(255,255,255, .10);}
.btn-flat-white:hover { color: #428bca; background: rgba(255,255,255);}
.btn-flat-colour { border: 2px solid #666; color: #666;}
.btn-flat-colour:hover { color: #666;}


/*========== Sections ==========*/
.page-wrap { overflow: hidden;}
.section { padding: 100px 0; }
.section.no-pad { padding: 0;}
.overlay { padding: 100px 0;}
#header .overlay { padding: 0;}
.section-header { margin-bottom: 75px;}
.background-image { color: #fff;}




/*=============================================================================
  ***************************************************************************
  Typography
  ***************************************************************************
=============================================================================*/

html,body,input { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; color: #666;}

html,body { overflow-x: hidden; margin: 0px !important;}

h1,h2,h3,h4,h5,h6 { font-weight: 300;}

a { outline: none; color: #fff;}
a:hover, 
a:active, 
a:focus { text-decoration: none; outline: none;}

input,
textarea { font-size: 16px;}

.text-centre { text-align: center;}
.bold { font-weight: 900;}






/*=============================================================================
  ***************************************************************************
  Header
  ***************************************************************************
=============================================================================*/

.intro { display: table; width: 100%;}
.intro-inner { height: 100%; display: table-cell; vertical-align: middle;}
.logo img { max-width: 100%; width: 300px; display: block; margin: 0 auto 75px auto;}
.text-logo { font-family: 'Pacifico', cursive; font-size: 50px; text-shadow: 2px 2px 0 rgba(0,0,0,.10); margin: 0 auto 75px auto; display: none;}




/*=============================================================================
  ***************************************************************************
  Footer
  ***************************************************************************
=============================================================================*/

.social-nav { text-align: center;}
.social-nav a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #ddd; margin: 0 5px; color: #ddd; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.social-nav a:hover { color: #999;}
.social-nav span { line-height: 36px; font-size: 18px;}
.footer-nav { margin-top: 75px;}
.footer-nav a { color: #666; width: 50%; display: inline-block; margin-bottom: 5px; padding: 5px;}





/*=============================================================================
  ***************************************************************************
  768px Media Query
  ***************************************************************************
=============================================================================*/

@media (min-width: 768px) {






/*=============================================================================
  ***************************************************************************
  Footer
  ***************************************************************************
=============================================================================*/

.footer-nav a { width: auto; margin: 0 10px;}






} /*========== 768px MEDIA QUERY END ==========*/









/*=============================================================================
  ***************************************************************************
  992px Media Query
  ***************************************************************************
=============================================================================*/


@media (min-width: 992px) {






/*=============================================================================
  ***************************************************************************
  About
  ***************************************************************************
=============================================================================*/

.about-module { margin-bottom: 0;}






/*=============================================================================
  ***************************************************************************
  Meet the Team
  ***************************************************************************
=============================================================================*/

.team-module { width: 100%; margin: 0;}






} /*========== 992px MEDIA QUERY END ==========*/






/*=============================================================================
  ***************************************************************************
  Background Images
  ***************************************************************************
=============================================================================*/

#header.background-image { background: url('../img/background.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}

.overlay { background: rgba(0,0,0,0.5); width: 100%; height: 100%;}








/*=============================================================================
  ***************************************************************************
  COPY COLOUR SCHEME BELOW HERE!!!!
  ***************************************************************************
=============================================================================*/