_relevant_resources.scss 19.2 KB
.relevant-resources {
  background-color: #f0f0f0;
  border-radius: 0.625rem;
  padding: 1.875rem;
  margin: 1.875rem 0rem;
  max-width: 45.375rem;
  h2 {
    border-bottom: 0.0625rem solid #707070;
    padding-bottom: 0.625rem;
    margin-bottom:0rem ;
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  #relevant-resources {
    width: 100%;
    td {
      border-bottom: 0.0625rem solid #ccc;
      margin-left: 0rem;
      padding-left: 0rem !important;
      padding-bottom: 1.5rem;
      padding-top: 1.5rem;
      .rel {
        display: flex;
        flex-direction: row;
        @media screen and (max-width: 59.375rem) {
          flex-direction: column;
        }
        .photo {
          display: flex;
          flex-basis: 10rem;
          max-height: 5.75rem;
          margin-right: 1.25rem;
          overflow: hidden;
          border: 0.0625rem solid #bebebe;
          @media screen and (max-width: 59.375rem) {
            flex-basis: 100%;
            max-width: 100%;
            max-height: 9.375rem;
            max-width: 100%;
            min-height: unset;
            margin-right: 0rem;
            margin-bottom: 0.625rem;
        }
          img {
            object-fit: cover;
            object-position: center;
            height: 100%;
            width: 100%;
          }
        }
        .content{
          display: flex;
          flex-direction: column;
          flex-basis: 100%;
        }

        a {
          text-decoration: none !important;
          display: flex;
          flex-direction: row;
          @media screen and (max-width: 59.375rem) {
            flex-direction: column;
          }
  
        }

        h3 {
          font-weight: 700;
          text-decoration: none;
          font-size: 1rem;
          line-height: 1.25rem;
          display: block;
          text-transform: none;
          margin-bottom: 0rem;
        }
        a:hover {
          h3 {
            text-decoration: underline;
          }
        }
        p {
          margin-top: 0.5rem;
          margin-bottom: 0rem;
          padding-bottom: 0rem;
          text-decoration: none;
          word-break: break-word;
        }
        a.PDF h3 {
          &:before {
            content: "";
            width: 1.0625rem;
            height: 1.25rem;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg id='Group_1127' data-name='Group 1127' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.409' height='24.169' viewBox='0 0 21.409 24.169'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_180' data-name='Rectangle 180' width='21.409' height='24.169' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1126' data-name='Group 1126' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1363' data-name='Path 1363' d='M18.646 24.169H2.779c-.037-.013-.074-.029-.112-.039a.943.943 0 0 1-.657-.6 1.009 1.009 0 0 1-.057-.365q0-2.321 0-4.641V18.39H1.84c-.164 0-.329 0-.493 0A1.354 1.354 0 0 1 .038 17.265.992.992 0 0 0 0 17.141V9.892a.757.757 0 0 0 .035-.114A1.352 1.352 0 0 1 1.392 8.64c.158 0 .315 0 .473 0 .026 0 .052 0 .088-.007V1.079c0-.05 0-.1 0-.151a.952.952 0 0 1 .609-.87A1.084 1.084 0 0 1 2.967 0H14.343a.468.468 0 0 1 .366.161c.032.034.063.07.094.105Q17.05 2.834 19.3 5.4a.667.667 0 0 1 .183.473c0 .03 0 .06 0 .091V8.64h.111c.164 0 .329-.005.493 0a1.326 1.326 0 0 1 1.21.8 1.294 1.294 0 0 1 .112.587q0 2.034 0 4.067 0 1.445 0 2.889a1.732 1.732 0 0 1-.013.291 1.351 1.351 0 0 1-1.323 1.118c-.164 0-.329 0-.493 0-.029 0-.058 0-.095.005v.137q0 2.285 0 4.571c0 .064 0 .128-.007.191a.947.947 0 0 1-.707.835c-.042.011-.082.026-.124.04M2.906.95V8.635H18.52c.023-.106.019-2.289 0-2.369H14.451c-.037 0-.074 0-.111 0a.475.475 0 0 1-.459-.4.952.952 0 0 1-.006-.151q0-2.316 0-4.631V.95Zm0 22H18.528V18.4H2.9Zm5.376-5.727c.041.007.073.014.106.017.274.023.548.051.822.066a11.306 11.306 0 0 0 1.769-.021A5.79 5.79 0 0 0 12.311 17a3.08 3.08 0 0 0 1.978-1.948 4.442 4.442 0 0 0 .159-2.361 2.9 2.9 0 0 0-.577-1.281 3.15 3.15 0 0 0-1.6-1.051 5.884 5.884 0 0 0-1.619-.222 15.609 15.609 0 0 0-1.93.083c-.149.016-.3.039-.447.06ZM3.764 14.73a4.907 4.907 0 0 0 .945.015 3.685 3.685 0 0 0 1.162-.262 2.171 2.171 0 0 0 .976-.749 2.344 2.344 0 0 0 .384-1.706 1.96 1.96 0 0 0-1.308-1.654 3.711 3.711 0 0 0-1.249-.234 14.1 14.1 0 0 0-2.249.1c-.082.01-.163.027-.241.04v6.974H3.764ZM19.9 10.192c-.156-.022-4.245-.014-4.314.006v7.051c.133.019 1.517.014 1.6-.007V15.364q0-.237 0-.473c0-.156 0-.313 0-.477h1.695c.141 0 .282 0 .423 0s.279.006.416 0v-1.3H17.2c-.021-.19-.012-1.539.012-1.62H19.9Z' transform='translate(0 0)' fill='%231a1818'/%3E%3Cpath id='Path_1364' data-name='Path 1364' d='M162.156 186.274c.116-.015.228-.033.341-.042a3.327 3.327 0 0 1 1.129.076 1.818 1.818 0 0 1 1.39 1.425 3.261 3.261 0 0 1-.092 1.835 1.922 1.922 0 0 1-1.422 1.283 3.15 3.15 0 0 1-.848.088c-.164 0-.328-.011-.5-.016Z' transform='translate(-152.266 -174.859)' fill='%231a1818'/%3E%3Cpath id='Path_1365' data-name='Path 1365' d='M61.758 188.026v-2.1c.042-.009.083-.022.125-.027a2.629 2.629 0 0 1 1.038.028 1.092 1.092 0 0 1 .378.181.894.894 0 0 1 .346.582 1.233 1.233 0 0 1-.006.46 1.045 1.045 0 0 1-.786.829 2.131 2.131 0 0 1-.757.073c-.11-.006-.22-.019-.338-.03' transform='translate(-57.991 -174.529)' fill='%231a1818'/%3E%3C/g%3E%3C/svg%3E");
            background-size: contain;
            display: inline-block;
            position: relative;
            top: 0.3125rem;
            left: -0.2rem;
            margin-right: 0.3125rem;
          }
        }
        a.Word h3 {
          &:before {
            content: "";
            width: 1.0625rem;
            height: 1.25rem;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg id="Group_1918" data-name="Group 1918" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.95" height="20.264" viewBox="0 0 17.95 20.264"><defs><clipPath id="clip-path"><rect id="Rectangle_268" data-name="Rectangle 268" width="17.95" height="20.264" fill="none"/></clipPath></defs><g id="Group_1918-2" data-name="Group 1918" clip-path="url(%23clip-path)"><path id="Path_1519" data-name="Path 1519" d="M64.535,186.442l.166.008.118,0a1.607,1.607,0,0,0,.761-.162,1.293,1.293,0,0,0,.481-.43,1.73,1.73,0,0,0,.248-.619,3.63,3.63,0,0,0,.071-.722,3.436,3.436,0,0,0-.063-.651,1.633,1.633,0,0,0-.233-.588,1.313,1.313,0,0,0-.462-.426,1.488,1.488,0,0,0-.742-.166q-.174,0-.351.008a2.153,2.153,0,0,0-.264.024v3.7a.621.621,0,0,0,.106.012l.162.008" transform="translate(-60.981 -173.349)" fill="%231a1818"/><path id="Path_1520" data-name="Path 1520" d="M163.9,182.626a1.089,1.089,0,0,0-.371-.406,1.11,1.11,0,0,0-1.452.316,2.608,2.608,0,0,0-.316,1.448,3.882,3.882,0,0,0,.071.769,1.983,1.983,0,0,0,.217.6,1.1,1.1,0,0,0,.375.394,1.011,1.011,0,0,0,.544.142,1.026,1.026,0,0,0,.892-.45,2.6,2.6,0,0,0,.316-1.46,3.958,3.958,0,0,0-.067-.749,2.092,2.092,0,0,0-.209-.607" transform="translate(-153.494 -172.763)" fill="%231a1818"/><path id="Path_1521" data-name="Path 1521" d="M17.95,8.4a1.085,1.085,0,0,0-.094-.492,1.112,1.112,0,0,0-1.014-.667c-.138-.006-.276,0-.414,0h-.093V5c0-.025,0-.051,0-.076a.559.559,0,0,0-.154-.4Q14.293,2.378,12.41.223c-.026-.03-.051-.06-.078-.088A.392.392,0,0,0,12.025,0H2.487a.907.907,0,0,0-.34.049.8.8,0,0,0-.51.729c0,.042,0,.084,0,.127V7.238c-.03,0-.052.006-.074.006-.132,0-.264,0-.4,0A1.134,1.134,0,0,0,.03,8.2a.633.633,0,0,1-.03.1v6.078a.835.835,0,0,1,.032.1,1.136,1.136,0,0,0,1.1.942c.138,0,.276,0,.414,0h.094v.113q0,1.946,0,3.891a.845.845,0,0,0,.048.306.79.79,0,0,0,.551.5c.032.009.063.022.094.033h13.3c.035-.011.069-.024.1-.033a.794.794,0,0,0,.593-.7c0-.053.006-.107.006-.16q0-1.916,0-3.832v-.115c.03,0,.055,0,.079,0h.414a1.132,1.132,0,0,0,1.11-.937,1.452,1.452,0,0,0,.011-.244q0-1.211,0-2.423,0-1.705,0-3.41M2.437.8h9.2V.905q0,1.941,0,3.883a.792.792,0,0,0,.005.126.4.4,0,0,0,.385.339c.031,0,.062,0,.093,0h3.407c.02.067.024,1.9,0,1.986H2.437ZM11.823,11.22a3.273,3.273,0,0,1-.611,2.126,2.113,2.113,0,0,1-1.732.746,2.453,2.453,0,0,1-1.041-.205,1.913,1.913,0,0,1-.73-.584,2.591,2.591,0,0,1-.43-.907,4.529,4.529,0,0,1-.142-1.176,3.287,3.287,0,0,1,.608-2.126,2.11,2.11,0,0,1,1.736-.745,2.434,2.434,0,0,1,1.034.205,1.948,1.948,0,0,1,.734.584,2.553,2.553,0,0,1,.434.907,4.53,4.53,0,0,1,.142,1.175M2.206,13.989V8.459q.166-.024.375-.039T3.01,8.4q.221-.008.43-.012t.375,0a3.424,3.424,0,0,1,1.254.205,2.135,2.135,0,0,1,.844.576,2.311,2.311,0,0,1,.473.884,4.013,4.013,0,0,1,.15,1.128,4.087,4.087,0,0,1-.142,1.081,2.445,2.445,0,0,1-.473.923,2.373,2.373,0,0,1-.872.647,3.241,3.241,0,0,1-1.337.245q-.126,0-.335-.008t-.434-.02l-.43-.024q-.205-.012-.308-.028m13.329,5.253H2.435V15.424h13.1Zm.158-5.229a4.067,4.067,0,0,1-.8.078,2.869,2.869,0,0,1-.943-.154,2.016,2.016,0,0,1-.785-.5,2.443,2.443,0,0,1-.54-.892,3.875,3.875,0,0,1-.2-1.329,3.6,3.6,0,0,1,.225-1.361,2.469,2.469,0,0,1,.584-.884,2.155,2.155,0,0,1,.8-.481,2.8,2.8,0,0,1,.884-.146,4.316,4.316,0,0,1,.8.063,2.935,2.935,0,0,1,.54.15l-.213.915a1.569,1.569,0,0,0-.43-.126,3.935,3.935,0,0,0-.6-.039,1.317,1.317,0,0,0-1.053.466,2.193,2.193,0,0,0-.4,1.447,2.994,2.994,0,0,0,.095.779,1.676,1.676,0,0,0,.288.6,1.327,1.327,0,0,0,.481.387,1.523,1.523,0,0,0,.667.138,2.178,2.178,0,0,0,.6-.071,1.758,1.758,0,0,0,.426-.181l.221.878a1.656,1.656,0,0,1-.643.258" fill="%231a1818"/></g></svg>');
            background-size: contain;
            display: inline-block;
            position: relative;
            top: 0.3125rem;
            left: -0.2rem;
            margin-right: 0.3125rem;
          }
        }
        a.Excel h3 {
          &:before {
            content: "";
            width: 1.0625rem;
            height: 1.25rem;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url('data:image/svg+xml,<svg id="Group_1924" data-name="Group 1924" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.95" height="20.264" viewBox="0 0 17.95 20.264"><defs><clipPath id="clip-path"><rect id="Rectangle_269" data-name="Rectangle 269" width="17.95" height="20.264" fill="none"/></clipPath></defs><g id="Group_1924-2" data-name="Group 1924" clip-path="url(%23clip-path)"><path id="Path_1522" data-name="Path 1522" d="M17.95,8.4a1.085,1.085,0,0,0-.094-.492,1.112,1.112,0,0,0-1.014-.667c-.138-.006-.276,0-.414,0h-.093V5c0-.025,0-.051,0-.076a.56.56,0,0,0-.154-.4Q14.293,2.377,12.41.222c-.026-.03-.051-.06-.078-.088A.392.392,0,0,0,12.025,0H2.487a.909.909,0,0,0-.34.049.8.8,0,0,0-.51.729c0,.042,0,.084,0,.127V7.237c-.03,0-.052.006-.073.006-.132,0-.265,0-.4,0A1.134,1.134,0,0,0,.03,8.2a.628.628,0,0,1-.03.1v6.078a.824.824,0,0,1,.032.1,1.135,1.135,0,0,0,1.1.942c.138,0,.276,0,.414,0h.094v.113q0,1.946,0,3.891a.845.845,0,0,0,.048.306.791.791,0,0,0,.551.5c.032.009.063.022.094.033h13.3c.034-.011.068-.024.1-.033a.794.794,0,0,0,.593-.7c0-.053.006-.107.006-.16q0-1.916,0-3.832v-.115c.03,0,.055,0,.079,0h.414a1.132,1.132,0,0,0,1.11-.937,1.447,1.447,0,0,0,.011-.244q0-1.211,0-2.423,0-1.705,0-3.41M15.534,19.241H2.435V15.423h13.1ZM2.6,8.458H3.9l.852,1.594.189.56.181-.56.891-1.594H7.188L5.594,11.117,7.267,13.98H5.981l-.97-1.7L4.8,11.693l-.205.584-.978,1.7H2.438l1.7-2.809Zm8.725,4.56v.962H7.827V8.458H8.908v4.56Zm2.757-.931a2.045,2.045,0,0,0-.465-.288q-.28-.13-.607-.268a3.1,3.1,0,0,1-.607-.339,1.726,1.726,0,0,1-.465-.5,1.433,1.433,0,0,1-.185-.765,1.678,1.678,0,0,1,.134-.7,1.31,1.31,0,0,1,.383-.493,1.646,1.646,0,0,1,.588-.292,2.816,2.816,0,0,1,.757-.095,4.75,4.75,0,0,1,.907.083,2.308,2.308,0,0,1,.7.241l-.339.907a1.9,1.9,0,0,0-.521-.2,2.961,2.961,0,0,0-.749-.091.959.959,0,0,0-.58.15.476.476,0,0,0-.2.4.5.5,0,0,0,.185.394,2.138,2.138,0,0,0,.466.292q.28.134.607.276a3.263,3.263,0,0,1,.607.343,1.752,1.752,0,0,1,.465.5,1.366,1.366,0,0,1,.185.738,1.821,1.821,0,0,1-.146.761,1.444,1.444,0,0,1-.41.533,1.735,1.735,0,0,1-.639.316,3.122,3.122,0,0,1-.824.1,4.392,4.392,0,0,1-1.041-.111,3.18,3.18,0,0,1-.663-.221l.347-.923a2.123,2.123,0,0,0,.225.1,2.866,2.866,0,0,0,.312.1,3.571,3.571,0,0,0,.367.079,2.466,2.466,0,0,0,.4.032,1.389,1.389,0,0,0,.738-.162.543.543,0,0,0,.256-.493.514.514,0,0,0-.185-.41m1.449-4.848H2.437V.8h9.2V.9q0,1.941,0,3.883a.792.792,0,0,0,.005.126.4.4,0,0,0,.385.339c.031,0,.062,0,.093,0h3.407c.02.067.024,1.9,0,1.986" transform="translate(0 0.001)" fill="%231a1818"/></g></svg>');
            display: inline-block;
            position: relative;
            top: 0.3125rem;
            left: -0.2rem;
            margin-right: 0.3125rem;
          }
        }
        a.PPT h3 {
          &:before {
            content: "";
            width: 1.0625rem;
            height: 1.25rem;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.95" height="20.264" viewBox="0 0 17.95 20.264"><defs><clipPath id="clip-path"><rect id="Rectangle_308" data-name="Rectangle 308" width="17.95" height="20.264" fill="none"/></clipPath></defs><g id="Group_1957" data-name="Group 1957" transform="translate(0 0)"><g id="Group_1956" data-name="Group 1956" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_1523" data-name="Path 1523" d="M5.437,12.6a.576.576,0,0,0,.176-.433.645.645,0,0,0-.153-.435.734.734,0,0,0-.574-.179H4.456v1.216h.37a.872.872,0,0,0,.611-.169" transform="translate(-0.72 -1.868)" fill="%23040504"/><path id="Path_1524" data-name="Path 1524" d="M10.318,11.555v1.216h.369A.876.876,0,0,0,11.3,12.6a.578.578,0,0,0,.175-.433.644.644,0,0,0-.153-.435.736.736,0,0,0-.574-.179Z" transform="translate(-1.668 -1.868)" fill="%23040504"/><path id="Path_1525" data-name="Path 1525" d="M17.855,7.916a1.113,1.113,0,0,0-1.014-.671c-.138,0-.276,0-.414,0h-.093V4.924a.563.563,0,0,0-.153-.4L12.408.225A1.1,1.1,0,0,0,12.33.136.4.4,0,0,0,12.024,0H2.487a.915.915,0,0,0-.34.049A.8.8,0,0,0,1.638.78v6.46a.317.317,0,0,1-.075.006h-.4A1.135,1.135,0,0,0,.03,8.2a.633.633,0,0,1-.03.1v6.077a.941.941,0,0,1,.032.1,1.135,1.135,0,0,0,1.1.941h.508v4a.846.846,0,0,0,.048.307.788.788,0,0,0,.551.5c.032.008.062.022.094.033h13.3l0,0c.034-.01.068-.023.1-.033a.794.794,0,0,0,.593-.7c.005-.053.005-.107.005-.16v-3.94a.626.626,0,0,1,.08,0h.414a1.132,1.132,0,0,0,1.11-.937,1.482,1.482,0,0,0,.011-.244V8.409a1.1,1.1,0,0,0-.094-.493M2.437.8h9.2v4a.785.785,0,0,0,.005.126.4.4,0,0,0,.385.335h3.5c.021.066.023,1.9,0,1.985H2.437Zm8.835,9.455a1.8,1.8,0,0,1-.444,1.291,1.792,1.792,0,0,1-1.354.464H8.65v2.023H7.139V8.579h2.5a1.6,1.6,0,0,1,1.224.435,1.745,1.745,0,0,1,.407,1.239M2.224,14.031V8.579h2.5a1.6,1.6,0,0,1,1.224.435,1.745,1.745,0,0,1,.407,1.239,1.8,1.8,0,0,1-.443,1.291,1.792,1.792,0,0,1-1.354.464H3.736v2.023Zm13.31,5.21H2.437l-.006-3.815h13.1Zm.759-9.317H14.758v4.106H13.252V9.925H11.718V8.579h4.575Z" transform="translate(0 0)" fill="%23040504"/></g></g></svg>');
            display: inline-block;
            position: relative;
            top: 0.3125rem;
            left: -0.2rem;
            margin-right: 0.3125rem;
          }
        }
        a.HTML h3 {
          &:before {
            content: "";
            width: 1.0625rem;
            height: 1.0625rem;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url('data:image/svg+xml,<svg id="Group_1310" data-name="Group 1310" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.758" height="17.741" viewBox="0 0 17.758 17.741"><defs><clipPath id="clip-path"><rect id="Rectangle_151" data-name="Rectangle 151" width="17.758" height="17.741"/></clipPath></defs><path id="Path_1277" data-name="Path 1277" d="M0,0V17.741H17.757V8.281H15.586v7.3H2.189V2.135H9.3V0Z" transform="translate(0 0)"/><g id="Group_1023" data-name="Group 1023" transform="translate(0 0)"><g id="Group_1022" data-name="Group 1022" clip-path="url(%23clip-path)"><path id="Path_1278" data-name="Path 1278" d="M17.986,11.548,16.363,9.931l7.791-7.756H21.989V.016h5.864V5.867H25.7V3.8l-7.717,7.748" transform="translate(-10.096 -0.01)"/></g></g></svg>');
            display: inline-block;
            position: relative;
            top: 0.3125rem;
            left: -0.2rem;
            margin-right: 0.3125rem;
          }
        }
      }
      a[target=_blank]:after{
        display: none;
     }
    }

 .photo{
  position: relative;
}
.mov .photo:after{
  content: "";
  width: 2.5625rem;
  height: 2.5625rem;

  margin-top: calc(50% - 2.5rem);
  margin-left: calc(50% - 1.25rem);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0.3125rem;
  left:0.2rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
  @media screen and (max-width: 59.375rem) {
    margin-top: 10%;
    margin-left: calc(50% - 2.5rem);
    width: 5rem;
    height: 5rem;
  }
} 


a:hover.mov  .photo:before{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0rem;
  left:0rem;
  box-shadow:inset 12.5rem 12.5rem 12.5rem rgb(68 68 68 / 0.4);
}

 a:hover .photo:before{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0rem;
  left:0rem;
  box-shadow:inset 12.5rem 12.5rem 12.5rem rgb(68 68 68 / 0.4);
}

a:hover.mov  .photo:after{
  content: "";
  width: 2.5625rem;
  height: 2.5625rem;
  margin-top: calc(50% - 2.5rem);
  margin-left: calc(50% - 1.25rem);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0.3125rem;
  left:0.2rem;
  @media screen and (max-width: 59.375rem) {
    margin-top:  10%;
    margin-left: calc(50% - 2.5rem);
    width: 5rem;
    height: 5rem;
  }
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
}


  }
}

#relevant-resources_paginate {
  margin-top: 1.875rem;
  text-align: center;
}
.paginate_button {
  background-color: transparent;
  color: #000;
  font-weight: 300;
  padding: 0.3125rem 0.625rem;
  margin: 0rem 0.3125rem;
  cursor: pointer;
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
  &.current {
    font-weight: 700;
  }
}