/**
 * The css media file
 * assets/css/media.css
 *
 *
 * @package NSquare
 * @since 1.0
 * @version 2.0.0
 */

@media(max-width: 1700px){
  /* PEOPLE */
  #people .block,
	#people .person { width: 14.285714%; }
	/* alternatives */
	#people.row .container .person { width: 0.3333%; }
}

@media(max-width: 1500px){
  /* PEOPLE */
  #people .block,
	#people .person { width: 16.6666%; }
	/* alternatives */
	#people.row .container .person { width: 0.4%; }
}

@media(max-width: 1300px){
	/* BLOCKS */
	.blocks .block,
	.posts .post { width: 50%; }

  /* PEOPLE */
  #people .block,
	#people .person { width: 20%; }
	/* alternatives */
	#people.row .container .person { width: .5%; }
}

@media(max-width: 1100px){
  /* PEOPLE */
  #people .block,
	#people .person { width: 25%; }
	/* alternatives */
}

@media(max-width:1000px){
	#video #video-embed iframe { width: 600px; height: 350px; }

	/* IMAGES */
	#images .image .wrapper { height:350px; }
}

@media(max-width: 900px){
	/* HEADER */
	.main-menu { margin: 30px 35px 30px 0; }
	#mobile-menu { display: inline-block; }
	#menu-header-menu { display: none; }
	#mobile-navigation { display: none; }

	#main-header .logo-container { width: 66.6666%; }
	#main-header #nav-container { width: 33.3333%; }
	#main-header.active #mobile-navigation { display: block; }

	#main-header #mobile-navigation .search-button .label { display: inline-block ;}
	#main-header #mobile-navigation .search-button img { display: inline-block; margin-left: 10px; }

	body.home .logo-container.top .nsquare-logo { display: inline-block; }
	body.home .logo-container.bottom { display: none; }

	#page-subhead { width: auto; padding: 20px 30px 20px 30px; display: block; }
	#home-header .nsquare-logo, .nsquare-logo { margin: 33px 0 20px 30px; max-width: 180px; }
	#home-header #page-subhead, #page-subhead { margin: 10px 0 30px 0; }
	#home-header #page-subhead .container { width: 100%; }

	/* Blocks & Posts */
	.posts .post:hover .content, .blocks .block:hover .content { opacity: 0; }
	.posts .post:hover .cover, .blocks .block:hover .cover { opacity: 0; }
	.posts .post:hover .link.video .video-button, .blocks .block:hover .link.video .video-button { opacity: 0; }

	/* IMAGES */
	#images .image .wrapper { height:300px; }

  /* PEOPLE */
  #people .block,
	#people .person { width: 33.33333%; }
	/* alternatives */
	#people.row .container .person { width: .6666%; }
	#people.row .container .person.active .cover { display: none !important; }
	#people.row .container .person.active .title { display: none !important; }


	/* hover */
	#people .person { opacity: 1 !important; }
	#people .person .background { width: 110%; height: 110%; left: -5%; top: -5%; }
	#people .person .title { opacity: 1; left: 0px; }
	#people .person .cover { opacity: 0.85; }
}

@media(max-width: 800px){
	#video .content { margin: 19% auto 0 auto; }
	#video #video-embed iframe { width: 400px; height: 250px; }

	.container.content-display { width: 92%; }

	/* IMAGES */
	#images .image .wrapper { height:250px; }

	#post-header .title,
	.page-default .title,
	.single-person .title,
	.page-template-template-full .title { font-size: 3.5rem; }

	/* SINGLE TEMPLATE */
	.page-default #page-header,
	.page-default #post-header { width: 66.66666%; }
	.page-default .main-wrapper.column { width: 66.6666%; }
	.page-default .main-sidebar.column { width: 33.33333%; }
	.page-default.content-display { margin-top: 50px; }
	.page-default .content { margin-right: 0; }

	/* PEOPLE */
	.single-person .main-wrapper { width: 66.6666%; }
	.single-person .main-sidebar { width: 33.33333%; }
	.single-person.content-display { margin-top: 50px; }

	.single-person #people.row .container { width: 50000% }
	.single-person #people.row .container .person { width: 100vw; height: 55vw; min-height: 250px; }
	.single-person #people .person .cover { opacity: 0.7; }
}

@media(max-width: 700px){

	/* IMAGES */
	#images .image { width: 50%; }
	#images .image .wrapper { height:300px; }

	.section.tall .background, .section.short .background { background-attachment:scroll; }

	#post-header .title,
	.page-default .title,
	.single-person .title,
	.page-template-template-full .title { font-size: 3rem; }

	/* SINGLE TEMPLATE */
	.page-default .main-wrapper.column { width: 65%; }
	.page-default .main-sidebar.column { width: 35; }

	/* PEOPLE */
	.single-person .main-wrapper { width: 65%; }
	.single-person .main-sidebar { width: 35%; }

	/* BLOCKS */
	.blocks .block,
	.posts .post { display: block; width: 90%; margin: 0 auto 10px auto; }
	.blocks .block .title,
	.posts .post .title { font-size: 2.25rem; line-height: 2.25rem; }

  /* PEOPLE */
  /* #people .block,
	#people .person { width: 50%; }
	#people.row .container .person { width: 1%; } */

	/* hide the people slider entirely on mobile in favor of the
	single profile image and prev / next buttons */
	/* #people.row,
	img.people-control { display: none; } */

	/* .single-person-photo { display: block; height: 60vw; min-height: 230px; max-height: 450px; margin-bottom: 30px; position: relative; }
	#main-container .single-person-photo img { position: absolute; top: 0; left: 0; width: 100%; max-width: none !important; height: 100%; object-fit: cover; }
	.single-person-photo + .pagination { display: block; margin-bottom: 25px; padding: 0; border: 0; }
	.single-person-photo + .pagination a { box-shadow: none !important; text-decoration: none !important; } */
}

@media(max-width: 600px){
	.container.content-display { width: 88%; }

	/* IMAGES */
	#images { margin-top: -50px; }
	#images .image .wrapper { height:250px; }

	/* SINGLE TEMPLATE */
	.page-default #page-header,
	.page-default #post-header { width: 100%; display: block; }
	.page-default #post-header #page-subhead { margin-right: 0; }
	.page-default .main-wrapper.column { width: 100%; display: block; }
	.page-default .main-sidebar.column { width: 100%; display: block; }
	.main-sidebar.top { display: none !important; }
	.page-default .content { margin-right: 0px; }
	.main-sidebar { margin: 0 0 80px 0; }

	/* PEOPLE */
	.single-person .main-wrapper { width: 100%; display: block; }
	.single-person .main-sidebar { width: 100%; display: block; }
	.single-person .content { margin-right: 0px; }
	.main-sidebar.person { margin: 0 0 80px 0; }
}

@media(max-width:550px){
	#video .content { margin: 25% auto 0 auto; }
	#video #video-embed iframe { width: 300px; height: 200px; }

	/* IMAGES */
	#images .image { width: 100%; }

	.blocks .block .title,
	.posts .post .title { font-size: 2rem; line-height: 2rem; }
}

@media(max-width: 450px){
	#video #video-embed iframe { width: 250px; height: 150px; }

  /* PEOPLE */
  #people .block,
	#people .person { width: 100%; }
	/* alternatives */
	#people.row .container .person { width: 2%; }
}