/*--------------------------------------------------------------
# Media queries
--------------------------------------------------------------*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
	#site-nav {
		width: 510px;
		left: auto;
		right: auto;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	#site-nav {
		width: 690px;
	}

	.post-content {
		padding: 2rem 4rem;
	}

	.widgets-home .widget-content {
		width: 75%;
	}

	h1 {
		font-size: 3rem;
	}

	h2 {
		font-size: 1.84rem;
	}

	.post-content li {
		font-size: 1rem;
	}

	.calendar-next-month {
		display: block;
	}

	.item-archive .item .item-date {
		font-size: 1rem;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	#site-nav {
		position: static;
		width: auto;
		border: 0;
	}

	#site-header {
		left: auto;
		right: auto;
		width: 250px;
		position: fixed;
		top: 0px;
		bottom: 0px;
		z-index: 900;
		overflow: auto;
		padding: 1rem 0;
	}

	#site-content {
		margin-left: 250px;
	}

	#menu-main.collapse {
		display: block;
		height: auto !important;
    visibility: visible;
	}

	#menu-main {
		margin: 2rem 0;
	}

	#site-footer {
		margin-left: 250px;
	}

	.post-content {
		padding: 2rem 6rem;
	}

	.post-header {
		min-height: 80vh;
		padding: 2rem 4rem;
	}

	.slick-dots {
		text-align: right;
		padding-right: 1rem;
	}

	.widgets-home .widget-content {
		width: 65%;
	}

	#lang-switcher {
		left: 0;
		top: 8rem;
		right: auto;
		width: 100%;
		z-index: 800;
	}

	#lang-switcher .lang-item {
		margin-left: 0;
	}

	#lang-switcher .lang-item a {
		padding: .1rem .75rem .1rem .3rem;
	}

	#lang-switcher .lang-item a {
		transform: translateX(-85%);
	}

	#lang-switcher .lang-item a:hover {
		transform: translateX(-100%);
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	.post-content {
		padding: 2rem 8rem;
	}

	.widgets-home .widget-content {
		width: 50%;
	}

}

@media only screen and (min-width : 1400px) {

	.container {
    	max-width: 1280px;
	}

	.widgets-home .widget-content {
		width: 45%;
	}

}

/* Mobile only */
@media only screen and (max-width : 768px) {

}