@import url("fontawesome.css");

/*!
 * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(fonts/fa-solid-900.eot);src:url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("truetype"),url(fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}

/* latin */
@font-face {
  font-family: 'Arapey';
  font-style: italic;
  font-weight: 400;
  src: local('Arapey Italic'), local('Arapey-Italic'), url(fonts/Arapey-italic_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Arapey';
  font-style: normal;
  font-weight: 400;
  src: local('Arapey Regular'), local('Arapey-Regular'), url(fonts/Arapey_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Global styles */
body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #6d6e67;
    background-color: #fff;
}
a, a:link, a:visited
{
    color: #6d6e67;
    text-decoration: none;
}
a:hover, a:active
{
    color: #ef4035;
}
h1
{
    font-family: "Arapey" , serif;
    font-size: 34px;
    line-height: normal;
    font-weight: normal;
    color: #ef4035;
    padding: 0;
    margin: 0 0 52px;
}
h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    color: #ef4035;
    margin: 24px 0 0;
    letter-spacing: normal;
}
h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
    color: #ef4035;
    margin: 12px 0 0;
    letter-spacing: normal;
}
ul
{
    margin-left: 12px;
    padding: 0;
}
ul li
{
    margin: 0;
    padding: 0;
}
ul, ul li
{
    list-style-image: url("Images/list-bullet.png");
}
em {
    color: #ef4035;
    font-style: normal;
}

.clearfix:before, .clearfix:after
{
    content: "";
    display: table;
    border-collapse: collapse;
}
.clearfix:after
{
    clear: both;
}
.clearfix
{
    min-height: 0; /* support: IE7 */
}


/* basic page layout styles */
#page-wrapper
{
    background: #fff url("Images/top-background.png") left top repeat-x;
    padding-top: 1px;
}
#page-centerer
{
    width: 916px;
    padding: 13px 14px 14px;
    margin: 21px auto;
    text-align: center;
    background-color: #fff;
}
#page-content
{
    text-align: left;
    min-height: 414px;
}
#logo
{
    text-align: right;
    margin-right: 69px;
    margin-bottom: 35px;
}
#eyecatcher
{
    margin-top: 35px;
    margin-bottom: 21px;
    background: transparent url("Images/trv-head.jpg") top left no-repeat;
    height: 214px;
}
.right-pane
{
    float: right;
    display: inline;
    width: 296px;
}
.content-pane
{
    float: left;
    display: inline;
    width: 606px;
}

/* navigation styles */
#main-navigation
{
    margin-top: 35px;
    margin-bottom: 40px;
}
#main-navigation ul
{
    margin: 0;
    padding: 0;
}
#main-navigation ul li
{
    float: left;
    display: inline;
    border-left: 1px solid #6d6e67;
    list-style: none;
}
#main-navigation a
{
    padding: 0 15px;
}
#main-navigation ul li:first-child
{
    border-left: 0 none;
}
#main-navigation ul li:first-child a
{
    padding-left: 0;
}
#main-navigation li.active a, #main-navigation li.active a:link, #main-navigation li.active a:visited
{
    color: #ef4035;
}
#print-link
{
    float: right;
}
#print-link a
{
    background: transparent url("Images/icon-link-arrow.png") right center no-repeat;
}

/* text styles */
.trv
{
    font-family: "Arapey" , serif;
    color: #ef4035;
    font-size: 1.7em;
}

.content-pane p
{
    width: 500px;
}
.content-pane .left-column
{
    float: left;
    display: inline;
    width: 296px;
}
.content-pane .right-column
{
    float: right;
    display: inline;
    width: 296px;
}
.content-pane .left-column p, .content-pane .right-column p
{
    width: auto;
}
a.download {
    background: transparent url("Images/icon-link-arrow.png") right center no-repeat;
    padding-right: 15px;
}

.right-pane ul.link-list
{
    margin: 0 0 25px;
    padding: 0;
    border-top: 1px solid #ef4035;
}
.right-pane ul.link-list li
{
    display: block;
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ef4035;
}
.right-pane ul.link-list li a
{
    display: block;
    padding: 10px 0 8px 14px;
    background: transparent url("Images/icon-link-arrow.png") left 12px no-repeat;
}

.right-pane .indented
{
    margin-left: 14px;
}
.right-pane address
{
    font-style: normal;
    margin-bottom: 30px;
}

#eu-cookie-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 16px;
    background: #222;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: left;
    opacity: 0;
    transition: opacity 0.5s;
    border: 4px dashed #ef4035;
    z-index: 99999;
}
.show-eu-cookie-bar #eu-cookie-bar {
    opacity: 1;
}
#eu-cookie-bar a, #eu-cookie-bar a:link, #eu-cookie-bar a:visited {
    color: #ef4035;
    text-decoration: none;
}
#eu-cookie-bar a:hover, #eu-cookie-bar a:active {
    text-decoration: underline;
}
#eu-cookie-bar button {
    float: right;
    margin-left: 16px;
    background-color: #58595b;
    color: #fff;
    padding: 7px 9px 9px;
    border: 1px solid #a7a9ac;
    height: 33px;
}
body {
    transition: padding-top 0.5s;
}
body.show-eu-cookie-bar {
    padding-top: 80px;
}

#menu-button {
    display: none;
}
@media (min-width: 992px) {
	.mobile-only {
		display: none;
	}
}

@media (max-width: 991px) {
    #page-centerer {
        width: auto;
        padding: 0;
        margin: 10px 0 0;
    }
    #logo {
        margin-right: 10px;
        margin-bottom: 20px;
    }
    #logo a img {
        width: 200px;
        height: 36px;
    }
    #eyecatcher {
        margin: 20px 0 10px;
        background-size: cover;
        height: 100px;
        background-position: center center;
    }
    #main-navigation {
        font-size: 14px;
        margin: 0;
        padding: 0;
    }
    #menu-button {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        display: block;
        color: #ef4035;
        font-size: 30px;
        padding: 15px;
		transition: top 0.5s;
    }
    .menu-open #menu-button {
        background-color: rgba(236, 235, 228, 0.9);
        color: #6d6e67;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    }
    #main-navigation ul {
        position: absolute;
        left: -90%;
        top: 60px;
        background: rgba(236, 235, 228, 0.9);
        width: 80%;
        transition: left 0.3s, top 0.5s;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
    }
    #main-navigation.menu-open ul {
        left: 0;
    }
    #main-navigation ul li {
        float: none;
        display: block;
        border-left: 0 none;
        padding: 0;
        margin: 0;
    }
    #main-navigation ul li a, #main-navigation ul li a:first-child {
        padding: 10px 15px;
        display: block;
        font-size: 18px;
    }
    .content-pane {
        width: auto;
        float: none;
        display: block;
        padding: 0 15px 15px;
    }
	.content-pane .left-column, .content-pane .right-column
	{
		float: none;
		display: block;
		width: auto;
	}
    .content-pane p {
        width: auto;
    }
    .right-pane {
        width: auto;
        float: none;
        display: block;
        background-color: #ECEBE4;
        padding: 15px 40px;
    }
    #print-link {
        display: none;
    }
    #top-link {
        position: fixed;
        bottom: -30px;
        right: 10px;
        font-size: 20px;
        transition: bottom 0.5s;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
        border-radius: 15px;
        width: 30px;
        height: 30px;
        color: #ef4035;
        text-align: center;
    }
    #top-link.show {
        bottom: 10px;
    }
    #top-link i {
        line-height: 28px;
    }
    
    h1 {
        font-size: 26px;
        margin-bottom: 20px;
    }
	h2 {
		font-size: 14px;
	}
    .Normal, .NormalDisabled, .NormalDeleted {
        font-size: 14px;
    }
	.desktop-only {
		display: none;
	}

    
    body.show-eu-cookie-bar {
        padding-top: 124px;
    }
	.show-eu-cookie-bar #menu-button {
		top: 124px;
	}
	.show-eu-cookie-bar #main-navigation ul {
		top: 184px;
	}
}