/*
Theme Name:	A Bit Lit
Stylesheet: Resp CSS
*/


/*Width-based Queries*/

@media only screen and (max-width: 1340px) {
	
	.ca,
	.archive-title,
	.end-pagination {
		width: 90%;
	}

	.nav-wrap {
		width: 94%;
	}

	.ca.fixed-content .col.video-col {
		width: 46%;
		margin-left: 7%;
	}

	.ca .col.meta-col {
		width: 35%;
		margin-left: 58%;
	}

	.ca .col.meta-col h1 {
		font-size: 1.953em;
		padding-bottom: 12px;
	}

	.ca .col.meta-col p.small {
		padding-bottom: 3px;
	}

	.shortdesc-wrap, .people {
		padding-top: 18px;
	}
}

@media only screen and (max-width: 1025px) {

	.ca.fixed-content {
		width: 80%;
	}
	
	.ca.fixed-content .col.video-col {
		position: relative;
		width: 100%;
		margin: 0 0 24px 0;
		max-width: none;
	}

	.ca .col.meta-col {
		width: 100%;
		margin: 0;
	}

	.page-content {
		margin: 168px 0 36px;
	}
}

@media only screen and (max-width: 976px) {

	.topbar .sms-wrap {
		display: none;
	}

	/*.footerwrap {
		text-align: center;
	}*/

	.footerwrap .sms-wrap {
		display: block;
		float: none;
		text-align: center;
	}

	.footerwrap .sms-wrap ul.sm-links,
	ul.sm-links li, 
	ul.sm-links li a {
		height: 52px;
	}

	ul.sm-links li a svg {
		width: 52px;
		height: 52px;
	}

	.footerwrap p.small {
		display: block;
		line-height: 1.5;
		padding-bottom: 12px;
	}
}

@media only screen and (max-width: 850px) {

	ul.res-nav li.menu-item-has-children {
		width: 40%;
		margin: 0 4%;
	}

	ul.res-nav ul.sub-menu {
		padding: 12px 0 24px 0;
	}

	.nav-drawer {
		position: absolute;
		height: 100%;
  }

  .nav-wrap {
  	margin: 168px auto 36px;
  }
}

@media only screen and (max-width: 800px) {

	.pag-prev, .pag-next {
		display: none;
	}

	.res-pag-wrap {
		display: block;
	}

	.ca.fixed-content {
		width: 90%;
	}
}

@media only screen and (max-width: 700px) {

	#cookie-law-info-again {
		position: absolute !important;
		-webkit-transform: none;
		        transform: none;
		margin: 0 0 0 5% !important;
		bottom: 0 !important;
	}

	.footerwrap {
		padding: 24px 0 36px;
	}
}

@media only screen and (max-width: 688px) {

	.topbar,
	.topbar .tb-content-wrap {
		height: 72px;
	}

	.tb-ident {
		height: 72px;
	}

	.page-content {
		margin: 120px 0 36px;
	}
}

@media only screen and (max-width: 649px) {

	.archive-unit {
		padding: 12px 0;
		margin-bottom: 12px;
	}

	.archive-pagination {
		padding: 12px 0;
	}
}

@media only screen and (max-width: 580px) {

	.cf form .halfwidth-wrap:nth-of-type(odd),
	.cf form .halfwidth-wrap:nth-of-type(even) {
		width: 100%;
		padding: 8px 0;
		float: none;
	}

	ul.res-nav li.menu-item-has-children {
		width: 92%;
		margin: 0 4%;
	}
}

@media only screen and (max-width: 540px) {

	.ca.fixed-content {
		width: 100%;
	}

	.ca .col.meta-col {
		width: 90%;
		margin: 0 auto;
		display: block;
	}

	#___ytsubscribe_0 {
		margin-left: 5% !important;
	}

	.ca .col.meta-col h1 {
		font-size: 1.563em;
	}

	.col.video-col .video-wrap .video-wrapper {
		margin-bottom: 1em !important;
	}

	#cookie-law-info-bar {
    width: 100% !important;
    border: none;
    border-top: 1px solid rgba(112,112,112,0.2);
    bottom: 0 !important;
    padding: 18px 36px !important;
	}
}

/*Height-based Queries*/

@media only screen and (max-height: 500px) {

	.topbar {
		position: relative;
	}

	.page-content {
		margin: 0 0 36px;
	}
}