:root{
	--primary-dark:#242e34;
	--primary-reg:#3f515b;
	--primary-light:#81a5b5;
	--secondary-dark:#de0045;
	--secondary-reg:#ff0266;
	--secondary-light:#ff76b4;	 
	--complement-dark:#e3bc04;
	--complement-reg:#ffff83;	
	--complement-light:#ffffd5;	

	--palegrey:#eee;
	--lightgrey:#ccc;
	--mediumgrey:#999; 
	--darkgrey:#2f2f2f;		
}
body {background: var(--primary-dark);}
h1, h2, h3, h4, h5, h6 {color: var(--complement-light)}
p, ol, ul, blockquote, code, dl, dt, dd{color:var(--palegrey);}
a, a:link, a:visited {color: var(--secondary-light);}
a:hover, a:active {color:var(--secondary-reg);}

.sitecontainer{padding-top:70px;margin-bottom:70px;}

.fg-primary { color: var(--primary-reg)}
.bg-primary { background: var(--primary-reg)}
.btn.bg-primary:hover { background: var(--primary-dark);transform:scale(.96) translate3d(0,0,0);}

.fg-secondary { color: var(--secondary-reg)}
.bg-secondary { background: var(--secondary-reg)}
.btn.bg-secondary:hover { background: var(--secondary-dark);transform:scale(.96) translate3d(0,0,0);}

.fg-complement { color: var(--complement-reg)}
.bg-complement { background: var(--complement-reg)}
.btn.bg-complement:hover { background: var(--complement-dark);transform:scale(.96) translate3d(0,0,0);}
.btn.bg-complement.ghost:hover { color: var(--palegrey);transform:scale(.96) translate3d(0,0,0);}

.searchbox{height:50px;line-height:50px; }
.searchbox input[type=text]{border:0px;background:var(--palegrey);border-radius:15px;font-size:1.2em; height:34px;line-height:34px;padding:0 20px;}
.searchbox button{border-radius:50%;padding:.5em .75em;margin-left:-35px;top:-4px;margin-right:0}



#mainmenu {height:50px; width:100%; position:fixed; background: var(--primary-reg) ;z-index:10000; box-shadow:0px 5px 10px rgba(0,0,0,0.5)}
#mainmenu ul{width:auto; list-style:none;float:left;margin-left:0px; }
#mainmenu li{float:left; width:15vw;height:50px;line-height:50px;text-align:center;margin:0px;padding:0px;text-transform:uppercase; }
#mainmenu li.social{width:3vw;}
#mainmenu li a{color:var(--palegrey);width:100%; height:100%;float:left;}
#mainmenu li a:hover{color:var(--palegrey);background:var(--secondary-reg);}

.mainmenu {background:black; height:50px;}
.mainmenu ul{width:100vw; list-style:none;float:left;margin-left:0px; }
.mainmenu li{float:left; width:50px;height:50px;line-height:50px;text-align:center;margin:0px;padding:0px; font-size:20px;}
.mainmenu li:hover{background:var(--secondary-reg);}
.mainmenu li.social{width:5vw;}
#menu_opener{display:none;}

li.right{float:right !important;}
.menucontainer{position:fixed;z-index:100;width:100%;}

.mobilemenu {background:var(--primary-reg); height:50px;position:fixed;z-index:100;width:100%;}
.mobilemenu ul{width:100%; list-style:none;float:left;margin-left:0px; }
.mobilemenu li{width:50px !important;height:50px;line-height:50px;text-align:center;margin:0px;padding:0px; font-size:20px;}
.mobilemenu li:hover{background:var(--secondary-reg);}
.mobilemenu li.social{width:50px;}


.gallerythumbcontainer{width:100%; height:325px;}


.sb-slidebar ul {margin-left:0px;}
.sb-slidebar li a{color:var(--palegrey); display:block;padding:5px; font-size:20px;}
.sb-slidebar li a:hover{background:var(--secondary-reg)}
.sb-slidebar li a:click{background:var(--secondary-reg)}
/* ------------------ */
/* Responsive layouts */
/* ------------------ */

/* --------------------------------------------------------------------------------------------- */
/* ---------- 1400 Layout ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 1400px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1400";top:10px;}
p, ol, ul, blockquote, code, dl, dt, dd{font-size:1.2em;letter-spacing:.0em;line-height:1.5em;}
}

/* --------------------------------------------------------------------------------------------- */
/* ---------- 1200 Layout ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 1280px) and (max-width: 1399px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1200";top:10px;}
.gallerythumbcontainer{width:100%; height:280px;}

}


/* --------------------------------------------------------------------------------------------- */
/* ---------- 960 Layout ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 960px) and (max-width: 1279px)  {
#debugcsslayoutvalue:before{left:100px;font-size:.9em;color:white;content:"L960";top:10px;}
.gallerythumbcontainer{width:100%; height:300px;}
}



/* --------------------------------------------------------------------------------------------- */
/* ---------- Tablets  ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width:720px) and (max-width:959px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"Ltab";top:10px;}
#menu_opener{display:inline-block;}
.gallerythumbcontainer{width:100%; height:220px;}
	#menu_opener{display:inline-block;}
.mobilemenu {width:100%; list-style:none;float:left;margin-left:0px; height:50px;line-height:50px;}
.mobilemenu li{float:left; padding:0px;text-align:center;margin:0px 10px 0px 10px;height:50px;width:40px;}
.mobilemenu li img{width:35px; height:35px;margin-top:7px;}

}


/* --------------------------------------------------------------------------------------------- */
/* ---------- Smartphones  --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media only screen and (max-width:719px) {
	html {min-width:320px;}
	#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"Lsp";top:10px;}
	.pagescontainer{position:relative;}
	.paginationprevious{position:absolute; left:0px;width:100px !important; height:35px !important;}
	.paginationnext{position:absolute; right:0px;width:100px !important; height:35px !important;}
.gallerythumbcontainer{width:100%; height:210px;}	

	#menu_opener{display:inline-block;}
.mobilemenu {width:100%; list-style:none;float:left;margin-left:0px; height:50px;line-height:50px;}
.mobilemenu li{float:left; padding:0px;text-align:center;margin:0px 10px 0px 10px;height:50px;width:40px;}
.mobilemenu li img{width:35px; height:35px;margin-top:7px;}
}


@media print {
	* {background:white; color:black; box-shadow:none;}
	.notprintable{display:none;}
	.printonly{display:block;}
	.softwhitebox{box-shadow:none;}
	body{background:white; color:black;}
	p, h1, h2, h3, h4, h5, h6 {color:black;}
	#content{background:white;}
}