/*  This CSS file will be loaded last by the browser  */

/*Clear Fix - to fix issues with floats.*/
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/*CCS Grid - Responsive Squares 3 Column*/


ul.grid {
	/* Sets defaut ul indent to 0. */
	padding-inline: 0;
}

#main-content .grid li {
	/* Overrides departs css */
	padding-left: 0;
}

ul.grid {
	display: grid!important;
	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
	grid-gap: 10px;
	padding: 0!important;
	}

ul.grid .grid-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: center;
	-webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
	width: 100%;
	height: auto;
	padding: 0;
	padding-bottom: 100%;
	background-color: #BFE2E5;
	border: 2px solid #000;
	border-radius: 15px;
	box-sizing: border-box;
	}

	ul.grid .grid-content a {
		position: absolute;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		width: 100%;
		padding: 1em;
		border-radius: 15px;
		text-align: center;
		font-weight: bold;
    	font-size: 1em;
	}

	ul.grid .grid-content a:hover {
		background: #008d96;
		color: #ffffff!important;
	}

/* Responsive */

@media (max-width: 867px) {
  ul.grid {
    grid-template-columns: 1fr 1fr;
  }
}

/*
@media (max-width: 867px) {
  ul.grid {
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
  }
}

@media (max-width: 680px) {
  ul.grid {
    grid-template-columns: auto;
  }
}
*/

/* Flex - centered */

.flex {
	display: flex;
	align-items: center;
	}

	.flex-col2 {
		flex-grow: 1;
		flex-basis: 0;
	}

	@media screen and (max-width: 767px) {
		.flex {
			display: block;
			text-align: center;
		}
		
		.flex-col2 {
			margin-bottom: 10px;
		}
		
		.flex-col2:last-child {
			margin-bottom: 0;
		}
	}

/*Empower Buttons - Home and Empower Page*/
.empower-button {
	margin-top: 10px;
	background-color: #006072;
	box-sizing: border-box;
	padding: 15px;
	border: 6px solid #8ca8b8; 
	border-radius: 25px;
}

	.empower-button a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
	}

	.empower-button a:hover {
		text-decoration: underline;
	}

/* Main Content */

body #main-content ul li:not(.hex, .grid .grid-content) {
	padding-bottom: 15px;
}

body #main-content ul li ul {
	padding-top: 15px;
}


#main-content img { max-width: 100%; padding: 0; }
    
.addthis_sharing_toolbox {	margin-top: 10px; }

.about {
    display: table;
    margin-top: 20px;
    }
    
.about .col3 {
    background: #f6f8e0;
    border-left: 25px solid transparent;
    box-sizing: border-box;
    display: table-cell;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px;
    width: 33.3%;
    }
    
    #main-content .about ul { padding: 0 0 0 10px; }
    
    .about .col3 h2 { font-weight: bold; text-align: center; }  
    .about .col3:nth-of-type(1) h2 { color: #594a8f; }
    .about .col3:nth-of-type(2) h2 { color: #3A7B2D; }
    .about .col3:nth-of-type(3) h2 { color: #267E59; }
    
    .about .col3:nth-child(1) {
        border-image: linear-gradient(to bottom, #594a8f, #f6f8e2) 1 100%;
        }
    .about .col3:nth-child(2) {
        border-image: linear-gradient(to bottom, #5ebb46, #f6f8e2) 1 100%;
        }
    .about .col3:nth-child(3) {
        border-image: linear-gradient(to bottom, #2e996f, #f6f8e2) 1 100%;
        }

ul.arrow-list,
ul.arrow-list li {
	list-style: none;
	}
ul.arrow-list li::before {
	content: ">";
	}
	
img.banner { width: 100%; }

.bold { font-weight: bold; }

.caption, figcaption {
	font-weight: bold;
	font-size: 90%;
	padding: 5px;
	text-align: center;
	}

.center, .center80 {
	text-align: center;
	margin: 0 auto;
	}
	
	.center80 { width: 80%; }
	
.clear-both { clear: both; }
.clear-left { clear: left; }

.colour-blue { color: #000080; }
.colour-red { color: #800000; }


.f-left {
	float: left;
	margin-right: 10px;
	}
	
.f-right {
	float: right;
	margin-left: 10px;
	}

.font90,
ul.font90 li { 
	font-size: 90%;
	}
    
.font110,
ul.font90 li { 
	font-size: 110%;
	}	

 .fvpp-audio {
    max-width: 100%;
    padding: 15px;
    text-align: center;
    }
     
    .fvpp-audio audio { margin: auto; }
     
 .fvpp-contact-top, .fvpp-contact-bottom {
	margin: -10px 0px 15px 15px;
    overflow: hidden;
    vertical-align: top;
    }

    .fvpp-contact-content {
        background: #F8F8F8;
        margin-bottom: 15px;
        padding: 15px;
        }

    .fvpp-contact-top {
        float: right;
	    width: 30%;
        }
        
    .fvpp-contact-bottom { 
        display: none; 
        }
        
    @media screen and (max-width: 640px) {
			.fvpp-contact-top { display: none; }
			}
	        
    @media screen and (max-width: 640px) {
			.fvpp-contact-bottom { display: block; }
			}
    
    #main-content .fvpp-contact ul, #main-content .fvpp-contact li { 
        margin-left: 0; 
        padding-left: 0; 
        }
    
    .fvpp-contact li { list-style-type: none; }
 
 u.fvpp-content { text-decoration: underline;
}
 .fvpp-escape-content {
    background-color: #BFE2E5;
    box-sizing: content-box;
    padding: 15px;
    }
        
        .fvpp-escape-side .fvpp-escape-content {
            float: right;
            margin-left: 15px;
            width: 30%;
            }

.fvpp-escape-panel {
    padding: 10px;
    }
    #SafetyAlert { margin-bottom: 30px; }
    
.fvpp-header-img img {
    margin-bottom: 30px;
    max-width: 100%;
    }
    
    .fvpp-escape-side .fvpp-header-img { 
        float: left;
        width: 60%;
        }
        
    .fvpp-header-img-index { 
        float: left;
        width: 55%;
        }

  .fvpp-home-resources-button {
    background-color: #BFE2E5;
    border: 2px solid #000;
    border-radius: 15px;
    margin-left: 15px;
    padding: 20px;
    }

     .fvpp-home-resources-button h2 {
        font-size: 120%;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }
    
    .fvpp-home-resources-button a {
        color: #000;
        text-decoration: underline;
        }

.fvpp-left-column {
    float: left;
    text-align: center;
	width: 64%;
    }
 
 .fvpp-right-column {
    text-align: center;
    }
 
    @media screen and (max-width: 480px) {
        .fvpp-left-column {
		    display: block;
			float: none;
            width: 100%;
			}
    }

.fvpp-left-column figcaption, .fvpp-right-column figcaption  { font-size: 80%;}
 
.fvpp-right-column figure.fvpp-poster-languages {
    display: inline-block;
    padding-bottom: 20px;
    vertical-align: top;
    width: 32%;
    }
    
    @media screen and (max-width: 480px) {
        .fvpp-right-column figure.fvpp-poster-languages {
            width: 48%;
            }
    }

.fvpp-publications {
	float: left;
	width: 60%;
	}
	
	@media screen and (max-width: 480px) {
       .fvpp-publications {
            float: none;
			width: 50%;
            }
    	}
	
	.fvpp-publications .imgs-inline figure {
		width: 32%;
		}
		
	@media screen and (max-width: 480px) {
       .fvpp-publications .imgs-inline figure {
            float: left;
			width: 100%;
            }
    	}

#get-away {
	border: 0;
	z-index: 9999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	font: bold 40px Sans-Serif;
	background: #990000;
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

#get-away a {
	font-size: 12px;
	background: #ffffff;
	color: #000000;
	border-radius: 50%;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	text-shadow: none;
	text-decoration: none;
}

.hidden {
	display: none;
	}

.home .col-1-3 {
    color: #000;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    }
    .home .col-1-3 .column-content { 
        border-radius: 25px;
        overflow: hidden;
        }
    
    .home .col-1-3:nth-child(1) .column-content {
        background-color: #216E4E;
        border: 6px solid #99D48C;
        }
    .home .col-1-3:nth-child(2) .column-content {
        background-color: #f6f8e0;
        }
    .home .col-1-3:nth-child(3) .column-content {
        background-color: #594a8f;
        border: 6px solid #A6A2BE;
        }

	.col-1-3 .column-content h2,
	.col-1-3 a { 
		display: block;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		}

	.col-1-3 a:hover { 
		text-decoration: underline;
		}

	.home .column-content {
		padding: 15px;
		}
    
	 @media screen and (max-width: 480px) {
		.home .col3 {
			display: block;
			width: 100%;
			}
	}

hr, .hr-float-fix { 
    clear: none; 
    max-width: 100%;
    }
    
.indent { margin-left: 25px; }


.imgs-inline { 
	margin: auto;
	max-width: 100%;
	text-align: center;
	}

.imgs-inline figure { 
	display: inline-block;
	margin-bottom: 1em;
	margin-right: 2%;
	vertical-align: top;

	}
	
	.imgs-inline img {
		border: 1px solid #888; 
		/* box-shadow: 5px 5px 5px #888; */
		max-width: 100%;
		}

#main-content #important-dates p,
#main-content #important-dates2 p { padding-left: 80px;}

#main-content #important-dates ul:first-of-type,
#main-content #important-dates2 ul:first-of-type { padding-left: 100px;}

    #main-content h2.i-d-intro { 
        font-size: 1.2em;
        font-weight: bold;
        padding-left: 20px;
        padding-top: 20px;
        }
    
    #main-content h3.i-d-heading { 
        font-size: 1.6em;
        padding-left: 80px;
        padding-bottom: 20px;
        }
        
    #important-dates .i-d-bg:nth-of-type(1) { background: url(../_images/important_dates/i-d-bg-1-new.png);} 
    #important-dates .i-d-bg:nth-of-type(2) { background: url("../_images/important_dates/i-d-bg-2-new.png");}
    #important-dates .i-d-bg:nth-of-type(3) { background: url("../_images/important_dates/i-d-bg-3-new.png");}
    #important-dates .i-d-bg:nth-of-type(4) { background: url("../_images/important_dates/i-d-bg-4-new.png");}
    #important-dates .i-d-bg:nth-of-type(5) { background: url("../_images/important_dates/i-d-bg-5-new.png");}
    #important-dates .i-d-bg:nth-of-type(6) { background: url("../_images/important_dates/i-d-bg-1-new.png");}
    #important-dates .i-d-bg:nth-of-type(7) { background: url("../_images/important_dates/i-d-bg-2-new.png");}
    #important-dates .i-d-bg:nth-of-type(8) { background: url("../_images/important_dates/i-d-bg-3-new.png");}
    #important-dates .i-d-bg:nth-of-type(9) { background: url("../_images/important_dates/i-d-bg-4-new.png");}
	#important-dates .i-d-bg:nth-of-type(10) { background: url("../_images/important_dates/i-d-bg-5-new.png");}
	#important-dates .i-d-bg:nth-of-type(11) { background: url("../_images/important_dates/i-d-bg-1-new.png");}
	#important-dates .i-d-bg:nth-of-type(12) { background: url("../_images/important_dates/i-d-bg-2-new.png");}
	#important-dates .i-d-bg:nth-of-type(13) { background: url("../_images/important_dates/i-d-bg-3-new.png");}
    
    #important-dates .i-d-bg,
    #important-dates .i-d-bg:nth-of-type(1),
    #important-dates .i-d-bg:nth-of-type(2),
    #important-dates .i-d-bg:nth-of-type(3),
    #important-dates .i-d-bg:nth-of-type(4),
    #important-dates .i-d-bg:nth-of-type(5),
    #important-dates .i-d-bg:nth-of-type(6),
    #important-dates .i-d-bg:nth-of-type(7),
    #important-dates .i-d-bg:nth-of-type(8),
	#important-dates .i-d-bg:nth-of-type(9),
	#important-dates .i-d-bg:nth-of-type(10),
	#important-dates .i-d-bg:nth-of-type(11),
	#important-dates .i-d-bg:nth-of-type(12),
	#important-dates .i-d-bg:nth-of-type(13){ 
        background-repeat: no-repeat;
        background-size: 100% 100%;
        }
        
    #main-content #important-dates2 .i-d-h-1 { 
        border-top: 6px solid #9C90C6;  border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-2 { 
        border-top: 6px solid #bfb9d4; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-3 { 
        border-top: 6px solid #769e9b; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-4 { 
        border-top: 6px solid #809199; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-5 { 
        border-top: 6px solid #2d986e; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-6 { 
        border-top: 6px solid #2d986e; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-7 { 
        border-top: 6px solid #90acba; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-8 { 
        border-top: 6px solid #98ce80; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-9 { 
        border-top: 6px solid #98ce80; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-10 { 
        border-top: 6px solid #98ce80; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-11 { 
        border-top: 6px solid #98ce80; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-12 { 
        border-top: 6px solid #98ce80; border-radius: 5px; }
    #main-content #important-dates2 .i-d-h-13 { 
        border-top: 6px solid #98ce80; border-radius: 5px; }
    
.italic { font-style: italic; } 

	
.imgs-inline li { 
	display: inline-block;
	list-style-type: none;
	margin-bottom: 1em;
	margin-right: 2%;
	vertical-align: top;

	}
	
.list-img-float { /* for when an image is floated left of a list */
	overflow: hidden;
	}

/*
ul.list-fvpp-help li {
	background-color: #BFE2E5;
    border: 2px solid #000;
    border-radius: 15px;
	list-style-type: none;
	text-align: center;
	width: 100%;
  	height: auto;
  	padding-bottom: 100%;
	}

 #main-content ul.list-fvpp-help {
	display: table;
	margin-left:0;
	padding-left:0;
	margin: auto;
	max-width: 100%;
	text-align: center;
	}

	
ul.list-fvpp-help li {
	background-color: #BFE2E5;
    border: 2px solid #000;
    border-radius: 15px;
	display: table-cell;
	list-style-type: none;
    margin-left: 5px;
	margin-bottom: 15px;
    padding: 10px;
	text-align: center;
	vertical-align: top;
	width: 15%;
	}
	
	ul.list-fvpp-help li a { 
		display: block; 
		font-weight: bold; 
		}
*/

#main-content ul.msw-anchor-list {
	margin-top: 0px;
	padding-left: 0px;
	}
	
	#main-content .msw-anchor-list li {
		display: inline-block;
		list-style-type: none;
		padding-left: 0px;
		}
		
	#main-content .msw-anchor-list li:after {
		content: "\f107"; 
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 70%;
		margin-left: 5px;
		margin-right: 5px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		}
		
        
.no-bold { font-weight: normal; }

#main-content ul .nodots {
	list-style-type: none;
	margin: 0;
	}
	
	#main-content .nodots li {
		list-style-type: none;
		}
	
	#main-content ul.nodots ul.dots, 
	#main-content ul.nodots ul.dots li {
		list-style-type: disc;
		}
		
.no-indent, .no-indent li { 
	margin-left: 0px;
	padding-left: 0px;
	}


.publications .publication-img:nth-of-type(odd) {
	float: right;
	margin-right: 10px;
	}

.publications .publication-img:nth-of-type(even) {
	float: right;
	margin-left: 10px;
	}

.resources {
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	}

	.resources p {
		padding: 0px;
		}

	.resources h3 {
		margin-top: 20px;
		padding: 0px;
		}
	.resources table {
		margin: 40px 0px 40px 0px;
		}

	.resources h2 {
		margin: 20px 0px 0px 0px;
		}

	.resources table {
		border-left: 1px solid black;
		border-right: 1px solid black;
		font-size: 100%;
		vertical-align: top;
		}

	.resources th,
	.resources td {
		border-collapse: collapse;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		}

	.resources thead tr th:first-child, 
	.resources tbody tr td:first-child { 
		border-left: 1px solid black; 
		}

	.resources thead tr th:last-child,
	.resources tbody tr td:last-child { 
		border-right: 1px solid black; 
		}

	.resources tbody tr:nth-child(odd) {
	  background-color: #d1dfe0;
		}

	table.resources th,
	table.resources td {
		padding: 8px;
		}

.sidebar-right {
	float: right;
	margin-left: 10px;
	text-align: center;
	width: 35%;
	}
	
	.sidebar-right-img {
		margin-bottom: 10px;
		}
.space-bottom { margin-bottom: 20px; }

.space-both { margin-bottom: 20px; 
              margin-top: 20px;
            }
.space-left { margin-left: 20px; }
.space-right { margin-right: 20px; }
.space-top { margin-top: 20px; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.top { 
	clear: both;
	text-align: right;
	}

.w25p { width: 23%; }
.w30p { width: 30%; }
.w50p { width: 46%; }
.w60p { width: 60%; }
.w70p { width: 69%; }
.w90p { max-width: 90%; }
.w100p { width: 100%; }