/* Defaults
---------------------------------------------------*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

#mobile-nav,
#mobile-menu,
.mobile,
#mobile-menu-members,
#mobile-nav-members {
	display:none;
}

@media (max-width: 1500px) {	
	.container {
		width:100%;
		padding-left:40px;
		padding-right:40px;
	}

	.three-columns .container {
		display:flex;
		flex-wrap:wrap;
		padding-left:20px;
		padding-right:20px;
	}

	.three-columns .col {
		width:33.3%;
		padding:0 20px;
	}
	
	.photo {
		height:auto;
	}

	.description {
		padding-right:60px;
	}

	.arrow {
		right:0;
	}

	#events-classes .container {
		padding-left:40px;
		padding-right:40px;
	}

	#events-classes .col:nth-child(1) {
		width:50%;
		padding-right:40px;
		margin:0;
	}

	#events-classes .col:nth-child(2) {
		width:50%;
	}

	#newsletters-lockbox .container {
		padding-left:40px;
		padding-right:40px;
	}

	#newsletters-lockbox .col:nth-child(1) {
		width:67%;
		padding-right:40px;
		margin:0;
	}

	#newsletters-lockbox .col:nth-child(2) {
		width:33%;
	}

	#newsletters-lockbox .photo {
		height:auto;
	}

	#bottom-columns .photo {
		height:auto;
	}

	#featured-news .container {
		padding-left:40px;
		padding-right:40px;
	}

	#featured-news .content {
		padding-right:250px;
	}

	#featured-news .read-more {
		right:40px;
	}

	#sidebar {
		width:25%;
		margin:0;
	}

	#content {
		width:75%;
		padding-left:75px;
	}
	
	.page-template-subpage-no-sidebar-php #content {
		width:100%;
	}

	.members .col {
		width:50%;
	}

	

	

	.members .col .photo {
		height:auto;
	}

	footer .col:nth-child(1) {
		width:45%;
	}

	footer .col:nth-child(2), 
	footer .col:nth-child(3), 
	footer .col:nth-child(4) {
		width:18%;
	}
}

@media (max-width: 1300px) {


	.three-columns .col {
		width:50%;
	}

	#events-classes .col:nth-child(1) {
		width:100%;
		padding-right:0;
		margin:0 0 40px 0;
	}

	#events-classes .col:nth-child(2) {
		width:100%;
	}

	#newsletters-lockbox .col:nth-child(1) {
		width:100%;
		padding:0;
		margin:0 0 60px 0;
	}

	#newsletters-lockbox .col:nth-child(2) {
		width:50%;
		padding-right:20px;
	}

	.page-template-members #content {
		width:100%;
	}
}

@media (max-width: 1200px) {
	header .container {
		justify-content:left;
		padding-left:40px;
		padding-right:40px;
	}

	header form {
		display:none;
	}

	.links {
		top:20px;
	}

	nav {
		display:none;
	}

	/* Mobile Nav */

	#mobile-nav {
		display:block;
		position:absolute;
		right:40px;
		bottom:50px;
	}

	#mobile-nav .more {
		font:400 23px/23px "Calibre Regular", sans-serif;
		color:#fff;
		display:inline-block;
		padding-top:8px;
	}


	#mobile-nav span:after,
	#mobile-nav span:before {
		content:"";
		position:absolute;
		left:0;
		top:-9px;
	}

	#mobile-nav span:after{
		top:9px;
	}

	#mobile-nav span {
		width:35px;
		height:30px;
		position: relative;
		display:inline-block;
		margin-left:10px;
		margin-right:0;
		top:-5px;
	}

	#mobile-nav span,
	#mobile-nav span:after,
	#mobile-nav span:before {
		width:35px;
		height:3px;
		background-color:#dd9f27;
		transition: all 0.3s;
		backface-visibility: hidden;
	}

	/* on activation */

	#mobile-nav.on span {
		background-color: transparent;
	}

	#mobile-nav.on span:before {
		transform: rotate(45deg) translate(5px, 5px);
	}

	#mobile-nav.on span:after {
		transform: rotate(-45deg) translate(7px, -8px);
	}

	#mobile-nav.on + #mobile-menu {
		opacity: 1;
		visibility: visible;
	}

	/* menu appearance*/

	#mobile-menu {
		width:100%;
		background:#2273bf;
		display:block;
		color:#fff;
		opacity:0;
		visibility:hidden;
		transition:opacity .4s;
		z-index:3;
		position:absolute;
		top:185px;
		left:0;
		padding:10px 0 0 0;
	}

	#mobile-menu ul {
		display:block;
		margin:0;
	}

	#mobile-menu ul li {
		display:block;
		padding:0;
		margin:0 0 10px 0;
	}

	#mobile-menu ul li:last-child {
		border-bottom:0;
		margin-bottom:0;
	}

	#mobile-menu ul li.menu-item-has-children a:after {
		content:"";
		width:18px;
		height:11px;
		background:url("../images/dropdown-arrow.svg") top right no-repeat;
		display:inline-block;
		margin-left:15px;
	}

	#mobile-menu ul li a {
		font:400 26px/28px "Calibre Regular", sans-serif;
		color:#fff;
		display:inline-block;
		padding:15px 40px;
	}
	
	#member-portal-login {
		display:inline-block !important;
		padding-right:0 !important;
	}
	
	#top-nav li:last-child {
		/*border-bottom:0;
		margin:0 0 5px 0;*/
		border-bottom:3px solid #10599e !important;
		margin-bottom:10px !important;
	}

	#mobile-menu li {
		height:auto;
		display:block;
		margin-left:0;
		border-bottom:3px solid #10599e;
	}

	#mobile-menu li:hover a {
		color:#fff;
	}

	#mobile-menu li ul {
		width:100%;
		min-width:auto;
		background:#10599e;
		text-align:left;
		display:none;
		opacity:1 !important;
		visibility:visible !important;
		box-shadow:none;
		position:relative;
		left:auto;
		z-index:999;
		padding:20px 0 0 0;
	}

	#mobile-menu li ul li {
		width:100%;
		height:auto;
		clear:both;
		padding:0;
		margin:0;
	}

	#mobile-menu li ul li a {
		font:400 23px/25px "Calibre Regular", sans-serif;
		color:#fff;
		padding:0 40px 10px 40px;
	}

	#mobile-menu li ul li a:after {
		display:none !important;
	}

	#mobile-menu li:hover ul li a,
	#mobile-menu li:focus-within ul li a {
		color:#fff;
	}

	#market-data .container {
		padding-left:40px;
		padding-right:40px;
	}

	#sidebar {
		display:none;
	}

	#content {
		width:100%;
		padding-left:0;
	}

	footer .col:nth-child(1) {
		width:100%;
	}

	footer .col:nth-child(2), 
	footer .col:nth-child(3), 
	footer .col:nth-child(4) {
		width:33.3%;
	}



	/* Members Nav */

	#portal-links ul#menu-members {
		display:none;
	}

	/* Mobile Nav */

	#mobile-nav-members {
		font:400 23px/23px "Calibre Semibold", sans-serif;
		color:#fff;
		display:block;
		position:absolute;
		right:40px;
		bottom:21px;
	}

	#mobile-nav-members .more {
		font:400 23px/23px "Calibre Regular", sans-serif;
		color:#fff;
		display:inline-block;
		padding-top:8px;
	}


	#mobile-nav-members span:after,
	#mobile-nav-members span:before {
		content:"";
		position:absolute;
		left:0;
		top:-9px;
	}

	#mobile-nav-members span:after{
		top:9px;
	}

	#mobile-nav-members span {
		width:35px;
		height:30px;
		position: relative;
		display:inline-block;
		margin-left:10px;
		margin-right:0;
		top:-5px;
	}

	#mobile-nav-members span,
	#mobile-nav-members span:after,
	#mobile-nav-members span:before {
		width:35px;
		height:3px;
		background-color:#fff;
		transition: all 0.3s;
		backface-visibility: hidden;
	}

	/* on activation */

	#mobile-nav-members.on span {
		background-color: transparent;
	}

	#mobile-nav-members.on span:before {
		transform: rotate(45deg) translate(5px, 5px);
	}

	#mobile-nav-members.on span:after {
		transform: rotate(-45deg) translate(7px, -8px);
	}

	#mobile-nav-members.on + #mobile-menu-members {
		opacity: 1;
		visibility: visible;
	}

	/* menu appearance*/

	#mobile-menu-members {
		width:100%;
		background:#dd9f27;
		display:block;
		color:#fff;
		border-top:3px solid #f2b235;
		opacity:0;
		visibility:hidden;
		transition:opacity .4s;
		z-index:2;
		position:absolute;
		top:75px;
		left:0;
		padding:10px 0 0 0;
	}

	#mobile-menu-members ul {
		display:block;
		margin:0;
	}

	#mobile-menu-members ul li {
		display:block;
		padding:0;
		margin:0 0 10px 0;
	}

	#mobile-menu-members ul li.menu-item-has-children a:after {
		content:"";
		width:18px;
		height:11px;
		background:url("../images/dropdown-arrow-white.svg") top right no-repeat;
		display:inline-block;
		margin-left:15px;
	}

	#mobile-menu-members ul li a {
		font:400 26px/28px "Calibre Regular", sans-serif;
		color:#fff;
		display:block;
		padding:15px 40px;
	}

	#mobile-menu-members li {
		height:auto;
		display:block;
		margin-left:0;
		border-bottom:3px solid #f2b235;
	}

	#mobile-menu-members li:hover a {
		color:#fff;
	}

	#mobile-menu-members li ul {
		width:100%;
		min-width:auto;
		background:#f2b235;
		text-align:left;
		display:none;
		opacity:1 !important;
		visibility:visible !important;
		box-shadow:none;
		position:relative;
		left:auto;
		z-index:999;
		padding:20px 0 0 0;
	}

	#mobile-menu-members li ul li {
		width:100%;
		height:auto;
		clear:both;
		padding:0;
		margin:0;
	}

	#mobile-menu-members li ul li a {
		font:400 23px/25px "Calibre Regular", sans-serif;
		color:#fff;
		padding:0 40px 10px 40px;
	}

	#mobile-menu-members li ul li a:after {
		display:none !important;
	}

	#mobile-menu-members li:hover ul li a,
	#mobile-menu-members li:focus-within ul li a {
		color:#fff;
	}

	#mobile-menu-members li.last {
		border-bottom: 0;
    	margin: 0 0 5px 0;
	}

	.roster-member {
		width:50%;
	} 

	.roster-member:nth-child(2n+1) {
		padding-left:0;
		padding-right:40px;
	}

	.roster-member:nth-child(2n+2) {
		padding-left:40px;
		padding-right:0px;
	}

	.roster-member,
	.tangilla_class {
		width:50%;
	} 

	.roster-member:nth-child(2n+1),
	.tangilla_class:nth-child(2n+1) {
		padding-left:0;
		padding-right:40px;
	}

	.roster-member:nth-child(2n+2),
	.tangilla_class:nth-child(2n+2) {
		padding-left:40px;
		padding-right:0px;
	}
}

@media (max-width: 1050px) {
	.three-columns .col .photo {
		height:auto;
	}

	#market-data p br {
		display:none;
	}

	#market-data .col {
		width:50%;
	}

	#featured-news .content {
		padding-right:0;
	}

	#featured-news .read-more {
		position:relative;
		right:auto;
		bottom:auto;
	}
	
	.lgc-grid-50 {
		width:100% !important;
		float:none !important;
	}
	
	.lgc-first .inside-grid-column,
	.lgc-last .inside-grid-column {
		padding-left:0 !important;
		padding-right:0 !important;
	}

	.members-name-only .col {
		width:33.3%;
	}

	.tangilla_affiliate {
		width:50%;
	}
}

@media (max-width: 800px) {
	header .container {
		background:none;
	}

	.three-columns .container {
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}

	.three-columns .col {
		width:447px;
		padding:0;
	}

	#newsletters-lockbox .container {
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}

	#newsletters-lockbox .col:nth-child(2) {
		width:447px;
		padding-right:0;
	}

	#bottom-columns .container 
{		padding-top:40px;
	}

	#roster-search {
		position:relative;
		top:auto;
		right:auto;
		margin:0 0 40px 0;
	}

	.members-name-only .col {
		width:50%;
	}

	.roster-member,
	.tangilla_class {
		width:100%;
		padding:40px 0 0 0 !important;
		margin:0 0 40px 0 !important;
	}


	#events-classes .tangilla_class {
		padding-top:25px !important;
		padding-bottom:25px !important;
	}

	#homepage-upcoming-classes .tangilla_class {
		padding:25px !important;
	}

	#homepage-upcoming-classes .link-arrow {
		padding-left:25px;
	}
}


@media (max-width: 750px) {
	.container {
		width:100%;
		padding:65px 25px 55px 25px;
	}

	header .container {
		padding-left:25px;
		padding-right:25px;
	}

	#mobile-nav,
	#mobile-nav-members {
		right:25px;
	}

	#mobile-menu {
		top:115px;
	}

	#mobile-menu ul li a,
	#mobile-menu li ul li a {
		padding-left:25px;
		padding-right:25px;
	}
	
	.three-columns .container,
	#events-classes .container,
	#market-data .container,
	#newsletters-lockbox .container,
	#bottom-columns .container,
	#featured-news .container {
		padding-left:25px;
		padding-right:25px;
	}

	header .container {
		height:115px;
	}

	#logo {
		width:161px;
		height:74px;
		background: url(../images/bar-logo-mobile.png) top left / 161px 74px no-repeat;
	}

	.links {
		display:none;
	}

	.three-columns .container {
		padding-top:55px;
		padding-bottom:45px;
	}

	#featured-news .container {
		padding-top:45px;
	}

	.three-columns .container {
		padding-bottom:50px;
	}

	#upcoming-events h2,
	#market-data h3,
	#featured-news h2 {
		font:400 60px/60px "Calibre Medium", sans-serif;
	}

	.read-more,
	.link-arrow {
		font:400 26px/30px "Calibre Medium", sans-serif;
	}

	.read-more:after {
		width:20px;
		height:18px;
		background-size:20px 18px;
	}

	.link-arrow:after,
	#newsletters li:after,
	.arrow {
		width:40px;
		height:40px;
		background-size:20px 18px;
	}

	#market-data h2 {
		font:400 45px/50px "Calibre Medium", sans-serif;
	}

	#market-data .read-more {
		padding:20px 25px 10px 25px;
	}

	#newsletters li:after {
		right:0;
	}

	#featured-news .container {
		margin-bottom:75px;
	}

	.three-columns .container,
	#newsletters-lockbox .container {
		flex-direction:row;
	}

	.members {
		flex-direction:column;
	}

	.members .col {
		width:315px;
		padding:0 !important;
	}

	.pricing {
		display:block;
	}

	.pricing-wrapper {
		padding:40px 25px;
		margin:0 0 30px 0;
	}

	.tangilla_category_list li,
	.tangilla_affiliate {
		width:100%;
		padding:0;
	}

	footer .container {
		padding-top:85px;
	}

	footer .col:nth-child(2), footer .col:nth-child(3), footer .col:nth-child(4) {
		width:50%;
	}

	footer ul {
		margin:0 0 25px 0;
	}

	footer p {
		font:400 23px/30px "Calibre Regular", sans-serif;
	}

	#copyright {
		padding-top:55px;
		padding-bottom:25px;
	}

	.realtor {
		padding:65px 0 0 0;
	}
}


@media (max-width: 520px) {
	h1 {
		font:400 60px/60px "Calibre Medium", helvetica, sans-serif;
	}

	h2 {
		font:400 25px/28px "Calibre Medium", sans-serif;
	}

	h4 {
		font:400 25px/30px "Calibre Regular", helvetica, sans-serif;
	}

	p {
		font:400 20px/28px "Calibre Regular", helvetica, sans-serif;
	}
	
	a.fasc-button {
	  font:400 20px/28px "Calibre Regular", helvetica, sans-serif !important;
	}

	#upcoming-events h2,
	#market-data h3,
	#featured-news h2 {
		font:400 50px/50px "Calibre Medium", sans-serif;
	}

	.description h2 {
		margin:0;
	}

	.tag {
		font:400 20px/22px "Calibre Medium", sans-serif;
		padding:15px 15px 10px 15px;
	}

	.photo {
		margin-bottom:20px;
	}

	.three-columns .col,
	#market-data .col {
		width:100%;
	}

	#market-data p {
		margin-bottom:30px;
	}
	
	.three-columns .container,
	#newsletters-lockbox .container {
		flex-direction:row;
	}

	#press-releases li h2 {
		font:400 30px/35px "Calibre Medium", helvetica, sans-serif;
	}

	footer p {
		font:400 25px/32px "Calibre Regular", sans-serif
	}

	footer .col:nth-child(2), footer .col:nth-child(3), footer .col:nth-child(4) {
		width:100%;
	}

	#copyright p {
		font:400 18px/26px "Calibre Regular", sans-serif;
	}

	.accordion-header h5:after {
		display:none;
	}

	.accordion-button {
		padding-right:0;
	}

	.accordion-header h5 {
		font:400 30px/34px "Calibre Medium", sans-serif;
	}

	.members-name-only .col {
		width:100%;
	}

	#roster-search {
		width:100%;
	}
}


@media (max-width: 450px) {
	h1 {
		font:400 50px/50px "Calibre Medium", helvetica, sans-serif;
	}

	.link-arrow:after {
		width: 18px;
		height: 17px;
		background:url("../images/arrow-gold.svg") top left / 18px 17px no-repeat;
		display:inline-block;
		margin-left:15px;
		position:relative;
		top:auto;
		right:auto;
		margin-top:-15px;
	}

	#homepage-upcoming-classes .link-arrow:after {
		top:auto;
		right:auto;
	}

	.read-more:after {
		margin-left:15px;
	}

	#newsletters li a:after {
		width:auto;
		height:auto;
		content:"View More";
		font:400 23px/26px "Calibre Medium", sans-serif;
		color:#dd9f27;
		background:url("../images/arrow-gold.svg") top right / 18px 17px no-repeat;
		display:inline-block;
		position:relative;
		border-radius:0;
		top:auto;
		right:auto;
		left:auto;
		margin:0;
		padding:0 30px 0 0;
	}

	.arrow {
		width:auto;
		height:auto;
		font:400 23px/26px "Calibre Medium", sans-serif;
		text-indent:0;
		color:#dd9f27;
		background:url("../images/arrow-gold.svg") top right / 18px 17px no-repeat;
		display:inline-block;
		position:relative;
		border-radius:0;
		top:auto;
		right:auto;
		left:auto;
		margin:0;
		padding:0 30px 0 0;
	}

	.read-more, 
	.link-arrow {
		font:400 23px/26px "Calibre Medium", sans-serif;
	}

	.read-more:after {
		width:18px;
		height:17px;
		background-size:18px 17px;
	}

	.description {
		padding:0;
	}

	.description p {
		margin:0 0 15px 0;
	}

	.three-columns .container {
		padding-bottom:20px;
	}

	#newsletters li {
		padding-right:0;
	}

	#newsletters p {
		margin:0 0 20px 0;
	}

	hr {
		margin-bottom:30px;
	}

	#upcoming-classes li {
		padding:20px 20px 15px 20px;
	}

	#upcoming-classes li:last-child {
		padding:30px 20px 15px 20px;
	}

	#newsletters ul {
		margin-bottom:30px;
	}

	#newsletters li:last-child {
		border-bottom:3px solid #f1f4f4;
		padding-bottom:25px;
	}

	.members .col {
		width:100%;
	}

	#members-wrapper h4 {
		font:400 32px/38px "Calibre Medium", helvetica, sans-serif;
	}

	.page-template-subpage-members .wrapper .container {
		padding-bottom:0;
	}

	#login-widget {
		width:100%;
		bottom:0;
	}

	#login-widget .close {
		top:15px;
		left:15px;
	}

	#login-widget ul li {
		padding:15px 25px 10px 25px;
	}

	#login-widget ul li a, 
	#login-widget ul li a input {
		font:400 25px/25px "Calibre Medium", sans-serif;
	}

	#login-widget ul li:after {
		content:"";
		width:35px;
		height:35px;
		margin-top:-19px;
	}

	.pricing-wrapper {
		padding:30px 10px;
		margin:0 0 30px 0;
	}

	.pricing-fee-amount {
		font:400 40px/40px "Calibre Semibold", sans-serif;
	}

	.pricing-class {
		font:400 26px/26px "Calibre Semibold", sans-serif;
	}
}