/*
Theme Name: Archtober 2020
Theme URI: https://github.com/greater-inc/archtober2020
Author: Greater Inc
Author URI: https://www.greaterstudio.co/
Description: The 2020 for CFA Archtober
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: archtober, architecture, CFA, NYC
Text Domain: archtober2020

*/





/* JRV Edit */
.body{
	word-break: break-word;
}
.row{
	margin: 0px!important;
}

a {color: #000000 !important;}
a:hover {text-decoration: underline!important;}

.container{
	max-width: 100%!important;
	padding-left: 8.33vw!important;
	padding-right: 8.33vw!important;
}

@media(max-width: 528px){
	.container{
		max-width: 100%!important;
		padding-left: 2.33vw!important;
		padding-right: 2.33vw!important;
	}
}


.min-height-200{
	min-height: 200px;
}

.min-height-300{
	min-height: 300px;
}

.min-height-400{
	min-height: 400px;
}

.min-height-500{
	min-height: 500px;
}


/* Header UI */

.home-title{
	font-weight: bolder;
	font-size: 54px;
	text-shadow: 7px 7px #DBD3CE;
}

.home-message-cover{
	padding-left: 8.33vw !important;
}

.btn-past-events {
	padding-left: 0px!important;	
	margin-left: 0px!important;	
	background: transparent!important;
}

.subscription{
	width: 100%;
	float: left;
	padding: 2rem 0;
}

.subscription h4{
	padding: 10px 0px;
}

.subscription input{
	width: 100%; padding: 10px; border-radius: 0px; border: 1px solid #E5E5E5;
}

.subscription .btn{
	border-radius: 0px;
}

/*
// Extra small devices (portrait phones, less than 576px)
*/
@media (max-width: 575.98px) { 
	.home-message{
		font-size: 40px;
		
	}

	.home-image {
		width: 80%;
		margin-top: -47px;
	}
	
	.home-message-cover{
		padding-left: 2.33vw !important;
	}
}

/*
// Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) and (max-width: 767.98px) { 

	.home-message{
		font-size: 25px;
	}

	.home-image {
		width: 98%;
		float: right;
		margin-right: -10px;
	}
}

/*
// Medium devices (tablets, 768px and up)
*/
@media (min-width: 768px) and (max-width: 991.98px) { 

	.home-message{
		font-size: 30px;
	}

	.home-image {
		width: 80%;
		float: right;
		margin-right: -10px;
	}
}


/*
// Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) and (max-width: 1199.98px) {

	.home-message{
		font-size: 39px;
	}

	.home-image {
		width: 80%;
		float: right;
		margin-right: -10px;
	}
	

}


/*
// Extra large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px)  and (max-width: 1399.98px) { 
	/*
	.home-message{
		font-size: calc(1.4rem + 1.5vw);
	}
	*/
	
	.home-message{
		font-size: 50px;
	}



	.home-image {
		width: 90%;
		float: right;
		margin-right: -10px;
	}
}

/*
// Extra large devices (large desktops, 1200px and up)
*/
@media (min-width: 1400px) { 
	/*
	.home-message{
		font-size: calc(1.4rem + 1.5vw);
	}
	*/
	
	.home-message{
		font-size: 55px;
	}



	.home-image {
		width: 70%;
		float: right;
		margin-right: -10px;
	}
}



















.header-title{
	font-weight: bolder;
	font-size: 54px;
}

#daily-view-content h4, #list-view-content h4{
	font-size: 1.1rem!important;
}

@media(max-width: 1108px){

	#daily-view-content h4, #list-view-content h4{
		font-size: 1.1rem!important;
	}


}

@media(max-width: 528px){

	#daily-view-content h4, #list-view-content h4{
		font-size: 1.5rem!important;
	}


}


/* menu ui */

.top-nav{
	display: flex;
	flex-direction: column;
	padding: 20px 30px; 
	align-content: space-between;
}


.menu_container{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	color: #000000;
}

.menu_mobile_container{
	display: none;
}


.menu_container .space {
	  order: 1; /* default is 0 */
	  flex-grow: 1;
	  flex-basis: 50%;
	}
	
.menu_container .main {
	order: 2; /* default is 0 */
	flex-grow: 1;
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	
	}
	
.main .inner-header{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}

.main .inner-header .nav{
	order: 1; /* default is 0 */
	flex-grow: 1;
	flex-basis: 95%;
}
.main .inner-header .close{
	order: 2; /* default is 0 */
	flex-grow: 1;
	flex-basis: 5%;
}

.main .inner-footer{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}

.main .inner-footer .icon-container{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-grow: 1;
	flex-basis: 38%;
}

.main .inner-footer .menu{
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	flex-grow: 1;
	flex-basis: 60%;
}
	

@media (min-width: 320px) and (max-width: 800px) { 

	.menu_container{
		display: none!important;
	}
	
	.menu_mobile_container{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
	}
	
	.menu_mobile_container .inner-header{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
	}

	.menu_mobile_container .inner-header .nav{
		order: 1; /* default is 0 */
		flex-grow: 1;
		flex-basis: 95%;
	}
	
	.menu_mobile_container .inner-header .close{
		order: 2; /* default is 0 */
		flex-grow: 1;
		flex-basis: 5%;
	}
	
	
	.menu_mobile_container .inner-footer{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
	}

	.menu_mobile_container .inner-footer .icon-container{
		justify-content: space-between;
		align-items: stretch;
		flex-grow: 1;
		flex-basis: 45%;
	}
	
	.menu_mobile_container .inner-footer .menu{
		display: flex;
		justify-content: flex-end;
		align-items: stretch;
		flex-grow: 1;
		flex-basis: 55%;
	}
	
	.menu_mobile_container .arch-menu-footer .icon{
		width: 30px;
		float: left;
		margin-right: 25px;
		margin-bottom: 25px;
	}
	
	.menu_mobile_container .arch-menu-footer .menu-item a{
		padding: .3rem 0rem;
		font-size: 20px;
		font-weight: bold;
		color: #000;
		
	}
	
	.dark-yellow-bg {
		padding: 2.9rem 1.7rem 5rem 1.75rem !important;
	}
	
	#menu-main-menu-footer-1 {
		position: relative;
		top: 30px;
	}
	
}






.arch-menu{
/*
	height: 100vh; 
	min-height: 200px; 
*/
	
}

.arch-menu .menu-item  {
	font-size: 40px;
	font-weight: bold;
	color: #000;
	display: block;
	padding: 0rem 0rem .6rem 0rem;
	color: #000000;
}
.arch-menu .menu-item a {
	text-decoration: none;
	color: #000000;
}
	
.arch-menu-footer {
	text-align: right;
}

.arch-menu-footer .icon{
	width: 40px;
	float: left;
	margin-right: 20px;
}

.arch-menu-footer .menu-item a{
	padding: .3rem 0rem;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	
}

.arch-menu-footer .menu-item a{
	color: #000000;
}

@media(max-width: 768px){
	
	.arch-menu .menu-item {
		font-size: 25px;
		font-weight: bold;
		color: #000;
		display: block;
		padding: 0 0 .5rem 0;
		color: #000000;
	}
}




/*Footer*/
footer{
	padding: 50px 0px;
	width: 100%;
	float: left;
	
}


.arch-footer-menu .menu-item {
	padding: .3rem 1rem;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: right;
}

.arch-footer-menu .menu-item a{
	color: #000000;
}


/* Home */
.home .row{
	margin-left: 0px!important;
	margin-right: 0px!important;
}

.view{
	margin-right: 30px;
}

.view .box{
	width: 25px;
	height: 25px;
	float: left;
	border: 4px solid #000;
	margin-right: 20px;
}

.view:hover .box{
	background-color: #feba2a;
}

.view-active .box{
	background-color: #feba2a;
}

#daily-view-content h4 .smaller{
	font-size: 66%!important;
}

.event-head-list, .event-list, .arch-filter-list, .sponsor-list, .partner-list{
	width: 100%;
	float: left;
	margin: 1px 0;
}

.arch-filter-list{
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.event-head-list{
	border: 4px solid #FFFFFF;
}

.event-head-list li, .event-list li{
	display: block;
	padding: 1.5rem;
	width: 13vw;
	text-align: left;
	float: left;
}

.event-list li.icon{
	display: block;
	padding: 1.5rem;
	width: 25vw;
	text-align: left;
	float: left;
}
.event-list li.details{
	display: block;
	padding: 1.5rem;
	width: 100vw;
	text-align: left;
	float: left;
}
/* JRV Edit */
.details{
	word-wrap: break-word;
}

.exhibition-head-list, .partner-head-list{
	border: 4px solid #FFFFFF;
	width: 100%;
	float: left;
	margin: 1px 0;
}

.exhibition-list, .partner-list{
	width: 100%;
	float: left;
	border: 1px solid #FFFFFF;
	margin: 0px;
}

.partner-list:nth-child(even){
	background-color: #EAD6C9;
}

.partner-list:nth-child(even){
	background-color: #f0e1d7;
}


.exhibition-head-list li{
	display: block;
	padding: 1.5rem;
	margin: 0 0.2%;
	width: 16vw;
	text-align: left;
	float: left;
	font-size: 18px;
	
}

.exhibition-list li{
	display: block;
	padding: 1.5rem;
	margin: 0 0.2%;
	width: 16vw;
	text-align: left;
	float: left;
	font-size: 18px;
	
}

.exhibition-list li.exhibition-details{
	display: block;
	padding: 1.5rem;
	margin: 0 0.2%;
	width: 100vw;
	text-align: left;
	float: left;
	font-size: 18px;
	
}

.partner-head-list li{
	display: block;
	padding: 1.5rem;
	margin: 0 6px;
	width: 18vw;
	text-align: left;
	float: left;
	font-size: 25px;
	
}

.partner-list li{
	display: block;
	padding: 1.5rem;
	margin: 0 6px;
	width: 18vw;
	text-align: left;
	float: left;
	font-size: 25px;
	
}

.partner-list li.details{
	display: block;
	padding: 1.5rem;
	margin: 0 6px;
	width: 100vw;
	text-align: left;
	float: left;
	font-size: 25px;
}

.arch-filter-list li {
	display: inline-block;
	border: 1px solid #c8c1bc;
	padding: 1rem;
	margin: 8px;
	color: #938e8b;
	cursor: pointer;
}

/* JRV Edit */
.arch-filter-list .arch-filter-active, .arch-filter-list li:hover {
	border: 1px solid #3E3E3E;
	color: #3E3E3E;
}


.sponsor-list .item{
	display: block;
	/* padding: 2.5rem;*/
	border: 1px solid #c8c1bc;
	margin: 2rem;
}



.sponsor-list li img{
	width: 60%;
}


/* -------------------------------------------------------------------------------------------------- */
/* JB EDIT */
/* loop - exhibitions */

#container-exhibition-table {
	width= 100% !important;
	padding: 1rem 3vw !important;
	margin: 0 !important;
	border-left: none;
	border-right: none;
}

#institution-label{
	width: 25%;
	padding: 0;
	margin: 0;
}

#title-label {
	width: 30%;
	padding: 0;
	margin: 0;
}

#location-label {
	width: 30%;
	padding: 0;
	margin: 0;
}

#date-label{
	width: 15%;
	padding: 0;
	margin: 0;
}

/* row-exhibitions.php */

#institution-data{
	width: 30%; padding: 1rem 3rem 1rem 0; margin: 0; font-size: .85rem; 
}

#title-data{
	width: 30%; padding: 1rem 3rem 1rem 0; margin: 0; font-size: .85rem; font-weight: normal;
}

#location-data{
	width: 15%; padding: 1rem 3rem 1rem 0; margin: 0; font-size: .85rem; 
}

#how-data{
	width: 18%; padding: 1rem 3rem 1rem 0; margin: 0; font-size: .85rem; font-weight: normal;
}

#date-data{
	width: 15%; padding: 1rem 3rem 1rem 0; margin: 0; font-size: .85rem; font-weight: normal; 
}

.arch-filter-list {
	position: relative;
	left: -8px !important;
}

/*home page events list view*/
#event-row-event-type{
	padding: 1rem 3vw !important; margin-top: 0 !important; margin-bottom: 0 !important; border-bottom: solid 5px; border-color: rgba(255,255,255,25%);
}

#event-row-date {
	width: 11.66% !important; padding: 0 1rem 0 0 !important; font-weight: normal !important;
}

#event-row-title{
	width: 18.66% !important; padding: 0 1rem 0 0 !important;
}
#event-row-icon{
	width: 20.66% !important; padding: 0 1rem 0 0 !important; font-weight: normal !important;
}
#event-row-location{
	width: 17.66% !important; padding: 0 1rem 0 0 !important; font-weight: normal !important;
}

#event-row-time{
	width: 14.66% !important; padding: 0 1rem 0 0 !important; font-weight: normal !important;
}

#event-row-partner{
	width: 16.66% !important; padding: 0 .5rem 0 0 !important; font-weight: normal !important;
}




/* Row - partners */


#partner-row-title {
	width: 27%; padding: 0 2rem 0 0 !important; font-size: .85rem;
}

#partner-row-website{
	width: 20%; padding: 0 2rem 0 0 !important; font-size: .85rem; word-break: break-all; font-weight: normal !important;
}

#partner-row-address{
	width: 34%; padding: 0 2rem 0 0 !important; font-size: .85rem;
}

#partner-row-phone{
	width: 14%; padding: 0 2rem 0 0 !important; font-size: .85rem; word-break: break-all; font-weight: normal !important;
}

/*Sponsor */
.sponsor-list .item{
	margin: 1rem 2rem 1rem 0;
}

.sponsor-list {
	margin-bottom: 2rem !important;
}

.sponsor-logo-border{
	width: 20vw;
}

@media(max-width: 500px){
	#home-text-wrapper {
		padding-top: 1rem !important;
		padding-bottom: 0rem !important;
	}
	.home-message{
		font-size: 2rem;
		width: 95%;
	}
	#home-image-wrapper{
		overflow: hidden;
	}
	.home-image{
		padding: 0 0 3rem 0 !important;
		max-width: 300vw !important;
		width: 110vw !important;
		text-align: center;
		position: relative;
		left: -12.5%;
	}
	.hero-section{
		min-height: 80vh;
		height: auto;
	}
	#click {
		display: none;
	}
	.arch-filter-list li{
		padding: .25rem .5rem;
	}
	
	/* Home Event Rows*/
	
	#event-row-event-type{
		padding: 0 3vw;
	}
	.event-list li.details{
		padding: 0;
	}
	#event-row-date {}
	#event-row-title{}
	#event-row-partner{
		width: 100% !important;
	}
	
	#container-events{
		background-position: center center !important;
		background-size: contain !important;
	}
	
	#partner-row-title {
		width:100%;
	}

	#partner-row-website{
		width: 100%;
		margin-bottom: .5rem;
	}

	#partner-row-address{
		width: 100%;
		margin-bottom: .5rem;
	}

	#partner-row-phone{
		width: 100%;

	}
	
	#mobile-partner-row-container{
		padding: 0;
		display: none;
	}
	
	#partner-spacer{
		height: 3rem;
	}
	.sponsor-logo-border{
		width: 100%;
	}
	.sponsor-list .item{
		text-align: center;
		margin: 1rem 0 1rem;
	}
	.sponsor-logo-holder{
		width: 100%;
	}
	.archtober_event_icon{
		width: 40px;
		position: relative;
		left: ;
		top: 0;
		opacity: 80%;
	}
	#single-event-desc{
		max-width: 100% !important;
	}
	
	#single-event-before-image{
		padding-bottom: 2rem;
	}
	
	#institution-data{
	width: 100%; padding: 0; margin: 0 0 0 0; font-size: 1 rem; background-color: ; display: inline; 
	}

	#title-data{
		width: 100%; padding: 1rem 0 1rem 0; margin: 0; font-size: 1rem; font-weight: normal; text-decoration: underline;
	}

	#location-data{
		width: 100%; padding: 0 0 1rem 0; margin: 0; font-size: .85rem; font-weight: normal !important; 
	}

	#date-data{
		width: 100%; padding: 0 0 0 0; margin: 0; font-size: .85rem; font-weight: normal; 
	}
	.exhibition-details{
		padding: 1rem 0 !important;
		width: 100% !important;
	}
	
	
}