/*  Responsive StyleSheet
    --------------------------------------------------------------
	Style:	we_clearblue
	Copyright (c) 2014 CaniDev ( http://www.canidev.com )
    --------------------------------------------------------------
*/

@media only screen and (max-width: 1024px) {
	#illustration {
		margin-bottom: 3px;
	}
	
	#main-navigation { padding: 0 15px; }
	#primary-navigation  {
		margin-right: 0;
	}
	
	#main-navigation, #primary-navigation, #primary-navigation > li > a {
		display: block;
		height: 40px;
		line-height: 40px;
	}
	
	#primary-navigation > li > a {
		padding: 0 14px;
	}
	
	#primary-navigation li {
		font-size: 10px;
	}
	
	#primary-navigation li, #primary-navigation li + li {
		padding-right: 0;
		padding-left: 0;
	}
	
	#wrapper { min-width: 750px; }

	.searchbox #keywords {
		background-position: 4px center;
		border: none;
		font-size: 11px;
		padding: 7px 12px;
	}
	
	#tz {
		max-width: 540px;
		overflow-x: hidden;
	}
	
	#account { line-height: 36px; }
	#account .fa { display: inline; }
	#account a:hover { text-decoration: none;}

	#account .responsive-menu { display: inline; }
	#account li a.responsive-item, #account a span { display: none; }
	
	#account li + li { margin-left: 20px; }

	fieldset.quickmod { width: 70%; }
	
	/* Portal
	-------------------------------*/
	#blg-area-wrapper {	display: block; }
	
	#blg-column-left, #blg-column-center, #blg-column-right {
		display: block !important;
		max-width: none !important;
		min-width: 0 !important;
		width: auto !important;
	}
	
	#blg-column-center	{ padding-right: 0 !important; }
	#blg-column-right	{ text-align: center; }
	
	#blg-column-right .blg-block {
		display: inline-block;
		margin-left: 2px;
		margin-right: 2px;
		text-align: left;
		vertical-align: top;
		width: 47%;
	}

	.blg-area {
		padding-left: 0;
		padding-right: 0;
		width: auto !important;
	}

	.news-grid .grid-item {
		height: 147px;
	}
	
	.news-grid .grid-item.big {
		height: 300px;
		width: 68%;
	}
	
	.blg-block .youtube-iframe {
		height: 250px;
		width: 100%;
	}
	
	.article-grid .grid-item {
		height: 180px;
		width: 48%;
	}
	
	.article-grid .grid-item .grid-image { min-height: 180px; }
	
	.blg-block .wheater-widget {
		height: 135px;
	}
	
	.blg-block .weather-current-temp {
		font-size: 24px;
	}
	
	.blg-block .weather-image {
		background-position: 50% 50%;
		background-size: 100%;
		height: 100px;
		width: 100px;
	}
	
	.blg-block .weather-logo img {
		height: auto;
		width: 50px;
	}
	
	div[id^="youtube-"] {
		max-width: 100%;
		width: auto !important;
	}
	
	/* Gallery
	-------------------------------*/
	.g-image-preview img {
		max-width: 700px;
	}
	
	.g-image {
		min-height: 110px;
		max-height: 140px;
		width: 170px;
	}
	
	.g-imagedata-container {
		padding: 10px 0;
	}
	
	/* Courses
	-------------------------- */
	.course-title, .course-actions {
		display: block;
		float: none;
		margin: 10px 0;
		text-align: center;
	}
	
	.course-agreement-tag, .course-collaboration-tag {
		display: block;
		width: 180px;
		margin: 10px auto;
	}

	.course-image { height: 270px; }
	
	.course-image-gallery div {
		height: 28px;
		width: 45px;
	}
	
	.course-column .weather-logo img {
		height: auto;
		width: 80px;
	}
	
	.dynamic-table .web-row { display: none; }
	.dynamic-table.size1 .locality-row { width: 30%; }
	.dynamic-table.size1 .hole-row, .dynamic-table.size1 .short-row { width: 14%; }
	
	.course-location-block, .course-contact-block {
		display: block !important;
		float: none !important;
		width: auto !important;
	}
	
	.course-cards-container { overflow-x: scroll; }
	
	/* Tournaments
	-----------------------*/
	.tournament-list .rsp-start-column , .tournament-list .rsp-mode-column{ display: none; }
	.tournament-list .rsp-tournament-date, .tournament-list .rsp-tournament-hour { width: 10%; }
	.dynamic-table.size2 dt, .tournament-list dt, .tournament-list .rsp-course-column { width: 26%; }
	.tournament-list .rsp-circuit-column { width: 23%; }
	
	.tournament-data-table .grid-item { width: 32%; }
	.tournament-data-table .grid-item:last-child { text-align: center; }

	.tournament-data-table .grid-item .value-tag {
		display: block;
		margin: 2px auto;
	}
	
	/* Offers
	-----------------------*/
	.admin-offer-date-start, .admin-offer-price { display: none; }
	
	/* App
	----------------------- */
	.tournament-list .rsp-actions-column {
		width: 15%;
	}

	.invoices-list .rsp-actions-column {
		width: 10%;
	}

	.admin-table .rsp-actions-column a .fa {
		display: inline;
	}
	
	.tournament-list .rsp-trackid-column,
	.admin-table .rsp-actions-column a span {
		display: none;
	}
}

@media only screen and (max-width: 980px) {
	.ads_body_left, .ads_body_right { display: none; }
}

@media only screen and (max-width: 900px) {
	#map-canvas { height: 400px; }
}

@media only screen and (max-width: 800px) {
	#illustration { height: 90px; }
	#logo img { height: 70px; }
	
	#wrapper { min-width: 650px; }

	#primary-navigation li { font-size: 11px; }
	#primary-navigation .fa { display: inline; }
	
	#primary-navigation a:hover {
		text-decoration: none;
	}

	#primary-navigation a span, .search-box, .postprofile, .postbody ul.profile-icons { display: none; }
	#primary-navigation .responsive-item { display: none; }
	
	#primary-navigation li.responsive-menu, .postbody .responsive-menu { display: block; }

	.search-navigation .responsive-item { display: none; }
	ul.search-navigation li.responsive-menu { display: block; }
	
	.topic-actions .responsive-hide { display: none; }
	.topic-actions .responsive-menu { display: block; }
	
	.rules img {
		max-width: 100%;
		height: auto;
	}
	
	/* ucp and mcp */
	#cp-menu, #cp-main {
		float: none;
		width: auto;
	}
	
	#main-navigation { padding: 0 5px; }
	
	#navigation {
		padding-top: 0;
		display: block;
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
	}
	
	.gmaps-frame { height: 400px; }
	
	.dynamic-table.size1 dt , .dynamic-table.size2 dt, .tournament-list dt {
		line-height: 1.5em;
		width: auto;
	}
	
	.dynamic-table.size1 dt, .dynamic-table.size2 dt, .tournament-list dt, .dynamic-table-more-button {
		display: block;
	}
	
	.dynamic-table dl.header dt span,
	.tournament-list dl.header dt span {
		visibility: hidden;
	}
	
	.dynamic-table dd, .tournament-list dd { display: none; }
	.dynamic-table dd.visible, .tournament-list span.responsive-info { display: inline-block; }
	.tournament-list div.responsive-info { display: block; }
	
	.dynamic-table.size1 dd, .dynamic-table.size2 dd {
		text-align: left !important;
		width: auto !important;
	}
	
	.dynamic-table .tbody dd {
		border-left: none;
		margin-left: 10px;
		padding: 4px;
		width: auto;
	}
	
	.dynamic-table dfn {
		display: inline;
		margin-right: 4px;
	}
	
	.tournament-list .tbody dt {
		border-left: none;
		font-weight: bold;
	}
	
	.tournament-list dt a { text-decoration: none; }
	
	.footer-links { text-align: center; }
	.footer-link-module { width: 25% }
	.footer-link-module li {text-align: left; }
	
	.inside-forum-item {
		width: 26% !important;
	}
	
	/* Blog
	-------------------------------*/
	#blog-container, .blog-content, .blog-widget-area {
		display: block;
		max-width: none;
		padding-right: 0;
		width: auto;
	}
	
	.blog-widget-area { text-align: center; }
	
	.blog-widget-area .blog-widget {
		display: inline-block;
		margin: 0 2px 4px 2px;
		min-width: none;
		text-align: left;
		vertical-align: top;
		width: 48%;
	}
	
	/* Portal
	-------------------------------*/
	.news-grid .grid-item {
		height: 118px;
	}
	
	.news-grid .grid-item.big {
		height: 240px;
		width: 68%;
	}

	/* Gallery
	-------------------------------*/
	.g-image-preview img {
		max-width: 550px;
	}
	
	.g-image {
		min-height: 100px;
		max-height: 120px;
		width: 150px;
	}
	
	.g-block-main, .g-block-stats, .g-block-exif, .g-block-tags, .g-block-comments {
		display: block;
		float: none;
		width: auto;
	}
	
	.g-block-stats {
		border-top: 1px solid #CCC;
		margin-top: 10px;
		padding-top: 10px;
	}
	
	.g-main-stats {
		display: block;
		text-align: center;
	}
	
	/* Courses
	-------------------------- */
	.course-image {
		height: 230px;
	}
	
	.course-image-gallery div {
		height: 26px;
		width: 40px;
	}

	.course-aggrement-block, .course-offer-block {
		float: none;
		width: auto;
	}
	
	.course-column .course-weather { height: 155px; }
	
	.course-column .weather-current-temp {
		display: block;
		margin-right: 0;
	}
	
	.course-column .weather-range-temp	{ display: block; }
	.course-column .weather-forecast		{ display: none; }
	
	/* Tournaments
	-------------------------- */
	.rsp-circuit-column { display: none; }
	.tournament-data-table .grid-item { width: 31.5%; }
	
	/* App
	----------------------- */
	.tournament-list .responsive-actions {
		display: block;
	}
}

@media only screen and (max-width: 700px) {
	#wrapper { min-width: 0; max-width: none; width: 92%; }
	
	.responsive-display-options, #footer .responsive-hide { display: none; }
	p.breadcrumbs.admin-links { display: block; }
	
	p.breadcrumbs {
	    font-size: 12px;
		line-height: 1.5em;
	}
	
	.copyright {
		float: none;
		text-align: center;
	}
	
	#footer .responsive-links {
		display: block;
		float: none;
		list-style-type: none;
		margin-bottom: 8px;
		text-align: center;
	}
	
	#footer .responsive-links .topic-link {
		background: none;
		display: inline-block;
	}
	
	#footer .responsive-links .topic-link a {
		padding: 0 10px;
	}
	
	fieldset.jumpbox, fieldset.quickmod {
		clear: both;
		float: none;
		display: block;
		padding-top: 15px;
		text-align: center;
		width: auto;
	}
	
	fieldset.jumpbox label, fieldset.quickmod label {
		display: block;
		margin-bottom: 2px;
	}
	
	#smiley-box {
		float: none;
		width: auto;
	}
	
	#message-box {
		width: 99%;
	}
	
	.responsive-bbcode-status { display: none; }
	
	.postbody {
		float: none;
		width: auto;
	}
	
	p.author { margin-right: 25px; }
	
	.copyright {
		background-image: none;
		padding: 10px 5px;
	}
	
	.copyright .admin-tools {
		float: none;
		margin-bottom: 10px;
		text-align: inherit;
	}
	
	/* Portal
	-------------------------------- */
	.outstanding-image img {
		height: auto;
		width: 100%;
		max-height: none;
	}
	
	/* Gallery
	------------------------------- */
	.g-image-preview img {
		max-width: 500px;
	}
	
	/* Courses
	------------------------------- */
	.course-image {
		height: 220px;
	}
	
	.course-image-gallery div {
		height: 25px;
		width: 38px;
	}

	#map-canvas { height: 300px; }

	.slope-table, .brr-table { font-size: 10px; }
	.brr-table .responsive-hide { display: none; }
	
	/* Tournaments
	------------------------------- */
	.rsp-mode-column, .rsp-start-column { display: none; }
}

@media only screen and (max-width: 680px) {
	/* Courses
	------------------------------- */
	.course-image {
		height: 200px;
	}
	
	.course-image-gallery div {
		height: 22px;
		width: 32px;
	}
}

@media only screen and (max-width: 640px) {
	/* Courses
	------------------------------- */
	.course-image {
		height: 240px;
	}
	
	.course-image-gallery div {
		height: 25px;
		width: 38px;
	}

	.course-section { display: block; }

	.course-column, .course-column.column-left, .course-column.column-right {
		display: block;
		width: auto;
	}
	
	.course-column.separator, .course-logo-noresponsive, .course-tournaments-noresponsive, .course-offer-noresponsive { display: none; }
	
	.course-logo-responsive, .course-tournaments-responsive, .course-offer-responsive {
		display: block;
		width: 100%;
	}
	
	.course-column .course-weather { height: 165px; }
	
	.course-column .weather-current-temp {
		display: inline;
		margin-right: 20px;
	}
	
	.course-column .weather-range-temp	{ display: inline; }
	.course-column .weather-forecast		{ display: block; }

	/* Tournaments
	------------------------------- */
	.tournament-data-table, .course-column table.table1 { width: 100.5%; }
	.rsp-course-column { display: none; }
}

@media only screen and (max-width: 600px) {
	#illustration { height: 80px; }
	#logo img { height: 60px; }

	.forums .responsive-item { display: none; }
	.forums .last-post { width: 30%; }
	
	.column1, .column2 {
		float: none;
		width: auto;
	}
	
	.column1:after, .column2:after {
		content: "";
		display: block;
		clear: both;
	}
	
	dl.details dd { width: 67%; }
	
	.gmaps-frame { height: 350px; }
	.footer-link-module { width: 30% }
	
	/* Portal
	-------------------------------*/
	.news-grid .grid-item { height: 100px; }
	.news-grid .grid-item.big { height: 206px; }
	
	.grid-text { font-size: 12px; }
	.news-grid .big .grid-text { font-size: 16px; }
	
	#blg-column-right .blg-block {
		display: block;
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}
	
	/* Blog
	------------------------------- */
	.blog-row .post-image { width: 90px; }
	.blog-row .post-image img { max-width: 86px; }
	
	.blog-row .post-title, .blog-row .post-header, .blog-row .post-footer, .blog-row .post-content {
		margin-left: 110px;
	}
	
	/* Gallery
	------------------------------- */
	.g-image-preview img {
		max-width: 470px;
	}
	
	.g-album {
		min-height: 90px;
		width: 150px;
	}

	.g-album .g-collage { height: 150px; }
	
	/* Courses
	-------------------------------- */
/*	.course-agreement-tag, .course-collaboration-tag  { margin-top: -22px; }
	.course-agreement-tag span, .course-collaboration-tag span { display: none; } */

	.brr-table .primary-label { display: none; }
	.brr-table .short-label { display: inline; }
	
	.course-agreement-image { width: 32px; }
}

@media only screen and (max-width: 520px) {
	.forums .last-post { display: none; }
	p.topic-responsive-lastpost { display: block; }
	
	fieldset dt, fieldset dd, fieldset.fields1 dt, fieldset.fields1 dd, fieldset.fields2 dt, fieldset.fields2 dd {
		display: block;
		float: none;
		padding: 4px 0;
		margin: 0;
		width: auto;
	}
	
	.left-column { width: 120px; }
	.footer-link-module { width: 45% }
	
	#gg-footer-module {
		display: block;
		margin: 0 auto 15px auto;
		width: 70%;
	}
	
	/* Gallery
	-------------------------------*/
	.gallery-top-navigation {
		font-size: 11px;
	}
	
	.g-image-preview img {
		max-width: 420px;
	}
	
	.g-image {
		min-height: 70px;
		max-height: 90px;
		width: 110px;
	}
	
	.g-image, .g-album {
		font-size: 10px;
	}
	
	.g-icons span {
		margin-right: 4px;
	}
	
	/* Courses
	------------------------ */
	#map-canvas { height: 250px; }
	
	.course-image { height: 250px; }

	.brr-table .brr-main-info { display: none; }
}

@media only screen and (max-width: 480px) {
	.footer-links { margin-right: 0; }
	
	.inside-forum-item {
		width: 20% !important;
	}
	
	.header-lsub span, .map-legend span	{ display: none; }
	.header-lsub dfn, .map-legend dfn		{ display: inline; }
	
	/* Blog
	------------------------------- */
	.blog-row .post-image { display: none; }
	.blog-row .post-image-responsive { display: block; }
	
	.blog-row .post-title, .blog-row .post-header, .blog-row .post-footer, .blog-row .post-content {
		margin-left: 0;
	}
	
	/* Portal
	-------------------------------*/
	.news-grid .grid-item {
		height: 140px;
		width: 48.8%;
	}

	.news-grid .grid-item.big {
		display: block;
		float: none;
		height: 240px;
		margin-right: 0;
		width: auto;
	}
	
	/* Gallery
	-------------------------------*/
	.gallery-top-navigation {
		display: block;
		text-align: center;
	}
	
	.gallery-top-navigation li + li {
		border: none;
	}
	
	.gallery-top-navigation a {
		padding: 4px 5px;
	}
	
	.g-image-preview img {
		max-width: 350px;
	}
	
	/* Courses
	------------------------ */
	.slope-table, .brr-table { font-size: 8px; }
	.brr-table td { padding: 3px; }
	.brr-table .hcp-row td { font-weight: bold; }
}

@media only screen and (max-width: 450px) {
	#account .responsive-item, .pagination-label { display: none; }
	
	.responsive-submenu {
		left: 5px !important;
		right: 5px !important;
		width: auto !important;
	}
	
	.outstanding-list { max-width: 220px; }
	
	/* Courses
	------------------------------- */
/*	.course-agreement-tag, .course-collaboration-tag { margin-top: -18px; }
	.course-agreement-tag .fa, .course-collaboration-tag  .fa { font-size: 24px; }*/
	.course-image {
		height: 210px;
	}
	
	.course-image-gallery div {
		height: 42px;
		margin-bottom: 5px;
		width: 66px;
	}
}

@media only screen and (max-width: 400px) {
	p.topic-responsive-lastpost { font-size: 0.9em; }

	#wrapper { width: 92.2%; }
	
	.left-column { width: 100px; }
	.gmaps-frame { height: 280px; }
	
	.outstanding-list { max-width: 210px; }
	
	.tournament-data-table select {
		max-width: 100px;
		overflow: hidden;
	}
	
	.tournament-data-table select.cat-mode { max-width: 70px; }
	
	textarea.admin-tournament-textarea {
		width: 100% !important;
		box-sizing: border-box;
	}
	
	blockquote { margin-left: 1px; }
	
	/* Portal
	-------------------------------*/
	.news-grid .grid-item { height: 120px; }
	.news-grid .grid-item.big { height: 200px; }

	.article-grid .grid-item {
		height: 100px;
		width: 47%;
	}
	
	.article-grid .grid-item .grid-image { min-height: 100px; }
	
	.left_block_column, .right_block_column {
		float: none;
		max-width: none !important;
		width: auto !important;
	}
	
	#blg-column-center {
		padding-right: 0 !important;
	}
	
	.blg-area { padding: 0; }
	
	.blg-block.type-weather { display: none; }
	
	/* Blog
	-------------------------------*/
	.blog-widget-area { margin-top: 10px; }

	.blog-widget-area .blog-widget {
		display: block;
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}
	
	/* Gallery
	-------------------------------*/
	.g-image-preview img {
		max-width: 320px;
	}
	
	.g-image {
		min-height: 50px;
		max-height: 70px;
		width: 90px;
	}
	
	.g-album {
		min-height: 70px;
		width: 100px;
	}
	
	.g-album .g-collage { height: 100px; }
	
	.g-author, .g-album .g-icons { display: none; }
	
	.g-title { font-size: 1em; }
	
	.g-image:hover .g-title, .g-image:hover .g-icons {
		display: none;
	}
	
	.g-image:hover .g-meta {
		background: none;
	}
	
	.g-image:hover .g-author {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
}

@media only screen and (max-width: 360px) {
	#main-navigation, #primary-navigation, #primary-navigation > li > a {
		height: 38px;
		line-height: 38px;
	}
	
	#primary-navigation li.responsive-menu { padding-right: 0; }
	
	.forums .icon {
		width: 0px;
		visibility: hidden;
		padding: 0;
	}
	
	.forums td .error {
		font-size: 7px !important;
	}

	.gmaps-frame { height: 180px; }
	
	.outstanding-list { max-width: 200px; }
	
	.course-slope-responsive, .tournament-course-slope {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.course-title { font-size: 22px; }
	
	#message-box textarea.inputbox, #abbc3posttable, input.inputbox {
		width: 95% !important;
		box-sizing: border-box;
	}
	
	/* Portal
	-------------------------------*/
	.news-grid .grid-item { height: 110px; }
	
	/* Gallery
	-------------------------------*/
	.g-image-preview img { max-width: 270px;}
	.g-main-stats li { margin: 0 5px; }
	.ui-dialog { max-width: 280px; }
	
	/* Tournaments
	-------------------------------*/
	.tournament-data-table .date-grid { text-align: center; }
	.tournament-data-table .grid-item { margin-left: 0; }
	
	/* App
	------------------------------- */
	.tournament-list .responsive-actions {
		margin-top: -4px;
	}
}