@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

* { padding:0; margin:0; line-height:22px; font-family: 'Raleway', sans-serif; font-size:15px;word-wrap:break-word; box-sizing:border-box; border-collapse:collapse; }
body, html { font-family: 'PT Sans', sans-serif; font-size:14px; width:100%; min-width:100% !important; }
.clear { clear:both; }
.inner { max-width:100%; width:1200px; margin:0 auto; position:relative; padding: 0 25px;  }
img { max-width:100%; }
.nav-btn { display:none; }

img { max-width:100%; height:auto; }
iframe, table { max-width:100% !important; }

table a { color: #2c3e50 !important; text-decoration: none !important; font-size: 15px !important; }
table a * { color: #2c3e50 !important; text-decoration: none !important; font-size: 15px !important; }

table a:hover { color: #000 !important; text-decoration: underline !important; font-size: 15px !important; }
table a:hover * { color: #000 !important; text-decoration: underline !important; font-size: 15px !important; }

#mod1 a, #mod2 a, #mod3 a, #mod4 a, #mod5 a, #mod6 a, #mod7 a, #mod8 a, #mod9 a { color:#8DC63F; font-weight:bold; }
#mod1 a:hover, #mod2 a:hover, #mod3 a:hover, #mod4 a:hover, #mod5 a:hover, #mod6 a:hover, #mod7 a:hover, #mod8 a:hover, #mod9 a:hover { color:#444444; }

p.covid { width: calc(100% - 480px); float: left; font-size: 12px; }

.hideme { display: none !important; }

.memberarea { float: right; background:#8DC63F; border-radius: 10px; padding: 10px 14px; color:#FFF; text-decoration: none; font-weight: bold; margin-top: 20px; }
.memberarea:hover { background:#333; }

.home-latest-news { float: right; width: 45%; }
.home-latest-news #mod1 { margin: 25px 0 !important; }
.home-latest-news #mod1:first-of-type { margin-top:0 !important; }
.home-latest-news #mod1:last-of-type { background: #EFEFEF; border:#CCC 1px solid; padding: 10px; }
.home-twitter-feed { float: left; width: 45%; }
#home-twitter-feed iframe { height: 392px !important; }
.home-email-signup input { padding: 5px; border:#CCC 1px solid; }

.contactform input { display: block; padding: 5px; width: 50%; margin:5px 0 10px 0; border:#E8E4D9 1px solid; }
.contactform textarea { display: block; padding: 5px; width: 50%; margin:5px 0 10px 0; height: 200px; border:#E8E4D9 1px solid; }
.contactform .btn { background:#8FC447; cursor: pointer; padding: 10px; color: #FFF; font-weight: bold; }
.contactform .btn:hover { background: #444444; }

.slaTeam { margin-bottom: 10px; }
.slaLeft { float: left; width: 220px; }
.slaLeft img { }
.slaRight { background: url('images/bar.png') 220px bottom no-repeat; padding-left: 245px; }
.slaRight h2 { margin-bottom: 0 !important; }
.slaRight h3 { color:#333 !important; font-size: 15px !important; }
.slaRight p { height: 90px; overflow: hidden;     transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out,padding 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out,padding 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out,padding 0.5s ease-in-out; }
.slaRight .readmore { float: right; color: #8DC63F; font-weight: bold; text-decoration: none; }
.slaRight .readmore:hover { color: #333; }
.slaOpen { height: auto !important; overflow: visible;  }

a.nolink { font-weight:normal !important; text-decoration:none; }

		ul.sitemap { margin-bottom:15px; }
		ul.sitemap li { margin-left:40px; }
		ul.sitemap li ul { margin-left:0px; }

header { background:#E8E4D9; padding:30px 0; }
header div.inner { }
header div.inner h1 { background:url(images/noctua-logo.png) 0 0 no-repeat; padding-left:70px; float:left; height:81px; padding-top:3px; background-size: contain;}
header div.inner h1 span { float:left; height:81px; width:250px; text-indent:-9999px; }
/* background:url(images/logo.svg) 0 0 no-repeat; */
header div.inner form { display:none; float:right; padding-top:25px; }
header div.inner form input { padding:6px; border:1px #444444 solid; background:#E8E4D9; }
header div.inner form .submit-btn { background:#666; color:#FFF; font-weight:bold; text-transform:uppercase; }
header div.inner form .submit-btn:hover { background:#8DC63F; cursor:pointer; color:#444444; }

nav { background:#444444; }
nav div.inner {  }
nav div.inner ul { width:100%; display:table; }
nav div.inner ul li { display:table-cell; text-align:center; position:relative; }
nav div.inner ul li:first-child a span:before { font-size:20px !important; font-family: FontAwesome; content:"\f015"; }
nav div.inner ul li a { padding:0 10px; line-height:56px; color:#FFF; text-transform:uppercase; text-decoration:none; border-left: #333 1px solid; display:block; font-weight:bold; font-size:16px; }
nav div.inner ul li a:hover { color:#8DC63F; }
nav div.inner ul li:last-child a { border-right: #333 1px solid; }
nav div.inner span.nav-btn { }
nav div.inner span.nav-btn:hover { cursor:pointer; background:#8FC447; color:#444444; }

	nav div.inner ul li ul  { padding: 0; position: absolute; top: 56px; left: 0; width: 250px; display: none; opacity: 0; visibility: hidden; z-index:999; }
	nav div.inner ul li:last-of-type ul  { left: auto; right: 0; }
	nav div.inner ul li ul li { background: #8FC447; display: block; color: #444444; border-bottom:#E8E4D9 1px dotted; }
	nav div.inner ul li ul li a, nav div.inner ul li ul li:last-child a { border:none; line-height:18px; padding:15px 10px; }
	nav div.inner ul li ul li:hover { background: #E8E4D9; }
	nav div.inner ul li ul li:hover a { color:#83655A; }
	nav div.inner ul li:hover ul  { display: block; opacity: 1; visibility: visible; }





div#content { padding-bottom: 30px; padding-top: 30px; }

	div#content section { float:left; width:51%; }
		div#content.page section  { width:100%; }
		div#content section h2 { color:#8DC63F; font-size:20px; margin-bottom:20px; line-height:26px; }
		div#content section h2 #mod1 { color:#8DC63F; font-size:20px; margin-bottom:20px; line-height:26px; }
		div#content section article { color:#404345; }
		div#content.page section article { width:100%; }
		div#content.page section h3 { color:#8DC63F; font-size:20px; margin-bottom:20px; line-height:26px; text-decoration:none; }
		div#content.page section h3 a { color:#8DC63F; font-size:20px; margin-bottom:20px; line-height:26px; text-decoration:none; }
		div#content.page section h3 a:hover { color:#444444; }
		div#content section article a { color:#8DC63F; }
		div#content section article a:hover { color:#444444; }
	
		.innerNav { list-style:none; margin-bottom:30px; }
		.innerNav a { color:#444444; text-decoration:none; font-weight:bold; }
		.innerNav a:before { content: "\00BB"; margin-right:8px; }
		.innerNav a:hover { color:#8DC63F; }
	
	div#content aside { float:right; color:#FFF; width:44%; }
		div#content aside .slideshow { position:relative; } 
		div#content aside .slideshow img { width: 100%;  }
		div#content aside .slideshow a { color:#FFF; text-decoration:none; }
		div#content aside .slideshow a:hover { color:#8DC63F; }
		div#content aside .slideshow p { padding:20px; position:absolute; bottom:6px; left:0; width:100%; background:url(images/fade.png); }
		div#content aside .slideshow p span { display:block; font-weight:bold; font-size:20px; }





div#news { border-top:10px #EFEFEF solid; padding-bottom: 30px; padding-top: 30px; background:#FFF; }
	div#news div.inner { }
	div#news div.inner h3 { color:#444444; font-size:20px; margin-bottom:20px; }
	div#news div.inner h3 a { color:#444444; font-size:20px; margin-bottom:20px; text-decoration:none; }


div#offer { padding-bottom: 30px; padding-top: 30px; background:#8FC447; }
	div#offer div.inner { }
	div#offer div.inner h3 { color:#5A8028; font-size:20px; font-weight:bold; margin-bottom:20px; }
	div#offer div.inner a strong { color:#FFF; font-size:20px; font-weight:bold; margin-bottom:20px; }
	div#offer div.inner a:hover strong { color:#5A8028; }
	div#offer div.inner ul { color:#FFF; list-style:none; }
	div#offer div.inner ul li { width:50%; float:left; margin-bottom:20px; }
	div#offer div.inner ul li a { color:#FFF; text-decoration:none; font-weight:normal; }
	div#offer div.inner ul li a:hover { color:#5A8028; text-decoration:none; }
	div#offer div.inner ul li:nth-child(odd) { padding-right: 45px; }
	div#offer div.inner ul li:nth-child(even) { padding-left: 45px; }
	div#offer div.inner ul li { text-decoration:none; color:#FFF; }
	div#offer div.inner ul li img { float:left; margin:0 20px 0 0; border:3px #5B8129 solid; border-radius:65px; }
	div#offer div.inner ul li h4 { font-size:20px; font-weight:bold; margin-bottom:10px; }
	div#offer div.inner ul li p { }

div#lower { padding-bottom: 30px; padding-top: 30px; }
	div#lower div#partners { float:left; }
	div#lower div#partners h3 { color:#444444; font-size:20px; margin-bottom:20px; }
	div#lower div#twitter { float:right; width:320px; }
	div#lower div#twitter h3 { color:#444444; font-size:20px; margin-bottom:20px; }



footer { border-top:10px #444444 solid; padding-top: 30px; padding-bottom: 30px; background:#E8E4D9; color:#666; }
	footer div.inner { }
	footer div.inner ul { }
	footer div.inner ul li { float:left; margin-right:27px; }
	footer div.inner ul li:first-child { list-style:none; }
	footer div.inner ul li:last-child { float:right; list-style:none; margin-right:0; }
	footer div.inner ul li a { text-decoration:none; margin-bottom: 30px; color:#666; }
	footer div.inner ul li a:hover { color:#444444; }


#mod1, #mod2, #mod3, #mod4, #mod10 { margin-bottom:20px; }
#mod3 a { margin:0 10px 10px 0; float:left; }
#mod3 img { border:#CCC 3px solid; }
#mod3 ul { margin-left:0 !important; }
#mod3 p { margin-bottom:10px !important; }
#mod1 ul { margin:5px 0 20px 20px !important; }
#mod2 ul { margin-left:20px !important; }

#mod1 table { width:100% !important; border:none; }
#mod1 table th { padding:8px; background:#333; border: #333 1px solid; color:#FFF; text-align:left; }
#mod1 table td { padding:8px; background:#EFEFEF; border: #B3B3B3 1px solid; }
#mod1 table tr:hover td { background:#FFF; }
#mod1 table.noborder td { border:none; background:none; }

#mod1 .newsletter table { width:auto !important; border:none; }
#mod1 .newsletter table th { padding:5px; background:none; border: none; }
#mod1 .newsletter table td { padding:5px; background:none; border:none; }
#mod1 .newsletter table tr:hover td { background:none; }
#mod1 .newsletter table.noborder td { border:none; background:none; }


.calendar { width:100%; border-collapse:collapse;  }
.calendar tr { height:60px; } 
.calendar .calendar-head { height:20px !important; }
.calendar td { padding:5px; border:#CCC 1px solid; width:14%; vertical-align:top; } 
.calendar-day-head { line-height:20px; background-color:#666; color:#FFF; padding:5px; text-align:center; }
.calendar-day-np { line-height:30px; }
.calendar td.today { background-color:#CCC; }
.calendar .calendar-day:hover { background-color: #E6E6E6; }



#mod7 ul { padding:0; margin:15px 0 0 0!important; }
#mod7 li { list-style:none; padding:10px; margin:0 0 10px 0; }
#mod7 li:nth-child(odd) { background: #FFE0C1; margin-right:30px; }
#mod7 li:nth-child(odd) span { float: right; padding:8px; background-color: #FFA953; font-size:11px; margin:-10px -10px 0px 10px; }
#mod7 li:nth-child(even) { background: #D6F3FE; margin-left:30px; }
#mod7 li:nth-child(even) span { float: left; padding:8px; background-color:#60D0FB ; font-size:11px; margin:-10px 10px 0px -10px; }
.mod7write { padding:10px; background:#EFEFEF; border-top:#999 1px solid; border-bottom:#999 1px solid; margin-top:10px; }
.mod7write label { width:100px; float:left; }
.mod7write input { width:200px; float:left; padding:5px; border:#999 1px solid; }
.mod7write textbox { width:100px; float:left; }
.mod7write textarea { width:300px; float:left; padding:5px; border:#999 1px solid; }


#mod10 table { width: 100%; }
#mod10 table tr { }
#mod10 table tr td.coursename { background:#e6b158; font-weight: bold; }
#mod10 table tr td { background: #ffe599; padding: 8px; }
#mod10 table tr td a.eventbooking { background: #e6b158; border-radius: 5px; padding: 5px 10px; color:#FFF !important; font-weight: bold; margin-bottom: 10px; display: inline-block; }

/* grey */
#mod10 table.colour0 tr td.coursename { background:#333; color:#FFF; }
#mod10 table.colour0 tr td.coursename a { color:#FFF !important; }
#mod10 table.colour0 tr td { background: #EFEFEF; }
#mod10 table.colour0 tr td a.eventbooking { background: #333; }

/* orange */
#mod10 table.colour1 tr td.coursename { background:#e6b158; }
#mod10 table.colour1 tr td { background: #ffe599; }
#mod10 table.colour1 tr td a.eventbooking { background: #e6b158; }

/* green */
#mod10 table.colour2 tr td.coursename { background:#8dc63f; }
#mod10 table.colour2 tr td { background: #c5e0b3; }
#mod10 table.colour2 tr td a.eventbooking { background: #8dc63f; }

/* red */
#mod10 table.colour3 tr td.coursename { background:#e55c52; }
#mod10 table.colour3 tr td { background: #f7ccc9; }
#mod10 table.colour3 tr td a.eventbooking { background: #e55c52; }

/* blue */
#mod10 table.colour4 tr td.coursename { background:#52c5d3; }
#mod10 table.colour4 tr td { background: #bfe9ef; }
#mod10 table.colour4 tr td a.eventbooking { background: #52c5d3; }





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

nav div.inner form { display:none; }

div#lower div#partners ul { display:table }
div#lower div#partners ul li { display:table-cell; vertical-align:middle; border:2px #E6DEDB solid; }
div#lower div#partners ul li a { display:block;  }
div#lower div#partners ul li a img { padding:10px 15px; }


}

@media screen and (max-width: 1150px) {
	
.home-latest-news { float: right; width: 100%; margin-bottom: 20px !important; }
.home-twitter-feed { float: left; width: 100%; }
#home-twitter-feed iframe { width: 100% !important; }

}

@media screen and (max-width: 1050px) {
	
	p.covid { width: 100%; margin-top: 15px; }
	
.inner { padding: 0 2%;  }
	
	#sidebar { margin:0; padding:0; }
	#sidebar h3 { margin:0; padding:0; height:0; }
	nav div.inner ul li a { text-align:left; }
	nav div.inner ul li ul  { margin:0; padding: 0; position: relative; top:0; left:0; display: block; width:100%; opacity: 1; visibility:visible; }
	nav div.inner ul li:first-child a {  border-top:none !important; }
	nav div.inner ul li ul li { background: #444444; display: block !important; color: #FFF; border-bottom:none !important; }
	nav div.inner ul li ul li a, nav div.inner ul li ul li:last-child a { border:none; line-height:18px; padding:10px 10px; }
	nav div.inner ul li ul li a:before { content:"\00BB"; margin:0 15px 0 15px; }
	nav div.inner ul li ul li:hover { background: #E8E4D9; }
	nav div.inner ul li ul li:hover a { color:#FFF; }
	nav div.inner ul li:hover ul  { display: block; opacity: 1; visibility: visible; }


header div.inner form { display:none !important; }

nav { position:relative; }
nav div.inner form { position:absolute; right:2%; top:8px; }
nav div.inner form input { padding:6px; border:1px #444444 solid; background:#E8E4D9; -webkit-appearance: none; border-radius: 0; }
nav div.inner form .submit-btn { background:#896A5F; color:#FFF; font-weight:bold; text-transform:uppercase; }
nav div.inner form .submit-btn:hover { background:#8DC63F; cursor:pointer; color:#444444; }

nav { min-height:51px; }
nav div.inner form { display:block; }
nav div.inner ul { display:none; }
nav div.inner ul li { display:block; }
nav div.inner ul li a {  border-left: none; border-right: none; }
nav div.inner ul li:last-child a { border-right: none; }
nav div.inner ul li:first-child a { border-top: #83655A 1px solid; }
nav div.inner ul li a:hover { background:#8DC63F; color:#444444; }
nav div.inner span.nav-btn { display:block; width:51px; height: 51px; text-align:center; color:#FFF; }
nav div.inner span.nav-btn:before { font-family: FontAwesome; content:"\f0c9"; line-height:51px; font-size:26px; }

div#content section { width:100% !important; margin-bottom: 20px; }
div#content aside { float:none; width:476px; max-width:100%; text-align:center; margin: 0 auto; }

div#news div.inner #mod1 { width:100%; float:none; padding: 0 0 0 0 !important; }
div#news div.inner #mod1:first-of-type { margin-bottom:20px; }

div#offer div.inner ul li { width:100%; }
div#offer div.inner ul li:nth-child(odd) { padding-right: 0; }
div#offer div.inner ul li:nth-child(even) { padding-left: 0; }

div#lower div#partners ul { list-style:none; }
div#lower div#partners ul li { display:inline-block; margin:0 15px 15px 0; }
div#lower div#partners ul li:last-child { margin:0 0 15px 0; }

div#lower div#twitter { width:100%; margin-top:20px; }

}

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

header div.inner form { display:block; }
header div.inner form input { padding:6px; border:1px #444444 solid; background:#E8E4D9; }
header div.inner form .submit-btn { background:#896A5F; color:#FFF; font-weight:bold; text-transform:uppercase; }
header div.inner form .submit-btn:hover { background:#8DC63F; cursor:pointer; color:#444444; }

footer div.inner { text-align:center; }
footer div.inner ul li { float:none; margin-right:0; display:block; }
footer div.inner ul li:last-child { float:none; }

	
	
}

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

nav div.inner form { text-align:right; }
nav div.inner form input { width:50%; }
nav div.inner form .submit-btn { width:auto; }
nav div.inner form .submit-btn:hover { background:#8DC63F; cursor:pointer; color:#444444; }

	.contactmap { width: 100%; margin-bottom: 20px; height:300px; }
	.contactform input, .contactform textarea { width: 100%; }
}


/* Cookie Box */
#cookie_box {
	position: fixed;
	display: inline-flex;
	font-family: sans-serif;
	left: 50%;
	transform: translate(-50%);
	justify-content: center;
	align-items: center;
	bottom: 20px;
	font-size: 14px;
	z-index: 1000;
	background: #333333;
	padding: 15px 10px;
	width:35%;
	color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 0.2);
}
#cookie_box .cookie_box_close {
	background-color: #8dc63f;
	border-radius: 10px;
	padding: 10px 30px;
	transition: all ease 0.25s;
}
#cookie_box .cookie_box_close:hover {
	background-color: #7db137;
	color: #fff;
}
#cookie_box .box-cookie {
	width: 85%;
	padding: 0px 25px;
	text-align: justify;
	color: #fff;
}
#cookie_box .box-cookie a {
	color: #d8d8d8;
	font-weight: 600;
	text-decoration: none;
  transition: all ease 0.25s;
}
#cookie_box .box-cookie a:hover {
	color: #bdbdbd;
}
#cookie_box .box-img {
	display: inline-block;
	height: auto;
	width: 7.5%;
	text-align: center;
}
#cookie_box .box-img p{
	font-size: 3em;
	text-shadow: none;
	margin: 0px;
}
#cookie_box .box-btn {
	width: 15%;
	text-align: center;
}
#cookie_box .box-btn a{
	color: #fff;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 0.5);
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
/**/
/* Cookie Mobile */

@media (max-width: 1600px) {
	#cookie_box {
		width: 50%;
	}
}

@media (max-width: 1300px) {
	#cookie_box {
		width: 70%;
	}
}

@media (max-width: 900px) {
	#cookie_box {
		width: 80%;
	}
}

@media (max-width: 770px) {
	#cookie_box .box-cookie {
		display: inline-block;
		vertical-align: middle;
		width: 85%;
		font-size: 12px;
		padding: 0px 5px;
	}
	#cookie_box .box-btn {
		display: inline-block;
		vertical-align: middle;
		width: 15%;
	}
	#cookie_box {
		display: inline-block;
		width: 90%;
		font-size: 12px;
		font-size: 0px;
	}
}

@media screen and (max-width: 650px) {
  #cookie_box .box-btn a { 
    font-size: 12px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 30px;
  }
  #cookie_box .box-cookie {
    width: 100%;
  }
  #cookie_box .box-btn {
    width: 100%;
    text-align: center;
    margin: 15px 0px;
    margin-bottom: 5px;
  }
  #cookie_box {
    width: 90%;
  }
}

@media screen and (max-width: 450px) {
  #cookie_box .box-cookie {
    font-size: 10px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 15px;
  }
  #cookie_box .box-btn {
    margin-bottom: 0px;
  }
  #cookie_box {
    padding: 10px;
  }
}

/**/