/* The Site Description font uses the Patua One google font */
@import url('https://fonts.googleapis.com/css?family=Patua+One');

/* SBU web site styles.  Base template is protostar */
/* Author: Alan Officer */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Start small, like the acorn */

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>   SMALL DEVICES     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen {

/* Assuming we are on a mobile device, show the special content */
.mobile-only {
	display: block;
}
/* Assuming we are on a mobile device, do NOT show big viewport only content */
.no-mobile {
	display: none;
}
/* avoid some alignment issues caused by using well in the content area */
.well {
	clear: both;
}
/* anchor styles are used to enable quick links for mobile device headers to jump to the appropriate content */
.well.anchor {
	border: none;
	line-height: 0;
	margin: 0;
	min-height: 0;
	padding: 0;
}
/* No background on the Enter Online button */
.well.enter-online {
	border: none;
	background: none;
	box-shadow: none
	box-shadow: none;
	margin: 0;
	max-width: 100%;
	padding: 0 0 20px;
	text-align: center;
}

div.clear {
    clear:both;
}
/* Set up the little document type icons after various categories of links */
a[href^="http:"] { display:inline-block; padding-right:16px; background:transparent url(/images/site-graphics/link-icons/external.png) center right no-repeat; }
a[href^="http://www.sbu.org.uk/"] { display:inline; padding-right:0; background:none; }
a[href^="http://www.ayrshirebridge.co.uk/"] { display:inline; padding-right:0; background:none; }
a[href^="http://www.bridgewebs.com/sbucentral"] { display:inline; padding-right:0; background:none; }
a[href^="http://www.sbueast.org.uk"] { display:inline; padding-right:0; background:none; }
a[href^="http://www.bridgewebs.com/sbuhighland"] { display:inline; padding-right:0; background:none; }
a[href^="http://www.sbunorth.co.uk"] { display:inline; padding-right:0; background:none; }
a[href^="http://www.sbusouthern.co.uk"] { display:inline; padding-right:0; background:none; }
a[href^="http://www.sbuwest.co.uk"] { display:inline; padding-right:0; background:none; }
a[href^="mailto:"] { display:inline-block; padding-left:20px; background:transparent url(/images/site-graphics/link-icons/postal.png) center left no-repeat; }
a[href$='.doc'] { display:inline-block; padding-right:14px; background:transparent url(/images/site-graphics/link-icons/word.png) center right no-repeat; }
a[href$='.docx'] { display:inline-block; padding-right:14px; background:transparent url(/images/site-graphics/link-icons/word.png) center right no-repeat; }
a[href$='.pdf'] { display:inline-block; padding-right:14px; background:transparent url(/images/site-graphics/link-icons/pdf.png) center right no-repeat; }

/* ------------------------------------------------------------- */
/* -----------------------  HEADER    -------------------------- */
/* ------------------------------------------------------------- */

a.brand img {
	float: left;
	padding-right: 5px;
	width: 24px; /* This is the smallest setting for mobile - increases with viewport size under Mobile Settings section */
}
div.site-description {
	color: #1261ad;
	float: left;
	font-family: 'Patua One', Open Sans, Verdana, Arial; 
    font-weight:normal;
    margin-top: 6px;
	font-size: 1.15em; /* This is the smallest setting for mobile - increases with viewport size under Mobile Settings section */
}
/* Do not show the Search Box at the top of the page - small screen users can access search from the mobile menu */
.header-search {
	display: none;
}
/* Restrict the width of input boxes so they fit on screen e.g. login boxes */
input,
textarea,
.uneditable-input {
	width: 120px;
}
/* Do not show the breadcrumb strip on very small devices to save on real estate - the mobile menu is king here */
div.moduletable ul.breadcrumb {
	display: none;
}
#login-form .input-small {
	width: 112px;
	margin: 0 0 0 15px;
}
/* ------------------------------------------------------------- */
/* -----------------------   MENU     -------------------------- */
/* ------------------------------------------------------------- */

/* Note that the MAIN MENU MaximenuCK theme is "sbu" which is a clone of "css3megamenu" but removes the "!important" instruction in maximennuck.php, which allows us to issue a "mobile-only" instruction for paticular menu items e.g. Search (it saves real estate in having a full time search box on small devices) */

/* Make some small adjustments to the mobile menu appearance */

/* Configure menu items only intended for mobile menu */
div#maximenuck ul.maximenuck li.maximenuck.mobile-only {
	display: inline-block !important;
}	
.mobilebarmenuck {
	background-color: #0D4C89; /* royal blue */
	color: #fff;
}
.mobilemaximenucktitle,
.mobilebarmenutitleck {
	font-size: 14px !important;
	padding: 14px 0 0 20px !important;
}
.mobilemaximenutogglericon {
	margin-right: 8px;
}
.mobilemaximenuck,
.mobilemaximenuck .topbar {
	background-color: #0D4C89; /* royal blue */
	color: #fff;
}
.mobilemaximenuck div.level1.maximenuck > a {
	padding-left: 15px;
}
.mobilemaximenuck div.level2.maximenuck > a {
	margin: 2px 10px 2px 11px;
	padding-left: 15px;
}
.mobilemaximenuck div.level3.maximenuck > a {
	background: none;
	padding-left: 27px;
}
.mobilemaximenuck div.level4.maximenuck > a {
	background: url(/plugins/system/maximenuckmobile/themes/prototype/arrow_left.png) 20px center no-repeat;
	margin-left: 20px;
	padding-left: 45px;
}
.dropdown-separator {
	color: darkgrey;
}

/* ------------------------------------------------------------- */
/* ----------------------- POSITION 7 -------------------------- */
/* ------------------------------------------------------------- */

/* Add some padding between the top news section and the congress panel */
.blog-featured {
	padding-bottom: 40px;
}

/* Force the ABOUT THE SBU links into an old fashioned list to prevent breaking */
 ul.aboutsbu li {
	 display: block;
}

/* ------------------------------------------------------------- */
/* ----------------------- POSITION 15 and OTHER INSERTED LISTS  */
/* ------------------------------------------------------------- */

/* Bottom left section - Featured News for small devices */
/* Note that some code is applied via modules.php in the position definition, using chrome style "category-module" */

.category-module {
	list-style-type: none;
	margin-left: 0;
}
.category-module li {
	margin-bottom: 2em;
}
.category-module li a.mod-articles-category-title {
	font-size: 1.4em;
	line-height: 1.25em;
}
.category-module li p {
	line-height: 18px;
}
.category-module li p a.mod-articles-category-title {
	font-size: 1em;
	line-height: 1em;
}

/* ------------------------------------------------------------- */
/* ----------------------- POSITION 16 ------------------------- */
/* ------------------------------------------------------------- */

/* Bottom right section - Other News */
/* Note that some code is applied via modules.php in the position definition, using chrome style "sixteen" */
.sixteen ul {
	line-height: 1.2em !important;
	list-style-type: none;
}

/* ------------------------------------------------------------- */
/* ----------------------- TYPOGRAPHY -------------------------- */
/* ------------------------------------------------------------- */

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	background-color: #fff;
}

.red {
	color: red;
	font-weight: bold;
}
.biggen {
	color: #1261ad;
	font-size: 130%;
	font-weight: bold;
}
.user-guide-panel {
	background-color: #fcfdba;
	border: thin solid darkblue;
	color: #1261ad;
	margin: 1em 0;
	padding: 1.4em;
	width: 70%;
}
/* Article titles */
h1 {
	color: #0D4C89; /* dark blue */
	font-family: 'Open Sans', Verdana, Arial; 
    }

/* List page headings */
div.contact-category h2, 
div.content-category h2, 
div.weblink-category h2,
ul.category-module .mod-articles-category-title {
	font-family: 'Open Sans', Verdana, Arial; 
	line-height: 1.35em;
    }

h2, h3 {
	color: #1261ad; /* royal blue */
	font-family: 'Open Sans', Verdana, Arial; 
}
p {
	margin-bottom: 1.2em;
	}
	
/* Tidy up the site map page */
div.osmap-items  ul {
}
div.osmap-items  ul {
}
div.osmap-items  ul li {
}
div.osmap-items  ul li a {
}
div.osmap-items  ul.level_0 {
}
div.osmap-items  ul.level_0 li {
}
a.osmap-link {
}
div.osmap-items  ul.level_0 li.even {
}
div.osmap-items  ul.level_1 {
}

ul.sbu-badges {
	list-style-type: none;
	padding: 0;
	margin: 0;
 }

ul.sbu-badges li {
	background-image: url('/templates/sbu/images/sbu-separator.png');
	background-position: 0 .6em;
	background-repeat: no-repeat;
	padding-left: 1.6em;
}
ul.sbu-badges li:first-child {
	background-position: 0 0;
}
/* ------------------------------------------------------------- */
/* ----------------------- TABLES           -------------------- */
/* ------------------------------------------------------------- */
	
/* Basic general table style */
tr {
	vertical-align: top;
}
table thead tr th {
	background-color: #f5f5f5;
	padding: 4px;
	text-align: left;
}
table tbody tr td {
	padding: 4px 24px 4px 4px;
	text-align: left;
}

table tbody tr td:last-child {
	padding-right: 4px;
}

tr:nth-child(odd) td	{ background-color:#fff; }
tr:nth-child(even) td	{ background-color:#f9f9f9; }

/* Style the list of council members page */
table.council-table tr td {
	height: 6em;
	margin-bottom: 26px;
	vertical-align: text-top;
}
table.council-table tr td hr {
	margin-top: 4px;
	margin-bottom: 2px;
}
table.council-table tr td strong {
	font-size: 1.06em;
}
table.council-table tr td:first-child {
	width: 120px;
}
tr:nth-child(odd) td	{ background-color:#fff; }


/* Style the list of congress, list of national event dates, ... */
table.calendarlist tr td {
	height: 6em;
	margin-bottom: 26px;
	vertical-align: text-top;
}
table.calendarlist tr td hr {
	margin-top: 4px;
	margin-bottom: 2px;
}
table.calendarlist tr td strong {
	font-size: 1.06em;
}
table.calendarlist tr td:first-child {
	width: 60px;
}


/* Handy but not used here - ul.aboutsbu li +  li:before { 	content"/"; } */

/* ------------------------------------------------------------- */
/* ---------------------- GENERAL LAYOUT ----------------------- */
/* ------------------------------------------------------------- */

/* Correct weird effect in template.css file line 244 - set to -20px for unknown reason, but makes list pages e.g. contacts	offset */
.row {
	margin-left: 0;
}

/* Set a default list spacing - especially with mobile devices in mind but generally useful anyway */
li {
		line-height: 2em;
}

/* Adjust the spacing and appearance of the side column module lists */
.well ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.well ul li {
	line-height: 1.1em;
	margin: 1.6em 0;
}

ul.jump-list li {
	line-height: 2em;
}

/* Let's have a split pane view using CSS */
div.lefthalf {
	float: left;
	width: 46%;
}
div.righthalf {
	background-color: #fefefe; /* off white */
	border: thin solid #1261ad; /* royal blue */
	float: right;
	padding: 12px;
	width: 46%;
}

/* spacing for the "Older Results" page */
.base-desc {
	font-size: 1.35em;
	line-height: 1.5em;
	margin: 1em 0 3em;
}

ul.category-module li {
	margin: 5px 0 0;
}
.category-module li a.mod-articles-category-title {
	font-size: 1.05em;
}
.mod-articles-category-group {
	color: #1261ad; /* royal blue */
	font-family: 'Open Sans', Verdana, Arial; 
	font-size: 1.2em;
	margin-top: 20px;
}
h3.page-header item-title {
	color: #1261ad; /* royal blue */
	font-family: 'Open Sans', Verdana, Arial; 
	font-size: 1.2em;
	margin-top: 20px;
	
}

/* ------------------------------------------------------------- */
/* ------------------- GRAPHICS AND IMAGES  -------------------- */
/* ------------------------------------------------------------- */

/* Control the appearance of the "Let's Play Bridge!" graphic */
img.letsplaybridge {
	float: right;
	max-width: 160px;
	width: 40%;
	}

/* Spacing for the district links icons on the Districts & Clubs page */
ul.district-icons {
	list-style-type: none;
	margin: 0 0 140px 2px;
}
ul.district-icons li {
	display: inline;
	float: left;
	padding-right: 20px;
	text-align: center;
}

/* ------------------------------------------------------------- */
/* ------------- SEARCH AND OTHER INPUT AREAS  ----------------- */
/* ------------------------------------------------------------- */

/* spacing on dedicated Search page */
div#finder-filter-window .filter-branch .finder-selects {
	float: left;
	margin: 20px;
}
.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
	margin-top: 12px;
}
.chzn-container-single .chzn-single {
	width: 180px;
}
 
/* Make input boxes curvy */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 15px;
}
}

/* Adjust for small viewports - 401 to 460 */
@media screen and (min-width: 401px) {
/* Display the logo for this and all larger sizes */
a.brand img {
	display:inline-block;
	float: left;
	padding-right: 12px;
	width: 50px; /* native width is 100px */
}
/* Bump up the title size */
div.site-description {
	font-size: 2em;
}
/* Show the breadcrumb bar for this and all larger sizes */
div.moduletable ul.breadcrumb {
	display: block;
}
/* Do not show the Search Box at the top of the page - small screen users can access search from the mobile menu */
.header-search {
	display: none;
}

/* CONGRESSES section for min-width 401px */
 div.customcongress {
	min-height: 33em;
	margin-bottom: 10px;
	width: 100%;
}
div.customcongress ul li a {
	word-break: break-all;
}
 div.customcongress ul {
	line-height: 1.6em;
	list-style-type: none;
}
 div.customcongress img {
	max-width: 300px;
	padding: 0 10px 0 0;
	width: 100%;
}
div.righthalf-congress-panel {
	clear: both;
}
/* Bottom left section - Featured News for min-width 401px */
.well.sixteen {
	clear: both;
}
}

@media screen and (min-width: 460px) {
/* Bump up the title size */
div.site-description {
	font-size: 2.4em;
}

/* CONGRESSES section for min-width 460px */
div.custom-congress {
	min-height: 31em;
}
div.custom-congress img {
	float: left;
	padding: 0 10px 10px 0;
	width: 50%;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         360         <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 360px) {
a.brand img {
	padding-right: 8px;
	width: 45px;
}
/* CONGRESSES section for min-width 600px */
 div.customcongress {
	min-height: 30em;
}

div.customcongress h3,
div.customwell h3 {
	margin-top: 0;
}

div.lefthalf-congress-panel {
	float: left;
	width: 45%;
}
div.righthalf-congress-panel {
	clear: none;
	float: right;
	width: 45%;
}
div.lefthalf-congress-panel img {
	float: left;
	padding: 0 10px 10px 0;
	width: 100%;
}
div.righthalf-congress-panel img {
	width: 100%;
	padding-bottom: 10px;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         480         <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 480px) {
a.brand img {
	padding-right: 8px;
	width: 50px;
}
.mobilemaximenucktitle,
.mobilebarmenutitleck {
	font-size: 18px !important;
}
/* List style for the SBU BADGES LINKS section */
ul.sbu-badges li {
	display: inline;
}
ul.sbu-badges li + li {
    background:url('/templates/sbu/images/sbu-separator.png') no-repeat top left;
 	padding: 0 2px 0 22px;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>   LET'S GO LARGE    <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         601         <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

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

/* CONGRESSES section for min-width 600px */
 div.customcongress {
	min-height: 30em;
}
.mobilemaximenucktitle,
.mobilebarmenutitleck {
	font-size: 22px !important;
}

div#maximenuck.maximenuckh ul.maximenuck li.maximenuck.level1, 
div#maximenuck.maximenuckh ul.maximenuck li.maximenuck.level1.parent {
	margin: 0 5px;
}


td, th {
	line-height: 1.6em;
	padding: 4px 20px 4px 8px;
}
/* We want the site-description to abutt the logo, so make the logo float */	
a.brand img {
	float: left;
	padding-right: 12px;
	/* width: 40px to 100px dependent on viewport size  */
}

/* Force the branding wider as a direct result */	
.brand {
	width:  100%; /* this is the setting for mobile - increases with viewport size under Mobile Settings section */
}

/* Remove the thin lines above and below the menu bar, emanating from protostar */	
.navigation {
	padding: 0;
	border: none;
}

/* Protostar region: position-0 (search) */
/* Mods to SEARCH module go here */

.header-search {
	clear: both; /* this is the setting for mobile - changes with viewport size under Mobile Settings section */
	float: right;
	/* padding-top: 6px; */ /* allows a little clearance on small devices */
}

.header .finder {
	margin: 0 6px 0;
}

div.finder button {
	background: #0d4c89;
	color: #fefefe;
	padding: 4px 12px;
	margin: 0 0 8px 4px;
	line-height: 18px;
	text-align: center;
	vertical-align: baseline;
	border: 1px solid #bbb;
	border-radius: 4px;
	}

#mod-finder-searchform {
	margin: 0;
}

#mod-finder-searchword {
	color: grey;
	padding-right: 4px;
	padding-left: 14px;
}


/* Switch on large viewport only content */
.no-mobile {
	display: inline-block;
}
/* Switch off menu items only intended for mobile menu */
div#maximenuck ul.maximenuck li.maximenuck.mobile-only {
	display: none !important;
}	
div#maximenuck ul.maximenuck li.maximenuck.level1 {
	line-height: 1.2em !important;
}
/* Bump up the logo size */
a.brand img {
	width: 50px; /* native width is 100px */
}
/* Bump up the title size */
div.site-description {
	font-size: 2.6em;
}

/* Nav Menu uses the MaximenuCK module, using the "sbu" styles (based on "css3megamenu") */

/* MaxiMenu CK does not like being in a fluid layout so to allow the submenus to drop down correctly, a small mod */
div#maximenuck-international ul.maximenuck,
div#maximenuck-results ul.maximenuck,
div#maximenuck ul.maximenuck {
	position: static !important;
} 

/* List style for the RELATED PAGES TAG section */
div.tagssimilar ul li {
	display: inline;
}
div.tagssimilar ul li + li {
    background:url('/templates/sbu/images/sbu-separator.png') no-repeat top left;
 	padding: 0 2px 0 22px;
}

div.blog-featured {
	padding: 2em 0 3em 0;
}

div.item-page {
	padding: 0 0 8em 0;
}

/* Bottom left section - Featured News for min-width 600px */
/* Note that some code is applied via modules.php in the position definition, using chrome style "fifteen" */
.fifteen {
	float: left;
	width: 54%;
}

/* Bottom right section - Other News */
/* Note that some code is applied via modules.php in the position definition, using chrome style "sixteen" */
.well.sixteen {
	clear: none;
	float: right;
	width: 38%;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         680         <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 680px) {
/* Bump up the logo size */
a.brand img {
	width: 60px; /* native width is 100px */
}
/* Bump up the title size */
div.site-description {
	font-size: 2.6em;
}
}


/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         700         <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 700px) {
/* CONGRESSES section for min-width 700px */
div.customcongress {
	min-height: 33em;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         768         <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>  MaximenuCK flips   <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 768px) {
/* CONGRESSES section for min-width 768px */
div.customcongress {
	min-height: 32em;
}
.well ul li {
	line-height: 1.1em;
	margin: 1.4em 0;
}
ul.category-module li {
	margin: 0 0 0;
}
/* Switch off anchor styles for larger viewports */
.mobile-only {
	display: none;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         840         <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 840px) {
/* reduce the width for the logo and site description to allow the search box alongside on larger viewports */
.brand {
		width: 58%; 
	}
/* Bump up the logo size */
a.brand img {
	width: 70px; /* native width is 100px */
}
/* restore the pull-right default action for min-width 840px */
.header-search {
		clear: none; 
	}
/* Bump up the title size */
div.site-description {
	font-size: 2.8em;
}
/* display the search box on this and all larger viewports */
.header-search {
	display: block;
}
/* CONGRESSES section for min-width 840px */
 div.customcongress {
	min-height: 32em;
 }
div.lefthalf-congress-panel ul {
}
div.lefthalf-congress-panel ul li {
}
div.lefthalf-congress-panel img {
}
div.lefthalf-congress-panel ul {
}
div.righthalf-congress-panel img {
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         1008        <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 1008px) {
/* Bump up the logo size */
a.brand img {
	width: 80px; /* native width is 100px */
}
/* Widen input boxes e.g. login boxes */
input,
textarea,
.uneditable-input {
	width: 255px;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         1068        <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 1068px) {
/* Bump up the logo size */
a.brand img {
	width: 90px; /* native width is 100px */
}
/* Bump up the title size */
div.site-description {
	font-size: 3em;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         1180        <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 1180px) {
/* CONGRESSES section for min-width 1180 */
 {
	min-height: 16em;
}
div#maximenuck.maximenuckh ul.maximenuck li.maximenuck.level1, 
div#maximenuck.maximenuckh ul.maximenuck li.maximenuck.level1.parent,
div#maximenuck-international.maximenuckh ul.maximenuck li.maximenuck.level1, 
div#maximenuck-international.maximenuckh ul.maximenuck li.maximenuck.level1.parent,
div#maximenuck-results.maximenuckh ul.maximenuck li.maximenuck.level1, 
div#maximenuck-results.maximenuckh ul.maximenuck li.maximenuck.level1.parent {
	margin: 0 10px !important;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>         1260        <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media screen and (min-width: 1260px) {
/* Bump up the logo to its native size */
a.brand img {
	width: 100px; /* native width is 100px */
}
/* Bump up the title size to its biggest setting */
div.site-description {
	font-size: 3.4em;
}
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>        PRINT        <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><>                     <><><><><><><><><><><><><><><><><><><> */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><><> */

@media print {

img.letsplaybridge,
#ark-navbar,
div.ark,
#aside,
#maximenuck,
.moduletable,
.header-search,
.well,
.fifteen,
.sixteen,
.seventeen,
.mobile-only,
.navigation,
.no-print {
	display: none;
}
a.brand img,
div.moduletable ul.breadcrumb,
.no-mobile {
	display: block;
}
.site-description {
	font-family: 'Open Sans',Arial;
	font-size: 20pt;
	margin: -20pt 0 0 0;
}
/* the link settings were set in template.css - we may ant to selectively restore them */
a[href]:after {
		content: none !important;
	}
}

/* End of SBU customised styles modifying protostar */