@import url("Css/dnnreset.css");
@import url("Css/bootstrap.min.css");
@import url("Css/bootstrap.480.css");

@font-face {
    font-family: 'CustomFont';
    src:  url('fonts/actor-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Bootstrap Reset */
*, *:after, *:before{
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
.container, .row, *[class*="col-"]  {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} 

.container:before,
.container:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
  border-left:solid 15px transparent;
  border-right:solid 15px transparent;
}

/* Panes */
.Pane{background:#fff;}

/* Bootstrap & Pane borders */
.container-fluid{max-width:1170px;}

.dnnEditState .DnnModule {opacity: 1.0;} 
.dnnEditState  .cContainer, .CP-Layout .cContainer{background:#fdfdfd;}

.CP-Edit .Panes > .row, .CP-Layout .Panes > .row{margin-bottom:20px; background:#f1f1f1; padding-bottom:20px;}
.CP-Edit .Panes *[class^="col-"], .CP-Layout  .Panes *[class^="col-"]{border-color:#f1f1f1; margin-top:20px;}


@media screen and (min-width: 767px) {
	.Expands{position:relative;}
	.CP-Edit  .Expands, .CP-Layout .Expands{ min-height:200px;}
	.CP-Edit .Expands:after, .CP-Layout .Expands:after{content:"#"; position:absolute; bottom:-20px; left:50%;	margin-left:-10px; width:0; height:0; 
	border-left: 15px solid transparent; border-right: 15px solid transparent;	border-top: 15px solid #fff; overflow:hidden;}
}


/* Remove height for panes without any content */
.CP-View .row.Empty{background-color:#f00; display:none;}



/* overrrule behaviour */
.NoMargin {margin-left:0; margin-right:0;}


/*		DEFAULT STYLE		*/

/* Text */
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#002b56; font-family:CustomFont, Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal, .NormalBold, .NormalRed, .NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:16px;}
h1, h2, h3, h4, h5, h6, h2 input{color:#1263B5;margin:.8ex 0;font-family:CustomFont, Arial, Helvetica, sans-serif;}
h1, h1 a:link, h1 a:visited{font-size:28px;font-weight:normal}
h2, h2 input, h2 a:link, h2 a:visited{font-size:24px;font-weight:normal}
h3, h3 a:link, h3 a:visited{font-size:20px;font-weight:normal}
h4, h4 a:link, h4 a:visited{font-size:16px;font-weight:normal}
h5, h5 a:link, h5 a:visited{font-size:14px;font-weight:normal}
h6, h6 a:link, h6 a:visited{font-size:12px;font-weight:normal}

/* Links */
a,a:link,a:visited,a:active, a.CommandButton:link, a.CommandButton:visited{color:#4698ea; text-decoration:none; font-weight:normal; }
a:hover{color:#4698ea}


/* Skin */
#Skin{}

/* DNN Heading */
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:CustomFont, Arial, Helvetica, sans-serif;}
.Head{color:#444;font-weight:bold;font-size:17px;}
.SubHead {color:#666;font-size:15px;}
.SubSubHead{color:#888; font-size:13px;}
.NormalRed {color:#F00; }

/* Tables */
tfoot, thead, th{font-size:12px;}


/*		CLEAR & FLOAT		*/
.ClearBoth{clear:both;}
.FloatLeft{float:left;}
.FloatRight{float:right;}

.ClearAfter:before,.ClearAfter:after {content: ""; display: table;} 
.ClearAfter:after {clear: both;}
.ClearAfter {zoom: 1;} /* For IE 6/7 (trigger hasLayout) */


/* Normal */
.Normal, .Normal p{line-height:150%;}
.Normal p{margin-top:0px;}
.Normal img[align='left']{margin: 1em 1em .5em 0;}
.Normal img[align='right']{margin: 1em 0 .5em 1em;}


/* Lists */
ul li{list-style-type:disc;}
ul ul li{list-style-type:circle;}
ul ul ul li{list-style-type:disc;}


/*		SKIN		*/




.Date{color:#888;padding-top:3px;}

/* Skin */
#Body{background:#fff;}

.LangWrap{float:right; padding-right:8px;}
.LangWrap .Language{margin:0;}
.LangWrap span{padding-left:5px;}
.LangWrap img{border:none !important;opacity:0.3;}
.LangWrap .selected img, .LangWrap img:hover{opacity:1;}

.FloatRight{float:right;}
.ClearFloat{clear:both;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.Rounded{border-radius:6px 6px 6px 6px;}
	@media screen and (max-width: 767px) {
		.Rounded{border-radius:0;}
	}
	
.Gradient{background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */}

header.Skin {padding-top: 25px; padding-bottom:25px;}
header .Logo img{padding:5px 0;}

header.Skin h1{margin:0; font-size:20px;}
header.Skin h2{margin-top:0; font-size:14px;color:#73A4D6;}

@media screen and (min-width: 768px) {
header.Skin h1{font-size:28px;}
header.Skin h2{margin-top:0; font-size:14px;color:#73A4D6;}
}

.Breadcrumbs{padding:0 10px;border-bottom:dotted 1px #ccc;}
.Breadcrumbs > span{line-height:30px;}
.Breadcrumbs a:link, #Breadcrumbs a:visited{color:#444;}
.Breadcrumbs a:hover{color:#f00;}
.Search{float:right;padding-top:3px;}
a.Search{display:inline-block;}
.Search input{border:solid 1px #ddd;}
#Skin .searchInputContainer {margin:0 3px 0 0 !important;}

/* MENU -------------------- */

/* MENU > General */
	.FFUlMenu{position:relative;}
	.FFUlMenu, .FFUlMenu ul, .FFUlMenu li{padding: 0; margin: 0; list-style: none; line-height: 1;}
	.MainMenu > ul{padding:0 15px;}
	
	.MainMenu a:link, .MainMenu a:visited{color:#1263B5;}
	.MainMenu a:hover{color:#1263B5;text-decoration:none;}
	.MainMenu li>span{color:#1263B5;}
	
	.MenuToggle{padding:0 15px; color:#000; line-height:36px; 
	background:url(Img/MenuToggle.png) no-repeat right center; margin-right:15px;}

/* MENU > Mobile */
@media screen and (max-width: 767px) {

	.MainMenu{background:#1263B5;}
	/* Show & Hide */
	a.MenuToggle{display:block; color:#fff}
	a.MenuToggle:hover{color:#fff;}
	.SubMenu{display:none;}
	
	/* Styling */
	.MainMenu > ul{display:none; background:#fff;}
	.MainMenu li > a, .MainMenu li > span{display:block; line-height:3em; border-bottom:solid 1px #eee; color:#444;}
	
	
	.MainMenu li.Level0 > a , .MainMenu li.Level0 > span{font-weight:bold;}
	.MainMenu li.Level1 > a , .MainMenu li.Level1 > span{padding-left:15px;}
	.MainMenu li.Level2 > a , .MainMenu li.Level2 > span{padding-left:30px;}
	.MainMenu li.Level3 > a , .MainMenu li.Level3 > span{padding-left:45px;}
	.MainMenu li.Level4 > a , .MainMenu li.Level4 > span{padding-left:60px;}
	.MainMenu li.Level5> a , .MainMenu li.Level5 > span{padding-left:75px;}
	.MainMenu li.Level6 > a , .MainMenu li.Level6 > span{padding-left:90px;}
	.MainMenu li.Level7 > a , .MainMenu li.Level7 > span{padding-left:105px;}
	.MainMenu li.Level8 > a , .MainMenu li.Level8 > span{padding-left:120px;}
}

@media screen and (min-width: 768px) {

	/* Show & Hide */
	.MenuToggle{display:none;}

	/*HorMenu */
	
	.FFUlMenu{box-shadow:0 0 3px #BED0E2;}

	.FFUlMenu li {float: left; list-style-type:none;position:relative;}
	.FFUlMenu a, .FFUlMenu li>span  {display:block;}
	.FFUlMenu a:hover{text-decoration:none;}

	/* Styling & Width*/
	.FFUlMenu a, .FFUlMenu li>span{padding:0.5em;}
	.FFUlMenu li, .FFUlMenu li ul{width: 226px;}
	.FFUlMenu img{padding-right:5px;}

	.FFUlMenu li.Level0, .FFUlMenu a.Level0{width:auto;}

	.MainMenu > ul{display:block; font-size:20px; height:2.4em; border:solid 1px #D7E4F2;}
	
	.MainMenu{position:relative;z-index:1000;}
	.MainMenu li.Level0{text-shadow:1px 1px 1px #fff;}
	.MainMenu li.Level0.Active, .MainMenu li.Level0.ActiveParent{}


	.MainMenu a.Level0, .MainMenu span.Level0{display:block; line-height:2.4em; padding:0 1.3em 0 0;}

	.MainMenu li.Level0>a.Active, .MainMenu li.Level0>a.ActiveParent, .MainMenu li.Level0>span.Active, .MainMenu li.Level0>span.ActiveParent{color:#000;}

	/* Show & Hide levels */
	.MainMenu  li ul {position:absolute;left:-999em; z-index:1001}
	.MainMenu  li ul{
			opacity:0;  
			-webkit-transition: opacity 0.3s linear;  
			-moz-transition: opacity 0.3s linear;  
			-o-transition: opacity 0.3s linear;  
			-ms-transition: opacity 0.3s linear;  
			transition: opacity 0.3s linear; 
			}

	.MainMenu li{position:relative;}
	.MainMenu li ul ul {margin: 0 0 0 226px;}
	.MainMenu  li ul ul {top:0;}
	.MainMenu li.Level0 > ul{margin-left:-15px;}
	.MainMenu  li:hover>ul{left: 0; opacity:1; }
	.MainMenu  li.Level0:hover>ul{left: 10px;}
	/* Remove to also have a dropdown on the active root item 
	.MainMenu  li.Level0.Active:hover>ul, .MainMenu  li.Level0.ActiveParent:hover>ul{left:-999em;}
	*/

	.MainMenu a:link, .MainMenu a:visited{font-size:20px; color:#4698ea;}
	.MainMenu a.Active, .MainMenu a.ActiveParent, .MainMenu a:hover{color:#1263b5;}
		
	.MainMenu li.Level0 ul{background:#fff; box-shadow:0 0 3px #BED0E2;}

}

/* Panes */
.Panes{margin-top:30px;}


/* FOOTER */
footer{margin-bottom:20px; padding:10px 15px; border-top:solid 1px #cee6ff; }
footer a:link, footer a:visited{color:#222;display:inline-block;}
footer a:hover{color:#666;}
footer, footer a{line-height:36px;}

@media screen and (max-width: 767px) {
	footer {margin-bottom:0; padding:0 15px;}
	footer .text-right{text-align:left;}
}

ul.ModuleOptionsMenu li.sfhover a { color: #444;text-decoration:none;}


/* MODULES */

/* News Articles */


/* News Articles */
.NewsMenu{padding:0.5em 0 2em; text-align:left;}
.NewsMenu * {font-size:16px;}
.NewsMenu span{font-size:10px; position:relative; display:inline-block; top:-2px; padding:0 5px;}

.NewsArticles h1, .NewsArticles h1 a:link, .NewsArticles h1 a:visited{margin:0 0 0.5em; font-size:24px; border-bottom:solid 1px #cee6ff}
.NewsArticles h2, .NewsArticles h2 a:link, .NewsArticles h2 a:visited{margin:0 0 0.5em; font-size:17px;}
.NewsArticles h3, .NewsArticles h3 a:link, .NewsArticles h3 a:visited{margin:0 0 0.5em; font-size:14px;}

.NewsArticles .Header h1{padding-bottom:15px;}

.NewsArticles .Date{color:#000;}
.NewsArticles .Entry{border-bottom:solid 1px #cee6ff;}

.NewsArticles .Images img{display:block;padding-bottom:10px;}
.NewsArticles .Images p{margin-top:0;}

.NewsArticles  .Text{padding:0 10px 20px 0;}
.NewsArticles  .Text h3{text-transform:none;}
.NewsArticles .Related{margin-top:2em;}

.NewsArticles .articleComment{padding:15px 0;}
.articleCommentAuthor{font-weight:bold;}

.NewsArticles .EntryFooter{padding-top:5px;}
.NewsArticles .Author{float:right;}
.NewsArticles .Categories{float:left;}

.NewsBackLink {float:left;}

.NewsItem{margin-top:20px; padding-bottom:20px;}
.NewsItem .ReadMore{padding-top:0.5em;}

.NewsList .Text{padding-bottom:0;padding:0;}
.NewsList h3{text-transform:none;font-size:14px;margin-bottom:0;}
.NewsList .PublishDate{margin-bottom:1em;color:#aaa;}
.NewsList .NewsItem {padding:25px 0 0; border-top:solid 1px #cee6ff; margin-bottom:25px;}

.NewsList .ReadMore{text-align:right;}

.NewsArticles .NewsList .NewsItem  .IconLink{margin-bottom:0;}

.NewsArticles .PostComment textarea{max-width:100%;}

.NewsArticles .Pager{border-top:solid 1px #cee6ff; padding-top:10px;}
.NewsArticles .PagingTable{width:100%; }

/* Home Images Gallery */
.NoBorder, .NoBorder img{border:none; }
.NoBorder {width:50%; float:left; }



/* CONTAINERS */
.cContainer{margin-bottom:40px;}
.cIcon, .cTitle{float:left;}
.cIcon img {float:left; padding-right:4px;}

.cHeader h1, .cHeader h2, cHeader h3{margin-top:0;}



/* RESPONSIVE */
img{max-width:100%; height:auto !important;}
img{-ms-interpolation-mode: bicubic; }
iframe{max-width:100%;}

/* For Foto's page */
.news-latest-images .item {
	
	padding-bottom:3em;
	
}
.news-latest-images .item .content{
	
	display:flex;
	flex-wrap:wrap;
	margin-left:-0.5em;
	margin-right:-0.5em;
	align-items:center;
	
}
.news-latest-images .item .content a{
	box-sizing: border-box;
	display:inline-block;
	padding: 0.5em;
	max-width: 50%;
	
}

/* Bootstrap */
#Skin .btn-primary{
	
	color:#fff;
	
}


