/*************************************************************/
/*  	VARIABLES and MIXINS								 */
/*************************************************************/
/* ANTI mobile */
@media (min-width: 600px),
screen and (min-device-width:640px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5){
	.mobile{ display:none !important;}
	.leader-blocks .leader-bio{ display: none !important; }
	#fx-global-footer #nav-footer .col.footer-contain{width:36%}
	#fx-global-footer #nav-footer .col.footer-contain .col{width:48%;}
}


/* tablet size */
@media (max-width: 799px) {
	.desktopframe{ display:none;}
	.tabletframe{ display:block;}

	#fx-respond #fx-global-header #main-logo,
	#fx-respond #fx-global-header #main-logo img{width:135px;}
	#fx-respond #fx-global-header #main-logo{ margin-right:15px;}
	#fx-respond #fx-global-header #main-logo img{margin: -27px 0 0 3px;}
	.fx-sync-heights.fx-2-1 .fx-block{ min-height:auto !important;}
	
	#fx-respond #fx-global-header .menu-col{margin-bottom:0;width:100%;}
	#fx-global-header .menu-col ul{margin: 0 -1.5%;}
	#fx-global-header .menu-col ul li{ border-top: 1px solid #CCC; width:46%; margin: 0 1.5%; float:left;}
	#fx-global-header .menu-col ul li:nth-child(odd){clear:both;}
	#fx-global-header .menu-col ul li:nth-child(1),
	#fx-global-header .menu-col ul li:nth-child(2){border-top:0;}
	#fx-global-header .menu-col-spacer{display: none;}
	
	#fx-global-header .menu-col ul li:first-child, #fx-global-header .menu-col ul li.menu-col-spacer{}
	
	/* Element 5 */
	.big-image .fx-block-layout .fx-aux,
	.big-image .fx-block-layout .fx-main{width:100%;}
	/* Element 6 */
	.cta-image-2-block p {max-width:180px;}
	/* Element 22 */
	.mod-22-nav-col{ width:100%; float:none; clear:both;}
	.mod-22-nav-block{ width:50%; float:left; box-sizing:border-box;}
}

/* mobile size */
@media (max-width: 767px) {
	.formspacer{ display:none;}
	/*.half, .third, .two-thirds, .three-fourths, .fourth { width: 100%; } */
	/* Element 11 */
	.element-11-anchor-bar ul{ -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0; background:#fff; margin-bottom:-2px}
	.element-11-anchor-bar li{ width: 50%; height:55px; margin: 0 0 2px -1px; padding:0 10px; background:#4d148c; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
}



/* extra small mobile  */
@media (max-width:599px),
screen and (min-device-width:720px) and (max-width:640px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5){
	.tabletframe{ display:none;}
	.mobileframe{ display:block;}
	
	.hide-mobile{ display:none !important;}
	.mobile{ display: block;}
	
	#fx-respond #fx-global-header #main-logo,
	#fx-respond #fx-global-header #main-logo img{width:135px;}
	.row .half,
	.row .third{ width:100%;}
	
	/* Menu */	
	#fx-respond #fx-global-header #main-logo img {
		margin: -20px 0 0 3px;
	}
	#fx-respond #fx-global-header #global-nav a#mobile-menu-link span{padding-top: 9px !important; padding-bottom: 12px !important;}
	#fx-global-header .menu-panel.mobileMenuPanel ul{ display:block; padding:0px 0; background:#fff;}
	#fx-global-header .menu-panel.mobileMenuPanel li{ display:block; width:100%; position:relative;}
	#fx-global-header .menu-panel.mobileMenuPanel a{display:block; background:#fff; padding:15px !important; 
		-webkit-transition: none;
		-o-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition: none;
	}
	#fx-global-header .menu-panel.mobileMenuPanel ul ul{ display: none; background:#eee;}
	#fx-global-header .menu-panel.mobileMenuPanel ul ul a{ padding-left: 45px !important; }
	#fx-global-header .menu-panel.mobileMenuPanel ul .active ul{ display: block}
	#fx-global-header .menu-panel.mobileMenuPanel li.active > a,
	#fx-global-header .menu-panel.mobileMenuPanel li > a:hover{ background:#f8f8f8;}
	#fx-global-header .menu-col ul li:nth-child(2){border-top:1px solid #CCC}
	
	.mobileMenuPanel .menu-col > ul > li > a{ padding-right:50px;}
	
	#fx-global-header .menu-panel.mobileMenuPanel ul ul li a{background:#eee;}
	#fx-global-header .menu-panel.mobileMenuPanel li .toggle{ display:block; position: absolute; right:0; top:0; height:45px; width:60px; cursor:pointer; z-index:99}
	#fx-global-header .menu-panel.mobileMenuPanel li .toggle:after{ 
		content:"";
		width: 0px; 
	 	height: 0px; 
	  	border-top: 8px solid transparent;
  		border-bottom: 8px solid transparent;
  		border-left: 8px solid #4d148c;
		position:absolute;
		top:50%;
		right:25px;
		margin:-8px 0 0 0;
	}
	#fx-global-header .menu-panel.mobileMenuPanel li.active .toggle:after{ 
	  	border-left: 8px solid transparent;
	 	border-right: 8px solid transparent;
	  	border-bottom: none;
	 	border-top: 8px solid #4d148c;
		margin:-2px -3px 0 0;
	}


	/* Element 1 */
	.home .gencon-banner-block{ min-height: 0;}
	.gencon-banner-block{ background:#fff !important; min-height: 0;}
	.home .genco-banner-overlay,
	.genco-banner-overlay{
		/* max-width:100%;
	commented out by brian */
	padding: 15px 15px;}
	.genco-banner-overlay  quote{font-size:20px; line-height:1em;}
	.genco-banner-overlay  quote, .genco-banner-overlay p{color: #4d148c;}
	.genco-banner-background{position: relative;	 width:100%; margin:0; background:#eee !important; }
	.genco-banner-background img{ display:block !important;}
	.fx-slide-prevnext a{color: #4d148c;}
	.gencon-overlay-banner .fx-slide-prevnext {
		display: none;
		/* by Brian for animated banner */
	}
	/* Element 3 */
	.element-3-multibox img{max-width:65px; height: auto;}
	/* Element 6 */
	.cta-image-2-block img { width:45px;  }
	.cta-image-2-block a.fx-link{font-size: 1.1em;}
	.cta-image-2-block .icon{width:45px;flex: 0 0 45px;}
	/* Element 8 */
	.resource-block .fx-image{ display:none;}
	/* Element 11 */
	.element-11-anchor-bar li{ width: 50%;}
	/* Element 12 */
	.fdx-checkbox-left {float: none;;width: 100%;}
	/* Element 17 */
	.el17-imagerow > div{width:100%;}
	/* Element 22 */
	.fx-2-1 .col-2 .mod-22-nav-col,
	.mod-22-nav-col{padding-top:0px;}
	.fx-2-1 .col-2 .mod-22-nav-block,
	.mod-22-nav-block{ width:100%; clear:both; min-height:0 !important; padding:10px 0 0 65px;}
	.fx-2-1 .col-2 .mod-22-nav-block .icon,
	.mod-22-nav-block .icon{width:50px; top:10px}
	/* Element 26 */
	.fx-copy .mktoForm{padding-top:0;	}
	.mktoForm .mktoGutter{display:none;	}
	.fx-copy .mktoForm label.mktoLabel{width:100% !important;	margin:0 0 4px;font-size: 15px;}
	.fx-copy .mktoForm input[type=text], 
	.fx-copy .mktoForm input[type=url], 
	.fx-copy .mktoForm input[type=email], 
	.fx-copy .mktoForm input[type=tel], 
	.fx-copy .mktoForm input[type=number], 
	.fx-copy .mktoForm input[type=date], 
	.fx-copy .mktoForm select.mktoField, 
	.fx-copy .mktoForm textarea.mktoField{width:100% !important; margin-bottom:0; max-width: none;}
	.fx-copy .mktoForm .mktoButtonWrap.mktoShadow{margin-left:0 !important	}
	
	/* LEADERSHIP */
	.leader-blocks .fx-block .fx-copy { width: 100%;padding:15px;float:left;box-sizing:border-box;}
	.leader-blocks .fx-block img { display:none;}
	.fx-leader-bio{ display: none !important; }
	.leader-blocks .fx-block a h3{font-size:15px; margin-bottom: 5px;}
	.leader-blocks .fx-block a h3:after {font-size: .75em; line-height:1em; content: " \25BA"; margin-bottom:5px;}
	.leader-blocks .fx-block p{ font-weight:bold; font-size:12px; line-height:1.4em;}
	.leader-bio .fx-copy .fx-image{ display:block; width:85px; float:left;}
	.leader-bio .fx-content h2{ font-size:19px; margin-top:10px;}
	.leader-bio .fx-content b{display: block; margin:2px 0 10px;}
	.leader-bio .fx-content p{ font-size: 13.3px; line-height: 18px;}
	.leader-bio .fx-content{ height: auto !important; width:calc(100% - 105px); float:right; margin-bottom:10px;}
	
	/* RESOURCES */
	.archive-resource-block .fx-image{ display:none;}
	.archive-resource-block .fx-copy{padding-left:65px;}
	.archive-resource-block .fx-copy > .icon img {width: 40px;}
	.archive-resource-block .fx-copy > .icon{left:13px;}
	.archive-resource-news-article .fx-copy > .icon{ top:12px; left:11px;}
	.archive-resource-infographic .fx-copy > .icon{ top:13px; left:10px;}
	.archive-event-block .fx-image .event-logo{ max-width: 180px; width: auto; height: auto; margin-bottom:15px;}
	
	
	.fx-sag .filtermenu-mobile-toggle.fx-btn{ background: transparent; color:#fff; opacity: 1;margin: 0; float: right;}
	.fx-sag .filtermenu-mobile-toggle.fx-btn.opened:hover,
	.fx-sag .filtermenu-mobile-toggle.fx-btn:hover{ opacity:.8; background: transparent;}
	.fx-sag .filtermenu-mobile-toggle.fx-btn.opened{ opacity:.5; background: transparent;}
	.filtermenu-mobile{ background:#fff; padding:0; margin: -20px 10px 20px 10px; display:none;
		    -webkit-box-shadow: 0 4px 8px -4px #999;
			-moz-box-shadow: 0 4px 8px -4px #999;
			box-shadow: 0 4px 8px -4px #999;}
	.filtermenu-mobile ul{margin:0; padding:0; list-style:none;}
	.filtermenu-mobile.disable ul{ opacity:.5;}
	.filtermenu-mobile > ul > li{ display:block; border-top:#ccc 1px solid; position:relative;}
	.filtermenu-mobile .toggle{padding:15px 15px;}
	.filtermenu-mobile ul li:first-child{ border-top: none;}
	
	.filtermenu-mobile ul li{ cursor:pointer}
	.filtermenu-mobile ul .toggle{ position:relative; padding-right:40px; overflow:hidden; white-space:nowrap;}
	.filtermenu-mobile > ul > li .toggle:before{ content: ""; display: block; position: absolute; top:0; bottom:0; right:0; background:#fff; width:40px;}
	.filtermenu-mobile > ul > li .toggle:after{ content: '►'; padding-left: 3px; line-height: 1em;color:#4d148c; position:absolute; top:50%; right:15px; height:16px; margin-top:-8px;}
	.filtermenu-mobile > ul > li .toggle.active:after{ content: '▼';}
	.filtermenu-mobile ul .toggle:hover,
	.filtermenu-mobile ul ul li:hover{ color:#4d148c}
	.filtermenu-mobile ul ul{ padding: 0 15px 15px 30px; display:none;}
	.filtermenu-mobile ul ul li{padding:5px 15px 5px 0; position:relative; font-size:90%}
	.filtermenu-mobile ul ul li.selected{color:#4d148c;}
	.filtermenu-mobile .selectedfilter{padding-left:3px; font-style:italic;}
	
	.filtermenu-mobile .clearfilter{ position:; display:none; margin: 0 0 0 10px; right:0;}
	.filtermenu-mobile .selected .clearfilter{display:inline-block;}
	
	.fx-block img.authoricon{ max-width:120px; margin-right:10px; float:none; display: none;}
	.authorblock .hasicon{ max-width:calc(100%); float:none;}
	
	/*  NEWS */
	.main-content-resource img.alignleft,
	.main-content-resource img.alignright{max-width:100%; float:none; margin: 5px 0 15px 0;}
	
	.page-template-template-contact .fx-copy .mktoForm .mktoButtonRow{
		text-align:right;
	}
	
}

@media (max-width: 450px) {
	/* Element 6 */
	.cta-image-2-block img { width:45px;  }
	.cta-image-2-block a.fx-link{font-size: .9em;}
	
}
@media (max-width: 350px) {
	.post-type-archive-resources .fx-sag .filtermenu-mobile-toggle.fx-btn{margin: 10px 0 0; clear:both; display:block; max-width:130px; text-align:center}
}



@media only screen and (max-width: 799px){
	#fx-respond #fx-global-footer #nav-footer .col2{ display: none; clear:both;   border-top: 1px solid #CCC !important; padding-top:15px !important; }
	#fx-respond #fx-global-footer #nav-footer .col3{ clear:both; border-top: 1px solid #CCC !important; margin-top:0;padding-top:15px !important; width:100%; }
	#fx-respond #fx-global-footer #nav-footer .col{ box-sizing:inherit; min-height: 0 !important;}
	
	#fx-respond #fx-global-footer #nav-footer .col.footer-contain{width:66%; padding-right:0;}
	#fx-respond #fx-global-footer #nav-footer .col.footer-contain .col{width:48%;}
	#fx-respond #fx-global-footer .follow,
	#fx-respond #fx-global-footer .menu-footer-menu-misc-container{width:31%; float:left; padding-top:0; padding: 0 2% 0 0;}
	
}
@media only screen and (max-width: 599px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 640px) and (min-device-width: 720px) and (orientation: landscape){
	#fx-respond #fx-global-footer #nav-footer .col, 
	#fx-respond #fx-global-footer .row{ display: block;}
	#fx-respond #fx-global-footer #nav-footer .col.col0 ul li:first-child{ display:block;}
	#fx-respond #fx-global-footer #nav-footer .col.col0 ul li{ display:none;}
	#fx-respond #fx-global-footer #nav-footer .col.col2{display: none;}
	#fx-respond #fx-global-footer #nav-footer .col.col0,
	#fx-respond #fx-global-footer #nav-footer .col.col1{width:48%}
	#fx-respond #fx-global-footer #nav-footer .col.col0{width:48%}
	#fx-respond #fx-global-footer #nav-footer .col3{float:none; width:100%; clear:both; padding-top:15px; border-top: 1px solid #CCC;}
	#fx-respond #fx-global-footer .follow{width:48%}
	#fx-respond #fx-global-footer .menu-footer-menu-misc-container{padding-top:0; width:48%;}
	#fx-respond #fx-global-footer #nav-footer .col.footer-contain{width:50%;}
	#fx-respond #fx-global-footer #nav-footer .col.footer-contain .col{width:98%;}
}

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