/*********************************************************************************/
/***** responsive youtube container*********************************************/
/*********************************************************************************/

.video-container-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container-youtube iframe,
.video-container-youtube object,
.video-container-youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*********************************************************************************/
/***** industry insights listing	**********************************************/
/*********************************************************************************/

.industry-insights-listing-container {
    background-color: #ffffff;
    color: #ffffff;
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: stretch;
}


.industry-insights-listing {
    background-color: #104965;
    margin: 0 0 10px 0;
    padding: 20px;
}

.industry-insights-listing-thumb {
    width: 100%;
}

a.play-button-industry-insights-listing-link {
    position: relative;
    display: inline-block;
    line-height: 0px;
    z-index: 1;
    width: 100%
}

a.play-button-industry-insights-listing-link img.play-button-industry-insights-listing {
    position: absolute;
    z-index: 10;
    display: none;
    opacity: 0.6;
    width: 110px;

    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

a.play-button-industry-insights-listing-link:hover img.play-button-industry-insights-listing {
    opacity: 1.0;
}

p.industry-insights-listing-date {
    color: #d0c330;
    font-weight: bold;
}

a.industry-insights-listing-title,
a.industry-insights-listing-title:link,
a.industry-insights-listing-title:visited {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.4em;
}


a.industry-insights-listing-title:hover,
a.industry-insights-listing-title:active,
a.industry-insights-listing-title:link:active,
a.industry-insights-listing-title:visited:active {
    color: #ffffff;
    font-weight: normal;
    text-decoration: underline;
}

.industry-insights-listing hr {
    width: 100%;
    height: 1px;
    color: #ffffff;
    background-color: #ffffff;
    border: none;

    /* our style override */
    border-top: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.industry-insights-listing-categories {
    color: #ffffff;
    font-size: 0.9em;
}








/*********************************************************************************/
/***** industry insights individual **********************************************/
/*********************************************************************************/

.industry-insights-individual {
    background-color: #104965;
    margin: 0 0 10px 0;
    padding: 0;
}

.industry-insights-individual-thumb {
    width: 100%
}

.industry-insights-individual a.play-button-industry-insights-individual-link {
    position: relative;
    display: inline-block;
    line-height: 0px;
    z-index: 1;
    width: 100%
}

a.play-button-industry-insights-individual-link img.play-button-industry-insights-individual {
    position: absolute;
    z-index: 10;
    display: none;
    opacity: 0.6;
    width: 250px;

    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

a.play-button-industry-insights-individual-link:hover img.play-button-industry-insights-individual {
    opacity: 1.0;
}


.industry-insights-individual-date {}

.industry-insights-individual-categories {
    color: #0066a4;
    font-size: 0.9em;
}





















/*********************************************************************************/
/***** operations - mines - approval subhead *************************************/
/*********************************************************************************/

.operations-approval-subhead {
    color: #ffffff;
    font-size: 0.7em;
    padding-top: 10px;
}



/*********************************************************************************/
/***** pager controls - media - photos *******************************************/
/*********************************************************************************/

.PagerControl {
    text-align: center;
    font-size: 1.3em;
    padding: 30px 10px 0 10px;
}

.PagerControl span.SelectedPage {
    display: inline-block;
    text-decoration: underline;
    color: #104865;
    font-weight: bold;
    padding: 0 5px;
}

.PagerControl a.UnselectedPage {
    display: inline-block;
    text-decoration: none font-weight: bold;
    color: #aaa;
    padding: 0 5px;
}

.PagerResults,
.SelectedPrev,
.UnselectedPrev,
.SelectedNext,
.UnselectedNext {
    display: none;
}


/*********************************************************************************/
/***** media center publications *************************************************/
/*********************************************************************************/

.media-center-publications {}

.media-center-publications .back-to-publications {
    margin-top: 30px;
}

.media-center-publications .publications-header {
    margin-top: 60px;
    margin-bottom: 50px;
}

.media-center-publications .back-to-publications span,
.media-center-publications .back-to-publications a {
    color: #313131;
    font-size: 1.2em;
}


.media-center-publications .disclaimer {
    color: #313131;
    font-size: 0.9em;
    font-style: italic;
}

.media-center-publications hr {
    width: 100%;
    height: 1px;
    color: #313131;
    background-color: #313131;
    border: none;

    /* our style override */
    border-top: 0 !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.media-center-publications .past-reports {
    padding: 20px 0;
}

.media-center-publications .past-reports a {
    font-size: 1.2em;
    display: inline-block;
    padding: 6px 0;
}

.media-center-publications h3.featured {
    margin-bottom: 30px;
}

/*********************************************************************************/
/***** investors secondary menu **************************************************/
/*********************************************************************************/

ul#menuElem {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#menuElem li {
    display: inline;
    position: relative;
}

ul#menuElem li a {
    display: inline-block;
    padding: 0px 20px 0px 19px;
    border-right: 1px solid #104865;
    font-weight: 700;
}

ul#menuElem li:first-child a {
    padding-left: 0;
}

ul#menuElem li:last-child a {
    border-right: 0px solid green;
}

ul#menuElem li.Highlighted:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin: 0px auto;
}























/*********************************************************************************/
/***** operations - mines - approval subhead *************************************/
/*********************************************************************************/

.operations-approval-subhead {
    color: #ffffff;
    font-size: 0.7em;
    padding-top: 10px;
}



/*********************************************************************************/
/***** pager controls - media - photos *******************************************/
/*********************************************************************************/

.PagerControl {
    text-align: center;
    font-size: 1.3em;
    padding: 30px 10px 0 10px;
}

.PagerControl span.SelectedPage {
    display: inline-block;
    text-decoration: underline;
    color: #104865;
    font-weight: bold;
    padding: 0 5px;
}

.PagerControl a.UnselectedPage {
    display: inline-block;
    text-decoration: none font-weight: bold;
    color: #aaa;
    padding: 0 5px;
}

.PagerResults,
.SelectedPrev,
.UnselectedPrev,
.SelectedNext,
.UnselectedNext {
    display: none;
}


/*********************************************************************************/
/***** media center publications *************************************************/
/*********************************************************************************/

.media-center-publications {}

.media-center-publications .back-to-publications {
    margin-top: 30px;
}

.media-center-publications .publications-header {
    margin-top: 60px;
    margin-bottom: 50px;
}

.media-center-publications .back-to-publications span,
.media-center-publications .back-to-publications a {
    color: #313131;
    font-size: 1.2em;
}


.media-center-publications .disclaimer {
    color: #313131;
    font-size: 0.9em;
    font-style: italic;
}

.media-center-publications hr {
    width: 100%;
    height: 1px;
    color: #313131;
    background-color: #313131;
    border: none;

    /* our style override */
    border-top: 0 !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.media-center-publications .past-reports {
    padding: 20px 0;
}

.media-center-publications .past-reports a {
    font-size: 1.2em;
    display: inline-block;
    padding: 6px 0;
}

.media-center-publications h3.featured {
    margin-bottom: 30px;
}

/*********************************************************************************/
/***** investors secondary menu **************************************************/
/*********************************************************************************/

ul#menuElem {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#menuElem li {
    display: inline;
    position: relative;
}

ul#menuElem li a {
    display: inline-block;
    padding: 0px 20px 0px 19px;
    border-right: 1px solid #104865;
    font-weight: 700;
}

ul#menuElem li:first-child a {
    padding-left: 0;
}

ul#menuElem li:last-child a {
    border-right: 0px solid green;
}

ul#menuElem li.Highlighted:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin: 0px auto;
}










/*********************************************************************************/
/***** action buttons ************************************************************/
/*********************************************************************************/

/* action buttons container */
.actionbuttons {}

.actionbuttons.right {
    text-align: right;
}

/* hollow button - white on blue */
a.button-hollow-white-on-blue,
a.button-hollow-white-on-blue:link,
a.button-hollow-white-on-blue:visited {
    display: inline-block;
    cursor: pointer;
    background: none;
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    border-radius: 2px;
    text-align: left;
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 2px;
    text-decoration: none;

}

a.button-hollow-white-on-blue:hover,
a.button-hollow-white-on-blue:active,
a.button-hollow-white-on-blue:link:active,
a.button-hollow-white-on-blue:visited:active {
    background: #fff;
    color: #104865;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition:
        -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}




/* hollow button - white on green */
a.button-hollow-white-on-green,
a.button-hollow-white-on-green:link,
a.button-hollow-white-on-green:visited {
    display: inline-block;
    cursor: pointer;
    background: none;
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    border-radius: 2px;
    text-align: left;
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 2px;
    text-decoration: none;

}

a.button-hollow-white-on-green:hover,
a.button-hollow-white-on-green:active,
a.button-hollow-white-on-green:link:active,
a.button-hollow-white-on-green:visited:active {
    background: #fff;
    color: #007635;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition:
        -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}



/* hollow button - blue on white */
a.button-hollow-blue-on-white,
a.button-hollow-blue-on-white:link,
a.button-hollow-blue-on-white:visited {
    display: inline-block;
    cursor: pointer;
    background: none;
    background-color: transparent;
    color: #104865;
    font-weight: 700;
    border: 2px solid #104865;
    border-radius: 2px;
    text-align: left;
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 2px;
    text-decoration: none;

}

a.button-hollow-blue-on-white:hover,
a.button-hollow-blue-on-white:active,
a.button-hollow-blue-on-white:link:active,
a.button-hollow-blue-on-white:visited:active {
    background: #104865;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition:
        -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}





/* solid button - dark blue on white */
a.button-solid-darkblue-on-white,
a.button-solid-darkblue-on-white:link,
a.button-solid-darkblue-on-white:visited {
    display: inline-block;
    cursor: pointer;
    background: none;
    background-color: #104865;
    color: #ffffff;
    font-weight: 700;
    border: 2px solid #104865;
    border-radius: 2px;
    text-align: left;
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 2px;
    text-decoration: none;

}

a.button-solid-darkblue-on-white:hover,
a.button-solid-darkblue-on-white:active,
a.button-solid-darkblue-on-white:link:active,
a.button-solid-darkblue-on-white:visited:active {
    background: none;
    background-color: transparent;
    color: #104865;
    border: 2px solid #104865;
    text-decoration: none;
    -webkit-transition:
        -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}








/* solid button - light blue on white */
a.button-solid-lightblue-on-white,
a.button-solid-lightblue-on-white:link,
a.button-solid-lightblue-on-white:visited {
    display: inline-block;
    cursor: pointer;
    background: none;
    background-color: #0268a7;
    color: #ffffff;
    font-weight: 700;
    border: 2px solid #0268a7;
    border-radius: 2px;
    text-align: left;
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 2px;
    text-decoration: none;

}

a.button-solid-lightblue-on-white:hover,
a.button-solid-lightblue-on-white:active,
a.button-solid-lightblue-on-white:link:active,
a.button-solid-lightblue-on-white:visited:active {
    background: none;
    background-color: transparent;
    color: #0268a7;
    border: 2px solid #0268a7;
    text-decoration: none;
    -webkit-transition:
        -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}







/*********************************************************************************/
/***** media queries *************************************************************/
/*********************************************************************************/

@media only screen and (max-width: 1264px) {

    .factsheets-image {
        display: none;
    }

    .actionbuttons.right {
        text-align: left;
    }

    ul#menuElem li.Highlighted:after {
        display: none;
    }

    ul#menuElem li {
        display: block;
        position: relative;
    }

    ul#menuElem li a {
        display: block;
        padding: 0px 20px 0px 0px;
        border-right: 0;
    }

    ul#menuElem li:first-child a {
        padding: 0px 20px 0px 0px;
    }

    ul#menuElem li:last-child a {
        border-right: 0px;
    }

}





/*********************************************************************************/
/***** media queries - bootstrap breakpoints *************************************/
/*********************************************************************************/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

    a.play-button-industry-insights-listing-link img.play-button-industry-insights-listing {
        width: 200px;
    }

    a.play-button-industry-insights-individual-link img.play-button-industry-insights-individual {
        width: 200px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    a.play-button-industry-insights-listing-link img.play-button-industry-insights-listing {
        width: 200px;
    }

    a.play-button-industry-insights-individual-link img.play-button-industry-insights-individual {
        width: 200px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    a.play-button-industry-insights-listing-link img.play-button-industry-insights-listing {
        width: 120px;
    }

    a.play-button-industry-insights-individual-link img.play-button-industry-insights-individual {
        width: 120px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    a.play-button-industry-insights-listing-link img.play-button-industry-insights-listing {
        width: 60px;
    }

    a.play-button-industry-insights-individual-link img.play-button-industry-insights-individual {
        width: 60px;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

    a.play-button-industry-insights-listing-link img.play-button-industry-insights-listing {
        width: 50px;
    }

    a.play-button-industry-insights-individual-link img.play-button-industry-insights-individual {
        width: 50px;
    }

}