html {
	height: 100%;
}

body {	
	font-family: "futura-pt", "sans-serif";
	font-weight: 300;
	color: #333333;
	height: 100%;
}

p {
	margin: 10px 0;
}

h3 {
	font-weight: 400;
	font-size: 19px;
	letter-spacing: 0px;
	margin: 15px 0px;
}

ul {
	margin: 0px;
}

ul.pager {
	margin-top: 20px;
}


#header {
	padding: 0;
	width: 1010px;
}

.header-background {
	background-image: url("../../images/header-top-background.png");
	min-height: 181px;
	height: 181px;
	position: relative;
}

#name-and-slogan {
	margin-top: 56px;
	margin-left: 10px;
	color: #fefafa;
	font-family: 'futura-pt-condensed';
	font-style: italic;
	font-weight: 400;
	font-style: italic;
	font-size: 28px;
	letter-spacing: 1px;
	width: 230px;
	line-height: 30px;
}

.region-header {
	clear: none;
	position: relative;
	margin-left: 163px;
}

#block-search-form {	
	position: absolute;
	top: 73px;
	left: 474px;
	height: 28px;
	width: 208px;
}

#block-search-form .element-invisible {
	display: none;
}

#block-search-form .form-item {
	margin: 0;
}

.form-item-search-block-form input[type="text"] {
	background-color: #d6d6d6;
	border: none;
	display: block;
	width: 208px;
	height: 28px;
	border-radius: 2px;
	padding: 0 0 0 10px;
	color: #5e5e5e;
	font-size: 15px;
	line-height: 28px;
}

#content {
	padding: 0;
}

#main {
	padding-top: 0;
}

#search-block-form input[type='submit'] {
	display: none;
}

#block-block-1 {	
	position: absolute;	
	top: 71px;
	left: 701px;
	width: 150px;
	height: 34px;
	clear: none;
}

.header-social-media > a {
	display: block;
	height: 34px;
	width: 33px;
	float: left;
	margin: 0 6px 0 0;
	background-image: url("../../images/header-social-icons.png");
	text-decoration: none;
}

.header-social-media .facebook {
	background-position: 0 0;
}

.header-social-media .twitter {
	background-position: -39px 0;
}

.header-social-media .youtube {
	background-position: -79px 0;
}

.header-social-media .linkedin {
	background-position: -117px 0;
	margin-right: 0;
}

.header-social-media .flickr {
	background-position: -117px 0;
	margin-right: 0;
}

.header-social-media .facebook:hover {
	background-position: 0 -34px;
}

.header-social-media .twitter:hover {
	background-position: -39px -34px;
}

.header-social-media .youtube:hover {
	background-position: -79px -34px;
}

.header-social-media .linkedin:hover {
	background-position: -117px -34px;
}

.header-social-media .flickr:hover {
	background-position: -117px -34px;
}

.header-social-media .flickr {
	background-position: -151px 0;
	margin-right: 0;
}

.header-social-media .flickr:hover {
	background-position: -151px -34px;
}

.stretch-background {
	background-repeat: repeat;
	background-position: center;
	width: 100%;
}

#page {
	position: relative;
	max-width: none;
	width: 100%;
	min-height: 100%;
}

.not-front #page {
	/*min-height: inherit;*/
}

#main {
	/*min-height: 780px;*/
	padding-bottom: 339px;
}

.region-bottom {
	height: 339px;
	max-width: 100%;
	width: 100%;
	position: absolute;
	bottom: 0px;
}

.not-front .region-bottom {
	height: 298px;
}

.region-bottom > div {
	margin-bottom: 0;
}

.centered-main-content {
	width: 1010px;
	margin: 0 auto;
}

.front .centered-main-content {
	width: 100%;
}

.footer-top {
	background-color: #EBEBEB;
	height: 131px;
}

.not-front .footer-top {
	background-color: #EBEBEB;
	height: 90px;
}

.footer-top > div {
	margin: 0 auto;
	overflow: auto;
	padding-top: 18px;
	width: 993px;
}

.not-front .footer-top > div {
	padding-top: 22px;
	margin: 0 auto;
	width: 993px;
	overflow: auto;
}

.footer-top a {
	background-image: url("../../images/big-buttons-sprite-2.png");
	background-position: 948px 71px;
	display: block;
	float: left;
	height: 71px;
	margin: 0 22px;
	width: 316px;
	text-decoration: none;
}

.not-front .footer-top a {
	background-image: url("../../images/small-buttons-sprite-2.png");
	background-position: -316px 0px;
	display: block;
	float: left;
	height: 48px;
	margin: 0 22px;
	width: 316px;
	text-decoration: none;
}

.not-front .footer-top a:hover {
	background-position: -316px -48px;
}

.footer-top a:hover {
	background-position: 948px 0;
}

.footer-top .first,
.footer-top .last,
.not-front .footer-top .first,
.not-front .footer-top .last {
	margin: 0;
}

.footer-top .first {
	background-position: 632px 71px;
}

.not-front .footer-top .first {
	background-position: 0 0;
}

.not-front .footer-top .first:hover {
	background-position: 0 -48px;
}

.not-front .footer-top .last {
	background-position: -632px 0;
}

.not-front .footer-top .last:hover {
	background-position: -632px -48px;
}

.footer-top .first:hover {
	background-position: 632px 0;
}

.footer-top .last {
	background-position: 316px 71px;
}

.footer-top .last:hover {
	background-position: 316px 0;
}

.footer-top p {
	clear: left;
	color: #666666;
	font-family: "futura-pt", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	height: 42px;
	line-height: 42px;
	margin: 0;
	text-align: center;
}

.not-front .footer-top p {
	display: none;
}

.footer-middle {
	background-image: url("../../images/footer-middle-background.png");
	background-repeat: repeat;
	background-position: center;
	height: 120px;
}

.footer-middle > div {
	width: 820px;
	margin: 0 auto;
	padding: 22px 0 0 0;
}

.footer-middle a {
	display: block;
	float: left;
	height: 78px;
	width: 78px;
	border-left: 1px solid rgba(0, 0, 0, .7);
	border-right: 1px solid rgba(100, 100, 100, .5);
	padding: 0 32px;
}

.footer-middle .last {
	border-right: none;
	width: 147px;
}

.footer-middle p {
	margin: 0;
}

.footer-middle p.first {
	padding-top: 6px;
	font-family: "Georgia", "serif";
	font-size: 14px;
	font-style: italic;
	color: #DADADA;
	float: left;
	text-align: right;
	height: 78px;
	width: 278px;
	font-weight: normal;
	border-right: 1px solid rgba(100, 100, 100, .5);
	line-height: 20px;
	padding-right: 32px;
}

.footer-bottom {
	background-image: url("../../images/footer-bottom-background.png");
	background-repeat: repeat;
	background-position: center;	
	height: 88px;
}

.footer-bottom p {
	color: #CCC;
	font-size: 14px;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	text-align: center;
}

.footer-bottom .top {
	padding-top: 24px;
}

.footer-bottom .bottom {
	font-size: 12px;
	padding-top: 3px;
	letter-spacing: normal;
}

.footer-bottom span {
	color: #9e911d;
	padding: 0 17px 0 13px;
}

.footer-bottom a {
	color: #CCC;
}

.node-title a,
#page-title {
	color: #c41230;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 2px;
	margin: 31px 0 0 0;
	text-decoration: none;
	cursor: pointer;
}

.node-title a {
	margin: 49px 0 2px 0;
}

.page-commissioners #page-title {
	margin: 15px 0 0 0;
}

.breadcrumb {
	display: none;
}

.node-content-box .media-youtube-video {
	float: none;
	clear: both;
	width: 100%;
	min-width: 580px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.node-content-box .media-youtube-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#cboxLoadedContent {
	margin-bottom: 28px;
}

/*Commissioners View Styling*/

.view-commissioners {
	position: relative;
	margin-top: 32px;
}

.view-commissioners .view-content {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 10px;
}

.view-commissioners .commissioner-row {
	/*display: inline-block;
	width: 160px;
	min-height: 210px;
	vertical-align: top;*/
	flex:  1 1 160px;
}

.view-commissioners .views-field {
	/*display: inline-block;
	padding: 7px;
	width: 146px;
	min-height: 196px;
	border: none;*/
	padding: 6px;
    border: 1px solid transparent;
    cursor: pointer;
}

.view-commissioners .views-field:hover {
	padding: 6px;
	border: 1px solid #c41230;
}

.commissioner-fancybox .top a {
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	height: 33px;
	width: 165px;
	background-image: url(../../images/send-me-an-email.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	position: relative;
	/*top: 6px;
	right: -19px;
	left: 143px;*/
}

@media only screen and (min-width: 600px)  {

	.commissioner-fancybox .top a {
		margin: 0 0 0 auto;
	}
}

.commissioner-fancybox .top a.safari {
	top: 0px;
}

.view-commissioners h3,
.view-commissioners h4,
.commissioner-fancybox h3,
.commissioner-fancybox h4  {
	color: #c41230;
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	letter-spacing: 0px;
}

.view-commissioners h3 {
	font-size: 17px;
}

.commissioner-fancybox > div {
	position: relative;
}

.commissioner-fancybox .left {
	position: relative;
	max-width: 166px;
	float: left;
	margin-top: 8px;
}

.commissioner-fancybox .left img {
	display: inline-block;
	margin-left: 6px;
}

.commissioner-fancybox .right {
	float: left;
	position: relative;
	width: 100%;
	max-width: 100%;
}


.commissioner-fancybox h3,
.commissioner-fancybox h4 {
	/*display: inline-block;
	margin-left: 5px;*/
}

.commissioner-fancybox h4,
.view-commissioners h4 {
	text-transform: uppercase;
	color: #666;
	letter-spacing: 1px;
	font-size: 12px;
}

.commissioner-fancybox .top {
	margin: 6px 0 0 0;
	display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

@media only screen and (min-width: 600px)  {

	.commissioner-fancybox .top {
	    gap: 0 10px;
	}
}

.commissioner-fancybox {
	display: none;
}

#email-sign-up legend {
	padding: 0;
	margin: 0;
	color: #666;
	font-size: 19px;
	position: relative;
	top: 22px;
	left: 34px;
	letter-spacing: 1px;
	word-spacing: 2px;
}

#email-sign-up fieldset {
	background-image: url(../../images/email-sign-up-background.png);
	background-repeat: no-repeat;
	display: block;
	height: 128px;
	width: 231px;
	border: none;
	padding-top: 30px;
	margin-bottom: 17px;
	margin-left: 0;
}

#email-sign-up input[type="email"],
#email-sign-up input[type="text"] {
	color: #666;
	margin-bottom: 4px;
	font-size: 14px;
	width: 212px;
	height: 30px;
	display: block;
}

#email-sign-up input[type="submit"] {
	width: 209px;
	height: 32px;
	background: transparent;
	background-color: transparent;
	background-image: url(../../images/email-submit-button.png);
	background-position: 0 0;
	border: none;
	outline: none;
	text-indent: -9999px;
	overflow: hidden;
}

#email-sign-up input[type="submit"]:hover {
	background-position: 0px -32px;
}

.view-sidebar-related-content iframe {
	width: 232px;
	height: 145px;
}

#block-block-3 {
	margin-bottom: 0;
}

.sidebar-second #content {
	width: 670px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 50px;
	margin-left: 15px;
}

.issuuembed {
	float: left;
	margin: 10px;
}

.sidebar-second #content a {
	display: inline-block;
	color: #979300;
	border-bottom: thin dotted #979300;
	text-decoration: none;
}

.sidebar-second #content p:first-child {
	margin-top: 2px;
}

.sidebar-second #content .node li {
	list-style-image: url("../../images/bullet.png");
	padding-bottom: 8px;
}

.sidebar-second .region-sidebar-second {
	width: 249px;
	/*margin-left: 750px;*/
	border-left: 1px solid #bdbdbd;
	padding-left: 17px;
	margin: 50px 0 50px 750px;
}

.region-sidebar-second .views-field-field-video {
	display: none;
}

.sidebar_video_fancybox {
	cursor: pointer;
}

.sidebar_video .media-youtube-video {
	float: none;
	clear: both;
	width: 100%;
	min-width: 580px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.sidebar_video .media-youtube-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#block-views-news-sidebars-block-1,
#block-views-news-sidebars-block-2,
#block-views-sidebar-related-content-block {
	margin-bottom: 17px;
}

#block-views-news-sidebars-block-1,
#block-views-news-sidebars-block-2,
#block-views-sidebar-related-content-block-1 {
	float: left;
}

#block-views-news-sidebars-block-1 a,
#block-views-news-sidebars-block-2 a,
#block-views-sidebar-related-content-block-1 a {
	color: #c41230;
	text-decoration: none;
}

#block-views-news-sidebars-block-1 h2,
#block-views-news-sidebars-block-2 h2,
#block-views-sidebar-related-content-block-1 h2 {
	border-bottom: 1px solid #bdbdbd;
	color: #333333;
	font-weight: 400;
	font-size: 16px;
	line-height: inherit;
	margin-bottom: 5px;
}

#block-views-news-sidebars-block-1 .views-field span,
#block-views-news-sidebars-block-2 .views-field span,
#block-views-sidebar-related-content-block-1 .views-field span {
	float: left;
	padding-bottom: 10px;
}

#block-views-news-sidebars-block-1 .views-field img,
#block-views-news-sidebars-block-2 .views-field img,
#block-views-sidebar-related-content-block-1 .views-field img {
	float: left;
	padding-right: 10px;
}

.news-article {
	border-bottom: 1px solid #CCC;
	overflow: auto;
}

.views-row-last .news-article {
	border: none;
}

.news-article .top .news-type,
.news-article a {
	color: #999900;
	text-decoration: none;
}

.news-article .top {
	margin: 15px 0 5px 0;
}

.news-article .bottom {
	overflow: auto;
	margin-bottom: 14px;
}

.news-article .bottom .right h3 {
	color: #c41230;
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0px;
	word-spacing: 1px;
}

.news-article .bottom .right p {
	margin: 0;
	padding: 0;
}

.news-article .top span {
	text-transform: uppercase;
	font-size: 14px;
}

.news-article .bottom > div {
	float: left;
}

.news-article .news-date {
	color: #999;
}

.news-article .bottom .left {
	width: 142px;
}

.news-article .bottom .right {
	width: 460px;
}

#edit-field-initiative-tid, #edit-field-type-value {
	display: none;
}

#views-exposed-form-news-page label {
	color: #999900;
	font-weight: 400;
}

#edit-field-initiative-tid-wrapper,
#edit-field-type-value-wrapper {
	position: absolute;
}
#edit-field-initiative-tid-wrapper label,
#edit-field-type-value-wrapper label {
	position: relative;
	z-index: 2;
	padding: 0 8px;
	/*border: 1px solid #FFF;*/
}

#edit-field-initiative-tid-wrapper:hover label,
#edit-field-type-value-wrapper:hover label {
	color: #c41230;
	border: 1px solid #c41230;
	border-bottom: none;
	display: inline;
	background-color: #FFF;
	padding: 0 7px;
}

#edit-field-initiative-tid-wrapper .views-widget,
#edit-field-type-value-wrapper .views-widget {
	position: absolute;
	/* display: none; */
}

.dk-select, .dk-select-multi {
	width: auto;
}

#dk0-edit-field-initiative-tid ul,
#dk1-edit-field-type-value ul {
	margin: 0;
	list-style: none;
}

#dk0-edit-field-initiative-tid .dk-option,
#dk1-edit-field-type-value .dk-option {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border-bottom: none;
	color: #333;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0px;
	cursor: pointer;
	text-align: left;
	clear: none;
}

#dk0-edit-field-initiative-tid .dk-option:hover,
#dk1-edit-field-type-value .dk-option:hover {
	color: #c41230;
	/*visibility: visible;*/
}

#dk0-edit-field-initiative-tid > .dk-selected,
#dk1-edit-field-type-value > .dk-selected {
	display: none;
}
#dk0-edit-field-initiative-tid #dk0-All,
#dk1-edit-field-type-value #dk1-All {
	display: none;
}
.form-item-field-initiative-tid,
.form-item-field-type-value {
	line-height: 0;
}
label + div .dk-select-options {
	float: left;
	position: relative;
	width: auto !important;
	top: -3px;
	left: auto !important;
	right: auto !important;
	z-index: 0;
	/*display: none;*/
	padding: 10px 22px !important;
	border: 1px solid #c41230 !important;
	border-radius: 0;
	visibility: hidden;
	overflow-y: auto;
	max-height: none;
}

label:hover + div .dk-select-options,
label + div .dk-select-options:hover {
	visibility: visible;
	z-index: 1;
	/*display: block;*/
}

.dk-select-options li {
	white-space: nowrap;
}

#colorbox {
	background: #FFF;
	background-image: none;
}

/*#edit-field-initiative-tid-wrapper:hover .dk_options,
#edit-field-type-value-wrapper:hover .dk_options {
}*/

#edit-field-initiative-tid-wrapper:hover .dk-select-options,
#edit-field-type-value-wrapper:hover .dk-select-options {
	display: block;
	/*visibility: visible;*/
	border: 1px solid #c41230;
	background-color: #FFF;
}

#edit-field-initiative-tid-wrapper,
#edit-field-type-value-wrapper {
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0;
}

#edit-field-type-value-wrapper li:first-child {
	/*display: none;*/
}

.dk-select-options .dk-option-highlight {
	background: none !important;
}

#views-exposed-form-news-page .views-submit-button {
	display: none;
}
.view-news .view-filters {
	position: absolute;
}

.view-news h1 {
	display: inline;
}

.news-intro-blurb {
	margin-left: 14px;
}

.view-news .view-empty {
	margin: 30px 0px 70px;
}

#views-exposed-form-news-page > div {
	position: relative;
	bottom: 28px;
	left: 353px;
}

#navigation {
	display: none;
}

.view-news .pager .pager-first,
.view-news .pager .pager-last {
	display: none;
}

#content .view-news .pager li a {
	border-bottom: none;
	color: #5f5f5f;
}

#content .view-news .pager-current {
	color: #FFF;
	border: 2px solid #525252;
	background-color: #5f5f5f;
	font-weight: 600;
}

.view-news .pager li {
	height: 26px;
	width: 26px;
	border: 2px solid #CACACA;
	display: inline-block;
	border-radius: 4px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
}

#block-sharethis-sharethis-block {
	width: inherit;
	min-height: 24px;
}

.st_sharethis_button .stButton .stMainServices {
	display: none;
}

#pagecontentend {
	margin: 0;
	padding: 0;
	height: 0;
}

.gala-logo {
	display: block;
	margin: 0 auto;
}

.node-27 .left-column,
.node-27 .middle-column,
.node-27 .right-column {
	display: inline-block;
	float: left;
}

body #content .image-link {
	text-decoration: none;
	border-bottom: none;
}

.zocalo-accordion {
	display: none;
}
.accordion-link {
	cursor: pointer;
}

.wf-loading {
	visibility: hidden;
}

.wf-active {
	visibility: visible;
}

.not-front .region-highlighted {
	min-height: 15px;
	margin-top: 50px;
	margin-bottom: -65px;
	padding-bottom: 0;
}
.not-front .md-slide-wrap {
	border: 1px solid #af102e;
}

.faq-link {
	cursor: pointer;
}

.faq-link + div {
	display: none;
}

@media screen and (max-device-width: 320px) {

	/*Front Styling*/

	.commissioner-fancybox .left {
		display: none;
	}

	.commissioner-fancybox .top {
		margin: 0;
	}

	.commissioner-fancybox .top a {
		position: inherit;
		display: block;
		background-image: none;
		overflow: inherit;
		text-indent: inherit;
		margin-bottom: 5px;
		height: inherit;
	}

	.commissioner-fancybox h3 {
		margin: 0;
		line-height: 22px;
		font-size: 17px;
		display: block;
		text-align: left;
	}

	.commissioner-fancybox h4 {
		line-height: 18px;
		display: block;
		text-align: left;
		margin: 0;
	}

	.commissioner-fancybox .right {
		left: inherit;
		font-size: 14px;
		line-height: 17px;
		position: relative;
		top: -4px;
	}

	.view-content-box {
		width: 612px;
	}

	#block-views-content-box .view-rows {
		float: left;
		clear: both;
	}

	.coj_headshot {
		width: 75%;
		height: 75%;
		margin: 20px 12% 0 12%;
	}

	.champion-title-box {
		width: 100% !important;
		height: 20px;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0 !important;
		position: absolute !important;
	}

	.coj_quote {
		margin-top: 0 !important;
		font-size: 15px !important;
		margin-bottom: 0 !important;
		line-height: 13px !important;
		padding-top: 0;
		position: relative;
		top: 4px;
	}

	.coj_byline {
		font-size: 13px !important;
		line-height: 13px !important;
		position: relative;
		top: 4px;
	}

	.coj_join_container {
		position: inherit !important;
		height: 85px !important;
	}

	.coj_join_button {
		padding: 0 !important;
	}
}


@media screen and (max-device-width: 480px) and (orientation: landscape) {

	.commissioner-fancybox .top {
		margin: 0;
	}

	.commissioner-fancybox .top a {
		position: inherit;
		display: block;
		background-image: none;
		overflow: inherit;
		text-indent: inherit;
		margin-bottom: 5px;
		height: inherit;
	}

	.commissioner-fancybox h3 {
		margin: 0;
		line-height: 22px;
		font-size: 17px;
	}

	.commissioner-fancybox h4 {
		line-height: 18px;
	}

	.commissioner-fancybox .left {
		display: none;
	}

	.commissioner-fancybox .right {
		left: inherit;
		font-size: 14px;
		line-height: 17px;
		position: relative;
		top: -4px;
	}

	.commissioner-fancybox .right p {
		margin: 2px 0;
	}

	.coj_headshot {
		width: 36%;
		margin: 0;
		position: relative;
	}

	.champion-title-box {
		position: absolute !important;
		top: 0px;
		left: 0px;
		height: 26px;
		width: 100% !important;
	}

	.coj_text_container {
		margin-left: 36% !important;
		font-size: 15px !important;
		margin-top: 26px;
	}

	.coj_join_container {
		left: 0;
		width: 100% !important;
		height: 68px !important;
		font-size: 14px !important;
	}

	.coj_join_container p {
		line-height: 15px;
		font-size: 13px;
	}

	.coj_quote {
		line-height: 20px !important;
	}

	.coj_join_button {
		padding: 0 !important;
	}
}


@media screen and (max-device-width: 640px) and (orientation: portrait) {

	.coj_headshot {
		width: 100%;
		margin: 20px 0;
	}

	.champion-title-box {
		width: 100% !important;
		height: 20px;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0 !important;
		position: absolute !important;
	}

	.coj_quote {
		margin-top: 0 !important;
		font-size: 16px !important;
		line-height: 15px !important;
		padding-top: 0;
	}

	.coj_byline {
		font-size: 13px !important;
		line-height: 13px !important;
		position: relative;
		top: 4px;
	}

	.coj_join_container {
		position: inherit !important;
		height: 85px !important;
	}

	.coj_join_button {
		padding: 0 !important;
	}
}

@media screen and (max-device-width: 640px) and (orientation: landscape) {

	.commissioner-fancybox .left {
		display: none;
	}

	.commissioner-fancybox .top {
		margin: 0;
	}

	.commissioner-fancybox .top a {
		position: inherit;
		display: block;
		background-image: none;
		overflow: inherit;
		text-indent: inherit;
		margin-bottom: 5px;
		height: inherit;
	}

	.commissioner-fancybox h3 {
		margin: 0;
		line-height: 22px;
		font-size: 22px;
		display: block;
		text-align: left;
	}

	.commissioner-fancybox h4 {
		line-height: 18px;
		display: block;
		text-align: left;
		margin: 0;
	}

	.commissioner-fancybox .right {
		left: inherit;
		font-size: 18px;
		line-height: 21px;
		position: relative;
	}

	.champion-title-box {
		width: 300px;
	}
	.coj_join_container p {
		line-height: 18px;
	}

}

@media (max-width: 768px) {
}