/******************************************
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/

#content .wrap{
	padding: 20px 15px;
}

#footer .wrap{
	padding: 0 15px;
}


/* Large Screens */
@media screen and (max-width: 1020px) {

	div.wrap {
		width: 100%;
	}

}

/* Tablet Landscape */
@media screen and (max-width: 960px) {

	#slideshow .post h2.slideshow {
		font-size: 30px;
		line-height: 36px;
	}

	#slideshowContent .featuredPostContent { 
		font-size: 17px; 
		line-height: 24px; 
	}

	/*
	#main div.column-narrow {
		margin-right: 5px;
		width: 215px;
	}
	*/
	
	.column-narrow .posts .post .cover {
		display: none;
	}

	.featured .post h3, .posts .post h3 {
		font-size: 14px;
		line-height: 21px;
	}

}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

	/* Main Menu */

    .btn_menu { 
		display: block; 
		float: left; 
		background: #2f3133 url('images/menu.png') 8px 9px no-repeat; 
		cursor: pointer;
		margin: 5px;
		margin-top: 8px;
		padding:5px 5px 0; 
		width:30px; 
		height:30px; 
		border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		position:absolute;
	}
	
	.mobile-menu { 
		display: none; 
		clear:both;
	}

	#menuhead li {
		border-right: none;
		clear: both;
		float: none;
		display: block;
		line-height: 35px;
		margin-left: 0;
		margin-bottom: 1px;
	}

	#nav a, 
	#nav #menuhead li.current-menu-item li a {
		padding: 12px 15px;
		text-shadow: none;
	}
	
	#menuhead ul {
		position: relative;
		visibility: visible !important;
		display: none;
		width: 100%;
		top: auto;
		left: auto;
		border-top: none;
	}

	#menuhead li ul {
		margin-left: 20px;
		width: 100%;
	}
	
	#menuhead li ul a {
		background: none;
		width: auto;
		float: none;
		display: inline-block;
	}

	#menuhead li ul ul {
		left: auto;
	}
	.mobile-menu ul.sub-menu {
		display: none !important;
	}
	#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:none !important; z-index: 2000;}
	
	/* Slideshow */

	#slideshow {
		padding-top: 60px;
	}
	
	#slideshowThumbs {
		height: 40px;
		width: 100%;
		margin-bottom: 0;
		text-align: center;
		left: 0;
		right: auto;
		z-index: 100;
	}

	#slideshow .post h2.slideshow {
		font-size: 24px;
		line-height: 30px;
	}

	#slideshowContent .featuredPostContent { 
		font-size: 16px; 
		line-height: 23px;
		padding-top: 0; 
	}
	
	/* Size Adjustments */
	
	#main,
	#sidebar {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	#main {
		margin-bottom: 40px;
	}

	.posts .post {
		font-size: 13px;
		line-height: 20px;
	}

	#slideshow .post h2.slideshow, h1.title {
		font-size: 30px;
		line-height: 36px;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {
	.logo_desktop{
		display:none;
	}

	.logo_mobile{
		display:block;
	}

	#bannerHead {
		display: none !important;
	}

	#logo {
		display: block;
	}

	#logo,
	#bannerHead {
		float: none;
		margin: 0 0 30px;
		text-align: center;
	}
	
	#bannerHead img {
		max-width: 100%;
		height: auto;
	}

	#nav {
		background-color: #093a69;
		background-image: none;
	}

	img.logo_mobile {
  		margin: 12px;
  	}
	
	#mainNav #search {
		/*display: none;*/
		visibility: hidden;
	}
	

	#slideshow .post h2.slideshow, h1.title {
		font-size: 24px;
		line-height: 32px;
	}

	.post-single {
		font-size: 14px;
		line-height: 21px;
	}

	/* MENU MOBILE 20/07/15 */

	#logo img {
		width:80%;
	}

	#mainNav #search {
		display:block;
		background:#333333;
		z-index:999999;
	}

	div#mainNav {
	}
	#nav .clear {
	  background-color: transparent;
	}

	#content div.column {
  		border-top: none;
  	}
	.btn_menu{
  		background-color: #093a69;
  		margin-top: -50px;

  	}

  	div#search {
	  position: relative !important;
	  width: 100% !important;
	  right: 0;
	  z-index: 2000;
	  background-color: #093a69;
	  padding: 10px 4px 10px 10px;
	  margin-right: 0px !important;
	}

	#search #setop {
		width: 85%;
  		margin-left: 25px;
	}
	#search #searchsubmittop {
		top: 16px;
  		right: 11%;
	}

	#mainNav .wrap{
		width:100%;
	}
	body {
		background: none;
	}
	.fa{
	  display:block !important;
	}
	.fa.fa-search {
  width: 40px;
  height: 40px;
  text-align: center;
}
	#nav{
		position: absolute;
		z-index: 2000;
		width: 100%;
		padding:0px;
	}
	#nav .clear {
	    background-color: transparent; 
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {
#commentform label {
  line-height: 1.5em !important;
  margin-top:10px;
 }
 
 input#author, input#email, input#url, textarea#comment {width:270px;}
}



/* All Mobile Sizes (devices and browser) */
@media screen and (min-width: 500px) and (max-width: 640px) {
	.logomobile {
		width:auto;
	}
}
@media screen and (min-width: 640px) and (max-width: 768px) {
	#bannerHead {
  		display: none;
	}
	#content div.column {
  		border-top: none;
  	}
  	#nav {
  		padding:22px;
  	}
  	#search #setop {
  		margin-top: 15px;
  	}
  	#search #searchsubmittop {
		top:20px;
	}
}
@media screen and (min-width: 768px) {
	#search #setop {
		margin-right: 10px;
    	margin-top: 5px;
	}
	#search #searchsubmittop {
		top:10px;
	}
}