@import url('//code.jquery.com/ui/1.11.4/themes/pepper-grinder/jquery-ui.css');
/** ALL IMPORTS REMOVED AS THEY ARE LOADED IN ABOVE THE LINE CSS, IN THE INFO FILE!
@import url("//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css");
@import url("//fonts.googleapis.com/css?family=Open+Sans:300|Devonshire");
@import url("//www.sesameweb.net/delivr/css/?themes=cnp-overlay,flags");
@import url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
**/

/** PAGE STYLE: **/
html, body { min-height:100%; height:100%; width:100%; margin:0; padding:0; }
body, a { font-family:'Open Sans', Verdana, Arial; color:white; font-size:15px; }
a { text-decoration:underline; }

button { color:black; }

.page-backgrounds { z-index:-1; position:fixed; top:0; left:0; height:100%; width:100%; }
.page-backgrounds .back-images { position:fixed; top:0; left:0; height:100%; width:100%; display:none; opacity:0.7; }
.page-backgrounds .back-images:nth-of-type(1) { display:block; }
.page-backgrounds.stretch, .page-backgrounds .stretch { height:100%; width:100%; background-size:100% 100%; background-repeat:no-repeat; }

.page-backgrounds .back-1 { background-image:url('back/1.jpg'); }

noscript	{ clear:both; background-color:#CC0000; padding:5px; color:white; font-weight:bold; display:block; margin-bottom:10px; }
noscript a, noscript a:hover	{ color:white; }
noscript.error	{ color:white; }

pre { padding:7px; background-color:#DCDCDC; color:grey; border:1px grey dashed; overflow:auto; }
code { padding:2px; background-color:#DCDCDC; color:grey; border:1px grey dashed; overflow:auto; }

table	{ border-collapse:collapse; }
table.bordered th, table.bordered td { border-width:thin; border-style:solid; border-color:black; }

/******* TEXT-HIGHLIGHTING: *******/
::selection { background:rgba(102,102,102,0.6); }
::-moz-selection { background:rgba(102,102,102,0.6); }

/** Seeds Inactive Page Warning Div: **/
#seeds-inactive-page-warning { position:fixed; top:0; right:5px; z-index:200; background-color:red; color:white; font-weight:bold; padding:5px; font-size:13px; opacity:0.6; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }

/**** PAGE CONTAINERS STYLES ****/
#page-wrapper { max-width:1015px; min-height:100%; height:100%; display:table; margin:0 auto; position:relative; padding:0 15px 0 15px; background-color:#fff; background-color:rgba(255,255,255,0.1); }
.push-footer { position:relative; min-height:100%; height:100%; display:table-row; margin:0 auto -60px; }
#content-wrapper:after, #content:after { content:" "; display:block; clear:both; }

#header	{ padding-top:20px; margin-bottom:20px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
#header #header-right { max-width:675px; float:right; position:relative; z-index:10; }
#header .logo { width:100px; height:100px; background-size:100% 100%; background-repeat:no-repeat; }
#header .logo { background-image:url("logo.svg"); }
#header .logo-name { font-size:30px; text-transform:uppercase; margin-top:68px; margin-left:5px; }
#header .logo-name:first-letter { font-size:0%; }
#header .tagline { font-family:"Devonshire"; font-size:38px; margin-bottom:10px }

.home-msg-bar { margin-bottom:5px; }
.home-msg-bar p { padding:0; margin:0; }

#content-messages[data-msg-show=no] { display:none; visibility:hidden; }
#content-messages[data-msg-show=yes] { padding:5px; margin-bottom:10px; font-weight:bold; }
#content-messages[data-msg-show=yes] .site-msg-admin-info { margin-top:10px; font-weight:normal; font-size:smaller; }
#content-messages[data-msg-show=yes] p { margin:0 0 5px 0; }
#content-messages[data-msg-show=yes] p:last-child { margin-bottom:0; }
#content-messages[data-msg-show=yes][data-msg-style=info] { background-color:#64C8FD; }
#content-messages[data-msg-show=yes][data-msg-style=warning] { background-color:#F9B66C; }
#content-messages[data-msg-show=yes][data-msg-style=error] { background-color:#FF5F28; }


/** #content - COPY THIS TO PAGE EDITOR CSS **/
#content { min-height:100%; height:auto; clear:both; width:100%; }
#content p, #content h2	{ margin-bottom:5px; }
#content td, #content th { padding:5px; }
#content img { max-width:100%; }
#content iframe { width:100%; border:0; background-color:transparent; }

#content .seeds-gallery { width:100%; }
#content .seeds-gallery .single-media .image { position:relative; overflow:hidden; display:none; }
#content .seeds-gallery .single-media .image:first-child { display:inherit; }
#content .seeds-gallery .single-media .image .caption { position:absolute; left:0; bottom:0; width:100%; height:0%; background-color:rgba(50, 50, 50, 0.6); color:white; overflow:auto; transition:height 300ms ease-in-out; }
#content .seeds-gallery .single-media .image:hover .caption { height:20%; }
#content .seeds-gallery .single-media .image .caption .content { padding:7px; font-size:smaller; }
#content .seeds-gallery .single-media .image .caption .content p { margin-bottom:10px; margin-top:0; }

#content .seeds-gallery .thumbnails .caption { display:none; }
#content .seeds-gallery .thumbnails { height:80px !important; transition:height 300ms ease-in-out; position:relative; min-width:100px; overflow:hidden; display:inline-block !important; padding:4px; border:1px solid #ddd; background-color:white; border-radius:4px; vertical-align:top; text-align:center; margin-right:3px; margin-bottom:3px; }
#content .seeds-gallery .thumbnails img { height:80px !important; transition:all 300ms ease-in-out; }

#content .seeds-gallery .seeds-carousel { width:100%; }
#content .seeds-gallery .seeds-carousel .image img[data-lazy] { display:none; }
#content .seeds-gallery .seeds-carousel .image { position:relative; }
#content .seeds-gallery .seeds-carousel .image .caption { position:absolute; left:0; bottom:0; width:100%; height:25%; background-color:rgba(50, 50, 50, 0.6); color:white; overflow:auto; transition:height 300ms ease-in-out; }
#content .seeds-gallery .seeds-carousel .image .caption .content { padding:10px; font-size:smaller; }
#content .seeds-gallery .seeds-carousel .image .caption .content p { margin-top:0; margin-bottom:5px; }

#content .seeds-gallery .seeds-carousel.with-thumbnails.main { margin-bottom:5px !important; }
#content .seeds-gallery .seeds-carousel.with-thumbnails.thumbs img { cursor:pointer; }

#cboxLoadedContent { position:relative; }
#cboxLoadedContent #seeds-caption { position:absolute; left:0; bottom:0; width:100%; height:0%; background-color:rgba(50, 50, 50, 0.6); color:white; overflow:auto; transition:height 300ms ease-in-out; }
#cboxLoadedContent:hover #seeds-caption:not(.no-content), #cboxLoadedContent #seeds-caption.displayed:not(.no-content) { height:20%; }
#cboxLoadedContent #seeds-caption .content { padding:7px; }
#cboxLoadedContent #seeds-caption .content p { margin-bottom:10px; margin-top:0; }
#cboxLoadedContent #seeds-caption ::selection { background:rgba(255,255,255,0.6); }
#cboxLoadedContent #seeds-caption ::-moz-selection { background:rgba(255,255,255,0.6); }

#cboxTitle { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:80% !important; margin-left:100px !important; text-align:left !important; }


.area h1:first-of-type, .area h2:first-of-type, .area h3:first-of-type, .area h4:first-of-type, .area h5:first-of-type, .area h6:first-of-type, .area p:first-of-type { margin-top:0; }

/** TEMPLATED PAGES: COLUMNS:  (NB: removed [template=auto] from body selector!) **/
#content .area.main.wsb { float:left; width:665px; }
#content .area.side { float:right; width:325px; overflow:auto; border-top:0; border-right:0; border-left:1px white solid; padding-left:5px; min-height:20px; }

#footer		{ margin-top:20px; border-top:1px white solid; padding-top:10px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
#footer a	{ text-decoration:none; font-size:20px; font-family:'Devonshire'; }
#footer a:hover	{ text-decoration:underline; }
#footer table	{ width:100%; }







/** HEADER NAVIGATION: **/
/** NEW NAV STYLING: **/
.nav-wrap .toggle { font-size:50px; text-decoration:none; display:none; padding:5px 0; }
.nav-wrap .toggle i.do-close { display:none; }
.nav-wrap .toggle i.do-open { display:block; }

@media (min-width: 980px) {
	.nav {}
	#header-nav { text-align:right; } /* margin-right:-10px; margin-top:25px; */
	#header-nav .nav ul { text-align:center; }
	
	#header-nav .nav a:not(.ui-widget) { color:white; } /* color:#bfbfbf; */
	#header-nav .nav { margin:0; padding:0; line-height:100%; }
	#header-nav .nav li { margin:0; padding:0; float:left; position:relative; list-style:none; }
	
	/* main level link */
	#header-nav .nav a { text-decoration:none; display:block; padding:10px; margin:0; border:1px transparent solid; }
	#header-nav .nav a:hover { } /* color settings - transfered to li:hover > a ... */
	
	/* main level link hover */
	#header-nav .nav .current a, #header-nav .nav li:hover > a { color:white; border:1px white solid; transition:all 500ms ease; } /* background:rgba(191, 191, 191, 0.8); */
	
	/* sub levels link hover */
	#header-nav .nav ul li:hover a, #header-nav .nav li:hover li a { background:black; border:1px transparent solid; color:white; }
	#header-nav .nav ul li:hover a:hover, #header-nav .nav li:hover li a:hover { background-color:white; border:1px black solid; color:black; } /* background-color:#666; */
	
	/* dropdown */
	#header-nav .nav li:hover > ul { visibility:visible; opacity:1; z-index:1000; margin-top:-1px; }
	
	/* level 2 list */
	#header-nav .nav ul { visibility:hidden; opacity:0.1; margin:0; padding:0; min-width:215px; position:absolute; /*top:32px;*/ right:0; transition:opacity 500ms ease; } /* background:#ddd;  border:solid 1px #b4b4b4; */
	#header-nav .nav ul li { float:none; margin:0; padding:0; text-align:left; }
	
	/** colours for sub navs **/
	#header-nav .nav ul li:hover a, #header-nav .nav li:hover li a { background:white; color:#1F1F1F; }
	#header-nav .nav ul li:hover a:hover, #header-nav .nav li:hover li a:hover { background:#1F1F1F; color:white; border:thin white solid; }
	
	
	/* level 3+ list */
	#header-nav .nav ul ul { right:215px; top:5px; /*right:181px; top:-1px;*/ }
	
	/* rounded corners of first and last link */
	#header-nav .nav ul li:first-child > a {  }
	#header-nav .nav ul li:last-child > a {  }
	
	/* clearfix */
	#header-nav .nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	#header-nav .nav { display: inline-block; }
	html[xmlns] #header-nav .nav { display: block; }
	* html #header-nav .nav { height: 1%; }
	
	
	/*** OTHER ELEMENTS FOR THIS SIZE: ***/
}
@media (max-width: 979px) {
	#page-wrapper { padding-top:60px !important; }
	#header-nav { position:fixed; top:0; left:0;  width:100%; vertical-align:middle; text-align:center; z-index:2; }
	
	.nav-wrap { height:60px; }
	.nav-wrap .toggle { display:block; background-color:rgba(31,31,31,0.9); }
	
	.nav-wrap.open .toggle i.do-close { display:block; }
	.nav-wrap.open .toggle i.do-open { display:none; }
	
	.nav-wrap .nav { display:none !important; }
	.nav-wrap.open .nav { display:block !important; background-color:rgba(31,31,31,0.9); margin:0; padding:0; line-height:100%; position:absolute; top:60px; max-height:300px; overflow:auto; width:100%; border-bottom:3px rgba(255,255,255,1) solid; box-shadow:0 15px 30px -10px rgba(255,255,255,0.8); }
	.nav-wrap.open .nav li { margin:0; padding:0; list-style:none; text-align:left; }
	.nav-wrap.open .nav li a { text-decoration:none; display:block; padding:10px; margin:0; border:1px transparent solid; font-weight:bold; }
	.nav-wrap.open .nav ul { padding:0; padding-left:25px; }
	.nav-wrap.open .nav ul li:first-child a { border-top:2px white solid; }
}
/** -- end new nav styling -- **/



/************* RESPONSIVE DESIGN FEATURES (c) Nicolas Pirlot ********************/
@media (max-width: 480px) {
	.responsive #page-wrapper { max-width:100%; }
	.responsive #header #header-right { max-width:575px; }
	.responsive #header .moto { display:none; }
	.responsive #header .logo { width:41px; height:75px; }
	.responsive #header .logo-name { font-size:16px; margin-top:46px; }
	.responsive #panel-left { width:100%; }
	.responsive #panel-right { width:100%; margin-top:10px; max-height:none; }
	.responsive #content .area.main.wsb { width:100%; }
	.responsive #content .area.side { width:100%; margin:75px 0; max-height:none; border-top:2px white solid; border-left:0; padding:15px 0; }
	#content .seeds-gallery[data-display-type^="carrousel"] { max-width:200px; }
	#cboxTitle { width:55% !important; }
}
@media (min-width: 481px) and (max-width: 767px) {
	.responsive #page-wrapper { max-width:450px; }
	.responsive #header #header-right { max-width:575px; }
	.responsive #header .moto { display:none; }
	.responsive #header .logo { width:41px; height:75px; }
	.responsive #header .logo-name { font-size:16px; margin-top:46px; }
	.responsive #panel-left { width:100%; }
	.responsive #panel-right { width:100%; margin-top:10px; max-height:none; }
	.responsive #content .area.main.wsb { width:100%; }
	.responsive #content .area.side { width:100%; margin:75px 0; max-height:none; border-top:2px white solid; border-left:0; padding:15px 0; }
	#content .seeds-gallery[data-display-type^="carrousel"] { max-width:480px; }
	#cboxTitle { width:70% !important; }
}
@media (min-width: 768px) and (max-width: 979px) {
	.responsive #page-wrapper { max-width:750px; }
	.responsive #header #header-right { max-width:575px; }
	.responsive #header .moto { font-size:22px; }
	.responsive #header .logo { width:58px; height:105px; }
	.responsive #header .logo-name { font-size:22px; margin-top:68px; }
	.responsive #panel-left { width:100%; }
	.responsive #panel-right { width:100%; margin-top:10px; max-height:none; }
	.responsive #content .area.main.wsb { width:100%; }
	.responsive #content .area.side { width:100%; margin:75px 0; max-height:none; border-top:2px white solid; border-left:0; padding:15px 0; }
	#content .seeds-gallery[data-display-type^="carrousel"] { max-width:760px; }
	#cboxTitle { width:75% !important; }
}
@media (min-width: 980px) and (max-width: 1199px) {
	.responsive #page-wrapper { max-width:100%; min-width:80%; }
	.responsive #content .area.main.wsb { width:585px; }
	.responsive #content .area.side { width:325px; }
}
@media (min-width: 1200px) {
	.responsive #page-wrapper { max-width:1015px; min-width:1015px; }
}








/** GENERAL CLASSES **/
.error, .error a, .error a:hover { color:red;}
.align-right	{ text-align:right;}
.align-left		{ text-align:left;}
.align-center	{ text-align:center;}
.align-top		{ vertical-align:top; }
.tbl-borders, .tbl-borders tr, .tbl-borders td, .tbl-borders th	{ border:thin #999999 solid;}
.g-small		{ font-size:x-small; }
.h-error		{ background-color:#FCE2B4;}
.float-left		{ float:left; }
.float-right	{ float:right; }
.clear			{ clear:both; }
.pointer		{ cursor:pointer; }
.full-width 	{ width:100%; }
.p95 			{ width:95%; }
.no-pad, .no-padding { padding:0 !important; }
.no-margin { margin:0 !important; }
.no-select { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }


.font-1 { font-family:'Devonshire'; font-size:larger; }




/*** JQUERY UI CORRECTIONS (FOR CDN IMPORTED STYLES!) ***/
.ui-widget { font-size:13px; }

/*** CORRECTIONS FOR THE TINYMCE EDITOR TOOLBAR, AS TEXT SAMPLES (Formats Menu) ARE INVIBLE IF TEXT IS WHITE ON DARKER BACKGROUNDS...  ***/
.mce-menu-item.mce-menu-item-preview.mce-stack-layout-item[role='menuitem']:not([aria-haspopup='true']) { background-color:#666666; background-color:rgba(50, 50, 50, 0.9); }
.mce-menu-item.mce-menu-item-preview.mce-stack-layout-item[role='menuitem']:not([aria-haspopup='true']) .mce-ico { color:white; }