﻿@charset "utf-8"; 
/* CSS Document */ 
 
@charset "utf-8"; 
/* CSS Document */ 
 
 
.dataTables_wrapper .dataTables_filter input { 
font-size: 19px; 
    width: 100%; 
    display: table-cell; 
    background-color: #ffffff; 
    border: 2px solid #393939; 
} 
.dataTables_wrapper .dataTables_filter { 
    margin-bottom: 1.5em; 
    margin-top: 1.5em; 
    display: table; 
    width: 100%; 
} 
.dataTables_wrapper .dataTables_filter input { 
    margin-left: 0; 
} 
 
#datatable_filter > label { 
    display: block; 
    max-width: 100%; 
    font-weight: bold; 
    font-size: 1.5em; 
} 
 
#datatable_filter input { 
    font-family: FontAwesome, Helvetica, Arial, sans-serif; 
    padding: 7px 10px; 
} 
/*Space between the table and the filter information */ 
table.dataTable { 
    margin-top: 15px!important; 
} 
.dataTables_wrapper .dataTables_info { 
    font-size: 1.2em; 
} 
 
.dataTables_wrapper.no-footer .dataTables_scrollBody, table.dataTable tfoot td, table.dataTable tfoot th, table.dataTable thead td, table.dataTable thead th, table.dataTable.no-footer { 
    border-bottom: none; 
 font-size: 81%; 
} 
 
.dataTables_wrapper .top [type=search] {
    max-width: 100%;
}
 
 
.featured-video-a { 
    background: url(https://canada.ca/content/dam/dnd-mdn/images/corporate/video-gallery/featured-video-a-700x250.jpg); 
    min-height: 250px; 
} 
 
.featured-video-b { 
    background: url(https://canada.ca/content/dam/dnd-mdn/images/corporate/video-gallery/featured-video-b-700x250.jpg); 
    min-height: 250px; 
} 
 
.featured-video-c { 
    background: url(https://canada.ca/content/dam/dnd-mdn/images/corporate/video-gallery/featured-video-c-700x250.jpg); 
    min-height: 250px; 
} 
 
.featured-video-caption { 
    background-color: #000000a6; 
    width: 100%; 
    min-height: 250px; 
    border-left: 0; 
    font-size: 82%; 
 color: #FFF; 
padding: 15px 35px 10px 20px; 
line-height: 1.3;
} 
 
 
 @media only screen and (min-width: 768px) { 
.featured-video-caption { 
    background-color: #26374a; 
    color: #FFF; 
    width: 45%; 
    float: right; 
    min-height: 250px; 
    border-left: #af3c43 5px solid; 
  font-size: 86%; 
  line-height: 1.3;
} 
} 
 
 @media only screen and (min-width: 991px) { 
.featured-video-caption { 
     background-color: #26374a; 
    color: #FFF; 
    width: 45%; 
    float: right; 
    min-height: 250px; 
    border-left: #af3c43 5px solid; 
font-size: 92%; 
line-height: 1.3;
} 
} 
 
 
main .form-control { 
    display: block; 
    height: 45px; 
    font-size: 17px; 
    line-height: 1.4375; 
    color: #1d1d1d; 
    font-weight: bold; 
    background-color: #fff; 
    background-image: none; 
    border: 2px solid #000; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 
    border-radius: 0; 
} 
 
 
.bg-grey { 
    background-color: #f5f5f5; 
    padding: 15px; 
    border: 1px solid #d9d8d8; 
    margin-left: 0px; 
    margin-right: 0px; 
} 
 
 
 
 
 
 
 /* 
 
.dataTables_wrapper .dataTables_filter input { 
    font-size: 22px; 
    border: 0; 
    width: 100%; 
    display: table-cell; 
    background-color: #ffffff; 
    box-shadow: #dadada 0px 1px 4px 3px; 
} 
 
*/ 
 
a.play-btn { 
    background-color: #eaebed; 
    padding: 8px; 
    text-decoration: none; 
    box-shadow: 2px 2px #2f3032; 
    font-weight: bold; 
    color: #335075; 
    border-radius: 4px; 
} 
 
a.play-btn:hover { 
    background-color: #dedede; 
} 
 
 
.featured-video-caption h2 { 
    margin-top: 5px; 
    font-size: 23px; 
} 
 
a.btn.btn-social { 
    color: #fff; 
    font-weight: bold; 
} 
 
a:hover.btn.btn-social { 
    color: #6fa9e9; 
}
 
/* do not group these rules */
*::-webkit-input-placeholder {
    color: #1D1D1D;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #1D1D1D;
}
*::-moz-placeholder {
    /* FF 19+ */
   color: #1D1D1D;
}
*:-ms-input-placeholder {
    /* IE 10+ */
   color: #1D1D1D;
}
 


@media print{
.print-custom{
font-size:15px!important;
line-height: 1.8em;
}
}