/*
--------------------------------
Theme Name:	
Author: Mat Martin Studio
Sheet: Theme Responsiveness
--------------------------------
*/


/*Width Based Queries*/

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

	.ca.white-lander .flexwrap,
	.ca.networks-mid .flexwrap {
		flex-wrap: wrap;
	}

	.ca.white-lander .flexwrap {
		align-items: flex-start;
	}

	.ca.white-lander .flexwrap .wl-title-wrap {
		width: 100%;
		padding: 0 0 32px;
	}

	.ca.networks-mid .flexwrap .wl-title-wrap {
		display: none;
	}

	.width.inner {
		padding: 0 24px 0 0;
	}

	.ca.white-lander .flexwrap .wl-monster-wrap,
	.ca.networks-mid .flexwrap .wl-monster-wrap {
		margin-top: 0;
	}

	.ca.white-lander .flexwrap {
		justify-content: flex-start;
	}

	.ca.networks-mid .flexwrap {
		justify-content: center;
	}

	.ca.white-lander .flexwrap .wl-sm-wrap {
		width: calc(100% - 259px);
		padding: 0 32px 0;
	}

	.ca.networks-mid .flexwrap .wl-sm-wrap {
		width: auto;
		padding: 0 32px 48px;
	}

	.ca.white-lander .wl-sm-wrap .sm-wrap ul.sm-links li,
	.wl-sm-wrap .sm-wrap ul.sm-links li {
		width: 72px;
		height: 72px;
		margin: 0 16px 0 0;
	}

	.ca.white-lander .wl-sm-wrap .sm-wrap ul.sm-links li img,
	.wl-sm-wrap .sm-wrap ul.sm-links li img {
		width: 72px;
		height: 72px;
		margin: 0;
	}

	.arch-unit .arch-still .arch-still-title.tl,
	.arch-unit .arch-still .arch-still-title.tr,
	.arch-unit .arch-still .arch-still-title.bl {
		width: calc(100% - 48px);
		top: 24px;
		left: 24px;
	}
} 

@media only screen and (max-width: 1100px) {
	.ca > .width.with-sidebar {
		display: block;
		flex-direction: column;
	}

	.ca > .width.with-sidebar > .sidebar-content {
		margin-top: 24px;
		margin-left: 0;
	}
}

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

	.topbar {
		width: 98%;
		padding: 20px 48px 24px;
	}
}

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

	.topbar .main-nav-wrap {
		display: none;
	}

	.topbar .res-trigger-wrap {
		display: block;
	}

	.ll > figure {
		margin: 0;
	}
}

@media only screen and (max-width: 849px) {
	.ca.arch-lander,
	.ca.hp-lander {
		height: auto;
	}

	.ca.arch-lander .width,
	.ca.hp-lander .width {
		width: 100%;
	}

	.ca.arch-lander .width .post-land-img,
	.ca.hp-lander .width .post-land-img {
		height: auto;
		min-height: 400px;
	}

	.ca.arch-lander .width .post-land-img img,
	.ca.hp-lander .width .post-land-img img {
		height: auto;
		min-height: 400px;
	}

	.ca .lander-title,
	.ca.hp-lander .lander-title {
		position: static;
		max-width: unset;
		width: 100vw;
		bottom:  0;
	}

	.ca .lander-title .lt-label {
		position: static;
		width: 100%;
		border-radius: 0;
		padding: 12px 32px;
	}

	.ca .lander-title .lt-label small {
		font-size: 1rem;
	}

	.colwrap {
		flex-direction: column;
	}

	.colwrap .col.half {
		width: 100%;
	}

	.ca.hp-signup .colwrap {
		max-width: 680px;
		margin: 0 auto;
	}

	.ca.hp-signup .colwrap .col.half .signup-form p.lg {
		text-align: center;
	}

	.signup-logo {
		display: none;
	}

	.signup-logo img {
		width: 100%;
	}

	.signup-form label {
		padding: 0 24px;
	}

	.flexwrap.highlights,
	.arch-unit {
		flex-direction: column;
	}

	.hl-unit {
		margin-bottom: 48px;
	}

	.arch-unit .arch-still,
	.arch-unit .arch-info,
	.hl-unit,
	.hl-unit .hl-img,
	.hl-unit .hl-copy {
		width:  100%;
	}

	.arch-unit .arch-info {
		margin: 32px 0 0 0;
		max-width: unset;
	}

	.hl-unit .hl-copy {
		max-width: unset;
	}

	.hl-unit .hl-meta {
		padding: 4px 24px;
	}

	.arch-unit .arch-meta p.small,
	.hl-unit .hl-meta p.small {
		font-size: 16px;
	}

	.cf-intro {
		width: 100%;
		padding: 0 0 32px;
	}

	.footerwrap {
		flex-direction: column;
	}

	.footerwrap .foothalf,
	.footerwrap .foothalf.align-wrap {
		width: 100%;
		text-align: center;
	}

	.footerwrap .foothalf:not(:last-child) {
		margin-bottom: 24px;
	}

	.footerwrap .foothalf .sms-wrap {
		padding: 24px 0 40px;
	}

	.footerwrap .foothalf .sms-wrap ul.sm-links li {
		width: 72px;
		height: 72px;
		margin: 0 16px;
	}

	.footerwrap .foothalf .sms-wrap ul.sm-links li img {
		width: 72px;
		height: 72px;
		margin: 0;
	}

	.footerwrap .foothalf .foot-logo {
		height: auto;
		width: 100%;
		max-width: 400px;
		margin: 0 auto 24px;
	}

	.footerwrap .foothalf .foot-logo img {
		width: 100%;
	}

	.footerwrap .foothalf p {
		margin-top: 0;
	}

	.arch-unit .arch-still .arch-still-title.tl {
		width: 50%;
	} 

	.arch-unit .arch-still .arch-still-title.tr {
		width: 50%;
		top: 24px;
		right: 24px;
		left: unset;
	} 

	.arch-unit .arch-still .arch-still-title.bl {
		width: 50%;
		top: unset;
		bottom: 24px;
	}

	.ca.networks-mid {
		padding-top: 35px;
	}

	.ca.networks-mid .flexwrap .wl-monster-wrap {
		display: none;
	}

	.ca.networks-mid .flexwrap .wl-sm-wrap {
		padding: 0 32px;
	}

	.ca.networks-mid .flexwrap .wl-sm-wrap .sm-wrap > p {
		display: none;
	}

	.ca.networks-mid .flexwrap .wl-sm-wrap .sm-wrap li:last-child {
		margin: 0;
	}

	.comments-form-wrap {
		padding-left: 0;
	}

	.comments-form-wrap .form-vcard-wrap {
		display: none;
	}

	p.comment-form-email,
	p.comment-form-author {
		display: block;
		width: 100%;
		max-width: 300px;
		margin-right: 18px;
	}

	.welcome-latest-content {
		display: flex;
		flex-direction: column;
		margin: 1rem;
	}

	.videos-feed .more-header div {
		display: none;
	}
}

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

	.ca.white-lander .flexwrap {
		align-items: flex-end;
	}

	.ca.white-lander .wl-sm-wrap .sm-wrap ul.sm-links {
		margin-bottom: 16px;
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		-webkit-column-width: 88px;
		   -moz-column-width: 88px;
		        column-width: 88px;
	}

	.ca.white-lander .flexwrap .wl-sm-wrap {
		width: 256px;
	}

	.ca.white-lander .wl-sm-wrap .sm-wrap ul.sm-links li {
		margin: 8px;
	}

	.ca.white-lander .wl-sm-wrap .sm-wrap p {
		margin-left: 8px;
	}
}

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

	.halfwidth-wrap,
	.twothirds-wrap {
		flex-direction: column;
		margin-bottom: 0;
	}

	.halfwidth,
	.ttw-one,
	.ttw-two {
		width: 100%;
		margin-bottom: 16px;
	}

	.ttw-one {
		text-align: center;
	}

	.ttw-one input[type="submit"] {
		width: 188px;
		width: 0 auto 18px;
	}

	.post-lander .width {
		width: 100%;
	}

	.post-land-img::before,
	.post-land-img::after {
		display: none;
	}
}

@media only screen and (max-width: 549px) {
	.ca.title-lander .flexwrap .wl-monster-wrap {
		display: none;
	}

	.ca.white-lander .flexwrap .wl-monster-wrap {
		width: 180px;
	}

	.ca.networks-mid .wl-sm-wrap .sm-wrap ul.sm-links li {
		width: auto;
		height: 66px;
	}

	.ca.networks-mid .wl-sm-wrap .sm-wrap ul.sm-links img {
		width: 56px;
		height: 56px;
	}

	.contributor {
		flex-direction: column;
	}

	.contributor img{
		width: 100%;
		height: auto;
	}

	.contributor .ct-avatar {
		margin: 1rem 4rem;
		text-align: center;
	}

	.contributor .ct-bio {
		margin-left: 0;
	}
}

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

	.arch-unit .arch-still .arch-still-title.tl,
	.arch-unit .arch-still .arch-still-title.tr,
	.arch-unit .arch-still .arch-still-title.bl {
		width: calc(100% - 48px);
		top: 24px;
		left: 24px;
		right: unset;
		bottom: unset;
	}
}