﻿#leftContentWrapper {
    width: 1159px;
    margin-left: 35px;
    float: left;
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

h3 a {
    color: #000;
}

#leftContentWrapper.VisibleElement {
    opacity: 1;
}

#leftContentWrapper #singleColumn {
    width: 100%;
}

#leftContentWrapper #leftColumn {
    position: relative;
    width: 615px;
    float: left;
}

    #leftContentWrapper #leftColumn img,
    #leftContentWrapper #leftColumn video {
        max-width: 615px;
        width: 100%;
        height: auto;
    }

    #leftContentWrapper #leftColumn #contacts h2 {
        margin-top: 0;
        padding-top: 50px;
    }

    #leftContentWrapper #leftColumn #contacts h3 {
        margin: 0;
        padding: 0;
    }

    #leftContentWrapper #leftColumn #contacts li {
        margin-bottom: 20px;
    }

#leftContentWrapper #rightColumn {
    position: relative;
    width: 509px;
    margin-left: 35px;
    float: left;
}

    #leftContentWrapper #rightColumn h2 {
        padding-bottom: 10px;
        margin-top: 20px;
    }

    #leftContentWrapper #rightColumn h3 {
        margin-top: 30px;
        padding-bottom: 0;
    }

    #leftContentWrapper #rightColumn a {
        display: block;
        float: none;
    }

    #leftContentWrapper #rightColumn img {
        max-width: 509px;
    }

        #leftContentWrapper #rightColumn img.PDF-thumb {
            width: 25px;
            height: 30px;
            float: left;
            margin-right: 10px;
            clear: both;
        }

            #leftContentWrapper #rightColumn img.PDF-thumb + a {
                display: block;
                height: 30px;
                line-height: 30px;
                margin-bottom: 5px;
                float: left;
            }

    #leftContentWrapper #rightColumn .Shortcut {
        height: 164px;
        width: 100%;
        margin-bottom: 30px;
    }

    #leftContentWrapper #rightColumn #partners {
        margin-bottom: 60px;
        overflow: hidden;
        clear: both;
    }

        #leftContentWrapper #rightColumn #partners a {
            margin-bottom: 20px;
        }

            #leftContentWrapper #rightColumn #partners a:nth-of-type(2n+1) {
                clear: both;
                overflow: hidden;
            }

        #leftContentWrapper #rightColumn #partners a {
            display: block;
            width: 150px;
            height: 100%;
            height: auto;
            margin-right: 75px;
            float: left;
        }

            #leftContentWrapper #rightColumn #partners a img {
                width: 100%;
                height: auto;
            }

    #leftContentWrapper #rightColumn .video-container {
        width: 225px;
        min-height: 100%;
        max-height: 100%;
        margin-top: 0;
        margin-bottom: 5px;
        float: left;
        transition: all 0.4s ease-in;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 200px;
            height: 100%;
            max-height: 121px;
            min-height: 121px;
        }

        #leftContentWrapper #rightColumn .video-container p {
            font-style: italic
        }

    #leftContentWrapper #rightColumn img.poster {
        width: 150px;
        height: 100px;
        padding-top: 30px;
        cursor: pointer;
        transition: all 0.4s ease-in;
    }

        #leftContentWrapper #rightColumn img.poster + p {
            margin-bottom: 60px;
            transition: all 0.4s ease-in;
        }

    #leftContentWrapper #rightColumn #documents,
    #leftContentWrapper #rightColumn #links {
        margin-bottom: 50px;
    }

    #leftContentWrapper #rightColumn .column {
        text-align: center;
        padding: 20px 0 30px;
    }

.LandBasedTreatyRights:not(.swedaxali) #leftContentWrapper #rightColumn #documents {
    margin-bottom: 20px;
}

#breadCrumbs {
    margin: 25px 0 35px;
    color: #A6AB80;
}

    #breadCrumbs a {
        text-decoration: none;
        color: #A6AB80;
    }

.breadCrumbsLastPage {
    color: #000;
}
/* Directory, News, Documents, Partners, Maps */
.Directory,
.Documents,
.Partners {
    padding-bottom: 40px;
    border-bottom: 1px solid #D7DEEC;
}

    .Directory h3,
    .Documents h3,
    .Partners h3 {
        margin: 0 0 40px 0;
        padding: 0;
        text-transform: uppercase;
    }

    .Directory h5 {
        margin: 0 0 40px 0;
        padding: 0;
        color: #85A5CA;
        font-size: 18px;
        text-transform: uppercase;
    }

    .Directory .PageDescriptionContent,
    .News .PageDescriptionContent,
    .Maps .PageDescriptionContent,
    .Partners .Category,
    .Documents .Category {
        padding: 40px 0 0;
        overflow: hidden;
        border-bottom: 1px solid #D7DEEC;
    }

.Maps .PageDescriptionContent {
    padding: 0;
}

    .Maps .PageDescriptionContent div.TextResource.NoBorder {
        margin: 0 0 20px 0!important;
        padding: 0;
    }

        .Directory .PageDescriptionContent:first-of-type,
        .Directory .PageDescriptionContent:last-of-type,
        .Documents .Category:last-of-type,
        .Partners .Category:last-of-type {
            border: 0 none;
        }

        .Directory .PageDescriptionContent div {
            display: inline-block;
            width: 230px;
            margin: 0 50px 60px 0;
            vertical-align: top;
        }

            .Directory .PageDescriptionContent div img,
            .News .PageDescriptionContent div img,
            .Maps .PageDescriptionContent div img {
                width: 100%;
                height: auto;
            }

            .Directory .PageDescriptionContent div.Subheader {
                display: block;
                margin-bottom: 40px;
            }

                .Directory .PageDescriptionContent div.Subheader h5 {
                    margin-bottom: 0;
                }

        .News .PageDescriptionContent div,
        .Maps .PageDescriptionContent div {
            display: inline-block;
            width: 220px;
            padding: 5px;
            margin: 0 0 60px 0;
            vertical-align: top;
            border: 1px solid #D7DEEC;
        }

        .Partners .Category a {
            display: block;
            width: 105px;
            height: auto;
            margin: 0 50px 60px 0;
            float: left;
        }

            .Partners .Category a img {
                width: 100%;
                height: auto;
            }

        .Documents .Category a:last-of-type {
            margin: 0 50px 60px 0;
        }

        .Documents .Category a {
            display: block;
            line-height: 30px;
        }

/* Land based treaty rights, Treaty rights office */
.LandBasedTreatyRights:not(.swedaxali) #bodyResources #inset-one,
.Page-Topics #bodyResources #inset-one {
    width: 320px;
    height: auto;
    border: 1px solid black;
    box-shadow: 5px 5px 5px #808080;
    margin: 30px 30px 30px 0;
    padding: 18px 20px 0;
    float: left;
    text-align: center;
}

.swedaxali #bodyResources #inset-one {
    width: 85%;
    height: auto;
    border: 1px solid black;
    box-shadow: 5px 5px 5px #808080;
    margin: 30px auto;
    padding: 18px 20px;
    text-align: center;
}

    .swedaxali #bodyResources #inset-one ul {
        text-align: left;
        margin-right: 20px;
    }

.TreatyRightsOffice #bodyResources #inset-one {
    width: 320px;
    height: auto;
    border: 1px solid black;
    box-shadow: 5px 5px 5px #808080;
    margin: 30px 0 30px 30px;
    padding: 18px 20px 0;
    float: right;
    text-align: center;
}

.LandBasedTreatyRights:not(.swedaxali) #bodyResources #inset-two,
.Page-Topics #bodyResources #inset-two {
    width: 340px;
    height: auto;
    border: 1px solid black;
    margin: 0 0 0 20px;
    padding: 0 18px 10px 18px;
    float: right;
}

#inset-two p {
    padding-bottom: 0;
}

.LandBasedTreatyRights:not(.swedaxali) #bodyResources .TextResource.Floated {
    width: 265px;
}

.LandBasedTreatyRights:not(.swedaxali) #bodyResources .MediaResource img {
    width: 100%;
    height: 100%;
}

.LandBasedTreatyRights:not(.swedaxali) .TextResource {
    clear: both;
}

.swedaxali #leftContentWrapper #leftColumn a {
    font-weight: bold;
}

.swedaxali #leftContentWrapper #leftColumn .MediaResource:not(.pdf) {
    width: 150px;
    max-width: 150px;
    margin: 12px 30px 30px 0;
    float: left;
}

/* Climate Change */
#leftContentWrapper #rightColumn .ClimateChangeLinkRightColumn a {
    display: initial;
}

#ClimateChangeLandingPageLinks {
    list-style: none;
    padding-left: 0;
    margin-top: 7px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    #ClimateChangeLandingPageLinks li {
        position: relative;
        display: flex;
        flex: 1;
        flex-basis: 100%;
        max-width: 140px;
        margin: 10px 30px;
    }

    #ClimateChangeLandingPageLinks p {
        text-align: center;
        height: 70px;
        margin: 12px auto;
        padding: 0;
        font-size: 16pt;
    }

    #ClimateChangeLandingPageLinks img {
        position: relative;
        margin: auto;
        display: block;
        border-radius: 100px;
        max-width: 140px !important;
        box-shadow: 0 0 0 4px #365172;
        -webkit-box-shadow: 0 0 0 4px #365172;
        -moz-box-shadow: 0 0 0 4px #365172;
    }

        #ClimateChangeLandingPageLinks img:hover {
            box-shadow: 0 0 0 13px #365172;
            -webkit-box-shadow: 0 0 0 13px #365172;
            -moz-box-shadow: 0 0 0 13px #365172;
        }

.fisheriesImages {
    width: 100%;
}

    .fisheriesImages .card {
        float: left;
        margin-right: 25px;
        margin-bottom: 25px;
        background-color: #d9deb3;
        border-radius: 4px;
        padding: 20px;
    }

        .fisheriesImages .card h3 {
            font-size: 22pt;
            margin-top: 0;
            padding-top: 0;
        }

.fisheriesChart {
    background-image: url('images/8DChinook-default.svg');
}

.fisheriesTable {
    background-image: url('images/8ACoho-default.svg');
}

@media all and (max-width: 1024px) {
    .fisheriesImages img {
        float: none;
        max-width: 615px !important;
        margin-left: 0;
    }
}

/* Third tier */
.ThirdTier:not(.LandingPage) .HeaderWrapper .Overlay,
.ThirdTier:not(.LandingPage) .HeaderWrapper .subheader {
    display: none;
}
