/**
 * MediaWiki style sheet for general styles on complex content
 *
 * Styles for complex things which are a standard part of page content
 * (ie: the CSS classing built into the system), like the TOC.
 */

/* Table of Contents */
#toc,
.toc,
.mw-warning {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    font-size: 95%;
    float: left;
    margin-right: 1em;
}

/**
 * We want to display the ToC element with intrinsic width in block mode. The fit-content
 * value for width is however not supported by large groups of browsers.
 *
 * We use display:table. Even though it should only contain other table-* display
 * elements, there are no known problems with using this.
 *
 * Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
 * using inline-block mode, which features at least intrinsic width, but won't clear preceding
 * inline elements. In practice inline elements surrounding the TOC are uncommon enough that
 * this is an acceptable sacrifice.
 */
#toc,
.toc {
    display: -moz-inline-block;
    display: inline-block;
    display: table;

    /* IE7 and earlier */
    zoom: 1;
    *display: inline;

    padding: 7px;
}

/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
/*table#toc,
table.toc {
        border-collapse: collapse;
}*/
/* Remove additional paddings inside table-cells that are not present in <div>s */
table#toc td,
table.toc td {
    padding: 0;
}

#toc h2,
.toc h2 {
    display: inline;
    border: none;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
    text-align: center;
}
#toc ul,
.toc ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding: 0 1em;
    text-align: left;
}
#toc ul ul,
.toc ul ul {
    margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
    font-size: 94%;
}

.toccolours {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    font-size: 95%;
}

/* Warning */
.mw-warning {
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
}

/* Images */
/* @noflip */div.floatright, table.floatright {
    margin: 0 0 .5em .5em;
    border: 0;
}
div.floatright p { font-style: italic; }
/* @noflip */div.floatleft, table.floatleft {
    margin: 0 .5em .5em 0;
    border: 0;
}
div.floatleft p { font-style: italic; }
/* Thumbnails */
div.thumb {
    margin-bottom: .5em;
    width: auto;
    background-color: transparent;
}
div.thumbinner {
    border: 1px solid #ccc;
    padding: 3px !important;
    background-color: #f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
html .thumbimage {
    border: 1px solid #ccc;
}
html .thumbcaption {
    border: none;
    line-height: 1.4em;
    padding: 3px !important;
    font-size: 94%;
}
div.magnify {
    border: none !important;
    background: none !important;
    margin-left: 3px;
}
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important;
}
/* @noflip */div.tright {
    margin: .5em 0 1.3em 1.4em;
}
/* @noflip */div.tleft {
    margin: .5em 1.4em 1.3em 0;
}
img.thumbborder {
    border: 1px solid #dddddd;
}

/**
 * Edit forms
 */
#editform textarea {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * Basic styles for the user login and create account forms
 */
#userlogin, #userloginForm {
    border: solid 1px #cccccc;
    padding: 1.2em;
    margin: 0.5em;
}

#loginend {
    margin: 0.5em;
}

#loginend table {
    width: 100%;
}


/* Wikitravel TOC stuff */

ul[compact~="compact"] { 
    display: none;
}

ul.wt-toc-compact { 
    display: none;
}

#p-toc {
    margin-right: 4em;
    padding-right: 0.5em;
    width: 12em;
    padding-left: 0px;
}

#p-toc ul,
.toc ul {
    list-style-type: none;
    list-style-image: none;
}

#p-toc li {
    display: block;
}

a.toc-arrow {
    float: left;
    margin-left: -3.5ex;
    text-decoration: none;
}

#toc{
    padding-left:25px;
    font-size: 90%;
    margin-right: 20px;
}


/*  test*/

.ads {
    padding-left: 8px;
    width: 160px;
    /*border: 1px solid #aaa;*/
}

.not-patrolled {
    background-color: #ffa;
}
div .patrollink {
    text-align: right;
}

.unpatrolled {
    font-weight: bold;
    color: red;
}

/* hack for WT-605 */

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Central edit message */

div.cEditMessage {
	text-align: left;
	border: 1px solid gray;
	background: none repeat scroll 0px 0px rgb(240, 230, 168);
	width: 70%;
	padding: 10px;
	margin: 20px 0px 20px 80px;
}


/* PageBanner BEGIN */

/* Styles for Pagebanner template */
 
.topbanner {
    position: relative;
    overflow: hidden;
    max-width: 1800px; 
    height: auto;
}
 
.topbanner img {
    width: 100%;
    height: auto;
/*    width: auto\9; */
}
 
.topbanner-box {
    position: absolute;
    z-index: 2;
    margin-top: 1.5em;
    color: white;
    width: 50%;
    min-width: 20em;
    left: 2%;
    text-align: left;
}
 
.topbanner .name {
    position: absolute;
    z-index: 2;
    margin: 0.6em 0 0 0.4em;
    padding: 8px 7px;
    font-size: 2.2em;
    font-weight: bold;
    background: rgb(16,16,16);
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    color: white;
    white-space: nowrap;
    line-height: 0.9em;
}
 
#toc > tbody > tr > td > ul, #toc > tr > td > ul {
  padding-left: 2em;
}
 
/* #toc > ul {padding-right: 2em;} */
 



/* FIX TOP NAVIGATION */
.topbanner table {
	margin-left: 20px !important;
}
 
.topbanner table tr:first-child td:first-child {
	width: auto !important;
}
 
.topbanner table tr:first-child td:last-child {
	padding-right: 20px;
}


/* Style for hlist class - pulled from Wikipedia's Common.css file on 20 Mar 2013
   Style for horizontal lists (separator following item).
   Note: hlist formatting will break if the resulting HTML lacks a breakable character
   between list items. This happens when the following conditions are true:
   1) The list is made using wiki markup (where HTML is built by parser.php)
   2) HTMLTidy is disabled or unavailable (such as on Special: pages)
   In such cases, building lists with .hlist using HTML instead of wiki markup
   will work around this problem. See also [[Bugzilla:39617]].
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   Last updated: January 24, 2013
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @maintainer: [[User:Edokter]]
   @revision: 3.1
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.1em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
    white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
    white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
    white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: "·";
    font-weight: bold;
    padding: 0 0.8em;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: "(";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
.topbanner-toc {
	position: absolute;
	bottom: 10%;
	left: 50%;
	z-index: 3;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%); /* Safari */
	-ms-transform: translateX(-50%); /* IE 9 */
}
/* allow ToC to stretch across screen when it is part of a horizontal list, change background and font colours  */
.hlist #toc.tocFloat {
    width: 100%; 
    max-width: 170em;
    color: black;
}
 
.hlist.tocbox-s #toc.tocFloat {
    width: 100%; 
    max-width: 170em;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    color: black;
    background-color: #e0e0e0; 
}
 
div#content .hlist.tocbox-b #toc.tocFloat {
    width: 100%; 
    max-width: 170em;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    color: white;
    background: rgb(16,16,16); 
    background: rgba(0,0,0,0.6); 
    border: none;
    border-radius: 10px;
}
 
.hlist.tocbox-w #toc.tocFloat {
    width: 100%; 
    max-width: 170em;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    color: black;
    background: rgb(225,225,225); 
    background: rgba(160,160,160,0.6); 
    border: none;
    border-radius: 10px;
}
 
.hlist #toc table,
.hlist #toc tr,
.hlist #toc td, {
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}
 
/* links in the horizontal ToC should be black... */
.hlist #toc a {
    color: black;
    font-size: 1em;
    font-weight: bold;
}
 
/* ... except when the ToC box is black ... */
.hlist.tocbox-b #toc a {
    color: white;
    font-size: 1em;
    font-weight: bold;
}
 
/* ... or except when being hovered over */
.hlist #toc.tocFloat a:hover {
    color: #bdddfd;
}
 
/* don't display ToC title when in horizontal ToC */
.hlist #toctitle {
    display: none;
}
 
.mf-mobile-only {
    display: none;
}

/* Prevent display of subheadings in horizontal ToC */
.hlist #toc .toclevel-2,
.hlist #toc .toclevel-3,
.hlist #toc .toclevel-4,
.hlist #toc .toclevel-5,
.hlist #toc .toclevel-6 {
    display: none;
}
 
.hlist .toggleNode {
    display: none;
}
 
/* style info for icon box in the top right corner of the banner */
.iconbox {
    position: absolute; 
    top: 6px; 
    right: 0; 
    padding: 3px; 
    z-index: 3; 
    background: rgb(16,16,16); 
    background: rgba(0,0,0,0.7); 
    border-bottom-left-radius: 5px;
}

@media only screen and  (max-width: 768px) {
	
	.hlist.tocbox-b #toc a {
	    font-size: 0.85em;
	}
	
	.hlist dd:after,
	.hlist li:after {
	    padding: 0 0.2em;
	}
	

}

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

	.topbanner div.name {
		font-size: 1.8em;
		margin: 0.2em 0 0 0.2em;
		padding: 2px;
	}
}

/* PageBanner END */


/* PageBanner2 BEGIN */

/* Styles for Pagebanner template */
 
 div#moved_title {
 	font-size: 300%;
 	margin: 20px 0;
 }
 
.topbanner2 {
    position: relative;
    overflow: hidden;
    max-width: 1800px; 
    height: auto;
}
 
.topbanner2 img {
    width: 100%;
/*    height: auto;
    width: auto\9; */
}
 
.topbanner2-box {
    position: absolute;
    z-index: 2;
    margin-top: 1.5em;
    color: white;
    width: 50%;
    min-width: 20em;
    left: 2%;
    text-align: left;
}
 
.topbanner2 .name {
    position: absolute;
    z-index: 2;
    margin: 0.6em 0 0 0.4em;
    padding: 8px 7px;
    font-size: 2.2em;
    font-weight: bold;
    background: rgb(16,16,16);
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    color: white;
    white-space: nowrap;
    line-height: 0.9em;
}
 
#toc > tbody > tr > td > ul, #toc > tr > td > ul {
  padding-left: 2em;
}
 


/* FIX TOP NAVIGATION */
.topbanner2 table {
	margin-left: 20px !important;
}
 
.topbanner2 table tr:first-child td:first-child {
	width: auto !important;
}
 
.topbanner2 table tr:first-child td:last-child {
	padding-right: 20px;
}



.topbanner2-toc {
	position: absolute;
	bottom: 10%;
	left: 50%;
	z-index: 3;
	transform: translateX(-50%);
}




/* PageBanner2 END */