/*
 Theme Name:   Compact
 Theme URI:    http://miclub.com.au
 Description:  MiClub Custom Theme
 Author:       
 Author URI:   http://miclub.com.au
 Version:      1.0.0
 License:      Copyright 2015 - MiClub
 License URI:  http://miclub.com.au
 Tags:         custom, responsive-layout
 Text Domain:  miclub
*/

/*
 * ======================  LIVE CHANGES GO HERE  ======================
 * Please make sure that you place a timestamp with your name whenever
 * this file is edited. If your change is a result of a ticket please
 * include the ticket number in the comment.
 */

@media screen and (max-width: 1600px) {
	.main .content {
		max-width: auto;
		margin: 0 auto;
		width: 85%;
	}
	.membership-box .info-content{
		padding: 15px;
	}
	
}

@media screen and (max-width: 1440px) {
	.membership-box:nth-child(5n+5){
		margin-right: 6%!important;
	}
	.membership-box:nth-child(2n) {
		margin-right: 0!important;
	}
	.membership-box {
    	width: 47% !important;
   	 	margin-right: 6%;
	}
	.main .content .content-home {
		top: -270px;
	}
}

@media screen and (max-width: 1300px){
	.club-info p{
		font-size: 16px;
	}
}

@media screen and (max-width: 1200px) {
	.main .content {
		width: 90%;
	}
	.nav-inner .menu .guests-menu, .nav-inner .menu .members-menu{
		text-align: center;
	}
	.shrink .nav-inner a.logo {
		margin: 0 auto;
	}
	
	.shrink .nav-inner img{
		margin: 10px 0;
		
	}
	.nav-inner .menu .guests-menu, .nav-inner .menu .members-menu {
		top: 82px;
		background: #f2f2f2;
	}
	.splash-image img {
		margin-top: 145px;
	}
	.main .content .content-home {
		top: -240px;
	}
}

@media screen and (max-width: 1100px){
	.club-info p{
		font-size: 14px;
	}
}

@media screen and (max-width: 1024px){
	.news-item.post{
		width: 46%;
		margin-right: 8%;
	}
	.news-item.post:nth-child(even){
		margin-right: 0;
	}
	.contact-details {
		float: none;
		width: 100%;
	}

	.map-wrap {
		float: none;
		width: 100%;
		padding-top: 0px;
	}
	.page-id-11 .main-content{
		padding: 15px;
	}
	
	.home-links a, .fb-block{
		width: 48%;
		margin: 15px 0;
	}
	.home-links a:nth-child(odd){
		margin-right: 4%;
	}
}

@media screen and (max-width: 960px){
	.splash-image {
		height: 290px;
	}
	.main .content .heading{
		top: -130px;
	}
	.nav-inner .social {
		font-size: 14px!important;
	}
	.phone{
		padding-left: 10px;
		float: none;
	}
	.social a {
		display: block;
		text-align: right;
	}
	.nav-inner img {
		height: 80px;
	}
	a.logo{
		margin: 10px auto;
	}
	
	.shrink .nav-inner .social {
		top: 15px;
		right: 40px;
	}
	.shrink .nav-inner {
		height: 80px;
	}
	.nav-inner .social{
		display: none;
	}
	.shrink .nav-inner .menu-toggle, .shrink .menu-toggle {
		top: 20px !important;
	}
	
	.shrink .mobile-menu #nav{
		margin-top: 40px;
	}
	
	.mobile-menu #nav{
		margin-top: 107px;
	}
	.social-2{
		position: relative;
		right: auto;
		top: auto;
		float: none;
		background: #ffffff;
	}
	.mobile-menu i.icon-menu{
		position: relative;
		left: -1px;
		top: 1px;
	}
	
	.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item{
		width: 25%!important;
	}
	.splash-image img {
		margin-top: 100px;
	}
	.main .content .content-home {
		top: -200px;
	}
}
@media screen and (max-width: 768px){
	.membership-box {
		width: 47% !important;
		margin-right: 6%;
	}
	.table-scroll{
		overflow-x: scroll;
	}
	table{
		min-width: 100%;
	}
	.main-content .left-col, .main-content .right-col{
		width: 100%;
		margin-right: 0;
	}
	.splash-image-home{
		margin-top: 0;
	}
	/* Leeton Page Specific Modifications, Damn tables - Trae */
	.page-id-20 .main-content table td{
		display: block;
		width: 100%!important;
	}
	
	.tableScroll{
		overflow-x: scroll;
	}
	.main-content, .club-info-content{
		padding: 20px 5%;
	}
	.nav-inner {
		height: 80px;
	}
	a.logo {
		margin: 8px auto;
	}
	.nav-inner img {
		height: 65px;
	}
	.splash-image img {
		margin-top: 80px;
	}
	.nav-inner .menu .menu-toggle, .mobile-menu .menu-toggle {
		top: 20px;
	}
	.mobile-menu #nav {
		margin-top: 45px;
	}

}
@media screen and (max-width: 600px){
	.splash-image, .splash-image-home {
		height: 300px;
	}
	.main .content .heading{
		top: -112px;
	}
}

@media screen and (max-width: 550px){
	.news-item.post{
		width: 100%;
		margin-right: 0;
	}
	
	.membership-box {
		width: 100% !important;
		margin-right: 0;
	}
	
	.home-links a, .fb-block  {
		width: 100%;
		margin: 10px 0;
	}
	
	.span .block-image .image-link {
		padding-top: 40px;
	}
	
	
}

@media screen and (max-width: 500px){
	img.alignright{
		width: 100%;
		height: auto
	}
	footer .footer-nav .copyright{
		height: 30px;
	}
}

@media screen and (max-width: 425px){
	.page-id-7 table tr td {
		padding: 5px;
		font-size: 12px!important;
	}

	span, p, b, div, td {
		font-size: 14px!important;
	}
	.membership-box{
		height: auto;
		margin-bottom: 40px;
	}
	.main{
		padding: 40px 0;
	}
	
	.span.home-links {
		margin-bottom: 40px;
	}
	table{
		width: 100%!important;
	}
	.splash-image img{
		min-height: 0;
	}
	.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item{
		width: 50%!important;
	}
	.main .content .content-home {
		display: none;
	}
	
	.main-content, .club-info-content{
		padding: 20px 7%;
	}
	img.icon-image {
		width: 30px;
		height: 30px;
		display: block;
		margin: 0 auto;
	}
	.contact-details {
		text-align: center;
	}
}

@media screen and (max-width: 375px){
	.main .content .heading{
		font-size: 20px;
	}
}

@media screen and (max-width: 320px){
	.page-id-7 table tr td {
		font-size: 12px!important;
	}
	span, p, b, div, td {
		font-size: 14px!important;
	}
	.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item{
		width: 100%!important;
	}
}