/*add overrides to default styling here*/ /* Pull through custom font*/ @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,500,700,400italic,700italic); /* Override fonts with custom*/ html, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .glyphicon a { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; } @font-face { font-family: 'Lora'; src: url('../fonts/lora-v16-latin-regular.woff2') format('woff2'); } @font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat-v15-latin-regular.woff2') format('woff2'); } @font-face { font-family: 'Heebo'; src: url('../fonts/heebo-v9-latin-regular.woff2') format('woff2'); } @font-face { font-family: 'Museo'; src: url('../fonts/3B2653_0_0.woff2') format('woff2'); } @font-face { font-family: 'fa-brands-400'; src: url('../webfonts/fa-brands-400.eot') format('embedded-opentype'); } @font-face { font-family: 'fa-brands-400'; src: url('../webfonts/fa-brands-400.svg') format('svg'); } @font-face { font-family: 'fa-brands-400'; src: url('../webfonts/fa-brands-400.ttf') format('truetype'); } @font-face { font-family: 'fa-brands-400'; src: url('../webfonts/fa-brands-400.woff') format('woff'); } @font-face { font-family: 'fa-brands-400'; src: url('../webfonts/fa-brands-400.woff2') format('woff2'); } @font-face { font-family: 'fa-regular-400'; src: url('../webfonts/fa-regular-400.eot') format('embedded-opentype'); } @font-face { font-family: 'fa-regular-400'; src: url('../webfonts/fa-regular-400.svg') format('svg'); } @font-face { font-family: 'fa-regular-400'; src: url('../webfonts/fa-regular-400.ttf') format('truetype'); } @font-face { font-family: 'fa-regular-400'; src: url('../webfonts/fa-regular-400.woff') format('woff'); } @font-face { font-family: 'fa-regular-400'; src: url('../webfonts/fa-regular-400.woff2') format('woff2'); } @font-face { font-family: 'fa-solid-900'; src: url('../webfonts/fa-solid-900.eot') format('embedded-opentype'); } @font-face { font-family: 'fa-solid-900'; src: url('../webfonts/fa-solid-900.svg') format('svg'); } @font-face { font-family: 'fa-solid-900'; src: url('../webfonts/fa-solid-900.ttf') format('truetype'); } @font-face { font-family: 'fa-solid-900'; src: url('../webfonts/fa-solid-900.woff') format('woff'); } @font-face { font-family: 'fa-solid-900'; src: url('../webfonts/fa-solid-900.woff2') format('woff2'); } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'pro-fa-brands-400-0'; src: url('../webfonts/pro-fa-brands-400-0.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-brands-400-1'; src: url('../webfonts/pro-fa-brands-400-1.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-light-300-13'; src: url('../webfonts/pro-fa-light-300-13.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-regular-400-1'; src: url('../webfonts/pro-fa-regular-400-1.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-regular-400-13'; src: url('../webfonts/pro-fa-regular-400-13.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-sharp-solid-900-12'; src: url('../webfonts/pro-fa-sharp-solid-900-12.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-sharp-solid-900-6'; src: url('../webfonts/pro-fa-sharp-solid-900-6.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-solid-900-0'; src: url('../webfonts/pro-fa-solid-900-0.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-solid-900-1'; src: url('../webfonts/pro-fa-solid-900-1.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-solid-900-12'; src: url('../webfonts/pro-fa-solid-900-12.woff2') format('woff2'); } @font-face { font-family: 'pro-fa-solid-900-15'; src: url('../webfonts/pro-fa-solid-900-15.woff2') format('woff2'); } .fa { font-family: pro-fa-solid-900-15; } .fa.fa-facebook, .fa.fa-twitter, .fa.fa-linkedin, .fa.fa-youtube, .fa.fa-instagram, .fa.fa-linkedin:before { font-family: pro-fa-brands-400-1; } /* Move down content because we have a fixed navbar that is 50px tall */ body { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; padding-bottom: 20px; } .navbar { background-color:rgb(41,57,85); /* Visual Studio Blue*/ border:none; } .navbar-fixed-bottom { background-color:transparent; } footer { font-weight: 700; } .textfieldlabelrequired { font-size: 16px !important; } .panel { padding: 15px; margin-bottom: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); } .panel-heading { padding: 10px 15px; margin: -15px -15px 15px; background-color: #f5f5f5; border-bottom: 1px solid #ddd; border-top-right-radius: 3px; border-top-left-radius: 3px; } #dpSearchGrid { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } /*Tables for mobile - Excludes datepicker and fee grid with :not(.ui-datepicker-calendar):not(#FeeGrid)*/ @media screen and (max-width: 600px) { body .table:not(.ui-datepicker-calendar):not(#FeeGrid) { display: flex; flex-wrap: wrap; justify-content: center; vertical-align: bottom; padding: 0px !important; background-color: #fff; Color: #222 } .table:not(.ui-datepicker-calendar):not(#FeeGrid) .tr { display: flex; flex-direction: column; background-color: #fff; Color: #222 } .table:not(.ui-datepicker-calendar):not(#FeeGrid) .td { white-space: nowrap; background-color: #fff; Color: #222 } } table:not(.ui-datepicker-calendar):not(#FeeGrid) { border: none; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; background-color: #fff; Color: #222; border-radius: 50px !important; } table:not(.ui-datepicker-calendar):not(#FeeGrid) caption { font-size: 1.5em; margin: .5em 0 .75em; background-color: #fff; Color: #222 } table:not(.ui-datepicker-calendar):not(#FeeGrid) tr { margin-top: 15px; background-color: #f8f8f8; /* border: 1px solid #222;*/ padding: 0; background-color: #fff; Color: #222; border: 1px solid #fff; } table:not(.ui-datepicker-calendar):not(#FeeGrid) th, table:not(.ui-datepicker-calendar):not(#FeeGrid) td { padding: .625em; /* border: 1px solid #222 !important;*/ /*text-align: center;*/ background-color: #fff; Color: #222; margin-top: 1px; word-break: break-word; } @media screen and (max-width: 1200px) { table:not(.ui-datepicker-calendar):not(#FeeGrid) { border: 0; background-color: #fff; Color: #222 } table:not(.ui-datepicker-calendar):not(#FeeGrid) caption { font-size: 1.3em; background-color: #fff; Color: #222 } table:not(.ui-datepicker-calendar):not(#FeeGrid) th, table:not(.ui-datepicker-calendar):not(#FeeGrid) td { padding: .625em; /*border: 1x solid #222 !important;*/ /*text-align: center;*/ background-color: #fff; Color: #222; margin-top: 1px; display: grid; } table:not(.ui-datepicker-calendar):not(#FeeGrid) thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: flex; flex-wrap: wrap; background-color: #fff; Color: #222 } table:not(.ui-datepicker-calendar):not(#FeeGrid) tr { /* border-bottom: 1px solid #222;*/ display: block; margin-bottom: .025em; background-color: #fff; Color: #222 } table:not(.ui-datepicker-calendar):not(#FeeGrid) td { /* border-bottom: 1px solid #ddd;*/ display: block; border: none; background-color: #fff; Color: #222 } table:not(.ui-datepicker-calendar):not(#FeeGrid) td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; background-color: #fff; Color: #222; display: grid; } table:not(.ui-datepicker-calendar):not(#FeeGrid) td:last-child { border-bottom: 0; background-color: #fff; Color: #222 } } #dpSearchGrid:before, #dpSearchGrid:after { display: table; content: " "; } #dpSearchGrid:after { clear: both; } #dpSearchGrid a { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } #dpSearchGrid a, #dpSearchGrid span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } #dpSearchGrid a:hover, #dpSearchGrid a:focus { text-decoration: none; background-color: #f5f5f5; } #QASCapture_QASTable { width:100%; } /* Start Compass Controls*/ .btnSearch { background-image:url('../_images/btnsearch.png'); width:136px; height:37px } .textfieldlabelrequired { font-weight:700; } #FeeGrid { width:auto; text-align:left; } #FeeGridHeaderRow { font-weight: 700; } .courselistgrid { margin:auto; width: 90%; } .MarketingFieldListView li { vertical-align :top ; display:inline-block; } .usercontrol { text-align: left; border-style:none; margin: 20px; } .searchpanel{ padding-right: 25px; } .searchBox { width: 100%; } .imageLabel { display:block !important; } .resultspanel { vertical-align:top; } .resultspanel div div { /*padding:10px;*/ } .tblrow:nth-child(even) { background-color: #f9f9f9; } .searchgridcell { padding-right: 10px; } .searchgridcell:nth-child(even) { background-color: #f9f9f9; } .searchgridcell:nth-child(even) { background-color: #f9f9f9; } .searchgridheaderAccount { background-color: #cfdde8; } .searchgridheader th { text-align: center; } .MarketingField1Image{ border-radius:15px; width:120px; background-color:#FFF; margin: 0 10px 10px 10px; float:left; -webkit-box-shadow: 0 1px 3px #c3c3c3; -moz-box-shadow: 0 1px 3px #c3c3c3; box-shadow: 0 1px 3px #c3c3c3; overflow:hidden; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .MarketingField1Image:hover{ -webkit-box-shadow: 0 0 8px #83B3D6, 0 0 8px #83B3D6; -moz-box-shadow: 0 0 8px #83B3D6, 0 0 8px #83B3D6; box-shadow: 0 0 8px #83B3D6, 0 0 8px #83B3D6; } .MarketingField1Image img{ display:block; width:120px; -webkit-box-shadow: 0 2px 1px #c3c3c3; -moz-box-shadow: 0 2px 1px #c3c3c3; box-shadow: 0 2px 1px #c3c3c3; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0; opacity:0.8; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .MarketingField1Image img:hover{ opacity:1; } .MarketingFieldListView h3{ font-size:75%; font-weight:normal; padding:5px 0 0 8px; color:#2d2d2d; text-decoration:none; text-align:center; } .MarketingFieldListView h3 a{ text-decoration:none; color:#2d2d2d; } .MarketingFieldListView span{ font-size:80%; font-weight:normal; padding:0 0 0 8px; color:#83B3D6; text-decoration:none; text-align: center; } span input[type="image"] { padding:10px; } #CourseSearchPanel_ListView { text-align:center; } #FeeGridFeeTypeCell { text-align:center; width:200px; } #FeeGridAmountCell { text-align:center; width:150px; } /* End Compass Controls*/ .error { display:block; } /**** QAS showloading ****/ .loading-indicator { height: 80px; width: 80px; background: url('data:image/gif;base64,R0lGODlhHwAfAPUAAP///wAAAOjo6NLS0ry8vK6urqKiotzc3Li4uJqamuTk5NjY2KqqqqCgoLCwsMzMzPb29qioqNTU1Obm5jY2NiYmJlBQUMTExHBwcJKSklZWVvr6+mhoaEZGRsbGxvj4+EhISDIyMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA4BiwSQexKh0eEAkrldAZbvlOD5TqYKALWu5XIwnPFwwymY0GsRgAxrwuJwbCi8aAHlYZ3sVdwtRCm8JgVgODwoQAAIXGRpojQwKRGSDCRESYRsGHYZlBFR5AJt2a3kHQlZlERN2QxMRcAiTeaG2QxJ5RnAOv1EOcEdwUMZDD3BIcKzNq3BJcJLUABBwStrNBtjf3GUGBdLfCtadWMzUz6cDxN/IZQMCvdTBcAIAsli0jOHSJeSAqmlhNr0awo7RJ19TJORqdAXVEEVZyjyKtE3Bg3oZE2iK8oeiKkFZGiCaggelSTiA2LhxiZLBSjZjBL2siNBOFQ84LxHA+mYEiRJzBO7ZCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82YAIQxRCm14Ww4PChAAEAoPDlsAFRUgHkRiZAkREmoSEXiVlRgfQgeBaXRpo6MOQlZbERN0Qx4drRUcAAJmnrVDBrkVDwNjr8BDGxq5Z2MPyUQZuRgFY6rRABe5FgZjjdm8uRTh2d5b4NkQY0zX5QpjTc/lD2NOx+WSW0++2RJmUGJhmZVsQqgtCE6lqpXGjBchmt50+hQKEAEiht5gUcTIESR9GhlgE9IH0BiTkxrMmWIHDkose9SwcQlHDsOIk9ygiVbl5JgMLuV4HUmypMkTOkEAACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2LQV3t4UBcvcF9/eFpdYxdgZ5hUYA73YGxruCbVjt78G7hXFqlhY/fLQwR0HIQdGuUrTz5eQdIc0cfIEwByGD0MKvcGSaFGjR8GyeAPhIUofQGNQSgrB4IsdOCqx7FHDBiYcOQshYjKDxliVDpRjunCjdSTJkiZP6AQBACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2I3WBcvczltNxNzIW0693MFYT7bTumNQqlisv7BjswAHo64egFdQAbj0RtOXDQY6VAAUakihN1gSLaJ1IYOGChgXXqEUpQ9ASRlDYhT0xQ4cACJDhqDD5mRKjCAYuArjBmVKDP9+VRljMyMHDwcfuBlBooSCBQwJiqkJAgAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA8BQIAwExKh0eEAkrlcA9oo4TKcKwharHScIiu9wwTBn3QnGQg1owBNld+O72N/zZnVzRApteFsODwoQABAKDw5bZQxpQ2JkCRESahIRh1gEVIGVamlmXgBWWxETdEMTnlsIAAJmm65DEmZGYw64UZFbR2MPv0QPY0hjpMYKY0ljjMZCEGNK09MG0diN1gXL3M5bTcTcyFtOvdzBWE+207pjUKpYrL+wY7MAB4EerqZjUAG4lKVCBwMbvnT6dCXUkEIFK0jUkOECFEeQJF2hFKUPAIkgQwIaI+hLiJAoR27Zo4YBCJQgVW4cpMYDBpgVZKL59cEBhw+U+QROQ4bBAoUlTZ7QCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82Z1c0QKbXhbDg8KEAAQCg8OW2UMaUNiZAkREmoSEYdYBFSBlWppZl4AVlsRE3RDE55bCAACZpuuQxJmRmMOuFGRW0djD79ED2NIY6TGCmNJY4zGQhBjStPTFBXb21DY1VsGFtzbF9gAzlsFGOQVGefIW2LtGhvYwVgDD+0V17+6Y6BwaNfBwy9YY2YBcMAPnStTY1B9YMdNiyZOngCFGuIBxDZAiRY1eoTvE6UoDEIAGrNSUoNBUuzAaYlljxo2M+HIeXiJpRsRNMaq+JSFCpsRJEqYOPH2JQgAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfjywjlzX9jdXNEHiAVFX8ODwoQABAKDw5bZQxpQh8YiIhaERJqEhF4WwRDDpubAJdqaWZeAByoFR0edEMTolsIAA+yFUq2QxJmAgmyGhvBRJNbA5qoGcpED2MEFrIX0kMKYwUUslDaj2PA4soGY47iEOQFY6vS3FtNYw/m1KQDYw7mzFhPZj5JGzYGipUtESYowzVmF4ADgOCBCZTgFQAxZBJ4AiXqT6ltbUZhWdToUSR/Ii1FWbDnDkUyDQhJsQPn5ZU9atjUhCPHVhgTNy/RSKsiqKFFbUaQKGHiJNyXIAAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEh8JDAWCsBQIAwExKhU+HFwKlgsIMHlIg7TqQeTLW+7XYIiPGSAymY0mrFgA0LwuLzbCC/6eVlnewkADXVECgxcAGUaGRdQEAoPDmhnDGtDBJcVHQYbYRIRhWgEQwd7AB52AGt7YAAIchETrUITpGgIAAJ7ErdDEnsCA3IOwUSWaAOcaA/JQ0amBXKa0QpyBQZyENFCEHIG39HcaN7f4WhM1uTZaE1y0N/TacZoyN/LXU+/0cNyoMxCUytYLjm8AKSS46rVKzmxADhjlCACMFGkBiU4NUQRxS4OHijwNqnSJS6ZovzRyJAQo0NhGrgs5bIPmwWLCLHsQsfhxBWTe9QkOzCwC8sv5Ho127akyRM7QQAAOwAAAAAAAAAAAA==') /*../_images/loading.gif*/; background-repeat: no-repeat; background-position: center center; } .loading-indicator-overlay { background-color: #FFFFFF; opacity: 0.6; filter: alpha(opacity = 60); } /*#region Toastr*/ .toast{ text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 2px rgba(0, 0, 0, 0.05); padding: 15px!important; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } #toast-container > .toast:before { position: relative; font-family: 'Glyphicons Halflings'; top: 1px; display: inline-block; font-style: normal; font-size: 24px; font-weight: 400; padding-right: 0.5em; line-height: 1; -webkit-font-smoothing: antialiased; float: left; } /*Success*/ #toast-container > .toast-success{ background-image: linear-gradient(to bottom, #DFF0D8 0px, #C8E5BC 100%)!important; background-repeat: repeat-x; border-color: #B2DBA1; color: #3C763D !important; background-color: #DFF0D8; } .toast-success > .toast-close-button{ color: #3C763D!important; } #toast-container > .toast-success:before { content: "\e013"; } /*Error*/ #toast-container > .toast-error{ background-image: linear-gradient(to bottom, #F2DEDE 0px, #E7C3C3 100%)!important; background-repeat: repeat-x; border-color: #DCA7A7; color: #A94442 !important; background-color: #F2DEDE; } .toast-error > .toast-close-button{ color: #A94442!important; } #toast-container > .toast-error:before { content: " \e101"; } /*Info*/ #toast-container > .toast-info{ background-image: linear-gradient(to bottom, #D9EDF7 0px, #B9DEF0 100%)!important; background-repeat: repeat-x; border-color: #9ACFEA; color: #31708F !important; background-color: #D9EDF7; } .toast-info > .toast-close-button{ color: #31708F!important; } #toast-container > .toast-info:before { content: "\e086"; } /*Warning*/ #toast-container > .toast-warning{ background-image: linear-gradient(to bottom, #FCF8E3 0px, #F8EFC0 100%)!important; background-repeat: repeat-x; border-color: #F5E79E; color: #8A6D3B !important; background-color: #FCF8E3; } .toast-warning > .toast-close-button{ color: #8A6D3B!important; } #toast-container > .toast-warning:before { content: "\e107"; } /*#endregion Toastr*/ .ui-datepicker-title { color:black; } /*User Account CSS */ ol.progtrckr { margin: 0; padding: 0; list-style-type none; } ol.progtrckr li { display: inline-block; text-align: center; line-height: 3em; } ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; } ol.progtrckr li.progtrckr-done { color: black; border-bottom: 4px solid yellowgreen; } ol.progtrckr li.progtrckr-current { color: gold; border-bottom: 4px solid rgb(247,237,190); } ol.progtrckr li.progtrckr-todo { color: silver; border-bottom: 4px solid silver; } ol.progtrckr li:after { content: "\00a0\00a0"; } ol.progtrckr li:before { position: relative; bottom: -2.5em; float: left; left: 50%; line-height: 1em; } ol.progtrckr li.progtrckr-done:before { content: "\2713"; color: #f5f5f5; background-color: yellowgreen; height: 1.2em; width: 1.2em; line-height: 1.2em; border: none; border-radius: 1.2em; } ol.progtrckr li.progtrckr-current:before { content: "\039F"; color: gold; background-color: white; font-size: 1.5em; bottom: -1.6em; } ol.progtrckr li.progtrckr-todo:before { content: "\039F"; color: silver; background-color: white; font-size: 1.5em; bottom: -1.6em; } .courseHeader { font-size: x-large; color:yellowgreen; } .prog-details { border-radius: 4px; margin-top: 10px; } .ui-datepicker .ui-datepicker-header { background: #4f7671; } .prog-details > div { height: 192px; padding: 4px; overflow: hidden; min-height: 192px; min-width: 217px; line-height: 2em; text-align: left; /* Animation time */ -webkit-transition: height 2.0s; -moz-transition: height 2.0s; -o-transition: height 2.0s; transition: height 2.0s; } .prog-details > div:hover{ min-height:192px; height: auto; /* This is the height on hover */ } .done { background-color:rgb(205,229,146) ; } .todo { background-color:rgb(233,233,233); } .current { background-color:rgb(247,237,190); } .errorLogo { margin: auto; width:200px; } #SearchButton { margin-top:10px; } @charset "UTF-8"; @keyframes lds-dual-ring { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes kenburns { to { transform: scale3d(1.5,1.5,1.5); animation-timing-function: ease-in } } meta.foundation-version { font-family: "/5.5.0/" } meta.foundation-mq-small { font-family: "/only screen/"; width: 0 } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 48em)/"; width: 0 } meta.foundation-mq-medium { font-family: "/only screen and (min-width:48.063em)/"; width: 48.063em } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:48.063em) and (max-width:64em)/"; width: 48.063em } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.063em) and (max-width:80em)/"; width: 64.063em } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:80.063em)/"; width: 80.063em } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:80.063em) and (max-width:90em)/"; width: 80.063em } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em } meta.foundation-data-attribute-namespace { font-family: false } body, html { height: 100%; font-size: 100% } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { background: #f9f9eb; color: #585858; padding: 0; margin: 0; font-family: "Museo" !important; font-weight: 400; font-style: normal; line-height: 1.5; position: relative; cursor: auto } a:hover { cursor: pointer; text-decoration: underline } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle } #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object { max-width: none !important } .left { float: left !important } .right { float: right !important } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } .hide { display: none !important } .hide, .invisible { visibility: hidden } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } textarea { height: auto; min-height: 50px } .button, button, select { border-style: solid; line-height: normal; font-size: 1rem } select { width: 100%; -webkit-appearance: none !important; background-color: #f1f1dd; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border-width: 1px; border-color: #dcdbcf; padding: .9375rem; color: #363636; font-family: "Museo" !important; } .button, button { border-width: 0; cursor: pointer; font-family: "Museo"; font-weight: 400; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: 1rem 2rem 1.0625rem; background-color: #4f7671; border-color: #3f5e5a; color: #fff; transition: background-color 300ms ease-out } .button:focus, .button:hover, button:focus, button:hover { background-color: #3f5e5a; color: #fff } .button.secondary, button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333 } .button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover { background-color: #b9b9b9; color: #333 } .button.success, button.success { background-color: #43ac6a; border-color: #368a55; color: #fff } .button.success:focus, .button.success:hover, button.success:focus, button.success:hover { background-color: #368a55; color: #fff } .button.alert, button.alert { background-color: #f04124; border-color: #cf2a0e; color: #fff } .button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover { background-color: #cf2a0e; color: #fff } .button.warning, button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #fff } .button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover { background-color: #cf6e0e; color: #fff } .button.info, button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333 } .button.info:focus, .button.info:hover, button.info:focus, button.info:hover { background-color: #61b6d9; color: #fff } .button.large, button.large { padding: 1.125rem 2.25rem 1.1875rem; font-size: 1.25rem } .button.small, button.small { padding: .75rem 1.5rem .8125rem; font-size: .8125rem } .button.tiny, button.tiny { padding: .625rem 1.25rem .6875rem; font-size: .6875rem } .button.expand, button.expand { padding-right: 0; padding-left: 0; width: 100% } .button.left-align, button.left-align { text-align: left; text-indent: .75rem } .button.right-align, button.right-align { text-align: right; padding-right: .75rem } .button.radius, button.radius { border-radius: 4px } .button.round, button.round { border-radius: 1000px } .button.disabled, .button[disabled], button.disabled, button[disabled] { background-color: #4f7671; border-color: #3f5e5a; color: #fff; cursor: default; opacity: .7; box-shadow: none } .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover { color: #fff; background-color: #4f7671 } .button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333; cursor: default; opacity: .7; box-shadow: none } .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover { color: #333; background-color: #e7e7e7 } .button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success { background-color: #43ac6a; border-color: #368a55; color: #fff; cursor: default; opacity: .7; box-shadow: none } .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover { color: #fff; background-color: #43ac6a } .button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert { background-color: #f04124; border-color: #cf2a0e; color: #fff; cursor: default; opacity: .7; box-shadow: none } .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover { color: #fff; background-color: #f04124 } .button.disabled.warning, .button[disabled].warning, button.disabled.warning, button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #fff; cursor: default; opacity: .7; box-shadow: none } .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover { color: #fff; background-color: #f08a24 } .button.disabled.info, .button[disabled].info, button.disabled.info, button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333; cursor: default; opacity: .7; box-shadow: none } .button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover { color: #fff; background-color: #a0d3e8 } button::-moz-focus-inner { border: 0; padding: 0 } @media only screen and (min-width: 48.063em) { .button, button { display: inline-block } } form { margin: 0 0 1.875rem } form .row .row { margin: 0 -.9375rem } form .row .row .column, form .row .row .columns { padding: 0 .9375rem } form .row .row.collapse { margin: 0 } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0 } form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0 } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: .9375rem } .postfix, .prefix, label { display: block; font-size: 1rem } label { color: #2a2d1c; cursor: pointer; line-height: 1.5; margin-bottom: 0; font-family: "Museo"; font-weight: 400 } label.right { float: none !important; text-align: right } label.inline { margin: 0 0 1.875rem; padding: 1rem 0 } label small { text-transform: capitalize; color: #505535 } .postfix, .prefix { position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; height: 3.75rem; line-height: 3.75rem } .postfix.button, .prefix.button { padding: 0; text-align: center; border: 0 } .prefix.button.radius, form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px } .postfix.button.radius, form .row .postfix-radius.row.collapse .postfix, form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea { border-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px } .prefix.button.round, form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px } .postfix.button.round { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px } label.prefix, span.prefix { background: #f2f2f2; border-right: none; color: #333; border-color: #ccc } label.postfix, span.postfix { background: #f2f2f2; border-left: none; color: #333; border-color: #ccc } input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { padding: .9375rem } input[type=color], select,.form-control, input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea { -webkit-appearance: none; background-color: #f1f1dd; font-family: "Museo"; border-style: solid; border-width: 1px; border-color: #dcdbcf; box-shadow: none; color: #363636; display: block; font-size: 1rem; margin: 0 0 1.875rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:3.75rem; } input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus { background: #fff; border-color: #c0bfb1; outline: 0 } input[type=color]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=datetime]:disabled, input[type=email]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=week]:disabled, textarea:disabled { background-color: #ddd; cursor: default } fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input[type=color][disabled], input[type=color][readonly], input[type=date][disabled], input[type=date][readonly], input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime][disabled], input[type=datetime][readonly], input[type=email][disabled], input[type=email][readonly], input[type=month][disabled], input[type=month][readonly], input[type=number][disabled], input[type=number][readonly], input[type=password][disabled], input[type=password][readonly], input[type=search][disabled], input[type=search][readonly], input[type=tel][disabled], input[type=tel][readonly], input[type=text][disabled], input[type=text][readonly], input[type=time][disabled], input[type=time][readonly], input[type=url][disabled], input[type=url][readonly], input[type=week][disabled], input[type=week][readonly], textarea[disabled], textarea[readonly] { background-color: #ddd; cursor: default } input[type=color].radius, input[type=date].radius, input[type=datetime-local].radius, input[type=datetime].radius, input[type=email].radius, input[type=month].radius, input[type=number].radius, input[type=password].radius, input[type=search].radius, input[type=tel].radius, input[type=text].radius, input[type=time].radius, input[type=url].radius, input[type=week].radius, select.radius, textarea.radius { border-radius: 4px } form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea { border-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px } form .row .postfix-round.row.collapse .postfix, form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px } form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px } input[type=submit] { -webkit-appearance: none; background: #4f7671; border-radius: 0; border: none; } textarea[rows] { height: auto } textarea { max-width: 100% } select::-ms-expand { display: none } select:hover { background-color: #fff; border-color: #c0bfb1 } select:disabled { background-color: #ddd; cursor: default } input[type=checkbox], input[type=file], input[type=radio], select { margin: 0 0 1.875rem } input[type=checkbox] + label, input[type=radio] + label { display: inline-block; margin-left: .9375rem; margin-right: 1.875rem; margin-bottom: 0; vertical-align: baseline } .row, input[type=file] { width: 100% } fieldset { border: 0 #ddd; padding: 0; margin: 0 } fieldset legend { font-weight: 700; background: #fff; padding: 0 .1875rem; margin: 0; margin-left: -.1875rem } [data-abide] .error small.error, [data-abide] .error span.error, small.error, span.error { display: block } [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error, small.error, span.error { padding: .375rem .5625rem .5625rem; margin-top: -1px; margin-bottom: 1.875rem; font-size: .75rem; font-weight: 400; font-style: italic; color: #fff } .slick-slide.slick-loading img, [data-abide] small.error, [data-abide] span.error { display: none } #ccc #ccc-icon, .error input, .error select, .error textarea, .row .row, input.error, select.error, textarea.error { margin-bottom: 0 } .error input[type=checkbox], .error input[type=radio], .error small.error { margin-bottom: 1.875rem } .error label, .error label.error, label.error { color: #f04124 } .error small.error { display: block; padding: .375rem .5625rem .5625rem; margin-top: -1px; font-size: .75rem; font-weight: 400; font-style: italic; background: #f04124; color: #fff } .error > label > small { color: #505535; background: 0 0; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline } .error span.error-message, .slick-slide img { display: block } .row { margin: 0 auto; max-width: 77.5rem } .row .row.collapse:after, .row .row.collapse:before, .row .row:after, .row .row:before, .row:after, .row:before { content: " "; display: table } .row .row.collapse:after, .row .row:after, .row:after { clear: both } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0 } .row.collapse .row { margin-left: 0; margin-right: 0 } .row .row { width: auto; margin-left: -.5rem; margin-right: -.5rem; margin-top: 0; max-width: none } .row .row.collapse { width: auto; margin: 0; max-width: none } .column, .columns { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } [class*=column] + [class*=column]:last-child { float: right } [class*=column] + [class*=column].end { float: left } @media only screen { .small-pull-0, .small-push-0 { position: relative; left: 0; right: auto } .small-pull-0 { right: 0; left: auto } .small-pull-1, .small-push-1 { position: relative; left: 8.3333333333%; right: auto } .small-pull-1 { right: 8.3333333333%; left: auto } .small-pull-2, .small-push-2 { position: relative; left: 16.6666666667%; right: auto } .small-pull-2 { right: 16.6666666667%; left: auto } .small-pull-3, .small-push-3 { position: relative; left: 25%; right: auto } .small-pull-3 { right: 25%; left: auto } .small-pull-4, .small-push-4 { position: relative; left: 33.3333333333%; right: auto } .small-pull-4 { right: 33.3333333333%; left: auto } .small-pull-5, .small-push-5 { position: relative; left: 41.6666666667%; right: auto } .small-pull-5 { right: 41.6666666667%; left: auto } .small-pull-6, .small-push-6 { position: relative; left: 50%; right: auto } .small-pull-6 { right: 50%; left: auto } .small-pull-7, .small-push-7 { position: relative; left: 58.3333333333%; right: auto } .small-pull-7 { right: 58.3333333333%; left: auto } .small-pull-8, .small-push-8 { position: relative; left: 66.6666666667%; right: auto } .small-pull-8 { right: 66.6666666667%; left: auto } .small-pull-9, .small-push-9 { position: relative; left: 75%; right: auto } .small-pull-9 { right: 75%; left: auto } .small-pull-10, .small-push-10 { position: relative; left: 83.3333333333%; right: auto } .small-pull-10 { right: 83.3333333333%; left: auto } .small-pull-11, .small-push-11 { position: relative; left: 91.6666666667%; right: auto } .small-pull-11 { right: 91.6666666667%; left: auto } .column, .columns { position: relative; padding-left: .5rem; padding-right: .5rem; float: left } .small-1 { width: 8.3333333333% } .small-2 { width: 16.6666666667% } .small-3 { width: 25% } .small-4 { width: 33.3333333333% } .small-5 { width: 41.6666666667% } .small-6 { width: 50% } .small-7 { width: 58.3333333333% } .small-8 { width: 66.6666666667% } .small-9 { width: 75% } .small-10 { width: 83.3333333333% } .small-11 { width: 91.6666666667% } .small-12 { width: 100% } .small-offset-0 { margin-left: 0 !important } .small-offset-1 { margin-left: 8.3333333333% !important } .small-offset-2 { margin-left: 16.6666666667% !important } .small-offset-3 { margin-left: 25% !important } .small-offset-4 { margin-left: 33.3333333333% !important } .small-offset-5 { margin-left: 41.6666666667% !important } .small-offset-6 { margin-left: 50% !important } .small-offset-7 { margin-left: 58.3333333333% !important } .small-offset-8 { margin-left: 66.6666666667% !important } .small-offset-9 { margin-left: 75% !important } .small-offset-10 { margin-left: 83.3333333333% !important } .small-offset-11 { margin-left: 91.6666666667% !important } .small-reset-order { left: auto; right: auto } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none } .column.small-uncentered, .columns.small-uncentered, .small-reset-order { margin-left: 0; margin-right: 0; float: left } .column.small-centered:last-child, .columns.small-centered:last-child { float: none } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right } .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0 } .row.small-collapse .row { margin-left: 0; margin-right: 0 } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: .5rem; padding-right: .5rem; float: left } } @media only screen and (min-width: 48.063em) { .medium-pull-0, .medium-push-0 { position: relative; left: 0; right: auto } .medium-pull-0 { right: 0; left: auto } .medium-pull-1, .medium-push-1 { position: relative; left: 8.3333333333%; right: auto } .medium-pull-1 { right: 8.3333333333%; left: auto } .medium-pull-2, .medium-push-2 { position: relative; left: 16.6666666667%; right: auto } .medium-pull-2 { right: 16.6666666667%; left: auto } .medium-pull-3, .medium-push-3 { position: relative; left: 25%; right: auto } .medium-pull-3 { right: 25%; left: auto } .medium-pull-4, .medium-push-4 { position: relative; left: 33.3333333333%; right: auto } .medium-pull-4 { right: 33.3333333333%; left: auto } .medium-pull-5, .medium-push-5 { position: relative; left: 41.6666666667%; right: auto } .medium-pull-5 { right: 41.6666666667%; left: auto } .medium-pull-6, .medium-push-6 { position: relative; left: 50%; right: auto } .medium-pull-6 { right: 50%; left: auto } .medium-pull-7, .medium-push-7 { position: relative; left: 58.3333333333%; right: auto } .medium-pull-7 { right: 58.3333333333%; left: auto } .medium-pull-8, .medium-push-8 { position: relative; left: 66.6666666667%; right: auto } .medium-pull-8 { right: 66.6666666667%; left: auto } .medium-pull-9, .medium-push-9 { position: relative; left: 75%; right: auto } .medium-pull-9 { right: 75%; left: auto } .medium-pull-10, .medium-push-10 { position: relative; left: 83.3333333333%; right: auto } .medium-pull-10 { right: 83.3333333333%; left: auto } .medium-pull-11, .medium-push-11 { position: relative; left: 91.6666666667%; right: auto } .medium-pull-11 { right: 91.6666666667%; left: auto } .column, .columns { position: relative; padding-left: .5rem; padding-right: .5rem; float: left } .medium-1 { width: 8.3333333333% } .medium-2 { width: 16.6666666667% } .medium-3 { width: 25% } .medium-4 { width: 33.3333333333% } .medium-5 { width: 41.6666666667% } .medium-6 { width: 50% } .medium-7 { width: 58.3333333333% } .medium-8 { width: 66.6666666667% } .medium-9 { width: 75% } .medium-10 { width: 83.3333333333% } .medium-11 { width: 91.6666666667% } .medium-12 { width: 100% } .medium-offset-0 { margin-left: 0 !important } .medium-offset-1 { margin-left: 8.3333333333% !important } .medium-offset-2 { margin-left: 16.6666666667% !important } .medium-offset-3 { margin-left: 25% !important } .medium-offset-4 { margin-left: 33.3333333333% !important } .medium-offset-5 { margin-left: 41.6666666667% !important } .medium-offset-6 { margin-left: 50% !important } .medium-offset-7 { margin-left: 58.3333333333% !important } .medium-offset-8 { margin-left: 66.6666666667% !important } .medium-offset-9 { margin-left: 75% !important } .medium-offset-10 { margin-left: 83.3333333333% !important } .medium-offset-11 { margin-left: 91.6666666667% !important } .medium-reset-order { left: auto; right: auto } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none } .column.medium-uncentered, .columns.medium-uncentered, .medium-reset-order { margin-left: 0; margin-right: 0; float: left } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right } .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0 } .row.medium-collapse .row { margin-left: 0; margin-right: 0 } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: .5rem; padding-right: .5rem; float: left } .pull-0, .push-0 { position: relative; left: 0; right: auto } .pull-0 { right: 0; left: auto } .pull-1, .push-1, .push-2 { position: relative; left: 8.3333333333%; right: auto } .pull-1, .push-2 { right: 8.3333333333%; left: auto } .push-2 { left: 16.6666666667%; right: auto } .pull-2, .pull-3, .push-3 { position: relative; right: 16.6666666667%; left: auto } .pull-3, .push-3 { left: 25%; right: auto } .pull-3 { right: 25%; left: auto } .pull-4, .push-4, .push-5 { position: relative; left: 33.3333333333%; right: auto } .pull-4, .push-5 { right: 33.3333333333%; left: auto } .push-5 { left: 41.6666666667%; right: auto } .pull-5, .pull-6, .push-6 { position: relative; right: 41.6666666667%; left: auto } .pull-6, .push-6 { left: 50%; right: auto } .pull-6 { right: 50%; left: auto } .pull-7, .push-7, .push-8 { position: relative; left: 58.3333333333%; right: auto } .pull-7, .push-8 { right: 58.3333333333%; left: auto } .push-8 { left: 66.6666666667%; right: auto } .pull-8, .pull-9, .push-9 { position: relative; right: 66.6666666667%; left: auto } .pull-9, .push-9 { left: 75%; right: auto } .pull-9 { right: 75%; left: auto } .pull-10, .push-10 { position: relative; left: 83.3333333333%; right: auto } .pull-10 { right: 83.3333333333%; left: auto } .pull-11, .push-11 { position: relative; left: 91.6666666667%; right: auto } .pull-11 { right: 91.6666666667%; left: auto } } @media only screen and (min-width: 64.063em) { .large-pull-0, .large-push-0 { position: relative; left: 0; right: auto } .large-pull-0 { right: 0; left: auto } .large-pull-1, .large-push-1 { position: relative; left: 8.3333333333%; right: auto } .large-pull-1 { right: 8.3333333333%; left: auto } .large-pull-2, .large-push-2 { position: relative; left: 16.6666666667%; right: auto } .large-pull-2 { right: 16.6666666667%; left: auto } .large-pull-3, .large-push-3 { position: relative; left: 25%; right: auto } .large-pull-3 { right: 25%; left: auto } .large-pull-4, .large-push-4 { position: relative; left: 33.3333333333%; right: auto } .large-pull-4 { right: 33.3333333333%; left: auto } .large-pull-5, .large-push-5 { position: relative; left: 41.6666666667%; right: auto } .large-pull-5 { right: 41.6666666667%; left: auto } .large-pull-6, .large-push-6 { position: relative; left: 50%; right: auto } .large-pull-6 { right: 50%; left: auto } .large-pull-7, .large-push-7 { position: relative; left: 58.3333333333%; right: auto } .large-pull-7 { right: 58.3333333333%; left: auto } .large-pull-8, .large-push-8 { position: relative; left: 66.6666666667%; right: auto } .large-pull-8 { right: 66.6666666667%; left: auto } .large-pull-9, .large-push-9 { position: relative; left: 75%; right: auto } .large-pull-9 { right: 75%; left: auto } .large-pull-10, .large-push-10 { position: relative; left: 83.3333333333%; right: auto } .large-pull-10 { right: 83.3333333333%; left: auto } .large-pull-11, .large-push-11 { position: relative; left: 91.6666666667%; right: auto } .large-pull-11 { right: 91.6666666667%; left: auto } .column, .columns { position: relative; padding-left: .5rem; padding-right: .5rem; float: left } .large-1 { width: 8.3333333333% } .large-2 { width: 16.6666666667% } .large-3 { width: 25% } .large-4 { width: 33.3333333333% } .large-5 { width: 41.6666666667% } .large-6 { width: 50% } .large-7 { width: 58.3333333333% } .large-8 { width: 66.6666666667% } .large-9 { width: 75% } .large-10 { width: 83.3333333333% } .large-11 { width: 91.6666666667% } .large-12 { width: 100% } .large-offset-0 { margin-left: 0 !important } .large-offset-1 { margin-left: 8.3333333333% !important } .large-offset-2 { margin-left: 16.6666666667% !important } .large-offset-3 { margin-left: 25% !important } .large-offset-4 { margin-left: 33.3333333333% !important } .large-offset-5 { margin-left: 41.6666666667% !important } .large-offset-6 { margin-left: 50% !important } .large-offset-7 { margin-left: 58.3333333333% !important } .large-offset-8 { margin-left: 66.6666666667% !important } .large-offset-9 { margin-left: 75% !important } .large-offset-10 { margin-left: 83.3333333333% !important } .large-offset-11 { margin-left: 91.6666666667% !important } .large-reset-order { left: auto; right: auto } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none } .column.large-uncentered, .columns.large-uncentered, .large-reset-order { margin-left: 0; margin-right: 0; float: left } .column.large-centered:last-child, .columns.large-centered:last-child { float: none } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right } .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0 } .row.large-collapse .row { margin-left: 0; margin-right: 0 } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: .5rem; padding-right: .5rem; float: left } .pull-0, .push-0 { position: relative; left: 0; right: auto } .pull-0 { right: 0; left: auto } .pull-1, .push-1, .push-2 { position: relative; left: 8.3333333333%; right: auto } .pull-1, .push-2 { right: 8.3333333333%; left: auto } .push-2 { left: 16.6666666667%; right: auto } .pull-2, .pull-3, .push-3 { position: relative; right: 16.6666666667%; left: auto } .pull-3, .push-3 { left: 25%; right: auto } .pull-3 { right: 25%; left: auto } .pull-4, .push-4, .push-5 { position: relative; left: 33.3333333333%; right: auto } .pull-4, .push-5 { right: 33.3333333333%; left: auto } .push-5 { left: 41.6666666667%; right: auto } .pull-5, .pull-6, .push-6 { position: relative; right: 41.6666666667%; left: auto } .pull-6, .push-6 { left: 50%; right: auto } .pull-6 { right: 50%; left: auto } .pull-7, .push-7, .push-8 { position: relative; left: 58.3333333333%; right: auto } .pull-7, .push-8 { right: 58.3333333333%; left: auto } .push-8 { left: 66.6666666667%; right: auto } .pull-8, .pull-9, .push-9 { position: relative; right: 66.6666666667%; left: auto } .pull-9, .push-9 { left: 75%; right: auto } .pull-9 { right: 75%; left: auto } .pull-10, .push-10 { position: relative; left: 83.3333333333%; right: auto } .pull-10 { right: 83.3333333333%; left: auto } .pull-11, .push-11 { position: relative; left: 91.6666666667%; right: auto } .pull-11 { right: 91.6666666667%; left: auto } } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } .text-justify { text-align: justify !important } @media only screen and (max-width: 48em) { .small-only-text-left { text-align: left !important } .small-only-text-right { text-align: right !important } .small-only-text-center { text-align: center !important } .small-only-text-justify { text-align: justify !important } } @media only screen { .small-text-left { text-align: left !important } .small-text-right { text-align: right !important } .small-text-center { text-align: center !important } .small-text-justify { text-align: justify !important } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .medium-only-text-left { text-align: left !important } .medium-only-text-right { text-align: right !important } .medium-only-text-center { text-align: center !important } .medium-only-text-justify { text-align: justify !important } } @media only screen and (min-width: 48.063em) { .medium-text-left { text-align: left !important } .medium-text-right { text-align: right !important } .medium-text-center { text-align: center !important } .medium-text-justify { text-align: justify !important } } @media only screen and (min-width: 64.063em) and (max-width:80em) { .large-only-text-left { text-align: left !important } .large-only-text-right { text-align: right !important } .large-only-text-center { text-align: center !important } .large-only-text-justify { text-align: justify !important } } @media only screen and (min-width: 64.063em) { .large-text-left { text-align: left !important } .large-text-right { text-align: right !important } .large-text-center { text-align: center !important } .large-text-justify { text-align: justify !important } } @media only screen and (min-width: 80.063em) and (max-width:90em) { .xlarge-only-text-left { text-align: left !important } .xlarge-only-text-right { text-align: right !important } .xlarge-only-text-center { text-align: center !important } .xlarge-only-text-justify { text-align: justify !important } } @media only screen and (min-width: 80.063em) { .xlarge-text-left { text-align: left !important } .xlarge-text-right { text-align: right !important } .xlarge-text-center { text-align: center !important } .xlarge-text-justify { text-align: justify !important } } @media only screen and (min-width: 90.063em) and (max-width:99999999em) { .xxlarge-only-text-left { text-align: left !important } .xxlarge-only-text-right { text-align: right !important } .xxlarge-only-text-center { text-align: center !important } .xxlarge-only-text-justify { text-align: justify !important } } @media only screen and (min-width: 90.063em) { .xxlarge-text-left { text-align: left !important } .xxlarge-text-right { text-align: right !important } .xxlarge-text-center { text-align: center !important } .xxlarge-text-justify { text-align: justify !important } } dd, div, dt, form, li, pre, td, th { margin: 0; padding: 0 } dl, h1, h2, h3, h4, h5, h6, ol, p, ul { padding: 0 } a { color: #005a9a; text-decoration: none; line-height: inherit } a img { border: 0 } blockquote, p { margin: 0 0 1.25em } .subheader, code, p { font-weight: 400 } h1, h2, h3, h4, h5, h6, p { font-family: inherit; text-rendering: optimizeLegibility } p.lead { font-size: 1.09375rem; line-height: 1.6 } p aside { line-height: 1.35 } h1, h2, h3, h4, h5, h6 { font-family: Museo,sans-serif; font-weight: 400; font-style: normal; color: #363636; margin: 0; margin-bottom: 1.25rem; line-height: 1.25 } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #7c7c7c; line-height: 0 } h1 { font-size: 1.375rem } h2, h5 { font-size: 1rem } blockquote cite, h4 { font-size: .8125rem } /*h6, p, p aside { font-size: .875rem }*/ .subheader { line-height: 1.4; color: #7c7c7c; margin-top: .2rem; margin-bottom: .5rem } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0 } em, i, p aside { font-style: italic } b, em, i, small, strong { line-height: inherit } b, strong { font-weight: 700 } small { font-size: 12px } code { font-family: Consolas,"Liberation Mono",Courier,monospace; color: #333; background-color: #f8f8f8; border-width: 1px; border-style: solid; border-color: #dfdfdf; padding: .125rem .3125rem .0625rem } blockquote p, dl, ol, p, ul { line-height: 1.5714285714 } dl, ol, ul { font-size: .875rem; margin: 0 0 1.25em; list-style-position: outside; font-family: inherit } ul { margin-left: 1.1rem } ul.no-bullet { margin-left: 0 } ul.no-bullet li ol, ul.no-bullet li ul { margin-left: 1.25rem; margin-bottom: 0; list-style: none } ol li ol, ol li ul, ul li ol, ul li ul { margin-left: 1.25rem; margin-bottom: 0 } ul.circle li ul, ul.disc li ul, ul.square li ul { list-style: inherit } ul.circle, ul.disc, ul.square { list-style-type: square; margin-left: 1.1rem } ul.circle, ul.disc { list-style-type: circle } ul.disc { list-style-type: disc } ul.no-bullet { list-style: none } ol { margin-left: 1.4rem } dl dt { margin-bottom: .3rem } dl dd { margin-bottom: .75rem } abbr, acronym { font-size: 90%; color: #585858; cursor: help; text-transform: none } acronym { text-transform: uppercase } abbr[title] { border-bottom: 1px dotted #ddd } blockquote { padding: 0; border-left: 0 none; color: #585858 } blockquote cite { display: block; color: #646464 } blockquote cite:before { content: "— " } blockquote cite a, blockquote cite a:visited { color: #646464 } blockquote p { color: #585858 } .vcard { display: inline-block; margin: 0 0 1.25rem; border: 1px solid #ddd; padding: .625rem .75rem } .vcard li { margin: 0; display: block } .vcard .fn, h3 { font-size: .9375rem } .vcard .fn, .vevent .summary, .vevent abbr, dl dt { font-weight: 700 } .vevent abbr { cursor: default; text-decoration: none; border: 0; padding: 0 .0625rem } @media only screen and (min-width: 48.063em) { h1, h2, h3, h4, h5, h6 { line-height: 1.25 } h1 { font-size: 2rem } h2 { font-size: 1.625rem } h3 { font-size: 1.25rem } h4 { font-size: 1.125rem } h5 { font-size: 1rem } h6 { font-size: .875rem } } .print-only { display: none !important } @media print { * { background: 0 0 !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } blockquote, pre { border: 1px solid #999 } thead { display: table-header-group } blockquote, img, pre, tr { page-break-inside: avoid } img { max-width: 100% !important } @page { margin: .5cm } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .hide-on-print { display: none !important } .print-only { display: block !important } .hide-for-print { display: none !important } .show-for-print { display: inherit !important } } .off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; overflow: hidden } .off-canvas-wrap.move-left, .off-canvas-wrap.move-right { min-height: 100%; -webkit-overflow-scrolling: touch } .inner-wrap { position: relative; width: 100%; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease } .inner-wrap:after, .inner-wrap:before { content: " "; display: table } .inner-wrap:after { clear: both } .tab-bar { -webkit-backface-visibility: hidden; background: #333; color: #fff; height: 2.8125rem; line-height: 2.8125rem; position: relative } .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { color: #fff; font-weight: 700; line-height: 2.8125rem; margin: 0 } .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { font-size: 1rem } .left-small { width: 2.8125rem; border-right: solid 1px #1a1a1a; left: 0 } .left-small, .right-small, .tab-bar-section { position: absolute; height: 2.8125rem; top: 0 } .right-small { width: 2.8125rem; border-left: solid 1px #1a1a1a; right: 0 } .tab-bar-section { padding: 0 .625rem; text-align: center } @media only screen and (min-width: 48.063em) { .tab-bar-section.left { text-align: left } .tab-bar-section.right { text-align: right } } .tab-bar-section.left { left: 0; right: 2.8125rem } .tab-bar-section.right { left: 2.8125rem; right: 0 } .tab-bar-section.middle { left: 2.8125rem; right: 2.8125rem } .tab-bar .menu-icon { text-indent: 2.1875rem; width: 2.8125rem; height: 2.8125rem; display: block; padding: 0; color: #fff; position: relative; transform: translate3d(0,0,0) } .tab-bar .menu-icon span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -.5rem; left: .90625rem; box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff; width: 1rem } .tab-bar .menu-icon span:hover:after { box-shadow: 0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3 } .left-off-canvas-menu { width: 15.625rem; top: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; background: #333; z-index: 1001; box-sizing: content-box; transition: transform 500ms ease 0s; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-transform: translate(-100%,0); -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); left: 0 } .left-off-canvas-menu, .left-off-canvas-menu * { -webkit-backface-visibility: hidden } .right-off-canvas-menu { width: 15.625rem; top: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; background: #333; z-index: 1001; box-sizing: content-box; transition: transform 500ms ease 0s; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-transform: translate(100%,0); -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); right: 0 } .right-off-canvas-menu, .right-off-canvas-menu * { -webkit-backface-visibility: hidden } ul.off-canvas-list { list-style-type: none; padding: 0; margin: 0 } ul.off-canvas-list li label { display: block; font-size: .75rem } ul.off-canvas-list li a { display: block; padding: .6666666667rem; color: rgba(255,255,255,.7); border-bottom: 1px solid #262626; transition: background 300ms ease } ul.off-canvas-list li a:hover { background: #242424 } .move-right > .inner-wrap { -ms-transform: translate(15.625rem,0); -webkit-transform: translate3d(15.625rem,0,0); -moz-transform: translate3d(15.625rem,0,0); -ms-transform: translate3d(15.625rem,0,0); -o-transform: translate3d(15.625rem,0,0); transform: translate3d(15.625rem,0,0) } .move-right .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5); display: block; position: absolute; background: rgba(255,255,255,.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent } @media only screen and (min-width: 48.063em) { .move-right .exit-off-canvas:hover { background: rgba(255,255,255,.05) } } .move-left > .inner-wrap { -ms-transform: translate(-15.625rem,0); -webkit-transform: translate3d(-15.625rem,0,0); -moz-transform: translate3d(-15.625rem,0,0); -ms-transform: translate3d(-15.625rem,0,0); -o-transform: translate3d(-15.625rem,0,0); transform: translate3d(-15.625rem,0,0) } .move-left .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5); display: block; position: absolute; background: rgba(255,255,255,.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent } @media only screen and (min-width: 48.063em) { .move-left .exit-off-canvas:hover { background: rgba(255,255,255,.05) } } .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003 } .left-submenu, .offcanvas-overlap .exit-off-canvas { top: 0; bottom: 0; position: absolute; z-index: 1002; left: 0 } .offcanvas-overlap .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5); display: block; background: rgba(255,255,255,.2); right: 0; -webkit-tap-highlight-color: transparent } @media only screen and (min-width: 48.063em) { .offcanvas-overlap .exit-off-canvas:hover { background: rgba(255,255,255,.05) } } .offcanvas-overlap-left .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003 } .offcanvas-overlap-left .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5); display: block; position: absolute; background: rgba(255,255,255,.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent } @media only screen and (min-width: 48.063em) { .offcanvas-overlap-left .exit-off-canvas:hover { background: rgba(255,255,255,.05) } } .offcanvas-overlap-right .left-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003 } .offcanvas-overlap-right .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5); display: block; position: absolute; background: rgba(255,255,255,.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent } @media only screen and (min-width: 48.063em) { .offcanvas-overlap-right .exit-off-canvas:hover { background: rgba(255,255,255,.05) } } .no-csstransforms .left-off-canvas-menu { left: -15.625rem } .no-csstransforms .right-off-canvas-menu { right: -15.625rem } .no-csstransforms .move-left > .inner-wrap { right: 15.625rem } .no-csstransforms .move-right > .inner-wrap { left: 15.625rem } .left-submenu { width: 15.625rem; margin: 0; overflow-x: hidden; overflow-y: auto; background: #333; box-sizing: content-box; -webkit-overflow-scrolling: touch; -ms-transform: translate(-100%,0); -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease } .left-submenu, .left-submenu * { -webkit-backface-visibility: hidden } .left-submenu .back > a, .right-submenu .back > a, ul.off-canvas-list li label { padding: .3rem .9375rem; color: #999; text-transform: uppercase; font-weight: 700; background: #444; border-top: 1px solid #5e5e5e; border-bottom: none; margin: 0 } .left-submenu .back > a:hover, .right-submenu .back > a:hover { background: #303030; border-top: 1px solid #5e5e5e; border-bottom: none } .left-submenu .back > a:before { content: "«"; margin-right: .5rem; display: inline } .left-submenu.move-right, .left-submenu.offcanvas-overlap, .left-submenu.offcanvas-overlap-right, .right-submenu.move-left, .right-submenu.offcanvas-overlap, .right-submenu.offcanvas-overlap-left { -ms-transform: translate(0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .right-submenu { width: 15.625rem; top: 0; bottom: 0; position: absolute; margin: 0; overflow-x: hidden; overflow-y: auto; background: #333; z-index: 1002; box-sizing: content-box; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%,0); -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); right: 0; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease } .right-submenu, .right-submenu * { -webkit-backface-visibility: hidden } .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after, .right-submenu .back > a:after { content: "»"; margin-left: .5rem; display: inline } .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { content: "«"; margin-right: .5rem; display: inline } @media only screen { .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down { display: inherit !important } .hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important } .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto } .hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down { display: table !important } thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down { display: table-header-group !important } tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down { display: table-row-group !important } tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down { display: table-row !important } td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down { display: table-cell !important } } @media only screen and (min-width: 48.063em) { .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down { display: inherit !important } .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important } .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto } .hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down { display: table !important } thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down { display: table-header-group !important } tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down { display: table-row-group !important } tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down { display: table-row !important } td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down { display: table-cell !important } } @media only screen and (min-width: 64.063em) { .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down { display: inherit !important } .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important } .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto } .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down { display: table !important } thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down { display: table-header-group !important } tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down { display: table-row-group !important } tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down { display: table-row !important } td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down { display: table-cell !important } } @media only screen and (min-width: 80.063em) { .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down { display: inherit !important } .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important } .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto } .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down { display: table !important } thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down { display: table-header-group !important } tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down { display: table-row-group !important } tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down { display: table-row !important } td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down { display: table-cell !important } } @media only screen and (min-width: 90.063em) { .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up { display: inherit !important } .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only { display: none !important } .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto } .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up { display: table !important } thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up { display: table-header-group !important } tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up { display: table-row-group !important } tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up { display: table-row !important } td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up { display: table-cell !important } } .hide-for-portrait, .show-for-landscape { display: inherit !important } .hide-for-landscape, .show-for-portrait { display: none !important } table.hide-for-landscape, table.show-for-portrait { display: table !important } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important } @media only screen and (orientation: landscape) { .hide-for-portrait, .show-for-landscape { display: inherit !important } .hide-for-landscape, .show-for-portrait { display: none !important } table.hide-for-portrait, table.show-for-landscape { display: table !important } thead.hide-for-portrait, thead.show-for-landscape { display: table-header-group !important } tbody.hide-for-portrait, tbody.show-for-landscape { display: table-row-group !important } tr.hide-for-portrait, tr.show-for-landscape { display: table-row !important } td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape { display: table-cell !important } } @media only screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: inherit !important } .hide-for-portrait, .show-for-landscape { display: none !important } table.hide-for-landscape, table.show-for-portrait { display: table !important } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important } } .show-for-touch { display: none !important } .hide-for-touch, .touch .show-for-touch { display: inherit !important } .touch .hide-for-touch { display: none !important } .touch table.show-for-touch, table.hide-for-touch { display: table !important } .touch thead.show-for-touch, thead.hide-for-touch { display: table-header-group !important } .touch tbody.show-for-touch, tbody.hide-for-touch { display: table-row-group !important } .touch tr.show-for-touch, tr.hide-for-touch { display: table-row !important } .touch td.show-for-touch, .touch th.show-for-touch, td.hide-for-touch, th.hide-for-touch { display: table-cell !important } @media print { .show-for-print { display: block } .hide-for-print { display: none } table.show-for-print { display: table !important } thead.show-for-print { display: table-header-group !important } tbody.show-for-print { display: table-row-group !important } tr.show-for-print { display: table-row !important } td.show-for-print, th.show-for-print { display: table-cell !important } } .slick-list, .slick-slider { position: relative; display: block } .slick-slider { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; left: 0; top: 0; display: block } .slick-track:after, .slick-track:before { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir=rtl] .slick-slide { float: right } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide, .umbraco-forms-field.date:hover p.help-block, .umbraco-forms-field.dropdown:hover p.help-block, .umbraco-forms-field.longanswer:hover p.help-block, .umbraco-forms-field.shortanswer:hover p.help-block { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } blockquote { font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-style: italic; font-size: 1.125rem; line-height: 1.5 } h1 .subhead { font-size: .8125em; line-height: 1.5 } .home h1 { text-align: center } @media only screen and (max-width: 48em) { .home h1 { margin-top: 1em } } .home .home-page-intro-text { padding: 0 .5em } h2 .subhead { font-size: .7692307692em } dl:empty, ol:empty, p:empty, ul:empty { display: none } @media only screen and (max-width: 48em) { blockquote { font-size: .9642857143rem } h1, h2, h3, h4, h5, h6 { margin-bottom: 1.0714285714rem } h1 { font-size: 1.3333333333rem } h2 { font-size: 1.0833333333rem } h3 { font-size: .8333333333rem } /* dl, h4, ol, p, ul { font-size: .75rem }*/ h5 { font-size: .6666666667rem } h6 { font-size: .5833333333rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) { blockquote { font-size: 1.125rem } h1, h2, h3, h4, h5, h6 { margin-bottom: 1.25rem } h1 { font-size: 1.75rem } h2 { font-size: 1.421875rem } h3 { font-size: 1.09375rem } h4 { font-size: .984375rem } dl, h5, ol, p, ul { font-size: .875rem } h6 { font-size: .765625rem } } #ccc .checkbox-toggle-label, #ccc button { font-family: Montserrat,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif } #ccc div.ccc-vendors h4 { color: #fff; margin: 1em 0 .5em } .umb-grid:after, .umb-grid:before { content: " "; display: table } .umb-grid:after { clear: both } img { width: 100%; object-fit: cover } p img { width: auto; margin: .5em auto } a:focus { outline-offset: .2em } .nav-list, .tab-nav, .vacancy-application-documents ul { margin: 0; padding: 0 } .nav-item, .tab-nav-item, .vacancy-application-documents li { list-style: none } .iframe-embed-container { position: relative; height: 0; padding-top: 56.25%; overflow: hidden } .iframe-embed-container > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media only screen and (max-width: 48em) { .iframe-embed-container { margin-bottom: .9375rem } } @media only screen and (min-width: 48.063em) { .iframe-embed-container { margin-bottom: 1.0625rem } } .debug-info { display: none; padding: 2px 5px; background: #fff } .lds-dual-ring { display: inline-block; width: 100%; height: 100% } .lds-dual-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 35%; border-radius: 50%; border: 6px solid silver; border-color: silver transparent; animation: lds-dual-ring 1.2s linear infinite } .pagination { clear: both; text-align: right } .pagination a { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: .75rem 1.5rem .8125rem; background-color: #e2d0a1; border-color: #d0b266; color: #333; transition: background-color 300ms ease-out; font-size: 1rem } .pagination a, .pagination span { line-height: .9375rem; margin-left: .1875rem !important } .pagination a:focus, .pagination a:hover { background-color: #d0b266; color: #fff } .pagination .current, .pagination span { border-style: solid; border-width: 0; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: .75rem 1.5rem .8125rem; background-color: #fcebbd; border-color: #f8d169; cursor: default; opacity: .7; box-shadow: none; transition: background-color 300ms ease-out; color: #000; font-size: 1rem } .pagination .current:focus, .pagination .current:hover, .pagination span:focus, .pagination span:hover { color: #fff; background-color: #fcebbd } .pagination .current:hover, .pagination span:hover { color: #2a2d1c } .pagination .pagination-page-number { width: 2.5rem; padding-left: 0; padding-right: 0; border-radius: 100%; font-size: 1rem } .pagination .pagination-page-next, .pagination .pagination-page-prev { font-size: 1rem } .pagination .pagination-page-prev::before { content: "← " } .pagination .pagination-page-next::after { content: " →" } .pagination-pages, .site-search-form .site-search-query label, .umbraco-forms-field.date label, .umbraco-forms-field.dropdown label, .umbraco-forms-field.longanswer label, .umbraco-forms-field.shortanswer label { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } @media only screen and (max-width: 48em) { .pagination .pagination-page-number { display: none } } @media only screen and (max-width: 48em) and (orientation:landscape) { .pagination { padding: 0 .5rem } } @media only screen and (min-width: 48.063em) { .pagination { padding: 0 .5rem } .pagination .pagination-page-number { width: 2.5rem; padding-left: 0; padding-right: 0; border-radius: 100% } } input[type=color],select,, .form-control, input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { height: 3.75rem; padding-top: 0; padding-bottom: 0; padding-left: 1rem; padding-right: 1rem; margin-bottom: 1.25rem; border-radius: 4px; transition: all 200ms ease } textarea { padding-top: 0; padding-bottom: 0; margin-bottom: 1.25rem; border-radius: 4px; transition: all 200ms ease } input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa } input[type=color]:-moz-placeholder, input[type=date]:-moz-placeholder, input[type=datetime-local]:-moz-placeholder, input[type=datetime]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=month]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=time]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=week]:-moz-placeholder, textarea:-moz-placeholder { color: #aaa; opacity: 1 } input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; opacity: 1 } input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa } input[type=color].placeholder, input[type=date].placeholder, input[type=datetime-local].placeholder, input[type=datetime].placeholder, input[type=email].placeholder, input[type=month].placeholder, input[type=number].placeholder, input[type=password].placeholder, input[type=search].placeholder, input[type=tel].placeholder, input[type=text].placeholder, input[type=time].placeholder, input[type=url].placeholder, input[type=week].placeholder, textarea.placeholder { color: #aaa } input[type=color].input-validation-error, input[type=date].input-validation-error, input[type=datetime-local].input-validation-error, input[type=datetime].input-validation-error, input[type=email].input-validation-error, input[type=month].input-validation-error, input[type=number].input-validation-error, input[type=password].input-validation-error, input[type=search].input-validation-error, input[type=tel].input-validation-error, input[type=text].input-validation-error, input[type=time].input-validation-error, input[type=url].input-validation-error, input[type=week].input-validation-error, select.input-validation-error, textarea.input-validation-error { border-color: #f04124 !important } textarea { height: 12.5rem !important; padding: 1rem } select { display: block; height: 3.75rem; padding-top: 0; padding-bottom: 0; padding-left: 1rem; padding-right: 1rem; margin-bottom: 1.25rem; border-radius: 4px; font-family: "Museo"!important; font-weight: 400 } select:focus::-ms-value { background: 0 0; color: #363636 } .ie9 select { padding-right: 0; background-image: none } button { height: 3.75rem; padding-top: 0; padding-bottom: 0; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem } input:-webkit-autofill, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px #f1f1dd inset; -webkit-text-fill-color: #363636 } p.help-block { display: none; margin: 0 } .help-block, span.field-validation-error { display: block; width: 100%; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-style: italic; border: 1px solid } .help-block:empty, span.field-validation-error:empty { display: none !important } .help-block { background-color: #fff; border-color: #c0bfb1 } span.field-validation-error { background-color: #f04124; border-color: #f04124; color: #fff } .umbraco-forms-field.date, .umbraco-forms-field.dropdown, .umbraco-forms-field.longanswer, .umbraco-forms-field.shortanswer { position: relative } .umbraco-forms-field.date .field-validation-error, .umbraco-forms-field.date .help-block, .umbraco-forms-field.dropdown .field-validation-error, .umbraco-forms-field.dropdown .help-block, .umbraco-forms-field.longanswer .field-validation-error, .umbraco-forms-field.longanswer .help-block, .umbraco-forms-field.shortanswer .field-validation-error, .umbraco-forms-field.shortanswer .help-block { position: absolute; left: 0; border-radius: 4px 4px 0 0 } .umbraco-forms-field.date .help-block, .umbraco-forms-field.dropdown .help-block, .umbraco-forms-field.longanswer .help-block, .umbraco-forms-field.shortanswer .help-block, .umbraco-forms-page label { display: none } .umbraco-forms-field.date input:focus, .umbraco-forms-field.date input:hover, .umbraco-forms-field.date select:focus, .umbraco-forms-field.date select:hover, .umbraco-forms-field.date textarea:focus, .umbraco-forms-field.date textarea:hover, .umbraco-forms-field.dropdown input:focus, .umbraco-forms-field.dropdown input:hover, .umbraco-forms-field.dropdown select:focus, .umbraco-forms-field.dropdown select:hover, .umbraco-forms-field.dropdown textarea:focus, .umbraco-forms-field.dropdown textarea:hover, .umbraco-forms-field.longanswer input:focus, .umbraco-forms-field.longanswer input:hover, .umbraco-forms-field.longanswer select:focus, .umbraco-forms-field.longanswer select:hover, .umbraco-forms-field.longanswer textarea:focus, .umbraco-forms-field.longanswer textarea:hover, .umbraco-forms-field.shortanswer input:focus, .umbraco-forms-field.shortanswer input:hover, .umbraco-forms-field.shortanswer select:focus, .umbraco-forms-field.shortanswer select:hover, .umbraco-forms-field.shortanswer textarea:focus, .umbraco-forms-field.shortanswer textarea:hover { background-color: #fff; border-color: #c0bfb1 } .umbraco-forms-field.date input:focus p.help-block, .umbraco-forms-field.date input:hover p.help-block, .umbraco-forms-field.date select:focus p.help-block, .umbraco-forms-field.date select:hover p.help-block, .umbraco-forms-field.date textarea:focus p.help-block, .umbraco-forms-field.date textarea:hover p.help-block, .umbraco-forms-field.dropdown input:focus p.help-block, .umbraco-forms-field.dropdown input:hover p.help-block, .umbraco-forms-field.dropdown select:focus p.help-block, .umbraco-forms-field.dropdown select:hover p.help-block, .umbraco-forms-field.dropdown textarea:focus p.help-block, .umbraco-forms-field.dropdown textarea:hover p.help-block, .umbraco-forms-field.longanswer input:focus p.help-block, .umbraco-forms-field.longanswer input:hover p.help-block, .umbraco-forms-field.longanswer select:focus p.help-block, .umbraco-forms-field.longanswer select:hover p.help-block, .umbraco-forms-field.longanswer textarea:focus p.help-block, .umbraco-forms-field.longanswer textarea:hover p.help-block, .umbraco-forms-field.shortanswer input:focus p.help-block, .umbraco-forms-field.shortanswer input:hover p.help-block, .umbraco-forms-field.shortanswer select:focus p.help-block, .umbraco-forms-field.shortanswer select:hover p.help-block, .umbraco-forms-field.shortanswer textarea:focus p.help-block, .umbraco-forms-field.shortanswer textarea:hover p.help-block { display: block } .umbraco-forms-field.title { width: 10rem } .umb-form-page.loading { background: url("/_images/ajax-loader.gif") no-repeat 50% 50% } .umb-form-submit:after, .umb-form-submit:before { content: " "; display: table } .umb-form-submit:after { clear: both } .umb-form-submit button { margin-bottom: 0; float: right } .umb-form-submit button.prev { float: left; border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: 1rem 2rem 1.0625rem; font-size: 1rem; background-color: #e2d0a1; border-color: #d0b266; color: #333; transition: background-color 300ms ease-out } .umb-form-submit button.prev:focus, .umb-form-submit button.prev:hover { background-color: #d0b266; color: #fff } @media only screen and (max-width: 48em) { input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select { height: 2.75rem; padding-left: .75rem; padding-right: .75rem; margin-bottom: .875rem } button, textarea { margin-bottom: .875rem } textarea { height: 7.5rem !important; padding: .75rem } button { height: 2.75rem; padding-left: 1.5rem; padding-right: 1.5rem } .field-validation-error, .help-block { padding: .1875rem .625rem; font-size: .625rem; line-height: 120% } .umbraco-forms-field.date .field-validation-error, .umbraco-forms-field.date .help-block, .umbraco-forms-field.dropdown .field-validation-error, .umbraco-forms-field.dropdown .help-block, .umbraco-forms-field.shortanswer .field-validation-error, .umbraco-forms-field.shortanswer .help-block { bottom: 2.25rem } .umbraco-forms-field.longanswer .field-validation-error, .umbraco-forms-field.longanswer .help-block { bottom: 7rem } } @media only screen and (min-width: 48.063em) { .umb-form-page fieldset { margin-left: -.5rem; margin-right: -.5rem } .umb-form-page fieldset:after, .umb-form-page fieldset:before { content: " "; display: table } .umb-form-page fieldset:after { clear: both } .umb-form-column-1, .umb-form-column-2, .umb-form-column-3 { padding-left: .5rem; padding-right: .5rem; width: 8.3333333333%; float: left } .umb-form-column-2, .umb-form-column-3 { width: 16.6666666667% } .umb-form-column-3 { width: 25% } .umb-form-column-4, .umb-form-column-5, .umb-form-column-6 { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left } .umb-form-column-5, .umb-form-column-6 { width: 41.6666666667% } .umb-form-column-6 { width: 50% } .umb-form-column-7, .umb-form-column-8, .umb-form-column-9 { padding-left: .5rem; padding-right: .5rem; width: 58.3333333333%; float: left } .umb-form-column-8, .umb-form-column-9 { width: 66.6666666667% } .umb-form-column-9 { width: 75% } .umb-form-column-10, .umb-form-column-11, .umb-form-column-12 { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; float: left } .umb-form-column-11, .umb-form-column-12 { width: 91.6666666667% } .umb-form-column-12 { width: 100% } .field-validation-error, .help-block { padding: .25rem .625rem; font-size: .75rem; line-height: 133.3333333333% } .umbraco-forms-field.date .field-validation-error, .umbraco-forms-field.date .help-block, .umbraco-forms-field.dropdown .field-validation-error, .umbraco-forms-field.dropdown .help-block, .umbraco-forms-field.shortanswer .field-validation-error, .umbraco-forms-field.shortanswer .help-block { bottom: 3.125rem } .umbraco-forms-field.longanswer .field-validation-error, .umbraco-forms-field.longanswer .help-block { bottom: 11.5rem } } .umbraco-forms-page input[type=submit] { float: right; padding: 1rem 2rem; color: #fff; background-color: #ff5e77; border: 1px solid #ff183c; transition: background-color 300ms ease-out } .umbraco-forms-page input[type=submit]:hover { background-color: #ff183c } .umbraco-forms-submitmessage { margin-top: 1em; padding: 1em; border: 1px solid #e0e0e0; border-radius: 1em; background-color: #f1f1dd } @font-face { font-display: swap; font-family: Montserrat; src: url("/css/fonts/montserrat/montserrat-v15-latin-regular.woff2") format("woff2"),url("/css/fonts/montserrat/montserrat-v15-latin-italic.woff2") format("woff2"),url("/css/fonts/montserrat/montserrat-v15-latin-200.woff2") format("woff2"),url("/css/fonts/montserrat/montserrat-v15-latin-200italic.woff2") format("woff2"),url("/css/fonts/montserrat/montserrat-v15-latin-700.woff2") format("woff2"),url("/css/fonts/montserrat/montserrat-v15-latin-700italic.woff2") format("woff2") } @font-face { font-display: swap; font-family: Museo; src: url("/css/fonts/museo/3B2653_0_0.eot"); src: url("/css/fonts/museo/3B2653_0_0.eot?#iefix") format("embedded-opentype"),url("/css/fonts/museo/3B2653_0_0.woff2") format("woff2"),url("/css/fonts/museo/3B2653_0_0.woff") format("woff"),url("/css/fonts/museo/3B2653_0_0.ttf") format("truetype") } @font-face { font-display: swap; font-family: Lora; src: url("/css/fonts/lora/lora-v16-latin-regular.woff2") format("woff2") } @font-face { font-display: swap; font-family: Heebo; src: url("/css/fonts/heebo/heebo-v9-latin-regular.woff2") format("woff2") } .slick-next, .slick-prev { position: absolute; bottom: 0; z-index: 2; padding: 0; margin: 0; border: 0; background-color: transparent; background-repeat: no-repeat; background-image: url("/_images/slider-arrow.png"); background-size: 17.5rem 4.375rem; font: 0/0 a; color: transparent; text-shadow: none; transition: background-color 200ms } .slick-next:hover, .slick-prev:hover { background-color: #e2d0a1 } .slick-next:focus, .slick-prev:focus { background-color: transparent; outline: 0 !important } .slick-next:focus:hover, .slick-prev:focus:hover { background-color: #e2d0a1 } .slick-prev { background-position: 67% 50% } .slick-prev:hover { background-position: 100% 50% } .slick-next { background-position: 33% 50% } .slick-next:hover { background-position: 0 50% } .slick-dots, .slick-dots li { font-size: .625rem; line-height: 100% } .slick-dots { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { display: inline-block; padding-left: .375rem; padding-right: .375rem } .slick-dots li button { width: .625rem; height: .625rem; padding: 0; margin-bottom: 0; border-radius: 100%; font: 0/0 a; color: transparent; text-shadow: none; background-color: rgba(255,255,255,.6) } .slick-dots li button:hover { background-color: #fff } .slick-dots li.slick-active button { background-color: #fff !important } @media only screen and (max-width: 40rem) { .show-for-small-grid { display: inherit !important } .show-for-large-grid { display: none } } @media only screen and (min-width: 40.0625rem) { .show-for-small-grid { display: none } .show-for-large-grid { display: inherit !important } .umb-grid-1, .umb-grid-2, .umb-grid-3 { padding-left: .5rem; padding-right: .5rem; width: 8.3333333333%; float: left } .umb-grid-2, .umb-grid-3 { width: 16.6666666667% } .umb-grid-3 { width: 25% } .umb-grid-4, .umb-grid-5, .umb-grid-6, .umb-grid-7, .umb-grid-8 { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left } .umb-grid-5, .umb-grid-6, .umb-grid-7, .umb-grid-8 { width: 41.6666666667% } .umb-grid-6, .umb-grid-7, .umb-grid-8 { width: 50% } .umb-grid-7, .umb-grid-8 { width: 58.3333333333% } .umb-grid-8 { width: 66.6666666667% } .umb-grid-10, .umb-grid-11, .umb-grid-12, .umb-grid-9 { padding-left: .5rem; padding-right: .5rem; width: 75%; float: left } .umb-grid-10, .umb-grid-11, .umb-grid-12 { width: 83.3333333333% } .umb-grid-11, .umb-grid-12 { width: 91.6666666667% } .umb-grid-12 { width: 100% } } .content-set-grid-layout { clear: both } .content-set-grid-layout .columns { padding: 0 } .content-set-grid-layout .columns .rte { padding: .5rem } .sidebarpanels { margin: 0 -.5rem } @media only screen and (max-width: 48em) and (orientation:landscape) { .content-set-grid-layout { padding-left: 0; padding-right: 0; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .content-set-grid-layout .columns { min-height: 1.25rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:portrait) and (max-width:50em) { .content-set-grid-layout { padding-left: 0; padding-right: 0; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } .content-set-grid-layout .columns { min-height: none } } @media only screen and (min-width: 64.063em) { .content-set-grid-layout .columns { min-height: 1.25rem } .content-set-grid-layout .columns.umb-grid-8 .rte { width: 87.5%; margin: 0 auto } } .grid-panel { overflow: hidden } .grid-panel, .grid-panel .grid-panel-image, .grid-panel-gallery { position: relative } .grid-panel .grid-panel-image > .inner { position: relative; height: 0; padding-top: 75%; overflow: hidden; z-index: 1; width: 100%; background-color: #eee; color: #eee } .grid-panel .grid-panel-image::before, .grid-panel .grid-panel-image > .inner > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .grid-panel .grid-panel-image::before { content: " "; z-index: 2; display: block; border: .5rem solid #f9f9eb } .grid-panel .grid-panel-embed > .inner { background-color: #fff; border: .5rem solid #f9f9eb } .grid-panel .grid-panel-embed.fixed-aspect-ratio { position: relative; height: 0; padding-top: 56.25%; overflow: hidden } .grid-panel .grid-panel-embed.fixed-aspect-ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .grid-panel .grid-panel-embed.fixed-aspect-ratio .grid-panel-embed-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .grid-panel .grid-panel-embed .iframe-embed-container { margin-bottom: 0 } .grid-panel .grid-panel-text { position: relative; border: .5rem solid #f9f9eb; background-color: #041a29 } .grid-panel .grid-panel-text .body-text, .grid-panel .grid-panel-text .body-text a:hover, .grid-panel .grid-panel-text h2, .grid-panel .grid-panel-text h2 a:hover, .grid-panel .grid-panel-text h3, .grid-panel .grid-panel-text h3 a:hover, .grid-panel .grid-panel-text h4, .grid-panel .grid-panel-text h4 a:hover, .grid-panel .grid-panel-text h5, .grid-panel .grid-panel-text h5 a:hover, .grid-panel .grid-panel-text h6, .grid-panel .grid-panel-text h6 a:hover, .grid-panel.grid-panel-green .grid-panel-overlay .body-text a:hover, .grid-panel.grid-panel-green .grid-panel-text .body-text a:hover { color: #fff } .grid-panel .grid-panel-text .body-text a, .grid-panel .grid-panel-text h2 a, .grid-panel .grid-panel-text h3 a, .grid-panel .grid-panel-text h4 a, .grid-panel .grid-panel-text h5 a, .grid-panel .grid-panel-text h6 a { color: #d9be6c } .grid-panel .grid-panel-text h2 { font-family: Museo,sans-serif } .grid-panel .grid-panel-text ol, .grid-panel .grid-panel-text p, .grid-panel .grid-panel-text ul { line-height: 1.5 } .grid-panel .grid-panel-overlay { background-color: #041a29 } .grid-panel .grid-panel-overlay > .inner { width: 100%; max-height: 100%; overflow-y: auto } .grid-panel .grid-panel-button { border-width: 1px !important; border-style: solid !important; border-color: #e2d0a1; background-color: #e2d0a1; color: #041a29; font-family: Museo,sans-serif !important } .grid-panel .grid-panel-button:hover { background: 0 0; color: #e2d0a1 } .grid-panel.grid-panel-green .grid-panel-overlay, .grid-panel.grid-panel-green .grid-panel-text { background-color: #232515 } .grid-panel.grid-panel-green .grid-panel-button:hover, .grid-panel.grid-panel-green .grid-panel-overlay .body-text a, .grid-panel.grid-panel-green .grid-panel-text .body-text a { color: #e2d0a1 } .grid-panel.grid-panel-green .grid-panel-button { color: #232515 } .grid-panel.grid-panel-sand .grid-panel-overlay, .grid-panel.grid-panel-sand .grid-panel-text { background-color: #e2d0a1 } .grid-panel.grid-panel-sand .grid-panel-overlay .body-text, .grid-panel.grid-panel-sand .grid-panel-overlay .body-text a:hover, .grid-panel.grid-panel-sand .grid-panel-overlay h2, .grid-panel.grid-panel-sand .grid-panel-overlay h2 a:hover, .grid-panel.grid-panel-sand .grid-panel-overlay h3, .grid-panel.grid-panel-sand .grid-panel-overlay h3 a:hover, .grid-panel.grid-panel-sand .grid-panel-overlay h4, .grid-panel.grid-panel-sand .grid-panel-overlay h4 a:hover, .grid-panel.grid-panel-sand .grid-panel-overlay h5, .grid-panel.grid-panel-sand .grid-panel-overlay h5 a:hover, .grid-panel.grid-panel-sand .grid-panel-overlay h6, .grid-panel.grid-panel-sand .grid-panel-overlay h6 a:hover, .grid-panel.grid-panel-sand .grid-panel-text .body-text, .grid-panel.grid-panel-sand .grid-panel-text .body-text a:hover, .grid-panel.grid-panel-sand .grid-panel-text h2, .grid-panel.grid-panel-sand .grid-panel-text h2 a:hover, .grid-panel.grid-panel-sand .grid-panel-text h3, .grid-panel.grid-panel-sand .grid-panel-text h3 a:hover, .grid-panel.grid-panel-sand .grid-panel-text h4, .grid-panel.grid-panel-sand .grid-panel-text h4 a:hover, .grid-panel.grid-panel-sand .grid-panel-text h5, .grid-panel.grid-panel-sand .grid-panel-text h5 a:hover, .grid-panel.grid-panel-sand .grid-panel-text h6, .grid-panel.grid-panel-sand .grid-panel-text h6 a:hover { color: inherit } .grid-panel.grid-panel-pale-sand .grid-panel-overlay .body-text a, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h2 a, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h3 a, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h4 a, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h5 a, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h6 a, .grid-panel.grid-panel-pale-sand .grid-panel-text .body-text a, .grid-panel.grid-panel-pale-sand .grid-panel-text h2 a, .grid-panel.grid-panel-pale-sand .grid-panel-text h3 a, .grid-panel.grid-panel-pale-sand .grid-panel-text h4 a, .grid-panel.grid-panel-pale-sand .grid-panel-text h5 a, .grid-panel.grid-panel-pale-sand .grid-panel-text h6 a, .grid-panel.grid-panel-sand .grid-panel-overlay .body-text a, .grid-panel.grid-panel-sand .grid-panel-overlay h2 a, .grid-panel.grid-panel-sand .grid-panel-overlay h3 a, .grid-panel.grid-panel-sand .grid-panel-overlay h4 a, .grid-panel.grid-panel-sand .grid-panel-overlay h5 a, .grid-panel.grid-panel-sand .grid-panel-overlay h6 a, .grid-panel.grid-panel-sand .grid-panel-text .body-text a, .grid-panel.grid-panel-sand .grid-panel-text h2 a, .grid-panel.grid-panel-sand .grid-panel-text h3 a, .grid-panel.grid-panel-sand .grid-panel-text h4 a, .grid-panel.grid-panel-sand .grid-panel-text h5 a, .grid-panel.grid-panel-sand .grid-panel-text h6 a, .site-search-result-list .site-search-result-item h3 a:hover { color: #4f7671 } .grid-panel.grid-panel-sand .grid-panel-button { border-color: #041a29; background-color: #041a29; color: #fff } .grid-panel.grid-panel-sand .grid-panel-button:hover { background: 0 0; color: #041a29 } .fc-unthemed td.fc-day.fc-past, .grid-panel.grid-panel-pale-sand .grid-panel-overlay, .grid-panel.grid-panel-pale-sand .grid-panel-text { background-color: #f1f1dd } .grid-panel.grid-panel-pale-sand .grid-panel-overlay .body-text, .grid-panel.grid-panel-pale-sand .grid-panel-overlay .body-text a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h2, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h2 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h3, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h3 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h4, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h4 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h5, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h5 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h6, .grid-panel.grid-panel-pale-sand .grid-panel-overlay h6 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-text .body-text, .grid-panel.grid-panel-pale-sand .grid-panel-text .body-text a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-text h2, .grid-panel.grid-panel-pale-sand .grid-panel-text h2 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-text h3, .grid-panel.grid-panel-pale-sand .grid-panel-text h3 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-text h4, .grid-panel.grid-panel-pale-sand .grid-panel-text h4 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-text h5, .grid-panel.grid-panel-pale-sand .grid-panel-text h5 a:hover, .grid-panel.grid-panel-pale-sand .grid-panel-text h6, .grid-panel.grid-panel-pale-sand .grid-panel-text h6 a:hover { color: inherit } .grid-panel.grid-panel-pale-sand .grid-panel-button { border-color: #041a29; background-color: #041a29; color: #fff } .grid-panel.grid-panel-pale-sand .grid-panel-button:hover { background: 0 0; color: #041a29 } .grid-panel-gallery::after, .grid-panel-gallery::before { content: " "; position: absolute; top: 0; bottom: 0; z-index: 2; width: .5rem; background-color: #f9f9eb } .grid-panel-gallery::before { left: 0 } .grid-panel-gallery::after { right: 0 } .content-set-grid-layout .news-events-article-list { border: .5rem solid #f9f9eb; background-color: #f1f1dd; overflow-y: auto } .content-set-grid-layout .embed-html, .content-set-grid-layout .locations-map { border: .5rem solid #f9f9eb } @media only screen and (max-width: 48em) { .grid-panel .grid-panel-text ol, .grid-panel .grid-panel-text p, .grid-panel .grid-panel-text ul { font-size: .75rem; margin-bottom: .75rem } } @media only screen and (min-width: 48.063em) { .grid-panel .grid-panel-text ol, .grid-panel .grid-panel-text p, .grid-panel .grid-panel-text ul { font-size: .875rem; margin-bottom: 1rem } } @media only screen and (max-width: 40rem) { .grid-panel .grid-panel-text .body-text, .grid-panel .grid-panel-text h2 { max-width: 26.25rem } .grid-panel .grid-panel-overlay > .inner { padding: 3.75vw 3.75vw 0 } .grid-panel .grid-panel-button { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: .625rem 1.25rem .6875rem; font-size: .6875rem; transition: background-color 300ms ease-out } .grid-panel.has-image .grid-panel-text { z-index: 2 } .grid-panel.has-image .grid-panel-text::before { content: " "; position: absolute; top: -1rem; left: 0; width: 100%; height: 1rem; background-color: inherit } .grid-panel.has-image .grid-panel-overlay > .inner { padding-top: .25rem } .grid-panel-gallery .grid-panel.has-image .grid-panel-overlay > .inner { padding-bottom: 1.5rem } .grid-panel-gallery .slick-next, .grid-panel-gallery .slick-prev { display: none } .grid-panel-gallery .slick-dots { bottom: 1.5rem } .content-set-grid-layout .news-events-article-list { padding: 3.75vw } } @media only screen and (min-width: 40.0625rem) { .grid-panel .grid-panel-text .body-text, .grid-panel .grid-panel-text h2 { max-width: 37.5vw } .grid-panel .grid-panel-overlay > .inner { padding: 2.34375vw 2.34375vw .78125vw } .grid-panel .grid-panel-button { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: .75rem 1.5rem .8125rem; font-size: .8125rem; transition: background-color 300ms ease-out } .grid-panel-gallery .slick-next, .grid-panel-gallery .slick-prev { bottom: .5rem; width: 3rem; height: 3rem; background-size: 12rem 3rem } .grid-panel-gallery .slick-prev { right: 3.5rem } .grid-panel-gallery .slick-next { right: .5rem } .grid-panel-gallery .slick-dots { bottom: 1.6875rem } .touch .grid-panel-gallery .slick-next, .touch .grid-panel-gallery .slick-prev { display: none } .content-set-grid-layout .grid-panel .grid-panel-text h2 { font-size: 1.875vw; margin-bottom: 1.25vw } .content-set-grid-layout .grid-panel .grid-panel-text ol, .content-set-grid-layout .grid-panel .grid-panel-text p, .content-set-grid-layout .grid-panel .grid-panel-text ul { font-size: 1.09375vw; margin-bottom: 1.25vw } .content-set-grid-layout .grid-panel .grid-panel-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .content-set-grid-layout .news-events-article-list > .inner { padding: 2.34375vw } } @media only screen and (min-width: 80.063em) { .grid-panel .grid-panel-overlay > .inner { padding: 1.875rem 1.875rem .625rem } .content-set-grid-layout .grid-panel .grid-panel-text h2 { font-size: 1.5rem; margin-bottom: 1rem } .content-set-grid-layout .grid-panel .grid-panel-text ol, .content-set-grid-layout .grid-panel .grid-panel-text p, .content-set-grid-layout .grid-panel .grid-panel-text ul { font-size: .875rem; margin-bottom: 1rem } .content-set-grid-layout .news-events-article-list > .inner { padding: 1.875rem } } @media only screen and (min-width: 40.0625rem) { .grid-panel.no-image .grid-panel-text { overflow-y: auto } .grid-panel.no-image .grid-panel-overlay { position: static } .grid-panel.no-image .grid-panel-overlay > .inner { position: static; transform: none !important } .sidebarpanels .grid-panel.has-image.text-left-panel .grid-panel-text, .sidebarpanels .grid-panel.has-image.text-right-panel .grid-panel-text { z-index: 2 } .sidebarpanels .grid-panel.has-image.text-left-panel .grid-panel-text::before, .sidebarpanels .grid-panel.has-image.text-right-panel .grid-panel-text::before { content: " "; position: absolute; top: -1rem; left: 0; width: 100%; height: 1rem; background-color: inherit } .sidebarpanels .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner, .sidebarpanels .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner { padding-top: .25rem } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-text, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-text { position: absolute; top: 0; z-index: 2; height: 100% } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner { position: absolute } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-0, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-0 { top: 0; left: 0 } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-10, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-10 { top: 0; left: 10%; transform: translate(-10%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-20, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-20 { top: 0; left: 20%; transform: translate(-20%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-25, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-25 { top: 0; left: 25%; transform: translate(-25%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-30, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-30 { top: 0; left: 30%; transform: translate(-30%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-40, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-40 { top: 0; left: 40%; transform: translate(-40%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-50, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-50 { top: 0; left: 50%; transform: translate(-50%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-60, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-60 { top: 0; left: 60%; transform: translate(-60%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-70, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-70 { top: 0; left: 70%; transform: translate(-70%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-75, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-75 { top: 0; left: 75%; transform: translate(-75%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-80, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-80 { top: 0; left: 80%; transform: translate(-80%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-90, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-90 { top: 0; left: 90%; transform: translate(-90%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-0.left-100, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-0.left-100 { top: 0; left: 100%; transform: translate(-100%,0) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-0, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-0 { top: 50%; left: 0; transform: translate(0,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-10, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-10 { top: 50%; left: 10%; transform: translate(-10%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-20, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-20 { top: 50%; left: 20%; transform: translate(-20%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-25, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-25 { top: 50%; left: 25%; transform: translate(-25%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-30, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-30 { top: 50%; left: 30%; transform: translate(-30%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-40, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-40 { top: 50%; left: 40%; transform: translate(-40%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-50, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-50 { top: 50%; left: 50%; transform: translate(-50%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-60, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-60 { top: 50%; left: 60%; transform: translate(-60%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-70, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-70 { top: 50%; left: 70%; transform: translate(-70%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-75, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-75 { top: 50%; left: 75%; transform: translate(-75%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-80, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-80 { top: 50%; left: 80%; transform: translate(-80%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-90, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-90 { top: 50%; left: 90%; transform: translate(-90%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-50.left-100, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-50.left-100 { top: 50%; left: 100%; transform: translate(-100%,-50%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-0, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-0 { top: 100%; left: 0; transform: translate(0,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-10, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-10 { top: 100%; left: 10%; transform: translate(-10%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-20, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-20 { top: 100%; left: 20%; transform: translate(-20%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-25, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-25 { top: 100%; left: 25%; transform: translate(-25%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-30, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-30 { top: 100%; left: 30%; transform: translate(-30%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-40, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-40 { top: 100%; left: 40%; transform: translate(-40%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-50, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-50 { top: 100%; left: 50%; transform: translate(-50%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-60, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-60 { top: 100%; left: 60%; transform: translate(-60%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-70, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-70 { top: 100%; left: 70%; transform: translate(-70%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-75, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-75 { top: 100%; left: 75%; transform: translate(-75%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-80, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-80 { top: 100%; left: 80%; transform: translate(-80%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-90, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-90 { top: 100%; left: 90%; transform: translate(-90%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.top-100.left-100, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.top-100.left-100 { top: 100%; left: 100%; transform: translate(-100%,-100%) } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.align-left, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.align-left { text-align: left } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.align-center, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.align-center { text-align: center } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay > .inner.align-right, .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay > .inner.align-right { text-align: right } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-image { float: right } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-text { left: 0 } .content-set-grid-layout .grid-panel.has-image.text-left-panel .grid-panel-overlay { right: -1rem } .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-image { float: left } .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-text { right: 0 } .content-set-grid-layout .grid-panel.has-image.text-right-panel .grid-panel-overlay { left: -1rem } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-4 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text { width: 50% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image { width: 75% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text { width: 25% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image { width: 100% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text { width: 0% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image { width: 125% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text { width: -25% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image { width: 150% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: -50% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 175% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: -75% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 200% } .umb-grid-4 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-4 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: -100% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image { width: 40% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-5 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image { width: 60% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text { width: 40% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image { width: 80% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text { width: 20% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image { width: 100% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text { width: 0% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image { width: 120% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: -20% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 140% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: -40% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 160% } .umb-grid-5 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-5 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: -60% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image { width: 33.3333333333% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text { width: 66.6666666667% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-6 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text { width: 50% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image { width: 66.6666666667% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text { width: 33.3333333333% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image { width: 83.3333333333% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text { width: 16.6666666667% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image { width: 100% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: 0% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 116.6666666667% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: -16.6666666667% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 133.3333333333% } .umb-grid-6 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-6 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: -33.3333333333% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image { width: 28.5714285714% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text { width: 71.4285714286% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image { width: 42.8571428571% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-7 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image { width: 57.1428571429% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text { width: 42.8571428571% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image { width: 71.4285714286% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text { width: 28.5714285714% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image { width: 85.7142857143% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: 14.2857142857% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 100% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: 0% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 114.2857142857% } .umb-grid-7 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-7 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: -14.2857142857% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image { width: 25% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text { width: 75% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image { width: 37.5% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text { width: 62.5% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-8 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text { width: 50% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image { width: 62.5% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text { width: 37.5% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image { width: 75% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: 25% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 87.5% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: 12.5% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 100% } .umb-grid-8 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-8 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: 0% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image { width: 22.2222222222% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text { width: 77.7777777778% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image { width: 33.3333333333% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text { width: 66.6666666667% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image { width: 44.4444444444% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-9 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image { width: 55.5555555556% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text { width: 44.4444444444% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image { width: 66.6666666667% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: 33.3333333333% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 77.7777777778% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: 22.2222222222% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 88.8888888889% } .umb-grid-9 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-9 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: 11.1111111111% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image { width: 20% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text { width: 80% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image { width: 30% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text { width: 70% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image { width: 40% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text { width: 60% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-10 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text { width: 50% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image { width: 60% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: 40% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 70% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: 30% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 80% } .umb-grid-10 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-10 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: 20% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image { width: 18.1818181818% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text { width: 81.8181818182% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image { width: 27.2727272727% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text { width: 72.7272727273% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image { width: 36.3636363636% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text { width: 63.6363636364% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image { width: 45.4545454545% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-11 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image { width: 54.5454545455% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: 45.4545454545% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 63.6363636364% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: 36.3636363636% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 72.7272727273% } .umb-grid-11 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-11 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: 27.2727272727% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-image, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-image { width: 16.6666666667% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-2 .grid-panel-text, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-2 .grid-panel-text { width: 83.3333333333% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-image, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-image { width: 25% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-3 .grid-panel-text, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-3 .grid-panel-text { width: 75% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-image, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-image { width: 33.3333333333% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-4 .grid-panel-text, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-4 .grid-panel-text { width: 66.6666666667% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-image, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-image { width: 41.6666666667% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-5 .grid-panel-text, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-5 .grid-panel-text { width: 58.3333333333% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-image, .umb-grid-12 .grid-panel.has-image.text-left-panel.image-6 .grid-panel-text, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-image, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-6 .grid-panel-text { width: 50% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-image, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-image { width: 58.3333333333% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-7 .grid-panel-text, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-7 .grid-panel-text { width: 41.6666666667% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-image, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-image { width: 66.6666666667% } .umb-grid-12 .grid-panel.has-image.text-left-panel.image-8 .grid-panel-text, .umb-grid-12 .grid-panel.has-image.text-right-panel.image-8 .grid-panel-text { width: 33.3333333333% } } .grid-panel.has-image.text-overlay-panel .grid-panel-text { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); transition: background-color 300ms } .grid-panel.has-image.text-overlay-panel .grid-panel-text h2 { color: #fff; background-repeat: no-repeat; background-position: 50% 0; background-image: url("/_images/wheat-folio.png"); background-size: 2.3125rem 2.3125rem } .grid-panel.has-image.text-overlay-panel .grid-panel-text .body-text { max-height: 0; overflow: hidden; color: #fff; transition: max-height 300ms } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: 0 0 } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner { position: absolute } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-0 { top: 0; left: 0 } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-10 { top: 0; left: 10%; transform: translate(-10%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-20 { top: 0; left: 20%; transform: translate(-20%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-25 { top: 0; left: 25%; transform: translate(-25%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-30 { top: 0; left: 30%; transform: translate(-30%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-40 { top: 0; left: 40%; transform: translate(-40%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-50 { top: 0; left: 50%; transform: translate(-50%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-60 { top: 0; left: 60%; transform: translate(-60%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-70 { top: 0; left: 70%; transform: translate(-70%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-75 { top: 0; left: 75%; transform: translate(-75%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-80 { top: 0; left: 80%; transform: translate(-80%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-90 { top: 0; left: 90%; transform: translate(-90%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-0.left-100 { top: 0; left: 100%; transform: translate(-100%,0) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-0 { top: 50%; left: 0; transform: translate(0,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-10 { top: 50%; left: 10%; transform: translate(-10%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-20 { top: 50%; left: 20%; transform: translate(-20%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-25 { top: 50%; left: 25%; transform: translate(-25%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-30 { top: 50%; left: 30%; transform: translate(-30%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-40 { top: 50%; left: 40%; transform: translate(-40%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-50 { top: 50%; left: 50%; transform: translate(-50%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-60 { top: 50%; left: 60%; transform: translate(-60%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-70 { top: 50%; left: 70%; transform: translate(-70%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-75 { top: 50%; left: 75%; transform: translate(-75%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-80 { top: 50%; left: 80%; transform: translate(-80%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-90 { top: 50%; left: 90%; transform: translate(-90%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-50.left-100 { top: 50%; left: 100%; transform: translate(-100%,-50%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-0 { top: 100%; left: 0; transform: translate(0,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-10 { top: 100%; left: 10%; transform: translate(-10%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-20 { top: 100%; left: 20%; transform: translate(-20%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-25 { top: 100%; left: 25%; transform: translate(-25%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-30 { top: 100%; left: 30%; transform: translate(-30%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-40 { top: 100%; left: 40%; transform: translate(-40%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-50 { top: 100%; left: 50%; transform: translate(-50%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-60 { top: 100%; left: 60%; transform: translate(-60%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-70 { top: 100%; left: 70%; transform: translate(-70%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-75 { top: 100%; left: 75%; transform: translate(-75%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-80 { top: 100%; left: 80%; transform: translate(-80%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-90 { top: 100%; left: 90%; transform: translate(-90%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.top-100.left-100 { top: 100%; left: 100%; transform: translate(-100%,-100%) } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.align-left, .hero-banner-overlay > .inner.align-left { text-align: left } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.align-center, .hero-banner-overlay > .inner.align-center { text-align: center } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner.align-right, .hero-banner-overlay > .inner.align-right { text-align: right } .grid-panel.has-image.text-overlay-panel .grid-panel-button { border-color: #e2d0a1 !important; background-color: #e2d0a1 !important; color: #041a29 !important } .grid-panel.has-image.text-overlay-panel.active { cursor: pointer } .grid-panel.has-image.text-overlay-panel.active .grid-panel-text { background-color: rgba(4,26,41,.9) } .grid-panel.has-image.text-overlay-panel.active .grid-panel-text .body-text { max-height: 12.5rem } .grid-panel.has-image.text-overlay-panel.active .grid-panel-button { background-color: transparent !important; color: #e2d0a1 !important } @media only screen and (max-width: 40rem) { .grid-panel.has-image.text-overlay-panel .grid-panel-text h2 { padding-top: 2rem; background-size: 1.5rem 1.5rem } .grid-panel.has-image.text-overlay-panel .grid-panel-text::before { display: none } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner { max-width: 28.75rem; padding-top: 1.25rem } } @media only screen and (min-width: 40.0625rem) { .grid-panel.has-image.text-overlay-panel .grid-panel-text h2 { padding-top: 3.375rem; background-size: 2.3125rem 2.3125rem } .grid-panel.has-image.text-overlay-panel .grid-panel-overlay > .inner { max-width: 33.75rem; width: 85% } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-text { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: 0 0 } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay { position: absolute; top: 4.6875vw; bottom: 5rem; left: 2.34375vw; right: 2.34375vw; background: 0 0 } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner { position: absolute; width: 35.9375vw; background-color: rgba(4,26,41,.9) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-0 { top: 0; left: 0 } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-10 { top: 0; left: 10%; transform: translate(-10%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-20 { top: 0; left: 20%; transform: translate(-20%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-25 { top: 0; left: 25%; transform: translate(-25%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-30 { top: 0; left: 30%; transform: translate(-30%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-40 { top: 0; left: 40%; transform: translate(-40%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-50 { top: 0; left: 50%; transform: translate(-50%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-60 { top: 0; left: 60%; transform: translate(-60%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-70 { top: 0; left: 70%; transform: translate(-70%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-75 { top: 0; left: 75%; transform: translate(-75%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-80 { top: 0; left: 80%; transform: translate(-80%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-90 { top: 0; left: 90%; transform: translate(-90%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-0.left-100 { top: 0; left: 100%; transform: translate(-100%,0) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-0 { top: 50%; left: 0; transform: translate(0,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-10 { top: 50%; left: 10%; transform: translate(-10%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-20 { top: 50%; left: 20%; transform: translate(-20%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-25 { top: 50%; left: 25%; transform: translate(-25%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-30 { top: 50%; left: 30%; transform: translate(-30%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-40 { top: 50%; left: 40%; transform: translate(-40%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-50 { top: 50%; left: 50%; transform: translate(-50%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-60 { top: 50%; left: 60%; transform: translate(-60%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-70 { top: 50%; left: 70%; transform: translate(-70%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-75 { top: 50%; left: 75%; transform: translate(-75%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-80 { top: 50%; left: 80%; transform: translate(-80%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-90 { top: 50%; left: 90%; transform: translate(-90%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-50.left-100 { top: 50%; left: 100%; transform: translate(-100%,-50%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-0 { top: 100%; left: 0; transform: translate(0,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-10 { top: 100%; left: 10%; transform: translate(-10%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-20 { top: 100%; left: 20%; transform: translate(-20%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-25 { top: 100%; left: 25%; transform: translate(-25%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-30 { top: 100%; left: 30%; transform: translate(-30%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-40 { top: 100%; left: 40%; transform: translate(-40%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-50 { top: 100%; left: 50%; transform: translate(-50%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-60 { top: 100%; left: 60%; transform: translate(-60%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-70 { top: 100%; left: 70%; transform: translate(-70%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-75 { top: 100%; left: 75%; transform: translate(-75%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-80 { top: 100%; left: 80%; transform: translate(-80%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-90 { top: 100%; left: 90%; transform: translate(-90%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.top-100.left-100 { top: 100%; left: 100%; transform: translate(-100%,-100%) } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.align-left { text-align: left } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.align-center { text-align: center } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner.align-right { text-align: right } .grid-panel.has-image.text-overlay-gallery-panel.grid-panel-green .grid-panel-overlay > .inner { background-color: rgba(35,37,21,.9) } .grid-panel.has-image.text-overlay-gallery-panel.grid-panel-sand .grid-panel-overlay > .inner { background-color: rgba(226,208,161,.9) } .grid-panel.has-image.text-overlay-gallery-panel.grid-panel-pale-sand .grid-panel-overlay > .inner { background-color: rgba(241,241,221,.9) } } @media only screen and (min-width: 80.063em) { .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay { top: 3.75rem; left: 1.875rem; right: 1.875rem } .grid-panel.has-image.text-overlay-gallery-panel .grid-panel-overlay > .inner { width: 28.75rem } } .case-study-page-hero-area, .contact-page-hero-area, .course-application-page-hero-area, .course-page-hero-area, .general-page-hero-area, .venture-page-hero-area { position: relative; height: 0; padding-top: 29.1666666667%; overflow: hidden } .case-study-page-hero-area > *, .contact-page-hero-area > *, .course-application-page-hero-area > *, .course-page-hero-area > *, .general-page-hero-area > *, .venture-page-hero-area > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .home-page-hero-area, .home-page-hero-area .hero-banner-image { position: relative; height: 0; padding-top: 29.1666666667%; overflow: hidden } .home-page-hero-area .hero-banner-image { background-color: #f9f9eb } .home-page-hero-area .hero-banner-image > *, .home-page-hero-area > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .hero-banner { position: relative } .hero-banner-image { z-index: 1; width: 100%; background-color: #eee; color: #eee } .hero-banner-text h1, .hero-banner-text h2 { color: #fff; font-style: normal; line-height: 1.2em !important } .hero-banner-text dl, .hero-banner-text h3, .hero-banner-text h4, .hero-banner-text ol, .hero-banner-text p, .hero-banner-text ul { color: #fff; text-shadow: 0 0 30px #000,0 0 30px #000; box-decoration-break: clone; line-height: 1.5em !important } .hero-banner-overlay { position: absolute; z-index: 2 } .hero-banner-overlay > .inner { position: absolute } .hero-banner-overlay > .inner.top-0.left-0 { top: 0; left: 0 } .hero-banner-overlay > .inner.top-0.left-10 { top: 0; left: 10%; transform: translate(-10%,0) } .hero-banner-overlay > .inner.top-0.left-20 { top: 0; left: 20%; transform: translate(-20%,0) } .hero-banner-overlay > .inner.top-0.left-25 { top: 0; left: 25%; transform: translate(-25%,0) } .hero-banner-overlay > .inner.top-0.left-30 { top: 0; left: 30%; transform: translate(-30%,0) } .hero-banner-overlay > .inner.top-0.left-40 { top: 0; left: 40%; transform: translate(-40%,0) } .hero-banner-overlay > .inner.top-0.left-50 { top: 0; left: 50%; transform: translate(-50%,0) } .hero-banner-overlay > .inner.top-0.left-60 { top: 0; left: 60%; transform: translate(-60%,0) } .hero-banner-overlay > .inner.top-0.left-70 { top: 0; left: 70%; transform: translate(-70%,0) } .hero-banner-overlay > .inner.top-0.left-75 { top: 0; left: 75%; transform: translate(-75%,0) } .hero-banner-overlay > .inner.top-0.left-80 { top: 0; left: 80%; transform: translate(-80%,0) } .hero-banner-overlay > .inner.top-0.left-90 { top: 0; left: 90%; transform: translate(-90%,0) } .hero-banner-overlay > .inner.top-0.left-100 { top: 0; left: 100%; transform: translate(-100%,0) } .hero-banner-overlay > .inner.top-50.left-0 { top: 50%; left: 0; transform: translate(0,-50%) } .hero-banner-overlay > .inner.top-50.left-10 { top: 50%; left: 10%; transform: translate(-10%,-50%) } .hero-banner-overlay > .inner.top-50.left-20 { top: 50%; left: 20%; transform: translate(-20%,-50%) } .hero-banner-overlay > .inner.top-50.left-25 { top: 50%; left: 25%; transform: translate(-25%,-50%) } .hero-banner-overlay > .inner.top-50.left-30 { top: 50%; left: 30%; transform: translate(-30%,-50%) } .hero-banner-overlay > .inner.top-50.left-40 { top: 50%; left: 40%; transform: translate(-40%,-50%) } .hero-banner-overlay > .inner.top-50.left-50 { top: 50%; left: 50%; transform: translate(-50%,-50%) } .hero-banner-overlay > .inner.top-50.left-60 { top: 50%; left: 60%; transform: translate(-60%,-50%) } .hero-banner-overlay > .inner.top-50.left-70 { top: 50%; left: 70%; transform: translate(-70%,-50%) } .hero-banner-overlay > .inner.top-50.left-75 { top: 50%; left: 75%; transform: translate(-75%,-50%) } .hero-banner-overlay > .inner.top-50.left-80 { top: 50%; left: 80%; transform: translate(-80%,-50%) } .hero-banner-overlay > .inner.top-50.left-90 { top: 50%; left: 90%; transform: translate(-90%,-50%) } .hero-banner-overlay > .inner.top-50.left-100 { top: 50%; left: 100%; transform: translate(-100%,-50%) } .hero-banner-overlay > .inner.top-100.left-0 { top: 100%; left: 0; transform: translate(0,-100%) } .hero-banner-overlay > .inner.top-100.left-10 { top: 100%; left: 10%; transform: translate(-10%,-100%) } .hero-banner-overlay > .inner.top-100.left-20 { top: 100%; left: 20%; transform: translate(-20%,-100%) } .hero-banner-overlay > .inner.top-100.left-25 { top: 100%; left: 25%; transform: translate(-25%,-100%) } .hero-banner-overlay > .inner.top-100.left-30 { top: 100%; left: 30%; transform: translate(-30%,-100%) } .hero-banner-overlay > .inner.top-100.left-40 { top: 100%; left: 40%; transform: translate(-40%,-100%) } .hero-banner-overlay > .inner.top-100.left-50 { top: 100%; left: 50%; transform: translate(-50%,-100%) } .hero-banner-overlay > .inner.top-100.left-60 { top: 100%; left: 60%; transform: translate(-60%,-100%) } .hero-banner-overlay > .inner.top-100.left-70 { top: 100%; left: 70%; transform: translate(-70%,-100%) } .hero-banner-overlay > .inner.top-100.left-75 { top: 100%; left: 75%; transform: translate(-75%,-100%) } .hero-banner-overlay > .inner.top-100.left-80 { top: 100%; left: 80%; transform: translate(-80%,-100%) } .hero-banner-overlay > .inner.top-100.left-90 { top: 100%; left: 90%; transform: translate(-90%,-100%) } .hero-banner-overlay > .inner.top-100.left-100 { top: 100%; left: 100%; transform: translate(-100%,-100%) } @media only screen and (width: 1024px) and (height:1366px) { .hero-banner-overlay { bottom: 1em !important } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .homepageherobanners { padding-top: 4em } } .homepageherobanners .hero-banner-text h2 { font-family: Museo,sans-serif; font-style: normal } @media only screen and (width: 320px) and (height:568px) { .homepageherobanners .hero-banner-text h2 { line-height: unset; font-size: 1.2rem } } @media only screen and (width: 568px) and (height:320px) { .homepageherobanners .hero-banner-text h2 { line-height: unset; font-size: 1.2rem } } .homepageherobanners .hero-banner-text p { font-family: Heebo,sans-serif } @media only screen and (width: 320px) and (height:568px) { .homepageherobanners .hero-banner-text p { line-height: unset; font-size: .8rem } } @media only screen and (width: 568px) and (height:320px) { .homepageherobanners .hero-banner-text p { line-height: unset; font-size: .8rem } } .touch .herobanners .slick-next, .touch .herobanners .slick-prev, .touch .homepageherobanners .slick-next, .touch .homepageherobanners .slick-prev { display: none } @media only screen and (orientation: landscape) { .case-study-page-hero-area, .case-study-page-hero-area .hero-banner-image, .contact-page-hero-area, .contact-page-hero-area .hero-banner-image, .course-application-page-hero-area, .course-application-page-hero-area .hero-banner-image, .course-page-hero-area, .course-page-hero-area .hero-banner-image, .general-page-hero-area, .general-page-hero-area .hero-banner-image, .venture-page-hero-area, .venture-page-hero-area .hero-banner-image { position: relative; height: 0; padding-top: 26.6666666667%; overflow: hidden } .case-study-page-hero-area .hero-banner-image > *, .case-study-page-hero-area > *, .contact-page-hero-area .hero-banner-image > *, .contact-page-hero-area > *, .course-application-page-hero-area .hero-banner-image > *, .course-application-page-hero-area > *, .course-page-hero-area .hero-banner-image > *, .course-page-hero-area > *, .general-page-hero-area .hero-banner-image > *, .general-page-hero-area > *, .venture-page-hero-area .hero-banner-image > *, .venture-page-hero-area > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .home-page-hero-area, .home-page-hero-area .hero-banner-image { position: relative; height: 0; padding-top: 29.25%; overflow: hidden } .home-page-hero-area .hero-banner-image > *, .home-page-hero-area > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } } @media only screen and (orientation: portrait) { .case-study-page-hero-area, .case-study-page-hero-area .hero-banner-image, .contact-page-hero-area, .contact-page-hero-area .hero-banner-image, .course-application-page-hero-area, .course-application-page-hero-area .hero-banner-image, .course-page-hero-area, .course-page-hero-area .hero-banner-image, .general-page-hero-area, .general-page-hero-area .hero-banner-image, .home-page-hero-area, .home-page-hero-area .hero-banner-image, .venture-page-hero-area, .venture-page-hero-area .hero-banner-image { position: relative; height: 0; padding-top: 57.6666666667%; overflow: hidden } .case-study-page-hero-area .hero-banner-image > *, .case-study-page-hero-area > *, .contact-page-hero-area .hero-banner-image > *, .contact-page-hero-area > *, .course-application-page-hero-area .hero-banner-image > *, .course-application-page-hero-area > *, .course-page-hero-area .hero-banner-image > *, .course-page-hero-area > *, .general-page-hero-area .hero-banner-image > *, .general-page-hero-area > *, .home-page-hero-area .hero-banner-image > *, .home-page-hero-area > *, .venture-page-hero-area .hero-banner-image > *, .venture-page-hero-area > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } } @media only screen and (orientation: portrait) and (width:1024px) and (height:1366px) { .case-study-page-hero-area .hero-banner-image, .contact-page-hero-area .hero-banner-image, .course-application-page-hero-area .hero-banner-image, .course-page-hero-area .hero-banner-image, .general-page-hero-area .hero-banner-image, .home-page-hero-area .hero-banner-image, .venture-page-hero-area .hero-banner-image { padding-top: 300px } } .hero-banner-button { font-family: Museo,sans-serif !important } @media only screen and (max-width: 48em) { .hero-banner-button-padding-top { padding-top: 52% !important } .hero-banner-text h1, .hero-banner-text h2 { font-family: Museo,sans-serif; font-style: unset; padding: 0 .375rem; font-size: 1.5rem; line-height: 150%; margin-bottom: .3125rem } .hero-banner-text h1 .multi-line-padding, .hero-banner-text h2 .multi-line-padding { display: inline; background-color: unset; padding: .125rem 0; text-shadow: 0 0 30px #000,0 0 30px #000; box-decoration-break: clone } .hero-banner-text ol, .hero-banner-text p, .hero-banner-text ul { font-family: Heebo,sans-serif; font-size: .75rem; line-height: 166.6666666667%; margin-bottom: .3125rem } .hero-banner-overlay { top: 1.5rem; left: 1.5rem; bottom: 1.5rem; right: 1.5rem } .hero-banner-button { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: .75rem 1.5rem .8125rem; font-size: .8125rem; background-color: #4f7671; border-color: #3f5e5a; color: #fff; transition: background-color 300ms ease-out; margin: .125rem 0 } .hero-banner-button:focus, .hero-banner-button:hover { background-color: #e2d0a1; color: #232515 } .herobanners .slick-next, .herobanners .slick-prev, .homepageherobanners .slick-next, .homepageherobanners .slick-prev { display: none } } @media only screen and (max-width: 48em) and (orientation:portrait) { .hero-banner-overlay > .inner { width: 70% } } @media only screen and (max-width: 48em) and (orientation:landscape) { .hero-banner-overlay > .inner { width: 70% } } @media only screen and (width: 320px) and (height:568px) { .hero-banner-overlay > .inner { width: 100% } } @media only screen and (width: 568px) and (height:320px) { .top-50 { top: 25% !important } .hero-banner-overlay > .inner { width: 100% } } @media screen and (min-width: 600px) { .hero-banner-button-padding-top { padding-top: 32% !important } } @media only screen and (min-width: 48.063em) { .hero-banner-button-padding-top { padding-top: 32% !important } .hero-banner-text h1, .hero-banner-text h2 { font-family: Museo,sans-serif; font-style: unset; padding: 0 .625rem } .hero-banner-text h1 .multi-line-padding, .hero-banner-text h2 .multi-line-padding { display: inline; background-color: unset; padding: .1875rem 0; text-shadow: 0 0 30px #000,0 0 30px #000; box-decoration-break: clone } .hero-banner-text li, .hero-banner-text p { font-family: Heebo,sans-serif } .hero-banner-overlay { top: 2.5rem; bottom: 2.5rem; left: 2.5rem; right: 2.5rem } .hero-banner-overlay > .inner { width: 70%; max-width: 80rem } .hero-banner-button { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: 1rem 2rem 1.0625rem; font-size: 1rem; background-color: #4f7671; border-color: #3f5e5a; color: #fff; transition: background-color 300ms ease-out; margin: .1875rem 0 } .hero-banner-button:focus, .hero-banner-button:hover { background-color: #e2d0a1; color: #232515 } .herobanners .slick-next, .herobanners .slick-prev, .homepageherobanners .slick-next, .homepageherobanners .slick-prev { bottom: 0; width: 4rem; height: 4rem; background-size: 16rem 4rem } .herobanners .slick-prev, .homepageherobanners .slick-prev { right: 4rem } .herobanners .slick-next, .homepageherobanners .slick-next { right: 0 } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .hero-banner-text h1, .hero-banner-text h2 { font-size: 1.875rem; line-height: 153.3333333333%; margin-bottom: .5rem } .hero-banner-text ol, .hero-banner-text p, .hero-banner-text ul { font-size: .875rem; line-height: 192.8571428571%; margin-bottom: .5rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:landscape) { .hero-banner-overlay > .inner { width: 50% } } @media only screen and (min-width: 64.063em) { .hero-banner-text h1, .hero-banner-text h2 { font-family: Museo,sans-serif; font-style: unset; font-size: 3.125vw; line-height: 1.2em; margin-bottom: .5rem; font-weight: 700 } .hero-banner-text ol, .hero-banner-text p, .hero-banner-text ul { font-size: 1.5rem; margin-bottom: .5rem } .homepageherobanners .hero-banner-text h2 { font-family: Museo,sans-serif; font-style: unset; font-size: 3.28125vw } .homepageherobanners .hero-banner-overlay { top: 3.75rem; bottom: 6.25rem; left: 4.375rem; right: 4.375rem } .homepageherobanners .hero-banner-overlay > .inner { width: 50% } } .sidebarpanels .modular-content-item { position: relative; margin-bottom: 1.25rem; background-color: #041a29 } .sidebarpanels .modular-content-item .modular-content-text { padding-left: 6.5%; padding-right: 6.5%; color: #fff } .sidebarpanels .modular-content-item .modular-content-text dl:last-child, .sidebarpanels .modular-content-item .modular-content-text h1:last-child, .sidebarpanels .modular-content-item .modular-content-text h2:last-child, .sidebarpanels .modular-content-item .modular-content-text h3:last-child, .sidebarpanels .modular-content-item .modular-content-text h4:last-child, .sidebarpanels .modular-content-item .modular-content-text h5:last-child, .sidebarpanels .modular-content-item .modular-content-text h6:last-child, .sidebarpanels .modular-content-item .modular-content-text ol:last-child, .sidebarpanels .modular-content-item .modular-content-text p:last-child, .sidebarpanels .modular-content-item .modular-content-text ul:last-child { margin-bottom: 0 } .sidebarpanels .modular-content-item .modular-content-text h2 { color: #fff } .sidebarpanels .modular-content-item .modular-content-link { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .sidebarpanels .modular-content-item .modular-content-link span { cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; padding: 1rem 2rem 1.0625rem; font-size: 1rem; transition: background-color 300ms ease-out; margin-bottom: 0; color: #d9be6c; background-color: transparent; border: 1px solid #d9be6c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 50%; display: block; transform: translateX(-50%) } .sidebarpanels .modular-content-item .modular-content-link span:focus, .sidebarpanels .modular-content-item .modular-content-link span:hover { background-color: #3f5e5a; color: #fff } .sidebarpanels .modular-content-item .modular-content-link span:hover { background-color: #d9be6c; color: #041a29 } @media only screen and (max-width: 48em) { .sidebarpanels .modular-content-item .modular-content-link span { padding: .625rem 1rem; font-size: .75rem } } @media only screen and (min-width: 48.063em) { .sidebarpanels .modular-content-item .modular-content-link span { padding: .75rem 1.5rem; font-size: .875rem } } @media only screen and (max-width: 48em) { .sidebarpanels .modular-content-item .modular-content-text { padding-top: 1.25rem; padding-bottom: 1.5rem; text-align: center; font-size: .75rem; line-height: 150% } .sidebarpanels .modular-content-item .modular-content-text dl:last-child, .sidebarpanels .modular-content-item .modular-content-text h1:last-child, .sidebarpanels .modular-content-item .modular-content-text h2:last-child, .sidebarpanels .modular-content-item .modular-content-text h3:last-child, .sidebarpanels .modular-content-item .modular-content-text h4:last-child, .sidebarpanels .modular-content-item .modular-content-text h5:last-child, .sidebarpanels .modular-content-item .modular-content-text h6:last-child, .sidebarpanels .modular-content-item .modular-content-text ol:last-child, .sidebarpanels .modular-content-item .modular-content-text p:last-child, .sidebarpanels .modular-content-item .modular-content-text ul:last-child { margin-bottom: 0 } .sidebarpanels .modular-content-item .modular-content-text h2, .sidebarpanels .modular-content-item .modular-content-text h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .sidebarpanels .modular-content-item .modular-content-text h2 .subhead, .sidebarpanels .modular-content-item .modular-content-text h3 .subhead { font-size: .875rem; line-height: 150% } .sidebarpanels .modular-content-item .modular-content-text dl, .sidebarpanels .modular-content-item .modular-content-text ol, .sidebarpanels .modular-content-item .modular-content-text p, .sidebarpanels .modular-content-item .modular-content-text ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } .sidebarpanels .modular-content-item .modular-content-link span { bottom: 1.5rem } .sidebarpanels .modular-content-item.has-link .modular-content-text { padding-bottom: 4.875rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .sidebarpanels .modular-content-item .modular-content-text { padding-top: 1.25rem; padding-bottom: 1.875rem; text-align: center; font-size: .875rem; line-height: 150% } .sidebarpanels .modular-content-item .modular-content-text dl:last-child, .sidebarpanels .modular-content-item .modular-content-text h1:last-child, .sidebarpanels .modular-content-item .modular-content-text h2:last-child, .sidebarpanels .modular-content-item .modular-content-text h3:last-child, .sidebarpanels .modular-content-item .modular-content-text h4:last-child, .sidebarpanels .modular-content-item .modular-content-text h5:last-child, .sidebarpanels .modular-content-item .modular-content-text h6:last-child, .sidebarpanels .modular-content-item .modular-content-text ol:last-child, .sidebarpanels .modular-content-item .modular-content-text p:last-child, .sidebarpanels .modular-content-item .modular-content-text ul:last-child { margin-bottom: 0 } .sidebarpanels .modular-content-item .modular-content-text h2, .sidebarpanels .modular-content-item .modular-content-text h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .sidebarpanels .modular-content-item .modular-content-text h2 .subhead, .sidebarpanels .modular-content-item .modular-content-text h3 .subhead { font-size: 1rem; line-height: 150% } .sidebarpanels .modular-content-item .modular-content-text dl, .sidebarpanels .modular-content-item .modular-content-text ol, .sidebarpanels .modular-content-item .modular-content-text p, .sidebarpanels .modular-content-item .modular-content-text ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } .sidebarpanels .modular-content-item .modular-content-link span { bottom: 1.75rem } .sidebarpanels .modular-content-item.has-link .modular-content-text { padding-bottom: 6rem } } @media only screen and (min-width: 64.063em) { .sidebarpanels .modular-content-item .modular-content-text { padding-top: 1.25rem; padding-bottom: 1.875rem; text-align: center; font-size: .875rem; line-height: 150% } .sidebarpanels .modular-content-item .modular-content-text dl:last-child, .sidebarpanels .modular-content-item .modular-content-text h1:last-child, .sidebarpanels .modular-content-item .modular-content-text h2:last-child, .sidebarpanels .modular-content-item .modular-content-text h3:last-child, .sidebarpanels .modular-content-item .modular-content-text h4:last-child, .sidebarpanels .modular-content-item .modular-content-text h5:last-child, .sidebarpanels .modular-content-item .modular-content-text h6:last-child, .sidebarpanels .modular-content-item .modular-content-text ol:last-child, .sidebarpanels .modular-content-item .modular-content-text p:last-child, .sidebarpanels .modular-content-item .modular-content-text ul:last-child { margin-bottom: 0 } .sidebarpanels .modular-content-item .modular-content-text h2, .sidebarpanels .modular-content-item .modular-content-text h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .sidebarpanels .modular-content-item .modular-content-text h2 .subhead, .sidebarpanels .modular-content-item .modular-content-text h3 .subhead { font-size: 1rem; line-height: 150% } .sidebarpanels .modular-content-item .modular-content-text dl, .sidebarpanels .modular-content-item .modular-content-text ol, .sidebarpanels .modular-content-item .modular-content-text p, .sidebarpanels .modular-content-item .modular-content-text ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } .sidebarpanels .modular-content-item .modular-content-link span { bottom: 1.75rem } .sidebarpanels .modular-content-item.has-link .modular-content-text { padding-bottom: 6rem } } .modular-content-cta-bar a.modular-content-link, .modular-content-cta-bar span.modular-content-link { position: relative; display: block; width: 100%; text-align: center; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; background-color: #4f7671; color: #fff; word-break: normal; -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none } .modular-content-cta-bar a.modular-content-link > span { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 100%; left: 0 } .modular-content-cta-bar a.modular-content-link > span span { display: inline-block } .modular-content-cta-bar a.modular-content-link > span::after { content: " →" } @media only screen and (max-width: 48em) { .modular-content-cta-bar a.modular-content-link { height: 4.5rem; font-size: 1rem; line-height: 125% } .modular-content-cta-bar a.modular-content-link > span { padding: 0 1rem } } @media only screen and (min-width: 48.063em) { .modular-content-cta-bar a.modular-content-link { height: 4.5rem; font-size: 1.25rem; line-height: 120% } .modular-content-cta-bar a.modular-content-link > span { padding: 0 1.25rem } } .modular-content-cta-bar span.modular-content-link > span { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 100%; left: 0 } .modular-content-cta-bar span.modular-content-link > span span { display: inline-block } @media only screen and (max-width: 48em) { .modular-content-cta-bar span.modular-content-link { height: 4.5rem; font-size: 1rem; line-height: 125% } .modular-content-cta-bar span.modular-content-link > span { padding: 0 1rem } } @media only screen and (min-width: 48.063em) { .modular-content-cta-bar span.modular-content-link { height: 4.5rem; font-size: 1.25rem; line-height: 120% } .modular-content-cta-bar span.modular-content-link > span { padding: 0 1.25rem } } .dark-overlay { min-width: 100%; min-height: 100%; background-color: rgba(0,0,0,.5); z-index: 10000 } .course-page-hero-area .multi-line-padding { text-shadow: unset !important; box-decoration-break: unset !important } .Zoom-In img { animation: kenburns 20s infinite } .hero-banner video { height: 100% !important } @media only screen and (orientation: portrait) { .hero-banner video { left: -200px !important; width: 204% !important } } @media only screen and (min-width: 48.063em) and (width:1024px) and (height:1366px) { .hero-banner video { left: -200px !important; width: 135% !important; height: 100% !important } } @media only screen and (min-width: 64.063em) { .hero-banner video { width: 113% !important; height: 99% !important } } .site-search-form { position: relative; overflow: hidden; background-color: #000; transition: width 300ms ease } .site-search-form:focus-within { outline: 1px solid #fff } .site-search-form .site-search-trigger { position: absolute; left: -5px; top: 0; z-index: 10; display: block; width: 100%; height: 100% } .booking-calendar-key dl dt span, .site-search-form .site-search-submit span, .site-search-form .site-search-trigger, .site-search-form .site-search-trigger:hover { font: 0/0 a; color: transparent; text-shadow: none } .site-search-form .site-search-query input[type=text] { position: absolute; left: 0; margin: 0; opacity: 0; cursor: pointer; background: #fff; border-color: #c0bfb1 } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]::-webkit-input-placeholder, .site-search-form .site-search-query input[type=text]::-webkit-input-placeholder { color: #363636 } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]:-moz-placeholder, .site-search-form .site-search-query input[type=text]:-moz-placeholder { color: #363636; opacity: 1 } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]::-moz-placeholder, .site-search-form .site-search-query input[type=text]::-moz-placeholder { color: #363636; opacity: 1 } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]:-ms-input-placeholder, .site-search-form .site-search-query input[type=text]:-ms-input-placeholder { color: #363636 } .site-search-form .site-search-query input[type=text].placeholder { color: #363636 } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]:focus::-webkit-input-placeholder, .site-search-form .site-search-query input[type=text]:focus::-webkit-input-placeholder { color: #aaa } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]:focus:-moz-placeholder, .site-search-form .site-search-query input[type=text]:focus:-moz-placeholder { color: #aaa; opacity: 1 } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]:focus::-moz-placeholder, .site-search-form .site-search-query input[type=text]:focus::-moz-placeholder { color: #aaa; opacity: 1 } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]:focus:-ms-input-placeholder, .site-search-form .site-search-query input[type=text]:focus:-ms-input-placeholder { color: #aaa } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text]:focus.placeholder, .site-search-form .site-search-query input[type=text]:focus.placeholder { color: #aaa } .site-search-form .site-search-query .field-validation-error { display: none } .site-search-form .site-search-submit { position: absolute; top: 0; right: 0; padding: 0; margin: 0; background-color: #4f7671 } @media only screen and (min-width: 48.063em) { .site-search-form .site-search-submit { background-color: #000 } } @media only screen and (width: 1024px) and (height:768px) { .site-search-form .site-search-submit { background-color: #4f7671 } } .site-search-form .site-search-submit:hover { background-color: #4f7671 } @media only screen and (min-width: 48.063em) { .site-search-form .site-search-submit:hover { background-color: #000 } } @media only screen and (width: 1024px) and (height:768px) { .site-search-form .site-search-submit:hover { background-color: #4f7671 } } .site-search-form .site-search-submit:hover .fa { color: #005a9a } .site-search-form.active .site-search-trigger, .site-search-result-list .breadcrumb .nav-item a.current::after, .site-search-result-list .breadcrumb .vacancy-application-documents li a.current::after, .vacancy-application-documents .site-search-result-list .breadcrumb li a.current::after { display: none } .site-search-form.active .site-search-query input[type=text] { opacity: 1; cursor: text } @media only screen and (max-width: 48em) { .site-search-form { top: 1rem; right: .625rem } .site-search-form .site-search-query { width: 12.5rem } .site-search-form .site-search-query input[type=text] { top: 0; width: 12.5rem; height: 2.75rem } .site-search-form, .site-search-form .site-search-submit { width: 2.75rem; height: 2.75rem } .site-search-form.active { width: 15.25rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .site-search-form .site-search-query { width: 21.25rem } .site-search-form .site-search-query input[type=text] { top: 0; width: 21.25rem; height: 3rem } .site-search-form, .site-search-form .site-search-submit { width: 3rem; height: 3rem } .site-search-form.active { width: 24.25rem } } @media only screen and (min-width: 64.063em) { .site-search-form { height: 1.5rem; width: 1.5rem } .site-search-form .site-search-query { width: 16.25rem } .site-search-form .site-search-query input[type=text] { top: 0; width: 16.25rem; height: 1.5rem } .site-search-form .site-search-submit { width: 1.5rem; height: 1.5rem; background-size: 1.5rem 1.5rem } .site-search-form.active { width: 17.75rem } } @media only screen and (min-width: 90.063em) { .site-search-form .site-search-query, .site-search-form .site-search-query input[type=text] { width: 25rem } .site-search-form.active { width: 29rem } } .site-search-result-list { clear: both; padding: 1.5rem 1.25rem 1.25rem; margin: 0 -1.25rem; background-color: #f1f1dd } .site-search-result-list:after, .site-search-result-list:before { content: " "; display: table } .site-search-result-list:after { clear: both } .site-search-result-list .site-search-result-item { padding-top: 1rem; border-top: 1px solid #c0bfb1; overflow: hidden } .site-search-result-list .site-search-result-item h3 { margin-bottom: .75rem } .site-search-result-list .site-search-result-item h3 a { color: #2a2d1c } .site-search-result-list .site-search-result-item h3 a::after { content: " →"; color: #4f7671 } .page-content-summary dl strong, .page-content-summary h4 strong, .page-content-summary ol strong, .page-content-summary p strong, .page-content-summary ul strong, .site-search-result-list .site-search-result-item strong { font-weight: 400 } .site-search-result-list .breadcrumb { position: relative; width: 200%; margin-left: 0; margin-bottom: 1rem } .site-search-result-list .breadcrumb::after { content: " "; position: absolute; top: 0; right: 50%; display: block; width: 2.5rem; height: 100%; linear-gradient: to right,transparent 0%,#f1f1dd 75% } .site-search-result-list .breadcrumb .nav-item, .site-search-result-list .breadcrumb .vacancy-application-documents li, .vacancy-application-documents .site-search-result-list .breadcrumb li { display: block; float: left } .site-search-result-list .breadcrumb .nav-item a, .site-search-result-list .breadcrumb .vacancy-application-documents li a, .vacancy-application-documents .site-search-result-list .breadcrumb li a { position: relative; display: inline-block; padding-right: 1.625rem; text-transform: uppercase } .site-search-result-list .breadcrumb .nav-item a::after, .site-search-result-list .breadcrumb .vacancy-application-documents li a::after, .vacancy-application-documents .site-search-result-list .breadcrumb li a::after { content: " "; position: absolute; top: 50%; display: block; width: 1.3125rem; height: .3125rem; transform: translateY(-50%); background-repeat: no-repeat; background-image: url("/_images/menu-ellipsis.png"); background-size: 2.625rem .3125rem; background-position: 0 50%; right: .1875rem } .site-search-result-list .pagination { padding-top: 1.25rem; border-top: 1px solid #c0bfb1 } @media only screen and (max-width: 48em) { .site-search-result-list .breadcrumb { height: .9375rem } .site-search-result-list .breadcrumb .nav-item a, .site-search-result-list .breadcrumb .vacancy-application-documents li a, .vacancy-application-documents .site-search-result-list .breadcrumb li a { font-size: .625rem; line-height: .9375rem } } @media only screen and (min-width: 48.063em) { .site-search-result-list .breadcrumb { height: 1rem } .site-search-result-list .breadcrumb .nav-item a, .site-search-result-list .breadcrumb .vacancy-application-documents li a, .vacancy-application-documents .site-search-result-list .breadcrumb li a { font-size: .6875rem; line-height: 1rem } } .course-search-form { position: relative } .course-search-form .course-search-close, .course-search-form .course-search-trigger { display: none } .course-search-form label { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } .course-search-form .course-search-submit { text-align: center } .course-search-form .course-search-submit button[type=submit] { width: 100% } .course-search-form .course-search-clear-filters { display: inline-block; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-size: 1rem; line-height: 150% } .course-search-form .course-search-clear-filters::before { content: " "; float: left; display: block; width: 1rem; height: 1.5rem; margin-right: .25rem; background-repeat: no-repeat; background-position: 0 50%; background-image: url("/_images/close-icon-small.png"); background-size: 1rem 4.5rem } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text].placeholder, .course-search-form .course-search-clear-filters:hover, .news-events-article > .inner:hover .news-events-article-text dl.event-details, .news-events-article > .inner:hover .news-events-article-text dl.published-date { color: #363636 } .course-search-form .course-search-clear-filters:hover::before { background-position: 0 0 } .course-search-cta-bar { transition: background-color 200ms,border-top-color 200ms } .course-search-cta-bar .course-search-form { overflow: hidden; transition: height 200ms ease } .course-search-cta-bar .course-search-form .course-search-trigger { position: absolute; top: 0; left: 0; z-index: 20; display: block; width: 100%; height: 100%; font: 0/0 a; color: transparent; text-shadow: none } .course-search-cta-bar .course-search-form .course-search-close { position: absolute; top: 0; z-index: 10; display: block; opacity: 0; font: 0/0 a; color: transparent; text-shadow: none; transition: opacity 200ms; background: no-repeat 50% 50%; background-image: url("/_images/close-icon"); background-size: 2rem 2rem } .course-search-cta-bar .course-search-form .course-search-close:hover { cursor: default } .course-search-cta-bar .course-search-form .course-search-query, .course-search-cta-bar .course-search-form .course-search-query-fieldset { position: relative } .course-search-cta-bar .course-search-form .course-search-query-fieldset label { height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; left: 50%; transform: translateX(-50%); transition: top 200ms ease; display: inline-block; color: #fff; white-space: nowrap } .course-search-cta-bar .course-search-form .course-search-query-fieldset label:before { content: " "; float: left; display: block; border-right: 1px solid #fff; background: no-repeat 0 50%; background-image: url("/_images/search-icon-white"); background-size: 2rem 2rem } .course-search-cta-bar .course-search-form .course-search-query input[type=text] { opacity: 0; cursor: pointer } .course-search-cta-bar.active { background-color: #f9f9eb } .course-search-cta-bar.active .course-search-form .course-search-trigger { display: none } .course-search-cta-bar.active .course-search-form .course-search-close { opacity: 1; cursor: pointer } .course-search-cta-bar.active .course-search-form .course-search-query input[type=text] { opacity: 1; cursor: text; background: #fff; border-color: #c0bfb1 } @media only screen and (max-width: 48em) { .course-search-form-target { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } .course-search-form { height: 25rem; padding-top: .875rem } .course-search-form .course-search-clear-filters { margin-bottom: .875rem } .course-search-cta-bar .course-search-form, .course-search-form .course-search-query input[type=text] { height: 2.75rem } .course-search-cta-bar .course-search-form .course-search-close { right: 0; width: 2.75rem; height: 2.75rem; background-size: 1rem 1rem } .course-search-cta-bar .course-search-form .course-search-query-fieldset label { top: 0; width: 15.625rem; font-size: 1rem; line-height: 1rem } .course-search-cta-bar .course-search-form .course-search-query-fieldset label:before { width: 1.5rem; height: 1rem; margin-right: .5rem; background-size: 1rem 1rem } .course-search-cta-bar .course-search-form .course-search-query input[type=text] { padding-right: 2.75rem } .course-search-cta-bar.active .course-search-form { height: 25rem } .course-search-cta-bar.active .course-search-form .course-search-query-fieldset label { top: .5rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .course-search-form-target { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) { .course-search-form-target { padding-left: .5rem; padding-right: .5rem; width: 100%; margin-left: auto; margin-right: auto; float: none } .course-search-form { height: 16.25rem; padding-top: 1.25rem } .course-search-form .course-search-query { height: 5rem; padding-right: 1.25rem } .course-search-form .course-search-query input[type=text] { height: 3.75rem } .course-search-form .course-search-filters, .course-search-form .course-search-query { padding-left: 0; padding-right: 0; width: 83.3333333333%; float: left } .course-search-form .course-search-filter { padding-left: 0; padding-right: 0; width: 50%; float: left; padding-right: 1.25rem } .course-search-form .course-search-submit { padding-left: 0; padding-right: 0; width: 16.6666666667%; float: left; position: absolute; top: 1.25rem; right: 0; padding-top: 5rem } .course-search-form .course-search-submit button[type=submit] { position: absolute; top: 0; left: 0 } .course-search-form .course-search-clear-filters { margin-top: 1.125rem } .course-search-cta-bar .course-search-form { height: 4.25rem } .course-search-cta-bar .course-search-form .course-search-close { right: 1.25rem; width: 3.75rem; height: 3.75rem; background-size: 1.75rem 1.75rem } .course-search-cta-bar .course-search-form .course-search-query-fieldset label { top: 0; font-size: 1.25rem; line-height: 1.75rem; transition: top 200ms ease } .course-search-cta-bar .course-search-form .course-search-query-fieldset label:before { width: 2.625rem; height: 1.75rem; margin-right: .875rem; background-size: 1.75rem 1.75rem } .course-search-cta-bar .course-search-form .course-search-query input[type=text] { padding-right: 3.75rem } .course-search-cta-bar .course-search-form .course-search-submit { opacity: 0; transition: opacity 200ms } .course-search-cta-bar.active .course-search-form { height: 16.25rem } .course-search-cta-bar.active .course-search-form .course-search-query-fieldset label { top: .5rem } .course-search-cta-bar.active .course-search-form .course-search-submit { opacity: 1 } } @media only screen and (min-width: 64.063em) { .course-search-cta-bar.active .course-search-form, .course-search-form { height: 11.25rem } .course-search-form .course-search-filter { padding-left: 0; padding-right: 0; width: 25%; float: left; padding-right: 1.25rem } .course-search-cta-bar { border-top: 1px solid transparent } .course-search-cta-bar .course-search-form { height: 4.5rem } .course-search-cta-bar.active { border-top-color: #dcdbcf } } .footer-social-menu { border-top: 2px solid #f9f9eb; border-bottom: 2px solid #f9f9eb } .footer-social-menu:after, .footer-social-menu:before { content: " "; display: table } .footer-social-menu:after { clear: both } .footer-social-menu .nav-item, .footer-social-menu .vacancy-application-documents li, .vacancy-application-documents .footer-social-menu li { padding-left: 0; padding-right: 0; width: 100%; float: left; border-right: 1px solid #f9f9eb; border-left: 1px solid #f9f9eb } .footer-social-menu .nav-item a, .footer-social-menu .nav-item span, .footer-social-menu .vacancy-application-documents li a, .footer-social-menu .vacancy-application-documents li span, .vacancy-application-documents .footer-social-menu li a, .vacancy-application-documents .footer-social-menu li span { display: block; background-color: rgba(220,219,207,.3); background-repeat: no-repeat; font: 0/0 a; color: transparent; text-shadow: none; transition: background-color 200ms } .footer-social-menu .nav-item a:hover, .footer-social-menu .nav-item span:hover, .footer-social-menu .vacancy-application-documents li a:hover, .footer-social-menu .vacancy-application-documents li span:hover, .vacancy-application-documents .footer-social-menu li a:hover, .vacancy-application-documents .footer-social-menu li span:hover { background-color: #dcdbcf } .footer-social-menu.footer-social-menu-2 .nav-item, .footer-social-menu.footer-social-menu-2 .vacancy-application-documents li, .vacancy-application-documents .footer-social-menu.footer-social-menu-2 li { width: 50% } .footer-social-menu.footer-social-menu-3 .nav-item, .footer-social-menu.footer-social-menu-3 .vacancy-application-documents li, .vacancy-application-documents .footer-social-menu.footer-social-menu-3 li { width: 33.3333333333% } .footer-social-menu.footer-social-menu-4 .nav-item, .footer-social-menu.footer-social-menu-4 .vacancy-application-documents li, .vacancy-application-documents .footer-social-menu.footer-social-menu-4 li { width: 25% } .footer-social-menu.footer-social-menu-5 .nav-item, .footer-social-menu.footer-social-menu-5 .vacancy-application-documents li, .vacancy-application-documents .footer-social-menu.footer-social-menu-5 li { width: 20% } @media only screen { .footer-social-menu .nav-item a, .footer-social-menu .nav-item span, .footer-social-menu .vacancy-application-documents li a, .footer-social-menu .vacancy-application-documents li span, .vacancy-application-documents .footer-social-menu li a, .vacancy-application-documents .footer-social-menu li span { height: 2.8125rem; background-size: 2rem 8rem; background-position: 50% -.59375rem } } @media only screen and (min-width: 48.063em) { .footer-social-menu .nav-item a, .footer-social-menu .nav-item span, .footer-social-menu .vacancy-application-documents li a, .footer-social-menu .vacancy-application-documents li span, .vacancy-application-documents .footer-social-menu li a, .vacancy-application-documents .footer-social-menu li span { height: 4.5rem; background-size: 3rem 12rem; background-position: 50% -.75rem } } @media only screen and (min-width: 64.063em) { .footer-social-menu .nav-item a, .footer-social-menu .nav-item span, .footer-social-menu .vacancy-application-documents li a, .footer-social-menu .vacancy-application-documents li span, .vacancy-application-documents .footer-social-menu li a, .vacancy-application-documents .footer-social-menu li span { height: 4.5rem; background-size: 3rem 12rem; background-position: 50% -.75rem } } .sidebar-social-menu { margin: 0; list-style: none; border-top: 1px solid #c0bfb1 } .sidebar-social-menu .nav-item, .sidebar-social-menu .vacancy-application-documents li, .vacancy-application-documents .sidebar-social-menu li { display: inline-block; float: left } .sidebar-social-menu .nav-item a, .sidebar-social-menu .nav-item span, .sidebar-social-menu .vacancy-application-documents li a, .sidebar-social-menu .vacancy-application-documents li span, .vacancy-application-documents .sidebar-social-menu li a, .vacancy-application-documents .sidebar-social-menu li span { display: block; background-color: #f1f1dd; background-repeat: no-repeat; transition: background-color 200ms; text-align: center } .sidebar-social-menu .nav-item a:hover, .sidebar-social-menu .nav-item span:hover, .sidebar-social-menu .vacancy-application-documents li a:hover, .sidebar-social-menu .vacancy-application-documents li span:hover, .vacancy-application-documents .sidebar-social-menu li a:hover, .vacancy-application-documents .sidebar-social-menu li span:hover { background-color: #44acec } .sidebar-social-menu .nav-item a i.fab, .sidebar-social-menu .nav-item span i.fab, .sidebar-social-menu .vacancy-application-documents li a i.fab, .sidebar-social-menu .vacancy-application-documents li span i.fab, .vacancy-application-documents .sidebar-social-menu li a i.fab, .vacancy-application-documents .sidebar-social-menu li span i.fab { color: #144e44; font-size: 1.5rem; padding-top: 20% } @media only screen and (max-width: 48em) { .sidebar-social-menu { padding-top: 1rem } .sidebar-social-menu .nav-item a, .sidebar-social-menu .nav-item span, .sidebar-social-menu .vacancy-application-documents li a, .sidebar-social-menu .vacancy-application-documents li span, .vacancy-application-documents .sidebar-social-menu li a, .vacancy-application-documents .sidebar-social-menu li span { height: 2.25rem; background-size: 1.875rem 7.5rem; background-position: 50% -.75rem } .sidebar-social-menu .nav-item, .sidebar-social-menu .vacancy-application-documents li, .vacancy-application-documents .sidebar-social-menu li { width: 2.25rem; margin-right: .5rem } .sidebar-social-menu .nav-item:last-child, .sidebar-social-menu .vacancy-application-documents li:last-child, .vacancy-application-documents .sidebar-social-menu li:last-child { margin-right: 0 } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .sidebar-social-menu { padding-top: 1.25rem } .sidebar-social-menu .nav-item a, .sidebar-social-menu .nav-item span, .sidebar-social-menu .vacancy-application-documents li a, .sidebar-social-menu .vacancy-application-documents li span, .vacancy-application-documents .sidebar-social-menu li a, .vacancy-application-documents .sidebar-social-menu li span { height: 2.25rem; background-size: 1.875rem 7.5rem; background-position: 50% -.75rem } .sidebar-social-menu .nav-item, .sidebar-social-menu .vacancy-application-documents li, .vacancy-application-documents .sidebar-social-menu li { width: 2.25rem; margin-right: .5rem } .sidebar-social-menu .nav-item:last-child, .sidebar-social-menu .vacancy-application-documents li:last-child, .vacancy-application-documents .sidebar-social-menu li:last-child { margin-right: 0 } } @media only screen and (min-width: 64.063em) { .sidebar-social-menu { padding-top: 1.25rem } .sidebar-social-menu .nav-item a, .sidebar-social-menu .nav-item span, .sidebar-social-menu .vacancy-application-documents li a, .sidebar-social-menu .vacancy-application-documents li span, .vacancy-application-documents .sidebar-social-menu li a, .vacancy-application-documents .sidebar-social-menu li span { height: 2.625rem; background-size: 2.25rem 9rem; background-position: 50% -.9375rem } .sidebar-social-menu .nav-item, .sidebar-social-menu .vacancy-application-documents li, .vacancy-application-documents .sidebar-social-menu li { width: 2.625rem; margin-right: .5rem } } .share-container { max-height: 28px; margin-bottom: 1em } @media only screen and (min-width: 48.063em) { .share-container { display: none } } .level-3 .fb-share-button { margin-top: .4em } .map-container { position: relative; height: 0; padding-top: 37.5%; overflow: hidden; min-height: 18.75rem } .map-container > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .map-container .map { width: 100%; background: #c0bfb1 } .map-container img { max-width: none; display: inline } .locations-map .nav-list, .locations-map .vacancy-application-documents ul, .vacancy-application-documents .locations-map ul { overflow: hidden; background-color: #e3e2d9 } .locations-map .nav-item a, .locations-map .vacancy-application-documents li a, .vacancy-application-documents .locations-map li a { display: block; background-color: #e3e2d9; text-align: center; color: #363636; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; transition: background-color 200ms } .locations-map .nav-item a:hover, .locations-map .vacancy-application-documents li a:hover, .vacancy-application-documents .locations-map li a:hover { background-color: #4f7671; color: #fff } .locations-map .nav-item a.current, .locations-map .vacancy-application-documents li a.current, .vacancy-application-documents .locations-map li a.current { background-color: #041a29; color: #fff } .locations-map .slick-next, .locations-map .slick-prev { position: absolute; top: 0; bottom: 0; padding: 0; border: 0; background-color: #e3e2d9; background-repeat: no-repeat; background-image: url("/_images/slider-arrow"); background-size: 17.5rem 4.375rem; font: 0/0 a; color: transparent; text-shadow: none } .locations-map .slick-prev { left: 0; border-right: 2px solid #f9f9eb; background-position: 100% 100%; transition: left 200ms ease } .locations-map .slick-next { right: 0; border-left: 2px solid #f9f9eb; background-position: 0 100%; transition: right 200ms ease } .locations-map .hide-arrows .slick-next, .locations-map .hide-arrows .slick-prev { display: none !important } .locations-map .info-window-content { padding: .25rem 0 } .locations-map .info-window-content dl:last-child, .locations-map .info-window-content h1:last-child, .locations-map .info-window-content h2:last-child, .locations-map .info-window-content h3:last-child, .locations-map .info-window-content h4:last-child, .locations-map .info-window-content h5:last-child, .locations-map .info-window-content h6:last-child, .locations-map .info-window-content ol:last-child, .locations-map .info-window-content p:last-child, .locations-map .info-window-content ul:last-child { margin-bottom: 0 } .locations-map .info-window-content dl dd, .locations-map .info-window-content dl dt, .news-events-article > .inner .news-events-article-text dl dd, .news-events-article > .inner .news-events-article-text dl dt, .page-content dl dd, .page-content dl dt { display: inline; margin: 0 } .locations-map .info-window-content dl dt:after, .news-events-article-list-pages dl dt:after, .news-events-article > .inner .news-events-article-text dl dt:after, .page-content dl dt:after, .qtip-content dl dt:after, .vacancy-posts-list .vacancy-post dl dt:after { content: ": " } .locations-map .info-window-content dl dd:after, .page-content dl dd:after { content: " "; display: block } .locations-map .info-window-content dl dd:last-child:after, .news-events-article-list-pages dl dd:last-child:after, .news-events-article > .inner .news-events-article-text dl dd:last-child:after, .page-content dl dd:last-child:after { display: none } @media only screen and (max-width: 48em) { .map-container { min-height: 18.75rem } .locations-map .nav-list, .locations-map .vacancy-application-documents ul, .vacancy-application-documents .locations-map ul { height: 2.75rem } .locations-map .nav-item, .locations-map .vacancy-application-documents li, .vacancy-application-documents .locations-map li { border-right: 2px solid #f9f9eb } .locations-map .nav-item a, .locations-map .vacancy-application-documents li a, .vacancy-application-documents .locations-map li a { font-size: .875rem; padding: 0 1.375rem; line-height: 2.75rem } .locations-map .slick-next, .locations-map .slick-prev { width: 2.75rem; background-size: 11rem 2.75rem } .locations-map .slick-prev.slick-disabled { left: -2.75rem } .locations-map .hide-next .slick-next, .locations-map .slick-next.slick-disabled { right: -2.75rem } } @media only screen and (min-width: 48.063em) { .map-container { min-height: 25rem } .locations-map .nav-list, .locations-map .vacancy-application-documents ul, .vacancy-application-documents .locations-map ul { display: table; width: 100%; border-top: 2px solid #f9f9eb } .locations-map .nav-item, .locations-map .vacancy-application-documents li, .vacancy-application-documents .locations-map li { display: table-cell; width: 1%; border-right: 1px solid #f9f9eb; border-left: 1px solid #f9f9eb } .locations-map .nav-item a, .locations-map .vacancy-application-documents li a, .vacancy-application-documents .locations-map li a { font-size: 1.125rem; line-height: 4rem } .locations-map .nav-item:first-child, .locations-map .vacancy-application-documents li:first-child, .vacancy-application-documents .locations-map li:first-child { border-left: 0 none } .locations-map .nav-item:last-child, .locations-map .vacancy-application-documents li:last-child, .vacancy-application-documents .locations-map li:last-child { border-right: 0 none } } .container, .page-content-container { width: 100%; margin: 0 auto; max-width: 77.5rem; padding-left: .75rem; padding-right: .75rem } .container:after, .container:before, .page-content-container:after, .page-content-container:before { content: " "; display: table } .container:after, .page-content-container:after { clear: both } .page-ajax-target { margin-top: 1em } @media only screen { .page { padding-top: 3.9em } .page .callout { width: 100%; margin: 0 auto; max-width: 77.5rem; padding-left: .75rem; padding-right: .75rem } } @media only screen and (min-width: 48.063em) { .page { padding-top: 4.75rem } } @media only screen and (min-width: 64.063em) { .page { padding-top: 7.5rem } .page .callout { margin-top: 5em; margin-bottom: -4em; border-bottom: 1px solid #000 } } .page-header { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #f9f9eb; margin: 0; } .page-header .container, .page-header .page-content-container { position: relative } .header-logo { display: block; margin: 0 auto; background-image: url("/_images/myerscough-logo"); background-size: 5rem 6rem; background-repeat: no-repeat; opacity: 1; transition: opacity 300ms } .header-logo.search-active { cursor: default } @media only screen and (max-width: 48em) { .header-logo, .page-header { height: 4.75rem } .header-logo { width: 3.75rem; background-position: 50% 50%; background-size: 2.5rem 3rem } .header-logo.search-active { opacity: 0 } .header-logo h1 { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } } @media only screen and (min-width: 48.063em) { .page-header { height: 9.5rem } .header-logo { width: 17.25rem; height: 8.75rem; padding-top: 8em; padding-left: 5.375rem; background-position: 0 50%; background-size: 5rem 6rem } .header-logo h1 { float: left; margin: 0; text-align: left; font-size: 1.25rem; line-height: 120%; color: #2a2d1c; white-space: nowrap } } @media only screen and (min-width: 48.063em) and (min-width:48.063em) and (max-width:64em) { .page-header { height: 11.75rem } .header-logo.search-active { opacity: 0 } } .page-footer { margin: 0 } .page-footer ul.footer-social-menu { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-evenly; list-style: none } .page-footer ul.footer-social-menu > li { display: flex; flex-wrap: wrap; flex-grow: 1; text-align: center; border-right: 1px solid #fff } .page-footer ul.footer-social-menu > li > a { padding: .3em 1.5em; font-size: 1.75rem; text-decoration: none; flex-grow: 1; align-items: flex-start; color: #144e44; width: 100% } @media only screen and (min-width: 48.063em) { .page-footer ul.footer-social-menu > li > a { padding: .75em 1.5em } } .page-footer .umb-grid { background-color: rgba(220,219,207,.15) } .page-footer .umb-grid .grid-section { border-right: 1px solid #f9f9eb; border-left: 1px solid #f9f9eb } .footer-contact-info dl, .footer-contact-info ol, .footer-contact-info p, .footer-contact-info ul, .footer-menu dl, .footer-menu ol, .footer-menu p, .footer-menu ul, .footer-section-header dl, .footer-section-header ol, .footer-section-header p, .footer-section-header ul { line-height: 1.5 } .child-page-item > .inner [class$=-text] dl:last-child, .child-page-item > .inner [class$=-text] h1:last-child, .child-page-item > .inner [class$=-text] h2:last-child, .child-page-item > .inner [class$=-text] h3:last-child, .child-page-item > .inner [class$=-text] h4:last-child, .child-page-item > .inner [class$=-text] h5:last-child, .child-page-item > .inner [class$=-text] h6:last-child, .child-page-item > .inner [class$=-text] ol:last-child, .child-page-item > .inner [class$=-text] p:last-child, .child-page-item > .inner [class$=-text] ul:last-child, .footer-contact-info dl:last-child, .footer-contact-info h1:last-child, .footer-contact-info h2:last-child, .footer-contact-info h3:last-child, .footer-contact-info h4:last-child, .footer-contact-info h5:last-child, .footer-contact-info h6:last-child, .footer-contact-info ol:last-child, .footer-contact-info p:last-child, .footer-contact-info ul:last-child, .footer-menu dl:last-child, .footer-menu h1:last-child, .footer-menu h2:last-child, .footer-menu h3:last-child, .footer-menu h4:last-child, .footer-menu h5:last-child, .footer-menu h6:last-child, .footer-menu ol:last-child, .footer-menu p:last-child, .footer-menu ul:last-child, .footer-section-header dl:last-child, .footer-section-header h1:last-child, .footer-section-header h2:last-child, .footer-section-header h3:last-child, .footer-section-header h4:last-child, .footer-section-header h5:last-child, .footer-section-header h6:last-child, .footer-section-header ol:last-child, .footer-section-header p:last-child, .footer-section-header ul:last-child { margin-bottom: 0 } .footer-contact-info, .footer-section-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } .footer-menu .nav-list, .footer-menu .vacancy-application-documents ul, .vacancy-application-documents .footer-menu ul { margin-bottom: 1.25em } .footer-menu .nav-item, .footer-menu .vacancy-application-documents li, .vacancy-application-documents .footer-menu li { margin-bottom: .25em; background: url("/_images/list-arrow.png") no-repeat; background-size: 3px 6px } .footer-menu .nav-item a, .footer-menu .vacancy-application-documents li a, .vacancy-application-documents .footer-menu li a { color: #585858; max-width: 100% } .footer-menu .nav-item a:hover, .footer-menu .vacancy-application-documents li a:hover, .vacancy-application-documents .footer-menu li a:hover { text-decoration: underline } footer { padding-bottom: 1em } .footer-content { text-align: center } .footer-content p { line-height: 1.5; margin: 0 } .footer-logo-item { display: inline-block } .footer-logo-item img, .footer-logo-item picture { width: auto } @media only screen and (max-width: 48em) { .page-footer { margin-top: 1.5rem } .page-footer .grid-section:first-child .footer-section-header { padding-top: 1rem } .footer-section-header { padding-left: .9375rem; padding-right: .9375rem } .footer-contact-info { padding: .9375rem } .footer-menu { width: 50%; float: left; padding-left: .9375rem; padding-right: .9375rem; padding-bottom: .625rem } .footer-menu:nth-child(2n+1) { clear: left } .footer-menu .nav-item, .footer-menu .vacancy-application-documents li, .vacancy-application-documents .footer-menu li { padding: 1em .625em; background-position: 0 1.45em } .footer-content { padding-top: 1.125rem } .footer-logo-list { padding: 1.5rem 0 1rem } .footer-logo-item { padding: 0 .5625rem; margin-bottom: 1rem } .footer-logo-item img, .footer-logo-item picture { height: 3rem !important } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .page-footer { margin-top: 3rem } .page-footer .grid-section.medium-4, .page-footer .grid-section.medium-8 { width: 50% } .footer-contact-info, .footer-section-header { padding-left: 1.5625rem; padding-right: 1.5625rem } .footer-contact-info h2, .footer-section-header h2 { font-size: 1.25rem } .footer-section-header { padding-top: 1rem } .footer-contact-info { padding-top: 1.25rem; padding-bottom: 1.375rem } .footer-menu { width: 50%; float: left; padding: 1.25rem 1.5625rem 1.375rem } .footer-menu:nth-child(2n+1) { clear: left } .footer-menu .nav-item, .footer-menu .vacancy-application-documents li, .vacancy-application-documents .footer-menu li { padding-left: .75rem; background-position: 0 .5rem } .footer-content { padding-top: 1.3125rem } .footer-logo-list { padding: 2rem 0 1rem } .footer-logo-item { padding: 0 .75rem; margin-bottom: 1.25rem } .footer-logo-item img, .footer-logo-item picture { height: 3.75rem !important } } @media only screen and (min-width: 64.063em) { .page-footer { margin-top: 3rem } .page-footer .grid-section:first-child .footer-section-header { padding-top: 1.25rem } .footer-contact-info, .footer-section-header { padding-left: 2.5rem; padding-right: 2.5rem } .footer-contact-info h2, .footer-section-header h2 { font-size: 1.25rem } .footer-section-header { padding-top: 1rem } .footer-contact-info { padding-top: 1.25rem; padding-bottom: 1.375rem } .footer-menu { width: 25%; float: left; padding: 1.25rem .5rem 1.375rem 2.5rem; padding-right: 0 } .footer-menu:last-child { padding-right: 1.25rem } .footer-menu .nav-item, .footer-menu .vacancy-application-documents li, .vacancy-application-documents .footer-menu li { padding-left: .75rem; background-position: 0 .5rem } .footer-content { padding-top: 1.5rem } .footer-logo-list { padding: 2rem 0 1.5rem } .footer-logo-item { padding: 0 .75rem; margin-bottom: 1.25rem } .footer-logo-item img, .footer-logo-item picture { height: 3.75rem !important } } .page-cta-bar { width: 100%; background-color: #4f7671 } .page-cta-bar:after, .page-cta-bar:before { content: " "; display: table } .page-cta-bar:after { clear: both } @media only screen and (max-width: 48em) { .page-cta-bar { margin-top: 1.5rem } .page-cta-bar + .page-footer { margin-top: 0 } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .page-cta-bar { margin-top: 3rem } .page-cta-bar + .page-footer { margin-top: 0 } } @media only screen and (min-width: 64.063em) { .page-cta-bar { position: fixed; left: 0; bottom: 0; z-index: 1000 } .page-cta-bar > .inner { width: 100%; margin: 0 auto; max-width: 77.5rem; padding: 0 1.25rem } .page-cta-bar > .inner:after, .page-cta-bar > .inner:before { content: " "; display: table } .page-cta-bar > .inner:after { clear: both } } .page-content-loader { position: fixed; z-index: 999; width: 100%; height: 100%; background-color: rgba(249,249,235,.7); background-repeat: no-repeat; background-position: 50% 40%; display: none } .page-content-loader.loading { display: block } .page-content { clear: both } .page-content-summary dl, .page-content-summary h4, .page-content-summary ol, .page-content-summary p, .page-content-summary ul { font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif } .page-content-image { position: relative; overflow: hidden } .page-content-image .caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; background-color: rgba(4,26,41,.75); color: #fff; line-height: 1.5 } @media only screen and (max-width: 48em) { .page-hero-area { margin-bottom: 0 } .page-content { padding-top: 0 } .page-content:after, .page-content:before { content: " "; display: table } .page-content:after { clear: both } .page-content li { padding: 1em 0 } .page-content-main, .page-content-sidebar { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: 1.5rem } .page-content-main dl, .page-content-main ol, .page-content-main p, .page-content-main ul, .page-content-sidebar dl, .page-content-sidebar ol, .page-content-sidebar p, .page-content-sidebar ul { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto } .page-content-summary dl, .page-content-summary h4, .page-content-summary ol, .page-content-summary p, .page-content-summary ul { font-size: .875rem; line-height: 150% } .page-content-image { margin: 1.0625rem 0 } .page-content-image .caption { padding: .4375rem 6.5% } } @media only screen and (max-width: 48em) and (orientation:landscape) { .page-content-main, .page-content-sidebar { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .page-hero-area { margin-bottom: 0 } .page-content { padding-top: 2rem } .page-content:after, .page-content:before { content: " "; display: table } .page-content:after { clear: both } .page-content-main { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } .has-sidebar .page-content-main, .page-content-sidebar { padding-left: .5rem; padding-right: .5rem; width: 66.6666666667%; float: left } .page-content-sidebar { width: 33.3333333333%; margin-bottom: 2rem } .page-content-sidebar dl, .page-content-sidebar ol, .page-content-sidebar p, .page-content-sidebar ul { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto } .page-content-summary dl, .page-content-summary h4, .page-content-summary ol, .page-content-summary p, .page-content-summary ul { font-size: 1.125rem; line-height: 150% } .page-content-image { margin: 1.375rem 0 } .page-content-image .caption { padding: .625rem 6.5% } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:portrait) and (max-width:50em) { .page-hero-area { margin-bottom: 2rem } .has-sidebar .page-content-main, .page-content-main, .page-content-sidebar { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 64.063em) { .page-hero-area { margin-bottom: 2rem } .page-content { padding-top: 2rem } .page-content:after, .page-content:before { content: " "; display: table } .page-content:after { clear: both } .page-content-main { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } .has-sidebar .page-content-main, .page-content-sidebar { padding-left: .5rem; width: 66.6666666667%; float: left; padding-right: 3rem } .page-content-sidebar { padding-right: .5rem; width: 33.3333333333%; margin-bottom: 2rem } .page-content-summary dl, .page-content-summary h4, .page-content-summary ol, .page-content-summary p, .page-content-summary ul { font-size: 1.125rem; line-height: 150% } .page-content-image { margin: 1.375rem 0 } .page-content-image .caption { padding: .625rem 6.5% } } .page-section-navigation-wrapper { height: 2.5rem; margin-bottom: .625rem } .page-section-navigation { width: 100%; height: 2.5rem; background-color: #041a29; text-align: center } .page-section-navigation.sticky { position: fixed; top: 9em; left: 0; z-index: 100; animation: fadeIn 1s ease } .page-section-navigation .nav-item, .page-section-navigation .vacancy-application-documents li, .vacancy-application-documents .page-section-navigation li { float: left; display: inline-block; font-size: .875rem; line-height: 285.7142857143%; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif } .page-section-navigation .nav-item a, .page-section-navigation .vacancy-application-documents li a, .vacancy-application-documents .page-section-navigation li a { display: block; padding: 0 1.25rem; color: #fff; transition: background-color 300ms } .page-section-navigation .nav-item a:active, .page-section-navigation .nav-item a:focus, .page-section-navigation .vacancy-application-documents li a:active, .page-section-navigation .vacancy-application-documents li a:focus, .vacancy-application-documents .page-section-navigation li a:active, .vacancy-application-documents .page-section-navigation li a:focus { color: #fff; background-color: transparent } .page-section-navigation .nav-item a:hover, .page-section-navigation .vacancy-application-documents li a:hover, .vacancy-application-documents .page-section-navigation li a:hover { color: #041a29; background-color: #e2d0a1 } .page-section-navigation .nav-item.apply, .page-section-navigation .vacancy-application-documents li.apply, .vacancy-application-documents .page-section-navigation li.apply { float: right; width: 10rem } .page-section-navigation .nav-item.apply a, .page-section-navigation .vacancy-application-documents li.apply a, .vacancy-application-documents .page-section-navigation li.apply a { background-color: #4f7671 } .page-section-navigation .nav-item.apply a:active, .page-section-navigation .nav-item.apply a:focus, .page-section-navigation .vacancy-application-documents li.apply a:active, .page-section-navigation .vacancy-application-documents li.apply a:focus, .vacancy-application-documents .page-section-navigation li.apply a:active, .vacancy-application-documents .page-section-navigation li.apply a:focus { background-color: #4f7671 } .course-type-item.course-type-page .course-type-text h2:before, .course-type-item.general-page .course-type-text h2:before, .fc button.fc-next-button:hover, .fc button.fc-prev-button:hover, .fc button.fc-today:hover, .page-section-navigation .nav-item.apply a:hover, .page-section-navigation .vacancy-application-documents li.apply a:hover, .vacancy-application-documents .page-section-navigation li.apply a:hover { background-color: #d9be6c } @media only screen and (max-width: 48em) { .page-section-navigation-wrapper { display: none } } @media only screen and (min-width: 48.063em) { .page-section-navigation .nav-item a, .page-section-navigation .vacancy-application-documents li a, .vacancy-application-documents .page-section-navigation li a { padding: .25rem 1.171875vw } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .page-section-navigation .nav-list, .page-section-navigation .vacancy-application-documents ul, .vacancy-application-documents .page-section-navigation ul { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } } @media only screen and (min-width: 64.063em) { .page-section-navigation-wrapper { height: 3rem } .page-section-navigation { height: 3rem; overflow: hidden } .page-section-navigation .nav-list, .page-section-navigation .vacancy-application-documents ul, .vacancy-application-documents .page-section-navigation ul { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } .page-section-navigation .nav-item, .page-section-navigation .vacancy-application-documents li, .vacancy-application-documents .page-section-navigation li { font-size: 1rem; line-height: 300% } .page-section-navigation .nav-item:first-child a, .page-section-navigation .vacancy-application-documents li:first-child a, .vacancy-application-documents .page-section-navigation li:first-child a { margin-left: -2.34375vw } } .case-studies-landing-page-content-header, .course-subject-page-content-header, .course-type-page-content-header, .courses-landing-page-content-header, .coursesearchpage-content-header, .section-landing-page-content-header { text-align: center } @media only screen and (max-width: 48em) { .case-studies-landing-page-content-header, .course-subject-page-content-header, .course-type-page-content-header, .courses-landing-page-content-header, .coursesearchpage-content-header, .section-landing-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; padding-bottom: 1rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .case-studies-landing-page-content-header, .course-subject-page-content-header, .course-type-page-content-header, .courses-landing-page-content-header, .coursesearchpage-content-header, .section-landing-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none; padding-bottom: 1rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:portrait) and (max-width:50em) { .case-studies-landing-page-content-header, .course-subject-page-content-header, .course-type-page-content-header, .courses-landing-page-content-header, .coursesearchpage-content-header, .section-landing-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } } @media only screen and (min-width: 64.063em) { .case-studies-landing-page-content-header, .course-subject-page-content-header, .course-type-page-content-header, .courses-landing-page-content-header, .coursesearchpage-content-header, .section-landing-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none; padding-bottom: 1rem } } @media only screen and (min-width: 90.063em) { .case-studies-landing-page-content-header, .course-subject-page-content-header, .course-type-page-content-header, .courses-landing-page-content-header, .coursesearchpage-content-header, .section-landing-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 66.6666666667%; margin-left: auto; margin-right: auto; float: none } } .child-page-list { clear: both } .case-study-page-content-header h1 span, .case-study-page-item > .inner, .case-study-page-item > .inner [class$=-text] h2 span, .child-page-item > .inner, .child-page-item > .inner [class$=-text] h2 span { display: block } .child-page-item > .inner [class$=-image] { position: relative; height: 0; padding-top: 56.25%; background-color: #f1f1dd; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("/images/myerscough-logo.gif"); background-size: 53px 75px } .case-study-page-item > .inner [class$=-image] img, .child-page-item > .inner [class$=-image] img, .news-events-article-page-list .event-article > .inner [class$=-image] img, .news-events-article-page-list .news-article > .inner [class$=-image] img, .subject-item .subject-image img { position: absolute; top: 0; left: 0 } .child-page-item > .inner [class$=-text] { background-color: #041a29; color: #e2d0a1; transition: background-color 300ms } .child-page-item > .inner [class$=-text] h2 { color: #fff } .case-study-page-item > .inner:hover [class$=-text], .child-page-item > .inner:hover [class$=-text] { background-color: #e2d0a1; color: #363636 } .child-page-item > .inner:hover [class$=-text] h2 { color: #041a29 } @media only screen and (max-width: 48em) { .child-page-item { margin-bottom: .9375rem } .child-page-item > .inner [class$=-text] { padding: 1.25rem; text-align: center; font-size: .75rem; line-height: 150% } .child-page-item > .inner [class$=-text] dl:last-child, .child-page-item > .inner [class$=-text] h1:last-child, .child-page-item > .inner [class$=-text] h2:last-child, .child-page-item > .inner [class$=-text] h3:last-child, .child-page-item > .inner [class$=-text] h4:last-child, .child-page-item > .inner [class$=-text] h5:last-child, .child-page-item > .inner [class$=-text] h6:last-child, .child-page-item > .inner [class$=-text] ol:last-child, .child-page-item > .inner [class$=-text] p:last-child, .child-page-item > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .child-page-item > .inner [class$=-text] h2, .child-page-item > .inner [class$=-text] h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .child-page-item > .inner [class$=-text] h2 .subhead, .child-page-item > .inner [class$=-text] h3 .subhead { font-size: .875rem; line-height: 150% } .child-page-item > .inner [class$=-text] dl, .child-page-item > .inner [class$=-text] ol, .child-page-item > .inner [class$=-text] p, .child-page-item > .inner [class$=-text] ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .child-page-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .child-page-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left; margin-bottom: 1.25rem } .child-page-item > .inner [class$=-text] { padding: 1.25rem 6.5% 1.5rem; text-align: center; font-size: .875rem; line-height: 150% } .child-page-item > .inner [class$=-text] dl:last-child, .child-page-item > .inner [class$=-text] h1:last-child, .child-page-item > .inner [class$=-text] h2:last-child, .child-page-item > .inner [class$=-text] h3:last-child, .child-page-item > .inner [class$=-text] h4:last-child, .child-page-item > .inner [class$=-text] h5:last-child, .child-page-item > .inner [class$=-text] h6:last-child, .child-page-item > .inner [class$=-text] ol:last-child, .child-page-item > .inner [class$=-text] p:last-child, .child-page-item > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .child-page-item > .inner [class$=-text] h2, .child-page-item > .inner [class$=-text] h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .child-page-item > .inner [class$=-text] h2 .subhead, .child-page-item > .inner [class$=-text] h3 .subhead { font-size: 1rem; line-height: 150% } .child-page-item > .inner [class$=-text] dl, .child-page-item > .inner [class$=-text] ol, .child-page-item > .inner [class$=-text] p, .child-page-item > .inner [class$=-text] ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } @media only screen and (min-width: 64.063em) { .child-page-item { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left; margin-bottom: 1.875rem } .child-page-item > .inner [class$=-text] { padding: 1.25rem 6.5% 1.5rem; text-align: center; font-size: .875rem; line-height: 150% } .child-page-item > .inner [class$=-text] dl:last-child, .child-page-item > .inner [class$=-text] h1:last-child, .child-page-item > .inner [class$=-text] h2:last-child, .child-page-item > .inner [class$=-text] h3:last-child, .child-page-item > .inner [class$=-text] h4:last-child, .child-page-item > .inner [class$=-text] h5:last-child, .child-page-item > .inner [class$=-text] h6:last-child, .child-page-item > .inner [class$=-text] ol:last-child, .child-page-item > .inner [class$=-text] p:last-child, .child-page-item > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .child-page-item > .inner [class$=-text] h2, .child-page-item > .inner [class$=-text] h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .child-page-item > .inner [class$=-text] h2 .subhead, .child-page-item > .inner [class$=-text] h3 .subhead { font-size: 1rem; line-height: 150% } .child-page-item > .inner [class$=-text] dl, .child-page-item > .inner [class$=-text] ol, .child-page-item > .inner [class$=-text] p, .child-page-item > .inner [class$=-text] ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } .case-study-page-item > .inner [class$=-image] { position: relative; height: 0; padding-top: 40%; background-color: #f1f1dd; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("/images/myerscough-logo.gif"); background-size: 53px 75px } .case-study-page-item > .inner [class$=-text] { background-color: #041a29; color: #e2d0a1; transition: background-color 300ms } .case-study-page-item > .inner [class$=-text] dl:last-child, .case-study-page-item > .inner [class$=-text] h1:last-child, .case-study-page-item > .inner [class$=-text] h2:last-child, .case-study-page-item > .inner [class$=-text] h3:last-child, .case-study-page-item > .inner [class$=-text] h4:last-child, .case-study-page-item > .inner [class$=-text] h5:last-child, .case-study-page-item > .inner [class$=-text] h6:last-child, .case-study-page-item > .inner [class$=-text] ol:last-child, .case-study-page-item > .inner [class$=-text] p:last-child, .case-study-page-item > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .case-study-page-item > .inner [class$=-text] h2, .venture-sidebar-panel a:hover { color: #fff } .case-study-page-item > .inner:hover [class$=-text] h2 { color: #041a29 } @media only screen and (max-width: 48em) { .case-study-page-item { margin-bottom: .9375rem } .case-study-page-item > .inner [class$=-text] { padding: 1.25rem; text-align: left; font-size: .75rem; line-height: 150% } .case-study-page-item > .inner [class$=-text] dl:last-child, .case-study-page-item > .inner [class$=-text] h1:last-child, .case-study-page-item > .inner [class$=-text] h2:last-child, .case-study-page-item > .inner [class$=-text] h3:last-child, .case-study-page-item > .inner [class$=-text] h4:last-child, .case-study-page-item > .inner [class$=-text] h5:last-child, .case-study-page-item > .inner [class$=-text] h6:last-child, .case-study-page-item > .inner [class$=-text] ol:last-child, .case-study-page-item > .inner [class$=-text] p:last-child, .case-study-page-item > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .case-study-page-item > .inner [class$=-text] h2, .case-study-page-item > .inner [class$=-text] h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .case-study-page-item > .inner [class$=-text] h2 .subhead, .case-study-page-item > .inner [class$=-text] h3 .subhead { font-size: .875rem; line-height: 150% } .case-study-page-item > .inner [class$=-text] dl, .case-study-page-item > .inner [class$=-text] ol, .case-study-page-item > .inner [class$=-text] p, .case-study-page-item > .inner [class$=-text] ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .case-study-page-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .case-study-page-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left; margin-bottom: 1.25rem } .case-study-page-item > .inner [class$=-text] { padding: 1.25rem 6.5% 1.5rem; text-align: left; font-size: .875rem; line-height: 150% } .case-study-page-item > .inner [class$=-text] dl:last-child, .case-study-page-item > .inner [class$=-text] h1:last-child, .case-study-page-item > .inner [class$=-text] h2:last-child, .case-study-page-item > .inner [class$=-text] h3:last-child, .case-study-page-item > .inner [class$=-text] h4:last-child, .case-study-page-item > .inner [class$=-text] h5:last-child, .case-study-page-item > .inner [class$=-text] h6:last-child, .case-study-page-item > .inner [class$=-text] ol:last-child, .case-study-page-item > .inner [class$=-text] p:last-child, .case-study-page-item > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .case-study-page-item > .inner [class$=-text] h2, .case-study-page-item > .inner [class$=-text] h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .case-study-page-item > .inner [class$=-text] h2 .subhead, .case-study-page-item > .inner [class$=-text] h3 .subhead { font-size: 1rem; line-height: 150% } .case-study-page-item > .inner [class$=-text] dl, .case-study-page-item > .inner [class$=-text] ol, .case-study-page-item > .inner [class$=-text] p, .case-study-page-item > .inner [class$=-text] ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } @media only screen and (min-width: 64.063em) { .case-study-page-item { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left; margin-bottom: 1.875rem } .case-study-page-item > .inner [class$=-text] { padding: 1.25rem 6.5% 1.5rem; text-align: left; font-size: .875rem; line-height: 150% } .case-study-page-item > .inner [class$=-text] dl:last-child, .case-study-page-item > .inner [class$=-text] h1:last-child, .case-study-page-item > .inner [class$=-text] h2:last-child, .case-study-page-item > .inner [class$=-text] h3:last-child, .case-study-page-item > .inner [class$=-text] h4:last-child, .case-study-page-item > .inner [class$=-text] h5:last-child, .case-study-page-item > .inner [class$=-text] h6:last-child, .case-study-page-item > .inner [class$=-text] ol:last-child, .case-study-page-item > .inner [class$=-text] p:last-child, .case-study-page-item > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .case-study-page-item > .inner [class$=-text] h2, .case-study-page-item > .inner [class$=-text] h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .case-study-page-item > .inner [class$=-text] h2 .subhead, .case-study-page-item > .inner [class$=-text] h3 .subhead { font-size: 1rem; line-height: 150% } .case-study-page-item > .inner [class$=-text] dl, .case-study-page-item > .inner [class$=-text] ol, .case-study-page-item > .inner [class$=-text] p, .case-study-page-item > .inner [class$=-text] ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } .case-study-page-content-sidebar .course-page-link { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; font-size: 1rem; padding: 1rem 2rem 1.0625rem; padding-right: 0; padding-left: 0; width: 100%; background-color: #e2d0a1; border-color: #d0b266; color: #333; transition: background-color 300ms ease-out; margin-bottom: 0 } .case-study-page-content-sidebar .course-page-link:focus, .case-study-page-content-sidebar .course-page-link:hover { background-color: #4f7671; color: #fff } @media only screen and (max-width: 48em) { .case-study-page-content-header h1 span { font-size: 1.3125rem } .case-study-page-content-sidebar { margin-bottom: 1rem } .case-study-page-content-sidebar .course-page-link { margin-top: 1rem } } @media only screen and (min-width: 48.063em) { .case-study-page-content-header h1 span { font-size: 1.5rem } .case-study-page-content-sidebar { margin-bottom: 1.25rem } .case-study-page-content-sidebar .course-page-link { margin-top: 1.25rem } } .venture-page-content-header { background-repeat: no-repeat; background-image: url("/_images/rose-folio.png"); background-size: 1.875rem 1.5625rem; text-align: center } .venture-page-content-header h1 { position: relative; margin-bottom: .1666666667em; line-height: 1.1666666667; color: #232515; font-style: italic } .venture-page-content-header h1:before { content: " "; position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 1px; background-color: #d9be6c } .venture-page-content-header h1 span { position: relative; z-index: 10; display: inline-block; background-color: #f9f9eb } .venture-page-content-header .subheading { margin-bottom: 0; color: #3e4b06; text-transform: uppercase; line-height: 1.6666666667; letter-spacing: .425em; font-weight: 700 } .venture-page-content-header.has-image h1 { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } @media only screen and (max-width: 48em) { .venture-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; padding-top: 2rem; margin-bottom: 1rem; background-position: 50% .75rem; background-size: 1.125rem .9375rem } .venture-page-content-header h1 { font-size: 1.5rem; margin-bottom: 1rem } .venture-page-content-header h1:before { display: none } .venture-page-content-header h1 span { padding: 0 1rem } .venture-page-content-header .subheading { font-size: .625rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .venture-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .venture-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none; padding-top: 3.625rem; margin-bottom: 3rem; background-position: 50% 1.125rem } .venture-page-content-header h1 { padding: 0 1.875rem; margin-right: 1.875rem; margin-left: 1.875rem; margin-bottom: 1rem; font-size: 2.25rem } .venture-page-content-header h1 span { padding: 0 1.40625rem } .venture-page-content-header .subheading { font-size: .875rem } .venture-page-content-header.has-image { background-position: 50% 0; margin-bottom: 1rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:landscape) { .venture-page-content-header { padding-top: 0 } } @media only screen and (min-width: 64.063em) { .venture-page-content-header { width: 100%; padding-top: 3.75rem; margin-bottom: 3rem; background-position: 50% 1.5rem } .venture-page-content-header h1 { padding: 0 1.875rem; margin-right: 1.875rem; margin-left: 1.875rem; font-size: 2.5rem } .venture-page-content-header h1 span { padding: 0 1.40625rem } .venture-page-content-header .subheading { font-size: .875rem } .venture-page-content-header.has-image { background-position: 50% 0; margin-bottom: 1rem } } .additional-venture { padding: 0 .5rem } .additional-venture > .inner { clear: both; padding: 0 .75rem; margin: 0 -1.25rem; background-color: #f1f1dd } .additional-venture > .inner:after, .additional-venture > .inner:before, .news-events-filter:after, .news-events-filter:before { content: " "; display: table } .additional-venture > .inner:after, .news-events-filter:after { clear: both } .additional-venture-content dl:last-child, .additional-venture-content h1:last-child, .additional-venture-content h2:last-child, .additional-venture-content h3:last-child, .additional-venture-content h4:last-child, .additional-venture-content h5:last-child, .additional-venture-content h6:last-child, .additional-venture-content ol:last-child, .additional-venture-content p:last-child, .additional-venture-content ul:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] dl:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h1:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h2:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h3:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h4:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h5:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h6:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] ol:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] p:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .news-events-article-page-list .event-article > .inner:hover [class$=-text], .news-events-article-page-list .news-article > .inner:hover [class$=-text], .opening-times-text { background-color: #e2d0a1; color: #363636 } .venture-sidebar-panel { background-color: #041a29; color: #fff } .venture-sidebar-panel a, .venture-sidebar-panel h2, .venture-sidebar-panel h3 { color: #d9be6c } @media only screen and (max-width: 48em) { .opening-times-text, .venture-sidebar-panel { padding: 1.25rem; margin-bottom: 1rem; text-align: left; font-size: .75rem; line-height: 150% } .opening-times-text dl:last-child, .opening-times-text h1:last-child, .opening-times-text h2:last-child, .opening-times-text h3:last-child, .opening-times-text h4:last-child, .opening-times-text h5:last-child, .opening-times-text h6:last-child, .opening-times-text ol:last-child, .opening-times-text p:last-child, .opening-times-text ul:last-child, .opening-times-text:last-child, .venture-sidebar-panel dl:last-child, .venture-sidebar-panel h1:last-child, .venture-sidebar-panel h2:last-child, .venture-sidebar-panel h3:last-child, .venture-sidebar-panel h4:last-child, .venture-sidebar-panel h5:last-child, .venture-sidebar-panel h6:last-child, .venture-sidebar-panel ol:last-child, .venture-sidebar-panel p:last-child, .venture-sidebar-panel ul:last-child, .venture-sidebar-panel:last-child { margin-bottom: 0 } .opening-times-text h2, .opening-times-text h3, .venture-sidebar-panel h2, .venture-sidebar-panel h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .opening-times-text h2 .subhead, .opening-times-text h3 .subhead, .venture-sidebar-panel h2 .subhead, .venture-sidebar-panel h3 .subhead { font-size: .875rem; line-height: 150% } .opening-times-text dl, .opening-times-text ol, .opening-times-text p, .opening-times-text ul, .venture-sidebar-panel dl, .venture-sidebar-panel ol, .venture-sidebar-panel p, .venture-sidebar-panel ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } .additional-venture { margin-bottom: 1.5rem } .additional-venture-content { width: 100%; float: left; padding: 1rem .5rem } .additional-venture-sidebar { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; padding-bottom: 1rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .additional-venture-content, .additional-venture-sidebar { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .opening-times-text, .venture-sidebar-panel { padding: 1.25rem 6.5%; margin-bottom: 1rem; text-align: left; font-size: .875rem; line-height: 150% } .opening-times-text dl:last-child, .opening-times-text h1:last-child, .opening-times-text h2:last-child, .opening-times-text h3:last-child, .opening-times-text h4:last-child, .opening-times-text h5:last-child, .opening-times-text h6:last-child, .opening-times-text ol:last-child, .opening-times-text p:last-child, .opening-times-text ul:last-child, .opening-times-text:last-child, .venture-sidebar-panel dl:last-child, .venture-sidebar-panel h1:last-child, .venture-sidebar-panel h2:last-child, .venture-sidebar-panel h3:last-child, .venture-sidebar-panel h4:last-child, .venture-sidebar-panel h5:last-child, .venture-sidebar-panel h6:last-child, .venture-sidebar-panel ol:last-child, .venture-sidebar-panel p:last-child, .venture-sidebar-panel ul:last-child, .venture-sidebar-panel:last-child { margin-bottom: 0 } .opening-times-text h2, .opening-times-text h3, .venture-sidebar-panel h2, .venture-sidebar-panel h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .opening-times-text h2 .subhead, .opening-times-text h3 .subhead, .venture-sidebar-panel h2 .subhead, .venture-sidebar-panel h3 .subhead { font-size: 1rem; line-height: 150% } .opening-times-text dl, .opening-times-text ol, .opening-times-text p, .opening-times-text ul, .venture-sidebar-panel dl, .venture-sidebar-panel ol, .venture-sidebar-panel p, .venture-sidebar-panel ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } .additional-venture { margin-bottom: 1.5rem } .additional-venture-content { width: 58.3333333333%; float: left; padding: 1.5rem 3rem 1.25rem .5rem; margin-bottom: 1.25rem } .additional-venture-sidebar { width: 41.6666666667%; float: left; padding: 1.5rem .5rem 1.25rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:portrait) and (max-width:50em) { .additional-venture-content, .additional-venture-sidebar { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } .additional-venture-content { margin-bottom: 0 } .additional-venture-sidebar { padding-top: 0 } } @media only screen and (min-width: 64.063em) { .opening-times-text, .venture-sidebar-panel { padding: 1.25rem 6.5%; margin-bottom: 1rem; text-align: left; font-size: .875rem; line-height: 150% } .opening-times-text dl:last-child, .opening-times-text h1:last-child, .opening-times-text h2:last-child, .opening-times-text h3:last-child, .opening-times-text h4:last-child, .opening-times-text h5:last-child, .opening-times-text h6:last-child, .opening-times-text ol:last-child, .opening-times-text p:last-child, .opening-times-text ul:last-child, .opening-times-text:last-child, .venture-sidebar-panel dl:last-child, .venture-sidebar-panel h1:last-child, .venture-sidebar-panel h2:last-child, .venture-sidebar-panel h3:last-child, .venture-sidebar-panel h4:last-child, .venture-sidebar-panel h5:last-child, .venture-sidebar-panel h6:last-child, .venture-sidebar-panel ol:last-child, .venture-sidebar-panel p:last-child, .venture-sidebar-panel ul:last-child, .venture-sidebar-panel:last-child { margin-bottom: 0 } .opening-times-text h2, .opening-times-text h3, .venture-sidebar-panel h2, .venture-sidebar-panel h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .opening-times-text h2 .subhead, .opening-times-text h3 .subhead, .venture-sidebar-panel h2 .subhead, .venture-sidebar-panel h3 .subhead { font-size: 1rem; line-height: 150% } .opening-times-text dl, .opening-times-text ol, .opening-times-text p, .opening-times-text ul, .venture-sidebar-panel dl, .venture-sidebar-panel ol, .venture-sidebar-panel p, .venture-sidebar-panel ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } .additional-venture { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; float: left; margin-left: 8.3333333333% !important; margin-bottom: 1.5rem } .additional-venture-content { float: left; width: 60%; padding: 1.5rem 3rem 1.25rem .5rem } .additional-venture-sidebar { float: left; width: 40%; padding: 1.5rem .5rem 1.25rem } } .booking-calendar, .booking-calendar .booking-calendar-key, .booking-calendar .calendar { margin-bottom: 1.5rem } .page-content-main + .booking-calendar { margin-top: 1rem } @media only screen and (max-width: 48em) { .booking-calendar { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .booking-calendar { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } } @media only screen and (min-width: 64.063em) { .booking-calendar { max-width: 75% } } .news-events-filter label { float: right; width: 35%; padding-top: .6em; padding-right: 1em; text-align: right } .news-events-filter input { float: right; width: 50%; height: 2.75rem } .news-events-filter #news-search-submit { float: right; max-width: 15%; cursor: pointer; background-color: transparent; color: #000; border: 0; display: inline; height: 2.75rem; padding-left: .5em; padding-right: .5em } .news-events-filter #news-search-submit .fa-search { font-size: 1.25rem } .news-events-article-page-list .news-article > .inner [class$=-text] h2, .news-events-article > .inner .news-events-article-text dl { color: #fff } .course-key-information dl dd:after, .news-events-article-list-pages dl dd:after, .news-events-article > .inner .news-events-article-text dl dd:after, .qtip-content dl dd:after, .vacancy-posts-list .vacancy-post dl dd:after { content: " "; display: block } .news-events-article-page-content-main dl dt, .news-events-article > .inner .news-events-article-text .summary strong, .news-events-article > .inner .news-events-article-text dl dt { font-weight: 400 } .news-events-article-page-list { clear: both } .news-events-article-page-list .event-article > .inner, .news-events-article-page-list .event-article > .inner [class$=-text] h2 span, .news-events-article-page-list .news-article > .inner, .news-events-article-page-list .news-article > .inner [class$=-text] h2 span { display: block } .news-events-article-page-list .news-article > .inner [class$=-image] { position: relative; height: 0; padding-top: 56.25%; background-color: #f1f1dd; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("/images/myerscough-logo.gif"); background-size: 53px 75px } .news-events-article-page-list .news-article > .inner [class$=-text] { background-color: #232515; color: #e2d0a1; transition: background-color 300ms } .news-events-article-page-list .news-article > .inner:hover [class$=-text] h2 { color: #232515 } @media only screen and (max-width: 48em) { .news-events-article-page-list .news-article { margin-bottom: .9375rem } .news-events-article-page-list .news-article > .inner [class$=-text] { padding: 1.25rem; text-align: left; font-size: .75rem; line-height: 150% } .news-events-article-page-list .news-article > .inner [class$=-text] dl:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h1:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h2:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h3:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h4:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h5:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h6:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] ol:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] p:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .news-events-article-page-list .news-article > .inner [class$=-text] h2, .news-events-article-page-list .news-article > .inner [class$=-text] h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .news-events-article-page-list .news-article > .inner [class$=-text] h2 .subhead, .news-events-article-page-list .news-article > .inner [class$=-text] h3 .subhead { font-size: .875rem; line-height: 150% } .news-events-article-page-list .news-article > .inner [class$=-text] dl, .news-events-article-page-list .news-article > .inner [class$=-text] ol, .news-events-article-page-list .news-article > .inner [class$=-text] p, .news-events-article-page-list .news-article > .inner [class$=-text] ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .news-events-article-page-list .news-article { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .news-events-article-page-list .news-article { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left; margin-bottom: 1.25rem } .news-events-article-page-list .news-article > .inner [class$=-text] { padding: 1.25rem 6.5% 1.5rem; text-align: left; font-size: .875rem; line-height: 150% } .news-events-article-page-list .news-article > .inner [class$=-text] dl:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h1:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h2:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h3:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h4:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h5:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h6:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] ol:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] p:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .news-events-article-page-list .news-article > .inner [class$=-text] h2, .news-events-article-page-list .news-article > .inner [class$=-text] h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .news-events-article-page-list .news-article > .inner [class$=-text] h2 .subhead, .news-events-article-page-list .news-article > .inner [class$=-text] h3 .subhead { font-size: 1rem; line-height: 150% } .news-events-article-page-list .news-article > .inner [class$=-text] dl, .news-events-article-page-list .news-article > .inner [class$=-text] ol, .news-events-article-page-list .news-article > .inner [class$=-text] p, .news-events-article-page-list .news-article > .inner [class$=-text] ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } @media only screen and (min-width: 64.063em) { .news-events-article-page-list .news-article { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left; margin-bottom: 1.875rem } .news-events-article-page-list .news-article > .inner [class$=-text] { padding: 1.25rem 6.5% 1.5rem; text-align: left; font-size: .875rem; line-height: 150% } .news-events-article-page-list .news-article > .inner [class$=-text] dl:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h1:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h2:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h3:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h4:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h5:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] h6:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] ol:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] p:last-child, .news-events-article-page-list .news-article > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .news-events-article-page-list .news-article > .inner [class$=-text] h2, .news-events-article-page-list .news-article > .inner [class$=-text] h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .news-events-article-page-list .news-article > .inner [class$=-text] h2 .subhead, .news-events-article-page-list .news-article > .inner [class$=-text] h3 .subhead { font-size: 1rem; line-height: 150% } .news-events-article-page-list .news-article > .inner [class$=-text] dl, .news-events-article-page-list .news-article > .inner [class$=-text] ol, .news-events-article-page-list .news-article > .inner [class$=-text] p, .news-events-article-page-list .news-article > .inner [class$=-text] ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } .news-events-article-page-list .event-article a:hover, .news-events-article-page-list .news-article a:hover { text-decoration: none } .news-events-article-page-list .event-article > .inner [class$=-image] { position: relative; height: 0; padding-top: 56.25%; background-color: #f1f1dd; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("/images/myerscough-logo.gif"); background-size: 53px 75px } .news-events-article-page-list .event-article > .inner [class$=-text] { background-color: #041a29; color: #e2d0a1; transition: background-color 300ms } .news-events-article-page-list .event-article > .inner [class$=-text] dl:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h1:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h2:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h3:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h4:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h5:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h6:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] ol:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] p:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .news-events-article-page-list .event-article > .inner [class$=-text] h2 { color: #fff } .news-events-article-page-list .event-article > .inner:hover [class$=-text] h2 { color: #041a29 } @media only screen and (max-width: 48em) { .news-events-article-page-list .event-article { margin-bottom: .9375rem } .news-events-article-page-list .event-article > .inner [class$=-text] { padding: 1.25rem; text-align: left; font-size: .75rem; line-height: 150% } .news-events-article-page-list .event-article > .inner [class$=-text] dl:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h1:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h2:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h3:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h4:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h5:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h6:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] ol:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] p:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .news-events-article-page-list .event-article > .inner [class$=-text] h2, .news-events-article-page-list .event-article > .inner [class$=-text] h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .news-events-article-page-list .event-article > .inner [class$=-text] h2 .subhead, .news-events-article-page-list .event-article > .inner [class$=-text] h3 .subhead { font-size: .875rem; line-height: 150% } .news-events-article-page-list .event-article > .inner [class$=-text] dl, .news-events-article-page-list .event-article > .inner [class$=-text] ol, .news-events-article-page-list .event-article > .inner [class$=-text] p, .news-events-article-page-list .event-article > .inner [class$=-text] ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .news-events-article-page-list .event-article { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .news-events-article-page-list .event-article { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left; margin-bottom: 1.25rem } .news-events-article-page-list .event-article > .inner [class$=-text] { padding: 1.25rem 6.5% 1.5rem; text-align: left; font-size: .875rem; line-height: 150% } .news-events-article-page-list .event-article > .inner [class$=-text] dl:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h1:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h2:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h3:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h4:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h5:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h6:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] ol:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] p:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .news-events-article-page-list .event-article > .inner [class$=-text] h2, .news-events-article-page-list .event-article > .inner [class$=-text] h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .news-events-article-page-list .event-article > .inner [class$=-text] h2 .subhead, .news-events-article-page-list .event-article > .inner [class$=-text] h3 .subhead { font-size: 1rem; line-height: 150% } .news-events-article-page-list .event-article > .inner [class$=-text] dl, .news-events-article-page-list .event-article > .inner [class$=-text] ol, .news-events-article-page-list .event-article > .inner [class$=-text] p, .news-events-article-page-list .event-article > .inner [class$=-text] ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } @media only screen and (min-width: 64.063em) { .news-events-article-page-list .event-article { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left; margin-bottom: 1.875rem } .news-events-article-page-list .event-article > .inner [class$=-text] { padding: 1.25rem 6.5% 1.5rem; text-align: left; font-size: .875rem; line-height: 150% } .news-events-article-page-list .event-article > .inner [class$=-text] dl:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h1:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h2:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h3:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h4:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h5:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] h6:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] ol:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] p:last-child, .news-events-article-page-list .event-article > .inner [class$=-text] ul:last-child { margin-bottom: 0 } .news-events-article-page-list .event-article > .inner [class$=-text] h2, .news-events-article-page-list .event-article > .inner [class$=-text] h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .news-events-article-page-list .event-article > .inner [class$=-text] h2 .subhead, .news-events-article-page-list .event-article > .inner [class$=-text] h3 .subhead { font-size: 1rem; line-height: 150% } .news-events-article-page-list .event-article > .inner [class$=-text] dl, .news-events-article-page-list .event-article > .inner [class$=-text] ol, .news-events-article-page-list .event-article > .inner [class$=-text] p, .news-events-article-page-list .event-article > .inner [class$=-text] ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } .news-events-no-results { text-align: center } @media only screen and (max-width: 48em) { .news-events-landing-page-content-header { text-align: center; padding-bottom: 1rem } .news-events-filter label { margin-top: .625rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .news-events-landing-page-content-header { text-align: left; padding-top: .375rem } .news-events-filter, .news-events-landing-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } } @media only screen and (min-width: 48.063em) { .news-events-landing-page-content-header { width: 50%; float: left; padding: .625rem .5rem 1rem } .news-events-filter { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } .news-events-filter label { float: right; width: 35%; padding-top: .6em; padding-right: 1em } } @media only screen and (min-width: 64.063em) { .news-events-landing-page-content-header { padding-top: .25rem } .news-events-filter, .news-events-landing-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } } .news-events-article-page-content-main dl { font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-style: italic } .homepage .news-section .next :hover, .homepage .news-section .prev :hover, .news-events-article-share-heading { cursor: pointer } .news-events-article-share-heading::after { content: " +" } .news-events-article-share { padding-top: .25rem; overflow: hidden; transition: height 300ms } .news-events-article-share.hidden { height: 0 } .news-events-article-contact-text { border-top: 1px solid #c0bfb1; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-style: italic } .news-events-article-list h2 + p { border-top: 1px solid #c0bfb1 } .news-events-article-list-pages { margin: 0; list-style: none; border-top: 1px solid #c0bfb1 } .news-events-article-list-pages h3 { margin-bottom: 0 } .news-events-article-list-pages dl { margin-bottom: 0; color: #585858; font-style: italic } .news-events-article-list-pages dl dd, .news-events-article-list-pages dl dt, .vacancy-posts-list .vacancy-post dl dd, .vacancy-posts-list .vacancy-post dl dt { display: inline; margin: 0 } .news-events-article-list-pages dl dt { font-weight: 400 } .news-events-article-list-tags { margin: 0; list-style: none } .news-events-article-list-tags li { display: inline-block } .news-events-article-list-tags a { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: 1rem 2rem 1.0625rem; font-size: 1rem; background-color: #4f7671; border-color: #3f5e5a; color: #fff; transition: background-color 300ms ease-out; margin-bottom: 0 } .news-events-article-list-tags a:focus, .news-events-article-list-tags a:hover { background-color: #3f5e5a; color: #fff } @media only screen and (max-width: 48em) { .news-events-article-page-content { padding-top: 1.25rem } .news-events-article-list-pages h3, .news-events-article-list-tags a, .news-events-article-page-content-header dl { font-size: .875rem; line-height: 150% } .news-events-article-share { height: 3.625rem } .news-events-article-contact-text { padding: .875rem 0 } .news-events-article-page-content-main > .button, .news-events-article-page-content-sidebar .sidebar-social { display: none } .news-events-article-list h2 + p, .news-events-article-list-pages { padding-top: 1rem } .news-events-article-list-pages li { margin-bottom: .75rem } .news-events-article-list-tags a { padding: .375rem .75rem } .news-events-article-list-tags + h2 { margin-top: 1rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .news-events-article-list h2 + p, .news-events-article-page-content { padding-top: 1.25rem } .news-events-article-page-content-header dl { font-size: 1.125rem; line-height: 150% } .news-events-article-share { height: 4rem } .news-events-article-contact-text { padding: 1rem 0 } .news-events-article-contact-text dl, .news-events-article-contact-text ol, .news-events-article-contact-text p, .news-events-article-contact-text ul, .news-events-article-list-pages dl { font-size: .75rem; line-height: 150% } .news-events-article-page-content-sidebar { padding-top: .3125rem } .news-events-article-page-content-sidebar .news-events-article-list { margin-bottom: 1.25rem } .news-events-article-list-pages { padding-top: 1.25rem } .news-events-article-list-pages li { margin-bottom: 1rem } .news-events-article-list-pages h3 { font-size: 1rem; line-height: 150% } .news-events-article-list-tags a { padding: .5rem .75rem } .news-events-article-list-tags + h2 { margin-top: 1.25rem } } @media only screen and (min-width: 64.063em) { .news-events-article-list h2 + p, .news-events-article-page-content { padding-top: 1.25rem } .news-events-article-page-content-header dl { font-size: 1.125rem; line-height: 150% } .news-events-article-share { height: 4rem } .news-events-article-contact-text { padding: 1rem 0 } .news-events-article-contact-text dl, .news-events-article-contact-text ol, .news-events-article-contact-text p, .news-events-article-contact-text ul, .news-events-article-list-pages dl { font-size: .75rem; line-height: 150% } .news-events-article-page-content-sidebar { padding-top: .375rem } .news-events-article-page-content-sidebar .news-events-article-list { margin-bottom: 1.25rem } .news-events-article-page-content-sidebar .news-events-article-list a:hover { color: #585858 } .news-events-article-list-pages { padding-top: 1.25rem } .news-events-article-list-pages li { margin-bottom: 1rem } .news-events-article-list-pages h3 { font-size: 1rem; line-height: 150% } .news-events-article-list-tags a { padding: .5rem .75rem } .news-events-article-list-tags a:hover { color: #fff !important; text-decoration: underline } .news-events-article-list-tags + h2 { margin-top: 1.25rem } .news-events-article-page-content.has-sidebar.event-article main, .news-events-article-page-content.has-sidebar.news-article main { padding-left: .5rem; width: 66.6666666667%; float: left; padding-right: 3rem } .news-events-article-page-content.has-sidebar.event-article aside, .news-events-article-page-content.has-sidebar.news-article aside { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left } } .vacancy-posts-list { padding: 0 1.5rem } .vacancy-posts-list > .inner { clear: both; padding: 0 .75rem; margin: 0 -1.25rem; background-color: #f1f1dd } .vacancy-posts-list > .inner:after, .vacancy-posts-list > .inner:before { content: " "; display: table } .vacancy-posts-list > .inner:after { clear: both } .vacancy-posts-list .vacancy-post { border-top: 1px solid #c0bfb1 } .vacancy-posts-list .vacancy-post dl { color: #585858 } .course-key-information dl dd:last-child:after, .qtip-content dl dd:last-child:after, .vacancy-posts-list .vacancy-post dl dd:last-child:after { display: none } .vacancy-posts-list .vacancy-full-details { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: 1rem 2rem 1.0625rem; font-size: 1rem; background-color: #4f7671; border-color: #3f5e5a; color: #fff; transition: background-color 300ms ease-out; margin: 0 } .vacancy-posts-list .vacancy-full-details:focus, .vacancy-posts-list .vacancy-full-details:hover { background-color: #3f5e5a; color: #fff } .vacancy-post-category { width: 100%; float: left; padding: 1.5rem .5rem 1.25rem } .vacancy-post-category + .vacancy-post-category { padding-top: 0 } @media only screen and (max-width: 48em) { .vacancy-posts-list { margin-bottom: 1.5rem } .vacancy-posts-list .vacancy-post { padding-top: 1rem; padding-bottom: 1.25rem } .vacancy-posts-list .vacancy-full-details { font-size: .875rem; line-height: 150%; padding: .375rem .75rem } } @media only screen and (min-width: 48.063em) { .vacancy-posts-list { width: 100%; margin-bottom: 1.5rem; padding: 0 1.5rem } .vacancy-posts-list .vacancy-post { padding-top: 1.25rem; padding-bottom: 1.5rem } } .vacancy-application-documents { margin-bottom: 1.25rem } @media only screen and (max-width: 48em) { .contact-page-content-header, .contact-page-content-main, .contactform { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } } @media only screen and (max-width: 48em) and (orientation:landscape) { .contact-page-content-header, .contact-page-content-main, .contactform { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .contact-page-content-header, .contact-page-content-main, .contactform { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } .contact-page-content-main, .contactform { width: 50% } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:portrait) and (max-width:50em) { .contact-page-content-header, .contact-page-content-main, .contactform { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 64.063em) { .contact-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } .contact-page-content-main, .contactform { padding-left: .5rem; width: 41.6666666667%; float: left } .contact-page-content-main { margin-left: 8.3333333333% !important; padding-right: 3.75rem } .contactform { padding-right: .5rem } } .js .contact-option { max-height: 0; overflow: hidden; transition: max-height 300ms ease } .js .contact-option.current { max-height: 16.25rem } .homepage .page-content-container h1:first-child { text-align: center } .home-page-latest-content .social-wall { clear: both } .twitter-container { margin-top: 1em } @media only screen and (min-width: 48.063em) { .twitter-container { margin-top: 0 } } .home-page-latest-content-header { background-repeat: no-repeat; background-image: url("/_images/rose-folio.png"); background-size: 1.875rem 1.5625rem; text-align: center } .home-page-latest-content-header h1 { position: relative; margin-bottom: .1666666667em; line-height: 1.1666666667; color: #232515; font-style: italic } .home-page-latest-content-header h1:before { content: " "; position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 1px; background-color: #d9be6c } .home-page-latest-content-header h1 span { position: relative; z-index: 10; display: inline-block; background-color: #f9f9eb } .home-page-latest-content-header .subheading { margin-bottom: 0; color: #3e4b06; text-transform: uppercase; line-height: 1.6666666667; letter-spacing: .425em; font-weight: 700 } .home-page-latest-content-header.has-image h1 { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } @media only screen and (max-width: 48em) { .home-page-latest-content-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; padding-top: 2rem; margin-bottom: 1rem; background-position: 50% .75rem; background-size: 1.125rem .9375rem } .home-page-latest-content-header h1 { font-size: 1.5rem; margin-bottom: 1rem } .home-page-latest-content-header h1:before { display: none } .home-page-latest-content-header h1 span { padding: 0 1rem } .home-page-latest-content-header .subheading { font-size: .625rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .home-page-latest-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .home-page-latest-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none; padding-top: 3.625rem; margin-bottom: 3rem; background-position: 50% 1.125rem } .home-page-latest-content-header h1 { padding: 0 1.875rem; margin-right: 1.875rem; margin-left: 1.875rem; margin-bottom: 1rem; font-size: 2.25rem } .home-page-latest-content-header h1 span { padding: 0 1.40625rem } .home-page-latest-content-header .subheading { font-size: .875rem } .home-page-latest-content-header.has-image { background-position: 50% 0; margin-bottom: 1rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:landscape) { .home-page-latest-content-header { padding-top: 0 } } @media only screen and (min-width: 64.063em) { .home-page-latest-content-header { width: 100%; padding-top: 3.75rem; margin-bottom: 3rem; background-position: 50% 1.5rem } .home-page-latest-content-header h1 { padding: 0 1.875rem; margin-right: 1.875rem; margin-left: 1.875rem; font-size: 2.5rem } .home-page-latest-content-header h1 span { padding: 0 1.40625rem } .home-page-latest-content-header .subheading { font-size: .875rem } .home-page-latest-content-header.has-image { background-position: 50% 0; margin-bottom: 1rem } } .homepage .news-section { margin-top: 1em; overflow: hidden } @media only screen and (min-width: 48.063em) { .homepage .news-section { max-height: 51em } } .homepage .news-section .next, .homepage .news-section .prev { position: absolute; display: inline; bottom: 8em; width: 4em; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #232515 } .homepage .news-section .prev { padding-left: .2em; left: 0; top: 4em } .homepage .news-section .next { text-align: right; padding-right: 1.2em; right: 0; top: 4em } .homepage .news-section i.fa.fa-chevron-left, .homepage .news-section i.fa.fa-chevron-right { color: #fff; font-size: 4rem; transition: opacity .5s ease } .homepage .news-section h2 { margin-left: .4em; font-weight: 600; font-family: Museo,sans-serif } @media only screen { .homepage .news-section h2 { font-size: 1.5rem !important } } .homepage .news-section .home-news, .homepage .news-section .home-whats-on { margin-right: 0 } .homepage .news-section .home-news h2, .homepage .news-section .home-whats-on h2 { color: #fff; background-color: #163b55; padding: .2em .2em .2em .5em; font-weight: 400 } .homepage .news-section .home-whats-on h2 { background-color: #006f4f } .homepage .news-section .home-news h2 a, .homepage .news-section .home-whats-on h2 a { color: #fff; font-size: 1rem; text-decoration: none; float: right; margin: .25em .5em 0 0 } .homepage .news-section .home-news h2 a:hover, .homepage .news-section .home-whats-on h2 a:hover { color: #fff; text-decoration: underline } .homepage .news-section .home-whats-on { margin-top: 1em } .homepage .news-section .for-small-home-news, .homepage .news-section .for-small-home-whatson { display: flex; justify-content: space-around; flex-wrap: wrap; flex-direction: row } @media only screen and (min-width: 48.063em) { .homepage .news-section .for-small-home-news, .homepage .news-section .for-small-home-whatson { flex-wrap: nowrap } } .homepage .news-section .info-box { width: 100%; margin-bottom: 1em } .homepage .news-section .info-box a { display: inline-block; width: 100% } .homepage .news-section .info-box img { height: 11em } @media screen and (min-width: 641px) and (max-width:768px) { .homepage .news-section .info-box { width: 50%; margin-bottom: 1rem } .homepage .news-section .info-box:nth-child(odd) { padding-right: .5rem } .homepage .news-section .info-box:nth-child(even) { padding-left: .5rem } } @media only screen and (min-width: 48.063em) { .homepage .news-section .info-box { width: 25%; margin-right: 1em; margin-top: 0 } .homepage .news-section .info-box:first-child { margin-top: 0 } .homepage .news-section .info-box:last-child { padding-right: 0; margin-right: -.5em !important } } .homepage .news-section .info-box .info-text { color: #232515; background-color: transparent; padding: .25em .5em; width: 100%; height: 3.37rem; text-align: center; font-family: Museo,sans-serif } .homepage .news-section .info-box .info-image { height: 176px; background-color: #f1f1dd; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("/images/myerscough-logo.gif"); background-size: 46px 65px } .homepage .news-section .twitter-stream { height: 31.5em; overflow-y: scroll } @media only screen and (max-width: 48em) { .homepage .page-cta-bar { margin-top: 0; margin-bottom: 1rem } .home-page-latest-content .social-wall { margin-bottom: 1.875rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .homepage .page-cta-bar { margin-top: 0; margin-bottom: 1.5rem } .home-page-hero-area { padding-top: 23em !important; margin-bottom: 2em; max-height: 26em; background-color: #f9f9eb } .home-page-latest-content .social-wall { margin-bottom: 2.5rem } } @media only screen and (min-width: 64.063em) { .home-page-hero-area { margin-bottom: 2em } .home-page-latest-content { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } .home-page-latest-content .social-wall { margin-bottom: 2.5rem } } .home .news-section h2 a { color: #363636 } .home .news-section h2 a:hover { color: #ff5e77; transition: color 200ms ease } .home .news-section .info-box { color: #fff } .home .news-section .info-box > a:hover .info-text { color: #232515; text-decoration: underline } .course-additional-information header, .course-modules header, .preview-page-content-header { text-align: center } @media only screen and (max-width: 48em) { .preview-page-content-header { padding-bottom: 1rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .preview-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .preview-page-content-header { padding-bottom: 1rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:portrait) and (max-width:50em) { .preview-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } } @media only screen and (min-width: 64.063em) { .preview-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; padding-bottom: 1rem } } .image-left { float: left; margin: 0 1em 1em 0 } .image-right { float: right; margin: 0 0 1em 1em } .page-content-main-single { max-width: 98%; margin: auto } @media only screen and (min-width: 48.063em) and (max-width:64em) { .page-content { margin-top: 2rem !important } } @media only screen and (width: 1024px) and (height:1366px) { .page-hero-area { margin-top: 7em } .page-content-container { margin-top: 6em } .home-page-hero-area { margin-top: 3em } .homepage .page-content-container { margin-top: 0 } .coursesubjectpage .page-content-container { margin-top: 9em } .coursepage .page-content { margin-top: 0 !important; padding-top: 0 } .locationpage .page-content-container { margin-top: 0 } .locationpage .page-content-container .page-content { margin-top: 0 !important } .generalpage .general-page-hero-area { padding-top: 31.6% } .generalpage .page-content-container { margin-top: 0 } .generalpage .page-content-container .page-content { margin-top: 7em !important } .generalpage .page-content-container.has-banner-image { margin-top: 0 !important } .generalpage .page-content-container.has-banner-image .page-content { margin-top: 0 !important; padding-top: 0 !important } } .accordion, .fc button { cursor: pointer; position: relative } .accordion { width: 100%; border: 0; text-align: left; outline: 0; transition: .4s } .panel { display: none; overflow: hidden } .accordion::after { font-family: "Font Awesome 5 Free"; content: ""; font-weight: 700; position: absolute; right: .75em; top: .33em; color: #363636 } .accordion.active::after { content: "" } @font-face { font-family: "icomoon"; font-style: normal; font-weight: 400; src: url("/css/fonts/helveticons/helveticons.eot"); src: url("/css/fonts/helveticons/helveticons.eot?#iefix") format("embedded-opentype"),url("/css/fonts/helveticons/helveticons.ttf") format("truetype"),url("/css/fonts/helveticons/helveticons.svg#icomoon") format("svg") } [class*=" icon-"], [class^=icon-] { *margin-right: .3em; font-family: icomoon; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; text-decoration: inherit } [class*=" icon-"]::before, [class^=icon-]::before { display: inline-block; text-decoration: inherit; speak: none } i.large { font-size: 32px } i.medium { font-size: 24px } i.small { font-size: 14px } .booking-provisional i.fa.fa-exclamation-triangle { position: relative; top: 4px; left: 4px } .booking-confirmed i.fas.fa-thumbtack { position: relative; top: 5px; left: 7px } .fc button { border-style: solid; border-width: 0; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: .75rem 1.5rem .8125rem; font-size: .8125rem; background-color: #e2d0a1; border-color: #d0b266; transition: background-color 300ms ease-out; height: 3rem; margin: 0; background-image: none; box-shadow: none; text-shadow: none; color: #232515 } .fc button:focus, .fc button:hover { background-color: #d0b266; color: #fff } .fc button[disabled] { opacity: 1; background-color: #4f7671; color: #fff; cursor: default } .fc button.fc-next-button:focus, .fc button.fc-prev-button:focus, .fc button.fc-today:focus { background-color: #e2d0a1; outline: 0 !important } .fc button.fc-next-button:focus:hover, .fc button.fc-prev-button:focus:hover, .fc button.fc-today:focus:hover { background-color: #d9be6c } .fc button.fc-next-button, .fc button.fc-prev-button { padding: 0; width: 3rem; background-image: url("/_images/slider-arrow"); background-color: #e2d0a1; background-repeat: no-repeat; border: 0; font: 0/0 a; color: transparent; text-shadow: none; background-size: 12rem 3rem; background-position: 100% 50% } .fc button.fc-prev-button:hover { background-position: 67% 50% } .fc button.fc-next-button { background-position: 0 50% } .fc button.fc-next-button:hover { background-position: 33% 50% } .fc .fc-button-group > * { margin: 0 } .fc-state-default.fc-corner-left { border-top-left-radius: 0; border-bottom-left-radius: 0 } .fc-state-default.fc-corner-right { border-top-right-radius: 0; border-bottom-right-radius: 0 } .fc-center h2 { line-height: 3rem } .booking-calendar-key dl dt.booking-available, .booking-form select option, .fc-body { background-color: #fff } .fc-scroller { overflow-y: hidden !important } .fc-row .fc-bg { z-index: 3 } .fc-day-grid-event { padding: 0 .1875rem; font-size: .875rem; line-height: 128.5714285714% } .fc-day-grid-event .icon-event-status { font-family: icomoon } .fc-day-grid-event .icon-event-status::before { display: inline-block } .fc-day-grid-event.event-status-provisional { background-color: #f08a24 !important; border-color: #f08a24 !important } .fc-day-grid-event.event-status-confirmed { background-color: #f04124 !important; border-color: #f04124 !important } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #dcdbcf } .fc-unthemed td.fc-day.fc-today { background-color: #f1f1dd; border-style: solid } .fc-unthemed td.fc-day-number.fc-past { opacity: .3 } .fc-unthemed td.fc-day-number.fc-today { position: relative } .fc-unthemed td.fc-day-number.fc-today span { position: absolute; top: -3px; right: -3px; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; border-radius: 100%; text-align: center; background-color: #4f7671; font-weight: 700; color: #fff } .qtip-bootstrap { padding: 0; border-color: #fff; border-radius: 4px } .qtip-bootstrap .qtip-titlebar { border-radius: 3px 3px 0 0; border-bottom: 0 none } .qtip-bootstrap.event-status-provisional .qtip-titlebar { background-color: #f08a24; color: #fff } .qtip-bootstrap.event-status-confirmed .qtip-titlebar { background-color: #f04124; color: #fff } .qtip-content dl, .qtip-content h4, .qtip-content p { margin-bottom: .25rem } .qtip-content dl:last-child, .qtip-content h4:last-child, .qtip-content p:last-child { margin-bottom: 0 } .qtip-content dl dd, .qtip-content dl dt { display: inline; margin: 0 } .booking-calendar-key:after, .booking-calendar-key:before { content: " "; display: table } .booking-calendar-key:after { clear: both } .booking-calendar-key dl { margin-bottom: 0 } .booking-calendar-key dl dt { clear: left; float: left; display: inline-block; width: 2rem; height: 2rem; padding-left: 3px; margin-bottom: .5rem; margin-right: .375rem; overflow: hidden; border: 1px solid #ddd; color: #fff } .booking-calendar-key dl dt::after { content: "" } .booking-calendar-key dl dt.booking-unavailable { background-color: #f1f1dd } .booking-calendar-key dl dt.booking-provisional { background-color: #f08a24; border-color: #f08a24; border-radius: 4px } .booking-calendar-key dl dt.booking-confirmed { background-color: #f04124; border-color: #f04124; border-radius: 4px } .booking-calendar-key dl dd { float: left; display: inline-block; max-width: 80%; margin-top: .3125rem } .booking-calendar-key dl dd > span { display: inline } @media only screen and (max-width: 48em) { .qtip-content { min-width: 11.25rem } } @media only screen and (min-width: 48.063em) { .qtip-content { min-width: 15rem } .booking-calendar-key { margin-left: -.5rem; margin-right: -.5rem } .booking-calendar-key dl, .booking-calendar-key h3 { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } .booking-calendar-key dl { width: 50% } } .booking-form { padding-top: 2em; clear: both } .booking-form h2 { font-size: 1.25em; margin: .1em 0 .1em 1.5em } .booking-form.loading { background: url("/images/ajax-loader.gif") no-repeat 50% 50% } .booking-form #helpBlock, .booking-form .another-booking, .booking-form label { display: none } .booking-form .umb-form-message-on-submit + .another-booking { display: inline-block } .booking-form input[type=text] { padding: .25em !important } .booking-form input[type=submit], .booking-form select, .booking-form textarea { font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; border-style: solid } .booking-form input[type=submit] { height: 3.75rem; padding-top: 0; padding-bottom: 0; padding-left: 2rem; padding-right: 2rem; border-width: 0; cursor: pointer; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; font-size: 1rem; background-color: #ff5e77; border-color: #ff183c; color: #fff; transition: background-color 300ms ease-out } .booking-form input[type=submit]:hover { background-color: #ff183c } .booking-form select, .booking-form textarea { margin-bottom: 1.25rem; background-color: #f1f1dd; border-width: 1px; border-color: #dcdbcf } .booking-form div.row .col-lg-6 { min-width: 100% } .booking-form div.row.form-group:first-of-type .col-sm-8 { padding-top: 3em !important } .booking-form .col-sm-8 { min-width: 75% } .booking-form .ub-overlay select { margin: auto } .booking-form .ub .ub-overlay span.ub-overlay-close { color: unset } .bookingdate input[readonly] { background-color: #f1f1dd } .course-type-list:after, .course-type-list:before { content: " "; display: table } .course-type-list, .course-type-list:after { clear: both } .course-type-item .inner { display: block } .course-type-item .course-type-text { position: relative; background-image: url("/_images/rose-folio"); background-size: 1.875rem 1.5625rem; background-repeat: no-repeat; color: #d9be6c } .course-type-item .course-type-text h2 { position: relative; color: #fff } .course-type-item .course-type-text h2:before { content: " "; position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 1px } .course-type-item .course-type-text h2 span { position: relative; z-index: 10; display: inline-block } .course-type-item.course-type-page .course-type-text, .course-type-item.course-type-page .course-type-text h2 span { background-color: #041a29 } .course-type-item.course-type-page .course-type-button { cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; padding: 1rem 2rem 1.0625rem; font-size: 1rem; transition: background-color 300ms ease-out; margin-bottom: 0; color: #d9be6c; background-color: transparent; border: 1px solid #d9be6c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 50%; display: block; transform: translateX(-50%) } .course-type-item.course-type-page .course-type-button:focus, .course-type-item.course-type-page .course-type-button:hover { background-color: #3f5e5a; color: #fff } .course-type-item.course-type-page .course-type-button:hover { background-color: #d9be6c; color: #041a29 } @media only screen and (max-width: 48em) { .course-type-item.course-type-page .course-type-button { padding: .625rem 1rem; font-size: .75rem } } @media only screen and (min-width: 48.063em) { .course-type-item.course-type-page .course-type-button { padding: .75rem 1.5rem; font-size: .875rem } } .course-type-item.general-page .course-type-text, .course-type-item.general-page .course-type-text h2 span { background-color: #232515 } .course-type-item.general-page .course-type-button { cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; padding: 1rem 2rem 1.0625rem; font-size: 1rem; transition: background-color 300ms ease-out; margin-bottom: 0; color: #d9be6c; background-color: transparent; border: 1px solid #d9be6c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 50%; display: block; transform: translateX(-50%) } .course-type-item.general-page .course-type-button:focus, .course-type-item.general-page .course-type-button:hover { background-color: #3f5e5a; color: #fff } .course-type-item.general-page .course-type-button:hover { background-color: #d9be6c; color: #232515 } @media only screen and (max-width: 48em) { .course-type-item.general-page .course-type-button { padding: .625rem 1rem; font-size: .75rem } } @media only screen and (min-width: 48.063em) { .course-type-item.general-page .course-type-button { padding: .75rem 1.5rem; font-size: .875rem } } .course-type-item.not-sure .course-type-text { background-image: url("/_images/not-sure-icon-gold"); background-size: 3.375rem 3.375rem } @media only screen and (max-width: 48em) { .course-type-list { margin-bottom: 1rem } .course-type-item { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: .9375rem } .course-type-item .course-type-text { padding: 2.625rem 6.5% 4.375rem; background-position: 50% 1.25rem; background-size: 1.125rem .9375rem; text-align: center; font-size: .75rem; line-height: 150% } .course-type-item .course-type-text dl:last-child, .course-type-item .course-type-text h1:last-child, .course-type-item .course-type-text h2:last-child, .course-type-item .course-type-text h3:last-child, .course-type-item .course-type-text h4:last-child, .course-type-item .course-type-text h5:last-child, .course-type-item .course-type-text h6:last-child, .course-type-item .course-type-text ol:last-child, .course-type-item .course-type-text p:last-child, .course-type-item .course-type-text ul:last-child { margin-bottom: 0 } .course-type-item .course-type-text h2 { font-size: 1.0625rem; line-height: 129.4117647059%; width: 90%; padding: 0 1rem; margin: 0 auto .75rem } .course-type-item .course-type-text h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .course-type-item .course-type-text h2 .subhead, .course-type-item .course-type-text h3 .subhead { font-size: .875rem; line-height: 150% } .course-type-item .course-type-text dl, .course-type-item .course-type-text ol, .course-type-item .course-type-text p, .course-type-item .course-type-text ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } .course-type-item .course-type-text h2 span { padding: 0 1.25rem } .course-type-item .course-type-button { bottom: 1.5rem; width: 78.3% } .course-type-item.not-sure .course-type-text { background-position: 50% .5rem; background-size: 2rem 2rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .course-type-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } .course-type-item .course-type-text h2 { width: 100% } .course-type-item .course-type-button { width: 87% } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .course-type-item, .course-type-list { margin-bottom: 1.25rem } .course-type-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } .course-type-item .course-type-text { padding: 4rem 6.5% 5.25rem; background-position: 50% 1.625rem; background-size: 1.875rem 1.5625rem; text-align: center; font-size: .875rem; line-height: 150% } .course-type-item .course-type-text dl:last-child, .course-type-item .course-type-text h1:last-child, .course-type-item .course-type-text h2:last-child, .course-type-item .course-type-text h3:last-child, .course-type-item .course-type-text h4:last-child, .course-type-item .course-type-text h5:last-child, .course-type-item .course-type-text h6:last-child, .course-type-item .course-type-text ol:last-child, .course-type-item .course-type-text p:last-child, .course-type-item .course-type-text ul:last-child { margin-bottom: 0 } .course-type-item .course-type-text h2 { padding: 0 1rem } .course-type-item .course-type-text h2, .course-type-item .course-type-text h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .course-type-item .course-type-text h2 .subhead, .course-type-item .course-type-text h3 .subhead { font-size: 1rem; line-height: 150% } .course-type-item .course-type-text dl, .course-type-item .course-type-text ol, .course-type-item .course-type-text p, .course-type-item .course-type-text ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } .course-type-item .course-type-text h2 span { padding: 0 1.25rem } .course-type-item .course-type-button { bottom: 1.875rem; width: 87% } .course-type-item.not-sure .course-type-text { background-position: 50% .6875rem; background-size: 3.375rem 3.375rem } } @media only screen and (min-width: 64.063em) { .course-type-list { margin-bottom: 1.25rem } .course-type-item { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left; margin-bottom: 1.875rem } .course-type-item .course-type-text { padding: 4rem 6.5% 5.25rem; background-position: 50% 1.625rem; background-size: 1.875rem 1.5625rem; text-align: center; font-size: .875rem; line-height: 150% } .course-type-item .course-type-text dl:last-child, .course-type-item .course-type-text h1:last-child, .course-type-item .course-type-text h2:last-child, .course-type-item .course-type-text h3:last-child, .course-type-item .course-type-text h4:last-child, .course-type-item .course-type-text h5:last-child, .course-type-item .course-type-text h6:last-child, .course-type-item .course-type-text ol:last-child, .course-type-item .course-type-text p:last-child, .course-type-item .course-type-text ul:last-child { margin-bottom: 0 } .course-type-item .course-type-text h2 { font-size: 1.5rem; line-height: 125%; width: 90%; padding: 0 1.5rem; margin: 0 auto 1rem } .course-type-item .course-type-text h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .course-type-item .course-type-text h2 .subhead, .course-type-item .course-type-text h3 .subhead { font-size: 1rem; line-height: 150% } .course-type-item .course-type-text dl, .course-type-item .course-type-text ol, .course-type-item .course-type-text p, .course-type-item .course-type-text ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } .course-type-item .course-type-text h2 span { padding: 0 1rem } .course-type-item .course-type-button { bottom: 1.875rem; width: 78.3% } .course-type-item.not-sure .course-type-text { background-position: 50% .6875rem; background-size: 3.375rem 3.375rem } } .subject-list { clear: both } .subject-item .inner { display: block } .subject-item .inner:hover { text-decoration: none } .subject-item .inner:hover .subject-text { background-color: #d9be6c; color: #585858 } .subject-item .inner:hover .subject-text h2 { color: #041a29 } .subject-item .subject-image { position: relative; height: 0; padding-top: 56.25%; background-color: #f1f1dd; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("/images/myerscough-logo.gif"); background-size: 46px 65px } .subject-item .subject-text { background-color: #041a29; color: #d9be6c; transition: background-color 300ms } .course-search-result-text h2, .subject-item .subject-text h2 { color: #fff } @media only screen and (max-width: 48em) { .subject-item { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: .9375rem } .subject-item .subject-text { padding: 1.25rem; text-align: center; font-size: .75rem; line-height: 150% } .subject-item .subject-text dl:last-child, .subject-item .subject-text h1:last-child, .subject-item .subject-text h2:last-child, .subject-item .subject-text h3:last-child, .subject-item .subject-text h4:last-child, .subject-item .subject-text h5:last-child, .subject-item .subject-text h6:last-child, .subject-item .subject-text ol:last-child, .subject-item .subject-text p:last-child, .subject-item .subject-text ul:last-child { margin-bottom: 0 } .subject-item .subject-text h2, .subject-item .subject-text h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .subject-item .subject-text h2 .subhead, .subject-item .subject-text h3 .subhead { font-size: .875rem; line-height: 150% } .subject-item .subject-text dl, .subject-item .subject-text ol, .subject-item .subject-text p, .subject-item .subject-text ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .subject-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .subject-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left; margin-bottom: 1.25rem } .subject-item .subject-text { padding: 1.5rem; text-align: center; font-size: .875rem; line-height: 150% } .subject-item .subject-text dl:last-child, .subject-item .subject-text h1:last-child, .subject-item .subject-text h2:last-child, .subject-item .subject-text h3:last-child, .subject-item .subject-text h4:last-child, .subject-item .subject-text h5:last-child, .subject-item .subject-text h6:last-child, .subject-item .subject-text ol:last-child, .subject-item .subject-text p:last-child, .subject-item .subject-text ul:last-child { margin-bottom: 0 } .subject-item .subject-text h2, .subject-item .subject-text h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .subject-item .subject-text h2 .subhead, .subject-item .subject-text h3 .subhead { font-size: 1rem; line-height: 150% } .subject-item .subject-text dl, .subject-item .subject-text ol, .subject-item .subject-text p, .subject-item .subject-text ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } @media only screen and (min-width: 64.063em) { .subject-item { padding-left: .5rem; padding-right: .5rem; width: 33.3333333333%; float: left; margin-bottom: 1.875rem } .subject-item .subject-text { padding: 1.875rem; text-align: center; font-size: .875rem; line-height: 150% } .subject-item .subject-text dl:last-child, .subject-item .subject-text h1:last-child, .subject-item .subject-text h2:last-child, .subject-item .subject-text h3:last-child, .subject-item .subject-text h4:last-child, .subject-item .subject-text h5:last-child, .subject-item .subject-text h6:last-child, .subject-item .subject-text ol:last-child, .subject-item .subject-text p:last-child, .subject-item .subject-text ul:last-child { margin-bottom: 0 } .subject-item .subject-text h2, .subject-item .subject-text h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .subject-item .subject-text h2 .subhead, .subject-item .subject-text h3 .subhead { font-size: 1rem; line-height: 150% } .subject-item .subject-text dl, .subject-item .subject-text ol, .subject-item .subject-text p, .subject-item .subject-text ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } } @media only screen and (min-width: 90.063em) { .subject-item { padding-left: .5rem; padding-right: .5rem; width: 25%; float: left } } .course-search-no-results { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none; text-align: center } .course-search-browse-courses { cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: 1rem 2rem 1.0625rem; font-size: 1rem; transition: background-color 300ms ease-out; margin-bottom: 0; color: #232515; background-color: transparent; border: 1px solid #232515; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .course-search-browse-courses:focus, .course-search-browse-courses:hover { background-color: #3f5e5a; color: #fff } .course-search-browse-courses:hover { background-color: #232515; color: #f9f9eb } @media only screen and (max-width: 48em) { .course-search-browse-courses { padding: .625rem 1rem; font-size: .75rem } } @media only screen and (min-width: 48.063em) { .course-search-browse-courses { padding: .75rem 1.5rem; font-size: .875rem } } .course-search-result-list { clear: both; position: relative } .course-search-result-list > .debug-info { position: absolute; top: 0; left: 0; z-index: 10; max-width: 80% } .course-search-result-item { position: relative } .course-search-result-item:after, .course-search-result-item:before { content: " "; display: table } .course-search-result-item:after { clear: both } .course-search-result-item > .debug-info { position: absolute; top: 0; right: 0; z-index: 10 } .course-search-result-text { position: relative; background-color: #041a29; color: #fff } .course-search-result-button { cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: 1rem 2rem 1.0625rem; font-size: 1rem; transition: background-color 300ms ease-out; margin-bottom: 0; color: #d9be6c; background-color: transparent; border: 1px solid #d9be6c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute } .course-search-result-button:focus, .course-search-result-button:hover { background-color: #3f5e5a; color: #fff } .course-search-result-button:hover { background-color: #d9be6c; color: #041a29 } @media only screen and (max-width: 48em) { .course-search-result-button { padding: .625rem 1rem; font-size: .75rem } } @media only screen and (min-width: 48.063em) { .course-search-result-button { padding: .75rem 1.5rem; font-size: .875rem } } .course-search-result-key-info { background-color: #fff; color: #585858 } .course-search-result-key-info dl { position: relative; margin-bottom: 0; overflow: hidden } .course-search-result-key-info dl dt { position: absolute; top: 0; display: block; background-repeat: no-repeat; background-position: 50% 50%; font: 0/0 a; color: transparent; text-shadow: none } .course-search-result-key-info dl dt.location { left: 0; background-image: url("/_images/location-icon.png"); background-size: 4rem rem-clac(64) } .course-search-result-key-info dl dt.course-length { left: 50%; background-image: url("/_images/calendar-icon.png"); background-size: 4rem rem-clac(64) } .course-search-result-key-info dl dd { float: left; display: block; width: 50% } @media only screen and (max-width: 48em) { .course-search-result-item { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: .9375rem } .course-search-result-text { padding: 1.25rem 6.5% .5rem; text-align: left; font-size: .75rem; line-height: 150% } .course-search-result-text dl:last-child, .course-search-result-text h1:last-child, .course-search-result-text h2:last-child, .course-search-result-text h3:last-child, .course-search-result-text h4:last-child, .course-search-result-text h5:last-child, .course-search-result-text h6:last-child, .course-search-result-text ol:last-child, .course-search-result-text p:last-child, .course-search-result-text ul:last-child { margin-bottom: 0 } .course-search-result-text h2, .course-search-result-text h3 { font-size: 1.0625rem; line-height: 129.4117647059%; margin-bottom: .75rem } .course-search-result-text h2 .subhead, .course-search-result-text h3 .subhead { font-size: .875rem; line-height: 150% } .course-search-result-text dl, .course-search-result-text ol, .course-search-result-text p, .course-search-result-text ul { font-size: .75rem; line-height: 150%; margin-bottom: .75rem } .course-search-result-button { display: none } .course-search-result-key-info { padding: .625rem 6.5% .875rem } .course-search-result-key-info dl dt { width: 1.5rem; height: 100% } .course-search-result-key-info dl dt.course-length, .course-search-result-key-info dl dt.location { background-size: 2rem 2rem } .course-search-result-key-info dl dd { min-height: 2rem; padding: .25rem .75rem 0 1.875rem; font-size: .75rem; line-height: 116.6666666667% } } @media only screen and (max-width: 48em) and (orientation:landscape) { .course-search-result-item { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .course-search-result-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left; margin-bottom: 1.25rem } .course-search-result-text { padding: 1.5rem 6.5% 4.5rem; text-align: left; font-size: .875rem; line-height: 150% } .course-search-result-text dl:last-child, .course-search-result-text h1:last-child, .course-search-result-text h2:last-child, .course-search-result-text h3:last-child, .course-search-result-text h4:last-child, .course-search-result-text h5:last-child, .course-search-result-text h6:last-child, .course-search-result-text ol:last-child, .course-search-result-text p:last-child, .course-search-result-text ul:last-child { margin-bottom: 0 } .course-search-result-text h2, .course-search-result-text h3 { font-size: 1.4375rem; line-height: 121.7391304348%; margin-bottom: .875rem } .course-search-result-text h2 .subhead, .course-search-result-text h3 .subhead { font-size: 1rem; line-height: 150% } .course-search-result-text dl, .course-search-result-text ol, .course-search-result-text p, .course-search-result-text ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } .course-search-result-button { left: 6.5%; bottom: 1.5rem } .course-search-result-key-info { padding: .625rem 6.5% 1rem } .course-search-result-key-info dl dt { width: 2.25rem; height: 100% } .course-search-result-key-info dl dt.course-length, .course-search-result-key-info dl dt.location { background-size: 3rem 3rem } .course-search-result-key-info dl dd { min-height: 3rem; padding: .625rem 1rem 0 2.75rem; font-size: .875rem; line-height: 114.2857142857% } } @media only screen and (min-width: 64.063em) { .course-search-result-item { padding-left: .5rem; padding-right: .5rem; width: 50%; float: left; margin-bottom: 1.875rem } .course-search-result-text { padding: 1.5rem 1.875rem 4.5rem; text-align: left; font-size: .875rem; line-height: 150% } .course-search-result-text dl:last-child, .course-search-result-text h1:last-child, .course-search-result-text h2:last-child, .course-search-result-text h3:last-child, .course-search-result-text h4:last-child, .course-search-result-text h5:last-child, .course-search-result-text h6:last-child, .course-search-result-text ol:last-child, .course-search-result-text p:last-child, .course-search-result-text ul:last-child { margin-bottom: 0 } .course-search-result-text h2, .course-search-result-text h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: .875rem } .course-search-result-text h2 .subhead, .course-search-result-text h3 .subhead { font-size: 1rem; line-height: 150% } .course-search-result-text dl, .course-search-result-text ol, .course-search-result-text p, .course-search-result-text ul { font-size: .875rem; line-height: 150%; margin-bottom: .875rem } .course-search-result-button { left: 1.875rem; bottom: 1.5rem } .course-search-result-key-info { padding: 1rem 1.5rem 1.25rem } .course-search-result-key-info dl dt { width: 2.25rem; height: 3rem } .course-search-result-key-info dl dt.course-length, .course-search-result-key-info dl dt.location { background-size: 3rem 3rem } .course-search-result-key-info dl dd { min-height: 3rem; padding: .625rem 1.5rem 0 2.75rem; font-size: .875rem; line-height: 128.5714285714% } } .course-subject-page-subject-image { background-color: #dcdbcf } .course-subject-page-subject-text { background-color: #041a29; color: #fff } .course-additional-information .tab-content .tab-content-item dl, .course-additional-information .tab-content .tab-content-item ol, .course-additional-information .tab-content .tab-content-item p, .course-additional-information .tab-content .tab-content-item ul, .course-modules .tab-content .tab-content-item dl, .course-modules .tab-content .tab-content-item ol, .course-modules .tab-content .tab-content-item p, .course-modules .tab-content .tab-content-item ul, .course-subject-page-subject-text h2 { color: #fff } @media only screen and (max-width: 48em) { .course-subject-page-subject { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: .9375rem } .course-subject-page-subject-image { display: none } .course-subject-page-subject-text { padding: 1.25rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .course-subject-page-subject { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: 1.25rem } .course-subject-page-subject .inner { position: relative; height: 0; padding-top: 30% } .course-subject-page-subject-image { position: absolute; top: 0; right: 0; width: 60%; height: 100% } .course-subject-page-subject-text { position: absolute; top: 0; left: 0; width: 40%; height: 100%; overflow: auto; padding: 1.875rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:portrait) and (max-width:50em) { .course-subject-page-subject { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left } .course-subject-page-subject .inner { position: static; height: auto; padding-top: 0 } .course-subject-page-subject-image, .course-subject-page-subject-text { position: static; width: auto; height: auto } } @media only screen and (min-width: 64.063em) { .course-subject-page-subject { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: 1.875rem } .course-subject-page-subject .inner { position: relative; height: 0; padding-top: 30% } .course-subject-page-subject-image { position: absolute; top: 0; right: 0; width: 60%; height: 100% } .course-subject-page-subject-text { position: absolute; top: 0; left: 0; width: 40%; height: 100%; overflow: auto; padding: 2.5rem } } .course-page-content-header { background-repeat: no-repeat; background-image: url("/_images/rose-folio.png"); background-size: 1.875rem 1.5625rem; text-align: center } .course-page-content-header h1 { position: relative; margin-bottom: .1666666667em; line-height: 1.1666666667; color: #232515; font-style: italic } .course-page-content-header h1:before { content: " "; position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 1px; background-color: #d9be6c } .course-page-content-header h1 span { position: relative; z-index: 10; display: inline-block; background-color: #f9f9eb } .course-page-content-header .subheading { margin-bottom: 0; color: #3e4b06; text-transform: uppercase; line-height: 1.6666666667; letter-spacing: .425em; font-weight: 700 } .course-page-content-header.has-image h1 { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) } @media only screen and (max-width: 48em) { .course-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; padding-top: 2rem; margin-bottom: 1rem; background-position: 50% .75rem; background-size: 1.125rem .9375rem } .course-page-content-header h1 { font-size: 1.5rem; margin-bottom: 1rem } .course-page-content-header h1:before { display: none } .course-page-content-header h1 span { padding: 0 1rem } .course-page-content-header .subheading { font-size: .625rem } } @media only screen and (max-width: 48em) and (orientation:landscape) { .course-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width: 48.063em) and (max-width:64em) { .course-page-content-header { padding-left: .5rem; padding-right: .5rem; width: 83.3333333333%; margin-left: auto; margin-right: auto; float: none; padding-top: 3.625rem; margin-bottom: 3rem; background-position: 50% 1.125rem } .course-page-content-header h1 { padding: 0 1.875rem; margin-right: 1.875rem; margin-left: 1.875rem; margin-bottom: 1rem; font-size: 2.25rem } .course-page-content-header h1 span { padding: 0 1.40625rem } .course-page-content-header .subheading { font-size: .875rem } .course-page-content-header.has-image { background-position: 50% 0; margin-bottom: 1rem } } @media only screen and (min-width: 48.063em) and (max-width:64em) and (orientation:landscape) { .course-page-content-header { padding-top: 0 } } @media only screen and (min-width: 64.063em) { .course-page-content-header { width: 100%; padding-top: 3.75rem; margin-bottom: 3rem; background-position: 50% 1.5rem } .course-page-content-header h1 { padding: 0 1.875rem; margin-right: 1.875rem; margin-left: 1.875rem; font-size: 2.5rem } .course-page-content-header h1 span { padding: 0 1.40625rem } .course-page-content-header .subheading { font-size: .875rem } .course-page-content-header.has-image { background-position: 50% 0; margin-bottom: 1rem } } .course-page-content-main { position: relative; overflow: hidden } .course-page-content-main .read-more { position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 6.25rem; padding-left: .5rem; background-image: linear-gradient(rgba(249,249,235,0) 0,#f9f9eb 5rem); display: none } .course-page-content-main .read-more a { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding: 1rem 2rem 1.0625rem; font-size: 1rem; background-color: #e2d0a1; border-color: #d0b266; color: #333; transition: background-color 300ms ease-out; margin-bottom: 0 } .course-page-content-main .read-more a:focus, .course-page-content-main .read-more a:hover { background-color: #4f7671; color: #fff } .course-key-information { margin-top: 1px; background-color: #041a29; color: #fff; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif } .course-key-information dl, .course-key-information p { overflow-wrap: normal; word-wrap: normal; -ms-word-break: normal; word-break: normal } .course-key-information dl { line-height: 1.3333333333; margin-bottom: 0 } .course-key-information dl dd, .course-key-information dl dt { display: inline; margin: 0 } .course-key-information dl dt:after { content: ": " } .course-key-information dl dd.course-instance-selection-info, .course-key-information dl dd.course-subject-to-approval { font-style: italic } .course-key-information dl dd::after { margin-bottom: 1em } .course-instance-selection .course-key-information { position: relative } .course-instance-selection .course-key-information dl dd::after { margin-bottom: .5em } .course-instance-selection-button { position: absolute; top: 0; right: 0; display: block; height: 100%; text-align: center; background-color: #d9be6c; color: #232515; transition: all 300ms } .course-instance-selection-button.tab-nav-active, .course-instance-selection-button:hover { background-color: #4f7671; color: #fff } .course-instance-selection .course-key-information dl dt, .course-instance-selection-button .selected-text, .course-instance-selection-button.tab-nav-active .select-text { display: none } .course-instance-selection-button.tab-nav-active .selected-text { display: inline } .course-application { margin-top: 1px } .course-application .nav-list, .course-application .vacancy-application-documents ul, .vacancy-application-documents .course-application ul { position: relative } .course-application .nav-list .nav-item, .course-application .nav-list .vacancy-application-documents li, .course-application .vacancy-application-documents ul .nav-item, .course-application .vacancy-application-documents ul li, .vacancy-application-documents .course-application .nav-list li, .vacancy-application-documents .course-application ul .nav-item, .vacancy-application-documents .course-application ul li { position: absolute; left: 0; top: 0; width: 100% } .course-application .course-application-selection { position: relative; display: block; width: 100%; text-align: center; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; background-color: #4f7671; color: #fff; word-break: normal; -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none } .course-application .course-application-selection > span, .course-instance-selection-button > span { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 100%; left: 0 } .course-application .course-application-selection > span span { display: inline-block } .course-application .course-application-selection > span::after { content: " →" } @media only screen and (max-width: 48em) { .course-application .course-application-selection { height: 4.5rem; font-size: 1rem; line-height: 125% } .course-application .course-application-selection > span { padding: 0 1rem } } @media only screen and (min-width: 48.063em) { .course-application .course-application-selection { height: 4.5rem; font-size: 1.25rem; line-height: 120% } .course-application .course-application-selection > span { padding: 0 1.25rem } } .course-application .course-application-selection-info, .course-factsheet-link { font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; position: relative; text-align: center; width: 100% } .course-application .course-application-selection-info { display: block; background-color: #d9be6c; color: #232515; word-break: normal; -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; font-style: italic } .course-application .course-application-selection-info > span { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 100%; left: 0 } .course-application .course-application-selection-info > span span { display: inline-block } @media only screen and (max-width: 48em) { .course-application .course-application-selection-info { height: 4.5rem; font-size: 1rem; line-height: 125% } .course-application .course-application-selection-info > span { padding: 0 1rem } } @media only screen and (min-width: 48.063em) { .course-application .course-application-selection-info { height: 4.5rem; font-size: 1.25rem; line-height: 120% } .course-application .course-application-selection-info > span { padding: 0 1.25rem } } .course-factsheet-link { border-style: solid; border-width: 0; cursor: pointer; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; text-decoration: none; -webkit-appearance: none; border-radius: 0; display: inline-block; font-size: 1rem; padding: 1rem 2rem 1.0625rem; padding-right: 0; padding-left: 0; background-color: #e2d0a1; border-color: #d0b266; color: #333; transition: background-color 300ms ease-out; margin-bottom: 0 } .course-factsheet-link:focus, .course-factsheet-link:hover { background-color: #4f7671; color: #fff } .course-additional-information, .course-modules { clear: both } .course-additional-information .tab-nav .tab-nav-item a, .course-modules .tab-nav .tab-nav-item a { display: block; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; color: #363636; transition: all 300ms } .course-additional-information .tab-nav .tab-nav-item a:hover, .course-modules .tab-nav .tab-nav-item a:hover { background-color: #d9be6c; color: #fff } .course-additional-information .tab-nav .tab-nav-item.tab-nav-active a, .course-modules .tab-nav .tab-nav-item.tab-nav-active a { background-color: #041a29; color: #fff } .course-additional-information .tab-content, .course-modules .tab-content, .course-validation .course-validation-item { overflow: hidden } .course-additional-information .tab-content .tab-content-item, .course-modules .tab-content .tab-content-item { background: #041a29 } .course-additional-information .tab-content .tab-content-item h4, .course-modules .tab-content .tab-content-item h4 { font-family: "Montserrat","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; margin-bottom: 0; color: #d9be6c } .course-additional-information .tab-content .tab-content-item .intro, .course-modules .tab-content .tab-content-item .intro { font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif } .course-modules .tab-nav .tab-nav-item a { background-color: #f1f1dd; text-align: center } .course-validation:after, .course-validation:before { content: " "; display: table } .course-validation:after { clear: both } .course-validation .kis-widget { background: #dd312c } .course-validation .validating-institution { position: relative } .course-validation .validating-institution span { display: block; width: 65.6488549618%; height: 0; padding-top: 22.9007633588%; margin: 0 auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; font: 0/0 a; color: transparent; text-shadow: none } .course-validation .validating-institution.uclan, .course-validation .validating-institution.uclan span { background-color: #fff } @media only screen and (max-width: 48em) { .course-page-content-main, .course-page-content-sidebar { margin-bottom: 1.5rem } .course-key-information { padding: .875rem 6.5% } .course-key-information dl { font-size: .75rem } .has-online-application .course-key-information { padding-right: 8.75rem } .course-instance-selection-button { width: 7.5rem; font-size: 1rem } .course-factsheet-link { margin-top: 1rem } .course-additional-information, .course-modules { clear: both; margin: 0 -.8125rem 2rem; border: 1px solid #dcdbcf; background: #f1f1dd } .course-additional-information .tab-content .tab-content-item.hidden, .course-additional-information .tab-nav, .course-modules .tab-content .tab-content-item.hidden, .course-modules .tab-nav { display: none } .course-additional-information .tab-content h3, .course-modules .tab-content h3 { padding: 1rem 4rem 1rem 6.5%; margin-bottom: 0; border-top: 1px solid #dcdbcf; font-size: 1rem; line-height: 125%; cursor: pointer; transition: background-color 300ms; background-image: url("/_images/accordion-arrow"); background-size: 3.25rem 13rem; background-position: 97% 0; background-repeat: no-repeat } .course-additional-information .tab-content h3:hover, .course-modules .tab-content h3:hover { background-color: #d9be6c; color: #fff; background-position: 97% 33% } .course-additional-information .tab-content h3.tab-content-active, .course-modules .tab-content h3.tab-content-active { background-color: #041a29; color: #fff; background-position: 97% 67% } .course-additional-information .tab-content .tab-content-item, .course-modules .tab-content .tab-content-item { padding: 0 6.5% .5rem; overflow: hidden } .course-additional-information .tab-content .tab-content-item h4, .course-modules .tab-content .tab-content-item h4 { font-size: .75rem; line-height: 150% } .course-additional-information-header, .course-modules-header { padding: 1rem } .course-additional-information-header h2, .course-modules-header h2 { margin-bottom: 0 } .course-validation, .course-validation .course-validation-item { margin-bottom: 1rem } .course-validation .kis-widget { margin: 0 auto } .course-validation .kis-widget.horizontal { width: unset !important; height: unset !important } } @media only screen and (min-width: 48.063em) { .course-page-content-main, .course-page-content-sidebar { margin-bottom: 2rem } .course-key-information { padding: 1.25rem 6.5% } .course-key-information dl { font-size: 1rem } .has-online-application .course-key-information { padding-right: 11.25rem } .course-instance-selection-button { width: 10rem; font-size: 1.125rem } .course-application .course-application-selection, .course-application .course-application-selection-info { height: 5.25rem } .course-factsheet-link { margin-top: 1.25rem } .course-additional-information .tab-nav .tab-nav-item a, .course-modules .tab-nav .tab-nav-item a { font-size: 1.25rem; line-height: 130% } .course-additional-information .tab-content, .course-modules .tab-content { position: relative } .course-additional-information .tab-content h3, .course-modules .tab-content h3 { font: 0/0 a; color: transparent; text-shadow: none; margin-bottom: 0 } .course-additional-information .tab-content .tab-content-item, .course-modules .tab-content .tab-content-item { position: absolute; top: 0; left: 0; width: 100% } .course-additional-information .tab-content .tab-content-item dl, .course-additional-information .tab-content .tab-content-item h4, .course-additional-information .tab-content .tab-content-item ol, .course-additional-information .tab-content .tab-content-item p, .course-additional-information .tab-content .tab-content-item ul, .course-modules .tab-content .tab-content-item dl, .course-modules .tab-content .tab-content-item h4, .course-modules .tab-content .tab-content-item ol, .course-modules .tab-content .tab-content-item p, .course-modules .tab-content .tab-content-item ul { font-size: .875rem; line-height: 150% } .course-additional-information .tab-content .tab-content-item .intro dl, .course-additional-information .tab-content .tab-content-item .intro h4, .course-additional-information .tab-content .tab-content-item .intro ol, .course-additional-information .tab-content .tab-content-item .intro p, .course-additional-information .tab-content .tab-content-item .intro ul, .course-modules .tab-content .tab-content-item .intro dl, .course-modules .tab-content .tab-content-item .intro h4, .course-modules .tab-content .tab-content-item .intro ol, .course-modules .tab-content .tab-content-item .intro p, .course-modules .tab-content .tab-content-item .intro ul { font-size: 1.125rem; line-height: 166.6666666667% } .course-modules { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: 2.5rem } .course-modules .tab-nav { width: 100%; display: table } .course-modules .tab-nav .tab-nav-item { display: table-cell } .course-modules .tab-nav .tab-nav-item a { padding: .9375rem } .course-modules .tab-content .tab-content-item { padding: 3rem 1rem 1.875rem } .course-modules-wrapper { width: 50%; float: left; padding-right: 2.8125rem; padding-left: 2.8125rem } .course-module { margin-bottom: .625rem } .course-additional-information { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; margin-bottom: 2.5rem } .course-additional-information header { padding-bottom: 1rem } .course-additional-information-tabs { background: #f1f1dd } .course-additional-information-tabs:after, .course-additional-information-tabs:before { content: " "; display: table } .course-additional-information-tabs:after { clear: both } .course-additional-information-tabs .tab-nav { float: left; width: 50% } .course-additional-information-tabs .tab-nav .tab-nav-item a { padding: 0 1.875rem; margin-top: -1px } .course-additional-information-tabs .tab-nav .tab-nav-item a span { display: block; padding: 1.5rem 0; border-bottom: 1px solid #dcdbcf; transition: border-color 300ms } .course-additional-information-tabs .tab-nav .tab-nav-item a:hover span { border-color: #d9be6c } .course-additional-information-tabs .tab-nav .tab-nav-item a:first-child { margin-top: 0 } .course-additional-information-tabs .tab-nav .tab-nav-item.tab-nav-active a span { border-color: #041a29 } .course-additional-information-tabs .tab-content { float: left; width: 50%; background: #041a29 } .course-additional-information-tabs .tab-content .tab-content-item { padding: 1.5rem 1.875rem } .course-validation { clear: both; width: 40.9375rem; margin-left: auto; margin-right: auto; margin-bottom: 1.25rem } .course-validation .course-validation-item { float: left; width: 40.9375rem; height: 9.375rem; padding-left: 1.25rem; padding-right: 1.25rem; overflow: hidden; margin-bottom: 1.25rem } .course-validation .course-validation-item.solo { float: none; margin-left: auto; margin-right: auto } } @media only screen and (min-width: 48.063em) and (orientation:portrait) and (max-width:50em) { .course-modules-wrapper { width: 100%; float: left; padding-right: 2.8125rem; padding-left: 2.8125rem } .course-additional-information { padding-left: .5rem; padding-right: .5rem; width: 100%; float: left; padding-bottom: 0 } } header { width: 100%; z-index: 2; font-size: .6rem } header .row { max-width: unset } header .main-menu, header .mobile-header .menu span, header .mobile-nav ul.nav-level2, header .mobile-nav ul.nav-level3, header .top-menu { display: none } header .mobile-header { background-color: #4f7671; height: 100% } .cookie-warning a, header .mobile-header a.mobile-on { color: #ff2d4e } header .mobile-header .menu { color: #ff2d4e; font-size: 2.5rem; padding-top: .25rem; padding-left: .25em } header .mobile-header .logo { padding-top: .5rem; text-align: center } header .mobile-header .search { text-align: right; font-size: 1.5rem; padding-right: 2rem; padding-top: 1rem } header .mobile-header .search .site-search-form { position: relative; top: -.5em; left: 1.25em; background-color: #fff } header .mobile-header .search .site-search-form .site-search-submit { color: #d8d8cc !important } header .mobile-header .search .site-search-form .site-search-submit .fa-search { color: #d8d8cc !important; font-size: 1.5rem } @media screen and (min-width: 600px) { header .logo img { width: 50% } } @media screen and (min-width: 769px) { header .logo img { width: 100% } } header .mobile-nav { background-color: #f9f9eb; position: absolute; left: -100%; width: 100%; transition: left ease .5s; max-height: 95vh; overflow-y: scroll } header .mobile-nav ul { list-style: none; margin-left: 0 } header .mobile-nav ul li { border-top: 1px solid #fff } header .mobile-nav ul li a { color: #363636; font-family: Museo,sans-serif; font-size: .875rem; display: inline-block; padding: 1em 0 1em 1em; width: 100% } header .mobile-nav ul li.has-nav-children a { width: 80%; background-color: #dcdbcf } header .mobile-nav ul li span { margin-left: 5%; font-size: 1rem; font-weight: 700 } header .mobile-nav ul li.nav-level2 a { background-color: #f1f0e3; text-indent: 1em } header .mobile-nav ul li.nav-level3 a { background-color: #f1f0e3; text-indent: 2em } header .mobile-nav.position-off { left: -100% } header .mobile-nav.position-on { left: 0 } @media only screen and (min-width: 48.063em) { header .mobile-header, header .mobile-nav { display: none } header .top-menu { display: inline-block; padding: 1em; background-color: #000; color: #fff } header .top-menu .fab, header .top-menu .far { color: #fff; font-size: 1.25rem; margin: 0 .5em } header .top-menu .fab:hover, header .top-menu .far:hover { color: #ff2d4e } header .top-menu .contact-icons { margin-top: 6px } header .top-menu a { color: #fff; font-size: 1.1rem; font-family: Museo,sans-serif } header .top-menu a.phone { position: relative; top: -2px } } @media only screen and (min-width: 48.063em) and (min-width:48.063em) and (max-width:64em) { header .top-menu a.phone { top: 1.5em; left: -10.5em } } @media only screen and (min-width: 48.063em) { header .top-menu a:hover { color: #ff2d4e; text-decoration: none } header .top-menu nav.top-nav li, header .top-menu nav.top-nav ul { position: relative; margin: 0; padding: 3px 0 0; list-style: none; background-color: #000 } header .top-menu nav.top-nav ul { display: flex; justify-content: flex-end } header .top-menu nav.top-nav ul li { white-space: nowrap } header .top-menu nav.top-nav ul li:first-of-type a { border-left: none } header .top-menu nav.top-nav ul li:last-child a { border-left: none } header .top-menu nav.top-nav ul li a { padding: 0 1em; font-size: 1.1rem; border-left: 1px solid #fff } header .top-menu nav.top-nav ul li.search { margin: 0 1em; font-size: 1.25em } header .main-menu { display: inline-block; padding: 2em .5em; margin-top: -.5em; background-color: #4f7671; border-top: 1px solid #fff; border-bottom: 1px solid #fff } header .main-menu .logo { margin-left: 1em } header .main-menu .logo img, header .main-menu .logo picture { max-width: 25em } header .main-menu .logo.search-active { cursor: default } header .main-menu .menu-bar-container { font-family: Museo,sans-serif } header .main-menu .menu-bar-container nav.megamenu { display: flex; justify-content: space-between } header .main-menu .menu-bar-container nav.megamenu .nav-menu { margin: .7em 0 0; list-style: none; padding: 0; position: relative; z-index: 15 } .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li { display: inline-block; list-style: none; margin: 0; padding: 0; font-size: 1.1rem } .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > a, .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > span, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > a, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > span, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > a, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > span { border: 1px solid transparent; display: inline-block; margin: 0 0 -1px; padding: .5em 1em; position: relative; color: #fff } } @media only screen and (min-width: 48.063em) and (max-width:1367px) { .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > a, .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > span, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > a, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > span, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > a, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > span { padding: .5em .75em } } @media only screen and (min-width: 48.063em) { .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > a.open, .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > a:focus, .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > span.open, .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > span:focus, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > a.open, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > a:focus, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > span.open, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > span:focus, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > a.open, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > a:focus, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > span.open, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > span:focus { border: 1px solid transparent; background-color: #fff; color: #144e44 } .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > a:focus, .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > span:focus, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > a:focus, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > span:focus, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > a:focus, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > span:focus { outline: #00f } .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > a.open, .vacancy-application-documents header .main-menu .menu-bar-container nav.megamenu .nav-menu li > span.open, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > a.open, header .main-menu .menu-bar-container nav.megamenu .nav-menu .nav-item > span.open, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > a.open, header .main-menu .menu-bar-container nav.megamenu .nav-menu .vacancy-application-documents li > span.open { background-color: #fff; border-bottom: none; z-index: 1; padding-bottom: 1em } header .main-menu .menu-bar-container nav .sub-nav { background-color: #fff; border: 1px solid #dedede; display: none; margin-top: .45em; padding: .25em 1em; position: absolute; top: 2.2em; left: 0; width: 100% } header .main-menu .menu-bar-container nav .sub-nav ul { display: inline-block; margin: 0; vertical-align: top; width: 33% } header .main-menu .menu-bar-container nav .sub-nav ul li { display: block; list-style-type: none; margin: .5em 0 .6em; padding: 0 } header .main-menu .menu-bar-container nav .sub-nav ul li:first-child { margin: 1.5em 0; font-weight: 700 } header .main-menu .menu-bar-container nav .sub-nav ul li:first-child a { text-decoration: none; font-size: 1.1rem; font-weight: 700; padding: 1em 0 } header .main-menu .menu-bar-container nav .sub-nav ul li a, header .main-menu .menu-bar-container nav .sub-nav ul li span { color: #144e44; font-size: 1.1rem } header .main-menu .menu-bar-container nav .sub-nav ul.sub-nav-group { padding-left: 0 } header .main-menu .menu-bar-container nav .sub-nav ul.third-menu { border-left: 1px solid #ff5e77; display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: 1em; padding-left: 1em } header .main-menu .menu-bar-container nav .sub-nav ul.third-menu li { margin: .5em 0 .6em } header .main-menu .menu-bar-container nav .sub-nav ul.third-menu li a { font-family: Montserrat,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight: 400 !important } header .main-menu .menu-bar-container nav .open { display: block } } @media only screen and (width: 1024px) and (height:768px) { header.page-header { height: unset } header .logo img { width: 50% } header .mobile-header, header .mobile-nav { display: block } header .main-menu, header .top-menu { display: none } } @media only screen and (min-device-width: 1536px) and (max-device-width:2048px) and (-webkit-min-device-pixel-ratio:2) { header.page-header { height: unset } header .logo img { width: 50% } header .mobile-header, header .mobile-nav { display: block } header .main-menu, header .top-menu { display: none } } .cookie-warning { position: relative; top: 4em; color: #fff; width: 100%; background-color: #041a29; border: 2px double #fff; display: flex; justify-content: space-around; padding: 2em; margin: auto; z-index: 1001 } @media only screen and (min-width: 48.063em) { .cookie-warning { top: 8.5em; width: 77.5rem } } @media only screen and (min-width: 64.063em) { .cookie-warning { top: 8em } } @media only screen and (max-width: 1240px) { .cookie-warning { width: 100% } } .cookie-message { width: 75% } .cookie-message p:last-of-type { margin-bottom: 0 } .cookie-close { width: 25%; text-align: center; font-size: .8rem } a.close-cookie { cursor: pointer } .skip-nav { float: left; font-weight: 700; padding: 10px } .skip-nav:focus { visibility: visible } .skip-nav a { color: #454545; background-color: #fff; padding: .5em; left: -50em; overflow: hidden; position: absolute } .skip-nav a:active, .skip-nav a:focus { left: 1.5em; top: 10.25em; overflow: visible; position: fixed; z-index: 1000 } .gallery { padding: 0 8px 0 10px } .gallery img { width: 16%; border: 1px solid silver; margin: .1em 0 } .page-content-main-single .gallery { padding-left: 0 } @media print { .content-set-grid-layout, .course-page-hero-area, .ctapanels, .footer-content, .left-off-canvas-menu, .page-cta-bar, .page-footer, .page-header, .page-section-navigation-wrapper { display: none } h1 { font-size: 2rem } h2 { font-size: 1.625rem } h3 { font-size: 1.25rem } h4 { font-weight: 700 } dl, h4, ol, p, ul { font-size: .875rem; line-height: 1.5714285714em } .page-content-header { padding: 1.875rem 0 } .page-content-header .subheading { font-size: .75rem } .course-page-content-header { text-align: left } .course-page-content-header.has-image h1 { position: static !important; height: auto; width: auto; overflow: visible; clip: auto } .course-page-content-main { height: auto !important } .course-page-content-main .read-more { display: none !important } .course-key-information dl { font-size: 1rem; line-height: 1.5714285714em } .course-key-information dl dd::after { margin-bottom: 0 } .course-additional-information .tab-nav, .course-application, .course-factsheet-link, .course-modules .tab-nav, .kis-widget { display: none } .course-additional-information header, .course-modules header { padding: 1.875rem 0 0; text-align: left } .course-additional-information .tab-content, .course-modules .tab-content { height: auto !important } .course-additional-information .tab-content .tab-content-item, .course-modules .tab-content .tab-content-item { position: static; display: block; height: auto !important; opacity: 1 !important } .course-additional-information .tab-content .tab-content-item h3, .course-modules .tab-content .tab-content-item h3 { color: inherit; font: inherit; font-family: "Lora",Georgia,Cambria,"Times New Roman",Times,serif; font-size: 1.25rem; margin-bottom: 1.25rem } } /*! * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em } .fa-xs { font-size: .75em } .fa-sm { font-size: .875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul > li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: solid .08em #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1,1); transform: scale(-1,1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1,-1); transform: scale(1,-1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1,-1); transform: scale(-1,-1) } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { -webkit-filter: none; filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-500px:before { content: "\f26e" } .fa-accessible-icon:before { content: "\f368" } .fa-accusoft:before { content: "\f369" } .fa-acquisitions-incorporated:before { content: "\f6af" } .fa-ad:before { content: "\f641" } .fa-address-book:before { content: "\f2b9" } .fa-address-card:before { content: "\f2bb" } .fa-adjust:before { content: "\f042" } .fa-adn:before { content: "\f170" } .fa-adversal:before { content: "\f36a" } .fa-affiliatetheme:before { content: "\f36b" } .fa-air-freshener:before { content: "\f5d0" } .fa-airbnb:before { content: "\f834" } .fa-algolia:before { content: "\f36c" } .fa-align-center:before { content: "\f037" } .fa-align-justify:before { content: "\f039" } .fa-align-left:before { content: "\f036" } .fa-align-right:before { content: "\f038" } .fa-alipay:before { content: "\f642" } .fa-allergies:before { content: "\f461" } .fa-amazon:before { content: "\f270" } .fa-amazon-pay:before { content: "\f42c" } .fa-ambulance:before { content: "\f0f9" } .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-amilia:before { content: "\f36d" } .fa-anchor:before { content: "\f13d" } .fa-android:before { content: "\f17b" } .fa-angellist:before { content: "\f209" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-down:before { content: "\f107" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angry:before { content: "\f556" } .fa-angrycreative:before { content: "\f36e" } .fa-angular:before { content: "\f420" } .fa-ankh:before { content: "\f644" } .fa-app-store:before { content: "\f36f" } .fa-app-store-ios:before { content: "\f370" } .fa-apper:before { content: "\f371" } .fa-apple:before { content: "\f179" } .fa-apple-alt:before { content: "\f5d1" } .fa-apple-pay:before { content: "\f415" } .fa-archive:before { content: "\f187" } .fa-archway:before { content: "\f557" } .fa-arrow-alt-circle-down:before { content: "\f358" } .fa-arrow-alt-circle-left:before { content: "\f359" } .fa-arrow-alt-circle-right:before { content: "\f35a" } .fa-arrow-alt-circle-up:before { content: "\f35b" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-down:before { content: "\f063" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrows-alt:before { content: "\f0b2" } .fa-arrows-alt-h:before { content: "\f337" } .fa-arrows-alt-v:before { content: "\f338" } .fa-artstation:before { content: "\f77a" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asterisk:before { content: "\f069" } .fa-asymmetrik:before { content: "\f372" } .fa-at:before { content: "\f1fa" } .fa-atlas:before { content: "\f558" } .fa-atlassian:before { content: "\f77b" } .fa-atom:before { content: "\f5d2" } .fa-audible:before { content: "\f373" } .fa-audio-description:before { content: "\f29e" } .fa-autoprefixer:before { content: "\f41c" } .fa-avianex:before { content: "\f374" } .fa-aviato:before { content: "\f421" } .fa-award:before { content: "\f559" } .fa-aws:before { content: "\f375" } .fa-baby:before { content: "\f77c" } .fa-baby-carriage:before { content: "\f77d" } .fa-backspace:before { content: "\f55a" } .fa-backward:before { content: "\f04a" } .fa-bacon:before { content: "\f7e5" } .fa-bacteria:before { content: "\e059" } .fa-bacterium:before { content: "\e05a" } .fa-bahai:before { content: "\f666" } .fa-balance-scale:before { content: "\f24e" } .fa-balance-scale-left:before { content: "\f515" } .fa-balance-scale-right:before { content: "\f516" } .fa-ban:before { content: "\f05e" } .fa-band-aid:before { content: "\f462" } .fa-bandcamp:before { content: "\f2d5" } .fa-barcode:before { content: "\f02a" } .fa-bars:before { content: "\f0c9"; font-family:fa-solid-900!important; color:#fff; } .fa-baseball-ball:before { content: "\f433" } .fa-basketball-ball:before { content: "\f434" } .fa-bath:before { content: "\f2cd" } .fa-battery-empty:before { content: "\f244" } .fa-battery-full:before { content: "\f240" } .fa-battery-half:before { content: "\f242" } .fa-battery-quarter:before { content: "\f243" } .fa-battery-three-quarters:before { content: "\f241" } .fa-battle-net:before { content: "\f835" } .fa-bed:before { content: "\f236" } .fa-beer:before { content: "\f0fc" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-bell:before { content: "\f0f3" } .fa-bell-slash:before { content: "\f1f6" } .fa-bezier-curve:before { content: "\f55b" } .fa-bible:before { content: "\f647" } .fa-bicycle:before { content: "\f206" } .fa-biking:before { content: "\f84a" } .fa-bimobject:before { content: "\f378" } .fa-binoculars:before { content: "\f1e5" } .fa-biohazard:before { content: "\f780" } .fa-birthday-cake:before { content: "\f1fd" } .fa-bitbucket:before { content: "\f171" } .fa-bitcoin:before { content: "\f379" } .fa-bity:before { content: "\f37a" } .fa-black-tie:before { content: "\f27e" } .fa-blackberry:before { content: "\f37b" } .fa-blender:before { content: "\f517" } .fa-blender-phone:before { content: "\f6b6" } .fa-blind:before { content: "\f29d" } .fa-blog:before { content: "\f781" } .fa-blogger:before { content: "\f37c" } .fa-blogger-b:before { content: "\f37d" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-bold:before { content: "\f032" } .fa-bolt:before { content: "\f0e7" } .fa-bomb:before { content: "\f1e2" } .fa-bone:before { content: "\f5d7" } .fa-bong:before { content: "\f55c" } .fa-book:before { content: "\f02d" } .fa-book-dead:before { content: "\f6b7" } .fa-book-medical:before { content: "\f7e6" } .fa-book-open:before { content: "\f518" } .fa-book-reader:before { content: "\f5da" } .fa-bookmark:before { content: "\f02e" } .fa-bootstrap:before { content: "\f836" } .fa-border-all:before { content: "\f84c" } .fa-border-none:before { content: "\f850" } .fa-border-style:before { content: "\f853" } .fa-bowling-ball:before { content: "\f436" } .fa-box:before { content: "\f466" } .fa-box-open:before { content: "\f49e" } .fa-box-tissue:before { content: "\e05b" } .fa-boxes:before { content: "\f468" } .fa-braille:before { content: "\f2a1" } .fa-brain:before { content: "\f5dc" } .fa-bread-slice:before { content: "\f7ec" } .fa-briefcase:before { content: "\f0b1" } .fa-briefcase-medical:before { content: "\f469" } .fa-broadcast-tower:before { content: "\f519" } .fa-broom:before { content: "\f51a" } .fa-brush:before { content: "\f55d" } .fa-btc:before { content: "\f15a" } .fa-buffer:before { content: "\f837" } .fa-bug:before { content: "\f188" } .fa-building:before { content: "\f1ad" } .fa-bullhorn:before { content: "\f0a1" } .fa-bullseye:before { content: "\f140" } .fa-burn:before { content: "\f46a" } .fa-buromobelexperte:before { content: "\f37f" } .fa-bus:before { content: "\f207" } .fa-bus-alt:before { content: "\f55e" } .fa-business-time:before { content: "\f64a" } .fa-buy-n-large:before { content: "\f8a6" } .fa-buysellads:before { content: "\f20d" } .fa-calculator:before { content: "\f1ec" } .fa-calendar:before { content: "\f133" } .fa-calendar-alt:before { content: "\f073" } .fa-calendar-check:before { content: "\f274" } .fa-calendar-day:before { content: "\f783" } .fa-calendar-minus:before { content: "\f272" } .fa-calendar-plus:before { content: "\f271" } .fa-calendar-times:before { content: "\f273" } .fa-calendar-week:before { content: "\f784" } .fa-camera:before { content: "\f030" } .fa-camera-retro:before { content: "\f083" } .fa-campground:before { content: "\f6bb" } .fa-canadian-maple-leaf:before { content: "\f785" } .fa-candy-cane:before { content: "\f786" } .fa-cannabis:before { content: "\f55f" } .fa-capsules:before { content: "\f46b" } .fa-car:before { content: "\f1b9" } .fa-car-alt:before { content: "\f5de" } .fa-car-battery:before { content: "\f5df" } .fa-car-crash:before { content: "\f5e1" } .fa-car-side:before { content: "\f5e4" } .fa-caravan:before { content: "\f8ff" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-caret-square-down:before { content: "\f150" } .fa-caret-square-left:before { content: "\f191" } .fa-caret-square-right:before { content: "\f152" } .fa-caret-square-up:before { content: "\f151" } .fa-caret-up:before { content: "\f0d8" } .fa-carrot:before { content: "\f787" } .fa-cart-arrow-down:before { content: "\f218" } .fa-cart-plus:before { content: "\f217" } .fa-cash-register:before { content: "\f788" } .fa-cat:before { content: "\f6be" } .fa-cc-amazon-pay:before { content: "\f42d" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-apple-pay:before { content: "\f416" } .fa-cc-diners-club:before { content: "\f24c" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-cc-visa:before { content: "\f1f0" } .fa-centercode:before { content: "\f380" } .fa-centos:before { content: "\f789" } .fa-certificate:before { content: "\f0a3" } .fa-chair:before { content: "\f6c0" } .fa-chalkboard:before { content: "\f51b" } .fa-chalkboard-teacher:before { content: "\f51c" } .fa-charging-station:before { content: "\f5e7" } .fa-chart-area:before { content: "\f1fe" } .fa-chart-bar:before { content: "\f080" } .fa-chart-line:before { content: "\f201" } .fa-chart-pie:before { content: "\f200" } .fa-check:before { content: "\f00c" } .fa-check-circle:before { content: "\f058" } .fa-check-double:before { content: "\f560" } .fa-check-square:before { content: "\f14a" } .fa-cheese:before { content: "\f7ef" } .fa-chess:before { content: "\f439" } .fa-chess-bishop:before { content: "\f43a" } .fa-chess-board:before { content: "\f43c" } .fa-chess-king:before { content: "\f43f" } .fa-chess-knight:before { content: "\f441" } .fa-chess-pawn:before { content: "\f443" } .fa-chess-queen:before { content: "\f445" } .fa-chess-rook:before { content: "\f447" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-chevron-up:before { content: "\f077" } .fa-child:before { content: "\f1ae" } .fa-chrome:before { content: "\f268" } .fa-chromecast:before { content: "\f838" } .fa-church:before { content: "\f51d" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-city:before { content: "\f64f" } .fa-clinic-medical:before { content: "\f7f2" } .fa-clipboard:before { content: "\f328" } .fa-clipboard-check:before { content: "\f46c" } .fa-clipboard-list:before { content: "\f46d" } .fa-clock:before { content: "\f017" } .fa-clone:before { content: "\f24d" } .fa-closed-captioning:before { content: "\f20a" } .fa-cloud:before { content: "\f0c2" } .fa-cloud-download-alt:before { content: "\f381" } .fa-cloud-meatball:before { content: "\f73b" } .fa-cloud-moon:before { content: "\f6c3" } .fa-cloud-moon-rain:before { content: "\f73c" } .fa-cloud-rain:before { content: "\f73d" } .fa-cloud-showers-heavy:before { content: "\f740" } .fa-cloud-sun:before { content: "\f6c4" } .fa-cloud-sun-rain:before { content: "\f743" } .fa-cloud-upload-alt:before { content: "\f382" } .fa-cloudflare:before { content: "\e07d" } .fa-cloudscale:before { content: "\f383" } .fa-cloudsmith:before { content: "\f384" } .fa-cloudversify:before { content: "\f385" } .fa-cocktail:before { content: "\f561" } .fa-code:before { content: "\f121" } .fa-code-branch:before { content: "\f126" } .fa-codepen:before { content: "\f1cb" } .fa-codiepie:before { content: "\f284" } .fa-coffee:before { content: "\f0f4" } .fa-cog:before { content: "\f013" } .fa-cogs:before { content: "\f085" } .fa-coins:before { content: "\f51e" } .fa-columns:before { content: "\f0db" } .fa-comment:before { content: "\f075" } .fa-comment-alt:before { content: "\f27a" } .fa-comment-dollar:before { content: "\f651" } .fa-comment-dots:before { content: "\f4ad" } .fa-comment-medical:before { content: "\f7f5" } .fa-comment-slash:before { content: "\f4b3" } .fa-comments:before { content: "\f086" } .fa-comments-dollar:before { content: "\f653" } .fa-compact-disc:before { content: "\f51f" } .fa-compass:before { content: "\f14e" } .fa-compress:before { content: "\f066" } .fa-compress-alt:before { content: "\f422" } .fa-compress-arrows-alt:before { content: "\f78c" } .fa-concierge-bell:before { content: "\f562" } .fa-confluence:before { content: "\f78d" } .fa-connectdevelop:before { content: "\f20e" } .fa-contao:before { content: "\f26d" } .fa-cookie:before { content: "\f563" } .fa-cookie-bite:before { content: "\f564" } .fa-copy:before { content: "\f0c5" } .fa-copyright:before { content: "\f1f9" } .fa-cotton-bureau:before { content: "\f89e" } .fa-couch:before { content: "\f4b8" } .fa-cpanel:before { content: "\f388" } .fa-creative-commons:before { content: "\f25e" } .fa-creative-commons-by:before { content: "\f4e7" } .fa-creative-commons-nc:before { content: "\f4e8" } .fa-creative-commons-nc-eu:before { content: "\f4e9" } .fa-creative-commons-nc-jp:before { content: "\f4ea" } .fa-creative-commons-nd:before { content: "\f4eb" } .fa-creative-commons-pd:before { content: "\f4ec" } .fa-creative-commons-pd-alt:before { content: "\f4ed" } .fa-creative-commons-remix:before { content: "\f4ee" } .fa-creative-commons-sa:before { content: "\f4ef" } .fa-creative-commons-sampling:before { content: "\f4f0" } .fa-creative-commons-sampling-plus:before { content: "\f4f1" } .fa-creative-commons-share:before { content: "\f4f2" } .fa-creative-commons-zero:before { content: "\f4f3" } .fa-credit-card:before { content: "\f09d" } .fa-critical-role:before { content: "\f6c9" } .fa-crop:before { content: "\f125" } .fa-crop-alt:before { content: "\f565" } .fa-cross:before { content: "\f654" } .fa-crosshairs:before { content: "\f05b" } .fa-crow:before { content: "\f520" } .fa-crown:before { content: "\f521" } .fa-crutch:before { content: "\f7f7" } .fa-css3:before { content: "\f13c" } .fa-css3-alt:before { content: "\f38b" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-cut:before { content: "\f0c4" } .fa-cuttlefish:before { content: "\f38c" } .fa-d-and-d:before { content: "\f38d" } .fa-d-and-d-beyond:before { content: "\f6ca" } .fa-dailymotion:before { content: "\e052" } .fa-dashcube:before { content: "\f210" } .fa-database:before { content: "\f1c0" } .fa-deaf:before { content: "\f2a4" } .fa-deezer:before { content: "\e077" } .fa-delicious:before { content: "\f1a5" } .fa-democrat:before { content: "\f747" } .fa-deploydog:before { content: "\f38e" } .fa-deskpro:before { content: "\f38f" } .fa-desktop:before { content: "\f108" } .fa-dev:before { content: "\f6cc" } .fa-deviantart:before { content: "\f1bd" } .fa-dharmachakra:before { content: "\f655" } .fa-dhl:before { content: "\f790" } .fa-diagnoses:before { content: "\f470" } .fa-diaspora:before { content: "\f791" } .fa-dice:before { content: "\f522" } .fa-dice-d20:before { content: "\f6cf" } .fa-dice-d6:before { content: "\f6d1" } .fa-dice-five:before { content: "\f523" } .fa-dice-four:before { content: "\f524" } .fa-dice-one:before { content: "\f525" } .fa-dice-six:before { content: "\f526" } .fa-dice-three:before { content: "\f527" } .fa-dice-two:before { content: "\f528" } .fa-digg:before { content: "\f1a6" } .fa-digital-ocean:before { content: "\f391" } .fa-digital-tachograph:before { content: "\f566" } .fa-directions:before { content: "\f5eb" } .fa-discord:before { content: "\f392" } .fa-discourse:before { content: "\f393" } .fa-disease:before { content: "\f7fa" } .fa-divide:before { content: "\f529" } .fa-dizzy:before { content: "\f567" } .fa-dna:before { content: "\f471" } .fa-dochub:before { content: "\f394" } .fa-docker:before { content: "\f395" } .fa-dog:before { content: "\f6d3" } .fa-dollar-sign:before { content: "\f155" } .fa-dolly:before { content: "\f472" } .fa-dolly-flatbed:before { content: "\f474" } .fa-donate:before { content: "\f4b9" } .fa-door-closed:before { content: "\f52a" } .fa-door-open:before { content: "\f52b" } .fa-dot-circle:before { content: "\f192" } .fa-dove:before { content: "\f4ba" } .fa-download:before { content: "\f019" } .fa-draft2digital:before { content: "\f396" } .fa-drafting-compass:before { content: "\f568" } .fa-dragon:before { content: "\f6d5" } .fa-draw-polygon:before { content: "\f5ee" } .fa-dribbble:before { content: "\f17d" } .fa-dribbble-square:before { content: "\f397" } .fa-dropbox:before { content: "\f16b" } .fa-drum:before { content: "\f569" } .fa-drum-steelpan:before { content: "\f56a" } .fa-drumstick-bite:before { content: "\f6d7" } .fa-drupal:before { content: "\f1a9" } .fa-dumbbell:before { content: "\f44b" } .fa-dumpster:before { content: "\f793" } .fa-dumpster-fire:before { content: "\f794" } .fa-dungeon:before { content: "\f6d9" } .fa-dyalog:before { content: "\f399" } .fa-earlybirds:before { content: "\f39a" } .fa-ebay:before { content: "\f4f4" } .fa-edge:before { content: "\f282" } .fa-edge-legacy:before { content: "\e078" } .fa-edit:before { content: "\f044" } .fa-egg:before { content: "\f7fb" } .fa-eject:before { content: "\f052" } .fa-elementor:before { content: "\f430" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-ello:before { content: "\f5f1" } .fa-ember:before { content: "\f423" } .fa-empire:before { content: "\f1d1" } .fa-envelope:before { content: "\f0e0"; font-family:fa-solid-900!important; } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-text:before { content: "\f658" } .fa-envelope-square:before { content: "\f199" } .fa-envira:before { content: "\f299" } .fa-equals:before { content: "\f52c" } .fa-eraser:before { content: "\f12d" } .fa-erlang:before { content: "\f39d" } .fa-ethereum:before { content: "\f42e" } .fa-ethernet:before { content: "\f796" } .fa-etsy:before { content: "\f2d7" } .fa-euro-sign:before { content: "\f153" } .fa-evernote:before { content: "\f839" } .fa-exchange-alt:before { content: "\f362" } .fa-exclamation:before { content: "\f12a" } .fa-exclamation-circle:before { content: "\f06a" } .fa-exclamation-triangle:before { content: "\f071" } .fa-expand:before { content: "\f065" } .fa-expand-alt:before { content: "\f424" } .fa-expand-arrows-alt:before { content: "\f31e" } .fa-expeditedssl:before { content: "\f23e" } .fa-external-link-alt:before { content: "\f35d" } .fa-external-link-square-alt:before { content: "\f360" } .fa-eye:before { content: "\f06e" } .fa-eye-dropper:before { content: "\f1fb" } .fa-eye-slash:before { content: "\f070" } .fa-facebook:before { content: "\f09a" } .fa-facebook-f:before { content: "\f39e"; font-family:fa-brands-400; } .fa-facebook-messenger:before { content: "\f39f" } .fa-facebook-square:before { content: "\f082" } .fa-fan:before { content: "\f863" } .fa-fantasy-flight-games:before { content: "\f6dc" } .fa-fast-backward:before { content: "\f049" } .fa-fast-forward:before { content: "\f050" } .fa-faucet:before { content: "\e005" } .fa-fax:before { content: "\f1ac" } .fa-feather:before { content: "\f52d" } .fa-feather-alt:before { content: "\f56b" } .fa-fedex:before { content: "\f797" } .fa-fedora:before { content: "\f798" } .fa-female:before { content: "\f182" } .fa-fighter-jet:before { content: "\f0fb" } .fa-figma:before { content: "\f799" } .fa-file:before { content: "\f15b" } .fa-file-alt:before { content: "\f15c" } .fa-file-archive:before { content: "\f1c6" } .fa-file-audio:before { content: "\f1c7" } .fa-file-code:before { content: "\f1c9" } .fa-file-contract:before { content: "\f56c" } .fa-file-csv:before { content: "\f6dd" } .fa-file-download:before { content: "\f56d" } .fa-file-excel:before { content: "\f1c3" } .fa-file-export:before { content: "\f56e" } .fa-file-image:before { content: "\f1c5" } .fa-file-import:before { content: "\f56f" } .fa-file-invoice:before { content: "\f570" } .fa-file-invoice-dollar:before { content: "\f571" } .fa-file-medical:before { content: "\f477" } .fa-file-medical-alt:before { content: "\f478" } .fa-file-pdf:before { content: "\f1c1" } .fa-file-powerpoint:before { content: "\f1c4" } .fa-file-prescription:before { content: "\f572" } .fa-file-signature:before { content: "\f573" } .fa-file-upload:before { content: "\f574" } .fa-file-video:before { content: "\f1c8" } .fa-file-word:before { content: "\f1c2" } .fa-fill:before { content: "\f575" } .fa-fill-drip:before { content: "\f576" } .fa-film:before { content: "\f008" } .fa-filter:before { content: "\f0b0" } .fa-fingerprint:before { content: "\f577" } .fa-fire:before { content: "\f06d" } .fa-fire-alt:before { content: "\f7e4" } .fa-fire-extinguisher:before { content: "\f134" } .fa-firefox:before { content: "\f269" } .fa-firefox-browser:before { content: "\e007" } .fa-first-aid:before { content: "\f479" } .fa-first-order:before { content: "\f2b0" } .fa-first-order-alt:before { content: "\f50a" } .fa-firstdraft:before { content: "\f3a1" } .fa-fish:before { content: "\f578" } .fa-fist-raised:before { content: "\f6de" } .fa-flag:before { content: "\f024" } .fa-flag-checkered:before { content: "\f11e" } .fa-flag-usa:before { content: "\f74d" } .fa-flask:before { content: "\f0c3" } .fa-flickr:before { content: "\f16e" } .fa-flipboard:before { content: "\f44d" } .fa-flushed:before { content: "\f579" } .fa-fly:before { content: "\f417" } .fa-folder:before { content: "\f07b" } .fa-folder-minus:before { content: "\f65d" } .fa-folder-open:before { content: "\f07c" } .fa-folder-plus:before { content: "\f65e" } .fa-font:before { content: "\f031" } .fa-font-awesome:before { content: "\f2b4" } .fa-font-awesome-alt:before { content: "\f35c" } .fa-font-awesome-flag:before { content: "\f425" } .fa-font-awesome-logo-full:before { content: "\f4e6" } .fa-fonticons:before { content: "\f280" } .fa-fonticons-fi:before { content: "\f3a2" } .fa-football-ball:before { content: "\f44e" } .fa-fort-awesome:before { content: "\f286" } .fa-fort-awesome-alt:before { content: "\f3a3" } .fa-forumbee:before { content: "\f211" } .fa-forward:before { content: "\f04e" } .fa-foursquare:before { content: "\f180" } .fa-free-code-camp:before { content: "\f2c5" } .fa-freebsd:before { content: "\f3a4" } .fa-frog:before { content: "\f52e" } .fa-frown:before { content: "\f119" } .fa-frown-open:before { content: "\f57a" } .fa-fulcrum:before { content: "\f50b" } .fa-funnel-dollar:before { content: "\f662" } .fa-futbol:before { content: "\f1e3" } .fa-galactic-republic:before { content: "\f50c" } .fa-galactic-senate:before { content: "\f50d" } .fa-gamepad:before { content: "\f11b" } .fa-gas-pump:before { content: "\f52f" } .fa-gavel:before { content: "\f0e3" } .fa-gem:before { content: "\f3a5" } .fa-genderless:before { content: "\f22d" } .fa-get-pocket:before { content: "\f265" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-ghost:before { content: "\f6e2" } .fa-gift:before { content: "\f06b" } .fa-gifts:before { content: "\f79c" } .fa-git:before { content: "\f1d3" } .fa-git-alt:before { content: "\f841" } .fa-git-square:before { content: "\f1d2" } .fa-github:before { content: "\f09b" } .fa-github-alt:before { content: "\f113" } .fa-github-square:before { content: "\f092" } .fa-gitkraken:before { content: "\f3a6" } .fa-gitlab:before { content: "\f296" } .fa-gitter:before { content: "\f426" } .fa-glass-cheers:before { content: "\f79f" } .fa-glass-martini:before { content: "\f000" } .fa-glass-martini-alt:before { content: "\f57b" } .fa-glass-whiskey:before { content: "\f7a0" } .fa-glasses:before { content: "\f530" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-globe:before { content: "\f0ac" } .fa-globe-africa:before { content: "\f57c" } .fa-globe-americas:before { content: "\f57d" } .fa-globe-asia:before { content: "\f57e" } .fa-globe-europe:before { content: "\f7a2" } .fa-gofore:before { content: "\f3a7" } .fa-golf-ball:before { content: "\f450" } .fa-goodreads:before { content: "\f3a8" } .fa-goodreads-g:before { content: "\f3a9" } .fa-google:before { content: "\f1a0" } .fa-google-drive:before { content: "\f3aa" } .fa-google-pay:before { content: "\e079" } .fa-google-play:before { content: "\f3ab" } .fa-google-plus:before { content: "\f2b3" } .fa-google-plus-g:before { content: "\f0d5" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-wallet:before { content: "\f1ee" } .fa-gopuram:before { content: "\f664" } .fa-graduation-cap:before { content: "\f19d" } .fa-gratipay:before { content: "\f184" } .fa-grav:before { content: "\f2d6" } .fa-greater-than:before { content: "\f531" } .fa-greater-than-equal:before { content: "\f532" } .fa-grimace:before { content: "\f57f" } .fa-grin:before { content: "\f580" } .fa-grin-alt:before { content: "\f581" } .fa-grin-beam:before { content: "\f582" } .fa-grin-beam-sweat:before { content: "\f583" } .fa-grin-hearts:before { content: "\f584" } .fa-grin-squint:before { content: "\f585" } .fa-grin-squint-tears:before { content: "\f586" } .fa-grin-stars:before { content: "\f587" } .fa-grin-tears:before { content: "\f588" } .fa-grin-tongue:before { content: "\f589" } .fa-grin-tongue-squint:before { content: "\f58a" } .fa-grin-tongue-wink:before { content: "\f58b" } .fa-grin-wink:before { content: "\f58c" } .fa-grip-horizontal:before { content: "\f58d" } .fa-grip-lines:before { content: "\f7a4" } .fa-grip-lines-vertical:before { content: "\f7a5" } .fa-grip-vertical:before { content: "\f58e" } .fa-gripfire:before { content: "\f3ac" } .fa-grunt:before { content: "\f3ad" } .fa-guilded:before { content: "\e07e" } .fa-guitar:before { content: "\f7a6" } .fa-gulp:before { content: "\f3ae" } .fa-h-square:before { content: "\f0fd" } .fa-hacker-news:before { content: "\f1d4" } .fa-hacker-news-square:before { content: "\f3af" } .fa-hackerrank:before { content: "\f5f7" } .fa-hamburger:before { content: "\f805" } .fa-hammer:before { content: "\f6e3" } .fa-hamsa:before { content: "\f665" } .fa-hand-holding:before { content: "\f4bd" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-hand-holding-medical:before { content: "\e05c" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-hand-holding-water:before { content: "\f4c1" } .fa-hand-lizard:before { content: "\f258" } .fa-hand-middle-finger:before { content: "\f806" } .fa-hand-paper:before { content: "\f256" } .fa-hand-peace:before { content: "\f25b" } .fa-hand-point-down:before { content: "\f0a7" } .fa-hand-point-left:before { content: "\f0a5" } .fa-hand-point-right:before { content: "\f0a4" } .fa-hand-point-up:before { content: "\f0a6" } .fa-hand-pointer:before { content: "\f25a" } .fa-hand-rock:before { content: "\f255" } .fa-hand-scissors:before { content: "\f257" } .fa-hand-sparkles:before { content: "\e05d" } .fa-hand-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-helping:before { content: "\f4c4" } .fa-hands-wash:before { content: "\e05e" } .fa-handshake:before { content: "\f2b5" } .fa-handshake-alt-slash:before { content: "\e05f" } .fa-handshake-slash:before { content: "\e060" } .fa-hanukiah:before { content: "\f6e6" } .fa-hard-hat:before { content: "\f807" } .fa-hashtag:before { content: "\f292" } .fa-hat-cowboy:before { content: "\f8c0" } .fa-hat-cowboy-side:before { content: "\f8c1" } .fa-hat-wizard:before { content: "\f6e8" } .fa-hdd:before { content: "\f0a0" } .fa-head-side-cough:before { content: "\e061" } .fa-head-side-cough-slash:before { content: "\e062" } .fa-head-side-mask:before { content: "\e063" } .fa-head-side-virus:before { content: "\e064" } .fa-heading:before { content: "\f1dc" } .fa-headphones:before { content: "\f025" } .fa-headphones-alt:before { content: "\f58f" } .fa-headset:before { content: "\f590" } .fa-heart:before { content: "\f004" } .fa-heart-broken:before { content: "\f7a9" } .fa-heartbeat:before { content: "\f21e" } .fa-helicopter:before { content: "\f533" } .fa-highlighter:before { content: "\f591" } .fa-hiking:before { content: "\f6ec" } .fa-hippo:before { content: "\f6ed" } .fa-hips:before { content: "\f452" } .fa-hire-a-helper:before { content: "\f3b0" } .fa-history:before { content: "\f1da" } .fa-hive:before { content: "\e07f" } .fa-hockey-puck:before { content: "\f453" } .fa-holly-berry:before { content: "\f7aa" } .fa-home:before { content: "\f015" } .fa-hooli:before { content: "\f427" } .fa-hornbill:before { content: "\f592" } .fa-horse:before { content: "\f6f0" } .fa-horse-head:before { content: "\f7ab" } .fa-hospital:before { content: "\f0f8" } .fa-hospital-alt:before { content: "\f47d" } .fa-hospital-symbol:before { content: "\f47e" } .fa-hospital-user:before { content: "\f80d" } .fa-hot-tub:before { content: "\f593" } .fa-hotdog:before { content: "\f80f" } .fa-hotel:before { content: "\f594" } .fa-hotjar:before { content: "\f3b1" } .fa-hourglass:before { content: "\f254" } .fa-hourglass-end:before { content: "\f253" } .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-start:before { content: "\f251" } .fa-house-damage:before { content: "\f6f1" } .fa-house-user:before { content: "\e065" } .fa-houzz:before { content: "\f27c" } .fa-hryvnia:before { content: "\f6f2" } .fa-html5:before { content: "\f13b" } .fa-hubspot:before { content: "\f3b2" } .fa-i-cursor:before { content: "\f246" } .fa-ice-cream:before { content: "\f810" } .fa-icicles:before { content: "\f7ad" } .fa-icons:before { content: "\f86d" } .fa-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .fa-ideal:before { content: "\e013" } .fa-igloo:before { content: "\f7ae" } .fa-image:before { content: "\f03e" } .fa-images:before { content: "\f302" } .fa-imdb:before { content: "\f2d8" } .fa-inbox:before { content: "\f01c" } .fa-indent:before { content: "\f03c" } .fa-industry:before { content: "\f275" } .fa-infinity:before { content: "\f534" } .fa-info:before { content: "\f129" } .fa-info-circle:before { content: "\f05a" } .fa-innosoft:before { content: "\e080" } .fa-instagram:before { content: "\f16d" } .fa-instagram-square:before { content: "\e055" } .fa-instalod:before { content: "\e081" } .fa-intercom:before { content: "\f7af" } .fa-internet-explorer:before { content: "\f26b" } .fa-invision:before { content: "\f7b0" } .fa-ioxhost:before { content: "\f208" } .fa-italic:before { content: "\f033" } .fa-itch-io:before { content: "\f83a" } .fa-itunes:before { content: "\f3b4" } .fa-itunes-note:before { content: "\f3b5" } .fa-java:before { content: "\f4e4" } .fa-jedi:before { content: "\f669" } .fa-jedi-order:before { content: "\f50e" } .fa-jenkins:before { content: "\f3b6" } .fa-jira:before { content: "\f7b1" } .fa-joget:before { content: "\f3b7" } .fa-joint:before { content: "\f595" } .fa-joomla:before { content: "\f1aa" } .fa-journal-whills:before { content: "\f66a" } .fa-js:before { content: "\f3b8" } .fa-js-square:before { content: "\f3b9" } .fa-jsfiddle:before { content: "\f1cc" } .fa-kaaba:before { content: "\f66b" } .fa-kaggle:before { content: "\f5fa" } .fa-key:before { content: "\f084" } .fa-keybase:before { content: "\f4f5" } .fa-keyboard:before { content: "\f11c" } .fa-keycdn:before { content: "\f3ba" } .fa-khanda:before { content: "\f66d" } .fa-kickstarter:before { content: "\f3bb" } .fa-kickstarter-k:before { content: "\f3bc" } .fa-kiss:before { content: "\f596" } .fa-kiss-beam:before { content: "\f597" } .fa-kiss-wink-heart:before { content: "\f598" } .fa-kiwi-bird:before { content: "\f535" } .fa-korvue:before { content: "\f42f" } .fa-landmark:before { content: "\f66f" } .fa-language:before { content: "\f1ab" } .fa-laptop:before { content: "\f109" } .fa-laptop-code:before { content: "\f5fc" } .fa-laptop-house:before { content: "\e066" } .fa-laptop-medical:before { content: "\f812" } .fa-laravel:before { content: "\f3bd" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-laugh:before { content: "\f599" } .fa-laugh-beam:before { content: "\f59a" } .fa-laugh-squint:before { content: "\f59b" } .fa-laugh-wink:before { content: "\f59c" } .fa-layer-group:before { content: "\f5fd" } .fa-leaf:before { content: "\f06c" } .fa-leanpub:before { content: "\f212" } .fa-lemon:before { content: "\f094" } .fa-less:before { content: "\f41d" } .fa-less-than:before { content: "\f536" } .fa-less-than-equal:before { content: "\f537" } .fa-level-down-alt:before { content: "\f3be" } .fa-level-up-alt:before { content: "\f3bf" } .fa-life-ring:before { content: "\f1cd" } .fa-lightbulb:before { content: "\f0eb" } .fa-line:before { content: "\f3c0" } .fa-link:before { content: "\f0c1" } .fa-linkedin:before { content: "\f08c" } .fa-linkedin-in:before { content: "\f0e1" } .fa-linode:before { content: "\f2b8" } .fa-linux:before { content: "\f17c" } .fa-lira-sign:before { content: "\f195" } .fa-list:before { content: "\f03a" } .fa-list-alt:before { content: "\f022" } .fa-list-ol:before { content: "\f0cb" } .fa-list-ul:before { content: "\f0ca" } .fa-location-arrow:before { content: "\f124" } .fa-lock:before { content: "\f023" } .fa-lock-open:before { content: "\f3c1" } .fa-long-arrow-alt-down:before { content: "\f309" } .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-long-arrow-alt-right:before { content: "\f30b" } .fa-long-arrow-alt-up:before { content: "\f30c" } .fa-low-vision:before { content: "\f2a8" } .fa-luggage-cart:before { content: "\f59d" } .fa-lungs:before { content: "\f604" } .fa-lungs-virus:before { content: "\e067" } .fa-lyft:before { content: "\f3c3" } .fa-magento:before { content: "\f3c4" } .fa-magic:before { content: "\f0d0" } .fa-magnet:before { content: "\f076" } .fa-mail-bulk:before { content: "\f674" } .fa-mailchimp:before { content: "\f59e" } .fa-male:before { content: "\f183" } .fa-mandalorian:before { content: "\f50f" } .fa-map:before { content: "\f279" } .fa-map-marked:before { content: "\f59f" } .fa-map-marked-alt:before { content: "\f5a0" } .fa-map-marker:before { content: "\f041" } .fa-map-marker-alt:before { content: "\f3c5" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-markdown:before { content: "\f60f" } .fa-marker:before { content: "\f5a1" } .fa-mars:before { content: "\f222" } .fa-mars-double:before { content: "\f227" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mask:before { content: "\f6fa" } .fa-mastodon:before { content: "\f4f6" } .fa-maxcdn:before { content: "\f136" } .fa-mdb:before { content: "\f8ca" } .fa-medal:before { content: "\f5a2" } .fa-medapps:before { content: "\f3c6" } .fa-medium:before { content: "\f23a" } .fa-medium-m:before { content: "\f3c7" } .fa-medkit:before { content: "\f0fa" } .fa-medrt:before { content: "\f3c8" } .fa-meetup:before { content: "\f2e0" } .fa-megaport:before { content: "\f5a3" } .fa-meh:before { content: "\f11a" } .fa-meh-blank:before { content: "\f5a4" } .fa-meh-rolling-eyes:before { content: "\f5a5" } .fa-memory:before { content: "\f538" } .fa-mendeley:before { content: "\f7b3" } .fa-menorah:before { content: "\f676" } .fa-mercury:before { content: "\f223" } .fa-meteor:before { content: "\f753" } .fa-microblog:before { content: "\e01a" } .fa-microchip:before { content: "\f2db" } .fa-microphone:before { content: "\f130" } .fa-microphone-alt:before { content: "\f3c9" } .fa-microphone-alt-slash:before { content: "\f539" } .fa-microphone-slash:before { content: "\f131" } .fa-microscope:before { content: "\f610" } .fa-microsoft:before { content: "\f3ca" } .fa-minus:before { content: "\f068" } .fa-minus-circle:before { content: "\f056" } .fa-minus-square:before { content: "\f146" } .fa-mitten:before { content: "\f7b5" } .fa-mix:before { content: "\f3cb" } .fa-mixcloud:before { content: "\f289" } .fa-mixer:before { content: "\e056" } .fa-mizuni:before { content: "\f3cc" } .fa-mobile:before { content: "\f10b" } .fa-mobile-alt:before { content: "\f3cd" } .fa-modx:before { content: "\f285" } .fa-monero:before { content: "\f3d0" } .fa-money-bill:before { content: "\f0d6" } .fa-money-bill-alt:before { content: "\f3d1" } .fa-money-bill-wave:before { content: "\f53a" } .fa-money-bill-wave-alt:before { content: "\f53b" } .fa-money-check:before { content: "\f53c" } .fa-money-check-alt:before { content: "\f53d" } .fa-monument:before { content: "\f5a6" } .fa-moon:before { content: "\f186" } .fa-mortar-pestle:before { content: "\f5a7" } .fa-mosque:before { content: "\f678" } .fa-motorcycle:before { content: "\f21c" } .fa-mountain:before { content: "\f6fc" } .fa-mouse:before { content: "\f8cc" } .fa-mouse-pointer:before { content: "\f245" } .fa-mug-hot:before { content: "\f7b6" } .fa-music:before { content: "\f001" } .fa-napster:before { content: "\f3d2" } .fa-neos:before { content: "\f612" } .fa-network-wired:before { content: "\f6ff" } .fa-neuter:before { content: "\f22c" } .fa-newspaper:before { content: "\f1ea" } .fa-nimblr:before { content: "\f5a8" } .fa-node:before { content: "\f419" } .fa-node-js:before { content: "\f3d3" } .fa-not-equal:before { content: "\f53e" } .fa-notes-medical:before { content: "\f481" } .fa-npm:before { content: "\f3d4" } .fa-ns8:before { content: "\f3d5" } .fa-nutritionix:before { content: "\f3d6" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-octopus-deploy:before { content: "\e082" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-oil-can:before { content: "\f613" } .fa-old-republic:before { content: "\f510" } .fa-om:before { content: "\f679" } .fa-opencart:before { content: "\f23d" } .fa-openid:before { content: "\f19b" } .fa-opera:before { content: "\f26a" } .fa-optin-monster:before { content: "\f23c" } .fa-orcid:before { content: "\f8d2" } .fa-osi:before { content: "\f41a" } .fa-otter:before { content: "\f700" } .fa-outdent:before { content: "\f03b" } .fa-page4:before { content: "\f3d7" } .fa-pagelines:before { content: "\f18c" } .fa-pager:before { content: "\f815" } .fa-paint-brush:before { content: "\f1fc" } .fa-paint-roller:before { content: "\f5aa" } .fa-palette:before { content: "\f53f" } .fa-palfed:before { content: "\f3d8" } .fa-pallet:before { content: "\f482" } .fa-paper-plane:before { content: "\f1d8" } .fa-paperclip:before { content: "\f0c6" } .fa-parachute-box:before { content: "\f4cd" } .fa-paragraph:before { content: "\f1dd" } .fa-parking:before { content: "\f540" } .fa-passport:before { content: "\f5ab" } .fa-pastafarianism:before { content: "\f67b" } .fa-paste:before { content: "\f0ea" } .fa-patreon:before { content: "\f3d9" } .fa-pause:before { content: "\f04c" } .fa-pause-circle:before { content: "\f28b" } .fa-paw:before { content: "\f1b0" } .fa-paypal:before { content: "\f1ed" } .fa-peace:before { content: "\f67c" } .fa-pen:before { content: "\f304" } .fa-pen-alt:before { content: "\f305" } .fa-pen-fancy:before { content: "\f5ac" } .fa-pen-nib:before { content: "\f5ad" } .fa-pen-square:before { content: "\f14b" } .fa-pencil-alt:before { content: "\f303" } .fa-pencil-ruler:before { content: "\f5ae" } .fa-penny-arcade:before { content: "\f704" } .fa-people-arrows:before { content: "\e068" } .fa-people-carry:before { content: "\f4ce" } .fa-pepper-hot:before { content: "\f816" } .fa-perbyte:before { content: "\e083" } .fa-percent:before { content: "\f295" } .fa-percentage:before { content: "\f541" } .fa-periscope:before { content: "\f3da" } .fa-person-booth:before { content: "\f756" } .fa-phabricator:before { content: "\f3db" } .fa-phoenix-framework:before { content: "\f3dc" } .fa-phoenix-squadron:before { content: "\f511" } .fa-phone:before { content: "\f095" } .fa-phone-alt:before { content: "\f879" } .fa-phone-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-square-alt:before { content: "\f87b" } .fa-phone-volume:before { content: "\f2a0" } .fa-photo-video:before { content: "\f87c" } .fa-php:before { content: "\f457" } .fa-pied-piper:before { content: "\f2ae" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-pied-piper-hat:before { content: "\f4e5" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-square:before { content: "\e01e" } .fa-piggy-bank:before { content: "\f4d3" } .fa-pills:before { content: "\f484" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-p:before { content: "\f231" } .fa-pinterest-square:before { content: "\f0d3" } .fa-pizza-slice:before { content: "\f818" } .fa-place-of-worship:before { content: "\f67f" } .fa-plane:before { content: "\f072" } .fa-plane-arrival:before { content: "\f5af" } .fa-plane-departure:before { content: "\f5b0" } .fa-plane-slash:before { content: "\e069" } .fa-play:before { content: "\f04b" } .fa-play-circle:before { content: "\f144" } .fa-playstation:before { content: "\f3df" } .fa-plug:before { content: "\f1e6" } .fa-plus:before { content: "\f067" } .fa-plus-circle:before { content: "\f055" } .fa-plus-square:before { content: "\f0fe" } .fa-podcast:before { content: "\f2ce" } .fa-poll:before { content: "\f681" } .fa-poll-h:before { content: "\f682" } .fa-poo:before { content: "\f2fe" } .fa-poo-storm:before { content: "\f75a" } .fa-poop:before { content: "\f619" } .fa-portrait:before { content: "\f3e0" } .fa-pound-sign:before { content: "\f154" } .fa-power-off:before { content: "\f011" } .fa-pray:before { content: "\f683" } .fa-praying-hands:before { content: "\f684" } .fa-prescription:before { content: "\f5b1" } .fa-prescription-bottle:before { content: "\f485" } .fa-prescription-bottle-alt:before { content: "\f486" } .fa-print:before { content: "\f02f" } .fa-procedures:before { content: "\f487" } .fa-product-hunt:before { content: "\f288" } .fa-project-diagram:before { content: "\f542" } .fa-pump-medical:before { content: "\e06a" } .fa-pump-soap:before { content: "\e06b" } .fa-pushed:before { content: "\f3e1" } .fa-puzzle-piece:before { content: "\f12e" } .fa-python:before { content: "\f3e2" } .fa-qq:before { content: "\f1d6" } .fa-qrcode:before { content: "\f029" } .fa-question:before { content: "\f128" } .fa-question-circle:before { content: "\f059" } .fa-quidditch:before { content: "\f458" } .fa-quinscape:before { content: "\f459" } .fa-quora:before { content: "\f2c4" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-quran:before { content: "\f687" } .fa-r-project:before { content: "\f4f7" } .fa-radiation:before { content: "\f7b9" } .fa-radiation-alt:before { content: "\f7ba" } .fa-rainbow:before { content: "\f75b" } .fa-random:before { content: "\f074" } .fa-raspberry-pi:before { content: "\f7bb" } .fa-ravelry:before { content: "\f2d9" } .fa-react:before { content: "\f41b" } .fa-reacteurope:before { content: "\f75d" } .fa-readme:before { content: "\f4d5" } .fa-rebel:before { content: "\f1d0" } .fa-receipt:before { content: "\f543" } .fa-record-vinyl:before { content: "\f8d9" } .fa-recycle:before { content: "\f1b8" } .fa-red-river:before { content: "\f3e3" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-alien:before { content: "\f281" } .fa-reddit-square:before { content: "\f1a2" } .fa-redhat:before { content: "\f7bc" } .fa-redo:before { content: "\f01e" } .fa-redo-alt:before { content: "\f2f9" } .fa-registered:before { content: "\f25d" } .fa-remove-format:before { content: "\f87d" } .fa-renren:before { content: "\f18b" } .fa-reply:before { content: "\f3e5" } .fa-reply-all:before { content: "\f122" } .fa-replyd:before { content: "\f3e6" } .fa-republican:before { content: "\f75e" } .fa-researchgate:before { content: "\f4f8" } .fa-resolving:before { content: "\f3e7" } .fa-restroom:before { content: "\f7bd" } .fa-retweet:before { content: "\f079" } .fa-rev:before { content: "\f5b2" } .fa-ribbon:before { content: "\f4d6" } .fa-ring:before { content: "\f70b" } .fa-road:before { content: "\f018" } .fa-robot:before { content: "\f544" } .fa-rocket:before { content: "\f135" } .fa-rocketchat:before { content: "\f3e8" } .fa-rockrms:before { content: "\f3e9" } .fa-route:before { content: "\f4d7" } .fa-rss:before { content: "\f09e" } .fa-rss-square:before { content: "\f143" } .fa-ruble-sign:before { content: "\f158" } .fa-ruler:before { content: "\f545" } .fa-ruler-combined:before { content: "\f546" } .fa-ruler-horizontal:before { content: "\f547" } .fa-ruler-vertical:before { content: "\f548" } .fa-running:before { content: "\f70c" } .fa-rupee-sign:before { content: "\f156" } .fa-rust:before { content: "\e07a" } .fa-sad-cry:before { content: "\f5b3" } .fa-sad-tear:before { content: "\f5b4" } .fa-safari:before { content: "\f267" } .fa-salesforce:before { content: "\f83b" } .fa-sass:before { content: "\f41e" } .fa-satellite:before { content: "\f7bf" } .fa-satellite-dish:before { content: "\f7c0" } .fa-save:before { content: "\f0c7" } .fa-schlix:before { content: "\f3ea" } .fa-school:before { content: "\f549" } .fa-screwdriver:before { content: "\f54a" } .fa-scribd:before { content: "\f28a" } .fa-scroll:before { content: "\f70e" } .fa-sd-card:before { content: "\f7c2" } .fa-search:before { content: "\f002" } .fa-search-dollar:before { content: "\f688" } .fa-search-location:before { content: "\f689" } .fa-search-minus:before { content: "\f010" } .fa-search-plus:before { content: "\f00e" } .fa-searchengin:before { content: "\f3eb" } .fa-seedling:before { content: "\f4d8" } .fa-sellcast:before { content: "\f2da" } .fa-sellsy:before { content: "\f213" } .fa-server:before { content: "\f233" } .fa-servicestack:before { content: "\f3ec" } .fa-shapes:before { content: "\f61f" } .fa-share:before { content: "\f064" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-share-square:before { content: "\f14d" } .fa-shekel-sign:before { content: "\f20b" } .fa-shield-alt:before { content: "\f3ed" } .fa-shield-virus:before { content: "\e06c" } .fa-ship:before { content: "\f21a" } .fa-shipping-fast:before { content: "\f48b" } .fa-shirtsinbulk:before { content: "\f214" } .fa-shoe-prints:before { content: "\f54b" } .fa-shopify:before { content: "\e057" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-shopping-cart:before { content: "\f07a" } .fa-shopware:before { content: "\f5b5" } .fa-shower:before { content: "\f2cc" } .fa-shuttle-van:before { content: "\f5b6" } .fa-sign:before { content: "\f4d9" } .fa-sign-in-alt:before { content: "\f2f6" } .fa-sign-language:before { content: "\f2a7" } .fa-sign-out-alt:before { content: "\f2f5" } .fa-signal:before { content: "\f012" } .fa-signature:before { content: "\f5b7" } .fa-sim-card:before { content: "\f7c4" } .fa-simplybuilt:before { content: "\f215" } .fa-sink:before { content: "\e06d" } .fa-sistrix:before { content: "\f3ee" } .fa-sitemap:before { content: "\f0e8" } .fa-sith:before { content: "\f512" } .fa-skating:before { content: "\f7c5" } .fa-sketch:before { content: "\f7c6" } .fa-skiing:before { content: "\f7c9" } .fa-skiing-nordic:before { content: "\f7ca" } .fa-skull:before { content: "\f54c" } .fa-skull-crossbones:before { content: "\f714" } .fa-skyatlas:before { content: "\f216" } .fa-skype:before { content: "\f17e" } .fa-slack:before { content: "\f198" } .fa-slack-hash:before { content: "\f3ef" } .fa-slash:before { content: "\f715" } .fa-sleigh:before { content: "\f7cc" } .fa-sliders-h:before { content: "\f1de" } .fa-slideshare:before { content: "\f1e7" } .fa-smile:before { content: "\f118" } .fa-smile-beam:before { content: "\f5b8" } .fa-smile-wink:before { content: "\f4da" } .fa-smog:before { content: "\f75f" } .fa-smoking:before { content: "\f48d" } .fa-smoking-ban:before { content: "\f54d" } .fa-sms:before { content: "\f7cd" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-snowboarding:before { content: "\f7ce" } .fa-snowflake:before { content: "\f2dc" } .fa-snowman:before { content: "\f7d0" } .fa-snowplow:before { content: "\f7d2" } .fa-soap:before { content: "\e06e" } .fa-socks:before { content: "\f696" } .fa-solar-panel:before { content: "\f5ba" } .fa-sort:before { content: "\f0dc" } .fa-sort-alpha-down:before { content: "\f15d" } .fa-sort-alpha-down-alt:before { content: "\f881" } .fa-sort-alpha-up:before { content: "\f15e" } .fa-sort-alpha-up-alt:before { content: "\f882" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-down-alt:before { content: "\f884" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-amount-up-alt:before { content: "\f885" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-down-alt:before { content: "\f886" } .fa-sort-numeric-up:before { content: "\f163" } .fa-sort-numeric-up-alt:before { content: "\f887" } .fa-sort-up:before { content: "\f0de" } .fa-soundcloud:before { content: "\f1be" } .fa-sourcetree:before { content: "\f7d3" } .fa-spa:before { content: "\f5bb" } .fa-space-shuttle:before { content: "\f197" } .fa-speakap:before { content: "\f3f3" } .fa-speaker-deck:before { content: "\f83c" } .fa-spell-check:before { content: "\f891" } .fa-spider:before { content: "\f717" } .fa-spinner:before { content: "\f110" } .fa-splotch:before { content: "\f5bc" } .fa-spotify:before { content: "\f1bc" } .fa-spray-can:before { content: "\f5bd" } .fa-square:before { content: "\f0c8" } .fa-square-full:before { content: "\f45c" } .fa-square-root-alt:before { content: "\f698" } .fa-squarespace:before { content: "\f5be" } .fa-stack-exchange:before { content: "\f18d" } .fa-stack-overflow:before { content: "\f16c" } .fa-stackpath:before { content: "\f842" } .fa-stamp:before { content: "\f5bf" } .fa-star:before { content: "\f005" } .fa-star-and-crescent:before { content: "\f699" } .fa-star-half:before { content: "\f089" } .fa-star-half-alt:before { content: "\f5c0" } .fa-star-of-david:before { content: "\f69a" } .fa-star-of-life:before { content: "\f621" } .fa-staylinked:before { content: "\f3f5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-steam-symbol:before { content: "\f3f6" } .fa-step-backward:before { content: "\f048" } .fa-step-forward:before { content: "\f051" } .fa-stethoscope:before { content: "\f0f1" } .fa-sticker-mule:before { content: "\f3f7" } .fa-sticky-note:before { content: "\f249" } .fa-stop:before { content: "\f04d" } .fa-stop-circle:before { content: "\f28d" } .fa-stopwatch:before { content: "\f2f2" } .fa-stopwatch-20:before { content: "\e06f" } .fa-store:before { content: "\f54e" } .fa-store-alt:before { content: "\f54f" } .fa-store-alt-slash:before { content: "\e070" } .fa-store-slash:before { content: "\e071" } .fa-strava:before { content: "\f428" } .fa-stream:before { content: "\f550" } .fa-street-view:before { content: "\f21d" } .fa-strikethrough:before { content: "\f0cc" } .fa-stripe:before { content: "\f429" } .fa-stripe-s:before { content: "\f42a" } .fa-stroopwafel:before { content: "\f551" } .fa-studiovinari:before { content: "\f3f8" } .fa-stumbleupon:before { content: "\f1a4" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-subscript:before { content: "\f12c" } .fa-subway:before { content: "\f239" } .fa-suitcase:before { content: "\f0f2" } .fa-suitcase-rolling:before { content: "\f5c1" } .fa-sun:before { content: "\f185" } .fa-superpowers:before { content: "\f2dd" } .fa-superscript:before { content: "\f12b" } .fa-supple:before { content: "\f3f9" } .fa-surprise:before { content: "\f5c2" } .fa-suse:before { content: "\f7d6" } .fa-swatchbook:before { content: "\f5c3" } .fa-swift:before { content: "\f8e1" } .fa-swimmer:before { content: "\f5c4" } .fa-swimming-pool:before { content: "\f5c5" } .fa-symfony:before { content: "\f83d" } .fa-synagogue:before { content: "\f69b" } .fa-sync:before { content: "\f021" } .fa-sync-alt:before { content: "\f2f1" } .fa-syringe:before { content: "\f48e" } .fa-table:before { content: "\f0ce" } .fa-table-tennis:before { content: "\f45d" } .fa-tablet:before { content: "\f10a" } .fa-tablet-alt:before { content: "\f3fa" } .fa-tablets:before { content: "\f490" } .fa-tachometer-alt:before { content: "\f3fd" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-tape:before { content: "\f4db" } .fa-tasks:before { content: "\f0ae" } .fa-taxi:before { content: "\f1ba" } .fa-teamspeak:before { content: "\f4f9" } .fa-teeth:before { content: "\f62e" } .fa-teeth-open:before { content: "\f62f" } .fa-telegram:before { content: "\f2c6" } .fa-telegram-plane:before { content: "\f3fe" } .fa-temperature-high:before { content: "\f769" } .fa-temperature-low:before { content: "\f76b" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-tenge:before { content: "\f7d7" } .fa-terminal:before { content: "\f120" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-th:before { content: "\f00a" } .fa-th-large:before { content: "\f009" } .fa-th-list:before { content: "\f00b" } .fa-the-red-yeti:before { content: "\f69d" } .fa-theater-masks:before { content: "\f630" } .fa-themeco:before { content: "\f5c6" } .fa-themeisle:before { content: "\f2b2" } .fa-thermometer:before { content: "\f491" } .fa-thermometer-empty:before { content: "\f2cb" } .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-think-peaks:before { content: "\f731" } .fa-thumbs-down:before { content: "\f165" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbtack:before { content: "\f08d" } .fa-ticket-alt:before { content: "\f3ff" } .fa-tiktok:before { content: "\e07b" } .fa-times:before { content: "\f00d" } .fa-times-circle:before { content: "\f057" } .fa-tint:before { content: "\f043" } .fa-tint-slash:before { content: "\f5c7" } .fa-tired:before { content: "\f5c8" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-toilet:before { content: "\f7d8" } .fa-toilet-paper:before { content: "\f71e" } .fa-toilet-paper-slash:before { content: "\e072" } .fa-toolbox:before { content: "\f552" } .fa-tools:before { content: "\f7d9" } .fa-tooth:before { content: "\f5c9" } .fa-torah:before { content: "\f6a0" } .fa-torii-gate:before { content: "\f6a1" } .fa-tractor:before { content: "\f722" } .fa-trade-federation:before { content: "\f513" } .fa-trademark:before { content: "\f25c" } .fa-traffic-light:before { content: "\f637" } .fa-trailer:before { content: "\e041" } .fa-train:before { content: "\f238" } .fa-tram:before { content: "\f7da" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-trash:before { content: "\f1f8" } .fa-trash-alt:before { content: "\f2ed" } .fa-trash-restore:before { content: "\f829" } .fa-trash-restore-alt:before { content: "\f82a" } .fa-tree:before { content: "\f1bb" } .fa-trello:before { content: "\f181" } .fa-tripadvisor:before { content: "\f262" } .fa-trophy:before { content: "\f091" } .fa-truck:before { content: "\f0d1" } .fa-truck-loading:before { content: "\f4de" } .fa-truck-monster:before { content: "\f63b" } .fa-truck-moving:before { content: "\f4df" } .fa-truck-pickup:before { content: "\f63c" } .fa-tshirt:before { content: "\f553" } .fa-tty:before { content: "\f1e4" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-tv:before { content: "\f26c" } .fa-twitch:before { content: "\f1e8" } .fa-twitter:before { content: "\f099" } .fa-twitter-square:before { content: "\f081" } .fa-typo3:before { content: "\f42b" } .fa-uber:before { content: "\f402" } .fa-ubuntu:before { content: "\f7df" } .fa-uikit:before { content: "\f403" } .fa-umbraco:before { content: "\f8e8" } .fa-umbrella:before { content: "\f0e9" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-uncharted:before { content: "\e084" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-undo-alt:before { content: "\f2ea" } .fa-uniregistry:before { content: "\f404" } .fa-unity:before { content: "\e049" } .fa-universal-access:before { content: "\f29a" } .fa-university:before { content: "\f19c" } .fa-unlink:before { content: "\f127" } .fa-unlock:before { content: "\f09c" } .fa-unlock-alt:before { content: "\f13e" } .fa-unsplash:before { content: "\e07c" } .fa-untappd:before { content: "\f405" } .fa-upload:before { content: "\f093" } .fa-ups:before { content: "\f7e0" } .fa-usb:before { content: "\f287" } .fa-user:before { content: "\f007" } .fa-user-alt:before { content: "\f406" } .fa-user-alt-slash:before { content: "\f4fa" } .fa-user-astronaut:before { content: "\f4fb" } .fa-user-check:before { content: "\f4fc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-clock:before { content: "\f4fd" } .fa-user-cog:before { content: "\f4fe" } .fa-user-edit:before { content: "\f4ff" } .fa-user-friends:before { content: "\f500" } .fa-user-graduate:before { content: "\f501" } .fa-user-injured:before { content: "\f728" } .fa-user-lock:before { content: "\f502" } .fa-user-md:before { content: "\f0f0" } .fa-user-minus:before { content: "\f503" } .fa-user-ninja:before { content: "\f504" } .fa-user-nurse:before { content: "\f82f" } .fa-user-plus:before { content: "\f234" } .fa-user-secret:before { content: "\f21b" } .fa-user-shield:before { content: "\f505" } .fa-user-slash:before { content: "\f506" } .fa-user-tag:before { content: "\f507" } .fa-user-tie:before { content: "\f508" } .fa-user-times:before { content: "\f235" } .fa-users:before { content: "\f0c0" } .fa-users-cog:before { content: "\f509" } .fa-users-slash:before { content: "\e073" } .fa-usps:before { content: "\f7e1" } .fa-ussunnah:before { content: "\f407" } .fa-utensil-spoon:before { content: "\f2e5" } .fa-utensils:before { content: "\f2e7" } .fa-vaadin:before { content: "\f408" } .fa-vector-square:before { content: "\f5cb" } .fa-venus:before { content: "\f221" } .fa-venus-double:before { content: "\f226" } .fa-venus-mars:before { content: "\f228" } .fa-vest:before { content: "\e085" } .fa-vest-patches:before { content: "\e086" } .fa-viacoin:before { content: "\f237" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-vial:before { content: "\f492" } .fa-vials:before { content: "\f493" } .fa-viber:before { content: "\f409" } .fa-video:before { content: "\f03d" } .fa-video-slash:before { content: "\f4e2" } .fa-vihara:before { content: "\f6a7" } .fa-vimeo:before { content: "\f40a" } .fa-vimeo-square:before { content: "\f194" } .fa-vimeo-v:before { content: "\f27d" } .fa-vine:before { content: "\f1ca" } .fa-virus:before { content: "\e074" } .fa-virus-slash:before { content: "\e075" } .fa-viruses:before { content: "\e076" } .fa-vk:before { content: "\f189" } .fa-vnv:before { content: "\f40b" } .fa-voicemail:before { content: "\f897" } .fa-volleyball-ball:before { content: "\f45f" } .fa-volume-down:before { content: "\f027" } .fa-volume-mute:before { content: "\f6a9" } .fa-volume-off:before { content: "\f026" } .fa-volume-up:before { content: "\f028" } .fa-vote-yea:before { content: "\f772" } .fa-vr-cardboard:before { content: "\f729" } .fa-vuejs:before { content: "\f41f" } .fa-walking:before { content: "\f554" } .fa-wallet:before { content: "\f555" } .fa-warehouse:before { content: "\f494" } .fa-watchman-monitoring:before { content: "\e087" } .fa-water:before { content: "\f773" } .fa-wave-square:before { content: "\f83e" } .fa-waze:before { content: "\f83f" } .fa-weebly:before { content: "\f5cc" } .fa-weibo:before { content: "\f18a" } .fa-weight:before { content: "\f496" } .fa-weight-hanging:before { content: "\f5cd" } .fa-weixin:before { content: "\f1d7" } .fa-whatsapp:before { content: "\f232" } .fa-whatsapp-square:before { content: "\f40c" } .fa-wheelchair:before { content: "\f193" } .fa-whmcs:before { content: "\f40d" } .fa-wifi:before { content: "\f1eb" } .fa-wikipedia-w:before { content: "\f266" } .fa-wind:before { content: "\f72e" } .fa-window-close:before { content: "\f410" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-windows:before { content: "\f17a" } .fa-wine-bottle:before { content: "\f72f" } .fa-wine-glass:before { content: "\f4e3" } .fa-wine-glass-alt:before { content: "\f5ce" } .fa-wix:before { content: "\f5cf" } .fa-wizards-of-the-coast:before { content: "\f730" } .fa-wodu:before { content: "\e088" } .fa-wolf-pack-battalion:before { content: "\f514" } .fa-won-sign:before { content: "\f159" } .fa-wordpress:before { content: "\f19a" } .fa-wordpress-simple:before { content: "\f411" } .fa-wpbeginner:before { content: "\f297" } .fa-wpexplorer:before { content: "\f2de" } .fa-wpforms:before { content: "\f298" } .fa-wpressr:before { content: "\f3e4" } .fa-wrench:before { content: "\f0ad" } .fa-x-ray:before { content: "\f497" } .fa-xbox:before { content: "\f412" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-y-combinator:before { content: "\f23b" } .fa-yahoo:before { content: "\f19e" } .fa-yammer:before { content: "\f840" } .fa-yandex:before { content: "\f413" } .fa-yandex-international:before { content: "\f414" } .fa-yarn:before { content: "\f7e3" } .fa-yelp:before { content: "\f1e9" } .fa-yen-sign:before { content: "\f157" } .fa-yin-yang:before { content: "\f6ad" } .fa-yoast:before { content: "\f2b1" } .fa-youtube:before { content: "\f167" } .fa-youtube-square:before { content: "\f431" } .fa-zhihu:before { content: "\f63f" } .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("/css/fonts/fontawesome/webfonts/fa-brands-400.eot"); src: url("/css/fonts/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("/css/fonts/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"),url("/css/fonts/fontawesome/webfonts/fa-brands-400.woff") format("woff"),url("/css/fonts/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"),url("/css/fonts/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg") } .fa, .fab, .far, .fas { font-family: fa-brands-400; font-weight: 400 } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("/css/fonts/fontawesome/webfonts/fa-regular-400.eot"); src: url("/css/fonts/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("/css/fonts/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"),url("/css/fonts/fontawesome/webfonts/fa-regular-400.woff") format("woff"),url("/css/fonts/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"),url("/css/fonts/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg") } .fa, .far, .fas { font-family: 'Font Awesome 5 Free' } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("/css/fonts/fontawesome/webfonts/fa-solid-900.eot"); src: url("/css/fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("/css/fonts/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),url("/css/fonts/fontawesome/webfonts/fa-solid-900.woff") format("woff"),url("/css/fonts/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"),url("/css/fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg") } .fa, .fas { font-weight: 900 } .containerbody { max-width: 90vw; margin-left: 5vw; margin-right: 5vw; margin-top: 10vh; } .grey { padding: 40px; background: #fff; border: 1px solid #222; } .app-title { margin-bottom: 40px; margin-top: 40px; FONT-WEIGHT: 600; } .textfieldlabelrequired:after { content: ' *'; color: red; } .displaynone { display: none; } .breadcrumb { display:none; }