/*-------------------------------------------------------------------------------------

	Theme Name: TCPH
	Theme URI: http://playnethemes.com
	Description: Landy Child theme for TCPH
	Author: Jono Milnes
	Author URI: http://playnethemes.com
	Version: 1.41
	Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, sticky-post, theme-options, translation-ready
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Template: Landy

-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	1.	TABLET LANDSCAPE
/*-----------------------------------------------------------------------------------*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { 

  .logo {
    text-align:left;
    float:left;
  }

  .nav-area {
    display: initial;
  }
  
  .one-half {
    width: 100%!important;
    padding-bottom: 10px;
  }

}

/*-----------------------------------------------------------------------------------*/
/*	2.	TABLET PORTRAIT
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  
  .content-posts {
    width: 90%;
  }
  
  #header .lead, #header h2 {
    width: 80%!important;
  }
  
  #header .socials {
    display: none;
  }
  
  body #footer .menu-footer {
    float: left;
  }
  
  .main-button {
    margin: 25px 15px;
  }
  
  #content-wrapper section .row {
    padding: 70px 0 50px;
  }
  
  .one-half img {
    display: none;
  }

}

/*-----------------------------------------------------------------------------------*/
/*	3.	MOBILE PHONE LANDSCAPE
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {



}

/*-----------------------------------------------------------------------------------*/
/*	4.	TABLET & MOBILE PHONES GENERAL
/*-----------------------------------------------------------------------------------*/


@media only screen and (max-width:755px) {
  
  body { -webkit-text-size-adjust: none; }
  
  /*header*/
  
  #header h2 {
    padding-bottom: 10px!important;
    line-height: 35px;
  }
  

  .headerimage {
    margin-top: 40px!important;
  }
  
  #header .socials {
    display: none;
  }
  
  /*content*/
  
  #content-wrapper section .row {
    padding: 50px 0!important;
  }

  .column-last {
    margin-bottom: 0!important;
  }
  
  .one-half img {
    display: none;
  }
  
  /*Testimonial*/
  .bx-wrapper {
  *zoom: 0!important;
  }
  
  .playne_bxslide blockquote {
    font-size: 16px!important;
  }
  
  /*footer*/
  
  #footer .menu-footer .nav li {
    text-align: left;
  }

  .footer-bottom .copyright {
    text-align: left!important;
    clear: both;
    float: left!important;
  }

  .footer-bottom .copyright .copyright-text {
    text-align: left;
    line-height: 16px;
    padding-top: 20px;
  }
  
  #footer .row.scrollme {
    padding: 60px 0 40px!important;
  }

  #footer ul.socials {
    margin-top: 20px!important;
  }

  #footer .columns p.lead {
    display: block!important;
  }

  #footer .columns div.site-logo {
    display: block!important;
    padding-bottom: 20px!important;
    padding-top: 10px!important;
    top: 0!important;
  }

  #content-wrapper #footer .footer-bottom .row {
    padding: 30px 0!important;
  }

}

@media only screen and (max-width: 480px) {
  
  #header h2,
  #footer h2 {
    line-height: 35px!important;
    font-size: 20px!important;
  } 
  
  

  .row-header {
    padding: 40px 0 0!important;
  }
  
	.row, 
	.content-posts, 
	.archive-title-wrapper {
	  width: 85%!important;
	}
	
	#header .lead, #header h2 {
    width: 100%!important;
	}
	
	.no-showcase {
    padding: 40px 0 50px 0;
	}
	
}